.integration-band{padding-block-start:var(--space-7)}
.integration-heading{margin-bottom:var(--space-5)}
.integration-heading h2{font-size:clamp(1.375rem,2vw,1.75rem);font-weight:500;letter-spacing:-.025em;line-height:1.3}
.integration-viewport{min-inline-size:0;overflow:clip;padding-block:var(--space-3);touch-action:pan-y pinch-zoom}
.integration-viewport::-webkit-scrollbar{display:none}
.integration-track{display:flex;width:100%}
.integration-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);width:100%}
.integration-band[data-scrolling] .integration-track{width:max-content}
.integration-band[data-scrolling] .integration-list{flex-wrap:nowrap;width:max-content;padding-inline-end:var(--space-6)}
.integration-band[data-scrolling] .integration-viewport{user-select:none}
.integration-item{display:grid;justify-items:center;align-content:center;gap:var(--space-3);flex:0 0 7.5rem;width:7.5rem;min-height:4.5rem;text-align:center;color:var(--muted);font-size:.6875rem;line-height:1.4}
.integration-logo{display:flex;align-items:center;justify-content:center;width:6.25rem;height:1.8rem;max-inline-size:100%}
.integration-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.integration-logo img[data-tone=white]{filter:brightness(0)}
.integration-item[data-brand=simplepay] .integration-logo{background:var(--ink);border-radius:var(--space-1);padding:var(--space-1)}
.integration-list[aria-hidden=true]{display:none;pointer-events:none}
.integration-band[data-scrolling] .integration-list[aria-hidden=true]{display:flex}
.integration-caption{font-size:.8125rem;color:var(--muted);margin-top:var(--space-4)}
html[data-canvas-edit] .integration-list[aria-hidden=true]{display:none}
@media(max-width:40rem){
 .integration-band{padding-block-start:var(--space-6)}
 .integration-heading h2{font-size:1.375rem}
 .integration-list{gap:var(--space-5)}
 .integration-band[data-scrolling] .integration-list{padding-inline-end:var(--space-5)}
}
@media(prefers-reduced-motion:reduce){.integration-list[aria-hidden=true]{display:none}}
@media print{.integration-band .integration-track{transform:none!important;width:100%}.integration-band .integration-list{flex-wrap:wrap;width:100%}.integration-band .integration-list[aria-hidden=true]{display:none}}

/* Expandable overview uses the same logo list and control tokens. */
.integration-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-5)}
.integration-toggle{flex:none;font-family:inherit;font-size:.8125rem;line-height:1.4;color:var(--muted);background:transparent;border:0;border-radius:var(--radius-control);padding:var(--space-2);gap:var(--space-2);cursor:pointer;touch-action:manipulation;text-underline-offset:.25em}
.integration-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.integration-band:not([data-scrolling]) .integration-list:not([aria-hidden=true]){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));align-items:center;gap:var(--space-5)}
.integration-band:not([data-scrolling]) .integration-item{width:auto;min-inline-size:0}