/* 1. Efek Fade-Up Khusus Teks & Tombol Hero Saja */
@keyframes heroFadeUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Hanya menargetkan elemen di dalam centered content */
.nx-hero__centered-content > * {
  animation: heroFadeUp 0.85s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.nx-hero__centered-content .nx-header-badge {
  animation-delay: 0.1s;
}

.nx-hero__centered-content .nx-hero__title {
  animation-delay: 0.25s;
}

.nx-hero__centered-content .nx-hero__lead {
  animation-delay: 0.4s;
}

.nx-hero__centered-content .nx-hero__actions {
  animation-delay: 0.55s;
}

/* 2. Kedip Halus Titik Badge & Hover Tombol */
@keyframes nxPulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(27, 67, 254, 0.7);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(27, 67, 254, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(27, 67, 254, 0);
  }
}

.nx-badge-dot {
  animation: nxPulseGlow 2s infinite ease-out;
}

.nx-btn {
  transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1),
              box-shadow 0.25s ease,
              background-color 0.25s ease !important;
}

.nx-btn:hover {
  transform: translateY(-3px) !important;
}

.nx-btn-primary:hover {
  box-shadow: 0 8px 24px rgba(27, 67, 254, 0.45) !important;
}