/* Native-language picker and flexible layouts for all thirteen locales. */
.language-control{position:relative;display:flex;align-items:center;gap:7px;border:1px solid #739ab54d;border-radius:5px;min-width:0;flex-shrink:0;padding-inline-start:10px;background:#05121bc7}
.language-control>svg{width:17px;height:17px;stroke:#a5d5eb;fill:none;stroke-width:1.4;flex-shrink:0}
.language-control select{color:#d9edfa;background:transparent;border:0;font:inherit;font-size:14px;min-height:44px;width:112px;padding:8px 6px;cursor:pointer}
.language-control option{color:#e6f3fc;background:#071723}
.language-control select:focus-visible{outline:2px solid #a4dfff;outline-offset:3px}
.language-status{position:absolute;top:100%;inset-inline-end:0;width:260px;padding:12px;background:#112a3a;color:#e4f3fc;border:1px solid #80abc4;font-size:14px;line-height:1.7;z-index:20}
.site-header{gap:24px}.site-header nav{gap:23px}
html:not(:lang(zh)) h1,html:not(:lang(zh)) h2{overflow-wrap:normal;hyphens:none}
html:not(:lang(zh)) .hero-content{max-width:1060px}
html:not(:lang(zh)) .hero h1{font-size:clamp(42px,4.5vw,76px)}
html:not(:lang(zh)) .hero-description{max-width:580px}
html:not(:lang(zh)) .hero-actions{flex-wrap:wrap}
html:not(:lang(zh)) .hero{height:auto;min-height:100svh;max-height:none}
html:not(:lang(zh)) .hero-content{padding-block:170px 150px}
html:not(:lang(zh)) .workflow20-card-top{overflow-wrap:normal;font-size:12px}
html:not(:lang(zh)) .workflow20-card h3{font-size:25px;overflow-wrap:normal}
html:not(:lang(zh)) .workflow20-heading h2,html:not(:lang(zh)) .roadmap-heading h2{font-size:clamp(32px,3.6vw,54px)}
html:not(:lang(zh)) .six-heading{gap:28px}
html:not(:lang(zh)) .six-heading h2{font-size:clamp(30px,3.2vw,48px)}
html:not(:lang(zh)) .six-card-title h3{font-size:clamp(21px,1.9vw,29px);overflow-wrap:normal;hyphens:none}
html:not(:lang(zh)) .six-capability{min-width:0}
html:not(:lang(zh)) .six-capability>div{min-width:0}
html:not(:lang(zh)) .stat-value{font-size:clamp(29px,3vw,48px);white-space:normal;overflow-wrap:normal}
html:not(:lang(zh)) .participation-art h3{font-size:clamp(22px,2.1vw,29px);line-height:1.35}
html:not(:lang(zh)) .roadmap-stage h3{font-size:22px;overflow-wrap:normal}
html:not(:lang(zh)) .roadmap-period{overflow-wrap:normal;min-height:52px}
html:not(:lang(zh)) .participation-link{gap:12px;min-height:70px;line-height:1.5}
.participation-link svg,.connect-v13-action svg{flex-shrink:0}
html:not(:lang(zh)) .connect-v13 h2{font-size:clamp(37px,4.4vw,68px)}
html:not(:lang(zh)) .apps-workflow-cues{gap:8px;align-items:center}
html:not(:lang(zh)) .apps-workflow-cues li{white-space:normal;flex:1;text-align:center;line-height:1.4;font-size:12px;min-width:0}
html:not(:lang(zh)) .apps-workflow-cues li::after{display:none}
html:lang(th){font-family:Tahoma,"Noto Sans Thai",sans-serif}
html:lang(hi){font-family:"Nirmala UI","Noto Sans Devanagari",sans-serif}
html:lang(ar){font-family:Tahoma,"Noto Sans Arabic",Arial,sans-serif}
html:lang(ja){font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif}
html:lang(ko){font-family:"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;word-break:keep-all}
html:lang(th) h1,html:lang(th) h2,html:lang(hi) h1,html:lang(hi) h2,html:lang(ar) h1,html:lang(ar) h2{line-height:1.5;letter-spacing:0}
html:lang(ar) .eyebrow,html:lang(hi) .eyebrow,html:lang(th) .eyebrow{letter-spacing:0}
html[dir=rtl] .brand{margin-right:0;margin-left:auto}
html[dir=rtl] .site-header .brand img{object-position:right center}
html[dir=rtl] .hero-content{margin-right:0;margin-left:auto}
html[dir=rtl] .hero-image{transform:scaleX(-1)}
html[dir=rtl] .hero-content,html[dir=rtl] .frontier-tab-copy,html[dir=rtl] .workflow20-card,html[dir=rtl] .participation-copy{text-align:right}
html[dir=rtl] .six-center,html[dir=rtl] .six-orbit,html[dir=rtl] .workflow20-brand,html[dir=rtl] .outcome-wordmark,html[dir=rtl] .footer-wordmark{direction:ltr}
html[dir=rtl] .workflow20-routes{transform:scaleX(-1)}
html[dir=rtl] .workflow20-value-detail>div{border-left:0;border-right:1px solid #87bed438;padding-left:0;padding-right:24px}
html[dir=rtl] .frontier-tab-arrow{transform:scaleX(-1)}
html[dir=rtl] .roadmap-panorama{transform:scaleX(-1)}
html[dir=rtl] .roadmap-beacon b{transform:scaleX(-1)}
html[dir=rtl] .connect-v13-shell{direction:ltr}
html[dir=rtl] .connect-v13-content{direction:rtl;text-align:right}
html[dir=rtl] .stat{border-left:0;border-right:1px solid var(--line)}
html[dir=rtl] .roadmap-stage+.roadmap-stage{border-left:0}
@media(min-width:801px) and (max-width:1250px){
 .site-header{gap:15px;padding-inline:4vw}.site-header .brand{width:170px}
 .site-header nav{gap:16px;font-size:13px}.nav-cta{display:none}
 .language-control select{width:105px}
}
@media(max-width:1000px) and (min-width:801px){
 html:not(:lang(zh)) .site-header nav{gap:12px;font-size:12px}
 html:not(:lang(zh)) .site-header .brand{width:145px}
 html:not(:lang(zh)) .language-control select{width:92px;font-size:13px}
}
@media(max-width:800px){
 .site-header,.site-header.scrolled{gap:10px;padding-inline:max(4vw,env(safe-area-inset-left),env(safe-area-inset-right))}
 .site-header .brand{width:clamp(105px,30vw,165px);height:44px}
 .language-control{gap:3px;padding-inline-start:6px;margin-inline-start:auto}
 .language-control select{width:96px;font-size:13px;padding-inline:3px}
 .language-control>svg{width:15px}.menu-toggle{width:44px;height:44px}
 #mobile-menu a{font-size:17px}
 html:not(:lang(zh)) .hero-content{padding-block:calc(var(--mobile-header) + 58px) 140px}
 html:not(:lang(zh)) .hero h1{font-size:clamp(34px,8.4vw,57px);line-height:1.35}
 html:not(:lang(zh)) .hero-description{font-size:17px}
 html:not(:lang(zh)) .hero-actions{width:100%;max-width:390px}
 html:not(:lang(zh)) .hero-actions .text-link{line-height:1.7}
 html:not(:lang(zh)) .hero-bottom{flex-wrap:wrap;font-size:12px;gap:8px}
 html:not(:lang(zh)) .about-heading h2,html:not(:lang(zh)) .frontier-heading h2,html:not(:lang(zh)) .six-heading h2,html:not(:lang(zh)) .workflow20-heading h2,html:not(:lang(zh)) .roadmap-heading h2,html:not(:lang(zh)) .participation-heading h2,html:not(:lang(zh)) .vision-v24-heading h2{font-size:clamp(29px,6.9vw,44px);line-height:1.45}
 html:not(:lang(zh)) .six-card-title{gap:6px 12px}
 html:not(:lang(zh)) .six-card-title h3{font-size:23px}
 html:not(:lang(zh)) .six-card-title>span{font-size:12px}
 html:not(:lang(zh)) .intelligence-copy h3{font-size:25px}
 html:not(:lang(zh)) .stat-value{font-size:44px;line-height:1.25}
 html:not(:lang(zh)) .frontier-tab-copy strong{font-size:14px;line-height:1.5}
 html:not(:lang(zh)) .frontier-selector button{padding-inline:5px;min-height:70px}
 html:not(:lang(zh)) .workflow20-card-top{font-size:13px}
 html:not(:lang(zh)) .participation-art h3{font-size:26px;line-height:1.4}
 html:not(:lang(zh)) .connect-v13 h2{font-size:clamp(30px,7.3vw,48px);line-height:1.4}
 html:not(:lang(zh)) .connect-v13-action .primary{line-height:1.7;gap:18px}
 html[dir=rtl] .six-heading,html[dir=rtl] .about-v26 .about-heading,html[dir=rtl] .vision-v24-heading,html[dir=rtl] .vision-v24-caption,html[dir=rtl] .six-footnote{text-align:right}
 html[dir=rtl] .frontier-tab-copy{text-align:center}
 html[dir=rtl] .roadmap-stages{border-left:0;border-right:1px solid #315365;margin-left:0;margin-right:6px;padding-left:0;padding-right:22px}
 html[dir=rtl] .roadmap-stage::before{left:auto;right:-27px}
 html[dir=rtl] .roadmap-stage,html[dir=rtl] .roadmap-stage:first-child,html[dir=rtl] .roadmap-stage:last-child{padding-left:0;padding-right:7px}
 html[dir=rtl] .stat{border-right:0}
 html[dir=rtl] .workflow20-value-detail>div{padding-right:18px}
 html:lang(th) .hero h1,html:lang(hi) .hero h1,html:lang(ar) .hero h1{line-height:1.5}
}
@media(max-width:360px){.site-header,.site-header.scrolled{gap:7px}.language-control select{width:86px}.language-control>svg{display:none}.site-header .brand{width:105px}}

@media(min-width:1251px) and (max-width:1450px){.site-header .nav-cta{display:none}}