:root{--bg:#0f1226;--bg-soft:#161936;--card:#1b1f3b;--text:#eef2ff;--muted:#b8c0ff;--accent:#7c9aff;--accent-2:#9bffed;--shadow:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(1200px 800px at 10% -10%, #1c2151, transparent), radial-gradient(1000px 600px at 100% 0%, #0d6efd33, transparent), var(--bg); color:var(--text); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Helvetica, Arial; line-height:1.6}
.container{max-width:1024px;margin:0 auto;padding:24px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700}
.badge{font-size:12px;color:#0f1226;background:linear-gradient(90deg,var(--accent),var(--accent-2));padding:6px 10px;border-radius:999px;font-weight:700;box-shadow:var(--shadow)}
.cta{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0f1226;border:none;padding:14px 18px;border-radius:12px;font-weight:800;text-decoration:none;box-shadow:var(--shadow)}
.btn{display:inline-block;border:1px solid #3a3f77;color:var(--text);padding:12px 16px;border-radius:12px;text-decoration:none}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;margin-top:12px}
.card{background:linear-gradient(180deg,#1b1f3b, #171a34);border:1px solid #2a2f60;border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.h1{font-size:44px;line-height:1.1;margin:4px 0 12px 0;font-weight:900}
.kicker{color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.grid{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.feature{display:flex;gap:12px}
.ft-emoji{font-size:22px}
.small{font-size:14px;color:var(--muted)}
.section{margin:36px 0}
.pricing{display:flex;gap:16px;flex-wrap:wrap}
.price{flex:1;min-width:260px}
.price h3{margin:0 0 6px 0}
.price ul{padding-left:18px;margin:12px 0}
.footer{margin:40px 0 12px 0;font-size:13px;color:var(--muted)}
hr{border:0;border-top:1px solid #2a2f60;margin:24px 0}
.tag{font-size:12px;border:1px solid #2a2f60;color:var(--muted);padding:4px 8px;border-radius:999px}
.trust{display:flex;gap:10px;flex-wrap:wrap}
.input{background:#0f1226;border:1px solid #2a2f60;border-radius:12px;color:var(--text);padding:12px 14px;width:100%}
.faq dt{font-weight:800;margin-top:12px}
.faq dd{margin:8px 0 0 0;color:var(--muted)}
.hero-blob{min-height:260px;border-radius:18px;border:1px solid #2a2f60;background:radial-gradient(400px 300px at 20% 10%, #7c9aff33, transparent), radial-gradient(300px 260px at 80% 80%, #9bffed22, transparent), #14183a}
@media (max-width:900px){ .hero{grid-template-columns:1fr} .h1{font-size:36px} }