*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b0f19;color:#e5e7eb}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:auto;padding:24px}
.nav{background:#0b0f19;border-bottom:1px solid #1f2937}
.nav-inner{display:flex;justify-content:space-between;align-items:center}
.nav a{margin-left:18px;color:#9ca3af}
.brand{font-weight:700}
.hero{background:radial-gradient(1200px 400px at 10% -10%,#1f2937,#0b0f19);padding:90px 0}
.hero h1{font-size:48px;margin:0}
.subtitle{color:#9ca3af;margin:12px 0 28px}
.btn{padding:12px 18px;border-radius:10px;margin-right:12px}
.primary{background:#6366f1;color:#fff}
.ghost{border:1px solid #374151}
.section{padding:60px 0}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.card{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:22px}
.icon{font-size:28px}
.badge{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:999px;background:#1f2937;color:#a5b4fc}
.link{display:inline-block;margin-top:12px;color:#a5b4fc}
.footer{border-top:1px solid #1f2937;color:#9ca3af}
.lead{font-size:18px;color:#d1d5db}
.list li{margin:8px 0}
.simple{padding:16px}
.stat{background:#111827;border-radius:16px;padding:22px;text-align:center}
.stat h3{margin:0;font-size:32px;color:#a5b4fc}