/* ═══════════════════════════════════════════════════════
 *  ready-contracts.css — أُستخرِج آليًا من pages/ready-contracts.php
 *  المقطع 1 من 1 · سطور 11–11 في الأصل.
 *  ⚠️ الترتيب بين المقاطع مقصود: بينها كتل <style> مشروطة
 *     باقية في الصفحة، والتتالي يعتمد على تسلسلها.
 * ═══════════════════════════════════════════════════════ */
.rcx{--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}
.rcx{color:var(--ink);line-height:1.9;font-family:'Segoe UI','Segoe UI Arabic',Tahoma,Arial,sans-serif;background:#fff;overflow-x:hidden}
.rcx .w{max-width:1140px;margin:0 auto;padding:0 24px}
.rcx section{padding:70px 0}
.rcx .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}
.rcx 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}
.rcx h1 .g,.rcx h2 .g{background:linear-gradient(120deg,var(--pb),#6a86ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.rcx 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}
.rcx .lead{font-size:1.05rem;color:var(--mut);line-height:2}
.rcx .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}
.rcx .cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(37,99,235,.34)}
.rcx .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}
.rcx .cta2:hover{border-color:#c9d6f2;background:var(--soft)}
/* كشف تدريجي */
.rcx .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rcx .rv.in{opacity:1;transform:none}
/* ═══ الهيرو ═══ */
.rcx .hero{position:relative;padding:84px 0 90px;background:linear-gradient(180deg,#fff 0%,#F3F7FF 70%,#fff)}
.rcx .hero .aur{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none}
.rcx .hero .a1{width:520px;height:520px;background:radial-gradient(circle,#bfd7ff,transparent 65%);top:-180px;left:-120px}
.rcx .hero .a2{width:420px;height:420px;background:radial-gradient(circle,#d9e6ff,transparent 65%);bottom:-160px;right:-100px}
.rcx .hero .w{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.rcx .hero .lead{max-width:520px;margin-bottom:30px}
.rcx .hero .btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.rcx .trustline{display:flex;gap:20px;margin-top:34px;flex-wrap:wrap}
.rcx .trustline span{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--mut)}
.rcx .trustline i{color:var(--ok);font-size:.85rem}
/* لوحة العقد الحقيقي */
.rcx .heropic{position:relative}
.rcx .paper{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 90px rgba(13,27,62,.18);transform:rotate(-2.2deg);transition:transform .5s cubic-bezier(.2,.8,.2,1);background:#fff}
.rcx .paper:hover{transform:rotate(0deg) scale(1.015)}
.rcx .paper img{display:block;width:100%;height:auto}
.rcx .paper::after{content:'';position:absolute;inset:0;background:linear-gradient(200deg,transparent 60%,rgba(13,27,62,.06))}
.rcx .paper2{position:absolute;inset:0;border-radius:18px;background:#fff;border:1px solid var(--line);transform:rotate(3.4deg) translate(14px,10px);z-index:-1;box-shadow:0 20px 50px rgba(13,27,62,.08)}
.rcx .fchip{position:absolute;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 17px;font-size:.76rem;font-weight:800;color:var(--nv);box-shadow:0 14px 34px rgba(13,27,62,.14);animation:rcxFloat 4.5s ease-in-out infinite;z-index:3;white-space:nowrap}
.rcx .fchip i{font-size:.82rem}
.rcx .fc1{top:26px;left:-22px;color:#10B981;animation-delay:0s}
.rcx .fc2{top:44%;right:-26px;color:var(--pb);animation-delay:1.4s}
.rcx .fc3{bottom:30px;left:8%;color:#7C3AED;animation-delay:2.8s}
@keyframes rcxFloat{50%{transform:translateY(-9px)}}
/* ═══ شريط الأرقام ═══ */
.rcx .nums{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--soft);padding:34px 0}
.rcx .nums .w{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.rcx .num b{display:block;font-size:2rem;font-weight:900;color:var(--nv);letter-spacing:-1px}
.rcx .num b em{font-style:normal;color:var(--pb)}
.rcx .num span{font-size:.8rem;color:var(--mut);font-weight:600}
/* ═══ ليه مختلفة ═══ */
.rcx .why .whead{text-align:center;max-width:720px;margin:0 auto 24px}
.rcx .why .wpara{max-width:820px;margin:0 auto 44px;text-align:center;font-size:1rem;color:var(--mut);line-height:2.1}
.rcx .why .wpara b{color:var(--nv)}
.rcx .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rcx .fcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px;transition:.3s}
.rcx .fcard:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(13,27,62,.1);border-color:#dbe6ff}
.rcx .fcard .ic{width:46px;height:46px;border-radius:14px;background:var(--soft2);color:var(--pb);display:flex;align-items:center;justify-content:center;font-size:1.05rem;margin-bottom:16px}
.rcx .fcard h3{font-size:1.02rem;font-weight:800;color:var(--nv);margin:0 0 7px}
.rcx .fcard p{font-size:.84rem;color:var(--mut);margin:0;line-height:1.9}
/* ═══ تشريح العقد ═══ */
.rcx .anat{background:linear-gradient(180deg,#fff,#F3F7FF 55%,#fff)}
.rcx .anat .w{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
.rcx .anat .apic{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 34px 80px rgba(13,27,62,.16);background:#fff}
.rcx .anat .apic img{display:block;width:100%;height:auto}
.rcx .hl{position:absolute;border:2.5px solid var(--pb);border-radius:10px;box-shadow:0 0 0 4px rgba(37,99,235,.15),0 10px 30px rgba(37,99,235,.2);opacity:0;transition:.45s;pointer-events:none}
.rcx .hl.on{opacity:1}
.rcx .alist{display:flex;flex-direction:column;gap:11px}
.rcx .ait{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1.5px solid var(--line);border-radius:15px;padding:15px 18px;cursor:pointer;transition:.3s;opacity:.62}
.rcx .ait .n{width:28px;height:28px;flex:0 0 auto;border-radius:9px;background:var(--soft);color:var(--faint);font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;transition:.3s}
.rcx .ait b{display:block;font-size:.92rem;font-weight:800;color:var(--nv)}
.rcx .ait p{margin:2px 0 0;font-size:.78rem;color:var(--mut);line-height:1.8}
.rcx .ait.on{opacity:1;border-color:var(--pb);box-shadow:0 14px 36px rgba(37,99,235,.12)}
.rcx .ait.on .n{background:var(--pb);color:#fff}
/* ═══ كيف تعمل ═══ */
.rcx .how .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.rcx .step{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 22px;text-align:center;transition:.3s}
.rcx .step:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(13,27,62,.09)}
.rcx .step .sn{width:44px;height:44px;border-radius:14px;background:var(--pb);color:#fff;font-weight:900;font-size:1.05rem;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 8px 22px rgba(37,99,235,.3)}
.rcx .step h3{font-size:.98rem;font-weight:800;color:var(--nv);margin:0 0 6px}
.rcx .step p{font-size:.8rem;color:var(--mut);margin:0;line-height:1.8}
/* ═══ التصنيفات ═══ */
.rcx .cats{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
/* ثلاثة أعمدة منذ ٢١ أغسطس ٢٠٢٦ — كانت أربعة لثماني بطاقات. حُذفت بطاقتا
   العائلتين الفارغتين، وستّ بطاقات على أربعة أعمدة تترك صفًّا ثانيًا ناقصًا. */
.rcx .cats .cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.rcx .cat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px 18px;text-decoration:none;transition:.25s}
.rcx .cat:hover{transform:translateY(-3px);border-color:#c9d6f2;box-shadow:0 14px 34px rgba(13,27,62,.08)}
.rcx .cat .ci{width:38px;height:38px;flex:0 0 auto;border-radius:12px;background:var(--soft2);color:var(--pb);display:flex;align-items:center;justify-content:center;font-size:.92rem}
.rcx .cat b{display:block;font-size:.88rem;font-weight:800;color:var(--nv)}
.rcx .cat span{font-size:.7rem;color:var(--faint);font-weight:600}
/* ═══ الآراء ═══ */
.rcx .says .grid3{margin-top:40px}
.rcx .say{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px;transition:.3s}
.rcx .say:hover{box-shadow:0 20px 46px rgba(13,27,62,.09)}
.rcx .say .stars{color:#f5b50a;font-size:.85rem;letter-spacing:2px;margin-bottom:12px}
.rcx .say p{font-size:.9rem;color:var(--ink);line-height:2;margin:0 0 18px}
.rcx .who{display:flex;align-items:center;gap:12px}
.rcx .av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.9rem;flex:0 0 auto}
.rcx .av.a1{background:linear-gradient(135deg,#2563EB,#5b7bff)}
.rcx .av.a2{background:linear-gradient(135deg,#7C3AED,#a78bfa)}
.rcx .av.a3{background:linear-gradient(135deg,#10B981,#4ade80)}
.rcx .who b{display:block;font-size:.85rem;font-weight:800;color:var(--nv)}
.rcx .who span{font-size:.72rem;color:var(--faint);font-weight:600}
/* ═══ الأسئلة ═══ */
.rcx .faq{max-width:760px;margin:0 auto}
.rcx .qa{border:1px solid var(--line);border-radius:15px;background:#fff;margin-bottom:12px;overflow:hidden;transition:.3s}
.rcx .qa .qh{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;cursor:pointer;font-weight:800;font-size:.95rem;color:var(--nv)}
.rcx .qa .qh .x{width:26px;height:26px;border-radius:9px;background:var(--soft);color:var(--pb);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:.3s;flex:0 0 auto}
.rcx .qa .qb{max-height:0;overflow:hidden;transition:max-height .4s ease;padding:0 22px}
.rcx .qa .qb p{font-size:.86rem;color:var(--mut);line-height:2;margin:0 0 18px}
.rcx .qa.open{border-color:#dbe6ff;box-shadow:0 12px 30px rgba(13,27,62,.06)}
.rcx .qa.open .qh .x{transform:rotate(45deg);background:var(--pb);color:#fff}
.rcx .qa.open .qb{max-height:200px}
/* ═══ CTA ═══ */
.rcx .fin{position:relative;text-align:center;background:linear-gradient(180deg,#fff,#F3F7FF);padding:84px 0}
.rcx .fin h2{margin-bottom:10px}
.rcx .fin .lead{max-width:560px;margin:0 auto 30px}
@media(max-width:960px){
  .rcx .hero .w,.rcx .anat .w{grid-template-columns:1fr;gap:36px}
  .rcx .nums .w{grid-template-columns:1fr 1fr}
  .rcx .grid3,.rcx .how .grid4{grid-template-columns:1fr}
  .rcx .cats .cgrid{grid-template-columns:1fr 1fr}
  .rcx .fchip{display:none}
  .rcx .paper{transform:none}
}