/* ===================================================================
   X0T — صفحة «من نحن» التحريرية
   تبني على نظام svE-* من magnet-service.css ولا تكرّره.
   =================================================================== */

/* ---------- عبارة كبرى: أضخم عنصر طباعي في الموقع ---------- */
body.x0t-mg .abE-statement{
  font-size:clamp(2.15rem,5.6vw,4.8rem);font-weight:900;letter-spacing:-.02em;line-height:1.15;
  color:var(--mg-text);margin:0;max-width:min(15em,100%);text-wrap:balance;
}

/* ---------- 01 · البطل ---------- */
body.x0t-mg .abE-hero{
  position:relative;overflow:hidden;
  min-height:min(78vh,760px);
  display:flex;flex-direction:column;justify-content:center;
  padding-block:clamp(96px,14vh,190px) clamp(40px,6vw,84px);
}
body.x0t-mg .abE-hero .svE-hero__inner{position:relative;z-index:2}
body.x0t-mg .abE-hero .eyebrow{margin-bottom:22px}
body.x0t-mg .abE-hero__foot{
  display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,64px);
  align-items:end;margin-top:clamp(28px,3.6vw,48px);
  padding-bottom:clamp(40px,6vw,84px);
}
body.x0t-mg .abE-hero__foot .svE-lead{
  margin:0;font-size:clamp(15px,1.35vw,19px);line-height:1.8;max-width:62ch;
}
body.x0t-mg .abE-markets{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 0;
  justify-content:flex-start;
}
body.x0t-mg .abE-markets li{
  font-size:12.5px;font-weight:700;letter-spacing:.12em;color:var(--mg-muted);
  padding-inline-end:18px;margin-inline-end:18px;
  border-inline-end:1px solid var(--mg-hair);
}
body.x0t-mg .abE-markets li:last-child{border:0;padding-inline-end:0;margin-inline-end:0}

/* شريط صورة كامل العرض يفصل البطل عمّا بعده */
body.x0t-mg .abE-band{
  position:absolute;inset:0;height:auto;z-index:0;
  overflow:hidden;border-top:0;pointer-events:none;
  -webkit-mask:none;mask:none;
}
body.x0t-mg .abE-band__img{
  position:absolute;inset:0;background-size:cover;background-position:center left;
  filter:saturate(.9) brightness(.9) contrast(1.05);opacity:.6;transform:scale(1.03);
}
html[data-theme="light"] body.x0t-mg .abE-band__img{filter:saturate(.95) brightness(1) contrast(1);opacity:.55}
body.x0t-mg .abE-band__scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(to left,rgba(var(--mg-bg-rgb),.97),rgba(var(--mg-bg-rgb),.62) 46%,rgba(var(--mg-bg-rgb),.08) 100%),
    linear-gradient(0deg,rgba(var(--mg-bg-rgb),.92),transparent 58%),
    linear-gradient(180deg,rgba(var(--mg-bg-rgb),.85),transparent 34%);
}

/* ---------- 02 · من نحن ---------- */
body.x0t-mg .abE-who__grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,90px);align-items:start;
}
body.x0t-mg .abE-who__say{position:sticky;top:104px}
body.x0t-mg .abE-h2-lg{
  font-size:clamp(1.65rem,3.5vw,3.05rem);font-weight:900;letter-spacing:0;line-height:1.25;
  color:var(--mg-text);margin:0;text-wrap:balance;
}
body.x0t-mg .abE-who__body p{
  color:var(--mg-muted);font-size:clamp(15px,1.25vw,17px);line-height:1.95;margin:0 0 20px;
}
body.x0t-mg .abE-who__body p:first-child{
  color:var(--mg-text-2);font-size:clamp(16px,1.4vw,19px);
  padding-bottom:22px;border-bottom:1px solid var(--mg-hair);
}
body.x0t-mg .abE-who__body p:last-child{margin-bottom:0}

/* ---------- 03 · البيان ---------- */
body.x0t-mg .abE-manifesto{
  list-style:none;margin:0;padding:0;border-top:1px solid var(--mg-hair);
}
body.x0t-mg .abE-manifesto li{
  display:grid;grid-template-columns:clamp(44px,5vw,88px) minmax(0,1fr) minmax(0,1fr);
  gap:clamp(14px,2.4vw,40px);align-items:baseline;
  padding:clamp(24px,3vw,40px) 0;border-bottom:1px solid var(--mg-hair);margin:0;
}
body.x0t-mg .abE-manifesto__n{
  font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--mg-soft);
}
body.x0t-mg .abE-manifesto h3{
  font-size:clamp(1.15rem,2vw,1.72rem);font-weight:900;line-height:1.32;margin:0;
  color:var(--mg-text);
}
body.x0t-mg .abE-manifesto p{
  color:var(--mg-muted);font-size:15px;line-height:1.85;margin:0;
}

/* ---------- 04 · ما نعمله (صفوف خدمات قابلة للنقر) ---------- */
body.x0t-mg .abE-do__row{
  grid-template-columns:clamp(44px,5vw,84px) 1fr auto;
  color:inherit;text-decoration:none;
}
body.x0t-mg .abE-do__go{
  display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--mg-hair);color:var(--mg-muted);
  transition:.4s var(--mg-ease);
}
body.x0t-mg .abE-do__go .mg-arrow{width:17px;height:17px}
body.x0t-mg .abE-do__row:hover .abE-do__go{
  border-color:transparent;background:var(--mg-grad);color:#fff;transform:translate(-3px,-3px);
}

/* ---------- 05 · كيف نعمل (خمس محطّات) ---------- */
body.x0t-mg .abE-map-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){
  body.x0t-mg .abE-map-5{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:clamp(26px,4vw,44px)}
  body.x0t-mg .abE-map-5 .svE-map__step:nth-child(3n)::before{display:none}
}

/* ---------- 07 · المنظومة: سلسلة رأسية موصولة ---------- */
body.x0t-mg .abE-eco__grid{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,90px);align-items:start;
}
body.x0t-mg .abE-eco__say{position:sticky;top:104px}
body.x0t-mg .abE-chain{list-style:none;margin:0;padding:0;position:relative}
body.x0t-mg .abE-chain::before{
  content:"";position:absolute;top:10px;bottom:10px;
  inset-inline-start:7px;width:1px;
  background:linear-gradient(180deg,var(--mg-a),var(--mg-b));opacity:.45;
}
body.x0t-mg .abE-chain__node{
  display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2.2vw,28px);
  padding:0 0 clamp(24px,3vw,36px);margin:0;position:relative;
}
body.x0t-mg .abE-chain__node:last-child{padding-bottom:0}
body.x0t-mg .abE-chain__mark{
  width:15px;height:15px;border-radius:50%;margin-top:7px;flex:none;
  background:var(--mg-panel);border:1.5px solid var(--mg-hair2);
  transition:.45s var(--mg-ease);
}
body.x0t-mg .abE-chain__node.in .abE-chain__mark{
  background:var(--mg-grad);border-color:transparent;
  box-shadow:0 0 0 5px rgba(var(--mg-a-rgb),.16);
}
body.x0t-mg .abE-chain h3{
  font-size:clamp(1.05rem,1.7vw,1.4rem);font-weight:900;line-height:1.36;margin:0 0 7px;
}
body.x0t-mg .abE-chain p{color:var(--mg-muted);font-size:15px;line-height:1.8;margin:0}

/* ---------- 08 · رؤيتنا: أقوى لحظة بصرية ---------- */
body.x0t-mg .abE-vision{
  background:var(--mg-panel);border-block:1px solid var(--mg-hair);
  position:relative;overflow:hidden;text-align:center;
}
body.x0t-mg .abE-vision::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 120%,rgba(var(--mg-a-rgb),calc(var(--mg-glow) + .02)),transparent 60%);
}
body.x0t-mg .abE-vision .wrap{position:relative;z-index:1}
body.x0t-mg .abE-vision .eyebrow{margin-bottom:26px}
body.x0t-mg .abE-statement--vision{
  margin-inline:auto;max-width:min(20em,100%);
  font-size:clamp(1.7rem,3.7vw,3.2rem);line-height:1.3;
}

/* ---------- 09 · الكتيّب ---------- */
body.x0t-mg .abE-book__frame{
  background:var(--mg-panel);border:1px solid var(--mg-hair);border-radius:12px;
  overflow:hidden;padding:clamp(12px,1.6vw,22px);
}

/* ---------- الاستجابة ---------- */
@media (max-width:1024px){
  body.x0t-mg .abE-who__grid,
  body.x0t-mg .abE-eco__grid{grid-template-columns:1fr;gap:clamp(24px,4vw,40px)}
  body.x0t-mg .abE-who__say,
  body.x0t-mg .abE-eco__say{position:static}
  body.x0t-mg .abE-manifesto li{grid-template-columns:clamp(40px,6vw,64px) 1fr}
  body.x0t-mg .abE-manifesto p{grid-column:2}
}
@media (max-width:860px){
  body.x0t-mg .abE-hero__foot{grid-template-columns:1fr;align-items:start}
}
@media (max-width:768px){
  body.x0t-mg .abE-map-5{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){
  body.x0t-mg .abE-statement{font-size:clamp(1.6rem,7.6vw,2.1rem);max-width:none}
  body.x0t-mg .abE-statement--vision{font-size:clamp(1.45rem,6.8vw,1.9rem)}
  body.x0t-mg .abE-manifesto li{grid-template-columns:1fr;gap:8px}
  body.x0t-mg .abE-manifesto__n{grid-column:1}
  body.x0t-mg .abE-manifesto p{grid-column:1}
  body.x0t-mg .abE-map-5{grid-template-columns:1fr}
  body.x0t-mg .abE-band__img{opacity:.32;background-position:center}
  body.x0t-mg .abE-do__go{width:36px;height:36px}
}

/* ---------- نقاط سريعة تحت القصة ---------- */
body.x0t-mg .abE-points{
  list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;
}
body.x0t-mg .abE-points li{
  display:flex;align-items:flex-start;gap:12px;
  color:var(--mg-text);font-size:15px;font-weight:600;line-height:1.7;margin:0;
}
body.x0t-mg .abE-points li::before{
  content:"";flex:none;width:8px;height:8px;margin-top:9px;border-radius:50%;
  background:var(--mg-grad);
}

/* ---------- الرؤية والرسالة ---------- */
body.x0t-mg .abE-vm{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--mg-hair);border:1px solid var(--mg-hair);
  margin-top:clamp(38px,5vw,72px);
}
body.x0t-mg .abE-vm__cell{
  background:var(--mg-bg);padding:clamp(26px,3.2vw,48px);
  display:flex;flex-direction:column;gap:14px;
  transition:background .45s var(--mg-ease);
}
body.x0t-mg .abE-vm__cell:hover{background:var(--mg-hover)}
body.x0t-mg .abE-vm__label{
  font-size:11.5px;font-weight:700;letter-spacing:.18em;color:var(--mg-soft);
}
body.x0t-mg .abE-vm__cell p{
  margin:0;color:var(--mg-text);font-weight:700;
  font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.6;
}

/* ---------- شريط الأرقام ---------- */
body.x0t-mg .abE-stats{background:var(--mg-panel);border-block:1px solid var(--mg-hair)}
body.x0t-mg .abE-stats__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:clamp(22px,3vw,44px);
}
body.x0t-mg .abE-stat{
  border-inline-start:2px solid var(--mg-hair2);
  padding-inline-start:clamp(16px,2vw,28px);
}
body.x0t-mg .abE-stat b{
  display:block;font-weight:900;letter-spacing:-.02em;line-height:.96;
  font-size:clamp(2.2rem,4.4vw,3.6rem);
  background:var(--mg-grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
body.x0t-mg .abE-stat__l{
  display:block;margin-top:12px;color:var(--mg-muted);
  font-size:14px;font-weight:600;line-height:1.6;
}
@media (max-width:760px){
  body.x0t-mg .abE-vm{grid-template-columns:1fr}
}


/* ===================================================================
   تصحيح حواف لوحة «الرؤية والرسالة» والفراغ تحتها
   ===================================================================
   كانت اللوحة تحمل صنف wrap بنفسها، فيُرسم إطارها وخلفيتها الشعرية عبر
   صندوق الحشو كلّه — بينما تشغل الخلايا صندوق المحتوى وحده. النتيجة
   شريطان رماديان على الطرفين بعرض --mg-shell لا ينتميان للتصميم أصلاً.
   الآن الغلاف عنصر مستقلّ والإطار على العنصر الداخلي، فينتهي الشريطان.
   =================================================================== */
body.x0t-mg .abE-vm__wrap{margin-top:clamp(38px,5vw,72px)}
body.x0t-mg .abE-vm{margin-top:0}

/* اللوحة آخر ما في قسم «من نحن»، وتحتها مباشرةً شريط الأرقام. الحشو
   السفلي للقسم (حتى 150px) كان يترك فجوة ميتة بينهما — يُلغى ليلتصق
   البلوكان، و-1px تُطابق حدّ اللوحة السفلي مع حدّ الشريط العلوي فلا
   يتضاعف الخطّ. */
body.x0t-mg .abE-who:has(.abE-vm){padding-bottom:0}
body.x0t-mg .abE-who:has(.abE-vm) .abE-vm__wrap{margin-bottom:-1px}