/* Backed landing page. Website V3 design language: paper, ink, one restrained blue,
   blue-green gradient panels, white cards, one night band. Tokens: TOKENS.md. */
:root{
 --paper:#f7f8f6;--white:#fff;--mist:#eef2f2;--ink:#12232e;--ink-2:#2f404a;--muted:#637079;--faint:#8f9ba2;--line:#e1e7e8;--line-2:#ccd6da;
 --blue:#2b5c79;--blue-2:#4a83a6;--blue-soft:#e7f0f5;--blue-ghost:#f2f7fa;--pick:#2f7a5b;--alert:#b5532f;
 --night:#10212b;--night-2:#172d3a;--night-3:#1f3a4a;--night-line:#2d4757;--night-text:#c4d3db;--night-accent:#a9cbe0;--night-label:#8fa9b8;
 --f-sans:"Inter Tight","Helvetica Neue",Arial,sans-serif;--f-serif:"Instrument Serif",Georgia,serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
 --shadow-card:0 1px 0 rgba(18,35,46,.04),0 12px 32px -14px rgba(18,35,46,.18);
 --shadow-lift:0 1px 0 rgba(18,35,46,.05),0 24px 60px -24px rgba(18,35,46,.28);
 --ease-out:cubic-bezier(.2,.7,.2,1);
 --grad-panel:radial-gradient(70% 90% at 20% 0%,rgba(174,207,226,.45),transparent 70%),radial-gradient(60% 80% at 100% 100%,rgba(200,226,214,.5),transparent 70%),#eef3f4;
 --grad-band:radial-gradient(60% 80% at 15% 20%,rgba(174,207,226,.55),transparent 70%),radial-gradient(50% 70% at 85% 30%,rgba(200,226,214,.6),transparent 70%),radial-gradient(70% 90% at 60% 100%,rgba(231,240,245,.9),transparent 70%),linear-gradient(180deg,#eef4f6,#f6f8f6);
 --r-card:22px;--r-panel:26px;--r-band:32px;--r-btn:10px;
 color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--blue-2);outline-offset:3px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-60px;z-index:50;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:1200px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:700px){.wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}

/* type */
h1,h2,h3{font-weight:400;margin:0}
.serif{font-family:var(--f-serif);font-style:italic;font-weight:400;color:var(--blue);letter-spacing:-.01em}
h2{font-size:clamp(34px,4.2vw,54px);line-height:1.05;letter-spacing:-.035em;text-wrap:balance}
.eyebrow{font-family:var(--f-sans);font-size:15px;font-weight:500;color:var(--blue);display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 22px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue-2);flex:none}
.label{font:500 12px/1 var(--f-mono);letter-spacing:.02em;color:var(--blue);margin:0 0 16px}
.sub{font-size:17px;line-height:1.6;color:var(--muted);max-width:620px;margin:18px 0 0}
.lede{font-size:18px;line-height:1.65;color:var(--muted);max-width:690px;margin:0 auto}
.src{font-family:var(--f-mono);font-size:10.5px;line-height:1.6;color:var(--faint);margin:20px auto 0;letter-spacing:.02em;max-width:900px;text-align:center}

/* header */
.head{position:sticky;top:0;z-index:30;background:rgba(247,248,246,.86);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid rgba(204,214,218,.55)}
.nav{height:72px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand img{height:22px;width:auto}
.brand.small img{height:18px}
.wordmark{font-size:24px;font-weight:600;letter-spacing:-.035em;line-height:1;color:var(--ink)}
.wordmark::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue-2);margin-left:3px}
.brand.has-logo .wordmark{font-family:var(--f-serif);font-style:italic;font-weight:400;font-size:27px;letter-spacing:-.01em;color:var(--blue);transform:translateY(-1px)}
.brand.has-logo .wordmark::after{display:none}
.brand.small .wordmark{font-size:20px}.brand.small.has-logo .wordmark{font-size:22px}
.nav .links{margin-left:auto;display:flex;gap:26px;font-size:14px;color:var(--muted)}
.nav .links a{text-decoration:none}.nav .links a:hover{color:var(--ink)}

/* buttons: navy with an arrow */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 22px;border-radius:var(--r-btn);border:1px solid var(--ink);background:var(--ink);color:#fff;font:inherit;font-size:15px;font-weight:500;letter-spacing:-.005em;text-decoration:none;cursor:pointer;min-height:48px;transition:background 200ms,transform 200ms var(--ease-out),border-color 200ms}
.btn:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-1px)}
.btn .arr{font-size:16px;transition:transform 200ms var(--ease-out)}
.btn:hover .arr{transform:translate(2px,-2px)}
.btn.ghost{background:var(--white);color:var(--ink);border-color:var(--line-2)}
.btn.ghost:hover{border-color:var(--ink);background:var(--white)}
.btn.light{background:#fff;color:var(--ink);border-color:#fff}.btn.light:hover{background:var(--blue-soft);border-color:var(--blue-soft)}
.btn.outline{background:transparent;color:#fff;border-color:#35566b}.btn.outline:hover{border-color:#fff;background:transparent}
.btn.sm{padding:10px 16px;font-size:13.5px;gap:10px;min-height:40px}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}
.alt{font-size:14px;color:var(--blue);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2)}
.alt:hover{text-decoration-color:var(--blue)}

/* hero */
.hero{padding-block:72px 0;text-align:center}
.hero h1{font-size:clamp(42px,6.2vw,88px);line-height:.98;letter-spacing:-.055em;margin:0 auto 22px;max-width:1000px;text-wrap:balance}
.hero h1 .serif{display:inline-block}
.hero h1 .serif{letter-spacing:-.02em}
.actions{display:flex;gap:10px 18px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.under{font-size:13.5px;color:var(--muted);margin:14px 0 0}
.band{margin-top:56px;border-radius:var(--r-band);padding:34px;background:var(--grad-band)}
.stage{background:var(--white);border:1px solid rgba(255,255,255,.7);border-radius:var(--r-card);box-shadow:0 30px 80px -40px rgba(18,35,46,.35);padding:22px;text-align:left}
.stage-top{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;padding:2px 4px 18px;border-bottom:1px solid var(--line)}
.stage-top b{font-weight:600}
.stage-top span{font-family:var(--f-mono);font-size:11.5px;color:var(--muted);letter-spacing:.03em}
.chip{font-family:var(--f-sans)!important;font-size:12.5px!important;letter-spacing:0!important;border-radius:999px;padding:5px 11px;background:var(--blue-soft);color:var(--blue)!important}
.samples{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vid{position:relative;display:block;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:var(--night)}
.vid video{display:block;width:100%;height:100%;object-fit:contain;background:var(--night)}
.vid-btn{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.vid-btn:focus-visible{outline:2px solid var(--blue-2);outline-offset:-2px}
.vid .play{transition:opacity .2s}
.vid.playing .play{opacity:0}
.vid-btn::after{position:absolute;left:8px;bottom:8px;font:500 11px/1 var(--f-sans);color:#fff;background:rgba(16,33,43,.72);border-radius:999px;padding:6px 9px;white-space:nowrap;opacity:0;transition:opacity .2s}
.vid.playing .vid-btn::after{content:"Tap for sound";opacity:1}
.vid.playing.sound .vid-btn::after{content:"Sound on"}
.play{position:absolute;left:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.play::after{content:"";position:absolute;left:13px;top:10px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent var(--ink)}

/* trusted-by row (renders only when TRUSTED_LOGOS in brand.js has entries) */
.trust{padding-block:56px 0;text-align:center}
.trust p{font-size:13px;color:var(--muted);margin:0 0 22px}
.logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px 56px}
.logos img{max-height:26px;max-width:128px;object-fit:contain;filter:grayscale(1) contrast(.9);opacity:.66}

/* sections */
.sec{padding-block:80px}
.sec.white{background:var(--white)}
.sec-head{text-align:center;margin:0 auto 40px;max-width:820px}
.sec-head .sub{margin-inline:auto}

/* hero offer terms: the three things a visitor must see before scrolling */
.terms{list-style:none;margin:30px auto 0;padding:0;max-width:880px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-card);text-align:left;overflow:hidden}
.terms li{padding:18px 22px 18px 50px;position:relative;border-left:1px solid var(--line)}
.terms li:first-child{border-left:0}
.terms li::before{content:"";position:absolute;left:20px;top:21px;width:18px;height:18px;border-radius:50%;background:var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.6 2.5L13 6.4' fill='none' stroke='%232b5c79' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.terms b{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.terms span{display:block;margin-top:3px;font-size:14px;line-height:1.4;color:var(--muted)}

/* how it works: the checklist */
.checklist{list-style:none;margin:0 auto;padding:0;max-width:980px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checklist li{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:start;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px 22px}
.checklist li::before{content:"";grid-row:span 2;width:24px;height:24px;margin-top:1px;border-radius:7px;background:var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.4l3.4 3.3L17.2 8.6' fill='none' stroke='%232b5c79' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/24px no-repeat}
.checklist .k{font:500 11.5px/1.4 var(--f-mono);letter-spacing:.02em;color:var(--blue)}
.checklist li > div{grid-column:2}
.checklist h3{font-size:19px;font-weight:500;letter-spacing:-.02em;line-height:1.25;margin:0 0 4px}
.checklist p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.checklist li.hi{background:var(--night);border-color:var(--night);color:#fff}
.checklist li.hi::before{background-color:var(--night-3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.4l3.4 3.3L17.2 8.6' fill='none' stroke='%23a9cbe0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.checklist li.hi .k{color:var(--night-accent)}.checklist li.hi p{color:var(--night-text)}

/* night band: the deal */
.night{background:var(--night);color:#f2f6f7;padding-block:88px}
.night .src{text-align:left;margin:16px 0 0;color:var(--night-label)}
.night .label{color:var(--night-label)}
.night .sub{color:var(--night-text)}
.night .serif{color:var(--night-accent)}
.path{background:var(--night-2);border:1px solid var(--night-line);border-radius:var(--r-card);padding:30px;display:flex;flex-direction:column}
.tag{font:500 12px/1 var(--f-mono);letter-spacing:.02em;color:var(--night-accent);margin:0 0 14px}
.path h3{font-size:28px;letter-spacing:-.025em;line-height:1.1;margin-bottom:18px}
.path dl{margin:0 0 24px;flex:1}
.path dl div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--night-line)}
.path dt{font-weight:500}.path dd{margin:0;color:var(--night-text)}
.path .btn{align-self:flex-start}
.deal{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;max-width:1040px;margin:0 auto}
.contrast{border:1px solid var(--night-line);border-radius:var(--r-card);padding:30px;display:flex;flex-direction:column}
.contrast-h{font-size:clamp(26px,2.6vw,34px);line-height:1.1;letter-spacing:-.03em;margin:0 0 22px;text-wrap:balance}
.contrast-stat{border-top:1px solid var(--night-line);padding-top:20px;margin-top:auto}
.vs{width:100%;border-collapse:collapse;margin:0 0 28px;font-size:15px}
.vs th,.vs td{text-align:left;padding:11px 8px 11px 0;border-top:1px solid var(--night-line);font-weight:400;vertical-align:top}
.vs thead th{border-top:0;padding-top:0;font:500 12px/1.3 var(--f-mono);letter-spacing:.02em;color:var(--night-label)}
.vs tbody th{color:var(--night-text)}
.vs td{color:var(--night-text)}
.vs td:last-child{color:#fff;font-weight:600}
.contrast-stat b{display:block;font-size:48px;font-weight:400;letter-spacing:-.04em;line-height:1}
.contrast-stat p{margin:10px 0 0;color:var(--night-text);font-size:15px}

/* apply: gradient panel with the form card */
.applywrap{display:grid;grid-template-columns:1fr 460px;gap:48px;align-items:start;border-radius:var(--r-band);padding:48px;background:var(--grad-band);outline:none}
.applycopy h2{margin-bottom:4px}
.applycopy .sub{max-width:520px}
.next{list-style:none;margin:32px 0 0;padding:0;counter-reset:n;max-width:520px}
.next li{counter-increment:n;display:grid;grid-template-columns:40px 1fr;gap:2px 12px;padding:16px 0;border-top:1px solid var(--line-2)}
.next li::before{content:"0" counter(n);grid-row:span 2;font-family:var(--f-mono);font-size:12px;color:var(--blue);padding-top:3px}
.next b{font-weight:500}.next span{color:var(--muted);font-size:15px}

/* form */
form,.done{background:var(--white);color:var(--ink);border-radius:var(--r-card);padding:26px;display:grid;gap:14px;box-shadow:var(--shadow-lift)}
.done{outline:none}
label{font-size:13px;font-weight:600;color:var(--ink-2);display:grid;gap:6px}
input,select{font:inherit;font-size:16px;border:1px solid var(--line-2);border-radius:var(--r-btn);padding:11px 12px;background:var(--white);color:var(--ink);min-height:48px;width:100%;appearance:none;-webkit-appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
input:focus,select:focus{border-color:var(--blue-2);outline:2px solid var(--blue-soft);outline-offset:0}
input[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--alert)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* sign-up: two screens inside the form card */
.step{display:grid;gap:14px}
.types-h{font-size:22px;letter-spacing:-.02em;line-height:1.2}
.types{border:0;margin:0;padding:0;display:grid;gap:10px}
.type{border:1px solid var(--line-2);border-radius:14px;padding:10px;transition:border-color .2s,background .2s}
.type:has(input:checked){border-color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue)}
.type-pick{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:start;cursor:pointer;font-weight:600;font-size:14.5px;color:var(--ink);padding:4px 4px 10px}
.type-pick input{width:18px;height:18px;min-height:0;margin:2px 0 0;padding:0;accent-color:var(--blue);appearance:auto;-webkit-appearance:auto}
.type-text small{display:block;font-weight:400;font-size:12.5px;color:var(--muted);margin-top:2px}
.ai-tag{font:500 10.5px/1 var(--f-mono);letter-spacing:.02em;color:var(--blue);background:var(--white);border:1px solid var(--blue-soft);border-radius:999px;padding:5px 8px;white-space:nowrap}
.type-ads{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.type-ads .vid{border-radius:10px}
.type-ads .play{width:28px;height:28px;left:7px;bottom:7px}.type-ads .play::after{left:11px;top:8px;border-width:6px 0 6px 9px}
.back{background:none;border:0;padding:4px 0;font:inherit;font-size:14px;color:var(--blue);cursor:pointer;justify-self:center}
.done #thanks{font-size:24px;line-height:1.25;letter-spacing:-.02em}
.step2 .btn{width:100%;margin-top:2px}
.step2 .free-audit{color:var(--ink);font-size:17px;font-weight:500;margin-top:6px}
.step2 .talk-first{color:var(--ink);background:var(--blue-ghost);border:1px solid var(--blue-soft);border-radius:12px;padding:12px 14px;font-size:15px}
.step2 a:not(.btn){color:var(--blue)}
.mock-note{font-family:var(--f-mono);font-size:11px;color:var(--faint)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form .btn{width:100%;margin-top:4px}
.done .btn{justify-self:stretch}
.fine{font-size:12.5px;color:var(--muted);margin:0}
.fine a{color:var(--ink-2)}
.err{font-size:13.5px;color:var(--alert);margin:0}
.done .k{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--pick)}
.done h3{font-size:30px;letter-spacing:-.025em}
.done p{margin:0;color:var(--muted)}

/* fit + faq + close */
.fit{list-style:none;margin:-20px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.fit li{font-size:14px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.faq{max-width:820px;margin:40px auto 0;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 2px;font-size:18px;font-weight:500;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:400 22px/1 var(--f-sans);color:var(--blue);transition:transform 200ms var(--ease-out)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--blue)}
.faq details p{margin:0;padding:0 2px 22px;color:var(--muted);font-size:16px;max-width:680px}
.close{margin-top:80px;background:var(--grad-band);border-radius:34px;padding:80px 32px 72px;text-align:center}
.close h2{font-size:clamp(36px,5vw,64px);letter-spacing:-.045em;line-height:1.02;max-width:900px;margin:0 auto}

footer{border-top:1px solid var(--line)}
footer .wrap{padding-block:28px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;font-size:14px;color:var(--muted)}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}

/* privacy page */
.legal{padding-block:72px 112px}
.legal .wrap{max-width:760px}
.legal h1{font-size:clamp(36px,5vw,56px);line-height:1.04;letter-spacing:-.04em;margin:0 0 12px;text-wrap:balance}
.legal .updated{font-family:var(--f-mono);font-size:11.5px;color:var(--faint);margin:0 0 40px}
.legal .card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);padding:8px 32px 28px;box-shadow:var(--shadow-card)}
.legal h2{font-size:22px;letter-spacing:-.02em;font-weight:500;margin:28px 0 10px}
.legal p,.legal li{color:var(--ink-2);font-size:16px;line-height:1.65}
.legal p{margin:0 0 12px}
.legal ul{margin:0 0 12px;padding-left:20px}
.legal li{margin-bottom:8px}
.legal a{color:var(--blue)}

@media (max-width:900px){
 .samples{grid-template-columns:repeat(3,1fr)}
 .applywrap,.deal{grid-template-columns:1fr}
 .nav .links{display:none}
 .nav .links + .btn{margin-left:auto}
 .applywrap{gap:28px;padding:32px}
 .sec{padding-block:56px}
 .night{padding-block:88px}
 .close{margin-top:64px;padding:64px 20px 56px;border-radius:24px}
}
@media (max-width:600px){
 .nav{height:62px}
 .checklist{grid-template-columns:1fr;gap:8px}.checklist li{padding:16px 16px;gap:2px 12px}.checklist h3{font-size:17px}.checklist p{font-size:14.5px}
 .terms{grid-template-columns:1fr;margin-top:22px}.terms li{border-left:0;border-top:1px solid var(--line);padding:12px 14px 12px 44px}.terms li:first-child{border-top:0}.terms li::before{left:14px;top:14px}.terms b{font-size:16.5px}.terms span{font-size:13.5px}
 .faq summary{font-size:16.5px;padding:17px 2px}
 .contrast{padding:22px}
 .samples{gap:8px;margin-top:14px}.samples .vid{border-radius:10px}
 .vid-btn::after{left:6px;bottom:6px;font-size:10px;padding:5px 7px}
 .band{padding:12px;border-radius:20px;margin-top:40px}
 .stage{padding:14px;border-radius:16px}
 .stage-top{padding:2px 2px 14px}
 .stage-top > div b,.stage-top > div span{display:block}.stage-top > div span{margin-top:4px}
 .play{width:28px;height:28px;left:7px;bottom:7px}.play::after{left:11px;top:8px;border-width:6px 0 6px 9px}
 .hero{padding-top:36px}
 .hero h1{font-size:40px;margin-bottom:16px}
 .hero h1 .serif{display:inline}
 .hero .lede{font-size:15.5px;line-height:1.55}
 .hero .lede,.sub{font-size:16px}
 .eyebrow{font-size:13px;margin-bottom:16px}
 .actions{margin-top:20px}
 .actions .btn{width:100%}
 .two{grid-template-columns:1fr}
 .path{padding:22px}.path dl div{grid-template-columns:1fr;gap:4px}.path .btn{align-self:stretch}
 .applywrap{padding:14px;border-radius:20px}
 .applycopy{padding:10px 6px 0}
 .applycopy .next{display:none}
 form,.done{padding:20px}
 .brand img{height:19px}.brand.has-logo .wordmark{font-size:24px}
 .legal .card{padding:4px 20px 20px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* free-audit link in the hero (secondary to Sign up) */
.actions .hero-alt{align-self:center;font-size:15px;padding:12px 6px}

/* sample audit: home preview + /sample-audit page */
.aud-ads{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.aud-ads-3{grid-template-columns:repeat(3,1fr);max-width:820px;margin:0 auto}
.aud-ad{margin:0;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-card)}
.aud-ad img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--mist)}
.aud-ad figcaption{padding:12px 14px 14px;display:grid;gap:2px;font-size:13.5px;color:var(--muted)}
.aud-ad figcaption b{color:var(--ink);font-weight:500;font-size:15px}
.aud-rank{font:500 11px/1 var(--f-mono);color:var(--faint);margin-bottom:4px}
.aud-share{color:var(--blue);font-weight:600}
.aud-why{text-align:center;font-size:18px;color:var(--ink-2);margin:28px auto 0;max-width:680px}
.aud-links{text-align:center;margin:14px 0 0}
.aud{padding-block:64px 112px}
.aud h1{font-size:clamp(40px,6vw,76px);line-height:1;letter-spacing:-.05em;margin:0 0 14px}
.aud .sub{margin:0 0 10px;max-width:700px}
.aud-permission{font:500 12px/1.4 var(--f-mono);color:var(--blue);margin:0 0 32px}
.aud-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:56px}
.aud-block{margin-bottom:40px}
.aud-block h2{font-size:clamp(28px,3vw,40px);margin-bottom:20px}
.aud-list{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--ink-2);font-size:16px}
.aud-list li::marker{color:var(--blue-2)}
.aud-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.aud-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);padding:24px;box-shadow:var(--shadow-card)}
.aud-sum{color:var(--muted);margin:0 0 14px}
.aud-items{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.aud-items li{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:start}
.aud-items img{width:56px;height:70px;object-fit:cover;border-radius:8px;background:var(--mist)}
.aud-items b{font-weight:500}
.aud-pct{font-size:12.5px;color:var(--blue);margin-left:6px}
.aud-items p{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.aud-cta{margin-top:40px}
.aud-placeholder{background:#b5532f;color:#fff;text-align:center;font:600 13px/1 var(--f-mono);padding:10px}
.done #thanks.after-connect{font-size:17px;line-height:1.4;color:var(--muted);font-weight:400}
@media (max-width:900px){.aud-ads{grid-template-columns:repeat(3,1fr)}.aud-two{grid-template-columns:1fr}.aud-stats{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.aud-ads{grid-template-columns:1fr 1fr}.aud-ads-3{grid-template-columns:repeat(3,1fr);gap:8px}.aud-ads-3 figcaption{padding:8px;font-size:11.5px}.aud-ads-3 figcaption b{font-size:12.5px}.actions .hero-alt{width:100%;text-align:center}}
.aud-noimg{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:var(--grad-panel);color:var(--muted);font:500 12px/1 var(--f-mono)}
.step2 .data-use{color:var(--ink-2);font-size:14.5px;line-height:1.5;margin:2px 0 0}

/* CRO pass 10-26: step counter in the form, reassurance under submit, "Built for" label,
   sign-up moved up under the hero, CTA after how-it-works */
.stepno{margin:0 0 2px;font-size:12.5px;color:var(--muted)}
.stepno b{font-weight:600;color:var(--blue)}
.fine.center{text-align:center}
.apply-sec{padding-block:56px}
.checklist + .actions{margin-top:36px}
.fit-h{text-align:center;font:500 12px/1 var(--f-mono);letter-spacing:.02em;color:var(--blue);margin:-20px 0 12px}
.fit-h + .fit{margin-top:0}
@media (max-width:600px){
 .apply-sec{padding-block:48px 64px}
 .applycopy h2{font-size:34px}
}
/* ad-type cards: smaller samples so the submit button stays in reach on a phone */
.type-ads{grid-template-columns:repeat(2,minmax(0,132px))}
@media (max-width:600px){.type-ads{grid-template-columns:repeat(2,minmax(0,104px))}.applycopy .sub{font-size:15px}}
/* after sign-up: the call link is the next step, so it reads as a button */
.talk-link{display:grid;gap:10px;font-size:14px}
.talk-link a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid var(--line-2);border-radius:var(--r-btn);color:var(--ink)!important;font-size:15px;font-weight:500;text-decoration:none}
.talk-link a:hover{border-color:var(--ink)}
footer .foot-links a{display:inline-block;padding-block:12px}
@media (max-width:600px){
 .type-pick{grid-template-columns:20px 1fr;padding-bottom:8px}
 .type-pick .ai-tag{grid-column:2;justify-self:start}
 .type-ads{grid-template-columns:repeat(2,minmax(0,88px));padding-left:34px}
}
.lede,.under,.sub{text-wrap:pretty}