/*
Theme Name: Noura Aldosary Moving
Theme URI: https://www.noura-aldosary.com/
Author: مؤسسة نوره سلطان الدوسري
Author URI: https://www.noura-aldosary.com/
Description: قالب ووردبريس عربي (RTL) لشركات نقل وتخزين الأثاث بالرياض. سلايدر هيرو بثلاث شرائح، لوحة كحلية داكنة مع أقسام بيضاء، خط Cairo، صفحات داخلية بترويسة كبيرة ووصف مميّز، بيانات منظمة كاملة (MovingCompany / SelfStorage / Service / FAQPage / BreadcrumbList)، روابط إنجليزية تلقائية مع توجيه 301، نموذج عرض سعر، ولوحة تتبع زوار مدمجة.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: noura
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, block-styles, wide-blocks, translation-ready, one-column, two-columns, right-sidebar
*/

/* ============================================================
   1. الرموز التصميمية (Design tokens)
   ============================================================ */
:root{
  /* اللوحة المستخرجة بالكهرماني */
  --azdeep:#0D2035;      /* الترويسة، التذييل، الهيرو، عرض السعر، المستودعات */
  --azbase:#16293D;      /* خلفية الصفحات وقائمة الخدمات */
  --azalt:#0D2035;       /* قسم بديل */
  --azpanel:#0D2035;     /* بطاقات المستودعات */
  --surface:#0D2035;     /* أسطح البطاقات والجداول */
  --surface2:#1D3350;    /* أسطح مرفوعة وحقول الإدخال */

  /* الفيروزي — التسميات والأرقام */
  --teal:#14B8C4;        /* على الداكن */
  --teal-dark:#0E7A86;   /* على الأبيض */

  /* الكهرماني — الأزرار والإجراءات */
  --amber:#F5B301;
  --ember:#D99C00;
  --amber-dark:#8A5E00;  /* كهرماني للنص فوق الأبيض */
  --clayblock:#0D2035;   /* بطاقة التسعير الجانبية */
  --claydark:#0D2035;    /* رؤوس الجداول */
  --sandlight:#F5B301;

  /* النصوص */
  --ice:#F7F9FB;
  --onlight:#0D2035;
  --onlight2:#5A6875;
  --frost:#FFFFFF;
  --mist:#A9B4C0;
  --ink:#FFFFFF;
  --muted:#8E97A0;
  --line:rgba(169,180,192,.3);
  --line-dark:rgba(169,180,192,.3);

  /* خطوط */
  /* خط الموقع: Cairo لكل العناصر */
  --font-display:"Cairo","Segoe UI",Tahoma,sans-serif;
  --font-body:"Cairo","Segoe UI",Tahoma,sans-serif;
  --font-data:"Cairo","Segoe UI",Tahoma,sans-serif;

  /* مقاييس */
  --step--1:clamp(.74rem,.72rem + .15vw,.8rem);
  --step-0:clamp(.92rem,.89rem + .2vw,1rem);
  --step-1:clamp(1.02rem,.96rem + .35vw,1.18rem);
  --step-2:clamp(1.25rem,1.1rem + .7vw,1.55rem);
  --step-3:clamp(1.45rem,1.2rem + 1.3vw,2.15rem);
  --step-4:clamp(1.75rem,1.3rem + 2.4vw,3.1rem);

  --wrap:1220px;
  --gutter:clamp(1rem,4vw,3rem);
  --r-sm:8px; --r-md:14px; --r-lg:26px; --r-pill:999px;
  --shadow-1:0 2px 10px rgba(0,0,0,.35);
  --shadow-2:0 22px 55px -18px rgba(0,0,0,.8);
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ============================================================
   2. الأساس
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--azbase);color:var(--ink);
  font-family:var(--font-body);font-size:var(--step-0);line-height:1.85;
  font-variant-numeric:lining-nums;
  overflow-x:hidden;
}
body.nav-open{overflow:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--amber);text-decoration:none;transition:color .2s var(--ease)}
a:hover{color:var(--sandlight)}
h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.32;margin:0 0 .6em;letter-spacing:0}
h1{font-size:var(--step-4)}
h2{font-size:var(--step-3)}
h3{font-size:var(--step-2)}
h4{font-size:var(--step-1)}
p,ul,ol{margin:0 0 1.1em}
ul,ol{padding-inline-start:1.3em}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}
input,select,textarea{color-scheme:dark}
::placeholder{color:var(--muted);opacity:1}
::selection{background:var(--amber);color:var(--azdeep)}
.skip-link{position:absolute;inset-block-start:-60px;inset-inline-start:1rem;background:var(--azdeep);color:#fff;padding:.7rem 1.2rem;border-radius:var(--r-sm);z-index:999}
.skip-link:focus{inset-block-start:1rem;color:#fff}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

.wrap{width:min(100% - (var(--gutter)*2),var(--wrap));margin-inline:auto}
.section{padding-block:clamp(2.6rem,5.5vw,5rem)}
.section--base{background:var(--azbase)}
.section--alt{background:var(--azalt)}
.section--dark{background:var(--azdeep);color:var(--frost)}
.section--dark h2,.section--dark h3{color:#fff}

/* الأرقام والبيانات: أرقام متساوية العرض بخط Cairo */
.record dd,.figures b,.widget--call .num,.cr-badge,
/* عين (Eyebrow) — تُستخدم للتسميات فقط */
.eyebrow{
  font-family:var(--font-data);font-weight:600;font-size:var(--step--1);letter-spacing:.12em;
  text-transform:uppercase;color:var(--teal);margin:0 0 .9rem;display:flex;align-items:center;gap:.6rem
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--teal);display:inline-block}
.section--dark .eyebrow{color:var(--amber)}
.lede{font-size:var(--step-1);color:var(--mist);max-width:62ch;line-height:1.75}
.section--dark .lede{color:var(--mist)}

/* أزرار */
.btn{
  display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:600;
  font-size:var(--step-0);padding:.85rem 1.6rem;border-radius:var(--r-pill);border:1.5px solid transparent;
  cursor:pointer;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease);
  line-height:1
}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--amber);color:var(--azdeep)}
.btn--primary:hover{background:var(--ember);color:var(--azdeep);box-shadow:0 12px 26px -12px rgba(245,179,1,.55)}
.btn--dark{background:var(--surface2);color:#fff;border-color:var(--line)}
.btn--dark:hover{background:var(--claydark);color:#fff}
.btn--ghost{border-color:currentColor;color:var(--frost);background:transparent}
.section--dark .btn--ghost,.hero .btn--ghost{color:#fff}
.btn--ghost:hover{background:var(--frost);color:var(--azdeep);border-color:var(--frost)}
.section--dark .btn--ghost:hover,.hero .btn--ghost:hover{background:#fff;color:var(--azdeep);border-color:#fff}
.btn--wa{background:#1FA855;color:#fff}
.btn--wa:hover{background:#178c46;color:#fff}
.btn .ico{width:18px;height:18px;flex:none}


/* على الأسطح شبه السوداء يحمل الحدّ العلوي الرقيق تعريف البطاقة */
.card,.faq details,.widget,.record,.entry-content table,.entry-content blockquote,.areas li,.noura-quote,.vault{
  box-shadow:inset 0 1px 0 rgba(249,220,203,.07)
}
.card:hover{box-shadow:inset 0 1px 0 rgba(249,220,203,.12),var(--shadow-2)}
.section--alt{position:relative;border-block:1px solid var(--line)}

/* التوقيع البصري: خط المسار (route line) */
.route{position:relative}

/* ============================================================
   3. الترويسة العائمة
   ============================================================ */
.site-header{position:fixed;inset-block-start:0;inset-inline:0;z-index:120;padding:1.1rem 0;transition:background .3s var(--ease),padding .3s var(--ease),box-shadow .3s var(--ease)}
.site-header.is-stuck{background:rgba(13,32,53,.92);backdrop-filter:blur(12px);padding:.55rem 0;box-shadow:var(--shadow-1)}
.header-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.header-bar .brand{order:0;margin-inline-end:auto}   /* الشعار: أقصى اليمين */
.header-bar .header-tools{order:1}                    /* الأدوات: اليسار، وزر القائمة آخرها = أقصى اليسار */
.brand{display:flex;align-items:center;gap:.7rem;color:#fff}
.brand:hover{color:#fff}
.brand img{max-height:52px;width:auto}
.brand-mark{width:42px;height:42px;flex:none}
.brand-text strong{display:block;font-family:var(--font-display);font-size:1.05rem;line-height:1.2;font-weight:700}
.brand-text span{display:block;font-size:.72rem;font-weight:500;letter-spacing:.1em;color:var(--mist);font-family:var(--font-data)}
.header-tools{display:flex;align-items:center;gap:.5rem}
.tool{
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:44px;min-width:44px;padding:0 .9rem;
  border-radius:var(--r-pill);border:1.5px solid rgba(255,255,255,.5);color:#fff;background:rgba(13,32,53,.28);
  backdrop-filter:blur(6px);font-size:.9rem;font-family:var(--font-display);cursor:pointer;transition:.25s var(--ease)
}
.tool:hover{background:#fff;color:var(--azdeep);border-color:#fff}
.tool .ico{width:20px;height:20px}
.burger{flex-direction:column;gap:5px;padding:0}
.burger span{display:block;width:18px;height:2px;background:currentColor;transition:.25s var(--ease)}
body.nav-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.nav-open .burger span:nth-child(2){opacity:0}
body.nav-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* لوحة القائمة */
body.nav-open 
/* ============================================================
   4. الهيرو — سلايدر فاخر بكامل الشاشة
   ============================================================ */
.hero{position:relative;min-height:100svh;display:grid;color:#fff;overflow:hidden;isolation:isolate;background:var(--azdeep)}

/* الخلفيات المتبدّلة مع تكبير بطيء (Ken Burns) */
.hero__bgs{position:absolute;inset:0;z-index:-2}
.hero__bg{position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--ease)}
.hero__bg.is-active{opacity:1}
.hero__bg>*,.hero__bg picture,.hero__bg picture img{width:100%;height:100%;object-fit:cover}
.hero__bg>*{transform:scale(1.08);transition:transform 9s linear}
.hero__bg.is-active>*{transform:scale(1)}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(to left,rgba(13,32,53,.97) 0%,rgba(13,32,53,.85) 45%,rgba(13,32,53,.55) 100%),
             radial-gradient(90% 70% at 15% 20%,rgba(245,179,1,.22),transparent 60%),
             linear-gradient(to top,rgba(13,32,53,.95),transparent 62%)
}

/* الشرائح */
.hero__stage{position:relative;z-index:2;display:grid;align-content:center;min-height:100svh;padding-block:7rem 8.5rem}
.hero__slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s var(--ease)}
.hero__slide.is-active{opacity:1;visibility:visible}
.hero__slide>*{opacity:0;transform:translateY(24px)}
.hero__slide.is-active>*{animation:heroRise .9s var(--ease) forwards}
.hero__slide.is-active>*:nth-child(1){animation-delay:.05s}
.hero__slide.is-active>*:nth-child(2){animation-delay:.16s}
.hero__slide.is-active>*:nth-child(3){animation-delay:.27s}
.hero__slide.is-active>*:nth-child(4){animation-delay:.38s}
.hero__slide.is-active>*:nth-child(5){animation-delay:.5s}
@keyframes heroRise{to{opacity:1;transform:none}}

.hero__label{
  font-family:var(--font-data);font-weight:600;letter-spacing:.26em;font-size:.78rem;
  text-transform:uppercase;color:var(--teal);margin:0 0 1.1rem;display:flex;align-items:center;gap:.8rem
}
.hero__label::before{content:"";width:38px;height:1px;background:var(--teal);opacity:.9}
.hero h1,.hero__title{
  font-family:var(--font-display);font-size:clamp(1.85rem,1.15rem + 3.6vw,3.5rem);font-weight:700;line-height:1.18;
  max-width:20ch;margin:0 0 1.2rem;letter-spacing:-.01em;color:#fff
}
.hero h1 em,.hero__title em{font-style:normal;color:var(--teal)}
.hero__text{max-width:48ch;color:rgba(255,255,255,.86);font-size:var(--step-1);line-height:1.75;margin:0 0 2rem}
.hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.hero__actions .btn{padding:.85rem 1.6rem}
.hero__actions .btn--primary .ico{transition:transform .3s var(--ease)}
.hero__actions .btn--primary:hover .ico{transform:translateX(-4px)}

.hero__tags{
  display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;list-style:none;margin:2.6rem 0 0;padding:1.2rem 0 0;
  max-width:640px;border-block-start:1px solid rgba(249,220,203,.22);
  font-family:var(--font-data);font-weight:500;font-size:.74rem;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(249,220,203,.72)
}
.hero__tags li{display:flex;align-items:center;gap:1.1rem}
.hero__tags li:not(:last-child)::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--teal);opacity:.8}

/* شريط التحكم أسفل الهيرو */
.hero__ui{
  position:absolute;inset-block-end:2.4rem;z-index:4;
  inset-inline:max(var(--gutter),calc(50% - (var(--wrap) / 2)));
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem
}
.hero__count{font-family:var(--font-data);font-size:.82rem;letter-spacing:.14em;color:rgba(249,220,203,.6)}
.hero__count b{color:#fff;font-weight:600;font-size:1rem}
.hero__meter{display:flex;gap:.5rem;flex:1;max-width:280px}
.hero__meter i{flex:1;height:2px;background:rgba(255,255,255,.24);overflow:hidden;cursor:pointer}
.hero__meter i span{display:block;height:100%;width:0;background:var(--teal)}
.hero__meter i.is-done span{width:100%}
.hero__arrows{display:flex;gap:.5rem}
.hero__arrows button{
  width:52px;height:52px;border:1px solid rgba(249,220,203,.35);background:rgba(2,9,14,.35);
  backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.25s var(--ease)
}
.hero__arrows button:hover{background:#fff;color:var(--azdeep);border-color:#fff}

.hero__strip{background:var(--azdeep);color:var(--frost);border-block-start:1px solid var(--line-dark)}
.hero__strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}
.hero__strip div{padding:1rem .6rem;text-align:center;position:relative}
.hero__strip div+div::before{content:"";position:absolute;inset-block:20%;inset-inline-start:0;width:1px;background:var(--line-dark)}
.hero__strip b{display:block;font-family:var(--font-display);font-size:var(--step-1);color:#fff}
.hero__strip span{font-size:var(--step--1);color:var(--mist)}

@media (max-width:820px){
  .hero__stage{padding-block:7.5rem 9rem}
    .hero__ui{inset-block-end:1.6rem;flex-wrap:wrap;gap:.9rem}
  .hero__meter{order:3;max-width:none;flex-basis:100%}
  .hero__arrows button{width:46px;height:46px}
}

/* ============================================================
   5. من نحن — لوحان متقابلان (مرجع الصورة الثانية)
   ============================================================ */

/* اللوح الفاتح — أبيض، والنص والأرقام غامقة */
.record h4{margin:0 0 .5rem;font-size:var(--step-0);color:var(--teal)}
.record dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.35rem .8rem;font-size:var(--step--1)}
.record dt{color:var(--muted)}
.record dd{margin:0;font-family:var(--font-data);direction:ltr;text-align:start}
.figures{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-block-start:2rem;border-block-start:1px solid var(--line);padding-block-start:1.5rem}
.figures b{display:block;font-family:var(--font-display);font-size:var(--step-4);line-height:1;color:var(--teal-dark)}
.figures span{font-size:var(--step--1);color:var(--muted)}

/* مراحل التنفيذ — الترقيم هنا يعني ترتيبًا حقيقيًا للعمل */
.stages{list-style:none;margin:1.5rem 0 0;padding:0}
.stages li{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;padding-block:1.15rem;border-block-start:1px solid var(--line-dark)}
.stages li:first-child{border-block-start:0}
.stages .n{font-family:var(--font-data);font-weight:600;color:var(--teal);font-size:var(--step-0);padding-block-start:.3rem}
.stages h3{font-size:var(--step-1);margin:0 0 .25rem;color:#fff}
.stages p{margin:0;font-size:var(--step--1);color:var(--mist);line-height:1.7}

/* ============================================================
   6. الخدمات — عرض سينمائي متبدّل (مرجع الصورة الثالثة)
   ============================================================ */
.showcase{position:relative;background:var(--azdeep);color:#fff;overflow:hidden}
.showcase__stage{position:relative;min-height:min(88svh,760px)}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s var(--ease);display:grid;align-items:center}
.slide.is-active{opacity:1;visibility:visible}
.slide__bg{position:absolute;inset:0;z-index:0}
.slide__bg img{width:100%;height:100%;object-fit:cover}
.slide__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(13,32,53,.95),rgba(13,32,53,.66) 55%,rgba(11,49,64,.55))}
.slide__watermark{
  /* في الاتجاه من اليمين لليسار: inline-end = الجانب الأيسر (المساحة الفارغة) */
  position:absolute;inset-inline-end:clamp(1rem,4vw,4.5rem);inset-block-end:10%;z-index:1;
  font-family:var(--font-display);font-size:clamp(2rem,6.5vw,5rem);font-weight:700;line-height:.95;
  color:rgba(255,255,255,.1);pointer-events:none;max-width:8ch;text-align:start
}
.slide__content{position:relative;z-index:2;width:min(100% - (var(--gutter)*2),var(--wrap));margin-inline:auto;padding-block:6rem 8rem;text-align:start}
.slide__content .eyebrow{justify-content:flex-start}
.slide__content h3{font-size:var(--step-4);margin:0 0 .8rem;max-width:20ch}
.slide__content p{max-width:56ch;color:rgba(249,220,203,.92);margin:0 0 1.4rem}
.slide__actions{display:flex;gap:.6rem;flex-wrap:wrap}
.showcase__ui{
  position:absolute;inset-block-end:2rem;z-index:5;
  inset-inline:max(var(--gutter),calc(50% - (var(--wrap) / 2)));
  display:flex;align-items:center;justify-content:space-between;gap:1.2rem
}
.showcase__dots{display:flex;gap:.5rem;flex-wrap:wrap}
.showcase__dots button{width:30px;height:4px;border:0;border-radius:4px;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:.3s var(--ease)}
.showcase__dots button[aria-selected="true"]{background:var(--amber);width:52px}
.showcase__arrows{display:flex;gap:.5rem;flex:none}
.showcase__arrow{
  width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);
  background:rgba(13,32,53,.45);backdrop-filter:blur(6px);color:#fff;
  display:grid;place-items:center;cursor:pointer;transition:.25s var(--ease)
}
.showcase__arrow:hover{background:var(--amber);border-color:var(--amber);color:var(--azdeep)}

/* ============================================================
   قائمة الخدمات — أسماء عملاقة بامتلاء برتقالي عند التحويم
   ============================================================ */
.section--srv{position:relative;background:var(--azbase);color:var(--frost);padding-block:clamp(2.6rem,6vw,4.2rem)}
.section--srv h2{color:#fff;font-size:clamp(1.3rem,1.1rem + 1.1vw,1.85rem);margin-block-end:.5rem}
.section--srv .eyebrow{color:var(--teal)}
.section--srv .eyebrow::before{background:var(--teal)}
.section--srv .lede{color:var(--mist);font-size:var(--step-0);line-height:1.7;margin-block-end:0}

.srv{margin-block-start:1.9rem;border-block-start:1px solid var(--line)}
.srv__row{
  position:relative;display:flex;align-items:baseline;gap:1rem;
  padding:.7rem .3rem;border-block-end:1px solid var(--line);overflow:hidden
}
/* اللون ينزلق من جهة البداية (اليمين في العربية) */
.srv__row::before{
  content:"";position:absolute;inset:0;background:var(--amber);z-index:0;
  transform:translateX(101%);transition:transform .5s var(--ease)
}
.srv__row:hover::before,.srv__row:focus-visible::before{transform:none}
.srv__num{
  position:relative;z-index:1;font-family:var(--font-data);font-weight:600;font-size:.74rem;
  letter-spacing:.08em;color:var(--teal);min-width:1.7rem;transition:color .3s var(--ease)
}
.srv__title{
  position:relative;z-index:1;font-family:var(--font-display);font-weight:700;
  font-size:clamp(1.05rem,.92rem + 1.1vw,1.6rem);line-height:1.35;color:#fff;
  transition:color .3s var(--ease)
}
.srv__row:hover .srv__title,.srv__row:hover .srv__num,
.srv__row:focus-visible .srv__title,.srv__row:focus-visible .srv__num{color:var(--azdeep)}

@media (max-width:640px){
  .srv__row{padding:.6rem .2rem;gap:.7rem}
  .srv__title{font-size:1rem;line-height:1.5}
  .srv__num{font-size:.68rem;min-width:1.4rem}
}
@media (prefers-reduced-motion:reduce){
  .srv__row::before{transition:none}
}

/* شبكة الخدمات (للأرشيف والصفحات) */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.2rem}
.card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:1.6rem 1.4rem;
  position:relative;transition:.3s var(--ease);overflow:hidden
}
.card::after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:3px;background:var(--amber);transform:scaleX(0);transform-origin:inline-start;transition:transform .35s var(--ease)}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:transparent}
.card:hover::after{transform:scaleX(1)}
.card .ico-box{width:46px;height:46px;border-radius:12px;background:var(--azdeep);border:1px solid var(--line);color:var(--teal);display:grid;place-items:center;margin-block-end:1rem}
.card h3{font-size:var(--step-1);margin:0 0 .4rem}
.card p{margin:0 0 1rem;font-size:var(--step--1);color:var(--mist);line-height:1.75}
.card__more{font-family:var(--font-display);font-size:var(--step--1);color:var(--amber);display:inline-flex;gap:.4rem;align-items:center}
.card img.thumb{border-radius:var(--r-sm);margin-block-end:1rem;aspect-ratio:16/10;object-fit:cover;width:100%}

/* ============================================================
   أنواع المستودعات — لوحة بتبويب مرقّم أسفلها
   ============================================================ */
.vaults{position:relative;background:var(--azdeep);color:var(--frost);overflow:hidden;isolation:isolate}
.vaults::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(80% 70% at 78% 25%,rgba(253,197,0,.28),transparent 62%),
             linear-gradient(to left,var(--azbase),var(--azdeep) 65%)
}

.vaults__stage{position:relative;z-index:2;display:grid;min-height:calc(100svh - 92px);align-content:center;padding-block:5rem 6rem}
.vpanel{grid-area:1/1;max-width:62ch;margin-inline-start:auto;text-align:start}
.vpanel[hidden]{display:none}
.vpanel.is-active>*{opacity:0;transform:translateY(18px);animation:heroRise .7s var(--ease) forwards}
.vpanel.is-active>*:nth-child(1){animation-delay:.04s}
.vpanel.is-active>*:nth-child(2){animation-delay:.12s}
.vpanel.is-active>*:nth-child(3){animation-delay:.2s}
.vpanel.is-active>*:nth-child(4){animation-delay:.28s}
.vpanel.is-active>*:nth-child(5){animation-delay:.36s}
.vpanel.is-active>*:nth-child(6){animation-delay:.44s}

.vpanel__label{
  font-family:var(--font-data);font-weight:600;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--teal);margin:0 0 1rem;display:flex;align-items:center;gap:.6rem
}
.vpanel__label::before{content:"";width:8px;height:8px;background:var(--teal);transform:rotate(45deg)}
.vpanel__title{font-size:clamp(1.55rem,1.1rem + 2.4vw,2.5rem);line-height:1.25;margin:0 0 1rem;color:#fff}
.vpanel__lede{font-size:var(--step-1);line-height:1.75;color:var(--mist);margin:0 0 1rem;max-width:52ch}
.vpanel__spec{
  font-family:var(--font-data);font-weight:600;font-size:var(--step--1);letter-spacing:.06em;
  color:var(--teal);margin:0 0 1.6rem
}
.vpanel__list{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.6rem;max-width:52ch}
.vpanel__list li{position:relative;padding-inline-start:1.5rem;font-size:var(--step-0);color:var(--frost)}
.vpanel__list li::before{
  content:"";position:absolute;inset-inline-start:0;inset-block-start:.7em;width:7px;height:7px;
  background:var(--teal);transform:rotate(45deg)
}
.vpanel__actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}

/* زر دائري بسهم — كالمرجع */
.circle-btn{
  display:inline-flex;align-items:center;gap:1rem;padding:.5rem .6rem .5rem 1.4rem;
  border:1px solid var(--line);border-radius:var(--r-pill);color:var(--frost);
  font-family:var(--font-display);font-weight:600;font-size:var(--step-0);
  transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease)
}
.circle-btn i{
  width:40px;height:40px;border-radius:50%;background:var(--amber);color:var(--azdeep);
  display:grid;place-items:center;flex:none;transition:transform .35s var(--ease)
}
.circle-btn:hover{background:rgba(245,179,1,.1);border-color:var(--amber);color:#fff}
.circle-btn:hover i{transform:translateX(-4px)}
.text-link{
  font-family:var(--font-data);font-weight:600;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--mist);padding-block-end:.35rem;border-block-end:1px solid var(--line)
}
.text-link:hover{color:var(--amber);border-block-end-color:var(--amber)}

.vaults__scroll{position:absolute;inset-block-end:1.5rem;inset-inline-start:50%;transform:translateX(50%);color:var(--mist);z-index:3}
.vaults__scroll:hover{color:var(--amber)}

/* شريط التبويب المرقّم */
.vaults__nav{
  position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);
  border-block-start:1px solid var(--line);background:rgba(1,6,10,.35)
}
.vaults__nav button{
  display:flex;align-items:baseline;gap:.8rem;padding:1.1rem clamp(.9rem,3.4vw,2.4rem);
  background:transparent;border:0;border-block-start:2px solid transparent;margin-block-start:-1px;
  cursor:pointer;text-align:start;transition:background .3s var(--ease),border-color .3s var(--ease)
}
.vaults__nav button+button{border-inline-end:1px solid var(--line)}
.vaults__num{font-family:var(--font-data);font-size:.72rem;letter-spacing:.1em;color:var(--mist);opacity:.7}
.vaults__name{font-family:var(--font-display);font-size:var(--step-1);font-weight:600;color:var(--mist)}
.vaults__nav button:hover{background:rgba(245,179,1,.06)}
.vaults__nav button:hover .vaults__name{color:#fff}
.vaults__nav button[aria-selected="true"]{border-block-start-color:var(--amber);background:rgba(245,179,1,.08)}
.vaults__nav button[aria-selected="true"] .vaults__num{color:var(--teal);opacity:1}
.vaults__nav button[aria-selected="true"] .vaults__name{color:#fff}

@media (max-width:820px){
    .vaults__stage{padding-block:4.5rem 5rem;min-height:auto}
  .vpanel{margin-inline-start:0}
  .vpanel__list{grid-template-columns:1fr}
  .vaults__nav{grid-template-columns:1fr}
  .vaults__nav button{padding:1rem 1.2rem;border-block-start:0;border-inline-start:2px solid transparent;margin:0}
  .vaults__nav button+button{border-inline-end:0;border-block-start:1px solid var(--line)}
  .vaults__nav button[aria-selected="true"]{border-inline-start-color:var(--amber)}
  .vaults__scroll{display:none}
}

/* المناطق */
.areas{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}
.areas li{border:1px solid var(--line);border-radius:var(--r-pill);padding:.45rem 1rem;font-size:var(--step--1);background:var(--surface);color:var(--frost)}

/* ============================================================
   7. الأسئلة الشائعة
   ============================================================ */
.faq{display:grid;gap:.7rem;max-width:860px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:0 1.2rem;transition:.25s var(--ease)}
.faq details[open]{border-color:var(--amber);box-shadow:var(--shadow-1)}
.faq summary{cursor:pointer;list-style:none;padding:1.1rem 0;font-family:var(--font-display);font-weight:600;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--font-data);color:var(--teal);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq .answer{padding-block-end:1.1rem;color:var(--mist);font-size:var(--step-0);border-block-start:1px solid var(--line);padding-block-start:1rem}

/* ============================================================
   8. الصفحات الداخلية — ترويسة كبيرة
   ============================================================ */
.page-head{position:relative;background:var(--azdeep);color:#fff;padding-block:clamp(6.5rem,11vw,9rem) clamp(2.4rem,4.5vw,3.8rem);overflow:hidden;isolation:isolate}
.page-head__bg{position:absolute;inset:0;z-index:-2}
.page-head__bg img{width:100%;height:100%;object-fit:cover;opacity:.5}
.page-head::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(120% 90% at 90% 0%,rgba(22,41,61,.5),transparent 60%),
             linear-gradient(to left,rgba(13,32,53,.97),rgba(13,32,53,.78))
}
.page-head h1{max-width:24ch;margin:0 0 1rem}
.page-head .lede{color:rgba(249,220,203,.92)}
.page-head__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:1.6rem}
.chip{border:1px solid rgba(255,255,255,.35);border-radius:var(--r-pill);padding:.35rem .9rem;font-size:var(--step--1);color:#fff;font-family:var(--font-data);font-weight:500}
.crumbs{font-size:var(--step--1);color:var(--mist);margin-block-end:1.2rem;font-family:var(--font-data);font-weight:500}
.crumbs a{color:var(--mist)}
.crumbs a:hover{color:var(--amber)}
.crumbs span[aria-current]{color:#fff}

/* لوح الوصف المميّز */
.highlight{
  background:linear-gradient(to left,var(--surface2),var(--surface));border:1px solid var(--claydark);
  border-radius:var(--r-lg);padding:clamp(1.4rem,3vw,2.2rem);margin-block:0 2.4rem;position:relative
}
.highlight::before{content:"";position:absolute;inset-block:1.4rem;inset-inline-start:0;width:5px;border-radius:0 5px 5px 0;background:var(--amber)}
.highlight p{margin:0;font-size:var(--step-1);line-height:1.8;color:var(--frost)}
.highlight p+p{margin-block-start:.8rem}

.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.entry-content h2{margin-block-start:2.2rem}
.entry-content h3{margin-block-start:1.6rem}
.entry-content ul li,.entry-content ol li{margin-block-end:.4rem}
.entry-content blockquote{margin:1.6rem 0;padding:1.2rem 1.4rem;background:var(--surface);border-inline-start:4px solid var(--amber);border-radius:var(--r-md);color:var(--frost)}
.entry-content table{width:100%;border-collapse:collapse;margin-block:1.5rem;font-size:var(--step--1);background:var(--surface);border-radius:var(--r-md);overflow:hidden}
.entry-content th,.entry-content td{padding:.8rem 1rem;border-block-end:1px solid var(--line);text-align:start;color:var(--frost)}
.entry-content th{background:var(--claydark);color:#fff;font-family:var(--font-display)}
.entry-content img{border-radius:var(--r-md)}

.sidebar{position:sticky;inset-block-start:96px;display:grid;gap:1rem}
.widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:1.3rem}
.widget h4{margin:0 0 .8rem;font-size:var(--step-0);color:var(--teal)}
.widget ul{list-style:none;margin:0;padding:0;font-size:var(--step--1)}
.widget li{border-block-end:1px solid var(--line)}
.widget li:last-child{border:0}
.widget li a{display:block;padding:.55rem 0;color:var(--frost)}
.widget li a:hover{color:var(--sandlight)}
.widget--call{background:var(--clayblock);color:#fff;border-color:transparent;text-align:center}
.widget--call h4{color:#fff}
.widget--call .num{font-family:var(--font-data);font-size:var(--step-2);direction:ltr;display:block;color:var(--sandlight);margin-block-end:.8rem}


/* ============================================================
   الأقسام البيضاء — خلفية بيضاء، والخطوط والعناصر بالألوان الغامقة
   ============================================================ */
.section--white{background:#fff;color:var(--onlight);position:relative}
.section--white h1,.section--white h2,.section--white h3,.section--white h4{color:var(--onlight)}
.section--white .lede,.section--white p{color:var(--onlight2)}
.section--white .eyebrow{color:var(--teal-dark)}
.section--white .eyebrow::before{background:var(--amber-dark)}
.section--white a{color:var(--claydark)}
.section--white a:hover{color:var(--ember)}

.section--white .card,
.section--white .faq details,
.section--white .widget,
.section--white .record,
.section--white .entry-content table,
.section--white .entry-content blockquote,
.section--white .areas li,
.section--white .noura-quote{
  background:#fff;border-color:#ECEFF2;color:var(--onlight);
  box-shadow:0 1px 3px rgba(13,32,53,.09)
}
.section--white .card p,
.section--white .faq .answer,
.section--white .record dt,
.section--white .figures span,
.section--white .entry-content td{color:var(--onlight2)}
.section--white .card:hover{box-shadow:0 18px 40px -22px rgba(13,32,53,.4);border-color:transparent}
.section--white .card .ico-box{background:#F7F9FB;border-color:#ECEFF2;color:var(--teal-dark)}
.section--white .card__more{color:var(--claydark)}
.section--white .faq summary{color:var(--onlight)}
.section--white .faq summary::after{color:var(--teal-dark)}
.section--white .faq details[open]{border-color:var(--amber)}
.section--white .faq .answer{border-block-start-color:rgba(13,32,53,.12)}
.section--white .record h4{color:var(--teal-dark)}
.section--white .figures{border-block-start-color:rgba(13,32,53,.12)}
.section--white .figures b{color:var(--teal-dark)}
.section--white .highlight{background:linear-gradient(to left,#F1F6FB,#fff);border-color:rgba(13,32,53,.14)}
.section--white .highlight p{color:var(--onlight)}
.section--white .btn--ghost{color:var(--onlight);border-color:rgba(13,32,53,.4)}
.section--white .btn--ghost:hover{background:var(--onlight);color:#fff;border-color:var(--onlight)}
.section--white .btn--dark{background:var(--azbase);color:#fff;border-color:transparent}
.section--white .btn--dark:hover{background:var(--azdeep);color:#fff}
.section--white .entry-content th{background:var(--azbase);color:#fff}
.section--white .widget h4{color:var(--teal-dark)}
.section--white .widget li{border-block-end-color:rgba(13,32,53,.1)}
.section--white .widget li a{color:var(--onlight)}
.section--white .widget li a:hover{color:var(--ember)}
.section--white .widget--call{background:var(--clayblock);color:#fff;box-shadow:none}
.section--white .widget--call h4{color:#fff}
.section--white input,.section--white select,.section--white textarea{
  background:#F7FAFD;color:var(--onlight);border-color:rgba(13,32,53,.18);color-scheme:light
}
.section--white ::placeholder{color:#8496AC}
.section--white .noura-quote label{color:var(--onlight)}

/* ============================================================
   9. نداء الإجراء والتذييل
   ============================================================ */
/* ============================================================
   نداء الإجراء — لوحة داكنة بعنوان كبير وزرّين وملاحظة
   ============================================================ */
.cta{
  position:relative;background:var(--azdeep);color:var(--frost);
  padding-block:clamp(2.8rem,6vw,5rem);overflow:hidden;isolation:isolate
}
.cta::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(70% 80% at 88% 20%,rgba(253,197,0,.3),transparent 62%),
             linear-gradient(to left,var(--azbase),var(--azdeep) 72%)
}
.cta__inner{position:relative;z-index:1}
.cta__label{
  font-family:var(--font-data);font-weight:600;font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--teal);margin:0 0 1.4rem;display:flex;align-items:center;gap:.6rem
}
.cta__label::before{content:"";width:8px;height:8px;background:var(--teal);transform:rotate(45deg)}
.cta h2{
  font-size:clamp(1.55rem,1.05rem + 2.6vw,2.7rem);line-height:1.24;color:#fff;
  margin:0 0 1.4rem;max-width:26ch;letter-spacing:-.01em
}
.cta__text{font-size:var(--step-1);line-height:1.85;color:var(--mist);margin:0 0 2.4rem;max-width:56ch}
.cta__actions{display:flex;align-items:center;gap:1rem 1.6rem;flex-wrap:wrap}

/* زر مستطيل بحروف متباعدة — كالمرجع */
.btn--square{
  display:inline-flex;align-items:center;justify-content:center;
  padding:1.15rem 2.2rem;border:1px solid var(--line);border-radius:0;color:var(--frost);
  font-family:var(--font-data);font-weight:600;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;
  transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)
}
.btn--square:hover{background:var(--amber);border-color:var(--amber);color:var(--azdeep)}

.cta__note{
  margin:2.4rem 0 0;font-size:var(--step--1);color:var(--mist);
  display:flex;align-items:center;gap:.7rem
}
.cta__note::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);flex:none}
.cta .text-link{color:var(--mist);direction:ltr}
.cta .text-link:hover{color:var(--amber)}

@media (max-width:560px){
    .cta__actions{gap:.8rem}
  .btn--square,.cta .circle-btn{width:100%;justify-content:space-between}
}

.site-footer{background:var(--azdeep);color:var(--frost);padding-block:3.5rem 1.5rem;font-size:var(--step--1)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem}
.site-footer h4{
  font-family:var(--font-data);font-weight:600;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--teal);margin-block-end:1.1rem
}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{padding-block:.28rem}
.site-footer a{color:var(--mist)}
.site-footer a:hover{color:var(--amber)}
.footer-bottom{border-block-start:1px solid var(--line-dark);margin-block-start:2.5rem;padding-block-start:1.2rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;color:rgba(249,220,203,.7)}
.cr-badge{font-family:var(--font-data);border:1px solid var(--line-dark);border-radius:var(--r-sm);padding:.3rem .7rem;direction:ltr}

/* شريط التواصل الجانبي */
.rail{
  position:fixed;inset-inline-end:1rem;inset-block-end:200px;inset-block-start:auto;transform:none;z-index:110;
  display:grid;gap:.55rem;justify-items:center
}
.rail__btn{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:rgba(2,9,14,.72);border:1px solid var(--line);backdrop-filter:blur(8px);
  transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease)
}
.rail__btn:hover{background:var(--amber);color:var(--azdeep);transform:scale(1.06);border-color:transparent}
.rail__btn--wa:hover{background:#1FA855;color:#fff}
.rail__btn .ico{width:22px;height:22px}
.rail__cta{
  margin-block-start:.45rem;width:38px;padding:1rem .2rem .7rem;border-radius:var(--r-pill);
  background:rgba(2,9,14,.72);border:1px solid var(--line);backdrop-filter:blur(8px);
  display:grid;justify-items:center;gap:.7rem;color:var(--frost);transition:.25s var(--ease)
}
.rail__cta span{
  writing-mode:vertical-rl;font-family:var(--font-data);font-size:.68rem;font-weight:600;
  letter-spacing:.22em;white-space:nowrap
}
.rail__cta:hover{background:var(--amber);color:var(--azdeep);border-color:transparent}
@media (max-width:820px){
  .rail{inset-block-end:200px;gap:.5rem}
  .rail__cta{display:none}
  .rail__btn{width:52px;height:52px;box-shadow:var(--shadow-2)}
}

/* حركة الظهور عند التمرير */
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  [data-reveal]{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ============================================================
   10. الاستجابة
   ============================================================ */
@media (max-width:1024px){
  .layout{grid-template-columns:1fr}
  .sidebar{position:static;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}
  .footer-grid{grid-template-columns:1fr 1fr}
    }
@media (max-width:820px){
  .tool--quote{padding:0 .8rem;font-size:.82rem}
    .hero__strip .wrap{grid-template-columns:1fr 1fr}
  .slide__watermark{display:none}
}
@media (max-width:560px){
  .figures{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .cta .wrap{flex-direction:column;align-items:flex-start}
  .brand-text span{display:none}
}

/* توافق محرر الكتل */
.alignwide{width:min(100%,1100px);margin-inline:auto}
.alignfull{width:100vw;margin-inline:calc(50% - 50vw);max-width:none}
.wp-caption-text,figcaption{font-size:var(--step--1);color:var(--muted);text-align:center}
.pagination{display:flex;gap:.4rem;justify-content:center;margin-block-start:2.5rem}
.pagination .page-numbers{border:1px solid var(--line);border-radius:var(--r-sm);padding:.5rem .9rem;background:var(--surface);color:var(--frost)}
.pagination .current{background:var(--amber);color:var(--azdeep);border-color:var(--amber)}

/* ============================================================
   12. ضبط الجوال والحاسوب — طبقة أخيرة تُصحّح كل الأقسام
   ============================================================ */

/* أساسيات تمنع الانزلاق الأفقي وكسر الكلمات الطويلة */
html,body{max-width:100%}
img,svg,video,iframe,table,pre{max-width:100%}
.entry-content,.highlight p,.srv__title,.vpanel__lede,.hero__text,.cta__text{overflow-wrap:anywhere}
a,button{-webkit-tap-highlight-color:rgba(245,179,1,.25)}

/* جدول المحتوى يمرّر أفقيًا بدل أن يمدّ الصفحة */
@media (max-width:760px){
  .entry-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .entry-content th,.entry-content td{white-space:normal;min-width:9rem}
}

/* لوحة القائمة: تمرير عند طول القائمة على شاشة قصيرة */

/* ------------ لوحي / تابلت ------------ */
@media (max-width:1024px){
  .sidebar{position:static}
  .vpanel__list{grid-template-columns:1fr 1fr}
}

/* ------------ جوال كبير ------------ */
@media (max-width:820px){
  .site-header{padding:.7rem 0}
  .site-header.is-stuck{padding:.45rem 0}
  .brand img{max-height:42px}
  .brand-mark,.brand svg{width:36px;height:36px}
  .brand-text strong{font-size:.95rem}

      .showcase{display:flex;flex-direction:column}
  .slide{position:relative;display:none}
  .slide.is-active{display:grid}
  .slide__content{padding-block:4.5rem 2rem}
  .slide__content h3{font-size:clamp(1.25rem,1.05rem + 1.8vw,1.75rem)}
  .showcase__ui{
    position:static;inset:auto;inset-inline:auto;
    padding:1rem var(--gutter) 1.2rem;border-block-start:1px solid var(--line);
    background:rgba(13,32,53,.55);gap:.9rem
  }
  .showcase__dots button{width:22px;height:3px}
  .showcase__dots button[aria-selected="true"]{width:38px}
  .showcase__arrow{width:44px;height:44px}

  .vpanel__title{font-size:clamp(1.3rem,1.05rem + 2vw,1.85rem)}
  .circle-btn{padding:.45rem .5rem .45rem 1.1rem;font-size:.95rem}
  .circle-btn i{width:40px;height:40px}
}

/* ------------ جوال ------------ */
@media (max-width:640px){
  /* الهيرو: شريط التحكم يدخل في السياق فلا يتراكب مع النص */
  .hero{min-height:auto}
  .hero__stage{min-height:auto;padding-block:6.5rem 2rem}
  .hero h1,.hero__title{font-size:clamp(1.5rem,1.15rem + 2.6vw,2.05rem);max-width:22ch}
  .hero__text{font-size:.95rem;margin-block-end:1.3rem}
  .hero__actions .btn{padding:.9rem 1.3rem;font-size:.95rem}
  .hero__tags{margin-block-start:1.8rem;font-size:.68rem;letter-spacing:.12em;gap:.35rem .8rem}
  .hero__ui{position:static;inset:auto;padding:1.1rem var(--gutter) 1.4rem;border-block-start:1px solid var(--line);
    background:rgba(1,6,10,.4);justify-content:space-between}
  .hero__meter{max-width:120px;order:0;flex-basis:auto}
  .hero__arrows button{width:42px;height:42px}
  .hero__bg>*{object-position:center 35%}

  .hero__strip .wrap{grid-template-columns:1fr 1fr}
  .hero__strip div{padding:1rem .5rem}
  .hero__strip b{font-size:1rem}
  .hero__strip span{font-size:.72rem;line-height:1.5}

  .section{padding-block:2.8rem}
  h2{font-size:clamp(1.22rem,1.05rem + 1.5vw,1.6rem)}
  .lede{font-size:.94rem}

  .stages li{gap:.8rem;padding-block:.95rem}
  .stages h3{font-size:.98rem}
  .record dl{grid-template-columns:1fr;gap:.15rem}
  .record dt{margin-block-start:.5rem;font-size:.78rem}
  .figures{gap:1rem;margin-block-start:1.4rem;padding-block-start:1.2rem}
  .figures b{font-size:1.95rem}

  .srv__row{padding-block:1.1rem}

  .vpanel__list{grid-template-columns:1fr;gap:.35rem}
  .vpanel__actions{gap:.9rem}
  .vaults__nav button{padding:.9rem 1.1rem}
  .vaults__name{font-size:1rem}

  .areas li{font-size:.78rem;padding:.35rem .8rem}
  .faq summary{padding-block:.85rem;font-size:.94rem;gap:.6rem}
  .page-head{padding-block:6.5rem 2.5rem}
  .chip{font-size:.7rem;padding:.3rem .7rem}
  .highlight{padding:1.1rem 1.2rem;border-radius:16px}
  .highlight p{font-size:.95rem}
  .layout{gap:1.6rem}
  .widget{padding:1.1rem}

  .cta{padding-block:3rem}
  .cta__text{font-size:.95rem;margin-block-end:1.5rem}
  .cta__actions{flex-direction:column;align-items:stretch;gap:.7rem}
  .cta .text-link{align-self:flex-start}

  .site-footer{padding-block:2.5rem 1.2rem}
  .footer-grid{gap:1.5rem}
}

/* ------------ جوال صغير (‎≤‎380px) ------------ */
@media (max-width:380px){
  :root{--gutter:1rem}
  .tool{height:40px;min-width:40px;padding:0 .7rem}
  .tool--quote{font-size:.76rem;padding:0 .6rem}
  .brand-text span{display:none}
  .hero__strip .wrap{grid-template-columns:1fr}
  .hero__strip div+div::before{inset-inline:20%;inset-block-start:0;width:auto;height:1px}
  .hero__tags li:nth-child(n+4){display:none}
  .rail__btn{width:46px;height:46px}
  .figures{grid-template-columns:1fr}
}

/* الشاشات الواسعة: منع تمدّد النص أكثر من اللازم */
@media (min-width:1600px){
  :root{--wrap:1320px}
  .hero h1,.hero__title{max-width:18ch}
}

/* الطباعة: الأقسام الداكنة تُطبع فاتحة */
@media print{
  .site-header,  body,.section,.section--srv,.page-head{background:#fff!important;color:#000!important}
  a{color:#000!important;text-decoration:underline}
}

/* ============================================================
   13. الصور الموزّعة على الأقسام
   ============================================================ */

/* «من نحن» — اللوح الكحلي بصورة خفيفة تحت النص */

/* المستودعات — خلفية كاملة الشاشة تتبدّل مع التبويب */
.vaults__bgs{position:absolute;inset:0;z-index:0;overflow:hidden}
.vaults__bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;transform:scale(1.04);transition:opacity .9s var(--ease),transform 9s linear
}
.vaults__bg.is-active{opacity:.28;transform:none}
.vaults__bgs::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to left,rgba(13,32,53,.9),rgba(13,32,53,.55) 55%,rgba(13,32,53,.75)),
             linear-gradient(to top,rgba(13,32,53,.85),transparent 45%)
}
.vpanel{position:relative}

/* الصورة المعلّقة في قائمة الخدمات */

/* ترويسة الصفحات الداخلية — الصورة الافتراضية أخفت من الصورة البارزة */
.page-head__bg--default img{opacity:.4}

@media (max-width:640px){
    .page-head__bg--default img{opacity:.3}
}
@media (prefers-reduced-motion:reduce){
  }

/* ============================================================
   بطاقة السجل التجاري في التذييل
   ============================================================ */
.cr-card{
  display:grid;grid-template-columns:auto 1fr;gap:clamp(1.2rem,3vw,2.2rem);align-items:center;
  margin-block-start:2.5rem;padding:clamp(1.2rem,3vw,1.8rem);
  background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:var(--r-lg)
}
.cr-card__qr{
  background:#fff;border-radius:var(--r-md);padding:.55rem;line-height:0;
  box-shadow:0 10px 26px -14px rgba(0,0,0,.6)
}
.cr-card__qr img{width:118px;height:118px;display:block}
.cr-card__data h4{
  margin:0 0 .9rem;font-family:var(--font-data);font-weight:600;font-size:.74rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--teal)
}
.cr-card dl{
  margin:0;display:grid;grid-template-columns:auto 1fr;gap:.3rem 1.2rem;
  font-size:var(--step--1);align-items:baseline
}
.cr-card dt{color:var(--muted)}
.cr-card dd{margin:0;color:var(--frost);font-weight:600}
.cr-card dd.ltr{direction:ltr;text-align:start;font-variant-numeric:tabular-nums}
.cr-status{
  display:inline-flex;align-items:center;gap:.4rem;color:#7BD88F;font-weight:600
}
.cr-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#7BD88F}
.cr-verify{
  display:inline-flex;align-items:center;gap:.5rem;margin-block-start:1.1rem;
  font-family:var(--font-data);font-weight:600;font-size:.76rem;letter-spacing:.06em;
  color:var(--teal);padding-block-end:.35rem;border-block-end:1px solid var(--line)
}
.cr-verify:hover{color:var(--amber);border-block-end-color:var(--amber)}
.cr-verify svg{transition:transform .25s var(--ease)}
.cr-verify:hover svg{transform:translateX(-4px)}

@media (max-width:640px){
  .cr-card{grid-template-columns:1fr;justify-items:start;gap:1rem;text-align:start}
  .cr-card__qr img{width:96px;height:96px}
  .cr-card dl{grid-template-columns:1fr;gap:.1rem}
  .cr-card dt{margin-block-start:.5rem;font-size:.74rem}
}

/* البطاقات أغمق من الخلفية — الحدّ هو ما يعرّفها */
.card,.faq details,.widget,.record,.entry-content table,.entry-content blockquote,.areas li,.noura-quote,.vault{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)
}
.card:hover{box-shadow:inset 0 1px 0 rgba(245,179,1,.35),var(--shadow-2);border-color:var(--amber)}

/* ============================================================
   الشرائط الكهرمانية: شريط الثقة وشريط أنواع المستودعات
   ============================================================ */
.hero__strip{background:var(--amber);color:var(--azdeep);border-block-start:0}
.hero__strip div+div::before{background:rgba(13,32,53,.28)}
.hero__strip b{color:var(--azdeep);font-weight:700}
.hero__strip span{color:var(--azbase);font-weight:500}

.vaults__nav{background:var(--amber);border-block-start:0}
.vaults__nav button{border-block-start:2px solid transparent}
.vaults__nav button+button{border-inline-end:1px solid rgba(13,32,53,.25)}
.vaults__num{color:var(--azbase);opacity:.85}
.vaults__name{color:var(--azdeep);font-weight:700}
.vaults__nav button:hover{background:rgba(13,32,53,.08)}
.vaults__nav button:hover .vaults__name{color:var(--azdeep)}
.vaults__nav button[aria-selected="true"]{background:rgba(13,32,53,.14);border-block-start-color:var(--azdeep)}
.vaults__nav button[aria-selected="true"] .vaults__num{color:var(--azdeep);opacity:1}
.vaults__nav button[aria-selected="true"] .vaults__name{color:var(--azdeep)}
@media (max-width:640px){
  .vaults__nav button{border-block-start:0;border-inline-start:2px solid transparent}
  .vaults__nav button+button{border-inline-end:0;border-block-start:1px solid rgba(13,32,53,.25)}
  .vaults__nav button[aria-selected="true"]{border-inline-start-color:var(--azdeep)}
}

/* الشعار */
.brand{display:flex;align-items:center;gap:.7rem;color:#fff}
.brand-mark{flex:none}
.brand-text strong{
  display:block;font-family:var(--font-display);font-weight:800;font-size:1.22rem;line-height:1;letter-spacing:-.01em
}
.brand-text span{
  display:block;font-family:var(--font-data);font-size:.66rem;font-weight:500;letter-spacing:.12em;
  color:var(--mist);margin-block-start:.2rem
}
.footer-mark{display:block;margin-block-end:.7rem}
@media (max-width:820px){
  .brand-mark{width:38px;height:38px}
  .brand-text strong{font-size:1.2rem}
}

/* ============================================================
   14. صفحة الخدمة — بطاقة المواصفات، النقاط، جدول الأسعار، المراحل
   ============================================================ */

/* نقاط «ما تشمله الخدمة» */
.bullets{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.4rem}
.bullets li{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:start}
.bullet__ico{
  width:24px;height:24px;border-radius:7px;flex:none;display:grid;place-items:center;
  background:var(--teal-dark);color:#fff
}
.bullet__ico svg{width:15px;height:15px}
.bullet__text{margin:0;font-size:var(--step-0);line-height:1.7;color:var(--onlight)}

/* بطاقة المواصفات */

/* جدول الأسعار */
.price-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-block:1rem 1rem;
  border:1px solid rgba(13,32,53,.16);border-radius:var(--r-md)}
.price-table{width:100%;border-collapse:collapse;font-size:var(--step-0);background:#fff;min-width:520px}
.price-table thead th{
  background:var(--azdeep);color:#fff;font-family:var(--font-display);font-weight:600;
  font-size:var(--step--1);padding:.75rem 1rem;text-align:start;white-space:nowrap
}
.price-table tbody th,.price-table td{padding:.7rem 1rem;border-block-start:1px solid rgba(13,32,53,.12);text-align:start;color:var(--onlight2)}
.price-table tbody th{font-weight:700;color:var(--onlight);white-space:nowrap}
.price-table tbody tr:nth-child(even){background:#F7FAFD}
.price-table .price{
  font-weight:700;color:var(--onlight);white-space:nowrap;
  font-variant-numeric:tabular-nums
}
.price-table tbody tr:hover{background:rgba(245,179,1,.14)}
.price-note{font-size:var(--step--1);color:var(--onlight2);background:#F7F9FB;border-inline-start:3px solid var(--amber-dark);border-radius:var(--r-sm);padding:.8rem 1rem;margin-block:0 2rem}

/* مراحل التنفيذ داخل الصفحة */
.steps-inline{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:.1rem}
.steps-inline li{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding-block:.9rem;border-block-start:1px solid rgba(13,32,53,.14)}
.steps-inline li:first-child{border-block-start:0}
.steps-inline__n{
  font-family:var(--font-data);font-weight:700;font-size:.78rem;letter-spacing:.06em;
  color:var(--onlight2);padding-block-start:.25rem
}
.steps-inline h3{margin:0 0 .15rem;font-size:var(--step-1);color:var(--onlight)}
.steps-inline p{margin:0;font-size:var(--step--1);line-height:1.7;color:var(--onlight2)}

@media (max-width:760px){
  .bullets,  .price-table{min-width:460px}
}

/* ============================================================
   15. بطاقات الخدمات — صورة كاملة، شارة كهرمانية، وزاوية مقصوصة
   ============================================================ */
.scards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.scard{
  position:relative;display:block;overflow:hidden;isolation:isolate;
  aspect-ratio:4/3;background:var(--azdeep);
  /* قصّ الزاوية العليا اليسرى — مثل انثناء الورقة في المرجع */
  clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 46px, 46px 0);
  transition:transform .4s var(--ease)
}
.scard:hover{transform:translateY(-4px)}
.scard__img{position:absolute;inset:0;z-index:-2}
.scard__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.scard:hover .scard__img img{transform:scale(1.07)}
.scard::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to top,rgba(13,32,53,.94) 0%,rgba(13,32,53,.45) 45%,rgba(13,32,53,.12) 100%);
  transition:background .4s var(--ease)
}
.scard:hover::after{background:linear-gradient(to top,rgba(13,32,53,.96) 0%,rgba(13,32,53,.6) 50%,rgba(13,32,53,.25) 100%)}

/* الشارة الكهرمانية أعلى جهة البداية */
.scard__badge{
  position:absolute;inset-block-start:0;inset-inline-start:0;z-index:2;
  background:var(--amber);color:var(--azdeep);
  min-width:64px;padding:.55rem .7rem .6rem;display:grid;justify-items:center;gap:.15rem;line-height:1
}
.scard__badge i{display:block;width:16px;height:2px;background:var(--azdeep);margin-block-end:.25rem}
.scard__badge b{font-family:var(--font-data);font-weight:700;font-size:.95rem}
.scard__badge em{
  font-style:normal;font-family:var(--font-data);font-weight:600;font-size:.58rem;
  letter-spacing:.16em;text-transform:uppercase
}

.scard__body{position:absolute;inset-inline:0;inset-block-end:0;z-index:2;padding:1.1rem 1.2rem;display:grid;gap:.4rem}
.scard__title{
  font-family:var(--font-display);font-weight:700;color:#fff;line-height:1.45;
  font-size:clamp(1rem,.9rem + .6vw,1.25rem)
}
.scard__go{
  display:inline-flex;align-items:center;gap:.45rem;color:var(--amber);
  font-family:var(--font-data);font-weight:600;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  opacity:0;transform:translateY(6px);transition:.35s var(--ease)
}
.scard:hover .scard__go,.scard:focus-visible .scard__go{opacity:1;transform:none}

@media (hover:none){
  .scard__go{opacity:1;transform:none}
}
@media (max-width:900px){
  .scards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .scards{grid-template-columns:1fr}
  .scard{aspect-ratio:3/2;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 38px,38px 0)}
}

.scards__all{margin-block-start:1.6rem;margin-block-end:0}
.section--white .scard__title{color:#fff}
.section--white .btn--dark{background:var(--azdeep);color:#fff;border-color:transparent}
.section--white .btn--dark:hover{background:var(--amber);color:var(--azdeep)}

/* لوحة القائمة — لوح جانبي ينزلق من اليمين */
.nav-panel{position:fixed;inset:0;z-index:115;opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s}
body.nav-open .nav-panel{opacity:1;visibility:visible}
.nav-panel__back{position:absolute;inset:0;background:rgba(0,20,45,.72);backdrop-filter:blur(3px)}
.nav-panel__sheet{
  position:absolute;inset-block:0;inset-inline-end:0;width:min(380px,86vw);
  background:var(--azdeep);padding:4.4rem 1.6rem 1.6rem;
  display:flex;flex-direction:column;gap:1.4rem;overflow-y:auto;overscroll-behavior:contain;
  transform:translateX(100%);transition:transform .35s var(--ease);
  box-shadow:-30px 0 60px -30px rgba(0,0,0,.6)
}
body.nav-open .nav-panel__sheet{transform:none}
.nav-panel__close{
  position:absolute;inset-block-start:1rem;inset-inline-end:1rem;width:42px;height:42px;border-radius:50%;
  border:1px solid var(--line);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:.25s var(--ease)
}
.nav-panel__close:hover{background:var(--amber);color:var(--azdeep);border-color:var(--amber)}
.nav-panel__list{list-style:none;margin:0;padding:0}
.nav-panel__list li+li{border-block-start:1px solid var(--line)}
.nav-panel__list a{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.85rem 0;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:#fff;transition:.25s var(--ease)
}
.nav-panel__list a::after{content:"";width:16px;height:1px;background:currentColor;opacity:.35;transition:.25s var(--ease)}
.nav-panel__list a:hover{color:var(--amber)}
.nav-panel__list a:hover::after{width:26px;opacity:1}
.nav-panel__foot{
  margin-block-start:auto;display:grid;gap:.45rem;justify-items:start;
  border-block-start:1px solid var(--line);padding-block-start:1.2rem
}
.nav-panel__label{font-family:var(--font-data);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.nav-panel__num{font-family:var(--font-data);font-weight:700;font-size:1.4rem;color:#fff;direction:ltr}
.nav-panel__num:hover{color:var(--amber)}
.nav-panel__hours{font-size:var(--step--1);color:var(--mist)}
.nav-panel__foot .btn{margin-block-start:.5rem}

/* فواصل بسيطة بدل الأشرطة المائلة المحذوفة */
.section--white{position:relative;border-block-start:1px solid #ECEFF2}
.section--alt{position:relative;border-block:1px solid var(--line)}
.section--srv{position:relative}

/* ============================================================
   قسم «من نحن» — نص ومراحل مرقّمة + صورة ببطاقة السجل
   ============================================================ */
.about{background:#fff}
.about__grid{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,5vw,3.6rem);align-items:center
}
.about__text h2{
  font-size:clamp(1.5rem,1.2rem + 1.6vw,2.35rem);line-height:1.3;color:var(--onlight);margin:0 0 .7rem;max-width:18ch
}
.about__text h2 em{font-style:normal;color:var(--teal-dark);display:block}
.about__text .lede{color:var(--onlight2);margin:0 0 1.4rem;max-width:52ch;font-size:var(--step-0);line-height:1.8}

.about__steps{list-style:none;margin:0;padding:0;border-block-start:1px solid #ECEFF2}
.about__steps li{
  display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;
  padding-block:.85rem;border-block-end:1px solid #ECEFF2
}
.about__n{
  font-family:var(--font-data);font-weight:700;font-size:.76rem;letter-spacing:.06em;
  color:var(--teal-dark);padding-block-start:.3rem;min-width:1.7rem
}
.about__steps h3{margin:0 0 .1rem;font-size:var(--step-0);font-weight:700;color:var(--onlight)}
.about__steps p{margin:0;font-size:var(--step--1);line-height:1.7;color:var(--onlight2)}
.about__cta{margin:1.4rem 0 0}

.about__media{position:relative;margin:0}
.about__media img{
  width:100%;height:100%;object-fit:cover;border-radius:22px;
  aspect-ratio:4/3;box-shadow:0 26px 60px -34px rgba(13,32,53,.5)
}
.about__badge{
  position:absolute;inset-block-start:1.2rem;inset-inline-start:-.8rem;
  background:var(--teal-dark);color:#fff;border-radius:16px;padding:.75rem 1.1rem;text-align:center;
  box-shadow:0 18px 36px -18px rgba(13,32,53,.55)
}
.about__badge b{display:block;font-family:var(--font-data);font-weight:700;font-size:1rem;letter-spacing:.02em;direction:ltr}
.about__badge span{display:block;font-size:.66rem;letter-spacing:.06em;opacity:.9;margin-block-start:.1rem}

@media (max-width:900px){
  .about__grid{grid-template-columns:1fr}
  .about__media{order:-1}
  .about__badge{inset-inline-start:auto;inset-inline-end:1rem}
}

/* النسخة المعكوسة: الصورة يسارًا والنص يمينًا */
.about--rev .about__grid{direction:rtl}
.about--rev .about__media{order:-1}
.about--rev .about__badge{inset-inline-start:auto;inset-inline-end:-.8rem}
.about .areas{margin-block-start:1.4rem;display:flex;flex-wrap:wrap;gap:.45rem}
.about .areas li{
  background:#F7F9FB;border:1px solid #ECEFF2;color:var(--onlight2);
  border-radius:var(--r-pill);padding:.32rem .85rem;font-size:var(--step--1)
}
@media (max-width:900px){
  .about--rev .about__media{order:-1}
  .about--rev .about__badge{inset-inline-end:1rem}
}

/* ============================================================
   16. صفحة الخدمة — شريط مؤشرات، صفوف تفاصيل، شريط جانبي بنموذج
   ============================================================ */
.kpis{
  display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 1.4rem;
  border:1px solid #ECEFF2;border-radius:14px;overflow:hidden;background:#fff
}
.kpi{padding:1rem .8rem;text-align:center;border-inline-start:1px solid #ECEFF2}
.kpi:first-child{border-inline-start:0}
.kpi__ico{display:grid;place-items:center;color:var(--amber-dark);margin-block-end:.5rem}
.kpi__ico svg{width:22px;height:22px}
.kpi dd{margin:0;font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--onlight);line-height:1}
.kpi dd em{font-style:normal;font-size:.72rem;font-weight:600;color:var(--onlight2);margin-inline-start:.15rem}
.kpi dt{
  margin-block-start:.35rem;font-family:var(--font-data);font-size:.62rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--onlight2)
}

.rows{border:1px solid #ECEFF2;border-radius:14px;overflow:hidden;margin:0 0 1.8rem;background:#fff}
.rows__r{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.75rem 1.1rem;border-block-start:1px solid #ECEFF2
}
.rows__r:first-child{border-block-start:0}
.rows__r:nth-child(even){background:#F7F9FB}
.rows__r span{
  font-family:var(--font-data);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--onlight2);flex:none
}
.rows__r b{font-weight:700;font-size:var(--step-0);color:var(--onlight);text-align:end}
.rows__r b.ltr{direction:ltr}

/* الشريط الجانبي */
.sidebar{position:sticky;inset-block-start:1rem;display:grid;gap:.85rem;align-content:start}
.w{border:1px solid #ECEFF2;border-radius:14px;padding:1.1rem;background:#fff}
.w h4{
  margin:0 0 .5rem;font-family:var(--font-data);font-size:.66rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--teal)
}
.w__title{margin:0 0 .9rem;font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:#fff}
.w--form{background:var(--azdeep);border-color:transparent;color:#fff}
.w--form input{
  width:100%;margin-block-end:.5rem;padding:.68rem .9rem;border-radius:10px;
  border:1px solid rgba(169,180,192,.35);background:rgba(255,255,255,.06);
  color:#fff;font-family:inherit;font-size:var(--step-0);color-scheme:dark
}
.w--form input::placeholder{color:#A9B4C0}
.w--form input:focus-visible{outline:2px solid var(--amber);outline-offset:1px;border-color:transparent}
.w--form .btn{width:100%;justify-content:center;margin-block-start:.2rem}
.w__wa{
  display:flex;align-items:center;justify-content:center;gap:.5rem;margin-block-start:.7rem;
  font-size:var(--step--1);color:var(--teal)
}
.w__wa:hover{color:var(--amber)}
.w__wa svg{width:16px;height:16px}
.w__fine{margin:.6rem 0 0;font-size:.72rem;color:#A9B4C0;text-align:center}
.w__ok,.w__err{
  margin:0 0 .8rem;padding:.6rem .8rem;border-radius:8px;font-size:var(--step--1);
  background:rgba(20,184,196,.14);color:#fff;border-inline-start:3px solid var(--teal)
}
.w__err{background:rgba(245,179,1,.16);border-inline-start-color:var(--amber)}
.w--call{background:#fff}
.w--call .num{
  display:block;font-family:var(--font-data);font-weight:700;font-size:1.5rem;
  color:var(--onlight);direction:ltr;margin-block-end:.2rem
}
.w--call .num:hover{color:var(--amber-dark)}
.w--call .w__fine{color:var(--onlight2);text-align:start;margin-block-start:.2rem}
.ql{list-style:none;margin:0;padding:0;font-size:var(--step-0)}
.ql li{padding-block:.4rem;border-block-end:1px solid #ECEFF2}
.ql li:last-child{border:0}
.ql a{color:var(--onlight)}
.ql a:hover{color:var(--amber-dark)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:900px){
  .kpis{grid-template-columns:1fr 1fr}
  .kpi:nth-child(3){border-inline-start:0}
  .kpi:nth-child(n+3){border-block-start:1px solid #ECEFF2}
  .sidebar{position:static}
  .rows__r{flex-direction:column;align-items:flex-start;gap:.15rem}
  .rows__r b{text-align:start}
}