.topbar{display:flex;justify-content:space-between;align-items:center}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;margin-top:2rem}
.badge{display:inline-block;padding:.4rem .8rem;background:#20293a;color:#d4af37;border-radius:999px}
.hero-card,.feature{background:#161d2a;padding:1.5rem;border-radius:16px}
.actions{display:flex;gap:1rem;margin-top:1.5rem}
.secondary{background:#20293a;color:#fff}
.meter{height:14px;background:#333;border-radius:999px;overflow:hidden}
.fill{width:65%;height:100%;background:linear-gradient(90deg,#22c55e,#f59e0b,#dc2626)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem}
.footer{padding:2rem 1rem;color:#94a3b8}
@media(max-width:900px){.hero{grid-template-columns:1fr}}