.clients-section{padding-block:24px 54px;position:relative;isolation:isolate}
.clients-section::before{content:"";position:absolute;inset:56px 0 18px;z-index:-1;background:radial-gradient(ellipse at 18% 50%,rgba(104,179,221,.19),transparent 48%),radial-gradient(ellipse at 82% 60%,rgba(132,197,231,.24),transparent 48%);pointer-events:none}
.clients-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:20px}
.clients-heading h2{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.3;letter-spacing:-.035em;margin:0}
.clients-heading p{font-size:.875rem;line-height:1.5;margin:0;color:var(--text)}
.clients-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start;list-style:none;padding:0;margin:0}
.client-glass{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:23px 22px 20px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:linear-gradient(135deg,rgba(239,250,255,.79),rgba(176,217,241,.49) 54%,rgba(218,240,252,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(114,169,204,.2),0 12px 26px -18px rgba(38,93,128,.38);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}
.client-glass::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.48),rgba(255,255,255,0) 39%,rgba(255,255,255,.23) 40%,rgba(255,255,255,0) 62%);pointer-events:none}
.client-toggle{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--navy);border-radius:8px}
.client-toggle:focus-visible{outline-offset:7px}
.client-logo{height:84px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.client-logo img{display:block;width:auto;max-width:min(100%,190px);height:auto;max-height:80px;object-fit:contain;object-position:center}
.client-toggle-hint{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.875rem;line-height:1.5;color:#35566b}
.client-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .45s ease}
.is-open .client-chevron{transform:rotate(225deg) translate(-2px,-1px)}
.client-products{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),opacity .4s ease}
.client-products>div{min-height:0;overflow:hidden}
.client-products ul{list-style:disc;margin:0;padding:20px 0 0 18px;font-size:.875rem;line-height:1.6;color:#35566b;text-align:left;overflow-wrap:break-word}
.client-products li+li{margin-top:7px}
.client-products li::marker{color:var(--blue)}
.clients-interactive .client-glass:not(.is-open) .client-products{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility 0s .55s}
@media(max-width:999px){.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.clients-section{padding-block:12px 36px}.clients-heading{display:block;margin-bottom:18px}.clients-heading p{margin-top:7px}.clients-grid{gap:12px}.client-glass{padding:18px 15px;border-radius:19px}.client-logo{height:72px;margin-bottom:12px}.client-logo img{max-height:68px}.client-glass p{line-height:1.55}}
@media(max-width:359px){.clients-grid{grid-template-columns:1fr}.client-logo{height:auto;min-height:44px}}
@media(prefers-reduced-motion:reduce){.client-products,.clients-interactive .client-glass:not(.is-open) .client-products,.client-chevron{transition:none}}