/* ═══════════════════════════════════════════════════════════════════
   لُب — صفحة الهبوط (المصدر البصري المعتمد: static/landing-v2-final-preview.html)
   معزولة بالكامل: كل الفئات بادئتها land- ولا شيء هنا يلمس تطبيق الطالب.
   الجو الليلي الخزامي، الجوهرة-مصدر-الضوء، معرض المواد الست، الرحلة،
   السبورة، التمايزات، الختام. عدّل هنا بحرية — التطبيق في أمان.
   ═══════════════════════════════════════════════════════════════════ */
#s-landing{position:relative;font-family:'Tajawal',system-ui,sans-serif}
/* المصدر البصري المعتمد يستخدم Tajawal لكل شيء — لا نرث خط عناوين التطبيق */
#s-landing h1,#s-landing h2,#s-landing h3{font-family:'Tajawal',system-ui,sans-serif}
/* الضوء فوق اللوحات لا خلفها: البندول (داخل الهيرو المرفوع) والتوهج
   يعلوان الأقسام، وبمزج screen يضيئان ما تحتهما إضاءة حقيقية. */
#s-landing > :not(.land-atmo):not(#land-torch-glow):not(#land-torch):not(.land-hero){position:relative;z-index:1}
#s-landing > .land-hero{position:relative;z-index:1}    /* الشعاع جوّ خلف اللوحات */
#s-landing > #land-torch-glow{position:fixed;z-index:29}

/* ═══ لُب — Landing v2 preview: «الجوهرة تضيء المعرفة» ═══
   Standalone page. Dark by design (the scene IS the darkness the gem
   lights). All colors local — nothing inherits from the app theme. */
*{margin:0;padding:0;box-sizing:border-box}
#s-landing{
  --ink:transparent;        /* الجو الليلي في body::before هو الأرضية */
  --ink2:#16213a;
  --card:#1a2540;
  --line:rgba(212,175,55,.14);
  --line2:rgba(120,150,200,.12);
  --gold:#d4af37;
  --gold2:#f0c75e;
  --warm:#f59e0b;
  --txt:#f3f6fc;
  --txt2:#b9c4d8;
  --txt3:#7c8aa5;
  /* ألوان الجوهرة */
  --gem-teal:#2dd4bf; --gem-blue:#3b82f6; --gem-purple:#a855f7; --gem-orange:#fb923c;
}


/* جوّ الليل: تفاصيل لونية خافتة في العتمة نفسها — للضوء ما يكشفه.
   مستوحاة من تدرجات النسخة الأولى (زرقة 59,88,152 وبنفسج خافت) مع
   دفء سفلي، على طبقة مثبتة كي تعمّ الصفحة كلها بلا مستطيلات ميتة. */
.land-atmo{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  /* ليل خزامى متدرج — يغيّر الجو وحده؛ الحروف والأمثلة والرسومات
     تحتفظ بألوانها كما هي */
  background:
    radial-gradient(1100px 700px at 82% -6%, rgba(167,139,250,.20), transparent 62%),
    radial-gradient(850px 620px at 6% 34%, rgba(196,181,253,.10), transparent 65%),
    radial-gradient(1000px 750px at 50% 108%, rgba(245,158,11,.06), transparent 62%),
    linear-gradient(180deg,#151129,#1d1738 46%,#151129);
}
#s-landing ::selection{background:rgba(212,175,55,.3)}

/* ── top bar (context only in the preview) ─────────────────────────── */





/* الكشّاف الحقيقي: العالم يُعتم وتبقى بقعة المؤشر وحدها مضيئة.
   #land-torch طبقة ظلام تغطي كل شيء وفيها ثقب ناعم يتبع المؤشر (قناع)،
   و#land-torch-glow توهج أبيض دافئ يسكن الثقب نفسه. */
#land-torch{
  position:fixed;inset:0;z-index:41;pointer-events:none;
  background:rgba(5,9,20,.42);
  -webkit-mask-image:radial-gradient(300px circle at var(--mx,50%) var(--my,35%),
    transparent 0 32%, rgba(0,0,0,.55) 60%, #000 82%);
  mask-image:radial-gradient(300px circle at var(--mx,50%) var(--my,35%),
    transparent 0 32%, rgba(0,0,0,.55) 60%, #000 82%);
  opacity:0;transition:opacity .5s ease;
}
#land-torch-glow{
  position:fixed;inset:0;z-index:42;pointer-events:none;mix-blend-mode:screen;
  /* لمعة رأس المؤشر: صغيرة رقيقة دافئة — مجرد أثر ضوئي؛ الإشراق الفعلي
     يصنعه رفع سطوع العنصر نفسه (land-near) فلا يُسحق تباين الحروف أبداً */
  background:radial-gradient(80px circle at var(--mx,50%) var(--my,35%),
    rgba(255,252,245,.30), rgba(255,244,214,.10) 55%, transparent 78%);
  opacity:0;transition:opacity .5s ease;
}
@media (hover:none){
  /* الجوال: هالة دافئة أوسع وألطف ترافق التمرير — لا نواة حادة فوق النص */
  #land-torch-glow{background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),
    rgba(255,250,238,.22), rgba(240,199,94,.08) 60%, transparent 80%)}
}
body.land-torch-on #land-torch, body.land-torch-on #land-torch-glow{opacity:1}
/* اللمس يحتفظ بالتوهج المتنقل (يقوده التمرير)؛ تقليل الحركة يطفئ الكل */
@media (hover:none){#land-torch{display:none}}
@media (prefers-reduced-motion:reduce){#land-torch,#land-torch-glow{display:none}}



/* ── HERO: the gem lights the teacher ──────────────────────────────── */
.land-hero{
  position:relative;min-height:100svh;display:grid;
  grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;
  max-width:1200px;margin:0 auto;padding:3.8rem 2rem 2.4rem;
  overflow:clip;   /* زخارف الضوء المطلقة لا تصنع تمريراً أفقياً */
}
/* درجات ليل خفيفة حتى لا يكون السواد مصمتًا */
.land-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(60% 45% at 78% 30%, rgba(59,88,152,.10), transparent 65%),
    radial-gradient(45% 38% at 15% 78%, rgba(168,85,247,.05), transparent 70%);
}
.land-hero-text{position:relative;z-index:2}
.land-lockup-row{grid-column:1/-1;display:flex;justify-content:center;align-self:start;margin-bottom:-1.2rem}
.land-lockup{width:min(280px,22vh,64vw);height:auto;mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),
                     linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),
             linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);
  mask-composite:intersect;
  filter:drop-shadow(0 6px 30px rgba(240,199,94,.25))}
.land-eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;font-size:.85rem;color:var(--gold2);
  border:1px solid var(--line);border-radius:999px;padding:.35rem 1rem;margin-bottom:1.1rem;
  background:rgba(212,175,55,.06);letter-spacing:.02em;
}
.land-eyebrow .land-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 8px var(--gold);animation:landPulse 2.6s ease-in-out infinite}
@keyframes landPulse{50%{opacity:.35}}
#s-landing h1{
  font-size:clamp(2.2rem,4.2vw,3.2rem);font-weight:900;line-height:1.25;margin-bottom:.85rem;
}
#s-landing h1 .land-dim{color:#6e7c99}
#s-landing h1 .land-lit{
  background:linear-gradient(120deg,#fff3d6 0%,var(--gold2) 30%,var(--warm) 65%,var(--gold));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 26px rgba(240,199,94,.3));
}
.land-hero-sub{color:var(--txt2);font-size:1.05rem;max-width:34rem;margin-bottom:1.5rem}
.land-hero-sub b{color:var(--gold2);font-weight:700}
.land-btns{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.land-btn-main{
  border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:1rem;
  color:#1a1204;background:linear-gradient(135deg,var(--gold2),var(--warm));
  padding:.8rem 1.9rem;border-radius:999px;
  box-shadow:0 6px 26px rgba(245,158,11,.35);transition:transform .18s,box-shadow .18s;
}
.land-btn-main:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(245,158,11,.45)}
.land-btn-ghost{
  cursor:pointer;font-family:inherit;font-weight:700;font-size:.9rem;color:var(--txt2);
  background:transparent;border:1px solid var(--line2);padding:.7rem 1.3rem;border-radius:999px;
  transition:border-color .18s,color .18s,background .18s;
}
.land-btn-ghost:hover{color:var(--txt);border-color:var(--gold);background:rgba(212,175,55,.07)}
/* وصولية لوحة المفاتيح: تركيز مرئي واضح بلا تغيير الشكل الاعتيادي */
.land-btn-main:focus-visible,.land-btn-ghost:focus-visible,.bar a.enter:focus-visible,
.tg a:focus-visible,.ld-login-link:focus-visible{
  outline:2px solid var(--gold2);outline-offset:3px;border-radius:999px;
}

/* المشهد: البندول والجوهرة والضوء */
.land-scene{
  position:relative;z-index:1;height:min(72vh,600px);min-height:440px;
  display:flex;align-items:flex-end;justify-content:center;
}
.land-pendulum{
  position:absolute;top:0;left:50%;width:120px;margin-left:-60px;
  transform-origin:top center;will-change:transform;z-index:3;
}
.land-thread{
  width:2px;height:110px;margin:0 auto;
  background:linear-gradient(180deg,transparent,rgba(212,175,55,.75));
  box-shadow:0 0 6px rgba(212,175,55,.4);
}
.land-gem{
  display:block;width:120px;height:120px;margin:-6px auto 0;
  mix-blend-mode:screen;  /* الخلفية الداكنة في الصورة تذوب — الجوهرة كما هي */
  /* القناع يذيب بقايا القص فقط — حافة الجوهرة نفسها تبقى حادة */
  -webkit-mask-image:radial-gradient(ellipse 66% 66% at 50% 48%,#000 58%,transparent 78%);
  mask-image:radial-gradient(ellipse 66% 66% at 50% 48%,#000 58%,transparent 78%);
  /* توهج بطبقتين: هالة ضيقة دافئة قوية + غلالة واسعة خافتة —
     الجسم يظل مقروءاً داخل ضوئه */
  filter:saturate(1.12) contrast(1.07) brightness(1.06)
         drop-shadow(0 0 9px rgba(255,232,170,.75))
         drop-shadow(0 0 30px rgba(240,199,94,.28));
  animation:landGemGlow 4.5s ease-in-out infinite;
}
@keyframes landGemGlow{
  50%{filter:saturate(1.18) contrast(1.07) brightness(1.14)
      drop-shadow(0 0 12px rgba(255,240,200,.85))
      drop-shadow(0 0 38px rgba(240,199,94,.38))}
}
/* لمعة سطحية صغيرة على الوجه الأعلى — بُعد لا بريق نيون */
.land-pendulum::after{
  content:"";position:absolute;top:112px;left:50%;margin-left:-26px;
  width:30px;height:16px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,255,255,.5),transparent 75%);
  mix-blend-mode:screen;transform:rotate(-18deg);pointer-events:none;
}
@media (max-width:860px){.land-pendulum::after{display:none}}
/* مخروط الضوء المنشوري */
.land-cone{
  position:absolute;top:212px;left:50%;width:560px;height:470px;
  margin-left:-280px;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,250,238,.5),rgba(255,240,205,.12) 55%,transparent 85%),
    linear-gradient(100deg,rgba(255,255,255,.12),transparent 32%),
    linear-gradient(260deg,rgba(240,199,94,.14),transparent 32%);
  clip-path:polygon(50% 0, 6% 100%, 94% 100%);
  filter:blur(6px);opacity:.9;mix-blend-mode:screen;
}
/* بقعة الضوء على المعلم */
.land-pool{
  position:absolute;bottom:8px;left:50%;transform:translateX(-50%);
  width:480px;height:130px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,248,230,.42),rgba(240,199,94,.12) 58%,transparent);
  filter:blur(14px);
}
.land-teacher{
  position:relative;z-index:2;width:min(300px,64vw);aspect-ratio:1;border-radius:50%;
  overflow:hidden;border:3px solid var(--gold);margin-bottom:34px;
  box-shadow:0 0 70px rgba(212,175,55,.4),0 0 150px rgba(245,158,11,.12);
}
.land-teacher img{width:100%;height:100%;object-fit:cover;display:block}
/* رموز تطفو في العتمة وتُضاء تحت الضوء */
.land-sym{
  position:absolute;font-size:1.6rem;color:var(--txt3);opacity:.12;z-index:1;
  animation:landFloat 7s ease-in-out infinite;user-select:none;pointer-events:none;
}
.land-sym.land-lit{opacity:.55;color:var(--gold2);text-shadow:0 0 18px rgba(240,199,94,.5)}
@keyframes landFloat{50%{transform:translateY(-14px)}}

/* ── stats ─────────────────────────────────────────────────────────── */
.stats{
  border-block:1px solid var(--line2);background:var(--ink2);
  padding:1.7rem 2rem;
}
.stats-in{
  max-width:1050px;margin:0 auto;display:grid;
  grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center;
}
.stat b{
  display:block;font-size:2rem;font-weight:900;
  background:linear-gradient(120deg,var(--gold2),var(--warm));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.stat span{font-size:.8rem;color:var(--txt3);letter-spacing:.04em}

/* ── sections: dim until lit ───────────────────────────────────────── */
.land-sec{max-width:1200px;margin:0 auto;padding:4.5rem 2rem}
.land-sec-t{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:900;text-align:center;margin-bottom:.6rem}
.land-sec-t .land-g{background:linear-gradient(120deg,var(--gold2),var(--warm));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.land-sec-sub{color:var(--txt3);text-align:center;margin-bottom:2.6rem;font-size:.95rem}
.land-reveal{opacity:.35;transform:translateY(26px);
  transition:opacity .8s ease,transform .8s ease}
.land-reveal.land-lit{opacity:1;transform:none}
/* التحميض: العنصر موجود لكنه خافت، واقتراب المؤشر يجلوه */
/* مظهر الجوال معتمد للكل: لا تعتيم للمحتوى — الضوء يضيف ولا يحجب.
   واللوحة التي يقع عليها النور تزداد سطوعاً فتتضح كلماتها. */
.land-dev{transition:filter .2s ease,border-color .2s ease,box-shadow .2s ease}
.land-dev.land-near{filter:brightness(1.18) saturate(1.06)}
/* البطاقات المؤطرة تلبس حلقة النور — إضاءة تُرى بلا أي طلاء فوق النص */
.land-show-card.land-near,.land-subj2.land-near,.land-why2-item.land-near,
.land-style-card.land-near,.land-board-canvas.land-near{
  border-color:rgba(240,199,94,.55);
  box-shadow:0 0 28px rgba(240,199,94,.18),0 0 6px rgba(240,199,94,.12);
}
/* أُزيلت قاعدة أثرية كانت تلغي إشراق land-near */
@media (hover:none), (prefers-reduced-motion:reduce){.land-dev{filter:none}}

/* بطاقات المواد الست */
.subjects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.1rem}
.subj{
  background:var(--card);border:1px solid var(--line2);border-radius:18px;
  padding:1.5rem 1.4rem;position:relative;overflow:hidden;
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.subj:hover{transform:translateY(-4px);border-color:var(--accent,var(--gold));
  box-shadow:0 14px 40px rgba(0,0,0,.45)}
.subj::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--accent,var(--gold)),transparent)}
.subj h3{display:flex;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:800;margin-bottom:.9rem}
.subj h3 .ic{font-size:1.5rem}
.subj ul{list-style:none}
.subj li{
  color:var(--txt2);font-size:.88rem;padding:.32rem 0;
  display:flex;align-items:center;gap:.5rem;
}
.subj li::before{content:"◂";color:var(--accent,var(--gold));font-size:.7rem}
.subj .cnt{
  position:absolute;top:1.1rem;inset-inline-end:1.2rem;font-size:.7rem;color:var(--txt3);
  border:1px solid var(--line2);border-radius:999px;padding:.15rem .6rem;
}
.subj.land-phys{--accent:#60a5fa}.subj.land-math{--accent:#f472b6}.subj.land-chem{--accent:#4ade80}
.subj.land-bio{--accent:#2dd4bf}.subj.land-arab{--accent:#f0c75e}.subj.land-biz{--accent:#fb923c}

/* لماذا لُب */
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.feat{
  background:var(--card);border:1px solid var(--line2);border-radius:16px;
  padding:1.4rem 1.2rem;transition:border-color .2s,transform .2s;
}
.feat:hover{border-color:var(--line);transform:translateY(-3px)}
.feat .fi{font-size:1.7rem;margin-bottom:.6rem}
.feat .ft{font-weight:800;margin-bottom:.35rem}
.feat .fd{color:var(--txt3);font-size:.85rem}
.land-soon-chip{
  display:inline-block;vertical-align:middle;margin-inline-start:.4rem;
  font-size:.62rem;font-weight:700;color:var(--txt3);
  border:1px solid var(--line2);border-radius:999px;padding:.08rem .5rem;
}

/* تلغرام */
.tg{
  border-block:1px solid var(--line2);
  background:linear-gradient(135deg,rgba(59,130,246,.07),rgba(6,182,212,.05));
  text-align:center;padding:4rem 2rem;
}
.tg img{width:150px;border-radius:14px;border:1px solid var(--line2);margin:1.2rem 0 .8rem}
.tg .handle{font-weight:800;color:var(--gold2);letter-spacing:.04em;margin-bottom:.8rem}
.tg a{
  display:inline-block;color:var(--txt);border:1px solid var(--line2);border-radius:999px;
  padding:.65rem 1.5rem;text-decoration:none;font-weight:700;font-size:.9rem;
  transition:border-color .18s,background .18s;
}
.tg a:hover{border-color:var(--gold);background:rgba(212,175,55,.07)}

/* الختام تحت وهج الجوهرة */
.land-final{position:relative;text-align:center;padding:6rem 2rem 4.5rem;overflow:hidden}
.land-final .land-fgem{
  width:84px;height:84px;mix-blend-mode:screen;margin-bottom:.4rem;
  -webkit-mask-image:radial-gradient(ellipse 62% 62% at 50% 48%,#000 46%,transparent 72%);
  mask-image:radial-gradient(ellipse 62% 62% at 50% 48%,#000 46%,transparent 72%);
  filter:saturate(1.1) drop-shadow(0 0 26px rgba(240,199,94,.55));
  animation:landGemGlow 4.5s ease-in-out infinite;
}
.land-final::before{
  content:"";position:absolute;top:70px;left:50%;transform:translateX(-50%);
  width:640px;height:340px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,248,230,.24),transparent);
  filter:blur(8px);
}
.land-final h2{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:900;margin-bottom:.6rem}
.land-final h2 .land-g{background:linear-gradient(120deg,#fff3d6,var(--gold2),var(--warm));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.land-final p{color:var(--txt3);margin-bottom:1.6rem}

/* footer بالشعار الكامل */
.land-footer{
  border-top:1px solid var(--line2);background:var(--ink2);
  display:flex;flex-direction:column;align-items:center;gap:.55rem;
  padding:1.6rem 2rem 1.9rem;text-align:center;
}
/* توقيع الجوهرة: أيقونة دائرية صلبة نقية (كعلامة الشريط) في الزاويتين */
.land-lubb-sig{
  position:fixed;bottom:12px;width:34px;height:34px;border-radius:50%;
  object-fit:cover;opacity:.9;pointer-events:none;z-index:30;
  border:1px solid rgba(212,175,55,.4);
  box-shadow:0 0 12px rgba(212,175,55,.35);
}
.land-sig-right{right:12px;left:auto}
.land-sig-left{left:12px;right:auto}
@media (max-width:860px){.land-lubb-sig{width:28px;height:28px;bottom:10px}
  .land-sig-right{right:10px}.land-sig-left{left:10px}}
.land-footer .flogo{width:120px;border-radius:14px;opacity:.95;
  box-shadow:0 0 30px rgba(212,175,55,.2)}
.land-footer .land-tag{color:var(--gold2);font-size:.9rem;font-weight:700;letter-spacing:.03em}
.land-footer .land-cop{color:var(--txt3);font-size:.75rem}

/* ── الديسكتوب: الجوهرة معلقة من أعلى الشاشة نفسها (كمصباح المرجع) —
      ترافقك في الصفحة كلها، وشعاعها يطول ليصل عمق النافذة. ──────────── */
@media (min-width:861px){
  /* المرساة فوق عمود المشهد (يسار الشبكة في RTL) لا فوق الشعار المركزي —
     فلا تتصادم جوهرة البندول مع جوهرة الشعار، وتقرأ ككشاف فوق المعلم. */
  .land-pendulum{position:fixed;top:0;left:31%;z-index:45;pointer-events:none}
  .land-thread{height:88px}
  .land-cone{top:190px;height:74vh;width:620px;margin-left:-310px;
    clip-path:polygon(50% 0, 2% 100%, 98% 100%)}
}

/* ── mobile ────────────────────────────────────────────────────────── */
@media (max-width:860px){
  /* تركيب جوال مقصود: الرسالة أولاً —
     شعار مصغّر → شارة → العنوان → المشهد (مضغوط) → النص → الأزرار.
     display:contents يفكك صندوق hero-text فيصبح أبناؤه عناصر شبكة
     قابلة للترتيب حول المشهد. */
  .land-hero{grid-template-columns:1fr;text-align:center;padding-top:4.6rem;gap:0;
        display:flex;flex-direction:column;align-items:center}
  .land-lockup-row{order:0;margin-bottom:0;align-self:center}
  .land-lockup{width:min(170px,44vw)}
  .land-hero-text{display:contents}
  .land-eyebrow{order:1;margin-bottom:.9rem}
  h1{order:2;margin-bottom:.6rem}
  .land-hero-sub{order:3;margin-inline:auto;margin-bottom:1rem;font-size:.98rem}
  .land-btns{order:4;justify-content:center;margin-bottom:1.4rem}
  /* المشهد يلي الرسالة والفعل — يطل من أسفل الفولد الأول كإغراء */
  .land-scene{order:5;height:auto;min-height:0;margin:0;width:100%;
         display:flex;align-items:flex-end;justify-content:center;
         position:relative;padding-top:265px}
  /* جوهرة واحدة: جوهرة الشعار نفسها هي المصدر — بندول الجوال يخفي
     خيطه وجوهرته ويبقي المخروط ينسكب من تحت الشعار مباشرة. */
  /* الجوهرة حاضرة على الجوال أيضاً: النص يفصلها عن الشعار فلا تكدس.
     تتأرجح بخمول (حلقة JS) وتنبض بتوهجها — إضاءة حية بلا مؤشر. */
  .land-pendulum{position:absolute;top:0;left:50%;width:84px;margin-left:-42px}
  .land-thread{height:44px}
  .land-gem{width:76px;height:76px}
  .land-cone{width:min(320px,84vw);height:240px;top:112px;
        left:50%;margin-left:calc(min(320px,84vw) / -2)}
  .land-pool{width:min(300px,80vw)}
  .land-teacher{width:min(180px,52vw);margin-bottom:8px}
  .stats-in{grid-template-columns:repeat(2,1fr);gap:1.3rem}
}
@media (prefers-reduced-motion:reduce){
  .land-pendulum,.land-gem,.land-final .land-fgem,.land-sym{animation:none !important}
  .land-reveal{transition:none}
}


/* ═══════════ الأقسام الجديدة — النموذج الكامل ═══════════
   إيقاع الصفحة: غموض (هيرو) → كشف (المنتج) → اتساع (المواد)
   → مسار (الرحلة) → عمق (السبورة) → ثقة (التمايز) → فعل (الختام).
   الخلفيات تتناوب ink/ink2 كي لا يتكرر نفس «الذهب المتوهج» في كل قسم. */

/* ── الجسر: الشعاع يهبط من الهيرو إلى نافذة المنتج ── */
.land-bridge{position:relative;height:110px;overflow:clip}
.land-bridge::before{
  content:"";position:absolute;top:-20px;left:50%;transform:translateX(-50%);
  width:2px;height:130px;
  background:linear-gradient(180deg,rgba(255,250,238,.0),rgba(255,250,238,.5),rgba(240,199,94,.9));
}
.land-bridge::after{
  content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);
  width:260px;height:40px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(240,199,94,.28),transparent);
  filter:blur(8px);
}

/* ── شاهد لُب وهو يعلّم ── */
.land-demo-sec{position:relative;padding:1.5rem 1.2rem 4.5rem;max-width:1150px;margin:0 auto}
.demo-window{
  background:var(--ink2);border:1px solid var(--line);border-radius:18px;
  overflow:clip;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(240,199,94,.06);
}
.demo-head{
  display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;
  background:rgba(212,175,55,.05);border-bottom:1px solid var(--line2);
}
.demo-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;border:1.5px solid var(--gold)}
.demo-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.demo-title{font-weight:800;font-size:.9rem}
.demo-title small{display:block;font-weight:400;color:var(--txt3);font-size:.68rem}
.demo-dots{margin-inline-start:auto;display:flex;gap:5px}
.demo-dots span{width:8px;height:8px;border-radius:50%;background:var(--line);opacity:.6}
.demo-body{padding:1.2rem 1rem 1.4rem;display:flex;flex-direction:column;gap:.9rem}
.bub{max-width:85%;padding:.75rem 1rem;border-radius:14px;font-size:.95rem;line-height:1.9}
.bub-student{
  align-self:flex-start;background:rgba(59,88,152,.22);
  border:1px solid rgba(120,150,200,.25);border-start-start-radius:4px;
}
.bub-lubb{
  align-self:flex-end;background:var(--card);
  border:1px solid var(--line);border-start-end-radius:4px;
}
.bub-lubb b{color:var(--gold2)}
/* نص موجود دلالياً واستخلاصياً، مخفي بصرياً فقط */
.land-vh{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.demo-eq{
  direction:ltr;text-align:center;font-size:1.12rem;color:var(--txt);
  background:rgba(2,5,12,.5);border:1px solid var(--line2);border-radius:10px;
  padding:.55rem .8rem;margin:.6rem 0 .2rem;font-family:'Tajawal',sans-serif;
}
.demo-eq i{font-style:italic}
.demo-eq sub,.demo-eq sup{font-size:.68em}
.land-frac{display:inline-flex;flex-direction:column;vertical-align:middle;line-height:1.25;margin:0 .15em}
.land-frac>span{padding:0 .3em}
.land-frac>span:first-child{border-bottom:1.6px solid var(--txt);padding-bottom:.1em;margin-bottom:.1em}
.demo-orbit{display:block;margin:.7rem auto .1rem;max-width:250px;width:100%;height:auto}
.demo-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-self:flex-end;max-width:85%}
.land-chip{
  font-size:.8rem;font-weight:700;color:var(--txt2);
  border:1px solid var(--line2);border-radius:999px;padding:.35rem .85rem;
  background:#101a30;user-select:none;
}
.land-chip-gold{color:#1a1204;background:linear-gradient(135deg,var(--gold2),var(--warm));border:none}
.land-demo-note{text-align:center;color:var(--txt3);font-size:.78rem;margin-top:1rem}

/* ── شريط الأرقام الرشيق داخل مقدمة المواد ── */
.land-proof-line{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;
  gap:.4rem 1.6rem;margin:0 0 2.4rem;color:var(--txt3);font-size:.9rem;
}
.land-proof-line b{
  font-size:1.35rem;font-weight:900;margin-inline-end:.25rem;
  background:linear-gradient(120deg,var(--gold2),var(--warm));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.land-proof-line .land-sep{color:var(--line);font-size:1rem}

/* ── المواد: ست بطاقات مكثفة + كشف اختياري ── */
.land-subj2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.land-subj2{
  background:var(--card);border:1px solid var(--line2);border-radius:16px;
  padding:1.15rem 1.1rem 1rem;position:relative;
  transition:transform .2s,border-color .2s;
}
.land-subj2:hover{transform:translateY(-3px);border-color:var(--accent,var(--gold))}
.land-subj2::before{content:"";position:absolute;inset-inline:14%;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--accent,var(--gold)),transparent)}
.land-subj2-head{display:flex;align-items:center;gap:.6rem}
.land-subj2-ic{font-size:1.45rem}
.land-subj2 h3{font-size:1.05rem;font-weight:800}
.land-subj2-count{
  margin-inline-start:auto;font-size:.72rem;color:var(--txt3);
  border:1px solid var(--line2);border-radius:999px;padding:.12rem .55rem;white-space:nowrap;
}
.land-subj2 details{margin-top:.6rem}
.land-subj2 summary{
  cursor:pointer;list-style:none;font-size:.78rem;font-weight:700;color:var(--accent,var(--gold2));
  display:inline-flex;align-items:center;gap:.3rem;
}
.land-subj2 summary::-webkit-details-marker{display:none}
.land-subj2 summary::after{content:"▾";font-size:.7rem;transition:transform .2s}
.land-subj2 details[open] summary::after{transform:rotate(180deg)}
.land-subj2 summary:focus-visible{outline:2px solid var(--gold2);outline-offset:3px;border-radius:6px}
.land-subj2 ul{list-style:none;margin:.5rem 0 0;padding:0}
.land-subj2 li{color:var(--txt2);font-size:.82rem;padding:.22rem 0;display:flex;gap:.45rem;align-items:center}
.land-subj2 li::before{content:"◂";color:var(--accent,var(--gold));font-size:.6rem}
.land-subj2.land-phys{--accent:#60a5fa}.land-subj2.land-math{--accent:#f472b6}.land-subj2.land-chem{--accent:#4ade80}
.land-subj2.land-bio{--accent:#2dd4bf}.land-subj2.land-arab{--accent:#f0c75e}.land-subj2.land-biz{--accent:#fb923c}

/* ── رحلة التعلم: خمس محطات على خيط ضوء ── */
.land-journey-band{background:var(--ink2);border-block:1px solid var(--line2)}
.land-journey{max-width:1150px;margin:0 auto;padding:4.2rem 2rem 4.6rem}
.land-j-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;position:relative;margin-top:2.4rem}
.land-j-steps::before{
  content:"";position:absolute;top:26px;inset-inline:9%;height:2px;
  background:linear-gradient(90deg,transparent,rgba(240,199,94,.5) 12%,rgba(240,199,94,.5) 88%,transparent);
}
.land-j-step{text-align:center;position:relative;padding:0 .3rem}
.land-j-node{
  width:52px;height:52px;margin:0 auto .8rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:1.25rem;
  background:#101a30;border:2px solid var(--gold);
  box-shadow:0 0 18px rgba(240,199,94,.25);position:relative;z-index:1;
}
.land-j-step h3{font-size:1.02rem;font-weight:800;margin-bottom:.3rem}
.land-j-step p{color:var(--txt3);font-size:.8rem;line-height:1.8}

/* ── السبورة: لحظة بصرية واحدة قوية ── */
.land-board-sec{max-width:1100px;margin:0 auto;padding:4.5rem 2rem}
.land-board-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.2rem;align-items:center}
.land-board-copy h2{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:900;line-height:1.5;margin-bottom:.8rem}
.land-board-copy p{color:var(--txt2);font-size:.98rem;margin-bottom:1rem}
.land-board-copy ul{list-style:none;margin:0;padding:0}
.land-board-copy li{color:var(--txt3);font-size:.88rem;padding:.3rem 0;display:flex;gap:.5rem;align-items:center}
.land-board-copy li::before{content:"◆";color:var(--gold);font-size:.55rem}
.land-board-canvas{
  position:relative;border-radius:16px;border:1px solid var(--line);
  background:#0e1522 radial-gradient(rgba(150,170,210,.13) 1px,transparent 1.5px);
  background-size:22px 22px;box-shadow:0 26px 70px rgba(0,0,0,.5);
  overflow:clip;
}
.land-board-tools{
  position:absolute;top:10px;inset-inline-start:50%;transform:translateX(50%);
  display:flex;gap:.35rem;background:var(--ink2);border:1px solid var(--line2);
  border-radius:10px;padding:.3rem .45rem;
}
html[dir=rtl] .land-board-tools{transform:translateX(50%)}
.land-board-tools span{
  width:24px;height:24px;border-radius:6px;display:flex;align-items:center;
  justify-content:center;font-size:.72rem;color:var(--txt3);background:transparent;
}
.land-board-tools span.on{background:rgba(240,199,94,.18);color:var(--gold2)}
.land-board-svg{display:block;width:100%;height:auto}
.land-board-badge{
  position:absolute;bottom:10px;inset-inline-end:12px;font-size:.68rem;
  color:var(--txt3);background:rgba(2,5,12,.55);border:1px solid var(--line2);
  border-radius:999px;padding:.18rem .6rem;
}

/* ── لماذا لُب: أربعة تمايزات ── */
.land-why2{max-width:1000px;margin:0 auto;padding:4.2rem 2rem}
.land-why2-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.2rem}
.land-why2-item{
  display:flex;gap:.9rem;align-items:flex-start;
  background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:1.2rem 1.1rem;
}
.land-why2-ic{
  flex:0 0 auto;width:42px;height:42px;border-radius:11px;display:flex;
  align-items:center;justify-content:center;font-size:1.2rem;
  background:rgba(240,199,94,.09);border:1px solid var(--line);
}
.land-why2-item h3{font-size:1rem;font-weight:800;margin-bottom:.25rem}
.land-why2-item p{color:var(--txt3);font-size:.85rem;line-height:1.85}

/* ── فوتر منقّح: تلغرام قناة ثانوية ── */
.land-foot-channels{
  display:flex;align-items:center;gap:.6rem;color:var(--txt3);font-size:.82rem;
}
.land-foot-channels a{color:var(--txt2);text-decoration:none;font-weight:700;border-bottom:1px dashed var(--line)}
.land-foot-channels a:hover{color:var(--gold2)}
.land-foot-channels a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.foot-providers{color:var(--txt3);font-size:.68rem;opacity:.75}

/* ── إيقاع متجاوب للأقسام الجديدة ── */
@media (max-width:860px){
  .land-demo-sec{padding:1rem .8rem 3.4rem}
  .bub{max-width:94%;font-size:.92rem}
  .land-subj2-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}
  .land-subj2{padding:.95rem .85rem .85rem}
  .land-subj2 h3{font-size:.95rem}
  .land-j-steps{grid-template-columns:1fr;gap:0;margin-top:1.6rem}
  .land-j-steps::before{inset-inline:auto;inset-inline-start:25px;top:8%;bottom:8%;width:2px;height:auto;
    background:linear-gradient(180deg,transparent,rgba(240,199,94,.5) 12%,rgba(240,199,94,.5) 88%,transparent)}
  .land-j-step{display:grid;grid-template-columns:52px 1fr;gap:.2rem .9rem;text-align:start;
    align-items:start;padding:.85rem 0}
  .land-j-node{margin:0;grid-row:1 / span 2}   /* العقدة تمتد صفَّي العنوان والنص */
  .land-j-step h3{grid-column:2;align-self:center}
  .land-j-step p{grid-column:2}
  .land-board-wrap{grid-template-columns:1fr;gap:1.4rem}
  .land-why2-grid{grid-template-columns:1fr}
  .land-bridge{height:70px}
}



/* ═══ معرض المواد الست: لقطات تعليمية متمايزة + طبقة إجراءات واحدة ═══
   ليست ست نوافذ محادثة — ست لقطات، لكلٍّ نمط تفكيرها ومخرجها،
   يجمعها إطار واحد وخيط ضوء ينزل إلى شريط «تستطيع أن…». */
.land-show-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:2rem;
}
.land-show-card{
  background:var(--card);border:1px solid var(--line2);border-radius:15px;
  padding:1rem 1rem .95rem;position:relative;overflow:clip;
  display:flex;flex-direction:column;gap:.55rem;
}
.land-show-card::before{content:"";position:absolute;inset-inline:12%;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--accent,var(--gold)),transparent)}
.land-show-head{display:flex;align-items:center;gap:.5rem}
.land-show-ic{font-size:1.15rem}
.land-show-head h3{font-size:.95rem;font-weight:800}
.land-show-mode{
  margin-inline-start:auto;font-size:.64rem;color:var(--accent,var(--gold2));
  border:1px solid var(--line2);border-radius:999px;padding:.1rem .5rem;white-space:nowrap;
}
.land-show-q{color:var(--txt3);font-size:.8rem}
.land-show-q b{color:var(--txt2);font-weight:700}
.land-show-body{font-size:.84rem;color:var(--txt2);line-height:1.9}
.land-show-card.land-phys{--accent:#60a5fa}.land-show-card.land-math{--accent:#f472b6}
.land-show-card.land-chem{--accent:#4ade80}.land-show-card.land-bio{--accent:#2dd4bf}
.land-show-card.land-arab{--accent:#f0c75e}.land-show-card.land-biz{--accent:#fb923c}

/* لقطات علمية LTR صغيرة */
.land-mini-eq{
  direction:ltr;text-align:center;font-size:.95rem;color:var(--txt);
  background:rgba(5,9,20,.45);border:1px solid var(--line2);border-radius:9px;
  padding:.4rem .5rem;
}
.land-mini-eq i{font-style:italic}
.land-mini-eq sub,.land-mini-eq sup{font-size:.68em}
.land-mini-eq .land-frac{font-size:.88em}
/* خطوات الرياضيات */
.land-steps{list-style:none;margin:0;padding:0;direction:ltr;text-align:center}
.land-steps li{padding:.14rem 0;color:var(--txt2);font-size:.9rem}
.land-steps li.land-hl{color:var(--gold2);font-weight:700}
.land-steps li small{color:var(--txt3);font-size:.68rem;direction:rtl;display:inline-block;margin-left:.5rem}
/* الإعراب */
.land-i3rab{display:flex;flex-direction:column;gap:.3rem}
.land-i3rab .land-word{display:flex;align-items:baseline;gap:.6rem;font-size:.85rem}
.land-i3rab .land-word b{font-size:1.05rem;color:var(--gold2);font-weight:800;min-width:3.4rem}
.land-i3rab .land-word span{color:var(--txt2)}
/* سيناريو الإدارة */
.land-flow3{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}
.land-flow3 .land-row{display:flex;gap:.5rem;align-items:baseline}
.land-flow3 .land-k{flex:0 0 auto;font-size:.64rem;font-weight:800;color:var(--accent,var(--gold2));
  border:1px solid var(--line2);border-radius:6px;padding:.08rem .45rem}
.land-flow3 .land-row span{color:var(--txt2)}
.land-show-svg{display:block;width:100%;height:auto;margin:.15rem auto 0}

/* طبقة الإجراءات الواحدة — موصولة بالمعرض بخيط ضوء */
.land-actions-layer{position:relative;margin-top:2.1rem;text-align:center}
.land-actions-layer::before{
  content:"";position:absolute;top:-2.1rem;left:50%;transform:translateX(-50%);
  width:2px;height:2.1rem;
  background:linear-gradient(180deg,transparent,rgba(240,199,94,.7));
}
.land-actions-box{
  display:inline-block;background:var(--ink2);border:1px solid var(--line);
  border-radius:16px;padding:1.1rem 1.6rem 1.25rem;max-width:640px;
  box-shadow:0 0 40px rgba(240,199,94,.06);
}
.land-actions-box h3{font-size:1.02rem;font-weight:800;margin-bottom:.75rem}
.land-actions-box h3 .land-g{background:linear-gradient(120deg,var(--gold2),var(--warm));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.land-actions-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}

@media (max-width:860px){
  /* شريط انزلاق أفقي أصيل بالتقاط snap — البطاقة التالية تطل بوضوح */
  .land-show-grid{
    display:flex;gap:.7rem;margin-inline:-0.8rem;padding:0 .8rem .5rem;
    overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  .land-show-grid::-webkit-scrollbar{display:none}
  .land-show-card{flex:0 0 76vw;max-width:330px;scroll-snap-align:center}
  .land-actions-box{padding:1rem 1rem 1.1rem}
  span.land-show-hint{display:block;text-align:center;color:var(--txt3);
    font-size:.7rem;margin-top:.5rem}
}
.land-show-hint{display:none}



/* ── أساليب التدريس الخمسة (من مفردات المنتج الفعلية) ── */
.land-styles-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:2rem;
}
.land-style-card{
  background:var(--card);border:1px solid var(--line2);border-radius:14px;
  padding:1.1rem .9rem;text-align:center;
  transition:transform .2s,border-color .2s;
}
.land-style-card:hover{transform:translateY(-3px);border-color:var(--gold)}
.land-style-ic{font-size:1.5rem;margin-bottom:.5rem}
.land-style-card h3{font-size:.98rem;font-weight:800;margin-bottom:.35rem;color:var(--gold2)}
.land-style-card p{color:var(--txt3);font-size:.78rem;line-height:1.85}
@media (max-width:1100px){.land-styles-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){
  .land-styles-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}
  .land-style-card:last-child{grid-column:1/-1}
}


/* الكمبيوتر بألوان الجوال: طبقة الإظلام معطلة نهائياً؛
   #land-torch-glow (توهج أبيض دافئ يتبع شعاع الجوهرة) يبقى وحده. */
#land-torch{display:none !important}


/* إشارة تلغرام في الختام — مرئية بلا منافسة للزر الأساسي */
.land-tg-line{margin-top:1rem;font-size:.86rem}
.land-tg-line a{color:var(--txt2);text-decoration:none;border-bottom:1px dashed var(--line)}
.land-tg-line a:hover{color:var(--gold2)}
.land-tg-line a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.land-tg-line b{color:var(--gold2);font-weight:800}


/* الحكم النهائي: لا يُرسم أي ضوء فوق الكلمات — الضباب ممنوع.
   الإضاءة تتجسد في العنصر نفسه: سطوع + إطار ذهبي مشتعل. */
#land-torch-glow{display:none !important}