/* ========================================
   JSC Animations — subtle & professional
   ======================================== */

/* Hero Fade-Up Animation */
.hero-title {
  opacity: 0;
  animation: heroFadeUp 0.8s ease forwards;
}
.hero-subtitle {
  opacity: 0;
  animation: heroFadeUp 0.8s ease 0.2s forwards;
}
.hero-cta {
  opacity: 0;
  animation: heroFadeUp 0.8s ease 0.4s forwards;
}

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

/* Service Card Hover — sharp, no float */
.service-card {
  transition: border-left-color var(--transition), box-shadow var(--transition);
}

/* Counter Value Transition */
.counter-value {
  transition: all 2s ease;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .hero-title,
  .hero-subtitle,
  .hero-cta {
    opacity: 1;
    animation: none;
  }
  .counter-value {
    transition: none;
  }
}