/* ── ENTRY ANIMATIONS ─────────────────────────────── */
@keyframes fadeSlideUp {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes scaleIn {
  from { opacity: 0; transform: scale(0.92); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0 4px var(--brand-light); }
  50%       { box-shadow: 0 0 0 7px var(--brand-mid); }
}

.screen.active .hero        { animation: fadeSlideUp 0.36s var(--ease-out) both; }
.screen.active .quick-card  { animation: scaleIn 0.3s var(--ease-spring) both; }
.screen.active .quick-card:nth-child(1) { animation-delay: 0.04s; }
.screen.active .quick-card:nth-child(2) { animation-delay: 0.08s; }
.screen.active .quick-card:nth-child(3) { animation-delay: 0.12s; }
.screen.active .quick-card:nth-child(4) { animation-delay: 0.16s; }
.screen.active .quick-card:nth-child(5) { animation-delay: 0.20s; }
.screen.active .quick-card:nth-child(6) { animation-delay: 0.24s; }
.screen.active .appt-card   { animation: fadeSlideUp 0.32s var(--ease-out) 0.18s both; }

.step.active .step-dot { animation: pulse 2s ease-in-out infinite; }

/* ── REDUCED MOTION ───────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}