/* iHUB STORES — Navy network title divider, desktop/tablet/mobile.
   Deliberately scoped to the single banner between the complete network visual
   and the six light showcase cards. Other section headings remain unchanged. */

.network-v6 .network-caption-band {
  position:relative;
  isolation:isolate;
  width:100%;
  margin:clamp(23px,3.3vw,48px) 0 0;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(ellipse at 12% 72%,rgba(30,113,251,.28),transparent 46%),
    radial-gradient(ellipse at 87% 0%,rgba(25,126,237,.17),transparent 43%),
    linear-gradient(112deg,#082d88 0%,#0c3ca2 44%,#07286d 100%);
  box-shadow:0 18px 44px rgba(3,39,113,.12);
}
.network-v6 .network-caption-band::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 91% 127%,transparent 0 34%,rgba(127,194,255,.11) 34.2% 34.5%,transparent 34.7% 46%,rgba(124,185,255,.08) 46.2% 46.5%,transparent 46.7% 58%,rgba(124,185,255,.055) 58.2% 58.5%,transparent 58.7%);
  opacity:.92;
}
.network-v6 .network-caption-band::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-25% -12%;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 37%,rgba(139,212,255,.065) 52%,transparent 64%);
  animation:networkBannerGlow 16s ease-in-out infinite alternate;
}
@keyframes networkBannerGlow {
  from{transform:translateX(-5%)}
  to{transform:translateX(5%)}
}
.network-v6 .network-caption-band-inner {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(24px,5vw,85px);
  min-height:clamp(222px,18.5vw,277px);
  padding-block:clamp(37px,4vw,55px);
}
.network-v6 .network-caption-band .network-caption {
  flex:1 1 66%;
  min-width:0;
  max-width:880px;
  margin:0!important;
  text-align:start;
  color:#fff;
}
.network-v6 .network-band-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  font-size:clamp(9px,.76vw,11px);
  font-weight:850;
  letter-spacing:.17em;
  line-height:1.6;
  color:#c5e7ff;
}
.network-v6 .network-band-eyebrow span{color:#5be1fc;font-size:14px}
.network-v6 .network-caption-band .network-caption h3 {
  margin:0 0 13px;
  color:#fff;
  font-size:clamp(29px,3.45vw,52px);
  font-weight:880;
  line-height:1.24;
  letter-spacing:-.025em;
  text-wrap:balance;
}
[dir=rtl] .network-v6 .network-caption-band .network-caption h3 {
  letter-spacing:0;
  line-height:1.42;
  font-weight:900;
}
.network-v6 .network-caption-band .network-caption h3 em {
  font-style:normal;
  color:#9fe7ff;
}
.network-v6 .network-caption-band .network-caption p {
  max-width:720px;
  margin:0;
  color:#dcecff;
  font-size:clamp(13px,1.06vw,16px);
  font-weight:500;
  line-height:1.9;
}
.network-v6 .network-band-art {
  flex:0 0 clamp(160px,24vw,340px);
  width:clamp(160px,24vw,340px);
  aspect-ratio:1.5;
  position:relative;
  align-self:center;
  opacity:.85;
  pointer-events:none;
}
.network-v6 .network-band-ring {
  display:block;
  position:absolute;
  border:1px solid rgba(126,211,255,.26);
  border-radius:50%;
  box-shadow:inset 0 0 18px rgba(72,170,250,.06);
}
.network-v6 .network-band-ring.ring-outer{inset:-46% 0 -50%}
.network-v6 .network-band-ring.ring-middle{inset:-16% 20% -20%}
.network-v6 .network-band-ring.ring-inner{inset:13% 39% 10%}
.network-v6 .network-band-pulse {
  position:absolute;
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#8ce9ff;
  box-shadow:0 0 0 6px rgba(90,208,255,.095),0 0 24px #3ec7ff;
  animation:networkBandPulse 4.6s ease-in-out infinite;
}
.network-v6 .network-band-pulse.pulse-one{top:15%;left:34%}
.network-v6 .network-band-pulse.pulse-two{bottom:7%;right:20%;animation-delay:1.3s}
.network-v6 .network-band-pulse.pulse-three{top:47%;right:6%;animation-delay:2.5s}
@keyframes networkBandPulse {0%,100%{opacity:.38;scale:.85}50%{opacity:1;scale:1.15}}
/* Separate the navy statement from the six white showcase cards. */
.network-v6 .network-showcase-container{padding-top:clamp(30px,3.4vw,52px)}
.network-v6 .network-showcase-container .v7-showcase-heading{margin-top:0}

@media(max-width:900px) {
  .network-v6 .network-caption-band-inner{min-height:210px;gap:26px;padding-block:34px}
  .network-v6 .network-band-art{flex-basis:175px;width:175px;opacity:.62}
  .network-v6 .network-caption-band .network-caption h3{font-size:clamp(27px,4.3vw,39px)}
}
@media(max-width:740px) {
  .network-v6 .network-caption-band{margin-top:22px}
  .network-v6 .network-caption-band-inner{
    display:flex;
    justify-content:center;
    min-height:0;
    padding-block:39px 42px;
  }
  .network-v6 .network-caption-band .network-caption {
    flex:1 1 100%;
    width:100%;
    max-width:550px;
    margin-inline:auto!important;
    text-align:center;
  }
  .network-v6 .network-band-eyebrow {justify-content:center;margin-bottom:12px;font-size:9px;letter-spacing:.13em}
  .network-v6 .network-caption-band .network-caption h3 {
    font-size:clamp(27px,7vw,37px);
    line-height:1.42;
    margin-bottom:10px;
  }
  .network-v6 .network-caption-band .network-caption p{font-size:clamp(12px,3.35vw,14px);line-height:1.8;max-width:470px;margin-inline:auto}
  .network-v6 .network-band-art{position:absolute;inset:0 -140px 0 auto;width:240px;height:240px;opacity:.14;z-index:-1}
  [dir=rtl] .network-v6 .network-band-art{inset:0 auto 0 -140px}
  .network-v6 .network-showcase-container{padding-top:27px}
}
@media(max-width:375px) {
  .network-v6 .network-caption-band-inner{padding-block:36px 38px}
  .network-v6 .network-caption-band .network-caption h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce) {
  .network-v6 .network-caption-band::after,
  .network-v6 .network-band-pulse{animation:none!important}
}