*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,sans-serif;background:#09090f;color:#fff}
body:before{content:'';position:fixed;inset:0;background:radial-gradient(circle at top left,#7c3aed55,transparent 40%),radial-gradient(circle at bottom right,#7c3aed44,transparent 40%);z-index:-1}
.glass{background:rgba(255,255,255,.06);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}
.nav{margin:20px auto;max-width:1200px;padding:20px;border-radius:20px;display:flex;justify-content:space-between}
.logo{font-weight:800;font-size:24px}
.hero{max-width:1200px;margin:auto;padding:100px 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
h1{font-size:72px;line-height:1}
p{color:#bdbdd7;margin:20px 0}
.badge{padding:8px 14px;border-radius:999px;background:#7c3aed33}
.btn{padding:14px 22px;border-radius:999px;text-decoration:none;color:#fff;border:1px solid #ffffff22}
.primary{background:linear-gradient(135deg,#7c3aed,#5b21b6)}
.actions{display:flex;gap:12px}
.card{padding:30px;border-radius:30px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}
.grid2 div,.stat,.feature{padding:20px;border-radius:20px}
.stats,.features{max-width:1200px;margin:40px auto;padding:0 20px;display:grid;gap:20px}
.stats{grid-template-columns:repeat(4,1fr)}
.features{grid-template-columns:repeat(4,1fr)}
.footer{max-width:1200px;margin:40px auto;padding:30px;border-radius:20px;display:flex;justify-content:space-between}
@media(max-width:900px){.hero,.stats,.features{grid-template-columns:1fr}.hero h1{font-size:48px}}