/* Explicit grid columns keep the loop seam stable across browser layout engines. */
/* One complete list travels at a constant speed; its identical copy closes the loop. */
.integrations-marquee{max-width:1600px;margin:0 auto;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.integrations-list{display:flex;flex-wrap:wrap;justify-content:center;gap:36px;list-style:none;margin:0;padding:12px 24px}
.integration-item{flex:0 0 180px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.integration-logo{height:64px;width:160px;display:flex;align-items:center;justify-content:center}
.integration-logo img{display:block;max-width:160px;max-height:60px;width:auto;height:auto;object-fit:contain}
.integration-name{font-size:15px;line-height:1.5;font-weight:500;color:#47516b;white-space:nowrap}
.integrations-marquee.is-looping .integrations-track{display:flex;width:max-content;animation:integrations-scroll 54s linear infinite}
.integrations-marquee.is-looping .integrations-list{display:grid;grid-auto-flow:column;grid-auto-columns:180px;width:max-content;flex:none;justify-content:start;padding:12px 36px 12px 0}
@keyframes integrations-scroll{to{transform:translateX(-50%)}}
@media(max-width:599px){.integrations-list{gap:24px}.integration-item{flex-basis:156px}.integration-logo{width:138px}.integration-logo img{max-width:138px;max-height:52px}.integration-name{font-size:14px}.integrations-marquee.is-looping .integrations-list{grid-auto-columns:156px;padding-right:24px}.integrations-marquee.is-looping .integrations-track{animation-duration:45s}}
@media(prefers-reduced-motion:reduce){.integrations-marquee{mask-image:none;-webkit-mask-image:none}.integrations-marquee.is-looping .integrations-track{animation:none;width:auto;display:block}.integrations-marquee.is-looping .integrations-list{display:flex;width:auto;flex-wrap:wrap;justify-content:center;padding:12px 20px}.integrations-list[aria-hidden="true"]{display:none}}
/* PROMAN supplies a white wordmark; display the same silhouette on our light surface. */
.integration-logo img[src$="/pretor.png"]{filter:brightness(0);opacity:.85}