/* =========================================================
   v81 — Shadow CEO VIP pass
   · English hero = the Arabic composition mirrored (man centred)
   · copy sits close to its edge, no dead space
   · strips get the "pen & network" photo in champagne gold
   · operating-system cards stand apart from the backdrop
   · footer with the gold chalk-drawing background
   ========================================================= */
:root{--champ:#e6c58f;--champ2:#f3dcb0;--hair:rgba(230,197,143,.38);--ink:#07090c;--ink2:#0f1216;--card:#16191e;--card2:#1c2026}

/* ---------- hero geometry (both languages identical, mirrored) ---------- */
.scx-hero{--hh:clamp(600px,36vw,760px);grid-template-rows:var(--hh) auto!important}
.scx-photo{top:0!important;bottom:auto!important;transform:none!important;
  width:max(64vw,calc(var(--hh) * 1.762))!important;height:auto!important;aspect-ratio:1200/681!important}
.scx-photo-en{left:auto!important;right:0!important}
.scx-photo-ar{left:0!important;right:auto!important}
.scx-photo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 45%,rgba(0,0,0,0) 55%,rgba(7,9,12,.35) 100%)}
.scx-diag{display:none!important}
@media (min-width:901px){
  .scx-shade,html[dir="rtl"] .scx-shade{background:linear-gradient(270deg,var(--ink) 0%,rgba(7,9,12,.96) 26%,rgba(7,9,12,.82) 33%,rgba(7,9,12,.25) 41%,rgba(7,9,12,0) 48%)!important}
  html[dir="ltr"] .scx-shade{background:linear-gradient(90deg,var(--ink) 0%,rgba(7,9,12,.96) 26%,rgba(7,9,12,.82) 33%,rgba(7,9,12,.25) 41%,rgba(7,9,12,0) 48%)!important}
  .scx-copy{width:auto!important;margin:0!important;padding:0 max(32px,6vw)!important;align-self:center!important}
  .scx-copy>*{max-width:540px!important}
  html[dir="ltr"] .scx-copy>*{margin-right:auto}
  html[dir="rtl"] .scx-copy>*{margin-left:auto}
}
/* title alignment follows the reading side */
html[dir="ltr"] body .scx-hero .scx-title{width:max-content;max-width:none!important;margin-right:auto!important;margin-left:0!important;text-align:left}
.scx-kicker,html[dir="rtl"] .scx-kicker{color:var(--champ)!important;letter-spacing:.42em!important;display:inline-block!important;padding-bottom:10px;border-bottom:1.5px solid var(--champ);margin-bottom:22px!important;font:600 13px/1.4 Inter,Arial,sans-serif!important;direction:ltr}
.scx-leadin{font:500 30px/1.35 var(--sc-serif)!important;color:#efe8dc}
html[dir="rtl"] .scx-leadin{font:700 30px/1.4 "Somar Sans","IBM Plex Sans Arabic",Arial,sans-serif!important}
.scx-pillars{letter-spacing:.3em!important;font-size:14px!important}
html[dir="rtl"] .scx-pillars{letter-spacing:.04em!important;font-size:21px!important}
.scx-pillars i,.scx-title span,.scx-sub span,.scx-desc b{color:var(--champ)!important}
.scx-rule{background:linear-gradient(90deg,var(--champ),rgba(230,197,143,0))!important;width:84px!important;height:1.5px!important}
html[dir="rtl"] .scx-rule{background:linear-gradient(270deg,var(--champ),rgba(230,197,143,0))!important}
.scx-sub{font-size:clamp(21px,1.8vw,27px)!important}
.scx-btn{background:linear-gradient(180deg,#f3d39c,#d9a75a)!important;color:#17110a!important;height:52px!important;padding:0 30px!important;letter-spacing:.02em;
  box-shadow:0 14px 30px -14px rgba(230,180,100,.75),inset 0 1px 0 rgba(255,255,255,.55)!important}

/* chart nodes: deeper glass, finer gold */
.scx-node{border-color:rgba(230,197,143,.5)!important;background:linear-gradient(180deg,rgba(22,24,28,.88),rgba(8,9,11,.92))!important}
.scx-node.is-core{border-color:var(--champ)!important;background:linear-gradient(180deg,rgba(110,80,40,.85),rgba(46,33,16,.9))!important}
.scx-node.is-en b{font:600 max(1.12cqw,10px)/1.15 Inter,Arial,sans-serif;letter-spacing:.04em}
.scx-node.is-en .scx-ic{width:3cqw;height:3cqw}
.scx-node.is-wide b:not(.scx-serif){font-family:Inter,Arial,sans-serif}
html[dir="rtl"] .scx-node.is-wide b:not(.scx-serif){font-family:"Somar Sans","IBM Plex Sans Arabic",Arial,sans-serif}

/* ---------- strips (home + about): pen & network photo, champagne gold ---------- */
.scx-strip{position:relative;isolation:isolate;overflow:hidden;background:var(--ink)!important;border-top:1px solid var(--hair)!important;min-height:124px!important}
.scx-strip::before{content:"";position:absolute;inset:0;z-index:-2;background:url("../assets/shadow-ceo/v80/strip-bg.webp") center 42%/cover no-repeat;opacity:.9}
html[dir="rtl"] .scx-strip::before{transform:scaleX(-1)}
.scx-strip::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,9,12,.55),rgba(7,9,12,.78))}
.scx-strip article{flex-direction:column!important;text-align:center!important;gap:8px!important;padding:22px 18px!important}
.scx-strip article+article::before{background:linear-gradient(180deg,rgba(230,197,143,0),var(--hair),rgba(230,197,143,0))!important;top:16%!important;bottom:16%!important}
.scx-strip .scx-sic,html[dir="rtl"] .scx-strip .scx-sic{width:40px!important;height:40px!important}
.scx-strip .scx-sic svg{stroke:var(--champ)!important;width:100%;height:100%;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.scx-strip h2{font:600 17px/1.3 var(--sc-serif)!important;letter-spacing:.04em!important;color:#fff!important;margin:0 0 4px!important}
html[dir="rtl"] .scx-strip h2{font:700 18px/1.3 "Somar Sans","IBM Plex Sans Arabic",Arial,sans-serif!important}
.scx-strip p{color:#d6cfc3!important;font-size:14.5px!important}
html[dir="rtl"] .scx-strip p{font-size:15.5px!important}

/* ---------- About hero ---------- */
.scx-ahero{--hh:clamp(560px,34vw,700px)}
.scx-aphoto{position:absolute;top:0;bottom:124px;right:0;width:64%;z-index:-2;background:url("../assets/shadow-ceo/v80/about-meeting.webp") center/cover no-repeat}
html[dir="rtl"] .scx-aphoto{right:auto;left:0;transform:scaleX(-1)}
.scx-ahero .scx-shade{bottom:124px!important}
.scx-atitle{margin:0 0 20px;font:700 clamp(36px,3.4vw,52px)/1.12 var(--sc-serif);color:#fff}
.scx-atitle .gold{color:var(--champ)}
html[dir="rtl"] .scx-atitle{font:800 clamp(36px,3.4vw,52px)/1.4 "Somar Sans","IBM Plex Sans Arabic",Arial,sans-serif}
.scx-ahero .scx-desc{font-size:16.5px}
.scx-strip-about h2{font-size:16px!important}
.scx-strip-about p{font-size:13.5px!important;max-width:240px;margin:0 auto!important}
html[dir="rtl"] .scx-strip-about p{font-size:15px!important}

/* ---------- One operating system — VIP ---------- */
.scx-sys{background:var(--ink)!important;padding-top:96px!important;padding-bottom:110px!important}
.scx-sys::before{opacity:.38!important;filter:saturate(.8)}
.scx-sys-copy{border-color:var(--champ)!important}
.scx-sys-kicker,.scx-sys h2 span,.scx-sys-close span{color:var(--champ)!important}
.scx-flow{padding:30px 26px 0!important;border-radius:22px!important;border:1px solid var(--hair)!important;
  background:linear-gradient(180deg,rgba(9,10,13,.82),rgba(9,10,13,.9))!important;backdrop-filter:blur(10px);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04)!important}
.scx-flow::before{content:"";position:absolute;inset:8px;border-radius:16px;border:1px solid rgba(230,197,143,.12);pointer-events:none}
.scx-card{background:linear-gradient(180deg,var(--card2),var(--card))!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;
  padding:0 0 16px!important;overflow:hidden;box-shadow:0 22px 40px -20px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.06)!important;transition:transform .25s,border-color .25s}
.scx-card:hover{transform:translateY(-4px);border-color:rgba(230,197,143,.55)!important}
.scx-card .scx-ic{order:2;margin:-22px auto 0;width:44px!important;height:44px!important;padding:9px;border-radius:50%;position:relative;z-index:1;
  background:linear-gradient(180deg,#2a2419,#14110c);border:1px solid var(--champ);box-shadow:0 8px 16px rgba(0,0,0,.6)}
.scx-card .scx-ic svg{stroke:var(--champ)!important}
.scx-card img{order:1;width:100%!important;border-radius:0!important;margin:0!important;aspect-ratio:16/9!important;border-bottom:1px solid var(--hair)}
.scx-card h3{order:3;margin:10px 12px 10px!important;font:600 17px/1.25 var(--sc-serif)!important;color:#fff!important;letter-spacing:.01em}
html[dir="rtl"] .scx-card h3{font:700 18px/1.3 "Somar Sans","IBM Plex Sans Arabic",Arial,sans-serif!important}
.scx-card ul{order:4;padding:12px 16px 0!important;border-top:1px solid rgba(255,255,255,.06)}
.scx-card li{color:#ddd5c8!important}
.scx-card li::before{background:var(--champ)!important}
.scx-link{background:transparent!important;border:1px dashed rgba(230,197,143,.45)!important;border-radius:999px!important;padding:16px 4px!important;box-shadow:none!important}
.scx-link .scx-ic svg{stroke:var(--champ)!important}
.scx-link span{color:#e9dfcd!important}
.scx-link::before,.scx-link::after{border-color:var(--champ)!important}
.scx-down,.scx-down::before,.scx-down::after{background:transparent}
.scx-down{background:linear-gradient(180deg,var(--champ),rgba(230,197,143,.2))!important;width:1px!important}
.scx-down::before,.scx-down::after{border-color:var(--champ)!important}
.scx-flow-label{background:linear-gradient(180deg,#1e1a13,#0e0c09)!important;border:1px solid var(--champ)!important;color:var(--champ2)!important;
  font:600 15px/1.2 var(--sc-serif)!important;letter-spacing:.24em!important;padding:12px 32px!important;border-radius:999px!important;box-shadow:0 12px 24px -10px rgba(0,0,0,.8)}
html[dir="rtl"] .scx-flow-label{font:700 18px/1.3 "Somar Sans","IBM Plex Sans Arabic",Arial,sans-serif!important;letter-spacing:0!important}

/* ---------- footer: gold chalk drawing ---------- */
.scx-foot{isolation:isolate;overflow:hidden;background:var(--ink)!important;border-top:1px solid var(--hair)!important}
.scx-foot::before{content:"";position:absolute;inset:0;z-index:-2;background:url("../assets/shadow-ceo/v80/footer-bg.webp") 70% 30%/cover no-repeat;opacity:.55}
html[dir="rtl"] .scx-foot::before{background-position:30% 30%;left:-20%;right:0}
.scx-foot::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,9,12,.97) 0%,rgba(7,9,12,.88) 45%,rgba(7,9,12,.55) 100%)}
html[dir="rtl"] .scx-foot::after{background:linear-gradient(270deg,rgba(7,9,12,.97) 0%,rgba(7,9,12,.88) 45%,rgba(7,9,12,.55) 100%)}
.scx-foot h4{font-family:var(--sc-serif)!important;letter-spacing:.08em!important}
html[dir="rtl"] .scx-foot h4{font-family:"Somar Sans","IBM Plex Sans Arabic",Arial,sans-serif!important;letter-spacing:0!important}
.scx-foot h4::after{background:var(--champ)!important}
.scx-foot-bottom{background:rgba(3,4,5,.92)!important;border-top:1px solid rgba(230,197,143,.2)!important}

@media (max-width:900px){
  .scx-hero{grid-template-rows:auto auto!important}
  .scx-photo{position:relative!important;width:auto!important;height:340px!important;left:50%!important;right:auto!important}
  .scx-photo-en{transform:translateX(-68%)!important}
  html[dir="rtl"] .scx-photo-ar{transform:translateX(-32%)!important}
  .scx-aphoto{position:relative;width:100%;height:240px;bottom:auto}
  .scx-strip article{padding:16px 10px!important}
  .scx-flow{padding:18px 14px 0!important}
  .scx-card{padding:0 0 12px!important;grid-template-columns:1fr!important;grid-template-areas:none!important;display:flex!important}
  .scx-card .scx-ic{grid-area:auto}
}
/* v81b: content never squeezed under the header; wider calm zone behind the copy */
.scx-hero{grid-template-rows:minmax(var(--hh),auto) auto!important}
@media (min-width:901px){
  .scx-copy{padding-top:56px!important;padding-bottom:48px!important}
  html[dir="rtl"] .scx-shade{background:linear-gradient(270deg,var(--ink) 0%,rgba(7,9,12,.97) 34%,rgba(7,9,12,.85) 40%,rgba(7,9,12,.3) 47%,rgba(7,9,12,0) 53%)!important}
  html[dir="ltr"] .scx-shade{background:linear-gradient(90deg,var(--ink) 0%,rgba(7,9,12,.97) 34%,rgba(7,9,12,.85) 40%,rgba(7,9,12,.3) 47%,rgba(7,9,12,0) 53%)!important}
  .scx-copy>*{max-width:500px!important}
}
.scx-strip::before{opacity:.6!important}
.scx-strip::after{background:linear-gradient(180deg,rgba(7,9,12,.62),rgba(7,9,12,.82))!important}
.scx-card .scx-ic{align-self:center!important;margin-inline:auto!important}
@media (max-width:900px){
  .scx-leadin,html[dir="rtl"] .scx-leadin{font-size:22px!important}
  .scx-pillars{letter-spacing:.18em!important;font-size:12px!important}
  html[dir="rtl"] .scx-pillars{font-size:18px!important}
}

/* =========================================================
   v81c — user notes
   ========================================================= */
/* Quick Support button in Quick Support's own colours */
.sc-qs-home{background:linear-gradient(135deg,#0a4f7a,#006697)!important;border:1px solid #F9C721!important;color:#fff!important;
  box-shadow:0 6px 16px -6px rgba(0,102,151,.7)}
.sc-qs-home img{background:#fff;border-radius:50%;padding:3px;height:26px!important;width:26px!important;object-fit:contain}
.sc-qs-home span{color:#fff}
.sc-qs-home:hover{background:linear-gradient(135deg,#006697,#1d8cc4)!important;border-color:#ffe066!important}

/* Shadow CEO header: its own background (gold drawing, very faint) */
.sc-v2-header{background:
   linear-gradient(180deg,rgba(10,12,15,.9),rgba(10,12,15,.94)),
   url("../assets/shadow-ceo/v80/footer-bg.webp") center 18%/1400px auto repeat-x,
   #0a0c0f!important;
  border-bottom:1px solid rgba(230,197,143,.35)!important;box-shadow:0 10px 24px -14px rgba(0,0,0,.9)}
.sc-v2-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,rgba(230,197,143,0),rgba(230,197,143,.9) 50%,rgba(230,197,143,0))}

/* About: each block clearly its own band */
.scx-strip-about{background:linear-gradient(180deg,#f4ecdd,#eadfc9)!important;border-top:1px solid var(--champ)!important;border-bottom:1px solid var(--champ)!important}
.scx-strip-about::before{opacity:.1!important;filter:invert(1) sepia(.4)}
.scx-strip-about::after{background:none!important}
.scx-strip-about h2{color:#1b160e!important}
.scx-strip-about p{color:#4a3f30!important}
.scx-strip-about .scx-sic svg{stroke:#9a6a2e!important}
.scx-strip-about article+article::before{background:linear-gradient(180deg,rgba(154,106,46,0),rgba(154,106,46,.55),rgba(154,106,46,0))!important}
.scx-sys{background:radial-gradient(ellipse at 50% 0%,#1a1712 0%,#0e1014 60%)!important}
.scx-sys::before{opacity:.28!important}
.scx-sys .scx-orn{position:absolute;top:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:center;gap:14px;pointer-events:none}
.scx-orn::before,.scx-orn::after{content:"";height:1px;width:min(38%,460px);background:linear-gradient(90deg,rgba(230,197,143,0),var(--champ))}
.scx-orn::after{transform:scaleX(-1)}
.scx-orn i{width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--champ);background:#0e1014}

/* footer: lighter so the drawing and the links read */
.scx-foot{background:#12161b!important}
.scx-foot::before{opacity:.8!important}
.scx-foot::after{background:linear-gradient(90deg,rgba(18,22,27,.95) 0%,rgba(18,22,27,.78) 45%,rgba(18,22,27,.35) 100%)!important}
html[dir="rtl"] .scx-foot::after{background:linear-gradient(270deg,rgba(18,22,27,.95) 0%,rgba(18,22,27,.78) 45%,rgba(18,22,27,.35) 100%)!important}
.scx-foot-grid a,.scx-foot-brand p{color:#f1ebe1!important}
.scx-foot-bottom{background:#0b0d10!important}

/* footer geometry = Quick Support footer */
.scx-foot-grid{width:min(1180px,calc(100% - 48px))!important;padding:72px 0 44px!important}
.scx-foot h4{font-size:21px!important}
.scx-foot-grid a{font-size:17.5px!important}
.scx-foot-bottom{padding:22px 24px 24px!important;font-size:15.5px!important}
@media (max-width:900px){.scx-foot h4{font-size:18px!important}.scx-foot-grid a{font-size:16px!important}}
.sc-qs-home img{background:none!important;padding:0!important;width:auto!important;height:24px!important;border-radius:0!important}

/* =========================================================
   v82 — buttons in the site's pill language, bigger strip type
   ========================================================= */
.scx-strip h2,html[dir="rtl"] .scx-strip h2{font-size:19px!important}
.scx-strip p,html[dir="rtl"] .scx-strip p{font-size:16px!important;line-height:1.55!important}
html[dir="rtl"] .scx-strip p{font-size:17px!important}
.scx-strip .scx-sic{width:46px!important;height:46px!important}
.scx-strip-about p{font-weight:600!important}

/* shared pill: capsule + lighter ring + white knob with arrow */
.sc-v2-contact,.sc-qs-home,.scx-foot-grid a.scx-foot-qs{
  position:relative!important;isolation:isolate;display:inline-flex!important;align-items:center!important;gap:0!important;
  height:46px!important;padding:0 58px 0 20px!important;border-radius:999px!important;border:0!important;text-decoration:none!important;
  font:700 14px/1 Inter,Arial,sans-serif!important;white-space:nowrap;overflow:visible!important;width:auto!important;
  box-shadow:0 12px 20px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.45)!important;transition:transform .2s}
html[dir="rtl"] :is(.sc-v2-contact,.sc-qs-home,.scx-foot-grid a.scx-foot-qs){padding:0 20px 0 58px!important;font:700 16px/1 "Somar Sans","IBM Plex Sans Arabic",Arial,sans-serif!important}
:is(.sc-v2-contact,.sc-qs-home,.scx-foot-grid a.scx-foot-qs)::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;inset-inline-end:0;width:60px;border-radius:999px}
:is(.sc-v2-contact,.sc-qs-home,.scx-foot-grid a.scx-foot-qs)::after{content:"";position:absolute;top:50%;inset-inline-end:6px;width:34px;height:34px;border-radius:50%;transform:translateY(-50%);
  box-shadow:0 3px 8px rgba(0,0,0,.3)}
html[dir="rtl"] :is(.sc-v2-contact,.sc-qs-home,.scx-foot-grid a.scx-foot-qs)::after{transform:translateY(-50%) scaleX(-1)}
:is(.sc-v2-contact,.sc-qs-home,.scx-foot-grid a.scx-foot-qs):hover{transform:translateY(-2px)}
/* Contact: Shadow CEO champagne gold */
.sc-v2-contact{background:linear-gradient(100deg,#f6dcaa,#e2b46c 50%,#c48c42)!important;color:#1a1208!important}
.sc-v2-contact::before{background:linear-gradient(160deg,#fbe9c6,#dcaa62)}
.sc-v2-contact::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1208' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/46% no-repeat,radial-gradient(circle at 35% 30%,#fff,#f1ece3 60%,#ddd4c4)}
.sc-v2-contact span:last-child{display:none!important}
/* Quick Support: its own blue + yellow */
.sc-qs-home,.scx-foot-grid a.scx-foot-qs{background:linear-gradient(100deg,#2fa4dc,#006697 50%,#004a70)!important;color:#fff!important}
.sc-qs-home::before,.scx-foot-grid a.scx-foot-qs::before{background:linear-gradient(160deg,#ffe066,#F9C721 70%)}
.sc-qs-home::after,.scx-foot-grid a.scx-foot-qs::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23006697' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M11 6l-6 6 6 6'/%3E%3C/svg%3E") center/46% no-repeat,radial-gradient(circle at 35% 30%,#fff,#f1f4f7 60%,#d9e0e6)}
.sc-qs-home img,.scx-foot-qs img{display:none!important}
.sc-qs-home span{display:inline!important}
@media (min-width:901px) and (max-width:1366px){.sc-qs-home span{font-size:13px}.sc-v2-nav{gap:18px!important}}
@media (max-width:900px){
  .sc-qs-home{width:auto!important;height:38px!important;padding:0 44px 0 12px!important;font-size:12px!important}
  html[dir="rtl"] .sc-qs-home{padding:0 12px 0 44px!important;font-size:13px!important}
  .sc-qs-home::before{width:44px}.sc-qs-home::after{width:28px;height:28px;inset-inline-end:5px}
  .sc-qs-home span{display:inline!important}
}
@media (max-width:420px){.sc-qs-home span{display:none!important}.sc-qs-home,html[dir="rtl"] .sc-qs-home{padding:0!important;width:40px!important}.sc-qs-home::before{width:40px}}
@media (min-width:901px){
  .sc-v2-nav a[href^="contact.html"]{display:none!important}
  .sc-v2-header-inner{gap:14px!important}
  .sc-v2-nav{gap:22px!important}
}
@media (min-width:901px) and (max-width:1300px){.sc-v2-nav{gap:16px!important}.sc-v2-nav a{font-size:14px!important}html[dir="rtl"] .sc-v2-nav a{font-size:16px!important}}
@media (min-width:901px) and (max-width:1300px){
  .sc-qs-home span{display:none!important}
  .sc-qs-home,html[dir="rtl"] .sc-qs-home{width:46px!important;padding:0!important}
  .sc-qs-home::before{width:46px}
  .sc-v2-brand img{height:38px!important}
}

/* v82c — "Back to Quick Support": lighter glassy blue, Shadow CEO gold ring, arrow clear of the text */
.sc-qs-home,.scx-foot-grid a.scx-foot-qs{
  background:linear-gradient(100deg,rgba(78,170,218,.92),rgba(30,128,180,.9) 55%,rgba(18,100,150,.92))!important;color:#fff!important;
  box-shadow:0 10px 22px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.18)!important;
  padding:0 66px 0 22px!important}
html[dir="rtl"] :is(.sc-qs-home,.scx-foot-grid a.scx-foot-qs){padding:0 22px 0 66px!important}
.sc-qs-home::before,.scx-foot-grid a.scx-foot-qs::before{width:56px!important;background:linear-gradient(160deg,#f6dcaa,#d8a85f 75%)!important;box-shadow:-4px 0 10px -4px rgba(0,0,0,.35)}
html[dir="rtl"] :is(.sc-qs-home,.scx-foot-grid a.scx-foot-qs)::before{box-shadow:4px 0 10px -4px rgba(0,0,0,.35)}
.sc-qs-home::after,.scx-foot-grid a.scx-foot-qs::after{width:34px!important;height:34px!important;inset-inline-end:11px!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e80b4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M11 6l-6 6 6 6'/%3E%3C/svg%3E") center/46% no-repeat,radial-gradient(circle at 35% 30%,#fff,#f1f4f7 60%,#d9e0e6)!important}
.sc-v2-contact{padding:0 66px 0 22px!important}
html[dir="rtl"] .sc-v2-contact{padding:0 22px 0 66px!important}
.sc-v2-contact::before{width:56px!important}
.sc-v2-contact::after{inset-inline-end:11px!important}
.scx-foot-grid a.scx-foot-qs{height:50px!important}
@media (max-width:900px){.sc-qs-home,html[dir="rtl"] .sc-qs-home{padding:0 50px 0 12px!important}html[dir="rtl"] .sc-qs-home{padding:0 12px 0 50px!important}.sc-qs-home::before{width:44px!important}.sc-qs-home::after{width:28px!important;height:28px!important;inset-inline-end:8px!important}}
@media (max-width:420px){.sc-qs-home,html[dir="rtl"] .sc-qs-home{padding:0!important;width:44px!important}.sc-qs-home::before{width:44px!important}}
@media (min-width:901px) and (max-width:1300px){.sc-qs-home,html[dir="rtl"] .sc-qs-home{padding:0!important;width:50px!important}.sc-qs-home::before{width:50px!important}.sc-qs-home::after{inset-inline-end:8px!important}}

/* v83 — About hero: bigger "About us", faint gold drawing behind the copy */
.scx-ahero .scx-kicker{font-size:15px!important;letter-spacing:.34em!important}
html[dir="rtl"] .scx-ahero .scx-kicker{font:700 22px/1.4 "Somar Sans","IBM Plex Sans Arabic",sans-serif!important;letter-spacing:0!important;direction:rtl}
.scx-ahero::before{content:"";position:absolute;top:0;bottom:124px;left:0;width:56%;z-index:0;pointer-events:none;
  background:url("../assets/shadow-ceo/v80/strip-bg.webp") 30% center/cover no-repeat;opacity:.3;
  -webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent)}
html[dir="rtl"] .scx-ahero::before{left:auto;right:0;transform:scaleX(-1)}
.scx-ahero .scx-copy{position:relative;z-index:2}
@media (max-width:900px){.scx-ahero::before{width:100%;bottom:0;opacity:.14;-webkit-mask-image:none;mask-image:none}}

/* =========================================================
   v84 — "One operating system": cleaner, more premium layout
   ========================================================= */
.scx-flow{padding:34px 30px 0!important;border-radius:26px!important;border:1px solid rgba(230,197,143,.28)!important;
  background:radial-gradient(ellipse at 50% 0%,rgba(230,197,143,.10),rgba(230,197,143,0) 60%),linear-gradient(180deg,rgba(14,16,20,.88),rgba(8,9,12,.94))!important;
  box-shadow:0 40px 80px -36px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.05)!important}
.scx-flow::before{display:none!important}
/* one gold rail through the whole row */
.scx-flow-row{position:relative;align-items:stretch!important}
.scx-flow-row::before{content:"";position:absolute;left:3%;right:3%;top:calc(50% + 10px);height:1px;z-index:0;
  background:linear-gradient(90deg,rgba(230,197,143,0),rgba(230,197,143,.65) 10%,rgba(230,197,143,.65) 90%,rgba(230,197,143,0))}
.scx-card{position:relative;z-index:1;border:0!important;border-radius:18px!important;
  background:linear-gradient(180deg,#1c1f25 0%,#15171b 100%)!important;
  box-shadow:0 24px 40px -22px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.06),inset 0 1px 0 rgba(230,197,143,.35)!important}
.scx-card img{aspect-ratio:16/10!important;border-bottom:0!important;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.scx-card .scx-ic{margin-top:-30px!important}
.scx-card h3{margin-top:12px!important}
.scx-card ul{border-top:1px solid rgba(230,197,143,.16)!important;margin:0 14px!important;padding:12px 2px 0!important}
/* connectors: a gold medallion on the rail + the three words, no dashed pills */
.scx-link{z-index:1;align-self:center!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:6px!important}
.scx-link .scx-ic{width:42px!important;height:42px!important;padding:9px;margin:0 0 4px!important;border-radius:50%;
  background:radial-gradient(circle at 40% 30%,#2a241a,#0e0c09)!important;box-shadow:0 0 0 1px rgba(230,197,143,.8),0 0 0 5px rgba(14,16,20,.95),0 8px 16px rgba(0,0,0,.6)}
.scx-link span{font-size:11px!important;letter-spacing:.06em;color:#cfc3ad!important;line-height:1.5!important}
html[dir="rtl"] .scx-link span{font-size:13px!important;letter-spacing:0}
.scx-link::before,.scx-link::after,.scx-down{display:none!important}
.scx-flow-label{margin:30px auto -22px!important}
@media (max-width:900px){
  .scx-flow-row::before{display:none}
  .scx-link{margin:14px auto!important;flex-direction:row!important}
  .scx-link .scx-ic{width:34px!important;height:34px!important;padding:7px}
}
.scx-flow-row::before{display:none!important}
.scx-link{position:relative}
.scx-link .scx-ic{position:relative}
.scx-link::before{display:block!important;content:"";position:absolute;top:21px;left:-14px;right:-14px;height:1px;width:auto;border:0!important;transform:none!important;z-index:-1;
  background:linear-gradient(90deg,rgba(230,197,143,.15),rgba(230,197,143,.75) 30%,rgba(230,197,143,.75) 70%,rgba(230,197,143,.15))}
@media (max-width:900px){.scx-link::before{display:none!important}}

/* =========================================================
   v85 — hero org chart as an orbit: Shadow CEO at the centre,
   departments / operations / systems as satellites, leadership above
   ========================================================= */
.scx-chart2{position:absolute;inset:0}
.scx-orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.scx-orbit .ring{fill:none;stroke:rgba(230,197,143,.22);stroke-width:1;stroke-dasharray:2 7;vector-effect:non-scaling-stroke}
.scx-orbit .ring2{fill:none;stroke:rgba(230,197,143,.14);stroke-width:1;vector-effect:non-scaling-stroke}
.scx-orbit .arc{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.scx-orbit .spoke{stroke:rgba(230,197,143,.55);stroke-width:1.2;stroke-dasharray:1 5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.scx-orbit .dot{fill:#e6c58f;opacity:.7}
.scx-chart2>div{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);transform:translate(-50%,-50%);text-align:center;color:#fff}
.scx-chart2 svg.i{fill:none;stroke:#f6c27c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.scx-pill{display:flex;align-items:center;gap:1cqw;padding:.8cqw 1.8cqw .8cqw 1.2cqw;border-radius:999px;white-space:nowrap;
  background:linear-gradient(180deg,rgba(24,24,26,.82),rgba(10,10,12,.88));backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(230,197,143,.55),0 1cqw 2cqw rgba(0,0,0,.5)}
html[dir="rtl"] .scx-pill{padding:.8cqw 1.2cqw .8cqw 1.8cqw}
.scx-pill svg.i{width:2.6cqw;height:2.6cqw;min-width:18px;min-height:18px}
.scx-pill span{display:flex;flex-direction:column;align-items:flex-start;gap:.2cqw}
.scx-pill b{font:700 max(1.45cqw,11px)/1.15 "Somar Sans","IBM Plex Sans Arabic",Inter,sans-serif}
html[dir="ltr"] .scx-pill b{font:600 max(1.2cqw,10px)/1.15 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.scx-pill small{font:500 max(1cqw,9px)/1.2 "IBM Plex Sans Arabic",Inter,sans-serif;color:#d8cdb8}
.scx-orb{width:17cqw;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4cqw;padding:1.4cqw;
  background:radial-gradient(circle at 45% 30%,#8a6230 0%,#4a3416 45%,#1a130a 100%);
  box-shadow:0 0 0 .4cqw rgba(10,10,12,.85),0 0 0 .55cqw rgba(246,194,124,.9),0 0 4cqw rgba(230,170,90,.55),0 2cqw 3cqw rgba(0,0,0,.6),inset 0 .3cqw .6cqw rgba(255,255,255,.18)}
.scx-orb .mono{font:600 3.2cqw/1 "Playfair Display",Georgia,serif;color:#f6dcaa;direction:ltr;white-space:nowrap}
.scx-orb .mono i{font-style:normal;display:inline-block;margin-inline-start:-.18em;position:relative;top:.25em}
.scx-orb b{font:700 max(1.6cqw,12px)/1 "Playfair Display",Georgia,serif;letter-spacing:.06em;color:#fff;direction:ltr;white-space:nowrap}
.scx-orb b em{font-style:normal;color:#f6c27c}
.scx-orb small{font:500 max(.95cqw,8.5px)/1.3 "IBM Plex Sans Arabic",Inter,sans-serif;color:#efe2c8;max-width:80%}
.scx-sat{width:10.5cqw;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5cqw;
  background:radial-gradient(circle at 40% 30%,rgba(40,38,34,.92),rgba(10,10,12,.94));backdrop-filter:blur(6px);
  box-shadow:inset 0 0 0 1px rgba(230,197,143,.65),0 0 0 .5cqw rgba(230,197,143,.08),0 1.4cqw 2.4cqw rgba(0,0,0,.55)}
.scx-sat svg.i{width:3cqw;height:3cqw;min-width:20px;min-height:20px}
.scx-sat b{font:700 max(1.35cqw,10.5px)/1.2 "Somar Sans","IBM Plex Sans Arabic",sans-serif}
html[dir="ltr"] .scx-sat b{font:600 max(1.05cqw,9.5px)/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
@keyframes scxPulse{0%,100%{box-shadow:0 0 0 .4cqw rgba(10,10,12,.85),0 0 0 .55cqw rgba(246,194,124,.9),0 0 3cqw rgba(230,170,90,.4),0 2cqw 3cqw rgba(0,0,0,.6)}50%{box-shadow:0 0 0 .4cqw rgba(10,10,12,.85),0 0 0 .55cqw rgba(246,194,124,.9),0 0 5.5cqw rgba(230,170,90,.65),0 2cqw 3cqw rgba(0,0,0,.6)}}
@media (prefers-reduced-motion:no-preference){.scx-orb{animation:scxPulse 4.5s ease-in-out infinite}}
@media (max-width:900px){
  html[dir] .sc-v2-header .sc-v2-contact{display:none!important}
  html[dir] .sc-v2-header .sc-qs-home{width:42px!important;height:38px!important;padding:0!important}
  html[dir] .sc-v2-header .sc-qs-home span{display:none!important}
  html[dir] .sc-v2-header .sc-qs-home::before{width:42px!important}
  html[dir] .sc-v2-header .sc-qs-home::after{width:28px!important;height:28px!important;inset-inline-end:7px!important}
}
@media (max-width:900px){
  html[dir] body .sc-v2-header .sc-v2-header-inner a.sc-qs-home{width:42px!important;min-width:42px!important;padding:0!important;box-sizing:border-box}
}
.scx-orb .mono{display:block;width:6cqw;height:6cqw;font-size:0}
.scx-orb .mono img.sc-logo{width:100%;height:100%;filter:drop-shadow(0 .2cqw .4cqw rgba(0,0,0,.6)) brightness(1.15)}

/* v88: lighter frame around the four cards + distinct flow connectors */
.scx-flow{background:linear-gradient(180deg,#3a342b 0%,#2b2721 55%,#25221d 100%)!important;border:1px solid rgba(230,197,143,.55)!important;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.10),0 0 0 6px rgba(230,197,143,.06)!important}
.scx-flow::before{border-color:rgba(230,197,143,.28)!important}
.scx-flow .scx-card{box-shadow:0 22px 40px -18px rgba(0,0,0,.85),0 0 0 1px rgba(230,197,143,.18),inset 0 1px 0 rgba(255,255,255,.06)!important}
.scx-link{border-style:solid!important;border-color:rgba(230,197,143,.6)!important;background:linear-gradient(180deg,rgba(230,197,143,.14),rgba(230,197,143,.04))!important;gap:2px!important}
.scx-link span[data-sc-v2]{font-weight:600!important;color:#f6ecda!important}
.scx-link span[data-sc-v2]+span[data-sc-v2]{color:var(--champ)!important}
.scx-link span[data-sc-v2]+span[data-sc-v2]::before{content:"⇄";display:block;font-size:12px;line-height:1.1;color:rgba(230,197,143,.7);margin:1px 0 2px}