@keyframes marketingMarqueeLeft {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}

.marketing-platform-scroll {
  position: relative;
  overflow: hidden;
}

.marketing-platform-track {
  display: flex;
  gap: 2.5rem;
  width: max-content;
  transform: translate3d(0, 0, 0);
  animation: marketingMarqueeLeft 500s linear infinite;
  animation-play-state: paused;
  backface-visibility: hidden;
  contain: layout paint;
}

.marketing-platform-track.is-playing {
  animation-play-state: running;
  will-change: transform;
}

.marketing-platform-track:not(.is-playing) {
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .marketing-platform-track {
    animation: none !important;
    transform: translate3d(0, 0, 0);
    will-change: auto;
  }
}