/* Language control stays anchored while the content slides into its new language. */
.brand-controls{display:flex;align-items:center;gap:22px;flex-shrink:0}
.language-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;padding:4px;border:1px solid #ffffff19;border-radius:999px;background:#ffffff05}
.language-switch button{border:0;background:transparent;color:#95959d;font:600 10px Montserrat,Arial,sans-serif;letter-spacing:.6px;width:36px;height:28px;padding:0;border-radius:999px;cursor:pointer;transition:color .25s ease}
.language-switch button[aria-pressed=true]{color:var(--accent-ink,#10131a)}
.language-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.language-slider{position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:36px;border-radius:999px;background:var(--accent,#9b78ff);box-shadow:0 2px 10px #0002;transition:transform .4s cubic-bezier(.22,1,.36,1),background-color .4s ease}
.language-switch[data-language=en] .language-slider{transform:translateX(36px)}
html[lang=en] .hero h1{font-size:clamp(54px,7.8vw,110px)}
@media(max-width:1050px){.brand-controls{gap:14px}.header nav{gap:14px}}
@media(max-width:760px){.brand-controls{gap:12px}.header{gap:10px}.header-cta{padding:11px 12px}html[lang=en] .hero h1{font-size:clamp(38px,9.8vw,74px);letter-spacing:-2px}}
@media(max-width:360px){.brand-controls{gap:9px}.header-cta{padding:10px 8px;font-size:9px}.header .wordmark{font-size:23px}}
@media(prefers-reduced-motion:reduce){.language-slider{transition:none}}