/* BUILD 1.0.0 — 2026-07-30 · PESTRA Group (pes / fdest / ies) */


/* ============ pes ============ */
/* SOURCE BUILD 1.1.0 — 2026-07-30 · PESTRA GATEWAY (prefix: pes) */

/* ── 0. TOKENS ─────────────────────────────────────────────── */
:root{
  --pes-bg:#000000;
  --pes-bg-deep:#040A04;
  --pes-fg:#F2F5F3;
  --pes-card:rgba(255,255,255,.04);
  --pes-card-fg:#F2F5F3;
  --pes-muted:rgba(255,255,255,.06);
  --pes-muted-fg:#A9B6AC;
  --pes-border:rgba(255,255,255,.12);

  --pes-primary:#3EB604;
  --pes-primary-fg:#04160A;
  --pes-primary-glow:#66E22B;
  --pes-accent:#EE8E1D;
  --pes-accent-fg:#180D02;
  --pes-blue:#0069B3;
  --pes-blue-glow:#37B6F2;

  --pes-font:"Tajawal","IBM Plex Sans Arabic",system-ui,"Segoe UI",Tahoma,sans-serif;
  --pes-font-display:"Alexandria","Tajawal",system-ui,sans-serif;

  --pes-radius:1rem;
  --pes-radius-lg:1.5rem;
  --pes-max:64rem;
  --pes-pad:1rem;

  --pes-shadow-card:0 26px 55px -24px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.10);
  --pes-shadow-glow:0 34px 70px -26px rgba(0,0,0,1), inset 0 1px 0 rgba(255,255,255,.16);

  --pes-gradient-primary:linear-gradient(135deg,#3EB604,#0069B3);
  --pes-gradient-accent:linear-gradient(135deg,#EE8E1D,#F7C46A);
  --pes-gradient-text-a:linear-gradient(100deg,#66E22B 0%,#3EB604 35%,#37B6F2 100%);
  --pes-gradient-text-b:linear-gradient(100deg,#EE8E1D 0%,#F7C46A 45%,#FFF3E0 100%);
  --pes-notch:polygon(0 0,calc(100% - 1.75rem) 0,100% 1.75rem,100% 100%,0 100%);
  --pes-transition:all .3s cubic-bezier(.4,0,.2,1);
}

/* ── 1. RESET + منع أي سكرول ───────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
/* القفل يُطبَّق فقط على صفحة البوابة (تُضاف الكلاس من الجافاسكريبت) */
html.pes-lock,body.pes-lock{margin:0;padding:0;height:100%;overflow:hidden}
body.pes-lock{background-color:var(--pes-bg);color:var(--pes-fg);font-family:var(--pes-font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}
.pes-gate{font-family:var(--pes-font);-webkit-font-smoothing:antialiased;color:var(--pes-fg)}
[class^="pes-"] img,[class^="pes-"] svg{max-width:100%}
[class^="pes-"] a{text-decoration:none;color:inherit}
[class^="pes-"] p,[class^="pes-"] span{overflow-wrap:anywhere}
[class^="pes-"] h1,[class^="pes-"] h2{font-family:var(--pes-font-display);line-height:1.28;margin:0}
[class^="pes-"] p{line-height:1.9;margin:0}

/* ── 2. الخلفية: أسود × أخضر الشعار + إضاءة ناعمة ──────────── */
.pes-gate{
  position:relative;height:100dvh;height:100svh;min-height:100%;width:100%;
  overflow:hidden;direction:rtl;text-align:center;isolation:isolate;
  display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(62% 46% at 50% 108%,rgba(62,182,4,.34),transparent 68%),
    radial-gradient(46% 34% at 50% -8%,rgba(62,182,4,.15),transparent 70%),
    linear-gradient(180deg,#020402 0%,#000 45%,#020802 100%),
    #000;
}
.pes-mesh,.pes-grid-lines,.pes-noise,.pes-vignette{position:absolute;inset:0;pointer-events:none;z-index:0}
.pes-mesh{
  inset:-12%;
  background:
    radial-gradient(28rem 22rem at 50% 92%,rgba(102,226,43,.20),transparent 62%),
    radial-gradient(24rem 20rem at 16% 74%,rgba(62,182,4,.13),transparent 66%),
    radial-gradient(24rem 20rem at 84% 74%,rgba(62,182,4,.11),transparent 66%);
  animation:pes-mesh-drift 24s ease-in-out infinite alternate;
  will-change:transform;
}
.pes-grid-lines{
  opacity:.11;
  background-image:
    linear-gradient(to right,rgba(255,255,255,.12) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:78px 78px;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0%,transparent 74%);
          mask-image:radial-gradient(circle at 50% 50%,#000 0%,transparent 74%);
}
.pes-noise{
  opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.pes-vignette{background:radial-gradient(circle at 50% 50%,transparent 42%,rgba(0,0,0,.8) 100%)}
@keyframes pes-mesh-drift{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-1.4%,1.2%,0) scale(1.05)}
  100%{transform:translate3d(1.2%,-1%,0) scale(1.02)}
}

/* ── 3. التخطيط: المحتوى في منتصف الشاشة أفقيًا ورأسيًا ────── */
.pes-inner{
  position:relative;z-index:2;
  width:100%;max-width:var(--pes-max);max-height:100%;
  margin-inline:auto;
  padding:clamp(1rem,3vh,2.25rem) clamp(1rem,5vw,2.5rem);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:clamp(1.5rem,5.5vh,3.25rem);
}
.pes-brand{display:flex;justify-content:center;opacity:0;transform:translateY(-26px);animation:pes-logo-in .85s cubic-bezier(.22,1,.36,1) .1s forwards}
.pes-brand img{height:clamp(30px,5vh,52px);width:auto;display:block;filter:drop-shadow(0 8px 30px rgba(62,182,4,.42))}
@keyframes pes-logo-in{to{opacity:1;transform:none}}

.pes-head{max-width:46rem;opacity:0;animation:pes-fade-up .8s cubic-bezier(.22,1,.36,1) .35s forwards}
@keyframes pes-fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.pes-title{
  font-weight:800;color:#fff;
  font-size:clamp(1.5rem,4vw + .5rem,3.1rem);
  line-height:1.32;
}
.pes-title .pes-shift{position:relative;display:inline-grid;vertical-align:baseline}
.pes-title .pes-shift > span{
  grid-area:1/1;
  background-clip:text;-webkit-background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
}
.pes-title .pes-shift-a{background-image:var(--pes-gradient-text-a);animation:pes-cross-a 6.5s ease-in-out infinite}
.pes-title .pes-shift-b{background-image:var(--pes-gradient-text-b);animation:pes-cross-b 6.5s ease-in-out infinite}
@keyframes pes-cross-a{0%,38%{opacity:1}50%,88%{opacity:0}100%{opacity:1}}
@keyframes pes-cross-b{0%,38%{opacity:0}50%,88%{opacity:1}100%{opacity:0}}

.pes-rule{
  display:block;width:4.5rem;height:2px;border-radius:999px;
  margin:clamp(1.2rem,3.6vh,2.1rem) auto clamp(1rem,3vh,1.7rem);
  background:linear-gradient(90deg,transparent,#3EB604,#37B6F2,transparent);
}
.pes-sub{
  color:var(--pes-muted-fg);
  font-size:clamp(.82rem,1vw + .38rem,1.02rem);
  line-height:1.8;
}

/* ── 4. الكروت ─────────────────────────────────────────────── */
.pes-cards{
  width:100%;align-items:stretch;
  display:grid;grid-template-columns:1fr;
  gap:clamp(.85rem,2.4vh,1.4rem);
  justify-items:center;
}
@media (min-width:820px){
  .pes-cards{grid-template-columns:repeat(2,minmax(0,22rem));justify-content:center;gap:clamp(.8rem,1.4vw,1.35rem)}
}
.pes-cards:hover .pes-card:not(:hover){opacity:.6;filter:saturate(.7)}

.pes-card{
  position:relative;display:flex;flex-direction:column;width:100%;max-width:22rem;overflow:hidden;isolation:isolate;
  border-radius:clamp(1rem,1.6vw,1.6rem);
  clip-path:var(--pes-notch);
  border:1px solid var(--pes-border);
  box-shadow:var(--pes-shadow-card);
  color:#fff;opacity:0;
  transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,opacity .4s ease,filter .4s ease;
}
.pes-card--build{
  background:
    radial-gradient(18rem 13rem at 88% 6%,rgba(238,142,29,.42),transparent 62%),
    radial-gradient(14rem 11rem at 12% 104%,rgba(238,142,29,.16),transparent 62%),
    linear-gradient(215deg,#231301 0%,#0B0703 46%,#000 100%);
}
.pes-card--solar{
  background:
    linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.55)),
    radial-gradient(18rem 13rem at 12% 6%,rgba(62,182,4,.34),transparent 62%),
    radial-gradient(15rem 12rem at 92% 96%,rgba(0,105,179,.3),transparent 64%),
    linear-gradient(145deg,#04180A 0%,#03080D 48%,#000 100%);
}
.pes-card--solar .pes-card-body{position:relative}
.pes-card--solar .pes-card-body::before{
  content:"";position:absolute;inset:-1rem -.5rem -1rem -.5rem;z-index:-1;
  background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.35) 60%,transparent);
}
.pes-card::before{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;
  padding:1px;opacity:.8;transition:opacity .35s ease;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
.pes-card--build::before{background:linear-gradient(150deg,rgba(238,142,29,.85),rgba(238,142,29,.12) 45%,rgba(255,255,255,.06))}
.pes-card--solar::before{background:linear-gradient(150deg,rgba(102,226,43,.8),rgba(0,105,179,.55) 48%,rgba(255,255,255,.06))}
.pes-card::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;
  padding:1px;opacity:0;transition:opacity .35s ease;
  background:conic-gradient(from var(--pes-ang,0deg),transparent 0deg,var(--pes-ring) 70deg,transparent 170deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:pes-ring 5s linear infinite;
}
.pes-card--build{--pes-ring:#F7C46A}
.pes-card--solar{--pes-ring:#66E22B}
.pes-card:hover::after,.pes-card:focus-visible::after{opacity:1}
@property --pes-ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes pes-ring{to{--pes-ang:360deg}}

.pes-card-lines{position:absolute;inset:0;z-index:0;pointer-events:none}
.pes-card--build .pes-card-lines{
  opacity:.16;
  background-image:
    linear-gradient(to right,rgba(238,142,29,.55) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(238,142,29,.4) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:linear-gradient(to bottom left,#000,transparent 62%);
          mask-image:linear-gradient(to bottom left,#000,transparent 62%);
}
.pes-card--solar .pes-card-lines{opacity:.26}
.pes-card--solar .pes-card-lines svg{position:absolute;inset:0;width:100%;height:100%}
.pes-flow{stroke:rgba(120,191,69,.42);stroke-width:1;fill:none}
.pes-spark{fill:#9BF25A;filter:drop-shadow(0 0 6px rgba(120,191,69,.95))}
.pes-spark--a{animation:pes-spark-a 5.5s linear infinite}
.pes-spark--b{animation:pes-spark-b 7s linear infinite}
@keyframes pes-spark-a{0%{transform:translateX(0);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateX(-300px);opacity:0}}
@keyframes pes-spark-b{0%{transform:translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(280px);opacity:0}}

.pes-card-body{
  position:relative;z-index:2;flex:1 1 auto;
  display:flex;flex-direction:column;align-items:flex-start;text-align:right;
  gap:clamp(.3rem,.9vh,.6rem);
  padding:clamp(1rem,2vw,1.5rem);
}
.pes-card-body .pes-btn{margin-top:auto}
.pes-chips{min-height:1.55rem}
.pes-eyebrow{
  display:inline-flex;align-items:center;gap:.45rem;
  font-family:var(--pes-font);font-size:clamp(.58rem,.5vw + .36rem,.7rem);font-weight:700;
  padding:.28rem .65rem;border-radius:999px;border:1px solid var(--pes-border);
  background:rgba(0,0,0,.34);
}
.pes-card--build .pes-eyebrow{color:#FFCE8A;border-color:rgba(238,142,29,.42)}
.pes-card--solar .pes-eyebrow{color:#A9E97F;border-color:rgba(120,191,69,.42)}
.pes-eyebrow i{width:.38rem;height:.38rem;border-radius:50%;display:block}
.pes-card--build .pes-eyebrow i{background:var(--pes-accent)}
.pes-card--solar .pes-eyebrow i{background:#78BF45}

.pes-card-title{font-size:clamp(1rem,1.5vw + .4rem,1.55rem);font-weight:700;color:#fff;line-height:1.35}
.pes-card-en{display:block;font-family:var(--pes-font);direction:ltr;text-align:right;font-size:clamp(.56rem,.5vw + .33rem,.72rem);letter-spacing:.05em;color:rgba(255,255,255,.55);margin-top:.2rem}
.pes-card-desc{font-size:clamp(.7rem,.6vw + .38rem,.88rem);color:rgba(255,255,255,.76);line-height:1.75;max-width:32ch}
.pes-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.15rem}
.pes-chip{font-size:clamp(.54rem,.45vw + .32rem,.68rem);padding:.2rem .5rem;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.75)}

.pes-btn{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  margin-top:clamp(.35rem,1vh,.7rem);
  font-family:var(--pes-font);font-weight:700;line-height:1.2;
  font-size:clamp(.68rem,.5vw + .38rem,.88rem);
  padding:clamp(.48rem,1vh,.72rem) clamp(.85rem,1.4vw,1.35rem);
  border:0;border-radius:999px;cursor:pointer;
  transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;
}
.pes-btn svg{width:1.05em;height:1.05em;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2}
.pes-btn-build{background:var(--pes-gradient-accent);color:#160A00;box-shadow:0 10px 26px -12px rgba(238,142,29,.85)}
.pes-btn-build .pes-arrow{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.pes-btn-solar{background:linear-gradient(120deg,#3EB604,#0069B3);color:#fff;box-shadow:0 10px 26px -12px rgba(0,105,179,.9)}
.pes-btn-solar .pes-pulse{position:absolute;inset-block:0;inset-inline-start:-40%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:pes-btn-pulse 3.2s linear infinite}
@keyframes pes-btn-pulse{to{transform:translateX(350%)}}

.pes-card:hover{transform:translateY(-8px) scale(1.014);box-shadow:var(--pes-shadow-glow)}
.pes-card:hover .pes-btn-build .pes-arrow{transform:translateX(-.3rem)}
.pes-card:active{transform:translateY(-3px) scale(.985)}
.pes-card-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-100%)}
.pes-card.is-pressed .pes-card-flash{animation:pes-sweep .45s ease-out}
@keyframes pes-sweep{0%{opacity:1;transform:translateX(-100%)}100%{opacity:0;transform:translateX(100%)}}
.pes-card:focus-visible{outline:2px solid #fff;outline-offset:4px}

.pes-card--build{animation:pes-in-right 1.05s cubic-bezier(.22,1,.36,1) .55s forwards}
.pes-card--solar{animation:pes-in-left 1.05s cubic-bezier(.22,1,.36,1) .68s forwards}
@keyframes pes-in-right{from{opacity:0;transform:translateX(90px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes pes-in-left{from{opacity:0;transform:translateX(-90px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}

/* ── 5. الشاشات القصيرة والصغيرة ───────────────────────────── */
@media (max-height:720px){.pes-inner{gap:clamp(1rem,3.5vh,2rem)}}
@media (max-height:620px){
  .pes-chips{display:none}
  .pes-card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media (max-height:520px){
  .pes-card-desc{display:none}
  .pes-rule{margin-block:.7rem .6rem}
}
@media (max-width:400px){.pes-card-en{display:none}}

/* ── 6. أداء الموبايل + تقليل الحركة ───────────────────────── */
@media (max-width:767px){
  [class^="pes-"]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .pes-mesh{animation-duration:36s}
}
@media (prefers-reduced-motion:reduce){
  .pes-mesh,.pes-spark--a,.pes-spark--b,.pes-btn-solar .pes-pulse,.pes-card::after{animation:none!important}
  .pes-title .pes-shift-a,.pes-title .pes-shift-b{animation:none!important}
  .pes-title .pes-shift-b{opacity:0}
  .pes-brand,.pes-head,.pes-card{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
}

/* ============ fdest ============ */
/* SOURCE BUILD 1.0.0 — 2026-07-30 · HISOON AL-TANMIA (prefix: fdest) */

/* ── 0. TOKENS ─────────────────────────────────────────────── */
:root{
  --fdest-bg:#070A1C;
  --fdest-bg-deep:#0B1130;
  --fdest-fg:#E9ECF7;
  --fdest-card:#0E1533;
  --fdest-card-fg:#E9ECF7;
  --fdest-muted:#131B40;
  --fdest-muted-fg:#9BA6C9;
  --fdest-border:rgba(233,236,247,.14);

  --fdest-primary:#EE8E1D;
  --fdest-primary-fg:#120A01;
  --fdest-primary-glow:#F7B24A;
  --fdest-accent:#F5C06B;
  --fdest-accent-fg:#140C02;
  --fdest-navy:#111554;
  --fdest-steel:#3A4787;

  --fdest-font:"Cairo",system-ui,"Segoe UI",Tahoma,sans-serif;
  --fdest-font-display:"Cairo",system-ui,"Segoe UI",Tahoma,sans-serif;

  --fdest-radius:.5rem;
  --fdest-radius-lg:.75rem;
  --fdest-max:80rem;
  --fdest-max-narrow:64rem;
  --fdest-pad:1rem;
  --fdest-pad-lg:2rem;

  --fdest-shadow-sm:0 1px 3px rgba(0,0,0,.45);
  --fdest-shadow-md:0 4px 14px -4px rgba(0,0,0,.55);
  --fdest-shadow-card:0 18px 40px -18px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.08);
  --fdest-shadow-glow:0 0 45px rgba(238,142,29,.22), 0 24px 50px -18px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.14);

  --fdest-gradient-primary:linear-gradient(135deg,#EE8E1D,#F7B24A);
  --fdest-gradient-accent:linear-gradient(135deg,#F5C06B,#EE8E1D);
  --fdest-notch:polygon(0 0,calc(100% - 1.5rem) 0,100% 1.5rem,100% 100%,0 100%);
  --fdest-transition:all .3s cubic-bezier(.4,0,.2,1);
}

/* ── 1. الأساس + دفاع السكرول الأفقي ───────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden}
body.fdest-page{background-color:var(--fdest-bg);color:var(--fdest-fg)}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body.fdest-page{
  font-family:var(--fdest-font);-webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(circle at 18% 6%,rgba(17,21,84,.55),transparent 48%),
    radial-gradient(circle at 86% 92%,rgba(238,142,29,.10),transparent 52%);
  background-attachment:fixed;background-repeat:no-repeat;
}
.fdest-section,.fdest-hero,.fdest-header,.fdest-footer,.fdest-cta,.fdest-contact,.fdest-marquee{max-width:100%;overflow-x:clip}
[class^="fdest-"] img,[class^="fdest-"] svg,[class^="fdest-"] iframe{max-width:100%}
[class^="fdest-"] img{height:auto}
[class^="fdest-"] input,[class^="fdest-"] textarea,[class^="fdest-"] select,[class^="fdest-"] button{max-width:100%}
[class^="fdest-"] input,[class^="fdest-"] textarea,[class^="fdest-"] select{width:100%}
[class^="fdest-"] p,[class^="fdest-"] a,[class^="fdest-"] span,[class^="fdest-"] li{overflow-wrap:anywhere}
[class^="fdest-"] a{text-decoration:none;color:inherit}
[class^="fdest-"] ul,[class^="fdest-"] ol{list-style:none;margin:0;padding:0}
[class*="-grid"]>*,.fdest-form-row>*,.fdest-form-field{min-width:0;max-width:100%}
.fdest-honeypot{position:absolute!important;inset-inline-start:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

[class^="fdest-"] h1,[class^="fdest-"] h2,[class^="fdest-"] h3,[class^="fdest-"] h4{font-family:var(--fdest-font-display);line-height:1.2;margin:0;font-weight:700}
[class^="fdest-"] p,[class^="fdest-"] li{line-height:1.9;margin:0}
.fdest-ltr{direction:ltr;unicode-bidi:embed;display:inline-block}
.fdest-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ── 2. تخطيط ──────────────────────────────────────────────── */
.fdest-container{width:100%;max-width:var(--fdest-max);margin-inline:auto;padding-inline:var(--fdest-pad)}
@media (min-width:768px){.fdest-container{padding-inline:var(--fdest-pad-lg)}}
.fdest-section{position:relative;z-index:1;padding-block:4rem;direction:rtl;text-align:right}
@media (min-width:768px){.fdest-section{padding-block:6rem}}
.fdest-section--deep{background:var(--fdest-bg-deep)}
.fdest-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:520px){.fdest-cols-2,.fdest-cols-3,.fdest-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.fdest-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.fdest-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* شبكة بلوبرنت خافتة كخلفية سكشن */
.fdest-blueprint::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:
    linear-gradient(to right,rgba(58,71,135,.30) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(58,71,135,.30) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse at 70% 0%,#000,transparent 72%);
          mask-image:radial-gradient(ellipse at 70% 0%,#000,transparent 72%);
}

/* ── 3. رأس السكشن (مصدر واحد للإيقاع) ─────────────────────── */
.fdest-section-head.fdest-section-head{margin-bottom:3rem;position:relative;z-index:1}
.fdest-section-head.fdest-section-head .fdest-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .75rem;
  font-family:var(--fdest-font);font-size:.75rem;font-weight:700;color:var(--fdest-accent);
}
.fdest-eyebrow::before{content:"";width:1.75rem;height:2px;background:var(--fdest-gradient-accent);display:block}
.fdest-section-head.fdest-section-head .fdest-section-title{margin:0 0 1rem;font-size:1.875rem}
@media (min-width:768px){.fdest-section-head.fdest-section-head .fdest-section-title{font-size:2.25rem}}
.fdest-section-head.fdest-section-head .fdest-head-rule{display:block;width:6rem;height:.25rem;margin:0 0 1.25rem;border-radius:999px;background:var(--fdest-gradient-accent)}
.fdest-section-head.fdest-section-head .fdest-section-desc{margin:0;max-width:44rem;color:var(--fdest-muted-fg)}
.fdest-head-split{display:grid;gap:1rem;align-items:end}
@media (min-width:900px){.fdest-head-split{grid-template-columns:1.15fr .85fr;gap:3rem}.fdest-head-split .fdest-section-desc{padding-bottom:.4rem}}

/* ── 4. أزرار ──────────────────────────────────────────────── */
.fdest-btn{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-family:var(--fdest-font);font-weight:700;font-size:.95rem;line-height:1.2;
  padding:.85rem 1.9rem;border:0;cursor:pointer;white-space:nowrap;
  clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,0 100%);
  transition:var(--fdest-transition);
}
.fdest-btn svg{width:1.05em;height:1.05em;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}
a.fdest-btn.fdest-btn-primary,button.fdest-btn.fdest-btn-primary,.fdest-btn.fdest-btn-primary[class]{
  background:var(--fdest-gradient-primary)!important;color:var(--fdest-primary-fg)!important;
  box-shadow:0 10px 26px -12px rgba(238,142,29,.85);
}
a.fdest-btn.fdest-btn-primary:hover,button.fdest-btn.fdest-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(238,142,29,1)}
.fdest-btn.fdest-btn-primary *{color:var(--fdest-primary-fg)!important}
a.fdest-btn.fdest-btn-outline,.fdest-btn.fdest-btn-outline[class]{
  background:transparent!important;color:var(--fdest-fg)!important;
  border:1px solid var(--fdest-border)!important;
}
a.fdest-btn.fdest-btn-outline:hover{border-color:var(--fdest-primary)!important;color:var(--fdest-primary)!important}
.fdest-btn-block{width:100%}
.fdest-btn-primary::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.32) 50%,transparent 70%);
  transform:translateX(-110%);transition:transform .6s ease;
}
.fdest-btn-primary:hover::after{transform:translateX(110%)}
.fdest-btn-primary:hover svg{transform:translateX(-.3rem)}
.fdest-btn svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.fdest-btn:active{transform:translateY(0) scale(.97)}
.fdest-btn-pulse{animation:fdest-glow-pulse 2.8s ease-in-out infinite}
@keyframes fdest-glow-pulse{
  0%,100%{box-shadow:0 10px 26px -12px rgba(238,142,29,.85),0 0 0 0 rgba(238,142,29,.45)}
  50%{box-shadow:0 14px 30px -12px rgba(238,142,29,1),0 0 0 12px rgba(238,142,29,0)}
}
.fdest-btn-outline{position:relative}
.fdest-btn-outline::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(238,142,29,.18),transparent 60%);opacity:0;transition:opacity .35s ease}
.fdest-btn-outline:hover::before{opacity:1}
.fdest-btn-outline:hover{transform:translateY(-2px)}
.fdest-btn:focus-visible{outline:2px solid var(--fdest-accent);outline-offset:3px}

/* رابط نصي بخط هندسي */
.fdest-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:var(--fdest-primary);position:relative;padding-bottom:.25rem}
.fdest-link svg{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.fdest-link::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:inline-start;transition:transform .35s ease}
.fdest-link:hover::after{transform:scaleX(1)}
.fdest-link:hover svg{transform:translateX(-.25rem)}

/* ── 5. الكروت + التوقيع البصري (قصّة زاوية + corner ticks) ── */
.fdest-card{
  position:relative;display:flex;flex-direction:column;gap:.85rem;height:100%;
  padding:1.6rem;background:var(--fdest-card);color:var(--fdest-card-fg);
  border:1px solid var(--fdest-border);border-top:2px solid rgba(238,142,29,.35);
  clip-path:var(--fdest-notch);
  box-shadow:var(--fdest-shadow-card);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;
}
.fdest-card::before,.fdest-card::after{
  content:"";position:absolute;width:.9rem;height:.9rem;pointer-events:none;
  border-color:var(--fdest-primary);opacity:0;transition:opacity .35s ease,transform .35s ease;
}
.fdest-card::before{inset-inline-start:.6rem;top:.6rem;border-top:2px solid;border-inline-start:2px solid;transform:translate(4px,4px)}
.fdest-card::after{inset-inline-start:.6rem;bottom:.6rem;border-bottom:2px solid;border-inline-start:2px solid;transform:translate(4px,-4px)}
.fdest-card:hover{transform:translateY(-6px);border-top-color:var(--fdest-primary);box-shadow:var(--fdest-shadow-glow)}
.fdest-card:hover::before,.fdest-card:hover::after{opacity:.85;transform:translate(0,0)}
.fdest-card-title{font-size:1.15rem;font-weight:700;margin:0}
.fdest-card-desc{color:var(--fdest-muted-fg);margin:0;font-size:.92rem}

.fdest-icon-chip{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:3.1rem;height:3.1rem;
  background:linear-gradient(140deg,rgba(238,142,29,.2),rgba(238,142,29,.06));
  border:1px solid rgba(238,142,29,.4);
  color:var(--fdest-primary);
  clip-path:polygon(0 0,calc(100% - .55rem) 0,100% .55rem,100% 100%,0 100%);
  transition:var(--fdest-transition);
}
.fdest-icon-chip svg{width:1.5rem;height:1.5rem;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:inherit}
.fdest-card:hover .fdest-icon-chip{background:var(--fdest-gradient-primary);color:var(--fdest-primary-fg);border-color:transparent}

/* ── 6. الهيدر ─────────────────────────────────────────────── */
.fdest-header{
  position:fixed;inset-inline:0;top:0;z-index:60;direction:rtl;
  transition:background-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;
}
.fdest-header.is-scrolled{background:rgba(7,10,28,.92);box-shadow:0 10px 30px -18px rgba(0,0,0,1);border-bottom:1px solid var(--fdest-border)}
.fdest-header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding-block:.75rem}
.fdest-logo{display:flex;align-items:center;gap:.6rem}
.fdest-logo img{height:54px;width:auto;display:block}
.fdest-logo b{font-family:var(--fdest-font-display);font-size:.95rem;color:#fff;display:none}
@media (min-width:480px){.fdest-logo b{display:block}}
.fdest-nav{display:none;gap:1.4rem;align-items:center;justify-content:center}
@media (min-width:1024px){.fdest-nav{display:flex}}
.fdest-nav-link{font-size:.9rem;font-weight:700;color:var(--fdest-fg);opacity:.86;position:relative;padding-block:.35rem;transition:color .3s ease,opacity .3s ease}
.fdest-nav-link::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:2px;width:100%;background:var(--fdest-gradient-primary);transform:scaleX(0);transform-origin:inline-start;transition:transform .3s ease}
.fdest-nav-link:hover{color:var(--fdest-primary);opacity:1}
.fdest-nav-link:hover::after{transform:scaleX(1)}
.fdest-header-end{display:flex;align-items:center;gap:.6rem;justify-content:flex-end}
.fdest-header-cta{display:none}
@media (min-width:768px){.fdest-header-cta{display:inline-flex;padding:.65rem 1.35rem;font-size:.85rem}}
.fdest-burger{
  display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;padding:0 10px;background:transparent;border:1px solid var(--fdest-border);cursor:pointer;
}
@media (min-width:1024px){.fdest-burger{display:none}}
.fdest-burger span{display:block;height:2px;width:100%;background:var(--fdest-fg);transition:transform .3s ease,opacity .3s ease}
.fdest-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.fdest-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.fdest-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.fdest-mobile-menu{background:#0A0F26;border-top:1px solid var(--fdest-border);padding:1rem var(--fdest-pad) 1.5rem}
.fdest-mobile-menu a{display:block;padding:.75rem 0;font-weight:700;color:#E9ECF7;border-bottom:1px solid rgba(233,236,247,.08)}
.fdest-mobile-menu .fdest-btn{margin-top:1rem;width:100%}

/* ── 7. الهيرو ─────────────────────────────────────────────── */
.fdest-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-block:8rem 4rem;direction:rtl;text-align:right;overflow:hidden}
.fdest-hero-media{position:absolute;inset:0;z-index:0}
.fdest-hero-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.05)}
.fdest-hero-scrim{position:absolute;inset:0;z-index:1;background:
  linear-gradient(260deg,rgba(7,10,28,.55) 0%,rgba(7,10,28,.93) 58%,rgba(7,10,28,.99) 100%),
  linear-gradient(to top,rgba(7,10,28,1) 2%,transparent 45%),
  radial-gradient(26rem 22rem at 88% 22%,rgba(238,142,29,.28),transparent 65%)}
.fdest-hero-lines{position:absolute;inset:0;z-index:1;opacity:.35;
  background-image:linear-gradient(to right,rgba(58,71,135,.5) 1px,transparent 1px),linear-gradient(to bottom,rgba(58,71,135,.5) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(to left,#000,transparent 70%);mask-image:linear-gradient(to left,#000,transparent 70%)}
.fdest-hero-body{position:relative;z-index:2;max-width:44rem}
.fdest-hero-eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;
  padding:.4rem .95rem;font-size:.78rem;font-weight:700;color:var(--fdest-accent);
  border:1px solid rgba(245,192,107,.35);background:rgba(238,142,29,.08);
  clip-path:polygon(0 0,calc(100% - .5rem) 0,100% .5rem,100% 100%,0 100%);
}
.fdest-hero-eyebrow i{width:.45rem;height:.45rem;background:var(--fdest-primary);display:block}
.fdest-hero-title{font-size:2.55rem;line-height:1.25;color:#fff;font-weight:700}
@media (min-width:768px){.fdest-hero-title{font-size:3.7rem}}
@media (min-width:1200px){.fdest-hero-title{font-size:4.5rem}}
.fdest-hero-title em{
  font-style:normal;display:block;
  background-image:linear-gradient(100deg,#EE8E1D 0%,#F7B24A 22%,#FFF3E0 42%,#F7B24A 62%,#EE8E1D 82%,#F7B24A 100%);
  background-size:260% 100%;background-position:0% 50%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:fdest-title-flow 7s linear infinite;
  filter:drop-shadow(0 6px 26px rgba(238,142,29,.28));
}
@keyframes fdest-title-flow{to{background-position:260% 50%}}
.fdest-hero-title .fdest-thin{font-weight:400;color:rgba(255,255,255,.9)}
.fdest-hero-sub{margin-top:1.5rem;max-width:38rem;color:#C4CCE6;font-size:1rem}
@media (min-width:768px){.fdest-hero-sub{font-size:1.075rem}}
.fdest-hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}
.fdest-hero-trust{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid var(--fdest-border)}
.fdest-hero-trust span{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;color:#AFB9D8;font-weight:700}
.fdest-hero-trust span::before{content:"";width:.4rem;height:.4rem;background:var(--fdest-primary);display:block}
.fdest-hero-stack{position:absolute;inset-inline-start:clamp(1rem,4vw,4rem);bottom:3rem;z-index:2;display:none}
@media (min-width:1100px){.fdest-hero-stack{display:block}}
.fdest-hero-stack svg{width:150px;height:auto;color:rgba(238,142,29,.5)}

/* ── 8. شريط الثقة ─────────────────────────────────────────── */
.fdest-trust{background:linear-gradient(180deg,var(--fdest-bg-deep),var(--fdest-bg));border-block:1px solid var(--fdest-border)}
.fdest-trust-grid{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:480px){.fdest-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.fdest-trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fdest-trust-item{display:flex;gap:.9rem;align-items:flex-start;padding-inline-start:1rem;border-inline-start:2px solid rgba(238,142,29,.4)}
.fdest-trust-item p{font-size:.9rem;color:#C6CDE6}
.fdest-trust-num{font-family:var(--fdest-font-display);font-size:1.5rem;color:rgba(238,142,29,.75);line-height:1;flex:0 0 auto;white-space:nowrap}
.fdest-trust-item p{flex:1 1 auto;min-width:0}

/* ── ألوان الخلفيات: جريديانت واحد داكن (كحلي + أورنج) + سكشن فاتح ── */
.fdest-section.fdest-section--dark{
  background:
    radial-gradient(42rem 24rem at 88% 2%,rgba(238,142,29,.16),transparent 62%),
    radial-gradient(30rem 20rem at 6% 98%,rgba(238,142,29,.09),transparent 60%),
    linear-gradient(180deg,#070A1C 0%,#0D0F27 55%,#070A1C 100%);
  border-block:1px solid rgba(238,142,29,.18);
}
.fdest-section.fdest-section--light{
  background:
    radial-gradient(38rem 22rem at 88% 0%,rgba(238,142,29,.16),transparent 60%),
    linear-gradient(180deg,#FAF5EC 0%,#F3E9D8 55%,#EFE2CC 100%);
  color:#12173A;
  border-block:1px solid rgba(238,142,29,.3);
}
.fdest-section--light .fdest-section-title,
.fdest-section--light .fdest-step h3,
.fdest-section--light .fdest-card-title,
.fdest-section--light .fdest-mini-item h3,
.fdest-section--light h2,
.fdest-section--light h3,
.fdest-section--light h4{color:#0E1233!important}
.fdest-section--light p,
.fdest-section--light .fdest-section-desc,
.fdest-section--light .fdest-step p,
.fdest-section--light .fdest-card-desc,
.fdest-section--light li{color:#4E5578!important}
.fdest-section--light .fdest-eyebrow{color:#A8630A}
.fdest-section--light .fdest-eyebrow::before{background:linear-gradient(135deg,#B26A05,#EE8E1D)}
.fdest-section--light .fdest-head-rule{background:linear-gradient(135deg,#EE8E1D,#B26A05)}
.fdest-section--light .fdest-steps::before{background:linear-gradient(to left,transparent,rgba(178,106,5,.5),transparent)!important}
.fdest-section--light .fdest-step-num{border-color:rgba(255,255,255,.75);box-shadow:0 12px 26px -12px rgba(178,106,5,.7)}
.fdest-section--light .fdest-btn-outline{color:#12173A!important;border-color:rgba(18,23,58,.22)!important}
.fdest-section--light .fdest-ring-nav{color:#12173A;border-color:rgba(18,23,58,.22)}
.fdest-section--light .fdest-ring-hint{color:#5A6180}
.fdest-section--light .fdest-marquee-item{border:0;box-shadow:none}
.fdest-section--light .fdest-link{color:#A8630A}
/* كروت الكاروسيل تفضل داكنة بنص أبيض حتى داخل السكشن الفاتح */
.fdest-section--light .fdest-ring-cap h3{color:#fff!important}
.fdest-section--light .fdest-ring-desc{color:#C6CDE6!important}
.fdest-section--light .fdest-ring-more{color:var(--fdest-primary)!important}
.fdest-section--light .fdest-ring-index{color:rgba(238,142,29,.85)}

/* ── 9. من نحن ─────────────────────────────────────────────── */
.fdest-about-grid{display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr);align-items:center}
@media (min-width:1000px){.fdest-about-grid{grid-template-columns:1.15fr .85fr;gap:4rem}}
.fdest-about-media{position:relative}
.fdest-about-media .fdest-frame{position:absolute;inset:0;border:1px solid rgba(238,142,29,.55);transform:translate(-1rem,1rem);pointer-events:none;z-index:0}
.fdest-about-media figure{position:relative;z-index:1;margin:0;overflow:hidden;clip-path:var(--fdest-notch)}
.fdest-about-media img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3/2;transition:transform .8s ease;filter:grayscale(.25)}
.fdest-about-media:hover img{transform:scale(1.05)}
.fdest-about-badge{
  position:absolute;z-index:2;inset-block-end:-1.25rem;inset-inline-end:-.5rem;
  background:var(--fdest-gradient-primary);color:var(--fdest-primary-fg);
  padding:.9rem 1.25rem;box-shadow:var(--fdest-shadow-md);
  clip-path:polygon(0 0,calc(100% - .6rem) 0,100% .6rem,100% 100%,0 100%);
}
.fdest-about-badge b{display:block;font-family:var(--fdest-font-display);font-size:1.05rem;line-height:1.2}
.fdest-about-badge span{font-size:.72rem;font-weight:700;opacity:.8}
.fdest-mini{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);margin-top:2rem}
@media (min-width:560px){.fdest-mini{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fdest-mini-item{padding-inline-start:.9rem;border-inline-start:2px solid rgba(245,192,107,.35)}
.fdest-mini-item h3{font-size:1rem;margin-bottom:.35rem;color:#fff}
.fdest-mini-item p{font-size:.85rem;color:var(--fdest-muted-fg);line-height:1.8}

/* ── 10. الرؤية ────────────────────────────────────────────── */
.fdest-vision{position:relative;background:var(--fdest-bg-deep);overflow:hidden}
.fdest-vision-inner{position:relative;z-index:1;max-width:var(--fdest-max-narrow);margin-inline:auto}
.fdest-vision-mark{
  position:absolute;z-index:0;inset-inline-end:-2rem;top:50%;transform:translateY(-50%);
  font-family:var(--fdest-font-display);font-size:clamp(7rem,22vw,18rem);line-height:1;
  color:rgba(238,142,29,.06);pointer-events:none;user-select:none;
}
.fdest-vision p{color:#C6CDE6;font-size:1rem}
.fdest-vision p + p{margin-top:1.25rem}

/* ── 11. الخدمات ───────────────────────────────────────────── */
.fdest-service{gap:1rem}
.fdest-service .fdest-card-desc{flex:1}
.fdest-service-index{
  position:absolute;inset-block-start:1.1rem;inset-inline-end:1.25rem;
  font-family:var(--fdest-font-display);font-size:2.4rem;line-height:1;
  color:rgba(238,142,29,.14);pointer-events:none;
}
.fdest-service .fdest-link{margin-top:.35rem}


/* ── 11b. كاروسيل مجالات العمل 3D ──────────────────────────── */
.fdest-align-center.fdest-align-center{text-align:center}
.fdest-align-center.fdest-align-center .fdest-eyebrow{justify-content:center}
.fdest-align-center.fdest-align-center .fdest-head-rule{margin-inline:auto}
.fdest-align-center.fdest-align-center .fdest-section-desc{margin-inline:auto}

.fdest-ring{position:relative;text-align:center}
.fdest-ring{position:relative;z-index:0;isolation:isolate}
.fdest-ring-stage{
  position:relative;height:30rem;padding-block:1rem;contain:paint;transform:translateZ(0);
  display:flex;align-items:center;justify-content:center;
  perspective:1700px;overflow:hidden;
  cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);
          mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);
}
.fdest-ring-stage.is-drag{cursor:grabbing}
.fdest-ring-track{
  position:relative;width:var(--cw,2400px);height:100%;
  transform-style:preserve-3d;transform:rotateY(var(--rot,0deg));will-change:transform;
}
.fdest-ring-face{
  position:absolute;top:50%;left:50%;
  width:var(--fw,280px);height:var(--fh,330px);
  margin-left:calc(var(--fw,280px) / -2);margin-top:calc(var(--fh,330px) / -2);
  transform:rotateY(calc(var(--n) * var(--step,36deg))) translateZ(var(--rad,420px));
  overflow:hidden;cursor:pointer;backface-visibility:hidden;
  clip-path:var(--fdest-notch);
  border:1px solid var(--fdest-border);background:var(--fdest-card);
  box-shadow:var(--fdest-shadow-card);
  transition:box-shadow .4s ease,filter .4s ease;
}
.fdest-ring-face img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.28) contrast(1.05);transition:filter .5s ease,transform 1s ease}
.fdest-ring-face:hover img{filter:grayscale(0) contrast(1.06);transform:scale(1.05)}
.fdest-ring-face:hover{box-shadow:0 0 40px rgba(238,142,29,.28),0 22px 46px -18px rgba(0,0,0,.95)}
.fdest-ring-face::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(7,10,28,.9) 34%,rgba(7,10,28,.35) 62%,rgba(7,10,28,.06) 100%)}
.fdest-ring-index{position:absolute;z-index:3;top:.7rem;inset-inline-end:.9rem;font-family:var(--fdest-font-display);font-size:1.5rem;line-height:1;color:rgba(238,142,29,.75)}
.fdest-ring-icon{position:absolute;z-index:3;top:.7rem;inset-inline-start:.9rem;width:2.3rem;height:2.3rem;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,rgba(238,142,29,.3),rgba(238,142,29,.1));border:1px solid rgba(238,142,29,.45);color:var(--fdest-primary);
  clip-path:polygon(0 0,calc(100% - .45rem) 0,100% .45rem,100% 100%,0 100%)}
.fdest-ring-icon svg{width:1.15rem;height:1.15rem;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fdest-ring-cap{position:absolute;z-index:3;inset-inline:0;bottom:0;padding:1.25rem 1.2rem 1.4rem;text-align:right;display:flex;flex-direction:column;gap:.4rem;
  background:linear-gradient(to top,rgba(6,8,22,.99) 60%,rgba(6,8,22,.9) 82%,rgba(6,8,22,.2) 100%)}
.fdest-ring-cap h3{font-size:1rem;color:#fff;line-height:1.5;margin:0}
.fdest-ring-desc{font-size:.78rem;color:#C6CDE6;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fdest-ring-more{font-size:.75rem;color:var(--fdest-primary);font-weight:700;display:inline-flex;align-items:center;gap:.3rem}
.fdest-ring-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}
.fdest-ring-nav{width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;
  border:1px solid var(--fdest-border);color:var(--fdest-fg);cursor:pointer;transition:var(--fdest-transition);
  clip-path:polygon(0 0,calc(100% - .45rem) 0,100% .45rem,100% 100%,0 100%)}
.fdest-ring-nav:hover{background:var(--fdest-gradient-primary);color:var(--fdest-primary-fg);border-color:transparent;transform:translateY(-2px)}
.fdest-ring-nav svg{width:1.15rem;height:1.15rem;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fdest-ring-hint{font-size:.78rem;color:var(--fdest-muted-fg)}

/* ── 12. لماذا نحن ─────────────────────────────────────────── */
.fdest-why-item{display:flex;gap:1rem;padding:1.4rem 1.25rem;background:rgba(255,255,255,.025);border:1px solid var(--fdest-border);border-top:2px solid rgba(238,142,29,.3);transition:var(--fdest-transition);height:100%}
.fdest-why-item:hover{background:rgba(238,142,29,.06);border-top-color:var(--fdest-primary);transform:translateY(-4px)}
.fdest-why-num{font-family:var(--fdest-font-display);font-size:1.6rem;color:var(--fdest-primary);line-height:1;opacity:.9;flex:0 0 auto;white-space:nowrap}
.fdest-why-item>div{flex:1 1 auto;min-width:0}
.fdest-why-item h3{font-size:1.02rem;margin-bottom:.35rem;color:#fff}
.fdest-why-item p{font-size:.86rem;color:var(--fdest-muted-fg);line-height:1.8}

/* ── 13. خطوات التنفيذ ─────────────────────────────────────── */
.fdest-steps{position:relative;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){
  .fdest-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
  .fdest-steps::before{content:"";position:absolute;inset-inline:2rem;top:2.1rem;height:1px;background:linear-gradient(to left,transparent,rgba(238,142,29,.45),transparent)}
}
.fdest-step{position:relative;text-align:center;padding:0 .5rem}
@media (max-width:1023px){
  .fdest-step{text-align:right;padding-inline-start:3.5rem}
  .fdest-steps::before{content:"";position:absolute;inset-inline-start:1.35rem;top:1rem;bottom:1rem;width:1px;background:linear-gradient(to bottom,transparent,rgba(238,142,29,.45),transparent)}
}
.fdest-step-num{
  position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;
  width:2.75rem;height:2.75rem;margin-bottom:1rem;
  font-family:var(--fdest-font-display);font-size:.95rem;font-weight:700;
  background:var(--fdest-gradient-primary);border:1px solid rgba(255,255,255,.25);color:var(--fdest-primary-fg);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  box-shadow:0 10px 26px -12px rgba(238,142,29,.9);
  transition:var(--fdest-transition);
}
@media (max-width:1023px){.fdest-step-num{position:absolute;inset-inline-start:0;top:0;margin:0}}
.fdest-step:hover .fdest-step-num{transform:translateY(-4px) scale(1.06);box-shadow:0 16px 34px -12px rgba(238,142,29,1)}
.fdest-step h3{font-size:1rem;margin-bottom:.4rem;color:#fff}
.fdest-step p{font-size:.84rem;color:var(--fdest-muted-fg);line-height:1.8}

/* ── 14. المشاريع ──────────────────────────────────────────── */
.fdest-project{position:relative;display:block;overflow:hidden;background:var(--fdest-card);border:1px solid var(--fdest-border);clip-path:var(--fdest-notch);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;height:100%}
.fdest-project:hover{transform:translateY(-6px);box-shadow:var(--fdest-shadow-glow)}
.fdest-project-media{position:relative;overflow:hidden;aspect-ratio:4/3}
.fdest-project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease;filter:grayscale(.15)}
.fdest-project:hover .fdest-project-media img{transform:scale(1.07)}
.fdest-project-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,21,51,.96) 6%,rgba(14,21,51,.15) 60%,transparent)}
.fdest-project-tag{position:absolute;z-index:2;top:.85rem;inset-inline-end:.85rem;font-size:.7rem;font-weight:700;padding:.28rem .65rem;background:rgba(238,142,29,.92);color:#150B01}
.fdest-project-body{padding:1.3rem 1.4rem 1.5rem}
.fdest-project-body h3{font-size:1.05rem;color:#fff;margin-bottom:.6rem;line-height:1.5}
.fdest-project-meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.8rem;color:var(--fdest-muted-fg)}
.fdest-project-meta b{color:var(--fdest-accent);font-weight:700}

/* ── 15. العملاء (مارکي 4 مجموعات) ─────────────────────────── */
.fdest-marquee{overflow:hidden;direction:ltr;padding-block:.5rem;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.fdest-marquee-track{display:flex;width:max-content;animation:fdest-marquee 42s linear infinite}
.fdest-marquee-group{display:flex;flex-shrink:0}
.fdest-marquee-item{flex:0 0 auto;width:9.5rem;height:6rem;margin-inline:.85rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:.5rem;transition:var(--fdest-transition)}
.fdest-marquee-item:hover{transform:translateY(-4px) scale(1.04)}
.fdest-marquee-item img{max-height:100%;width:auto;object-fit:contain}
.fdest-marquee:hover .fdest-marquee-track{animation-play-state:paused}
@keyframes fdest-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fdest-clients-grid{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr);align-items:center}
@media (min-width:900px){.fdest-clients-grid{grid-template-columns:.8fr 1.2fr;gap:3rem}}


/* شعارات العملاء — معرفة مرة واحدة لتفادي تكرار الصور */
.fdest-marquee-item[class*='fdest-cl']{background-repeat:no-repeat;background-position:center;background-size:contain}
.fdest-cl1{background-image:url('../images/f_client1.png')}
.fdest-cl2{background-image:url('../images/f_client2.png')}
.fdest-cl3{background-image:url('../images/f_client3.png')}
.fdest-cl5{background-image:url('../images/f_client5.png')}
.fdest-cl6{background-image:url('../images/f_client6.png')}
.fdest-cl7{background-image:url('../images/f_client7.png')}
.fdest-cl8{background-image:url('../images/f_client8.png')}
.fdest-cl9{background-image:url('../images/f_client9.png')}
.fdest-cl10{background-image:url('../images/f_client10.png')}
.fdest-cl11{background-image:url('../images/f_client11.png')}
.fdest-cl12{background-image:url('../images/f_client12.png')}
.fdest-cl13{background-image:url('../images/f_client13.png')}

/* ── 16. CTA ───────────────────────────────────────────────── */
.fdest-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#111554,#0A0E28);border-block:1px solid var(--fdest-border);padding-block:4.5rem;direction:rtl}
.fdest-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(30rem 22rem at 82% 20%,rgba(238,142,29,.28),transparent 62%)}
.fdest-cta-inner{position:relative;z-index:1;max-width:var(--fdest-max-narrow);margin-inline:auto;text-align:center}
.fdest-cta h2{font-size:1.75rem;color:#fff;margin-bottom:1rem}
@media (min-width:768px){.fdest-cta h2{font-size:2.4rem}}
.fdest-cta p{color:#C6CDE6;max-width:40rem;margin-inline:auto}
.fdest-cta-actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-top:2rem}

/* ── 17. النموذج ───────────────────────────────────────────── */
.fdest-contact,.fdest-contact *{min-width:0}
.fdest-contact{overflow-x:clip}
.fdest-contact-grid{display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:1000px){.fdest-contact-grid{grid-template-columns:.75fr 1.25fr;gap:3.5rem}}
.fdest-info-item{display:flex;gap:.9rem;align-items:flex-start;padding-block:1rem;border-bottom:1px solid var(--fdest-border)}
.fdest-info-item span{font-size:.72rem;color:var(--fdest-muted-fg);display:block;margin-bottom:.15rem;font-weight:700}
.fdest-info-item b{font-size:.95rem;color:#fff;font-weight:700}
.fdest-info-icon{color:var(--fdest-primary);display:inline-flex}
.fdest-info-icon svg{width:1.25rem;height:1.25rem;stroke:currentColor;fill:none;stroke-width:1.6}
.fdest-form{background:var(--fdest-card);border:1px solid var(--fdest-border);padding:1.75rem;clip-path:var(--fdest-notch)}
@media (min-width:768px){.fdest-form{padding:2.25rem}}
.fdest-form-row{display:grid;gap:1.1rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.fdest-form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.fdest-form-field{margin-bottom:1.1rem}
.fdest-form-field label{display:block;margin-bottom:.45rem;font-size:.72rem;font-weight:700;color:var(--fdest-muted-fg)}
.fdest-form-field input,.fdest-form-field textarea,.fdest-form-field select{
  padding:.8rem 1rem;border:1px solid var(--fdest-border);border-radius:var(--fdest-radius);
  background:#0A0F28;color:var(--fdest-fg);font:inherit;font-size:.9rem;transition:border-color .3s ease,box-shadow .3s ease;
}
.fdest-form-field select{-webkit-appearance:none;appearance:none;color-scheme:dark;background-color:#0A0F28}
.fdest-form-field textarea{min-height:7.5rem;resize:vertical}
.fdest-form-field :is(input,textarea,select):focus{outline:0;border-color:var(--fdest-primary);box-shadow:0 0 0 3px rgba(238,142,29,.16)}
.fdest-form-field input[type="file"]{padding:.6rem;font-size:.8rem}
.fdest-req{color:var(--fdest-primary)}
.fdest-form-notice{display:none;margin-top:1rem;padding:.9rem 1.1rem;border-radius:var(--fdest-radius);font-size:.9rem}
.fdest-form-notice.is-ok{display:block;background:rgba(22,163,74,.14);color:#4ADE80}
.fdest-form-notice.is-err{display:block;background:rgba(220,38,38,.14);color:#F87171}
.fdest-form-foot{margin-top:1rem;font-size:.8rem;color:var(--fdest-muted-fg);text-align:center}

/* ── 18. الفوتر ────────────────────────────────────────────── */
.fdest-footer{position:relative;background:#05081A;border-top:1px solid var(--fdest-border);padding-block:3.5rem 0;direction:rtl;text-align:right}
.fdest-footer-grid{display:grid;gap:2.25rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.fdest-footer-grid{grid-template-columns:1.5fr 1fr 1.2fr}}
.fdest-footer img{height:60px;width:auto;margin-bottom:1rem}
.fdest-footer p{font-size:.88rem;color:var(--fdest-muted-fg);max-width:26rem}
.fdest-footer h4{font-size:1rem;color:#fff;margin-bottom:1rem;position:relative;padding-bottom:.6rem}
.fdest-footer h4::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:2.25rem;height:2px;background:var(--fdest-gradient-primary)}
.fdest-footer li{margin-bottom:.6rem}
.fdest-footer a{font-size:.88rem;color:var(--fdest-muted-fg);transition:color .3s ease}
.fdest-footer a:hover{color:var(--fdest-primary)}
.fdest-footer-bar{margin-top:3rem;padding-block:1.25rem;border-top:1px solid var(--fdest-border);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center}
.fdest-footer-bar p{font-size:.8rem;margin:0}
.fdest-footer-tag{color:var(--fdest-accent);font-family:var(--fdest-font-display);font-size:.9rem}

/* ── 18b. لايت بوكس المشاريع ───────────────────────────────── */
.fdest-lightbox{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:1.25rem;background:rgba(4,6,18,.92)}
.fdest-lightbox.is-open{display:flex;animation:fdest-fade-in .3s ease both}
.fdest-lightbox img{max-width:min(94vw,900px);max-height:86vh;width:auto;height:auto;border:1px solid rgba(238,142,29,.45);box-shadow:0 40px 90px -30px rgba(0,0,0,1);animation:fdest-zoom-in .4s cubic-bezier(.22,1,.36,1) both;clip-path:var(--fdest-notch)}
.fdest-lightbox figcaption{position:absolute;inset-inline:0;bottom:1.5rem;text-align:center;color:#E9ECF7;font-family:var(--fdest-font-display);font-size:1rem;padding-inline:1rem}
.fdest-lightbox-close{position:absolute;top:1rem;inset-inline-end:1rem;width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;background:var(--fdest-gradient-primary);color:#120A01;border:0;cursor:pointer;font-size:1.4rem;line-height:1;clip-path:polygon(0 0,calc(100% - .5rem) 0,100% .5rem,100% 100%,0 100%)}
@keyframes fdest-zoom-in{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
.fdest-project{cursor:zoom-in}

/* ── 19. الحركة ────────────────────────────────────────────── */
@keyframes fdest-fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fdest-fade-in{from{opacity:0}to{opacity:1}}
@keyframes fdest-slide-l{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
@keyframes fdest-slide-r{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
.fdest-anim-fade{animation:fdest-fade-up .75s cubic-bezier(.2,.8,.2,1) both}
.fdest-anim-right{animation:fdest-slide-r .85s cubic-bezier(.2,.8,.2,1) both}
.fdest-d1{animation-delay:.12s}.fdest-d2{animation-delay:.24s}.fdest-d3{animation-delay:.36s}.fdest-d4{animation-delay:.48s}
.fdest-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * 80ms)}
.fdest-reveal-r{transform:translateX(70px) scale(.98)}
.fdest-reveal-l{transform:translateX(-70px) scale(.98)}
.fdest-reveal-d{transform:translateY(-34px)}
.fdest-reveal-z{transform:scale(.93)}
.fdest-reveal-r.is-visible,.fdest-reveal-l.is-visible,.fdest-reveal-d.is-visible,.fdest-reveal-z.is-visible{transform:none}
.fdest-reveal.is-visible{opacity:1;transform:none}
.elementor-editor-active [class*="fdest-anim-"],.elementor-editor-active .fdest-reveal,
body.elementor-editor-preview [class*="fdest-anim-"],body.elementor-editor-preview .fdest-reveal{opacity:1!important;transform:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  [class*="fdest-anim-"],.fdest-reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  .fdest-marquee-track{animation:none!important}
}
/* ── 20. ميزانية أداء الموبايل ─────────────────────────────── */
@media (max-width:767px){
  /* أداء السكرول على الموبايل: أوقف كل الحركات المستمرة */
  body{background-attachment:scroll!important;background-image:none!important}
  [class^="fdest-"]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .fdest-reveal{opacity:1!important;transform:none!important;transition:none!important}
  [class*="fdest-anim-"]{animation:none!important;opacity:1!important;transform:none!important}
  .fdest-hero-title em{animation:none!important;background-size:100% 100%}
  .fdest-btn-pulse{animation:none!important}
  .fdest-btn-primary::after{display:none}
  .fdest-marquee-track{animation-duration:70s}
  .fdest-ring-face{transition:none}
  .fdest-ring-face img{transition:none}
  .fdest-ring-stage,.fdest-marquee{-webkit-mask-image:none!important;mask-image:none!important}
  .fdest-ring-track{will-change:auto}
  .fdest-ring-face{box-shadow:0 8px 20px -12px rgba(0,0,0,.9)}
  .fdest-ring-cap{padding:1.1rem 1.05rem 1.25rem}
  .fdest-ring-cap h3{font-size:.9rem}
  .fdest-ring-desc{font-size:.74rem;-webkit-line-clamp:2}
  .fdest-blueprint::before,.fdest-hero-lines{display:none}
  .fdest-card,.fdest-project,.fdest-why-item,.fdest-step-num{transition:none!important}
  .fdest-card:hover,.fdest-project:hover,.fdest-why-item:hover{transform:none!important}
  .fdest-card{box-shadow:0 4px 12px -6px rgba(0,0,0,.7)!important}
  .fdest-about-media .fdest-frame{display:none}
}
/* ── 21. تحييد ووردبريس/إليمنتور ───────────────────────────── */
.elementor-widget-container>[class^="fdest-"]{width:100%}

/* ============ ies ============ */
/* SOURCE BUILD 3.0.0 — 2026-07-30 · حلول الطاقة المتكاملة (prefix: ies) */

/* ── 0. TOKENS ─────────────────────────────────────────────── */
:root{
  --ies-bg:#04101C;
  --ies-bg-deep:#071B2E;
  --ies-fg:#E8F3FA;
  --ies-card:rgba(255,255,255,.045);
  --ies-card-fg:#E8F3FA;
  --ies-muted:rgba(255,255,255,.07);
  --ies-muted-fg:#94B4CB;
  --ies-border:rgba(255,255,255,.13);

  --ies-primary:#0FA0E8;
  --ies-primary-fg:#03121D;
  --ies-primary-glow:#5FD0FF;
  --ies-deep:#0069B3;
  --ies-accent:#78BF45;
  --ies-accent-fg:#04220A;
  --ies-accent-glow:#9BE06A;
  --ies-sun:#FFE066;
  --ies-sun-soft:#FFF3C4;

  --ies-font:"IBM Plex Sans Arabic",system-ui,"Segoe UI",Tahoma,sans-serif;
  --ies-font-display:"Changa","IBM Plex Sans Arabic",system-ui,sans-serif;

  --ies-radius:.9rem;
  --ies-radius-lg:1.6rem;
  --ies-max:80rem;
  --ies-max-narrow:64rem;
  --ies-pad:1rem;
  --ies-pad-lg:2rem;

  --ies-shadow-sm:0 1px 3px rgba(0,0,0,.5);
  --ies-shadow-md:0 6px 18px -6px rgba(0,0,0,.6);
  --ies-shadow-card:0 20px 46px -20px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.08);
  --ies-shadow-glow:0 0 48px rgba(15,160,232,.28), 0 26px 54px -20px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.16);

  --ies-gradient-primary:linear-gradient(135deg,#0FA0E8,#0069B3);
  --ies-gradient-accent:linear-gradient(135deg,#9BE06A,#0FA0E8);
  --ies-gradient-sun:linear-gradient(135deg,#FFF3C4,#FFE066);
  --ies-transition:all .3s cubic-bezier(.4,0,.2,1);
}
@property --ies-ang{syntax:'<angle>';initial-value:0deg;inherits:false}

/* ── 1. الأساس + دفاع السكرول ──────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden}
body.ies-page{background-color:var(--ies-bg);color:var(--ies-fg)}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem}
body.ies-page{
  font-family:var(--ies-font);-webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(circle at 16% 4%,rgba(15,160,232,.16),transparent 46%),
    radial-gradient(circle at 88% 84%,rgba(120,191,69,.12),transparent 48%);
  background-attachment:fixed;background-repeat:no-repeat;
}
.ies-section,.ies-hero,.ies-header,.ies-footer,.ies-cta,.ies-contact,.ies-marquee{max-width:100%;overflow-x:clip}
[class^="ies-"] img,[class^="ies-"] svg,[class^="ies-"] iframe{max-width:100%}
[class^="ies-"] img{height:auto}
[class^="ies-"] input,[class^="ies-"] textarea,[class^="ies-"] select,[class^="ies-"] button{max-width:100%}
[class^="ies-"] input,[class^="ies-"] textarea,[class^="ies-"] select{width:100%}
[class^="ies-"] p,[class^="ies-"] a,[class^="ies-"] span,[class^="ies-"] li{overflow-wrap:anywhere}
[class^="ies-"] a{text-decoration:none;color:inherit}
[class^="ies-"] ul,[class^="ies-"] ol{list-style:none;margin:0;padding:0}
[class*="-grid"]>*,.ies-form-row>*,.ies-form-field{min-width:0;max-width:100%}
.ies-honeypot{position:absolute!important;inset-inline-start:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
[class^="ies-"] h1,[class^="ies-"] h2,[class^="ies-"] h3,[class^="ies-"] h4{font-family:var(--ies-font-display);line-height:1.22;margin:0;font-weight:700}
[class^="ies-"] p,[class^="ies-"] li{line-height:1.9;margin:0}
.ies-ltr{direction:ltr;unicode-bidi:embed;display:inline-block}
.ies-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ── 2. تخطيط ──────────────────────────────────────────────── */
.ies-container{width:100%;max-width:var(--ies-max);margin-inline:auto;padding-inline:var(--ies-pad)}
@media (min-width:768px){.ies-container{padding-inline:var(--ies-pad-lg)}}
.ies-section{position:relative;z-index:1;padding-block:4.5rem;direction:rtl;text-align:right}
@media (min-width:768px){.ies-section{padding-block:6.5rem}}
.ies-section--deep{background:linear-gradient(180deg,rgba(7,27,46,.85),rgba(4,16,28,.6))}
.ies-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:560px){.ies-cols-2,.ies-cols-3,.ies-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.ies-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ies-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}


/* ── 3. التوقيع: خط الطاقة ─────────────────────────────────── */
.ies-eline{position:relative;display:block;height:2px;width:100%;border-radius:999px;overflow:hidden;
  background:linear-gradient(90deg,rgba(15,160,232,.18),rgba(120,191,69,.3),rgba(15,160,232,.18))}
.ies-eline::after{content:"";position:absolute;top:0;bottom:0;width:34%;
  background:linear-gradient(90deg,transparent,#9BE06A 40%,#5FD0FF 60%,transparent);
  filter:drop-shadow(0 0 6px rgba(15,160,232,.95));
  animation:ies-flow 3.4s cubic-bezier(.5,0,.5,1) infinite}
@keyframes ies-flow{0%{transform:translateX(-140%)}100%{transform:translateX(420%)}}
.ies-eline--short{width:7rem}

/* ── 4. رأس السكشن — في المنتصف ────────────────────────────── */
.ies-head.ies-head{margin-bottom:3.25rem;text-align:center;position:relative;z-index:3}
.ies-head.ies-head .ies-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;margin:0 auto .9rem;
  font-family:var(--ies-font);font-size:.75rem;font-weight:700;color:var(--ies-accent-glow);
  padding:.36rem .95rem;border-radius:999px;background:rgba(120,191,69,.12);border:1px solid rgba(120,191,69,.28);
}
.ies-eyebrow i{width:.45rem;height:.45rem;border-radius:50%;background:var(--ies-accent);display:block;box-shadow:0 0 10px var(--ies-accent)}
.ies-head.ies-head .ies-title{margin:0 0 1.15rem;font-size:1.95rem;color:#fff}
@media (min-width:768px){.ies-head.ies-head .ies-title{font-size:2.6rem}}
.ies-head.ies-head .ies-rule{display:block;margin:0 auto 1.4rem}
.ies-head.ies-head .ies-desc{margin:0 auto;max-width:44rem;color:var(--ies-muted-fg)}
.ies-title em{font-style:normal;
  background-image:linear-gradient(100deg,#5FD0FF,#9BE06A 55%,#0FA0E8);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* ── 5. الأزرار ────────────────────────────────────────────── */
.ies-btn{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-family:var(--ies-font);font-weight:700;font-size:.95rem;line-height:1.2;
  padding:.95rem 2rem;border:0;border-radius:999px;cursor:pointer;white-space:nowrap;
  transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,filter .28s ease;
}
.ies-btn svg{width:1.05em;height:1.05em;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ies-btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  box-shadow:
    inset 3px 3px .5px -3px rgba(255,255,255,.9),
    inset -3px -3px .5px -3px rgba(255,255,255,.7),
    inset 1px 1px 1px -.5px rgba(255,255,255,.55),
    inset 0 0 6px 6px rgba(255,255,255,.08)}
.ies-btn::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  background:linear-gradient(120deg,transparent 28%,rgba(255,255,255,.4) 50%,transparent 72%);
  transform:translateX(-115%);transition:transform .65s ease}
.ies-btn:hover::after{transform:translateX(115%)}
.ies-btn:hover{transform:translateY(-3px);filter:brightness(1.07)}
.ies-btn:active{transform:translateY(0) scale(.975)}
.ies-btn:hover svg{transform:translateX(-.3rem)}
.ies-btn:focus-visible{outline:2px solid var(--ies-accent-glow);outline-offset:3px}
a.ies-btn.ies-btn-primary,button.ies-btn.ies-btn-primary,.ies-btn.ies-btn-primary[class]{
  background:linear-gradient(180deg,#5FD0FF,#0FA0E8 52%,#0069B3)!important;color:#03121D!important;
  box-shadow:0 14px 30px -14px rgba(15,160,232,.95),0 0 16px rgba(15,160,232,.3)}
.ies-btn.ies-btn-primary *{color:#03121D!important}
a.ies-btn.ies-btn-accent,.ies-btn.ies-btn-accent[class]{
  background:linear-gradient(180deg,#B6F08A,#78BF45 52%,#4FA52A)!important;color:#04220A!important;
  box-shadow:0 14px 30px -14px rgba(120,191,69,.95),0 0 16px rgba(120,191,69,.28)}
a.ies-btn.ies-btn-ghost,.ies-btn.ies-btn-ghost[class]{
  background:rgba(255,255,255,.06)!important;color:#E8F3FA!important;border:1px solid var(--ies-border)!important}
a.ies-btn.ies-btn-ghost:hover{border-color:var(--ies-primary)!important;color:var(--ies-primary-glow)!important}
.ies-btn-block{width:100%}
.ies-btn-pulse{animation:ies-btn-pulse 2.9s ease-in-out infinite}
@keyframes ies-btn-pulse{
  0%,100%{box-shadow:0 14px 30px -14px rgba(15,160,232,.95),0 0 0 0 rgba(95,208,255,.42)}
  50%{box-shadow:0 18px 34px -14px rgba(15,160,232,1),0 0 0 14px rgba(95,208,255,0)}}
.ies-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.86rem;font-weight:700;color:var(--ies-primary-glow)}
.ies-link svg{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ies-link:hover svg{transform:translateX(-.25rem)}

/* ── 6. سطح زجاجي + بوردر متوهج موحّد ──────────────────────── */
.ies-glass{
  position:relative;overflow:hidden;border-radius:var(--ies-radius-lg);
  background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
  border:1px solid var(--ies-border);box-shadow:var(--ies-shadow-card);
}
.ies-glow-border::before{
  content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;
  padding:1.5px;opacity:.5;transition:opacity .35s ease;
  background:conic-gradient(from var(--ies-ang,0deg),
    rgba(15,160,232,.12) 0deg,#5FD0FF 60deg,#9BE06A 130deg,rgba(15,160,232,.12) 210deg,rgba(15,160,232,.12) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:ies-ring 6s linear infinite;
}
.ies-glow-border:hover::before{opacity:1}
@keyframes ies-ring{to{--ies-ang:360deg}}
.ies-icon{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:3.4rem;height:3.4rem;border-radius:1.1rem;
  background:linear-gradient(140deg,rgba(15,160,232,.24),rgba(120,191,69,.16));
  border:1px solid rgba(95,208,255,.35);color:var(--ies-primary-glow);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);transition:var(--ies-transition);
}
.ies-icon svg{width:1.6rem;height:1.6rem;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:inherit}

/* ── 7. الهيدر ─────────────────────────────────────────────── */
.ies-header{position:fixed;inset-inline:0;top:0;z-index:70;direction:rtl;transition:background-color .35s ease,box-shadow .35s ease,border-color .35s ease;border-bottom:1px solid transparent}
.ies-header.is-scrolled{background:rgba(4,16,28,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--ies-border);box-shadow:0 14px 34px -24px rgba(0,0,0,1)}
.ies-header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding-block:.6rem}
.ies-logo{display:flex;align-items:center;gap:.55rem}
.ies-logo img{height:52px;width:auto;display:block;background:#fff;border-radius:50%;padding:2px}
.ies-logo b{font-family:var(--ies-font-display);font-size:.95rem;color:#fff;display:none}
@media (min-width:520px){.ies-logo b{display:block}}
.ies-nav{display:none;gap:1.5rem;align-items:center;justify-content:center}
@media (min-width:1024px){.ies-nav{display:flex}}
.ies-nav-link{font-size:.92rem;font-weight:600;color:#DCEBF6;position:relative;padding-block:.4rem;transition:color .3s ease}
.ies-nav-link::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:2px;width:100%;background:var(--ies-gradient-accent);transform:scaleX(0);transform-origin:inline-start;transition:transform .3s ease;border-radius:999px}
.ies-nav-link:hover{color:#fff}
.ies-nav-link:hover::after{transform:scaleX(1)}
.ies-header-end{display:flex;align-items:center;gap:.6rem;justify-content:flex-end}
.ies-header-cta{display:none}
@media (min-width:768px){.ies-header-cta{display:inline-flex;padding:.62rem 1.35rem;font-size:.85rem}}
.ies-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;background:rgba(255,255,255,.06);border:1px solid var(--ies-border);border-radius:.7rem;cursor:pointer}
@media (min-width:1024px){.ies-burger{display:none}}
.ies-burger span{display:block;height:2px;width:100%;background:#E8F3FA;transition:transform .3s ease,opacity .3s ease}
.ies-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ies-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.ies-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ies-mobile{background:#061726;border-top:1px solid var(--ies-border);padding:1rem var(--ies-pad) 1.5rem}
.ies-mobile a{display:block;padding:.75rem 0;font-weight:700;color:#E8F3FA;border-bottom:1px solid rgba(255,255,255,.08)}
.ies-mobile .ies-btn{margin-top:1rem;width:100%}

/* ── 8. الهيرو — المشهد الحي (صباح ↔ ليل) ──────────────────── */
.ies-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding-top:6rem;overflow:hidden;direction:rtl}
.ies-scene{position:absolute;inset:0;z-index:0}
.ies-scene svg{width:100%;height:100%;display:block}
.ies-scene-veil{position:absolute;inset:0;z-index:1;background:
  linear-gradient(to top,rgba(4,16,28,.97) 8%,rgba(4,16,28,.72) 38%,rgba(4,16,28,.25) 66%,transparent 100%),
  linear-gradient(265deg,rgba(4,16,28,.1),rgba(4,16,28,.55) 70%)}
.ies-hero-body{position:relative;z-index:3;width:100%;padding-block:2.5rem 4.5rem}
.ies-hero-eyebrow{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.42rem 1rem;border-radius:999px;
  font-size:.78rem;font-weight:700;color:#BFF39A;border:1px solid rgba(120,191,69,.4);background:rgba(120,191,69,.12)}
.ies-hero-eyebrow i{width:.45rem;height:.45rem;border-radius:50%;background:#9BE06A;display:block;box-shadow:0 0 10px #9BE06A}
.ies-hero-title{font-size:2.4rem;line-height:1.22;color:#fff;max-width:20ch}
@media (min-width:768px){.ies-hero-title{font-size:3.6rem}}
@media (min-width:1200px){.ies-hero-title{font-size:4.5rem}}
.ies-hero-title em{font-style:normal;display:block;
  background-image:linear-gradient(100deg,#FFE066 0%,#9BE06A 32%,#5FD0FF 62%,#0FA0E8 100%);
  background-size:240% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:ies-title-flow 9s linear infinite;filter:drop-shadow(0 8px 34px rgba(15,160,232,.35))}
@keyframes ies-title-flow{to{background-position:240% 50%}}
.ies-hero-sub{margin-top:1.5rem;max-width:38rem;color:#BDD5E6;font-size:1rem}
@media (min-width:768px){.ies-hero-sub{font-size:1.08rem}}
.ies-hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}
.ies-hero-trust{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid var(--ies-border)}
.ies-hero-trust span{display:inline-flex;align-items:center;gap:.45rem;font-size:.83rem;color:#A9C6DA;font-weight:600}
.ies-hero-trust span::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:#9BE06A;display:block;box-shadow:0 0 8px #9BE06A}

/* الهيرو الواقعي */
.ies-hero-img{position:absolute;inset:0;z-index:0}
.ies-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.ies-hero-tint{position:absolute;inset:0;z-index:1;mix-blend-mode:multiply;
  background:linear-gradient(200deg,rgba(4,60,105,.88),rgba(4,16,28,.92) 55%,rgba(6,60,32,.8))}
.ies-hero-tint2{position:absolute;inset:0;z-index:1;
  background:radial-gradient(60% 55% at 78% 24%,rgba(15,160,232,.35),transparent 62%),
             radial-gradient(45% 45% at 18% 78%,rgba(120,191,69,.24),transparent 64%)}
.ies-hero-grid{position:absolute;inset:0;z-index:1;opacity:.14;
  background-image:linear-gradient(to right,rgba(95,208,255,.5) 1px,transparent 1px),linear-gradient(to bottom,rgba(95,208,255,.4) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(circle at 60% 40%,#000,transparent 78%);mask-image:radial-gradient(circle at 60% 40%,#000,transparent 78%)}
.ies-hero-rays{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.75}
.ies-hero-rays svg{width:100%;height:100%}
.ies-wire{stroke:rgba(95,208,255,.35);stroke-width:2;fill:none}
.ies-pulse{stroke:#9BE06A;stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:10 54;
  filter:drop-shadow(0 0 5px rgba(155,224,106,.9));animation:ies-dash 2.4s linear infinite}
.ies-pulse--b{stroke:#5FD0FF;animation-duration:3.1s;animation-delay:-.6s}
@keyframes ies-dash{to{stroke-dashoffset:-64}}

/* ── توزيع الخلفيات: داكن ↔ فاتح بالتناوب ─────────────────── */
.ies-section.ies-section--dark{
  background:
    radial-gradient(40rem 24rem at 86% 2%,rgba(15,160,232,.20),transparent 62%),
    radial-gradient(32rem 20rem at 8% 98%,rgba(120,191,69,.16),transparent 60%),
    linear-gradient(180deg,#04101C 0%,#062A48 55%,#04101C 100%);
  border-block:1px solid rgba(95,208,255,.16);
}
.ies-section.ies-section--light{
  background:
    radial-gradient(36rem 22rem at 88% 0%,rgba(120,191,69,.22),transparent 60%),
    linear-gradient(180deg,#F4FCEE 0%,#E9F5EE 52%,#DFF0F8 100%);
  color:#062A48;
  border-block:1px solid rgba(120,191,69,.32);
}
.ies-section--light .ies-title,
.ies-section--light .ies-serv-body h3,
.ies-section--light .ies-tile h3,
.ies-section--light .ies-sys h3,
.ies-section--light .ies-why h3,
.ies-section--light .ies-step h3,
.ies-section--light h2,.ies-section--light h3,.ies-section--light h4{color:#052238!important}
.ies-section--light p,
.ies-section--light .ies-desc,
.ies-section--light .ies-serv-body p,
.ies-section--light .ies-tile p,
.ies-section--light .ies-sys p,
.ies-section--light .ies-why p,
.ies-section--light .ies-step p,
.ies-section--light li,.ies-section--light .ies-check{color:#3D6076!important}
.ies-section--light .ies-title em{background-image:linear-gradient(100deg,#0069B3,#4EA72A 55%,#0FA0E8)}
.ies-section--light .ies-eyebrow{color:#2E7D14;background:rgba(120,191,69,.16);border-color:rgba(120,191,69,.42)}
.ies-section--light .ies-eline{background:linear-gradient(90deg,rgba(0,105,179,.22),rgba(78,167,42,.5),rgba(0,105,179,.22))}
.ies-section--light .ies-glass{background:linear-gradient(160deg,#FFFFFF,#F4FBF6);border-color:#D8E9E0;box-shadow:0 16px 34px -20px rgba(6,42,72,.35)}
.ies-section--light .ies-glow-border::before{opacity:.3}
.ies-section--light .ies-icon{background:linear-gradient(140deg,rgba(0,105,179,.14),rgba(120,191,69,.22));border-color:rgba(0,105,179,.22);color:#0069B3}
.ies-section--light .ies-tag{background:rgba(6,42,72,.05);border-color:rgba(6,42,72,.12);color:#3D6076}
.ies-section--light .ies-sys-num{color:rgba(0,105,179,.3)}
.ies-section--light .ies-sys + .ies-sys{border-top-color:rgba(6,42,72,.12)}
.ies-section--light .ies-sys-fit{background:rgba(120,191,69,.16);border-color:rgba(78,167,42,.35);color:#2E7D14}
.ies-section--light .ies-slot{border-color:rgba(0,105,179,.3);
  background:repeating-linear-gradient(45deg,rgba(0,105,179,.06) 0 14px,transparent 14px 28px),
             linear-gradient(150deg,rgba(15,160,232,.16),rgba(120,191,69,.14) 55%,rgba(255,255,255,.92))}
.ies-section--light .ies-slot-label{color:#3D6076}
.ies-section--light .ies-slot-label svg{stroke:rgba(0,105,179,.6)}
.ies-section--light .ies-badge{background:rgba(255,255,255,.95);border-color:#D8E9E0;color:#062A48}
.ies-section--light .ies-step-num{border-color:rgba(255,255,255,.9);box-shadow:0 12px 26px -12px rgba(0,105,179,.6)}
.ies-section--light .ies-steps::before{background:linear-gradient(90deg,rgba(0,105,179,.15),rgba(78,167,42,.5),rgba(0,105,179,.15))!important}
.ies-section--light .ies-ring-nav{background:#fff;border-color:#D8E9E0;color:#062A48}
.ies-section--light .ies-ring-hint{color:#3D6076}
.ies-section--light .ies-marquee-item{border-color:#D8E9E0;box-shadow:0 8px 20px -14px rgba(6,42,72,.5)}
.ies-section--light .ies-link{color:#0069B3}
.ies-section--light a.ies-btn.ies-btn-ghost{background:#fff!important;color:#062A48!important;border-color:#D8E9E0!important}
.ies-section--light .ies-form{background:#fff;border-color:#D8E9E0}
.ies-section--light .ies-form-field label{color:#3D6076}
.ies-section--light .ies-form-field input,
.ies-section--light .ies-form-field textarea,
.ies-section--light .ies-form-field select{background:#F7FBF8;color:#062A48;border-color:#D8E9E0}
.ies-section--light .ies-form-field select{color-scheme:light;background-color:#F7FBF8}
.ies-section--light .ies-check svg{stroke:#4EA72A}
.ies-section--light .ies-ring-cap b{color:#fff!important}
.ies-section--light .ies-ring-cap span{color:var(--ies-accent-glow)!important}

/* بلاطات الحلول: خلفية داكنة دائمًا حتى داخل السكشن الفاتح */
.ies-section--light .ies-tile.ies-glass{border-color:rgba(95,208,255,.28);box-shadow:0 22px 44px -22px rgba(6,42,72,.6)}
.ies-section--light .ies-tile--a{background:linear-gradient(140deg,#0A3A60,#062A48 52%,#04121F)}
.ies-section--light .ies-tile--b{background:linear-gradient(160deg,#0C3E2A,#05202C 58%,#04121F)}
.ies-section--light .ies-tile--c{background:linear-gradient(200deg,#0A3A60,#05243C 58%,#04121F)}
.ies-section--light .ies-tile--d{background:linear-gradient(120deg,#0C3E2A,#062A48 52%,#04121F)}
.ies-section--light .ies-tile::after{background:radial-gradient(60% 70% at 85% 15%,rgba(95,208,255,.16),transparent 60%)}
.ies-section--light .ies-tile h3{color:#fff!important}
.ies-section--light .ies-tile p{color:#B9D3E8!important}
.ies-section--light .ies-tile .ies-icon{background:linear-gradient(140deg,rgba(15,160,232,.28),rgba(120,191,69,.2));border-color:rgba(95,208,255,.4);color:#9BE06A}
.ies-section--light .ies-tile:hover .ies-icon{background:var(--ies-gradient-accent);color:#04220A;border-color:transparent}
.ies-section--light .ies-notice.is-ok{background:rgba(78,167,42,.14);color:#2E7D14}
.ies-section--light .ies-notice.is-err{background:rgba(220,38,38,.1);color:#B91C1C}
.ies-section--light .ies-req{color:#0069B3}

/* ── 9. شريط الثقة ─────────────────────────────────────────── */
.ies-strip{position:relative;padding-block:2.25rem;border-block:1px solid var(--ies-border);background:rgba(7,27,46,.6)}
.ies-strip-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.ies-strip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ies-strip-item{display:flex;gap:.85rem;align-items:center;padding-inline-start:1rem;border-inline-start:2px solid rgba(120,191,69,.45)}
.ies-strip-item b{font-family:var(--ies-font-display);font-size:1.5rem;color:#fff;line-height:1.1;display:block}
.ies-strip-item span{font-size:.82rem;color:var(--ies-muted-fg)}

/* ── 10. من نحن ────────────────────────────────────────────── */
.ies-split{display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr);align-items:center}
@media (min-width:1000px){.ies-split{grid-template-columns:.9fr 1.1fr;gap:4rem}}
.ies-media{position:relative;overflow:hidden;border-radius:var(--ies-radius-lg);box-shadow:var(--ies-shadow-card)}
.ies-media img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3/2;transition:transform .9s ease}
.ies-media:hover img{transform:scale(1.06)}
.ies-media::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(4,16,28,.8),transparent 58%)}
.ies-media-line{position:absolute;z-index:2;inset-inline:1.25rem;bottom:1.25rem}
.ies-badge{position:absolute;z-index:3;top:1rem;inset-inline-start:1rem;background:rgba(4,16,28,.78);border:1px solid var(--ies-border);
  color:#DCEBF6;padding:.5rem .9rem;border-radius:999px;font-size:.76rem;font-weight:700}
.ies-checks{display:grid;gap:.8rem;margin-top:1.75rem}
.ies-check{display:flex;gap:.65rem;align-items:flex-start;font-size:.93rem;color:var(--ies-muted-fg)}
.ies-check svg{width:1.15rem;height:1.15rem;flex-shrink:0;margin-top:.35rem;stroke:var(--ies-accent-glow);fill:none;stroke-width:2.4}

/* ── 11. الأنظمة ───────────────────────────────────────────── */
.ies-sys{position:relative;padding-block:2.5rem}
.ies-sys + .ies-sys{border-top:1px solid var(--ies-border)}
.ies-sys-inner{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr);align-items:center}
@media (min-width:1000px){
  .ies-sys-inner{grid-template-columns:1.05fr .95fr;gap:3.5rem}
  .ies-sys:nth-child(even) .ies-sys-media{order:-1}
}
.ies-sys-media{position:relative}
.ies-sys-num{font-family:var(--ies-font-display);font-size:3.2rem;line-height:1;color:rgba(95,208,255,.22)}
.ies-sys h3{font-size:1.6rem;color:#fff;margin-block:.35rem .8rem}
@media (min-width:768px){.ies-sys h3{font-size:2rem}}
.ies-sys p{color:var(--ies-muted-fg)}
.ies-sys-fit{margin-top:1.25rem;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;
  background:rgba(120,191,69,.12);border:1px solid rgba(120,191,69,.3);font-size:.84rem;color:#BFF39A;font-weight:700}
.ies-sys-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.1rem}
.ies-tag{font-size:.75rem;padding:.3rem .7rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--ies-border);color:#B8D2E4}
.ies-slot{position:relative;display:grid;place-items:center;margin:0;overflow:hidden;
  border-radius:var(--ies-radius-lg);border:1px dashed rgba(95,208,255,.4);
  background:
    repeating-linear-gradient(45deg,rgba(95,208,255,.06) 0 14px,transparent 14px 28px),
    linear-gradient(150deg,rgba(15,160,232,.2),rgba(120,191,69,.12) 55%,rgba(4,16,28,.85));
  min-height:15rem;aspect-ratio:4/3}
.ies-slot-label{display:flex;flex-direction:column;align-items:center;gap:.6rem;font-size:.85rem;color:#A9C6DA;text-align:center;padding:1rem}
.ies-slot-label svg{width:2.2rem;height:2.2rem;stroke:rgba(95,208,255,.7);fill:none;stroke-width:1.4}

/* ── 12. الحلول المتخصصة — بينتو ───────────────────────────── */
.ies-bento{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.ies-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){
  .ies-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:16rem;max-width:64rem;margin-inline:auto}
  .ies-tile--a,.ies-tile--b,.ies-tile--c,.ies-tile--d{grid-column:span 2}
}
.ies-tile{position:relative;overflow:hidden;padding:1.6rem;display:flex;flex-direction:column;gap:.7rem;justify-content:flex-end;min-height:14rem;
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.ies-tile:hover{transform:translateY(-7px);box-shadow:var(--ies-shadow-glow)}
.ies-tile h3{font-size:1.15rem;color:#fff}
.ies-tile p{font-size:.87rem;color:var(--ies-muted-fg);line-height:1.8;max-width:34ch}
.ies-tile--a{background-image:linear-gradient(140deg,rgba(15,160,232,.34),rgba(4,16,28,.25) 55%,rgba(120,191,69,.22))}
.ies-tile--b{background-image:linear-gradient(160deg,rgba(120,191,69,.3),rgba(4,16,28,.3) 60%,rgba(15,160,232,.24))}
.ies-tile--c{background-image:linear-gradient(200deg,rgba(95,208,255,.28),rgba(4,16,28,.35) 58%,rgba(120,191,69,.24))}
.ies-tile--d{background-image:linear-gradient(120deg,rgba(120,191,69,.26),rgba(4,16,28,.28) 50%,rgba(15,160,232,.32))}
.ies-tile::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 70% at 85% 15%,rgba(255,255,255,.10),transparent 60%)}
.ies-tile-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:.6rem}
.ies-tile .ies-icon{position:relative;z-index:2;align-self:flex-start}
.ies-tile:hover .ies-icon{background:var(--ies-gradient-accent);color:#04220A;border-color:transparent;transform:rotate(-5deg)}

/* ── 13. الخدمات ───────────────────────────────────────────── */
.ies-serv{position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}
.ies-serv-media{position:relative;aspect-ratio:16/10;overflow:hidden}
.ies-serv-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s ease;filter:saturate(1.05)}
.ies-serv:hover .ies-serv-media img{transform:scale(1.08)}
.ies-serv-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,16,28,.95) 6%,rgba(4,16,28,.35) 55%,rgba(15,160,232,.18))}
.ies-serv-body{padding:1.7rem 1.6rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.ies-serv-body h3{font-size:1.18rem;color:#fff}
.ies-serv-body p{font-size:.9rem;color:var(--ies-muted-fg);flex:1}

/* ── 14. لماذا نحن ─────────────────────────────────────────── */
.ies-why{position:relative;overflow:hidden;display:flex;gap:1rem;padding:1.6rem;height:100%;transition:var(--ies-transition)}
.ies-why:hover{transform:translateY(-6px);box-shadow:var(--ies-shadow-glow)}
.ies-why h3{font-size:1.02rem;color:#fff;margin-bottom:.35rem}
.ies-why p{font-size:.87rem;color:var(--ies-muted-fg);line-height:1.8}

/* ── 15. كاروسيل المنتجات 3D ───────────────────────────────── */
.ies-ring{position:relative;text-align:center}
.ies-ring{position:relative;z-index:0;isolation:isolate}
.ies-ring-stage{position:relative;height:28rem;padding-block:1rem;contain:paint;transform:translateZ(0);display:flex;align-items:center;justify-content:center;
  perspective:1700px;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);
          mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
.ies-ring-stage.is-drag{cursor:grabbing}
.ies-ring-track{position:relative;width:var(--cw,2400px);height:100%;transform-style:preserve-3d;transform:rotateY(var(--rot,0deg));will-change:transform}
.ies-ring-face{position:absolute;top:50%;left:50%;width:var(--fw,240px);height:var(--fh,240px);
  margin-left:calc(var(--fw,240px) / -2);margin-top:calc(var(--fh,240px) / -2);
  transform:rotateY(calc(var(--n) * var(--step,30deg))) translateZ(var(--rad,420px));
  overflow:hidden;cursor:pointer;backface-visibility:hidden;border-radius:1.25rem;
  border:1px solid rgba(95,208,255,.28);background:#08202F;box-shadow:var(--ies-shadow-card);
  transition:box-shadow .4s ease}
.ies-ring-face img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s ease;filter:saturate(1.05)}
.ies-ring-face::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(160deg,rgba(15,160,232,.34),rgba(4,16,28,.22) 45%,rgba(120,191,69,.24))}
.ies-ring-face::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(to top,rgba(4,16,28,.55),transparent 62%)}
.ies-ring-face:hover img{transform:scale(1.07)}
.ies-ring-face:hover{box-shadow:0 0 42px rgba(95,208,255,.35),0 22px 46px -18px rgba(0,0,0,.95)}
.ies-ring-cap{position:absolute;z-index:3;inset-inline:0;bottom:0;padding:1.25rem 1.2rem 1.4rem;text-align:right;
  display:flex;flex-direction:column;gap:.35rem;
  background:linear-gradient(to top,rgba(2,12,22,.99) 60%,rgba(2,12,22,.9) 82%,rgba(2,12,22,.15) 100%)}
.ies-ring-cap b{font-family:var(--ies-font-display);font-size:1rem;color:#fff;line-height:1.5}
.ies-ring-cap span{font-size:.78rem;color:var(--ies-accent-glow);font-weight:600;line-height:1.6}
.ies-ring-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.75rem}
.ies-ring-nav{width:3rem;height:3rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);
  border:1px solid var(--ies-border);color:var(--ies-fg);cursor:pointer;transition:var(--ies-transition)}
.ies-ring-nav:hover{background:var(--ies-gradient-primary);color:#03121D;border-color:transparent;transform:translateY(-2px)}
.ies-ring-nav svg{width:1.15rem;height:1.15rem;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ies-ring-hint{font-size:.78rem;color:var(--ies-muted-fg)}
.ies-lightbox{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:1.25rem;background:rgba(2,9,16,.94)}
.ies-lightbox.is-open{display:flex}
.ies-lightbox img{max-width:min(92vw,820px);max-height:84vh;width:auto;border-radius:1.25rem;border:1px solid rgba(95,208,255,.4);box-shadow:0 40px 90px -30px rgba(0,0,0,1)}
.ies-lightbox-close{position:absolute;top:1rem;inset-inline-end:1rem;width:2.75rem;height:2.75rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:var(--ies-gradient-primary);color:#03121D;border:0;cursor:pointer;font-size:1.4rem;line-height:1}

/* ── 16. خطوات العمل ───────────────────────────────────────── */
.ies-steps{position:relative;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){
  .ies-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
  .ies-steps::before{content:"";position:absolute;inset-inline:2.5rem;top:1.7rem;height:2px;
    background:linear-gradient(90deg,rgba(15,160,232,.12),rgba(155,224,106,.5),rgba(15,160,232,.12))}
}
.ies-step{position:relative;text-align:center;padding:0 .5rem}
@media (max-width:1023px){.ies-step{text-align:right;padding-inline-start:4rem}
  .ies-steps::before{content:"";position:absolute;inset-inline-start:1.7rem;top:1rem;bottom:1rem;width:2px;
    background:linear-gradient(180deg,rgba(15,160,232,.12),rgba(155,224,106,.5),rgba(15,160,232,.12))}}
.ies-step-num{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;margin-bottom:1rem;
  border-radius:50%;font-family:var(--ies-font-display);font-size:.95rem;font-weight:700;
  background:linear-gradient(180deg,#5FD0FF,#0069B3);color:#03121D;border:2px solid rgba(255,255,255,.25);
  box-shadow:0 12px 26px -12px rgba(15,160,232,.95);transition:var(--ies-transition)}
@media (max-width:1023px){.ies-step-num{position:absolute;inset-inline-start:0;top:0;margin:0;width:3.2rem;height:3.2rem}}
.ies-step:hover .ies-step-num{transform:translateY(-4px) scale(1.07);box-shadow:0 0 30px rgba(95,208,255,.6)}
.ies-step h3{font-size:1rem;color:#fff;margin-bottom:.4rem}
.ies-step p{font-size:.85rem;color:var(--ies-muted-fg)}

/* ── 17. الشركاء ───────────────────────────────────────────── */
.ies-marquee{overflow:hidden;direction:ltr;padding-block:.5rem;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.ies-marquee-track{display:flex;width:max-content;animation:ies-marquee 40s linear infinite}
.ies-marquee-group{display:flex;flex-shrink:0}
.ies-marquee-item{flex:0 0 auto;width:9.5rem;height:6rem;margin-inline:.7rem;background:#fff;border:1px solid var(--ies-border);border-radius:1rem;
  background-repeat:no-repeat;background-position:center;background-size:contain;transition:var(--ies-transition)}
.ies-marquee-item:hover{transform:translateY(-5px);box-shadow:0 0 30px rgba(95,208,255,.4)}
.ies-marquee:hover .ies-marquee-track{animation-play-state:paused}
@keyframes ies-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── 18. CTA + النموذج + الفوتر ────────────────────────────── */
.ies-cta{position:relative;overflow:hidden;padding-block:5rem;direction:rtl;
  background:linear-gradient(150deg,rgba(15,160,232,.18),rgba(4,16,28,.9) 55%,rgba(120,191,69,.14))}
.ies-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(28rem 18rem at 78% 12%,rgba(95,208,255,.28),transparent 62%),radial-gradient(22rem 16rem at 14% 88%,rgba(155,224,106,.22),transparent 62%)}
.ies-cta-inner{position:relative;z-index:2;max-width:var(--ies-max-narrow);margin-inline:auto;text-align:center}
.ies-cta h2{font-size:1.9rem;color:#fff;margin-bottom:1rem}
@media (min-width:768px){.ies-cta h2{font-size:2.5rem}}
.ies-cta p{color:#BDD5E6;max-width:40rem;margin-inline:auto}
.ies-cta-actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-top:2rem}
.ies-contact,.ies-contact *{min-width:0}
.ies-contact{overflow-x:clip}
.ies-formwrap{max-width:46rem;margin-inline:auto}
.ies-form{position:relative;overflow:hidden;padding:1.75rem}
@media (min-width:768px){.ies-form{padding:2.25rem}}
.ies-form-row{display:grid;gap:1.1rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.ies-form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ies-form-field{margin-bottom:1.1rem}
.ies-form-field label{display:block;margin-bottom:.45rem;font-size:.75rem;font-weight:700;color:var(--ies-muted-fg)}
.ies-form-field input,.ies-form-field textarea,.ies-form-field select{
  padding:.82rem 1rem;border:1px solid var(--ies-border);border-radius:var(--ies-radius);
  background:rgba(4,16,28,.72);color:var(--ies-fg);font:inherit;font-size:.9rem;transition:border-color .3s ease,box-shadow .3s ease}
.ies-form-field select{-webkit-appearance:none;appearance:none;color-scheme:dark;background-color:#061726}
.ies-form-field textarea{min-height:7rem;resize:vertical}
.ies-form-field :is(input,textarea,select):focus{outline:0;border-color:var(--ies-primary);box-shadow:0 0 0 3px rgba(15,160,232,.18)}
.ies-req{color:var(--ies-primary-glow)}
.ies-notice{display:none;margin-top:1rem;padding:.9rem 1.1rem;border-radius:var(--ies-radius);font-size:.9rem}
.ies-notice.is-ok{display:block;background:rgba(120,191,69,.16);color:#BFF39A}
.ies-notice.is-err{display:block;background:rgba(220,38,38,.14);color:#FCA5A5}
.ies-footer{position:relative;background:#03101B;border-top:1px solid var(--ies-border);padding-block:3.5rem 0;direction:rtl;text-align:right}
.ies-footer-grid{display:grid;gap:2.25rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.ies-footer-grid{grid-template-columns:1.5fr 1fr 1.2fr}}
.ies-footer img{height:74px;width:auto;margin-bottom:1rem;background:#fff;border-radius:50%;padding:4px}
.ies-footer p{font-size:.88rem;color:var(--ies-muted-fg);max-width:26rem}
.ies-footer h4{font-size:1rem;color:#fff;margin-bottom:1rem;position:relative;padding-bottom:.6rem}
.ies-footer h4::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:2.25rem;height:2px;background:var(--ies-gradient-accent);border-radius:999px}
.ies-footer li{margin-bottom:.6rem}
.ies-footer a{font-size:.88rem;color:var(--ies-muted-fg);transition:color .3s ease}
.ies-footer a:hover{color:var(--ies-accent-glow)}
.ies-footer-bar{margin-top:3rem;padding-block:1.25rem;border-top:1px solid var(--ies-border);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center}
.ies-footer-bar p{font-size:.8rem;margin:0}
.ies-footer-tag{color:var(--ies-accent-glow);font-family:var(--ies-font-display);font-size:.92rem}

/* ── 19. الحركة العامة ─────────────────────────────────────── */
.ies-reveal{opacity:0;transform:translateY(30px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * 80ms)}
.ies-reveal.is-visible{opacity:1;transform:none}
.ies-reveal-r{transform:translateX(72px) scale(.97)}
.ies-reveal-l{transform:translateX(-72px) scale(.97)}
.ies-reveal-d{transform:translateY(-36px)}
.ies-reveal-z{transform:scale(.92)}
.ies-reveal-r.is-visible,.ies-reveal-l.is-visible,.ies-reveal-d.is-visible,.ies-reveal-z.is-visible{transform:none}
.elementor-editor-active .ies-reveal,body.elementor-editor-preview .ies-reveal{opacity:1!important;transform:none!important}
@media (max-width:767px){
  /* أداء السكرول على الموبايل: أوقف كل الحركات المستمرة */
  body{background-attachment:scroll!important;background-image:none!important}
  [class^="ies-"]:not(.ies-header){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .ies-glass{box-shadow:0 6px 16px -8px rgba(0,0,0,.8)!important}
  .ies-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .ies-eline::after{animation:none!important;display:none}
  .ies-glow-border::before{animation:none!important;opacity:.35}
  .ies-btn-pulse{animation:none!important}
  .ies-btn::after{display:none}
  .ies-hero-title em{animation:none!important;background-size:100% 100%}
  .ies-pulse{animation:none!important}
  .ies-hero-rays{display:none}
  .ies-hero-grid{display:none}
  .ies-marquee-track{animation-duration:70s}
  .ies-ring-face,.ies-ring-face img{transition:none!important}
  .ies-ring-stage,.ies-marquee{-webkit-mask-image:none!important;mask-image:none!important}
  .ies-ring-track{will-change:auto}
  .ies-ring-face{box-shadow:0 8px 20px -12px rgba(0,0,0,.9)}
  .ies-ring-cap{padding:1.05rem 1rem 1.2rem}
  .ies-ring-cap b{font-size:.92rem}
  .ies-ring-cap span{font-size:.72rem}
  .ies-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(4,16,28,.96)!important}
  .ies-hero-tint{mix-blend-mode:normal;background:linear-gradient(200deg,rgba(4,60,105,.42),rgba(4,16,28,.55) 55%,rgba(6,60,32,.42))}
  .ies-hero-tint2{opacity:.55}
  .ies-scene-veil{background:linear-gradient(to top,rgba(4,16,28,.95) 4%,rgba(4,16,28,.62) 30%,rgba(4,16,28,.18) 58%,transparent 100%)}
  .ies-glow-border::before{display:none}

  .ies-tile,.ies-why,.ies-serv,.ies-media img{transition:none!important}
  .ies-tile:hover,.ies-why:hover{transform:none!important}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ies-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .ies-eline::after,.ies-marquee-track,.ies-glow-border::before,.ies-btn-pulse,.ies-hero-title em,.ies-pulse{animation:none!important}
}
.elementor-widget-container>[class^="ies-"]{width:100%}