*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0b1324;background:#0f172a}
.container{max-width:1100px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;justify-content:space-between;padding-top:28px}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#111827;color:#e5e7eb;font-weight:800;font-size:22px;box-shadow:0 10px 20px rgba(0,0,0,.25)}
.name{font-weight:800;font-size:20px;color:#e5e7eb}
.name span{color:#60a5fa}
.header nav a{color:#cbd5e1;margin-left:18px;text-decoration:none}
.header nav a:hover{color:#ffffff}
.hero{padding:72px 24px 24px}
.hero h1{font-size:44px;line-height:1.1;margin:0 0 12px;color:#f8fafc}
.subtitle{color:#94a3b8;margin:0 0 24px;font-size:18px}
.cta{display:flex;gap:12px;margin-bottom:24px}
.btn{padding:12px 16px;border-radius:12px;text-decoration:none;border:1px solid #1f2937}
.btn.primary{background:#2563eb;color:white;border-color:#2563eb;box-shadow:0 10px 20px rgba(37,99,235,.35)}
.btn.ghost{background:transparent;color:#e5e7eb}
.card{background:linear-gradient(180deg,rgba(30,41,59,.7),rgba(2,6,23,.8));border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#cbd5e1}
.badge{background:#0b1324;color:#e5e7eb;border:1px solid rgba(148,163,184,.25);padding:8px 10px;border-radius:10px;font-size:12px}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px auto}
.feature{background:rgba(30,41,59,.5);border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:16px;color:#d1d5db}
.waitlist{margin:42px auto}
.waitlist form{display:flex;gap:10px;align-items:center}
.waitlist input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid #1f2937;background:#0b1324;color:#e5e7eb}
.waitlist small{display:block;margin-top:8px;color:#94a3b8}
.footer{display:flex;align-items:center;justify-content:space-between;color:#94a3b8;margin:48px 0 24px;font-size:14px}
@media (max-width:900px){.features{grid-template-columns:1fr}.hero h1{font-size:36px}}