/* A compact flag control keeps the full language list readable on phones. */
.language-switcher{position:relative;flex-shrink:0}
.language-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-width:48px;min-height:48px;padding:8px;border-radius:12px;color:#30203f;background:transparent;cursor:pointer}
.language-toggle:hover,.language-toggle[aria-expanded=true]{background:#eee9f8}
.language-switcher img{display:block;width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #30203f1a;flex-shrink:0}
.language-options{position:absolute;top:calc(100% + 8px);right:0;min-width:194px;padding:7px;background:#fff;border:1px solid #e6dfee;border-radius:16px;box-shadow:0 14px 44px #30203f24;z-index:65}
.language-options[hidden]{display:none}
.language-options a{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-radius:9px;color:#30203f;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}
.language-options a:hover,.language-options a[aria-current=true]{background:#f3eefb}
.language-check{margin-left:auto;visibility:hidden;color:#7742cd}
.language-options a[aria-current=true] .language-check{visibility:visible}
.language-switcher :is(a,button):focus-visible{outline:2px solid #7742cd;outline-offset:2px}
.geo-credit{font-size:10px;opacity:.8;flex-basis:100%;margin-top:12px;color:inherit}
@media(max-width:640px){.nav-actions{gap:2px}.navbar{gap:6px}.brand{flex-basis:112px}.brand img{width:112px}.nav-demo{font-size:11px;padding:8px;max-width:110px;white-space:normal;min-height:40px}.mobile-toggle{width:40px;padding:8px}.language-switcher+.login-link{margin-left:0}}
@media(max-width:370px){.brand{flex-basis:92px}.brand img{width:92px}.navbar{gap:4px}.nav-demo{padding:7px;max-width:92px}.mobile-toggle{width:36px}}
@media(max-width:640px){.language-options{position:fixed;top:76px;right:12px;max-height:calc(100dvh - 88px);overflow-y:auto}}
/* Keep translated headings on the same center line at every breakpoint. */
.hero-copy h1{width:100%;max-width:1100px;margin-inline:auto;text-align:center;text-wrap:balance;overflow-wrap:break-word}
.hero-copy>p{margin-inline:auto;text-align:center;text-wrap:balance}