*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    background:#0a0e1a;color:#fff;line-height:1.6;
    min-height:100vh;
    background-image:
        radial-gradient(80% 60% at 70% 0%,rgba(59,130,246,.18),transparent 70%),
        radial-gradient(60% 50% at 0% 100%,rgba(168,85,247,.14),transparent 70%);
}
header{
    padding:20px 32px;display:flex;align-items:center;justify-content:space-between;
    border-bottom:1px solid rgba(255,255,255,.05);
}
header a.brand{font-weight:700;color:#fff;text-decoration:none;font-size:20px;letter-spacing:.02em}
header nav a{margin-left:24px;color:rgba(255,255,255,.7);text-decoration:none;font-size:14px}
header nav a:hover{color:#fff}
main{max-width:880px;margin:0 auto;padding:48px 24px 80px}
h1{font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.15;margin-bottom:16px;letter-spacing:-.02em}
h1 .accent{color:#60a5fa}
.lead{font-size:18px;color:rgba(255,255,255,.8);margin-bottom:32px;max-width:720px}
.cta{
    display:inline-block;background:linear-gradient(135deg,#3b82f6,#a855f7);color:#fff;
    padding:14px 28px;border-radius:10px;font-weight:600;text-decoration:none;font-size:16px;
    box-shadow:0 8px 24px rgba(59,130,246,.35);transition:transform .15s ease;
}
.cta:hover{transform:translateY(-1px)}
.cta.secondary{
    background:rgba(255,255,255,.06);box-shadow:none;
    border:1px solid rgba(255,255,255,.15);margin-left:12px;
}
section{margin-top:56px}
h2{font-size:28px;font-weight:700;margin-bottom:16px;color:#fff}
h3{font-size:18px;font-weight:600;margin:24px 0 8px;color:#e2e8f0}
p{color:rgba(255,255,255,.78);margin-bottom:12px}
ul{margin:8px 0 16px 24px}
ul li{margin-bottom:6px;color:rgba(255,255,255,.78)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}
.card{
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
    border-radius:12px;padding:20px;
}
.card h3{margin-top:0;color:#fff}
.faq-q{font-weight:600;color:#fff;margin-top:20px}
.faq-a{color:rgba(255,255,255,.7);margin-top:4px}
footer{
    border-top:1px solid rgba(255,255,255,.05);padding:32px 24px;text-align:center;
    color:rgba(255,255,255,.4);font-size:13px;margin-top:64px;
}
footer a{color:rgba(255,255,255,.6);text-decoration:none;margin:0 8px}
.callout{
    background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(168,85,247,.06));
    border:1px solid rgba(96,165,250,.25);border-radius:14px;padding:24px;margin-top:32px;
}
.callout b{color:#60a5fa}