:root { --bg:#0b1020; --ink:#eaf1ff; --muted:#9db2d3; --card:#121a33; --accent:#6aa6ff; }
*{box-sizing:border-box} html,body{height:100%}
body{
  margin:0; font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  color:var(--ink); background:radial-gradient(1200px 600px at 10% -10%, #142042, transparent),
                    radial-gradient(900px 500px at 110% 10%, #1a2a55, transparent), var(--bg);
}
.container{max-width:960px; margin:0 auto; padding:0 20px}
.site-header{position:sticky; top:0; backdrop-filter:saturate(140%) blur(6px); background:rgba(11,16,32,.6); border-bottom:1px solid rgba(255,255,255,.06)}
.site-header .container{display:flex; gap:24px; align-items:center; padding:14px 20px}
h1{font-size:20px; margin:0}
.tagline{margin:0; color:var(--muted)}
nav{margin-left:auto; display:flex; gap:16px}
nav a{color:var(--ink); text-decoration:none; opacity:.9}
nav a:hover{color:var(--accent)}
.section{padding:56px 0}
.section-muted{background:linear-gradient(transparent, rgba(255,255,255,.02))}
.features{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; padding-left:18px}
.site-footer{border-top:1px solid rgba(255,255,255,.06); padding:24px 0; background:#0b1020}