:root{color-scheme:dark;--bg:#070b14;--panel:#101827;--line:#263247;--text:#f4f7fb;--muted:#a5b1c2;--gold:#eab308;--gold-soft:#facc15}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% -10%,#253149 0,#101827 34%,var(--bg) 72%);color:var(--text);font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--gold-soft)}
a:hover{color:#fff}
.shell{width:min(100% - 40px,1080px);margin:auto}
.topbar{border-bottom:1px solid var(--line);background:#090e19dd;backdrop-filter:blur(14px)}
.topbar .shell{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{color:#fff;text-decoration:none;font-size:1.16rem;font-weight:850;letter-spacing:.14em;white-space:nowrap}
.brand span{color:var(--gold)}
.nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.nav a{color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:650}
.nav a:hover{color:#fff}
.eyebrow{display:inline-block;padding:5px 12px;border:1px solid #786011;border-radius:999px;color:var(--gold-soft);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:#eab3080c}
.hero{padding:90px 0 76px;text-align:center}
.hero h1{font-size:clamp(2.4rem,7vw,5rem);line-height:1.16;letter-spacing:-.045em;margin:22px auto 20px;max-width:900px}
.hero h1 em{font-style:normal;color:var(--gold-soft)}
.lead{max-width:700px;margin:0 auto;color:var(--muted);font-size:1.15rem}
.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:9px 19px;border-radius:11px;font-weight:800;text-decoration:none}
.button.primary{color:#1a1605;background:var(--gold-soft)}
.button.primary:hover{background:#fff}
.button.secondary{color:#fff;border:1px solid var(--line);background:#ffffff08}
.button.secondary:hover{border-color:var(--gold)}
.section{padding:34px 0 72px}
.section h2{font-size:1.9rem;line-height:1.3;margin:0 0 12px}
.section-intro{color:var(--muted);max-width:780px;margin:0 0 25px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#172033,#101827);padding:26px}
.card .count{font-size:.76rem;color:var(--gold);font-weight:900;letter-spacing:.16em}
.card h3{font-size:1.25rem;margin:12px 0 8px}
.card p{color:var(--muted);margin:0}
.note{border:1px solid #5b4a16;background:#2e260f77;border-radius:14px;padding:18px 22px;color:#eadca8}
.note p{margin:0}
.prose{max-width:830px;margin:52px auto 80px}
.prose h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.2;margin:20px 0 10px}
.prose h2{font-size:1.35rem;margin:35px 0 10px;color:#fff}
.prose p,.prose li{color:var(--muted)}
.prose ul{padding-inline-start:24px}
.prose strong{color:#f1f3f7}
.prose .card{margin-top:22px}
.divider{border:0;border-top:1px solid var(--line);margin:46px 0}
.footer{border-top:1px solid var(--line);padding:26px 0;color:#7e8b9b;font-size:.83rem}
.footer .shell{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:750px){.topbar .shell{padding:14px 0;align-items:flex-start;flex-direction:column}.hero{padding:65px 0 55px}.grid{grid-template-columns:1fr}.section{padding-bottom:50px}}