/* AIDEV-NOTE: v4 animation keyframes — marquee, fade-in, slide-up, pulse */

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slide-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse-ring {
  from {
    transform: scale(0.3);
    opacity: 0.6;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}

.v4-animate-fade-in {
  animation: fade-in 0.5s ease forwards;
}

.v4-animate-slide-up {
  animation: slide-up 0.5s ease forwards;
}

.v4-marquee-track {
  display: flex;
  flex-wrap: nowrap;
  animation: scroll-left 40s linear infinite;
  width: max-content;
}

.v4-marquee-track img {
  flex-shrink: 0;
}