@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.15); }
}

@keyframes marquee-fwd {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes marquee-rev {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}

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

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  [data-animate],
  .bar-fill,
  .timeline-line,
  .counter,
  .marquee-track {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  .marquee-track {
    display: flex;
    gap: 2rem;
  }

  #loading-screen {
    display: none !important;
  }
}