/* Shared interaction fixes; keep this after the preserved visual cascade. */
:where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid #1687cf;
  outline-offset: 4px;
}
.modal-overlay[aria-hidden="true"], .phone-choice-overlay[aria-hidden="true"] {
  visibility: hidden;
  pointer-events: none;
}
#formThankYou.active {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* The hero must remain readable when the visitor disables motion. */
@media (prefers-reduced-motion: reduce) {
  .badge,
  .hero-title-line span,
  .hero p,
  .hero-actions,
  .hero-card {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  .hero-title::after { animation: none !important; }
}