/* ============================================================
   ANIMATIONS — keyframes, entrance animations, scroll reveals
   ============================================================ */

/* --- Keyframes --- */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* --- Hero entrance (staggered) --- */
.hero-eyebrow {
  opacity: 0;
  animation: fadeUp 0.8s ease forwards 0.2s;
}
.hero-title {
  opacity: 0;
  animation: fadeUp 0.8s ease forwards 0.4s;
}
.hero-subtitle {
  opacity: 0;
  animation: fadeUp 0.8s ease forwards 0.6s;
}
.hero-desc {
  opacity: 0;
  animation: fadeUp 0.8s ease forwards 0.8s;
}
.btn-group {
  opacity: 0;
  animation: fadeUp 0.8s ease forwards 1.0s;
}

/* --- Scroll reveal --- */
.reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}