.language-picker{position:relative;isolation:isolate;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));flex-shrink:0;width:11.5rem;padding:3px;border:1px solid #b58afa;border-radius:999px;background:linear-gradient(135deg,#211344,#100d23);box-shadow:inset 0 0 0 1px #8054ca38,0 0 14px #8750ef30}
.language-picker:before{content:"";position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/2);border:1px solid #d7b3ff99;border-radius:999px;background:linear-gradient(145deg,#b579f0 0%,#7848e9 48%,#6030e3 100%);box-shadow:inset 0 1px 3px #f0d7ff66,0 0 13px #8442fa66;transition:transform .2s ease}
.language-picker[data-language-current="zh-CN"]:before{transform:translateX(100%)}
.language-picker [data-language-button]{appearance:none;display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;margin:0;padding:8px 10px;border:0;border-radius:999px;background:transparent;color:#d4bdf5;font:inherit;font-size:.875rem;font-weight:600;line-height:1.25;letter-spacing:0;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease}
.language-picker [data-language-button][aria-pressed="true"]{color:#fff}
.language-picker [data-language-button]:hover{color:#fff}
.language-picker [data-language-button]:focus-visible{outline:2px solid #efe0ff;outline-offset:1px}
.nav-links{gap:20px}
.intro-top{gap:12px}
.intro-brand{min-width:0;line-height:1.5}
.intro-brand svg{flex-shrink:0}
html[lang="en"] .hero h1{font-size:clamp(44px,5vw,68px);letter-spacing:-2px}
html[lang="en"] #connection-intro h2{font-size:27px;line-height:1.35;letter-spacing:-.6px}
html[lang="en"] .intro-option{line-height:1.5}
html[lang="en"] .intro-flight-title{font-size:25px}
html[lang="en"] .node-description strong{font-size:14px}
html[lang="en"] .cap-strip strong{font-size:17px}
html[lang="en"] .download-box h2{font-size:32px}
@media(max-width:1050px) and (min-width:791px){.nav-links{gap:12px}.nav-links>a{font-size:13px}.nav .brand{font-size:18px}.button.small{font-size:13px;padding:10px 12px}}
@media(max-width:790px){.nav{height:auto;min-height:90px;padding-block:10px;gap:12px}.nav-links{flex-direction:column;align-items:flex-end;gap:8px}.nav .brand{font-size:17px;gap:8px}.nav .brand-icon{width:32px;height:32px}.nav-links .button.small{min-height:36px;max-width:150px;text-align:center;font-size:13px;padding:8px 12px}.hero-actions{flex-wrap:wrap}html[lang="en"] .hero h1{font-size:clamp(40px,9vw,58px);letter-spacing:-1.5px}html[lang="en"] .cap-strip strong{font-size:15px}html[lang="en"] .download-box h2{font-size:29px}}
@media(max-width:440px){.language-picker{width:10.5rem}.nav .brand{font-size:15px;gap:6px}.nav .brand-icon{width:28px;height:28px}.nav-links .button.small{max-width:136px;font-size:12px;padding-inline:10px}}
@media(max-width:359px){.nav{flex-wrap:wrap}.nav-links{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.nav-links .button.small{max-width:112px}}
@media(max-width:520px){.intro-top{flex-wrap:wrap;gap:12px}.intro-brand{font-size:12px;gap:8px;flex-basis:100%}.intro-top .language-picker{margin-left:auto}html[lang="en"] #connection-intro h2{font-size:23px;line-height:1.4}html[lang="en"] .intro-flight-title{font-size:22px}.intro-options{overflow-wrap:anywhere}html[lang="en"] .intro-next{padding-inline:12px;font-size:14px}html[lang="en"] .intro-back{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.language-picker:before,.language-picker [data-language-button]{transition:none}}
