:root{
--bg:#0a0b10;
--panel:#121524;
--text:#e9ebf5;
--muted:#a5adc8;
--accent:#7c5cff;
--accent2:#23c9ff;
--border:#242a45;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
background: radial-gradient(1200px 500px at 80% -10%, #1f2550 0%, transparent 60%), var(--bg);
color:var(--text);
line-height:1.6;
}

.container{
width:min(1100px, 92%);
margin:0 auto;
}
.narrow{width:min(760px, 92%)}

.topbar{
position:sticky; top:0;
backdrop-filter: blur(8px);
background:rgba(10,11,16,.65);
border-bottom:1px solid var(--border);
}
.topbar .container{
display:flex; align-items:center; justify-content:space-between;
padding:14px 0;
}
.brand{
font-weight:800; letter-spacing:.08em; font-size:.95rem;
}

.hero{padding:88px 0 72px}
.kicker{
color:var(--accent2); font-weight:700; letter-spacing:.1em; text-transform:uppercase;
font-size:.78rem; margin:0 0 10px;
}
h1{
margin:0 0 14px; font-size:clamp(2rem, 4.8vw, 3.8rem); line-height:1.08;
}
.lead{max-width:760px; color:var(--muted); font-size:1.08rem}
.actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:22px}

.section{padding:68px 0}
.section.alt{background:rgba(255,255,255,.02); border-top:1px solid var(--border); border-bottom:1px solid var(--border)}
h2{font-size:clamp(1.5rem, 3vw, 2.2rem); margin:0 0 16px}
h3{margin:0 0 8px}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:16px;
}
.card{
background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
border:1px solid var(--border);
border-radius:14px;
padding:18px;
}
.card p{margin:0; color:var(--muted)}

.btn{
display:inline-block;
border-radius:10px;
padding:10px 14px;
text-decoration:none;
font-weight:600;
border:1px solid transparent;
}
.btn-primary{
background:linear-gradient(90deg,var(--accent),#6f74ff);
color:#fff;
}
.btn-secondary{
border-color:var(--border);
color:var(--text);
}
.btn-ghost{
border-color:var(--border);
color:var(--text);
}

a{color:#9dc7ff}
.footer{
border-top:1px solid var(--border);
padding:20px 0 30px;
color:var(--muted);
}