/* زاجل — zajilgov.com · أنماط مشتركة لكل الصفحات بلغتيها.
   المصدر: landing-src/site.css (ومعه pages/*.css) → landing/assets/site.css بالبناء.
   خصائص منطقية (inline/block) في كل مكان: التخطيط ينقلب مع dir بلا قواعد مكررة. */
@font-face{font-family:"Zajil";src:url("/fonts/ZajilLight.woff2?v=9d13e264bb") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Zajil";src:url("/fonts/ZajilBook.woff2?v=1b00652f5e") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Zajil";src:url("/fonts/ZajilMedium.woff2?v=d890f34d92") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Zajil";src:url("/fonts/ZajilSemiBold.woff2?v=17c572a131") format("woff2");font-weight:600;font-display:swap}

:root{
  --navy:#12395B;--navy-2:#1B4A73;--navy-deep:#0B2239;--navy-ink:#071726;
  --gold:#D4A93C;--gold-2:#E6C466;--gold-ink:#8A6814;--gold-wash:#FAF3E0;
  --paper:#F6F4EF;--paper-2:#FCFBF8;--white:#fff;
  --ink:#16222F;--muted:#55636F;--faint:#8C97A2;--line:#E2DFD6;--line-2:#ECEAE3;
  --ok:#1E7A52;--ok-wash:#E7F3EC;
  --rail:1200px;--gut:24px;
  --sh-sm:0 1px 2px rgba(11,34,57,.05),0 4px 14px rgba(11,34,57,.05);
  --sh-md:0 10px 30px rgba(11,34,57,.09),0 2px 6px rgba(11,34,57,.04);
  --sh-lg:0 30px 70px rgba(7,23,38,.22),0 8px 20px rgba(7,23,38,.10);
  --ease:cubic-bezier(.22,.8,.26,1);
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{font-family:"Zajil","Noto Kufi Arabic","Segoe UI",Tahoma,system-ui,sans-serif;font-size:17px;font-weight:400;font-synthesis:none;color:var(--ink);background:var(--paper);line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:clip;text-rendering:optimizeLegibility}
[lang=en] body,body:lang(en){line-height:1.65}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
b,strong{font-weight:600}
ul,ol{list-style:none}
h1,h2,h3{font-weight:600;color:var(--navy-deep);text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--rail);margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;top:0;inset-inline-start:16px;z-index:300;transform:translateY(-160%);background:var(--gold);color:#2A1E06;padding:10px 20px;border-radius:0 0 10px 10px;font-weight:600;transition:transform .18s}
.skip:focus{transform:none}
.ico{width:20px;height:20px;flex:none}
.code{display:inline-block;white-space:nowrap;direction:ltr}
.ico-box{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:11px;background:var(--white);border:1px solid var(--line);color:var(--navy)}
.ico-box .ico{width:20px;height:20px}

/* ─── الظهور: الحالة الساكنة مرئية دائما؛ السكربت يؤخر ما تحت الطية فقط ─── */
.rv-wait{opacity:0;transform:translateY(14px)}
.rv-wait.in{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}

/* ─── الأزرار ─── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:12px;font:inherit;font-weight:600;font-size:15.5px;line-height:1.2;border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;text-align:center}
.btn .ico{width:18px;height:18px}
.btn-navy{background:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(18,57,91,.18)}
.btn-navy:hover{background:var(--navy-2)}
.btn-gold{background:var(--gold);color:#291D05}
.btn-gold:hover{background:var(--gold-2)}
.btn-quiet{color:var(--navy);border-color:rgba(18,57,91,.24);background:transparent}
.btn-quiet:hover{background:rgba(18,57,91,.05);border-color:rgba(18,57,91,.4)}
.btn-line{color:#fff;border-color:rgba(255,255,255,.28)}
.btn-line:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}
.btn-sm{min-height:40px;padding:0 16px;font-size:14px;border-radius:10px}
.link-arrow{display:inline-flex;align-items:center;gap:6px;color:var(--navy);font-weight:600;font-size:15px;border-bottom:1px solid transparent;transition:border-color .2s}
.link-arrow:hover{border-color:currentColor}
.link-arrow .ico{width:16px;height:16px}
[dir=rtl] .link-arrow .ico,[dir=rtl] .map-go .ico{transform:scaleX(-1)}

/* ─── الترويسة ─── */
.top{position:sticky;top:0;z-index:200;background:rgba(252,251,248,.92);backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}
.top.scrolled{border-bottom-color:var(--line);box-shadow:0 6px 24px rgba(11,34,57,.05)}
.top-in{display:flex;align-items:center;gap:20px;min-height:70px}
.brand{display:flex;align-items:center;gap:11px;flex:none}
.brand img{width:40px;height:40px}
.brand b{display:block;font-size:20px;line-height:1.15;color:var(--navy-deep)}
.brand small{display:block;font-size:12px;line-height:1.3;color:var(--muted)}
.nav{display:flex;align-items:center;gap:2px;margin-inline-start:auto}
.nav>a,.sys-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:9px;font:inherit;font-size:15px;font-weight:500;color:var(--ink);background:none;border:0;cursor:pointer;transition:background .2s}
.nav>a:hover,.sys-btn:hover,.sys.open .sys-btn{background:rgba(18,57,91,.06)}
.sys-btn .ico{width:16px;height:16px;transition:transform .2s}
.sys.open .sys-btn .ico{transform:rotate(180deg)}
.nav .lang{border:1px solid var(--line);margin-inline-start:6px;font-size:14px}
.top-act{display:flex;align-items:center;gap:8px}
.sys{position:relative}
.sys-menu{display:none;position:absolute;top:calc(100% + 10px);inset-inline-start:50%;transform:translateX(-50%);width:min(780px,calc(100vw - 40px));background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-lg);padding:18px}
[dir=rtl] .sys-menu{transform:translateX(50%)}
.sys.open .sys-menu{display:block}
.sys-h{font-size:12.5px;font-weight:600;color:var(--gold-ink);padding:0 10px 8px}
.sys-menu ul{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.sys-menu a{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:11px;transition:background .15s}
.sys-menu a:hover,.sys-menu a[aria-current]{background:var(--paper)}
.sys-menu b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;line-height:1.5;color:var(--navy-deep)}
.sys-menu small{display:block;font-size:13px;line-height:1.6;color:var(--muted)}
.opt-chip{display:inline-block;font-size:11px;font-weight:600;line-height:1;padding:4px 7px;border-radius:99px;background:var(--gold-wash);color:var(--gold-ink);border:1px solid rgba(212,169,60,.35)}
.burger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--navy);cursor:pointer;place-items:center}
.burger .ico{width:22px;height:22px}

@media (max-width:1040px){
  .burger{display:inline-grid}
  .nav{display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:10px 16px 18px;background:var(--paper-2);border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgba(11,34,57,.12);max-height:calc(100vh - 70px);overflow-y:auto}
  .top.open .nav{display:flex}
  .nav>a{padding:12px 10px}
  .nav .lang{margin:8px 0 0;justify-content:center}
  .sys-btn{display:none}
  .sys-menu{display:block;position:static;transform:none!important;width:auto;box-shadow:none;border:0;background:none;padding:0 0 6px}
  .sys-menu ul{grid-template-columns:1fr}
  .sys-menu small{display:none}
  .sys-h{padding:6px 10px}
}
@media (max-width:480px){.brand small{display:none}.top-act .btn-sm{padding:0 12px;font-size:13px}}

/* ─── البطل ─── */
.hero{position:relative;padding:56px 0 72px;overflow:hidden;isolation:isolate;background:
  radial-gradient(900px 480px at 88% 10%,rgba(18,57,91,.07),transparent 70%),var(--paper)}
[dir=rtl] .hero{background:radial-gradient(900px 480px at 12% 10%,rgba(18,57,91,.07),transparent 70%),var(--paper)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:56px;align-items:center}
.hero--solo .hero-grid{grid-template-columns:minmax(0,1fr)}
.hero--solo .hero-copy{max-width:820px}
.crumbs{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);margin-bottom:18px}
.crumbs a:hover{color:var(--navy)}
.opt-badge{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--gold-ink);background:var(--gold-wash);border:1px solid rgba(212,169,60,.4);border-radius:99px;padding:5px 14px;margin-bottom:16px}
.opt-badge .ico{width:16px;height:16px}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--gold-ink);letter-spacing:.01em}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--gold)}
.hero h1{font-size:clamp(28px,3.1vw,42px);line-height:1.45;margin:14px 0 16px;letter-spacing:-.005em}
[lang=en] .hero h1{line-height:1.16;letter-spacing:-.015em}
.lead{font-size:clamp(16.5px,1.3vw,19px);color:var(--muted);max-width:36em;line-height:1.95}
[lang=en] .lead{line-height:1.6}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.hero-points{display:grid;gap:8px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.hero-points li{display:flex;gap:10px;align-items:center}
.hero-points .ico{width:18px;height:18px;color:var(--gold-ink)}
.hero-media{position:relative;padding-block:40px 36px;padding-inline-start:40px}
.hero-media::before{content:"";position:absolute;z-index:-1;inset-block:0;inset-inline:0 -400px;border-start-start-radius:26px;border-end-start-radius:26px;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 70%);box-shadow:inset 0 2px 0 rgba(212,169,60,.55)}
.hero-media .media-combo{padding-bottom:28px}
.hero-media .media-combo .dev--desktop{width:100%}
.hero-media .media-combo .dev--phone{inset-inline-start:-64px;bottom:-8px}

/* ─── لقطات البطل المتبدلة: إطار واحد ثابت النسبة، وتحته شريط مقاطع رفيع وتعليق واحد ───
   بلا سكربت: الأولى ظاهرة والمقاطع خامدة. site.js يوقظ المقاطع ويضيف is-auto للتبديل الآلي، وis-paused عند الإيقاف.
   المقطع زر بارتفاع ٢٤ بكسل (مساحة النقر) وخطه المرسوم ٣ بكسل. المنتهي ممتلئ، والنشط يمتلئ خلال الفترة، والقادم باهت */
.shots .media-combo{padding-bottom:0}
.hero-media .shots .media-combo .dev--phone{bottom:-36px}
.shot-foot{margin-top:12px;padding-inline:calc(24% - 40px) 8px}
.shot-segs{display:flex;gap:6px;max-width:250px}
.shot-segs button{position:relative;flex:1 1 0;min-width:24px;height:24px;margin:0;padding:0;background:none;border:0;border-radius:4px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.shot-segs button::before,.shot-segs i{content:"";position:absolute;inset-inline:0;top:50%;height:3px;margin-top:-1.5px;border-radius:3px}
.shot-segs button::before{background:rgba(255,255,255,.2);transition:background-color .2s}
.shot-segs button:hover::before{background:rgba(255,255,255,.34)}
.shot-segs button:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}
.shot-segs i{background:var(--gold-2);transform:scaleX(0);transform-origin:left center}
[dir=rtl] .shot-segs i{transform-origin:right center}
.shot-segs .is-done i,.shot-segs [aria-selected=true] i{transform:scaleX(1)}
.shot-segs[inert] button{cursor:default}
.shots.is-auto .shot-segs [aria-selected=true] i{animation:shotProg var(--shot-ms,4500ms) linear both}
.shots.is-paused .shot-segs [aria-selected=true] i{animation-play-state:paused}
@keyframes shotProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.shot-caption{margin:6px 0 0;font-size:14px;line-height:1.55;color:rgba(255,255,255,.72)}
.shot-caps{display:grid}
.shot-cap{grid-area:1/1;opacity:0;transition:opacity .6s ease}
.shot-cap.is-on{opacity:1}
.shot-cap b{color:#fff;font-weight:700;margin-inline-end:4px}
.shot-note{display:block;margin-top:4px;font-size:12.5px;color:rgba(255,255,255,.5)}
.dev--slides .dev-url{max-width:calc(100% - 60px);min-width:0}
.dev-addr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dev--slides .dev-screen{position:relative}
.dev--slides .shot{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.dev--slides .shot.was-on{opacity:1;z-index:1;transition:none}
.dev--slides .shot.is-on{opacity:1;z-index:2}
.dev--slides{isolation:isolate}

/* ─── إطارات الأجهزة ─── */
.dev{position:relative}
.dev--desktop{background:var(--white);border-radius:12px;box-shadow:var(--sh-lg),0 0 0 1px rgba(11,34,57,.10);overflow:hidden}
.dev-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#EDEEF0;border-bottom:1px solid #E1E3E6}
.dev-bar i{width:8px;height:8px;border-radius:50%;background:#D3D7DC}
.dev-url{display:inline-flex;align-items:center;gap:5px;margin-inline:auto;font-size:11px;line-height:1;color:#7A8591;background:#fff;border-radius:6px;padding:4px 14px;direction:ltr}
.dev-url .ico{width:11px;height:11px}
.dev--desktop .dev-screen{aspect-ratio:16/10;overflow:hidden;background:var(--paper)}
.dev--desktop img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,top center)}
.dev--phone{width:100%;max-width:250px;background:#0D1A28;border-radius:34px;padding:7px;box-shadow:var(--sh-lg),inset 0 0 0 1.5px #22354A}
.dev--phone .dev-screen{aspect-ratio:600/1335;border-radius:28px;overflow:hidden;background:#fff}
.dev--phone img{width:100%;height:100%;object-fit:cover;object-position:top}
.dev figcaption{font-size:13.5px;color:var(--muted);text-align:center;margin-top:12px}
.dev--phone figcaption{position:absolute;inset-inline:0;bottom:-34px;margin:0}
.media-combo{position:relative;padding-bottom:40px}
.media-combo .dev--desktop{width:88%;margin-inline-start:auto}
.media-combo .dev--phone{position:absolute;bottom:0;inset-inline-start:0;width:24%;min-width:96px;border-radius:26px;padding:5px;z-index:3}
.media-combo .dev--phone .dev-screen{border-radius:22px}
.media-single .dev--phone{margin-inline:auto}
.media-cap{font-size:13.5px;color:var(--muted);margin-top:14px;display:flex;align-items:center;gap:8px}
.media-cap::before{content:"";width:18px;height:1px;background:var(--gold)}
.hero .media-cap{color:rgba(255,255,255,.7);padding-inline:8px}
.media-phones{display:flex;justify-content:center;align-items:flex-end;gap:22px;padding-bottom:44px}
.media-phones .dev--phone{max-width:220px}
.media-phones.n3 .dev--phone:not(:nth-child(2)){max-width:190px;margin-bottom:26px}

/* ─── الأقسام ─── */
.sec{padding-block:clamp(64px,8vw,104px)}
.sec--white{background:var(--paper-2);border-block:1px solid var(--line-2)}
.sec--navy{background:var(--navy-deep);color:#DCE4EC}
.sec--navy h2,.sec--navy h3{color:#fff}
.sec--navy .sub,.sec--navy p{color:rgba(220,228,236,.78)}
.sec--navy .eyebrow{color:var(--gold-2)}
.sec-head{max-width:760px;margin-bottom:44px}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head.center .eyebrow{justify-content:center}
.sec-head h2{font-size:clamp(24px,2.7vw,36px);line-height:1.5;margin-top:12px}
[lang=en] .sec-head h2{line-height:1.25;letter-spacing:-.01em}
.sec-head .sub{font-size:17px;color:var(--muted);margin-top:12px;line-height:1.9}
[lang=en] .sec-head .sub{line-height:1.6}
.sec-more{margin-top:34px}
.sec-head.center+*+.sec-more,.stepsec .sec-more,.diagramsec .sec-more{text-align:center}
.sec--navy .link-arrow{color:var(--gold-2)}

/* المزايا: قائمة مسطرة لا بطاقات */
.feat{display:grid;gap:34px 36px}
.feat.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.feat.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.feat.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.feat-item{padding-top:22px;border-top:1px solid var(--line)}
.feat-item h3{font-size:17.5px;line-height:1.55;margin:16px 0 6px}
.feat-item p{font-size:15.5px;color:var(--muted);line-height:1.85}
[lang=en] .feat-item p{line-height:1.6}
.feat-item .link-arrow{margin-top:10px;font-size:14.5px}
.sec--navy .feat-item{border-color:rgba(255,255,255,.12)}
.sec--navy .ico-box{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:var(--gold-2)}

/* العرض: نص ووسيط */
.show{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
.show.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.show.flip .show-copy{order:2}
.show .sec-head{margin-bottom:26px}
.prose p{color:var(--muted);margin-bottom:12px}
.points{display:grid;gap:16px}
.points li{position:relative;padding-inline-start:20px}
.points li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:7px;height:7px;border-radius:2px;background:var(--gold);transform:rotate(45deg)}
.points b{display:block;font-size:16.5px;color:var(--navy-deep);line-height:1.6}
.points li>span{display:block;font-size:15.5px;color:var(--muted);line-height:1.85}
[lang=en] .points li>span{line-height:1.6}
.sec--navy .points b{color:#fff}
.sec--navy .points li>span{color:rgba(220,228,236,.75)}

/* الخطوات: ترتيبها له معنى فترقم */
.steps{display:grid;gap:24px;position:relative;counter-reset:s}
.steps.n3{grid-template-columns:repeat(3,1fr)}.steps.n4{grid-template-columns:repeat(4,1fr)}
.steps.n5{grid-template-columns:repeat(5,1fr)}.steps.n6{grid-template-columns:repeat(6,1fr)}
.steps li{position:relative}
.steps li:not(:last-child)::after{content:"";position:absolute;top:19px;inset-inline-start:52px;inset-inline-end:-12px;height:1px;background:var(--line)}
.step-n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--navy);color:var(--navy);font-weight:600;font-size:15px;background:var(--paper)}
.sec--white .step-n{background:var(--paper-2)}
.steps h3{font-size:16.5px;margin:14px 0 4px;line-height:1.55}
.steps p{font-size:15px;color:var(--muted);line-height:1.8}

/* المعايير */
.std{max-width:980px}
.std-list{border-top:1px solid var(--line)}
.std-row{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.std-row dt{font-weight:600;color:var(--navy-deep)}
.std-row dd{display:grid;gap:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-block;font-family:"Segoe UI",system-ui,sans-serif;font-size:13.5px;font-weight:600;line-height:1;padding:7px 11px;border-radius:8px;background:var(--white);border:1px solid var(--line);color:var(--navy)}
.std-line{font-size:15px;color:var(--muted);line-height:1.8}
.std-note{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:16px 18px;border-radius:14px;background:var(--gold-wash);border:1px solid rgba(212,169,60,.35);font-size:14.5px;line-height:1.85;color:#5B4A1E}
.std-note .ico{color:var(--gold-ink);margin-top:3px}

/* خريطة المنظومة: المحور وسط شبكة ٣×٣ */
.map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.map-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.map-lines line{stroke:rgba(18,57,91,.22);stroke-width:1.2;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
@keyframes mapFlow{to{stroke-dashoffset:-16}}
.map.arm.play .map-lines line{animation:mapFlow 3.5s linear infinite}
.map-card{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;padding:22px 22px 44px;background:var(--white);border:1px solid var(--line);border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .3s var(--ease)}
.map-card:hover{border-color:rgba(18,57,91,.35);box-shadow:var(--sh-md);transform:translateY(-2px)}
.map-card .ico-box{margin-bottom:8px;background:var(--paper)}
.map-t{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:17px;font-weight:600;color:var(--navy-deep);line-height:1.5}
.map-d{font-size:14.5px;color:var(--muted);line-height:1.8}
.map-go{position:absolute;bottom:16px;inset-inline-end:18px;color:var(--navy);opacity:.5;transition:opacity .2s}
.map-card:hover .map-go{opacity:1}
.map-go .ico{width:18px;height:18px}
.map-hub{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:26px;border-radius:18px;background:linear-gradient(160deg,var(--navy),var(--navy-deep));color:rgba(255,255,255,.8);box-shadow:var(--sh-md),inset 0 2px 0 rgba(212,169,60,.6)}
.map-hub img{width:58px;height:58px}
.map-hub b{color:#fff;font-size:19px}
.map-hub>span{font-size:14px;line-height:1.8;max-width:26ch}

/* الأرقام */
.factsec{padding-block:36px 12px}
.facts{display:grid;gap:0;border-block:1px solid var(--line)}
.facts.n3{grid-template-columns:repeat(3,1fr)}.facts.n4{grid-template-columns:repeat(4,1fr)}
.fact{padding:26px 22px}
.fact+.fact{border-inline-start:1px solid var(--line)}
.fact .num{display:block;font-size:40px;font-weight:600;line-height:1.1;color:var(--navy-deep)}
.fact .lbl{display:block;font-size:14.5px;color:var(--muted);margin-top:8px;line-height:1.7}

/* الأسئلة */
.faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:start}
.faq-list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;cursor:pointer;list-style:none;font-weight:600;font-size:16.5px;color:var(--navy-deep);line-height:1.6}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{width:18px;height:18px;color:var(--gold-ink);transition:transform .25s}
.faq details[open] summary .ico{transform:rotate(45deg)}
.ans{padding:0 0 22px;color:var(--muted);font-size:15.5px;line-height:1.9}
.ans a{color:var(--navy);border-bottom:1px solid rgba(18,57,91,.3)}

/* الدعوة */
.cta .wrap{max-width:var(--rail)}
.cta-card{position:relative;overflow:hidden;padding:clamp(36px,5vw,60px);border-radius:24px;background:linear-gradient(155deg,var(--navy) 0%,var(--navy-deep) 65%);color:rgba(255,255,255,.8);box-shadow:inset 0 2px 0 rgba(212,169,60,.55)}
.cta-card h2{color:#fff;font-size:clamp(24px,2.6vw,34px);line-height:1.5;margin:12px 0 10px;max-width:24em}
.cta-card .eyebrow{color:var(--gold-2)}
.cta-card .sub{max-width:40em}
.cta-mark{position:absolute;inset-inline-end:-70px;bottom:-90px;width:340px;height:340px;opacity:.07;pointer-events:none}
.cta-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cta-btns .btn-line{direction:inherit}

/* التواصل */
.contact{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px;align-items:start}
.checks{display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.checks .ico{color:var(--ok);margin-top:5px;width:18px;height:18px}
.contact-card{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-sm)}
.contact-card h3{font-size:20px}
.contact-card>p{color:var(--muted);font-size:15px;margin:4px 0 16px}
.contact-rows{display:grid;gap:8px}
.contact-rows a{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;transition:border-color .2s,background .2s}
.contact-rows a:hover{border-color:rgba(18,57,91,.35);background:var(--paper)}
.contact-rows small{display:block;font-size:12.5px;color:var(--muted);line-height:1.4}
.contact-rows b{display:block;font-size:15px;color:var(--navy-deep);line-height:1.5;text-align:start}
.ci{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--paper);color:var(--navy);flex:none}
.ci--wa{color:#1E7A52}

/* تنبيه الصفحة */
.notesec{padding-block:0 8px}
.page-note{display:flex;gap:12px;align-items:center;padding:14px 18px;border:1px dashed var(--line);border-radius:12px;font-size:14.5px;color:var(--muted)}
.page-note .ico{color:var(--gold-ink)}

/* ─── التذييل ─── */
.foot{background:var(--navy-ink);color:rgba(255,255,255,.68);padding:60px 0 26px;font-size:14.5px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot .brand b{color:#fff}.foot .brand small{color:rgba(255,255,255,.55)}
.foot-about p{margin-top:14px;max-width:34em;line-height:1.9}
.foot-credit a,.foot a:hover{color:var(--gold-2)}
.foot-h{color:#fff;font-weight:600;margin-bottom:12px}
.foot ul{display:grid;gap:6px}
.foot-note{font-size:13px;color:rgba(255,255,255,.45);margin-top:14px}
.foot-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:20px;font-size:13px;color:rgba(255,255,255,.45)}

/* واتساب: هادئ، أيقونة وعنوان */
.wa-fab{position:fixed;bottom:20px;inset-inline-end:20px;z-index:150;display:flex;align-items:center;gap:8px;height:48px;padding:0 16px 0 12px;border-radius:99px;background:var(--white);border:1px solid var(--line);color:var(--navy-deep);font-size:14px;font-weight:600;box-shadow:var(--sh-md);transition:box-shadow .2s,transform .2s}
[dir=rtl] .wa-fab{padding:0 12px 0 16px}
.wa-fab .ico{width:24px;height:24px;color:#1E7A52}
.wa-fab:hover{box-shadow:var(--sh-lg);transform:translateY(-1px)}
.top.open~.wa-fab{display:none}

/* 404 */
.nf{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}
.nf-main{display:grid;gap:14px;justify-items:center;max-width:520px}
.nf-main p{color:var(--muted)}
.nf-en{font-size:14px}.nf-en a{color:var(--navy);border-bottom:1px solid}

/* ═══ المخططات ═══ */
.dg{margin:0}
.dg-wrap{max-width:1100px;margin-inline:auto}
.dg-cap{font-size:14px;color:var(--muted);text-align:center;margin-top:20px;line-height:1.8}
.sec--navy .dg-cap{color:rgba(220,228,236,.65)}
.dg-notes{display:grid;gap:24px 32px;margin-top:48px}
.dg-notes.n2{grid-template-columns:repeat(2,1fr)}.dg-notes.n3{grid-template-columns:repeat(3,1fr)}.dg-notes.n4{grid-template-columns:repeat(4,1fr)}
.dg-notes li{padding-top:16px;border-top:1px solid var(--line)}
.sec--navy .dg-notes li{border-color:rgba(255,255,255,.14)}
.dg-notes b{display:block;color:var(--navy-deep);font-size:16px;line-height:1.6}
.sec--navy .dg-notes b{color:#fff}
.dg-notes li>span{display:block;font-size:14.5px;color:var(--muted);line-height:1.8;margin-top:4px}
.sec--navy .dg-notes li>span{color:rgba(220,228,236,.72)}

/* دورة الكتاب */
.life-track{position:relative;padding-top:6px}
.life{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:14px}
.life li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.life-dot{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--navy);border:1.5px solid var(--navy);color:#fff;margin-bottom:8px}
.life li:last-child .life-dot{background:var(--gold);border-color:var(--gold);color:var(--navy-deep)}
.life b{font-size:15.5px;line-height:1.5;color:var(--navy-deep)}
.life small{font-size:13.5px;line-height:1.75;color:var(--muted)}
.sec--navy .life b{color:#fff}.sec--navy .life small{color:rgba(220,228,236,.7)}
.sec--navy .life-dot{background:#fff;border-color:#fff;color:var(--navy-deep)}
.life-rail{position:absolute;z-index:0;top:32px;height:2px;inset-inline:calc(100% / var(--n) / 2);background:var(--line)}
.sec--navy .life-rail{background:rgba(255,255,255,.14)}
.life-fill{position:absolute;inset:0;background:var(--navy);transform-origin:left center}
[dir=rtl] .life-fill{transform-origin:right center}
.sec--navy .life-fill{background:var(--gold)}
.life-token{position:absolute;top:50%;inset-inline-start:100%;width:30px;height:30px;margin:-15px 0 0;margin-inline-start:-15px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--navy-deep);box-shadow:0 0 0 5px rgba(212,169,60,.2);opacity:0}
.life-token .ico{width:15px;height:15px}
.life-branch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:28px auto 0;width:fit-content;max-width:100%;padding:8px 16px;border:1px dashed var(--line);border-radius:99px;font-size:14px;color:var(--muted)}
.life-branch b{color:var(--navy-deep)}
.life-branch .ico{width:16px;height:16px;color:var(--gold-ink)}
.sec--navy .life-branch{border-color:rgba(255,255,255,.2);color:rgba(220,228,236,.72)}.sec--navy .life-branch b{color:#fff}
@keyframes lifeX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes lifeY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes tokX{0%{inset-inline-start:0;opacity:0}6%{opacity:1}94%{opacity:1}100%{inset-inline-start:100%;opacity:0}}
@keyframes tokY{0%{top:0;opacity:0}6%{opacity:1}94%{opacity:1}100%{top:100%;opacity:0}}
@keyframes dotOn{from{background:var(--white);border-color:var(--line);color:var(--faint)}}
.dg-life.arm .life-fill{transform:scaleX(0)}
.dg-life.arm .life-dot{background:var(--white);border-color:var(--line);color:var(--faint)}
.dg-life.arm.play .life-fill{animation:lifeX calc(var(--n) * .75s) linear .3s both}
.dg-life.arm.play .life-token{animation:tokX calc(var(--n) * .75s) linear .3s both}
.dg-life.arm.play .life-dot{background:var(--navy);border-color:var(--navy);color:#fff;animation:dotOn .45s var(--ease) both;animation-delay:calc(.3s + var(--n) * .75s * var(--k) / (var(--n) - 1))}
.dg-life.arm.play li:last-child .life-dot{background:var(--gold);border-color:var(--gold);color:var(--navy-deep)}
.sec--navy .dg-life.arm .life-dot{background:transparent;border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.5)}
.sec--navy .dg-life.arm.play .life-dot{background:#fff;border-color:#fff;color:var(--navy-deep);animation-name:dotOnD}
@keyframes dotOnD{from{background:transparent;border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.5)}}
@media (max-width:760px){
  .life{grid-template-columns:1fr;gap:18px}
  .life li{display:grid;grid-template-columns:52px 1fr;column-gap:16px;text-align:start;align-items:start}
  .life-dot{grid-row:span 2;margin:0}
  .life b{padding-top:4px}
  .life-rail{top:32px;bottom:32px;height:auto;width:2px;inset-inline:25px auto}
  .life-fill{transform-origin:center top!important}
  .dg-life.arm .life-fill{transform:scaleY(0)}
  .dg-life.arm.play .life-fill{animation-name:lifeY}
  .life-token{inset-inline-start:50%;top:0}
  .dg-life.arm.play .life-token{animation-name:tokY}
}

/* سلسلة الاعتماد */
.ap-card{max-width:560px;margin-inline:auto;padding:22px 24px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-md)}
.ap li{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:12px 0}
.ap li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:19px;top:54px;bottom:-10px;width:2px;background:var(--line-2)}
.ap-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper);border:1px solid var(--line);color:var(--navy)}
.ap-av .ico{width:18px;height:18px}
.ap-who b{display:block;font-size:15.5px;line-height:1.5;color:var(--navy-deep)}
.ap-who small{display:block;font-size:13.5px;line-height:1.6;color:var(--muted)}
.ap-state{display:grid;justify-items:end}
.ap-state>span{grid-area:1/1;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:99px;white-space:nowrap}
.ap-wait{color:var(--faint);border:1px dashed var(--line);opacity:0}
.ap-done{color:var(--ok);background:var(--ok-wash)}
.ap-done .ico{width:14px;height:14px}
.ap-back{display:flex;align-items:center;gap:8px;margin-top:6px;padding:10px 12px;border-radius:10px;background:var(--paper);font-size:13.5px;color:var(--muted);line-height:1.7}
.ap-back .ico{width:16px;height:16px;color:var(--gold-ink)}
.ap-result{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;border-radius:12px;background:var(--gold-wash);border:1px solid rgba(212,169,60,.4)}
.ap-seal{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--gold);color:var(--navy-deep);flex:none}
.ap-result b{display:block;color:var(--navy-deep);font-size:15.5px;line-height:1.5}
.ap-result small{display:block;font-family:var(--mono);font-size:12.5px;color:var(--gold-ink);text-align:start}
@keyframes fadeOut{to{opacity:0}}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}}
@keyframes popIn{from{opacity:0;transform:scale(.8)}}
.dg-approval.arm .ap-wait{opacity:1}
.dg-approval.arm .ap-done,.dg-approval.arm .ap-result{opacity:0}
.dg-approval.arm.play .ap-wait{animation:fadeOut .3s ease both;animation-delay:calc(.5s + var(--k) * 1s)}
.dg-approval.arm.play .ap-done{opacity:1;animation:popIn .45s var(--ease) both;animation-delay:calc(.6s + var(--k) * 1s)}
.dg-approval.arm.play .ap-result{opacity:1;animation:fadeIn .6s var(--ease) both;animation-delay:calc(.8s + var(--n) * 1s)}

/* من البريد إلى الوارد */
.mf{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr) 52px minmax(0,1fr);align-items:stretch}
.mf-box{padding:18px;background:var(--white);border:1px solid var(--line);border-radius:14px;font-size:14px;box-shadow:var(--sh-sm)}
.mf-letter{border-top:3px solid var(--gold)}
.mf-h{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--navy-deep);margin-bottom:10px}
.mf-h .ico{width:18px;height:18px;color:var(--gold-ink)}
.mf-kv>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line-2)}
.mf-kv>div:last-child{border-bottom:0}
.mf-kv dt{font-size:12.5px;color:var(--muted);flex:none}
.mf-kv dd{font-size:13.5px;color:var(--ink);text-align:end;overflow-wrap:anywhere}
.mf-chks{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mf-chk{display:inline-flex;align-items:center;gap:4px;font-family:"Segoe UI",system-ui,sans-serif;font-size:12px;font-weight:600;padding:4px 8px;border-radius:99px;color:var(--ok);background:var(--ok-wash)}
.mf-chk .ico{width:12px;height:12px}
.mf-t{color:var(--muted);font-size:13.5px;line-height:1.8}
.mf-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.mf-act{font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:8px;border:1px solid var(--line);color:var(--navy)}
.mf-act.is-main{background:var(--navy);border-color:var(--navy);color:#fff}
.mf-arrow{position:relative;display:grid;place-items:center;color:var(--gold-ink)}
.mf-arrow i{position:absolute;inset-inline:8px;top:50%;border-top:2px dashed var(--line)}
.mf-arrow .ico{position:relative;width:18px;height:18px;background:var(--paper);padding:1px}
.sec--white .mf-arrow .ico{background:var(--paper-2)}
@keyframes mfMove{0%{transform:translateX(-14px);opacity:0}25%,75%{opacity:1}100%{transform:translateX(14px);opacity:0}}
@keyframes mfMoveY{0%{transform:translateY(-10px);opacity:0}25%,75%{opacity:1}100%{transform:translateY(10px);opacity:0}}
.dg-mail.arm .mf-chk{color:var(--faint);background:var(--line-2)}
.dg-mail.arm.play .mf-chk{color:var(--ok);background:var(--ok-wash);transition:color .4s,background .4s;transition-delay:calc(.4s + var(--k) * .45s)}
.dg-mail.arm.play .mf-arrow .ico{animation:mfMove 3.2s ease-in-out infinite}
[dir=rtl] .dg-mail.arm.play .mf-arrow .ico{animation-direction:reverse}
.dg-mail.arm.play .mf-arrow+.mf-box+.mf-arrow .ico{animation-delay:1.6s}
@media (max-width:900px){
  .mf{grid-template-columns:1fr;grid-template-rows:auto 44px auto 44px auto}
  .mf-arrow i{inset-inline:auto;inset-block:6px;left:50%;top:auto;height:auto;border-top:0;border-inline-start:2px dashed var(--line);bottom:6px;top:6px}
  .dg-mail.arm.play .mf-arrow .ico{animation-name:mfMoveY;animation-direction:normal!important}
}

/* بصمة السلامة */
.fp{max-width:640px;margin-inline:auto;display:grid;gap:12px;padding:22px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-md)}
.fp-rec{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line-2)}
.fp-no{font-family:var(--mono);font-size:12.5px;padding:4px 9px;border-radius:7px;background:var(--paper);border:1px solid var(--line);color:var(--navy)}
.fp-rec b{color:var(--navy-deep);font-size:15.5px}
.fp-parts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fp-part{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px}
.fp-part b{display:block;font-size:14.5px;color:var(--navy-deep);line-height:1.5}
.fp-part small{display:block;font-size:12.5px;color:var(--muted);line-height:1.6}
.fp-part code,.fp-seal code{font-family:var(--mono);font-size:12px;letter-spacing:.02em;overflow-wrap:anywhere;text-align:start}
.fp-part code{color:var(--navy);background:var(--paper);padding:6px 8px;border-radius:7px}
.fp-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--paper);color:var(--navy);flex:none}
.fp-ico .ico{width:18px;height:18px}
.fp-join{position:relative;display:grid;place-items:center;height:34px}
.fp-join i{position:absolute;top:0;bottom:0;left:50%;border-inline-start:2px dashed var(--line)}
.fp-join span{position:relative;font-family:var(--mono);font-size:11.5px;padding:3px 9px;border-radius:99px;background:var(--white);border:1px solid var(--line);color:var(--muted)}
.fp-seal{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:var(--navy-deep);color:#fff}
.fp-seal .fp-ico{background:rgba(212,169,60,.16);color:var(--gold-2)}
.fp-seal b{display:block;font-size:14.5px}
.fp-seal code{display:block;color:var(--gold-2)}
.fp-verify{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--ok-wash)}
.fp-ok{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ok);color:#fff;flex:none}
.fp-ok .ico{width:16px;height:16px}
.fp-verify b{display:block;color:#14583A;font-size:14.5px}
.fp-verify small{display:block;font-size:13px;color:#2F6B4F;line-height:1.6}
@keyframes scan{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes scanR{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
.dg-fp.arm .fp-part code,.dg-fp.arm .fp-seal,.dg-fp.arm .fp-verify{opacity:0}
.dg-fp.arm.play .fp-part code{opacity:1;animation:scan 1s steps(24) both;animation-delay:calc(.4s + var(--k) * .7s)}
.dg-fp.arm.play .fp-seal{opacity:1;animation:fadeIn .6s var(--ease) 2.1s both}
.dg-fp.arm.play .fp-verify{opacity:1;animation:fadeIn .6s var(--ease) 3s both}

/* ─── الحركة المخففة: الحالة النهائية ثابتة ─── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv-wait{opacity:1;transform:none}
}

/* ─── الشاشات المتوسطة والصغيرة ─── */
@media (max-width:1040px){
  .hero-grid,.show,.show.flip{grid-template-columns:minmax(0,1fr);gap:44px}
  .show.flip .show-copy{order:0}
  .hero-media{max-width:720px;width:100%;margin-inline:auto}
  .feat.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps.n5,.steps.n6{grid-template-columns:repeat(3,1fr)}
  .steps.n5 li:nth-child(3)::after,.steps.n6 li:nth-child(3)::after{display:none}
  .map{grid-template-columns:repeat(2,minmax(0,1fr))}
  .map-lines{display:none}
  .map-hub{grid-column:1/-1;order:-1}
  .faq-grid,.contact{grid-template-columns:minmax(0,1fr);gap:32px}
  .dg-notes.n4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  :root{--gut:16px}
  body{font-size:16px}
  .hero{padding:32px 0 64px}
  .hero-media{padding:28px 0 24px;padding-inline-start:0}
  .hero-media::before{inset-inline:-16px;border-radius:0}
  .hero-media .media-combo .dev--phone{inset-inline-start:0;bottom:-4px}
  .hero-media .shots .media-combo .dev--phone{bottom:-32px}
  .shot-foot{margin-top:44px;padding-inline:4px}
  .shot-caption{font-size:13.5px}
  .feat.c2,.feat.c3,.feat.c4{grid-template-columns:minmax(0,1fr);gap:26px}
  .steps.n3,.steps.n4,.steps.n5,.steps.n6{grid-template-columns:1fr;gap:20px}
  .steps li{display:grid;grid-template-columns:38px 1fr;column-gap:14px}
  .steps .step-n{grid-row:span 2}
  .steps h3{margin-top:4px}
  .steps li:not(:last-child)::after{display:block!important;top:44px;bottom:-16px;height:auto;width:1px;inset-inline:19px auto}
  .std-row{grid-template-columns:1fr;gap:10px}
  .facts.n3,.facts.n4{grid-template-columns:1fr 1fr}
  .fact:nth-child(3){border-inline-start:0}
  .fact:nth-child(n+3){border-top:1px solid var(--line)}
  .map{grid-template-columns:minmax(0,1fr)}
  .dg-notes.n2,.dg-notes.n3,.dg-notes.n4{grid-template-columns:1fr}
  .fp-parts{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:28px}
  .media-phones{gap:10px}
  .media-phones.n3 .dev--phone:not(:nth-child(2)){max-width:28%;margin-bottom:18px}
  .media-phones .dev--phone{max-width:38%;border-radius:22px;padding:4px}
  .media-phones .dev--phone .dev-screen{border-radius:18px}
  .dev--phone figcaption{font-size:12px;bottom:-30px}
  .wa-fab{padding:0!important;width:50px;height:50px;justify-content:center;bottom:16px;inset-inline-end:16px}
  .wa-fab span{display:none}
  .cta-btns .btn{width:100%}
  .ap-card{padding:16px}
  .ap li{grid-template-columns:36px 1fr;row-gap:6px}
  .ap-av{width:36px;height:36px}
  .ap-state{grid-column:2;justify-items:start}
  .ap li:not(:last-child)::after{inset-inline-start:17px;top:50px}
}
@media (max-width:380px){.hero-cta .btn{width:100%}}

/* ── pages/ai.css ── */
/* قلم زاجل والذكاء: لوحة القلم (pen_console وai_band في الرئيسية)، والإملاء (pen_dict)، والخريطة المعرفية (case_map)،
   واسأل كتبك (pen_ask)، ومستويات التحليل (pen_tiers)، والحجب (pen_redact). */

.pf-code{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 6px;border-radius:6px;background:var(--gold-wash);border:1px solid rgba(212,169,60,.45);color:var(--gold-ink);font-size:12px;font-weight:600;line-height:1;flex:none}

/* ─── اسأل كتبك ─── */
.ak{max-width:560px;margin-inline:auto;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-md)}
.ak-tab{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--navy-deep);font-size:15px;padding-bottom:12px;border-bottom:1px solid var(--line-2)}
.ak-tab .ico{width:18px;height:18px;color:var(--gold-ink)}
.ak-q{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--paper);border:1px solid var(--line-2)}
.ak-q small{display:block;font-size:11.5px;color:var(--faint)}
.sec .ak-q p{font-size:14px;color:var(--ink);line-height:1.75}
.ak-a{margin-top:10px;padding:12px;border-radius:10px;border:1px solid var(--line)}
.ak-tag{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:99px;background:var(--navy);color:#fff}
.sec .ak-a>p{font-size:14px;line-height:1.9;color:var(--ink);margin-top:6px}
.ak-a .code{font-family:var(--mono);font-size:12.5px}
.sec .ak-src-h{font-size:12px;color:var(--faint);margin-top:10px}
.ak-src li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--navy);line-height:1.6}
.ak-src .code{font-family:var(--mono);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.ak-q2{margin-top:14px}
.ak-none{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--paper-2);border:1px dashed var(--line);font-size:13.5px;line-height:1.7;color:var(--muted)}
.ak-none .ico{width:16px;height:16px;margin-top:4px;flex:none;color:var(--faint)}
.sec .ak-hint{font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}
.dg-ask.arm .ak-a,.dg-ask.arm .ak-none{opacity:0}
.dg-ask.arm.play .ak-a{opacity:1;animation:fadeIn .6s var(--ease) .6s both}
.dg-ask.arm.play .ak-none{opacity:1;animation:fadeIn .6s var(--ease) 1.6s both}

/* ─── مستويات التحليل ─── */
.tr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1060px;margin-inline:auto}
.tr-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.tr-card.is-mid{border-color:rgba(212,169,60,.6);box-shadow:var(--sh-sm)}
.tr-n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--paper);border:1px solid var(--line);color:var(--navy);font-weight:600;font-size:14px}
.tr-card.is-mid .tr-n{background:var(--gold);border-color:var(--gold);color:var(--navy-deep)}
.tr-card b{display:block;margin-top:12px;font-size:17px;color:var(--navy-deep)}
.tr-card small{display:block;font-size:13px;color:var(--gold-ink);margin-top:2px;line-height:1.6}
.tr-card p{font-size:14.5px;color:var(--muted);line-height:1.85;margin-top:8px}
.tr-eval{max-width:1060px;margin:28px auto 0;padding:20px 22px;border-radius:16px;background:var(--white);border:1px solid var(--line)}
.tr-ev-h{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted)}
.tr-ev-h .ico{width:18px;height:18px;color:var(--navy)}
.tr-ev-h .code{font-family:var(--mono);font-size:12.5px}
.tr-ev{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px;border-block:1px solid var(--line-2)}
.tr-ev-i{padding:14px 16px}
.tr-ev-i+.tr-ev-i{border-inline-start:1px solid var(--line-2)}
.tr-ev-i .num{display:block;font-size:26px;font-weight:600;line-height:1.3;color:var(--navy-deep)}
.tr-ev-i .lbl{display:block;font-size:13px;color:var(--muted);line-height:1.6;margin-top:4px}
.tr-ev-note{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.7}
@media (max-width:900px){
  .tr-cards{grid-template-columns:minmax(0,1fr)}
  .tr-ev{grid-template-columns:1fr 1fr}
  .tr-ev-i:nth-child(3){border-inline-start:0}
  .tr-ev-i:nth-child(n+3){border-top:1px solid var(--line-2)}
}

/* ─── الحجب قبل المزود ─── */
.rd{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr);align-items:stretch;max-width:1080px;margin-inline:auto;text-align:start}
.rd-box{padding:18px;border-radius:14px;background:var(--white);border:1px solid var(--line)}
.sec .rd-h{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--navy-deep)}
.rd-h .ico{width:17px;height:17px;color:var(--gold-ink)}
.sec .rd-t{font-size:14px;line-height:2.05;color:var(--ink);margin-top:8px}
.rd-pii{padding:1px 5px;border-radius:5px;background:#F8E9E6;color:#8E2F22}
.rd-tok{padding:1px 6px;border-radius:5px;background:#E6EDF4;color:var(--navy);font-weight:600;unicode-bidi:isolate}
.rd-keep{font-family:var(--mono);font-size:12.5px;color:var(--navy)}
.rd-arrow{position:relative;display:grid;place-items:center}
.rd-arrow i{position:absolute;inset-inline:4px;top:50%;border-top:2px dashed rgba(255,255,255,.25)}
.rd-arrow .ico{position:relative;width:26px;height:26px;padding:5px;border-radius:50%;background:var(--navy-deep);border:1px solid rgba(255,255,255,.3);color:var(--gold-2)}
[dir=rtl] .rd-arrow .ico{transform:scaleX(-1)}
.dg-rd.arm .rd-box{opacity:.25}
.dg-rd.arm.play .rd-box{opacity:1;transition:opacity .5s;transition-delay:calc(.2s + var(--k) * .8s)}
@media (max-width:900px){
  .rd{grid-template-columns:minmax(0,1fr)}
  .rd-arrow{height:40px}
  .rd-arrow i{inset-inline:auto;left:50%;top:4px;bottom:4px;border-top:0;border-left:2px dashed rgba(255,255,255,.25)}
  .rd-arrow .ico,[dir=rtl] .rd-arrow .ico{transform:rotate(90deg)}
}

/* ─── لوحة القلم: تحاكي نافذة القلم الفعلية (بطاقة بيضاء، سطور كحلية، نسبة السند، رموز الحقائق) ─── */
.pc-wrap{max-width:1040px;margin-inline:auto}
.pc{position:relative;margin:0;padding:20px 22px 18px;background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-lg);text-align:start;color:var(--ink);overflow:hidden}
.pc-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding-bottom:14px;border-bottom:1px solid var(--line-2)}
.pc-seal{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;color:#A8811F;background:linear-gradient(180deg,#FBF3DE,#F3E4BE);border:1px solid #E9D7A6}
.pc-seal .ico{width:20px;height:20px}
.pc-ttl{flex:1;min-width:180px}
.pc-ttl b{display:block;font-size:17px;line-height:1.4;color:var(--navy-deep)}
.pc-ttl small{display:block;font-size:12.5px;line-height:1.6;color:var(--muted)}
.pc-live{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border-radius:99px;background:var(--paper);border:1px solid var(--line-2);font-size:11.5px;color:var(--muted);white-space:nowrap}
.pc-live i{width:7px;height:7px;border-radius:50%;background:#3FAE77}
.pc-try{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px}
.pc [hidden]{display:none!important}
.pc-try small{font-size:12px;color:var(--faint);margin-inline-end:2px}
.pc-chip{padding:5px 14px;border-radius:99px;font:inherit;font-size:13px;font-weight:600;color:var(--navy);background:var(--paper);border:1px solid var(--line);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.pc-chip:hover{border-color:rgba(18,57,91,.35)}
.pc-chip.is-on{background:var(--navy-deep);border-color:var(--navy-deep);color:#fff}
.pc-ctx{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pc-ctx>span{display:inline-flex;align-items:baseline;gap:8px;padding:6px 12px;border-radius:10px;border:1px solid var(--line);font-size:12px;color:var(--faint)}
.pc-ctx b{font-size:13.5px;color:var(--navy-deep)}
.pc-ctx b.code{font-family:var(--mono);font-size:12.5px}
.pc .pc-l{margin:14px 0 6px;font-size:12.5px;font-weight:600;color:var(--navy-deep)}
.pc-req{min-height:52px;padding:10px 14px;border-radius:12px;border:1px solid rgba(18,57,91,.3);box-shadow:0 0 0 3px rgba(18,57,91,.05);font-size:14.5px;line-height:1.85}
.pc-caret{display:none;width:2px;height:1.05em;margin-inline-start:2px;vertical-align:-.18em;background:var(--navy)}
.pc.is-typing .pc-caret{display:inline-block;animation:pcBlink 1s steps(1) infinite}
@keyframes pcBlink{50%{opacity:0}}
.pc-lines{display:grid;gap:4px;margin-top:12px;padding:12px 16px;border-radius:12px;background:var(--navy-deep);color:#EEF2F6;font-size:13px;line-height:1.7}
.pc-lines:empty{display:none}
.pc-line{display:flex;align-items:flex-start;gap:9px}
.pc-line i{flex:none;width:7px;height:7px;margin-top:.62em;border-radius:50%;background:#5CC08E}
.pc-line--work i{background:var(--gold-2)}
.pc-line--work.done i{background:#5CC08E;opacity:.7}
.pc-line--warn{color:#FFE2A8}
.pc-line--warn i{background:#E8A33D}
.pc-line .code{font-family:var(--mono);font-size:12px}
.pc.is-run .pc-line{animation:pcIn .4s var(--ease) both}
.pc.is-run .pc-line--work:not(.done) i{animation:pcTw 1s ease-in-out infinite}
@keyframes pcIn{from{opacity:0;transform:translateY(5px)}}
@keyframes pcTw{50%{opacity:.35;transform:scale(.8)}}
.pc-refused{margin-top:12px;padding:12px 14px;border-radius:12px;background:#FBEDEA;border:1px solid #EBC4BD;animation:pcIn .4s var(--ease) both}
.pc-refused b{display:block;font-size:14px;color:#8E2F22}
.pc .pc-refused p{margin-top:2px;font-size:13px;line-height:1.75;color:#5A2A22}
.pc-out{margin-top:14px;transition:opacity .4s}
.pc.is-wait .pc-out{opacity:0}
.pc.is-refused .pc-out{display:none}
.pc-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
.pc-pat{padding:3px 11px;border-radius:99px;background:var(--navy);font-size:12px;font-weight:600;color:#fff}
.pc-pat:empty{display:none}
.pc-cov{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.pc-bar{width:110px;height:6px;border-radius:99px;background:var(--line-2);overflow:hidden}
.pc-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2E8B6A,#5CC08E);transition:width 1.1s var(--ease)}
.pc-cov-n{font-weight:600;color:var(--navy-deep);font-variant-numeric:tabular-nums}
.pc-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:14px;margin-top:12px;align-items:start}
.pc-file{padding:12px;border-radius:14px;border:1px solid var(--line-2);background:var(--paper-2)}
.pc .pc-file .pc-l{margin-top:0}
.pc-facts{display:grid;gap:4px}
.pc-fact{display:flex;align-items:flex-start;gap:8px;padding:5px 7px;border-radius:8px;font-size:12.5px;line-height:1.55;transition:background .2s;animation:pcIn .35s var(--ease) both}
.pc-fact>i,.pc-fly{font-style:normal;font-size:11px;font-weight:700;line-height:1.6;color:var(--navy-deep);background:var(--gold-2);border-radius:5px;padding:0 6px}
.pc-fact>i{flex:none;margin-top:2px;transition:box-shadow .2s}
.pc-fact small{display:block;font-size:11px;color:var(--faint)}
.pc-fact .code{font-family:var(--mono);font-size:11.5px}
.pc-fact.is-hot{background:var(--gold-wash)}
.pc-fact.is-hot>i{box-shadow:0 0 0 3px rgba(230,196,102,.4)}
.pc-subj{padding:8px 12px;border-radius:10px;border:1px solid var(--line)}
.pc-subj small{display:block;font-size:11px;color:var(--faint)}
.pc-subj b{font-size:14.5px;color:var(--navy-deep)}
.pc-paras{display:grid;gap:6px;min-height:120px;margin-top:8px;padding:10px;border-radius:12px;border:1px solid var(--line-2);background:#FFFDF7}
.pc-para{padding:5px 9px;border-radius:8px;border-inline-start:3px solid transparent;transition:border-color .2s,background .2s;animation:pcIn .45s var(--ease) both}
.pc .pc-para p{font-size:14px;line-height:1.9;color:var(--ink)}
.pc-para .code{font-family:var(--mono);font-size:12.5px}
.pc-para.is-hot{border-color:var(--gold);background:var(--gold-wash)}
.pc-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.pc-badges i{font-style:normal;font-size:10.5px;font-weight:700;line-height:1.6;color:var(--navy);background:#EEF3F8;border:1px solid #D3DFEA;border-radius:5px;padding:0 6px;transition:background .2s,border-color .2s}
.pc-badges i.is-hot{background:var(--gold-2);border-color:var(--gold)}
.pc-blank{padding:0 5px;border-radius:5px;background:var(--gold-wash);border:1px dashed var(--gold);color:var(--gold-ink);font-weight:600}
.pc .pc-gap{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:8px 12px;border-radius:10px;background:#FBF4E4;border:1px solid rgba(212,169,60,.4);font-size:13px;line-height:1.7;color:var(--gold-ink)}
.pc-gap .ico{flex:none;width:16px;height:16px;margin-top:3px}
.pc .pc-note{margin-top:12px;padding:8px 12px;border-radius:10px;background:var(--paper);font-size:12.5px;line-height:1.7;color:var(--muted)}
.pc-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pc-btn{padding:7px 14px;border-radius:10px;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--navy)}
.pc-btn.is-main{background:var(--navy);border-color:var(--navy);color:#fff}
.pc-replay{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:5px 12px;border-radius:99px;border:1px solid var(--line);background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--navy);cursor:pointer}
.pc-replay:hover{background:var(--paper)}
.pc-replay .ico{width:14px;height:14px}
.pc-fly{position:absolute;z-index:5;pointer-events:none;box-shadow:0 6px 16px rgba(212,169,60,.45)}
/* المختصرة في الرئيسية: بلا عمود الحقائق ولا الأزرار */
.pc--compact{padding:18px 18px 16px}
.pc--compact .pc-body{grid-template-columns:minmax(0,1fr)}
.pc--compact .pc-file,.pc--compact .pc-btns{display:none}
.pc--compact .pc-paras{min-height:0}
@media (max-width:760px){
  .pc{padding:14px 14px 14px;border-radius:16px}
  .pc-body{grid-template-columns:minmax(0,1fr)}
  .pc-lines{padding:10px 12px;font-size:12.5px}
  .pc-req{font-size:14px}
  .pc-bar{width:80px}
}

/* ─── شريط الذكاء في الرئيسية ─── */
.abandsec .ab{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}
.ab .sec-head{margin-bottom:26px}
.ab-list{display:grid;gap:16px}
.ab-list li{display:flex;align-items:flex-start;gap:14px}
.ab-list b{display:block;font-size:16px;line-height:1.6;color:#fff}
.ab-list li>span>span{display:block;font-size:14.5px;line-height:1.8;color:rgba(220,228,236,.75)}
.sec .ab-note{display:flex;align-items:flex-start;gap:8px;margin-top:24px;font-size:13.5px;line-height:1.7;color:rgba(220,228,236,.7)}
.ab-note .ico{flex:none;width:16px;height:16px;margin-top:4px;color:var(--gold-2)}
.ab-go{margin-top:22px}
.ab-go .ico{width:18px;height:18px}
[dir=rtl] .ab-go .ico{transform:scaleX(-1)}
@media (max-width:1040px){.abandsec .ab{grid-template-columns:minmax(0,1fr);gap:40px}}

/* ─── الإملاء: تسجيل ثم مراجعة ─── */
.dc{max-width:520px;margin-inline:auto;padding:18px;border-radius:18px;background:var(--white);border:1px solid var(--line);box-shadow:var(--sh-md);text-align:start}
.dc-top{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line-2);font-size:15px;color:var(--navy-deep)}
.dc-top>.ico{width:18px;height:18px;color:var(--gold-ink)}
.dc-lang{display:inline-flex;align-items:center;gap:4px;margin-inline-start:auto;padding:3px 8px;border-radius:8px;border:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.dc-lang .ico{width:14px;height:14px}
.dc-rec{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--navy-deep)}
.dc-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#E5484D}
.dc-wave{flex:1;display:flex;align-items:center;gap:3px;height:34px;min-width:0}
.dc-wave i{flex:1;max-width:5px;height:calc(22% + var(--d) * 7%);border-radius:3px;background:var(--gold-2);opacity:.85}
.dc-time{font-family:var(--mono);font-size:12.5px;color:#DCE4EC}
.dc-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px}
.dc-stop{padding:5px 12px;border-radius:9px;background:var(--paper);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--navy)}
.dc-row small{font-size:12px;line-height:1.6;color:var(--muted)}
.dc-review{margin-top:14px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--paper-2)}
.sec .dc-l{font-size:12.5px;line-height:1.7;color:var(--muted)}
.dc-text{margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--white);border:1px solid rgba(18,57,91,.25);font-size:14.5px;line-height:1.9}
.dc-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dc-btns span{padding:6px 12px;border-radius:9px;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--navy)}
.dc-btns .is-main{background:var(--navy);border-color:var(--navy);color:#fff}
.sec .dc-foot{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:12.5px;line-height:1.7;color:var(--muted)}
.dc-foot .ico{flex:none;width:15px;height:15px;margin-top:3px;color:var(--navy)}
.dc.arm .dc-review{opacity:0;transform:translateY(8px)}
.dc.arm.play .dc-wave i{animation:dcWave .9s ease-in-out 3;animation-delay:calc(var(--d) * -.08s)}
.dc.arm.play .dc-dot{animation:dcRec 1s ease-in-out 3}
.dc.arm.play .dc-review{opacity:1;transform:none;transition:opacity .6s var(--ease) 2.8s,transform .6s var(--ease) 2.8s}
@keyframes dcWave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes dcRec{50%{opacity:.3}}

/* ─── الخريطة المعرفية: عقد HTML فوق خطوط SVG بإحداثيات نسبية ─── */
.km-wrap{max-width:1140px}
.km{position:relative;margin:0;padding:18px 18px 16px;border-radius:20px;background:#0D2B47;border:1px solid rgba(255,255,255,.1);box-shadow:var(--sh-lg);text-align:start;overflow:hidden}
.km::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}
.km>*{position:relative}
.km-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.sec .km-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:15px;color:#fff}
.km-title .ico{width:18px;height:18px;color:var(--gold-2)}
.km-title .code{font-family:var(--mono);font-size:12.5px;color:rgba(220,228,236,.7)}
.km-filter{display:inline-flex;flex-wrap:wrap;gap:4px;padding:3px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.km-filter[hidden]{display:none}
.km-filter button{padding:4px 12px;border:0;border-radius:11px;background:none;font:inherit;font-size:12.5px;font-weight:600;color:rgba(220,228,236,.85);cursor:pointer}
.km-filter button.is-on{background:#fff;color:var(--navy-deep)}
.km-stage{position:relative;margin-top:12px;aspect-ratio:16/8.6}
.km-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.km-edges--m{display:none}
.km-e{fill:none;stroke:rgba(220,228,236,.4);stroke-width:1.4;transition:opacity .3s,stroke-width .2s}
.km-e--pending{stroke:#E0A030;stroke-dasharray:5 4}
.km-e--defect{stroke:#E5655B;stroke-width:1.8}
.km-e.is-hot{stroke-width:2.6}
.km-nodes{position:absolute;inset:0}
.km-n{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:flex-start;gap:7px;width:max-content;max-width:178px;padding:6px 10px;border-radius:10px;background:#F7F9FB;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 6px 18px rgba(0,0,0,.25);font-size:12.5px;line-height:1.45;color:var(--navy-deep);transition:opacity .3s,box-shadow .3s}
.km-n b{display:block;font-weight:600}
.km-n small.code{display:block;font-family:var(--mono);font-size:10.5px;line-height:1.4;color:var(--muted)}
.km-n.is-ai{background:#E9F0F7;border-style:dashed;border-color:rgba(18,57,91,.5)}
.km-n--case{max-width:200px;background:var(--gold);border-color:var(--gold-2);box-shadow:0 0 0 7px rgba(212,169,60,.18),0 8px 22px rgba(0,0,0,.3)}
.km-n--case small.code{color:rgba(11,34,57,.75)}
.km-n--viol{border-color:#E5655B}
.km-n--due{border-color:#E0A030}
.km-n.is-hot{box-shadow:0 0 0 3px rgba(230,196,102,.7),0 8px 22px rgba(0,0,0,.3)}
.km-dot{flex:none;width:9px;height:9px;margin-top:.45em;border-radius:50%;background:#7A8B99}
.km-dot--gov,.km-n--gov .km-dot{background:#2E8B6A}
.km-dot--org,.km-n--org .km-dot{background:#7A8B99}
.km-dot--unit,.km-n--unit .km-dot{background:#3AA6A0}
.km-dot--case,.km-n--case .km-dot{background:var(--navy-deep)}
.km-dot--case{box-shadow:0 0 0 2px var(--gold)}
.km-dot--doc,.km-n--doc .km-dot{background:#3E7CB1}
.km-dot--att,.km-n--att .km-dot{background:#8FA3B8}
.km-dot--req,.km-n--req .km-dot{background:#7B61C9}
.km-dot--due,.km-n--due .km-dot{background:#E0A030}
.km-dot--viol,.km-n--viol .km-dot{background:#D6453B}
.km-dot--risk,.km-n--risk .km-dot{background:#E07B39}
.km-el{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);padding:1px 6px;border-radius:6px;background:#0D2B47;font-size:11px;line-height:1.35;white-space:nowrap;color:rgba(220,228,236,.8);pointer-events:none;transition:opacity .3s}
.km-el--pending{color:#F2C26B}
.km-el--defect{color:#FF9A91}
.km-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
.km-legend{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:12px;color:rgba(220,228,236,.78)}
.km-legend li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.km-legend b{font-weight:600;color:#fff}
.km-legend span{display:inline-flex;align-items:center;gap:5px}
.km-legend .km-dot{margin-top:0}
.sec .km-lines{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:rgba(220,228,236,.78)}
.km-lk{display:inline-flex;align-items:center;gap:6px}
.km-lk i{width:22px;border-top:2px solid rgba(220,228,236,.5)}
.km-lk--sys i,.km-lk--ai i{width:14px;height:10px;border:1.5px solid #F7F9FB;border-radius:3px}
.km-lk--ai i{border-style:dashed}
.km-lk--pending i{border-top:2px dashed #E0A030}
.km-lk--defect i{border-top:2px solid #E5655B}
.sec .km-cap{margin-top:10px;font-size:13px;line-height:1.8;color:rgba(220,228,236,.7)}
.km-real{margin-top:56px}
.km-real .media-cap{color:rgba(220,228,236,.65)}
/* الحركة: العقد تظهر بالتتابع ثم الخطوط؛ السكربت يزيل arm/play بعدها فيعمل التمرير والتصفية فورا */
.km.arm .km-n,.km.arm .km-e,.km.arm .km-el{opacity:0}
.km.arm.play .km-n{opacity:1;animation:kmPop .55s var(--ease) both;animation-delay:calc(var(--i) * .14s)}
.km.arm.play .km-e{opacity:1;transition:opacity .6s;transition-delay:calc(.5s + var(--i) * .1s)}
.km.arm.play .km-el{opacity:1;transition:opacity .5s;transition-delay:calc(1.4s + var(--i) * .08s)}
@keyframes kmPop{from{opacity:0;transform:translate(-50%,-50%) scale(.6)}}
/* التمرير على عقدة، والتصفية بحسب المصدر */
.km.is-focus .km-n:not(.is-hot),.km.is-focus .km-el{opacity:.3}
.km.is-focus .km-e:not(.is-hot){opacity:.12}
.km[data-show=sys] .is-ai{opacity:0;visibility:hidden}
.km[data-show=ai] .km-n.is-sys,.km[data-show=ai] .km-e.is-sys,.km[data-show=ai] .km-el.is-sys{opacity:.25}
@media (max-width:760px){
  .km{padding:14px 12px}
  .km-stage{aspect-ratio:3/4.3}
  .km-edges--d,.km-el,.km-n.km-dm{display:none}
  .km-edges--m{display:block}
  .km-n{left:var(--mx);top:var(--my);max-width:44%;padding:5px 8px;font-size:11.5px}
  .km-n--case{max-width:46%}
  .km-n small.code{font-size:9.5px}
  .km-real{margin-top:40px}
}

/* ── pages/archive.css ── */
/* الأرشيف: خطة الملفات (fplan) والبحث المطبع (asr). الحالة الساكنة نهائية؛ .arm/.play من site.js. */
.fplan{max-width:1000px;margin-inline:auto;padding:10px 24px 18px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-md)}
.sec--white .fplan{background:var(--paper-2)}
.fplan-head,.fplan-row{display:grid;grid-template-columns:64px minmax(0,1.3fr) minmax(0,1.6fr) 88px 104px;align-items:center;gap:16px}
.fplan-head{padding:12px 0;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--faint);letter-spacing:.02em}
.fplan-row{padding:12px 0;border-bottom:1px solid var(--line-2)}
.fplan-row:last-child{border-bottom:0}
.fplan-code{font-family:var(--mono);font-size:13px;color:var(--navy);font-weight:600}
.fplan-row.is-sub .fplan-code{padding-inline-start:10px;color:var(--muted);font-weight:500}
.fplan-name b{display:block;font-size:15px;line-height:1.5;color:var(--navy-deep)}
.fplan-row.is-sub .fplan-name{padding-inline-start:14px;border-inline-start:2px solid var(--line)}
.fplan-name small{display:block;font-size:12.5px;line-height:1.6;color:var(--muted)}
.fplan-bar{position:relative;height:8px;border-radius:8px;background:var(--line-2);overflow:hidden}
.fplan-bar i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);border-radius:8px;background:var(--navy);transform-origin:left center}
[dir=rtl] .fplan-bar i{transform-origin:right center}
.fplan-bar.is-perm i{background:linear-gradient(90deg,var(--gold),var(--gold-2))}
.fplan-years{font-size:14px;font-weight:600;color:var(--navy-deep);white-space:nowrap}
.fplan-disp{justify-self:start;font-size:12.5px;font-weight:600;line-height:1;padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:var(--white);white-space:nowrap}
.fplan-disp.is-destroy{color:#8A3B2E;background:#FBEFEC;border-color:#F0D6CF}
.fplan-disp.is-transfer{color:var(--navy);background:#EAF1F7;border-color:#D3E0EC}
.fplan-disp.is-permanent{color:var(--gold-ink);background:var(--gold-wash);border-color:#EEDDB0}
.fplan .dg-cap{margin-top:14px}
.fplan.arm .fplan-bar i{transform:scaleX(0)}
.fplan.arm.play .fplan-bar i{transform:none;transition:transform .9s var(--ease);transition-delay:calc(.15s + var(--k) * 90ms)}
@media (max-width:760px){
  .fplan{padding:6px 16px 14px}
  .fplan-head{display:none}
  .fplan-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"code name disp" "bar bar years";gap:6px 12px}
  .fplan-code{grid-area:code}.fplan-name{grid-area:name}.fplan-disp{grid-area:disp;justify-self:end}
  .fplan-bar{grid-area:bar}.fplan-years{grid-area:years;font-size:13px}
}

/* البحث المطبع */
.asr{padding:8px 22px 18px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-md)}
.asr-bar{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--faint)}
.asr-bar span{display:flex;align-items:center;gap:8px}
.asr-bar .ico{width:16px;height:16px;color:var(--gold-ink)}
.asr-bar span:last-child{grid-column:3}
.asr-list li{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid var(--line-2)}
.asr-list li:last-child{border-bottom:0}
.asr-q{justify-self:start;font-size:19px;font-weight:500;line-height:1.3;padding:8px 14px;border-radius:10px;background:var(--paper);border:1px dashed #CFCABD;color:var(--ink)}
.asr-arrow{display:grid;place-items:center;color:var(--gold-ink)}
.asr-arrow .ico{width:18px;height:18px}
[dir=rtl] .asr-arrow .ico{transform:scaleX(-1)}
.asr-hit b{display:inline-block;font-size:19px;font-weight:600;line-height:1.3;padding:8px 14px;border-radius:10px;background:var(--ok-wash);color:var(--ok);border:1px solid #CFE6D9}
.asr-hit small{display:block;margin-top:6px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.asr .dg-cap{margin-top:12px;text-align:start}
.asr.arm .asr-hit b{opacity:0;transform:translateY(4px)}
.asr.arm.play .asr-hit b{opacity:1;transform:none;transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:calc(.3s + var(--k) * .35s)}
@media (max-width:480px){
  .asr{padding:6px 14px 14px}
  .asr-bar{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}
  .asr-q,.asr-hit b{font-size:17px;padding:6px 10px}
  .asr-list li{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}
}

/* ── pages/document_center.css ── */
/* مركز الوثائق: صفحة سرية بعلامة مائية، وبطاقتا «ما تحمله الصفحة» و«من سرب؟» */
.dcw-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:center;max-width:960px;margin-inline:auto}
.dcw-page{position:relative;overflow:hidden;aspect-ratio:1/1.28;max-width:430px;width:100%;justify-self:center;background:#fff;color:var(--ink);border-radius:6px;box-shadow:var(--sh-lg);display:flex;flex-direction:column}
.sec .dcw-band{background:#9B2C2C;color:#fff;text-align:center;font-weight:600;font-size:13px;letter-spacing:.02em;padding:5px 0;line-height:1.5}
.dcw-body{flex:1;padding:26px 30px 0;display:flex;flex-direction:column;gap:11px}
.dcw-body b{font-size:15px;color:var(--navy-deep);line-height:1.5;margin-bottom:8px}
.dcw-body i{display:block;height:7px;border-radius:4px;background:#E6E8EC;width:var(--w)}
.dcw-body i[style="--w:0%"]{height:4px;background:transparent}
.sec .dcw-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #E6E8EC;margin:0 18px;padding:9px 4px 11px;font-size:11.5px;color:var(--muted);line-height:1.4}
.dcw-foot span:first-child{color:#9B2C2C;font-weight:600}
.dcw-marks{position:absolute;inset:-30%;display:grid;place-items:center;pointer-events:none}
.dcw-marks>div{display:grid;grid-template-columns:repeat(3,max-content);gap:34px 40px;transform:rotate(-28deg);opacity:.2;color:#2B3440;font-size:11px;line-height:1.45;text-align:center;white-space:nowrap}
[dir=rtl] .dcw-marks>div{transform:rotate(28deg)}
.dcw-side{display:grid;gap:16px}
.dcw-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:18px 20px}
.sec .dcw-h{display:flex;align-items:center;gap:9px;color:#fff;font-weight:600;font-size:15.5px;margin-bottom:10px}
.dcw-h .ico{color:var(--gold)}
.dcw-kv div{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-top:1px solid rgba(255,255,255,.1);font-size:14px;line-height:1.6}
.dcw-kv div:first-child{border-top:0}
.dcw-kv dt{color:rgba(220,228,236,.7)}
.dcw-kv dd{color:#fff;text-align:end}
.sec .dcw-in{margin-bottom:8px}
.dcw-in .code{font-family:var(--mono);font-size:15px;letter-spacing:.08em;color:var(--navy-deep);background:var(--gold);padding:3px 12px;border-radius:8px}
/* الحركة: العلامة تظهر على الصفحة، ثم يعود الرمز إلى صاحبه */
.dcw.arm .dcw-marks>div{opacity:0}
.dcw.arm .dcw-res{opacity:0}
.dcw.arm.play .dcw-marks>div{opacity:.2;transition:opacity 1.2s var(--ease) .4s}
.dcw.arm.play .dcw-res{opacity:1;transition:opacity .7s var(--ease) 1.8s}
@media (max-width:760px){
  .dcw-grid{grid-template-columns:1fr}
  .dcw-page{max-width:360px}
}

/* ── pages/leadership.css ── */
/* للقيادة: مخطط النزول إلى الوحدة (unit_drill). */
.dr{max-width:640px;margin-inline:auto;padding:20px 22px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-md);text-align:start}
.dr-h{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--navy-deep)}
.dr-h .ico{width:18px;height:18px;color:var(--gold-ink)}
.dr-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;padding:8px 10px;border-radius:10px;background:var(--paper);font-size:13px}
.dr-lv{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.dr-lv.is-on{color:var(--navy-deep);font-weight:600;text-decoration:none}
.dr-sep .ico{width:14px;height:14px;color:var(--faint);transform:rotate(-90deg)}
[dir=rtl] .dr-sep .ico{transform:rotate(90deg)}
.dr-scroll{overflow-x:auto;margin-top:10px}
.dr-t{width:100%;border-collapse:collapse;font-size:13.5px}
.dr-t th,.dr-t td{padding:10px 8px;border-bottom:1px solid var(--line-2);text-align:start;white-space:nowrap}
.dr-t thead th{font-size:12px;font-weight:600;color:var(--faint)}
.dr-t td{text-align:center;color:var(--ink);font-variant-numeric:tabular-nums}
.dr-t td.is-hot{color:#9C3526;font-weight:600}
.dr-t tbody th{font-weight:500}
.dr-link{display:inline-flex;align-items:center;gap:5px;color:var(--navy);font-weight:600}
.dr-link .ico{width:14px;height:14px}
[dir=rtl] .dr-link .ico{transform:scaleX(-1)}
.dr-plain{color:var(--muted)}
.dg-drill.arm .dr-t tbody tr{opacity:0}
.dg-drill.arm.play .dr-t tbody tr{opacity:1;animation:fadeIn .5s var(--ease) both;animation-delay:calc(.4s + var(--k) * .3s)}
.dg-drill.arm .dr-lv.is-on{opacity:0}
.dg-drill.arm.play .dr-lv.is-on{opacity:1;animation:fadeIn .5s var(--ease) .1s both}
@media (max-width:760px){.dr{padding:16px}.dr-t th,.dr-t td{padding:9px 6px}}

/* ── pages/operations.css ── */
/* التشغيل والتكامل: الحزمة (ostk)، الحجم (osz)، تمرين الاستعادة (odr)، الدخول الموحد (osso)، المدير (oadm).
   الحالة الساكنة نهائية؛ .arm/.play من site.js. */

/* ─── الحزمة على خادم الجهة ─── */
.ostk{display:grid;grid-template-columns:minmax(0,.85fr) 44px minmax(0,1.5fr) 44px minmax(0,.95fr);align-items:center}
.ostk-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:12px;letter-spacing:.01em}
.ostk-h .ico{width:17px;height:17px;color:var(--gold-ink)}
.ostk-col{padding:18px;background:var(--paper-2);border:1px solid var(--line);border-radius:16px}
.ostk-users ul{display:grid;gap:10px}
.ostk-users li{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--white);border:1px solid var(--line);border-radius:12px}
.ostk-ico{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:var(--navy);color:#fff}
.ostk-ico .ico{width:18px;height:18px}
.ostk-users b{display:block;font-size:14.5px;color:var(--navy-deep);line-height:1.4}
.ostk-users small{display:block;font-size:12.5px;color:var(--muted);line-height:1.5}
.ostk-server{padding:18px;border-radius:18px;background:var(--navy-deep);box-shadow:var(--sh-md)}
.ostk-server .ostk-h{color:rgba(220,228,236,.72)}.ostk-server .ostk-h .ico{color:var(--gold-2)}
.ostk-row{display:grid;gap:10px;margin-bottom:10px}
.ostk-row.n2{grid-template-columns:1fr 1fr}
.ostk-node{padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.ostk-node b{display:block;font-family:var(--mono);font-size:13.5px;font-weight:600;color:#fff;line-height:1.5;text-align:start}
.ostk-node small{display:block;font-size:12.5px;color:rgba(220,228,236,.7);line-height:1.5}
.ostk-row:first-child .ostk-node{border-color:rgba(230,196,102,.45)}
.ostk-opt{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:12px;margin-top:4px;border-top:1px dashed rgba(255,255,255,.16)}
.ostk-opt-h{font-size:12px;color:rgba(220,228,236,.6);margin-inline-end:4px}
.ostk-chip{font-size:12px;line-height:1;padding:6px 9px;border-radius:999px;border:1px dashed rgba(230,196,102,.5);color:var(--gold-2)}
.ostk-out ul{display:flex;flex-wrap:wrap;gap:6px}
.ostk-out li{font-size:12.5px;line-height:1.3;padding:7px 10px;border-radius:9px;background:var(--white);border:1px dashed #CFCABD;color:var(--ink)}
.ostk-note{margin-top:12px;font-size:12.5px;line-height:1.7;color:var(--ok);font-weight:600}
.ostk-link{position:relative;height:2px;background:var(--line);margin-inline:6px}
.ostk-link.is-dashed{background:repeating-linear-gradient(90deg,#CFCABD 0 6px,transparent 6px 11px)}
.ostk-link i{position:absolute;top:-3px;inset-inline-start:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.ostk .dg-cap{grid-column:1/-1}
.ostk.arm .ostk-node{opacity:0;transform:translateY(6px)}
.ostk.arm.play .ostk-node{opacity:1;transform:none;transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:calc(.2s + var(--k) * 110ms)}
.ostk.arm.play .ostk-link i{animation:ostkMove 2.8s ease-in-out infinite}
@keyframes ostkMove{0%{inset-inline-start:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{inset-inline-start:calc(100% - 8px);opacity:0}}
@media (max-width:900px){
  .ostk{grid-template-columns:minmax(0,1fr)}
  .ostk-link{width:2px;height:28px;margin:6px auto;justify-self:center}
  .ostk-link.is-dashed{background:repeating-linear-gradient(180deg,#CFCABD 0 6px,transparent 6px 11px)}
  .ostk-link i{display:none}
}

/* ─── الحجم المقيس ─── */
.osz{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start;max-width:1140px;margin-inline:auto}
.osz-card{padding:20px 22px;background:var(--paper-2);border:1px solid var(--line);border-radius:18px}
.osz-run{background:var(--white);box-shadow:var(--sh-md)}
.osz-h{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:600;color:var(--navy-deep);margin-bottom:12px}
.osz-h .ico{width:18px;height:18px;color:var(--gold-ink)}
.osz-thead,.osz-tier{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1.35fr) minmax(0,1fr) auto;gap:12px;align-items:center}
.osz-thead{font-size:12px;font-weight:600;color:var(--faint);padding-bottom:8px;border-bottom:1px solid var(--line)}
.osz-tier{padding:14px 0;border-bottom:1px solid var(--line-2);font-size:13.5px;color:var(--muted);line-height:1.5}
.osz-tier:last-child{border-bottom:0}
.osz-tier b{font-size:14.5px;color:var(--navy-deep)}
.osz-tag{font-size:12px;font-weight:600;line-height:1;padding:6px 9px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}
.osz-tag.is-ok{color:var(--ok);background:var(--ok-wash);border-color:#CFE6D9}
.osz-tag.is-warn{color:var(--gold-ink);background:var(--gold-wash);border-color:#EEDDB0}
.osz-meta{font-size:13.5px;line-height:1.7;color:var(--muted);margin-bottom:12px}
.osz-kpis{display:flex;gap:10px;margin-bottom:16px}
.osz-kpi{flex:1;padding:10px 14px;border-radius:12px;background:var(--ok-wash);border:1px solid #CFE6D9}
.osz-kpi b{display:block;font-size:24px;line-height:1.2;color:var(--ok)}
.osz-kpi small{display:block;font-size:12.5px;color:var(--muted)}
.osz-bars{display:grid;gap:10px;margin-bottom:14px}
.osz-bars li{display:grid;grid-template-columns:92px minmax(0,1fr) 92px;gap:12px;align-items:center}
.osz-bl{font-size:13.5px;color:var(--ink)}
.osz-track{position:relative;height:10px;border-radius:10px;background:var(--line-2)}
.osz-fill{position:absolute;inset-block:0;inset-inline-start:0;width:var(--v);border-radius:10px;background:var(--navy);transform-origin:left center}
[dir=rtl] .osz-fill{transform-origin:right center}
.osz-thr{position:absolute;top:-4px;bottom:-4px;inset-inline-start:var(--t);width:2px;background:var(--gold);border-radius:2px}
.osz-val b{display:block;font-size:13.5px;color:var(--navy-deep);line-height:1.3}
.osz-val small{display:block;font-size:11.5px;color:var(--faint);line-height:1.4}
.osz-more{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line-2)}
.osz-more li{display:flex;gap:9px;font-size:13.5px;line-height:1.7;color:var(--muted)}
.osz-more .ico{width:16px;height:16px;margin-top:4px;color:var(--gold-ink)}
.osz-more li.is-plan{color:var(--navy-deep);font-weight:500}
.osz-more li.is-plan .ico{color:var(--navy)}
.osz-run.arm .osz-fill{transform:scaleX(0)}
.osz-run.arm.play .osz-fill{transform:none;transition:transform .9s var(--ease);transition-delay:calc(.2s + var(--k) * 120ms)}
@media (max-width:1040px){.osz{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){
  .osz-card{padding:16px}
  .osz-thead{display:none}
  .osz-tier{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px}
  .osz-tier b{grid-column:1}.osz-tag{grid-column:2;grid-row:1}
  .osz-tier span:not(.osz-tag){grid-column:1/-1}
  .osz-bars li{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
  .osz-bl{grid-column:1}.osz-val{grid-column:2;grid-row:1;text-align:end}.osz-track{grid-column:1/-1}
  .osz-val small{display:inline;margin-inline-start:4px}.osz-val b{display:inline}
}

/* ─── تمرين الاستعادة ─── */
.odr{max-width:980px;margin-inline:auto;padding:24px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.odr-top{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;margin-bottom:18px}
.odr-total{display:flex;align-items:baseline;gap:12px}
.odr-total b{font-size:54px;line-height:1;font-weight:600;color:var(--gold-2)}
.odr-total small{font-size:15px;color:rgba(220,228,236,.8);max-width:260px;line-height:1.5}
.odr-steps{font-size:13px;color:rgba(220,228,236,.6)}
.odr-track{display:flex;gap:3px;height:18px;border-radius:9px;overflow:hidden}
.odr-seg{display:block;width:var(--w);height:100%;flex:none}
.odr-seg:first-child{border-start-start-radius:9px;border-end-start-radius:9px}
.odr-seg:last-child{border-start-end-radius:9px;border-end-end-radius:9px}
.c0 .odr-sw,.odr-seg.c0{background:#8FA7BD}.c1 .odr-sw,.odr-seg.c1{background:#B8C9D8}.c2 .odr-sw,.odr-seg.c2{background:var(--gold)}
.c3 .odr-sw,.odr-seg.c3{background:#E6D3A0}.c4 .odr-sw,.odr-seg.c4{background:#7FC0A0}.c5 .odr-sw,.odr-seg.c5{background:#CFE6D9}
.odr-legend{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:16px}
.odr-legend li{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}
.odr-sw{width:10px;height:10px;border-radius:3px;grid-row:span 2;align-self:start;margin-top:6px}
.odr-legend b{font-size:13.5px;color:#fff;line-height:1.5}
.odr-legend small{grid-column:2;font-size:13px;color:rgba(220,228,236,.7)}
.odr .dg-cap{margin-top:18px}
.odr.arm .odr-seg{transform:scaleY(0)}
.odr.arm.play .odr-seg{transform:none;transition:transform .45s var(--ease);transition-delay:calc(.2s + var(--k) * .28s)}
@media (max-width:760px){
  .odr{padding:18px}
  .odr-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
  .odr-total b{font-size:44px}
}

/* ─── الدخول الموحد ─── */
.osso{display:grid;gap:14px}
.osso-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.osso-flow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:13px;line-height:1.4;color:var(--muted)}
.osso-flow li:not(:last-child)::after{content:"";position:absolute;top:20px;inset-inline-start:calc(50% + 26px);inset-inline-end:calc(-50% + 22px);height:2px;background:var(--line)}
.osso-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--white);border:1px solid var(--line);color:var(--navy)}
.osso-flow li:last-child .osso-ico{background:var(--navy);border-color:var(--navy);color:#fff}
.osso-ico .ico{width:19px;height:19px}
.osso-card{padding:18px 20px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-md)}
.osso-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--navy-deep);margin-bottom:10px}
.osso-h .ico{color:var(--gold-ink)}
.osso-checks{display:grid;gap:8px}
.osso-checks li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.6;color:var(--ink)}
.osso-checks .ico{width:17px;height:17px;flex:none;margin-top:3px;padding:2px;border-radius:50%;background:var(--ok-wash);color:var(--ok)}
.osso-foot{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2);font-size:13px;color:var(--muted);line-height:1.6}
.osso-foot .ico{width:16px;height:16px;margin-top:3px;color:var(--gold-ink)}
.osso.arm .osso-checks .ico{background:var(--line-2);color:var(--faint)}
.osso.arm.play .osso-checks .ico{background:var(--ok-wash);color:var(--ok);transition:background .4s,color .4s;transition-delay:calc(.3s + var(--k) * .3s)}
@media (max-width:480px){.osso-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.osso-flow li:nth-child(2)::after{display:none}}

/* ─── المدير يدير ولا يقرأ ─── */
.oadm{display:grid;gap:14px}
.oadm-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.oadm-col{padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--white)}
.oadm-col.is-cannot{background:var(--navy-deep);border-color:var(--navy-deep)}
.oadm-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--navy-deep);margin-bottom:10px}
.oadm-col.is-cannot .oadm-h{color:#fff}
.oadm-col ul{display:grid;gap:9px}
.oadm-col li{display:flex;gap:9px;font-size:13.5px;line-height:1.6;color:var(--ink)}
.oadm-col li .ico{width:16px;height:16px;flex:none;margin-top:3px;color:var(--ok)}
.oadm-col.is-cannot li{color:rgba(220,228,236,.85)}
.oadm-col.is-cannot li .ico{color:var(--gold-2)}
.oadm-grant{padding:16px 18px;border-radius:16px;border:1.5px dashed var(--gold);background:var(--gold-wash)}
.oadm-grant .oadm-h .ico{color:var(--gold-ink)}
.oadm-grant dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.oadm-grant dt{font-size:12px;color:var(--gold-ink);font-weight:600}
.oadm-grant dd{font-size:13.5px;line-height:1.5;color:var(--navy-deep)}
@media (max-width:600px){.oadm-cols{grid-template-columns:minmax(0,1fr)}.oadm-grant dl{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── pages/security_awareness.css ── */
/* التوعية الأمنية: بطاقة موقف، ودرجة الوعي، والإخفاء المتسلسل */

/* ─── بطاقة موقف خاملة (على خلفية كحلية) ─── */
.aws-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;max-width:1040px;margin-inline:auto}
.aws-card,.aws-q{border-radius:16px;padding:22px 24px}
.aws-card{background:#fff;color:var(--ink);box-shadow:var(--sh-lg)}
.sec .aws-kind{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);margin-bottom:12px}
.aws-kind .ico{width:18px;height:18px;color:var(--navy)}
.aws-kind>span:first-of-type{font-weight:600;color:var(--navy-deep)}
.aws-inert{margin-inline-start:auto;font-size:12px;padding:2px 10px;border-radius:99px;background:var(--paper);border:1px solid var(--line)}
.aws-kv{border-block:1px solid var(--line-2);padding:8px 0;margin-bottom:12px}
.aws-kv div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.7;padding:3px 0}
.aws-kv dt{color:var(--faint)}
.aws-kv dd{overflow-wrap:anywhere}
.sec .aws-body{font-size:14.5px;line-height:1.9;color:var(--ink);overflow-wrap:anywhere}
.aws mark{background:transparent;color:inherit;border-bottom:2px solid #C2413A;padding:0 1px;position:relative}
.aws mark::after{content:attr(data-n);position:relative;top:-.55em;margin-inline-start:2px;font-size:10px;font-weight:600;color:#fff;background:#C2413A;border-radius:99px;padding:0 5px;line-height:1.5}
.sec .aws-sh{font-size:13px;font-weight:600;color:var(--navy-deep);margin:16px 0 6px}
.aws-signs{display:grid;gap:6px}
.aws-signs li{display:flex;gap:8px;align-items:baseline;font-size:13.5px;line-height:1.7;color:var(--muted)}
.aws-n{flex:none;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#C2413A;color:#fff;font-size:10.5px;font-weight:600;line-height:1}
.aws-q{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.sec .aws-stem{color:#fff;font-weight:600;font-size:15.5px;line-height:1.8;margin-bottom:14px}
.aws-ch{display:grid;gap:10px}
.aws-ch li{display:flex;gap:12px;align-items:flex-start;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);color:rgba(230,236,242,.86);font-size:14px;line-height:1.75}
.aws-ch li.is-best{border-color:var(--gold);background:rgba(212,169,60,.12);color:#fff}
.aws-cr{flex:none;min-width:40px;text-align:center;font-size:12.5px;font-weight:600;border-radius:8px;padding:2px 6px;background:rgba(255,255,255,.1);color:rgba(230,236,242,.8)}
.aws-ch li.is-best .aws-cr{background:var(--gold);color:var(--navy-deep)}
.sec .aws-exp{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:14px;line-height:1.8;color:rgba(230,236,242,.86)}
.aws-exp .ico{color:var(--gold);margin-top:4px}
/* الحركة: العلامات ثم الدرجات ثم الشرح */
.aws.arm mark{border-bottom-color:transparent}
.aws.arm mark::after,.aws.arm .aws-signs li{opacity:0}
.aws.arm .aws-cr{opacity:0}
.aws.arm .aws-ch li.is-best{border-color:rgba(255,255,255,.14);background:transparent}
.aws.arm .aws-exp{opacity:0}
.aws.arm.play mark{border-bottom-color:#C2413A;transition:border-color .5s ease .3s}
.aws.arm.play mark::after{opacity:1;transition:opacity .5s ease .5s}
.aws.arm.play .aws-signs li{opacity:1;transition:opacity .5s ease;transition-delay:calc(.6s + var(--k) * .25s)}
.aws.arm.play .aws-cr{opacity:1;transition:opacity .5s ease;transition-delay:calc(1.8s + var(--k) * .2s)}
.aws.arm.play .aws-ch li.is-best{border-color:var(--gold);background:rgba(212,169,60,.12);transition:border-color .6s ease 2.8s,background .6s ease 2.8s}
.aws.arm.play .aws-exp{opacity:1;transition:opacity .6s ease 3.2s}

/* ─── درجة الوعي ─── */
.asc-card{max-width:820px;margin-inline:auto;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:28px 30px;box-shadow:var(--sh-sm)}
.asc-rows{display:grid;gap:16px}
.asc-rows li{display:grid;grid-template-columns:170px minmax(0,1fr) 44px;gap:16px;align-items:center}
.asc-l b{display:block;color:var(--navy-deep);font-size:15.5px;line-height:1.5}
.asc-l small{color:var(--muted);font-size:13px}
.asc-bar{height:12px;border-radius:99px;background:var(--line-2);overflow:hidden}
.asc-bar i{display:block;height:100%;width:calc(var(--v) * 1%);background:var(--navy);border-radius:inherit}
.asc-v{font-weight:600;color:var(--navy-deep);font-size:16px;text-align:end}
.asc-total{display:flex;align-items:baseline;gap:12px;margin:24px 0 18px;padding-top:20px;border-top:1px solid var(--line)}
.asc-num{font-size:44px;font-weight:600;line-height:1;color:var(--navy-deep)}
.asc-sub{color:var(--muted);font-size:15px}
.asc-scale{position:relative;padding-top:14px}
.asc-lv{display:flex;gap:4px}
.asc-lv span{flex:calc(var(--b) - var(--a)) 1 0;min-width:0;border-top:6px solid var(--line);padding-top:8px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.asc-lv span b{display:block;font-weight:600;color:var(--ink);font-size:13px}
.asc-lv span.is-on{border-top-color:var(--gold)}
.asc-lv span.is-on b{color:var(--navy-deep)}
.asc-mark{position:absolute;top:0;inset-inline-start:calc(var(--score) * 1%);width:14px;height:14px;margin-inline-start:-7px;border-radius:50%;background:var(--navy);box-shadow:0 0 0 4px rgba(18,57,91,.15)}
.asc.arm .asc-bar i{transform:scaleX(0)}
[dir=ltr] .asc-bar i{transform-origin:left center}
[dir=rtl] .asc-bar i{transform-origin:right center}
.asc.arm .asc-total,.asc.arm .asc-mark{opacity:0}
.asc.arm.play .asc-bar i{transform:none;transition:transform 1s var(--ease);transition-delay:calc(.3s + var(--k) * .35s)}
.asc.arm.play .asc-total{opacity:1;transition:opacity .6s ease 1.6s}
.asc.arm.play .asc-mark{opacity:1;transition:opacity .6s ease 2s}

/* ─── الإخفاء المتسلسل ─── */
.ahd-card{max-width:820px;margin-inline:auto;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px 26px;box-shadow:var(--sh-sm)}
.ahd-k{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted);margin-bottom:14px;line-height:1.7}
.ahd-k .ico{color:var(--gold-ink);width:18px;height:18px}
.ahd-t{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.6}
.ahd .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ahd-t th,.ahd-t td{padding:11px 10px;text-align:start;border-bottom:1px solid var(--line-2);vertical-align:middle}
.ahd-t thead th{font-size:12.5px;font-weight:500;color:var(--faint);border-bottom-color:var(--line)}
.ahd-t tbody th{font-weight:500;color:var(--ink)}
.ahd-t .ahd-org th,.ahd-t .ahd-org td{font-weight:600;color:var(--navy-deep);background:var(--paper-2)}
.ahd-sw{display:inline-grid}
.ahd-sw>span{grid-area:1/1}
.ahd-v{opacity:0}
.ahd-h{font-size:12.5px;padding:1px 10px;border-radius:99px;background:var(--line-2);color:var(--muted);white-space:nowrap}
.ahd-why{display:block;font-size:12px;font-weight:400;color:var(--gold-ink);line-height:1.5}
.ahd-foot{margin-top:14px;font-size:13.5px;color:var(--muted);line-height:1.8}
.ahd.arm .ahd-v{opacity:1}
.ahd.arm .ahd-h,.ahd.arm .ahd-why{opacity:0}
.ahd.arm.play .ahd-v{opacity:0;transition:opacity .4s ease;transition-delay:calc(1s + var(--k) * .9s)}
.ahd.arm.play .ahd-h,.ahd.arm.play .ahd-why{opacity:1;transition:opacity .5s ease;transition-delay:calc(1.2s + var(--k) * .9s)}

@media (max-width:860px){
  .aws-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .aws-card,.aws-q{padding:18px}
  .asc-card,.ahd-card{padding:20px 16px}
  .asc-rows li{grid-template-columns:minmax(0,1fr) 40px;gap:6px 12px}
  .asc-l{grid-column:1/-1}
  .asc-lv span small{display:none}
  .ahd-t{font-size:13.5px}
  .ahd-t th,.ahd-t td{padding:9px 6px}
}

/* ── pages/security_compliance.css ── */
/* الأمن والامتثال: مخطط التصريح (clearance) ومصفوفة الامتثال (compliance_matrix). */

/* ─── التصريح ─── */
.clr{max-width:600px;margin-inline:auto;padding:22px 24px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-md)}
.clr-doc{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line-2)}
.clr-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--paper);color:var(--navy);flex:none}
.clr-doc-t{flex:1;min-width:0}
.clr-doc-t b{display:block;color:var(--navy-deep);font-size:15.5px;line-height:1.5}
.clr-doc-t .code{font-family:var(--mono);font-size:12.5px;color:var(--muted)}
.clr-lvl{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;background:var(--gold-wash);border:1px solid rgba(212,169,60,.45);color:var(--gold-ink);font-size:13px;font-weight:600;white-space:nowrap}
.clr-lvl .ico{width:14px;height:14px}
.clr-ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:14px 0 6px}
.clr-ladder li{text-align:center;font-size:12.5px;line-height:1.4;padding:6px 4px;border-radius:7px;background:var(--paper);color:var(--faint)}
.clr-ladder li.is-on{background:var(--navy);color:#fff;font-weight:600}
.clr-people li{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:12px 0}
.clr-people li+li{border-top:1px dashed var(--line-2)}
.clr-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper);border:1px solid var(--line);color:var(--navy)}
.clr-av .ico{width:18px;height:18px}
.clr-who b{display:block;font-size:15px;line-height:1.5;color:var(--navy-deep)}
.clr-who small{display:block;font-size:13px;line-height:1.6;color:var(--muted)}
.clr-st{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:99px;line-height:1.5}
.clr-st .ico{width:14px;height:14px;flex:none}
.clr-st.is-ok{color:var(--ok);background:var(--ok-wash)}
.clr-st.is-no{color:#9C3526;background:#F8E9E6}
.dg-clr.arm .clr-st{opacity:0}
.dg-clr.arm.play .clr-st{opacity:1;animation:popIn .45s var(--ease) both;animation-delay:calc(.5s + var(--k) * .7s)}
.dg-clr.arm .clr-ladder li.is-on{background:var(--paper);color:var(--faint)}
.dg-clr.arm.play .clr-ladder li.is-on{background:var(--navy);color:#fff;transition:background .4s,color .4s;transition-delay:.2s}
@media (max-width:760px){
  .clr{padding:16px}
  .clr-doc{flex-wrap:wrap}
  .clr-people li{grid-template-columns:36px 1fr;row-gap:6px}
  .clr-av{width:36px;height:36px}
  .clr-st{grid-column:2;justify-self:start}
}

/* ─── مصفوفة الامتثال ─── */
.mx{max-width:1000px;margin-inline:auto;padding:24px 26px 10px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-md)}
.mx-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-bottom:16px;border-bottom:1px solid var(--line-2);font-size:13.5px;color:var(--muted)}
.mx-k{display:inline-flex;align-items:center;gap:7px}
.mx-k i{width:12px;height:12px;border-radius:3px;background:currentColor}
.mx-k.mx-ok i{background:var(--ok)}.mx-k.mx-part i{background:var(--gold)}.mx-k.mx-gap i{background:#B4412F}.mx-k.mx-org i{background:#7D98B3}
.mx-tot-l{margin-inline-start:auto;font-size:12.5px;color:var(--faint)}
.mx-g{padding-top:14px}
.mx-gh{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--gold-ink);padding-bottom:4px}
.mx-rows li{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto;gap:10px 22px;align-items:center;padding:11px 0}
.mx-rows li+li{border-top:1px solid var(--line-2)}
.mx-name b{display:inline-block;font-size:14.5px;color:var(--navy-deep);line-height:1.5;unicode-bidi:isolate}
.mx-name small{display:block;font-size:12.5px;color:var(--muted);line-height:1.6}
.mx-bar{display:flex;align-items:center;gap:10px}
.mx-track{flex:1;display:flex;gap:2px;height:12px;border-radius:99px;overflow:hidden;background:var(--line-2)}
.mx-track i{flex-basis:0;min-width:3px}
.mx-track .mx-ok{background:var(--ok)}.mx-track .mx-part{background:var(--gold)}.mx-track .mx-gap{background:#B4412F}.mx-track .mx-org{background:#7D98B3}
.mx-total{font-size:13px;font-weight:600;color:var(--navy-deep);min-width:2ch;text-align:end}
.mx-nums{display:grid;grid-template-columns:repeat(4,34px);gap:4px;text-align:center}
.mx-n b{display:block;font-size:14px;line-height:1.4}
.mx-n small{display:none}
.mx-n.mx-ok b{color:var(--ok)}.mx-n.mx-part b{color:var(--gold-ink)}.mx-n.mx-gap b{color:#9C3526}.mx-n.mx-org b{color:#4D6C8A}
.mx-n.is-zero b{color:var(--faint);font-weight:400}
.dg-mx.arm .mx-track{transform:scaleX(0);transform-origin:left center}
[dir=rtl] .dg-mx.arm .mx-track{transform-origin:right center}
.dg-mx.arm.play .mx-track{animation:mxGrow .8s var(--ease) both;animation-delay:calc(.2s + var(--k) * 70ms)}
@keyframes mxGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:900px){
  .mx{padding:18px 16px 6px}
  .mx-rows li{grid-template-columns:minmax(0,1fr)}
  .mx-tot-l{margin-inline-start:0;flex-basis:100%}
  .mx-nums{display:flex;flex-wrap:wrap;gap:4px 16px;text-align:start}
  .mx-n{display:flex;align-items:baseline;gap:5px}
  .mx-n small{display:inline;font-size:12px;color:var(--muted)}
}

/* مخطط الاعتماد المشترك داخل قسم كحلي: نص «الرجوع» يبقى داكنا على بطاقته الفاتحة */
#break-glass .ap-back{color:var(--muted)}