@charset "UTF-8";
/* =========================================================================
   تل الرمال — نظام التصميم البصري (الإصدار الثاني: "صناعي فخم")
   ملف واحد يخدم كامل الموقع (٨٣ صفحة) — بدون أي مكتبات خارجية.
   بُني على هوية العلامة المعتمدة: كحلي / رملي ذهبي / طوبي.
   ========================================================================= */

/* ---------- الخطوط (مستضافة ذاتيًا) ---------- */
@font-face{font-family:'Cairo';src:url('/assets/fonts/Cairo-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Cairo';src:url('/assets/fonts/Cairo-Bold.woff2') format('woff2');font-weight:700;font-display:swap;}
@font-face{font-family:'Cairo';src:url('/assets/fonts/Cairo-Black.woff2') format('woff2');font-weight:900;font-display:swap;}
@font-face{font-family:'Tajawal';src:url('/assets/fonts/Tajawal-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Tajawal';src:url('/assets/fonts/Tajawal-Medium.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'Tajawal';src:url('/assets/fonts/Tajawal-Bold.woff2') format('woff2');font-weight:700;font-display:swap;}

/* ---------- الرموز التصميمية ---------- */
:root{
  /* كحلي متدرّج العمق */
  --navy-900:#0A1116;
  --navy-850:#0E1820;
  --navy-800:#12202A;
  --navy-700:#182934;
  --navy:#1E2A32;
  --navy-2:#26343D;
  --navy-glass:rgba(14,24,32,.72);

  /* رملي / ذهبي */
  --sand:#C68A46;
  --sand-light:#E0AE78;
  --gold:#E4B36C;
  --gold-2:#F3D3A0;
  --gold-deep:#A9743A;

  /* طوبي (أزرار الإجراء) */
  --terracotta:#B5502E;
  --terracotta-lt:#D2643C;
  --terracotta-dark:#8F3E23;

  /* محايدات دافئة */
  --cream:#F8F4ED;
  --cream-2:#F1E9DD;
  --white:#FFFFFF;
  --border:#E8DFD0;
  --border-2:#DCD0BC;
  --ink:#3A464F;
  --slate:#697680;
  --green-wa:#25D366;

  /* ظلال */
  --sh-xs:0 1px 2px rgba(10,17,22,.05);
  --sh-sm:0 2px 4px rgba(10,17,22,.05),0 6px 16px rgba(10,17,22,.05);
  --sh-md:0 4px 10px rgba(10,17,22,.06),0 16px 40px rgba(10,17,22,.08);
  --sh-lg:0 10px 24px rgba(10,17,22,.10),0 30px 70px rgba(10,17,22,.14);
  --sh-gold:0 10px 30px rgba(198,138,70,.30);
  --sh-terra:0 10px 26px rgba(181,80,46,.32);

  /* أنصاف أقطار */
  --r-xs:8px; --r-sm:12px; --r:18px; --r-lg:24px; --r-xl:32px; --r-pill:999px;

  /* حركة */
  --ease:cubic-bezier(.22,.68,.24,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.55s;

  /* تخطيط */
  --wrap:1220px;
  --gutter:clamp(18px,4vw,34px);

  /* نسيج حبيبي خفيف يُستخدم فوق الأسطح الداكنة */
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px;}
body{
  margin:0;
  background:var(--cream);
  color:var(--navy);
  font-family:'Tajawal',-apple-system,'Segoe UI',sans-serif;
  font-size:16px;
  line-height:1.75;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5{font-family:'Cairo',sans-serif;margin:0;color:var(--navy);line-height:1.35;}
p{margin:0;color:var(--ink);}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;}
ul{margin:0;padding:0;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,select,textarea{font-family:inherit;font-size:15px;}
::selection{background:var(--sand);color:#fff;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px;}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter);}

/* شريط تقدّم القراءة (يُحقن بواسطة السكربت) */
.scroll-progress{
  position:fixed;inset-block-start:0;inset-inline:0;height:3px;z-index:200;
  background:linear-gradient(90deg,var(--terracotta),var(--sand) 55%,var(--gold-2));
  transform:scaleX(var(--p,0));transform-origin:right center;
  will-change:transform;pointer-events:none;
}

/* =========================================================================
   الشريط العلوي + الترويسة
   ========================================================================= */
.topbar{
  background:var(--navy-900);color:#A9B7C0;font-size:13px;
  border-bottom:1px solid rgba(228,179,108,.14);
  position:relative;z-index:60;
}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:9px;}
.topbar .contacts{display:flex;gap:24px;flex-wrap:wrap;}
.topbar .contacts a{display:inline-flex;align-items:center;gap:7px;transition:color .2s var(--ease);position:relative;}
.topbar .contacts a::after{content:"";position:absolute;inset-inline:0;inset-block-end:-2px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease);}
.topbar .contacts a:hover{color:var(--gold-2);}
.topbar .contacts a:hover::after{transform:scaleX(1);}
.topbar .areas{color:var(--gold);font-weight:500;white-space:nowrap;}

header.site{
  position:sticky;inset-block-start:0;z-index:100;
  background:rgba(248,244,237,.82);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid transparent;
  transition:box-shadow .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease);
}
header.site.is-stuck{
  background:rgba(248,244,237,.94);
  border-bottom-color:var(--border);
  box-shadow:0 10px 30px -18px rgba(10,17,22,.5);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:var(--wrap);margin:0 auto;padding:14px var(--gutter);transition:padding .35s var(--ease);}
header.site.is-stuck .nav{padding-block:9px;}
.nav .logo{display:flex;align-items:center;gap:10px;flex:none;}
.nav .logo img{height:40px;width:auto;transition:height .35s var(--ease);}
header.site.is-stuck .nav .logo img{height:34px;}

.nav ul{list-style:none;display:flex;align-items:center;gap:4px;margin:0 auto;padding:0;font-family:'Cairo';font-weight:600;font-size:14.5px;}
.nav ul a{
  position:relative;display:block;color:var(--navy);padding:9px 13px;border-radius:var(--r-xs);
  transition:color .25s var(--ease),background .25s var(--ease);
}
.nav ul a::after{
  content:"";position:absolute;inset-block-end:4px;inset-inline-start:50%;translate:50% 0;
  width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--sand),var(--gold-2));
  transition:width .3s var(--ease);
}
.nav ul a:hover{color:var(--terracotta);background:rgba(198,138,70,.09);}
.nav ul a:hover::after,.nav ul a.active::after{width:22px;}
.nav ul a.active{color:var(--terracotta);}

.nav .cta-group{display:flex;align-items:center;gap:10px;flex:none;}
.nav .hamburger{
  display:none;width:44px;height:44px;border-radius:var(--r-xs);
  border:1.5px solid var(--border-2);background:var(--white);color:var(--navy);
  align-items:center;justify-content:center;font-size:18px;box-shadow:var(--sh-xs);
  transition:background .2s,border-color .2s,transform .2s;
}
.nav .hamburger:hover{border-color:var(--sand);transform:translateY(-1px);}
.nav .hamburger[aria-expanded="true"]{background:var(--navy);color:#fff;border-color:var(--navy);}

.mobile-nav{
  display:none;flex-direction:column;gap:0;padding:6px var(--gutter) 20px;
  border-top:1px solid var(--border);background:var(--cream);
}
.mobile-nav.open{display:flex;animation:mnav .35s var(--ease-out) both;}
@keyframes mnav{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}
.mobile-nav a{
  font-family:'Cairo';font-weight:600;font-size:15px;color:var(--navy);
  padding:13px 6px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;
}
.mobile-nav a::after{content:"‹";color:var(--sand);font-size:20px;line-height:1;}
.mobile-nav a:last-child{
  margin-top:14px;border:none;background:var(--terracotta);color:#fff;
  border-radius:var(--r-xs);justify-content:center;padding:14px;box-shadow:var(--sh-terra);
}
.mobile-nav a:last-child::after{content:none;}

/* =========================================================================
   الأزرار
   ========================================================================= */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Cairo';font-weight:700;font-size:14.5px;line-height:1;
  padding:14px 26px;border-radius:var(--r-pill);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),background-color .28s var(--ease),color .28s var(--ease),border-color .28s var(--ease);
  white-space:nowrap;overflow:hidden;isolation:isolate;
}
.btn::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.32),rgba(255,255,255,0) 55%);
  transform:translateX(-120%);transition:transform .6s var(--ease-out);
}
.btn:hover::before{transform:translateX(120%);}
.btn:active{transform:translateY(1px) scale(.99);}

.btn-primary{background:linear-gradient(135deg,var(--terracotta-lt),var(--terracotta) 55%,var(--terracotta-dark));color:#fff;box-shadow:var(--sh-terra);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(181,80,46,.42);}
.btn-sand{background:linear-gradient(135deg,var(--gold),var(--sand) 60%,var(--gold-deep));color:#fff;box-shadow:var(--sh-gold);}
.btn-sand:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(198,138,70,.42);}
.btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--border-2);}
.btn-outline:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-2px);box-shadow:var(--sh-md);}
.btn-ghost-light{background:rgba(255,255,255,.10);color:#fff;border:1.5px solid rgba(255,255,255,.34);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.btn-ghost-light:hover{background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.6);transform:translateY(-2px);}
.btn-block{width:100%;}
.btn-sm{padding:11px 19px;font-size:13.5px;}
.cta-band .btn-outline{border-color:rgba(255,255,255,.62);color:#fff;}
.cta-band .btn-outline:hover{background:#fff;color:var(--terracotta);border-color:#fff;}
.bg-navy .btn-outline,.capability .btn-outline,.cta-box .btn-outline,.sidebar-cta .btn-outline{border-color:rgba(255,255,255,.5);color:#fff;}
.bg-navy .btn-outline:hover,.capability .btn-outline:hover,.cta-box .btn-outline:hover,.sidebar-cta .btn-outline:hover{background:#fff;color:var(--navy);}

/* =========================================================================
   الواجهة الرئيسية (Hero)
   ========================================================================= */
.hero{
  position:relative;isolation:isolate;
  min-height:clamp(500px,70vh,680px);
  display:flex;align-items:center;
  padding:0;
  background:
    radial-gradient(120% 90% at 88% 8%, rgba(198,138,70,.26) 0%, transparent 58%),
    radial-gradient(90% 70% at 6% 96%, rgba(181,80,46,.22) 0%, transparent 62%),
    linear-gradient(158deg,#16242F 0%,#0E1820 46%,#0A1116 100%);
  overflow:hidden;
  margin-block-start:-1px;
}
/* شبكة معمارية + توهّج ذهبي زاحف */
.hero::before{
  content:"";position:absolute;inset:-10% -10% 0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(to left, rgba(224,174,120,.09) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(224,174,120,.075) 1px, transparent 1px),
    linear-gradient(to left, rgba(224,174,120,.16) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(224,174,120,.13) 1px, transparent 1px);
  background-size:46px 46px,46px 46px,230px 230px,230px 230px;
  -webkit-mask-image:radial-gradient(85% 78% at 78% 26%,#000 0%,rgba(0,0,0,.35) 55%,transparent 82%);
  mask-image:radial-gradient(85% 78% at 78% 26%,#000 0%,rgba(0,0,0,.35) 55%,transparent 82%);
  animation:gridDrift 34s linear infinite;
}
@keyframes gridDrift{from{background-position:0 0,0 0,0 0,0 0;}to{background-position:-230px 230px,-230px 230px,-230px 230px,-230px 230px;}}
/* حبيبات + تلاشٍ سفلي + خيط ذهبي */
.hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:var(--grain);
  opacity:.32;
}
/* خيط ذهبي يفصل الواجهة عمّا بعدها */
.hero > .wrap ~ *,.hero::marker{display:none;}
.hero{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--terracotta),var(--sand) 40%,var(--gold-2) 62%,transparent) 1;}
.hero .wrap{
  position:relative;z-index:3;width:100%;align-self:stretch;
  display:flex;align-items:center;
  padding-block:clamp(44px,5.4vw,70px);
}

/* لوحة الصورة الزخرفية على الجانب الفارغ */
.hero .wrap::after{
  content:"";position:absolute;z-index:-1;
  inset-block:0;inset-inline-end:calc(50% - 50vw);width:min(52%,690px);
  background-color:#0E1820;
  background-image:
    linear-gradient(200deg,rgba(10,17,22,.30),rgba(10,17,22,.86)),
    var(--hero-photo,url('/assets/img/photos/home/hero-bg.jpg'));
  background-size:cover,cover;
  background-position:center 42%,center 42%;
  background-repeat:no-repeat;
  opacity:.9;
  -webkit-mask-image:linear-gradient(to right,#000 26%,rgba(0,0,0,.55) 62%,transparent 100%);
  mask-image:linear-gradient(to right,#000 26%,rgba(0,0,0,.55) 62%,transparent 100%);
  animation:heroPan 26s ease-in-out infinite alternate;
}
/* نسخة WebP أخف للمتصفحات التي تدعمها */
@supports (background-image:image-set(url("i.webp") type("image/webp"))){
  .hero .wrap::after{
    background-image:
      linear-gradient(200deg,rgba(10,17,22,.30),rgba(10,17,22,.86)),
      var(--hero-photo,image-set(
        url('/assets/img/photos/home/hero-bg.webp') type("image/webp"),
        url('/assets/img/photos/home/hero-bg.jpg') type("image/jpeg")));
  }
}
@keyframes heroPan{from{background-position:center 42%,center 42%;}to{background-position:center 58%,center 58%;}}

.hero-inner{max-width:min(780px,100%);position:relative;width:100%;}

.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  color:var(--gold-2);font-family:'Cairo';font-weight:700;font-size:13.5px;
  background:linear-gradient(120deg,rgba(228,179,108,.20),rgba(228,179,108,.06));
  border:1px solid rgba(228,179,108,.42);
  padding:9px 20px;border-radius:var(--r-pill);margin-bottom:26px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.eyebrow::before{
  content:"";width:7px;height:7px;border-radius:50%;flex:none;
  background:var(--gold-2);box-shadow:0 0 0 0 rgba(228,179,108,.7);
  animation:pip 2.6s ease-out infinite;
}
@keyframes pip{0%{box-shadow:0 0 0 0 rgba(228,179,108,.65);}70%{box-shadow:0 0 0 10px rgba(228,179,108,0);}100%{box-shadow:0 0 0 0 rgba(228,179,108,0);}}

.hero h1{
  color:#fff;font-weight:900;
  font-size:clamp(25px,3.05vw,40px);
  line-height:1.28;margin-bottom:20px;
  text-wrap:balance;
  text-shadow:0 2px 30px rgba(0,0,0,.35);
}
.hero h1 span{
  background:linear-gradient(100deg,var(--gold-2),var(--sand));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p.lead{
  color:#B9C7D0;font-size:clamp(14px,1.05vw,15.4px);line-height:1.88;
  max-width:660px;margin-bottom:32px;
  /* الفقرة الافتتاحية طويلة (نص تحسين محركات البحث) — نُبقيها كاملة للزواحف ونقصّها بصريًا */
  position:relative;
}
.hero .cta-row{display:flex;gap:14px;margin-bottom:40px;flex-wrap:wrap;}

/* شريط الأرقام */
.trust-strip{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
  padding-top:28px;border-top:1px solid rgba(255,255,255,.13);max-width:780px;
}
.trust-strip div{
  position:relative;display:flex;flex-direction:column;gap:4px;
  padding:16px 18px 15px;border-radius:var(--r-sm);
  background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:transform .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease);
}
.trust-strip div::before{
  content:"";position:absolute;inset-block-start:0;inset-inline:16px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:.75;
}
.trust-strip div:hover{transform:translateY(-4px);border-color:rgba(228,179,108,.42);background:linear-gradient(160deg,rgba(228,179,108,.12),rgba(255,255,255,.03));}
.trust-strip b{
  color:#fff;font-family:'Cairo';font-weight:900;
  font-size:clamp(22px,2.5vw,30px);line-height:1.1;
  font-variant-numeric:tabular-nums;
}
.trust-strip span{color:#9CADB7;font-size:12.5px;line-height:1.6;}

/* =========================================================================
   واجهة الصفحات الداخلية
   ========================================================================= */
.page-hero{
  position:relative;isolation:isolate;overflow:hidden;color:#fff;
  padding-block:clamp(38px,5vw,64px) clamp(44px,6vw,72px);
  background:
    radial-gradient(110% 130% at 92% -10%, rgba(198,138,70,.24) 0%, transparent 60%),
    linear-gradient(160deg,#16242F 0%,#0E1820 55%,#0A1116 100%);
}
.page-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(to left, rgba(224,174,120,.10) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(224,174,120,.085) 1px, transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(80% 130% at 85% 0%,#000,transparent 75%);
  mask-image:radial-gradient(80% 130% at 85% 0%,#000,transparent 75%);
}
.page-hero::after{
  content:"";position:absolute;inset-inline:0;inset-block-end:0;height:4px;z-index:2;
  background:linear-gradient(90deg,var(--terracotta),var(--sand) 40%,var(--gold-2) 62%,transparent);
}
.page-hero .wrap{position:relative;z-index:1;}
.page-hero h1{
  color:#fff;font-weight:900;font-size:clamp(24px,3.1vw,40px);
  line-height:1.35;max-width:900px;text-wrap:balance;
}
.page-hero p.lead{color:#BECBD3;font-size:clamp(14px,1.05vw,16px);margin-top:16px;max-width:760px;line-height:1.95;}
.page-hero .meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;font-family:'Cairo';font-size:12.5px;font-weight:700;}
.page-hero .meta-row > *{
  color:var(--gold-2);background:rgba(228,179,108,.12);
  border:1px solid rgba(228,179,108,.30);padding:7px 15px;border-radius:var(--r-pill);
}

/* فتات الخبز */
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:#8FA1AC;margin-bottom:20px;font-family:'Cairo';}
.breadcrumb a{color:#C3CFD6;transition:color .2s;}
.breadcrumb a:hover{color:var(--gold-2);}
.breadcrumb .sep{color:#55646E;}

/* =========================================================================
   هيكل الأقسام
   ========================================================================= */
main section{padding-block:clamp(56px,7.5vw,102px);position:relative;}
.bg-white{background:var(--white);}
.bg-navy{
  background:
    radial-gradient(100% 110% at 90% 0%, rgba(198,138,70,.16), transparent 60%),
    linear-gradient(160deg,#16242F,#0C151C);
  color:#fff;position:relative;isolation:isolate;
}
.bg-navy::before{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.35;pointer-events:none;z-index:0;}
.bg-navy h2,.bg-navy h3,.bg-navy h4{color:#fff;}
.bg-navy p{color:#BECBD3;}
.bg-navy .section-tag{color:var(--gold-2);background:rgba(228,179,108,.14);border-color:rgba(228,179,108,.32);}

.section-tag{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Cairo';font-weight:800;font-size:12.5px;color:var(--gold-deep);
  background:linear-gradient(120deg,rgba(198,138,70,.16),rgba(198,138,70,.06));
  border:1px solid rgba(198,138,70,.28);
  border-radius:var(--r-pill);padding:7px 18px;margin-bottom:18px;
}
.section-tag::before{content:"";width:16px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--sand),var(--gold-2));flex:none;}

.section-head{max-width:720px;margin-bottom:clamp(34px,4.4vw,58px);}
.section-head h2{font-size:clamp(23px,2.85vw,38px);font-weight:900;margin-bottom:14px;line-height:1.34;text-wrap:balance;}
.section-head p{font-size:clamp(14.5px,1.1vw,16.5px);line-height:1.9;}
.section-head.center{margin-inline:auto;text-align:center;max-width:840px;}
.section-head.center .section-tag::before{display:none;}

/* =========================================================================
   بطاقات الخدمات
   ========================================================================= */
.svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.5vw,22px);}
.svc-card{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:28px 24px 26px;
  box-shadow:var(--sh-xs);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease);
  display:flex;flex-direction:column;
}
.svc-card::before{
  content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;z-index:2;
  background:linear-gradient(90deg,var(--terracotta),var(--sand),var(--gold-2));
  transform:scaleX(0);transform-origin:right;
  transition:transform .45s var(--ease);
}
.svc-card::after{
  content:"";position:absolute;inset-block-start:-40%;inset-inline-end:-30%;width:220px;height:220px;z-index:0;
  border-radius:50%;background:radial-gradient(circle,rgba(198,138,70,.16),transparent 68%);
  opacity:0;transition:opacity .45s var(--ease);
}
.svc-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md);border-color:rgba(198,138,70,.42);}
.svc-card:hover::before{transform:scaleX(1);}
.svc-card:hover::after{opacity:1;}
.svc-icon{
  width:54px;height:54px;border-radius:15px;flex:none;
  background:linear-gradient(140deg,rgba(228,179,108,.24),rgba(198,138,70,.10));
  border:1px solid rgba(198,138,70,.26);
  color:var(--gold-deep);
  display:flex;align-items:center;justify-content:center;margin-bottom:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  transition:transform .45s var(--ease-out),background .45s var(--ease),color .45s var(--ease);
}
.svc-card:hover .svc-icon{transform:translateY(-2px) rotate(-4deg) scale(1.06);background:linear-gradient(140deg,var(--sand),var(--gold-deep));color:#fff;}
.svc-icon svg{width:24px;height:24px;}
.svc-card h3{font-size:16px;font-weight:800;margin-bottom:9px;line-height:1.55;}
.svc-card h3 a{color:inherit;transition:color .25s;}
.svc-card:hover h3 a{color:var(--terracotta);}
.svc-card p{font-size:13.3px;line-height:1.85;color:var(--slate);flex:1;}
.svc-card h3 a::after{content:"";position:absolute;inset:0;z-index:3;}
.svc-more{grid-column:1/-1;display:flex;justify-content:center;margin-top:12px;}

/* =========================================================================
   كتلة الصور / العناصر النائبة
   ========================================================================= */
.ph-block{
  position:relative;overflow:hidden;border-radius:var(--r);
  background:linear-gradient(140deg,#1B2B36,#101B23);
  display:flex;align-items:center;justify-content:center;
  color:#7C8D97;font-size:12px;text-align:center;padding:16px;
  isolation:isolate;
}
.ph-block::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(to top,rgba(10,17,22,.30),transparent 46%);
  opacity:0;transition:opacity .45s var(--ease);
}
.ph-block img{
  width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1;
  transition:transform .8s var(--ease-out),filter .6s var(--ease);
}
.ph-block .ph-cap{position:relative;z-index:3;}
.aspect-16-9{aspect-ratio:16/9;}
/* تكبير لطيف عند المرور على البطاقات الحاملة للصور */
.svc-card:hover .ph-block img,
.blog-card:hover .ph-block img,
.ba-card:hover .ph-block img,
.flagship-card:hover .ph-block img,
.photo-grid figure:hover .ph-block img,
.ph-block:hover img{transform:scale(1.07);}
.blog-card:hover .ph-block::after,.flagship-card:hover .ph-block::after{opacity:1;}

/* =========================================================================
   لافتة القدرة التنفيذية
   ========================================================================= */
.capability{
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:var(--r-xl);color:#fff;
  padding:clamp(30px,4vw,56px);
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,3.4vw,50px);align-items:center;
  background:
    radial-gradient(90% 120% at 88% 0%, rgba(198,138,70,.24), transparent 62%),
    linear-gradient(150deg,#1A2A35,#0B1319);
  box-shadow:var(--sh-lg);
  border:1px solid rgba(228,179,108,.20);
}
.capability::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:var(--grain),
    linear-gradient(to left, rgba(224,174,120,.07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(224,174,120,.06) 1px, transparent 1px);
  background-size:140px 140px,52px 52px,52px 52px;
  opacity:.6;
}
.capability .tag,.capability .section-tag{color:var(--gold-2);background:rgba(228,179,108,.14);border-color:rgba(228,179,108,.32);}
.capability h2{color:#fff;font-size:clamp(21px,2.4vw,32px);font-weight:900;margin-bottom:16px;line-height:1.35;}
.capability p{color:#BECBD3;font-size:15px;margin-bottom:26px;line-height:1.9;}
.capability .stats{display:flex;gap:14px;flex-wrap:wrap;}
.capability .stats > *{
  padding:14px 20px;border-radius:var(--r-sm);
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.11);min-width:130px;
}
.capability .stats b{display:block;font-family:'Cairo';font-weight:900;font-size:clamp(20px,2.2vw,28px);color:var(--gold-2);line-height:1.2;font-variant-numeric:tabular-nums;}
.capability .stats span{font-size:12.4px;color:#9CADB7;}
.capability .ph-block{aspect-ratio:4/3;border-radius:var(--r-lg);border:1px solid rgba(228,179,108,.22);box-shadow:0 30px 70px -28px rgba(0,0,0,.8);}

/* =========================================================================
   لماذا نحن
   ========================================================================= */
.why{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,4.2vw,66px);align-items:center;}
.why-list{display:flex;flex-direction:column;gap:6px;margin-top:30px;position:relative;}
.why-item{
  display:flex;gap:18px;padding:14px 16px;border-radius:var(--r-sm);
  transition:background .35s var(--ease),transform .35s var(--ease);
  position:relative;
}
.why-item:hover{background:linear-gradient(90deg,rgba(198,138,70,.10),transparent);transform:translateX(-4px);}
.why-item .num{
  font-family:'Cairo';font-weight:900;color:#fff;font-size:14px;
  width:40px;height:40px;flex:none;border-radius:12px;
  background:linear-gradient(140deg,var(--sand),var(--gold-deep));
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 16px rgba(169,116,58,.32);
  transition:transform .4s var(--ease-out),box-shadow .4s var(--ease);
}
.why-item:hover .num{transform:scale(1.08) rotate(-6deg);box-shadow:0 10px 22px rgba(169,116,58,.45);}
.why-item h4{font-size:16px;font-weight:800;margin-bottom:5px;}
.why-item p{font-size:13.8px;line-height:1.85;color:var(--slate);}

.why-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.why-photos .ph-block{aspect-ratio:4/3;box-shadow:var(--sh-md);border:1px solid var(--border);}
.why-photos .ph-block:first-child{grid-column:1/-1;aspect-ratio:16/9;}
.why-photos .ph-block:nth-child(2){transform:translateY(10px);}
.why-photos .ph-block:nth-child(3){transform:translateY(-6px);}

/* =========================================================================
   المشاريع الكبرى
   ========================================================================= */
.flagship-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,26px);}
.flagship-card{
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:var(--r-lg);color:#fff;
  background:linear-gradient(150deg,#1A2A35,#0B1319);
  border:1px solid rgba(228,179,108,.16);
  box-shadow:var(--sh-md);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease);
}
.flagship-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:rgba(228,179,108,.42);}
.flagship-card .ph-block{border-radius:0;aspect-ratio:16/10;background:linear-gradient(140deg,#22333E,#141F27);}
.flagship-body{padding:clamp(22px,2.4vw,30px);position:relative;}
.flagship-body .tag2{
  display:inline-block;color:var(--gold-2);font-family:'Cairo';font-weight:800;font-size:11.5px;
  background:rgba(228,179,108,.14);border:1px solid rgba(228,179,108,.30);
  padding:5px 13px;border-radius:var(--r-pill);
}
.flagship-body h3{color:#fff;font-size:clamp(17px,1.6vw,22px);font-weight:800;margin:14px 0 10px;line-height:1.45;}
.flagship-body p{color:#AEBCC4;font-size:14px;margin-bottom:18px;line-height:1.85;}
.flagship-body a.link{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--gold-2);font-family:'Cairo';font-weight:800;font-size:13.5px;
}
.flagship-body a.link::after{content:"‹";font-size:19px;line-height:1;transition:transform .3s var(--ease);}
.flagship-card:hover a.link::after{transform:translateX(-5px);}
.flagship-body a.link::before{content:"";position:absolute;inset:0;}

/* =========================================================================
   بطاقات قبل/بعد
   ========================================================================= */
.ba-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.7vw,22px);}
.ba-card{
  background:var(--white);border:1px solid var(--border);border-radius:var(--r);
  overflow:hidden;box-shadow:var(--sh-xs);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease);
}
.ba-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:rgba(198,138,70,.38);}
.ba-split{display:grid;grid-template-columns:1fr 1fr;position:relative;background:#0E1820;}
.ba-split .ph-block{border-radius:0;aspect-ratio:1/1;}
.ba-split .before{background:linear-gradient(140deg,#3B3129,#231D18);}
.ba-split .after{background:linear-gradient(140deg,#2C3E48,#151F27);}
/* شارات "قبل" و"بعد" */
.ba-split .before::before,.ba-split .after::before{
  content:"قبل";position:absolute;z-index:4;inset-block-start:10px;inset-inline-start:10px;
  font-family:'Cairo';font-weight:800;font-size:10.5px;color:#fff;
  background:rgba(10,17,22,.72);border:1px solid rgba(255,255,255,.22);
  padding:4px 11px;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.ba-split .after::before{content:"بعد";background:rgba(181,80,46,.86);border-color:rgba(255,255,255,.28);}
.ba-split::after{content:"";position:absolute;inset-block:0;inset-inline-start:50%;width:2px;background:linear-gradient(to bottom,transparent,var(--gold),transparent);z-index:5;opacity:.85;}
.ba-body{padding:18px 20px 22px;}
.ba-body span{font-family:'Cairo';font-weight:800;font-size:11px;color:var(--gold-deep);}
.ba-body h4{font-size:15.5px;font-weight:800;margin:8px 0 6px;line-height:1.55;}
.ba-body h4 a{color:inherit;transition:color .25s;}
.ba-card:hover .ba-body h4 a{color:var(--terracotta);}
.ba-body p{font-size:13px;line-height:1.8;color:var(--slate);}

/* =========================================================================
   بطاقات النتائج / الاقتباسات
   ========================================================================= */
.testi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.7vw,22px);}
.testi-card{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--white);border:1px solid var(--border);border-radius:var(--r);
  padding:30px 26px 24px;box-shadow:var(--sh-xs);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease);
}
.testi-card::before{
  content:"”";position:absolute;inset-block-start:-26px;inset-inline-start:14px;z-index:0;
  font-family:'Cairo';font-weight:900;font-size:120px;line-height:1;color:rgba(198,138,70,.12);
}
.testi-card::after{
  content:"";position:absolute;inset-block:0;inset-inline-end:0;width:3px;
  background:linear-gradient(to bottom,var(--sand),var(--terracotta));
  transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease);
}
.testi-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:rgba(198,138,70,.38);}
.testi-card:hover::after{transform:scaleY(1);}
.testi-card p.quote{font-size:14.6px;color:var(--ink);margin-bottom:20px;line-height:1.95;}
.testi-who{display:flex;align-items:center;gap:13px;border-top:1px solid var(--border);padding-top:16px;}
.avatar{
  width:42px;height:42px;border-radius:50%;flex:none;
  background:linear-gradient(140deg,var(--gold),var(--gold-deep));
  display:flex;align-items:center;justify-content:center;
  font-family:'Cairo';font-weight:900;color:#fff;font-size:14px;
  box-shadow:0 5px 14px rgba(169,116,58,.32);
}
.testi-who b{font-size:13.5px;display:block;font-family:'Cairo';}
.testi-who span{font-size:12px;color:var(--slate);}

/* =========================================================================
   المدونة
   ========================================================================= */
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.9vw,24px);}
.blog-card{
  position:relative;background:var(--white);border:1px solid var(--border);
  border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-xs);
  display:flex;flex-direction:column;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease);
}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md);border-color:rgba(198,138,70,.38);}
.blog-card .ph-block{border-radius:0;aspect-ratio:16/9;}
.blog-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1;}
.blog-card-body span{
  font-family:'Cairo';font-weight:800;font-size:11px;color:var(--gold-deep);
  background:rgba(198,138,70,.12);border-radius:var(--r-pill);padding:4px 12px;align-self:flex-start;
}
.blog-card-body h3{font-size:15.5px;font-weight:800;margin:12px 0 9px;line-height:1.62;}
.blog-card-body h3 a{color:inherit;transition:color .25s;}
.blog-card:hover .blog-card-body h3 a{color:var(--terracotta);}
.blog-card-body h3 a::after{content:"";position:absolute;inset:0;z-index:4;}
.blog-card-body p{font-size:13px;line-height:1.82;color:var(--slate);}

.blog-filter{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:38px;}
.blog-filter a{
  font-family:'Cairo';font-size:13px;font-weight:700;padding:9px 18px;border-radius:var(--r-pill);
  background:var(--white);border:1px solid var(--border);color:var(--navy);
  transition:all .28s var(--ease);
}
.blog-filter a:hover,.blog-filter a.active{
  background:linear-gradient(135deg,var(--navy-700),var(--navy-900));
  color:#fff;border-color:var(--navy-900);transform:translateY(-2px);box-shadow:var(--sh-sm);
}

/* =========================================================================
   تخطيط المقالات والنصوص
   ========================================================================= */
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(28px,3.6vw,56px);align-items:start;}
.prose{max-width:800px;}
.prose > .ph-block{margin-bottom:34px;box-shadow:var(--sh-md);border-radius:var(--r-lg);}
.prose > h2{
  font-size:clamp(19px,2vw,27px);font-weight:900;margin:46px 0 16px;line-height:1.42;
  position:relative;padding-inline-start:18px;
}
.prose > h2::before{
  content:"";position:absolute;inset-inline-start:0;inset-block:6px 8px;width:4px;border-radius:4px;
  background:linear-gradient(to bottom,var(--sand),var(--terracotta));
}
.prose > h3{
  font-size:clamp(16.5px,1.5vw,20px);font-weight:800;margin:34px 0 12px;color:var(--navy);
  display:flex;align-items:center;gap:11px;line-height:1.5;
}
.prose > h3::before{content:"";width:9px;height:9px;flex:none;border-radius:3px;background:var(--sand);transform:rotate(45deg);}
.prose > h4{font-size:16px;font-weight:800;margin:26px 0 10px;}
.prose > p{font-size:16px;line-height:2.05;margin-bottom:18px;color:var(--ink);}
.prose > p:first-of-type{font-size:17.2px;color:var(--navy);line-height:2;}
.prose :is(p,li,td,dd) > a:not(.btn){color:var(--terracotta);font-weight:500;box-shadow:inset 0 -1px 0 rgba(181,80,46,.35);transition:box-shadow .25s,color .25s;}
.prose :is(p,li,td,dd) > a:not(.btn):hover{color:var(--terracotta-dark);box-shadow:inset 0 -2px 0 var(--terracotta);}
.prose > ul,.prose > ol{margin:0 0 24px;padding-inline-start:0;list-style:none;}
.prose > ul > li{
  position:relative;font-size:15.6px;line-height:2;margin-bottom:12px;color:var(--ink);
  padding-inline-start:28px;
}
.prose > ul > li::before{
  content:"";position:absolute;inset-inline-start:6px;inset-block-start:.72em;
  width:8px;height:8px;border-radius:2px;transform:rotate(45deg);
  background:linear-gradient(135deg,var(--gold),var(--sand));
}
.prose > ol{counter-reset:pl;}
.prose > ol > li{position:relative;counter-increment:pl;font-size:15.6px;line-height:2;margin-bottom:12px;color:var(--ink);padding-inline-start:38px;}
.prose > ol > li::before{
  content:counter(pl);position:absolute;inset-inline-start:0;inset-block-start:.28em;
  width:26px;height:26px;border-radius:8px;font-family:'Cairo';font-weight:800;font-size:12.5px;
  background:rgba(198,138,70,.14);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;
}
.prose strong{color:var(--navy);font-weight:700;}
.prose > blockquote{
  margin:26px 0;padding:22px 26px;border-radius:var(--r-sm);
  background:linear-gradient(120deg,rgba(198,138,70,.10),rgba(198,138,70,.03));
  border-inline-start:4px solid var(--sand);
}
.prose > blockquote p{margin:0;font-size:16px;color:var(--navy);}
.prose > img{border-radius:var(--r);box-shadow:var(--sh-sm);margin-block:22px;}
.prose > table{width:100%;border-collapse:collapse;margin-block:24px;font-size:14.5px;}
.prose > table th,.prose > table td{padding:13px 16px;border-bottom:1px solid var(--border);text-align:start;}
.prose > table th{background:var(--navy);color:#fff;font-family:'Cairo';}

.article-meta{
  display:flex;gap:10px;flex-wrap:wrap;font-family:'Cairo';font-size:12.5px;font-weight:700;
  color:var(--slate);margin-bottom:28px;
}
.article-meta > *{background:var(--cream-2);border:1px solid var(--border);padding:6px 14px;border-radius:var(--r-pill);}

/* الشريط الجانبي */
.sidebar-box{
  background:var(--white);border:1px solid var(--border);border-radius:var(--r);
  padding:26px 24px;margin-bottom:20px;box-shadow:var(--sh-xs);
}
.sidebar-box h4{font-size:15.5px;font-weight:800;margin-bottom:16px;padding-bottom:13px;border-bottom:2px solid rgba(198,138,70,.28);}
.sidebar-box ul{list-style:none;display:flex;flex-direction:column;gap:2px;}
.sidebar-box ul a{
  font-size:13.6px;color:var(--ink);display:flex;align-items:center;gap:9px;
  padding:10px 8px;border-radius:var(--r-xs);transition:all .25s var(--ease);
}
.sidebar-box ul a::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--border-2);flex:none;transform:rotate(45deg);transition:background .25s;}
.sidebar-box ul a:hover{color:var(--terracotta);background:rgba(198,138,70,.08);transform:translateX(-3px);}
.sidebar-box ul a:hover::before{background:var(--sand);}

.sidebar-cta{
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:var(--r);padding:30px 24px;text-align:center;color:#fff;
  background:radial-gradient(100% 120% at 80% 0%,rgba(198,138,70,.22),transparent 62%),linear-gradient(155deg,#1A2A35,#0B1319);
  border:1px solid rgba(228,179,108,.2);box-shadow:var(--sh-md);
}
.sidebar-cta h4{color:#fff;font-size:16.5px;margin-bottom:10px;font-weight:800;}
.sidebar-cta p{color:#B6C4CC;font-size:13.5px;margin-bottom:20px;line-height:1.85;}

/* =========================================================================
   الأسئلة الشائعة
   ========================================================================= */
.faq-list{max-width:880px;display:flex;flex-direction:column;gap:14px;}
.faq-item{
  background:var(--white);border:1px solid var(--border);border-radius:var(--r-sm);
  overflow:hidden;box-shadow:var(--sh-xs);
  transition:box-shadow .35s var(--ease),border-color .35s var(--ease);
}
.faq-item:hover{border-color:rgba(198,138,70,.4);box-shadow:var(--sh-sm);}
.faq-item[open]{border-color:rgba(198,138,70,.5);box-shadow:var(--sh-sm);}
.faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:20px 24px;text-align:start;font-family:'Cairo';font-weight:800;font-size:15.5px;color:var(--navy);
  transition:color .25s;
}
.faq-item[open] .faq-q{color:var(--terracotta);}
.faq-q .icon{
  flex:none;width:28px;height:28px;border-radius:50%;
  background:rgba(198,138,70,.14);color:var(--gold-deep);
  display:flex;align-items:center;justify-content:center;font-size:14px;
  transition:transform .35s var(--ease),background .3s,color .3s;
}
.faq-item[open] .faq-q .icon{transform:rotate(135deg);background:var(--terracotta);color:#fff;}
.faq-a{padding:0 24px 22px;font-size:15px;color:var(--ink);line-height:2;}
.faq-item[open] .faq-a{animation:faqIn .4s var(--ease-out) both;}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
.faq-item summary{cursor:pointer;list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}

/* =========================================================================
   النماذج
   ========================================================================= */
.form-card{
  background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);
  padding:clamp(24px,3vw,40px);box-shadow:var(--sh-md);position:relative;overflow:hidden;
}
.form-card::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:4px;background:linear-gradient(90deg,var(--terracotta),var(--sand),var(--gold-2));}
.form-row{margin-bottom:20px;}
.form-row label{display:block;font-family:'Cairo';font-weight:700;font-size:13.8px;margin-bottom:9px;color:var(--navy);}
.form-row input,.form-row select,.form-row textarea{
  width:100%;padding:14px 16px;border-radius:var(--r-xs);
  border:1.5px solid var(--border);background:var(--cream);color:var(--navy);
  transition:border-color .25s,background .25s,box-shadow .25s;
}
.form-row input::placeholder,.form-row textarea::placeholder{color:#9AA6AE;}
.form-row input:hover,.form-row select:hover,.form-row textarea:hover{border-color:var(--border-2);}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{
  outline:none;border-color:var(--sand);background:var(--white);
  box-shadow:0 0 0 4px rgba(198,138,70,.14);
}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.form-note{font-size:12.8px;color:var(--slate);margin-top:16px;line-height:1.85;}

.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:38px;}
.contact-card{
  position:relative;overflow:hidden;
  background:var(--white);border:1px solid var(--border);border-radius:var(--r);
  padding:28px 26px;box-shadow:var(--sh-xs);
  transition:transform .38s var(--ease),box-shadow .38s var(--ease),border-color .38s var(--ease);
}
.contact-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:rgba(198,138,70,.4);}
.contact-card h4{font-size:14.5px;font-weight:800;margin-bottom:12px;color:var(--slate);}
.contact-card a.phone{
  font-family:'Cairo';font-weight:900;font-size:22px;color:var(--terracotta);
  display:block;margin-bottom:8px;direction:ltr;text-align:start;transition:color .25s;
}
.contact-card a.phone:hover{color:var(--terracotta-dark);}

/* =========================================================================
   صناديق النطاق والمعلومات
   ========================================================================= */
.scope-box{
  background:var(--white);border:1px solid var(--border);border-radius:var(--r);
  padding:30px 28px;margin:26px 0;box-shadow:var(--sh-xs);position:relative;overflow:hidden;
}
.scope-box::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(to bottom,var(--sand),var(--terracotta));}
.scope-box h3{font-size:17px;font-weight:800;margin-bottom:18px;}
.scope-box ul{list-style:none;display:flex;flex-direction:column;gap:13px;}
.scope-box ul li{display:flex;gap:12px;font-size:14.6px;line-height:1.9;color:var(--ink);padding-inline-start:0;}
.scope-box ul li::before{content:"";flex:none;width:9px;height:9px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gold),var(--sand));margin-top:9px;}

.info-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0;}
.info-tile{
  background:var(--white);border:1px solid var(--border);border-radius:var(--r-sm);
  padding:20px 22px;box-shadow:var(--sh-xs);
  transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);
}
.info-tile:hover{transform:translateY(-3px);border-color:rgba(198,138,70,.4);box-shadow:var(--sh-sm);}
.info-tile span{display:block;font-family:'Cairo';font-weight:800;font-size:12px;color:var(--gold-deep);margin-bottom:7px;}
.info-tile p{font-size:14.2px;line-height:1.8;}

/* =========================================================================
   نداءات الإجراء
   ========================================================================= */
.cta-box{
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:var(--r-lg);padding:32px 36px;margin-top:38px;
  display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;
  background:radial-gradient(90% 130% at 88% 0%,rgba(198,138,70,.22),transparent 60%),linear-gradient(150deg,#1A2A35,#0B1319);
  border:1px solid rgba(228,179,108,.2);box-shadow:var(--sh-md);
}
.cta-box p{color:#fff;font-family:'Cairo';font-weight:800;font-size:clamp(15px,1.5vw,19px);line-height:1.6;}

.cta-band{
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:var(--r-xl);padding:clamp(38px,5vw,68px) clamp(24px,4vw,56px);
  text-align:center;color:#fff;
  background:linear-gradient(125deg,var(--terracotta-lt) 0%,var(--terracotta) 44%,#7E351C 100%);
  box-shadow:0 30px 70px -30px rgba(181,80,46,.75);
}
.cta-band::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    var(--grain),
    repeating-linear-gradient(125deg,rgba(255,255,255,.07) 0 2px,transparent 2px 26px),
    radial-gradient(70% 100% at 12% 0%,rgba(255,255,255,.20),transparent 60%);
  opacity:.85;
}
.cta-band > *{position:relative;z-index:1;}
.cta-band h2{color:#fff;font-size:clamp(22px,2.7vw,34px);font-weight:900;margin-bottom:14px;text-wrap:balance;}
.cta-band p{color:rgba(255,255,255,.9);font-size:15px;margin-bottom:30px;max-width:620px;margin-inline:auto;line-height:1.9;}
.cta-band .cta-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.cta-band .btn-primary{background:#fff;color:var(--terracotta);box-shadow:0 12px 30px rgba(0,0,0,.22);}
.cta-band .btn-primary:hover{background:var(--cream);color:var(--terracotta-dark);}

/* =========================================================================
   معرض الصور
   ========================================================================= */
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.7vw,22px);}
.photo-grid figure{margin:0;}
.photo-grid .ph-block{aspect-ratio:4/3;box-shadow:var(--sh-xs);border:1px solid var(--border);transition:transform .4s var(--ease),box-shadow .4s var(--ease);}
.photo-grid figure:hover .ph-block{transform:translateY(-4px);box-shadow:var(--sh-md);}
.photo-grid figcaption{font-size:12.6px;color:var(--slate);margin-top:10px;text-align:center;line-height:1.7;}

/* =========================================================================
   خريطة الموقع + الجداول
   ========================================================================= */
.sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px);}
.sitemap-col h3{font-size:16px;font-weight:800;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--sand);}
.sitemap-col ul{list-style:none;display:flex;flex-direction:column;gap:3px;}
.sitemap-col ul a{font-size:13.8px;color:var(--ink);display:block;padding:7px 10px;border-radius:var(--r-xs);transition:all .25s var(--ease);}
.sitemap-col ul a:hover{color:var(--terracotta);background:rgba(198,138,70,.09);transform:translateX(-3px);}

table.info-table{
  width:100%;border-collapse:separate;border-spacing:0;background:var(--white);
  border-radius:var(--r);overflow:hidden;border:1px solid var(--border);box-shadow:var(--sh-xs);
}
table.info-table th,table.info-table td{padding:16px 20px;text-align:start;font-size:14.2px;border-bottom:1px solid var(--border);}
table.info-table th{background:linear-gradient(150deg,var(--navy-700),var(--navy-900));color:#fff;font-family:'Cairo';font-size:13.5px;font-weight:700;}
table.info-table tr:last-child td{border-bottom:none;}
table.info-table tbody tr{transition:background .25s;}
table.info-table tbody tr:hover{background:rgba(198,138,70,.06);}

/* =========================================================================
   التذييل
   ========================================================================= */
footer{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(170deg,#101C25 0%,#080E13 100%);
  color:#A4B3BC;padding:clamp(50px,6vw,78px) 0 26px;margin-top:0;
}
footer::before{
  content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;
  background:linear-gradient(90deg,var(--terracotta),var(--sand) 38%,var(--gold-2) 60%,transparent);
}
footer::after{
  content:"";position:absolute;inset-block-start:-30%;inset-inline-end:-10%;width:640px;height:640px;z-index:0;
  border-radius:50%;background:radial-gradient(circle,rgba(198,138,70,.13),transparent 66%);pointer-events:none;
}
.footer-grid{
  display:grid;grid-template-columns:1.55fr repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,38px);
  padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.09);
}
.footer-brand img{height:42px;width:auto;margin-bottom:18px;}
.footer-brand p{color:#8A99A3;font-size:13.4px;line-height:1.95;max-width:300px;}
.footer-col h5{font-family:'Cairo';color:#fff;font-size:14px;font-weight:800;margin-bottom:18px;position:relative;padding-bottom:11px;}
.footer-col h5::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--sand),var(--gold-2));}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.footer-col a{font-size:13.3px;color:#A4B3BC;transition:color .25s var(--ease),transform .25s var(--ease);display:inline-block;}
.footer-col a:hover{color:var(--gold-2);transform:translateX(-3px);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:22px;font-size:12.3px;color:#6C7C86;flex-wrap:wrap;gap:12px;}
.footer-bottom a{color:#6C7C86;transition:color .25s;}
.footer-bottom a:hover{color:var(--gold-2);}

/* =========================================================================
   زر واتساب العائم
   ========================================================================= */
.wa-fab{
  position:fixed;inset-block-end:24px;inset-inline-start:24px;z-index:150;
  width:58px;height:58px;border-radius:50%;
  background:linear-gradient(145deg,#3ae07b,var(--green-wa) 55%,#12a94e);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 26px rgba(18,169,78,.42);
  transition:transform .35s var(--ease-out),box-shadow .35s var(--ease);
}
.wa-fab::before{
  content:"";position:absolute;inset:0;border-radius:50%;
  border:2px solid rgba(37,211,102,.55);
  animation:waPulse 2.6s var(--ease-out) infinite;
}
@keyframes waPulse{0%{transform:scale(1);opacity:.75;}70%{transform:scale(1.55);opacity:0;}100%{opacity:0;}}
.wa-fab:hover{transform:scale(1.09) translateY(-2px);box-shadow:0 14px 34px rgba(18,169,78,.55);}
.wa-fab svg{width:29px;height:29px;fill:#fff;position:relative;z-index:1;}

/* =========================================================================
   صفحة 404
   ========================================================================= */
.error-page{min-height:62vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:90px 0;}
.error-page .code{
  font-family:'Cairo';font-weight:900;font-size:clamp(90px,14vw,160px);line-height:1;
  background:linear-gradient(150deg,var(--gold-2),var(--sand) 45%,var(--terracotta));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.error-page h1{font-size:clamp(20px,2.4vw,28px);margin:18px 0 12px;}
.error-page p{max-width:480px;margin:0 auto 30px;}

/* =========================================================================
   شريط الشركاء
   ========================================================================= */
.partners-section{
  --partners-tile-h:60px;
  --partners-gap:clamp(2.4rem,5vw,5rem);
  padding:clamp(2.8rem,6vw,4.8rem) 0;
  background:var(--white);
  overflow:hidden;border-block:1px solid var(--border);position:relative;
}
@media (min-width:768px){.partners-section{--partners-tile-h:78px;}}
.partners-section__heading{text-align:center;font-family:'Cairo',sans-serif;font-weight:900;font-size:clamp(1.25rem,2.3vw,1.75rem);color:var(--navy);margin:0 0 10px;}
.partners-section__sub{text-align:center;font-family:'Tajawal',sans-serif;color:var(--slate);margin:0 0 2.4rem;font-size:.94rem;}
.partners-marquee{
  position:relative;width:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.partners-marquee__track{direction:ltr;display:flex;align-items:center;gap:var(--partners-gap);width:max-content;will-change:transform;animation:partners-scroll var(--partners-duration,34s) linear infinite;}
.partners-marquee:hover .partners-marquee__track,.partners-marquee__track:focus-within{animation-play-state:paused;}
@keyframes partners-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.partners-marquee__item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:var(--partners-tile-h);}
.partners-marquee__item img{
  display:block;height:100%;width:auto;max-width:220px;object-fit:contain;
  filter:grayscale(1) opacity(.72);
  transition:filter .4s var(--ease),transform .4s var(--ease);
}
.partners-marquee__item a{display:block;line-height:0;}
.partners-marquee__item:hover img,.partners-marquee__item:focus-within img{filter:none;transform:scale(1.06);}
.partners-marquee--static .partners-marquee__track{animation:none;flex-wrap:wrap;justify-content:center;width:100%;row-gap:2rem;}

/* =========================================================================
   أدوات مساعدة
   ========================================================================= */
.mt-0{margin-top:0;}
.text-center{text-align:center;}
.tag-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px;}
.tag-pill{
  font-family:'Cairo';font-size:11.8px;font-weight:800;
  background:rgba(198,138,70,.13);color:var(--gold-deep);
  border:1px solid rgba(198,138,70,.24);
  padding:6px 14px;border-radius:var(--r-pill);
}

/* =========================================================================
   طبقة الحركة (Motion)
   العناصر تظهر بانسياب عند الوصول إليها. يوجد مؤقّت أمان يُظهر كل شيء
   خلال ثانيتين حتى لو تعطّل السكربت — فلا يختفي أي محتوى عن الزائر أو الزاحف.
   ========================================================================= */
@media (prefers-reduced-motion:no-preference){
  .section-head,
  .svc-card,.ba-card,.blog-card,.testi-card,.info-tile,.contact-card,
  .flagship-card,.why-item,.why-photos .ph-block,.capability,.cta-band,
  .cta-box,.scope-box,.form-card,.faq-item,.sidebar-box,.sidebar-cta,
  .photo-grid figure,.partners-section__heading,.partners-section__sub,
  .article-meta,.prose > .ph-block,.sitemap-col,.info-table{
    opacity:0;
    transform:translateY(26px);
    animation:revealFailsafe .01s linear 2.2s forwards;
  }
  .rv-in{
    opacity:1 !important;transform:none !important;animation:none !important;
    transition:opacity .75s var(--ease-out) var(--rvd,0s),transform .75s var(--ease-out) var(--rvd,0s);
  }
  @keyframes revealFailsafe{to{opacity:1;transform:none;}}

  /* عدّاد الأرقام لا يقفز: نحجز عرضه بأرقام جدولية */
  .trust-strip b,.capability .stats b{font-variant-numeric:tabular-nums;}
}

/* منزلق قبل/بعد التفاعلي (يُفعّله السكربت) */
.ba-split.is-slider{grid-template-columns:1fr;position:relative;cursor:ew-resize;touch-action:pan-y;user-select:none;}
.ba-split.is-slider .before,.ba-split.is-slider .after{grid-area:1/1;width:100%;}
.ba-split.is-slider .after{clip-path:inset(0 0 0 var(--sx,50%));}
/* في وضع المنزلق: "قبل" يسار و"بعد" يمين حتى لا يتراكبا */
.ba-split.is-slider .before::before{inset-inline-start:auto;inset-inline-end:10px;}
.ba-split.is-slider::after{
  inset-inline-start:auto;inset-inline-end:var(--sx,50%);
  width:3px;background:var(--gold-2);opacity:1;
  box-shadow:0 0 0 1px rgba(10,17,22,.35),0 0 18px rgba(228,179,108,.6);
}
.ba-split.is-slider .ba-handle{
  position:absolute;z-index:6;inset-block-start:50%;inset-inline-end:var(--sx,50%);
  translate:50% -50%;
  width:42px;height:42px;border-radius:50%;
  background:rgba(10,17,22,.72);border:2px solid var(--gold-2);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;gap:3px;
  color:var(--gold-2);font-size:13px;line-height:1;
  box-shadow:0 6px 20px rgba(0,0,0,.45);
  transition:transform .25s var(--ease),background .25s;
}
.ba-split.is-slider:hover .ba-handle{transform:translate(50%,-50%) scale(1.08);}

/* =========================================================================
   الاستجابة للشاشات
   ========================================================================= */
@media (max-width:1140px){
  .nav ul{gap:0;font-size:13.5px;}
  .nav ul a{padding:8px 9px;}
  /* على الشاشات الأصغر: الصورة تصبح خلفية كاملة خلف الواجهة بدل اللوحة الجانبية */
  .hero .wrap::after{
    inset:0;width:auto;
    -webkit-mask-image:none;mask-image:none;
    opacity:.42;
  }
  .hero .wrap::after{background-blend-mode:normal;}
  .hero{background-image:
    radial-gradient(120% 90% at 88% 8%, rgba(198,138,70,.22) 0%, transparent 58%),
    linear-gradient(158deg,#16242F 0%,#0E1820 46%,#0A1116 100%);}
}
@media (max-width:1024px){
  .svc-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .nav ul,.nav .btn-outline{display:none;}
  .nav .hamburger{display:flex;}
  .nav{justify-content:space-between;}
  .article-layout{grid-template-columns:1fr;}
  .article-layout aside,.article-layout > div:last-child{max-width:760px;}
  .why,.capability,.flagship-grid,.footer-grid,.form-grid-2,.contact-info-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr 1fr;}
  .ba-grid,.testi-grid,.blog-grid,.sitemap-grid,.info-band,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .capability .ph-block{max-height:340px;}
  .why-photos .ph-block:nth-child(2),.why-photos .ph-block:nth-child(3){transform:none;}
}
@media (max-width:720px){
  .svc-grid,.ba-grid,.testi-grid,.blog-grid,.sitemap-grid,.info-band,.photo-grid,.footer-grid{grid-template-columns:1fr;}
  .topbar .contacts{gap:14px;font-size:12px;}
  .topbar .areas{display:none;}
  .trust-strip{grid-template-columns:1fr 1fr;gap:10px;}
  .hero{min-height:auto;}
  .hero p.lead{font-size:14.5px;}
  .cta-box{flex-direction:column;text-align:center;padding:26px 22px;}
  .capability .stats > *{flex:1 1 100%;}
  .wa-fab{width:52px;height:52px;inset-block-end:18px;inset-inline-start:18px;}
  .wa-fab svg{width:26px;height:26px;}
  .prose h2{padding-inline-start:14px;}
  .contact-card a.phone{font-size:19px;}
}
@media (max-width:430px){
  .topbar .contacts a:nth-child(2){display:none;}
  .btn{padding:13px 20px;font-size:13.8px;}
  .hero .cta-row .btn{flex:1 1 100%;}
}

/* =========================================================================
   احترام تفضيل تقليل الحركة + الطباعة
   ========================================================================= */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
  .partners-marquee__track{animation:none;overflow-x:auto;}
  .hero::before,.hero .wrap::after{animation:none;}
}
@media print{
  .topbar,header.site,.wa-fab,.scroll-progress,.cta-band,.cta-box,.sidebar-cta,.mobile-nav{display:none !important;}
  body{background:#fff;color:#000;}
  .hero,.page-hero{background:#fff !important;color:#000;}
  .hero h1,.page-hero h1{color:#000;}
  a{color:#000;}
}

/* =========================================================================
   ترتيب الطبقات: العناصر الزخرفية خلف المحتوى دائمًا
   ========================================================================= */
.svc-card > *,.capability > *,.testi-card > *,.bg-navy > *,footer > *,.sidebar-cta > *,.cta-box > *,.flagship-card > *{position:relative;z-index:1;}