/* =====================================================================
   إيروبا — أنماط الموقع
   الفكرة: صفحات فاتحة دافئة مريحة للعين، والأحمر لونٌ للتأكيد لا للخلفيات،
   وحلقة O من الشعار (قوس أحمر وقوس داكن) عنصرًا متكررًا.
   كل الاتجاهات بخصائص منطقية (inline/block) لتعمل العربية والإنجليزية بنفس الملف.
   ===================================================================== */

/* ---------- الخطوط (نسخ أصلية مستضافة ذاتيًا) ---------- */
@font-face{font-family:"Readex Pro";font-weight:600;font-display:swap;src:url(/assets/fonts/readex-pro-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-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-weight:700;font-display:swap;src:url(/assets/fonts/readex-pro-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-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-weight:600;font-display:swap;src:url(/assets/fonts/readex-pro-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Reem Kufi";font-weight:700;font-display:swap;src:url(/assets/fonts/reem-kufi-arabic-700-normal.woff2) format("woff2")}
@font-face{font-family:"Readex Pro";font-weight:700;font-display:swap;src:url(/assets/fonts/readex-pro-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-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:"IBM Plex Sans Arabic";font-weight:600;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-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:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-arabic-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- الرموز (فاتح فقط، عمدًا) ---------- */
:root{
  --paper:#FFFFFF; --alt:#FAF4F2; --canvas:var(--alt); --soft:var(--alt); --ink:#1F1D22; --graphite:#4B4650; --mute:#766F78;
  --rule:#ECE5E2; --blush:#FCEFF1; --rose:#F6D6DC; --red:#C8102E; --red-hover:#A50D26; --on-red:#FFFFFF;
  --band:#FFFFFF; --band-ink:#1F1D22; --band-mute:#766F78; --band-rule:#ECE5E2;
  --black:#24212A; --on-black:#F3F1F2; --on-black-mute:#B9B2BA;
  --c1:#1F1D22; --c2:#C8102E; --c3:#E36A7E; --c4:#F3B6C0; --c5:#7E7680; --c6:#B5AEB6; --c7:#6B2633; --c8:#DDD7D9; --c9:#A8485A;
  --R:"Readex Pro",system-ui,sans-serif; --P:"IBM Plex Sans Arabic",system-ui,sans-serif;
  --wrap:1200px; --gut:clamp(16px,4vw,40px); --sec:clamp(64px,8.5vw,120px);
  --rad:20px; --hair:1px; --shadow:0 1px 2px rgba(31,29,34,.05),0 12px 32px -16px rgba(31,29,34,.18);
  color-scheme:light;
}

/* ---------- الأساس ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:92px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.85 var(--P);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,fieldset{margin:0;padding:0}
fieldset{border:0;min-width:0}
ul,ol{list-style:none}
a{color:inherit}
bdi{unicode-bidi:isolate}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:16px;top:-64px;z-index:60;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:8px;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:calc(var(--wrap) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.ic{width:1em;height:1em;flex:none}
[hidden]{display:none!important}

/* ---------- الطباعة ---------- */
.h2{font:700 clamp(30px,4vw,52px)/1.2 var(--R);letter-spacing:-.02em;text-wrap:balance}
.dh{font:700 clamp(34px,5vw,68px)/1.12 var(--R);letter-spacing:-.025em;text-wrap:balance;max-width:22ch}
.dlead{margin-top:16px;font-size:clamp(17px,1.6vw,20px);line-height:1.85;max-width:62ch;text-wrap:pretty;color:var(--graphite)}
.h3{font:700 clamp(22px,2.2vw,27px)/1.35 var(--R);text-wrap:balance}
.h4{font:700 19px/1.4 var(--R)}
.lead{margin-top:14px;font-size:clamp(17px,1.5vw,19px);color:var(--graphite);max-width:64ch;text-wrap:pretty}
.shead{max-width:780px;margin-block-end:clamp(32px,4.5vw,52px)}
.tiny{font-size:13.5px;line-height:1.7;color:var(--mute)}
.aside-note{margin-top:28px;padding-inline-start:18px;border-inline-start:3px solid var(--red);color:var(--graphite);max-width:72ch}
.more{display:inline-block;margin-top:32px;font:700 16px/1.4 var(--R);color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:7px}
.more:hover{color:var(--red)}
.more--light{color:var(--ink)}
.pull{margin-top:clamp(40px,6vw,72px);font:600 clamp(20px,2.3vw,28px)/1.6 var(--R);max-width:40ch;text-wrap:balance}

/* ---------- الأقسام ---------- */
.sec{padding-block:var(--sec)}
.sec--tight{padding-block:clamp(40px,5vw,64px) var(--sec)}
.sec--soft{background:var(--soft)}
.sec--ledger{background:var(--paper)}
.sec--ink{background:var(--alt)}
.sec--canvas{background:var(--canvas)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px);align-items:start}
.split > .shead{margin:0}
.split--wide{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px)}
@media (max-width:820px){.split,.split--wide,.duo{grid-template-columns:1fr}}

/* ---------- أزرار وروابط ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;
     font:600 16.5px/1.2 var(--R);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.btn .ic{width:21px;height:21px;stroke-width:2}
.btn--red{background:var(--red);color:var(--on-red)}
.btn--red:hover{background:var(--red-hover)}
.btn--ink{background:var(--ink);color:var(--paper)}
.btn--ink:hover{background:var(--red)}
.btn--line{background:transparent;border-color:var(--rule);color:var(--ink)}
.btn--line:hover{border-color:var(--ink)}
.btn--black{background:var(--black);color:#fff}
.btn--black:hover{background:#2A272D}
.btn--white{background:#fff;color:var(--red)}
.btn--white:hover{background:#F3E9EB}
.btn--outline{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.btn--sm{min-height:42px;padding:0 16px;font-size:15px;border-radius:10px}
.btn--lg{min-height:60px;padding:0 30px;font-size:18.5px}
.btn--block{display:flex;width:100%}
.btn:disabled{opacity:.4;cursor:default}

.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border-radius:999px;border:1.5px solid var(--rule);
      background:var(--paper);font:600 15px/1.4 var(--R);cursor:pointer;text-align:start;transition:border-color .15s,background-color .15s}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"],.chip[aria-checked="true"]{border-color:var(--red);background:var(--blush);color:var(--ink)}
.chip__n{font-size:13px;color:var(--mute)}
.chip--static{cursor:default}
.chip--static:hover{border-color:var(--rule)}
.chips-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}
.chips-line > span:first-child{font-size:15px;color:var(--mute);margin-inline-end:4px}

/* ---------- الحلقة O ---------- */
.ring{position:relative;flex:none;display:grid;place-items:center;width:56px;height:56px}
.ring__arcs{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ring__arcs circle{fill:none;stroke-width:6.5;stroke-dasharray:45.28 54.72;transform-box:fill-box;transform-origin:center}
.ring__r{stroke:var(--red);transform:rotate(-171.5deg)}
.ring__k{stroke:var(--ink);transform:rotate(8.5deg)}
.ring .ic{width:44%;height:44%;stroke:var(--red);stroke-width:1.8}
.ring--xs{width:28px;height:28px}
.ring--xs .ring__arcs circle{stroke-width:8}
.ring--sm{width:44px;height:44px}
.ring--lg{width:84px;height:84px}
.ring--xl{width:clamp(120px,16vw,210px);height:clamp(120px,16vw,210px)}
.ring--xl .ring__arcs circle{stroke-width:4.5}
.ring--xl .ic{stroke-width:1.4;width:40%;height:40%}

/* علامة المراجِع */
.tick{width:22px;height:22px;flex:none;margin-top:.28em}
.tick path{fill:none;stroke:var(--red);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.tick--x path{stroke:var(--mute)}
.ticks{display:grid;gap:14px}
.ticks li{display:flex;gap:12px;align-items:flex-start;text-wrap:pretty}
.ticks--2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
@media (max-width:700px){.ticks--2{grid-template-columns:1fr}}


/* ---------- الترويسة: بيضاء شفافة ثابتة ---------- */
.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);
     border-block-end:var(--hair) solid transparent;transition:border-color .2s,box-shadow .2s}
.top.is-scrolled{border-block-end-color:var(--rule);box-shadow:0 6px 24px -18px rgba(31,29,34,.35)}
.top__in{display:flex;align-items:center;gap:20px;min-height:76px}
.brand{flex:none}
.logo{display:block}
.logo img{width:148px;height:auto}
@media (min-width:1201px){.top .logo img{width:168px}}   /* اللوجو أكبر 14% في شريط الكمبيوتر */
.nav{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.nav__list{display:flex;gap:2px}
.nav__link{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border:0;background:none;border-radius:8px;
           font:600 15px/1 var(--R);color:var(--graphite);text-decoration:none;cursor:pointer}
.nav__link:hover,.nav__link[aria-current="page"],.nav__link[aria-expanded="true"]{color:var(--ink)}
.nav__link[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--red);border-radius:0}
.nav__chev{width:16px;height:16px;transition:transform .2s}
.nav__drop[aria-expanded="true"] .nav__chev{transform:rotate(180deg)}
.nav__link,.nav__cta{white-space:nowrap}
.nav__cta{margin-inline-start:10px;min-height:48px;padding:0 20px;font-size:16px;border-radius:12px}
.nav__cta .ic{width:20px;height:20px}
.nav__svc{position:relative}
.drop{position:absolute;top:calc(100% + 14px);inset-inline-start:-12px;width:min(640px,90vw);padding:12px;background:var(--paper);
      border:var(--hair) solid var(--rule);border-radius:var(--rad);box-shadow:var(--shadow)}
.drop ul{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.drop a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;text-decoration:none}
.drop a:hover,.drop a[aria-current="page"]{background:var(--canvas)}
.drop b{display:block;font:700 15.5px/1.4 var(--R)}
.drop small{display:block;font-size:13.5px;line-height:1.5;color:var(--mute)}
.burger{display:none;margin-inline-start:auto;width:48px;height:48px;border:0;background:none;color:var(--ink);border-radius:10px;cursor:pointer}
.burger .ic{width:26px;height:26px;margin:auto}
.burger__close{display:none}
@media (max-width:1200px){
  .burger{display:block}
  .nav{position:fixed;inset:76px 0 0 0;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gut) 32px;
       background:var(--paper);overflow-y:auto;display:none}
  .top.is-open .nav{display:flex}
  .top.is-open .burger__open{display:none}
  .top.is-open .burger__close{display:block}
  .nav__list{flex-direction:column}
  .nav__link{width:100%;justify-content:space-between;padding:18px 0;font-size:18px;border-block-end:var(--hair) solid var(--rule);border-radius:0;color:var(--ink)}
  .nav__link[aria-current="page"]{box-shadow:none;color:var(--red)}
  .drop{position:static;width:auto;padding:4px 0 12px;border:0;box-shadow:none;border-block-end:var(--hair) solid var(--rule);border-radius:0}
  .drop ul{grid-template-columns:1fr}
  .drop a{padding:10px 0}
  .nav__cta{margin:20px 0 0;min-height:54px;font-size:17px}
  body.menu-open{overflow:hidden}
}

/* ---------- مسار الصفحة ---------- */
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--mute)}
.crumbs li:not(:last-child)::after{content:"/";margin-inline-start:6px;color:var(--rule)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.crumbs [aria-current]{color:var(--graphite)}

/* ---------- واجهة الصفحات الداخلية: فاتحة دافئة، وقوسا الحلقة على الحافة ---------- */
.phero{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(48px,7vw,100px) clamp(56px,7vw,104px);background:var(--canvas);border-block-end:var(--hair) solid var(--rule)}
.phero--red{background:var(--alt)}
.phero__arc{position:absolute;z-index:-1;width:min(56vw,600px);inset-inline-end:-14%;top:-40%;overflow:visible;pointer-events:none}
.phero__arc circle{fill:none;stroke-width:5;stroke-dasharray:45.28 54.72;transform-box:fill-box;transform-origin:center}
.phero__a1{stroke:var(--red);opacity:.85;transform:rotate(-171.5deg)}
.phero__a2{stroke:var(--ink);opacity:.12;transform:rotate(8.5deg)}
.phero__in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,5vw,80px);align-items:center}
.phero__title{margin-top:20px;font:700 clamp(34px,5.2vw,66px)/1.16 var(--R);letter-spacing:-.02em;max-width:18ch;text-wrap:balance}
.phero__lead{margin-top:20px;font-size:clamp(17px,1.6vw,20px);line-height:1.85;color:var(--graphite);max-width:60ch;text-wrap:pretty}
.phero__mark{padding-inline-end:clamp(0px,3vw,40px)}
.phero__mark .ring{background:var(--paper);border-radius:50%;box-shadow:var(--shadow)}
.phero__code{font:700 clamp(80px,14vw,170px)/1 var(--R);color:var(--red);letter-spacing:-.03em}
.nf-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:28px}
.nf-links a{font:600 15px/1.5 var(--R)}
@media (max-width:760px){.phero__in{grid-template-columns:1fr}.phero__mark{display:none}.phero__arc{width:70vw;top:-22%;inset-inline-end:-34%}}

/* =====================================================================
   الرئيسية — الترتيب: البيان ← المقارنة ← التكلفة الخفية ← الرقم ← الفكرة ← الخدمات ← المنصات ← الضمانات ← البداية ← الختام
   ===================================================================== */
/* 1) البيان */
.hb{position:relative;overflow:hidden;background:var(--canvas);padding-block:clamp(44px,6vw,88px) 0}
.hb__in{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.hb__title{margin:0}
.hb__old{position:relative;display:inline-block;font:700 clamp(34px,5.4vw,78px)/1.15 var(--R);letter-spacing:-.025em;color:var(--ink)}
.hb__old::after{content:"";position:absolute;inset-inline:-2%;top:54%;height:clamp(5px,.7vw,10px);background:var(--red);border-radius:8px;transform:rotate(-2deg);transform-origin:right}
[dir="ltr"] .hb__old::after{transform-origin:left;transform:rotate(2deg)}
@media (prefers-reduced-motion:no-preference){.hb__old::after{animation:hb-strike .9s .4s cubic-bezier(.7,0,.2,1) both}}
@keyframes hb-strike{from{transform:rotate(-2deg) scaleX(0)}}
.hb__new{display:block;margin-top:2px;font:700 clamp(62px,10vw,148px)/1 var(--R);letter-spacing:-.04em;color:var(--red)}
.hb__lead{margin-top:clamp(22px,3vw,34px);font-size:clamp(17px,1.65vw,20.5px);line-height:1.85;color:var(--graphite);max-width:50ch;text-wrap:pretty}
.hb__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hb__note{margin-top:14px;font-size:14.5px;color:var(--mute)}
.hb__mark{position:relative;width:min(440px,100%);aspect-ratio:1;justify-self:center}
.hb__mark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hb__mark circle{fill:none;stroke-width:4.2;stroke-dasharray:45.28 54.72;transform-box:fill-box;transform-origin:center}
.hb__r{stroke:var(--red);transform:rotate(-171.5deg)}
.hb__k{stroke:var(--ink);transform:rotate(8.5deg)}
@media (prefers-reduced-motion:no-preference){
  .hb__r{animation:hb-r 1.2s .1s cubic-bezier(.2,.8,.2,1) both}
  .hb__k{animation:hb-k 1.2s .1s cubic-bezier(.2,.8,.2,1) both}
  .hb__mark img{animation:hb-e .8s .7s ease both}
}
@keyframes hb-r{from{transform:rotate(-260deg);opacity:0}}
@keyframes hb-k{from{transform:rotate(100deg);opacity:0}}
@keyframes hb-e{from{opacity:0;transform:scale(.85)}}
.hb__mark img{position:absolute;inset:0;margin:auto;width:36%;height:auto}
.hb__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(44px,6vw,80px);padding-block:30px 40px;border-top:var(--hair) solid var(--rule)}
.hb__facts > div{padding-inline:24px;border-inline-start:var(--hair) solid var(--rule)}
.hb__facts > div:first-child{padding-inline-start:0;border-inline-start:0}
.hb__facts dt{font:700 clamp(30px,3.6vw,46px)/1 var(--R);color:var(--red);font-variant-numeric:tabular-nums}
.hb__facts dd{margin-top:8px;font-size:15px;line-height:1.55;color:var(--graphite);max-width:22ch}
@media (max-width:900px){
  .hb__in{grid-template-columns:1fr}
  .hb__mark{display:none}
}
@media (max-width:700px){
  .hb__facts{grid-template-columns:1fr 1fr;gap:22px 0}
  .hb__facts > div:nth-child(odd){padding-inline-start:0;border-inline-start:0}
  .hb__cta .btn{flex:1 1 220px}
}

/* 2) الماضي / المستقبل */
.cs{background:var(--paper);padding-block:var(--sec) calc(var(--sec) * .8)}
.cs__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 32px}
.dh--sm{font-size:clamp(28px,3.6vw,46px);max-width:none}
.cs__hint{display:inline-flex;align-items:center;gap:8px;font:600 15px/1.4 var(--R);color:var(--mute)}
.cs__hint .ic{width:20px;height:20px;color:var(--red)}
.cs__stage{position:relative;height:700px;margin-top:28px;border-radius:28px;overflow:hidden;--x:50%;box-shadow:0 30px 60px -36px rgba(31,29,34,.45);isolation:isolate}
.cs__side{position:absolute;inset:0}
.cs__pad{position:relative;height:100%;padding:clamp(32px,4vw,52px) clamp(24px,3.6vw,48px)}
.cs__old{background:#26232B;color:#fff}
.cs__new{background:var(--red);color:#fff;clip-path:inset(0 var(--x) 0 0)}
[dir="ltr"] .cs__new{clip-path:inset(0 0 0 var(--x))}
.cs__new .cs__pad{display:flex;flex-direction:column;align-items:flex-end;text-align:end}
.cs__lbl{display:inline-block;padding:7px 16px;border-radius:999px;font:600 14.5px/1.3 var(--R)}
.cs__old .cs__lbl{background:rgba(255,255,255,.12);color:#fff}
.cs__new .cs__lbl{background:#fff;color:var(--red)}
.cs__h{margin-top:16px;font:700 clamp(28px,3.3vw,48px)/1.15 var(--R);letter-spacing:-.02em;max-width:15ch;text-wrap:balance}
.cs__old .cs__h{color:#A39BA5}
.cs__desk{position:absolute;inset:0}
.cs__note{position:absolute;inset-inline-start:var(--l);top:var(--t);transform:rotate(var(--r));width:118px;padding:9px 10px 11px;
          font:600 12.5px/1.4 var(--R);color:#3B3423;box-shadow:0 12px 22px -12px rgba(0,0,0,.85)}
.cs__note::before{content:"";position:absolute;top:-9px;left:50%;width:50px;height:18px;margin-left:-25px;background:rgba(255,255,255,.45);transform:rotate(-4deg)}
.cs__note--s1{width:104px;font-size:12px;padding:8px 9px 10px}
.cs__note--s3{width:132px;font-size:13px}
.cs__note--c1{background:#F3E7A6}
.cs__note--c2{background:#F5C9CF}
.cs__note--c3{background:#CFE2F0}
.cs__note--c4{background:#D9EBC8}
.cs__note.is-x{text-decoration:line-through;text-decoration-color:rgba(200,16,46,.85);text-decoration-thickness:2px}
.cs__note.is-circle::after{content:"";position:absolute;inset:-12px -16px;border:3px solid rgba(255,77,103,.9);border-radius:50%;transform:rotate(-7deg);pointer-events:none}
.cs__tag{position:absolute;top:-13px;inset-inline-end:-12px;padding:2px 9px;border-radius:4px;background:var(--red);color:#fff;font:700 11.5px/1.5 var(--R);transform:rotate(9deg);box-shadow:0 4px 10px -4px rgba(0,0,0,.6)}
.cs__marks{position:absolute;inset:0;pointer-events:none}
.cs__marks span{position:absolute;inset-inline-start:var(--l);top:var(--t);transform:rotate(var(--r));font:700 60px/1 var(--R);color:rgba(255,77,103,.92);text-shadow:0 6px 18px rgba(0,0,0,.6)}
.cs__marks span:nth-child(even){color:rgba(255,255,255,.78);font-size:48px}
.cs__card{width:min(440px,46%);margin-top:28px;padding:24px;border-radius:22px;background:#fff;color:var(--ink);text-align:start;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.cs__card h4{font:700 18px/1.4 var(--R)}
.cs__card small{color:var(--mute);font-size:14px}
.cs__feed{position:relative;height:200px;margin-top:14px;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
.cs__feed.is-static{overflow-y:auto;-webkit-mask-image:none;mask-image:none}
.cs__feed ul{display:grid;gap:9px;will-change:transform}
.cs__card li{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:12px;background:var(--canvas);font:600 15px/1.4 var(--R)}
.cs__card li .tick{margin:0}
.cs__ic{width:21px;height:21px;color:var(--red);stroke-width:2.2}
.cs__card li span{flex:1;min-width:0}
.cs__card li em{margin-inline-start:auto;font-style:normal;font-size:13px;color:var(--mute);white-space:nowrap}
.cs__card li:not(.is-done) em{color:var(--red)}
.cs__handle{position:absolute;top:0;bottom:0;right:var(--x);width:0;z-index:4;pointer-events:none}
[dir="ltr"] .cs__handle{right:auto;left:var(--x)}
.cs__handle::before{content:"";position:absolute;top:0;bottom:0;right:-1.5px;width:3px;background:#fff}
.cs__knob{position:absolute;top:50%;right:-36px;width:72px;height:72px;margin-top:-36px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(0,0,0,.55);transition:transform .2s}
.cs__o{position:absolute;inset:6px;width:60px;height:60px}
.cs__o circle{fill:none;stroke-width:7;stroke-dasharray:45.28 54.72;transform-box:fill-box;transform-origin:center}
.cs__o .ring__r{stroke:var(--red)}
.cs__k{stroke:var(--ink);transform:rotate(8.5deg)}
.cs__arw{width:24px;height:24px}
.cs__arw path{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cs__range{position:absolute;inset:0;z-index:5;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}
.cs__stage:has(.cs__range:focus-visible) .cs__knob{outline:3px solid var(--ink);outline-offset:4px}
.cs__stage.is-grab .cs__knob{transform:scale(1.08)}
.cs__foot{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
@media (max-width:900px){
  .cs__hint{display:none}
  .cs__stage{height:auto;border-radius:22px}
  .cs__side{position:relative}
  .cs__pad{height:auto;padding:30px 20px 34px}
  .cs__new{clip-path:none!important}
  .cs__new .cs__pad{align-items:flex-start;text-align:start}
  .cs__handle,.cs__range{display:none}
  .cs__desk{position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:18px 12px;margin-top:26px;padding-block:6px}
  .cs__desk .cs__note{position:relative;inset:auto;transform:rotate(calc(var(--r) * .6))}
  .cs__card li{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px}
  .cs__card li em{grid-column:2;margin:0}
  .cs__card li > svg{grid-row:span 2}
  .cs__feed{height:230px}
  .cs__marks{display:none}
  .cs__desk .cs__note{width:calc((100% - 24px) / 3);font-size:11.5px;padding:9px 8px 10px}
  .cs__desk .cs__tag{font-size:10px;top:-11px;inset-inline-end:-6px}
  .cs__card{width:auto;align-self:stretch}
  .cs__foot .btn{flex:1 1 240px}
}
@media (max-width:420px){.cs__note{width:112px}}

/* 3) الكشّاف */
.lampsec{background:var(--alt);padding-block:var(--sec)}
.lamp{position:relative;margin-top:36px;border-radius:26px;overflow:hidden;--mx:50%;--my:50%;--lr:100px;touch-action:pan-y;cursor:none;background:#141216;box-shadow:0 30px 60px -36px rgba(31,29,34,.5)}
.lamp__grid{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;min-height:408px;gap:10px 30px;padding:40px clamp(16px,4vw,48px);font:700 clamp(17px,1.9vw,25px)/1.45 var(--R)}
.lamp__grid>*{flex:1 0 auto;text-align:center}
.lamp__dim{color:#2F2B33}
.lamp__lit{position:absolute;inset:0;color:#fff;opacity:0;transition:opacity .2s;
  -webkit-mask-image:radial-gradient(circle var(--lr) at var(--mx) var(--my),#000 calc(var(--lr) - 1.5px),transparent var(--lr));
          mask-image:radial-gradient(circle var(--lr) at var(--mx) var(--my),#000 calc(var(--lr) - 1.5px),transparent var(--lr))}
.lamp__lit li:nth-child(3n+1){color:#FF4D67}
.lamp__ring{position:absolute;left:var(--mx);top:var(--my);width:calc(var(--lr) * 2.35);height:calc(var(--lr) * 2.35);transform:translate(-50%,-50%);overflow:visible;pointer-events:none;opacity:0;transition:opacity .2s}
.lamp.is-on .lamp__lit,.lamp.is-on .lamp__ring{opacity:1}
.lamp__glass{fill:rgba(255,255,255,.04)}
.lamp__r,.lamp__k{fill:none;stroke-width:3;stroke-dasharray:45.28 54.72;transform-box:fill-box;transform-origin:center}
.lamp__r{stroke:var(--red);transform:rotate(-171.5deg)}
.lamp__k{stroke:#F3F1F2;transform:rotate(8.5deg)}
@media (max-width:700px){.lamp{--lr:70px}.lamp__grid{min-height:0;gap:8px 20px;font-size:16px}.lamp__r,.lamp__k{stroke-width:3.8}}

/* 4) الرقم */
.one{background:var(--alt);padding-block:var(--sec)}
.one__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,6vw,96px);align-items:center;margin-top:clamp(28px,4vw,48px)}
.one__q{font:700 clamp(18px,1.8vw,22px)/1.45 var(--R)}
.one__n{display:flex;align-items:baseline;gap:12px;margin-top:10px;font:600 21px/1 var(--R);color:var(--graphite)}
.one__n output{font:700 clamp(64px,8vw,96px)/1 var(--R);font-variant-numeric:tabular-nums;color:var(--ink)}
.one__range{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin-top:16px;cursor:pointer}
.one__range::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:var(--rose)}
.one__range::-webkit-slider-thumb{-webkit-appearance:none;width:38px;height:38px;margin-top:-15px;border-radius:50%;background:var(--red);border:5px solid #fff;box-shadow:0 6px 16px -4px rgba(200,16,46,.5)}
.one__range::-moz-range-track{height:8px;border-radius:8px;background:var(--rose)}
.one__range::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--red);border:5px solid #fff}
.one__big{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font:700 clamp(52px,8vw,108px)/1 var(--R);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--red)}
.one__big small{white-space:nowrap;font-size:max(16px,.22em);font-weight:600;letter-spacing:0;color:var(--graphite)}
.one__hid{margin-top:18px;display:inline-block;padding:12px 18px;border-radius:14px;background:var(--paper);font:600 16.5px/1.5 var(--R);box-shadow:var(--shadow)}
.one__hid b{color:var(--red);font-variant-numeric:tabular-nums}
.one__note{margin:14px 0 26px;font-size:14.5px;color:var(--mute);max-width:52ch}
@media (max-width:820px){.one__grid{grid-template-columns:1fr}}

/* 5) الحلقة تكتمل */
.story{position:relative;height:220vh;background:var(--paper)}
.story__stage{position:sticky;top:76px;height:calc(100vh - 76px);min-height:540px;display:flex;align-items:center}
.story__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;width:100%}
.story__title{font:700 15px/1.4 var(--R);color:var(--red);margin-block-end:22px}
.story__steps{display:grid;gap:24px}
.story__steps li{font:700 clamp(22px,2.8vw,38px)/1.35 var(--R);letter-spacing:-.01em;text-wrap:balance;color:var(--ink);transition:color .35s}
.story__steps b{color:var(--red);font-weight:700}
.story.is-live .story__steps li{color:#E3DCD9}
.story.is-live .story__steps li b{color:inherit}
.story.is-live .story__steps li.on{color:var(--ink)}
.story.is-live .story__steps li.on b{color:var(--red)}
.story__ring{position:relative;width:min(420px,80vw);aspect-ratio:1;justify-self:center}
.story__ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.story__ring circle{fill:none;stroke-width:5;stroke-dasharray:45.28 54.72;transform-box:fill-box;transform-origin:center}
.story__k{stroke:var(--ink);transform:rotate(8.5deg)}
.story__r{stroke:var(--red);transform:rotate(-171.5deg)}
.story__e{position:absolute;inset:0;display:grid;place-items:center;opacity:var(--e,1);transform:scale(calc(.7 + var(--e,1) * .3))}
.story__e img{width:34%;height:auto}
@media (max-width:800px){
  .story{height:200vh}
  .story__in{grid-template-columns:1fr;gap:28px}
  .story__ring{width:min(240px,62vw);order:-1}
  .story__steps{gap:14px}
}
@media (prefers-reduced-motion:reduce){.story{height:auto}.story__stage{position:static;height:auto;padding-block:var(--sec)}}

/* 3) التكلفة الكاملة ثم ما لا يظهر في كشف الرواتب */
.cost{background:var(--alt);padding-block:var(--sec)}
.cost__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end}
.cost__ask .one__q{display:block;margin-top:clamp(16px,2vw,24px)}
.cost__row{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin-top:6px}
.cost__row .one__n{margin:0;min-width:150px}
.cost__row .one__range{margin:0}
.cost__ans .one__note{margin-bottom:0}
.cost__ans .one__note a{color:var(--red);font-weight:600;text-underline-offset:4px;white-space:nowrap}
.cost__ans .one__hid{background:var(--blush);box-shadow:none}
.cost__hidden{display:grid;justify-items:start;margin-top:clamp(52px,6vw,88px)}
.cost__arrow{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--blush);color:var(--red);margin-block-end:16px}
.cost__arrow .ic{width:22px;height:22px}
.cost__h{font:700 clamp(26px,3.2vw,42px)/1.2 var(--R);letter-spacing:-.015em}
.cost .lamp{margin-top:28px}
@media (max-width:820px){.cost__top{grid-template-columns:1fr;align-items:start}.cost__row{grid-template-columns:1fr}.cost__row .one__n{min-width:0}}

/* 4) القديم (داكن) والجديد جنبًا إلى جنب — حركة دائمة */
.twin{background:var(--paper);padding-block:var(--sec)}
.twin__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:clamp(28px,4vw,48px);perspective:1400px}
.twin__card{margin:0;display:flex;flex-direction:column;padding:22px 22px 26px;border-radius:28px;background:var(--blush);border:var(--hair) solid var(--rose);
  transform:rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .4s ease,box-shadow .4s;will-change:transform}
.twin__card:hover{box-shadow:0 30px 60px -36px rgba(31,29,34,.5)}
.twin__card--old{background:#26232B;border-color:#26232B;color:#fff}
.twin__lbl{align-self:flex-start;padding:7px 16px;border-radius:999px;background:var(--red);color:#fff;font:600 14.5px/1.3 var(--R)}
.twin__card--old .twin__lbl{background:rgba(255,255,255,.12)}
.twin__svg{display:block;width:100%;height:auto;margin-top:6px;overflow:visible}
.twin__cap{margin-top:10px;font:600 clamp(16px,1.5vw,18px)/1.65 var(--R);color:var(--ink);text-wrap:pretty}
.twin__card--old .twin__cap{color:#B9B2BA}
.w-line{fill:none;stroke:#6E6870;stroke-width:2.2;stroke-dasharray:1.4 1.4;transition:stroke .25s}
.w-line.is-hot{stroke:#FF4D67;stroke-width:3}
.w-badge{fill:var(--red)}
.w-badge-t{font:600 16px var(--P);fill:#fff}
.w-bdg{--bs:1;transform-box:fill-box;transform-origin:center bottom;transform:scale(var(--bs))}
.w-bdg.is-pop{animation:w-pop .45s ease-out}
.w-bdg.is-pop .w-badge{animation:w-flash .7s ease-out}
@keyframes w-pop{0%{transform:scale(calc(var(--bs) * .45))}65%{transform:scale(calc(var(--bs) * 1.14))}100%{transform:scale(var(--bs))}}
@keyframes w-flash{0%{fill:#FF7A8C}100%{fill:var(--red)}}
.w-dot{fill:#26232B;stroke:#8E8790;stroke-width:2.5;stroke-dasharray:5 5}
.w-core{fill:#FF4D67}
.w-role{font:700 22px var(--R);fill:#fff;paint-order:stroke;stroke:#26232B;stroke-width:7px;stroke-linejoin:round}
.w-node{cursor:default}
.w-mgr rect{fill:var(--ink)}
.w-mgr text{font:700 22px var(--R);fill:#fff}
.twin__card--old .w-mgr rect{fill:#fff}
.twin__card--old .w-mgr text{fill:var(--ink)}
.w-k,.w-r{fill:none;stroke-width:12;stroke-dasharray:45.28 80;transform-box:view-box;transform-origin:320px 360px}
.w-k{stroke:var(--ink);transform:rotate(8.5deg)}
.w-r{stroke:var(--red);transform:rotate(-171.5deg)}
.w-e{transform-box:view-box;transform-origin:320px 360px}
.w-mgr--up rect{fill:#fff;stroke:var(--red);stroke-width:3;filter:drop-shadow(0 10px 18px rgba(200,16,46,.22))}
.w-mgr--up text{fill:var(--ink);font-size:23px}
.w-loop{fill:none;stroke:none}
.w-dot2{fill:var(--red)}
.w-ring{transform-box:view-box;transform-origin:320px 360px}
@media (prefers-reduced-motion:no-preference){
  /* القديم: خطوط تتدفق بلا توقف، وموظفون يهتزّون، وشارات تتبدّل */
  .twin.is-in .w-line{animation:w-march var(--m) linear infinite}
  .twin.is-in .w-node > *{animation:w-float var(--f) ease-in-out var(--fd) infinite alternate}
  /* الجديد: الحلقة تتنفّس، ونبض ثابت يصل إلى الإدارة */
  .twin.is-in .w-ring{animation:w-beat-ring 3s ease-in-out 1.8s infinite alternate}
  .twin.is-in .w-e{animation:w-beat-e 3s ease-in-out 1.8s infinite alternate}
}
@keyframes w-march{to{stroke-dashoffset:-2.8}}
@keyframes w-float{from{transform:translate(0,-3px)}to{transform:translate(2px,4px)}}
@keyframes w-beat-ring{to{transform:scale(1.12)}}
@keyframes w-beat-e{to{transform:scale(.88)}}
/* الظهور الأول */
.twin.is-armed .w-line{opacity:0;transition:opacity .5s var(--d)}
.twin.is-armed .w-node{opacity:0;transition:opacity .45s var(--d)}
.twin.is-armed .w-k{transform:rotate(118deg);opacity:0;transition:transform 1.1s .2s cubic-bezier(.2,.8,.2,1),opacity .4s .2s}
.twin.is-armed .w-r{transform:rotate(-281deg);opacity:0;transition:transform 1.1s .4s cubic-bezier(.2,.8,.2,1),opacity .4s .4s}
.twin.is-armed .w-e{opacity:0;transition:opacity .5s 1.2s}
.twin.is-armed .w-dots,.twin.is-armed .w-mgr--up{opacity:0;transition:opacity .6s 1.4s}
.twin.is-in .w-dots,.twin.is-in .w-mgr--up{opacity:1}
.twin.is-in .w-line,.twin.is-in .w-node,.twin.is-in .w-k,.twin.is-in .w-r,.twin.is-in .w-e{opacity:1}
.twin.is-in .w-k{transform:rotate(8.5deg)}
.twin.is-in .w-r{transform:rotate(-171.5deg)}
@media (max-width:820px){
  .twin__grid{grid-template-columns:1fr}
  .twin__card{transform:none}
  .w-role{font-size:28px;stroke-width:8px}
  .w-bdg{--bs:1.3}
  .w-mgr text{font-size:26px}
}

/* 6) ألواح الخدمات */
.rails{background:var(--alt);padding-block:var(--sec) 48px}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(380px,82%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
      padding:40px max(var(--gut),calc((100% - var(--wrap)) / 2)) 30px;scroll-padding-inline:max(var(--gut),calc((100% - var(--wrap)) / 2));scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail.is-loop{scroll-snap-type:none}
@media (hover:hover) and (pointer:fine){.rail{cursor:grab}.rail.is-drag{cursor:grabbing;scroll-snap-type:none;user-select:none}.rail.is-drag a{pointer-events:none}}
.panel{scroll-snap-align:start;min-height:420px;border-radius:26px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:26px;
       background:var(--paper);border:var(--hair) solid var(--rule);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.panel:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(31,29,34,.05),0 24px 44px -22px rgba(31,29,34,.3)}
.panel__top{display:flex;justify-content:space-between;align-items:flex-start}
.panel__n{font:700 15px/1 var(--R);color:var(--mute)}
.panel h3{font:700 clamp(24px,2.4vw,30px)/1.25 var(--R)}
.panel p{margin-top:12px;color:var(--graphite);font-size:16.5px;line-height:1.8}
.panel__more{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font:700 16px/1.4 var(--R);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:7px;text-decoration-thickness:2px}
.panel{position:relative}
.panel__more::after{content:"";position:absolute;inset:0;border-radius:inherit}   /* اللوح كله رابط لصفحة الخدمة */
.panel__more:hover,.panel:hover .panel__more{color:var(--red)}
.panel:hover .panel__arw{transform:translateX(-4px)}
.panel__arw{width:20px;height:20px;color:var(--red);transition:transform .2s}
[dir="ltr"] .panel__arw{transform:scaleX(-1)}
.panel__more:hover .panel__arw{transform:translateX(-4px)}
.rail__nav{display:flex;gap:10px}
.rail__nav button{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer}
.rail__nav button:hover{border-color:var(--red);color:var(--red)}
.rail__nav .ic{width:22px;height:22px}
[dir="ltr"] .rail__nav .ic{transform:scaleX(-1)}

/* 7) شريط المنصات */
.mq-sec{background:var(--paper);padding-block:var(--sec) calc(var(--sec) - 24px);overflow:hidden}
.mq-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 32px;margin-block-end:36px}
.mq-head .more{margin-top:0}
.sec--gets .mq-head{margin:clamp(56px,7vw,96px) 0 20px;padding-top:clamp(28px,4vw,44px);border-top:var(--hair) solid var(--rule);align-items:baseline}
.mq-line{font:700 clamp(22px,2.4vw,30px)/1.3 var(--R)}
.sec--gets{padding-bottom:calc(var(--sec) - 24px);overflow:hidden}
.sec--gets .mq--rev span{color:#CFC7C9}
.mq{overflow:hidden;white-space:nowrap;padding-block:10px;direction:ltr}
.mq__t{display:inline-flex;animation:mq 50s linear infinite}
.mq--rev .mq__t{animation-direction:reverse;animation-duration:58s}
.mq:hover .mq__t{animation-play-state:paused}
.mq span{display:inline-flex;align-items:center;direction:rtl;font:700 clamp(26px,4vw,52px)/1.3 var(--R);padding-inline:24px;color:var(--ink)}
.mq span::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--red);margin-inline-start:48px}
.mq--rev span{color:#C9C1C6}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq__t{animation:none;flex-wrap:wrap;white-space:normal}}

/* 8) ما تحصلون عليه */
.sec--gets{background:var(--paper)}
.gets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(32px,4vw,52px)}
.gets li{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px 24px 30px;border-radius:24px;background:var(--alt);border:var(--hair) solid var(--rule)}
.gets li:first-child{border-color:var(--red)}
.gets__n{position:absolute;top:24px;inset-inline-end:24px;font:700 14px/1 var(--R);color:var(--mute)}
.gets h3{margin-top:6px;font:700 21px/1.35 var(--R)}
.gets p{color:var(--graphite);font-size:16px;line-height:1.8;text-wrap:pretty}
@media (max-width:1060px){.gets{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.gets{grid-template-columns:1fr}}
.steps--big{margin-top:clamp(32px,4vw,52px)}
.steps--big h3{font-size:clamp(21px,2vw,26px)}

/* 10) الختام */
.close{background:var(--alt);padding-block:clamp(80px,10vw,140px)}
.close__title{font:700 clamp(30px,6vw,88px)/1.3 var(--R);letter-spacing:-.03em}
.swap{position:relative;display:inline-block;color:var(--red)}
.swap::after{content:"";position:absolute;inset-inline:-1%;top:52%;height:.07em;background:var(--ink);border-radius:6px;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.7,0,.2,1)}
[dir="ltr"] .swap::after{transform-origin:left}
.swap.is-struck::after{transform:scaleX(1)}
.swap.is-struck{color:#B7AEB4;transition:color .3s .2s}
.close__text{margin-top:22px;font-size:clamp(17px,1.7vw,20px);color:var(--graphite);max-width:56ch}
.close__steps-h{margin-top:clamp(44px,5vw,64px);font:700 clamp(19px,1.8vw,22px)/1.4 var(--R);color:var(--graphite)}
.cstep{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;margin-top:18px;counter-reset:none}
.cstep__i{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px 24px 28px;border-radius:24px;background:rgba(255,255,255,.55);border:var(--hair) solid var(--rose)}
.cstep__i:not(.is-now){opacity:.78}
.cstep__i.is-now{background:var(--paper);border-color:var(--red);box-shadow:0 24px 50px -30px rgba(200,16,46,.45)}
.cstep__n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2.5px solid var(--red);color:var(--red);font:700 18px/1 var(--R);margin-block-end:8px}
.is-now .cstep__n{background:var(--red);color:#fff}
.cstep__i h4{font:700 clamp(19px,1.8vw,23px)/1.35 var(--R)}
.cstep__i p{color:var(--graphite);font-size:16px;line-height:1.75;text-wrap:pretty}
.reach{display:grid;grid-template-columns:1.2fr 1fr 1fr;margin-top:16px;border-radius:24px;background:var(--paper);border:var(--hair) solid var(--rose);box-shadow:0 24px 50px -34px rgba(200,16,46,.4)}
.reach__cell{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:26px clamp(20px,2.4vw,32px)}
.reach__cell + .reach__cell{border-inline-start:var(--hair) solid var(--rule)}
.reach__h{font:700 clamp(18px,1.6vw,21px)/1.4 var(--R)}
.reach__cell--go .btn{align-self:flex-start}
.reach__l{font-size:14px;color:var(--mute)}
.reach__phone{font:700 clamp(24px,2.4vw,30px)/1.2 var(--R);color:var(--ink);text-decoration:none;direction:ltr;text-align:end;align-self:flex-start}
.reach__phone:hover,.reach__mail a:hover{color:var(--red)}
.reach__mail{display:flex;flex-direction:column;gap:0}
.reach__mail + .reach__mail{margin-top:10px}
.reach__mail a{font:600 16.5px/1.5 var(--R);color:var(--ink);text-decoration:none}
@media (max-width:900px){
  .reach{grid-template-columns:1fr}
  .reach__cell + .reach__cell{border-inline-start:0;border-top:var(--hair) solid var(--rule)}
  .reach__cell--go .btn{align-self:stretch}
}
.close__more{margin-top:24px}
@media (max-width:900px){.cstep{grid-template-columns:1fr}}

.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(40px,6vw,80px);border-block:var(--hair) solid var(--rule);background:var(--paper)}
.facts > div{padding:26px 24px;border-inline-start:var(--hair) solid var(--rule)}
.facts > div:first-child{border-inline-start:0;padding-inline-start:0}
.facts dt{font:700 clamp(34px,4vw,50px)/1 var(--R);color:var(--red);font-variant-numeric:tabular-nums}
.facts dd{margin-top:10px;font-size:15px;line-height:1.6;color:var(--graphite);max-width:24ch;text-wrap:balance}
.facts--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){
  .facts{grid-template-columns:1fr 1fr}
  .facts--3{grid-template-columns:1fr 1fr 1fr}
  .facts > div{padding:20px 0;border-inline-start:0}
  .facts:not(.facts--3) > div:nth-child(even){padding-inline-start:18px;border-inline-start:var(--hair) solid var(--rule)}
  .facts:not(.facts--3) > div:nth-child(n+3){border-block-start:var(--hair) solid var(--rule)}
  .facts--3 > div + div{padding-inline-start:14px;border-inline-start:var(--hair) solid var(--rule)}
  .facts--3 dt{font-size:30px}
}

/* ---------- حلقة الاختيار (الخدمات، الموارد البشرية) ---------- */
.orbit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(28px,6vw,96px);align-items:center}
.orbit__dial{--dial:min(440px,80vw);position:relative;width:var(--dial);aspect-ratio:1;max-width:100%}
.orbit__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit__seg{fill:none;stroke:var(--rule);stroke-width:7;stroke-linecap:round;transform-box:view-box;transform-origin:100px 100px;transition:stroke .2s}
.orbit__seg.is-on{stroke:var(--red)}
.orbit__hub{position:absolute;inset:30%;display:grid;place-items:center;border-radius:50%;background:var(--soft)}
.orbit__hub img{width:46%;height:auto;margin:auto}
.orbit__hub picture{display:grid;place-items:center;width:100%;height:100%}
.orbit__hub--text b{font:700 clamp(15px,2vw,20px)/1.35 var(--R);text-align:center;padding:12px;max-width:10ch}
.orbit__btn{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;display:grid;place-items:center;border-radius:50%;
            border:2px solid var(--rule);background:var(--paper);color:var(--graphite);cursor:pointer;
            transform:rotate(var(--a)) translateX(calc(var(--dial) * .43)) rotate(calc(var(--a) * -1));transition:background-color .2s,border-color .2s,color .2s}
.orbit__btn .ic{width:26px;height:26px;stroke-width:1.9}
.orbit__btn:hover{border-color:var(--ink);color:var(--ink)}
.orbit__btn[aria-selected="true"]{background:var(--red);border-color:var(--red);color:var(--on-red)}
.orbit__hint{font:600 14px/1.4 var(--R);color:var(--mute);margin-block-end:10px}
.orbit__panel h3{font:700 clamp(24px,2.8vw,34px)/1.3 var(--R)}
.orbit__panel > p{margin-top:14px;font-size:18px;color:var(--graphite);max-width:52ch}
.orbit__panel .ticks{margin-top:18px}
.orbit__panel:focus-visible{outline-offset:8px}
.manager{margin-top:32px;padding:22px 24px;background:var(--soft);border-radius:var(--rad)}
.manager h3{font:700 17px/1.4 var(--R)}
.manager ul{margin-top:8px;display:grid;gap:4px;color:var(--graphite);font-size:16px}
.manager li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-inline-end:10px;vertical-align:middle}
@media (max-width:860px){
  .orbit{grid-template-columns:1fr;justify-items:center}
  .orbit__dial{--dial:min(340px,84vw)}
  .orbit__panels{width:100%}
  .orbit__btn{width:54px;height:54px;margin:-27px 0 0 -27px}
  .orbit__btn .ic{width:22px;height:22px}
}

/* ---------- مثال الحاسبة ---------- */
.stack{background:var(--paper);border:var(--hair) solid var(--rule);border-radius:var(--rad);padding:clamp(18px,3vw,28px);box-shadow:var(--shadow)}
.stack__bar{display:flex;height:30px;border-radius:8px;overflow:hidden;gap:2px;background:var(--paper)}
.stack__bar--thin{height:18px;margin-top:18px}
.stack__seg{min-width:2px;transition:flex-grow .3s}
.stack__seg--1{background:var(--c1)}.stack__seg--2{background:var(--c2)}.stack__seg--3{background:var(--c3)}.stack__seg--4{background:var(--c4)}
.stack__seg--5{background:var(--c5)}.stack__seg--6{background:var(--c6)}.stack__seg--7{background:var(--c7)}.stack__seg--8{background:var(--c8)}.stack__seg--9{background:var(--c9)}
.stack__legend{margin-top:18px;display:grid;gap:2px}
.stack__legend li{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;padding-block:7px;border-block-end:var(--hair) solid var(--rule);font-size:15px}
.stack__legend b{font:600 15px/1.4 var(--R);font-variant-numeric:tabular-nums}
.stack__sw{width:14px;height:14px;border-radius:4px}
.stack__total{grid-template-columns:1fr auto!important;border-block-end:0!important;border-block-start:3px solid var(--ink);margin-top:6px;padding-top:12px!important}
.stack__total span{font:700 16px/1.4 var(--R)}
.stack__total b{font:700 20px/1.3 var(--R)!important;color:var(--red)}
.stack__legend--sm li{font-size:14px;padding-block:5px}

/* ---------- شبكة رباعية بخطوط فاصلة ---------- */
.quad{display:grid;grid-template-columns:1fr 1fr;border-block-start:var(--hair) solid var(--rule)}
.quad li{display:grid;grid-template-columns:56px 1fr;gap:4px 20px;padding:30px 0;border-block-end:var(--hair) solid var(--rule)}
.quad li:nth-child(odd){padding-inline-end:40px}
.quad li:nth-child(even){padding-inline-start:40px;border-inline-start:var(--hair) solid var(--rule)}
.quad .ring{grid-row:span 2}
.quad h3{font:700 20px/1.4 var(--R);align-self:end}
.quad p{color:var(--graphite);text-wrap:pretty}
.quad--plain li{grid-template-columns:1fr}
.quad--plain h3{align-self:start}
@media (max-width:760px){.quad{grid-template-columns:1fr}.quad li:nth-child(n){padding-inline:0;border-inline-start:0}}

/* ---------- خطوات متسلسلة ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.steps--4{grid-template-columns:repeat(4,1fr);gap:32px}
.steps li{position:relative}
.steps__n{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:3px solid var(--red);font:700 22px/1 var(--R);color:var(--red);background:var(--paper);position:relative;z-index:1}
.sec--soft .steps__n{background:var(--soft)}
.steps li:not(:last-child)::after{content:"";position:absolute;top:29px;inset-inline-start:72px;inset-inline-end:-28px;height:2px;background:var(--rule)}
.steps h3{margin-top:20px;font:700 21px/1.4 var(--R)}
.steps p{margin-top:8px;color:var(--graphite);text-wrap:pretty}
@media (max-width:900px){.steps--4{grid-template-columns:1fr 1fr}.steps--4 li:nth-child(2)::after{display:none}}
@media (max-width:760px){
  .steps,.steps--4{grid-template-columns:1fr;gap:0}
  .steps li{display:grid;grid-template-columns:60px 1fr;column-gap:18px;padding-block-end:30px}
  .steps__n{grid-row:span 2}
  .steps h3{margin-top:12px}
  .steps li:not(:last-child)::after,.steps--4 li:nth-child(2)::after{display:block;top:68px;bottom:4px;inset-inline-start:29px;inset-inline-end:auto;width:2px;height:auto}
}

/* ---------- دعوة التواصل: وردية هادئة بعلامة e ---------- */
.band{position:relative;overflow:hidden;isolation:isolate;background:var(--alt);padding-block:clamp(72px,10vw,128px)}
.band__e{position:absolute;z-index:-1;width:min(44vw,460px);height:auto;inset-inline-end:-2%;bottom:-26%;opacity:.08;pointer-events:none}
.band__in{position:relative}
.band__title{font:700 clamp(34px,5.4vw,70px)/1.12 var(--R);letter-spacing:-.025em;max-width:15ch;text-wrap:balance}
.band__text{margin-top:20px;font-size:clamp(17px,1.7vw,20px);color:var(--graphite);max-width:56ch}
.band__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:34px}
.band__phone{font:600 20px/1 var(--R);color:var(--ink);direction:ltr}
.band__mail{margin-top:22px;color:var(--mute);display:flex;flex-wrap:wrap;gap:6px 20px}
.band__mail a{color:var(--ink);text-underline-offset:4px;text-decoration-color:var(--red)}

/* ---------- التذييل: الشعار والقوائم في شريط واحد، وتحتهما شريط البيانات الرسمية ---------- */
.foot{background:var(--paper);border-block-start:var(--hair) solid var(--rule);color:var(--graphite);font-size:14.5px}
.foot__main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px clamp(32px,4vw,56px);padding-block:26px}
.foot__brand{display:flex;align-items:center;gap:16px}
.foot__brand .logo img{height:36px;width:auto}
.foot__words{height:36px;display:flex;flex-direction:column;justify-content:center;padding-inline-start:16px;border-inline-start:1.5px solid var(--rule)}
.foot__tag{font:600 12px/16px var(--R);color:var(--red);white-space:nowrap}
.foot__slogan{font:700 15px/20px var(--R);color:var(--ink);white-space:nowrap}
.foot__nav{display:grid;grid-template-columns:auto repeat(5,auto);justify-content:space-between;gap:8px clamp(12px,1.4vw,22px);padding-inline-start:clamp(24px,3vw,44px);border-inline-start:var(--hair) solid var(--rule)}
.foot__row{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline}
.foot__row h2{font:700 13.5px/1.6 var(--R);color:var(--mute)}
.foot__row ul{display:grid;grid-column:2/-1;grid-template-columns:subgrid}
.foot__row h2{padding-inline-end:12px;white-space:nowrap}
.foot__row a{font:600 14px/1.6 var(--R);color:var(--ink);text-decoration:none;white-space:nowrap}
.foot__row a:hover{color:var(--red)}
.foot__bar{background:var(--alt);border-block-start:var(--hair) solid var(--rule)}
.foot__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 28px;padding-block:12px;font-size:13px;color:var(--mute)}
.foot__ids{display:flex;gap:20px;color:var(--graphite)}
@media (max-width:1360px){
  .foot__main{grid-template-columns:1fr}
  .foot__nav{justify-content:start;column-gap:clamp(18px,3vw,40px)}
  .foot__nav{padding-inline-start:0;border-inline-start:0;padding-top:18px;border-top:var(--hair) solid var(--rule)}
}
@media (max-width:840px){
  .foot__nav{display:grid;grid-template-columns:1fr;gap:12px}
  .foot__row{display:block}
  .foot__row h2{margin-bottom:4px}
  .foot__row ul{display:flex;flex-wrap:wrap;gap:6px 20px}
  .foot__legal{flex-direction:column;align-items:flex-start}
  .foot__ids{flex-wrap:wrap;gap:2px 20px}
}
@media (max-width:420px){.foot__brand .logo img{height:30px}.foot__words{height:auto}}

/* ---------- المحاسبة: اختيار المسار ---------- */
.finder{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(28px,5vw,64px);align-items:start}
.finder__q{display:flex;flex-direction:column;align-items:stretch;gap:10px;position:sticky;top:100px}
.chip--quote{border-radius:14px;padding:14px 18px;font:600 16px/1.6 var(--R)}
.paths{display:grid;gap:10px}
.path{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:22px 24px;border:var(--hair) solid var(--rule);border-radius:var(--rad);
      background:var(--paper);transition:border-color .2s,background-color .2s,opacity .2s}
.path h3{font:700 19px/1.45 var(--R)}
.path p{color:var(--graphite);margin-top:6px;text-wrap:pretty}
.path__flag{display:none!important;font:600 13px/1.4 var(--R)!important;color:var(--red)!important;margin:0 0 4px!important}
.finder.is-live .path:not(.is-on){opacity:.55}
.path.is-on{border-color:var(--red);background:var(--blush);opacity:1}
.finder.is-live .path.is-on .path__flag{display:block!important}
@media (max-width:860px){.finder{grid-template-columns:1fr}.finder__q{position:static}}

/* ---------- تبويبات ---------- */
.tabs__list{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-block-end:var(--hair) solid var(--rule);margin-block-end:28px}
.tabs__list::-webkit-scrollbar{display:none}
.tabs__tab{flex:none;padding:14px 16px;border:0;background:none;font:600 15.5px/1.3 var(--R);color:var(--mute);cursor:pointer;box-shadow:inset 0 -3px 0 transparent;white-space:nowrap}
.tabs__tab:hover{color:var(--ink)}
.tabs__tab[aria-selected="true"]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--red)}
.tabs__panel p{max-width:80ch}

/* ---------- الدورة المستندية ---------- */
.docflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:d}
.docflow__step{position:relative;padding-top:8px}
.docflow__step:not(:last-child)::after{content:"";position:absolute;top:44px;inset-inline-start:84px;inset-inline-end:-14px;height:2px;
  background:repeating-linear-gradient(to left,var(--red) 0 8px,transparent 8px 14px)}
.docflow__doc{display:flex;flex-direction:column;justify-content:center;gap:6px;width:64px;height:76px;padding:12px;border:2px solid var(--ink);border-radius:6px 18px 6px 6px;background:var(--paper)}
.docflow__doc i{display:block;height:3px;border-radius:2px;background:var(--rule)}
.docflow__doc i:first-child{background:var(--red);width:70%}
.docflow__who{display:block;margin-top:16px;font:600 13px/1.4 var(--R);color:var(--red)}
.docflow__step h3{font:700 19px/1.4 var(--R);margin-top:4px}
.docflow__step p{margin-top:6px;font-size:15.5px;color:var(--graphite);text-wrap:pretty}
@media (max-width:900px){
  .docflow{grid-template-columns:1fr;gap:0}
  .docflow__step{display:grid;grid-template-columns:64px 1fr;column-gap:18px;padding-block-end:26px}
  .docflow__doc{grid-row:span 3}
  .docflow__who{margin-top:0}
  .docflow__step:not(:last-child)::after{top:92px;bottom:2px;inset-inline-start:31px;inset-inline-end:auto;width:2px;height:auto;
    background:repeating-linear-gradient(to bottom,var(--red) 0 8px,transparent 8px 14px)}
}

/* ---------- أعمدة الدفتر (التقارير) ---------- */
.ledger3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:var(--hair) solid var(--rule);border-radius:var(--rad);background:var(--paper);overflow:hidden}
.ledger3__col{padding:24px 26px 18px}
.ledger3__col + .ledger3__col{border-inline-start:var(--hair) solid var(--rule)}
.ledger3 h3{font:700 18px/1.4 var(--R);padding-block-end:10px;border-block-end:3px solid var(--red)}
.ledger3 li{padding-block:11px;border-block-end:var(--hair) solid var(--rule);font-size:16px}
.ledger3 li:last-child{border-block-end:0}
@media (max-width:820px){.ledger3{grid-template-columns:1fr}.ledger3__col + .ledger3__col{border-inline-start:0;border-block-start:var(--hair) solid var(--rule)}}

/* ---------- شبكة خماسية (قدرات الأنظمة) ---------- */
.grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;background:var(--rule);border:var(--hair) solid var(--rule);border-radius:var(--rad);overflow:hidden}
.grid5 li{background:var(--paper);padding:24px 20px 26px}
.sec--soft .grid5 li{background:var(--soft)}
.grid5 h3{margin-top:16px;font:700 17px/1.45 var(--R)}
.grid5 p{margin-top:6px;font-size:15px;line-height:1.7;color:var(--graphite)}
@media (max-width:1000px){.grid5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.grid5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.grid5{grid-template-columns:1fr}}

/* ---------- مسار بمحطات (مراحل الأنظمة، رحلة الشحنة) ---------- */
.track{position:relative;--p:0}
.track__line{position:relative;display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:0;padding:0}
.track__line::before,.track__line::after{content:"";position:absolute;top:27px;height:4px;border-radius:4px;inset-inline-start:calc(100% / var(--n,6) / 2)}
.track__line::before{inset-inline-end:calc(100% / var(--n,6) / 2);background:var(--rule)}
.track__line::after{width:calc((100% - 100% / var(--n,6)) * var(--p));background:var(--red);transition:width .35s ease}
.track__stop{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0 4px;border:0;background:none;cursor:pointer;color:var(--graphite)}
.track__n{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:3px solid var(--rule);background:var(--paper);font:700 19px/1 var(--R);transition:border-color .2s,background-color .2s,color .2s}
.track__n .ic{width:24px;height:24px}
.track__name{font:600 14.5px/1.4 var(--R);text-align:center;text-wrap:balance}
.track__stop.is-done .track__n{border-color:var(--red);color:var(--red)}
.track__stop[aria-selected="true"] .track__n{border-color:var(--red);background:var(--red);color:var(--on-red)}
.track__stop[aria-selected="true"] .track__name{color:var(--ink)}
.track__panels{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:end;padding:28px clamp(20px,3vw,36px);
               border:var(--hair) solid var(--rule);border-radius:var(--rad);background:var(--paper)}
.track__panel{grid-column:1}
.track__count{font:600 14px/1.4 var(--R);color:var(--red)}
.track__panel h3{margin-top:4px;font:700 clamp(22px,2.4vw,28px)/1.35 var(--R)}
.track__panel > p:not(.track__count){margin-top:8px;color:var(--graphite);max-width:62ch}
.track__out{margin-top:14px!important;padding:10px 14px;background:var(--blush);border-radius:10px;display:inline-block;color:var(--ink)!important}
.track__nav{grid-column:2;grid-row:1;display:flex;gap:8px}
@media (max-width:760px){
  .track__name{display:none}
  .track__n{width:44px;height:44px;font-size:16px}
  .track__n .ic{width:20px;height:20px}
  .track__line::before,.track__line::after{top:20px}
  .track__panels{grid-template-columns:1fr}
  .track__nav{grid-column:1;grid-row:auto}
}
.voyage__ends{display:flex;justify-content:space-between;margin-block-end:14px;font:600 14px/1.4 var(--R);color:var(--mute)}
.voyage__ship{position:absolute;top:-44px;inset-inline-start:calc(100% / var(--n,6) / 2 + (100% - 100% / var(--n,6)) * var(--p));width:40px;height:40px;
              margin-inline-start:-20px;display:grid;place-items:center;color:var(--red);pointer-events:none;transition:inset-inline-start .45s ease;z-index:2}
.voyage__ship .ic{width:30px;height:30px;stroke-width:1.8}
.track__rail{position:relative}
.track--voyage .track__rail{margin-top:46px}

/* ---------- المنصات الحكومية ---------- */
.explorer__bar{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:24px}
.plats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.plat{position:relative;padding:20px 22px 22px;border:var(--hair) solid var(--rule);border-radius:var(--rad);background:var(--paper);overflow:hidden}
.plat::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:4px;background:var(--red)}
.plat--2::before{background:var(--ink)}
.plat--3::before{background:var(--c3)}
.plat__g{font:600 12.5px/1.4 var(--R);color:var(--mute)}
.plat h3{margin-top:6px;font:700 19px/1.4 var(--R)}
.plat p{margin-top:4px;color:var(--graphite);font-size:15.5px}

/* ---------- درجات النطاق ---------- */
.stairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.stairs li{display:flex;flex-direction:column;gap:6px}
.stairs__bar{display:block;height:calc(var(--lv) * 46px);margin-top:calc((3 - var(--lv)) * 46px);border-radius:12px 12px 4px 4px;background:var(--red);opacity:calc(.35 + var(--lv) * .2);margin-block-end:10px}
.stairs h3{font:700 19px/1.4 var(--R)}
.stairs p{font-size:15.5px;color:var(--graphite);text-wrap:pretty}
@media (max-width:700px){.stairs{grid-template-columns:1fr}.stairs__bar{height:10px;margin-top:0;width:calc(var(--lv) * 33%)}}

/* ---------- حاسبة تكلفة الشحنة ---------- */
.landed{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.landed__in{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.field{display:flex;flex-direction:column;gap:6px}
.field__l{font:600 14.5px/1.45 var(--R);color:var(--graphite)}
.field__l small{display:block;font:400 13px/1.4 var(--P);color:var(--mute)}
.field__i{width:100%;min-height:50px;padding:10px 14px;border:1.5px solid var(--rule);border-radius:12px;background:var(--paper);
          font:600 17px/1.3 var(--R);color:var(--ink);font-variant-numeric:tabular-nums}
.field__i:hover{border-color:var(--mute)}
.field__i:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--blush)}
textarea.field__i{font:400 16px/1.7 var(--P);resize:vertical}
input[dir="ltr"].field__i{text-align:end}
.field--row{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:16px;padding-block:12px;border-block-end:var(--hair) solid var(--rule)}
.landed__out{position:sticky;top:96px;padding:clamp(20px,3vw,30px);border:var(--hair) solid var(--rule);border-radius:var(--rad);background:var(--paper);box-shadow:var(--shadow)}
.landed__unit{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.landed__unit > div{padding:16px;border-radius:12px;background:var(--soft)}
.landed__unit span{display:block;font:600 13.5px/1.4 var(--R);color:var(--mute)}
.landed__unit b{display:block;margin-top:6px;font:700 clamp(24px,3vw,34px)/1.1 var(--R);font-variant-numeric:tabular-nums}
.landed__unit small{font-size:14px;font-weight:600;color:var(--mute)}
.landed__unit .is-hot{background:var(--blush)}
.landed__unit .is-hot b{color:var(--red)}
.landed__gap{margin-top:14px;font:600 15.5px/1.5 var(--R)}
.landed .tiny{margin-top:14px}
@media (max-width:900px){.landed{grid-template-columns:1fr}.landed__out{position:static}}
@media (max-width:480px){.landed__in{grid-template-columns:1fr}}

/* ---------- حاسبة تكلفة القسم ---------- */
.calc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.calc__in{display:grid;gap:22px;justify-items:start}
.calc__grp{width:100%;padding:8px 24px 14px;border:var(--hair) solid var(--rule);border-radius:var(--rad);background:var(--paper)}
.calc__grp > legend,.calc__assume > summary{font:700 18px/1.4 var(--R);padding:14px 0 4px}
.calc__grp > legend{float:inline-start;width:100%}
.calc__grp > .field{clear:both}
.calc__assume > summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;cursor:pointer;list-style:none}
.calc__assume > summary::-webkit-details-marker{display:none}
.calc__assume > summary small{font:400 14px/1.5 var(--P);color:var(--mute)}
.calc__chev{width:20px;height:20px;margin-inline-start:auto;transition:transform .2s;align-self:center}
.calc__assume[open] .calc__chev{transform:rotate(180deg)}
.field--row:last-child{border-block-end:0}
.calc__out{position:sticky;top:96px;padding:clamp(22px,3vw,32px);border-radius:24px;background:var(--paper);border:var(--hair) solid var(--rule);box-shadow:var(--shadow)}
.calc__lbl{font:600 15px/1.4 var(--R);color:var(--band-mute)}
.calc__big{margin-top:6px;font:700 clamp(40px,5.2vw,64px)/1.05 var(--R);font-variant-numeric:tabular-nums;color:var(--red)}
.calc__big small{font-size:18px;color:var(--band-mute)}
.calc__sub{margin-top:8px;color:var(--band-mute);font-variant-numeric:tabular-nums}
.calc__ratio{margin-top:14px;display:inline-block;padding:6px 14px;border-radius:999px;background:var(--red);color:#fff;font:600 15px/1.5 var(--R)}
.calc__out .stack__bar{margin-top:22px;background:transparent}
.calc__out .stack__legend li{border-color:var(--band-rule)}
.calc__head{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:2px solid var(--band-rule);font:600 15px/1.5 var(--R);color:var(--band-mute)}
.calc__head b{color:var(--ink);font-variant-numeric:tabular-nums}
.calc__disc{margin-top:20px;max-width:90ch}
@media (max-width:900px){.calc{grid-template-columns:1fr}.calc__out{position:static}}
@media (max-width:520px){.field--row{grid-template-columns:1fr;gap:6px}.calc__grp{padding-inline:16px}}

/* ---------- العصور (النموذج الجديد) ---------- */
.eras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative}
.eras::before{content:"";position:absolute;top:9px;inset-inline:0;height:2px;background:linear-gradient(to left,var(--rule),var(--red))}
[dir="ltr"] .eras::before{background:linear-gradient(to right,var(--rule),var(--red))}
.eras__item{position:relative;padding-top:40px;padding-inline-end:32px}
.eras__item::before{content:"";position:absolute;top:0;inset-inline-start:0;width:20px;height:20px;border-radius:50%;background:var(--paper);border:3px solid var(--mute)}
.eras__item.is-now::before{border-color:var(--red);background:var(--red)}
.eras__tag{font:600 14px/1.4 var(--R);color:var(--mute)}
.is-now .eras__tag{color:var(--red)}
.eras h3{margin-top:4px;font:700 22px/1.4 var(--R)}
.eras p{margin-top:8px;color:var(--graphite);text-wrap:pretty}
.eras__item:not(.is-now) h3{color:var(--graphite)}
@media (max-width:820px){
  .eras{grid-template-columns:1fr;gap:28px}
  .eras::before{top:0;bottom:0;inset-inline-start:9px;inset-inline-end:auto;width:2px;height:auto;background:linear-gradient(to bottom,var(--rule),var(--red))}
  .eras__item{padding-top:0;padding-inline-start:40px}
}

/* ---------- البطاقات القابلة للقلب ---------- */
.seg{display:inline-grid;grid-auto-flow:column;gap:4px;padding:5px;border-radius:14px;background:var(--paper);border:var(--hair) solid var(--rule);margin-block-end:28px}
.seg button{min-height:44px;padding:0 20px;border:0;border-radius:10px;background:transparent;font:600 15.5px/1 var(--R);color:var(--graphite);cursor:pointer}
.seg button[aria-checked="true"]{background:var(--ink);color:var(--paper)}
.flipper[data-side="new"] .seg button[data-side-btn="new"]{background:var(--red);color:var(--on-red)}
.flips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;perspective:1400px}
.flip{display:grid}
.flip__in{display:grid;height:100%;transition:transform .6s cubic-bezier(.3,.7,.2,1);transition-delay:calc(var(--i) * 60ms);transform-style:preserve-3d}
.flip__face{grid-area:1/1;padding:24px 24px 26px;border-radius:var(--rad);backface-visibility:hidden;-webkit-backface-visibility:hidden;border:var(--hair) solid var(--rule)}
.flip__face--new{background:var(--paper)}
.flip__face--old{background:var(--soft);transform:rotateY(180deg);color:var(--graphite)}
.flipper[data-side="old"] .flip__in{transform:rotateY(180deg)}
.flip__k{display:flex;align-items:center;gap:10px;font:700 15px/1.4 var(--R);color:var(--mute)}
.flip__k .ic{width:22px;height:22px;color:var(--red)}
.flip__face--old .flip__k .ic{color:var(--mute)}
.flip__face p{margin-top:12px;font:600 18px/1.6 var(--R);text-wrap:pretty}
.flip__face--old p{font-weight:600;color:var(--graphite);text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}
@media (max-width:900px){.flips{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.flips{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .flip__in{transform:none!important}
  .flip__face{backface-visibility:visible;transform:none}
  .flipper[data-side="new"] .flip__face--old,.flipper[data-side="old"] .flip__face--new{visibility:hidden}
}

/* ---------- الفريق حول نقطة التواصل ---------- */
.constel{--dial:min(600px,92vw);position:relative;width:var(--dial);aspect-ratio:1;margin-inline:auto}
.constel::before{content:"";position:absolute;inset:16%;border-radius:50%;border:2px dashed var(--rule)}
.constel__hub{position:absolute;inset:33%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border-radius:50%;background:var(--blush)}
.constel__hub b{font:700 19px/1.3 var(--R)}
.constel__hub span{font-size:13.5px;line-height:1.5;color:var(--graphite);max-width:16ch}
.constel__roles li{position:absolute;left:50%;top:50%;width:150px;margin-left:-75px;margin-top:-50px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;
  transform:rotate(var(--a)) translateX(calc(var(--dial) * .34)) rotate(calc(var(--a) * -1))}
.constel__roles .ring{background:var(--paper);border-radius:50%}
.constel__roles b{font:700 16px/1.3 var(--R)}
.constel__roles span{font-size:13.5px;line-height:1.5;color:var(--graphite)}
@media (max-width:700px){
  .constel{width:auto;aspect-ratio:auto}
  .constel::before{display:none}
  .constel__hub{position:static;border-radius:var(--rad);padding:22px}
  .constel__roles{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;margin-top:20px}
  .constel__roles li{position:static;width:auto;margin:0;transform:none}
}

/* ---------- يناسب / لا يناسب ---------- */
.fitbox{padding:28px;border-radius:var(--rad);background:var(--paper);border:var(--hair) solid var(--rule)}
.fitbox h3{font:700 20px/1.4 var(--R);margin-block-end:16px}
.fitbox--yes{border-top:5px solid var(--red)}
.fitbox--no{border-top:5px solid var(--mute)}
.fitbox .tiny{margin-top:16px}

/* ---------- طبقات الحماية ---------- */
.layers{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.layers__rings{position:relative;width:min(420px,80vw);aspect-ratio:1;margin-inline:auto}
.layers__rings svg{width:100%;height:100%}
.layers__c{fill:none;stroke:var(--rule);stroke-width:12;transition:stroke .25s}
.layers__c.is-on{stroke:var(--red)}
.layers__core{fill:var(--ink)}
.layers__coreicon{position:absolute;inset:0;display:grid;place-items:center;color:var(--paper);pointer-events:none}
.layers__coreicon .ic{width:22px;height:22px}
.layers__list{display:grid;gap:6px}
.layers__tab{display:grid;grid-template-columns:36px auto 1fr;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--rule);border-radius:14px;background:var(--paper);cursor:pointer;text-align:start}
.layers__tab:hover{border-color:var(--ink)}
.layers__tab[aria-selected="true"]{border-color:var(--red);background:var(--blush)}
.layers__n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft);font:700 15px/1 var(--R)}
.layers__tab[aria-selected="true"] .layers__n{background:var(--red);color:var(--on-red)}
.layers__tab b{font:700 17px/1.3 var(--R)}
.layers__tab small{font-size:14px;color:var(--mute);justify-self:end}
.layers__panel{display:flex;gap:16px;align-items:flex-start;margin-top:18px;padding:22px 24px;border-radius:var(--rad);background:var(--soft)}
.layers__panel p{font-size:17px;color:var(--graphite);text-wrap:pretty}
@media (max-width:860px){.layers{grid-template-columns:1fr}.layers__rings{width:min(280px,70vw)}}

/* ---------- كيف نعمل ---------- */
.journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.journey__step{padding:28px;border:var(--hair) solid var(--rule);border-radius:var(--rad);background:var(--paper);display:flex;flex-direction:column;gap:12px}
.journey__step > p{color:var(--graphite)}
.journey__dl{margin-top:auto;display:grid;gap:0;border-top:var(--hair) solid var(--rule)}
.journey__dl > div{display:grid;grid-template-columns:62px 1fr;gap:12px;padding-block:12px;border-block-end:var(--hair) solid var(--rule);font-size:15.5px}
.journey__dl dt{font:600 14px/1.6 var(--R);color:var(--mute)}
.journey__dl .is-out{border-block-end:0}
.journey__dl .is-out dt{color:var(--red)}
.journey__dl .is-out dd{font-weight:600}
@media (max-width:900px){.journey{grid-template-columns:1fr}}
.forms3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.forms3 li{padding:28px;border-radius:var(--rad);background:var(--paper);border:var(--hair) solid var(--rule)}
.forms3 h3{margin-top:16px;font:700 21px/1.4 var(--R)}
.forms3 p{margin-top:8px;color:var(--graphite)}
.forms3__fit{font-size:14.5px;padding-top:12px;border-top:var(--hair) solid var(--rule);margin-top:16px!important}
@media (max-width:900px){.forms3{grid-template-columns:1fr}}

/* ---------- من نحن ---------- */
.prose p + p{margin-top:18px}
.prose--story p{font-size:clamp(17.5px,1.6vw,19.5px);line-height:1.95;color:var(--graphite);max-width:62ch}
.prose--story p:first-child{font:600 clamp(20px,2.2vw,26px)/1.7 var(--R);color:var(--ink)}
.idcard{display:grid;gap:0;border:var(--hair) solid var(--rule);border-radius:var(--rad);overflow:hidden;background:var(--paper)}
.idcard > div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px 22px;border-block-end:var(--hair) solid var(--rule)}
.idcard > div:last-child{border-block-end:0}
.idcard dt{color:var(--mute);font-size:15px}
.idcard dd{font:600 16px/1.5 var(--R);font-variant-numeric:tabular-nums}
.prose--legal p{max-width:80ch}
.prose--legal h2{font:700 21px/1.4 var(--R);margin-top:36px}
.prose--legal h2:first-child{margin-top:0}
.prose--legal p{margin-top:10px;color:var(--graphite)}

/* ---------- الأسئلة ---------- */
.faq__item p{max-width:80ch}
.faq__search{display:flex;align-items:center;gap:12px;padding:0 18px;min-height:58px;border:1.5px solid var(--rule);border-radius:14px;background:var(--paper);margin-block-end:36px}
.faq__search:focus-within{border-color:var(--red);box-shadow:0 0 0 3px var(--blush)}
.faq__search .ic{width:22px;height:22px;color:var(--mute)}
.faq__search input{flex:1;min-width:0;border:0;background:none;font:600 17px/1.4 var(--R);outline:none;padding:12px 0}
.faq__grp + .faq__grp{margin-top:40px}
.faq__grp h2{margin-block-end:8px;color:var(--mute)}
.faq__item{border-block-end:var(--hair) solid var(--rule)}
.faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;cursor:pointer;list-style:none;font:700 18px/1.5 var(--R)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__pm{width:22px;height:22px;color:var(--red);transition:transform .2s}
.faq__item[open] .faq__pm{transform:rotate(45deg)}
.faq__item p{padding-block-end:22px;color:var(--graphite);max-width:68ch}
.faq__empty{padding:24px;border-radius:var(--rad);background:var(--soft);color:var(--graphite)}

/* ---------- تواصل ---------- */
.compose{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.compose__form{display:grid;gap:22px}
.compose__svc,.compose__time{display:flex;flex-wrap:wrap;gap:8px}
.compose__svc legend,.compose__time legend{width:100%;font:600 15px/1.4 var(--R);color:var(--graphite);margin-block-end:10px;float:inline-start}
.chk{position:relative;display:inline-flex}
.chk input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chk span{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:6px 16px 6px 14px;border:1.5px solid var(--rule);border-radius:999px;font:600 15px/1.4 var(--R);background:var(--paper)}
.chk input:checked + span{border-color:var(--red);background:var(--blush)}
.chk input:focus-visible + span{outline:3px solid var(--red);outline-offset:2px}
.chk--pill span{padding-inline:18px}
.compose__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){.compose__grid{grid-template-columns:1fr}}
.compose__preview{position:sticky;top:96px;display:grid;gap:12px;padding:22px;border-radius:20px;background:var(--soft);border:var(--hair) solid var(--rule)}
.compose__ptitle{display:flex;align-items:center;gap:8px;font:700 16px/1.4 var(--R);color:var(--graphite)}
.compose__ptitle .ic{width:20px;height:20px;color:var(--red)}
.bubble{padding:16px 18px;border-radius:18px 18px 18px 4px;background:var(--paper);box-shadow:var(--shadow);white-space:pre-line;font-size:16px;line-height:1.8;min-height:120px}
[dir="rtl"] .bubble{border-radius:18px 18px 4px 18px}
@media (max-width:900px){.compose{grid-template-columns:1fr}.compose__preview{position:static}}
.direct{display:grid;border-block-start:var(--hair) solid var(--rule)}
.direct li{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:16px;padding-block:16px;border-block-end:var(--hair) solid var(--rule)}
.direct li > span{color:var(--mute);font-size:15px}
.direct b{font:600 17px/1.5 var(--R);overflow-wrap:anywhere}
.direct a{text-decoration:none}
.copy{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1.5px solid var(--rule);border-radius:10px;background:var(--paper);font:600 14px/1 var(--R);cursor:pointer}
.copy .ic{width:16px;height:16px}
.copy:hover{border-color:var(--ink)}
@media (max-width:560px){.direct li{grid-template-columns:1fr auto}.direct li > span{grid-column:1/-1}}


/* =====================================================================
   الرئيسية على الشاشات الكبيرة: كل قسم بارتفاع شاشة واحدة، والمحتوى في وسطه
   ===================================================================== */
@media (min-width:901px) and (min-height:600px){
  .fit{min-height:calc(100svh - 76px);padding-block:clamp(24px,4vh,48px)!important;display:flex;flex-direction:column;justify-content:center}
  .fit > .wrap,.fit > .rail,.fit > .mq,.fit > .cs__stage{width:100%}
  .fit .dh{font-size:clamp(26px,min(3.4vw,5.4vh),44px)}
  .fit .dlead{margin-top:10px;font-size:clamp(15.5px,2vh,18px)}
  /* 1) البيان */
  .hb.fit{padding-bottom:0!important}
  .hb .hb__old{font-size:clamp(30px,min(5vw,8vh),72px)}
  .hb .hb__new{font-size:clamp(54px,min(9vw,14.5vh),136px)}
  .hb .hb__lead{margin-top:2.6vh;font-size:clamp(16px,2.1vh,19.5px)}
  .hb .hb__cta{margin-top:2.6vh}
  .hb .hb__mark{width:min(400px,44vh)}
  .hb .hb__facts{margin-top:4vh;padding-block:2.6vh 3.2vh}
  .hb .hb__facts dt{font-size:clamp(26px,4.6vh,42px)}
  /* 2) المقارنة */
  .cs .cs__stage{height:clamp(440px,calc(100svh - 76px - 12vh - 120px),600px);margin-top:2vh}
  .cs .cs__desk,.cs .cs__marks{inset:auto 0 0 0;height:600px;transform:scale(var(--k,1));transform-origin:33.4% 100%}
  [dir="ltr"] .cs .cs__desk,[dir="ltr"] .cs .cs__marks{transform-origin:66.6% 100%}
  .cs .cs__foot{margin-top:2vh}
  .cs .cs__h{font-size:clamp(26px,min(3vw,5vh),42px)}
  .cs .cs__pad{padding:32px 36px}
  .cs .cs__card{margin-top:18px;padding:20px}
  .cs .cs__feed{height:clamp(120px,calc(100svh - 76px - 12vh - 450px),188px)}
  /* 3) التكلفة */
  .cost .cost__ask .one__q{margin-top:1.6vh;font-size:clamp(15px,2vh,18px)}
  .cost .one__n output{font-size:clamp(40px,7vh,64px)}
  .cost .one__big{font-size:clamp(40px,min(6vw,9vh),84px)}
  .cost .one__hid{margin-top:1.4vh;padding:9px 14px;font-size:15px}
  .cost .one__note{margin-top:1vh;font-size:13.5px}
  .cost .cost__hidden{margin-top:3.6vh;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
  .cost .cost__arrow{margin:0;grid-row:span 2;width:40px;height:40px}
  .cost .cost__h{font-size:clamp(22px,3.8vh,32px)}
  .cost .dlead{margin-top:2px}
  .cost .lamp{margin-top:2vh}
  .cost .lamp__grid{min-height:clamp(260px,38vh,340px);padding:28px clamp(16px,4vw,48px);font-size:clamp(16px,min(1.7vw,2.7vh),23px);gap:8px 28px}
  /* 4) القديم والجديد */
  .twin .twin__grid{margin-top:2.6vh}
  .twin .twin__card{padding:16px 18px 18px}
  .twin .twin__svg{height:clamp(300px,calc(100svh - 76px - 360px),520px)}
  .twin .twin__cap{margin-top:6px;font-size:15.5px}
  /* 5) الخدمات */
  .rails.fit{padding-bottom:clamp(24px,4vh,48px)!important}
  .rails .rail{padding-top:2.6vh;padding-bottom:2vh}
  .rails .panel{min-height:clamp(300px,42vh,380px);padding:24px}
  .rails .panel h3{font-size:clamp(22px,3.2vh,28px)}
  .rails .panel p{font-size:15.5px;line-height:1.7}
  .rails .ring--lg{width:64px;height:64px}
  /* 6) ما تحصلون عليه والمنصات */
  .sec--gets .gets{margin-top:2.6vh}
  .sec--gets .gets li{padding:22px 20px 24px;gap:10px}
  .sec--gets .ring--lg{width:64px;height:64px}
  .sec--gets .gets h3{font-size:19px}
  .sec--gets .gets p{font-size:15px;line-height:1.7}
  .sec--gets > .wrap > .more{margin-top:14px}
  .sec--gets .mq-head{margin:3.2vh 0 6px;padding-top:2.6vh}
  .sec--gets .mq-line{font-size:clamp(18px,2.6vh,24px)}
  .sec--gets .mq{padding-block:4px}
  .sec--gets .mq span{font-size:clamp(24px,4.4vh,40px)}
  /* 7) الختام */
  .close .close__title{font-size:clamp(30px,min(5.4vw,8vh),76px);line-height:1.25}
  .close .close__text{margin-top:1.4vh;font-size:clamp(15.5px,2vh,18px)}
  .close .close__steps-h{margin-top:3.2vh;font-size:17px}
  .close .cstep{margin-top:1.4vh}
  .close .cstep__i{padding:18px 20px 20px}
  .close .cstep__n{width:38px;height:38px;font-size:16px;margin-bottom:4px}
  .close .cstep__i p{font-size:15px;line-height:1.65}
  .close .reach{margin-top:12px}
  .close .reach__cell{padding:16px 24px}
  .close .close__more{margin-top:1.6vh}
}

/* =====================================================================
   الجوال والأجهزة اللوحية (حتى 900px) — لا يمسّ نسخة الكمبيوتر
   ===================================================================== */
@media (max-width:900px){
  /* المقارنة: فاصل أفقي يتحرك صعودًا وهبوطًا، في شاشة واحدة */
  .cs.fit,.cs{padding-block:26px 28px}
  .cs .cs__head{gap:6px}
  .cs .dh{font-size:30px}
  .cs .cs__stage{height:clamp(440px,calc(100svh - 76px - 200px),600px);margin-top:16px;border-radius:22px}
  .cs .cs__side{position:absolute;inset:0}
  .cs .cs__pad{height:100%;padding:20px 18px}
  .cs .cs__h{margin-top:10px;font-size:25px;max-width:none}
  .cs .cs__new{clip-path:inset(var(--y,50%) 0 0 0)!important}
  .cs .cs__new .cs__pad{justify-content:flex-start;align-items:stretch;text-align:start;padding-top:22px;transform:translateY(var(--y,50%))}
  .cs .cs__new .cs__lbl{align-self:flex-start}
  .cs .cs__desk{position:absolute;inset:auto;top:142px;bottom:29%;left:12px;right:12px;display:block;margin:0;padding:0}
  .cs .cs__desk .cs__note{display:none}
  .cs .cs__desk .cs__note.is-m{display:block;position:absolute;inset:auto;inset-inline-start:var(--ml);top:var(--mt);transform:rotate(var(--mr));width:30%;font-size:12.5px;line-height:1.45;padding:10px 8px 11px}
  .cs .cs__desk .cs__note.is-circle::after{inset:-8px -8px}
  .cs .cs__card{width:auto;margin-top:12px;padding:16px}
  .cs .cs__card h4{font-size:16.5px}
  .cs .cs__card small{display:none}
  .cs .cs__feed{height:118px;margin-top:10px}
  .cs .cs__card li{padding:9px 12px;font-size:14px}
  .cs .cs__handle{display:block;top:var(--y,50%);bottom:auto;left:0;right:0;width:auto;height:0}
  .cs .cs__handle::before{top:-1.5px;bottom:auto;left:0;right:0;width:auto;height:3px}
  .cs .cs__knob{top:0;left:50%;right:auto;width:56px;height:56px;margin:-28px 0 0 -28px;pointer-events:auto;touch-action:none;cursor:ns-resize}
  .cs .cs__o{inset:5px;width:46px;height:46px}
  .cs .cs__arw{width:20px;height:20px;transform:rotate(90deg)}
  .cs .cs__foot{margin-top:14px;gap:8px;flex-wrap:nowrap}
  .cs .cs__foot .btn{flex:1 1 0;min-width:0;padding-inline:10px;font-size:15px}
  .cs .cs__foot .btn .ic{display:none}
  .cs .cs__foot .btn{white-space:nowrap}
}
@media (max-width:380px){.cs .cs__foot .btn{font-size:14px;padding-inline:8px}}
@media (max-width:900px) and (max-height:760px){.cs .cs__desk{top:150px}.cs .cs__desk .cs__note.is-m{font-size:12px;padding:8px 7px 9px}}
@media (max-width:900px){
  /* الكشّاف: 16 بندًا فقط، والعدسة تتجوّل وحدها */
  .lamp__grid > :nth-child(n+17){display:none}
  .lamp__grid{padding:26px 16px}
}
@media (max-width:700px){
  /* مسافات أقصر بين أقسام الرئيسية على الجوال */
  .cost,.twin,.rails,.sec--gets,.close{padding-block:44px}
  .cost .cost__hidden{margin-top:34px}
  .cost .cost__arrow{display:none}
  .cost .lamp{margin-top:18px}

  /* الدائرة: شارات أكبر تُقرأ */
  .w-bdg{--bs:1.5}
  .twin .twin__grid{margin-top:22px;gap:14px}
  .twin .twin__card{padding:16px 14px 18px}
  .twin .twin__cap{font-size:15px}

  /* الخدمات */
  .rails .rail{padding-top:22px;padding-bottom:14px}

  /* ما تحصلون عليه: شريط يُسحب بالإصبع */
  .sec--gets .gets{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;gap:12px;margin-top:22px;margin-inline:calc(var(--gut) * -1);
    padding:4px var(--gut) 10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);overscroll-behavior-x:contain;scrollbar-width:none}
  .sec--gets .gets::-webkit-scrollbar{display:none}
  .sec--gets .gets li{scroll-snap-align:start;padding:22px 20px 24px;gap:10px}
  .sec--gets .gets h3{font-size:19px}
  .sec--gets .gets p{font-size:15px;line-height:1.7}
  .sec--gets .mq-head{margin:30px 0 8px;padding-top:24px}

  /* الخطوات الثلاث: خط زمني مضغوط */
  .close .close__steps-h{margin-top:30px}
  .close .cstep{gap:0;margin-top:14px}
  .close .cstep__i,.close .cstep__i.is-now{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;padding:0 0 18px;background:none;border:0;box-shadow:none;opacity:1}
  .close .cstep__i:last-child{padding-bottom:0}
  .close .cstep__i:not(:last-child)::before{content:"";position:absolute;inset-inline-start:18px;top:40px;bottom:2px;width:2px;background:var(--rose)}
  .close .cstep__n{grid-row:span 2;width:38px;height:38px;margin:0;font-size:15px;background:var(--paper)}
  .close .is-now .cstep__n{background:var(--red)}
  .close .cstep__i h4{align-self:center;font-size:18px}
  .close .cstep__i p{grid-column:2;font-size:14.5px;line-height:1.65}
  .close .reach{margin-top:22px}
  .close .reach__cell{padding:18px 20px}

  /* الفوتر */
  .foot__nav{gap:16px}
  .foot__row h2{margin-bottom:6px}
  .foot__row ul{gap:8px 22px}
}
/* شريط الحجز السفلي على الجوال */
.mbar{display:none}
@media (max-width:700px){
  .mbar{display:block;position:fixed;z-index:60;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
    background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:var(--hair) solid var(--rule);
    transform:translateY(110%);transition:transform .35s cubic-bezier(.2,.8,.2,1);visibility:hidden}
  .mbar.is-show{transform:none;visibility:visible}
  .mbar .btn{width:100%;justify-content:center}
}
/* الرؤية والرسالة (عرض مؤقت) */
.prose .vm{margin-top:10px;font:600 clamp(19px,2vw,24px)/1.8 var(--R);color:var(--ink);max-width:60ch;text-wrap:pretty}

/* =====================================================================
   الصفحات الفرعية (غير الخدمات) — نفس نظام الرئيسية
   ===================================================================== */
.pg-sub .phero{display:flex;align-items:center;min-height:clamp(340px,44vh,440px);padding-block:clamp(40px,6vw,72px)}
.pg-sub .phero > .wrap{width:100%}
.pg-sub .phero__title{font-size:clamp(34px,5vw,64px);max-width:16ch}
.pg-sub .phero__lead{max-width:58ch}
.pg-sub .phero__mark .ring{box-shadow:0 30px 60px -36px rgba(200,16,46,.45)}
.pg-sub .shead .h2,.pg-sub .h2{font-size:clamp(28px,3.6vw,46px);line-height:1.15;letter-spacing:-.02em}
.pg-sub .shead .lead,.pg-sub .lead{font-size:clamp(17px,1.6vw,20px);line-height:1.85}
.pg-sub .sec{padding-block:clamp(56px,7vw,100px)}
.pg-sub .sec--tight{padding-block:clamp(40px,5vw,64px) clamp(56px,7vw,100px)}
.pg-sub main > section:last-child{border-block-end:var(--hair) solid var(--rule)}

/* خطوات النماذج: رقم في حلقة ثم عنوان */
.cstp{display:grid;gap:16px;min-width:0;margin:0;padding:0;border:0}
.cstp legend{display:flex;align-items:center;gap:12px;padding:0;margin-block-end:16px;font:700 clamp(18px,1.6vw,21px)/1.4 var(--R);color:var(--ink);float:inline-start;width:100%}
.cstp legend + *{clear:both}
.cstp__n{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:2px solid var(--red);color:var(--red);font:700 15px/1 var(--R)}
.field__l i{font-style:normal;color:var(--red)}
.field__i[aria-invalid="true"]{border-color:var(--red);background:#FFF8F9}

/* ---------- تواصل معنا ---------- */
.ct__cards{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}
.ct__card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:28px 26px 30px;border-radius:24px;background:var(--paper);border:var(--hair) solid var(--rule);box-shadow:var(--shadow)}
.ct__card--wa{border-color:var(--red);box-shadow:0 24px 50px -30px rgba(200,16,46,.45)}
.ct__card .ring{margin-block-end:8px}
.ct__card h2{font:700 clamp(21px,1.9vw,25px)/1.3 var(--R)}
.ct__card > p{color:var(--graphite);font-size:15.5px;line-height:1.75}
.ct__big{margin-top:auto;padding-top:10px;font:700 clamp(22px,2.1vw,28px)/1.2 var(--R);color:var(--ink);text-decoration:none;direction:ltr}
.ct__big:hover{color:var(--red)}
.ct__card--wa .btn{margin-top:8px;align-self:stretch}
.ct__meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:14.5px;color:var(--mute)}
.ct__meta .ic{width:18px;height:18px;color:var(--red)}
.ct__mails{display:grid;gap:12px;width:100%;margin-top:auto;padding-top:10px}
.ct__mails li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;padding-top:12px;border-top:var(--hair) solid var(--rule)}
.ct__mails span{grid-column:1;font-size:13.5px;color:var(--mute)}
.ct__mails a{grid-column:1;font:600 17px/1.5 var(--R);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.ct__mails a:hover{color:var(--red)}
.ct__copy{grid-column:2;grid-row:1/span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1.5px solid var(--rule);background:var(--paper);color:var(--graphite);cursor:pointer}
.ct__copy:hover{border-color:var(--ink);color:var(--ink)}
.ct__copy .ic{width:18px;height:18px}
.ct__copy.is-done{border-color:var(--red);color:var(--red)}
.ct__row{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-top:16px}
.ct__support{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:20px;background:var(--alt);border:var(--hair) solid var(--rule);color:var(--ink);text-decoration:none;transition:border-color .2s}
.ct__support:hover{border-color:var(--red)}
.ct__si{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--paper);color:var(--red)}
.ct__si .ic{width:22px;height:22px}
.ct__support b{display:block;font:700 17px/1.4 var(--R)}
.ct__support small{display:block;font-size:14.5px;color:var(--graphite)}
.ct__go{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;font:700 15px/1 var(--R);color:var(--red);white-space:nowrap}
.ct__go .ic{width:18px;height:18px}
.ct__hq{display:flex;align-items:center;gap:14px;padding:20px 24px;border-radius:20px;border:var(--hair) solid var(--rule)}
.ct__hq > .ic{flex:none;width:24px;height:24px;color:var(--red)}
.ct__hq b{display:block;font:700 16px/1.4 var(--R)}
.ct__hq small{display:block;font-size:14px;color:var(--mute)}

/* المؤلف: نموذج بخطوات + هاتف تتكوّن فيه الرسالة */
.pg-contact .compose{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,5vw,72px)}
.pg-contact .compose__form{gap:34px}
.phone{position:sticky;top:96px;display:grid;gap:12px}
.phone__frame{border-radius:34px;padding:10px;background:var(--ink);box-shadow:0 40px 70px -40px rgba(31,29,34,.55)}
.phone__bar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:26px 26px 0 0;background:#2B2830;color:#fff}
.phone__av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff}
.phone__av img{width:22px;height:auto}
.phone__bar b{display:block;font:700 15.5px/1.3 var(--R)}
.phone__bar small{display:block;font-size:12.5px;color:#B9B2BA}
.phone__chat{min-height:300px;padding:22px 16px;border-radius:0 0 26px 26px;background:#F4EEEC;display:flex;flex-direction:column;justify-content:flex-end}
.phone .bubble{align-self:flex-end;max-width:92%;min-height:0;background:#FFFFFF;border-radius:18px 4px 18px 18px;box-shadow:0 1px 1px rgba(0,0,0,.06);font-size:15px}
[dir="rtl"] .phone .bubble{align-self:flex-start;border-radius:4px 18px 18px 18px}

/* ---------- الدعم الفني ---------- */
.tk__in{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.tk__main{padding:clamp(24px,3vw,40px);border-radius:28px;background:var(--paper);border:var(--hair) solid var(--rule);box-shadow:var(--shadow)}
.tk__form{display:grid;gap:32px}
.tk__h{font:700 clamp(24px,2.4vw,32px)/1.25 var(--R)}
.tk__opts{display:grid;gap:10px}
.tk__prio .chk--urgent input:checked + span{background:var(--red);border-color:var(--red);color:#fff}
.tk__prio .chk--high input:checked + span{border-color:var(--red);background:var(--blush)}
.tk__human{min-height:66px}
.tk__human.is-off{min-height:0}
.tk__consent{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--graphite);cursor:pointer}
.tk__consent input{flex:none;width:20px;height:20px;margin-top:3px;accent-color:var(--red)}
.tk__hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.tk__err{padding:12px 16px;border-radius:12px;background:#FFF1F3;border:var(--hair) solid var(--rose);color:var(--red);font:600 15px/1.6 var(--R)}
.tk__send{justify-self:start;min-width:240px}
.tk__send[disabled]{opacity:.7;cursor:progress}
.tk__note{margin-top:-18px}
.tk__done,.tk__fb{display:grid;justify-items:start;gap:14px;outline:none}
.tk__done[hidden],.tk__fb[hidden]{display:none}
.tk__ok{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--red);color:#fff}
.tk__ok .ic{width:30px;height:30px;stroke-width:2.6}
.tk__ok--warn{background:var(--blush);color:var(--red)}
.tk__num{display:grid;gap:2px;padding:14px 20px;border-radius:14px;background:var(--alt);border:var(--hair) dashed var(--rose)}
.tk__num small{font-size:13px;color:var(--mute)}
.tk__num b{font:700 clamp(24px,2.6vw,32px)/1.2 var(--R);letter-spacing:.04em;direction:ltr}
.tk__done > p:not(.tk__num),.tk__fb > p:not(.tk__num){color:var(--graphite);max-width:52ch}
.tk__fbact{display:flex;flex-wrap:wrap;gap:10px}
.tk__side{position:sticky;top:96px;display:grid;gap:22px}
.tk__sh{font:700 20px/1.4 var(--R)}
.tk__how{display:grid;gap:18px}
.tk__how li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
.tk__how h3{font:700 16.5px/1.4 var(--R)}
.tk__how p{font-size:14.5px;line-height:1.7;color:var(--graphite)}
.tk__direct{padding:20px 22px;border-radius:20px;background:var(--alt);border:var(--hair) solid var(--rule)}
.tk__direct h3{font:700 15.5px/1.4 var(--R);color:var(--graphite)}
.tk__direct a{display:inline-block;margin-top:6px;font:700 19px/1.4 var(--R);color:var(--ink);text-decoration:none}
.tk__direct a:hover{color:var(--red)}
.tk__direct p{margin-top:6px;font-size:14px;color:var(--mute)}

@media (max-width:1000px){
  .ct__cards{grid-template-columns:1fr 1fr}
  .ct__card--wa{grid-column:1/-1}
  .ct__row{grid-template-columns:1fr}
  .pg-contact .compose,.tk__in{grid-template-columns:1fr}
  .phone,.tk__side{position:static}
  .phone{max-width:420px}
}
@media (max-width:700px){
  .pg-sub .phero{min-height:0}
  .ct__cards{grid-template-columns:1fr}
  .ct__card{padding:22px 20px 24px}
  .ct__support{flex-wrap:wrap}
  .ct__go{margin-inline-start:62px}
  .tk__main{padding:20px 16px;border-radius:22px}
  .tk__send{justify-self:stretch}
}
@media (max-width:700px){
  .ct__card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:center}
  .ct__card > *{grid-column:1/-1}
  .ct__card .ring{grid-column:1;grid-row:1/span 2;width:56px;height:56px;margin:0}
  .ct__card h2,.ct__card > p:first-of-type{grid-column:2}
  .ct__card h2{align-self:end}
  .ct__card > p:first-of-type{align-self:start;font-size:14.5px}
  .ct__big{padding-top:6px}
  .phone__chat{min-height:170px}
}

/* ---------- حاسبة التكلفة الفعلية للوحدة (الشحنات) ---------- */
.landed__in{display:grid;grid-template-columns:1fr;gap:14px}
.lc__grp{margin:0;padding:18px 20px 20px;border:var(--hair) solid var(--rule);border-radius:20px;background:var(--paper)}
.lc__grp legend{display:flex;align-items:center;gap:12px;float:inline-start;width:100%;padding:0;margin-block-end:14px}
.lc__grp legend + *{clear:both}
.lc__gt{font:700 17px/1.3 var(--R)}
.lc__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.fx{position:relative;display:block}
.fx .field__i{padding-left:58px;padding-right:14px;font:700 17px/1.3 var(--R);font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.fx .field__i::-webkit-outer-spin-button,.fx .field__i::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fx__u{position:absolute;inset-block:0;left:14px;display:grid;place-items:center;font:600 13px/1 var(--R);color:var(--mute);pointer-events:none}
[dir="rtl"] .fx .field__i{text-align:right}
.lc__head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.lc__head > div{padding:16px 18px;border-radius:16px;background:var(--alt)}
.lc__head > div > span{display:block;font:600 13.5px/1.4 var(--R);color:var(--mute)}
.lc__head b{display:block;margin-top:6px;font:700 clamp(26px,3vw,36px)/1.1 var(--R);font-variant-numeric:tabular-nums}
.lc__head small{font-size:14px;font-weight:600;color:var(--mute)}
.lc__head .lc__to{background:var(--blush)}
.lc__head .lc__to b{color:var(--red)}
.lc__head .lc__to-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--paper);border:var(--hair) solid var(--rule);color:var(--red)}
.lc__to-ic .ic{width:18px;height:18px}
[dir="ltr"] .lc__to-ic .ic{transform:scaleX(-1)}
.lc__gap{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;border-radius:14px;border:1.5px dashed var(--rose)}
.lc__gap b{font:700 26px/1 var(--R);color:var(--red);font-variant-numeric:tabular-nums}
.lc__gap span{font:600 15px/1.5 var(--R);color:var(--graphite)}
.lc__wh{margin-top:22px;font:700 16px/1.4 var(--R)}
.lc__wh small{font-weight:600;color:var(--mute);font-size:13px}
.lc__fall{display:grid;grid-template-columns:max-content minmax(0,1fr) 64px;column-gap:12px;row-gap:4px;margin-top:10px}
.lc__fall li{grid-column:1/-1;grid-template-columns:subgrid!important}
.lc__fall li{display:grid;grid-template-columns:max-content minmax(0,1fr) 64px;align-items:center;gap:12px;min-height:32px}
.lc__l{display:flex;align-items:center;gap:8px;font:600 14.5px/1.3 var(--R)}
.lc__l .stack__sw{flex:none}
.lc__track{position:relative;height:14px;border-radius:4px;background:var(--alt)}
.lc__bar{position:absolute;top:0;bottom:0;inset-inline-start:0;min-width:3px;border-radius:3px;transition:width .35s ease,inset-inline-start .35s ease}
.lc__fall b{text-align:end;font:700 15px/1 var(--R);font-variant-numeric:tabular-nums;direction:ltr}
.lc__sum{margin-top:6px;padding-top:10px;border-top:2px solid var(--ink)}
.lc__sum .lc__l{font-weight:700}
.lc__sum .lc__bar{width:100%;background:var(--red)}
.lc__sum b{color:var(--red);font-size:17px}
.lc__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;padding-top:12px;border-top:var(--hair) solid var(--rule);font:600 15px/1.4 var(--R);color:var(--graphite)}
.lc__total b{font:700 18px/1 var(--R);color:var(--ink)}
.lc__notes{margin-top:clamp(24px,3vw,36px);padding:clamp(20px,2.6vw,30px);border-radius:22px;background:var(--alt);border:var(--hair) solid var(--rule)}
.lc__notes h3{font:700 18px/1.4 var(--R)}
.lc__notes ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;margin-top:14px}
.lc__notes li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.lc__notes .ic{width:22px;height:22px;color:var(--red);margin-top:3px}
.lc__notes p{font-size:15px;line-height:1.75;color:var(--graphite);text-wrap:pretty}
@media (max-width:1000px){.lc__notes ul{grid-template-columns:1fr}}
@media (max-width:520px){
  .lc__head{grid-template-columns:1fr}
  .lc__to-ic{justify-self:center;transform:rotate(-90deg)}
  .lc__fall li{grid-template-columns:80px minmax(0,1fr) 62px;gap:8px}
}
.lc__ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--blush);color:var(--red)}
.lc__ic .ic{width:22px;height:22px}
/* الحاسبة: العمودان بنفس الارتفاع، والنتيجة تتوزّع على طول عمود الخانات */
.landed{align-items:stretch}
.landed__in{align-content:start}
.landed__out{position:static;display:flex;flex-direction:column}
.landed__out .lc__fall{flex:1;align-content:space-between}
.lc__l{white-space:nowrap}
@media (max-width:900px){.landed__out .lc__fall{flex:none}}
/* قائمة «إيروبا» المنسدلة */
.drop--sm{width:min(520px,90vw)}
.nav__drop[data-here]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--red);border-radius:0}
/* القائمة على الجوال: الضبابية في الترويسة تحبس القائمة داخلها، فتُلغى وهي مفتوحة */
@media (max-width:1200px){.top.is-open{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}}
.drop__feat{grid-column:1/-1}
.drop__feat a{background:var(--blush)}
.drop__feat a:hover,.drop__feat a[aria-current="page"]{background:var(--rose)}
/* «الدعم الفني» للعملاء الحاليين: مفصول عن روابط التعريف بخط رفيع */
.nav__util{display:flex;align-items:center;margin-inline-start:6px;padding-inline-start:8px;border-inline-start:var(--hair) solid var(--rule)}
.nav__util .nav__link .ic{width:18px;height:18px;color:var(--red)}
@media (max-width:1200px){.nav__util{display:block;margin:0;padding:0;border:0}.nav__util .nav__link{justify-content:flex-start;gap:10px}}

/* =====================================================================
   صفحات الخدمات — المكوّنات الجديدة
   ===================================================================== */
/* مقارنة الوضعين */
.vs{display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(31,29,34,.45)}
.vs__col{padding:clamp(24px,3vw,40px)}
.vs__col h3{font:700 clamp(19px,1.8vw,23px)/1.35 var(--R);margin-block-end:18px}
.vs__col ul{display:grid;gap:4px}
.vs__col li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:var(--hair) solid rgba(255,255,255,.1);font-size:16px;line-height:1.65}
.vs__col--old{background:#26232B;color:#D8D2DA}
.vs__col--old h3{color:#fff}
.vs__col--old .ic{flex:none;width:20px;height:20px;margin-top:3px;color:#FF4D67}
.vs__col--new{background:var(--blush)}
.vs__col--new li{border-top-color:var(--rose);color:var(--ink)}
.vs__col--new .tick{flex:none;margin-top:2px}

/* افحصوا دفاتركم */
.hc{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.hc__qs{display:grid;gap:10px}
.hc__q{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 18px;padding:14px 18px;border-radius:16px;background:var(--paper);border:var(--hair) solid var(--rule)}
.hc__q:has(input:checked){border-color:var(--rose)}
.hc__q p{display:flex;align-items:flex-start;gap:12px;font:600 16px/1.6 var(--R)}
.hc__n{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--alt);font:700 13px/1 var(--R);color:var(--mute);margin-top:1px}
.hc__a{display:flex;gap:6px}
.hc__opt span{min-height:38px;padding:4px 14px;font-size:14px}
.hc__opt--no input:checked + span{border-color:var(--red);background:var(--red);color:#fff}
.hc__opt--some input:checked + span{border-color:#E58C9C;background:var(--blush)}
.hc__opt--yes input:checked + span{border-color:var(--ink);background:var(--ink);color:#fff}
.hc__out{position:sticky;top:96px;display:grid;justify-items:center;gap:10px;padding:clamp(22px,3vw,32px);border-radius:24px;background:var(--paper);border:var(--hair) solid var(--rule);box-shadow:var(--shadow);text-align:center}
.hc__gauge{position:relative;width:150px;height:150px}
.hc__gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.hc__gauge circle{fill:none;stroke-width:9}
.hc__track{stroke:var(--alt)}
.hc__fill{stroke:var(--ink);stroke-linecap:round;transition:stroke-dasharray .5s ease,stroke .3s}
.hc.is-mid .hc__fill{stroke:#E58C9C}
.hc.is-low .hc__fill{stroke:var(--red)}
.hc__gauge b{position:absolute;inset:0;display:grid;place-items:center;font:700 34px/1 var(--R);font-variant-numeric:tabular-nums}
.hc__prog{font-size:13.5px;color:var(--mute)}
.hc__lvl{font:700 21px/1.4 var(--R)}
.hc__txt{font-size:15px;line-height:1.75;color:var(--graphite)}
.hc__path,.hc__gaps{width:100%;padding:14px 16px;border-radius:14px;background:var(--alt);text-align:start}
.hc__path small,.hc__gaps small{display:block;font:600 12.5px/1.4 var(--R);color:var(--mute)}
.hc__path b{display:block;margin-top:4px;font:700 17px/1.4 var(--R);color:var(--red)}
.hc__gaps ul{display:grid;gap:6px;margin-top:6px}
.hc__gaps li{position:relative;padding-inline-start:16px;font-size:14.5px;line-height:1.6}
.hc__gaps li::before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--red)}
.hc__out .tiny{text-align:start}

/* إقفال الشهر يومًا بيوم */
.mc__bar{display:flex;align-items:flex-start;gap:16px}
.mc__play{flex:none;display:grid;place-items:center;width:46px;height:46px;margin-top:6px;border-radius:50%;border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer}
.mc__play .ic{width:18px;height:18px}
.mc__play .mc__ipl,.mc.is-paused .mc__ip{display:none}
.mc.is-paused .mc__ipl{display:block}
.mc__days{--p:0%;position:relative;flex:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.mc__days::before,.mc__days::after{content:"";position:absolute;top:28px;height:3px;border-radius:3px;inset-inline-start:calc(100% / 16);width:calc(100% - 100% / 8);background:var(--rule)}
.mc__days::after{background:var(--red);width:calc((100% - 100% / 8) * var(--p) / 100%);transition:width .5s ease}
.mc__days button{position:relative;z-index:1;display:grid;justify-items:center;gap:2px;width:100%;padding:0;border:0;background:none;cursor:pointer;color:var(--mute);font:inherit}
.mc__days small{font:600 11px/1.2 var(--R);opacity:0}
.mc__days b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--paper);border:2px solid var(--rule);font:700 16px/1 var(--R);color:var(--mute);transition:all .3s}
.mc__days span{margin-top:6px;font:600 13px/1.35 var(--R);text-align:center}
.mc__days button.is-past b{border-color:var(--red);color:var(--red)}
.mc__days button[aria-selected="true"] b{background:var(--red);border-color:var(--red);color:#fff;transform:scale(1.08)}
.mc__days button[aria-selected="true"] span{color:var(--ink)}
.mc__days button:focus-visible b{outline:3px solid var(--ink);outline-offset:3px}
.mc__days small{position:absolute;top:-16px}
.mc__panels{margin-top:24px}
.mc__p{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:clamp(22px,3vw,32px);border-radius:24px;background:var(--alt);border:var(--hair) solid var(--rule)}
.mc__p[hidden]{display:none}
.mc__k{font:700 13px/1.4 var(--R);color:var(--red)}
.mc__p h3{margin:4px 0 14px;font:700 clamp(21px,2vw,26px)/1.3 var(--R)}
.mc__out{display:grid;gap:4px;min-width:200px;padding:18px 22px;border-radius:18px;background:var(--paper);border:1.5px dashed var(--rose);text-align:center}
.mc__out small{font:600 12.5px/1.3 var(--R);color:var(--mute)}
.mc__out b{font:700 19px/1.3 var(--R);color:var(--red)}
.mc__note{margin-top:14px}

/* بطاقات المسارات */
.pcards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.pcard{grid-column:span 2;display:flex;flex-direction:column;gap:10px;padding:26px 24px;border-radius:24px;background:var(--paper);border:var(--hair) solid var(--rule);transition:border-color .3s,box-shadow .3s}
.pcard:nth-child(4),.pcard:nth-child(5){grid-column:span 3}
.pcard h3{margin-top:6px;font:700 20px/1.35 var(--R)}
.pcard > p{color:var(--graphite);font-size:15.5px;line-height:1.75}
.pcard__fit{margin-top:auto;padding-top:12px;border-top:var(--hair) solid var(--rule);font-size:14.5px}
.pcard__fit b{color:var(--red)}
.pcard.is-rec{border-color:var(--red);box-shadow:0 24px 50px -30px rgba(200,16,46,.45)}

/* ما يصلكم ومتى */
.dlv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dlv__col{padding:26px 24px;border-radius:24px;background:var(--paper);border:var(--hair) solid var(--rule)}
.dlv__col h3{display:flex;align-items:center;gap:12px;font:700 19px/1.3 var(--R);padding-block-end:14px;border-bottom:2px solid var(--red)}
.dlv__col ul{display:grid}
.dlv__col li{padding:12px 0;border-bottom:var(--hair) solid var(--rule);font-size:15.5px;line-height:1.6}
.dlv__col li:last-child{border-bottom:0}

/* أول ثلاثين يومًا */
.first30{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
.wk{display:grid;gap:0}
.wk li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding-bottom:22px}
.wk li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:19px;top:42px;bottom:2px;width:2px;background:var(--rose)}
.wk__n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--red);color:var(--red);background:var(--paper);font:700 16px/1 var(--R)}
.wk h3{font:700 18px/1.4 var(--R);margin-top:7px}
.wk p{margin-top:4px;color:var(--graphite);font-size:15.5px;line-height:1.75}
.need{position:sticky;top:96px;padding:26px 24px;border-radius:24px;background:var(--paper);border:var(--hair) solid var(--rule)}
.need h3{font:700 19px/1.4 var(--R);margin-block-end:14px}

.faq--svc .faq__item p{max-width:72ch}

@media (max-width:1000px){
  .hc,.first30{grid-template-columns:1fr}
  .hc__out,.need{position:static}
  .pcards{grid-template-columns:1fr 1fr}
  .pcard,.pcard:nth-child(4),.pcard:nth-child(5){grid-column:auto}
  .pcard:last-child{grid-column:1/-1}
  .dlv{grid-template-columns:1fr}
}
@media (max-width:760px){
  .vs{grid-template-columns:1fr}
  .hc__q{grid-template-columns:1fr}
  .hc__a{justify-content:flex-start;padding-inline-start:38px}
  .mc__bar{flex-direction:column;align-items:stretch}
  .mc__play{align-self:flex-start;margin:0}
  .mc__days{overflow-x:auto;grid-template-columns:repeat(8,64px);padding-bottom:6px;scrollbar-width:none}
  .mc__days::before,.mc__days::after{display:none}
  .mc__p{grid-template-columns:1fr}
  .mc__out{min-width:0}
  .pcards{grid-template-columns:1fr}
}
/* تقويم الالتزامات (المنصات الحكومية) */
.ycal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:clamp(20px,3vw,40px);align-items:start}
.ycal__in{position:sticky;top:96px;display:grid;gap:20px;padding:24px 22px;border-radius:24px;background:var(--paper);border:var(--hair) solid var(--rule);box-shadow:var(--shadow)}
.ycal__in fieldset{margin:0;padding:0;border:0}
.ycal__in legend{margin-block-end:8px}
.ycal__num{display:flex;align-items:center;gap:14px}
.ycal__num input{flex:1;accent-color:var(--red)}
.ycal__num output{min-width:44px;padding:6px 10px;border-radius:10px;background:var(--alt);text-align:center;font:700 18px/1.2 var(--R)}
.ycal__legend{display:flex;flex-wrap:wrap;gap:6px 16px;padding-top:14px;border-top:var(--hair) solid var(--rule);font-size:13.5px;color:var(--graphite)}
.ycal__legend li{display:flex;align-items:center;gap:6px}
.ycal__dot{width:10px;height:10px;border-radius:3px}
.ycal__dot--labor,.ycal__c--labor::before{background:var(--red)}
.ycal__dot--tax,.ycal__c--tax::before{background:var(--ink)}
.ycal__dot--lic,.ycal__c--lic::before{background:#9A929C}
.ycal__total{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:20px;background:var(--paper);border:var(--hair) solid var(--rule)}
.ycal__total b{font:700 clamp(46px,5vw,64px)/1 var(--R);color:var(--red);font-variant-numeric:tabular-nums}
.ycal__total strong{display:block;font:700 19px/1.4 var(--R)}
.ycal__total small{display:block;font-size:14px;color:var(--graphite)}
.ycal__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.ycal__m{padding:12px;border-radius:14px;background:var(--paper);border:var(--hair) solid var(--rule);min-height:120px}
.ycal__m h3{display:flex;justify-content:space-between;align-items:baseline;font:700 14.5px/1.3 var(--R);margin-block-end:8px}
.ycal__m h3 small{font-size:12px;color:var(--mute)}
.ycal__m ul{display:grid;gap:4px}
.ycal__c{position:relative;padding-inline-start:12px;font-size:12.5px;line-height:1.45;color:var(--graphite)}
.ycal__c::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:6px;height:6px;border-radius:2px}
.ycal__year{margin-top:8px;padding:16px 18px;border-radius:14px;background:var(--paper);border:1.5px dashed var(--rose)}
.ycal__year h3{font:700 15px/1.4 var(--R);margin-block-end:8px}
.ycal__year ul{display:flex;flex-wrap:wrap;gap:6px 20px}
.ycal__year .ycal__c{font-size:14px}
.ycal__year b{color:var(--ink)}
.ycal__note{margin-top:16px}
@media (max-width:1000px){.ycal{grid-template-columns:1fr}.ycal__in{position:static}.ycal__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.ycal__grid{grid-template-columns:1fr 1fr}.ycal__total{flex-direction:column;align-items:flex-start;gap:6px}}
/* ERP: مقياس الاستغلال */
.um__groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.um__g{margin:0;padding:16px 18px 10px;border-radius:18px;background:var(--paper);border:var(--hair) solid var(--rule)}
.um__g:last-child{grid-column:1/-1}
.um__g legend{float:inline-start;width:100%;margin-block-end:8px;font:700 15px/1.3 var(--R);color:var(--red)}
.um__g legend + *{clear:both}
.um__g:last-child{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.um__g:last-child legend{grid-column:1/-1}
.um__i{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:var(--hair) solid var(--rule);cursor:pointer;font:600 15px/1.55 var(--R)}
.um__i input{position:absolute;opacity:0;width:1px;height:1px}
.um__box{display:grid;place-items:center;flex:none;width:24px;height:24px;margin-top:1px;border-radius:7px;border:1.5px solid var(--rule);background:var(--paper);color:transparent;transition:all .2s}
.um__box .ic{width:16px;height:16px;stroke-width:3}
.um__i input:checked + .um__box{background:var(--red);border-color:var(--red);color:#fff}
.um__i input:focus-visible + .um__box{outline:3px solid var(--ink);outline-offset:2px}
.um .hc__fill{stroke:var(--ink)}
.um.is-mid .hc__fill{stroke:#E58C9C}
.um.is-low .hc__fill{stroke:var(--red)}
/* ERP: قبل وبعد */
.bf__p{display:grid;gap:14px}
.bf__p[hidden]{display:none}
.bf__row{padding:20px 22px;border-radius:22px}
.bf__row--old{background:#26232B;color:#D8D2DA}
.bf__row--new{background:var(--blush)}
.bf__h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-block-end:14px}
.bf__h b{font:700 18px/1.3 var(--R)}
.bf__row--old .bf__h b{color:#fff}
.bf__h span{font:600 14px/1.3 var(--R)}
.bf__row--old .bf__h span{color:#FF8A9B}
.bf__row--new .bf__h span{color:var(--red)}
.bf__row ol{display:flex;flex-wrap:wrap;gap:8px 6px;align-items:center}
.bf__row li{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;font:600 14.5px/1.35 var(--R)}
.bf__row li:not(:last-child)::after{content:"←";margin-inline-start:10px;opacity:.5}
[dir="ltr"] .bf__row li:not(:last-child)::after{content:"→"}
.bf__row--old li{background:rgba(255,255,255,.08)}
.bf__row--new li{background:var(--paper)}
.bf__row li.is-auto{background:var(--red);color:#fff}
.bf__row li .ic{width:15px;height:15px}
@media (max-width:760px){.um__groups,.um__g:last-child{grid-template-columns:1fr}.bf__row li{font-size:13.5px;padding:8px 11px}}
/* الموارد البشرية: رحلة الموظف */
.ej__kind{margin-block-end:22px}
.ej__stops{grid-template-columns:repeat(var(--n,8),minmax(0,1fr))}
.ej__stops::before,.ej__stops::after{top:21px;inset-inline-start:calc(100% / var(--n,8) / 2);width:calc(100% - 100% / var(--n,8))}
.ej__stops::after{width:calc((100% - 100% / var(--n,8)) * var(--p) / 100%)}
.ej__stops li[hidden]{display:none}
.ej__p{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}
.ej__p h3{margin-top:0}
.ej__p .mc__k{margin-block-end:8px}
.ej__plats{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px}
.ej__plats small{font:600 13px/1 var(--R);color:var(--mute);margin-inline-end:4px}
.ej__plats [hidden]{display:none}
.ej__side{display:grid;gap:10px}
.ej__side .mc__out{min-width:0}
.ej__mis{padding:14px 16px;border-radius:16px;background:#26232B;color:#E9E3EA;font-size:14.5px;line-height:1.7}
.ej__mis small{display:flex;align-items:center;gap:6px;margin-block-end:4px;font:700 12.5px/1.3 var(--R);color:#FF8A9B}
.ej__mis .ic{width:14px;height:14px}
@media (max-width:760px){.ej__stops{grid-template-columns:repeat(var(--n,8),78px)}.ej__p{grid-template-columns:1fr}}
/* الشحنات: مين يدفع إيه؟ */
.it__terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-block-end:16px}
.it__terms button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:var(--paper);cursor:pointer;text-align:start;transition:border-color .2s,box-shadow .2s,background .2s}
.it__terms button b{font-size:22px;font-weight:800;line-height:1.15;letter-spacing:.03em;color:var(--ink)}
.it__terms button span{font:500 13.5px/1.4 var(--R);color:var(--mute)}
.it__terms button:hover{border-color:var(--rose)}
.it__terms [aria-selected=true]{border-color:var(--red);box-shadow:0 0 0 3px var(--blush)}
.it__terms [aria-selected=true] b{color:var(--red)}
.it__card{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}
.it__strip{position:relative;--r:2}
.it__legs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.it__legs li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 12px;border-radius:14px;text-align:center;transition:background .35s,color .35s}
.it__legs .ic{width:22px;height:22px}
.it__l{font:600 13.5px/1.45 var(--R);min-height:2.9em;display:flex;align-items:center}
.it__who{font:700 12px/1 var(--R);font-style:normal;padding:5px 10px;border-radius:99px;transition:background .35s,color .35s}
.it__legs .is-s{background:#F3F1F2;color:var(--mute)}
.it__legs .is-s .it__who{background:var(--paper);color:var(--mute)}
.it__legs .is-b{background:var(--blush);color:var(--ink)}
.it__legs .is-b .ic{color:var(--red)}
.it__legs .is-b .it__who{background:var(--red);color:#fff}
.it__flag{position:absolute;top:-10px;bottom:-10px;width:0;inset-inline-start:calc((100% + 6px) * var(--r) / 7 - 3px);border-inline-start:2px dashed var(--red);transition:inset-inline-start .45s cubic-bezier(.2,.7,.2,1)}
.it__flag i{position:absolute;top:-16px;inset-inline-start:-13px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff}
.it__flag .ic{width:13px;height:13px}
.is-start .it__flag{inset-inline-start:0}.is-end .it__flag{inset-inline-start:calc(100% - 2px)}
.it__legend{display:flex;flex-wrap:wrap;gap:18px;margin:22px 0 0;font:600 13px/1 var(--R);color:var(--mute)}
.it__key{display:inline-flex;align-items:center;gap:7px}
.it__key::before{content:"";width:14px;height:14px;border-radius:4px}
.it__key--s::before{background:#F3F1F2;border:1px solid var(--line)}
.it__key--b::before{background:var(--red)}
.it__key--r::before{width:0;height:14px;border-radius:0;border-inline-start:2px dashed var(--red)}
.it__info{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.it__info h3{margin:0 0 8px;font-size:22px}
.it__info h3 bdi{color:var(--red)}
.it__info p{margin:0;line-height:1.8}
.it__side{display:grid;gap:12px;align-content:start}
.it__risk{padding:14px 16px;border-radius:16px;background:#26232B;color:#E9E3EA;font-size:14.5px;line-height:1.7}
.it__risk small{display:flex;align-items:center;gap:6px;margin-block-end:4px;font:700 12.5px/1.3 var(--R);color:#FF8A9B}
.it__risk .ic{width:14px;height:14px}
.it__count{font:600 14px/1.6 var(--R);color:var(--mute)}
.it__foot{margin-top:14px;color:var(--mute)}
@media (max-width:900px){.it__terms{grid-template-columns:repeat(2,minmax(0,1fr))}.it__info{grid-template-columns:1fr;gap:18px}}
@media (max-width:760px){
 .it__card{padding:18px}
 .it__legs{grid-template-columns:1fr;gap:6px}
 .it__legs li{flex-direction:row;padding:10px 14px;text-align:start}
 .it__l{min-height:0;flex:1}
 .it__flag{top:calc((100% + 6px) * var(--r) / 7 - 4px);bottom:auto;inset-inline-start:-8px!important;width:calc(100% + 16px);height:0;border-inline-start:0;border-top:2px dashed var(--red)}
 .is-start .it__flag{top:-5px}.is-end .it__flag{top:calc(100% + 3px)}
 .it__flag i{top:-12px;inset-inline-start:-6px}
}
/* عناوين الصفحات: سطران قصيران */
.pg-sub .phero__title{max-width:none;text-wrap:nowrap;line-height:1.14}
@media (max-width:420px){.pg-sub .phero__title{font-size:clamp(32px,10.2vw,42px)}}

/* الرؤية والرسالة: ميثاق إيروبا */
.chr{position:relative;isolation:isolate;overflow:hidden;max-width:920px;margin-inline:auto;padding:clamp(40px,6vw,76px) clamp(24px,7vw,96px) clamp(36px,5vw,60px);background:#FFFDFC;border:1px solid var(--rose);outline:1px solid var(--rose);outline-offset:-14px;border-radius:6px;box-shadow:0 40px 80px -50px rgba(31,29,34,.35),0 2px 0 rgba(31,29,34,.03)}
.chr__corner{position:absolute;width:26px;height:26px;border:2px solid var(--red);z-index:1}
.chr__corner--a{top:22px;right:22px;border-left:0;border-bottom:0}
.chr__corner--b{top:22px;left:22px;border-right:0;border-bottom:0}
.chr__corner--c{bottom:22px;right:22px;border-left:0;border-top:0}
.chr__corner--d{bottom:22px;left:22px;border-right:0;border-top:0}
.chr__wm{position:absolute;z-index:-1;width:min(62%,460px);height:auto;inset-inline-start:50%;top:50%;transform:translate(50%,-50%) rotate(-8deg);opacity:.045;pointer-events:none}
.chr__head{text-align:center}
.chr__logo{display:block;height:34px;width:auto;margin:0 auto 22px}
.chr__title{margin:0;font:700 clamp(38px,5vw,60px)/1.35 "Reem Kufi",var(--R);color:var(--ink)}
.chr__orn{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px auto clamp(32px,4.5vw,52px);max-width:360px}
.chr__orn i{flex:1;height:1px;background:linear-gradient(to left,transparent,var(--red))}
.chr__orn i:last-child{background:linear-gradient(to right,transparent,var(--red))}
.chr__orn b{width:9px;height:9px;background:var(--red);transform:rotate(45deg)}
.chr__item{text-align:center}
.chr__lab{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font:700 15px/1 var(--R);color:var(--red);letter-spacing:.02em}
.chr__lab span{padding:6px 12px;border:1px solid var(--rose);border-radius:99px;font-size:12.5px;color:var(--mute);font-weight:600}
.chr__txt{margin:0 auto;max-width:34ch;font:600 clamp(21px,2.5vw,30px)/1.75 var(--R);color:var(--ink);text-wrap:balance}
.chr__sep{display:block;width:64px;height:1px;margin:clamp(30px,4vw,46px) auto;background:var(--rose)}
.chr__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:clamp(36px,5vw,56px);padding-top:22px;border-top:1px dashed var(--rose)}
.chr__date{margin:0;display:grid;gap:6px;font:600 14px/1.3 var(--R)}
.chr__date small{color:var(--mute);font-size:12.5px}
.chr__date b{color:var(--ink);font-size:16px}
.chr__sign{display:grid;justify-items:center;gap:2px;text-align:center}
.chr__sign{position:relative;padding-top:clamp(40px,4vw,56px)}
.chr__sign img{position:absolute;z-index:1;right:-38px;bottom:-2px;transform:rotate(-1.5deg);display:block;width:clamp(200px,23vw,260px);height:auto;max-width:none}
.chr__sign p{margin:0;padding:8px 18px 0;min-width:170px;border-top:1px solid var(--rose);font:700 14px/1.4 var(--R);color:var(--ink)}
[data-charter] .chr__sign img{transition:clip-path 1.6s .9s cubic-bezier(.45,.05,.3,1)}
[data-charter].is-pre .chr__sign img{clip-path:inset(0 100% 0 0)}
.chr__note{margin:26px auto 0;max-width:60ch;text-align:center;color:var(--mute)}
[data-charter].is-pre .chr__orn i{transform:scaleX(0)}
[data-charter] .chr__orn i{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
[data-charter].is-pre .chr__item,[data-charter].is-pre .chr__sep{opacity:0;transform:translateY(10px)}
[data-charter] .chr__item,[data-charter] .chr__sep{transition:opacity .7s ease,transform .7s ease}
[data-charter] .chr__item:nth-of-type(2){transition-delay:.15s}
@media (max-width:600px){
 .chr{outline-offset:-9px}
 .chr__corner{width:18px;height:18px}
 .chr__corner--a,.chr__corner--b{top:15px}.chr__corner--c,.chr__corner--d{bottom:15px}
 .chr__corner--a,.chr__corner--c{right:15px}.chr__corner--b,.chr__corner--d{left:15px}
 .chr__sign img{width:165px;right:4px}
 .chr__sign p{min-width:140px;padding-inline:10px}
 .chr__wm{width:90%;opacity:.035}
 .chr{padding-bottom:46px}
 .chr__foot{padding-inline:8px}
}

/* ================= فاي: أدوات مجانية ================= */
.nav__fay .ic{color:var(--red);width:17px;height:17px;stroke-width:2.2}
.fy-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;flex:none}
.fy-mark .ic{width:17px;height:17px;stroke-width:2.2}
.fy-mark--lg{width:40px;height:40px}.fy-mark--lg .ic{width:22px;height:22px}
.fy-brand{display:flex;align-items:center;gap:10px;margin:22px 0 0;font:800 26px/1 "Reem Kufi",var(--R);color:var(--ink)}
.fy-brand small{font:600 14px/1 var(--R);color:var(--mute)}
.fyhero .phero__title{margin-top:14px}
.fyhero__phi{display:grid;place-items:center;width:clamp(180px,22vw,280px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--blush));box-shadow:0 30px 60px -36px rgba(200,16,46,.45);color:var(--red)}
.fyhero__phi .ic{width:58%;height:58%;stroke-width:1.4}
@media (max-width:760px){.fyhero__phi{display:none}}
.fyt{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:0 0 clamp(36px,4vw,52px);padding:0;list-style:none}
.fyt__g{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.fyt__g::after{content:"";flex:1;height:1px;background:var(--rose)}
.fyt a{display:grid;gap:8px;align-content:start;height:100%;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.fyt a:hover{border-color:var(--rose);box-shadow:0 24px 50px -34px rgba(31,29,34,.35);transform:translateY(-2px)}
.fyt h3{margin:6px 0 0;font-size:clamp(19px,1.8vw,22px)}
.fyt p{margin:0;color:var(--mute);line-height:1.8}
.fyt__go{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font:700 15px/1 var(--R);color:var(--red)}
.fyt__go .ic{width:16px;height:16px}
.fyt__more-h{margin:clamp(40px,5vw,60px) 0 18px}
.fym{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0;padding:0;list-style:none}
.fym a{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;align-items:center;height:100%;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:inherit;text-decoration:none;transition:border-color .2s}
.fym a:hover{border-color:var(--rose)}
.fym .ring{grid-row:span 2}
.fym b{font-size:16.5px}
.fym span{font-size:14px;line-height:1.6;color:var(--mute)}
.fym__h{display:flex;align-items:center;gap:10px;margin:0 0 18px}
.fyp{display:flex;align-items:flex-start;gap:18px;max-width:820px}
.fyp__ic{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:16px;background:var(--blush);color:var(--red)}
.fyp h2{margin:0 0 6px}.fyp p{margin:0;color:var(--mute);line-height:1.8}
@media (max-width:760px){.fyt{grid-template-columns:1fr}}

/* نموذج الأداة */
.fy{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:stretch}
.fy__in{display:grid;gap:22px;align-content:start;padding:clamp(22px,3vw,34px);border:1px solid var(--line);border-radius:24px;background:var(--paper)}
.fy__out{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:clamp(24px,3vw,36px);border-radius:24px;background:var(--red);color:#fff;min-width:0;box-shadow:0 34px 60px -38px rgba(200,16,46,.7)}
.fy__out::before{content:"";position:absolute;z-index:-1;width:min(78%,380px);aspect-ratio:520/585;inset-inline-end:-6%;bottom:-16%;background:url(/assets/img/e-light.png) no-repeat center/contain;opacity:.14;transform:rotate(-8deg);pointer-events:none}
.fy__k{margin:0;font:700 13px/1.3 var(--R);color:rgba(255,255,255,.78)}
.fy__words{margin:0 0 4px;font:700 clamp(22px,2.4vw,30px)/1.75 var(--R);color:#fff;text-wrap:pretty}
.fy__words--sm{font-size:clamp(17px,1.7vw,20px);line-height:1.8;font-weight:600}
.fy__fig{margin:0;font:600 15px/1.6 var(--R);color:rgba(255,255,255,.82);white-space:pre-line}
.fy__extra{margin:0;font-size:14px;color:rgba(255,255,255,.78)}
.fy__amt{margin:2px 0 0;font:800 clamp(36px,4.4vw,54px)/1.1 var(--R);color:#fff;font-variant-numeric:tabular-nums}
.fy__amt small{font-size:.38em;font-weight:600;color:rgba(255,255,255,.8)}
.fy__rows{display:grid;gap:0;margin:6px 0 14px;padding:0;list-style:none}
.fy__rows li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.22);font-size:15px}
.fy__rows li span{color:rgba(255,255,255,.85)}
.fy__rows li b{font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}
.fy__rows li b small{font-weight:500;color:rgba(255,255,255,.78)}
.fy__rows .is-sub{color:#fff}
.fy__rows .is-tot{border-bottom:0;padding-top:14px;font-size:17px}
.fy__rows .is-tot b{color:#fff;font-size:21px}
.fy__rows .is-tot{border-top:2px solid rgba(255,255,255,.55)}
.fy__rows--steps{margin-top:10px}
.fy__why{margin:0 0 10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.14);font-size:14.5px;line-height:1.7;color:#fff}
.fy__why:empty{display:none}
.fy__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:14px}
.fy__copy{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06)}
.fy__copy:hover{border-color:#fff;background:rgba(255,255,255,.16)}
.fy__copy.is-done{border-color:#fff;background:#fff;color:var(--red)}
.fy__big{font-size:22px!important;min-height:58px}
.fx--sm{max-width:180px}
.fy__chk{display:flex;align-items:center;gap:10px;font:600 15px/1.4 var(--R);cursor:pointer}
.fy__chk input{width:20px;height:20px;accent-color:var(--red)}
.fy__hint{margin:-6px 0 0;font-size:13.5px;line-height:1.7;color:var(--mute)}
.fy__h{min-height:1.4em;font:600 13px/1.4 var(--R);color:var(--red)}
.fy__sum{display:flex;justify-content:space-between;align-items:center;margin:0;padding:12px 16px;border-radius:12px;background:var(--alt);font:600 15px/1.4 var(--R)}
.fy__sum b{font-variant-numeric:tabular-nums}
.fy--eos .fy__in{gap:28px}
/* أزرار الاختيار */
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:14px;background:var(--alt);border:1px solid var(--line)}
.seg button{flex:1 1 auto;min-height:42px;padding:8px 16px;border:0;border-radius:10px;background:transparent;font:600 14.5px/1.3 var(--R);color:var(--graphite);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed=true]{background:var(--paper);color:var(--red);box-shadow:0 2px 8px -3px rgba(31,29,34,.25)}
.seg--wide{display:flex}
.seg--sm button{min-height:36px;padding:6px 12px;font-size:13.5px}
.seg--stack{display:grid;grid-auto-flow:row;grid-template-columns:1fr}
.seg--stack button{text-align:start;padding:12px 16px}
.seg--wrap{margin-top:10px}
/* التاريخ */
.fyd{gap:10px}
.fyd .seg{align-self:flex-start}
.fyd__h{display:grid;grid-template-columns:80px 1fr 100px;gap:8px}
.fyd__h[hidden],.fyd [hidden]{display:none}
.fyd__n{display:flex;gap:8px;align-items:center}
.fyd__n .field__i{max-width:140px;font-weight:700}
[data-pane]{display:grid;gap:22px}
[data-pane][hidden]{display:none}
/* الشرح */
.fyh{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.fyh__list{display:grid;gap:20px;margin:22px 0 0;padding:0;list-style:none}
.fyh__list li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.fyh__n{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:12px;background:var(--blush);color:var(--red);font:700 13.5px/1 var(--R);white-space:nowrap}
.fyh__list h3{margin:2px 0 4px;font-size:17px}
.fyh__list p{margin:0;color:var(--mute);line-height:1.8}
.fyh__notes{padding:24px;border-radius:20px;background:var(--alt);border:1px solid var(--line)}
.fyh__notes h3{margin:0 0 12px;font-size:17px}
.fyh__notes ul{margin:0;padding-inline-start:18px;display:grid;gap:8px;color:var(--graphite);line-height:1.7;font-size:14.5px}
.fyh__rev{display:flex;gap:10px;margin:18px 0 0;padding-top:14px;border-top:1px dashed var(--rose);font-size:13px;line-height:1.7;color:var(--mute)}
.fyh__rev .ic{width:18px;height:18px;flex:none;color:var(--red);margin-top:2px}
@media (max-width:900px){.fy,.fyh{grid-template-columns:1fr}}
@media (max-width:560px){.fyd__h{grid-template-columns:64px 1fr 84px}.seg--wide button{padding-inline:10px;font-size:13.5px}}
/* أروبا: الأدوات الإضافية */
.compose__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){.compose__grid--3{grid-template-columns:1fr}}
.fy__sl{font-size:13px}
.fy__dl{align-self:flex-start}
.ccal{display:grid;gap:0;max-height:360px;overflow:auto;margin:6px 0 4px;padding:0 0 0 6px;list-style:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent}
.ccal__i{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:14px;line-height:1.55}
.ccal__i time{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.ccal__i span{color:rgba(255,255,255,.9)}
.ccal__i--renew span,.ccal__i--zakat span{font-weight:700;color:#fff}
.fy--wide{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.fy__tablewrap{overflow-x:auto;margin:8px 0 6px}
.fy__table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.fy__table th{padding:8px 6px;text-align:start;font:700 12.5px/1.3 var(--R);color:rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.4)}
.fy__table td{padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.18);white-space:nowrap}
.fy__table td:first-child{font-weight:700}
.vchk{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.vchk li{display:flex;align-items:center;gap:10px;font:600 15px/1.4 var(--R);color:var(--mute)}
.vchk .ic{width:20px;height:20px}
.vchk__ok,.vchk__no{display:none}
.vchk li:not(.is-ok):not(.is-no)::before{content:"";width:20px;height:20px;border-radius:50%;border:2px solid var(--rule);box-sizing:border-box}
.vchk .is-ok{color:var(--ink)}.vchk .is-ok .vchk__ok{display:block;color:#1E8E5A}
.vchk .is-no{color:var(--red)}.vchk .is-no .vchk__no{display:block}
.fy__mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.06em}
.fy__a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:4px}
[data-vatno].is-valid .fy__words::before{content:"✓ "}
[data-vatno].is-invalid .fy__words::before{content:"✕ "}
.fy__hols{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:14px;color:rgba(255,255,255,.9)}
.fy__hols .is-we{opacity:.6}
[data-only][hidden]{display:none!important}
.lt__items{display:grid;gap:8px}
/* الخطاب */
.fy--letters{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.lt__out{gap:14px}
.lt__paper{padding:clamp(22px,3vw,36px);border-radius:6px;background:#fff;color:#1F1D22;box-shadow:0 20px 40px -20px rgba(0,0,0,.45);font-size:14.5px;line-height:2;min-height:420px}
.lt__paper p{margin:0 0 10px}
.lt__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;margin-bottom:16px;border-bottom:2px solid var(--red)}
.lt__co{font-size:17px;margin:0!important}
.lt__date{font-size:12.5px;color:#6B6570;margin:0!important;text-align:end}
.lt__to{font-weight:700}
.lt__subj{margin:6px 0 12px;font-size:16px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--rose)}
.lt__subj--c{text-align:center;font-size:18px}
.lt__blank{color:#B6AEB8;font-style:normal;letter-spacing:.1em}
.lt__tb{width:100%;max-width:360px;margin:4px 0 14px;border-collapse:collapse;font-size:14px}
.lt__tb td{padding:5px 10px;border:1px solid #E7DFE1}
.lt__tb .is-tot td{font-weight:700;background:#FAF4F2}
.lt__ul{margin:0 0 12px;padding-inline-start:22px}
.lt__sigs{display:flex;justify-content:space-between;gap:24px;margin-top:28px}
.lt__sig p{margin:0!important;line-height:1.9}
.lt__sigt{font-weight:700}
@media (max-width:900px){.fy--wide,.fy--letters{grid-template-columns:1fr}}
#lt-print{display:none}
@media print{
  @page{size:A4;margin:18mm}
  body > *:not(#lt-print){display:none!important}
  #lt-print{display:block!important}
  #lt-print .lt__paper{box-shadow:none;border-radius:0;padding:0;min-height:0;font-size:13pt;background:#fff;color:#000}
}
/* الميثاق: خريطة المملكة علامةً مائية، ونقطة على المدينة المنورة */
.chr__map{position:absolute;z-index:-1;left:50%;top:52%;width:min(84%,700px);height:auto;transform:translate(-50%,-50%);pointer-events:none}
.chr__land{fill:var(--red);fill-opacity:.045;stroke:var(--red);stroke-opacity:.12;stroke-width:1.6;stroke-linejoin:round}
.chr__pin{fill:var(--red);fill-opacity:.55}
.chr__pulse{fill:none;stroke:var(--red);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:no-preference){.chr__pulse{animation:chrPulse 2.8s ease-out infinite}}
@keyframes chrPulse{0%{opacity:.45;transform:scale(1)}100%{opacity:0;transform:scale(3.4)}}
@media (max-width:600px){.chr__map{width:96%}}

/* الميثاق: صيغة الوثيقة الرسمية */
.chr__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:14px 0 0;font:600 13px/1.4 var(--R);color:var(--mute)}
.chr__meta span{display:inline-flex;gap:6px;align-items:baseline}
.chr__meta b{color:var(--ink);font-weight:700}
.chr__ch{margin:0 0 18px;font:700 clamp(19px,1.9vw,23px)/1.4 "Reem Kufi",var(--R);color:var(--ink);text-align:center}
.chr__pre{max-width:60ch;margin:0 auto clamp(30px,4vw,44px)}
.chr__pre p{margin:0 0 12px;font-size:clamp(15.5px,1.4vw,17px);line-height:2;color:var(--graphite);text-align:center;text-wrap:pretty}
.chr__pre p:first-of-type{font-weight:700;color:var(--ink)}
.chr__art{margin:0 auto clamp(22px,3vw,30px);max-width:640px}
.chr__art .chr__lab{margin-bottom:10px}
.chr__art .chr__txt{max-width:none;font-size:clamp(16.5px,1.5vw,19px);font-weight:500;line-height:1.95}
.chr__art--key .chr__txt{font-size:clamp(19px,2vw,24px);font-weight:600;line-height:1.8}
.chr__rest{position:relative;margin:clamp(10px,2vw,18px) auto 0;padding-top:22px;border-top:1px dashed var(--rose);text-align:center}
.chr__rest ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font:700 15px/1.5 "Reem Kufi",var(--R);color:var(--ink);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),rgba(0,0,0,.04));mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),rgba(0,0,0,.04))}
.chr__rest p{margin:14px 0 0;font:600 13px/1.5 var(--R);color:var(--mute)}
.chr__issued{margin:0;max-width:40ch;font:600 14px/1.8 var(--R);color:var(--ink)}
[data-charter].is-pre .chr__rest{opacity:0}
[data-charter] .chr__rest{transition:opacity .9s .4s ease}
@media (max-width:600px){.chr__foot{flex-direction:column;align-items:center;gap:26px}.chr__issued{font-size:13px;max-width:none;text-align:center}}
/* الميثاق: الجزء العام، والتواريخ لا تنقسم، وصفحة بنسب A4 على الشاشات الواسعة */
.chr__pub{display:inline-block;margin:10px 0 0;padding:4px 12px;border-radius:99px;background:var(--blush);font:700 12.5px/1.4 var(--R);color:var(--red)}
.chr__issued span{white-space:nowrap}
@media (min-width:1000px){
 .chr{aspect-ratio:1/1.4142;display:flex;flex-direction:column;padding:44px 76px 48px}
 .chr__sign img{width:200px;right:-18px}
 .chr__pre p{font-size:14px;line-height:1.8}
 .chr__logo{height:28px;margin-bottom:12px}
 .chr__title{font-size:44px;line-height:1.25}
 .chr__meta{margin-top:8px}
 .chr__orn{margin:12px auto 18px}
 .chr__ch{font-size:18px;margin-bottom:10px}
 .chr__pre{margin-bottom:18px}
 .chr__pre p{font-size:14.5px;line-height:1.85;margin-bottom:6px}
 .chr__art{margin-bottom:9px;max-width:700px}
 .chr__art .chr__lab{margin-bottom:6px}
 .chr__art .chr__txt{font-size:15.5px;line-height:1.85}
 .chr__art--key .chr__txt{font-size:18.5px;line-height:1.7}
 .chr__rest{padding-top:14px}
 .chr__rest ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;font-size:13.5px}
 .chr__rest p{margin-top:8px}
 .chr__foot{margin-top:auto;padding-top:16px}
}
/* أروبة داخل قائمة الخدمات */
.drop__feat--tools{margin-top:6px;padding-top:8px;border-top:1px dashed var(--rule)}
.drop__feat--tools .ring{color:var(--red)}
/* أروبة: الربط بالميثاق */
.fy-charter{display:flex;align-items:flex-start;gap:10px;margin:18px 0 0;max-width:58ch;padding:12px 16px;border-radius:14px;background:var(--paper);border:1px solid var(--line);font-size:14.5px;line-height:1.7;color:var(--graphite)}
.fy-charter .ic{width:18px;height:18px;flex:none;margin-top:3px;color:var(--red)}
.fy-charter a{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:4px}
/* أروبة: صدر الصفحة والتنبيه */
.arh__k{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 0;font:600 15px/1.4 var(--R);color:var(--graphite)}
.arh__beta{padding:3px 10px;border-radius:99px;border:1px solid var(--rose);background:var(--paper);font:700 12px/1.4 var(--R);color:var(--red)}
.arh .phero__title{margin-top:12px}
.arh__ch{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:14.5px;color:var(--mute)}
.arh__ch .ic{width:17px;height:17px;color:var(--red)}
.arh__ch a{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.arh__ring img{width:38%;height:auto}
.arn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 0;padding:0;list-style:none}
.arn li{display:flex;gap:14px;align-items:flex-start;padding:22px;border-radius:20px;background:var(--alt);border:1px solid var(--line)}
.arn__ic{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:var(--paper);color:var(--red)}
.arn h3{margin:2px 0 6px;font-size:17px}
.arn p{margin:0;font-size:14.5px;line-height:1.8;color:var(--graphite)}
@media (max-width:900px){.arn{grid-template-columns:1fr}}

.ring--e img{width:42%;height:auto}
.fy-mark--e{background:var(--paper);border:1.5px solid var(--rose)}
.fy-mark--e img{width:60%;height:auto}

/* ==========================================================================
   اللغات — مبدّل اللغة، والإنجليزية (LTR)، والصينية المبسطة
   ========================================================================== */
.nav__lang .nav__link{gap:6px}
.nav__lang .nav__link > .ic:first-child{width:18px;height:18px}
.nav__lang-cur{font:700 14px/1 var(--R)}
.drop--lang{width:auto;min-width:200px;inset-inline-start:auto;inset-inline-end:-12px}
.drop--lang ul{grid-template-columns:1fr}
.drop--lang a{padding:10px 12px}
.drop--lang b{font-size:15px}
.lang__code{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--rule);font:700 13px/1 var(--R);color:var(--graphite)}
.drop--lang a[aria-current] .lang__code{border-color:var(--red);color:var(--red)}
.drop--lang a[aria-current]{background:var(--canvas)}

/* الصينية: خطوط النظام للحروف الصينية، وخط الموقع للأرقام والحروف اللاتينية */
html[lang^="zh"]{
  --R:"Readex Pro","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC",system-ui,sans-serif;
  --P:"IBM Plex Sans Arabic","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC",system-ui,sans-serif}
html[lang^="zh"] :is(h1,h2,h3,h4,.h2,.dh,.h3,.h4){letter-spacing:0}
/* الإنجليزية: أزرار المقارنة أطول من أن تجتمع في سطر على الجوال، والشعار النصي في التذييل يلتف */
@media (max-width:900px){
  html[lang="en"] .cs .cs__foot{flex-wrap:wrap}
  html[lang="en"] .cs .cs__foot .btn{flex:1 1 100%}
}
/* الميثاق بالإنجليزية والصينية: النص أطول من صفحة A4 الثابتة، فيأخذ الارتفاع الذي يحتاجه؛ وخط «ريم الكوفي» للعربية فقط */
html:not([lang="ar"]) .chr{aspect-ratio:auto}
html:not([lang="ar"]) :is(.chr__title,.chr__ch,.chr__rest li,.fy-brand){font-family:var(--R)}
/* الأسهم في الاتجاه من اليسار إلى اليمين */
[dir="ltr"] .fyt__go .ic,[dir="ltr"] .ct__go .ic{transform:scaleX(-1)}
[dir="ltr"] .panel:hover .panel__arw,[dir="ltr"] .panel__more:hover .panel__arw{transform:scaleX(-1) translateX(-4px)}
@media (max-width:520px){[dir="ltr"] .lc__to-ic{transform:rotate(90deg)}}
html[dir="ltr"] [dir="ltr"].field__i{text-align:start}
[dir="ltr"] .mq span{direction:ltr}
.nav__lang-name{display:none}
@media (max-width:1200px){.nav__lang .nav__lang-cur{display:none}.nav__lang .nav__lang-name{display:inline;margin-inline-end:auto}}
/* الإنجليزية: كلمات التذييل أطول، فنضغط المسافات قليلًا ليبقى التذييل بنفس ترتيب العربية والصينية */
@media (min-width:1361px){
  html[lang="en"] .foot__nav{column-gap:14px;padding-inline-start:28px}
  html[lang="en"] .foot__row a{font-size:13.5px}
  html[lang="en"] .foot__main{column-gap:28px}
}