.integration-logos-section{padding:80px 24px}.integration-logos-section.bg-white{background-color:var(--oj-bg-secondary)}.integration-logos-section.bg-transparent{background-color:transparent}.integration-logos-container{margin:0 auto;max-width:var(--oj-container-max)}.integration-logos-headline{color:var(--oj-text-primary);font-family:var(--oj-font-heading);font-size:48px;font-weight:700;line-height:1.15;margin:0 0 20px;text-align:center}.integration-logos-copy{color:var(--oj-text-muted);font-family:var(--oj-font-body);font-size:18px;font-weight:400;line-height:1.6;margin:0 auto 48px;max-width:600px;text-align:center}.integration-logos-marquee{overflow:hidden;padding:24px 0;position:relative;width:100%}.integration-logos-marquee:after,.integration-logos-marquee:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:120px;z-index:2}.integration-logos-marquee:before{background:linear-gradient(to right,var(--oj-bg-ivory) 0,transparent 100%);left:0}.integration-logos-marquee:after{background:linear-gradient(to left,var(--oj-bg-ivory) 0,transparent 100%);right:0}.integration-logos-section.bg-white .integration-logos-marquee:before{background:linear-gradient(to right,var(--oj-bg-secondary) 0,transparent 100%)}.integration-logos-section.bg-white .integration-logos-marquee:after{background:linear-gradient(to left,var(--oj-bg-secondary) 0,transparent 100%)}.integration-logos-section.bg-transparent .integration-logos-marquee:before{background:linear-gradient(to right,var(--oj-bg-ivory) 0,transparent 100%)}.integration-logos-section.bg-transparent .integration-logos-marquee:after{background:linear-gradient(to left,var(--oj-bg-ivory) 0,transparent 100%)}.integration-logos-track{align-items:center;animation:integration-marquee 35s linear infinite;display:flex;gap:64px;width:max-content}.integration-logos-marquee:hover .integration-logos-track{animation-play-state:paused}@keyframes integration-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.integration-logo-item{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-width:140px}.integration-logo-item img{filter:grayscale(100%);height:48px;max-width:160px;object-fit:contain;opacity:.6;transition:opacity var(--oj-transition-fast);width:auto}.integration-logo-item:hover img{filter:grayscale(0);opacity:1}.integration-logo-text{color:var(--oj-text-light);font-family:var(--oj-font-body);font-size:18px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:color var(--oj-transition-fast);white-space:nowrap}.integration-logo-item:hover .integration-logo-text{color:var(--oj-text-primary)}@media (max-width:991px){.integration-logos-section{padding:64px 24px}.integration-logos-headline{font-size:40px}.integration-logos-copy{font-size:16px;margin-bottom:40px}.integration-logos-track{animation-duration:30s;gap:48px}.integration-logo-item img{height:40px;max-width:140px}.integration-logo-text{font-size:16px}}@media (max-width:768px){.integration-logos-section{padding:56px 20px}.integration-logos-headline{font-size:32px;margin-bottom:16px}.integration-logos-copy{font-size:15px;margin-bottom:32px}.integration-logos-marquee:after,.integration-logos-marquee:before{width:60px}.integration-logos-track{animation-duration:25s;gap:40px}.integration-logo-item{min-width:100px}.integration-logo-item img{height:36px;max-width:120px}.integration-logo-text{font-size:14px}}@media (max-width:480px){.integration-logos-section{padding:48px 16px}.integration-logos-headline{font-size:28px}.integration-logos-copy{font-size:14px;margin-bottom:24px}.integration-logos-marquee:after,.integration-logos-marquee:before{width:40px}.integration-logos-track{animation-duration:20s;gap:32px}.integration-logo-item img{height:32px;max-width:100px}.integration-logo-text{font-size:13px}}