/* ==========================================================================
   رؤيات — النظام البصري «التدرّج الكوفي»
   مستخرج من الشعار: كوفي مربّع مائل 45°، خطوط متوازية بزوايا قائمة، ونقاط
   معيّنة. ثلاثة عناصر فقط تتكرر: مسار 45°، والمعيّن ◆، وقصّة 45° في الزاوية.
   الخط: Readex Pro بمحور وزن محصور 400–600 (ملف واحد لكل نص) — بديلًا عن
   Droid Arabic Kufi ذي الوزن الوحيد الذي كان المتصفح يزيّف له الخط العريض.
   ========================================================================== */
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(fonts/readex-arabic.woff2) format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(fonts/readex-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --navy-950:#07111d; --navy-900:#0b1828; --navy-800:#122438; --navy-700:#1c324b;
  --steel:#7b8fa6; --steel-2:#a9b8c9;
  --red:#c41f2a; --red-dark:#a51922; --red-deep:#8f1a23; --red-soft:#ff7b83;
  --paper:#fff; --paper-2:#f4f6f9; --line:#e1e6ed; --line-2:#cdd6e1;
  --ink:#0b1828; --muted:#546174;

  --f:'Readex Pro','IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif;
  --h1:clamp(2.125rem,1.846rem + 1.143vw,2.875rem);      /* 34 → 46 */
  --h1-in:clamp(2rem,1.86rem + .571vw,2.375rem);          /* 32 → 38 */
  --h2:clamp(1.6875rem,1.571rem + .476vw,2rem);           /* 27 → 32 */
  --h3:clamp(1.25rem,1.2rem + .2vw,1.3125rem);            /* 20 → 21 */
  --body:clamp(1rem,.97rem + .1vw,1.0625rem);             /* 16 → 17 */
  --small:.9375rem;                                        /* 15 */

  --wrap:1180px; --header-h:70px;
  --sec:clamp(3rem,2.4rem + 2.4vw,4.25rem);               /* 48 → 68 */
  --pad:1.375rem;                                          /* 22 */
  --btn:46px; --r:14px; --r-sm:10px; --notch:14px;
}
@media(max-width:991px){:root{--header-h:60px}}

/* ── أساس ───────────────────────────────────────────────────────────── */
.rk{font-family:var(--f);font-size:var(--body);line-height:1.7;color:var(--ink);background:var(--paper);
  -webkit-font-smoothing:antialiased;font-weight:400}
.rk *,.rk *::before,.rk *::after{box-sizing:border-box}
/* :where() يجعل الإعادة بلا وزن تخصيص، فلا تُسقط هوامش المكوّنات
   (كانت ‎.rk p‎ تغلب ‎.rk-fine‎ و‎.rk-trust‎ فتلتصق بما فوقها). */
:where(.rk) :where(p,h1,h2,h3,ul,ol){margin:0}
.rk h1,.rk h2,.rk h3{font-family:inherit;font-weight:600;line-height:1.25;color:var(--ink);text-wrap:balance;letter-spacing:-.01em}
.rk h2{font-size:var(--h2)}
.rk h3{font-size:var(--h3)}
.rk a{color:inherit}
.rk .num{font-variant-numeric:tabular-nums}
.rk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rk-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1.125rem,3.5vw,2rem)}
.rk-sec{padding-block:var(--sec)}
.rk-sec--tint{background:var(--paper-2)}
.rk-head{margin-bottom:clamp(1.5rem,2.5vw,2rem)}
.rk-lead{font-size:1.0625rem;max-width:44ch}
.rk-fine{margin-top:1.5rem;font-size:var(--small);color:var(--muted);text-align:center}
.rk-fine a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.rk-fine a:hover{color:var(--red)}

/* المعيّن: توقيع العلامة */
.rk-dia{list-style:none;padding:0;display:grid;gap:.4rem}
.rk-dia li{display:flex;align-items:center;gap:.6rem;font-size:var(--small)}
.rk-dia li::before{content:"";width:7px;height:7px;flex:none;background:var(--red);transform:rotate(45deg)}

/* ── أيقونات: نظام واحد ────────────────────────────────────────────── */
.k-ico{width:24px;height:24px;flex:none;stroke:currentColor;stroke-width:1.8;
  stroke-linejoin:miter;stroke-linecap:square}
.k-ico__dot{fill:var(--red);stroke:none}

/* ── أزرار ──────────────────────────────────────────────────────────── */
.rk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}
.rk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--btn);
  padding:0 1.3rem;border-radius:var(--r-sm);font-weight:600;font-size:.97rem;text-decoration:none;
  border:1.5px solid transparent;transition:background-color .16s,border-color .16s,color .16s;cursor:pointer;white-space:nowrap}
.rk-btn--primary{background:var(--red);color:#fff}
.rk-btn--primary:hover{background:var(--red-dark);color:#fff}
.rk-btn--ghost{color:#fff;border-color:rgba(255,255,255,.32)}
.rk-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.rk-btn--line{color:var(--ink);border-color:var(--line-2);background:var(--paper)}
.rk-btn--line:hover{border-color:var(--ink)}
.rk-btn--block{width:100%}
.rk-link{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;font-size:var(--small)}

/* ==========================================================================
   البطل
   الخلفية: كحلي بطبقة واحدة من خطوط 45° متوازية — نسيج الشعار نفسه — تتلاشى
   نحو النص. لا توهّج ولا صورة.
   ========================================================================== */
.rk-hero{position:relative;overflow:hidden;color:#fff;isolation:isolate;
  background:linear-gradient(160deg,var(--navy-800) 0%,var(--navy-900) 45%,var(--navy-950) 100%);
  padding-block:calc(var(--header-h) + clamp(1.75rem,3.2vw,2.5rem)) clamp(4.5rem,7vw,6rem)}
.rk-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background:repeating-linear-gradient(135deg,rgba(123,143,166,.07) 0 2px,transparent 2px 30px);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 70%);
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 70%)}
.rk-hero__grid{display:grid;gap:clamp(2rem,4vw,3.5rem);align-items:center}
@media(min-width:960px){.rk-hero__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}
.rk-hero h1{color:#fff;font-size:clamp(1.75rem,1.5rem + 1vw,2.375rem);line-height:1.3;letter-spacing:-.01em;max-width:18ch}
.rk-hero h1+.rk-actions{margin-top:1.4rem}
.rk-hero h1 span{color:var(--red-soft);display:inline}
.rk-hero .rk-lead{color:var(--steel-2);margin-top:.9rem}
.rk-hero .rk-actions{margin-top:1.6rem}
.rk-trust{margin-top:1.05rem;font-size:.875rem;color:var(--steel-2);display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .55rem}
.rk-trust i{width:5px;height:5px;background:var(--red-soft);transform:rotate(45deg);display:inline-block}

/* ==========================================================================
   التدرّج الكوفي (المكوّن المميّز)
   ========================================================================== */
.k-flow{position:relative;width:100%;max-width:580px;margin-inline:auto}
.k-flow__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.k-flow__spine{stroke:var(--red);stroke-width:2;fill:none;stroke-dasharray:7 7;
  animation:k-march 2.4s linear infinite;vector-effect:non-scaling-stroke}
.k-flow__ghost{stroke:rgba(123,143,166,.28);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.k-flow__stub{stroke:rgba(169,184,201,.55);stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke}
.k-flow__dot{fill:var(--red)}
@keyframes k-march{to{stroke-dashoffset:-28}}

.k-node{position:absolute;display:flex;align-items:center;gap:.7rem;padding:0 .9rem;
  background:linear-gradient(180deg,rgba(28,50,75,.92),rgba(18,36,56,.92));
  border:1px solid rgba(169,184,201,.18);
  clip-path:polygon(var(--notch) 0,100% 0,100% 100%,0 100%,0 var(--notch));
  border-radius:0 10px 10px 10px}
.k-node__ico{width:38px;height:38px;flex:none;display:grid;place-items:center;color:#fff;
  background:rgba(196,31,42,.2);clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px)}
.k-node__ico .k-ico{width:21px;height:21px}
.k-node__ico .k-ico__dot{fill:var(--red-soft)}
.k-node__txt{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.k-node b{font-weight:600;font-size:.95rem;color:#fff;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.k-node em{font-style:normal;font-size:.8125rem;color:#8fdcc0}

/* الجوال: شبكة 2×2 متدرّجة بدل المسار الحر */
@media(max-width:639px){
  .k-flow{aspect-ratio:auto!important;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
  .k-flow__svg{display:none}
  .k-node{position:relative;left:auto!important;top:auto!important;width:auto!important;height:auto!important;
    min-height:64px;padding:.55rem .7rem}
  .k-node:nth-of-type(odd){transform:translateY(14px)}
  .k-flow{padding-bottom:14px}
  .k-node__ico{width:32px;height:32px}
  .k-node b{font-size:.875rem;white-space:normal}
}

/* ==========================================================================
   مساران يعلوان حافة البطل: خدمات جاهزة (فاتح) وحلول مخصصة (داكن بقصّة 45°)
   ========================================================================== */
.rk-paths{position:relative;z-index:2;margin-top:clamp(-3.75rem,-4vw,-2.75rem);padding-bottom:var(--sec)}
.rk-paths__grid{display:grid;gap:clamp(1rem,2vw,1.5rem)}
@media(min-width:900px){.rk-paths__grid{grid-template-columns:1fr 1fr}}
.rk-path{display:flex;flex-direction:column;gap:1rem;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:clamp(1.25rem,2.2vw,1.75rem);box-shadow:0 18px 40px -28px rgba(7,17,29,.35)}
.rk-path--custom{background:var(--navy-900);border-color:var(--navy-800);color:#fff;
  clip-path:polygon(0 0,calc(100% - var(--notch)) 0,100% var(--notch),100% 100%,0 100%)}
.rk-path__head h3{font-size:var(--h3)}
.rk-path--custom .rk-path__head h3{color:#fff}
.rk-path__head p{color:var(--muted);font-size:var(--small);margin-top:.2rem}
.rk-path--custom .rk-path__head p{color:var(--steel-2)}
.rk-path__list{list-style:none;padding:0;display:grid;border-top:1px solid var(--line)}
.rk-path--custom .rk-path__list{border-color:var(--navy-700)}
.rk-path__list li{border-bottom:1px solid var(--line)}
.rk-path--custom .rk-path__list li{border-color:var(--navy-700)}
.rk-path__list a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:.85rem;
  padding:.8rem .25rem;text-decoration:none;min-height:56px}
.rk-path__list a:hover .rk-path__name{color:var(--red)}
.rk-path--custom .rk-path__list a:hover .rk-path__name{color:var(--red-soft)}
.rk-path__list .k-ico{color:var(--navy-700)}
.rk-path--custom .rk-path__list .k-ico{color:var(--steel-2)}
.rk-path--custom .k-ico__dot{fill:var(--red-soft)}
.rk-path__name{display:flex;flex-direction:column;font-weight:600;line-height:1.35;transition:color .16s}
.rk-path__name small{font-weight:400;font-size:.875rem;color:var(--muted);margin-top:.1rem}
.rk-path--custom .rk-path__name small{color:var(--steel-2)}
.rk-path__price{font-size:.875rem;color:var(--muted);white-space:nowrap;text-align:end}
.rk-path__price b{font-size:1.0625rem;font-weight:600;color:var(--ink)}
.rk-path--custom .rk-path__price{color:var(--steel-2)}
.rk-path .rk-btn{align-self:flex-start;margin-top:auto}
@media(max-width:420px){
  .rk-path__list a{grid-template-columns:auto 1fr;row-gap:.15rem}
  .rk-path__price{grid-column:2;text-align:start}
}

/* ==========================================================================
   الباقات
   ========================================================================== */
.rk-plans{display:grid;gap:1rem;align-items:stretch}
@media(min-width:860px){.rk-plans{grid-template-columns:repeat(3,1fr)}}
.rk-plan{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:var(--pad);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
.rk-plan h3{font-size:1.125rem}
.rk-plan__for{font-size:.875rem;color:var(--muted)}
.rk-plan__price{display:flex;align-items:baseline;gap:.35rem;margin:.35rem 0 .15rem;
  padding-bottom:.8rem;border-bottom:1px dashed var(--line-2)}
.rk-plan__price b{font-size:2.125rem;font-weight:600;line-height:1;letter-spacing:-.02em}
.rk-plan__price span{font-size:.8125rem;color:var(--muted)}
.rk-plan .rk-dia{margin-block:.25rem .6rem}
.rk-plan .rk-btn{margin-top:auto}
.rk-plan__more{align-self:center;font-size:.8125rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.rk-plan__more:hover{color:var(--ink)}

/* الموصى بها: تنعكس ألوانها وتُقصّ زاويتها — مميزة بلا تضخيم */
.rk-plan.is-pick{background:var(--navy-900);border-color:var(--navy-900);color:#fff;
  clip-path:polygon(22px 0,100% 0,100% 100%,0 100%,0 22px);border-radius:0 var(--r) var(--r) var(--r)}
.rk-plan.is-pick h3,.rk-plan.is-pick .rk-plan__price b{color:#fff}
.rk-plan.is-pick .rk-plan__for,.rk-plan.is-pick .rk-plan__price span,.rk-plan.is-pick .rk-plan__more{color:var(--steel-2)}
.rk-plan.is-pick .rk-plan__price{border-bottom-color:rgba(169,184,201,.28)}
.rk-plan.is-pick .rk-dia li::before{background:var(--red-soft)}
.rk-plan.is-pick .rk-plan__more:hover{color:#fff}
.rk-plan__tag{position:absolute;top:1.05rem;inset-inline-end:1.5rem;font-size:.75rem;font-weight:600;
  color:var(--red-soft);display:inline-flex;align-items:center;gap:.4rem}
.rk-plan__tag::before{content:"";width:6px;height:6px;background:currentColor;transform:rotate(45deg)}

/* ==========================================================================
   الدعوة الختامية: العلامة بأوضح حضور
   ========================================================================== */
.rk-cta{position:relative;overflow:hidden;background:var(--navy-950);color:#fff;isolation:isolate;
  padding-block:clamp(3rem,5vw,4.25rem)}
.rk-cta__mark{position:absolute;z-index:-1;inset-block:-10%;inset-inline-end:-4%;width:min(46vw,520px);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cg stroke-linejoin='miter' stroke-linecap='butt'%3E%3Cpath d='M40 390 250 180 320 250' stroke='%238f1a23' stroke-width='28'/%3E%3Cpath d='M120 400 330 190' stroke='%238f1a23' stroke-opacity='.75' stroke-width='28'/%3E%3Cpath d='M-10 320 190 120 140 70' stroke='%237b8fa6' stroke-opacity='.35' stroke-width='28'/%3E%3Cpath d='M200 400 400 200' stroke='%237b8fa6' stroke-opacity='.2' stroke-width='28'/%3E%3C/g%3E%3Cpath d='M300 70l20 20-20 20-20-20z' fill='%23c41f2a'/%3E%3Cpath d='M350 120l15 15-15 15-15-15z' fill='%23c41f2a' fill-opacity='.7'/%3E%3C/svg%3E") no-repeat center/contain;
  opacity:.9}
.rk-cta__in{max-width:var(--wrap)}
.rk-cta h2{color:#fff;font-size:var(--h2)}
.rk-cta h2+.rk-actions{margin-top:1.25rem}
.rk-cta p{color:var(--steel-2);margin-top:.45rem}
.rk-cta .rk-actions{margin-top:1.4rem;gap:1.1rem}
.rk-cta .rk-link{color:#dbe4ee}
.rk-cta .rk-link:hover{color:#fff}
@media(max-width:759px){.rk-cta__mark{opacity:.35;width:78vw;inset-inline-end:-30%}}

/* ==========================================================================
   الصفحات الداخلية
   ========================================================================== */
.rk-ihero{position:relative;overflow:hidden;color:#fff;isolation:isolate;
  background:linear-gradient(160deg,var(--navy-800) 0%,var(--navy-900) 50%,var(--navy-950) 100%);
  padding-block:calc(var(--header-h) + clamp(1.25rem,2.5vw,2rem)) clamp(2rem,3.5vw,2.75rem)}
.rk-ihero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(135deg,rgba(123,143,166,.07) 0 2px,transparent 2px 30px);
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 60%);mask-image:linear-gradient(90deg,#000,transparent 60%)}
.rk-ihero__grid{display:grid;gap:clamp(1.5rem,3vw,2.5rem);align-items:center}
@media(min-width:960px){.rk-ihero__grid.has-visual{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}}
.rk-ihero h1{color:#fff;font-size:var(--h1-in);line-height:1.22;max-width:18ch}
.rk-ihero .rk-lead{color:var(--steel-2);margin-top:.6rem}
.rk-ihero .rk-actions{margin-top:1.3rem}
.rk-ihero .k-flow{max-width:460px}
.rk-ihero .k-node{padding:0 .75rem}
.rk-ihero .k-node b{font-size:.875rem}
.rk-ihero .k-node em{font-size:.78rem}
.rk-ihero .k-node__ico{width:34px;height:34px}
@media(max-width:959px){.rk-ihero .k-flow{display:none}}
.rk-ihero--center{text-align:start}
.rk-ihero--slim{padding-block:calc(var(--header-h) + 1rem) 1.6rem}
.rk-ihero--slim h1{font-size:clamp(1.75rem,1.6rem + .6vw,2.125rem)}
.rk-crumb{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-size:.8125rem;color:var(--steel-2);margin-bottom:.7rem}
.rk-crumb a{color:var(--steel-2);text-decoration:none}
.rk-crumb a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.rk-crumb i{width:4px;height:4px;background:var(--steel);transform:rotate(45deg)}

/* كتل المحتوى الداخلي */
.rk-prose{max-width:62ch}
.rk-prose p{color:var(--muted)}
.rk-prose p+p{margin-top:.85rem}
.rk-prose a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

.rk-grid{display:grid;gap:0;border-top:1px solid var(--line)}
@media(min-width:760px){.rk-grid{grid-template-columns:repeat(3,1fr);border-top:0}}
.rk-grid article{padding:1.25rem 0;border-bottom:1px solid var(--line)}
@media(min-width:760px){
  .rk-grid article{padding:.25rem clamp(1rem,2.2vw,1.75rem) .25rem 0;border-bottom:0}
  .rk-grid article+article{padding-inline-start:clamp(1rem,2.2vw,1.75rem);border-inline-start:1px solid var(--line)}
}
.rk-grid h3{font-size:1.0625rem;margin-bottom:.35rem;display:flex;align-items:center;gap:.55rem}
.rk-grid h3::before{content:"";width:7px;height:7px;background:var(--red);transform:rotate(45deg);flex:none}
.rk-grid p{color:var(--muted);font-size:var(--small);line-height:1.65}

.rk-dia.rk-list{display:block;columns:2 22rem;column-gap:2.5rem}
.rk-dia.rk-list li{break-inside:avoid;margin-bottom:.6rem}

.rk-steps-in{list-style:none;padding:0;display:grid;gap:.6rem;counter-reset:s}
@media(min-width:760px){.rk-steps-in{grid-template-columns:repeat(4,1fr)}}
.rk-steps-in li{counter-increment:s;position:relative;padding:.95rem 1rem .95rem 1rem;background:var(--paper);
  border:1px solid var(--line);font-size:var(--small);font-weight:600;
  clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px)}
.rk-steps-in li::before{content:counter(s);display:block;font-size:.75rem;color:var(--red);font-weight:600;margin-bottom:.2rem;
  font-variant-numeric:tabular-nums}

.rk-faq{max-width:52rem;display:grid;gap:0;border-top:1px solid var(--line)}
.rk-faq details{border-bottom:1px solid var(--line)}
.rk-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.95rem 0;font-weight:600;font-size:1rem;min-height:48px}
.rk-faq summary::-webkit-details-marker{display:none}
.rk-faq summary::after{content:"";width:8px;height:8px;flex:none;border-inline-end:2px solid var(--muted);
  border-block-end:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s}
.rk-faq details[open] summary::after{transform:rotate(225deg)}
.rk-faq p{color:var(--muted);font-size:var(--small);padding:0 0 1rem;max-width:64ch}

/* ── التواصل ───────────────────────────────────────────────────────── */
.rk-contact{display:grid;gap:1rem;align-items:start}
@media(min-width:860px){.rk-contact{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}}
.rk-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:var(--pad)}
.rk-contact__list{list-style:none;padding:0;display:grid;gap:0}
.rk-contact__list li{display:flex;gap:.8rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--line)}
.rk-contact__list li:last-child{border-bottom:0;padding-bottom:0}
.rk-contact__list li:first-child{padding-top:0}
.rk-contact__list .k-ico{color:var(--navy-700)}
.rk-contact__list span{display:block;font-size:.78rem;color:var(--muted);line-height:1.3}
.rk-contact__list a,.rk-contact__list b{font-weight:600;font-size:.95rem;color:var(--ink);text-decoration:none}
.rk-contact__list a:hover{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.rk-contact__note{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted);line-height:1.65}

.rk-form .wpcf7-form .row{display:grid;grid-template-columns:1fr;gap:.85rem;margin:0}
@media(min-width:560px){.rk-form .wpcf7-form .row{grid-template-columns:1fr 1fr}}
.rk-form .wpcf7-form .row > div{width:auto;max-width:none;padding:0;margin:0!important}
.rk-form .wpcf7-form .row > div:nth-last-child(-n+2){grid-column:1/-1}
.rk-form label.royat-sr-only{position:static!important;width:auto;height:auto;margin:0 0 .35rem;clip:auto;
  white-space:normal;overflow:visible;display:block;font-size:.8125rem;font-weight:600;color:var(--ink)}
.rk-form input[type=text],.rk-form input[type=email],.rk-form input[type=tel],.rk-form textarea{
  width:100%;height:46px;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:0 .85rem;
  font:inherit;font-size:.95rem;color:var(--ink);background:var(--paper);transition:border-color .15s,box-shadow .15s}
.rk-form textarea{height:132px!important;min-height:0;padding:.7rem .85rem;resize:vertical}
.rk-form input:focus,.rk-form textarea:focus{outline:none;border-color:var(--navy-700);box-shadow:0 0 0 3px rgba(196,31,42,.18)}
.rk-form button[type=submit]{height:var(--btn);width:100%;border:0;border-radius:var(--r-sm);background:var(--red);color:#fff;
  font:inherit;font-weight:600;cursor:pointer;margin-top:.25rem}
.rk-form button[type=submit]:hover{background:var(--red-dark)}
.rk-form button[type=submit]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.rk-form .wpcf7-not-valid-tip{font-size:.8rem;color:var(--red-dark);margin-top:.3rem}
.rk-form .wpcf7-response-output{margin:1rem 0 0!important;padding:.7rem .9rem!important;border-radius:var(--r-sm);font-size:.9rem;
  border:1px solid var(--line-2)!important;background:var(--paper-2)}
.rk-form .wpcf7-form.sent .wpcf7-response-output{border-color:#8fdcc0!important;background:#effaf5}
.rk-form .wpcf7-form.invalid .wpcf7-response-output,.rk-form .wpcf7-form.failed .wpcf7-response-output{border-color:#f0b8bc!important;background:#fdf1f2}

/* ── الصفحات النظامية ──────────────────────────────────────────────── */
.rk-legal{padding-block:clamp(2rem,4vw,3rem)}
.rk-legal__grid{display:grid;gap:2rem;align-items:start}
@media(min-width:1024px){.rk-legal__grid{grid-template-columns:230px minmax(0,1fr)}}
.rk-toc{font-size:.875rem;border-inline-start:2px solid var(--line);padding-inline-start:1rem}
@media(min-width:1024px){.rk-toc{position:sticky;top:calc(var(--header-h) + 1.25rem)}}
.rk-toc b{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:.5rem;font-weight:600}
.rk-toc ol{list-style:none;padding:0;display:grid;gap:.35rem}
.rk-toc a{color:var(--muted);text-decoration:none;line-height:1.5}
.rk-toc a:hover{color:var(--ink)}
.rk-doc{max-width:70ch;font-size:1.0625rem;line-height:1.9}
.rk-doc h2{font-size:1.3125rem;margin:2.25rem 0 .6rem;scroll-margin-top:calc(var(--header-h) + 1rem);
  display:flex;align-items:center;gap:.6rem}
.rk-doc h2::before{content:"";width:8px;height:8px;background:var(--red);transform:rotate(45deg);flex:none}
.rk-doc > :first-child{margin-top:0}
.rk-doc h3{font-size:1.0625rem;margin:1.5rem 0 .4rem}
.rk-doc p{margin:0 0 1rem;color:#3a4657}
.rk-doc ul,.rk-doc ol{margin:0 0 1.1rem;padding-inline-start:1.3rem;color:#3a4657}
.rk-doc li{margin-bottom:.35rem}
.rk-doc a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.rk-doc strong{color:var(--ink);font-weight:600}

/* ── 404 والبحث ────────────────────────────────────────────────────── */
.rk-results{list-style:none;padding:0;display:grid;border-top:1px solid var(--line);max-width:52rem}
.rk-results li{padding:1rem 0;border-bottom:1px solid var(--line)}
.rk-results a{font-weight:600;color:var(--ink);text-decoration:none}
.rk-results a:hover{color:var(--red)}
.rk-results p{font-size:var(--small);color:var(--muted);margin-top:.2rem}
.rk-search{display:flex;gap:.5rem;max-width:30rem;margin-top:1.4rem}
.rk-search input{flex:1;height:46px;border:1px solid rgba(169,184,201,.35);border-radius:var(--r-sm);padding:0 .85rem;
  font:inherit;font-size:.95rem;background:rgba(255,255,255,.06);color:#fff}
.rk-search input::placeholder{color:var(--steel-2)}
.rk-search input:focus{outline:none;border-color:#fff}
.rk-search button{height:46px;padding:0 1.2rem;border:0;border-radius:var(--r-sm);background:var(--red);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.rk-quick{list-style:none;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
@media(min-width:760px){.rk-quick{grid-template-columns:repeat(3,1fr);border-top:0}}
.rk-quick a{display:flex;align-items:center;gap:.8rem;padding:1rem 0;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}
@media(min-width:760px){.rk-quick a{border-bottom:0;padding:.3rem 1.5rem .3rem 0}.rk-quick li+li a{border-inline-start:1px solid var(--line);padding-inline-start:1.5rem}}
.rk-quick .k-ico{color:var(--navy-700)}
.rk-quick b{font-weight:600;display:block}
.rk-quick span{font-size:.875rem;color:var(--muted)}
.rk-quick a:hover b{color:var(--red)}

/* ==========================================================================
   الفوتر
   ========================================================================== */
.rk-foot{position:relative;background:var(--navy-900);color:var(--steel-2);font-size:.875rem;
  padding-block:clamp(2rem,3.5vw,2.5rem) 0}
.rk-foot::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:var(--navy-700)}
.rk-foot::after{content:"";position:absolute;top:-4px;inset-inline-start:max(1.125rem,calc((100% - var(--wrap))/2 + 2rem));
  width:9px;height:9px;background:var(--red);transform:rotate(45deg)}
.rk-foot a{color:#d7e0ea;text-decoration:none}
.rk-foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.rk-foot__grid{display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.rk-foot__grid{grid-template-columns:1.3fr 1fr 1fr 1.2fr}}
.rk-foot__brand{grid-column:1/-1}
@media(min-width:900px){.rk-foot__brand{grid-column:auto}}
.rk-foot h3,.rk-foot__name{color:#fff;font-size:.875rem;font-weight:600;margin:0 0 .55rem}
.rk-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.rk-foot__about{color:var(--steel);font-size:.8125rem;max-width:26ch;line-height:1.6}
.rk-foot__social{display:flex;gap:.4rem;margin-top:.8rem}
.rk-foot__social a{width:36px;height:36px;display:grid;place-items:center;color:#d7e0ea;
  border:1px solid var(--navy-700);clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px)}
.rk-foot__social a:hover{background:var(--navy-800);color:#fff;text-decoration:none}
.rk-foot__social svg{width:16px;height:16px}
.rk-foot__bottom{margin-top:1.75rem;border-top:1px solid var(--navy-800);padding-block:.9rem;
  display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;justify-content:space-between;font-size:.8125rem;color:var(--steel)}

/* ==========================================================================
   الهيدر (مشترك على كل قوالبنا)
   ========================================================================== */
.royat-home-page .tg-header__area{padding-block:0}
.royat-home-page .tg-header__area .row{min-height:var(--header-h)}
.royat-home-page .tg-header__area .container{max-width:calc(var(--wrap) + 4rem);padding-inline:clamp(1.125rem,3vw,2rem)}
.royat-home-page .logo img,.royat-home-page .nav-logo img{max-width:none!important;height:50px!important;width:auto!important}
@media(max-width:991px){.royat-home-page .logo img,.royat-home-page .nav-logo img{height:40px!important}}
.royat-home-page .tgmenu__navbar-wrap ul li a{font-family:var(--f)!important;font-size:.94rem!important;font-weight:400!important;
  position:relative;color:#dfe7f0!important}
.royat-home-page .tgmenu__navbar-wrap > ul > li > a::before{content:"";position:absolute;inset-inline-start:50%;bottom:.55rem;
  width:6px;height:6px;background:var(--red);transform:translateX(50%) rotate(45deg) scale(0);transition:transform .18s}
.royat-home-page .tgmenu__navbar-wrap > ul > li > a:hover::before,
.royat-home-page .tgmenu__navbar-wrap > ul > li > a:focus-visible::before,
.royat-home-page .tgmenu__navbar-wrap > ul > li.current-menu-item > a::before{transform:translateX(50%) rotate(45deg) scale(1)}
.royat-home-page .tgmenu__navbar-wrap > ul > li > a:hover{color:#fff!important}
.royat-home-page .tgmenu__btn-box{display:flex;align-items:center;gap:.5rem}
.royat-home-page .tgmenu__btn-box a{font-family:var(--f)!important}
.royat-home-page .r-nav-cta{display:inline-flex;align-items:center;height:40px;line-height:1;padding:0 1.05rem;border-radius:var(--r-sm);
  font-weight:600;font-size:.9rem;text-decoration:none;background:var(--red);color:#fff;border:1.5px solid var(--red)}
.royat-home-page .r-nav-cta:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}
.royat-home-page .tgmenu__btn-box > a.tg-btn-gradient{background:none!important;background-image:none!important;
  border:1.5px solid rgba(255,255,255,.3)!important;color:#fff!important;border-radius:var(--r-sm)!important;
  height:40px!important;min-height:0!important;line-height:1!important;display:inline-flex!important;align-items:center;
  padding:0 1.05rem!important;font-weight:600!important;font-size:.9rem!important}
.royat-home-page .tgmenu__btn-box > a.tg-btn-gradient:hover{border-color:#fff!important;background:rgba(255,255,255,.08)!important}
@media(max-width:991px){.royat-home-page .r-nav-cta{display:none}}
@media(min-width:992px){
  .royat-home-page .mobile-nav-toggler{display:none!important}
  .royat-home-page .tg-header__area .row > [class*="col-"].d-none{display:block!important}
  .royat-home-page .tg-header__area .row{flex-wrap:nowrap;align-items:center}
  .royat-home-page .tg-header__area .row > [class*="col-"]:first-child{flex:0 0 auto;width:auto;max-width:none}
  .royat-home-page .tg-header__area .row > [class*="col-"]:nth-child(2){flex:1 1 auto;width:auto;max-width:none}
  .royat-home-page .tg-header__area .row > [class*="col-"]:last-child{flex:0 0 auto;width:auto;max-width:none}
  .royat-home-page .tgmenu__navbar-wrap.tgmenu__main-menu{display:block!important}
  .royat-home-page .tgmenu__navbar-wrap > ul{display:flex;justify-content:center;margin:0;padding:0;list-style:none;flex-wrap:nowrap}
}
@media(max-width:991px){
  .royat-home-page .tgmenu__navbar-wrap.tgmenu__main-menu{display:none!important}
  .royat-home-page .mobile-nav-toggler{display:inline-grid!important}
}
.royat-home-page .tgmobile__menu-box{font-family:var(--f)}
.royat-home-page .tgmobile__menu-box,.royat-home-page .tgmobile__menu .menu-box{background:var(--navy-900)!important}

/* أيقونتا قائمة الجوال (الصفحة لا تحمّل Font Awesome) */
i.fa-bars,i.fa-xmark{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.15em;background-color:currentColor;
  -webkit-mask:no-repeat center/contain;mask:no-repeat center/contain}
i.fa-bars{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v2H3zM3 11h18v2H3zM9 16h12v2H9z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v2H3zM3 11h18v2H3zM9 16h12v2H9z'/%3E%3C/svg%3E")}
i.fa-xmark{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.4 4.2 19.8 5.6 13.4 12l6.4 6.4-1.4 1.4L12 13.4l-6.4 6.4-1.4-1.4L10.6 12 4.2 5.6l1.4-1.4L12 10.6z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.4 4.2 19.8 5.6 13.4 12l6.4 6.4-1.4 1.4L12 13.4l-6.4 6.4-1.4-1.4L10.6 12 4.2 5.6l1.4-1.4L12 10.6z'/%3E%3C/svg%3E")}
.mobile-nav-toggler{min-width:44px;min-height:44px;display:inline-grid;place-items:center}
.tgmenu__navbar-wrap ul li.menu-item-has-children > a::after{content:"";display:inline-block;width:6px;height:6px;
  border-inline-end:1.6px solid currentColor;border-block-end:1.6px solid currentColor;transform:rotate(45deg);margin-inline-start:6px;vertical-align:2px}
/* القائمة المنسدلة: الثيم يفتحها بالمرور فقط وبتموضع LTR — تُفتح هنا بالتركيز
   أيضًا (لوحة المفاتيح)، وتبدأ من حافة البند في RTL، وبنفس ألوان الهوية. */
@media(min-width:992px){
  .tgmenu__navbar-wrap > ul > li{position:relative}
  .tgmenu__navbar-wrap ul li .sub-menu{left:auto!important;right:auto!important;inset-inline-start:-.6rem!important;
    min-width:240px;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--r-sm);
    padding:.45rem 0!important;box-shadow:0 18px 40px -20px rgba(7,17,29,.45);text-align:start;z-index:60}
  .tgmenu__navbar-wrap ul li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:scale(1)}
  .tgmenu__navbar-wrap ul li .sub-menu li{text-align:start!important;margin:0!important}
  .tgmenu__navbar-wrap ul li .sub-menu li a{color:var(--ink)!important;padding:.55rem 1.1rem!important;font-size:.9rem!important;
    line-height:1.4!important;margin:0!important}
  .tgmenu__navbar-wrap ul li .sub-menu li a::before{display:none!important}
  .tgmenu__navbar-wrap ul li .sub-menu > li:hover > a,
  .tgmenu__navbar-wrap ul li .sub-menu > li > a:focus-visible{color:var(--red)!important;background:var(--paper-2);margin:0!important}
  .tgmenu__navbar-wrap ul li .sub-menu li.current-menu-item > a{color:var(--red)!important}
}
.tgmobile__menu .dropdown-btn{min-width:44px;min-height:44px}

/* ==========================================================================
   شريط الموافقة — شكل فقط، المنطق كما هو
   ========================================================================== */
#royat-consent{background:var(--navy-950)!important;border-top:1px solid var(--navy-700);color:#dfe7f0!important;
  font-family:var(--f)!important;box-shadow:0 -10px 30px rgba(7,17,29,.28)!important;padding:10px 16px!important;font-size:13.5px!important}
#royat-consent .rc-wrap{gap:10px!important;max-width:var(--wrap)}
#royat-consent a{color:#fff!important}
#royat-consent button{font-family:var(--f)!important;min-height:38px;border-radius:9px!important;min-width:84px}
#royat-consent .rc-accept{background:var(--red)!important;border:1.5px solid var(--red)!important;color:#fff!important}
#royat-consent .rc-reject{background:transparent!important;border:1.5px solid rgba(223,231,240,.45)!important;color:#fff!important}
#royat-consent .rc-manage{color:var(--steel-2)!important}
@media(max-width:767px){
  #royat-consent{padding:8px 11px!important;font-size:12px!important;line-height:1.5!important}
  #royat-consent .rc-wrap{gap:6px!important}
  #royat-consent p{flex:1 1 100%!important;margin:0!important}
  #royat-consent .rc-actions{width:100%;display:flex;gap:6px}
  #royat-consent .rc-actions button{flex:1 1 0;min-height:38px;padding:0 .35rem!important;font-size:12.5px!important;min-width:0}
  #royat-consent .rc-detail{font-size:11.5px!important;max-height:34vh;overflow:auto}
}

/* ==========================================================================
   الحركة: خفيفة، وتتوقف لمن يطلب تقليلها
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  .k-flow__spine{animation:none}
  .rk *,.rk *::before,.rk *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* باقتان فقط (البريد): عمودان متوازنان بدل ثلاثة يبقى أحدها فارغًا */
@media(min-width:860px){.rk-plans--2{grid-template-columns:repeat(2,1fr);max-width:800px}}
.rk bdi{unicode-bidi:isolate;direction:ltr}

/* زر «دخول العملاء» في هيدر الجوال: كان يلتف سطرين عند 390 ويُقصّ عند 320 */
.royat-home-page .tgmenu__btn-box > a.tg-btn-gradient{white-space:nowrap!important}
@media(max-width:991px){
  .royat-home-page .tgmenu__btn-box > a.tg-btn-gradient{display:inline-flex!important;height:38px!important;
    padding:0 .8rem!important;font-size:.84rem!important}
  .royat-home-page .tgmenu__btn-box{gap:.35rem}
}
@media(max-width:359px){
  .royat-home-page .tgmenu__btn-box > a.tg-btn-gradient{padding:0 .6rem!important;font-size:.8rem!important}
  .royat-home-page .logo img,.royat-home-page .nav-logo img{height:34px!important}
}
@media(max-width:991px){
  .royat-home-page .tg-header__area .row{flex-wrap:nowrap;align-items:center}
  .royat-home-page .tg-header__area .row > [class*="col-"]{width:auto;max-width:none;flex:0 0 auto}
  .royat-home-page .tg-header__area .row > [class*="col-"]:last-child{flex:1 1 auto}
  .royat-home-page .tg-header__area .row > [class*="col-"]:last-child{display:flex;justify-content:flex-end}
  .royat-home-page .tgmenu__btn-box{justify-content:flex-end;margin-inline-start:auto;width:auto}
  .royat-home-page .tgmenu__btn-box > a.tg-btn-gradient{flex:0 0 auto!important;width:auto!important;max-width:none!important;overflow:visible!important}
}
/* القالب يضع هامش 30px يسار زر القائمة، فيبتعد عن الحافة ضعف بُعد الشعار عن الحافة المقابلة */
@media(max-width:991px){.royat-home-page .mobile-nav-toggler{margin:0!important}}

/* ==========================================================================
   مسرح البطل: الشعار يتّسع خلف التدرّج
   --------------------------------------------------------------------------
   المقارنة مع بارع أظهرت أن التدرّج وحده يُقرأ عنصرًا ثانويًا بجوار العنوان.
   الحل من الشعار لا من خارجه: خطوط «رؤيات» الكوفية المائلة تتّسع خلف العُقد
   بشفافية، فيصير المسار نابعًا من العلامة نفسها — لحظة بصرية لا يملكها غير
   رؤيات، بلا صورة ولا توهّج عام.
   ========================================================================== */
.rk-stage{position:relative;isolation:isolate}
.rk-stage::before{content:"";position:absolute;z-index:-1;inset:-14% -10% -10% -18%;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cg stroke-linejoin='miter' stroke-linecap='butt'%3E%3Cpath d='M40 390 250 180 320 250' stroke='%238f1a23' stroke-opacity='.55' stroke-width='30'/%3E%3Cpath d='M120 400 330 190' stroke='%238f1a23' stroke-opacity='.38' stroke-width='30'/%3E%3Cpath d='M-10 320 190 120 140 70' stroke='%237b8fa6' stroke-opacity='.18' stroke-width='30'/%3E%3Cpath d='M200 400 400 200' stroke='%237b8fa6' stroke-opacity='.1' stroke-width='30'/%3E%3C/g%3E%3Cpath d='M300 70l20 20-20 20-20-20z' fill='%23c41f2a' fill-opacity='.8'/%3E%3Cpath d='M350 120l15 15-15 15-15-15z' fill='%23c41f2a' fill-opacity='.55'/%3E%3C/svg%3E") no-repeat center/contain;
  opacity:.85}
@media(max-width:639px){.rk-stage::before{inset:-6% -20% -4% -20%;opacity:.35}}

/* عُقد أوضح: حدّ أفتح، وإضاءة علوية رفيعة، وظل يعطي طبقة فوق الخطوط */
.rk-hero .k-node{border-color:rgba(169,184,201,.3);
  background:linear-gradient(180deg,rgba(34,58,86,.96),rgba(19,37,58,.96));
  filter:drop-shadow(0 14px 22px rgba(3,9,17,.55))}
.rk-hero .k-node b{font-size:1rem}
.rk-hero .k-node em{font-size:.84rem}
.rk-hero .k-node__ico{width:40px;height:40px;background:rgba(196,31,42,.3)}
/* المسار: أعرض، بلمعة خفيفة على الخط وحده */
.rk-hero .k-flow__spine{stroke-width:2.75;stroke-dasharray:10 6;filter:drop-shadow(0 0 5px rgba(255,90,100,.55))}
.rk-hero .k-flow__dot{filter:drop-shadow(0 0 4px rgba(255,90,100,.7))}
.rk-hero .k-flow__stub{stroke:rgba(169,184,201,.7)}