:root{--bg:#FAFAFA;--surface:#fff;--ink:#1f1f1f;--ink2:#3a3a3a;--muted:#6b6b6f;--line:#E7E7E9;--accent:#DB474E;--accent-ink:#fff;--good:#2f9a5c;--mid:#e0a020;--bad:#DB474E;--band:#3a3a3a;--band-ink:#FAFAFA;
--display:"General Sans","Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--body:"General Sans","Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--mono:var(--body)}
:root{--chip:#3a3a3d;--bg:#161617;--surface:#222224;--ink:#f2f2f2;--ink2:#e8e8e8;--muted:#a4a4a8;--line:#333336;--band:#0e0e0f;color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding-inline:max(20px,env(safe-area-inset-left,0px))}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.02;margin:0;letter-spacing:-.02em;color:var(--ink2)}
h1,h2,h3{color:var(--ink)}
h2{font-size:clamp(30px,4.6vw,54px);text-transform:uppercase}
h3{font-size:21px;font-weight:700;letter-spacing:-.01em}
p{margin:0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.eyebrow::before{content:"";width:28px;height:3px;background:var(--accent);border-radius:2px}
.muted{color:var(--muted)}
section{padding-block:clamp(56px,8vw,104px)}
.section-head{display:grid;gap:14px;max-width:780px;margin-bottom:40px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;cursor:pointer;font:600 15px/1 var(--body);letter-spacing:.04em;text-transform:uppercase;padding:18px 26px;border-radius:999px;background:var(--chip);color:#fff;text-decoration:none;box-shadow:0 10px 30px -8px rgba(219,71,78,.55);transition:transform .15s,background .15s}
.btn{background:var(--accent)}
.btn::after{content:"→";color:var(--accent);font-size:18px;line-height:1;transition:transform .15s}
.btn::after{color:#fff}
.btn:hover{transform:translateY(-1px)}.btn:hover::after{transform:translateX(3px)}
.btn.red{background:var(--accent)}.btn.red::after{color:#fff}
.btn:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.testbar{background:var(--accent);color:#fff;font:500 13px/1.4 var(--body);text-align:center;padding:7px 12px}
header.top{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:30}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.logo{font:800 28px/1 var(--display);letter-spacing:-.03em;color:var(--ink2);display:inline-flex;align-items:center}
.logo{color:var(--ink)}
.logo b{color:var(--accent);font-style:italic;margin-right:1px;transform:skewX(-8deg);display:inline-block}
.hdr-r{display:flex;gap:10px;align-items:center}
header.top .btn{padding:14px 20px;font-size:13px;box-shadow:none}

/* hero */
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-block:clamp(28px,4vw,48px)}
.hero h1{font-size:clamp(34px,4.6vw,58px);text-transform:uppercase}
.hero h1 em{font-style:normal;position:relative;z-index:0}
.hero h1 em{background:var(--accent);color:#fff;padding:.02em .18em .06em;margin-left:-.1em;border-radius:8px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.18}
.hero h1 .thin{display:block;font-weight:400;font-size:.62em;letter-spacing:-.01em;margin-top:.25em;text-transform:none}
.hero{overflow:hidden}
.hero-copy{display:grid;gap:26px;min-width:0}
.hero-copy .lede{font-size:19px;color:var(--muted);max-width:580px}
.cta-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.cta-note{font-size:13px;color:var(--muted)}
.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.proof div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}
.proof strong{display:block;font:800 26px/1.1 var(--display);letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}
.proof span{font-size:13px;color:var(--muted);line-height:1.35;display:block;margin-top:6px}
.grid-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:24px;display:grid;gap:16px;min-width:0;box-shadow:0 30px 60px -30px rgba(0,0,0,.25),0 0 0 8px color-mix(in srgb,var(--accent) 6%,transparent)}
.gc-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.gc-head b{color:var(--ink)}
.rankgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
.dot{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:700 12px/1 var(--body);color:#fff;transition:background-color .5s}
.dot.g{background:var(--good)}.dot.m{background:var(--mid)}.dot.b{background:var(--bad)}
.toggle{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px;justify-self:start}
.toggle button{border:0;background:transparent;color:var(--muted);font:600 13px/1 var(--body);padding:10px 16px;border-radius:999px;cursor:pointer}
.toggle button[aria-pressed=true]{background:var(--chip);color:#fff}
.avg{display:flex;align-items:baseline;gap:10px}.avg strong{font:800 36px/1 var(--display)}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}
/* pains: dark section like reference */
.dark{background:var(--band);color:var(--band-ink)}
.dark h2,.dark h3{color:#fff}.dark .muted{color:#c4c4c8}
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pain{background:var(--surface);color:var(--ink);border-radius:24px;padding:28px;display:grid;gap:12px;align-content:start}
.pain h3{color:var(--ink2)}.pain h3{color:var(--ink)}
.dark .pain .muted{color:var(--muted)}
.pain .ic{width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);display:grid;place-items:center;font-weight:800}
/* dima */
.band{background:var(--band);color:var(--band-ink)}
.band h2,.band h3{color:#fff}.band .muted{color:#c4c4c8}
.dima{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center}
.dima-copy{display:grid;gap:20px;min-width:0}
.dima-copy .big{font:800 clamp(56px,9vw,112px)/1 var(--display);letter-spacing:-.03em;color:var(--accent)}
.quote{font:700 24px/1.2 var(--display);text-transform:uppercase;border-left:4px solid var(--accent);padding-left:16px;color:#fff}
.awards{display:flex;flex-wrap:wrap;gap:10px}
.awards span{font:600 13px/1 var(--body);padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
/* audit */
.audit{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.sheet{background:#fff;color:#16181d;border-radius:20px;box-shadow:0 30px 60px -24px rgba(0,0,0,.35);padding:26px;transform:rotate(-1.5deg);min-width:0;border:1px solid var(--line)}
.sheet .sh-top{display:flex;justify-content:space-between;border-bottom:2px solid var(--accent);padding-bottom:10px;margin-bottom:14px;font-size:11px;color:#5d6470}
.sheet .sh-top b{font:800 20px var(--display)}.sheet .sh-top b i{color:var(--accent);font-style:italic}
.sheet h4{font:700 20px var(--display);margin:0 0 10px}
.sheet table{width:100%;border-collapse:collapse;font-size:12px}.sheet td{padding:8px 4px;border-bottom:1px solid #eee;vertical-align:top}
.pill{display:inline-block;padding:3px 9px;border-radius:999px;color:#fff;font-size:10.5px;font-weight:600}
.pill.g{background:#2f9a5c}.pill.m{background:#d99a12}.pill.b{background:#DB474E}
.blur{filter:blur(3.5px);user-select:none}
.checklist{display:grid;gap:16px}
.checklist div{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start}
.checklist .tick{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700}
/* cases */
.cases{display:grid;gap:28px}
.case{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:clamp(20px,3vw,36px);display:grid;gap:22px;min-width:0}
.case-head{display:flex;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;align-items:end}
.case-head .who{display:grid;gap:4px;min-width:0}
.case-stats{display:flex;gap:14px;flex-wrap:wrap}
.case-stats div{display:grid;gap:4px;max-width:240px;background:var(--bg);border-radius:18px;padding:14px 18px}
.case-stats strong{font:800 30px/1.05 var(--display);color:var(--accent);letter-spacing:-.02em}
.case-stats span{font-size:13px;color:var(--muted);line-height:1.35}
.maps{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.maps figure{margin:0;display:grid;gap:10px;min-width:0}
.maps img{width:100%;aspect-ratio:2/1.25;object-fit:cover;border-radius:16px;border:1px solid var(--line);display:block}
.maps figcaption{display:flex;justify-content:space-between;align-items:center;font:800 18px/1 var(--display)}
.tagb{font:600 11px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:999px;color:#fff}
.tagb.bad{background:var(--bad)}.tagb.good{background:var(--good)}
.results-note{margin-top:20px;font-size:14px;color:var(--muted);max-width:720px}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;display:grid;gap:12px;align-content:start}
.step .n{width:56px;height:56px;border-radius:50%;background:var(--chip);color:#fff;display:grid;place-items:center;font:800 22px var(--display)}
.step:nth-child(2) .n{background:var(--accent)}
.pilot{margin-top:20px;background:var(--band);color:#fff;border-radius:28px;padding:28px 32px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pilot h3{color:#fff}.pilot .muted{color:#c4c4c8}
.pilot div{display:grid;gap:6px;flex:1 1 320px;min-width:0}
.pilot .btn{background:var(--accent)}.pilot .btn::after{color:#fff}
/* faq */
.faq{display:grid;gap:12px;max-width:860px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px 24px}
.faq summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:var(--chip);color:#fff;display:grid;place-items:center;font-size:18px;line-height:1}
.faq details[open] summary::after{content:"–";background:var(--accent)}
.faq details p{margin-top:12px;color:var(--muted)}
.final .wrap{display:grid;gap:22px;justify-items:start}.final h2{max-width:820px}
.final .btn{background:var(--accent)}.final .btn::after{color:#fff}
footer{border-top:1px solid var(--line);padding-block:24px;font-size:13px;color:var(--muted)}
.sticky-cta{display:none}
/* quiz */
.overlay{position:fixed;inset:0;background:rgba(20,20,22,.6);backdrop-filter:blur(4px);z-index:50;display:grid;place-items:center;padding:16px}
.modal{background:var(--surface);color:var(--ink);width:100%;max-width:580px;max-height:100%;overflow-y:auto;border-radius:28px;padding:30px;display:grid;gap:18px;position:relative}
.modal h3{font-size:26px;text-transform:uppercase;color:var(--ink2)}.modal h3{color:var(--ink)}
.close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
.progress{height:6px;background:var(--line);border-radius:999px;overflow:hidden;margin-right:48px}
.progress i{display:block;height:100%;background:var(--accent);width:0;transition:width .3s;border-radius:999px}
.qcount{font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.options{display:grid;gap:10px}
.opt{display:flex;align-items:center;gap:12px;text-align:left;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:16px;padding:15px 18px;font:500 15px/1.3 var(--body);cursor:pointer}
.opt:hover{border-color:var(--ink2)}
.opt[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
.opt .box{width:20px;height:20px;border:1.5px solid var(--muted);border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px}
.opt[aria-pressed=true] .box{background:var(--accent);border-color:var(--accent);color:#fff}
.field{display:grid;gap:6px}.field label{font-size:13px;font-weight:600}
.field input,.field select{font:400 16px/1.3 var(--body);padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);width:100%}
.consent{font-size:12px;color:var(--muted)}
.state-list{display:grid;gap:4px;max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:16px;padding:6px;background:var(--bg)}
.state-opt{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;background:transparent;color:var(--ink);text-align:left;font:500 15px/1.2 var(--body);padding:11px 12px;border-radius:10px;cursor:pointer}
.state-opt small{font-size:12px;color:var(--muted)}
.state-opt:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.state-opt[aria-selected=true]{background:color-mix(in srgb,var(--accent) 12%,var(--surface));box-shadow:inset 0 0 0 1.5px var(--accent)}
.state-empty{padding:10px 12px;font-size:14px}
.qnav{display:flex;justify-content:space-between;gap:12px;align-items:center}
.linkbtn{border:0;background:transparent;color:var(--muted);font:500 14px var(--body);cursor:pointer;padding:8px 0}
.err{color:var(--bad);font-size:13px}.field input[aria-invalid=true]{border-color:var(--bad)}
.slots-days{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.slots-days button,.slots-times button{flex:none;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:14px;padding:10px 14px;font:500 14px/1.2 var(--body);cursor:pointer;text-align:center}
.slots-days button small{display:block;font-size:11px;color:var(--muted)}
.slots-days button[aria-pressed=true],.slots-times button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.slots-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.okmark{width:60px;height:60px;border-radius:50%;background:var(--good);color:#fff;display:grid;place-items:center;font-size:28px}
@media (max-width:860px){
.hero .wrap,.dima,.audit{grid-template-columns:1fr;gap:36px}
.pains,.steps{grid-template-columns:1fr}
.sheet{transform:none}
.sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
.sticky-cta .btn{width:100%;background:var(--accent)}.sticky-cta .btn::after{color:#fff}
footer{padding-bottom:96px}header.top .btn{display:none}
}
@media (max-width:640px){.maps{grid-template-columns:1fr}.proof{grid-template-columns:1fr}.hero h1 em{white-space:normal}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.sheet-img{margin:0;padding:14px;display:grid;gap:10px;overflow:hidden}.sheet-img img{width:100%;height:auto;display:block;filter:blur(4px);border-radius:10px;user-select:none;pointer-events:none}.sheet-img figcaption{font-size:12px;color:#5d6470;text-align:center}
.dima-fig{position:relative;border-radius:28px;padding:clamp(28px,4vw,48px);background:radial-gradient(circle at 85% 10%,rgba(219,71,78,.45),transparent 55%),rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);display:grid;gap:18px;overflow:hidden}
.dima-fig::after{content:"";position:absolute;left:0;bottom:0;height:6px;width:100%;background:var(--accent)}
.dima-fig .big{font:800 clamp(48px,6.4vw,84px)/.95 var(--display);letter-spacing:-.04em;color:#fff;white-space:nowrap}
.dima-fig p{color:#d6d6da;font-size:17px;max-width:360px}
@media (max-width:860px){.dima-fig .big{font-size:clamp(50px,15vw,80px)}}
.step .n{background:transparent;border:2px solid var(--accent);color:var(--accent)}
.step:nth-child(2) .n{background:var(--accent);color:#fff}
.dark,.band,.pilot{background:#0e0e0f}.pain{border:1px solid var(--line)}
.pilot{border:1px solid var(--line)}

.hero h1{font-size:clamp(34px,4.3vw,56px)}
.hero h1 em{white-space:nowrap}
.hero h1 .thin{font-size:.56em}
.hero-copy{gap:20px}.hero-copy .lede{font-size:17px}
@media (min-width:861px){.hero .wrap{grid-template-columns:1.2fr .8fr;gap:44px}}
.grid-card{padding:20px;gap:14px}
.hero-map img{width:100%;aspect-ratio:2/1.25;object-fit:cover;border-radius:16px;border:1px solid var(--line);display:block}
.mid-cta{margin-top:36px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.cases-band{background:radial-gradient(1200px 500px at 85% 0%,rgba(219,71,78,.14),transparent 60%),#232325;border-block:1px solid var(--line)}
.cases-band .case{background:#1b1b1d}
.cases-band .case-stats div{background:#262628}
.howto{background:#1b1b1d;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:16px;padding:16px 20px;margin-bottom:24px;max-width:820px}
.howto b{color:#fff}
.case{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:20px 36px}
.case .who{grid-column:1}.case .case-stats{grid-column:1;flex-direction:column}
.case .case-map{grid-column:2;grid-row:1/span 2;display:grid;gap:12px}
.case-stats div{max-width:none}
.case-stats div.lead strong{font-size:clamp(40px,5vw,60px)}
.case-map figure{margin:0;display:grid;gap:10px}
.case-map img{width:100%;aspect-ratio:2/1.25;object-fit:cover;border-radius:16px;border:1px solid var(--line);display:block}
.case-map figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 15px/1.2 var(--display)}
.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.faq-side{display:grid;gap:18px;justify-items:start;position:sticky;top:100px}
.faq{max-width:none}
.final-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center;gap:48px!important}
.final-copy{display:grid;gap:22px;justify-items:start}
.final-map{margin:0;display:grid;gap:10px}
.final-map img{width:100%;aspect-ratio:2/1.25;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.15);display:block;box-shadow:0 30px 60px -20px rgba(219,71,78,.35)}
.final-map figcaption{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#c4c4c8}
@media (max-width:860px){
.case{grid-template-columns:1fr}.case .case-map{grid-column:1;grid-row:auto}
.faq-wrap,.final-grid{grid-template-columns:1fr!important}.faq-side{position:static}
.hero h1 em{white-space:normal}
}
.tagb{white-space:nowrap}.case-map figcaption span:last-child{text-align:right}
@media (max-width:860px){.hero .wrap{gap:28px}.gc-head{flex-direction:column;gap:4px}}

.slots-msg{color:var(--muted);font-size:14px}.foot a{color:inherit}

.logo img{display:block;height:32px;width:auto}
@media(max-width:600px){.logo img{height:26px}}
.foot-logo{height:20px;width:auto;vertical-align:middle;margin-right:10px;opacity:.9}
.sheet .sh-top{align-items:center}.sheet .sh-logo{height:20px;width:auto;display:block}
.dima-left{display:grid;gap:18px;min-width:0}
.dima-photo{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:#1c1e22;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
@media (max-width:860px){.dima-photo{max-width:340px;margin:0 auto}}
.tzrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin:2px 0 12px}.tzrow select{background:var(--bg);color:var(--ink);border:1.5px solid var(--line);border-radius:10px;padding:7px 10px;font:500 14px var(--body)}