/* Keep the stage and navigation anchored; localize reading within each region. */
:root{--sans:'Noto Sans',sans-serif;--display:'Space Grotesk','Noto Sans',sans-serif;--reading-dir:ltr;--hero-size:clamp(3.5rem,5.8vw,5.25rem);--hero-leading:clamp(4rem,6.5vw,5.75rem)}
html[lang=ar],html[lang=ur]{--sans:'Noto Sans Arabic','Noto Sans',sans-serif;--display:var(--sans);--reading-dir:rtl;--hero-size:clamp(3rem,4.8vw,4.4rem)}
html[lang=hi]{--sans:'Noto Sans Devanagari','Noto Sans',sans-serif;--display:var(--sans)}
html[lang=bn]{--sans:'Noto Sans Bengali','Noto Sans',sans-serif;--display:var(--sans)}
html[lang=ru]{--display:'Noto Sans',sans-serif;--hero-size:clamp(2.5rem,4.3vw,3.875rem)}
html[lang=fil]{--hero-size:clamp(2.9rem,4.8vw,4.375rem)}
.brand{direction:ltr;unicode-bidi:isolate}
.brand strong{font-family:'Space Grotesk',sans-serif;font-size:17px;letter-spacing:0;white-space:nowrap}
.brand small{display:none}
.header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;direction:ltr;gap:24px}
.desktop-nav{margin:0;justify-content:center;gap:20px;direction:var(--reading-dir)}
.desktop-nav a{line-height:1.5;text-align:center}
.header-actions{display:grid;grid-template-columns:129px 168px;gap:16px;direction:ltr;margin:0}
.header-actions>.magnet-wrapper,.header-actions>.button{width:168px}
.header-actions .button{width:100%;min-height:44px;padding:10px 13px;gap:10px;direction:var(--reading-dir)}
.language-picker{display:none;align-items:center;gap:5px;min-width:0}
.is-interactive .language-picker{display:flex}
.language-picker>.icon{width:18px;height:18px;color:var(--muted)}
#language-select{width:106px;min-height:44px;padding:8px 5px;border:0;border-radius:4px;background:transparent;color:var(--ink);font-family:'Noto Sans','Noto Sans Arabic','Noto Sans Devanagari','Noto Sans Bengali',sans-serif;font-size:14px;cursor:pointer;direction:ltr}
#language-select option{background:var(--surface);color:var(--ink)}
#language-select[aria-busy=true]{opacity:.65}
:is(.hero-inner,.hero-bottom,.trust-inner,.section-heading,.audience-panel,.setup-grid,.setup-benefit,.official-section,.faq-section,.intake-grid){direction:ltr}
:is(.hero-bottom,.trust-inner,.section-heading,.audience-panel,.setup-grid,.setup-benefit,.official-section,.faq-section,.intake-grid)>*,.hero-copy{direction:var(--reading-dir);text-align:start}
.hero-art,.official-visual{direction:ltr!important;text-align:left!important}
html:root .hero-inner{min-height:0}
html:root .hero h1{font-size:var(--hero-size);line-height:var(--hero-leading);overflow-wrap:normal;word-break:normal;text-wrap:initial}
html:root .hero-description{font-size:14px;line-height:1.85;max-width:480px;margin-top:20px}
.hero-copy .official-mark,.hero-bottom,.hero-paths{line-height:1.7}
.hero-description,.hero-specialty,html:root .hero-actions{margin-left:0;margin-right:auto}
.hero-description>strong{display:block;margin-bottom:4px}
.hero-description>br{display:none}
.hero-description>strong+br:after{content:' '}
.hero-description>br:last-of-type:after{content:' '}
html:root .hero-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:440px;gap:12px;align-items:stretch}
.hero-actions>.magnet-wrapper{display:flex;min-width:0}
html:root .hero-actions .button{width:100%;min-height:56px;padding:14px 16px;font-size:12px;gap:12px}
html:root .hero-actions .text-link{font-size:12px;max-width:none;justify-content:center;gap:10px;min-width:0;line-height:1.6}
.hero-specialty{max-width:480px}
.specialty-title{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
html:root .specialty-title>strong{font-size:20px;line-height:1.5;overflow-wrap:normal}
.hero-paths{flex-wrap:wrap}
.hero-paths a{min-width:0}
html:not([lang=en]) .guild-promise h2{font-size:clamp(32px,3.3vw,46px);max-width:none}
html:is([lang=ar],[lang=ur],[lang=hi],[lang=bn]) :is(h1,h2,h3){letter-spacing:0}
html[lang=ur] body{line-height:1.9}
html[lang=ur] :is(h2,h3){line-height:1.65}
.official-mark b,.provider-word,.intake-facts b,.trust-inner>div>strong:first-child,.stage-caption,.live-mark,.signal>span,.visual-caption strong,.free-word{font-family:'Space Grotesk',sans-serif;direction:ltr;unicode-bidi:isolate}
.expand-icon,.hero-specialty>.icon:last-child{margin-left:0;margin-inline-start:auto}
.audience-tabs button{text-align:start;min-width:0;overflow-wrap:normal}
.film-language-note{display:block;margin-top:4px}
html[lang=en] .film-language-note{display:none}
#brief-output{text-align:start;unicode-bidi:plaintext}
[dir=rtl] .service-content{padding-left:0;padding-right:45px}
[dir=rtl] .faq-list details>p{padding-right:0;padding-left:30px}
[dir=rtl] .dialog-close{right:auto;left:10px}
[dir=rtl] :is(.text-link,.button,.row-link)>.icon,[dir=rtl] .hero-specialty>.icon:last-child{transform:scaleX(-1)}
@media(max-width:1200px){
 .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:18px}
 .desktop-nav{display:none}
 .header-actions{grid-template-columns:129px 168px 44px;gap:12px}
 .menu-toggle{display:block;width:44px;height:44px}
}
@media(min-width:701px) and (max-width:990px){
 .hero-inner{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}
 [dir=rtl] .service-content{padding-right:0}
}
@media(max-width:700px){
 :root{--hero-size:clamp(2.45rem,12.5vw,4.5rem);--hero-leading:clamp(3rem,14vw,5rem)}
 html[lang=ru]{--hero-size:clamp(1.8rem,9vw,3.2rem)}
 html:is([lang=ar],[lang=ur]){--hero-size:clamp(2rem,10.5vw,3.6rem)}
 html:is([lang=hi],[lang=bn]){--hero-size:clamp(2.25rem,11vw,4rem)}
 html[lang=fil]{--hero-size:clamp(2rem,10vw,3.5rem)}
 .header-inner{gap:10px;padding-inline:20px}
 .header-actions{grid-template-columns:106px 44px;gap:4px}
 .header-actions>.magnet-wrapper,.header-actions>.button{display:none}
 .language-picker>.icon{display:none}
 html:root .hero-description{font-size:13px;line-height:1.85;max-width:none}
 html:root .hero-actions{gap:8px;margin-top:20px}
 html:root .hero-actions .button{font-size:12px;padding:12px;gap:8px}
 html:root .hero-actions .text-link{font-size:12px;gap:8px}
 html:root .specialty-title>strong{font-size:17px;line-height:1.5}
 html[lang=ru] .specialty-title>strong{font-size:16px}
 .specialty-description,.specialty-free{font-size:11px;line-height:1.8}
 .hero-specialty{gap:10px}
 html:root .hero-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:11px;align-items:stretch}
 .hero-paths>span{display:none}
 .hero-paths a{display:flex;align-items:center;min-height:38px;line-height:1.6}
 .audience-tabs{gap:18px}
 .audience-tabs button{font-size:16px;text-align:start}
 .audience-tabs button:last-child{text-align:end}
 .audience-tabs button[aria-selected=true]:after,.audience-tabs button:last-child[aria-selected=true]:after{inset-inline:0}
 html:not([lang=en]) .guild-promise h2{font-size:clamp(28px,8vw,36px)}
 html:not([lang=en]) :is(.official-copy h2,.intake-copy h2){font-size:clamp(28px,8vw,36px)}
 [dir=rtl] .service-content{padding-right:37px}
 [dir=rtl] .faq-list details>p{padding-left:18px}
 .mobile-cta>span{font-size:11px;min-width:0}.mobile-cta .button{flex-shrink:0;max-width:64%;gap:8px}
}
@media(max-width:370px){
 .header-inner{padding-inline:16px;gap:6px}.brand{gap:7px}.brand>svg{width:25px;height:25px}
 .brand strong,html[lang=en] .brand strong{font-size:14px}
 .header-actions{grid-template-columns:82px 44px;gap:2px}
 #language-select{width:82px;font-size:13px}
 .hero-specialty>.icon:last-child{display:none}
 [dir=rtl] .service-content{padding-right:0}
 .checkbox-grid{grid-template-columns:minmax(0,1fr)}
}
/* Keep utility copy legible at narrow widths without changing the section rhythm. */
html:root .service-badge,html:root .hero-specialty .service-badge{font-size:11px}
html:root .scroll-cue,html:root .audience-tabs button small,html:root .trust-inner>div>span{font-size:11px}
html:root .service-content small,html:root .benefit-scope>small,html:root .form-privacy{font-size:11px}
html:root .hero-bottom small,html:root .visual-caption small{font-size:10px}
html:root .footer-bottom{font-size:10px}
html:root .footer-bottom :is(button,a){font-size:11px}
.hero-bottom{gap:20px}.hero-bottom>div{max-width:45%}

/* Chinese joins the existing language system without changing other locales. */
@font-face{font-family:'Mena Sans Chinese';src:url('assets/mena-zh.woff2?v=2') format('woff2');font-weight:100 900;font-display:swap}
html[lang=zh]{--sans:'Mena Sans Chinese','Noto Sans',sans-serif;--display:var(--sans);--hero-size:clamp(3rem,5vw,4.5rem)}
html[lang=zh] :is(h1,h2,h3){letter-spacing:0}
@media(max-width:700px){html[lang=zh]{--hero-size:clamp(2.25rem,11vw,3.5rem)}}