/* HERO TEXT ANIMATIONS */

.hero h1 {
  animation: heroFadeIn 0.8s ease-out;
}

.hero h1 span {
  display: inline-block;
  animation: wordReveal 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
}

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

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

/* Stagger animation timing */
.hero h1 span:nth-child(1) {
  animation-delay: 0s;
}

.hero h1 span:nth-child(2) {
  animation-delay: 0.15s;
}

.hero h1 span:nth-child(3) {
  animation-delay: 0.3s;
}

.hero-sub {
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

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

.cta-btn {
  animation: fadeInUp 0.8s ease-out 0.6s both;
}

.scroll-indicator {
  animation: fadeInUp 0.8s ease-out 0.8s both;
}

/* Enhance hero span animations */
.hero h1 span:last-child {
  background: linear-gradient(90deg, #0a0a0a, #0a0a0a);
}

/* Service items entrance animation */
.service-item {
  animation: slideInLeft 0.6s ease-out backwards;
}

.service-item:nth-child(1) { animation-delay: 0s; }
.service-item:nth-child(2) { animation-delay: 0.1s; }
.service-item:nth-child(3) { animation-delay: 0.2s; }
.service-item:nth-child(4) { animation-delay: 0.3s; }

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

/* Value cards entrance animation */
.value-card {
  animation: scaleIn 0.6s ease-out backwards;
}

.value-card:nth-child(1) { animation-delay: 0s; }
.value-card:nth-child(2) { animation-delay: 0.1s; }
.value-card:nth-child(3) { animation-delay: 0.2s; }
.value-card:nth-child(4) { animation-delay: 0.3s; }
.value-card:nth-child(5) { animation-delay: 0.4s; }
.value-card:nth-child(6) { animation-delay: 0.5s; }

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

/* Process step animations */
.process-step {
  animation: fadeInUp 0.6s ease-out backwards;
}

.process-step:nth-child(1) { animation-delay: 0s; }
.process-step:nth-child(2) { animation-delay: 0.1s; }
.process-step:nth-child(3) { animation-delay: 0.2s; }
.process-step:nth-child(4) { animation-delay: 0.3s; }

/* Hover interactions */
.service-item:hover {
  animation: none;
  transform: translateX(8px);
}

.value-card:hover {
  animation: none;
  transform: translateY(-4px);
}

.cta-btn:hover {
  animation: none;
}