/* =============================================
   ANIMATIONS
============================================= */

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

.hero-content > * {
  animation: fadeInUp 0.7s ease both;
}
.hero-content .tag { animation-delay: 0s; }
.hero-content h1 { animation-delay: 0.08s; }
.hero-content p { animation-delay: 0.16s; }
.hero-content .hero-actions { animation-delay: 0.24s; }

.fade-in-scroll {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .hero-content > *,
  .fade-in-scroll {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}