@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 2) apply initial hidden state + animation to all sections */
.services-slider,
.info-section,
.partnership-section,
.cta-banner {
  opacity: 0;
  transform: translateY(20px);
  animation-name: fadeInUp;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}

/* 3) staggered delays for cascade */
.services-slider       { animation-delay: 0.2s; }
.info-section          { animation-delay: 0.4s; }
.partnership-section   { animation-delay: 0.6s; }
.cta-banner            { animation-delay: 0.8s; }