*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;position:sticky;top:0;background:rgba(15,23,42,.75);backdrop-filter:blur(12px)}
.nav a{color:#fff;text-decoration:none;margin-left:20px}
.logo{font-size:28px;font-weight:700}
.btn,.cta{background:#6366f1;color:#fff;padding:12px 22px;border-radius:10px;text-decoration:none}
.hero{display:flex;justify-content:center;align-items:center;min-height:80vh;text-align:center;padding:20px}
.hero h1{font-size:56px;margin:0}
.hero p{font-size:20px;max-width:700px;margin:20px auto 40px;color:#d1d5db}
.cards,.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:60px 8%}
.card,.pricecard{background:rgba(255,255,255,.08);padding:24px;border-radius:18px;border:1px solid rgba(255,255,255,.1)}
.featured{outline:2px solid #6366f1}
footer{text-align:center;padding:40px;color:#cbd5e1}
@media(max-width:700px){.hero h1{font-size:38px}.nav{flex-direction:column;gap:10px}}