/* === Hero + Header polish === */
.container{ max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
.topbar{ backdrop-filter: blur(10px); background: rgba(255,255,255,.85); box-shadow: 0 8px 30px rgba(2,6,23,.06); border-radius: 16px; padding:.6rem 1rem; }
.brand-logo{ height:28px; width:auto; object-fit:contain; display:block }
.brand-logo-large{ height:48px; width:auto; object-fit:contain; display:block }
.brand-fallback{ width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:12px;
  background: linear-gradient(135deg, var(--evolve-accent), var(--evolve-accent-2)); color:white; font-weight:800; font-size:1.125rem; }

.hero-banner .banner-inner{
  border-radius: 18px;
  padding: 16px 18px;
  background: radial-gradient(800px 260px at -10% -10%, #dbeafe 0, transparent 40%), radial-gradient(700px 260px at 120% 0%, #f3e8ff 0, transparent 42%);
  box-shadow: 0 8px 30px rgba(2,6,23,.06);
}
.banner-title{ font-weight:800; font-size:1.25rem; margin:0 }
.banner-sub{ margin:2px 0 0 0; color:#64748b }

/* Existing theme variables (keep) */
:root{
  --evolve-accent:#1D4ED8;
  --evolve-accent-2:#7C3AED;
  --evolve-text:#0f172a;
  --evolve-ring: rgba(29,78,216,.25);
}
html{ font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
body{ color:var(--evolve-text); }
.card{ background:white; border-radius:18px; box-shadow: 0 8px 30px rgba(2,6,23,.08) }
.btn{ display:inline-flex; align-items:center; gap:.5rem; border-radius:12px; padding:.65rem 1rem; font-weight:700; transition:.18s ease; border:0; }
.btn-primary{ background: linear-gradient(90deg,var(--evolve-accent),var(--evolve-accent-2)); color:white }
.btn-ghost{ background:#f1f5f9 }
.input{ width:100%; border:1px solid #e2e8f0; border-radius:12px; padding:.7rem .9rem; transition:.15s ease }
.input:focus{ outline:none; border-color:var(--evolve-accent); box-shadow:0 0 0 3px var(--evolve-ring) }
.select{ width:100%; border:1px solid #e2e8f0; border-radius:12px; padding:.6rem .9rem }
.nav-buttons{ display:flex; gap:.6rem; flex-wrap:wrap; margin-top:.25rem }
.nav-buttons a{ display:inline-flex; align-items:center; gap:.5rem; padding:.55rem .9rem; border-radius:999px; font-weight:600; background:#f1f5f9; color:#0f172a; text-decoration:none; transition:.18s ease }
.nav-buttons a.active{ background: linear-gradient(90deg,var(--evolve-accent),var(--evolve-accent-2)); color:white; box-shadow: 0 10px 24px rgba(29,78,216,.25) }
.toast{ position: fixed; right: 1rem; top: 1rem; z-index: 50 }
.toast-item{ background:#0b1220; color:white; padding:.75rem 1rem; border-radius:12px; box-shadow:0 10px 30px rgba(2,6,23,.35); margin-top:.5rem; }
.kbd{ border:1px solid #e2e8f0; border-bottom-width:3px; padding:2px 6px; border-radius:6px; font-size:.75rem; background:#f8fafc }