/* Cairo Play — خط الدار العربي (المالك ١٣ أكتوبر). نسخة أحادية اللون (بلا جدولي COLR/CPAL): النقاط والتشكيل بلون الحرف نفسه دائمًا، على أي خلفية. (SIL OFL) */
@font-face{font-family:'Cairo Play';font-style:normal;font-weight:200 1000;font-display:swap;src:url(../fonts/CairoPlay-arabic-mono.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
/* JAZIPLACE — موقع الدار. نمط «Seoai»: كحلي ليلي بشبكة مربعات + بنفسجي واحد #6521FA. */
:root{
  --navy:#0C0E22; --navy-2:#12142C; --navy-3:#080A1A; --px:#1A1D40;
  --violet:#6521FA; --violet-d:#5719E0; --tint:#EEF0F5; --violet-l:#EEF0FB; /* ١٣ أكتوبر: لا ليلكي/لافندر فاتح — التظليل رمادي محايد، والفاتح فوق الكحلي عاجي */
  --bg:#F6F7FB; --ink:#0F1224; --muted:#565B75; --card:#FFFFFF; --line:#E7E8F0;
  --on-dark:#EEF0FB; --on-dark-muted:#AFB4D2;
  --shadow:0 1px 2px rgba(15,18,36,.04),0 10px 26px rgba(15,18,36,.05); --shadow-hover:0 18px 40px rgba(15,18,36,.10);
  --r:16px; --gutter:16px; --head-h:72px;
  --f-ar:'Cairo Play','Readex Pro','Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-en:'Plus Jakarta Sans','Readex Pro',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  /* خط اسم الدار العربي «جازيبليس» في الشعار — مؤقت Changa 800 حتى يختار المالك الخط الموحّد.
     للتبديل: غيّر هذين المتغيرين + BRAND_AR في tools/gen.js (رابط الخط) ثم شغّل المولّد. */
  --f-brand-ar:'Cairo Play',var(--f-ar); --f-brand-ar-w:800;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html[lang="ar"] body{font-family:var(--f-ar)}
html[lang="en"] body{font-family:var(--f-en)}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased}
html[lang="en"] body{line-height:1.65}
img,svg{max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,dl,dd{margin:0}
ul{padding:0;list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
[id]{scroll-margin-top:110px}
:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:6px}
.dk :focus-visible{outline-color:var(--violet-l)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[lang="ar"] [lang="en"], html[lang="en"] [lang="ar"]{display:none!important}
.wrap{width:min(1200px,100% - 2*var(--gutter));margin-inline:auto}

/* ───────── الأقسام الداكنة: شبكة + مربعات بكسل + توهّج بنفسجي ───────── */
.dk{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:#fff}
.bg-fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.dk > .wrap,.dk > .in,.dk > .foot-main,.dk > .foot-bot{position:relative;z-index:2}
.gridl{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px}
html[dir="rtl"] .gridl{background-position:100% 0}
.px{position:absolute;width:47px;height:47px;margin-top:1px;background:var(--px)}
.px.a{inset-block-start:0;inset-inline-start:96px}
.px.b{inset-block-start:48px;inset-inline-start:48px;background:#15183A}
.px.c{inset-block-start:0;inset-inline-end:144px}
.px.d{inset-block-start:96px;inset-inline-end:48px}
.px.e{inset-block-start:48px;inset-inline-end:192px;background:#15183A}
.glow{position:absolute;inset-inline:-10%;inset-block-end:-1px;height:min(100%,560px);background:radial-gradient(ellipse 52% 100% at 50% 100%,rgba(101,33,250,.62),rgba(101,33,250,.2) 48%,rgba(101,33,250,0) 74%)}
.orb{position:absolute;border-radius:50%;aspect-ratio:1;will-change:transform}
.orb.o1{width:min(46vw,540px);inset-block-start:-22%;inset-inline-start:-6%;background:radial-gradient(circle,rgba(101,33,250,.2) 0,rgba(101,33,250,0) 68%);animation:drift1 26s ease-in-out infinite alternate}
.orb.o2{width:min(40vw,480px);inset-block-start:10%;inset-inline-end:-6%;background:radial-gradient(circle,rgba(101,33,250,.18) 0,rgba(101,33,250,0) 68%);animation:drift2 30s ease-in-out infinite alternate}
.dk .glow{animation:glowb 9s ease-in-out infinite alternate}

/* ───────── الشريط العلوي ───────── */
.topbar{background:var(--navy-3);color:var(--on-dark-muted);font-size:.8125rem;line-height:1.4}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px;padding-block:5px}
.topbar a,.topbar span.i{display:inline-flex;align-items:center;gap:8px}
.topbar a:hover{color:#fff}
.topbar svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar .meta{display:flex;gap:20px;flex-wrap:wrap}

/* ───────── الرأس ───────── */
.head{position:sticky;top:0;z-index:50;background:rgba(12,14,34,.97);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);transition:background-color .35s,box-shadow .35s,border-color .35s}
.head.scrolled{background:rgba(12,14,34,.68);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-bottom-color:rgba(101,33,250,.28);box-shadow:0 12px 34px rgba(5,6,20,.4)}
.head .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:var(--head-h)}
/* شعار جازيبليس المعتمد «القَطع»: علامة J + JAZIPLACE (Tektur 900) + جازيبليس (var(--f-brand-ar)) — بنسب tech-logos.html */
.logo{--lh:44px;display:inline-flex;align-items:center;gap:calc(var(--lh) * .28);color:#fff;flex:none;justify-self:start;direction:ltr}
.logo .mark{height:var(--lh);width:auto;aspect-ratio:4 / 5;flex:none;display:block;overflow:visible}
.logo .wm{display:flex;flex-direction:column;min-width:0;line-height:1;white-space:nowrap}
.logo .wm b{font-family:'Tektur',var(--f-en);font-weight:900;letter-spacing:.14em;font-size:calc(var(--lh) * .469);line-height:1}
.logo .wm i{font-family:var(--f-brand-ar);font-style:normal;font-weight:var(--f-brand-ar-w);font-size:calc(var(--lh) * .344);line-height:1.2;text-align:right;margin-top:calc(var(--lh) * .125)}
.nav{display:flex;gap:4px;justify-self:center}
.nav a{position:relative;padding:.5rem .95rem;border-radius:999px;font-weight:500;font-size:.97rem;color:#D3D7EE;transition:color .2s,background .2s}
.nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav a[aria-current="page"]{color:#fff;font-weight:600}
.nav a[aria-current="page"]::after{content:"";position:absolute;inset-inline:50%;margin-inline-start:-4px;inset-block-end:2px;width:8px;height:3px;border-radius:3px;background:var(--violet)}
.head-end{display:flex;align-items:center;gap:12px;justify-self:end}
.lang{border:1.5px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:999px;min-width:48px;height:42px;padding:0 14px;font-weight:600;font-size:.9rem;transition:border-color .2s,background .2s}
.lang:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.burger{display:none;width:44px;height:44px;border:1.5px solid rgba(255,255,255,.28);background:transparent;border-radius:12px;align-items:center;justify-content:center;flex:none}
.burger span,.burger span::before,.burger span::after{display:block;width:20px;height:2px;background:#fff;border-radius:2px;position:relative;content:""}
.burger span::before{position:absolute;top:-6px;inset-inline-start:0}
.burger span::after{position:absolute;top:6px;inset-inline-start:0}

/* ───────── الأزرار: بنفسجي + دائرة بيضاء بسهم بنفسجي ───────── */
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:.8rem;padding-block:.5rem;padding-inline:1.5rem .5rem;border-radius:999px;background:var(--violet);color:#fff;font-weight:600;font-size:1rem;line-height:1.3;border:0;box-shadow:0 10px 24px rgba(101,33,250,.32);transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{background:var(--violet-d);transform:translateY(-2px);box-shadow:0 14px 30px rgba(101,33,250,.4)}
.btn .arr{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--violet);display:grid;place-items:center;flex:none;transition:transform .25s var(--ease)}
.btn:hover .arr{transform:translateX(3px)}
html[dir="rtl"] .btn:hover .arr{transform:translateX(-3px)}
.arr svg,.more svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
html[dir="rtl"] .arr svg,html[dir="rtl"] .more svg{transform:scaleX(-1)}
.btn.sm{padding-block:.38rem;padding-inline:1.2rem .38rem;font-size:.93rem}
.btn.sm .arr{width:30px;height:30px}
.btn.ghost{background:transparent;box-shadow:none;border:1.5px solid rgba(255,255,255,.5)}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
.btn.white{background:#fff;color:var(--ink);box-shadow:none}
.btn.white:hover{background:#EEF0F5}
.btn.white .arr{background:var(--violet);color:#fff}
.btn.line{background:#fff;color:var(--ink);box-shadow:none;border:1.5px solid var(--line);padding-block:calc(.5rem - 1.5px)}
.btn.line.sm{padding-block:calc(.38rem - 1.5px)}
.btn.line:hover{border-color:var(--violet);box-shadow:var(--shadow);background:#fff}
.btn.line .arr{background:var(--violet);color:#fff}
.btn[aria-disabled="true"]{background:#E7E8F0;color:var(--muted);box-shadow:none;pointer-events:none;padding-block:.78rem;padding-inline:1.5rem}
.btn.sm[aria-disabled="true"]{padding-block:.62rem}
.btn[aria-disabled="true"] .arr,.btn[aria-disabled="true"]::after{display:none}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.28) 50%,transparent 68%);transform:translateX(-130%)}
.btn:hover::after{transform:translateX(130%);transition:transform .75s var(--ease)}
/* الزر الأساسي بنظام «القَطع» المعتمد: زاوية علوية يمنى وسفلية يسرى مقصوصتان ٤٥°، والقطعة العلوية مثلّث بنفسجي منفصل.
   الاتجاه فيزيائي عمدًا (مثل العلامة نفسها) فلا يتغيّر بين العربية والإنجليزية. اللوح والبريق في ::before، والمثلّث في ::after. */
.btn:not(.ghost):not(.white):not(.line):not([aria-disabled="true"]){--cut:15px;border-radius:0;overflow:visible;background:none;box-shadow:none;filter:drop-shadow(0 8px 16px rgba(101,33,250,.3));transition:transform .2s,filter .2s}
.btn:not(.ghost):not(.white):not(.line):not([aria-disabled="true"])::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%) no-repeat -150% 0 / 60% 100%,var(--violet);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));transition:background-color .2s}
.btn:not(.ghost):not(.white):not(.line):not([aria-disabled="true"]):hover{background:none;box-shadow:none;filter:drop-shadow(0 12px 22px rgba(101,33,250,.4))}
.btn:not(.ghost):not(.white):not(.line):not([aria-disabled="true"]):hover::before{background-color:var(--violet-d);background-position:250% 0;transition:background-color .2s,background-position .75s var(--ease)}
.btn:not(.ghost):not(.white):not(.line):not([aria-disabled="true"])::after{inset:auto;top:calc(var(--cut) * -.107);right:calc(var(--cut) * -.107);width:calc(var(--cut) * .68);height:calc(var(--cut) * .68);z-index:0;background:var(--violet);clip-path:polygon(0 0,100% 0,100% 100%);transform:none;transition:none}
.btn:not(.ghost):not(.white):not(.line):not([aria-disabled="true"]):hover::after{transform:none}
.btn:not(.ghost):not(.white):not(.line):not([aria-disabled="true"]) .arr{border-radius:0;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.btn:not(.ghost):not(.white):not(.line):not([aria-disabled="true"]).sm{--cut:13px}
.btn:not(.ghost):not(.white):not(.line):not([aria-disabled="true"]).sm .arr{clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}

/* «اقرأ المزيد» */
.more{display:inline-flex;align-items:center;gap:10px;color:var(--violet);font-weight:600;font-size:.95rem}
.more .c{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--violet);display:grid;place-items:center;transition:background .2s,color .2s}
.more:hover .c{background:var(--violet);color:#fff}

/* ───────── البطل ───────── */
.hero .wrap{padding-block:clamp(56px,8vw,96px) clamp(48px,7vw,84px);text-align:center}
.hero-in{max-width:880px;margin-inline:auto}
.chip{display:inline-flex;align-items:center;gap:10px;padding:.32rem 1rem .32rem .4rem;padding-inline:.4rem 1rem;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);font-size:.875rem;font-weight:500;color:var(--on-dark)}
.chip .ci{width:26px;height:26px;border-radius:50%;background:var(--violet);display:grid;place-items:center;position:relative}
.chip .ci::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid var(--violet-l);animation:ping 2.8s ease-out infinite}
.chip svg{width:14px;height:14px;fill:#fff;stroke:#fff;stroke-width:1;stroke-linejoin:round}
.hero h1{font-size:clamp(1.7rem,5vw,3.9rem);line-height:1.62;font-weight:700;margin-block:22px 18px}
html[lang="en"] .hero h1{line-height:1.16;font-weight:800;letter-spacing:-.02em}
mark.hl{background:var(--violet);color:#fff;border-radius:.42em;padding:.04em .3em .12em;display:inline-block;line-height:1.3;margin-block:.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
h2.t mark.hl{background:none;padding:0;color:var(--violet);display:inline}
.hero p.lead{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--on-dark);max-width:560px;margin-inline:auto;opacity:.94}
.hero .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px}
.hero-in > *{animation:rise .95s var(--ease) both}
.hero-in > :nth-child(1){animation-delay:.05s}.hero-in > :nth-child(2){animation-delay:.16s}.hero-in > :nth-child(3){animation-delay:.28s}.hero-in > :nth-child(4){animation-delay:.4s}.hero-in > :nth-child(5){animation-delay:.52s}
.hstats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(36px,5vw,54px);padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}
.hs{padding-inline:12px}
.hs + .hs{border-inline-start:1px solid rgba(255,255,255,.12)}
.hs b{display:block;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;line-height:1.2;font-family:var(--f-en);color:#fff;font-variant-numeric:tabular-nums}
html[lang="ar"] .hs b.txt{font-family:var(--f-ar);font-size:clamp(1.5rem,3vw,2.3rem);padding-block:.12em}
.hs > span{display:block;color:var(--on-dark-muted);font-size:.9rem;margin-top:2px}

/* لوحة زجاجية: أيقونات عائمة + نافذة الكود */
.hero-vis{position:relative;max-width:1000px;height:430px;margin:clamp(36px,5vw,60px) auto 0;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.015));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(5,6,20,.45);--ts:92px;animation:fadein 1.2s .45s both}
.ft{position:absolute;will-change:transform}
.ft.t{z-index:3}
.hero-vis .t1{inset-block-start:11%;inset-inline-start:6%}
.hero-vis .t2{inset-block-start:7%;inset-inline-end:9%}
.hero-vis .t3{inset-block-end:9%;inset-inline-start:11%}
.hero-vis .t4{inset-block-end:12%;inset-inline-end:6%}
.hero-vis .t5{inset-block-end:2%;inset-inline-start:calc(50% - var(--ts,92px) / 2)}
.fb{animation:bob var(--dur,7.5s) ease-in-out infinite;animation-delay:calc(var(--i,0) * -1.7s)}
.gtile{position:relative;isolation:isolate;display:grid;place-items:center;width:var(--ts,92px);height:var(--ts,92px);border-radius:28%;
  background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 55%),linear-gradient(145deg,#1D2050,#0C0E22 92%);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 20px 44px rgba(5,3,20,.55),0 0 34px var(--glow,rgba(101,33,250,.35)),inset 0 1px 0 rgba(255,255,255,.26)}
.gtile::before{content:"";position:absolute;inset:-26%;z-index:-1;border-radius:50%;background:radial-gradient(circle,var(--acc,#6521FA) 0,transparent 64%);opacity:.4;animation:glowp 5s ease-in-out infinite;animation-delay:calc(var(--i,0) * -1.3s)}
.gtile svg{width:56%;height:56%}
.gname{display:block;text-align:center;margin-top:10px;font-size:.8125rem;font-weight:600;color:var(--on-dark)}

/* نافذة الكود */
.cwft{inset-inline:22%;inset-block-start:50%;margin-block-start:-104px;z-index:2}
.cw{direction:ltr;text-align:left;border-radius:18px;background:rgba(14,16,42,.74);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 70px rgba(5,3,20,.55),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
.cw-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.09);font-size:.8125rem;color:#AEB5DA}
.cw-bar i{width:10px;height:10px;border-radius:50%;flex:none}
.cw-bar i:nth-child(1){background:#FF6B7A}.cw-bar i:nth-child(2){background:#FFC857}.cw-bar i:nth-child(3){background:#4ED89A}
.cw-bar .fn{margin-inline-start:auto}
.cw-body{padding:14px 18px 18px;counter-reset:ln;font-size:.8125rem;line-height:1.75;transition:opacity .5s}
.cw-body.off{opacity:0}
.ln{display:flex;min-height:1.75em}
.ln::before{counter-increment:ln;content:counter(ln);flex:none;width:1.4em;margin-inline-end:16px;text-align:right;color:#8890BC}
.ln .code{white-space:pre;color:#D7DCF5}
.tk.k{color:#F4F5FA;font-weight:600}.tk.v{color:#8FB6FF}.tk.f{color:#9DC6FF}.tk.s{color:#8BE3B2}.tk.n{color:#FFC98B}.tk.p{color:#9AA2CC}
.caret{display:inline-block;width:2px;height:1.2em;vertical-align:-.22em;margin-inline-start:2px;background:#F4F5FA;box-shadow:0 0 8px rgba(101,33,250,.9);animation:blink 1.05s steps(1) infinite}

/* ───────── الشريط المتحرك: نطاق بنفسجي + صفّ داكن ───────── */
.ticker{position:relative;overflow:hidden;background:var(--navy-2);display:grid}
.tk-row{overflow:hidden;padding-block:15px}
.tk-row:first-child{background:var(--violet)}
.tk-row.rev{background:var(--navy-2);border-top:1px solid rgba(255,255,255,.06)}
.tk-track{display:flex;width:max-content;animation:marq var(--dur,64s) linear infinite;will-change:transform}
.tk-row.rev .tk-track{animation-direction:reverse;--dur:76s}
.ticker:hover .tk-track{animation-play-state:paused}
.tk-grp{display:flex;flex:none}
.tk-grp li{display:flex;align-items:center;white-space:nowrap;font-weight:600;font-size:1.02rem;line-height:1.6;color:#fff}
.tk-row.rev .tk-grp li{color:#C9CDE6;font-weight:500}
.tk-grp li::after{content:"";flex:none;width:8px;height:8px;margin-inline:30px;background:#fff;transform:rotate(45deg);border-radius:1px}
.tk-row.rev .tk-grp li::after{background:var(--violet)}
.ticker [lang="ar"]{direction:rtl;unicode-bidi:isolate}
.ticker [lang="en"]{direction:ltr}

/* ───────── البانر الداخلي ───────── */
.banner{text-align:center}
.banner .wrap{padding-block:clamp(44px,6vw,72px) clamp(48px,6.5vw,80px)}
.banner h1{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:700;line-height:1.55}
html[lang="en"] .banner h1{line-height:1.25}
html[lang="en"] .banner h1{font-weight:800;letter-spacing:-.02em}
.crumbs{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;align-items:center;margin-top:16px;padding:.35rem 1.1rem;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:.9rem;color:var(--on-dark-muted)}
.crumbs a:hover{color:#fff}
.crumbs span[aria-hidden]{opacity:.6}
.crumbs .cur{color:#fff;font-weight:500}
.banner h1,.banner .crumbs{animation:rise .9s var(--ease) both}
.banner .crumbs{animation-delay:.12s}

/* ───────── الأقسام الفاتحة ───────── */
.sec{padding-block:clamp(56px,8vw,100px)}
.sec.white{background:#fff}
.head-sec{max-width:640px;margin-bottom:clamp(30px,4vw,48px)}
.head-sec.center{margin-inline:auto;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:.28rem .9rem .28rem .75rem;padding-inline:.75rem .9rem;border-radius:999px;background:var(--tint);border:1px solid #DDE0EA;color:var(--violet-d);font-weight:600;font-size:.875rem;margin-bottom:14px}
.eyebrow svg{width:15px;height:15px;fill:var(--violet);stroke:var(--violet);stroke-width:1.2;stroke-linejoin:round}
.build .eyebrow{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:var(--violet-l)}
.build .eyebrow svg{fill:var(--violet-l);stroke:var(--violet-l)}
h2.t{font-size:clamp(1.65rem,3.3vw,2.55rem);line-height:1.3;font-weight:700}
html[lang="en"] h2.t{font-weight:800;letter-spacing:-.015em}
.sub{color:var(--muted);margin-top:12px;font-size:1.04rem}

.cards{display:grid;gap:22px}
.cards.c3{grid-template-columns:repeat(3,1fr)}
.cards.c4{grid-template-columns:repeat(4,1fr)}
.cards.c2{grid-template-columns:repeat(2,1fr)}
/* خمس بطاقات: ثلاث فوق واثنتان تحت */
.cards.c5{grid-template-columns:repeat(6,1fr)}
.cards.c5 > *{grid-column:span 2}
.cards.c5 > :nth-child(n+4){grid-column:span 3}
.card{background:var(--card);border-radius:var(--r);padding:28px 26px;box-shadow:var(--shadow);border:1px solid var(--line);position:relative;display:flex;flex-direction:column;gap:14px;transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#CFD3E0}
.card h3{font-size:1.2rem;line-height:1.4;font-weight:600}
.card p{color:var(--muted);font-size:.98rem}
.card .foot{margin-top:auto;padding-top:10px}
.ico{width:54px;height:54px;border-radius:14px;background:var(--tint);display:grid;place-items:center;flex:none}
.ico svg{width:28px;height:28px;fill:none;stroke:var(--violet);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.card .ico{transition:transform .45s var(--ease)}
.card:hover .ico{transform:rotate(-6deg) scale(1.08)}

/* لمعة المؤشر على البطاقات */
.card::after,.bnote::after,.side-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),var(--violet),rgba(101,33,250,.3) 50%,transparent 74%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.card:hover::after,.bnote:hover::after,.side-card:hover::after{opacity:1}

/* ───────── من نحن ───────── */
.about{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,6vw,84px);align-items:center}
.about-txt p{color:var(--muted);margin-top:16px;font-size:1.03rem}
.about-txt .eyebrow{margin-bottom:12px}
.about-vis{position:relative;padding-block:0 34px;padding-inline:0 30px}
.av-card{border-radius:20px;min-height:420px;display:grid;place-items:start center;padding:40px 36px 80px;box-shadow:0 24px 60px rgba(15,18,36,.22)}
.av-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:34px 44px}
.at{text-align:center}
.at .gtile{--ts:84px}
.av-grid > .at:last-child:nth-child(odd){grid-column:1 / -1}
.mini-stat{position:absolute;z-index:3;inset-block-end:0;inset-inline-start:0;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 20px 14px 16px;padding-inline:16px 22px;box-shadow:0 18px 40px rgba(15,18,36,.16);animation:bob 8s ease-in-out infinite}
.ms-ico{width:46px;height:46px;border-radius:12px;background:var(--tint);display:grid;place-items:center;flex:none}
.ms-ico svg{width:24px;height:24px;fill:none;stroke:var(--violet);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mini-stat b{display:block;font-family:var(--f-en);font-size:1.7rem;font-weight:800;line-height:1.1;color:var(--violet)}
.mini-stat span{font-size:.9rem;color:var(--muted);font-weight:500}
.year-chip{position:absolute;z-index:3;inset-block-start:22px;inset-inline-end:0;background:var(--violet);color:#fff;border-radius:14px;padding:10px 16px;text-align:center;line-height:1.25;box-shadow:0 14px 28px rgba(101,33,250,.4)}
.year-chip b{display:block;font-family:var(--f-en);font-size:1.3rem;font-weight:800}
.year-chip span{font-size:.8125rem}
.bignums{display:flex;gap:clamp(24px,4vw,48px);margin-top:26px;padding-block:20px;border-block:1px solid var(--line)}
.bn b{display:block;font-family:var(--f-en);font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;line-height:1.1;color:var(--violet);font-variant-numeric:tabular-nums}
.bn > span{color:var(--muted);font-size:.93rem;font-weight:500}
.check{margin-top:22px;display:grid;gap:12px}
.check li{display:flex;gap:12px;align-items:flex-start;font-weight:500}
.check li::before{content:"";flex:none;width:24px;height:24px;margin-top:2px;border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/14px no-repeat,var(--violet)}
.about-txt .btn{margin-top:28px}

/* ───────── التطبيقات ───────── */
.app{--acc:#6521FA;gap:16px}
.app-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tile{width:58px;height:58px;border-radius:15px;background:linear-gradient(145deg,#1D2050,#0C0E22);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .5s var(--ease),box-shadow .5s}
.tile svg{width:34px;height:34px}
.app:hover .tile{transform:translateY(-3px) rotate(-6deg) scale(1.06);box-shadow:0 12px 26px var(--glow,rgba(101,33,250,.3)),inset 0 0 0 1px rgba(255,255,255,.14)}
.status{display:inline-flex;align-items:center;gap:7px;padding:.25rem .8rem;border-radius:999px;font-size:.8125rem;font-weight:600;white-space:nowrap}
.status.live{background:#E6F6EE;color:#0A6A3B}
.status.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#16A35A}
.status.soon{background:var(--tint);color:#5622C9}
.status.soon::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--violet)}
.app .who,.ov .who{font-size:.9rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:12px}
.app .who b,.ov .who b{color:var(--ink);font-weight:600}
.app.big{padding:30px 28px}
.app.big h3{font-size:1.45rem}
.app.big p{font-size:1.02rem}
.app .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px}
.apps-visual{height:clamp(170px,22vw,260px);border-radius:20px;margin-bottom:34px;color:#fff}
.apps-visual .ft{inset-block-start:calc(var(--y,10) * 1%);inset-inline-start:calc(var(--x,10) * 1%)}
.apps-visual .gtile{--ts:84px}

/* ───────── صفحة التطبيق ───────── */
.app-single{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(24px,3.4vw,40px);align-items:start}
.sidebar{display:grid;gap:20px}
.side-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow)}
.side-card h3{font-size:1.15rem;font-weight:700;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.infolist{display:grid}
.infolist > div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px dashed var(--line)}
.infolist > div:last-child{border-bottom:0;padding-bottom:0}
.infolist dt{color:var(--muted);font-size:.93rem;flex:none}
.infolist dd{font-weight:600;font-size:.95rem;text-align:end}
.applist{display:grid;gap:8px;margin-top:12px}
.applist a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);font-weight:600;transition:background .2s,border-color .2s,color .2s}
.applist a:hover{border-color:var(--violet);color:var(--violet)}
.applist .mini{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#1D2050,#0C0E22);display:grid;place-items:center;flex:none}
.applist .mini svg{width:20px;height:20px}
.applist .nm{flex:1}
.applist .car{width:26px;height:26px;border-radius:50%;background:var(--tint);color:var(--violet);display:grid;place-items:center;flex:none}
.applist .car .arr{display:contents}
.applist .car svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
html[dir="rtl"] .applist .car svg{transform:scaleX(-1)}
.applist a[aria-current="page"]{background:var(--violet);border-color:var(--violet);color:#fff}
.applist a[aria-current="page"] .car{background:#fff;color:var(--violet)}
.side-cta{border-radius:var(--r);background:#2a1470}
.side-cta .glow{height:100%;background:radial-gradient(ellipse 80% 100% at 50% 100%,rgba(101,33,250,.8),rgba(101,33,250,0) 72%)}
.side-cta .in{padding:28px 24px}
.side-cta h3{font-size:1.3rem;font-weight:700;line-height:1.4}
.side-cta p{color:#DADCE8;margin:8px 0 20px;font-size:.96rem}
.app-main{display:grid;gap:clamp(24px,3vw,36px)}
.app-head{display:flex;align-items:center;gap:clamp(18px,3vw,30px);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,32px);box-shadow:var(--shadow)}
.big-tile{width:clamp(96px,14vw,128px);height:clamp(96px,14vw,128px);border-radius:28%;flex:none;display:grid;place-items:center;background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.02) 55%),linear-gradient(145deg,#1D2050,#0C0E22 92%);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px rgba(15,18,36,.28),0 0 40px var(--glow,rgba(101,33,250,.35)),inset 0 1px 0 rgba(255,255,255,.26)}
.big-tile svg{width:56%;height:56%}
.ah-txt{display:grid;gap:8px;justify-items:start}
.ah-txt h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:700;line-height:1.25}
html[lang="en"] .ah-txt h2{font-weight:800}
.ah-txt p{color:var(--muted)}
.ov h2.t{font-size:clamp(1.4rem,2.4vw,1.8rem);margin-bottom:12px}
.ov > p{color:var(--muted);font-size:1.03rem}
.ov .who{margin-top:16px}
.feats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:6px}
.feat{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow)}
.feat .dot{flex:none;width:26px;height:26px;margin-top:2px;border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/15px no-repeat,var(--violet)}
.feat h3{font-size:1.05rem;font-weight:600;line-height:1.45}
.feat p{color:var(--muted);font-size:.95rem;margin-top:4px}
.app-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;background:var(--tint);border:1px solid #DDE0EA;border-radius:var(--r);padding:22px 24px}
.app-cta .st{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.app-cta .st p{font-weight:600}
.app-cta .acts{display:flex;gap:10px;flex-wrap:wrap}

/* ───────── الأسئلة ───────── */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.faq .col{display:grid;gap:18px}
details.q{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);transition:box-shadow .2s,border-color .2s}
details.q[open]{border-color:#C9CDDA;box-shadow:var(--shadow-hover)}
details.q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;font-weight:600;font-size:1.02rem;line-height:1.5}
details.q summary::-webkit-details-marker{display:none}
details.q summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat,var(--violet);transition:transform .25s}
details.q[open] summary::after{transform:rotate(45deg)}
details.q summary:hover{color:var(--violet)}
details.q .a{padding:0 22px 20px;color:var(--muted);font-size:.98rem}
details.q .a a{color:var(--violet);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ───────── شريط الدعوة ───────── */
.cta{text-align:center}
.cta .wrap{padding-block:clamp(60px,8vw,92px)}
.cta h2{font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.3;font-weight:700;max-width:760px;margin-inline:auto}
html[lang="en"] .cta h2{font-weight:800}
.cta p{margin:14px auto 28px;max-width:560px;color:var(--on-dark)}

/* ───────── التذييل ───────── */
footer.dk{background:var(--navy);color:var(--on-dark-muted)}
.foot-main{font-size:.95rem}
.foot-main .wrap{display:grid;grid-template-columns:1.3fr .8fr .9fr 1.5fr;gap:clamp(24px,4vw,56px);padding-block:clamp(48px,6vw,76px) 40px}
.foot-main .logo{color:#fff;--lh:52px}
.foot-main p.about-line{margin-top:16px;max-width:300px}
.foot-main h4{color:#fff;font-size:1.02rem;font-weight:600;margin-bottom:18px}
.foot-main li{margin-bottom:10px}
.foot-main a{transition:color .2s}
.foot-main a:hover{color:#fff}
.fcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fcard h4{margin-bottom:8px}
.fcard p{margin-bottom:14px}
.foot-main .ct li{display:flex;gap:10px;align-items:flex-start}
.foot-main .ct svg{width:18px;height:18px;flex:none;margin-top:5px;stroke:var(--violet-l);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fcard .btn{margin-top:8px}
.foot-bot{background:rgba(8,10,26,.7);border-top:1px solid rgba(255,255,255,.07);font-size:.875rem}
.foot-bot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:18px}

/* ───────── تواصل ───────── */
.contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,3vw,32px);align-items:stretch}
.info-card{border-radius:var(--r);background:var(--navy)}
.info-card .in{padding:clamp(24px,3.4vw,38px);display:grid;gap:22px;align-content:start}
.info-card h3{font-size:1.4rem;font-weight:700}
.crow{display:flex;gap:16px;align-items:flex-start;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.crow .ico{background:rgba(101,33,250,.22);width:48px;height:48px}
.crow .ico svg{stroke:var(--violet-l);width:24px;height:24px}
.crow h4{font-size:.9rem;font-weight:500;color:var(--on-dark-muted)}
.crow p,.crow a{font-size:1.05rem;font-weight:600;color:#fff;word-break:break-word}
.crow a:hover{color:var(--violet-l)}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3.4vw,38px);box-shadow:var(--shadow);display:grid;gap:16px}
.form h3{font-size:1.4rem;font-weight:700}
.form label{display:grid;gap:7px;font-weight:600;font-size:.95rem}
.form input,.form textarea{font:inherit;width:100%;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);transition:border-color .2s,background .2s}
.form textarea{min-height:150px;resize:vertical}
.form input:focus,.form textarea:focus{border-color:var(--violet);background:#fff;outline:none;box-shadow:0 0 0 4px rgba(12,14,34,.08)}
.form small{color:var(--muted);font-size:.85rem}
.form .btn{justify-self:start}

/* جدول بيانات الشركة */
.facts{display:grid;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.facts div{display:grid;grid-template-columns:minmax(120px,.5fr) 1.5fr;gap:16px;padding:16px 26px;border-bottom:1px solid var(--line)}
.facts div:last-child{border-bottom:0}
.facts dt{color:var(--muted);font-weight:500}
.facts dd{font-weight:600;word-break:break-word}
.facts a{color:var(--violet)}

/* ───────── منتقي الشعار (للمعاينة فقط) ───────── */

/* ───────── القائمة الجوّالة ───────── */
.scrim{position:fixed;inset:0;background:rgba(8,10,26,.62);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:90}
.drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(86vw,340px);background:var(--navy-2);color:#fff;z-index:100;padding:20px 22px 28px;display:flex;flex-direction:column;gap:18px;transform:translateX(100%);visibility:hidden;transition:transform .3s,visibility .3s;overflow-y:auto}
html[dir="rtl"] .drawer{transform:translateX(-100%)}
.menu-open .drawer,html[dir="rtl"].menu-open .drawer{transform:none;visibility:visible}
.menu-open .scrim{opacity:1;visibility:visible}
.drawer .top{display:flex;justify-content:space-between;align-items:center}
.drawer .close{width:42px;height:42px;border-radius:12px;border:1.5px solid rgba(255,255,255,.28);background:transparent;color:#fff;font-size:1.3rem;line-height:1}
.drawer nav{display:grid;gap:4px}
.drawer nav a{padding:.8rem .9rem;border-radius:12px;font-weight:500;font-size:1.05rem;color:#D3D7EE}
.drawer nav a:hover,.drawer nav a[aria-current="page"]{background:rgba(101,33,250,.22);color:#fff}
.drawer .btn{justify-self:start;margin-top:8px}
.drawer .mail{color:var(--on-dark-muted);font-size:.92rem;margin-top:auto}
.menu-open{overflow:hidden}

/* ───────── شريط التقدّم ───────── */
.progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:200;pointer-events:none}
.progress i{display:block;height:100%;background:var(--violet);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px rgba(101,33,250,.7)}
html[dir="rtl"] .progress i{transform-origin:right}

/* ───────── كيف نبني ───────── */
.build .wrap{position:relative;z-index:2}
.build .head-sec{max-width:820px}
.build .head-sec h2{color:#fff}
.build .sub{color:var(--on-dark-muted)}
.arch{position:relative;border-radius:24px;padding:clamp(12px,2.4vw,30px);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(5,3,20,.45)}
.arch svg{display:block;width:100%;height:auto;direction:ltr;overflow:visible}
.arch .v{display:none;max-width:420px;margin-inline:auto}
.nt{fill:#fff;font-weight:600;font-size:21px}
.ns{fill:#B9BFDD;font-size:16px;font-family:var(--f-en)}
.nd-card{fill:#161941;stroke:url(#agnh);stroke-width:1.6}
.v .nd-card{stroke:url(#agnv)}
.nd-glow{fill:url(#agnh);opacity:.1}
.v .nd-glow{fill:url(#agnv)}
.ic{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pos-h{transform:translate(var(--xl),34px)}
html[dir="rtl"] .pos-h{transform:translate(var(--xr),34px)}
html[dir="rtl"] .mir{transform:translate(1000px,0) scale(-1,1)}
.lb{stroke:rgba(255,255,255,.16);stroke-width:2;fill:none}
.lg{stroke-width:3;fill:none;opacity:.55}
.lf{stroke-width:2;fill:none}
.lc{stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.dt{opacity:0}
.dt .halo{fill:#6521FA;opacity:.4}
.dt .core{fill:#fff}
.h .dt{--d:80px}
.v .dt{--d:52px}
.nd{transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i) * .26s)}
.arch.in .nd-glow{animation:ndglow 4.2s ease-in-out infinite;animation-delay:calc(var(--i) * .9s)}
.arch.in .h .dt{animation:dotx 2.5s linear infinite both;animation-delay:calc(var(--i) * .8s + var(--k) * 1.25s)}
.arch.in .v .dt{animation:doty 2.5s linear infinite both;animation-delay:calc(var(--i) * .8s + var(--k) * 1.25s)}
.proc-head{margin-top:clamp(48px,6vw,80px);text-align:center}
.proc-head h3{font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:700;color:#fff}
.proc{display:grid;grid-template-columns:repeat(5,1fr);margin-top:clamp(28px,4vw,44px);list-style:none}
.step{position:relative;text-align:center;padding:0 12px}
.step .num{position:relative;z-index:1;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;font:700 1.05rem var(--f-en);color:#fff;background:var(--violet);border:1.5px solid rgba(255,255,255,.3);box-shadow:0 0 0 6px rgba(101,33,250,.18),0 10px 30px rgba(101,33,250,.5);transition:background .5s,color .5s,box-shadow .6s,border-color .5s;transition-delay:calc(var(--i) * .42s)}
.step h4{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:4px;transition:opacity .6s;transition-delay:calc(var(--i) * .42s)}
.step p{font-size:.95rem;color:var(--on-dark-muted);transition:opacity .6s;transition-delay:calc(var(--i) * .42s)}
.step:not(:last-child)::before,.step:not(:last-child)::after{content:"";position:absolute;top:27px;height:2px;border-radius:2px;inset-inline-start:calc(50% + 36px);width:calc(100% - 72px)}
.step:not(:last-child)::before{background:rgba(255,255,255,.14)}
.step:not(:last-child)::after{background:var(--violet);transform-origin:left;transition:transform .6s var(--ease);transition-delay:calc(var(--i) * .42s + .3s)}
html[dir="rtl"] .step:not(:last-child)::after{transform-origin:right}
.js .proc:not(.lit) .num{background:#15183F;color:#9097C4;border-color:rgba(255,255,255,.16);box-shadow:none}
.js .proc:not(.lit) .step h4,.js .proc:not(.lit) .step p{opacity:.45}
.js .proc:not(.lit) .step:not(:last-child)::after{transform:scaleX(0)}

/* ───────── الكشف عند التمرير ───────── */
.js .rv:not(.in){opacity:0;transform:translate3d(0,28px,0)}
.js .rv.in:not(.done){transition-property:opacity,transform;transition-duration:.8s;transition-timing-function:var(--ease)}
.js .arch:not(.in) .nd{opacity:0;transform:translateY(16px)}
html.rv-fallback .rv:not(.in){opacity:1!important;transform:none!important}
html.rv-fallback .arch .nd{opacity:1!important;transform:none!important}

/* ───────── الحركة ───────── */
@keyframes rise{from{opacity:0;transform:translate3d(0,26px,0)}to{opacity:1;transform:none}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@keyframes bob{0%,100%{transform:translate3d(0,0,0) rotate(-2.2deg)}50%{transform:translate3d(0,-14px,0) rotate(2.4deg)}}
@keyframes glowp{0%,100%{opacity:.3;transform:scale(.94)}50%{opacity:.62;transform:scale(1.07)}}
@keyframes glowb{from{opacity:.8}to{opacity:1}}
@keyframes drift1{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(9vw,7vh,0) scale(1.18)}}
@keyframes drift2{from{transform:translate3d(0,0,0) scale(1.08)}to{transform:translate3d(-8vw,6vh,0) scale(.92)}}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes ping{0%{transform:scale(1);opacity:.85}100%{transform:scale(2.2);opacity:0}}
@keyframes marq{to{transform:translate3d(-50%,0,0)}}
@keyframes dotx{0%{transform:translateX(0);opacity:0}14%{opacity:1}86%{opacity:1}100%{transform:translateX(var(--d));opacity:0}}
@keyframes doty{0%{transform:translateY(0);opacity:0}14%{opacity:1}86%{opacity:1}100%{transform:translateY(var(--d));opacity:0}}
@keyframes ndglow{0%,100%{opacity:.1}50%{opacity:.5}}

/* ───────── التجاوب ───────── */
@media (max-width:1080px){
  .cards.c4{grid-template-columns:repeat(2,1fr)}
  .cards.c5{grid-template-columns:repeat(2,1fr)}
  .cards.c5 > :nth-child(n){grid-column:auto}
  .cards.c5 > :last-child:nth-child(odd){grid-column:1 / -1}
  .foot-main .wrap{grid-template-columns:1fr 1fr}
  .foot-main .wrap > :first-child,.foot-main .wrap > .fcard{grid-column:1/-1}
  .foot-main p.about-line{max-width:420px}
}
@media (max-width:1000px){
  .head .wrap{grid-template-columns:1fr auto}
  .nav{display:none}
  .burger{display:inline-flex}
}
@media (max-width:900px){
  .cards.c3,.cards.c2{grid-template-columns:1fr}
  .about,.contact,.app-single{grid-template-columns:1fr}
  .app-main{order:-1}
  .about-vis{max-width:520px;width:100%;margin-inline:auto}
  .faq{grid-template-columns:1fr}
  .hero-vis{height:400px;--ts:68px}
  .cwft{inset-inline:4%;inset-block-start:24%;margin-block-start:0}
  .hero-vis .t1{inset-block-start:3%;inset-inline-start:7%}
  .hero-vis .t2{inset-block-start:3%;inset-inline-end:7%}
  .hero-vis .t3{inset-block-end:3%;inset-inline-start:12%}
  .hero-vis .t4{inset-block-end:3%;inset-inline-end:12%}
  .hero-vis .t5{inset-block-end:3%}
  .arch .h{display:none}
  .arch .v{display:block}
}
@media (max-width:760px){
  .head-end .btn{display:none}
  .proc{grid-template-columns:1fr;max-width:440px;margin-inline:auto}
  .step{display:grid;grid-template-columns:56px 1fr;column-gap:16px;align-items:start;text-align:start;padding:0 0 26px}
  .step .num{margin:0;grid-row:1 / 3}
  .step h4{align-self:end;margin:0}
  .step:not(:last-child)::before,.step:not(:last-child)::after{top:60px;bottom:4px;height:auto;width:2px;inset-inline-start:27px}
  .step:not(:last-child)::after{transform-origin:top}
  .js .proc:not(.lit) .step:not(:last-child)::after{transform:scaleY(0)}
  .apps-visual .gtile{--ts:62px}
  .apps-visual .ft{inset-block-start:calc(var(--y,10) * .55%);inset-inline-start:calc(var(--x,10) * 1% - 6%)}
  .feats{grid-template-columns:1fr}
  .app-head{flex-direction:column;align-items:flex-start}
}
@media (max-width:620px){
  .head .logo,.drawer .logo{--lh:38px}
  .cards.c4,.cards.c5{grid-template-columns:1fr}
  .foot-main .wrap{grid-template-columns:1fr}
  .topbar .meta.end{display:none}
  .facts div{grid-template-columns:1fr;gap:2px;padding:14px 20px}
  .hstats{grid-template-columns:1fr 1fr;row-gap:22px}
  .hs:nth-child(3){border-inline-start:0}
  .hs{padding-inline:8px}
  .hero .actions .btn{flex:1 1 100%;justify-content:space-between}
  .btn{padding-inline-start:1.3rem}
  .tk-grp li{font-size:.97rem}
  .tk-grp li::after{margin-inline:22px}
  .cw-body{padding:12px 14px 14px}
  .ln::before{margin-inline-end:12px}
  .av-card{min-height:360px;padding:28px 18px 76px}
  .av-grid{gap:26px 30px}
  .about-vis{padding-inline:0 8px}
  .bignums{gap:22px}
  .px.c,.px.e{display:none}
}

/* ───────── حركة أقل ───────── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .rv:not(.in){opacity:1;transform:none}
  .js .arch:not(.in) .nd{opacity:1;transform:none}
  .dt{display:none}
  .gtile::before{opacity:.35}
  .ticker{gap:0}
  .tk-row.rev,.tk-grp.cp{display:none}
  .tk-track{width:auto;flex-wrap:wrap;justify-content:center}
  .tk-grp{flex-wrap:wrap;justify-content:center;row-gap:6px}
  .tk-grp li:last-child::after{display:none}
}

/* ───────── صفحة التطبيق: الحصول عليه، أسئلته، ووثائقه (راتبي وخشوع، ١٣ أكتوبر) ───────── */
.getsteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px;margin-top:6px;list-style:none;padding:0}
.getsteps li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);min-width:0}
.getsteps .n{flex:none;width:30px;height:30px;margin-top:1px;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:#fff;font:700 .95rem/1 var(--f-en)}
.getsteps h3{font-size:1.05rem;font-weight:600;line-height:1.45}
.getsteps p{color:var(--muted);font-size:.95rem;margin-top:4px}
.qlist{display:grid;gap:14px;margin-top:6px}
.doclinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:6px}
.doclink{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-weight:600;box-shadow:var(--shadow);transition:border-color .2s,color .2s}
.doclink:hover{border-color:var(--violet);color:var(--violet)}
.doclink .ico{width:40px;height:40px;border-radius:11px}
.doclink .ico svg{width:21px;height:21px}
.doclink .nm{flex:1;min-width:0;line-height:1.4}
.doclink .arr{flex:none;width:26px;height:26px;border-radius:50%;background:var(--tint);color:var(--violet);display:grid;place-items:center}
.doclink .arr svg{width:13px;height:13px;stroke-width:2.4}
html[dir="rtl"] .doclink .arr svg{transform:scaleX(-1)}
.applist .mini.ic svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ───────── وثائق التطبيق (الخصوصية والشروط والدعم) ───────── */
.legal{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(22px,4vw,44px);overflow-wrap:break-word}
.legal .lmeta{color:var(--muted);font-size:.9rem;padding-bottom:14px;border-bottom:1px solid var(--line)}
.legal .lead{font-size:1.12rem;font-weight:600;color:var(--ink);margin-top:18px}
.legal h2{font-size:1.15rem;font-weight:700;line-height:1.45;margin:28px 0 8px}
.legal p,.legal li{color:#3B4060;font-size:1rem}
.legal p + p{margin-top:10px}
.legal ul{display:grid;gap:8px;margin:4px 0 0}
.legal ul + p{margin-top:10px}
.legal li{position:relative;padding-inline-start:20px}
.legal li::before{content:"";position:absolute;inset-inline-start:2px;top:.72em;width:7px;height:7px;border-radius:2px;background:var(--violet)}
.legal b{color:var(--ink);font-weight:600}
.legal a{color:var(--violet);font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal .op{margin-top:32px;padding:18px 20px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
.legal .op h2{margin:0 0 6px;font-size:1.02rem}
.legal .op p{font-size:.95rem}
@media (max-width:900px){
  .legal{order:-1}
}
@media (max-width:760px){
  .doclinks{grid-template-columns:1fr}
}