/* CFO+ v8 (13/10/2026) — إضافاتٌ على تصميم v6 بالرموزِ نفسِها (tokens.css). لا يغيّرُ شيئًا من v6 إلّا ما يُسمّى هنا. */

/* ── رقم الفصل 01 في البطل الثاني (على الداكن) ── */
.lp .hero--home .v8-chap,.hero--home .v8-chap{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;color:var(--mist);font-size:15px}
.hero--home .v8-chap .chap__no{display:inline-flex;align-items:baseline;gap:6px;direction:ltr;unicode-bidi:isolate}
.hero--home .v8-chap .chap__no b{font-family:var(--display);font-weight:var(--fw-medium);font-size:22px;line-height:1;color:var(--gilt)}
.hero--home .v8-chap .chap__no i{font-style:normal;font-size:12.5px;opacity:.7}
.hero--home .v8-chap .chap__n{color:var(--cream);font-weight:var(--fw-bold)}

/* ── فصل 02 على الداكن ── */
.v8-after .chap{color:var(--mist);margin-bottom:14px}
.v8-after .chap__no b{color:var(--gilt)}
.v8-after .chap__n{color:var(--cream)}
.v8-after .opening__text h2{margin:0;font-family:var(--display);font-weight:var(--fw-medium);font-size:var(--fs-h2);line-height:var(--lh-h2);color:var(--cream);text-wrap:balance}
html[lang="ar"] .v8-after .opening__text h2{font-size:var(--fs-h2-ar);line-height:var(--lh-h2-ar)}

/* بطاقةُ «جسر التمويل» في إطارِ اللقطة نفسِه */
.lp .v8-mock{cursor:default}
.lp .pic .v8-mock{width:min(600px,100%);margin-inline:auto}
.lp .v8-mock:hover{transform:none}
.v8-checks{display:grid !important;gap:0;padding:6px 18px 10px;background:var(--card) !important}
.v8-check{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px dashed var(--paper-hair);font-size:15.5px;color:var(--navy)}
.v8-check:last-child{border-bottom:0}
.v8-check b{display:flex;align-items:center;gap:10px;font-weight:var(--fw-medium)}
.v8-check b::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.4 2.4L12 5.3' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.v8-check em{font-style:normal;font-size:14px;color:var(--slate);font-variant-numeric:tabular-nums;white-space:nowrap}
.v8-check.is-you b::before{background:var(--amber) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}
.v8-check.is-you em{color:var(--gold-text);font-weight:var(--fw-bold)}
.lp .v8-mock .shot__bar{cursor:default}
@media (max-width:520px){.v8-check{flex-direction:column;align-items:flex-start;gap:4px}.v8-check em{white-space:normal}}

/* ── العائلات الخمس على الصفحة الرئيسية + دعوة ── */
.v8-fams__go{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:clamp(22px,3vw,36px) 0 0}

/* ── «جرّب بنفسك» ── */
.lp .v8-try{background:var(--paper)}
.v8-try__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(18px,2.4vw,28px);align-items:stretch}
@media (max-width:900px){.v8-try__grid{grid-template-columns:1fr}}
.v8-play{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:18px;padding:clamp(20px,2.6vw,32px);border-radius:var(--r-lg);background:var(--ink);color:var(--cream);box-shadow:var(--shadow-sheet,0 30px 60px -36px rgba(4,44,83,.8))}
.v8-play::before{content:"";position:absolute;inset:auto -20% -40% auto;width:70%;height:90%;background:radial-gradient(closest-side,rgba(var(--amber-rgb),.18),transparent);z-index:-1}
.v8-play__levers{display:flex;flex-wrap:wrap;gap:8px}
.v8-play .lz-chip{border-color:rgba(255,255,255,.2);color:var(--cream)}
.v8-play .lz-chip:hover{border-color:var(--gilt)}
.v8-play .lz-chip.is-on{background:var(--cream);border-color:var(--cream);color:var(--ink)}
.v8-play__lv{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.v8-play__lv b{font-weight:var(--fw-medium);color:var(--mist);font-size:15px}
.v8-play__lv strong{font-family:var(--display);font-weight:var(--fw-medium);font-size:clamp(20px,2.2vw,26px);color:var(--cream);font-variant-numeric:tabular-nums}
.v8-play input[type=range]{--p:50%;-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--amber) 0 var(--p),rgba(255,255,255,.18) var(--p) 100%);outline-offset:6px;cursor:pointer}
.v8-play input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--amber);border:3px solid var(--ink);box-shadow:0 0 0 2px var(--amber),0 8px 20px -6px rgba(var(--amber-rgb),.9);cursor:grab}
.v8-play input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--amber);border:3px solid var(--ink);box-shadow:0 0 0 2px var(--amber);cursor:grab}
.v8-play__ticks{display:flex;justify-content:space-between;margin-top:10px;font-size:12.5px;color:var(--mist);font-variant-numeric:tabular-nums}
.v8-play__outs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.v8-play__outs{grid-template-columns:1fr}}
.v8-out{display:grid;gap:4px;align-content:start;padding:16px 18px;border-radius:var(--r-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.v8-out small{font-size:13.5px;color:var(--mist)}
.v8-out b{font-family:var(--display);font-weight:var(--fw-medium);font-size:clamp(28px,3.2vw,40px);line-height:1.1;color:var(--cream);direction:ltr;unicode-bidi:isolate;text-align:start;font-variant-numeric:tabular-nums}
.v8-out i{font-style:normal;font-size:13px;color:var(--mist)}
.v8-delta{justify-self:start;margin-top:4px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:var(--fw-bold);background:rgba(255,255,255,.08);color:var(--mist);font-variant-numeric:tabular-nums}
.v8-delta.up{background:rgba(31,122,83,.22);color:#7fe0b0}
.v8-delta.dn{background:rgba(192,57,43,.22);color:#ffb4a8}
.v8-play__say{margin:0;font-size:15.5px;line-height:1.7;color:var(--cream);min-height:3.4em}
.v8-play__note{margin:auto 0 0;font-size:12.5px;line-height:1.6;color:var(--mist);opacity:.85}
.v8-dims{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.6vw,32px);border:var(--line) solid var(--paper-hair);border-radius:var(--r-lg);background:var(--card)}
.v8-dims h3{margin:0;font-family:var(--display);font-weight:var(--fw-medium);font-size:clamp(22px,2.2vw,28px);line-height:1.3;color:var(--navy)}
.v8-dims__p{margin:0;color:var(--slate);font-size:15.5px;line-height:1.7}
.v8-dims__axes{display:flex;flex-wrap:wrap;gap:8px}
.v8-dims__axes .lz-chip{min-height:38px;padding-inline:13px;font-size:14px}
.v8-dims__say{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--paper-hair);font-size:15px;line-height:1.7;color:var(--slate);min-height:4.2em}
.v8-dims__say b{color:var(--navy)}


/* ── الأكاديمية فرعيّة: أخفُّ وأصغر ── */
.lp .v8-acad{padding-block:clamp(40px,5vw,72px);background:var(--niche,#EFEBE1)}
.v8-acad .v8-fam{margin-inline-end:6px}
.v8-acad h2{font-size:clamp(26px,3vw,38px) !important}
.v8-acad .duo{grid-template-columns:minmax(0,6fr) minmax(0,5fr) !important}
@media (max-width:900px){.v8-acad .duo{grid-template-columns:1fr !important}}

/* ── ضمانُ الاسترداد في العرض ── */
.v8-guarantee{margin-top:8px !important}
.v8-guarantee b{color:var(--cream)}

@media (prefers-reduced-motion:reduce){.v8-play *{transition:none !important}}

/* ── الدليل: بعد حذف «ما ليس CFO+» يبقى صندوقُ الفحوص وحدَه ⇒ عرضٌ كامل وبنودُه في ثلاثة أعمدة ── */
.lz-proof .lz-two{grid-template-columns:1fr !important}
@media (min-width:900px){.lz-proof .lz-two .lz-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px}}

/* ── زرٌّ كبير أعرضُ من شاشة 390 (صفحة الأكاديمية — قائمٌ منذ v6) ⇒ يلتفّ داخلَ العرض ── */
@media (max-width:420px){.pill--lg,.lp .pill--lg{max-width:100%;white-space:normal;text-align:center;line-height:1.35;padding-block:12px}}