@font-face{font-family:"Space Grotesk";src:url(/assets/fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --ink:#0e0f0c;--lime:#c6f432;--paper:#f4f3ef;--white:#fff;
  --tile:#e7e6e0;--line:#e2e1db;--muted:#55554f;
  --on-dark:#d6d6cf;--on-dark-muted:#a9a9a2;--line-dark:rgba(255,255,255,.16);
  --display:"Space Grotesk",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;
  --r-sm:12px;--r:16px;--r-lg:24px;
  --ease:cubic-bezier(.16,1,.3,1);
  --gutter:80px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html:has(dialog[open]){overflow:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--lime);color:var(--ink)}
:focus-visible{outline:2px solid var(--lime);outline-offset:2px;box-shadow:0 0 0 4px var(--ink)}
[id]{scroll-margin-top:96px}

.only-m{display:none}
.wrap{max-width:1440px;margin:0 auto;padding-inline:var(--gutter)}
.skip{position:absolute;left:16px;top:-60px;z-index:50;background:var(--lime);color:var(--ink);padding:10px 16px;border-radius:8px}
.skip:focus{top:12px}

h1,h2,h3,.num{font-family:var(--display)}
h1{font-size:clamp(44px,6.12vw,88px);font-weight:600;line-height:.98;letter-spacing:-.025em}
h2{font-size:clamp(36px,3.9vw,56px);font-weight:600;line-height:1.02;letter-spacing:-.022em}
.h2-sm{font-size:clamp(30px,2.8vw,40px);line-height:1.1}
h3{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.lime{color:var(--lime)}
.label{font-size:14px;color:var(--muted);margin-bottom:12px}
.on-dark .label{color:var(--on-dark-muted)}
.lead{font-size:19px;line-height:1.56;color:var(--on-dark)}
.body{color:var(--muted)}
.text-link{font-weight:600;text-underline-offset:3px}

/* Buttons and pills */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 24px;border:1px solid transparent;border-radius:999px;font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;cursor:pointer;background:none;transition:background-color .2s,color .2s,border-color .2s,transform .2s var(--ease)}
.btn:active{transform:scale(.98)}
.btn--lg{min-height:58px;padding-inline:26px}
.btn--lime{background:var(--lime);color:var(--ink)}
.btn--lime:hover{background:#d6ff4d}
.btn--dark{background:var(--ink);color:#fff}
.btn--dark:hover{background:#2a2c26}
.btn--white{background:#fff;color:var(--ink)}
.btn--white:hover{background:var(--paper)}
.btn--ghost{border-color:var(--line-dark);color:#fff}
.btn--ghost:hover{border-color:#fff}
.btn .arrow{transition:transform .25s var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}

.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;background:var(--paper);font-size:14px;line-height:1.2}
.pill--outline{border:1px solid var(--line-dark);background:none;color:#fff}
.pill--white{background:#fff;min-height:38px;padding-inline:14px}
.pill--hero{min-height:40px;padding-inline:16px}

/* Placeholder media */
.ph{display:grid;place-items:center;padding:16px;text-align:center;font-size:14px;color:var(--muted);background:repeating-linear-gradient(135deg,var(--tile) 0 22px,var(--paper) 22px 44px)}
.ph--dark{color:var(--on-dark-muted);background:repeating-linear-gradient(135deg,#1a1c15 0 22px,#14150f 22px 44px);letter-spacing:.06em;text-transform:uppercase}

/* Header */
.header{position:sticky;top:0;z-index:20;background:var(--ink);color:#fff}
.header__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px}
.logo{display:inline-flex;align-items:center;gap:8px;font:700 22px/1 var(--display);letter-spacing:-.03em;text-decoration:none}
.logo::before{content:"";width:14px;height:14px;border-radius:4px;background:var(--lime)}
.logo--ink::before{background:var(--ink)}
.nav ul{display:flex;gap:28px}
.nav a{display:block;padding:8px 0;font-size:15px;font-weight:500;text-decoration:none;box-shadow:0 2px 0 transparent;transition:box-shadow .2s}
.nav a:hover,.nav a[aria-current]{box-shadow:0 2px 0 var(--lime)}
.header__cta{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.burger{display:none;width:44px;height:44px;padding:0;place-items:center;border:1px solid var(--line-dark);border-radius:50%;background:none;color:#fff;cursor:pointer}

/* Home hero */
.hero{background:var(--ink);color:#fff;padding-block:72px 88px}
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px}
.eyebrow{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted);margin-bottom:24px}
.hero .lead{max-width:600px;margin-top:32px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.stats{display:grid;gap:12px;align-self:end}
.stat{padding:30px 24px 24px;border:1px solid var(--line-dark);border-radius:var(--r)}
.stat .num{font-size:44px;font-weight:600;line-height:1.1;letter-spacing:-.03em}
.stat p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--on-dark)}
.hero .pills{margin-top:56px}
.hero__visual{display:none}

.hero-in>*{animation:rise .9s var(--ease) both}
.hero-in>:nth-child(2){animation-delay:70ms}
.hero-in>:nth-child(3){animation-delay:140ms}
.hero-in>:nth-child(4){animation-delay:210ms}
@keyframes rise{from{transform:translateY(18px)}to{transform:none}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.is-in{opacity:1;transform:none}

/* Logos */
.logos{border-bottom:1px solid var(--line);padding-block:40px}
.logos__in{display:flex;align-items:center;gap:40px}
.logos p{flex:none;font-size:14px;color:var(--muted)}
.logos ul{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;min-width:0}
.logos li{display:grid;place-items:center;height:48px;border-radius:10px;background:var(--tile);font-size:14px;color:var(--muted)}

/* Sections */
.section{padding-block:112px}
.section--tight{padding-block:0 112px}
.section--white{background:#fff}
.section--ink{background:var(--ink);color:#fff}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px}
.head h2{max-width:800px}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

/* Work */
.case{display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;overflow:hidden}
.case .ph{height:280px}
.case__body{flex:1;display:flex;flex-direction:column;padding:28px}
.case__tag{font-size:14px;color:var(--muted)}
.case h3{margin-top:14px;min-height:84px;font-size:24px;line-height:1.14}
.case__nums{display:flex;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.case__nums .num{font-size:28px;font-weight:600;line-height:1.2}
.case__nums p{font-size:14px;color:var(--muted)}
.case .text-link{margin-top:28px}

/* Process */
.process{display:grid;grid-template-columns:360px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"intro list" "quote list";column-gap:56px}
.process__intro{grid-area:intro}
.process__list{grid-area:list;border-top:1px solid var(--line)}
.process__quote{grid-area:quote;margin-top:40px;align-self:start;padding:24px;border-radius:var(--r);background:var(--paper)}
.process__intro .body{margin-top:24px;font-size:17px}
.process__quote p{font-size:17px}
.process__quote cite{display:block;margin-top:12px;font-size:14px;font-style:normal;color:var(--muted)}
.step{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:0 0;padding-block:28px 26px;border-bottom:1px solid var(--line)}
.step .num{font-size:20px;font-weight:600}
.step h3{font-size:22px}
.step p{margin-top:8px;max-width:560px;color:var(--muted)}
.check{display:inline-block;align-self:start;margin-left:24px;padding:6px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:500;white-space:nowrap}
.check--lime{background:var(--lime);color:var(--ink);font-weight:600}

/* Bands */
.band{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-inline:32px;padding:56px 48px;border-radius:var(--r-lg);background:var(--lime)}
.band h2{font-size:clamp(30px,3.05vw,44px);line-height:1.08}
.band-wrap{max-width:1440px;margin-inline:auto}
.cta{margin-inline:24px;padding:88px 72px;border-radius:var(--r-lg);background:var(--ink);color:#fff}
.cta h2{font-size:clamp(44px,5.4vw,80px);line-height:1;letter-spacing:-.025em}
.cta .lead{max-width:600px;margin-top:24px;font-size:18px}
.cta__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.cta--row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-block:88px}
.cta--row h2{font-size:clamp(40px,4.9vw,70px)}
.cta--row .lead{max-width:680px}
.cta--row .cta__btns{flex:none;margin:0}

/* Service cards */
.card{padding:32px;border-radius:var(--r-lg);background:#fff}
.card .label{margin-bottom:24px}
.card p.body{margin-top:16px}
.card .pills{margin-top:16px}
.card a.card__link{text-decoration:none}
.card a.card__link:hover h3{text-decoration:underline;text-underline-offset:4px}
.card--ink{grid-column:1/-1;background:var(--ink);color:#fff}
.card--ink p.body{color:var(--on-dark)}
.card--ink .label{color:var(--on-dark)}

/* Audience */
.who .ph{height:300px;border-radius:var(--r-lg)}
.who h3{margin-top:24px}
.who p{margin-top:16px;color:var(--muted)}

/* Pricing */
.plan{display:flex;flex-direction:column;padding:32px;border:1px solid var(--line-dark);border-radius:var(--r)}
.plan__top{display:flex;align-items:center;justify-content:space-between;min-height:32px}
.plan h3{font-size:22px}
.plan__price{margin-top:24px;font:700 54px/1.1 var(--display);letter-spacing:-.04em}
.plan__price small{font-size:18px;font-weight:500;color:var(--on-dark-muted);letter-spacing:-.02em}
.plan p{flex:1;margin-top:20px;color:var(--on-dark)}
.plan .btn{width:100%;margin-top:24px}
.plan--lime{border-color:var(--lime);background:var(--lime);color:var(--ink)}
.plan--lime .plan__price small,.plan--lime p{color:var(--ink)}
.badge{padding:4px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:500}

/* FAQ */
.faq{display:grid;grid-template-columns:320px minmax(0,1fr);gap:56px}
.faq__list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;gap:24px;padding-block:26px;font:600 22px/1.25 var(--display);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:600 22px/1.25 var(--display);transition:transform .25s var(--ease)}
.faq details[open] summary{padding-bottom:12px}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{max-width:620px;padding-bottom:26px;color:var(--muted)}

/* Footer */
.footer{margin-top:112px;border-top:1px solid var(--line);padding-block:56px 40px}
.footer__top{display:grid;grid-template-columns:1fr 220px 180px}
.footer .logo{font-size:24px;letter-spacing:-.01em}
.footer address{margin-top:18px;font-size:14px;font-style:normal;color:var(--muted)}
.footer h2{margin-bottom:16px;font:400 13px/1.4 var(--body);letter-spacing:0;color:var(--muted)}
.footer li{margin-bottom:15px}
.footer li a{font-size:15px;text-decoration:none}
.footer li a:hover,.footer__legal a:hover{text-decoration:underline;text-underline-offset:3px}
.footer__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.footer__legal a{text-decoration:none}

/* Services page */
.page-hero{padding-block:64px 80px}
.crumbs{font-size:14px;color:var(--on-dark);margin-bottom:24px}
.crumbs a{text-underline-offset:3px}
.page-hero h1{font-size:clamp(44px,5.75vw,83px)}
.page-hero .lead{max-width:640px;margin-top:32px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:56px}
.tile{display:block;padding:22px;border:1px solid var(--line-dark);border-radius:var(--r);text-decoration:none;transition:border-color .2s}
.tile:hover{border-color:#fff}
.tile span{font-size:14px;color:var(--on-dark)}
.tile strong{display:block;margin-top:8px;font:600 22px/1.25 var(--display)}
.tile--wide{grid-column:1/-1;border-color:var(--lime);background:var(--lime);color:var(--ink)}
.tile--wide:hover{background:#d6ff4d}
.tile--wide span{color:var(--ink)}

.svc{display:grid;grid-template-columns:minmax(0,1fr) 642px;gap:56px;align-items:start}
.svc--flip{grid-template-columns:642px minmax(0,1fr)}
.svc h2{max-width:530px;font-size:clamp(34px,3.5vw,50px);line-height:1.06}
.svc .body{max-width:530px;margin-top:20px;font-size:18px}
.svc .pills{margin-top:24px}
.svc .btn{margin-top:32px}
.svc__media{display:grid;gap:16px}
.svc__media .ph{height:280px;border-radius:var(--r-lg)}
.svc__media .ph--short{height:240px}
.get{padding:28px;border-radius:var(--r-lg);background:#fff}
.get h3{margin-bottom:16px;font:600 14px/1.4 var(--body);letter-spacing:.08em;color:var(--muted)}
.get li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding-block:12px;border-top:1px solid var(--line)}
.get li span{flex:none;font-size:14px;color:var(--muted)}
.divider{margin-block:72px;border:0;border-top:1px solid var(--line)}

.table-wrap{margin-top:32px;border-radius:var(--r-lg);background:#fff;overflow-x:auto}
.compare{width:100%;min-width:720px;border-collapse:collapse;font-size:15px}
.compare th,.compare td{padding:18px 24px;border-top:1px solid var(--line);text-align:left;font-weight:400}
.compare thead th{border-top:0;font:600 19px/1.3 var(--display)}
.compare tbody th{font-weight:500}
.compare mark{padding:2px 8px;border-radius:6px;background:var(--lime);color:var(--ink)}

.panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-inline:24px;padding:72px;border-radius:var(--r-lg)}
.panel--ink{background:var(--ink);color:#fff}
.panel--lime{background:var(--lime);align-items:center}
.panel h2{font-size:clamp(34px,3.5vw,50px);line-height:1.06}
.panel .body{margin-top:20px;font-size:18px}
.panel--ink .body{color:var(--on-dark)}
.panel--lime .body,.panel--lime .label{color:var(--ink)}
.panel .pills{margin-top:24px}
.panel .btn{margin-top:32px}
.mig-steps{border-top:1px solid var(--line-dark)}
.mig-steps li{display:grid;grid-template-columns:40px 1fr;padding-block:24px;border-bottom:1px solid var(--line-dark)}
.mig-steps .num{font-size:16px;font-weight:700;color:var(--lime)}
.mig-steps h3{font-size:20px}
.mig-steps p{margin-top:6px;color:var(--on-dark)}
.perks{display:grid;gap:12px}
.perks li{padding:16px 20px;border-radius:var(--r-sm);background:var(--ink);color:#fff;font-weight:500}
.perks .perks__cta{padding:0;background:none}
.perks .btn{width:100%;margin-top:0}

.cro{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cro .card{padding:28px}
.cro .card h3{font-size:22px}
.cro .card p.body{margin-top:12px}
.cro .card--wide{grid-column:1/-1}

.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.way{padding:32px;border:1px solid var(--line);border-radius:var(--r-lg)}
.way h3{font-size:22px}
.way__price{margin-top:20px;font:600 38px/1.15 var(--display);letter-spacing:-.03em}
.way__price small{font-size:16px;font-weight:500;color:var(--muted)}
.way p{margin-top:16px;color:var(--muted)}
.way--ink{border-color:var(--ink);background:var(--ink);color:#fff}
.way--ink p{color:var(--on-dark)}
.way--ink .way__price small{color:var(--on-dark-muted)}

/* Lead dialog */
.lead-dlg{width:min(1080px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 88px);padding:0;border:0;border-radius:28px;background:#fff;color:var(--ink);overflow:hidden}
.lead-dlg[open]{display:grid;grid-template-columns:380px minmax(0,1fr);animation:dlg .35s var(--ease)}
.lead-dlg::backdrop{background:rgba(14,15,12,.72)}
@keyframes dlg{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.dlg-aside{display:flex;flex-direction:column;padding:48px 40px 40px;background:var(--paper);overflow:auto}
.dlg-aside .eyebrow{margin:36px 0 12px;color:var(--muted)}
.dlg-aside h2{font-size:36px;line-height:1.08}
.ticks{display:grid;gap:15px;margin-top:28px}
.ticks li{display:grid;grid-template-columns:24px 1fr;gap:12px;line-height:1.45}
.ticks li::before{content:"\2713";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--lime);font-size:13px;font-weight:700}
.dlg-aside .pills{margin-top:28px}
.dlg-aside .pill{border:1px solid #cfcec7;background:none}
.dlg-contact{display:flex;gap:14px;margin-top:auto;padding-top:24px;border-top:1px solid var(--line);font-size:15px;line-height:1.45;color:var(--muted)}
.dlg-spacer{min-height:32px}
.dlg-contact .ph{flex:none;width:52px;height:52px;padding:0;border-radius:50%;font-size:10px}
.dlg-contact strong{display:block;color:var(--ink);font-weight:600}
.dlg-main{position:relative;max-height:calc(100dvh - 88px);padding:48px;overflow:auto}
.dlg-close{position:absolute;top:20px;right:20px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--paper);cursor:pointer;font-size:0}
.dlg-close:hover{background:var(--tile)}
.dlg-head{display:none}
.dlg-main>h2{font-size:28px;line-height:1.2}
.dlg-note{margin-top:8px;color:var(--muted);font-size:15px}
.form{margin-top:24px}
.form-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:22px}
.field label,.field legend,.field .flabel{display:block;margin-bottom:8px;padding:0;font-size:14px;font-weight:500}
fieldset.field{border:0;padding:0;min-width:0;margin-inline:0}
.field input[type=text],.field input[type=email],.field input[type=tel],.field textarea,.field select{display:block;width:100%;min-height:50px;padding:12px 14px;border:1px solid #cfcec7;border-radius:var(--r-sm);background:#fff;font-size:16px}
.field textarea{min-height:116px;resize:vertical}
.field ::placeholder{color:#74746c}
.field [aria-invalid=true]{border-color:#b3261e}
.err{margin-top:6px;font-size:14px;color:#b3261e}
.hint{margin:-4px 0 8px;font-size:14px;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip input{position:absolute;opacity:0;width:0;height:0}
.chip>span{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #cfcec7;border-radius:999px;font-size:15px;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.chip>span:hover{border-color:var(--ink)}
.chip input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}
.chip input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.hp{position:absolute;left:-9999px}
.form .btn{width:100%}
.form .btn[disabled]{opacity:.6;cursor:progress}
.form-status{margin-top:12px;font-size:15px;color:#b3261e}
.done h2{margin-top:32px;font-size:28px}
.done p{margin-top:12px;color:var(--muted)}

/* 404 */
.nf{min-height:70vh;display:grid;align-content:center;gap:24px;justify-items:start}

@media (max-width:1180px){
  :root{--gutter:40px}
  .nav ul{gap:18px}
  .hero__grid{grid-template-columns:minmax(0,1fr) 260px}
  .process{grid-template-columns:280px minmax(0,1fr);column-gap:40px}
  .step{grid-template-columns:48px minmax(0,1fr)}
  .check{grid-column:2;margin:12px 0 0;justify-self:start}
  .svc,.svc--flip{grid-template-columns:1fr 1fr;gap:40px}
  .panel{padding:48px;gap:40px}
  .faq{grid-template-columns:240px minmax(0,1fr)}
}

@media (max-width:980px){
  .header__in{grid-template-columns:1fr auto}
  .burger{display:grid}
  .nav{position:absolute;inset:100% 0 auto;display:none;padding:8px var(--gutter) 24px;background:var(--ink);border-top:1px solid var(--line-dark)}
  .nav.is-open{display:block}
  .nav ul{display:block}
  .nav a{padding:12px 0;font-size:18px;box-shadow:none}
  .hero__grid{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .logos__in{display:block}
  .logos p{margin-bottom:16px}
  .logos ul{display:flex;overflow-x:auto;gap:10px;padding-bottom:8px}
  .logos li{flex:0 0 110px;height:44px}
  .grid-3,.ways,.cro{grid-template-columns:1fr}
  .process{grid-template-columns:1fr;grid-template-areas:"intro" "list" "quote"}
  .process__list{margin-top:32px}
  .band,.cta--row{display:block}
  .band .btn,.cta--row .cta__btns{margin-top:28px}
  .faq{grid-template-columns:1fr;gap:32px}
  .tiles{grid-template-columns:1fr 1fr}
  .svc,.svc--flip,.panel{grid-template-columns:1fr}
  .svc--flip .svc__copy{order:-1}
  .plan--lime{order:-1}
  .footer__top{grid-template-columns:1fr 1fr;row-gap:32px}
  .footer__brand{grid-column:1/-1}
}

@media (max-width:640px){
  :root{--gutter:16px}
  .only-d{display:none}
  .only-m{display:inline}
  .header__in{min-height:68px}
  .logo{font-size:19px}
  .header .btn{min-height:44px;padding-inline:16px;font-size:15px}
  .hero{padding-block:48px}
  h1{font-size:clamp(36px,11.2vw,72px)}
  .eyebrow{font-size:13px;margin-bottom:12px}
  .hero .lead,.page-hero .lead{margin-top:16px;font-size:17px}
  .hero__cta{display:grid;margin-top:28px}
  .stats{margin-top:0}
  .hero__grid{gap:28px}
  .stat{padding:20px 16px 16px}
  .stat .num{font-size:34px}
  .stat p{font-size:14px;margin-top:4px}
  .hero .pills{margin-top:20px}
  .hero .pills .pill--extra{display:none}
  .hero__visual{display:grid;height:260px;margin-top:28px;border-radius:var(--r-lg)}
  .logos{padding-block:24px}
  .section{padding-block:64px}
  .section--tight{padding-block:0 64px}
  .head{display:block;margin-bottom:28px}
  .case .ph{height:200px}
  .case__body{padding:20px}
  .case h3{min-height:0}
  .step{grid-template-columns:40px minmax(0,1fr);padding-block:20px}
  .band{margin-inline:16px;padding:32px 24px}
  .band .btn{width:100%}
  .cta{margin-inline:16px;padding:40px 24px}
  .cta__btns{display:grid}
  .card{padding:24px}
  .who .ph{height:220px}
  .plan__price{font-size:46px}
  .faq summary{font-size:19px;padding-block:20px}
  .footer{margin-top:64px}
  .page-hero{padding-block:40px 56px}
  .tiles{margin-top:32px;grid-template-columns:1fr}
  .divider{margin-block:48px}
  .svc__media .ph,.svc__media .ph--short{height:200px}
  .panel{margin-inline:16px;padding:32px 24px}

  .lead-dlg{width:100vw;max-height:calc(100dvh - 48px);margin:auto 0 0;border-radius:24px 24px 0 0}
  .lead-dlg[open]{display:block}
  .dlg-aside{display:none}
  .dlg-main{max-height:calc(100dvh - 48px);padding:0 16px 24px}
  .dlg-head{position:sticky;top:0;z-index:1;display:block;margin-inline:-16px;padding:28px 72px 12px 16px;background:#fff;border-bottom:1px solid var(--line)}
  .dlg-head::before{content:"";position:absolute;top:10px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--tile)}
  .dlg-head .eyebrow{margin:0 0 4px;font-size:13px;color:var(--muted)}
  .dlg-head h2{font-size:24px}
  .dlg-close{position:sticky;top:20px;float:right;margin:20px 0 -64px;z-index:2}
  .dlg-main>h2,.dlg-note{display:none}
  .dlg-ticks{display:grid;gap:10px;margin:16px 0 20px;padding:16px;border-radius:var(--r-sm);background:var(--paper)}
  .form{margin-top:0}
  .form-2{display:block}
  .field-phone{display:none}
}
@media (min-width:641px){.dlg-ticks{display:none}}
@media (max-width:360px){.header .btn{display:none}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}