body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#050505;color:#eef4ff;line-height:1.6}
a{text-decoration:none;color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:32px 20px}
.hero{padding:64px 0 32px}
.eyebrow{color:#facc15;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}
.hero h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.02;margin:14px 0 16px}
.hero p{max-width:760px;color:#cbd5e1;font-size:1.08rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:#111827;border:1px solid #1f2937;border-radius:20px;padding:22px}
.card h2,.card h3{margin:0 0 10px}
.card p{color:#cbd5e1;margin:0 0 12px}
.badge{display:inline-block;background:#0f172a;color:#facc15;border:1px solid #334155;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.btn{display:inline-block;padding:14px 22px;border-radius:14px;font-weight:700}
.btn-primary{background:#3b82f6;color:#fff}
.btn-secondary{background:#111827;border:1px solid #334155;color:#eef4ff}
.footer{border-top:1px solid #1f2937;margin-top:36px;padding-top:18px;color:#94a3b8;font-size:.95rem}