/* ══════════════════════════════════════════════════════════════════
   OmniCore — الواجهة العامة (الرئيسية · الباقات · الشروط · الدخول · التسجيل)
   المصدر: design/omni-landing/oc-site.css — لا تحرّره هنا مباشرةً،
   حرّر الموكاب ثم أعِد توليد هذا الملف كي لا تتباعد النسختان.
   ══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
   OmniCore — الواجهة العامة  ·  هوية «الدفتر»
   ------------------------------------------------------------------
   الرموز مأخوذة حرفياً من v2.css (‎--oc2-*‎) حتى تكون الصفحة التي تبيع
   النظام هي نفسها الصفحة التي يراها المشترك بعد الدخول.
   ═══════════════════════════════════════════════════════════════════ */

/* ── الخط: IBM Plex Sans Arabic، مستضاف ذاتياً كما في التطبيق ── */
@font-face{font-family:'PlexAr';font-style:normal;font-weight:300;font-display:swap;
  src:url('../fonts/plex-arabic-300.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E;}
@font-face{font-family:'PlexAr';font-style:normal;font-weight:300;font-display:swap;
  src:url('../fonts/plex-latin-300.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+2000-206F,U+2212,U+2215;}
@font-face{font-family:'PlexAr';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/plex-arabic-400.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E;}
@font-face{font-family:'PlexAr';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/plex-latin-400.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+2000-206F,U+2212,U+2215;}
@font-face{font-family:'PlexAr';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/plex-arabic-500.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E;}
@font-face{font-family:'PlexAr';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/plex-latin-500.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+2000-206F,U+2212,U+2215;}
@font-face{font-family:'PlexAr';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/plex-arabic-600.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E;}
@font-face{font-family:'PlexAr';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/plex-latin-600.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+2000-206F,U+2212,U+2215;}
@font-face{font-family:'PlexAr';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/plex-arabic-700.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E;}
@font-face{font-family:'PlexAr';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/plex-latin-700.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+2000-206F,U+2212,U+2215;}

/* ═══ الرموز ═══ */
:root{
  --paper:#F5F3ED; --paper2:#EDEAE1; --surface:#FFFFFF; --surface2:#FAF9F5;
  --ink:#1C2521;  --ink2:#5C6A63;  --ink3:#95A19A;
  --line:#E3DFD3; --line2:#ECE9DF;
  --brand:#0D7A57; --brand2:#0A6448; --brand3:#0FA173; --brand-soft:#E2EFE8;
  --spine:#0F2C21; --spine-ink:#E9EFE9; --spine-mut:rgba(233,239,233,.66);
  --spine-line:rgba(255,255,255,.10);
  --gold:#A8821C; --gold2:#C29B2E; --gold-soft:#F4ECD7;
  --warn:#A96A10; --info:#31639C; --danger:#BC4141;
  --sh1:0 1px 2px rgba(28,37,33,.05);
  --sh2:0 2px 6px rgba(28,37,33,.05), 0 12px 32px -8px rgba(28,37,33,.10);
  --sh3:0 8px 24px rgba(28,37,33,.10), 0 32px 80px -12px rgba(28,37,33,.22);
  --r-s:8px; --r-m:12px; --r-l:18px; --r-xl:26px;
  --maxw:1180px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0D1512; --paper2:#0A110E; --surface:#152019; --surface2:#18241D;
    --ink:#E6EDE7;  --ink2:#9DAEA3;  --ink3:#5F7067;
    --line:#243129; --line2:#1D2922;
    --brand:#2BA47C; --brand2:#35B98D; --brand3:#3FCB9C; --brand-soft:rgba(43,164,124,.13);
    --spine:#0A1410; --spine-ink:#E6EDE7; --spine-mut:rgba(230,237,231,.58);
    --gold:#CBA13B; --gold2:#DDB855; --gold-soft:rgba(203,161,59,.14);
    --sh1:0 1px 2px rgba(0,0,0,.4);
    --sh2:0 2px 6px rgba(0,0,0,.35), 0 12px 32px -8px rgba(0,0,0,.55);
    --sh3:0 8px 24px rgba(0,0,0,.45), 0 32px 80px -12px rgba(0,0,0,.7);
  }
}
[data-theme="dark"]{
  --paper:#0D1512; --paper2:#0A110E; --surface:#152019; --surface2:#18241D;
  --ink:#E6EDE7;  --ink2:#9DAEA3;  --ink3:#5F7067;
  --line:#243129; --line2:#1D2922;
  --brand:#2BA47C; --brand2:#35B98D; --brand3:#3FCB9C; --brand-soft:rgba(43,164,124,.13);
  --spine:#0A1410; --spine-ink:#E6EDE7; --spine-mut:rgba(230,237,231,.58);
  --gold:#CBA13B; --gold2:#DDB855; --gold-soft:rgba(203,161,59,.14);
  --sh1:0 1px 2px rgba(0,0,0,.4);
  --sh2:0 2px 6px rgba(0,0,0,.35), 0 12px 32px -8px rgba(0,0,0,.55);
  --sh3:0 8px 24px rgba(0,0,0,.45), 0 32px 80px -12px rgba(0,0,0,.7);
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:'PlexAr','IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;
  font-size:15px; line-height:1.75; -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{margin:0;line-height:1.28;font-weight:600;letter-spacing:-.01em;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}
:focus-visible{outline:2px solid var(--brand3);outline-offset:3px;border-radius:6px;}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:24px;min-width:0;}
.ltr{direction:ltr;unicode-bidi:isolate;}

/* ═══ الورق المسطَّر — نسيج الهوية ═══ */
.ruled{
  background-image:repeating-linear-gradient(to bottom,
    transparent 0 33px, color-mix(in srgb,var(--ink) 5%,transparent) 33px 34px);
}
.ruled-dark{
  background-image:repeating-linear-gradient(to bottom,
    transparent 0 33px, rgba(255,255,255,.075) 33px 34px);
}

/* ═══ الأزرار ═══ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:46px;padding:0 22px;border-radius:var(--r-m);border:1px solid transparent;
  font:inherit;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 6px 18px -8px rgba(13,122,87,.8);}
.btn-primary:hover{background:var(--brand2);}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line);}
.btn-ghost:hover{background:var(--surface);border-color:var(--ink3);}
.btn-onspine{background:rgba(255,255,255,.08);color:var(--spine-ink);border-color:var(--spine-line);}
.btn-onspine:hover{background:rgba(255,255,255,.14);}
.btn-sm{height:38px;padding:0 16px;font-size:14px;}
.btn-lg{height:52px;padding:0 28px;font-size:16px;}

/* ═══ الشريط العلوي ═══ */
.nav{
  position:sticky;top:0;z-index:60;
  background:color-mix(in srgb,var(--paper) 88%,transparent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease;
}
.nav.stuck{border-bottom-color:var(--line);box-shadow:var(--sh1);}
.nav-in{display:flex;align-items:center;gap:20px;height:68px;min-width:0;}
/* ═══ الشعار ═══
   العلامة هي «النواة والعُقَد» المستعملة في مطبوعات أومني كور، منقولة
   بهندستها نفسها (سداسيّ نصف قطره ٢٤ حول نواة) ومصبوغة بألوان الدفتر:
   العُقَد والوصلات خضراء، والنواة ذهبية. والوصلات تقف على بُعد ١٤ من
   المركز بدل حلقةٍ بيضاء، فتصحّ العلامة على أي خلفية. */
.brand{display:flex;align-items:center;gap:10px;min-width:0;}
.brand-mark{width:34px;height:34px;flex:0 0 auto;}
.brand-mark svg{width:100%;height:100%;display:block;}
.brand-word{
  min-width:0;direction:ltr;font-weight:800;font-size:19px;letter-spacing:-.015em;
  line-height:1.1;color:var(--ink);white-space:nowrap;
}
.brand-word b{font-weight:800;color:var(--brand);}
.brand-word small{
  display:block;direction:rtl;font-size:10.5px;font-weight:500;color:var(--ink3);
  letter-spacing:0;margin-top:2px;
}
/* على الكعب الداكن يُرفع الأخضر درجتين وإلا اختفت العلامة في الخلفية. */
.on-spine .brand-mark{--brand:#3FCB9C;--gold:#DDB855;}
.on-spine .brand-word{color:var(--spine-ink);}
.on-spine .brand-word b{color:var(--brand3);}
.on-spine .brand-word small{color:var(--spine-mut);}
.brand small{display:block;font-size:10.5px;font-weight:500;color:var(--ink3);letter-spacing:.02em;line-height:1;margin-top:2px;}
.nav-links{display:flex;align-items:center;gap:4px;margin-inline-start:auto;}
.nav-links a{
  padding:8px 13px;border-radius:9px;font-size:14px;font-weight:500;color:var(--ink2);
  transition:background .15s ease,color .15s ease;
}
.nav-links a:hover{background:var(--surface);color:var(--ink);}
.nav-cta{display:flex;align-items:center;gap:9px;}
.themebtn{
  width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:transparent;
  color:var(--ink2);display:grid;place-items:center;cursor:pointer;flex:0 0 auto;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.themebtn:hover{background:var(--surface);color:var(--ink);border-color:var(--ink3);}
.themebtn svg{width:17px;height:17px;}
:root .themebtn .ic-sun{display:none;}
:root .themebtn .ic-moon{display:block;}
[data-theme="dark"] .themebtn .ic-sun{display:block;}
[data-theme="dark"] .themebtn .ic-moon{display:none;}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .themebtn .ic-sun{display:block;}
  :root:not([data-theme="light"]) .themebtn .ic-moon{display:none;}
}
.nav-sep{width:1px;height:22px;background:var(--line);margin-inline:6px;}
.navtoggle{display:none;}

/* ═══ الهيرو ═══ */
.hero{position:relative;padding:64px 0 18px;overflow:hidden;}
.hero::before{
  content:'';position:absolute;inset-inline-end:-160px;top:-220px;width:720px;height:620px;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--brand) 13%,transparent),transparent 66%);
  pointer-events:none;
}
.hero::after{
  content:'';position:absolute;inset-inline-start:-200px;bottom:-260px;width:620px;height:520px;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--gold) 11%,transparent),transparent 68%);
  pointer-events:none;
}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:52px;align-items:center;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;
  background:var(--brand-soft);color:var(--brand2);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent);
  font-size:13px;font-weight:600;
}
.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--brand);flex:0 0 auto;}
h1.hero-t{font-size:clamp(34px,4.6vw,55px);font-weight:700;letter-spacing:-.03em;line-height:1.16;margin:20px 0 0;}
h1.hero-t .u{
  background:linear-gradient(to top,color-mix(in srgb,var(--gold) 34%,transparent) 0 .28em,transparent .28em);
  padding-inline:2px;
}
.hero-sub{margin-top:18px;font-size:17px;line-height:1.85;color:var(--ink2);max-width:34em;}
.hero-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.hero-note{margin-top:16px;font-size:13.5px;color:var(--ink2);display:flex;align-items:flex-start;gap:8px;}
.hero-note svg{width:15px;height:15px;color:var(--brand);flex:0 0 auto;margin-top:5px;}

/* ═══ مشهد التطبيق (رسم بالـCSS لا صورة) ═══ */
/* 🚨 كل عمود شبكة `1fr` أرضيّتُه min-content، فيُوسّع الصفحة على الهاتف بلا أن
   يظهر شيء خارجها. القاعدة: `minmax(0,1fr)` في كل شبكة، و`min-width:0` على كل
   عنصرٍ داخلها يحمل نصّاً لا يُكسَر. */
.hero-in>*, .shot, .shot-frame, .sf-body, .sf-top, .sf-main, .sf-search, .sf-kpi, .sf-tr>*{min-width:0;}
.sf-tr>span, .sf-tr>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.shot{position:relative;}
.shot-frame{
  position:relative;border-radius:var(--r-xl);background:var(--surface);
  border:1px solid var(--line);box-shadow:var(--sh3);overflow:hidden;
  display:grid;grid-template-columns:56px minmax(0,1fr);
  transform:perspective(1600px) rotateY(4deg) rotateX(1.4deg);
}
[dir="ltr"] .shot-frame{transform:perspective(1600px) rotateY(-4deg) rotateX(1.4deg);}
.sf-rail{background:var(--spine);padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:6px;}
.sf-logo{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.10);display:grid;place-items:center;margin-bottom:8px;}
.sf-logo svg{width:15px;height:15px;color:var(--spine-ink);}
.sf-ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--spine-mut);}
.sf-ico.on{background:rgba(255,255,255,.13);color:#fff;}
.sf-ico svg{width:16px;height:16px;}
.sf-body{background:var(--surface2);min-width:0;}
.sf-top{
  height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;
  background:var(--surface);border-bottom:1px solid var(--line);
}
.sf-search{
  flex:1;height:28px;border-radius:999px;background:var(--paper2);border:1px solid var(--line);
  display:flex;align-items:center;gap:7px;padding:0 11px;color:var(--ink3);font-size:11px;
}
.sf-search svg{width:12px;height:12px;}
.sf-kbd{margin-inline-start:auto;font-size:9.5px;border:1px solid var(--line);border-radius:4px;padding:0 4px;background:var(--surface);}
.sf-av{width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700;flex:0 0 auto;}
.sf-main{padding:14px;}
.sf-h{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;}
.sf-h b{font-size:13.5px;font-weight:600;}
.sf-h span{font-size:10.5px;color:var(--ink3);}
.sf-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px;}
.sf-kpi{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 10px;}
.sf-kpi u{display:block;text-decoration:none;font-size:9.5px;color:var(--ink3);}
.sf-kpi b{display:block;font-size:16px;font-weight:700;letter-spacing:-.02em;margin-top:1px;}
.sf-kpi i{font-style:normal;font-size:9.5px;color:var(--brand);}
.sf-tbl{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.sf-tr{display:grid;grid-template-columns:minmax(0,1fr) 74px 62px 52px;gap:8px;padding:7px 11px;font-size:10.5px;align-items:center;}
.sf-tr+.sf-tr{border-top:1px solid var(--line2);}
.sf-tr.head{background:var(--paper2);color:var(--ink3);font-weight:600;font-size:9.5px;}
.sf-tr b{font-weight:500;color:var(--ink);}
.sf-tr .num{font-variant-numeric:tabular-nums;color:var(--ink2);}
.pill{display:inline-block;font-size:9px;font-weight:600;padding:1px 7px;border-radius:999px;}
.pill.ok{background:var(--brand-soft);color:var(--brand2);}
.pill.gold{background:var(--gold-soft);color:var(--gold);}
.pill.warn{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn);}

/* بطاقة عائمة: أوف لاين */
.float-off{
  position:absolute;inset-inline-start:-18px;bottom:-18px;z-index:3;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  box-shadow:var(--sh3);padding:11px 14px;display:flex;align-items:center;gap:10px;max-width:250px;
}
.float-off .dot{width:9px;height:9px;border-radius:50%;background:var(--warn);flex:0 0 auto;box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 18%,transparent);}
.float-off b{display:block;font-size:12.5px;font-weight:600;}
.float-off span{display:block;font-size:11px;color:var(--ink2);line-height:1.5;}

/* بطاقة عائمة: واتساب */
.float-wa{
  position:absolute;inset-inline-end:-22px;top:-18px;z-index:3;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;
  box-shadow:var(--sh3);padding:11px 13px;max-width:238px;
}
.float-wa .hd{display:flex;align-items:center;gap:8px;margin-bottom:7px;}
.float-wa .hd i{width:20px;height:20px;border-radius:6px;background:#25D366;display:grid;place-items:center;flex:0 0 auto;}
.float-wa .hd i svg{width:12px;height:12px;color:#fff;}
.float-wa .hd b{font-size:11.5px;font-weight:600;}
.float-wa .hd u{margin-inline-start:auto;text-decoration:none;font-size:9.5px;color:var(--ink3);}
.float-wa p{font-size:11px;line-height:1.7;color:var(--ink2);background:var(--paper2);border-radius:9px;padding:7px 9px;}

/* ═══ شريط الحقائق ═══ */
.facts{
  margin-top:46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--surface) 60%,transparent);
}
.facts-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.fact{padding:20px 22px;display:flex;gap:12px;align-items:flex-start;}
.fact+.fact{border-inline-start:1px solid var(--line);}
.fact svg{width:19px;height:19px;color:var(--brand);flex:0 0 auto;margin-top:3px;}
.fact b{display:block;font-size:14px;font-weight:600;}
.fact span{display:block;font-size:12.5px;color:var(--ink2);line-height:1.6;}

/* ═══ رأس القسم ═══ */
section{padding:78px 0;}
.sec-head{max-width:640px;margin-bottom:40px;}
.sec-kicker{
  display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;
  color:var(--gold);letter-spacing:.04em;text-transform:uppercase;
}
.sec-kicker::before{content:'';width:22px;height:1.5px;background:var(--gold);opacity:.55;}
.sec-head h2{font-size:clamp(26px,3vw,37px);font-weight:700;letter-spacing:-.025em;margin-top:12px;}
.sec-head p{margin-top:14px;font-size:16px;color:var(--ink2);line-height:1.85;}

/* ═══ الوحدات — «فهرس الدفتر» ═══ */
.modules{background:var(--surface);border-block:1px solid var(--line);}
.mod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;}
.mod{display:flex;gap:14px;padding:17px 0;border-top:1px solid var(--line2);}
.mod>div,.fact>span,.spot li>span,.v2note>span{min-width:0;}
.mod-ic{
  width:38px;height:38px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand2);border:1px solid color-mix(in srgb,var(--brand) 16%,transparent);
}
.mod-ic svg{width:19px;height:19px;}
.mod-ic.g{background:var(--gold-soft);color:var(--gold);border-color:color-mix(in srgb,var(--gold) 22%,transparent);}
.mod h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mod p{font-size:13.5px;color:var(--ink2);line-height:1.7;margin-top:3px;}
.tag{font-size:10.5px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--paper2);color:var(--ink2);border:1px solid var(--line);}
.tag.b{background:var(--brand-soft);color:var(--brand2);border-color:transparent;}
.tag.g{background:var(--gold-soft);color:var(--gold);border-color:transparent;}

/* ═══ خريطة النظام — نواة وحولها الوحدات ═══
   العمود الأوسط عمودٌ فقريّ حقيقي (خطّ + النواة)، وكل بطاقة تمدّ وصلةً نحوه
   بخصائص منطقية، فتنقلب الجهة وحدها في LTR بلا قاعدة ثانية. */
.map-grid{display:grid;grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);gap:32px;align-items:stretch;}
.map-col{display:grid;gap:12px;align-content:center;min-width:0;}

.map-spine{position:relative;display:grid;place-items:center;}
.map-spine::before{
  content:'';position:absolute;top:0;bottom:0;width:2px;
  background:linear-gradient(to bottom,transparent,var(--line) 7%,var(--line) 93%,transparent);
}
.core{
  position:relative;z-index:2;width:196px;height:196px;border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#1B4732,var(--spine) 62%);
  color:var(--spine-ink);display:grid;place-items:center;text-align:center;padding:20px;
  box-shadow:var(--sh3),0 0 0 10px color-mix(in srgb,var(--brand) 9%,transparent),
             0 0 0 22px color-mix(in srgb,var(--brand) 5%,transparent);
}
.core .in{--brand:#3FCB9C;--gold:#DDB855;}
.core svg{width:46px;height:46px;margin:0 auto;}
.core b{display:block;font-size:20px;font-weight:800;direction:ltr;letter-spacing:-.02em;margin-top:9px;}
.core b em{font-style:normal;color:#3FCB9C;}
.core span{display:block;font-size:11.5px;color:var(--spine-mut);margin-top:5px;line-height:1.55;}

.map-c{
  position:relative;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-m);padding:12px 14px;min-width:0;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.map-c:hover{border-color:color-mix(in srgb,var(--brand) 40%,transparent);box-shadow:var(--sh2);}
/* الوصلة تصل الخطّ الأوسط فعلاً: الفجوة ٣٢ + نصف عمود النواة ١٠٥.
   والنواة فوقها بـz-index فتغطّي ما يمرّ تحتها. */
.map-col:first-child .map-c::after,
.map-col:last-child  .map-c::after{
  content:'';position:absolute;top:50%;width:137px;height:1.5px;background:var(--line);
}
.map-col:first-child .map-c::after{inset-inline-end:-137px;}
.map-col:last-child  .map-c::after{inset-inline-start:-137px;}
.map-col:first-child .map-c::before,
.map-col:last-child  .map-c::before{
  content:'';position:absolute;top:calc(50% - 3px);width:7px;height:7px;border-radius:50%;
  background:var(--brand);z-index:1;
}
.map-col:first-child .map-c::before{inset-inline-end:-3.5px;}
.map-col:last-child  .map-c::before{inset-inline-start:-3.5px;}

.map-h{display:flex;align-items:center;gap:9px;}
.map-h i{
  width:28px;height:28px;border-radius:8px;flex:0 0 auto;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand2);
}
.map-h i svg{width:15px;height:15px;}
.map-h > b{font-size:14.5px;font-weight:600;}
.map-h .soon{
  margin-inline-start:auto;flex:0 0 auto;font-size:10px;font-weight:700;
  background:var(--gold-soft);color:var(--gold);padding:1px 8px;border-radius:999px;
}
.map-f{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;}
.map-f span{
  font-size:11px;color:var(--ink2);background:var(--paper2);
  border:1px solid var(--line2);border-radius:999px;padding:2px 9px;
}
.map-f span.hi{background:var(--brand-soft);color:var(--brand2);border-color:transparent;font-weight:600;}

.map-base{
  margin-top:28px;border:1px dashed var(--line);border-radius:var(--r-m);
  padding:16px 20px;background:var(--surface2);
  display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;
}
.map-base > b{font-size:13.5px;font-weight:700;flex:0 0 auto;}
.map-base > span{font-size:12.5px;color:var(--ink2);display:flex;align-items:center;gap:7px;}
.map-base > span::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--brand);flex:0 0 auto;}

@media (max-width:1024px){
  .map-grid{grid-template-columns:minmax(0,1fr);gap:14px;}
  .map-spine{order:-1;padding-bottom:6px;}
  .map-spine::before{display:none;}
  .map-c::after,.map-c::before{display:none!important;}
  .core{width:158px;height:158px;padding:16px;}
  .core svg{width:38px;height:38px;}
  .core b{font-size:17px;}
}

/* ═══ الأضواء — ثلاثة أقسام متبادلة ═══ */
.spot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:56px;align-items:center;}
.spot+.spot{margin-top:88px;}
.spot.flip .spot-txt{order:2;}
.spot h3{font-size:clamp(23px,2.4vw,30px);font-weight:700;letter-spacing:-.02em;margin-top:12px;}
.spot p.lead{margin-top:14px;font-size:15.5px;color:var(--ink2);line-height:1.9;}
.spot ul{margin-top:20px;display:grid;gap:11px;}
.spot li{display:flex;gap:10px;font-size:14.5px;line-height:1.7;}
.spot li svg{width:17px;height:17px;color:var(--brand);flex:0 0 auto;margin-top:5px;}
.spot li b{font-weight:600;}

/* لوحة العرض داخل الأضواء */
.panel{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);
  box-shadow:var(--sh2);padding:18px;
}
.panel-t{display:flex;align-items:center;gap:9px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--line2);}
.panel-t b{font-size:13.5px;font-weight:600;}
.panel-t .pill{margin-inline-start:auto;}

/* شاشة نقطة البيع المصغَّرة */
.pos-mini{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;}
.pos-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
.pos-cell{background:var(--paper2);border:1px solid var(--line);border-radius:9px;padding:9px 7px;text-align:center;font-size:10.5px;color:var(--ink2);}
.pos-cell b{display:block;font-size:11.5px;color:var(--ink);font-weight:600;}
.pos-cell u{display:block;text-decoration:none;font-size:9.5px;color:var(--brand);margin-top:2px;font-variant-numeric:tabular-nums;}
.pos-cart{background:var(--paper2);border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:7px;}
.pos-line{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink2);}
.pos-line b{color:var(--ink);font-weight:500;}
.pos-total{margin-top:auto;border-top:1px dashed var(--line);padding-top:8px;display:flex;justify-content:space-between;align-items:baseline;}
.pos-total span{font-size:10px;color:var(--ink3);}
.pos-total b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;}
.pos-q{margin-top:9px;height:30px;border-radius:8px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:11.5px;font-weight:600;}

/* بطاقة الولاء */
.loy{
  border-radius:14px;background:linear-gradient(135deg,var(--spine),#17442F);
  color:var(--spine-ink);padding:15px 16px;box-shadow:var(--sh2);position:relative;overflow:hidden;
}
.loy::after{content:'';position:absolute;inset-inline-end:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.05);}
.loy .n{font-size:11px;color:var(--spine-mut);}
.loy .s{font-size:15px;font-weight:600;margin-top:1px;}
.loy .stamps{display:flex;gap:6px;margin-top:13px;flex-wrap:wrap;}
.loy .st{width:24px;height:24px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.28);display:grid;place-items:center;font-size:10px;color:var(--spine-mut);}
.loy .st.on{background:var(--gold);border-style:solid;border-color:var(--gold);color:#2A2109;font-weight:700;}
/* ⚠ لا تسمِّها `.foot` — الصنف نفسه يخدم تذييل الصفحة بحشوة ٥٢px فيتضخّم. */
.loy .lf{margin-top:13px;font-size:10.5px;color:var(--spine-mut);display:flex;justify-content:space-between;}

/* رسالة واتساب داخل لوحة، لا عائمة فوق المشهد */
.wa-note{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 13px;margin-top:14px;}
.wa-note .hd{display:flex;align-items:center;gap:8px;margin-bottom:7px;}
.wa-note .hd i{width:20px;height:20px;border-radius:6px;background:#25D366;display:grid;place-items:center;flex:0 0 auto;}
.wa-note .hd i svg{width:12px;height:12px;color:#fff;}
.wa-note .hd b{font-size:11.5px;font-weight:600;}
.wa-note .hd u{margin-inline-start:auto;text-decoration:none;font-size:9.5px;color:var(--ink3);}
.wa-note p{font-size:11.5px;line-height:1.75;color:var(--ink2);background:var(--paper2);border-radius:9px;padding:8px 10px;}

/* محادثة نوا */
.chat{display:grid;gap:10px;}
.bub{max-width:88%;padding:10px 13px;border-radius:14px;font-size:13px;line-height:1.75;}
.bub.me{background:var(--brand);color:#fff;margin-inline-start:auto;border-end-end-radius:5px;}
.bub.ai{background:var(--paper2);border:1px solid var(--line);border-end-start-radius:5px;}
.bub.ai b{font-weight:600;}
.bub-card{margin-top:9px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:12px;}
.bub-card .r{display:flex;justify-content:space-between;padding:3px 0;color:var(--ink2);}
.bub-card .r b{color:var(--ink);font-variant-numeric:tabular-nums;}
.bub-acts{display:flex;gap:7px;margin-top:9px;}
.bub-acts span{font-size:11px;font-weight:600;padding:4px 11px;border-radius:8px;border:1px solid var(--line);}
.bub-acts span.p{background:var(--brand);color:#fff;border-color:transparent;}

/* ═══ الإصدار الثاني ═══ */
.v2band{background:var(--spine);color:var(--spine-ink);position:relative;overflow:hidden;}
.v2band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 78% 0,rgba(63,203,156,.14),transparent 70%);}
.v2band .wrap{position:relative;}
.v2band .sec-kicker{color:var(--gold2);}
.v2band .sec-kicker::before{background:var(--gold2);}
.v2band .sec-head h2{color:#fff;}
.v2band .sec-head p{color:var(--spine-mut);}
.v2grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.v2c{border:1px solid var(--spine-line);border-radius:var(--r-m);background:rgba(255,255,255,.045);padding:18px;}
.v2c i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.09);color:var(--gold2);margin-bottom:12px;}
.v2c i svg{width:17px;height:17px;}
.v2c b{display:block;font-size:15px;font-weight:600;}
.v2c p{font-size:13.5px;color:var(--spine-mut);line-height:1.75;margin-top:5px;}
.v2note{
  margin-top:26px;border:1px dashed var(--spine-line);border-radius:var(--r-m);
  padding:15px 18px;font-size:13.5px;color:var(--spine-mut);display:flex;gap:11px;align-items:flex-start;
}
.v2note svg{width:18px;height:18px;color:var(--gold2);flex:0 0 auto;margin-top:4px;}
.v2note b{color:#fff;font-weight:600;}

/* ═══ الباقات — شريط ═══ */
.plans-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px;}
.plan{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);padding:17px;}
.plan.hi{border-color:color-mix(in srgb,var(--gold) 48%,transparent);background:var(--gold-soft);}
.plan b{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:700;}
.plan p{font-size:13px;color:var(--ink2);line-height:1.7;margin-top:6px;}
.plan .badge{font-size:10px;font-weight:700;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:999px;padding:0 7px;}

/* ═══ الدعوة الأخيرة ═══ */
.cta{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:52px 40px;text-align:center;box-shadow:var(--sh2);position:relative;overflow:hidden;
}
.cta::before{content:'';position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--gold),var(--brand));}
.cta h2{font-size:clamp(25px,3vw,34px);font-weight:700;letter-spacing:-.025em;}
.cta p{margin:14px auto 0;max-width:44em;font-size:15.5px;color:var(--ink2);line-height:1.85;}
.cta .acts{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px;}
.cta .fine{margin-top:16px;font-size:12.5px;color:var(--ink3);}

/* ═══ التذييل ═══ */
.foot{background:var(--spine);color:var(--spine-mut);padding:52px 0 26px;}
.foot .brand{color:var(--spine-ink);}
.foot .brand small{color:var(--spine-mut);}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:32px;}
.foot h4{font-size:13px;font-weight:600;color:var(--spine-ink);margin-bottom:13px;}
.foot li{margin-bottom:9px;font-size:13.5px;}
.foot a:hover{color:var(--spine-ink);}
.foot-about{font-size:13.5px;line-height:1.85;margin-top:14px;max-width:30em;}
.foot-bot{
  margin-top:38px;padding-top:20px;border-top:1px solid var(--spine-line);
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;font-size:12.5px;
}
.foot-lang{display:flex;gap:6px;}
.foot-lang a{border:1px solid var(--spine-line);border-radius:8px;padding:4px 11px;font-size:12px;}
.foot-lang a.on{background:rgba(255,255,255,.10);color:var(--spine-ink);}

/* ═══ صفحات الدخول والتسجيل ═══ */
body.auth{background:var(--paper2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 20px;}
.auth-card{
  width:100%;max-width:1000px;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-xl);box-shadow:var(--sh3);overflow:hidden;
  display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);
}
.auth-side{background:var(--spine);color:var(--spine-ink);padding:38px 34px;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.auth-side::before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:linear-gradient(to bottom,var(--gold),transparent);}
.auth-side::after{content:'';position:absolute;inset-inline-end:-90px;bottom:-110px;width:280px;height:280px;border-radius:50%;background:rgba(63,203,156,.09);}
.auth-side .in{position:relative;display:flex;flex-direction:column;height:100%;}
.auth-side h2{font-size:25px;font-weight:700;letter-spacing:-.02em;margin-top:30px;}
.auth-side>.in>p{font-size:14px;color:var(--spine-mut);line-height:1.85;margin-top:12px;}
.auth-bul{margin-top:auto;padding-top:30px;display:grid;gap:16px;}
.auth-bul li{display:flex;gap:11px;}
.auth-bul svg{width:17px;height:17px;color:var(--gold2);flex:0 0 auto;margin-top:5px;}
.auth-bul b{display:block;font-size:13.5px;font-weight:600;color:var(--spine-ink);}
.auth-bul span{display:block;font-size:12.5px;color:var(--spine-mut);line-height:1.65;}
.auth-main{padding:38px 36px;display:flex;flex-direction:column;}
.auth-main h3{font-size:21px;font-weight:700;letter-spacing:-.02em;}
.auth-main .sub{font-size:13.5px;color:var(--ink2);margin-top:6px;}
.field{margin-top:16px;}
.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:6px;}
.field input,.field select{
  width:100%;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--surface2);
  color:var(--ink);font:inherit;font-size:14.5px;padding:0 13px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.field input::placeholder{color:var(--ink3);}
.field input:focus,.field select:focus{
  outline:none;background:var(--surface);border-color:var(--brand);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent);
}
.field .hint{font-size:11.5px;color:var(--ink3);margin-top:5px;}
.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;}
.auth-main .btn{width:100%;margin-top:22px;}
.auth-links{margin-top:16px;font-size:13px;color:var(--ink2);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;}
.auth-links a{color:var(--brand);font-weight:600;}
.auth-foot{margin-top:26px;padding-top:16px;border-top:1px solid var(--line2);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--ink3);}
.auth-lang{display:flex;gap:5px;}
.auth-lang a{border:1px solid var(--line);border-radius:7px;padding:3px 10px;font-size:11.5px;color:var(--ink2);}
.auth-lang a.on{background:var(--brand-soft);border-color:transparent;color:var(--brand2);font-weight:600;}
.alert{background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger);border-radius:10px;padding:11px 13px;font-size:13px;margin-top:16px;}

/* ═══ لمن هو — أنواع النشاط ═══ */
.aud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.aud-c{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);
  padding:16px;display:flex;gap:12px;align-items:flex-start;min-width:0;
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.aud-c:hover{border-color:color-mix(in srgb,var(--brand) 38%,transparent);transform:translateY(-2px);box-shadow:var(--sh2);}
.aud-c i{
  width:34px;height:34px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand2);
}
.aud-c i svg{width:18px;height:18px;}
.aud-c b{display:block;font-size:14.5px;font-weight:600;}
.aud-c span{display:block;font-size:12.5px;color:var(--ink2);line-height:1.65;margin-top:2px;}

/* ═══ تفاصيل تفرق ═══ */
.det{background:var(--surface);border-block:1px solid var(--line);}
.det-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--line2);border:1px solid var(--line2);border-radius:var(--r-m);overflow:hidden;}
.det-c{background:var(--surface);padding:18px;min-width:0;}
.det-c b{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:600;}
.det-c b svg{width:17px;height:17px;color:var(--gold);flex:0 0 auto;}
.det-c p{font-size:13px;color:var(--ink2);line-height:1.7;margin-top:6px;}

/* ═══ كيف تبدأ ═══ */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:s;}
.step{position:relative;padding-top:14px;min-width:0;}
.step::before{
  counter-increment:s;content:counter(s);
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:var(--spine);color:var(--spine-ink);font-size:14px;font-weight:700;margin-bottom:13px;
}
.step > b{display:block;font-size:16px;font-weight:600;}
.step p{font-size:13.5px;color:var(--ink2);line-height:1.8;margin-top:6px;}
.step-line{height:1px;background:var(--line);margin:26px 0 0;}

/* ═══ الانتقال من نظام سابق ═══ */
.mig-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:34px;}
.mig-s{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);
  padding:20px;min-width:0;position:relative;
}
.mig-s .n{
  display:grid;place-items:center;width:30px;height:30px;border-radius:9px;
  background:var(--spine);color:var(--spine-ink);font-size:13px;font-weight:700;margin-bottom:13px;
}
.mig-s > b{display:block;font-size:16px;font-weight:600;}
.mig-s p{font-size:13.5px;color:var(--ink2);line-height:1.8;margin-top:7px;}
.mig-s ul{margin-top:11px;display:grid;gap:6px;}
/* 🚨 لا `display:flex` على عنصر قائمة يحوي `<b>` وسط نصّه: كل مقطعٍ يصير
   عنصر فليكس مستقلاً فينكسر السطر عند كل تشديد. النقطة تُرسم بالموضع. */
.mig-s li{
  font-size:12.5px;color:var(--ink2);line-height:1.75;
  position:relative;padding-inline-start:14px;
}
.mig-s li::before{
  content:'';position:absolute;inset-inline-start:0;top:8px;
  width:5px;height:5px;border-radius:50%;background:var(--gold);
}

/* قبل ← بعد */
.ba{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1.15fr);gap:0;align-items:center;}
.ba-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:16px;min-width:0;}
.ba-col.raw{background:var(--paper2);}
.ba-h{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink2);margin-bottom:12px;}
.ba-h i{width:8px;height:8px;border-radius:50%;background:var(--ink3);flex:0 0 auto;}
.ba-col:not(.raw) .ba-h i{background:var(--brand);}
/* ⚠ لا `direction:ltr` هنا: صفٌّ عربي داخلها يُقلب ترتيب كلماته
   («سمّاعة bt رقم 7» ⇒ «رقم bt 7 سمّاعة»). الصفوف اللاتينية وحدها تأخذ `.ltr`. */
.ba-row{
  font-size:12.5px;color:var(--ink3);padding:9px 11px;border-radius:8px;background:var(--surface);
  border:1px dashed var(--line);margin-bottom:7px;text-align:start;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ba-arrow{display:grid;place-items:center;color:var(--ink3);}
.ba-arrow svg{width:24px;height:24px;}
.ba-item{display:flex;gap:11px;align-items:center;padding:8px;border-radius:10px;border:1px solid var(--line2);margin-bottom:7px;min-width:0;}
.ba-tile{
  width:44px;height:44px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;
  background:linear-gradient(140deg,var(--brand-soft),var(--gold-soft));color:var(--brand2);
  border:1px solid var(--line2);
}
.ba-tile svg{width:22px;height:22px;}
.ba-item .t{min-width:0;}
.ba-item b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ba-item span{display:block;font-size:11px;color:var(--ink2);margin-top:2px;}
.ba-item .bc{font-size:10px;color:var(--ink3);direction:ltr;font-variant-numeric:tabular-nums;}
.ba-chip{
  margin-inline-start:auto;flex:0 0 auto;font-size:10px;font-weight:700;padding:2px 8px;
  border-radius:999px;background:var(--brand-soft);color:var(--brand2);
}

.mig-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;}
.mig-k{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:16px;text-align:center;min-width:0;}
.mig-k b{display:block;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--brand);}
.mig-k span{display:block;font-size:12.5px;color:var(--ink2);margin-top:3px;line-height:1.5;}

.mig-rule{
  margin-top:26px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);
  background:var(--gold-soft);border-radius:var(--r-m);padding:18px 20px;
  display:flex;gap:13px;align-items:flex-start;
}
.mig-rule svg{width:20px;height:20px;color:var(--gold);flex:0 0 auto;margin-top:4px;}
.mig-rule b{display:block;font-size:15.5px;font-weight:700;}
.mig-rule p{font-size:13.5px;color:var(--ink2);line-height:1.8;margin-top:5px;}

/* ═══ أسئلة متكرّرة ═══ */
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;}
.faq details{border-top:1px solid var(--line2);min-width:0;}
.faq summary{
  list-style:none;cursor:pointer;padding:16px 0;font-size:15px;font-weight:600;
  display:flex;align-items:flex-start;gap:11px;
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::before{
  content:'';flex:0 0 auto;width:18px;height:18px;margin-top:3px;border-radius:5px;
  background:var(--brand-soft);position:relative;
  background-image:linear-gradient(var(--brand2),var(--brand2)),linear-gradient(var(--brand2),var(--brand2));
  background-repeat:no-repeat;background-position:center;
  background-size:9px 1.6px,1.6px 9px;
  transition:background-size .18s ease;
}
.faq details[open] summary::before{background-size:9px 1.6px,1.6px 1.6px;}
.faq details p{font-size:13.5px;color:var(--ink2);line-height:1.9;padding:0 29px 16px;}

/* ═══ صفحة الباقات ═══ */
.pl-head{text-align:center;max-width:660px;margin:0 auto 14px;}
.pl-head h1{font-size:clamp(30px,3.6vw,44px);font-weight:700;letter-spacing:-.03em;margin-top:14px;}
.pl-head p{margin-top:14px;font-size:16px;color:var(--ink2);line-height:1.85;}
.pl-note{
  display:flex;justify-content:center;gap:9px;align-items:center;margin:0 auto 34px;
  font-size:13px;color:var(--ink2);background:var(--brand-soft);border-radius:999px;
  padding:8px 18px;width:max-content;max-width:100%;text-align:center;
}
.pl-note svg{width:16px;height:16px;color:var(--brand2);flex:0 0 auto;}

/* مبدّل دورة الدفع */
#cyc .btn{background:transparent;border-color:transparent;color:var(--ink2);font-weight:600;}
#cyc .btn:hover{color:var(--ink);}
#cyc .btn.on{background:var(--brand);color:#fff;}
#cyc .btn.on span{color:var(--gold-soft)!important;}

.pl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;}
.pl-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);
  padding:22px;display:flex;flex-direction:column;min-width:0;position:relative;
}
.pl-card.pop{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent),var(--sh2);}
.pl-card.gold{border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:linear-gradient(180deg,var(--gold-soft),var(--surface) 42%);}
.pl-flag{
  position:absolute;top:-11px;inset-inline-start:22px;font-size:11px;font-weight:700;
  padding:3px 11px;border-radius:999px;background:var(--brand);color:#fff;letter-spacing:.02em;
}
.pl-card.gold .pl-flag{background:var(--gold);color:#241C05;}
.pl-name{font-size:19px;font-weight:700;letter-spacing:-.02em;}
.pl-for{font-size:12.5px;color:var(--ink2);line-height:1.65;margin-top:4px;min-height:3.4em;}
.pl-price{display:flex;align-items:baseline;gap:7px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line2);}
.pl-price b{font-size:30px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
.pl-price span{font-size:12.5px;color:var(--ink3);}
.pl-lim{display:grid;gap:7px;margin-top:16px;padding:13px;border-radius:10px;background:var(--surface2);border:1px solid var(--line2);}
.pl-lim div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--ink2);}
.pl-lim div b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;}
.pl-feat{margin-top:16px;display:grid;gap:9px;}
.pl-feat li{display:flex;gap:9px;font-size:13px;line-height:1.6;}
.pl-feat li svg{width:15px;height:15px;flex:0 0 auto;margin-top:4px;color:var(--brand);}
.pl-feat li.off{color:var(--ink3);}
.pl-feat li.off svg{color:var(--ink3);opacity:.7;}
/* 🚨 `margin-block-start` يلي `margin-top` يلغي الـauto فيسقط الزرّ من قاع
   البطاقة — فتختلف مواضع الأزرار الأربعة. الفراغ يأتي من القائمة فوقه. */
.pl-feat{margin-bottom:20px;}
.pl-card .btn{margin-top:auto;width:100%;}

/* جدول المقارنة */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);}
.cmp{width:100%;border-collapse:collapse;min-width:720px;font-size:13.5px;}
.cmp th,.cmp td{padding:11px 14px;text-align:start;border-bottom:1px solid var(--line2);}
.cmp thead th{background:var(--paper2);font-size:12.5px;font-weight:700;position:sticky;top:0;}
.cmp tbody th{font-weight:500;color:var(--ink2);width:36%;}
.cmp td{text-align:center;font-variant-numeric:tabular-nums;}
.cmp tr.grp th{background:var(--surface2);font-weight:700;color:var(--ink);font-size:13px;}
.cmp .yes{color:var(--brand);font-weight:700;}
.cmp .no{color:var(--ink3);}
.cmp .hi{background:color-mix(in srgb,var(--gold) 7%,transparent);}

/* الإضافات */
.add-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.add-c{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);padding:15px;min-width:0;}
.add-c b{display:block;font-size:14px;font-weight:600;}
.add-c span{display:block;font-size:12.5px;color:var(--ink2);margin-top:3px;line-height:1.6;}
.add-c u{display:block;text-decoration:none;font-size:13px;font-weight:700;color:var(--brand);margin-top:8px;font-variant-numeric:tabular-nums;}

/* 🚨🚨 حارسٌ عامّ: قاعدةُ `.X b{display:block}` تخصّ عنوان المكوّن، لكنها تصطاد
   كل `<b>` داخله — ومنها تشديدةٌ وسط جملة، فينكسر السطر عند كل كلمة مشدَّدة.
   `<b>` داخل فقرةٍ أو عنصر قائمةٍ تشديدٌ لا كتلة، مهما قال المكوّن. */
p b, li b{display:inline;}

/* ═══ وثيقة نصّية (الشروط والأحكام) ═══ */
.doc-top{padding:52px 0 26px;border-bottom:1px solid var(--line);background:var(--surface);}
.doc-top h1{font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.03em;margin-top:12px;}
.doc-top .stamp{
  display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:12.5px;
  color:var(--ink2);background:var(--paper2);border:1px solid var(--line);
  border-radius:999px;padding:5px 14px;
}
.doc-sum{
  margin-top:22px;border:1px solid color-mix(in srgb,var(--gold) 38%,transparent);
  background:var(--gold-soft);border-radius:var(--r-m);padding:18px 20px;
}
/* 🚨 نفس فخّ `.X b{display:block}`: بلا `>` تصطاد التشديد داخل عناصر
   القائمة فينكسر السطر عند كل كلمة مشدَّدة. (تكرّر في `.mig-s` و`.step`.) */
.doc-sum > b{display:block;font-size:15px;font-weight:700;margin-bottom:9px;}
.doc-sum ul{display:grid;gap:7px;}
.doc-sum li{font-size:13.5px;color:var(--ink2);line-height:1.75;position:relative;padding-inline-start:16px;}
.doc-sum li::before{content:'';position:absolute;inset-inline-start:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--gold);}

.doc{display:grid;grid-template-columns:246px minmax(0,1fr);gap:46px;align-items:start;padding:44px 0 20px;}
.doc-toc{position:sticky;top:86px;min-width:0;}
.doc-toc b{display:block;font-size:12.5px;font-weight:700;color:var(--ink3);letter-spacing:.04em;margin-bottom:10px;}
.doc-toc a{
  display:block;font-size:13px;color:var(--ink2);line-height:1.5;
  padding:6px 0 6px 12px;padding-inline:12px 0;
  border-inline-start:2px solid var(--line2);
}
.doc-toc a:hover{color:var(--ink);border-inline-start-color:var(--brand);}

.doc-body{min-width:0;counter-reset:sec;}
.doc-body section{scroll-margin-top:90px;}
.doc-body section+section{margin-top:34px;padding-top:30px;border-top:1px solid var(--line2);}
.doc-body h2{
  font-size:20px;font-weight:700;letter-spacing:-.02em;
  display:flex;align-items:baseline;gap:11px;
}
.doc-body h2::before{
  counter-increment:sec;content:counter(sec);
  flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:var(--brand-soft);
  color:var(--brand2);font-size:12.5px;font-weight:700;display:grid;place-items:center;
  align-self:center;
}
.doc-body p{font-size:14.5px;line-height:1.95;color:var(--ink2);margin-top:12px;}
.doc-body p b, .doc-body li b{color:var(--ink);font-weight:600;}
.doc-body ul{margin-top:12px;display:grid;gap:8px;}
.doc-body li{
  font-size:14px;line-height:1.85;color:var(--ink2);
  position:relative;padding-inline-start:16px;
}
.doc-body li::before{content:'';position:absolute;inset-inline-start:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--brand);}
.doc-body .warn-box{
  margin-top:14px;border:1px solid color-mix(in srgb,var(--warn) 34%,transparent);
  background:color-mix(in srgb,var(--warn) 8%,transparent);border-radius:var(--r-m);padding:14px 16px;
}
.doc-body .warn-box p{margin-top:0;color:var(--ink);font-size:13.5px;}
.doc-body table{width:100%;border-collapse:collapse;margin-top:14px;font-size:13.5px;}
.doc-body th, .doc-body td{padding:9px 12px;border:1px solid var(--line2);text-align:start;}
.doc-body th{background:var(--paper2);font-weight:700;}

@media (max-width:900px){
  .doc{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:28px;}
  .doc-toc{position:static;border:1px solid var(--line);border-radius:var(--r-m);padding:14px 16px;background:var(--surface);}
  .doc-toc a{border-inline-start:0;padding-inline:0;}
}

/* ═══ الاستجابة ═══ */
@media (max-width:1024px){
  .hero-in{grid-template-columns:minmax(0,1fr);gap:44px;}
  .shot-frame{transform:none;}
  .float-wa{inset-inline-end:-8px;}
  .float-off{inset-inline-start:-8px;}
  .spot,.spot.flip .spot-txt{grid-template-columns:minmax(0,1fr);order:0;}
  .spot{gap:34px;}
  .facts-in{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fact:nth-child(3){border-inline-start:none;}
  .fact:nth-child(n+3){border-top:1px solid var(--line);}
  .v2grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .plans-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .aud{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mig-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .det-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .add-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pl-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .steps{grid-template-columns:minmax(0,1fr);gap:22px;}
  .foot-grid{grid-template-columns:1fr 1fr;gap:26px;}
  .auth-card{grid-template-columns:minmax(0,1fr);max-width:520px;}
  .auth-side{padding:28px 26px;}
  .auth-side h2{margin-top:18px;font-size:21px;}
  .auth-bul{padding-top:22px;gap:12px;}
}
@media (max-width:760px){
  body{font-size:14.5px;}
  .wrap{padding-inline:18px;}
  section{padding:56px 0;}
  .nav-in{height:60px;gap:10px;}
  .nav-links,.nav-sep{display:none;}
  .navtoggle{display:inline-flex;}
  .hero{padding-top:40px;}
  .hero-t{font-size:clamp(29px,8vw,40px);}
  .float-wa,.float-off{position:static;max-width:none;margin-top:12px;box-shadow:var(--sh2);}
  .shot-frame{border-radius:var(--r-l);}
  .mod-grid{grid-template-columns:minmax(0,1fr);gap:0;}
  .facts-in{grid-template-columns:minmax(0,1fr);}
  .fact+.fact{border-inline-start:none;border-top:1px solid var(--line);}
  .v2grid,.plans-strip{grid-template-columns:minmax(0,1fr);}
  .aud,.det-grid,.add-grid,.pl-grid{grid-template-columns:minmax(0,1fr);}
  .mig-steps{grid-template-columns:minmax(0,1fr);}
  .mig-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ba{grid-template-columns:minmax(0,1fr);gap:0;}
  .ba-arrow{transform:rotate(-90deg);padding:10px 0;}
  .faq{grid-template-columns:minmax(0,1fr);}
  .brand-word{font-size:17px;}
  .foot-grid{grid-template-columns:minmax(0,1fr);}
  .cta{padding:36px 22px;}
  .pos-mini{grid-template-columns:minmax(0,1fr);}
  .sf-tr{grid-template-columns:minmax(0,1fr) 62px 54px;}
  .sf-tr .hide-s{display:none;}
  .auth-main{padding:28px 22px;}
  .field-row{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:560px){
  .brand small{display:none;}
  .brand{font-size:15.5px;gap:9px;}
  .nav-cta .btn-ghost{display:none;}   /* «تسجيل الدخول» يبقى في التذييل وفي صفحة التسجيل */
}
/* ⚠ الزرّ `white-space:nowrap` — على هاتفٍ ضيّق يُكدّس بدل أن يدفع الصفحة. */
@media (max-width:430px){
  .hero-acts,.cta .acts{flex-direction:column;}
  .hero-acts .btn,.cta .acts .btn{width:100%;}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}

/* ═══ نموذج التسجيل — لوحات مرقّمة (لغة الدفتر) ═══ */
.auth-card.wide{max-width:1080px;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);align-items:stretch;}
.fset{border:0;margin:22px 0 0;padding:0;min-width:0;}
.fset+.fset{margin-top:24px;padding-top:20px;border-top:1px solid var(--line2);}
.fset legend{
  display:flex;align-items:center;gap:10px;padding:0;
  font-size:14.5px;font-weight:600;color:var(--ink);
}
.fset legend i{
  width:22px;height:22px;border-radius:7px;flex:0 0 auto;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand2);font-size:11.5px;font-weight:700;font-style:normal;
}
.legend-sub{font-size:12.5px;color:var(--ink3);margin-inline-start:32px;margin-top:2px;}
/* 📐 القراءة: omni.rootbyte.net/alrasheed — فالبادئة تسبق الحقل في الـDOM
   والصفّ نفسه LTR لأن العنوان لاتيني مهما كانت لغة الصفحة. */
.slug-row{display:flex;align-items:stretch;direction:ltr;}
.slug-prefix{
  display:flex;align-items:center;padding:0 12px;font-size:12.5px;color:var(--ink3);
  background:var(--paper2);border:1px solid var(--line);border-inline-end:0;
  border-start-end-radius:0;border-end-end-radius:0;
  border-start-start-radius:10px;border-end-start-radius:10px;white-space:nowrap;
}
.slug-row input{border-start-start-radius:0;border-end-start-radius:0;text-align:start;}
.check{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);}
.check input{width:17px;height:17px;margin-top:3px;accent-color:var(--brand);flex:0 0 auto;}
.check b{display:block;font-size:13.5px;font-weight:600;}
.check span{display:block;font-size:12.5px;color:var(--ink2);line-height:1.65;}
.terms{margin-top:14px;font-size:12px;color:var(--ink3);line-height:1.7;}
.terms a{color:var(--brand);font-weight:600;}
@media (max-width:1024px){ .auth-card.wide{grid-template-columns:minmax(0,1fr);max-width:560px;} }