/* Dire Studios design system */
@font-face{font-family:'Plus Jakarta Sans';src:url('fonts/jakarta.woff2') format('woff2');font-weight:300 800;font-style:normal}
@font-face{font-family:'Inter';src:url('fonts/inter.woff2') format('woff2');font-weight:300 700;font-style:normal}
span.punc.punc{margin-left:-.08em;color:inherit}
:root{
  --bg:#FCFBF9; --tan:#F4F0E8; --tan2:#E9E2D2;
  --ink:#0C0B0A; --ink2:#3E3A33; --mid:#7A7266;
  --ox:#7C2B22; --oxl:#C9776A;
  --line:#E4DFD3; --dline:rgba(255,255,255,.12); --dmid:#9A9289; --dtxt:#EFEBE4;
  --wrap:1240px; --pad:48px; --r:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
[id]{scroll-margin-top:84px}
h3,h4{line-height:1.2}
a,button,input,textarea,.btn{-webkit-tap-highlight-color:transparent}
body{background:var(--bg);color:var(--ink);font-family:'Inter','Inter Fallback',system-ui,sans-serif;font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
body:before{content:"";position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.5;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
h1,h2,h3,h4,.d{font-family:'Plus Jakarta Sans','Display',system-ui,sans-serif;font-weight:700;letter-spacing:-.03em}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
/* nav */
nav{position:sticky;top:0;z-index:40;background:rgba(252,251,249,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nin{max-width:var(--wrap);margin:0 auto;padding:15px var(--pad);display:flex;align-items:center;justify-content:space-between}
.brand{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.03em}
.brand i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ox);margin-right:9px;vertical-align:middle}
.nl{display:flex;gap:26px;font-size:14px;color:var(--mid)}
.nact{display:flex;gap:10px;align-items:center}
.nl a:hover{color:var(--ink)} .nl a.on{color:var(--ink);font-weight:600}
.ncta{background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;padding:10px 18px;border-radius:9px;transition:transform .3s,box-shadow .3s}
.ncta:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(12,11,10,.22)}
.burger{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}
.burger span{width:16px;height:1.5px;background:var(--ink);display:block;transition:transform .28s cubic-bezier(.22,.8,.26,1),opacity .2s}
.burger.x span:nth-child(1){transform:translateY(5.5px) rotate(45deg)} .burger.x span:nth-child(2){opacity:0} .burger.x span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.sheet{display:none;border-bottom:1px solid var(--line);background:var(--bg)}
.sheet.open{display:block}
.sheet a{display:block;padding:14px var(--pad);border-top:1px solid var(--line);font-size:15px}
/* buttons */
.btn{font-size:14.5px;font-weight:600;padding:15px 28px;border-radius:10px;display:inline-block;transition:transform .35s cubic-bezier(.22,.8,.26,1),box-shadow .35s,background .3s,color .3s}
.b-ink{background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(12,11,10,.18)}
.b-ink:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(12,11,10,.28)}
.b-light{background:#fff;color:var(--ink);border:1px solid var(--line)}
.b-light:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(12,11,10,.10)}
.b-ghost{background:rgba(255,255,255,.06);color:var(--dtxt);border:1px solid var(--dline)}
.b-ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}
.b-white{background:#fff;color:var(--ink);box-shadow:0 10px 26px rgba(0,0,0,.4)}
.b-white:hover{transform:translateY(-2px)}
/* hero, dark with aurora */
.hero{background:linear-gradient(180deg,#141210 0%,#0C0B0A 60%,#0C0B0A 100%);border-bottom:1px solid var(--dline);position:relative;overflow:hidden;color:var(--dtxt)}
.hero .aura{position:absolute;inset:-25% -10%;z-index:0;pointer-events:none;filter:blur(84px);opacity:.52}
.hero .aura span{position:absolute;display:block;border-radius:50%;mix-blend-mode:screen}
.a1{width:58vw;height:38vw;left:4%;top:6%;background:radial-gradient(circle at 40% 40%,rgba(150,44,34,.52),rgba(124,43,34,.16) 45%,transparent 70%);animation:d1 26s ease-in-out infinite alternate}
.a2{width:46vw;height:34vw;right:2%;top:22%;background:radial-gradient(circle at 60% 40%,rgba(193,86,66,.34),rgba(124,43,34,.12) 48%,transparent 72%);animation:d2 32s ease-in-out infinite alternate}
.a3{width:40vw;height:26vw;left:26%;bottom:-8%;background:radial-gradient(circle at 50% 50%,rgba(94,28,22,.46),transparent 68%);animation:d3 38s ease-in-out infinite alternate}
@keyframes d1{100%{transform:translate3d(6%,4%,0) scale(1.12)}}
@keyframes d2{0%{transform:scale(1.05)}100%{transform:translate3d(-7%,5%,0) scale(.95)}}
@keyframes d3{0%{transform:scale(.95)}100%{transform:translate3d(5%,-6%,0) scale(1.15)}}
.hero .swirl{position:absolute;inset:-40% -20%;z-index:0;pointer-events:none;opacity:.16;
 background:conic-gradient(from 210deg at 50% 45%,rgba(124,43,34,0) 0deg,rgba(168,58,44,.30) 70deg,rgba(124,43,34,0) 150deg,rgba(201,119,106,.18) 240deg,rgba(124,43,34,0) 330deg);
 filter:blur(90px);animation:spin 70s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero .vign{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(115% 88% at 50% 38%,transparent 34%,rgba(8,7,6,.86) 100%)}
.hero .inr{position:relative;z-index:2;text-align:center;padding:76px 0 74px}
.hero h1{font-size:clamp(38px,6.2vw,88px);line-height:.99;font-weight:800;letter-spacing:-.042em;max-width:16ch;margin:0 auto;color:#fff}
.hero h1 span{color:var(--oxl)}
.eyebrow{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--oxl);margin-bottom:18px}
.hero .lede{font-size:18.5px;color:#C6BFB5;max-width:56ch;margin:22px auto 0}
.hero .acts{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.strip{border-top:1px solid var(--dline);background:rgba(255,255,255,.04);position:relative;z-index:2}
.strip .strip-in{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.scell{padding:18px 16px;position:relative;font-size:14.5px;color:var(--dmid)}
.scell+.scell:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:1px;background:var(--dline)}
.scell b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;color:#fff;letter-spacing:-.02em}
/* sections */
section.pad{padding:86px 0}
section.pad.closing{padding:0 0 20px}
section.pad.end{padding-bottom:20px}
.tan{background:var(--tan);position:relative}
.tan:before,.tan:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--tan2) 18%,var(--tan2) 82%,transparent)}
.tan:before{top:-1px} .tan:after{bottom:-1px}
.dark{background:var(--ink);color:var(--dtxt);position:relative;overflow:hidden}
.dark:before{content:"";position:absolute;inset:0;background:radial-gradient(760px 320px at 50% 0%,rgba(124,43,34,.30),transparent 70%);pointer-events:none}
.dark>*{position:relative;z-index:1}
.dark h2{color:#fff} .dark .eyebrow{color:var(--oxl)} .dark p{color:#B4ACA3}
.shead{text-align:center;max-width:none;margin-bottom:34px}
.shead h2{font-size:clamp(30px,3.6vw,44px);line-height:1.06;max-width:20ch;margin:0 auto}
.shead h2,.closer h2{text-wrap:balance}
p,.fk{text-wrap:pretty}
.shead h2 em{font-style:normal;color:var(--ox)}
.dark .shead h2 em{color:var(--oxl)}
.shead p{color:var(--ink2);max-width:52ch;margin:14px auto 0;font-size:16.5px}
.dark .shead p,.dark .shead .lede{color:#B4ACA3}
/* numbered flow */
.flow{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:46px}
.flow:before{content:"";position:absolute;left:12%;right:12%;top:27px;height:1px;background:var(--tan2)}
.fs{text-align:center;padding:0 22px;position:relative}
.fsn{width:54px;height:54px;border-radius:50%;background:#fff;border:1px solid var(--tan2);display:grid;place-items:center;margin:0 auto 20px;
 font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:16px;color:var(--ox);position:relative;z-index:1;box-shadow:0 6px 16px rgba(12,11,10,.06);
 transition:transform .5s cubic-bezier(.22,.8,.26,1),background .4s,color .4s,border-color .4s}
.fs:hover .fsn{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-3px) scale(1.04)}
.fs h3{font-size:20px;margin-bottom:8px}
.fs p{font-size:15px;color:var(--ink2);max-width:26ch;margin:0 auto}
/* ledger rows */
.rows{margin-top:40px;border-top:1px solid var(--line)}
.dark .rows{border-color:var(--dline)}
.row{display:grid;grid-template-columns:70px 300px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline}
.dark .row{border-color:var(--dline)}
.row .n{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:14px;color:var(--ox)}
.dark .row .n{color:var(--oxl)}
.row h3{font-size:21px} .row p{color:var(--ink2);font-size:15.5px;max-width:70ch}
.dark .row p{color:#B4ACA3}
/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;box-shadow:0 1px 2px rgba(12,11,10,.04),0 14px 30px rgba(12,11,10,.05);
 transition:transform .45s cubic-bezier(.22,.8,.26,1),box-shadow .45s}
.card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(12,11,10,.05),0 28px 56px rgba(12,11,10,.11)}
.card h3{font-size:20px;margin-bottom:9px} .card p{color:var(--ink2);font-size:15px}
.card .k{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ox);margin-bottom:12px}
/* figures */
.figs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;max-width:1120px;margin-left:auto;margin-right:auto;border-top:1px solid var(--dline);align-items:start;text-align:left}
.fig{padding:32px 28px 6px;position:relative;display:flex;flex-direction:column;gap:13px}
.fig+.fig:before{content:"";position:absolute;left:0;top:26px;bottom:6px;width:1px;background:var(--dline)}
.fv{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(37px,4.76vw,68px);letter-spacing:-.055em;line-height:.92;
 background:linear-gradient(180deg,#fff,#C9776A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fk{font-size:14.5px;line-height:1.45;color:#B4ACA3;max-width:22ch}
/* closer */
.closer{position:relative;overflow:hidden;background:linear-gradient(165deg,#1C1A17,#0C0B0A);border-radius:24px;padding:66px 54px;display:flex;justify-content:space-between;align-items:center;gap:40px;color:#fff}
.closer:before{content:"";position:absolute;inset:0;background:radial-gradient(640px 260px at 18% 0%,rgba(124,43,34,.38),transparent 70%)}
.closer>*{position:relative;z-index:1}
.closer h2{font-size:clamp(28px,3.2vw,40px);line-height:1.06} .closer h2 span{color:var(--oxl)}
.closer p{color:#B9B2A6;margin-top:12px;max-width:42ch}
footer{padding:36px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px;color:var(--mid);gap:20px;flex-wrap:wrap}
/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.22,.8,.26,1),transform .9s cubic-bezier(.22,.8,.26,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s} .rv.d2{transition-delay:.16s} .rv.d3{transition-delay:.24s} .rv.d4{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none} .a1,.a2,.a3,.swirl{animation:none}}
@media (max-width:980px){
  .flow{grid-template-columns:repeat(2,1fr);gap:34px 0} .flow:before{display:none}
  .cards{grid-template-columns:1fr 1fr} .figs{grid-template-columns:repeat(2,1fr)}
  .row{grid-template-columns:44px 1fr;gap:16px} .row h3{grid-column:2} .row p{grid-column:2}
}
@media (max-width:760px){
  :root{--pad:24px}
  .nl{display:none} .burger{display:flex}
  .cards,.flow,.figs,.strip .strip-in{grid-template-columns:1fr}
  .scell+.scell:before{left:0;right:0;top:0;bottom:auto;width:auto;height:1px}
  .closer{flex-direction:column;align-items:flex-start;padding:44px 28px}
  section.pad{padding:64px 0}
}

/* home: left aligned, light led, built around the reply clock (hm- prefix, home only) */
.hm-label{display:flex;align-items:center;gap:12px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;letter-spacing:0;color:var(--ox);margin-bottom:22px}
.hm-label:before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.hm-hero .hm-label{color:var(--oxl)}
.hm-h2{font-size:clamp(32px,3.9vw,52px);line-height:1.04;letter-spacing:-.038em;font-weight:800;max-width:16ch;text-wrap:balance}
.hm-h2 em{font-style:normal;color:var(--ox)}
.hm-sub{font-size:17px;color:var(--ink2);max-width:42ch}
/* hero */
.hero.hm-hero .wrap{position:relative;z-index:2}
.hm-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center;padding:88px 0 0}
.hero.hm-hero h1{font-size:clamp(40px,5.3vw,76px);line-height:.98;letter-spacing:-.042em;max-width:12ch;margin:0;text-align:left;text-wrap:balance}
.hm-lede{font-size:18px;color:#C6BFB5;max-width:44ch;margin-top:26px}
.hm-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hm-clock{background:linear-gradient(170deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--dline);border-radius:22px;padding:30px 34px 34px;
 box-shadow:0 30px 70px rgba(0,0,0,.45);backdrop-filter:blur(6px)}
.hm-clock-top{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:#fff;letter-spacing:0;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--dline)}
.hm-times{list-style:none;position:relative}
.hm-t{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:44px;position:relative;padding-bottom:22px}
.hm-t time{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14.5px;letter-spacing:-.01em;color:#fff;font-variant-numeric:tabular-nums;padding-top:1px}
.hm-t p{font-size:15.5px;line-height:1.5;color:#D8D2C9}
.hm-t:before{content:"";position:absolute;left:92px;top:5px;width:13px;height:13px;border-radius:50%;background:#0C0B0A;border:2px solid rgba(255,255,255,.55);z-index:1}
.hm-t-in:after{content:"";position:absolute;left:98px;top:18px;bottom:-4px;width:1px;background:rgba(255,255,255,.3)}
.hm-t-win time{color:var(--oxl)} .hm-t-win p{color:#fff}
.hm-t-win:before{background:var(--oxl);border-color:var(--oxl);animation:hmpulse 2.6s ease-out infinite}
@keyframes hmpulse{0%{box-shadow:0 0 0 0 rgba(201,119,106,.55)}70%,100%{box-shadow:0 0 0 14px rgba(201,119,106,0)}}
.hm-gap{position:relative;height:118px;margin:-8px 0 6px}
.hm-gap:before{content:"";position:absolute;left:98px;top:0;bottom:0;border-left:1px dashed rgba(255,255,255,.26)}
.hm-gap span{position:absolute;left:120px;top:50%;transform:translateY(-50%);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:24px;color:#B4ACA3;letter-spacing:-.01em}
.hm-t-lose{padding-bottom:0}
.hm-t-lose time{color:var(--dmid)} .hm-t-lose p{color:var(--dmid)}
.hm-t-lose:before{border-color:rgba(255,255,255,.28)}
.hm-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--dline)}
.hm-proof div{padding:22px 28px 30px 0;font-size:14.5px;line-height:1.5;color:var(--dmid)}
.hm-proof div+div{padding-left:28px;border-left:1px solid var(--dline)}
.hm-proof b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.02em;color:#fff;margin-bottom:3px}
/* problem: sticky statement beside a ledger of figures */
.hm-cols{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:80px;align-items:start}
.hm-stick{position:sticky;top:112px}
.hm-stick .hm-sub{margin-top:22px} .hm-stick .hm-h2{max-width:18ch}
.hm-ledger{border-top:1px solid var(--ink)}
.hm-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}
.hm-fv{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(44px,4.8vw,70px);letter-spacing:-.055em;line-height:.95;color:var(--ink)}
.hm-fk{font-size:16px;line-height:1.5;color:var(--ink2);max-width:28ch}
/* how it runs: split header, four ruled columns */
.hm-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:end}
.hm-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:64px}
.hm-steps li{border-top:1px solid var(--ink);padding-top:22px}
.hm-sn{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:15px;color:var(--ox);margin-bottom:30px}
.hm-steps h3{font-size:20px;letter-spacing:-.025em;margin-bottom:9px}
.hm-steps p{font-size:15px;line-height:1.55;color:var(--ink2)}
/* calculator prompt */
.hm-calc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:end}
.hm-calc .btn{margin-top:26px}
@media (prefers-reduced-motion:reduce){.hm-t-win:before{animation:none}}
@media (max-width:980px){
  .hm-grid{grid-template-columns:1fr;gap:48px;padding-top:64px}
  .hm-cols,.hm-head,.hm-calc{grid-template-columns:1fr;gap:36px}
  .hm-stick{position:static}
  .hm-steps{grid-template-columns:repeat(2,1fr);gap:40px 32px}
}
@media (max-width:760px){
  .hm-proof{grid-template-columns:1fr;margin-top:56px}
  .hm-proof div,.hm-proof div+div{padding:18px 0;border-left:0}
  .hm-proof div+div{border-top:1px solid var(--dline)}
  .hm-steps{grid-template-columns:1fr}
  .hm-clock{padding:24px 22px 26px}
  .hm-t{grid-template-columns:64px minmax(0,1fr);column-gap:36px}
  .hm-t:before{left:74px} .hm-t-in:after,.hm-gap:before{left:80px} .hm-gap span{left:100px}
  .hm-row{grid-template-columns:1fr;gap:10px;padding:24px 0}
}

/* shared editorial pieces for pricing and about (pg- prefix) */
.pg-label{display:flex;align-items:center;gap:12px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ox);margin-bottom:22px}
.pg-label:before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.hero .pg-label,.dark .pg-label{color:var(--oxl)}
.pg-h2{font-size:clamp(32px,3.9vw,52px);line-height:1.04;letter-spacing:-.038em;font-weight:800;max-width:16ch;text-wrap:balance}
.pg-h2 em{font-style:normal;color:var(--ox)} .dark .pg-h2 em{color:var(--oxl)}
.pg-sub{font-size:17px;color:var(--ink2);max-width:44ch;margin-top:22px}
.dark .pg-sub{color:#B4ACA3}
.pg-acts{display:flex;gap:12px;flex-wrap:wrap}

/* pricing (pr- prefix): a statement that overlaps the hero, two offers, what sets the quote */
.pr-hero .wrap,.ab-hero .wrap{position:relative;z-index:2}
.pr-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:end;padding:92px 0 200px}
.hero.pr-hero h1{font-size:clamp(40px,5.6vw,80px);line-height:.98;letter-spacing:-.042em;max-width:11ch;margin:0;text-align:left;text-wrap:balance}
.pr-intro p{font-size:17.5px;color:#C6BFB5;max-width:40ch}
.pr-intro .pg-acts{margin-top:28px}
.pr-billwrap{position:relative;z-index:3;margin-top:-150px}
.pr-bill{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 44px 36px;max-width:1080px;margin:0 auto;
 box-shadow:0 2px 6px rgba(12,11,10,.05),0 40px 90px rgba(12,11,10,.16)}
.pr-bill-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:2px solid var(--ink);font-size:14px;color:var(--mid)}
.pr-bill-top .brand{font-size:17px;color:var(--ink)}
.pr-bill-title{font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.4;color:var(--mid)}
.pr-bill-head,.pr-line{display:grid;grid-template-columns:40px minmax(150px,210px) minmax(0,1fr) minmax(180px,240px);column-gap:28px}
.pr-line b{text-wrap:balance}
.pr-bill-head{padding:14px 0;border-bottom:1px solid var(--line);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12.5px;color:var(--mid)}
.pr-bill-head span:last-child,.pr-line b{text-align:right}
.pr-line{padding:26px 0;border-bottom:1px solid var(--line);align-items:baseline}
.pr-n{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:14px;color:var(--ox)}
.pr-line h3{font-size:22px;letter-spacing:-.03em;line-height:1.15}
.pr-line p{font-size:15.5px;line-height:1.55;color:var(--ink2)}
.pr-line b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink)}
.pr-bill-foot{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:26px;margin-top:-1px;border-top:2px solid var(--ink)}
.pr-bill-foot h3{font-size:22px;letter-spacing:-.03em} .pr-bill-foot p{font-size:15.5px;color:var(--ink2);margin-top:3px}
.pr-offers{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}
.pr-offer{border-radius:22px;padding:40px 40px 36px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.pr-offer>*{position:relative;z-index:1}
.pr-offer-dark{background:linear-gradient(165deg,#1C1A17,#0C0B0A);color:#fff}
.pr-offer-dark:before{content:"";position:absolute;inset:0;background:radial-gradient(520px 240px at 12% 0%,rgba(124,43,34,.4),transparent 70%);z-index:0}
.pr-offer-tan{background:var(--tan);border:1px solid var(--tan2)}
.pr-o-k{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ox)}
.pr-offer-dark .pr-o-k{color:var(--oxl)}
.pr-offer h3{font-size:clamp(24px,2.4vw,31px);line-height:1.1;letter-spacing:-.035em;margin-top:14px;max-width:17ch;text-wrap:balance}
.pr-o-price{margin-top:34px;padding-top:26px;border-top:1px solid var(--tan2);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(44px,4.6vw,64px);letter-spacing:-.05em;line-height:1}
.pr-offer-dark .pr-o-price{border-color:var(--dline)}
.pr-o-price small{display:block;font-family:'Inter',system-ui,sans-serif;font-weight:400;font-size:15px;letter-spacing:0;line-height:1.4;color:var(--mid);margin-top:12px}
.pr-offer-dark .pr-o-price small{color:#B4ACA3}
.pr-offer ul{list-style:none;margin-top:24px}
.pr-offer li{padding:12px 0;border-top:1px solid var(--dline);font-size:15px;color:#D8D2C9}
.pr-tiers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.pr-tiers div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px}
.pr-tiers b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:15px;color:var(--ox)}
.pr-tiers span{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:28px;letter-spacing:-.04em;margin:4px 0 10px}
.pr-tiers span small{font-family:'Inter',system-ui,sans-serif;font-weight:400;font-size:13px;letter-spacing:0;color:var(--mid);margin-left:2px}
.pr-tiers p{font-size:14px;line-height:1.5;color:var(--ink2)}
.pr-o-link{margin-top:auto;padding-top:30px;align-self:flex-start;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:15px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.pr-o-link:hover{color:var(--ox)} .pr-offer-dark .pr-o-link:hover{color:var(--oxl)}
.pr-flex{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.pr-calc{margin-top:18px;font-size:15.5px;color:var(--ink2)}
.pr-calc a{color:var(--ox);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.pr-fk{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--mid);margin-bottom:14px}
.pr-factors{list-style:none;border-top:1px solid var(--ink)}
.pr-factors li{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--tan2);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(32px,4vw,56px);letter-spacing:-.045em;line-height:1.1}
.pr-factors li:before{content:"";flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--ox)}

/* about (ab- prefix): then and now hero, a zigzag story, the 1,000 dot field, founders */
.ab-top{padding:96px 0 84px}
.hero.ab-hero h1{font-size:clamp(42px,6.3vw,96px);line-height:.97;letter-spacing:-.045em;max-width:15ch;margin:0;text-align:left;text-wrap:balance}
.hero.ab-hero h1 .ab-then{display:block;color:rgba(239,235,228,.34)}
.ab-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:56px;padding-top:28px;border-top:1px solid var(--dline)}
.ab-intro p{font-size:17.5px;color:#C6BFB5;max-width:46ch}
.ab-head{margin-bottom:48px}
.ab-story{border-bottom:1px solid var(--line)}
.ab-ch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center;padding:36px 0;border-top:1px solid var(--line)}
.ab-rev .ab-txt{order:2}
.ab-k{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ox);margin-bottom:12px}
.ab-txt h3{font-size:clamp(26px,2.6vw,36px);line-height:1.08;letter-spacing:-.035em;margin-bottom:14px}
.ab-txt p{font-size:16.5px;color:var(--ink2);max-width:44ch}
.ab-vis{background:var(--tan);border:1px solid var(--tan2);border-radius:20px;min-height:270px;padding:36px 40px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.ab-figs{flex-direction:column;align-items:stretch}
.ab-figs div{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid var(--tan2)}
.ab-fv{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(46px,5vw,72px);letter-spacing:-.055em;line-height:1;color:var(--ink)}
.ab-figs div span+span{font-size:16px;color:var(--ink2)}
.ab-cap{margin-top:16px;font-size:13.5px;color:var(--mid)}
.ab-node{position:relative;z-index:1;white-space:nowrap;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:18px;padding:14px 26px;border-radius:100px;background:var(--ink);color:#fff}
.ab-node-off{background:transparent;color:var(--mid);border:1.5px dashed #B3A998}
.ab-break{position:relative;flex:1;min-width:120px;max-width:260px;height:2px;background:linear-gradient(90deg,var(--ink) 0 30%,transparent 30% 70%,#B3A998 70% 100%)}
.ab-break:before,.ab-break:after{content:"";position:absolute;top:-7px;width:2px;height:16px;border-radius:2px;background:var(--ox)}
.ab-break:before{left:30%} .ab-break:after{left:70%}
.ab-break i{position:absolute;left:50%;top:-38px;transform:translateX(-50%);font-style:normal;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:13.5px;color:var(--ox);white-space:nowrap}
.ab-pair{gap:16px}
.ab-pair div{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:0 12px 26px rgba(12,11,10,.06)}
.ab-pair b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.03em}
.ab-pair span{display:block;font-size:14.5px;color:var(--ink2);margin-top:4px}
.ab-pair em{font-style:normal;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:28px;color:var(--ox)}
.ab-believe{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:center}
.ab-field{margin:0}
.ab-dots{display:block;width:100%;height:auto}
.ab-halo{transform-box:fill-box;transform-origin:center;animation:abhalo 2.8s ease-out infinite}
@keyframes abhalo{0%{opacity:.4;transform:scale(.6)}60%{opacity:1;transform:scale(1.25)}100%{opacity:.4;transform:scale(.6)}}
.ab-field figcaption{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--dline);font-size:14.5px;color:#B4ACA3}
.ab-field figcaption span{display:flex;align-items:center;gap:10px}
.ab-field figcaption span:before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3)}
.ab-field .ab-lit{color:#fff} .ab-field .ab-lit:before{background:var(--oxl);box-shadow:0 0 10px rgba(201,119,106,.8)}
.ab-team{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.ab-person{display:flex;gap:24px;align-items:flex-start;padding:36px 40px 8px 0}
.ab-person+.ab-person{padding-left:40px;border-left:1px solid var(--tan2)}
.ab-mono{flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:var(--ink);color:var(--tan);display:grid;place-items:center;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.02em}
.ab-person h3{font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.04em}
.ab-role{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ox);margin-top:8px}
.ab-does{font-size:16px;color:var(--ink2);margin-top:12px;max-width:36ch}
@media (prefers-reduced-motion:reduce){.ab-halo{animation:none}}
@media (max-width:980px){
  .pr-top{grid-template-columns:1fr;gap:28px;padding:64px 0 170px}
  .pr-bill-head{display:none}
  .pr-line{grid-template-columns:32px minmax(0,1fr);row-gap:8px}
  .pr-line p,.pr-line b{grid-column:2} .pr-line b{text-align:left;color:var(--ox)}
  .pr-offers,.pr-flex,.ab-believe{grid-template-columns:1fr;gap:40px}
  .ab-ch{grid-template-columns:1fr;gap:28px}
  .ab-rev .ab-txt{order:0}
}
@media (max-width:760px){
  .pr-bill{padding:22px 22px 26px}
  .pr-bill-top{flex-direction:column;align-items:flex-start;gap:6px}
  .pr-bill-foot{flex-direction:column;align-items:flex-start}
  .pr-offer{padding:30px 24px 28px}
  .pr-tiers{grid-template-columns:1fr}
  .ab-top{padding:64px 0 56px}
  .ab-intro{flex-direction:column;align-items:flex-start;margin-top:36px}
  .ab-vis{padding:28px 22px;min-height:0}
  .ab-gapvis{padding-top:64px}
  .ab-node{font-size:15px;padding:10px 16px} .ab-break{min-width:56px}
  .ab-pair{flex-direction:column;align-items:stretch}
  .ab-pair em{text-align:center}
  .ab-team{grid-template-columns:1fr}
  .ab-person,.ab-person+.ab-person{padding:28px 0;border-left:0}
  .ab-person+.ab-person{border-top:1px solid var(--tan2)}
}

/* calculator (cl- prefix): the tool lives in the hero, the answer on paper, levers drawn as sliders */
.cl-hero .wrap{position:relative;z-index:2}
.cl-top{padding:80px 0 44px;max-width:780px}
.hero.cl-hero h1{font-size:clamp(38px,5vw,70px);line-height:1;letter-spacing:-.042em;max-width:15ch;margin:0;text-align:left;text-wrap:balance}
.cl-lede{font-size:17.5px;color:#C6BFB5;max-width:52ch;margin-top:22px}
.cl-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:88px;border:1px solid var(--dline);border-radius:24px;overflow:hidden;
 background:linear-gradient(170deg,rgba(255,255,255,.06),rgba(255,255,255,.02));backdrop-filter:blur(6px);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.cl-inputs{padding:16px 40px}
.cl-field{padding:26px 0 24px;border-bottom:1px solid var(--dline)}
.cl-field:last-child{border-bottom:0}
.cl-flab{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px}
.cl-flab label{font-size:15px;color:#C6BFB5}
.cl-flab output{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:30px;letter-spacing:-.04em;color:#fff}
.cl-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:34px;margin:-14px 0;padding:0;background:transparent;cursor:pointer;outline:none}
.cl-range::-webkit-slider-runnable-track{height:6px;border-radius:100px;background:linear-gradient(90deg,var(--oxl) 0 var(--p,50%),rgba(255,255,255,.14) var(--p,50%) 100%)}
.cl-range::-moz-range-track{height:6px;border-radius:100px;background:rgba(255,255,255,.14)}
.cl-range::-moz-range-progress{height:6px;border-radius:100px;background:var(--oxl)}
.cl-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:#fff;border:0;
 box-shadow:0 0 0 6px rgba(201,119,106,.22),0 4px 12px rgba(0,0,0,.45);transition:transform .2s,box-shadow .2s}
.cl-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 6px rgba(201,119,106,.22),0 4px 12px rgba(0,0,0,.45)}
.cl-range:active::-webkit-slider-thumb{transform:scale(1.1)}
.cl-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 7px rgba(201,119,106,.6)}
.cl-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 7px rgba(201,119,106,.6)}
.cl-scale{display:flex;justify-content:space-between;margin-top:12px;font-size:12.5px;color:var(--dmid)}
.cl-result{display:flex;flex-direction:column;justify-content:center;padding:44px 44px 38px;background:var(--bg);color:var(--ink)}
.cl-rk{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ox)}
.cl-big{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(42px,5.2vw,82px);letter-spacing:-.055em;line-height:1;margin:14px 0 10px;white-space:nowrap}
.cl-c{margin:0 -.02em 0 -.1em}
.cl-year{font-size:17px;color:var(--ink2)}
.cl-year b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.cl-eq{margin-top:26px;padding:15px 18px;border-radius:12px;background:var(--tan);font-size:15px;line-height:1.6;color:var(--ink2)}
.cl-eq span{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;color:var(--ink)}
.cl-eq i{font-style:normal;font-weight:700;color:var(--ox);margin:0 3px}
.cl-from{margin-top:18px;font-size:15px;color:var(--ink2)}
.cl-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--mid)}
.cl-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:end}
.cl-levers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px}
.cl-lever{display:flex;gap:28px;padding:6px 34px 6px 0}
.cl-lever+.cl-lever{padding-left:34px;border-left:1px solid var(--tan2)}
.cl-track{position:relative;flex:0 0 10px;width:10px;height:190px;margin-top:14px;border-radius:100px;background:var(--tan2)}
.cl-track span{position:absolute;left:0;right:0;bottom:0;height:50%;border-radius:100px;background:var(--ink);transition:height 1.3s cubic-bezier(.22,.8,.26,1) .4s}
.cl-track span:after{content:"";position:absolute;left:50%;top:0;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:#fff;border:2px solid var(--ink);box-shadow:0 4px 12px rgba(12,11,10,.18)}
.cl-ours .cl-track span{background:var(--ox)}
.cl-ours .cl-track span:after{border-color:var(--ox)}
.cl-ours.in .cl-track span{height:92%}
.cl-tag{display:inline-block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12.5px;padding:5px 12px;border-radius:100px;background:var(--ox);color:#fff}
.cl-yours .cl-tag{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.cl-body h3{font-size:24px;letter-spacing:-.035em;margin:16px 0 10px}
.cl-body p{font-size:15.5px;line-height:1.55;color:var(--ink2)}
@media (prefers-reduced-motion:reduce){.cl-track span{transition:none}}
@media (max-width:980px){
  .cl-tool{grid-template-columns:1fr}
  .cl-head{grid-template-columns:1fr;gap:28px}
  .cl-levers{grid-template-columns:1fr}
  .cl-lever,.cl-lever+.cl-lever{padding:28px 0;border-left:0}
  .cl-lever+.cl-lever{border-top:1px solid var(--tan2)}
  .cl-track{height:150px}
}
@media (max-width:760px){
  .cl-top{padding:60px 0 32px}
  .cl-inputs{padding:8px 22px}
  .cl-result{padding:32px 22px 28px}
  .cl-tool{margin-bottom:64px}
  .cl-flab output{font-size:26px}
}

/* WebID demonstration on home (wid- prefix) */
.wid-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:80px;align-items:center}
.dark .wid-fine{margin-top:24px;padding-top:18px;border-top:1px solid var(--dline);font-size:14px;line-height:1.55;color:var(--dmid);max-width:46ch}
.wid-panel{border:1px solid var(--dline);border-radius:22px;padding:6px 32px 28px;background:linear-gradient(170deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:0 30px 70px rgba(0,0,0,.45)}
.wid-top{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--dline);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:#fff}
.wid-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--oxl);animation:hmpulse 2.6s ease-out infinite}
.wid-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.wid-rows dt{font-size:14.5px;color:var(--dmid);white-space:nowrap}
.wid-rows dd{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em;color:#fff;text-align:right;overflow-wrap:anywhere}
.wid-rows .wid-name{align-items:center;border-bottom:0;padding-top:18px}
.wid-rows .wid-name dt{color:#fff;font-weight:600}
.wid-name dd{display:flex;align-items:center;gap:12px}
.wid-bar{display:block;width:140px;height:16px;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(201,119,106,.5) 0 12px,rgba(201,119,106,.28) 12px 14px)}
.wid-tag{font-family:'Inter',system-ui,sans-serif;font-weight:500;font-size:13px;color:var(--oxl)}
@media (prefers-reduced-motion:reduce){.wid-dot{animation:none}}
@media (max-width:980px){.wid-grid{grid-template-columns:1fr;gap:44px}}
@media (max-width:760px){.wid-panel{padding:4px 20px 22px}.wid-bar{width:84px}.wid-rows dd{font-size:15.5px}}

/* touch: no sticky hover lifts, a press response instead */
.btn:active,.ncta:active,.sheet-cta:active{transform:scale(.97)}
@media (hover:none){
  .btn:hover,.b-ink:hover,.b-light:hover,.b-ghost:hover,.b-white:hover,.ncta:hover,.card:hover{transform:none}
  .fs:hover .fsn{background:#fff;color:var(--ox);border-color:var(--tan2);transform:none}
  .btn:active,.ncta:active{transform:scale(.97)}
}

/* phones: menu, rhythm, type, and every section tuned for one hand */
@media (max-width:760px){
  :root{--pad:22px}
  section.pad{padding:60px 0}
  .nin{padding:12px var(--pad)}
  .ncta{padding:11px 16px;font-size:14px}
  /* heroes and headings */
  .hero .inr{padding:56px 0 56px}
  .hero h1{font-size:clamp(36px,10.6vw,46px)}
  .hero .lede{font-size:17px}
  .hero.hm-hero h1,.hero.pr-hero h1{font-size:clamp(40px,11.6vw,52px)}
  .hero.ab-hero h1{font-size:clamp(38px,11vw,50px)}
  .hero.cl-hero h1{font-size:clamp(36px,10.4vw,46px)}
  .shead h2,.pg-h2,.hm-h2{font-size:clamp(30px,8.6vw,38px)}
  .pg-label,.hm-label{margin-bottom:16px}
  .pg-sub,.hm-sub{font-size:16.5px}
  .hero .acts,.hm-acts,.pg-acts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}
  .hero .acts .btn,.hm-acts .btn,.pg-acts .btn{text-align:center;white-space:nowrap;padding:15px 10px}
  .closer{padding:34px 24px 24px;border-radius:20px;gap:22px}
  .closer h2{font-size:clamp(28px,8.2vw,34px)}
  .closer .btn{align-self:stretch;text-align:center}
  footer{flex-direction:column;gap:6px;padding:26px 0 calc(26px + env(safe-area-inset-bottom))}
  /* home */
  .hm-grid{padding-top:48px;gap:34px}
  .hm-lede{font-size:17px;margin-top:20px}
  .hm-acts{margin-top:28px}
  .hm-clock{padding:22px 20px 24px}
  .hm-clock-top{padding-bottom:18px;margin-bottom:22px}
  .hm-gap{height:96px}
  .hm-proof{margin-top:44px}
  .hm-proof div,.hm-proof div+div{padding:15px 0}
  .hm-cols{gap:34px}
  .hm-ledger{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;border-top:1px solid var(--ink)}
  .hm-row{grid-template-columns:1fr;gap:8px;align-items:start;padding:22px 0}
  .hm-fv{font-size:clamp(38px,11.4vw,46px)}
  .hm-fk{font-size:14.5px}
  .hm-head{gap:20px}
  .hm-steps{grid-template-columns:1fr;gap:0;margin-top:34px}
  .hm-steps li{position:relative;border-top:0;padding:0 0 28px 56px}
  .hm-steps li:before{content:"";position:absolute;left:18px;top:38px;bottom:2px;width:1px;background:var(--tan2)}
  .hm-steps li:last-child{padding-bottom:0} .hm-steps li:last-child:before{display:none}
  .hm-sn{position:absolute;left:0;top:0;width:37px;height:37px;margin:0;border-radius:50%;background:#fff;border:1px solid var(--tan2);display:grid;place-items:center;font-size:13px;box-shadow:0 4px 12px rgba(12,11,10,.05)}
  .hm-steps h3{padding-top:7px;font-size:19px}
  .hm-calc{gap:22px}
  .hm-calc .btn{display:block;text-align:center}
  .wid-grid{gap:34px}
  .wid-rows>div{padding:13px 0}
  /* pricing */
  .pr-top{padding:52px 0 150px;gap:24px}
  .pr-billwrap{margin-top:-122px}
  .pr-line{padding:22px 0}
  .pr-bill-foot .btn{align-self:stretch;text-align:center}
  .pr-offers{margin-top:34px;gap:14px}
  .pr-o-price{margin-top:26px;padding-top:22px}
  .pr-flex{gap:30px}
  .pr-factors li{padding:14px 0}
  /* about */
  .ab-top{padding:52px 0 44px}
  .hero.ab-hero .ab-intro{margin-top:30px;gap:22px}
  .ab-intro .pg-acts{width:100%}
  .ab-head{margin-bottom:30px}
  .ab-ch{padding:28px 0;gap:22px}
  .ab-believe{gap:30px}
  .ab-dots pattern circle{r:1.9}
  /* calculator */
  .cl-top{padding:52px 0 30px}
  .cl-field{padding:20px 0 18px}
  .cl-flab{margin-bottom:10px}
}

/* calculator: while the sliders are on screen, the answer rides along at the bottom */
.cl-dock{position:fixed;left:14px;right:14px;top:calc(var(--navh,69px) + 10px);z-index:30;display:flex;justify-content:space-between;align-items:center;gap:14px;
 padding:12px 18px;border-radius:14px;background:rgba(252,251,249,.97);color:var(--ink);box-shadow:0 14px 36px rgba(0,0,0,.38);
 transform:translateY(-16px);opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.22,.8,.26,1),opacity .25s,visibility .3s;pointer-events:none}
.cl-dock.on{transform:none;opacity:1;visibility:visible}
.cl-dock span{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:13.5px;color:var(--ox)}
.cl-dock b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:26px;letter-spacing:-.045em;white-space:nowrap}
@media (min-width:981px){.cl-dock{display:none}}

@media (max-width:900px){
  .nl{display:none} .burger{display:flex}
  .burger{width:44px;height:44px;border-radius:11px}
  html.menu-open{overflow:hidden}
  .swirl{display:none}
  .hero .aura{filter:blur(46px)}
  .hm-clock,.cl-tool{backdrop-filter:none}
  html.menu-open nav{position:fixed;top:0;left:0;right:0}
  html.menu-open body{padding-top:var(--navh,69px)}
  .sheet{overscroll-behavior:contain;display:flex;flex-direction:column;position:fixed;left:0;right:0;top:var(--navh,69px);bottom:0;z-index:39;overflow-y:auto;
    padding:8px var(--pad) calc(24px + env(safe-area-inset-bottom));background:#FCFBF9;border-bottom:0;
    opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s,transform .3s cubic-bezier(.22,.8,.26,1),visibility .3s}
  .sheet.open{display:flex;opacity:1;visibility:visible;transform:none}
  .sheet a{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:0;border-bottom:1px solid var(--line);
    font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:26px;letter-spacing:-.03em;color:var(--ink)}
  .sheet a.on{color:var(--ox)}
  .sheet a.on:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--ox)}
  .sheet .sheet-cta{justify-content:center;margin-top:auto;padding:17px;border:0;border-radius:14px;background:var(--ink);color:#fff;font-size:17px;letter-spacing:-.01em}
}
.brand,.ncta{white-space:nowrap}
@media (max-width:370px){
  .brand{font-size:16px} .brand i{margin-right:7px}
  .ncta{padding:10px 12px;font-size:13px}
  .nact{gap:8px}
  .hero .acts .btn,.hm-acts .btn,.pg-acts .btn{font-size:13.5px;padding:15px 6px}
}

/* how it works (hw- prefix): labelled two system hero, a scroll story with one stage, who does what */
.hw-hero .wrap{position:relative;z-index:2}
.hw-top{padding:84px 0 80px}
.hero.hw-hero h1{max-width:none;margin:0;text-align:left;font-size:clamp(40px,5.6vw,82px);line-height:1;letter-spacing:-.045em}
.hero.hw-hero h1 span{color:inherit}
.hero.hw-hero h1 em{font-style:normal;color:var(--oxl)}
.hw-row{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:baseline;gap:24px;padding:22px 0 20px;border-top:1px solid var(--dline)}
.hw-row+.hw-row{border-bottom:1px solid var(--dline)}
.hero.hw-hero h1 .hw-tag{display:flex;align-items:baseline;gap:10px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:15px;letter-spacing:-.01em;line-height:1.3;color:var(--dmid)}
.hero.hw-hero h1 .hw-tag b{color:var(--oxl);font-weight:800}
.hw-intro{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;margin-top:34px}
.hw-intro p{grid-column:2;font-size:17.5px;color:#C6BFB5;max-width:54ch}
.hw-intro .pg-acts{grid-column:2;margin-top:6px}
.hw-head{margin-bottom:10px}
.hw-steps{list-style:none}
.hw-copy{max-width:46ch}
.hw-n{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:15px;color:var(--ox);margin-bottom:16px}
.hw-copy h3{font-size:clamp(26px,2.6vw,36px);line-height:1.08;letter-spacing:-.035em;margin-bottom:14px;text-wrap:balance}
.hw-copy p{font-size:17px;color:var(--ink2)}
.hw-stage{display:none}
/* the scenes */
.hw-scene{--sc:#0C0B0A;position:relative;overflow:hidden;color:#fff}
.hw-cap{position:absolute;left:26px;top:22px;z-index:3;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:13.5px;color:#fff;display:flex;align-items:center;gap:9px}
.hw-cap:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--oxl)}
.hw-map{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;background-position:center}
.hw-area{position:absolute;left:50%;top:50%;width:min(58%,250px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.9);border-radius:50%;border:1.5px dashed rgba(201,119,106,.8);background:radial-gradient(circle,rgba(201,119,106,.16),rgba(201,119,106,.04) 70%);opacity:.3;transition:transform .9s cubic-bezier(.22,.8,.26,1),opacity .6s}
.hw-pin{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.14),0 0 22px rgba(201,119,106,.6)}
.hw-chips{position:absolute;left:26px;right:26px;bottom:24px;display:flex;flex-wrap:wrap;gap:8px}
.hw-chips span{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:13px;padding:8px 13px;border-radius:100px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.hw-chips span:nth-child(2){transition-delay:.1s} .hw-chips span:nth-child(3){transition-delay:.2s}
.hw-s2 .hw-area{opacity:.7;transform:translate(-50%,-50%) scale(1)}
.hw-d{position:absolute;left:var(--x);top:var(--y);width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:rgba(255,255,255,.18)}
.hw-d.in{width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--oxl);box-shadow:0 0 14px rgba(201,119,106,.7);opacity:0;transform:scale(.3);transition:opacity .4s var(--t),transform .5s cubic-bezier(.3,1.6,.5,1) var(--t)}
.hw-msg,.hw-lead{position:absolute;left:50%;top:54%;width:min(82%,380px);transform:translate(-50%,-46%);background:var(--bg);color:var(--ink);border-radius:18px;padding:22px 22px 20px;box-shadow:0 26px 60px rgba(0,0,0,.5);opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.22,.8,.26,1)}
.hw-msg-top,.hw-lead-top{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.hw-av{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--ox);color:#fff;display:grid;place-items:center;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:15px}
.hw-av2{background:var(--tan2)}
.hw-from b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:15.5px;letter-spacing:-.01em}
.hw-from small{font-size:12.5px;color:var(--mid)}
.hw-lines{padding:16px 0 4px}
.hw-lines i,.hw-name i,.hw-bub i{display:block;height:8px;border-radius:6px;background:var(--tan2);margin-bottom:9px}
.hw-lines i.s,.hw-name i.s,.hw-bub i.s{width:58%}
.hw-name{flex:1} .hw-name i{height:9px;margin:5px 0} .hw-name i:first-child{width:70%;background:var(--ink2);opacity:.75}
.hw-ok{display:flex;align-items:center;gap:9px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:13px;color:var(--ox)}
.hw-tick{flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--ox);position:relative}
.hw-tick:after{content:"";position:absolute;left:6px;top:3.5px;width:4.5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.hw-chat{position:absolute;left:26px;right:26px;top:50%;transform:translateY(-58%);display:flex;flex-direction:column;gap:14px}
.hw-bub{width:min(64%,300px);padding:16px 18px 12px;border-radius:16px;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .5s cubic-bezier(.22,.8,.26,1)}
.hw-bub small{display:block;margin-top:4px;font-size:12px}
.hw-in{align-self:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-bottom-left-radius:5px}
.hw-in i{background:rgba(255,255,255,.22)} .hw-in small{color:var(--dmid)}
.hw-out{align-self:flex-end;width:min(58%,270px);background:var(--bg);border-bottom-right-radius:5px;transition-delay:.55s}
.hw-out small{color:var(--ox);font-weight:600}
.hw-mins{align-self:center;opacity:0;transition:opacity .4s .3s}
.hw-mins span{display:inline-block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12.5px;color:var(--oxl);padding:5px 12px;border-radius:100px;border:1px dashed rgba(201,119,106,.5)}
.hw-note{position:absolute;left:26px;right:26px;bottom:22px;font-size:13.5px;line-height:1.5;color:var(--dmid);padding-top:14px;border-top:1px solid var(--dline)}
.hw-lead ul{list-style:none;padding:14px 0 6px}
.hw-lead li{display:flex;align-items:center;gap:10px;padding:6px 0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14.5px;opacity:0;transform:translateX(-8px);transition:opacity .4s,transform .45s}
.hw-lead li:nth-child(2){transition-delay:.12s} .hw-lead li:nth-child(3){transition-delay:.24s}
.hw-won{margin-top:10px;text-align:center;padding:12px;border-radius:12px;background:var(--ink);color:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14.5px;opacity:0;transition:opacity .45s .45s}
/* a scene plays when it is on */
.hw-scene.on .hw-area{opacity:1;transform:translate(-50%,-50%) scale(1)}
.hw-scene.on .hw-chips span,.hw-scene.on .hw-bub,.hw-scene.on .hw-lead li{opacity:1;transform:none}
.hw-scene.on .hw-d.in{opacity:1;transform:scale(1)}
.hw-scene.on .hw-msg,.hw-scene.on .hw-lead{opacity:1;transform:translate(-50%,-50%)}
.hw-scene.on .hw-mins,.hw-scene.on .hw-won{opacity:1}
.hw-s1.on .hw-area{animation:hwbreathe 3.6s ease-in-out infinite}
@keyframes hwbreathe{50%{transform:translate(-50%,-50%) scale(1.04)}}
/* desktop: one sticky stage, the steps scroll beside it */
@media (min-width:901px){
  .hw-story.is-staged{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}
  .is-staged .hw-step{min-height:58vh;display:flex;align-items:center;padding:40px 0}
  .is-staged .hw-step:first-child{min-height:48vh}
  .is-staged .hw-copy{opacity:.3;transition:opacity .45s}
  .is-staged .hw-step.is-on .hw-copy{opacity:1}
  .is-staged .hw-stage{display:block;position:sticky;top:max(96px,calc(50vh - 220px));height:min(460px,calc(100vh - 120px));border-radius:26px;overflow:hidden;
    background:radial-gradient(520px 260px at 80% 0%,rgba(124,43,34,.38),transparent 70%),linear-gradient(165deg,#1C1A17,#0C0B0A);box-shadow:0 40px 90px rgba(12,11,10,.22)}
  .hw-stage-in{position:absolute;inset:0}
  .hw-stage .hw-scene{position:absolute;inset:0;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .5s,transform .6s cubic-bezier(.22,.8,.26,1)}
  .hw-stage .hw-scene.on{opacity:1;transform:none}
  .hw-prog{position:absolute;left:26px;right:26px;top:26px;display:flex;justify-content:flex-end;gap:6px;z-index:4}
  .hw-prog i{width:22px;height:4px;border-radius:4px;background:rgba(255,255,255,.16);transition:background .4s,width .4s}
  .hw-prog i.on{background:var(--oxl)}
}
/* phones and tablets: each step carries its own scene */
@media (max-width:900px){
  .hw-steps{margin-top:30px}
  .hw-step{padding:0 0 44px}
  .hw-step:last-child{padding-bottom:0}
  .hw-step .hw-scene{height:300px;border-radius:20px;margin-bottom:22px;background:radial-gradient(420px 220px at 85% 0%,rgba(124,43,34,.4),transparent 70%),linear-gradient(165deg,#1C1A17,#0C0B0A)}
  .hw-copy{max-width:none}
  .hw-step .hw-scene{height:340px}
  .hw-step .hw-area{width:min(46%,200px)}
  .hw-chips{left:18px;right:18px;bottom:18px;gap:6px}
  .hw-chips span{font-size:12px;padding:7px 11px}
  .hw-cap{left:20px;top:18px}
  .hw-msg,.hw-lead{top:57%;width:min(86%,360px);padding:16px 16px 14px}
  .hw-msg-top,.hw-lead-top{padding-bottom:11px}
  .hw-lines{padding:12px 0 2px} .hw-lines i{margin-bottom:7px}
  .hw-lead ul{padding:8px 0 2px} .hw-lead li{padding:4px 0;font-size:14px}
  .hw-won{padding:10px;margin-top:8px}
  .hw-note{display:none}
  .hw-chat{top:62px;transform:none;left:20px;right:20px}
  .hw-bub{width:70%} .hw-out{width:64%}
}
/* who does what */
.hw-who-head{margin-bottom:44px}
.hw-who{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1.35fr);gap:14px;align-items:start}
.hw-who-k{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ox);margin-bottom:12px}
.hw-you .hw-who-k{color:var(--ink)}
.hw-segs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;border-radius:18px;overflow:hidden}
.hw-segs div{min-height:150px;padding:20px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:var(--ox);color:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:17px;line-height:1.2;letter-spacing:-.02em}
.hw-segs b{font-size:13px;font-weight:800;color:rgba(255,255,255,.62)}
.hw-you .hw-segs div{background:var(--ink)}
.hw-who p{margin-top:16px;font-size:15.5px;color:var(--ink2);max-width:52ch}
@media (max-width:980px){.hw-who{grid-template-columns:1fr;gap:30px}.hw-you .hw-segs{grid-auto-flow:row}}
@media (max-width:760px){
  .hw-top{padding:52px 0 48px}
  .hero.hw-hero h1{font-size:clamp(38px,11vw,50px)}
  .hw-row{grid-template-columns:1fr;gap:8px;padding:18px 0 16px}
  .hw-intro{grid-template-columns:1fr;margin-top:26px;gap:22px}
  .hw-intro p,.hw-intro .pg-acts{grid-column:1}
  .hw-intro p{font-size:17px}
  .hw-segs{grid-auto-flow:row;grid-auto-columns:auto}
  .hw-segs div{min-height:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;padding:18px 18px}
}
@media (prefers-reduced-motion:reduce){
  .hw-scene *,.hw-stage .hw-scene{transition:none!important;animation:none!important}
}

/* footer (ft- prefix) */
footer.ft{display:block;margin-top:44px;padding:0;border:0;background:var(--tan);border-top:1px solid var(--tan2);color:var(--ink2);font-size:14.5px}
.ft-top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));padding:56px 0 48px}
.ft-brand{padding-right:40px}
.ft-brand .brand{display:inline-block;margin-bottom:14px;color:var(--ink);text-decoration:none}
.ft-brand p{font-size:15px;color:var(--ink2);max-width:30ch}
.ft-mail{display:inline-block;margin-top:14px;color:var(--ink);font-weight:600;text-decoration:none;border-bottom:1px solid var(--tan2);padding-bottom:2px;transition:color .2s,border-color .2s}
.ft-mail:hover{color:var(--ox);border-color:var(--ox)}
.ft-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:2px 0 4px 32px;border-left:1px solid var(--tan2)}
.ft-col b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:13.5px;color:var(--ox);margin-bottom:6px}
.ft-col a{color:var(--ink2);text-decoration:none;transition:color .2s}
.ft-col a:hover{color:var(--ox)}
.ft-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 0 calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--tan2);font-size:13.5px;color:var(--mid)}
@media (max-width:980px){
  .ft-top{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}
  .ft-brand{grid-column:1 / -1;padding-right:0}
  .ft-col:nth-child(2){border-left:0;padding-left:0}
}
@media (max-width:760px){
  footer.ft{margin-top:36px}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px 0;padding:40px 0 30px}
  .ft-col{padding-left:22px}
  .ft-col:nth-child(4){border-left:0;padding-left:0;padding-top:22px;border-top:1px solid var(--tan2);grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:10px 22px;align-items:center}
  .ft-col:nth-child(4) b{width:100%;margin-bottom:0}
  .ft-col a{padding:3px 0}
  .ft-bot{flex-direction:column;align-items:flex-start;gap:6px}
}

/* legal pages (lg- prefix) */
.lg-hero .wrap{position:relative;z-index:2}
.lg-top{padding:76px 0 66px;max-width:780px}
.hero.lg-hero h1{font-size:clamp(40px,5.4vw,72px);line-height:1;letter-spacing:-.045em;text-align:left;margin:0;max-width:none}
.lg-meta{margin-top:20px;font-size:17.5px;color:#C6BFB5;max-width:52ch}
.lg-date{display:inline-block;margin-top:24px;padding:8px 14px;border:1px solid var(--dline);border-radius:100px;background:rgba(255,255,255,.04);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:13.5px;color:#fff}
.lg-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:80px;align-items:start}
.lg-toc{position:sticky;top:104px;display:flex;flex-direction:column;font-size:14.5px}
.lg-toc b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:13.5px;color:var(--ox);margin-bottom:12px}
.lg-toc a{padding:7px 0 7px 16px;border-left:2px solid var(--line);color:var(--mid);text-decoration:none;transition:color .2s,border-color .2s}
.lg-toc a:hover{color:var(--ink)}
.lg-toc a.on{border-color:var(--ox);color:var(--ink);font-weight:600}
.lg-doc{max-width:70ch}
.lg-doc section{scroll-margin-top:100px;padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.lg-doc section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.lg-doc h2{display:flex;align-items:baseline;gap:14px;font-size:clamp(22px,2.2vw,27px);line-height:1.15;letter-spacing:-.03em;margin-bottom:14px}
.lg-n{flex:0 0 auto;font-size:14px;font-weight:800;color:var(--ox);letter-spacing:0}
.lg-doc p,.lg-doc li{font-size:16.5px;line-height:1.7;color:var(--ink2)}
.lg-doc p+p,.lg-doc ul+p,.lg-doc p+ul{margin-top:12px}
.lg-doc ul{padding-left:0;list-style:none}
.lg-doc li{position:relative;padding-left:22px}
.lg-doc li+li{margin-top:6px}
.lg-doc li:before{content:"";position:absolute;left:4px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--ox)}
.lg-doc a{color:var(--ox);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
@media (max-width:900px){
  .lg-body{grid-template-columns:1fr;gap:34px}
  .lg-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:8px;padding:18px;border-radius:16px;background:var(--tan);border:1px solid var(--tan2)}
  .lg-toc b{width:100%;margin-bottom:4px}
  .lg-toc a{padding:7px 12px;border:1px solid var(--tan2);border-radius:100px;background:var(--bg);font-size:13.5px;color:var(--ink2)}
  .lg-toc a.on{border-color:var(--tan2);font-weight:500}
}
@media (max-width:760px){
  .lg-top{padding:52px 0 46px}
  .hero.lg-hero h1{font-size:clamp(38px,11vw,50px)}
  .lg-meta{font-size:17px}
  .lg-doc h2{font-size:22px}
  .lg-doc p,.lg-doc li{font-size:16px}
}

/* questions page (fa- prefix) */
.fa-hero .wrap{position:relative;z-index:2}
.hero.fa-hero h1{font-size:clamp(40px,5.4vw,72px);line-height:1;letter-spacing:-.045em;text-align:left;margin:0;max-width:none}
.fa-acts{margin-top:28px}
.fa-doc{max-width:74ch}
.fa-group{scroll-margin-top:100px;margin-bottom:54px}
.fa-group:last-child{margin-bottom:0}
.fa-group h2{font-size:clamp(26px,2.6vw,34px);line-height:1.1;letter-spacing:-.035em;padding-bottom:16px;border-bottom:1px solid var(--ink)}
.fa-q{padding:26px 0;border-bottom:1px solid var(--line)}
.fa-q h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin-bottom:10px}
.fa-q p{font-size:16.5px;line-height:1.7;color:var(--ink2)}
@media (max-width:760px){
  .hero.fa-hero h1{font-size:clamp(38px,11vw,50px)}
  .fa-group{margin-bottom:40px}
  .fa-q{padding:22px 0}
  .fa-q h3{font-size:18.5px}
  .fa-q p{font-size:16px}
}

/* how it works: plain headline hero, tighter sequence, two lane step map */
.hw-top{padding:90px 0 84px}
.hero.hw-hero h1.hw-h1{font-size:clamp(44px,6.6vw,100px);line-height:.96;letter-spacing:-.048em}
.hw-line{display:block}
.hw-lede{margin-top:28px;font-size:18px;color:#C6BFB5;max-width:54ch}
.hw-acts{margin-top:30px}
@media (min-width:901px){
  .is-staged .hw-step{min-height:36vh;padding:14px 0}
  .is-staged .hw-step:first-child{min-height:36vh}
}
.hw-lanes{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0;margin-top:10px}
.hw-keys{display:grid;grid-template-rows:100px 100px}
.hw-key{display:flex;flex-direction:column;justify-content:center;padding-right:18px}
.hw-key b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.03em}
.hw-key-us b{color:var(--ox)}
.hw-key span{font-size:13.5px;line-height:1.4;color:var(--ink2);margin-top:2px}
.hw-track{position:relative}
.hw-bands{position:absolute;left:0;right:0;top:0;height:200px;border-radius:18px;overflow:hidden;display:grid;grid-template-rows:1fr 1fr}
.hw-bands i:first-child{background:rgba(124,43,34,.07);border-bottom:1px dashed rgba(124,43,34,.28)}
.hw-bands i:last-child{background:rgba(12,11,10,.045)}
.hw-path{position:absolute;left:0;top:0;width:100%;height:200px;overflow:visible}
.hw-path path{fill:none;stroke:var(--ox);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round}
.hw-cols{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.hw-cols li{position:relative;padding:224px 12px 0;text-align:center;display:flex}
.hw-lcap{display:flex;flex-direction:column;align-items:center;width:100%}
.hw-node{position:absolute;left:50%;top:50px;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:16px;color:#fff;background:var(--ox);box-shadow:0 0 0 6px var(--tan),0 10px 22px rgba(124,43,34,.28)}
.hw-cols li.you .hw-node{top:150px;background:var(--ink);box-shadow:0 0 0 6px var(--tan),0 10px 22px rgba(12,11,10,.28)}
.hw-lcap b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:16.5px;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}
.hw-lcap span{display:block;margin:6px 0 14px;font-size:14px;line-height:1.5;color:var(--ink2)}
.hw-lcap em{display:inline-block;margin-top:auto;padding:4px 11px;border-radius:100px;font-style:normal;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px;background:var(--ox);color:#fff}
.hw-cols li.you .hw-lcap em{background:var(--ink)}
@media (max-width:900px){
  .hw-step{padding:0 0 30px}
  .hw-step .hw-scene{margin-bottom:18px}
}
@media (max-width:760px){
  .hw-top{padding:56px 0 50px}
  .hero.hw-hero h1.hw-h1{font-size:clamp(40px,12vw,56px)}
  .hw-lede{font-size:17px;margin-top:22px}
  .hw-lanes{grid-template-columns:1fr}
  .hw-keys{grid-template-rows:none;grid-template-columns:64px 64px 1fr;margin-bottom:8px}
  .hw-key{padding:0;align-items:center;text-align:center}
  .hw-key b{font-size:15px}
  .hw-key span{display:none}
  .hw-bands,.hw-path{display:none}
  .hw-cols{grid-template-columns:1fr;background:linear-gradient(90deg,rgba(124,43,34,.07) 0 64px,rgba(12,11,10,.045) 64px 128px,transparent 128px);border-radius:16px}
  .hw-cols li{display:grid;grid-template-columns:64px 64px 1fr;align-items:start;padding:0;text-align:left;min-height:104px}
  .hw-node{position:relative;left:auto;top:auto;transform:none;grid-column:1;margin:14px auto 0;width:42px;height:42px;font-size:14px}
  .hw-cols li.you .hw-node{top:auto;grid-column:2}
  .hw-lcap{display:block;grid-column:3;padding:14px 14px 18px 12px}
  .hw-lcap b{font-size:16px}
  .hw-lcap em{display:none}
  .hw-cols li.us:not(:nth-child(4))::after{content:"";position:absolute;left:31px;top:56px;bottom:-14px;width:2px;background:var(--ox)}
  .hw-cols li:nth-child(4)::after{content:"";position:absolute;left:31px;top:56px;height:calc(100% - 21px);width:2px;background:var(--ox)}
  .hw-cols li:nth-child(5)::before{content:"";position:absolute;left:31px;top:34px;width:66px;height:2px;background:var(--ox)}
}

/* home: blanket headline, stage index, services by stage (sv- prefix) */
.hero.hm-hero h1.hm-stack{max-width:none}
.hero.hm-hero h1.hm-stack>span{display:block;color:#fff}
.hm-stack em{font-style:normal;color:var(--oxl)}
.hm-stages a{display:block;color:var(--dmid);text-decoration:none;transition:background .25s}
.hm-stages a:hover{background:rgba(255,255,255,.03)}
.hm-stages b i{font-style:normal;color:var(--oxl);margin-right:10px;font-size:14px}
.sv-sec{scroll-margin-top:70px}
.sv-stages{margin-top:52px;border-top:1px solid var(--ink)}
.sv-stage{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,2fr);gap:48px;padding:44px 0;border-bottom:1px solid var(--line);scroll-margin-top:84px}
.sv-k{position:sticky;top:110px;align-self:start}
.sv-n{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:15px;color:var(--ox);margin-bottom:12px}
.sv-k b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(26px,2.4vw,32px);line-height:1.08;letter-spacing:-.035em}
.sv-k p{margin-top:12px;font-size:15.5px;color:var(--ink2);max-width:30ch}
.sv-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sv-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.sv-card:hover{border-color:var(--tan2);box-shadow:0 18px 40px rgba(12,11,10,.07)}
.sv-shot{aspect-ratio:760/330;overflow:hidden;background:var(--tan);border-bottom:1px solid var(--line)}
.sv-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.sv-body{display:flex;flex-direction:column;flex:1;padding:26px 26px 22px}
.sv-card h3{font-size:22px;line-height:1.15;letter-spacing:-.03em}
.sv-line{margin-top:10px;font-size:15.5px;line-height:1.55;color:var(--ink2)}
.sv-card ul{list-style:none;margin:16px 0 22px}
.sv-card li{position:relative;padding:7px 0 7px 18px;font-size:14.5px;color:var(--ink);border-top:1px solid var(--line)}
.sv-card li:before{content:"";position:absolute;left:2px;top:15px;width:6px;height:6px;border-radius:50%;background:var(--ox)}
.sv-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding-top:16px;border-top:1px solid var(--ink)}
.sv-price{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;line-height:1.35;letter-spacing:-.01em;max-width:24ch}
.sv-link{flex:0 0 auto;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ox);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.sv-one{grid-template-columns:1fr}
.sv-wide .sv-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:34px}
.sv-wide .sv-body>*{grid-column:1}
.sv-wide .sv-body>ul{grid-column:2;grid-row:1 / span 3;margin:0;align-self:start}
.sv-wide .sv-body>.sv-foot{grid-column:1 / -1;margin-top:22px}
@media (max-width:980px){
  .sv-stage{grid-template-columns:1fr;gap:22px}
  .sv-k{position:static}
}
@media (max-width:760px){
  .sv-stages{margin-top:34px}
  .sv-stage{padding:32px 0}
  .sv-cards{grid-template-columns:1fr;gap:14px}
  .sv-body{padding:22px 20px 18px}
  .sv-wide .sv-body{display:flex}
  .sv-wide .sv-body>ul{margin:16px 0 22px}
  .sv-foot{flex-direction:column;align-items:flex-start;gap:10px}
  .sv-price{max-width:none}
}
@media (hover:none){.sv-card:hover{box-shadow:none;border-color:var(--line)}}
.sv-art{aspect-ratio:760/330;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px 26px;background:var(--tan);border-bottom:1px solid var(--line)}
.sv-q{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:100px;background:#fff;border:1px solid var(--line)}
.sv-mag{width:13px;height:13px;border-radius:50%;border:2px solid var(--mid);position:relative;flex:0 0 13px}
.sv-mag:after{content:"";position:absolute;right:-5px;bottom:-4px;width:6px;height:2px;background:var(--mid);transform:rotate(45deg)}
.sv-q i{display:block;height:8px;width:52%;border-radius:6px;background:var(--tan2)}
.sv-ans{position:relative;padding:14px 16px 14px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.sv-ans small{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:11.5px;color:var(--mid);margin-bottom:8px}
.sv-ans i{display:block;height:7px;border-radius:6px;background:var(--tan2);margin-bottom:7px}
.sv-ans i.s{width:55%}
.sv-cite{position:absolute;right:14px;bottom:12px;padding:5px 11px;border-radius:100px;background:var(--ox);color:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px;box-shadow:0 6px 16px rgba(124,43,34,.3)}
.hero.hm-hero h1.hm-stack{font-size:clamp(40px,4.3vw,64px)}
@media (min-width:761px){.hero.hm-hero h1.hm-stack>span{white-space:nowrap}}
@media (max-width:760px){.hero.hm-hero h1.hm-stack{font-size:clamp(33px,9.3vw,44px)}}

/* pricing: grouped statement, lead generation lines */
.pr-grp{padding:22px 0 8px;border-bottom:1px solid var(--line);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:13px;color:var(--ox)}
.pr-bill-head+.pr-grp{padding-top:16px}
.pr-offer ul.pr-lines li{padding:14px 0;font-size:14.5px;line-height:1.5;color:#B4ACA3}
.pr-offer ul.pr-lines li b{display:block;margin-bottom:3px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:15.5px;color:#fff;letter-spacing:-.01em}

/* home hero: stage tiles instead of a ruled row */
.hm-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:72px 0 0;padding:0 0 76px}
.hm-stages a{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.05);color:var(--dmid);text-decoration:none;transition:background .25s,transform .25s}
.hm-stages a:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}
.hm-stages i{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:13.5px;color:var(--oxl);background:rgba(201,119,106,.14)}
.hm-stages b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:16.5px;letter-spacing:-.02em;color:#fff}
.hm-stages small{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--dmid)}
@media (hover:none){.hm-stages a:hover{transform:none;background:rgba(255,255,255,.05)}}
@media (max-width:760px){
  .hm-stages{gap:8px;margin-top:36px;padding-bottom:40px}
  .hm-stages a{flex-direction:column;align-items:flex-start;gap:10px;padding:13px 12px 14px;border-radius:14px}
  .hm-stages i{flex:0 0 30px;width:30px;height:30px;font-size:12px}
  .hm-stages b{font-size:14px;line-height:1.2}
  .hm-stages small{display:none}
}

/* home headline: one direct sentence */
.hero.hm-hero h1.hm-h1d{font-size:clamp(38px,3.5vw,50px);line-height:1.02;letter-spacing:-.045em;max-width:none;text-wrap:balance}
.hm-h1d em{font-style:normal;color:var(--oxl);white-space:nowrap}
@media (max-width:760px){.hero.hm-hero h1.hm-h1d{font-size:clamp(34px,10vw,46px);max-width:none}}

/* clock card: no fixed reply time, "minutes later" instead */
.hm-t{grid-template-columns:100px minmax(0,1fr)}
.hm-when{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14.5px;letter-spacing:-.01em;line-height:1.3;color:var(--oxl);padding-top:1px}
.hm-t:before{left:116px} .hm-t-in:after,.hm-gap:before{left:122px} .hm-gap span{left:144px}
@media (max-width:760px){
  .hm-t{grid-template-columns:84px minmax(0,1fr);column-gap:36px}
  .hm-t:before{left:95px} .hm-t-in:after,.hm-gap:before{left:101px} .hm-gap span{left:120px}
  .hm-when{font-size:13.5px}
}

/* home hero bottom: what Dire is, then every service */
.hm-svcbar{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:72px;padding:0 0 76px}
.hm-svcbar p{flex:0 1 auto;max-width:none;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:19px;line-height:1.3;letter-spacing:-.02em;color:#fff}
.hm-svclist{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}
.hm-svclist a{padding:11px 17px;border-radius:100px;background:rgba(255,255,255,.06);color:#E9E4DC;text-decoration:none;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;font-size:14.5px;letter-spacing:-.01em;white-space:nowrap;transition:background .25s,color .25s}
.hm-svclist a:hover{background:rgba(201,119,106,.2);color:#fff}
@media (max-width:980px){.hm-svcbar{flex-direction:column;align-items:flex-start;gap:18px}.hm-svclist{justify-content:flex-start}}
@media (max-width:760px){
  .hm-svcbar{margin-top:38px;padding-bottom:44px;gap:14px}
  .hm-svcbar p{font-size:17px;max-width:none}
  .hm-svclist{gap:8px}
  .hm-svclist a{padding:10px 14px;font-size:13.5px}
}
@media (hover:none){.hm-svclist a:hover{background:rgba(255,255,255,.06);color:#E9E4DC}}

/* pricing, simplified (pc- prefix): one price line per service, then the two set structures */
.pc-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 40px 34px;max-width:960px;margin:0 auto;box-shadow:0 2px 6px rgba(12,11,10,.05),0 40px 90px rgba(12,11,10,.16)}
.pc-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:2px solid var(--ink)}
.pc-top .brand{font-size:17px;color:var(--ink)}
.pc-title{font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.4;color:var(--mid)}
.pc-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background .2s}
.pc-row:hover{background:var(--bg)}
.pc-name b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.025em;line-height:1.2}
.pc-name small{display:block;margin-top:3px;font-size:15px;color:var(--mid)}
.pc-price{text-align:right;flex:0 0 auto}
.pc-price b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:24px;letter-spacing:-.035em;line-height:1.1}
.pc-price small{display:block;margin-top:3px;font-size:13.5px;color:var(--mid)}
.pc-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px}
.pc-foot p{font-size:15px;color:var(--ink2);max-width:46ch}
.pc-foot p b{font-weight:600;color:var(--ink)}
.pc-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}
.pc-panel{display:flex;flex-direction:column;border-radius:22px;padding:36px 36px 32px}
.pc-web{background:var(--tan);border:1px solid var(--tan2)}
.pc-lead{background:linear-gradient(165deg,#1C1A17,#0C0B0A);color:#fff}
.pc-k{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ox)}
.pc-lead .pc-k{color:var(--oxl)}
.pc-big{margin-top:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(46px,4.6vw,64px);letter-spacing:-.05em;line-height:1}
.pc-big small{display:block;margin-top:10px;font-family:'Inter',system-ui,sans-serif;font-weight:400;font-size:15px;letter-spacing:0;color:var(--mid)}
.pc-lead .pc-big small{color:#B4ACA3}
.pc-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.pc-plans div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.pc-plans span{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ox)}
.pc-plans b{display:block;margin:4px 0 8px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:30px;letter-spacing:-.04em}
.pc-plans b small{font-family:'Inter',system-ui,sans-serif;font-weight:400;font-size:13px;letter-spacing:0;color:var(--mid);margin-left:2px}
.pc-plans p{font-size:14px;line-height:1.5;color:var(--ink2)}
.pc-steps{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:10px}
.pc-steps li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05)}
.pc-steps li>span{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--oxl);color:var(--ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:13px}
.pc-steps b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:16px;letter-spacing:-.015em}
.pc-steps small{margin-left:8px;font-size:13px;color:var(--oxl);font-weight:600}
.pc-steps p{margin-top:3px;font-size:14px;line-height:1.5;color:#B4ACA3}
.pc-panel .pr-o-link{margin-top:auto;padding-top:28px}
@media (hover:none){.pc-row:hover{background:none}}
@media (max-width:980px){.pc-two{grid-template-columns:1fr}}
@media (max-width:760px){
  .pc-card{padding:22px 20px 24px;border-radius:20px}
  .pc-top{flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:16px}
  .pc-row{flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0}
  .pc-price{text-align:left}
  .pc-price b{font-size:21px}
  .pc-name b{font-size:18px}
  .pc-foot{flex-direction:column;align-items:stretch;gap:16px}
  .pc-foot .btn{text-align:center}
  .pc-panel{padding:28px 22px 26px}
  .pc-plans{grid-template-columns:1fr}
}

/* pricing rows are information, not links */
div.pc-row{cursor:default} div.pc-row:hover{background:none}

/* home: the system behind every service (not a service of its own) */
.sv-system{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;margin-top:44px;padding:40px 44px;border-radius:24px;color:#fff;
  background:radial-gradient(520px 240px at 10% 0%,rgba(124,43,34,.4),transparent 70%),linear-gradient(165deg,#1C1A17,#0C0B0A)}
.sv-sys-k>span{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--oxl)}
.sv-sys-k b{display:block;margin-top:12px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(26px,2.6vw,34px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.sv-sys-k p{margin-top:14px;font-size:15.5px;line-height:1.6;color:#B4ACA3;max-width:48ch}
.sv-sys-pts{list-style:none;display:flex;flex-direction:column;gap:10px}
.sv-sys-pts li{padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.05);font-size:14px;color:#B4ACA3}
.sv-sys-pts b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:16px;letter-spacing:-.015em;color:#fff;margin-bottom:2px}
@media (max-width:980px){.sv-system{grid-template-columns:1fr;gap:26px}}
@media (max-width:760px){.sv-system{margin-top:32px;padding:28px 22px;border-radius:20px}}

/* service card pictures: same height on every card */
.sv-shot,.sv-art{aspect-ratio:auto;height:196px}
.sv-art-row{flex-direction:row;align-items:center;gap:12px}
.sv-qs{flex:1.25;min-width:0;display:flex;flex-direction:column;gap:7px}
.sv-qs small{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:11.5px;color:var(--mid);margin-bottom:2px}
.sv-qs .sv-q{height:34px;padding:0 13px}
.sv-qs .sv-q i{width:62%}
.sv-q2{opacity:.72} .sv-q3{opacity:.45}
.sv-arrow{flex:0 0 auto;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:20px;color:var(--ox)}
.sv-leadc{flex:1;min-width:0;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(12,11,10,.07)}
.sv-av{display:block;width:30px;height:30px;border-radius:50%;background:var(--tan2);margin-bottom:10px}
.sv-leadc i{display:block;height:7px;border-radius:6px;background:var(--tan2);margin-bottom:7px}
.sv-leadc i:first-of-type{background:var(--ink2);opacity:.7;width:80%}
.sv-leadc i.s{width:55%}
.sv-leadc em,.sv-vrow em{display:inline-block;margin-top:4px;padding:4px 9px;border-radius:100px;background:var(--ox);color:#fff;font-style:normal;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:11px;white-space:nowrap}
.sv-bw{width:100%;border-radius:14px;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 10px 24px rgba(12,11,10,.06)}
.sv-bw-top{display:flex;align-items:center;gap:5px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--bg)}
.sv-bw-top i{width:7px;height:7px;border-radius:50%;background:var(--tan2)}
.sv-bw-top span{margin-left:8px;height:12px;flex:1;max-width:46%;border-radius:6px;background:var(--tan)}
.sv-vrow{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line)}
.sv-vrow:last-child{border-bottom:0}
.sv-vrow .sv-av{width:24px;height:24px;margin:0;flex:0 0 24px}
.sv-vrow i{display:block;flex:1;height:7px;border-radius:6px;background:var(--tan2);max-width:44%}
.sv-vrow em{margin:0 0 0 auto}
.sv-vrow em.off{background:var(--tan);color:var(--mid)}
.sv-vrow.on{background:rgba(124,43,34,.05)}
.sv-vrow.on .sv-av{background:var(--ox)}
.sv-vrow.on i{background:var(--ink2);opacity:.7}
@media (max-width:760px){.sv-shot,.sv-art{height:180px}.sv-art{padding:16px 16px}.sv-vrow{padding:6px 10px}.sv-bw-top{padding:6px 10px}.sv-qs small{font-size:11px;white-space:nowrap}.sv-qs .sv-q{height:30px}}

/* home hero, alive: rising headline, cursor light, tech grid, a card that plays out */
.hm-dots{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.55;
  background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.4px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(70% 60% at 70% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 60% at 70% 45%,#000 20%,transparent 75%);
  animation:hmdrift 40s linear infinite}
@keyframes hmdrift{to{background-position:26px 52px}}
.hm-spot{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .6s;
  background:radial-gradient(420px circle at var(--mx,70%) var(--my,40%),rgba(201,119,106,.16),transparent 62%)}
.hm-spot.on{opacity:1}
.hm-h1d .w{display:inline-block;color:inherit}
.hm-h1d.go .w{opacity:0;transform:translateY(.45em);filter:blur(8px);animation:hmword .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 60ms + 120ms)}
@keyframes hmword{to{opacity:1;transform:none;filter:none}}
.hm-h1d .wem{white-space:nowrap}
.hm-h1d em.shine{background:linear-gradient(100deg,var(--oxl) 0%,var(--oxl) 40%,#F3C3B6 50%,var(--oxl) 60%,var(--oxl) 100%);background-size:250% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hm-h1d.go em.shine{animation:hmshine 2.4s ease-in-out 1.4s forwards}
@keyframes hmshine{to{background-position:0 0}}
.hm-svclist a{opacity:0;transform:translateY(10px);animation:hmpill .6s cubic-bezier(.2,.8,.2,1) forwards}
.hm-svclist a:nth-child(1){animation-delay:.9s}.hm-svclist a:nth-child(2){animation-delay:1s}.hm-svclist a:nth-child(3){animation-delay:1.1s}.hm-svclist a:nth-child(4){animation-delay:1.2s}
@keyframes hmpill{to{opacity:1;transform:none}}
.hm-svclist a{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.hm-svclist a:hover{box-shadow:inset 0 0 0 1px rgba(201,119,106,.5),0 8px 24px rgba(124,43,34,.25)}
.hm-clock{transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}
.hm-clock-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.hm-live{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--oxl);opacity:0;transition:opacity .4s}
.hm-live i{width:7px;height:7px;border-radius:50%;background:var(--oxl);animation:hmpulse 2.6s ease-out infinite}
.hm-clock.play .hm-live{opacity:1}
.hm-clock.play .hm-t,.hm-clock.play .hm-gap span{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.hm-clock.play .hm-t-in:after,.hm-clock.play .hm-gap:before{transform:scaleY(0);transform-origin:top;transition:transform 1.3s cubic-bezier(.4,.1,.2,1)}
.hm-clock.play.s1 .hm-t-in,.hm-clock.play.s2 .hm-t-win,.hm-clock.play.s3 .hm-gap span,.hm-clock.play.s4 .hm-t-lose{opacity:1;transform:none}
.hm-clock.play.s2 .hm-t-in:after,.hm-clock.play.s3 .hm-gap:before{transform:scaleY(1)}
.hm-clock.play .hm-t-in p{clip-path:inset(0 100% 0 0)}
.hm-clock.play.s1 .hm-t-in p{clip-path:inset(0 0 0 0);transition:clip-path 1.1s steps(28,end) .2s}
.hm-clock.play.fade .hm-t,.hm-clock.play.fade .hm-gap span{opacity:0;transition:opacity .6s}
.hm-gap span{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.hm-dots{animation:none}.hm-svclist a{opacity:1;transform:none;animation:none}}

/* home header as a live demo (hx- prefix): typed searches, a lead card that builds, an industry ticker */
.hm-grid.hx-grid{padding:76px 0 70px;align-items:center;gap:64px}
.hx-search{margin-top:30px;max-width:560px}
.hx-search-k{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dmid);margin-bottom:10px}
.hx-sbar{position:relative;display:flex;align-items:center;gap:12px;height:62px;padding:0 9px 0 20px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(201,119,106,.38);
  box-shadow:0 0 0 5px rgba(201,119,106,.06),0 22px 50px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07)}
.hx-sbar:before{content:"";position:absolute;inset:-30px -10px;z-index:-1;border-radius:40px;background:radial-gradient(60% 70% at 30% 50%,rgba(201,119,106,.16),transparent 70%);pointer-events:none}
.hx-mag{position:relative;flex:0 0 15px;width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.62)}
.hx-mag:after{content:"";position:absolute;right:-6px;bottom:-5px;width:7px;height:2px;border-radius:2px;background:rgba(255,255,255,.62);transform:rotate(45deg)}
.hx-typed{min-width:0;font-size:17px;color:#fff;white-space:nowrap;overflow:hidden}
.hx-caret{flex:0 0 2px;width:2px;height:22px;margin-left:-9px;border-radius:2px;background:var(--oxl);animation:hxblink 1.05s steps(1) infinite}
@keyframes hxblink{50%{opacity:0}}
.hx-go{margin-left:auto;flex:0 0 auto;padding:11px 16px;border-radius:11px;background:var(--oxl);color:#1A0F0D;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px}
.hm-svcbar.hx-svc{margin-top:26px;padding:0;gap:12px}
.hm-svcbar.hx-svc p{font-size:13.5px;font-weight:700;color:var(--dmid)}
.hx-stage{position:relative;padding:34px 0 96px 10px}
.hx-back{position:absolute;left:44px;right:-16px;top:0;height:130px;display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-radius:18px;
  background:#1D1A17;border:1px solid var(--dline);transform:rotate(3.2deg);transform-origin:left bottom;opacity:.75}
.hx-next{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;font-size:12px;color:var(--dmid)}
.hx-d3{display:inline-flex;gap:5px;flex:0 0 auto;padding-top:2px}
.hx-d3 i{width:8px;height:8px;border-radius:50%;background:#D9776B}
.hx-d3 i:nth-child(2){background:#D8B47A} .hx-d3 i:nth-child(3){background:#9CB98A}
.hx-card{position:relative;z-index:2;border-radius:20px;background:#FCFBF9;color:var(--ink);overflow:hidden;
  box-shadow:0 44px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.07);transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}
.hx-top{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#F1ECE4;border-bottom:1px solid var(--line)}
.hx-title{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:13px;color:var(--ink2)}
.hx-badge{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:100px;background:var(--ink);color:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px;white-space:nowrap}
.hx-badge i{width:7px;height:7px;border-radius:50%;background:var(--oxl);animation:hmpulse 2.6s ease-out infinite}
.hx-body{padding:20px 22px 22px;transition:opacity .3s}
.hx-row1{display:flex;align-items:center;gap:10px}
.hx-chip{padding:5px 11px;border-radius:100px;background:var(--tan);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12.5px;color:var(--ox)}
.hx-new{display:inline-flex;align-items:center;gap:6px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12.5px;color:var(--mid)}
.hx-new:before{content:"";width:6px;height:6px;border-radius:50%;background:#6FA56F}
.hx-q{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 15px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:15.5px;color:var(--ink)}
.hx-q .hx-mag{border-color:var(--mid)} .hx-q .hx-mag:after{background:var(--mid)}
.hx-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hx-steps span{display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 7px;border-radius:100px;background:var(--bg);border:1px solid var(--line);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;font-size:12.5px;color:var(--ink2)}
.hx-steps i{position:relative;width:16px;height:16px;border-radius:50%;background:var(--ox)}
.hx-steps i:after{content:"";position:absolute;left:5.5px;top:3px;width:3.5px;height:7px;border:solid #fff;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
.hx-msg{margin-top:14px;padding:12px 15px;border-radius:14px 14px 14px 4px;background:var(--tan)}
.hx-msg small{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:11.5px;color:var(--mid);margin-bottom:3px}
.hx-msg p{font-size:15px;line-height:1.45;color:var(--ink)}
.hx-status{display:flex;gap:8px;margin-top:14px}
.hx-status span{padding:6px 12px;border-radius:100px;background:var(--bg);border:1px solid var(--line);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px;color:var(--ink2)}
.hx-status .hx-warm{background:var(--ox);border-color:var(--ox);color:#fff}
.hx-build{position:absolute;left:0;right:0;top:47px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;pointer-events:none;transition:opacity .25s}
.hx-bt{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ox)}
.hx-bt:after{content:"\2026"}
.hx-pb{width:56%;height:4px;border-radius:4px;background:var(--tan2);overflow:hidden}
.hx-pb i{display:block;height:100%;width:var(--p,0%);border-radius:4px;background:linear-gradient(90deg,var(--oxl),var(--ox));transition:width .4s ease}
.hx-card.building .hx-body{filter:blur(6px);opacity:.35}
.hx-card.building .hx-build{opacity:1}
.hx-bubble{position:absolute;z-index:3;left:-22px;bottom:0;display:flex;align-items:flex-start;gap:12px;max-width:340px;padding:14px 16px;border-radius:16px;
  background:rgba(22,20,18,.94);border:1px solid var(--dline);box-shadow:0 20px 50px rgba(0,0,0,.5);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.hx-bubble.out{opacity:0;transform:translateY(12px)}
.hx-av{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ox);color:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:14px}
.hx-bubble b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--oxl)}
.hx-bubble p{margin-top:4px;font-size:13.5px;line-height:1.45;color:#E9E4DC}
.hx-marq{position:relative;z-index:2;display:flex;align-items:center;border-top:1px solid var(--dline);background:rgba(255,255,255,.025);contain:paint}
.hx-mask{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.hx-track{display:flex;width:max-content;animation:hxmarq 40s linear infinite;will-change:transform;backface-visibility:hidden}
.hx-track span{display:inline-flex;align-items:center;padding:19px 0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14.5px;letter-spacing:-.01em;color:#CFC8BE;white-space:nowrap}
.hx-track span:after{content:"";width:5px;height:5px;margin:0 24px;border-radius:50%;background:var(--oxl);opacity:.85}
@keyframes hxmarq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-25%,0,0)}}
.hx-cta{flex:0 0 auto;margin:0 max(24px,calc((100vw - 1240px) / 2)) 0 14px;padding:11px 18px;border-radius:100px;background:var(--oxl);color:#170D0B;text-decoration:none;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;box-shadow:0 8px 26px rgba(201,119,106,.32);transition:transform .25s,box-shadow .25s}
.hx-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(201,119,106,.45)}
@media (max-width:980px){.hm-grid.hx-grid{gap:34px}.hx-stage{max-width:560px}}
@media (max-width:760px){
  .hm-grid.hx-grid{padding:44px 0 44px}
  .hx-search{margin-top:24px}
  .hx-sbar{height:54px;padding:0 7px 0 15px;gap:10px}
  .hx-typed{font-size:15px}
  .hx-go{padding:9px 12px;font-size:13px}
  .hx-stage{padding:26px 0 108px}
  .hx-back{left:22px;right:-6px;height:110px}
  .hx-body{padding:16px 16px 18px}
  .hx-q{font-size:14.5px}
  .hx-bubble{left:12px;right:12px;bottom:0;max-width:none}
  .hx-cta{display:none}
  .hx-track span{padding:15px 0;font-size:13.5px}
  .hx-track span:after{margin:0 18px}
}
@media (prefers-reduced-motion:reduce){.hx-track{animation:none}.hx-caret{animation:none}}
/* the demo card keeps one height whatever lead it shows, so nothing below it moves */
.hx-q{min-width:0}
.hx-qt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-msg p{min-height:2.9em}
.hx-bubble p{min-height:4.35em}
@media (max-width:760px){.hx-msg p{min-height:4.35em}.hx-bubble p{min-height:4.35em}}
@media (max-width:360px){.hx-bubble p{min-height:5.8em}}
@media (max-width:760px){.hero.hm-hero h1.hm-h1d{text-wrap:wrap}}
@media (max-width:980px){.hm-grid.hx-grid{grid-template-columns:minmax(0,1fr)}}
.hx-sbar{min-width:0;max-width:100%}
.hx-typed{flex:1 1 auto}
.hx-title{white-space:nowrap}
@media (max-width:360px){.hx-top .hx-d3{display:none}.hx-badge{font-size:11px;padding:5px 9px}}

/* phone pass: comfortable tap targets and readable small labels */
@media (max-width:900px){
  .nin .brand{padding:9px 0;margin:-9px 0}
  .sv-link{display:inline-block;padding:12px 0;margin:-12px 0}
  .lg-toc a{padding:11px 14px}
  .hx-search-k{font-size:12px}
  .hx-bubble b{font-size:12px}
}

/* demo captions in sentence case */
.hx-search-k{font-size:14px;letter-spacing:0;text-transform:none;font-weight:600;color:#B4ACA3}
.hx-bubble b{font-size:12.5px;letter-spacing:0;text-transform:none}
.pr-head,.hw-head,.hw-who-head,.ab-head{margin-top:0}

/* page headers share one rhythm now that the small labels are gone */
.hm-grid.hx-grid{padding-top:84px;padding-bottom:72px}
.hw-top,.ab-top,.lg-top,.hero .inr{padding-top:88px;padding-bottom:80px}
.pr-top{padding-top:88px}
@media (max-width:980px){.ab-top{padding-top:64px;padding-bottom:56px}.pr-top{padding-top:64px}}
@media (max-width:760px){
  .hm-grid.hx-grid{padding-top:52px;padding-bottom:44px}
  .hw-top,.ab-top,.lg-top,.hero .inr{padding-top:52px;padding-bottom:48px}
  .pr-top{padding-top:52px}
}
.ab-team{margin-top:40px}
@media (max-width:760px){.ab-team{margin-top:28px}}

/* the card reads as a short conversation, in order */
.hx-thread{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.hx-thread .hx-msg{margin-top:0;align-self:flex-start;max-width:88%}
.hx-out{align-self:flex-end;max-width:88%;padding:11px 14px;border-radius:14px 14px 4px 14px;background:rgba(124,43,34,.08);border:1px solid rgba(124,43,34,.14)}
.hx-out small{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:11.5px;color:var(--ox);margin-bottom:3px}
.hx-out p{font-size:14px;line-height:1.45;color:var(--ink2);min-height:2.9em}
.hx-thread .hx-msg p{min-height:1.45em}
.hx-bubble p{min-height:2.9em}
@media (max-width:760px){.hx-out p{min-height:4.35em}.hx-thread .hx-msg p{min-height:2.9em}.hx-bubble p{min-height:2.9em}}
@media (max-width:360px){.hx-bubble p{min-height:4.35em}}
.hx-thread .hx-msg p{min-height:2.9em}
@media (max-width:360px){.hx-out p{min-height:5.8em}.hx-thread .hx-msg p{min-height:4.35em}}
/* bubbles hug their words; the conversation area keeps one height so the card never jumps */
.hx-out p,.hx-thread .hx-msg p{min-height:0}
.hx-thread{min-height:186px;justify-content:flex-start}
@media (max-width:760px){.hx-out p,.hx-thread .hx-msg p{min-height:0}.hx-thread{min-height:206px}}
@media (max-width:360px){.hx-out p,.hx-thread .hx-msg p{min-height:0}.hx-thread{min-height:228px}}

/* home problem section: four facts as easy to scan cards */
.hm-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hm-fact{display:flex;flex-direction:column;gap:16px;padding:26px 24px 24px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.hm-fn{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(40px,3.8vw,54px);letter-spacing:-.05em;line-height:1;color:var(--ox)}
.hm-fact b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.02em;line-height:1.25;color:var(--ink)}
.hm-fact p{margin-top:6px;font-size:15px;line-height:1.55;color:var(--ink2)}
@media (max-width:760px){
  .hm-facts{grid-template-columns:1fr;gap:10px}
  .hm-fact{flex-direction:row;align-items:flex-start;gap:16px;padding:18px 18px 20px}
  .hm-fn{flex:0 0 84px;font-size:36px;padding-top:2px}
  .hm-fact b{font-size:16px}
  .hm-fact p{font-size:14.5px}
}
.hm-fact b{text-wrap:balance}

/* footer bottom line: legal links and the powered by badge */
.ft-top{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr))}
.ft-bot{justify-content:space-between;align-items:center;gap:14px 28px}
.ft-left,.ft-right{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px}
.ft-legal{display:flex;gap:18px}
.ft-legal a{color:var(--mid);text-decoration:none;transition:color .2s}
.ft-legal a:hover{color:var(--ox)}
.ft-pow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 11px;border-radius:100px;background:var(--bg);border:1px solid var(--tan2);text-decoration:none;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:12.5px;color:var(--mid);transition:border-color .25s,box-shadow .25s,transform .25s}
.ft-pow i{position:relative;width:8px;height:8px;border-radius:50%;background:var(--ox)}
.ft-pow i:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--ox);opacity:0;animation:ftping 2.8s ease-out infinite}
@keyframes ftping{0%{transform:scale(.6);opacity:.7}70%,100%{transform:scale(1.6);opacity:0}}
.ft-pow b{font-weight:800;color:var(--ink);letter-spacing:-.01em}
.ft-pow:hover{border-color:var(--ox);box-shadow:0 6px 18px rgba(124,43,34,.14);transform:translateY(-1px)}
@media (max-width:980px){.ft-top{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-brand{grid-column:1 / -1}.ft-col:nth-child(2){border-left:0;padding-left:0}}
@media (max-width:760px){
  .ft-top{grid-template-columns:1fr 1fr}
  .ft-bot{flex-direction:column;align-items:flex-start;gap:14px}
  .ft-left,.ft-right{flex-direction:column;align-items:flex-start;gap:10px}
  .ft-legal a{padding:4px 0}
  .ft-pow{padding:9px 16px 9px 13px}
}
@media (prefers-reduced-motion:reduce){.ft-pow i:after{animation:none}}
.hm-src{display:block;margin-top:10px;font-size:12.5px;color:var(--mid)}
.hm-fn{white-space:nowrap}
@media (max-width:760px){.hm-fn{flex:0 0 100px;font-size:32px}}
@media (max-width:360px){.hm-fn{flex:0 0 88px;font-size:28px}}
.ft-legal a+a{position:relative}
.ft-legal a+a:before{content:"";position:absolute;left:-10px;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:var(--tan2)}
@media (min-width:761px){.ft-left>span:first-child{padding-right:22px;border-right:1px solid var(--tan2)}.ft-right>span{padding-right:22px;border-right:1px solid var(--tan2)}}

/* home: whoever answers first, played out (rr- prefix) */
.rr-sec{position:relative;background:radial-gradient(900px 420px at 85% 10%,rgba(124,43,34,.07),transparent 70%),var(--tan)}
.rr{margin-top:30px;padding:22px 22px 18px;border-radius:20px;color:#fff;background:radial-gradient(420px 200px at 10% 0%,rgba(124,43,34,.38),transparent 70%),linear-gradient(165deg,#1C1A17,#0C0B0A);box-shadow:0 30px 70px rgba(12,11,10,.22)}
.rr-top{display:flex;justify-content:space-between;align-items:center;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:13.5px;padding-bottom:14px;border-bottom:1px solid var(--dline)}
.rr-live{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--oxl)}
.rr-live i{width:7px;height:7px;border-radius:50%;background:var(--oxl);animation:hmpulse 2.6s ease-out infinite}
.rr-lane{margin-top:16px}
.rr-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:9px}
.rr-k b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:15px}
.rr-k small{font-size:12.5px;color:var(--dmid);font-variant-numeric:tabular-nums}
.rr-tag{padding:5px 11px;border-radius:100px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.rr-win{background:var(--oxl);color:#1A0F0D}
.rr-lose{background:rgba(255,255,255,.08);color:var(--dmid);border:1px solid var(--dline)}
.rr.fast .rr-win,.rr.slow .rr-lose{opacity:1;transform:none}
.rr-track{position:relative;height:10px;border-radius:10px;background:rgba(255,255,255,.07);overflow:visible}
.rr-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:10px}
.rr-fast .rr-fill{background:linear-gradient(90deg,var(--oxl),#F0B8A8)}
.rr-slow .rr-fill{background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.34))}
.rr-dot{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12);opacity:0}
.rr-fast .rr-dot{background:var(--oxl);box-shadow:0 0 0 5px rgba(201,119,106,.25),0 0 18px rgba(201,119,106,.7)}
.rr.run .rr-dot{opacity:1}
.rr:not(.run) .rr-fill,.rr:not(.run) .rr-dot{transition:none}
.rr.run .rr-fast .rr-fill{width:2.5%;transition:width .55s cubic-bezier(.2,.8,.2,1)}
.rr.run .rr-fast .rr-dot{left:2.5%;transition:left .55s cubic-bezier(.2,.8,.2,1),opacity .2s}
.rr.run .rr-slow .rr-fill{width:87.5%;transition:width 3.2s linear .9s}
.rr.run .rr-slow .rr-dot{left:87.5%;transition:left 3.2s linear .9s,opacity .2s}
.rr-scale{display:flex;justify-content:space-between;margin-top:14px;font-size:11.5px;color:#7F776E;font-variant-numeric:tabular-nums}
/* stat cards with small live visuals */
.hm-fact{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.hm-fact:hover{transform:translateY(-3px);border-color:var(--tan2);box-shadow:0 24px 50px rgba(12,11,10,.1)}
.hm-fact:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--ox),var(--oxl));transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.hm-facts.go .hm-fact:before{transform:scaleX(1)}
.hm-facts.go .hm-fact.d2:before{transition-delay:.12s}.hm-facts.go .hm-fact.d3:before{transition-delay:.24s}.hm-facts.go .hm-fact.d4:before{transition-delay:.36s}
.hm-ftop{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.hm-fn .cu{font-variant-numeric:tabular-nums}
.fv-bars{display:flex;align-items:flex-end;gap:6px;height:48px}
.fv-bars span{position:relative;width:18px;height:var(--h);border-radius:5px 5px 2px 2px;background:var(--tan2);transform:scaleY(0);transform-origin:bottom;transition:transform .9s cubic-bezier(.2,.8,.2,1) .3s}
.fv-bars span.hi{background:linear-gradient(180deg,var(--oxl),var(--ox))}
.fv-bars em{display:none}
.hm-facts.go .fv-bars span{transform:scaleY(1)}
.fv-bars{margin-bottom:14px}
.fv-ring{width:48px;height:48px;transform:rotate(-90deg)}
.fv-ring circle{fill:none;stroke:var(--tan2);stroke-width:5}
.fv-ring .arc{stroke:var(--ox);stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:119.4;transition:stroke-dashoffset 1.6s cubic-bezier(.3,.7,.2,1) .3s}
.hm-facts.go .fv-ring .arc{stroke-dashoffset:24}
.fv-ticks{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;margin:-2px 0 2px}
.fv-ticks i{height:12px;border-radius:2px;background:var(--tan2)}
.fv-ticks i.on{background:var(--tan2);transition:background .2s calc(var(--k) * 40ms + .3s)}
.hm-facts.go .fv-ticks i.on{background:var(--ox)}
.fv-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 7px;border-radius:100px;background:var(--bg);border:1px solid var(--line);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;font-size:12px;color:var(--ink2);opacity:0;transform:translateY(8px);transition:opacity .5s .6s,transform .6s cubic-bezier(.2,.8,.2,1) .6s}
.fv-chip i{position:relative;width:16px;height:16px;border-radius:50%;background:var(--ox)}
.fv-chip i:after{content:"";position:absolute;left:5.5px;top:3px;width:3.5px;height:7px;border:solid #fff;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
.hm-facts.go .fv-chip{opacity:1;transform:none}
@media (max-width:760px){
  .rr{padding:18px 16px 14px}
  .rr-k b{font-size:14px}
  .rr-tag{font-size:11.5px;padding:4px 9px}
  .hm-fact{flex-direction:column;gap:14px}
  .hm-ftop .hm-fn{flex:0 0 auto}
  .fv-bars{height:40px}
}
@media (hover:none){.hm-fact:hover{transform:none;box-shadow:none;border-color:var(--line)}}
@media (prefers-reduced-motion:reduce){.fv-bars span,.fv-ring .arc,.fv-chip,.hm-fact:before,.fv-ticks i.on{transition:none!important}}
@media (max-width:760px){.hm-fact{align-items:stretch}.fv-ticks{width:100%}.hm-ftop{justify-content:flex-start;gap:18px}}
@media (min-width:761px) and (max-width:1180px){.hx-thread{min-height:204px}}
@media (max-width:360px){.hx-thread{min-height:246px}}

/* home webid: a service, with the demo as proof */
.wid-steps{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:26px}
.wid-steps li{display:flex;align-items:center;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;font-size:15.5px;color:#E9E4DC}
.wid-steps span{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(201,119,106,.16);color:var(--oxl);font-weight:800;font-size:13px}
.wid-acts{margin-top:28px}
.wid-tag{font-weight:700;padding:5px 11px;border-radius:100px;background:rgba(201,119,106,.16);white-space:nowrap}
@media (max-width:760px){.wid-steps li{font-size:15px;align-items:flex-start}.wid-steps span{margin-top:-3px}}

/* how it works for every service (hz- prefix) */
.hero.hw-hero h1.hw-h1 em{font-style:normal;color:var(--oxl)}
.hz-flow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,.62fr);gap:96px;align-items:center;margin-top:44px}
.hz-srcs{position:relative;z-index:2;display:grid;gap:12px}
.hz-src{padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(12,11,10,.05)}
.hz-src b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:16px;letter-spacing:-.02em}
.hz-src span{display:block;margin-top:2px;font-size:14px;color:var(--ink2)}
.hz-sys{position:relative;z-index:2;padding:26px 24px;border-radius:20px;color:#fff;background:radial-gradient(380px 200px at 10% 0%,rgba(124,43,34,.4),transparent 70%),linear-gradient(165deg,#1C1A17,#0C0B0A);box-shadow:0 30px 70px rgba(12,11,10,.22)}
.hz-sys small,.hz-you small{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12.5px;color:var(--oxl)}
.hz-sys b{display:block;margin-top:8px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:22px;line-height:1.15;letter-spacing:-.03em}
.hz-sys ul{list-style:none;margin-top:16px;display:grid;gap:8px}
.hz-sys li{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);font-size:14px;color:#E4DED5}
.hz-you{position:relative;z-index:2;padding:22px 20px;border-radius:18px;background:var(--ox);color:#fff;box-shadow:0 20px 40px rgba(124,43,34,.25)}
.hz-you small{color:rgba(255,255,255,.7)}
.hz-you b{display:block;margin-top:6px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:20px;line-height:1.2;letter-spacing:-.025em}
.hz-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.hz-ln{fill:none;stroke:rgba(124,43,34,.35);stroke-width:1.6;stroke-dasharray:4 6}
.hz-pt{fill:var(--ox);filter:drop-shadow(0 0 4px rgba(201,119,106,.8))}
.hz-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:40px}
.hz-tab{position:relative;overflow:hidden;text-align:left;padding:16px 18px 18px;border-radius:16px;border:1px solid var(--tan2);background:rgba(255,255,255,.5);cursor:pointer;font:inherit;color:var(--ink);transition:background .25s,border-color .25s,box-shadow .25s}
.hz-tab b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:15.5px;letter-spacing:-.015em}
.hz-tab span{display:block;margin-top:3px;font-size:13.5px;color:var(--mid)}
.hz-tab:hover{background:#fff}
.hz-tab.on{background:#fff;border-color:var(--ox);box-shadow:0 12px 30px rgba(124,43,34,.12)}
.hz-tab.on b{color:var(--ox)}
.hz-tab:focus-visible{outline:2px solid var(--ox);outline-offset:2px}
.hz-prog{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--ox);transform:scaleX(0);transform-origin:left}
.hz-tab.run .hz-prog{animation:hzprog 7s linear forwards}
@keyframes hzprog{to{transform:scaleX(1)}}
.hz-panels{margin-top:18px}
.hz-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center;padding:34px;border-radius:24px;background:#fff;border:1px solid var(--line)}
.hz-panel[hidden]{display:none}
.hz-copy h3{font-size:clamp(24px,2.4vw,30px);line-height:1.1;letter-spacing:-.035em}
.hz-steps{list-style:none;margin-top:20px;display:grid;gap:14px}
.hz-steps li{display:flex;gap:14px;align-items:flex-start}
.hz-steps li>span{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tan);color:var(--ox);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:13px}
.hz-steps b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:16px;letter-spacing:-.015em}
.hz-steps p{margin-top:2px;font-size:14.5px;line-height:1.5;color:var(--ink2)}
.hz-panel.play .hz-steps li{animation:hzin .6s cubic-bezier(.2,.8,.2,1) both}
.hz-panel.play .hz-steps li:nth-child(2){animation-delay:.08s}.hz-panel.play .hz-steps li:nth-child(3){animation-delay:.16s}.hz-panel.play .hz-steps li:nth-child(4){animation-delay:.24s}
@keyframes hzin{from{opacity:0;transform:translateY(10px)}}
.hz-more{display:inline-block;margin-top:22px;padding:10px 0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14.5px;color:var(--ox);text-decoration:underline;text-underline-offset:4px}
.hz-stage{position:relative;height:340px;border-radius:20px;overflow:hidden;background:radial-gradient(420px 220px at 85% 0%,rgba(124,43,34,.4),transparent 70%),linear-gradient(165deg,#1C1A17,#0C0B0A)}
.hz-scene{position:absolute;inset:0;display:grid;place-items:center;padding:28px}
.hz-panel.play .hz-scene{animation:hzscene .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes hzscene{from{opacity:0;transform:scale(.97)}}
.hz-browser{width:100%;max-width:420px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 50px rgba(0,0,0,.45)}
.hz-bar{display:flex;align-items:center;gap:5px;padding:9px 12px;background:#F1ECE4}
.hz-bar i{width:8px;height:8px;border-radius:50%;background:#D9776B}.hz-bar i:nth-child(2){background:#D8B47A}.hz-bar i:nth-child(3){background:#9CB98A}
.hz-bar span{margin-left:10px;font-size:11.5px;color:var(--mid);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600}
.hz-shot{position:relative;aspect-ratio:760/400;overflow:hidden}
.hz-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.hz-build{position:absolute;inset:0;display:grid;place-content:center;gap:12px;justify-items:center;background:rgba(252,251,249,.9);opacity:0}
.hz-build b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ox)}
.hz-build .hx-pb{width:180px}
.hz-panel.play .hz-build{animation:hzbuild 2.6s ease forwards}
.hz-panel.play .hz-build .hx-pb i{animation:hzfill 1.8s ease forwards}
@keyframes hzbuild{0%,70%{opacity:1}100%{opacity:0}}
@keyframes hzfill{from{width:0}to{width:100%}}
.hz-badge{position:absolute;right:22px;top:20px;padding:6px 12px;border-radius:100px;background:var(--oxl);color:#1A0F0D;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px}
.hz-seo{width:100%;max-width:420px;display:grid;gap:12px}
.hz-seo .sv-q{background:#fff}
.hz-res{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.hz-rank{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ox);color:#fff;font-weight:800;font-size:12px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.hz-res b{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ink)}
.hz-res i{display:block;margin-top:5px;width:70%;height:6px;border-radius:6px;background:var(--tan2)}
.hz-panel.play .hz-seo>*{animation:hzin .6s cubic-bezier(.2,.8,.2,1) both}
.hz-panel.play .hz-seo>*:nth-child(2){animation-delay:.25s}.hz-panel.play .hz-seo>*:nth-child(3){animation-delay:.5s}
.hz-map{position:absolute!important;inset:0;height:auto!important;border-radius:0}
.hz-webid{width:100%;max-width:400px}
.hz-panel.play .hz-webid .sv-vrow{animation:hzin .6s cubic-bezier(.2,.8,.2,1) both}
.hz-panel.play .hz-webid .sv-vrow:nth-child(3){animation-delay:.3s}.hz-panel.play .hz-webid .sv-vrow:nth-child(4){animation-delay:.6s}
@media (max-width:980px){
  .hz-flow{grid-template-columns:1fr;gap:56px}
  .hz-srcs{grid-template-columns:1fr 1fr}
  .hz-tabs{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
  .hz-tabs::-webkit-scrollbar{display:none}
  .hz-panel{grid-template-columns:1fr;gap:24px;padding:24px}
}
@media (max-width:760px){
  .hz-flow{gap:44px;margin-top:30px}
  .hz-srcs{gap:10px}
  .hz-src{padding:14px}
  .hz-src span{font-size:13px}
  .hz-tabs{grid-template-columns:repeat(4,minmax(140px,1fr));margin-left:-22px;margin-right:-22px;padding:0 22px 4px}
  .hz-panel{padding:20px 18px;border-radius:20px}
  .hz-stage{height:260px}
  .hz-scene{padding:18px}
}
@media (prefers-reduced-motion:reduce){.hz-build{display:none}.hz-panel.play *{animation:none!important}}

/* how it works: live header console, clickable flow, lanes that draw in */
.hz-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:64px;align-items:center;padding:84px 0 76px}
.hz-hero .hw-h1{font-size:clamp(40px,4.6vw,72px)}
.hz-console{position:relative;z-index:2;border-radius:20px;background:#FCFBF9;color:var(--ink);overflow:hidden;box-shadow:0 44px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.07)}
.hz-ctop{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#F1ECE4;border-bottom:1px solid var(--line)}
.hz-d3{display:inline-flex;gap:5px}.hz-d3 i{width:8px;height:8px;border-radius:50%;background:#D9776B}.hz-d3 i:nth-child(2){background:#D8B47A}.hz-d3 i:nth-child(3){background:#9CB98A}
.hz-ctop b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:13px;color:var(--ink2)}
.hz-clive{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:100px;background:var(--ink);color:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px}
.hz-clive i{width:7px;height:7px;border-radius:50%;background:var(--oxl);animation:hmpulse 2.6s ease-out infinite}
.hz-chead,.hz-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,.95fr);gap:12px;align-items:center;padding:0 18px}
.hz-chead{padding-top:12px;padding-bottom:10px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:11.5px;color:var(--mid);border-bottom:1px solid var(--line)}
.hz-rows{height:290px;overflow:hidden}
.hz-row{height:58px;border-bottom:1px solid var(--line);opacity:0;transform:translateY(-14px);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}
.hz-row.in{opacity:1;transform:none}
.hz-src-chip{justify-self:start;padding:5px 10px;border-radius:100px;background:var(--tan);color:var(--ox);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hz-what{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hz-st{justify-self:end;padding:5px 11px;border-radius:100px;background:var(--bg);border:1px solid var(--line);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12px;color:var(--mid);white-space:nowrap;transition:background .3s,color .3s,border-color .3s}
.hz-st.s1{background:rgba(201,119,106,.16);border-color:rgba(201,119,106,.3);color:var(--ox)}
.hz-st.s2{background:var(--oxl);border-color:var(--oxl);color:#1A0F0D}
.hz-st.s3{background:var(--ox);border-color:var(--ox);color:#fff}
.hz-cfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;background:#F7F3EC;font-size:13px;color:var(--ink2)}
.hz-cfoot b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:13px;color:var(--ox);font-variant-numeric:tabular-nums}
.hz-hero .hx-marq{margin-top:0}
button.hz-src{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .25s}
button.hz-src em{display:inline-block;margin-top:8px;font-style:normal;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12.5px;color:var(--ox);opacity:.75}
button.hz-src:hover{border-color:var(--ox);box-shadow:0 14px 30px rgba(124,43,34,.12);transform:translateX(3px)}
button.hz-src:hover em{opacity:1}
button.hz-src:focus-visible{outline:2px solid var(--ox);outline-offset:2px}
.hz-ln{transition:stroke .25s,stroke-width .25s}
.hz-ln.hot{stroke:var(--ox);stroke-width:2.4;stroke-dasharray:none}
.hw-lanes .hw-path path{stroke-dasharray:3000;stroke-dashoffset:3000}
.hw-lanes.in .hw-path path{stroke-dashoffset:0;transition:stroke-dashoffset 1.8s cubic-bezier(.4,.1,.2,1) .2s}
.hw-lanes .hw-node{transition:transform .5s cubic-bezier(.3,1.5,.5,1),opacity .4s}
.hw-lanes:not(.in) .hw-node{opacity:0}
.hw-lanes.in .hw-cols li:nth-child(1) .hw-node{transition-delay:.2s}.hw-lanes.in .hw-cols li:nth-child(2) .hw-node{transition-delay:.5s}
.hw-lanes.in .hw-cols li:nth-child(3) .hw-node{transition-delay:.8s}.hw-lanes.in .hw-cols li:nth-child(4) .hw-node{transition-delay:1.1s}.hw-lanes.in .hw-cols li:nth-child(5) .hw-node{transition-delay:1.6s}
@media (max-width:980px){.hz-top{grid-template-columns:1fr;gap:40px;padding:64px 0 56px}.hz-console{max-width:560px}}
@media (max-width:760px){
  .hz-top{padding:52px 0 44px;gap:32px}
  .hz-hero .hw-h1{font-size:clamp(38px,11vw,50px)}
  .hz-chead,.hz-row{grid-template-columns:minmax(0,1fr) auto;padding:0 14px}
  .hz-chead span:nth-child(2),.hz-what{display:none}
  .hz-row{height:52px}
  .hz-rows{height:260px}
  button.hz-src:hover{transform:none}
}
@media (hover:none){button.hz-src:hover{transform:none;box-shadow:none;border-color:var(--line)}}
@media (prefers-reduced-motion:reduce){.hw-lanes .hw-path path{stroke-dashoffset:0}.hw-lanes:not(.in) .hw-node{opacity:1}}
.hero.hw-hero.hz-hero h1.hw-h1{font-size:clamp(40px,4vw,62px);line-height:1}
@media (max-width:760px){.hero.hw-hero.hz-hero h1.hw-h1{font-size:clamp(36px,10.4vw,46px)}}
.hz-hero .hw-h1 em{white-space:nowrap}

/* contact (ct- prefix): the form lives in the header */
.ct-top{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center;padding:84px 0 84px}
.hero.ct-hero h1{text-align:left;margin:0;max-width:none;font-size:clamp(44px,5.4vw,84px);line-height:.98;letter-spacing:-.048em}
.ct-lede{margin-top:22px;font-size:18px;color:#C6BFB5;max-width:46ch}
.ct-points{list-style:none;margin-top:26px;display:grid;gap:12px}
.ct-points li{display:flex;align-items:center;gap:12px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;font-size:15.5px;color:#E9E4DC}
.ct-points i{position:relative;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:rgba(201,119,106,.18)}
.ct-points i:after{content:"";position:absolute;left:8px;top:4.5px;width:4.5px;height:9px;border:solid var(--oxl);border-width:0 2px 2px 0;transform:rotate(45deg)}
.ct-direct{margin-top:28px;padding-top:20px;border-top:1px solid var(--dline);font-size:15px;color:var(--dmid)}
.ct-direct a{color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:1px}
.ct-card{position:relative;z-index:2;border-radius:22px!important;box-shadow:0 44px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.07)!important;color:var(--ink)}
.ct-chead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.ct-chead b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.025em}
.ct-chead span{font-size:13px;color:var(--mid);white-space:nowrap}
.ct-steps{list-style:none;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}
.ct-steps:before{content:"";position:absolute;left:22px;right:22px;top:22px;height:2px;background:var(--line)}
.ct-steps:after{content:"";position:absolute;left:22px;right:22px;top:22px;height:2px;background:linear-gradient(90deg,var(--ox),var(--oxl));transform:scaleX(0);transform-origin:left;transition:transform 1.6s cubic-bezier(.4,.1,.2,1) .3s}
.ct-steps.in:after{transform:scaleX(1)}
.ct-steps li{position:relative;z-index:1}
.ct-n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ox);color:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:15px;box-shadow:0 0 0 6px var(--bg);transform:scale(.6);opacity:0;transition:transform .5s cubic-bezier(.3,1.5,.5,1),opacity .4s}
.ct-steps.in .ct-n{transform:none;opacity:1}
.ct-steps.in li:nth-child(2) .ct-n{transition-delay:.45s}.ct-steps.in li:nth-child(3) .ct-n{transition-delay:.9s}.ct-steps.in li:nth-child(4) .ct-n{transition-delay:1.35s}
.ct-steps b{display:block;margin-top:18px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.02em}
.ct-steps p{margin-top:6px;font-size:15px;line-height:1.55;color:var(--ink2);max-width:28ch}
.ct-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:56px}
.ct-info>div{padding:20px 22px;border-radius:16px;background:var(--tan);border:1px solid var(--tan2)}
.ct-info small{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:12.5px;color:var(--ox);margin-bottom:6px}
.ct-info b{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:16px;letter-spacing:-.015em;overflow-wrap:anywhere}
.ct-info a{color:var(--ink);border-bottom:1px solid var(--tan2)}
@media (max-width:980px){.ct-top{grid-template-columns:1fr;gap:40px;padding:64px 0 64px}.ct-steps{grid-template-columns:1fr 1fr;row-gap:34px}.ct-steps:before,.ct-steps:after{display:none}.ct-info{grid-template-columns:1fr}}
@media (max-width:760px){
  .ct-top{padding:52px 0 48px;gap:32px}
  .hero.ct-hero h1{font-size:clamp(40px,12vw,54px)}
  .ct-lede{font-size:17px}
  .ct-chead{flex-direction:column;gap:4px}
  .ct-steps{grid-template-columns:1fr;row-gap:22px}
  .ct-steps li{display:grid;grid-template-columns:44px 1fr;column-gap:16px}
  .ct-steps li .ct-n{grid-row:1 / span 2}
  .ct-steps b{margin-top:8px}
  .ct-steps p{grid-column:2;max-width:none}
  .ct-info{margin-top:36px}
}
@media (prefers-reduced-motion:reduce){.ct-n{transform:none;opacity:1}.ct-steps:after{transform:scaleX(1)}}
.hero.ct-hero h1{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:#fff}
.hero.ct-hero h1 span{-webkit-text-fill-color:currentColor}
@media (max-width:760px){
  .hm-svcbar.hx-svc{margin-top:20px;gap:8px}
  .hm-svcbar.hx-svc p{font-size:12.5px}
  .hm-svclist{gap:6px}
  .hm-svclist a{padding:7px 11px;font-size:12.5px;border-radius:100px}
}
@media (max-width:760px){
  .hm-svclist{gap:5px}
  .hm-svclist a{padding:6px 10px;font-size:12px;line-height:1.25;letter-spacing:-.01em}
}
@media (max-width:760px){.hm-svclist a{font-size:11.5px;padding:6px 9px}}
@media (max-width:760px){
  .hm-svclist{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:-22px;padding-right:22px;
    -webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  .hm-svclist::-webkit-scrollbar{display:none}
  .hm-svclist a{flex:0 0 auto;font-size:12px;padding:6px 10px}
}
@media (max-width:760px){.hm-svcbar.hx-svc{align-items:stretch}.hm-svclist{min-width:0;width:auto;max-width:none}}
/* phones: two lines, each pairing a short service with a long one */
@media (max-width:760px){
  .hm-svclist{flex-wrap:wrap;overflow:visible;margin-right:0;padding-right:0;-webkit-mask-image:none;mask-image:none;gap:7px}
  .hm-svclist a{font-size:12.5px;padding:8px 12px;line-height:1.25}
  .hm-svclist a[href="#svc-websites"]{order:1}
  .hm-svclist a[href="#svc-search-intent"]{order:2}
  .hm-svclist a[href="#svc-seo-geo"]{order:3}
  .hm-svclist a[href="#svc-visitor-id"]{order:4}
}
@media (max-width:360px){.hm-svclist{gap:6px}.hm-svclist a{font-size:11.5px;padding:7px 10px}}
@media (max-width:340px){.hm-svclist{gap:5px}.hm-svclist a{font-size:10.8px;padding:7px 8px;letter-spacing:-.015em}}

/* phone sizing pass: demo cards and panels take less room */
@media (max-width:760px){
  /* home header lead card */
  .hx-stage{padding:6px 0 64px}
  .hx-back,.hx-steps{display:none}
  .hx-top{padding:10px 13px}
  .hx-title{font-size:12px}
  .hx-badge{font-size:11px;padding:5px 9px}
  .hx-body{padding:13px 13px 14px}
  .hx-chip,.hx-new{font-size:11.5px}
  .hx-q{margin-top:10px;padding:9px 12px;font-size:14px;border-radius:10px}
  .hx-thread{margin-top:10px;gap:6px;min-height:168px}
  .hx-out,.hx-thread .hx-msg{padding:9px 12px}
  .hx-out small,.hx-msg small{font-size:10.5px;margin-bottom:2px}
  .hx-out p,.hx-thread .hx-msg p{font-size:13px;line-height:1.4}
  .hx-status{margin-top:10px}
  .hx-status span{font-size:11px;padding:5px 10px}
  .hx-bubble{padding:11px 13px;gap:10px;left:10px;right:10px}
  .hx-av{flex:0 0 28px;width:28px;height:28px;font-size:12px}
  .hx-bubble p{font-size:12.5px;min-height:2.8em}
  /* home stats: two by two */
  .hm-facts{grid-template-columns:1fr 1fr;gap:8px}
  .hm-fact{padding:16px 14px 16px;gap:10px}
  .hm-ftop{flex-direction:column;align-items:flex-start;gap:8px}
  .hm-fn{flex:0 0 auto;font-size:30px}
  .fv-bars{height:26px;margin:0}.fv-bars span{width:12px}
  .fv-ring{width:30px;height:30px}
  .fv-ticks{grid-template-columns:repeat(24,1fr);gap:2px}.fv-ticks i{height:8px}
  .fv-chip{font-size:10.5px;padding:4px 8px 4px 5px}.fv-chip i{width:14px;height:14px}
  .hm-fact b{font-size:14.5px}
  .hm-fact p{font-size:12.5px;line-height:1.45}
  .hm-src{font-size:10.5px;margin-top:6px}
  /* home system band */
  .sv-system{gap:18px;padding:24px 18px}
  .sv-sys-k p{font-size:14.5px}
  .sv-sys-pts{gap:6px}
  .sv-sys-pts li{padding:11px 13px;font-size:13px}
  .sv-sys-pts b{font-size:14.5px}
  /* home webid demo */
  .wid-rows>div{padding:10px 0}
  .wid-rows dt{font-size:13.5px}
  .wid-rows dd{font-size:14.5px}
  /* how header console */
  .hz-chead{display:none}
  .hz-rows{height:200px}
  .hz-row{height:50px}
  .hz-cfoot{padding:11px 14px;font-size:12px}
  /* how flow and tabs */
  .hz-flow{gap:34px}
  .hz-src b{font-size:14.5px}
  .hz-src em{display:none}
  .hz-sys{padding:20px 18px}
  .hz-sys ul{gap:6px;margin-top:12px}
  .hz-sys li{padding:8px 11px;font-size:13px}
  .hz-you{padding:16px 18px}
  .hz-stage{height:220px}
  .hz-steps{gap:10px}
  .hz-steps p{font-size:13.5px}
  /* pricing list: name left, price right */
  .pc-row{flex-direction:row;align-items:center;gap:12px;padding:14px 0}
  .pc-name small{font-size:13px}
  .pc-price{text-align:right}
  .pc-price b{font-size:18px}
  .pc-price small{font-size:11.5px;max-width:15ch;margin-left:auto}
}
@media (min-width:360px) and (max-width:760px){
  /* contact: short fields side by side */
  .ct-card .ff{grid-template-columns:1fr 1fr;gap:12px}
  .ct-card .ff .full{grid-column:1 / -1}
}
@media (max-width:760px){.hx-thread{min-height:174px}.hx-bubble p{min-height:37px}}
@media (max-width:339px){.hx-thread{min-height:194px}.hx-bubble p{min-height:56px}}
@media (max-width:760px){.hx-stage{padding-bottom:76px}}
@media (max-width:339px){.hx-stage{padding-bottom:94px}}
.ft-book{display:table;margin-top:18px;padding:12px 20px;border-radius:12px;background:var(--ink,#0C0B0A);color:#fff!important;text-decoration:none;font-family:'Plus Jakarta Sans','D',system-ui,sans-serif;font-weight:700;font-size:14.5px;transition:background .2s,transform .2s}
.ft-book:hover{background:var(--ox,#7C2B22);transform:translateY(-1px)}

/* form sent: a clear confirmation laid over the form */
.ct-card.sent .ct-chead,.ct-card.sent .ff{visibility:hidden}
.ct-card.sent .ff-done{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;border-radius:22px;background:#FCFBF9;animation:sentin .45s cubic-bezier(.2,.8,.2,1) both}
.ct-card.sent .ff-done h2{margin:22px 0 10px;font-size:clamp(28px,3vw,36px);letter-spacing:-.035em}
.ct-card.sent .ff-done p{font-size:16.5px;max-width:34ch}
.ct-card.sent .ff-tick{width:76px;height:76px;animation:sentpop .6s cubic-bezier(.3,1.6,.5,1) .1s both;box-shadow:0 0 0 10px rgba(124,43,34,.1),0 18px 40px rgba(124,43,34,.3)}
.ct-card.sent .ff-tick:after{left:28px;top:17px;width:14px;height:28px;border-width:0 4px 4px 0}
@keyframes sentin{from{opacity:0}}
@keyframes sentpop{from{transform:scale(.3);opacity:0}}
@media (prefers-reduced-motion:reduce){.ct-card.sent .ff-done,.ct-card.sent .ff-tick{animation:none}}

/* client login for existing clients */
.nportal{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:9px;border:1px solid var(--line,#E4DFD3);color:var(--ink2,#3E3A33);font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .2s,color .2s,background .2s}
.nportal:hover{border-color:var(--ink,#0C0B0A);color:var(--ink,#0C0B0A);background:rgba(255,255,255,.6)}
.nact{gap:10px}
.sheet-portal{display:flex!important;align-items:center;justify-content:center;gap:9px;margin-top:auto;padding:15px 18px!important;border-radius:14px;border:1px solid var(--line,#E4DFD3);font-size:16px!important;font-weight:600!important;color:var(--ink,#0C0B0A)}
.sheet-portal+.sheet-cta{margin-top:10px!important}
@media (max-width:900px){.nportal{display:none}}
.sheet a.sheet-portal{justify-content:center;gap:9px;border-bottom:1px solid var(--line,#E4DFD3)}
.sheet a.sheet-portal svg{width:17px;height:17px}
/* contact: the Calendly calendar in the header card */
.ct-cal{padding:24px 24px 16px!important}
.ct-widget{min-width:0!important;height:700px;border-radius:14px;overflow:hidden;background:#fff}
.ct-calfall{margin-top:12px;font-size:13px;color:var(--mid);text-align:center}
.ct-calfall a{color:var(--ox);text-decoration:underline}
@media (max-width:760px){.ct-cal{padding:16px 8px 12px!important}.ct-cal .ct-chead{padding:0 8px 14px;margin-bottom:12px}.ct-widget{height:920px;border-radius:10px}}
.nl a{white-space:nowrap}
@media (min-width:901px) and (max-width:1120px){.nportal{display:none}.nl{gap:20px}}
/* contact: calendar or message, as two tabs in one card */
.ct-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:18px;border-radius:14px;background:var(--tan)}
.ct-tab{height:44px;border:0;border-radius:10px;background:transparent;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14.5px;color:var(--mid);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.ct-tab.on{background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(12,11,10,.08)}
.ct-tab:focus-visible{outline:2px solid var(--ox);outline-offset:2px}
.ct-widget{position:relative}
.ct-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;font-size:13.5px;color:var(--mid)}
.ct-loading span{width:28px;height:28px;border-radius:50%;border:3px solid var(--tan2);border-top-color:var(--ox);animation:ctspin .8s linear infinite}
@keyframes ctspin{to{transform:rotate(360deg)}}
.ct-widget iframe{position:relative;z-index:1}
.ct-failed .ct-loading span{display:none}
.ct-swap{border:0;background:none;padding:0;font:inherit;color:var(--ox);text-decoration:underline;cursor:pointer}
.ct-msgk{margin-bottom:16px;font-size:14.5px;color:var(--ink2)}
.ct-pane[hidden]{display:none}
@media (max-width:760px){.ct-tabs{margin:0 8px 14px}.ct-msgk,.ct-pane .ff{padding:0 8px}}
.ct-widget .ct-iframe{position:relative;z-index:1;display:block;width:100%;height:100%;border:0;background:transparent}

/* footer phone line (Oct 23, 2026) */
.ft-brand .ft-mail{display:table}
.ft-brand .ft-tel{margin-top:10px}

/* phone: call button in the nav, the phone menu and every closer (Oct 23, 2026) */
.ncall{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:9px;border:1px solid var(--line,#E4DFD3);color:var(--ink,#0C0B0A);font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .2s,background .2s}
.ncall:hover{border-color:var(--ink,#0C0B0A);background:rgba(255,255,255,.6)}
.ncall svg{flex:none}
@media (max-width:900px){.ncall{position:relative;width:44px;height:44px;padding:0;justify-content:center;border-radius:11px;background:#fff}.ncall svg{width:18px;height:18px}.ncall span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.sheet-call{display:flex!important;align-items:center;justify-content:center;gap:9px;margin-top:auto;padding:15px 18px!important;border-radius:14px;border:1px solid var(--line,#E4DFD3);font-size:16px!important;font-weight:600!important;color:var(--ink,#0C0B0A)}
.sheet a.sheet-call{justify-content:center;gap:9px;border-bottom:1px solid var(--line,#E4DFD3)}
.sheet a.sheet-call svg{width:17px;height:17px}
.sheet-call+.sheet-portal{margin-top:10px!important}
.closer-acts{display:flex;flex-direction:column;gap:10px;flex:none}
.closer-acts .btn{text-align:center;white-space:nowrap}
.closer .b-call{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.24);box-shadow:none}
.closer .b-call:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}
@media (max-width:760px){.closer-acts{align-self:stretch}}
@media (hover:none){.closer .b-call:hover{transform:none}}
.nin{gap:14px} .nin .brand{flex:none}
/* phones: Call and Book a meeting ride along at the bottom of the screen */
.mbar{display:none}
@media (max-width:760px){
  nav .ncall,nav .ncta{display:none}
  .mbar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:38;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(252,251,249,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line,#E4DFD3)}
  .mbar a{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}
  .mbar a svg{width:18px;height:18px;flex:none}
  .mbar-call{background:#fff;color:var(--ink,#0C0B0A);border:1px solid var(--line,#E4DFD3)}
  .mbar-book{background:var(--ink,#0C0B0A);color:#fff}
  .mbar a:active{transform:scale(.97)}
  body{padding-bottom:calc(69px + env(safe-area-inset-bottom))}
  html.menu-open .mbar{display:none}
  .dl .dl-launch{display:none!important}
}

/* revamp (Nov 2026): free audit button, buyer intent signals, full row websites card, visitor id strip */
.mk-audit{display:inline-flex;align-items:center;gap:10px;margin-top:22px;background:var(--oxl);color:#1a0d0a;font-weight:700;border-radius:999px;padding:13px 22px;font-size:15px;text-decoration:none;transition:filter .2s}
.mk-audit:hover{filter:brightness(1.06)}
.mk-audit small{font-weight:500;opacity:.8;font-size:13px}
.sv-sig{display:flex;flex-direction:column;gap:8px;width:100%}
.sv-sig small{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:11.5px;color:var(--mid)}
.sv-sig>div{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:12px}
.sv-sig .sv-av{width:24px;height:24px;margin:0;flex:0 0 24px}
.sv-sig i{display:block;flex:1;height:7px;border-radius:6px;background:var(--tan2);max-width:50%}
.sv-sig em{margin-left:auto;padding:4px 9px;border-radius:100px;background:var(--ox);color:#fff;font-style:normal;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:11px;white-space:nowrap}
.sv-sig .s3 em{background:var(--oxl)}
.sv-sig .s1 em{background:var(--tan);color:var(--ink2)}
.hz-seo.sv-sig small{color:#B4ACA3}
.sv-card.sv-web-wide{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.sv-web-wide .sv-shot{height:auto;min-height:240px;border-bottom:0;border-right:1px solid var(--line)}
.sv-plus{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:28px;padding:26px 30px;border-radius:20px;background:var(--tan);border:1px solid var(--line);scroll-margin-top:84px}
.sv-plus .sv-plus-k{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ox)}
.sv-plus b{display:block;margin-top:8px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(19px,1.8vw,22px);line-height:1.2;letter-spacing:-.025em}
.sv-plus p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink2);max-width:68ch}
.wid-note{display:inline-block;margin-top:18px;padding:8px 14px;border-radius:100px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:13px;line-height:1.4;color:#B4ACA3}
@media (max-width:760px){
  .sv-card.sv-web-wide{display:flex}
  .sv-web-wide .sv-shot{height:180px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}
  .sv-sig>div{padding:6px 10px}
  .sv-plus{flex-direction:column;align-items:flex-start;gap:12px;margin-top:22px;padding:22px 20px}
  .mk-audit{font-size:14px;padding:12px 18px}
}
@media (max-width:370px){.mk-audit small{display:none}}