/* ═══════════════════════════════════════════════════════
 *  features-identity-verification.css — أُستخرِج آليًا من pages/features/identity-verification.php
 *  المقطع 1 من 1 · سطور 11–11 في الأصل.
 *  ⚠️ الترتيب بين المقاطع مقصود: بينها كتل <style> مشروطة
 *     باقية في الصفحة، والتتالي يعتمد على تسلسلها.
 * ═══════════════════════════════════════════════════════ */
.idx{--pb:#2563EB;--pb2:#1e3fae;--nv:#0D1B3E;--ink:#1f2937;--mut:#6b7480;--faint:#6b7280;--line:#e8ebf1;--soft:#f6f8fc;--soft2:#eef4ff;--ok:#10B981;--okbg:#e8f7ee;color-scheme:light}
.idx{color:var(--ink);line-height:1.9;font-family:'Segoe UI','Segoe UI Arabic',Tahoma,Arial,sans-serif;background:#fff;overflow-x:clip}
.idx .w{max-width:1140px;margin:0 auto;padding:0 24px}
.idx section{padding:70px 0}
.idx .eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--soft2);color:var(--pb);font-weight:800;font-size:.78rem;padding:8px 16px;border-radius:999px;border:1px solid #dbe6ff;margin-bottom:18px}
.idx h1{font-size:clamp(2rem,4.2vw,3rem);font-weight:900;color:var(--nv);letter-spacing:-.02em;line-height:1.25;margin:0 0 18px}
.idx h1 .g,.idx h2 .g{background:linear-gradient(120deg,var(--pb),#6a86ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.idx h2{font-size:clamp(1.5rem,3vw,2.15rem);font-weight:800;color:var(--nv);letter-spacing:-.5px;line-height:1.4;margin:0 0 12px}
.idx .lead{font-size:1.05rem;color:var(--mut);line-height:2}
.idx .cta{display:inline-flex;align-items:center;gap:9px;background:var(--pb);color:#fff;font-weight:800;font-size:.95rem;padding:15px 32px;border-radius:14px;text-decoration:none;box-shadow:0 10px 26px rgba(37,99,235,.28);transition:.2s}
.idx .cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(37,99,235,.34)}
.idx .cta2{display:inline-flex;align-items:center;gap:8px;color:var(--nv);font-weight:800;font-size:.92rem;padding:15px 24px;text-decoration:none;border-radius:14px;border:1px solid var(--line);transition:.2s}
.idx .cta2:hover{border-color:#c9d6f2;background:var(--soft)}
/* ═ كشف تدريجي ═ */
.idx .rv,.idx .rvL,.idx .rvR,.idx .rvS{opacity:0;transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.idx .rv{transform:translateY(24px)}
.idx .rvL{transform:translateX(30px)}
.idx .rvR{transform:translateX(-30px)}
.idx .rvS{transform:scale(.93)}
.idx .rv.in,.idx .rvL.in,.idx .rvR.in,.idx .rvS.in{opacity:1;transform:none}

/* ═══════════ الهيرو ═══════════ */
.idx .hero{position:relative;padding:80px 0 88px;background:linear-gradient(180deg,#fff 0%,#F3F7FF 68%,#fff);overflow:hidden}
.idx .hero .aur{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;animation:idxFloat 7s ease-in-out infinite}
.idx .hero .a1{width:520px;height:520px;background:radial-gradient(circle,#bfd7ff,transparent 65%);top:-190px;right:-130px}
.idx .hero .a2{width:420px;height:420px;background:radial-gradient(circle,#d9e6ff,transparent 65%);bottom:-160px;left:-110px;animation-delay:2.5s}
.idx .hero .w{position:relative;display:grid;grid-template-columns:1fr 1.12fr;gap:48px;align-items:center}
.idx .hero .lead{max-width:520px;margin-bottom:28px}
.idx .hero .btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.idx .trustline{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap}
.idx .trustline span{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--mut)}
.idx .trustline i{color:var(--ok);font-size:.85rem}
@keyframes idxFloat{50%{transform:translateY(-11px)}}

/* ═ منصّة الهاتف + الخطوات ═ */
.idx .pstage{display:flex;gap:16px;align-items:center}
.idx .psteps{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}
.idx .pstep{display:flex;gap:11px;align-items:flex-start;border:1.5px solid var(--line);border-radius:14px;padding:11px 13px;background:#fff;opacity:.5}
.idx .pstep .sn{width:26px;height:26px;flex:0 0 auto;border-radius:9px;background:var(--soft);color:var(--faint);font-size:.74rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.idx .pstep b{display:block;font-size:.83rem;font-weight:800;color:var(--nv)}
.idx .pstep small{display:block;font-size:.68rem;color:var(--mut);margin-top:2px;line-height:1.7}
.idx .pstep.p1{animation:idxSt1 18s infinite}.idx .pstep.p1 .sn{animation:idxSn1 18s infinite}
.idx .pstep.p2{animation:idxSt2 18s infinite}.idx .pstep.p2 .sn{animation:idxSn2 18s infinite}
.idx .pstep.p3{animation:idxSt3 18s infinite}.idx .pstep.p3 .sn{animation:idxSn3 18s infinite}
.idx .pstep.p4{animation:idxSt4 18s infinite}.idx .pstep.p4 .sn{animation:idxSn4 18s infinite}
@keyframes idxSt1{0%,18%{opacity:1;border-color:var(--pb);box-shadow:0 10px 26px rgba(37,99,235,.12)}20%,100%{opacity:.5;border-color:var(--line);box-shadow:none}}
@keyframes idxSn1{0%,18%{background:var(--pb);color:#fff}20%,100%{background:var(--soft);color:var(--faint)}}
@keyframes idxSt2{0%,18%{opacity:.5;border-color:var(--line);box-shadow:none}21%,38%{opacity:1;border-color:var(--pb);box-shadow:0 10px 26px rgba(37,99,235,.12)}40%,100%{opacity:.5;border-color:var(--line);box-shadow:none}}
@keyframes idxSn2{0%,18%{background:var(--soft);color:var(--faint)}21%,38%{background:var(--pb);color:#fff}40%,100%{background:var(--soft);color:var(--faint)}}
@keyframes idxSt3{0%,38%{opacity:.5;border-color:var(--line);box-shadow:none}41%,78%{opacity:1;border-color:var(--pb);box-shadow:0 10px 26px rgba(37,99,235,.12)}80%,100%{opacity:.5;border-color:var(--line);box-shadow:none}}
@keyframes idxSn3{0%,38%{background:var(--soft);color:var(--faint)}41%,78%{background:var(--pb);color:#fff}80%,100%{background:var(--soft);color:var(--faint)}}
@keyframes idxSt4{0%,78%{opacity:.5;border-color:var(--line);box-shadow:none}81%,100%{opacity:1;border-color:var(--ok);box-shadow:0 10px 26px rgba(22,163,74,.16)}}
@keyframes idxSn4{0%,78%{background:var(--soft);color:var(--faint)}81%,100%{background:var(--ok);color:#fff}}
.idx .phonebox{position:relative;flex:0 0 auto}
.idx .phone{position:relative;width:220px;height:452px;background:#0b0f1d;border-radius:32px;padding:8px;box-shadow:0 34px 74px rgba(13,27,62,.32)}
.idx .phone .notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:68px;height:15px;background:#0b0f1d;border-radius:999px;z-index:9}
.idx .phone .scr{position:relative;width:100%;height:100%;background:#fff;border-radius:24px;overflow:hidden}
.idx .scene{position:absolute;inset:0;display:flex;flex-direction:column;padding:30px 14px 12px;opacity:0;direction:ltr;text-align:center}
.idx .scene.s1{animation:idxScS1 18s infinite}
.idx .scene.s2{animation:idxScS2 18s infinite;text-align:left;padding-top:20px}
.idx .scene.s3{animation:idxScS3 18s infinite;background:#20242e}
.idx .scene.s4{animation:idxScS4 18s infinite}
.idx .scene.s5{animation:idxScS5 18s infinite}
@keyframes idxScS1{0%{opacity:1}18%{opacity:1}21%{opacity:0;transform:translateX(-16px)}97%{opacity:0;transform:translateX(16px)}100%{opacity:1;transform:none}}
@keyframes idxScS2{0%,18%{opacity:0;transform:translateX(16px)}21%,38%{opacity:1;transform:none}41%,100%{opacity:0;transform:translateX(-16px)}}
@keyframes idxScS3{0%,38%{opacity:0;transform:translateX(16px)}41%,58%{opacity:1;transform:none}61%,100%{opacity:0;transform:translateX(-16px)}}
@keyframes idxScS4{0%,58%{opacity:0;transform:translateX(16px)}61%,78%{opacity:1;transform:none}81%,100%{opacity:0;transform:translateX(-16px)}}
@keyframes idxScS5{0%,78%{opacity:0;transform:translateX(16px)}81%,98%{opacity:1;transform:none}100%{opacity:0}}
.idx .dlogo{font-weight:900;color:#0D1B3E;font-size:1rem;direction:rtl}
.idx .dlogo i{color:var(--pb);font-style:normal}
.idx .secby{margin-top:auto;font-size:.58rem;color:#64748B}
.idx .secby b{color:#0D1B3E;font-size:.64rem}
.idx .secby.dk{color:#8DA2C0}.idx .secby.dk b{color:#fff}
.idx .dbtn{background:var(--pb);color:#fff;border-radius:999px;padding:9px 0;font-size:.68rem;font-weight:800;width:100%;margin-top:10px;text-align:center}
/* مشهد ١ */
.idx .vtit{font-size:.85rem;font-weight:800;color:#3d4a63;margin-top:10px;line-height:1.35}
.idx .vsub{font-size:.65rem;color:#8a94a8;margin-top:6px;line-height:1.6}
.idx .vmin{display:inline-flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;color:#3d4a63;border:1px solid var(--line);border-radius:999px;padding:5px 13px;margin:13px auto 0}
.idx .vmin i{color:var(--pb)}
.idx .vlist{margin-top:15px;display:flex;flex-direction:column;gap:9px;align-items:center}
.idx .vlist span{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;color:#3d4a63}
.idx .vlist i{color:var(--pb);width:16px}
/* مشهد ٢ */
.idx .prog{height:3px;border-radius:3px;background:#E8EDF5;margin-bottom:13px;overflow:hidden}
.idx .prog i{display:block;height:100%;width:28%;background:linear-gradient(90deg,#93B4FA,var(--pb));border-radius:3px}
.idx .t2{font-size:.74rem;font-weight:800;color:#3d4a63;line-height:1.35}
.idx .st2{font-size:.6rem;color:#8a94a8;margin-top:4px;line-height:1.5}
.idx .lbl{font-size:.52rem;color:#8a94a8;font-weight:800;letter-spacing:.5px;margin:11px 0 4px}
.idx .fld{display:flex;align-items:center;gap:7px;background:#F1F4F9;border-radius:10px;padding:7px 11px;font-size:.64rem;font-weight:700;color:#3d4a63}
.idx .fld i{color:#8a94a8;font-size:.6rem}
.idx .opt{display:flex;align-items:center;gap:8px;background:#F1F4F9;border-radius:11px;padding:6px 11px;font-size:.6rem;font-weight:700;color:#3d4a63;margin-bottom:6px;border:1.5px solid transparent}
.idx .opt>i{color:var(--pb);font-size:.68rem;width:15px}
.idx .opt .rad{margin-inline-start:auto;width:13px;height:13px;border-radius:50%;border:1.5px solid #C6CEDD;flex:0 0 auto}
.idx .opt.sel{border-color:var(--pb);background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.idx .opt.sel .rad{border-color:var(--pb);background:radial-gradient(circle,var(--pb) 45%,#fff 50%)}
/* العلم المصري بالـCSS */
.idx .egf{display:inline-block;width:18px;height:12px;border-radius:2px;position:relative;flex:0 0 auto;background:linear-gradient(180deg,#CE1126 33%,#fff 33%,#fff 66%,#000 66%);box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.idx .egf::after{content:'';position:absolute;top:5px;left:7px;width:4px;height:2px;background:#C09300;border-radius:1px}
/* مشهد ٣ */
.idx .s3{text-align:center}
.idx .camt{font-size:.68rem;font-weight:700;color:#B9C2D4;margin-top:6px}
.idx .pillid{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.94);border-radius:999px;padding:6px 13px;font-size:.64rem;font-weight:800;color:#20242e;margin:9px auto 0}
.idx .tips{margin-top:10px;display:flex;flex-direction:column;gap:5px;align-items:center}
.idx .tips span{display:inline-flex;align-items:center;gap:7px;font-size:.56rem;color:#cfd6e4}
.idx .tips i{color:#8fb4ff;width:12px}
.idx .tips.lt span{color:#5b6472}.idx .tips.lt i{color:var(--pb)}
.idx .idcard{position:relative;margin:12px auto 0;width:158px;height:96px;border-radius:11px;border:3px solid #fff;overflow:hidden;background:linear-gradient(135deg,#d8e4f5,#f2e9d8 55%,#dbead9)}
.idx .idcard .chip2{position:absolute;top:13px;left:13px;width:24px;height:17px;border-radius:3px;background:#d4af37;opacity:.85}
.idx .idcard .pht{position:absolute;bottom:9px;left:11px;width:29px;height:34px;border-radius:6px;background:#c4d2e6;display:flex;align-items:center;justify-content:center;color:#7d8ba3;font-size:.9rem}
.idx .idcard .cln{position:absolute;top:11px;right:11px;left:56px;height:4px;border-radius:3px;background:#9fb0c8;opacity:.7}
.idx .idcard .cln.l2{top:23px;left:68px}.idx .idcard .cln.l3{top:35px;left:60px}
.idx .scanln{position:absolute;right:0;left:0;height:28px;background:linear-gradient(180deg,transparent,rgba(59,109,246,.4),transparent);animation:idxScan 2.4s ease-in-out infinite}
@keyframes idxScan{0%,100%{top:-12px}50%{top:80px}}
.idx .shoot{width:36px;height:36px;border-radius:50%;border:3px solid #fff;margin:12px auto 0}
/* مشهد ٤ */
.idx .prepwrap{margin:14px auto 0;display:flex;align-items:center;justify-content:center}
.idx .facefr{position:relative;width:112px;height:132px;border-radius:56px/64px;background:var(--soft2);display:flex;align-items:center;justify-content:center;color:var(--pb);font-size:2.5rem;animation:idxFace 1.8s infinite}
.idx .fbr{position:absolute;width:20px;height:20px;border:2.5px solid var(--pb)}
.idx .fbr.tl{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:8px 0 0 0}
.idx .fbr.tr{top:-2px;right:-2px;border-left:none;border-bottom:none;border-radius:0 8px 0 0}
.idx .fbr.bl{bottom:-2px;left:-2px;border-right:none;border-top:none;border-radius:0 0 0 8px}
.idx .fbr.br{bottom:-2px;right:-2px;border-left:none;border-top:none;border-radius:0 0 8px 0}
@keyframes idxFace{0%,100%{box-shadow:0 0 0 0 rgba(37,99,235,.32)}55%{box-shadow:0 0 0 13px rgba(37,99,235,0)}}
/* مشهد ٥ */
.idx .okc{width:64px;height:64px;border-radius:50%;background:var(--okbg);border:3px solid var(--ok);display:flex;align-items:center;justify-content:center;margin:52px auto 0;color:var(--ok);font-size:1.5rem;animation:idxOk 18s infinite}
@keyframes idxOk{0%,79%{transform:scale(0);opacity:0}85%{transform:scale(1.16);opacity:1}90%,100%{transform:scale(1);opacity:1}}
.idx .okt{font-size:.85rem;font-weight:800;color:#3d4a63;margin-top:14px}
.idx .oks{font-size:.65rem;color:#8a94a8;margin-top:6px}
/* نقاط التقدم */
.idx .pdots{display:flex;justify-content:center;gap:7px;margin-top:14px}
.idx .pdots i{width:7px;height:7px;border-radius:50%;background:#D8DFEC}
.idx .pdots .d1{animation:idxDt1 18s infinite}.idx .pdots .d2{animation:idxDt2 18s infinite}
.idx .pdots .d3{animation:idxDt3 18s infinite}.idx .pdots .d4{animation:idxDt4 18s infinite}.idx .pdots .d5{animation:idxDt5 18s infinite}
@keyframes idxDt1{0%,18%{background:var(--pb);transform:scale(1.3)}20%,100%{background:#D8DFEC;transform:none}}
@keyframes idxDt2{0%,18%{background:#D8DFEC}21%,38%{background:var(--pb);transform:scale(1.3)}40%,100%{background:#D8DFEC;transform:none}}
@keyframes idxDt3{0%,38%{background:#D8DFEC}41%,58%{background:var(--pb);transform:scale(1.3)}61%,100%{background:#D8DFEC;transform:none}}
@keyframes idxDt4{0%,58%{background:#D8DFEC}61%,78%{background:var(--pb);transform:scale(1.3)}81%,100%{background:#D8DFEC;transform:none}}
@keyframes idxDt5{0%,78%{background:#D8DFEC}81%,98%{background:var(--pb);transform:scale(1.3)}100%{background:#D8DFEC}}
/* رقائق عائمة */
.idx .fchip{position:absolute;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.72rem;font-weight:800;color:var(--nv);box-shadow:0 14px 34px rgba(13,27,62,.14);z-index:4;white-space:nowrap;animation:idxFloat 4.6s ease-in-out infinite}
.idx .fchip i{color:var(--pb);font-size:.78rem}
.idx .fc1{top:14px;left:-34px}
.idx .fc2{top:46%;left:-52px;animation-delay:1.5s}
.idx .fc3{bottom:26px;left:-30px;animation-delay:2.9s}
/* تشغيل الأنيميشن عند الظهور فقط (تفادي تجمّد الخلفية) */
.idx .phonecol .scene,.idx .phonecol .pstep,.idx .phonecol .pstep .sn,.idx .phonecol .pdots i,.idx .phonecol .okc,.idx .phonecol .scanln,.idx .phonecol .facefr{animation-play-state:paused}
.idx .phonecol.in .scene,.idx .phonecol.in .pstep,.idx .phonecol.in .pstep .sn,.idx .phonecol.in .pdots i,.idx .phonecol.in .okc,.idx .phonecol.in .scanln,.idx .phonecol.in .facefr{animation-play-state:running}

/* ═══════════ شريط الأرقام ═══════════ */
.idx .nums{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--soft);padding:34px 0}
.idx .nums .w{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.idx .num b{display:block;font-size:2rem;font-weight:900;color:var(--nv);letter-spacing:-1px;min-height:2.4rem}
.idx .num b em{font-style:normal;color:var(--pb)}
.idx .num b.ic{color:var(--pb);font-size:1.7rem}
.idx .num b.txt{color:var(--pb)}
.idx .num span{font-size:.8rem;color:var(--mut);font-weight:600}

/* ═══════════ لماذا الحُجّية الأعلى ═══════════ */
.idx .why .whead{text-align:center;max-width:720px;margin:0 auto 22px}
.idx .why .wpara{max-width:840px;margin:0 auto 40px;text-align:center;font-size:1rem;color:var(--mut);line-height:2.1}
.idx .why .wpara b{color:var(--nv)}
/* مقياس الحُجّية */
.idx .hjm{max-width:680px;margin:0 auto 46px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 28px;display:flex;flex-direction:column;gap:15px}
.idx .hjmrow{display:grid;grid-template-columns:170px 1fr 96px;gap:13px;align-items:center}
.idx .hjmrow>span{font-size:.85rem;font-weight:800;color:var(--nv)}
.idx .hjt{height:12px;border-radius:99px;background:#eef0f4;overflow:hidden}
.idx .hjt i{display:block;height:100%;border-radius:99px;width:0;transition:width 1.3s cubic-bezier(.2,.8,.2,1)}
.idx .hjm.in .b1{width:45%;background:#9fb6e8}
.idx .hjm.in .b2{width:90%;background:var(--pb)}
.idx .hjm.in .b3{width:100%;background:var(--nv)}
.idx .hjmrow em{font-style:normal;font-size:.72rem;font-weight:800;color:var(--faint);text-align:left}
.idx .hjmrow em.hi{color:var(--pb)}.idx .hjmrow em.hn{color:var(--nv)}
.idx .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.idx .fcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px;transition:.3s}
.idx .fcard:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(13,27,62,.1);border-color:#dbe6ff}
.idx .fcard .ic{width:48px;height:48px;border-radius:14px;background:var(--soft2);color:var(--pb);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:16px;transition:.3s}
.idx .fcard:hover .ic{background:var(--pb);color:#fff;transform:rotate(-6deg)}
.idx .fcard h3{font-size:1.02rem;font-weight:800;color:var(--nv);margin:0 0 7px}
.idx .fcard p{font-size:.85rem;color:var(--mut);margin:0;line-height:1.9}

/* ═══════════ كيف تعمل — خط زمني ═══════════ */
.idx .how{background:linear-gradient(180deg,#fff,#F3F7FF 55%,#fff)}
.idx .how .whead{text-align:center;max-width:660px;margin:0 auto 46px}
.idx .timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.idx .tconn{position:absolute;top:28px;right:12%;left:12%;height:3px;background:var(--line);border-radius:3px;overflow:hidden}
.idx .tconn i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pb),#6a86ff);border-radius:3px;transition:width 1.6s ease}
.idx .timeline.in .tconn i{width:100%}
.idx .tnode{position:relative;text-align:center;padding:0 6px}
.idx .tnode .tk{width:58px;height:58px;border-radius:18px;background:#fff;border:1.5px solid var(--line);color:var(--pb);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:0 auto 16px;position:relative;z-index:2;box-shadow:0 10px 26px rgba(13,27,62,.07);transition:.3s}
.idx .tnode:hover .tk{transform:translateY(-4px);border-color:var(--pb);box-shadow:0 16px 34px rgba(37,99,235,.18)}
.idx .tnode .tn{position:absolute;top:-6px;right:calc(50% - 40px);width:22px;height:22px;border-radius:50%;background:var(--pb);color:#fff;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:3}
.idx .tnode h3{font-size:1rem;font-weight:800;color:var(--nv);margin:0 0 7px}
.idx .tnode p{font-size:.82rem;color:var(--mut);margin:0;line-height:1.85}

/* ═══════════ متى تستخدمها ═══════════ */
.idx .when .whead{text-align:center;max-width:660px;margin:0 auto 44px}
.idx .wgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.idx .wc{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 24px;transition:.3s}
.idx .wc:hover{border-color:#dbe6ff;box-shadow:0 18px 42px rgba(13,27,62,.09)}
.idx .wc .wi{width:50px;height:50px;flex:0 0 auto;border-radius:15px;background:var(--soft2);color:var(--pb);display:flex;align-items:center;justify-content:center;font-size:1.15rem}
.idx .wc h3{font-size:1.04rem;font-weight:800;color:var(--nv);margin:0 0 6px}
.idx .wc p{font-size:.85rem;color:var(--mut);margin:0;line-height:1.9}

/* ═══════════ الدليل النصي ═══════════ */
.idx .guide{background:var(--soft);border-top:1px solid var(--line)}
.idx .guide .whead{text-align:center;margin-bottom:34px}
.idx .gcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px 38px;font-size:.95rem;color:var(--mut);line-height:2.15}
.idx .gcard .gq{position:relative;padding-inline-start:16px;margin-bottom:26px}
.idx .gcard .gq:last-child{margin-bottom:0}
.idx .gcard .gq::before{content:'';position:absolute;inset-inline-start:0;top:4px;bottom:34px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--pb),#8fb4ff)}
.idx .gcard h3{font-size:1.1rem;font-weight:800;color:var(--nv);margin:0 0 10px;display:flex;align-items:center;gap:10px}
.idx .gcard h3 i{color:var(--pb);font-size:.95rem}
.idx .gcard p{margin:0}

/* ═══════════ الأسئلة ═══════════ */
.idx .faq{max-width:760px;margin:0 auto}
.idx .qa{border:1px solid var(--line);border-radius:15px;background:#fff;margin-bottom:12px;overflow:hidden;transition:.3s}
.idx .qa .qh{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 22px;cursor:pointer;font-weight:800;font-size:.95rem;color:var(--nv)}
.idx .qa .qh .x{width:26px;height:26px;flex:0 0 auto;border-radius:9px;background:var(--soft);color:var(--pb);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:.3s}
.idx .qa .qb{max-height:0;overflow:hidden;transition:max-height .4s ease;padding:0 22px}
.idx .qa .qb p{font-size:.86rem;color:var(--mut);line-height:2;margin:0 0 18px}
.idx .qa.open{border-color:#dbe6ff;box-shadow:0 12px 30px rgba(13,27,62,.06)}
.idx .qa.open .qh .x{transform:rotate(45deg);background:var(--pb);color:#fff}
.idx .qa.open .qb{max-height:260px}

/* ═══════════ CTA النهائي ═══════════ */
.idx .fin{position:relative;overflow:hidden}
.idx .fin .band{position:relative;background:linear-gradient(135deg,#2563EB,#1D4ED8);border-radius:26px;padding:60px 40px;text-align:center;color:#fff;overflow:hidden}
.idx .fin .band .bblob{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(79,123,255,.28),transparent 65%);top:-210px;right:-120px;animation:idxFloat 8s ease-in-out infinite}
.idx .fin .band h2{color:#fff;margin:0 0 10px;position:relative}
.idx .fin .band p{color:#dbe6ff;font-size:1rem;margin:0 auto 26px;max-width:560px;position:relative}
.idx .fin .band .cta{background:#fff;color:var(--pb);box-shadow:none;position:relative}
.idx .fin .band .cta:hover{background:#eef4ff}

@media(max-width:960px){
  .idx .hero .w{grid-template-columns:1fr;gap:40px}
  .idx .nums .w{grid-template-columns:1fr 1fr}
  .idx .grid3{grid-template-columns:1fr}
  .idx .timeline{grid-template-columns:1fr 1fr;gap:28px 16px}
  .idx .tconn{display:none}
  .idx .wgrid{grid-template-columns:1fr}
  .idx .fchip{display:none}
  .idx .hjmrow{grid-template-columns:110px 1fr 70px}
}
@media(max-width:560px){
  .idx .pstage{flex-direction:column}
  .idx .psteps{width:100%}
  .idx .nums .w{grid-template-columns:1fr}
  .idx .timeline{grid-template-columns:1fr}
  .idx .gcard{padding:26px 22px}
}