/* "Clients in 68+ countries" globe, right under the flag row. No panel: it sits straight on the grey page.
   Colours from the v12 palette (mist / ink / sage), so day and night follow the site; no red or brown. */
.gl-sec { text-align: center; padding: clamp(70px, 10vh, 120px) var(--pad) clamp(40px, 6vh, 70px); }
.gl-sec .sx-k { justify-content: center; }
.gl-sec h2 { margin: 0 0 12px; font: 800 clamp(28px, 3.4vw, 56px)/.84 'Archivo', sans-serif; font-stretch: 125%; letter-spacing: -0.075em; word-spacing: .14em; text-transform: uppercase; }
.gl-sec .gl-lead { color: var(--soft); font-size: 15px; margin: 0 auto; max-width: 520px; }
.gl-stage { position: relative; width: min(620px, 92vw); aspect-ratio: 1 / 1; margin: 24px auto 0; touch-action: pan-y; cursor: grab; user-select: none; -webkit-user-select: none; z-index: 1; }
.gl-stage.gl-drag { cursor: grabbing; }
.gl-glow { position: absolute; inset: -14%; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--sage) 38%, transparent) 34%, color-mix(in srgb, var(--sage) 12%, transparent) 50%, transparent 68%); filter: blur(18px); }
html.dark .gl-glow { background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--sage) 34%, transparent) 33%, color-mix(in srgb, var(--sage) 10%, transparent) 50%, transparent 70%); }
.gl-stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.gl-tags { position: absolute; inset: 0; pointer-events: none; }
.gl-tag { position: absolute; left: 0; top: 0; will-change: transform, opacity; }
.gl-tag i { position: absolute; left: -3px; top: -3px; width: 6px; height: 6px; border-radius: 50%; background: var(--frame); box-shadow: 0 0 0 2px var(--sage-ink), 0 0 10px 2px color-mix(in srgb, var(--sage) 70%, transparent); }
.gl-tag em { position: absolute; left: -0.5px; bottom: 3px; width: 1px; height: 18px; background: color-mix(in srgb, var(--ink) 55%, transparent); }
.gl-tag span { position: absolute; left: 0; bottom: 21px; transform: translateX(-50%); white-space: nowrap; display: flex; align-items: center; gap: 7px;
  padding: 5px 10px 5px 9px; border-radius: 999px; background: var(--ink); color: var(--frame);
  font: 500 11px/1 'Inter', sans-serif; letter-spacing: .06em; text-transform: uppercase; box-shadow: 0 6px 16px -6px rgba(0, 0, 0, .35); }
.gl-tag span::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--sage); flex: none; }
.gl-tag.gl-small span { padding: 4px 8px 4px 7px; font-size: 10px; }
.gl-tag.gl-pin span, .gl-tag.gl-pin em { visibility: hidden; }
.gl-tag.gl-down span { bottom: auto; top: 21px; }
.gl-tag.gl-down em { bottom: auto; top: 3px; }
.gl-tag.gl-right span { bottom: auto; top: 0; left: 12px; transform: translateY(-50%); }
.gl-tag.gl-left span { bottom: auto; top: 0; left: auto; right: 12px; transform: translateY(-50%); }
.gl-tag.gl-right em, .gl-tag.gl-left em { bottom: auto; top: -0.5px; width: 9px; height: 1px; }
.gl-tag.gl-right em { left: 3px; }
.gl-tag.gl-left em { left: auto; right: 3px; }
.gl-hint { margin: 14px 0 0; color: var(--soft); font-size: 13px; }
@media (max-width: 760px) { .gl-tag span { font-size: 10px; } }