/* ==========================================================================
   الصفحات الداخلية — أنماط مشتركة مقروءة من Figma
   الهيرو الداخلي 560 (حشو 0/144/80) · text-1-style-1 (حشو 80 · فجوة 48)
   البطاقة: حشو 24 · زوايا 16 · فجوة 32 بين البطاقات
   ========================================================================== */

/* ---------- الهيرو الداخلي ---------- */
.ihero { position: relative; isolation: isolate; block-size: 560px; display: flex; align-items: flex-end;
  overflow: hidden; font-family: var(--aac-font); }
.ihero__bg { position: absolute; inset: 0; z-index: -2; }
.ihero__bg img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; }
.ihero::after { content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(ellipse at 62% 38%, rgba(20,26,33,0.30) 0%, rgba(20,26,33,0.82) 70%, rgba(20,26,33,0.94) 100%); }
.ihero__in { inline-size: 100%; max-inline-size: var(--design-w); margin-inline: auto;
  padding: 0 var(--design-gutter) 80px; display: flex; flex-direction: column; align-items: flex-start; gap: 40px; }
.ihero__stack { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.ihero__badge { color: #FFF; font-size: var(--t-lg); line-height: 1.5; font-weight: 600; }
.ihero__l1 { margin: 0; font-size: var(--t-6xl); line-height: var(--lh-6xl); font-weight: 700;
  background-image: linear-gradient(90deg, var(--p-200) 0%, var(--p-300) 50%, var(--p-500) 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--p-300); }
[dir="rtl"] .ihero__l1 { background-image: linear-gradient(-90deg, var(--p-200) 0%, var(--p-300) 50%, var(--p-500) 100%); }
.ihero__l2 { margin: 0; color: #FFF; font-size: var(--t-6xl); line-height: var(--lh-6xl); font-weight: 600; }
.ihero__lead { margin: 0; color: #FFF; max-inline-size: 1132px; font-size: var(--t-xl); line-height: var(--lh-xl); }

/* ---------- قسم قياسي ---------- */
.psec { background: #FFF; padding: 80px; display: flex; flex-direction: column; align-items: center; gap: 48px;
  font-family: var(--aac-font); }
.psec--alt  { background: #F5F5F5; }
.psec--dark { background: var(--a-900); }
.psec--dark .sec-title, .psec--dark .pcard__d, .psec--dark .icard p { color: #FFF; }
.psec__in { inline-size: 100%; max-inline-size: 1280px; }
.psec__title { margin: 0; text-align: center; font-size: var(--t-3xl); line-height: var(--lh-3xl); font-weight: 700;
  background-image: linear-gradient(90deg, var(--p-200) 0%, var(--a-500) 50%, var(--p-500) 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--a-500); }
.psec__eyebrow { margin: 0; text-align: center; font-size: var(--t-2xl); line-height: var(--lh-2xl); font-weight: 700;
  background-image: linear-gradient(90deg, var(--p-200) 0%, var(--p-300) 50%, var(--p-500) 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--p-300); }
.psec__sub { margin: 0; text-align: center; max-inline-size: 1030px; color: var(--a-600);
  font-size: var(--t-lg); line-height: var(--lh-lg); }

/* ---------- صفّان: نص + صورة ---------- */
.split { display: flex; align-items: center; gap: 42px; inline-size: 100%; max-inline-size: 1280px; }
.split--rev { flex-direction: row-reverse; }
.split__text { flex: 1 1 50%; display: flex; flex-direction: column; gap: 24px; }
.split__media { flex: 1 1 50%; border-radius: 12px; overflow: hidden; }
.split__media img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; }
.split h2 { margin: 0; color: var(--p-950); font-size: var(--t-3xl); line-height: var(--lh-3xl); font-weight: 700; }
.split h3 { margin: 0; color: var(--p-950); font-size: var(--t-lg); line-height: var(--lh-lg); font-weight: 600; }
.split p  { margin: 0; color: var(--g-400); font-size: var(--t-base); line-height: var(--lh-base); text-align: justify; }
.split p.lead { color: var(--p-950); font-size: var(--t-lg); font-weight: 400; }

/* ---------- بطاقة عامة: حشو 24 · زوايا 16 ---------- */
.icard { background: #FFF; border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 16px;
  box-shadow: 0 8px 24px -10px rgba(2,7,19,0.12); }
.psec--dark .icard { background: rgba(255,255,255,0.06); box-shadow: none; border: 1px solid rgba(255,255,255,0.10); }
.icard h3 { margin: 0; color: var(--a-500); font-size: var(--t-lg); line-height: var(--lh-lg); font-weight: 600; }
.psec--dark .icard h3 { color: var(--a-300); }
.icard p { margin: 0; color: var(--g-400); font-size: var(--t-base); line-height: var(--lh-base); }

/* ---------- شبكات البطاقات: فجوة 32 ---------- */
.igrid { display: grid; gap: 32px; inline-size: 100%; max-inline-size: 1280px; }
.igrid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.igrid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ---------- الأرقام 01–04: 96px Bold مفرّغة ---------- */
.ncard { display: flex; align-items: center; gap: 12px; }
.ncard__n { flex: 0 0 111px; font-size: var(--t-8xl); line-height: var(--lh-8xl); font-weight: 700;
  color: transparent; -webkit-text-stroke: 3px var(--p-100); }
@supports not (-webkit-text-stroke: 1px #000) { .ncard__n { color: var(--p-100); } }
.psec--dark .ncard__n { -webkit-text-stroke-color: rgba(255,255,255,0.30); }
.ncard__t { display: flex; flex-direction: column; gap: 4px; }
.ncard__t b { color: var(--p-950); font-size: var(--t-lg); line-height: var(--lh-lg); font-weight: 600; }
.ncard__t span { color: var(--g-400); font-size: var(--t-base); line-height: var(--lh-base); }
.psec--dark .ncard__t b { color: #FFF; }

/* ---------- قوائم التعداد ---------- */
.blist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 24px; }
.blist li { display: flex; gap: 24px; align-items: flex-start; }
.blist .tri { flex: 0 0 auto; inline-size: 12px; block-size: 14px; margin-block-start: 5px; background: var(--a-500);
  clip-path: polygon(8% 4%, 100% 50%, 8% 96%); }
[dir="rtl"] .blist .tri, [dir="rtl"] .clients .tri { transform: scaleX(-1); }
.psec--dark .blist .tri { background: var(--a-300); }
.blist b { display: block; color: var(--p-950); font-size: var(--t-lg); line-height: var(--lh-lg); font-weight: 600; }
.blist span { display: block; color: var(--g-400); font-size: var(--t-base); line-height: var(--lh-base); }
.psec--dark .blist b { color: #FFF; }

/* ---------- التبويبات ---------- */
.tabs { display: flex; background: #F0F1F3; border-radius: 8px; overflow: hidden; inline-size: 100%; max-inline-size: 1280px; }
.tabs span { flex: 1; padding: 18px 24px; text-align: center; color: var(--g-400);
  font-size: var(--t-xl); line-height: var(--lh-xl); font-weight: 600; }
.tabs span.is-active { background: #FFF; color: var(--p-950); border-radius: 8px; }

/* ---------- تجاوب ---------- */
@media (max-width: 90rem) {
  .ihero__in { padding-inline: clamp(1.25rem, -3rem + 12vw, 144px); }
  .psec { padding-inline: clamp(1.25rem, -1rem + 7vw, 80px); }
}
@media (max-width: 64rem) {
  .ihero { block-size: auto; min-block-size: 460px; padding-block-start: 80px; }
  .ihero__l1, .ihero__l2 { font-size: clamp(1.75rem, 0.8rem + 4.4vw, 60px); }
  .igrid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .split { flex-direction: column; gap: 32px; }
  .split--rev { flex-direction: column; }
  .tabs { flex-wrap: wrap; }
}
@media (max-width: 48rem) {
  .igrid--2, .igrid--3 { grid-template-columns: 1fr; }
  .ncard__n { flex-basis: 72px; font-size: var(--t-6xl); }
  .psec__title { font-size: var(--t-2xl); }
}

/* ==========================================================================
   Markets We Serve — من العقد 100:24718 و 100:24732
   Introduction: حشو 80/0/24 · عمود 596 بحشو داخلي 80 · صورة 684×465
   التبويبات: حشو 8 · خلفية #F0F1F3 · زوايا 12 · الفعّال أبيض بزوايا 8 وحشو 24
   كتل المستويات: عمود 680 بحشو 80 · صورة 600 · فجوة 48 بين الكتل
   ========================================================================== */
.mk-intro { background:#FFF; padding:0 80px; font-family:var(--aac-font); }
.mk-intro__row { inline-size:100%; max-inline-size:1280px; margin-inline:auto; padding-block:80px 24px; display:flex; align-items:center; }
.mk-intro__col { flex:0 0 596px; max-inline-size:596px; padding-inline-end:80px; display:flex; flex-direction:column; gap:24px; }
.mk-intro__col h2 { margin:0; color:var(--p-950); font-size:var(--t-3xl); line-height:var(--lh-3xl); font-weight:700; }
.mk-intro__col p.lead { margin:0; color:var(--p-950); font-size:var(--t-lg); line-height:var(--lh-lg); text-align:justify; }
.mk-intro__col p { margin:0; color:var(--g-400); font-size:var(--t-base); line-height:var(--lh-base); text-align:justify; }
.mk-intro__media { flex:1 1 684px; }
.mk-intro__media img { inline-size:100%; block-size:465px; object-fit:cover; display:block; }

.mk-scales { background:#FFF; padding:18px 80px 80px; display:flex; flex-direction:column; align-items:center; gap:48px; font-family:var(--aac-font); }
.mk-tabs { inline-size:100%; max-inline-size:1280px; display:flex; align-items:center; gap:0; padding:8px; background:var(--g-50); border-radius:12px; }
.mk-tabs span { flex:1 1 421px; padding:24px; border-radius:8px; color:var(--g-400); font-size:var(--t-2xl); line-height:var(--lh-2xl); font-weight:700; text-align:center; }
.mk-tabs span.is-active { background:#FFF; color:var(--p-950); }
.mk-tabs i { inline-size:1px; block-size:44px; background:rgba(145,158,171,0.20); border-radius:1px; }

.mk-block { inline-size:100%; max-inline-size:1280px; display:flex; align-items:center; }
.mk-block--rev { flex-direction:row-reverse; }
.mk-block__col { flex:0 0 680px; max-inline-size:680px; padding-inline-end:80px; display:flex; flex-direction:column; gap:24px; }
.mk-block--rev .mk-block__col { padding-inline:80px 0; }
.mk-block__col h3 { margin:0; color:var(--p-950); font-size:var(--t-2xl); line-height:var(--lh-2xl); font-weight:700; }
.mk-block__sub { margin:0; color:var(--p-950); font-size:var(--t-lg); line-height:var(--lh-lg); }
.mk-block__body { margin:0; color:var(--g-400); font-size:var(--t-base); line-height:var(--lh-base); text-align:justify; }
.mk-block__list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.mk-block__list li { display:flex; gap:12px; align-items:flex-start; color:var(--g-400); font-size:var(--t-base); line-height:var(--lh-base); }
.mk-block__media { flex:1 1 600px; }
.mk-block__media img { inline-size:100%; block-size:100%; min-block-size:433px; object-fit:cover; display:block; }

.mk-standard { inline-size:100%; max-inline-size:1280px; background:#FFF; border-radius:16px; padding:24px;
  display:flex; flex-direction:column; gap:24px; box-shadow:0 8px 24px -10px rgba(2,7,19,0.12); }
.mk-standard h3 { margin:0; font-size:var(--t-2xl); line-height:var(--lh-2xl); font-weight:700;
  background-image:linear-gradient(90deg,var(--p-200) 0%,var(--p-300) 50%,var(--p-500) 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:var(--p-300); }
.mk-standard p { margin:0; text-align:center; color:var(--p-950); font-size:var(--t-base); line-height:var(--lh-base); }

@media (max-width:90rem){
  .mk-intro,.mk-scales{ padding-inline:clamp(1.25rem,-1rem + 7vw,80px); }
  .mk-intro__col,.mk-block__col{ flex:1 1 50%; max-inline-size:none; }
  .mk-intro__media,.mk-block__media{ flex:1 1 50%; }
}
@media (max-width:64rem){
  .mk-tabs{ flex-wrap:wrap; } .mk-tabs i{ display:none; }
  .mk-tabs span{ flex:1 1 200px; font-size:var(--t-lg); padding:16px; }
  .mk-block__media img{ min-block-size:280px; }
}
@media (max-width:48rem){
  .mk-intro__row,.mk-block,.mk-block--rev{ flex-direction:column; gap:32px; }
  .mk-intro__col,.mk-block__col{ padding-inline:0 !important; }
  .mk-intro__media img{ block-size:auto; }
}

/* ==========================================================================
   Why Choose Us — من العقدة 43:16935 (مصحّح بعد المقارنة البصرية)
   البطاقات ليست شبكة منتظمة: مواضع مطلقة داخل Group
     01 → x-1  y0    (624×366)      02 → x657 y57  (624×393)
     03 → x-1  y404  (624×369)      04 → x657 y488 (624×369)
   الرقم: بلا تعبئة · حدّ متدرّج 3px · شفافية 0.6 · موضعه x479 y10 داخل البطاقة
   ========================================================================== */
.wc { background:#FFF; padding:80px; display:flex; flex-direction:column; align-items:center; gap:48px; font-family:var(--aac-font); }
.wc__panel { inline-size:100%; max-inline-size:1280px; background:#FFF; border-radius:16px; padding:24px;
  display:flex; flex-direction:column; gap:16px; box-shadow:0 8px 24px -10px rgba(2,7,19,0.10); }
.wc__panel h2, .wc__panel h3 { margin:0; font-weight:700; text-align:start;
  background-image:linear-gradient(90deg,var(--p-200) 0%,var(--p-300) 50%,var(--p-500) 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:var(--p-300); }
.wc__panel h2 { font-size:var(--t-3xl); line-height:var(--lh-3xl); }
.wc__panel h3 { font-size:var(--t-2xl); line-height:var(--lh-2xl); }
.wc__panel p { margin:0; text-align:center; color:var(--p-950); font-size:var(--t-lg); line-height:var(--lh-lg); }
.wc__panel--sum p { font-size:var(--t-base); }

/* الشبكة المتدرّجة: عمودان، والعمود الأيمن يبدأ أخفض بـ 57px كما في التصميم */
.wc__cards { inline-size:100%; max-inline-size:1280px; display:grid; grid-template-columns:repeat(2,624px);
  justify-content:space-between; align-items:start; column-gap:33px; row-gap:38px; }
.wc__cards > :nth-child(2) { margin-block-start:57px; }
.wc__cards > :nth-child(4) { margin-block-start:-19px; }

.wc-card { position:relative; background:#FFF; border-radius:16px; padding:24px; display:flex; flex-direction:column; gap:16px;
  box-shadow:0 8px 24px -10px rgba(2,7,19,0.10); }
.wc-card__body { display:flex; flex-direction:column; gap:24px; padding-inline-end:120px; }
.wc-card__kicker { margin:0; color:var(--a-500); font-size:var(--t-lg); line-height:1.5; font-weight:600; }
.wc-card__lead   { margin:0; color:var(--a-950); font-size:var(--t-lg); line-height:1.5; font-weight:600; }
.wc-card__text   { margin:0; color:var(--g-400); font-size:var(--t-base); line-height:var(--lh-base); text-align:justify;
  padding-inline-end:0; }
.wc-card__body .wc-card__text { padding-inline-end:0; }

/* الرقم: مفرّغ بحدّ متدرّج، أعلى يمين البطاقة */
.wc-card__n { position:absolute; inset-block-start:34px; inset-inline-end:24px;
  font-size:96px; line-height:1; font-weight:700; opacity:.6;
  color:transparent; -webkit-text-stroke:3px var(--p-300); pointer-events:none; }
@supports not (-webkit-text-stroke:1px #000){ .wc-card__n{ color:var(--p-100); } }

@media (max-width:90rem){
  .wc{ padding-inline:clamp(1.25rem,-1rem + 7vw,80px); }
  .wc__cards{ grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:33px; }
}
@media (max-width:64rem){
  .wc__cards{ grid-template-columns:1fr; gap:24px; }
  .wc__cards > :nth-child(2), .wc__cards > :nth-child(4){ margin-block-start:0; }
  .wc-card__n{ font-size:72px; }
  .wc-card__body{ padding-inline-end:90px; }
}

/* ==========================================================================
   Solutions Hub — من العقد 83:22722 · 44:17463 · 46:17703 · 46:17809 · 46:17890
   كتلة منتج: حشو 80 · فجوة 80 · عمود 680 بحشو 80 · صورة 600×600
   الأقسام تتناوب #FFFFFF و #F5F5F5 · زر 259×44 بحشو 8/16 وزوايا 8
   Beyond: حشو 80 · فجوة 48 · بطاقات 624 وفجوة 32 · رقم 96 بجانب النص
   ========================================================================== */
.sh-block { padding:80px; display:flex; flex-direction:column; align-items:center; gap:80px; font-family:var(--aac-font); background:#FFF; }
.sh-block--alt { background:#F5F5F5; }
.sh-panel { inline-size:100%; max-inline-size:1280px; background:#FFF; border-radius:16px; padding:24px;
  display:flex; flex-direction:column; gap:16px; box-shadow:0 8px 24px -10px rgba(2,7,19,0.10); }
.sh-panel h2 { margin:0; font-size:var(--t-3xl); line-height:var(--lh-3xl); font-weight:700;
  background-image:linear-gradient(90deg,var(--p-200) 0%,var(--p-300) 50%,var(--p-500) 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:var(--p-300); }
.sh-panel p { margin:0; text-align:center; color:var(--p-950); font-size:var(--t-lg); line-height:var(--lh-lg); }

.sh-row { inline-size:100%; max-inline-size:1280px; display:flex; align-items:center; }
.sh-row--rev { flex-direction:row-reverse; }
.sh-row__col { flex:0 0 680px; max-inline-size:680px; padding-inline-end:80px; display:flex; flex-direction:column; gap:32px; align-items:flex-start; }
.sh-row--rev .sh-row__col { padding-inline:80px 0; }
.sh-row__text { display:flex; flex-direction:column; gap:24px; }
.sh-row__head { display:flex; flex-direction:column; gap:5px; }
.sh-row__head h3 { margin:0; font-size:var(--t-3xl); line-height:var(--lh-3xl); font-weight:700;
  background-image:linear-gradient(90deg,var(--p-200) 0%,var(--p-300) 50%,var(--p-500) 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:var(--p-300); }
.sh-row__head p { margin:0; color:var(--p-950); font-size:var(--t-lg); line-height:var(--lh-lg); text-align:justify; }
.sh-row__body { margin:0; color:var(--g-400); font-size:var(--t-base); line-height:var(--lh-base); text-align:justify; }
.sh-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.sh-list li { display:flex; flex-direction:column; gap:8px; }
.sh-list b { display:flex; gap:4px; align-items:flex-start; color:var(--p-950); font-size:var(--t-lg); line-height:1.5; font-weight:600; }
.sh-list span { padding-inline-start:28px; color:var(--g-400); font-size:var(--t-base); line-height:var(--lh-base); }
.sh-row__media { flex:1 1 600px; }
.sh-row__media img { inline-size:100%; block-size:600px; object-fit:cover; display:block; }

.sh-btn { display:inline-flex; align-items:center; gap:8px; padding:8px 16px; border-radius:8px;
  background-image:linear-gradient(90deg,var(--p-500) 0%,var(--p-300) 100%); color:#FFF; text-decoration:none;
  font-size:var(--t-lg); line-height:1.5; font-weight:600; }
.sh-btn:hover { filter:brightness(1.12); }
.sh-btn::after { content:""; inline-size:14px; block-size:14px; background:#FFF;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7M9 7h8v8'stroke='%23000'stroke-width='2.4'fill='none'stroke-linecap='round'stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17 17 7M9 7h8v8'stroke='%23000'stroke-width='2.4'fill='none'stroke-linecap='round'stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }

.sh-beyond { background:#FFF; padding:80px; display:flex; flex-direction:column; align-items:center; gap:48px; font-family:var(--aac-font); }
.sh-beyond__head { display:flex; flex-direction:column; align-items:center; gap:16px; }
.sh-beyond__head h2 { margin:0; text-align:center; font-size:var(--t-3xl); line-height:var(--lh-3xl); font-weight:700;
  background-image:linear-gradient(90deg,var(--p-200) 0%,var(--p-300) 50%,var(--p-500) 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:var(--p-300); }
.sh-beyond__head p { margin:0; text-align:center; color:var(--p-950); font-size:var(--t-lg); line-height:var(--lh-lg); max-inline-size:1120px; }
.sh-beyond__grid { inline-size:100%; max-inline-size:1280px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.sh-bcard { background:#FFF; border-radius:16px; padding:24px; display:flex; gap:12px; align-items:flex-start;
  box-shadow:0 8px 24px -10px rgba(2,7,19,0.10); }
.sh-bcard__n { flex:0 0 111px; font-size:96px; line-height:1; font-weight:700; opacity:.6;
  color:transparent; -webkit-text-stroke:3px var(--p-300); }
@supports not (-webkit-text-stroke:1px #000){ .sh-bcard__n{ color:var(--p-100); } }
.sh-bcard__t { display:flex; flex-direction:column; gap:4px; }
.sh-bcard__t b { color:var(--p-950); font-size:var(--t-lg); line-height:1.5; font-weight:600; }
.sh-bcard__t span { color:var(--g-400); font-size:var(--t-base); line-height:var(--lh-base); }

@media (max-width:90rem){
  .sh-block,.sh-beyond{ padding-inline:clamp(1.25rem,-1rem + 7vw,80px); }
  .sh-row__col{ flex:1 1 50%; max-inline-size:none; }
  .sh-row__media{ flex:1 1 50%; }
  .sh-row__media img{ block-size:100%; min-block-size:420px; }
}
@media (max-width:64rem){ .sh-beyond__grid{ grid-template-columns:1fr; } .sh-bcard__n{ flex-basis:80px; font-size:72px; } }
@media (max-width:48rem){
  .sh-row,.sh-row--rev{ flex-direction:column; gap:32px; }
  .sh-row__col{ padding-inline:0 !important; }
  .sh-row__media img{ min-block-size:280px; }
}

/* ==========================================================================
   صفحات المنتجات — من عقد BESS (90:24380)
   Overview: حشو 0/80 · صف 80/0/24 · عمود 596 بحشو 80 · صورة 684×465
   قسم داكن #091C31: حشو 144 · فجوة 38 · بطاقات 628 بحشو 24 وزوايا 16 وفجوة 24
   Why Source: حشو 80 · فجوة 48 · رقم 96 مفرّغ بجانب النص
   ========================================================================== */
.pd-ov { background:#FFF; padding:0 80px; font-family:var(--aac-font); }
.pd-ov__row { inline-size:100%; max-inline-size:1280px; margin-inline:auto; padding-block:80px 24px; display:flex; align-items:center; }
.pd-ov__col { flex:0 0 596px; max-inline-size:596px; padding-inline-end:80px; display:flex; flex-direction:column; gap:24px; }
.pd-ov__col h2 { margin:0; color:var(--p-950); font-size:var(--t-3xl); line-height:var(--lh-3xl); font-weight:700; }
.pd-ov__col p.lead { margin:0; color:var(--p-950); font-size:var(--t-lg); line-height:var(--lh-lg); text-align:justify; }
.pd-ov__col p { margin:0; color:var(--g-400); font-size:var(--t-base); line-height:var(--lh-base); text-align:justify; }
.pd-ov__media { flex:1 1 684px; }
.pd-ov__media img { inline-size:100%; block-size:465px; object-fit:cover; display:block; }

.pd-dark { background:var(--a-900); padding:71px 144px; font-family:var(--aac-font); }
.pd-dark__in { inline-size:100%; max-inline-size:1280px; margin-inline:auto; display:flex; flex-direction:column; align-items:center; gap:38px; }
.pd-dark__head { display:flex; flex-direction:column; align-items:center; gap:16px; }
.pd-dark__head h2 { margin:0; color:#FFF; text-align:center; font-size:var(--t-3xl); line-height:var(--lh-3xl); font-weight:700; }
.pd-dark__head p { margin:0; color:#FFF; text-align:center; max-inline-size:1030px; font-size:var(--t-lg); line-height:var(--lh-lg); }
.pd-dark__grid { inline-size:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.pd-dark__grid > .is-wide { grid-column:1 / -1; }
.pd-card { background:rgba(255,255,255,0.08); border-radius:16px; padding:24px; display:flex; flex-direction:column; gap:24px; text-align:center; }
.pd-card h3 { margin:0; color:var(--a-400); font-size:var(--t-lg); line-height:1.5; font-weight:700; }
.pd-card p  { margin:0; color:#FFF; font-size:var(--t-base); line-height:var(--lh-base); }

.pd-sec { background:#FFF; padding:80px; display:flex; flex-direction:column; align-items:center; gap:48px; font-family:var(--aac-font); }
.pd-sec__title { margin:0; text-align:center; font-size:var(--t-2xl); line-height:var(--lh-2xl); font-weight:700;
  background-image:linear-gradient(90deg,var(--p-200) 0%,var(--p-300) 50%,var(--p-500) 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:var(--p-300); }
.pd-sec__title--lg { font-size:var(--t-3xl); line-height:var(--lh-3xl); }
.pd-grid2 { inline-size:100%; max-inline-size:1280px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; align-items:start; }
.pd-pcard { background:#FFF; border-radius:16px; padding:24px; display:flex; flex-direction:column; gap:24px;
  box-shadow:0 8px 24px -10px rgba(2,7,19,0.12); }
.pd-pcard__head h3 { margin:0 0 5px; color:var(--p-950); font-size:var(--t-2xl); line-height:var(--lh-2xl); font-weight:700; }
.pd-pcard__head p { margin:0; color:var(--p-950); font-size:var(--t-lg); line-height:var(--lh-lg); }
.pd-pcard__body { margin:0; color:var(--g-400); font-size:var(--t-base); line-height:var(--lh-base); text-align:justify; }

.pd-why { inline-size:100%; max-inline-size:1280px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.pd-why__card { background:#FFF; border-radius:16px; padding:24px; display:flex; gap:12px; align-items:center;
  box-shadow:0 8px 24px -10px rgba(2,7,19,0.10); }
.pd-why__n { flex:0 0 111px; font-size:96px; line-height:1; font-weight:700; opacity:.6;
  color:transparent; -webkit-text-stroke:3px var(--p-300); }
@supports not (-webkit-text-stroke:1px #000){ .pd-why__n{ color:var(--p-100); } }
.pd-why__card p { margin:0; color:var(--g-400); font-size:var(--t-base); line-height:var(--lh-base); }

@media (max-width:90rem){
  .pd-ov,.pd-sec{ padding-inline:clamp(1.25rem,-1rem + 7vw,80px); }
  .pd-dark{ padding-inline:clamp(1.25rem,-3rem + 12vw,144px); }
  .pd-ov__col{ flex:1 1 50%; max-inline-size:none; } .pd-ov__media{ flex:1 1 50%; }
}
@media (max-width:64rem){
  .pd-grid2,.pd-why,.pd-dark__grid{ grid-template-columns:1fr; }
  .pd-why__n{ flex-basis:80px; font-size:72px; }
}
@media (max-width:48rem){
  .pd-ov__row{ flex-direction:column; gap:32px; }
  .pd-ov__col{ padding-inline-end:0; } .pd-ov__media img{ block-size:auto; }
}

/* ==========================================================================
   UPS — من عقد الفريم 47:18288
   Overview: صف 80/0/80 · بطاقة الرسم 684×394 بزوايا 16
   Provide: صورة خلفية + تعتيم #000 بشفافية 0.6 · حشو 144 · فجوة 38
   Matter Most: حشو 80 · بطاقات 624 بفجوة 32 · الخامسة بعرض كامل · أيقونة 64
   Docs/Runtime: #091C31 · عمودان
   ========================================================================== */
.ups-chart { flex:1 1 684px; background:#FFF; border-radius:16px; box-shadow:0 8px 24px -10px rgba(2,7,19,0.12); overflow:hidden; }
.ups-chart__h { padding:24px 16px 24px 24px; }
.ups-chart__h b { color:var(--p-950); font-size:var(--t-lg); line-height:1.5; font-weight:600; }
.ups-chart__b { padding:24px; }
.ups-chart__bars { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; block-size:240px; }
.ups-chart__bars span { flex:1; border-radius:6px 6px 0 0; background:linear-gradient(180deg,var(--a-400) 0%,var(--p-500) 100%); }
.ups-chart__x { display:flex; justify-content:space-between; gap:20px; margin-block-start:12px; }
.ups-chart__x span { flex:1; text-align:center; color:var(--g-400); font-size:var(--t-xs); line-height:1.5; }

.ups-provide { position:relative; isolation:isolate; padding:137px 144px; overflow:hidden; font-family:var(--aac-font); }
.ups-provide__bg { position:absolute; inset:0; z-index:-2; }
.ups-provide__bg img { inline-size:100%; block-size:100%; object-fit:cover; display:block; }
.ups-provide::after { content:""; position:absolute; inset:0; z-index:-1; background:rgba(0,0,0,0.60); }
.ups-provide__in { inline-size:100%; max-inline-size:1280px; margin-inline:auto; display:flex; flex-direction:column; gap:38px; }
.ups-provide__in > h2 { margin:0; color:#FFF; font-size:var(--t-3xl); line-height:var(--lh-3xl); font-weight:700; }
.ups-provide__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }

.ups-matter { background:#FFF; padding:80px; display:flex; flex-direction:column; align-items:center; gap:48px; font-family:var(--aac-font); }
.ups-matter__grid { inline-size:100%; max-inline-size:1280px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.ups-matter__grid > .is-wide { grid-column:1 / -1; }
.ups-icard { background:#FFF; border-radius:16px; padding:24px; display:flex; flex-direction:column; align-items:center; gap:12px;
  text-align:center; box-shadow:0 8px 24px -10px rgba(2,7,19,0.10); }
.ups-icard img { inline-size:64px; block-size:64px; object-fit:contain; display:block; }
.ups-icard p { margin:0; color:var(--g-400); font-size:var(--t-lg); line-height:var(--lh-lg); }

.ups-docs { background:var(--a-900); padding:80px 144px; font-family:var(--aac-font); }
.ups-docs__row { inline-size:100%; max-inline-size:1280px; margin-inline:auto; display:flex; gap:64px; align-items:flex-start; }
.ups-docs__col { flex:1 1 50%; display:flex; flex-direction:column; gap:16px; align-items:flex-start; }
.ups-docs__col h2 { margin:0; color:#FFF; font-size:var(--t-3xl); line-height:var(--lh-3xl); font-weight:700; }
.ups-docs__col p { margin:0; color:#FFF; font-size:var(--t-base); line-height:var(--lh-base); }
.ups-docs__col .badge { background:#FFF; color:var(--a-500); }
.ups-note { border:1px dashed rgba(255,255,255,0.35); border-radius:12px; padding:16px 20px; display:flex; flex-direction:column; gap:4px; }
.ups-note b { color:var(--a-400); font-size:var(--t-base); font-weight:700; }
.ups-note span { color:rgba(255,255,255,0.75); font-size:var(--t-sm); }
.ups-run { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px; }
.ups-run li { display:flex; flex-direction:column; gap:8px; }
.ups-run b { display:flex; gap:8px; align-items:flex-start; color:var(--a-400); font-size:var(--t-lg); line-height:1.5; font-weight:600; }
.ups-run span { padding-inline-start:24px; color:rgba(255,255,255,0.78); font-size:var(--t-base); line-height:var(--lh-base); }
.ups-run .tri { background:var(--a-400); margin-block-start:5px; }

@media (max-width:90rem){
  .ups-provide,.ups-docs{ padding-inline:clamp(1.25rem,-3rem + 12vw,144px); }
  .ups-matter{ padding-inline:clamp(1.25rem,-1rem + 7vw,80px); }
}
@media (max-width:64rem){
  .ups-provide__grid,.ups-matter__grid{ grid-template-columns:1fr; }
  .ups-docs__row{ flex-direction:column; gap:40px; }
  .ups-chart__bars{ block-size:180px; }
}

/* ==========================================================================
   Contact Us — من عقد الفريم 65:20310
   Reach Out: حشو 80 · عمود نص + صورة
   Get in Touch: #091C31 · حشو 80/144 · بطاقة 1280 بحشو 38/24 وزوايا 16 وخلفية 8%
   Form: حشو 80 · بطاقة بحشو 32 وزوايا 16 · شبكة عمودين بفجوة 24/32 · زر 176×43
   ========================================================================== */
.ct-reach { background:#FFF; padding:80px; font-family:var(--aac-font); }
.ct-reach__row { inline-size:100%; max-inline-size:1280px; margin-inline:auto; display:flex; align-items:center; gap:42px; }
.ct-reach__col { flex:1 1 50%; display:flex; flex-direction:column; gap:24px; }
.ct-reach__col h2 { margin:0; color:var(--p-950); font-size:var(--t-3xl); line-height:var(--lh-3xl); font-weight:700; }
.ct-reach__col > p { margin:0; color:var(--g-400); font-size:var(--t-base); line-height:var(--lh-base); text-align:justify; }
.ct-reach__media { flex:1 1 50%; }
.ct-reach__media img { inline-size:100%; block-size:100%; min-block-size:420px; object-fit:cover; display:block; }

.ct-touch { background:var(--a-900); padding:80px 144px; font-family:var(--aac-font); }
.ct-touch__in { inline-size:100%; max-inline-size:1280px; margin-inline:auto; display:flex; flex-direction:column; gap:38px; }
.ct-card { background:rgba(255,255,255,0.08); border-radius:16px; padding:38px 24px; display:flex; flex-direction:column; gap:24px; }
.ct-card h2 { margin:0; color:#FFF; font-size:var(--t-3xl); line-height:var(--lh-3xl); font-weight:700; }
.ct-card > p { margin:0; color:#FFF; font-size:var(--t-lg); line-height:var(--lh-lg); }
.ct-items { display:flex; gap:12px; flex-wrap:wrap; }
.ct-item { flex:1 1 403px; display:flex; gap:24px; align-items:flex-start; }
.ct-item__t { display:flex; flex-direction:column; gap:4px; }
.ct-item__t b { color:var(--a-400); font-size:var(--t-lg); line-height:1.5; font-weight:600; }
.ct-item__t span { color:#FFF; font-size:var(--t-lg); line-height:1.5; font-weight:700; }
.ct-touch__note { margin:0; color:#FFF; font-size:var(--t-2xl); line-height:var(--lh-2xl); font-weight:600; }

.ct-form-sec { background:#FFF; padding:80px; display:flex; flex-direction:column; align-items:center; gap:48px; font-family:var(--aac-font); }
.ct-form-sec .aac-form-wrap { inline-size:100%; max-inline-size:1280px; border-radius:16px; padding:32px; }
.ct-form-sec .aac-form__grid { gap:24px 32px; }
.ct-form-sec .aac-form label { font-size:var(--t-xs); font-weight:600; color:var(--p-950); }
.ct-form-sec .aac-form input, .ct-form-sec .aac-form select, .ct-form-sec .aac-form textarea { font-size:var(--t-base); }
.ct-form-sec .aac-btn--send { padding:8px 16px; font-size:var(--t-lg); font-weight:600; border-radius:8px; }

@media (max-width:90rem){
  .ct-reach,.ct-form-sec{ padding-inline:clamp(1.25rem,-1rem + 7vw,80px); }
  .ct-touch{ padding-inline:clamp(1.25rem,-3rem + 12vw,144px); }
}
@media (max-width:64rem){ .ct-item{ flex:1 1 100%; } }
@media (max-width:48rem){ .ct-reach__row{ flex-direction:column; gap:32px; } .ct-reach__media img{ min-block-size:260px; } }

/* ==========================================================================
   تصحيحات المراجعة النهائية — مقارنة مباشرة بقيم العقد
   ========================================================================== */

/* أداة التدرّج الرسمية للعناوين (#82B0EF → #3F7EC1 → #1A385E) */
.g-title {
  background-image: linear-gradient(90deg, var(--p-200) 0%, var(--a-500) 50%, var(--p-500) 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: var(--a-500);
}
[dir="rtl"] .g-title { background-image: linear-gradient(-90deg, var(--p-200) 0%, var(--a-500) 50%, var(--p-500) 100%); }

/* 1) «Overview» في صفحات المنتجات الأربع: متدرّج لا أسود */
.pd-ov__col h2,
/* 2) «Introduction» في Markets */
.mk-intro__col h2,
/* 3) «What Happens When You Reach Out» في التواصل */
.ct-reach__col h2,
/* 4) عناوين مستويات Markets الثلاثة */
.mk-block__col h3,
/* 5) عنوانا بطاقتَي BESS */
.pd-pcard__head h3 {
  background-image: linear-gradient(90deg, var(--p-200) 0%, var(--a-500) 50%, var(--p-500) 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: var(--a-500);
}
[dir="rtl"] .pd-ov__col h2, [dir="rtl"] .mk-intro__col h2, [dir="rtl"] .ct-reach__col h2,
[dir="rtl"] .mk-block__col h3, [dir="rtl"] .pd-pcard__head h3 {
  background-image: linear-gradient(-90deg, var(--p-200) 0%, var(--a-500) 50%, var(--p-500) 100%);
}

/* 6) عناوين الأقسام الداكنة محاذاتها يسار في التصميم، لا وسط
      (Applications · Built for Every Scale · Deployment Support) */
.pd-dark__in { align-items: stretch; }
.pd-dark__head { align-items: flex-start; }
.pd-dark__head h2 { text-align: start; }
.pd-dark__head p  { text-align: center; }

/* 7) «What This Means in Practice» يسار */
.ab-prac__in { align-items: stretch; }
.ab-prac__title { text-align: start; }

/* 8) «- Client Spectrum -» يسار داخل بطاقته */
.ab-spectrum { align-items: stretch; }
.ab-spectrum h3 { text-align: start; }

/* 9) «- Our BESS Solutions -» يسار (بينما «Why Source» تبقى وسط) */
.pd-sec { align-items: stretch; }
.pd-sec > .pd-sec__title { text-align: start; }
.pd-sec > .pd-sec__title--lg { text-align: center; }
.pd-sec > .pd-grid2, .pd-sec > .pd-why { margin-inline: auto; }

/* 10) «Prefer to send details directly?» وسط */
.ct-touch__note { text-align: center; }

/* 11) شريط التبويبات: النص الفعّال #020713 وغير الفعّال #828C9F — مؤكَّد من العقد */
.mk-tabs span { color: var(--g-400); }
.mk-tabs span.is-active { color: var(--p-950); }