.mission-slide{position:absolute;inset:0;isolation:isolate;overflow:hidden;color:#fff;background:#2F3A85}
.mission-background{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 48% 53%,#257ACD59,transparent 61%),linear-gradient(115deg,#2F3A85,#2F3A85 55%,#242D69)}
.mission-aura{position:absolute;width:65%;height:85%;border-radius:50%;filter:blur(65px);opacity:.35}.mission-aura-blue{left:-22%;top:-25%;background:radial-gradient(ellipse,#257ACD,transparent 65%)}.mission-aura-pink{right:-20%;bottom:-45%;background:radial-gradient(ellipse,#C15F9F66,transparent 65%)}
.mission-grid{position:absolute;inset:10%;opacity:.035;background-image:linear-gradient(#FFFFFF 1px,transparent 1px),linear-gradient(90deg,#FFFFFF 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.mission-shell{height:100%;padding:30px 6% 90px;display:grid;grid-template-rows:90px minmax(0,1fr);gap:18px}
.mission-header{display:flex;align-items:center;justify-content:space-between;gap:25px}.mission-header h2{font-size:clamp(36px,4vw,56px);line-height:1.2;margin:0;outline:none}.mission-heading-ar h2{font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:700}.mission-heading-en h2{font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:-1.3px}.mission-header h2 span{color:#C15F9F}
.mission-eyebrow{font:600 9px/1.4 'Montserrat',sans-serif;letter-spacing:2.8px;color:#FFFFFF80;margin:0 0 6px;text-align:right}.mission-heading-en .mission-eyebrow{text-align:left}
.mission-content{min-height:0;display:flex;align-items:center}.mission-composition{position:relative;display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:3%;align-items:center;width:100%;height:100%;max-height:660px}
.mission-message{position:relative;min-width:0;padding:22px 12px}.mission-message-ar{grid-column:1;grid-row:1;text-align:right}.mission-message-en{grid-column:3;grid-row:1;text-align:left}
.mission-copy-accent{height:3px;width:36px;background:linear-gradient(90deg,#257ACD,#C15F9F);border-radius:2px;margin-bottom:20px;transform-origin:right}.mission-message-en .mission-copy-accent{transform-origin:left}
.mission-copy{margin:0;color:#FFFFFFD9;text-wrap:pretty}.mission-copy-ar{font:700 clamp(17px,1.5vw,22px)/1.95 'IBM Plex Sans Arabic',sans-serif}.mission-copy-en{font:600 clamp(12px,1.1vw,16px)/2 'Montserrat',sans-serif}.mission-copy strong{font-weight:inherit;color:#FFF}.mission-copy-ar strong{font-weight:700}
.mission-phrase{display:block;perspective:600px;padding-bottom:.12em;margin-bottom:-.12em;overflow:clip}.mission-word{display:inline-block;transform-origin:50% 100%;will-change:transform,opacity}.mission-copy strong .mission-word{background:linear-gradient(90deg,#257ACD77,#C15F9F77) no-repeat 100% 96%;background-size:100% 2px}.mission-copy-en strong .mission-word{background-position:0 96%}
.mission-commitment{margin-top:17px;color:#DCA5CA}.mission-commitment strong{color:inherit}.mission-endmark{display:flex;gap:7px;margin-top:25px}.mission-endmark i{height:3px;width:19px;background:#FFFFFF1A;border-radius:4px}.mission-endmark i:first-child{background:#257ACD}.mission-endmark i:last-child{background:#C15F9F}
.mission-visual{grid-column:2;grid-row:1;width:min(100%,calc((100svh - 285px)*.906));max-width:540px;justify-self:center;min-width:0;perspective:1000px}.mission-parallax{width:100%;transition:transform .65s ease-out;transform-style:preserve-3d}
.mission-card-stage{position:relative;width:100%;aspect-ratio:480/530;isolation:isolate;perspective:1100px;direction:ltr}.mission-stack-halo{position:absolute;inset:9% -10% 0;border-radius:50%;background:radial-gradient(ellipse,#257ACD44,transparent 68%);filter:blur(22px);pointer-events:none}
.mission-card{position:absolute;left:6%;width:88%;height:43.5%;transform-origin:50% 70%;outline:none;border-radius:19px;will-change:transform,top;--card-accent:#92CDFF}
.card-accuracy{top:1%;transform:rotate(-4deg);z-index:1}.card-integration{top:18%;transform:rotate(-2deg);z-index:2}.card-security{top:35%;z-index:3;--card-accent:#D7A1CE}.card-reporting{top:52%;transform:rotate(2deg);z-index:4;--card-accent:#DCA5CA}
.mission-card-face{position:relative;height:100%;padding:12px 13px;border-radius:inherit;border:1px solid #FFFFFF36;border-top-color:#FFFFFF7A;box-shadow:inset 0 1px 0 #FFFFFF19,0 12px 23px #121A515C,0 2px 5px #131D5933;background:linear-gradient(135deg,#3A62A7,#30488E 75%);overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;isolation:isolate}
.card-integration .mission-card-face{background:linear-gradient(135deg,#3C5C9E,#313F87 78%)}.card-security .mission-card-face{background:linear-gradient(135deg,#575894,#3C4586 80%)}.card-reporting .mission-card-face{background:linear-gradient(135deg,#4F69A5,#3D478A 76%);border-top-color:#E1B5D080}
.mission-card-face:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 0 0,#FFFFFF14,transparent 65%);pointer-events:none}
.mission-card-heading{display:grid;grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr);gap:8px;align-items:center;direction:ltr;min-height:24px}
.mission-card-heading h3{margin:0;min-width:0;color:#FFF;font-weight:700}.mission-card-heading h3[lang='en']{font:600 clamp(8px,.77vw,12px)/1.3 'Montserrat',sans-serif;text-align:left;letter-spacing:-.15px}.mission-card-heading h3[lang='ar']{font:700 clamp(11px,1.05vw,16px)/1.35 'IBM Plex Sans Arabic',sans-serif;text-align:right}
.mission-card-icon{width:23px;height:23px;display:block;color:var(--card-accent)}.mission-card-icon svg{height:100%;width:100%;stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.mission-card-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;direction:ltr;margin-top:7px}.mission-card-body p{margin:0;color:#FFFFFFB8}.mission-card-body p[lang='en']{font:600 clamp(7px,.61vw,10px)/1.6 'Montserrat',sans-serif;text-align:left}.mission-card-body p[lang='ar']{font:700 clamp(10px,.85vw,14px)/1.6 'IBM Plex Sans Arabic',sans-serif;text-align:right}
.mission-card-detail{position:absolute;left:13px;right:13px;top:48%;bottom:10px;border-top:1px solid #FFFFFF1A;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mission-card-number{position:absolute;left:0;bottom:-4px;font:600 clamp(42px,5vw,78px)/1 'Montserrat',sans-serif;letter-spacing:-4px;color:#FFFFFF0B}
.mission-card-motif{position:relative;height:77%;width:69%;max-height:90px;stroke:var(--card-accent);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.75}
.mission-card-detail-line{position:absolute;right:0;top:16%;height:58%;width:2px;border-radius:2px;background:linear-gradient(#257ACD00,var(--card-accent),#C15F9F00);opacity:.3}
.mission-card-edge{position:absolute;bottom:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);opacity:.5;transform-origin:center}
.mission-card-sheen{position:absolute;inset:-15% auto -15% -70%;width:55%;background:linear-gradient(90deg,transparent,#FFFFFF12,transparent);transform:skewX(-20deg);pointer-events:none;z-index:2;opacity:0}
.mission-card:focus-visible{outline:2px solid #DCA5CA;outline-offset:4px;z-index:12}.mission-card:focus-visible .mission-card-face{transform:translateY(-7px);box-shadow:0 18px 30px #121A5180,inset 0 1px 0 #FFFFFF44}
@media(hover:hover) and (pointer:fine){.mission-card:hover{z-index:12}.mission-card:hover .mission-card-face{transform:translateY(-7px);box-shadow:0 18px 30px #121A5180,inset 0 1px 0 #FFFFFF44}}
.mission-support{position:relative;display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;gap:12px;direction:ltr;margin:5px 8% 0;padding-top:13px;border-top:1px solid #FFFFFF1A}
.mission-support>span{font:600 clamp(7px,.6vw,10px)/1.6 'Montserrat',sans-serif;text-align:left;color:#FFFFFF8C}.mission-support>strong{font:700 clamp(11px,.95vw,15px)/1.45 'IBM Plex Sans Arabic',sans-serif;text-align:right;color:#DCA5CA}.mission-stack-brand{display:block;width:36px;aspect-ratio:1330/815;filter:drop-shadow(0 3px 3px #16205266)}
@media(min-width:1600px){.mission-shell{padding-top:5vh}.mission-copy-ar{font-size:25px}.mission-copy-en{font-size:17px}.mission-card-face{padding:17px 19px;border-radius:23px}.mission-card{border-radius:23px}.mission-card-heading{grid-template-columns:1fr 29px 1fr;min-height:31px;gap:13px}.mission-card-icon{width:29px;height:29px}.mission-card-body{margin-top:9px}.mission-card-detail{left:19px;right:19px;bottom:15px}}
@media(max-height:680px) and (min-width:761px){.mission-shell{padding-top:18px;grid-template-rows:65px minmax(0,1fr);gap:12px;padding-bottom:82px}.mission-header h2{font-size:36px}.mission-message{padding:10px}.mission-copy-ar{font-size:16px;line-height:1.8}.mission-copy-en{font-size:11px;line-height:1.9}.mission-copy-accent{margin-bottom:13px}.mission-commitment{margin-top:12px}.mission-endmark{margin-top:18px}.mission-visual{width:min(100%,calc((100svh - 240px)*.906))}.mission-card-face{padding:9px 10px}.mission-card-heading{min-height:21px;grid-template-columns:1fr 20px 1fr;gap:5px}.mission-card-icon{width:20px;height:20px}.mission-card-heading h3[lang='ar']{font-size:11px}.mission-card-heading h3[lang='en']{font-size:8px}.mission-card-body{margin-top:5px;gap:8px}.mission-card-body p[lang='ar']{font-size:9px}.mission-card-body p[lang='en']{font-size:6.5px}.mission-support{padding-top:9px;margin-top:0}}
@media(max-width:760px){.mission-shell{padding:23px 5% 112px;grid-template-rows:76px minmax(0,1fr);gap:15px}.mission-header{gap:15px}.mission-header h2{font-size:28px;line-height:1.25;letter-spacing:-.7px}.mission-eyebrow{font-size:8px;letter-spacing:2px}.mission-heading-en .mission-eyebrow{font-size:6px;letter-spacing:1.5px}.mission-content{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#FFFFFF33 transparent;padding:14px 2px 12px}.mission-composition{height:auto;max-height:none;grid-template-columns:1fr 1fr;gap:20px 12px;align-items:center}.mission-visual{grid-column:1/3;grid-row:1;width:100%;max-width:350px}.mission-message-ar{grid-column:1;grid-row:2}.mission-message-en{grid-column:2;grid-row:2}.mission-message{padding:14px 7px;align-self:stretch}.mission-copy-ar{font-size:14.5px;line-height:1.9}.mission-copy-en{font-size:11px;line-height:1.95}.mission-copy-accent{margin-bottom:15px;width:27px}.mission-commitment{margin-top:13px}.mission-endmark{margin-top:18px;gap:5px}.mission-endmark i{width:13px;height:2px}.mission-card-heading h3[lang='ar']{font-size:13px}.mission-card-heading h3[lang='en']{font-size:9px}.mission-card-body p[lang='ar']{font-size:10.5px}.mission-card-body p[lang='en']{font-size:7px}.mission-card-face{padding:11px 12px}.mission-support>strong{font-size:11px}.mission-support>span{font-size:7px}.mission-card-detail{top:49%}}
@media(max-width:380px){.mission-header h2{font-size:24px}.mission-eyebrow{font-size:6px;letter-spacing:1.6px}.mission-card-face{padding:8px 10px}.mission-card-heading{min-height:21px;grid-template-columns:1fr 19px 1fr;gap:5px}.mission-card-icon{width:19px;height:19px}.mission-card-heading h3[lang='ar']{font-size:11px}.mission-card-heading h3[lang='en']{font-size:8px}.mission-card-body{margin-top:5px;gap:6px}.mission-card-body p[lang='ar']{font-size:9px}.mission-card-body p[lang='en']{font-size:6.5px}.mission-card-detail{top:51%}.mission-support{margin-inline:5%;grid-template-columns:1fr 30px 1fr;gap:8px}.mission-stack-brand{width:30px}}
@media(prefers-reduced-motion:reduce){.mission-parallax{transform:none!important;transition:none}.mission-card-face{transition:none}.mission-word{will-change:auto}}

/* A white liquid surface travels over the original stacked cards and their text. */
.mission-card-liquid{position:absolute!important;inset:0;height:100%;pointer-events:none;z-index:3;clip-path:inset(100% 0 0 0)}
.mission-card .mission-card-liquid{background:#FFFFFF;border-color:#FFFFFF;box-shadow:inset 0 1px 0 #FFFFFF;--card-accent:#257ACD}
.card-security .mission-card-liquid,.card-reporting .mission-card-liquid{--card-accent:#C15F9F}
.mission-card-liquid h3{color:#2F3A85}.mission-card-liquid .mission-card-body p{color:#505977}
.mission-card-liquid .mission-card-detail{border-color:#2F3A851A}.mission-card-liquid .mission-card-number{color:#2F3A850D}
.mission-card-liquid .mission-card-motif{opacity:.65}.mission-card-liquid .mission-card-edge{opacity:.55}
.mission-card:focus-visible .mission-card-liquid{transform:translateY(-7px)}
@media(hover:hover) and (pointer:fine){.mission-card:hover .mission-card-liquid{transform:translateY(-7px)}}

/* Final open composition: four complete cards, with enough space for both languages. */
.mission-composition{grid-template-columns:1fr 1.45fr 1fr;gap:2.5%}.mission-visual{width:min(100%,calc((100svh - 285px)*1.05));max-width:560px}.mission-card-stage{aspect-ratio:480/480}.mission-card-heading{grid-template-columns:1fr 19px 1fr;gap:5px}.mission-card-icon{width:19px;height:19px}.mission-card-heading h3[lang='en']{font-size:clamp(7px,.65vw,10px)}.mission-card-heading h3[lang='ar']{font-size:clamp(10px,.9vw,14px)}.mission-card-body{gap:7px}.mission-card-body p[lang='en']{font-size:clamp(6.5px,.55vw,8px)}.mission-card-body p[lang='ar']{font-size:clamp(9px,.75vw,12px)}.mission-card-face{padding:11px 10px}.mission-card-detail{top:51%;left:10px;right:10px}.mission-card-number{font-size:49px}.mission-card-motif{width:90%;height:70%}.mission-support{margin-top:10px}
@media(max-width:760px){.mission-composition{grid-template-columns:1fr 1fr;gap:20px 12px}.mission-visual{width:100%;max-width:350px}.mission-card-heading{grid-template-columns:1fr 15px 1fr;gap:3px}.mission-card-icon{width:15px;height:15px}.mission-card-heading h3[lang='en']{font-size:6.5px}.mission-card-heading h3[lang='ar']{font-size:9px}.mission-card-body p[lang='en']{font-size:6px}.mission-card-body p[lang='ar']{font-size:8px}.mission-card-face{padding:9px 8px}.mission-card-detail{top:54%;left:8px;right:8px}.mission-card-number{font-size:36px}}
@media(max-width:760px){.mission-card-heading{grid-template-columns:1fr 20px 1fr;gap:7px}.mission-card-icon{width:20px;height:20px}.mission-card-heading h3[lang='en']{font-size:8px}.mission-card-heading h3[lang='ar']{font-size:12px}.mission-card-body p[lang='en']{font-size:7px}.mission-card-body p[lang='ar']{font-size:10px}.mission-card-detail{inset:0;opacity:.08;border:0}.mission-card-motif{width:45%;height:80%}.mission-card-number{font-size:65px}}