.integrations__marquees {
    display: grid;
    gap: 16px;
    overflow: hidden;
}

.integration-marquee {
    overflow: hidden;
    width: 100%;
}

.integration-marquee__track {
    animation: integration-scroll 34s linear infinite;
    display: flex;
    width: max-content;
}

.integration-marquee--reverse .integration-marquee__track {
    animation-direction: reverse;
    animation-duration: 39s;
}

.integration-marquee__set {
    display: flex;
    gap: 16px;
    padding-right: 16px;
}

.integration-marquee:hover .integration-marquee__track {
    animation-play-state: paused;
}

.integration-marquee .integration-logo {
    flex: 0 0 166px;
}

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

@media (max-width: 560px) {
    .integrations__marquees { gap: 10px; }
    .integration-marquee__set { gap: 10px; padding-right: 10px; }
    .integration-marquee .integration-logo { flex-basis: 142px; }
}

@media (prefers-reduced-motion: reduce) {
    .integration-marquee { overflow-x: auto; }
    .integration-marquee__track { animation: none; }
    .integration-marquee__set[aria-hidden="true"] { display: none; }
}