/* =====================================================================
   إيروبا — أنماط الموقع
   الفكرة: صفحات فاتحة دافئة مريحة للعين، والأحمر لونٌ للتأكيد لا للخلفيات،
   وحلقة 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:#706972;
  --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}
.lang-note{max-width:none;text-wrap:pretty}   /* سطر اللغة في الصفحات الصينية */
.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;flex:none}   /* لا يُضغط الشعار أبدًا */
.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}}
/* الجوال: الشعار سطر وحده، وتحته التاج لاين والسلوجان — في وسط الشاشة (8 نوفمبر) */
@media (max-width:600px){.foot__brand{flex-direction:column;align-items:center;gap:12px;text-align:center}.foot__words{height:auto;padding-inline-start:0;border-inline-start:0;align-items:center}}

/* ---------- المحاسبة: اختيار المسار ---------- */
.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__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}

/* المؤلف: نموذج بخطوات + هاتف تتكوّن فيه الرسالة */
.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}
  .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}
  .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}
.fyx__bar{margin-block-end:clamp(28px,3.5vw,40px)}
.fys__h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0 0 18px}
.fys__h .h3{line-height:1.3}
.fys__ln{flex:1 1 40px;align-self:center;height:1px;background:var(--rose);transform:translateY(5px)}
:lang(en) .fys__ln{transform:translateY(4px)}
:lang(zh) .fys__ln{transform:translateY(2px)}
.fys__d{margin:0;color:var(--mute);font-size:15.5px;line-height:1.7}
.fyhub .fyt a,.fyhub .fym a{border:1px solid var(--rule)}
.sec--soft .arn li{background:var(--paper);border:1px solid var(--rule)}
.sec--soft .arn__ic{background:var(--blush)}
@media (max-width:600px){.fys__h{display:block}.fys__ln{display:none}.fys__d{margin-top:2px}}
.fyt__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.fyt__tag{flex:none;margin-top:4px;padding:5px 11px;border-radius:999px;background:var(--blush);font:600 12.5px/1.4 var(--R);color:var(--graphite);white-space:nowrap}
.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}
/* الخطاب: ورقة A4 بتنسيق الخطاب الرسمي */
.lt__out{gap:14px;container-type:inline-size}
.lt__paper{position:relative;min-height:calc(100cqw * 1.414);padding:clamp(22px,3vw,34px);border-radius:4px;background:#fff;color:#1F1D22;box-shadow:0 20px 40px -20px rgba(0,0,0,.45);font:400 13px/1.85 var(--P)}
.lt__paper p{margin:0 0 8px}
.lt__paper b{font-weight:700}
.lt__top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}
.lt__paper.is-lh .lt__top{justify-content:flex-end}
.lt__top--c{justify-content:center;text-align:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1.5px solid #E7DFE1}
.lt__co{display:flex;flex-direction:column;font-size:15px;line-height:1.5}
.lt__cono{font-size:11px;color:#6B6570}
.lt__meta{font-size:11.5px;line-height:1.7;color:#4A4550}
.lt__meta p{margin:0!important}
.lt__to{font-weight:700;margin-top:6px!important}
.lt__subj{text-align:center;font-weight:700;font-size:15px;margin:14px 0 12px!important}
.lt__p{text-align:justify;text-justify:inter-word}
.lt__close{margin-top:10px!important}
.lt__blank{color:#B6AEB8;font-style:normal;letter-spacing:.1em}
.lt__tb{width:76%;margin:4px auto 14px;border-collapse:collapse;font-size:12.5px}
.lt__tb td{padding:4px 10px;border:1px solid #E2D8DA}
.lt__tb .lt__num{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.lt__tb .is-tot td{font-weight:700;background:#FAF4F2}
.lt__tb--bi{width:100%}
.lt__ul{margin:0 0 10px;padding-inline-start:22px}
.lt__sigs{width:100%;margin-top:26px;border-collapse:collapse}
.lt__sigs td{width:50%;vertical-align:top;padding:0}
.lt__sig p{margin:0!important;line-height:1.9}
.lt__sigt{font-weight:700}
/* ثنائي اللغة: العربي يمين والإنجليزي يسار، كل فقرة مقابل ترجمتها */
.lt__paper.is-bi{font-size:11px;line-height:1.75}
.lt__bi{width:100%;border-collapse:collapse;direction:rtl}
.lt__bi > tbody > tr > td,.lt__bi > tr > td{width:50%;vertical-align:top;padding:0 0 6px}
.lt__bi .lt__ar{padding-left:12px!important;text-align:justify}
.lt__bi .lt__en{padding-right:12px!important;text-align:justify;border-right:1px solid #EFE7E9}
.lt__metas .lt__en,.lt__metas .lt__ar{border:0}
.lt__bi tr.lt__subj td{text-align:center;font-weight:700;font-size:13px;padding:8px 0}
.lt__bi tr.lt__to td{font-weight:700}
.lt__bi td.lt__tbc{padding:2px 0 10px;border:0}
.lt__metas{margin-bottom:12px}
.lt__metas .lt__meta{font-size:10.5px}
.is-bi .lt__sigs{font-size:10.5px}
@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;aspect-ratio:auto;font-size:12pt;background:#fff;color:#000}
  #lt-print .lt__paper.is-bi{font-size:10pt}
  #lt-print .lt__meta{font-size:10pt}
  #lt-print .lt__tb{font-size:11pt}
  #lt-print .lt__paper.is-lh{padding:24mm 0 18mm}
  #lt-print .lt__paper.is-lh::before,#lt-print .lt__paper.is-lh::after{display:none}
}
/* الميثاق: خريطة المملكة علامةً مائية، ونقطة على المدينة المنورة */
.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}
/* عنوان البطل في سطر واحد: كل الصفحات الداخلية (ما عدا الرئيسية) وصفحة أروبة؛ ويلتف على الشاشات الضيقة */
.pg-sub .phero--one .phero__title,.pg-sub .arh .phero__title{max-width:none;font-size:clamp(28px,4.2vw,54px);line-height:1.25;text-wrap:balance}
.pg-sub .phero--one .phero__title:lang(en),.pg-sub .arh .phero__title:lang(en){font-size:clamp(28px,3.6vw,46px)}
/* فقرة البطل: كل جملة في سطر مستقل ومتوازن (كل الصفحات الداخلية) */
@media (min-width:761px){.pg-sub .phero__lead--s,.phero__lead--s{max-width:none}.phero__s{display:block;text-wrap:balance}}
@media (max-width:760px){.pg-sub .phero--one .phero__title,.pg-sub .arh .phero__title,.pg-sub .phero--one .phero__title:lang(en),.pg-sub .arh .phero__title:lang(en){font-size:clamp(28px,8.4vw,36px)}}
.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}
/* أروبة: العلامة (حلقة ربعها أحمر وفي داخلها a) والاسم المرسوم — 29 أكتوبر 2026 */
.am{display:block;width:100%;height:100%}
.am__k{stroke:var(--ink)}.am__r{stroke:var(--red)}.am__a{fill:var(--ink)}
.am-ic{flex:none;display:grid;place-items:center;width:44px;height:44px}
.am-ic .am{width:40px;height:40px}
.arh__ring .am{width:76%;height:76%}
.fy-mark--am{background:none;border:0;width:34px;height:34px}
.awm{position:relative;display:inline-flex;align-items:baseline;white-space:nowrap;font-family:var(--R);unicode-bidi:isolate}
.awm__v{display:inline-flex;align-items:baseline}
.awm--ar .awm__v{direction:rtl}
.awm--lat .awm__v{direction:ltr;letter-spacing:-.01em}
.awm__o{flex:none}
.awm--ar .awm__o{width:.52em;height:.52em;margin:0 .05em;transform:translateY(.07em)}
.awm--lat .awm__o{width:.56em;height:.56em;margin:0 .02em;transform:translateY(.02em)}
.arh__k .awm{font-size:1.6em}

/* ==========================================================================
   اللغات — مبدّل اللغة، والإنجليزية (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{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}
}

/* من نحن: رؤية 2030 + بيانات المنشأة */
.vi .h2{text-wrap:balance}
.vi__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,3vw,36px);align-items:stretch}
.vi__p{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(3,1fr);gap:12px}
.vi__p a{height:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--rule);border-radius:var(--rad);background:var(--paper);color:var(--ink);text-decoration:none;transition:border-color .2s}
.vi__p a:hover{border-color:var(--red)}
.vi__ic{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:14px;background:var(--blush);color:var(--red)}
.vi__t{flex:1;display:grid;gap:2px}
.vi__t b{font-size:17px;font-weight:700}
.vi__t small{font-size:14px;color:var(--mute)}
.vi__go{color:var(--mute);flex:none;transition:transform .2s,color .2s}
.vi__p a:hover .vi__go{color:var(--red);transform:translateX(-3px)}
[dir=ltr] .vi__p a:hover .vi__go{transform:translateX(3px)}
.idbox{border:var(--hair) solid var(--rule);border-radius:var(--rad);overflow:hidden;background:var(--paper)}
.idbox__h{display:flex;gap:14px;align-items:center;padding:20px 22px;background:var(--blush);border-block-end:var(--hair) solid var(--rule)}
.idbox__h > .ic{width:30px;height:30px;color:var(--red);flex:none}
.idbox__h h3{margin:0;font-size:19px}
.idbox__h p{margin:2px 0 0;color:var(--graphite);font-size:14.5px}
.idbox .idcard{border:0;border-radius:0}
.idbox .idcard dt{display:flex;align-items:center;gap:10px}
.idbox .idcard dt .ic{width:19px;height:19px;color:var(--red);flex:none}
.idbox .idcard > div{grid-template-columns:auto minmax(0,1fr);align-items:center}
.idbox .idcard dt{white-space:nowrap}
.idbox .idcard dd{text-align:end}
.vi .shead,.vi .lead{max-width:none}
@media (max-width:820px){.vi__grid{grid-template-columns:1fr}.vi__p{grid-template-rows:none}}

/* كيف نعمل: ما نحتاجه منكم للبدء — أربع بطاقات */
.nd4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.nd4 li{display:flex;flex-direction:column;gap:18px;padding:28px 24px;border-radius:var(--rad);background:var(--paper);border:var(--hair) solid var(--rule)}
.nd4 p{margin:0;font:600 17.5px/1.6 var(--R);color:var(--ink);text-wrap:pretty}
@media (max-width:1000px){.nd4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.nd4{grid-template-columns:1fr;gap:12px}.nd4 li{flex-direction:row;align-items:center;padding:18px 20px}}

/* الثقة: الذكاء الاصطناعي في عملنا — بطاقتان */
.aiduo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.aiduo__c{padding:30px 30px 32px;border-radius:var(--rad);background:var(--paper);border:var(--hair) solid var(--rule)}
.aiduo__h{display:flex;align-items:center;gap:16px;padding-bottom:20px;margin-bottom:22px;border-bottom:var(--hair) solid var(--rule)}
.aiduo__h .h4{margin:0;font-size:21px}
.aiduo .ticks{gap:16px}
.aiduo .ticks li{font-size:16.5px;line-height:1.7}
@media (max-width:820px){.aiduo{grid-template-columns:1fr}.aiduo__c{padding:24px 22px}}

/* فقرات العناوين الفرعية في الصفحات الداخلية: كل جملة في سطر، والسطور متوازنة بلا كلمة يتيمة */
.pg-sub .shead .lead,.pg-sub .lead{text-wrap:balance}
/* رأس القسم في الصفحات الداخلية بعرض الصفحة: العنوان في سطر واحد متى اتسع، والفقرة جملةً في كل سطر */
@media (min-width:761px){.pg-sub .shead{max-width:none}.pg-sub .shead .lead{max-width:none}.pg-sub .shead .h2:lang(en){font-size:clamp(28px,3vw,42px)}}
/* فقرة البطل على الجوال: سطور متوازنة بلا كلمة يتيمة */
.pg-sub .phero__lead{text-wrap:balance}
/* صفحة ERP: شارة شريك أودو تحت سطر «نعمل على» */
.odoo-p{display:flex;align-items:center;gap:14px;margin-top:18px;padding:10px 16px 10px 12px;border:var(--hair) solid var(--rule);border-radius:16px;background:var(--paper);width:fit-content;max-width:100%}
.odoo-p img{height:62px;width:auto;flex:none}
.odoo-p span{font-size:15px;color:var(--graphite);line-height:1.5}
@media (max-width:560px){.odoo-p{gap:10px}.odoo-p img{height:50px}.odoo-p span{font-size:14px}}
/* الثقة: سرية العملاء — بطاقة عميل محجوبة عليها ختم الحلقة والقفل */
.clx{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,6vw,88px);align-items:center;margin-top:clamp(8px,1.5vw,20px)}
.clx__t{padding-top:8px}
.clx__p{margin:0;font-size:clamp(16.5px,1.4vw,18px);line-height:1.9;color:var(--graphite);text-wrap:balance}
.clx__close{margin:18px 0 0;font:700 clamp(19px,1.8vw,23px)/1.6 var(--R);color:var(--ink);text-wrap:balance}
.rcard{position:relative;margin:30px 0 0;padding:34px 30px 26px;background:var(--paper);border:var(--hair) solid var(--rule);border-radius:var(--rad);box-shadow:0 30px 60px -40px rgba(31,29,34,.35)}
.rcard__dl{margin:0;display:grid}
.rcard__dl > div{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:14px;min-height:50px;border-bottom:var(--hair) solid var(--rule)}
.rcard__dl > div:last-child{border-bottom:0}
.rcard__dl dt{font-size:14px;color:var(--mute)}
.rcard__dl dd{margin:0}
.rbar{display:block;height:14px;width:var(--w);max-width:100%;border-radius:4px;background:var(--ink)}
.rcard__logo{display:block;width:72px;height:32px;border-radius:8px;border:1.5px dashed var(--rose);background:var(--alt)}
.rstamp{position:absolute;top:-22px;inset-inline-end:-18px;transform:rotate(-7deg);white-space:nowrap;padding:8px 18px;border:2.5px solid var(--red);border-radius:10px;color:var(--red);font:700 17px/1.4 var(--R);background:rgba(255,255,255,.94);box-shadow:0 14px 30px -18px rgba(200,16,46,.6)}
[dir=ltr] .rstamp{transform:rotate(7deg)}
@media (max-width:820px){.clx{grid-template-columns:1fr}.rcard{margin-top:30px;padding:32px 22px 22px}.rstamp{inset-inline-end:-6px;font-size:15px}.rcard__dl > div{grid-template-columns:104px minmax(0,1fr)}}
/* الثقة: خانات «اسمكم» تتحول حروفها إلى أقفال عند ظهور القسم */
.ltiles{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.lt{position:relative;display:grid;place-items:center;width:58px;height:66px;border:1.5px dashed var(--rose);border-radius:14px;background:var(--paper)}
.lt b{grid-area:1/1;font:700 30px/1 var(--R);color:var(--ink);opacity:0;transform:scale(.6)}
.lt .ic{grid-area:1/1;width:24px;height:24px;color:var(--red);stroke:var(--red)}
.ltiles.is-pre .lt b{opacity:1;transform:none}
.ltiles.is-pre .lt .ic{opacity:0;transform:scale(.4) rotate(-20deg)}
.lt b,.lt .ic{transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 150ms)}
@media (max-width:560px){.lt{width:48px;height:56px;border-radius:12px}.lt b{font-size:25px}.lt .ic{width:20px;height:20px}}

/* تحميل الملف التعريفي (PDF) — صفحتا «من نحن» و«تواصل معنا» */
.pdfdl{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;transition:border-color .2s,background-color .2s}
.pdfdl b{display:block;font:700 16px/1.4 var(--R)}
.pdfdl small{display:block;font-size:14px;color:var(--graphite)}
.pdfdl__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}
.pdfdl__go small{font:500 12.5px/1 var(--R);color:var(--mute);padding-inline-end:6px;margin-inline-end:2px;border-inline-end:var(--hair) solid var(--rule)}
.pdfdl__go .ic{width:18px;height:18px}
.pdfdl--id:hover{border-color:var(--red)}
.pdfdl--id{padding:16px 22px;border-block-start:var(--hair) solid var(--rule);background:var(--paper)}
.pdfdl--id .ct__si{width:40px;height:40px;background:var(--blush)}
.pdfdl--id small{font-size:13.5px}
.pdfdl .pdfdl__go{padding:11px 20px;border-radius:999px;border:1.5px solid var(--red);background:var(--paper);transition:background-color .2s,color .2s}
.pdfdl:hover .pdfdl__go{background:var(--red);color:#fff}
.pdfdl:hover .pdfdl__go small{color:#fff;border-color:rgba(255,255,255,.5)}
.pdfdl--id .pdfdl__go{padding:9px 16px}
.pdfdl--id .pdfdl__go small{display:none}   /* البطاقة ضيقة: الزر وحده، والوصف يأخذ المساحة */
@media (max-width:760px){.pdfdl{flex-wrap:wrap}.pdfdl__go{margin-inline-start:54px}}

/* «تواصل معنا» أسفل البطاقات: الدعم + الملف التعريفي بصورة غلافه، والمقر سطر تحتهما (الاقتراح C — 7 نوفمبر) */
.ctc{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.ctc__c{position:relative;display:flex;align-items:flex-start;gap:14px;padding:22px 24px;border-radius:20px;border:var(--hair) solid var(--rule);color:var(--ink);text-decoration:none;transition:border-color .2s;overflow:hidden;min-height:150px}
.ctc__c:hover{border-color:var(--red)}
.ctc__c--sup{background:var(--alt)}
.ctc__c--pdf{background:var(--paper);padding-inline-end:150px;min-height:172px}
.ctc__c .ct__si{width:44px;height:44px}
.ctc__t b{display:block;font:700 17px/1.4 var(--R)}
.ctc__t small{display:block;font-size:14px;line-height:1.6;color:var(--graphite)}
.ctc__t em{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font:700 15px/1 var(--R);font-style:normal;color:var(--red)}
.ctc__t em .ic{width:18px;height:18px}
.ctc__btn{padding:10px 18px;border-radius:999px;border:1.5px solid var(--red);transition:background-color .2s,color .2s}
.ctc__c--pdf:hover .ctc__btn{background:var(--red);color:#fff}
.ctc__btn i{font:500 12.5px/1 var(--R);font-style:normal;color:var(--mute);padding-inline-start:10px;margin-inline-start:4px;border-inline-start:var(--hair) solid var(--rule)}
.ctc__c--pdf:hover .ctc__btn i{color:#fff;border-color:rgba(255,255,255,.5)}
.ctc__cov{position:absolute;inset-inline-end:30px;top:50%;margin-top:-66px;width:94px;height:auto;border-radius:4px;box-shadow:0 2px 4px rgba(31,29,34,.08),0 14px 28px -10px rgba(31,29,34,.35);transform:rotate(-4deg);transition:transform .25s}
[dir="ltr"] .ctc__cov{transform:rotate(4deg)}
.ctc__c--pdf:hover .ctc__cov{transform:rotate(0) translateY(-3px)}
.ctc__hq{margin:18px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:14.5px;color:var(--graphite)}
.ctc__hq .ic{width:18px;height:18px;color:var(--red)}
.ctc__hq b{font:700 15px/1.4 var(--R);color:var(--ink)}
.ctc__dot{color:var(--mute)}[dir="ltr"] .ctc__go .ic{transform:scaleX(-1)}.ctc__btn{white-space:nowrap}
@media (max-width:860px){.ctc{grid-template-columns:1fr}}
@media (max-width:520px){.ctc__c--pdf{padding-inline-end:116px}.ctc__cov{width:78px;margin-top:-55px;inset-inline-end:22px}.ctc__btn i{display:none}.ctc__dot{display:none}.ctc__hq{flex-direction:column;gap:2px}.ctc__hq .ic{display:none}}

/* ===== تطابق اللغات (8 نوفمبر) ===== */
/* أزرار الاختيار: صف واحد في كل اللغات؛ الكلام الطويل ينزل داخل الزر نفسه */
.seg:not(.seg--stack):not(.seg--wrap){flex-wrap:nowrap;max-width:100%}
.seg:not(.seg--stack):not(.seg--wrap) > button{min-width:0;text-wrap:balance}
/* زر «راسلونا على واتساب» في آخر الرئيسية: سطر واحد؛ الإنجليزي والصيني بخط أصغر قليلًا ليتسع */
.reach__cell--go .btn{white-space:nowrap}
.reach__cell--go .btn:not(:lang(ar)){font-size:17px;padding-inline:22px}
@media (max-width:420px){.reach__cell--go .btn:not(:lang(ar)){padding-inline:16px}}
/* حاسبة الشحنات: الرقم ووحدته لا ينكسران («里亚尔») */
.lc__head b,.lc__head small{white-space:nowrap}
/* الكلمات ذات الشرطة في فقرات البطل لا تنكسر عندها (day-to-day) */
.nw{white-space:nowrap}

/* ===== خانة التاريخ [data-fdate]: يوم · شهر · سنة بالميلادي أو الهجري (أروبة، 8 نوفمبر) ===== */
.fd__top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fd__tools{display:inline-flex;align-items:center;gap:8px}
.fd__cal{display:inline-flex;padding:3px;border-radius:999px;background:var(--alt);border:1px solid var(--rule)}
.fd__cal button,.fd__today{border:0;background:transparent;padding:5px 12px;border-radius:999px;font:600 12.5px/1.2 var(--R);color:var(--mute);cursor:pointer;transition:background .2s,color .2s}
.fd__cal button[aria-pressed=true]{background:var(--paper);color:var(--red);box-shadow:0 1px 5px -2px rgba(31,29,34,.35)}
.fd__today{color:var(--red);text-decoration:underline;text-underline-offset:3px;padding-inline:4px}
.fd__cal button:focus-visible,.fd__today:focus-visible{outline:2px solid var(--red);outline-offset:1px}
.fd__row{display:grid;grid-template-columns:72px minmax(0,1fr) 92px;gap:8px}
.fd__d,.fd__y{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.fd__m{appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23706972' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center}
[dir=ltr] .fd__m{background-position:right 14px center}
.fd.is-bad .fd__row .field__i{border-color:var(--red)}
@media (max-width:520px){.fd__row{grid-template-columns:54px minmax(0,1fr) 74px;gap:6px}.fd__row .field__i{padding-inline:8px}.fd__m{padding-inline-end:28px;background-position:left 10px center}[dir=ltr] .fd__m{background-position:right 10px center}}
.fd.is-bad .fd__eq{color:var(--red)}
.fd__eq{color:var(--graphite)}

/* شريط النتيجة الثابت على الجوال */
.fy__bar{display:none}
@media (max-width:760px){
  .fy__bar:not([hidden]){display:flex;position:fixed;z-index:40;inset-inline:12px;bottom:12px;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:16px;background:var(--red);color:#fff;box-shadow:0 18px 36px -16px rgba(200,16,46,.75)}
  .fy__bar span{font:600 13px/1.3 var(--R);opacity:.9}
  .fy__bar b{margin-inline-start:auto;font:700 19px/1 var(--R);font-variant-numeric:tabular-nums;white-space:nowrap}
  .fy__bar b small{font:600 12px/1 var(--R);opacity:.85}
  .fy__bar button{flex:none;border:0;border-radius:10px;padding:8px 12px;background:#fff;color:var(--red);font:700 13px/1 var(--R);cursor:pointer}
}

/* الحاسبة — التخطيط الجديد: كارت النتيجة جنب الخانات، والمجموعات 1 ثم 2 ثم 3 تحت بعض وكل مجموعة بعرض الكارت */
.fy--v2{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:stretch}
.fy--v2 .cstp{align-content:start}
.fy--v2 .fy__in{grid-template-columns:1fr;row-gap:30px}
.fy--v2 .fy__sum{gap:12px}.fy--v2 .fy__sum b{white-space:nowrap}
.fy--v2 .compose__grid .field{justify-content:flex-end}
.seg.seg--grid{display:grid;grid-auto-flow:row;grid-template-columns:1fr;margin-block-end:0}
.seg.seg--grid button{display:grid;align-content:center;gap:3px;text-align:start;padding:12px 16px;min-height:64px;line-height:1.4}
.seg--grid button small{font:500 12.5px/1.5 var(--R);color:var(--mute)}
.seg--grid button[aria-pressed=true] small{color:var(--graphite)}
/* كارت النتيجة */
.fy--v2 .fy__out{gap:8px}
.fy--v2 .fy__o{display:contents}
.fy--v2 .fy__o--sum > .fy__k:first-child{order:1}.fy--v2 .fy__amt{order:2}.fy--v2 .fy__fig{order:3}
.fy--v2 .fy__rows--steps{order:4}.fy--v2 .fy__why{order:5}.fy--v2 .fy__k--w{order:6}.fy--v2 .fy__words{order:7}
.fy--v2 .fy__acts{order:8}.fy--v2 .fy__sig{order:9}
.fy--v2 .fy__amt{font-size:clamp(34px,3.4vw,48px);overflow-wrap:anywhere}
/* علامة e كما في الصفحة الأخيرة من البرشور: كبيرة، خارجة من جانب الكارت في الأسفل، بلا ميل */
.fy--v2 .fy__out::before{width:70%;max-width:none;aspect-ratio:520/585;inset-inline-end:-14%;top:auto;bottom:-56px;opacity:.16;transform:none}
/* أزرار النتيجة: زر رئيسي بالعرض، وتحته زرّان متساويان */
.fy__acts--std{display:grid;gap:10px;margin-top:auto;padding-top:18px}
.fy__acts--std .fy__main{width:100%}
.fy__tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.fy__tools .btn{min-width:0;padding-inline:10px;font-size:14px;gap:8px}
.fy__tools .btn .ic{width:18px;height:18px}
.fy__tools .btn span{white-space:nowrap}
/* توقيع أروبة */
.fy__sig{display:flex;align-items:center;gap:8px;margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.22);position:relative;font:600 12.5px/1.4 var(--R);color:rgba(255,255,255,.78)}
.fy__k:has(+ .fy__words:empty){display:none}
/* ترقيم المجموعات داخل حلقة O */
.ring--n{width:40px;height:40px}
.ring--n .ring__arcs circle{stroke-width:7}
.ring__t{position:relative;font:700 16px/1 var(--R);color:var(--red);font-variant-numeric:tabular-nums}
.fy--v2 .cstp legend{gap:14px}
/* فواصل هادئة بين المجموعات */
.fy--v2 .fy__in{row-gap:0}
.fy--v2 .fy__in > .cstp + .cstp{margin-top:26px;padding-top:26px;border-top:1px solid var(--rule)}
/* خطوات الحساب: العنوان والرقم في سطر، والتفصيل تحته بخط أصغر */
.fy--v2 .fy__rows li{align-items:baseline}
.fy--v2 .fy__rows li span{display:grid;gap:3px}
.fy--v2 .fy__rows li span small{font:500 13px/1.5 var(--R);color:rgba(255,255,255,.72)}
/* المجموعات بعرض الكارت: التاريخان جنب بعض، والأجر في صف واحد، والأسباب في عمودين */
@media (min-width:761px){
  .fy--v2 .seg.seg--grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .fy--v2 .fd__top{flex-wrap:nowrap}.fy--v2 .fd__top > :first-child{min-width:0}.fy--v2 .fd__tools{gap:4px;flex:none}.fy--v2 .fd__cal button{padding-inline:9px}
}
@media (min-width:901px){
  .fy--v2 .fy__dates{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}
  .fy--v2 .fy__dates > legend{grid-column:1/-1}
  .fy--v2 .fy__unpaid{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;margin-top:4px;padding:6px 6px 6px 16px;border-radius:14px;background:var(--alt)}
  [dir=rtl] .fy--v2 .fy__unpaid{padding:6px 16px 6px 6px}
  .fy--v2 .fy__unpaid .fx{flex:none;width:200px}
  .fy--v2 .fy__unpaid .field__i{background:var(--paper)}
  .fy--v2 .fy__wage .compose__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
}
@media (min-width:1241px){
  .fy--v2 .fd__row{grid-template-columns:50px minmax(0,1fr) 70px;gap:6px}.fy--v2 .fd__row .field__i{padding-inline:10px}
  .fy--v2 .fd__row .fd__m{font-size:16px;padding-inline-start:12px;padding-inline-end:30px;background-position:left 11px center}[dir=ltr] .fy--v2 .fd__row .fd__m{background-position:right 11px center}
}
@media (max-width:1240px){.fy--v2{grid-template-columns:1fr}.fy--v2 .fy__out::before{width:min(62%,340px);inset-inline-end:-12%;bottom:-48px}}
@media (max-width:380px){.fd__row .fd__m{font-size:15px}}
/* شريط المبلغ الثابت على التابلت (على الجوال موجود من قبل) */
@media (min-width:761px) and (max-width:1240px){
  .fy--v2 .fy__bar:not([hidden]){display:flex;position:fixed;z-index:40;inset-inline:12px;bottom:12px;max-width:560px;margin-inline:auto;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:16px;background:var(--red);color:#fff;box-shadow:0 18px 36px -16px rgba(200,16,46,.75)}
  .fy--v2 .fy__bar span{font:600 13px/1.3 var(--R);opacity:.9}
  .fy--v2 .fy__bar b{margin-inline-start:auto;font:700 19px/1 var(--R);font-variant-numeric:tabular-nums;white-space:nowrap}
  .fy--v2 .fy__bar b small{font:600 12px/1 var(--R);opacity:.85}
  .fy--v2 .fy__bar button{flex:none;border:0;border-radius:10px;padding:8px 12px;background:#fff;color:var(--red);font:700 13px/1 var(--R);cursor:pointer}
}

/* ارتفاع الحاسبة: كلها في شاشة واحدة تحت شريط العنوان */
.fy--v2 .fy__in{padding:24px clamp(20px,2.6vw,30px)}
.fy--v2 .cstp{gap:12px}
.fy--v2 .cstp legend{margin-block-end:10px;font-size:clamp(17px,1.4vw,19px)}
.fy--v2 .ring--n{width:34px;height:34px}
.fy--v2 .ring__t{font-size:14.5px}
.fy--v2 .fy__in > .cstp + .cstp{margin-top:18px;padding-top:18px}
.fy--v2 .field{gap:5px}
.fy--v2 .fd{gap:6px}
.fy--v2 .fy__sum{padding:10px 16px}
.cstp__hint{font:400 13px/1.5 var(--P);color:var(--mute)}
.fy--v2 .seg.seg--grid button{min-height:54px;padding:9px 14px;gap:2px}
.fy--v2 .fy__out{padding:26px 28px;gap:6px}
.fy--v2 .fy__amt{font-size:clamp(34px,3.2vw,44px)}
.fy--v2 .fy__rows{margin:4px 0 8px}
.fy--v2 .fy__rows li{padding:8px 0}
.fy--v2 .fy__rows .is-tot{padding-top:10px}
.fy--v2 .fy__why{margin:0 0 6px;padding:10px 12px;font-size:14px}
.fy--v2 .fy__words--sm{font-size:clamp(16px,1.3vw,18px);line-height:1.7}
.fy--v2 .fy__acts--std{padding-top:12px;gap:8px}
.fy--v2 .fy__tools{gap:8px}
.fy--v2 .fy__sig{margin-top:12px;padding-top:12px}
@media (min-width:901px){
  .fy--v2 .fy__wage legend{flex-wrap:nowrap}
  .fy--v2 .cstp__hint{margin-inline-start:auto;min-width:0;max-width:68%;text-align:end}
}
@media (max-width:900px){
  .fy--v2 .fy__wage legend,.fy--v2 .cstp legend:has(.cstp__hint){flex-wrap:wrap;row-gap:6px}
  .fy--v2 .cstp__hint{flex-basis:100%}
}
.fy--v2 .field__i{min-height:46px;padding-block:8px}
@media (min-width:901px){
  .fy--v2 .fy__unpaid .field__l{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px}
  .fy--v2 .fy__unpaid .field__l small{display:inline}
}
.fy--v2 .seg.seg--grid button{min-height:52px;padding:8px 14px}
.fy--v2 .fy__in{padding:22px clamp(20px,2.6vw,30px)}
.fy--v2 .fy__in > .cstp + .cstp{margin-top:16px;padding-top:16px}
.fy--v2 .ring--n{width:32px;height:32px}
@media (min-width:901px){.fy--v2 .fy__unpaid .fx{width:170px}}
/* الفاصل بين التاريخين: خط أحمر/أسمر وسهم داخل حلقة O من أول يوم إلى آخر يوم */
@media (min-width:901px){
.fy--v2 .fy__dates{column-gap:0}
.fy--v2 .fy__dates > .fd:nth-of-type(1){padding-inline-end:32px}
.fy--v2 .fy__dates > .fd:nth-of-type(2){position:relative;padding-inline-start:32px}
.fy--v2 .fy__dates > .fd:nth-of-type(2)::after{content:"";position:absolute;top:2px;bottom:2px;inset-inline-start:-1px;width:2px;border-radius:2px;opacity:.35;background:linear-gradient(to bottom,transparent,var(--red) 18%,var(--red) 50%,var(--ink) 50%,var(--ink) 82%,transparent)}
.fy--v2 .fy__dates > .fd:nth-of-type(2)::before{content:"";position:absolute;z-index:1;top:50%;inset-inline-start:-16px;width:32px;height:32px;margin-top:-16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 112 112'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23fff'/%3E%3Ccircle cx='50' cy='50' r='45' pathLength='100' fill='none' stroke='%23C8102E' stroke-width='7' stroke-dasharray='45.28 54.72' transform='rotate%28-171.5 50 50%29'/%3E%3Ccircle cx='50' cy='50' r='45' pathLength='100' fill='none' stroke='%231F1D22' stroke-width='7' stroke-dasharray='45.28 54.72' transform='rotate%288.5 50 50%29'/%3E%3Cpath d='M68 50H32M47 35 32 50 47 65' fill='none' stroke='%23C8102E' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}
[dir=ltr] .fy--v2 .fy__dates > .fd:nth-of-type(2)::before{transform:scaleX(-1)}
}
/* صندوق «قبل أن تعتمدوا على الرقم» في منتصف الشرح رأسيًا */
@media (min-width:901px){.fyh--mid{align-items:center}}
/* الإضافي والإجازة: وضعان في أداة واحدة على نموذج الحاسبات */
.fy--ot .seg.fy__mode{margin:0}
.fy--ot .cstp{margin-top:16px;padding-top:16px;border-top:1px solid var(--rule)}
.fy--ot [data-pane]{display:block}
.fy--ot [data-pane][hidden]{display:none}
.fy__cap{display:flex;align-items:flex-start;gap:8px;margin:0;padding:8px 12px;border-radius:12px;background:var(--blush);color:var(--red-hover);font:500 13px/1.6 var(--R)}
.fy__cap[hidden]{display:none}
.fy__cap .ic{width:16px;height:16px;flex:none;margin-top:3px;stroke:currentColor}
@media (min-width:901px){.fy--ot .fy__wage .compose__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* عنوان صفحات الأدوات المراجَعة أبيض لتتبادل الخلفيات: أبيض ← الحاسبة بيج ← الشرح أبيض ← أدوات أخرى بيج */
.phero--lite{background:var(--paper)}
/* الضريبة: الوضعان ونسب الضريبة على نموذج الحاسبات */
.fy--vat .fy__in > .cstp + .cstp{margin-top:16px;padding-top:16px;border-top:1px solid var(--rule)}
.fy--vat .fd__top{margin-bottom:2px}
@media (min-width:901px){.fy--vat .seg.fy__rates{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* نسب الضريبة مربعات: الرقم كبير، والمختارة بإطار أحمر وخلفية وردية، و«أخرى» مربع منقّط يُكتب فيه */
.fy--v2 .seg.fy__rates{display:grid;gap:10px;padding:0;background:none;border:0;border-radius:0}
.fy--v2 .seg.fy__rates button{display:grid;place-items:center;min-height:62px;padding:0;border:1.5px solid var(--rule);border-radius:14px;background:var(--paper);font:700 22px/1 var(--R);color:var(--graphite);box-shadow:none;text-align:center}
.fy--v2 .seg.fy__rates button:hover{border-color:var(--rose)}
.fy--v2 .seg.fy__rates button[aria-pressed=true]{border-color:var(--red);background:var(--blush);color:var(--red);box-shadow:none}
.fy__rx{display:flex;align-items:center;justify-content:center;gap:6px;min-height:62px;padding:0 12px;border:1.5px dashed var(--rule);border-radius:14px;background:var(--paper);cursor:text;transition:background .2s,border-color .2s}
.fy__rx > span:first-child{font:600 13px/1 var(--R);color:var(--mute)}
.fy__rxi{display:flex;align-items:center;gap:4px}
.fy__rxi input{width:64px;min-width:0;padding:0;border:0;border-bottom:1.5px solid var(--rule);border-radius:0;background:transparent;font:700 20px/1.3 var(--R);color:var(--ink);text-align:center}
.fy__rxi input:focus{outline:none;border-color:var(--red)}
.fy__rxi b{font:700 18px/1 var(--R);color:var(--mute)}
.fy__rx:focus-within,.fy__rx:hover{border-color:var(--rose)}
.fy__rx.is-on{border-style:solid;border-color:var(--red);background:var(--blush)}
.fy__rx.is-on .fy__rxi input{border-color:var(--red)}
.fy__rx.is-on .fy__rxi b,.fy__rx.is-on > span:first-child{color:var(--red)}
/* صناديق الملاحظة: لا تبقى كلمة وحدها في آخر سطر */
.fy--v2 .fy__why{text-wrap:balance}
.fy--vat .seg.fy__rates{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:901px){.fy--vat .seg.fy__rates{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* قسم الحاسبة بارتفاع الشاشة تحت شريط العنوان، فلا تتحرك الصفحة حين يتغير طول الكارت */
@media (min-width:901px){.sec--soft:has(> .wrap > .fy--v2){min-height:calc(100vh - 77px);min-height:calc(100svh - 77px);padding-block:40px 24px}}
/* مجموعة المبلغ: اختيار «قبل الضريبة | شامل الضريبة» في سطر العنوان نفسه */
.fy--v2 .fy__modes{margin-inline-start:auto;padding:4px}
.fy--v2 .fy__modes button{padding:7px 16px;font-size:14px}
.fy--v2 .fy__modes button{white-space:nowrap}
@media (max-width:520px){.fy--v2 .fy__amtg legend{flex-wrap:wrap;row-gap:12px}.fy--v2 .fy__modes{flex-basis:100%;margin-inline-start:0}.fy--v2 .fy__modes button{flex:1;padding:8px 10px}}
/* أيقونة نسخ بجانب كل رقم في كارت النتيجة، وفقاعة «تم النسخ» */
.fy__cp{position:relative;display:inline-grid;place-items:center;width:24px;height:24px;margin-inline-start:6px;padding:0;border:0;border-radius:7px;background:transparent;color:rgba(255,255,255,.55);cursor:pointer;vertical-align:-5px;transition:background .15s,color .15s}
.fy__cp:hover,.fy__cp:focus-visible{background:rgba(255,255,255,.16);color:#fff;outline:none}
.fy__cp svg{width:14px;height:14px}
.fy__cp .i-ok{display:none}
.fy__cp.is-ok{color:#fff}
.fy__cp.is-ok .i-cp{display:none}
.fy__cp.is-ok .i-ok{display:block}
.fy__out .fy__cp .fy__cpt{display:block;position:absolute;bottom:calc(100% + 6px);inset-inline-end:0;transform:translateY(4px);padding:4px 10px;border-radius:999px;background:#fff;color:var(--red);font:700 12px/1.2 var(--R);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 6px 16px -6px rgba(0,0,0,.35)}
.fy__out .fy__cp.is-ok .fy__cpt{opacity:1;transform:none}
.fy__k--w .fy__cp{width:20px;height:20px;vertical-align:-4px;margin-inline-start:4px}
.fy__k--w .fy__cp svg{width:12px;height:12px}
/* التفقيط: العملة مربعات بالكلمات، والنص الكبير بالحروف، واللغات الأخرى تحته */
.fy--tq .seg.fy__rates{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:901px){.fy--tq .seg.fy__rates{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fy--tq .seg.fy__rates button{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;font-size:17px}
/* رمز العملة (SAR…) صغيرًا بجانب الاسم في السطر نفسه */
.fy__cc{flex:none;display:inline-flex;align-items:center;gap:4px;padding:3px 6px 2px;border:1px solid var(--rule);border-radius:6px;font:600 11px/1 var(--R);letter-spacing:.06em;color:var(--mute);direction:ltr}
.fy__cs{font:700 12px/1 var(--R);letter-spacing:0}
.fy__cs--sar{width:auto;height:10px;margin-top:-1px}
.fy--tq .seg.fy__rates button[aria-pressed=true] .fy__cc,.fy__cx.is-on .fy__cc{border-color:var(--rose);color:var(--red)}
/* «عملة أخرى»: مربع منقّط فيه قائمة، يتلوّن حين يُختار منه */
.fy__cx{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:62px;padding:0 12px;border:1.5px dashed var(--rule);border-radius:14px;background:var(--paper);font:700 17px/1.2 var(--R);color:var(--graphite);cursor:pointer;text-align:center;transition:background .2s,border-color .2s}
.fy__cx:hover,.fy__cx:focus-within{border-color:var(--rose)}
.fy__cx select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.fy__cxv{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.fy__cx.is-on{border-style:solid;border-color:var(--red);background:var(--blush);color:var(--red)}
@media (max-width:420px){.fy--tq .seg.fy__rates button,.fy__cx{gap:6px;padding:0 6px;font-size:14px}.fy__cc{padding:3px 4px 2px;font-size:10px}}
.fy--tq .fy__tqw{margin-bottom:2px;font-size:clamp(20px,2vw,26px);line-height:1.7}
.fy--tq .fy__o--sum > .fy__k--w{order:1}.fy--tq .fy__tqw{order:2}.fy--tq .fy__o--sum > .fy__fig{order:3}
.fy--v2.fy--tq .fy__tqalt{display:block;order:5;margin-top:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.22)}
.fy--tq .fy__tqalt:empty{display:none}
.fy--tq .fy__tqalt .fy__words{margin:0 0 8px;font-size:clamp(15px,1.2vw,17px);line-height:1.7;font-weight:600}
/* هجري وميلادي: ثلاثة أوضاع على نموذج الحاسبات، والنتيجة تاريخ أو مدة بالحروف */
.fy--dt .seg.fy__mode{margin:0}
.fy--dt .cstp{margin-top:16px;padding-top:16px;border-top:1px solid var(--rule)}
.fy--dt [data-pane]{display:block}
.fy--dt [data-pane][hidden]{display:none}
.fy--v2.fy--dt .fy__dtv{order:2;margin:0 0 2px;font-size:clamp(22px,2.2vw,30px);line-height:1.5;text-wrap:balance}
.fy--dt .fy__why{white-space:pre-line}
.fy--dt [data-pane=conv] .fd:not(.is-bad) .fd__eq{display:none}
.fy--dt .seg.fy__units{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
.fy--dt .seg.fy__units button{font-size:17px}
@media (max-width:520px){.fy--dt .seg.fy__mode button{padding-inline:6px;font-size:13px;white-space:nowrap}}
@media (max-width:374px){.fy--dt .seg.fy__mode button{padding-inline:4px;font-size:12px}}
@media (max-width:520px){:lang(en) .fy--dt .seg.fy__mode button{white-space:normal;text-wrap:balance}}
/* خانة التاريخ في كل الحاسبات: خانة واحدة مقسومة لثلاثة أجزاء (يوم · شهر · سنة)، والإطار كله يتلوّن عند الكتابة */
.fy--v2 .fd__row{grid-template-columns:1fr 1.8fr 1.2fr;gap:0;border:1.5px solid var(--rule);border-radius:16px;background:var(--paper);overflow:hidden;transition:border-color .2s}
.fy--v2 .fd__row:focus-within{border-color:var(--rose)}
.fy--v2 .fd__row .field__i{min-height:66px;padding-inline:8px;border:0;border-radius:0;box-shadow:none;background-color:transparent;font-size:24px;font-weight:700;text-align:center;text-align-last:center}
.fy--v2 .fd__row .fd__m{border-inline:1px solid var(--rule)!important;padding-inline:8px 28px;background-position:left 12px center}
[dir=ltr] .fy--v2 .fd__row .fd__m{padding-inline:28px 8px;background-position:right 12px center}
.fy--v2 .fd.is-bad .fd__row{border-color:var(--red)}
/* تاريخان متجاوران (نهاية الخدمة، رصيد الإجازة، المدة بين تاريخين): أرقام أصغر قليلًا ومساحة أكبر للشهر */
@media (min-width:901px){
  .fy--v2 .fy__dates .fd__row{grid-template-columns:.8fr 2.4fr 1fr}
  .fy--v2 .fy__dates .fd__row .field__i{min-height:58px;padding-inline:4px;font-size:19px}
  .fy--v2 .fy__dates .fd__row .fd__m{font-size:16px;padding-inline:4px 22px;background-position:left 8px center}
  [dir=ltr] .fy--v2 .fy__dates .fd__row .fd__m{padding-inline:22px 4px;background-position:right 8px center}
}
@media (max-width:520px){
  .fy--v2 .fd__row{grid-template-columns:60px minmax(0,1fr) 80px}
  .fy--v2 .fd__row .field__i{min-height:58px;font-size:19px}
  .fy--v2 .fd__row .fd__m{font-size:16px;padding-inline:6px 24px;background-position:left 8px center}
  [dir=ltr] .fy--v2 .fd__row .fd__m{padding-inline:24px 6px;background-position:right 8px center}
}
@media (max-width:380px){.fy--v2 .fd__row{grid-template-columns:54px minmax(0,1fr) 72px}.fy--v2 .fd__row .fd__m{font-size:15px;padding-inline:4px 22px}[dir=ltr] .fy--v2 .fd__row .fd__m{padding-inline:22px 4px}}
/* سطور النتيجة: التاريخ الطويل ينزل سطرًا ولا يضغط عنوان السطر */
.fy--dt .fy__rows li > span{flex:1 0 42%;min-width:0}
.fy--dt .fy__rows li > b{white-space:normal;text-align:end}
/* أيام العمل: وضعان، والإعدادات (عطلة الأسبوع مربعات، والإجازات ويوم البداية أشرطة صغيرة)، والإجازات مجمّعة في النتيجة */
.fy--wd [data-only][hidden]{display:none!important}
.fy--wd .seg.fy__we{grid-template-columns:repeat(2,minmax(0,1fr))}
.fy--wd .seg.fy__we button{font-size:17px}
.fy__opt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font:600 15px/1.4 var(--R);color:var(--ink)}
.fy__opt .fy__modes{margin-inline-start:0}
.fy--wd .fy__hk{order:5;margin:6px 0 0}
.fy--wd .fy__hrows{order:5;margin-top:0}
.fy--wd .fy__why{order:6}
@media (max-width:420px){.fy__opt{flex-wrap:wrap}.fy__opt .fy__modes{flex-basis:100%}.fy__opt .fy__modes button{flex:1}}
/* أقساط التمويل: المدة مربعات و«أخرى» بالأشهر، وجدول السداد تحت الحاسبة */
.fy--ln .seg.fy__terms{grid-template-columns:repeat(3,minmax(0,1fr))}
.fy--ln .seg.fy__terms button{font-size:17px}
.fy--ln .fy__rx > span:first-child{font-size:14px}
.fy--ln .fy__rxi input{width:52px}
.fy--ln .fy__rxi b{font-size:14px}
.fy--ln .fy__cap{margin-top:10px}
.lnsch{margin-top:28px;padding:24px;border:var(--hair) solid var(--rule);border-radius:24px;background:var(--paper)}
.lnsch__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.lnsch__t{margin:0;font:700 20px/1.3 var(--R);color:var(--ink)}
.lnsch .fy__modes{padding:4px}.lnsch .fy__modes button{padding:7px 16px;font-size:14px}
.lnsch__wrap{overflow:auto;max-height:440px;border:1px solid var(--rule);border-radius:14px}
.lnsch__tbl{width:100%;border-collapse:collapse;font:500 14.5px/1.4 var(--R);font-variant-numeric:tabular-nums}
.lnsch__tbl th{position:sticky;top:0;z-index:1;padding:10px 12px;background:var(--alt);font-weight:700;font-size:13px;color:var(--graphite);text-align:start;white-space:nowrap}
.lnsch__tbl td{padding:9px 12px;border-top:1px solid var(--rule);white-space:nowrap;color:var(--ink)}
.lnsch__tbl td:first-child{color:var(--mute);font-weight:600}
.lnsch__tbl td:last-child{font-weight:700}
.lnsch__note{margin:12px 0 0;font:500 13px/1.7 var(--R);color:var(--mute)}
@media (max-width:520px){.lnsch{padding:16px}.lnsch__head{flex-wrap:wrap}.lnsch__tbl{font-size:13px}.lnsch__tbl th,.lnsch__tbl td{padding:8px}}
@media (max-width:520px){.lnsch__tbl th:nth-child(3),.lnsch__tbl td:nth-child(2){display:none}}
@media (max-width:380px){.lnsch__tbl{font-size:12px}.lnsch__tbl th{font-size:11.5px}.lnsch__tbl th,.lnsch__tbl td{padding:7px 6px}}
/* هامش الربح: ثلاثة مربعات لما تعرفونه، ورابط حاسبة الشحن تحت التكلفة، وتنبيه الخسارة */
.fy--mg .seg.fy__know{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}
.fy--mg .seg.fy__know button{padding:0 8px;font-size:16px;line-height:1.35}
.fy--mg [data-only][hidden],.fy--mg [data-lab][hidden]{display:none!important}
.fy__lnk{display:inline-block;margin-top:10px;font:600 13.5px/1.4 var(--R);color:var(--red);text-decoration:underline;text-underline-offset:3px}
.fy--mg .fy__why{white-space:pre-line}
.fy--mg .fy__why.is-loss{background:#fff;color:var(--red-hover);font-weight:700}
@media (max-width:520px){.fy--mg .seg.fy__know{gap:8px}.fy--mg .seg.fy__know button{min-height:56px;padding:0 6px;font-size:14.5px}}
.fy__opt--top{margin:0 0 8px}
.fy__opt--top > label{font:600 15px/1.4 var(--R);color:var(--ink)}
/* «من كل ريال يدفعه العميل»: تكلفة · ربح · ضريبة */
.mgbar{order:3;margin:6px 0 2px}
.mgbar[hidden]{display:none}
.mgbar__t{margin:0 0 8px;font:600 12.5px/1.4 var(--R);color:rgba(255,255,255,.85)}
.mgbar__b{display:flex;height:12px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.15)}
.mgbar__b i{display:block;transition:flex-grow .35s ease}
.mgbar__c{background:rgba(255,255,255,.45)}.mgbar__p{background:#fff}.mgbar__v{background:rgba(255,255,255,.2)}
.mgbar__k{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;font:500 12.5px/1.4 var(--R);color:rgba(255,255,255,.9)}
.mgbar__k i{display:inline-block;width:9px;height:9px;margin-inline-end:5px;border-radius:3px;vertical-align:middle}
.mgbar__k b{font-weight:700;color:#fff}
/* الإهلاك */
.fy--dp .seg.fy__terms{grid-template-columns:repeat(3,minmax(0,1fr))}
.fy--dp .seg.fy__terms button{font-size:17px}
.fy--dp .fy__rx > span:first-child{font-size:14px}
.fy--dp .fy__rxi input{width:52px}
.fy--dp .fy__rxi b{font-size:14px}
.fy--dp .seg.fy__meth{grid-template-columns:repeat(2,minmax(0,1fr))}
.fy--dp .seg.fy__meth button{padding:0 8px;font-size:16px;line-height:1.35}
.fy--dp .fy__start{margin-top:16px}
.fy--v2 .fd__row--my{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.fy--v2 .fd__row--my .fd__m{border-inline-start:0!important}
.fy--dp .fy__my .fd__eq{display:block;margin-top:6px;color:var(--red)}
.fy--dp .fy__my .fd__eq:empty{display:none}
.lnsch__tbl td small{display:block;font:500 11.5px/1.3 var(--R);color:var(--mute)}
@media (max-width:520px){
  .fy--v2 .fd__row--my{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
  .lnsch--dp .lnsch__tbl th:nth-child(3),.lnsch--dp .lnsch__tbl td:nth-child(2){display:table-cell}
  .lnsch--dp[data-mode=sch] .lnsch__tbl th:nth-child(3),.lnsch--dp[data-mode=sch] .lnsch__tbl td:nth-child(3){display:none}
  .lnsch--dp:not([data-mode=sch]) .lnsch__tbl{font-size:12px}
  .lnsch--dp:not([data-mode=sch]) .lnsch__tbl th{font-size:11.5px}
  .lnsch--dp:not([data-mode=sch]) .lnsch__tbl th,.lnsch--dp:not([data-mode=sch]) .lnsch__tbl td{padding:8px 6px}
}
/* «أخرى» في مربعات المدة/العمر على الجوال: العنوان فوق الخانة حتى لا تخرج الوحدة من المربع */
@media (max-width:520px){.fy--dp .fy__rx,.fy--ln .fy__rx{flex-direction:column;gap:3px;padding:4px 6px}.fy--dp .fy__rx > span:first-child,.fy--ln .fy__rx > span:first-child{font-size:12.5px}.fy--dp .fy__rxi input,.fy--ln .fy__rxi input{width:40px;font-size:18px}}
@media (max-width:380px){.fy--dp .fy__rxi input,.fy--ln .fy__rxi input{width:34px}.fy--dp .fy__rxi b,.fy--ln .fy__rxi b{font-size:13px}}
.fy--dp .fy__why{white-space:pre-line}
/* الإهلاك: الأوضاع والمجموعات الضريبية وقيد الضريبة المؤجلة */
.fy--dp .seg.fy__mode{margin:0}
.fy--dp [data-pane]{display:block}
.fy--dp [data-pane][hidden],.fy--dp [data-lab][hidden]{display:none!important}
.fy--dp .seg.fy__tg{grid-template-columns:repeat(2,minmax(0,1fr))}
.fy--dp .seg.fy__tg button{flex-direction:column;gap:4px;padding:10px 8px;font-size:15px;line-height:1.35}
.fy--dp .seg.fy__tg button:last-child{grid-column:1/-1}
.fy--dp .fy__share{max-width:220px}
.fy__je{margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.1);font:500 14px/1.6 var(--R)}
.fy__je-t{margin:0 0 6px;font-weight:700;opacity:.85;font-size:13px}
.fy__je-l{display:flex;justify-content:space-between;gap:12px;margin:0}
.fy__je-l b{font-variant-numeric:tabular-nums;white-space:nowrap}
.fy__je-c span{padding-inline-start:22px}
.lnsch__head [hidden]{display:none!important}
@media (max-width:520px){.fy--dp .seg.fy__mode button{padding-inline:6px;font-size:13px;white-space:nowrap}.fy--dp .seg.fy__meth button{min-height:56px;font-size:15px}}
@media (max-width:374px){.fy--dp .seg.fy__mode button{padding-inline:4px;font-size:12px}}
@media (max-width:520px){:lang(en) .fy--dp .seg.fy__mode button{white-space:normal;text-wrap:balance}}
.fy--dp .fy__je{order:5}
.fy--dp .cstp{margin-top:16px;padding-top:16px;border-top:1px solid var(--rule)}
@media (max-width:520px){
  .lnsch--dp:not([data-mode=sch]) .lnsch__tbl{font-size:11px}
  .lnsch--dp:not([data-mode=sch]) .lnsch__tbl th{font-size:10.5px;white-space:normal}
  .lnsch--dp:not([data-mode=sch]) .lnsch__tbl th,.lnsch--dp:not([data-mode=sch]) .lnsch__tbl td{padding:7px 4px}
  .lnsch--dp .lnsch__tbl td small{font-size:10px;white-space:normal}
}
.fy--dp [data-dr][hidden]{display:none!important}
/* الرقم الضريبي: رقم واحد (شريط 15 خانة) وقائمة أرقام */
.fy--vn .seg.fy__mode{margin:0}
.fy--vn [data-pane]{display:block}
.fy--vn [data-pane][hidden],.fy--vn [data-act][hidden]{display:none!important}
.fy--vn .cstp{margin-top:16px;padding-top:16px;border-top:1px solid var(--rule)}
.fy--vn .vn__in{font-size:clamp(22px,2.2vw,28px);text-align:center}
.fy--vn .vn__chk{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.fy--vn .vn__ta{min-height:250px;resize:vertical;font-size:16px;line-height:1.7;padding:14px 16px}
.fy--vn .cstp__hint[data-out=cnt]{font:700 13px/1.5 var(--R);color:var(--graphite);font-variant-numeric:tabular-nums}
.fy--vn .vn__res{order:2;margin:2px 0 0}
.fy--vn .vn__res--sm{font-size:clamp(17px,1.5vw,20px);line-height:1.6}
.fy--vn .fy__fig{order:3}
.vn__strip{order:2;display:flex;gap:3px;margin:14px 0 6px}
.vn__strip[hidden]{display:none}
.vn__c{flex:1 1 0;min-width:0;display:grid;place-items:center;aspect-ratio:.74;border-radius:7px;border:1.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);
  font:700 clamp(14px,1.35vw,18px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;color:#fff;transition:background .2s,border-color .2s,color .2s}
.vn__c.is-gap{margin-right:5px}
.vn__c.is-empty{background:transparent;border-style:dashed;border-color:rgba(255,255,255,.28)}
.vn__c.is-good{background:#fff;border-color:#fff;color:var(--red)}
.vn__c.is-bad{background:rgba(40,0,8,.45);border-color:#fff;border-width:2px}
.vn__c.is-x{background:rgba(40,0,8,.45);border-color:rgba(255,255,255,.5);text-decoration:line-through}
.vn__c.is-grp{box-shadow:inset 0 -3px 0 #fff}
.vn__bar{order:2;margin:12px 0 2px}
.vn__b-ok{background:#fff}.vn__b-dup{background:rgba(255,255,255,.5)}.vn__b-bad{background:rgba(40,0,8,.55)}
.fy--vn .fy__why{white-space:pre-line}
.fy--vn .vn__scope{font-weight:500;line-height:1.6}
.lnsch--vn .lnsch__tbl td:nth-child(2){font-weight:600;letter-spacing:.04em}
.lnsch--vn tr.is-bad td:last-child{color:var(--red);font-weight:700;white-space:normal}
.lnsch--vn tr.is-dup td:last-child{color:var(--graphite);font-weight:700}
.lnsch--vn tr.is-ok td:last-child{color:#1E8E5A;font-weight:700}
.lnsch--vn .lnsch__tbl td:last-child{white-space:normal}
@media (max-width:520px){
  .fy--vn .seg.fy__mode button{font-size:14px}
  .fy--vn .vn__chk{grid-template-columns:1fr 1fr;gap:8px 6px}
  .fy--vn .vn__chk li{font-size:14px}
  .vn__strip{gap:2px}.vn__c{border-radius:5px;font-size:13px}.vn__c.is-gap{margin-right:3px}
  .lnsch--vn .lnsch__tbl th:nth-child(3),.lnsch--vn .lnsch__tbl td:nth-child(2){display:table-cell}
  .lnsch--vn .lnsch__tbl td:nth-child(2){font-size:12px;letter-spacing:0}
}
/* خطابات الموظفين (النموذج المعتمد) */
.fy--lt .seg.fy__mode{margin:0}
.fy--lt .cstp{margin-top:16px;padding-top:16px;border-top:1px solid var(--rule)}
.fy--lt .compose__grid{row-gap:14px}
.fy--lt .lt__opt{font:500 12px/1 var(--P);color:var(--mute)}
.fy--lt .lt__dates{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}
.fy--lt .lt__dates [data-only][hidden]{display:none!important}
.fy--lt [data-ar-only][hidden]{display:none!important}
.fy--lt .lt__il{display:block;margin:14px 0 8px}
.fy--lt .fy__chk{margin-top:12px}
.fy--lt .fy__out{gap:14px}
@media (min-width:1241px){.fy--lt{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.fy--lt .fy__out{position:sticky;top:92px}}
.fy--lt .field__l{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.lt__bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
.lt__bar .fy__modes{margin:0;padding:3px;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25)}
.lt__bar .fy__modes button{padding:6px 14px;font-size:13px;color:rgba(255,255,255,.85)}
.lt__bar .fy__modes button[aria-pressed=true]{background:#fff;color:var(--red)}
.lt__paper.is-lh{padding-top:64px;padding-bottom:52px}
.lt__paper.is-lh::before,.lt__paper.is-lh::after{position:absolute;inset-inline:18px;display:grid;place-items:center;border:1.5px dashed #E3D9DB;border-radius:6px;font:500 11.5px/1 var(--R);color:#B6AEB8}
.lt__paper.is-lh::before{content:attr(data-lh);top:12px;height:38px}
.lt__paper.is-lh::after{content:attr(data-lf);bottom:12px;height:28px}
.lt__hint{font-weight:500;line-height:1.6}
@media (max-width:520px){.fy--lt .lt__dates{grid-template-columns:1fr}.lt__bar .fy__modes{flex:1}.lt__bar .fy__modes button{flex:1;padding-inline:8px}.lt__paper{font-size:12px;padding:18px}.lt__paper.is-bi{font-size:9.5px}.lt__tb{width:100%}}
@media (max-width:520px){.fy--lt .seg.fy__mode button{padding-inline:6px;font-size:13px;white-space:nowrap}:lang(en) .fy--lt .seg.fy__mode button{white-space:normal;text-wrap:balance}}
.fy--lt [data-bi][hidden]{display:none!important}
.lt__sigbi{border-collapse:collapse;width:100%}
.lt__sigbi td{padding:1px 0;vertical-align:top;line-height:1.7}
.lt__sigbi .lt__sl{text-align:right;white-space:nowrap;padding-left:8px}
.lt__sigbi .lt__sr{text-align:left;white-space:nowrap;padding-right:8px}
.lt__sigbi .lt__sv{text-align:center;width:100%;white-space:nowrap}
.lt__sigbi tr.lt__sigt td{font-weight:700;padding-bottom:4px}
.lt__sigs--2 td.lt__sig{padding:0 6px}
.lt__sigsbi{display:grid;gap:14px;margin-top:22px}
.lt__sigsbi .lt__sigbi td{border-bottom:1px solid #F3EDEE}
.lt__sigsbi .lt__sigbi tr.lt__sigt td{border-bottom:1.5px solid #E2D8DA}
.lt__metas .lt__ar,.lt__metas .lt__en,.lt__bi tr.lt__to td,.lt__bi tr.lt__greet td,.lt__bi tr.lt__close td{text-align:start}
/* تقويم الالتزامات */
.fy--cc .cstp{margin-top:16px;padding-top:16px;border-top:1px solid var(--rule)}
.fy--cc .fy__in > .cstp:first-child{margin-top:0;padding-top:0;border-top:0}
.fy--cc .cc__l{display:block;margin-bottom:8px}
.fy--cc .seg.cc__3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fy--cc .seg.cc__3 button{font-size:15px;padding:0 6px;line-height:1.35}
.fy--cc .cc__q{margin-top:16px}
.fy--cc .fy__opt--top.cc__q{margin:16px 0 8px}
.fy--cc .cc__h{font:500 12px/1.4 var(--P);color:var(--mute)}
.fy--cc [data-adv][hidden]{display:none!important}
.fy--cc .cc__sel{font:700 18px/1.3 var(--R);min-height:56px}
.fy--cc .cc__dates{display:grid;gap:14px}
.fy--cc .cc__next{font-size:clamp(30px,3vw,42px)}
.fy--cc .fy__why{white-space:pre-line}
.cc__hint{font-weight:500;line-height:1.6}
.lnsch--cc .cc__list{display:grid;gap:0}
.cc__m{margin:18px 0 6px;font:700 15px/1.4 var(--R);color:var(--graphite)}
.cc__m:first-child{margin-top:4px}
.cc__i{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;border-top:1px solid var(--rule);border-inline-start:3px solid transparent}
.cc__i--tax{border-inline-start-color:var(--red)}
.cc__i--hr{border-inline-start-color:#8E8790}
.cc__i--ren{border-inline-start-color:#C9A227}
.cc__d b{display:block;font:700 15px/1.3 var(--R);color:var(--ink)}
.cc__d small{display:block;font:500 12px/1.4 var(--P);color:var(--mute)}
.cc__t span{font:600 14.5px/1.55 var(--R);color:var(--ink)}
.cc__off{display:inline-block;margin-top:3px;padding:1px 8px;border-radius:99px;background:#FFF4D6;color:#7A5B00;font:600 11.5px/1.6 var(--R)}
.cc__n{font:600 13px/1.3 var(--R);color:var(--mute);white-space:nowrap}
.cc__i.is-soon .cc__n{color:var(--red);font-weight:700}
@media (max-width:520px){
  .fy--cc .seg.cc__3 button{font-size:13.5px}
  .cc__i{grid-template-columns:96px minmax(0,1fr);gap:4px 10px;padding:10px 8px}
  .cc__n{grid-column:2;font-size:12px}
  .cc__t span{font-size:13.5px}
}
@media (max-width:520px){.lnsch--cc .fy__modes{display:flex;flex-basis:100%}.lnsch--cc .fy__modes button{flex:1;padding:6px 4px;font-size:12.5px;white-space:normal;line-height:1.3}}
.fy--v2 .fy__x{justify-self:start;margin-top:16px}
/* انتهاء الإقامات والوثائق */
.fy--ex .ex__ta{min-height:230px;resize:vertical;font:500 15px/1.75 var(--R);padding:14px 16px;tab-size:16}
.ex__acts{display:flex;flex-wrap:wrap;gap:6px 18px}
button.fy__lnk{padding:0;border:0;background:none;cursor:pointer}
.ex__acts [hidden]{display:none}
.ex__cols{margin-top:16px;padding-top:14px;border-top:1px solid var(--rule)}
.ex__cols[hidden]{display:none}
.ex__ct{margin:0}
.ex__ct b{display:block;font:700 15px/1.4 var(--R);color:var(--ink)}
.ex__ct small{display:block;font:500 12.5px/1.5 var(--P);color:var(--mute)}
.ex__cl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.ex__c{display:grid;gap:6px;min-width:0;padding:10px 12px;border:1px solid var(--rule);border-radius:14px;background:var(--paper)}
.ex__ch{min-width:0}
.ex__ch b,.ex__ch small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ex__ch b{font:600 13.5px/1.4 var(--R);color:var(--graphite)}
.ex__ch small{font:500 12px/1.4 var(--P);color:var(--mute)}
.fy--ex .ex__sel{min-height:44px;padding-block:0;font:600 15px/1.3 var(--R)}
.fy--ex .seg.ex__3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fy--ex .ex__big{font-size:clamp(30px,3vw,42px)}
.fy--ex .fy__why{white-space:pre-line}
.fy--ex button:disabled{opacity:.5;cursor:not-allowed}
.lnsch--ex .lnsch__tbl td{white-space:normal}
.lnsch--ex .lnsch__tbl td:first-child{color:var(--ink);font-weight:600}
.lnsch--ex .lnsch__tbl td:nth-child(3){white-space:nowrap}
.lnsch--ex tr.is-exp td:last-child{color:var(--red)}
.lnsch--ex tr.is-soon td:last-child{color:#9A6B00}
.lnsch--ex tr.is-ok td:last-child{color:var(--mute);font-weight:600}
.lnsch--ex tr.is-bad td:last-child{color:var(--red);font-weight:600}
.lnsch--ex tr.is-bad td:nth-child(3){color:var(--mute)}
.lnsch--ex .lnsch__tbl td small.ex__md{display:none}
@media (max-width:520px){
  .ex__cl{grid-template-columns:1fr}
  .lnsch--ex .lnsch__tbl th:nth-child(3),.lnsch--ex .lnsch__tbl td:nth-child(3){display:table-cell}
  .lnsch--ex .lnsch__tbl th:nth-child(2),.lnsch--ex .lnsch__tbl td:nth-child(2){display:none}
  .lnsch--ex .lnsch__tbl td small.ex__md{display:block;font:500 11.5px/1.3 var(--R);color:var(--mute)}
  .lnsch--ex .lnsch__tbl td:nth-child(3){white-space:normal}
  .lnsch--ex .fy__modes{display:flex;flex-basis:100%}.lnsch--ex .fy__modes button{flex:1;padding:6px 4px}
}
/* مقارنة عروض الموردين */
.fy--qt .cstp{margin-top:16px;padding-top:16px;border-top:1px solid var(--rule)}
.fy--qt .fy__in > .cstp:first-child{margin-top:0;padding-top:0;border-top:0}
.fy--qt .cstp[hidden], .fy--qt [data-f][hidden], .fy--qt [data-cur][hidden]{display:none}
.qt__2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.qt__3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.qt__h{display:block;font:500 11.5px/1.35 var(--P);color:var(--mute)}
.fy--qt .cstp legend{width:100%}
.fy--qt .qt__term{font:600 15px/1.3 var(--R)}
.fy--qt .fy__opt{margin-top:14px}
.fy--qt .qt__win{font-size:clamp(26px,2.6vw,36px);line-height:1.25}
.fy--qt .fy__why{white-space:pre-line}
.fy--qt .fy__rows li.is-win > span{font-weight:800}
.lnsch--qt .lnsch__tbl th small{display:block;font:500 11px/1.3 var(--R);color:var(--mute)}
.lnsch--qt .lnsch__tbl td:first-child{color:var(--graphite);font-weight:600;white-space:normal;min-width:130px}
.lnsch--qt .lnsch__tbl td{font-weight:600}
.lnsch--qt tr.is-tot td{font-weight:800;border-top:2px solid var(--rule)}
.lnsch--qt td.is-win{color:var(--red)}
.qt__inc{color:var(--mute);font-weight:500;font-size:13px}
@media (max-width:520px){
  .qt__2,.qt__3{grid-template-columns:1fr}
  .lnsch--qt .lnsch__tbl th:nth-child(3),.lnsch--qt .lnsch__tbl td:nth-child(2){display:table-cell}
  .lnsch--qt .lnsch__tbl td:first-child{min-width:96px}
}
.lnsch--qt .lnsch__wrap{max-height:none}
/* دليل شروط التسليم */
.ic__g{margin:0 0 8px;font:600 13px/1.4 var(--R);color:var(--mute)}
.ic__terms + .ic__g{margin-top:16px}
.fy--ic .seg.ic__terms{grid-template-columns:repeat(4,minmax(0,1fr))}
.fy--ic .seg.ic__terms button{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:68px;padding:8px 6px}
.fy--ic .seg.ic__terms button b{font:700 18px/1 var(--R);letter-spacing:.02em}
.fy--ic .seg.ic__terms button small{font:500 11.5px/1.3 var(--R);color:var(--mute)}
.fy--ic .seg.ic__terms button[aria-pressed=true] small{color:var(--red)}
.fy--ic .ic__q[hidden]{display:none}
.fy--ic .ic__q + .ic__q{margin-top:12px}
.fy--ic .ic__q{flex-wrap:wrap;row-gap:8px}
.fy--ic .ic__code{font-size:clamp(34px,3.4vw,48px);letter-spacing:.02em}
.fy--ic .fy__rows b{white-space:normal;text-align:end;max-width:62%;font-weight:600;line-height:1.5}
.fy--ic .fy__why{white-space:pre-line}
.lnsch--ic .lnsch__t bdi{color:var(--red)}
.lnsch--ic .lnsch__tbl td{white-space:normal}
.lnsch--ic .lnsch__tbl td:first-child{color:var(--ink);font-weight:600;width:42%}
.ic__w{display:inline-block;padding:3px 12px;border-radius:99px;font:700 13px/1.5 var(--R)}
.ic__w--s{background:var(--blush);color:var(--red)}
.ic__w--b{background:var(--alt);color:var(--graphite)}
.ic__w--n{padding:0;border-radius:0;background:none;color:var(--graphite);font-weight:600}
@media (max-width:520px){
  .fy--ic .seg.ic__terms{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lnsch--ic .lnsch__tbl th:nth-child(3),.lnsch--ic .lnsch__tbl td:nth-child(2){display:table-cell}
}
.lnsch--ic .lnsch__wrap{max-height:none}
@media (max-width:520px){.fy--ic .seg.ic__terms{grid-template-columns:repeat(2,minmax(0,1fr))}.fy--ic .seg.ic__terms button:last-child:nth-child(odd){grid-column:1/-1}}
/* التكلفة الحقيقية لنظام ERP */
.fy--er [data-lic][hidden]{display:none}
.fy--er .er__row{margin-top:12px}
.fy--er .fy__opt{margin:0 0 12px}
.fy--er .qt__o .fy__opt{margin-top:0}
.er__g{margin:16px 0 8px;padding-top:12px;border-top:1px dashed var(--rule);font:700 14px/1.4 var(--R);color:var(--graphite)}
.qt__2,.qt__3{align-items:end}
/* جدول المقارنة جنبًا إلى جنب (عروض الموردين والتكلفة الحقيقية لنظام ERP) */
.cmp{--n:2}
.cmp.is-3{--n:3}
.cmp__h,.cmp__r{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(var(--n),minmax(0,1fr));gap:10px;align-items:center}
.cmp__h{padding-bottom:10px;border-bottom:1px solid var(--rule)}
.cmp__h b{font:700 14.5px/1.3 var(--R);color:var(--ink);display:flex;align-items:center;gap:8px;min-width:0}
.cmp__r{padding:8px 0;border-bottom:1px solid #F3EDEE}
.cmp__r[hidden],.cmp [data-o][hidden]{display:none}
.cmp__l{min-width:0;font:600 14px/1.4 var(--R);color:var(--graphite)}
.cmp__l small{display:block;font:500 11.5px/1.35 var(--P);color:var(--mute)}
.cmp__c{min-width:0}
.fy--v2 .cmp__c .field__i{min-height:42px;padding:6px 10px;font:700 16px/1.2 var(--R);font-variant-numeric:tabular-nums}
.fy--v2 .cmp__c select.field__i{font:600 14px/1.2 var(--R);padding-inline:8px 26px}
.fy--v2 .cmp__c .cmp__nm{font:600 14px/1.2 var(--R)}
.cmp__na{display:none;font:500 13px/1.3 var(--R);color:var(--mute);padding:0 4px}
.cmp__c.is-na > *{display:none}
.cmp__c.is-na > .cmp__na{display:block}
.fy--v2 .cmp__seg{display:flex;margin:0;width:100%}
.fy--v2 .cmp__seg button{flex:1;padding:7px 6px;font-size:13px}
.cmp__g{margin:16px 0 0;padding-bottom:6px;border-bottom:1px solid var(--rule);font:700 14px/1.4 var(--R);color:var(--ink)}
@media (max-width:520px){
  .cmp__h,.cmp__r{grid-template-columns:repeat(var(--n),minmax(0,1fr));row-gap:6px;gap:6px 8px}
  .cmp__h > :first-child{display:none}
  .cmp__l{grid-column:1/-1}
  .fy--v2 .cmp__c .field__i{padding:6px 8px;font-size:15px}
  .fy--v2 .cmp__seg button{padding:7px 4px;font-size:12.5px}
}
.cmp__tn{display:block;margin-top:4px;font:500 11.5px/1.35 var(--P);color:var(--mute)}
.cmp__r{align-items:start}
.cmp__l{padding-top:9px}
.cmp__na{padding-top:12px}
.cmp__c .cmp__seg{margin-top:2px}
@media (max-width:520px){.cmp__l{padding-top:0}}
/* الملاحظة الصغيرة على نفس سطر اسم الخانة */
.qt__h,.cmp__l small{display:inline;margin-inline-start:6px}
.field__l small.qt__h,.cmp__l small{display:inline;margin-inline-start:8px}
/* عنوان العرض زر: داخل المقارنة أو خارجها */
.cmp__hl{font:500 11.5px/1.4 var(--P);color:var(--mute);align-self:end}
.cmp__t{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 12px;border:1.5px solid var(--red);border-radius:999px;background:var(--blush);font:700 14px/1.25 var(--R);color:var(--red);cursor:pointer;text-align:start;transition:background .2s,border-color .2s,color .2s}
.cmp__tk{flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--red);color:#fff}
.cmp__tk .ic{width:11px;height:11px;stroke-width:3}
.cmp__t[aria-pressed=false]{border-color:var(--rule);background:var(--paper);color:var(--mute)}
.cmp__t[aria-pressed=false] .cmp__tk{background:none;border:1.5px solid var(--rule)}
.cmp__t[aria-pressed=false] .cmp__tk .ic{visibility:hidden}
.cmp__t:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.cmp .cmp__c.is-off{opacity:.45}
@media (max-width:520px){.cmp__hl{display:none}.cmp__t{padding:5px 8px;gap:5px;font-size:12.5px}.cmp__tk{width:14px;height:14px}}
.field__l small.qt__h,.cmp__l small{margin-inline-start:12px}
.field__l small.qt__h,.cmp__l small{margin-inline-start:4px}
.cmp__hl{font-size:12px}
/* انتهاء الوثائق: الملاحظة على نفس سطر العنوان */
.ex__ct b,.ex__ct small{display:inline}
.ex__ct small{margin-inline-start:4px}
.ex__ch{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ex__ch b,.ex__ch small{display:inline;overflow:visible}
.ex__ch small{margin-inline-start:4px}
@media (max-width:520px){.ex__cl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ex__c{padding:8px}.fy--ex .ex__sel{font-size:14px;padding-inline:8px 24px}}
/* الزكاة وضريبة الدخل */
.fy--zk .zk__share{margin-top:12px}
.fy--zk [data-shw][hidden],.fy--zk [data-pl][hidden],.fy--zk [data-txo][hidden],.fy--zk [data-tax][hidden]{display:none}
.fy--zk [data-pl]{margin-top:12px}
.zk__plh{display:block;margin:6px 0 0}
.fy--zk .fy__why{white-space:pre-line}
.fy--zk .fy__rows li.is-win > span{font-weight:800}
.lnsch--zk .zk__h--d{color:var(--red)}
.lnsch--zk .zk__h--n{color:var(--mute);font-weight:600}
.lnsch--zk .lnsch__wrap{max-height:none}
.lnsch--zk .lnsch__tbl td{white-space:normal}
@media (max-width:520px){.lnsch--zk .lnsch__tbl th:nth-child(3),.lnsch--zk .lnsch__tbl td:nth-child(2){display:table-cell}}
.fy--zk .fy__opt .qt__h{display:inline;margin-inline-start:4px}
.fy--zk .zk__fy{grid-template-columns:1fr}
.fy--zk .field__l{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fy--zk .field{min-width:0}
@media (max-width:640px){.fy--zk .qt__2,.fy--zk .qt__3{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1280px){.fyx__bar .chip{padding-inline:13px;gap:6px}}
.ct__copy{position:relative}
.ct__copy .ic--ok{display:none}
.ct__copy.is-done .ic--cp{display:none}
.ct__copy.is-done .ic--ok{display:block}
.ct__mails .ct__tip,.ct__tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);padding:4px 10px;border-radius:999px;background:var(--red);color:#fff;font:700 12px/1.2 var(--R);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
.ct__copy.is-done .ct__tip{opacity:1;transform:translate(-50%,0)}
.field__i:where(input:not(.fy__big)){line-height:1.6}
.field__i::placeholder{overflow:visible}
.field > .tk__err{margin-top:2px}
.tk__sug{display:block;margin-top:2px}
.tk__sug[hidden]{display:none}
.tk__sug button{border:0;background:none;padding:0;font:600 14px/1.5 var(--R);color:var(--red);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tk__code{display:grid;gap:14px;padding:20px 22px;border-radius:18px;background:var(--alt);border:var(--hair) solid var(--rule)}
.tk__code[hidden]{display:none}
.tk__codet{display:grid;gap:4px;color:var(--graphite)}
.tk__codet b{font:700 17px/1.4 var(--R);color:var(--ink)}
.tk__codei{max-width:240px;font:700 24px/1.6 var(--R);letter-spacing:.35em;text-align:center}
.tk__codeact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px}
.tk__codeact .btn{justify-content:center}
.tk__codeact [data-code-go]{grid-column:1/-1}
.tk__codeact .btn[disabled]{opacity:.55;cursor:not-allowed}
.tk__wait{margin:-6px 0 0;color:var(--mute)}
.tk__wait:empty{display:none}
.tk__form input[readonly]{background:var(--alt);color:var(--graphite)}
@media (max-width:700px){.tk__codeact{grid-template-columns:1fr}.tk__codei{max-width:none}}

.fyc{display:flex;align-items:center;gap:16px;margin-bottom:clamp(28px,4vw,44px);padding:18px 22px;border-radius:20px;background:var(--paper);border:var(--hair) solid var(--rule);color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.fyc:hover{border-color:var(--red);box-shadow:0 10px 30px -18px rgba(200,16,46,.45)}
.fyc .ring{flex:none}
.fyc__t{flex:1;font:700 clamp(17px,1.6vw,20px)/1.5 var(--R)}
.fyc__go{flex:none;display:inline-flex;align-items:center;gap:6px;font:700 15px/1.4 var(--R);color:var(--red);white-space:nowrap}
.fyc__go .ic{width:18px;height:18px}
[dir=ltr] .fyc__go .ic{transform:scaleX(-1)}
@media (max-width:700px){.fyc{flex-wrap:wrap;gap:10px 14px;padding:16px 18px}.fyc__t{flex-basis:calc(100% - 60px)}.fyc__go{margin-inline-start:58px;min-width:0;max-width:calc(100% - 58px);white-space:normal}}