/* ═══ أساس الغلاف — لا زينة ═══════════════════════════════════════════
   الغلاف يمنع أنماط هذه الورقة من التسرّب خارجه، ولا يمنع أنماط المشروع
   من الدخول إليه. و`main.css` تحمل `.hero{color:#fff}` للهيرو الكحلي
   القديم، وهذا التصميم لا يعرّف لونًا لهيروه — فورث الأبيض واختفى سطر
   العنوان الأول أبيضَ على أبيض. فيُعلَن الأساس صراحةً هنا.
   ⚠️ بلا `!important`: يخفي التصادم ولا يحلّه. والترتيب كافٍ. */
.wtq-v4{color:var(--ink,#0B0B0B); background:var(--paper,#fff)}.wtq-v4 .hero{color:var(--ink,#0B0B0B); background:var(--paper,#fff)}.wtq-v4 h1,.wtq-v4 h2,.wtq-v4 h3,.wtq-v4 h4{color:var(--ink,#0B0B0B)}

/* ═══ كتلة 1 ═══ */
:root{
  color-scheme: light;
  --ink:#0B0B0B; --paper:#FFFFFF;
  --line:#E4E4E1; --line-2:#D2D2CE; --muted:#6E6E6B; --faint:#9A9A96;
  --blue:#2563EB; --blue-700:#1D4ED8; --blue-50:#EEF3FD; --green:#16A34A; --green-50:#E7F6EC;
  --foot:#EEF3FD; --panel:#F3F3F1;
  --maxw:1240px; --r:7px;
}.wtq-v4 *{box-sizing:border-box}body{
  margin:0; direction:rtl; background:var(--paper); color:var(--ink);
  font-family:"Alexandria",system-ui,sans-serif; font-size:16px; line-height:1.75;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}.wtq-v4 .ltr{direction:ltr; unicode-bidi:isolate; font-family:'Alexandria',system-ui,sans-serif; font-variant-numeric:tabular-nums}.wtq-v4 .mono{font-family:ui-monospace,Menlo,Consolas,monospace; direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums}.wtq-v4 .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px}
/* ⚠️ 1.08 كان ضيّقًا فتداخل السطران: العربية تحتاج فسحةً أكبر من اللاتينية
   لأن لها صاعدات ونازلات وتشكيلًا فوق السطر وتحته. */
.wtq-v4 h1{margin:0; letter-spacing:-.03em; line-height:1.28; text-wrap:balance}.wtq-v4 p{margin:0}.wtq-v4 a{color:inherit}
/* ---------------- الناف بار (زي الموقع) ---------------- */
.wtq-v4 .topbar{position:sticky; top:0; z-index:60; height:95px; padding:12px 0 0; pointer-events:none}.wtq-v4 .pill{
  pointer-events:auto; max-width:1300px; margin:0 auto; height:71px; background:#fff;
  border:1px solid #E7EAF1; border-radius:var(--r); box-shadow:0 10px 30px -12px rgba(13,27,90,.12);
  padding:9px 26px; display:flex; align-items:center; gap:8px;
}.wtq-v4 .brand{display:flex; align-items:center; margin-inline-end:34px}.wtq-v4 .brand svg{height:32px; width:auto; display:block}.wtq-v4 .menu{display:flex; align-items:center; gap:2px; list-style:none; margin:0; padding:0}.wtq-v4 .menu a{
  display:inline-flex; align-items:center; gap:6px; padding:8px 15px; font-size:14.9px; font-weight:600;
  color:#3D4552; text-decoration:none; border-radius:var(--r); white-space:nowrap; transition:color .15s;
}.wtq-v4 .menu a:hover{color:#1D1D1F}.wtq-v4 .menu a svg{width:11px; height:11px; color:#8A93A3; margin-top:1px}.wtq-v4 .tools{margin-inline-start:auto; display:flex; align-items:center; gap:10px; flex:none}.wtq-v4 .lang{
  display:inline-flex; align-items:center; gap:5px; font-family:'Alexandria',system-ui,sans-serif; font-size:11.5px; font-weight:800;
  color:#1D4ED8; background:#EFF6FF; border:1px solid #DBE7FD; border-radius:var(--r); padding:6px 10px; text-decoration:none; letter-spacing:.02em;
}.wtq-v4 .lang svg{width:13px; height:13px}.wtq-v4 .login{font-size:14.5px; font-weight:600; color:#3D4552; text-decoration:none; padding:8px 12px; white-space:nowrap}.wtq-v4 .login:hover{color:#1D1D1F}.wtq-v4 .cta{
  font-size:14px; font-weight:600; color:#fff; background:var(--blue); border:1px solid var(--blue);
  border-radius:var(--r); padding:9px 18px; white-space:nowrap;
  text-decoration:none; transition:background .15s, transform .15s;
}.wtq-v4 .cta:hover{background:var(--blue-700); border-color:var(--blue-700); transform:translateY(-1px)}.wtq-v4 .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font:inherit; font-size:14.5px; font-weight:600; border:1px solid var(--blue);
  background:var(--blue); color:#fff; padding:12px 26px; border-radius:var(--r);
  cursor:pointer; text-decoration:none; transition:background .16s, transform .15s;
}.wtq-v4 .btn:hover{background:var(--blue-700); border-color:var(--blue-700); transform:translateY(-1px)}.wtq-v4 .btn.ghost{background:transparent; color:var(--ink); border-color:var(--line-2)}.wtq-v4 .btn.ghost:hover{border-color:var(--ink)}
/* ---------------- hero ---------------- */
.wtq-v4 .hero{position:relative; padding:34px 0 0; text-align:center; background:#fff}.wtq-v4 .hero::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:radial-gradient(circle at center, #D9D9D4 .9px, transparent 1px);
  background-size:15px 15px;
  -webkit-mask-image:radial-gradient(ellipse 58% 62% at 50% 46%, transparent 62%, #000 100%);
          mask-image:radial-gradient(ellipse 58% 62% at 50% 46%, transparent 62%, #000 100%);
}.wtq-v4 .hero::after{
  content:""; position:absolute; inset-inline:0; bottom:0; height:190px; pointer-events:none; z-index:1;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #F7FAFF 55%, var(--foot) 100%);
}.wtq-v4 .hero > .wrap{position:relative; z-index:2}.wtq-v4 .tagline{font-size:12.5px; font-weight:500; color:var(--muted); margin:0 0 14px; letter-spacing:-.005em}.wtq-v4 .tagline b{color:var(--ink); font-weight:600}.wtq-v4 .hero h1{font-size:clamp(34px,4.7vw,60px); font-weight:800}.wtq-v4 .hero h1 .dim{display:block; margin-top:.28em; color:var(--faint); font-weight:700; font-size:1.09em; letter-spacing:-.035em}.wtq-v4 .hero .sub{
  margin:16px auto 24px; font-size:clamp(12px,.95vw,13px); color:var(--muted); line-height:1.9;
  font-weight:300; max-width:68ch; text-wrap:balance;
}.wtq-v4 .actions{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}.wtq-v4 .note{margin-top:18px; font-size:12.5px; color:var(--faint)}
/* ---- «وقّع بأمان» بخط اليد ---- */
.wtq-v4 .sig-wrap{display:inline-block; margin:16px 0 0}.wtq-v4 .sig{height:clamp(50px,5.4vw,70px); width:auto; display:block; overflow:visible; margin-inline:auto}.wtq-v4 .sig .body{fill:var(--ink)}.wtq-v4 .sig .marks{fill:var(--ink); opacity:0}.wtq-v4 .sig .tip{fill:var(--blue); opacity:0}.wtq-v4 .sig.go .marks{animation:pop .5s cubic-bezier(.3,1.5,.5,1) .05s forwards}@keyframes pop{
from {opacity:0; transform:translateY(-6px)}
to {opacity:1; transform:none}}.wtq-v4 .sig-line{
  height:1px; background:var(--line-2); margin-top:4px;
  transform:scaleX(0); transform-origin:center; animation:rule .7s ease .3s both;
}@keyframes rule{
to {transform:scaleX(1)}}
/* ================= المسرح ================= */
.wtq-v4 .panelwrap{position:relative; z-index:2; margin-top:40px; padding-bottom:64px}.wtq-v4 .panel{
  --s:1;
  position:relative; background:var(--panel); border-radius:10px; overflow:hidden;
  height:calc(600px * var(--s));
}.wtq-v4 .stage{
  position:absolute; left:50%; top:50%; width:1184px; height:600px; direction:ltr;
  transform:translate(-50%,-50%) scale(var(--s)); transform-origin:center center;
  perspective:1500px; perspective-origin:50% 42%;
}.wtq-v4 .stage.noanim *{transition:none!important; animation:none!important}.wtq-v4 .sc{position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .7s ease, visibility 0s .7s}.wtq-v4 .sc.on{opacity:1; visibility:visible; transition:opacity .45s ease}.wtq-v4 .sc.off{opacity:0; transition:opacity .7s ease}.wtq-v4 .cluster{position:absolute; inset:0; transform-style:preserve-3d; transition:transform 1.5s cubic-bezier(.5,0,.25,1)}.wtq-v4 .sc.orbit .cluster{transform:rotateY(-30deg) rotateX(7deg) translateZ(-90px)}.wtq-v4 .sc.orbit2 .cluster{transform:rotateY(26deg) rotateX(5deg) translateZ(-70px)}.wtq-v4 .sc.push .cluster{transform:scale(1.07) translateZ(40px)}
/* عناصر UI عامة للواجهات المرسومة */
.wtq-v4 .ui{direction:rtl; font-size:9.5px; line-height:1.6; color:#2B2B29}.wtq-v4 .ui .lnk{display:block; height:4px; border-radius:2px; background:#E6E6E2}.wtq-v4 .stpill{display:inline-flex; align-items:center; gap:4px; font-size:8px; font-weight:600; border-radius:999px; padding:2px 7px; white-space:nowrap}.wtq-v4 .stpill.g{background:var(--green-50); color:#15803D}.wtq-v4 .stpill.b{background:var(--blue-50); color:var(--blue)}.wtq-v4 .stpill.y{background:#FEF3C7; color:#B45309}.wtq-v4 .stpill.x{background:#F1F1EE; color:#6E6E6B}.wtq-v4 .stpill::before{content:""; width:5px; height:5px; border-radius:50%; background:currentColor}.wtq-v4 .bbtn{display:inline-flex; align-items:center; gap:4px; background:var(--blue); color:#fff; font-size:8.5px; font-weight:600; border-radius:6px; padding:4px 9px; white-space:nowrap}.wtq-v4 .obtn{display:inline-flex; align-items:center; gap:4px; background:#fff; color:#2B2B29; border:1px solid #E4E4E1; font-size:8.5px; font-weight:500; border-radius:6px; padding:4px 9px; white-space:nowrap}
/* كروت الحالة — النقط الأول، بعدين البوكس، بعدين المحتوى */
.wtq-v4 .fc{position:absolute; z-index:4; direction:rtl; transform:translateZ(var(--z,0px))}.wtq-v4 .fc .mk{
  position:absolute; inset:-4px; pointer-events:none; opacity:0; transition:opacity .25s ease; background-repeat:no-repeat;
  background-image:
    radial-gradient(circle 2.4px at 0 0, var(--ink) 96%, transparent 100%),
    radial-gradient(circle 2.4px at 100% 0, var(--ink) 96%, transparent 100%),
    radial-gradient(circle 2.4px at 0 100%, var(--ink) 96%, transparent 100%),
    radial-gradient(circle 2.4px at 100% 100%, var(--ink) 96%, transparent 100%);
}.wtq-v4 .fc.mkon .mk{opacity:1}.wtq-v4 .fc .bx{
  background:#fff; border-radius:7px; padding:11px 12px 12px; opacity:0; transform:translateY(8px);
  box-shadow:0 1px 2px rgba(11,11,11,.05), 0 14px 30px -22px rgba(11,11,11,.5);
  transition:opacity .45s ease, transform .55s cubic-bezier(.22,.9,.28,1);
}.wtq-v4 .fc.in .bx{opacity:1; transform:none}.wtq-v4 .fc h4{margin:0 0 9px; font-size:11px; font-weight:600; letter-spacing:-.01em; display:flex; align-items:center; gap:6px}.wtq-v4 .fc h4 .b{display:none}.wtq-v4 .fc.done h4 .a{display:none}.wtq-v4 .fc.done h4 .b{display:inline}.wtq-v4 .fc h4 .ok{width:12px; height:12px; border-radius:50%; background:var(--green); display:none; place-items:center}.wtq-v4 .fc.done h4 .ok{display:grid}.wtq-v4 .fc h4 .ok::after{content:""; width:5px; height:3px; border:1.5px solid #fff; border-top:0; border-right:0; transform:rotate(-45deg) translate(0,-1px)}.wtq-v4 .fc .sk{display:block; height:4px; border-radius:2px; background:#E8E8E4; margin-bottom:5px}.wtq-v4 .ti{opacity:0; transform:translateX(6px); transition:opacity .35s ease var(--d,0s), transform .35s ease var(--d,0s)}.wtq-v4 .fc.go .ti{opacity:1; transform:none}.wtq-v4 .bar{height:4px; border-radius:2px; background:#ECECE8; overflow:hidden; margin:4px 0 8px}.wtq-v4 .bar i{display:block; height:100%; width:0; background:var(--blue); transition:width 1.1s ease var(--d,0s)}.wtq-v4 .fc.go .bar i{width:var(--w)}.wtq-v4 .chk{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:7px}.wtq-v4 .chk li{display:flex; align-items:center; gap:8px; font-size:9.5px; color:#B8B8B4; transition:color .3s ease var(--d,0s)}.wtq-v4 .chk li .ic{width:13px; height:13px; border-radius:3px; background:#EDEDE9; flex:none; transition:background .3s ease var(--d,0s)}.wtq-v4 .fc.go .chk li:not(.late){color:#4A4A47}.wtq-v4 .fc.go .chk li:not(.late) .ic{background:var(--blue)}.wtq-v4 .fc.done .chk li.late{color:#4A4A47}.wtq-v4 .fc.done .chk li.late .ic{background:var(--green)}.wtq-v4 .typed{min-height:1.4em}.wtq-v4 .typed::after{content:"▍"; color:var(--blue); opacity:0; margin-inline-start:1px}.wtq-v4 .typed.typing::after{opacity:1; animation:blink .7s steps(1) infinite}@keyframes blink{
50% {opacity:0}}.wtq-v4 .fc .lbl{font-size:8.5px; color:#6E6E6B}.wtq-v4 .fc .val{font-size:12px; font-weight:600; letter-spacing:-.01em}.wtq-v4 .fc .sub{font-size:9px; color:var(--faint); margin-top:2px}
/* ================= المشهد A: المحرّر ================= */
.wtq-v4 .edwin{
  position:absolute; left:262px; top:58px; width:472px; height:484px; z-index:3; background:#fff; border-radius:10px;
  box-shadow:0 30px 60px -28px rgba(11,11,11,.5), 0 2px 6px rgba(11,11,11,.1); overflow:hidden;
  transform:translateY(40px); opacity:0; transition:transform 1s cubic-bezier(.2,.85,.25,1), opacity .4s ease;
}.wtq-v4 .edwin.in{transform:none; opacity:1}.wtq-v4 .edbar{height:38px; display:flex; align-items:center; gap:6px; padding:0 12px; border-bottom:1px solid #EEEEEA; direction:rtl}.wtq-v4 .edbar .tt{font-size:9.5px; font-weight:600; color:#2B2B29; margin-inline-end:auto; display:flex; align-items:center; gap:6px}.wtq-v4 .edbar .tt i{width:14px; height:14px; border-radius:4px; background:var(--blue-50); display:inline-block}.wtq-v4 .edbar .st{font-size:8px; color:#9A9A96; display:flex; align-items:center; gap:4px}.wtq-v4 .edbar .st::before{content:""; width:5px; height:5px; border-radius:50%; background:#F59E0B}.wtq-v4 .edwin.saved .edbar .st::before{background:var(--green)}.wtq-v4 .edtools{height:30px; display:flex; align-items:center; gap:5px; padding:0 12px; background:#FAFAF8; border-bottom:1px solid #EEEEEA; direction:rtl}.wtq-v4 .edtools i{width:16px; height:16px; border-radius:4px; background:#E9E9E5; display:inline-block}.wtq-v4 .edtools i.w{width:44px; background:#fff; border:1px solid #E4E4E1}.wtq-v4 .edtools .sep{width:1px; height:14px; background:#E4E4E1; margin:0 3px}.wtq-v4 .edpage{padding:22px 28px; direction:rtl; text-align:right}.wtq-v4 .edpage .meta{font-size:7.5px; color:#9A9A96; display:flex; gap:10px; margin-bottom:12px}.wtq-v4 .edpage h5{margin:0 0 10px; font-size:13px; font-weight:700; color:#1D1D1F; min-height:20px}.wtq-v4 .edpage h5::after{content:""; display:inline-block; width:1px; height:12px; background:var(--blue); margin-inline-start:2px; vertical-align:-2px; opacity:0}.wtq-v4 .edpage h5.typing::after{opacity:1; animation:blink .7s steps(1) infinite}.wtq-v4 .edpage p{font-size:9.5px; line-height:2.1; color:#3A3A38; min-height:80px}.wtq-v4 .edpage .w{font-style:normal; opacity:0; transition:opacity .12s}.wtq-v4 .edpage .w.on{opacity:1}.wtq-v4 .slot{
  display:inline-block; vertical-align:middle; min-width:54px; height:14px; margin:0 2px; border-bottom:1px dashed #C9C9C4;
  opacity:0; transition:opacity .2s, border-color .2s, background .2s;
}.wtq-v4 .slot.vis{opacity:1}.wtq-v4 .slot b{display:none; font-size:8.5px; font-weight:600; color:var(--blue); background:var(--blue-50); border:1px solid #BFD3FB; border-radius:4px; padding:1px 7px; line-height:1.3}.wtq-v4 .slot.on{border-bottom-color:transparent; height:auto}.wtq-v4 .slot.on b{display:inline-block; animation:drop .35s cubic-bezier(.2,1.4,.4,1)}@keyframes drop{
from {transform:scale(1.12)}
to {transform:none}}.wtq-v4 .edpage .lines{margin-top:10px; display:flex; flex-direction:column; gap:7px}.wtq-v4 .edpage .lines .lnk{display:block; height:4px; border-radius:2px; background:#E6E6E2; opacity:0; transition:opacity .3s var(--d,0s)}.wtq-v4 .edpage .lines .h{display:block; height:6px; width:46%; background:#D9D9D4; border-radius:2px; margin-top:8px}.wtq-v4 .edwin.more .lines .lnk{opacity:1}.wtq-v4 .fields{
  position:absolute; left:770px; top:96px; width:262px; z-index:4; background:#fff; border-radius:10px; direction:rtl;
  box-shadow:0 20px 44px -26px rgba(11,11,11,.45), 0 1px 3px rgba(11,11,11,.08); padding:14px 14px 12px;
  transform:translateX(24px); opacity:0; transition:transform .9s cubic-bezier(.2,.85,.25,1) .15s, opacity .4s ease .15s;
}.wtq-v4 .fields.in{transform:none; opacity:1}.wtq-v4 .fields .hd{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px}.wtq-v4 .fields .hd b{font-size:10.5px; font-weight:600}.wtq-v4 .fields .hint{font-size:7.5px; color:#9A9A96; margin-bottom:10px; line-height:1.6}.wtq-v4 .fields .grp{font-size:8px; color:#6E6E6B; margin:8px 0 5px}.wtq-v4 .fields .grid{display:grid; grid-template-columns:1fr 1fr; gap:6px}.wtq-v4 .chip{
  display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:9px; font-weight:600; color:#2B2B29;
  background:#fff; border:1px solid #E4E4E1; border-radius:8px; padding:7px 9px; position:relative; cursor:grab;
}.wtq-v4 .chip i{width:11px; height:11px; border-radius:3px; background:#EEF0F4; flex:none}.wtq-v4 .chip.src{border-color:var(--blue); box-shadow:0 0 0 3px rgba(37,99,235,.12)}.wtq-v4 .dragg{
  position:absolute; z-index:9; pointer-events:none; opacity:0;
  transition:transform .95s cubic-bezier(.35,.05,.2,1), opacity .2s ease;
}.wtq-v4 .dragg .chip{box-shadow:0 18px 30px -14px rgba(11,11,11,.55); border-color:var(--blue); background:#fff; transform:rotate(-2deg)}.wtq-v4 .dragg .cur{position:absolute; left:-8px; bottom:-14px; width:16px; height:16px; filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.wtq-v4 .dragg.hold{opacity:1}.wtq-v4 .dragg.drop{opacity:0; transition:opacity .15s ease}.wtq-v4 #e1{top:66px; left:40px; width:206px; --z:60px}.wtq-v4 #e1 .fl{display:flex; align-items:center; gap:7px; font-size:9px; color:#4A4A47; padding:6px 8px; border:1px solid #EDEDE9; border-radius:6px; margin-bottom:6px}.wtq-v4 #e1 .fl i{width:16px; height:18px; border-radius:2px; background:linear-gradient(#EEF3FD,#DCE6FB); flex:none; border:1px solid #C9D8F7}.wtq-v4 #e2{top:378px; left:52px; width:194px; --z:40px}
/* ================= المشهد B: العقد ================= */
.wtq-v4 .slotw{
  position:absolute; left:50%; top:50%; width:300px; height:240px; border-radius:24px; background:#fff;
  transform:translate(-50%,-80%); opacity:0; z-index:1; box-shadow:0 20px 50px -30px rgba(11,11,11,.35);
  transition:opacity .5s ease, transform .6s ease;
}.wtq-v4 .slotw.in{opacity:1}.wtq-v4 .slotw.out{opacity:0; transform:translate(-50%,-80%) scale(.92)}.wtq-v4 .doc{
  position:absolute; left:50%; top:50%; width:236px; height:322px; z-index:3; direction:rtl;
  transform:translate(-50%,-50%) translateY(-170px) translateZ(0); opacity:0;
  background:linear-gradient(150deg,#141414 0%,#0B0B0B 55%,#181818 100%);
  border-radius:14px; color:#fff; padding:20px 18px 16px; display:flex; flex-direction:column;
  box-shadow:0 30px 60px -28px rgba(11,11,11,.65), 0 2px 6px rgba(11,11,11,.18);
  transition:transform 1.1s cubic-bezier(.2,.85,.25,1), opacity .35s ease;
}.wtq-v4 .doc.in{transform:translate(-50%,-50%) translateZ(0); opacity:1}.wtq-v4 .doc::before{
  content:""; position:absolute; inset:0; border-radius:14px; pointer-events:none; opacity:.35;
  background:repeating-radial-gradient(circle at 120% 55%, rgba(255,255,255,.16) 0 1px, transparent 1px 9px);
}.wtq-v4 .doc .dh{display:flex; justify-content:space-between; font-size:9.5px; color:#8E8E8A; letter-spacing:.04em}.wtq-v4 .doc .dt{margin-top:14px; font-size:14px; font-weight:600; line-height:1.45}.wtq-v4 .doc .dsub{margin-top:4px; font-size:9.5px; color:#8E8E8A}.wtq-v4 .doc .lines{margin-top:12px; display:flex; flex-direction:column; gap:6px; flex:1}.wtq-v4 .doc .lines i{display:block; height:4px; border-radius:2px; background:rgba(255,255,255,.16)}.wtq-v4 .doc .sigbox{position:relative; border-top:1px solid rgba(255,255,255,.16); padding-top:8px}.wtq-v4 .doc .sigcap{font-size:9px; color:#8E8E8A}.wtq-v4 .doc .sig{height:44px; margin:2px 0 0}.wtq-v4 .doc .sig .body, .wtq-v4 .doc .sig .marks{fill:#fff}.wtq-v4 .doc .sig .tip{fill:#60A5FA}.wtq-v4 #c1{top:52px; left:302px; width:206px; --z:60px}.wtq-v4 #c1 .mini{background:#FBFBFA; border:1px solid #EDEDE9; border-radius:6px; padding:11px 12px}.wtq-v4 #c1 .mini .badge{width:15px; height:15px; border-radius:50%; background:var(--blue); margin:0 auto 8px}.wtq-v4 #c1 .mini .ttl{text-align:center; font-size:8.5px; line-height:1.6; color:#4A4A47}.wtq-v4 #c1 .mini .row{display:flex; justify-content:space-between; font-size:8px; color:#6E6E6B; margin-top:5px}.wtq-v4 #c1 .mini hr{border:0; border-top:1px dashed #DEDEDA; margin:9px 0 6px}.wtq-v4 #c1 .mini .row.tot{font-weight:700; color:var(--ink); margin-top:8px}.wtq-v4 #c2{top:86px; left:742px; width:170px; --z:-40px}.wtq-v4 #c3{top:268px; left:706px; width:230px; --z:80px}.wtq-v4 #c4{top:334px; left:246px; width:226px; --z:-30px}.wtq-v4 #c4 .cols{display:grid; grid-template-columns:1fr 1fr; gap:9px}.wtq-v4 #c4 .col{background:#FBFBFA; border:1px solid #EDEDE9; border-radius:6px; padding:9px}.wtq-v4 #c4 .col span{font-size:8.5px; color:#6E6E6B; display:flex; align-items:center; justify-content:space-between; margin-bottom:7px}.wtq-v4 #c4 .col span em{width:6px; height:6px; border-radius:50%; background:#D6D6D2; font-style:normal}.wtq-v4 #c4 .col.ok span em{background:var(--blue)}.wtq-v4 #c5{top:506px; left:606px; --z:90px}.wtq-v4 #c5 .bx{display:flex; align-items:center; gap:9px; padding:9px 14px}.wtq-v4 #c5 .av{width:19px; height:19px; border-radius:50%; flex:none; color:#fff; font-size:8px; font-weight:700; background:linear-gradient(140deg,#2563EB,#60A5FA); display:grid; place-items:center; font-family:'Alexandria'}.wtq-v4 #c5 b{font-size:10.5px; font-weight:600; white-space:nowrap}
/* ================= المشهد C: الهوية (موبايل مرسوم) ================= */
.wtq-v4 .phone{
  position:absolute; left:50%; top:50%; width:216px; height:444px; z-index:3; border-radius:32px; background:#121212; padding:8px;
  transform:translate(-50%,-50%) scale(.94); opacity:0;
  box-shadow:0 30px 60px -28px rgba(11,11,11,.6), 0 2px 6px rgba(11,11,11,.14), inset 0 0 0 1.5px #2a2a2a;
  transition:transform .9s cubic-bezier(.2,.85,.25,1), opacity .4s ease;
}.wtq-v4 .phone.in{transform:translate(-50%,-50%); opacity:1}.wtq-v4 .phone .notch{position:absolute; left:50%; top:14px; transform:translateX(-50%); width:56px; height:6px; border-radius:99px; background:#2a2a2a; z-index:3}.wtq-v4 .scr{position:absolute; inset:8px; border-radius:25px; overflow:hidden; background:#fff}.wtq-v4 .scr .s{position:absolute; inset:0; opacity:0; transition:opacity .5s ease; direction:rtl; text-align:center; padding:34px 16px 16px; display:flex; flex-direction:column; align-items:center}.wtq-v4 .scr .s.on, .wtq-v4 .scr .s.always{opacity:1}.wtq-v4 .scr .brandmini{position:absolute; bottom:12px; left:50%; transform:translateX(-50%); font-size:7px; color:#9A9A96; display:flex; align-items:center; gap:4px}.wtq-v4 .scr .brandmini svg{height:8px; width:auto}.wtq-v4 .scr h6{margin:0; font-size:11px; font-weight:700; color:#1D1D1F}.wtq-v4 .scr .hint{font-size:7.5px; color:#8A8A86; margin-top:3px; line-height:1.6}.wtq-v4 .s1{background:#1C1C1E!important; color:#fff}.wtq-v4 .s1 h6{color:#fff}.wtq-v4 .s1 .hint{color:#B5B5B0}.wtq-v4 .s1 .cam{position:relative; width:172px; height:112px; margin:26px 0 0; border:1.5px dashed rgba(255,255,255,.55); border-radius:10px; padding:8px}.wtq-v4 .s1 .cam::before{content:""; position:absolute; inset:-6px; border-radius:14px; border:1px solid rgba(255,255,255,.12)}.wtq-v4 .s1 .idc{width:100%; height:100%; border-radius:6px; background:linear-gradient(135deg,#F1F3F7,#DDE4EE); position:relative; overflow:hidden}.wtq-v4 .s1 .idc .ph{position:absolute; right:8px; top:8px; width:34px; height:44px; border-radius:4px; background:#C7D0DF}.wtq-v4 .s1 .idc i{position:absolute; right:50px; height:4px; border-radius:2px; background:#B9C3D4}.wtq-v4 .s1 .idc .fl{position:absolute; left:8px; bottom:8px; width:20px; height:12px; border-radius:2px; background:#D24C3C; opacity:.75}.wtq-v4 .s1 .scan{position:absolute; inset-inline:6px; top:6px; height:2px; background:#60A5FA; box-shadow:0 0 12px 3px rgba(96,165,250,.6); opacity:0}.wtq-v4 .phone.scan .s1 .scan{opacity:1; animation:scan 1.4s ease-in-out 2}@keyframes scan{
0% {top:6px}
100% {top:calc(100% - 8px)}}.wtq-v4 .s1 .shut{position:absolute; bottom:34px; left:50%; transform:translateX(-50%); width:38px; height:38px; border-radius:50%; border:2.5px solid #fff}.wtq-v4 .s1 .shut::after{content:""; position:absolute; inset:4px; border-radius:50%; background:#fff}.wtq-v4 .s2 .face{position:relative; width:126px; height:158px; margin:22px 0 0; border:1.5px dashed #BFD3FB; border-radius:50%}.wtq-v4 .s2 .face::before{content:""; position:absolute; left:50%; top:30px; transform:translateX(-50%); width:52px; height:52px; border-radius:50%; background:#E8EDF7}.wtq-v4 .s2 .face::after{content:""; position:absolute; left:50%; bottom:12px; transform:translateX(-50%); width:96px; height:52px; border-radius:48px 48px 8px 8px; background:#E8EDF7}.wtq-v4 .s2 .ring{position:absolute; inset:-6px; border-radius:50%; border:3px solid #E6ECF8; border-top-color:var(--blue); opacity:0}.wtq-v4 .phone.live .s2 .ring{opacity:1; animation:spin 1.1s linear infinite}@keyframes spin{
to {transform:rotate(360deg)}}.wtq-v4 .s2 .pb{width:150px; height:4px; border-radius:2px; background:#ECEEF3; margin-top:18px; overflow:hidden}.wtq-v4 .s2 .pb i{display:block; height:100%; width:0; background:var(--blue); transition:width 1.6s ease}.wtq-v4 .phone.live .s2 .pb i{width:100%}.wtq-v4 .s3 .ok{width:64px; height:64px; border-radius:50%; background:var(--green-50); margin:58px 0 16px; display:grid; place-items:center}.wtq-v4 .s3 .ok::after{content:""; width:22px; height:12px; border:3px solid var(--green); border-top:0; border-right:0; transform:rotate(-45deg) translate(1px,-3px)}.wtq-v4 .s3 .go{margin-top:auto; margin-bottom:22px; width:150px; padding:8px; border-radius:8px; background:var(--blue); color:#fff; font-size:9px; font-weight:600}.wtq-v4 #p1{top:96px; left:300px; width:200px; --z:60px}.wtq-v4 #p1 .idc{position:relative; height:72px; border-radius:6px; overflow:hidden; background:linear-gradient(135deg,#EEF1F6,#DDE3EE)}.wtq-v4 #p1 .idc i{position:absolute; left:10px; right:10px; height:3px; border-radius:2px; background:#C9D2E3}.wtq-v4 #p1 .idc .scan{position:absolute; inset-inline:0; top:0; height:2px; background:var(--blue); box-shadow:0 0 12px 2px rgba(37,99,235,.55); opacity:0}.wtq-v4 #p1.go .idc .scan{opacity:1; animation:scan 1.3s ease-in-out 2}.wtq-v4 #p2{top:262px; left:712px; width:206px; --z:-30px}.wtq-v4 #p3{top:404px; left:280px; width:220px; --z:80px}.wtq-v4 #p3 .pct{font-size:26px; font-weight:700; letter-spacing:-.03em; line-height:1}.wtq-v4 #p3 .pct small{font-size:10px; font-weight:500; color:var(--faint); margin-inline-start:6px}.wtq-v4 #p4{top:70px; left:730px; width:196px; --z:40px}
/* ================= المشهد D: الشهادة (مرسومة) ================= */
.wtq-v4 .page{
  position:absolute; left:50%; top:50%; width:386px; z-index:3; background:#fff; border-radius:8px; overflow:hidden; direction:rtl;
  transform:translate(-50%,-50%) translateY(60px); opacity:0; padding:0 0 16px;
  box-shadow:0 30px 60px -28px rgba(11,11,11,.55), 0 2px 6px rgba(11,11,11,.12);
  transition:transform 1s cubic-bezier(.2,.85,.25,1), opacity .4s ease;
}.wtq-v4 .page.in{transform:translate(-50%,-50%); opacity:1}.wtq-v4 .page .top{height:4px; background:linear-gradient(90deg,#2563EB,#60A5FA)}.wtq-v4 .page .ph{display:flex; align-items:flex-start; justify-content:space-between; padding:16px 18px 10px}.wtq-v4 .page .ph .t b{display:block; font-size:12.5px; font-weight:700; color:#1D1D1F; border-inline-start:3px solid var(--blue); padding-inline-start:8px; line-height:1.4}.wtq-v4 .page .ph .t small{display:block; font-size:6.5px; color:#9A9A96; letter-spacing:.14em; padding-inline-start:11px; margin-top:2px; font-family:'Alexandria'}.wtq-v4 .page .body{display:grid; grid-template-columns:1fr 92px; gap:14px; padding:4px 18px 0}.wtq-v4 .page .sec{font-size:8px; color:#9A9A96; border-bottom:1px solid #EEEEEA; padding-bottom:3px; margin:4px 0 6px}.wtq-v4 .page .kv{display:grid; grid-template-columns:1fr 1fr; gap:6px 12px}.wtq-v4 .page .kv div{font-size:7px; color:#9A9A96}.wtq-v4 .page .kv div b{display:block; font-size:9px; font-weight:600; color:#1D1D1F; margin-top:1px}.wtq-v4 .page .kv div b.g{color:#15803D}.wtq-v4 .page .party{margin-top:10px; border-inline-start:2px solid var(--blue); padding-inline-start:8px}.wtq-v4 .page .party b{font-size:9px}.wtq-v4 .page .party .lnk{margin-top:5px; width:70%}.wtq-v4 .page .party .lnk+.lnk{width:48%}.wtq-v4 .page .party .stpill{float:left}.wtq-v4 .page .qrcol{text-align:center; border-inline-start:1px solid #EEEEEA; padding-inline-start:12px}.wtq-v4 .page .qrcol svg{display:block; margin:0 auto 4px}.wtq-v4 .page .qrcol small{display:block; font-size:6.5px; color:#9A9A96}.wtq-v4 .page .qrcol .ref{margin-top:8px; font-size:6.5px; color:#9A9A96}.wtq-v4 .page .qrcol .ref b{display:block; font-size:7.5px; color:var(--blue); font-family:'Alexandria'; direction:ltr}.wtq-v4 .page .foot{margin:12px 18px 0; padding-top:8px; border-top:1px dashed #E4E4E1; font-size:6.5px; color:#9A9A96; display:flex; justify-content:space-between}.wtq-v4 #q1{top:78px; left:236px; width:214px; --z:60px}.wtq-v4 #q2{top:98px; left:754px; width:196px; --z:-30px}.wtq-v4 #q3{top:330px; left:206px; width:250px; --z:70px}.wtq-v4 #q3 .hash{font-size:9.5px; word-break:break-all; line-height:1.5; color:#4A4A47}.wtq-v4 #q4{top:384px; left:762px; --z:90px}.wtq-v4 #q4 .bx{display:flex; align-items:center; gap:9px; padding:9px 14px}.wtq-v4 #q4 .gd{width:18px; height:18px; border-radius:50%; background:var(--green-50); color:var(--green); display:grid; place-items:center; font-size:10px; font-weight:700}.wtq-v4 #q4 b{font-size:10.5px; font-weight:600; white-space:nowrap}
/* ================= المشهد E: المنصة (لوحة مرسومة في فريم متصفح) ================= */
.wtq-v4 .browser{
  position:absolute; left:50%; top:74px; width:1000px; z-index:2; background:#fff; border-radius:12px; overflow:hidden;
  transform:translateX(-50%) translateY(50px); opacity:0;
  box-shadow:0 40px 80px -36px rgba(11,11,11,.5), 0 2px 6px rgba(11,11,11,.08);
  transition:transform 1s cubic-bezier(.2,.85,.25,1), opacity .5s ease;
}.wtq-v4 .browser.in{transform:translateX(-50%); opacity:1}.wtq-v4 .bbar{height:34px; display:flex; align-items:center; padding:0 14px; background:#F6F6F4; border-bottom:1px solid #E6E6E2; position:relative}.wtq-v4 .bbar i{width:9px; height:9px; border-radius:50%; background:#DCDCD8; margin-inline-end:6px}.wtq-v4 .bbar span{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:10.5px; color:var(--faint); font-family:'Alexandria'}.wtq-v4 .screens{position:relative; height:520px; direction:rtl}.wtq-v4 .screens .app{position:absolute; inset:0; opacity:0; transition:opacity .8s ease; display:flex; background:#F7F7F9}.wtq-v4 .screens .app.on{opacity:1}.wtq-v4 .side{width:170px; background:#fff; border-inline-end:1px solid #ECECEA; padding:14px 12px; flex:none}.wtq-v4 .side .lg{display:flex; align-items:center; margin-bottom:12px}.wtq-v4 .side .lg svg{height:20px; width:auto}.wtq-v4 .side .nb{display:block; text-align:center; background:var(--blue); color:#fff; font-size:9.5px; font-weight:600; border-radius:8px; padding:7px; margin-bottom:12px}.wtq-v4 .side ul{list-style:none; margin:0; padding:0}.wtq-v4 .side li{font-size:9.5px; color:#4A4A47; padding:6px 9px; border-radius:7px; display:flex; align-items:center; gap:7px}.wtq-v4 .side li::before{content:""; width:11px; height:11px; border-radius:3px; background:#E9E9E5}.wtq-v4 .side li.on{background:var(--blue-50); color:var(--blue); font-weight:600}.wtq-v4 .side li.on::before{background:var(--blue)}.wtq-v4 .side .grp{font-size:7.5px; color:#9A9A96; margin:8px 9px 3px}.wtq-v4 .main{flex:1; padding:14px 20px; min-width:0}.wtq-v4 .top{display:flex; align-items:center; gap:10px; margin-bottom:12px}.wtq-v4 .top .srch{flex:1; height:26px; border:1px solid #E4E4E1; border-radius:8px; background:#fff; font-size:8.5px; color:#9A9A96; display:flex; align-items:center; padding:0 10px; gap:6px}.wtq-v4 .top .ic{width:22px; height:22px; border-radius:7px; background:#fff; border:1px solid #E4E4E1}.wtq-v4 .top .plan{font-size:8px; color:#B45309; background:#FEF3C7; border-radius:999px; padding:3px 8px; font-weight:600}.wtq-v4 .tabs{display:flex; gap:6px; margin-bottom:12px}.wtq-v4 .tabs span{font-size:8.5px; color:#4A4A47; border:1px solid #E4E4E1; background:#fff; border-radius:999px; padding:3px 10px}.wtq-v4 .tabs span.on{background:var(--blue); border-color:var(--blue); color:#fff}.wtq-v4 .stat{background:#fff; border:1px solid #ECECEA; border-radius:10px; padding:10px 14px; margin-bottom:12px}.wtq-v4 .stat .h{font-size:9.5px; font-weight:600; margin-bottom:6px}.wtq-v4 .stat .h small{font-weight:400; color:#9A9A96; font-size:8px; margin-inline-start:6px}.wtq-v4 .stat .tiles{display:flex; gap:8px}.wtq-v4 .stat .tile{flex:1; border:1px solid #ECECEA; border-radius:8px; padding:7px 10px; font-size:8.5px; color:#4A4A47; display:flex; align-items:center; gap:8px}.wtq-v4 .stat .tile b{font-size:13px; color:var(--blue); font-family:'Alexandria'}.wtq-v4 .tbl{background:#fff; border:1px solid #ECECEA; border-radius:10px; overflow:hidden}.wtq-v4 .tbl .rw{display:grid; grid-template-columns:1.6fr 1fr 1fr .7fr; align-items:center; gap:10px; padding:8px 14px; border-top:1px solid #F1F1EE; font-size:9px}.wtq-v4 .tbl .rw.hd{border-top:0; background:#FAFAF8; color:#9A9A96; font-size:8px}.wtq-v4 .tbl .rw b{display:block; font-weight:600; color:#1D1D1F}.wtq-v4 .tbl .rw small{display:block; font-size:7.5px; color:#9A9A96}.wtq-v4 .tbl .rw .pg{height:4px; border-radius:2px; background:#ECECE8; overflow:hidden}.wtq-v4 .tbl .rw .pg i{display:block; height:100%; background:#2B2B29; width:var(--w)}.wtq-v4 .tbl .rw .dt{font-size:8px; color:#9A9A96; font-family:'Alexandria'; direction:ltr; text-align:right}
/* صفحة التحقق */
.wtq-v4 .vpage{flex:1; padding:22px 40px; display:flex; flex-direction:column; align-items:center}.wtq-v4 .vpage .vh{font-size:13px; font-weight:700; margin-bottom:10px}.wtq-v4 .vpage .vh span{color:var(--blue)}.wtq-v4 .vcard{width:520px; background:#fff; border:1px solid #D9EFE0; border-top:3px solid var(--green); border-radius:10px; padding:16px; text-align:center}.wtq-v4 .vcard .ok{width:34px; height:34px; border-radius:50%; background:var(--green-50); margin:0 auto 8px; display:grid; place-items:center}.wtq-v4 .vcard .ok::after{content:""; width:12px; height:7px; border:2.5px solid var(--green); border-top:0; border-right:0; transform:rotate(-45deg) translate(1px,-2px)}.wtq-v4 .vcard b{display:block; font-size:12px; color:#15803D}.wtq-v4 .vcard p{font-size:8.5px; color:#6E6E6B; margin-top:4px}.wtq-v4 .vcard .chips{display:flex; gap:6px; justify-content:center; margin-top:10px}.wtq-v4 .vcard .chips span{font-size:8px; border:1px solid #E4E4E1; border-radius:999px; padding:3px 9px; color:#2B2B29}.wtq-v4 .vdata{width:520px; background:#fff; border:1px solid #ECECEA; border-radius:10px; margin-top:12px; overflow:hidden}.wtq-v4 .vdata .rw{display:grid; grid-template-columns:120px 1fr; font-size:8.5px; border-top:1px solid #F1F1EE}.wtq-v4 .vdata .rw:first-child{border-top:0}.wtq-v4 .vdata .rw span:first-child{background:#FAFAF8; padding:6px 12px; font-weight:600}.wtq-v4 .vdata .rw span:last-child{padding:6px 12px; color:#2B2B29}
/* صفحة التنبيهات */
.wtq-v4 .alerts{flex:1; padding:14px 20px}.wtq-v4 .alerts .arow{display:grid; grid-template-columns:1.5fr 1fr 1fr auto; align-items:center; gap:10px; background:#fff; border:1px solid #ECECEA; border-radius:10px; padding:9px 14px; margin-bottom:8px; font-size:9px}.wtq-v4 .alerts .arow b{display:block; font-weight:600; color:#1D1D1F}.wtq-v4 .alerts .arow small{display:block; font-size:7.5px; color:#9A9A96}.wtq-v4 .alerts .arow .cd{font-size:8px; font-weight:600; border-radius:999px; padding:3px 9px}.wtq-v4 .cd.r{background:#FEE2E2; color:#B91C1C}.wtq-v4 .cd.o{background:#FEF3C7; color:#B45309}.wtq-v4 .cd.g{background:var(--green-50); color:#15803D}.wtq-v4 .phone4{position:absolute; left:930px; top:200px; width:186px; height:382px; z-index:5; opacity:0; transform:translateY(30px); transition:transform .9s cubic-bezier(.2,.85,.25,1) .1s, opacity .5s ease .1s}.wtq-v4 .phone4.in{opacity:1; transform:none}.wtq-v4 .phone4 .phone{position:static; width:186px; height:382px; transform:none; opacity:1; left:auto; top:auto}.wtq-v4 .phone4 .scr .s{padding:30px 12px 12px}.wtq-v4 .doc.mini{
  left:56px; top:auto; bottom:-96px; width:250px; height:250px; transform:translateY(40px); opacity:0; z-index:6;
  padding:18px 16px; transition:transform .9s cubic-bezier(.2,.85,.25,1) .2s, opacity .5s ease .2s;
}.wtq-v4 .doc.mini.in{transform:none; opacity:1}.wtq-v4 .doc.mini .dt{font-size:13px}
/* ═══ الدرجتان الأعلى — تصميم المالك (٤ سبتمبر ٢٠٢٦) ═══════════════════
   حلّ محلّ أنماط `.dg*` القديمة، وحُذفت معها `@keyframes` الثلاثة التي
   لم يبقَ لها مستعمل: scanY2 · pinFill · blink2.
   الأوزان مضبوطة على قاعدة المشروع: العنوان الرئيسي وحده تقيل. */
/* ===== الدرجتان الأعلى — تصميم ٤ ===== */
.wtq-v4 .dz-grid{position:relative; display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:stretch}.wtq-v4 .dz-grid > *{min-width:0}.wtq-v4 .dz-vs{position:absolute; z-index:5; left:50%; top:50%; transform:translate(-50%,-50%); width:44px; height:44px; border-radius:50%;
  background:#fff; border:1px solid var(--line-2); box-shadow:0 10px 26px -14px rgba(11,27,90,.35);
  display:grid; place-items:center; font-size:13px; font-weight:600; color:var(--ink)}.wtq-v4 .dz-card{position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:26px 26px 22px; transition:border-color .3s, box-shadow .3s, transform .3s}.wtq-v4 .dz-card::before{content:""; position:absolute; inset:-4px; pointer-events:none; background-repeat:no-repeat;
  background-image:radial-gradient(circle 2.4px at 0 0, var(--ink) 96%, transparent 100%),radial-gradient(circle 2.4px at 100% 0, var(--ink) 96%, transparent 100%),radial-gradient(circle 2.4px at 0 100%, var(--ink) 96%, transparent 100%),radial-gradient(circle 2.4px at 100% 100%, var(--ink) 96%, transparent 100%)}.wtq-v4 .dz-card:hover{border-color:#C7D7FB; box-shadow:0 30px 60px -34px rgba(11,27,90,.28); transform:translateY(-3px)}.wtq-v4 .dz-top{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:16px}.wtq-v4 .dz-lv{display:inline-flex; align-items:center; gap:8px; font-size:11.5px; font-weight:500; color:var(--blue-700); background:var(--blue-50); border:1px solid #D6E2FB; border-radius:var(--r); padding:5px 11px}.wtq-v4 .dz-lv .ltr{font-family:'Alexandria'; font-weight:600; font-size:11px; letter-spacing:.06em}.wtq-v4 .dz-lv.top3{background:var(--blue); border-color:var(--blue); color:#fff}.wtq-v4 .dz-card h3{margin:0 0 8px; font-size:21px; font-weight:800; letter-spacing:-.02em}.wtq-v4 .dz-p{font-size:13px; color:var(--muted); line-height:1.95; font-weight:300; margin:0 0 18px}.wtq-v4 .dz-art{position:relative; height:322px; border:1px solid var(--line); border-radius:var(--r); overflow:hidden;
  background:#FBFBF9; background-image:radial-gradient(rgba(11,11,11,.05) 1px, transparent 1.4px); background-size:16px 16px}.wtq-v4 .dz-facts{list-style:none; margin:18px 0 0; padding:0; display:flex; flex-direction:column; gap:9px}.wtq-v4 .dz-facts li{display:flex; align-items:center; gap:11px; font-size:12.5px; color:#3A3A38; line-height:1.7}.wtq-v4 .dz-facts .itile{width:30px; height:30px}.wtq-v4 .dz-facts .itile .ico{width:14px; height:14px}.wtq-v4 .dz-end{margin-top:auto; padding-top:16px; border-top:1px dashed var(--line-2); display:flex; align-items:center; gap:9px; font-size:12px; color:var(--muted)}.wtq-v4 .dz-facts{margin-bottom:18px}.wtq-v4 .dz-end .ico{width:15px; height:15px; color:var(--blue)}

/* --- اللوحة اليمنى: الهوية المؤكَّدة --- */
.wtq-v4 .dza-stage{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; padding:18px}.wtq-v4 .dza-frame{position:relative; width:296px}.wtq-v4 .dza-c{position:absolute; width:17px; height:17px; border:2.5px solid var(--blue); opacity:.85; transition:.4s; border-radius:2px}.wtq-v4 .dza-c.ct1{top:-10px; right:-10px; border-left:0; border-bottom:0; border-start-start-radius:0}.wtq-v4 .dza-c.ct2{top:-10px; left:-10px; border-right:0; border-bottom:0}.wtq-v4 .dza-c.ct3{bottom:-10px; right:-10px; border-left:0; border-top:0}.wtq-v4 .dza-c.ct4{bottom:-10px; left:-10px; border-right:0; border-top:0}.wtq-v4 .dz-id.p1 .dza-c{animation:dzaCorner 1.6s ease-in-out}@keyframes dzaCorner{0%,100%{box-shadow:0 0 0 0 rgba(37,99,235,0)} 40%{box-shadow:0 0 0 5px rgba(37,99,235,.18)}}.wtq-v4 .dza-card{position:relative; background:#fff; border:1px solid var(--line-2); border-radius:var(--r); padding:12px 14px 13px; overflow:hidden; transition:border-color .5s, box-shadow .5s}.wtq-v4 .dza-hd{display:flex; align-items:center; gap:7px; font-size:11px; font-weight:500; padding-bottom:9px; border-bottom:1px solid var(--line)}.wtq-v4 .dza-hd .ico{width:14px; height:14px; color:var(--blue)}.wtq-v4 .dza-bd{display:flex; gap:14px; align-items:center; padding-top:11px}.wtq-v4 .dza-ph{width:56px; height:66px; flex:none; border-radius:5px; background:var(--panel); border:1px solid var(--line); display:grid; place-items:center; color:var(--faint); position:relative; overflow:hidden}.wtq-v4 .dza-ph .ico{width:26px; height:26px}.wtq-v4 .dza-ls{flex:1; display:flex; flex-direction:column; gap:8px}.wtq-v4 .dza-ls i{display:block; height:7px; border-radius:3.5px; background:#ECECE9}.wtq-v4 .dza-no{font-size:10px; color:var(--faint); letter-spacing:.14em; margin-top:2px}.wtq-v4 .dza-beam{position:absolute; left:0; right:0; top:-14%; height:36px; opacity:0; pointer-events:none;
  background:linear-gradient(180deg, transparent, rgba(37,99,235,.14) 45%, rgba(37,99,235,.34) 50%, rgba(37,99,235,.14) 55%, transparent)}.wtq-v4 .dz-id.p1 .dza-beam{animation:dzaBeam 1.7s ease-in-out}@keyframes dzaBeam{0%{top:-16%; opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{top:104%; opacity:0}}.wtq-v4 .dza-chip{position:absolute; z-index:3; display:flex; align-items:center; gap:6px; background:#fff; border:1px solid var(--line); border-radius:var(--r);
  box-shadow:0 12px 26px -16px rgba(11,27,90,.45); padding:5.5px 10px; font-size:10px; font-weight:500; white-space:nowrap; opacity:0; transform:translateY(7px) scale(.85); transition:.4s cubic-bezier(.2,.9,.3,1.4)}.wtq-v4 .dza-chip .ico{width:12px; height:12px}.wtq-v4 .dza-chip.k1{top:-15px; left:14px; color:var(--blue-700)}.wtq-v4 .dza-chip.k1 .ico{color:var(--blue)}.wtq-v4 .dza-chip.k2{top:40%; right:-24px; color:#15803D}.wtq-v4 .dza-chip.k2 .ico{color:var(--green)}.wtq-v4 .dza-chip.k3{bottom:-14px; left:14px; color:#5B3FBF}.wtq-v4 .dza-chip.k3 .ico{color:#6D4AD8}.wtq-v4 .dz-id.p2 .dza-chip{opacity:1; transform:none}.wtq-v4 .dz-id.p2 .dza-chip.k2{transition-delay:.22s}.wtq-v4 .dz-id.p2 .dza-chip.k3{transition-delay:.44s}.wtq-v4 .dza-face{display:flex; align-items:center; gap:10px; width:296px}.wtq-v4 .dza-nd{flex:none; display:flex; flex-direction:column; align-items:center; gap:5px}.wtq-v4 .dza-nd .dza-ic{width:38px; height:38px; border-radius:50%; background:#fff; border:1px solid var(--line-2); display:grid; place-items:center; color:var(--muted); transition:.4s}.wtq-v4 .dza-nd .ico{width:17px; height:17px}.wtq-v4 .dza-nd small{font-size:9.5px; color:var(--faint); font-weight:400; white-space:nowrap}.wtq-v4 .dz-id.p3 .dza-nd .dza-ic{border-color:var(--blue); color:var(--blue); box-shadow:0 0 0 4px rgba(37,99,235,.12)}.wtq-v4 .dza-ln{position:relative; flex:1; height:2px; border-top:2px dashed var(--line-2); margin-bottom:14px}.wtq-v4 .dza-dot{position:absolute; top:-5px; width:8px; height:8px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 3px rgba(37,99,235,.2); opacity:0}.wtq-v4 .dz-id.p3 .dza-ln .dza-dot{animation:dzaTravel 1.1s ease-in-out .1s 2}@keyframes dzaTravel{0%{left:calc(100% - 8px); opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{left:0; opacity:0}}.wtq-v4 .dza-pct{flex:none; position:relative; width:56px; height:56px; margin-bottom:10px}.wtq-v4 .dza-pct svg{width:56px; height:56px; transform:rotate(-90deg)}.wtq-v4 .dza-pct .bg{fill:none; stroke:#ECECE9; stroke-width:4}.wtq-v4 .dza-pct .fg{fill:none; stroke:var(--green); stroke-width:4; stroke-linecap:round; stroke-dasharray:151; stroke-dashoffset:151; transition:stroke-dashoffset 1.3s cubic-bezier(.3,.7,.3,1)}.wtq-v4 .dz-id.p3 .dza-pct .fg{stroke-dashoffset:2}.wtq-v4 .dza-pct b{position:absolute; inset:0; display:grid; place-items:center; font-size:11.5px; font-weight:600; color:var(--ink); letter-spacing:-.02em}.wtq-v4 .dza-seal{position:absolute; z-index:4; left:50%; top:58%; transform:translate(-50%,-50%) rotate(-6deg) scale(.55); opacity:0;
  display:flex; align-items:center; gap:7px; background:#fff; border:2.5px solid var(--green); color:#15803D; border-radius:var(--r);
  padding:8px 16px; font-size:13px; font-weight:600; box-shadow:0 18px 40px -18px rgba(22,163,74,.45); transition:.45s cubic-bezier(.2,.9,.3,1.35)}.wtq-v4 .dza-seal::after{content:""; position:absolute; inset:3px; border:1px solid rgba(22,163,74,.4); border-radius:4px}.wtq-v4 .dza-seal .ico{width:16px; height:16px}.wtq-v4 .dz-id.p4 .dza-seal{opacity:1; transform:translate(-50%,-50%) rotate(-6deg) scale(1)}.wtq-v4 .dz-id.p4 .dza-card{border-color:#BBE3C8; box-shadow:0 20px 44px -24px rgba(22,163,74,.35)}

/* --- اللوحة اليسرى: التوقيع الرقمي --- */
.wtq-v4 .dzt-stage{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; gap:20px; padding:20px 18px}.wtq-v4 .dzt-row{display:flex; align-items:center; gap:14px}.wtq-v4 .dzt-side{flex:none; display:flex; flex-direction:column; align-items:center; gap:7px}.wtq-v4 .dzt-tok{position:relative; width:56px; filter:drop-shadow(0 14px 22px rgba(11,27,90,.22))}.wtq-v4 .dzt-cap{display:block; width:30px; height:16px; margin:0 auto; border-radius:3px 3px 0 0; position:relative;
  background:linear-gradient(180deg,#E8E8E4,#C9C9C4); border:1px solid #B5B5B0; border-bottom:0}.wtq-v4 .dzt-cap::before, .wtq-v4 .dzt-cap::after{content:""; position:absolute; top:4px; width:7px; height:4px; background:#9A9A96; border-radius:1px}.wtq-v4 .dzt-cap::before{left:5px}.wtq-v4 .dzt-cap::after{right:5px}.wtq-v4 .dzt-body{position:relative; width:56px; height:88px; border-radius:9px; background:linear-gradient(160deg,#26262B,#101014); border:1px solid #000; overflow:hidden}.wtq-v4 .dzt-body::after{content:""; position:absolute; inset:0; background:linear-gradient(115deg, transparent 30%, rgba(255,255,255,.09) 45%, transparent 60%)}.wtq-v4 .dzt-chipc{position:absolute; left:50%; top:16px; transform:translateX(-50%); width:22px; height:17px; border-radius:3px;
  background:linear-gradient(160deg,#3E6FE0,#2563EB); border:1px solid rgba(255,255,255,.25); transition:.4s}.wtq-v4 .dzt-chipc::after{content:""; position:absolute; inset:3px; border:1px solid rgba(255,255,255,.35); border-radius:1.5px}.wtq-v4 .dz-tk.q1 .dzt-chipc{box-shadow:0 0 0 4px rgba(37,99,235,.3); animation:dztChip 1.4s ease-in-out infinite}@keyframes dztChip{50%{box-shadow:0 0 14px 3px rgba(90,140,255,.55)}}.wtq-v4 .dzt-led{position:absolute; left:50%; transform:translateX(-50%); bottom:26px; width:6px; height:6px; border-radius:50%; background:#4A4A50; transition:.35s}.wtq-v4 .dz-tk.q1 .dzt-led{background:var(--green); box-shadow:0 0 8px 1px rgba(22,163,74,.7)}.wtq-v4 .dzt-hole{position:absolute; left:50%; transform:translateX(-50%); bottom:7px; width:11px; height:11px; border-radius:50%; border:2.5px solid #3C3C42}.wtq-v4 .dzt-pin{font-size:9.5px; letter-spacing:.16em; color:var(--muted); background:#fff; border:1px solid var(--line); border-radius:5px; padding:2px 8px; opacity:0; transform:translateY(5px); transition:.35s}.wtq-v4 .dz-tk.q1 .dzt-pin{opacity:1; transform:none}.wtq-v4 .dzt-side small{font-size:9.5px; color:var(--faint); font-weight:400}.wtq-v4 .dzt-lane{flex:1; display:flex; flex-direction:column; align-items:center; gap:8px; min-width:0}.wtq-v4 .dzt-hash{font-size:9.5px; font-weight:500; color:var(--blue-700); background:var(--blue-50); border:1px solid #D6E2FB; border-radius:5px; padding:2.5px 9px; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; opacity:0; transform:translateY(4px); transition:.35s}.wtq-v4 .dz-tk.q2 .dzt-hash{opacity:1; transform:none}.wtq-v4 .dzt-track{position:relative; display:block; width:100%; height:2px; border-top:2px dashed var(--line-2)}.wtq-v4 .dzt-mv{position:absolute; top:-5px; width:8px; height:8px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 3px rgba(37,99,235,.2); opacity:0}.wtq-v4 .dz-tk.q2 .dzt-mv{animation:dztMv 1.25s ease-in-out infinite}@keyframes dztMv{0%{left:calc(100% - 8px); opacity:0} 14%{opacity:1} 86%{opacity:1} 100%{left:0; opacity:0}}.wtq-v4 .dzt-lane small{font-size:9px; color:var(--faint); text-align:center; line-height:1.6}.wtq-v4 .dzt-cert{position:relative; flex:none; width:172px; background:#fff; border:1px solid var(--line-2); border-radius:var(--r); padding:11px 13px 13px; transition:border-color .45s, box-shadow .45s}.wtq-v4 .dzt-ch{display:flex; align-items:center; gap:6px; font-size:10px; font-weight:500; padding-bottom:8px; border-bottom:1px solid var(--line); margin-bottom:9px}.wtq-v4 .dzt-ch .ico{width:13px; height:13px; color:var(--blue)}.wtq-v4 .dzt-l{display:block; height:6px; border-radius:3px; background:#ECECE9; margin-bottom:7px}.wtq-v4 .dzt-sn{display:block; font-size:9px; color:var(--faint); letter-spacing:.1em; margin-top:2px; text-align:right}.wtq-v4 .dzt-seal{position:absolute; left:-16px; bottom:-16px; width:58px; height:58px; opacity:0; transform:rotate(14deg) scale(1.7); transition:.45s cubic-bezier(.2,.9,.3,1.3)}.wtq-v4 .dz-tk.q3 .dzt-seal{opacity:1; transform:rotate(-9deg) scale(1)}.wtq-v4 .dz-tk.q3 .dzt-cert{border-color:#C7D7FB; box-shadow:0 18px 40px -20px rgba(37,99,235,.4)}.wtq-v4 .dzt-tag{position:absolute; left:10px; top:-11px; font-size:9.5px; font-weight:500; color:#fff; background:var(--blue); border-radius:5px; padding:2px 9px; opacity:0; transform:translateY(5px); transition:.4s .15s}.wtq-v4 .dz-tk.q3 .dzt-tag{opacity:1; transform:none}.wtq-v4 .dzt-chain{display:flex; align-items:center; justify-content:center; gap:7px; flex-wrap:wrap}.wtq-v4 .dzt-cl{font-size:9.5px; color:var(--faint); font-weight:400; margin-inline-end:3px}.wtq-v4 .dzt-n{display:inline-flex; align-items:center; gap:5px; font-size:10px; font-weight:500; color:var(--muted); background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:4px 10px; transition:.35s}.wtq-v4 .dzt-n .ico{width:12px; height:12px}.wtq-v4 .dzt-ar{width:12px; height:12px; color:var(--faint); flex:none}.wtq-v4 .dz-tk.q4 .dzt-n{color:var(--blue-700); background:var(--blue-50); border-color:#C7D7FB}.wtq-v4 .dz-tk.q4 .dzt-n.c2{transition-delay:.18s}.wtq-v4 .dz-tk.q4 .dzt-n.c3{transition-delay:.36s}.wtq-v4 .dzt-law{display:flex; align-items:center; justify-content:center; gap:6px; font-size:10px; font-weight:500; color:#15803D; opacity:0; transform:translateY(5px); transition:.4s .55s}.wtq-v4 .dzt-law .ico{width:13px; height:13px}.wtq-v4 .dz-tk.q4 .dzt-law{opacity:1; transform:none}

/* --- شريط الاختيار --- */
.wtq-v4 .dz-pick{max-width:860px; margin:34px auto 0; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:18px 22px; display:flex; gap:14px; align-items:flex-start}.wtq-v4 .dz-pick b{display:block; font-size:13px; font-weight:500; margin-bottom:3px}.wtq-v4 .dz-pick p{font-size:12.5px; color:var(--muted); line-height:1.9; font-weight:300}.wtq-v4 .dz-cta{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:26px}@media (max-width:1000px){.wtq-v4 .dz-grid{grid-template-columns:1fr; gap:18px}.wtq-v4 .dz-vs{position:static; transform:none; justify-self:center; margin:-4px 0}
}@media (max-width:560px){.wtq-v4 .dz-card{padding:20px 16px 18px}.wtq-v4 .dz-art{height:auto; min-height:322px}.wtq-v4 .dza-stage, .wtq-v4 .dzt-stage{position:relative; inset:auto}.wtq-v4 .dza-stage{gap:32px; padding:26px 14px}.wtq-v4 .dza-frame, .wtq-v4 .dza-face{width:min(296px, 100%)}.wtq-v4 .dza-chip.k2{right:-8px}.wtq-v4 .dzt-row{gap:9px}.wtq-v4 .dzt-cert{width:142px}.wtq-v4 .dzt-tok, .wtq-v4 .dzt-body{width:48px}.wtq-v4 .dzt-body{height:78px}.wtq-v4 .dzt-lane small{display:none}.wtq-v4 .dzt-hash{font-size:8.5px; padding:2px 6px; letter-spacing:0}.wtq-v4 .dz-pick{flex-direction:column; gap:10px}
}
</style>

@media (max-width:1100px){.wtq-v4 .menu{display:none} }@media (max-width:640px){.wtq-v4 .login{display:none}.wtq-v4 .pill{padding:9px 14px; height:62px}.wtq-v4 .brand svg{height:26px}.wtq-v4 .actions .btn{flex:1; min-width:150px} }@media (prefers-reduced-motion:reduce){.wtq-v4 .sig .marks{opacity:1} }
/* ═══ كتلة 2 ═══ */
/* ===== ثلاث قوى للتوقيع (بعد الهيرو) ===== */
.wtq-v4 .lv3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; position:relative}.wtq-v4 .lv3::before{content:""; position:absolute; inset:6% 12%; background:radial-gradient(closest-side, rgba(37,99,235,.08), transparent 72%); z-index:0; pointer-events:none}.wtq-v4 .lv{position:relative; z-index:1; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:22px; display:flex; flex-direction:column; gap:14px; transition:transform .25s, box-shadow .25s, border-color .25s; transform-style:preserve-3d; will-change:transform}.wtq-v4 .lv:hover{border-color:#D8E2F8; box-shadow:0 34px 64px -40px rgba(11,27,90,.45)}/* ⚠️ التتبّع .06em والوزن 600 صُمّما لـ«LEVEL 01» اللاتينية. والوسم صار
   عربيًّا: التتبّع الموجب يفكّ وصلات الحروف، و600 وزنُ عنوانٍ لا وسمٍ. */
/* ⚠️ التتبّع .06em والوزن 600 صُمّما لـ«LEVEL 01» اللاتينية، والوسم صار
   عربيًّا: التتبّع الموجب يفكّ وصلات الحروف. واللون أزرق بطلب المالك
   (٤ سبتمبر ٢٠٢٦) — كان رماديًّا فكان يُقرأ حاشيةً لا درجةً. */
.wtq-v4 .lv .tag{font-family:'Alexandria'; font-size:11px; font-weight:500; letter-spacing:normal; color:var(--blue)}.wtq-v4 .lv h4{margin:0; font-size:18px; font-weight:800; letter-spacing:-.02em}.wtq-v4 .lv h4 small{display:block; font-size:12px; font-weight:400; color:var(--muted); margin-top:4px}.wtq-v4 .lv .art{background:var(--panel); border-radius:var(--r); height:170px; position:relative; overflow:hidden; direction:ltr; transform:translateZ(24px)}.wtq-v4 .lv ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:7px}.wtq-v4 .lv li{font-size:12.5px; color:#3A3A38; display:flex; align-items:center; gap:8px}.wtq-v4 .lv li i{width:14px; height:14px; border-radius:50%; background:var(--green-50); display:grid; place-items:center; flex:none}.wtq-v4 .lv li i::after{content:""; width:5px; height:3px; border:1.5px solid var(--green); border-top:0; border-right:0; transform:rotate(-45deg) translate(0,-1px)}.wtq-v4 .lv .lvnote{margin-top:auto; font-size:11.5px; color:var(--faint); background:var(--panel); border-radius:var(--r); padding:8px 12px}
/* رسمة 1: كود التحقق */
.wtq-v4 .art .otp{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); direction:rtl; width:200px}.wtq-v4 .art .otp .lbl{font-size:9.5px; color:var(--muted); margin-bottom:8px; text-align:center}.wtq-v4 .art .otp .bx{display:flex; gap:6px; justify-content:center; direction:ltr}.wtq-v4 .art .otp .bx i{width:26px; height:32px; border:1px solid var(--line-2); border-radius:5px; background:#fff; display:grid; place-items:center; font-family:'Alexandria'; font-size:14px; font-weight:600; font-style:normal}.wtq-v4 .art .otp .bx i.on{border-color:var(--blue); color:var(--ink)}.wtq-v4 .art .otp .bx i.cur{border-color:var(--blue); box-shadow:0 0 0 3px rgba(37,99,235,.14); animation:otpCur 1.2s ease-in-out infinite}@keyframes otpCur{
50% {box-shadow:0 0 0 6px rgba(37,99,235,.06)}}.wtq-v4 .art .otp .ok{margin:12px auto 0; width:max-content; font-size:10px; font-weight:600; color:#15803D; background:var(--green-50); border-radius:var(--r); padding:3px 10px}
/* رسمة 2: موبايل الهوية */
.wtq-v4 .art .aph{position:absolute; left:50%; top:16px; transform:translateX(-50%); width:96px; height:190px; border-radius:16px; background:#121212; padding:4px}.wtq-v4 .art .aph .s{position:absolute; inset:4px; border-radius:13px; background:#1C1C1E; overflow:hidden}.wtq-v4 .art .aph .idc{position:absolute; left:10px; right:10px; top:38px; height:46px; border:1px dashed rgba(255,255,255,.55); border-radius:6px}.wtq-v4 .art .aph .idc::before{content:""; position:absolute; inset:5px; border-radius:3px; background:linear-gradient(135deg,#F1F3F7,#DDE4EE)}.wtq-v4 .art .aph .scan{position:absolute; left:8px; right:8px; top:38px; height:2px; background:#60A5FA; box-shadow:0 0 10px 2px rgba(96,165,250,.6); animation:scanA 1.6s ease-in-out infinite alternate}@keyframes scanA{
to {top:80px}}.wtq-v4 .art .aph .t{position:absolute; left:0; right:0; top:14px; text-align:center; font-size:6.5px; color:#fff; direction:rtl}.wtq-v4 .art .aph .ok{position:absolute; left:50%; bottom:22px; transform:translateX(-50%); width:22px; height:22px; border-radius:50%; background:var(--green-50); display:grid; place-items:center}.wtq-v4 .art .aph .ok::after{content:""; width:7px; height:4px; border:2px solid var(--green); border-top:0; border-right:0; transform:rotate(-45deg) translate(0,-1px)}.wtq-v4 .art .abd{position:absolute; right:14px; top:14px; direction:rtl; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:6px 9px; font-size:9.5px; box-shadow:0 8px 18px -12px rgba(11,11,11,.5); animation:floatY 4.2s ease-in-out infinite}.wtq-v4 .art .abd b{display:block; font-size:8px; color:var(--muted); font-weight:500}.wtq-v4 .art .abd.b2{right:auto; left:14px; top:auto; bottom:14px; animation-delay:1.3s}@keyframes floatY{
0%,100% {transform:translateY(0)}
50% {transform:translateY(-5px)}}
/* رسمة 3: التوكن */
.wtq-v4 .art .tok{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-18deg); width:150px; height:52px; animation:tokFloat 5s ease-in-out infinite}@keyframes tokFloat{
0%,100% {transform:translate(-50%,-50%) rotate(-18deg)}
50% {transform:translate(-50%,-56%) rotate(-14deg)}}.wtq-v4 .art .tok .body{position:absolute; left:0; top:0; width:112px; height:52px; border-radius:9px; background:linear-gradient(150deg,#141414,#2A2A2A); box-shadow:0 18px 30px -18px rgba(0,0,0,.6)}.wtq-v4 .art .tok .body::after{content:"MCDR"; position:absolute; left:14px; top:17px; font-family:'Alexandria'; font-size:11px; font-weight:700; color:#fff; letter-spacing:.14em}.wtq-v4 .art .tok .usb{position:absolute; left:112px; top:14px; width:32px; height:24px; background:#C9C9C4; border-radius:0 4px 4px 0}.wtq-v4 .art .tok .usb::before, .wtq-v4 .art .tok .usb::after{content:""; position:absolute; left:8px; width:8px; height:5px; background:#8E8E8A; border-radius:1px}.wtq-v4 .art .tok .usb::before{top:4px}.wtq-v4 .art .tok .usb::after{bottom:4px}.wtq-v4 .art .tok .led{position:absolute; left:8px; top:8px; width:6px; height:6px; border-radius:50%; background:#22C55E; box-shadow:0 0 8px #22C55E; animation:blinkT 1.4s infinite}@keyframes blinkT{
50% {opacity:.25}}.wtq-v4 .art .acp{position:absolute; left:14px; bottom:12px; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:6px 9px; font-size:9.5px; font-family:'Alexandria'; direction:ltr; animation:floatY 4.6s ease-in-out .6s infinite}.wtq-v4 .art .acp b{color:#15803D}@media (max-width:900px){.wtq-v4 .lv3{grid-template-columns:1fr} }
/* ===== أساسيات الأقسام ===== */
html{scroll-behavior:smooth}.wtq-v4 .sec{position:relative; padding:96px 0; background:#fff; scroll-margin-top:96px}.wtq-v4 .sec.alt{background:var(--panel)}.wtq-v4 .sec .wrap{position:relative}.wtq-v4 .eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:500; color:var(--muted); margin:0 0 14px}.wtq-v4 .eyebrow::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 3px rgba(37,99,235,.15)}.wtq-v4 .eyebrow b{color:var(--blue); font-weight:600}.wtq-v4 .sec h2{margin:0; font-size:clamp(28px,3.4vw,44px); font-weight:800; letter-spacing:-.03em; line-height:1.12; text-wrap:balance}.wtq-v4 .sec h2 .dim{color:var(--faint); font-weight:700}
/* العناوين تُكسر بـ<br>، فالتباعد من ارتفاع السطر وحده. */
/* ⚠️ حدّ أدنى 1.5 لكل عنوان عربي يُكسر على سطرين: 1.34 كانت تُلامس
   شدّةُ السطر الثاني نازلةَ الأول. القاعدة في CLAUDE.md. */
.wtq-v4 .sec h2{line-height:1.7}.wtq-v4 .sec .lead{margin:16px 0 0; font-size:clamp(13.5px,1.05vw,15.5px); color:var(--muted); font-weight:300; line-height:1.9; max-width:62ch}.wtq-v4 .sec .hd{max-width:780px; margin:0 auto 48px; text-align:center}.wtq-v4 .sec .hd .lead{margin-inline:auto}.wtq-v4 .sec .hd.start{text-align:start; margin-inline:0}.wtq-v4 .center{text-align:center}.wtq-v4 .rv{opacity:0; transform:translateY(18px); transition:opacity .75s ease, transform .75s cubic-bezier(.2,.8,.25,1)}.wtq-v4 .rv.in{opacity:1; transform:none}.wtq-v4 .btn.line{background:#fff; color:var(--blue); border-color:#C7D7FB}.wtq-v4 .btn.line:hover{background:var(--blue-50); border-color:var(--blue)}.wtq-v4 .btn .ico{width:15px; height:15px; transition:transform .2s}.wtq-v4 .btn:hover .ico{transform:translateX(-3px)}.wtq-v4 .ico{width:1em; height:1em; display:inline-block; vertical-align:-.15em; flex:none}.wtq-v4 .itile{width:40px; height:40px; border-radius:var(--r); display:grid; place-items:center; flex:none; background:var(--blue-50); color:var(--blue)}.wtq-v4 .itile .ico{width:19px; height:19px}.wtq-v4 .itile.pu{background:#F0ECFD; color:#6D4AD8}.wtq-v4 .itile.gr{background:#E7F6EE; color:#10B981}.wtq-v4 .itile.or{background:#FDF0E9; color:#D8632E}.wtq-v4 .itile.ink{background:#F3F3F1; color:var(--ink)}.wtq-v4 .itile.wh{background:#fff; color:var(--blue); border:1px solid var(--line)}.wtq-v4 .itile.lg{width:52px; height:52px}.wtq-v4 .itile.lg .ico{width:24px; height:24px}.wtq-v4 .num{width:26px; height:26px; border-radius:var(--r); background:var(--blue); color:#fff; font-family:'Alexandria'; font-weight:700; font-size:12.5px; display:grid; place-items:center; flex:none}.wtq-v4 .hc{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:22px 22px 20px}.wtq-v4 .hc::before{content:""; position:absolute; inset:-4px; pointer-events:none; background-repeat:no-repeat;
  background-image:radial-gradient(circle 2.4px at 0 0, var(--ink) 96%, transparent 100%),radial-gradient(circle 2.4px at 100% 0, var(--ink) 96%, transparent 100%),radial-gradient(circle 2.4px at 0 100%, var(--ink) 96%, transparent 100%),radial-gradient(circle 2.4px at 100% 100%, var(--ink) 96%, transparent 100%)}.wtq-v4 .hc h4{margin:0 0 8px; font-size:15.5px; font-weight:700; letter-spacing:-.01em}.wtq-v4 .hc p{font-size:13px; color:var(--muted); line-height:1.85; font-weight:300}.wtq-v4 .tg{display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:600; border:1px solid var(--line); border-radius:var(--r); padding:3px 9px; color:#3A3A38; background:#fff}.wtq-v4 .tg.g{color:#15803D; background:var(--green-50); border-color:#CDEBD6}.wtq-v4 .tg.b{color:var(--blue); background:var(--blue-50); border-color:#D6E2FB}.wtq-v4 .tg .ico{width:12px; height:12px}.wtq-v4 .sk{display:block; height:6px; border-radius:3px; background:#ECECE9}@keyframes pop{
from {opacity:0; transform:scale(.6)}
to {opacity:1; transform:none}}@keyframes fadeUp{
from {opacity:0; transform:translateY(8px)}
to {opacity:1; transform:none}}@keyframes blink{
50% {opacity:0}}@keyframes pulseDot{
0% {box-shadow:0 0 0 0 rgba(37,99,235,.45)}
100% {box-shadow:0 0 0 9px rgba(37,99,235,0)}}@keyframes grow{
from {transform:scaleX(0)}
to {transform:none}}
/* ===== شريط المعايير المتحرك ===== */
/* ⚠️ الفاصل الرأسي والحدّ السفلي أُزيلا بطلب المالك (٤ سبتمبر ٢٠٢٦).
   الحدّ العلوي باقٍ: هو ما يفصل الشريط عن الهيرو فوقه. */
/* ⚠️ حدود الشريط الثلاثة أُزيلت كلها بطلب المالك (٤ سبتمبر ٢٠٢٦):
   العلوي والسفلي والفاصل الرأسي. المطلوب أن ينساب القسم فيما بعده
   بلا خطّ فاصل — والفصل يأتي من الفراغ وحده لا من حدّ مرسوم. */
.wtq-v4 .trust{padding:44px 0 10px; background:#fff}
.wtq-v4 .trust .wrap{display:flex; align-items:center; gap:0}.wtq-v4 .trust .tl{flex:none; font-size:11.5px; font-weight:600; color:var(--ink); padding:15px 22px 15px 0; display:flex; align-items:center; gap:8px; margin-inline-end:6px}.wtq-v4 .trust .tl i{width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 3px rgba(22,163,74,.18); animation:pulseG 1.8s ease-out infinite}@keyframes pulseG{
0% {box-shadow:0 0 0 0 rgba(22,163,74,.4)}
100% {box-shadow:0 0 0 8px rgba(22,163,74,0)}}
/* ⚠️ كان شريطًا يجري بلا توقّف (`animation:mq 46s linear infinite`).
   استُبدل بكبسولات ساكنة تلتفّ: المحتوى معايير وقوانين تُقرأ ولا تُلاحَق،
   وحركةٌ دائمة خلف نصٍّ ثابت تسرق الانتباه ولا تضيف معنى. */
.wtq-v4 .mq{flex:1; overflow:visible; -webkit-mask-image:none; mask-image:none}.wtq-v4 .mq-track{display:flex; flex-wrap:wrap; width:auto; gap:8px; animation:none;
  justify-content:center; align-items:center}.wtq-v4 .mq-track > .it:nth-child(n+9){display:none}   /* النسخة المكرّرة للشريط */
.wtq-v4 .trust .it{display:inline-flex; align-items:center; gap:8px; padding:9px 15px;
  font-size:11.5px; color:var(--muted); white-space:nowrap;
  background:#fff; border:1px solid var(--line); border-radius:999px}.wtq-v4 .trust .it .ico{width:15px; height:15px; color:var(--blue)}.wtq-v4 .trust .it b{font-family:'Alexandria'; direction:ltr; unicode-bidi:isolate; background:#F1F1EE; border-radius:var(--r); padding:2px 8px; color:var(--ink); font-size:11px; font-weight:600}
/* ===== رحلة التوقيع ===== */
.wtq-v4 .jr{display:grid; grid-template-columns:1fr 1.22fr 1fr; gap:34px; align-items:center}.wtq-v4 .jr-col{display:flex; flex-direction:column; gap:24px}.wtq-v4 .jr-col.l{padding-top:70px}.wtq-v4 .jr-step{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:16px 18px 14px; transition:border-color .35s, box-shadow .35s, transform .35s}.wtq-v4 .jr-step h4{margin:0 0 6px; font-size:15px; font-weight:700; display:flex; align-items:center; gap:10px}.wtq-v4 .jr-step p{font-size:12.5px; color:var(--muted); line-height:1.8; font-weight:300}.wtq-v4 .jr-step.on{border-color:var(--blue); box-shadow:0 26px 44px -30px rgba(37,99,235,.55); transform:translateY(-2px)}.wtq-v4 .jr-step::after{content:""; position:absolute; top:50%; width:34px; border-top:1.5px dashed #C9D3EA; transition:border-color .35s}.wtq-v4 .jr-step::before{content:""; position:absolute; top:50%; width:8px; height:8px; margin-top:-4px; border-radius:50%; background:#C9D3EA; transition:background .35s}.wtq-v4 .jr-col.r .jr-step::after{inset-inline-end:-35px}.wtq-v4 .jr-col.r .jr-step::before{inset-inline-end:-42px}.wtq-v4 .jr-col.l .jr-step::after{inset-inline-start:-35px}.wtq-v4 .jr-col.l .jr-step::before{inset-inline-start:-42px}.wtq-v4 .jr-step.on::after{border-color:var(--blue)}.wtq-v4 .jr-step.on::before{background:var(--blue); animation:pulseDot 1.2s ease-out infinite}.wtq-v4 .jr-doc{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:22px 24px 20px; box-shadow:0 2px 6px rgba(11,11,11,.05), 0 40px 70px -40px rgba(11,11,11,.35)}.wtq-v4 .jr-doc::before{content:""; position:absolute; inset:-4px; pointer-events:none; background-repeat:no-repeat;
  background-image:radial-gradient(circle 2.4px at 0 0, var(--ink) 96%, transparent 100%),radial-gradient(circle 2.4px at 100% 0, var(--ink) 96%, transparent 100%),radial-gradient(circle 2.4px at 0 100%, var(--ink) 96%, transparent 100%),radial-gradient(circle 2.4px at 100% 100%, var(--ink) 96%, transparent 100%)}.wtq-v4 .jr-doc .ttl{display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:13.5px; font-weight:700}.wtq-v4 .jr-doc .ttl .tg{opacity:0; transform:scale(.8); transition:.4s}.wtq-v4 .jr-doc.done .ttl .tg{opacity:1; transform:none}.wtq-v4 .jr-doc h5{margin:22px 0 14px; text-align:center; font-size:14px; font-weight:700}.wtq-v4 .jr-doc .lines{display:flex; flex-direction:column; gap:9px; padding:0 8px}.wtq-v4 .jr-doc .lines .sk{width:100%}.wtq-v4 .jr-doc .lines .sk:nth-child(2){width:88%}.wtq-v4 .jr-doc .lines .sk:nth-child(4){width:70%}.wtq-v4 .jr-doc .lines .sk:nth-child(6){width:52%}.wtq-v4 .jr-doc .parties{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:22px; padding:0 8px}.wtq-v4 .jr-doc .party{font-size:11px; color:var(--muted)}.wtq-v4 .jr-doc .party .ln{height:40px; border-bottom:1px solid var(--line-2); margin-top:4px; display:flex; align-items:flex-end; justify-content:center; position:relative}.wtq-v4 .jr-doc .party .ln .sig{height:38px; margin:0}.wtq-v4 .jr-doc .party .ln .sig .body, .wtq-v4 .jr-doc .party .ln .sig .marks{fill:var(--ink)}.wtq-v4 .jr-doc .party .ln .cur{position:absolute; inset-inline-start:6px; bottom:2px; width:1.5px; height:16px; background:var(--blue); opacity:0}.wtq-v4 .jr-doc.j5 .party .ln .cur{opacity:1; animation:blink 1s step-end infinite}.wtq-v4 .jr-doc .party.p2 .ln .ok{position:absolute; inset:auto 0 6px 0; text-align:center; font-size:10.5px; color:#15803D; opacity:0; transform:translateY(4px); transition:.35s}.wtq-v4 .jr-doc.done .party.p2 .ln .ok{opacity:1; transform:none}.wtq-v4 .jr-doc .stamp{margin-top:18px; display:flex; align-items:center; gap:12px; background:var(--blue-50); border:1px solid #DBE7FD; border-radius:var(--r); padding:10px 12px; opacity:.45; transition:.4s}.wtq-v4 .jr-doc.j4 .stamp, .wtq-v4 .jr-doc.done .stamp{opacity:1}.wtq-v4 .jr-doc .stamp .itile{width:32px; height:32px; background:#fff}.wtq-v4 .jr-doc .stamp .itile .ico{width:16px; height:16px}.wtq-v4 .jr-doc .stamp b{display:block; font-size:11.5px; color:var(--blue-700)}.wtq-v4 .jr-doc .stamp small{font-size:10.5px; color:var(--muted)}.wtq-v4 .jr-doc .idpill{position:absolute; top:-12px; inset-inline-start:18px; display:flex; gap:6px}.wtq-v4 .jr-doc .idpill .tg{opacity:0; transform:translateY(6px); transition:.35s}.wtq-v4 .jr-doc.j3 .idpill .tg, .wtq-v4 .jr-doc.j4 .idpill .tg, .wtq-v4 .jr-doc.j5 .idpill .tg, .wtq-v4 .jr-doc.done .idpill .tg{opacity:1; transform:none}.wtq-v4 .jr-actions{display:flex; gap:12px; justify-content:center; margin-top:44px; flex-wrap:wrap}
/* ===== الجولة التفاعلية ===== */
.wtq-v4 .pw-tabs{display:flex; justify-content:center; gap:6px; margin:0 auto 34px; width:max-content; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:5px}.wtq-v4 .pw-tab{font:inherit; font-size:13.5px; font-weight:600; color:var(--muted); background:transparent; border:0; border-radius:calc(var(--r) - 2px); padding:9px 20px; cursor:pointer; transition:.2s}.wtq-v4 .pw-tab.on{background:var(--blue); color:#fff; box-shadow:0 10px 20px -12px rgba(37,99,235,.7)}.wtq-v4 .pw{display:grid; grid-template-columns:.85fr 1.35fr; gap:34px; align-items:start}.wtq-v4 .pw-steps{display:flex; flex-direction:column; gap:6px; position:relative}.wtq-v4 .pw-step{position:relative; display:grid; grid-template-columns:30px 1fr; gap:12px; align-items:start; padding:12px 14px; border-radius:var(--r); border:1px solid transparent; cursor:pointer; transition:.3s}.wtq-v4 .pw-step .num{width:28px; height:28px; background:#fff; color:var(--muted); border:1px solid var(--line); font-size:12px; transition:.3s}.wtq-v4 .pw-step h4{margin:3px 0 0; font-size:14.5px; font-weight:600; color:var(--muted); transition:.3s}.wtq-v4 .pw-step p{font-size:12.5px; color:var(--muted); line-height:1.8; font-weight:300; max-height:0; overflow:hidden; opacity:0; transition:max-height .5s ease, opacity .4s, margin .4s}.wtq-v4 .pw-step .pbar{height:2px; background:#E9E9E6; border-radius:2px; margin-top:12px; overflow:hidden; opacity:0}.wtq-v4 .pw-step .pbar i{display:block; height:100%; width:100%; background:var(--blue); transform-origin:right; transform:scaleX(0)}.wtq-v4 .pw-step.on{background:#fff; border-color:var(--line); box-shadow:0 20px 40px -30px rgba(11,11,11,.35)}.wtq-v4 .pw-step.on .num{background:var(--blue); color:#fff; border-color:var(--blue)}.wtq-v4 .pw-step.on h4{color:var(--ink); font-weight:700}.wtq-v4 .pw-step.on p{max-height:120px; opacity:1; margin-top:4px}.wtq-v4 .pw-step.on .pbar{opacity:1}.wtq-v4 .pw-step.on .pbar i{animation:grow var(--pw-dur,4s) linear forwards}.wtq-v4 .pw-step:hover:not(.on){background:#fff; border-color:var(--line)}.wtq-v4 .pw-win{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; box-shadow:0 2px 6px rgba(11,11,11,.05), 0 44px 84px -44px rgba(11,11,11,.45)}.wtq-v4 .pw-win .bbar{height:36px; display:flex; align-items:center; padding:0 14px; background:#F6F6F4; border-bottom:1px solid #E6E6E2; position:relative}.wtq-v4 .pw-win .bbar i{width:9px; height:9px; border-radius:50%; background:#DCDCD8; margin-inline-end:6px}.wtq-v4 .pw-win .bbar span{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:10.5px; color:var(--faint); font-family:'Alexandria'; background:#fff; border:1px solid #E6E6E2; border-radius:var(--r); padding:2px 40px}.wtq-v4 .pw-scrs{position:relative; height:430px}.wtq-v4 .pw-scr{position:absolute; inset:0; padding:22px 24px; opacity:0; transform:translateX(-14px); transition:opacity .45s, transform .45s; pointer-events:none}.wtq-v4 .pw-scr.on{opacity:1; transform:none; pointer-events:auto}.wtq-v4 .pw-scr .h{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px}.wtq-v4 .pw-scr .h b{font-size:14.5px; font-weight:700}.wtq-v4 .pw-scr .h small{font-size:11px; color:var(--muted)}.wtq-v4 .pw-scr .nt{margin-top:14px; font-size:11.5px; color:var(--muted); line-height:1.7; font-weight:300}
/* شاشة 1أ: المكتبة */
.wtq-v4 .pw-search{display:flex; gap:8px; margin-bottom:14px}.wtq-v4 .pw-search .inp{flex:1; height:40px; border:1px solid var(--line); border-radius:var(--r); display:flex; align-items:center; padding:0 12px; gap:8px; font-size:12px; color:var(--faint)}.wtq-v4 .pw-search .inp .ico{width:14px; height:14px}.wtq-v4 .pw-search .go{height:40px; padding:0 18px; background:var(--blue); color:#fff; border-radius:var(--r); font-size:12.5px; font-weight:600; display:grid; place-items:center}.wtq-v4 .pw-lib{display:grid; grid-template-columns:repeat(3,1fr); gap:10px}.wtq-v4 .pw-card{border:1px solid var(--line); border-radius:var(--r); padding:12px; min-height:96px; display:flex; flex-direction:column; gap:8px; opacity:0; transform:translateY(8px); transition:.3s}.wtq-v4 .pw-scr.on .pw-card{animation:fadeUp .5s ease forwards}.wtq-v4 .pw-scr.on .pw-card:nth-child(2){animation-delay:.08s}.wtq-v4 .pw-scr.on .pw-card:nth-child(3){animation-delay:.16s}.wtq-v4 .pw-scr.on .pw-card:nth-child(4){animation-delay:.24s}.wtq-v4 .pw-scr.on .pw-card:nth-child(5){animation-delay:.32s}.wtq-v4 .pw-scr.on .pw-card:nth-child(6){animation-delay:.4s}.wtq-v4 .pw-card b{font-size:12px; font-weight:700}.wtq-v4 .pw-card .sk{width:80%}.wtq-v4 .pw-card .sk+.sk{width:55%}.wtq-v4 .pw-card .tg{margin-top:auto; width:max-content; font-size:9.5px; padding:2px 7px}.wtq-v4 .pw-card.sel{border-color:var(--blue); box-shadow:0 0 0 3px rgba(37,99,235,.12)}
/* شاشة 1ب: المحرّر */
.wtq-v4 .pw-tools{display:flex; gap:6px; margin-bottom:12px}.wtq-v4 .pw-tools i{width:26px; height:26px; border:1px solid var(--line); border-radius:var(--r); display:grid; place-items:center; font-style:normal; font-size:11px; font-family:'Alexandria'; font-weight:700; color:#3A3A38}.wtq-v4 .pw-page{border:1px solid var(--line); border-radius:var(--r); padding:18px 20px; min-height:250px; background:#fff; font-size:12px; line-height:2}.wtq-v4 .pw-page b{display:block; font-size:13.5px; margin-bottom:6px}.wtq-v4 .pw-page .ty{display:inline; white-space:pre-wrap}.wtq-v4 .pw-page .ty::after{content:""; display:inline-block; width:1.5px; height:14px; background:var(--blue); vertical-align:-2px; margin-inline-start:2px; animation:blink 1s step-end infinite}.wtq-v4 .pw-page .fld{display:inline-block; background:var(--blue-50); border:1px dashed #9DB6F3; border-radius:4px; padding:0 6px; color:var(--blue-700); font-size:11px; line-height:1.6; margin:0 2px}
/* شاشة 2أ: المعالج */
/* ═══ شاشة «ضع الحقول على الملف» — صفحة عقد وحقول تُسحب عليها ═══
   ⚠️ استبدلت قائمة صفوف كانت تناقض الجملة المكتوبة بجوارها:
   الجملة تقول «اسحب» والشاشة لا تعرض مستندًا ولا سحبًا. */
.wtq-v4 .pw-pal{display:flex; align-items:center; gap:6px; margin-bottom:10px}
.wtq-v4 .pw-pchip{font-size:10.5px; font-weight:500; color:var(--blue-700); background:var(--blue-50);
  border:1px dashed #9DB6F3; border-radius:var(--r); padding:4px 10px}
.wtq-v4 .pw-pnote{margin-inline-start:auto; font-size:10px; color:var(--faint)}
.wtq-v4 .pw-doc{border:1px solid var(--line); border-radius:var(--r); background:#fff;
  box-shadow:0 14px 30px -22px rgba(11,27,90,.4); overflow:hidden}
.wtq-v4 .pw-doc-hd{display:flex; align-items:center; justify-content:space-between;
  padding:9px 14px; border-bottom:1px solid var(--line); background:#FBFBFA}
.wtq-v4 .pw-doc-hd b{font-size:12px; font-weight:600}
.wtq-v4 .pw-doc-hd span{font-size:10px; color:var(--faint)}
.wtq-v4 .pw-doc-bd{position:relative; height:228px; padding:16px 16px 0}
.wtq-v4 .pw-dl{display:block; height:6px; border-radius:3px; background:#EFEFEC; margin-bottom:11px}
.wtq-v4 .pw-dl.sp{margin-top:20px}
/* الحقول الموضوعة على الصفحة */
.wtq-v4 .pw-fld{position:absolute; font-size:10px; font-weight:500; color:var(--blue-700);
  background:var(--blue-50); border:1px dashed #9DB6F3; border-radius:5px; padding:6px 10px;
  white-space:nowrap; text-align:center; opacity:0}
.wtq-v4 .pw-fld.a1{right:16px; bottom:56px; width:136px}
.wtq-v4 .pw-fld.a2{left:16px;  bottom:56px; width:98px}
.wtq-v4 .pw-fld.a3{right:16px; bottom:14px; width:136px}
.wtq-v4 .pw-scr.on .pw-fld.a1{animation:fldIn .45s ease .35s forwards}
.wtq-v4 .pw-scr.on .pw-fld.a2{animation:fldIn .45s ease .85s forwards}
/* ⚠️ الحقل الثالث يُسحب فعلًا من الشريط إلى موضعه — هو الذي يجعل
   الصورة تصدّق الجملة. المسافة محسوبة من موضعه النهائي إلى الشريط. */
.wtq-v4 .pw-scr.on .pw-fld.a3{animation:fldDrag 2.2s cubic-bezier(.32,.72,.3,1) 1.35s forwards}
@keyframes fldIn{from{opacity:0; transform:translateY(7px) scale(.96)} to{opacity:1; transform:none}}
@keyframes fldDrag{
  0%   {opacity:0; transform:translate(-104px,-232px) scale(.92)}
  12%  {opacity:1; transform:translate(-104px,-232px) scale(.92)}
  72%  {opacity:1; transform:translate(0,0) scale(1.07); box-shadow:0 12px 22px -12px rgba(37,99,235,.55)}
  100% {opacity:1; transform:none; box-shadow:none}}
/* المؤشّر يرافق السحب ثم يختفي */
.wtq-v4 .pw-cur{position:absolute; width:11px; height:11px; border-radius:50%;
  background:var(--blue); box-shadow:0 0 0 4px rgba(37,99,235,.18); opacity:0;
  right:76px; bottom:26px; pointer-events:none}
.wtq-v4 .pw-scr.on .pw-cur{animation:curDrag 2.2s cubic-bezier(.32,.72,.3,1) 1.35s forwards}
@keyframes curDrag{
  0%,10% {opacity:0; transform:translate(-104px,-232px)}
  14%    {opacity:1; transform:translate(-104px,-232px)}
  72%    {opacity:1; transform:translate(0,0)}
  100%   {opacity:0; transform:none}}
/* ═══ خيارات قوة التوقيع قابلة للضغط + شاشة مسار التوكن ═══
   ⚠️ البطاقات كانت تعرض «اختيار ←» ولا تستجيب لضغط — وعدٌ في النصّ
   لا يقابله سلوك. صارت تُضغط وتفتح شكل المسار المترتّب عليها. */
.wtq-v4 .pw-l[data-lv]{cursor:pointer; transition:border-color .25s, box-shadow .25s, transform .25s}
.wtq-v4 .pw-l[data-lv]:hover{border-color:#C7D7FB; transform:translateY(-2px)}
.wtq-v4 .pw-l[data-lv]:focus-visible{outline:2px solid var(--blue); outline-offset:2px}
.wtq-v4 .pw-l.sel{border-color:var(--blue); box-shadow:0 0 0 3px rgba(37,99,235,.12)}
/* شاشة مسار التوكن */
.wtq-v4 .pw-tokw{display:flex; flex-direction:column; gap:11px}
.wtq-v4 .pw-tokr{display:flex; align-items:center; gap:9px; border:1px solid var(--line);
  border-radius:var(--r); padding:11px 13px; font-size:12px}
.wtq-v4 .pw-tokr span{color:var(--muted)}
.wtq-v4 .pw-tokr b{font-weight:500; color:#15803D}
.wtq-v4 .pw-tokled{width:8px; height:8px; border-radius:50%; background:#22C55E;
  box-shadow:0 0 7px #22C55E; flex:none}
.wtq-v4 .pw-tokc{border:1px solid var(--line); border-radius:var(--r); padding:13px; text-align:center}
.wtq-v4 .pw-tokc b{display:block; font-size:12px; font-weight:500; margin-bottom:9px}
.wtq-v4 .pw-tokc small{display:block; margin-top:9px; font-size:10.5px; color:var(--muted)}
.wtq-v4 .pw-tokp{display:flex; gap:7px; justify-content:center}
.wtq-v4 .pw-tokp i{width:11px; height:11px; border-radius:50%; background:#EAEAE6;
  border:1px solid #D8D8D3}
.wtq-v4 .pw-scr.on .pw-tokp i{animation:pinOn .3s ease forwards}
.wtq-v4 .pw-scr.on .pw-tokp i:nth-child(2){animation-delay:.34s}
.wtq-v4 .pw-scr.on .pw-tokp i:nth-child(3){animation-delay:.68s}
.wtq-v4 .pw-scr.on .pw-tokp i:nth-child(4){animation-delay:1.02s}
@keyframes pinOn{to{background:var(--ink); border-color:var(--ink)}}
.wtq-v4 .pw-tokd{border:1px solid #BBE5C8; background:var(--green-50); border-radius:var(--r);
  padding:13px; text-align:center; opacity:0}
.wtq-v4 .pw-tokd b{display:block; font-size:12px; font-weight:500; color:#15803D}
.wtq-v4 .pw-tokd small{display:block; margin-top:5px; font-size:10.5px; color:var(--muted)}
.wtq-v4 .pw-scr.on .pw-tokd{animation:fldIn .5s ease 1.5s forwards}
.wtq-v4 .pw-prog{display:flex; align-items:center; gap:10px; font-size:11px; color:var(--muted); margin-bottom:14px}.wtq-v4 .pw-prog .tr{flex:1; height:6px; background:#ECECE9; border-radius:3px; overflow:hidden}.wtq-v4 .pw-prog .tr i{display:block; height:100%; width:64%; background:var(--blue); transform-origin:right; transform:scaleX(0)}.wtq-v4 .pw-scr.on .pw-prog .tr i{animation:grow 1.4s cubic-bezier(.2,.8,.25,1) .2s forwards}.wtq-v4 .pw-fields{display:flex; flex-direction:column; gap:9px}.wtq-v4 .pw-f{display:grid; grid-template-columns:120px 1fr; align-items:center; gap:10px; border:1px solid var(--line); border-radius:var(--r); padding:9px 12px; font-size:12px}.wtq-v4 .pw-f span{color:var(--muted); font-size:11px}.wtq-v4 .pw-f b{font-weight:600; opacity:0}.wtq-v4 .pw-scr.on .pw-f b{animation:fadeUp .4s ease forwards}.wtq-v4 .pw-scr.on .pw-f:nth-child(1) b{animation-delay:.5s}.wtq-v4 .pw-scr.on .pw-f:nth-child(2) b{animation-delay:1s}.wtq-v4 .pw-scr.on .pw-f:nth-child(3) b{animation-delay:1.5s}.wtq-v4 .pw-scr.on .pw-f:nth-child(4) b{animation-delay:2s}.wtq-v4 .pw-scr.on .pw-f{animation:fldOn 3s linear forwards}@keyframes fldOn{
0%,15% {border-color:var(--line)}
16%,40% {border-color:var(--blue)}
41%,100% {border-color:var(--line)}}
/* شاشة 2ب: الحقول والمساعد */
.wtq-v4 .pw-two{display:grid; grid-template-columns:1fr 1fr; gap:12px}.wtq-v4 .pw-box{border:1px solid var(--line); border-radius:var(--r); padding:12px; font-size:11.5px}.wtq-v4 .pw-box b{display:block; font-size:12.5px; margin-bottom:8px}.wtq-v4 .pw-fchip{display:flex; align-items:center; gap:8px; border:1px solid #D6E2FB; background:var(--blue-50); border-radius:var(--r); padding:7px 9px; margin-top:6px; font-size:11px; color:var(--blue-700); opacity:0}.wtq-v4 .pw-fchip small{color:var(--muted); font-size:10px}.wtq-v4 .pw-scr.on .pw-fchip{animation:fadeUp .45s ease forwards}.wtq-v4 .pw-scr.on .pw-fchip:nth-of-type(2){animation-delay:.5s}.wtq-v4 .pw-ai{display:flex; gap:8px; align-items:flex-start; margin-top:8px; opacity:0}.wtq-v4 .pw-scr.on .pw-ai{animation:fadeUp .45s ease 1s forwards}.wtq-v4 .pw-ai .itile{width:26px; height:26px}.wtq-v4 .pw-ai .itile .ico{width:13px; height:13px}.wtq-v4 .pw-ai div{background:#F6F6F4; border-radius:var(--r); padding:8px 10px; font-size:11px; line-height:1.7}
/* شاشة 3: التوقيع */
.wtq-v4 .pw-sigbox{border:1px solid var(--line); border-radius:var(--r); height:150px; position:relative; background:linear-gradient(#fff,#FBFBFA)}.wtq-v4 .pw-sigbox svg.strk{position:absolute; inset:0; width:100%; height:100%}.wtq-v4 .pw-sigbox svg.strk path{fill:none; stroke:var(--ink); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:420; stroke-dashoffset:420}.wtq-v4 .pw-scr.on .pw-sigbox svg.strk path{animation:draw 1.6s ease-in-out .4s forwards}@keyframes draw{
to {stroke-dashoffset:0}}.wtq-v4 .pw-sigbox .ln{position:absolute; left:12%; right:12%; bottom:26px; border-top:1px solid var(--line-2)}.wtq-v4 .pw-sigbox .cap{position:absolute; bottom:8px; inset-inline-start:0; right:0; text-align:center; font-size:10px; color:var(--faint)}.wtq-v4 .pw-opts{display:flex; gap:8px; margin-top:12px}.wtq-v4 .pw-opt{flex:1; display:flex; align-items:center; justify-content:space-between; border:1px solid var(--line); border-radius:var(--r); padding:9px 12px; font-size:11.5px}.wtq-v4 .pw-opt i{width:16px; height:16px; border-radius:50%; background:var(--green-50); display:grid; place-items:center; font-style:normal; color:#15803D; opacity:0; transform:scale(.5)}.wtq-v4 .pw-scr.on .pw-opt i{animation:pop .4s cubic-bezier(.3,1.5,.5,1) forwards}.wtq-v4 .pw-scr.on .pw-opt:nth-child(1) i{animation-delay:2.1s}.wtq-v4 .pw-scr.on .pw-opt:nth-child(2) i{animation-delay:2.4s}.wtq-v4 .pw-opt i .ico{width:10px; height:10px}
/* شاشة 4: قوة التوقيع */
.wtq-v4 .pw-lv{display:grid; grid-template-columns:repeat(3,1fr); gap:10px}.wtq-v4 .pw-l{border:1px solid var(--line); border-radius:var(--r); padding:14px 12px; font-size:11.5px; position:relative; transition:.3s}.wtq-v4 .pw-l .tag{display:inline-block; font-size:9.5px; font-weight:600; color:var(--muted); background:#F3F3F1; border-radius:4px; padding:1px 7px; margin-bottom:8px}.wtq-v4 .pw-l b{display:block; font-size:12.5px; margin-bottom:6px}.wtq-v4 .pw-l p{color:var(--muted); font-size:10.5px; line-height:1.7; font-weight:300; min-height:52px}.wtq-v4 .pw-l .pick{display:block; margin-top:8px; font-size:11px; font-weight:600; color:var(--blue)}.wtq-v4 .pw-scr.on .pw-l.mid{animation:pickIt 3.6s linear forwards}@keyframes pickIt{
0%,35% {border-color:var(--line); box-shadow:none}
45%,100% {border-color:var(--blue); box-shadow:0 0 0 3px rgba(37,99,235,.14)}}.wtq-v4 .pw-cursor{position:absolute; width:18px; height:18px; z-index:4; pointer-events:none; opacity:0; inset-inline-start:30%; top:60%}.wtq-v4 .pw-scr.on .pw-cursor{animation:curMove 3.6s ease-in-out forwards}@keyframes curMove{
0% {opacity:0; transform:translate(40px,80px)}
15% {opacity:1}
40% {transform:translate(0,0)}
44% {transform:translate(0,0) scale(.85)}
48% {transform:translate(0,0) scale(1)}
70% {opacity:1; transform:translate(0,0)}
100% {opacity:0; transform:translate(-30px,40px)}}
/* شاشة 5أ: OTP */
.wtq-v4 .pw-otp{text-align:center; padding:12px 0 6px}.wtq-v4 .pw-otp .lbl{font-size:11.5px; color:var(--muted); margin-bottom:12px}.wtq-v4 .pw-otp .bx{display:flex; justify-content:center; gap:8px; direction:ltr}.wtq-v4 .pw-otp .bx i{width:38px; height:46px; border:1px solid var(--line-2); border-radius:var(--r); display:grid; place-items:center; font-family:'Alexandria'; font-size:18px; font-weight:600; font-style:normal; color:transparent}.wtq-v4 .pw-scr.on .pw-otp .bx i{animation:otpIn .3s ease forwards}.wtq-v4 .pw-scr.on .pw-otp .bx i:nth-child(1){animation-delay:.4s}.wtq-v4 .pw-scr.on .pw-otp .bx i:nth-child(2){animation-delay:.7s}.wtq-v4 .pw-scr.on .pw-otp .bx i:nth-child(3){animation-delay:1s}.wtq-v4 .pw-scr.on .pw-otp .bx i:nth-child(4){animation-delay:1.3s}.wtq-v4 .pw-scr.on .pw-otp .bx i:nth-child(5){animation-delay:1.6s}.wtq-v4 .pw-scr.on .pw-otp .bx i:nth-child(6){animation-delay:1.9s}@keyframes otpIn{
to {color:var(--ink); border-color:var(--blue)}}.wtq-v4 .pw-checks{display:flex; justify-content:center; gap:8px; margin-top:16px; flex-wrap:wrap}.wtq-v4 .pw-checks .tg{opacity:0}.wtq-v4 .pw-scr.on .pw-checks .tg{animation:pop .4s cubic-bezier(.3,1.5,.5,1) forwards}.wtq-v4 .pw-scr.on .pw-checks .tg:nth-child(1){animation-delay:2.3s}.wtq-v4 .pw-scr.on .pw-checks .tg:nth-child(2){animation-delay:2.55s}.wtq-v4 .pw-scr.on .pw-checks .tg:nth-child(3){animation-delay:2.8s}
/* شاشة 5ب: الهوية */
.wtq-v4 .pw-id{display:grid; grid-template-columns:150px 1fr; gap:18px; align-items:center}.wtq-v4 .pw-idcard{position:relative; height:120px; border:1.5px dashed #9DB6F3; border-radius:var(--r); background:linear-gradient(135deg,#F1F3F7,#DDE4EE); overflow:hidden}.wtq-v4 .pw-idcard::before{content:""; position:absolute; left:12px; top:16px; width:34px; height:40px; border-radius:4px; background:#C9D3E3}.wtq-v4 .pw-idcard::after{content:""; position:absolute; left:56px; right:12px; top:22px; height:6px; border-radius:3px; background:#C9D3E3; box-shadow:0 14px 0 #D5DDEA, 0 28px 0 #D5DDEA}.wtq-v4 .pw-idcard .scan{position:absolute; left:0; right:0; top:0; height:2px; background:#2563EB; box-shadow:0 0 12px 2px rgba(37,99,235,.55)}.wtq-v4 .pw-scr.on .pw-idcard .scan{animation:scanY 1.6s ease-in-out .3s 2 alternate}@keyframes scanY{
to {top:118px}}.wtq-v4 .pw-idrows{display:flex; flex-direction:column; gap:8px}.wtq-v4 .pw-idrow{display:flex; align-items:center; justify-content:space-between; border:1px solid var(--line); border-radius:var(--r); padding:9px 12px; font-size:12px}.wtq-v4 .pw-idrow i{width:18px; height:18px; border-radius:50%; background:var(--green-50); display:grid; place-items:center; color:#15803D; opacity:0; transform:scale(.5)}.wtq-v4 .pw-idrow i .ico{width:11px; height:11px}.wtq-v4 .pw-scr.on .pw-idrow i{animation:pop .4s cubic-bezier(.3,1.5,.5,1) forwards}.wtq-v4 .pw-scr.on .pw-idrow:nth-child(1) i{animation-delay:2.2s}.wtq-v4 .pw-scr.on .pw-idrow:nth-child(2) i{animation-delay:2.8s}.wtq-v4 .pw-scr.on .pw-idrow:nth-child(3) i{animation-delay:3.2s}
/* شاشة 6: الشهادة */
.wtq-v4 .pw-cert{border:1px solid var(--line); border-radius:var(--r); padding:18px; display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; background:linear-gradient(#fff,#FBFBFA)}.wtq-v4 .pw-cert b{display:block; font-size:14px; margin-bottom:6px}.wtq-v4 .pw-cert .kv{font-size:11.5px; color:var(--muted); line-height:1.9}.wtq-v4 .pw-cert .kv .mono{font-size:10.5px; color:var(--ink)}.wtq-v4 .pw-cert .ok{width:64px; height:64px; border-radius:50%; background:var(--green-50); display:grid; place-items:center; color:var(--green); opacity:0; transform:scale(.5)}.wtq-v4 .pw-cert .ok .ico{width:30px; height:30px}.wtq-v4 .pw-scr.on .pw-cert .ok{animation:pop .5s cubic-bezier(.3,1.5,.5,1) .5s forwards}.wtq-v4 .pw-cert .qr{width:52px; height:52px; margin-top:8px; opacity:.85}.wtq-v4 .pw-done{display:flex; align-items:center; gap:10px; margin-top:12px; background:var(--green-50); border:1px solid #CDEBD6; border-radius:var(--r); padding:10px 12px; font-size:11.5px; color:#15803D; opacity:0}.wtq-v4 .pw-scr.on .pw-done{animation:fadeUp .5s ease 1.1s forwards}@media (max-width:1100px){.wtq-v4 .pw{grid-template-columns:1fr}.wtq-v4 .pw-scrs{height:420px} }@media (max-width:900px){.wtq-v4 .sec{padding:64px 0}.wtq-v4 .jr{grid-template-columns:1fr; gap:12px}.wtq-v4 .jr-col{display:contents}.wtq-v4 .jr-doc{order:0; margin-bottom:10px}.wtq-v4 .jr-step::after, .wtq-v4 .jr-step::before{display:none}.wtq-v4 .jr-step[data-s="1"]{order:1}.wtq-v4 .jr-step[data-s="2"]{order:2}.wtq-v4 .jr-step[data-s="3"]{order:3}.wtq-v4 .jr-step[data-s="4"]{order:4}.wtq-v4 .jr-step[data-s="5"]{order:5}
}@media (max-width:620px){.wtq-v4 .trust .wrap{flex-direction:column; align-items:stretch; padding:0}.wtq-v4 .trust .tl{border:0; padding:12px 28px 0; margin:0}.wtq-v4 .pw-lib{grid-template-columns:1fr 1fr}.wtq-v4 .pw-lv{grid-template-columns:1fr}.wtq-v4 .pw-l p{min-height:0}.wtq-v4 .pw-scrs{height:520px}.wtq-v4 .pw-two{grid-template-columns:1fr}.wtq-v4 .pw-id{grid-template-columns:1fr}.wtq-v4 .pw-scr{padding:16px}.wtq-v4 .pw-tabs{width:auto}.wtq-v4 .pw-tab{padding:8px 12px; font-size:12.5px}
}
/* ===== الكرة الأرضية ===== */
.wtq-v4 .glb-sec{overflow:hidden}.wtq-v4 .glb-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:30px; align-items:center}.wtq-v4 .glb-side .hd{margin-bottom:0}.wtq-v4 .glb-pts{display:flex; flex-direction:column; gap:10px; margin-top:26px}.wtq-v4 .glb-pt{display:flex; gap:12px; align-items:flex-start; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:13px 16px; transition:.25s}.wtq-v4 .glb-pt:hover{transform:translateX(-3px); border-color:#C7D7FB}.wtq-v4 .glb-pt b{display:block; font-size:13.5px; font-weight:700}.wtq-v4 .glb-pt b .n{font-family:'Alexandria'; color:var(--blue)}.wtq-v4 .glb-pt p{font-size:12px; color:var(--muted); line-height:1.75; font-weight:300; margin-top:2px}.wtq-v4 .glb-pt .itile{width:34px; height:34px}.wtq-v4 .glb-pt .itile .ico{width:16px; height:16px}.wtq-v4 .glb-cta{margin-top:24px; display:flex; gap:12px; flex-wrap:wrap}.wtq-v4 .glb-box{position:relative; height:600px; display:grid; place-items:center}.wtq-v4 .glb-box::before{content:""; position:absolute; width:74%; aspect-ratio:1; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%;
  background:radial-gradient(closest-side, rgba(37,99,235,.10), rgba(37,99,235,.03) 60%, transparent 72%)}.wtq-v4 #glb{position:relative; z-index:1; cursor:grab; touch-action:none; max-width:100%}.wtq-v4 #glb.drag{cursor:grabbing}.wtq-v4 .glb-chip{position:absolute; z-index:3; pointer-events:none; transform:translate(-50%,-130%); opacity:0; transition:opacity .35s;
  background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:0 14px 30px -18px rgba(11,27,90,.5);
  padding:6px 10px; font-size:10.5px; font-weight:600; white-space:nowrap; display:flex; align-items:center; gap:6px}.wtq-v4 .glb-chip.vis{opacity:1}.wtq-v4 .glb-chip::after{content:""; position:absolute; left:50%; bottom:-4px; width:8px; height:8px; background:#fff; border:1px solid var(--line); border-top:0; border-left:0; transform:translateX(-50%) rotate(45deg)}.wtq-v4 .glb-chip .ico{width:12px; height:12px; color:var(--green)}.wtq-v4 .glb-chip small{font-weight:400; color:var(--muted); font-size:9.5px}.wtq-v4 .glb-chip.eg{background:var(--blue); border-color:var(--blue); color:#fff}.wtq-v4 .glb-chip.eg::after{background:var(--blue); border-color:var(--blue)}.wtq-v4 .glb-chip.eg .ico{color:#fff}.wtq-v4 .glb-tip{position:absolute; z-index:6; pointer-events:none; min-width:196px; background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:0 26px 52px -26px rgba(11,27,90,.55); padding:11px 13px 10px; opacity:0; transform:translate(-50%,-114%) scale(.94); transition:opacity .18s, transform .18s}.wtq-v4 .glb-tip.vis{opacity:1; transform:translate(-50%,-110%) scale(1)}.wtq-v4 .glb-tip::after{content:""; position:absolute; left:50%; bottom:-5px; width:9px; height:9px; background:#fff; border:1px solid var(--line); border-top:0; border-left:0; transform:translateX(-50%) rotate(45deg)}.wtq-v4 .glb-tip b{display:flex; align-items:center; gap:7px; font-size:12.5px; font-weight:800}.wtq-v4 .glb-tip b .flag{font-size:10px; font-weight:700; color:var(--blue); background:var(--blue-50); border-radius:4px; padding:1px 6px; font-family:"Alexandria"}.wtq-v4 .glb-tip .d{display:flex; align-items:center; gap:6px; margin-top:5px; font-size:11px; color:#3A3A38}.wtq-v4 .glb-tip .d .ico{width:13px; height:13px; color:var(--blue)}.wtq-v4 .glb-tip .rw{display:flex; gap:5px; margin-top:8px; flex-wrap:wrap}.wtq-v4 .glb-tip .rw i{font-style:normal; font-size:9.5px; font-weight:600; border-radius:var(--r); padding:2.5px 8px}.wtq-v4 .glb-tip .rw .lv{color:var(--blue-700); background:var(--blue-50)}.wtq-v4 .glb-tip .rw .ok{color:#15803D; background:var(--green-50)}.wtq-v4 .glb-tip .rw .tm{color:var(--muted); background:#F3F3F1}.wtq-v4 .glb-chip{pointer-events:auto; cursor:default}.wtq-v4 .glb-stats{display:flex; gap:22px; margin-top:24px; flex-wrap:wrap}/* ⚠️ التتبّع السالب كان -0.9px عند حجم 30px فالتصق الفاصل «/» بالرقمين
   (قيست الصناديق: 4 ينتهي عند 359.2 و«/» يبدأ عند 359.2 — صفر فسحة). */
.wtq-v4 .glb-st b{display:block; font-family:'Alexandria'; direction:ltr; font-size:30px; font-weight:600; letter-spacing:normal; line-height:1; color:var(--ink)}.wtq-v4 .glb-st b span{color:var(--blue)}
/* ⚠️ محرف «/» في Alexandria بلا هوامش جانبية، فيلتصق بالرقمين مهما
   ضُبط التتبّع (قِيس: صفر فسحة على الجانبين). فيُفصل بعنصر له هامشه،
   ويُخفَّف وزنه ولونه ليُقرأ فاصلًا لا رقمًا. */
.wtq-v4 .glb-st b .sl{color:var(--faint); font-weight:400; margin:0 .085em; display:inline-block}.wtq-v4 .glb-st small{display:block; font-size:11.5px; color:var(--muted); margin-top:5px}@media (max-width:1000px){.wtq-v4 .glb-grid{grid-template-columns:1fr}.wtq-v4 .glb-box{height:460px} }@media (max-width:560px){.wtq-v4 .glb-box{height:380px} }
/* ===== أساس تثق به ===== */
.wtq-v4 .tr-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}.wtq-v4 .tr-big{grid-column:span 2; display:grid; grid-template-columns:1.1fr .9fr; gap:22px; align-items:center}.wtq-v4 .tr-rev{display:flex; flex-direction:column; gap:8px; margin-top:14px}.wtq-v4 .tr-r{display:flex; align-items:center; gap:10px; border:1px solid #EFEFEC; border-radius:var(--r); padding:9px 12px; background:#FBFBFA; font-size:12.5px; opacity:.35; transform:translateX(6px); transition:.45s}.wtq-v4 .tr-r.on{opacity:1; transform:none; background:#fff; border-color:var(--line)}.wtq-v4 .tr-r b{display:block; font-size:12.5px}.wtq-v4 .tr-r small{display:block; font-size:10.5px; color:var(--muted)}.wtq-v4 .tr-r .itile{width:30px; height:30px}.wtq-v4 .tr-r .itile .ico{width:15px; height:15px}.wtq-v4 .tr-r .ck{margin-inline-start:auto; width:18px; height:18px; border-radius:50%; background:var(--green-50); color:#15803D; display:grid; place-items:center; opacity:0; transform:scale(.5); transition:.35s .25s}.wtq-v4 .tr-r.on .ck{opacity:1; transform:none}.wtq-v4 .tr-r .ck .ico{width:11px; height:11px}.wtq-v4 .tr-docsk{position:relative; border:1px solid var(--line); border-radius:var(--r); padding:22px 20px; background:linear-gradient(#fff,#FBFBFA); min-height:190px}.wtq-v4 .tr-docsk .sk{margin-bottom:10px}.wtq-v4 .tr-docsk .sk:nth-child(1){width:60%; height:8px}.wtq-v4 .tr-docsk .sk:nth-child(3){width:85%}.wtq-v4 .tr-docsk .sk:nth-child(5){width:70%}.wtq-v4 .tr-docsk .sk:nth-child(6){width:40%}.wtq-v4 .tr-stamp{position:absolute; left:16px; bottom:16px; border:1.5px solid var(--green); color:#15803D; border-radius:var(--r); padding:5px 10px; font-size:11px; font-weight:700; transform:rotate(-8deg) scale(1.4); opacity:0; transition:.35s cubic-bezier(.2,1.4,.4,1)}.wtq-v4 .tr-stamp.on{opacity:1; transform:rotate(-8deg) scale(1)}.wtq-v4 .tr-law{display:flex; flex-direction:column; gap:8px; margin-top:14px}.wtq-v4 .tr-law div{display:flex; align-items:center; gap:10px; border:1px solid #EFEFEC; border-radius:var(--r); padding:10px 12px; background:#FBFBFA; font-size:12px}.wtq-v4 .tr-law div b{display:block; font-size:12px}.wtq-v4 .tr-law div small{display:block; font-size:10.5px; color:var(--muted)}.wtq-v4 .tr-law .eg{margin-inline-start:auto; font-family:'Alexandria'; font-size:10px; font-weight:700; color:var(--blue); background:var(--blue-50); border-radius:4px; padding:2px 6px}.wtq-v4 .tr-note{margin-top:12px; font-size:11.5px; color:var(--faint)}.wtq-v4 .tr-hash{margin-top:14px; display:flex; gap:12px; align-items:center}.wtq-v4 .tr-hash .itile{width:46px; height:46px; background:#0B0B0B; color:#86EFAC}.wtq-v4 .tr-hash .itile .ico{width:22px; height:22px}.wtq-v4 .tr-hash .hv{font-family:'Alexandria'; direction:ltr; unicode-bidi:isolate; font-size:10.5px; color:#3A3A38; line-height:1.6; word-break:break-all}.wtq-v4 .tr-hash .hv b{color:var(--blue); font-weight:700; margin-right:6px}.wtq-v4 .tr-pills{display:flex; flex-wrap:wrap; gap:6px; margin-top:14px}.wtq-v4 .tr-cmp{margin-top:14px}.wtq-v4 .tr-cmp .row{display:grid; grid-template-columns:96px 1fr 52px; gap:10px; align-items:center; font-size:11.5px; margin-bottom:10px}.wtq-v4 .tr-cmp .row small{color:var(--muted); font-size:10.5px; text-align:left; font-family:'Alexandria'; direction:ltr}.wtq-v4 .tr-cmp .trk{height:8px; border-radius:4px; background:#ECECE9; overflow:hidden}.wtq-v4 .tr-cmp .trk i{display:block; height:100%; width:var(--w); background:#3A3A38; border-radius:4px; transform-origin:right; transform:scaleX(0); transition:transform 1.2s cubic-bezier(.2,.8,.25,1)}.wtq-v4 .tr-cmp .trk i.b{background:var(--blue)}.wtq-v4 .hc.in .tr-cmp .trk i{transform:none}.wtq-v4 .tr-count{margin-top:16px; font-family:'Alexandria'; font-size:40px; font-weight:600; letter-spacing:-.03em; line-height:1; color:var(--blue)}.wtq-v4 .tr-count span{font-family:"Alexandria"; font-size:15px; font-weight:700; margin-inline-start:6px; color:var(--ink)}.wtq-v4 .tr-count small{display:block; font-family:"Alexandria"; font-size:11.5px; font-weight:300; color:var(--muted); margin-top:6px}.wtq-v4 .tr-upd{list-style:none; margin:14px 0 0; padding:0; display:flex; flex-direction:column; gap:8px}.wtq-v4 .tr-upd li{display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12.5px; border:1px solid #EFEFEC; border-radius:var(--r); padding:9px 12px; background:#FBFBFA; opacity:0; transform:translateY(8px); transition:.45s}.wtq-v4 .hc.in .tr-upd li{opacity:1; transform:none}.wtq-v4 .hc.in .tr-upd li:nth-child(2){transition-delay:.25s}.wtq-v4 .hc.in .tr-upd li:nth-child(3){transition-delay:.5s}.wtq-v4 .tr-upd li .t{flex:1; font-size:12px}.wtq-v4 .tr-upd li .when{font-size:10.5px; color:var(--blue); background:var(--blue-50); border-radius:var(--r); padding:2px 8px; white-space:nowrap}.wtq-v4 .tr-upd li .ico{width:14px; height:14px; color:var(--blue); flex:none}.wtq-v4 .hc .hdr{display:flex; align-items:flex-start; gap:12px}.wtq-v4 .hc .hdr .itile{margin-top:2px}
/* ===== لكل دور ===== */
.wtq-v4 .ro-tabs{display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-bottom:26px}.wtq-v4 .ro-tab{display:inline-flex; align-items:center; gap:8px; font:inherit; font-size:13px; font-weight:600; color:var(--muted); background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:9px 16px; cursor:pointer; transition:.2s}.wtq-v4 .ro-tab .ico{width:15px; height:15px}.wtq-v4 .ro-tab:hover{border-color:var(--blue); color:var(--blue)}.wtq-v4 .ro-tab.on{background:var(--blue); color:#fff; border-color:var(--blue); box-shadow:0 12px 24px -14px rgba(37,99,235,.7)}.wtq-v4 .ro-panes{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:34px 36px; min-height:340px}.wtq-v4 .ro-pane{display:none; grid-template-columns:1fr 1.15fr; gap:36px; align-items:center}.wtq-v4 .ro-pane.on{display:grid; animation:fadeUp .5s ease}.wtq-v4 .ro-pane .kick{font-size:12px; font-weight:600; color:var(--blue); margin-bottom:8px; display:flex; align-items:center; gap:6px}.wtq-v4 .ro-pane h3{margin:0; font-size:clamp(20px,2vw,26px); font-weight:800; letter-spacing:-.02em; line-height:1.7}.wtq-v4 .ro-pane .lead{font-size:13.5px; margin-top:12px}.wtq-v4 .ro-pane .btn{margin-top:22px}.wtq-v4 .ro-pts{display:grid; grid-template-columns:1fr 1fr; gap:12px}.wtq-v4 .ro-pt{display:flex; gap:12px; align-items:flex-start; border:1px solid #EFEFEC; border-radius:var(--r); padding:14px; background:#FBFBFA; transition:.25s; opacity:0; transform:translateY(8px)}.wtq-v4 .ro-pane.on .ro-pt{animation:fadeUp .5s ease forwards}.wtq-v4 .ro-pane.on .ro-pt:nth-child(2){animation-delay:.08s}.wtq-v4 .ro-pane.on .ro-pt:nth-child(3){animation-delay:.16s}.wtq-v4 .ro-pane.on .ro-pt:nth-child(4){animation-delay:.24s}.wtq-v4 .ro-pt:hover{background:#fff; border-color:var(--line); transform:translateY(-2px); box-shadow:0 18px 30px -24px rgba(11,11,11,.3)}.wtq-v4 .ro-pt b{display:block; font-size:13px; font-weight:700; margin-bottom:3px}.wtq-v4 .ro-pt p{font-size:12px; color:var(--muted); line-height:1.75; font-weight:300}.wtq-v4 .ro-pt .itile{width:34px; height:34px}.wtq-v4 .ro-pt .itile .ico{width:16px; height:16px}
/* ===== ثنائي المزايا ===== */
.wtq-v4 .ft-duo{display:grid; grid-template-columns:1.15fr 1fr; gap:18px}.wtq-v4 .ft-card{position:relative; border-radius:var(--r); padding:30px 30px 26px; overflow:hidden; border:1px solid var(--line); background:#fff}.wtq-v4 .ft-card.blue{background:var(--blue); color:#fff; border-color:var(--blue)}.wtq-v4 .ft-card .k{font-size:12px; font-weight:600; opacity:.85; margin-bottom:10px; display:flex; align-items:center; gap:8px}.wtq-v4 .ft-card.blue .k{color:#DBE7FD}.wtq-v4 .ft-card:not(.blue) .k{color:var(--blue)}.wtq-v4 .ft-card h3{margin:0; font-size:clamp(22px,2.2vw,30px); font-weight:800; letter-spacing:-.025em; line-height:1.7}.wtq-v4 .ft-card h3 .dim{color:rgba(255,255,255,.7)}.wtq-v4 .ft-card:not(.blue) h3 .dim{color:var(--faint)}.wtq-v4 .ft-card p{margin-top:12px; font-size:13px; line-height:1.85; font-weight:300; opacity:.9; max-width:52ch}.wtq-v4 .ft-card.blue p{color:#EAF0FE}.wtq-v4 .ft-line{margin-top:22px; height:150px; border-radius:var(--r); background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); position:relative; overflow:hidden}.wtq-v4 .ft-line svg{position:absolute; inset:0; width:100%; height:100%}.wtq-v4 .ft-line path{fill:none; stroke:#fff; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:900; stroke-dashoffset:900; animation:draw2 4.2s ease-in-out infinite}@keyframes draw2{
0% {stroke-dashoffset:900}
55% {stroke-dashoffset:0}
80% {stroke-dashoffset:0; opacity:1}
92% {opacity:0}
100% {stroke-dashoffset:900; opacity:0}}.wtq-v4 .ft-line .dot{position:absolute; width:12px; height:12px; border-radius:50%; background:#fff; box-shadow:0 0 0 6px rgba(255,255,255,.25); offset-path:path("M20 92 C 80 92, 110 40, 150 62 S 220 120, 260 78 S 340 30, 400 70 S 470 100, 520 60"); offset-distance:0%; animation:ride 4.2s ease-in-out infinite}@keyframes ride{
0% {offset-distance:0%; opacity:1}
55% {offset-distance:100%; opacity:1}
80% {offset-distance:100%; opacity:1}
92% {opacity:0}
100% {offset-distance:0%; opacity:0}}.wtq-v4 .ft-line .tg{position:absolute; inset-inline-end:14px; top:14px; background:#fff; color:#15803D; border-color:#fff; opacity:0; animation:sgOK 4.2s ease-in-out infinite}@keyframes sgOK{
0%,50% {opacity:0; transform:translateY(6px)}
60%,85% {opacity:1; transform:none}
95%,100% {opacity:0}}.wtq-v4 .ft-wiz{margin-top:22px; border:1px solid var(--line); border-radius:var(--r); padding:14px; background:#FBFBFA; display:flex; flex-direction:column; gap:8px}.wtq-v4 .ft-wf{display:grid; grid-template-columns:96px 1fr; align-items:center; gap:10px; border:1px solid var(--line); border-radius:var(--r); padding:9px 12px; font-size:12px; background:#fff}.wtq-v4 .ft-wf span{color:var(--muted); font-size:11px}.wtq-v4 .ft-wf b{font-weight:600; min-height:1.4em}.wtq-v4 .ft-wf b::after{content:""; display:inline-block; width:1.5px; height:13px; background:var(--blue); vertical-align:-2px; margin-inline-start:2px; opacity:0}.wtq-v4 .ft-wf.typing b::after{opacity:1; animation:blink .9s step-end infinite}.wtq-v4 .ft-wf.done{border-color:#CDEBD6}.wtq-v4 .ft-wf.done b{color:var(--ink)}.wtq-v4 .ft-wiz .pbar2{height:5px; background:#ECECE9; border-radius:3px; overflow:hidden; margin-top:4px}.wtq-v4 .ft-wiz .pbar2 i{display:block; height:100%; background:var(--blue); width:0; transition:width .8s cubic-bezier(.2,.8,.25,1)}.wtq-v4 .ft-tiles{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:18px}.wtq-v4 .ft-tile{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:26px 22px; text-align:center; transition:.25s}.wtq-v4 .ft-tile:hover{transform:translateY(-3px); box-shadow:0 26px 44px -34px rgba(11,11,11,.4)}.wtq-v4 .ft-tile .itile{margin:0 auto 14px; width:52px; height:52px}.wtq-v4 .ft-tile .itile .ico{width:24px; height:24px}.wtq-v4 .ft-tile b{display:block; font-size:15px; font-weight:700; margin-bottom:6px}.wtq-v4 .ft-tile p{font-size:12.5px; color:var(--muted); line-height:1.8; font-weight:300}
/* ===== المقارنة ===== */
.wtq-v4 .cmp{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:26px 28px 22px}.wtq-v4 .cmp .row{display:grid; grid-template-columns:150px 1fr 120px; align-items:center; gap:18px; padding:14px 0}.wtq-v4 .cmp .row + .row{border-top:1px solid #EFEFEC}.wtq-v4 .cmp .who b{display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700}.wtq-v4 .cmp .who small{display:block; font-size:11px; color:var(--faint)}.wtq-v4 .cmp .track{position:relative; height:34px; background:#F3F3F1; border-radius:var(--r); overflow:hidden}.wtq-v4 .cmp .seg{position:absolute; top:0; bottom:0; display:flex; align-items:center; justify-content:center; font-size:10px; color:#fff; white-space:nowrap; overflow:hidden; transform:scaleX(0); transform-origin:right; transition:transform 1.1s cubic-bezier(.2,.8,.25,1)}.wtq-v4 .cmp.in .seg{transform:none}.wtq-v4 .cmp .seg.a{background:#3A3A38}.wtq-v4 .cmp .seg.b{background:#55554F; transition-delay:.25s}.wtq-v4 .cmp .seg.c{background:#6E6E6B; transition-delay:.5s}.wtq-v4 .cmp .seg.d{background:#8A8A85; transition-delay:.75s}.wtq-v4 .cmp .seg.w{background:var(--blue); border-radius:var(--r); font-weight:600}.wtq-v4 .cmp .wl{position:absolute; top:50%; right:calc(4% + 10px); transform:translateY(-50%); font-size:10.5px; font-weight:600; color:var(--blue); opacity:0; transition:opacity .5s .9s; display:flex; align-items:center; gap:6px}.wtq-v4 .cmp.in .wl{opacity:1}.wtq-v4 .cmp .val{text-align:start; font-family:'Alexandria'; direction:ltr; font-size:15px; font-weight:600}.wtq-v4 .cmp .val small{display:block; font-family:"Alexandria"; direction:rtl; font-size:10.5px; color:var(--faint); font-weight:400}.wtq-v4 .cmp .val.w{color:var(--blue)}.wtq-v4 .cmp .axis{display:flex; justify-content:space-between; font-size:9.5px; color:var(--faint); padding:4px 0 0; grid-column:2; font-family:"Alexandria"}.wtq-v4 .stats3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:26px}.wtq-v4 .st3{padding:6px 4px; display:flex; gap:14px; align-items:flex-start}.wtq-v4 .st3 .itile{margin-top:4px}.wtq-v4 .st3 b{display:block; font-family:'Alexandria'; font-size:38px; font-weight:600; letter-spacing:-.03em; line-height:1; color:var(--ink)}.wtq-v4 .st3 b span{font-family:"Alexandria"; font-size:14px; font-weight:600; margin-inline-start:6px; color:var(--blue)}.wtq-v4 .st3 em{display:block; font-style:normal; font-size:14px; font-weight:700; margin-top:8px}.wtq-v4 .st3 p{font-size:12.5px; color:var(--muted); font-weight:300; margin-top:2px; line-height:1.8}@media (max-width:1000px){.wtq-v4 .tr-grid{grid-template-columns:1fr 1fr}.wtq-v4 .tr-big{grid-column:span 2}.wtq-v4 .ft-duo{grid-template-columns:1fr} }@media (max-width:900px){.wtq-v4 .ro-pane{grid-template-columns:1fr}.wtq-v4 .ro-panes{padding:22px}.wtq-v4 .cmp .row{grid-template-columns:110px 1fr 90px}.wtq-v4 .tr-big{grid-template-columns:1fr}.wtq-v4 .stats3{grid-template-columns:1fr}
}@media (max-width:760px){.wtq-v4 .tr-grid{grid-template-columns:1fr}.wtq-v4 .tr-big{grid-column:auto}.wtq-v4 .ft-tiles{grid-template-columns:1fr}.wtq-v4 .ro-pts{grid-template-columns:1fr}.wtq-v4 .cmp{padding:18px 16px}.wtq-v4 .cmp .row{grid-template-columns:1fr; gap:8px; padding:12px 0}.wtq-v4 .cmp .who{display:flex; align-items:baseline; gap:8px}.wtq-v4 .cmp .who small{font-size:10.5px}.wtq-v4 .cmp .val{direction:rtl; font-size:13px; display:flex; gap:6px; align-items:baseline}.wtq-v4 .cmp .val small{display:inline}.wtq-v4 .cmp .seg{font-size:0}.wtq-v4 .cmp .axis{display:none}.wtq-v4 .cmp .row.ax{display:none}
}
/* ===== ٣ خطوات ===== */
.wtq-v4 .stp{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; position:relative; margin-top:16px}.wtq-v4 .stp::before{content:""; position:absolute; left:16%; right:16%; top:22px; border-top:1.5px dashed #C9D3EA; z-index:0}.wtq-v4 .s3-card{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:40px 22px 22px; text-align:center; z-index:1; transition:.25s}.wtq-v4 .s3-card:hover{transform:translateY(-3px); box-shadow:0 26px 44px -34px rgba(11,11,11,.4)}.wtq-v4 .s3-card .num{position:absolute; top:-18px; left:50%; transform:translateX(-50%); width:38px; height:38px; font-size:15px; background:#fff; color:var(--blue); border:1.5px solid var(--blue)}.wtq-v4 .s3-card b{display:block; font-size:16px; font-weight:800; letter-spacing:-.01em}.wtq-v4 .s3-card > p{font-size:12.5px; color:var(--muted); line-height:1.8; font-weight:300; margin-top:6px}.wtq-v4 .s3-ui{margin-top:16px; border:1px solid var(--line); border-radius:var(--r); background:#FBFBFA; padding:12px; text-align:start; min-height:160px}.wtq-v4 .s3-opt{display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:8px 10px; font-size:11.5px; margin-bottom:7px; animation:s3opt 7.5s linear infinite}.wtq-v4 .s3-opt:nth-child(2){animation-delay:.9s}.wtq-v4 .s3-opt:nth-child(3){animation-delay:1.8s}.wtq-v4 .s3-opt b{display:block; font-size:11.5px; font-weight:700}.wtq-v4 .s3-opt small{display:block; font-size:10px; color:var(--muted)}.wtq-v4 .s3-opt .itile{width:28px; height:28px}.wtq-v4 .s3-opt .itile .ico{width:14px; height:14px}.wtq-v4 .s3-opt .ck{margin-inline-start:auto; width:16px; height:16px; border-radius:50%; background:var(--green-50); color:#15803D; display:grid; place-items:center; opacity:0; animation:s3ck 7.5s linear infinite}.wtq-v4 .s3-opt:nth-child(2) .ck{animation-delay:.9s}.wtq-v4 .s3-opt:nth-child(3) .ck{animation-delay:1.8s}.wtq-v4 .s3-opt .ck .ico{width:9px; height:9px}@keyframes s3opt{
0%,12% {border-color:var(--line)}
16%,40% {border-color:var(--blue)}
44%,100% {border-color:var(--line)}}@keyframes s3ck{
0%,15% {opacity:0; transform:scale(.5)}
20%,80% {opacity:1; transform:none}
86%,100% {opacity:0}}.wtq-v4 .s3-f{display:grid; grid-template-columns:80px 1fr; align-items:center; gap:8px; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:8px 10px; font-size:11.5px; margin-bottom:7px}.wtq-v4 .s3-f span{color:var(--muted); font-size:10.5px}.wtq-v4 .s3-f b{font-weight:600; overflow:hidden; white-space:nowrap; display:block}.wtq-v4 .s3-f b i{display:inline-block; font-style:normal; max-width:0; overflow:hidden; white-space:nowrap; vertical-align:bottom; animation:s3type 7.5s steps(18) infinite}.wtq-v4 .s3-f:nth-child(2) b i{animation-delay:1.6s}@keyframes s3type{
0%,8% {max-width:0}
30%,82% {max-width:100%}
88%,100% {max-width:0}}.wtq-v4 .s3-p{height:5px; background:#ECECE9; border-radius:3px; overflow:hidden; margin-top:4px}.wtq-v4 .s3-p i{display:block; height:100%; width:100%; background:var(--blue); transform-origin:right; animation:s3p 7.5s linear infinite}@keyframes s3p{
0% {transform:scaleX(0)}
60%,84% {transform:scaleX(1)}
90%,100% {transform:scaleX(0)}}.wtq-v4 .s3-sig{height:78px; background:#fff; border:1px solid var(--line); border-radius:var(--r); position:relative; overflow:hidden}.wtq-v4 .s3-sig svg{position:absolute; inset:0; width:100%; height:100%}.wtq-v4 .s3-sig path{fill:none; stroke:var(--ink); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:420; stroke-dashoffset:420; animation:s3draw 7.5s ease-in-out infinite}@keyframes s3draw{
0%,8% {stroke-dashoffset:420}
40%,84% {stroke-dashoffset:0}
92%,100% {stroke-dashoffset:420}}.wtq-v4 .s3-tags{display:flex; gap:6px; flex-wrap:wrap; margin-top:10px}.wtq-v4 .s3-tags .tg{opacity:0; animation:s3tag 7.5s linear infinite}.wtq-v4 .s3-tags .tg:nth-child(2){animation-delay:.3s}.wtq-v4 .s3-tags .tg:nth-child(3){animation-delay:.6s}@keyframes s3tag{
0%,42% {opacity:0; transform:scale(.6)}
48%,84% {opacity:1; transform:none}
90%,100% {opacity:0}}.wtq-v4 .s3-cta{text-align:center; margin-top:36px}
/* ===== صياغة حقيقية ===== */
.wtq-v4 .rd{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center}.wtq-v4 .rd-eg{margin-top:22px; display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:16px 18px}.wtq-v4 .rd-eg .flag{width:46px; height:46px; border-radius:var(--r); background:var(--blue-50); color:var(--blue); font-family:'Alexandria'; font-weight:800; font-size:13px; display:grid; place-items:center; flex:none; letter-spacing:.04em}.wtq-v4 .rd-eg b{display:block; font-size:14px}.wtq-v4 .rd-eg small{display:block; font-size:12px; color:var(--muted); margin-top:2px}.wtq-v4 .rd-cards{display:flex; flex-direction:column; gap:12px}.wtq-v4 .rd-c{display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:18px 20px; transition:.4s}.wtq-v4 .rd-c.on{border-color:#C7D7FB; background:var(--blue-50); transform:translateX(-4px); box-shadow:0 20px 40px -30px rgba(37,99,235,.5)}.wtq-v4 .rd-c b{display:block; font-size:14.5px; font-weight:700; margin-bottom:4px}.wtq-v4 .rd-c p{font-size:12.5px; color:var(--muted); line-height:1.8; font-weight:300}
/* ===== لوحة التحكم الحيّة ===== */
.wtq-v4 .ds-win{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; box-shadow:0 2px 6px rgba(11,11,11,.05), 0 44px 84px -44px rgba(11,11,11,.45)}.wtq-v4 .ds-win .bbar{height:36px; display:flex; align-items:center; padding:0 14px; background:#F6F6F4; border-bottom:1px solid #E6E6E2; position:relative}.wtq-v4 .ds-win .bbar i{width:9px; height:9px; border-radius:50%; background:#DCDCD8; margin-inline-end:6px}.wtq-v4 .ds-win .bbar span{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:10.5px; color:var(--faint); font-family:'Alexandria'; background:#fff; border:1px solid #E6E6E2; border-radius:var(--r); padding:2px 40px}.wtq-v4 .ds-live{position:absolute; top:48px; inset-inline-start:16px; z-index:3; font-size:10.5px; font-weight:600; color:#15803D; background:#fff; border:1px solid #CDEBD6; border-radius:var(--r); padding:4px 10px; display:flex; align-items:center; gap:6px}.wtq-v4 .ds-live::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--green); animation:pulseG 1.6s ease-out infinite}.wtq-v4 .ds-body{display:grid; grid-template-columns:1fr 250px; min-height:420px}.wtq-v4 .ds-main{padding:22px 22px 20px; border-inline-end:1px solid var(--line)}.wtq-v4 .ds-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:26px}.wtq-v4 .ds-st{border:1px solid var(--line); border-radius:var(--r); padding:12px 14px; background:#FBFBFA}.wtq-v4 .ds-st small{display:block; font-size:11px; color:var(--muted)}.wtq-v4 .ds-st b{display:block; font-family:'Alexandria'; font-size:24px; font-weight:600; letter-spacing:-.02em; line-height:1.2; margin-top:4px; transition:transform .25s}.wtq-v4 .ds-st b.bump{transform:scale(1.18)}.wtq-v4 .ds-st.c1 b{color:var(--blue)}.wtq-v4 .ds-st.c2 b{color:#D8632E}.wtq-v4 .ds-st.c3 b{color:#15803D}.wtq-v4 .ds-st.c4 b{color:#DC2626}.wtq-v4 .ds-head{display:flex; align-items:center; justify-content:space-between; margin:20px 0 10px}.wtq-v4 .ds-head b{font-size:14px}.wtq-v4 .ds-head .nb{font-size:11.5px; font-weight:600; color:#fff; background:var(--blue); border-radius:var(--r); padding:6px 12px; display:inline-flex; align-items:center; gap:6px}.wtq-v4 .ds-head .nb .ico{width:12px; height:12px}.wtq-v4 .ds-list{display:flex; flex-direction:column; gap:8px; position:relative}.wtq-v4 .ds-row{display:grid; grid-template-columns:32px 1fr auto auto; align-items:center; gap:12px; border:1px solid var(--line); border-radius:var(--r); padding:10px 12px; background:#fff; transition:border-color .4s, background .4s, opacity .4s, transform .4s}.wtq-v4 .ds-row.new{animation:rowIn .55s cubic-bezier(.2,.8,.25,1)}.wtq-v4 .ds-row.hl{border-color:#F5C9B3; background:#FFF8F4}.wtq-v4 .ds-row.gone{opacity:0; transform:translateY(8px); height:0; padding:0; margin:-8px 0 0; overflow:hidden; border-width:0}@keyframes rowIn{
from {opacity:0; transform:translateY(-12px)}
to {opacity:1; transform:none}}.wtq-v4 .ds-row .fi{width:32px; height:32px; border-radius:var(--r); background:#F3F3F1; display:grid; place-items:center; color:var(--muted)}.wtq-v4 .ds-row .fi .ico{width:15px; height:15px}.wtq-v4 .ds-row b{display:block; font-size:12.5px; font-weight:700}.wtq-v4 .ds-row small{display:block; font-size:10.5px; color:var(--muted)}.wtq-v4 .ds-av{display:flex}.wtq-v4 .ds-av i{width:22px; height:22px; border-radius:50%; background:#EEF0F4; border:2px solid #fff; display:grid; place-items:center; font-style:normal; font-size:9.5px; font-weight:700; color:#3D4552; margin-inline-start:-6px}.wtq-v4 .ds-av i:first-child{margin:0}.wtq-v4 .ds-pill{font-size:10.5px; font-weight:600; border-radius:var(--r); padding:3px 9px; white-space:nowrap; transition:.3s}.wtq-v4 .ds-pill.d{background:#F3F3F1; color:var(--muted)}.wtq-v4 .ds-pill.w{background:#FDF0E9; color:#D8632E}.wtq-v4 .ds-pill.s{background:var(--green-50); color:#15803D}.wtq-v4 .ds-feed{padding:22px 18px; background:#FBFBFA}.wtq-v4 .ds-feed .fh{display:flex; align-items:center; justify-content:space-between; font-size:13px; font-weight:700; margin-bottom:12px}.wtq-v4 .ds-feed .fh .itile{width:30px; height:30px}.wtq-v4 .ds-feed .fh .itile .ico{width:15px; height:15px}.wtq-v4 .ds-ev{display:flex; gap:10px; align-items:flex-start; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:9px 10px; margin-bottom:8px; transition:.4s}.wtq-v4 .ds-ev.new{animation:rowIn .5s cubic-bezier(.2,.8,.25,1)}.wtq-v4 .ds-ev.gone{opacity:0; transform:translateY(6px)}.wtq-v4 .ds-ev .itile{width:26px; height:26px}.wtq-v4 .ds-ev .itile .ico{width:13px; height:13px}.wtq-v4 .ds-ev b{display:block; font-size:11.5px; font-weight:600; line-height:1.5}.wtq-v4 .ds-ev small{display:block; font-size:10px; color:var(--faint); margin-top:2px}.wtq-v4 .ds-chips{display:flex; justify-content:center; gap:12px; margin-top:26px; flex-wrap:wrap}.wtq-v4 .ds-chip{display:flex; align-items:center; gap:12px; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:12px 18px; min-width:220px; transition:.3s}.wtq-v4 .ds-chip.on{border-color:var(--blue); box-shadow:0 16px 30px -22px rgba(37,99,235,.6)}.wtq-v4 .ds-chip b{display:block; font-size:13px}.wtq-v4 .ds-chip small{display:block; font-size:11px; color:var(--muted)}.wtq-v4 .ds-chip .itile{width:36px; height:36px}.wtq-v4 .ds-chip .itile .ico{width:17px; height:17px}
/* ===== المزايا ===== */
.wtq-v4 .fx{display:grid; grid-template-columns:1.1fr .9fr; gap:22px; align-items:start}.wtq-v4 .fx-list{display:flex; flex-direction:column; gap:8px}.wtq-v4 .fx-it{display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:14px 16px; cursor:pointer; transition:.3s; text-align:start; font:inherit; width:100%}.wtq-v4 .fx-it b{font-size:14px; font-weight:700; flex:1}.wtq-v4 .fx-it .chev{color:var(--faint); transition:.3s}.wtq-v4 .fx-it .chev .ico{width:16px; height:16px}.wtq-v4 .fx-it:hover{border-color:#C7D7FB}.wtq-v4 .fx-it.on{border-color:var(--blue); box-shadow:0 20px 40px -30px rgba(37,99,235,.55)}.wtq-v4 .fx-it.on .chev{color:var(--blue); transform:translateX(-4px)}.wtq-v4 .fx-it .itile{transition:.3s}.wtq-v4 .fx-it.on .itile{background:var(--tone-c,var(--blue)); color:#fff}.wtq-v4 .fx-detail{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:34px 30px; text-align:center; min-height:300px; overflow:hidden}.wtq-v4 .fx-d{position:absolute; inset:0; padding:34px 30px; display:flex; flex-direction:column; align-items:center; justify-content:center; opacity:0; transform:translateY(10px); transition:.45s; pointer-events:none}.wtq-v4 .fx-d.on{opacity:1; transform:none; pointer-events:auto}.wtq-v4 .fx-d .itile{width:72px; height:72px; margin-bottom:18px}.wtq-v4 .fx-d .itile .ico{width:34px; height:34px}.wtq-v4 .fx-d b{font-size:19px; font-weight:800; letter-spacing:-.02em}.wtq-v4 .fx-d p{margin-top:10px; font-size:13.5px; color:var(--muted); line-height:1.9; font-weight:300; max-width:40ch}.wtq-v4 .fx-d .pbar3{position:absolute; left:0; right:0; bottom:0; height:3px; background:#EEEEEB}.wtq-v4 .fx-d .pbar3 i{display:block; height:100%; background:var(--blue); transform-origin:right; transform:scaleX(0)}.wtq-v4 .fx-d.on .pbar3 i{animation:grow var(--fx-dur,4.5s) linear forwards}
/* ===== الأسعار ===== */
.wtq-v4 .pr{display:grid; grid-template-columns:repeat(5,1fr); gap:12px}.wtq-v4 .pr-c{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:24px 16px 20px; text-align:center; transition:.25s}.wtq-v4 .pr-c:hover{transform:translateY(-4px); box-shadow:0 30px 50px -36px rgba(11,11,11,.4)}.wtq-v4 .pr-c.pop{border-color:var(--blue); box-shadow:0 30px 60px -36px rgba(37,99,235,.5)}.wtq-v4 .pr-c .pop-tag{position:absolute; top:-12px; left:50%; transform:translateX(-50%); font-size:10.5px; font-weight:600; color:#fff; background:var(--blue); border-radius:var(--r); padding:3px 10px; white-space:nowrap}.wtq-v4 .pr-c .nm{display:block; font-size:13.5px; font-weight:700; margin-bottom:10px}.wtq-v4 .pr-c .val{font-family:'Alexandria'; direction:ltr; unicode-bidi:isolate; font-size:28px; font-weight:600; letter-spacing:-.03em; line-height:1}/* ⚠️ `margin-left` ثابت داخل صفّ قد يكون RTL — يدفع في الجهة الخاطئة.
   واللاحقة العربية كانت تلتصق بالقيمة لأن `.val` مضبوطة ltr للأسعار. */
.wtq-v4 .pr-c .val small{font-family:"Alexandria"; font-size:12px; color:var(--muted); font-weight:400; margin-inline-start:7px}
/* ⚠️ اللاحقة العربية لا تعمل لاحقةً في سطر واحد: «رابط آمن» و«للتوقيع»
   كلتاهما عربية بالخطّ نفسه، ففسحة 7px لا تُقرأ فاصلًا — قِيست الفسحة
   وكانت موجودة، والعين تقرأهما كلمةً واحدة رغمها. فتنزل سطرًا مستقلًّا.
   (اللاتينية `.docx` و`.pdf` تبقى لاحقةً في السطر: لها حدّ كلمة واضح.) */
/* ⚠️ اللاحقة العربية ليست لاحقةً كـ`.docx`: هي تتمّة الجملة نفسها.
   جُرِّبت سطرًا مستقلًّا فرفضه المالك — فتعود إلى السطر بوزن القيمة
   وحجمها، فتُقرأ «رقم للتحقّق» عبارةً واحدة لا قيمةً ولاحقة. */
/* ⚠️ الحجم 24px لا 28px للعربية وحدها: «رابط آمن للتوقيع» بوزن 600
   يحتاج 208px عند 28px والمتاح 192px — فيُكسر بعد «رابط» كسرًا رديئًا.
   قِيست الأحجام: 26⇒193 · 25⇒186 · 24⇒178. اختير 24 لهامش أوسع.
   والوزن يبقى وزن القيمة نفسه كما طلب المالك. */
.wtq-v4 .pr-c .val.ar{direction:rtl; line-height:1.2; font-size:24px; text-wrap:balance}
.wtq-v4 .pr-c .val.free{font-family:"Alexandria"; direction:rtl; color:#15803D; font-size:24px}.wtq-v4 .pr-c .per{display:block; font-size:11px; color:var(--faint); margin-top:8px; min-height:1.6em}.wtq-v4 .pr-note{margin:22px auto 0; text-align:center; font-size:12px; color:var(--muted); display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap}.wtq-v4 .pr-note .ico{color:#D8632E; width:15px; height:15px}.wtq-v4 .pr-act{display:flex; gap:12px; justify-content:center; margin-top:22px; flex-wrap:wrap}
/* ===== الأسئلة ===== */
.wtq-v4 .fq{max-width:840px; margin:0 auto; display:flex; flex-direction:column; gap:10px}.wtq-v4 .fq details{background:#fff; border:1px solid var(--line); border-radius:var(--r); transition:.25s}.wtq-v4 .fq details[open]{border-color:#C7D7FB; box-shadow:0 20px 40px -32px rgba(37,99,235,.4)}.wtq-v4 .fq summary{list-style:none; cursor:pointer; padding:16px 18px; font-size:15px; font-weight:600; display:flex; align-items:center; gap:14px}.wtq-v4 .fq summary::-webkit-details-marker{display:none}.wtq-v4 .fq summary .qi{width:30px; height:30px; border-radius:var(--r); background:var(--blue-50); color:var(--blue); display:grid; place-items:center; flex:none; transition:.25s}.wtq-v4 .fq summary .qi .ico{width:15px; height:15px}.wtq-v4 .fq details[open] summary .qi{background:var(--blue); color:#fff}.wtq-v4 .fq summary .pl{margin-inline-start:auto; font-family:'Alexandria'; font-size:20px; color:var(--faint); transition:transform .25s; line-height:1}.wtq-v4 .fq details[open] summary .pl{transform:rotate(45deg); color:var(--blue)}.wtq-v4 .fq details p{margin:0; padding:0 18px 18px 62px; font-size:13.5px; color:var(--muted); font-weight:300; line-height:1.95}
/* ===== CTA ===== */
.wtq-v4 .cta-final{position:relative; padding:96px 0; background:#fff; overflow:hidden}.wtq-v4 .cta-final::before{content:""; position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(circle at center, #D9D9D4 .9px, transparent 1px); background-size:15px 15px;
  -webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%, transparent 40%, #000 100%); mask-image:radial-gradient(ellipse 60% 70% at 50% 50%, transparent 40%, #000 100%)}.wtq-v4 .cta-final h2{font-size:clamp(32px,4.2vw,54px)}.wtq-v4 .cta-final .lead{margin:14px auto 0}.wtq-v4 .cta-final .acts{margin-top:28px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap}.wtq-v4 .cta-final .mini{margin-top:18px; display:flex; gap:18px; justify-content:center; flex-wrap:wrap; font-size:12px; color:var(--muted)}.wtq-v4 .cta-final .mini span{display:inline-flex; align-items:center; gap:6px}.wtq-v4 .cta-final .mini .ico{width:13px; height:13px; color:var(--green)}
/* ===== الفوتر ===== */
.wtq-v4 .fo{background:#fff; border-top:1px solid var(--line); padding:64px 0 26px}.wtq-v4 .fo .grid{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:36px}.wtq-v4 .fo .about{font-size:12.5px; color:var(--muted); line-height:1.9; font-weight:300; margin-top:16px; max-width:44ch}.wtq-v4 .fo .about b{color:var(--ink); font-weight:600}.wtq-v4 .fo .soc{margin-top:18px; display:flex; gap:8px}.wtq-v4 .fo .soc a{width:36px; height:36px; border-radius:var(--r); border:1px solid var(--line); display:grid; place-items:center; color:#3D4552; transition:.2s}.wtq-v4 .fo .soc a:hover{border-color:var(--blue); color:var(--blue)}.wtq-v4 .fo .soc .ico{width:16px; height:16px}.wtq-v4 .fo h5{margin:0 0 12px; font-size:13.5px; font-weight:700}.wtq-v4 .fo ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px}.wtq-v4 .fo li a{font-size:13px; color:var(--muted); text-decoration:none; transition:.15s}.wtq-v4 .fo li a:hover{color:var(--blue)}.wtq-v4 .fo .bottom{margin-top:44px; padding-top:20px; border-top:1px solid var(--line); display:flex; align-items:center; gap:14px; font-size:12px; color:var(--muted); flex-wrap:wrap}.wtq-v4 .fo .bottom .ok{display:inline-flex; align-items:center; gap:7px; color:#15803D}.wtq-v4 .fo .bottom .ok::before{content:""; width:7px; height:7px; border-radius:50%; background:#22C55E; animation:pulseG 1.8s ease-out infinite}.wtq-v4 .fo .bottom .sp{margin-inline-start:auto}@media (max-width:1100px){.wtq-v4 .pr{grid-template-columns:repeat(3,1fr)}.wtq-v4 .fx{grid-template-columns:1fr}.wtq-v4 .ds-body{grid-template-columns:1fr}.wtq-v4 .ds-main{border:0} }@media (max-width:900px){.wtq-v4 .stp{grid-template-columns:1fr; gap:34px}.wtq-v4 .stp::before{display:none}.wtq-v4 .rd{grid-template-columns:1fr}.wtq-v4 .pr{grid-template-columns:1fr 1fr}.wtq-v4 .fo .grid{grid-template-columns:1fr 1fr}.wtq-v4 .ds-stats{grid-template-columns:1fr 1fr} }@media (max-width:560px){.wtq-v4 .pr{grid-template-columns:1fr}.wtq-v4 .fo .grid{grid-template-columns:1fr}.wtq-v4 .ds-row{grid-template-columns:32px 1fr auto}.wtq-v4 .ds-av{display:none}.wtq-v4 .fq details p{padding-inline-start:18px} }
/* ===== طبقة التفاعل ===== */
.wtq-v4 .sec .wrap{z-index:1}.wtq-v4 .spl{position:relative}.wtq-v4 .spl::after{content:""; position:absolute; inset:0; border-radius:var(--r); pointer-events:none; opacity:0; transition:opacity .35s; background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), rgba(37,99,235,.10), transparent 65%)}.wtq-v4 .spl:hover::after{opacity:1}.wtq-v4 [data-tilt]{will-change:transform}.wtq-v4 .jr{position:relative}.wtq-v4 .jr::before{content:""; position:absolute; inset:4% 26%; background:radial-gradient(closest-side, rgba(37,99,235,.09), transparent 70%); z-index:-1; pointer-events:none}.wtq-v4 .pw-win{box-shadow:0 2px 6px rgba(11,11,11,.05), 0 50px 100px -50px rgba(13,27,90,.55)}.wtq-v4 .ds-win{box-shadow:0 2px 6px rgba(11,11,11,.05), 0 50px 100px -50px rgba(13,27,90,.55)}.wtq-v4 .btn{will-change:transform}