/* ============================================================================
   نعم — الواجهة التعريفية  ·  «منسّق الحياة» (أبوأحمد 2026-10-29)
   ----------------------------------------------------------------------------
   الروح نفسها التي بناها حمزة في landing.html: أرضٌ داكنة، وخطّ نيونٍ واحد هو
   انسيابة الشعار يتبدّل مع كل مشهد، والشعار يرسم نفسه في الانطلاقة. الجديد هو
   المحتوى: نعم منسّق الحياة، ثم الأبواب واحداً واحداً، و«اسأل نعم» حاضرٌ في كلها.
   مشهدٌ واحد لكل فكرة، كي تبقى الصفحة هادئة مهما طال شرحها.
   ============================================================================ */

:root{
  --bed:#040E14;
  --neon:#19E8C0;        /* التيل المضيء — الحبر الأول */
  --neon-2:#5AB4FF;      /* السماوي — الحبر الثاني، ولون الأكاديمية */
  --brand:#0FA98E;
  --sky-d:#2F7FE0;
  --spark:#FFC94D;       /* الذهبي — الحبر الثالث، ولون الديوانية (دلّة نتدوتن) */

  --t-hi:#F0FBF8;
  --t-1:#C6DCD7;
  --t-2:#9DB6B1;
  --t-3:#7C9590;

  --edge:rgba(180,235,225,.13);
  --edge-2:rgba(180,235,225,.24);
  --glass:rgba(8,32,42,.62);
  --glass-2:rgba(9,34,44,.55);
}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}

html{scroll-behavior:smooth;scroll-padding-top:72px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bed);color:var(--t-1);overflow-x:hidden}
.n-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

#bed{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(120% 78% at 78% -8%, #0E3B44 0%, rgba(14,59,68,0) 55%),
    radial-gradient(90% 60% at 12% 108%, #0A2C3A 0%, rgba(10,44,58,0) 60%),
    linear-gradient(180deg,#051219 0%, #040E14 45%, #03090D 100%);
}
#bed::after{
  content:"";position:absolute;inset:0;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}
#sky{position:fixed;inset:0;z-index:1;pointer-events:none;display:block}
.page{position:relative;z-index:2}

/* ---------------- الترويسة ---------------- */
.hd{position:fixed;inset-block-start:0;inset-inline:0;z-index:40;border-bottom:1px solid transparent;
  transition:background var(--d-2) var(--e-out),border-color var(--d-2) var(--e-out)}
.hd.stuck{background:rgba(4,14,20,.74);backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px);border-bottom-color:var(--edge)}
.hd-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.hd-brand{display:flex;align-items:center;gap:10px;text-decoration:none;opacity:0;transition:opacity 700ms var(--e-out)}
.hd-brand.show{opacity:1}
.wmk{height:30px;width:50px;display:block;fill:var(--t-hi)}
.wmk--sm{height:24px;width:40px}
.hd-nav{display:flex;align-items:center;gap:4px}
.hd-nav a.lnk{padding:9px 13px;font-size:var(--fs-meta);color:var(--t-2);text-decoration:none;border-radius:var(--r-pill);
  transition:color var(--d-1) var(--e-out),background var(--d-1) var(--e-out)}
.hd-nav a.lnk:hover{color:var(--t-hi);background:rgba(255,255,255,.06)}
.hd-nav a.lnk.here{color:var(--t-hi)}
.hd-nav a.lnk:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bed),0 0 0 5.5px var(--neon)}
@media (max-width:760px){.hd-nav .hide-sm{display:none}}

/* ---------------- الأزرار ---------------- */
.nbtn{
  --bg:var(--neon);
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 26px;border:0;border-radius:var(--r-pill);
  background:var(--bg);color:#031A16;
  font-family:var(--font-body);font-size:15.5px;font-weight:700;line-height:1;
  text-decoration:none;cursor:pointer;
  box-shadow:0 10px 30px -12px rgba(25,232,192,.7);
  transition:transform var(--d-1) var(--e-out),box-shadow var(--d-2) var(--e-out),background var(--d-1) var(--e-out),border-color var(--d-1) var(--e-out);
}
.nbtn:hover{transform:translateY(-1px);box-shadow:0 0 26px -2px rgba(25,232,192,.5),0 16px 38px -12px rgba(25,232,192,.85)}
.nbtn:active{transform:translateY(0) scale(.985)}
.nbtn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bed),0 0 0 5.5px var(--neon)}
.nbtn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nbtn--sm{padding:9px 18px;font-size:14px}
.nbtn--lg{padding:17px 34px;font-size:17px}
.nbtn--ghost{--bg:transparent;color:var(--t-hi);border:1.5px solid var(--edge-2);box-shadow:none}
.nbtn--ghost:hover{background:rgba(255,255,255,.06);border-color:var(--neon);box-shadow:none}
.nbtn--sky{--bg:var(--neon-2);color:#03122A;box-shadow:0 10px 30px -12px rgba(90,180,255,.7)}
.nbtn--sky:hover{box-shadow:0 0 26px -2px rgba(90,180,255,.5),0 16px 38px -12px rgba(90,180,255,.85)}
.nbtn--sky:focus-visible{box-shadow:0 0 0 3px var(--bed),0 0 0 5.5px var(--neon-2)}
.nbtn--gold{--bg:var(--spark);color:#2A1A04;box-shadow:0 10px 30px -12px rgba(255,201,77,.7)}
.nbtn--gold:hover{box-shadow:0 0 26px -2px rgba(255,201,77,.5),0 16px 38px -12px rgba(255,201,77,.85)}
.nbtn--gold:focus-visible{box-shadow:0 0 0 3px var(--bed),0 0 0 5.5px var(--spark)}

/* ---------------- المشاهد ---------------- */
.scene{min-height:100svh;display:flex;align-items:center;padding-block:clamp(88px,12vh,140px);position:relative}
.scene-in{width:min(1180px,100% - var(--gut) * 2);margin-inline:auto}
.scene-copy{max-width:min(600px,100%)}
.scene-copy--c{margin-inline:auto;text-align:center;max-width:720px}
.scene-copy--c .say{margin-inline:auto}
.scene-copy--c .acts{justify-content:center}

.big{font-family:var(--font-display);font-size:clamp(38px,6.4vw,76px);font-weight:400;line-height:1.34;
  letter-spacing:0;color:var(--t-hi);margin:0;text-wrap:balance}
.big em{font-style:normal;color:var(--neon);text-shadow:0 0 30px rgba(25,232,192,.5),0 0 66px rgba(25,232,192,.25)}
.big--door{font-size:clamp(30px,4.3vw,54px);margin-top:20px}
.say{font-size:clamp(15.5px,1.5vw,17.5px);line-height:1.9;color:var(--t-2);max-width:52ch;margin:22px 0 0}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

.duo{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
.duo--flip > :first-child{order:2}
@media (max-width:980px){.duo{grid-template-columns:1fr;gap:40px}.duo--flip > :first-child{order:0}}

/* هويّة الباب: أيقونته واسمه وحالته — العنوان الحقيقي للقسم */
.door{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--font-body);font-size:19px;font-weight:700;color:var(--t-hi);line-height:1.3}
.door-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;
  background:rgba(25,232,192,.08);border:1px solid rgba(25,232,192,.32);box-shadow:0 0 22px -8px rgba(25,232,192,.7)}
.door-ic svg,.track-ic svg,.sd i svg,.node i svg{width:22px;height:22px;fill:none;stroke:var(--neon);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-pill);
  font-family:var(--font-body);font-size:12px;font-weight:500;line-height:1.5;
  color:var(--neon);border:1px solid rgba(25,232,192,.42);background:rgba(25,232,192,.07)}
.badge::before{content:"";width:6px;height:6px;border-radius:var(--r-pill);background:currentColor;box-shadow:0 0 8px currentColor}
.badge--sky{color:var(--neon-2);border-color:rgba(90,180,255,.45);background:rgba(90,180,255,.08)}
.badge--gold{color:var(--spark);border-color:rgba(255,201,77,.45);background:rgba(255,201,77,.08)}
.badge--soon{color:var(--t-2);border-color:var(--edge-2);background:transparent}
.badge--soon::before{box-shadow:none;opacity:.6}

.feats{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px;max-width:520px}
.feats li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start}
.feats li > svg{width:20px;height:20px;margin-top:3px;fill:none;stroke:var(--neon);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.feats b{display:block;font-weight:500;font-size:15.5px;color:var(--t-hi);line-height:1.5}
.feats li span{display:block;font-size:14px;color:var(--t-2);line-height:1.7}
.feats--sm{margin-top:18px;gap:12px}
.feats--sm b{font-size:14.5px}
.feats--sm li span{font-size:13.5px}

/* «اسأل نعم» على كل باب — كبسولة صغيرة */
.askme{display:inline-flex;align-items:center;gap:8px;font:inherit}
button.askme:not(.nbtn){padding:9px 15px;border-radius:var(--r-pill);border:1px solid var(--edge-2);background:transparent;
  color:var(--t-1);font-size:13.5px;font-weight:500;cursor:pointer;
  transition:border-color var(--d-1) var(--e-out),color var(--d-1) var(--e-out),background var(--d-1) var(--e-out)}
button.askme:not(.nbtn):hover{border-color:var(--neon);color:var(--t-hi);background:rgba(25,232,192,.06)}
button.askme:not(.nbtn):focus-visible{outline:none;box-shadow:0 0 0 3px var(--bed),0 0 0 5.5px var(--neon)}
button.askme svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------------- الانطلاقة ---------------- */
#s0 .scene-in{display:flex;flex-direction:column;align-items:center;text-align:center}
#s0 .scene-copy{margin-inline:auto;max-width:760px;width:100%;min-width:0}
#s0 .say{margin-inline:auto;max-width:48ch}
#s0 .big{font-size:clamp(40px,7.4vw,92px)}
#s0 .acts{justify-content:center;margin-top:30px}
@media (max-height:700px){#s0 .big{font-size:clamp(34px,6vw,58px)}#s0 .say{font-size:15px;margin-top:14px}#s0 .acts{margin-top:22px}}

/* شرائح الانطلاقة: كلها في خليّةٍ واحدة، فلا يقفز ما تحتها حين تتبدّل */
.slides{display:grid}
.slide{grid-area:1/1;opacity:0;transform:translateY(16px);pointer-events:none;
  transition:opacity 700ms var(--e-out),transform 700ms var(--e-out)}
.slide.on{opacity:1;transform:none;pointer-events:auto;transition-delay:120ms}
.big em.sky{color:var(--neon-2);text-shadow:0 0 30px rgba(90,180,255,.5),0 0 66px rgba(90,180,255,.25)}
.big em.gold{color:var(--spark);text-shadow:0 0 30px rgba(255,201,77,.45),0 0 66px rgba(255,201,77,.22)}
.dots{display:flex;justify-content:center;gap:clamp(6px,1.4vw,14px);margin-top:clamp(26px,4.5vh,40px)}
.dots button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:64px;padding:6px 4px;border:0;background:none;cursor:pointer;
  font-family:var(--font-body);font-size:12.5px;color:var(--t-3);transition:color var(--d-2) var(--e-out)}
.dots button i{position:relative;display:block;width:100%;height:2px;border-radius:2px;background:rgba(180,235,225,.18);overflow:hidden}
.dots button i::after{content:"";position:absolute;inset:0;background:var(--neon);box-shadow:0 0 8px var(--neon);transform:scaleX(0);transform-origin:right}
.dots button.on{color:var(--t-hi)}
.dots button.on i::after{transform:scaleX(1)}
.dots button.run i::after{transform:scaleX(0);animation:fillbar var(--slide-ms,5200ms) linear forwards}
.dots button:hover{color:var(--t-1)}
.dots button:focus-visible{outline:none;border-radius:8px;box-shadow:0 0 0 2px var(--bed),0 0 0 4px var(--neon)}
.dots button.sky i::after{background:var(--neon-2);box-shadow:0 0 8px var(--neon-2)}
.dots button.gold i::after{background:var(--spark);box-shadow:0 0 8px var(--spark)}
@media (max-width:420px){.dots button{min-width:0;flex:1 1 0;font-size:12px}.dots{gap:6px}}
@keyframes fillbar{to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.slide{transition:none}.dots button.run i::after{animation:none;transform:scaleX(1)}}

.lock{width:clamp(108px,12.5vw,164px);height:auto;display:block;margin:0 auto clamp(18px,3vh,30px);overflow:visible}
@media (max-height:700px){.lock{width:96px}}
.lock .lk-a,.lock .lk-b{fill:transparent;stroke:var(--neon);stroke-width:16;stroke-linejoin:round;stroke-linecap:round;
  stroke-dasharray:var(--len,3000);stroke-dashoffset:var(--len,3000)}
.lock .lk-a{filter:drop-shadow(0 0 10px rgba(25,232,192,.7))}
.lock .lk-b{filter:drop-shadow(0 0 10px rgba(185,255,239,.65))}
.lock.draw .lk-a{transition:stroke-dashoffset var(--d-draw,2200ms) cubic-bezier(.32,.72,.28,1)}
.lock.draw .lk-b{transition:stroke-dashoffset var(--d-draw,2200ms) var(--d-lag,900ms) cubic-bezier(.32,.72,.28,1)}
.lock.draw .lk-a,.lock.draw .lk-b{stroke-dashoffset:0}
.lock.fill .lk-a{fill:var(--brand);stroke:transparent;filter:drop-shadow(0 0 34px rgba(15,169,142,.62));
  transition:fill 700ms var(--e-out),stroke 700ms var(--e-out),filter 700ms var(--e-out)}
.lock.fill .lk-b{fill:#fff;stroke:transparent;transition:fill 700ms 90ms var(--e-out),stroke 700ms 90ms var(--e-out)}
.lock .lk-w{opacity:0;transform:translate(0,40px);transition:opacity 800ms var(--e-out),transform 800ms var(--e-out)}
.lock .lk-w path{fill:var(--t-hi)}
.lock.word .lk-w{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){.lock{animation:approach var(--d-appr,4400ms) cubic-bezier(.16,.66,.22,1) both}}
@keyframes approach{
  0%{transform:perspective(1500px) translateZ(-1250px);opacity:0;filter:blur(7px)}
  18%{opacity:1}
  88%{filter:blur(0)}
  100%{transform:perspective(1500px) translateZ(0);opacity:1;filter:blur(0)}
}
.lock.snap{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}


/* ---------------- مربّع السؤال: إطارٌ يدور حين يفكّر نعم ---------------- */
.askbar{
  --ring:conic-gradient(from var(--ang), rgba(25,232,192,.95), rgba(90,180,255,.75) 28%, rgba(25,232,192,.12) 55%, rgba(90,180,255,.5) 78%, rgba(25,232,192,.95));
  position:relative;display:flex;align-items:center;gap:10px;
  margin:30px auto 0;width:min(560px,100%);
  padding:8px 8px 8px 8px;padding-inline-start:10px;border-radius:var(--r-pill);
  background:linear-gradient(#06161D,#06161D) padding-box,var(--ring) border-box;
  border:1.5px solid transparent;
  box-shadow:0 18px 50px -26px rgba(25,232,192,.55);
  transition:box-shadow var(--d-3) var(--e-out);
}
.askbar:focus-within{box-shadow:0 0 0 4px rgba(25,232,192,.12),0 18px 50px -20px rgba(25,232,192,.7)}
.askbar.thinking{animation:ring 1.4s linear infinite}
@keyframes ring{to{--ang:360deg}}
.askbar input{flex:1;min-width:0;border:0;background:transparent;color:var(--t-hi);
  font-family:var(--font-body);font-size:16px;line-height:1.5;padding:8px 4px;outline:none}
.askbar input::placeholder{color:var(--t-3)}
.askbar .send{width:42px;height:42px;flex:none;border:0;border-radius:var(--r-pill);display:grid;place-items:center;cursor:pointer;
  background:var(--neon);color:#031A16;transition:transform var(--d-1) var(--e-out),opacity var(--d-1) var(--e-out)}
.askbar .send:hover{transform:scale(1.05)}
.askbar .send:focus-visible{outline:none;box-shadow:0 0 0 3px #06161D,0 0 0 5px var(--neon)}
.askbar .send[disabled]{opacity:.45;cursor:default;transform:none}
.askbar .send svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:scaleX(-1)}

.qchips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px auto 0;max-width:640px}
.qchips button{padding:8px 15px;border-radius:var(--r-pill);border:1px solid var(--edge-2);background:rgba(9,34,44,.55);
  color:var(--t-1);font-family:var(--font-body);font-size:13.5px;line-height:1.5;cursor:pointer;white-space:nowrap;
  transition:border-color var(--d-1) var(--e-out),color var(--d-1) var(--e-out),background var(--d-1) var(--e-out)}
.qchips button:hover{border-color:var(--neon);color:var(--t-hi);background:rgba(25,232,192,.07)}
.qchips button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bed),0 0 0 5px var(--neon)}
@media (max-width:640px){
  .qchips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--gut),#000 calc(100% - var(--gut)),transparent)}
  .qchips::-webkit-scrollbar{display:none}
}

/* ---------------- وجه نعم: العلامة بحلقةٍ تقول حالته ---------------- */
.nv{position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);background:#0A222A}
.nv img{width:70%;height:70%;display:block}
.nv::before{content:"";position:absolute;inset:-3px;border-radius:inherit;border:1.5px solid rgba(25,232,192,.55);
  box-shadow:0 0 14px -2px rgba(25,232,192,.5)}
.nv .live{position:absolute;inset-block-end:0;inset-inline-end:0;width:9px;height:9px;border-radius:var(--r-pill);
  background:#34D399;border:2px solid #06161D}
.nv--sm{width:34px;height:34px}
.nv--lg{width:48px;height:48px}
@media (prefers-reduced-motion:no-preference){
  .nv::before{animation:breathe 4.2s ease-in-out infinite}
  html[data-ns="listen"] .nv::before{border-color:var(--neon-2);box-shadow:0 0 18px 0 rgba(90,180,255,.6);animation:none}
  html[data-ns="think"] .nv::before{border-style:dashed;border-color:var(--neon-2);animation:spin 2.4s linear infinite}
  html[data-ns="speak"] .nv::before{border-color:var(--neon);animation:talk .5s ease-in-out infinite alternate}
}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.07);opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes talk{from{transform:scale(1);box-shadow:0 0 10px -2px rgba(25,232,192,.4)}to{transform:scale(1.1);box-shadow:0 0 22px 2px rgba(25,232,192,.7)}}

/* ---------------- المنسّق وأبوابه ---------------- */
.legend{display:flex;flex-wrap:wrap;gap:18px;margin:26px 0 0;font-size:13px;color:var(--t-3)}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{width:9px;height:9px;border-radius:var(--r-pill);border:1.5px solid var(--t-3)}
.legend i.on{background:var(--neon);border-color:var(--neon);box-shadow:0 0 10px var(--neon)}

.orbit{position:relative;width:min(500px,100%);aspect-ratio:1;margin-inline:auto}
.orbit-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit-lines .ring{fill:none;stroke:rgba(180,235,225,.18);stroke-width:.3;stroke-dasharray:.8 1.6}
.orbit-lines .ring-2{stroke:rgba(25,232,192,.16);stroke-dasharray:none}
.orbit-lines .ray{fill:none;stroke:var(--neon);stroke-width:.45;stroke-linecap:round;opacity:.75;
  filter:drop-shadow(0 0 1.4px rgba(25,232,192,.9));stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset 1400ms var(--e-out)}
.orbit.in .ray{stroke-dashoffset:0}
.orbit.in .ray:nth-child(4){transition-delay:180ms}.orbit.in .ray:nth-child(5){transition-delay:360ms}.orbit.in .ray:nth-child(6){transition-delay:540ms}
.orbit-lines .ray--gold{stroke:var(--spark);filter:drop-shadow(0 0 1.4px rgba(255,201,77,.9))}
.orbit-lines .ray--sky{stroke:var(--neon-2);filter:drop-shadow(0 0 1.4px rgba(90,180,255,.9))}
.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:26%;aspect-ratio:1;border-radius:var(--r-pill);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:radial-gradient(circle at 50% 40%,#0E3B44,#06161D 72%);border:1px solid rgba(25,232,192,.4);
  box-shadow:0 0 0 8px rgba(25,232,192,.04),0 0 60px -10px rgba(25,232,192,.55)}
.core img{width:44%;height:auto}
.core b{font-size:clamp(11px,1.3vw,13px);font-weight:500;color:var(--t-hi);line-height:1.3}
.node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;gap:6px;width:84px;text-align:center;text-decoration:none}
.node i{width:clamp(36px,4.2vw,46px);height:clamp(36px,4.2vw,46px);border-radius:var(--r-pill);display:grid;place-items:center;flex:none;
  background:#071A21;border:1px solid var(--edge);transition:transform var(--d-2) var(--e-out),border-color var(--d-2) var(--e-out)}
.node i svg{width:20px;height:20px;stroke:var(--t-3)}
.node span{font-size:12px;line-height:1.35;color:var(--t-3)}
.node.on i{background:radial-gradient(circle at 50% 35%,#0F3A3A,#071A21);border-color:rgba(25,232,192,.6);box-shadow:0 0 26px -6px rgba(25,232,192,.75)}
.node.on i svg{stroke:var(--neon)}
.node.on span{color:var(--t-hi);font-size:13px;font-weight:500}
.node--ac.on i{border-color:rgba(90,180,255,.65);box-shadow:0 0 26px -6px rgba(90,180,255,.8)}
.node i svg.mk{width:30px;height:30px}
@media (max-width:560px){.node{width:72px;gap:4px}.node span,.node.on span{font-size:11.5px}}
.node--nd.on i{overflow:hidden;background:#1B2A4A;border-color:rgba(255,201,77,.6);box-shadow:0 0 26px -6px rgba(255,201,77,.7)}
.node--nd i img{width:100%;height:100%;display:block}
.node--nd:hover i{border-color:var(--spark)}
.node:hover i{transform:scale(1.08);border-color:var(--neon)}
.node:focus-visible{outline:none}
.node:focus-visible i{box-shadow:0 0 0 3px var(--bed),0 0 0 5px var(--neon)}

/* ---------------- ألواح المنتج: فاتحةٌ كما هي في التطبيق ---------------- */
.ui{position:relative;z-index:1;background:#fff;color:#0B221E;border-radius:var(--r-l);overflow:hidden;width:100%;max-width:440px;margin-inline:auto;
  box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 100px -34px rgba(25,232,192,.3)}
.ui-in{padding:22px}
.ui-h{font-weight:700;font-size:15.5px;color:#0B221E;margin:0 0 10px}
.ui-fine{margin:14px 0 0;font-size:12px;color:#61736E;text-align:center}
.ui-link{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:var(--r-m);background:#EEF9F6;margin-bottom:18px;
  font-size:14px;color:#097A67;font-weight:500}
.ui-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ui-link em{font-style:normal;margin-inline-start:auto;font-size:12px;color:#556762;font-weight:400}
.fu{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #EEF3F1}
.fu:last-of-type{border-bottom:0}
.fu i{width:8px;height:8px;border-radius:var(--r-pill);flex:none}
.fu-a i{background:#E23A32}.fu-b i{background:#E08A1E}.fu-c i{background:#1BA46A}
.fu b{display:block;font-weight:500;font-size:14.5px;color:#0B221E;line-height:1.4}
.fu span{display:block;font-size:12px;color:#61736E;margin-top:2px}
.fu em{font-style:normal;font-size:12px;color:#556762;white-space:nowrap;margin-inline-start:auto}

.shopform .sf{display:flex;gap:8px;padding:6px;border:1.5px solid #D3E2DD;border-radius:var(--r-pill);background:#FBFAF7}
.shopform .sf:focus-within{border-color:#0FA98E;box-shadow:0 0 0 4px #D9F2EC}
.shopform input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;color:#0B221E;padding:8px 10px;outline:none}
.shopform input::placeholder{color:#61736E}
.shopform .sf button{border:0;border-radius:var(--r-pill);background:#0FA98E;color:#021711;font:inherit;font-weight:700;font-size:14.5px;padding:9px 18px;cursor:pointer}
.shopform .sf button:hover{background:#0B8F7C}
.shopform .sf button:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 5px #0FA98E}
.sf-try{margin:16px 0 9px;font-size:12.5px;color:#556762}
.sf-chips{display:flex;flex-wrap:wrap;gap:7px}
.sf-chips a{padding:7px 12px;border-radius:var(--r-pill);border:1px solid #E3ECE9;background:#fff;font-size:13px;color:#173B36;text-decoration:none;
  transition:border-color var(--d-1) var(--e-out),background var(--d-1) var(--e-out)}
.sf-chips a:hover{border-color:#0FA98E;background:#EEF9F6}
.sf-chips a:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0FA98E}
.sf-doors{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #EEF3F1}
.sf-doors a{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border-radius:var(--r-m);text-decoration:none;font-size:12px;line-height:1.5;color:#61736E;
  transition:background var(--d-1) var(--e-out)}
.sf-doors a:hover{background:#EEF9F6}
.sf-doors a:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0FA98E}
.sf-doors svg{width:18px;height:18px;margin-top:2px;flex:none;fill:none;stroke:#0B8F7C;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sf-doors b{display:block;font-size:13.5px;color:#0B221E;font-weight:500}

/* ---------------- أكاديمية نعم ---------------- */
.ac{display:flex;flex-direction:column;gap:clamp(30px,5vh,48px)}
.ac-top{text-align:center;max-width:760px;margin-inline:auto}
.ac-top .say{margin-inline:auto}
.ac-lock{display:inline-flex;align-items:center;gap:16px;margin:0;font:inherit}
.ac-big{width:clamp(64px,7vw,86px);height:auto;flex:none;overflow:visible}
.ac-big .ac-tile{fill:transparent;stroke:var(--neon-2);stroke-width:16;stroke-linejoin:round;
  stroke-dasharray:var(--len,3000);stroke-dashoffset:var(--len,3000);filter:drop-shadow(0 0 10px rgba(90,180,255,.75))}
.ac-big .ac-ink path{stroke:#E8F4FF;stroke-dasharray:var(--len,900);stroke-dashoffset:var(--len,900);filter:drop-shadow(0 0 6px rgba(160,210,255,.7))}
.ac-big.draw .ac-tile{stroke-dashoffset:0;transition:stroke-dashoffset 1500ms cubic-bezier(.32,.72,.28,1)}
.ac-big.draw .ac-ink path{stroke-dashoffset:0;transition:stroke-dashoffset 1100ms 700ms cubic-bezier(.32,.72,.28,1)}
.ac-big.draw .ac-ink path:last-child{transition-delay:1200ms}
.ac-big.fill .ac-tile{fill:url(#acg);stroke:transparent;filter:drop-shadow(0 0 30px rgba(90,180,255,.55));
  transition:fill 700ms var(--e-out),stroke 700ms var(--e-out)}
.ac-big.fill .ac-ink path{stroke:#fff}
.ac-name{display:flex;flex-direction:column;align-items:flex-start;text-align:start}
.ac-name b{font-family:var(--font-mark);font-weight:700;font-size:clamp(24px,2.8vw,32px);color:var(--t-hi);line-height:1.25}
.ac-name small{font-family:var(--font-mark);font-size:11.5px;letter-spacing:.28em;color:var(--neon-2);margin-top:4px}
.ac .big em{color:var(--neon-2);text-shadow:0 0 30px rgba(90,180,255,.5),0 0 66px rgba(90,180,255,.25)}
@media (max-width:520px){.ac-lock{flex-wrap:wrap;justify-content:center;gap:12px}.ac-name{align-items:center;text-align:center}}

.tracks{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,26px);width:min(980px,100%);margin-inline:auto}
@media (max-width:860px){.tracks{grid-template-columns:1fr}}
.track{position:relative;display:flex;flex-direction:column;padding:clamp(20px,2.4vw,28px);border-radius:var(--r-l);
  background:linear-gradient(160deg,rgba(14,40,58,.82),rgba(6,20,28,.86));border:1px solid rgba(90,180,255,.22);
  box-shadow:0 30px 70px -40px rgba(0,0,0,.9),0 0 80px -46px rgba(90,180,255,.55)}
.track-h{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}
.track-h img{width:48px;height:48px;border-radius:14px;display:block}
.track-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(90,180,255,.1);border:1px solid rgba(90,180,255,.4)}
.track-ic svg{stroke:var(--neon-2)}
.track h3{margin:0;font-family:var(--font-mark);font-weight:700;font-size:21px;color:var(--t-hi);line-height:1.3}
.track-h div span{display:block;font-size:13px;color:var(--t-2);line-height:1.5}
.track .feats li > svg{stroke:var(--neon-2)}
.track-f{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:22px}
.track--soon{background:linear-gradient(160deg,rgba(12,30,40,.6),rgba(6,18,24,.7));border-color:var(--edge);box-shadow:0 30px 70px -44px rgba(0,0,0,.9)}
.track--soon .track-ic{background:rgba(255,255,255,.03);border-color:var(--edge-2)}
.track--soon .track-ic svg,.track--soon .feats li > svg{stroke:var(--t-3)}
.track--soon h3{color:var(--t-1)}
.ac-next{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0;font-size:13.5px;color:var(--t-3)}
.ac-next em{font-style:normal;display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:var(--r-pill);border:1px dashed rgba(180,235,225,.26);color:var(--t-2)}
.ac-next small{font-size:11.5px;color:var(--t-3)}

/* ---------------- أبوابٌ قادمة ---------------- */
#soon .scene-in{display:flex;flex-direction:column;gap:clamp(30px,5vh,46px)}
/* صفٌّ ناقص يتوسّط ولا يميل إلى جانب */
.soon{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:min(980px,100%);margin-inline:auto}
.soon .sd{flex:0 1 calc((100% - 24px)/3)}
@media (max-width:900px){.soon .sd{flex-basis:calc((100% - 12px)/2)}}
@media (max-width:560px){.soon .sd{flex-basis:100%}}
.sd{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:13px;padding:16px 16px;border-radius:var(--r-m);
  background:var(--glass-2);border:1px solid var(--edge)}
.sd i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#071A21;border:1px solid var(--edge)}
.sd i svg{width:19px;height:19px;stroke:var(--t-2)}
.sd b{display:block;font-weight:500;font-size:15px;color:var(--t-hi);line-height:1.45}
.sd span{display:block;font-size:13px;color:var(--t-2);line-height:1.65;margin-top:2px}
.sd em{font-style:normal;font-size:11.5px;color:var(--t-3);border:1px solid var(--edge-2);border-radius:var(--r-pill);padding:2px 9px;white-space:nowrap;margin-top:2px}

/* ---------------- الختام ---------------- */
#go .scene-in{display:flex;flex-direction:column;align-items:center;text-align:center}
#go .scene-copy{width:100%}
.tick{width:96px;height:96px;margin:0 auto 26px;display:block;overflow:visible}
.tick path{fill:none;stroke:var(--neon);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:130;stroke-dashoffset:130;
  filter:drop-shadow(0 0 15px rgba(25,232,192,.85));transition:stroke-dashoffset 1000ms var(--e-out)}
.tick.in path{stroke-dashoffset:0}

/* ---------------- ظهور النصوص ---------------- */
.rv{transition:opacity 780ms var(--e-out),transform 780ms var(--e-out)}
.js-rv .rv{opacity:0;transform:translateY(22px)}
.js-rv .rv.in{opacity:1;transform:none}
.js-rv .rv[data-d="1"]{transition-delay:110ms}
.js-rv .rv[data-d="2"]{transition-delay:220ms}
.js-rv .rv[data-d="3"]{transition-delay:330ms}

/* ---------------- التذييل ---------------- */
.ft{border-top:1px solid var(--edge);padding-block:28px 96px;position:relative;z-index:2;background:#03090D}
.ft-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;font-size:var(--fs-meta);color:var(--t-3)}
.ft-brand{display:flex;align-items:center;gap:9px;color:var(--t-2);font-weight:500}
.ft-nav{display:flex;flex-wrap:wrap;gap:16px}
.ft a{color:var(--t-2);text-decoration:none}
.ft a:hover{color:var(--neon)}
.ft a:focus-visible{outline:none;border-radius:4px;box-shadow:0 0 0 3px var(--bed),0 0 0 5.5px var(--neon)}

/* ---------------- الزرّ العائم ---------------- */
.dock{position:fixed;z-index:60;inset-block-end:max(18px,env(safe-area-inset-bottom));inset-inline-end:18px;
  display:flex;align-items:center;gap:11px;padding:7px;padding-inline-end:18px;border-radius:var(--r-pill);cursor:pointer;
  background:rgba(6,22,29,.88);border:1px solid rgba(25,232,192,.34);color:var(--t-hi);font:inherit;text-align:start;
  backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);
  box-shadow:0 18px 40px -18px rgba(0,0,0,.9),0 0 30px -12px rgba(25,232,192,.55);
  opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity var(--d-3) var(--e-out),transform var(--d-3) var(--e-out),border-color var(--d-2) var(--e-out)}
.dock.show{opacity:1;transform:none;pointer-events:auto}
.dock:hover{border-color:var(--neon)}
.dock:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bed),0 0 0 5.5px var(--neon)}
.dock-t b{display:block;font-size:14.5px;font-weight:700;line-height:1.3}
.dock-t small{display:block;font-size:11.5px;color:var(--t-2);line-height:1.3}
html[data-ns="speak"] .dock{border-color:var(--neon)}
@media (max-width:640px){.dock{padding:6px}.dock-t{display:none}}
body.dr-open .dock{opacity:0;pointer-events:none}

/* ---------------- اللوحة ---------------- */
.dr{position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none}
.dr.open{visibility:visible;pointer-events:auto}
.dr-bg{position:absolute;inset:0;background:rgba(2,8,11,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--d-3) var(--e-out)}
.dr.open .dr-bg{opacity:1}
.dr-in{position:absolute;inset-block:12px;inset-inline-end:12px;width:min(420px,calc(100% - 24px));
  display:flex;flex-direction:column;border-radius:28px;overflow:hidden;
  background:#071820;border:1px solid var(--edge-2);box-shadow:0 40px 90px -30px #000,0 0 90px -40px rgba(25,232,192,.45);
  transform:translateX(-24px);opacity:0;transition:transform var(--d-3) var(--e-out),opacity var(--d-3) var(--e-out)}
.dr.open .dr-in{transform:none;opacity:1}
@media (max-width:560px){.dr-in{inset:auto 0 0 0;width:100%;height:min(86svh,680px);border-radius:26px 26px 0 0;transform:translateY(30px)}}
.dr-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px 18px 16px;
  background:linear-gradient(135deg,rgba(25,232,192,.16),rgba(90,180,255,.08) 55%,rgba(7,24,32,0));border-bottom:1px solid var(--edge)}
.dr-head b{display:block;font-family:var(--font-mark);font-weight:700;font-size:18px;color:var(--t-hi);line-height:1.3}
.dr-head small{display:block;font-size:12.5px;color:var(--t-2)}
.dr-x{width:36px;height:36px;border:0;border-radius:var(--r-pill);display:grid;place-items:center;background:rgba(255,255,255,.07);color:var(--t-2);cursor:pointer}
.dr-x:hover{background:rgba(255,255,255,.14);color:var(--t-hi)}
.dr-x:focus-visible{outline:none;box-shadow:0 0 0 3px #071820,0 0 0 5px var(--neon)}
.dr-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.dr-body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.m{max-width:88%;padding:11px 15px;border-radius:18px;font-size:15px;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}
.m-n{background:#0D2A33;color:var(--t-hi);border:1px solid var(--edge);border-end-start-radius:6px;margin-inline-end:auto}
.m-u{background:var(--neon);color:#031A16;border-end-end-radius:6px;margin-inline-start:auto}
.m-dots{display:inline-flex;gap:5px;padding:15px 16px}
.m-dots i{width:6px;height:6px;border-radius:var(--r-pill);background:var(--t-2);opacity:.4}
@media (prefers-reduced-motion:no-preference){.m-dots i{animation:dot 1.1s ease-in-out infinite}.m-dots i:nth-child(2){animation-delay:.15s}.m-dots i:nth-child(3){animation-delay:.3s}}
@keyframes dot{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-3px)}}
.m-go{display:flex;flex-wrap:wrap;gap:8px;margin-inline-end:auto;max-width:88%}
.m-go a,.m-go button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--r-pill);font:inherit;font-size:13.5px;font-weight:700;
  text-decoration:none;cursor:pointer;border:1px solid var(--neon);color:var(--neon);background:rgba(25,232,192,.06)}
.m-go a:hover,.m-go button:hover{background:rgba(25,232,192,.14)}
.m-go .sky{border-color:var(--neon-2);color:var(--neon-2);background:rgba(90,180,255,.07)}
.m-go .gold{border-color:var(--spark);color:var(--spark);background:rgba(255,201,77,.07)}
.m-go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qchips--dr{justify-content:flex-start;margin:0;padding:0 18px 12px;max-width:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.qchips--dr::-webkit-scrollbar{display:none}
.qchips--dr button{font-size:13px;padding:7px 13px}
.askbar--dr{margin:0 14px;width:auto;padding-inline-start:16px}
.dr-fine{margin:10px 18px 14px;font-size:11.5px;color:var(--t-3);text-align:center}

/* ---------------- نافذة الدخول ---------------- */
.ov{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(2,8,11,.74);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ov.open{display:grid}
.md{background:#0A2028;border:1px solid var(--edge-2);border-radius:var(--r-l);width:min(420px,100%);padding:clamp(24px,4vw,32px);position:relative;
  box-shadow:0 40px 90px -40px #000,0 0 80px -40px rgba(25,232,192,.4)}
.md-x{position:absolute;inset-block-start:14px;inset-inline-end:14px;width:34px;height:34px;border:0;border-radius:var(--r-pill);
  background:rgba(255,255,255,.07);color:var(--t-2);font-size:20px;line-height:1;cursor:pointer}
.md-x:hover{background:rgba(255,255,255,.14);color:var(--t-hi)}
.md-x:focus-visible{outline:none;box-shadow:0 0 0 3px #0A2028,0 0 0 5.5px var(--neon)}
.md-head{display:flex;align-items:center;gap:11px;margin-bottom:8px}
.md h2{font-family:var(--font-display);font-size:21px;font-weight:500;color:var(--t-hi);margin:0}
.md-sub{font-size:var(--fs-meta);color:var(--t-3);margin:0 0 22px}
.g-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;border:1.5px solid var(--edge-2);border-radius:var(--r-m);background:rgba(255,255,255,.04);
  color:var(--t-hi);font:inherit;font-weight:500;text-decoration:none;transition:border-color var(--d-1) var(--e-out),background var(--d-1) var(--e-out)}
.g-btn:hover{border-color:var(--neon);background:rgba(25,232,192,.09)}
.g-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #0A2028,0 0 0 5.5px var(--neon)}
.g-btn svg{width:21px;height:21px;flex:none}
.g-btn .ar{margin-inline-start:auto;width:17px;height:17px;color:var(--t-3)}
.md-note{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-size:var(--fs-micro);color:var(--t-3)}
.md-note svg{width:14px;height:14px;flex:none}

/* ---------------- من أطفأ الحركة ---------------- */
@media (prefers-reduced-motion:reduce){
  .lock .lk-a,.lock .lk-b,.ac-big .ac-tile,.ac-big .ac-ink path{stroke-dashoffset:0}
  .lock .lk-w{opacity:1;transform:none}
  .js-rv .rv{opacity:1;transform:none}
  .tick path,.orbit-lines .ray{stroke-dashoffset:0}
  .dr-in,.dock{transition:none}
}

/* ---------------- الديوانية: نتدوتن بذهبيّ دلّتها ---------------- */
.door-ic--nd{background:#1B2A4A;border-color:rgba(255,201,77,.45);box-shadow:0 0 22px -8px rgba(255,201,77,.7);overflow:hidden;padding:0}
.door-ic--nd img{width:100%;height:100%;display:block}
.door-nm{display:flex;flex-direction:column;line-height:1.2}
.door-nm small{font-size:12px;font-weight:400;color:var(--t-3);margin-top:3px}
.feats--gold li > svg{stroke:var(--spark)}
.door-note{margin:16px 0 0;font-size:13.5px;line-height:1.8;color:var(--t-3)}
.door-note a{color:var(--spark);white-space:nowrap;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,201,77,.45)}
.door-note a:hover{text-decoration-color:var(--spark)}
.door-note a:focus-visible{outline:none;border-radius:4px;box-shadow:0 0 0 2px var(--bed),0 0 0 4px var(--spark)}
#diwaniya .ui{box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 100px -34px rgba(255,201,77,.3)}
.nd-top{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:var(--r-m);background:#FFF5E4;margin-bottom:16px}
.nd-top img{border-radius:11px;flex:none}
.nd-top b{display:block;font-weight:700;font-size:15px;color:#2A1A04;line-height:1.35}
.nd-top span{display:block;font-size:12px;color:#7A5A2A}
.nd-top em{font-style:normal;margin-inline-start:auto;font-size:12px;font-weight:700;color:#8A4E05;background:#FFE6B8;border-radius:var(--r-pill);padding:3px 10px;white-space:nowrap}
.nd-shift i{background:#F2A33A}
.nd-shift + .nd-shift i{background:#1B2A4A}
.nd-split{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border:1px dashed #E2C28A;border-radius:var(--r-m)}
.nd-split b{display:block;font-weight:500;font-size:14.5px;color:#0B221E}
.nd-split span{display:block;font-size:12px;color:#61736E;margin-top:2px}
.nd-split em{font-style:normal;font-weight:700;font-size:13.5px;color:#8A4E05;white-space:nowrap}
.nd-keep{margin-top:12px;padding:12px 14px;border-radius:16px 16px 16px 4px;background:#1B2A4A}
.nd-keep b{display:block;font-size:12px;font-weight:700;color:#F2A33A;margin-bottom:3px}
.nd-keep span{display:block;font-size:13.5px;line-height:1.75;color:#F3E8D2}