@font-face{font-family:TibranSans;src:url('assets/fonts/IBM-Plex-Arabic-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:TibranSans;src:url('assets/fonts/IBM-Plex-Arabic-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:TibranSans;src:url('assets/fonts/IBM-Plex-Arabic-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
/* Shared bilingual presentation system — text-resize repair 4 October 2026. */
html:lang(ar){--font:TibranSans,Tahoma,Arial,sans-serif;--display:TibranSans,Tahoma,Arial,sans-serif}
html:lang(en),:lang(en){--font:TibranSans,Arial,sans-serif;--display:TibranSans,Arial,sans-serif}
@media screen{
body,html[lang="ar"] body,html[lang="en"] body{font-family:var(--font);font-size:1.0625rem;line-height:1.8}
h1,h2,h3,h4,html[lang="en"] h1,html[lang="en"] h2{font-family:var(--display);font-weight:500;letter-spacing:0}
html:lang(ar) h1,html:lang(ar) h2,html:lang(ar) h3,html:lang(ar) h4{line-height:1.55}
html:lang(en) h1,html:lang(en) h2{line-height:1.15;letter-spacing:-.025em}
button,input,select,textarea{font-family:var(--font)}
[lang="ar"],.language:lang(ar),.lang:lang(ar){font-family:TibranSans,Tahoma,Arial,sans-serif}
[lang="en"],.language:lang(en),.lang:lang(en){font-family:TibranSans,Arial,sans-serif}
.wrap{max-width:1280px;padding-inline:48px}
.section{padding-block:72px}
.eyebrow,:lang(en) .eyebrow{font-size:.875rem;line-height:1.7;margin-bottom:20px}
html:lang(ar) .eyebrow{letter-spacing:0;text-transform:none}
h2,:lang(en) h2{font-size:clamp(1.75rem,2.6vw,2.25rem)}
.section-intro,.section-top>p,.path-heading>p{font-size:1.0625rem;line-height:1.85;opacity:1}
.site-header nav{min-height:88px;gap:20px;flex-wrap:wrap}
.brand-name{font-weight:500;font-size:1.375rem}
.brand-name small{font-family:var(--font);font-size:.875rem;font-weight:400;letter-spacing:0}
.navlinks{gap:22px;flex-wrap:wrap;min-width:0}.navlinks a{font-size:.9375rem;padding-block:12px}
button.language,:dir(rtl) button.language{font-size:.9375rem;min-height:44px;padding-inline:18px 0;flex-shrink:0}
.nav-cta{font-size:.9375rem;line-height:1.7}
.hero{max-width:1280px;grid-template-columns:1.2fr .85fr;gap:64px;min-height:0;padding:48px 48px 56px;align-items:center}
.hero-copy{padding:0;min-width:0}
.hero .eyebrow{font-size:.875rem;max-width:520px;margin-bottom:22px}
.hero h1{font-size:clamp(2.75rem,4.5vw,3.75rem);line-height:1.3;margin-bottom:22px;letter-spacing:0;font-weight:500}
:lang(en) .hero h1{font-family:var(--display);font-size:clamp(3rem,4.8vw,4rem);line-height:1.12;font-weight:500;letter-spacing:-.035em}
:lang(en) .hero h1 em{font-style:normal}
.hero .lead{font-size:1.125rem;line-height:1.9;max-width:590px}
.hero-audience{font-size:1rem;line-height:1.8;max-width:590px;margin-top:16px}
.hero .actions{margin-top:28px;gap:22px}
.button,.primary,.secondary{font-size:1rem;font-weight:500;line-height:1.7;min-height:52px;padding:13px 22px}
.button .arrow{display:none}.text-link{font-size:1rem}
.work-model{font-size:.875rem;line-height:1.8;margin-top:20px}
.hero-principle{font-size:.875rem;line-height:1.8;margin-top:22px;padding-top:18px;grid-template-columns:86px 1fr;gap:20px;max-width:590px}
.hero-principle p{max-width:none}
.hero-image{height:440px;min-height:0;max-height:none;align-self:center;border-color:var(--line)}
.image-index{top:18px;left:18px;right:18px;font-size:.8125rem;letter-spacing:.07em}
.image-index span{font-size:.75rem}
.hero-image figcaption{padding:20px 18px;bottom:16px;inset-inline:16px}
.vision-path{flex-wrap:wrap}.vision-path>span{flex:1 1 auto}.vision-path i{white-space:normal}.vision-path i,.vision-path b{font-size:.875rem}
.brand-ribbon>.wrap{font-size:.9375rem;line-height:1.8;padding-block:22px;justify-content:space-between}
.agenda-layout,.section-top,.exhibit-layout,.about-layout,.contact{gap:64px}
.agenda-row h3{font-size:1.375rem;font-weight:500}.agenda-row p{font-size:1rem}
.capability-layout{grid-template-columns:.9fr 1.4fr;gap:56px}
.capability-nav button{font-size:1.125rem;line-height:1.75;padding-block:23px;min-height:78px}
.capability-nav button span{font-size:.875rem}
.capability-panel .panel-issue{font-size:1.625rem;line-height:1.6;font-weight:500}
.panel-output h4,.panel-use,.panel-output li{font-size:1rem;line-height:1.8}
.scope-note{font-size:.875rem;line-height:1.9}
.memo-top span,.memo-code,.memo-sheet small,.memo-foot{font-size:.875rem}
.memo-sheet{padding:32px;border-top-width:3px;box-shadow:none}
.memo-sheet>h3{font-size:1.5rem;font-weight:500}.memo-option,.memo-decision p{font-size:1rem;line-height:1.8}
.memo-option{grid-template-columns:120px 1fr;gap:18px}
.memo-top .brand-emblem{flex-shrink:0}.memo-top>span:not(.brand-emblem){max-width:240px}
.exhibit-copy h3{font-family:var(--display);font-size:1.75rem;font-weight:500}
.exhibit-number,.sample-visual .visual-label,.metric-caption,.exhibit-link .number{font-size:.875rem}
.exhibit-link h3{font-size:1.375rem;font-weight:500}.exhibit-link p{font-size:1rem}
.metric-row strong{font-family:TibranSans,Arial,sans-serif;font-weight:500}
.development-path{margin-top:0;padding-top:0;border-top:0}
.path-heading{gap:56px;margin-bottom:36px}.path-heading h2{font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1.5}
.path-status,.path-index{font-size:.875rem}
.path-cards{gap:28px}
.path-card{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.path-card h3{font-size:1.5rem;font-weight:500;line-height:1.45;margin:20px 0 12px;max-width:none}
.product-status{font-size:.875rem;font-weight:400;line-height:1.6;border:0;background:var(--surface-raised);border-radius:5px;padding:5px 10px;margin:0}
.path-card .path-need,.path-card dd{font-size:1rem;line-height:1.85}
.product-visual{border:0;padding:18px 0;background:transparent;margin:18px 0}
.visual-caption{font-size:.875rem;margin-bottom:14px}
.product-visual ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;counter-reset:stage}
.product-visual li{font-size:.875rem;line-height:1.7;min-width:0;background:transparent;border:0;padding:9px 0;counter-increment:stage;align-items:flex-start}
.product-visual li::before{content:counter(stage,decimal-leading-zero);color:var(--sand);font-family:TibranSans,Arial,sans-serif;font-size:.875rem;margin-inline-end:3px;flex-shrink:0}
.path-card dl{margin-top:4px;padding-top:22px}.path-card dt{font-size:.9375rem;font-weight:500;margin-bottom:8px}
.library-grid{gap:24px}.library-card{padding:20px 0;background:transparent;border-top:1px solid var(--line)}
.library-card h3{font-size:1.25rem;font-weight:500}.library-card p{font-size:1rem;line-height:1.85}
.path-action p{font-size:.875rem;line-height:1.9}
.step h3{font-size:1.5rem;font-weight:500}.step p,.step .gate,.standard,.quality-note{font-size:1rem;line-height:1.85}
.partner-title{font-size:1.375rem}.contact form{padding:32px}.contact label,.contact small,#formStatus,.phone-contact>p{font-size:.9375rem;line-height:1.85}
.phone-button strong{font-size:1.25rem}.phone-button{padding:14px 18px;gap:8px 18px}
.site-footer>.wrap{font-size:.875rem;gap:24px;flex-wrap:wrap}.site-footer span:last-child{font-size:.875rem}
.sample-page{max-width:1040px;padding:48px}.sample-page p,.sample-page td,.sample-page th{font-size:1rem;line-height:1.85}
.sample-page .tag,.sample-page .actions a,.sample-page .actions button{font-size:.9375rem}
.experience-page h1{font-size:clamp(2.125rem,4vw,3.125rem);line-height:1.5}
html:lang(en) .experience-page h1{line-height:1.15}
.experience-page .hero{grid-template-columns:1.3fr 1fr;max-width:none;padding:42px 0;gap:48px}
.experience-page .hero .lead{font-size:1.0625rem}
.experience-page .wordmark,.experience-page .wordmark small{font-family:var(--font)}
.experience-page .tabbar b{font-size:1rem}.experience-page .tabbar small,.experience-page .hint,.experience-page .privacy-line,.experience-page .notice,.experience-page details,.experience-page .metric p{font-size:.875rem!important;line-height:1.8}
.experience-page .panel{padding:32px}.experience-page .insight p,.experience-page .plan-card p,.experience-page .rules p{font-size:1rem}
.experience-page .topbar{flex-wrap:wrap}.experience-page .wordmark small{font-size:.875rem}
}
@media screen and (min-width:1101px){.navlinks a{font-size:.9375rem}}
@media screen and (max-width:1100px){
.site-header nav{min-height:90px;position:relative;gap:16px}
.navlinks{display:none;position:absolute;top:100%;inset-inline:0;background:var(--surface-card);padding:12px 24px 24px;border-bottom:1px solid var(--line);z-index:25}
.navlinks.is-open{display:flex;flex-direction:column;gap:0}.navlinks a{font-size:1rem;padding:12px 0;border-bottom:1px solid var(--line)}
.navlinks .mobile-contact{display:block;color:var(--text-accent)}.nav-cta{display:none}
.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;min-width:44px;height:44px;background:transparent;border:1px solid var(--stone);padding:11px}
.menu-toggle span{height:1px;width:20px;background:var(--text)}
.hero{gap:36px;padding:40px 32px 48px}.hero h1{font-size:3.2rem}:lang(en) .hero h1{font-size:3.5rem}
.hero-image{height:420px;min-height:0}.wrap{padding-inline:32px}
.brand-name small{display:none}.section-top,.agenda-layout,.exhibit-layout,.contact{gap:40px}
}
@media screen and (max-width:920px){
.hero{grid-template-columns:1fr;padding:36px 24px 40px;gap:32px}
.hero-copy{padding:0}.hero h1{font-size:clamp(2.8rem,7vw,3.75rem)}:lang(en) .hero h1{font-size:clamp(3rem,8vw,4rem)}
.hero-image{height:340px;min-height:0;max-height:none}.hero .lead{font-size:1.0625rem;line-height:1.85}
.wrap{padding-inline:24px}.section{padding-block:64px}.section-top,.agenda-layout,.exhibit-layout,.about-layout,.contact{gap:28px}
.brand-ribbon>.wrap{flex-wrap:wrap;gap:8px 18px;justify-content:flex-start}.brand-ribbon i{display:none}.brand-ribbon span{max-width:none}
.capability-layout{grid-template-columns:1fr;gap:28px}.capability-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
.capability-nav button{font-size:1rem;min-height:88px;padding:16px 12px;flex:initial;min-width:0;gap:9px}
.capability-panel{padding-top:0}.capability-panel .panel-issue{font-size:1.5rem}
.capability-nav button[aria-selected=true]::after{display:none}
.path-heading{grid-template-columns:1fr;gap:20px}.path-cards{grid-template-columns:1fr}.path-card{padding:28px}
.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.development-path{margin-top:0;padding-top:0}
.profile-strip h2{font-size:1.875rem}.sample-page{padding:32px 24px}
.sample-page td,.sample-page th{padding:12px;font-size:.9375rem}
.sample-page .table-wrap{overflow-x:auto}.sample-page .two{grid-template-columns:1fr}
.experience-page .hero{grid-template-columns:1fr;gap:26px;padding-block:28px}
.experience-page .wrap{padding-inline:24px}.experience-page .panel{padding:24px}.experience-page .tabbar button{min-height:96px;padding:14px 10px}
}
@media screen and (max-width:480px){
.site-header nav{padding-inline:20px;gap:10px;min-height:84px}.brand-name{font-size:1.125rem}.brand{gap:9px}
button.language,:dir(rtl) button.language{padding:8px 0;font-size:.9375rem;min-width:62px}
.hero{padding-inline:20px;padding-top:30px}.hero h1{font-size:2.75rem;line-height:1.55}:lang(en) .hero h1{font-size:3rem;line-height:1.1}
.hero .eyebrow{font-size:.875rem;line-height:1.85}.hero-audience{font-size:1rem}.hero .actions{gap:18px}.hero .button{font-size:.9375rem;padding-inline:18px}
.hero-principle{grid-template-columns:1fr;gap:6px}.hero-image{height:280px;min-height:0}.image-index{left:12px;right:12px}.image-index span{font-size:.75rem}
.vision-path b{display:inline}.vision-path i{font-size:.875rem}.hero-image figcaption{padding:16px 12px;bottom:12px;inset-inline:12px}
.wrap{padding-inline:20px}h2,:lang(en) h2,.path-heading h2{font-size:1.75rem}.section{padding-block:56px}
.capability-nav{grid-template-columns:1fr}.capability-nav button{min-height:62px;padding:15px 12px}.panel-output ul{grid-template-columns:1fr}
.memo-sheet{padding:24px 20px}.memo-top{align-items:center;gap:16px}.memo-top>span:not(.brand-emblem){max-width:180px}.memo-option{grid-template-columns:1fr;gap:5px}
.memo-sheet>h3,.path-card h3{font-size:1.375rem}.path-card{padding:24px}.product-visual ol{grid-template-columns:1fr}.product-visual li{padding:7px 0}
.library-grid,.steps{grid-template-columns:1fr}.library-card{padding-block:18px}.steps{gap:30px}.step .num{margin-bottom:16px}
.phone-button strong{font-size:1.125rem}.contact form{padding:24px 20px}.phone-button{width:100%;justify-content:space-between;padding:14px}
.experience-page .wrap{padding-inline:20px}.experience-page h1{font-size:2rem}.experience-page .top-actions{gap:10px}.experience-page .tag{display:none}
.experience-page .panel{padding:22px 18px}.experience-page .tabbar{grid-template-columns:1fr}.experience-page .tabbar button{min-height:72px}.experience-page .lab-fields{grid-template-columns:1fr}
}
@media screen and (max-width:360px){.site-header nav{gap:8px}.brand{gap:6px}.brand-name{font-size:.875rem}}

/* Composition revision: deliberate hierarchy and progressive detail. */
@media screen{
:root{--line:#657A9A}
html:lang(en) body{line-height:1.65}
html:lang(ar) .hero h1{line-height:1.3}
html:lang(ar) h2,html:lang(ar) h3{line-height:1.45}
html:lang(en) h3{line-height:1.35}
.hero h1 em{color:var(--sand)}
.hero .lead{font-size:1.125rem;line-height:1.85;color:#D3DEE7}
:lang(en) .hero .lead{line-height:1.65}
.hero .actions{margin-top:26px;gap:22px}
.hero .button,.contact form .button{background:var(--sand);color:var(--ink);border-radius:6px}
.hero .button:hover,.contact form .button:hover{background:var(--gold);color:var(--ink)}
.text-link{font-size:.9375rem}
.work-model{font-size:.875rem;color:var(--muted);margin-top:18px}
.hero-image{border:0;border-radius:12px}.image-index{display:none}
.hero-image figcaption{background:var(--surface-card);border:1px solid var(--line);border-radius:8px}
.site-header .brand-emblem,.site-footer .brand-emblem{width:63px;height:58.5px}
.site-header .brand-emblem img,.site-footer .brand-emblem img{width:96px;height:96px;left:-16.5px;top:-20.25px}
.brand-name{font-size:1.25rem}.brand-name small{font-size:.875rem}
.nav-cta{border-radius:5px}.navlinks{background:transparent}
.brand-ribbon>.wrap{padding-block:18px;font-size:.875rem;color:var(--muted)}
.hero-audience{margin-top:18px;color:var(--muted);font-size:1rem}
.hero-principle{margin-top:22px;max-width:none;grid-template-columns:90px 1fr;font-size:.9375rem}
.hero-principle span{color:var(--sand)}
.agenda-row{padding-block:20px}.agenda-row h3{font-size:1.25rem;margin-bottom:6px}
.capability-panel{min-height:0;padding:24px 28px;background:var(--surface);border-radius:10px}
.capability-nav button{min-height:68px;padding:18px 12px;align-items:center;font-size:1.0625rem}
.capability-nav button[aria-selected=true]{background:var(--surface-raised);color:var(--text);border-bottom-color:var(--line)}
.capability-nav button[aria-selected=true]::after{content:none}
.capability-layout{border-top:0;gap:30px;grid-template-columns:.85fr 1.4fr;align-items:start}
.capability-panel .panel-issue{font-size:1.5rem;line-height:1.55;margin-bottom:16px}
.panel-output{grid-template-columns:1fr;gap:12px}.panel-use{grid-template-columns:1fr;gap:8px}
.products{background:var(--surface-card);color:var(--text)}
.path-heading{align-items:start;margin-bottom:30px;gap:48px}
.path-heading h2{line-height:1.4}.path-status{display:block;margin-bottom:14px;color:var(--text-accent)}
.path-cards{gap:20px;align-items:start}
.product-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.path-index{position:static;display:block;font-size:.9375rem;color:var(--sand);line-height:1.6}
.path-card h3{min-block-size:0;min-height:0;letter-spacing:0}
.path-card .path-need{min-block-size:0;min-height:0;color:var(--muted);font-size:1rem;line-height:1.8}
:lang(en) .path-card .path-need{line-height:1.65}
.product-details{margin-top:22px;border-top:1px solid var(--line)}
.product-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding-top:14px;font-size:1rem;color:var(--text-accent)}
.product-details summary::-webkit-details-marker{display:none}
.product-details summary::after{content:'+';font-family:Arial,sans-serif;font-size:1.4rem;line-height:1;flex-shrink:0}
.product-details[open] summary::after{content:'−'}
.product-details summary:hover{color:var(--sand)}
.product-visual{margin:20px 0;padding:0}
.product-visual ol{display:flex;flex-direction:column;gap:0;border-inline-start:1px solid var(--line);margin-inline-start:14px}
.product-visual li{flex:initial;display:flex;align-items:center;gap:14px;padding:7px 0;font-size:.9375rem}
.product-visual li::before{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;margin-inline-start:-14.5px;margin-inline-end:0;background:var(--surface);font-size:.75rem;line-height:1;color:var(--sand)}
.path-card dl{border-top:1px solid var(--line);padding-top:18px}.path-card dd{color:var(--muted)}
.path-card dt{margin-top:18px}.path-card dt:first-child{margin-top:0}
.solution-library{margin-top:40px}.solution-library>h3{font-size:1.5rem;font-weight:500}
.library-card{padding:16px 0}.library-card h3{font-size:1.125rem}
.path-action{gap:24px;align-items:center}.path-action .button{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text)}
.outputs{background:var(--surface)}
.memo-sheet{background:var(--surface-raised);border:1px solid var(--line);border-radius:10px}.memo-top{gap:20px}
.exhibit-link{border-radius:10px;overflow:hidden}.sample-visual{background:var(--surface-raised)}
.approach{background:var(--surface)}.step .num{font-size:1.875rem;margin-bottom:18px;color:var(--sand)}
.step h3{font-size:1.25rem}.steps{gap:30px}.step .gate{font-size:.9375rem}
.about{background:var(--surface)}.profile-strip{background:var(--surface-raised)}
.contact form{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.contact input,.contact select,.contact textarea{border-radius:5px;background:var(--surface)}
.experience-page .wordmark,.experience-page .wordmark small{font-family:TibranSans,Arial,sans-serif}
}
@media screen and (max-width:1100px){.navlinks{background:var(--surface-card)}}
@media screen and (max-width:920px){
.hero{gap:28px}.hero-image{height:300px}.section{padding-block:56px}
.capability-layout{grid-template-columns:1fr;gap:24px}.capability-panel{padding:24px}
.path-heading{gap:18px}.path-card{padding:24px}.path-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.path-card h3{font-size:1.3125rem}.product-heading{flex-wrap:wrap;gap:10px}
.hero-principle{grid-template-columns:90px 1fr}
}
@media screen and (max-width:640px){
.path-cards{grid-template-columns:1fr}.hero .actions{align-items:stretch;gap:20px}
.hero .button{justify-content:center}.hero .text-link{align-self:center}
.product-heading{flex-wrap:nowrap}.product-status{max-width:85%}
.hero-image{height:250px}.hero-principle{grid-template-columns:1fr;gap:8px}
.hero .eyebrow{font-size:.875rem}.brand-ribbon>.wrap{gap:10px;flex-direction:column;align-items:flex-start}
.path-heading h2{font-size:1.75rem}.capability-panel{padding:22px 20px}
.library-grid{grid-template-columns:1fr}.contact form{padding:24px 20px}
}

@media screen and (max-width:360px){.brand-name{font-size:.875rem}}

/* Balance the company introduction across the full section. */
@media screen{
.about-overview{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
.about-overview .about-intro{font-size:1.125rem;line-height:1.85}
:lang(en) .about-overview .about-intro{line-height:1.65}
.about .standards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:36px 0;padding-block:24px;border-block:1px solid var(--line)}
.about .standard{margin:0;padding:0;border:0;grid-template-columns:26px 1fr;gap:12px;align-items:start;font-size:1rem}
.about-practice{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}
.about-practice .partner-title{margin:0 0 14px;font-size:1.25rem}
.about-practice>.quality-note{border-inline-start:2px solid var(--gold);padding-inline-start:24px;margin:0}
.about-practice .quality-note{font-size:1rem;line-height:1.8}
}
@media screen and (max-width:920px){.about-overview,.about-practice{grid-template-columns:1fr;gap:24px}.about .standards{gap:20px}.about .standard{grid-template-columns:1fr;gap:10px}}
@media screen and (max-width:640px){.about .standards{grid-template-columns:1fr;margin-block:28px}.about .standard{grid-template-columns:26px 1fr;gap:12px}.about-practice>.quality-note{padding-inline-start:18px}}

@media screen{.about>.wrap{display:block}}

@media screen{.step .num{width:auto}.metric-row{grid-template-columns:minmax(0,70px) minmax(0,1fr) max-content}.exhibit-info{grid-template-columns:max-content minmax(0,1fr) 22px}}