.header{gap:22px}
.header nav{gap:20px}
.language-switch{display:flex;align-items:center;flex-shrink:0;gap:2px;padding:2px;background:var(--ink);border:1px solid #77abf440;border-radius:5px}
.language-switch a{display:grid;place-items:center;min-width:32px;min-height:40px;font-size:11px;letter-spacing:.05em;color:#b5bec4;border-radius:3px;transition:background-color .18s ease,color .18s ease}
.language-switch a[aria-current]{background:var(--blue);color:#fff}
.language-switch a:hover{color:var(--sky);background:#77abf41a}
.language-switch a[aria-current]:hover{background:var(--blue);color:#fff}
.language-switch a:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
html[lang=en] .hero h1{font-size:clamp(48px,5.2vw,84px)}
@media(min-width:1051px) and (max-width:1250px){.header{gap:15px}.header nav{gap:16px}.header nav a,.header-cta{font-size:12px}.header-cta{gap:8px}.header .logo{width:125px}}
@media(max-width:560px){.header{gap:12px}.header-cta{display:none}.language-switch{margin-left:auto}.language-switch a{min-width:32px;min-height:40px}html[lang=en] .hero h1{font-size:clamp(37px,10vw,56px)}html[lang=en] .exchange-tabs button{font-size:11px}}