/* Hyper Sonic Egypt — v10.4 WOW pass
   Distinctive event-technology visual system with lightweight CSS-only effects. */

.hs-page-home{
  --wow-cyan:#28e5ff;
  --wow-blue:#0a8cff;
  --wow-violet:#8d68ff;
  --wow-ink:#06101e;
  --wow-panel:#0a1628;
}

/* HERO — signal/control-room atmosphere */
.hs-page-home .hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(70% 90% at 80% 46%,rgba(0,151,255,.18),transparent 58%),
    radial-gradient(42% 72% at 14% 28%,rgba(40,229,255,.09),transparent 64%),
    linear-gradient(118deg,#050914 0%,#07111f 48%,#081426 100%)!important;
}
.hs-page-home .hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(40,229,255,.07) 50%,transparent 50.1%),
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:100% 100%,72px 72px,72px 72px;
  mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%);
}
.hs-page-home .hero::after{
  content:"";
  position:absolute;
  width:38%;
  height:1px;
  right:7%;
  top:22%;
  background:linear-gradient(90deg,transparent,var(--wow-cyan),transparent);
  opacity:.7;
  box-shadow:0 0 24px rgba(40,229,255,.7);
  transform:rotate(-9deg);
  pointer-events:none;
}
.hs-page-home .hero__content{position:relative;z-index:2}
.hs-page-home .hero__content::before{
  content:"01 / EVENT TECHNOLOGY";
  display:block;
  width:max-content;
  margin-bottom:14px;
  color:#61eaff;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.18em;
  opacity:.78;
}
html[dir=rtl] .hs-page-home .hero__content::before{content:"01 / تقنيات الفعاليات";letter-spacing:0}
.hs-page-home .hero__title{
  max-width:780px;
  text-wrap:balance;
  filter:drop-shadow(0 12px 36px rgba(0,0,0,.28));
}
.hs-page-home .hero__visual{
  position:relative;
  isolation:isolate;
  border-radius:32px;
}
.hs-page-home .hero__visual::before{
  content:"";
  position:absolute;
  inset:8% 4%;
  z-index:-1;
  border:1px solid rgba(40,229,255,.20);
  border-radius:34px;
  background:
    linear-gradient(135deg,rgba(40,229,255,.055),transparent 42%,rgba(141,104,255,.07));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 30px 90px rgba(0,0,0,.28),
    0 0 80px rgba(0,145,255,.10);
}
.hs-page-home .hero__visual::after{
  content:"";
  position:absolute;
  left:10%;right:10%;top:18%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(40,229,255,.8),transparent);
  box-shadow:0 0 18px rgba(40,229,255,.7);
  opacity:.42;
  animation:hsWowScan 6.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes hsWowScan{0%,100%{transform:translateY(0);opacity:.18}50%{transform:translateY(270px);opacity:.56}}

/* TRUST / COMMAND STRIP */
.hs-command-strip{
  position:relative;
  z-index:4;
  margin-top:-1px;
  border-top:1px solid rgba(40,229,255,.16);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(90deg,#07101d,#0a1a2a 50%,#07101d);
  box-shadow:0 22px 60px rgba(0,0,0,.18);
}
.hs-command-strip::before{
  content:"";
  position:absolute;
  left:0;top:-1px;width:28%;height:2px;
  background:linear-gradient(90deg,var(--wow-cyan),transparent);
  box-shadow:0 0 18px rgba(40,229,255,.55);
}
.hs-command-strip__inner{
  width:min(1240px,calc(100% - 40px));
  min-height:112px;
  margin:auto;
  display:grid;
  grid-template-columns:1.35fr repeat(3,1fr);
  align-items:stretch;
}
.hs-command-strip__lead,.hs-command-strip__item{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:22px 24px;
  border-inline-end:1px solid rgba(255,255,255,.07);
}
.hs-command-strip__item:last-child{border-inline-end:0}
.hs-command-strip__lead strong{font-size:1.08rem;color:#f5f8ff;margin-top:7px}
.hs-command-strip__status{display:flex;align-items:center;gap:9px;color:#64eaff;font-size:.64rem;font-weight:900;letter-spacing:.14em}
.hs-command-strip__status i{width:7px;height:7px;border-radius:50%;background:#3ef3b4;box-shadow:0 0 14px rgba(62,243,180,.9)}
.hs-command-strip__item span{color:rgba(40,229,255,.46);font-size:.68rem;font-weight:900;letter-spacing:.14em}
.hs-command-strip__item strong{color:#fff;font-size:1rem;margin:5px 0 2px}
.hs-command-strip__item small{color:#8e9ab2;font-size:.75rem}

/* SECTION HEADERS — editorial technology hierarchy */
.hs-page-home #solutions .section__header,
.hs-page-home #projects .section__header{
  max-width:1020px!important;
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
  position:relative;
  padding-left:28px;
}
html[dir=rtl] .hs-page-home #solutions .section__header,
html[dir=rtl] .hs-page-home #projects .section__header{
  margin-left:auto!important;margin-right:0!important;text-align:right!important;padding-left:0;padding-right:28px;
}
.hs-page-home #solutions .section__header::before,
.hs-page-home #projects .section__header::before{
  content:"";
  position:absolute;
  left:0;top:2px;bottom:4px;width:2px;
  background:linear-gradient(var(--wow-cyan),rgba(10,140,255,.12));
  box-shadow:0 0 18px rgba(40,229,255,.35);
}
html[dir=rtl] .hs-page-home #solutions .section__header::before,
html[dir=rtl] .hs-page-home #projects .section__header::before{left:auto;right:0}
.hs-page-home #projects .section__title,
.hs-page-home #solutions .section__title{
  font-size:clamp(2.9rem,5.6vw,5.7rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  max-width:970px;
}
html[dir=rtl] .hs-page-home #projects .section__title,
html[dir=rtl] .hs-page-home #solutions .section__title{letter-spacing:0!important;line-height:1.15!important}
.hs-page-home #projects .section__desc,.hs-page-home #solutions .section__desc{max-width:720px!important;font-size:1rem!important}

/* SOLUTIONS — instrument-panel cards */
.hs-page-home #solutions .glass-card{
  position:relative;
  overflow:hidden;
  min-height:280px;
  border:1px solid rgba(40,229,255,.10)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#0d1b2d,#091421 72%)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.20)!important;
}
.hs-page-home #solutions .glass-card::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:62%;height:2px;
  background:linear-gradient(90deg,var(--wow-cyan),rgba(10,140,255,.45),transparent);
  opacity:.6;
}
.hs-page-home #solutions .glass-card::after{
  content:"";
  position:absolute;
  right:-38px;top:-38px;width:150px;height:150px;border-radius:50%;
  border:1px solid rgba(40,229,255,.08);
  box-shadow:0 0 0 24px rgba(40,229,255,.018),0 0 0 48px rgba(40,229,255,.012);
  pointer-events:none;
}
.hs-page-home #solutions .glass-card:hover{transform:translateY(-7px)!important;border-color:rgba(40,229,255,.28)!important;box-shadow:0 28px 72px rgba(0,0,0,.30),0 0 0 1px rgba(40,229,255,.07)!important}

/* PROJECTS — cinematic selected-work wall */
.hs-page-home #projects{overflow:hidden}
.hs-page-home #projects::after{
  content:"SELECTED / 01";
  position:absolute;
  right:max(24px,calc((100vw - 1240px)/2));
  top:94px;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.2em;
  color:rgba(94,234,255,.44);
  writing-mode:vertical-rl;
}
html[dir=rtl] .hs-page-home #projects::after{right:auto;left:max(24px,calc((100vw - 1240px)/2));writing-mode:vertical-lr}
.hs-page-home #projects .projects-showcase{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(340px,.72fr)!important;
  grid-template-rows:repeat(2,minmax(320px,1fr)) minmax(300px,auto)!important;
  gap:20px!important;
  align-items:stretch!important;
  margin-top:50px!important;
}
.hs-page-home #projects .project-card{
  min-height:0!important;
  height:100%!important;
  border-radius:22px!important;
  border:1px solid rgba(72,214,255,.12)!important;
  background:#07111f!important;
  box-shadow:0 24px 64px rgba(0,0,0,.26)!important;
}
.hs-page-home #projects .project-card:nth-child(1){grid-column:1!important;grid-row:1 / span 2!important;min-height:660px!important}
.hs-page-home #projects .project-card:nth-child(2){grid-column:2!important;grid-row:1!important}
.hs-page-home #projects .project-card:nth-child(3){grid-column:2!important;grid-row:2!important}
.hs-page-home #projects .project-card:nth-child(4){grid-column:1!important;grid-row:3!important;min-height:330px!important}
.hs-page-home #projects .project-card:nth-child(5){grid-column:2!important;grid-row:3!important;min-height:330px!important}
.hs-page-home #projects .project-card::before{
  background:linear-gradient(180deg,rgba(3,10,18,.02) 0%,rgba(4,11,20,.16) 36%,rgba(3,9,18,.94) 100%)!important;
}
.hs-page-home #projects .project-card__content{
  left:28px!important;
  right:28px!important;
  bottom:28px!important;
  top:auto!important;
  max-width:760px;
  transform:none!important;
}
.hs-page-home #projects .project-card:nth-child(2) .project-card__content,
.hs-page-home #projects .project-card:nth-child(3) .project-card__content,
.hs-page-home #projects .project-card:nth-child(5) .project-card__content{left:24px!important;right:24px!important;bottom:22px!important}
.hs-page-home #projects .project-card__content::before{
  display:block;
  margin-bottom:10px;
  color:rgba(83,229,255,.58);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.16em;
}
.hs-page-home #projects .project-card:nth-child(1) .project-card__content::before{content:"PROJECT / 01"}
.hs-page-home #projects .project-card:nth-child(2) .project-card__content::before{content:"PROJECT / 02"}
.hs-page-home #projects .project-card:nth-child(3) .project-card__content::before{content:"PROJECT / 03"}
.hs-page-home #projects .project-card:nth-child(4) .project-card__content::before{content:"PROJECT / 04"}
.hs-page-home #projects .project-card:nth-child(5) .project-card__content::before{content:"PROJECT / 05"}
.hs-page-home #projects .project-card__cat{margin-bottom:7px!important;color:#3fe4ff!important}
.hs-page-home #projects .project-card__title{font-size:clamp(1.55rem,2.1vw,2.8rem)!important;line-height:1.02!important;margin:0 0 9px!important;text-shadow:0 5px 20px rgba(0,0,0,.55)}
.hs-page-home #projects .project-card:nth-child(1) .project-card__title{font-size:clamp(2.5rem,4.7vw,5.1rem)!important;max-width:720px!important;line-height:.97!important}
.hs-page-home #projects .project-card__desc{color:#a7b2c7!important;margin-bottom:12px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hs-page-home #projects .project-card:nth-child(1) .project-card__desc{-webkit-line-clamp:3;max-width:650px;font-size:1rem!important}
.hs-page-home #projects .project-card__tags{margin-bottom:13px!important}
.hs-page-home #projects .project-card__button{opacity:1!important;transform:none!important;min-height:48px!important;background:rgba(4,12,23,.72)!important;border-color:rgba(64,220,255,.22)!important}
.hs-page-home #projects .project-card__image{filter:saturate(.92) contrast(1.06) brightness(.84);transition:transform .5s cubic-bezier(.2,.75,.2,1),filter .4s ease!important}
.hs-page-home #projects .project-card:hover .project-card__image{transform:scale(1.035)!important;filter:saturate(1.05) contrast(1.06) brightness(.92)!important}
.hs-page-home #projects .project-card:hover{transform:translateY(-5px)!important;border-color:rgba(40,229,255,.30)!important;box-shadow:0 32px 80px rgba(0,0,0,.34),0 0 0 1px rgba(40,229,255,.06)!important}

@media(max-width:1080px){
  .hs-command-strip__inner{grid-template-columns:1.2fr repeat(3,1fr)}
  .hs-command-strip__lead,.hs-command-strip__item{padding:18px 15px}
  .hs-page-home #projects .projects-showcase{grid-template-columns:1.25fr .75fr!important;grid-template-rows:repeat(2,minmax(280px,1fr)) minmax(280px,auto)!important}
  .hs-page-home #projects .project-card:nth-child(1){min-height:580px!important}
}

@media(max-width:820px){
  .hs-command-strip__inner{width:min(100% - 28px,760px);grid-template-columns:1fr 1fr;min-height:0}
  .hs-command-strip__lead{grid-column:1/-1;border-bottom:1px solid rgba(255,255,255,.07);border-inline-end:0}
  .hs-command-strip__item{min-height:86px}
  .hs-command-strip__item:nth-child(4){grid-column:1/-1;border-top:1px solid rgba(255,255,255,.07)}
  .hs-page-home #projects .projects-showcase{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:14px!important;margin-top:34px!important}
  .hs-page-home #projects .project-card:nth-child(n){grid-column:1!important;grid-row:auto!important;min-height:310px!important;height:310px!important}
  .hs-page-home #projects .project-card:nth-child(1){height:470px!important;min-height:470px!important}
  .hs-page-home #projects .project-card:nth-child(1) .project-card__title{font-size:clamp(2.2rem,9vw,3.6rem)!important}
  .hs-page-home #projects::after{display:none}
}

@media(max-width:560px){
  .hs-page-home .hero::after{display:none}
  .hs-page-home .hero__content::before{font-size:.58rem}
  .hs-command-strip__inner{grid-template-columns:1fr;width:calc(100% - 24px)}
  .hs-command-strip__lead,.hs-command-strip__item{grid-column:1!important;border-inline-end:0;border-top:1px solid rgba(255,255,255,.065);padding:15px 4px}
  .hs-command-strip__lead{border-top:0}
  .hs-page-home #solutions .section__header,.hs-page-home #projects .section__header{padding-left:18px!important}
  html[dir=rtl] .hs-page-home #solutions .section__header,html[dir=rtl] .hs-page-home #projects .section__header{padding-left:0!important;padding-right:18px!important}
  .hs-page-home #projects .section__title,.hs-page-home #solutions .section__title{font-size:clamp(2.45rem,12.4vw,3.7rem)!important}
  .hs-page-home #projects .project-card:nth-child(n){height:290px!important;min-height:290px!important}
  .hs-page-home #projects .project-card:nth-child(1){height:410px!important;min-height:410px!important}
  .hs-page-home #projects .project-card__content{left:20px!important;right:20px!important;bottom:20px!important}
  .hs-page-home #projects .project-card__desc{display:none}
  .hs-page-home #projects .project-card__tags{margin-bottom:10px!important}
  .hs-page-home #projects .project-card__title{font-size:1.65rem!important}
  .hs-page-home #projects .project-card:nth-child(1) .project-card__title{font-size:2.5rem!important}
  .hs-page-home #projects .project-card__button{min-height:44px!important;padding-inline:16px!important}
}

/* v10.5 correction — keep the earlier hero presentation; retain only non-hero refinements. */
.hs-page-home #solutions .section__header::before,.hs-page-home #projects .section__header::before{display:none!important}
.hs-page-home #solutions .section__header,.hs-page-home #projects .section__header{padding-left:0!important;padding-right:0!important}
.hs-page-home section[id]{scroll-margin-top:calc(var(--hs-nav-height,76px) + 18px)}

/* Remove the decorative circles that made service cards feel repetitive. */
.hs-page-home #solutions .glass-card::after{content:none!important;display:none!important}
.hs-page-home #solutions .glass-card{background:linear-gradient(145deg,#0b1727 0%,#091421 100%)!important}
.hs-page-home #solutions .glass-card::before{width:38%;opacity:.48}
.hs-page-home #solutions .glass-card:nth-child(2n)::before{background:linear-gradient(90deg,var(--wow-violet),rgba(10,140,255,.22),transparent)}

/* Arabic typography: more breathing room without oversized gaps. */
html[dir=rtl] .hs-page-home .hero__title{line-height:1.22!important;margin-bottom:18px!important}
html[dir=rtl] .hs-page-home .hero__subtitle{line-height:1.9!important;margin-top:0!important}
html[dir=rtl] .hs-page-home .section__title{line-height:1.22!important;padding-block:.06em .12em}
html[dir=rtl] .hs-page-home .section__desc{line-height:1.9!important}
html[dir=rtl] .hs-page-home .glass-card h3{line-height:1.5!important;padding-top:.06em}
html[dir=rtl] .hs-page-home .glass-card p{line-height:1.85!important}
html[dir=rtl] .hs-page-home #projects .project-card__title{line-height:1.3!important;padding-block:.04em .08em}
html[dir=rtl] .hs-page-home #projects .project-card__desc{line-height:1.85!important}
html[dir=rtl] .hs-command-strip__lead strong,html[dir=rtl] .hs-command-strip__item strong{line-height:1.55!important}

@media(max-width:760px){
  .hs-command-strip{box-shadow:none}
}

/* v10.6 — approved premium hologram hero visual */
.hs-page-home .hero::after{display:none!important}
.hs-page-home .hero__content::before{
  content:"EVENT TECHNOLOGY SOLUTIONS"!important;
  display:inline-flex!important;
  align-items:center;
  width:max-content;
  margin-bottom:22px!important;
  padding:8px 16px;
  border:1px solid rgba(40,229,255,.34);
  border-radius:999px;
  color:#61eaff!important;
  background:rgba(4,12,24,.58);
  box-shadow:0 0 18px rgba(40,229,255,.10),inset 0 0 12px rgba(40,229,255,.025);
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  opacity:1!important;
}
html[dir=rtl] .hs-page-home .hero__content::before{content:"حلول تقنية متكاملة للفعاليات"!important;letter-spacing:0!important}
.hs-page-home .hero__visual.hs-hero-v10{
  position:relative;
  min-height:660px;
  max-width:none!important;
  width:100%;
  margin:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible!important;
  isolation:isolate;
  perspective:1200px;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  filter:drop-shadow(0 28px 60px rgba(0,130,255,.12));
}
.hs-page-home .hero__visual.hs-hero-v10::before{
  content:"";
  display:block!important;
  position:absolute;
  width:88%;
  height:60%;
  left:6%;
  top:25%;
  background:radial-gradient(ellipse at 50% 52%,rgba(0,212,255,.13),rgba(0,102,255,.06) 38%,transparent 74%);
  filter:blur(22px);
  transform:rotate(-4deg);
  pointer-events:none;
}
.hs-page-home .hero__visual.hs-hero-v10::after{
  content:"";
  display:block!important;
  position:absolute;
  width:340px;
  height:340px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(39,220,255,.09) 0%,rgba(11,108,255,.04) 45%,transparent 73%);
  filter:blur(12px);
  right:19%;
  top:24%;
  opacity:.95;
  pointer-events:none;
  animation:none!important;
  transform:none!important;
  box-shadow:none!important;
}
.hs-page-home .hs-hero-glow{right:-3%;width:min(42vw,620px);opacity:.56;filter:blur(28px)}

.hs-page-home .hs-v10-wave{
  position:absolute;
  width:84%;
  height:160px;
  left:8%;
  top:43%;
  border-radius:50%;
  border-top:1px solid rgba(39,220,255,.13);
  transform:rotate(-8deg);
  opacity:.7;
  filter:drop-shadow(0 0 10px rgba(39,220,255,.08));
  animation:hsV10Wave 8s ease-in-out infinite;
}
.hs-page-home .hs-v10-wave--2{top:58%;transform:rotate(8deg);opacity:.38;animation:hsV10Wave2 10s ease-in-out infinite}
@keyframes hsV10Wave{50%{transform:rotate(-5deg) translateY(-8px)}}
@keyframes hsV10Wave2{50%{transform:rotate(5deg) translateY(7px)}}

.hs-page-home .hs-v10-fan-wrap{
  width:min(590px,50vw);
  aspect-ratio:1;
  position:relative;
  display:grid;
  place-items:center;
  z-index:2;
}
.hs-page-home .hs-v10-fan-wrap::before{
  content:"";
  position:absolute;
  width:58%;
  height:58%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(18,227,255,.15),rgba(18,227,255,.05) 32%,transparent 68%);
  filter:blur(20px);
}
.hs-page-home .hs-v10-fan-wrap::after{
  content:"";
  position:absolute;
  width:42%;
  height:12%;
  bottom:20%;
  left:29%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,180,255,.22),rgba(0,120,255,.08) 42%,transparent 76%);
  filter:blur(16px);
  opacity:.9;
}
.hs-page-home .hs-v10-fan-svg{
  width:100%;
  height:100%;
  overflow:visible;
  filter:drop-shadow(0 0 16px rgba(0,190,255,.18)) drop-shadow(0 0 34px rgba(0,110,255,.08));
}
.hs-page-home .hs-v10-fan-rotor{
  transform-box:view-box;
  transform-origin:300px 300px;
  animation:hsV10FanSpin 7.2s linear infinite;
  will-change:transform;
}
@keyframes hsV10FanSpin{to{transform:rotate(360deg)}}
.hs-page-home .hs-v10-led{animation:hsV10LedPulse 1.05s ease-in-out infinite;opacity:.98}
@keyframes hsV10LedPulse{0%,100%{opacity:.68}45%{opacity:1}55%{opacity:.88}}
.hs-page-home .hs-v10-hub-glow{animation:hsV10HubPulse 2.4s ease-in-out infinite}
@keyframes hsV10HubPulse{50%{opacity:.72}}

.hs-page-home .hs-v10-holo-stage{
  position:absolute;
  width:190px;
  height:190px;
  left:50%;
  top:23%;
  transform:translateX(-50%);
  transform-style:preserve-3d;
  z-index:5;
  filter:drop-shadow(0 0 16px rgba(39,220,255,.32));
}
.hs-page-home .hs-v10-holo-float{
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
  animation:hsV10HoloFloat 5.5s ease-in-out infinite;
}
@keyframes hsV10HoloFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hs-page-home .hs-v10-holo-core{
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
  animation:hsV10HoloSpin 12s linear infinite;
}
@keyframes hsV10HoloSpin{from{transform:rotateX(-15deg) rotateY(0deg)}to{transform:rotateX(-15deg) rotateY(360deg)}}
.hs-page-home .hs-v10-face{
  position:absolute;
  left:35px;
  top:35px;
  width:120px;
  height:120px;
  border:1px solid rgba(89,236,255,.8);
  background:linear-gradient(135deg,rgba(39,220,255,.14),rgba(11,108,255,.05));
  box-shadow:inset 0 0 22px rgba(39,220,255,.06),0 0 14px rgba(39,220,255,.09);
}
.hs-page-home .hs-v10-front{transform:translateZ(60px)}
.hs-page-home .hs-v10-back{transform:rotateY(180deg) translateZ(60px)}
.hs-page-home .hs-v10-right{transform:rotateY(90deg) translateZ(60px)}
.hs-page-home .hs-v10-left{transform:rotateY(-90deg) translateZ(60px)}
.hs-page-home .hs-v10-top{transform:rotateX(90deg) translateZ(60px)}
.hs-page-home .hs-v10-bottom{transform:rotateX(-90deg) translateZ(60px)}
.hs-page-home .hs-v10-face::after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(39,220,255,.26);
  transform:rotate(45deg);
}
.hs-page-home .hs-v10-scan{
  position:absolute;
  left:26px;
  right:26px;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(168,248,255,.9),transparent);
  box-shadow:0 0 12px rgba(39,220,255,.6);
  animation:hsV10Scan 3.2s ease-in-out infinite;
}
@keyframes hsV10Scan{0%,100%{transform:translateY(-46px);opacity:.3}50%{transform:translateY(46px);opacity:.9}}
.hs-page-home .hs-v10-holo-stage::before{
  content:"";
  position:absolute;
  width:150%;
  height:150%;
  left:-25%;
  top:-25%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(39,220,255,.10) 0%,rgba(11,108,255,.045) 36%,transparent 70%);
  filter:blur(14px);
  transform:translateZ(-45px);
  pointer-events:none;
}
.hs-page-home .hs-v10-holo-stage::after{
  content:"";
  position:absolute;
  width:76%;
  height:15%;
  left:12%;
  bottom:-18%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(39,220,255,.26),rgba(11,108,255,.08) 48%,transparent 78%);
  filter:blur(11px);
  opacity:.5;
  pointer-events:none;
}

.hs-page-home .hs-v10-particle{
  position:absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#7cf2ff;
  box-shadow:0 0 8px #27dcff;
  opacity:.6;
}
.hs-page-home .hs-v10-p1{left:27%;top:28%;animation:hsV10Particle 4.6s ease-in-out infinite}
.hs-page-home .hs-v10-p2{right:23%;top:34%;animation:hsV10Particle 5.8s ease-in-out infinite .8s}
.hs-page-home .hs-v10-p3{right:33%;top:18%;animation:hsV10Particle 6.2s ease-in-out infinite 1.4s}
@keyframes hsV10Particle{50%{transform:translateY(-14px);opacity:.2}}

.hs-page-home .hs-v10-pov-trail{
  fill:none;
  stroke-linecap:round;
  opacity:.28;
  filter:drop-shadow(0 0 6px rgba(39,220,255,.22));
  animation:hsV10PovBreath 2.8s ease-in-out infinite;
}
.hs-page-home .hs-v10-pov-trail--2{opacity:.16;animation-delay:.8s}
@keyframes hsV10PovBreath{0%,100%{opacity:.12}50%{opacity:.32}}

.hs-page-home .hs-v10-depth-spark{
  position:absolute;
  width:2px;
  height:2px;
  border-radius:50%;
  background:#d8fbff;
  box-shadow:0 0 7px rgba(39,220,255,.95),0 0 16px rgba(0,120,255,.55);
  pointer-events:none;
  opacity:.55;
  animation:hsV10DepthSpark 4.8s ease-in-out infinite;
  z-index:4;
}
.hs-page-home .hs-v10-ds1{left:31%;top:33%}
.hs-page-home .hs-v10-ds2{right:28%;top:42%;animation-delay:1.1s}
.hs-page-home .hs-v10-ds3{left:42%;top:69%;animation-delay:2.1s}
.hs-page-home .hs-v10-ds4{right:37%;top:25%;animation-delay:3s}
@keyframes hsV10DepthSpark{0%,100%{transform:translate3d(0,0,0) scale(.75);opacity:.22}50%{transform:translate3d(0,-10px,18px) scale(1.15);opacity:.75}}

@media (min-width:761px) and (max-width:1024px){
  .hs-page-home .hero__visual.hs-hero-v10{min-height:520px!important;max-height:none!important;max-width:620px!important;margin-inline:auto!important}
  .hs-page-home .hs-v10-fan-wrap{width:min(520px,72vw)}
}
@media(max-width:760px){
  .hs-page-home .hero__visual.hs-hero-v10{
    order:1!important;
    height:360px!important;
    min-height:360px!important;
    max-width:390px!important;
    margin:0 auto 8px!important;
    overflow:visible!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
  .hs-page-home .hs-v10-fan-wrap{width:min(370px,92vw)}
  .hs-page-home .hs-v10-holo-stage{width:140px;height:140px;top:19%}
  .hs-page-home .hs-v10-face{left:30px;top:30px;width:80px;height:80px}
  .hs-page-home .hs-v10-front{transform:translateZ(40px)}
  .hs-page-home .hs-v10-back{transform:rotateY(180deg) translateZ(40px)}
  .hs-page-home .hs-v10-right{transform:rotateY(90deg) translateZ(40px)}
  .hs-page-home .hs-v10-left{transform:rotateY(-90deg) translateZ(40px)}
  .hs-page-home .hs-v10-top{transform:rotateX(90deg) translateZ(40px)}
  .hs-page-home .hs-v10-bottom{transform:rotateX(-90deg) translateZ(40px)}
  .hs-page-home .hero__content::before{margin-inline:auto!important;margin-bottom:15px!important}
}
@media(max-width:390px){
  .hs-page-home .hero__visual.hs-hero-v10{height:330px!important;min-height:330px!important;max-width:350px!important}
  .hs-page-home .hs-v10-fan-wrap{width:min(340px,94vw)}
}
@media(prefers-reduced-motion:reduce){
  .hs-page-home .hs-v10-fan-rotor{animation-duration:12s}
  .hs-page-home .hs-v10-holo-core{animation-duration:20s}
  .hs-page-home .hs-v10-holo-float,
  .hs-page-home .hs-v10-wave,
  .hs-page-home .hs-v10-scan,
  .hs-page-home .hs-v10-particle,
  .hs-page-home .hs-v10-depth-spark,
  .hs-page-home .hs-v10-pov-trail{animation:none!important}
}

/* v10.7 — PREMIUM HOME FLOW / Hero visual stays locked */
.hs-page-home .section-divider{
  position:relative;
  height:1px!important;
  margin:0!important;
  border:0!important;
  overflow:visible;
  background:linear-gradient(90deg,transparent 2%,rgba(40,229,255,.10) 22%,rgba(40,229,255,.28) 50%,rgba(141,104,255,.10) 78%,transparent 98%)!important;
  box-shadow:0 0 24px rgba(40,229,255,.06);
}
.hs-page-home .section-divider::before{
  content:"";
  position:absolute;
  left:18%;right:18%;top:-26px;height:52px;
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(0,174,244,.055),rgba(11,108,255,.018) 48%,transparent 74%);
  filter:blur(14px);
}

/* Solutions atmosphere and editorial header */
.hs-page-home #solutions{
  position:relative;isolation:isolate;overflow:hidden;
  padding-top:clamp(82px,8vw,128px)!important;
  padding-bottom:clamp(92px,9vw,138px)!important;
  background:
    radial-gradient(55% 54% at 84% 16%,rgba(0,171,255,.095),transparent 68%),
    radial-gradient(38% 48% at 12% 86%,rgba(141,104,255,.055),transparent 72%),
    linear-gradient(180deg,#081421 0%,#07101c 45%,#060d18 100%)!important;
}
.hs-page-home #solutions::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:82px 82px;
  mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);
}
.hs-page-home #solutions::after{
  content:"";position:absolute;width:min(760px,58vw);height:170px;right:-7%;top:18%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse,rgba(40,229,255,.07),rgba(10,140,255,.025) 46%,transparent 74%);
  filter:blur(22px);transform:rotate(-8deg);
}
.hs-page-home #solutions .section__inner{position:relative;z-index:1}
.hs-page-home #solutions .section__header{max-width:920px!important;margin-bottom:54px!important;padding:0!important}
.hs-page-home #solutions .section__header::before{display:none!important}
.hs-page-home #solutions .section__header::after{
  content:"";display:block;width:min(360px,54vw);height:1px;margin-top:28px;
  background:linear-gradient(90deg,var(--wow-cyan),rgba(10,140,255,.26),transparent);box-shadow:0 0 16px rgba(40,229,255,.17);
}
html[dir=rtl] .hs-page-home #solutions .section__header::after{margin-inline-start:auto;background:linear-gradient(270deg,var(--wow-cyan),rgba(10,140,255,.26),transparent)}
.hs-page-home #solutions .section__label{
  display:inline-flex!important;align-items:center;gap:9px;padding:7px 13px!important;margin-bottom:18px!important;
  border:1px solid rgba(40,229,255,.20);border-radius:999px;background:rgba(4,15,28,.48);color:#66eaff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.12);
}
.hs-page-home #solutions .section__label::before{content:"";width:5px;height:5px;border-radius:50%;background:#55ebff;box-shadow:0 0 12px rgba(40,229,255,.9)}
.hs-page-home #solutions .section__title{font-size:clamp(2.8rem,5.4vw,5.35rem)!important;line-height:1.01!important;letter-spacing:-.052em!important;text-wrap:balance}
.hs-page-home #solutions .section__desc{margin-top:20px!important;color:#98a5bb!important;line-height:1.85!important}

/* Solutions cards — technical, luminous, still fast */
.hs-page-home #solutions .solutions-grid{
  position:relative;gap:18px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.hs-page-home #solutions .glass-card{
  --card-rgb:40,229,255;
  position:relative;min-height:300px;padding:30px!important;overflow:hidden;
  border:1px solid rgba(var(--card-rgb),.12)!important;border-radius:24px!important;
  background:linear-gradient(145deg,rgba(var(--card-rgb),.045),transparent 38%),linear-gradient(155deg,#0c1929 0%,#08131f 72%,#07111c 100%)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:transform .32s cubic-bezier(.2,.75,.2,1),border-color .32s ease,box-shadow .32s ease,background .32s ease!important;
}
.hs-page-home #solutions .glass-card:nth-child(1){--card-rgb:39,140,255}
.hs-page-home #solutions .glass-card:nth-child(2){--card-rgb:40,229,255}
.hs-page-home #solutions .glass-card:nth-child(3){--card-rgb:155,121,255}
.hs-page-home #solutions .glass-card:nth-child(4){--card-rgb:127,108,255}
.hs-page-home #solutions .glass-card:nth-child(5){--card-rgb:75,156,255}
.hs-page-home #solutions .glass-card:nth-child(6){--card-rgb:54,215,255}
.hs-page-home #solutions .glass-card::before{
  content:""!important;display:block!important;position:absolute!important;left:0!important;right:auto!important;top:0!important;
  width:62%!important;height:2px!important;background:linear-gradient(90deg,rgba(var(--card-rgb),1),rgba(var(--card-rgb),.32),transparent)!important;
  opacity:.72!important;box-shadow:0 0 18px rgba(var(--card-rgb),.18);
}
html[dir=rtl] .hs-page-home #solutions .glass-card::before{left:auto!important;right:0!important;background:linear-gradient(270deg,rgba(var(--card-rgb),1),rgba(var(--card-rgb),.32),transparent)!important}
.hs-page-home #solutions .glass-card::after{content:none!important;display:none!important}
.hs-page-home #solutions .glass-card > div:first-child{
  width:56px!important;height:56px!important;border-radius:16px!important;margin-bottom:24px!important;
  color:rgb(var(--card-rgb))!important;background:rgba(var(--card-rgb),.075)!important;border:1px solid rgba(var(--card-rgb),.17)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 30px rgba(var(--card-rgb),.045);
  transition:transform .3s ease,box-shadow .3s ease,background .3s ease!important;
}
.hs-page-home #solutions .glass-card > div:first-child svg{width:25px!important;height:25px!important}
.hs-page-home #solutions .glass-card h3{font-size:1.24rem!important;line-height:1.35!important;color:#f7fbff!important;margin-bottom:12px!important}
.hs-page-home #solutions .glass-card p{color:#91a0b5!important;font-size:.91rem!important;line-height:1.78!important;padding-bottom:50px}
.hs-page-home #solutions .glass-card .btn{
  position:absolute;left:30px;bottom:28px;min-height:40px!important;border:0!important;border-bottom:1px solid rgba(var(--card-rgb),.22)!important;
  border-radius:0!important;padding:4px 0!important;color:rgba(225,249,255,.82)!important;background:transparent!important;box-shadow:none!important;
  transition:color .25s ease,border-color .25s ease,transform .25s ease!important;
}
html[dir=rtl] .hs-page-home #solutions .glass-card .btn{left:auto;right:30px}
.hs-page-home #solutions .glass-card:hover{
  transform:translateY(-8px) scale(1.006)!important;border-color:rgba(var(--card-rgb),.34)!important;
  background:linear-gradient(145deg,rgba(var(--card-rgb),.075),transparent 42%),linear-gradient(155deg,#0e1c2d 0%,#091522 74%,#07111c 100%)!important;
  box-shadow:0 32px 78px rgba(0,0,0,.31),0 0 0 1px rgba(var(--card-rgb),.035),0 0 54px rgba(var(--card-rgb),.055)!important;
}
.hs-page-home #solutions .glass-card:hover > div:first-child{transform:translateY(-2px) scale(1.06);background:rgba(var(--card-rgb),.105)!important;box-shadow:0 14px 36px rgba(var(--card-rgb),.10)}
.hs-page-home #solutions .glass-card:hover .btn{color:#dffbff!important;border-color:rgba(var(--card-rgb),.6)!important;transform:translateX(4px)}
html[dir=rtl] .hs-page-home #solutions .glass-card:hover .btn{transform:translateX(-4px)}

@media(max-width:1020px){
  .hs-page-home #solutions .solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .hs-page-home #solutions{padding-top:62px!important;padding-bottom:78px!important}
  .hs-page-home #solutions .section__header{margin-bottom:34px!important}
  .hs-page-home #solutions .section__title{font-size:clamp(2.35rem,11.5vw,3.25rem)!important;line-height:1.06!important}
  .hs-page-home #solutions .solutions-grid{grid-template-columns:1fr!important;gap:15px!important}
  .hs-page-home #solutions .glass-card{min-height:278px;padding:25px!important;border-radius:22px!important}
  .hs-page-home #solutions .glass-card .btn{left:25px;bottom:24px}
  html[dir=rtl] .hs-page-home #solutions .glass-card .btn{left:auto;right:25px}
  .hs-page-home #solutions::after{width:88vw;right:-30%;opacity:.62}
}

/* Premium depth and smooth home rhythm — CSS only, no extra JS */
.hs-page-home #solutions .glass-card{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(var(--card-rgb),.035),
    0 14px 30px rgba(0,0,0,.22),
    0 34px 78px rgba(0,0,0,.16)!important;
  transform:translateZ(0);
}
.hs-page-home #solutions .glass-card:hover{
  transform:translateY(-9px) scale(1.008)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(var(--card-rgb),.06),
    0 18px 36px rgba(0,0,0,.24),
    0 40px 92px rgba(0,0,0,.26),
    0 0 42px rgba(var(--card-rgb),.055)!important;
}
.hs-page-home #solutions .glass-card > div:first-child{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 28px rgba(0,0,0,.18),0 0 28px rgba(var(--card-rgb),.055)!important;
}
.hs-page-home #solutions .solutions-grid{perspective:1200px}

.hs-page-home #knowledge-tools,
.hs-page-home #why-us,
.hs-page-home #projects{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.hs-page-home #knowledge-tools{
  background:
    radial-gradient(44% 48% at 12% 18%,rgba(40,229,255,.045),transparent 72%),
    linear-gradient(180deg,#070f1a 0%,#08131f 100%)!important;
}
.hs-page-home #why-us{
  background:
    radial-gradient(38% 46% at 86% 30%,rgba(141,104,255,.045),transparent 72%),
    linear-gradient(180deg,#08131f 0%,#07101b 100%)!important;
}
.hs-page-home #projects{
  background:
    radial-gradient(52% 52% at 76% 12%,rgba(0,174,244,.05),transparent 72%),
    linear-gradient(180deg,#07101b 0%,#060d17 100%)!important;
}

@supports (animation-timeline:view()){
  @keyframes hsHomeReveal{
    from{opacity:.18;translate:0 26px;filter:blur(2px)}
    to{opacity:1;translate:0 0;filter:blur(0)}
  }
  .hs-page-home #solutions .section__header,
  .hs-page-home #solutions .glass-card,
  .hs-page-home #knowledge-tools .section__header,
  .hs-page-home #knowledge-tools .hs-k-card,
  .hs-page-home #why-us .section__header,
  .hs-page-home #why-us .why-card,
  .hs-page-home #projects .section__header,
  .hs-page-home #projects .project-card{
    animation-name:hsHomeReveal;
    animation-duration:1ms;
    animation-fill-mode:both;
    animation-timing-function:linear;
    animation-timeline:view();
    animation-range:entry 6% cover 27%;
  }
}

@media(prefers-reduced-motion:reduce){
  .hs-page-home #solutions .glass-card,
  .hs-page-home #solutions .glass-card > div:first-child,
  .hs-page-home #solutions .glass-card .btn{transition:none!important}
}

/* Arabic home-card title fit: keep Hologram Fan Solutions on one clean line on desktop/tablet. */
html[dir="rtl"] .hs-page-home #solutions .glass-card:nth-child(2) h3{
  white-space:nowrap;
  font-size:1.16rem!important;
  letter-spacing:0!important;
}
@media(max-width:700px){
  html[dir="rtl"] .hs-page-home #solutions .glass-card:nth-child(2) h3{white-space:normal;font-size:1.2rem!important}
}