*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Segoe UI,sans-serif;background:#080B14;color:#fff}
.hero{min-height:100vh;background:linear-gradient(135deg,#0b1020,#171f3d)}
nav{display:flex;justify-content:space-between;padding:20px 8%}
.logo{font-size:28px;font-weight:bold}
.hero-content{display:flex;align-items:center;justify-content:center;height:80vh;padding:0 8%}
h1{font-size:4rem;max-width:800px}
p{color:#cfd3df}
.tag{background:#7B3FF2;padding:8px 16px;border-radius:30px}
.actions{margin-top:30px}
.btn{padding:14px 24px;text-decoration:none;border-radius:12px;color:white;margin-right:10px;background:#7B3FF2}
.green{background:#22D36B}
.features,.pricing,.faq{padding:80px 8%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}
.card{background:#111827;padding:25px;border-radius:16px}
.price{font-size:72px;color:#7B3FF2;font-weight:800}
footer{text-align:center;padding:40px;background:#050811}