/* ==========================================================================
   Ariham Argonics - Animation & Dynamic FX Stylesheet (Clean, No Glow)
   ========================================================================== */

/* Fade & Slide Animations for Scroll Reveal */
.reveal {
  opacity: 0;
  transform: translateY(35px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.reveal.reveal-left {
  transform: translateX(-40px);
}

.reveal.reveal-right {
  transform: translateX(40px);
}

.reveal.reveal-scale {
  transform: scale(0.92);
}

.reveal.active {
  opacity: 1;
  transform: translateY(0) translateX(0) scale(1);
}

/* Floating Animation for Badges and Hero Elements (Matching Cargo Ship & Air Plane concept) */
@keyframes floatY {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes floatX {
  0%, 100% {
    transform: translateX(0px) rotate(0deg);
  }
  50% {
    transform: translateX(8px) rotate(1.5deg);
  }
}

.animate-float-1 {
  animation: floatY 5s ease-in-out infinite;
}

.animate-float-2 {
  animation: floatY 6s ease-in-out infinite 1.5s;
}

.animate-float-plane {
  animation: floatX 7s ease-in-out infinite;
}

/* Counter Roll Animation */
.counter-value {
  transition: all 2s ease-out;
}