/* iHUB STORES | V7.6 Hero clarity + latest full network illustration
   Scoped refinements to preserve approved visuals and animations. */
.hero{
  isolation:isolate;
  padding-top:24px;
  padding-bottom:36px;
  min-height:720px;
}
/* Protect text contrast without covering the robot and cold-store artwork. */
.hero::after{
  background:
    linear-gradient(90deg,
      rgba(250,253,255,.02) 0%,
      rgba(250,253,255,.05) 37%,
      rgba(252,254,255,.47) 56%,
      rgba(255,255,255,.89) 76%,
      rgba(255,255,255,.94) 100%),
    linear-gradient(0deg,rgba(240,250,255,.48),transparent 30%)!important;
}
.hero-layout{
  grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);
  align-items:center;
  min-height:570px;
  gap:clamp(22px,2.5vw,42px);
}
.hero-copy{
  position:relative;
  z-index:3;
  width:100%;
  max-width:690px!important;
  padding:25px clamp(18px,2.25vw,35px) 30px!important;
  border-radius:28px;
  background:linear-gradient(270deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.89) 66%,rgba(255,255,255,.52) 100%);
  box-shadow:0 16px 45px rgba(49,105,174,.035);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  text-align:right;
}
.hero-copy #hero-title,
html[lang="ar"] .hero-copy #hero-title{
  max-width:100%;
  margin:0 0 22px!important;
  font-size:clamp(36px,3.08vw,55px)!important;
  line-height:1.32!important;
  font-weight:550!important;
  color:#081a44!important;
  text-shadow:0 1px 0 rgba(255,255,255,.8);
  letter-spacing:0!important;
}
.hero-copy #hero-title .hero-headline-line{
  white-space:normal;
  overflow-wrap:normal;
  margin:0;
  line-height:inherit;
}
.hero-copy #hero-title .hero-light,
html[lang="ar"] .hero-copy #hero-title .hero-light{
  font-weight:500!important;
  color:#193961!important;
}
.hero-copy #hero-title strong,
html[lang="ar"] .hero-copy #hero-title strong{
  font-weight:750!important;
  color:#061b46!important;
}
.hero-copy #hero-title .hero-accent,
html[lang="ar"] .hero-copy #hero-title .hero-accent{
  color:#0668e7!important;
  font-weight:770!important;
}
.hero-copy #hero-title .hero-line-final,
html[lang="ar"] .hero-copy #hero-title .hero-line-final{
  font-size:.72em!important;
  line-height:1.5!important;
  margin-top:6px!important;
}
.hero-copy .hero-sub,
html[lang="ar"] .hero-copy .hero-sub{
  width:100%;
  max-width:570px;
  font-size:clamp(15px,1.12vw,18px)!important;
  line-height:1.95!important;
  color:#254367!important;
  font-weight:500!important;
  text-shadow:none!important;
  margin:0 0 0 auto;
}
.hero-copy .hero-sub strong,
html[lang="ar"] .hero-copy .hero-sub strong{font-weight:720!important;color:#0e2c5b!important}
.hero-copy .hero-sub .hero-sub-highlight,
html[lang="ar"] .hero-copy .hero-sub .hero-sub-highlight{color:#035acb!important;font-weight:770!important}
.hero-copy .hero-benefits{
  margin-top:21px!important;
  gap:10px 18px!important;
  color:#112f58!important;
  font-weight:700!important;
  font-size:clamp(11px,.9vw,14px)!important;
}
.hero-copy .hero-benefits i{color:#0575e6;font-weight:800}
.hero-stage-footer{margin-top:0;position:relative;z-index:6}
.hero-stage-footer .hero-phase-strip{gap:clamp(9px,1.3vw,17px)}
.hero-stage-footer .hero-phase-card{
  min-height:68px;
  padding:10px 18px;
  box-shadow:0 8px 24px rgba(7,75,161,.16),0 0 8px rgba(61,178,247,.15);
}
.hero-stage-footer .hero-phase-card strong{font-size:clamp(14px,1.27vw,20px)}
.hero-stage-footer .hero-phase-card:nth-child(2){background:#f3faff}
.hero-visual{z-index:2}
/* Updated high-resolution network art retains full top edge and all 6 facilities. */
.network-v6 .network-original-stage,
.network-v6 .network-original-stage .network-vector{
  overflow:visible!important;
  max-height:none!important;
}
.network-v6 .network-original-stage img.network-vector{
  display:block;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1672/941!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
@media(min-width:1280px){
  .hero-layout{width:min(1440px,calc(100% - 72px));}
}
@media(min-width:741px) and (max-width:1279px){
  .hero{min-height:0;padding-top:20px;padding-bottom:26px}
  .hero-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:10px!important;min-height:525px!important}
  .hero-copy{max-width:100%!important;padding:24px 16px 26px!important}
  .hero-copy #hero-title,html[lang="ar"] .hero-copy #hero-title{
    font-size:clamp(28px,3.55vw,44px)!important;line-height:1.35!important;
  }
  .hero-copy .hero-sub,html[lang="ar"] .hero-copy .hero-sub{font-size:clamp(13px,1.45vw,16px)!important;line-height:1.78!important}
  .hero-bot-large{width:clamp(210px,27vw,345px)!important}
  .hero-stage-footer .hero-phase-card{min-height:65px;padding:9px}
}
@media(max-width:740px){
  .hero{min-height:0!important;padding-top:17px!important;padding-bottom:24px!important}
  .hero::after{
    background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.92) 45%,rgba(242,251,255,.36) 75%,rgba(235,247,255,.52) 100%)!important;
  }
  .hero-layout{display:flex;flex-direction:column-reverse;gap:0!important;width:calc(100% - 30px)!important}
  .hero-copy{order:0;max-width:none!important;min-width:0;padding:14px 14px 18px!important;border-radius:20px;background:rgba(255,255,255,.83);box-shadow:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
  .hero-copy #hero-title,html[lang="ar"] .hero-copy #hero-title{
    font-size:clamp(27px,6.9vw,39px)!important;
    line-height:1.34!important;
    margin-bottom:15px!important;
  }
  .hero-copy #hero-title .hero-headline-line{white-space:normal!important}
  .hero-copy #hero-title .hero-line-final,html[lang="ar"] .hero-copy #hero-title .hero-line-final{font-size:.82em!important;line-height:1.42!important;margin-top:5px!important}
  .hero-copy .hero-sub,html[lang="ar"] .hero-copy .hero-sub{font-size:clamp(13px,3.5vw,15px)!important;line-height:1.8!important}
  .hero-copy .hero-benefits{font-size:clamp(10px,2.75vw,12px)!important;margin-top:13px!important;gap:7px 11px!important}
  .hero-visual{order:0;min-height:0!important;height:clamp(270px,71vw,360px)!important}
  .hero-bot-large{width:clamp(195px,51vw,280px)!important;bottom:-1px!important}
  .hero-stage-footer{width:calc(100% - 30px)}
  .hero-stage-footer .hero-phase-strip{gap:7px!important}
  .hero-stage-footer .hero-phase-card{min-height:70px!important;padding:8px 4px!important;border-radius:14px}
  .hero-stage-footer .hero-phase-card strong{font-size:clamp(10px,2.6vw,13px)!important;line-height:1.24!important}
}
@media(max-width:390px){
  .hero-copy{padding:12px 11px 16px!important}
  .hero-copy #hero-title,html[lang="ar"] .hero-copy #hero-title{font-size:clamp(24px,6.75vw,28px)!important;line-height:1.35!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-bot-large,.hero-phase-card{animation:none!important}
}