/* ==========================================================================
   المسار الأول — حزمة النخبة (Home Elite)
   ترقيات فوق الاحترافية: بطل نابض، أيقونات مزدوجة، شجرة متدفقة،
   آراء عملاء لا نهائية، فريق، عدّادات، وانتقالات أقسام متداخلة.
   تعمل فوق main.css دون كسر أي نظام قائم.
   ========================================================================== */

:root{
  --elite-ease:cubic-bezier(.65,0,.35,1);
  --elite-spring:cubic-bezier(.22,1,.36,1);
  --glow-sky:0 0 0 1px rgba(121,214,255,.18),0 12px 40px -8px rgba(16,128,192,.45);
}

/* ==========================================================================
   نظام الظهور المتدرج (Reveal) — دخول وخروج متداخل بين الأقسام
   ========================================================================== */
.rv{
  opacity:0;
  transition:
    opacity .9s var(--elite-ease),
    transform .9s var(--elite-ease),
    clip-path .9s var(--elite-ease),
    filter .9s var(--elite-ease);
  transition-delay:var(--rv-d,0ms);
  will-change:opacity,transform,clip-path;
}
.rv--up{ transform:translateY(34px); }
.rv--down{ transform:translateY(-26px); }
.rv--right{ transform:translateX(42px); }
.rv--left{ transform:translateX(-42px); }
.rv--scale{ transform:scale(.92) translateY(18px); filter:saturate(.6); }
.rv--clip{ clip-path:inset(0 0 100% 0 round 18px); transform:translateY(24px); }
.rv--clip-x{ clip-path:inset(0 100% 0 0 round 18px); }
.rv--blur{ transform:translateY(26px); filter:blur(10px); }
@media (max-width:1023px){
  .rv--right,.rv--left{ transform:translateY(26px); }
}
.rv.is-in{
  opacity:1; transform:none; filter:none;
  clip-path:inset(0 0 0 0 round 18px);
}
.rv--clip-x.is-in{ clip-path:inset(0 0 0 0 round 18px); }

/* خروج ناعم للقسم المغادر — يخلق تداخلاً بين خروج قسم وظهور التالي */
.flow-sec{ position:relative; }
.flow-sec > .container{
  transition:transform .2s linear, opacity .2s linear;
  transform:translateY(calc(var(--flow,0) * -34px));
  opacity:calc(1 - (var(--flow,0) * .45));
}

/* حواف متدرجة بين الأقسام (تلاشي لوني بدل القطع الحاد) */
.sec-edge{ position:relative; }
.sec-edge::after{
  content:""; position:absolute; inset-inline:0; bottom:-1px; height:110px;
  pointer-events:none; z-index:3;
  background:linear-gradient(to bottom,transparent,rgba(6,21,34,.05));
  opacity:0; transition:opacity .6s;
}

/* ==========================================================================
   البطل — نسخة النخبة
   ========================================================================== */
.hero--elite{
  min-height:100svh; max-height:none;
  background:
    radial-gradient(1100px 620px at 82% -10%, rgba(16,128,192,.34), transparent 60%),
    radial-gradient(900px 560px at 8% 108%, rgba(0,64,128,.5), transparent 62%),
    linear-gradient(168deg,#040C15 0%,var(--navy) 44%,#0B2C44 100%);
  isolation:isolate;
}
.hero--elite::before{ /* شعاع مخروطي دوّار خافت */
  content:""; position:absolute; inset:-40%; z-index:0; pointer-events:none;
  background:conic-gradient(from 90deg at 50% 50%,
    transparent 0deg, rgba(121,214,255,.06) 40deg, transparent 90deg,
    transparent 180deg, rgba(16,128,192,.07) 230deg, transparent 280deg);
  animation:heroBeam 26s linear infinite;
}
@keyframes heroBeam{ to{ transform:rotate(360deg); } }
.hero--elite::after{ /* توهج سفلي */
  content:""; position:absolute; inset-inline:0; bottom:0; height:34%;
  background:linear-gradient(to top, rgba(4,12,21,.9), transparent);
  z-index:1; pointer-events:none;
}
.hero-orb{
  position:absolute; border-radius:50%; pointer-events:none; z-index:0;
  filter:blur(70px); opacity:.5;
}
.hero-orb--a{ width:420px; height:420px; background:#1080C0; top:-8%; inset-inline-start:-6%; animation:orbFloat 14s ease-in-out infinite; }
.hero-orb--b{ width:340px; height:340px; background:#004080; bottom:-10%; inset-inline-end:-4%; animation:orbFloat 18s ease-in-out -6s infinite reverse; }
.hero-orb--c{ width:180px; height:180px; background:#79D6FF; top:38%; inset-inline-start:44%; opacity:.28; animation:orbFloat 11s ease-in-out -3s infinite; }
@keyframes orbFloat{ 0%,100%{ transform:translate(0,0) scale(1);} 50%{ transform:translate(26px,-30px) scale(1.08);} }

/* عنوان البطل: كشف سينمائي سطراً سطراً */
.hero-title-line{ display:block; overflow:hidden; }
.hero-title-line > span{
  display:block; transform:translateY(110%);
  animation:lineUp 1s var(--elite-ease) forwards;
}
.hero-title-line:nth-child(2) > span{ animation-delay:.14s; }
@keyframes lineUp{ to{ transform:translateY(0); } }

/* شارة النبض */
.hero__badge--elite{
  border:1px solid rgba(121,214,255,.35);
  background:linear-gradient(100deg,rgba(121,214,255,.12),rgba(16,128,192,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 24px rgba(16,128,192,.25);
}

/* شريط أرقام مصغّر داخل البطل */
.hero-mini-stats{
  display:flex; flex-wrap:wrap; gap:12px 34px; margin-top:40px;
  padding-top:26px; border-top:1px solid rgba(121,214,255,.16);
}
.hero-mini-stats .hms{ display:flex; flex-direction:column; gap:2px; }
.hero-mini-stats .hms b{
  font-size:26px; font-weight:700; color:#fff; line-height:1.1;
  font-variant-numeric:tabular-nums;
}
.hero-mini-stats .hms b em{ font-style:normal; color:var(--focus); }
.hero-mini-stats .hms span{ font-size:13px; color:var(--on-dark-2); }

/* مؤشر التمرير */
.hero-scroll{
  position:absolute; bottom:26px; inset-inline-start:50%; transform:translateX(50%);
  z-index:4; display:flex; flex-direction:column; align-items:center; gap:8px;
  color:var(--on-dark-2); font-size:12px; letter-spacing:.14em;
}
html[dir="ltr"] .hero-scroll{ transform:translateX(-50%); }
.hero-scroll i{
  width:1px; height:44px; background:linear-gradient(var(--focus),transparent);
  display:block; position:relative; overflow:hidden;
}
.hero-scroll i::after{
  content:""; position:absolute; inset-inline:0; top:-40%; height:40%;
  background:#fff; animation:scrollDrop 1.8s var(--elite-ease) infinite;
}
@keyframes scrollDrop{ 0%{ top:-40%; } 70%,100%{ top:110%; } }

/* ==========================================================================
   نظام الأيقونات المزدوجة (duotone) — بديل الأيقونات البسيطة
   ========================================================================== */
.icn{
  position:relative; width:58px; height:58px; flex:none;
  display:grid; place-items:center;
  border-radius:18px;
  background:
    linear-gradient(160deg,#EAF5FD,#D8ECFA);
  border:1px solid rgba(16,128,192,.16);
  box-shadow:inset 0 1px 0 #fff, 0 4px 12px -4px rgba(0,64,128,.18);
  transition:transform .45s var(--elite-spring), box-shadow .45s var(--elite-spring), background .45s;
}
.icn svg{ width:28px; height:28px; }
.icn .icn-a{ stroke:var(--blue); }     /* الخط الأساسي */
.icn .icn-b{ stroke:var(--sky); opacity:.85; } /* الخط الثانوي */
.icn .icn-f{ fill:rgba(16,128,192,.14); stroke:none; } /* تعبئة خافتة */
/* زاوية ممتدة — توقيع بصري */
.icn::after{
  content:""; position:absolute; top:-5px; inset-inline-start:-5px;
  width:14px; height:14px; border-radius:3px 0 0 0;
  border-top:2px solid var(--sky); border-inline-start:2px solid var(--sky);
  transition:all .45s var(--elite-spring);
}
.card:hover .icn, .svc:hover .icn, .sector-card:hover .icn{
  transform:translateY(-4px) rotate(-3deg);
  box-shadow:inset 0 1px 0 #fff, 0 14px 28px -8px rgba(16,128,192,.4);
}
.card:hover .icn::after, .svc:hover .icn::after, .sector-card:hover .icn::after{
  top:-7px; inset-inline-start:-7px; width:18px; height:18px;
}

/* نسخة داكنة للأيقونة (على خلفيات داكنة) */
.icn--dark{
  background:linear-gradient(160deg,rgba(121,214,255,.14),rgba(16,128,192,.08));
  border-color:rgba(121,214,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.icn--dark .icn-a{ stroke:#fff; }
.icn--dark .icn-b{ stroke:var(--focus); }
.icn--dark .icn-f{ fill:rgba(121,214,255,.16); }

/* ==========================================================================
   بطاقات الخدمات — ترقية النخبة
   ========================================================================== */
.svc{
  position:relative; display:flex; flex-direction:column; gap:14px;
  padding:30px 28px 26px; border-radius:20px;
  background:#fff; border:1px solid var(--border);
  transition:transform .5s var(--elite-spring), box-shadow .5s var(--elite-spring), border-color .5s;
  overflow:hidden;
}
.svc::before{ /* خيط متدرج علوي يظهر عند التحويم */
  content:""; position:absolute; inset-inline:0; top:0; height:3px;
  background:linear-gradient(90deg,var(--blue),var(--sky),var(--focus));
  transform:scaleX(0); transform-origin:var(--to,right);
  transition:transform .6s var(--elite-ease);
}
html[dir="rtl"] .svc::before{ --to:right; }
html[dir="ltr"] .svc::before{ --to:left; }
.svc:hover{ transform:translateY(-8px); border-color:rgba(16,128,192,.35);
  box-shadow:0 26px 54px -18px rgba(6,21,34,.22); }
.svc:hover::before{ transform:scaleX(1); }
.svc h3{ font-size:19px; }
.svc p{ font-size:15px; flex:1; }
.svc .card__link{ margin-top:4px; }
.svc__num{
  position:absolute; top:22px; inset-inline-end:24px;
  font-size:13px; font-weight:700; color:#B9CCDD; letter-spacing:.06em;
  font-variant-numeric:tabular-nums;
}

/* ==========================================================================
   شريط العدّادات
   ========================================================================== */
.stats-band{
  position:relative; overflow:hidden;
  background:
    radial-gradient(700px 300px at 85% 0%, rgba(16,128,192,.22), transparent 60%),
    linear-gradient(150deg,#071A29,var(--navy) 55%,#0A2A40);
  color:#fff;
}
.stats-band::before{
  content:""; position:absolute; inset:0; opacity:.35; pointer-events:none;
  background-image:radial-gradient(rgba(121,214,255,.16) 1px, transparent 1px);
  background-size:26px 26px;
  mask-image:linear-gradient(105deg,#000 20%,transparent 70%);
  -webkit-mask-image:linear-gradient(105deg,#000 20%,transparent 70%);
}
.stats-grid{
  position:relative; display:grid; grid-template-columns:repeat(4,1fr);
  gap:34px 24px; padding-block:var(--s-8);
}
.stat{ position:relative; text-align:center; padding-inline:10px; }
.stat + .stat::before{
  content:""; position:absolute; inset-inline-start:-12px; top:12%; bottom:12%;
  width:1px; background:linear-gradient(transparent,rgba(121,214,255,.28),transparent);
}
.stat b{
  display:block; font-size:clamp(38px,4.6vw,58px); font-weight:700; line-height:1.05;
  color:#fff; font-variant-numeric:tabular-nums; letter-spacing:-.02em;
}
.stat b i{ font-style:normal; display:inline; }
.stat b em{ font-style:normal; color:var(--focus); font-size:.62em; font-weight:700; }
.hero-mini-stats .hms b i{ font-style:normal; display:inline; }
.stat span{ display:block; margin-top:8px; color:var(--on-dark-2); font-size:14.5px; }
.stat small{ display:block; margin-top:2px; color:rgba(157,180,200,.7); font-size:12px; }
@media (max-width:820px){
  .stats-grid{ grid-template-columns:repeat(2,1fr); }
  .stat:nth-child(3)::before{ display:none; }
}

/* ==========================================================================
   شريط التقنيات — ماركي لا نهائي
   ========================================================================== */
.mq{
  direction:ltr; /* ثبات اتجاه الحركة في اللغتين */
  position:relative; overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.mq__track{
  display:flex; gap:var(--mq-gap,16px); width:max-content;
  animation:mqScroll var(--mq-speed,42s) linear infinite;
  will-change:transform;
}
.mq--rev .mq__track{ animation-direction:reverse; }
.mq:hover .mq__track{ animation-play-state:paused; }
@keyframes mqScroll{ to{ transform:translateX(-50%); } }

.tech-strip{ padding-block:30px; border-block:1px solid var(--border); background:#fff; }
.tech-chip{
  direction:rtl;
  display:inline-flex; align-items:center; gap:10px;
  padding:11px 22px; border-radius:var(--r-pill);
  border:1px solid var(--border); background:var(--bg-soft);
  font-weight:600; font-size:14.5px; color:var(--navy); white-space:nowrap;
  transition:border-color .3s, background .3s, transform .3s;
}
html[dir="ltr"] .tech-chip{ direction:ltr; }
.tech-chip:hover{ border-color:var(--sky); background:#E8F3FB; transform:translateY(-2px); }
.tech-chip svg{ width:17px; height:17px; color:var(--sky); }

/* ==========================================================================
   آراء العملاء — حلقة لوب غير منتهية
   ========================================================================== */
.testi{ position:relative; }
.testi .mq{ padding-block:8px; }
.t-card{
  direction:rtl; width:min(420px,84vw); flex:none;
  background:#fff; border:1px solid var(--border); border-radius:20px;
  padding:26px 26px 22px; position:relative;
  transition:transform .45s var(--elite-spring), box-shadow .45s var(--elite-spring), border-color .45s;
}
html[dir="ltr"] .t-card{ direction:ltr; }
.t-card:hover{
  transform:translateY(-6px); border-color:rgba(16,128,192,.32);
  box-shadow:0 22px 48px -16px rgba(6,21,34,.2);
}
.t-card__q{
  position:absolute; top:18px; inset-inline-end:22px;
  font-size:64px; line-height:1; color:rgba(16,128,192,.12);
  font-family:Georgia,serif; pointer-events:none;
}
.t-stars{ display:flex; gap:3px; margin-bottom:14px; }
.t-stars svg{ width:16px; height:16px; fill:#F59E0B; }
.t-card p{ font-size:15px; color:var(--text); min-height:96px; }
.t-who{ display:flex; align-items:center; gap:13px; margin-top:18px; padding-top:16px; border-top:1px dashed var(--border); }
.t-ava{
  width:46px; height:46px; border-radius:14px; flex:none;
  display:grid; place-items:center; color:#fff; font-weight:700; font-size:17px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
}
.t-who b{ display:block; font-size:14.5px; color:var(--navy); }
.t-who span{ font-size:12.5px; color:var(--text-2); }
.t-badge-verified{
  margin-inline-start:auto; display:inline-flex; align-items:center; gap:5px;
  font-size:11.5px; color:var(--success); font-weight:600;
}
.t-badge-verified svg{ width:14px; height:14px; }

/* ==========================================================================
   فريق العمل
   ========================================================================== */
.team-grid{ display:flex; flex-wrap:wrap; justify-content:center; gap:22px; }
.team-grid > .tm{ flex:0 1 calc((100% - 66px)/4); }
@media (max-width:1023px){ .team-grid > .tm{ flex-basis:calc((100% - 22px)/2); } }
@media (max-width:560px){ .team-grid > .tm{ flex-basis:100%; } }
.tm{
  position:relative; border-radius:20px; padding:30px 22px 24px;
  background:#fff; border:1px solid var(--border); text-align:center;
  transition:transform .5s var(--elite-spring), box-shadow .5s var(--elite-spring), border-color .5s;
  overflow:hidden;
}
.tm::before,.tm::after{ /* زوايا ممتدة */
  content:""; position:absolute; width:16px; height:16px; opacity:0;
  transition:opacity .4s, transform .5s var(--elite-spring);
}
.tm::before{ top:10px; inset-inline-start:10px; border-top:2px solid var(--sky); border-inline-start:2px solid var(--sky); border-start-start-radius:6px; }
.tm::after{ bottom:10px; inset-inline-end:10px; border-bottom:2px solid var(--sky); border-inline-end:2px solid var(--sky); border-end-end-radius:6px; }
.tm:hover{ transform:translateY(-8px); border-color:rgba(16,128,192,.3); box-shadow:0 26px 52px -18px rgba(6,21,34,.22); }
.tm:hover::before,.tm:hover::after{ opacity:1; }
.tm__ava{
  width:92px; height:92px; margin:0 auto 18px; border-radius:28px;
  display:grid; place-items:center; position:relative;
  color:#fff; font-size:34px; font-weight:700; line-height:1;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.28), 0 14px 30px -10px rgba(0,64,128,.45);
}
.tm__ava::after{
  content:""; position:absolute; inset:-6px; border-radius:32px;
  border:1.5px dashed rgba(16,128,192,.35);
  transition:transform .8s var(--elite-spring);
}
.tm:hover .tm__ava::after{ transform:rotate(45deg) scale(1.04); }
.tm h3{ font-size:17.5px; }
.tm__role{ display:inline-block; margin-top:6px; font-size:13px; font-weight:600; color:var(--sky); }
.tm__bio{ margin-top:10px; font-size:13.5px; min-height:66px; }
.tm__tags{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:14px; }
.tm__tags span{
  font-size:11.5px; font-weight:600; padding:4px 11px; border-radius:var(--r-pill);
  background:var(--bg-soft); color:var(--text-2); border:1px solid var(--border);
}

/* ==========================================================================
   شجرة الحلول — نسخة النخبة
   ========================================================================== */
.tree-wrap--elite{
  position:relative; border-radius:26px; padding:34px 30px 30px;
  background:
    radial-gradient(600px 300px at 50% 0%, rgba(16,128,192,.07), transparent 65%),
    #fff;
  border:1px solid var(--border);
  box-shadow:0 30px 70px -30px rgba(6,21,34,.18);
}
.tree-svg .tree-path{
  stroke:url(#treeGrad); stroke-width:2.5;
  stroke-dasharray:1; stroke-dashoffset:1;
  transition:stroke-dashoffset 1.4s var(--elite-ease);
}
.tree-wrap--elite.is-in .tree-path{ stroke-dashoffset:0; }
.tree-wrap--elite .tree-path--flow{
  stroke:var(--focus); stroke-width:2; opacity:0;
  stroke-dasharray:.06 .94; stroke-dashoffset:1;
}
.tree-wrap--elite.is-in .tree-path--flow{
  opacity:.9; animation:treeFlow 3.2s linear infinite;
}
@keyframes treeFlow{ from{ stroke-dashoffset:1; } to{ stroke-dashoffset:0; } }

.tree-node{ cursor:pointer; outline:none; }
.tree-node circle{ transition:filter .35s, transform .35s var(--elite-spring); transform-origin:center; transform-box:fill-box; }
.tree-node:hover circle:first-child, .tree-node:focus-visible circle:first-child{ filter:brightness(1.12); transform:scale(1.06); }
.tree-node.is-active .node-ring{ animation:nodePulse 2s var(--elite-ease) infinite; }
.node-ring{
  fill:none; stroke:var(--sky); stroke-width:2; opacity:0;
  transform-origin:center; transform-box:fill-box;
}
@keyframes nodePulse{ 0%{ opacity:.8; transform:scale(1);} 100%{ opacity:0; transform:scale(1.45);} }
.tree-node .node-leaf{ opacity:0; transition:opacity .4s .8s; }
.tree-wrap--elite.is-in .tree-node .node-leaf{ opacity:1; }
.tree-node text{ pointer-events:none; font-family:inherit; }

/* لوحة الشجرة — إطار بزوايا ممتدة */
.tree-panel{
  position:relative; margin-top:26px; border-radius:18px;
  background:linear-gradient(160deg,#F7FBFE,#EFF6FC);
  border:1px solid rgba(16,128,192,.18);
  padding:30px 32px;
  opacity:0; transform:translateY(14px);
  transition:opacity .5s var(--elite-ease), transform .5s var(--elite-ease);
}
.tree-panel.is-open{ opacity:1; transform:none; }
.tree-panel::before,.tree-panel::after{
  content:""; position:absolute; width:22px; height:22px; pointer-events:none;
}
.tree-panel::before{ top:-1px; inset-inline-start:-1px; border-top:2.5px solid var(--sky); border-inline-start:2.5px solid var(--sky); border-start-start-radius:10px; }
.tree-panel::after{ bottom:-1px; inset-inline-end:-1px; border-bottom:2.5px solid var(--sky); border-inline-end:2.5px solid var(--sky); border-end-end-radius:10px; }
.tree-panel h3{ display:flex; align-items:center; gap:12px; font-size:19px; margin-bottom:10px; }
.tree-panel h3 svg{ width:22px; height:22px; color:var(--sky); flex:none; }
.tree-panel p{ max-width:640px; }
.tp-stats{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.tp-stats span{
  display:inline-flex; align-items:center; gap:7px;
  padding:7px 15px; border-radius:var(--r-pill);
  background:#fff; border:1px solid var(--border);
  font-size:13px; font-weight:600; color:var(--navy);
}
.tp-stats svg{ width:15px; height:15px; color:var(--sky); }
.tp-list{ margin-top:14px; display:grid; gap:9px; max-width:560px; }
.tp-list li{ display:flex; gap:10px; align-items:flex-start; font-size:14.5px; color:var(--text-2); }
.tp-list svg{ width:17px; height:17px; color:var(--sky); flex:none; margin-top:3px; }
.tp-list b{ color:var(--navy); }

/* ==========================================================================
   لماذا/من نحن — وسائط بكشف Clip-path
   ========================================================================== */
.media-clip{
  border-radius:22px; overflow:hidden;
  clip-path:inset(0 0 100% 0 round 22px);
  transition:clip-path 1s var(--elite-ease) .1s;
  will-change:clip-path;
}
.media-clip.is-in{ clip-path:inset(0 0 0 0 round 22px); }
.media-clip svg{ width:100%; height:auto; }

/* ==========================================================================
   خطوات العمل — خط زمني متصل
   ========================================================================== */
.steps--elite{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
  counter-reset:step;
}
@media (max-width:1023px){ .steps--elite{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .steps--elite{ grid-template-columns:1fr; } }
.stepx{
  counter-increment:step; position:relative;
  padding:24px 22px 20px; border-radius:18px;
  background:#fff; border:1px solid var(--border);
  transition:transform .45s var(--elite-spring), box-shadow .45s, border-color .45s;
}
.stepx::before{
  content:counter(step,decimal-leading-zero);
  display:inline-grid; place-items:center;
  min-width:44px; height:44px; padding-inline:8px; border-radius:14px;
  background:linear-gradient(150deg,var(--blue),var(--sky));
  color:#fff; font-weight:700; font-size:16px; margin-bottom:14px;
  box-shadow:0 8px 18px -6px rgba(0,64,128,.4);
  font-variant-numeric:tabular-nums;
}
.stepx:hover{ transform:translateY(-6px); border-color:rgba(16,128,192,.3); box-shadow:0 20px 44px -16px rgba(6,21,34,.18); }
.stepx h3{ font-size:16.5px; margin-bottom:6px; }
.stepx p{ font-size:13.5px; }

/* ==========================================================================
   CTA الختامي — نسخة النخبة
   ========================================================================== */
.cta-band--elite{ position:relative; overflow:hidden; }
.cta-band--elite::before{
  content:""; position:absolute; inset:-30%; pointer-events:none;
  background:conic-gradient(from 0deg at 50% 50%,
    transparent, rgba(121,214,255,.08) 60deg, transparent 120deg,
    transparent 200deg, rgba(16,128,192,.1) 270deg, transparent 320deg);
  animation:heroBeam 30s linear infinite reverse;
}
.cta-inner{ position:relative; z-index:2; text-align:center; max-width:760px; margin-inline:auto; }
.cta-inner .hero__ctas{ justify-content:center; margin-bottom:0; }
.cta-trust{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px 26px; margin-top:30px; }
.cta-trust li{ display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--on-dark-2); }
.cta-trust svg{ width:15px; height:15px; color:var(--focus); }

/* ==========================================================================
   بطاقات الأعمال — توهج عند التحويم
   ========================================================================== */
.work-card{ transition:transform .5s var(--elite-spring), box-shadow .5s, border-color .5s; }
.work-card:hover{ transform:translateY(-7px); box-shadow:0 30px 60px -20px rgba(6,21,34,.28); border-color:rgba(16,128,192,.3); }
.work-card__thumb{ overflow:hidden; }
.work-card__thumb .art{ transition:transform .8s var(--elite-ease); }
.work-card:hover .work-card__thumb .art{ transform:scale(1.05); }

/* ==========================================================================
   شريط الثقة — نبض خفيف
   ========================================================================== */
.trust__items li{ transition:transform .35s var(--elite-spring); }
.trust__items li:hover{ transform:translateY(-3px); }

/* ==========================================================================
   تقليل الحركة
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  .rv{ opacity:1 !important; transform:none !important; clip-path:none !important; filter:none !important; }
  .media-clip{ clip-path:none !important; }
  .mq__track{ animation:none !important; }
  .hero--elite::before,.hero-orb,.hero-scroll i::after,
  .tree-wrap--elite .tree-path--flow,.cta-band--elite::before{ animation:none !important; }
  .tree-svg .tree-path{ stroke-dashoffset:0 !important; }
  .hero-title-line > span{ animation:none !important; transform:none !important; }
  .flow-sec > .container{ transform:none !important; opacity:1 !important; }
}

/* ==========================================================================
   ترقيات المحتوى المرئي — صور الأقسام، شارات عائمة، موسوعة FAQ،
   آراء موسّعة بمواقع جغرافية
   ========================================================================== */

/* ---------- إطارات الصور الاحترافية (من نحن / لماذا المسار الأول) ---------- */
.split__media.media-frame{ position:relative; overflow:visible; border-radius:0; }
.media-frame__clip{
  border-radius:22px; overflow:hidden; position:relative;
  box-shadow:0 34px 70px -26px rgba(6,21,34,.35), 0 0 0 1px rgba(16,128,192,.12);
}
.media-frame__clip::after{ /* لمعان علوي خفيف */
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(160deg,rgba(121,214,255,.14),transparent 34%);
}
.media-frame__img{ width:100%; height:auto; display:block; aspect-ratio:1100/825; object-fit:cover; }

/* شارات عائمة فوق الصورة */
.float-chip{
  position:absolute; z-index:3; display:flex; align-items:center; gap:11px;
  padding:11px 17px; border-radius:15px;
  background:rgba(255,255,255,.94); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(16,128,192,.18);
  box-shadow:0 20px 44px -14px rgba(6,21,34,.32), inset 0 1px 0 #fff;
  opacity:0; transform:translateY(12px);
  animation:chipIn .7s var(--elite-ease) .45s forwards, floatY 6s ease-in-out 1.4s infinite;
}
.float-chip--tr{ top:-16px; inset-inline-end:20px; }
.float-chip--bl{ bottom:-16px; inset-inline-start:20px; animation-delay:.6s, -1.6s; }
.float-chip__ic{
  width:36px; height:36px; border-radius:11px; flex:none;
  display:grid; place-items:center; color:#fff;
  background:linear-gradient(150deg,var(--blue),var(--sky));
  box-shadow:0 8px 16px -6px rgba(0,64,128,.45);
}
.float-chip__ic--sky{ background:linear-gradient(150deg,var(--sky),var(--focus)); }
.float-chip__ic svg{ width:18px; height:18px; }
.float-chip b{ display:block; font-size:16px; color:var(--navy); line-height:1.2; }
.float-chip span{ font-size:12px; color:var(--text-2); }
@keyframes chipIn{ to{ opacity:1; transform:translateY(0); } }
@keyframes floatY{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-7px); } }

/* ---------- بطاقات الأعمال بالصور ---------- */
.work-card__thumb--img{ padding:0; aspect-ratio:16/10; }
.work-card__thumb--img img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--elite-ease); }
.work-card:hover .work-card__thumb--img img{ transform:scale(1.05); }
.work-card__flag{ position:absolute; top:16px; inset-inline-start:16px; box-shadow:0 8px 20px -8px rgba(6,21,34,.35); }

.work-mini{ flex-direction:row; align-items:stretch; }
.work-mini__thumb{ width:210px; flex:none; position:relative; overflow:hidden; }
.work-mini__thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--elite-ease); }
.work-mini:hover .work-mini__thumb img{ transform:scale(1.07); }
@media (max-width:560px){
  .work-mini{ flex-direction:column; }
  .work-mini__thumb{ width:100%; aspect-ratio:16/9; }
}

/* ---------- آراء العملاء: ملخص التقييم + شرائح الموقع ---------- */
.t-summary{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:18px 44px; margin:0 auto 34px; padding:22px 30px;
  background:#fff; border:1px solid var(--border); border-radius:20px;
  box-shadow:0 20px 46px -22px rgba(6,21,34,.16);
  max-width:860px;
}
.t-summary__score{ display:flex; align-items:center; gap:12px; }
.t-summary__score b{ font-size:34px; color:var(--navy); line-height:1; font-variant-numeric:tabular-nums; }
.t-summary__score b em{ font-style:normal; font-size:16px; color:var(--text-2); }
.t-summary__score > span:last-child{ font-size:13px; color:var(--text-2); max-width:150px; line-height:1.5; }
.t-summary__chips{ display:flex; flex-wrap:wrap; gap:8px 20px; }
.t-summary__chips li{ display:flex; align-items:center; gap:7px; font-size:13.5px; font-weight:600; color:var(--text); }
.t-summary__chips svg{ width:16px; height:16px; color:var(--success); }

.t-stars{ color:#F59E0B; font-size:15px; letter-spacing:2.5px; line-height:1; margin-bottom:12px; display:flex; gap:3px; }
.t-loc{
  position:absolute; top:20px; inset-inline-start:22px;
  display:inline-flex; align-items:center; gap:5px;
  font-size:11.5px; font-weight:600; color:var(--text-2);
  background:var(--bg-soft); border:1px solid var(--border);
  padding:4px 11px; border-radius:var(--r-pill);
}
.t-loc svg{ width:12px; height:12px; color:var(--sky); }
.t-card{ padding-top:34px; }
.t-card .t-stars{ margin-top:14px; }
.t-card p{ min-height:118px; }

/* ---------- موسوعة الأسئلة الشائعة ---------- */
.faq-split{ display:grid; grid-template-columns:.88fr 1.12fr; gap:var(--s-7); align-items:start; }
.faq-side{
  position:sticky; top:calc(var(--header-h) + 22px);
  background:#fff; border:1px solid var(--border); border-radius:22px; overflow:hidden;
  box-shadow:0 30px 64px -26px rgba(6,21,34,.22);
}
.faq-side__media{ position:relative; }
.faq-side__media img{ width:100%; height:auto; display:block; aspect-ratio:846/560; object-fit:cover; object-position:top; }
.faq-side__media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top,rgba(6,21,34,.32),transparent 42%);
}
.faq-side__body{ padding:24px 26px 28px; }
.faq-side__body h3{ font-size:19px; margin-bottom:6px; }
.faq-side__body p{ font-size:14px; }
.faq-side__stats{ display:flex; gap:10px; margin:18px 0 20px; }
.faq-side__stats li{
  flex:1; text-align:center; padding:12px 6px; border-radius:14px;
  background:var(--bg-soft); border:1px solid var(--border);
}
.faq-side__stats b{ display:block; font-size:19px; color:var(--sky); line-height:1.2; }
.faq-side__stats span{ font-size:11.5px; color:var(--text-2); line-height:1.4; display:block; margin-top:2px; }

.faq-cat{
  display:flex; align-items:center; gap:12px;
  font-size:17px; color:var(--navy); margin:30px 0 14px;
}
.faq-list > .faq-cat:first-child{ margin-top:0; }
.faq-cat::before{ content:""; width:26px; height:3px; border-radius:3px; background:linear-gradient(90deg,var(--sky),var(--focus)); }
.faq-cat i{
  font-style:normal; font-size:12px; font-weight:700; color:var(--sky);
  background:#E8F3FB; border-radius:var(--r-pill); padding:2px 10px;
}
.acc--faq{ box-shadow:0 14px 34px -18px rgba(6,21,34,.12); }
.acc--faq .acc__btn{ padding:18px 22px; font-size:15.5px; }

@media (max-width:1023px){
  .faq-split{ grid-template-columns:1fr; }
  .faq-side{ position:static; max-width:520px; margin-inline:auto; }
}
@media (max-width:560px){
  .float-chip{ padding:8px 12px; gap:8px; }
  .float-chip b{ font-size:13.5px; }
  .float-chip span{ font-size:11px; }
  .float-chip--tr{ top:-12px; inset-inline-end:10px; }
  .float-chip--bl{ bottom:-12px; inset-inline-start:10px; }
  .t-summary{ gap:14px; padding:18px 20px; }
  .t-card p{ min-height:0; }
}

@media (prefers-reduced-motion:reduce){
  .float-chip{ opacity:1; transform:none; animation:none !important; }
}