/* ==========================================================================
   voice-ai-agent.html — page-specific theme override.

   Loaded AFTER style.css, only on this one page. Overrides the shared
   :root variables (color/font) so this page gets its own look without
   touching the "Horizon AI" 6-page site that also uses style.css.
   Reference: cashflowautomates.lovable.app's dark/neon-green product look,
   adapted — no fake urgency banner or invented stats carried over, this
   page keeps its own honest content.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --cyan: #22e585;
  --violet: #16c46f;
  --magenta: #34f5a0;
  --aurora: linear-gradient(135deg, #22e585 0%, #16c46f 100%);
  --aurora-soft: linear-gradient(135deg, rgba(34, 229, 133, 0.35) 0%, rgba(22, 196, 111, 0.35) 100%);
  --violet-light: #22e585;
  --font-display: 'Space Grotesk', 'Inter', sans-serif;
}

h1, h2, h3, h4 { font-weight: 700; font-style: normal; text-shadow: 0 0 28px rgba(34, 229, 133, 0.28); }
.hero h1 { font-style: normal; }
.step-num { font-style: normal; }
.accent, .accent-cyan, .accent-magenta, .accent-violet { font-style: normal; font-weight: 700; }

.btn-primary {
  background: var(--aurora);
  box-shadow: 0 10px 30px -10px rgba(22, 196, 111, 0.55);
}
.btn-primary:hover { box-shadow: 0 14px 36px -8px rgba(22, 196, 111, 0.7); }

.pill { border-color: rgba(34, 229, 133, 0.35); color: var(--text-mid); }

/* ---- icon badges (proof-section cards) ---- */
.icon-badge {
  width: 44px; height: 44px; border-radius: 12px;
  background: rgba(34, 229, 133, 0.12);
  border: 1px solid rgba(34, 229, 133, 0.32);
  display: flex; align-items: center; justify-content: center;
  color: var(--cyan);
  margin-bottom: 14px;
}
.icon-badge svg { width: 20px; height: 20px; }