/* ═══════════════════════════════════════════════════════════════════════════
   Q Vision — الصفحة الرئيسية 2026: ويدجتس تفاعلية خفيفة
   استوديو داكن بأخضر QVISION؛ كل ويدجت قسم كامل العرض بمحتوى محدود 1180px.
   ═══════════════════════════════════════════════════════════════════════════ */
.qvh{
  --bg:#0b1311; --bg2:#0e1815; --card:rgba(255,255,255,.045); --card2:rgba(255,255,255,.08);
  --line:rgba(255,255,255,.11); --line2:rgba(255,255,255,.22);
  --green:#22a86a; --green2:#3ccf8a; --glow:rgba(34,168,106,.35); --led:#ff5a4a;
  --white:#fff; --text:#e4ece8; --muted:#b6c3bc; --dim:#8c9c94;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace; --ease:cubic-bezier(.16,.84,.44,1);
  --pad-x:max(24px,calc((100% - 1180px)/2));
  direction:rtl;text-align:start;position:relative;overflow:hidden;
  background:var(--bg);color:var(--white);font-family:Cairo,"Segoe UI",Tahoma,Arial,sans-serif;
  padding:clamp(56px,7vw,96px) var(--pad-x);
}
.qvh *{box-sizing:border-box}
.qvh h1,.qvh h2,.qvh h3{margin:0;line-height:1.25;font-family:Cairo,sans-serif}
.qvh p{margin:0;color:var(--muted);line-height:1.85}
.qvh ul,.qvh ol{list-style:none;margin:20px 0 0 0!important;padding:20px 0 0 0!important}
.qvh img{max-width:100%;display:block}
.qvh::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(60% 30% at 50% 0%,rgba(28,128,94,.35),transparent 70%),radial-gradient(34% 22% at 0% 70%,rgba(20,84,66,.2),transparent 70%)}
.qvh::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.3;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:24px 24px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15));mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15))}
.qvh>*{position:relative;z-index:1}
.qvh--alt,.qvh-pipeline,.qvh-sectors{background:var(--bg2)}

/* ── نصوص وأزرار مشتركة ── */
.qvh-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--green2);font:700 13px/1 Cairo,sans-serif;letter-spacing:.02em;margin-bottom:14px}
.qvh-eyebrow::before{content:"";width:28px;height:2px;background:var(--green)}
.qvh-h1{font-size:clamp(34px,4.6vw,62px);font-weight:900;line-height:1.15;color:#fff;margin-bottom:14px}
.qvh-h1 span,.qvh-h2 span{color:var(--green2)}
.qvh-h2{font-size:clamp(26px,3.4vw,42px);font-weight:900;color:#fff}
.qvh-lead{font-size:clamp(15px,1.3vw,18px);color:var(--text);max-width:58ch;font-weight:500}
.qvh-head{max-width:760px;margin-bottom:clamp(24px,3vw,40px)}
.qvh-head .qvh-lead{margin-top:12px}
.qvh-head--center{margin-inline:auto;text-align:center}
.qvh-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.qvh-btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:13px 22px;font:800 15px/1 Cairo,sans-serif;color:#fff;text-decoration:none;border:1px solid transparent;transition:transform .2s var(--ease),background .2s,border-color .2s,box-shadow .2s;cursor:pointer}
.qvh-btn:hover{transform:translateY(-2px)}
.qvh-btn--primary{background:linear-gradient(180deg,#27b676,#1a8f5a);box-shadow:0 10px 26px -10px rgba(34,168,106,.8)}
.qvh-btn--ghost{background:rgba(255,255,255,.04);border-color:var(--line2);color:#eef4f1}
.qvh-btn--ghost:hover{border-color:var(--green2)}
.qvh-btn--sm{padding:10px 16px;font-size:14px}
.qvh-btn svg{flex:none}
.qvh-stats{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.qvh-stats li{display:flex;flex-direction:column;gap:2px}
.qvh-stats b{font:900 26px/1.1 Cairo,sans-serif;color:var(--green2)}
.qvh-stats span{font:600 12.5px/1.4 Cairo,sans-serif;color:var(--muted)}
.qvh-tag{display:inline-flex;align-self:flex-start;padding:6px 12px;border-radius:999px;font:700 12px/1 Cairo,sans-serif;color:var(--green2);background:rgba(34,168,106,.14);border:1px solid rgba(60,207,138,.4)}
.qvh-tile{display:block;border-radius:14px;overflow:hidden;background:radial-gradient(120% 100% at 50% 32%,#fff 0%,#f2f5f3 48%,#dde4e0 100%);aspect-ratio:4/3}
.qvh-tile img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .6s var(--ease)}

/* ═══ الهيرو (مشترك) ═══ */
.qvh-hero{min-height:min(86vh,820px);display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,5vw,64px);align-items:center;padding-top:clamp(40px,6vw,72px)}
.qvh-hero__copy{max-width:600px}
.qvh-hero__visual{position:relative}

/* ═══ هيرو A — الجهاز بيتفكّك ═══ */
.qvh-stack{position:relative;width:min(100%,520px);aspect-ratio:1/1;margin-inline:auto;perspective:1500px;--gap:0px}
.qvh-stack__scene{position:absolute;left:18%;top:6%;width:64%;height:78%;transform-style:preserve-3d;
  transform:var(--tilt,rotateX(0)) rotateX(52deg) rotateZ(-30deg);transition:transform .7s var(--ease)}
.qvh-layer{position:absolute;inset:0;transform-style:preserve-3d;display:grid;place-items:center;
  transform:translateZ(calc(var(--i) * var(--gap)));transition:transform 1.1s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s}
.qvh-stack.is-open{--gap:92px}
.qvh-stack.is-open .qvh-stack__scene{transform:var(--tilt,rotateX(0)) rotateX(52deg) rotateZ(-30deg) translateZ(-70px)}
.qvh-layer.is-dim{opacity:.55;filter:saturate(.7)}
.qvh-layer.is-active{filter:drop-shadow(0 0 26px rgba(60,207,138,.55))}
.qvh-layer>img{width:100%;height:100%;object-fit:contain}
.qvh-layer--device img{filter:drop-shadow(0 30px 30px rgba(0,0,0,.6))}
.qvh-case{position:absolute;inset:0;border-radius:18px;background:linear-gradient(180deg,#2a3530,#151c19);border:1px solid #5a6f66;box-shadow:inset 0 0 0 6px #10161380,inset 0 0 0 7px #3f524a,0 30px 40px -20px #000}
.qvh-case span{position:absolute;width:10px;height:10px;border-radius:50%;background:#c9d3ce;box-shadow:inset 0 0 0 3px #7a8580}
.qvh-case span:nth-child(1){top:10px;left:10px}.qvh-case span:nth-child(2){top:10px;right:10px}.qvh-case span:nth-child(3){bottom:10px;left:10px}.qvh-case span:nth-child(4){bottom:10px;right:10px}
.qvh-layer--board .qvh-pcb{position:absolute;width:133.33%;height:75%;left:-16.67%;top:12.5%;transform:rotate(90deg);filter:drop-shadow(0 12px 18px rgba(0,0,0,.55))}
.qvh-stack__shadow{position:absolute;left:18%;right:18%;bottom:6%;height:14%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.75),transparent 70%);filter:blur(6px)}
.qvh-stages{display:grid;gap:8px;margin-top:8px}
.qvh-stage-item{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:background .3s,border-color .3s}
.qvh-stage-item i{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font:700 13px/1 var(--mono);color:var(--muted);background:rgba(255,255,255,.05);border:1px solid var(--line);transition:.3s}
.qvh-stage-item b{display:block;font:800 15px/1.3 Cairo,sans-serif;color:#dfe8e3}
.qvh-stage-item span{display:block;font:500 13px/1.6 Cairo,sans-serif;color:var(--dim);max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease),opacity .4s}
.qvh-stage-item.is-active{background:var(--card);border-color:var(--line)}
.qvh-stage-item.is-active i{background:var(--green);color:#fff;border-color:var(--green2);box-shadow:0 0 16px var(--glow)}
.qvh-stage-item.is-active b{color:#fff}
.qvh-stage-item.is-active span{max-height:80px;opacity:1}
/* جهاز عرضي (شاشة): المشهد أعرض والبورد بلا دوران */
.qvh-stack--landscape .qvh-stack__scene{left:6%;top:20%;width:88%;height:56%}
.qvh-stack--landscape .qvh-layer--board .qvh-pcb{width:100%;height:100%;left:0;top:0;transform:none}
.qvh-stack--landscape .qvh-code{font-size:11.5px;padding-top:30px}
@media (min-width:900px){.qvh-hero--exploded .qvh-hero__visual{display:grid;grid-template-columns:1fr 200px;gap:8px;align-items:center}.qvh-stages{margin-top:0}}

/* ── بورد PCB (SVG) ── */
.qvh-trace{stroke-dasharray:6 200;stroke-dashoffset:0;animation:qvhTrace 3.2s linear infinite}
@keyframes qvhTrace{to{stroke-dashoffset:-206}}
.qvh-rj{fill:#1c2a25;stroke:#8fb3a6;stroke-width:1.2}
.qvh-led-dot{animation:qvhBlink 1.6s ease-in-out infinite}
@keyframes qvhBlink{0%,100%{opacity:1}50%{opacity:.15}}

/* ── نافذة الكود ── */
.qvh-code{position:absolute;inset:0;border-radius:14px;background:rgba(10,16,14,.86);border:1px solid rgba(60,207,138,.35);backdrop-filter:blur(6px);padding:32px 12px 12px;font:600 10.5px/1.7 var(--mono);color:#dfe8e3;text-align:left;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 20px 40px -20px #000}
.qvh-code__bar{position:absolute;top:0;left:0;right:0;height:22px;display:flex;align-items:center;gap:5px;padding:0 10px;background:rgba(255,255,255,.05);border-bottom:1px solid var(--line)}
.qvh-code__bar i{width:8px;height:8px;border-radius:50%;background:#3a4d46}.qvh-code__bar i:first-child{background:#ff5a4a}.qvh-code__bar i:nth-child(2){background:#ffd166}.qvh-code__bar i:nth-child(3){background:#3ccf8a}
.qvh-code__bar b{margin-left:auto;font:600 9px/1 var(--mono);color:var(--dim)}
.qvh-code__line{white-space:pre;overflow:hidden;width:0;animation:qvhType .9s steps(28) forwards;animation-delay:calc(var(--i) * .55s)}
@keyframes qvhType{to{width:100%}}
.qvh-code__caret{width:7px;height:12px;background:var(--green2);margin-top:2px;animation:qvhBlink 1s steps(2) infinite}

/* ═══ هيرو B — الاستوديو الحي ═══ */
.qvh-studio{position:relative;width:min(100%,600px);aspect-ratio:1/.92;margin-inline:auto;--mx:0;--my:0}
.qvh-studio__glow{position:absolute;inset:10% 6%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(34,168,106,.28),transparent 70%);filter:blur(20px)}
.qvh-dev{position:absolute;margin:0;container-type:inline-size;
  transform:translate(calc(var(--mx) * var(--d) * 18px),calc(var(--my) * var(--d) * 18px));transition:transform .25s ease-out}
.qvh-dev img{width:100%;height:auto;filter:drop-shadow(0 30px 34px rgba(0,0,0,.65));animation:qvhFloat 6s ease-in-out infinite}
.qvh-dev--display{top:0;left:6%;width:64%;z-index:1}
.qvh-dev--display img{animation-duration:7s}
.qvh-dev--terminal{top:24%;right:2%;width:29%;z-index:3}
.qvh-dev--terminal img{animation-duration:5.5s;animation-delay:-2s}
.qvh-dev--printer{bottom:9%;left:4%;width:44%;z-index:2}
.qvh-dev--printer img{animation-duration:6.5s;animation-delay:-1s}
@keyframes qvhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.qvh-dev figcaption{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);white-space:nowrap;padding:6px 12px;border-radius:999px;background:rgba(8,13,12,.85);border:1px solid var(--line2);backdrop-filter:blur(8px);font:700 12px/1 Cairo,sans-serif;color:#dbe4df}
.qvh-dev--display figcaption{bottom:auto;top:-14px}
/* الأرقام الحية فوق الصور الافتراضية */
.qvh-ov{position:absolute;display:grid;place-items:center;background:#0a0e0d;color:var(--led);font:700 1em var(--mono);letter-spacing:.1em;text-shadow:0 0 10px rgba(255,90,74,.8);direction:ltr;border-radius:4%;
  animation:qvhFloat 6s ease-in-out infinite}
.qvh-dev--display .qvh-ov{animation-duration:7s}
.qvh-dev--terminal .qvh-ov{animation-duration:5.5s;animation-delay:-2s}
.qvh-ov--disp-num{left:9%;top:34%;width:48%;height:46%;font-size:20cqw}
.qvh-ov--disp-ctr{left:63%;top:34%;width:29%;height:46%;font-size:20cqw}
.qvh-ov--term-num{left:11%;top:23.5%;width:78%;height:11.5%;font-size:15cqw;border-radius:6%}
.qvh-ov--next{left:73%;top:83.5%;width:19%;height:8%;background:transparent;border-radius:12%;box-shadow:0 0 0 2px rgba(60,207,138,0);transition:box-shadow .2s}
.qvh-studio[data-phase="1"] .qvh-ov--next{animation:qvhPress .7s ease-out 2}
@keyframes qvhPress{0%{box-shadow:0 0 0 2px rgba(60,207,138,0)}30%{box-shadow:0 0 0 3px #3ccf8a,0 0 22px #3ccf8a}100%{box-shadow:0 0 0 2px rgba(60,207,138,0)}}
.qvh-studio[data-phase="2"] .qvh-ov--disp-num,.qvh-studio[data-phase="2"] .qvh-ov--term-num{animation:qvhFlash .5s ease-out 1,qvhFloat 6s ease-in-out infinite}
@keyframes qvhFlash{0%{color:#fff;text-shadow:0 0 18px #fff}100%{color:var(--led)}}
/* التذكرة */
.qvh-ticket{position:absolute;left:29%;width:42%;top:14%;white-space:nowrap;z-index:-1;padding:8% 6%;border-radius:4px 4px 2px 2px;background:#fff;color:#111;text-align:center;
  transform-origin:50% 100%;transform:translateY(0) scaleY(0);opacity:0;transition:transform .9s var(--ease),opacity .3s;box-shadow:0 10px 24px -10px #000}
.qvh-ticket small{display:block;font:700 3.6cqw/1.3 Cairo,sans-serif;color:#0b1311}
.qvh-ticket b{display:block;font:800 9cqw/1.2 var(--mono);color:#0b1311;direction:ltr}
.qvh-ticket em{display:block;font:600 3.2cqw/1.3 Cairo,sans-serif;font-style:normal;color:#5a6660}
.qvh-dev--printer{z-index:2}.qvh-dev--printer img{position:relative;z-index:1}
.qvh-studio[data-phase="0"] .qvh-ticket,.qvh-studio[data-phase="1"] .qvh-ticket,.qvh-studio[data-phase="2"] .qvh-ticket{transform:translateY(-100%) scaleY(1);opacity:1}
.qvh-studio[data-phase="0"] .qvh-ticket{transition-delay:.15s}
/* موجة النداء */
.qvh-wave{position:absolute;right:-6%;top:40%;display:flex;gap:3px;align-items:flex-end;height:22px;opacity:0;transition:opacity .3s}
.qvh-wave i{width:4px;background:var(--green2);border-radius:2px;height:8px;box-shadow:0 0 8px var(--green2)}
.qvh-studio[data-phase="2"] .qvh-wave{opacity:1}
.qvh-studio[data-phase="2"] .qvh-wave i{animation:qvhWave .6s ease-in-out infinite alternate}
.qvh-wave i:nth-child(2){animation-delay:.15s!important}.qvh-wave i:nth-child(3){animation-delay:.3s!important}
@keyframes qvhWave{from{height:6px}to{height:22px}}
/* خطوات المحاكاة */
.qvh-hero--studio .qvh-hero__visual{padding-bottom:64px}
.qvh-sim{position:absolute;left:0;right:0;bottom:-58px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;z-index:5}
.qvh-sim{gap:5px}
.qvh-sim li{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(8,13,12,.7);border:1px solid var(--line);font:700 11.5px/1 Cairo,sans-serif;color:var(--dim);transition:.3s}
.qvh-sim li i{width:7px;height:7px;border-radius:50%;background:#3a4d46}
.qvh-sim li.is-active{color:#fff;border-color:var(--green2);background:rgba(34,168,106,.16)}
.qvh-sim li.is-active i{background:var(--green2);box-shadow:0 0 10px var(--green2)}

/* ═══ خط الإنتاج ═══ */
.qvh-pipeline__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,4vw,56px);align-items:center}
.qvh-station{position:relative;display:flex;gap:14px;padding:16px 16px 18px;border-radius:16px;border:1px solid transparent;cursor:pointer;transition:background .3s,border-color .3s;overflow:hidden;outline:none}
.qvh-station i{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font:700 13px/1 var(--mono);color:var(--muted);background:rgba(255,255,255,.05);border:1px solid var(--line);transition:.3s}
.qvh-station b{display:block;font:800 17px/1.3 Cairo,sans-serif;color:#dfe8e3}
.qvh-station p{font-size:13.5px;color:var(--dim);max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease),opacity .4s}
.qvh-station:hover,.qvh-station:focus-visible{background:rgba(255,255,255,.03)}
.qvh-station.is-active{background:var(--card);border-color:var(--line)}
.qvh-station.is-active i{background:var(--green);color:#fff;border-color:var(--green2);box-shadow:0 0 16px var(--glow)}
.qvh-station.is-active b{color:#fff}
.qvh-station.is-active p{max-height:120px;opacity:1;margin-top:4px}
.qvh-station__bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--green2);transform:scaleX(0);transform-origin:right}
.qvh-station.is-active .qvh-station__bar{animation:qvhBar var(--dur,4000ms) linear forwards}
.qvh-pipeline.is-paused .qvh-station__bar{animation-play-state:paused}
@keyframes qvhBar{to{transform:scaleX(1)}}
.qvh-pipeline__stage{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#121c18,#0b1311);border:1px solid var(--line);box-shadow:0 40px 60px -40px #000}
.qvh-pipeline__panel{position:absolute;inset:0;padding:6%;opacity:0;transform:scale(.97);transition:opacity .5s,transform .6s var(--ease);pointer-events:none}
.qvh-pipeline__panel[data-active]{opacity:1;transform:none;pointer-events:auto}
.qvh-pipeline__panel img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.qvh-pipeline__caption{position:absolute;right:16px;bottom:14px;padding:8px 14px;border-radius:999px;background:rgba(8,13,12,.8);border:1px solid var(--line2);font:700 13px/1 Cairo,sans-serif;color:#dfe8e3;backdrop-filter:blur(6px)}
.qvh-stage{position:absolute;inset:6%;display:grid;place-items:center}
.qvh-stage svg{width:100%;height:100%}
.qvh-stage--design .qvh-pcb{filter:drop-shadow(0 20px 30px rgba(0,0,0,.6))}
.qvh-stage__grid{position:absolute;inset:-6%;z-index:-1;background-image:linear-gradient(rgba(60,207,138,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(60,207,138,.08) 1px,transparent 1px);background-size:28px 28px}
.qvh-stage--code .qvh-code{position:relative;inset:auto;width:min(100%,420px);height:auto;min-height:220px;font-size:13px;padding-top:36px}
/* رسوم المحطات: تبدأ من جديد عند كل تفعيل لأنها معرّفة تحت [data-active] */
/* التجميع: طبقات تتفكك وتتجمّع (يحتاج @property؛ وبدونه تبقى مفتوحة ثابتة) */
@property --gap{syntax:'<length>';inherits:true;initial-value:0px}
.qvh-stage--assembly{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:6px;place-items:stretch}
.qvh-stack--asm{width:100%;height:100%;aspect-ratio:auto;--gap:80px;min-height:0}
.qvh-stack--asm .qvh-stack__scene{left:33%;top:26%;width:34%;height:64%}
.qvh-stack--asm .qvh-layer{transition:none}
[data-active] .qvh-stack--asm{animation:qvhAsmGap 5s ease-in-out infinite alternate}
@keyframes qvhAsmGap{0%,15%{--gap:62px}70%,100%{--gap:0px}}
.qvh-asm__tags{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.qvh-asm__tags li{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);font:700 12px/1 Cairo,sans-serif;color:var(--muted);opacity:0}
[data-active] .qvh-asm__tags li{animation:qvhPop .5s var(--ease) both;animation-delay:calc(var(--i) * .9s + .3s)}
.qvh-asm__tags li:last-child{color:var(--green2);border-color:rgba(60,207,138,.4);background:rgba(34,168,106,.14)}
/* الاختبار */
.qvh-test{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%;height:100%;align-items:center}
.qvh-test__dev{position:relative;height:100%;min-height:220px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(60% 60% at 50% 40%,rgba(34,168,106,.16),transparent 70%);overflow:hidden}
/* رسمة لكل فحص: تظهر في نافذتها الزمنية، والأخيرة تبقى */
.qvh-test__art{position:absolute;inset:2%;display:grid;place-items:center;opacity:0}
.qvh-test__art svg,.qvh-test__art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(0,0,0,.5))}
[data-active] .qvh-test__art{animation:qvhArt .95s ease both;animation-delay:calc(var(--i) * .95s + .5s)}
[data-active] .qvh-test__art:nth-last-child(3){animation-name:qvhArtLast}
@keyframes qvhArt{0%{opacity:0;transform:scale(.92)}12%,88%{opacity:1;transform:none}100%{opacity:0;transform:scale(1.04)}}
@keyframes qvhArtLast{0%{opacity:0;transform:scale(.92)}12%,100%{opacity:1;transform:none}}
.qvh-art__glow{filter:drop-shadow(0 0 8px rgba(255,90,74,.8))}
.qvh-art__blink{animation:qvhBlink 1.2s ease-in-out infinite}
.qvh-art__wave{fill:none;stroke:#3ccf8a;stroke-width:3;stroke-linecap:round;opacity:0;animation:qvhWaveIn 1.2s ease-out infinite;animation-delay:calc(var(--i) * .25s)}
@keyframes qvhWaveIn{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
.qvh-art__flow{animation:qvhDash 1s linear infinite}
.qvh-art__ticket{animation:qvhTicketUp 1.6s ease-out infinite}
@keyframes qvhTicketUp{0%{transform:translateY(46px);opacity:0}30%{opacity:1}70%,100%{transform:translateY(0);opacity:1}}
.qvh-art__hand{transform-origin:120px 86px;transform-box:view-box;animation:qvhSpin 2.4s linear infinite}
@keyframes qvhSpin{to{transform:rotate(360deg)}}
.qvh-art__ring{stroke-dashoffset:289;animation:qvhRing 4s linear forwards;transform:rotate(-90deg);transform-origin:120px 86px;transform-box:view-box}
@keyframes qvhRing{to{stroke-dashoffset:0}}
.qvh-art__trace{stroke-dasharray:6 30;animation:qvhTrace 2.4s linear infinite}
.qvh-test__scan{position:absolute;left:8%;right:8%;top:0;height:2px;background:linear-gradient(90deg,transparent,#3ccf8a,transparent);box-shadow:0 0 14px #3ccf8a;opacity:0}
[data-active] .qvh-test__scan{animation:qvhScan 2.4s linear infinite;opacity:.9}
@keyframes qvhScan{from{top:6%}to{top:94%}}
.qvh-test__pass{position:absolute;top:10px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 12px;border-radius:999px;background:#1a8f5a;color:#fff;font:800 12px/1 Cairo,sans-serif;opacity:0}
[data-active] .qvh-test__pass{animation:qvhPopX .5s var(--ease) both;animation-delay:calc(var(--n,5) * .95s + .6s)}
@keyframes qvhPopX{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%)}}
.qvh-test__panel{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.qvh-test__panel small{font:700 11px/1 var(--mono);color:var(--dim);letter-spacing:.04em}
.qvh-test__list{display:grid;gap:8px}
.qvh-test__list li{display:flex;align-items:center;gap:10px;font:700 13.5px/1.3 Cairo,sans-serif;color:var(--muted);opacity:.35}
.qvh-test__list li i{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center;position:relative}
.qvh-test__list li i::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
[data-active] .qvh-test__list li{animation:qvhTick .4s ease-out both;animation-delay:calc(var(--i) * .95s + .6s)}
@keyframes qvhTick{to{opacity:1;color:#fff}}
[data-active] .qvh-test__list li i{animation:qvhTickI .3s ease-out both;animation-delay:calc(var(--i) * .95s + .8s)}
@keyframes qvhTickI{to{background:#22a86a;border-color:#3ccf8a;box-shadow:0 0 10px rgba(60,207,138,.6)}}
[data-active] .qvh-test__list li i::after{animation:qvhTickI2 .2s ease-out both;animation-delay:calc(var(--i) * .95s + .9s)}
@keyframes qvhTickI2{to{opacity:1}}
.qvh-test__bar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.qvh-test__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#22a86a,#3ccf8a);border-radius:3px}
[data-active] .qvh-test__bar i{animation:qvhFill calc(var(--n,5) * .95s) linear .5s both}
@keyframes qvhFill{to{width:100%}}
/* الدعم: محادثة */
.qvh-stage--support{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;place-items:stretch}
.qvh-chat{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:0;padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line);overflow:hidden}
.qvh-chat__head{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--line);font:700 13px/1 Cairo,sans-serif;color:#fff}
.qvh-chat__head i{width:9px;height:9px;border-radius:50%;background:#3ccf8a;box-shadow:0 0 10px #3ccf8a}
.qvh-chat__head span{margin-inline-start:auto;font:600 11px/1 Cairo,sans-serif;color:var(--dim)}
.qvh-chat__b{max-width:72%;padding:9px 13px;border-radius:16px;font:600 13px/1.55 Cairo,sans-serif;opacity:0}
.qvh-chat__b--in{align-self:flex-start;background:rgba(255,255,255,.08);color:#e8f2ec;border-bottom-right-radius:4px}
.qvh-chat__b--out{align-self:flex-end;background:linear-gradient(180deg,#27b676,#1a8f5a);color:#fff;border-bottom-left-radius:4px}
[data-active] .qvh-chat__b{animation:qvhPop .45s var(--ease) both;animation-delay:calc(var(--i) * 1.1s + .3s)}
.qvh-chat__typing{align-self:flex-end;display:flex;gap:4px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.06);opacity:0}
.qvh-chat__typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:qvhBlink 1s ease-in-out infinite}
.qvh-chat__typing i:nth-child(2){animation-delay:.2s}.qvh-chat__typing i:nth-child(3){animation-delay:.4s}
[data-active] .qvh-chat__typing{animation:qvhPop .4s var(--ease) both;animation-delay:calc(var(--i) * 1.1s + .3s)}
.qvh-chat__facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qvh-chat__facts li{padding:10px 14px;border-radius:14px;background:rgba(34,168,106,.1);border:1px solid rgba(60,207,138,.3)}
.qvh-chat__facts b{display:block;font:800 13px/1.3 Cairo,sans-serif;color:var(--green2)}
.qvh-chat__facts span{font:600 12px/1.4 Cairo,sans-serif;color:var(--muted)}
@keyframes qvhPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes qvhPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
[data-active] .qvh-pin{animation:qvhPop .5s var(--ease) both;animation-delay:calc(var(--i) * .25s + .1s)}
[data-active] .qvh-wire{animation:qvhDash 1.5s linear infinite}
@keyframes qvhDash{to{stroke-dashoffset:-24}}
[data-active] .qvh-code__line{animation:qvhType .9s steps(28) forwards;animation-delay:calc(var(--i) * .55s)}

/* ═══ مكانك أد إيه؟ ═══ */
.qvh-fit__options{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.qvh-fit__opt{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:150px;padding:12px 18px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--muted);cursor:pointer;font-family:Cairo,sans-serif;transition:.25s}
.qvh-fit__opt b{font:800 15px/1 Cairo,sans-serif;color:#dfe8e3}
.qvh-fit__opt span{font:600 12px/1 Cairo,sans-serif;color:var(--dim)}
.qvh-fit__opt:hover{border-color:var(--line2)}
.qvh-fit__opt[aria-selected="true"]{background:rgba(34,168,106,.16);border-color:var(--green2);box-shadow:0 0 0 1px rgba(60,207,138,.3),0 12px 30px -16px var(--glow)}
.qvh-fit__opt[aria-selected="true"] b{color:#fff}
.qvh-fit__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.qvh-fit__card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:22px;background:var(--card);border:1px solid var(--line);transition:transform .5s var(--ease),opacity .4s,border-color .4s,box-shadow .4s;opacity:.55;transform:scale(.96)}
.qvh-fit__card[data-active]{opacity:1;transform:none;border-color:var(--green);box-shadow:0 0 0 1px rgba(60,207,138,.35),0 30px 60px -30px var(--glow)}
.qvh-fit__card h3{font-size:24px;font-weight:900}
.qvh-fit__card p{font-size:14.5px}
.qvh-fit__card ul{display:grid;gap:6px;font:600 13.5px/1.5 Cairo,sans-serif;color:#dfe8e3}
.qvh-fit__card li{display:flex;gap:8px;align-items:flex-start}
.qvh-fit__card li::before{content:"";flex:none;width:8px;height:8px;margin-top:7px;border-radius:2px;background:var(--green2)}
.qvh-fit__card .qvh-btn{align-self:flex-start;margin-top:4px}

/* ═══ القطاعات ═══ */
.qvh-sectors__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.qvh-sector{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:150px;padding:20px;border-radius:20px;background:var(--card);border:1px solid var(--line);color:#fff;text-decoration:none;overflow:hidden;transition:transform .3s var(--ease),border-color .3s;outline:none}
.qvh-sector:hover,.qvh-sector:focus-visible,.qvh-sector.is-open{transform:translateY(-3px);border-color:var(--green2)}
.qvh-sector__icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(34,168,106,.14);border:1px solid rgba(60,207,138,.35);color:var(--green2);font-size:20px}
.qvh-sector__icon svg{width:22px;height:22px;fill:currentColor}
.qvh-sector>b{font:800 17px/1.3 Cairo,sans-serif}
.qvh-sector__more{position:absolute;inset:0;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;gap:8px;background:linear-gradient(180deg,#153f30,#0f2a20);transform:translateY(102%);transition:transform .45s var(--ease)}
.qvh-sector__more p{font-size:13.5px;color:#e8f2ec;line-height:1.7}
.qvh-sector__more small{font:600 12px/1.4 Cairo,sans-serif;color:#bfeedb}
.qvh-sector__more em{font-style:normal;color:#fff;font-weight:800}
.qvh-sector:hover .qvh-sector__more,.qvh-sector:focus-visible .qvh-sector__more,.qvh-sector.is-open .qvh-sector__more{transform:none}

/* ═══ شريط الأجهزة ═══ */
.qvh-mq{padding-inline:0}
.qvh-mq .qvh-head{padding-inline:var(--pad-x)}
.qvh-mq__viewport{overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.qvh-mq__track{display:flex;gap:16px;width:max-content;direction:ltr;animation:qvhMq var(--speed,40s) linear infinite}
.qvh-mq__viewport:hover .qvh-mq__track{animation-play-state:paused}
@keyframes qvhMq{to{transform:translateX(-50%)}}
.qvh-mq__tile{display:flex;flex-direction:column;gap:8px;width:220px;padding:12px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:#fff;text-decoration:none;direction:rtl;transition:border-color .3s,transform .3s}
.qvh-mq__tile:hover{border-color:var(--green2);transform:translateY(-3px)}
.qvh-mq__tile .qvh-tile{aspect-ratio:16/11}
.qvh-mq__tile b{font:800 14px/1.3 Cairo,sans-serif}
.qvh-mq__tile small{font:700 11px/1 var(--mono);color:var(--green2);direction:ltr;text-align:right}

/* ═══ المظهر الفاتح ═══ */
.qvh--light{--bg:#f5f7f5;--bg2:#eaf0ec;--card:#fff;--card2:#f3f7f4;--line:rgba(10,30,20,.09);--line2:rgba(10,30,20,.22);
  --white:#0b1311;--text:#22302a;--muted:#4f5e57;--dim:#73827b;--glow:rgba(34,168,106,.28);color:#0b1311}
.qvh--light.qvh-pipeline,.qvh--light.qvh-sectors{background:var(--bg2)}
.qvh--light::before{background:radial-gradient(60% 30% at 50% 0%,rgba(34,168,106,.16),transparent 70%),radial-gradient(34% 22% at 0% 70%,rgba(34,168,106,.08),transparent 70%)}
.qvh--light::after{opacity:.5;background-image:radial-gradient(rgba(10,30,20,.09) 1px,transparent 1.2px)}
.qvh--light .qvh-h1,.qvh--light .qvh-h2,.qvh--light .qvh-fit__card h3,.qvh--light .qvh-sector>b,.qvh--light .qvh-station b,.qvh--light .qvh-stage-item b,.qvh--light .qvh-mq__tile b,.qvh--light .qvh-fit__opt b,.qvh--light .qvh-station.is-active b,.qvh--light .qvh-stage-item.is-active b{color:#0b1311}
.qvh--light .qvh-fit__card ul,.qvh--light .qvh-fit__card p{color:#22302a}
.qvh--light .qvh-btn--ghost{background:#fff;color:#0b1311;border-color:rgba(10,30,20,.22)}
.qvh--light .qvh-btn--ghost:hover{border-color:var(--green)}
.qvh--light .qvh-fit__card,.qvh--light .qvh-sector,.qvh--light .qvh-mq__tile,.qvh--light .qvh-station.is-active,.qvh--light .qvh-stage-item.is-active,.qvh--light .qvh-fit__opt{background:#fff;box-shadow:0 10px 30px -18px rgba(10,30,20,.25)}
.qvh--light .qvh-sector{color:#0b1311}
.qvh--light .qvh-station:hover,.qvh--light .qvh-station:focus-visible{background:rgba(10,30,20,.03)}
.qvh--light .qvh-stage-item i,.qvh--light .qvh-station i{background:rgba(10,30,20,.05);color:#4f5e57}
.qvh--light .qvh-sim li{background:#fff;color:#4f5e57}
.qvh--light .qvh-sim li.is-active{color:#0b1311}
.qvh--light .qvh-stack__shadow{background:radial-gradient(50% 50% at 50% 50%,rgba(10,30,20,.35),transparent 70%)}
.qvh--light .qvh-studio__glow{background:radial-gradient(50% 50% at 50% 50%,rgba(34,168,106,.18),transparent 70%)}
.qvh--light .qvh-dev img{filter:drop-shadow(0 26px 30px rgba(10,30,20,.35))}
.qvh--light .qvh-fit__opt[aria-selected="true"]{background:#e6f6ee}
.qvh--light .qvh-fit__card[data-active]{background:#fff}
.qvh--light .qvh-mq__tile small{color:var(--green)}
.qvh--light .qvh-eyebrow,.qvh--light .qvh-stats b{color:var(--green)}

/* ═══ استجابة ═══ */
@media (max-width:1100px){.qvh-sectors__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .qvh-hero{grid-template-columns:1fr;min-height:0}
  .qvh-hero__copy{max-width:none}
  /* الطبقات المتفككة تبرز فوق حدود الصندوق بالمنظور؛ مسافة فوق المشهد كي لا تلمس الأرقام */
  .qvh-hero--exploded .qvh-hero__visual{padding-top:56px}
  .qvh-stack__scene{top:12%}
  .qvh-stack.is-open .qvh-stack__scene{transform:var(--tilt,rotateX(0)) rotateX(52deg) rotateZ(-30deg) translateZ(-40px)}
  .qvh-pipeline__grid{grid-template-columns:1fr}
  .qvh-pipeline__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .qvh-station p{display:none}
  .qvh-fit__cards{grid-template-columns:1fr}
  .qvh-fit__card{transform:none}
  .qvh-fit__card:not([data-active]){display:none}
}
@media (max-width:600px){
  .qvh{padding-inline:16px}
  .qvh-sectors__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .qvh-sector{min-height:130px;padding:16px}
  .qvh-pipeline__list{grid-template-columns:1fr}
  .qvh-test{grid-template-columns:1fr}
  .qvh-test__dev{min-height:170px}
  .qvh-chat__facts{grid-template-columns:1fr}
  .qvh-station{padding:12px}
  .qvh-stack{width:min(100%,380px)}
  .qvh-stack.is-open{--gap:46px}
  .qvh-stats{gap:8px 20px}
  .qvh-stats b{font-size:22px}
  .qvh-mq__tile{width:170px}
  .qvh-sim li{font-size:11px;padding:6px 9px}
}
@media (prefers-reduced-motion:reduce){
  .qvh *{animation:none!important;transition:none!important}
  .qvh-stack{--gap:70px}
}

/* ═══ صفحة خدماتنا ═══ */
/* هيرو داخلي */
.qvh-phero{padding-top:clamp(56px,8vw,96px)}
.qvh-phero__in{max-width:760px}
.qvh-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.qvh-chips a{padding:9px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--muted);font:700 13px/1 Cairo,sans-serif;text-decoration:none;transition:.2s}
.qvh-chips a:hover{border-color:var(--green2);color:#fff}
.qvh--light .qvh-chips a:hover{color:#0b1311}
/* صفوف الخدمات */
.qvh-svc__rows{display:grid;gap:clamp(40px,6vw,88px)}
.qvh-svc__row{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center;scroll-margin-top:90px}
.qvh-svc__row:nth-child(even) .qvh-svc__copy{order:2}
.qvh-svc__num{display:inline-block;font:700 13px/1 var(--mono);color:var(--green2);letter-spacing:.1em;margin-bottom:12px}
.qvh-svc__copy h3{font-size:clamp(24px,2.6vw,34px);font-weight:900;color:#fff;margin-bottom:10px}
.qvh--light .qvh-svc__copy h3{color:#0b1311}
.qvh-svc__list{display:grid;gap:8px;margin-top:18px;font:600 14.5px/1.6 Cairo,sans-serif;color:var(--text)}
.qvh-svc__list li{display:flex;gap:10px;align-items:flex-start}
.qvh-svc__list li::before{content:"✓";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:rgba(34,168,106,.16);border:1px solid rgba(60,207,138,.45);color:var(--green2);font:800 11px/16px Cairo,sans-serif;text-align:center}
.qvh-svc__visual.qvh-pipeline__stage{aspect-ratio:4/3}
/* التدريب */
.qvh-train{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;height:100%;align-items:center}
.qvh-train__pad{display:grid;gap:10px;padding:14px;border-radius:18px;background:#1b2320;border:1px solid #3a4d46;box-shadow:0 30px 40px -24px #000}
.qvh-train__led{display:block;padding:8px;border-radius:8px;background:#0a0e0d;color:#ff5a4a;font:700 26px/1 var(--mono);text-align:center;letter-spacing:.12em;text-shadow:0 0 10px rgba(255,90,74,.7);font-style:normal;direction:ltr}
.qvh-train__keys{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;direction:ltr}
.qvh-train__keys b{display:grid;place-items:center;height:34px;border-radius:7px;background:#22a86a;color:#fff;font:800 12px/1 var(--mono);transition:.2s}
.qvh-train__keys b.is-fn{background:#3a4d46;color:#dfe8e3;font-size:9.5px}
.qvh-train__keys b.is-next{background:#e6ece9;color:#0b1311}
.qvh-train__steps{display:grid;gap:8px}
.qvh-train__steps li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);opacity:.4}
.qvh-train__steps b{font:800 11px/1 var(--mono);padding:6px 8px;border-radius:6px;background:#0a0e0d;color:var(--green2)}
.qvh-train__steps span{font:600 12.5px/1.4 Cairo,sans-serif;color:var(--text)}
[data-active] .qvh-train__steps li{animation:qvhTrainStep 6s ease-in-out infinite;animation-delay:calc(var(--i) * 1.5s)}
@keyframes qvhTrainStep{0%,20%{opacity:1;border-color:var(--green2);background:rgba(34,168,106,.14)}25%,100%{opacity:.4}}
[data-active] .qvh-train__keys b[data-key="NEXT"]{animation:qvhKey 6s ease-in-out infinite;animation-delay:0s}
[data-active] .qvh-train__keys b[data-key="CALL"]{animation:qvhKey 6s ease-in-out infinite;animation-delay:1.5s}
[data-active] .qvh-train__keys b[data-key="TRANS"]{animation:qvhKey 6s ease-in-out infinite;animation-delay:3s}
[data-active] .qvh-train__keys b[data-key="JUMP"]{animation:qvhKey 6s ease-in-out infinite;animation-delay:4.5s}
@keyframes qvhKey{0%,18%{box-shadow:0 0 0 3px #3ccf8a,0 0 22px #3ccf8a;transform:scale(1.08)}24%,100%{box-shadow:none;transform:none}}
/* جرّب النظام — محاكاة QMS Pro بمكوناتها الفعلية */
.qvh-demo{display:grid;gap:18px}
.qvh-demo__zones{display:grid;grid-template-columns:1fr 1.45fr 1.15fr;gap:14px;align-items:stretch}
.qvh-zone{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px 16px 14px;border-radius:22px;background:var(--card);border:1px solid var(--line);overflow:visible}
.qvh--light .qvh-zone{background:#fff}
.qvh-zone__tag{display:inline-flex;align-items:center;gap:8px;font:800 13px/1 Cairo,sans-serif;color:var(--muted)}
.qvh-zone__tag i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--green);color:#fff;font:800 12px/1 var(--mono);font-style:normal;box-shadow:0 0 12px var(--glow)}
.qvh-zone__stage{flex:1;display:grid;gap:14px;align-content:center;justify-items:center;padding:8px 4px}
.qvh-zone--entry .qvh-zone__stage{align-content:end;padding-top:min(52%,200px)}
.qvh-zone__ctl{display:grid;gap:8px;padding-top:12px;border-top:1px dashed var(--line)}
.qvh-zone__who{display:flex;align-items:center;justify-content:space-between;gap:8px;font:700 12.5px/1.4 Cairo,sans-serif;color:var(--dim)}
.qvh-zone__who select{padding:5px 10px;border-radius:8px;background:#0a0e0d;color:#fff;border:1px solid var(--line2);font:800 13px Cairo,sans-serif}
.qvh--light .qvh-zone__who select{background:#fff;color:#0b1311}
/* الأجهزة */
.qvh-dev2{position:relative;margin:0;width:100%}
.qvh-dev2__box{position:relative;container-type:inline-size}
.qvh-dev2 img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 26px rgba(0,0,0,.55))}
.qvh--light .qvh-dev2 img{filter:drop-shadow(0 18px 22px rgba(0,0,0,.25))}
.qvh-dev2 figcaption{margin-top:8px;text-align:center;font:600 11.5px/1.3 Cairo,sans-serif;color:var(--dim)}
.qvh-dev2 figcaption b{color:var(--green2);font-family:var(--mono);font-weight:700;font-size:11px}
.qvh-dev2--printer{width:min(78%,300px)}
.qvh-dev2--hall{width:100%}
.qvh-dev2--audio{width:min(52%,240px)}
.qvh-dev2--counter{width:100%}
.qvh-dev2--terminal{width:min(52%,230px)}
/* الأرقام المضيئة (7‑segment) فوق الشاشات */
.qvh-seg{position:absolute;display:flex;justify-content:space-between;align-items:stretch;direction:ltr;pointer-events:none}
.qvh-seg svg{height:100%;overflow:visible}
.qvh-seg__bg{fill:#070707}
.qvh-seg polygon{fill:#3a0c09;transition:fill .12s}
.qvh-seg svg[data-v] polygon.on{fill:#ff3d2c;filter:url(#qvhGlow)}
.qvh-seg--hall-t{left:9.4%;top:36.9%;width:40.5%;height:37%}
.qvh-seg--hall-t svg{width:28.9%}
.qvh-seg--hall-c{left:64.7%;top:36.9%;width:26.5%;height:37%}
.qvh-seg--hall-c svg{width:43.8%}
.qvh-seg--counter{left:27.4%;top:23.5%;width:65.2%;height:51.5%}
.qvh-seg--counter svg{width:21.8%}
.qvh-seg--term{left:18.3%;top:19.4%;width:58.5%;height:12.2%}
.qvh-seg--term svg{width:20%}
.qvh-demo[data-flash="1"] .qvh-seg svg[data-v] polygon.on{animation:qvhSegFlash .5s ease-out 1}
@keyframes qvhSegFlash{0%{fill:#fff}100%{fill:#ff3d2c}}
/* رقم الشباك الأبيض على QCD‑U202 */
.qvh-winnum{position:absolute;left:5.5%;top:31%;width:13.5%;height:44.5%;display:grid;place-items:center;background:#0a0a0a;color:#f2f2f2;font:900 19cqw/1 "Arial Black",Arial,Helvetica,sans-serif;letter-spacing:-.04em;direction:ltr;overflow:hidden}
/* أزرار الطابعة والوحدة (تضيء عند الضغط) */
.qvh-pkey,.qvh-tkey{position:absolute;border-radius:10%;box-shadow:0 0 0 0 rgba(60,207,138,0);pointer-events:none}
.qvh-pkey--1{left:21.5%;top:9.2%;width:13%;height:5.4%}
.qvh-pkey--2{left:51.5%;top:9.2%;width:11%;height:5.4%}
.qvh-pkey--3{left:21.5%;top:15.2%;width:13%;height:5.4%}
.qvh-tkey--next{left:75.5%;top:78.5%;width:16%;height:11%}
.qvh-tkey--call{left:75.5%;top:67.5%;width:16%;height:10%}
.qvh-pkey.is-hit,.qvh-tkey.is-hit{animation:qvhKeyHit .8s ease-out 1}
@keyframes qvhKeyHit{0%{box-shadow:0 0 0 3px #fff,0 0 26px #3ccf8a;background:rgba(255,255,255,.35)}100%{box-shadow:0 0 0 0 rgba(60,207,138,0);background:transparent}}
/* التذكرة تخرج من فتحة الطابعة (فوق الجهاز) */
.qvh-paper{position:absolute;left:23%;width:54%;bottom:66.5%;height:0;overflow:hidden;z-index:2;transition:height 1.6s linear}
.qvh-paper.is-out{transition:none}
.qvh-tkt{position:absolute;left:0;right:0;top:0;padding:5% 5% 6%;background:#fff;color:#111;text-align:center;border-radius:2px 2px 0 0;
  box-shadow:0 8px 20px rgba(0,0,0,.4);direction:rtl;
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 4px) no-repeat,radial-gradient(circle at 3px 3px,transparent 2.5px,#000 3px) bottom/6px 6px repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - 4px) no-repeat,radial-gradient(circle at 3px 3px,transparent 2.5px,#000 3px) bottom/6px 6px repeat-x}
.qvh-tkt__brand{font:900 7cqw/1.2 Cairo,sans-serif;letter-spacing:.06em;color:#0b1311}
.qvh-tkt__brand b{display:inline-grid;place-items:center;width:1.25em;height:1.25em;border-radius:22%;background:#22a86a;color:#fff;vertical-align:-.22em;margin-inline-end:.15em}
.qvh-tkt__branch{margin-top:1%;font:700 4.8cqw/1.4 Cairo,sans-serif;color:#33403a}
.qvh-tkt__svc{margin-top:3%;padding:2% 0;border-top:1px dashed #b8c2bc;border-bottom:1px dashed #b8c2bc;font:700 4.6cqw/1.5 Cairo,sans-serif;color:#0b1311;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qvh-tkt__lbl{margin-top:3%;font:600 4cqw/1.3 Cairo,sans-serif;color:#6a746f}
.qvh-tkt__num{font:800 18cqw/1.1 var(--mono);color:#0b1311;letter-spacing:.04em;direction:ltr}
.qvh-tkt__wait{font:700 4.4cqw/1.5 Cairo,sans-serif;color:#22a86a}
.qvh-tkt__meta{display:flex;align-items:center;justify-content:space-between;gap:6%;margin-top:3%;font:600 3.8cqw/1.3 var(--mono);color:#6a746f;direction:ltr}
.qvh-tkt__qr{flex:none;width:14cqw;height:14cqw;background:
  conic-gradient(from 90deg at 50% 50%,#111 25%,transparent 0) 0 0/33% 33%,
  linear-gradient(#111,#111) 0 0/28% 28% no-repeat,linear-gradient(#111,#111) 100% 0/28% 28% no-repeat,linear-gradient(#111,#111) 0 100%/28% 28% no-repeat;opacity:.9}
.qvh-tkt__thanks{margin-top:3%;font:600 3.8cqw/1.3 Cairo,sans-serif;color:#6a746f}
/* موجات الصوت */
.qvh-wave2{position:absolute;right:-4%;top:12%;display:flex;gap:3px;align-items:flex-end;height:26px;opacity:0;transition:opacity .25s}
.qvh-wave2 i{width:4px;height:8px;border-radius:2px;background:var(--green2);box-shadow:0 0 8px var(--green2)}
.qvh-demo[data-speaking="1"] .qvh-wave2{opacity:1}
.qvh-demo[data-speaking="1"] .qvh-wave2 i{animation:qvhWave .5s ease-in-out infinite alternate}
.qvh-wave2 i:nth-child(2){animation-delay:.1s!important}.qvh-wave2 i:nth-child(3){animation-delay:.2s!important}.qvh-wave2 i:nth-child(4){animation-delay:.3s!important}.qvh-wave2 i:nth-child(5){animation-delay:.4s!important}
/* أزرار الخدمات */
.qvh-svcbtns{display:grid;gap:6px}
.qvh-svcbtns button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:rgba(34,168,106,.1);border:1px solid rgba(60,207,138,.35);color:var(--text);font:800 13px/1 Cairo,sans-serif;cursor:pointer;transition:.15s}
.qvh-svcbtns button:hover{background:rgba(34,168,106,.22);border-color:var(--green2)}
.qvh-svcbtns button:active{transform:scale(.97)}
.qvh-svcbtns button i{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#22a86a;color:#fff;font:800 13px/1 var(--mono);font-style:normal}
.qvh--light .qvh-svcbtns button{color:#0b1311}
/* شريط الحالة */
.qvh-demo__bar{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.qvh--light .qvh-demo__bar{background:#fff}
.qvh-tryit__status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.qvh-tryit__status div{padding:8px 10px;border-radius:12px;background:rgba(0,0,0,.25);text-align:center}
.qvh--light .qvh-tryit__status div{background:#f3f7f4}
.qvh-tryit__status small{display:block;font:600 11px/1.3 Cairo,sans-serif;color:var(--dim);margin-bottom:3px}
.qvh-tryit__status b{font:800 18px/1 var(--mono);color:var(--green2);direction:ltr}
.qvh-tryit__btn{justify-content:center;width:100%;padding-inline:10px;font-size:13px}
.qvh-tryit__keys{display:grid;grid-template-columns:1.2fr 1fr;gap:8px}
.qvh-tryit__sound{display:flex;align-items:center;gap:8px;font:700 13px/1 Cairo,sans-serif;color:var(--muted);cursor:pointer}
.qvh-tryit__sound input{accent-color:#22a86a;width:16px;height:16px}
.qvh-tryit__log{min-height:44px;margin:0;padding:10px 12px;border-radius:12px;background:rgba(34,168,106,.1);border:1px solid rgba(60,207,138,.3);font:700 13px/1.6 Cairo,sans-serif;color:#dfe8e3}
.qvh--light .qvh-tryit__log{color:#0b1311}
.qvh-tryit__note{font:600 11.5px/1.5 Cairo,sans-serif;color:var(--dim);text-align:center}
/* طرق التعامل */
.qvh-plans__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.qvh-plan{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:24px;background:var(--card);border:1px solid var(--line)}
.qvh-plan.is-featured{border-color:var(--green);background:rgba(34,168,106,.08);box-shadow:0 30px 60px -30px var(--glow)}
.qvh--light .qvh-plan{background:#fff}.qvh--light .qvh-plan.is-featured{background:#ecf8f1}
.qvh-plan h3{font-size:24px;font-weight:900;color:#fff}
.qvh--light .qvh-plan h3{color:#0b1311}
.qvh-plan__who{font-size:14px}
.qvh-plan__who b{color:var(--green2)}
.qvh-plan ul{display:grid;gap:8px;font:600 14px/1.5 Cairo,sans-serif;color:var(--text);flex:1}
.qvh-plan li{display:flex;gap:8px;align-items:flex-start}
.qvh-plan li::before{content:"";flex:none;width:8px;height:8px;margin-top:7px;border-radius:2px;background:var(--green2)}
.qvh-plan .qvh-btn{justify-content:center;margin-top:6px}
/* الخطوات */
.qvh-steps__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.qvh-step{position:relative;padding:22px 20px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.qvh-step i{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--green);color:#fff;font:700 14px/1 var(--mono);box-shadow:0 0 16px var(--glow);margin-bottom:14px;font-style:normal}
.qvh-step h3{font-size:19px;font-weight:800;color:#fff;margin-bottom:6px}
.qvh--light .qvh-step h3{color:#0b1311}
.qvh-step p{font-size:14px}
.qvh-step small{display:inline-block;margin-top:12px;padding:5px 10px;border-radius:999px;background:rgba(34,168,106,.14);border:1px solid rgba(60,207,138,.35);color:var(--green2);font:700 12px/1 Cairo,sans-serif}
/* الأسئلة */
.qvh-faq__list{display:grid;gap:10px;max-width:860px}
.qvh-faq__item{border-radius:16px;background:var(--card);border:1px solid var(--line);padding:0 20px;transition:border-color .3s}
.qvh-faq__item[open]{border-color:rgba(60,207,138,.4)}
.qvh-faq__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;font:800 16px/1.4 Cairo,sans-serif;color:#fff}
.qvh--light .qvh-faq__item summary{color:#0b1311}
.qvh-faq__item summary::-webkit-details-marker{display:none}
.qvh-faq__item summary i{flex:none;width:26px;height:26px;border-radius:8px;border:1px solid var(--line2);position:relative;transition:transform .3s}
.qvh-faq__item summary i::before,.qvh-faq__item summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--green2);transform:translate(-50%,-50%)}
.qvh-faq__item summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.qvh-faq__item[open] summary i{transform:rotate(45deg)}
.qvh-faq__item p{padding:0 0 18px;font-size:14.5px;color:var(--muted)}
@media (max-width:900px){
  .qvh-svc__row{grid-template-columns:1fr}
  .qvh-svc__row:nth-child(even) .qvh-svc__copy{order:0}
  .qvh-demo__zones{grid-template-columns:1fr}
  .qvh-dev2--hall,.qvh-dev2--counter{width:min(100%,520px)}
  .qvh-plans__grid,.qvh-steps__list{grid-template-columns:1fr 1fr}
  .qvh-train{grid-template-columns:1fr}
  .qvh-train__pad{max-width:260px;margin-inline:auto}
}
@media (max-width:600px){
  .qvh-plans__grid,.qvh-steps__list{grid-template-columns:1fr}
  .qvh-demo__bar{grid-template-columns:1fr}
  .qvh-tryit__keys{grid-template-columns:1fr}
}