/* Hyper Sonic Egypt — final production safeguards and shared polish */
:root{
  --hs-nav-height:78px;
  --hs-focus:#40d9ff;
  --hs-panel:rgba(7,9,20,.98);
  --hs-line:rgba(255,255,255,.11);
  --hs-radius:14px;
}

html{scroll-padding-top:calc(var(--hs-nav-height) + 24px)}
body{overflow-x:hidden}
img{display:block;max-width:100%}

.hs-skip-link{
  position:fixed;z-index:10000;top:10px;left:12px;
  padding:10px 14px;border-radius:10px;background:#fff;color:#050611;
  font-weight:800;transform:translateY(-160%);transition:transform .18s ease;
}
.hs-skip-link:focus{transform:none}
html[dir="rtl"] .hs-skip-link{left:auto;right:12px}

:where(a,button,input,select,textarea):focus-visible{
  outline:3px solid color-mix(in srgb,var(--hs-focus) 80%,white 20%);
  outline-offset:3px;
}

/* Consistent controls — language buttons are intentionally excluded. */
:where(a.btn,button.btn,.nav-cta,.hs-nav-cta,.project-card__button,.form-actions button[type="submit"]){
  min-height:52px!important;
  padding-inline:24px!important;
  border-radius:var(--hs-radius)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px;
  line-height:1.15!important;
  white-space:nowrap!important;
  font-weight:800!important;
  text-align:center;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease!important;
}
:where(a.btn,button.btn,.nav-cta,.hs-nav-cta,.project-card__button,.form-actions button[type="submit"]):hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
}
:where(.nav-cta,.hs-nav-cta){min-width:136px!important;min-height:48px!important;height:48px!important;padding-inline:22px!important}
:where(.lang,.nav__lang){flex:0 0 auto;line-height:1!important}

/* Gentle, shared visual treatment without heavy animation. */
:where(.card,.glass-card,.project,.project-card,.shot,.story,.work,.industry,.sector,.service-card,.use-card){
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}
:where(.card,.glass-card,.project,.project-card,.shot,.story,.work,.industry,.sector,.service-card,.use-card):hover{
  transform:translateY(-3px);
  box-shadow:0 20px 46px rgba(0,0,0,.22);
}
:where(.project img,.project-card img,.shot img,.story img,.work img,.industry img,.sector img,.hero-media img,.hero__media img){
  transition:transform .5s cubic-bezier(.2,.75,.2,1),filter .35s ease!important;
}
:where(.project,.project-card,.shot,.story,.work,.industry,.sector,.hero-media,.hero__media):hover img{
  transform:scale(1.025);
  filter:saturate(1.04) contrast(1.02);
}

/* Shared hero rhythm: enough breathing room below the fixed header. */
:where(.hero,.support-hero){
  scroll-margin-top:calc(var(--hs-nav-height) + 20px);
}
@media (min-width:901px){
  :where(.hero,.support-hero){
    padding-top:max(calc(var(--nav, var(--hs-nav-height)) + 42px),118px)!important;
  }
}
@media (min-width:901px) and (max-height:800px){
  :where(.hero,.support-hero){
    min-height:auto!important;
    padding-top:max(calc(var(--nav, var(--hs-nav-height)) + 30px),106px)!important;
    padding-bottom:48px!important;
  }
}

/* Desktop nav protection. */
:where(.nav__inner){min-width:0}
:where(.hs-main-nav,.main-nav,.nav__links){min-width:0}
:where(.hs-nav-actions,.actions){flex:0 0 auto}

.hs-mobile-toggle{
  display:none;width:44px;height:44px;border-radius:12px;
  border:1px solid var(--hs-line);background:rgba(255,255,255,.035);color:#fff;
  align-items:center;justify-content:center;cursor:pointer;padding:0;
}
.hs-mobile-toggle span,.hs-mobile-toggle::before,.hs-mobile-toggle::after{
  content:"";display:block;width:20px;height:2px;border-radius:3px;background:currentColor;transition:.2s ease;
}
.hs-mobile-toggle span{position:relative}
.hs-mobile-toggle::before{position:absolute;transform:translateY(-6px)}
.hs-mobile-toggle::after{position:absolute;transform:translateY(6px)}
.hs-mobile-open .hs-mobile-toggle span{opacity:0}
.hs-mobile-open .hs-mobile-toggle::before{transform:rotate(45deg)}
.hs-mobile-open .hs-mobile-toggle::after{transform:rotate(-45deg)}

.hs-mobile-quote{display:none}

@media (max-width:1120px){
  :root{--hs-nav-height:72px}
  :where(.nav,.hs-site-nav){height:var(--hs-nav-height)!important}
  :where(.nav__inner){padding-inline:16px!important;gap:12px!important}
  :where(.logo img,.nav__logo img){width:142px!important;height:auto!important}
  .hs-mobile-toggle{display:inline-flex;position:relative;flex:0 0 auto}
  :where(.hs-nav-actions,.actions){margin-inline-start:auto!important;gap:9px!important}
  :where(.hs-nav-cta,.nav-cta){display:none!important}

  :where(.hs-main-nav,.main-nav,.nav__links){
    display:none!important;position:fixed!important;
    top:calc(var(--hs-nav-height) + 10px)!important;
    left:12px!important;right:12px!important;
    max-height:calc(100svh - var(--hs-nav-height) - 24px)!important;
    overflow:auto!important;margin:0!important;padding:16px!important;
    flex-direction:column!important;align-items:stretch!important;gap:4px!important;
    border:1px solid rgba(65,202,255,.18)!important;border-radius:20px!important;
    background:var(--hs-panel)!important;box-shadow:0 28px 70px rgba(0,0,0,.55)!important;
    backdrop-filter:blur(20px)!important;
  }
  :where(.nav,.hs-site-nav).hs-mobile-open :where(.hs-main-nav,.main-nav,.nav__links){display:flex!important}
  :where(.hs-main-nav,.main-nav,.nav__links)>a,
  :where(.hs-solutions-trigger,.solutions-trigger){
    display:flex!important;width:100%!important;min-height:48px!important;padding:12px 13px!important;
    align-items:center!important;justify-content:space-between!important;
    border-radius:12px!important;color:#e7e9f4!important;font-size:.95rem!important;
  }
  :where(.hs-main-nav,.main-nav,.nav__links)>a:hover,
  :where(.hs-solutions-trigger,.solutions-trigger):hover{background:rgba(255,255,255,.055)!important}
  .hs-mobile-quote{
    display:flex!important;margin-top:8px;min-height:50px;padding:0 18px;
    align-items:center;justify-content:center;border-radius:14px;
    background:linear-gradient(135deg,#078bff,#14d7f4 55%,#8b5cf6);color:#fff!important;font-weight:800;
  }
  :where(.hs-mega,.mega){
    position:static!important;width:100%!important;max-width:none!important;
    display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;
    padding:12px!important;margin:4px 0 8px!important;border-radius:16px!important;
    box-shadow:none!important;background:rgba(255,255,255,.025)!important;
  }
  :where(.hs-mega,.mega)::before{display:none!important}
  :where(.hs-solutions-menu,.solutions-menu).hs-solutions-open :where(.hs-mega,.mega){display:block!important}
  :where(.hs-mega-grid,.mega-grid){grid-template-columns:1fr!important;gap:5px!important}
  :where(.hs-mega-card,.mega-grid>a){padding:10px!important}
  :where(.hs-mega-head,.mega-head){display:none!important}
}

@media (max-width:760px){
  :root{--hs-nav-height:68px}
  :where(.logo img,.nav__logo img){width:132px!important}
  :where(.lang,.nav__lang){min-width:42px!important;width:42px!important;height:42px!important;padding:0!important}
  :where(.hero,.support-hero){
    padding-top:calc(var(--hs-nav-height) + 34px)!important;
    padding-bottom:46px!important;
  }
  :where(.hero__buttons,.hero-actions,.hero__actions,.form-actions){gap:11px!important}
  :where(.hero__buttons,.hero-actions,.hero__actions) :where(.btn,a.btn){width:100%!important}
  :where(.cta){padding:30px 20px!important}
}

/* Shared legal footer added by the production pass. */
.hs-legal-footer{
  padding:26px 20px;border-top:1px solid rgba(255,255,255,.08);
  color:#8f93a8;text-align:center;background:rgba(2,3,9,.34);
}
.hs-legal-footer__inner{width:min(1200px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.hs-legal-footer__links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.hs-legal-footer a{color:#b8bbca;transition:color .2s ease}
.hs-legal-footer a:hover{color:#34d8ff}
@media(max-width:720px){.hs-legal-footer__inner{flex-direction:column}.hs-legal-footer{font-size:.88rem}}

/* Static legal/error pages. */
.hs-simple-main{min-height:calc(100svh - var(--hs-nav-height));padding:calc(var(--hs-nav-height) + 62px) 22px 72px}
.hs-simple-wrap{width:min(920px,100%);margin:auto}
.hs-simple-wrap h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.04;margin:0 0 20px}
.hs-simple-wrap h2{margin-top:38px;font-size:1.55rem}
.hs-simple-wrap p,.hs-simple-wrap li{color:#a3a7ba}
.hs-simple-wrap a{color:#32d4ff}
.hs-simple-card{margin-top:30px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.025)}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* =========================================================
   Core UX v3 — creative footer, contact actions, floating tools
   ========================================================= */
:root{
  --hs-cyan:#20d8ff;
  --hs-blue:#078bff;
  --hs-violet:#8b5cf6;
  --hs-green:#25d366;
  --hs-ink:#050610;
  --hs-surface:#090b18;
  --hs-text:#f4f6ff;
  --hs-muted:#9ba2bb;
}

/* Faster rendering for long pages while preserving layout. */
main > section:not(.hero):not(.support-hero),
main > div:not(.hero):not(.support-hero){
  content-visibility:auto;
  contain-intrinsic-size:auto 760px;
}

.hs-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:var(--hs-text);
  background:
    radial-gradient(circle at 12% 0%,rgba(32,216,255,.12),transparent 30%),
    radial-gradient(circle at 88% 18%,rgba(139,92,246,.15),transparent 32%),
    linear-gradient(180deg,#070913 0%,#04050b 100%);
  border-top:1px solid rgba(255,255,255,.08);
}
.hs-footer__aurora{
  position:absolute;z-index:-1;inset:-45% 0 auto 0;height:520px;opacity:.64;
  background:conic-gradient(from 90deg at 50% 50%,transparent,rgba(0,210,255,.16),transparent,rgba(139,92,246,.13),transparent);
  filter:blur(70px);pointer-events:none;
}
.hs-footer__wrap{width:min(1240px,calc(100% - 40px));margin:auto;padding:74px 0 24px}
.hs-footer__cta{
  position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) auto;align-items:end;gap:40px;
  margin-bottom:58px;padding:36px clamp(24px,4vw,48px);overflow:hidden;
  border:1px solid rgba(79,210,255,.18);border-radius:28px;
  background:linear-gradient(120deg,rgba(9,18,38,.9),rgba(17,10,37,.84));
  box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05);
}
.hs-footer__cta::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 0 44%,rgba(255,255,255,.06) 50%,transparent 56%);
  transform:translateX(-110%);animation:hsFooterSweep 9s ease-in-out infinite;
}
@keyframes hsFooterSweep{0%,72%{transform:translateX(-110%)}88%,100%{transform:translateX(110%)}}
.hs-footer__eyebrow{display:block;margin-bottom:13px;color:var(--hs-cyan);font-size:.75rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.hs-footer__cta h2{max-width:800px;margin:0;font-size:clamp(1.9rem,3.3vw,3.4rem);line-height:1.06;letter-spacing:-.035em}
.hs-footer__cta p{max-width:720px;margin:17px 0 0;color:var(--hs-muted);font-size:1rem;line-height:1.8}
.hs-footer__cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.hs-btn{
  min-height:52px;padding:0 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  color:#fff!important;font-weight:850;text-decoration:none!important;white-space:nowrap;border:1px solid rgba(255,255,255,.12);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.hs-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.hs-btn--primary{background:linear-gradient(135deg,var(--hs-blue),var(--hs-cyan) 56%,var(--hs-violet));box-shadow:0 13px 35px rgba(0,171,255,.2)}
.hs-btn--whatsapp{background:linear-gradient(135deg,#119c45,var(--hs-green));box-shadow:0 13px 35px rgba(37,211,102,.16)}
.hs-btn--whatsapp::before{content:"●";font-size:.75rem;color:#fff}

.hs-footer__grid{display:grid;grid-template-columns:1.3fr .8fr .75fr 1.15fr;gap:clamp(28px,4vw,62px);padding:0 8px 54px}
.hs-footer__brand p{max-width:370px;margin:19px 0 23px;color:var(--hs-muted);line-height:1.85}
.hs-footer__logo{width:190px;height:auto;object-fit:contain}
.hs-footer__social{display:flex;gap:10px}
.hs-footer__social a{
  width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:13px;
  color:#dce0ef!important;background:rgba(255,255,255,.025);font-weight:900;text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}
.hs-footer__social a:hover{transform:translateY(-3px);border-color:rgba(32,216,255,.45);background:rgba(32,216,255,.08);color:#fff!important}
.hs-footer__column{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.hs-footer__column h3{margin:3px 0 9px;color:#fff;font-size:.98rem;letter-spacing:.015em}
.hs-footer__column > a{color:#a9aec1!important;text-decoration:none!important;font-size:.93rem;line-height:1.45;transition:color .18s ease,transform .18s ease}
.hs-footer__column > a:hover{color:var(--hs-cyan)!important;transform:translateX(3px)}
html[dir="rtl"] .hs-footer__column > a:hover{transform:translateX(-3px)}
.hs-footer__contact{gap:11px}
.hs-footer__contact > a{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.022)}
.hs-footer__contact span{display:block;margin-bottom:4px;color:#8f96ad;font-size:.73rem}
.hs-footer__contact strong{display:block;color:#edf0fa;font-size:.86rem;font-weight:750;overflow-wrap:anywhere}
.hs-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 8px 0;border-top:1px solid rgba(255,255,255,.075);color:#7f859a;font-size:.84rem}
.hs-footer__legal{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.hs-footer__legal a,.hs-footer__top{color:#9da3b7!important;text-decoration:none!important;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.hs-footer__legal a:hover,.hs-footer__top:hover{color:var(--hs-cyan)!important}

/* Floating conversion/navigation dock. */
.hs-floating-dock{
  position:fixed;z-index:9000;right:18px;bottom:18px;display:flex;align-items:flex-end;gap:10px;
  direction:ltr;pointer-events:none;
}
html[dir="rtl"] .hs-floating-dock{right:auto;left:18px}
.hs-floating-dock > *{pointer-events:auto}
.hs-float-btn{
  position:relative;width:52px;height:52px;display:inline-grid;place-items:center;border-radius:17px;
  border:1px solid rgba(255,255,255,.14);color:#fff!important;text-decoration:none!important;cursor:pointer;
  box-shadow:0 16px 42px rgba(0,0,0,.35);backdrop-filter:blur(16px);
  transition:transform .2s ease,opacity .2s ease,visibility .2s ease,box-shadow .2s ease;
}
.hs-float-btn:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.44)}
.hs-float-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hs-float-btn--wa{width:auto;min-width:52px;padding:0 17px;grid-auto-flow:column;gap:10px;background:linear-gradient(135deg,#0f9f46,var(--hs-green));border-color:rgba(255,255,255,.22);font-weight:850}
.hs-float-btn--wa svg{fill:currentColor;stroke:none}
.hs-float-btn--call{background:rgba(10,15,31,.91)}
.hs-float-btn--top{background:rgba(10,15,31,.91);opacity:0;visibility:hidden;transform:translateY(10px)}
.hs-float-btn--top.is-visible{opacity:1;visibility:visible;transform:none}
.hs-float-label{font-size:.88rem;white-space:nowrap}

/* Stronger contact experience. */
.hs-contact-methods{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.hs-contact-method{
  position:relative;min-height:178px;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  text-decoration:none!important;overflow:hidden;isolation:isolate;
}
.hs-contact-method::after{content:"";position:absolute;z-index:-1;width:130px;height:130px;right:-55px;bottom:-60px;border-radius:50%;background:rgba(32,216,255,.08);filter:blur(4px)}
html[dir="rtl"] .hs-contact-method::after{right:auto;left:-55px}
.hs-contact-method--wa::after{background:rgba(37,211,102,.13)}
.hs-contact-method__icon{width:36px;height:36px;margin-bottom:14px;display:grid;place-items:center;border-radius:11px;background:rgba(32,216,255,.1);color:var(--hs-cyan);font-weight:900}
.hs-contact-method--wa .hs-contact-method__icon{background:rgba(37,211,102,.13);color:#55e78a}
.hs-contact-method strong{display:block;margin-top:6px;color:#fff;font-size:.94rem;overflow-wrap:anywhere}
.hs-contact-method p{margin-top:10px!important}
.hs-form-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center!important}
.hs-form-actions .status{grid-column:1/-1}
.hs-whatsapp-submit{background:linear-gradient(135deg,#119c45,var(--hs-green))!important;border-color:transparent!important;color:#fff!important}

/* Consistent language controls and no flash while translating. */
html.hs-language-changing body{opacity:.995}
#langBtn,#langToggle,#lang-toggle{touch-action:manipulation}

@media(max-width:980px){
  .hs-footer__cta{grid-template-columns:1fr;align-items:start}.hs-footer__cta-actions{justify-content:flex-start}
  .hs-footer__grid{grid-template-columns:1.15fr 1fr 1fr}.hs-footer__contact{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  body{padding-bottom:76px}
  main > section:not(.hero):not(.support-hero),main > div:not(.hero):not(.support-hero){contain-intrinsic-size:auto 560px}
  .hs-footer__wrap{width:min(100% - 26px,1240px);padding-top:52px}
  .hs-footer__cta{padding:26px 20px;border-radius:22px;margin-bottom:44px;gap:26px}
  .hs-footer__cta h2{font-size:clamp(1.75rem,8vw,2.45rem)}
  .hs-footer__cta-actions,.hs-footer__cta-actions .hs-btn{width:100%}
  .hs-footer__grid{grid-template-columns:1fr 1fr;gap:34px 22px;padding-inline:3px}
  .hs-footer__brand,.hs-footer__contact{grid-column:1/-1}.hs-footer__contact{grid-template-columns:1fr}
  .hs-footer__bottom{align-items:flex-start;flex-direction:column}.hs-footer__legal{justify-content:flex-start;gap:15px}
  .hs-floating-dock{left:12px!important;right:12px!important;bottom:10px;align-items:center;justify-content:center;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(5,7,15,.88);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.42)}
  .hs-float-btn{height:48px;border-radius:14px;box-shadow:none}.hs-float-btn--wa{flex:1;max-width:260px}.hs-float-btn--call{display:grid}.hs-float-btn--top{position:absolute;right:0;bottom:68px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
  html[dir="rtl"] .hs-float-btn--top{right:auto;left:0}
  .hs-contact-methods{grid-template-columns:1fr!important}.hs-contact-method{min-height:152px}
  .hs-form-actions{grid-template-columns:1fr}.hs-form-actions .status{grid-column:auto}
  /* Expensive blur/glow effects are softened on phones. */
  :where(.blob,.glow,.hero__glow,.noise,.particles){animation:none!important}
  :where(.glass,.card,.hs-mega,.mega){backdrop-filter:none!important}
}
@media(max-width:440px){
  .hs-footer__grid{grid-template-columns:1fr}.hs-footer__brand,.hs-footer__contact{grid-column:auto}
  .hs-float-label{font-size:.82rem}
}
@media(prefers-reduced-motion:reduce){.hs-footer__cta::before{animation:none}.hs-float-btn{transition:none}}

/* =========================================================
   UX correction v4 — explicit Home, quieter floating tools,
   lighter copyright and a distinctive Industries mega item.
   ========================================================= */
.hs-home-link[aria-current="page"]{color:#fff!important}
.hs-home-link[aria-current="page"]::after{opacity:1!important;transform:scaleX(1)!important}

:where(.hs-mega-card--industries,.mega-grid>a.hs-mega-card--industries){
  position:relative;overflow:hidden;border-color:rgba(32,216,255,.2)!important;
  background:linear-gradient(120deg,rgba(0,179,255,.08),rgba(139,92,246,.08))!important;
}
:where(.hs-mega-card--industries,.mega-grid>a.hs-mega-card--industries)::after{
  content:"";position:absolute;inset:auto -30px -55px auto;width:120px;height:120px;border-radius:50%;
  background:rgba(32,216,255,.09);filter:blur(3px);pointer-events:none;
}
@media(min-width:1121px){
  :where(.hs-mega-card--industries,.mega-grid>a.hs-mega-card--industries){grid-column:1/-1!important;min-height:68px!important}
}

/* Floating tools are icons only, compact and kept at the page edge. */
.hs-floating-dock{
  right:clamp(10px,1.5vw,20px)!important;left:auto!important;bottom:16px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;
}
html[dir="rtl"] .hs-floating-dock{right:auto!important;left:clamp(10px,1.5vw,20px)!important}
.hs-float-btn{
  width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;box-shadow:0 10px 28px rgba(0,0,0,.3)!important;
}
.hs-float-btn--wa{width:46px!important;height:46px!important;min-width:46px!important;background:linear-gradient(135deg,#109f46,#25d366)!important}
.hs-float-btn--wa svg{width:24px!important;height:24px!important}
.hs-float-btn--top{width:38px!important;height:38px!important;min-width:38px!important;background:rgba(8,12,25,.88)!important}
.hs-float-btn--top svg{width:18px!important;height:18px!important}
.hs-float-label{display:none!important}

/* Copyright should remain visible but quieter than the main footer content. */
.hs-footer__bottom,.hs-legal-footer,.hs-copyright{font-size:.75rem!important;line-height:1.5!important}
.hs-footer__bottom{color:#73798d!important}

@media(max-width:720px){
  body{padding-bottom:0!important}
  .hs-floating-dock{right:9px!important;left:auto!important;bottom:10px!important;justify-content:flex-end!important}
  html[dir="rtl"] .hs-floating-dock{right:auto!important;left:9px!important}
  .hs-float-btn--wa{width:43px!important;height:43px!important;min-width:43px!important}
  .hs-float-btn--top{position:relative!important;right:auto!important;left:auto!important;bottom:auto!important;width:36px!important;height:36px!important;min-width:36px!important}
  .hs-footer__wrap{padding-bottom:66px!important}
}


/* =========================================================
   Stable shell v5 — one header, one language system, no layout drift
   ========================================================= */
.hs-legacy-lang-controls{display:none!important}
.hs-site-nav{
  position:fixed!important;inset:0 0 auto!important;z-index:9500!important;
  height:78px!important;min-height:78px!important;
  background:rgba(5,7,16,.91)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
}
.hs-site-nav .hs-nav-inner{
  width:min(1240px,calc(100% - 34px))!important;max-width:1240px!important;height:100%!important;
  margin:0 auto!important;padding:0!important;display:flex!important;align-items:center!important;
  justify-content:flex-start!important;gap:20px!important;
}
.hs-site-nav .nav__logo{display:flex!important;align-items:center!important;flex:0 0 auto!important}
.hs-site-nav .nav__logo img{display:block!important;width:154px!important;height:auto!important;max-height:52px!important;object-fit:contain!important}
.hs-site-nav .hs-main-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;margin-inline:auto!important;min-width:0!important}
.hs-site-nav .hs-main-nav>a,.hs-site-nav .hs-solutions-trigger{
  min-height:44px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;border:0!important;border-radius:11px!important;background:transparent!important;
  color:#b8bdcf!important;font:700 .84rem/1 Inter,Cairo,sans-serif!important;white-space:nowrap!important;cursor:pointer!important;
}
html[dir="rtl"] .hs-site-nav .hs-main-nav>a,html[dir="rtl"] .hs-site-nav .hs-solutions-trigger{font-family:Cairo,Arial,sans-serif!important;font-size:.83rem!important}
.hs-site-nav .hs-main-nav>a:hover,.hs-site-nav .hs-solutions-trigger:hover,.hs-site-nav .hs-main-nav>a[aria-current="page"]{color:#fff!important;background:rgba(255,255,255,.055)!important}
.hs-site-nav .hs-solutions-menu{position:relative!important;display:block!important}
.hs-site-nav .hs-solutions-trigger{gap:7px!important}
.hs-site-nav .hs-solutions-arrow{font-size:1rem!important;transition:transform .18s ease!important}
.hs-site-nav .hs-solutions-menu:hover .hs-solutions-arrow,.hs-site-nav .hs-solutions-menu:focus-within .hs-solutions-arrow{transform:rotate(180deg)!important}
.hs-site-nav .hs-nav-actions{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important;margin:0!important}
.hs-site-nav .hs-lang-switch{
  width:auto!important;min-width:106px!important;height:42px!important;min-height:42px!important;padding:4px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  border:1px solid rgba(255,255,255,.11)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;
  color:#fff!important;cursor:pointer!important;white-space:nowrap!important;overflow:visible!important;
}
.hs-site-nav .nav__lang-option{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:37px!important;height:30px!important;padding:0 6px!important;border-radius:8px!important;color:#858ca3!important;font:800 .73rem/1 Inter,Cairo,sans-serif!important;opacity:1!important}
.hs-site-nav .nav__lang-option[data-hs-lang-option="ar"]{font-family:Cairo,Arial,sans-serif!important;font-size:.72rem!important}
.hs-site-nav .nav__lang-option.active{color:#fff!important;background:linear-gradient(135deg,rgba(7,139,255,.75),rgba(32,216,255,.38))!important;box-shadow:0 5px 15px rgba(0,130,255,.15)!important}
.hs-site-nav .nav__lang-sep{color:#555d73!important;font-size:.7rem!important}
.hs-site-nav .hs-nav-cta{height:44px!important;min-height:44px!important;min-width:126px!important;padding:0 18px!important;font-size:.8rem!important;border-radius:12px!important}

@media(min-width:1121px){
  .hs-site-nav .hs-mega{
    position:absolute!important;z-index:9700!important;top:calc(100% + 15px)!important;left:50%!important;right:auto!important;
    width:min(880px,calc(100vw - 40px))!important;max-width:880px!important;margin:0!important;padding:18px!important;
    display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translate(-50%,-8px)!important;border:1px solid rgba(71,194,255,.18)!important;border-radius:22px!important;
    background:rgba(6,8,18,.985)!important;box-shadow:0 28px 80px rgba(0,0,0,.58)!important;transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important;
  }
  html[dir="rtl"] .hs-site-nav .hs-mega{left:auto!important;right:50%!important;transform:translate(50%,-8px)!important}
  .hs-site-nav .hs-solutions-menu:hover .hs-mega,.hs-site-nav .hs-solutions-menu:focus-within .hs-mega{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
  html[dir="rtl"] .hs-site-nav .hs-solutions-menu:hover .hs-mega,html[dir="rtl"] .hs-site-nav .hs-solutions-menu:focus-within .hs-mega{transform:translate(50%,0)!important}
  .hs-site-nav .hs-mega-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .hs-site-nav .hs-mega-card{min-height:68px!important;padding:11px 12px!important;display:flex!important;align-items:center!important;gap:11px!important;border-radius:14px!important}
  .hs-site-nav .hs-mega-card--industries{grid-column:1/-1!important}
}

@media(max-width:1120px){
  .hs-site-nav{height:72px!important;min-height:72px!important}
  .hs-site-nav .hs-nav-inner{width:calc(100% - 24px)!important;gap:10px!important}
  .hs-site-nav .nav__logo img{width:142px!important;max-height:46px!important}
  .hs-site-nav .hs-main-nav{display:none!important;margin:0!important}
  .hs-site-nav.hs-mobile-open .hs-main-nav{display:flex!important}
  .hs-site-nav .hs-nav-actions{margin-inline-start:auto!important}
  .hs-site-nav .hs-lang-switch{min-width:101px!important;height:40px!important}
  .hs-site-nav .hs-mega{display:none!important;position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;width:100%!important}
  .hs-site-nav .hs-solutions-menu.hs-solutions-open .hs-mega{display:block!important}
}
@media(max-width:520px){
  .hs-site-nav{height:68px!important;min-height:68px!important}
  .hs-site-nav .hs-nav-inner{width:calc(100% - 18px)!important}
  .hs-site-nav .nav__logo img{width:122px!important;max-height:42px!important}
  .hs-site-nav .hs-lang-switch{min-width:92px!important;height:38px!important;padding:3px!important}
  .hs-site-nav .nav__lang-option{min-width:32px!important;height:28px!important;padding:0 4px!important;font-size:.68rem!important}
  .hs-site-nav .nav__lang-option[data-hs-lang-option="ar"]{font-size:.67rem!important}
}

/* Footer typography is deliberately quieter and more balanced. */
.hs-footer__brand p{font-size:.86rem!important;line-height:1.7!important}
.hs-footer__column h3{font-size:.88rem!important;margin-bottom:6px!important}
.hs-footer__column>a{font-size:.84rem!important;line-height:1.35!important}
.hs-footer__contact span{font-size:.68rem!important}
.hs-footer__contact strong{font-size:.79rem!important}
.hs-footer__bottom,.hs-copyright,.hs-footer__legal,.hs-footer__top{font-size:.69rem!important;line-height:1.4!important}
.hs-footer__top{display:inline-flex!important;align-items:center!important;gap:4px!important}


/* =========================================================
   Stable shell v6 — fixed dimensions, click-controlled menu,
   compact language switch and no duplicate visible CTAs.
   ========================================================= */
:root{--hs-nav-height:76px}
body.hs-nav-locked{overflow:hidden!important}
.hs-site-nav{height:76px!important;min-height:76px!important;overflow:visible!important}
.hs-site-nav .hs-nav-inner{width:min(1240px,calc(100% - 32px))!important;height:76px!important;display:flex!important;align-items:center!important;gap:18px!important;margin:0 auto!important;padding:0!important}
.hs-site-nav .nav__logo{flex:0 0 auto!important}
.hs-site-nav .nav__logo img{width:150px!important;height:auto!important;max-height:50px!important;display:block!important}
.hs-site-nav .hs-main-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin-inline:auto!important}
.hs-site-nav .hs-main-nav>a,.hs-site-nav .hs-solutions-trigger{height:42px!important;min-height:42px!important;padding:0 11px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#b8bdcf!important;font:700 .82rem/1 Inter,Cairo,Arial,sans-serif!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;text-decoration:none!important}
.hs-site-nav .hs-main-nav>a:hover,.hs-site-nav .hs-main-nav>a[aria-current="page"],.hs-site-nav .hs-solutions-trigger:hover,.hs-site-nav .hs-solutions-menu.is-open>.hs-solutions-trigger{background:rgba(255,255,255,.06)!important;color:#fff!important}
.hs-site-nav .hs-solutions-menu{position:static!important;display:block!important}
.hs-site-nav .hs-solutions-trigger{gap:7px!important;cursor:pointer!important}
.hs-site-nav .hs-solutions-arrow{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;transition:transform .18s ease!important}
.hs-site-nav .hs-solutions-menu.is-open .hs-solutions-arrow{transform:rotate(180deg)!important}
.hs-site-nav .hs-mega{position:fixed!important;top:88px!important;left:50%!important;right:auto!important;width:min(900px,calc(100vw - 34px))!important;max-width:900px!important;margin:0!important;padding:18px!important;border:1px solid rgba(74,197,255,.2)!important;border-radius:22px!important;background:rgba(6,8,18,.985)!important;box-shadow:0 28px 80px rgba(0,0,0,.62)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-8px)!important;transition:opacity .16s ease,visibility .16s ease,transform .16s ease!important;z-index:9800!important}
html[dir="rtl"] .hs-site-nav .hs-mega{left:50%!important;right:auto!important;transform:translate(-50%,-8px)!important}
.hs-site-nav .hs-solutions-menu.is-open .hs-mega{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
html[dir="rtl"] .hs-site-nav .hs-solutions-menu.is-open .hs-mega{transform:translate(-50%,0)!important}
.hs-site-nav .hs-mega-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;padding:2px 4px 14px!important;margin-bottom:8px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.hs-site-nav .hs-mega-head span{font:800 1rem/1.2 Inter,Cairo,sans-serif!important;color:#fff!important}
.hs-site-nav .hs-mega-head small{font:500 .78rem/1.4 Inter,Cairo,sans-serif!important;color:#8e95aa!important}
.hs-site-nav .hs-mega-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.hs-site-nav .hs-mega-card{min-height:68px!important;padding:11px 12px!important;display:flex!important;align-items:center!important;gap:11px!important;border:1px solid transparent!important;border-radius:14px!important;background:rgba(255,255,255,.018)!important;color:#fff!important;text-decoration:none!important;min-width:0!important}
.hs-site-nav .hs-mega-card:hover{background:rgba(22,183,255,.07)!important;border-color:rgba(48,202,255,.2)!important;transform:translateY(-1px)!important}
.hs-site-nav .hs-mega-card>span:last-child{min-width:0!important;display:block!important}
.hs-site-nav .hs-mega-card strong,.hs-site-nav .hs-mega-card small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.hs-site-nav .hs-mega-card strong{font:750 .82rem/1.3 Inter,Cairo,sans-serif!important;color:#f3f6ff!important}
.hs-site-nav .hs-mega-card small{margin-top:4px!important;font:500 .7rem/1.3 Inter,Cairo,sans-serif!important;color:#858da5!important}
.hs-site-nav .hs-mega-icon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(7,139,255,.22),rgba(32,216,255,.08))!important;border:1px solid rgba(56,198,255,.15)!important;color:#5edcff!important;font:850 .65rem/1 Inter,sans-serif!important}
.hs-site-nav .hs-mega-card--industries{grid-column:1/-1!important;background:linear-gradient(90deg,rgba(7,139,255,.06),rgba(139,92,246,.055))!important}
.hs-site-nav .hs-nav-actions{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important;margin:0!important}
.hs-site-nav .hs-language-toggle{width:48px!important;min-width:48px!important;height:40px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:11px!important;background:rgba(255,255,255,.03)!important;color:#e8ecf8!important;font:850 .73rem/1 Inter,Arial,sans-serif!important;letter-spacing:.04em!important;cursor:pointer!important;overflow:visible!important;white-space:nowrap!important}
.hs-site-nav .hs-language-toggle:hover{border-color:rgba(41,206,255,.38)!important;background:rgba(32,216,255,.07)!important;color:#fff!important}
.hs-site-nav .hs-nav-cta{height:42px!important;min-height:42px!important;min-width:122px!important;padding:0 17px!important;border-radius:11px!important;font-size:.78rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
.hs-site-nav .hs-mobile-quote{display:none!important}
.hs-site-nav .hs-mobile-toggle{display:none!important}

/* Project cards on Home are now clear, keyboard-accessible links to Projects. */
[data-hs-project-card]{cursor:pointer!important}
[data-hs-project-card]:focus-visible{outline:2px solid #25d9ff!important;outline-offset:4px!important}

/* Quieter, more balanced footer typography. */
.hs-footer__brand p{font-size:.82rem!important;line-height:1.65!important}
.hs-footer__column h3{font-size:.84rem!important}
.hs-footer__column>a{font-size:.8rem!important;line-height:1.35!important}
.hs-footer__contact span{font-size:.65rem!important}
.hs-footer__contact strong{font-size:.75rem!important}
.hs-footer__bottom,.hs-copyright,.hs-footer__legal,.hs-footer__top{font-size:.65rem!important;line-height:1.35!important}

@media(max-width:1120px){
  :root{--hs-nav-height:70px}
  .hs-site-nav{height:70px!important;min-height:70px!important}
  .hs-site-nav .hs-nav-inner{height:70px!important;width:calc(100% - 24px)!important;gap:9px!important}
  .hs-site-nav .nav__logo img{width:138px!important;max-height:45px!important}
  .hs-site-nav .hs-mobile-toggle{order:3!important;width:40px!important;height:40px!important;min-width:40px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important;color:#fff!important;cursor:pointer!important}
  .hs-site-nav .hs-mobile-toggle span,.hs-site-nav .hs-mobile-toggle span::before,.hs-site-nav .hs-mobile-toggle span::after{content:""!important;display:block!important;width:18px!important;height:2px!important;border-radius:4px!important;background:currentColor!important;position:relative!important;transition:.18s ease!important}
  .hs-site-nav .hs-mobile-toggle span::before{position:absolute!important;top:-6px!important}
  .hs-site-nav .hs-mobile-toggle span::after{position:absolute!important;top:6px!important}
  .hs-site-nav.hs-mobile-open .hs-mobile-toggle span{background:transparent!important}
  .hs-site-nav.hs-mobile-open .hs-mobile-toggle span::before{top:0!important;transform:rotate(45deg)!important}
  .hs-site-nav.hs-mobile-open .hs-mobile-toggle span::after{top:0!important;transform:rotate(-45deg)!important}
  .hs-site-nav .hs-nav-actions{margin-inline-start:auto!important;order:2!important}
  .hs-site-nav .hs-nav-cta{display:none!important}
  .hs-site-nav .hs-language-toggle{width:44px!important;min-width:44px!important;height:38px!important}
  .hs-site-nav .hs-main-nav{position:fixed!important;top:80px!important;left:12px!important;right:12px!important;width:auto!important;max-height:calc(100svh - 94px)!important;margin:0!important;padding:12px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;overflow:auto!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:18px!important;background:rgba(6,8,18,.985)!important;box-shadow:0 26px 70px rgba(0,0,0,.6)!important;z-index:9700!important}
  .hs-site-nav.hs-mobile-open .hs-main-nav{display:flex!important}
  .hs-site-nav .hs-main-nav>a,.hs-site-nav .hs-solutions-trigger{width:100%!important;height:46px!important;justify-content:flex-start!important;padding:0 14px!important;font-size:.86rem!important}
  html[dir="rtl"] .hs-site-nav .hs-main-nav>a,html[dir="rtl"] .hs-site-nav .hs-solutions-trigger{justify-content:flex-start!important;text-align:right!important}
  .hs-site-nav .hs-solutions-menu{width:100%!important}
  .hs-site-nav .hs-mega{position:static!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:none!important;margin:5px 0 2px!important;padding:10px!important;display:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;border-radius:14px!important;box-shadow:none!important;background:rgba(255,255,255,.025)!important}
  .hs-site-nav .hs-solutions-menu.is-open .hs-mega{display:block!important;transform:none!important}
  .hs-site-nav .hs-mega-head{display:none!important}
  .hs-site-nav .hs-mega-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .hs-site-nav .hs-mega-card{min-height:58px!important;padding:9px!important}
  .hs-site-nav .hs-mega-icon{width:34px!important;height:34px!important;min-width:34px!important}
  .hs-site-nav .hs-mega-card strong{font-size:.76rem!important}
  .hs-site-nav .hs-mega-card small{font-size:.65rem!important}
  .hs-site-nav .hs-mobile-quote{display:flex!important;margin-top:4px!important;background:linear-gradient(135deg,#078bff,#20d8ff 58%,#8b5cf6)!important;color:#fff!important;justify-content:center!important}
}
@media(max-width:560px){
  :root{--hs-nav-height:66px}
  .hs-site-nav{height:66px!important;min-height:66px!important}
  .hs-site-nav .hs-nav-inner{height:66px!important;width:calc(100% - 18px)!important}
  .hs-site-nav .nav__logo img{width:120px!important;max-height:40px!important}
  .hs-site-nav .hs-language-toggle{width:40px!important;min-width:40px!important;height:36px!important;font-size:.68rem!important}
  .hs-site-nav .hs-mobile-toggle{width:38px!important;height:38px!important;min-width:38px!important}
  .hs-site-nav .hs-main-nav{top:74px!important;left:8px!important;right:8px!important;max-height:calc(100svh - 84px)!important}
  .hs-site-nav .hs-mega-grid{grid-template-columns:1fr!important}
  .hs-site-nav .hs-mega-card--industries{grid-column:auto!important}
}

.hs-legacy-lang-controls{display:none!important}

/* v6.1 CTA visibility specificity fix */
.hs-site-nav .hs-main-nav>.hs-mobile-quote{display:none!important}
@media(max-width:1120px){.hs-site-nav .hs-main-nav>.hs-mobile-quote{display:flex!important}.hs-site-nav .hs-nav-actions>.hs-nav-cta{display:none!important}}

/* v6.2 mega menu sizing guard */
.hs-site-nav .hs-mega{box-sizing:border-box!important}
.hs-site-nav .hs-mega *{box-sizing:border-box!important}


/* =========================================================
   Stable v7.1 — canonical Solutions menu in both languages.
   Every service card remains visible; RTL changes direction only.
   ========================================================= */
.hs-site-nav .hs-mega-grid > .hs-mega-card{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
html[dir="rtl"] .hs-site-nav .hs-mega,
html[dir="rtl"] .hs-site-nav .hs-mega-grid,
html[dir="rtl"] .hs-site-nav .hs-mega-card{
  direction:rtl!important;
}
html[dir="rtl"] .hs-site-nav .hs-mega-card{
  text-align:right!important;
}
@media(min-width:1121px){
  .hs-site-nav .hs-mega{
    max-height:calc(100svh - 108px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin;
  }
  .hs-site-nav .hs-mega-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:1120px){
  .hs-site-nav .hs-main-nav{
    overscroll-behavior:contain!important;
    scrollbar-width:thin;
  }
  .hs-site-nav .hs-solutions-menu.is-open .hs-mega{
    display:block!important;
    max-height:min(520px,calc(100svh - 210px))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .hs-site-nav .hs-mega-grid > .hs-mega-card{
    min-width:0!important;
  }
}
@media(max-width:560px){
  .hs-site-nav .hs-solutions-menu.is-open .hs-mega{
    max-height:calc(100svh - 200px)!important;
  }
}

/* =========================================================
   Stable v7.2 — RTL Solutions hover-position conflict removed.
   Desktop mega menu opens only from the explicit click state.
   ========================================================= */
@media (min-width:1121px){
  /* Legacy :hover/:focus-within rules used an RTL positive translate,
     pushing the 900px panel outside the viewport. Keep it closed until
     JavaScript adds .is-open. */
  .hs-site-nav .hs-solutions-menu:not(.is-open):hover .hs-mega,
  .hs-site-nav .hs-solutions-menu:not(.is-open):focus-within .hs-mega,
  html[dir="rtl"] .hs-site-nav .hs-solutions-menu:not(.is-open):hover .hs-mega,
  html[dir="rtl"] .hs-site-nav .hs-solutions-menu:not(.is-open):focus-within .hs-mega{
    position:fixed!important;
    top:88px!important;
    left:50%!important;
    right:auto!important;
    width:min(900px,calc(100vw - 34px))!important;
    max-width:900px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(-50%,-8px,0)!important;
  }

  .hs-site-nav .hs-solutions-menu:not(.is-open):hover .hs-solutions-arrow,
  .hs-site-nav .hs-solutions-menu:not(.is-open):focus-within .hs-solutions-arrow{
    transform:none!important;
  }

  /* One physical viewport position for both LTR and RTL. */
  .hs-site-nav .hs-solutions-menu.is-open .hs-mega,
  .hs-site-nav .hs-solutions-menu.is-open:hover .hs-mega,
  .hs-site-nav .hs-solutions-menu.is-open:focus-within .hs-mega,
  html[dir="rtl"] .hs-site-nav .hs-solutions-menu.is-open .hs-mega,
  html[dir="rtl"] .hs-site-nav .hs-solutions-menu.is-open:hover .hs-mega,
  html[dir="rtl"] .hs-site-nav .hs-solutions-menu.is-open:focus-within .hs-mega{
    position:fixed!important;
    top:88px!important;
    left:50%!important;
    right:auto!important;
    width:min(900px,calc(100vw - 34px))!important;
    max-width:900px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(-50%,0,0)!important;
  }

  .hs-site-nav .hs-solutions-menu.is-open .hs-solutions-arrow{
    transform:rotate(180deg)!important;
  }
}


/* =========================================================
   Hyper Sonic Egypt v7.3 — Mobile First Finish + Knowledge Tools
   ========================================================= */
:root{
  --hs-mobile-gutter:16px;
  --hs-mobile-radius:18px;
  --hs-touch:46px;
}
[hidden]{display:none!important}
body{-webkit-tap-highlight-color:transparent}
a,button{touch-action:manipulation}

/* Prevent expensive hover behavior on touch devices. */
@media (hover:none){
  :where(.card,.glass-card,.project,.project-card,.shot,.story,.work,.industry,.sector,.service-card,.use-card):hover{transform:none!important;box-shadow:none!important}
  :where(.project,.project-card,.shot,.story,.work,.industry,.sector,.hero-media,.hero__media):hover img{transform:none!important;filter:none!important}
}

/* Tablet/mobile header: stable dimensions and faster rendering. */
@media (max-width:1120px){
  .hs-site-nav{height:68px!important;background:rgba(5,6,14,.94)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
  .hs-nav-inner{height:68px!important;min-height:68px!important;padding-inline:14px!important;gap:9px!important}
  .hs-site-nav .nav__logo{min-width:0!important;flex:1 1 auto!important}
  .hs-site-nav .nav__logo img{width:128px!important;max-width:128px!important;height:auto!important}
  .hs-site-nav .hs-nav-actions{gap:8px!important;margin-inline-start:auto!important}
  .hs-site-nav .hs-language-toggle,.hs-site-nav .hs-mobile-toggle{width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important}
  .hs-site-nav .hs-main-nav{top:76px!important;left:10px!important;right:10px!important;padding:12px!important;border-radius:18px!important;max-height:calc(100svh - 88px)!important;overscroll-behavior:contain!important}
  .hs-site-nav .hs-main-nav>a,.hs-site-nav .hs-solutions-trigger{min-height:46px!important;padding:10px 12px!important;font-size:.92rem!important}
  .hs-site-nav .hs-mega{padding:9px!important;margin-top:3px!important;max-height:52svh!important;overflow:auto!important}
  .hs-site-nav .hs-mega-grid{gap:4px!important}
  .hs-site-nav .hs-mega-card{min-height:50px!important;padding:8px 9px!important}
  .hs-site-nav .hs-mega-card strong{font-size:.83rem!important}
  .hs-site-nav .hs-mega-card small{font-size:.66rem!important}
  .hs-site-nav .hs-mega-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;font-size:.7rem!important}
  body.hs-nav-locked{overflow:hidden!important}
}

/* Shared mobile hero system for every page. */
@media (max-width:760px){
  :root{--hs-nav-height:68px;--hs-mobile-gutter:15px}
  body{font-size:15px!important}
  main{overflow:clip}
  :where(.hero,.support-hero){
    min-height:auto!important;
    padding:calc(var(--hs-nav-height) + 24px) var(--hs-mobile-gutter) 38px!important;
    align-items:flex-start!important;
  }
  :where(.hero__inner,.hero-inner,.hero-grid,.support-grid,.hero .inner){
    width:100%!important;max-width:560px!important;margin-inline:auto!important;
    display:flex!important;flex-direction:column!important;gap:20px!important;
    padding:0!important;text-align:center!important;align-items:stretch!important;
  }
  :where(.hero__content,.hero-inner>div:first-child,.hero-grid>div:first-child,.support-grid>div:first-child,.hero .inner>div:first-child){order:1!important;min-width:0!important}
  :where(.hero__visual,.hero-media,.hero-image,.visual,.hero-stack,.support-console,.touch-stage,.solution-hero__media,.interactive-media){order:2!important;width:100%!important;max-width:520px!important;margin:0 auto!important}
  :where(.hero h1,.support-hero h1){font-size:clamp(2.15rem,10vw,2.8rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0 0 14px!important;text-wrap:balance!important}
  html[dir=rtl] :where(.hero h1,.support-hero h1){letter-spacing:0!important;line-height:1.28!important}
  :where(.hero p,.support-hero p,.hero .lead){font-size:.96rem!important;line-height:1.62!important;margin-inline:auto!important;max-width:38rem!important}
  :where(.hero__tag,.tag,.eyebrow,.badge,.kicker,.solution-label){font-size:.67rem!important;line-height:1.2!important;letter-spacing:.1em!important;margin-bottom:13px!important;padding:7px 12px!important;max-width:100%!important}
  :where(.chips,.solution-pill-row){display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;gap:7px!important;margin:15px -2px 0!important;padding:2px 2px 5px!important;justify-content:flex-start!important;overscroll-behavior-x:contain!important}
  :where(.chips,.solution-pill-row)::-webkit-scrollbar{display:none!important}
  :where(.chip,.solution-pill){flex:0 0 auto!important;font-size:.72rem!important;padding:7px 10px!important;white-space:nowrap!important}
  :where(.hero__actions,.hero__buttons,.hero-actions,.form-actions){display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;margin-top:18px!important}
  :where(.hero__actions,.hero__buttons,.hero-actions,.form-actions) :where(.btn,a.btn,button,.hs-btn){width:100%!important;min-height:50px!important;padding-inline:18px!important;border-radius:14px!important;font-size:.91rem!important}
  :where(.hero-media,.hero-image,.visual,.touch-stage,.solution-hero__media,.interactive-media){aspect-ratio:16/10!important;min-height:0!important;max-height:300px!important;border-radius:20px!important;overflow:hidden!important}
  :where(.hero-media img,.hero-image img,.visual img,.touch-stage img,.solution-hero__media img,.interactive-media img){width:100%!important;height:100%!important;object-fit:cover!important}
  .hero-stack{min-height:285px!important;position:relative!important;transform:none!important}
  .hero-stack .hero-card{max-width:82%!important;border-radius:18px!important}
  .support-console{padding:14px!important;border-radius:20px!important}
  .contact-cards,.hs-contact-methods{grid-template-columns:1fr!important;gap:10px!important}
  main > section:not(.hero):not(.support-hero),main > div:not(.hero):not(.support-hero){contain-intrinsic-size:auto 520px}
  .section,.section.alt,.section--alt{padding:48px var(--hs-mobile-gutter)!important}
  :where(.section__header,.section-head,.intro){margin-bottom:24px!important}
  :where(.section h2,.section__title){font-size:clamp(1.75rem,8vw,2.35rem)!important;line-height:1.18!important;text-wrap:balance!important}
  :where(.grid,.cards,.services-grid,.features-grid,.proof,.work-grid){grid-template-columns:1fr!important;gap:12px!important}
  :where(.card,.glass-card,.service-card,.use-card){padding:18px!important;border-radius:18px!important}
  .hs-floating-dock{inset-inline-end:10px!important;bottom:12px!important;gap:8px!important}
  .hs-float-btn{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important}
  .hs-float-btn svg{width:20px!important;height:20px!important}
  .hs-footer__wrap{padding-inline:15px!important}
  .hs-footer__cta{padding:24px 18px!important;border-radius:20px!important;gap:18px!important}
  .hs-footer__cta h2{font-size:1.65rem!important;line-height:1.25!important}
  .hs-footer__cta p{font-size:.88rem!important;line-height:1.6!important}
  .hs-footer__cta-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:9px!important}
  .hs-footer__cta-actions .hs-btn{width:100%!important;min-height:48px!important}
  .hs-footer__grid{grid-template-columns:1fr!important;gap:22px!important}
  .hs-footer__column h3{font-size:.75rem!important;margin-bottom:9px!important}
  .hs-footer__column a,.hs-footer__brand p,.hs-footer__contact a span{font-size:.8rem!important;line-height:1.55!important}
  .hs-footer__contact a strong{font-size:.79rem!important;overflow-wrap:anywhere!important}
  .hs-footer__bottom{font-size:.72rem!important;gap:12px!important;padding-block:17px!important}
  .hs-footer__legal{gap:11px!important;font-size:.73rem!important}
  .hs-copyright{font-size:.7rem!important}
  .hs-footer__top{font-size:.73rem!important}
  /* Faster mobile effects. */
  :where(.hs-footer__aurora,.bg-layers__glow,.bg-layers__line,.bg-layers__sweep,.hero__particles,#bgParticles){display:none!important}
  :where(.glass-card,.card,.hs-footer__cta,.hs-site-nav,.hs-main-nav,.hero-note,.visual__panel){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* Home hero: premium first screen with the visual visible before the fold. */
@media (max-width:760px){
  .hs-page-home .hero{padding-top:calc(var(--hs-nav-height) + 18px)!important;padding-bottom:22px!important;background:radial-gradient(circle at 50% 86%,rgba(0,163,255,.13),transparent 38%)!important}
  .hs-page-home .hero__inner{gap:9px!important;max-width:520px!important}
  .hs-page-home .hero__tag{margin-bottom:12px!important}
  .hs-page-home .hero__title{font-size:clamp(2.2rem,10.6vw,2.85rem)!important;line-height:1.08!important;margin-bottom:13px!important}
  .hs-page-home .hero__subtitle{max-width:36ch!important;margin-bottom:0!important;font-size:.94rem!important;line-height:1.58!important}
  .hs-page-home .hero__actions{margin-top:17px!important}
  .hs-page-home .hero__visual{height:226px!important;max-width:330px!important;margin-top:-2px!important;overflow:hidden!important;mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%)}
  .hs-page-home .hero__svg{width:330px!important;max-width:none!important;height:248px!important;max-height:none!important;margin:0 auto!important;transform:translateY(-7px) scale(1.04)!important}
}
@media (max-width:390px){
  .hs-page-home .hero__title{font-size:2.1rem!important}
  .hs-page-home .hero__visual{height:206px!important;max-width:300px!important}
  .hs-page-home .hero__svg{width:306px!important;height:226px!important}
}

/* Tablet hero polish. */
@media (min-width:761px) and (max-width:1120px){
  :where(.hero,.support-hero){padding:110px 28px 58px!important;min-height:auto!important}
  :where(.hero__inner,.hero-inner,.hero-grid,.support-grid,.hero .inner){max-width:860px!important;margin:auto!important;grid-template-columns:1fr!important;text-align:center!important;gap:30px!important}
  :where(.hero p,.support-hero p){margin-inline:auto!important}
  :where(.hero__actions,.hero__buttons,.hero-actions){justify-content:center!important}
  :where(.hero__visual,.hero-media,.hero-image,.visual,.hero-stack,.support-console,.touch-stage,.solution-hero__media,.interactive-media){max-width:640px!important;margin-inline:auto!important}
  .hs-page-home .hero__visual{max-width:510px!important}
  .hs-page-home .hero__svg{max-height:390px!important}
  .hs-footer__grid{grid-template-columns:1.15fr 1fr 1fr!important}
  .hs-footer__contact{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 20px!important}
  .hs-footer__contact h3{grid-column:1/-1!important}
}

/* Knowledge and tools shared page system. */
.hs-content-page{background:radial-gradient(circle at 82% 7%,rgba(0,213,255,.08),transparent 28%),radial-gradient(circle at 9% 34%,rgba(139,92,246,.06),transparent 25%),#06060e;color:#f3f5fb;min-height:100svh}
.hs-content-page .hs-page-main{padding-top:78px}
.hs-k-hero{padding:92px 22px 62px;position:relative;overflow:hidden}
.hs-k-wrap{width:min(1180px,100%);margin:auto}
.hs-k-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}
.hs-k-eyebrow{display:inline-flex;padding:7px 13px;border-radius:999px;border:1px solid rgba(0,213,255,.24);color:#39dcff;background:rgba(0,213,255,.05);font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hs-k-hero h1{font-size:clamp(3rem,5.7vw,5.4rem);line-height:1.02;letter-spacing:-.05em;margin:18px 0;color:#f5f7ff}
html[dir=rtl] .hs-k-hero h1{letter-spacing:0;line-height:1.2}
.hs-k-gradient{background:linear-gradient(90deg,#078bff,#20d8ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hs-k-lead{color:#a2a7bc;font-size:1.06rem;line-height:1.75;max-width:650px}
.hs-k-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.hs-k-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:14px;border:1px solid rgba(255,255,255,.13);font-weight:800;color:#fff;background:rgba(255,255,255,.025)}
.hs-k-btn--primary{background:linear-gradient(135deg,#078bff,#20d8ff 55%,#8b5cf6);border-color:transparent;box-shadow:0 15px 40px rgba(0,145,255,.2)}
.hs-k-orbit{position:relative;aspect-ratio:1;border-radius:32px;border:1px solid rgba(0,213,255,.18);background:radial-gradient(circle at 50% 50%,rgba(0,163,255,.18),rgba(8,10,25,.75) 45%,rgba(8,10,25,.98));overflow:hidden;display:grid;place-items:center}
.hs-k-orbit:before,.hs-k-orbit:after{content:"";position:absolute;border:1px solid rgba(0,213,255,.13);border-radius:50%;inset:15%}.hs-k-orbit:after{inset:28%;border-color:rgba(139,92,246,.2)}
.hs-k-orbit__core{width:130px;height:130px;border-radius:30px;background:linear-gradient(145deg,rgba(0,213,255,.2),rgba(139,92,246,.12));border:1px solid rgba(0,213,255,.25);display:grid;place-items:center;font-size:2rem;font-weight:900;color:#5de3ff;box-shadow:0 0 60px rgba(0,163,255,.18)}
.hs-k-section{padding:74px 22px;border-top:1px solid rgba(255,255,255,.06)}
.hs-k-head{max-width:760px;margin-bottom:32px}.hs-k-head span{color:#39dcff;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hs-k-head h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.13;margin:9px 0 13px}.hs-k-head p{color:#9da3b8;margin:0}
.hs-k-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hs-k-card{display:flex;flex-direction:column;min-height:250px;padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));position:relative;overflow:hidden}
.hs-k-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-55px;top:-60px;background:radial-gradient(circle,rgba(0,213,255,.12),transparent 68%)}
html[dir=rtl] .hs-k-card:before{right:auto;left:-55px}
.hs-k-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(0,213,255,.09);border:1px solid rgba(0,213,255,.16);color:#4ce0ff;font-weight:900;margin-bottom:20px}
.hs-k-card h3{font-size:1.2rem;line-height:1.35;margin:0 0 10px}.hs-k-card p{color:#9da3b8;font-size:.91rem;line-height:1.7;margin:0 0 20px}.hs-k-card a{margin-top:auto;color:#55e1ff;font-weight:800;font-size:.88rem}
.hs-guide{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:28px 0;border-top:1px solid rgba(255,255,255,.07)}.hs-guide:first-child{border-top:0}.hs-guide__num{font-size:4rem;line-height:1;color:rgba(40,218,255,.17);font-weight:900}.hs-guide h3{margin:0 0 10px;font-size:1.55rem}.hs-guide p,.hs-guide li{color:#a1a6ba;line-height:1.75}.hs-guide ul{padding-inline-start:20px}.hs-guide li{margin:6px 0}
.hs-tool-shell{padding:92px 22px 70px}.hs-tool-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;align-items:start}.hs-tool-card{padding:26px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}.hs-tool-card h2,.hs-tool-card h1{margin-top:0}.hs-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hs-field{display:grid;gap:7px}.hs-field label{font-size:.82rem;color:#b9bdd0;font-weight:700}.hs-field input,.hs-field select,.hs-field textarea{width:100%;min-height:48px;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:#0a0c18;color:#fff;padding:11px 13px;font:inherit;outline:none}.hs-field textarea{min-height:110px;resize:vertical}.hs-field input:focus,.hs-field select:focus,.hs-field textarea:focus{border-color:#23d8ff;box-shadow:0 0 0 3px rgba(35,216,255,.08)}.hs-field--full{grid-column:1/-1}.hs-tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hs-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hs-result{padding:16px;border-radius:16px;border:1px solid rgba(0,213,255,.13);background:rgba(0,213,255,.035)}.hs-result small{display:block;color:#8d94aa;font-size:.72rem}.hs-result strong{display:block;font-size:1.2rem;margin-top:4px;color:#eefaff}.hs-result--wide{grid-column:1/-1}.hs-disclaimer{font-size:.76rem;color:#80869b;line-height:1.6;margin-top:16px}.hs-checklist{display:grid;gap:10px}.hs-checkitem{padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#c8ccda}.hs-checkitem::before{content:"✓";color:#35dcff;font-weight:900;margin-inline-end:9px}
@media(max-width:900px){.hs-k-hero__grid,.hs-tool-grid{grid-template-columns:1fr}.hs-k-orbit{max-width:470px;margin:auto;width:100%}.hs-k-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hs-content-page .hs-page-main{padding-top:68px}.hs-k-hero{padding:48px 15px 38px}.hs-k-hero__grid{gap:26px;text-align:center}.hs-k-hero h1{font-size:clamp(2.25rem,11vw,3rem);margin:14px 0}.hs-k-lead{font-size:.94rem}.hs-k-actions{display:grid;grid-template-columns:1fr;gap:9px}.hs-k-btn{width:100%;min-height:49px}.hs-k-orbit{max-width:310px;border-radius:24px}.hs-k-orbit__core{width:100px;height:100px;border-radius:24px}.hs-k-section,.hs-tool-shell{padding:48px 15px}.hs-k-grid{grid-template-columns:1fr;gap:11px}.hs-k-card{min-height:0;padding:19px;border-radius:18px}.hs-guide{grid-template-columns:1fr;gap:6px;padding:22px 0}.hs-guide__num{font-size:2.5rem}.hs-guide h3{font-size:1.25rem}.hs-form-grid,.hs-results{grid-template-columns:1fr}.hs-field--full,.hs-result--wide{grid-column:auto}.hs-tool-card{padding:18px;border-radius:19px}.hs-tool-actions{display:grid;grid-template-columns:1fr}.hs-tool-actions .hs-k-btn{width:100%}}