:root{--heading:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--body:"DM Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--body);color:#dbeafe;background:radial-gradient(circle at 15% 15%,#1e40af52,#0000 35%),radial-gradient(circle at 85% 0,#2563eb33,#0000 30%),#030712;margin:0}.page{box-sizing:border-box;min-height:100svh;padding:28px}.hero{background:radial-gradient(circle at 80% 20%,#38bdf840,#0000 32%),radial-gradient(circle at 20% 10%,#1d4ed852,#0000 45%),linear-gradient(145deg,#020b2e 0%,#091f6d 50%,#23054a 100%);border:1px solid #7dd3fc33;border-radius:28px;padding:26px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0206178c}.topbar{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark-img{object-fit:cover;border-radius:10px;width:40px;height:40px;box-shadow:0 8px 24px #38bdf873}.brand-name{font-family:var(--heading);letter-spacing:.08em;color:#f8fafc;font-size:18px;font-weight:700}.hero-content{max-width:700px;padding:72px 0 24px}.eyebrow{color:#7dd3fc;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:14px}.hero-logo{border:1px solid #7dd3fc40;border-radius:14px;width:min(100%,540px);margin:2px 0 16px;box-shadow:0 18px 40px #02061780}h1{font-family:var(--heading);color:#f8fafc;margin:0 0 14px;font-size:clamp(2rem,6vw,3.6rem);line-height:1.05}.subtitle{color:#cbd5e1;max-width:54ch}.cta-row{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}button{cursor:pointer;border:0;border-radius:12px;padding:11px 18px;font-size:15px}.ghost-btn{color:#e2e8f0;background:#94a3b833}.primary-btn{color:#eff6ff;background:linear-gradient(135deg,#38bdf8,#2563eb)}.secondary-btn{color:#dbeafe;background:#0284c72e;border:1px solid #38bdf866}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.card{background:#0a1432b3;border:1px solid #60a5fa33;border-radius:18px;padding:20px}h2{color:#dbeafe;font-size:22px;font-family:var(--heading);margin:0 0 8px}.card p{color:#cbd5e1;margin:0}.status{background:#03071299;border:1px solid #7dd3fc33;border-radius:14px;margin-top:20px;padding:18px}.status-pill{color:#86efac;letter-spacing:.08em;background:#22c55e2e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.status p{color:#cbd5e1;margin:12px 0 0}code{color:#e0f2fe;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=900px){.page{padding:16px}.hero{padding:18px}.hero-content{padding-top:42px}.feature-grid{grid-template-columns:1fr}}