@font-face { font-family: "Nunito"; src: url(Nunito-VariableFont_wght.ttf) format("truetype"); font-weight: 600; font-style: normal; } .hero__badge, .hero__title, .hero__subtitle, .hero__actions .cta-btn, .hero__visual img { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform, opacity; } .hero__badge { opacity: 0; transform: translateY(15px); animation: safeTextFadeIn 0.5s ease-out forwards; animation-delay: 0.15s; } .hero__title { opacity: 0; transform: translateY(20px); animation: safeTextFadeIn 0.6s ease-out forwards; animation-delay: 0.3s; } .hero__subtitle { opacity: 0; transform: translateY(20px); animation: safeTextFadeIn 0.6s ease-out forwards; animation-delay: 0.45s; } .hero__actions .cta-btn { opacity: 0; transform: translateY(15px); animation: safeTextFadeIn 0.5s ease-out forwards; } .hero__actions .cta-btn.primary { animation-delay: 0.65s; } .hero__actions .cta-btn.secondary { animation-delay: 0.75s; } .hero__visual img { opacity: 0; transform: scale(0.96); animation: safeVisualReveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards, safeVisualPulse 4s ease-in-out infinite alternate; animation-delay: 0.4s, 1.2s; } @keyframes safeTextFadeIn { 100% { opacity: 1; transform: translateY(0); } } @keyframes safeVisualReveal { 100% { opacity: 1; transform: scale(1); } } @keyframes safeVisualPulse { 0% { opacity: 0.85; transform: scale(1); } 100% { opacity: 1; transform: scale(1.02); } }

@font-face {
  font-family: "Nunito";
  src: url(Nunito-VariableFont_wght.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

.hero__badge,
.hero__title,
.hero__subtitle,
.hero__actions .cta-btn,
.hero__visual img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

.hero__badge {
  opacity: 0;
  transform: translateY(15px);
  animation: safeTextFadeIn 0.5s ease-out forwards;
  animation-delay: 0.15s;
}

.hero__title {
  opacity: 0;
  transform: translateY(20px);
  animation: safeTextFadeIn 0.6s ease-out forwards;
  animation-delay: 0.3s;
}

.hero__subtitle {
  opacity: 0;
  transform: translateY(20px);
  animation: safeTextFadeIn 0.6s ease-out forwards;
  animation-delay: 0.45s;
}

.hero__actions .cta-btn {
  opacity: 0;
  transform: translateY(15px);
  animation: safeTextFadeIn 0.5s ease-out forwards;
}

.hero__actions .cta-btn.primary {
  animation-delay: 0.65s;
}

.hero__actions .cta-btn.secondary {
  animation-delay: 0.75s;
}

.hero__visual img {
  opacity: 0;
  transform: scale(0.96);
  animation: safeVisualReveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards,
    safeVisualPulse 4s ease-in-out infinite alternate;
  animation-delay: 0.4s, 1.2s;
}

@keyframes safeTextFadeIn {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes safeVisualReveal {
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes safeVisualPulse {
  0% {
    opacity: 0.85;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.02);
  }
}