@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/inter-latin.woff2) format("woff2");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:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/inter-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{--bg:#faf8f3;--bg2:#f1eee6;--ink:#17171a;--ink2:#4a4a52;--muted:#7c7c86;--line:#e2dfd6;--line2:#cfcbc1;--acc:#0e7c7b;--acc2:#0a5f5e;--sub:#ffd166;--dark:#0e0f13;--dark2:#15161c;--max:1120px;--gut:24px;
--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--sub);color:var(--ink)}
a{color:var(--acc);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--acc2)}img,svg{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:6px;z-index:100}.skip:focus{left:12px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.1;letter-spacing:-.012em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(38px,5.6vw,66px);font-weight:600}h2{font-size:clamp(28px,3.6vw,42px)}h3{font-size:22px;line-height:1.25}
h4{font-size:15px;margin:0 0 .4em;font-weight:600}
p{margin:0 0 1em}.lead{font-size:19px;color:var(--ink2);max-width:58ch;line-height:1.55;text-wrap:pretty}
.muted{color:var(--muted)}.small{font-size:14px}.num{font-variant-numeric:tabular-nums}
.sec-n{display:inline-block;font:12px/1 var(--mono);letter-spacing:.14em;color:var(--muted);margin-bottom:14px}
/* ---- header */
header.top{position:sticky;top:0;z-index:40;background:var(--dark);color:#fff;transition:box-shadow .25s}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
header.top.scrolled{background:rgba(14,15,19,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.logo{display:inline-flex;align-items:baseline;gap:7px;text-decoration:none;color:#fff;font-weight:800;font-size:24px;letter-spacing:-.04em;line-height:1}
.logo .tag{display:inline-block;background:var(--sub);color:var(--ink);font-weight:800;font-size:14.5px;letter-spacing:-.01em;padding:4px 8px 3px;border-radius:6px;transform:translateY(-2px)}
.logo:hover{color:#fff}
footer .logo{color:var(--ink)}footer .logo:hover{color:var(--ink)}
nav.main{display:flex;align-items:center;gap:26px}
nav.main a{color:rgba(255,255,255,.78);text-decoration:none;font-size:15px;position:relative;padding:4px 0}nav.main a:hover{color:#fff}
nav.main a[aria-current]{color:#fff}nav.main a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--sub)}
nav.main a.cta{color:var(--sub);font-weight:600}
.burger{display:none;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:8px;width:44px;height:40px;cursor:pointer;align-items:center;justify-content:center}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:2px;background:#fff;position:relative;content:"";border-radius:2px}
.burger span::before{position:absolute;top:-6px}.burger span::after{position:absolute;top:6px}
@media(max-width:860px){nav.main{display:none;position:absolute;left:0;right:0;top:72px;background:var(--dark);border-bottom:1px solid rgba(255,255,255,.1);flex-direction:column;align-items:stretch;padding:8px 24px 18px;gap:0;z-index:30}
nav.main.open{display:flex}nav.main a{padding:14px 0;font-size:17px;border-bottom:1px solid rgba(255,255,255,.1)}nav.main a[aria-current]::after{display:none}.burger{display:flex}}
/* ---- hero (dark) */
.hero{background:var(--dark);color:#fff;padding:64px 0 80px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 80% 20%,rgba(14,124,123,.22),transparent 70%),radial-gradient(40% 40% at 10% 90%,rgba(255,209,102,.1),transparent 70%)}
.hero .wrap{position:relative}
.hero .grid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
@media(max-width:900px){.hero .grid{grid-template-columns:1fr;gap:36px}.hero{padding:44px 0 56px}}
.hero h1{margin-bottom:20px;color:#fff}
.hero .lead{color:rgba(255,255,255,.72)}
.kicker{font:12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sub);margin-bottom:22px}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:8px;background:var(--ink);color:#fff;font-weight:600;text-decoration:none;font-size:15px;border:1px solid var(--ink);transition:transform .15s,background .15s,box-shadow .15s}
.btn:hover{background:#000;color:#fff;transform:translateY(-1px)}.btn:active{transform:none}
.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--bg2);color:var(--ink)}
.hero .btn{background:var(--sub);color:var(--ink);border-color:var(--sub)}.hero .btn:hover{background:#ffdb85;color:var(--ink);box-shadow:0 8px 30px -10px rgba(255,209,102,.6)}
.hero .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}.hero .btn.ghost:hover{background:rgba(255,255,255,.08);color:#fff;box-shadow:none}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 18px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.62)}@media(max-width:900px){.trust{grid-template-columns:repeat(2,1fr)}}
.trust b{display:block;font-family:var(--serif);font-size:22px;color:#fff;font-weight:600;letter-spacing:-.01em;line-height:1.1;margin-bottom:2px}
/* ---- player */
.player{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0b0c10;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 90px -30px rgba(0,0,0,.9)}
.player .scene{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}.player .scene.on{opacity:1}
.player .s0{background:radial-gradient(60% 50% at 30% 30%,#2a3d5c,transparent 70%),radial-gradient(50% 60% at 80% 70%,#5c2a3a,transparent 70%),linear-gradient(180deg,#1a1c24,#0e0f14)}
.player .s1{background:radial-gradient(70% 60% at 30% 40%,#3a4a3a,transparent 70%),radial-gradient(50% 50% at 80% 80%,#6a4a2a,transparent 70%),linear-gradient(180deg,#1b1f22,#0b0c10)}
.player .s2{background:radial-gradient(70% 60% at 50% 40%,#2a3d5c,transparent 70%),linear-gradient(180deg,#141821,#0b0c10)}
.player .s3{background:radial-gradient(60% 70% at 25% 50%,#4a3f36,transparent 70%),radial-gradient(40% 50% at 80% 40%,#2f3a4a,transparent 70%),linear-gradient(180deg,#1d1d20,#0e0f12)}
.player .vig{position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 45%,transparent 40%,rgba(0,0,0,.62) 100%)}
.player .grain{position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27240%27 height=%27240%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.9%27 numOctaves=%272%27 stitchTiles=%27stitch%27/%3E%3CfeColorMatrix values=%270 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0%27/%3E%3C/filter%3E%3Crect width=%27240%27 height=%27240%27 filter=%27url(%23n)%27/%3E%3C/svg%3E")}
.player .cap{position:absolute;left:7%;right:7%;bottom:10%;text-align:center;color:#fff;font-size:clamp(15px,1.9vw,23px);line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9);opacity:0;transition:opacity .18s;font-weight:500}.player .cap.on{opacity:1}
.player .cap .w{display:inline-block;margin:0 .13em;opacity:0;transform:translateY(5px);transition:opacity .14s ease,transform .14s ease,color .14s}
.player .cap .w.done{opacity:1;transform:none}.player .cap .w.now{opacity:1;transform:none;color:var(--sub)}
.player .cap.classic .w,.player .cap.sdhm .w{opacity:1;transform:none;color:#fff;transition:none}
.player .cap .spk{display:block;font:700 .62em/1 var(--sans);letter-spacing:.1em;color:var(--sub);margin-bottom:8px;text-shadow:0 1px 4px rgba(0,0,0,.9)}
.player .cap.classic .spk{display:none}
.player .cap .snd{color:var(--sub);font-style:italic}
.player .voice{position:absolute;left:16px;bottom:18px;display:flex;gap:3px;align-items:flex-end;height:18px;opacity:.35;transition:opacity .2s}.player.speaking .voice{opacity:1}
.player .voice i{display:block;width:3px;height:4px;background:#fff;border-radius:2px}
.player.speaking .voice i{animation:vb .55s ease-in-out infinite alternate}.player .voice i:nth-child(2){animation-delay:.12s}.player .voice i:nth-child(3){animation-delay:.24s}.player .voice i:nth-child(4){animation-delay:.06s}.player .voice i:nth-child(5){animation-delay:.18s}
@keyframes vb{from{height:4px}to{height:16px}}
.player .tc,.player .cps{position:absolute;top:14px;font:12px/1 var(--mono);color:rgba(255,255,255,.85);background:rgba(0,0,0,.5);padding:7px 9px;border-radius:6px;letter-spacing:.04em;backdrop-filter:blur(4px)}
.player .tc{left:16px}.player .cps{right:16px;color:#8fd3d1}.player .cps.w{color:var(--sub)}.player .cps.b{color:#ff6b6b}
.player .line{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.14)}.player .line i{display:block;height:100%;width:0;background:var(--sub)}
.modes{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap;align-items:center}.modes button{font:13px/1 var(--sans);padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);cursor:pointer;color:rgba(255,255,255,.8);transition:background .15s,color .15s}
.modes button:hover{background:rgba(255,255,255,.12);color:#fff}.modes button.on{background:var(--sub);color:var(--ink);border-color:var(--sub)}.modes span{font-size:13px;color:rgba(255,255,255,.5);margin-left:6px}
.hero figcaption{color:rgba(255,255,255,.5);font-size:13.5px;margin-top:12px;line-height:1.5}
@media(prefers-reduced-motion:reduce){.player .cap .w{transition:none}.player.speaking .voice i{animation:none}}
/* ---- standards strip */
.strip{border-bottom:1px solid var(--line);background:var(--bg)}
.strip .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;padding-top:18px;padding-bottom:18px;font-size:13.5px;color:var(--muted)}
.strip b{font-family:var(--mono);font-weight:500;color:var(--ink2);letter-spacing:.02em;font-size:13px}
/* ---- sections */
section{padding:88px 0}section.alt{background:var(--bg2)}section.tight{padding:56px 0}
@media(max-width:800px){section{padding:56px 0}}
.sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.sechead h2{margin:0}.sechead a{font-size:15px}
.shot{border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06),0 30px 70px -28px rgba(20,20,30,.4);border:1px solid rgba(0,0,0,.08);background:#17181d}
.shot img{display:block;width:100%}
figure{margin:0}figcaption{font-size:13.5px;color:var(--muted);margin-top:12px;line-height:1.5}
.rows{border-top:1px solid var(--line2)}
.row{display:grid;grid-template-columns:40px 1fr 1.6fr auto;gap:24px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start;transition:background .15s}
.row .i{font:13px/1.6 var(--mono);color:var(--muted)}
.row h3{margin:0 0 4px;font-size:22px}.row h3 a{color:inherit;text-decoration:none}.row h3 a:hover{color:var(--acc)}.row p{margin:0;color:var(--ink2);font-size:15.5px;max-width:52ch}.row .price{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap;color:var(--ink);text-align:right;font-size:17px}.row .price small{display:block;font-weight:400;color:var(--muted);font-size:13px;margin-top:2px}
@media(max-width:760px){.row{grid-template-columns:1fr;gap:8px}.row .i{display:none}.row .price{text-align:left}}
.works{border-top:1px solid var(--line2)}
.work{display:grid;grid-template-columns:150px 1fr 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px}
.work .d{color:var(--muted);font-variant-numeric:tabular-nums}.work b{font-weight:600}.work span{color:var(--ink2)}
@media(max-width:760px){.work{grid-template-columns:1fr;gap:4px}}
.two{display:grid;gap:48px;grid-template-columns:1fr 1fr;align-items:center}@media(max-width:800px){.two{grid-template-columns:1fr;gap:28px}}
.two .txt h2{margin-top:0}
.news{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.news li{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}.news .d{color:var(--muted);font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:13px;padding-top:2px}
@media(max-width:600px){.news li{grid-template-columns:1fr;gap:2px}}
.steps{list-style:none;margin:0;padding:0;counter-reset:s;max-width:760px}
.steps li{counter-increment:s;position:relative;padding:0 0 30px 64px}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:2px;width:40px;height:40px;border-radius:50%;background:var(--sub);color:var(--ink);font:600 13px/1 var(--mono);display:flex;align-items:center;justify-content:center}
.steps li::after{content:"";position:absolute;left:19px;top:46px;bottom:0;width:2px;background:var(--line)}.steps li:last-child::after{display:none}
.steps h3{font-size:21px;margin:8px 0 6px}.steps p{margin:0;color:var(--ink2);font-size:15.5px;max-width:60ch}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{padding:14px 14px 14px 0;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom-color:var(--line2)}
.tbl{overflow:auto}
.calc{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}
.calc label{display:block;font-size:13px;color:var(--ink2);margin-bottom:6px;font-weight:500}
input,select,textarea{font:inherit}
.calc input,.calc select,.form input,.form textarea,.form select,.tool textarea,.tool input{width:100%;padding:11px 13px;border:1px solid var(--line2);border-radius:8px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.calc input:focus,.calc select:focus,.form input:focus,.form textarea:focus,.form select:focus,.tool textarea:focus,.tool input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(14,124,123,.15)}
.calc .total{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding-top:10px;border-top:1px solid var(--line)}
.calc .total b{font-size:30px;font-family:var(--serif);font-weight:600}.calc .total span{color:var(--muted);font-size:14px}
.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:18px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px;font-size:16.5px;align-items:center}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"";width:10px;height:10px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .2s;flex:none;margin-right:4px}
.faq details[open] summary::after{transform:rotate(225deg)}.faq details p{color:var(--ink2);padding-bottom:18px;margin:0;max-width:70ch}
.posts{display:grid;gap:32px 28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.post-card{display:block;text-decoration:none;color:var(--ink)}.post-card:hover{color:var(--ink)}.post-card:hover h3{text-decoration:underline;text-decoration-color:var(--sub);text-decoration-thickness:3px;text-underline-offset:4px}
.post-card img{display:block;width:100%;border-radius:8px;border:1px solid rgba(0,0,0,.08);transition:transform .25s,box-shadow .25s}.post-card:hover img{transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(0,0,0,.4)}
.post-card .meta{font:13px/1.4 var(--mono);color:var(--muted);margin:14px 0 8px}.post-card h3{margin:0 0 8px;font-size:21px}.post-card p{color:var(--ink2);font-size:15px;margin:0}
article.post{max-width:700px}article.post h1{font-size:clamp(32px,4.4vw,48px)}article.post h2{font-size:27px;margin-top:1.6em}article.post p,article.post li{font-size:17.5px;color:#26262c;line-height:1.68}
article.post .meta{color:var(--muted);font:14px/1.4 var(--mono);margin-bottom:26px}article.post .cover{margin:0 0 30px}article.post .cover img{border-radius:8px;display:block;width:100%;border:1px solid rgba(0,0,0,.08)}
article.post figure{margin:28px 0}
article.post blockquote{margin:1.3em 0;padding:4px 0 4px 22px;border-left:3px solid var(--sub);font-family:var(--serif);font-size:22px;line-height:1.45;color:var(--ink)}
article.post pre{background:var(--dark);color:#e8e8ee;padding:16px 18px;border-radius:8px;overflow:auto;font:13.5px/1.55 var(--mono)}
article.post table{font-size:15px}article.post .kbd{font:13.5px var(--mono);background:var(--bg2);padding:2px 6px;border-radius:4px;border:1px solid var(--line)}
.prose{max-width:720px}.wrap.prose{max-width:var(--max)}.wrap.prose>*{max-width:720px}.prose h2{margin-top:1.5em}.prose ul{padding-left:20px}.prose li{margin-bottom:.45em;color:#26262c}
.form{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.form .full{grid-column:1/-1}.form label{display:block;font-size:13px;font-weight:500;color:var(--ink2);margin-bottom:6px}.form textarea{min-height:130px;resize:vertical}
@media(max-width:700px){.form{grid-template-columns:1fr}}
.ok{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px 22px}
.aside{border-top:3px solid var(--sub);padding-top:16px;font-size:15px;color:var(--ink2)}.aside h4{color:var(--ink)}
/* ---- tool */
.tool{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}@media(max-width:800px){.tool{grid-template-columns:1fr}}
.tool textarea{min-height:92px;font-size:17px;line-height:1.4;resize:vertical}
.tool .ctl{display:flex;gap:16px;align-items:end;margin-top:14px;flex-wrap:wrap}.tool .ctl label{font-size:13px;color:var(--ink2);display:block;margin-bottom:6px}.tool .ctl input{width:120px}
.prev{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:radial-gradient(60% 60% at 60% 30%,#2b3140,transparent 70%),linear-gradient(180deg,#171a21,#0b0c10);margin-top:16px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.prev .safe{position:absolute;inset:5% 5%;border:1px dashed rgba(255,255,255,.14);border-radius:4px}
.prev .cap{position:absolute;left:7%;right:7%;bottom:9%;text-align:center;color:#fff;font-size:clamp(14px,1.6vw,20px);line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.9);white-space:pre-line;font-weight:500}
.prev .cap.bad{color:#ff8f8f}.prev .lbl{position:absolute;top:10px;left:12px;font:11px/1 var(--mono);color:rgba(255,255,255,.55);letter-spacing:.08em}
.verdict{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}.verdict li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;align-items:start}
.verdict i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-top:5px;background:var(--acc);box-shadow:0 0 0 3px rgba(14,124,123,.15)}.verdict li.w i{background:#e0a800;box-shadow:0 0 0 3px rgba(255,209,102,.3)}.verdict li.b i{background:#c92a2a;box-shadow:0 0 0 3px rgba(201,42,42,.15)}.verdict b{display:block}.verdict span{color:var(--ink2)}
/* ---- reel */
.reel{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.reel{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.reel{grid-template-columns:1fr}}
.reel figure img{display:block;width:100%;border-radius:8px;border:1px solid rgba(0,0,0,.12);transition:transform .25s,box-shadow .25s}.reel figure:hover img{transform:translateY(-3px);box-shadow:0 20px 40px -22px rgba(0,0,0,.5)}
.reel figcaption{font-size:13.5px;margin-top:10px;color:var(--ink2)}.reel figcaption b{color:var(--ink);font-weight:600}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);border:1px solid var(--line);border-radius:999px;padding:7px 13px;background:#fff}.pill i{width:7px;height:7px;border-radius:50%;background:var(--acc)}
/* ---- cta band */
.cta-band{background:var(--dark);color:#fff;padding:80px 0}.cta-band h2{color:#fff}.cta-band .lead{color:rgba(255,255,255,.7)}.cta-band a{color:var(--sub)}
.cta-band .btn{background:var(--sub);color:var(--ink);border-color:var(--sub)}.cta-band .btn:hover{background:#ffdb85;color:var(--ink)}
/* ---- footer */
footer{border-top:1px solid var(--line);padding:44px 0 32px;color:var(--muted);font-size:14px;background:var(--bg)}
footer .cols{display:grid;gap:28px;grid-template-columns:1.6fr 1fr 1fr 1fr}@media(max-width:800px){footer .cols{grid-template-columns:1fr 1fr}}
footer h4{font:500 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink2);margin-bottom:12px}footer a{color:var(--ink2);text-decoration:none;display:block;margin-bottom:8px}footer a:hover{color:var(--ink)}
footer .bottom{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.crumbs{font:13px/1.4 var(--mono);color:var(--muted);margin-bottom:20px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}
.facts .stat-row{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}.facts .k{color:var(--muted)}.facts .v{color:var(--ink);font-weight:600}
.err{padding:110px 0;text-align:center}.err h1{font-size:96px;margin:0;color:var(--ink)}.err p{color:var(--ink2)}
/* ---- reveal */
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.btn{transition:none}}
