.customer-proof{padding:30px 24px 38px;border-block:1px solid #2b3430;background:#111714}
.customer-proof-inner{max-width:1280px;margin:auto}
.customer-proof h2{margin:0 0 24px;text-align:center;font:500 15px/1.5 system-ui,sans-serif;color:#b8c2bc;letter-spacing:.03em}
.customer-logos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;padding:0;margin:0;list-style:none}
.customer-logo{display:flex;align-items:center;justify-content:center;height:116px;border-radius:10px;overflow:hidden;padding:10px}
.customer-logo.dark{background:#080b12}.customer-logo.light{background:white}.customer-logo.green{background:#394729}
.customer-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.customer-logos:focus-visible{outline:2px solid #b6ed7d;outline-offset:6px}
@media(max-width:800px){.customer-logos{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px}.customer-logo{flex:0 0 148px;scroll-snap-align:start}.customer-proof{padding-inline:20px}.customer-proof h2{text-align:left}}
.customer-logos.logos-animated{display:flex;gap:16px;overflow-x:auto;position:relative;scroll-snap-type:none;scrollbar-width:none;padding-bottom:0}
.customer-logos.logos-animated::-webkit-scrollbar{display:none}
.customer-logos.logos-animated .customer-logo{flex:0 0 168px}
.customer-logos:not(.logos-animated) [data-logo-clone]{display:none}
.customer-motion-toggle{display:block;margin:16px auto 0;padding:6px 12px;min-height:36px;border:1px solid #445248;border-radius:6px;background:transparent;color:#b8c2bc;font:13px system-ui;cursor:pointer}
.customer-motion-toggle[hidden]{display:none}
@media(max-width:800px){.customer-logos.logos-animated .customer-logo{flex-basis:148px}}