:root{--bg:#0f0e1a;--bg2:#161428;--card:#1c1a33;--line:#2c2950;--text:#ecebf5;--muted:#a9a6c4;--accent:#a78bfa;--fire:#ff6a1f;--ok:#34d399;--warn:#fbbf24;--radius:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif}
a{color:var(--accent)}a:hover{color:#c4b5fd}
img{max-width:100%;height:auto}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}
header.top{border-bottom:1px solid var(--line);background:rgba(15,14,26,.92);position:sticky;top:0;z-index:5;backdrop-filter:saturate(1.4) blur(6px)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;gap:16px}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--text);text-decoration:none;font-size:19px}
.brand img{width:28px;height:28px;border-radius:7px}
nav.main a{color:var(--muted);text-decoration:none;margin-left:20px;font-size:15px}nav.main a:hover{color:var(--text)}
nav.main a.btn{color:#fff;margin-left:22px}
.btn{display:inline-block;background:var(--fire);color:#fff;text-decoration:none;font-weight:650;padding:12px 20px;border-radius:10px;border:0;line-height:1.2}
.btn:hover{background:#ff7d3b;color:#fff}.btn.sm{padding:8px 14px;font-size:15px}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.btn.ghost:hover{border-color:var(--accent)}
.hero{padding:72px 0 40px;text-align:center}
.hero h1{font-size:clamp(34px,5.4vw,58px);line-height:1.08;margin:0 auto 18px;max-width:900px;letter-spacing:-.02em}
.hero p.sub{font-size:clamp(17px,2.1vw,21px);color:var(--muted);max-width:720px;margin:0 auto 28px}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.reassure{color:var(--muted);font-size:14px;margin-top:14px}
.eyebrow{display:inline-block;color:var(--accent);font-weight:650;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
section{padding:56px 0;border-top:1px solid var(--line)}section h2{font-size:clamp(26px,3.4vw,36px);line-height:1.2;margin:0 0 14px;letter-spacing:-.01em}
section .lead{color:var(--muted);max-width:760px;margin:0 0 28px}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;color:var(--muted)}
.card.hl{border-color:var(--fire);box-shadow:0 0 0 1px var(--fire) inset}
.price{font-size:40px;font-weight:750;margin:6px 0}.price small{font-size:15px;color:var(--muted);font-weight:500}
ul.ticks{list-style:none;padding:0;margin:14px 0 18px}ul.ticks li{padding-left:26px;position:relative;margin:7px 0;color:var(--text)}
ul.ticks li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.pillars{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:22px 0 0}
.pill{border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--muted);font-size:15px}
.shot{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.note{font-size:14px;color:var(--muted)}
.steps{counter-reset:s}.steps .card{position:relative;padding-top:52px}.steps .card:before{counter-increment:s;content:counter(s);position:absolute;top:18px;left:22px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#111;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
details{border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:10px 0;background:var(--bg2)}summary{cursor:pointer;font-weight:650}details p{color:var(--muted);margin:10px 0 0}
footer{border-top:1px solid var(--line);padding:36px 0 50px;color:var(--muted);font-size:15px}
footer .cols{display:flex;flex-wrap:wrap;gap:36px;justify-content:space-between}footer a{color:var(--muted)}footer h4{color:var(--text);margin:0 0 8px;font-size:15px}
footer ul{list-style:none;margin:0;padding:0}footer li{margin:5px 0}
/* article */
article{padding:44px 0 30px}article h1{font-size:clamp(30px,4.4vw,46px);line-height:1.12;letter-spacing:-.02em;margin:10px 0 14px}
.meta{color:var(--muted);font-size:14px;margin-bottom:26px}
article h2{font-size:28px;line-height:1.25;margin:44px 0 12px;letter-spacing:-.01em}article h3{font-size:21px;margin:30px 0 8px}
article p,article li{color:#dcdaea}article li{margin:6px 0}
article table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15px;display:block;overflow-x:auto}
article th,article td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}article th{background:var(--card)}
article blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid var(--accent);background:var(--bg2);border-radius:0 10px 10px 0}
article code{background:var(--card);padding:2px 6px;border-radius:5px;font-size:.92em}
.tldr{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:0 0 26px}.tldr strong:first-child{color:var(--accent)}
.toc-wrap{margin:0 0 28px;font-size:15px}.toc-wrap ul{margin:8px 0 0;padding-left:20px}.toc-wrap li{margin:4px 0}
.cta-box{background:linear-gradient(135deg,#231e45,#2a1a2e);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin:40px 0;text-align:center}.cta-box h3{margin:0 0 8px}.cta-box p{color:var(--muted);margin:0 0 16px}
.crumbs{font-size:14px;color:var(--muted)}.crumbs a{color:var(--muted)}
.postlist .card a{text-decoration:none;color:var(--text)}.postlist .card a:hover h3{color:var(--accent)}
.sources{font-size:15px}.sources li{color:var(--muted)}
@media (max-width:720px){nav.main a:not(.btn){display:none}.hero{padding:48px 0 28px}section{padding:42px 0}}