@import url("https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&family=Amiri:ital,wght@0,400;0,700&family=IBM+Plex+Mono:wght@400;500&family=Cinzel:wght@400;600&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Instrument+Sans:wght@400;500;600;700&display=swap");
/* ================================================================
   رشاد فقيها — نظام التصميم v2 «المسرح الفضي المتوازن»
   نقطة الدخول العامة: كل مستهلك يربط هذا الملف وحده.
   لا قاعدة واحدة هنا — قائمة @import فقط (ترتيبها ملزم).
   ================================================================ */
/* ================================================================
   الخطوط — v2
   المتن AL-Mohanad ذاتي الاستضافة (قطع Unicode موثوقة، منقولة
   2026-08-31 من مشروع The Leadership Challenge بإذن المالك؛ البصمة
   والترخيص في system/fonts/README.md).
   الكوفي والمونو واللاتيني الفاخر من Google Fonts.
   ================================================================ */

/* خلل مقيس 2026-08-31 في طبقة ترقيم هذه القطع (system/fonts/qa-punctuation.html):
   U+2014 ترتسم “ · U+2013 بطول الشرطة الطويلة · U+00B7 يرتسم فاصلة ·
   U+201C/U+201D مقلوبتان. المعالجة: unicode-range تُسقط هذه المواقع
   الخمسة فترتد إلى Amiri في سلسلة --font-body حيث ترتسم صحيحة.
   الأرقام الغربية والفاصلة والمئوية والأقواس والمزدوجتان «» سليمة
   في الخط نفسه وتبقى عليه. */
@font-face{
  font-family:'AL-Mohanad';
  src:url('/api/library/oz8fvi1sb95adwoola0ryegn') format('truetype');
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0-B6,U+B8-2012,U+2015-201B,U+201E-10FFFF;
}
@font-face{
  font-family:'AL-Mohanad';
  src:url('/api/library/jncgxsv1lad82fm6n8jcd6rj') format('truetype');
  font-weight:700;font-style:normal;font-display:swap;
  unicode-range:U+0-B6,U+B8-2012,U+2015-201B,U+201E-10FFFF;
}

/* Trajan Pro — حكم مالك 2026-09-08: خط العرض اللاتيني للعناوين الفخمة.
   الملفان منقولان من مشروع القيادة تحدٍّ (fonts/) بإذن المالك — خط Adobe:
   يلزم التأكد أن الرخصة تغطي التضمين على الويب قبل رفعه إلى الثيم.
   Cinzel يبقى احتياطًا في --font-latin-display. */
/* Trajan Pro omitted from the Leadpages build: unused by pages 01-05, licence unconfirmed */
/* Trajan Pro omitted from the Leadpages build: unused by pages 01-05, licence unconfirmed */

/* ================================================================
   اللون — v2 «المسرح الفضي المتوازن»
   المعمارية (منهجية 02): طبقتان —
   • أوليات primitives: سلّم فضة المسرح بإضاءتيه + الذهبي. لا يلمسها
     أي مكوّن مباشرة.
   • دلاليات semantics لكل إضاءة — هي وحدها واجهة الاستخدام.
   الإضاءة الافتراضية فاتحة (بند الدمج 6): :root يحمل دلاليات الفاتح،
   والداكن «صرف معلن» يتطلب class‏ .lighting-dark — القاعدة مشفّرة
   في البنية نفسها.
   كل أرقام التباين تعليقًا هي أرقام مقيسة بالحساب لا بالذاكرة.
   ================================================================ */

:root{
  /* ---- سلّم «فضة المسرح» — الإضاءة الداكنة ----
     12 دورًا (نمط Radix) · oklch بميل بارد ثابت ~253-262 · قيم الاتجاه 4 حرفيًا. */
  --silver-dark-1:#000000;   /* 1 خلفية الصفحة        oklch(14.9% 0.005 264) */
  --silver-dark-2:#101010;   /* 2 خلفية خفيفة          oklch(17.7% 0.007 258) */
  --silver-dark-3:#161616;   /* 3 خلفية مكوّن          oklch(20.8% 0.009 256) */
  --silver-dark-4:#1c1c1c;   /* 4 تحويم                oklch(23.7% 0.011 254) */
  --silver-dark-5:#242424;   /* 5 نشط                  oklch(26.8% 0.014 262) */
  --silver-dark-6:#2e2e2e;   /* 6 حد خفيف              oklch(31.2% 0.018 262) */
  --silver-dark-7:#3d3d3d;   /* 7 حد                   oklch(37.3% 0.021 259) */
  --silver-dark-8:#555555;   /* 8 حد قوي / حلقة تركيز  oklch(45.8% 0.026 259) — حدود فقط، ليس نصًا (فشل مقيس 2.63:1 كنص) */
  --silver-dark-9:#b5b5b5;   /* 9 تعبئة صلبة           oklch(77.9% 0.020 253) */
  --silver-dark-10:#c9c9c9;  /* 10 تحويم التعبئة       oklch(84.4% 0.020 253) */
  --silver-dark-11:#9a9a9a;  /* 11 نص منخفض التباين    oklch(70.5% 0.024 254) — مقيس 7.51 على 1 · 7.22 على 2 · 6.80 على 3 */
  --silver-dark-12:#f0f0f0;  /* 12 نص عالي التباين     oklch(94.7% 0.010 253) — مقيس 16.88 على 1 */

  /* ---- سلّم «فضة المسرح» — الإضاءة الفاتحة ----
     مشتق من قيم الاتجاه 4 الفاتحة، مكتمل على الميل البارد نفسه.
     حكم مالك 2026-09-05 (Ruling 2): دور 1 يغادر الأبيض الصرف — #fcfcfc
     يحفظ الحكم ويحفظ الميل المعدني ويبقي الحزام (دور 2) منفصلًا بالعين. */
  --silver-light-1:#fcfcfc;  /* 1 خلفية الصفحة / سطح البطاقة   oklch(99.1% 0.002 250) */
  --silver-light-2:#f6f6f6;  /* 2 خلفية خفيفة (أرض الاستراحة)  oklch(97.3% 0.003 265) — قيمة D4؛ يؤكدها خارجيًا bg-metallic في augment.org (فاتح معدني لا أبيض صرف — بند الدمج 2) */
  --silver-light-3:#f0f0f0;  /* 3 خلفية مكوّن                  oklch(95.7% 0.005 248) */
  --silver-light-4:#e8e8e8;  /* 4 تحويم                        oklch(93.5% 0.007 248) */
  --silver-light-5:#e1e1e1;  /* 5 نشط                          oklch(91.5% 0.009 258) */
  --silver-light-6:#dcdcdc;  /* 6 حد خفيف                      oklch(89.6% 0.008 254) — قيمة D4 حرفيًا */
  --silver-light-7:#c6c6c6;  /* 7 حد                           oklch(83.0% 0.012 252) — قيمة D4 حرفيًا */
  --silver-light-8:#9e9e9e;  /* 8 حد قوي                       oklch(70.5% 0.021 253) — قيمة D4؛ لا يكفي حلقة تركيز (2.62) */
  --silver-light-9:#161616;  /* 9 تعبئة صلبة — الزر الأساسي الفاتح حبريّ (قرار هوية D4) */
  --silver-light-10:#2b2b2b; /* 10 تحويم التعبئة               oklch(29.5% 0.018 258) */
  --silver-light-11:#5f5f5f; /* 11 نص منخفض التباين            oklch(49.9% 0.023 253) — مقيس 5.86 على 1 (بعد حكم 09-05) · 5.56 على 2 · 5.31 على 3 */
  --silver-light-12:#121212; /* 12 نص عالي التباين             oklch(18.9% 0.010 248) — مقيس 18.01 على 1 (بعد حكم 09-05) */

  /* ---- الذهبي — قرار معلن ومحصور ----
     البروتوكول معتمد بحكم مالك 2026-09-05 — مقصور على بطاقة «القيادة تحدٍّ»
     (خيط المدار والشارة). ولا يعود إلى أزرار الفعل الأساسية في أي صفحة.
     (حكم 2026-08-27 مساءً RULING A: الذهبي غادر الواجهة العامة.) */
  --orbit-gold:#C9A24D;           /* حكم مالك 2026-09-08: موحَّد على ذهب برنامج القيادة تحدٍّ (كان #C9A24D) — مقيس 9.8 على #000 · 9.1 على داكن-3 */
  --orbit-gold-ink-light:#7d682c; /* نص ذهبي على الفاتح — مقيس 4.99 على فاتح-2 (بند الدمج 7) */
  --on-orbit-gold:#101216;        /* متقاعد مع زر الرأس الذهبي — يبقى مرجعًا مقيسًا 8.68 على --orbit-gold */
  --orbit-gold-hover:#d4b268;     /* متقاعد معه — مقيس 9.26 مع --on-orbit-gold */

  /* ---- قرص الفعل على الأرض الداكنة — حكم مالك 2026-08-27 مساءً (RULING B) ----
     مقارنة tonyrobbins.com: تعبئة داكن-9 تُقرأ باهتة؛ قرص الفعل على
     الداكن مضيء شبه أبيض بحبر داكن. داكن-9/10 باقيان للتعبئات غير الـ CTA. */
  --cta-fill-dark-ground:#f6f6f6; /* مقيس 17.33 مع حبره · 18.20 على داكن-1 · 17.48 على داكن-2 */
  --cta-fill-dark-hover:#ffffff;  /* تحويم القرص المضيء — مقيس 18.75 مع الحبر */
  --on-cta-dark-ground:#101216;   /* حبر القرص المضيء */

  /* ---- ألوان الحالة (خطأ النماذج) ---- */
  --danger-dark:#e5675f;     /* مقيس 6.04 على داكن-1 · 5.46 على داكن-3 */
  --danger-light:#b3352c;    /* مقيس 6.07 على فاتح-1 · 5.35 على فاتح-3 */
  --success-dark:#5fb57a;    /* @kind color */ /* تدقيق Impeccable 09-08: حالة النجاح كانت غائبة — مقيس 8.1 على #000 */
  --success-light:#1f7a3f;   /* @kind color */ /* مقيس 5.3 على فاتح-1 */
}

/* ================================================================
   الدلاليات — الإضاءة الفاتحة (الافتراض: القسم الجديد فاتح — بند 6)
   بند الدمج 2: تفصيل D1 الفضي يعيش هنا أيضًا — شعيرات، لمسات كشاف،
   قواعد توهج — فالفاتح «المسرح نفسه تحت أضواء الصالة» لا حشو أبيض.
   ================================================================ */
:root,
.lighting-light{
  --bg-page:var(--silver-light-1);
  --bg-band:var(--silver-light-2);         /* حزام القسم — أرض الاستراحة */
  --bg-component:var(--silver-light-3);
  --bg-hover:var(--silver-light-4);
  --bg-active:var(--silver-light-5);
  --border-subtle:var(--silver-light-6);
  --border:var(--silver-light-7);
  --border-strong:var(--silver-light-8);
  --fill:var(--silver-light-9);            /* الزر الأساسي الفاتح حبريّ */
  --fill-hover:var(--silver-light-10);
  --on-fill:#f6f6f6;                       /* مقيس 16.47 على التعبئة */
  --fill-cta:var(--fill);                  /* على الفاتح قرص الفعل هو الحبري نفسه (RULING B تخص الداكن) */
  --fill-cta-hover:var(--fill-hover);
  --on-fill-cta:var(--on-fill);
  --text-high:var(--silver-light-12);
  --text-low:var(--silver-light-11);
  --text-annotation:var(--silver-light-11);/* طبقة التعليق المرفوعة — بند 7 */
  --text-stat:var(--silver-light-9);
  --icon-ink:#555555;                      /* مقيس 7.19 على فاتح-1 (المطلوب 3:1) · أيقونة داخل زر ترث currentColor */
  --focus-ring:#555555;                    /* مقيس 7.19؛ فاتح-8 لا يكفي حلقةً (2.62) */
  --surface-card:var(--silver-light-1);    /* البطاقة تطفو بالظل والشعيرة لا باللون */
  --surface-field:var(--silver-light-1);
  --hair:var(--silver-light-6);
  --hair-soft:rgba(22,22,22,.08);
  --spot-glow:rgba(90,90,90,.10);         /* توهج كشاف مكيّف للفاتح — قواعد D1 */
  --spot-hair:rgba(90,90,90,.40);         /* الشعيرة الفضية أعلى البطاقة */
  --shadow-card:0 24px 48px -36px rgba(22,22,22,.25);
  --shadow-card-hover:0 40px 70px -44px rgba(22,22,22,.45);
  --shadow-btn:0 18px 40px -24px rgba(22,22,22,.5);
  --orbit-gold-ink:var(--orbit-gold-ink-light);
  --danger:var(--danger-light);
  --success:var(--success-light);
  /* ستارة التعليق فوق الصور — الصورة تبقى بلونها (حكم 2026-09-01) */
  --caption-scrim:linear-gradient(0deg,rgba(3,4,5,.86),rgba(3,4,5,.42) 58%,transparent); /* @kind color */--grade-0:contrast(1.04) saturate(1.06); /* @kind other */--grade-1:contrast(1.10) saturate(1.14) brightness(1.02); /* @kind other */}

/* ================================================================
   الدلاليات — الإضاءة الداكنة: «هنا يُصرف الأسود» (بند 6)
   مواضع الصرف المعلنة: hero · ذروة البرهان · الختام.
   والرأس والتذييل تثبيتان داكنان دائمان خارج ميزانية التعادل.
   ================================================================ */
.lighting-dark{
  --bg-page:var(--silver-dark-1);
  --bg-band:var(--silver-dark-2);
  --bg-component:var(--silver-dark-3);
  --bg-hover:var(--silver-dark-4);
  --bg-active:var(--silver-dark-5);
  --border-subtle:var(--silver-dark-6);
  --border:var(--silver-dark-7);
  --border-strong:var(--silver-dark-8);
  --fill:var(--silver-dark-9);             /* للتعبئات غير الـ CTA */
  --fill-hover:var(--silver-dark-10);
  --on-fill:#101216;                       /* مقيس 9.33 على التعبئة */
  --fill-cta:var(--cta-fill-dark-ground);  /* RULING B */
  --fill-cta-hover:var(--cta-fill-dark-hover);
  --on-fill-cta:var(--on-cta-dark-ground);
  --text-high:#ffffff;                     /* حكم 09-08: العنوان أبيض صرف على الداكن */
  --text-low:#e6e6e6;                      /* حكم 09-08: المتن الثانوي قريب من الأبيض — الرمادي 11 للميتا الأحادية وحدها (مقيس 15.9 على #000) */
  --text-annotation:var(--silver-dark-11); /* دور 11 حصرًا — دور 8 كنصٍّ فشل مقيسًا (2.63) */
  --text-stat:var(--silver-dark-10);       /* مقيس 11.75 على داكن-2 */
  --icon-ink:var(--silver-dark-11);
  --focus-ring:var(--silver-dark-9);       /* مقيس 9.80 */
  --surface-card:var(--silver-dark-3);
  --surface-field:var(--silver-dark-3);
  --hair:rgba(181,181,181,.14);
  --hair-soft:rgba(181,181,181,.08);
  --spot-glow:rgba(181,181,181,.16);
  --spot-hair:rgba(181,181,181,.50);
  --shadow-card:0 10px 34px rgba(0,0,0,.45);   /* حكم 09-08: العمق يُقرأ ثراءً — كان بلا ظل */
  --shadow-card-hover:0 30px 90px rgba(0,0,0,.55);
  --shadow-btn:0 0 40px rgba(181,181,181,.25);
  --orbit-gold-ink:var(--orbit-gold);
  --danger:var(--danger-dark);
  --success:var(--success-dark);
}

/* ================================================================
   v2 «الميل البارد» — أساس محفوظ للمقارنة (لا يُطبَّق · لا يُحذف)
   حكم مالك 2026-09-08: الفضي المعدني البارد يُقرأ قاتمًا كئيبًا؛ السلّم النافذ
   أعلاه يحفظ درجات الإضاءة الاثنتي عشرة ويُسقط الكروما (hue 253-262 → 0)،
   على نموذج tonyrobbins.com المقيس (#000 · #555 · #696969 · #F6F6F7 · #FFF).
   داكن: 0a0b0d · 0f1114 · 15181c · 1b1f24 · 22262d · 2c313a · 3a414c · 4f5866 · aeb8c4 · c3cdd9 · 96a1af · e9eef4
   فاتح: fbfcfd · f5f6f8 · eef1f4 · e6eaee · dfe3e9 · d9dde2 · c2c8cf · 97a1ad · 15181c · 272d36 · 5a6470 · 101418
   ================================================================ */

/* ================================================================
   v1 — الأساس المحفوظ للمقارنة (لا يُطبَّق أبدًا · لا يُحذف أبدًا)
   حكم README: سلّم v1 أساس محفوظ، وv1 يبقى مرئيًا مرجعًا.
   ما يلي تعليق خالص — ليس رموزًا حيّة.
   ----------------------------------------------------------------
   --onyx/--bg:#070708 · --bg-2:#0c0c0f · --surface:#121216
   --surface-2:#16161b · --ink:#f6f3ec · --muted:#a39d92
   --faint:#6a655c · --silver:#aab4c0 · --silver-bright:#dde6ef
   --silver-deep:#5b6571 · --hair:rgba(170,180,192,.22)
   --hair-soft:rgba(246,243,236,.08) · --danger:#e5675f · --on-silver:#14171b
   .light: bg #ffffff · ink #121212 · muted #565656 · faint #8a8a8a
   silver #51606f · silver-deep #3f4954 · hair rgba(120,135,155,.32)
   الظلال: --shadow-card:0 18px 40px -28px rgba(18,18,18,.4)
   --shadow-lift:0 30px 60px -34px rgba(18,18,18,.5)
   --shadow-deep:0 50px 100px -50px #000 (بقي مقاسًا في D4)
   --shadow-silver:0 16px 44px -16px rgba(221,230,239,.5)
   ================================================================ */

/* ================================================================
   الطباعة — v2
   الأدوار والمقاسات منقولة من v1 بحكم المالك («الأدوار والمقاسات
   ثابتة»)، ووزن العناوين مُتجاوَز إلى 700 بحكم 2026-08-27.
   محظور في هذا النظام: Cairo · Reem Kufi · Tajawal.
   ================================================================ */
:root{
  /* ---- العائلات ---- */
  --font-display:'Noto Kufi Arabic',sans-serif;               /* العناوين والواجهة */
  --font-body:'AL-Mohanad','Noto Kufi Arabic','Amiri',serif;  /* المتن العربي — مواقع الترقيم الخمسة المُسقطة تُؤدّى من الكوفي، وAmiri آخر السلسلة */
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;         /* الكود والمواصفة والميتا اللاتينية */
  --font-latin-display:'Trajan Pro','Cinzel',serif;           /* حكم مالك 2026-09-08: Trajan Pro للعناوين الإنجليزية الفخمة — Cinzel احتياطًا حتى تُنقل ملفاته من مشروع القيادة تحدٍّ بتحفّظ الترخيص */
  --font-latin-serif:'Cormorant Garamond',serif;              /* لاتيني فاخر معتمد */
  --font-latin-sans:'Instrument Sans','Noto Kufi Arabic',sans-serif; /* حكم مالك 2026-09-08 (المرشّح ج): الواجهة والمتن والزر والميتا الإنجليزية — عائلة واحدة محايدة تترك المسرح للصورة */

  /* ---- الأوزان — العناوين 700 (تجاوز «400 فقط» في v1) ---- */
  --fw-regular:400; /* @kind font */--fw-medium:500; /* @kind font */--fw-semibold:600; /* @kind font */--fw-heading:700; /* @kind font */--fw-extrabold:800; /* @kind font */ /* ---- سلّم المقاسات ---- */
  --text-xs:12px;            /* وسوم وميتا */
  --text-sm:14px;            /* تسميات وواجهة وميتا البطاقات */
  --text-base:16px;          /* متن كثيف + أرضية حقول الإدخال */
  --text-md:19px;            /* فقرات المتن */
  --text-lg:24px;            /* عناوين البطاقات */
  --text-xl:28px;            /* عناوين فرعية */
  --text-2xl:34px;           /* عناوين الأقسام داخل الصفحات */
  --text-3xl:44px;           /* عناوين الأقسام الكبرى / أرقام الإحصاء */
  --text-4xl:60px;
  --text-5xl:72px;
  --text-6xl:120px;
  --display-hero:clamp(56px,9.2vw,156px); /* @kind font */--display-section:clamp(36px,4.8vw,68px); /* @kind font */--display-closing:clamp(44px,7vw,104px); /* @kind font */--type-eyebrow-size:13px;

  /* ---- ارتفاع السطر — أرضية الكوفي 1.3 (منهجية 02)؛ v1‏ 1.22 متجاوَز ---- */
  --lh-heading:1.3; /* @kind font */--lh-snug:1.4; /* @kind font */--lh-body:1.8; /* @kind font */ /* متن نسخي */
  --lh-loose:2.05; /* @kind font */ /* ---- تباعد الأحرف — لاتيني فقط؛ على العربية محظور بأي قيمة (منهجية 02) ---- */
  --ls-latin-caps:.05em; /* @kind font */ /* تسميات لاتينية uppercase صغيرة فقط */
  --ls-latin-display:-.02em; /* @kind font */ /* عناوين عرض لاتينية كبيرة فقط */
}

/* ================================================================
   المسافات والأقطار والتخطيط — v2
   السلّم الثماني والأقطار والحاوية منقولة من v1 بأمر البناء.
   ================================================================ */
:root{
  /* ---- السلّم الثماني ---- */
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:48px;
  --space-6:64px;
  --space-7:96px;
  --space-8:120px;
  --section-y:96px;          /* الحشوة الرأسية للقسم القياسي */
  --section-y-peak:120px;    /* أقسام الذروة وكتلة البيان — مقاس D2/D4 */

  /* ---- الأقطار ---- */
  --radius-field:10px;
  --radius-card:14px;        /* البطاقة الافتراضية */
  --radius-lg:18px;
  --radius-xl:20px;
  --radius-pill:100px;       /* الأزرار والشارات والوسوم */

  /* ---- التخطيط ---- */
  --container:1360px;
  --pad-x:48px;
  --pad-x-mobile:22px;
  --grid-cols:12; /* @kind other */--grid-gap:24px;
  /* عرض المتن — كان 62ch مكرّرًا يدويًّا (تدقيق Impeccable 09-08 البند 10 · تفويض 09-09 C) */
  --measure:62ch; /* @kind spacing */--measure-narrow:60ch; /* @kind spacing */
  --z-sticky-cta:280; /* @kind other */--z-header:300; /* @kind other */--z-mobile-nav:350; /* @kind other */--z-progress:400; /* @kind other */ /* ---- نقاط الكسر المقاسة من نماذج القالب (عقد 04) ----
     749px الجوال في الـ hero · 900px انهيار شبكة الباقات إلى عمود ·
     1080px انطواء قائمة الرأس خلف زر القائمة. */
  --bp-hero-mobile:749px; /* @kind spacing */--bp-grid-collapse:900px; /* @kind spacing */--bp-nav-collapse:1080px; /* @kind spacing */ /* ---- التركيز واللمس ---- */
  --focus-w:3px; /* @kind spacing */--focus-offset:2px; /* @kind spacing */--tap-min:2.75rem; /* @kind spacing */ /* الحد الأدنى لهدف اللمس */
}

/* ================================================================
   الحركة — v2
   المنحنيات الثلاثة المعتمدة لا غيرها (منهجية 03 + system/motion.md).
   منحنى v1 القديم (.19,1,.22,1) مرفوض.
   المحظور: مكتبات الحركة · translateX · transition:all ·
   backdrop-filter · تباعد الأحرف على العربية وتحريكه.
   ================================================================ */
:root{
  --ease-out:cubic-bezier(0.23,1,0.32,1); /* @kind other */ /* الدخول والخروج */
  --ease-in-out:cubic-bezier(0.77,0,0.175,1); /* @kind other */ /* الحركة على الشاشة */
  --ease-drawer:cubic-bezier(0.32,0.72,0,1); /* @kind other */ /* الأدراج */
  --ease-words:cubic-bezier(0.16,1,0.3,1); /* @kind other */ /* استثناء منصوص: كشف كلمات الـ hero وحده */

  --dur-press:160ms; /* @kind other */ /* ضغطة الزر (جدول 03: 100-160) */
  --dur-chip:150ms; /* @kind other */ /* تحويم الرقاقة والروابط */
  --dur-reveal-lite:300ms; /* @kind other */ /* البزوغ عند التمرير — opacity + 8px */
  --dur-card:280ms; /* @kind other */ /* رفع البطاقة وتوهج الكشاف */
  --dur-acc:200ms; /* @kind other */ /* ارتفاع الأكورديون — الخاصية الوحيدة المسموح تحريكها من الأبعاد */
  --dur-ui-max:300ms; /* @kind other */ /* سقف الواجهة — التسويقي يجوز أطول */
  --dur-reveal:600ms; /* @kind other */ /* كشف clip-path */
  --dur-word:800ms; /* @kind other */ /* كشف كلمات الـ hero وحده */
  --dur-ticker:1200ms; /* @kind other */ /* عدّاد الأرقام — طبقة تسويقية */
  --stagger-step:60ms; /* @kind other */ /* التدرج الجماعي (نطاق 03: 30-80) · حد 8 عناصر */
  --stagger-word:70ms; /* @kind other */ /* تدرج كشف الكلمات */
  --press-scale:0.96; /* @kind other */ /* مقاس 04، ضمن نطاق 03 (0.95-0.98) */
  --lift-card:-6px; /* @kind spacing */ /* رفع البطاقة */
  --lift-btn:-2px; /* @kind spacing */ /* رفع الزر */
  --reveal-rise:8px; /* @kind spacing */ /* مسافة البزوغ */
  /* طبقة المسرح — حكم مالك 2026-09-08: للعروض والفيديو فقط؛ الواجهة تبقى على 8px.
     منقولة من القيادة تحدٍّ: مخمّدة، أقل من ثانية، بالكتلة لا بالحرف، بناءات مخطوة لا موقوتة. */
  --ease-stage:cubic-bezier(.2,.75,.25,1); /* @kind other */
  --dur-stage-fade:550ms; /* @kind other */
  --dur-stage-rise:850ms; /* @kind other */
  --stagger-stage:140ms; /* @kind other */ /* العنوان ثم الفقرة */
  --reveal-rise-stage:30px; /* @kind spacing */
}

/* ================================================================
   المؤثرات — v2 · حكم مالك 2026-09-08 (مقترح الإشراق السينمائي)
   الآلية منقولة من نظام «القيادة تحدٍّ» (tokens/effects.css هناك) بلا ذهبه.
   «اللون ضوء لا طلاء»: لون البرنامج يظهر توهجًا وشعيرة وكلمة — نادرًا تعبئة.
   مستقلّ عن السطح: الويب والعروض والفيديو تقرأ الملف نفسه.
   القاعدة المقرّة: التوهج في الهيرو والختام فقط — وبينهما أسود هادئ.
   ================================================================ */
:root{
  /* لون البرنامج على حاويته وحدها — فارغًا يعود كل شيء إلى الفضي */
  --program-accent:var(--silver-dark-9);                                              /* @kind color */
  --program-light:oklch(from var(--program-accent) .78 c h);                          /* @kind color */ /* الكلمة الملوّنة على الأسود؛ القواعد لا تُستعمل نصًّا */
  --program-glow:color-mix(in oklch,var(--program-accent) 30%,transparent);           /* @kind color */

  /* التوهج الشعاعي — خلفية الهيرو والختام */
  --fx-glow-radial:radial-gradient(55% 50% at 72% 28%,var(--program-glow),transparent 70%); /* @kind other */
  --fx-glow-side:radial-gradient(70% 60% at 100% 50%,var(--program-glow),transparent 60%);  /* @kind other */
  --fx-halo:radial-gradient(38% 40% at 50% 50%,rgba(255,255,255,.09),transparent 70%);      /* @kind other */ /* هالة لحظة الفخامة */
  --fx-frame:1px solid rgba(255,255,255,.16);                                                /* @kind other */ /* الإطار الشعيري للحظة الفخامة */

  /* تدريج الصورة على الداكن + ظلال الزوايا + طبقة البرنامج */
  --fx-img-grade:brightness(.72) saturate(.9) contrast(1.04);                                /* @kind other */
  --fx-img-grade-deep:brightness(.5) saturate(.8) contrast(1.05);                            /* @kind other */ /* خلف نص كثيف */
  --fx-vignette:radial-gradient(80% 80% at 50% 40%,transparent,rgba(0,0,0,.45));             /* @kind other */
  --fx-tint:linear-gradient(0deg,color-mix(in oklch,var(--program-accent) 22%,transparent),transparent 55%); /* @kind other */ /* تُركَّب بـ mix-blend-mode:soft-light */

  /* الظلال العميقة على الداكن */
  --shadow-media:0 30px 90px rgba(0,0,0,.55);
  --shadow-title-text:0 2px 40px rgba(0,0,0,.6);
  --shadow-program:0 0 70px -24px var(--program-accent);                                     /* @kind other */ /* توهج البطاقة عند التحويم */

  /* الرقم الشبحي — العروض والفيديو فقط (حكم 09-08) */
  --fx-ghost-opacity:.05;                                                                    /* @kind other */
}

/* ================================================================
   لوحة الفعاليات — v2 · معتمدة من المالك 2026-09-08
   القيم مقيسة بالبكسل من «خارطة منتجات وخدمات رشاد فقيها» (assets/brand/product-map-2026.png):
   شريط كل شعار، والنار من اللهب في شعار «أطلق قواك» لأن شريطه يطابق «سيادة الحياة».
   تُطبَّق على حاوية البرنامج وحدها (بطاقته · صفحته) عبر --program-accent — لا على الصفحة.
   الدافئة تحمل حبرًا داكنًا والباردة حبرًا أبيض؛ الكلمة الملوّنة على الأسود بـ --program-light دائمًا.
   ================================================================ */
.program-unleash-your-power{--program-accent:#b74617; /* @kind color */ --program-ink:#ffffff; /* @kind color */} /* أطلق قواك الخفية · اللهب */
.program-success-mastery{--program-accent:#276c36; /* @kind color */ --program-ink:#ffffff; /* @kind color */} /* سيادة النجاح */
.program-life-mastery{--program-accent:#f49c39; /* @kind color */ --program-ink:#101216; /* @kind color */} /* سيادة الحياة */
.program-date-with-destiny{--program-accent:#11529f; /* @kind color */ --program-ink:#ffffff; /* @kind color */} /* موعد مع المصير */
.program-leadership-challenge{--program-accent:#C9A24D; /* @kind color */ --program-ink:#101216; /* @kind color */} /* القيادة تحدٍّ · لون نظام البرنامج (الشريط #c49239) */
.program-business-challenge{--program-accent:#dfa51e; /* @kind color */ --program-ink:#101216; /* @kind color */} /* تحدي الأعمال · معكوس: أرض سوداء وحرف ذهبي */
.program-train-the-trainer{--program-accent:#6e398b; /* @kind color */ --program-ink:#ffffff; /* @kind color */} /* تدريب المدربين */
/* معسكر التوجيه: بلا لون — الفضي الحيادي (المعسكر مكانٌ لا منهج) */

/* ================================================================
   الأساس — v2
   تصفير، قاعدة العناوين، الروابط، حلقة التركيز، تطبيق الإضاءة،
   ومساعدات المحارف (المونو والأرقام الغربية).
   عربي أولًا RTL · الأرقام غربية دائمًا · لا تباعد أحرف على العربية.
   ================================================================ */
*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  font-family:var(--font-body);
  font-size:var(--text-md);
  line-height:var(--lh-body);
  background:var(--bg-page);
  color:var(--text-high);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* قاعدة العناوين: كوفي بوزن 700 (حكم مالك 2026-08-27) — الهرمية بالمقاس */
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-display);
  font-weight:var(--fw-heading);
  line-height:var(--lh-heading);
  margin:0;
  text-wrap:balance;
}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}

/* الروابط — لون النص العالي، ويضيء/يخفت بلا أزرق افتراضي أبدًا */
a{color:var(--text-high);text-decoration-thickness:1px;text-underline-offset:.25em}
a:hover{color:var(--text-high);text-decoration-color:var(--border-strong)}

img,video{max-width:100%;display:block}
button{font:inherit;color:inherit}

/* حلقة التركيز — 3px بإزاحة 2px، مقيسة ≥ 3:1 على أرضيتها */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:var(--focus-w) solid var(--focus-ring);
  outline-offset:var(--focus-offset);
}

/* تطبيق الإضاءة على العنصر الحامل — الافتراض فاتح، والداكن صرف معلن */
.lighting-light,
.lighting-dark{
  background:var(--bg-page);
  color:var(--text-high);
}

/* مساعدات المحارف */
.mono{
  font-family:var(--font-mono);
  direction:ltr;
  unicode-bidi:isolate;
  letter-spacing:var(--ls-latin-caps);
}
.num{
  font-variant-numeric:tabular-nums;
  direction:ltr;
  unicode-bidi:isolate;
}

/* البزوغ عند التمرير — الإخفاء الأولي معلّق على html.js فقط:
   المحتوى مرئي كاملًا بلا JavaScript (منهجية 03) */
.js [data-reveal]{opacity:0;transform:translate3d(0,var(--reveal-rise),0)}
.js [data-reveal].is-in{
  opacity:1;transform:none;
  transition:opacity var(--dur-reveal-lite) var(--ease-out),transform var(--dur-reveal-lite) var(--ease-out);
}

@media (prefers-reduced-motion:reduce){
  .js [data-reveal]{transform:none}
  .js [data-reveal].is-in{transition:opacity var(--dur-reveal-lite) var(--ease-out)}
}

/* ================================================================
   طبقة أصناف المكوّنات — v2
   منقولة بقيمها المقيسة من system/components.html (صحيفة المكوّنات
   المعتمدة 2026-08-27). مكوّنات React في components/ تستهلك هذه
   الأصناف — فالحالات (تحويم، ضغط، تركيز، تقليل الحركة) تبقى
   مقيسة في مكان واحد لا مكرّرة في كل ملف.
   لا backdrop-filter · لا translateX · لا transition:all.
   ================================================================ */

/* ---- هيكل القسم ---- */
.sec{padding:var(--section-y) clamp(24px,5vw,64px)}
.sec-inner{max-width:var(--container);margin-inline:auto}
.sec-head{margin-bottom:var(--space-4)}
.sec-head h2{font-size:var(--text-2xl);margin-top:10px}
.sec-head .desc{margin-top:12px}
.row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}
.stack{display:grid;gap:var(--space-2)}
.panel{padding:40px 32px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}
.panel .plabel{
  font-family:var(--font-mono);font-size:12px;color:var(--text-annotation);
  letter-spacing:var(--ls-latin-caps);direction:ltr;unicode-bidi:isolate;
  display:block;margin-bottom:var(--space-3);
}

/* ---- الحاجب (kicker) والوصف ---- */
.kick{
  font-family:var(--font-display);font-size:var(--type-eyebrow-size);
  font-weight:var(--fw-medium);color:var(--text-annotation);
}
.kick-gold{color:var(--orbit-gold-ink)}   /* قرار معلن — بطاقة «القيادة تحدٍّ» وحدها */
.desc{color:var(--text-low);max-width:var(--measure);text-wrap:pretty} /* حكم 09-08: الوصف متنٌ ثانوي → --text-low؛ --text-annotation للميتا الأحادية والحاجب فقط · عرض المتن رمز --measure (09-09) */

/* ---- الأزرار — حبّة دواء؛ ضغطة scale(0.96)؛ تركيز 3px ---- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);
  border-radius:var(--radius-pill);padding:14px 36px;min-height:var(--tap-min);
  cursor:pointer;border:1px solid transparent;text-decoration:none;
}
/* حكم A7: أيقونة الزر ترث لون نص زرّها دائمًا — لا --icon-ink داخل الأزرار */
.btn svg{color:currentColor}
.btn-fill{background:var(--fill-cta);color:var(--on-fill-cta);box-shadow:var(--shadow-btn)}
.btn-ghost{background:transparent;color:var(--text-high);border-color:var(--border)}
.btn-sm{padding:10px 28px}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
/* حالة التحميل — تدقيق Impeccable 2026-09-08 (P1: لا حالة تحميل لأي فعل شبكي). النص يبقى في المكان بلا تغيير عرض؛ القرص يدور فوقه. */
.btn[aria-busy="true"]{position:relative;color:transparent;pointer-events:none}
.btn[aria-busy="true"]::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid var(--on-fill-cta);border-inline-end-color:transparent;animation:btn-spin .8s linear infinite}
.btn-ghost[aria-busy="true"]::after{border-color:var(--text-high);border-inline-end-color:transparent}
@keyframes btn-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.btn[aria-busy="true"]::after{animation-duration:1.6s}}
/* رسالة حالة النموذج — نجاح/خطأ تحت الفعل، لا لونًا وحده (تدقيق Impeccable) */
.form-status{display:flex;gap:10px;align-items:flex-start;font-family:var(--font-display);font-size:var(--text-sm);padding:12px 16px;border-radius:var(--radius-field);border:1px solid var(--border);color:var(--text-high)}
.form-status.is-success{border-color:var(--success)}
.form-status.is-error{border-color:var(--danger);color:var(--danger)}
.form-status svg{flex:none;margin-top:2px}
.focus-demo{outline:var(--focus-w) solid var(--focus-ring);outline-offset:var(--focus-offset)}

/* ---- الرقاقات — موزّع النوايا ---- */
.chip{
  display:inline-flex;align-items:center;font-family:var(--font-display);
  font-size:var(--text-sm);font-weight:var(--fw-medium);
  border:1px solid var(--border);color:var(--text-high);
  border-radius:var(--radius-pill);padding:8px 20px;min-height:var(--tap-min);
  text-decoration:none;background:transparent;cursor:pointer;
}
.chip[aria-current="true"],.chip.is-active{background:var(--bg-active);border-color:var(--border-strong)}

/* ---- البطاقات — تفصيل D1 الفضي على الإضاءتين (بند 2) ---- */
.card{
  position:relative;background:var(--surface-card);
  border:1px solid var(--border-subtle);border-radius:var(--radius-card);
  padding:28px;box-shadow:var(--shadow-card);
}
.card::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(120% 55% at 50% 0%,var(--spot-glow),transparent 70%);opacity:.55;
}
.card::after{
  content:"";position:absolute;top:-1px;inset-inline:12%;height:1px;pointer-events:none;
  background:linear-gradient(to right,transparent,var(--spot-hair),transparent);
}
.card h3{font-size:var(--text-lg);margin-top:12px}
.card .body{color:var(--text-low);margin-top:12px}
.card .meta{
  font-family:var(--font-mono);font-size:15px;color:var(--text-annotation);
  margin-top:20px;direction:ltr;unicode-bidi:isolate;text-align:end;
}

/* خيط المدار على مستوى هرمي واحد (عقد 04) */
.card-orbit{border-top:2px solid var(--border-strong)}   /* النواة الفضية */
.card-orbit-gold{border-top:2px solid var(--orbit-gold)}  /* قرار معلن — «القيادة تحدٍّ» وحدها */

/* ---- كتلة البيان السوداء — مقياس D2 التحريري (بند 3) ---- */
.statement{padding-block:var(--section-y-peak);text-align:center;position:relative;overflow:clip}
.statement::before{
  content:"";position:absolute;top:-120px;inset-inline:20%;height:340px;pointer-events:none;
  background:radial-gradient(closest-side,var(--spot-glow),transparent);
}
.statement blockquote{
  margin:0 auto;max-width:24ch;font-family:var(--font-display);font-weight:var(--fw-heading);
  font-size:var(--display-section);line-height:var(--lh-heading);text-wrap:balance;position:relative;
}
.statement .attr{margin-top:var(--space-4)}

/* ---- صف الأرقام + العدّاد (بند 4) ---- */
.stats{display:flex;gap:56px;flex-wrap:wrap;border-top:1px solid var(--hair);padding-top:var(--space-4)}
.stat-num{
  font-family:var(--font-display);font-weight:var(--fw-heading);font-size:var(--text-3xl);
  color:var(--text-stat);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;
}

/* ---- الأيقونات — عائلة خط 2px برؤوس مدوّرة (أيقونات v1 مرفوضة) ---- */
.ico{
  display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;
  border:1px solid var(--border);border-radius:var(--radius-card);
  color:var(--icon-ink);background:transparent;
}
.ico svg{display:block}
.ico-bare{width:auto;height:auto;border:0;border-radius:0}
/* الاتجاه (09-09): الرموز الاتجاهية مرسومة للعربية وتنعكس تحت LTR؛ ico-flip عكس يدوي */
[dir="ltr"] .ico-dir,.ico-flip{transform:scaleX(-1)}
[dir="ltr"] .ico-dir.ico-flip{transform:none}

/* ---- حقول النماذج ---- */
.field{display:grid;gap:8px}
.field label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold)}
.control{
  font-family:var(--font-body);font-size:var(--text-base);color:var(--text-high);
  background:var(--surface-field);border:1px solid var(--border);
  border-radius:var(--radius-field);padding:10px 16px;min-height:var(--tap-min);width:100%;
}
.control::placeholder{color:var(--text-annotation);opacity:1}
textarea.control{min-height:96px;resize:vertical;line-height:var(--lh-snug)}
.selectwrap{position:relative}
.selectwrap select{appearance:none;padding-inline-end:44px}
.selectwrap .chev{position:absolute;inset-inline-end:16px;top:calc(50% - 8px);color:var(--icon-ink);pointer-events:none}
.field .hint{font-size:var(--text-sm);color:var(--text-low)} /* تدقيق Impeccable: التلميح يُقرأ — لا رمادي الميتا */
.field.is-error .control{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)} /* لون + سماكة: لا لون وحده */
.field.is-error .hint{color:var(--danger);font-weight:var(--fw-medium)}

/* ---- الشارات ---- */
.badge{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);
  font-size:var(--type-eyebrow-size);font-weight:var(--fw-medium);
  border:1px solid var(--border);color:var(--text-high);
  border-radius:var(--radius-pill);padding:6px 16px;
}
.badge-fill{background:var(--fill);color:var(--on-fill);border-color:transparent}
.badge-annot{color:var(--text-annotation)}
.badge-gold{border-color:var(--orbit-gold);color:var(--orbit-gold-ink)}  /* قرار معلن */

/* ---- بطاقة المنتج الفيديوية (مرجع 01ج): الفيديو هو صورة المنتج ----
   العقد: كسول (preload=none + رصد تقاطع) · poster من المرحلة 04 ·
   muted + playsinline · إيقاف خارج الشاشة · تقليل الحركة = لا تشغيل تلقائيًا */
.vp{padding:0;overflow:clip}
.vp .vp-media{
  position:relative;aspect-ratio:16/9;border-bottom:1px solid var(--border-subtle);
  background:radial-gradient(90% 130% at 50% 0%,var(--spot-glow),transparent 70%),var(--bg-component);
  display:grid;place-items:center;
}
.vp .vp-media video,.vp .vp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vp .vp-poster-note{
  font-family:var(--font-mono);font-size:12px;color:var(--text-annotation);
  letter-spacing:var(--ls-latin-caps);direction:ltr;unicode-bidi:isolate;
  text-align:center;padding-inline:16px;position:relative;
}
.vp .vp-flags{position:absolute;top:12px;inset-inline-end:12px;background:var(--surface-card)}
.vp .vp-play{
  position:absolute;bottom:12px;inset-inline-start:12px;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);
  color:var(--text-high);background:var(--surface-card);border:1px solid var(--border);
  border-radius:var(--radius-pill);padding:8px 18px;min-height:var(--tap-min);cursor:pointer;
}
.vp .vp-body{padding:24px 28px 28px}

/* ---- بطاقة الفعالية العمودية 9:16 (مرشّح ج، حكم مالك 2026-09-08) ----
   النواة حيادية والبرنامج يحمل لونه عبر --program-accent على حاويته وحدها؛
   بلا لون معلن تعود الشعيرة إلى الفضي. الفيديو زينة: كسول صامت معاد بلا ضوابط،
   والملصق إلزامي لحظة وجود أول أصل. الحركة طبقة أولى (CSS) فقط. */
.ev{padding:0;overflow:clip;border-top:2px solid var(--program-accent,var(--border-strong));box-shadow:var(--shadow-card);transition:transform var(--dur-card) var(--ease-out),box-shadow var(--dur-card) var(--ease-out),border-color var(--dur-card) var(--ease-out)}
.ev:hover{transform:translateY(var(--lift-card));box-shadow:var(--shadow-media),var(--shadow-program);border-color:var(--program-accent,var(--border-strong))}
.ev:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}
.ev .ev-media{display:block;color:inherit;text-decoration:none;position:relative;aspect-ratio:9/16;background:radial-gradient(90% 130% at 50% 0%,var(--spot-glow),transparent 70%),var(--bg-component)}
.ev .ev-media video,.ev .ev-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:var(--fx-img-grade)}
.ev .ev-veil{position:absolute;inset:0;background:var(--fx-vignette),var(--caption-scrim)}
.ev .ev-tint{position:absolute;inset:0;background:var(--fx-tint);mix-blend-mode:soft-light;pointer-events:none}
.ev .ev-cap{position:absolute;inset:auto 0 0;padding:var(--space-3);display:grid;gap:8px}
.ev .ev-cap h3{margin:0;color:#ffffff;font-size:var(--text-lg);text-shadow:var(--shadow-title-text)}
.ev .ev-cap .ev-line{margin:0;font-family:var(--font-display);font-size:var(--text-sm);color:#e6e6e6}
.ev .ev-badge{justify-self:start;background:var(--program-accent,var(--silver-dark-9));color:var(--program-ink,#101216);border-color:transparent}
.ev .ev-play{position:absolute;top:12px;inset-inline-end:12px;width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-pill);border:0;display:grid;place-items:center;background:var(--cta-fill-dark-ground);color:var(--on-cta-dark-ground);cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity var(--dur-card) var(--ease-out),transform var(--dur-card) var(--ease-out)}
.ev:hover .ev-play,.ev:focus-within .ev-play{opacity:1;transform:none}
.ev .ev-pending{position:absolute;bottom:0;inset-inline-start:0;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--ls-latin-caps);direction:ltr;padding:5px 10px;background:rgba(3,4,5,.7);color:var(--silver-dark-10)}
@media (prefers-reduced-motion:reduce){.ev,.ev .ev-play{transition:none}.ev:hover{transform:none}.ev .ev-play{opacity:1;transform:none}}

/* ---- هيرو الفيديو — عقد المحتوى (masterclass، البند 4): مشغّل كامل، بلا تشغيل تلقائي ---- */
.vh{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center;position:relative;isolation:isolate}
.vh.vh-glow{overflow:clip;margin-inline:calc(-1 * clamp(24px,5vw,64px));padding-inline:clamp(24px,5vw,64px)} /* التوهج يمتد خارج الشبكة (inset:-20% -10%) — يُقصّ هنا فلا يفيض على الصفحة أفقيًّا (تدقيق 09-09) */
.vh.vh-glow::before{content:"";position:absolute;inset:-20% -10%;background:var(--fx-glow-radial);z-index:-1;pointer-events:none}
@media (max-width:900px){.vh{grid-template-columns:1fr;gap:var(--space-3)}}
.vh .vh-player{position:relative;border-radius:var(--radius-xl);overflow:clip;border:1px solid var(--hair);background:var(--bg-component);box-shadow:var(--shadow-media)}
.vh .vh-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
/* بلا src: ملصق ثابت أو خانة واضحة — لا مشغّل معطّل (مراجعة 09-09 البند 4) */
.vh .vh-poster{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.vh .vh-slot{aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(90% 130% at 50% 0%,var(--spot-glow),transparent 70%),var(--bg-component)}
.vh .vh-slot-note{font-family:var(--font-mono);font-size:12px;color:var(--text-annotation);letter-spacing:var(--ls-latin-caps);direction:ltr;unicode-bidi:isolate;text-align:center;padding-inline:16px}
.vh .vh-player .ev-pending{inset-inline-start:auto;inset-inline-end:0}
.vh h1,.vh h2{margin:12px 0 0;font-size:var(--display-section);text-shadow:var(--shadow-title-text)}
.vh h1 em,.vh h2 em{font-style:normal;color:var(--program-light)}
.vh .lede{margin:var(--space-2) 0 0;font-size:var(--text-md);line-height:var(--lh-body);color:var(--text-low);max-width:var(--measure);text-wrap:pretty}
.vh .vh-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}

/* ---- رفّ المجال — featured-collection بصف واحد في الثيم (مرشّح أ) ---- */
.shelf{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
.shelf-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}
.shelf-head h3{margin:0;font-size:var(--text-2xl)}
.shelf-head .shelf-all{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-low)}
.shelf-rail{display:flex;gap:var(--grid-gap);overflow-x:auto;scroll-snap-type:x mandatory;padding-block:8px 32px;scrollbar-width:none;min-width:0}
.shelf-rail::-webkit-scrollbar{display:none}
.shelf-rail>*{flex:0 0 var(--shelf-item,300px);scroll-snap-align:start}

/* ---- سؤال فرز النوايا — قبل الكتالوج (masterclass، البند 2) ---- */
.intent{display:grid;gap:var(--space-3);max-width:760px}
.intent h2{margin:8px 0 0;font-size:var(--text-2xl)}
.intent .intent-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.intent .intent-foot{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}

/* ---- بطاقة الوعد الرباعية — عنوان جملة ورقم يتقدّم (masterclass، البند 5) ---- */
.promise{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:var(--grid-gap)}
.promise .card h3{margin-top:0;font-size:var(--text-lg);text-wrap:balance}
.promise .card .body{margin-top:8px;font-size:var(--text-base)}

/* ---- البرهان (الدفعة 2 · 2026-09-08 · من النسخة الأولى) ---- */
/* ألبوم الشهود */
.wa{display:grid;gap:var(--space-3)}
.wa-head h2{margin:8px 0 0;font-size:var(--text-2xl)}
.wa-stage{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-4);align-items:center}
@media (max-width:820px){.wa-stage{grid-template-columns:1fr}}
.wa-photo{margin:0;position:relative;aspect-ratio:4/3;border-radius:var(--radius-xl);overflow:clip;background:var(--bg-component);box-shadow:var(--shadow-media);transition:opacity var(--dur-ui-max) var(--ease-out)}
.wa-photo img{width:100%;height:100%;object-fit:cover;display:block}
.wa-vignette{position:absolute;inset:0;background:var(--fx-vignette);pointer-events:none}
.wa-quote{margin:0;transition:opacity var(--dur-ui-max) var(--ease-out)}
.wa-quote p{margin:0;font-size:var(--text-xl);line-height:var(--lh-body);color:var(--text-high);text-wrap:pretty}
.wa-quote footer{display:grid;gap:2px;margin-top:var(--space-2);font-family:var(--font-display)}
.wa-quote strong{font-size:var(--text-base);color:var(--text-high)}
.wa-quote span{font-size:var(--text-sm);color:var(--text-low)}
.wa-strip{display:flex;gap:8px;overflow-x:auto;padding-block:4px;scrollbar-width:none}
.wa-strip::-webkit-scrollbar{display:none}
.wa-thumb{flex:0 0 56px;width:56px;height:56px;padding:0;border-radius:var(--radius-pill);overflow:clip;border:2px solid transparent;background:var(--bg-component);cursor:pointer;opacity:.55;transition:opacity var(--dur-chip) var(--ease-out),border-color var(--dur-chip) var(--ease-out)}
.wa-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.wa-thumb:hover,.wa-thumb.on{opacity:1}
.wa-thumb.on{border-color:var(--text-high)}
.wa-thumb:focus-visible{outline:var(--focus-w) solid var(--focus-ring);outline-offset:var(--focus-offset)}
/* شريط الشعارات */
.cm{display:grid;gap:14px;overflow:hidden}
.cm-head h2{margin:8px 0 0;font-size:var(--text-2xl)}
.cm-row{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.cm-track{display:flex;gap:14px;width:max-content;animation:cm-scroll var(--cm-speed,60s) linear infinite}
.cm-rev .cm-track{animation-direction:reverse}
.cm-row:hover .cm-track{animation-play-state:paused}
.cm-logo{display:grid;place-items:center;height:calc(var(--cm-h,44px) + 28px);padding:0 26px;background:#fff;border-radius:var(--radius-pill);flex:0 0 auto}
.cm-logo img{height:var(--cm-h,44px);width:auto;max-width:180px;object-fit:contain;display:block}
@keyframes cm-scroll{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){.cm-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.cm-row{mask-image:none}.cm-track>[aria-hidden]{display:none}}
/* جدول المقارنة */
.ct{overflow-x:auto}
.ct table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-display);font-size:var(--text-base)}
.ct caption{text-align:start;font-size:var(--text-sm);color:var(--text-low);padding-bottom:12px}
.ct th,.ct td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--border-subtle);vertical-align:middle}
.ct thead th{font-weight:var(--fw-semibold);color:var(--text-high);border-bottom:1px solid var(--border)}
.ct thead th small{display:block;font-weight:var(--fw-regular);font-size:var(--text-xs);color:var(--text-low);margin-top:4px}
.ct .ct-crit{text-align:start;font-weight:var(--fw-medium);color:var(--text-low);width:34%}
.ct td .ico,.ct td svg{color:var(--text-high);vertical-align:middle}
.ct .ct-dash{color:var(--text-low);opacity:.6}
.ct .ct-hi{background:var(--bg-component)}
.ct thead .ct-hi{border-top:2px solid var(--program-accent,var(--border-strong));border-radius:var(--radius-card) var(--radius-card) 0 0}
.ct tbody tr:last-child .ct-hi{border-radius:0 0 var(--radius-card) var(--radius-card)}
/* انتصارات المتدربين */
.wins{display:grid;gap:var(--space-3)}
.wins-head h2{margin:8px 0 0;font-size:var(--text-2xl)}
.wins-grid{display:grid;grid-template-columns:repeat(var(--wins-cols,3),minmax(0,1fr));gap:var(--grid-gap)}
@media (max-width:900px){.wins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.wins-grid{grid-template-columns:1fr}}
.wins-card{margin:0;display:grid;gap:var(--space-2);align-content:space-between}
.wins-card blockquote{margin:0}
.wins-card blockquote p{margin:0;font-size:var(--text-base);line-height:var(--lh-body);color:var(--text-high);text-wrap:pretty}
.wins-card figcaption{display:flex;gap:12px;align-items:center;font-family:var(--font-display)}
.wins-card figcaption>span{display:grid;gap:1px}
.wins-card strong{font-size:var(--text-sm);color:var(--text-high)}
.wins-card small{font-size:var(--text-xs);color:var(--text-low)}
.wins-av{width:40px;height:40px;border-radius:var(--radius-pill);object-fit:cover;flex:0 0 auto}
.wins-initial{display:grid;place-items:center;background:var(--fill);color:var(--on-fill);font-weight:var(--fw-semibold);font-size:var(--text-base)}

/* ---- كتلة قيمة الباقة (مرجع 01ج): المجموع يُحسب أمام العين ---- */
.journey-stations{display:grid;gap:10px;margin-top:var(--space-2)}
.journey-station{display:flex;gap:12px;align-items:baseline}
.journey-station .j-n{font-family:var(--font-mono);font-size:12px;color:var(--text-annotation);min-width:2ch;direction:ltr}
.journey-station .j-name{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-high)}
.bundle-rows{margin-top:var(--space-3)}
.bundle-row{
  display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);
  padding-block:12px;border-bottom:1px solid var(--hair);
}
.bundle-row .b-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-medium)}
.bundle-row .b-price,.bundle-sum .b-strike{font-family:var(--font-mono);font-size:15px;color:var(--text-annotation)}
.bundle-sum{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);padding-block:14px}
.bundle-sum .b-strike{text-decoration:line-through}
.bundle-offer{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}
.bundle-offer .b-final{
  font-family:var(--font-display);font-weight:var(--fw-heading);font-size:var(--text-3xl);
  font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;
}
.bundle-once{margin-top:var(--space-2)}

/* ---- التثبيتات الداكنة الدائمة — الرأس والتذييل (خارج ميزانية التعادل) ---- */
.site-hdr{
  display:flex;align-items:center;gap:var(--space-3);padding:14px 20px;
  background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:var(--radius-card);
}
.hdr-logo{
  display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:44px;
  padding-inline:14px;border:1px dashed var(--border);border-radius:var(--radius-field);
  font-family:var(--font-mono);font-size:11px;color:var(--text-annotation);
  letter-spacing:var(--ls-latin-caps);direction:ltr;unicode-bidi:isolate;white-space:nowrap;
}
.hdr-logo img{height:32px;width:auto}
.hdr-logo.has-logo{border:0;min-width:0;padding-inline:0}
.hdr-nav{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;flex-wrap:wrap}
.hdr-item{
  display:inline-flex;align-items:center;gap:6px;min-height:var(--tap-min);
  font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);
  color:var(--text-low);text-decoration:none;
}
.hdr-item svg{color:var(--icon-ink)}
.hdr-actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.ico-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:var(--tap-min);height:var(--tap-min);border:1px solid var(--border);
  border-radius:var(--radius-pill);background:transparent;color:var(--icon-ink);cursor:pointer;
}
.hdr-burger{display:none}
@media (max-width:1080px){.site-hdr .hdr-nav{display:none}.site-hdr .hdr-burger{display:inline-flex}}
/* درج الجوال — كامل الشاشة، المحاور الستة وأبناؤها من الشجرة المقرّة؛ حركة opacity فقط (مراجعة 09-09) */
.hdr-drawer{position:fixed;inset:0;z-index:var(--z-mobile-nav);background:var(--bg-page);color:var(--text-high);overflow:auto;padding:14px 20px 40px;display:grid;gap:var(--space-3);align-content:start;animation:hdr-drawer-in var(--dur-ui-max) var(--ease-out)}
@keyframes hdr-drawer-in{from{opacity:0}to{opacity:1}}
.hdr-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}
.hdr-drawer nav{display:grid;gap:var(--space-2)}
.hdr-drawer-sec{display:grid;gap:2px;border-top:1px solid var(--hair);padding-top:12px}
.hdr-drawer-head{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-high);text-decoration:none;min-height:var(--tap-min);display:flex;align-items:center}
.hdr-drawer-link{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-low);text-decoration:none;min-height:var(--tap-min);display:flex;align-items:center;padding-inline-start:12px}
.hdr-drawer .btn{justify-self:start}
@media (prefers-reduced-motion:reduce){.hdr-drawer{animation:none}}

.site-ftr{
  background:var(--bg-page);border:1px solid var(--border-subtle);
  border-radius:var(--radius-card);padding:40px 32px 28px;
}
.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:var(--space-4)}
@media (max-width:900px){.ftr-grid{grid-template-columns:1fr 1fr}}
.ftr-head{
  font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);
  color:var(--text-high);margin-bottom:10px;
}
.ftr-link{
  display:block;font-family:var(--font-display);font-size:var(--text-sm);
  color:var(--text-low);text-decoration:none;padding-block:7px;
}
.ftr-legal{
  display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;
  border-top:1px solid var(--hair);margin-top:var(--space-4);padding-top:var(--space-3);
}

/* ---- الأكورديون — سهم ∨ من عائلة 2px يدور 180° (حكم A6؛ علامة + متقاعدة) ---- */
.acc details{border-bottom:1px solid var(--hair)}
.acc details:first-of-type{border-top:1px solid var(--hair)}
.acc summary{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);
  list-style:none;cursor:pointer;padding-block:18px;
  font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);
  min-height:var(--tap-min);
}
.acc summary::-webkit-details-marker{display:none}
.acc summary svg{flex:none;color:var(--icon-ink)}
.acc details[open] summary svg{transform:rotate(180deg)}
.acc .ans{color:var(--text-annotation);padding-block:0 20px;max-width:var(--measure-narrow)}

/* ---- الصور: التوحيد بالدرجة لا بالتجريد (حكم مالك 2026-09-01) ----
   الصورة تدخل بلونها؛ الستارة على التعليق لا على الصورة. */
.media{position:relative;overflow:clip;border-radius:var(--radius-lg);background:var(--bg-component)}
.media img{width:100%;height:100%;object-fit:cover;filter:var(--grade-0)}
.media-grade-1 img{filter:var(--grade-1)}
.media-cap{
  position:absolute;inset-inline:0;bottom:0;padding:38px 24px 20px;
  background:var(--caption-scrim);color:#f0f0f0;
}
.media-cap .kick{color:#dde6ef}

/* ---- الحركة — لوحة motion.md فقط؛ خصائص مسماة؛ كل hover مسوّر ---- */
@media (hover:hover) and (pointer:fine){
  .btn{transition:transform var(--dur-press) var(--ease-out),background-color var(--dur-press) var(--ease-out),border-color var(--dur-press) var(--ease-out),box-shadow var(--dur-press) var(--ease-out)}
  .btn:hover{transform:translateY(var(--lift-btn))}
  .btn-fill:hover{background:var(--fill-cta-hover)}
  .chip{transition:border-color var(--dur-chip) var(--ease-out),color var(--dur-chip) var(--ease-out),background-color var(--dur-chip) var(--ease-out)}
  .chip:hover{border-color:var(--border-strong);background:var(--bg-hover)}
  .vp-play{transition:border-color var(--dur-chip) var(--ease-out),background-color var(--dur-chip) var(--ease-out)}
  .vp-play:hover{border-color:var(--border-strong);background:var(--bg-hover)}
  .hdr-item,.ftr-link{transition:color var(--dur-chip) var(--ease-out)}
  .hdr-item:hover,.ftr-link:hover{color:var(--text-high)}
  .ico-btn{transition:border-color var(--dur-chip) var(--ease-out),background-color var(--dur-chip) var(--ease-out)}
  .ico-btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}
  .acc summary svg{transition:transform var(--dur-chip) var(--ease-out)}
  .card{transition:transform var(--dur-card) var(--ease-out),border-color var(--dur-card) var(--ease-out),box-shadow var(--dur-card) var(--ease-out)}
  .card::before{transition:opacity var(--dur-card) var(--ease-out)}
  .card:hover{transform:translateY(var(--lift-card));border-color:var(--border-strong);box-shadow:var(--shadow-card-hover)}
  .card:hover::before{opacity:1}
}
.btn:active{transform:scale(var(--press-scale))}
.control{transition:border-color var(--dur-chip) var(--ease-out)}
:where(a,button,.btn,.chip,.control):focus-visible{outline:var(--focus-w) solid var(--focus-ring);outline-offset:var(--focus-offset)}

@media (prefers-reduced-motion:reduce){
  .btn,.chip,.card,.card::before,.control{
    transition-property:border-color,background-color,color,box-shadow,opacity;
    transition-duration:160ms;
  }
  .btn:hover,.btn:active,.card:hover{transform:none}
}

/* ================================================================
   المكوّنات الأربعة P1 — 2026-09-09 (سجلّ الاكتمال، الخطوة 2) + نماذج التسجيل الثلاثة (حكم مالك 2026-09-09)
   ================================================================ */

/* ---- جدول الفعاليات — لون البرنامج نقطة على صفّه؛ المقاعد حالة بلا رقم؛ ينهار إلى بطاقات ≤749px ---- */
.es{display:grid;gap:var(--space-3)}
.es-head h2{margin:8px 0 0;font-size:var(--text-2xl)}
.es-wrap{min-width:0;overflow-x:auto}
.es-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-display);font-size:var(--text-base)}
.es-table th,.es-table td{padding:14px 10px;text-align:start;border-bottom:1px solid var(--border-subtle);vertical-align:middle}
.es-table thead th{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-low);border-bottom:1px solid var(--border)}
.es-table .es-cell-name{min-width:180px}
.es-table .badge{white-space:nowrap}
.es-name{display:flex;align-items:center;gap:12px;font-weight:var(--fw-semibold);color:var(--text-high)}
.es-name small{display:block;font-weight:var(--fw-regular);font-size:var(--text-xs);color:var(--text-low);margin-top:3px}
.es-dot{width:10px;height:10px;border-radius:50%;background:var(--program-accent,var(--border-strong));flex:none}
.es-date{font-variant-numeric:tabular-nums;white-space:nowrap}
.es-table .es-cta{text-align:end}
.es-cta .btn{white-space:nowrap}
.es-empty{margin:0;padding:32px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius-card);color:var(--text-low);font-family:var(--font-display)}
@media (hover:hover) and (pointer:fine){.es-table tbody tr{transition:background-color var(--dur-chip) var(--ease-out)}.es-table tbody tr:hover{background:var(--bg-hover)}}
@media (max-width:749px){
  .es-table thead{display:none}
  .es-table,.es-table tbody,.es-table tr,.es-table td{display:block}
  .es-table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:18px 0;border-bottom:1px solid var(--border-subtle)}
  .es-table td{padding:0;border:0}
  .es-table td[data-label]::before{content:attr(data-label);display:block;font-size:var(--text-xs);color:var(--text-low);margin-bottom:2px}
  .es-table td.es-cell-name,.es-table td.es-cta{grid-column:1/-1}
  .es-table .es-cta{text-align:start}
  .es-cta .btn{width:100%}
}

/* ---- بطاقة التذكرة — مرقّاة من «تحدي الأعمال»؛ التوكيد فضي مضيء لا ذهبي (RULING A/B) ---- */
.tickets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;align-items:start}
.tickets[data-count="2"]{grid-template-columns:1fr 1.12fr}
@media (max-width:900px){.tickets[data-count="2"]{grid-template-columns:1fr}}
.ticket{display:flex;flex-direction:column}
.ticket .scope{margin-top:2px}
.ticket h3{font-size:var(--text-xl);margin-top:10px}
.ticket .anchor-en{margin:6px 0 0;font-family:var(--font-mono);font-size:12px;color:var(--text-annotation);letter-spacing:var(--ls-latin-caps);direction:ltr;unicode-bidi:isolate;text-align:end}
.ticket .pos{color:var(--text-low);margin-top:10px;text-wrap:pretty}
.ticket .inc-note{display:flex;gap:10px;align-items:flex-start;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-medium);margin-top:var(--space-3)}
.ticket .inc-note svg{color:var(--icon-ink);flex:none;margin-top:4px}
.ticket h4{font-size:var(--text-base);margin-top:var(--space-4)}
.ticket .acc{margin-top:var(--space-2)}
.ticket .x-list{display:grid;gap:8px;margin-top:var(--space-3)}
.ticket .x-head{margin:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-low)}
.ticket .x-row{margin:0;display:flex;gap:10px;align-items:flex-start;color:var(--text-low);font-family:var(--font-display);font-size:var(--text-sm)}
.ticket .x-row svg{flex:none;margin-top:3px;color:var(--icon-ink)}
.ticket .t-sum{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);padding-block:14px;border-top:1px solid var(--hair);margin-top:var(--space-3)}
.ticket .t-sum .b-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-low)}
.ticket .t-sum .b-strike{font-family:var(--font-display);font-size:15px;color:var(--text-low);text-decoration:line-through;font-variant-numeric:tabular-nums}
.ticket .t-offer{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}
.ticket .t-price{margin:0;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:var(--text-3xl);line-height:1.15;font-variant-numeric:tabular-nums}
.ticket .t-cta{margin-top:var(--space-4);align-self:stretch}
.ticket .t-txt{margin-top:var(--space-2);align-self:center;display:inline-flex;align-items:center;gap:6px;text-align:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-high);text-decoration:none}
.ticket .t-txt svg{color:var(--icon-ink)}
.ticket-featured{border-color:var(--border-strong);box-shadow:var(--shadow-card-hover)}
.ticket-featured::after{inset-inline:6%;height:2px}
.ticket.is-soldout .t-price{color:var(--text-low)}
/* أسطر الأكورديون المسعّرة — كانت في صفحة «تحدي الأعمال» وحدها */
.acc .sum-name{flex:1;min-width:0;text-align:start}
.acc .sum-name .sub{display:block;font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-regular);color:var(--text-annotation);letter-spacing:var(--ls-latin-caps);direction:ltr;unicode-bidi:isolate;text-align:end;margin-top:3px}
.acc .sum-price{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-low);white-space:nowrap;font-variant-numeric:tabular-nums}

/* ---- العدّ التنازلي — أربع خانات تنبض كل ثانية؛ الثواني تُطوى تحت تقليل الحركة ---- */
.cd{display:grid;gap:var(--space-2);justify-items:start}
.cd-center{justify-items:center;text-align:center}
.cd-cells{display:flex;gap:10px;flex-wrap:wrap}
.cd-cell{position:relative;display:grid;justify-items:center;gap:6px;min-width:88px;padding:14px 12px 12px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.cd-cell::after{content:"";position:absolute;top:-1px;inset-inline:18%;height:1px;pointer-events:none;background:linear-gradient(to right,transparent,var(--spot-hair),transparent)}
.cd-num{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:var(--text-3xl);line-height:1;color:var(--text-high);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.cd-lab{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-low)}
.cd-lg .cd-cell{min-width:112px;padding:18px 14px 14px}
.cd-lg .cd-num{font-size:var(--text-4xl)}
.cd-done{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-high)}
@media (prefers-reduced-motion:reduce){.cd-cell[data-unit="seconds"]{display:none}}
@media (max-width:420px){.cd-cell{flex:1 1 calc(50% - 5px);min-width:0}}

/* ---- نماذج التسجيل الثلاثة: اشتراك · تفضيلات · بيانات الشهادة ----
   كل حقل غير الاسم والجوال والبريد ورقم الهوية قائمة اختيار (للإحصاء الصحيح). */
.lf{display:grid;gap:var(--space-3)}
.lf-head h3{margin:8px 0 0;font-size:var(--text-xl)}
.lf-head .desc{margin-top:8px}
.lf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.lf-grid.lf-cols-1{grid-template-columns:1fr}
.lf-grid.lf-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lf-f{min-width:0;align-self:start}
.lf .field{align-content:start}
.lf-f[data-span="2"]{grid-column:span 2}
.lf-f[data-span="4"],.lf-f[data-span="full"],.lf-cols-1 .lf-f{grid-column:1/-1}
.lf-req{color:var(--danger);margin-inline-start:4px}
.lf .hint{margin:0;font-size:var(--text-sm);color:var(--text-low)}
.lf .is-error .hint{color:var(--danger);font-weight:var(--fw-medium)}
.lf-fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:10px}
.lf-legend{padding:0;margin:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold)}
.lf-group{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.lf-opt{position:relative;display:inline-flex}
.lf-opt input{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}
.lf-opt .chip{cursor:pointer;user-select:none}
.lf-opt input:checked+.chip{background:var(--bg-active);border-color:var(--border-strong)}
.lf-opt input:focus-visible+.chip{outline:var(--focus-w) solid var(--focus-ring);outline-offset:var(--focus-offset)}
.lf-check{display:flex;gap:12px;align-items:flex-start;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-high);cursor:pointer}
.lf-check input{appearance:none;flex:none;width:22px;height:22px;margin:0;border:1px solid var(--border);border-radius:6px;background:var(--surface-field);display:grid;place-items:center;cursor:pointer}
.lf-check input:checked{background:var(--fill);border-color:var(--fill)}
.lf-check input:checked::after{content:"";width:6px;height:11px;border:solid var(--on-fill);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.lf-check input:focus-visible{outline:var(--focus-w) solid var(--focus-ring);outline-offset:var(--focus-offset)}
.lf-check.is-error input{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}
.lf-check>span{display:grid;gap:4px}
.lf-check .lf-legal{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--fw-regular);line-height:var(--lh-snug);color:var(--text-low)}
.lf-foot{grid-column:1/-1;display:grid;gap:12px;justify-items:start;margin-top:4px}
.lf-foot .form-status{justify-self:stretch}
.lf-note{margin:0;font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-low)}
@media (max-width:900px){.lf-grid.lf-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lf-grid,.lf-grid.lf-cols-4{grid-template-columns:1fr}.lf-f{grid-column:1/-1}.lf-foot .btn{justify-self:stretch}}

/* ================================================================
   P2 — 2026-09-09 (تفويض Design OS v3 · البند B) + ملاحظة الخانة للقوالب
   ================================================================ */

/* ---- ملاحظة الخانة — إرشاد القالب؛ تُطفأ بمفتاح guidance ولا تُشحن ---- */
.slot-note{display:grid;gap:2px;font-family:var(--font-display);font-size:13px;line-height:1.7;color:var(--text-annotation);border:1px dashed var(--border);border-radius:var(--radius-field);padding:10px 14px;text-align:start}
.slot-note b{font-weight:var(--fw-semibold);color:var(--text-low)}
.slot-note .slot-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--ls-latin-caps);direction:ltr;unicode-bidi:isolate;justify-self:start}

/* ---- الشريط اللاصق السفلي — حركة عمودية فقط؛ تحت تقليل الحركة بلا انزلاق ---- */
.sticky-bar{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-sticky-cta);padding:10px clamp(16px,4vw,48px) calc(10px + env(safe-area-inset-bottom));background:var(--bg-page);border-top:1px solid var(--border-subtle);box-shadow:0 -20px 60px rgba(0,0,0,.35);transform:translateY(110%);opacity:0;visibility:hidden;transition:transform var(--dur-ui-max) var(--ease-out),opacity var(--dur-ui-max) var(--ease-out),visibility 0s linear var(--dur-ui-max)}
.sticky-bar.is-shown{transform:none;opacity:1;visibility:visible;transition-delay:0s}
.sticky-inner{max-width:var(--container);margin-inline:auto;display:flex;align-items:center;gap:var(--space-3)}
.sticky-text{display:grid;gap:2px;flex:1;min-width:0;font-family:var(--font-display)}
.sticky-text strong{font-size:var(--text-base);color:var(--text-high);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-text span{font-size:var(--text-sm);color:var(--text-low)}
.sticky-close{flex:none}
@media (max-width:560px){.sticky-text span{display:none}}
@media (prefers-reduced-motion:reduce){.sticky-bar{transform:none;transition:opacity 160ms linear,visibility 0s linear 160ms}}

/* ---- الفتات — الأخير هو الصفحة الحالية؛ الفاصل يتبع الاتجاه ---- */
.bc ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-family:var(--font-display);font-size:var(--text-sm)}
.bc li{display:inline-flex;align-items:center;gap:8px}
.bc a{color:var(--text-low);text-decoration:none;min-height:var(--tap-min);display:inline-flex;align-items:center}
.bc a:hover{color:var(--text-high)}
.bc [aria-current]{color:var(--text-high);font-weight:var(--fw-medium)}
.bc-sep{color:var(--icon-ink)}

/* ---- بطاقة الصحافة بالاقتباس ---- */
.pq{display:grid;gap:var(--space-2);align-content:start;margin:0}
.pq-logo{height:36px;display:flex;align-items:center}
.pq-logo img{height:32px;width:auto;max-width:160px;object-fit:contain}
.pq-slot{font-family:var(--font-mono);font-size:11px;color:var(--text-annotation);letter-spacing:var(--ls-latin-caps);direction:ltr;unicode-bidi:isolate;border:1px dashed var(--border);border-radius:var(--radius-field);padding:6px 10px}
.pq blockquote{margin:0}
.pq blockquote p{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-medium);line-height:var(--lh-snug);color:var(--text-high);text-wrap:pretty}
.pq figcaption{display:grid;gap:2px;font-family:var(--font-display);font-size:var(--text-sm)}
.pq figcaption strong{color:var(--text-high)}
.pq figcaption span{color:var(--text-low)}
.pq figcaption a{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--text-high);font-weight:var(--fw-medium);text-decoration:none}
.pq figcaption a svg{color:var(--icon-ink)}

/* ---- صفّ الوجوه — بلا صور أقراص خانات مخطّطة ---- */
.faces{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.faces-list{display:flex;margin:0;padding:0}
.face{width:var(--face-size,40px);height:var(--face-size,40px);border-radius:var(--radius-pill);overflow:clip;border:2px solid var(--bg-page);background:var(--bg-component);margin-inline-start:calc(var(--face-size,40px) * -.28);flex:none}
.face:first-child{margin-inline-start:0}
.face img{width:100%;height:100%;object-fit:cover;display:block}
.face-slot{display:block;width:100%;height:100%;background:repeating-linear-gradient(135deg,var(--bg-component) 0 5px,var(--bg-active) 5px 10px)}
.faces-text{display:grid;gap:1px;font-family:var(--font-display)}
.faces-text strong{font-size:var(--text-base);color:var(--text-high)}
.faces-text span{font-size:var(--text-sm);color:var(--text-low)}

/* ---- رسالة المؤسس ---- */
.fl{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-5);align-items:center}
.fl-media-first .fl-photo{order:-1}
.fl h2{font-size:var(--text-2xl);margin-top:10px}
.fl-body{margin-top:var(--space-3);display:grid;gap:var(--space-2);font-size:var(--text-md);line-height:var(--lh-body);color:var(--text-low);max-width:var(--measure)}
.fl-sign{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}
.fl-sig{height:56px;width:auto}
.fl-sign div{display:grid;gap:2px;font-family:var(--font-display)}
.fl-sign strong{font-size:var(--text-base);color:var(--text-high)}
.fl-sign span{font-size:var(--text-sm);color:var(--text-low)}
.fl-photo{margin:0;aspect-ratio:4/5;display:grid;place-items:center;max-width:480px;width:100%;justify-self:center}
.fl-slot{font-family:var(--font-mono);font-size:12px;color:var(--text-annotation);letter-spacing:var(--ls-latin-caps);direction:ltr}
@media (max-width:900px){.fl{grid-template-columns:1fr}.fl-media-first .fl-photo{order:0}}

/* ---- الحالة الفارغة ---- */
.empty{display:grid;justify-items:center;text-align:center;gap:12px;padding:var(--space-5) var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-card)}
.empty h3{font-size:var(--text-lg);margin:0}
.empty p{color:var(--text-low);max-width:var(--measure-narrow)}
.empty-compact{padding:var(--space-3)}
.empty .btn{margin-top:4px}

/* ---- البطاقة العريضة — تنهار إلى عمود ≤749px ---- */
.wc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-4);padding:20px;align-items:center}
.wc-media-end .wc-media{order:2}
.wc-media{margin:0;position:relative;overflow:clip;border-radius:var(--radius-card);background:var(--bg-component);display:grid;place-items:center;width:100%}
.wc-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:var(--grade-0)}
.wc-slot{font-family:var(--font-mono);font-size:12px;color:var(--text-annotation);letter-spacing:var(--ls-latin-caps);direction:ltr;text-align:center;padding:8px}
.wc-body{min-width:0;padding-inline-end:8px}
.wc h3{font-size:var(--text-xl);margin-top:10px}
.wc .body{margin-top:12px;color:var(--text-low);max-width:var(--measure)}
.wc .meta{margin-top:16px}
.wc-cta{margin-top:var(--space-3)}
@media (max-width:749px){.wc{grid-template-columns:1fr}.wc-media-end .wc-media{order:0}}

/* ---- فسيفساء الكثرة — المحرك نفسه في شريط العملاء؛ قابلة للإيقاف؛ ثابتة تحت تقليل الحركة ---- */
.mosaic{display:grid;gap:14px;overflow:hidden;position:relative}
.mosaic-head h2{margin:8px 0 0;font-size:var(--text-2xl)}
.mosaic-row{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.mosaic-track{display:flex;gap:12px;width:max-content;animation:mosaic-scroll var(--mosaic-speed,70s) linear infinite}
.mosaic-rev .mosaic-track{animation-direction:reverse}
.is-paused .mosaic-track,.mosaic-row:hover .mosaic-track{animation-play-state:paused}
.tile{position:relative;flex:0 0 var(--tile-w,180px);aspect-ratio:var(--tile-ratio,9/16);border-radius:var(--radius-card);overflow:clip;background:var(--bg-component);display:grid;place-items:center;text-decoration:none;color:inherit}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:var(--grade-0)}
.tile-slot{font-family:var(--font-mono);font-size:11px;color:var(--text-annotation);letter-spacing:var(--ls-latin-caps);direction:ltr;text-align:center;padding:8px}
.tile-cap{position:absolute;inset-inline:0;bottom:0;padding:18px 12px 10px;font-family:var(--font-display);font-size:var(--text-sm);color:#f0f0f0;background:var(--caption-scrim)}
.mosaic-toggle{justify-self:start}
@keyframes mosaic-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(50%,0,0)}}
@media (prefers-reduced-motion:reduce){.mosaic-track{animation:none;width:auto;flex-wrap:wrap}.mosaic-row{mask-image:none}.mosaic-track>[aria-hidden]{display:none}.mosaic-toggle{display:none}}