:root{--black: #0a0a0b;--graphite: #16171a;--surface: #1c1e22;--accent: #7c5cff;--text: #f2f3f5;--muted: #9aa0a6}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Inter,system-ui,sans-serif;color:var(--text);background:var(--black);min-height:100vh}.site{max-width:1100px;margin:0 auto;padding:0 24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #26282e;flex-wrap:wrap;gap:12px}.brand{display:flex;align-items:baseline;gap:8px}.wordmark{font-size:20px;font-weight:700;letter-spacing:.18em}.tag{color:var(--accent);font-weight:700;letter-spacing:.1em}.nav{display:flex;gap:22px;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none;font-size:14px;letter-spacing:.04em}.nav a.active,.nav a:hover{color:var(--text)}main{padding:56px 0 64px}.hero{padding:40px 0 56px}.hero h1{font-size:64px;line-height:1.02;letter-spacing:-.02em;margin:0 0 18px}.hero p{font-size:20px;color:var(--muted);max-width:620px}.btn{display:inline-block;padding:13px 26px;border-radius:6px;font-weight:600;text-decoration:none;margin:18px 10px 0 0;background:var(--accent);color:#0a0a0b}.btn.ghost{background:transparent;color:var(--text);border:1px solid #333640}.metricbar{display:flex;gap:40px;flex-wrap:wrap;padding:22px 0;border-top:1px solid #26282e;border-bottom:1px solid #26282e;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--muted)}.metricbar b{color:var(--text);display:block;font-size:24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:44px 0}.panel{background:var(--surface);border:1px solid #26282e;border-radius:10px;padding:24px}.panel h3{margin-top:0}.panel .accent{color:var(--accent)}.footer{text-align:center;padding:30px 0;color:#5b6067;font-size:13px;border-top:1px solid #26282e}@media (max-width: 820px){.grid{grid-template-columns:1fr}.hero h1{font-size:40px}}