/* Hero Section Entry Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Hero Container Animation */
.hero-animate {
  animation: fadeInUp 0.8s ease-out;
}

/* Hero Headline Animation */
.display-1 {
  animation: fadeInUp 1s ease-out 0.2s both;
}

/* Hero Image Animation */
.img-auto {
  animation: fadeInLeft 1s ease-out 0.4s both;
}

/* Hero Buttons Animation */
.btn-lg {
  animation: fadeInUp 1.2s ease-out 0.6s both;
}

/* Rotator Text Animation */
.rotator-fade {
  animation: fadeInUp 0.8s ease-out 0.8s both;
}

/* Lead Text Animation */
.hero-animate .lead {
  animation: fadeInRight 1s ease-out 0.3s both;
}

/* Brand Logos Animation */
.hero-animate .img-fluid {
  animation: scaleIn 1.5s ease-out 1s both;
}

/* Staggered Animations */
.hero-animate .display-1 { animation-delay: 0.1s; }
.hero-animate .lead { animation-delay: 0.3s; }
.hero-animate .btn-lg { animation-delay: 0.5s; }
.hero-animate .img-auto { animation-delay: 0.2s; }
.hero-animate .rotator-fade { animation-delay: 0.7s; }