/* ============================================================
   homepage-hero-fix.css — P1 audit fix
   ------------------------------------------------------------
   redesign.min.css declares `.hero { background: var(--bg) }`
   which evaluates to #ffffff in light mode and #0f172a when the
   OS reports prefers-color-scheme: dark + html[data-theme="auto"]
   (per shared.css line 1419-1432). The hero text is white, so
   on white background the headline + subtitle + stat labels +
   secondary CTA become invisible.

   This file is the LAST stylesheet loaded by homepage-new.html
   so any rule here wins the cascade against redesign.min.css.
   We pin the hero to the brand gradient regardless of theme.
   ============================================================ */

.hero {
  background: linear-gradient(145deg, #001a3a, #071c47, #0F2E63, #1B4FA8, #1A57C2) !important;
}

.hero h1,
.hero-subtitle,
.hero-badge {
  color: #ffffff !important;
}

.hero-subtitle {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Stats card sits on white background — use dark text per pricing-redesign.css */
.hero-stat .stat-value {
  color: #0F2E63 !important;
}
.hero-stat .stat-label {
  color: #64748b !important;
  font-weight: 600 !important;
}

.hero .btn-secondary {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.32) !important;
}

.hero .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
}