/* css/animations.css */
/* ─── Scroll animations & keyframes ─────────────────────────────────────── */

/* ── Fade-in on scroll ──────────────────────────────────────────────────── */
.fade-in {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity  .75s cubic-bezier(.4,0,.2,1),
              transform .75s cubic-bezier(.4,0,.2,1);
}
.fade-in.visible       { opacity: 1; transform: translateY(0); }

.fade-in-delay-1       { transition-delay: .10s; }
.fade-in-delay-2       { transition-delay: .22s; }
.fade-in-delay-3       { transition-delay: .34s; }
.fade-in-delay-4       { transition-delay: .46s; }
.fade-in-delay-5       { transition-delay: .58s; }

/* ── Testimonial marquee ────────────────────────────────────────────────── */
.testimonial-track {
  display: flex;
  gap: 3rem;
  animation: scrollLeft 30s linear infinite;
  width: max-content;
}
.testimonial-track:hover { animation-play-state: paused; }

@keyframes scrollLeft {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}