/* Noto Kufi Arabic — مضمّن ومقلّص للحروف المستعملة */
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/perf/font-6.woff2) format('woff2')}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/perf/font-5.woff2) format('woff2')}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/perf/font-4.woff2) format('woff2')}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/perf/font-3.woff2) format('woff2')}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/perf/font-2.woff2) format('woff2')}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/perf/font-1.woff2) format('woff2')}

:root{
  --ink:#1B1A18;
  --char:#2A2825;
  --body:#6E6A65;
  --mute:#9C9791;
  --white:#FFFFFF;
  --hair:#DFDCD7;
  --copper:#8A5A3B;
  --accent:#EE8C60;
  --wm:url("/assets/perf/img-51.webp");
  --map:url("/assets/perf/img-50.webp");
  --riyadh:url("/assets/perf/img-49.webp");
  --join:url("/assets/perf/img-48.webp");
  --card:url("/assets/perf/img-47.webp");
  --team:url("/assets/perf/img-46.webp");
  --hero-img:url("/assets/perf/img-45.webp");
  --shot:url("/assets/perf/img-44.webp");
  --pad:clamp(20px,4.4vw,72px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{background:var(--white);color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.lang-ar{font-family:'Noto Kufi Arabic',system-ui,sans-serif;line-height:1.9;font-weight:400}
body.lang-en{font-family:'Poppins',system-ui,sans-serif;line-height:1.72;font-weight:400}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
img{display:block;max-width:100%}

/* ——— الترويسة الثابتة ——— */
header{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--white);direction:ltr;
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px;
  padding:20px var(--pad);transition:box-shadow .35s;box-shadow:0 0 0 rgba(0,0,0,0)}
body.lang-ar nav{direction:rtl}
.tools{direction:ltr}
body.lang-ar .langmenu{direction:rtl}
header.scrolled{box-shadow:0 10px 30px -22px rgba(0,0,0,.28)}
.logo{display:block;justify-self:start;grid-column:1}
.mark{display:block;height:19px;aspect-ratio:1400/134;
  -webkit-mask:var(--wm) no-repeat center/contain;mask:var(--wm) no-repeat center/contain;
  background-color:var(--ink);transition:background-color .3s}
.logo:hover .mark{background-color:var(--copper)}
nav{position:absolute;top:calc(100% - 2px);left:auto;right:0;z-index:5;
  display:flex;flex-direction:column;align-items:stretch;gap:0;
  width:min(268px,78vw);background:var(--white);padding:6px 18px 10px;
  border:1px solid var(--hair);box-shadow:0 18px 40px -26px rgba(0,0,0,.42);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility .3s}
header.nav-open nav{opacity:1;visibility:visible;transform:none}
nav a,nav .soon{display:block;padding:11px 0;font-size:15px;color:var(--ink);white-space:nowrap;
  transition:color .25s}
nav a+a,nav a+.soon,nav .soon+a,nav .soon+.soon{border-top:1px solid var(--hair)}
nav a:hover{color:var(--copper)}
.tools{display:flex;align-items:center;gap:18px;justify-self:end;grid-column:2}
/* الترتيب من اليمين: زر القائمة (الشرطتان) ثم اللغة ثم حسابات التواصل */
.tools .social{order:1}.tools .langbox{order:2}.tools .menu-btn{order:3}
.tools .menu-btn{margin-inline-start:2px}
.social{display:flex;align-items:center;gap:12px}
.social a{display:block;color:var(--ink);opacity:.85;transition:color .3s,opacity .3s}
.social a:hover{color:var(--copper);opacity:1}
.social svg{display:block}
.menu-btn{display:grid;gap:5px;background:none;border:0;padding:6px 2px;cursor:pointer}
.menu-btn span{display:block;width:20px;height:1.6px;background:var(--ink);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .3s}
.menu-btn:hover span{background:var(--copper)}
header.nav-open .menu-btn span:first-child{transform:translateY(3.3px) rotate(45deg)}
header.nav-open .menu-btn span:last-child{transform:translateY(-3.3px) rotate(-45deg)}
.langbox{position:relative}
.lang{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;color:var(--ink);
  background:none;border:0;cursor:pointer;font-family:inherit;padding:5px 0}
.lang:hover{color:var(--copper)}
.lang svg{transition:transform .3s}
.lang[aria-expanded="true"] svg{transform:rotate(180deg)}
.langmenu{position:absolute;top:calc(100% + 10px);right:0;min-width:132px;background:var(--white);
  border:1px solid var(--hair);list-style:none;padding:5px 0;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .25s,transform .25s,visibility .25s;box-shadow:0 12px 30px rgba(0,0,0,.07)}
.langbox.open .langmenu{opacity:1;visibility:visible;transform:none}
.langmenu button{display:block;width:100%;text-align:start;background:none;border:0;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:400;color:var(--ink);padding:9px 18px;transition:background .2s,color .2s}
.langmenu button:hover{background:#F6F4F1;color:var(--copper)}
.langmenu button[aria-current="true"]{color:var(--copper)}
.top{position:fixed;inset-inline-end:clamp(16px,2.4vw,30px);bottom:clamp(16px,2.4vw,30px);z-index:40;
  width:46px;height:46px;border-radius:50%;border:1px solid var(--hair);background:rgba(255,255,255,.92);
  color:var(--ink);display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;
  transition:opacity .4s,background .3s,color .3s,border-color .3s;backdrop-filter:blur(6px)}
.top.show{opacity:1;pointer-events:auto}
.top:hover{background:var(--copper);color:#fff;border-color:var(--copper)}

/* ——— الغلاف الثابت ——— */
@keyframes swapIn{from{opacity:.25}to{opacity:1}}
.hero.swap .hero-inner{animation:swapIn .5s ease}
.hero{position:fixed;top:0;inset-inline:0;height:100vh;z-index:1;padding:92px var(--pad) var(--pad);display:flex}
.hero-panel{position:relative;flex:1;overflow:hidden;background:#1F1C19}
.hero-panel .shot{position:absolute;inset:-10% -12% -10% 0;background:var(--hero-img) 50% 8%/cover no-repeat;
  filter:saturate(.78) contrast(1.04);
  transform:scale(calc(1.08 + var(--cv,0) * .07)) translateY(calc(var(--cv,0) * 42px));
  transition:transform .3s cubic-bezier(.2,.7,.3,1)}
/* طبقة الستارة: الغلاف يغمق ويبتعد بينما تنزلق الصفحة فوقه */
.hero-panel::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:#0B0A09;opacity:calc(var(--cv,0) * .58)}
.hero-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(180deg,rgba(20,18,16,.34) 0%,rgba(20,18,16,.06) 34%,rgba(20,18,16,.72) 72%,rgba(20,18,16,.90) 100%)}
.hero-inner{position:absolute;inset-inline:clamp(24px,4vw,64px);bottom:clamp(30px,5vw,64px);z-index:2;
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,60px);align-items:end}
.hero h1{color:#fff;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
body.lang-ar .hero h1{font-size:clamp(38px,5.8vw,86px);line-height:1.18}
body.lang-en .hero h1{font-size:clamp(38px,5.7vw,84px);line-height:1.06;font-weight:700}
.hero-aside{padding-top:6px}
.hero-aside p{text-wrap:pretty;color:#fff;font-weight:500;font-size:clamp(16px,1.35vw,20px);line-height:1.75}

/* ——— هيكل عام ——— */
.page{position:relative;z-index:5;background:var(--white);margin-top:100vh;
  box-shadow:0 -34px 74px -34px rgba(0,0,0,.55)}
section{padding:clamp(56px,6.2vw,102px) var(--pad);scroll-margin-top:84px}
.eyebrow{font-size:15px;color:var(--ink);margin-bottom:clamp(22px,3vw,40px)}
.eyebrow em{font-style:normal;color:var(--mute);margin-inline-end:9px}
.split{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(30px,5vw,90px);align-items:start}
h2{font-weight:700;letter-spacing:-.022em;text-wrap:balance}
body.lang-ar h2{font-size:clamp(28px,3.4vw,50px);line-height:1.28}
body.lang-en h2{font-size:clamp(28px,3.3vw,48px);line-height:1.14;font-weight:600}
.aside p{text-wrap:pretty;font-weight:400;color:#514D48;font-size:clamp(15px,1.15vw,17px);line-height:1.85}
.pill{display:inline-flex;align-items:center;gap:14px;margin-top:30px;padding:13px 27px;
  border:1px solid var(--copper);border-radius:99px;color:var(--copper);font-size:15px;font-weight:500;
  transition:background .3s,color .3s}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--accent);display:block;transition:background .3s}
.pill:hover{background:var(--copper);color:#fff}
.pill:hover i{background:#fff}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,80px);align-items:center}
.about-copy{align-self:center;padding:clamp(6px,1.4vw,24px) 0}
.about-lede{margin-top:clamp(18px,2.2vw,28px);max-width:50ch;text-wrap:pretty;color:#514D48;line-height:1.9;
  opacity:0;transform:translateY(22px);transition:opacity 1.15s ease .55s,transform 1.25s cubic-bezier(.2,.75,.25,1) .55s}
body.lang-ar .about-lede{font-size:clamp(15.5px,1.2vw,17.5px)}
body.lang-en .about-lede{font-size:clamp(14.5px,1.05vw,16px);line-height:1.8}
.about-grid.in .about-lede{opacity:1;transform:none}
.curtain{position:relative;overflow:hidden;background:#26241F;aspect-ratio:16/9}
.join-band{position:relative;overflow:hidden;isolation:isolate;
  min-height:clamp(380px,62vh,600px);display:grid;align-items:center}
.join-band .shot{position:absolute;inset:0;background:var(--join) 50% 34%/cover no-repeat;
  filter:saturate(.85) contrast(1.02);transform:scale(1.18);transform-origin:50% 40%;
  transition:transform 1.4s cubic-bezier(.16,.7,.25,1)}
.join-band.in .shot{transform:scale(calc(1.16 - var(--jz,0) * .16))}
body.lang-ar .join-band .shot{background-position:78% 30%}
body.lang-en .join-band .shot{background-position:24% 30%}
.join-band .tint{position:absolute;inset:0}
body.lang-ar .join-band .tint{background:
  linear-gradient(to left,rgba(16,15,14,.90) 0%,rgba(16,15,14,.66) 34%,rgba(16,15,14,.14) 62%,rgba(16,15,14,0) 78%),
  linear-gradient(180deg,rgba(16,15,14,.20) 0%,rgba(16,15,14,0) 40%)}
body.lang-en .join-band .tint{background:
  linear-gradient(to right,rgba(16,15,14,.90) 0%,rgba(16,15,14,.66) 34%,rgba(16,15,14,.14) 62%,rgba(16,15,14,0) 78%),
  linear-gradient(180deg,rgba(16,15,14,.20) 0%,rgba(16,15,14,0) 40%)}
body.lang-en .join-inner{justify-self:start;text-align:start}
.join-inner{position:relative;z-index:2;padding:clamp(26px,3.4vw,56px);
  max-width:min(94%,600px);justify-self:start}
.join-inner h2{color:#fff;max-width:none;text-wrap:normal}
body.lang-ar .join-inner h2{font-size:clamp(20px,2.1vw,33px);line-height:1.34}
body.lang-en .join-inner h2{font-size:clamp(20px,2vw,31px);line-height:1.28}
.join-inner p{margin-top:clamp(12px,1.5vw,18px);color:rgba(255,255,255,.92);font-weight:400;
  line-height:1.8;text-wrap:pretty}
body.lang-ar .join-inner p{font-size:clamp(15px,1.15vw,17px)}
body.lang-en .join-inner p{font-size:clamp(14.5px,1.05vw,16px);line-height:1.75}
.join-cta{border-color:rgba(255,255,255,.6);color:#fff}
.join-cta:hover{background:#fff;color:var(--ink);border-color:#fff}
.join-cta svg{flex:0 0 auto}
.curtain .shot{position:absolute;inset:0;background:var(--team) center/cover no-repeat;
  filter:saturate(.82) contrast(1.02);transform:scale(1.14);
  transition:transform 1.9s cubic-bezier(.16,.7,.25,1) .15s}
.about-grid.in .curtain .shot{transform:scale(1)}
.curtain .veil{position:absolute;inset:0;background:var(--char);transform:scaleX(1);
  transition:transform 1.15s cubic-bezier(.72,0,.16,1)}
body.lang-ar .curtain .veil{transform-origin:0% 50%}
body.lang-en .curtain .veil{transform-origin:100% 50%}
.about-grid.in .curtain .veil{transform:scaleX(0)}

/* كلمات تخرج من خلف قناع */
.words.mask .wm{display:inline-block;overflow:hidden;padding:.16em .03em .26em;margin:-.16em -.03em -.26em}
.words.mask .w{display:inline-block;opacity:1;transform:translateY(116%);filter:none;
  transition:transform 1.35s cubic-bezier(.2,.8,.2,1)}
.words.mask.go .w{transform:none}

.banner{position:relative;padding:0;margin:clamp(6px,1.4vw,18px) var(--pad) clamp(48px,5.4vw,84px);
  min-height:clamp(340px,58vh,560px);display:grid;place-items:center;overflow:hidden;isolation:isolate;text-align:center}
.banner .shot{position:absolute;inset:-9% 0;background:var(--shot) center/cover no-repeat;
  transform:scale(1.24);transition:transform 1.5s cubic-bezier(.16,.7,.25,1),filter 1.6s ease;
  filter:saturate(.72) contrast(1.02);transform-origin:50% 46%}
.banner.on .shot{transform:scale(calc(1.20 - var(--pz,0) * .18)) translateY(var(--par,0px))}
.banner .tint{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(16,15,14,.62) 0%,rgba(16,15,14,.40) 45%,rgba(16,15,14,.78) 100%)}
.banner .inner{position:relative;z-index:2;padding:clamp(38px,6vw,80px) clamp(20px,4vw,60px)}
.big-line{margin:0 auto;max-width:22ch;text-wrap:balance;color:#fff;
  font-weight:700;letter-spacing:-.024em;line-height:1.24;font-size:clamp(28px,4.4vw,64px);
  text-shadow:0 2px 26px rgba(0,0,0,.45)}
.big-line .w{display:inline-block;opacity:0;transform:translateY(32px) rotate(1.4deg);filter:blur(7px);
  transition:opacity 1.1s ease,transform 1.3s cubic-bezier(.2,.75,.25,1),filter 1.1s ease}
.banner.on .big-line .w{opacity:1;transform:none;filter:none}

/* ===== نظام الحركة الشامل ===== */
/* الترويسة تنكمش عند النزول */
header{transition:border-color .3s,padding .45s cubic-bezier(.2,.7,.3,1)}
header.scrolled{padding-top:12px;padding-bottom:12px}
header .mark{transition:background-color .3s,height .45s cubic-bezier(.2,.7,.3,1)}
header.scrolled .mark{height:16px}
header .logo,header .tools{opacity:0;transform:translateY(-12px);animation:dropIn .8s cubic-bezier(.2,.75,.25,1) forwards}
header .tools{animation-delay:.12s}
@keyframes dropIn{to{opacity:1;transform:none}}

/* الشرطة في العنوان الفوقي تُرسم */
.eyebrow em{display:inline-block;overflow:hidden;max-width:0;vertical-align:middle;
  transition:max-width .9s cubic-bezier(.2,.7,.3,1) .15s}
.eyebrow.in em,.rise.in .eyebrow em{max-width:2.2em}

/* مؤشر النزول في الغلاف */
.scroll-cue{position:absolute;left:50%;transform:translateX(-50%);bottom:16px;z-index:3;
  display:grid;justify-items:center;opacity:0;animation:cueIn .9s ease 1.4s forwards}
.scroll-cue span{display:none}
.scroll-cue i{display:block;width:1px;height:44px;background:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,0));
  animation:cueRun 2.1s ease-in-out infinite}
@keyframes cueIn{to{opacity:1}}
@keyframes cueRun{0%{transform:scaleY(.2);transform-origin:top}
  50%{transform:scaleY(1);transform-origin:top}
  51%{transform:scaleY(1);transform-origin:bottom}
  100%{transform:scaleY(.2);transform-origin:bottom}}

/* البطاقات: حلقة تدور ببطء ورفعة عند المرور */
@keyframes spin{to{transform:rotate(360deg)}}
.disc{will-change:transform}
.disc .go{transition:letter-spacing .35s,color .45s}
.disc:hover .go{letter-spacing:.04em}

/* الأزرار: النقطة تنبض والسهم يتقدّم */
.pill i{animation:pulse 2.6s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.55);opacity:.55}}
.pill:hover i{animation:none}

/* بطاقات النشر */
/* حقول النموذج */
.form input,.form textarea{transition:border-color .35s}
.form .fieldline{position:relative;display:block}
.form textarea:focus{box-shadow:0 0 0 1px var(--copper) inset}

/* الخريطة */

/* التذييل */
footer .mark{transition:opacity .8s ease,transform .8s ease}

/* منظر متحرك خلف الغلاف والفاصل */
.hero-panel .shot,.banner .shot{will-change:transform}

/* ——— بطاقات التخصصات ——— */
.rail-wrap{margin-top:clamp(28px,3.2vw,48px)}
.acc{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,0.6vw,10px)}
.disc{position:relative;aspect-ratio:auto;height:clamp(250px,31vh,340px);overflow:hidden;cursor:pointer;background:#26241F;
  border:0;padding:0;text-align:start;font:inherit;color:inherit;contain:layout paint}
.disc .bg{position:absolute;inset:0;background:var(--img,var(--card)) center/cover no-repeat;
  filter:saturate(.7) contrast(1.03);will-change:transform;
  transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}
.disc:hover .bg{transform:scale(1.05)}
.disc .veil{position:absolute;z-index:1;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(16,15,13,.72) 0%,rgba(16,15,13,.60) 45%,rgba(16,15,13,.80) 100%)}
.disc .glass{position:absolute;z-index:1;inset:0;opacity:0;pointer-events:none;display:none;
  -webkit-backdrop-filter:blur(16px) saturate(.45);backdrop-filter:blur(16px) saturate(.45);will-change:opacity;
  background:linear-gradient(180deg,rgba(252,251,249,.93) 0%,rgba(252,251,249,.88) 45%,rgba(252,251,249,.95) 100%);
  transition:opacity .55s ease}
.disc h3{position:absolute;top:clamp(16px,1.4vw,22px);inset-inline:clamp(15px,1.3vw,22px);z-index:3;
  color:#fff;font-weight:400;font-size:clamp(15.5px,1.15vw,19px);line-height:1.45;letter-spacing:-.012em;
  text-wrap:balance;text-shadow:0 1px 12px rgba(0,0,0,.45);
  transition:color .45s ease,text-shadow .45s ease}
.disc .body{position:absolute;inset-inline:clamp(15px,1.3vw,22px);top:clamp(62px,5vw,84px);
  bottom:clamp(14px,1.2vw,20px);z-index:3;display:flex;flex-direction:column;pointer-events:none}
.disc .body p{color:rgba(255,255,255,.94);font-weight:400;font-size:13px;line-height:1.7;margin:0 0 auto;
  opacity:0;transform:translateY(10px);transition:opacity .4s ease .22s,transform .5s cubic-bezier(.2,.7,.3,1) .22s}
.disc:hover .body p,.disc.open .body p{opacity:1;transform:none}
.disc .body ul{list-style:none;margin:0;display:grid;gap:0}
.disc .body li{position:relative;color:rgba(255,255,255,.9);font-weight:400;font-size:12.5px;line-height:1.55;
  letter-spacing:.01em;padding:5px 0;text-shadow:0 1px 10px rgba(0,0,0,.4);opacity:1;transform:none;
  transition:opacity .5s ease,transform .6s cubic-bezier(.2,.75,.25,1),color .45s ease,text-shadow .45s ease}
.disc:hover .body li,.disc.open .body li{opacity:1;transform:none}
.disc .body li:nth-child(1){transition-delay:.34s}
.disc .body li:nth-child(2){transition-delay:.42s}
.disc .body li:nth-child(3){transition-delay:.50s}
.disc .body li:nth-child(4){transition-delay:.58s}
.disc .body li:nth-child(1)::after{transition-delay:.18s}
.disc .body li:nth-child(2)::after{transition-delay:.27s}
.disc .body li:nth-child(3)::after{transition-delay:.36s}
.disc .body li:nth-child(4)::after{transition-delay:.45s}
.disc .go{position:absolute;inset-inline-end:18px;bottom:18px;z-index:4;
  font-size:11.5px;font-weight:600;color:var(--accent);opacity:0;transition:opacity .4s}
.disc:hover .go,.disc.open .go{opacity:1}
.hint{margin-top:22px;font-size:13px;font-weight:400;color:var(--body)}


/* عمود نص المنهجية أوسع ليقصر إلى خمسة أسطر */
#method .split{grid-template-columns:.78fr 1.22fr;align-items:start}
#method .aside p{max-width:none;line-height:1.8}
body.lang-ar #method .aside p{font-size:clamp(15px,1.05vw,16.5px)}
body.lang-en #method .aside p{font-size:clamp(14.5px,1vw,15.5px);line-height:1.72}
@media (max-width:900px){#method .split{grid-template-columns:1fr}}

/* ——— مسرح المنهجية: خلفية تنكشف كستارة ——— */
/* المسرح: صورة ثابتة خلف القسم، تُكشف مع التمرير ثم يغشاها الظل */
.stage{--v:0;--t:0;position:relative;clip-path:inset(0);isolation:isolate;
  margin-top:clamp(26px,3vw,44px);
  padding:clamp(90px,14vh,190px) clamp(24px,3.2vw,58px) clamp(80px,12vh,170px)}
.stage .bgimg{position:fixed;inset:0;z-index:0;
  background:var(--riyadh) center 46%/cover no-repeat;
  transform:scale(calc(1.02 + var(--v,0) * .16));transform-origin:50% 46%;
  transition:transform .3s cubic-bezier(.2,.7,.3,1);will-change:transform}
.stage .wash{position:absolute;inset:0;z-index:1;background:#FBFAF8;
  opacity:calc(max(0, .94 - var(--v) * 1.45))}
.stage .shade{position:absolute;inset:0;z-index:1;background:#141311;
  opacity:calc(max(0, (var(--v) - .48) * 1.75))}
.stage .mgrid{position:relative;z-index:2;margin-top:0}

/* النص والأيقونات تنتقل من الغامق إلى الفاتح مع التمرير */
.stage-head{position:relative;z-index:2;margin-bottom:clamp(34px,4vw,64px)}
.stage h2{color:color-mix(in srgb, var(--ink), #ffffff calc(var(--t) * 100%))}
.stage .aside p{color:color-mix(in srgb, #514D48, #ffffff calc(var(--t) * 86%))}
.stage .mi h3{color:color-mix(in srgb, var(--ink), #ffffff calc(var(--t) * 100%))}
.stage .mi p{color:color-mix(in srgb, #514D48, #ffffff calc(var(--t) * 88%))}
.stage .mi .lbl{color:var(--copper)}
.stage.lit .mi .lbl{color:var(--accent)}
.stage .mi .ic .line{stroke:color-mix(in srgb, var(--ink), #ffffff calc(var(--t) * 100%))}

/* ——— المنهجيات الست ——— */
.mgrid{margin-top:clamp(34px,3.6vw,54px);display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(34px,4vw,62px) clamp(40px,5vw,86px)}
.mi{opacity:0;transform:translateY(26px);
  transition:opacity 1.1s ease,transform 1.2s cubic-bezier(.2,.75,.25,1)}
.stage.in .mi{opacity:1;transform:none}
.stage.in .mi:nth-child(2){transition-delay:.08s}
.stage.in .mi:nth-child(3){transition-delay:.16s}
.stage.in .mi:nth-child(4){transition-delay:.24s}
.stage.in .mi:nth-child(5){transition-delay:.32s}
.stage.in .mi:nth-child(6){transition-delay:.40s}
.mi .ic{display:block;width:58px;height:58px;margin-bottom:18px}
.mi .ic .fill{opacity:0;transform:scale(.55);transform-origin:center;transform-box:fill-box;
  translate:calc(var(--k,0) * 7px) calc(var(--k,0) * -9px);
  transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1),translate .25s linear}
.mi .ic .line{fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
  translate:calc(var(--k,0) * -4px) calc(var(--k,0) * 5px);
  stroke-dasharray:var(--d,240);stroke-dashoffset:var(--d,240);
  transition:stroke-dashoffset 1.25s cubic-bezier(.3,.7,.2,1) .12s}
.stage.in .mi .ic .fill{opacity:1;transform:none}
.stage.in .mi .ic .line{stroke-dashoffset:0}
.mi .ic .spin{transform-origin:center;transform-box:fill-box;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .1s;transform:rotate(-24deg)}
.stage.in .mi .ic .spin{transform:rotate(0deg)}
.mi .lbl{font-size:12.5px;letter-spacing:.1em;color:var(--copper);font-weight:600;margin-bottom:8px}
.mi h3{font-weight:700;letter-spacing:-.015em;line-height:1.55;margin-bottom:10px;max-width:22ch;text-wrap:balance}
body.lang-ar .mi h3{font-size:clamp(17px,1.4vw,21px)}
body.lang-en .mi h3{font-size:clamp(16px,1.3vw,20px);font-weight:500;line-height:1.35}
.mi p{color:#514D48;text-wrap:pretty;line-height:1.85;max-width:34ch}
body.lang-ar .mi p{font-size:14.8px}
body.lang-en .mi p{font-size:14px;line-height:1.75}

/* البطاقات تتسع لارتفاع شاشة اللابتوب */
@media (min-width:901px){
  .acc .disc{aspect-ratio:auto;height:clamp(230px,34vh,420px)}
  .disc .body{top:78px}
  .disc .body p{font-size:12.8px;line-height:1.62}
  .disc .body li{padding:5px 0;font-size:12.2px}
}
@media (min-width:901px) and (max-height:800px){
  section{padding-block:clamp(44px,5vw,74px)}
  .disc h3{top:16px;font-size:clamp(15.5px,1.2vw,19px)}
  .disc .body{top:64px;bottom:16px}
  .rail-wrap{margin-top:clamp(28px,3vw,44px)}
}

/* ——— قسم داكن ——— */
.dark{background:var(--char);color:#fff;position:relative;overflow:hidden;isolation:isolate;
  margin:clamp(20px,2.4vw,40px) var(--pad);padding:clamp(44px,5vw,80px) clamp(26px,3.4vw,64px);min-height:clamp(340px,58vh,560px)}
.dark>*{position:relative;z-index:2}
.globe{position:absolute;z-index:1;pointer-events:none;
  inset-inline-end:-6%;bottom:-6%;width:min(86%,1180px);aspect-ratio:2481/1097;
  -webkit-mask:var(--map) center/contain no-repeat;mask:var(--map) center/contain no-repeat;
  background:linear-gradient(115deg,rgba(238,140,96,.62) 0%,rgba(238,140,96,.24) 42%,rgba(255,255,255,.16) 100%);
  opacity:0;transform:translateY(26px) scale(1.05);
  transition:opacity 1.4s ease .1s,transform 1.8s cubic-bezier(.2,.75,.25,1) .1s}
.dark.in .globe{opacity:1;transform:none}
.globe::after{content:"";position:absolute;inset:0;
  -webkit-mask:inherit;mask:inherit;
  background:radial-gradient(38% 60% at 22% 46%,rgba(255,255,255,.7),transparent 70%);
  animation:sweep 9s ease-in-out infinite}
@keyframes sweep{0%,100%{opacity:.20;transform:translateX(-6%)}50%{opacity:.55;transform:translateX(10%)}}
.dark .eyebrow{color:#fff}
.dark .eyebrow em{color:rgba(255,255,255,.45)}
.dark .aside p{color:rgba(255,255,255,.7)}
.stats b{display:block;font-weight:500;color:#fff}
.stats span{text-wrap:pretty;display:block;font-size:14.5px;font-weight:400;line-height:1.65}
.lead-line{font-weight:700;color:#fff!important;margin-bottom:18px;text-wrap:balance}
body.lang-ar .lead-line{font-size:clamp(19px,1.75vw,27px);line-height:1.6;letter-spacing:-.012em}
body.lang-en .lead-line{font-size:clamp(21px,2.1vw,32px);line-height:1.25;font-weight:600;letter-spacing:-.018em}
/* الأرقام: ثلاثة في الصف، الرقم فوق ووصفه تحته */
.stats{margin-top:clamp(44px,5.4vw,78px);display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(30px,3.6vw,54px) clamp(20px,2.4vw,40px)}
.stats div{padding:0;transition:opacity .7s ease,transform .7s ease}
.stats b{font-size:clamp(34px,3.6vw,54px);line-height:1.05;letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;transition:color .4s;margin-bottom:10px}
.stats div:hover b{color:var(--accent)}
.stats span{margin-top:0;max-width:26ch;color:rgba(255,255,255,.8)}
.fine{text-wrap:pretty;margin-top:26px;font-size:13px;font-weight:400;color:rgba(255,255,255,.55)}

/* ——— التواصل ——— */
.display{letter-spacing:-.022em;max-width:26ch;text-wrap:balance}
body.lang-ar .display{font-size:clamp(28px,3.4vw,50px);line-height:1.28}
body.lang-en .display{font-size:clamp(28px,3.3vw,48px);line-height:1.2}
.display-sub{margin-top:16px;max-width:62ch;text-wrap:pretty;font-weight:400;
  font-size:clamp(15px,1.15vw,17.5px);line-height:1.9;color:#514D48}
.contact-grid{margin-top:clamp(34px,3.8vw,58px);display:grid;
  grid-template-columns:1.12fr .82fr 1.16fr;gap:clamp(26px,2.8vw,46px);align-items:start}
.col-title{text-wrap:balance;font-weight:700;font-size:clamp(19px,1.75vw,25px);letter-spacing:-.015em;margin-bottom:clamp(26px,3vw,40px)}
.offices-block{margin-top:0}
.offices{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(22px,2.4vw,32px) clamp(16px,1.8vw,26px)}
.office h4{font-weight:600;font-size:13px;letter-spacing:.07em;color:var(--copper);margin-bottom:9px}
body.lang-en .office h4{text-transform:uppercase}
.office p{font-size:13.5px;font-weight:400;color:#4E4A46;line-height:1.75}
.office .tel{display:inline-block;margin-top:11px;font-size:13.5px;font-weight:400;border-bottom:1px solid var(--ink);padding-bottom:2px}
.office .tel:hover{color:var(--copper);border-color:var(--copper)}
.enq p.label{font-size:15px;font-weight:400;color:var(--body);margin-bottom:11px}
.enq a{display:inline-block;font-size:13.5px;font-weight:400;color:var(--copper);border-bottom:1px solid var(--copper);padding-bottom:2px}
.enq a:hover{color:var(--accent);border-color:var(--accent)}
.enq .gap{height:12px}

/* ——— الخريطة ——— */
.map-col{display:flex;flex-direction:column;padding-top:calc(clamp(19px,1.75vw,25px) + clamp(26px,3vw,40px))}
.map{margin-top:0;position:relative;width:100%;height:clamp(320px,42vh,460px);
  overflow:hidden;background:#EFEDE9}
.map iframe{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;display:block;
  opacity:0;filter:grayscale(1) contrast(.94) brightness(1.03);transition:opacity .7s ease,filter .6s}
.map iframe.ready{opacity:1}
.map:hover iframe{filter:none}
.map-fallback{position:absolute;inset:0;z-index:1;display:grid;align-content:center;justify-items:center;
  gap:5px;text-align:center;padding:22px;
  background:radial-gradient(120% 100% at 30% 22%,#F4F2EE 0%,#E6E3DD 100%)}
.map-fallback b{font-size:14.5px;font-weight:600;color:var(--ink)}
.map-fallback span{font-size:13px;font-weight:400;color:var(--body)}
.mf-pin{width:11px;height:11px;border-radius:50%;background:var(--copper);
  box-shadow:0 0 0 7px rgba(138,90,59,.14);margin-bottom:12px}
.map-link{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:400;color:var(--copper);
  border-bottom:1px solid var(--copper);padding-bottom:2px}
.map-link:hover{color:var(--accent);border-color:var(--accent)}

/* ——— نموذج التواصل ——— */
.form textarea{width:100%;border:1px solid var(--hair);background:none;font-family:inherit;
  font-size:15px;font-weight:400;color:var(--ink);padding:18px 20px;min-height:190px;line-height:1.85;resize:vertical}
.form .row{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,44px)}
.form input{width:100%;border:0;border-bottom:1px solid var(--hair);background:none;font-family:inherit;
  font-size:15px;font-weight:400;color:var(--ink);padding:9px 0}
.form textarea:focus,.form input:focus{outline:0;border-color:var(--copper)}
.form ::placeholder{color:var(--mute);opacity:1;font-weight:400}
.send{margin-top:34px;display:inline-flex;align-items:center;gap:13px;background:none;border:0;
  font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;transition:color .3s,gap .3s}
.send:hover{color:var(--copper);gap:19px}
body.lang-ar .send svg{transform:scaleX(-1)}
.form-note{margin-top:14px;min-height:1em;font-size:12.5px;font-weight:400;color:var(--body);line-height:1.7}
.office em{font-style:normal;display:block;font-size:12px;font-weight:400;color:var(--mute);margin:0 0 10px}

footer{background:var(--char);padding:clamp(40px,5vw,64px) var(--pad)}
.foot-row{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
  font-size:13px;font-weight:400;color:rgba(255,255,255,.72)}
.copy{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.copy .yr{unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.wm-text{font-family:'Poppins',system-ui,sans-serif;white-space:nowrap;color:#fff;
  font-size:14px;line-height:1;transform:translateY(1px)}
.wm-text i{font-style:normal;font-weight:300;letter-spacing:.2em}
.wm-text b{font-weight:700;letter-spacing:.04em}
@media (max-width:640px){
  .foot-row{flex-direction:column;align-items:center;gap:14px;text-align:center}
  .copy{justify-content:center}
}

.words .w{display:inline-block;opacity:0;transform:translateY(22px);
  transition:opacity 1s ease,transform 1.15s cubic-bezier(.2,.75,.25,1)}
.words.go .w{opacity:1;transform:none}
.disc{opacity:0;transform:translateY(28px);
  transition:opacity 1.05s ease,transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .45s ease}
.acc.in .disc,.rail-wrap.in .disc{opacity:1;transform:none}
.acc.in .disc:hover{transform:translateY(-6px);box-shadow:0 22px 44px -28px rgba(0,0,0,.55)}
.acc.in .disc:nth-child(1){transition-delay:.00s}
.acc.in .disc:nth-child(2){transition-delay:.07s}
.acc.in .disc:nth-child(3){transition-delay:.14s}
.acc.in .disc:nth-child(4){transition-delay:.21s}
.acc.in .disc:nth-child(5){transition-delay:.28s}
.acc.in .disc:nth-child(6){transition-delay:.35s}
.acc.in .disc:nth-child(7){transition-delay:.42s}
.acc.in .disc:nth-child(8){transition-delay:.49s}
.hero-inner>*{opacity:0;transform:translateY(24px);animation:heroIn .95s cubic-bezier(.2,.75,.25,1) .25s forwards}
.hero-inner>*:last-child{animation-delay:.5s}
@keyframes heroIn{to{opacity:1;transform:none}}
.stats div{opacity:0;transform:translateY(22px);transition:opacity 1.05s ease,transform 1.1s cubic-bezier(.2,.7,.3,1)}
.stats.in div{opacity:1;transform:none}
.stats.in div:nth-child(2){transition-delay:.09s}
.stats.in div:nth-child(3){transition-delay:.18s}
.stats.in div:nth-child(4){transition-delay:.27s}
.office{position:relative;opacity:0;transform:translateY(24px);filter:blur(5px);
  transition:opacity .95s ease,transform 1.05s cubic-bezier(.2,.75,.25,1),filter .9s ease}
.office::before{content:"";position:absolute;top:-13px;inset-inline:0;height:1px;background:var(--hair);
  transform:scaleX(0);transition:transform 1.15s cubic-bezier(.22,1,.36,1)}
.office::after{content:"";position:absolute;top:-14px;inset-inline-start:0;width:24px;height:3px;
  background:var(--copper);opacity:0;transform:translateY(-4px);
  transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}
body.lang-ar .office::before{transform-origin:100% 50%}
body.lang-en .office::before{transform-origin:0 50%}
.offices.in .office{opacity:1;transform:none;filter:none}
.offices.in .office::before{transform:scaleX(1)}
.offices.in .office::after{opacity:.9;transform:none}
.offices.in .office:nth-child(2){transition-delay:.06s}
.offices.in .office:nth-child(3){transition-delay:.12s}
.offices.in .office:nth-child(4){transition-delay:.18s}
.offices.in .office:nth-child(5){transition-delay:.24s}
.offices.in .office:nth-child(6){transition-delay:.30s}
.offices.in .office:nth-child(1)::before,.offices.in .office:nth-child(1)::after{transition-delay:.02s}
.offices.in .office:nth-child(2)::before,.offices.in .office:nth-child(2)::after{transition-delay:.10s}
.offices.in .office:nth-child(3)::before,.offices.in .office:nth-child(3)::after{transition-delay:.18s}
.offices.in .office:nth-child(4)::before,.offices.in .office:nth-child(4)::after{transition-delay:.26s}
.offices.in .office:nth-child(5)::before,.offices.in .office:nth-child(5)::after{transition-delay:.34s}
.offices.in .office:nth-child(6)::before,.offices.in .office:nth-child(6)::after{transition-delay:.42s}
.rise{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1)}
.rise.in{opacity:1;transform:none}

/* ——— اتساق بصري بين كايرو وبوبينز ——— */
body.lang-ar nav a{font-size:15.5px;font-weight:600}
body.lang-en nav a{font-size:14.5px;font-weight:400}
body.lang-ar .eyebrow{font-size:15.5px}
body.lang-en .eyebrow{font-size:14.5px}
body.lang-ar .aside p,body.lang-ar .display-sub{font-size:clamp(15.5px,1.2vw,17.5px)}
body.lang-en .aside p,body.lang-en .display-sub{font-size:clamp(14.5px,1.05vw,16px);line-height:1.75}
body.lang-ar .office p,body.lang-ar .office .tel,body.lang-ar .enq a{font-size:14px}
body.lang-en .office p,body.lang-en .office .tel,body.lang-en .enq a{font-size:13.5px}
body.lang-ar .disc .body p{font-size:14.5px}
body.lang-en .disc .body p{font-size:13.5px;font-weight:400}
body.lang-ar .disc .body li{font-size:13.5px}
body.lang-en .disc .body li{font-size:12.5px}
body.lang-ar .stats span{font-size:14.5px}
body.lang-en .stats span{font-size:13.5px}
body.lang-ar body.lang-en body.lang-en .pill,body.lang-en .send,body.lang-en .lang{font-weight:500}
body.lang-ar .pill,body.lang-ar .send,body.lang-ar .lang{font-weight:600}
body.lang-en .big-line{font-weight:700}

/* ——— لوح وجوال ——— */
@media (max-width:1240px){
  body.lang-ar nav a{font-size:14.5px}
  body.lang-en nav a{font-size:13.5px}
}
@media (max-width:1024px){
  .stats{gap:24px 20px}
  .stats b{font-size:clamp(28px,3.4vw,40px)}
  body.lang-ar .stats span{font-size:13px}
  header{grid-template-columns:auto 1fr;row-gap:0;padding:16px var(--pad)}
  .logo{grid-column:1;grid-row:1}
  .tools{grid-column:2;grid-row:1}
  .hero{padding-top:112px}
  section{scroll-margin-top:112px}
}
@media (max-width:1024px){.mgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .about-grid{grid-template-columns:1fr}
  .about-copy h2 br{display:none}
  .about-lede{max-width:none}
  .curtain{aspect-ratio:16/9}
}
@media (max-width:1200px){.acc{grid-template-columns:repeat(3,1fr)}
  .contact-grid{grid-template-columns:1fr 1fr;gap:34px}
  .offices-block{grid-column:1 / -1;margin-top:14px}}
@media (max-width:1100px){
  .split,.hero-inner{grid-template-columns:1fr}
  .map-col{padding-top:0}
  .map{height:clamp(260px,36vh,360px)}
  .hero-aside{border-top:0;padding-top:14px}
}
@media (max-width:820px){
  .contact-grid{grid-template-columns:1fr}
  .form .row{grid-template-columns:1fr;gap:24px}
}
@media (max-width:900px){
  .globe{width:132%;inset-inline-end:-30%;bottom:-4%;top:auto}
  .dark.in .globe{opacity:.30}
  .scroll-cue{display:none}
}
@media (max-width:1100px){
  .join-inner{max-width:100%;justify-self:stretch}
  body.lang-ar .join-band .tint,body.lang-en .join-band .tint{
    background:linear-gradient(180deg,rgba(16,15,14,.28) 0%,rgba(16,15,14,.55) 45%,rgba(16,15,14,.92) 100%)}
  .join-band{align-items:end;min-height:clamp(420px,68vh,620px)}
  body.lang-en .join-inner{justify-self:stretch}
  body.lang-ar .join-band .shot,body.lang-en .join-band .shot{background-position:50% 22%}
}
@media (max-width:680px){
  /* الخدمات: قائمة رأسية بلا خلفية، تُفتح باللمس */
  .acc{display:block}
  .acc .disc{display:block;width:100%;height:auto;aspect-ratio:auto;background:none;
    padding:9px 0;border:0;contain:none;box-shadow:none!important}
  .acc.in .disc:hover{transform:none;box-shadow:none}
  .disc .bg,.disc .veil,.disc .glass{display:none}
  .acc .disc{border-bottom:1px solid var(--hair)}
  .acc .disc:last-child{border-bottom:0}
  .disc h3{position:relative;inset:auto;color:var(--ink);text-shadow:none;
    font-size:16px;font-weight:600;line-height:1.5;padding-inline-end:30px;
    transition:color .3s ease}
  .acc .disc.open h3{color:var(--copper)}
  .disc h3::after{content:"";position:absolute;inset-inline-end:4px;top:8px;width:8px;height:8px;
    border-inline-end:1.6px solid var(--copper);border-bottom:1.6px solid var(--copper);
    transform:rotate(45deg);transform-origin:center;transition:transform .35s ease;opacity:.85}
  .acc .disc.open h3::after{transform:rotate(-135deg)}
  .disc .body{position:static;inset:auto;width:auto;pointer-events:auto;display:block;
    opacity:1;max-height:0;overflow:hidden;
    transition:max-height .55s cubic-bezier(.22,1,.36,1),opacity .35s ease}
  .acc .disc.open .body{max-height:600px}
  .disc .body p,.disc .body li{opacity:1!important;transform:none!important;transition-delay:0s!important}
  .disc .body p{color:#514D48;text-shadow:none;font-size:13.3px;line-height:1.7;margin:8px 0 6px}
  .disc .body li{color:#6E6A65;text-shadow:none;font-size:12.4px;line-height:1.5;padding:3px 0}
  .disc .body li::before{content:"—";color:var(--copper);opacity:.55;margin-inline-end:7px}

  /* ترويسة بسطر واحد: زر قائمة ثم اللغة ثم الحسابات */
  header{padding-block:14px;grid-template-columns:auto 1fr;row-gap:0}
  .mark{height:16px}
  .tools{grid-column:2;grid-row:1;gap:12px;justify-self:end}
  nav{width:min(252px,72vw)}

  /* ارتفاعات أقصر حتى يُقرأ كل قسم في شاشة واحدة */
  .hero{padding-top:104px}
  .hero-panel{min-height:56vh}
  .banner{min-height:clamp(280px,44vh,400px)}
  .join-band{min-height:clamp(360px,56vh,520px)}
  .dark{min-height:0;padding-block:clamp(38px,7vw,56px)}
  .stage{padding:56px 20px}
  section{scroll-margin-top:104px}

  .stage{padding:70px 20px}

  /* المنهجيات: عمودان متوازنان */
  .mgrid{grid-template-columns:repeat(2,1fr);gap:30px 20px;margin-top:34px}
  .mi{padding:0}

  .mi .ic{width:40px;height:40px;margin-bottom:12px}
  .mi .lbl{font-size:11.5px;letter-spacing:.06em;margin-bottom:6px}
  .mi h3{margin-bottom:7px;max-width:none}
  body.lang-ar .mi h3{font-size:15.5px;line-height:1.5}
  body.lang-en .mi h3{font-size:15px}
  .mi p{max-width:none}
  body.lang-ar .mi p{font-size:13.5px;line-height:1.75}
  body.lang-en .mi p{font-size:13px;line-height:1.7}

  /* نصوص موزونة لا تمتد من حافة إلى حافة */
  .display{max-width:none}
  .display-sub{max-width:34ch;text-wrap:balance}
  body.lang-en .display-sub{max-width:42ch}
  .aside p,.lede,.about-lede{max-width:none}
  .hero-copy p{max-width:30ch}
  .about-lede{margin-top:16px}

  .offices{grid-template-columns:repeat(2,1fr);gap:24px 18px}
  .contact-grid{gap:38px}
  .col-title{margin-bottom:22px}
  .stats{grid-template-columns:1fr;gap:26px;margin-top:32px}
  .stats b{font-size:32px;margin-bottom:6px}
  .stats span{max-width:none}
  body.lang-ar .stats span{font-size:13.8px;line-height:1.7}
  body.lang-en .stats span{font-size:13.2px}
  .form textarea{min-height:150px}
}
@media (max-width:720px){
  section{padding:clamp(46px,9vw,72px) var(--pad)}
  /* الغلاف يملأ الشاشة كاملة فلا يظهر طرف القسم التالي */
  .hero{position:fixed;height:100vh;height:100svh;min-height:0;
    padding:96px var(--pad) calc(var(--pad) + env(safe-area-inset-bottom,0px))}
  .hero-panel{min-height:0;height:100%}
  .hero-panel .shot{inset:0;background-position:66% 34%;
    transform:scale(calc(1.02 + var(--cv,0) * .09)) translateY(0)}
  .hero-inner{bottom:clamp(26px,6vw,44px)}
  .page{margin-top:100vh;margin-top:100svh}
  .rules div:first-child{max-width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}
  .hero-inner>*,.disc,.stats div,.office,.words .w,.about-lede,.mi{opacity:1;transform:none;filter:none}
  .mi .ic .fill{opacity:1;transform:none}
  .mi .ic .line{stroke-dashoffset:0}
  .mi .ic .spin{transform:none}
  .mi .ic .fill,.mi .ic .line{translate:none}
  .stage .bgimg{position:absolute}
  .curtain .veil{display:none}
  .prog,.scroll-cue{display:none}
  header>*{opacity:1;transform:none}
  .banner .shot{transform:none}
  .hero-panel .shot{transform:scale(1.08)}
  .globe{opacity:1;transform:none}.rise{opacity:1;transform:none}html{scroll-behavior:auto}}

/* ===== بطاقات الخدمات المحدثة: محتوى مرن حتى ست خدمات ===== */
.disc .body li:nth-child(5){transition-delay:.66s}
.disc .body li:nth-child(6){transition-delay:.74s}
@media (min-width:681px){
  .acc{gap:clamp(8px,.7vw,12px)}
  .acc .disc{display:flex;flex-direction:column;height:auto;
    min-height:clamp(400px,50vh,470px);padding:clamp(20px,1.7vw,28px)}
  .acc .disc h3{position:relative;inset:auto;z-index:3;padding-bottom:14px;margin-bottom:12px}
  .acc .disc h3::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:26px;height:2px;
    background:var(--accent);transition:width .6s cubic-bezier(.22,1,.36,1)}
  .acc .disc:hover h3::after,.acc .disc.open h3::after{width:64px}
  body.lang-ar .acc .disc h3{font-size:clamp(17px,1.3vw,21px);font-weight:600}
  body.lang-en .acc .disc h3{font-size:clamp(16px,1.2vw,19.5px);font-weight:500}
  .acc .disc .body{position:relative;inset:auto;z-index:3;flex:1;display:flex;flex-direction:column}
  .acc .disc .body p{opacity:1;transform:none;margin:0 0 auto;padding-bottom:24px;max-width:36ch;
    color:rgba(255,255,255,.93);text-shadow:0 1px 14px rgba(0,0,0,.6);transition:color .4s ease}
  .acc .disc:hover .body p,.acc .disc.open .body p{color:#fff}
  body.lang-ar .acc .disc .body p{font-size:14px;line-height:1.8}
  body.lang-en .acc .disc .body p{font-size:13.2px;line-height:1.65}
  .acc .disc .body li{padding:7px 0;padding-inline-start:20px;border-top:1px solid rgba(255,255,255,.14);
    color:rgba(255,255,255,.86)}
  .acc .disc .body li::before{content:"";position:absolute;inset-inline-start:0;top:calc(7px + .78em);
    width:10px;height:1.5px;background:var(--accent);opacity:.9}
  .acc .disc:hover .body li,.acc .disc.open .body li{color:#fff}
  body.lang-ar .acc .disc .body li{font-size:13.4px;line-height:1.6}
  body.lang-en .acc .disc .body li{font-size:12.6px;line-height:1.5}
}
/* آيباد ولابتوب صغير: عمودان متوازنان بدل ثلاثة */
@media (min-width:681px) and (max-width:1200px){
  .acc{grid-template-columns:repeat(2,1fr)}
  .acc .disc{min-height:clamp(380px,40vh,440px)}
  .acc .disc .body p{max-width:44ch}
}

/* ===== مختبر الابتكار ===== */
.ih{padding-block:clamp(20px,2.4vw,40px)}
.ih-panel{--lab:url("/assets/perf/img-43.webp");position:relative;overflow:hidden;isolation:isolate;
  background:#ECEBE8;min-height:clamp(600px,78vh,820px);display:flex;align-items:center}
.ih-shot{position:absolute;inset:0;z-index:0;background:var(--lab) 78% 30%/cover no-repeat;
  filter:saturate(.9);transform:scale(1.06);transition:transform 2.2s cubic-bezier(.16,.7,.25,1)}
[dir="rtl"] .ih-shot{transform:scaleX(-1) scale(1.06)}
.ih.ih-in .ih-shot{transform:scale(1)}
[dir="rtl"] .ih.ih-in .ih-shot{transform:scaleX(-1) scale(1)}
.ih-wash{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to right,#ECEBE8 0%,rgba(236,235,232,.94) 34%,rgba(236,235,232,.55) 52%,rgba(236,235,232,0) 70%)}
[dir="rtl"] .ih-wash{background:linear-gradient(to left,#ECEBE8 0%,rgba(236,235,232,.94) 34%,rgba(236,235,232,.55) 52%,rgba(236,235,232,0) 70%)}
.ih-inner{position:relative;z-index:2;width:100%;padding:clamp(40px,5vw,90px) clamp(26px,5vw,96px)}
.ih-lockup{display:inline-grid;justify-items:end;gap:clamp(4px,.6vw,10px);margin-bottom:clamp(34px,4.4vw,70px)}
[dir="rtl"] .ih-lockup{justify-self:end}
.ih-mark{display:block;height:clamp(24px,3.1vw,50px);aspect-ratio:1400/134;background-color:var(--ink);
  -webkit-mask:var(--wm) no-repeat center/contain;mask:var(--wm) no-repeat center/contain}
.ih-tag{color:var(--ink);line-height:1;white-space:nowrap}
body.lang-en .ih-tag{font-family:'Poppins',system-ui,sans-serif;font-weight:400;letter-spacing:.16em;font-size:clamp(12px,1.35vw,21px)}
body.lang-ar .ih-tag{font-family:'Noto Kufi Arabic',system-ui,sans-serif;font-weight:500;font-size:clamp(13px,1.35vw,21px);direction:rtl}
.ih-title{max-width:24ch;color:var(--ink)}
body.lang-en .ih-title{max-width:17ch}
.ih.ih-settled .ih-shot{transition:none}
.ih-lede{margin-top:clamp(18px,2vw,28px);max-width:46ch;color:#4A4642;text-wrap:pretty;line-height:1.85}
body.lang-ar .ih-lede{font-size:clamp(15px,1.15vw,17px)}
body.lang-en .ih-lede{font-size:clamp(14.5px,1.05vw,16px);line-height:1.75}
.ih-caps{list-style:none;margin-top:clamp(44px,6vw,110px);max-width:1120px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(18px,2.6vw,44px)}
.ih-caps li{position:relative;display:flex;align-items:center;gap:14px;padding:clamp(16px,1.6vw,24px) 0;
  color:var(--ink);line-height:1.4;opacity:0;transform:translateY(14px);
  transition:opacity .8s ease,transform .9s cubic-bezier(.2,.75,.25,1);transition-delay:calc(var(--i) * 80ms + .2s)}
.ih-caps li::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:rgba(27,26,24,.22);
  transform:scaleX(0);transform-origin:var(--o,0% 50%);transition:transform 1.1s cubic-bezier(.22,1,.36,1);
  transition-delay:calc(var(--i) * 80ms)}
[dir="rtl"] .ih-caps li::before{--o:100% 50%}
body.lang-ar .ih-caps li{font-size:clamp(14.5px,1.12vw,17px);font-weight:600}
body.lang-en .ih-caps li{font-size:clamp(14px,1.08vw,16.5px);font-weight:500}
.ih.ih-in .ih-caps li{opacity:1;transform:none}
.ih.ih-in .ih-caps li::before{transform:scaleX(1)}
.ih-ic{flex:0 0 auto;width:26px;height:26px;fill:none;stroke:var(--ink);stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}
.ih-caps li:hover .ih-ic{stroke:var(--copper);transform:translateY(-2px)}

/* آيباد: الصورة تبقى خلفية وتقوى الطبقة الفاتحة */
@media (max-width:1100px){
  .ih-panel{min-height:0}
  .ih-shot{background-position:82% 24%}
  .ih-wash{background:linear-gradient(to right,rgba(236,235,232,.97) 0%,rgba(236,235,232,.88) 50%,rgba(236,235,232,.35) 100%)}
  [dir="rtl"] .ih-wash{background:linear-gradient(to left,rgba(236,235,232,.97) 0%,rgba(236,235,232,.88) 50%,rgba(236,235,232,.35) 100%)}
  .ih-caps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* جوال: الصورة في الأعلى والمحتوى تحتها */
@media (max-width:680px){
  .ih-panel{display:block;margin-inline:calc(var(--pad) * -1)}
  .ih-shot{position:relative;display:block;height:clamp(240px,62vw,320px);background-position:74% 30%}
  .ih-wash{top:0;bottom:auto;height:clamp(240px,62vw,320px);
    background:linear-gradient(180deg,rgba(236,235,232,0) 55%,#ECEBE8 100%)!important}
  .ih-inner{margin-top:-6px;padding:0 var(--pad) 44px}
  .ih-lockup{margin-bottom:26px}
  .ih-mark{height:26px}
  .ih-title br{display:none}
  .ih-title{max-width:none}
  .ih-caps{grid-template-columns:1fr;margin-top:34px}
  .ih-caps li{padding:14px 0}
  .ih-ic{width:22px;height:22px}
}
@media (prefers-reduced-motion:reduce){
  .ih-caps li{opacity:1;transform:none}
  .ih-caps li::before{transform:none}
}

/* ===== CrossWire: منصة النشر ===== */
.cw{padding-block:clamp(20px,2.4vw,40px)}
.cw-panel{--cw:url("/assets/perf/img-42.webp");position:relative;overflow:hidden;isolation:isolate;
  background:#0E1117;color:#EEEAE2;min-height:clamp(640px,86vh,860px)}
.cw-shot{position:absolute;inset:0;z-index:0;background:var(--cw) 70% 30%/cover no-repeat;
  filter:saturate(.75) brightness(.72)}
[dir="rtl"] .cw-shot{transform:scaleX(-1)}
.cw-tint{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(to right,rgba(10,13,20,.94) 0%,rgba(10,13,20,.80) 38%,rgba(10,13,20,.35) 62%,rgba(10,13,20,.62) 100%),
  linear-gradient(180deg,rgba(10,13,20,0) 55%,rgba(10,13,20,.85) 100%)}
[dir="rtl"] .cw-tint{background:
  linear-gradient(to left,rgba(10,13,20,.94) 0%,rgba(10,13,20,.80) 38%,rgba(10,13,20,.35) 62%,rgba(10,13,20,.62) 100%),
  linear-gradient(180deg,rgba(10,13,20,0) 55%,rgba(10,13,20,.85) 100%)}
.cw-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  grid-template-areas:"copy wall" "stats wall";column-gap:clamp(30px,5vw,90px);
  padding:clamp(44px,5.4vw,96px) clamp(26px,5vw,96px) clamp(36px,4vw,64px);min-height:inherit}
.cw-copy{grid-area:copy;align-self:center}
.cw-title{color:#F4F0E8;max-width:20ch}
body.lang-ar .cw-title{max-width:none}
.cw-lede{margin-top:clamp(16px,1.8vw,26px);max-width:50ch;color:rgba(238,234,226,.82);line-height:1.85;text-wrap:pretty}
body.lang-ar .cw-lede{font-size:clamp(15px,1.15vw,17px)}
body.lang-en .cw-lede{font-size:clamp(14.5px,1.05vw,16px);line-height:1.75}
.cw-lockup{display:inline-grid;justify-items:end;margin-top:clamp(34px,4vw,64px)}
.cw-mark{display:block;height:clamp(24px,2.6vw,44px);aspect-ratio:1400/134;background-color:#F4F0E8;
  -webkit-mask:var(--wm) no-repeat center/contain;mask:var(--wm) no-repeat center/contain}
.cw-name{font-family:'Poppins',system-ui,sans-serif;font-weight:300;letter-spacing:.14em;color:#F4F0E8;
  font-size:clamp(26px,3vw,50px);line-height:1.15;margin-top:4px}
.cw-tag{margin-top:6px;font-size:12.5px;color:rgba(238,234,226,.7);white-space:nowrap}
body.lang-ar .cw-tag{font-family:'Noto Kufi Arabic',system-ui,sans-serif;font-size:13px;direction:rtl}

/* جدار الشعارات: ثلاثة أعمدة تنساب ببطء */
.cw-wallbox{grid-area:wall;display:flex;flex-direction:column;justify-content:center;min-height:0}
.cw-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,34px);height:clamp(460px,64vh,640px);
  overflow:hidden;-webkit-mask:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);
  mask:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.cw-col{overflow:hidden}
.cw-track{display:flex;flex-direction:column;animation:cwUp var(--dur) linear infinite}
.cw-col:nth-child(2) .cw-track{animation-direction:reverse}
.cw-wall:hover .cw-track{animation-play-state:running}
.cw-set{display:flex;flex-direction:column;align-items:center;gap:clamp(30px,3.4vw,46px);padding-bottom:clamp(30px,3.4vw,46px)}
@keyframes cwUp{to{transform:translateY(-50%)}}
.cw-logo{display:block;flex:0 0 auto;background:var(--u) center/contain no-repeat;opacity:.62;
  transition:opacity .3s ease}
.cw-logo:hover{opacity:1}
.cw-w{height:clamp(18px,1.5vw,24px);max-width:88%}
.cw-m{height:clamp(24px,2vw,32px);max-width:80%}
.cw-t{height:clamp(34px,2.9vw,46px)}
.cw-more{margin-top:14px;text-align:end;font-size:13.5px;color:rgba(238,234,226,.75)}
body.lang-en .cw-more{font-style:italic}

/* الأرقام */
.cw-stats{grid-area:stats;align-self:end;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:clamp(36px,4vw,60px);border-top:1px solid rgba(238,234,226,.2);padding-top:clamp(22px,2.4vw,36px)}
.cw-stat{padding-inline:clamp(10px,1.4vw,24px);border-inline-start:1px solid rgba(238,234,226,.16)}
.cw-stat:first-child{padding-inline-start:0;border-inline-start:0}
.cw-stat b{display:block;font-family:'Poppins',system-ui,sans-serif;font-weight:600;color:#F4F0E8;
  font-size:clamp(30px,3.2vw,52px);line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
[dir="rtl"] .cw-stat b{text-align:right}
.cw-stat span{display:block;margin-top:8px;color:rgba(238,234,226,.78);line-height:1.55;text-wrap:balance}
body.lang-ar .cw-stat span{font-size:clamp(13px,1vw,15px)}
body.lang-en .cw-stat span{font-size:clamp(12.5px,.95vw,14.5px)}

/* آيباد: عمود واحد، الجدار بعد النص */
@media (max-width:1100px){
  .cw-panel{min-height:0}
  .cw-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "wall" "stats";row-gap:clamp(34px,5vw,54px)}
  .cw-tint,[dir="rtl"] .cw-tint{background:linear-gradient(180deg,rgba(10,13,20,.72) 0%,rgba(10,13,20,.86) 40%,rgba(10,13,20,.94) 100%)}
  .cw-wall{height:360px}
  .cw-stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:26px;margin-top:0}
}
/* جوال: الشعارات صفوف أفقية تنساب */
@media (max-width:680px){
  .cw-panel{margin-inline:calc(var(--pad) * -1)}
  .cw-grid{padding:48px var(--pad) 40px}
  .cw-title br{display:none}
  .cw-lockup{margin-top:30px}
  .cw-mark{height:22px}
  .cw-name{font-size:26px}
  .cw-wall{display:flex;flex-direction:column;height:auto;gap:22px;margin-inline:calc(var(--pad) * -1);
    -webkit-mask:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);
    mask:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
  .cw-col{direction:ltr;min-width:0;width:100%}
  .cw-wallbox,.cw-copy,.cw-stats{min-width:0}
  .cw-track{flex-direction:row;width:max-content;animation-name:cwSide}
  .cw-set{flex-direction:row;gap:34px;padding-bottom:0;padding-inline-end:34px}
  @keyframes cwSide{to{transform:translateX(-50%)}}
  .cw-logo{max-width:none}
  .cw-w{height:17px}.cw-m{height:24px}.cw-t{height:32px}
  .cw-more{text-align:center}
  .cw-stat b{font-size:34px}
}
@media (prefers-reduced-motion:reduce){
  .cw-track{animation:none}
  .cw-set[aria-hidden="true"]{display:none}
  .cw-wall{height:auto;-webkit-mask:none;mask:none}
}
.cwl-00{--u:url("/assets/perf/img-41.webp");aspect-ratio:253/64}
.cwl-01{--u:url("/assets/perf/img-40.webp");aspect-ratio:300/54}
.cwl-02{--u:url("/assets/perf/img-39.webp");aspect-ratio:202/64}
.cwl-03{--u:url("/assets/perf/img-38.webp");aspect-ratio:256/64}
.cwl-04{--u:url("/assets/perf/img-37.webp");aspect-ratio:300/24}
.cwl-05{--u:url("/assets/perf/img-36.webp");aspect-ratio:119/64}
.cwl-06{--u:url("/assets/perf/img-35.webp");aspect-ratio:208/64}
.cwl-07{--u:url("/assets/perf/img-34.webp");aspect-ratio:255/64}
.cwl-08{--u:url("/assets/perf/img-33.webp");aspect-ratio:275/64}
.cwl-09{--u:url("/assets/perf/img-32.webp");aspect-ratio:200/64}
.cwl-10{--u:url("/assets/perf/img-31.webp");aspect-ratio:206/64}
.cwl-11{--u:url("/assets/perf/img-30.webp");aspect-ratio:175/64}
.cwl-12{--u:url("/assets/perf/img-29.webp");aspect-ratio:300/43}
.cwl-13{--u:url("/assets/perf/img-28.webp");aspect-ratio:300/51}
.cwl-14{--u:url("/assets/perf/img-27.webp");aspect-ratio:160/64}
.cwl-15{--u:url("/assets/perf/img-26.webp");aspect-ratio:160/64}
.cwl-16{--u:url("/assets/perf/img-25.webp");aspect-ratio:300/56}
.cwl-17{--u:url("/assets/perf/img-24.webp");aspect-ratio:172/64}
.cwl-18{--u:url("/assets/perf/img-23.webp");aspect-ratio:215/64}
.cwl-19{--u:url("/assets/perf/img-22.webp");aspect-ratio:300/60}
.cwl-20{--u:url("/assets/perf/img-21.webp");aspect-ratio:300/44}
.cwl-21{--u:url("/assets/perf/img-20.webp");aspect-ratio:286/64}
.cwl-22{--u:url("/assets/perf/img-19.webp");aspect-ratio:207/64}
.cwl-23{--u:url("/assets/perf/img-18.webp");aspect-ratio:249/64}
.cwl-24{--u:url("/assets/perf/img-17.webp");aspect-ratio:159/64}
.cwl-25{--u:url("/assets/perf/img-16.webp");aspect-ratio:262/64}
.cwl-26{--u:url("/assets/perf/img-15.webp");aspect-ratio:278/64}
.cwl-27{--u:url("/assets/perf/img-14.webp");aspect-ratio:39/64}
.cwl-28{--u:url("/assets/perf/img-13.webp");aspect-ratio:49/64}
.cwl-29{--u:url("/assets/perf/img-12.webp");aspect-ratio:57/64}
.cwl-30{--u:url("/assets/perf/img-11.webp");aspect-ratio:300/56}
.cwl-31{--u:url("/assets/perf/img-10.webp");aspect-ratio:300/59}
.cwl-32{--u:url("/assets/perf/img-9.webp");aspect-ratio:271/64}
.cwl-33{--u:url("/assets/perf/img-8.webp");aspect-ratio:257/64}
.cwl-34{--u:url("/assets/perf/img-7.webp");aspect-ratio:300/59}
.cwl-35{--u:url("/assets/perf/img-6.webp");aspect-ratio:300/24}

/* ===== الامتداد العالمي ===== */
.gr{padding-block:clamp(40px,4.6vw,80px) clamp(30px,3.4vw,60px)}
.gr-head{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:clamp(24px,4vw,70px);align-items:start;
  margin-bottom:clamp(34px,4vw,64px)}
.gr-title{color:var(--ink)}
.gr-point h3{font-weight:700;color:var(--ink);margin-bottom:10px;line-height:1.4}
body.lang-ar .gr-point h3{font-size:clamp(16px,1.3vw,19px)}
body.lang-en .gr-point h3{font-size:clamp(15px,1.2vw,18px);font-weight:600}
.gr-point h3::before{content:"";display:block;width:26px;height:2px;background:var(--copper);margin-bottom:14px}
.gr-point p{color:#514D48;line-height:1.85;max-width:40ch;text-wrap:pretty}
body.lang-ar .gr-point p{font-size:clamp(15px,1.1vw,16.5px)}
body.lang-en .gr-point p{font-size:clamp(14px,1.02vw,15.5px);line-height:1.72}

/* الشريط: المدينة تدور ببطء مع التمرير */
.gr-band{--r:0;position:relative;overflow:hidden;isolation:isolate;margin-inline:calc(var(--pad) * -1);
  height:clamp(300px,40vw,560px);display:flex;align-items:center;background:#2A2825}
.gr-shot{--gr:url("/assets/perf/img-5.webp");position:absolute;z-index:0;
  width:135%;aspect-ratio:1900/976;left:50%;top:50%;
  background:var(--gr) center/cover no-repeat;filter:saturate(.88);
  transform:translate(-50%,-50%) rotate(calc(var(--r) * 14deg)) scale(1.08);transform-origin:50% 62%;
  will-change:transform}
.gr-tint{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to right,rgba(16,15,14,.62) 0%,rgba(16,15,14,.30) 45%,rgba(16,15,14,.05) 75%)}
[dir="rtl"] .gr-tint{background:linear-gradient(to left,rgba(16,15,14,.62) 0%,rgba(16,15,14,.30) 45%,rgba(16,15,14,.05) 75%)}
.gr-time{position:relative;z-index:2;display:grid;padding-inline:calc(var(--pad) + clamp(10px,3vw,60px));color:#F4F0E8;
  text-shadow:0 2px 24px rgba(0,0,0,.35)}
.gr-days{font-weight:700;letter-spacing:-.035em;line-height:1;font-size:clamp(52px,7.4vw,124px)}
body.lang-en .gr-days{font-weight:600}
.gr-label{font-weight:300;line-height:1.2;margin-top:clamp(4px,.8vw,12px);font-size:clamp(24px,3.6vw,60px);letter-spacing:-.02em}
body.lang-ar .gr-label{font-weight:400;margin-top:clamp(14px,2vw,34px)}

/* الأرقام */
.gr-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(30px,3.4vw,52px)}
.gr-stat{padding-inline:clamp(12px,2vw,36px);border-inline-start:1px solid var(--hair)}
.gr-stat:first-child{padding-inline-start:0;border-inline-start:0}
.gr-stat b{display:block;font-family:'Poppins',system-ui,sans-serif;font-weight:600;color:var(--ink);direction:ltr;
  font-size:clamp(32px,3.6vw,58px);line-height:1.05;letter-spacing:-.035em;font-variant-numeric:tabular-nums;text-align:start}
[dir="rtl"] .gr-stat b{text-align:right}
.gr-stat span{display:block;margin-top:10px;color:#4E4A46;line-height:1.55;max-width:22ch;text-wrap:balance}
body.lang-ar .gr-stat span{font-size:clamp(13.5px,1.02vw,15.5px);font-weight:600}
body.lang-en .gr-stat span{font-size:clamp(13px,.98vw,15px);font-weight:500}

@media (max-width:1100px){
  .gr-head{grid-template-columns:1fr 1fr}
  .gr-title{grid-column:1 / -1}
  .gr-stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}
  .gr-stat:nth-child(4){padding-inline-start:0;border-inline-start:0}
}
@media (max-width:680px){
  .gr-head{grid-template-columns:1fr;gap:26px}
  .gr-band{height:clamp(300px,82vw,380px);align-items:flex-end}
  .gr-shot{width:300%}
  .gr-tint,[dir="rtl"] .gr-tint{background:linear-gradient(180deg,rgba(16,15,14,.05) 30%,rgba(16,15,14,.72) 100%)}
  .gr-time{padding:0 var(--pad) 30px}
  .gr-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .gr-stat{padding-inline:14px}
  .gr-stat:nth-child(odd){padding-inline-start:0;border-inline-start:0}
  .gr-stat:nth-child(4){padding-inline-start:14px;border-inline-start:1px solid var(--hair)}
  .gr-stat:last-child{grid-column:1 / -1}
  .gr-stat span{max-width:none}
}
@media (prefers-reduced-motion:reduce){.gr-band{--r:0!important}}

/* عنوان الانضمام بالإنجليزية: سطران أو ثلاثة متوازنة */
body.lang-en .join-inner{max-width:min(94%,760px)}
body.lang-en .join-inner h2{text-wrap:balance;max-width:34ch}
@media (max-width:1100px){body.lang-en .join-inner{max-width:100%}}
@media (max-width:680px){body.lang-en .join-inner{padding-inline:16px}body.lang-en .join-inner h2{max-width:none;font-size:17.5px;line-height:1.32;letter-spacing:-.02em;text-wrap:pretty}}

/* مركز الابتكار: صورة حيّة تتنفس وتتبع المؤشر والتمرير */
#hub .ih-shot{--fx:1;transform:scaleX(var(--fx));translate:var(--tx,0px) var(--ty,0px);
  transition:translate .9s cubic-bezier(.2,.7,.3,1);animation:ihBreath 16s ease-in-out infinite alternate}
[dir="rtl"] #hub .ih-shot{--fx:-1}
@keyframes ihBreath{from{scale:1.08}to{scale:1.17}}
#hub .ih-shot::before,#hub .ih-shot::after{content:"";position:absolute;inset:0;pointer-events:none}
/* وميض الشاشات الافتراضية */
#hub .ih-shot::before{background:radial-gradient(38% 30% at 62% 38%,rgba(150,200,255,.30),transparent 70%),
  radial-gradient(26% 22% at 86% 42%,rgba(200,160,255,.26),transparent 70%);
  mix-blend-mode:screen;animation:ihGlow 5.5s ease-in-out infinite alternate}
@keyframes ihGlow{from{opacity:.25}to{opacity:1}}
/* شعاع ضوء يمسح الواجهات */
#hub .ih-shot::after{background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.38) 50%,transparent 58%);
  background-size:260% 100%;background-repeat:no-repeat;mix-blend-mode:soft-light;
  animation:ihSweep 7s cubic-bezier(.45,0,.2,1) infinite}
@keyframes ihSweep{0%{background-position:130% 0}55%,100%{background-position:-30% 0}}
@media (prefers-reduced-motion:reduce){
  #hub .ih-shot,#hub .ih-shot::before,#hub .ih-shot::after{animation:none!important;translate:none!important}
  #hub .ih-shot{scale:1.06}
}

/* ===== معايير جديدة: الصورة الافتتاحية وعائلة العلامات ===== */
.ps{padding-block:clamp(40px,4.6vw,80px)}
.ps-frame{position:relative;overflow:hidden;background:#D9DBDE;aspect-ratio:1400/460;
  clip-path:inset(0 0 0 100%);transition:clip-path 1.5s cubic-bezier(.72,0,.16,1)}
[dir="rtl"] .ps-frame{clip-path:inset(0 100% 0 0)}
.ps.ps-in .ps-frame{clip-path:inset(0 0 0 0)}
.ps-shot{--ps:url("/assets/perf/img-4.webp");position:absolute;inset:-14% 0;
  background:var(--ps) 50% 32%/cover no-repeat;filter:saturate(.9);
  scale:1.18;translate:0 var(--py,0px);transition:scale 2.2s cubic-bezier(.16,.7,.25,1) .1s}
.ps.ps-in .ps-shot{scale:1.02}
.ps-body{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,120px);align-items:start;
  margin-top:clamp(40px,5vw,90px)}
.ps-title{color:var(--ink);max-width:22ch}
body.lang-ar .ps-title{max-width:none}
.ps-side,.ps-title{opacity:0;transform:translateY(22px);transition:opacity 1s ease .7s,transform 1.1s cubic-bezier(.2,.75,.25,1) .7s}
.ps-side{transition-delay:.85s}
.ps.ps-in .ps-side,.ps.ps-in .ps-title{opacity:1;transform:none}
.ps-lede{color:#4E4A46;line-height:1.85;text-wrap:pretty}
body.lang-ar .ps-lede{font-size:clamp(15px,1.15vw,17px)}
body.lang-en .ps-lede{font-size:clamp(14.5px,1.05vw,16px);line-height:1.75}
.ps-brands{display:flex;align-items:center;gap:clamp(14px,1.8vw,30px);flex-wrap:wrap;
  margin-top:clamp(22px,2.4vw,34px);padding-top:clamp(20px,2.2vw,30px);border-top:1px solid var(--hair)}
.ps-main,.ps-mk{display:block;aspect-ratio:1400/134;background-color:var(--ink);
  -webkit-mask:var(--wm) no-repeat center/contain;mask:var(--wm) no-repeat center/contain}
.ps-main{height:clamp(20px,1.9vw,30px)}
.ps-sep{width:1px;align-self:stretch;min-height:28px;background:var(--hair)}
.ps-sub{display:inline-grid;justify-items:end;gap:3px;color:var(--ink);transition:color .3s ease}
.ps-mk{height:clamp(10px,.85vw,13px);transition:background-color .3s ease}
.ps-nm{font-family:'Poppins',system-ui,sans-serif;font-weight:300;letter-spacing:.12em;font-size:clamp(10.5px,.85vw,13px);line-height:1}
.ps-nm-sm{letter-spacing:.06em;font-size:clamp(9px,.68vw,10.5px)}
body.lang-ar .ps-nm-sm{font-family:'Noto Kufi Arabic',system-ui,sans-serif;letter-spacing:0;font-size:clamp(10px,.78vw,12px);direction:rtl}
.ps-sub:hover{color:var(--copper)}
.ps-sub:hover .ps-mk{background-color:var(--copper)}

@media (max-width:1100px){
  .ps-body{grid-template-columns:1fr;gap:26px}
  .ps-frame{aspect-ratio:16/8}
}
@media (max-width:680px){
  .ps-frame{aspect-ratio:4/3.4;margin-inline:calc(var(--pad) * -1)}
  .ps-shot{background-position:44% 30%}
  .ps-title br{display:none}
  .ps-brands{gap:16px 18px}
  .ps-main{height:22px;flex-basis:100%;max-width:230px}
  .ps-sep{display:none}
  [dir="rtl"] .ps-brands{flex-direction:row-reverse}
  .ps-mk{height:11px}
}
@media (prefers-reduced-motion:reduce){
  .ps-frame{clip-path:none!important}
  .ps-shot{scale:1.02!important;translate:none!important}
  .ps-side,.ps-title{opacity:1;transform:none}
}

/* صف العلامات في سطر واحد على الشاشات الواسعة */
@media (min-width:681px){
  .ps-brands{display:grid;grid-template-columns:auto 1px auto auto;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:clamp(12px,1.4vw,24px)}
  .ps-main{height:clamp(18px,1.55vw,26px)}
  .ps-mk{height:clamp(9px,.72vw,12px)}
}

/* معايير جديدة: النص والعلامات مدمجة داخل الصورة */
.ps .ps-frame{aspect-ratio:auto;min-height:clamp(620px,86vh,860px);display:flex;align-items:flex-end}
.ps .ps-shot{background-position:50% 22%}
.ps-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(180deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.72) 66%,rgba(255,255,255,.96) 100%)}
.ps .ps-body{position:relative;z-index:2;width:100%;margin:0;align-items:end;
  padding:0 clamp(24px,4vw,64px) clamp(28px,3.4vw,56px)}
.ps .ps-brands{border-top-color:rgba(27,26,24,.18)}
@media (max-width:1100px){
  .ps .ps-frame{min-height:clamp(640px,92vw,860px)}
  .ps .ps-shot{background-position:46% 18%}
  .ps-veil{background:linear-gradient(180deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.8) 58%,rgba(255,255,255,.97) 78%)}
}
@media (max-width:680px){
  .ps .ps-frame{aspect-ratio:auto;min-height:min(820px,178vw)}
  .ps .ps-shot{inset:-6% 0 26% 0;background-position:40% 20%}
  .ps-veil{background:linear-gradient(180deg,rgba(255,255,255,0) 26%,rgba(255,255,255,.82) 50%,#fff 66%)}
  .ps .ps-body{padding:0 var(--pad) 32px;gap:18px}
}

/* ===== توحيد محاذاة العناوين على مسار واحد ===== */
:root{--in:clamp(24px,4vw,64px)}
#eco>.split,.gr-head,.gr-stats,#contact>.rise,#contact>.contact-grid{padding-inline:var(--in)}
@media (min-width:681px){
  .cw .cw-grid{padding-inline:var(--in)}
  .ih .ih-inner{padding-inline:var(--in)}
  section.dark{padding-inline:var(--in)}
  #method .stage{padding-inline:var(--in)}
  .join-band .join-inner{padding-inline:var(--in)}
}
@media (max-width:680px){
  #eco>.split,.gr-head,.gr-stats,#contact>.rise,#contact>.contact-grid{padding-inline:0}
}

/* ===== بطاقات الخدمات: صور أفتح ===== */
.acc .disc .bg{filter:saturate(.95) brightness(1.04)}
.acc .disc .veil{background:linear-gradient(180deg,rgba(16,15,13,.58) 0%,rgba(16,15,13,.42) 30%,rgba(16,15,13,.12) 50%,rgba(16,15,13,.22) 62%,rgba(16,15,13,.68) 100%)}
@media (min-width:681px){
  .acc .disc h3{text-shadow:0 1px 16px rgba(0,0,0,.55)}
  .acc .disc .body p{text-shadow:0 1px 3px rgba(0,0,0,.45),0 1px 16px rgba(0,0,0,.75)}
  .acc .disc .body li{text-shadow:0 1px 3px rgba(0,0,0,.45),0 1px 12px rgba(0,0,0,.65)}
}

/* ===== CrossWire ومركز الابتكار: كشف كالستارة ونص يصعد تباعاً ===== */
.cw-panel,.ih-panel{clip-path:inset(0 0 0 100%);transition:clip-path 1.5s cubic-bezier(.72,0,.16,1)}
[dir="rtl"] .cw-panel,[dir="rtl"] .ih-panel{clip-path:inset(0 100% 0 0)}
.rv-in .cw-panel,.rv-in .ih-panel{clip-path:inset(0 0 0 0)}
.cw-copy>*,.cw-stats,.ih-lockup,.ih-title,.ih-lede{opacity:0;transform:translateY(22px);
  transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.75,.25,1)}
.rv-in .cw-copy>*,.rv-in .cw-stats,.rv-in .ih-lockup,.rv-in .ih-title,.rv-in .ih-lede{opacity:1;transform:none}
.rv-in .cw-copy>:nth-child(1),.rv-in .ih-lockup{transition-delay:.7s}
.rv-in .cw-copy>:nth-child(2),.rv-in .ih-title{transition-delay:.85s}
.rv-in .cw-copy>:nth-child(3),.rv-in .ih-lede{transition-delay:1s}
.rv-in .cw-stats{transition-delay:1.15s}
.cw-wallbox{opacity:0;transition:opacity 1.4s ease 1s}
.rv-in .cw-wallbox{opacity:1}

/* CrossWire: صورة حيّة مثل مركز الابتكار */
#crosswire .cw-shot{--fx:1;transform:scaleX(var(--fx));translate:var(--tx,0px) var(--ty,0px);
  transition:translate .9s cubic-bezier(.2,.7,.3,1);animation:cwBreath 16s ease-in-out infinite alternate}
[dir="rtl"] #crosswire .cw-shot{--fx:-1}
@keyframes cwBreath{from{scale:1.06}to{scale:1.15}}
#crosswire .cw-shot::before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(34% 40% at 32% 40%,rgba(90,140,255,.40),transparent 70%);
  animation:cwGlow 4.8s ease-in-out infinite alternate}
@keyframes cwGlow{from{opacity:.3}to{opacity:1}}

@media (prefers-reduced-motion:reduce){
  .cw-panel,.ih-panel{clip-path:none!important}
  .cw-copy>*,.cw-stats,.ih-lockup,.ih-title,.ih-lede,.cw-wallbox{opacity:1!important;transform:none!important}
  #crosswire .cw-shot,#crosswire .cw-shot::before{animation:none!important;translate:none!important}
}

/* جوال: الأقسام ذات الخلفية تمتد لحافة الشاشة ليبقى النص على نفس المسار */
@media (max-width:680px){
  section.dark{margin-inline:0;padding-inline:var(--pad)}
  #method .stage{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}
  .join-band{margin-inline:calc(var(--pad) * -1)}
  .join-band .join-inner,body.lang-en .join-band .join-inner{padding-inline:var(--pad)}
}

/* ================= محاكاة القرارات الاستراتيجية (SDS) ================= */
:root{
  --sds-best:#8A5A3B;--sds-best-fill:rgba(138,90,59,.08);
  --sds-accepted:#A77B55;--sds-accepted-fill:rgba(167,123,85,.07);
  --sds-partial:#9C9791;
  --sds-rejected:#8E4A3A;
  --sds-neutral:#6E6A65;
  --sds-panel:#F6F4F1;
  --sds-hh:72px;
}
body.sds-mode .hero,body.sds-mode .page{display:none!important}
body.sds-mode #topBtn{display:none}

/* ---------- تيزر الصفحة الرئيسية ---------- */
#sds-teaser{padding-block:clamp(20px,2.4vw,40px)}
#sds-teaser .sds-teaser-link{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;
  gap:clamp(24px,4vw,72px);background:var(--sds-panel);color:var(--ink);text-decoration:none;
  padding:clamp(36px,4.6vw,84px) var(--in);border:1px solid transparent;transition:border-color .3s ease}
#sds-teaser .sds-teaser-link:hover{border-color:var(--hair)}
#sds-teaser .sds-teaser-link:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
#sds-teaser h2{color:var(--ink);margin-top:clamp(22px,2.6vw,38px);max-width:18ch}
#sds-teaser .sds-t-lede{margin-top:clamp(14px,1.6vw,22px);max-width:46ch;color:#4E4A46;line-height:1.85;text-wrap:pretty}
body.lang-ar #sds-teaser .sds-t-lede{font-size:clamp(15px,1.15vw,17px);line-height:1.9}
body.lang-en #sds-teaser .sds-t-lede{font-size:clamp(14.5px,1.05vw,16px)}
#sds-teaser .sds-t-facts{margin-top:18px;color:var(--copper);font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}
#sds-teaser .pill{pointer-events:none}
#sds-teaser .sds-teaser-link:hover .pill{background:var(--copper);color:#fff}
#sds-teaser .sds-teaser-link:hover .pill i{background:#fff;animation:none}
#sds-teaser .sds-t-art{width:100%;max-width:560px;justify-self:center}
#sds-teaser svg{display:block;width:100%;height:auto;overflow:visible}
[dir="rtl"] #sds-teaser svg{transform:scaleX(-1)}
#sds-teaser .sds-route{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
#sds-teaser .sds-route.faded{stroke:#BDB7B0;stroke-width:1.6}
#sds-teaser .sds-route.main{stroke:var(--copper);stroke-width:2.6}
#sds-teaser .sds-node{fill:var(--sds-panel);stroke:var(--ink);stroke-width:1.6}
#sds-teaser .sds-node.end{fill:var(--copper);stroke:var(--copper)}
#sds-teaser .sds-tick{fill:#BDB7B0}
#sds-teaser.sds-arm .sds-route{stroke-dashoffset:1}
#sds-teaser.sds-arm .sds-node,#sds-teaser.sds-arm .sds-tick{opacity:0}
#sds-teaser.sds-drawn .sds-route{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s cubic-bezier(.55,.1,.2,1)}
#sds-teaser.sds-drawn .sds-route.main{transition-duration:2.4s;transition-delay:.25s}
#sds-teaser.sds-drawn .sds-node,#sds-teaser.sds-drawn .sds-tick{opacity:1;transition:opacity .6s ease}
#sds-teaser.sds-drawn .sds-node.end{transition-delay:2.3s}
@media (max-width:680px){
  #sds-teaser .sds-teaser-link{grid-template-columns:1fr;margin-inline:calc(var(--pad) * -1);padding:36px var(--pad) 40px}
  #sds-teaser .sds-t-art{order:-1;max-width:420px}
}

/* ---------- القفل البصري المشترك ---------- */
.sds-lockup{display:inline-grid;justify-items:end;gap:6px}
.sds-lockup .sds-mk{display:block;height:clamp(20px,2vw,30px);aspect-ratio:1400/134;background-color:var(--ink);
  -webkit-mask:var(--wm) no-repeat center/contain;mask:var(--wm) no-repeat center/contain}
.sds-lockup .sds-tg{color:var(--ink);line-height:1;white-space:nowrap}
body.lang-en .sds-lockup .sds-tg{font-family:'Poppins',system-ui,sans-serif;letter-spacing:.14em;font-size:clamp(11px,1vw,15px)}
body.lang-ar .sds-lockup .sds-tg{font-family:'Noto Kufi Arabic',system-ui,sans-serif;font-weight:500;font-size:clamp(12px,1vw,15px);direction:rtl}

/* ---------- حاوية العرض ---------- */
#sds-view{display:block;min-height:100vh;background:var(--white);color:var(--ink);
  padding:calc(var(--sds-hh) + clamp(28px,3.4vw,56px)) var(--pad) clamp(60px,6vw,110px)}
#sds-view[hidden]{display:none}
#sds-view section{padding:0;scroll-margin-top:0}
#sds-view .sds-wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--in)}
#sds-view .sds-ar{direction:rtl;text-align:right}
#sds-view p,#sds-view li{text-wrap:pretty}
#sds-view .sds-ar p,#sds-view .sds-prose{line-height:1.9}
#sds-view .sds-prose{max-width:70ch}
#sds-view h1{font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--ink);font-size:clamp(30px,3.6vw,54px);text-wrap:balance}
#sds-view h2{font-weight:700;letter-spacing:-.015em;line-height:1.3;color:var(--ink);font-size:clamp(22px,2.2vw,32px);text-wrap:balance}
#sds-view h3{font-weight:700;color:var(--ink);font-size:clamp(17px,1.35vw,20px);line-height:1.45}
body.lang-en #sds-view .sds-chrome h1,body.lang-en #sds-view .sds-chrome h2{font-weight:600}
#sds-view .sds-label{color:var(--copper);font-weight:600;font-size:13.5px;letter-spacing:.01em}
#sds-view .sds-muted{color:var(--body)}
#sds-view .sds-small{font-size:13px;line-height:1.8;color:var(--body)}
#sds-view .sds-hr{height:1px;background:var(--hair);border:0;margin-block:clamp(28px,3vw,48px)}
#sds-view .sds-sec{margin-top:clamp(36px,4vw,64px)}
#sds-view .sds-note-en{display:inline-block;margin-bottom:18px;padding:8px 14px;border:1px solid var(--hair);font-size:13.5px;color:var(--char)}
#sds-view .sds-back{display:inline-flex;align-items:center;gap:8px;color:var(--body);font-size:14px;min-height:44px}
#sds-view .sds-back:hover{color:var(--copper)}
[dir="rtl"] #sds-view .sds-back svg{transform:scaleX(-1)}
#sds-view a{color:inherit}
#sds-view :focus-visible{outline:2px solid var(--copper);outline-offset:3px}

/* أزرار */
#sds-view .sds-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 26px;
  border-radius:99px;border:1px solid var(--copper);background:transparent;color:var(--copper);font:inherit;font-size:15px;
  font-weight:500;cursor:pointer;text-decoration:none;transition:background .3s,color .3s,border-color .3s}
#sds-view .sds-btn i{width:7px;height:7px;border-radius:50%;background:var(--accent);display:block;animation:pulse 2.6s ease-in-out infinite}
#sds-view .sds-btn:hover{background:var(--copper);color:#fff}
#sds-view .sds-btn:hover i{background:#fff;animation:none}
#sds-view .sds-btn.solid{background:var(--copper);color:#fff}
#sds-view .sds-btn.solid i{background:#fff}
#sds-view .sds-btn.solid:hover{background:var(--ink);border-color:var(--ink)}
#sds-view .sds-btn.ghost{border-color:var(--hair);color:var(--char)}
#sds-view .sds-btn.ghost:hover{border-color:var(--copper);background:transparent;color:var(--copper)}
#sds-view .sds-btn[disabled]{opacity:.4;pointer-events:none}
#sds-view .sds-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center}

/* ---------- المكتبة ---------- */
#sds-view .sds-lib-head{display:grid;gap:clamp(18px,2vw,26px);max-width:900px}
#sds-view .sds-lib-head .sds-lockup{justify-self:start}
[dir="rtl"] #sds-view .sds-lib-head .sds-lockup{justify-self:start}
#sds-view .sds-lede{font-size:clamp(16px,1.25vw,19px);line-height:1.85;color:var(--char);max-width:62ch}
#sds-view .sds-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,32px);counter-reset:sdsstep}
#sds-view .sds-steps li{position:relative;padding-top:18px;border-top:1px solid var(--hair);counter-increment:sdsstep;line-height:1.7}
#sds-view .sds-steps li::before{content:counter(sdsstep);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
  border:1px solid var(--copper);color:var(--copper);font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:14px;margin-bottom:12px}
#sds-view .sds-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
#sds-view .sds-filter{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
#sds-view .sds-fchip{min-height:44px;padding:9px 18px;border-radius:99px;border:1px solid var(--hair);background:var(--white);
  color:var(--char);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap;transition:border-color .25s,background .25s,color .25s}
#sds-view .sds-fchip:hover{border-color:var(--copper)}
#sds-view .sds-fchip[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
#sds-view .sds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin-top:26px}
#sds-view .sds-card{display:flex;flex-direction:column;border:1px solid var(--hair);padding:clamp(20px,2vw,28px);min-height:100%;
  transition:border-color .3s ease}
#sds-view .sds-card:hover{border-color:var(--copper)}
#sds-view .sds-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
#sds-view .sds-card h3{margin-top:14px}
#sds-view .sds-card .sds-sub{margin-top:8px;color:var(--body);line-height:1.8;font-size:14.5px}
#sds-view .sds-card .sds-meta{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#sds-view .sds-card .sds-sector{display:block;margin-top:4px;font-size:13px;color:var(--body)}
#sds-view .sds-status{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;font-size:12.5px;
  border:1px solid var(--hair);color:var(--char);white-space:nowrap;font-variant-numeric:tabular-nums}
#sds-view .sds-status.done{border-color:var(--copper);color:var(--copper);background:var(--sds-best-fill)}
#sds-view .sds-scenario{margin-top:clamp(36px,4vw,60px);padding-top:18px;border-top:1px solid var(--hair);max-width:80ch}
#sds-view .sds-empty{padding:30px 0;color:var(--body)}

/* ---------- شرائح الحكم ---------- */
#sds-view .sds-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 11px;border-radius:99px;font-size:13px;
  font-weight:600;line-height:1.35;border:1px solid currentColor;white-space:normal}
#sds-view .sds-chip svg{flex:0 0 auto;width:14px;height:14px}
#sds-view .sds-chip.t-best{color:var(--sds-best);background:var(--sds-best-fill)}
#sds-view .sds-chip.t-accepted{color:#7A5536;border-color:var(--sds-accepted);background:var(--sds-accepted-fill)}
#sds-view .sds-chip.t-partial{color:#5E5A55;border-color:var(--sds-partial);background:#F4F3F1}
#sds-view .sds-chip.t-rejected{color:var(--sds-rejected);background:transparent}
#sds-view .sds-chip.t-neutral{color:var(--sds-neutral);border-color:#C9C5C0;background:transparent}
#sds-view .sds-chip.t-you{color:#fff;background:var(--ink);border-color:var(--ink)}
#sds-view .sds-delta{display:inline-grid;place-items:center;min-width:40px;padding:4px 10px;border-radius:99px;font-weight:700;font-size:13px;
  font-family:'Poppins',system-ui,sans-serif;font-variant-numeric:tabular-nums;background:var(--sds-panel);color:var(--char);direction:ltr}
#sds-view .sds-delta.pos{background:var(--copper);color:#fff}

/* ---------- مقدمة الحالة ---------- */
#sds-view .sds-case-head{display:grid;gap:14px;max-width:920px}
#sds-view .sds-sub-lg{font-size:clamp(17px,1.4vw,21px);color:var(--char);line-height:1.7}
#sds-view .sds-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(30px,3.4vw,52px);border-top:1px solid var(--hair)}
#sds-view .sds-stat{padding:22px clamp(12px,1.6vw,26px) 4px;border-inline-start:1px solid var(--hair)}
#sds-view .sds-stat:first-child{border-inline-start:0;padding-inline-start:0}
#sds-view .sds-stat b{display:block;font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:clamp(28px,3vw,46px);
  line-height:1.05;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
#sds-view .sds-stat span{display:block;margin-top:10px;color:var(--body);font-size:14px;line-height:1.7}
#sds-view .sds-callout{margin-top:22px;padding:22px clamp(18px,2vw,28px);border-inline-start:3px solid var(--copper);background:var(--sds-panel);max-width:78ch}
#sds-view .sds-callout p{margin-top:6px;font-size:clamp(15.5px,1.2vw,18px);line-height:1.85;color:var(--ink)}
#sds-view .sds-kv{width:100%;border-collapse:collapse;margin-top:16px;max-width:820px}
#sds-view .sds-kv th,#sds-view .sds-kv td{padding:12px 0;border-bottom:1px solid var(--hair);vertical-align:top;text-align:right;line-height:1.7}
#sds-view .sds-kv th{width:32%;color:var(--copper);font-weight:600;padding-inline-end:18px;font-size:14px}

/* جداول الأدلة */
#sds-view .sds-tablebox{margin-top:18px}
#sds-view .sds-tablebox h3{font-size:16px}
#sds-view .sds-tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;border-top:1px solid var(--ink)}
#sds-view .sds-table{width:100%;min-width:520px;border-collapse:collapse;font-size:14.5px}
#sds-view .sds-table th,#sds-view .sds-table td{padding:11px 12px;border-bottom:1px solid var(--hair);text-align:right;line-height:1.6;
  font-variant-numeric:tabular-nums;vertical-align:top}
#sds-view .sds-table th{color:var(--copper);font-weight:600;font-size:13.5px;white-space:nowrap}
#sds-view .sds-table td:first-child{font-weight:600;color:var(--ink)}
#sds-view .sds-tnote{margin-top:10px;font-size:13.5px;color:var(--body);line-height:1.8}

/* ---------- شريط التقدم ---------- */
#sds-view .sds-prog{position:sticky;top:var(--sds-hh);z-index:20;background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hair);
  margin-inline:calc(var(--pad) * -1);padding:12px calc(var(--pad) + var(--in))}
#sds-view .sds-prog-in{max-width:1240px;margin-inline:auto;display:grid;gap:10px}
#sds-view .sds-prog-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13.5px;color:var(--char);flex-wrap:wrap}
#sds-view .sds-prog-meta b{font-weight:600;font-variant-numeric:tabular-nums}
#sds-view .sds-prog-meta .sds-prog-r{display:flex;gap:16px;align-items:center}
#sds-view .sds-segs{display:flex;gap:10px;direction:rtl}
#sds-view .sds-grp{flex:var(--n) 1 0;display:grid;gap:5px;min-width:0}
#sds-view .sds-grp-l{font-size:11.5px;color:var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sds-view .sds-grp-bars{display:flex;gap:3px}
#sds-view .sds-seg{flex:1;height:5px;border-radius:3px;background:var(--hair);position:relative;overflow:hidden}
#sds-view .sds-seg::after{content:"";position:absolute;inset:0;background:var(--copper);transform:scaleX(0);transform-origin:right;transition:transform .5s ease}
#sds-view .sds-seg.done::after{transform:scaleX(1)}
#sds-view .sds-seg[aria-current="step"]{background:#C9B5A6;box-shadow:0 0 0 1px var(--copper)}
#sds-view .sds-mini{display:none}

/* ---------- نقطة القرار ---------- */
#sds-view .sds-point{margin-top:clamp(26px,3vw,44px)}
#sds-view .sds-evid{margin-bottom:clamp(30px,3.4vw,50px);padding-bottom:clamp(20px,2.4vw,34px);border-bottom:1px solid var(--hair)}
#sds-view .sds-q{margin-top:10px;max-width:40ch}
#sds-view .sds-intro{margin-top:12px;max-width:70ch;color:var(--char);line-height:1.9;font-size:16px}
#sds-view .sds-opts{display:grid;gap:12px;margin-top:clamp(20px,2.4vw,32px);max-width:920px}
#sds-view .sds-opt{position:relative;display:block;min-height:56px;padding:18px clamp(16px,2vw,24px);border:1px solid var(--hair);
  background:var(--white);cursor:pointer;transition:border-color .25s ease,background .25s ease;outline-offset:2px}
#sds-view .sds-opt:hover{border-color:var(--copper)}
#sds-view .sds-opt-row{display:flex;gap:14px;align-items:flex-start}
#sds-view .sds-opt-n{flex:0 0 auto;min-width:74px;padding-top:2px;font-size:12.5px;font-weight:600;color:var(--copper);white-space:nowrap}
#sds-view .sds-opt-t{flex:1;font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.8;color:var(--ink)}
#sds-view .sds-opt-tags{display:none;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}
#sds-view .sds-exp{overflow:hidden}
#sds-view .sds-exp p{padding-top:10px;color:var(--char);line-height:1.9;font-size:15px;max-width:72ch}
#sds-view .sds-locked .sds-opt{cursor:default}
#sds-view .sds-locked .sds-opt:hover{border-color:var(--hair)}
#sds-view .sds-locked .sds-opt-tags{display:flex}
#sds-view .sds-locked .sds-opt.is-best{border-color:rgba(138,90,59,.55);background:var(--sds-best-fill)}
#sds-view .sds-locked .sds-opt.is-chosen{border:2px solid var(--copper);padding:17px calc(clamp(16px,2vw,24px) - 1px)}
#sds-view .sds-locked .sds-opt.is-chosen.is-best{background:var(--sds-best-fill)}
#sds-view .sds-anim .sds-exp{max-height:0;transition:max-height .6s cubic-bezier(.2,.7,.3,1)}
#sds-view .sds-anim .sds-opt-tags{opacity:0;transform:translateY(4px);transition:opacity .45s ease,transform .45s ease}
#sds-view .sds-anim.sds-open .sds-opt-tags{opacity:1;transform:none}
#sds-view .sds-result{margin-top:22px;max-width:920px}
#sds-view .sds-result:focus{outline:none}
#sds-view .sds-result:focus-visible{outline:2px solid var(--copper)}
#sds-view .sds-take{margin-top:14px;border:1px solid var(--ink);padding:20px clamp(18px,2vw,28px)}
#sds-view .sds-take p{margin-top:8px;font-size:clamp(16px,1.25vw,18.5px);line-height:1.85;color:var(--ink)}
#sds-view .sds-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px;
  padding-top:22px;border-top:1px solid var(--hair);max-width:920px}
#sds-view .sds-nav-s{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- الدرج ---------- */
.sds-drawer-wrap{position:fixed;inset:0;z-index:90;visibility:hidden}
.sds-drawer-wrap.open{visibility:visible}
.sds-drawer-bg{position:absolute;inset:0;background:rgba(27,26,24,.35);opacity:0;transition:opacity .35s ease}
.sds-drawer-wrap.open .sds-drawer-bg{opacity:1}
.sds-drawer{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(420px,100%);background:var(--white);
  display:flex;flex-direction:column;transform:translateX(var(--sds-dx,100%));transition:transform .45s cubic-bezier(.2,.7,.3,1);
  box-shadow:0 0 0 1px var(--hair)}
[dir="rtl"] .sds-drawer{--sds-dx:-100%}
.sds-drawer-wrap.open .sds-drawer{transform:none}
.sds-drawer-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--hair)}
#sds-view .sds-drawer-h h2{font-size:19px;font-weight:700;color:var(--ink)}
.sds-x{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--hair);border-radius:50%;background:none;cursor:pointer;color:var(--ink)}
.sds-x:hover{border-color:var(--copper);color:var(--copper)}
.sds-drawer-b{overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 40px;flex:1}
.sds-drawer-b .sds-block+.sds-block{margin-top:26px}
.sds-drawer-b p{line-height:1.9;font-size:14.5px;color:var(--char);margin-top:8px}
.sds-drawer-b .sds-table{min-width:0;font-size:13px}
.sds-drawer-b .sds-table th,.sds-drawer-b .sds-table td{padding:8px 6px}
.sds-drawer-b .sds-kv th{width:38%}
@media (max-width:680px){.sds-drawer{width:100%}}

/* ---------- النتائج ---------- */
#sds-view .sds-score{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,70px);align-items:center;margin-top:clamp(24px,3vw,44px);
  padding-block:clamp(24px,3vw,40px);border-block:1px solid var(--hair)}
#sds-view .sds-pct{font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:clamp(64px,9vw,132px);line-height:.95;letter-spacing:-.05em;
  color:var(--ink);direction:ltr;font-variant-numeric:tabular-nums}
#sds-view .sds-raw{display:block;margin-top:10px;font-size:15px;color:var(--body);font-variant-numeric:tabular-nums}
#sds-view .sds-band h2{color:var(--copper)}
#sds-view .sds-band p{margin-top:10px;font-size:clamp(15.5px,1.2vw,18px);line-height:1.85;color:var(--char);max-width:60ch}
#sds-view .sds-bars{display:grid;gap:14px;margin-top:18px;max-width:820px}
#sds-view .sds-bar{display:grid;grid-template-columns:minmax(120px,210px) 1fr 60px;gap:14px;align-items:center;font-size:14px}
#sds-view .sds-bar-t{height:8px;background:var(--hair);border-radius:4px;overflow:hidden;direction:rtl}
#sds-view .sds-bar-t span{display:block;height:100%;background:var(--copper);border-radius:4px;width:var(--w);transition:width 1s cubic-bezier(.2,.7,.3,1)}
#sds-view .sds-bar b{font-weight:600;font-variant-numeric:tabular-nums;text-align:end;direction:ltr}
#sds-view .sds-review{margin-top:14px;border-top:1px solid var(--hair);max-width:960px}
#sds-view .sds-review details{border-bottom:1px solid var(--hair)}
#sds-view .sds-review summary{list-style:none;cursor:pointer;padding:16px 0;display:grid;gap:10px;min-height:44px}
#sds-view .sds-review summary::-webkit-details-marker{display:none}
#sds-view .sds-review summary .sds-rq{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
#sds-view .sds-review summary .sds-rq b{font-weight:600;line-height:1.7}
#sds-view .sds-review summary .sds-plus{flex:0 0 auto;width:28px;height:28px;border-radius:50%;border:1px solid var(--hair);display:grid;place-items:center;transition:transform .3s}
#sds-view .sds-review details[open] .sds-plus{transform:rotate(45deg)}
#sds-view .sds-rline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--char);line-height:1.7}
#sds-view .sds-rline em{font-style:normal;color:var(--body);font-size:13px}
#sds-view .sds-review .sds-rbody{padding:0 0 18px;display:grid;gap:10px}
#sds-view .sds-review .sds-rbody p{line-height:1.9;font-size:14.5px;color:var(--char)}
#sds-view .sds-check{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(14px,1.6vw,24px);margin-top:18px;counter-reset:sdschk}
#sds-view .sds-check li{border-top:1px solid var(--ink);padding-top:14px;counter-increment:sdschk}
#sds-view .sds-check li::before{content:counter(sdschk);display:block;font-family:'Poppins',system-ui,sans-serif;font-weight:600;color:var(--copper);font-size:14px;margin-bottom:6px}
#sds-view .sds-check p{margin-top:6px;line-height:1.85;font-size:14.5px;color:var(--char)}

/* ---------- الاستجابة ---------- */
@media (max-width:1100px){
  #sds-view .sds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #sds-view .sds-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  #sds-view .sds-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #sds-view .sds-stat:nth-child(3){border-inline-start:0;padding-inline-start:0}
  #sds-view .sds-grp-l{font-size:10.5px}
}
@media (max-width:680px){
  #sds-view{padding-inline:var(--pad)}
  #sds-view .sds-wrap{padding-inline:0}
  #sds-view .sds-grid{grid-template-columns:1fr}
  #sds-view .sds-steps{grid-template-columns:1fr}
  #sds-view .sds-filter{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);
    padding-bottom:6px;scrollbar-width:none}
  #sds-view .sds-filter::-webkit-scrollbar{display:none}
  #sds-view .sds-prog{padding-inline:var(--pad)}
  #sds-view .sds-prog-meta .sds-full{display:none}
  #sds-view .sds-mini{display:inline}
  #sds-view .sds-grp-l{display:none}
  #sds-view .sds-segs{gap:5px}
  #sds-view .sds-opt-row{flex-direction:column;gap:6px}
  #sds-view .sds-opt-n{min-width:0}
  #sds-view .sds-score{grid-template-columns:1fr}
  #sds-view .sds-bar{grid-template-columns:1fr 52px;row-gap:6px}
  #sds-view .sds-bar>span:first-child{grid-column:1 / -1}
  #sds-view .sds-stat b{font-size:30px}
  #sds-view .sds-nav{flex-direction:column-reverse;align-items:stretch}
  #sds-view .sds-nav .sds-btn,#sds-view .sds-nav-s{width:100%}
  #sds-view .sds-nav-s .sds-btn{flex:1}
}
@media (prefers-reduced-motion:reduce){
  #sds-teaser .sds-route{stroke-dashoffset:0!important;transition:none!important}
  #sds-teaser .sds-node,#sds-teaser .sds-tick{opacity:1!important}
  #sds-view .sds-anim .sds-exp{max-height:none!important;transition:none!important}
  #sds-view .sds-anim .sds-opt-tags{opacity:1;transform:none;transition:none}
  #sds-view .sds-seg::after,.sds-drawer,.sds-drawer-bg,#sds-view .sds-bar-t span{transition:none!important}
  #sds-view .sds-btn i{animation:none}
}

/* ---------- الطباعة ---------- */
#sds-print{display:none}
@media print{
  @page{margin:16mm 14mm}
  body.sds-mode>*:not(#sds-view){display:none!important}
  body.sds-mode #sds-view{padding:0!important;min-height:0}
  body.sds-mode #sds-view>*:not(#sds-print){display:none!important}
  body.sds-mode #sds-print{display:block!important;direction:rtl;text-align:right;color:#000;font-size:11pt;line-height:1.75}
  #sds-print h1{font-size:22pt;line-height:1.3;margin:6pt 0}
  #sds-print h2{font-size:14pt;margin:18pt 0 6pt;break-after:avoid}
  #sds-print h3{font-size:11.5pt;margin:12pt 0 4pt;break-after:avoid}
  #sds-print p{margin:4pt 0}
  #sds-print .p-lab{color:#8A5A3B;font-weight:600;font-size:10pt}
  #sds-print .p-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8pt;margin:10pt 0;border-top:1px solid #999;padding-top:8pt}
  #sds-print .p-stats b{display:block;font-size:16pt;unicode-bidi:plaintext}
  #sds-print table{width:100%;border-collapse:collapse;margin:6pt 0;font-size:9.5pt;break-inside:avoid}
  #sds-print th,#sds-print td{border-bottom:1px solid #bbb;padding:3pt 4pt;text-align:right;vertical-align:top}
  #sds-print th{color:#8A5A3B}
  #sds-print .p-point{break-inside:auto;border-top:1px solid #000;margin-top:14pt;padding-top:8pt}
  #sds-print .p-opt{margin:6pt 0;padding:5pt 8pt;border:1px solid #ccc;break-inside:avoid}
  #sds-print .p-opt.best{border-color:#8A5A3B}
  #sds-print .p-v{font-weight:700}
  #sds-print .p-take{border:1px solid #000;padding:6pt 8pt;margin-top:6pt;break-inside:avoid}
  #sds-print .p-foot{margin-top:24pt;padding-top:6pt;border-top:1px solid #999;font-size:9pt;color:#555;text-align:center;direction:ltr}
}

/* ================= SDS v2: صورة، مشاركة، تنبيه، حركة ================= */
#sds-view{padding-top:var(--sds-hh)}
#sds-view .sds-wrap{padding-top:clamp(8px,1vw,16px)}
#sds-view .sds-muted{color:var(--char)}
#sds-view .sds-small{color:#5B5752}
#sds-view .sds-intro-line{margin-top:clamp(30px,3.4vw,52px);max-width:62ch;font-size:clamp(17px,1.35vw,21px);line-height:1.85;color:var(--ink);font-weight:500}

/* البطل المصوّر */
#sds-view .sds-hero{position:relative;overflow:hidden;isolation:isolate;margin-inline:calc(var(--pad) * -1);
  min-height:clamp(520px,78vh,760px);display:flex;align-items:flex-end;background:#0D0F12;color:#F4F0E8}
#sds-view .sds-hero.case{min-height:clamp(380px,54vh,560px)}
#sds-view .sds-hero.result{min-height:clamp(520px,70vh,720px)}
#sds-view .sds-hero-img{--img:url("/assets/perf/img-3.webp");position:absolute;inset:-6% -3%;z-index:0;
  background:var(--img) 62% 60%/cover no-repeat;filter:saturate(.95) brightness(1.08);
  translate:var(--tx,0px) var(--ty,0px);scale:1.12;transition:scale 2.4s cubic-bezier(.16,.7,.25,1),translate .9s cubic-bezier(.2,.7,.3,1)}
[dir="rtl"] #sds-view .sds-hero-img{transform:scaleX(-1)}
#sds-view .sds-hero.sds-in .sds-hero-img{scale:1.03;animation:sdsBreath 18s ease-in-out 2.4s infinite alternate}
@keyframes sdsBreath{from{scale:1.03}to{scale:1.1}}
#sds-view .sds-hero-img::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(30% 36% at 60% 55%,rgba(220,232,255,.35),transparent 70%);animation:sdsGlow 6s ease-in-out infinite alternate}
@keyframes sdsGlow{from{opacity:.25}to{opacity:.9}}
#sds-view .sds-hero-tint{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,9,11,.55) 0%,rgba(8,9,11,.05) 30%,rgba(8,9,11,.35) 58%,rgba(8,9,11,.92) 100%)}
#sds-view .sds-hero-tint::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--sd,90deg),rgba(8,9,11,.82) 0%,rgba(8,9,11,.55) 38%,rgba(8,9,11,0) 68%)}
[dir="rtl"] #sds-view .sds-hero-tint::after{--sd:270deg}
@media (max-width:680px){#sds-view .sds-hero-tint::after{background:linear-gradient(180deg,rgba(8,9,11,0) 25%,rgba(8,9,11,.7) 60%)}}
#sds-view .sds-hero-in{position:relative;z-index:2;width:100%;max-width:calc(1240px + 2 * var(--in));margin-inline:auto;
  padding:clamp(28px,4vw,64px) calc(var(--pad) + var(--in)) clamp(34px,4.4vw,70px)}
#sds-view .sds-hero-in>*{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.75,.25,1)}
#sds-view .sds-hero.sds-in .sds-hero-in>*{opacity:1;transform:none}
#sds-view .sds-hero.sds-in .sds-hero-in>*:nth-child(2){transition-delay:.12s}
#sds-view .sds-hero.sds-in .sds-hero-in>*:nth-child(3){transition-delay:.24s}
#sds-view .sds-hero.sds-in .sds-hero-in>*:nth-child(4){transition-delay:.36s}
#sds-view .sds-hero.sds-in .sds-hero-in>*:nth-child(5){transition-delay:.48s}
#sds-view .sds-hero-h{color:#fff;margin-top:clamp(18px,2vw,28px);max-width:20ch;text-shadow:0 2px 30px rgba(0,0,0,.35)}
#sds-view .sds-hero-h.case{font-size:clamp(28px,3.2vw,48px);max-width:28ch;margin-top:12px}
#sds-view .sds-hero-p{margin-top:14px;max-width:62ch;color:rgba(244,240,232,.9);font-size:clamp(15.5px,1.2vw,18px);line-height:1.85}
#sds-view .sds-hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:clamp(18px,3vw,40px)}
#sds-view .sds-lockup.light .sds-mk{background-color:#fff}
#sds-view .sds-lockup.light .sds-tg{color:rgba(255,255,255,.9)}
#sds-view .sds-back.light{color:rgba(255,255,255,.85)}
#sds-view .sds-back.light:hover{color:#fff}
#sds-view .sds-label.light{color:#F2B894}
#sds-view .sds-facts{list-style:none;display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,54px);margin-top:clamp(24px,2.8vw,40px)}
#sds-view .sds-facts li{display:grid;gap:4px;padding-inline-start:16px;border-inline-start:1px solid rgba(255,255,255,.3)}
#sds-view .sds-facts b{font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:clamp(34px,3.6vw,56px);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
#sds-view .sds-facts span{font-size:14px;color:rgba(255,255,255,.8)}
#sds-view .sds-btn.on-dark{margin-top:clamp(24px,2.8vw,40px);background:#fff;border-color:#fff;color:var(--ink)}
#sds-view .sds-btn.on-dark i{background:var(--accent)}
#sds-view .sds-btn.on-dark:hover{background:var(--accent);border-color:var(--accent);color:#fff}
#sds-view .sds-btn.sm{min-height:40px;padding:8px 16px;font-size:13.5px}
#sds-view .sds-virtual{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;
  border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08);vertical-align:middle;margin-inline-start:8px}
#sds-view .sds-virtual::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}

/* نتيجة داخل البطل */
#sds-view .sds-hero .sds-score{border-block:1px solid rgba(255,255,255,.22);margin-top:clamp(20px,2.4vw,34px)}
#sds-view .sds-hero .sds-pct{color:#fff}
#sds-view .sds-hero .sds-raw{color:rgba(255,255,255,.8)}
#sds-view .sds-hero .sds-band h2{color:#fff}
#sds-view .sds-hero .sds-band p{color:rgba(255,255,255,.88)}

/* التنبيه */
#sds-view .sds-disc{margin-top:clamp(34px,4vw,60px);display:grid;grid-template-columns:auto 1fr;gap:14px 18px;align-items:start;
  padding:20px clamp(18px,2vw,28px);background:var(--sds-panel);border-inline-start:3px solid var(--ink)}
#sds-view .sds-disc-t{font-weight:700;color:var(--ink);font-size:14px;white-space:nowrap;padding-top:2px}
#sds-view .sds-disc p{font-size:14.5px;line-height:1.9;color:var(--char);max-width:90ch}
@media (max-width:680px){#sds-view .sds-disc{grid-template-columns:1fr}}

/* الخطوات */
#sds-view .sds-steps{margin-top:22px;counter-reset:none}
#sds-view .sds-steps li{counter-increment:none;border-top:0;padding-top:0;position:relative}
#sds-view .sds-steps li::before{content:none;display:none}
#sds-view .sds-steps li::after{content:"";position:absolute;top:22px;inset-inline-start:52px;inset-inline-end:-10px;height:1px;background:var(--hair);
  transform:scaleX(0);transform-origin:var(--o,0 50%);transition:transform .9s cubic-bezier(.22,1,.36,1) calc(var(--i) * .15s + .2s)}
[dir="rtl"] #sds-view .sds-steps li::after{--o:100% 50%}
#sds-view .sds-steps li:last-child::after{display:none}
#sds-view .sds-step-n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;
  font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:16px;margin-bottom:14px;
  transform:scale(.6);opacity:0;transition:transform .6s cubic-bezier(.3,1.4,.5,1) calc(var(--i) * .15s),opacity .4s ease calc(var(--i) * .15s)}
#sds-view .sds-steps li:nth-child(4) .sds-step-n{background:var(--copper)}
#sds-view .sds-steps p{line-height:1.8;color:var(--ink);font-size:15.5px;max-width:28ch}
#sds-view .sds-rv.sds-in .sds-step-n{transform:none;opacity:1}
#sds-view .sds-rv.sds-in .sds-steps li::after{transform:scaleX(1)}
@media (max-width:1100px){#sds-view .sds-steps li::after{display:none}}

/* الأسطورة */
#sds-view .sds-leg{display:inline-flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border:1px solid var(--hair);border-radius:99px}
[dir="rtl"] #sds-view .sds-leg{padding:6px 6px 6px 12px}
#sds-view .sds-leg em{font-style:normal;font-size:12px;color:#5B5752;font-variant-numeric:tabular-nums}

/* الكشف العام */
#sds-view .sds-rv{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.75,.25,1)}
#sds-view .sds-rv.sds-in{opacity:1;transform:none}

/* البطاقات */
#sds-view .sds-card{position:relative;background:var(--white);opacity:0;transform:translateY(24px);
  transition:opacity .7s ease calc(var(--i) * 45ms),transform .8s cubic-bezier(.2,.75,.25,1) calc(var(--i) * 45ms),border-color .3s,box-shadow .35s}
#sds-view .sds-grid.sds-in .sds-card{opacity:1;transform:none}
#sds-view .sds-card::before{content:"";position:absolute;top:-1px;inset-inline:-1px;height:3px;background:var(--copper);
  transform:scaleX(0);transform-origin:var(--o,0 50%);transition:transform .5s cubic-bezier(.22,1,.36,1)}
[dir="rtl"] #sds-view .sds-card::before{--o:100% 50%}
#sds-view .sds-card:hover{box-shadow:0 18px 40px -26px rgba(27,26,24,.35)}
#sds-view .sds-grid.sds-in .sds-card:hover{transform:translateY(-4px)}
#sds-view .sds-card:hover::before,#sds-view .sds-card:focus-within::before{transform:scaleX(1)}
#sds-view .sds-card h3{transition:color .3s}
#sds-view .sds-card:hover h3{color:var(--copper)}
#sds-view .sds-card-act{display:flex;gap:8px;align-items:center}
#sds-view .sds-arw{transition:transform .3s}
[dir="rtl"] #sds-view .sds-arw{transform:scaleX(-1)}
#sds-view .sds-btn:hover .sds-arw{transform:translateX(3px)}
[dir="rtl"] #sds-view .sds-btn:hover .sds-arw{transform:scaleX(-1) translateX(3px)}
#sds-view .sds-card .sds-btn{min-height:44px;padding:9px 18px}

/* زر المشاركة */
#sds-view .sds-sharebtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border-radius:99px;
  border:1px solid var(--hair);background:var(--white);color:var(--char);font:inherit;font-size:14px;cursor:pointer;transition:border-color .25s,color .25s,background .25s}
#sds-view .sds-sharebtn:hover,#sds-view .sds-sharebtn[aria-expanded="true"]{border-color:var(--copper);color:var(--copper)}
#sds-view .sds-sharebtn.icon{width:44px;padding:0;justify-content:center}
#sds-view .sds-sharebtn.icon span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#sds-view .sds-sharebtn.on-dark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);color:#fff}
#sds-view .sds-sharebtn.on-dark:hover{background:#fff;color:var(--ink)}
.sds-share{position:fixed;z-index:95;width:min(260px,calc(100vw - 24px));background:var(--white);border:1px solid var(--hair);
  box-shadow:0 24px 60px -24px rgba(27,26,24,.4);padding:14px;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .25s ease}
.sds-share.open{opacity:1;transform:none}
.sds-share[hidden]{display:none}
.sds-share-t{font-size:12.5px;color:#5B5752;margin:0 4px 8px;font-weight:600}
.sds-share-l{display:grid;gap:2px}
.sds-share-i{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 10px;border:0;background:none;font:inherit;font-size:14.5px;
  color:var(--ink);cursor:pointer;text-align:start;border-radius:6px}
.sds-share-i svg{flex:0 0 auto;color:var(--char)}
.sds-share-i:hover,.sds-share-i:focus-visible{background:#F4F1ED;outline:none}
.sds-share-i:hover svg{color:var(--copper)}
.sds-share.sheet{left:0!important;right:0!important;top:auto!important;bottom:0;width:100%;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));
  border-radius:16px 16px 0 0;transform:translateY(100%)}
.sds-share.sheet.open{transform:none}
.sds-toast{position:fixed;z-index:96;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 20px;
  border-radius:99px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s,transform .3s;max-width:calc(100vw - 32px);text-align:center}
.sds-toast.show{opacity:1;transform:translate(-50%,0)}

/* مقدمة الحالة */
#sds-view .sds-lead{margin-top:clamp(30px,3.4vw,52px);max-width:66ch;font-size:clamp(17px,1.35vw,21px);line-height:1.85;color:var(--ink)}
#sds-view .sds-stat{opacity:0;transform:translateY(14px);transition:opacity .6s ease calc(var(--i) * .1s),transform .7s cubic-bezier(.2,.75,.25,1) calc(var(--i) * .1s)}
#sds-view .sds-rv.sds-in .sds-stat{opacity:1;transform:none}
#sds-view .sds-prose p{margin-top:12px}
#sds-view .sds-kv{max-width:none}
#sds-view .sds-rowh{color:var(--ink);white-space:normal;font-weight:600}
#sds-view .sds-toprow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
#sds-view .sds-h-sm{font-size:clamp(18px,1.5vw,22px)}
#sds-view .sds-q{margin-top:10px;max-width:40ch;font-size:clamp(24px,2.5vw,36px)}
#sds-view .sds-actions.big{margin-top:clamp(36px,4vw,60px)}

/* دخول الخيارات */
#sds-view .sds-enter .sds-opt{opacity:0;transform:translateY(12px);animation:sdsOptIn .55s cubic-bezier(.2,.75,.25,1) forwards;animation-delay:calc(var(--i) * 70ms + 80ms)}
@keyframes sdsOptIn{to{opacity:1;transform:none}}
#sds-view .sds-opt{transition:border-color .25s ease,background .25s ease,transform .25s ease}
#sds-view .sds-opts:not(.sds-locked) .sds-opt:hover{transform:translateX(calc(var(--dx,1) * 4px))}
[dir="rtl"] #sds-view .sds-opts{--dx:-1}
#sds-view .sds-anim .sds-opt.is-best{animation:sdsGlowBest 1.2s ease .3s 1}
@keyframes sdsGlowBest{0%{box-shadow:0 0 0 0 rgba(138,90,59,.45)}100%{box-shadow:0 0 0 12px rgba(138,90,59,0)}}
#sds-view .sds-take{position:relative;overflow:hidden}
#sds-view .sds-anim~.sds-result .sds-take{animation:sdsOptIn .6s ease .35s both}

/* الطباعة v2 */
@media print{
  #sds-print .p-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12pt;padding-bottom:8pt;border-bottom:2px solid #000;margin-bottom:10pt}
  #sds-print .p-brand{display:grid;justify-items:end;gap:2pt;font-size:8.5pt;letter-spacing:.08em}
  #sds-print .p-wm{font-family:'Poppins',sans-serif;font-size:15pt;letter-spacing:.12em;font-weight:700}
  #sds-print .p-mk{display:block;width:150pt;height:14.5pt;background-color:#000;-webkit-mask:var(--wm) no-repeat center/contain;mask:var(--wm) no-repeat center/contain;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  #sds-print .p-meta{display:grid;gap:2pt;font-size:9pt;text-align:end}
  #sds-print .p-flag{border:1px solid #000;padding:4pt 8pt;font-size:9pt;font-weight:700;margin:0 0 10pt;text-align:center}
  #sds-print .p-result{display:grid;grid-template-columns:auto 1fr;gap:14pt;align-items:center;border:1px solid #8A5A3B;padding:8pt 10pt;margin:10pt 0;break-inside:avoid}
  #sds-print .p-result b{font-size:26pt;display:block;line-height:1}
  #sds-print .p-opt.mine{border:2px solid #000}
  #sds-print .p-note{font-size:9pt;color:#444}
  #sds-print .p-legal{margin-top:18pt;padding-top:8pt;border-top:2px solid #000;break-inside:avoid;font-size:9pt}
  #sds-print .p-legal ol{padding-inline-start:14pt}
  #sds-print .p-legal li{margin:3pt 0}
  #sds-print .p-src{margin-top:6pt;font-size:8.5pt;color:#444;word-break:break-all}
  #sds-print[dir="ltr"]{direction:ltr;text-align:left}
  #sds-print[dir="ltr"] th,#sds-print[dir="ltr"] td{text-align:left}
  .sds-share,.sds-toast{display:none!important}
}

@media (max-width:680px){
  #sds-view .sds-hero{min-height:clamp(520px,120vw,640px)}
  #sds-view .sds-hero.case{min-height:clamp(420px,110vw,560px)}
  #sds-view .sds-hero-in{padding-inline:var(--pad)}
  #sds-view .sds-facts{gap:14px 22px}
  #sds-view .sds-facts b{font-size:32px}
  #sds-view .sds-hero-img{background-position:66% 60%}
  #sds-view .sds-card .sds-meta{flex-direction:column;align-items:stretch}
  #sds-view .sds-card-act{justify-content:space-between}
  #sds-view .sds-card-act .sds-btn{flex:1}
  #sds-view .sds-steps p{max-width:none}
}
@media (prefers-reduced-motion:reduce){
  #sds-view .sds-hero-img,#sds-view .sds-hero-img::after{animation:none!important;translate:none!important;transition:none!important}
  #sds-view .sds-hero-in>*,#sds-view .sds-rv,#sds-view .sds-card,#sds-view .sds-stat,#sds-view .sds-enter .sds-opt{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  #sds-view .sds-step-n{opacity:1;transform:none;transition:none}
  #sds-view .sds-steps li::after{transform:none;transition:none}
  .sds-share,.sds-toast{transition:none}
}

#sds-view .sds-stat b{unicode-bidi:isolate}
#sds-view [dir="rtl"] .sds-stat b{text-align:right}
#sds-view [dir="ltr"] .sds-stat b{text-align:left}
@media print{#sds-print .p-stats b{unicode-bidi:isolate}#sds-print[dir="rtl"] .p-stats b{text-align:right}#sds-print[dir="ltr"] .p-stats b{text-align:left}}
#sds-view .sds-segs{direction:inherit}
#sds-view [dir="ltr"] .sds-seg::after,#sds-view .sds-segs[dir="ltr"] .sds-seg::after{transform-origin:left}
#sds-view .sds-grp-l{white-space:normal;line-height:1.25;overflow:visible;text-overflow:clip;min-height:1.25em}
#sds-view .sds-bar-t{direction:inherit}
@media print{body.sds-mode #sds-print[dir="ltr"]{direction:ltr;text-align:left}body.sds-mode #sds-print[dir="ltr"] .p-meta{text-align:right}}

/* ================= SDS v3 ================= */
:root{--hublogo:url("/assets/perf/img-2.webp")}

/* ---------- التيزر ---------- */
#sds-teaser .sds-teaser-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;
  gap:clamp(24px,4vw,64px);background:var(--sds-panel);padding:clamp(36px,4.6vw,84px) var(--in)}
#sds-teaser h2{margin-top:0}
#sds-teaser h2 a{color:inherit;text-decoration:none;transition:color .3s}
#sds-teaser h2 a:hover{color:var(--copper)}
#sds-teaser .sds-t-lede{color:#3F3B37;max-width:52ch}
#sds-teaser .sds-by{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;vertical-align:middle;margin-inline-start:4px;
  padding:3px 10px;border:1px solid var(--hair);border-radius:99px;background:#fff;font-size:12.5px;color:var(--char);line-height:1.6}
#sds-teaser .sds-by-mk{display:inline-block;height:11px;aspect-ratio:1400/134;background-color:var(--ink);
  -webkit-mask:var(--wm) no-repeat center/contain;mask:var(--wm) no-repeat center/contain}
#sds-teaser .sds-t-h{margin-top:clamp(22px,2.4vw,32px);font-size:15px;font-weight:700;color:var(--ink)}
#sds-teaser .sds-t-pts{list-style:none;margin-top:10px;display:grid;gap:8px;max-width:56ch}
#sds-teaser .sds-t-pts li{position:relative;padding-inline-start:22px;font-size:14.5px;line-height:1.75;color:#3F3B37}
#sds-teaser .sds-t-pts li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:9px;height:9px;border-radius:50%;
  border:2px solid var(--copper);background:var(--sds-panel)}
#sds-teaser .sds-t-strength{margin-top:18px;padding-inline-start:14px;border-inline-start:2px solid var(--copper);font-size:14.5px;line-height:1.8;
  color:var(--ink);font-weight:500;max-width:56ch}
#sds-teaser .pill{pointer-events:auto;margin-top:26px}
#sds-teaser .sds-t-art{position:relative;width:100%;max-width:640px;justify-self:center}

/* الشبكة */
#sds-teaser .sds-net{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;cursor:crosshair;transform:none!important}
#sds-teaser .n-link{fill:none;stroke:#CFC9C1;stroke-width:1;opacity:.7}
#sds-teaser .n-main{fill:none;stroke:var(--copper);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
#sds-teaser .n-line{fill:none;stroke:#BDB7B0;stroke-width:1;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:.8;
  transition:stroke .3s ease,stroke-width .3s ease,opacity .3s ease}
#sds-teaser .n-tip{fill:#BDB7B0;transition:fill .3s,r .3s}
#sds-teaser .n-t.on .n-line{stroke:var(--copper);stroke-width:1.8;opacity:1}
#sds-teaser .n-t.on .n-tip{fill:var(--accent);r:3.6}
#sds-teaser .n-node{fill:var(--sds-panel);stroke:var(--ink);stroke-width:1.4}
#sds-teaser .n-node.start{fill:var(--copper);stroke:var(--copper)}
#sds-teaser .n-node.end{fill:var(--sds-panel);stroke:var(--ink);stroke-width:2}
#sds-teaser .n-node.ring{stroke-width:2}
#sds-teaser .n-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke}
#sds-teaser circle.n-hit{fill:transparent;pointer-events:all;stroke:none}
#sds-teaser .n-word{font-size:12px;font-weight:600;fill:var(--copper);opacity:0;pointer-events:none;
  transform-box:fill-box;transform-origin:50% 100%;transform:translateY(6px) scale(.8);
  transition:opacity .35s ease,transform .45s cubic-bezier(.3,1.4,.5,1);paint-order:stroke;stroke:var(--sds-panel);stroke-width:4px;stroke-linejoin:round}
body.lang-ar #sds-teaser .n-word{font-family:'Noto Kufi Arabic',system-ui,sans-serif;font-size:13px}
body.lang-en #sds-teaser .n-word{font-family:'Poppins',system-ui,sans-serif;letter-spacing:.01em}
#sds-teaser .n-word.on{opacity:1;transform:none}
#sds-teaser.sds-arm .n-main,#sds-teaser.sds-arm .n-line{stroke-dashoffset:1}
#sds-teaser.sds-arm .n-node,#sds-teaser.sds-arm .n-link{opacity:0}
#sds-teaser.sds-drawn .n-line{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s cubic-bezier(.55,.1,.2,1) var(--d),stroke .3s,stroke-width .3s,opacity .3s}
#sds-teaser.sds-drawn .n-main{stroke-dashoffset:0;transition:stroke-dashoffset 2.2s cubic-bezier(.55,.1,.2,1) .2s}
#sds-teaser.sds-drawn .n-node{opacity:1;transition:opacity .6s ease .3s}
#sds-teaser.sds-drawn .n-link{opacity:.7;transition:opacity 1.2s ease .6s}
#sds-teaser .n-node.start{animation:nPulse 2.8s ease-in-out infinite}
@keyframes nPulse{0%,100%{stroke-width:0}50%{stroke-width:8;stroke:rgba(138,90,59,.25)}}
@media (max-width:1100px){#sds-teaser .sds-teaser-panel{grid-template-columns:1fr}#sds-teaser .sds-t-art{order:-1;max-width:560px}}
@media (max-width:680px){
  #sds-teaser .sds-teaser-panel{margin-inline:calc(var(--pad) * -1);padding:32px var(--pad) 40px}
  #sds-teaser .sds-by{margin-top:6px}
  #sds-teaser .n-word{font-size:15px}
  body.lang-ar #sds-teaser .n-word{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  #sds-teaser .n-main,#sds-teaser .n-line{stroke-dashoffset:0!important;transition:none!important}
  #sds-teaser .n-node,#sds-teaser .n-link{opacity:1!important}
  #sds-teaser .n-node.start{animation:none}
}

/* ---------- شعار مركز الابتكار الرسمي ---------- */
#sds-view .sds-hublogo{display:block;width:clamp(210px,24vw,320px);aspect-ratio:694/118;background:var(--hublogo) no-repeat left center/contain}
#sds-view .sds-hublogo.light{filter:invert(1)}
[dir="rtl"] #sds-view .sds-hublogo{background-position:right center;margin-inline-start:0}

/* ---------- تغيير الاختيار ---------- */
#sds-view .sds-locked .sds-opt{cursor:pointer}
#sds-view .sds-locked .sds-opt:not(.is-chosen):hover{border-color:var(--copper)}
#sds-view .sds-retry{font-size:14px;color:var(--char);padding:10px 14px;background:var(--sds-panel);display:inline-block;line-height:1.7}

/* ---------- قراءة البطاقات ---------- */
#sds-view .sds-card{box-shadow:none}
@media (max-width:680px){
  #sds-view .sds-grid{padding-bottom:12px}
  #sds-view .sds-filter{padding-top:4px;padding-bottom:10px}
  #sds-view .sds-hero-h{text-shadow:none}
  #sds-view .sds-hero-tint{background:linear-gradient(180deg,rgba(8,9,11,.5) 0%,rgba(8,9,11,.15) 22%,rgba(8,9,11,.55) 50%,rgba(8,9,11,.93) 100%)}
  #sds-view .sds-hero-tint::after{background:none}
  #sds-view .sds-hero-img{inset:-4% -8%}
  #sds-view .sds-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  #sds-view .sds-facts li{padding-inline-start:10px}
  #sds-view .sds-facts b{font-size:30px}
  #sds-view .sds-facts span{font-size:12.5px;line-height:1.5}
  .sds-share.sheet{box-shadow:0 -12px 40px -12px rgba(27,26,24,.35)}
}

/* ---------- الطباعة v3 ---------- */
@media print{
  @page{margin:0;size:A4}
  body.sds-mode #sds-print .p-frame{width:100%;border-collapse:collapse;margin:0;break-inside:auto}
  body.sds-mode #sds-print .p-frame>thead>tr>td,body.sds-mode #sds-print .p-frame>tfoot>tr>td{border:0;padding:0 14mm}
  body.sds-mode #sds-print .p-frame>tbody>tr>td{border:0;padding:0 14mm;text-align:inherit}
  #sds-print .p-top{display:flex;direction:ltr;justify-content:space-between;align-items:center;gap:14mm;padding:9mm 0 4mm;border-bottom:1.5px solid #000;margin-bottom:5mm}
  #sds-print .p-hublogo{flex:0 0 auto;width:62mm;aspect-ratio:694/118;background:var(--hublogo) no-repeat left center/contain;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  #sds-print .p-hub{max-width:110mm;font-size:7.6pt;line-height:1.6;color:#333}
  #sds-print[dir="rtl"] .p-hub{direction:rtl;text-align:right}
  #sds-print[dir="ltr"] .p-hub{direction:ltr;text-align:left}
  #sds-print .p-hub b{display:block;font-size:9pt;color:#8A5A3B;margin-bottom:1pt}
  #sds-print .p-hub p{margin:0}
  #sds-print .p-bottom{display:flex;direction:ltr;justify-content:space-between;align-items:flex-end;gap:10mm;border-top:1px solid #999;padding:3mm 0 8mm;margin-top:5mm;font-size:7.6pt;color:#333}
  #sds-print .p-contact{display:grid;gap:1pt;direction:ltr;text-align:left;font-family:'Poppins',sans-serif}
  #sds-print .p-addr{display:grid;gap:1pt}
  #sds-print[dir="rtl"] .p-addr{direction:rtl;text-align:right}
  #sds-print[dir="ltr"] .p-addr{direction:ltr;text-align:right}
  #sds-print .p-addr b{color:#000}
  #sds-print .p-meta{display:flex;justify-content:space-between;gap:10pt;font-size:9pt;margin:0 0 6pt}
  #sds-print .p-head,#sds-print .p-foot{display:none}
}
@media print{#sds-print .p-lab{break-after:avoid}#sds-print .p-point h2{break-after:avoid}}

/* ---------- الشبكة v2: تركيز وتخفيف ---------- */
#sds-teaser .sds-teaser-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(20px,3vw,48px);padding-inline:var(--in) clamp(16px,2vw,32px)}
[dir="rtl"] #sds-teaser .sds-teaser-panel{padding-inline:var(--in) clamp(16px,2vw,32px)}
#sds-teaser .sds-t-art{max-width:none}
#sds-teaser .n-word{font-size:14px}
body.lang-ar #sds-teaser .n-word{font-size:15px}
#sds-teaser .n-word.on{fill:#B58B6C}
#sds-teaser .n-word.focus{fill:var(--ink);font-weight:700;opacity:1;font-size:16px}
body.lang-ar #sds-teaser .n-word.focus{font-size:17px}
#sds-teaser .has-focus .n-word.on:not(.focus){opacity:.3}
#sds-teaser .n-t.on .n-line{stroke:#C9A88E;stroke-width:1.5}
#sds-teaser .n-t.focus .n-line{stroke:var(--ink);stroke-width:2}
#sds-teaser .n-t.focus .n-tip{fill:var(--copper);r:4.2}
#sds-teaser .has-focus .n-t.on:not(.focus) .n-line{opacity:.45}
@media (max-width:1100px){
  #sds-teaser .sds-teaser-panel{grid-template-columns:1fr;padding-inline:var(--in)}
  #sds-teaser .sds-t-art{max-width:760px;width:100%}
}
@media (max-width:680px){
  #sds-teaser .sds-teaser-panel{padding-inline:var(--pad)}
  #sds-teaser .sds-t-art{margin-inline:calc(var(--pad) * -.5);width:calc(100% + var(--pad))}
  #sds-teaser .n-word{font-size:14px}
  body.lang-ar #sds-teaser .n-word{font-size:15px}
  #sds-teaser .n-word.focus{font-size:17px}
  body.lang-ar #sds-teaser .n-word.focus{font-size:18px}
}

/* ---------- بطاقات الخدمات: تغمق عند المرور ---------- */
@media (min-width:681px){
  .acc .disc .veil::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,15,13,.55),rgba(16,15,13,.72));
    opacity:0;transition:opacity .5s ease}
  .acc .disc:hover .veil::after,.acc .disc:focus-visible .veil::after,.acc .disc.open .veil::after{opacity:1}
}

/* ---------- عنوان المنظومة: في المنتصف ---------- */
#eco>.split.eco-center{display:block;text-align:center}
#eco>.split.eco-center h2{margin-inline:auto;text-align:center}

/* ================= SDS v4 ================= */
/* القفل النصّي لمركز الابتكار */
#sds-view .sds-lockup{display:inline-grid;justify-items:end;gap:7px}
#sds-view .sds-lockup .sds-mk{display:block;height:clamp(22px,2.2vw,34px);aspect-ratio:1400/134;background-color:var(--ink);
  -webkit-mask:var(--wm) no-repeat center/contain;mask:var(--wm) no-repeat center/contain}
#sds-view .sds-lockup .sds-tg{color:var(--ink);line-height:1;font-weight:500;white-space:nowrap}
body.lang-en #sds-view .sds-lockup .sds-tg{font-family:'Poppins',system-ui,sans-serif;font-size:clamp(13px,1.15vw,17px);letter-spacing:.02em}
body.lang-ar #sds-view .sds-lockup .sds-tg{font-family:'Noto Kufi Arabic',system-ui,sans-serif;font-size:clamp(14px,1.15vw,18px);direction:rtl}
#sds-view .sds-lockup.light .sds-mk{background-color:#fff}
#sds-view .sds-lockup.light .sds-tg{color:#fff}
#sds-view .sds-byline{margin-top:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,.78)}
#sds-view .sds-hero .sds-lockup+.sds-byline{margin-bottom:2px}

/* شبكة أصغر وأكثف */
#sds-teaser .sds-teaser-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
#sds-teaser .sds-t-art{max-width:600px;justify-self:center}
#sds-teaser .n-link{stroke-width:.9;opacity:.6}
#sds-teaser .n-line{stroke-width:.9}
#sds-teaser .n-pulse{fill:var(--copper)}
#sds-teaser .n-word{font-size:12.5px}
body.lang-ar #sds-teaser .n-word{font-size:13.5px}
#sds-teaser .n-word.focus{font-size:15px}
body.lang-ar #sds-teaser .n-word.focus{font-size:16px}
@media (max-width:1100px){
  #sds-teaser .sds-teaser-panel{grid-template-columns:1fr;gap:clamp(20px,4vw,36px)}
  #sds-teaser .sds-t-art{order:-1;max-width:620px;width:100%}
  #sds-teaser h2,#sds-teaser .sds-t-lede,#sds-teaser .sds-t-strength{max-width:none}
}
@media (max-width:680px){
  #sds-teaser .sds-t-art{max-width:none;margin-inline:calc(var(--pad) * -.5);width:calc(100% + var(--pad))}
  #sds-teaser .sds-t-strength{font-size:15px}
  #sds-teaser .pill{margin-top:22px}
  #sds-teaser .n-word{font-size:calc(11.5px * var(--nk,1))}
  body.lang-ar #sds-teaser .n-word{font-size:calc(12.5px * var(--nk,1))}
  #sds-teaser .n-word.focus{font-size:calc(13px * var(--nk,1))}
  body.lang-ar #sds-teaser .n-word.focus{font-size:calc(14px * var(--nk,1))}
}

/* الطباعة v4: أصغر وأكثف مع رسوم */
@media print{
  body.sds-mode #sds-print{font-size:9pt;line-height:1.6}
  #sds-print h1{font-size:15.5pt;line-height:1.25;margin:4pt 0 3pt}
  #sds-print h2{font-size:11pt;margin:10pt 0 3pt}
  #sds-print h3{font-size:9.5pt;margin:7pt 0 2pt}
  #sds-print p{margin:2.5pt 0}
  #sds-print .p-meta{font-size:8pt;margin-bottom:4pt}
  #sds-print .p-flag{font-size:8pt;padding:3pt 6pt;margin-bottom:7pt}
  #sds-print .p-lab{font-size:8.5pt}
  #sds-print .p-stats{grid-template-columns:repeat(4,1fr);gap:6pt;margin:7pt 0;font-size:8pt}
  #sds-print .p-stats b{font-size:13pt;font-weight:700}
  #sds-print .p-result{padding:6pt 8pt;margin:7pt 0}
  #sds-print .p-result b{font-size:19pt}
  #sds-print table{font-size:8.2pt;margin:4pt 0}
  #sds-print th,#sds-print td{padding:2pt 3pt}
  #sds-print .p-point{margin-top:9pt;padding-top:5pt}
  #sds-print .p-opt{margin:3pt 0;padding:3pt 6pt}
  #sds-print .p-v{font-size:8.5pt}
  #sds-print .p-take{padding:4pt 6pt;margin-top:4pt}
  #sds-print .p-note{font-size:8pt}
  #sds-print ol,#sds-print ul{padding-inline-start:14pt}
  #sds-print li{margin:2pt 0}
  #sds-print .p-legal{font-size:8pt;margin-top:12pt;padding-top:5pt}
  #sds-print .p-legal p{text-align:justify}
  #sds-print .p-cs{font-family:'Poppins',sans-serif;white-space:nowrap}
  #sds-print .p-cs i{font-style:normal;font-weight:400;letter-spacing:.12em}
  #sds-print .p-cs b{font-weight:800;letter-spacing:.03em}
  /* الترويسة */
  #sds-print .p-lock{display:grid;justify-items:end;gap:2pt;flex:0 0 auto}
  #sds-print .p-wm2{font-size:14pt;line-height:1}
  #sds-print .p-sub{font-size:8.5pt;line-height:1;font-weight:500}
  #sds-print .p-hub{font-size:7.4pt;color:#222;max-width:118mm}
  #sds-print .p-hub b{display:inline;font-size:8pt;color:#8A5A3B}
  #sds-print .p-hub .p-cs{font-size:8pt;color:#8A5A3B}
  #sds-print .p-hub p{margin-top:1.5pt}
  #sds-print .p-bottom{font-size:7.4pt;color:#222}
  #sds-print .p-addr b{font-size:7.8pt}
  /* الرسوم */
  #sds-print .p-chart{margin:7pt 0;break-inside:avoid}
  #sds-print .p-row{display:grid;grid-template-columns:38mm 1fr 12mm;gap:4pt;align-items:center;font-size:8pt;margin:2pt 0}
  #sds-print .p-track{display:block;height:4pt;background:#E3DFD9;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #sds-print .p-track>span{display:block;height:100%;background:#8A5A3B;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #sds-print[dir="rtl"] .p-track>span{margin-inline-start:auto}
  #sds-print .p-row b{text-align:end;font-weight:700}
  #sds-print .p-flow{margin:6pt 0 9pt;break-inside:avoid}
  #sds-print .p-flow ol{display:flex;flex-wrap:wrap;gap:3pt;padding:0;list-style:none;margin-top:3pt}
  #sds-print .p-flow li{display:flex;align-items:center;gap:3pt;border:1px solid #8A5A3B;padding:2pt 5pt;font-size:7.6pt}
  #sds-print .p-flow li b{background:#8A5A3B;color:#fff;width:11pt;height:11pt;display:grid;place-items:center;font-size:7pt;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  #sds-print .p-hublogo{display:none}
}

@media print{
  /* تقطيع الصفحات: جداول لا تُقصّ بلا داعٍ، ورؤوس تتكرر عند الاضطرار */
  body.sds-mode #sds-print table.p-frame{break-inside:auto}
  body.sds-mode #sds-print .p-body table{break-inside:avoid-page}
  body.sds-mode #sds-print .p-body thead{display:table-header-group}
  body.sds-mode #sds-print .p-body tfoot{display:table-row-group}
  body.sds-mode #sds-print .p-body tr{break-inside:avoid;break-after:auto}
  #sds-print .p-tablewrap{break-inside:avoid-page}
  #sds-print h3+table{break-before:avoid}
  #sds-print .p-note{break-before:avoid}
  #sds-print .p-opt,#sds-print .p-take,#sds-print .p-stats,#sds-print .p-result{break-inside:avoid}
  #sds-print .p-point>h2{break-after:avoid}
  #sds-print .p-legal{break-before:auto}
  #sds-print p{orphans:2;widows:2}
}

/* ---------- رسوم الجداول ---------- */
#sds-view .sds-fig{margin-top:14px;padding:14px 16px;background:var(--sds-panel);border-inline-start:2px solid var(--copper)}
#sds-view .sds-fig figcaption{font-size:12.5px;font-weight:600;color:var(--copper);margin-bottom:10px}
#sds-view .sds-figrows{display:grid;gap:8px}
#sds-view .sds-figrow{display:grid;grid-template-columns:minmax(90px,30%) 1fr auto;gap:12px;align-items:center;font-size:13.5px}
#sds-view .sds-figlab{color:var(--char);line-height:1.5}
#sds-view .sds-figbar{display:block;height:9px;background:#E6E1DA;border-radius:5px;overflow:hidden}
#sds-view .sds-figbar>span{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--copper),#B5794F);border-radius:5px;
  transform-origin:var(--o,0 50%);animation:sdsBar .8s cubic-bezier(.2,.75,.25,1) calc(var(--i) * 70ms) both}
[dir="rtl"] #sds-view .sds-figbar>span{--o:100% 50%}
@keyframes sdsBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
#sds-view .sds-figrow b{font-weight:700;font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink);min-width:48px;text-align:end}
@media (max-width:680px){
  #sds-view .sds-figrow{grid-template-columns:1fr auto;row-gap:4px}
  #sds-view .sds-figbar{grid-column:1 / -1}
}

/* ---------- مسار القرار (Smart Art) ---------- */
#sds-view .sds-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
#sds-view .sds-flow li{position:relative;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--hair);background:var(--white);
  opacity:0;transform:translateY(12px);transition:opacity .6s ease calc(var(--i) * 60ms),transform .7s cubic-bezier(.2,.75,.25,1) calc(var(--i) * 60ms),border-color .3s}
#sds-view .sds-rv.sds-in .sds-flow li,#sds-view .sds-sec .sds-flow li{opacity:1;transform:none}
#sds-view .sds-flow li:hover{border-color:var(--copper)}
#sds-view .sds-flow li::after{content:"";position:absolute;top:24px;inset-inline-end:-10px;width:10px;height:1px;background:var(--hair)}
#sds-view .sds-flow li:nth-child(4n)::after,#sds-view .sds-flow li:last-child::after{display:none}
#sds-view .sds-flow-n{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;
  font-family:'Poppins',system-ui,sans-serif;font-size:12px;font-weight:600}
#sds-view .sds-flow.scored .sds-flow-n{background:var(--copper)}
#sds-view .sds-flow-b{display:grid;gap:4px;min-width:0}
#sds-view .sds-flow-b b{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.4}
#sds-view .sds-flow-b em{font-style:normal;font-size:12px;color:var(--body);font-variant-numeric:tabular-nums}
#sds-view .sds-flow-t{display:block;height:4px;background:#E6E1DA;border-radius:3px;overflow:hidden;margin-top:2px}
#sds-view .sds-flow-t>span{display:block;height:100%;width:var(--w);background:var(--copper);border-radius:3px}
@media (max-width:1100px){#sds-view .sds-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #sds-view .sds-flow li:nth-child(4n)::after{display:block}#sds-view .sds-flow li:nth-child(2n)::after{display:none}}
@media (max-width:680px){#sds-view .sds-flow{grid-template-columns:1fr}#sds-view .sds-flow li::after{display:none}}
@media (prefers-reduced-motion:reduce){
  #sds-view .sds-figbar>span{animation:none}
  #sds-view .sds-flow li{opacity:1;transform:none;transition:none}
}

@media print{
  /* رسوم الجداول في التقرير */
  #sds-print .p-fig{margin:4pt 0 6pt;padding:4pt 6pt;background:#F4F1ED;border-inline-start:2pt solid #8A5A3B;
    break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #sds-print .p-figc{display:block;font-size:7.6pt;font-weight:700;color:#8A5A3B;margin-bottom:2pt}
  #sds-print .p-figrow{display:grid;grid-template-columns:34mm 1fr 14mm;gap:4pt;align-items:center;font-size:7.6pt;margin:1.5pt 0;break-inside:avoid}
  #sds-print .p-figbar{display:block;height:3.5pt;background:#E0DAD2;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #sds-print .p-figbar>span{display:block;height:100%;background:#8A5A3B;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #sds-print[dir="rtl"] .p-figbar>span{margin-inline-start:auto}
  #sds-print .p-figrow b{text-align:end;font-weight:700}
  /* لا قصّ للرسوم ولا لعناصر المسار */
  #sds-print .p-flow,#sds-print .p-flow li,#sds-print .p-chart,#sds-print .p-row{break-inside:avoid}
  #sds-print .p-figc{break-after:avoid}
}

/* ---------- الشبكة: حركة دائمة وتفاعل بالقرب ---------- */
#sds-teaser .n-t{animation:nDrift var(--dur,9s) ease-in-out var(--dl,0s) infinite alternate}
@keyframes nDrift{from{transform:translate(0,0)}to{transform:translate(var(--dx,3px),var(--dy,3px))}}
#sds-teaser .n-t.near .n-line{stroke:#C2A184;opacity:1;stroke-width:1.3}
#sds-teaser .n-t.near .n-tip{fill:var(--accent);r:3}
#sds-teaser .n-node{transform-box:fill-box;transform-origin:center;animation:nBreath 6s ease-in-out infinite alternate}
#sds-teaser .n-node:nth-child(2n){animation-duration:7.5s;animation-delay:-2s}
#sds-teaser .n-node:nth-child(3n){animation-duration:9s;animation-delay:-4s}
@keyframes nBreath{from{transform:scale(1)}to{transform:scale(1.18)}}
#sds-teaser .n-link{animation:nFade 8s ease-in-out infinite alternate}
@keyframes nFade{from{opacity:.42}to{opacity:.72}}
#sds-teaser .n-pulse.thin{fill:var(--accent)}
#sds-teaser .sds-net{will-change:transform}
@media (prefers-reduced-motion:reduce){
  #sds-teaser .n-t,#sds-teaser .n-node,#sds-teaser .n-link{animation:none!important}
}

/* ---------- الشبكة v3: نواة CROSS-SECTOR وتفرعات ---------- */
#sds-teaser .n-link{stroke:#CFC9C1;stroke-width:.9;fill:none;opacity:.65}
#sds-teaser .n-link.main{stroke:#B8A393;stroke-width:1.3;opacity:.85}
#sds-teaser .n-node.prim{fill:var(--sds-panel);stroke:var(--copper);stroke-width:1.6}
#sds-teaser .n-node.sec{fill:var(--sds-panel);stroke:#B49274;stroke-width:1.2}
#sds-teaser .n-node.tip{fill:#C8C2BA;stroke:none;animation:none}
#sds-teaser .n-ring{fill:none;stroke:var(--ink);stroke-width:1.4;animation:nRing 5s ease-in-out infinite}
#sds-teaser .n-ring2{fill:none;stroke:var(--copper);stroke-width:.8;opacity:.5;stroke-dasharray:3 6;
  transform-box:fill-box;transform-origin:center;animation:nSpin 26s linear infinite}
#sds-teaser .n-dot{fill:var(--copper);stroke:none;transform-box:fill-box;transform-origin:center;animation:nBreath 3.6s ease-in-out infinite alternate}
@keyframes nRing{0%,100%{opacity:.85;stroke-width:1.4}50%{opacity:.45;stroke-width:1.9}}
@keyframes nSpin{to{transform:rotate(360deg)}}
#sds-teaser .n-brand{font-family:'Poppins',system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;fill:var(--ink);
  paint-order:stroke;stroke:var(--sds-panel);stroke-width:5px;stroke-linejoin:round}
#sds-teaser .n-word{transition:opacity .22s ease,transform .3s cubic-bezier(.3,1.5,.5,1)}
#sds-teaser .n-t .n-line,#sds-teaser .n-t .n-tip{transition:stroke .22s ease,stroke-width .22s ease,opacity .22s ease,fill .22s ease,r .22s ease}
@media (max-width:680px){#sds-teaser .n-brand{font-size:11px;letter-spacing:.1em}}
@media (prefers-reduced-motion:reduce){
  #sds-teaser .n-ring,#sds-teaser .n-ring2,#sds-teaser .n-dot{animation:none}
}
#sds-teaser .n-link.web{stroke:#D8D2CA;stroke-width:.7;opacity:.5}
#sds-teaser .n-link.twig{stroke:#D3CDC5;stroke-width:.75;opacity:.6}
#sds-teaser .n-node.twig{fill:#CFC9C1;stroke:none;animation:none}

/* ================= SDS v5: تقليل الصناديق ================= */
/* الخيارات: خطوط فاصلة رقيقة بدل المربعات */
#sds-view .sds-opts{gap:0;border-top:1px solid var(--hair)}
#sds-view .sds-opt{border:0!important;border-bottom:1px solid var(--hair)!important;background:transparent;
  padding:20px 8px;border-radius:0}
#sds-view .sds-opt:hover{background:rgba(138,90,59,.045)}
#sds-view .sds-locked .sds-opt.is-best{background:rgba(138,90,59,.06)}
#sds-view .sds-locked .sds-opt.is-chosen{background:var(--sds-panel);box-shadow:0 10px 30px -18px rgba(27,26,24,.5);padding:20px 12px}
#sds-view .sds-locked .sds-opt.is-chosen.is-best{background:rgba(138,90,59,.09)}
#sds-view .sds-anim .sds-opt.is-best{animation:none}
#sds-view .sds-opts:not(.sds-locked) .sds-opt:hover{transform:none}
/* الخلاصة العملية والنتيجة: خطوط لا إطارات */
#sds-view .sds-take{border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--hair);padding:18px 0}
#sds-view .sds-callout{background:transparent;padding:16px 0 0;border-inline-start:0;border-top:1px solid var(--hair)}
#sds-view .sds-callout .sds-label{color:var(--copper)}
#sds-view .sds-retry{background:transparent;padding:10px 0 0}
/* بطاقات المحاكاة: بلا إطار، تتلوّن عند المرور */
#sds-view .sds-card{border:0;border-top:1px solid var(--hair);background:transparent;box-shadow:none;padding:22px 16px}
#sds-view .sds-card:hover{background:var(--sds-panel);border-color:var(--hair);box-shadow:none}
#sds-view .sds-grid.sds-in .sds-card:hover{transform:none}
#sds-view .sds-card::before{inset-inline:0}
/* مسار القرار: بلا مربعات */
#sds-view .sds-flow li{border:0;border-top:1px solid var(--hair);background:transparent;padding:12px 4px}
#sds-view .sds-flow li:hover{background:var(--sds-panel)}
#sds-view .sds-flow li::after{display:none}
/* التنبيه والرسوم: خفيفة */
#sds-view .sds-fig{background:transparent;border-inline-start:0;border-top:1px solid var(--hair);padding:14px 0 0}
#sds-view .sds-disc{background:var(--sds-panel);border-inline-start:0}
#sds-view .sds-status{border-color:var(--hair)}

/* ---------- التقرير: خطوط فاصلة بدل الإطارات ---------- */
@media print{
  #sds-print .p-meta b{font-size:16pt;font-weight:800;letter-spacing:-.01em}
  #sds-print .p-meta{align-items:baseline;margin-bottom:8pt}
  #sds-print .p-opt{border:0;border-bottom:.5pt solid #ccc;padding:4pt 0;margin:0}
  #sds-print .p-opt.best{border-inline-start:2pt solid #8A5A3B;padding-inline-start:5pt;background:#F6F3EF;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  #sds-print .p-opt.mine{border:0;border-bottom:.5pt solid #999;background:#EFEBE6;padding-inline:5pt;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  #sds-print .p-opt.best.mine{background:#EFE6DC}
  #sds-print .p-take{border:0;border-top:.8pt solid #000;border-bottom:.8pt solid #000;padding:4pt 0;margin-top:6pt}
  #sds-print .p-result{border:0;border-top:1pt solid #8A5A3B;border-bottom:1pt solid #8A5A3B;padding:6pt 0}
  #sds-print .p-fig{background:transparent;border-inline-start:0;border-top:.5pt solid #ccc;padding:4pt 0 2pt}
  #sds-print .p-flow li{border:0;border-top:.5pt solid #bbb;padding:2pt 0;gap:4pt;display:flex}
  #sds-print .p-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:0 8pt}
  #sds-print .p-point{border-top:.8pt solid #999}
  #sds-print h2{border-top:.8pt solid #999;padding-top:5pt}
  #sds-print .p-point h2{border-top:0;padding-top:0}
  #sds-print .p-legal h2{border-top:0}
  #sds-print .p-stats{border-top:.5pt solid #bbb}
}


/* عناوين عربية بسطرين ثابتين */
@media (min-width:721px){
  body.lang-ar .join-inner h2,
  body.lang-ar .hero-aside p{white-space:nowrap}
  body.lang-ar .join-inner{max-width:min(94%,780px)}
  body.lang-ar .hero-aside p{font-size:clamp(15px,1.2vw,18px)}
}
@media (min-width:681px){
  body.lang-ar .ih-title{max-width:none;white-space:nowrap}
}
/* الحجم يُحسب من عرض الحاوية نفسها: أطول سطر يتسع دائماً في سطره */
.hero-aside{container-type:inline-size}
body.lang-ar .hero-aside p{white-space:nowrap;font-size:min(clamp(15px,1.2vw,18px),4.5cqi)}
@media (max-width:1100px){
  .join-inner{container-type:inline-size}
  body.lang-ar .join-inner h2{white-space:nowrap;font-size:min(clamp(20px,2.1vw,33px),5.6cqi);line-height:1.45}
}
@media (max-width:720px){
  body.lang-ar .hero-aside p{font-size:min(15px,4.5cqi);line-height:1.85}
}

/* ===== مركز الابتكار (جوال): الصورة خلفية تمتد حتى نهاية الوصف، بلا شريط ظل ===== */
@media (max-width:680px){
  #hub .ih-panel{position:relative;overflow:hidden}
  #hub .ih-shot{position:absolute;inset:0 0 auto 0;height:var(--ih-h,100%);
    animation:none!important;scale:1!important;translate:none!important;background-color:#ECEBE8;background-size:auto min(152vw,640px);background-position:78% 0}
  #hub .ih-wash{inset:0 0 auto 0;height:var(--ih-h,100%);
    background:linear-gradient(180deg,rgba(236,235,232,0) 0%,rgba(236,235,232,0) 50%,rgba(236,235,232,.72) 62%,rgba(236,235,232,.86) 78%,rgba(236,235,232,.92) 94%,#ECEBE8 100%)!important}
  #hub .ih-inner{margin-top:0;padding:min(96vw,420px) var(--pad) 44px}
}

/* ===== كلمات الشبكة التفاعلية: أكبر على سطح المكتب ===== */
@media (min-width:681px){
  #sds-teaser .n-word{font-size:17px}
  body.lang-ar #sds-teaser .n-word{font-size:19px}
  #sds-teaser .n-word.focus{font-size:21px}
  body.lang-ar #sds-teaser .n-word.focus{font-size:23px}
}

/* ===== شعارات قسم الريادة ===== */
.ps-nm,.ps-nm-sm{white-space:nowrap}
/* الإنجليزي: شعار مركز الابتكار بنفس بناء شعار CrossWire */
body.lang-en .ps-nm-sm{letter-spacing:.06em;font-size:clamp(10px,.8vw,12.5px)}
body.lang-en .ps-sub{justify-items:end}
/* العربي: الشعار الكبير يميناً، والشعاران الفرعيان تحته */
body.lang-ar .ps .ps-brands{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;
  gap:clamp(14px,1.6vw,20px) clamp(26px,2.6vw,40px)}
body.lang-ar .ps-main{flex:0 0 auto;height:clamp(24px,2vw,32px);max-width:none}
body.lang-ar .ps-sep{display:block;flex:0 0 100%;width:auto;height:0;min-height:0;background:none}
body.lang-ar .ps-mk{height:clamp(11px,.85vw,13px)}
body.lang-ar .ps-nm-sm{font-size:clamp(11.5px,.9vw,13px)}
@media (max-width:680px){
  body.lang-ar .ps .ps-brands{gap:14px 26px}
  body.lang-ar .ps-main{height:24px}
}

/* ===== الشعار النصي CROSS-SECTOR (SECTOR ثقيل) ===== */
.wm-txt{font-family:'Poppins',system-ui,sans-serif;font-weight:300;letter-spacing:.14em;white-space:nowrap;unicode-bidi:isolate}
.wm-txt b{font-weight:800;letter-spacing:.03em}

/* ===== «أحد منتجات» في قسم المحاكاة: سطر مستقل بلا فراغ زائد ===== */
#sds-teaser .sds-by{display:flex;width:fit-content;align-items:baseline;gap:0;margin:14px 0 0;
  padding:4px 12px;line-height:1.5;font-size:12.5px;vertical-align:baseline}
#sds-teaser .sds-by>span:first-child{margin-inline-end:.45em}
#sds-teaser .sds-by .wm-txt{font-size:11.5px;color:var(--ink)}
#sds-view .sds-byline .wm-txt{font-size:.92em}

/* ===== الشعارات الفرعية: حجم واحد للطرفين، والنص ينتهي عند حرف R ===== */
.ps .ps-sub .ps-nm{font-family:'Poppins',system-ui,sans-serif;font-weight:400;letter-spacing:.06em;
  font-size:clamp(10px,.8vw,12px);line-height:1;white-space:nowrap}
body.lang-ar .ps .ps-sub .ps-nm-sm{font-family:'Noto Kufi Arabic',system-ui,sans-serif;letter-spacing:0;font-weight:400;
  font-size:clamp(10.5px,.84vw,12.5px)}
.ps .ps-sub{gap:4px}

/* ===== قسم المحاكاة: تباعد أسطر موزون، وخطوط أصغر على الجوال ===== */
body.lang-ar #sds-teaser .sds-t-lede{line-height:1.85}
body.lang-en #sds-teaser .sds-t-lede{line-height:1.7}
#sds-teaser .sds-t-strength{line-height:1.75}
@media (max-width:680px){
  #sds-teaser h2{font-size:clamp(24px,6.6vw,28px);line-height:1.3}
  body.lang-ar #sds-teaser .sds-t-lede{font-size:14.5px;line-height:1.85}
  body.lang-en #sds-teaser .sds-t-lede{font-size:14px;line-height:1.7}
  #sds-teaser .sds-t-strength{font-size:13.5px;line-height:1.75;margin-top:16px}
  #sds-teaser .sds-by{margin-top:12px}
  #sds-teaser .pill{margin-top:20px}
}

/* ===== الريادة بالإنجليزي على الجوال: توزيع متوازن للشعارات ===== */
@media (max-width:680px){
  body.lang-en .ps .ps-brands{display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:end;gap:18px 20px}
  body.lang-en .ps .ps-main{grid-column:1/-1;height:22px;max-width:none;justify-self:start}
  body.lang-en .ps .ps-sep{display:none}
  body.lang-en .ps .ps-sub:first-of-type{justify-self:start}
  body.lang-en .ps .ps-sub:last-of-type{justify-self:end}
}

/* ===== توحيد شعاري CrossWire ومختبر الابتكار داخل قسميهما ===== */
.cw-lockup,.ih-lockup{gap:clamp(5px,.6vw,9px)}
.cw-mark,.ih-mark{height:clamp(24px,2.8vw,46px)}
.cw-name{font-weight:400;letter-spacing:.16em;line-height:1;margin-top:0;font-size:clamp(11px,1.2vw,19px);white-space:nowrap}
body.lang-en .ih-tag{font-size:clamp(11px,1.2vw,19px);letter-spacing:.16em}
body.lang-ar .ih-tag{font-size:clamp(12px,1.25vw,20px)}
@media (max-width:680px){
  .cw-mark,.ih-mark{height:24px}
  .cw-name,body.lang-en .ih-tag{font-size:11px}
  body.lang-ar .ih-tag{font-size:12px}
}

/* ================= نظام الطباعة الموحد للصفحة الرئيسية =================
   مقياس واحد: عنوان رئيسي / عنوان قسم / عنوان فرعي / نص / نص صغير
   وتباعد أسطر معتدل: عربي ~1.75 للنص، إنجليزي ~1.6 */
body.lang-ar{line-height:1.75}
body.lang-en{line-height:1.6}

/* العنوان الرئيسي */
body.lang-ar .hero h1{font-size:clamp(30px,3.9vw,56px)!important;line-height:1.25!important}
body.lang-en .hero h1{font-size:clamp(28px,3.5vw,50px)!important;line-height:1.12!important;letter-spacing:-.025em}
body.lang-ar .hero-aside p{font-size:min(clamp(14px,1.1vw,16px),4.3cqi)!important;line-height:1.75!important}
body.lang-en .hero-aside p{font-size:clamp(14px,1.1vw,16px)!important;line-height:1.6!important}

/* عناوين الأقسام */
body.lang-ar :is(#about,#eco,#method,#crosswire,#reach,#hub,#sds-teaser,#contact) h2{font-size:clamp(23px,2.5vw,36px)!important;line-height:1.4!important}
body.lang-en :is(#about,#eco,#method,#crosswire,#reach,#hub,#sds-teaser,#contact) h2{font-size:clamp(22px,2.3vw,34px)!important;line-height:1.2!important}
body.lang-ar .big-line{font-size:clamp(24px,3.1vw,44px)!important;line-height:1.35!important}
body.lang-en .big-line{font-size:clamp(22px,2.8vw,40px)!important;line-height:1.2!important}
body.lang-ar .join-inner h2{font-size:min(clamp(18px,1.8vw,26px),5.2cqi)!important;line-height:1.5!important}
body.lang-en .join-inner h2{font-size:clamp(17px,1.7vw,25px)!important;line-height:1.3!important}

/* عناوين فرعية */
:is(#eco,#method,#reach) h3{font-size:clamp(15.5px,1.2vw,17.5px)!important;line-height:1.45!important}
#hub .ih-list li,#hub li{font-size:clamp(14px,1.05vw,15px)!important;line-height:1.45!important}
#contact .col-title{font-size:clamp(17px,1.4vw,20px)!important;line-height:1.4!important}
#contact h4{line-height:1.6!important}

/* النصوص */
body.lang-ar :is(.ps-lede,.cw-lede,.ih-lede,.sds-t-lede,.display-sub,.aside p,#method p,#reach p,#join p){font-size:clamp(14.5px,1.05vw,15.5px)!important;line-height:1.8!important}
body.lang-en :is(.ps-lede,.cw-lede,.ih-lede,.sds-t-lede,.display-sub,.aside p,#method p,#reach p,#join p){font-size:clamp(14px,1vw,15px)!important;line-height:1.6!important}
body.lang-ar #eco p{line-height:1.75!important}
body.lang-en #eco p{line-height:1.55!important}
#sds-teaser .sds-t-strength{font-size:clamp(13.5px,.95vw,14.5px)!important;line-height:1.7!important}
body.lang-en #sds-teaser .sds-t-strength{line-height:1.55!important}
#contact p,#contact b{line-height:1.65!important}

/* الأرقام */
.gr-days{font-size:clamp(40px,5vw,78px)!important}
.stats b,#crosswire .cw-stats b,#reach .gr-stats b{font-size:clamp(28px,2.7vw,40px)!important}
body.lang-ar .gr-label{font-size:clamp(18px,2.2vw,34px)!important}
body.lang-en .gr-label{font-size:clamp(17px,2vw,32px)!important}

/* الجوال */
@media (max-width:680px){
  body.lang-ar .hero h1{font-size:clamp(26px,7.4vw,30px)!important}
  body.lang-en .hero h1{font-size:clamp(24px,6.9vw,28px)!important}
  body.lang-ar :is(#about,#eco,#method,#crosswire,#reach,#hub,#sds-teaser,#contact) h2{font-size:clamp(20px,5.6vw,22px)!important;line-height:1.45!important}
  body.lang-en :is(#about,#eco,#method,#crosswire,#reach,#hub,#sds-teaser,#contact) h2{font-size:clamp(19px,5.3vw,21px)!important;line-height:1.25!important}
  body.lang-ar .big-line{font-size:22px!important}
  body.lang-en .big-line{font-size:20px!important}
  body.lang-ar .join-inner h2{font-size:min(17px,5cqi)!important}
  body.lang-en .join-inner h2{font-size:16.5px!important}
  body.lang-ar :is(.ps-lede,.cw-lede,.ih-lede,.sds-t-lede,.display-sub,.aside p,#method p,#reach p,#join p){font-size:14px!important;line-height:1.8!important}
  body.lang-en :is(.ps-lede,.cw-lede,.ih-lede,.sds-t-lede,.display-sub,.aside p,#method p,#reach p,#join p){font-size:13.5px!important;line-height:1.6!important}
  body.lang-ar #eco p{font-size:13.5px!important}
  body.lang-en #eco p{font-size:13px!important}
  :is(#eco,#method,#reach) h3{font-size:15px!important}
  #sds-teaser .sds-t-strength{font-size:13px!important}
  .gr-days{font-size:40px!important}
  .stats b,#crosswire .cw-stats b,#reach .gr-stats b{font-size:26px!important}
  body.lang-ar .gr-label{font-size:18px!important}
  body.lang-en .gr-label{font-size:17px!important}
}

/* عرض أسطر العناوين: توزيع أفضل بعد تصغير الخط */
body.lang-en .ps-title{max-width:24ch!important}
body.lang-en .ih-title{max-width:22ch!important}
/* شعارا القسمين بحجم متناسب مع العناوين الجديدة */
.cw-mark,.ih-mark{height:clamp(22px,2.2vw,36px)}
.cw-name,body.lang-en .ih-tag{font-size:clamp(10px,.92vw,15px)}
body.lang-ar .ih-tag{font-size:clamp(11px,.98vw,16px)}
@media (max-width:680px){.cw-mark,.ih-mark{height:22px}.cw-name,body.lang-en .ih-tag{font-size:10px}body.lang-ar .ih-tag{font-size:11px}}

/* ======================= جولة الملاحظات: 30 سبتمبر ======================= */
/* تباعد أسطر أقل قليلاً في كل الصفحة */
body.lang-ar{line-height:1.7}
body.lang-en{line-height:1.55}
body.lang-ar :is(.ps-lede,.cw-lede,.ih-lede,.sds-t-lede,.display-sub,.aside p,#method p,#reach p,#join p){line-height:1.72!important}
body.lang-en :is(.ps-lede,.cw-lede,.ih-lede,.sds-t-lede,.display-sub,.aside p,#method p,#reach p,#join p){line-height:1.55!important}
body.lang-ar :is(#about,#eco,#method,#crosswire,#reach,#hub,#sds-teaser,#contact) h2{line-height:1.35!important}
.mi p,.gr-point p,.office p,#eco p{line-height:1.65!important}
body.lang-en :is(.mi p,.gr-point p,.office p,#eco p){line-height:1.5!important}

/* عناوين إنجليزية متوازنة: لا سطر قصير وآخر طويل */
body.lang-en :is(#about,#eco,#method,#crosswire,#reach,#hub,#sds-teaser,#contact) h2,
body.lang-en .big-line,body.lang-en .join-inner h2{text-wrap:balance!important}
body.lang-en :is(#eco,#method,#crosswire,#reach,#contact) h2{max-width:24ch!important}

/* ---------- امتداد عالمي ---------- */
body.lang-ar .gr-title{white-space:nowrap}
.gr-head{grid-template-columns:1.35fr 1fr 1fr;align-items:end}
.gr-point h3{margin-bottom:6px}
.gr-point h3::before{margin-bottom:10px}
.gr-band{height:clamp(260px,30vw,420px)!important}
.gr-stats{margin-top:clamp(22px,2.4vw,36px)}
@media (max-width:1100px){.gr-head{grid-template-columns:1fr 1fr}}
@media (max-width:680px){
  .gr-head{grid-template-columns:1fr 1fr!important;gap:18px 16px!important}
  .gr-title{grid-column:1/-1}
  body.lang-ar .gr-point h3{font-size:13.5px!important}
  body.lang-en .gr-point h3{font-size:13px!important}
  body.lang-ar .gr-point p{font-size:12.5px!important}
  body.lang-en .gr-point p{font-size:12px!important}
  .gr-point h3::before{width:20px;margin-bottom:8px}
  .gr-band{height:clamp(220px,58vw,260px)!important}
  .gr-stats{row-gap:18px!important}
  .gr-stat span{font-size:12px!important;margin-top:6px}
}

/* ---------- مكاتبنا حول العالم: أصغر ---------- */
#contact .offices{gap:18px 16px}
.office h4{font-size:11.5px!important;margin-bottom:5px}
.office em{font-size:11px;margin-bottom:6px}
body.lang-ar .office p,body.lang-ar .office .tel,body.lang-ar .enq a{font-size:12.5px!important}
body.lang-en .office p,body.lang-en .office .tel,body.lang-en .enq a{font-size:12px!important}
.office .tel{margin-top:6px}
#contact .col-title{font-size:clamp(16px,1.25vw,18px)!important;margin-bottom:clamp(16px,1.8vw,24px)!important}
@media (max-width:680px){#contact .offices{grid-template-columns:1fr 1fr;gap:16px 14px}}

/* ---------- محاكاة القرارات: كلمات الشبكة صغيرة وثابتة الحجم ---------- */
#sds-teaser .n-word{font-size:calc(11.5px * var(--nk,1))!important}
body.lang-ar #sds-teaser .n-word{font-size:calc(12.5px * var(--nk,1))!important}
#sds-teaser .n-word.focus{font-size:calc(13px * var(--nk,1))!important}
body.lang-ar #sds-teaser .n-word.focus{font-size:calc(14px * var(--nk,1))!important}
#sds-teaser .sds-t-art{max-width:520px!important}
@media (max-width:680px){
  #sds-teaser .sds-teaser-panel{padding:22px var(--pad) 28px!important;gap:10px!important}
  #sds-teaser .sds-t-art{max-width:330px!important;width:100%!important;margin-inline:auto!important}
  #sds-teaser .n-word{font-size:calc(10.5px * var(--nk,1))!important}
  body.lang-ar #sds-teaser .n-word{font-size:calc(11.5px * var(--nk,1))!important}
  #sds-teaser .n-word.focus{font-size:calc(12px * var(--nk,1))!important}
  body.lang-ar #sds-teaser .n-word.focus{font-size:calc(13px * var(--nk,1))!important}
  #sds-teaser .sds-t-lede{margin-top:10px!important}
  #sds-teaser .sds-by{margin-top:10px}
  #sds-teaser .sds-t-strength{margin-top:12px!important}
  #sds-teaser .pill{margin-top:16px!important;padding:10px 20px;font-size:14px}
}

/* ---------- مختبر الابتكار على الجوال: شاشة آيفون واحدة ---------- */
@media (max-width:680px){
  #hub .ih-inner{padding:min(58vw,240px) var(--pad) 18px!important}
  #hub .ih-lockup{margin-bottom:14px!important}
  #hub .ih-caps{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;margin-top:0!important;padding:0 var(--pad) 22px}
  #hub .ih-caps li{padding:10px 0!important;gap:8px!important;font-size:12.5px!important;line-height:1.35!important}
  #hub .ih-caps li:last-child{grid-column:1/-1}
  #hub .ih-caps .ih-ic{width:16px;height:16px;flex:0 0 16px}
}

/* ---------- الملاءمة في شاشة واحدة (سطح المكتب والآيباد) ---------- */
.disc{height:clamp(230px,28vh,300px)}
@media (min-width:1101px){
  .acc .disc{min-height:clamp(290px,33vh,340px)!important}
  body.lang-ar .acc .disc h3{font-size:clamp(15.5px,1.15vw,18px)!important}
  .acc .disc .body p{font-size:13px!important;line-height:1.6!important}
  .acc .disc .body li{font-size:12.5px!important;line-height:1.45!important}
}
.stage{padding:clamp(56px,8vh,110px) clamp(24px,3.2vw,58px) clamp(50px,7vh,100px)!important}
.mgrid{margin-top:clamp(24px,2.6vw,40px)!important;gap:clamp(24px,2.8vw,42px) clamp(36px,4.4vw,76px)!important}
.mi .ic{width:46px;height:46px;margin-bottom:12px}
.mi h3{margin-bottom:6px}
body.lang-ar .mi h3{font-size:clamp(15.5px,1.2vw,18px)!important;line-height:1.45}
body.lang-en .mi h3{font-size:clamp(15px,1.15vw,17.5px)!important}
body.lang-ar .mi p{font-size:13.8px}
body.lang-en .mi p{font-size:13.2px}

@media (max-width:1100px) and (min-width:681px){
  .acc .disc{min-height:260px!important}
  .stage{padding:60px 32px!important}
}

/* ---------- الجوال: نصوص أصغر قليلاً وأقسام أقصر ---------- */
@media (max-width:680px){
  body.lang-ar :is(.ps-lede,.cw-lede,.ih-lede,.sds-t-lede,.display-sub,.aside p,#method p,#reach p,#join p){font-size:13.5px!important}
  body.lang-en :is(.ps-lede,.cw-lede,.ih-lede,.sds-t-lede,.display-sub,.aside p,#method p,#reach p,#join p){font-size:13px!important}
  body.lang-ar :is(#about,#eco,#method,#crosswire,#reach,#hub,#sds-teaser,#contact) h2{font-size:19px!important}
  body.lang-en :is(#about,#eco,#method,#crosswire,#reach,#hub,#sds-teaser,#contact) h2{font-size:18.5px!important}
  body.lang-ar .hero h1{font-size:27px!important}
  body.lang-en .hero h1{font-size:25px!important}
  body.lang-ar .mi p{font-size:12.8px!important}
  body.lang-en .mi p{font-size:12.3px!important}
  body.lang-ar .mi h3{font-size:14.5px!important}
  body.lang-en .mi h3{font-size:14px!important}
  .stage{padding:40px 18px!important}
  .mgrid{gap:22px 16px!important;margin-top:22px!important}
  .mi .ic{width:34px;height:34px;margin-bottom:8px}
  .stats b,#crosswire .cw-stats b,#reach .gr-stats b{font-size:24px!important}
  .gr-days{font-size:36px!important}
  body.lang-ar .gr-label{font-size:16px!important}
  body.lang-en .gr-label{font-size:15px!important}
}



body.lang-en #eco h2{max-width:34ch!important}
@media (max-width:1100px) and (min-width:681px){
  .acc{grid-template-columns:repeat(4,1fr)!important}
  .acc .disc{min-height:300px!important}
  .acc .disc h3{font-size:14.5px!important}
  .acc .disc .body p{font-size:12px!important;line-height:1.55!important}
  .acc .disc .body li{font-size:11.5px!important;line-height:1.4!important}
  .map{height:280px}
}
@media (max-width:680px){
  .form textarea{min-height:96px!important}
  .map{height:200px!important}
  #contact .contact-grid{row-gap:26px}
}

@media (min-width:1101px){
  #eco{padding-block:clamp(24px,3vh,44px)!important}
  #eco .acc{margin-top:clamp(18px,2.4vh,30px)!important}
  .acc .disc{min-height:clamp(270px,31vh,320px)!important}
  body.lang-en .acc .disc h3{font-size:clamp(15px,1.1vw,17px)!important}
  body.lang-en .acc .disc .body p{font-size:12.5px!important;line-height:1.5!important}
  body.lang-en .acc .disc .body li{font-size:12px!important;line-height:1.4!important}
}

@media (max-width:680px){
  #hub .ih-caps{padding:0 0 22px!important}
  #hub .ih-shot{background-position:78% calc(min(152vw,640px) * -.24)!important}
  .enq a,.office a{overflow-wrap:anywhere}
}

/* أزرار «استكشف المحاكاة» و«تقدّم بطلبك الآن»: أصغر وأنعم */
#sds-teaser .pill,.join-cta.pill{gap:10px!important;padding:9px 18px!important;font-size:13.5px!important;font-weight:400!important;
  border-width:1px;letter-spacing:.005em;line-height:1.4;transition:background .35s ease,color .35s ease,border-color .35s ease}
#sds-teaser .pill{border-color:rgba(138,90,59,.55)}
.join-cta.pill{border-color:rgba(255,255,255,.45)}
#sds-teaser .pill i,.join-cta.pill i{width:5px!important;height:5px!important}
.join-cta.pill svg{width:14px;height:14px}
@media (max-width:1100px){#sds-teaser .pill,.join-cta.pill{padding:8px 16px!important;font-size:13px!important}}
@media (max-width:680px){#sds-teaser .pill,.join-cta.pill{padding:8px 15px!important;font-size:12.5px!important;gap:8px!important}}

/* الإنجليزي على الجوال: الشعاران الفرعيان متجاوران مثل العربي */
@media (max-width:680px){
  body.lang-en .ps .ps-brands{display:flex!important;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:14px 26px!important}
  body.lang-en .ps .ps-main{flex:0 0 auto;height:24px!important}
  body.lang-en .ps .ps-sep{display:block!important;flex:0 0 100%;width:auto;height:0;min-height:0;background:none}
}

/* ===== حركة الشعار في الترويسة: تحويلات GPU بدل تغيير الارتفاع والحشوة ===== */
header,header.scrolled{transition:transform .5s cubic-bezier(.22,.7,.2,1),box-shadow .4s ease!important;
  padding-top:20px!important;padding-bottom:20px!important;will-change:transform}
header.scrolled{transform:translate3d(0,-8px,0)}
header .mark,header.scrolled .mark{height:19px!important;transform-origin:0 50%;
  transition:transform .5s cubic-bezier(.22,.7,.2,1),background-color .3s ease!important;
  will-change:transform;backface-visibility:hidden}
header.scrolled .mark{transform:scale(.842)}
@media (max-width:680px){
  header,header.scrolled{padding-top:14px!important;padding-bottom:14px!important}
  header .mark,header.scrolled .mark{height:16px!important}
  header.scrolled{transform:translate3d(0,-4px,0)}
  header.scrolled .mark{transform:scale(.92)}
}
@media (prefers-reduced-motion:reduce){header,header .mark{transition:none!important}}

/* ===== الشعارات الفرعية: كلها بالإنجليزية وبخط العلامة في النسختين ===== */
.ps .ps-sub .ps-nm,body.lang-ar .ps .ps-sub .ps-nm,
.ih-tag,body.lang-ar .ih-tag,.sds-lockup .sds-tg,body.lang-ar .sds-lockup .sds-tg{
  font-family:'Poppins',system-ui,sans-serif!important;direction:ltr!important;letter-spacing:.06em;font-weight:400}
body.lang-ar .ih-tag,body.lang-en .ih-tag{letter-spacing:.16em;font-size:clamp(10px,.92vw,15px)}
body.lang-ar .sds-lockup .sds-tg{letter-spacing:.14em;font-size:clamp(11px,1vw,15px);font-weight:400}
/* ps-nm size set by lockup rule */
@media (max-width:680px){
  body.lang-ar .ih-tag,body.lang-en .ih-tag{font-size:10px}
  .ps .ps-brands{gap:14px 16px!important}
  .ps .ps-mk{height:10px!important}
}

/* ===== صف الشعارات: الرئيسي فوق، والفرعية الثلاثة تحته في سطر واحد (اللغتان وكل الأجهزة) ===== */
.ps .ps-brands,body.lang-en .ps .ps-brands,body.lang-ar .ps .ps-brands{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
  align-items:flex-start!important;gap:clamp(14px,1.6vw,20px) clamp(18px,2.4vw,36px)!important}
body.lang-ar .ps .ps-brands{justify-content:flex-end!important}
body.lang-en .ps .ps-brands{justify-content:flex-start!important}
.ps .ps-brands .ps-main{flex:0 0 auto!important;height:clamp(22px,2vw,32px)!important;max-width:none!important;grid-column:auto!important}
.ps .ps-brands .ps-sep{display:block!important;flex:0 0 100%!important;width:auto!important;height:0!important;min-height:0!important;background:none!important;margin:0!important}
.ps .ps-sub{flex:0 0 auto}
@media (max-width:680px){
  .ps .ps-brands,body.lang-en .ps .ps-brands,body.lang-ar .ps .ps-brands{gap:12px 14px!important}
  .ps .ps-brands .ps-main{height:22px!important}
  .ps .ps-sub .ps-mk{height:9.5px!important}
  .ps .ps-sub{gap:3px}
}

/* ===== الشعارات الفرعية الأربعة المعتمدة: شبكة 2×2 تحت الشعار الرئيسي ===== */
.ps .ps-brands,body.lang-en .ps .ps-brands,body.lang-ar .ps .ps-brands{display:grid!important;
  grid-template-columns:repeat(2,max-content)!important;gap:clamp(12px,1.4vw,18px) clamp(28px,3.2vw,48px)!important;align-items:start!important}
body.lang-ar .ps .ps-brands{justify-content:end!important}
body.lang-en .ps .ps-brands{justify-content:start!important}
.ps .ps-brands .ps-main{grid-column:1/-1!important;margin-bottom:clamp(4px,.6vw,8px)}
body.lang-ar .ps .ps-brands .ps-main{justify-self:end}
body.lang-en .ps .ps-brands .ps-main{justify-self:start}
.ps .ps-brands .ps-sep{display:none!important}
@media (max-width:680px){
  .ps .ps-brands,body.lang-en .ps .ps-brands,body.lang-ar .ps .ps-brands{gap:12px 28px!important}
  .ps .ps-sub .ps-mk{height:11px!important}
}

body.lang-ar .ps .ps-brands .ps-sep,body.lang-en .ps .ps-brands .ps-sep{display:none!important}
body.lang-en .ps .ps-brands .ps-sub{justify-self:start!important}
body.lang-ar .ps .ps-brands .ps-sub{justify-self:end!important}

/* ======================= CROSS-SECTOR Communications ======================= */
.cm{padding:0;margin:clamp(6px,1.4vw,18px) var(--pad) clamp(40px,4.6vw,72px)}
.cm-panel{position:relative;overflow:hidden;background:#0E0F10;color:#F4F0E8;isolation:isolate;
  min-height:min(clamp(620px,92vh,860px),calc(100vh - 40px));display:flex;align-items:flex-end;
  clip-path:inset(0 0 0 100%);transition:clip-path 1.5s cubic-bezier(.72,0,.16,1)}
[dir="rtl"] .cm-panel{clip-path:inset(0 100% 0 0)}
.cm.cm-in .cm-panel{clip-path:inset(0 0 0 0)}
.cm-shot{position:absolute;inset:-8% 0;z-index:-2;background:var(--team) 50% 40%/cover no-repeat;
  filter:saturate(.78) contrast(1.04);transform:scale(calc(1.16 - var(--cz,0) * .1)) translate3d(0,var(--cy,0px),0);
  transition:transform 1.8s cubic-bezier(.16,.7,.25,1);will-change:transform;backface-visibility:hidden}
.cm-veil{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(10,11,12,.55) 0%,rgba(10,11,12,.38) 30%,rgba(10,11,12,.78) 62%,rgba(10,11,12,.94) 100%)}
[dir="rtl"] .cm-veil{background:linear-gradient(180deg,rgba(10,11,12,.55) 0%,rgba(10,11,12,.38) 30%,rgba(10,11,12,.78) 62%,rgba(10,11,12,.94) 100%),
  linear-gradient(270deg,rgba(10,11,12,.55),rgba(10,11,12,0) 60%)}
[dir="ltr"] .cm-veil{background:linear-gradient(180deg,rgba(10,11,12,.55) 0%,rgba(10,11,12,.38) 30%,rgba(10,11,12,.78) 62%,rgba(10,11,12,.94) 100%),
  linear-gradient(90deg,rgba(10,11,12,.55),rgba(10,11,12,0) 60%)}
.cm-inner{position:relative;width:100%;padding:clamp(40px,5vw,84px) clamp(24px,4.4vw,80px) clamp(34px,4vw,64px)}
.cm-head{max-width:680px}
.cm-lockup{display:inline-grid;justify-items:end;gap:clamp(5px,.6vw,8px);margin-bottom:clamp(18px,2.2vw,30px)}
.cm-mark{display:block;height:clamp(20px,1.9vw,30px);aspect-ratio:1400/134;background-color:#F4F0E8;
  -webkit-mask:var(--wm) no-repeat center/contain;mask:var(--wm) no-repeat center/contain}
.cm-tag{font-family:'Poppins',system-ui,sans-serif;font-weight:400;letter-spacing:.16em;line-height:1;white-space:nowrap;
  font-size:clamp(10px,.86vw,13.5px);color:rgba(244,240,232,.92)}
.cm-title{color:#fff;margin:0}
body.lang-ar .cm-title{font-size:clamp(23px,2.5vw,36px);line-height:1.4}
body.lang-en .cm-title{font-size:clamp(22px,2.3vw,34px);line-height:1.2;text-wrap:balance;max-width:22ch}
.cm-lede{margin-top:clamp(12px,1.4vw,18px);color:rgba(244,240,232,.82);text-wrap:pretty}
body.lang-ar .cm-lede{font-size:clamp(14px,1.02vw,15.5px);line-height:1.75}
body.lang-en .cm-lede{font-size:clamp(13.5px,.98vw,15px);line-height:1.55}

.cm-pillars{list-style:none;margin:clamp(30px,3.6vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);
  gap:0 clamp(18px,2vw,34px)}
.cm-p{position:relative;padding-top:clamp(16px,1.6vw,22px);opacity:0;transform:translate3d(0,18px,0);
  transition:opacity .8s ease calc(.55s + var(--i) * .11s),transform .9s cubic-bezier(.2,.7,.2,1) calc(.55s + var(--i) * .11s)}
.cm-p::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:rgba(244,240,232,.28);
  transform:scaleX(0);transform-origin:var(--o,0 50%);transition:transform 1.1s cubic-bezier(.7,0,.2,1) calc(.45s + var(--i) * .11s)}
[dir="rtl"] .cm-p::before{--o:100% 50%}
.cm-p::after{content:"";position:absolute;top:-1px;inset-inline-start:0;width:28px;height:3px;background:var(--accent);
  transform:scaleX(0);transform-origin:var(--o,0 50%);transition:transform .7s cubic-bezier(.2,.7,.2,1) calc(.9s + var(--i) * .11s)}
[dir="rtl"] .cm-p::after{--o:100% 50%}
.cm.cm-in .cm-p{opacity:1;transform:none}
.cm.cm-in .cm-p::before,.cm.cm-in .cm-p::after{transform:scaleX(1)}
.cm-n{display:block;font-family:'Poppins',system-ui,sans-serif;font-size:11.5px;font-weight:500;letter-spacing:.14em;color:var(--accent);margin-bottom:10px}
.cm-p h3{color:#fff;margin:0 0 8px;font-weight:700}
body.lang-ar .cm-p h3{font-size:clamp(14px,1.05vw,16px);line-height:1.45}
body.lang-en .cm-p h3{font-size:clamp(13.5px,1vw,15.5px);line-height:1.3;font-weight:600}
.cm-p p{color:rgba(244,240,232,.72);margin:0}
body.lang-ar .cm-p p{font-size:clamp(12.5px,.9vw,13.5px);line-height:1.7}
body.lang-en .cm-p p{font-size:clamp(12px,.86vw,13px);line-height:1.55}
.cm-p:hover h3{color:var(--accent);transition:color .3s}

/* ظهور العنوان والوصف */
.cm-head>*{opacity:0;transform:translate3d(0,16px,0);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.cm-head>:nth-child(1){transition-delay:.25s}.cm-head>:nth-child(2){transition-delay:.35s}.cm-head>:nth-child(3){transition-delay:.45s}
.cm.cm-in .cm-head>*{opacity:1;transform:none}

@media (max-width:1100px){
  .cm-pillars{grid-template-columns:repeat(3,1fr);row-gap:26px}
  .cm-panel{min-height:0}
}
@media (max-width:680px){
  .cm{margin-inline:0}
  .cm-panel{display:block;min-height:0}
  .cm-shot{inset:0 0 auto 0;height:300px;transform:scale(calc(1.1 - var(--cz,0) * .06)) translate3d(0,var(--cy,0px),0)}
  .cm-veil{background:linear-gradient(180deg,rgba(10,11,12,.25) 0px,rgba(10,11,12,.55) 140px,rgba(10,11,12,.96) 290px,#0E0F10 300px)!important}
  .cm-inner{padding:170px 18px 26px}
  .cm-lockup{margin-bottom:14px}
  .cm-mark{height:20px}
  .cm-tag{font-size:10px}
  body.lang-ar .cm-title{font-size:20px;line-height:1.45}
  body.lang-en .cm-title{font-size:19px}
  body.lang-ar .cm-lede{font-size:13px;line-height:1.7}
  body.lang-en .cm-lede{font-size:12.5px;line-height:1.55}
  /* الركائز: شريط أفقي قابل للسحب */
  .cm-pillars{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:22px -18px 0;padding:0 18px 6px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cm-pillars::-webkit-scrollbar{display:none}
  .cm-p{flex:0 0 76%;scroll-snap-align:start;background:rgba(244,240,232,.05);border:1px solid rgba(244,240,232,.12);
    padding:16px 16px 18px}
  .cm-p::before{display:none}
  .cm-p::after{top:-1px}
  body.lang-ar .cm-p h3{font-size:14.5px}
  body.lang-en .cm-p h3{font-size:14px}
  body.lang-ar .cm-p p{font-size:12.5px}
  body.lang-en .cm-p p{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .cm-panel{clip-path:none!important}.cm-shot{transition:none;transform:none}
  .cm-p,.cm-head>*{opacity:1!important;transform:none!important;transition:none!important}
  .cm-p::before,.cm-p::after{transform:none!important}
}

@media (min-width:681px){.cm-head{max-width:860px}.cm-lede{max-width:660px}body.lang-ar .cm-title{white-space:nowrap}}
@media (min-width:681px) and (max-width:1000px){body.lang-ar .cm-title{white-space:normal}}

/* ===== ركائز Communications: عرض فهرسي بأرقام مفرّغة دون نصوص فرعية ===== */
.cm-pillars{grid-template-columns:repeat(5,1fr)!important;gap:0!important;margin-top:clamp(34px,4vw,60px)!important;
  border-top:1px solid rgba(244,240,232,.16)}
.cm-p{display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(150px,15vw,200px);
  padding:clamp(18px,1.8vw,26px) clamp(14px,1.5vw,24px) clamp(16px,1.6vw,22px)!important;
  border-inline-start:1px solid rgba(244,240,232,.12);transition:background .5s ease,opacity .8s ease calc(.55s + var(--i) * .11s),transform .9s cubic-bezier(.2,.7,.2,1) calc(.55s + var(--i) * .11s)!important}
.cm-p:first-child{border-inline-start:0}
.cm-p::before{display:none!important}
.cm-p::after{top:-1px!important;width:100%!important;height:1px!important;background:var(--accent)!important;opacity:.0;
  transition:transform .9s cubic-bezier(.7,0,.2,1) calc(.5s + var(--i) * .12s),opacity .4s ease!important}
.cm.cm-in .cm-p::after{opacity:.0}
.cm-n{font-family:'Poppins',system-ui,sans-serif!important;font-weight:300!important;letter-spacing:-.02em!important;line-height:1;
  font-size:clamp(40px,4.4vw,68px)!important;margin:0!important;color:transparent!important;
  -webkit-text-stroke:1px rgba(238,140,96,.75);transition:color .45s ease,-webkit-text-stroke-color .45s ease}
.cm-p h3{margin:clamp(18px,2vw,28px) 0 0!important}
body.lang-ar .cm-p h3{font-size:clamp(14.5px,1.12vw,17px)!important;line-height:1.5!important}
body.lang-en .cm-p h3{font-size:clamp(14px,1.05vw,16px)!important;line-height:1.3!important}
.cm-p:hover{background:rgba(244,240,232,.05)}
.cm-p:hover .cm-n{color:var(--accent)!important;-webkit-text-stroke-color:var(--accent)}
.cm-p:hover::after{opacity:1}
.cm-p:hover h3{color:#fff!important}
@media (max-width:1100px) and (min-width:681px){
  .cm-pillars{grid-template-columns:repeat(5,1fr)!important}
  .cm-p{min-height:130px;padding:16px 12px!important}
  .cm-n{font-size:34px!important}
  body.lang-ar .cm-p h3{font-size:13px!important}
  body.lang-en .cm-p h3{font-size:12.5px!important}
}
@media (max-width:680px){
  .cm-pillars{display:block!important;overflow:visible!important;margin:22px 0 0!important;padding:0!important;border-top:1px solid rgba(244,240,232,.16)}
  .cm-p{flex-direction:row!important;align-items:center;justify-content:flex-start;gap:16px;min-height:0!important;
    padding:12px 2px!important;background:none!important;border:0!important;border-bottom:1px solid rgba(244,240,232,.12)!important}
  .cm-p::after{display:none!important}
  .cm-n{font-size:28px!important;flex:0 0 40px;-webkit-text-stroke-width:.8px}
  .cm-p h3{margin:0!important}
  body.lang-ar .cm-p h3{font-size:14.5px!important}
  body.lang-en .cm-p h3{font-size:14px!important}
}

@media (min-width:681px){.cm-p{justify-content:flex-start!important}}

body.lang-ar .cm-pillars,body.lang-ar .cm-p{direction:rtl}
body.lang-en .cm-pillars,body.lang-en .cm-p{direction:ltr}

/* ===== ركائز Communications: سطر بياني متصل دون أرقام ===== */
.cm-pillars{display:flex!important;flex-wrap:wrap;align-items:center;gap:clamp(10px,1.1vw,16px) 0!important;
  border-top:1px solid rgba(244,240,232,.16);padding-top:clamp(20px,2.2vw,30px)!important;margin-top:clamp(28px,3.2vw,48px)!important}
.cm-p{display:inline-flex!important;align-items:center;min-height:0!important;padding:0!important;border:0!important;background:none!important;
  flex:0 0 auto!important}
.cm-p::before{display:none!important}
.cm-p::after{display:inline-block!important;content:""!important;position:static!important;width:6px!important;height:6px!important;
  border-radius:50%;background:var(--accent)!important;opacity:1!important;margin-inline:clamp(14px,1.6vw,24px)!important;
  transform:scale(0)!important;transition:transform .5s cubic-bezier(.2,.7,.2,1) calc(.8s + var(--i) * .12s)!important}
.cm.cm-in .cm-p::after{transform:scale(1)!important}
.cm-p:last-child::after{display:none!important}
.cm-p h3{margin:0!important;color:rgba(244,240,232,.92)!important;white-space:nowrap;position:relative;transition:color .35s ease!important}
body.lang-ar .cm-p h3{font-size:clamp(15px,1.4vw,21px)!important;line-height:1.5!important;font-weight:700}
body.lang-en .cm-p h3{font-size:clamp(14px,1.25vw,19px)!important;line-height:1.35!important;font-weight:600}
.cm-p h3::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:1px;background:var(--accent);
  transform:scaleX(0);transform-origin:var(--o,0 50%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
[dir="rtl"] .cm-p h3::after{--o:100% 50%}
.cm-p:hover h3{color:#fff!important}
.cm-p:hover h3::after{transform:scaleX(1)}
@media (max-width:1100px){.cm-p h3{white-space:normal}}
@media (max-width:680px){
  .cm-pillars{display:flex!important;gap:10px 0!important;padding-top:16px!important;margin-top:20px!important;border-top:1px solid rgba(244,240,232,.16)!important}
  .cm-p{border-bottom:0!important}
  .cm-p::after{display:inline-block!important;width:5px!important;height:5px!important;margin-inline:12px!important}
  .cm-p:last-child::after{display:none!important}
  body.lang-ar .cm-p h3{font-size:14.5px!important}
  body.lang-en .cm-p h3{font-size:13.5px!important}
  .cm-p h3{white-space:nowrap}
}

.cm-p{flex-direction:row!important;justify-content:flex-start!important}
@media (max-width:680px){
  .cm-pillars{flex-direction:column;align-items:flex-start!important}
  .cm-p::after{order:-1;margin-inline:0 12px!important}
  .cm-p:last-child::after{display:inline-block!important}
}

@media (min-width:1101px){
  body.lang-ar .cm-p h3{font-size:clamp(14px,1.18vw,18px)!important}
  body.lang-en .cm-p h3{font-size:clamp(13px,1.02vw,16px)!important}
  .cm-p::after{margin-inline:clamp(10px,1.1vw,18px)!important}
}

@media (min-width:681px){
  .cm-pillars{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:0 clamp(16px,2vw,32px)!important;align-items:start!important}
  .cm-p{align-items:baseline!important}
  .cm-p::after{order:-1;margin-inline:0 12px!important;flex:0 0 6px;transform:translateY(-3px) scale(0)!important}
  .cm.cm-in .cm-p::after{transform:translateY(-3px) scale(1)!important}
  .cm-p:last-child::after{display:inline-block!important}
  .cm-p h3{white-space:normal!important}
  body.lang-ar .cm-p h3{font-size:clamp(14.5px,1.25vw,18.5px)!important}
  body.lang-en .cm-p h3{font-size:clamp(13.5px,1.1vw,16.5px)!important}
}
@media (min-width:681px) and (max-width:1100px){body.lang-ar .cm-p h3{font-size:13.5px!important}body.lang-en .cm-p h3{font-size:12.5px!important}}

@media (min-width:681px) and (max-width:1100px){
  .cm-pillars{grid-template-columns:repeat(3,1fr)!important;row-gap:14px!important}
  body.lang-ar .cm-p h3{font-size:14.5px!important}body.lang-en .cm-p h3{font-size:13.5px!important}
}

/* ===== ركائز Communications بنفس أسلوب مختبر الابتكار (نسخة داكنة) ===== */
.cm-caps{list-style:none;margin:clamp(30px,3.6vw,56px) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:clamp(18px,2.4vw,40px)}
.cm-caps li{position:relative;display:flex;align-items:center;gap:14px;padding:clamp(16px,1.6vw,24px) 0;
  color:#F4F0E8;line-height:1.4;opacity:0;transform:translateY(14px);
  transition:opacity .8s ease,transform .9s cubic-bezier(.2,.75,.25,1);transition-delay:calc(var(--i) * 80ms + .5s)}
.cm-caps li::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:rgba(244,240,232,.26);
  transform:scaleX(0);transform-origin:var(--o,0% 50%);transition:transform 1.1s cubic-bezier(.22,1,.36,1);
  transition-delay:calc(var(--i) * 80ms + .3s)}
[dir="rtl"] .cm-caps li::before{--o:100% 50%}
body.lang-ar .cm-caps li{font-size:clamp(14px,1.08vw,16.5px);font-weight:600}
body.lang-en .cm-caps li{font-size:clamp(13.5px,1.02vw,16px);font-weight:500}
.cm.cm-in .cm-caps li{opacity:1;transform:none}
.cm.cm-in .cm-caps li::before{transform:scaleX(1)}
.cm-ic{flex:0 0 auto;width:26px;height:26px;fill:none;stroke:#F4F0E8;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}
.cm-caps li:hover .cm-ic{stroke:var(--accent);transform:translateY(-2px)}
@media (max-width:1100px) and (min-width:681px){
  .cm-caps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cm-ic{width:22px;height:22px}
}
@media (max-width:680px){
  .cm-caps{grid-template-columns:1fr 1fr;column-gap:14px;margin-top:18px}
  .cm-caps li{padding:10px 0;gap:8px;line-height:1.35}
  body.lang-ar .cm-caps li{font-size:12.5px}
  body.lang-en .cm-caps li{font-size:12px}
  .cm-caps li:last-child{grid-column:1/-1}
  .cm-ic{width:16px;height:16px}
}
@media (prefers-reduced-motion:reduce){.cm-caps li{opacity:1;transform:none;transition:none}.cm-caps li::before{transform:none}}

/* ===== الجوال: أربعة أقسام بارتفاع شاشة كاملة ومساحات مريحة ===== */
@media (max-width:680px){
  :root{--mscreen:calc(100vh - 64px)}
  @supports (height:100svh){:root{--mscreen:calc(100svh - 64px)}}

  /* Communications */
  .cm-panel{min-height:var(--mscreen)!important;display:flex!important;flex-direction:column;justify-content:flex-end}
  .cm-shot{height:58%!important;inset:0 0 auto 0!important}
  .cm-veil{background:linear-gradient(180deg,rgba(10,11,12,.15) 0%,rgba(10,11,12,.45) 26%,rgba(10,11,12,.9) 52%,#0E0F10 60%)!important}
  .cm-inner{padding:0 20px 34px!important}
  .cm-lockup{margin-bottom:20px!important}
  .cm-mark{height:22px!important}
  body.lang-ar .cm-title{font-size:21px!important;line-height:1.5!important}
  body.lang-en .cm-title{font-size:20px!important}
  .cm-lede{margin-top:14px!important}
  body.lang-ar .cm-lede{font-size:13.5px!important;line-height:1.85!important}
  body.lang-en .cm-lede{font-size:13px!important;line-height:1.65!important}
  .cm-caps{margin-top:26px!important;column-gap:16px!important}
  .cm-caps li{padding:14px 0!important;gap:10px!important}
  body.lang-ar .cm-caps li{font-size:13px!important}
  body.lang-en .cm-caps li{font-size:12.5px!important}
  .cm-ic{width:18px!important;height:18px!important}

  /* CrossWire */
  .cw-panel{min-height:var(--mscreen)!important;display:flex!important;flex-direction:column}
  .cw-grid{flex:1;display:flex!important;flex-direction:column;justify-content:space-between;row-gap:28px!important;padding:44px 20px 38px!important}
  body.lang-ar .cw-lede,body.lang-en .cw-lede{line-height:1.85!important}
  .cw-lockup{margin-top:26px!important}

  /* Innovation Lab */
  #hub .ih-panel{min-height:var(--mscreen)!important;display:flex;flex-direction:column;justify-content:flex-end}
  #hub .ih-inner{padding-top:min(66vw,280px)!important;padding-bottom:22px!important}
  #hub .ih-lockup{margin-bottom:18px!important}
  #hub .ih-lede{margin-top:12px!important;line-height:1.85!important}
  #hub .ih-caps{padding-bottom:30px!important}
  #hub .ih-caps li{padding:14px 0!important;gap:10px!important;font-size:13px!important}
  #hub .ih-caps .ih-ic{width:18px!important;height:18px!important;flex-basis:18px!important}

  /* انضم إلينا */
  .join-band{min-height:var(--mscreen)!important;align-items:end!important}
  .join-band .join-inner{padding-top:32px!important;padding-bottom:40px!important}
  .join-inner p{margin-top:14px!important;line-height:1.85!important}
  .join-inner .pill{margin-top:22px!important}
}

@media (max-width:680px){.cw-grid{justify-content:center!important;row-gap:44px!important}}

/* ===== هوية الشعارات الفرعية: نسبة واحدة في كل الموقع ===== */
.ps .ps-sub .ps-nm,.ih-tag,body.lang-ar .ih-tag,body.lang-en .ih-tag,.cm-tag,.cw-name,
.sds-lockup .sds-tg,body.lang-ar .sds-lockup .sds-tg,body.lang-en .sds-lockup .sds-tg{
  font-family:'Poppins',system-ui,sans-serif!important;font-weight:400!important;letter-spacing:.06em!important;line-height:1!important}
.ps-sub,.ih-lockup,.cm-lockup,.cw-lockup,.sds-lockup{display:inline-grid!important;justify-items:end!important}

/* ================= الشعار المركّب النصي (هوية موحّدة) =================
   CROSS رفيع ومتباعد، ‎-SECTOR ثقيل، واسم المنتج تحته ينتهي عند R.
   الأحجام: lk-l للأقسام (موحّد مع Communications)، lk-m لصفحة المحاكاة، lk-s لشبكة الشعارات */
.lk{display:inline-grid!important;justify-items:end!important;row-gap:calc(var(--f) * .2)!important;gap:calc(var(--f) * .2) 0!important;
  font-family:'Poppins',system-ui,sans-serif;line-height:1;direction:ltr;--f:24px}
.lk-l{--f:clamp(22px,2vw,30px)}
.lk-m{--f:clamp(18px,1.7vw,26px)}
.lk-s{--f:clamp(12.5px,1vw,15px)}
@media (max-width:680px){.lk-l{--f:22px}.lk-m{--f:19px}.lk-s{--f:12.5px}}
.lk-wm{display:block;font-size:var(--f);font-weight:300;letter-spacing:.14em;white-space:nowrap;color:inherit;margin-inline-end:-.03em}
.lk-wm b{font-weight:800;letter-spacing:.03em}
.lk-tg{display:block;font-size:calc(var(--f) * .56);font-weight:400;letter-spacing:.08em;white-space:nowrap;color:inherit;
  margin-inline-end:-.08em;opacity:.95}
/* الألوان حسب السياق */
.ih-lockup.lk{color:var(--ink)}
.cw-lockup.lk,.cm-lockup.lk{color:#F4F0E8}
.ps-sub .lk{color:var(--ink);transition:color .3s ease}
.ps-sub:hover .lk{color:var(--copper)}
.sds-lockup.lk{color:var(--ink)}
.sds-lockup.lk.light{color:#fff}
/* شبكة الشعارات */
.ps-sub{display:block!important}

/* ===== Experiences في «نصنع تجارب ترتقي بالمشهد» ===== */
.banner .inner{text-align:center}
.bn-lockup{color:#fff;margin:0 auto clamp(18px,2.2vw,30px);position:relative;
  opacity:0;transform:translate3d(0,14px,0);transition:opacity 1s ease .15s,transform 1.1s cubic-bezier(.2,.7,.2,1) .15s}
.bn-lockup .lk-wm{letter-spacing:.42em;transition:letter-spacing 1.8s cubic-bezier(.16,.8,.2,1) .2s}
.bn-lockup .lk-tg{opacity:0;transition:opacity .9s ease 1.1s}
.bn-lockup::after{content:"";position:absolute;inset-inline-end:0;bottom:calc(var(--f) * -.55);height:1px;width:calc(var(--f) * 1.4);
  background:var(--accent);transform:scaleX(0);transform-origin:100% 50%;transition:transform .9s cubic-bezier(.7,0,.2,1) 1.3s}
.banner.on .bn-lockup{opacity:1;transform:none}
.banner.on .bn-lockup .lk-wm{letter-spacing:.14em}
.banner.on .bn-lockup .lk-tg{opacity:.95}
.banner.on .bn-lockup::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.bn-lockup,.bn-lockup .lk-tg{opacity:1;transform:none;transition:none}.bn-lockup .lk-wm{letter-spacing:.14em;transition:none}.bn-lockup::after{transform:none}}

/* ===== «نصنع تجارب» مع Experiences: سطر واحد (الشعار في البداية والعبارة في النهاية) ===== */
.bn-lockup::after{display:none!important}
.banner{place-items:stretch!important}
.banner .inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:clamp(30px,5vw,96px);
  text-align:end!important;padding:clamp(38px,5vw,72px) clamp(28px,5vw,80px)!important}
.banner .bn-lockup{margin:0!important;flex:0 0 auto}
.banner .big-line{margin:0!important;text-align:end;flex:0 1 auto}
body.lang-ar .banner .big-line{max-width:none;white-space:nowrap}
body.lang-en .banner .big-line{max-width:18ch}
@media (max-width:1100px) and (min-width:681px){
  body.lang-ar .banner .big-line{white-space:normal;max-width:12ch}
}
/* الجوال: الشعار في أعلى الصورة والعبارة في أسفلها، والصورة بينهما */
@media (max-width:680px){
  .banner{min-height:min(calc(100svh - 120px),560px)!important;display:flex!important}
  .banner .inner{flex-direction:column;justify-content:space-between;align-items:center;text-align:center!important;
    padding:34px 22px 38px!important;gap:24px;min-height:inherit}
  .banner .bn-lockup{align-self:center}
  .banner .big-line{text-align:center;white-space:normal!important;max-width:14ch!important}
  body.lang-ar .banner .big-line{font-size:24px!important;line-height:1.45!important}
  body.lang-en .banner .big-line{font-size:21px!important}
}

@media (min-width:1101px){body.lang-en .banner .big-line{max-width:24ch!important}}

/* ===== «نصنع تجارب»: شعار وعبارة متجاوران ومتكيّفان على كل الأجهزة ===== */
.banner .inner{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
.banner .bn-lockup{--f:clamp(14px,2vw,30px)!important}
body.lang-ar .banner .big-line{font-size:clamp(17px,3vw,44px)!important;white-space:normal!important;max-width:13ch!important;line-height:1.4!important}
body.lang-en .banner .big-line{font-size:clamp(15px,2.6vw,40px)!important;max-width:18ch!important;line-height:1.2!important}
@media (min-width:1101px){body.lang-ar .banner .big-line{white-space:nowrap!important;max-width:none!important}body.lang-en .banner .big-line{max-width:24ch!important}}
@media (max-width:680px){
  .banner{min-height:clamp(260px,42vh,340px)!important;display:grid!important}
  .banner .inner{padding:26px 18px!important;gap:18px!important;text-align:end!important;min-height:0}
  .banner .bn-lockup{align-self:center!important;--f:14.5px!important}
  .banner .big-line{text-align:end!important}
  body.lang-ar .banner .big-line{font-size:18px!important;max-width:9.5em!important}
  body.lang-en .banner .big-line{font-size:15.5px!important;max-width:12em!important}
}

@media (min-width:681px){body.lang-ar .banner .big-line{white-space:nowrap!important;max-width:none!important}}
@media (min-width:681px) and (max-width:1100px){.banner{min-height:clamp(340px,40vh,480px)!important}body.lang-en .banner .big-line{max-width:16ch!important}}

/* ===== «نصنع تجارب» النهائي: العبارة بحجم الشعار، وسطر واحد، ومسافة عن حواف الصورة ===== */
.banner{--bf:clamp(13px,1.9vw,28px)}
.banner .bn-lockup{--f:var(--bf)!important}
body.lang-ar .banner .big-line{font-size:calc(var(--bf) * 1.02)!important;line-height:1.4!important;white-space:nowrap!important;max-width:none!important;letter-spacing:0}
body.lang-en .banner .big-line{font-size:calc(var(--bf) * .92)!important;line-height:1.3!important;white-space:nowrap!important;max-width:none!important}
.banner .inner{padding:clamp(28px,4vw,64px) clamp(26px,6vw,110px)!important;gap:clamp(20px,4vw,72px)!important}
@media (max-width:680px){
  .banner{--bf:12.5px}
  .banner .inner{padding:24px 22px!important;gap:16px!important}
  body.lang-en .banner .big-line{white-space:normal!important;max-width:15em!important}
}

@media (max-width:380px){.banner{--bf:11.5px}.banner .inner{padding:22px 16px!important;gap:12px!important}}

@media (min-width:381px) and (max-width:410px){.banner{--bf:12px}}

/* سطر تمهيدي فوق الشعارات الأربعة */
.ps .ps-brands .ps-cue{grid-column:1/-1;margin:clamp(6px,.8vw,12px) 0 clamp(2px,.4vw,6px);color:#5A5650;line-height:1.5;font-weight:500}
body.lang-ar .ps .ps-brands .ps-cue{direction:rtl;text-align:right;justify-self:end;font-size:clamp(13px,.95vw,14.5px)}
body.lang-en .ps .ps-brands .ps-cue{direction:ltr;text-align:left;justify-self:start;font-size:clamp(12.5px,.9vw,14px)}
@media (max-width:680px){body.lang-ar .ps .ps-brands .ps-cue{font-size:13px}body.lang-en .ps .ps-brands .ps-cue{font-size:12.5px}}

/* ===== الآيباد والجوال أمام وجه الشاب في قسم الريادة ===== */

.ps-dev{position:absolute;z-index:3;top:clamp(26px,5%,60px);right:clamp(28px,6%,96px);width:clamp(260px,25vw,380px);
  display:block;text-decoration:none;color:#2C2925;
  opacity:0;transform:translate3d(0,18px,0);transition:opacity 1s ease 1s,transform 1.2s cubic-bezier(.2,.7,.2,1) 1s}
.ps.ps-in .ps-dev{opacity:1;transform:none}
.ps-devs{position:relative;display:block;padding-bottom:6%;animation:dvFloat 7s ease-in-out infinite;will-change:transform}
@keyframes dvFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
.dv-tab{display:block;width:88%;margin-inline-start:auto;aspect-ratio:4/3;background:#121212;border-radius:clamp(12px,1.3vw,18px);
  padding:clamp(6px,.6vw,9px);box-shadow:0 24px 50px -18px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08) inset}
.dv-ph{position:absolute;left:0;bottom:0;width:26%;aspect-ratio:300/650;background:#121212;border-radius:clamp(10px,1.1vw,16px);
  padding:clamp(3px,.32vw,5px);box-shadow:0 18px 36px -12px rgba(0,0,0,.5)}
[dir="rtl"] .ps-dev .dv-ph{left:0;right:auto}
.dv-scr{display:block;width:100%;height:100%;border-radius:inherit;background:#fff center top/cover no-repeat}
.dv-tab .dv-scr{border-radius:clamp(6px,.7vw,10px);background-image:var(--dv-tab-ar)}
.dv-ph .dv-scr{border-radius:clamp(7px,.8vw,12px);background-image:var(--dv-ph-ar)}
body.lang-en .dv-tab .dv-scr{background-image:var(--dv-tab-en)}
body.lang-en .dv-ph .dv-scr{background-image:var(--dv-ph-en)}
.dv-notch{position:absolute;top:clamp(5px,.5vw,8px);left:50%;width:30%;height:clamp(4px,.4vw,6px);transform:translateX(-50%);
  background:#121212;border-radius:9px}
.ps-devcap{display:block;margin-top:clamp(10px,1vw,14px);font-size:clamp(11.5px,.85vw,13px);line-height:1.6;font-weight:600;text-align:start}
body.lang-ar .ps-devcap{direction:rtl}
.ps-devcap b{display:block;font-family:'Poppins',system-ui,sans-serif;font-weight:600;letter-spacing:.02em;unicode-bidi:isolate}
body.lang-ar .ps-devcap b{text-align:right}
.ps-dev:hover .dv-tab{box-shadow:0 30px 60px -18px rgba(0,0,0,.5),0 0 0 1px rgba(238,140,96,.6) inset}
.ps-dev:hover .ps-devcap b{color:var(--copper)}
@media (max-width:1100px) and (min-width:681px){.ps-dev{width:min(40vw,300px);top:22px;right:24px}}
@media (max-width:680px){
  .ps-dev{top:16px;left:14px;right:auto;width:46vw;max-width:190px}
  [dir="rtl"] .ps-dev{left:14px;right:auto}
  .ps-devcap{font-size:10px;line-height:1.5;margin-top:6px}
}
@media (prefers-reduced-motion:reduce){.ps-devs{animation:none}.ps-dev{opacity:1;transform:none;transition:none}}

@media (min-width:1101px){
  .ps-dev{width:clamp(230px,19vw,290px)!important;top:clamp(20px,3%,40px)!important}
  body.lang-en .ps-dev .ps-devcap{max-width:100%}
}

@media (max-width:1100px) and (min-width:681px){.ps-dev{width:190px!important;top:20px!important;right:18px!important}.ps-devcap{font-size:10.5px}}
@media (max-width:680px){.ps-dev{width:38vw!important;max-width:170px}.ps-devcap{font-size:9.5px!important}}

@media (max-width:1100px){
  .ps-dev{left:16px!important;right:auto!important;top:16px!important}
  [dir="rtl"] .ps-dev{left:16px!important;right:auto!important}
  .ps-devcap{display:none!important}
}
@media (max-width:1100px) and (min-width:681px){.ps-dev{width:150px!important}}
@media (max-width:680px){.ps-dev{width:34vw!important;max-width:150px}}

/* ===== صورة الآيباد المعتمدة + انعكاس صورة الشاب حسب اللغة ===== */
:root{--dv-tab:url("/assets/perf/img-1.webp")}
.ps-devs{padding-bottom:0!important}
.dv-img{display:block;width:100%;aspect-ratio:760/580;background:var(--dv-tab) center/contain no-repeat;
  filter:drop-shadow(0 26px 34px rgba(0,0,0,.28))}
.ps-devcap{display:block!important;margin-top:clamp(8px,.9vw,12px)!important;font-weight:600;color:#2C2925;text-align:center!important;
  font-size:clamp(12px,.9vw,14px)!important;line-height:1.55}
.ps-dev:hover .ps-devcap{color:var(--copper)}
.ps-dev:hover .dv-img{filter:drop-shadow(0 30px 40px rgba(0,0,0,.34))}
/* العربي: الشاب ينظر لليسار والتصميم في اليسار — الإنجليزي: العكس */
body.lang-ar .ps .ps-shot{transform:scaleX(-1)}
body.lang-ar .ps-dev{left:clamp(28px,6%,96px)!important;right:auto!important}
body.lang-en .ps-dev{right:clamp(28px,6%,96px)!important;left:auto!important}
@media (min-width:1101px){.ps-dev{width:clamp(270px,24vw,380px)!important}}
@media (max-width:1100px) and (min-width:681px){
  .ps-dev{width:240px!important;top:22px!important}
  body.lang-ar .ps-dev{left:20px!important} body.lang-en .ps-dev{right:20px!important}
  .ps-devcap{display:block!important;font-size:11.5px!important}
}
@media (max-width:680px){
  .ps-dev{width:44vw!important;max-width:200px;top:14px!important}
  body.lang-ar .ps-dev{left:12px!important;right:auto!important} body.lang-en .ps-dev{right:12px!important;left:auto!important}
  .ps-devcap{display:block!important;font-size:10px!important;line-height:1.45;margin-top:5px!important}
}

/* الآيباد والجوال: التصميم تحت صورة القسم (يُنقل بالسكربت) */
@media (max-width:1100px){
  .ps-dev{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;
    width:min(74vw,440px)!important;max-width:none!important;margin:clamp(22px,4vw,36px) auto 0!important;z-index:2;opacity:1!important;transform:none!important}
  body.lang-ar .ps-dev,body.lang-en .ps-dev{left:auto!important;right:auto!important}
  .ps-devcap{font-size:13px!important;margin-top:12px!important}
}
@media (max-width:680px){.ps-dev{width:86vw!important}.ps-devcap{font-size:12.5px!important}}

/* ===== التصميم في الزاوية العلوية فوق العنوان (المنطقة الفارغة) ===== */
body.lang-ar .ps-dev{right:clamp(28px,5.5%,90px)!important;left:auto!important}
body.lang-en .ps-dev{left:clamp(28px,5.5%,90px)!important;right:auto!important}
@media (min-width:1101px){.ps-dev{width:clamp(250px,21vw,340px)!important;top:clamp(24px,4%,48px)!important}}
.ps-devcap{text-align:start!important;font-size:clamp(11px,.8vw,12.5px)!important;font-weight:500!important;line-height:1.55!important;margin-top:8px!important;color:#3A3631}
body.lang-ar .ps-devcap{direction:rtl;text-align:right!important}
body.lang-en .ps-devcap{direction:ltr;text-align:left!important}
.ps-dev{cursor:pointer}

/* الآيباد: في الزاوية العلوية فوق العنوان داخل الصورة */
@media (max-width:1100px) and (min-width:681px){
  .ps-dev{position:absolute!important;top:18px!important;width:170px!important;margin:0!important;opacity:1!important;transform:none!important}
  body.lang-ar .ps-dev{right:18px!important;left:auto!important}
  body.lang-en .ps-dev{left:18px!important;right:auto!important}
  .ps-devcap{font-size:10px!important;margin-top:6px!important}
}
/* الجوال: تحت الصورة، والجملة صغيرة تحت الآيباد بمحاذاة اللغة */
@media (max-width:680px){
  .ps-dev{width:78vw!important;margin:22px auto 0!important}
  .ps-devcap{font-size:11px!important;margin-top:8px!important}
}

/* ===== قسم الريادة: ضبط نهائي ===== */
/* الجملة تبدأ وتنتهي مع حواف الآيباد */
.ps-devcap{width:100%}
/* شبكة الشعارات أكثر تماسكاً */
.ps .ps-brands,body.lang-en .ps .ps-brands,body.lang-ar .ps .ps-brands{row-gap:clamp(10px,1vw,14px)!important;column-gap:clamp(26px,2.8vw,44px)!important}
.ps .ps-brands .ps-main{margin-bottom:0!important}
.ps .ps-brands .ps-cue{margin:clamp(4px,.5vw,8px) 0 clamp(2px,.3vw,4px)!important}
.ps-sub .lk{row-gap:calc(var(--f) * .16)!important;gap:calc(var(--f) * .16) 0!important}
/* من بداية الآيباد حتى 1100: إطار أطول والمحتوى في الأسفل، والآيباد في الزاوية فوق العنوان */
@media (max-width:1100px) and (min-width:681px){
  .ps-dev{width:200px!important;top:24px!important}
  body.lang-ar .ps-dev{right:24px!important} body.lang-en .ps-dev{left:24px!important}
  .ps-devcap{font-size:11px!important}
}

@media (max-width:1100px) and (min-width:681px){.ps-dev{width:clamp(180px,27vw,290px)!important}.ps-devcap{font-size:clamp(10.5px,1.3vw,12px)!important}}

/* قسم الريادة: المحتوى أقرب لأسفل الصورة داخل الظل الأبيض */
@media (min-width:1101px){.ps .ps-body{padding-bottom:clamp(14px,1.3vw,24px)!important}}
@media (max-width:1100px) and (min-width:681px){.ps .ps-body{padding-bottom:20px!important}}

/* جملة الآيباد: سطران ثابتان */
.ps-devcap .dc1,.ps-devcap .dc2{display:block;white-space:nowrap}
.ps-devcap .dc2{font-weight:400;opacity:.85}
@media (max-width:680px){
  .ps-dev{margin-inline:auto!important}
  .ps-devcap,body.lang-ar .ps-devcap,body.lang-en .ps-devcap{text-align:center!important;font-size:12.5px!important;margin-top:12px!important}
}
/* تباعد أسطر «نجمع بين ثقافتنا…» */
body.lang-ar .ps .ps-lede{line-height:1.62!important}
body.lang-en .ps .ps-lede{line-height:1.5!important}
/* «عزّز نمو أعمالك» ملاصقة للشعارات الأربعة */
.ps .ps-brands .ps-cue{margin:clamp(6px,.8vw,12px) 0 -4px!important}

/* الجوال: عنوان قسم الريادة على سطرين كما في سطح المكتب */
@media (max-width:680px){body.lang-ar .ps .ps-title br{display:inline!important}body.lang-ar .ps .ps-title{white-space:normal;text-wrap:nowrap}}

@media (max-width:680px){body.lang-ar .ps .ps-dev,body.lang-en .ps .ps-dev,body .ps-dev{left:auto!important;right:auto!important;inset:auto!important;margin-left:auto!important;margin-right:auto!important}}

/* جملة الآيباد: السطران بنفس الوزن، وإزاحة بسيطة عن حافة الآيباد */
.ps-devcap .dc2{font-weight:inherit!important;opacity:1!important}
body.lang-ar .ps-devcap{padding-right:clamp(6px,.6vw,10px)}
body.lang-en .ps-devcap{padding-left:clamp(6px,.6vw,10px)}
@media (max-width:680px){body.lang-ar .ps-devcap,body.lang-en .ps-devcap{padding-inline:0}}

/* perf: inline social SVGs */
.social-icon{width:1em;height:1em;display:block;fill:currentColor}