.client-logos{padding:4rem 0;background:linear-gradient(180deg,var(--color-background-primary) 0,var(--color-background-secondary) 100%);overflow:hidden}.client-logos__container{max-width:1400px;margin:0 auto;padding:0 2rem}.client-logos__header{text-align:center;margin-bottom:3rem}.client-logos__headline{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem;letter-spacing:-.02em}.client-logos__location{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;color:var(--color-text-secondary);margin-top:.5rem}.client-logos__flag{font-size:1.5rem;line-height:1}.client-logos__marquee{position:relative;overflow:hidden;margin:0 -2rem;padding:2rem 0;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent)}.client-logos__scroll-container{display:flex;gap:4rem;overflow-x:hidden;will-change:scroll-position;scroll-behavior:smooth}.client-logos__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;padding:2rem 0;align-items:center;justify-items:center}.client-logo{flex-shrink:0;width:240px;height:120px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.client-logo,.client-logo__image{position:relative;display:flex;align-items:center;justify-content:center}.client-logo__image{width:100%;height:100%}.client-logo__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-background-tertiary);border:2px solid var(--color-border-primary);border-radius:12px;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.client-logo__name{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-align:center;line-height:1.3;transition:color .3s ease}.client-logo__badge{position:absolute;top:.5rem;right:.5rem;font-size:1.25rem;opacity:.6;transition:opacity .3s ease}.client-logo--grayscale .client-logo__placeholder{filter:grayscale(100%);opacity:.6}.client-logo--grayscale:hover .client-logo__placeholder{filter:grayscale(0);opacity:1;border-color:var(--color-accent-primary);box-shadow:0 8px 24px rgba(0,122,255,.15);transform:translateY(-4px)}.client-logo--grayscale:hover .client-logo__name{color:var(--color-text-primary)}.client-logo--grayscale:hover .client-logo__badge{opacity:1}.client-logo:not(.client-logo--grayscale):hover .client-logo__placeholder{border-color:var(--color-accent-primary);box-shadow:0 8px 24px rgba(0,122,255,.15);transform:translateY(-4px)}.client-logos__footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border-secondary)}.client-logos__trust-text{font-size:1rem;color:var(--color-text-secondary);font-style:italic}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width:768px){.client-logos{padding:3rem 0}.client-logos__container{padding:0 1rem}.client-logos__header{margin-bottom:2rem}.client-logos__headline{font-size:1.25rem}.client-logos__location{font-size:.875rem}.client-logo{width:180px;height:90px;padding:1rem}.client-logos__scroll-container{gap:2rem}.client-logos__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.client-logo__name{font-size:.75rem}.client-logo__badge{font-size:1rem;top:.25rem;right:.25rem}}@media (max-width:480px){.client-logos__grid{grid-template-columns:repeat(2,1fr)}.client-logo{width:140px;height:70px}}@media (prefers-color-scheme:dark){.client-logo__placeholder{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.1)}.client-logo--grayscale:hover .client-logo__placeholder,.client-logo:not(.client-logo--grayscale):hover .client-logo__placeholder{box-shadow:0 8px 24px rgba(0,122,255,.25)}}@media (prefers-reduced-motion:reduce){.client-logos__scroll-container{scroll-behavior:auto}.client-logo,.client-logo__badge,.client-logo__name,.client-logo__placeholder{transition:none}.client-logo--grayscale:hover .client-logo__placeholder,.client-logo:not(.client-logo--grayscale):hover .client-logo__placeholder{transform:none}}@media (prefers-contrast:high){.client-logo__placeholder{border-width:3px}.client-logo__name{font-weight:700}}