/* === Sayfa animasyonları === */

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Hero içeriği sayfa yüklenirken sırayla görünsün */
.hero__badge,
.page-hero__badge {
  opacity: 0;
  animation: fadeInUp 0.7s ease forwards;
}

.hero__title,
.page-hero__title {
  opacity: 0;
  animation: fadeInUp 0.7s ease 0.12s forwards;
}

.hero__subtitle,
.page-hero__subtitle {
  opacity: 0;
  animation: fadeInUp 0.7s ease 0.24s forwards;
}

.hero__buttons,
.page-hero__buttons {
  opacity: 0;
  animation: fadeInUp 0.7s ease 0.36s forwards;
}

/* Scroll reveal */
.reveal {
  opacity: 0;
}

.reveal.is-visible {
  animation: fadeInUp 0.7s ease forwards;
}

.reveal.is-initially-visible {
  opacity: 1;
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .hero__badge,
  .page-hero__badge,
  .hero__title,
  .page-hero__title,
  .hero__subtitle,
  .page-hero__subtitle,
  .hero__buttons,
  .page-hero__buttons,
  .reveal {
    opacity: 1 !important;
    animation: none !important;
  }
}