@font-face{font-family:Alexandria;src:url('fonts/Alexandria.ttf') format('truetype');font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url('fonts/Cairo.ttf') format('truetype');font-weight:400 500;font-style:normal;font-display:swap}
/* F3-E.3: About-only compositions. Logical grid columns mirror naturally in RTL. */
.sdk-about-v21 .av-final,.sdk-about-v21 .av-values{width:100%;max-width:none;isolation:isolate;overflow:hidden}
.sdk-about-v21 .av-final{background:var(--av-final-bg,linear-gradient(120deg,#914aff,#6221ec))!important;min-height:210px;padding:28px 0}
.sdk-about-v21 .av-final[data-bg-mode=image]{background-image:var(--about-section-image,var(--av-final-bg))!important;background-size:var(--av-bg-fit,cover);background-position:var(--av-bg-position,center);background-repeat:no-repeat}
.sdk-about-v21 .av-final:after{display:block;content:'';position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;transform:none;background:#140b35;opacity:var(--av-overlay,0);z-index:0;pointer-events:none}
.sdk-about-v21 .av-final-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(140px,.7fr) minmax(175px,.75fr);gap:28px;align-items:center;padding:0;z-index:2}
.sdk-about-v21 .av-rocket-slot{display:flex;align-items:center;justify-content:center;min-width:0;height:180px}
.sdk-about-v21 .av-rocket-slot .av-rocket{position:static;inset:auto;width:180px;max-width:100%;height:180px;object-fit:contain;margin:0;filter:drop-shadow(0 13px 12px #21113c45);transform:none}
[dir=rtl] .sdk-about-v21 .av-rocket-slot .av-rocket{inset:auto;transform:scaleX(-1)}
.sdk-about-v21 .av-final-action{min-width:0;max-width:none;text-align:center;position:relative;z-index:3}
.sdk-about-v21 .av-final-action .av-button{white-space:normal;min-height:46px;display:inline-flex;justify-content:center;align-items:center;max-width:100%}
.sdk-about-v21 .av-final-action small{display:block;margin-top:10px;line-height:1.6;color:#fff}
.sdk-about-v21 .av-final p{max-width:none;color:#fff!important}
.sdk-about-v21 .av-final .av-eyebrow{color:#fff}
.sdk-about-v21 .av-button:focus-visible,.sdk-about-v21 .av-link:focus-visible{outline:3px solid #21143c;outline-offset:4px;box-shadow:0 0 0 6px #fff}
.sdk-about-v21 .av-values .av-decor-layer,.sdk-about-v21 .av-final .av-decor-layer{inset:0;width:100%;height:100%;object-fit:fill;object-position:var(--av-decor-position,center);opacity:var(--av-decor-opacity,1);transform:scale(var(--av-decor-scale,1));z-index:1;pointer-events:none}
.sdk-about-v21 .av-values .av-values-grid{z-index:2}
.sdk-about-v21 .av-values[data-decor-full="0"]>.av-decor-layer,.sdk-about-v21 .av-final[data-decor-full="0"]>.av-decor-layer{width:85%;inset-inline:7.5%}
.sdk-about-v21 [data-decor-position=top]>.av-decor-layer{translate:0 -15%}.sdk-about-v21 [data-decor-position=bottom]>.av-decor-layer{translate:0 15%}.sdk-about-v21 [data-decor-position=left]>.av-decor-layer{translate:-10% 0}.sdk-about-v21 [data-decor-position=right]>.av-decor-layer{translate:10% 0}
.sdk-about-v21 .av-values:before,.sdk-about-v21 .av-values:after{display:none}
.sdk-about-v21 .av-values .av-value h3,.sdk-about-v21 .av-values .av-value p{position:relative;z-index:1;text-shadow:0 1px 5px #171a3c}
.sdk-about-v21 .av-purpose-art .av-purpose-arrow{transform:none;transform-origin:center;inset-inline-end:9%;top:74px;width:86px;height:66px;margin:0;align-self:auto}
[dir=rtl] .sdk-about-v21 .av-purpose-art .av-purpose-arrow{transform:scaleX(-1)}
.sdk-about-v21 .av-purpose-art .av-decoration{inset-inline-end:-3px;top:0;width:72%;line-height:1.55}
.sdk-about-v21[data-paused="0"] .av-final[data-rocket-motion="1"] .av-rocket-slot{animation:av-rocket-lift 5s ease-in-out infinite}
.sdk-about-v21[data-paused="0"] [data-decor-motion="1"]>.av-decor-layer{animation:av-decor-breathe 9s ease-in-out infinite}
@keyframes av-rocket-lift{0%,100%{translate:0 3px}50%{translate:0 -5px}}
@keyframes av-decor-breathe{0%,100%{opacity:var(--av-decor-opacity)}50%{opacity:calc(var(--av-decor-opacity)*.8)}}
/* Approved Arabic families, scoped; a locally installed copy can be reused. */
[dir=rtl] .sdk-about-v21{font-family:Cairo,"IBM Plex Sans Arabic",Tahoma,sans-serif;letter-spacing:0}
#sdk-modern-main [dir=rtl].sdk-about-v21 h1,[dir=rtl] #sdk-modern-main .sdk-about-v21 h1,[dir=rtl] #sdk-modern-main .sdk-about-v21 h2,[dir=rtl] #sdk-modern-main .sdk-about-v21 h3,[dir=rtl] .sdk-about-v21 .av-button,[dir=rtl] .sdk-about-v21 .av-link{font-family:Alexandria,"IBM Plex Sans Arabic",Tahoma,sans-serif;font-weight:600;letter-spacing:0;line-height:1.65}
[dir=rtl] #sdk-modern-main .sdk-about-v21 h1{font-size:clamp(32px,3.1vw,46px);line-height:1.55}
[dir=rtl] #sdk-modern-main .sdk-about-v21 p{font-family:Cairo,"IBM Plex Sans Arabic",Tahoma,sans-serif;font-size:15px;line-height:1.95;font-weight:400;letter-spacing:0}
[dir=rtl] #sdk-modern-main .sdk-about-v21 .av-eyebrow,[dir=rtl] #sdk-modern-main .sdk-about-v21 small,[dir=rtl] #sdk-modern-main .sdk-about-v21 figcaption,[dir=rtl] #sdk-modern-main .sdk-about-v21 .av-perks strong,[dir=rtl] #sdk-modern-main .sdk-about-v21 .av-float{letter-spacing:0;font-family:Cairo,"IBM Plex Sans Arabic",Tahoma,sans-serif;line-height:1.8}
[dir=rtl] #sdk-modern-main .sdk-about-v21 .av-eyebrow{font-size:11px;font-weight:500}
[dir=rtl] .sdk-about-v21 .av-final h2{font-size:26px!important;line-height:1.7}
@media(min-width:768px) and (max-width:1100px){.sdk-about-v21 .av-final-grid{grid-template-columns:minmax(0,1.5fr) 110px minmax(150px,.8fr);gap:16px}.sdk-about-v21 .av-rocket-slot,.sdk-about-v21 .av-rocket-slot .av-rocket{width:110px;height:150px}.sdk-about-v21 .av-purpose-art .av-purpose-arrow{width:70px;top:65px}}
@media(max-width:767px){.sdk-about-v21 .av-final-grid{grid-template-columns:minmax(0,1fr);gap:16px;text-align:center}.sdk-about-v21 .av-final-action{text-align:center;width:100%;max-width:none}.sdk-about-v21 .av-rocket-slot{height:140px}.sdk-about-v21 .av-rocket-slot .av-rocket{height:140px;width:150px}.sdk-about-v21 .av-final{padding:30px 0}.sdk-about-v21 .av-final[data-bg-mode=image]{background-size:var(--av-bg-mobile,cover)}.sdk-about-v21 .av-final p{max-width:none}.sdk-about-v21 .av-purpose-art .av-purpose-arrow{top:84px;width:86px}.sdk-about-v21 .av-values{padding:34px 0}.sdk-about-v21 .av-decor-layer{max-width:none}[dir=rtl] #sdk-modern-main .sdk-about-v21 h2{line-height:1.65}[dir=rtl] #sdk-modern-main .sdk-about-v21 .av-card p,[dir=rtl] #sdk-modern-main .sdk-about-v21 .av-value p{font-size:13px!important;line-height:1.9!important}}
@media(prefers-reduced-motion:reduce){.sdk-about-v21 .av-rocket-slot,.sdk-about-v21 .av-decor-layer{animation:none!important;translate:none!important}}