body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;background:#0b0f1a;color:#fff}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;position:sticky;top:0;background:rgba(11,15,26,.7);backdrop-filter:blur(10px)}
.nav a{color:#cbd5f5;text-decoration:none;margin-left:20px}
.logo{font-weight:700;font-size:20px}
.hero{text-align:center;padding:120px 20px}
.hero h1{font-size:56px;margin-bottom:16px}
.cta{display:inline-block;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;padding:14px 28px;border-radius:999px;text-decoration:none}
.glass-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;padding:80px 40px}
.glass{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;backdrop-filter:blur(20px);text-align:center}
.glass img{max-width:100%;border-radius:14px}
.pricing{text-align:center;padding:100px 20px}
footer{text-align:center;padding:40px;color:#94a3b8}