/* ========== UNIQUE SECTION ANIMATIONS ========== */
.animate-on-scroll { opacity: 0; }
.animate-on-scroll.animated { opacity: 1; }
.animate-on-scroll.animated > * { animation-play-state: running !important; }

/* About Section - Flip & Reveal */
.animated .about-intro-header { animation: flipInX 1s ease-out; }
.animated .about-intro-left { animation: revealLeft 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.animated .about-intro-right { animation: revealRight 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s both; }
.animated .stat-item { animation: bounceIn 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) both; }
.animated .stat-item:nth-child(1) { animation-delay: 0.5s; }
.animated .stat-item:nth-child(2) { animation-delay: 0.7s; }
.animated .stat-item:nth-child(3) { animation-delay: 0.9s; }
.animated .feature-item { animation: swingIn 0.8s ease-out both; }
.animated .feature-item:nth-child(1) { animation-delay: 1s; }
.animated .feature-item:nth-child(2) { animation-delay: 1.1s; }
.animated .feature-item:nth-child(3) { animation-delay: 1.2s; }
.animated .feature-item:nth-child(4) { animation-delay: 1.3s; }

/* Why Choose - 3D Flip Cards */
.animated .section-badge { animation: rubberBand 1s ease-out; }
.animated .choose-card { animation: flip3D 1s ease-out both; }
.animated .choose-card:nth-child(1) { animation-delay: 0.2s; }
.animated .choose-card:nth-child(2) { animation-delay: 0.4s; }
.animated .choose-card:nth-child(3) { animation-delay: 0.6s; }
.animated .choose-card:nth-child(4) { animation-delay: 0.8s; }
.choose-card:hover { transform: rotateY(10deg) translateY(-10px); transition: 0.4s; }

/* Services - Wave Effect */
.animated .service-card { animation: wave 1s ease-out both; }
.animated .service-card:nth-child(1) { animation-delay: 0.1s; }
.animated .service-card:nth-child(2) { animation-delay: 0.2s; }
.animated .service-card:nth-child(3) { animation-delay: 0.3s; }
.animated .service-card:nth-child(4) { animation-delay: 0.4s; }
.animated .service-card:nth-child(5) { animation-delay: 0.5s; }
.animated .service-card:nth-child(6) { animation-delay: 0.6s; }
.service-card:hover { transform: scale(1.05) rotate(2deg); transition: 0.3s; }

/* Industries - Spiral In */
.animated .industry-card-wrapper { animation: spiralIn 1s ease-out both; }
.animated .industry-card-wrapper:nth-child(1) { animation-delay: 0.1s; }
.animated .industry-card-wrapper:nth-child(2) { animation-delay: 0.2s; }
.animated .industry-card-wrapper:nth-child(3) { animation-delay: 0.3s; }
.animated .industry-card-wrapper:nth-child(4) { animation-delay: 0.4s; }
.animated .industry-card-wrapper:nth-child(5) { animation-delay: 0.5s; }
.animated .industry-card-wrapper:nth-child(6) { animation-delay: 0.6s; }

/* Process - Zigzag */
.animated .process-step { animation: zigzag 1s ease-out both; }
.animated .process-step:nth-child(even) { animation-name: zigzagReverse; }
.animated .process-step:nth-child(1) { animation-delay: 0.1s; }
.animated .process-step:nth-child(2) { animation-delay: 0.2s; }
.animated .process-step:nth-child(3) { animation-delay: 0.3s; }
.animated .process-step:nth-child(4) { animation-delay: 0.4s; }
.animated .process-step:nth-child(5) { animation-delay: 0.5s; }
.animated .process-step:nth-child(6) { animation-delay: 0.6s; }

/* Global Reach - Fade Up */
.animated .global-stat-card { animation: fadeUp 0.8s ease-out both; }
.animated .global-stat-card:nth-child(1) { animation-delay: 0.1s; }
.animated .global-stat-card:nth-child(2) { animation-delay: 0.2s; }
.animated .global-stat-card:nth-child(3) { animation-delay: 0.3s; }
.animated .global-stat-card:nth-child(4) { animation-delay: 0.4s; }
.animated .compliance-item { animation: fadeUp 0.8s ease-out both; }
.animated .compliance-item:nth-child(1) { animation-delay: 0.5s; }
.animated .compliance-item:nth-child(2) { animation-delay: 0.6s; }
.animated .compliance-item:nth-child(3) { animation-delay: 0.7s; }
.animated .compliance-item:nth-child(4) { animation-delay: 0.8s; }

/* CTA - Pulse Glow */
.animated .cta-content { animation: pulseGlow 1.5s ease-out; }
.animated .cta-feature { animation: popIn 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) both; }
.animated .cta-feature:nth-child(1) { animation-delay: 0.3s; }
.animated .cta-feature:nth-child(2) { animation-delay: 0.4s; }
.animated .cta-feature:nth-child(3) { animation-delay: 0.5s; }

/* Testimonials - Tilt Slide */
.animated .testimonial-card { animation: tiltSlide 1s ease-out both; }
.animated .testimonial-card:nth-child(1) { animation-delay: 0.2s; }
.animated .testimonial-card:nth-child(2) { animation-delay: 0.4s; }
.animated .testimonial-card:nth-child(3) { animation-delay: 0.6s; }
.testimonial-card:hover { transform: scale(1.05) rotate(-2deg); transition: 0.3s; }

/* Keyframes */
@keyframes flipInX {
  0% { opacity: 0; transform: perspective(400px) rotateX(-90deg); }
  100% { opacity: 1; transform: perspective(400px) rotateX(0); }
}

@keyframes revealLeft {
  0% { opacity: 0; transform: translateX(-100px) rotateY(-30deg); }
  100% { opacity: 1; transform: translateX(0) rotateY(0); }
}

@keyframes revealRight {
  0% { opacity: 0; transform: translateX(100px) rotateY(30deg); }
  100% { opacity: 1; transform: translateX(0) rotateY(0); }
}

@keyframes bounceIn {
  0% { opacity: 0; transform: scale(0.3) rotate(-45deg); }
  50% { transform: scale(1.1) rotate(5deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes swingIn {
  0% { opacity: 0; transform: rotateZ(-15deg) translateY(-30px); }
  100% { opacity: 1; transform: rotateZ(0) translateY(0); }
}

@keyframes rubberBand {
  0% { transform: scale(1); }
  30% { transform: scaleX(1.25) scaleY(0.75); }
  40% { transform: scaleX(0.75) scaleY(1.25); }
  50% { transform: scaleX(1.15) scaleY(0.85); }
  65% { transform: scaleX(0.95) scaleY(1.05); }
  75% { transform: scaleX(1.05) scaleY(0.95); }
  100% { transform: scale(1); }
}

@keyframes flip3D {
  0% { opacity: 0; transform: perspective(800px) rotateY(-180deg) scale(0.5); }
  100% { opacity: 1; transform: perspective(800px) rotateY(0) scale(1); }
}

@keyframes wave {
  0% { opacity: 0; transform: translateY(50px) rotateX(-90deg); }
  50% { transform: translateY(-10px) rotateX(10deg); }
  100% { opacity: 1; transform: translateY(0) rotateX(0); }
}

@keyframes spiralIn {
  0% { opacity: 0; transform: rotate(360deg) scale(0); }
  100% { opacity: 1; transform: rotate(0) scale(1); }
}

@keyframes zigzag {
  0% { opacity: 0; transform: translateX(-100px) translateY(-50px); }
  50% { transform: translateX(20px) translateY(-10px); }
  100% { opacity: 1; transform: translateX(0) translateY(0); }
}

@keyframes zigzagReverse {
  0% { opacity: 0; transform: translateX(100px) translateY(-50px); }
  50% { transform: translateX(-20px) translateY(-10px); }
  100% { opacity: 1; transform: translateX(0) translateY(0); }
}

@keyframes fadeUp {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes pulseGlow {
  0%, 100% { transform: scale(1); filter: brightness(1); }
  50% { transform: scale(1.02); filter: brightness(1.1); }
}

@keyframes popIn {
  0% { opacity: 0; transform: scale(0) rotate(-180deg); }
  80% { transform: scale(1.1) rotate(10deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes tiltSlide {
  0% { opacity: 0; transform: translateY(80px) rotateZ(-10deg) scale(0.8); }
  100% { opacity: 1; transform: translateY(0) rotateZ(0) scale(1); }
}
