/* نيكسس فيا · الموقع — مبنيٌّ على رموز الهويّة */

/* ═══ نيكسس فيا · الرموز اللونية والطباعية ═══
   مأخوذة حرفياً من brand-tokens — الدرجات العاملة لا الأصلية.        */
:root{
  color-scheme: light;
  --ivory:#F7F3EA;          /* الأرض */
  --surface:#FFFDF8;        /* البطاقة */
  --edge:#E4DACB;           /* الشعرة */
  /* **أبيضُ بقصدٍ في الوضعين:** أرضُ شعار العميل محايدة، فلا تُفرَض عليه
     ألوانُ نيكسس فيا ولا يُقلَب شعارُه ليلاً. (21 أكتوبر 2026) */
  --n-logo:#FFFFFF;         /* أرضُ شعار العميل — لا تتبدّل */
  --edge-2:#EFE7DA;
  --ink:#2A1520;            /* الحبر */
  /* الباذنجانيّ **مفتَّحاً**: كان 4B1F3A ويُستعمل 167 مرّةً — منها 32 خلفيّةً كاملة،
     فصار لونَ أرضٍ لا لونَ تمييز، والصفحةُ كاتمة. (طلبُ المالك 16 أكتوبر 2026)
     واللوحةُ الخماسيّةُ لم تُمسّ — المتغيّرُ نسبُ استعمالها. والتباينُ مقيس:
     8.54 على العاج، و8.02 للعاج عليه. */
  --head:#6B3352;           /* الباذنجانيّ — القرار: الزرّ والعنوان والعلامة */
  --head-deep:#4B1F3A;      /* الأعمق — للظلال والحدود وما يحتاج ثِقلاً */
  --mute:#5E544F;
  --faint:#6F645D;
  --gold:#7A5F22;           /* الذهبيّ العامل على العاج */
  --gold-dark:#C9B37A;
  --gold-lite:#C9B37A;      /* لمعةُ المعدن على الداكن */
  --gold-peak:#E8D9AE;      /* ذروةُ اللمعة */      /* الذهبيّ الأصليّ على الباذنجانيّ */
  --breeze:#4E6E8E;         /* بابُ المنشآت */
  --olive:#4C5D3A;          /* بابُ الأنظمة */
  --impact:#8F8060;         /* البيج — **أسطحٌ وحدودٌ بلا نصّ**: تباينُه 3.50 يرسب */

  /* مخفَّفاتُ اللوحة: أرضٌ ملوّنةٌ تحمل حبراً أسودَ بتباينٍ عالٍ (14.16 للبيج) */
  --taupe-wash:#EFE9DD;
  --breeze-wash:#E8EDF3;
  --olive-wash:#E9EDE3;
  --gold-wash:#F3EDDC;

  /* التدرّجُ يكسر ثِقلَ الكتلة المسطّحة بلونين من اللوحة نفسِها، لا بلونٍ دخيل */
  --grad-plum:linear-gradient(135deg,#6B3352 0%,#57304B 58%,#4C5D3A 210%);
  --grad-olive:linear-gradient(135deg,#4C5D3A 0%,#405537 58%,#4E6E8E 230%);
  --danger:#9C2F44;
  --ar:"IBM Plex Sans Arabic", system-ui, sans-serif;
  --disp:"Alexandria", "IBM Plex Sans Arabic", sans-serif;
  --lat:"Jost", system-ui, sans-serif;
  --wrap:1120px;
  --pad:clamp(20px, 5vw, 56px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--ivory); color:var(--ink);
  font-family:var(--ar); font-weight:400; font-size:16px; line-height:1.9;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body[dir="ltr"]{font-family:var(--lat), "IBM Plex Sans Arabic", sans-serif; line-height:1.72}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }

.wrap{max-width:var(--wrap); margin:0 auto; padding-inline:var(--pad)}

/* ── اللاتينيّ: وزن ٥٠٠ وتباعُد 0.10em. العربيّ: لا تباعُد أبداً. ── */
.eyebrow{
  font-family:var(--lat); font-weight:500; letter-spacing:.34em; direction:ltr; text-align:right;
  font-size:.66rem; color:var(--gold); text-transform:uppercase; margin:0 0 14px;
}
[dir="ltr"] .eyebrow{text-align:left}
h1,h2,h3{font-family:var(--disp); color:var(--head); margin:0; text-wrap:balance; letter-spacing:0}
h1{font-weight:600; font-size:clamp(1.75rem, 4.4vw, 3.05rem); line-height:1.34}
h2{font-weight:600; font-size:clamp(1.35rem, 2.8vw, 1.95rem); line-height:1.4}
h3{font-weight:600; font-size:1.05rem; line-height:1.5}
p{margin:0 0 16px; max-width:64ch}
strong{font-weight:600; color:var(--head)}
a{color:inherit}

/* ═══ الشريط العلويّ — النسخة الثلاثيّة والاسمُ العربيّ وحده ═══ */
.bar{
  position:sticky; top:0; z-index:50; background:rgba(247,243,234,.93);
  backdrop-filter:saturate(140%) blur(8px); border-bottom:1px solid var(--edge);
}
.bar .wrap{display:flex; align-items:center; gap:20px; height:70px}
.brand{display:flex; align-items:center; gap:11px; text-decoration:none; flex-shrink:0}
.brand svg{height:17px; width:auto; display:block}
.brand .nm{font-family:var(--disp); font-weight:600; font-size:1.02rem; color:var(--head); white-space:nowrap}
.brand .ds{font-family:var(--ar); font-weight:400; font-size:.78rem; color:var(--faint); padding-inline-start:11px; border-inline-start:1px solid var(--edge); white-space:nowrap}
/* الفجوة 26←22 (17 أكتوبر 2026): بإضافة مدخل التسويق صار الشريطُ يحتاج
   1170px والمتاحُ 1120 (عرضُ --wrap)، فتداخلت البنودُ في كلّ العروض لا
   في الضيّقة وحدها. ومع اختصار التسمية صار المطلوبُ 1072. */
/* **السببُ الحقيقيّ للتداخل: flex-shrink.** الشريطُ كان يضغط .nav تحت
   عرضِ محتواه (426 والمطلوب 517)، وبنودُه white-space:nowrap فلا تنكسر —
   فتتسرّب خارج صندوقها وتركب على أزرار اليسار. اختصارُ التسمية وتضييقُ
   الفجوة خفّفا ولم يُنهيا. ومنعُ الانكماش ينهيه: الهامشُ التلقائيّ يبتلع
   الفائضَ (قيس: 51 بكسل حرّة، وصفرُ تداخل). (17 أكتوبر 2026) */
.nav{display:flex; gap:22px; margin-inline-start:auto; align-items:center; flex-shrink:0}
.nav .navl,.nav .navb{font:inherit; font-size:.92rem; font-weight:500; color:var(--mute); text-decoration:none; padding:6px 0; border:0; border-bottom:1px solid transparent; background:transparent; cursor:pointer; transition:color .18s, border-color .18s; white-space:nowrap; display:inline-flex; align-items:center; gap:6px}
.nav .navl:hover,.nav .navb:hover,.nav .navi.on > .navb,.nav .navl[aria-current="page"]{color:var(--head); border-bottom-color:var(--gold)}
.nav .navb svg{width:11px; height:11px; transition:transform .18s}
.navi{position:relative}
.navi.open > .navb svg,.navi:hover > .navb svg{transform:rotate(180deg)}
.sub{position:absolute; top:calc(100% + 10px); inset-inline-start:-14px; min-width:280px; background:var(--surface); border:1px solid var(--edge); border-radius:6px; box-shadow:0 14px 34px -18px rgba(42,21,32,.35); padding:10px; display:none; z-index:60}
.sub::before{content:""; position:absolute; top:-11px; inset-inline:0; height:11px}   /* جسرٌ يُبقي القائمةَ مفتوحةً أثناء انتقال المؤشّر */
.navi.open > .sub,.navi:hover > .sub,.navi:focus-within > .sub{display:grid; gap:6px}
.subg{padding:6px}
.subg + .subg{border-top:1px solid var(--edge-2); padding-top:10px}
.subh{display:block; font-family:var(--ar); font-weight:500; font-size:.74rem; color:var(--gold); margin:0 8px 6px}
.sub a{display:grid; gap:1px; padding:8px 10px; border-radius:4px; text-decoration:none; color:var(--ink); font-size:.9rem; white-space:nowrap}
.sub a:hover,.sub a:focus-visible{background:var(--ivory); color:var(--head); outline:none}
.sub a small{font-size:.76rem; color:var(--faint); white-space:normal; max-width:30ch}
.sub a.suball{color:var(--gold); font-weight:500; font-size:.84rem}
[dir="ltr"] .subh{font-family:var(--lat); font-size:.68rem; letter-spacing:.14em; text-transform:uppercase}
.barend{display:flex; align-items:center; gap:11px; flex-shrink:0}

/* مبدّلُ اللغة */
.lang{display:inline-flex; border:1px solid var(--edge); border-radius:3px; overflow:hidden}
.lang a{background:transparent; border:0; cursor:pointer; padding:7px 12px; font-size:.76rem; text-decoration:none;
  font-family:var(--lat); font-weight:500; letter-spacing:.06em; color:var(--mute); transition:background .15s; display:inline-block}
.lang a.on{background:var(--head); color:var(--ivory)}
.lang a.ar{font-family:var(--ar); letter-spacing:0}

/* لونُ القرار لا يُستعمل إلا للقرار — الباذنجانيُّ المصمت للأزرار وحدها. */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  background:var(--head); color:var(--ivory);
  font-family:var(--ar); font-weight:600; font-size:.9rem; text-decoration:none;
  padding:11px 22px; border-radius:3px; border:0; cursor:pointer; white-space:nowrap;
  transition:background .18s, transform .18s;
}
[dir="ltr"] .btn{font-family:var(--lat); letter-spacing:.04em}
.btn:hover:not(:disabled){background:#3A162D; transform:translateY(-1px)}
.btn.ghost{background:transparent; color:var(--head); border:1px solid var(--edge)}
.btn.ghost:hover{background:#F0E8DA; transform:none}
.btn.sm{padding:9px 17px; font-size:.84rem}
:focus-visible{outline:2px solid var(--gold); outline-offset:3px}
.lnk{font-size:.9rem; color:var(--head); text-decoration:none; border-bottom:1px solid var(--edge);
  padding-bottom:2px; transition:border-color .18s; background:none; border-inline:0; border-top:0;
  cursor:pointer; font-family:inherit}
.lnk:hover{border-bottom-color:var(--gold)}

/* ═══ الافتتاحية ═══ */
.hero{padding:clamp(52px, 9vw, 104px) 0 clamp(46px, 7vw, 84px)}
.hero .wrap{display:grid; grid-template-columns:minmax(0,1.32fr) minmax(0,1fr); gap:clamp(30px,5vw,70px); align-items:center}
.pre{font-size:1rem; color:var(--mute); margin:0 0 16px}
.hero .lead{font-size:1.03rem; color:var(--mute); margin-top:22px; max-width:56ch}
.acts{display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-top:32px}

/* الشعارُ الخماسيّ — مساحةُ الحِمى = قُطر الدائرة */
.markbox{padding:clamp(20px,4vw,38px); background:var(--surface); border:1px solid var(--edge); border-radius:4px}
.markbox svg{width:100%; height:auto; display:block}
.legend{margin:20px 0 0; padding-top:16px; border-top:1px solid var(--edge-2);
  font-size:.84rem; color:var(--mute); line-height:1.75; max-width:none}

/* ═══ الشريطُ الباذنجانيّ — العبارة ═══ */
.impactband{background:var(--grad-plum); color:#F3EAEE}
.impactband .wrap{padding-block:clamp(42px,6vw,66px); display:grid; grid-template-columns:auto 1fr; gap:clamp(24px,5vw,60px); align-items:center}
.slogan{font-family:var(--disp); font-weight:600; font-size:clamp(1.7rem,4vw,2.5rem); color:#fff; line-height:1.3; margin:0}
.slogan-en{font-family:var(--lat); font-weight:500; letter-spacing:.3em; direction:ltr; text-align:right; font-size:.68rem; color:var(--gold-dark); margin-top:12px}
[dir="ltr"] .slogan-en{text-align:left}
.impactband p{color:#DCCBD3; margin:0; font-size:1rem; max-width:52ch}

/* ═══ الأقسام ═══ */
section{padding-block:clamp(48px,7vw,86px)}
section + section{border-top:1px solid var(--edge)}
.shead{margin-bottom:clamp(28px,4vw,44px); max-width:62ch}
.shead p{color:var(--mute); margin:14px 0 0}

/* الساحاتُ الأربع — أعمدةٌ بفواصلَ شعريّة، لا صناديق */
.arenas{display:grid; grid-template-columns:repeat(4,1fr); gap:0}
.arena{padding:26px clamp(14px,2vw,26px) 6px; border-inline-start:1px solid var(--edge)}
.arena:last-child{border-inline-end:1px solid var(--edge)}
.arena .dot{width:10px; height:10px; border-radius:2px; display:block; margin-bottom:16px}
.arena h3{margin-bottom:9px}
.arena p{font-size:.9rem; color:var(--mute); margin:0}

/* الوضعان */
.modes{display:grid; grid-template-columns:1fr 1fr; gap:clamp(18px,3vw,30px)}
.mode{background:var(--surface); border:1px solid var(--edge); border-radius:4px; padding:clamp(24px,3vw,34px)}
.mode .tag{font-family:var(--lat); font-weight:500; letter-spacing:.26em; direction:ltr; text-align:right; font-size:.62rem; color:var(--gold); display:block; margin-bottom:11px}
[dir="ltr"] .mode .tag{text-align:left}
.mode p{font-size:.94rem; color:var(--mute); margin:12px 0 0}
.mode.mark2{border-color:#D9C9B4; border-inline-start:3px solid var(--gold)}

/* كيف نعمل — ثلاث مراحلَ متتابعة، والترقيمُ هنا يعني ترتيباً حقيقياً */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,3vw,32px)}
.step .no{font-family:var(--lat); font-weight:300; font-size:1.5rem; color:var(--gold); direction:ltr; text-align:right; display:block; line-height:1}
[dir="ltr"] .step .no{text-align:left}
.step h3{margin:12px 0 9px}
.step p{font-size:.92rem; color:var(--mute); margin:0}
.deliv{
  margin-top:clamp(26px,4vw,38px); background:var(--surface); border:1px solid var(--edge);
  border-radius:4px; padding:clamp(22px,3vw,30px);
  display:grid; grid-template-columns:auto 1fr; gap:clamp(18px,3vw,32px); align-items:center;
}
.deliv .nmt{font-family:var(--disp); font-weight:600; font-size:1.2rem; color:var(--head); white-space:nowrap}
.deliv .nmt small{display:block; font-family:var(--lat); font-weight:500; letter-spacing:.2em; direction:ltr; text-align:right; font-size:.6rem; color:var(--faint); margin-top:6px}
[dir="ltr"] .deliv .nmt small{text-align:left}
.deliv p{margin:0; font-size:.94rem; color:var(--mute)}

/* ═══ الأثر ═══ */
.rules{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2.6vw,28px); margin-bottom:clamp(22px,3vw,32px)}
.rule{border-top:1px solid var(--edge); padding-top:16px}
.rule .n{font-family:var(--lat); font-weight:300; font-size:1.2rem; color:var(--gold); direction:ltr; text-align:right; display:block; line-height:1; margin-bottom:9px}
[dir="ltr"] .rule .n{text-align:left}
.rule p{font-size:.88rem; color:var(--mute); margin:0}
.founding{background:var(--surface); border:1px solid var(--edge); border-radius:4px; padding:clamp(24px,3.2vw,34px)}
.founding h3{margin-bottom:10px}
.founding p{font-size:.95rem; color:var(--mute); margin:0}

/* القيم */
.vals{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,3vw,32px)}
.val{border-top:2px solid var(--head); padding-top:18px}
.val h3{margin-bottom:9px}
.val p{font-size:.9rem; color:var(--mute); margin:0}

/* التواصل */
.contact .wrap{display:grid; grid-template-columns:1.15fr 1fr; gap:clamp(26px,5vw,64px); align-items:start}
.cbox{background:var(--surface); border:1px solid var(--edge); border-radius:4px; padding:clamp(24px,3vw,32px)}
.crow{display:flex; align-items:center; gap:13px; padding-block:13px; border-bottom:1px solid var(--edge-2); text-decoration:none}
.crow:last-of-type{border-bottom:0}
.crow svg{flex:0 0 20px; height:20px}
.crow .k{font-size:.74rem; color:var(--faint); display:block; line-height:1.5}
.crow .v{font-size:.95rem; color:var(--ink); text-decoration:none; direction:ltr; display:block; unicode-bidi:isolate; text-align:right}
[dir="ltr"] .crow .v{text-align:left}
a.crow:hover .v{color:var(--head)}

/* التذييل — واللاتينيُّ يظهر هنا وحده */
footer{background:#F1EBDE; border-top:1px solid var(--edge)}
footer .wrap{padding-block:44px; display:flex; gap:26px; align-items:flex-end; justify-content:space-between; flex-wrap:wrap}
.flock .l1{font-family:var(--lat); font-weight:500; letter-spacing:.22em; direction:ltr; font-size:1.02rem; color:var(--head)}
.flock .l2{font-family:var(--lat); font-weight:500; letter-spacing:.2em; direction:ltr; font-size:.58rem; color:var(--faint); margin-top:7px}
.fmeta{font-size:.8rem; color:var(--faint); text-align:end}

/* زرُّ الواتساب العائم — أسفل اليسار بالباذنجانيّ */
.wa{
  position:fixed; bottom:22px; left:22px; z-index:60;
  width:52px; height:52px; border-radius:50%; background:var(--head);
  display:grid; place-items:center; box-shadow:0 5px 18px rgba(43,17,33,.28);
  transition:transform .2s, background .2s;
}
.wa:hover{transform:scale(1.06); background:#3A162D}
.wa svg{width:26px; height:26px}

/* ═══ بوّابةُ الفحص — طبقةٌ فوق الصفحة ═══ */
.ov{position:fixed; inset:0; z-index:90; display:none}
.ov[data-open="1"]{display:block}
.ov .scrim{position:absolute; inset:0; background:rgba(30,14,24,.5)}
.ov .sheet{position:absolute; inset-block:0; inset-inline-end:0; width:min(680px,100vw);
  background:var(--ivory); overflow-y:auto; border-inline-start:1px solid var(--edge)}
.ov .inner{padding:clamp(22px,4vw,42px)}
.ovtop{display:flex; align-items:flex-start; gap:14px; margin-bottom:20px}
.ovtop h2{flex:1; min-width:0}
.pick{display:grid; gap:14px; margin-top:8px}
.pcard{background:var(--surface); border:1px solid var(--edge); border-radius:5px; padding:clamp(20px,2.6vw,28px);
  text-align:start; cursor:pointer; font:inherit; color:inherit; width:100%; display:block;
  transition:border-color .18s, transform .18s}
.pcard:hover{border-color:var(--gold); transform:translateY(-2px)}
.pcard svg{display:block; margin-bottom:15px}
.pcard h3{font-size:1.15rem; margin-bottom:6px}
.pcard .s{font-size:.9rem; color:var(--mute); margin:0 0 12px}
.pcard .e{font-size:.8rem; color:var(--faint); border-top:1px solid var(--edge-2); padding-top:11px; margin:0}
fieldset{border:0; padding:0; margin:0 0 26px}
legend{font-family:var(--disp); font-weight:600; font-size:.94rem; color:var(--head);
  padding:0 0 11px; margin-bottom:15px; border-bottom:1px solid var(--edge); width:100%}
.g2{display:grid; grid-template-columns:1fr 1fr; gap:15px}
.f{margin-bottom:15px}
.f label{display:block; font-size:.86rem; color:var(--ink); margin-bottom:6px}
.f .hint{display:block; font-size:.76rem; color:var(--faint); margin-bottom:7px; line-height:1.6}
.f .req{color:var(--danger); font-size:.8rem}
input[type=text],textarea,select{width:100%; background:var(--surface); border:1px solid var(--edge);
  border-radius:3px; padding:10px 13px; font-family:var(--ar); font-weight:400; font-size:.92rem;
  color:var(--ink); line-height:1.7; transition:border-color .16s}
[dir="ltr"] input[type=text],[dir="ltr"] textarea,[dir="ltr"] select{font-family:var(--lat)}
textarea{min-height:96px; resize:vertical}
input:focus,textarea:focus,select:focus{border-color:var(--gold); outline:none}
[aria-invalid="true"]{border-color:var(--danger)!important}
.err{display:block; font-size:.78rem; color:var(--danger); margin-top:5px}
.chips{display:flex; flex-wrap:wrap; gap:8px}
.chip{border:1px solid var(--edge); background:var(--surface); border-radius:20px; padding:7px 15px;
  font-size:.84rem; cursor:pointer; font-family:inherit; color:var(--mute); transition:all .15s}
.chip[aria-pressed="true"]{background:var(--head); border-color:var(--head); color:var(--ivory)}
.note{background:#F4EEE2; border-inline-start:2px solid var(--gold); padding:12px 15px;
  border-radius:3px; font-size:.85rem; color:var(--mute); margin:16px 0}
.hidden{display:none!important}


/* ═══ من نحن ═══ */
.about{display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:clamp(26px,5vw,60px); align-items:start}
.facts{background:var(--surface); border:1px solid var(--edge); border-radius:4px; padding:clamp(20px,2.6vw,28px)}
.fact{padding-block:12px; border-bottom:1px solid var(--edge-2)}
.fact:last-child{border-bottom:0}
.fact .k{display:block; font-size:.74rem; color:var(--faint); line-height:1.5}
.fact .v{display:block; font-size:.92rem; color:var(--ink); line-height:1.7}

/* ═══ مُدخلاتُ الأثر ═══ */
.ientry{background:var(--surface); border:1px solid var(--edge); border-radius:4px;
  padding:clamp(20px,2.6vw,28px); margin-bottom:14px}
.ientry .top{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:4px}
.ientry h3{font-size:1.1rem}
.ientry .meta{font-size:.76rem; color:var(--faint)}
.ientry .desc{font-size:.92rem; color:var(--mute); margin:10px 0 0}
.measure{display:flex; align-items:center; gap:clamp(12px,2.4vw,26px); flex-wrap:wrap;
  margin-top:16px; padding-top:14px; border-top:1px solid var(--edge-2)}
.mnum{display:block}
.mnum .k{font-size:.7rem; color:var(--faint); display:block; line-height:1.5}
.mnum .v{font-family:var(--lat); font-weight:400; font-size:1.55rem; color:var(--head);
  direction:ltr; text-align:right; display:block; line-height:1.15}
[dir="ltr"] .mnum .v{text-align:left}
.mnum.after .v{color:var(--olive)}
.marrow{color:var(--gold); font-size:1.2rem; line-height:1; align-self:flex-end; padding-bottom:5px}
.munit{font-size:.82rem; color:var(--mute); align-self:flex-end; padding-bottom:6px}
.iadmin{margin-top:8px; display:flex; gap:12px; align-items:center; flex-wrap:wrap}
.iform{background:var(--surface); border:1px solid var(--gold); border-radius:4px;
  padding:clamp(20px,2.6vw,28px); margin-top:14px}
.g3{display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px}
.istatus{font-size:.82rem; color:var(--mute)}
.istatus.bad{color:var(--danger)}
@media (max-width:1000px){ .about{grid-template-columns:1fr} }
@media (max-width:700px){ .g3{grid-template-columns:1fr} }


/* ═══ افتح طريقاً ═══ */
.tr{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:clamp(24px,4vw,52px); align-items:start}
.trstep{display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:start;
  padding-block:14px; border-bottom:1px solid var(--edge-2)}
.trstep:last-child{border-bottom:0}
.trstep .n{font-family:var(--lat); font-weight:300; font-size:1rem; color:var(--gold); direction:ltr; line-height:1.6}
.trstep p{margin:0; font-size:.92rem; color:var(--mute)}
.trcta{background:var(--surface); border:1px solid var(--edge); border-radius:4px; padding:clamp(22px,3vw,30px)}
.trcta p{font-family:var(--disp); font-weight:500; font-size:1.05rem; color:var(--head); margin:0 0 18px; line-height:1.5}
.trcta .trnote{font-family:var(--ar); font-weight:400; font-size:.82rem; color:var(--faint); margin:14px 0 0}
@media (max-width:1000px){ .tr{grid-template-columns:1fr} }

/* ═══ الحركة — البناءُ الخماسيّ ═══ */
@media (prefers-reduced-motion: no-preference){
  .e1,.e2{opacity:0; animation:fin .42s cubic-bezier(.2,.7,.3,1) forwards}
  .e2{animation-delay:.11s}
  .e3{transform:scaleY(0); transform-origin:52px 10px; animation:barup .34s .26s cubic-bezier(.2,.7,.3,1) forwards}
  .e4{transform:scale(0); transform-origin:39px 10px; animation:pop .40s .43s cubic-bezier(.3,1.5,.5,1) forwards}
  .e5{transform:scaleX(0); transform-origin:27.5px 10px; animation:ext .48s .62s cubic-bezier(.2,.7,.3,1) forwards}
  .reveal{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.3,1)}
  .reveal.in{opacity:1; transform:none}
}
@keyframes fin{to{opacity:1}}
@keyframes barup{to{transform:scaleY(1)}}
@keyframes pop{to{transform:scale(1)}}
@keyframes ext{to{transform:scaleX(1)}}

/* ═══ سُلَّمُ السقوط ═══ */
/* **الشريطُ لا يتّسع داخل عرض المحتوى.** قيس على /marketing/ في 8 نوفمبر 2026:
   الشعارُ 220 + القائمةُ 682 + الطرفُ 322 + فجوتان 40 = 1264 بكسل، والمتاحُ داخل
   ‎.wrap‎ هو 1008 (1120 ناقصَ حاشيتَي 56). وحتى بإخفاء وصفِ الشعار وتضييقِ الفجوة
   يبقى المطلوبُ 1096 — فالتقييدُ عند 1120 لا يتّسع في أيّ حال.
   ومنعُ الانكماش (17 أكتوبر) أزال التداخلَ وأحلّ محلَّه قطعاً من الطرفين: قيس
   40 بكسل فائضةً عند 1440 و213 عند 901. فيُفرَد الشريطُ وحدَه، ويُطوى في زرّ
   القائمة تحت 1200 — وهو العلاجُ نفسه الذي عولجت به الإنجليزيّة عند 1140. */
@media (min-width:1200px){ .bar .wrap{max-width:min(1400px, 100%); padding-inline:20px} }
@media (max-width:1439px){ .brand .ds{display:none} }       /* يسقط وصفُ الشعار أوّلاً */
@media (min-width:1200px) and (max-width:1319px){ .nav{gap:16px} .nav .navl,.nav .navb{font-size:.88rem} }
@media (max-width:1199px){ .bar .wrap{justify-content:space-between} .barend{margin-inline-start:auto} }
@media (max-width:1000px){
  .hero .wrap{grid-template-columns:1fr}
  .markbox{order:-1; max-width:440px}
  .arenas{grid-template-columns:1fr 1fr}
  .arena:nth-child(-n+2){border-block-end:1px solid var(--edge)}
  .arena:last-child{border-inline-end:0}
  .impactband .wrap{grid-template-columns:1fr; gap:20px}
  .contact .wrap{grid-template-columns:1fr}
  .rules{grid-template-columns:1fr}
}
@media (max-width:900px){
  .nav{display:none}
  .brand .ds{display:none}          /* يسقط الوصفُ أوّلاً، ويبقى الشريطُ والاسم */
  .steps,.vals,.modes{grid-template-columns:1fr}
  .deliv{grid-template-columns:1fr; gap:16px}
  .bar .wrap{justify-content:space-between}
  .barend{margin-inline-start:auto}
  .g2{grid-template-columns:1fr}
}
@media (max-width:560px){
  .arenas{grid-template-columns:1fr}
  .arena{border-inline-start:0; border-inline-end:0!important; border-block-end:1px solid var(--edge); padding-inline:0}
  .arena:last-child{border-block-end:0}
  .legend{font-size:.8rem}
  footer .wrap{flex-direction:column; align-items:flex-start}
  .fmeta{text-align:start}
  .bar .wrap{height:auto; padding-block:11px; flex-wrap:wrap; gap:11px}
  .barend{width:100%; justify-content:space-between; margin-inline-start:0}
}

/* ═══ إضافاتُ نسخة PHP ═══ */
.mute{color:var(--mute)} .faint{color:var(--faint); font-size:.82rem} .sm{font-size:.92rem}
.body{font-size:1rem; color:var(--mute); line-height:1.95; margin:0 0 16px; max-width:64ch}
.pagehead{padding:clamp(40px,7vw,80px) 0 clamp(18px,3vw,30px)}
.pagehead .lead{font-size:1.03rem; color:var(--mute); margin-top:14px; max-width:60ch}
.pagehead + section{padding-top:clamp(20px,3vw,34px); border-top:0}
.strip{padding-block:clamp(36px,5vw,60px)}
.arenas.compact .arena{padding:20px clamp(14px,2vw,26px); text-decoration:none; color:inherit; transition:background .16s}
.arenas.compact .arena:hover{background:var(--surface)}
.arenas.compact .arena h3{margin:0; font-size:1rem}
.ctastrip{background:var(--surface); border-top:1px solid var(--edge); padding-block:clamp(34px,5vw,52px)}
.ctastrip .wrap{display:flex; align-items:center; justify-content:space-between; gap:22px; flex-wrap:wrap}
.ctastrip h2{font-size:clamp(1.15rem,2.2vw,1.5rem)}
.contact .wrap{margin-top:0}
.contact .mute{margin-top:14px}
.crow .v.ar{direction:rtl; text-align:right}
[dir="ltr"] .crow .v.ar{direction:ltr; text-align:left}
/* التذييل */
footer .wrap{align-items:flex-start; gap:clamp(22px,4vw,48px)}
.fcol{display:grid; gap:14px; align-content:start}
.social{display:flex; gap:10px}
.social a{width:36px; height:36px; border:1px solid var(--edge); border-radius:50%; display:grid; place-items:center; transition:border-color .16s, background .16s}
.social a:hover{border-color:var(--gold); background:var(--surface)}
.social svg{width:17px; height:17px; fill:var(--head)}
.verify .k{font-size:.74rem; color:var(--faint)}
.crbox{display:flex; align-items:center; gap:12px; text-decoration:none; background:var(--surface); border:1px solid var(--edge); border-radius:4px; padding:10px 12px; transition:border-color .16s}
.crbox:hover{border-color:var(--gold)}
.crbox img.scbc{width:150px; height:auto; background:#fff; border-radius:3px; padding:6px 8px; flex-shrink:0}
.crbox{flex-wrap:wrap}
.crbox .crn{display:block; font-family:var(--lat); font-weight:500; letter-spacing:.14em; color:var(--head); font-size:.98rem; direction:ltr; text-align:start}
.crbox .crl{display:block; font-size:.78rem; color:var(--mute); margin-top:3px}
.fmeta{font-size:.8rem; color:var(--faint); text-align:end; display:grid; gap:4px}
.teamlink{color:var(--faint); text-decoration:none; border-bottom:1px solid var(--edge); width:max-content; justify-self:end}
[dir="ltr"] .fmeta{text-align:start} [dir="ltr"] .teamlink{justify-self:start}
/* القائمةُ على الجوّال */
.menu{display:none; width:40px; height:40px; border:1px solid var(--edge); border-radius:3px; background:transparent; cursor:pointer; padding:0; place-items:center; gap:4px; grid-auto-flow:row}
.menu span{display:block; width:18px; height:2px; background:var(--head)}
@media (max-width:1199px){
  .menu{display:grid}
  .nav{display:none; position:absolute; inset-inline:0; top:100%; background:var(--ivory); border-bottom:1px solid var(--edge); padding:8px var(--pad) 16px; flex-direction:column; gap:0; align-items:stretch; max-height:calc(100vh - 70px); overflow-y:auto}
  .nav.open{display:flex}
  .nav .navl,.nav .navb{padding:13px 0; border-bottom:1px solid var(--edge-2); width:100%; justify-content:space-between; font-size:1rem; color:var(--head)}
  .navi{position:static}
  .navi:hover > .sub,.navi:focus-within > .sub{display:none}
  .navi.open > .sub{display:grid}
  .sub{position:static; min-width:0; border:0; box-shadow:none; background:transparent; padding:2px 0 8px; border-radius:0}
  .sub::before{display:none}
  .subg{padding:4px 0 4px 0; padding-inline-start:14px; border-inline-start:2px solid var(--edge)}
  .subg + .subg{border-top:0; padding-top:8px}
  .sub a{white-space:normal; padding:8px 10px}
  .sub a small{max-width:none}
  .bar{position:sticky}
}
/* الإنجليزيّة: عناوينُ القائمة أطول (For organisations · Ready-made systems…). قيست في كروم: تحتاج 1174px والشريطُ 1008px
   في كلّ عرض (محدودٌ بعرض الصفحة). على الحاسوب يُطوى وصفُ الشعار وتتقارب الروابط (992 من 1008)، وتحت 1140px تنطوي
   في زرّ القائمة بالقواعد نفسها — العربيّةُ كما هي حتى 900px
   ‏— تصحيحُ 8 نوفمبر 2026: القياسُ أظهر أنّ شريطَ الإنجليزيّة يحتاج 1326 بكسل،
   فكان يفيض 125 عند 1440 و275 عند 1141. فنُقلت عتبتُه 1140←1399، والعربيّةُ
   900←1199، وفُرد ‎.bar .wrap‎ إلى 1400. قيس بعدها: صفرُ فائضٍ في اللغتين. */
@media (min-width:1400px){
  [dir="ltr"] .brand .ds{display:none}
  [dir="ltr"] .bar .wrap{gap:16px}
  [dir="ltr"] .nav{gap:20px}
  [dir="ltr"] .nav .navl,[dir="ltr"] .nav .navb{font-size:.88rem}
}
@media (max-width:1399px){
  [dir="ltr"] .brand .ds{display:none}
  [dir="ltr"] .bar .wrap{justify-content:space-between}
  [dir="ltr"] .barend{margin-inline-start:auto}
  [dir="ltr"] .menu{display:grid}
  [dir="ltr"] .nav{display:none; position:absolute; inset-inline:0; top:100%; background:var(--ivory); border-bottom:1px solid var(--edge); padding:8px var(--pad) 16px; flex-direction:column; gap:0; align-items:stretch; max-height:calc(100vh - 70px); overflow-y:auto}
  [dir="ltr"] .nav.open{display:flex}
  [dir="ltr"] .nav .navl,[dir="ltr"] .nav .navb{padding:13px 0; border-bottom:1px solid var(--edge-2); width:100%; justify-content:space-between; font-size:1rem; color:var(--head)}
  [dir="ltr"] .navi{position:static}
  [dir="ltr"] .navi:hover > .sub,[dir="ltr"] .navi:focus-within > .sub{display:none}
  [dir="ltr"] .navi.open > .sub{display:grid}
  [dir="ltr"] .sub{position:static; min-width:0; border:0; box-shadow:none; background:transparent; padding:2px 0 8px; border-radius:0}
  [dir="ltr"] .sub::before{display:none}
  [dir="ltr"] .subg{padding:4px 0 4px 0; padding-inline-start:14px; border-inline-start:2px solid var(--edge)}
  [dir="ltr"] .subg + .subg{border-top:0; padding-top:8px}
  [dir="ltr"] .sub a{white-space:normal; padding:8px 10px}
  [dir="ltr"] .sub a small{max-width:none}
}
/* النموذج */
/* مصيدةُ الحقل المخفيّ: مخفيّةٌ في مكانها — لا left:-9999px الذي يمدّ الصفحةَ العربيّة 9999px يساراً */
/* !important مقصودة: قواعدُ حقول النماذج (width:100%) أعلى تحديداً، وحقلٌ مخفيّ بعرض الصفحة يمدّها أفقيّاً */
.hp{position:absolute!important; width:1px!important; height:1px!important; min-width:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden; clip-path:inset(50%); white-space:nowrap; opacity:0; pointer-events:none}
.ovft{font-size:1.1rem; margin-bottom:6px}
.drop{display:block; border:1px dashed #CFC0A9; border-radius:4px; padding:18px; text-align:center; background:#FBF7EF; cursor:pointer}
.drop:hover{border-color:var(--gold)}
.drop .t{display:block; font-size:.88rem; color:var(--head)}
.drop .s{display:block; font-size:.76rem; color:var(--faint); margin-top:5px}
.filerow{display:flex; align-items:center; gap:10px; margin-top:10px; background:var(--surface); border:1px solid var(--edge); border-radius:3px; padding:9px 13px; font-size:.84rem}
.filerow .nm{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.filerow .sz{font-family:var(--lat); font-size:.74rem; color:var(--faint); direction:ltr}
.bad{background:#F7E9EC; border-inline-start:2px solid var(--danger); padding:12px 15px; border-radius:3px; font-size:.85rem; color:#6C2032; margin:16px 0}
.done{background:var(--surface); border:1px solid var(--edge); border-radius:5px; padding:clamp(20px,3vw,30px); margin-top:14px}
.ref{font-family:var(--lat); font-weight:500; letter-spacing:.16em; direction:ltr; font-size:1.5rem; color:var(--head); background:#F0E8DA; border-radius:3px; padding:12px 18px; display:inline-block; margin:6px 0 18px}
.btn:disabled{opacity:.55; cursor:not-allowed}


/* ═══ المرحلة ١ — وزنٌ أوضح للنصّ، تذييلٌ بأعمدة، أيقونةُ التواصل، متابعةُ الطلب ═══ */
.lead,.pre,.mute,.body{font-weight:400}
.lnk{font-weight:500}
label{font-weight:500}
.hint{font-weight:400}
.hero .lead{font-weight:400}

/* التذييل */
footer{border-top:1px solid var(--edge);background:#F2ECE0;padding:clamp(34px,5vw,54px) 0 0}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1.2fr;gap:clamp(22px,4vw,44px);align-items:start;padding-bottom:26px}
.fcol .k{display:block;font-family:var(--disp);font-weight:600;font-size:.86rem;color:var(--head);margin-bottom:10px}
.fabout{font-size:.86rem;color:var(--mute);margin:12px 0 14px;max-width:32ch}
.fnav a,.fcontact a,.fcontact span{display:block;font-size:.88rem;color:var(--mute);text-decoration:none;padding:4px 0}
.fnav a:hover,.fcontact a:hover{color:var(--head)}
.fcontact .mono{font-family:var(--lat);direction:ltr;text-align:start;letter-spacing:.03em}
.teamlink{margin-top:8px;color:var(--gold)!important;font-weight:500}
.crbox{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:12px 14px;transition:border-color .16s}
.crbox:hover{border-color:var(--gold)}
.crbox .scbc{width:150px;height:auto;display:block;flex-shrink:0}
.crbox .crl{font-size:.74rem;color:var(--faint);line-height:1.6}
.fmeta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--edge);padding-block:16px 22px;font-size:.78rem;color:var(--faint)}
@media (max-width:1000px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}.crbox .scbc{width:130px}}

/* الأزرارُ العائمة: التواصل + واتساب */
.floaters{position:fixed;left:22px;bottom:22px;z-index:60;display:flex;flex-direction:column;gap:10px}
.floaters .wa,.floaters .ci{position:static;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 8px 24px rgba(43,21,32,.28);transition:transform .16s}
.floaters .wa{background:#25D366}
.floaters .ci{background:var(--head)}
.floaters .wa:hover,.floaters .ci:hover{transform:translateY(-2px)}
.floaters svg{width:26px;height:26px}
[dir="ltr"] .floaters{left:auto;right:22px}

/* لوحةُ التواصل المباشر */
.cisheet{position:fixed;inset:0;z-index:90;display:none}
.cisheet[data-open="1"]{display:block}
.cisheet .scrim{position:absolute;inset:0;background:rgba(30,14,24,.44)}
.cibox{position:absolute;bottom:0;inset-inline:0;margin:0 auto;width:min(520px,100%);background:var(--ivory);border-radius:14px 14px 0 0;padding:22px 24px 28px;box-shadow:0 -20px 60px rgba(0,0,0,.25);max-height:92vh;overflow:auto}
@media (min-width:700px){.cibox{bottom:auto;top:50%;transform:translateY(-50%);border-radius:10px}}
.cihead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cihead h2{flex:1;font-size:1.2rem}
.cihead .eyebrow{width:100%;margin-bottom:4px}
.ciwho{margin:14px 0 8px}
.ciwho .n{display:block;font-family:var(--disp);font-weight:600;font-size:1.15rem;color:var(--head)}
.ciwho .r{display:block;font-size:.84rem;color:var(--mute);margin-top:3px}
.cikv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:.9rem;margin:10px 0 16px}
.cikv dt{color:var(--faint);font-size:.8rem}.cikv dd{margin:0}
.cikv .mono{font-family:var(--lat);direction:ltr;text-align:start}
.ciacts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cia{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;border-radius:8px;background:var(--surface);border:1px solid var(--edge);color:var(--head);text-decoration:none;font-size:.8rem;font-weight:500;transition:border-color .15s,transform .15s}
.cia:hover{border-color:var(--gold);transform:translateY(-1px)}
.cia svg{width:22px;height:22px}
.cisheet .acts.small{margin-top:16px}
@media (max-width:380px){.ciacts{grid-template-columns:1fr 1fr}}

/* نتيجةُ الإرسال */
.done .acts{gap:14px}
.done .sm{font-size:.82rem}
.f input[type=tel],.f input[type=email]{width:100%;background:var(--surface);border:1px solid var(--edge);border-radius:3px;padding:10px 13px;font-family:var(--lat);font-weight:400;font-size:.92rem;color:var(--ink);line-height:1.7}

/* متابعةُ الطلب */
.trackwrap{padding-block:clamp(26px,4vw,48px) clamp(50px,7vw,80px)}
.trackform{background:var(--surface);border:1px solid var(--edge);border-radius:5px;padding:clamp(20px,3vw,30px);max-width:760px}
.trackform .g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.trackform input{width:100%;background:#fff;border:1px solid var(--edge);border-radius:3px;padding:11px 13px;font-family:var(--lat);font-size:.95rem}
.trackform .f label{display:block;font-size:.86rem;margin-bottom:6px}
.trackcard{background:var(--surface);border:1px solid var(--edge);border-radius:5px;padding:clamp(20px,3vw,32px);max-width:760px}
.tchead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.tchead .ref{margin:0}
.tag.big{font-size:.88rem;padding:6px 14px;border-radius:14px}
.tag{display:inline-block;font-size:.72rem;padding:3px 9px;border-radius:12px;white-space:nowrap}
.trackcard .kv{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:.92rem;margin:14px 0}
.trackcard .kv dt{color:var(--faint);font-size:.82rem}.trackcard .kv dd{margin:0}
.note.strong{background:#FBF3DF;border-inline-start:3px solid var(--gold);color:var(--ink);font-size:.95rem}
.h3s{font-size:1.02rem;margin:18px 0 8px}
.msgs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.msgs li{background:#F4EEE2;border-radius:4px;padding:12px 14px}
.msgs .when{display:block;font-size:.74rem;color:var(--faint);margin-bottom:4px}
.msgs p{margin:0;font-size:.92rem;max-width:none}
.pagehead.nf{min-height:50vh;display:flex;align-items:center}
@media (max-width:640px){.trackform .g2{grid-template-columns:1fr}}

/* ═══ SEO — تعريفُ الشركة، الخدماتُ الستّ، الأسئلةُ الشائعة، H1 المركّب ═══ */
h1 .h1line{display:block}
h1 .h1def{display:block;font-family:var(--ar);font-weight:500;font-size:clamp(.92rem,1.4vw,1.02rem);color:var(--mute);line-height:1.7;margin-top:16px;letter-spacing:0;text-wrap:pretty}
[dir="ltr"] h1 .h1def{font-family:var(--lat)}
.definition{background:var(--surface)}
.defgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.defgrid .body{font-size:1.02rem;color:var(--ink)}
.scopebox{background:var(--ivory);border:1px solid var(--edge);border-radius:5px;padding:clamp(18px,2.6vw,26px)}
.scopebox svg{width:26px;height:26px;display:block;margin-bottom:10px}
.scopeline{font-family:var(--disp);font-weight:600;font-size:1.02rem;color:var(--head);line-height:1.6;margin:0 0 14px;max-width:none}
.regions{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.regions li{font-size:.76rem;color:var(--mute);background:var(--surface);border:1px solid var(--edge);border-radius:12px;padding:3px 10px}
.services .svcgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px);counter-reset:svc}
.svc{position:relative;background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:22px 22px 20px}
.svc .no{font-family:var(--lat);font-weight:300;font-size:1.4rem;color:var(--gold);direction:ltr;display:block;line-height:1;margin-bottom:12px}
.svc h3{margin-bottom:8px}
.svc p{font-size:.9rem;color:var(--mute);margin:0;max-width:none}
.services .acts.small{margin-top:22px}
.arenas.compact .arena p{margin-top:8px;font-size:.84rem}
.faq{background:var(--surface)}
.faqlist{max-width:820px}
.qa{border-top:1px solid var(--edge);padding:6px 0}
.qa:last-child{border-bottom:1px solid var(--edge)}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:12px 0}
.qa summary::-webkit-details-marker{display:none}
.qa summary::before{content:"+";font-family:var(--lat);font-weight:300;font-size:1.5rem;color:var(--gold);width:22px;flex-shrink:0;line-height:1;text-align:center;transition:transform .18s}
.qa[open] summary::before{content:"–"}
.qa summary h3{font-size:1rem;font-weight:600;margin:0}
.qa p{margin:0 0 14px 36px;color:var(--mute);font-size:.95rem;max-width:66ch}
[dir="rtl"] .qa p{margin:0 36px 14px 0}
.about .scope{font-family:var(--disp);font-weight:600;color:var(--head)}
@media (max-width:1000px){.defgrid{grid-template-columns:1fr}.services .svcgrid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.services .svcgrid{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════════════════════
   مراجعةُ الهويّة والتنسيق (v3) — إيقاعٌ أضيق، مقياسُ خطٍّ موحّد،
   أيقوناتٌ بألوان الهويّة، تذييلٌ بلا صناديقَ بيضاء، ولا معلوماتٍ مكرّرة.
   تأتي آخرَ الملفّ فتتقدّم على ما قبلها.
   ═══════════════════════════════════════════════════════════════ */
:root{--s-1:clamp(34px,4.5vw,56px);--s-2:clamp(22px,3vw,34px);--s-3:14px}

/* مقياسُ العناوين */
h1{font-size:clamp(1.7rem,3.9vw,2.7rem);line-height:1.32}
h2{font-size:clamp(1.28rem,2.3vw,1.72rem);line-height:1.4}
h3{font-size:1rem}
.eyebrow{font-size:.62rem;margin-bottom:10px}
.lead,.pagehead .lead,.hero .lead{font-size:1rem;line-height:1.85}
p{margin-bottom:12px}

/* الأقسام: مسافاتٌ أقلّ وأكثرُ انتظاماً */
section{padding-block:var(--s-1)}
.shead{margin-bottom:var(--s-2)}
.shead h2{max-width:26ch}
.strip{padding-block:var(--s-1)}
.pagehead{padding:clamp(34px,5vw,56px) 0 clamp(14px,2vw,22px)}
.pagehead + section{padding-top:var(--s-2)}
.ctastrip{padding-block:var(--s-2)}
.acts{margin-top:22px;gap:18px}

/* الافتتاحيّة: شعارٌ بلا صندوق، وتوازنٌ أفضل */
.hero{padding:clamp(34px,5vw,60px) 0 clamp(30px,4vw,52px)}
.hero .wrap{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);gap:clamp(26px,4vw,56px)}
.markbox.plain{background:transparent;border:0;padding:0 clamp(0px,1vw,12px);max-width:400px;justify-self:end}
.markbox.plain svg{width:100%;max-width:360px;margin:0 auto;display:block}
.markbox.plain .legend{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--edge);font-size:.8rem;color:var(--faint);text-align:center}
.pre{font-size:.95rem;margin-bottom:12px}
h1 .h1def{font-size:.9rem;margin-top:12px;max-width:52ch}
.hero .lead{margin-top:16px}
.hero .acts{margin-top:24px}

/* شريطُ الأثر */
.impactband .wrap{padding-block:clamp(28px,4vw,44px);gap:clamp(20px,4vw,48px)}
.slogan{font-size:clamp(1.5rem,3.2vw,2.1rem)}
.impactband p{font-size:.95rem}

/* التعريف */
.definition{background:var(--surface)}
.defgrid{gap:clamp(24px,4vw,52px)}
.defgrid .body{font-size:.98rem;line-height:1.9}
.scopebox{padding:clamp(16px,2.2vw,22px)}
.scopeline{font-size:.98rem;margin-bottom:12px}
.regions li{font-size:.72rem;padding:2px 9px}

/* الخدمات */
.services .svcgrid{gap:12px}
.svc{padding:18px 18px 16px}
.svc .no{font-size:1.2rem;margin-bottom:8px}
.svc h3{margin-bottom:6px}
.svc p{font-size:.86rem;line-height:1.75}
.services .acts.small{margin-top:16px}

/* الساحات المضغوطة */
.arenas.compact .arena{padding:16px clamp(12px,1.6vw,22px)}
.arenas.compact .arena .dot{margin-bottom:12px}
.arenas.compact .arena h3{font-size:.98rem}
.arenas.compact .arena p{font-size:.82rem;line-height:1.7;margin-top:6px}

/* الأسئلة */
.faqlist{max-width:780px}
.qa summary{padding:10px 0}
.qa summary h3{font-size:.96rem}
.qa p{font-size:.92rem;margin-bottom:12px}

/* التواصل: بلا أرقامٍ مكرّرة — ثلاثُ بلاطاتِ فعل */
.contact{background:var(--ivory)}
.contact .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.contact .mute{margin-top:10px;max-width:46ch}
.contact .acts{align-items:center}
.promise{font-size:.84rem;color:var(--faint)}
.ctiles{display:grid;gap:10px}
.ctile{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:14px 16px;text-decoration:none;color:inherit;transition:border-color .16s,transform .16s}
.ctile:hover{border-color:var(--gold);transform:translateY(-1px)}
.ctile .ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#F7F3EA}
.ctile .ic svg{width:20px;height:20px}
.ctile .ic.olive{background:var(--olive)}.ctile .ic.gold{background:var(--gold)}.ctile .ic.plum{background:var(--head)}
.ctile .ic.breeze{background:var(--breeze)}.ctile .ic.taupe{background:var(--impact)}
.ctile .tx b{display:block;font-family:var(--disp);font-weight:600;font-size:.98rem;color:var(--head)}
.ctile .tx small{display:block;font-size:.8rem;color:var(--mute);margin-top:2px;line-height:1.6}

/* التذييل: الهويّة ثمّ ثلاثُ مجموعاتٍ قصيرة ثمّ التواصل — أعمدةٌ متساوية وسطورٌ متقاربة
   (طلب المالك 4 أكتوبر 2026: لا عمودٌ طويلٌ وحدَه، ولا مسافاتٌ كثيرةٌ بين السطور) */
footer{background:#F2ECE0;border-top:1px solid var(--edge);padding:clamp(28px,4vw,44px) 0 0}
footer .wrap.fgrid{display:grid;grid-template-columns:1.25fr repeat(3,1fr) 1.1fr;gap:clamp(16px,2.4vw,30px);align-items:start;padding-block:0 20px}
.fcol{gap:2px;align-content:start}
.fcol .k,.verify .k{display:block;font-family:var(--disp);font-weight:600;font-size:.84rem;color:var(--head);margin:0 0 8px}
.fbrand{justify-items:start;gap:14px}
.flock{margin-bottom:0}
.fnav a,.fcontact a,.fcontact span{font-size:.86rem;line-height:1.5;padding:2px 0}
.fcontact{gap:2px}
.fcontact .mono{font-size:.84rem}
.teamlink{margin-top:8px;font-size:.82rem}
/* الصفحاتُ القانونيّة في الشريط السفليّ، سطراً واحداً لا عموداً */
.flegal{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:center}
.flegal a{color:var(--faint);text-decoration:none}
.flegal a:hover{color:var(--head)}
.verify .crbox{background:transparent;border:0;padding:0;gap:10px;flex-direction:column;align-items:flex-start}
.verify .crbox img.scbc{width:min(220px,100%);height:auto;background:transparent;padding:0;border-radius:0}
.verify .crbox .crl{font-size:.74rem;color:var(--mute);line-height:1.6;border-bottom:1px solid transparent;transition:border-color .16s}
.verify .crbox:hover .crl{border-bottom-color:var(--gold)}
footer .wrap.fmeta{justify-content:space-between;align-items:center;gap:8px 20px;padding-block:14px 18px;font-size:.76rem;border-top:1px solid var(--edge)}
@media (max-width:1100px){footer .wrap.fgrid{grid-template-columns:repeat(3,1fr)}.fbrand{grid-column:1/-1}}
@media (max-width:700px){footer .wrap.fgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:460px){footer .wrap.fgrid{grid-template-columns:1fr}.verify .crbox{align-items:flex-start}footer .wrap.fmeta{justify-content:center;text-align:center}}

/* الأزرارُ العائمة بألوان الهويّة: باذنجانيٌّ للتواصل، زيتيٌّ لواتساب */
.floaters{left:18px;bottom:18px;gap:8px}
.floaters .wa,.floaters .ci{width:48px;height:48px;box-shadow:0 6px 18px rgba(43,21,32,.22)}
.floaters .wa{background:var(--olive)}
.floaters .ci{background:var(--head)}
.floaters svg{width:22px;height:22px}
[dir="ltr"] .floaters{left:auto;right:18px}

/* أيقوناتُ لوحة التواصل — باذنجانيّ موحّد */
.cia{color:var(--head)}
.cia svg{stroke:var(--head)}

/* الصفحاتُ الداخليّة */
.about{gap:clamp(22px,4vw,48px)}
.facts{padding:clamp(16px,2.2vw,22px)}
.fact{padding-block:10px}
.steps,.modes{gap:clamp(14px,2.4vw,24px)}
.mode{padding:clamp(18px,2.6vw,26px)}
.tr{gap:clamp(20px,3.5vw,44px)}
.trcta{padding:clamp(18px,2.6vw,26px)}
.ctastrip h2{font-size:clamp(1.1rem,2vw,1.35rem)}

@media (max-width:1000px){
  .hero .wrap{grid-template-columns:1fr}
  .markbox.plain{order:2;justify-self:start;max-width:320px;margin-top:10px}
  .contact .wrap{grid-template-columns:1fr}
}
@media (max-width:560px){
  .markbox.plain{max-width:240px}
  .markbox.plain .legend{text-align:start}
  .ctile{grid-template-columns:40px 1fr;padding:12px 14px}
  .fmeta{text-align:center}
}


/* ═══ v4 — التزامٌ بدليل الهويّة: الباذنجانيُّ المصمت لزرّ الفعل وحده، أيقوناتٌ من مفردات الشعار (مربّع مستدير · خطّ ١٫٦ · دائرة)، زوايا ٤px وخطّ شعريّ ═══ */
.ctile{grid-template-columns:48px 1fr;gap:14px;padding:14px 16px;border-radius:4px;border:1px solid var(--edge)}
.ctile .ic{width:48px;height:48px;border-radius:8px;background:var(--ivory);border:1px solid var(--edge);color:var(--head);display:grid;place-items:center}
.ctile .ic svg{width:22px;height:22px}
.ctile:hover .ic{border-color:var(--gold);background:var(--surface)}
.ctile .tx b{font-size:.98rem}
.floaters .ci{background:var(--surface);color:var(--head);border:1px solid var(--edge);box-shadow:0 6px 18px rgba(43,21,32,.14)}
.floaters .ci:hover{border-color:var(--gold)}
.floaters .ci svg{stroke:var(--head)}
.floaters .wa{background:var(--olive)}
[dir="rtl"] .fcontact .mono,[dir="rtl"] .fcontact a,[dir="rtl"] .fcontact span{text-align:right}
[dir="ltr"] .fcontact .mono,[dir="ltr"] .fcontact a,[dir="ltr"] .fcontact span{text-align:left}
.fcontact .mono{direction:ltr;unicode-bidi:isolate;display:block}
.fcontact .teamlink{border-bottom:1px solid var(--edge);display:inline-block;width:auto;justify-self:start}
.fnav a{display:block}
.svc{border-radius:4px}
.scopebox{border-radius:4px}
.cibox,.cia{border-radius:4px}
.cia{background:var(--surface);border:1px solid var(--edge)}

/* ═══ الخدمات (صفحة) + شريطُ «فكرتُك قد تصير دخلاً» ═══ */
.svpage{padding-top:var(--s-2)}
.ladder{list-style:none;margin:0 0 var(--s-2);padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ladder li a{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--edge);border-radius:4px;text-decoration:none;color:var(--head);font-size:.84rem;font-weight:500;transition:border-color .16s}
.ladder li a:hover{border-color:var(--gold)}
.ladder .n{font-family:var(--lat);font-weight:300;font-size:1.1rem;color:var(--gold);direction:ltr;flex-shrink:0}
.svlist{display:grid;gap:14px}
.svcard{background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:clamp(18px,2.6vw,26px)}
.svcard.free{border-color:#D9C9B4;border-inline-start:3px solid var(--gold)}
.svhead{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;margin-bottom:10px}
.svhead .n{font-family:var(--lat);font-weight:300;font-size:1.6rem;color:var(--gold);direction:ltr;line-height:1}
.svhead h2{font-size:clamp(1.12rem,1.9vw,1.4rem);margin:0}
.svhead .tag{margin:4px 0 0;font-size:.9rem;color:var(--mute);font-weight:500}
.badge{font-size:.7rem;padding:4px 10px;border-radius:12px;white-space:nowrap;border:1px solid var(--edge);color:var(--mute);background:var(--ivory);align-self:start}
.badge.soon{color:var(--gold);border-color:#D9C9B4;background:#FBF6EA}
.badge.free{color:#354427;border-color:#C9D6BA;background:#E8EEE1}
.badge.on{color:var(--head);border-color:var(--head)}
.svcard .sum{font-size:.98rem;color:var(--ink);margin:0 0 12px;max-width:72ch}
.svkv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:.9rem;margin:0}
.svkv dt{color:var(--faint);font-size:.78rem;padding-top:2px}
.svkv dd{margin:0;color:var(--mute)}
.svcard .note.strong{margin:14px 0 6px;font-size:.9rem}
.svnote{margin-top:18px;font-size:.86rem}
.ideaband{background:var(--surface);border-top:1px solid var(--edge)}
.ideagrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.ideaband .mute{max-width:50ch;margin-top:10px}
.ideasteps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:idea}
.ideasteps li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;background:var(--ivory);border:1px solid var(--edge);border-radius:4px;padding:12px 14px;font-size:.92rem;color:var(--ink);font-weight:500}
.ideasteps .n{width:32px;height:32px;border-radius:8px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-family:var(--ar);font-weight:600;background:var(--surface)}
.ideasteps li.fine{display:block;background:transparent;border:0;padding:4px 2px 0;font-size:.8rem;color:var(--faint);font-weight:400;line-height:1.7}
.ideaband .acts .lnk{font-size:.92rem}
.trnote.own{color:var(--head);font-weight:500;border-top:1px solid var(--edge-2);padding-top:10px}
@media (max-width:1000px){.ladder{grid-template-columns:1fr 1fr}.ideagrid{grid-template-columns:1fr}}
@media (max-width:560px){.ladder{grid-template-columns:1fr}.svhead{grid-template-columns:auto 1fr}.svhead .badge{grid-column:2}.svkv{grid-template-columns:1fr}.svkv dt{margin-top:6px}}

/* ═══ صفحةُ خدمةٍ واحدة ═══ */
.svdetail{padding-top:var(--s-2)}
.svdgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:start}
.svdblock{margin-bottom:clamp(20px,3vw,30px)}
.svdblock .h2s{margin:0 0 8px}
.svdblock .def{font-family:var(--disp);font-weight:600;font-size:1.08rem;color:var(--head);line-height:1.7;margin:0 0 8px;max-width:60ch}
.svincl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.svincl li{position:relative;padding-inline-start:22px;font-size:.95rem;color:var(--ink)}
.svincl li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:10px;height:10px;border-radius:3px;background:var(--gold)}
.svsteps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.svsteps li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;font-size:.95rem;color:var(--ink)}
.svsteps .n{width:28px;height:28px;border-radius:8px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-weight:600;font-size:.82rem;background:var(--surface)}
.svdblock.example{background:var(--surface);border:1px solid var(--edge);border-inline-start:3px solid var(--gold);border-radius:4px;padding:16px 18px}
.svdblock.example .body{margin:0;color:var(--mute)}
.svdside{position:sticky;top:90px;display:grid;gap:12px}
.svdcard{background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:clamp(16px,2.2vw,22px)}
.svdcard .svkv{margin-bottom:6px}
.svdcard .acts{margin-top:14px;gap:14px}
.svdcard .sm{font-size:.78rem;margin:12px 0 0}
.svnext{display:block;background:var(--ivory);border:1px solid var(--edge);border-radius:4px;padding:12px 14px;text-decoration:none;color:inherit;transition:border-color .16s}
.svnext:hover{border-color:var(--gold)}
.svnext .k{display:block;font-size:.72rem;color:var(--faint)}
.svnext .t{display:block;font-family:var(--disp);font-weight:600;color:var(--head);margin-top:2px}
@media (max-width:1000px){.svdgrid{grid-template-columns:1fr}.svdside{position:static}}

/* متابعةُ الطلب — سطرُ المشروع */
.trackcard .tproj .kv{margin:8px 0 0}
.trackcard .tproj .tag{display:inline-block;font-size:.8rem;padding:3px 10px;border-radius:12px}

/* صفحةُ التحقّق من المستندات */
.trackcard.vok{border-color:#B9CBA6;box-shadow:0 0 0 3px #EEF3E7}

/* صفحةُ الأثر — مقاييسُ متعدّدة لكلّ مُدخلة */
.measure .mlabel{font-size:.8rem;color:var(--gold);min-width:96px;align-self:flex-end;padding-bottom:6px}
.ientry .measure + .measure{margin-top:8px;padding-top:8px}

/* ═══ حلولُ الأعمال الذكيّة — القسمُ على الرئيسة، وصفحةُ المظلّة، وصفحةُ مشاهد، والبابُ الرابع في البوّابة ═══ */
.smartband{background:var(--surface);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.smartgrid{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:clamp(24px,5vw,64px);align-items:start}
.smarticon{display:grid;justify-items:center;gap:12px;text-decoration:none;color:inherit;padding:clamp(16px,2vw,24px);border:1px solid var(--edge);border-radius:6px;background:var(--ivory);transition:border-color .16s,transform .16s;position:sticky;top:90px}
.smarticon:hover{border-color:var(--gold);transform:translateY(-2px)}
.smarticon svg{width:min(150px,50vw);height:auto;display:block}
.smarticon .k{font-family:var(--lat);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.smartband .mute{max-width:58ch;margin-top:10px}
.smcard{margin-top:22px;background:var(--ivory);border:1px solid var(--edge);border-radius:5px;padding:clamp(18px,2.4vw,26px)}
.smcard-head{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;margin-bottom:12px}
.smcard .play{width:44px;height:44px;border-radius:12px;background:var(--head);color:var(--ivory);display:grid;place-items:center}
.smcard .play svg{width:20px;height:20px}
.smcard .lat{font-family:var(--lat);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 3px}
.smcard h3{font-size:1.2rem;margin:0}
.smcard .tagline,.smprod .tagline{font-weight:400;color:var(--mute);font-size:.95em}
.smcard p{color:var(--mute);font-size:.95rem;margin:0 0 14px;max-width:60ch}
.smcard .acts{margin-top:0}
/* صفحةُ المظلّة */
.smart-rules{padding-bottom:0}
.smprod{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start;background:var(--surface);border:1px solid var(--edge);border-inline-start:3px solid var(--gold);border-radius:5px;padding:clamp(20px,3vw,34px)}
.smprod-mark svg{width:min(140px,30vw);height:auto;display:block}
.smprod h3{font-size:clamp(1.3rem,2.4vw,1.7rem);margin:4px 0 10px}
.smprod .body{color:var(--ink);max-width:62ch}
.flowmini{list-style:none;margin:16px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px 0;counter-reset:fm}
.flowmini li{font-size:.82rem;color:var(--mute);background:var(--ivory);border:1px solid var(--edge);border-radius:12px;padding:4px 11px}
.flowmini li + li::before{content:"←";color:var(--gold);margin-inline:6px;position:absolute;transform:translateX(calc(100% + 2px))}
.flowmini li{position:relative;margin-inline-end:22px}
[dir="ltr"] .flowmini li + li::before{content:"→";transform:translateX(calc(-100% - 2px))}
.smsoon{margin-top:clamp(18px,3vw,28px);border-top:1px solid var(--edge);padding-top:18px}
.smsoon h3{font-size:1rem;margin-bottom:6px}
.smsoon p{color:var(--faint);font-size:.9rem;margin:0;max-width:60ch}
/* صفحةُ مشاهد */
.studiohead .acts{margin-top:22px}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:flow}
.flow li{position:relative;background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:16px 16px 14px}
.flow li .n{font-family:var(--lat);font-weight:300;font-size:1.3rem;color:var(--gold);direction:ltr;display:block;line-height:1;margin-bottom:10px}
.flow li h3{font-size:1rem;margin:0 0 6px}
.flow li p{font-size:.86rem;color:var(--mute);margin:0;max-width:none}
.flow li:not(:last-child)::after{content:"";position:absolute;inset-inline-end:-7px;top:50%;width:12px;height:1px;background:var(--gold)}
.examples{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.examples li{background:var(--surface);border:1px solid var(--edge);border-radius:4px;padding:12px 14px;font-family:var(--disp);font-weight:500;color:var(--head);font-size:.95rem}
.termslist{list-style:none;margin:0;padding:0;max-width:78ch;display:grid;gap:18px}
.termslist h2{font-size:1.05rem;display:flex;align-items:center;gap:10px;margin:0 0 6px}
.termslist h2 .n{width:26px;height:26px;border-radius:8px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:.8rem;font-weight:600;background:var(--surface);flex:none}
.termslist p{color:var(--ink);font-size:.95rem;margin:0}
/* البابُ الرابع والإقرار */
.pcard.studio{border-inline-start:3px solid var(--gold)}
.consent{background:#F4EEE2;border:1px solid var(--edge);border-radius:4px;padding:16px 16px 6px}
.consent legend{border-bottom:0;padding-bottom:4px;margin-bottom:8px;float:inline-start}
.consent > .hint{clear:both;display:block;margin:0 0 12px;font-size:.8rem;color:var(--mute)}
.consent .ck{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;font-size:.86rem;color:var(--ink);margin:0 0 10px;cursor:pointer;line-height:1.7}
.consent .ck input{width:18px;height:18px;margin:4px 0 0;accent-color:var(--head)}
.consent .sig{font-family:var(--disp);font-weight:600;letter-spacing:.02em}
.qchips .chip{font-size:.82rem}
@media (max-width:900px){
  .smartgrid{grid-template-columns:1fr}
  .smarticon{position:static;grid-auto-flow:column;justify-content:start;align-items:center;gap:16px;width:max-content}
  .smarticon svg{width:64px}
  .smprod{grid-template-columns:1fr}
  .smprod-mark svg{width:96px}
  .flow{grid-template-columns:1fr 1fr}
  .flow li:not(:last-child)::after{display:none}
}
@media (max-width:560px){
  .flow,.examples{grid-template-columns:1fr}
  .flowmini li{margin-inline-end:18px}
}

/* ═══ أكاديميّةُ نيكسس فيا — بطاقاتُ الرئيسة، صفحةُ الأكاديميّة، ومُبدّلُ الفئة في البوّابة ═══ */
.smcards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.smcards .smcard{margin-top:0;display:flex;flex-direction:column}
.smcards .smcard p{flex:1}
.smcard .play.olive{background:var(--olive)}
.slogan-ac{font-family:var(--disp);font-weight:600;color:var(--gold);font-size:1.02rem;letter-spacing:.01em;margin:0 0 10px}
.studiohead .slogan-ac{margin:10px 0 6px;font-size:1.1rem}
.smprod.academy{border-inline-start-color:var(--olive)}
.tiers{background:var(--surface);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
/* **ثلاثةُ أعمدةٍ ثابتةٍ هي سببُ التمرير الطويل، لا ارتفاعُ البطاقة وحده:**
   ستةَ عشرَ منتجاً في ثلاثةٍ تعني ستَّ صفوف. وبأربعةٍ على الشاشة العريضة تصير
   أربعةَ صفوف — وهو أكبرُ توفيرٍ في الصفحة. (16 أكتوبر 2026) */
.tiergrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:clamp(12px,1.6vw,18px)}
.tier{background:var(--ivory);border:1px solid var(--edge);border-radius:4px;padding:20px 20px 18px;position:relative}
.tier .lat{font-family:var(--lat);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:10px}
.tier h3{font-size:1.25rem;margin:0 0 8px}
.tier p{font-size:.92rem;color:var(--mute);margin:0;max-width:none}
/* حُذف: كان اللونُ يُعطى بالموضع (الثانية زيتونيّة) لا بالعائلة. (16 أكتوبر 2026) */  
.trackgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.track{background:var(--surface);border:1px solid var(--edge);border-radius:5px;padding:clamp(18px,2.6vw,28px)}
.track h2{margin:4px 0 6px}
.track .mute{margin:0 0 14px}
.proglist{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.proglist li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;border-top:1px solid var(--edge-2);padding-top:10px}
.proglist li:first-child{border-top:0;padding-top:0}
.proglist .n{width:28px;height:28px;border-radius:8px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-weight:600;font-size:.82rem;background:var(--ivory)}
.proglist h3{font-size:.98rem;margin:2px 0 4px}
.proglist h3 .lat{font-family:var(--lat);font-weight:400;font-size:.78rem;color:var(--faint);letter-spacing:.02em}
.proglist p{font-size:.86rem;color:var(--mute);margin:0;max-width:none}
.acex .wrap{max-width:var(--wrap)}
.examples.five li:last-child{grid-column:1 / -1}
.aud{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.audbtn{background:var(--surface);border:1px solid var(--edge);border-radius:5px;padding:14px 16px;text-align:start;cursor:pointer;font:inherit;color:inherit;display:grid;gap:3px;transition:border-color .16s,background .16s}
.audbtn b{font-family:var(--disp);font-weight:600;font-size:1.02rem;color:var(--head)}
.audbtn span{font-size:.82rem;color:var(--mute)}
.audbtn:hover{border-color:var(--gold)}
.audbtn[aria-pressed="true"]{background:var(--head);border-color:var(--head)}
.audbtn[aria-pressed="true"] b,.audbtn[aria-pressed="true"] span{color:var(--ivory)}
@media (max-width:900px){
  .trackgrid,.tiergrid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .smcards{grid-template-columns:1fr}
}
@media (max-width:480px){
  .aud{grid-template-columns:1fr}
}

/* البابُ الأوّل: الفحصُ الذكيّ (رابطٌ لا نموذج) */
.pcard.xray{text-decoration:none;border-color:var(--head);background:linear-gradient(135deg,var(--surface),#F4EEE2)}
.pcard.xray h3 .tag{font-size:.68rem;margin-inline-start:6px;vertical-align:middle;background:var(--head);color:var(--ivory);border-radius:10px;padding:2px 8px;font-family:var(--lat);letter-spacing:.06em}

/* ═══ إعادةُ الترتيب (سبتمبر ٢٠٢٦): شاشةٌ واحدة في الرئيسيّة · خمسُ نيّات · طريقان · بحثٌ في الكتالوج · مركزا الأفراد والشركات · الأدوات · الاستوديو بالفئات ═══ */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero.homeq{padding:clamp(40px,6vw,72px) 0 clamp(30px,4vw,48px)}
.hero.homeq .wrap{display:block;max-width:1000px}
.hero.homeq h1 .h1line{font-size:clamp(1.9rem,4.4vw,3rem)}
.hero.homeq .lead{max-width:64ch;margin-top:10px}
.intents{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:26px 0 18px}
.intent{background:var(--surface);border:1px solid var(--edge);border-radius:6px;padding:16px 14px 14px;text-align:start;cursor:pointer;font:inherit;color:var(--ink);display:grid;gap:6px;align-content:start;transition:border-color .18s,transform .18s,box-shadow .18s}
.intent:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 22px -14px rgba(75,31,58,.45)}
.intent .ic{width:40px;height:40px;border-radius:11px;background:var(--head);color:var(--ivory);display:grid;place-items:center;margin-bottom:4px}
.intent .ic svg{width:20px;height:20px}
.intent b{font-family:var(--disp);font-weight:600;font-size:.98rem;color:var(--head);line-height:1.5}
.intent span:not(.ic){font-size:.78rem;color:var(--faint);line-height:1.65}
.intents .intent:nth-child(1) .ic{background:var(--olive)}.intents .intent:nth-child(2) .ic{background:var(--breeze)}.intents .intent:nth-child(3) .ic{background:var(--gold)}.intents .intent:nth-child(4) .ic{background:var(--impact)}
/* البحث */
.search{position:relative;max-width:640px}
.sbox{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--edge);border-radius:6px;padding:0 14px;transition:border-color .15s}
.sbox:focus-within{border-color:var(--gold)}
.sbox svg{width:18px;height:18px;color:var(--faint);flex:none}
.sbox input{border:0;background:transparent;padding:12px 0;font:inherit;font-size:.95rem;color:var(--ink);width:100%;outline:none;border-radius:0}
.sbox input::-webkit-search-cancel-button{-webkit-appearance:none}
.sres{position:absolute;inset-inline:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--edge);border-radius:6px;box-shadow:0 16px 40px -20px rgba(42,21,32,.4);z-index:30;overflow:hidden;max-height:min(60vh,420px);overflow-y:auto}
.sitem{display:block;width:100%;text-align:start;background:transparent;border:0;border-bottom:1px solid var(--edge-2);padding:11px 14px;font:inherit;cursor:pointer;color:var(--ink)}
.sitem:last-child{border-bottom:0}
.sitem:hover,.sitem:focus-visible{background:var(--ivory)}
.sitem b{display:block;font-weight:600;color:var(--head);font-size:.94rem}
.sitem small{display:block;color:var(--faint);font-size:.78rem;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snone{padding:12px 14px;font-size:.86rem;color:var(--faint)}
.heroor{margin:24px 0 10px;font-size:.86rem;color:var(--faint)}
/* الطريقان */
.paths2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pathcard{display:grid;gap:6px;align-content:start;background:var(--surface);border:1px solid var(--edge);border-inline-start:4px solid var(--breeze);border-radius:6px;padding:clamp(18px,2.6vw,28px);text-decoration:none;color:var(--ink);transition:border-color .18s,transform .18s}
.pathcard.biz{border-inline-start-color:var(--head)}
.pathcard:hover{border-color:var(--gold);transform:translateY(-2px)}
.pathcard .k{font-family:var(--lat);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.pathcard h2{font-size:clamp(1.3rem,2.4vw,1.7rem);margin:0}
.pathcard p{margin:0;color:var(--mute);font-size:.94rem;max-width:44ch}
.pathcard .go{margin-top:8px;font-size:.88rem;color:var(--head);font-weight:600}
/* ثلاثةُ أشياء */
.why3{background:var(--surface);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding-block:var(--s-2)}
.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,28px);margin-top:10px}
.why{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.why .n{font-family:var(--lat);font-weight:300;font-size:1.4rem;color:var(--gold);line-height:1.2;direction:ltr}
.why h3{grid-column:2;font-size:1.05rem;margin:0 0 4px}
.why p{grid-column:2;margin:0;font-size:.9rem;color:var(--mute)}
.definition.compact{padding-block:var(--s-2)}
.definition.compact .slogan-en{margin-top:12px;font-size:.72rem}
.ideasteps.wide{grid-template-columns:repeat(3,1fr);margin-top:14px}
.ideasteps.wide li.fine{grid-column:1/-1}
/* البوّابة: النيّات صفوفاً، والشاشاتُ الفرعيّة */
.ovintents{grid-template-columns:1fr;gap:8px;margin:14px 0}
.ovintents .intent{grid-template-columns:40px 1fr;column-gap:14px;padding:12px 14px;align-items:center}
.ovintents .intent .ic{grid-row:1/3;margin:0}
.ovintents .intent b{grid-column:2}
.ovintents .intent span:not(.ic){grid-column:2}
.ovsearch{max-width:none;margin:6px 0 14px}
#ovSub .lnk.sm{font-size:.84rem;margin-bottom:12px}
#ovSub .subscreen h3.ovft{margin:6px 0 4px}
#ovSub .pick{margin-top:14px}
#ovSub .pcard .s{margin-bottom:0}
.pcard .tag.t-acc{background:var(--head);color:var(--ivory);vertical-align:middle;margin-inline-start:6px}
/* أمثلةُ الاستوديو داخل النموذج */
.stex{background:var(--ivory);border:1px dashed #D9C9B4;border-radius:5px;padding:12px 14px}
.stex label{font-size:.84rem;color:var(--gold)}
.exchips .chip{white-space:normal;text-align:start;line-height:1.6}
.exchips .chip[aria-pressed="true"]{background:var(--olive);border-color:var(--olive)}
/* مركزا الأفراد والشركات */
.hubhead .search{margin-top:18px}
.hub{padding-block:var(--s-2)}
.hubgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hubcard{background:var(--surface);border:1px solid var(--edge);border-radius:6px;padding:clamp(18px,2.6vw,28px);display:flex;flex-direction:column;gap:10px}
.hubcard h2{font-size:clamp(1.15rem,2.2vw,1.45rem);margin:0}
.hubcard .mute{margin:0;font-size:.94rem}
.hubcard .acts.small{margin-top:auto;padding-top:6px}
.minilist{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}
.minilist li{display:grid;grid-template-columns:26px 1fr;gap:8px;font-size:.9rem;color:var(--ink);align-items:baseline}
.minilist .n{font-family:var(--lat);color:var(--gold);font-weight:300;direction:ltr}
.minilist .lat{font-family:var(--lat);font-size:.72rem;color:var(--faint);letter-spacing:.04em}
.io{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start;background:var(--ivory);border:1px solid var(--edge);border-radius:5px;padding:14px}
.io .k{display:block;font-family:var(--lat);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.io ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.io li{font-size:.86rem;color:var(--ink);padding-inline-start:12px;position:relative}
.io li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.io .arrow{align-self:center;font-size:1.4rem;color:var(--gold)}
[dir="ltr"] .io .arrow{transform:scaleX(-1)}
.io.big{padding:clamp(16px,2.4vw,24px)}
.io.big li{font-size:.94rem}
.toollinks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.toollinks .lnk{font-size:.95rem}
/* الفئاتُ وأمثلتُها */
.personas{background:var(--surface);border-top:1px solid var(--edge);padding-block:var(--s-2)}
.personas .shead .mute{margin-top:6px;max-width:60ch}
.ptabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}
.ptabs .chip[aria-selected="true"]{background:var(--head);border-color:var(--head);color:var(--ivory)}
.ppanel{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.excard{background:var(--ivory);border:1px solid var(--edge);border-radius:6px;padding:14px 16px;text-align:start;font:inherit;color:var(--ink);cursor:pointer;display:grid;gap:6px;transition:border-color .15s,transform .15s}
.svdblock .excard{background:var(--surface)}
.excard:hover{border-color:var(--gold);transform:translateY(-1px)}
.excard .q{font-family:var(--disp);font-weight:600;color:var(--head);font-size:.98rem;line-height:1.6}
.excard .o{font-size:.78rem;color:var(--faint)}
.excard .use{font-size:.82rem;color:var(--gold);font-weight:600}
/* الشركات: الفحصُ أوّلاً */
.xraycta{background:var(--grad-plum);color:#F3EAEE;padding-block:var(--s-2)}
.xraycta .eyebrow{color:var(--gold-dark)}
.xraycta h2{color:#fff;font-size:clamp(1.3rem,2.6vw,1.8rem);margin:6px 0 10px}
.xraycta p{color:#DCCBD3;max-width:60ch}
.xraycta .btn{background:var(--ivory);color:var(--head);border-color:var(--ivory)}
.xraycta .btn:hover{background:#fff}
.xraycta .promise{color:#C9B3BF}
.xraygrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.xraycta .xr-how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xraycta .xr-how li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:5px;padding:12px 14px;font-size:.88rem;color:#F3EAEE;display:grid;gap:6px}
.xraycta .xr-how .n{font-family:var(--lat);font-weight:300;font-size:1.2rem;color:var(--gold-dark);line-height:1;direction:ltr;text-align:start}
.bizsvc{padding-block:var(--s-2)}
.ladder2{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.svc2{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:start;background:var(--surface);border:1px solid var(--edge);border-radius:5px;padding:16px 18px}
.svc2 .n{font-family:var(--lat);font-weight:300;font-size:1.5rem;color:var(--gold);line-height:1.1;direction:ltr}
.svc2 h3{font-size:1.08rem;margin:0 0 2px}
.svc2 h3 a{color:var(--head);text-decoration:none}
.svc2 h3 a:hover{text-decoration:underline}
.svc2 .tag2{margin:0 0 6px;color:var(--gold);font-size:.86rem}
.svc2 .get{margin:0;font-size:.86rem;color:var(--mute)}
.svc2 .get b{color:var(--ink);font-weight:600}
.svc2 > .lnk{align-self:center;white-space:nowrap;font-size:.88rem}
.tag.soon{color:var(--gold);border:1px solid #D9C9B4;background:#FBF6EA;font-weight:400;vertical-align:middle}
.tag.free{color:#354427;background:#E8EEE1;border:1px solid #C9D6BA}
.tag.quote{color:var(--head);background:#F4EEE2;border:1px solid #E4DACB}
.tag.live{color:var(--breeze);background:#E9EFF5;border:1px solid #CFDCE8}
.smcards.two{margin-top:18px}
.waqband{background:var(--surface);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding-block:var(--s-2)}
.waqgrid{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:clamp(20px,4vw,56px);align-items:center}
.waqgrid h2{margin:4px 0 8px}
.waqgrid .mute{margin:0;max-width:60ch}
/* الأدوات */
.toolsec{padding-top:var(--s-2)}
.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tool{background:var(--surface);border:1px solid var(--edge);border-radius:6px;padding:clamp(18px,2.4vw,24px);display:flex;flex-direction:column;gap:8px}
.tool.primary{border-inline-start:4px solid var(--head)}
.toolhead{display:flex;align-items:center;gap:8px}
.toolhead .n{font-family:var(--lat);font-weight:300;font-size:1.3rem;color:var(--gold);direction:ltr;margin-inline-end:auto}
.tool h2{font-size:1.1rem;margin:0}
.tool p{margin:0;color:var(--mute);font-size:.9rem;flex:1}
/* الكتالوج */
.catpage{padding-top:var(--s-2)}
.cattools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:var(--s-2)}
.cattools .search{max-width:none}
.audfilter{gap:6px}
.cgroup{margin-bottom:var(--s-2)}
.cgroup .h2s{margin-bottom:12px}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.citem{background:var(--surface);border:1px solid var(--edge);border-radius:6px;padding:clamp(16px,2.2vw,22px);display:flex;flex-direction:column;gap:8px}
.citem.free{border-inline-start:3px solid var(--gold)}
.citem header{display:flex;align-items:start;justify-content:space-between;gap:10px}
.citem h3{font-size:1.05rem;margin:0}
.citem .sum{margin:0;font-size:.9rem;color:var(--mute);flex:1}
.citem .who{margin:0;font-size:.78rem;color:var(--faint)}
.citem .acts.small{margin-top:4px}
.citem .svkv{font-size:.84rem}
.cnone{margin-top:10px}
@media (max-width:1000px){.intents{grid-template-columns:repeat(3,1fr)}.cgrid,.tools{grid-template-columns:1fr 1fr}.xraygrid{grid-template-columns:1fr}}
@media (max-width:700px){.intents{grid-template-columns:1fr 1fr}.intent{padding:14px 12px 12px}.paths2,.whygrid,.hubgrid,.ppanel,.cgrid,.tools,.smcards.two{grid-template-columns:1fr}.io{grid-template-columns:1fr}.io .arrow{transform:rotate(-90deg);justify-self:center}[dir="ltr"] .io .arrow{transform:rotate(90deg)}.svc2{grid-template-columns:36px 1fr}.svc2 > .lnk{grid-column:2}.waqgrid,.cattools{grid-template-columns:1fr}.ideasteps.wide{grid-template-columns:1fr}.xraycta .xr-how{grid-template-columns:1fr}}
@media (max-width:480px){.intents{grid-template-columns:1fr}.intent{grid-template-columns:40px 1fr;column-gap:12px;align-items:center}.intent .ic{grid-row:1/3;margin:0}.intent b,.intent span:not(.ic){grid-column:2}}
/* ═══ للشركات والجهات فقط (20 سبتمبر 2026): ساحاتٌ ثلاث في الرئيسيّة، بطاقةُ إحالةٍ اختياريّة، برامجُ الشركات في عمودين ═══ */
.hero.homeq .arenas.home3{grid-template-columns:repeat(3,1fr);margin-top:6px}
.hero.homeq .arenas.home3 .arena{background:var(--surface)}
.refcard{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px dashed #D9C9B4;border-radius:6px;padding:14px 18px}
.refcard b{display:block;color:var(--head);font-size:.98rem}
.refcard span{display:block;color:var(--faint);font-size:.84rem}
.proglist.two{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.proglist.two li:nth-child(2){border-top:0;padding-top:0}
a.intent{text-decoration:none}
@media (max-width:900px){.hero.homeq .arenas.home3{grid-template-columns:1fr}.proglist.two{grid-template-columns:1fr}}
/* ═══ أنظمةُ نيكسس للأعمال والمرشد (قرارُ مجلس الخبراء، 20 سبتمبر 2026) ═══ */
.hero3{margin-top:14px}
.tag.st{font-size:.72rem;padding:3px 10px;border-radius:12px;font-weight:600;vertical-align:middle;white-space:nowrap}
.tag.st-validating{background:#E8EEE1;color:#354427;border:1px solid #C9D6BA}
.tag.st-validate{background:#F7EBD4;color:#7A5F22;border:1px solid #EAD9B3}
.tag.st-conditional{background:#EEF0E6;color:#4C5D3A;border:1px solid #D9DFCC}
.tag.st-partner{background:#E9EFF5;color:#4E6E8E;border:1px solid #CFDCE8}
.tag.st-none{background:var(--edge-2);color:var(--faint);border:1px solid var(--edge)}
.tag.st-live{background:var(--head);color:var(--ivory);border:1px solid var(--head)}
.sysgrid-sec{padding-block:var(--s-2)}
.sysgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.syscard{background:var(--surface);border:1px solid var(--edge);border-radius:6px;padding:clamp(16px,2.2vw,22px);display:flex;flex-direction:column;gap:8px}
.syscard.st-validating{border-inline-start:4px solid var(--olive)}
.syscard.st-none{opacity:.75}
.syscard header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.syscard .lat{font-family:var(--lat);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0}
.syscard h2{font-size:1.15rem;margin:0}
.syscard h2 a{color:var(--head);text-decoration:none}.syscard h2 a:hover{text-decoration:underline}
.syscard .tagline{margin:0;color:var(--mute);font-size:.92rem}
.syscard .prob{margin:0;font-size:.86rem;color:var(--ink);flex:1}.syscard .prob b{color:var(--gold);font-weight:600}
.syscard .stdesc{margin:0;font-size:.8rem;color:var(--faint)}
.svincl.two{columns:2;column-gap:24px}
.planlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.planlist li{display:grid;gap:2px;border:1px solid var(--edge);border-radius:5px;padding:10px 12px;background:var(--ivory)}
.planlist b{color:var(--head);font-family:var(--lat);letter-spacing:.04em}
.planlist span{font-size:.86rem;color:var(--mute)}.planlist small{font-size:.76rem;color:var(--faint)}
.finder{padding-block:var(--s-2)}
.fdform{max-width:820px}
.fdq{background:var(--surface);border:1px solid var(--edge);border-radius:6px;padding:16px 18px;margin-bottom:12px}
.fdq legend{border:0;padding:0 8px;margin-bottom:8px;font-size:1rem}
.fdq legend .n{font-family:var(--lat);color:var(--gold);font-weight:300;margin-inline-end:6px;direction:ltr;display:inline-block}
.fdq .err{display:block;margin-top:8px;color:var(--danger);font-size:.82rem}
.fdresult{max-width:820px;margin-top:20px;background:var(--surface);border:1px solid var(--edge);border-inline-start:4px solid var(--head);border-radius:6px;padding:clamp(18px,3vw,28px)}
.fdresult h2{margin:4px 0 8px}
.xr-os .xr-rec{background:var(--surface)}
.xr-os .xr-rec .acts.small{margin-top:10px}
@media (max-width:1000px){.sysgrid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.sysgrid{grid-template-columns:1fr}.svincl.two{columns:1}.hero3 .btn{width:100%;text-align:center}}
/* ═══ 21 سبتمبر 2026: خطوطٌ أوضح، تنقّلُ التذييل في عمودين، الوضعُ الليليّ، عودةُ علامة النواة المتحرّكة ═══ */
/* Jost لا يملك وجه 700، فكان المتصفّح يزيّف الثقل بتسميك الحروف. 500 وجهٌ حقيقيّ (قرار المالك 25 سبتمبر 2026). */
.eyebrow{font-weight:500;font-size:.74rem;letter-spacing:.14em;color:var(--gold)}
@media (max-width:600px){.eyebrow{font-size:.7rem}}
h2,h3{font-weight:700}
.lead,.pagehead .lead,.hero .lead{font-weight:500;color:var(--ink)}
.mute{color:var(--mute)}
.why p,.hubcard .mute,.syscard .tagline,.smcard p,.svc2 .get{color:var(--ink)}
.why h3{font-weight:700}
.fnav{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;align-content:start}
.fnav .k{grid-column:1/-1}
.fnav a{white-space:nowrap}
/* علامةُ النواة في الرئيسيّة — تدخل تدريجيّاً كما في النسخة الأولى */
.hero.homeq .markbox.intro{max-width:300px;margin:0 0 18px;padding:0;justify-self:start}
.hero.homeq .markbox.intro svg{max-width:280px;margin:0}
.hero.homeq .markbox.intro .legend{text-align:start;margin:10px 0 0;padding-top:8px;font-size:.8rem;border-top:1px solid var(--edge)}
[dir="ltr"] .hero.homeq .markbox.intro{justify-self:start}
/* زرُّ الوضع */
.theme{width:34px;height:34px;border-radius:50%;border:1px solid var(--edge);background:var(--surface);color:var(--head);display:inline-grid;place-items:center;cursor:pointer;flex:none}
.theme svg{width:16px;height:16px}
.theme .moon{display:none}
:root[data-theme="dark"] .theme .sun{display:none}
:root[data-theme="dark"] .theme .moon{display:block}
/* ── الوضعُ الليليّ: رموزُ الهويّة على أرضٍ داكنة (باذنجانيّ عميق) ── */
:root[data-theme="dark"]{
  color-scheme:dark;
  --ivory:#17101A; --surface:#211722; --edge:#3A2B3A; --edge-2:#2E2230;
  --ink:#F1E9EE; --head:#F3E6EC; --mute:#CDBDC6; --faint:#A895A1;
  --gold:#D8C08A; --gold-dark:#D8C08A; --breeze:#8FB0CC; --olive:#A9BC8E; --impact:#C4B69A; --danger:#E08A9B;
  /* الأسطحُ الفاتحة لم تكن تُعاد في الليل، فيقع النصُّ الفاتحُ على أرضٍ فاتحة
     ويختفي. ظهر في لوحات أرقام باقات ماركتينج. (17 أكتوبر 2026) */
  --taupe-wash:#2A2030; --breeze-wash:#1E2733; --olive-wash:#1F2820; --gold-wash:#2B2415;
}
:root[data-theme="dark"] body{background:var(--ivory)}
:root[data-theme="dark"] .btn{background:#E9D8E2;color:#2A1520;border-color:#E9D8E2}
:root[data-theme="dark"] .btn:hover:not(:disabled){background:#F3E6EC}
:root[data-theme="dark"] .btn.ghost{background:transparent;color:var(--head);border-color:var(--edge)}
:root[data-theme="dark"] .btn.ghost:hover{border-color:var(--gold)}
:root[data-theme="dark"] .intent .ic,:root[data-theme="dark"] .smcard .play{color:#17101A}
:root[data-theme="dark"] .bar{background:rgba(23,16,26,.92);border-bottom-color:var(--edge)}
:root[data-theme="dark"] .sub{background:var(--surface);border-color:var(--edge)}
:root[data-theme="dark"] .note,:root[data-theme="dark"] .xr-quote,:root[data-theme="dark"] .dm-banner,:root[data-theme="dark"] .dm-rule,:root[data-theme="dark"] .stex,:root[data-theme="dark"] .xr-band,:root[data-theme="dark"] .tag.quote{background:#2A1F2C;border-color:#4A3A4A;color:var(--ink)}
:root[data-theme="dark"] .tag.free,:root[data-theme="dark"] .badge.free,:root[data-theme="dark"] .tag.st-validating{background:#25311F;color:#C9DDB4;border-color:#3E5236}
:root[data-theme="dark"] .tag.soon,:root[data-theme="dark"] .badge.soon,:root[data-theme="dark"] .tag.st-validate{background:#33291A;color:#E6CF98;border-color:#57482A}
:root[data-theme="dark"] .tag.live,:root[data-theme="dark"] .tag.st-partner{background:#1F2A34;color:#B9D3E8;border-color:#334A5C}
:root[data-theme="dark"] .tag.st-conditional{background:#232B22;color:#C4D3B6;border-color:#3A4738}
:root[data-theme="dark"] .tag.t-acc,:root[data-theme="dark"] .tag.st-live{background:#E9D8E2;color:#2A1520}
:root[data-theme="dark"] .ctastrip,:root[data-theme="dark"] .why3,:root[data-theme="dark"] .smartband,:root[data-theme="dark"] .waqband,:root[data-theme="dark"] .ideaband,:root[data-theme="dark"] .personas,:root[data-theme="dark"] footer,:root[data-theme="dark"] .faq{background:#1C1420}
:root[data-theme="dark"] .xraycta,:root[data-theme="dark"] .xr-next{background:#2C1A27;color:#F1E9EE}
:root[data-theme="dark"] .xraycta .btn,:root[data-theme="dark"] .xr-next .btn{background:#E9D8E2;color:#2A1520;border-color:#E9D8E2}
:root[data-theme="dark"] .xraycta .xr-how li{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
:root[data-theme="dark"] .ov .scrim,:root[data-theme="dark"] .cisheet .scrim{background:rgba(0,0,0,.6)}
:root[data-theme="dark"] .ov .sheet,:root[data-theme="dark"] .cibox{background:var(--ivory)}
:root[data-theme="dark"] input[type=text],:root[data-theme="dark"] input[type=tel],:root[data-theme="dark"] input[type=email],:root[data-theme="dark"] input[type=search],:root[data-theme="dark"] input[type=number],:root[data-theme="dark"] input[type=date],:root[data-theme="dark"] input[type=time],:root[data-theme="dark"] textarea,:root[data-theme="dark"] select{background:var(--surface);color:var(--ink);border-color:var(--edge)}
:root[data-theme="dark"] .chip{background:var(--surface);color:var(--mute);border-color:var(--edge)}
:root[data-theme="dark"] .chip[aria-pressed="true"],:root[data-theme="dark"] .ptabs .chip[aria-selected="true"]{background:#E9D8E2;color:#2A1520;border-color:#E9D8E2}
:root[data-theme="dark"] .xr-opt.on,:root[data-theme="dark"] .xr-chip[aria-pressed="true"]{background:#E9D8E2;border-color:#E9D8E2;color:#2A1520}
:root[data-theme="dark"] .dm-appt.st-now{background:#3A2432;border-color:#5A3A4E}
:root[data-theme="dark"] .dm-appt.st-unconfirmed{background:#33291A;border-color:#57482A}
:root[data-theme="dark"] .dm-toast{background:#E9D8E2;color:#2A1520}
:root[data-theme="dark"] .crbox img.scbc{filter:brightness(0) invert(.9)}
:root[data-theme="dark"] img{opacity:.92}

/* ═══ سلّةُ الاحتياج — شريطٌ سفليّ يجمع ما اختاره الزائر من الأنظمة ثمّ «اطلب عرض سعر» ═══ */
.needbar{position:fixed;inset-inline:0;bottom:14px;margin:0 auto;width:max-content;max-width:min(92vw,900px);background:var(--surface);border:1px solid var(--edge);border-radius:12px;box-shadow:0 14px 40px -18px rgba(42,21,32,.45);padding:8px 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;z-index:58;font-size:.86rem}
.needbar[hidden]{display:none}
.needbar .k{color:var(--faint);font-size:.78rem}
.needbar .items{display:flex;gap:6px;flex-wrap:wrap}
.needbar .nchip{display:inline-flex;align-items:center;gap:6px;background:var(--ivory);border:1px solid var(--edge);border-radius:14px;padding:2px 6px 2px 10px;color:var(--head)}
.needbar .nchip .x{border:0;background:transparent;color:var(--faint);cursor:pointer;font-size:1rem;line-height:1;padding:0 2px;font-family:inherit}
.needbar .nchip .x:hover{color:var(--danger)}
.needbar .lnk.sm{font-size:.8rem}
@media (max-width:640px){.needbar{bottom:0;width:100%;max-width:none;border-radius:12px 12px 0 0;padding:10px 14px 12px}}
/* الأنظمةُ المرتبطة ووحداتُ النظام في صفحة النظام */
.svincl.mods{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:8px 0 0}
.svincl.mods li{background:var(--surface);border:1px solid var(--edge);border-radius:14px;padding:3px 11px;font-size:.8rem;color:var(--head)}
.svincl.mods li::before{content:"✓ ";color:var(--olive)}
.relsec{padding-block:var(--s-2)}
.relgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.relcard{background:var(--surface);border:1px solid var(--edge);border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.relcard h3{font-size:1rem;margin:0}.relcard h3 a{color:var(--head);text-decoration:none}.relcard h3 a:hover{text-decoration:underline}
.relcard p{margin:0;font-size:.84rem;color:var(--mute);flex:1}
.relcard .tag.st{align-self:flex-start;font-size:.68rem}
.relcard .acts{margin-top:6px;gap:8px}
[data-need-add].on{background:var(--olive);border-color:var(--olive);color:var(--ivory)}
.syscard .incl{margin:0;font-size:.76rem;color:var(--faint)}.syscard .incl b{color:var(--olive);font-weight:600}
:root[data-theme="dark"] .needbar{box-shadow:0 14px 40px -18px rgba(0,0,0,.8)}
.ov[data-open="1"] ~ .needbar{display:none}

/* ═══ الافتتاحيّةُ بالفيديو (22 سبتمبر 2026) — الفيديو خلفيّةٌ كاملة، تدرّجاتٌ سينمائيّة لا صندوقاً خلف النصّ، والشريطُ شفّافٌ فوقها ═══ */
.has-vhero .bar{background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .35s ease,border-color .35s ease}
.has-vhero .bar.solid,.has-vhero .bar.menu-open{background:rgba(247,243,234,.93);border-bottom-color:var(--edge);backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px)}
:root[data-theme="dark"] .has-vhero .bar.solid,:root[data-theme="dark"] .has-vhero .bar.menu-open{background:rgba(23,16,26,.92)}
.brand svg.rev{display:none}
.has-vhero .bar:not(.solid):not(.menu-open) .brand svg.std{display:none}
.has-vhero .bar:not(.solid):not(.menu-open) .brand svg.rev{display:block}
.has-vhero .bar:not(.solid):not(.menu-open) .brand .nm{color:#F7F3EA}
.has-vhero .bar:not(.solid):not(.menu-open) .brand .ds{color:#D8CBD2;border-inline-start-color:rgba(247,243,234,.3)}
.has-vhero .bar:not(.solid):not(.menu-open) .nav .navl,.has-vhero .bar:not(.solid):not(.menu-open) .nav .navb{color:#EADFE5}
.has-vhero .bar:not(.solid):not(.menu-open) .nav .navl:hover,.has-vhero .bar:not(.solid):not(.menu-open) .nav .navb:hover,.has-vhero .bar:not(.solid):not(.menu-open) .nav .navl[aria-current="page"],.has-vhero .bar:not(.solid):not(.menu-open) .nav .navi.on > .navb{color:#fff;border-bottom-color:#C9B37A}
.has-vhero .bar:not(.solid):not(.menu-open) .lang{border-color:rgba(247,243,234,.35)}
.has-vhero .bar:not(.solid):not(.menu-open) .lang a{color:#EADFE5}
.has-vhero .bar:not(.solid):not(.menu-open) .lang a.on{background:#F7F3EA;color:#4B1F3A}
.has-vhero .bar:not(.solid):not(.menu-open) .theme{background:transparent;border-color:rgba(247,243,234,.35);color:#F7F3EA}
.has-vhero .bar:not(.solid):not(.menu-open) .barend > .btn.sm{background:#5A2645;border-color:#7A4463;color:#F7F3EA}
.has-vhero .bar:not(.solid):not(.menu-open) .menu{border-color:rgba(247,243,234,.35)}
.has-vhero .bar:not(.solid):not(.menu-open) .menu span{background:#F7F3EA}
.vhero{position:relative;min-height:92vh;min-height:92svh;display:flex;align-items:center;overflow:hidden;background:#17101A;color:#F7F3EA;margin-top:calc(-1 * var(--barh,70px));padding-top:var(--barh,70px)}
.vh-media{position:absolute;inset:0;z-index:0}
.vh-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:#17101A}
.vh-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(23,16,26,.94) 0%,rgba(23,16,26,.62) 34%,rgba(23,16,26,.18) 62%,rgba(23,16,26,.38) 100%),linear-gradient(to left,rgba(31,14,26,.82) 0%,rgba(31,14,26,.48) 38%,rgba(31,14,26,0) 68%)}
[dir="ltr"] .vh-shade{background:linear-gradient(to top,rgba(23,16,26,.94) 0%,rgba(23,16,26,.62) 34%,rgba(23,16,26,.18) 62%,rgba(23,16,26,.38) 100%),linear-gradient(to right,rgba(31,14,26,.82) 0%,rgba(31,14,26,.48) 38%,rgba(31,14,26,0) 68%)}
.vh-wrap{position:relative;z-index:1;width:100%;padding-block:clamp(48px,8vh,104px) clamp(72px,10vh,120px)}
.vh-content{max-width:640px}
.vh-mark{width:150px;margin:0 0 22px}
.vh-mark svg{width:100%;height:auto;display:block}
.vh-eyebrow{font-family:var(--lat);font-weight:500;letter-spacing:.22em;font-size:.72rem;color:#C9B37A;margin:0 0 14px;direction:ltr;text-align:start;text-transform:uppercase}
.vh-h1{font-family:var(--disp);font-weight:700;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.3;margin:0 0 18px;color:#F7F3EA;text-wrap:balance}
.vh-h1 .l1,.vh-h1 .l2{display:block}
.vh-h1 .l2{color:#E3BFD4}
.vh-p{font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.9;color:#E7DCE2;max-width:52ch;margin:0 0 26px}
.vh-acts{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:0}
.vh-primary{background:#5A2645;border-color:#7A4463;color:#F7F3EA;box-shadow:0 12px 34px -16px rgba(0,0,0,.8)}
.vh-primary:hover{background:#6B2F52;border-color:#8A5273;transform:none}
.vh-ghost{color:#F7F3EA;border-color:rgba(247,243,234,.45);background:rgba(23,16,26,.22)}
.vh-ghost:hover{border-color:#F7F3EA;background:rgba(247,243,234,.1);color:#fff}
.vh-scroll{position:absolute;bottom:18px;inset-inline:0;margin:0 auto;width:max-content;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:#D8CBD2;font-size:.78rem;text-decoration:none;opacity:.9}
.vh-scroll:hover{color:#fff}
.vh-scroll svg{width:18px;height:18px}
@media (prefers-reduced-motion:no-preference){
  .vh-scroll svg{animation:vhbob 2.2s ease-in-out infinite}
  .has-vhero .bar{opacity:0;animation:vhin .6s .1s ease forwards}
  .vh-eyebrow,.vh-h1,.vh-p,.vh-acts{opacity:0;transform:translateY(12px);animation:vhin .7s cubic-bezier(.2,.7,.3,1) forwards}
  .vh-eyebrow{animation-delay:.5s}.vh-h1{animation-delay:.66s}.vh-p{animation-delay:.84s}.vh-acts{animation-delay:1s}
  .vh-mark .e1,.vh-mark .e2{animation-delay:.2s}.vh-mark .e2{animation-delay:.3s}.vh-mark .e3{animation-delay:.42s}.vh-mark .e4{animation-delay:.58s}.vh-mark .e5{animation-delay:.76s}
}
@keyframes vhin{to{opacity:1;transform:none}}
@keyframes vhbob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media (max-width:1000px){.vh-content{max-width:560px}}
@media (max-width:700px){
  .vhero{min-height:90svh;align-items:flex-end}
  .vh-shade,[dir="ltr"] .vh-shade{background:linear-gradient(to top,rgba(23,16,26,.97) 0%,rgba(23,16,26,.82) 42%,rgba(23,16,26,.45) 100%)}
  .vh-wrap{padding-block:40px 78px}
  .vh-content{max-width:none}
  .vh-mark{width:118px;margin-bottom:16px}
  .vh-h1{font-size:clamp(1.75rem,7.6vw,2.3rem)}
  .vh-p{font-size:.98rem;margin-bottom:20px}
  .vh-acts{flex-direction:column;align-items:stretch;gap:10px}
  .vh-acts .btn{width:100%;text-align:center}
  .vh-scroll{bottom:10px}
}
/* شريطُ الحلول الخمسة — امتدادٌ للافتتاحيّة */
.strip5{background:var(--surface);border-bottom:1px solid var(--edge);padding-block:clamp(22px,3vw,34px)}
.strip5 .eyebrow{margin-bottom:12px}
.strip5grid{display:grid;grid-template-columns:repeat(5,1fr)}
.s5{display:grid;gap:6px;align-content:start;padding:14px 18px;border-inline-start:1px solid var(--edge-2);text-decoration:none;color:var(--ink);transition:background .2s}
.s5:first-child{border-inline-start:0}
.s5:hover{background:var(--ivory)}
.s5 .ic{width:34px;height:34px;color:var(--head)}.s5 .ic svg{width:26px;height:26px}
.s5 b{font-family:var(--disp);font-weight:600;font-size:1rem;color:var(--head);line-height:1.5}
.s5 > span:last-child{font-size:.84rem;color:var(--mute);line-height:1.7}
@media (max-width:1000px){.strip5grid{grid-template-columns:1fr 1fr}.s5{border-inline-start:0;border-bottom:1px solid var(--edge-2)}.s5:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:560px){.strip5grid{grid-template-columns:1fr}.s5{border-bottom:1px solid var(--edge-2)}.s5:last-child{border-bottom:0}}
/* الأقسامُ الجديدة في الرئيسيّة */
.challenges{padding-block:var(--s-1)}
.challenges .intents{margin-top:18px}
.homesys .syscard h3{font-size:1.12rem;margin:0}.homesys .syscard h3 a{color:var(--head);text-decoration:none}.homesys .syscard h3 a:hover{text-decoration:underline}
.homesys .acts{margin-top:18px}
.homeproj{background:var(--surface);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding-block:var(--s-1)}
.projgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
.projcard{background:var(--ivory);border:1px solid var(--edge);border-radius:6px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.projcard .lat{font-family:var(--lat);font-size:.68rem;letter-spacing:.12em;color:var(--gold);margin:0}
.projcard h3{font-size:1.1rem;margin:0}
.projcard .party{margin:0;font-size:.84rem;color:var(--faint)}
.projcard .desc{margin:0;font-size:.9rem;color:var(--ink);flex:1}
.projcard .measure{margin:6px 0 0;font-size:.9rem;color:var(--mute);display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.projcard .measure b{font-family:var(--lat);font-size:1.15rem;color:var(--head)}.projcard .measure b.after{color:var(--olive)}.projcard .measure .k{font-size:.74rem;color:var(--faint)}
.homesec{padding-block:var(--s-1)}
.arenas.home3{grid-template-columns:repeat(3,1fr);margin-top:6px}
.arenas.home3 .arena{background:var(--surface)}
.approach{padding-block:var(--s-1);background:var(--surface);border-top:1px solid var(--edge)}
.appsteps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;list-style:none;margin:10px 0 0;padding:0}
.appstep{position:relative;background:var(--ivory);border:1px solid var(--edge);border-radius:6px;padding:16px 16px 14px}
.appstep .no{font-family:var(--lat);font-size:.78rem;letter-spacing:.12em;color:var(--gold)}
.appstep h3{font-size:1rem;margin:6px 0 4px}
.appstep p{margin:0;font-size:.86rem;color:var(--mute);line-height:1.75}
.appstep:not(:last-child)::after{content:"←";position:absolute;inset-inline-end:-13px;top:18px;color:var(--gold);font-size:.9rem;background:var(--surface);padding:0 2px;z-index:1}
[dir="ltr"] .appstep:not(:last-child)::after{content:"→"}
.approach .acts{margin-top:16px}
.bandcta{background:var(--grad-plum);color:#F3EAEE;padding-block:clamp(40px,6vw,70px);text-align:center}
.bandcta .eyebrow{color:var(--gold-dark);text-align:center;direction:ltr}
.bandcta h2{color:#fff;font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 6px}
.bandcta .bandsub{color:#DCCBD3;font-size:1.05rem;margin:0 0 22px}
.bandcta .acts{justify-content:center;margin-top:0}
.bandcta .btn{background:#F7F3EA;color:#4B1F3A;border-color:#F7F3EA}
.bandcta .btn:hover{background:#fff}
.bandcta .lnk{color:#F3EAEE;border-bottom-color:rgba(255,255,255,.3)}
.bandcta .lnk:hover{border-bottom-color:#C9B37A}
@media (max-width:1000px){.appsteps{grid-template-columns:repeat(3,1fr)}.appstep:nth-child(3)::after{display:none}.projgrid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.appsteps{grid-template-columns:1fr}.appstep::after{display:none}.projgrid{grid-template-columns:1fr}.arenas.home3{grid-template-columns:1fr}}
:root[data-theme="dark"] .projcard,:root[data-theme="dark"] .appstep{background:var(--ivory)}
:root[data-theme="dark"] .bandcta{background:#2C1A27}
.vh-ghost{background:rgba(23,16,26,.45)}
@media (max-width:700px){.vh-eyebrow{font-size:.62rem;letter-spacing:.16em}}
/* الافتتاحيّة: ارتفاعٌ 75–90vh، وتعتيمٌ حيث النصّ فقط، والأشخاصُ والشاشات في مركز الاقتصاص */
.vhero{min-height:84vh;min-height:84svh}
.vh-video{object-position:50% 42%}
.vh-shade{background:linear-gradient(to top,rgba(23,16,26,.86) 0%,rgba(23,16,26,.46) 30%,rgba(23,16,26,.08) 58%,rgba(23,16,26,.22) 100%),linear-gradient(to left,rgba(31,14,26,.8) 0%,rgba(31,14,26,.52) 30%,rgba(31,14,26,.12) 56%,rgba(31,14,26,0) 72%)}
[dir="ltr"] .vh-shade{background:linear-gradient(to top,rgba(23,16,26,.86) 0%,rgba(23,16,26,.46) 30%,rgba(23,16,26,.08) 58%,rgba(23,16,26,.22) 100%),linear-gradient(to right,rgba(31,14,26,.8) 0%,rgba(31,14,26,.52) 30%,rgba(31,14,26,.12) 56%,rgba(31,14,26,0) 72%)}
.homesys .sysgrid{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.homesys .sysgrid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.vhero{min-height:86svh}.homesys .sysgrid{grid-template-columns:1fr}}
.vh-ghost{background:rgba(23,16,26,.58);border-color:rgba(247,243,234,.6)}

/* ═══ التجهيزُ الذاتيّ (start/) والصفحاتُ القانونيّة ═══ */
.ss{padding-block:var(--s-2)}
.ssgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);gap:clamp(16px,3vw,32px);align-items:start}
.ssstep{margin-bottom:26px}
.ssstep h2{display:flex;align-items:center;gap:10px;font-size:1.15rem;margin:0 0 12px}
.ssstep h2 .no{width:26px;height:26px;border-radius:50%;background:var(--head);color:var(--ivory);display:grid;place-items:center;font-family:var(--lat);font-size:.82rem;flex:none}
.ssacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.ssact{text-align:start;background:var(--surface);border:1px solid var(--edge);border-radius:6px;padding:14px 16px;cursor:pointer;font:inherit;display:grid;gap:4px;transition:border-color .16s,background .16s}
.ssact:hover{border-color:var(--gold)}
.ssact[aria-pressed="true"]{border-color:var(--head);background:var(--ivory);box-shadow:inset 0 0 0 1px var(--head)}
.ssact b{font-family:var(--disp);font-weight:600;color:var(--head);font-size:1rem}
.ssact span{font-size:.84rem;color:var(--mute)}
.ssplans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.ssplan{background:var(--surface);border:1px solid var(--edge);border-radius:6px;padding:14px;cursor:pointer;font:inherit;text-align:start;display:grid;gap:4px}
.ssplan[aria-pressed="true"]{border-color:var(--head);box-shadow:inset 0 0 0 1px var(--head)}
.ssplan b{font-family:var(--lat);font-weight:600;color:var(--head)}
.ssplan .pr{font-family:var(--lat);font-size:1.15rem;color:var(--ink)}.ssplan .pr small{font-family:var(--ar);font-size:.72rem;color:var(--faint)}
.ssplan .lim{font-size:.78rem;color:var(--faint)}
.ssrow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.ssrow .f{display:grid;gap:5px}.ssrow .f > span{font-size:.82rem;color:var(--mute)}
.ssrow input{font:inherit;padding:9px 11px;border:1px solid var(--edge);border-radius:4px;background:var(--surface);color:var(--ink);width:100%}
.ssrow .chips{gap:6px}.ssrow .chip{cursor:pointer;font-size:.84rem}
.ssrow .chip[aria-pressed="true"]{background:var(--head);color:var(--ivory);border-color:var(--head)}
.ssrow .chip small{font-size:.72rem;opacity:.85}
.ssaddons{display:grid;gap:8px}
.ssaddon{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--edge);border-radius:6px;padding:12px 14px;cursor:pointer}
.ssaddon.on{border-color:var(--olive);box-shadow:inset 0 0 0 1px var(--olive)}
.ssaddon .tx{display:grid;gap:2px}.ssaddon b{color:var(--head);font-size:.95rem}.ssaddon b em{font-style:normal;font-size:.72rem;color:var(--gold)}
.ssaddon small{color:var(--mute);font-size:.82rem}
.ssaddon .pr{font-family:var(--lat);color:var(--head);white-space:nowrap}.ssaddon .pr small{font-family:var(--ar);color:var(--faint);font-size:.72rem}
.sssum{background:var(--surface);border:1px solid var(--edge);border-radius:8px;padding:20px 22px;position:sticky;top:90px}
.sssum h2{font-size:1.1rem;margin:0 0 10px}
.sslines{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px;font-size:.88rem}
.sslines li{display:flex;justify-content:space-between;gap:10px;color:var(--mute)}
.sslines b{font-family:var(--lat);color:var(--ink);white-space:nowrap}
.sstotals{display:grid;grid-template-columns:1fr auto;gap:6px 14px;margin:0 0 12px;padding-top:10px;border-top:1px solid var(--edge);font-size:.9rem}
.sstotals dt{color:var(--mute)}.sstotals dd{margin:0;text-align:end;font-family:var(--lat);color:var(--ink)}
.sstotals .disc{color:var(--olive)}
.sstotals .g{font-weight:700;color:var(--head);font-size:1.12rem;border-top:2px solid var(--head);padding-top:8px;margin-top:4px}
.sssum .btn{width:100%;text-align:center;margin-top:6px}
.ssform{display:grid;gap:14px}
.ssform .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ssform .f{display:grid;gap:5px}.ssform label{font-size:.85rem;color:var(--mute)}
.ssform input,.ssform select{font:inherit;padding:10px 12px;border:1px solid var(--edge);border-radius:4px;background:var(--surface);color:var(--ink);width:100%}
.ssform .hint{font-size:.78rem;color:var(--faint)}.ssform .err{font-size:.8rem;color:var(--danger)}
.ssform .h2s{margin:6px 0 0}
.ssmode{gap:8px}.ssmode .chip{cursor:pointer}.ssmode .chip input{margin-inline-end:6px}
.sspay{min-height:260px}
.sspay .mysr-form{margin-top:10px}
.simcard{background:var(--surface);border:1px dashed var(--gold);border-radius:8px;padding:16px 18px}
.ssdone{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.ssdcard{background:var(--surface);border:1px solid var(--edge);border-radius:8px;padding:18px 20px}
.ssdcard h2{font-size:1.2rem;margin:2px 0 4px}
.ssnext{margin:0;padding-inline-start:20px;color:var(--mute);display:grid;gap:6px;font-size:.92rem}
.ssclosed{padding-block:var(--s-2)}
.legaldoc{display:grid;gap:18px;max-width:72ch}
.lsec{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start;padding-bottom:16px;border-bottom:1px solid var(--edge-2)}
.lsec:last-child{border-bottom:0}
.lsec .n{font-family:var(--lat);color:var(--gold);font-size:.9rem;padding-top:3px}
.lsec h2{font-size:1.05rem;margin:0 0 4px}
.lsec p{margin:0;color:var(--mute);line-height:1.9}
@media (max-width:1000px){.ssgrid{grid-template-columns:1fr}.sssum{position:static}.ssdone{grid-template-columns:1fr}}
@media (max-width:700px){.ssplans,.ssrow{grid-template-columns:1fr}.ssform .grid2{grid-template-columns:1fr}}
:root[data-theme="dark"] .ssact[aria-pressed="true"]{background:var(--surface)}

/* ═══ المنصّةُ الواحدة — نظامٌ يأخذ شكلَ النشاط (دمجُ الأنظمة والمرشد، 22 سبتمبر 2026) ═══ */
.pfhead .lead{max-width:64ch}
.pfchips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.pfchip{font-size:.76rem;padding:4px 11px;border-radius:13px;background:var(--surface);border:1px solid var(--edge);color:var(--mute);white-space:nowrap}
.pfpick{padding-block:var(--s-2)}
.pfpick .shead .eyebrow .n{font-family:var(--lat);font-size:1rem;color:var(--gold)}
.pfgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.pfact{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center;
  padding:14px 15px;background:var(--surface);border:1px solid var(--edge);border-radius:8px;text-decoration:none;color:var(--ink);transition:border-color .16s,transform .16s,box-shadow .16s}
.pfact .ic{grid-row:1 / span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--edge-2);color:var(--head)}
.pfact .ic svg{width:19px;height:19px}
.pfact b{font-weight:600;font-size:.93rem;line-height:1.4;align-self:end}
.pfact small{color:var(--faint);font-size:.73rem;align-self:start}
.pfact:hover{border-color:var(--gold);transform:translateY(-2px)}
.pfact.on{border-color:var(--head);box-shadow:inset 0 0 0 1px var(--head)}
.pfact.on .ic{background:var(--head);color:var(--ivory)}
.pfact.st-none{opacity:.72}
.pfunsure{margin:18px 0 0}
.pfyours{padding-block:0 var(--s-2);scroll-margin-top:96px}
.pfempty{color:var(--faint);border:1px dashed var(--edge);border-radius:8px;padding:20px;text-align:center;margin:0}
.pfpanel{background:var(--surface);border:1px solid var(--edge);border-radius:10px;padding:clamp(20px,3vw,32px);border-inline-start:4px solid var(--gold);scroll-margin-top:96px}
.pfpanel.st-validating{border-inline-start-color:var(--olive)}
.pfpanel.st-none{border-inline-start-color:var(--edge)}
.pfp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.pfp-head h2{margin:2px 0 6px;font-size:clamp(1.3rem,2.6vw,1.75rem)}
.pfp-head .tagline{margin:0;color:var(--mute)}
.pfp-st{margin:14px 0 0;color:var(--faint);font-size:.9rem}
.pfp-body{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(20px,3vw,36px);margin-top:24px;padding-top:22px;border-top:1px solid var(--edge-2)}
.pfp-col h3{font-size:.95rem;margin:0 0 12px;color:var(--head)}
.pfmods,.pfadd{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pfmods li,.pfadd li{display:grid;gap:2px;padding:9px 12px;border-radius:6px;background:var(--ivory);border:1px solid var(--edge-2)}
.pfmods li.core{border-color:var(--edge);border-inline-start:3px solid var(--head)}
.pfmods b,.pfadd b{font-weight:600;font-size:.9rem}
.pfmods span,.pfadd span{font-size:.79rem;color:var(--faint);line-height:1.6}
.pfadd li{border-style:dashed}
.pfpanel .acts{margin-top:26px}
.pfpanel .faint.sm{margin:12px 0 0}
.pfcore .why h3{font-size:1rem}
.pfguide{padding-block:var(--s-2)}
.pfguide .fdform{margin-top:4px}
.pfall{padding-block:var(--s-2);background:var(--edge-2)}
.pftbl{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--surface)}
.pftbl th,.pftbl td{text-align:start;padding:11px 14px;border-bottom:1px solid var(--edge-2);vertical-align:middle}
.pftbl thead th{font-size:.76rem;color:var(--faint);font-weight:500;background:var(--ivory);white-space:nowrap}
.pftbl tbody th{font-weight:600}
.pftbl tbody th small{display:block;font-family:var(--lat);font-weight:400;font-size:.68rem;color:var(--faint);letter-spacing:.04em;direction:ltr;text-align:start}
.pftbl tbody th a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--edge)}
.pftbl tbody th a:hover{border-bottom-color:var(--gold)}
.pftbl .incl{color:var(--mute);font-size:.82rem}
.pftbl .go{white-space:nowrap;text-align:end}
.pftbl .incl,.pftbl thead th:nth-child(3){display:table-cell}
.pftbl tbody tr:last-child th,.pftbl tbody tr:last-child td{border-bottom:0}
.pfhon{margin-top:clamp(28px,4vw,44px)}
@media (max-width:820px){.pfp-body{grid-template-columns:1fr}.pfgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
@media (max-width:560px){.pfgrid{grid-template-columns:1fr 1fr}.pfact{grid-template-columns:28px 1fr}.pfact .ic{width:28px;height:28px}.pfact .ic svg{width:16px;height:16px}.pftbl .incl,.pftbl thead th:nth-child(3){display:none}}
:root[data-theme="dark"] .pfact .ic{background:var(--edge)}
:root[data-theme="dark"] .pfact.on .ic{background:var(--gold-dark);color:#17101A}
:root[data-theme="dark"] .pfmods li,:root[data-theme="dark"] .pfadd li{background:var(--edge-2)}
:root[data-theme="dark"] .pfall{background:var(--edge-2)}
:root[data-theme="dark"] .pftbl thead th{background:var(--edge-2)}

/* ═══ ترتيبُ الرئيسيّة (22 سبتمبر 2026): هيرو ← لماذا ← الحلول ← التحدّيات ← كيف نعمل ← الأنظمة ← القطاعات ← الأثر ← من نحن ← دعوة ═══ */
.why3{padding-block:var(--s-1)}
.why3 .shead{margin-bottom:clamp(20px,3vw,30px)}
.whylabel{font-family:var(--lat);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;padding-top:16px;border-top:1px solid var(--edge-2)}
[dir="rtl"] .whylabel{font-family:var(--ar);letter-spacing:0;text-transform:none;font-size:.82rem;font-weight:600;color:var(--head)}
.homesys{padding-block:var(--s-1)}
.homesys .sysgrid{align-items:stretch}
.homesys .syscard{gap:10px}
.homesys .syscard .acts.small{margin-top:auto;padding-top:6px}
.bandcta .acts{flex-wrap:wrap;gap:10px}
.bandcta .btn.ghost{background:transparent;color:#F7F3EA;border-color:rgba(247,243,234,.55)}
.bandcta .btn.ghost:hover{background:rgba(247,243,234,.12);border-color:#C9B37A}
/* أدواتُ صفحة المنصّة: بحثٌ وتصفية فوق شبكة الأنشطة */
.pftools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}
.pfsearch{position:relative;flex:1 1 260px;max-width:360px}
.pfsearch svg{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--faint);pointer-events:none}
.pfsearch input{width:100%;padding-inline-start:36px}
.pffilters{gap:6px;margin:0}
.pffilters .chip{cursor:pointer;font-size:.8rem}
.pffilters .chip.on{background:var(--head);color:var(--ivory);border-color:var(--head)}
.pfcount{margin:0;font-size:.78rem;color:var(--faint);margin-inline-start:auto}
.pfnomatch{margin:16px 0 0;padding:16px 18px;border:1px dashed var(--edge);border-radius:8px;color:var(--mute);font-size:.9rem}
.pfact.hidden{display:none}
@media (max-width:700px){.pftools{gap:9px}.pfsearch{max-width:none;flex-basis:100%}.pfcount{margin-inline-start:0}}
/* الزرُّ الثانويّ في الافتتاحيّة: كان نصُّه باذنجانيّاً داكناً على الفيديو لأنّ .btn.ghost يغلب .vh-ghost بالأولويّة — يُثبَّت هنا بأولويّةٍ كافية */
.vh-acts .btn.ghost,.vh-acts .btn.ghost:link,.vh-acts .btn.ghost:visited{color:#F7F3EA;background:rgba(23,16,26,.62);border-color:rgba(247,243,234,.62);backdrop-filter:blur(2px)}
.vh-acts .btn.ghost:hover,.vh-acts .btn.ghost:focus-visible{color:#fff;background:rgba(23,16,26,.78);border-color:#F7F3EA}
:root[data-theme="dark"] .vh-acts .btn.ghost{color:#F7F3EA;background:rgba(23,16,26,.62);border-color:rgba(247,243,234,.62)}
.bandcta .acts .btn.ghost,.bandcta .acts .btn.ghost:link,.bandcta .acts .btn.ghost:visited{color:#F7F3EA;background:transparent;border-color:rgba(247,243,234,.55)}
.bandcta .acts .btn.ghost:hover,.bandcta .acts .btn.ghost:focus-visible{color:#fff;background:rgba(247,243,234,.14);border-color:#C9B37A}
/* رابطُ العودة أعلى صفحة النشاط — طريقٌ واضح إلى المنصّة */
.crumbup{margin:0 0 12px;font-size:.84rem}
.crumbup .lnk{color:var(--mute)}
.crumbup .lnk:hover{color:var(--head)}
/* الشريطُ العلويّ: الإنجليزيّةُ أعرضُ من العربيّة، فكان يتجاوز الشاشةَ عند 1024 بكسل — يسقط وصفُ العلامة أوّلاً ثمّ تضيق المسافات */
.bar .wrap{min-width:0}
.bar .nav{min-width:0}
@media (max-width:1180px){
  .brand .ds{display:none}
  .bar .wrap{gap:16px}
}
@media (max-width:1060px){
  .nav{gap:14px}
  .barend{gap:8px}
  .barend .btn.sm{padding-inline:12px}
}
/* بطاقاتُ الأنظمة الأربع: شارةُ الحالة الإنجليزيّة الطويلة كانت تمنع العمودَ من الانكماش فيتجاوز الشبكةُ الشاشة */
.homesys .sysgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.homesys .syscard{min-width:0}
.homesys .syscard header{flex-wrap:wrap;row-gap:4px}
.homesys .syscard .tag.st{white-space:normal}
@media (max-width:1000px){.homesys .sysgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.homesys .sysgrid{grid-template-columns:minmax(0,1fr)}}
/* .tablewrap كانت معرَّفةً في admin.css وحدها، والصفحاتُ العامّة لا تحمّلها — فكان الجدولُ يتجاوز الشاشة */
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.tablewrap table{margin:0}
/* كتالوجُ الخدمات: شارةُ «السعر بعد فهم الحاجة» بالإنجليزيّة طويلةٌ ولا تلتفّ فتمنع العمودَ من الانكماش */
.cgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.citem{min-width:0}
.citem header{flex-wrap:wrap;row-gap:6px}
.citem header .tag{white-space:normal}
@media (max-width:1000px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.cgrid{grid-template-columns:minmax(0,1fr)}}

/* ═══ معرضُ الأعمال — بطاقةُ مشروعٍ نفّذته نيكسس فيا (22 سبتمبر 2026) ═══
   البطاقةُ ليست إعلاناً عن المشروع: العنوانُ الصغير «مشروع من تطوير نيكسس فيا» أوّلاً، ثمّ اسمُ المشروع.
   ألوانُ المشروع لا تتسرّب خارج مربّع العلامة — بقيّةُ البطاقة بلغة الموقع نفسِها. */
.wksec{padding-block:var(--s-1)}
.imsec{padding-block:var(--s-1);border-top:1px solid var(--edge)}
.wkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,20px)}
.wkcard{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--edge);border-radius:10px;overflow:hidden;
  transition:border-color .22s ease,transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease}
.wkcard:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 10px 28px -18px rgba(42,21,32,.45)}
/* مربّعُ العلامة: أرضُ المشروع وعلامتُه وعبارتُه ولوحتُه — عناصرُ حقيقيّة من دليل هويّته */
.wk-visual{position:relative;display:grid;place-items:center;gap:14px;padding:clamp(26px,4vw,40px) 20px clamp(20px,3vw,28px);
  background:var(--wk-bg);color:var(--wk-ink);isolation:isolate}
.wk-visual::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 8%,rgba(255,255,255,.07),transparent 62%)}
.wk-mark{display:block;width:clamp(64px,9vw,88px)}
.wk-mark svg{display:block;width:100%;height:auto}
.wk-mark .dot{transform-origin:60px 27px;transition:transform .32s cubic-bezier(.3,1.4,.5,1)}
.wk-mark .bead{transition:opacity .32s ease}
.wkcard:hover .wk-mark .dot{transform:scale(1.14)}
.wkcard:hover .wk-mark .bead{opacity:.8}
.wk-line{margin:0;font-family:var(--disp);font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:500;color:var(--wk-ink);opacity:.92;text-align:center}
.wk-palette{display:flex;gap:5px}
.wk-palette i{width:16px;height:6px;border-radius:3px;display:block;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
/* جسمُ البطاقة بلغة الموقع */
.wk-body{display:flex;flex-direction:column;gap:7px;padding:clamp(18px,2.4vw,24px);flex:1}
.wk-by{margin:0;font-size:.7rem;letter-spacing:.06em;color:var(--gold);font-weight:600}
.wk-title{margin:0;font-size:clamp(1.12rem,2vw,1.35rem);color:var(--head);line-height:1.4}
.wk-title a{color:inherit;text-decoration:none;border-bottom:1px solid var(--edge)}
.wk-title a:hover{border-bottom-color:var(--gold)}
.wk-lat{font-family:var(--lat);font-weight:400;font-size:.72em;letter-spacing:.1em;color:var(--faint);direction:ltr;unicode-bidi:isolate}
.wk-kind{margin:0;font-size:.8rem;color:var(--olive);font-weight:600}
.wk-sum{margin:2px 0 0;font-size:.92rem;color:var(--mute);line-height:1.8}
.wk-roleinline{margin:4px 0 0;font-size:.78rem;color:var(--faint);line-height:1.7}
.wk-roleinline b{color:var(--ink);font-weight:600}
.wk-rolel{margin:8px 0 2px;font-size:.78rem;font-weight:600;color:var(--ink)}
.wk-role{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.wk-role li{position:relative;padding-inline-start:16px;font-size:.86rem;color:var(--mute);line-height:1.7}
.wk-role li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.wk-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid var(--edge-2)}
.wk-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:14px;background:var(--edge-2);border:1px solid var(--edge);
  transition:background .22s ease,border-color .22s ease}
.wk-badge b{font-size:.78rem;font-weight:600;color:var(--head)}
.wk-badge small{font-family:var(--lat);font-size:.6rem;letter-spacing:.14em;color:var(--faint);direction:ltr}
.wk-badge .dotb{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none}
.wkcard.is-soon:hover .wk-badge{background:#F4EEE2;border-color:var(--gold)}
.wkcard.is-live .wk-badge .dotb{background:var(--olive)}
.wk-note{font-size:.74rem;color:var(--faint)}
.wk-year{font-family:var(--lat);font-size:.72rem;color:var(--faint);margin-inline-start:auto;direction:ltr}
@media (prefers-reduced-motion:reduce){.wkcard,.wk-mark .dot,.wk-mark .bead,.wk-badge{transition:none}.wkcard:hover{transform:none}}
:root[data-theme="dark"] .wkcard{background:var(--surface);border-color:var(--edge)}
:root[data-theme="dark"] .wk-badge{background:var(--edge-2);border-color:var(--edge)}
:root[data-theme="dark"] .wkcard.is-soon:hover .wk-badge{background:#33291A;border-color:var(--gold-dark)}
:root[data-theme="dark"] .wk-badge b{color:var(--ink)}
/* مشاريعُ الرئيسيّة: بطاقاتٌ في شبكةٍ تتكيّف مع عددها — بطاقةٌ واحدة تمتدّ، واثنتان نصفين، وثلاثٌ أثلاثاً */
/* زرٌّ نصُّه جملةٌ كاملة (استكمالُ الفحص) — بالإنجليزيّة يتجاوز شاشةَ الجوّال لأنّ .btn لا يلتفّ */
#xrResume{white-space:normal;text-align:center;max-width:100%;line-height:1.6}
@media (max-width:560px){.btn{max-width:100%}}

/* ═══ عملٌ لجهةٍ خارجيّة: شعارُها كما سُلّم على أرضٍ محايدة — لا تُفرَض عليه ألوانُ نيكسس فيا ═══ */
.wk-visual.is-logo{background:var(--n-logo);color:var(--ink);gap:12px;padding:clamp(24px,3.4vw,38px) 22px}
.wk-visual.is-logo::after{background:none}
.wk-logo{width:clamp(88px,11vw,124px);height:auto;aspect-ratio:1/1;object-fit:contain;display:block}
.wk-client{margin:0;font-size:.86rem;font-weight:600;color:var(--head);text-align:center;line-height:1.5}
:root[data-theme="dark"] .wk-visual.is-logo{background:#fff}
.wk-sector{display:inline-block;font-size:.72rem;font-weight:600;color:var(--head);background:var(--edge-2);border:1px solid var(--edge);border-radius:11px;padding:1px 9px;margin-inline-end:7px;vertical-align:1px}
.wk-foot .btn.sm{padding:7px 15px}

/* ═══ صفحةُ دراسة الحالة ═══ */
.casehead{padding-block:clamp(26px,4vw,44px) clamp(22px,3vw,34px);border-bottom:1px solid var(--edge)}
.case-top{display:flex;align-items:center;gap:clamp(18px,3vw,34px);flex-wrap:wrap}
.case-logo{flex:none;width:clamp(84px,10vw,116px);aspect-ratio:1/1;background:#fff;border:1px solid var(--edge);border-radius:14px;display:grid;place-items:center;padding:10px}
.case-logo img{width:100%;height:100%;object-fit:contain;display:block}
.case-id{flex:1;min-width:260px}
.case-id h1{margin:4px 0 8px}
.case-id .lead{max-width:62ch}
.case-tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.case-tags .tag{background:var(--surface);border:1px solid var(--edge);color:var(--mute)}
.casebody{padding-block:var(--s-1)}
.caseblock{max-width:74ch;margin:0 0 clamp(30px,4.5vw,52px)}
.caseblock:last-child{margin-bottom:0}
.case-n{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;font-size:.82rem;font-weight:600;color:var(--head);letter-spacing:.02em}
.case-n span{font-family:var(--lat);font-weight:400;font-size:.92rem;color:var(--gold);direction:ltr}
.caseblock h2{font-size:clamp(1.2rem,2.4vw,1.6rem);margin:0 0 8px}
.case-p{margin:0;color:var(--mute);line-height:2;font-size:.97rem}
.case-for{margin:0 0 4px;color:var(--mute)}
.case-for b{color:var(--ink);font-weight:600}
.case-note{margin:16px 0 0;padding:12px 15px;background:#F4EEE2;border-inline-start:2px solid var(--gold);border-radius:4px;font-size:.86rem;color:var(--ink);line-height:1.85}
:root[data-theme="dark"] .case-note{background:var(--edge-2)}
.wk-role.two{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:6px 22px}
@media (max-width:620px){.wk-role.two{grid-template-columns:minmax(0,1fr)}}
/* أرقامٌ وصفيّة لما بُني — لا نتائجُ تشغيل */
.factgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 8px}
.fact{background:var(--surface);border:1px solid var(--edge);border-radius:8px;padding:14px 16px;display:grid;gap:3px;min-width:0}
.fact b{font-family:var(--lat);font-size:1.5rem;font-weight:500;color:var(--head);line-height:1.1;direction:ltr;text-align:start}
.fact span{font-size:.79rem;color:var(--faint);line-height:1.6}
@media (max-width:760px){.factgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.factgrid{grid-template-columns:minmax(0,1fr)}}
/* اللقطات: المنتجُ الحقيقيّ بإطارٍ خفيف، بلا مبالغةٍ في المحاكاة */
.caseblock#experience{max-width:none}
.shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,20px);margin-top:4px}
.shot{margin:0;min-width:0}
.shot img{display:block;width:100%;height:auto;border:1px solid var(--edge);border-radius:10px;background:var(--surface)}
.shot figcaption{margin-top:9px;font-size:.8rem;color:var(--faint);line-height:1.75}
.shot-k{display:inline-block;font-size:.68rem;font-weight:600;color:var(--head);background:var(--edge-2);border-radius:10px;padding:1px 8px;margin-inline-end:7px;vertical-align:1px}
.shot.is-mobile img{max-width:300px;margin-inline:auto}
.shot.is-mobile{grid-column:span 2;display:flex;flex-direction:column;align-items:center;text-align:center}
.shot.is-mobile figcaption{max-width:52ch}
@media (max-width:760px){.shots{grid-template-columns:minmax(0,1fr)}.shot.is-mobile{grid-column:auto}}

/* ═══ معرضُ الأعمال — نسقٌ واحد مضغوط (23 سبتمبر 2026) ═══
   شبكةٌ واحدة في الرئيسيّة وصفحة المشاريع: كلُّ الأعمال ظاهرة، وكلُّ بطاقةٍ بحجم أختها.
   تفاصيلُ «ما نفّذناه» انتقلت إلى صفحة الحالة، فبقيت البطاقةُ تعريفاً لا سرداً. */
.wkgrid,.wkgrid.home,.wksec .wkgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,238px),1fr));gap:12px;align-items:stretch}
.wkgrid.home{margin-bottom:clamp(16px,2.4vw,24px)}
.wkcard{border-radius:9px}
/* لوحةُ العلامة: ارتفاعٌ ثابت فتستوي رؤوسُ البطاقات */
.wk-visual{min-height:118px;padding:16px 14px;gap:9px}
.wk-visual.is-logo{min-height:118px;padding:16px 14px;border-bottom:1px solid var(--edge)}
.wkcard.has-logo .wk-visual{border-inline-end:0}
.wk-mark{width:46px}
.wk-logo{width:58px}
.wk-line{font-size:.82rem;line-height:1.5}
.wk-palette{display:none}
/* الجسم: مضغوطٌ ومقصوص، والشارةُ على أرضٍ واحدة */
.wk-body{padding:13px 14px 12px;gap:5px}
.wk-by{font-size:.63rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wk-title{font-size:1rem;line-height:1.45}
.wk-lat{font-size:.6em}
.wk-kind{font-size:.72rem;line-height:1.6}
.wk-sector{font-size:.66rem;padding:1px 7px;margin-inline-end:5px}
.wk-sum{font-size:.82rem;line-height:1.7;margin:1px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wk-foot{padding-top:10px;margin-top:auto;gap:7px}
.wk-badge{padding:3px 9px;gap:5px}
.wk-badge b{font-size:.72rem}
.wk-badge small{font-size:.55rem;letter-spacing:.1em}
.wk-badge .dotb{width:5px;height:5px}
.wk-year{font-size:.68rem}
.wkcard:hover{transform:translateY(-2px)}
@media (max-width:560px){.wkgrid,.wkgrid.home,.wksec .wkgrid{grid-template-columns:minmax(0,1fr)}.wk-visual,.wk-visual.is-logo{min-height:104px}}

/* ═══ مكوّناتٌ مشتركة (الدفعة ٢ — 24 سبتمبر 2026) ═══
   خمسةُ مكوّنات في includes/c/ تُستعمَل في كلّ صفحةٍ داخليّة بدل تكرار الكود:
   فتاتُ الخبز · رأسُ الصفحة · بطاقةُ مجال · بطاقةُ منتج · شريطُ الدعوة. */

/* فتاتُ الخبز — سطرٌ هادئ فوق رأس الصفحة، لا يزاحم العنوان */
.crumbs{padding:14px 0 0;font-size:.8rem}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--faint)}
.crumbs li{display:inline-flex;align-items:center;gap:6px;min-width:0}
.crumbs a{color:var(--mute);text-decoration:none;border-bottom:1px solid transparent}
.crumbs a:hover{color:var(--head);border-bottom-color:var(--gold)}
.crumbs li[aria-current="page"] span{color:var(--head);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(52vw,34ch)}
.crumbs span[aria-hidden]{color:var(--edge);font-size:.9em}
.crumbs + .pagehead{padding-top:14px}

/* بطاقةُ مجالٍ أو خدمة */
.svcard{display:flex;flex-direction:column;gap:8px;min-width:0;background:var(--surface);border:1px solid var(--edge);border-radius:9px;padding:clamp(16px,2.2vw,22px);transition:border-color .18s ease,transform .18s cubic-bezier(.2,.7,.3,1)}
.svcard:hover{border-color:var(--gold);transform:translateY(-2px)}
.svcard .ic{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--edge-2);color:var(--head);flex:none}
.svcard .ic svg{width:19px;height:19px}
.svcard h3{margin:2px 0 0;font-size:1.05rem;line-height:1.5}
.svcard h3 a{color:var(--head);text-decoration:none;border-bottom:1px solid var(--edge)}
.svcard h3 a:hover{border-bottom-color:var(--gold)}
.svcard p{margin:0;font-size:.9rem;color:var(--mute);line-height:1.85}
.svcard .meta{font-size:.78rem;color:var(--faint)}
.svcard .go{margin-top:auto;padding-top:8px;font-size:.84rem}

/* بطاقةُ منتجٍ من NEXUS OS */
.prodcard{display:flex;flex-direction:column;gap:8px;min-width:0;background:var(--surface);border:1px solid var(--edge);border-radius:9px;padding:clamp(16px,2.2vw,22px)}
.prodcard.st-validating{border-inline-start:4px solid var(--olive)}
.prodcard.st-none{opacity:.75}
.prodcard header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;row-gap:4px}
.prodcard .lat{font-family:var(--lat);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0}
.prodcard .tag.st{white-space:normal}
.prodcard h3{margin:0;font-size:1.08rem;line-height:1.45}
.prodcard h3 a{color:var(--head);text-decoration:none}
.prodcard h3 a:hover{text-decoration:underline}
.prodcard .tagline{margin:0;color:var(--mute);font-size:.9rem;line-height:1.8}
.prodcard .incl{margin:0;font-size:.76rem;color:var(--faint);line-height:1.7}
.prodcard .incl b{color:var(--olive);font-weight:600}
.prodcard .acts.small{margin-top:auto;padding-top:8px}

/* شبكةٌ موحّدة للمكوّنات */
.cgrid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,258px),1fr));gap:12px;align-items:stretch}
@media (max-width:560px){.cgrid3{grid-template-columns:minmax(0,1fr)}}

/* ═══ الدفعة ٣ · صفحاتٌ جديدة: تواصل، أسئلة، ثقة، قطاع، انضمّ إلينا ═══ */
.cpgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:34px;align-items:start}
.cp-main .h2s,.cp-side .h2s{font-size:1.18rem;margin:0 0 10px}
.cplist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cplist li a{display:block;padding:13px 15px;border:1px solid var(--edge);border-radius:12px;text-decoration:none;color:inherit;transition:border-color .18s,transform .18s}
.cplist li a:hover{border-color:var(--head);transform:translateY(-1px)}
.cplist li a b{display:block;font-size:.97rem;margin-bottom:3px}
.cplist li a small{color:var(--mute);font-size:.86rem}
.cplist.bare li a{padding:9px 0;border:0;border-radius:0}
.cplist.bare li a:hover{transform:none;color:var(--head)}
.acts.small{margin-top:10px}
.signlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.signlist li{display:flex;gap:11px;align-items:flex-start;padding:14px 16px;border:1px solid var(--edge);border-radius:12px;font-size:.96rem;line-height:1.6}
.signlist .sdot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;margin-top:8px}
.secnote{margin-top:22px;padding:15px 18px;border-inline-start:3px solid var(--head);background:var(--edge-2);border-radius:0 12px 12px 0;font-size:.96rem;color:var(--ink)}
html[dir=ltr] .secnote{border-radius:12px 0 0 12px}
.arena{position:relative}
a.arena{text-decoration:none;color:inherit;display:block;transition:border-color .18s,transform .18s}
a.arena:hover{border-color:var(--head);transform:translateY(-2px)}
a.arena .go{display:inline-block;margin-top:10px;font-size:.88rem;color:var(--head);font-weight:600}
@media (max-width:860px){.cpgrid{grid-template-columns:1fr;gap:26px}}

/* ═══ الرئيسيّةُ الجديدة: المجالاتُ وبطاقاتُ الروابط ═══ */
.homesol{padding:var(--s-1) 0}
.hometrust{padding:var(--s-1) 0;background:var(--edge-2)}
a.svcard.lnkcard{text-decoration:none;color:inherit;display:block;transition:border-color .18s,transform .18s}
a.svcard.lnkcard:hover{border-color:var(--head);transform:translateY(-2px)}
a.svcard.lnkcard .go{display:inline-block;margin-top:10px;font-size:.88rem;color:var(--head);font-weight:600}
.svcard .meta.mono{font-size:.85rem;color:var(--mute);letter-spacing:.04em}

/* ═══ الرئيسيّةُ السبعة: شريطُ الثقة و«جرّب بنفسك» ═══ */
/* شريطُ الثقة كان كتلةً داكنةً **ثانيةً** في الصفحة — وهو أكثرُ ما يُثقلها.
   صار بيجاً مخفَّفاً بحبرٍ أسود: تباين 14.16، والقرارُ وحده يبقى ملوّناً. */
.trustbar{padding:0;background:var(--taupe-wash);color:var(--ink);border-block:1px solid var(--edge)}
.trustbar .tbl{list-style:none;margin:0;padding:15px 0;display:flex;flex-wrap:wrap;gap:10px 34px;align-items:center;justify-content:center;font-size:.92rem}
.trustbar .tbl li{position:relative;display:flex;align-items:center;gap:9px}
.trustbar .tbl li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);flex:0 0 auto}
.trustbar .tbl a{color:#F7F3EA;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.34);padding-bottom:1px}
.trustbar .tbl a:hover{border-bottom-color:#fff}
.tryit{padding:var(--s-1) 0}
.trygrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.trycard{display:block;padding:24px;border:1px solid var(--edge);border-radius:16px;text-decoration:none;color:inherit;background:var(--surface);transition:border-color .18s,transform .18s}
.trycard:hover{border-color:var(--head);transform:translateY(-2px)}
.trycard .ic{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:var(--edge-2);color:var(--head);margin-bottom:12px}
.trycard .ic svg{width:20px;height:20px}
.trycard .lat{font-size:.72rem;letter-spacing:.12em;color:var(--mute);margin:0 0 3px}
.trycard h3{margin:0 0 7px;font-size:1.1rem}
.trycard p{margin:0;color:var(--mute);font-size:.95rem;line-height:1.65}
.trycard .go{display:inline-block;margin-top:13px;font-size:.9rem;color:var(--head);font-weight:600}
@media (max-width:640px){.trustbar .tbl{gap:8px 20px;font-size:.85rem;padding:13px 0}}

/* ═══ صفحةُ منتجات NEXUS OS — العلامةُ الفرعيّة منفصلةٌ بصريّاً عن نيكسس فيا ═══ */
/* شريطُ الأنظمة يأخذ لونَ بابه — الزيتوني — لا الباذنجانيَّ العامّ */
.osband{background:var(--grad-olive);color:#F3EAEE;border-radius:18px;padding:30px 28px;margin-bottom:30px}
.osband .oslat{font-size:1.55rem;font-weight:700;letter-spacing:.2em;margin:0 0 6px}
.osband .ossub{margin:0 0 14px;font-size:.84rem;letter-spacing:.06em;opacity:.72}
.osband h2{margin:0 0 8px;font-size:1.22rem;color:#fff}
.osband p{margin:0;color:rgba(255,255,255,.82);font-size:.96rem;line-height:1.75;max-width:66ch}
.osgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,236px),1fr));gap:14px;align-items:stretch}
@media (max-width:640px){.osband{padding:24px 20px;border-radius:14px}.osband .oslat{font-size:1.25rem}}

:root[data-theme="dark"] .trustbar,:root[data-theme="dark"] .osband{background:#2C1A27}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .trustbar,:root:not([data-theme="light"]) .osband{background:#2C1A27}}

/* ═══ محرّكُ الدورات (25 سبتمبر 2026) — بأنماط الموقع نفسِها: نفسُ البطاقات والحوافّ والمسافات ═══ */
.svtop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.svtop .ic{margin-bottom:0}
.svsub{margin:-4px 0 8px;font-weight:600;color:var(--head);font-size:.98rem}
.crs-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:14px}
.crs-fact{font-size:.88rem;color:var(--mute);border:1px solid var(--edge);border-radius:12px;padding:3px 11px;background:var(--surface)}
.crs-desc{max-width:66ch;color:var(--mute);margin:0 0 18px}
.crs-progress{max-width:520px;margin:0 0 18px}
.cp-line{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:6px}
.cp-line b{font-weight:600;color:var(--head)}
.cp-bar{height:8px;border-radius:6px;background:var(--edge-2);overflow:hidden}
.cp-bar span{display:block;height:100%;border-radius:6px;background:var(--olive);transition:width .4s ease}
.unitlist{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:760px}
.unit{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--edge);border-radius:4px;background:var(--surface)}
.unit .u-no{flex:0 0 34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--edge);border-radius:50%;font-family:var(--lat);color:var(--gold)}
.unit .u-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.unit .u-title{font-weight:600;color:var(--head);text-decoration:none}
.unit a.u-title:hover{color:var(--gold)}
.unit .u-meta{display:flex;gap:12px;font-size:.8rem;color:var(--faint)}
.unit .u-state{font-size:.78rem;color:var(--mute);border:1px solid var(--edge);border-radius:12px;padding:3px 10px;white-space:nowrap}
.unit.is-done{border-inline-start:3px solid var(--olive)}
.unit.is-done .u-no{border-color:var(--olive);color:var(--olive)}
.unit.is-locked{opacity:.55}
.unit.is-locked .u-title{color:var(--mute);font-weight:500}
.crs-congrats{background:var(--surface);border-block:1px solid var(--edge)}
.congrats{text-align:center;max-width:640px;margin-inline:auto}
.cg-emoji{font-size:2.6rem;margin:0 0 6px}
.sectorpick .sp-q{font-weight:600;color:var(--head);margin:18px 0 10px}
.sectorpick .chips{justify-content:center}
.crs-cta{margin-top:18px}
.crs-cta .cc-head{font-weight:600;color:var(--head);font-size:1.08rem;margin:0 0 4px}
.crs-cta .cc-sub{color:var(--mute);margin:0 0 14px}
.lgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}
.vph{aspect-ratio:16/9;border:1px dashed var(--edge);border-radius:4px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--mute)}
.vph svg{width:44px;height:44px;color:var(--gold)}
.vph p{margin:0;font-weight:600}
.lvideo,.lembed{width:100%;border-radius:4px;overflow:hidden;background:#17101A}
.lembed{aspect-ratio:16/9;position:relative}
.lembed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lvideo{aspect-ratio:16/9;display:block}
.l-desc{margin-top:18px;max-width:70ch}
.lt-h{font-weight:600;color:var(--head);margin:0 0 8px}
.l-task{margin-top:18px;padding:15px 18px;border-inline-start:3px solid var(--gold);background:var(--surface);border-radius:0 4px 4px 0}
[dir="ltr"] .l-task{border-radius:4px 0 0 4px}
.l-script{margin-top:18px;border:1px solid var(--edge);border-radius:4px;padding:12px 16px;background:var(--surface)}
.l-script summary{cursor:pointer;font-weight:600;color:var(--head)}
.l-script div{margin-top:10px;color:var(--mute);line-height:1.9}
.l-res{margin-top:18px}
.l-res ul{margin:0;padding-inline-start:18px}
.l-quiz{margin-top:26px;border-top:1px solid var(--edge);padding-top:18px}
.qq{border:1px solid var(--edge);border-radius:4px;padding:14px 16px;margin:0 0 12px;background:var(--surface)}
.qq legend{font-weight:600;color:var(--head);padding:0 4px}
.qq .qn{font-family:var(--lat);color:var(--gold)}
.qopt{display:flex;gap:9px;align-items:flex-start;padding:7px 4px;cursor:pointer}
.qopt input{margin-top:4px;accent-color:var(--head)}
.qq.q-ok{border-inline-start:3px solid var(--olive)}
.qq.q-bad{border-inline-start:3px solid var(--danger)}
.qopt.q-right span{color:var(--olive);font-weight:600}
.qexp{margin:8px 4px 0;font-size:.9rem;color:var(--mute);border-top:1px dashed var(--edge);padding-top:8px}
.qres{display:flex;gap:14px;align-items:baseline;padding:12px 16px;border-radius:4px;margin-bottom:14px;border:1px solid var(--edge)}
.qres.ok{border-color:var(--olive);color:var(--olive)}
.qres.bad{border-color:var(--danger);color:var(--danger)}
.l-done{margin-top:26px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.l-completed{margin-top:22px;color:var(--olive);font-weight:600}
.sideunits{list-style:none;margin:16px 0;padding:0;display:grid;gap:6px;font-size:.9rem}
.sideunits li a{color:var(--head);text-decoration:none}
.sideunits li a:hover{color:var(--gold)}
.sideunits li.is-locked{color:var(--faint)}
.sideunits li.is-completed a{color:var(--olive)}
.sideunits li.is-here{font-weight:700}
.sideunits li.is-here a{border-bottom:2px solid var(--gold)}
.l-nav{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--edge);padding-top:12px}
@media (max-width:900px){.lgrid{grid-template-columns:1fr}.l-side{order:2}}

/* حالةُ «الأنظمة قريبًا» — بأسلوب بطاقات الموقع نفسه، لا قسمَ غريبًا */
.syssoon{border:1px dashed var(--edge);border-radius:4px;background:var(--surface);padding:clamp(26px,4vw,44px);text-align:center;max-width:640px;margin-inline:auto}
.syssoon h3{margin:14px 0 6px;font-size:1.15rem}
.syssoon p{margin:0;color:var(--mute);max-width:44ch;margin-inline:auto}

/* ══════════ المقرر المرجعي: صفحة الدورة الموسعة والتشخيصي والختامي ══════════ */
.outcomes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px 22px}
.outcomes li{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);line-height:1.75}
.outcomes li span{color:var(--olive);font-weight:700;flex:none;margin-top:2px}
.infogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0}
.infogrid>div{border:1px solid var(--edge);border-radius:12px;background:var(--surface);padding:12px 15px}
.infogrid .ig-wide{grid-column:1/-1}
.infogrid dt{font-size:.78rem;letter-spacing:.4px;color:var(--mute);margin:0 0 4px}
.infogrid dd{margin:0;font-weight:600;line-height:1.8}
.diagcard{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px dashed var(--edge-2);border-radius:14px;padding:18px 20px;background:var(--surface)}
.diagcard .dg-h{margin:0 0 4px;font-weight:700;font-size:1.05rem}
.diagcard .dg-p{margin:0;color:var(--mute);max-width:62ch}
.dg-wrap{max-width:760px}
.dg-result{flex-direction:column;align-items:flex-start;gap:6px}
.dg-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.l-goal,.l-intro,.l-example,.l-demo,.l-summary{margin-top:16px;border-radius:12px;padding:14px 16px;line-height:1.9}
.l-goal{border:1px solid var(--edge);background:var(--surface)}
.l-goal .lt-h{color:var(--olive)}
.l-intro{border:1px solid var(--edge);background:var(--surface);font-weight:600}
.l-example{border:1px solid var(--edge);background:var(--surface)}
.l-example .lt-h{color:var(--gold)}
.l-demo{border:1px dashed var(--edge-2);background:transparent}
.l-summary{border:1px solid var(--edge);background:var(--surface)}
.l-goal p,.l-intro p,.l-example p,.l-demo p,.l-summary p{margin:0}
.l-goal .lt-h,.l-example .lt-h,.l-demo .lt-h,.l-summary .lt-h{margin:0 0 7px}
.l-next{margin-top:18px}
.crs-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:18px 0 6px}
.cst{border:1px solid var(--edge);border-radius:12px;background:var(--surface);padding:10px 18px;min-width:130px}
.cst span{display:block;font-size:.78rem;color:var(--mute);margin-bottom:3px}
.cst b{font-size:1.02rem}
.crs-revnote{margin:12px auto 0;max-width:56ch;border:1px solid var(--edge);border-radius:12px;padding:12px 16px;background:var(--surface);color:var(--mute)}
.crs-survey{margin-top:26px;padding-top:22px;border-top:1px solid var(--edge);text-align:start}
.crs-survey .sv-f{border:0;margin:0 0 14px;padding:0}
.crs-survey legend,.sv-lbl{display:block;font-weight:600;margin-bottom:8px;padding:0}
.sv-stars{display:flex;gap:8px}
.sv-star input,.sv-chip input{position:absolute;opacity:0;pointer-events:none}
.sv-star span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--edge);border-radius:12px;cursor:pointer;font-weight:700}
.sv-star input:checked+span{border-color:var(--gold);color:var(--gold);background:var(--surface)}
.sv-star input:focus-visible+span,.sv-chip input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.sv-chips{gap:8px}
.sv-chip{cursor:pointer}
.sv-chip input:checked+span{color:var(--gold)}
.sv-chip:has(input:checked){border-color:var(--gold)}
.crs-survey textarea{width:100%}
.sv-thanks{margin-top:22px}
.policybox{border:1px solid var(--edge);border-radius:14px;background:var(--surface);padding:20px 22px}
.policybox .pb-h{margin:0 0 10px;font-size:1.08rem}
.policybox .pb-body p{margin:0;line-height:1.95;color:var(--mute)}
.pb-warn{margin:14px 0 0;padding:11px 14px;border:1px solid var(--danger);border-radius:12px;color:var(--danger);font-weight:600;line-height:1.8}
.helprow{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--edge);border-radius:14px;background:var(--surface);padding:18px 20px}
.helprow .hp-h{margin:0 0 4px;font-weight:700}
.helprow .hp-p{margin:0;color:var(--mute);max-width:62ch}
.rubricbox{border:1px solid var(--edge);border-radius:14px;background:var(--surface);padding:16px 18px;margin-bottom:14px}
.rubric{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.rubric li{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--edge);border-radius:10px;padding:9px 12px}
.rubric b{color:var(--gold)}
.fin-warn{margin-bottom:16px}
.finalform .fin-f{margin-bottom:14px}
.finalform label{display:block;font-weight:600;margin-bottom:7px;line-height:1.8}
.finalform textarea{width:100%}
.fin-self{border:1px dashed var(--edge-2);border-radius:12px;padding:14px 16px;margin:4px 0 16px}
.fin-self legend{font-weight:700;padding:0 6px}
.crs-learn .wrap,.crs-info .wrap,.crs-diag .wrap,.crs-policy .wrap,.crs-help .wrap{padding-top:0}
@media (max-width:640px){.diagcard,.helprow{flex-direction:column;align-items:stretch;text-align:start}.diagcard .btn,.helprow .btn{text-align:center}}

/* ══════════ المنتجات الرقمية (ترحيلة 32): معاينة، مدفوع، مراحل، طلبات جاهزة، مخرجات، مكتبة، مشروعي ══════════ */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-flash{margin:16px 0 0;padding:12px 16px;border-radius:12px;font-weight:600;line-height:1.7;border-inline-start:4px solid var(--gold);background:var(--surface);color:var(--head)}
.site-flash.bad{border-inline-start-color:#B3261E;color:#8C1D18}
.crs-previewbar{margin:14px 0 0;padding:10px 14px;border:1px dashed var(--gold);border-radius:12px;color:var(--head);background:var(--surface);font-weight:600}
.crs-highlight{margin:14px 0 0;padding:13px 16px;border-inline-start:3px solid var(--gold);border-radius:10px;background:var(--surface);font-weight:600;line-height:1.85;max-width:70ch}
.crs-highlight span{color:var(--gold)}
/* فيديو تعريف المنتج (9:16) — بعرضٍ محدودٍ فلا يبتلع الشاشة على الحاسوب */
.crs-video{margin:18px 0 0;max-width:300px}
.crs-video video{width:100%;aspect-ratio:9/16;display:block;border-radius:14px;background:#120A10;border:1px solid var(--edge)}
/* نموذجُ حساب المتعلّم وقائمةُ ما يملكه */
.crs-form{display:flex;flex-direction:column;gap:14px}
.crs-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.crs-form input{padding:10px 12px;border:1px solid var(--edge);border-radius:9px;font:inherit;background:var(--surface, #fff)}
.crs-owned{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:9px}
.crs-owned li{padding:11px 14px;border:1px solid var(--edge);border-radius:10px;background:var(--surface, #fff)}
.crs-cardprice{margin:8px 0 0;font-size:1.08rem}
.crs-cardprice b{color:var(--head, #4B1F3A)}
@media (max-width:640px){.crs-video{max-width:260px;margin-inline:auto}}
.crs-about{max-width:72ch;line-height:1.95;color:var(--mute);margin:0 0 14px}
.crs-paidsoon{margin-top:18px;border:1px solid var(--edge);border-radius:14px;background:var(--surface);padding:16px 18px;display:grid;gap:8px;max-width:640px}
.crs-paidsoon .ps-h{margin:0;font-weight:700}
.crs-paidsoon .ps-p{margin:0;color:var(--mute);line-height:1.85}
.crs-paidsoon .btn{justify-self:start}
.parentbox{margin-top:14px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);padding:14px 16px;line-height:1.9}
.parentbox .pb-h{margin:0 0 4px;font-weight:700;color:var(--olive)}
.parentbox p{margin:0}
.stagestrip{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.stagestrip li{display:flex;align-items:center;gap:6px;border:1px solid var(--edge);border-radius:999px;padding:6px 12px;font-size:.78rem;letter-spacing:.5px;font-weight:600;background:var(--surface)}
.stagestrip li .st-mark{color:var(--mute)}
.stagestrip li.is-done{border-color:var(--olive)}
.stagestrip li.is-done .st-mark{color:var(--olive);font-weight:700}
.u-meta .u-stage{letter-spacing:.5px;font-weight:600;color:var(--gold)}
.toolgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.toolcard{border:1px solid var(--edge);border-radius:14px;background:var(--surface);padding:16px 18px;display:grid;gap:10px;align-content:start}
.toolcard .tc-h{margin:0;font-weight:700}
.toolcard .tc-p{margin:0;color:var(--mute);line-height:1.8}
.toolcard .btn{justify-self:start}
.filelist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.filelist li{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--edge);padding-bottom:7px}
.filelist .fk{font-size:.7rem;letter-spacing:.6px;border:1px solid var(--edge);border-radius:6px;padding:1px 6px;color:var(--mute)}
.pb-msg{margin:0 0 10px;font-weight:700;color:var(--olive);line-height:1.8}
.l-tool{margin:16px 0 0;padding:10px 14px;border:1px solid var(--edge);border-radius:10px;background:var(--surface);line-height:1.8}
.l-tool .lt-k{font-weight:700;color:var(--gold)}
.l-prompt{margin-top:14px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);overflow:hidden}
.lp-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 0}
.lp-top .lt-h{margin:0}
.lp-copy{font-weight:600;min-height:32px;padding:0 6px}
.lp-text{margin:0;padding:10px 14px 14px;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.95rem;line-height:1.9}
.l-output{margin-top:16px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);padding:14px 16px;display:grid;gap:8px}
.l-output .lt-h{margin:0}
.l-output textarea{width:100%}
.lo-hint{margin:0;color:var(--mute);line-height:1.85;font-size:.95rem}
.lo-acts{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.lo-ok{color:var(--olive);font-weight:600}
.crs-done{margin-top:22px;padding-top:18px;border-top:1px solid var(--edge)}
.pcats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.pgroup{margin-bottom:26px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.pcard{border:1px solid var(--edge);border-radius:14px;background:var(--surface);padding:14px 16px;display:grid;gap:8px;align-content:start}
.pc-goal{margin:0;font-weight:700;line-height:1.8;display:flex;gap:8px;align-items:flex-start}
.pc-n{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--edge);font-size:.78rem;color:var(--gold)}
.pcard .l-prompt{margin-top:0;background:transparent}
.pc-meta{margin:0;display:grid;gap:6px}
.pc-meta div{display:grid;gap:2px}
.pc-meta dt{font-size:.75rem;letter-spacing:.3px;color:var(--mute)}
.pc-meta dd{margin:0;line-height:1.8;font-size:.93rem}
.projblock{border:1px solid var(--edge);border-radius:14px;background:var(--surface);padding:16px 18px;margin-bottom:12px;break-inside:avoid}
.projblock.is-empty{opacity:.7}
.pj-stage{margin:0 0 4px;font-size:.75rem;letter-spacing:.6px;color:var(--gold);font-weight:700}
.pj-h{margin:0 0 8px;font-size:1.05rem}
.pj-body{line-height:1.95;white-space:normal}
@media print{.noprint,header,footer,.site-header,.site-footer,.fab,.float-actions{display:none!important}.projblock{border-color:#999;background:#fff}}
@media (max-width:640px){.lp-text{font-size:.9rem}.pgrid,.toolgrid{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════════════════════════════════
   1 أكتوبر 2026 — سؤالٌ واحد وثلاثةُ أبواب، والمساعد، ومسارُ الأفراد
   ═══════════════════════════════════════════════════════════════════════════ */

/* لا عناوينَ إنجليزيّةً صغيرةً فوق الأقسام في الموقع العامّ (اللوحةُ الداخليّة تبقى كما هي) */
body:not(.admin) .eyebrow{display:none}

/* ── الشاشةُ الأولى: داكنةٌ دائماً — أرضٌ باذنجانيّة عميقة بضوءٍ هادئ، لا فيديو ── */
.qhero{
  position:relative; isolation:isolate; overflow:hidden; color:#F3E6EC;
  margin-top:calc(-1 * var(--barh, 70px));
  padding:calc(var(--barh, 70px) + clamp(34px, 7vh, 84px)) 0 clamp(44px, 8vh, 92px);
  background:#1B0F18;
}
.qhero::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:
    radial-gradient(1100px 620px at 88% -12%, rgba(75,31,58,.95), transparent 62%),
    radial-gradient(760px 520px at -6% 108%, rgba(122,95,34,.20), transparent 60%),
    linear-gradient(180deg, #24121F 0%, #1B0F18 70%);
}
.qhero::after{   /* شعرةٌ ذهبيّة تفصل الشاشةَ عمّا بعدها */
  content:""; position:absolute; inset-inline:0; bottom:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(201,179,122,.45), transparent);
}
.qh-wrap{max-width:1180px}
.qh-kick{display:flex; align-items:center; gap:10px; margin:0 0 16px; font-family:var(--disp); font-weight:500; font-size:.95rem; color:#D8C08A}
.qh-kick svg{height:14px; width:auto; display:block}
.qh-h1{color:#F7F3EA; font-weight:600; font-size:clamp(1.55rem, 3.4vw, 2.45rem); line-height:1.42; max-width:24ch}
[dir="ltr"] .qh-h1{max-width:34ch; line-height:1.3}   /* الإنجليزيّةُ أطولُ كلماتٍ: سطران لا أربعة */
.qh-q{display:flex; align-items:center; gap:12px; margin:clamp(26px, 5vh, 44px) 0 18px;
  font-family:var(--disp); font-weight:600; font-size:clamp(1.12rem, 2vw, 1.4rem); color:#E9D8E2}
.qh-q::before{content:""; flex:0 0 28px; height:2px; border-radius:2px; background:#C9B37A}
.qh-doors{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px}
.qh-cell{display:flex}
.qh-door{
  flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:10px; text-align:start;
  padding:24px 22px 22px; border-radius:14px; cursor:pointer; font:inherit; color:#F1E9EE; text-decoration:none;
  background:linear-gradient(180deg, rgba(247,243,234,.075), rgba(247,243,234,.03));
  border:1px solid rgba(247,243,234,.15);
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.qh-door:hover{transform:translateY(-3px); border-color:rgba(201,179,122,.6);
  background:linear-gradient(180deg, rgba(247,243,234,.11), rgba(247,243,234,.045)); box-shadow:0 18px 40px -24px rgba(0,0,0,.65)}
.qh-door:focus-visible{outline:2px solid #C9B37A; outline-offset:3px}
.qh-door .ic{width:46px; height:46px; border-radius:12px; display:grid; place-items:center; flex-shrink:0;
  background:#4B1F3A; color:#F3E6EC; border:1px solid rgba(201,179,122,.38)}
/* **لكلِّ بابٍ لونُه من اللوحة** — فيُعرَف البابُ قبل أن يُقرأ اسمُه، ويُستعمل
   الأزرقُ والبيجُ بعد أن كانا معطَّلين (3 مرّاتٍ ومرّةً واحدةً في الملفّ كلِّه).
   (طلبُ المالك 16 أكتوبر 2026) */
.qh-door[data-door="org"] .ic{background:var(--breeze); border-color:rgba(247,243,234,.42)}
.qh-door[data-door="sys"] .ic{background:var(--olive);  border-color:rgba(247,243,234,.42)}
.qh-door[data-door="ind"] .ic{background:var(--gold);   border-color:rgba(247,243,234,.42)}
/* وحدٌّ علويٌّ رفيعٌ يحمل اللونَ نفسَه، فتُقرأ البطاقةُ كاملةً لا أيقونتُها وحدها */
.qh-door{border-top:3px solid transparent}
.qh-door[data-door="org"]{border-top-color:var(--breeze)}
.qh-door[data-door="sys"]{border-top-color:var(--olive)}
.qh-door[data-door="ind"]{border-top-color:var(--gold)}
.qh-door[data-door="org"]:hover{border-top-color:var(--breeze)}
.qh-door[data-door="sys"]:hover{border-top-color:var(--olive)}
.qh-door[data-door="ind"]:hover{border-top-color:var(--gold)}
.qh-door .ic svg{width:24px; height:24px}
.qh-door .t{font-family:var(--disp); font-weight:600; font-size:1.14rem; line-height:1.5; color:#F7F3EA}
.qh-door .p{flex:1; font-size:.94rem; line-height:1.8; color:#CDBDC6}
.qh-door .go{display:inline-flex; align-items:center; gap:8px; margin-top:6px; padding:10px 18px; border-radius:999px;
  background:#F7F3EA; color:#4B1F3A; font-weight:600; font-size:.93rem; line-height:1.4; transition:background .18s}
.qh-door:hover .go{background:#FFFFFF}
.qh-more{margin:18px 0 0; max-width:none}            /* سطرُ المنتجات الرقمية تحت الأبواب — لا بابٌ رابع */
.qh-more .lnk{color:#E9D8E2; font-weight:500; text-decoration:none; border-bottom:1px solid rgba(201,179,122,.5); padding-bottom:2px}
.qh-more .lnk:hover{color:#F7F3EA; border-bottom-color:#C9B37A}
.qh-more .lnk:focus-visible{outline:2px solid #C9B37A; outline-offset:3px}
@media (max-width:920px){
  .qh-doors{grid-template-columns:1fr; gap:12px}
  .qh-door{display:grid; grid-template-columns:46px 1fr; column-gap:14px; row-gap:6px; padding:18px 18px 18px}
  .qh-door .ic{grid-row:1 / span 2}
  .qh-door .p{grid-column:2}
  .qh-door .go{grid-column:1 / -1; justify-self:stretch; justify-content:center; margin-top:8px}
}
@media (prefers-reduced-motion: reduce){ .qh-door, .qh-door:hover{transition:none; transform:none} }

/* من أعمالنا في الرئيسيّة: العنوانُ ورابطُ «كل المشاريع» في سطرٍ واحد */
.hm-shead{display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap}

/* ── زرُّ المساعد الدائم: حبّةٌ صغيرة بالنصّ على الحاسوب، وبكلمةٍ واحدة على الجوّال ── */
.floaters .asb{
  display:inline-flex; align-items:center; gap:8px; height:52px; padding:0 18px 0 16px; border-radius:999px; border:0; cursor:pointer;
  background:var(--head); color:#F7F3EA; font:inherit; font-weight:600; font-size:.9rem;
  box-shadow:0 8px 24px rgba(43,21,32,.28); transition:transform .16s;
}
.floaters .asb:hover{transform:translateY(-2px)}
.floaters .asb svg{width:22px; height:22px; flex-shrink:0}
.floaters .asb .sm{display:none}
:root[data-theme="dark"] .floaters .asb{background:#E9D8E2; color:#2A1520}
@media (max-width:700px){
  .floaters .asb{height:48px; padding:0 14px 0 12px; font-size:.86rem}
  .floaters .asb .lg{display:none}
  .floaters .asb .sm{display:inline}
}

/* ── لوحةُ المساعد: على نمط لوحة التواصل — ورقةٌ سفليّة على الجوّال ونافذةٌ وسطى على الحاسوب ── */
.assheet{position:fixed; inset:0; z-index:91; display:none}
.assheet[data-open="1"]{display:block}
.assheet .scrim{position:absolute; inset:0; background:rgba(30,14,24,.48)}
.asbox{position:absolute; bottom:0; inset-inline:0; margin:0 auto; width:min(520px, 100%); max-height:92vh; overflow:auto;
  background:var(--ivory); border-radius:16px 16px 0 0; padding:22px 24px 26px; box-shadow:0 -20px 60px rgba(0,0,0,.25)}
@media (min-width:700px){ .asbox{bottom:auto; top:50%; transform:translateY(-50%); border-radius:14px} }
.ashead{display:flex; align-items:center; gap:12px; margin-bottom:6px}
.ashead h2{flex:1; font-size:1.15rem}
.asq{font-family:var(--disp); font-weight:600; color:var(--head); font-size:1.02rem; margin:12px 0 12px}
.asopts{display:grid; gap:10px}
.asopt{display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; text-align:start; cursor:pointer;
  padding:14px 16px; border-radius:10px; border:1px solid var(--edge); background:var(--surface); color:var(--ink);
  font:inherit; font-weight:500; font-size:.95rem; line-height:1.6; transition:border-color .16s, transform .16s}
.asopt:hover{border-color:var(--gold); transform:translateY(-1px)}
.asopt:focus-visible{outline:2px solid var(--gold); outline-offset:2px}
.asopt > span:last-child{color:var(--gold); flex-shrink:0}
.ask{margin:10px 0 2px; font-size:.84rem; color:var(--gold); font-weight:600}
.ast{font-size:1.15rem; margin:0 0 6px}
.asp{color:var(--mute); font-size:.94rem; margin:0 0 14px}
.asact .btn{width:100%; justify-content:center}
.asmore{margin:14px 0 0; font-size:.88rem; color:var(--faint); display:flex; gap:6px; flex-wrap:wrap; align-items:center}
.asmore .lnk{background:none; border:0; border-bottom:1px solid var(--edge); padding:0; cursor:pointer; font:inherit; font-size:.88rem; color:var(--head)}

/* ── مسارُ الأفراد /individuals/ ── */
.inhead h1{max-width:22ch}
.ingrid{display:grid; gap:16px; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}
.ingrid-1{grid-template-columns:minmax(0, 520px)}
.incell{display:flex}
.incard{
  flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:10px; text-align:start; cursor:pointer;
  padding:24px 22px 22px; border-radius:14px; border:1px solid var(--edge); background:var(--surface);
  color:var(--ink); font:inherit; text-decoration:none; transition:transform .18s, border-color .18s, box-shadow .18s;
}
.incard:hover{transform:translateY(-3px); border-color:var(--gold); box-shadow:0 18px 40px -26px rgba(42,21,32,.45)}
.incard:focus-visible{outline:2px solid var(--gold); outline-offset:3px}
.incard .ic{width:46px; height:46px; border-radius:12px; display:grid; place-items:center; background:var(--head); color:#F3E6EC}
.incard .ic svg{width:24px; height:24px}
.incard .t{font-family:var(--disp); font-weight:600; font-size:1.12rem; color:var(--head); line-height:1.5}
.incard .p{flex:1; color:var(--mute); font-size:.94rem; line-height:1.8}
.incard .go{display:inline-flex; align-items:center; gap:8px; margin-top:6px; padding:10px 18px; border-radius:999px;
  background:var(--head); color:#F7F3EA; font-weight:600; font-size:.93rem}
:root[data-theme="dark"] .incard .ic{background:#4B1F3A}
:root[data-theme="dark"] .incard .go{background:#E9D8E2; color:#2A1520}
.innotsure{margin:22px 0 0; color:var(--mute); font-size:.95rem; display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.innotsure .lnk{background:none; border:0; border-bottom:1px solid var(--edge); padding:0; cursor:pointer; font:inherit; color:var(--head)}
@media (prefers-reduced-motion: reduce){ .incard, .incard:hover{transition:none; transform:none} }

/* ── سوقُ الوصفات /cook/ وطلبُ الانضمام /cook/join/ (1 أكتوبر 2026) ── */
.mkcrumb{margin:0 0 10px; font-size:.86rem; color:var(--faint); display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.mkcrumb a{color:var(--head); text-decoration:none; border-bottom:1px solid var(--edge)}
.mkcrumb a:hover{border-bottom-color:var(--gold)}
.mkhead h1{max-width:24ch}
.mkchefs{padding-bottom:clamp(26px,4vw,44px)}
.mknone{color:var(--mute)}
.mkgrid{display:grid; gap:18px; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))}
.mkcell{display:flex}
.mkchef{flex:1; display:flex; flex-direction:column; border:1px solid var(--edge); border-radius:16px; overflow:hidden; background:var(--surface);
  color:var(--ink); text-decoration:none; transition:transform .18s, border-color .18s, box-shadow .18s}
.mkchef:hover{transform:translateY(-3px); border-color:var(--gold); box-shadow:0 20px 44px -28px rgba(42,21,32,.5)}
.mkchef:focus-visible{outline:2px solid var(--gold); outline-offset:3px}
.mkph{display:block; aspect-ratio:4/3; background:#EFE6D6; overflow:hidden}
.mkph img{width:100%; height:100%; object-fit:cover; object-position:50% 22%}
.mkph.is-logo{display:grid; place-items:center}
.mkph.is-logo img{width:38%; height:auto; object-fit:contain}
.mkbody{display:flex; flex-direction:column; gap:6px; padding:18px 20px 20px; flex:1}
.mkst{align-self:flex-start; font-size:.74rem; color:var(--danger); border:1px solid currentColor; border-radius:999px; padding:1px 10px}
.mkstore{font-family:var(--disp); font-weight:600; font-size:1.2rem; color:var(--head); line-height:1.45}
.mkname{display:flex; align-items:center; gap:8px; color:var(--mute); font-size:.92rem}
.mklogo{width:26px; height:26px; border-radius:50%; overflow:hidden; background:#FFF; border:1px solid var(--edge); flex-shrink:0; display:grid; place-items:center}
.mklogo img{width:100%; height:100%; object-fit:contain}
.mktag{color:var(--mute); font-size:.93rem; line-height:1.8}
.mkmeta{color:var(--faint); font-size:.86rem; font-variant-numeric:tabular-nums; margin-top:auto; padding-top:4px}
.mkchef .go{align-self:flex-start; display:inline-flex; align-items:center; gap:8px; margin-top:8px; padding:10px 18px; border-radius:999px;
  background:var(--head); color:#F7F3EA; font-weight:600; font-size:.93rem}
/* متجرٌ واحد: البطاقةُ أفقيّة على الشاشة الواسعة بدل عمودٍ ضيّق */
@media (min-width:760px){
  .mkgrid-1{grid-template-columns:minmax(0, 860px)}
  .mkgrid-1 .mkchef{flex-direction:row}
  .mkgrid-1 .mkph{aspect-ratio:auto; width:42%; min-height:300px}
  .mkgrid-1 .mkbody{justify-content:center; padding:28px 30px}
  .mkgrid-1 .mkstore{font-size:1.5rem}
  .mkgrid-1 .mkmeta{margin-top:6px}
}
.mkhow{padding:clamp(26px,4vw,44px) 0; border-top:1px solid var(--edge)}
.mksteps{list-style:none; margin:14px 0 0; padding:0; display:grid; gap:16px; grid-template-columns:repeat(3, minmax(0, 1fr))}
.mksteps li{display:grid; grid-template-columns:auto 1fr; gap:4px 12px; align-items:start; align-content:start}
.mksteps .n{grid-row:span 2; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:var(--head); color:#F7F3EA;
  font-family:var(--lat); font-weight:500; font-size:.95rem}
.mksteps .t{font-family:var(--disp); font-weight:600; color:var(--head)}
.mksteps .p{color:var(--mute); font-size:.93rem; line-height:1.8}
.mksteps-v{grid-template-columns:1fr; gap:10px}
.mksteps-v li{align-items:center}
.mksteps-v .n{grid-row:auto; width:30px; height:30px; font-size:.86rem}
.mkjoin{padding:clamp(8px,2vw,16px) 0 clamp(40px,6vw,70px)}
.mkjoinbox{display:flex; gap:22px; align-items:center; justify-content:space-between; flex-wrap:wrap; border-radius:18px; padding:clamp(24px,4vw,40px);
  background:radial-gradient(120% 140% at 0% 0%, #5A2747 0%, #2A1520 62%); color:#F3E6EC}
.mkjoinbox h2{color:#FFF; margin:0 0 6px}
.mkjoinbox p{margin:0; max-width:62ch; color:#E2D0DA}
.mkjoinbox .btn{background:#F3E6EC; color:#2A1520}
.mkjoinbox .btn:hover{background:#FFF}
/* طلبُ الانضمام */
.mjwrap{padding-bottom:clamp(40px,6vw,70px)}
.mjgrid{display:grid; gap:clamp(22px,4vw,48px); grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); align-items:start}
.mjget{margin:12px 0 26px; padding:0; list-style:none; display:grid; gap:10px}
.mjget li{position:relative; padding-inline-start:26px; color:var(--ink); line-height:1.8}
.mjget li::before{content:""; position:absolute; inset-inline-start:2px; top:.55em; width:12px; height:6px; border-left:2px solid var(--olive); border-bottom:2px solid var(--olive); transform:rotate(-45deg)}   /* ✓ بحدودٍ فيزيائيّة: العلامةُ واحدةٌ في الاتجاهين */
.mjcard{border:1px solid var(--edge); border-radius:16px; background:var(--surface); padding:clamp(20px,3vw,30px); scroll-margin-top:90px}
.mjcard h2{margin:0 0 14px; font-size:1.3rem}
.mjform input[type=text],.mjform input[type=url],.mjform textarea{width:100%; background:var(--ivory); border:1px solid var(--edge); border-radius:3px; padding:10px 13px; font:inherit; font-size:.95rem; color:var(--ink)}
.mjform input[type=tel],.mjform input[type=email]{background:var(--ivory)}
.mjform input:focus,.mjform textarea:focus{outline:2px solid var(--gold); outline-offset:1px; border-color:transparent}
.mj2{display:grid; gap:0 14px; grid-template-columns:1fr 1fr}
.mjset{border:0; padding:0; margin:0 0 15px}
.mjset legend{font-size:.86rem; margin-bottom:8px; padding:0; color:var(--ink); font-weight:500}
.mjopts{display:flex; gap:8px; flex-wrap:wrap}
.mjopt{position:relative; cursor:pointer}
.mjopt input{position:absolute; opacity:0; width:1px; height:1px}
.mjopt span{display:inline-block; padding:8px 14px; border:1px solid var(--edge); border-radius:999px; font-size:.9rem; font-weight:400; color:var(--ink); background:var(--ivory); transition:border-color .15s, background .15s}
.mjopt input:checked + span{border-color:var(--head); background:var(--head); color:#F7F3EA}
.mjopt input:focus-visible + span{outline:2px solid var(--gold); outline-offset:2px}
.mjconsent{display:flex; gap:10px; align-items:flex-start; font-size:.9rem; font-weight:400; color:var(--mute); margin:4px 0 16px; cursor:pointer}
.mjconsent input{margin-top:6px; accent-color:var(--head)}
.mjconsent a{color:var(--head)}
.mjsend{width:100%}
.mjerr{margin:0 0 14px; padding:10px 14px; border-radius:8px; background:#F8E7EA; color:#7E2236; border:1px solid #EBC5CD; font-size:.92rem}
.mjdone{text-align:center; padding:12px 0}
.mjdone .ic{width:54px; height:54px; border-radius:50%; display:grid; place-items:center; margin:0 auto 12px; background:var(--olive); color:#FFF}
.mjdone .ic svg{width:28px; height:28px}
.mjdone p{color:var(--mute)}
:root[data-theme="dark"] .mkph{background:#2A1F2C}
:root[data-theme="dark"] .mkchef .go,:root[data-theme="dark"] .mksteps .n{background:#E9D8E2; color:#2A1520}
:root[data-theme="dark"] .mjopt input:checked + span{background:#E9D8E2; border-color:#E9D8E2; color:#2A1520}
:root[data-theme="dark"] .mjerr{background:#3A1E26; border-color:#5A2A36; color:#F4C6CF}
:root[data-theme="dark"] .mkjoinbox{background:radial-gradient(120% 140% at 0% 0%, #4B1F3A 0%, #211722 70%); border:1px solid var(--edge)}
@media (max-width:860px){
  .mjgrid{grid-template-columns:1fr}
  .mksteps{grid-template-columns:1fr}
}
@media (max-width:520px){ .mj2{grid-template-columns:1fr} .mkjoinbox .btn{width:100%} }
@media (prefers-reduced-motion: reduce){ .mkchef, .mkchef:hover{transition:none; transform:none} }

/* رحلةُ شراء النظام: أربعُ خطواتٍ معلنةٌ قبل الدفع — جرّب ← اختر ← ادفع ← استلم (4 أكتوبر 2026) */
.sysjourney{list-style:none;counter-reset:sj;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 0;padding:0}
.sysjourney li{counter-increment:sj;position:relative;padding:14px 16px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);display:grid;gap:4px;align-content:start}
.sysjourney li::before{content:counter(sj);font-family:var(--lat);font-size:.74rem;font-weight:700;color:var(--gold);letter-spacing:.06em}
.sysjourney b{font-family:var(--disp);font-size:.98rem;color:var(--head);line-height:1.4}
.sysjourney span{font-size:.84rem;color:var(--mute);line-height:1.6}
@media (max-width:860px){.sysjourney{grid-template-columns:repeat(2,1fr)}}
@media (max-width:460px){.sysjourney{grid-template-columns:1fr}}
.mysr-form input{direction:ltr;text-align:left}

/* إقرارُ ما قبل الدفع — واضحٌ بلا ترهيب. فقرةٌ قانونيةٌ مخيفةٌ قبل الدفع تُسقط
   مبيعاتٍ أكثرَ مما تمنع استرجاعات، فسطرٌ واحدٌ مقروءٌ وصندوقٌ هادئ. (15 أكتوبر 2026) */
.crs-consent{margin:14px 0 0;padding:16px;border:1px solid var(--edge);border-radius:12px;background:var(--surface)}
.crs-agree{display:flex;gap:10px;align-items:flex-start;cursor:pointer;line-height:1.75}
.crs-agree input{margin-top:.35em;width:18px;height:18px;flex:0 0 auto;accent-color:var(--gold)}
.crs-agree span{font-weight:500}

/* شريطُ الحساب — الانسدالُ بـ<details> فيعمل بلا جافاسكربت، والاتجاهُ يتبع الصفحة
   فلا تخرج اللوحةُ من حافّة الشاشة في العربية ولا في الإنجليزية. (15 أكتوبر 2026) */
.acct{position:relative}
.acct>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  padding:5px 10px;border-radius:999px;border:1px solid var(--edge);background:var(--surface);
  font-weight:600;font-size:.88rem;user-select:none}
.acct>summary::-webkit-details-marker{display:none}
.acct>summary:hover{border-color:var(--gold)}
.acct-ava{width:24px;height:24px;border-radius:50%;background:var(--gold);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;flex:0 0 auto}
.acct-nm{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-pop{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:60;min-width:270px;max-width:min(330px,92vw);
  background:var(--surface);border:1px solid var(--edge);border-radius:14px;padding:10px;
  box-shadow:0 14px 38px rgba(0,0,0,.14)}
.acct-h{margin:2px 6px 8px;font-size:.76rem;font-weight:700;letter-spacing:.04em;opacity:.65}
.acct-item{display:flex;justify-content:space-between;gap:12px;align-items:baseline;
  padding:8px 10px;border-radius:9px;text-decoration:none;color:inherit}
.acct-item:hover{background:rgba(0,0,0,.05)}
.acct-t{font-weight:600;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-p{font-size:.76rem;opacity:.7;white-space:nowrap;flex:0 0 auto}
.acct-item.is-done .acct-p{color:#1B5E20;opacity:1;font-weight:600}
.acct-empty{margin:4px 10px 10px;font-size:.84rem;opacity:.7}
.acct-link{display:block;width:100%;text-align:start;padding:9px 10px;margin-top:4px;border:0;background:none;
  border-top:1px solid var(--edge);font:inherit;font-size:.86rem;color:inherit;text-decoration:none;cursor:pointer;border-radius:0}
.acct-link:hover{background:rgba(0,0,0,.05)}
.acct-out{color:#8C1D18}
.acct-in{font-size:.88rem;font-weight:600;text-decoration:none;color:inherit;padding:5px 10px;
  border-radius:999px;border:1px solid var(--edge)}
.acct-in:hover{border-color:var(--gold)}
@media (max-width:860px){ .acct-nm{display:none} .acct-in{padding:5px 9px} }

/* اللوحةُ على الجوال كانت تخرج من حافّة الشاشة: مثبّتةٌ بحافّتها على زرِّ الحساب،
   والزرُّ قريبٌ من الحافّة، فتمتدُّ 270 بكسلاً خارج الشاشة — قِسناه 71 بكسلاً خارجةً
   على عرض 375، والصفحةُ لا تمرّر أفقيّاً فـ«حسابي» و«خروج» مقصوصةٌ لا تُضغط.
   فصارت على الجوال **لوحةً سفليّةً** بعرض الشاشة: لا حافّةَ تخرج منها، ولا حسابَ
   لارتفاع الشريط. (15 أكتوبر 2026) */
@media (max-width:640px){
  /* وفخٌّ هنا: الشريطُ عليه backdrop-filter، وهو يجعله **المرجعَ** لكلِّ ما فيه
     position:fixed — لا النافذة. فـ«أسفل 10» صارت أسفلَ الشريط لا أسفلَ الشاشة،
     وطارت اللوحةُ إلى 199 بكسلاً فوق أعلى الشاشة. فنثبّتها من أعلى الشريط نزولاً. */
  .acct-pop{position:fixed;inset:calc(100% + 8px) 10px auto 10px;width:auto;min-width:0;max-width:none;
    max-height:70vh;overflow-y:auto;border-radius:16px;padding:12px;
    box-shadow:0 16px 44px rgba(0,0,0,.22)}
  .acct-t{white-space:normal;overflow:visible;line-height:1.55}
  .acct-item{align-items:flex-start}
  .acct-link{padding:11px 10px}
}

/* ─────────────────────────────────────────────────────────────────────────
   كودُ الخصم على صفحة الدفع — بُني المنطقُ في 15 أكتوبر 2026 ولم يُكتَب له
   مظهرٌ أصلاً، فكان المربّعُ يظهر عارياً بلا إطارٍ ولا ترتيب. (15 أكتوبر 2026)
   ───────────────────────────────────────────────────────────────────────── */
.aff-box{margin:14px 0 0;padding:14px 16px;border:1px dashed var(--edge);border-radius:12px;background:var(--surface)}
.aff-box>label{display:block;margin:0 0 8px;font-weight:600;font-size:.92rem}
.aff-row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.aff-row input{flex:1 1 170px;min-width:0;padding:9px 12px;border:1px solid var(--edge);
  border-radius:9px;background:var(--surface);color:inherit;font:inherit;letter-spacing:.08em;text-transform:uppercase}
.aff-row input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.aff-row .btn{flex:0 0 auto}

/* تفصيلُ السعر: المعلنُ ثمّ الخصمُ ثمّ المدفوع — الأرقامُ تُصفُّ بعرضٍ واحد
   فتُقرأ عموداً، والمدفوعُ وحده بخطٍّ فوقه وبوزنٍ أثقل. */
.aff-sum{margin:12px 0 0;padding:12px 14px;border:1px solid var(--edge);border-radius:12px;background:var(--surface)}
.aff-sum p{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin:0 0 6px;font-size:.95rem}
.aff-sum p:last-child{margin-bottom:0}
.aff-sum b{font-variant-numeric:tabular-nums}
.aff-sum .is-off{color:#2F7A4D}
.aff-sum .is-tot{margin-top:8px;padding-top:9px;border-top:1px solid var(--edge);font-weight:700}

/* مصدرُ الخصم حين يأتي من رابطٍ لا من كودٍ مكتوب — يُعلَن ومعه زرُّ إزالة. */
.aff-src{margin:12px 0 0;padding:11px 14px;border:1px solid var(--edge);border-inline-start:3px solid var(--gold);
  border-radius:10px;background:var(--surface);display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.aff-src p{margin:0;font-size:.92rem;line-height:1.7}
.aff-src form{margin:0}

/* لوحُ فحص الدفع — للفريق وحده، ولا يراه مشترٍ أبداً. */
.crs-diag{margin:12px 0 0;border:1px solid var(--edge);border-radius:10px;background:rgba(0,0,0,.025);font-size:.84rem}
.crs-diag>summary{cursor:pointer;padding:9px 13px;font-weight:600;user-select:none}
.crs-diag dl{margin:0;padding:0 13px 12px;display:grid;grid-template-columns:minmax(9ch,auto) 1fr;gap:5px 12px}
.crs-diag dt{font-weight:600;opacity:.72}
.crs-diag dd{margin:0;font-family:var(--mono,ui-monospace,Menlo,Consolas,monospace);word-break:break-word}

/* قائمةُ طلبات المشتري: كانت سطراً واحداً تفصله شرطات، وصار فيه الآن زرُّ استرجاع
   وسببُ منعه — فلزمها بطاقةٌ تُقرأ على الجوال. (15 أكتوبر 2026) */
.crs-orders{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.crs-orders>li{border:1px solid var(--edge);border-radius:12px;padding:12px 14px;background:var(--surface)}
.crs-orders .ord-h{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
.crs-orders .ord-s{font-size:.78rem;font-weight:600;border:1px solid var(--edge);border-radius:999px;padding:2px 10px;flex:0 0 auto}
.crs-orders .ord-m{margin:6px 0 0;font-size:.86rem;color:var(--mute);font-variant-numeric:tabular-nums}
.crs-orders .ord-f{margin:10px 0 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.crs-orders .ord-w{font-size:.78rem;color:var(--mute)}
.crs-orders .ord-r{margin:9px 0 0;font-size:.84rem;color:var(--mute);border-inline-start:3px solid var(--edge);padding-inline-start:10px}

/* سؤالُ نوع الفاتورة قبل الدفع — المبسّطةُ للأفراد والضريبيّةُ للمنشآت.
   الخياران بطاقتان لا زرّان صغيران: الفرقُ بينهما مالٌ عند المشتري. (15 أكتوبر 2026) */
.inv-kind{margin:0 0 16px;padding:14px 16px;border:1px solid var(--edge);border-radius:12px;background:var(--surface)}
.inv-kind .ik-q{margin:0 0 10px;font-weight:600;font-size:.95rem}
.inv-kind .ik-o{display:flex;gap:10px;align-items:flex-start;cursor:pointer;padding:9px 10px;border-radius:9px;line-height:1.7}
.inv-kind .ik-o:hover{background:rgba(0,0,0,.035)}
.inv-kind .ik-o input{margin-top:.4em;width:17px;height:17px;flex:0 0 auto;accent-color:var(--gold)}
.inv-kind .ik-o b{display:block;font-size:.92rem}
.inv-kind .ik-o i{display:block;font-style:normal;font-size:.82rem;color:var(--mute);line-height:1.65}
.inv-kind .ik-fields{display:grid;gap:10px;margin:10px 2px 2px;padding-top:12px;border-top:1px dashed var(--edge)}
.inv-kind .ik-fields label{display:block;font-size:.86rem;font-weight:600}
.inv-kind .ik-fields input{display:block;width:100%;margin-top:5px;padding:9px 12px;font:inherit;font-weight:400;
  border:1px solid var(--edge);border-radius:9px;background:var(--surface);color:inherit}
.inv-kind .ik-fields input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}

/* الإجماليُّ فوق زرّ الدفع في شراء الأنظمة — يتحرّك مع الخيار والفروع والتركيب.
   كان المشتري يضغط «ادفع» وهو لا يعرف كم سيدفع. (16 أكتوبر 2026) */
.sys-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  margin:4px 0 12px;padding:12px 16px;border:1px solid var(--edge);border-radius:12px;
  background:var(--surface);font-size:1.02rem}
.sys-total span{font-weight:600}
.sys-total b{font-size:1.2rem;font-variant-numeric:tabular-nums;color:var(--head,#4B1F3A)}

/* ═══════════ روحُ اللوحة في الشبكتين (16 أكتوبر 2026) ═══════════
   طلبُ المالك: «أبدع في الإطارات بالألوان المعتمدة» و«بطاقاتُ المنتجات حجمُها
   كبيرٌ يضطرّ العميل ينزل كثيراً». */

/* ── ١ · شبكةُ الأنظمة: لكلِّ عائلةِ نشاطٍ لونُها ──
   سبعةَ عشرَ نشاطاً كلُّها ببطاقةٍ واحدةٍ بيضاءَ وأيقونةٍ وردية — فالعينُ لا تميّز،
   والعميلُ يقرأ الثمانيةَ عشرَ ليجد نشاطه. فجُمعت في خمس عائلاتٍ بخمسة ألوان:
   جمالٌ · صحةٌ · ضيافةٌ وأماكنُ · تواصلٌ · إدارةٌ وتشغيل. */
.pfact{border-top:3px solid var(--edge); transition:border-color .16s, transform .16s, box-shadow .16s}
.pfact:hover{transform:translateY(-2px); box-shadow:0 10px 26px -18px rgba(0,0,0,.4)}
.pfact .ic{transition:background .16s, color .16s}

.pfact[data-a="barber"],.pfact[data-a="salon"],.pfact[data-a="makeup"]{border-top-color:var(--gold)}
.pfact[data-a="barber"] .ic,.pfact[data-a="salon"] .ic,.pfact[data-a="makeup"] .ic{background:var(--gold-wash);color:var(--gold)}

.pfact[data-a="clinic"],.pfact[data-a="pharmacy"]{border-top-color:var(--olive)}
.pfact[data-a="clinic"] .ic,.pfact[data-a="pharmacy"] .ic{background:var(--olive-wash);color:var(--olive)}

.pfact[data-a="restaurant"],.pfact[data-a="halls"],.pfact[data-a="sports"],.pfact[data-a="property"]{border-top-color:var(--head)}
.pfact[data-a="restaurant"] .ic,.pfact[data-a="halls"] .ic,.pfact[data-a="sports"] .ic,.pfact[data-a="property"] .ic{background:#F0E7EC;color:var(--head)}

.pfact[data-a="signage"],.pfact[data-a="whatsapp-bot"],.pfact[data-a="contact-center"]{border-top-color:var(--breeze)}
.pfact[data-a="signage"] .ic,.pfact[data-a="whatsapp-bot"] .ic,.pfact[data-a="contact-center"] .ic{background:var(--breeze-wash);color:var(--breeze)}

.pfact[data-a="finance"],.pfact[data-a="hr"],.pfact[data-a="inventory"],.pfact[data-a="commerce"],.pfact[data-a="maintenance"]{border-top-color:var(--impact)}
.pfact[data-a="finance"] .ic,.pfact[data-a="hr"] .ic,.pfact[data-a="inventory"] .ic,.pfact[data-a="commerce"] .ic,.pfact[data-a="maintenance"] .ic{background:var(--taupe-wash);color:#6E6248}

/* والمختارُ يمتلئ بلونه هو، لا بالباذنجانيّ العامّ */
.pfact.on{border-color:currentColor}
.pfact.on .ic{filter:none}
.pfact[data-a="barber"].on .ic,.pfact[data-a="salon"].on .ic,.pfact[data-a="makeup"].on .ic{background:var(--gold);color:var(--ivory)}
.pfact[data-a="clinic"].on .ic,.pfact[data-a="pharmacy"].on .ic{background:var(--olive);color:var(--ivory)}
.pfact[data-a="signage"].on .ic,.pfact[data-a="whatsapp-bot"].on .ic,.pfact[data-a="contact-center"].on .ic{background:var(--breeze);color:var(--ivory)}
.pfact[data-a="finance"].on .ic,.pfact[data-a="hr"].on .ic,.pfact[data-a="inventory"].on .ic,.pfact[data-a="commerce"].on .ic,.pfact[data-a="maintenance"].on .ic{background:var(--impact);color:var(--ivory)}

/* ── ٢ · بطاقةُ المنتج الرقميّ: أقصر، وملوّنةٌ بحرف كودها ──
   كانت القائمةُ النقطيّةُ ثماني أسطرٍ والمعلوماتُ فقرةً ثالثة. صارت وسوماً وشارات. */
.tier{display:flex;flex-direction:column;gap:9px;padding:16px 18px 15px;border-radius:12px;border-top-width:3px;border-top-style:solid;border-top-color:var(--gold)}
.tier[data-fam="b"]{border-top-color:var(--breeze)}
.tier[data-fam="c"]{border-top-color:var(--olive)}
.tier[data-fam="s"]{border-top-color:var(--head)}

.tier .tier-top{display:flex;align-items:center;gap:8px;margin:0}
.tier .lat{margin:0;font-size:.72rem;letter-spacing:.16em}
.tier[data-fam="b"] .lat{color:var(--breeze)}
.tier[data-fam="c"] .lat{color:var(--olive)}
.tier[data-fam="s"] .lat{color:var(--head)}
.tier .tier-free{font-size:.7rem;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--olive-wash);color:var(--olive)}

.tier h3{font-size:1.1rem;margin:0;line-height:1.55}
/* سطران للوعد لا أكثر: بطاقاتُ الصفِّ الواحد تتساوى، فلا يتعرّج الصفّ. */
.tier .tier-pitch{font-size:.88rem;line-height:1.7;margin:0;color:var(--mute);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}


/* البنودُ وسوماً في سطرين بدل ثماني أسطرٍ نقطيّة */
/* سطرُ المخرجات: **بلا قصٍّ إطلاقاً** — يقول العددَ وأوّلَ مخرجٍ وحده، فيتّسع له
   السطران دائماً. والقصُّ المتعدّد هو ما أنتج الجملةَ المبتورة. (16 أكتوبر 2026) */
.tier .tier-out{margin:0;font-size:.82rem;line-height:1.75;color:var(--mute);
  border-inline-start:2px solid var(--plum-edge,rgba(107,51,82,.28));padding-inline-start:10px}
.tier .tier-out b{color:var(--head);font-weight:700}

/* المستوى والمدّةُ شاراتٌ في صفّ */
.tier .tier-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.tier .tier-meta span{font-size:.74rem;padding:2px 9px;border-radius:999px;background:var(--edge-2);color:var(--mute)}

.tier .crs-cardprice{margin:auto 0 0;padding-top:10px;border-top:1px solid var(--edge);
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.tier .crs-cardprice b{font-size:1.08rem;color:var(--head);font-variant-numeric:tabular-nums}

/* ═══════════ العناوين البارزة — ثلاثُ درجات (اعتمادُ المالك 16 أكتوبر 2026) ═══════════

   طلبَ حروفاً بارزةً كالتي في صورة «THE MOWJ COLLECTION». وتلك **تصييرٌ ثلاثيُّ
   الأبعاد** لا كتابةٌ في متصفّح، والمتصفّحُ يقاربها ولا يطابقها.

   **والقياسُ قلب الطلب:** ذهبٌ معدنيٌّ على أرضٍ عاجيّة ترسب ثلاثٌ من أربعِ درجاته
   (اللمعة عند 1.86 تصير شبحاً). وصورتُه ذهبٌ على بنّيٍّ داكن — هناك يعمل.
   فصار لكلِّ أرضٍ معدنُها:

     ② نقشٌ خفيف  — ظلالٌ فقط واللونُ صُلب، فالتباينُ لا يتغيّر إطلاقاً
     ③ معدنٌ داكن — تدرّجٌ باذنجانيٌّ كلُّ درجاته 7.2 ← 12.19 على العاج
     ④ ذهبٌ معدنيّ — للأرض الداكنة وحدها: اللمعة 4.60 والذروة 6.74

   **ولم يُوضَع الذهبُ على شريط الأنظمة الزيتونيّ:** قِيس فرسب (1.45 · 3.48).
   ولا على الرسائل التي تُقرأ — الذهبُ لسطر العلامة، والوضوحُ للرسالة. */

/* ② نقشٌ خفيف: عناوينُ الأقسام الداخليّة */
.shead h2, .h2s, .tier h3{
  text-shadow:0 1px 0 rgba(255,255,255,.8), 0 -1px 0 rgba(43,21,34,.18), 0 2px 3px rgba(75,31,58,.11);
}

/* ③ معدنٌ داكن: عنوانُ الصفحة على العاج */
.pagehead h1{color:var(--head)}
@supports (-webkit-background-clip:text) or (background-clip:text){
  .pagehead h1{
    background:linear-gradient(170deg,#7A3C5E 0%,#6B3352 38%,#4B1F3A 72%,#5E2A47 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
    /* **ولا يُضبط `color:transparent`:** لو ضُبط صار اللونُ الاحتياطيّ شفّافاً،
       فالحارسُ الذي يعيد `currentColor` يعيد الشفافيّةَ نفسَها — ويختفي العنوان.
       كشفه اختباري قبل الرفع. فيبقى اللونُ صُلباً تحت التدرّج. (16 أكتوبر 2026) */
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.72)) drop-shadow(0 2px 3px rgba(75,31,58,.18));
  }
}

/* ④ ذهبٌ معدنيّ: عناوينُ الأشرطة الداكنة.
   و`.slogan` مذكورةٌ معها لأنّ شريطَ العلامة لا يُرسَم في أيّ صفحةٍ اليوم —
   قاعدةٌ جاهزةٌ متى عاد، ولا أثرَ لها الآن. (16 أكتوبر 2026) */
.slogan, .bandcta h2, .xraycta h2{color:var(--gold-lite)}
@supports (-webkit-background-clip:text) or (background-clip:text){
  .slogan, .bandcta h2, .xraycta h2{
    background:linear-gradient(168deg,#8A6C2C 0%,#C9B37A 26%,#E8D9AE 44%,#B59A5C 62%,#8A6C2C 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
    /* **ولا يُضبط `color:transparent`:** لو ضُبط صار اللونُ الاحتياطيّ شفّافاً،
       فالحارسُ الذي يعيد `currentColor` يعيد الشفافيّةَ نفسَها — ويختفي العنوان.
       كشفه اختباري قبل الرفع. فيبقى اللونُ صُلباً تحت التدرّج. (16 أكتوبر 2026) */
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.36)) drop-shadow(0 3px 6px rgba(0,0,0,.28));
  }
}

/* عنوانُ الصدارة على الأرض الداكنة: لمعةٌ عاجيّةٌ لا ذهبيّة —
   كلُّ درجاتها فاتحةٌ على داكن، فالوضوحُ أعلى من الذهب والرسالةُ تُقرأ. */
.qh-h1{color:#F7F3EA}
@supports (-webkit-background-clip:text) or (background-clip:text){
  .qh-h1{
    background:linear-gradient(172deg,#FFFFFF 0%,#F7F3EA 34%,#EADCC4 70%,#F7F3EA 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
    /* **ولا يُضبط `color:transparent`:** لو ضُبط صار اللونُ الاحتياطيّ شفّافاً،
       فالحارسُ الذي يعيد `currentColor` يعيد الشفافيّةَ نفسَها — ويختفي العنوان.
       كشفه اختباري قبل الرفع. فيبقى اللونُ صُلباً تحت التدرّج. (16 أكتوبر 2026) */
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.3)) drop-shadow(0 2px 5px rgba(0,0,0,.24));
  }
}

/* **الحارسُ الأهمّ:** حرفٌ شفّافٌ بلا تدرّجٍ يُرسم لا شيء. فمن فرض ألواناً أو
   تبايناً أعلى يرجع له الحرفُ مصمتاً بلونه الكامل — ولا يختفي عنوانٌ أبداً. */
@media (prefers-contrast:more), (forced-colors:active){
  .pagehead h1, .slogan, .bandcta h2, .xraycta h2, .qh-h1{
    background:none !important; -webkit-text-fill-color:currentColor !important;
    filter:none !important; text-shadow:none !important;
  }
  .pagehead h1{color:var(--head) !important}
  .slogan, .bandcta h2, .xraycta h2{color:var(--gold-peak, #E8D9AE) !important}
  .qh-h1{color:#F7F3EA !important}
  .shead h2, .h2s, .tier h3{text-shadow:none !important}
}

/* ═══════════ ④ حدودٌ وشفافيّةٌ بدل التعبئة (اعتمادُ المالك 16 أكتوبر 2026) ═══════════

   اختار المالكُ «الاثنين معاً» من صفحة المقارنة. **واللونُ لم يتغيّر** — تغيّر كم
   مرّةً تُملأ به مساحة.

   **واستُثني الزرُّ الأساسيُّ عمداً:** تحويلُه حدّاً يخفّف الصفحةَ ويخفّف معها
   القرار. و«ابدأ الفحص» ليس زينةً تُهدَّأ. فالقرارُ يبقى ممتلئاً، والهدوءُ لما حوله. */

:root{ --plum-tint:rgba(107,51,82,.10); --plum-tint-soft:rgba(107,51,82,.055); --plum-edge:rgba(107,51,82,.28); }

/* الزرُّ الثانويّ: كان حدَّه رماديّاً محايداً فيبدو معطّلاً — صار بلون العلامة خفيفاً */
.btn.ghost{background:var(--plum-tint-soft); border-color:var(--plum-edge)}
.btn.ghost:hover:not(:disabled){background:var(--plum-tint); border-color:var(--head)}

/* شاراتُ التصفية والتبويب: كانت كتلاً ممتلئة، صارت سطحاً شفّافاً بحدٍّ ملوّن */
.pffilters .chip.on,
.ptabs .chip[aria-selected="true"],
.chip[aria-pressed="true"],
.ssrow .chip[aria-pressed="true"]{
  background:var(--plum-tint); color:var(--head); border:1.5px solid var(--plum-edge);
}

/* دوائرُ الأرقام والأيقونات الصغيرة: نفسُ المعالجة */
.intent .ic, .incard .ic, .mksteps .n, .ssstep h2 .no{
  background:var(--plum-tint); color:var(--head); border:1px solid var(--plum-edge);
}
.pfact.on .ic{border:1px solid var(--plum-edge)}

/* البطاقاتُ تأخذ شعرةً ملوّنةً على الحافّة بدل إطارٍ رماديٍّ صامت */
.mini-accent, .ctile:hover{border-inline-start-color:var(--head)}

/* الشريطُ الشفّاف فوق البطل الداكن: كلُّ عنصرٍ فيه له معالجةٌ فاتحة — إلّا عنصرَي
   الحساب، نُسيا يوم أُضيف شريطُ الحساب في 15 أكتوبر. فكان «الدخول» حبراً داكناً
   `rgb(42,21,32)` فوق بطلٍ `rgb(27,15,24)` بتباين **1.23** — أي غيرُ مرئيّ أصلاً.
   (بلاغُ المالك، وقياسي 16 أكتوبر 2026) */
.has-vhero .bar:not(.solid):not(.menu-open) .acct-in,
.has-vhero .bar:not(.solid):not(.menu-open) .acct > summary{
  background:transparent; border-color:rgba(247,243,234,.38); color:#F7F3EA;
}
.has-vhero .bar:not(.solid):not(.menu-open) .acct-in:hover,
.has-vhero .bar:not(.solid):not(.menu-open) .acct > summary:hover{border-color:#C9B37A}
.has-vhero .bar:not(.solid):not(.menu-open) .acct-ava{background:var(--gold); color:#F7F3EA}
/* واللوحةُ المنسدلة تبقى فاتحةً دائماً — هي فوق الصفحة لا فوق البطل */
.has-vhero .bar:not(.solid):not(.menu-open) .acct-pop{color:var(--ink)}

/* ═══════ أربعةُ أبوابٍ بدل ثلاثة (طلبُ المالك 17 أكتوبر 2026) ═══════
   أُفرد بابٌ للمنتجات الرقمية بعد أن كان مدموجاً مع «الفكرة» — ومن يبحث عن
   التعلّم لا يقرأ «عندي فكرة». والشبكةُ تتبع العدد: أربعةٌ على العريض،
   واثنان على اللوح، وواحدٌ على الجوّال. */
.qh-doors{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
@media (max-width:1040px){ .qh-doors{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px){ .qh-doors{grid-template-columns:1fr} }

/* البابُ الرابع يأخذ البيجَ من اللوحة — فتكتمل الخمسةُ مواضع.
   والأيقونةُ عاجيّةٌ عليه: تباين 3.50، وهو كافٍ لرمزِ واجهةٍ (الحدّ 3:1). */
.qh-door[data-door="learn"] .ic{background:var(--gold); border-color:rgba(247,243,234,.42)}
.qh-door[data-door="learn"]{border-top-color:var(--gold)}
.qh-door[data-door="ind"] .ic{background:var(--impact); border-color:rgba(247,243,234,.42)}
.qh-door[data-door="ind"]{border-top-color:var(--impact)}
/* وبابُ «للأفراد» كان ذهبيّاً، فانتقل الذهبُ للمنتجات الرقمية وأخذ هو البيج */

/* سطرُ المجموعة فوق الأبواب — وسمان لا أربعة. (17 أكتوبر 2026)
   خطٌّ رفيعٌ يمتدّ من الكلمة إلى آخر الصفّ، فيُقرأ التجميعُ بلا إطارٍ يُثقل. */
.qh-grp{display:flex;align-items:center;gap:12px;margin:22px 0 10px;
  font-family:var(--disp);font-size:.82rem;font-weight:600;letter-spacing:.1em}
.qh-grp:first-of-type{margin-top:4px}
.qh-grp span{flex:0 0 auto}
.qh-grp::after{content:"";flex:1;height:1px;background:linear-gradient(to left,transparent,rgba(247,243,234,.22))}
[dir="ltr"] .qh-grp::after{background:linear-gradient(to right,transparent,rgba(247,243,234,.22))}
/* المجموعةُ الأولى باردةٌ كبابَيها، والثانيةُ دافئةٌ — فاللونُ يجمع قبل الكلمة */
.qh-grp-org span{color:#9DB6CE}
.qh-grp-you span{color:var(--gold-lite,#C9B37A)}
.qh-doors + .qh-grp{margin-top:26px}

/* ═══ بطاقات باقات ماركتينج (17 أكتوبر 2026) ═══
   «شكل المربعات ما يساوي القيمة المدفوعة» — بنصّ المالك. وكان محقّاً: بطاقةُ
   عشرة آلافٍ كانت تساوي بطاقةَ ألفٍ ومئتين شكلاً: عنوانٌ وسعرٌ وقائمةُ نقاط.
   فالسعرُ صار بطلَ البطاقة، والرقمان اللذان يشتريهما العميلُ (المنشورات
   والفيديوهات) صارا لوحتين لا سطرَين في قائمة، ولكلّ قطاعٍ لونُه من لوحة
   الهوية نفسِها — لا لونَ جديد. */

.pk-grid {
  display: grid; gap: 18px; margin-block-end: 8px;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}

.pk {
  position: relative; display: flex; flex-direction: column;
  background: var(--surface); border: 1px solid var(--edge);
  border-radius: 16px; overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  --pk-accent: var(--head);
  --pk-wash: var(--taupe-wash);
}
.pk::before {                       /* شريطُ القطاع: أوّلُ ما تقع عليه العين */
  content: ""; display: block; height: 4px; background: var(--pk-accent);
}
.pk:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(42, 21, 32, .10); border-color: var(--pk-accent); }
@media (prefers-reduced-motion: reduce) { .pk, .pk:hover { transition: none; transform: none; } }

.pk-medical    { --pk-accent: var(--breeze); --pk-wash: var(--breeze-wash); }
.pk-realestate { --pk-accent: var(--olive);  --pk-wash: var(--olive-wash); }

.pk-body { padding: 20px 20px 18px; display: flex; flex-direction: column; gap: 14px; flex: 1; }

.pk-name {
  margin: 0; font-family: var(--disp); font-size: 1.22rem; font-weight: 600;
  color: var(--pk-accent); line-height: 1.3;
}

/* السعرُ هو البطل — رقمٌ كبيرٌ بأرقامٍ متساوية العرض، والعملةُ والدورةُ تابعتان */
.pk-price { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.pk-num {
  font-family: var(--lat); font-weight: 600; font-size: 2.3rem; line-height: 1;
  color: var(--ink); font-variant-numeric: tabular-nums; letter-spacing: -.01em;
}
.pk-cur { font-size: .95rem; font-weight: 500; color: var(--mute); }
.pk-per { font-size: .85rem; color: var(--faint); }

/* الرقمان اللذان يشتريهما العميل — لوحتان لا سطران في قائمة */
.pk-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pk-stat {
  background: var(--pk-wash); border-radius: 10px; padding: 12px 10px; text-align: center;
}
.pk-stat b {
  display: block; font-family: var(--lat); font-size: 1.55rem; font-weight: 600;
  color: var(--pk-accent); line-height: 1.1; font-variant-numeric: tabular-nums;
}
.pk-stat span { display: block; font-size: .78rem; color: var(--mute); margin-block-start: 3px; }
.pk-stat em { display: block; font-size: .72rem; color: var(--faint); font-style: normal; }

.pk-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; font-size: .9rem; }
.pk-list li { display: flex; gap: 8px; align-items: flex-start; color: var(--ink); }
.pk-list li::before {
  content: "✓"; flex: none; color: var(--pk-accent); font-weight: 700; font-size: .85em; line-height: 1.55;
}

/* بندٌ مشمولٌ فعلاً داخل السعر — يُعلَن بقيمته */
.pk-incl {
  background: var(--gold-wash); border-radius: 10px; padding: 10px 12px;
  font-size: .86rem; color: var(--ink); border: 1px solid var(--edge-2);
}
.pk-incl b { color: var(--gold); }

/* إضافةٌ اختياريةٌ بسعرها — ليست مشمولةً، ويُقال ذلك */
.pk-addon {
  margin-block-start: auto; padding: 11px 13px; border-radius: 10px;
  background: var(--ivory); border: 1px dashed var(--edge);
  font-size: .85rem; color: var(--mute); line-height: 1.5;
}
.pk-addon b { color: var(--ink); font-weight: 600; }
.pk-addon .pk-fee { font-family: var(--lat); font-variant-numeric: tabular-nums; color: var(--pk-accent); font-weight: 600; }

/* الأشملُ في مجموعتها — صفةٌ تثبتها الأرقام، لا شارةُ تسويق */
.pk-top { border-color: var(--pk-accent); box-shadow: 0 6px 20px rgba(42, 21, 32, .07); }
.pk-top::before { height: 6px; }
.pk-flag {
  position: absolute; inset-block-start: 14px; inset-inline-end: 14px;
  /* **`#fff` ثابتاً كانت تختفي ليلاً:** خلفيّةُ الشارة `--pk-accent` وأصلُها
     `--head`، و`--head` يصير فاتحاً في الوضع الليليّ (نصّاً على أرضٍ داكنة) —
     فيصير أبيضُ الشارةِ على أبيض. و`--ivory` أرضُ الصفحة: فاتحةٌ نهاراً وداكنةٌ
     ليلاً، فهي دائماً نقيضُ الخلفيّة مهما تبدّلت. (21 أكتوبر 2026) */
  background: var(--pk-accent); color: var(--ivory); font-size: .7rem; font-weight: 600;
  padding: 3px 9px; border-radius: 999px; letter-spacing: .01em;
}

.pk-head { margin: 30px 0 4px; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.pk-head h2 { margin: 0; }
.pk-head .pk-count { font-size: .85rem; color: var(--faint); }

@media (max-width: 560px) {
  .pk-grid { grid-template-columns: 1fr; }
  .pk-num { font-size: 2rem; }
}

/* ═══ الكاشير وفاتورة المرحلة الثانية — قسمٌ في صفحة الأنظمة (17 أكتوبر 2026) ═══
   لوحتان لا شبكةُ بطاقاتٍ صغيرة: البندان كبيران ويستحقّان مساحةً تُقرأ.
   وسطرُ الصدق في آخر لوحة الفاتورة له صندوقُه — لأنّه ليس هامشاً، بل حدُّ
   ما نَعِد به. */

.nfsec { padding-block: clamp(36px, 6vw, 64px); background: var(--ivory); }
.nfgrid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); }

.nf {
  position: relative; background: var(--surface); border: 1px solid var(--edge);
  border-radius: 16px; padding: 24px 22px; display: flex; flex-direction: column; gap: 12px;
  --nf-accent: var(--head);
}
.nf::before { content: ""; position: absolute; inset-block-start: 0; inset-inline: 0; height: 4px;
  background: var(--nf-accent); border-start-start-radius: 16px; border-start-end-radius: 16px; }
.nf-pos { --nf-accent: var(--olive); }
.nf-inv { --nf-accent: var(--breeze); }

.nf h3 { margin: 4px 0 0; font-family: var(--disp); font-size: 1.2rem; font-weight: 600; color: var(--nf-accent); line-height: 1.35; }
.nf-lead { margin: 0; color: var(--mute); font-size: .95rem; line-height: 1.75; }

.nf-list { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 9px; font-size: .92rem; }
.nf-list li { display: flex; gap: 9px; align-items: flex-start; color: var(--ink); line-height: 1.6; }
.nf-list li::before { content: "✓"; flex: none; color: var(--nf-accent); font-weight: 700; font-size: .85em; line-height: 1.7; }
.nf-list .nf-key { font-weight: 600; }

/* سطرُ الصدق: ما نقوله وما لا نقوله — في صندوقٍ يُرى، لا في هامشٍ يُتخطّى */
.nf-honest {
  margin: 6px 0 0; padding: 12px 14px; border-radius: 10px;
  background: var(--gold-wash); border: 1px solid var(--edge-2);
  font-size: .88rem; line-height: 1.7; color: var(--ink);
}

@media (max-width: 560px) { .nfgrid { grid-template-columns: 1fr; } .nf { padding: 20px 18px; } }

/* أيقونةُ النظام في بطاقته — تقول ما هو قبل أن يُقرأ اسمُه (20 أكتوبر 2026) */
.relcard .relicon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;
  background:var(--gold-wash);color:var(--gold-dark);margin:0 0 10px}
.relcard .relicon svg{width:28px;height:28px}

/* باقاتُ المقاعد — كلّما كبر العدد قلّ نصيبُ الموظف (20 أكتوبر 2026) */
.tiergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;margin:0 0 6px}
.tiercard{display:flex;flex-direction:column;gap:2px;padding:14px 12px;border:1px solid var(--edge);
  border-radius:14px;text-decoration:none;color:inherit;background:var(--surface);transition:.15s}
.tiercard:hover,.tiercard:focus-visible{border-color:var(--gold);transform:translateY(-2px)}
.tiercard .tn{font-weight:600;font-size:.92rem}
.tiercard .tp{font-family:var(--lat);font-size:1.32rem;font-weight:600;color:var(--head);direction:ltr}
.tiercard .tp small{font-size:.56em;font-weight:500}
.tiercard .tper{font-size:.78rem;color:var(--mute)}
.tiercard .tsave{margin-top:4px;font-size:.74rem;color:var(--gold-dark);font-weight:600}

/* أربعةُ أبوابٍ في صفٍّ واحد — الأنظمة والمنتجات وميديا والفحص بوزنٍ واحد.
   وكان بابان يظهران والباقي سطراً تحتهما. (طلب المالك 20 أكتوبر 2026) */
.qh-doors{grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}
@media (min-width:1100px){ .qh-grp-org + .qh-doors{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (max-width:1099px) and (min-width:700px){ .qh-doors{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:699px){ .qh-doors{grid-template-columns:1fr} }

/* ── إصلاحان بصريّان (20 أكتوبر 2026) ── */

/* ① روابطُ شريط الثقة كانت بيضاءَ على خلفيّةٍ كريميّة — نصٌّ لا يُقرأ.
   اللونُ #F7F3EA بقيّةٌ من خلفيّةٍ داكنةٍ تغيّرت، والبندُ الذي بلا رابط
   كان يُقرأ والذي برابطٍ يختفي. */
.trustbar .tbl a{color:var(--head);border-bottom-color:var(--gold)}
.trustbar .tbl a:hover,.trustbar .tbl a:focus-visible{color:var(--gold-dark);border-bottom-color:var(--gold-dark)}

/* ② بطاقةُ منتقي الأنظمة: العنوانُ ذو السطرين يُقصّ، والتعريفُ الجديد أطولُ
   من «متاح للشراء» فيحتاج مساحةً تتمدّد. والبطاقاتُ تبقى متساويةَ الارتفاع. */
.pfact{align-items:start}
.pfact .ic{align-self:start}
.pfact b{align-self:auto;overflow-wrap:anywhere;min-width:0}
.pfact small{align-self:auto;line-height:1.55;margin-top:3px;min-width:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ═══ باقاتُ القطاعات — سلّمٌ يبدو سلّماً (21 أكتوبر 2026) ═══
   العلّةُ القديمة: البطاقاتُ الثلاثُ بوزنٍ واحد، وتتمدّد كلُّها لأطولها فيبقى
   في الأولى فراغٌ ميّت. فصارت كلُّ درجةٍ تأخذ ارتفاعَ محتواها، وتثقل بالتدرّج. */
.bsector{padding:0 0 46px;border-bottom:1px solid var(--edge);margin:0 0 46px}
.bsector:last-of-type{border-bottom:0;padding-bottom:10px}
.bsec-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 20px}
.bsec-head h2{margin:0;font-size:1.5rem}
.bsec-head .mute{margin:0;font-size:.92rem;max-width:62ch}
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.bcard{position:relative;display:flex;flex-direction:column;padding:26px 22px 22px;
  background:var(--surface);border:1px solid var(--edge);border-radius:20px;
  transition:transform .18s,box-shadow .18s,border-color .18s}
.bcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(0,0,0,.45)}
.bcard.t-one{background:transparent;border-style:dashed}
.bcard.pick{border-color:var(--gold);border-width:1.5px;
  box-shadow:0 20px 48px -28px rgba(0,0,0,.42);
  background:linear-gradient(180deg,var(--gold-wash) 0,var(--surface) 112px)}
.bcard.off{opacity:.5;border-style:dashed}
.btag{position:absolute;inset-block-start:-12px;inset-inline-start:22px;background:var(--gold);
  color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:4px 12px;border-radius:999px;
  box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}
.btag.warn{background:#9C2F44}
.bkick{margin:0 0 3px;font-size:.7rem;font-weight:600;letter-spacing:.07em;color:var(--gold-dark);opacity:.85}
.bcard h3{margin:0 0 14px;font-size:1.06rem;font-weight:600}
.bprice{margin:0;display:flex;align-items:flex-start;gap:8px}
.bprice b{font-family:var(--lat);font-size:2.6rem;font-weight:600;line-height:.92;
  color:var(--head);letter-spacing:-.015em}
.bcard.pick .bprice b{font-size:2.9rem}
.bprice span{font-size:.7rem;line-height:1.25;color:var(--mute);padding-top:5px}
.bsave{margin:12px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:24px}
.bsave .chip{display:inline-flex;align-items:center;gap:4px;background:var(--olive);color:#fff;
  font-size:.74rem;font-weight:600;padding:4px 11px;border-radius:999px}
.bsave .chip b{font-family:var(--lat);font-weight:700}
.bsave .was{font-size:.74rem;color:var(--mute)}
.bsave .was s{font-family:var(--lat)}
.bnote{margin:14px 0 0;font-size:.86rem;line-height:1.6;color:var(--mute)}
.bcount{margin:18px 0 8px;font-size:.72rem;font-weight:600;letter-spacing:.04em;
  color:var(--head);padding-bottom:7px;border-bottom:1px solid var(--edge)}
.blist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.blist li{display:flex;align-items:flex-start;gap:8px;font-size:.88rem;line-height:1.5}
.blist li svg{flex:0 0 auto;width:14px;height:14px;margin-top:3px;fill:none;
  stroke:var(--olive);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bcard.t-one .blist li svg{stroke:var(--mute)}
.bcta{margin:20px 0 0}
.bcta .btn{display:block;width:100%;text-align:center}
.bsetup{margin:10px 0 0;font-size:.74rem;line-height:1.5;color:var(--mute);text-align:center}
.bsetup b{font-family:var(--lat);color:var(--head)}
.bsetup span{display:block;opacity:.8}
.bfoot{background:var(--gold-wash);border-radius:20px;padding:26px 24px;margin-top:8px}
.bfoot h3{margin:0 0 14px;font-size:1.1rem}
.blist.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:9px 26px}
@media (max-width:980px){ .bgrid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .bgrid{grid-template-columns:1fr} .bcard.pick .bprice b{font-size:2.6rem} }

/* ═══ الجوّال: صفحةُ الشراء تُلمَس لا تُقرَأ فقط ═══ (21 أكتوبر 2026)

   قِيس على آيفون 375 بكسل فظهر عيبان في الصفحة التي تقبض المال:

   ① **كلُّ حقلٍ خطُّه دون 16 بكسل** (13.3 إلى 15.2). وسفاري على الآيفون
      يكبّر الصفحةَ تلقائياً كلّما نُقر حقلٌ خطُّه أصغر من 16 — فالمشتري
      يكبّر ويصغّر اثنتين وعشرين مرّة ليُتمّ طلباً واحداً. وهذا سلوكُ النظام
      لا خللُ تصميم، وعلاجُه الوحيد أن يبلغ الخطُّ 16.

   ② **مربّعُ «أوافق على الشروط» 13×13 بكسل** — وهو إلزاميٌّ لإتمام الشراء.
      والحدُّ المتعارَف عليه 44×44. ومثلُه مربّعُ الدعم وأزرارُ نوع الفاتورة.
      وزرُّ «ادفع» عرضُه 70 بكسل: الفعلُ الأهمُّ في الصفحة أصغرُ أهدافِها.

   والقاعدةُ محصورةٌ في الجوّال فلا تمسّ الحاسوب. */
@media (max-width: 640px) {
  /* ① لا تكبيرَ تلقائيّ: 16 بكسل هو الحدّ، لا أقلّ */
  .form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  .form select, .form textarea,
  .f input:not([type=checkbox]):not([type=radio]), .f select, .f textarea {
    font-size: 16px;
  }

  /* ② أهدافُ لمسٍ تُصاب بالإبهام */
  .form input[type=checkbox], .form input[type=radio],
  .f input[type=checkbox], .f input[type=radio] {
    width: 22px; height: 22px; margin-top: 1px; flex: 0 0 auto;
  }
  /* والهالةُ حول المربّع تبلغ به 44 بلا أن يكبر شكلُه */
  .form label:has(> input[type=checkbox]),
  .form label:has(> input[type=radio]) { padding-block: 11px; }

  /* ③ زرُّ الدفع يملأ العرض — الفعلُ الأهمُّ لا يكون أصغرَ الأهداف */
  .form button[type=submit], .form .btn-primary {
    width: 100%; min-height: 48px; font-size: 1rem;
  }
}

/* ═══ «اصنع باقتك» — حاسبةُ نيكسس ميديا ═══ (21 أكتوبر 2026)

   تُقرأ قبل أن تُلمَس: الأعدادُ يساراً والمبلغُ تحتها مباشرةً في صندوقٍ مميّز،
   فيرى أثرَ كلّ ضغطةٍ بلا أن ينزل. وسطرُ «الجاهزة أوفر» بلونِ الزيتون لا الأحمر
   — فهو نصيحةٌ لا تحذير. */
.diy{margin-top:40px}
.diy-head{margin:0 0 18px}
.diy-head h2{margin:0 0 6px}
.diy-box{background:var(--surface);border:1px solid var(--edge);border-radius:18px;padding:22px;display:grid;gap:20px}
@media (min-width:860px){ .diy-box{grid-template-columns:1.15fr .85fr;align-items:start} .diy-form{grid-column:1/-1} }

.diy-grid{display:grid;gap:12px;align-content:start}
.diy-row{display:flex;align-items:center;gap:14px;background:var(--taupe-wash);border-radius:12px;padding:13px 15px}
.diy-lbl{flex:1;min-width:0}
.diy-lbl b{display:block;font-weight:600;font-size:.98rem;color:var(--head)}
.diy-lbl span{display:block;font-size:.82rem;color:var(--mute);line-height:1.6;margin-top:2px}

.diy-step{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.diy-step button{width:36px;height:36px;border-radius:9px;border:1px solid var(--edge);background:var(--surface);
  color:var(--head);font-size:1.25rem;line-height:1;cursor:pointer;font-family:var(--lat)}
.diy-step button:hover{border-color:var(--gold);color:var(--gold-dark)}
.diy-step input{width:54px;height:36px;text-align:center;border:1px solid var(--edge);border-radius:9px;
  background:var(--surface);color:var(--head);font-family:var(--lat);font-weight:600;font-size:1rem;-moz-appearance:textfield}
.diy-step input::-webkit-outer-spin-button,.diy-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.diy-tog{cursor:pointer}
.diy-tog input[type=checkbox]{width:20px;height:20px;flex:0 0 auto;accent-color:var(--olive)}
.diy-fee{font-family:var(--lat);font-weight:600;color:var(--mute);flex:0 0 auto}

.diy-out{background:var(--gold-wash);border-radius:14px;padding:18px 20px;align-self:start}
.diy-lines{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:7px}
.diy-lines li{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--ink)}
.diy-lines b{font-family:var(--lat);font-weight:600;color:var(--head)}
.diy-total{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0;padding-top:12px;border-top:1px solid var(--edge)}
.diy-total span{font-size:.9rem;color:var(--mute)}
.diy-total b{font-family:var(--lat);font-size:2.1rem;font-weight:600;color:var(--head);line-height:1}
.diy-total em{font-style:normal;font-size:.8rem;color:var(--mute)}
.diy-min{margin:10px 0 0;font-size:.84rem;color:var(--mute)}
.diy-better{margin:12px 0 0;padding:11px 13px;background:var(--olive-wash);border-radius:10px;
  font-size:.89rem;line-height:1.75;color:var(--ink)}
.diy-better b{color:var(--olive)}
.diy .hidden{display:none}

.diy-form{display:grid;gap:11px}
@media (min-width:640px){ .diy-form{grid-template-columns:1fr 1fr} .diy-form button,.diy-form>p{grid-column:1/-1} }
.diy-form label{display:block;font-size:.88rem;color:var(--mute)}
.diy-form input{width:100%;margin-top:5px;background:var(--surface);border:1px solid var(--edge);
  border-radius:9px;padding:10px 12px;font:inherit;font-size:.95rem;color:var(--ink)}

@media (max-width:640px){
  .diy-box{padding:16px}
  .diy-row{gap:10px;padding:12px}
  .diy-total b{font-size:1.8rem}
  .diy-form input{font-size:16px}
  .diy-step button{width:40px;height:40px}
  .diy-step input{height:40px;font-size:16px}
}
.diy-empty{margin:10px 0 0;font-size:.88rem;color:var(--danger);font-weight:600}
.diy-out.diy-dim .diy-total b,.diy-out.diy-dim .diy-lines{opacity:.35}
.diy-form button[disabled]{opacity:.5;cursor:not-allowed}

/* شرطُ الاشتراك على بطاقة نيكسس ميديا — يُقرأ قبل الضغط (22 أكتوبر 2026) */
.pk-term{margin:10px 0 0;padding:7px 11px;border-radius:9px;background:var(--taupe-wash);
  font-size:.85rem;color:var(--ink);line-height:1.6}
.pk-term b{color:var(--head);font-weight:600}
.pk-term.once{background:var(--gold-wash);color:var(--gold-dark);font-weight:600}

/* زرُّ الطلب في بطاقة نيكسس ميديا — آخرَ ما تقرؤه العينُ فيها (22 أكتوبر 2026) */
.pk-go{margin:16px 0 0}
.pk-go .btn{display:block;width:100%;text-align:center;padding:12px 16px;font-size:.95rem}
@media (max-width:640px){ .pk-go .btn{min-height:48px;font-size:1rem} }
.bquote{margin:7px 0 0;font-size:.82rem;color:var(--mute);text-align:center;line-height:1.6}

/* بطاقةُ الباقة: زرٌّ يشتري وزرٌّ يسأل (22 أكتوبر 2026) */
.bcta.two{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}
.bcta.two .btn{margin:0;white-space:nowrap}
@media (max-width:420px){ .bcta.two{grid-template-columns:1fr} }

/* صفحةُ شراء الباقة */
.bb-wrap{display:grid;gap:22px;align-items:start}
@media (min-width:900px){ .bb-wrap{grid-template-columns:.85fr 1.15fr} }
.bb-sum{background:var(--gold-wash);border-radius:16px;padding:20px 22px;align-self:start}
.bb-lines{display:grid;grid-template-columns:1fr auto;gap:7px 14px;margin:16px 0 0;
  padding-top:14px;border-top:1px solid var(--edge);font-size:.92rem}
.bb-lines dt{color:var(--mute);margin:0}
.bb-lines dd{margin:0;font-family:var(--lat);font-weight:600;color:var(--head)}
.bb-total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  margin:12px 0 0;padding-top:12px;border-top:1px solid var(--edge)}
.bb-total span{font-size:.9rem;color:var(--mute)}
.bb-total b{font-family:var(--lat);font-size:1.5rem;font-weight:600;color:var(--head)}
.bb-form{max-width:none}