/* ===== Clients across borders (Home) ===== */
.clients{--c-ink:#111114;--c-text:#5d616b;--c-muted:#8a8f99;--c-line:#e4e7ec;--c-accent:#2563c9;
  position:relative;background:#fff;color:var(--c-ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,5rem);align-items:center;overflow:hidden}
.clients-copy{max-width:36rem}
.clients-copy h2{font-size:clamp(2.6rem,5.6vw,5.2rem);line-height:1;letter-spacing:-.055em;font-weight:500;margin:0 0 1.5rem}
.clients-copy h2 span{display:block}
.clients-lead{color:var(--c-text);font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.65;max-width:30rem;margin:0 0 2.5rem}
.clients-list{list-style:none;padding:0;margin:0 0 2.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:1.1rem 3.5rem}
.clients-list li{display:flex;align-items:center;gap:.85rem;font-size:clamp(1.05rem,1.4vw,1.3rem);letter-spacing:-.01em;cursor:default;transition:opacity .25s}
.clients-list .flag{font-size:1.5em;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.clients-list .home-dot{width:1.15rem;height:1.15rem;border-radius:50%;border:1px solid var(--c-line);display:grid;place-items:center}
.clients-list .home-dot:after{content:'';width:.4rem;height:.4rem;border-radius:50%;background:var(--c-ink)}
.clients-list:hover li{opacity:.45}.clients-list li:hover,.clients-list li.is-active{opacity:1}
.clients-base{color:var(--c-muted);font-size:.95rem;margin:0}
.clients-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}
.clients-stage:before{content:'';position:absolute;inset:8% 8% 14%;border-radius:50%;background:radial-gradient(closest-side,#2563c912,transparent 70%);filter:blur(10px);pointer-events:none}
.globe-canvas{position:relative;width:min(100%,38rem);aspect-ratio:1;touch-action:pan-y;cursor:grab;outline:none;border-radius:1rem}
.globe-canvas:active{cursor:grabbing}
.globe-canvas:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--c-ink)}
.globe-hint{color:var(--c-muted);font-size:.9rem;margin:0}
@media(max-width:900px){.clients{grid-template-columns:1fr}.clients-copy{max-width:none}.globe-canvas{width:min(100%,30rem)}}
@media(max-width:700px){.clients-list{gap:.9rem 2rem}.clients-lead{margin-bottom:2rem}}