/* SMAZOD — تنظيم الصفحة الرئيسية (ملف واحد يتحمّل آخر ملف).
   القاعدة: عرض موحّد 1180، مسافة ثابتة بين الأقسام، خلفيات متبادلة أبيض/لافندر، وكل قسم له رأس بنفس الشكل.
   للتراجع: امسح سطر الـ link لهذا الملف وأعد الملفات الخمسة المعطّلة في index.html. */
.hv2{--ink:#1e1b4b;--tx:#44486f;--mu:#6b7096;--p:#2f74dc;--p2:#2f74dc;--alt:#f5f6ff;--ln:#eef2fa;--sec:88px;--nav-h:68px;
  background:#fff;color:var(--tx);font-family:'Inter',system-ui,-apple-system,'Segoe UI','Noto Sans Arabic',Tahoma,sans-serif;font-weight:400;line-height:1.8}
.hv2:before{display:none}
.hv2 .w{width:min(1180px,calc(100% - 40px))}
.hv2 h1,.hv2 h2,.hv2 h3,.hv2 h4{font-family:inherit;color:var(--ink);font-weight:600;letter-spacing:0}

/* الهيدر */
.hv2 .nav{position:sticky;top:0;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ln);box-shadow:none}
.hv2 .nav-in{height:var(--nav-h);padding:0;gap:28px}
.hv2 .links{gap:2px}
.hv2 .links a{padding:8px 14px;border-radius:8px;font-size:15px;color:var(--tx)}
.hv2 .nav-cta .btn{height:40px;border-radius:10px;font-size:14px}
.hv2 .nav-cta .btn.wt{border:1px solid var(--ln);background:#fff;padding:0 16px}
.hv2 .nav-cta .btn.dk{background:var(--p);box-shadow:none}
.hv2 .btn{font-family:inherit;font-weight:500}
.hv2 .btn.pr{background:var(--p);box-shadow:0 1px 2px rgba(30,27,75,.12)}
.hv2 :focus-visible{outline:2px solid var(--p);outline-offset:3px;border-radius:6px}

/* رأس القسم الموحّد */
.hv2 .gi-k,.hv2 .pos-k{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:4px 14px;border-radius:99px;background:#eef2fa;color:var(--p2);font-size:13.5px;font-weight:500}
.hv2 .gi-k:after,.hv2 .pos-k:after{display:none}
.hv2 .gi-hd h2,.hv2 .gi-tx h2,.hv2 .pos h2,.hv2 .faq-hd h2,.hv2 .cta2 h2{font-size:clamp(26px,3.2vw,36px);line-height:1.45;margin:0 0 14px;text-wrap:balance}
.hv2 .gi-lead,.hv2 .pos-lead,.hv2 .gi-hd p{font-size:16.5px;line-height:1.95;color:var(--tx);max-width:36em}

/* البطل */
.hv2 .hero{padding:64px 0 var(--sec);background:linear-gradient(180deg,#eef2fa 0,#fff 78%)}
.hv2 .chip{box-shadow:none;border-color:#eef2fa}
.hv2 h1{font-size:clamp(34px,5.4vw,60px);line-height:1.3;margin-top:20px}
.hv2 .sub{color:var(--tx);font-size:clamp(16px,1.8vw,19px)}
.hv2 .fine{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 0;color:var(--mu);font-size:0}
.hv2 .fine span{margin:0;font-size:14px}
.hv2 .fine span+span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#c3c7e6;vertical-align:middle;margin-inline:14px}
.hv2 .stage{margin-top:48px;max-width:960px}
.hv2 .win{border-radius:16px;border:1px solid var(--ln);box-shadow:0 24px 48px -28px rgba(30,27,75,.35)}
.hv2 .win-c{background:var(--alt)}
.hv2 .proof{list-style:none;margin:40px auto 0;padding:0;max-width:960px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ln);border-radius:16px;background:#fff;overflow:hidden;text-align:start}
.hv2 .proof li{padding:20px 22px;display:flex;flex-direction:column;gap:2px}
.hv2 .proof li+li{border-inline-start:1px solid var(--ln)}
.hv2 .proof b{font-size:24px;line-height:1.3;color:var(--ink);font-weight:600}
.hv2 .proof span{font-size:14px;color:var(--mu)}

/* شريط التنقل بين الأقسام */

/* قسم "كيف يعمل" */
.hv2 .gi-intro{padding:var(--sec) 0;background:var(--alt)}
.hv2 .gi-hd{text-align:start;max-width:none;margin:0 0 40px}
.hv2 .gi-hd p{margin:0}
.hv2 .gi-flow{gap:0;margin:0 0 40px;border:1px solid var(--ln);border-radius:16px;background:#fff;overflow:hidden}
.hv2 .gi-flow li{border:0;border-radius:0;box-shadow:none;padding:26px 24px}
.hv2 .gi-flow li+li{border-inline-start:1px solid var(--ln)}
.hv2 .gi-flow li:after{display:none}
.hv2 .gi-n{inset-block-start:16px;inset-inline-end:20px;font-size:13px;color:var(--mu)}
.hv2 .gi-ico{border-radius:10px;background:#eef2fa}
.hv2 .gi-flow h3{font-size:17px;font-weight:600}
.hv2 .gi-after{text-align:start;margin:0 0 16px}
.hv2 .gi-intro .ban-img{max-width:none;margin:0}
.hv2 .ban-img img{width:100%;height:auto;border-radius:16px;border:1px solid var(--ln);box-shadow:0 24px 48px -30px rgba(30,27,75,.35)}
.hv2 .gi-cta{text-align:start;margin:32px 0 0}

/* المجموعات الست */
.hv2 .gi{padding:var(--sec) 0;scroll-margin-top:calc(var(--nav-h) + 52px)}
.hv2 .gi-rev{background:var(--alt)}
.hv2 .gi-in{gap:64px;align-items:center}
.hv2 .gi-acc{border-top:0;margin:8px 0 28px;display:grid;gap:8px}
.hv2 .gi-it{border:1px solid var(--ln);border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s}
.hv2 .gi-it.on{border-color:#c9cdf5;box-shadow:0 8px 20px -14px rgba(47,116,220,.45)}
.hv2 .gi-h{padding:14px 18px;font-weight:500}
.hv2 .gi-b p{padding-inline:18px}
.hv2 .gi-it.on .gi-b p{padding-bottom:16px}
.hv2 .gi-fr{max-width:none;border-radius:16px;border:1px solid var(--ln);box-shadow:0 24px 48px -30px rgba(30,27,75,.4)}

/* نقاط البيع */
.hv2 .pos,.hv2 .pos.ops{padding:var(--sec) 0;scroll-margin-top:calc(var(--nav-h) + 52px)}
.hv2 .pos-in{gap:64px}
.hv2 .pos-ls{grid-template-columns:1fr 1fr;gap:10px}
.hv2 .pos-ls li{border-radius:12px;font-size:14.5px}
.hv2 .pos-img img{max-width:none;border-radius:16px;border:1px solid var(--ln);box-shadow:0 24px 48px -30px rgba(30,27,75,.4)}

/* الأسئلة */
.hv2 .faq{padding:var(--sec) 0;background:var(--alt);scroll-margin-top:var(--nav-h)}
.hv2 .faq-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:64px;align-items:start}
.hv2 .faq-hd .btn{margin-top:8px}
.hv2 .faq details{background:#fff;border:1px solid var(--ln);border-radius:12px;padding:0;margin:0 0 10px}
.hv2 .faq summary{padding:16px 20px;font-weight:500;color:var(--ink);cursor:pointer}
.hv2 .faq details p{padding:0 20px 18px;margin:0;color:var(--tx)}

/* الدعوة النهائية */
.hv2 .cta2{padding:var(--sec) 0}
.hv2 .cta2-in{background:var(--ink);border-radius:20px;padding:56px 32px;text-align:center}
.hv2 .cta2 h2{color:#fff;margin-bottom:10px}
.hv2 .cta2 p{color:#c9cdf0;margin:0 auto 26px;max-width:34em}
.hv2 .cta2 .btn.pr{background:#fff;color:var(--ink)}

/* الفوتر */
.hv2 .ft2{padding-top:56px;background:#14123a}
.hv2 .ft2 li a{color:#cfd3f2}
.hv2 .ft2-bot{border-top:1px solid rgba(255,255,255,.12);color:#aeb3dc}

/* ===== تحسينات الجولة الثانية ===== */
/* عناوين الفوتر كانت غامقة على خلفية غامقة */
.hv2 .ft2 h3{color:#fff;font-size:15px;font-weight:600;margin-bottom:14px}
.hv2 .ft2-brand p{color:#cfd3f2}
/* زرار "ابدأ مجانًا" المتكرر داخل الأقسام: يتحول لزرار ثانوي، والأساسي يبقى للهيرو والبداية والخاتمة فقط */
.hv2 .gi-tx>.btn.pr,.hv2 .pos-tx>.btn.pr{background:#fff;color:var(--p2);border:1px solid #c9cdf5;box-shadow:none}
/* بانر المقدمة: كان بعرض الصفحة كلها وطويل جدًا */
.hv2 .gi-intro .ban-img{max-width:920px;margin-inline:auto}
.hv2 .gi-after{text-align:center}
.hv2 .gi-cta{text-align:center}
/* الأقسام: مساحة أنظف حول الصور */
.hv2 .gi-fr{max-width:none}
/* شريط الفصول: القسم الحالي */
/* الأسئلة: الاسم الأصغر لا يلتصق بالزرار */
.hv2 .faq-hd{position:sticky;top:calc(var(--nav-h) + 64px)}

/* الجوال */
@media(max-width:900px){
  .hv2{--sec:56px}
  .hv2 .faq-hd{position:static}
  .hv2 .nav-cta{display:none}
  .hv2 .nav.open .links{display:flex;position:absolute;inset-inline:0;top:var(--nav-h);flex-direction:column;padding:10px 20px 16px;background:#fff;border-bottom:1px solid var(--ln)}
  .hv2 .gi-in,.hv2 .pos-in,.hv2 .faq-in{grid-template-columns:1fr;gap:28px}
  .hv2 .gi-st,.hv2 .pos-img{order:-1}
  .hv2 .proof,.hv2 .gi-flow{grid-template-columns:1fr 1fr}
  .hv2 .proof li:nth-child(3),.hv2 .gi-flow li:nth-child(3){border-inline-start:0}
  .hv2 .proof li:nth-child(n+3),.hv2 .gi-flow li:nth-child(n+3){border-top:1px solid var(--ln)}
  .hv2 .hero{padding-top:40px}}
@media(max-width:520px){.hv2 .pos-ls{grid-template-columns:1fr}.hv2 .cta2-in{padding:40px 20px}}

/* ===== الجولة الثالثة: خط Cairo + الطباعة + ملصقات الأقسام (الرئيسية فقط) ===== */
.hv2{--font:'Inter',system-ui,-apple-system,'Segoe UI','Noto Sans Arabic',Tahoma,sans-serif}
html[lang=en] .hv2{--font:'Inter',system-ui,-apple-system,'Segoe UI','Noto Sans Arabic',Tahoma,sans-serif}
.hv2,.hv2 button,.hv2 input,.hv2 select,.hv2 textarea,.hv2 summary{font-family:var(--font)}
.hv2{font-weight:400;line-height:1.85;text-rendering:optimizeLegibility;font-kerning:normal}
.hv2 p{text-wrap:pretty}

/* تسلسل العناوين: h1 ثم h2 ثم h3 */
.hv2 h1{font-size:clamp(32px,5vw,56px);line-height:1.3;font-weight:800;max-width:16em;margin:22px auto 0;text-wrap:balance}
.hv2 h2{font-weight:700;line-height:1.5;text-wrap:balance}
.hv2 h3{font-weight:700;line-height:1.5}
.hv2 .gi-flow h3{font-size:18px}
.hv2 .ft2 h3{font-size:16px;font-weight:700}
.hv2 .mk:after{bottom:.12em;height:.3em}
.hv2 .sub{max-width:34em;line-height:1.9;font-weight:500}
.hv2 .chip{font-weight:600;font-size:14px}
.hv2 .fine span{font-weight:500}
.hv2 .proof b{font-weight:800;font-variant-numeric:tabular-nums}
.hv2 .btn{font-weight:600;letter-spacing:0}
.hv2 .links a{font-weight:600}
.hv2 .gi-h{font-weight:600;font-size:16.5px}
.hv2 .gi-b p,.hv2 .gi-lead,.hv2 .pos-lead,.hv2 .gi-hd p{line-height:1.95}
.hv2 .faq-list summary{font-weight:600}

/* ملصق القسم: مربع بحواف ناعمة، نقطة مميّزة، ارتفاع ثابت */
.hv2 .gi-k,.hv2 .pos-k{display:inline-flex;align-items:center;gap:9px;margin:0 0 16px;padding:7px 15px;min-height:36px;border-radius:10px;background:#eef2fa;border:1px solid #eef2fa;color:var(--p2);font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap}
.hv2 .gi-k:before,.hv2 .pos-k:before{content:"";flex:none;width:7px;height:7px;border-radius:2px;background:var(--p);transform:rotate(45deg)}
.hv2 .gi-k:after,.hv2 .pos-k:after{display:none}

/* شريط التنقل: ظل عند التمرير + رابط نشط */
.hv2 .nav{transition:box-shadow .25s}
.hv2 .nav.sc{box-shadow:0 8px 24px -14px rgba(30,27,75,.35)}
.hv2 .links a.on{color:var(--p)}
.hv2 .links a{position:relative}
.hv2 .links a.on:after{content:"";position:absolute;inset-inline:18px;bottom:2px;height:2px;border-radius:2px;background:var(--p)}
.hv2 .gi-h:focus-visible,.hv2 .faq-list summary:focus-visible,.hv2 .btn:focus-visible,.hv2 .links a:focus-visible,.hv2 .burger:focus-visible{outline:2px solid var(--p);outline-offset:3px;border-radius:8px}
.hv2 .rv{will-change:opacity,transform}
@media(max-width:600px){
  .hv2 h1{font-size:clamp(28px,8.2vw,36px);line-height:1.35}
  .hv2 .gi-k,.hv2 .pos-k{font-size:13.5px;padding:6px 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hv2 .rv{will-change:auto}}