/* ============================================================
   HOME.CSS — Home Page Specific Styles
   ============================================================ */

/* Additional home-specific overrides if needed.
   Most styles come from components + layout.
   This file is for page-specific tweaks only. */

/* ── Hero video button pulse ── */
.hero__video-icon {
  animation: pulse 2s ease-in-out infinite;
}

/* ── Stats bar background ── */
.card--stat {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
}

/* ── CTA banner ── */
.cta-banner {
  background-color: var(--color-primary);
}

/* ── FAQ accordion overrides ── */
.accordion__trigger .material-symbols-outlined {
  transition: transform var(--duration-normal) var(--ease-out);
}

.accordion__trigger[aria-expanded="true"] .material-symbols-outlined {
  transform: rotate(180deg);
}