/* Campaign language controls stay light; the existing visual system remains intact. */
.header-actions{display:flex;align-items:center;gap:18px;min-inline-size:0}
.nav{gap:16px}
.language-switch{display:inline-flex;align-items:center;gap:2px;border:1px solid #d5decb;border-radius:7px;padding:2px;background:#fffefb80;flex-shrink:0;direction:ltr}
.language-switch button{border:0;border-radius:4px;background:transparent;padding:5px 9px;min-block-size:34px;font-size:12px;line-height:1.5;color:#66795d;font-weight:600;white-space:nowrap}
.language-switch button.selected{color:var(--green);background:#e7eddf}
.language-switch button[data-language=ar]{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;font-size:14px;letter-spacing:normal}
.language-switch button[data-language=en]{font-family:Manrope,Arial,sans-serif}
.dialog-language{margin-block-end:13px;margin-inline-end:35px}
.dialog-language button{min-block-size:30px;padding-block:3px}
.brand,.app-brand{direction:ltr;unicode-bidi:isolate;font-family:Manrope,Arial,sans-serif}
[dir=ltr],bdi{unicode-bidi:isolate}
.milestone-number,.funding-number,.budget-number,.allocation-key strong,.amount-choice:not(.other),.amount-options button,.pilot-journey article>span{font-variant-numeric:tabular-nums}
.money-ltr,input[type=number]{direction:ltr;unicode-bidi:isolate;text-align:start}
[data-money],[data-money-choice],[data-allocation-percent],[data-group-percent],.founder strong[dir=ltr]{font-family:Manrope,Arial,sans-serif}
input[type=email],input[type=tel],input[type=url]{direction:ltr;unicode-bidi:isolate;text-align:start}
.share-message-help{font-size:12px;line-height:1.7;margin-block-start:8px}
.official-name{display:block;font:500 12px/1.5 Manrope,Arial,sans-serif;margin-block-start:4px;letter-spacing:normal;unicode-bidi:isolate}
/* Direction follows document semantics. Photos, brand marks and real screenshots are never transformed. */
html[lang=ar]{--sans:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}
html[lang=ar] body{font-family:var(--sans);line-height:1.8}
html[lang=ar] :where(h1,h2,h3,h4,p,button,label,summary,.eyebrow,.overline,.interface-label,.glimpse-label,.scale-description,.milestone-duration,.path-note,.footer-row>span){letter-spacing:normal}
html[lang=ar] em{font-family:var(--sans);font-style:normal;font-weight:600;letter-spacing:normal}
html[lang=ar] .hero-copy h1{font-size:49px;line-height:1.35;letter-spacing:normal;margin-block:17px 15px}
html[lang=ar] h1 em{font-size:1em}
html[lang=ar] h2{font-size:36px;line-height:1.45;font-weight:600;letter-spacing:normal}
html[lang=ar] .hero-intro{font-size:19px;line-height:1.7;font-weight:500}
html[lang=ar] .hero-description{font-size:16px;line-height:1.85}
html[lang=ar] .hero-copy .eyebrow,html[lang=ar] .overline{font-weight:600}
html[lang=ar] .hero-actions>.button{padding-inline:16px;font-size:14px}
html[lang=ar] .button{white-space:nowrap;line-height:1.65}
html[lang=ar] .hero-actions>.text-button{margin-inline-start:0}
html[lang=ar] .opening-state{align-items:flex-start}
html[lang=ar] .opening-state .status-dot{margin-block-start:8px}
html[lang=ar] .opening-state small{display:inline;margin-inline-start:7px}
html[lang=ar] .hero-profile strong{font-size:16px;font-weight:600}
html[lang=ar] .interface-label{font-size:12px}
html[lang=ar] .phase-caption strong{font-size:16px;line-height:1.65;font-weight:500}
html[lang=ar] .phase-arrow,html[lang=ar] .feed-arrow,html[lang=ar] .update-arrow{transform:scaleX(-1)}
html[lang=ar] .heading-side a.text-button>span:last-child{display:inline-block;transform:scaleX(-1)}
html[lang=ar] .pilot-photo figcaption{inset-block-end:55px}
html[lang=ar] .pilot-photo figcaption strong{font-size:28px;line-height:1.5}
html[lang=ar] .photo-disclosure{max-inline-size:calc(100% - 44px);line-height:1.5}
html[lang=ar] .pilot-journey h3{font-size:17px;font-weight:600}
html[lang=ar] .pilot-journey p{font-size:16px;line-height:1.85}
html[lang=ar] .impact-paths h3{font-size:28px;line-height:1.5;letter-spacing:normal;min-block-size:84px}
html[lang=ar] .impact-paths article>p{line-height:1.85;min-block-size:100px}
html[lang=ar] .path-heading{min-block-size:46px;align-items:flex-start}
html[lang=ar] .path-heading .overline{font-size:12px;line-height:1.65}
html[lang=ar] .path-icon{margin-block-start:2px}
html[lang=ar] .quick-amounts .other{font-size:13px;white-space:nowrap}
html[lang=ar] .scale-choices button{font-size:13px;white-space:nowrap}
html[lang=ar] .network-path .scale-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
html[lang=ar] .impact-paths .button{font-size:14px;justify-content:center}
html[lang=ar] .path-note{line-height:1.85}
html[lang=ar] .funding-outcomes span{font-size:13px;line-height:1.7}
html[lang=ar] .funding-outcomes p{line-height:1.85}
html[lang=ar] .allocation-key>div>span{font-size:13px;line-height:1.7}
html[lang=ar] .project-status .overline{font-size:12px}
html[lang=ar] .project-status p,html[lang=ar] .latest-update p{line-height:1.9}
html[lang=ar] .groundwork-strip h3 em{font-family:var(--sans);font-size:21px;line-height:1.7}
html[lang=ar] .groundwork-strip h3 em{color:#8d7038}
html[lang=ar] .groundwork-strip h3{font-size:20px;line-height:1.6}
html[lang=ar] .groundwork-strip p{line-height:1.85}
html[lang=ar] .compact-faq>h3{font-size:25px;letter-spacing:normal}
html[lang=ar] .accordion summary{line-height:1.9;font-size:16px}
html[lang=ar] .accordion details>p{line-height:1.95;font-size:16px}
html[lang=ar] .final-cta h2{font-size:38px;line-height:1.5}
html[lang=ar] .final-cta h2 em{font-size:1em}
html[lang=ar] .final-cta p{line-height:1.9}
html[lang=ar] .final-actions .button{justify-content:space-between;font-size:14px}
html[lang=ar] dialog h2{font-size:29px;line-height:1.5;letter-spacing:normal;font-weight:600}
html[lang=ar] dialog p{line-height:1.9}
html[lang=ar] .budget-rows h3{font-size:14px;line-height:1.6}
html[lang=ar] .budget-rows p{line-height:1.85;font-size:13px}
html[lang=ar] .report-commitment p{line-height:1.95}
html[lang=ar] .dialog-foot{line-height:1.8}
html[lang=ar] .toast{line-height:1.8;font-size:14px}
@media(max-width:1000px){
 html[lang=ar] .hero-copy h1{font-size:43px}
 html[lang=ar] .impact-paths article{padding-inline:20px}
 html[lang=ar] .impact-paths h3{font-size:26px;min-block-size:78px}
 html[lang=ar] .scale-choices button{font-size:12px}
 html[lang=ar] .impact-paths article>p{min-block-size:130px}
 html[lang=ar] .impact-paths .button{font-size:13px;padding-inline:8px}
 html[lang=ar] .path-heading{min-block-size:50px}
}
@media(max-width:760px){
 .header-actions{gap:8px}.nav{gap:8px}.nav .brand{font-size:18px;letter-spacing:1.6px}
 .nav .brand-mark{margin-inline-end:6px}.nav .brand-mark svg{inline-size:24px;block-size:29px}
 .nav .button.small{padding:9px 11px;font-size:13px;min-block-size:40px}
 .nav .button.small .icon{display:none}
 .language-switch button{padding-inline:6px;font-size:12px}
 .language-switch button[data-language=ar]{font-size:13px}
 html[lang=ar] .hero-copy h1{font-size:32px;line-height:1.4;margin-block:15px 13px}
 html[lang=ar] .hero-copy h1 br{display:block}
 html[lang=ar] .hero-intro{font-size:17px;line-height:1.75}
 html[lang=ar] .hero-description{line-height:1.8}
 html[lang=ar] h2{font-size:29px;line-height:1.5}
 html[lang=ar] .hero-actions{gap:9px 14px}
 html[lang=ar] .hero-actions>.button{font-size:14px;min-block-size:47px}
 html[lang=ar] .hero-actions>.text-button{font-size:14px}
 html[lang=ar] .opening-state small{display:block;margin-inline-start:0}
 html[lang=ar] .hero-workflows>span{font-size:13px}
 html[lang=ar] .product-welcome h3{font-size:25px;line-height:1.6}
 html[lang=ar] .mock-event h4{font-size:14px;line-height:1.6}
 html[lang=ar] .mock-stats{gap:8px}
 html[lang=ar] .pilot-story h2{font-size:30px}
 html[lang=ar] .pilot-journey article{padding-block-end:22px}
 html[lang=ar] .pilot-clarification{font-size:13px;line-height:1.9}
 html[lang=ar] .impact-paths h3,html[lang=ar] .impact-paths article>p,html[lang=ar] .path-heading{min-block-size:0}
 html[lang=ar] .impact-paths h3{font-size:26px;line-height:1.45}
 html[lang=ar] .impact-paths h3 br{display:none}
 html[lang=ar] .impact-paths .button{font-size:14px;padding-inline:12px}
 html[lang=ar] .scale-choices button{font-size:14px}
 html[lang=ar] .quick-amounts .other{font-size:14px}
 html[lang=ar] .path-heading{align-items:center}
 html[lang=ar] .funding-outcomes>div{grid-template-columns:75px 1fr;gap:12px}
 html[lang=ar] .allocation-key>div>span{font-size:12px}
 html[lang=ar] .funding-plan-link{align-items:flex-start}
 html[lang=ar] .follow-heading{align-items:center;gap:13px}
 html[lang=ar] .follow-heading h2{font-size:27px;line-height:1.5}
 html[lang=ar] .follow-heading .text-button{font-size:13px}
 html[lang=ar] .project-status>div{grid-template-columns:6px 62px 1fr;gap:10px}
 html[lang=ar] .groundwork-strip h3{font-size:19px}
 html[lang=ar] .groundwork-strip h3 em{font-size:20px}
 html[lang=ar] .compact-faq>h3{font-size:23px}
 html[lang=ar] .accordion summary,html[lang=ar] .accordion details>p{font-size:16px}
 html[lang=ar] .final-cta h2{font-size:30px;line-height:1.5}
 html[lang=ar] dialog h2{font-size:26px;line-height:1.5}
 html[lang=ar] .budget-rows article{column-gap:10px}
 html[lang=ar] .budget-number strong{font-size:13px}
 html[lang=ar] .dialog-share-actions{gap:14px;flex-wrap:wrap}
}
@media(max-width:380px){
 .nav .brand{font-size:16px;letter-spacing:1.4px}.nav .brand-mark svg{inline-size:23px}
 .nav .button.small{padding-inline:9px}.header-actions{gap:6px}
 html[lang=ar] .hero-copy h1{font-size:30px}
 html[lang=ar] .hero-actions>.button{padding-inline:12px}
 html[lang=ar] .quick-amounts button{font-size:13px}
 html[lang=ar] .scale-choices button{font-size:13px}
 html[lang=ar] .final-cta h2{font-size:28px}
}