/* Quick Support v39 — Shadow CEO visual geometry only */
/* Keep the supplied artwork at its native aspect ratio and let the complete visual breathe. */
body.shadow-v2 .sc-v2-art{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  overflow:visible;
  line-height:0;
}
body.shadow-v2 .sc-v2-art img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  object-position:center top;
}
/* The home artwork already contains the complete hero + bottom KPI strip.
   Fit the whole artwork inside the first viewport instead of letting the lower strip fall below it. */
body.shadow-v2 .sc-v2-home{
  min-height:calc(100vh - 80px);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  background:var(--sc-navy);
}
body.shadow-v2 .sc-v2-home img{
  width:100%;
  height:auto;
  max-height:calc(100vh - 80px);
  object-fit:contain;
  object-position:center top;
}
/* About page: each supplied visual is a complete 2048×768 composition.
   Never crop, stretch, or stack it into a shortened viewport panel. */
body.shadow-v2 #growth.sc-v2-art,
body.shadow-v2 #system.sc-v2-art{
  display:block;
  min-height:0;
}
body.shadow-v2 #growth.sc-v2-art img,
body.shadow-v2 #system.sc-v2-art img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
}
@media(max-width:900px){
  body.shadow-v2 .sc-v2-home{min-height:calc(100vh - 68px);}
  body.shadow-v2 .sc-v2-home img{max-height:calc(100vh - 68px);}
  body.shadow-v2 .sc-v2-art img{width:100%;height:auto;max-width:100%;}
}

/* v40 — New approved Home Visuals (AR/EN)
   The generated artwork includes a concept header; the live Shadow CEO header stays functional above it.
   Home artwork is kept at its native ratio after the header crop. */
body.shadow-v2 .sc-v2-home{
  aspect-ratio:2048/668;
  min-height:0;
  display:block;
  overflow:hidden;
  background:#061822;
}
body.shadow-v2 .sc-v2-home img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center top;
}
body.shadow-v2 .sc-v2-home-cta{
  top:65.5%;
  height:12%;
  width:17%;
}
@media(max-width:900px){
  body.shadow-v2 .sc-v2-home{aspect-ratio:2048/668;min-height:0}
  body.shadow-v2 .sc-v2-home img{width:100%;height:100%;object-fit:cover}
  body.shadow-v2 .sc-v2-home-cta{top:64%;height:14%;width:22%}
}

/* v41 — Home + About approved visual pass: one shared live header geometry. */
body.shadow-v2 .sc-v2-header-inner{
  height:80px;
  min-height:80px;
}
body.shadow-v2 .sc-v2-header{
  height:80px;
}
body.shadow-v2 .sc-v2-about{
  width:100%;
  height:auto;
  aspect-ratio:2048/668;
  overflow:hidden;
  background:#061822;
  line-height:0;
}
body.shadow-v2 .sc-v2-about img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center top;
}
@media(max-width:900px){
  body.shadow-v2 .sc-v2-header-inner{height:68px;min-height:68px}
  body.shadow-v2 .sc-v2-header{height:68px}
  body.shadow-v2 .sc-v2-about{aspect-ratio:2048/668}
  body.shadow-v2 .sc-v2-about img{width:100%;height:100%;object-fit:cover}
}
body.shadow-v2 .sc-v2-home-cta{left:4.25%;top:65.6%;width:15.8%;height:10.2%}
html[dir="rtl"] body.shadow-v2 .sc-v2-home-cta{left:auto;right:4.25%}
@media(max-width:900px){
  body.shadow-v2 .sc-v2-home-cta{left:4.25%;top:65.6%;width:15.8%;height:10.2%}
  html[dir="rtl"] body.shadow-v2 .sc-v2-home-cta{left:auto;right:4.25%}
}

/* =========================================================
   v56 — Shadow CEO live-web visual rebuild (corrected)
   Scope: Home + About Us only.
   IMPORTANT: the supplied artwork is used only as the photographic layer.
   The original baked-in copy is covered by live HTML layers.
   ========================================================= */
.sc-v2-live-visual{
  position:relative;
  width:100%;
  aspect-ratio:2048/668;
  min-height:0;
  overflow:hidden;
  background:#061822;
  isolation:isolate;
  line-height:normal;
}
.sc-v2-live-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  z-index:0;
}
.sc-v2-live-panel{
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  width:34.5%;
  height:79%;
  background:linear-gradient(90deg,rgba(3,16,24,.985) 0%,rgba(5,20,29,.975) 72%,rgba(5,20,29,.93) 100%);
  pointer-events:none;
}
.sc-v2-live-bottom-bg{
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  bottom:0;
  height:21.2%;
  background:rgba(3,18,27,.985);
  border-top:1px solid rgba(241,173,75,.68);
  pointer-events:none;
}
.sc-v2-live-copy{
  position:relative;
  z-index:2;
  width:min(31.5%,645px);
  margin-left:4.55%;
  padding-top:3.7%;
  color:#fff;
}
.sc-v2-live-eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  color:var(--sc-gold);
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  line-height:1.2;
  letter-spacing:5px;
  text-transform:uppercase;
  margin:0 0 17px;
  font-weight:600;
}
.sc-v2-live-eyebrow:before{
  content:"";
  width:38px;
  height:1px;
  background:var(--sc-gold);
  flex:0 0 auto;
}
.sc-v2-live-copy h1{
  margin:0 0 17px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  font-size:clamp(42px,3.25vw,68px);
  line-height:.95;
  letter-spacing:-1.5px;
  color:#f8f4eb;
}
.sc-v2-live-copy h1 span{display:block}
.sc-v2-live-copy h1 span[hidden]{display:none}
.sc-v2-live-copy h1 .gold{color:#f4ad4e}
.sc-v2-live-subtitle{
  margin:0 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(16px,1.32vw,26px);
  line-height:1.22;
  font-weight:700;
  color:#e7e2dc;
}
.sc-v2-live-subtitle .gold{color:#f4ad4e}
.sc-v2-live-description{
  margin:0 0 22px;
  max-width:610px;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(14px,.92vw,18px);
  line-height:1.55;
  color:#f0f1ef;
}
.sc-v2-live-cta{
  display:inline-flex;
  align-items:center;
  gap:13px;
  min-height:48px;
  padding:12px 25px;
  border-radius:999px;
  background:linear-gradient(135deg,#f8bd69,#efa746);
  color:#16232b;
  text-decoration:none;
  font-family:Inter,Arial,sans-serif;
  font-weight:800;
  font-size:16px;
  line-height:1;
  transition:transform .2s ease,box-shadow .2s ease;
}
.sc-v2-live-cta:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(0,0,0,.24)}
.sc-v2-live-cta .arrow{font-size:25px;line-height:.8}
.sc-v2-live-features{
  position:absolute;
  z-index:2;
  left:4.5%;
  right:4.5%;
  bottom:0;
  height:21.2%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:center;
  direction:ltr;
}
.sc-v2-live-feature{
  min-width:0;
  height:58%;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:center;
  gap:16px;
  padding:0 28px;
  border-inline-end:1px solid rgba(241,173,75,.65);
  direction:ltr;
  text-align:left;
}
.sc-v2-live-feature:first-child{padding-inline-start:0}
.sc-v2-live-feature:last-child{border-inline-end:0;padding-inline-end:0}
.sc-v2-live-feature-icon{
  width:58px;
  height:58px;
  color:#f4ad4e;
  display:grid;
  place-items:center;
}
.sc-v2-live-feature-icon svg{width:58px;height:58px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sc-v2-live-feature h2{
  margin:0 0 5px;
  color:#f7f5ef;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(16px,1.08vw,22px);
  line-height:1.15;
  font-weight:800;
}
.sc-v2-live-feature p{
  margin:0;
  color:#e1e4e2;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(13px,.9vw,18px);
  line-height:1.35;
}
/* About-specific geometry */
.sc-v2-about-live .sc-v2-live-panel{width:35.2%;height:79.3%}
.sc-v2-about-live .sc-v2-live-copy{padding-top:3.8%;width:min(31.8%,650px)}
.sc-v2-about-live .sc-v2-live-copy h1{font-size:clamp(39px,3.15vw,66px);line-height:.98;margin-bottom:23px}
.sc-v2-about-live .sc-v2-live-description{max-width:610px;line-height:1.55}
.sc-v2-about-live .sc-v2-live-copy:after{
  content:"";
  position:absolute;
  left:30.2%;
  top:0;
  width:130px;
  height:79.3%;
  pointer-events:none;
  background:linear-gradient(122deg,transparent 0 39%,rgba(241,173,75,.9) 39.3% 39.8%,transparent 40.1% 49%,rgba(241,173,75,.55) 49.3% 49.7%,transparent 50% 58%,rgba(241,173,75,.35) 58.3% 58.7%,transparent 59%);
  opacity:.9;
  z-index:3;
}

/* RTL: the artwork itself is mirrored in composition, so cover the right copy zone. */
html[dir="rtl"] .sc-v2-live-panel{
  left:auto;
  right:0;
  background:linear-gradient(270deg,rgba(3,16,24,.985) 0%,rgba(5,20,29,.975) 72%,rgba(5,20,29,.93) 100%);
}
html[dir="rtl"] .sc-v2-live-copy{
  margin-left:0;
  margin-right:4.55%;
  direction:rtl;
  text-align:right;
  font-family:"IBM Plex Sans Arabic",Arial,sans-serif;
}
html[dir="rtl"] .sc-v2-live-eyebrow{
  font-family:"IBM Plex Sans Arabic",Arial,sans-serif;
  letter-spacing:0;
  text-transform:none;
  justify-content:flex-start;
  gap:12px;
}
html[dir="rtl"] .sc-v2-live-eyebrow:before{display:none}
html[dir="rtl"] .sc-v2-live-eyebrow:after{
  content:"";
  width:38px;
  height:1px;
  background:var(--sc-gold);
  flex:0 0 auto;
}
html[dir="rtl"] .sc-v2-live-copy h1{
  font-family:"IBM Plex Sans Arabic",Arial,sans-serif;
  font-weight:700;
  font-size:clamp(39px,3.15vw,65px);
  line-height:1.18;
  letter-spacing:0;
}
html[dir="rtl"] .sc-v2-live-subtitle,
html[dir="rtl"] .sc-v2-live-description,
html[dir="rtl"] .sc-v2-live-cta{
  font-family:"IBM Plex Sans Arabic",Arial,sans-serif;
}
html[dir="rtl"] .sc-v2-live-subtitle{line-height:1.65;font-size:clamp(16px,1.25vw,25px)}
html[dir="rtl"] .sc-v2-live-description{font-size:clamp(14px,.94vw,18px);line-height:1.9}
html[dir="rtl"] .sc-v2-live-cta{font-size:15px}
html[dir="rtl"] .sc-v2-live-cta .arrow{order:-1}
html[dir="rtl"] .sc-v2-live-features{direction:rtl}
html[dir="rtl"] .sc-v2-home-live .sc-v2-live-features{direction:ltr}
html[dir="rtl"] .sc-v2-live-feature{direction:rtl;text-align:right;grid-template-columns:minmax(0,1fr) 72px}
html[dir="rtl"] .sc-v2-live-feature-icon{order:2}
html[dir="rtl"] .sc-v2-live-feature h2,
html[dir="rtl"] .sc-v2-live-feature p{font-family:"IBM Plex Sans Arabic",Arial,sans-serif}
html[dir="rtl"] .sc-v2-live-feature h2{font-size:clamp(15px,1.03vw,21px);line-height:1.25}
html[dir="rtl"] .sc-v2-live-feature p{font-size:clamp(12px,.86vw,17px);line-height:1.55}
html[dir="rtl"] .sc-v2-about-live .sc-v2-live-copy{margin-right:4.55%}
html[dir="rtl"] .sc-v2-about-live .sc-v2-live-copy:after{left:auto;right:30.2%;transform:scaleX(-1)}

@media(max-width:1100px){
  .sc-v2-live-copy{width:36%;margin-left:4%;padding-top:4.2%}
  .sc-v2-live-panel{width:40%}
  .sc-v2-live-copy h1{font-size:clamp(38px,4vw,58px)}
  .sc-v2-live-subtitle{font-size:clamp(16px,1.7vw,22px)}
  .sc-v2-live-description{font-size:14px}
  .sc-v2-live-feature{padding:0 17px;grid-template-columns:52px minmax(0,1fr);gap:10px}
  .sc-v2-live-feature-icon,.sc-v2-live-feature-icon svg{width:48px;height:48px}
  html[dir="rtl"] .sc-v2-live-copy{margin-right:4%}
  html[dir="rtl"] .sc-v2-live-panel{width:40%}
  html[dir="rtl"] .sc-v2-live-feature{grid-template-columns:minmax(0,1fr) 52px}
}
@media(max-width:760px){
  .sc-v2-live-visual{aspect-ratio:auto;min-height:0;background:#061822;padding:0;display:flex;flex-direction:column}
  .sc-v2-live-bg{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2048/668;object-fit:cover;object-position:center top;order:1;z-index:0}
  .sc-v2-live-panel,.sc-v2-live-bottom-bg{display:none}
  .sc-v2-live-copy{order:2;width:auto;margin:0;padding:34px 22px 38px;background:linear-gradient(180deg,#061822,#071b28)}
  .sc-v2-live-eyebrow{font-size:12px;letter-spacing:3.5px;margin-bottom:14px}
  .sc-v2-live-copy h1{font-size:clamp(38px,11vw,54px);line-height:.98;letter-spacing:-.5px}
  .sc-v2-live-subtitle{font-size:19px;line-height:1.3}
  .sc-v2-live-description{font-size:15px;line-height:1.72}
  .sc-v2-live-cta{font-size:15px;padding:12px 21px}
  .sc-v2-live-features{order:3;position:relative;left:auto;right:auto;bottom:auto;height:auto;padding:0 22px 28px;display:grid;grid-template-columns:1fr 1fr;background:#061822;gap:0;direction:ltr}
  .sc-v2-live-feature{height:auto;min-height:94px;padding:18px 14px;border-inline-end:1px solid rgba(241,173,75,.55);border-bottom:1px solid rgba(241,173,75,.2);grid-template-columns:46px minmax(0,1fr);gap:10px}
  .sc-v2-live-feature:nth-child(2n){border-inline-end:0}
  .sc-v2-live-feature:nth-last-child(-n+2){border-bottom:0}
  .sc-v2-live-feature:first-child{padding-inline-start:14px}
  .sc-v2-live-feature:last-child{padding-inline-end:14px}
  .sc-v2-live-feature-icon,.sc-v2-live-feature-icon svg{width:42px;height:42px}
  .sc-v2-live-feature h2{font-size:14px}
  .sc-v2-live-feature p{font-size:12px;line-height:1.4}
  .sc-v2-about-live .sc-v2-live-copy{width:auto;padding-top:34px}
  .sc-v2-about-live .sc-v2-live-copy h1{font-size:clamp(36px,10vw,52px);line-height:1.15;margin-bottom:18px}
  .sc-v2-about-live .sc-v2-live-copy:after{display:none}
  .sc-v2-about-live .sc-v2-live-description{font-size:15px}
  html[dir="rtl"] .sc-v2-live-copy{margin:0}
  html[dir="rtl"] .sc-v2-live-eyebrow{letter-spacing:0}
  html[dir="rtl"] .sc-v2-live-copy h1{font-size:clamp(34px,9.5vw,51px);line-height:1.25;letter-spacing:0}
  html[dir="rtl"] .sc-v2-live-subtitle{font-size:18px;line-height:1.65}
  html[dir="rtl"] .sc-v2-live-description{font-size:15px;line-height:1.9}
  html[dir="rtl"] .sc-v2-live-features{direction:rtl}
html[dir="rtl"] .sc-v2-home-live .sc-v2-live-features{direction:ltr}
  html[dir="rtl"] .sc-v2-live-feature{direction:rtl;grid-template-columns:minmax(0,1fr) 46px}
  html[dir="rtl"] .sc-v2-about-live .sc-v2-live-copy{margin:0}
}
@media(max-width:460px){
  .sc-v2-live-features{grid-template-columns:1fr;padding-inline:12px}
  .sc-v2-live-feature{border-inline-end:0!important;border-bottom:1px solid rgba(241,173,75,.2)!important;padding-inline:8px!important}
  .sc-v2-live-feature:last-child{border-bottom:0!important}
}


/* =========================================================
   v57 — Shadow CEO layout correction
   Scope: Home + About Us live-web sections only.
   Keeps all other site pages/styles untouched.
   ========================================================= */
.sc-v2-live-visual{
  min-height:calc(100vh - 80px);
  height:calc(100vh - 80px);
  aspect-ratio:auto;
  background:#061822;
}
/* The artwork supplies the visual field above the live feature bar.
   It is scaled only to that field, so there is no dead space between artwork and features. */
.sc-v2-live-bg{
  width:100%;
  height:78.8%;
  max-height:none;
  object-fit:fill;
  object-position:center top;
}
.sc-v2-live-copy{
  max-height:calc(100% - 21.2% - 18px);
  overflow:visible;
}
.sc-v2-live-cta{
  position:relative;
  z-index:20;
  margin-top:2px;
  pointer-events:auto;
}
.sc-v2-live-features{
  height:21.2%;
  z-index:20;
}
.sc-v2-about-live .sc-v2-live-copy:after{
  /* Decorative gold lines belong at the image/panel boundary, never through copy. */
  left:calc(100% + 2px);
  top:0;
  width:118px;
  height:79.3%;
  z-index:3;
}
html[dir="rtl"] .sc-v2-about-live .sc-v2-live-copy:after{
  left:auto;
  right:calc(100% + 2px);
  transform:scaleX(-1);
}

@media(min-width:1101px){
  .sc-v2-home-live .sc-v2-live-copy{padding-top:3.15%;}
  .sc-v2-home-live .sc-v2-live-copy h1{margin-bottom:13px;}
  .sc-v2-home-live .sc-v2-live-subtitle{margin-bottom:14px;}
  .sc-v2-home-live .sc-v2-live-description{margin-bottom:15px;line-height:1.48;}
  .sc-v2-about-live .sc-v2-live-copy{padding-top:3.15%;}
  .sc-v2-about-live .sc-v2-live-copy h1{margin-bottom:17px;}
  .sc-v2-about-live .sc-v2-live-description{line-height:1.45;}
}

@media(max-width:760px){
  .sc-v2-live-visual{height:auto;min-height:0;aspect-ratio:auto;}
  .sc-v2-live-bg{height:78.8%;object-fit:fill;}
  .sc-v2-live-copy{max-height:none;}
  .sc-v2-live-features{height:auto;}
  .sc-v2-about-live .sc-v2-live-copy:after{display:none;}
}

/* =========================================================
   v59 — Shadow CEO paragraph typography refinement
   Scope: Home + About Us live-web paragraphs only.
   No changes to navigation, artwork, buttons, features or other pages.
   ========================================================= */
@media (min-width:761px){
  .sc-v2-home-live .sc-v2-live-description,
  .sc-v2-about-live .sc-v2-live-description{
    width:100%;
    max-width:650px;
    font-size:clamp(17px,1.10vw,21.5px);
    line-height:1.65;
    letter-spacing:0;
    text-wrap:pretty;
  }

  html[dir="rtl"] .sc-v2-home-live .sc-v2-live-description,
  html[dir="rtl"] .sc-v2-about-live .sc-v2-live-description{
    font-size:clamp(17px,1.10vw,21px);
    line-height:1.9;
    max-width:650px;
    text-wrap:pretty;
  }

  .sc-v2-home-live .sc-v2-live-description{margin-bottom:20px;}
  .sc-v2-about-live .sc-v2-live-description{margin-bottom:20px;}
}

@media (max-width:760px){
  .sc-v2-home-live .sc-v2-live-description,
  .sc-v2-about-live .sc-v2-live-description{
    font-size:16px;
    line-height:1.75;
  }
  html[dir="rtl"] .sc-v2-home-live .sc-v2-live-description,
  html[dir="rtl"] .sc-v2-about-live .sc-v2-live-description{
    font-size:16px;
    line-height:1.9;
  }
}

/* v60 — Home feature separators only.
   Keeps the existing layout/content untouched and normalizes the three dividers. */
@media (min-width:761px){
  .sc-v2-home-live .sc-v2-live-feature{
    position:relative;
    border-inline-end:0;
  }
  .sc-v2-home-live .sc-v2-live-feature:not(:last-child)::after{
    content:"";
    position:absolute;
    top:21%;
    bottom:21%;
    right:-18px;
    width:1px;
    background:rgba(241,173,75,.65);
    pointer-events:none;
  }
}