:root{--bg:#0b1220;--panel:#121a2b;--panel2:#0f1727;--text:#e5edf8;--muted:#94a3b8;--line:#22304a;--brand:#60a5fa;--brand2:#22c55e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Inter,Segoe UI,Arial,sans-serif;background:#0a1020;color:var(--text)}a{color:inherit;text-decoration:none}.wrap{width:min(1100px,92%);margin:0 auto}.topbar{position:sticky;top:0;backdrop-filter:blur(10px);background:rgba(10,16,32,.72);border-bottom:1px solid rgba(255,255,255,.06)}.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.nav nav{display:flex;gap:18px;color:var(--muted)}.brand{font-weight:700;letter-spacing:.02em}.hero{padding:72px 0 40px;background:radial-gradient(circle at top right,#16315f 0,#0a1020 55%)}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:center}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.18em;color:#93c5fd;margin-bottom:12px}.hero h1{font-size:48px;line-height:1.1;margin:0 0 16px}.hero p{max-width:62ch;color:#c6d3e6}.actions{display:flex;gap:12px;margin-top:24px}.btn{display:inline-block;padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:transparent}.btn.primary{background:var(--brand);color:#08111f;border-color:transparent;font-weight:600}.section{padding:52px 0}.alt{background:linear-gradient(180deg,#0c1323,#0b1321)}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.metrics ul,.list{margin:0;padding-left:18px}.metrics li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);list-style:none}.metrics li:last-child{border-bottom:none}.metrics strong{font-size:28px}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill.up{background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(34,197,94,.28)}.footer{border-top:1px solid rgba(255,255,255,.06);padding:28px 0 46px;background:#08101d}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:18px}.muted{color:var(--muted)}
@media (max-width: 820px){.hero h1{font-size:34px}.hero-grid,.grid.three,.grid.two,.footer-grid{grid-template-columns:1fr}.nav{flex-direction:column;gap:10px;align-items:flex-start}.nav nav{flex-wrap:wrap}.actions{flex-wrap:wrap}}