/* =====================================================================
   إيروبا — أنماط الموقع
   الفكرة: صفحات فاتحة دافئة مريحة للعين، والأحمر لونٌ للتأكيد لا للخلفيات،
   وحلقة 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:"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; --canvas:#FBF8F6; --soft:#F5F0ED; --ink:#1F1D22; --graphite:#4B4650; --mute:#766F78;
  --rule:#ECE5E2; --blush:#FCEFF1; --rose:#F6D6DC; --red:#C8102E; --red-hover:#A50D26; --on-red:#FFFFFF;
  --band:#FFFFFF; --band-ink:#1F1D22; --band-mute:#766F78; --band-rule:#ECE5E2;
  --black:#24212A; --on-black:#F3F1F2; --on-black-mute:#B9B2BA;
  --c1:#1F1D22; --c2:#C8102E; --c3:#E36A7E; --c4:#F3B6C0; --c5:#7E7680; --c6:#B5AEB6; --c7:#6B2633; --c8:#DDD7D9;
  --R:"Readex Pro",system-ui,sans-serif; --P:"IBM Plex Sans Arabic",system-ui,sans-serif;
  --wrap:1200px; --gut:clamp(16px,4vw,40px); --sec:clamp(64px,8.5vw,120px);
  --rad:20px; --hair:1px; --shadow:0 1px 2px rgba(31,29,34,.05),0 12px 32px -16px rgba(31,29,34,.18);
  color-scheme:light;
}

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

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

/* ---------- الأقسام ---------- */
.sec{padding-block:var(--sec)}
.sec--tight{padding-block:clamp(40px,5vw,64px) var(--sec)}
.sec--soft{background:var(--soft)}
.sec--ledger{background:var(--paper)}
.sec--ink{background:var(--blush)}
.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}
.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__cta{margin-inline-start:10px}
.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:1060px){
  .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:linear-gradient(180deg,var(--blush),var(--canvas))}
.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:#ADA5AC}
.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-inline-start:clamp(16px,2.4vw,32px);top:230px;bottom:20px;width:min(640px,60%)}
.cs__note{position:absolute;inset-inline-start:var(--l);top:var(--t);transform:rotate(var(--r));width:156px;padding:14px 14px 16px;
          font:600 14px/1.45 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:52px;height:18px;margin-left:-26px;background:rgba(255,255,255,.45);transform:rotate(-4deg)}
.cs__note--c1{background:#F3E7A6}
.cs__note--c2{background:#F5C9CF}
.cs__note--c3{background:#CFE2F0}
.cs__note--c4{background:#D9EBC8}
.cs__note:nth-child(3n){width:178px}
.cs__note:nth-child(4n+1){width:140px}
.cs__note:nth-child(5n+2){text-decoration:underline wavy rgba(200,16,46,.6);text-underline-offset:5px}
.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__card ul{margin-top:14px;display:grid;gap:9px}
.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__clock{width:22px;height:22px;color:var(--red);stroke-width:2.2}
.cs__card li em{margin-inline-start:auto;font-style:normal;font-size:13px;color:var(--mute);white-space:nowrap}
.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;width:100%;height:560px;margin-top:22px}
  .cs__note{width:128px;font-size:12.5px;padding:10px 10px 12px}
  .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(--canvas);padding-block:var(--sec)}
.lamp{position:relative;margin-top:36px;border-radius:26px;overflow:hidden;--mx:50%;--my:50%;touch-action:pan-y;cursor:crosshair;background:var(--paper);border:var(--hair) solid var(--rule)}
.lamp__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;padding:clamp(40px,6vw,72px) clamp(16px,4vw,48px);font:700 clamp(19px,2.6vw,34px)/1.4 var(--R)}
.lamp__dim{color:#EEE8E5}
.lamp__lit{position:absolute;inset:0;color:var(--ink);-webkit-mask-image:radial-gradient(circle var(--lr,190px) at var(--mx) var(--my),#000 50%,transparent 100%);mask-image:radial-gradient(circle var(--lr,190px) at var(--mx) var(--my),#000 50%,transparent 100%)}
.lamp__lit li:nth-child(3n+1){color:var(--red)}
@media (prefers-reduced-motion:reduce){.lamp__lit{-webkit-mask-image:none;mask-image:none}}

/* 4) الرقم */
.one{background:var(--blush);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)}}

/* 6) ألواح الخدمات */
.rails{background:var(--canvas);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}
.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__more:hover{color:var(--red)}
.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}
.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(--canvas)}
.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(--paper);border:var(--hair) solid var(--rule)}
.gets li:first-child{background:var(--blush);border-color:var(--rose)}
.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(--blush);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}

.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__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(--blush);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(--canvas);border-block-start:var(--hair) solid var(--rule);color:var(--graphite);padding-block:60px 40px;font-size:15px}
.foot__top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.foot__brand .logo img{width:160px}
.foot__tag{margin-top:14px;font:600 15px/1.5 var(--R);color:var(--red)}
.foot__slogan{margin-top:4px;font:600 20px/1.4 var(--R);color:var(--ink)}
.foot__col h2{font:700 14px/1.4 var(--R);color:var(--mute);margin-block-end:10px}
.foot__col ul{display:grid;gap:6px}
.foot__col a{text-decoration:none;font-weight:600;color:var(--ink)}
.foot__col a:hover{color:var(--red);text-decoration:underline;text-underline-offset:4px}
.foot__facts{display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;gap:20px 28px;margin-top:44px;padding-top:28px;border-block-start:var(--hair) solid var(--rule)}
.foot__facts dt{font-size:13px;color:var(--mute)}
.foot__facts dd{margin-top:2px;font:600 15px/1.5 var(--R);color:var(--ink)}
.foot__facts a{text-decoration:none}
.foot__facts a:hover{color:var(--red)}
.foot__legal{margin-top:28px;padding-top:22px;border-block-start:var(--hair) solid var(--rule);display:grid;gap:4px;font-size:13.5px;color:var(--mute)}
.foot__legal p:first-child{display:flex;flex-wrap:wrap;gap:4px 28px;color:var(--graphite)}
@media (max-width:1000px){.foot__top{grid-template-columns:1fr 1fr}.foot__brand{grid-column:1/-1}.foot__facts{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}}
@media (max-width:520px){.foot__facts{grid-template-columns:1fr}}

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

/* ---------- الدورة المستندية ---------- */
.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{max-width:760px}
.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{max-width:860px}
.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);max-width:860px}
.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}}