@font-face{font-family:Geologica;src:url('assets/geologica-cyr.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geologica;src:url('assets/geologica-lat.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Onest;src:url('assets/onest-cyr.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;src:url('assets/onest-lat.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#140e21;--glow:#332040;--text:#f4ecff;--muted:#bdaacb;--accent:#d5b2f9;--surface:#21172e;--raised:#2d1f3c;--line:#80609566;--line-solid:#6b5280;--button:#cda6f2;--ink:#281537;--warn:#ffb4a8;--good:#b9f0c8;color-scheme:dark}
:root[data-theme=cobalt]{--bg:#081725;--glow:#143b68;--text:#edf7ff;--muted:#a3bad1;--accent:#9ed8ff;--surface:#0e2438;--raised:#153450;--line:#45647f99;--line-solid:#45647f;--button:#a8dcff;--ink:#062646;--warn:#ffc2b0;--good:#b5f0d4}
:root[data-theme=bureau]{--bg:#f4f8fc;--glow:#e4effb;--text:#142c48;--muted:#526981;--accent:#1769b6;--surface:#ffffff;--raised:#eaf2fb;--line:#b5cbe0;--line-solid:#b5cbe0;--button:#1769b6;--ink:#fff;--warn:#a5321c;--good:#176b3a;color-scheme:light}
:root[data-theme=sport]{--bg:#0c0c0c;--glow:#1c1c1c;--text:#fff;--muted:#9a9a9a;--accent:#e8ff2b;--surface:#141414;--raised:#1d1d1d;--line:#3a3a3a;--line-solid:#4a4a4a;--button:#e8ff2b;--ink:#0c0c0c;--warn:#ff9c8a;--good:#e8ff2b}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg) radial-gradient(ellipse 90% 520px at 50% 0,var(--glow),transparent 70%) no-repeat;color:var(--text);font:16px/1.55 Onest,Arial,sans-serif;-webkit-text-size-adjust:100%}
h1,h2,h3,p,ol,ul,dl,dd,figure,blockquote{margin:0;padding:0}ol,ul{list-style:none}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.skip{position:absolute;top:-80px;left:16px;background:var(--raised);padding:12px}.skip:focus{top:12px;z-index:9}
.page{width:min(100% - 32px,680px);margin:auto;padding:44px 0 72px;display:flex;flex-direction:column;gap:64px}

.topnav{position:fixed;inset:0 0 auto 0;z-index:8;padding-top:env(safe-area-inset-top,0px);transition:background .3s,box-shadow .3s,border-color .3s;border-bottom:1px solid transparent;animation:navIn .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes navIn{from{transform:translateY(-100%);opacity:0}}
.topnav.scrolled{background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border-bottom-color:var(--line);box-shadow:0 10px 30px #00000033}
.topnav-in{width:min(100% - 32px,1120px);margin:auto;height:62px;transition:height .3s}
.topnav.scrolled .topnav-in{height:52px}
.topnav-brand{flex:none;font-size:15px}

.brand-mark{flex:none;fill:var(--accent)}
.brand img,.brand-mark{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
a.brand:hover :is(img,.brand-mark),a.brand:focus-visible :is(img,.brand-mark){transform:rotate(-12deg) scale(1.12)}
a.brand:active :is(img,.brand-mark){transform:rotate(-24deg) scale(.94);transition-duration:.12s}
a.brand .ai{transition:text-shadow .3s}a.brand:hover .ai{text-shadow:0 0 14px var(--accent)}
.topnav-links{position:relative;display:flex;align-items:center;gap:2px;margin:0 auto;padding:4px;min-width:0;overflow-x:auto;scrollbar-width:none;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 70%,transparent)}
.topnav-links::-webkit-scrollbar{display:none}
.topnav-links a{position:relative;z-index:1;flex:none;padding:7px 13px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.3;color:var(--muted);white-space:nowrap;transition:color .25s}
.topnav-links a:hover{color:var(--text)}
.topnav-links a[aria-current]{color:var(--ink)}
.topnav-pill{position:absolute;left:0;top:4px;bottom:4px;width:0;border-radius:999px;background:var(--button);opacity:0;box-shadow:0 0 18px color-mix(in srgb,var(--button) 45%,transparent);transition:transform .45s cubic-bezier(.3,1.3,.5,1),width .45s cubic-bezier(.3,1.3,.5,1),opacity .25s}
.topnav-cta{flex:none;align-items:center;gap:8px;position:relative;overflow:hidden;min-height:38px;padding:8px 15px;border-radius:999px;background:var(--button);color:var(--ink);font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}
.topnav-cta svg{width:16px;height:16px;fill:currentColor;transition:transform .3s}
.topnav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--button) 40%,transparent)}.topnav-cta:hover svg{transform:translate(2px,-2px)}
.topnav-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffffff8c 50%,transparent 65%);transform:translateX(-120%);animation:shine 5s ease-in-out 2s infinite}
@keyframes shine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.topnav-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;opacity:0;transition:opacity .3s}
.topnav.scrolled .topnav-progress{opacity:1}
.page{padding-top:calc(84px + env(safe-area-inset-top,0px))}
section[id],.hero{scroll-margin-top:76px}
:root[data-theme=sport] .topnav-links,:root[data-theme=sport] .topnav-links a,:root[data-theme=sport] .topnav-pill,:root[data-theme=sport] .topnav-cta{border-radius:4px}
:root[data-theme=bureau] .topnav.scrolled{box-shadow:0 10px 30px #0626461a}

.topnav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;border:1px solid var(--line-solid);border-radius:12px;background:color-mix(in srgb,var(--surface) 70%,transparent);cursor:pointer;justify-self:end;transition:border-color .2s,background .2s}
.topnav-burger span{display:block;height:2px;border-radius:1px;background:var(--text);transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s,width .3s}
.topnav-burger span:nth-child(2){width:70%}
.topnav-burger:hover{border-color:var(--accent)}.topnav-burger:hover span:nth-child(2){width:100%}
.topnav.open .topnav-burger{border-color:var(--accent)}
.topnav.open .topnav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.topnav.open .topnav-burger span:nth-child(2){opacity:0}
.topnav.open .topnav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.topnav[data-fit="3"] .topnav-burger{display:flex}
.topnav[data-fit="3"] .topnav-in{grid-template-columns:1fr auto auto;column-gap:10px}
.topnav[data-fit="3"][data-nav] .topnav-pill{display:none}
.topnav[data-fit="3"] .topnav-mid{position:absolute;left:0;right:0;top:100%;padding:0 12px;pointer-events:none}
.topnav[data-fit="3"][data-nav] .topnav-links{flex-direction:column;align-items:stretch;gap:0;width:min(100%,420px);margin-left:auto;padding:8px;border-radius:18px;border:1px solid var(--line-solid);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px #00000066;counter-reset:nav;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transform-origin:top right}

.topnav.ready[data-fit="3"][data-nav] .topnav-links{transition:opacity .22s,transform .3s cubic-bezier(.2,.7,.2,1),visibility .22s}
.topnav:not([data-fit]) .topnav-links,.topnav:not([data-fit]) .topnav-cta{visibility:hidden}
.topnav[data-fit="3"][data-nav].open .topnav-links{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.topnav[data-fit="3"][data-nav] .topnav-links a{counter-increment:nav;display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border-radius:12px;font-size:16px;font-weight:600;color:var(--text)}
.topnav[data-fit="3"][data-nav] .topnav-links a::before{content:'0' counter(nav);font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.topnav[data-fit="3"][data-nav] .topnav-links a::after{display:none}
.topnav[data-fit="3"][data-nav] .topnav-links a:hover{background:var(--raised)}
.topnav[data-fit="3"][data-nav] .topnav-links a[aria-current]{background:var(--raised);color:var(--accent)}
.topnav[data-fit="3"][data-nav] .topnav-links a[aria-current]::before{color:var(--accent)}
.topnav[data-fit="3"].open{background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
:root[data-theme=sport] .topnav-burger,:root[data-theme=sport] .topnav[data-fit="3"][data-nav] .topnav-links,:root[data-theme=sport] .topnav[data-fit="3"][data-nav] .topnav-links a{border-radius:4px}

.topnav[data-nav=b] .topnav-links{border:0;background:none;border-radius:0;padding:0;gap:26px}
.topnav[data-nav=b] .topnav-links a{padding:9px 0;border-radius:0;font-weight:550;letter-spacing:.01em}
.topnav[data-nav=b] .topnav-links a[aria-current]{color:var(--text)}
.topnav[data-nav=b] .topnav-links a::after{content:'';position:absolute;left:50%;right:50%;bottom:2px;height:1px;background:var(--muted);transition:left .3s,right .3s}
.topnav[data-nav=b] .topnav-links a:hover::after{left:0;right:0}
.topnav[data-nav=b] .topnav-pill{top:0;bottom:auto;height:2px;border-radius:2px;box-shadow:0 0 12px var(--accent),0 0 2px var(--accent);background:var(--accent)}
.topnav[data-nav=b] .topnav-progress{display:none}

.topnav-in{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);column-gap:28px;align-items:center}
.topnav-brand{justify-self:start}.topnav-cta{display:inline-flex;justify-self:end}
.topnav-mid{min-width:0;margin:0}.topnav-now{display:none}
.topnav .topnav-links{overflow:visible;-webkit-mask-image:none;mask-image:none;gap:clamp(18px,2.4vw,30px)}
.topnav .topnav-links a{white-space:nowrap}.topnav .topnav-links a:last-of-type{margin-right:0}
.topnav[data-fit="1"] .topnav-brand span,.topnav[data-fit="2"] .topnav-brand span{display:none}
.topnav[data-fit="2"] .topnav-cta span{display:none}
.topnav[data-fit="2"] .topnav-cta{width:42px;min-height:42px;padding:0;justify-content:center}
.topnav[data-fit="2"] .topnav-brand{width:42px}
.topnav[data-fit="2"] .topnav-links{gap:clamp(14px,2vw,22px)}

.hero{display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center;padding-block:clamp(12px,4vw,44px) clamp(8px,3vw,28px)}
.kicker{font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--accent)}
h1{font-size:clamp(32px,8.4vw,58px);line-height:1.08;font-weight:750;letter-spacing:-.025em;text-wrap:balance}
mark{color:var(--ink);background:linear-gradient(var(--button),var(--button)) no-repeat 0 0/100% 100%;border-radius:7px;padding:0 .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.promise{max-width:30em;font-size:clamp(17px,4.2vw,20px);line-height:1.5;color:color-mix(in srgb,var(--text) 78%,var(--bg));text-wrap:balance}
.button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:400px;min-height:58px;padding:14px 18px;margin-top:6px;background:var(--button);color:var(--ink);border:1px solid transparent;border-radius:16px;font-size:16px;font-weight:700;letter-spacing:.01em;line-height:1.25;transition:filter .18s,transform .18s}
.button:hover{filter:brightness(.93)}.button:active{transform:translateY(1px)}
.button svg{width:21px;height:21px;fill:currentColor;flex:none}
.button.ghost{background:transparent;color:var(--text);border-color:var(--line)}
.button.ghost:hover{background:var(--raised);filter:none}
.free-note{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--muted);max-width:30em}

.from-ad{max-width:400px;font-size:14px;line-height:1.45;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}

.voice-note{display:flex;align-items:flex-start;gap:9px;max-width:400px;text-align:left;font-size:14px;line-height:1.45;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 13px}
.voice-note svg{flex:none;width:20px;height:20px;margin-top:1px;fill:var(--accent)}
.ai{color:var(--accent)}
.prio{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.08em;padding:4px 6px;border-radius:5px;min-width:66px;text-align:center}
.prio.high{background:var(--warn);color:#2a0d08}.prio.mid{background:var(--raised);color:var(--text);border:1px solid var(--line)}
:root[data-theme=bureau] .prio.high{color:#fff}
.stamp{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--muted);border:1px dashed var(--line-solid);border-radius:6px;padding:3px 7px}

.block{display:flex;flex-direction:column;gap:18px}
h2{font-size:clamp(23px,5.6vw,30px);line-height:1.2;font-weight:720;letter-spacing:-.02em;text-wrap:balance}
h3{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.lead{color:var(--muted);max-width:36em}

.why-grid{display:grid;gap:18px}
.why-cause{font-size:16px;line-height:1.55;text-wrap:pretty;max-width:36em}
.why-checks{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.why-checks ul{display:flex;flex-direction:column;gap:11px;counter-reset:w}
.why-checks li{counter-increment:w;position:relative;padding-left:34px;font-size:15px;line-height:1.45}
.why-checks li::before{content:counter(w);position:absolute;left:0;top:-1px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);font-size:13px;font-weight:700}
:root[data-theme=sport] .why-checks{border-radius:6px}

.cards{display:flex;align-items:stretch;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:8px 16px 14px;scrollbar-width:thin;scrollbar-color:var(--line-solid) transparent}
.card{flex:0 0 min(82%,320px);scroll-snap-align:center;display:flex;flex-direction:column;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px}

.mini{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:106px;padding:12px;border-radius:14px;background:var(--bg);border:1px solid var(--line);font-size:13px;line-height:1.25;color:var(--muted)}
.mini .warn{color:var(--warn)}
.card h3{font-size:18px;line-height:1.25;letter-spacing:-.01em;text-transform:none;color:var(--text);font-weight:700}
.card>p{font-size:15px;line-height:1.5;color:var(--muted)}
.card details{border-top:1px solid var(--line);padding-top:10px}
.card summary{font-size:13px;font-weight:650;color:var(--accent);cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}
.card summary::-webkit-details-marker{display:none}.card summary::after{content:'+';font-size:17px;line-height:1}.card details[open] summary::after{content:'−'}
.card details ul{display:flex;flex-direction:column;gap:7px;margin-top:10px;font-size:14px}
.card details li{position:relative;padding-left:16px}.card details li::before{content:'';position:absolute;left:1px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.card-go{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 15px;border-radius:12px;border:1px solid var(--line-solid);font-size:14px;font-weight:650;transition:background .18s,color .18s}
.card details{margin-top:auto;margin-bottom:6px}
.card-go svg{width:17px;height:17px;fill:currentColor}
.card-go:hover{background:var(--button);color:var(--ink);border-color:transparent}
.card-calc{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:background .18s}
.card-calc:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}
.card-calc svg{flex:none;width:22px;height:22px;fill:var(--accent)}
.card-calc span{display:flex;flex-direction:column;font-size:12px;line-height:1.35;color:var(--muted);margin-right:auto}
.card-calc b{font-size:14px;font-weight:650;color:var(--text)}
.card-calc i{font-style:normal;font-size:18px;color:var(--accent)}

.calc-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calc-form label{display:flex;flex-direction:column;justify-content:space-between;gap:7px;font-size:13px;line-height:1.3;color:var(--muted)}
.calc-form small{font-size:12px;opacity:.8}
.calc-form input{font:inherit;font-size:19px;font-weight:650;font-variant-numeric:tabular-nums;width:100%;padding:12px 13px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;appearance:textfield;-moz-appearance:textfield}
.calc-form input::placeholder{font-size:13px;font-weight:400;color:var(--muted)}
.calc-form input::-webkit-outer-spin-button,.calc-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.calc-form .wide{grid-column:1/-1}
.calc-lead{font-size:15px;line-height:1.5;color:var(--muted)}.calc-lead b{color:var(--text);font-variant-numeric:tabular-nums}
.calc-pair{display:flex;flex-wrap:wrap;gap:14px 36px;align-items:flex-end;margin-top:4px}
.calc-main small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}
.calc-main.ceiling{font-size:15px;color:var(--muted)}
.calc-result .calc-main.ceiling b{font-size:clamp(24px,7vw,32px);color:var(--text)}
.levers{margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}
.levers summary{font-size:14px;font-weight:650;color:var(--accent);cursor:pointer;list-style:none;display:flex;gap:6px;align-items:center}
.levers summary::-webkit-details-marker{display:none}.levers summary::after{content:'+';font-size:18px;line-height:1}.levers[open] summary::after{content:'−'}
.levers ul{display:flex;flex-direction:column;gap:7px;margin:10px 0 8px;font-size:15px}
.levers li b{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}

.calc-form input[type=range]{-webkit-appearance:none;appearance:none}
.calc-form input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:var(--raised);border:1px solid var(--line)}
.calc-form input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--button);border:3px solid var(--bg)}
.calc-form input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:var(--raised);border:1px solid var(--line)}
.calc-form input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--button);border:3px solid var(--bg)}
.calc-form .wide>span b{color:var(--accent);font-variant-numeric:tabular-nums}
.calc-form input[type=range]{padding:0;height:28px;border:0;background:transparent;accent-color:var(--button)}
.gauge{position:relative;height:10px;border-radius:5px;background:var(--surface);border:1px solid var(--line);margin:4px 0 2px}
.gauge i{position:absolute;inset:0 auto 0 0;border-radius:5px;background:var(--accent);transition:width .25s}
.gauge u{position:absolute;top:-5px;width:4px;height:18px;margin-left:-2px;border-radius:2px;background:var(--text);transition:left .25s}.gauge u.out{background:var(--warn)}
.chain{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;font-size:13px;color:var(--muted)}
.chain li{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:5px 9px}
.chain li:not(:last-child)::after{content:'→';margin-left:9px;color:var(--accent)}
.chain b{color:var(--text);font-variant-numeric:tabular-nums}
.calc-verdict.near{color:var(--text)}
.calc-result{display:flex;flex-direction:column;gap:7px;background:var(--raised);border:1px solid var(--line);border-radius:18px;padding:20px}
.calc-main{font-size:17px;line-height:1.3}
.calc-main b{display:block;margin-top:2px;font-size:clamp(36px,11vw,52px);line-height:1.05;font-weight:780;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--accent)}
.calc-sub{color:var(--muted);font-size:15px}.calc-sub b{color:var(--text);font-variant-numeric:tabular-nums}
.calc-verdict{margin-top:6px;padding-top:12px;border-top:1px solid var(--line);font-size:15px}
.calc-verdict.over{color:var(--warn)}.calc-verdict.under{color:var(--good)}
.calc-result.empty .calc-main b{color:var(--muted)}
.fine{font-size:13px;line-height:1.5;color:var(--muted)}
.calc .button{align-self:center;margin-top:0}
.calc-form small{display:block}

:root[data-angle=p5] .hero{order:-2}:root[data-angle=p5] .calc{order:-1}

.docview{display:flex;flex-direction:column;gap:12px}
.doc-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.doc-tabs button{min-width:0;overflow-wrap:anywhere}
@media(max-width:479px){.doc-tabs button{flex-direction:column;align-items:flex-start;gap:6px;padding:9px 10px;font-size:13px}}
.doc-tabs button{display:flex;align-items:center;gap:9px;min-height:52px;padding:9px 12px;font:600 14px/1.25 Onest,Arial,sans-serif;text-align:left;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.doc-tabs button b{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--raised);color:var(--text);font-size:13px;transition:background .2s,color .2s}
.doc-tabs button:hover{color:var(--text);border-color:var(--line-solid)}
.doc-tabs button[aria-selected=true]{color:var(--text);border-color:var(--accent);background:var(--raised)}
.doc-tabs button[aria-selected=true] b{background:var(--button);color:var(--ink)}
.doc-sheet{background:var(--raised);border:1px solid var(--line-solid);border-top:3px solid var(--accent);border-radius:16px;padding:18px 18px 20px;box-shadow:0 22px 50px #00000040}
.doc-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.04em;color:var(--muted)}
.doc-page{display:flex;flex-direction:column;gap:14px}
.doc-page[hidden]{display:none}
.doc-page+.doc-page:not([hidden]){margin-top:0}
.doc-page.shown{animation:rise .4s ease-out both}
.doc-page h3{font-size:21px;line-height:1.2;letter-spacing:-.015em;text-transform:none;color:var(--text);font-weight:740}
.doc-lead{margin-top:-8px;font-size:15px;color:var(--muted)}
.doc-note{padding:11px 13px;border-radius:12px;background:var(--surface);border-left:3px solid var(--accent);font-size:15px}
.funnel{display:flex;flex-direction:column;gap:5px}
.funnel li{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:0;min-height:40px;padding:8px 12px;border-radius:9px;font-size:15px}
.funnel li::before{content:'';position:absolute;inset:0 auto 0 0;width:var(--w);min-width:40px;border-radius:9px;background:var(--line-solid);opacity:.5;z-index:-1;transform-origin:left;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.funnel li b{font-size:17px;font-weight:760;font-variant-numeric:tabular-nums}
.funnel li.leak::before{background:var(--warn);opacity:.3}.funnel li.leak{outline:1px solid var(--warn);outline-offset:-1px}
.funnel li.rate{min-height:0;padding:0 12px 0 22px;font-size:13px;color:var(--muted)}
.funnel li.rate::before{inset:4px auto 4px 12px;width:2px;min-width:0;border-radius:1px;opacity:1;background:var(--line-solid)}
.funnel li.rate.leak{outline:0;color:var(--warn);font-weight:650}.funnel li.rate.leak::before{background:var(--warn);opacity:1}
.docview.anim:not(.in) .funnel li:not(.rate)::before{transform:scaleX(0)}
.findings{display:flex;flex-direction:column;gap:10px}
.findings li{display:grid;grid-template-columns:1fr;gap:8px;padding:13px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.findings strong{font-size:16px;line-height:1.3;font-weight:700}

.tag{align-self:flex-start;font-style:normal;font-size:12px;font-weight:650;line-height:1.2;padding:3px 8px;border-radius:6px;white-space:nowrap}
.tag.high{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent)}
.tag.mid{background:var(--surface);color:var(--muted);border:1px solid var(--line-solid)}
.findings .tag{margin:0;justify-self:start}
.findings dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px}
.findings dt{color:var(--muted)}.findings dd{color:var(--text)}
.plan{display:flex;flex-direction:column;gap:12px}
.plan-head,.plan-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.plan-head span:first-child{display:none}
.plan-head{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--line)}
.plan-row{row-gap:6px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 3px),var(--line) calc(25% - 3px) calc(25% - 2px),transparent calc(25% - 2px) 25%)}
.plan-row span{grid-column:1/-1;font-size:15px;font-weight:650;background:var(--raised);justify-self:start;padding-right:8px}
.plan-row i{grid-column:var(--from)/var(--to);height:14px;border-radius:7px;background:var(--line-solid);transform-origin:left}
.plan-row.mid i{background:var(--accent);opacity:.55}.plan-row.strong i{background:var(--accent)}
.doc-page.shown .plan-row i{animation:growX .7s cubic-bezier(.2,.7,.2,1) both}.doc-page.shown .plan-row:nth-child(3) i{animation-delay:.1s}.doc-page.shown .plan-row:nth-child(4) i{animation-delay:.2s}.doc-page.shown .plan-row:nth-child(5) i{animation-delay:.3s}
.doc-page.shown .findings li{animation:rise .45s ease-out both}.doc-page.shown .findings li:nth-child(2){animation-delay:.1s}.doc-page.shown .findings li:nth-child(3){animation-delay:.2s}
@keyframes growX{from{transform:scaleX(0)}}

.month{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:6px 18px}
.month-weeks{display:none}
.month-row{display:grid;gap:12px;padding:18px 0;border-top:1px solid var(--line)}
.month-row:first-of-type,.month-weeks+.month-row{border-top:0}
.month-text{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.month-text b{font-size:18px;font-weight:720;letter-spacing:-.01em}
.month-text p{font-size:15px;line-height:1.5;color:var(--muted)}
.month-text em{font-style:normal;font-size:13px;font-weight:650;line-height:1.3;padding:5px 10px;border-radius:8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;height:34px;border-radius:10px;background:repeating-linear-gradient(90deg,var(--bg) 0 calc(25% - 2px),transparent calc(25% - 2px) 25%);counter-reset:w}
.track::before{content:'нед. 1';position:absolute;left:8px;top:-15px;font-size:12px;color:var(--muted)}
.track::after{content:'нед. 4';position:absolute;right:8px;top:-15px;font-size:12px;color:var(--muted)}
.month-row .track{margin-top:12px}
.track i{grid-row:1;grid-column:var(--from)/var(--to);height:14px;margin:0 3px;border-radius:7px;background:var(--button);transform-origin:left;transition:transform .7s cubic-bezier(.2,.7,.2,1) var(--d)}
.track i.thin{height:6px;opacity:.55}
.track u{grid-row:1;grid-column:var(--at);justify-self:end;width:13px;height:13px;margin-right:8px;border-radius:50%;border:3px solid var(--accent);transition:transform .35s var(--d),opacity .35s var(--d)}
.track u.big{width:20px;height:20px;background:var(--accent)}
.month.anim:not(.in) .track i{transform:scaleX(0)}.month.anim:not(.in) .track u{transform:scale(0);opacity:0}
.test{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.test-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.test-stages figure{display:flex;flex-direction:column;gap:9px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px}
.tiles i{aspect-ratio:4/5;border-radius:4px;background:var(--line-solid)}
.tiles i.off{background:transparent;border:1px dashed var(--line-solid);opacity:.6}
.tiles i.win{background:var(--button);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--accent)}
.test figcaption{font-size:12px;line-height:1.4;color:var(--muted)}.test figcaption b{display:block;font-size:13px;color:var(--text)}
.about-lead{max-width:36em;font-size:17px;line-height:1.55;color:var(--text)}
.about .facts{margin-top:10px}
.facts{display:grid;gap:10px}
.facts li{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.facts h3{letter-spacing:.08em}
.facts p{font-size:15px;line-height:1.5;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{padding:5px 10px;border-radius:999px;background:var(--raised);border:1px solid var(--line);color:var(--text);font-size:14px;white-space:nowrap}
:root[data-theme=sport] .chips span{border-radius:4px}

.case-list{display:grid;gap:14px}
.case{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}
.case .stamp{align-self:flex-start;color:var(--warn);border-color:var(--warn)}
.case-meta{font-size:12px;letter-spacing:.04em;color:var(--muted)}
.case h3{font-size:19px;line-height:1.3;letter-spacing:-.01em;text-transform:none;color:var(--text);font-weight:680}
.case-facts{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:15px}
.case-facts dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding-top:3px}
.case-facts ul{display:flex;flex-direction:column;gap:4px}.case-facts li{position:relative;padding-left:14px}.case-facts li::before{content:'';position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--muted)}
.case-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.case-numbers div{display:flex;flex-direction:column;gap:2px}
.case-numbers b{font-size:22px;line-height:1.15;font-weight:760;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--accent)}
.case-numbers span{font-size:12px;color:var(--muted)}
.case blockquote{font-size:15.5px;line-height:1.5;border-left:3px solid var(--accent);padding-left:14px}
.case cite{display:block;margin-top:5px;font-style:normal;font-size:13px;color:var(--muted)}

.faq{display:flex;flex-direction:column}
.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 2px;font-size:16px;font-weight:620;line-height:1.35;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';flex:none;font-size:22px;font-weight:400;line-height:1;color:var(--accent);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 2px 18px;color:var(--muted);max-width:38em}

.final{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:var(--raised);border:1px solid var(--line);border-radius:24px;padding:36px 20px}
.final p{color:var(--muted)}.final .limit{font-size:13px;color:var(--accent)}

.landing-footer{position:relative;display:flex;flex-direction:column;gap:16px;padding:26px 0 0;color:var(--muted);font-size:14px;line-height:1.5;text-align:left}
.landing-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-solid) 18%,var(--line-solid) 82%,transparent)}
.landing-footer::after{content:'';position:absolute;top:0;left:10%;right:10%;height:90px;z-index:-1;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%);pointer-events:none}
.foot-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}
.foot-about{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.foot-about p{max-width:24em}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:650;color:var(--text);letter-spacing:-.02em}
.landing-footer .brand{font-size:18px}
.foot-actions{display:flex;flex-wrap:wrap;gap:8px}
.foot-actions>*{flex:none;white-space:nowrap}
:root .foot-actions .contact-trigger,.foot-actions .foot-tg{min-height:42px;padding:8px 14px}
.foot-tg{display:inline-flex;align-items:center;gap:8px;border-radius:12px;background:var(--button);color:var(--ink);font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s}
.foot-tg svg{width:17px;height:17px;fill:currentColor;transition:transform .3s}
.foot-tg:hover{transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--button) 35%,transparent)}.foot-tg:hover svg{transform:translate(2px,-2px)}
.foot-nav{display:flex;flex-wrap:wrap;gap:4px 22px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.foot-nav a{position:relative;padding:4px 0;color:var(--text);font-size:15px;white-space:nowrap;transition:color .2s}
.foot-nav a::after{content:'';position:absolute;left:50%;right:50%;bottom:0;height:1px;background:var(--accent);transition:left .3s,right .3s}
.foot-nav a:hover{color:var(--accent)}.foot-nav a:hover::after{left:0;right:0}
.foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 20px;font-size:13px}
:root .privacy-footer{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;width:auto;flex-basis:auto;padding:0;border:0;font-size:13px;color:var(--muted)}
:root .privacy-footer a,:root .privacy-footer button{max-width:100%;text-align:left;display:inline-flex;align-items:center;min-height:30px;line-height:1.3;padding:0;font:inherit;color:var(--muted);background:none;border:0;cursor:pointer;text-decoration:none;transition:color .2s}
:root .privacy-footer a:hover,:root .privacy-footer button:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--accent)}
.foot-up{display:inline-flex;align-items:center;gap:7px;min-height:30px;color:var(--text);font-weight:600}
.foot-up span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--line-solid);transition:transform .3s cubic-bezier(.3,1.5,.5,1),background .2s,color .2s,border-color .2s}
.foot-up:hover span{transform:translateY(-4px);background:var(--button);color:var(--ink);border-color:transparent}
:root[data-theme=sport] .foot-tg{border-radius:4px}

.privacy-banner,.privacy-dialog{--privacy-bg:var(--surface);--privacy-text:var(--text);--privacy-muted:var(--muted);--privacy-line:var(--line-solid);--privacy-accent:var(--accent)}
:root .privacy-banner,:root #privacy-dialog,:root #contact-dialog{background:var(--surface);color:var(--text);border-color:var(--line-solid)}
:root #contact-dialog::backdrop,:root #privacy-dialog::backdrop{background:color-mix(in srgb,var(--bg) 82%,transparent)}
:root .privacy-banner p,:root #privacy-dialog p,:root #contact-dialog p,:root #contact-dialog .contact-hint,:root .contact-optional{color:var(--muted)}
:root .contact-heading button,:root .privacy-actions button,:root #privacy-dialog button{background:transparent;color:var(--text);border-color:var(--line-solid)}
:root .contact-direct{background:transparent;color:var(--text);border-color:var(--line-solid)}
:root .contact-submit,:root #contact-dialog .contact-submit{background:var(--button);color:var(--ink);border-color:transparent}
:root .contact-field input,:root .contact-field textarea{background:var(--bg);color:var(--text);border-color:var(--line-solid)}
:root .contact-field input::placeholder,:root .contact-field textarea::placeholder{color:var(--muted)}
:root #contact-dialog input[type=radio]{accent-color:var(--button)}
:root #contact-dialog .contact-policy a{text-decoration-color:var(--line-solid)}
:root #contact-dialog :focus-visible,:root .contact-trigger:focus-visible{outline-color:var(--accent)}
:root .contact-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;font:650 14px/1.3 Onest,Arial,sans-serif;color:var(--text);background:transparent;border:1px solid var(--line-solid);border-radius:12px;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s}
:root .contact-trigger:hover{background:var(--raised);color:var(--text);border-color:var(--accent);transform:translateY(-1px)}
:root .contact-trigger:active{transform:translateY(1px)}
:root[data-theme=sport] .contact-trigger{border-radius:4px}
:root[data-theme=sport] #contact-dialog,:root[data-theme=sport] .contact-submit,:root[data-theme=sport] .contact-direct,:root[data-theme=sport] .contact-field input,:root[data-theme=sport] .contact-field textarea{border-radius:4px}

:root[data-theme=sport] h1,:root[data-theme=sport] h2{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}
:root[data-theme=sport] h1{font-size:clamp(26px,6.8vw,40px)}
:root[data-theme=sport] mark{border-radius:0;padding:0 .3em;clip-path:polygon(.18em 0,100% 0,calc(100% - .18em) 100%,0 100%)}
:root[data-theme=sport] .button,:root[data-theme=sport] .card-go,:root[data-theme=sport] .doc{border-radius:4px}

.rv,.rvg>*{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv:not(.in){opacity:0;transform:translateY(22px)}
.rvg:not(.in)>*{opacity:0;transform:translateY(26px) scale(.98)}
.rvg.in>*{transition-delay:calc(var(--i,0)*90ms)}
.rvg.done>*{transition-delay:0s}
.block>h2.rv::after{content:'';display:block;width:56px;height:3px;margin-top:12px;border-radius:2px;background:var(--accent);transform-origin:left;transition:transform .7s cubic-bezier(.2,.7,.2,1) .25s}
.block>h2.rv:not(.in)::after{transform:scaleX(0)}

@keyframes rise{from{opacity:0;transform:translateY(18px)}}
@keyframes sweep{from{background-size:0 100%;color:var(--text)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--button) 55%,transparent)}70%,100%{box-shadow:0 0 0 16px transparent}}
@keyframes pop{from{opacity:0;transform:scale(.6)}}
.hero>*{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.hero>:nth-child(1){animation-delay:.05s}.hero>:nth-child(2){animation-delay:.15s}.hero>:nth-child(3){animation-delay:.3s}.hero>:nth-child(4){animation-delay:.42s}.hero>:nth-child(5){animation-delay:.5s}.hero>:nth-child(6){animation-delay:.58s}.hero>:nth-child(7){animation-delay:.66s}.hero>:nth-child(8){animation-delay:.74s}
.hero mark{animation:sweep .7s cubic-bezier(.3,.7,.2,1) .75s both}
.hero .button,.final .button{animation:rise .7s cubic-bezier(.2,.7,.2,1) .42s both,pulse 2.8s ease-out 2s infinite}
.final .button{animation:pulse 2.8s ease-out infinite}
.voice-note svg{animation:pop .5s cubic-bezier(.3,1.5,.5,1) 1.1s both}

.card{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .35s}

@media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 18px 40px #00000040}}
.card-calc i{animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(4px)}}

.calc-form input:not([type=range]){transition:border-color .2s,box-shadow .2s}
.calc-form input:not([type=range]):focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);outline:0}
.chain li{animation:rise .4s ease-out both}.chain li:nth-child(2){animation-delay:.06s}.chain li:nth-child(3){animation-delay:.12s}.chain li:nth-child(4){animation-delay:.18s}.chain li:nth-child(5){animation-delay:.24s}
.calc-verdict:not([hidden]){animation:rise .4s ease-out both}
.gauge u{animation:pop .4s cubic-bezier(.3,1.5,.5,1) both}

.timeline{position:relative;display:flex;flex-direction:column;gap:12px;counter-reset:t}
.timeline::before{content:'';position:absolute;left:19px;top:24px;bottom:24px;width:2px;background:var(--line-solid);transform-origin:top;transition:transform 1.2s cubic-bezier(.2,.7,.2,1) .1s}
.timeline.anim:not(.in)::before{transform:scaleY(0)}
.timeline li{counter-increment:t;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-left:56px;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.timeline li::before{content:counter(t);position:absolute;left:-56px;top:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--button);color:var(--ink);font-size:17px;font-weight:780;box-shadow:0 0 0 6px var(--bg);transition:transform .5s cubic-bezier(.3,1.6,.5,1) calc(.2s + var(--i,0)*.25s)}
.timeline.anim:not(.in) li::before{transform:scale(0)}
.timeline.rvg.in:not(.done)>*{transition-delay:calc(.15s + var(--i,0)*.25s)}
.timeline em{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.timeline b{font-size:18px;line-height:1.3;font-weight:720;letter-spacing:-.01em}
.timeline p{font-size:15px;line-height:1.55;color:var(--muted)}
:root[data-theme=sport] .timeline li{border-radius:6px}
.honest{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-size:16px;line-height:1.5}

.tiles i{transition:background .5s,opacity .5s,box-shadow .5s,transform .5s;transition-delay:calc(.5s + var(--i,0)*.35s)}
.test-stages.anim:not(.in) .tiles i.off{background:var(--line-solid);opacity:1;border-color:transparent}
.test-stages.anim:not(.in) .tiles i.win{background:var(--line-solid);box-shadow:none}
.test-stages.in .tiles i.win{animation:winPulse 2.4s ease-in-out 1.8s infinite}@keyframes winPulse{50%{transform:scale(1.06)}}
.test-stages figure .tiles{transition:border-color .3s}.test-stages figure:hover .tiles{border-color:var(--accent)}
.gantt-row{transition:background-color .3s}

.faq summary{transition:color .2s,padding-left .25s}.faq summary:hover{color:var(--accent);padding-left:8px}
.faq details[open] p{animation:rise .35s ease-out both}
.final{position:relative;overflow:hidden;isolation:isolate}
.final::before{content:'';position:absolute;inset:-40%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 26%,transparent),transparent);animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate(-22%,-10%)}to{transform:translate(22%,12%)}}
.button{position:relative;overflow:hidden}
.button:not(.ghost)::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffffff73 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s}
.button:not(.ghost):hover::after{transform:translateX(120%)}
.button svg{transition:transform .3s}.button:hover svg{transform:translate(3px,-3px)}

@media(min-width:720px){
 .page{padding-top:calc(112px + env(safe-area-inset-top,0px));gap:88px}
 .cards{display:grid;grid-template-columns:repeat(2,1fr);overflow:visible;margin:0;padding:0}
 .card{flex:none}
 .calc-form{grid-template-columns:repeat(4,1fr)}
 .calc-form .wide{grid-column:span 2}
}
@media(min-width:720px){
 .doc-sheet{padding:26px 28px 28px}
 .findings li{grid-template-columns:auto 1fr;align-items:start;column-gap:14px}.findings li .tag{grid-row:1/3;margin-top:2px}.findings strong,.findings dl{grid-column:2}
 .plan-head,.plan-row{grid-template-columns:minmax(0,1.5fr) repeat(4,1fr)}
 .plan-head span:first-child{display:block}
 .plan-row{align-items:center;background:none}
 .plan-row span{grid-column:1;background:none}.plan-row i{grid-column:calc(var(--from) + 1)/calc(var(--to) + 1);grid-row:1}
 .month{padding:8px 24px}
 .month-weeks{display:grid;grid-template-columns:minmax(0,1.15fr) 1fr;gap:28px;padding:14px 0 10px;border-bottom:1px solid var(--line)}
 .month-weeks div{display:grid;grid-template-columns:repeat(4,1fr);width:100%;min-width:0;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
 .month-weeks div span{padding-left:6px;white-space:nowrap}
 .month-row{grid-template-columns:minmax(0,1.15fr) 1fr;gap:28px;align-items:center}
 .month-row .track{margin-top:0;height:44px}.track::before,.track::after{display:none}
 .facts{grid-template-columns:repeat(3,1fr)}
 .why-grid{grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important}.topnav,.topnav-cta::after{animation:none}.topnav-pill{transition:none}*{transition:none!important}.doc{transform:none!important}}

@media(max-width:719px){
  .card summary,.levers summary{min-height:44px}
 .calc-form input[type=range]{height:44px}
 .foot-nav{gap:0 22px;padding:6px 0}.foot-nav a{display:inline-flex;align-items:center;min-height:40px}
 :root .privacy-footer a,:root .privacy-footer button,.foot-up{min-height:40px}
 .landing-footer .brand,.topnav-brand{min-height:40px}
}
.plain-list{display:flex;flex-direction:column;gap:8px;padding-left:18px;list-style:disc;color:var(--text)}

@media(max-width:479px){.hero .button,.final .button{font-size:clamp(13.5px,3.9vw,16px);gap:8px;padding-inline:12px}.hero .button svg,.final .button svg{width:18px;height:18px}}

.rules{display:grid;gap:12px;counter-reset:r}
.rules li{counter-increment:r;display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);transition:border-color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.rules li::before{content:'/ 0' counter(r);font:650 13px/1 var(--display);letter-spacing:.04em;color:var(--accent)}
.rules h3{font-size:19px;line-height:1.25;letter-spacing:-.015em;text-transform:none;color:var(--text);font-weight:720}
.rules p{font-size:15px;line-height:1.55;color:var(--muted)}.rules p b{color:var(--text);font-weight:600}
@media(hover:hover) and (pointer:fine){.rules li:hover{border-color:var(--accent);transform:translateY(-4px)}}
.about-meta{display:flex;flex-direction:column;gap:12px;font-size:15px;color:var(--muted)}
:root[data-theme=sport] .rules li{border-radius:6px}
.about h2 mark,.nb{white-space:nowrap}

.step{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:34px 26px 26px;border:1px solid var(--line-solid);border-radius:26px;background:var(--surface);color:var(--text);text-align:center;overflow:auto;box-shadow:0 30px 80px #000000a6}
.step::backdrop{background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.step[open]{display:flex;flex-direction:column;align-items:center;gap:14px;animation:rise .35s cubic-bezier(.2,.7,.2,1) both}
.step-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--muted)}
.step-kicker i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2.2s ease-out infinite}
.step h2{font-size:clamp(28px,7vw,38px)}
.step p{max-width:30em;font-size:16px;line-height:1.5}.step .step-sub{font-size:14px;color:var(--muted)}
.step .button{margin-top:0;animation:none}
.step-or{display:flex;align-items:center;gap:12px;width:100%;max-width:none;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.step-or::before,.step-or::after{content:"";flex:1;height:1px;background:var(--line-solid)}
.step-form{display:flex;flex-direction:column;gap:10px;width:100%;text-align:left}
.step-form[hidden]{display:none}
.step-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line-solid);border-radius:14px;background:var(--bg)}
.step-seg label{position:relative;display:block;cursor:pointer}
.step-seg input{position:absolute;inset:0;opacity:0;cursor:pointer}
.step-seg span{display:block;padding:10px 8px;border-radius:10px;text-align:center;font-size:14px;font-weight:650;color:var(--muted);transition:background .2s,color .2s}
.step-seg input:checked+span{background:var(--raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}
.step-seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.step-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;color:var(--muted)}
.step-field input{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--line-solid);border-radius:14px;background:var(--bg);color:var(--text);font:inherit;font-size:17px;font-weight:500}
.step-field input::placeholder{color:var(--muted);opacity:.7}
.step-field input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.step .step-hint,.step .step-policy{max-width:none;font-size:13px;line-height:1.45;color:var(--muted)}
.step .step-policy{text-align:center}.step-policy a{color:inherit;text-underline-offset:3px}
.step-form .button{width:100%;justify-content:center}
.step{overflow-y:auto;overscroll-behavior:contain}
.step{padding:24px 20px 20px}.step[open]{gap:10px}
.step h2{font-size:clamp(22px,6vw,30px);padding:0 44px;text-wrap:balance}
.step .step-lead{font-size:14px;color:var(--muted)}
.step .button{width:100%;min-height:52px;justify-content:center;font-size:clamp(13px,3.8vw,15px);white-space:nowrap}
.step .button span{white-space:nowrap}
.step-or{white-space:nowrap;margin-top:2px}
.step-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.step-seg span{padding:11px 6px}.step-field input{min-height:48px}
.step .step-hint,.step .step-policy{font-size:12px}
.step-close{top:10px;right:10px;width:36px;height:36px}
.step-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.step .step-status{font-size:15px;font-weight:650;color:var(--text)}.step-status:empty{display:none}
.step-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:22px;line-height:1;cursor:pointer}
.step-close:hover{border-color:var(--accent)}
:root[data-theme=sport] .step,:root[data-theme=sport] .step-close,:root[data-theme=sport] .step-seg,:root[data-theme=sport] .step-seg span,:root[data-theme=sport] .step-field input{border-radius:6px}
@media(min-width:720px){.rules{grid-template-columns:repeat(2,1fr)}}

@media(min-width:720px){.cards .card:last-child:nth-child(odd){grid-column:1/-1}}

.pic-b{padding:12px 12px 10px;gap:6px}
.pic-b svg{display:block;width:100%;height:auto;overflow:visible}
.pic-b text{font:600 11px Onest,Arial,sans-serif;fill:var(--muted)}
.pic-b text.mid{text-anchor:middle}.pic-b text.end{text-anchor:end}.pic-b text.warn{fill:var(--warn)}.pic-b text.acc{fill:var(--accent)}.pic-b text.mut{fill:var(--muted)}.pic-b text.lbl.mid:not(.warn):not(.mut){fill:var(--text)}
.pic-b text.big{font-size:26px;font-weight:800}
.pic-b .axis{stroke:var(--line-solid);stroke-width:1.5}
.pic-b .goal{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 5}
.pic-b .col,.pic-b .pop,.pic-b .fade,.pic-b .ln{transform-box:fill-box;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .5s,stroke-dashoffset 1.1s ease-out;transition-delay:calc(.3s + var(--i,0)*90ms + var(--k,0)*90ms)}
.pic-b .col{transform-origin:50% 100%}.pic-b .pop{transform-origin:50% 50%}.pic-b polyline.ln{stroke-dasharray:1;stroke-dashoffset:0}
.rvg:not(.in) .pic-b .col{transform:scaleY(0)}.rvg:not(.in) .pic-b .pop{transform:scale(0)}.rvg:not(.in) .pic-b .fade{opacity:0}.rvg:not(.in) .pic-b polyline.ln{stroke-dashoffset:1}

.hero .button{margin-top:6px}
.hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;font-size:14px;letter-spacing:.02em;color:var(--muted)}
.hero-meta span+span::before{content:'';display:inline-block;width:4px;height:4px;margin:0 12px;border-radius:50%;background:var(--accent);vertical-align:middle}
.from-ad{border-top:0;padding-top:0;margin-top:-10px;font-size:13px}
:root[data-theme=sport] h1{font-size:clamp(30px,7.6vw,54px)}
.m-res{font-size:13px;font-weight:650;line-height:1.3}

@media(min-width:900px){.hero{width:min(100vw - 64px,1080px);align-self:center}.hero h1{max-width:19em}.hero .promise{max-width:34em}}
.result-note{font-size:15px;padding-left:12px;border-left:2px solid var(--accent)}.result-note[hidden]{display:none}
.step .button{max-width:none}
.step-field textarea{width:100%;min-height:64px;padding:12px 16px;border:1px solid var(--line-solid);border-radius:14px;background:var(--bg);color:var(--text);font:inherit;font-size:16px;line-height:1.4;resize:vertical}
.step-field textarea::placeholder{color:var(--muted);opacity:.7}
.step-field textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
:root[data-theme=sport] .step-field textarea{border-radius:6px}

.hero-brain{display:block;width:min(100%,340px);height:210px;margin:-8px auto -14px;pointer-events:none;animation:none!important}
@media(min-width:1000px){
 .hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:32px;row-gap:0;align-items:center;justify-items:start;text-align:left;width:min(100vw - 64px,1180px)}

 .hero>*{grid-column:2}.hero>*:not(canvas):not(:last-child){margin-bottom:24px}
 .hero h1{font-size:clamp(36px,3.3vw,46px);max-width:none}.hero .promise{max-width:30em}
 .hero .hero-meta{justify-content:flex-start}

 :root[data-theme=sport] .hero h1{font-size:clamp(34px,2.8vw,40px)}
 .hero-brain{grid-column:1;grid-row:1/span 7;width:100%;height:clamp(400px,38vw,520px);margin:0;align-self:center}
}

:root[data-theme=sport] mark{clip-path:none;padding:0 .34em;background:linear-gradient(100deg,transparent .2em,var(--button) calc(.2em + 1px),var(--button) calc(100% - .2em - 1px),transparent calc(100% - .2em)) no-repeat 0 0/100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media(max-width:360px){:root[data-theme=sport] h1{font-size:23px}}

:root{--display:Geologica,Onest,Arial,sans-serif}
h1,h2,.rules h3,.card h3,.button,.topnav-cta,.calc-main b,.plan-head,.step-or,.brand{font-family:var(--display)}
h1{font-weight:800;letter-spacing:-.03em}h2{font-weight:750;letter-spacing:-.025em}
.button,.topnav-cta{font-weight:750;letter-spacing:.02em}
input,textarea,button,select{font-family:inherit}

.topnav[data-fit="3"] .topnav-cta{order:2;width:44px;min-height:44px;padding:0;justify-content:center;border-radius:12px;overflow:visible;animation:tgpulse 2.8s ease-out 1.2s infinite}
.topnav[data-fit="3"] .topnav-burger{order:3}
.topnav[data-fit="3"] .topnav-cta span{display:none}
.topnav[data-fit="3"] .topnav-cta::after{display:none}
.topnav[data-fit="3"] .topnav-cta svg{width:20px;height:20px;animation:tgfly 4.2s cubic-bezier(.3,.7,.2,1) 2s infinite}
:root[data-theme=sport] .topnav[data-fit="3"] .topnav-cta{border-radius:4px}
@keyframes tgpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--button) 60%,transparent)}70%,100%{box-shadow:0 0 0 12px transparent}}
@keyframes tgfly{0%,72%,100%{transform:none}80%{transform:translate(-2px,2px) rotate(6deg)}88%{transform:translate(4px,-4px) rotate(-10deg)}94%{transform:translate(1px,-1px)}}

@media(min-width:1000px){
 .page{width:min(100% - 64px,1180px)}
 .hero{width:100%}
 .why-grid{grid-template-columns:1.15fr 1fr;gap:40px}
 .docview{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
 .doc-tabs{grid-template-columns:1fr;position:sticky;top:96px}
 .timeline{flex-direction:row;gap:20px;padding-top:28px}
 .timeline::before{left:0;right:0;top:20px;bottom:auto;width:auto;height:2px;transform-origin:left}
 .timeline.anim:not(.in)::before{transform:scaleX(0)}
 .timeline li{flex:1;margin-left:0;padding:34px 22px 22px}
 .timeline li::before{left:22px;top:-28px}
 .rules{grid-template-columns:repeat(4,1fr)}
 .cards{grid-template-columns:repeat(3,1fr)}
 .cards .card:last-child:nth-child(odd){grid-column:auto}
 .calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:start}
 .calc>*{grid-column:1/-1}.calc>.calc-form{grid-column:1}.calc>.calc-result{grid-column:2}
 .calc-form{grid-template-columns:repeat(2,1fr)}.calc-form .wide{grid-column:1/-1}
 .faq{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:start}
 .faq details:last-child{border-bottom:0}
 .final{padding:56px 24px}
}

@media(min-width:1000px){
 .hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:1fr repeat(6,auto) 1fr;column-gap:56px;padding-block:8px 0}
 .hero-brain{grid-row:1/-1;height:clamp(380px,34vw,480px)}
 .hero>.kicker{grid-row:2}.hero>h1{grid-row:3}.hero>.promise{grid-row:4}.hero>.button{grid-row:5}.hero>.hero-meta{grid-row:6}.hero>.from-ad{grid-row:7}
 .hero>*:not(canvas){justify-self:start}.hero>.hero-meta:not(:last-child),.hero>*:not(canvas):last-child{margin-bottom:0}
 .hero .button{width:auto;min-width:340px;padding-inline:28px}
 .hero>.from-ad{margin-top:20px}
}

@media(min-width:1000px){.topnav-in{width:min(100% - 64px,1180px)}}

@media(min-width:720px) and (max-width:999px){.page,.topnav-in{width:min(100% - 48px,920px)}.hero{width:100%}}

.fine,.honest,.about-meta,.doc-note,.doc-lead,.final p{max-width:75ch}
.final p{margin-inline:auto}

.calc .button{align-self:flex-start}
@media(max-width:479px){.calc .button{align-self:stretch;max-width:none}}
@media(min-width:1000px){.calc>.button{justify-self:start}}

@media(min-width:720px) and (max-width:999px){.calc-form input[type=range]{height:51px;margin:0}}

.topnav{animation:none;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s ease,visibility 0s,background .3s,box-shadow .3s,border-color .3s}
.topnav.away{transform:translateY(-105%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .4s cubic-bezier(.5,0,.8,.4),opacity .3s ease,visibility 0s .4s}
.topnav .topnav-brand,.topnav .topnav-links a,.topnav .topnav-cta,.topnav .topnav-burger{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease,color .2s}
.topnav.away .topnav-brand,.topnav.away .topnav-links a,.topnav.away .topnav-cta,.topnav.away .topnav-burger{transform:translateY(-14px);opacity:0}
.topnav:not(.away) .topnav-links a:nth-child(2){transition-delay:.04s}.topnav:not(.away) .topnav-links a:nth-child(3){transition-delay:.08s}.topnav:not(.away) .topnav-links a:nth-child(4){transition-delay:.12s}.topnav:not(.away) .topnav-links a:nth-child(5){transition-delay:.16s}.topnav:not(.away) .topnav-links a:nth-child(6){transition-delay:.2s}.topnav:not(.away) .topnav-links a:nth-child(7){transition-delay:.24s}
.topnav:not(.away) .topnav-cta,.topnav:not(.away) .topnav-burger{transition-delay:.28s}

.page{padding-top:calc(28px + env(safe-area-inset-top,0px))}
@media(min-width:720px){.page{padding-top:calc(48px + env(safe-area-inset-top,0px))}}

.hero-brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:720;letter-spacing:-.02em;color:var(--text)}
.hero-brand .brand-mark,.hero-brand img{width:34px;height:34px}
.kicker{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px}
.kicker i{font-style:normal;opacity:.45}
@media(min-width:1000px){
 .hero{grid-template-rows:1fr repeat(7,auto) 1fr}
 .hero>.hero-brand{grid-row:2;margin-bottom:22px}.hero>.kicker{grid-row:3;justify-content:flex-start}.hero>h1{grid-row:4}.hero>.promise{grid-row:5}.hero>.button{grid-row:6}.hero>.hero-meta{grid-row:7}.hero>.from-ad{grid-row:8}
 .hero{grid-template-rows:1fr repeat(7,auto) 1fr}
}

@media(max-width:560px){.kicker i{display:none}.kicker{flex-direction:column;gap:4px}}

.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:-6px;font:700 12px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:'';width:22px;height:1px;background:var(--accent)}
.block>h2{font-size:clamp(26px,3.8vw,48px);line-height:1.05;letter-spacing:-.035em}
.block>h2.rv::after,.block>h2::after{display:none}
.block{gap:22px}

.vs{display:grid;gap:1px;background:var(--line-solid);border-block:1px solid var(--line-solid);margin-top:10px}
.vs>div{background:var(--bg);padding:26px 0 30px;display:flex;flex-direction:column;gap:14px}
.vs em{font:700 12px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:var(--muted)}
.vs-then em{color:var(--accent)}
.vs svg{width:100%;height:110px;overflow:visible}
.vs polyline{fill:none;stroke:var(--muted);stroke-width:2.6;stroke-dasharray:1 7;stroke-linecap:round;vector-effect:non-scaling-stroke}
.vs-then polyline{stroke:var(--accent);stroke-width:3.2}
.vs b{font:720 clamp(20px,2vw,26px)/1.2 var(--display);letter-spacing:-.02em}
.vs p,.vs .why-cause{color:var(--muted);font-size:16px;line-height:1.55;max-width:32em}
.vs h3{margin-top:6px}
.vs-points{display:flex;flex-direction:column}
.vs-points li{position:relative;padding:11px 0 11px 22px;border-top:1px dashed var(--line);font-size:15px;line-height:1.45}
.vs-points li::before{content:'';position:absolute;left:2px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--muted)}
.vs-then .vs-points li::before{background:var(--accent)}
.vs-points[hidden]{display:none}
@media(min-width:760px){.vs{grid-template-columns:1fr 1fr}.vs-now{padding-right:44px!important}.vs-then{padding-left:44px!important}}
.vs.anim:not(.in) polyline{stroke-dashoffset:60;opacity:0}.vs polyline{transition:opacity .8s ease .2s,stroke-dashoffset 1.6s ease .2s}

.timeline{flex-direction:column;gap:34px;padding-top:0;counter-reset:t}
.timeline::before{display:none}
.timeline li{margin:0;padding:18px 0 0;border:0;border-top:1px solid var(--line-solid);border-radius:0;background:none;gap:10px}
.timeline li::before{position:static;display:block;width:auto;height:auto;background:none;border-radius:0;box-shadow:none;content:counter(t);font:800 clamp(90px,11vw,150px)/.8 var(--display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--text) 36%,transparent);margin-bottom:6px;transform:none!important;text-align:left}
.timeline.in li::before{animation:numGlow 4.8s ease-in-out infinite}
.timeline.in li:nth-child(2)::before{animation-delay:1.6s}.timeline.in li:nth-child(3)::before{animation-delay:3.2s}
@keyframes numGlow{0%,38%,100%{-webkit-text-stroke-color:color-mix(in srgb,var(--text) 36%,transparent);text-shadow:none}10%,24%{-webkit-text-stroke-color:var(--accent);text-shadow:0 0 34px color-mix(in srgb,var(--accent) 45%,transparent)}}
.timeline b{font:720 22px/1.2 var(--display);letter-spacing:-.02em}
:root[data-theme=sport] .timeline li{border-radius:0}
@media(min-width:900px){.timeline{flex-direction:row;gap:48px}.timeline li{flex:1;padding:18px 0 0}.timeline li::before{left:auto;top:auto}}

.about{display:grid;gap:40px}
.about-left{display:flex;flex-direction:column;gap:20px}
.about-left h2{font-size:clamp(26px,3.8vw,48px);line-height:1.05;letter-spacing:-.035em}
.rules{grid-template-columns:1fr!important;gap:36px;counter-reset:r}
.rules li{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;padding:0;border:0;border-radius:0;background:none;transform:none!important}
.rules li::before{content:counter(r);grid-row:span 2;min-width:1.2em;font:800 clamp(44px,5vw,60px)/.9 var(--display);letter-spacing:-.04em;color:var(--accent)}
.rules h3{font:720 clamp(19px,2vw,23px)/1.2 var(--display);letter-spacing:-.02em;align-self:end}
.rules p{font-size:15px;line-height:1.55}
@media(min-width:900px){.about{grid-template-columns:.9fr 1.4fr;gap:80px;align-items:start}.about-left{position:sticky;top:96px}}

.cards{display:grid!important;grid-template-columns:1fr;gap:0;margin:6px 0 0!important;padding:0!important;overflow:visible!important;border-top:1px solid var(--line-solid);border-left:1px solid var(--line-solid)}
.cell{display:flex;flex-direction:column;gap:12px;min-height:200px;padding:24px;border-right:1px solid var(--line-solid);border-bottom:1px solid var(--line-solid);transition:background .3s,color .3s}
.cell i{font:700 13px/1 var(--display);font-style:normal;color:var(--accent);transition:color .3s}
.cell b{font:720 clamp(20px,2vw,26px)/1.15 var(--display);letter-spacing:-.02em}
.cell span{color:var(--muted);font-size:15px;line-height:1.5;transition:color .3s}
.cell u{margin-top:auto;text-decoration:none;font:700 14px/1 var(--display);display:inline-flex;gap:8px;align-items:center}
.cell u::after{content:'→';transition:transform .25s}
@media(hover:hover) and (pointer:fine){.cell{min-height:230px}.cell u{opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}.cell:hover{background:var(--button);color:var(--ink)}.cell:hover i,.cell:hover span{color:var(--ink)}.cell:hover u{opacity:1;transform:none}.cell:hover u::after{transform:translateX(4px)}}
@media(hover:none){.cell u{color:var(--accent)}}
.cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(min-width:700px){.cards{grid-template-columns:repeat(2,1fr)!important}}
@media(min-width:1000px){.cards{grid-template-columns:repeat(3,1fr)!important}}

.calc{display:grid;gap:34px}
.calc>*{grid-column:auto!important}
.calc-text{display:flex;flex-direction:column;gap:20px}
.calc-text h2{font-size:clamp(26px,3.8vw,48px);line-height:1.05;letter-spacing:-.035em}
.receipt{--zig:12px;position:relative;display:flex;flex-direction:column;width:min(100%,460px);margin-inline:auto;padding:26px 24px calc(30px + var(--zig));background:var(--raised);color:var(--text);border-top:4px solid var(--accent);font-variant-numeric:tabular-nums;filter:drop-shadow(0 26px 50px #0007);
 -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(var(--zig)*2) var(--zig) repeat-x,linear-gradient(#000,#000) top/100% calc(100% - var(--zig)) no-repeat;
 mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(var(--zig)*2) var(--zig) repeat-x,linear-gradient(#000,#000) top/100% calc(100% - var(--zig)) no-repeat}
:root[data-theme=bureau] .receipt{filter:drop-shadow(0 22px 44px #0626462e)}
.receipt-head{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:16px;font-size:12px;color:var(--muted)}
.receipt-head b{font:800 18px/1 var(--display);letter-spacing:.02em;color:var(--text)}
.rrow{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:8px 0;border-top:1px dashed var(--line-solid);font-size:15px;line-height:1.3;color:var(--text)}
.rrow small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.rrow b{font:750 17px/1 var(--display)}
.rrow.sum{color:var(--muted)}.rrow.sum b{color:var(--text)}
.rrow input{width:96px;flex:none;min-height:44px;padding:6px 2px;border:0;border-bottom:2px solid var(--accent);border-radius:0;background:none;color:var(--text);font:750 18px/1.1 var(--display);text-align:right;appearance:textfield;-moz-appearance:textfield}
.rrow input::-webkit-outer-spin-button,.rrow input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.rrow input::placeholder{color:var(--muted);font-weight:400}
.rrow input:focus{outline:0;background:color-mix(in srgb,var(--accent) 14%,transparent)}
.rrow.total{margin-top:6px;border-top:2px solid var(--text);padding-top:14px;font:700 12px/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase}
.rrow.total b{font:800 clamp(38px,9vw,50px)/1 var(--display);letter-spacing:-.03em;color:var(--accent)}
:root[data-theme=bureau] .rrow.total b{color:var(--button)}
.receipt .button{margin:18px 0 0;max-width:none;width:100%}
.receipt .button:disabled{opacity:.45;cursor:not-allowed;animation:none}
.receipt-foot{margin-top:10px;font-size:12px;line-height:1.4;color:var(--muted);text-align:center}
.receipt.empty .rrow.total b{color:var(--muted)}
@media(min-width:1000px){.calc{grid-template-columns:minmax(0,1fr) minmax(0,460px)!important;column-gap:72px!important;align-items:center}.receipt{transform:rotate(-1.2deg);margin:0}}

.mcal{display:grid;gap:30px;margin-top:6px}
.mcal-grid{display:grid;grid-template-columns:auto repeat(7,minmax(0,1fr));gap:10px 8px;align-items:center}
.mcal-grid em{font:700 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--muted);padding-right:8px;white-space:nowrap}
.mcal-grid em.d{padding:0;text-align:center}
.mcal-grid i{justify-self:center;width:100%;max-width:46px;aspect-ratio:1;border-radius:50%;background:var(--line-solid);transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s;transition-delay:calc(var(--i)*28ms)}
.mcal-grid.anim:not(.in) i{transform:scale(0);opacity:0}
.mcal-grid i.p,.mcal-legend i.p{background:var(--text)}
.mcal-grid i.c,.mcal-legend i.c{background:color-mix(in srgb,var(--accent) 42%,transparent)}
.mcal-grid i.l,.mcal-legend i.l{background:var(--accent)}
.mcal-grid i.r,.mcal-legend i.r{background:var(--bg);box-shadow:inset 0 0 0 3px var(--accent)}
:root[data-theme=bureau] .mcal-grid i.l,:root[data-theme=bureau] .mcal-legend i.l{background:var(--button)}
:root[data-theme=bureau] .mcal-grid i.c,:root[data-theme=bureau] .mcal-legend i.c{background:color-mix(in srgb,var(--button) 38%,transparent)}
:root[data-theme=bureau] .mcal-grid i.r,:root[data-theme=bureau] .mcal-legend i.r{box-shadow:inset 0 0 0 3px var(--button)}
.mcal-legend{display:flex;flex-direction:column}
.mcal-legend li{display:grid;grid-template-columns:16px 1fr;gap:14px;align-items:start;padding:15px 0;border-top:1px solid var(--line-solid);font-size:15px;line-height:1.5;color:var(--muted)}
.mcal-legend li:last-child{border-bottom:1px solid var(--line-solid)}
.mcal-legend i{width:14px;height:14px;border-radius:50%;margin-top:4px}
.mcal-legend b{display:block;color:var(--text);font:720 17px/1.25 var(--display);margin-bottom:2px}
@media(min-width:900px){.mcal{grid-template-columns:1.25fr 1fr;gap:72px;align-items:center}}

.qchat{display:grid;gap:24px;margin-top:6px}
.qchat[hidden],.faq[hidden]{display:none}
.qchat-asks{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}
.qchat-asks button{padding:12px 16px;min-height:46px;border-radius:18px 18px 18px 4px;border:1px solid var(--line-solid);background:none;color:var(--text);font:500 15px/1.3 Onest,Arial,sans-serif;text-align:left;cursor:pointer;transition:border-color .2s,opacity .3s,transform .2s}
.qchat-asks button:hover{border-color:var(--accent);transform:translateY(-2px)}
.qchat-asks button[aria-pressed=true]{opacity:.35;transform:none;cursor:default}
.qchat-feed{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:24px;background:var(--surface);min-height:300px;max-height:480px;overflow-y:auto;overscroll-behavior:contain}
.qchat-feed p{max-width:88%;padding:12px 16px;font-size:15px;line-height:1.5;animation:rise .35s ease-out both}
.qchat-feed .me{align-self:flex-end;background:var(--button);color:var(--ink);border-radius:18px 18px 4px 18px;font-weight:600}
.qchat-feed .us{align-self:flex-start;background:var(--raised);border-radius:18px 18px 18px 4px}
:root[data-theme=sport] .qchat-feed{border-radius:8px}
@media(min-width:900px){.qchat{grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}.qchat-feed{position:sticky;top:96px}}

.final{background:none;border:0;border-radius:0;border-block:1px solid var(--line-solid);padding:34px 0 40px;gap:18px;overflow:hidden}
.final::before{display:none}
.final h2{font-size:clamp(24px,3.2vw,40px)}
.final p{max-width:34em}
.tape{align-self:stretch;overflow:hidden;margin-bottom:10px}
.tape>div{display:flex;width:max-content;white-space:nowrap;font:800 clamp(44px,9vw,128px)/1.05 var(--display);letter-spacing:-.05em;text-transform:uppercase;animation:tape 24s linear infinite}
.tape span{padding-right:.5em}.tape span:nth-child(even){color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--text) 45%,transparent)}
:root[data-theme=sport] .tape>div{font-style:italic}
@keyframes tape{to{transform:translateX(-50%)}}

.docview{position:relative}
.docview .doc-stack{position:relative}
.doc-tabs button{background:none;border:1px solid var(--line-solid)}
.doc-tabs button[aria-selected=true]{border-color:var(--accent)}

.funnel{position:relative}

@media(max-width:999px){.calc-text{display:contents}.calc>.receipt,.calc .receipt{order:4}.calc .eyebrow{order:1}.calc h2{order:2}.calc .lead{order:3}.calc .calc-verdict{order:5}.calc .levers{order:6}.calc-text>.fine{order:7}}

@media(max-width:899px){.qchat-feed{order:-1;min-height:240px;max-height:52vh}.qchat-asks{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -16px;padding:2px 16px 10px;scrollbar-width:none}.qchat-asks::-webkit-scrollbar{display:none}.qchat-asks button{flex:none;max-width:76vw;scroll-snap-align:start}}

.doc-sheet{position:relative;z-index:1;border:1px solid var(--line-solid);border-top:4px solid var(--accent);border-radius:12px;background:var(--raised);box-shadow:10px 10px 0 -3px var(--surface),10px 10px 0 -2px var(--line-solid),20px 20px 0 -7px var(--surface),20px 20px 0 -6px var(--line-solid),0 34px 80px #0008}
:root[data-theme=bureau] .doc-sheet{box-shadow:10px 10px 0 -3px var(--surface),10px 10px 0 -2px var(--line-solid),20px 20px 0 -7px var(--surface),20px 20px 0 -6px var(--line-solid),0 24px 60px #0626462e}
:root[data-theme=sport] .doc-sheet{border-radius:6px}

.receipt{width:min(100%,640px);padding:22px clamp(18px,3vw,30px) calc(24px + var(--zig));transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .4s}
.receipt-head{flex-direction:row;justify-content:space-between;align-items:baseline;padding-bottom:14px;border-bottom:1px dashed var(--line-solid)}
.rgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px clamp(16px,3vw,32px);padding:10px 0 12px}
.rin{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:8px 0;font-size:13px;line-height:1.25;color:var(--muted);border-radius:8px;transition:background .3s}
.rin small{display:inline;margin-left:6px;font-size:12px;opacity:.8}
.rin.tick{animation:rtick .5s ease-out}
@keyframes rtick{0%{background:color-mix(in srgb,var(--accent) 22%,transparent)}100%{background:transparent}}
.stepper{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;border-bottom:2px solid var(--accent);transition:border-color .2s,box-shadow .2s}
.stepper:focus-within{box-shadow:0 10px 18px -12px var(--accent)}
.stepper input{width:100%;min-width:0;min-height:44px;padding:0 2px;border:0;border-radius:0;background:none;color:var(--text);font:750 20px/1 var(--display);text-align:center;appearance:textfield;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.stepper input::placeholder{color:var(--muted);font-weight:400;font-size:15px}
.stepper input:focus{outline:0}
.stepper button{height:36px;margin:4px 0;border:1px solid var(--line-solid);border-radius:10px;background:none;color:var(--text);font:500 20px/1 var(--display);cursor:pointer;transition:background .15s,color .15s,transform .1s,border-color .15s}
.stepper button:hover{border-color:var(--accent)}
.stepper button:active{background:var(--button);color:var(--ink);border-color:transparent;transform:scale(.92)}
:root[data-theme=sport] .stepper button{border-radius:4px}
.rstats{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:12px 0;border-block:1px dashed var(--line-solid)}
.rstats div{padding:0 12px;border-left:1px dashed var(--line-solid)}.rstats div:first-child{padding-left:0;border:0}
.rstats dt{font-size:12px;color:var(--muted)}.rstats dd{margin:4px 0 0;font:750 18px/1.1 var(--display);font-variant-numeric:tabular-nums}
.rtotal{display:grid;gap:14px 28px;align-items:end;padding:16px 0 4px}
.rtotal>p{display:flex;flex-direction:column;gap:6px}
.rtotal>p span{font:700 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rtotal>p b{font:800 clamp(44px,8vw,64px)/.95 var(--display);letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums}
:root[data-theme=bureau] .rtotal>p b{color:var(--button)}
.receipt.empty .rtotal>p b{color:var(--muted)}
.rscale p{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.rscale p b{color:var(--text);font:750 15px/1 var(--display)}
.rscale small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.rbar{position:relative;height:16px;margin-top:8px;border-radius:2px;background-image:radial-gradient(circle,var(--line-solid) 1.3px,transparent 1.7px);background-size:7px 8px}
.rbar i{position:absolute;inset:0 auto 0 0;width:50%;background-image:radial-gradient(circle,var(--accent) 1.5px,transparent 1.9px);background-size:7px 8px;transition:width .5s cubic-bezier(.2,.7,.2,1)}
:root[data-theme=bureau] .rbar i{background-image:radial-gradient(circle,var(--button) 1.5px,transparent 1.9px)}
.rbar u{position:absolute;top:-5px;bottom:-5px;width:3px;margin-left:-1px;border-radius:2px;background:var(--text);transition:left .5s cubic-bezier(.2,.7,.2,1),background .3s}
.rbar u.out{background:var(--warn)}.rbar u[hidden]{display:none}
.flash{animation:rflash .7s ease-out}
@keyframes rflash{0%{text-shadow:0 0 18px var(--accent);filter:brightness(1.5)}100%{text-shadow:none;filter:none}}
.receipt .button{margin-top:14px}

.receipt.rv:not(.in){clip-path:inset(0 0 100% 0);transform:translateY(-24px) rotate(-1.2deg);opacity:1}
.receipt.rv{transition:clip-path 1.1s cubic-bezier(.3,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.receipt.rv.in{clip-path:inset(0 0 0 0)}
@media(min-width:1000px){.calc{grid-template-columns:minmax(0,.85fr) minmax(0,640px)!important;column-gap:64px!important}.rtotal{grid-template-columns:auto 1fr}.receipt:hover{transform:rotate(0) translateY(-4px)}}
@media(max-width:479px){.rgrid{gap:2px 14px}.stepper{grid-template-columns:38px 1fr 38px}.stepper input{font-size:18px}.rstats dd{font-size:16px}.receipt-head{flex-direction:column;align-items:center;gap:4px}}

@media(min-height:480px){
 .page{gap:0;padding-top:0;padding-bottom:40px}
 .hero,.block,.final{min-height:100svh;padding-block:clamp(64px,9vh,110px);scroll-margin-top:0}
 .block,.final{justify-content:center}
 .about,.calc{align-content:center}
 .hero{justify-content:center;align-content:center}
 .block[hidden]{display:none}
}
@media(min-width:600px){.rgrid{grid-template-columns:repeat(3,1fr);gap:4px 22px}.stepper{grid-template-columns:38px 1fr 38px}}
.rin{padding:4px 0;min-height:0}.rgrid{align-items:end;padding:8px 0 10px}.rstats{padding:10px 0}.rtotal{padding:12px 0 2px}.receipt{padding-top:18px}.receipt .button{margin-top:12px;min-height:54px}

@media(min-height:480px) and (max-width:999px){.hero{padding-block:24px 28px}}

@font-face{font-family:'Bruno Ace';src:url('assets/bruno-ace-lat.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.brand>span,.wordmark{font-family:'Bruno Ace',Geologica,Arial,sans-serif;font-weight:400;font-size:.8em;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.brand .br,.wordmark .br{color:inherit}
.brand .ai,.wordmark .ai{margin-left:.3em;color:var(--accent,currentColor)}
.receipt-head b{font:400 15px/1 'Bruno Ace',Geologica,sans-serif;letter-spacing:.06em;text-transform:uppercase}.receipt-head b .ai{margin-left:.3em;color:var(--accent)}
.hero-brand>span{font-size:.84em}

@media(max-width:359px){.topnav-brand>span{display:none}}
:root[data-theme=bureau] .brand .ai,:root[data-theme=bureau] .receipt-head b .ai{color:var(--button)}
a.brand:hover .ai{text-shadow:none}

.landing-footer{gap:0;padding:28px 0 8px;border-top:3px solid var(--accent);font-size:15px;color:var(--muted)}
.landing-footer::before,.landing-footer::after{display:none}
:root[data-theme=bureau] .landing-footer{border-top-color:var(--button)}
.foot-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 30px}
.landing-footer .brand{font-size:19px;color:var(--text)}
.foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;margin:0 auto;padding:0;border:0}
.foot-nav a{padding:10px 0;color:var(--muted);font-size:15px;transition:color .2s}
.foot-nav a::after{display:none}
.foot-nav a:hover{color:var(--accent)}
.foot-up{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-solid);color:var(--text);font-size:19px;transition:background .25s,color .25s,border-color .25s,transform .25s}
.foot-up span{margin:0;border:0;width:auto;height:auto;transition:transform .25s}
.foot-up:hover{background:var(--button);color:var(--ink);border-color:transparent;transform:translateY(-3px)}
.foot-up:hover span{transform:translateY(-2px)}
:root[data-theme=sport] .foot-up{border-radius:6px}
.foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:13px}
.foot-bottom .privacy-footer{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:center}
.foot-bottom .privacy-footer a,.foot-bottom .privacy-footer button{padding:8px 0;min-height:40px;border:0;background:none;color:var(--muted);font:inherit;cursor:pointer;text-decoration:none;transition:color .2s}
.foot-bottom .privacy-footer a:hover,.foot-bottom .privacy-footer button:hover{color:var(--accent)}
@media(max-width:719px){.foot-row{justify-content:space-between}.foot-nav{order:3;width:100%;justify-content:flex-start;margin:0;gap:0 22px}.foot-bottom{flex-direction:column;align-items:flex-start}}
.foot-copy{color:var(--muted)}
.foot-bottom .privacy-footer .foot-contact{color:var(--text)}
@media(max-width:359px){.topnav-brand{min-width:44px;min-height:44px}}

.result-side{display:contents}
#result .docview{order:1}#result .honest,#result #sample-item{order:2}
.result-side>h2{font-size:clamp(26px,3.8vw,48px);line-height:1.05;letter-spacing:-.035em}
.result-note{padding-left:0;border-left:0;color:var(--muted)}
.funnel li:not(.rate)::before{min-width:104px}
#result .docview{display:flex;flex-direction:column;gap:0}
#result .doc-tabs{position:relative;z-index:2;top:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0 10px;margin-bottom:-1px}
#result .doc-tabs button{min-height:46px;border-radius:10px 10px 0 0;border:1px solid var(--line-solid);border-bottom-color:transparent;background:var(--surface)}
#result .doc-tabs button[aria-selected=true]{background:var(--raised);border-color:var(--line-solid);border-bottom-color:var(--raised);box-shadow:inset 0 3px 0 var(--accent)}
:root[data-theme=sport] #result .doc-tabs button{border-radius:6px 6px 0 0}
#result .doc-sheet{border-top:1px solid var(--line-solid)}
@media(min-width:1000px){
 #result{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);column-gap:clamp(40px,5vw,80px);align-items:center;align-content:center}
 .result-side{display:flex;flex-direction:column;gap:22px}
 #result .doc-sheet{min-height:510px}
}
@media(max-width:999px){#result .honest{margin-top:24px}}

.doc-tabs .t-short{display:none}
@media(max-width:479px){.doc-tabs .t-full{display:none}.doc-tabs .t-short{display:inline}
 #result .doc-tabs button{flex-direction:row;align-items:center;gap:7px;min-height:44px;padding:8px 9px;font-size:13.5px;white-space:nowrap}
 #result .doc-tabs{padding:0 6px}}

@media(hover:hover) and (pointer:fine){.cell{min-height:190px}.cell u{opacity:.5;transform:none}.cell:hover u{opacity:1}}

@media(min-width:900px){.qchat{align-items:stretch}.qchat-feed{position:static;height:0;min-height:100%;max-height:none}}

.tape{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}

@media(min-width:700px) and (max-width:899px){.timeline{flex-direction:row;gap:28px}.timeline li{flex:1;padding:18px 0 0}.timeline li::before{left:auto;top:auto;font-size:96px}}
@media(max-width:999px){.cell{min-height:150px}}
@media(min-width:600px) and (max-width:899px){.qchat-asks{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.qchat-asks button{flex:0 1 auto;max-width:100%}}

@media(max-width:599px){.qchat-asks{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;grid-auto-columns:max-content;gap:8px}.qchat-asks button{max-width:66vw;white-space:normal;text-align:left}}

@media(min-width:600px) and (max-width:999px) and (min-height:900px){.hero-brain{width:min(100%,520px);height:330px;margin:0 auto 6px}}
@media(max-width:479px){.hero-meta{flex-wrap:nowrap;justify-content:center;font-size:12.5px;letter-spacing:0;white-space:nowrap}.hero-meta span+span::before{margin:0 8px}}
@media(max-width:359px){.hero-meta{flex-wrap:wrap;font-size:12.5px}}

.br-wide{display:none}
@media(min-width:1200px){:root[data-theme=sport] .hero h1{font-size:clamp(32px,2.45vw,37px);text-wrap:balance}.br-wide{display:inline}}

@media(min-height:480px){.block{min-height:0;padding-block:clamp(44px,6.5vh,80px)}}
@media(min-height:480px){.block{scroll-margin-top:40px}}
@media(min-height:480px) and (max-width:699px){.block{padding-block:36px}}

.hero-meta{display:block;flex-wrap:initial;white-space:normal;font-size:14px;letter-spacing:0;text-wrap:balance}
@media(max-width:479px){.hero-meta{font-size:13.5px;white-space:normal}}

@media(max-width:400px){#result .doc-tabs button{justify-content:center;padding:8px 4px;font-size:13px}#result .doc-tabs button b{display:none}#result .doc-tabs{padding:0 4px;gap:3px}}
@media(max-width:330px){#result .doc-tabs button{font-size:12px}}

.step-prefer{display:flex;flex-direction:column;gap:6px}.step-prefer[hidden]{display:none}
.step-prefer-label{font-size:13px;font-weight:650;color:var(--muted)}

:root{--r-s:10px;--r-m:12px;--r-l:16px;--r-xl:24px;--icon-btn:44px}
:root[data-theme=sport]{--r-s:4px;--r-m:6px;--r-l:4px;--r-xl:6px}
html[data-theme][data-theme] .stepper button,html[data-theme][data-theme] .step-seg span,html[data-theme][data-theme] #result .doc-tabs button{border-radius:var(--r-s)}
html[data-theme][data-theme] #result .doc-tabs button{border-bottom-left-radius:0;border-bottom-right-radius:0}
html[data-theme][data-theme] .topnav[data-fit="3"] .topnav-cta.topnav-cta,html[data-theme][data-theme] .topnav-burger,html[data-theme][data-theme] .step-close,html[data-theme][data-theme] .foot-up,html[data-theme][data-theme] .step-seg,html[data-theme][data-theme] .step-field input,html[data-theme][data-theme] .step-field textarea,html[data-theme][data-theme] .doc-note,html[data-theme][data-theme] .doc-sheet,html[data-theme][data-theme] .calc-verdict{border-radius:var(--r-m)}
html[data-theme][data-theme] .button,html[data-theme][data-theme] .qchat-asks button,html[data-theme][data-theme] .qchat-feed p{border-radius:var(--r-l)}
html[data-theme][data-theme] dialog.step,html[data-theme][data-theme] .qchat-feed{border-radius:var(--r-xl)}

html[data-theme][data-theme] .topnav[data-fit="3"] .topnav-cta,html[data-theme][data-theme] .topnav-burger,html[data-theme][data-theme] .step-close,html[data-theme][data-theme] .foot-up{width:var(--icon-btn);height:var(--icon-btn);min-height:var(--icon-btn)}
html[data-theme][data-theme] .foot-up{font-size:18px}
html[data-theme][data-theme] .stepper button{height:40px}

@media(max-width:479px){html[data-theme] .receipt .button{font-size:13px;letter-spacing:0;padding:0 10px;white-space:nowrap;min-height:58px;height:58px}.receipt .button span{white-space:nowrap}}

.topnav.measuring,.topnav.measuring *{transition:none!important}

@media(max-width:719px){
 .hero-brain{height:clamp(84px,calc(100vh - 640px),210px);height:clamp(84px,calc(100svh - 565px),210px);margin:-8px auto -12px}
 .hero{gap:clamp(16px,2.8vh,24px);gap:clamp(16px,2.8svh,24px)}
}

.step{max-height:calc(100vh - 32px);max-height:calc(100svh - 32px)}

@media(max-height:480px) and (max-width:999px){.hero-brain{display:none}.hero{gap:12px;padding-block:14px 16px;min-height:0}html[data-theme][data-theme] .hero h1{font-size:clamp(22px,3.6vw,30px)}.page{padding-top:8px}.hero .promise{font-size:15px}.hero .button{min-height:50px}.hero-brand{font-size:18px}}

@media(max-width:999px){.receipt.rv:not(.in){transform:translateY(-24px)}}

.step-human-label{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.step-human-label small{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;opacity:.8;margin-top:3px}

:root .privacy-banner{border-radius:var(--r-l,18px)}
:root .privacy-banner [data-privacy-choice=yes]{background:var(--button,var(--accent));color:var(--ink,#0c0c0c);border-color:transparent;font-weight:600}

@media(max-width:340px){#calc-form .rgrid{grid-template-columns:1fr}}
.calc>*{min-width:0}

@media(max-width:360px){.step-or{justify-content:center;letter-spacing:.05em;font-size:11px}.step-or::before,.step-or::after{display:none}}

.safe .about-lead{color:var(--muted)}