/* V8-PUB9C — Africa Innovation Network Hero */
.pub9c-network-visual{
  position:relative;
  isolation:isolate;
  min-height:620px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.pub9c-network-visual::before{
  content:"";
  position:absolute;
  inset:7% -14% 5% -5%;
  pointer-events:none;
  background:
    radial-gradient(circle at 48% 48%,rgba(112,209,200,.12),transparent 38%),
    radial-gradient(circle at 65% 30%,rgba(239,173,71,.08),transparent 25%),
    linear-gradient(rgba(112,209,200,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(112,209,200,.04) 1px,transparent 1px);
  background-size:auto,auto,54px 54px,54px 54px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 26%,transparent 73%);
  mask-image:radial-gradient(ellipse at center,#000 26%,transparent 73%);
  opacity:.85;
  z-index:-1;
}
.pub9c-africa-network{
  display:block;
  width:118%;
  max-width:none;
  height:auto;
  overflow:visible;
  transform:translateX(-3%);
  filter:drop-shadow(0 34px 70px rgba(0,0,0,.2));
}
.pub9c-africa-fill{fill:url(#sandboxAfricaLandFill);stroke:none}
.pub9c-africa-outline{stroke-width:2.2;opacity:.68;filter:url(#sandboxAfricaLineGlow)}
.pub9c-africa-island{opacity:.7}
.pub9c-network-lines{stroke-width:1.7;opacity:.48}
.pub9c-signal-routes{stroke:#9be2d9;stroke-width:2.15;opacity:.78;stroke-dasharray:3 16;animation:pub9c-route-flow 8s linear infinite;filter:url(#sandboxAfricaSoftGlow)}
.pub9c-branch-halo{fill:rgba(112,209,200,.16)}
.pub9c-central-links{fill:none;stroke:rgba(239,173,71,.2);stroke-width:1;stroke-dasharray:4 11}
.pub9c-central-halo{fill:rgba(239,173,71,.11)}
.pub9c-central-ring{fill:rgba(7,42,45,.9);stroke:rgba(239,173,71,.7);stroke-width:1.4;transform-box:fill-box;transform-origin:center;animation:pub9c-central-breathe 3.8s ease-in-out infinite}
.pub9c-central-label text{fill:#f5efe2;font-size:14px;font-weight:800;letter-spacing:.11em;paint-order:stroke;stroke:#06191c;stroke-width:5px;stroke-linejoin:round}
.pub9c-central-label .pub9c-central-label-sub{fill:#70d1c8;font-size:8.5px;font-weight:650;letter-spacing:.14em}
.pub9c-pulse-ring{stroke:rgba(239,173,71,.35);stroke-width:1.4;transform-box:fill-box;transform-origin:center;animation:pub9c-hub-ring 3.4s ease-out infinite}
.pub9c-pulse-ring-outer{stroke-width:.8;opacity:.4;animation-delay:.7s}
.pub9c-system-hub{cursor:pointer;outline:none}
.pub9c-hub-halo{fill:rgba(239,173,71,.13);transform-box:fill-box;transform-origin:center;animation:pub9c-hub-breathe 3.1s ease-in-out infinite}
.pub9c-system-hub:nth-of-type(2) .pub9c-hub-halo{animation-delay:.35s}.pub9c-system-hub:nth-of-type(3) .pub9c-hub-halo{animation-delay:.7s}.pub9c-system-hub:nth-of-type(4) .pub9c-hub-halo{animation-delay:1.05s}.pub9c-system-hub:nth-of-type(5) .pub9c-hub-halo{animation-delay:1.4s}.pub9c-system-hub:nth-of-type(6) .pub9c-hub-halo{animation-delay:1.75s}
.pub9c-hub-core{transition:transform .18s ease;transform-box:fill-box;transform-origin:center}
.pub9c-stage-label{fill:rgba(245,239,226,.72);font-size:11px;font-weight:760;letter-spacing:.1em;paint-order:stroke;stroke:#06191c;stroke-width:5px;stroke-linejoin:round;transition:fill .18s ease,transform .18s ease}
.pub9c-stage-number{fill:#efad47}
.pub9c-system-hub:hover .pub9c-stage-label,.pub9c-system-hub:focus .pub9c-stage-label{fill:#fff7e8;transform:translateY(-2px)}
.pub9c-system-hub:hover .pub9c-hub-core,.pub9c-system-hub:focus .pub9c-hub-core{transform:scale(1.28)}
.pub9c-system-hub:focus .pub9c-hub-halo{stroke:#fff2cb;stroke-width:2px}
.pub9c-traveler{fill:#edfdf8;opacity:.94}
.pub9c-network-mantra{
  position:absolute;
  right:-1.1rem;
  bottom:4.5rem;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.28rem;
  pointer-events:none;
  text-align:right;
}
.pub9c-network-mantra span{font-size:.64rem;font-weight:800;letter-spacing:.17em;color:rgba(240,248,245,.54)}
.pub9c-network-mantra span:nth-child(2){color:rgba(112,209,200,.83)}
.pub9c-network-mantra span:nth-child(3){color:#efad47;font-size:.72rem}
.pub9c-network-caption{position:absolute;left:2%;bottom:2.2rem;margin:0;max-width:22rem;font-size:.66rem;line-height:1.5;letter-spacing:.04em;color:rgba(221,237,232,.48);pointer-events:none}

/* Let the network behave like a canvas rather than another dashboard card. */
.pub9-hero-grid{grid-template-columns:minmax(0,.78fr) minmax(520px,1.04fr)!important;gap:clamp(1.5rem,3.4vw,4rem)!important}
.pub9-hero-copy{position:relative;z-index:2}
.pub9-hero-copy h1{max-width:12.5ch!important}

@keyframes pub9c-route-flow{to{stroke-dashoffset:-76}}
@keyframes pub9c-central-breathe{0%,100%{opacity:.76;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}
@keyframes pub9c-hub-breathe{0%,100%{opacity:.48;transform:scale(.82)}50%{opacity:1;transform:scale(1.18)}}
@keyframes pub9c-hub-ring{0%{opacity:.52;transform:scale(.78)}72%,100%{opacity:0;transform:scale(1.5)}}

@media(max-width:1180px){
  .pub9-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(430px,.92fr)!important;gap:2rem!important}
  .pub9c-network-visual{min-height:560px}
  .pub9c-africa-network{width:114%;transform:translateX(-4%)}
  .pub9c-network-mantra{right:0;bottom:3.8rem}
}
@media(max-width:960px){
  .pub9-hero-grid{grid-template-columns:1fr!important}
  .pub9c-network-visual{width:min(760px,108vw);min-height:560px;margin:0 auto -1rem}
  .pub9c-africa-network{width:108%;transform:translateX(-3%)}
  .pub9c-network-mantra{right:5%;bottom:3.4rem}
  .pub9c-network-caption{left:6%;bottom:2.6rem}
}
@media(max-width:700px){
  .pub9c-network-visual{width:108vw;min-height:485px;margin-left:50%;transform:translateX(-50%);overflow:hidden}
  .pub9c-africa-network{width:114%;transform:translateX(-5%)}
  .pub9c-stage-label{display:none}
  .pub9c-central-label text{font-size:13px}.pub9c-central-label .pub9c-central-label-sub{font-size:7.5px}
  .pub9c-network-mantra{right:8%;bottom:2.2rem;gap:.18rem}.pub9c-network-mantra span{font-size:.54rem}.pub9c-network-mantra span:nth-child(3){font-size:.61rem}
  .pub9c-network-caption{display:none}
}
@media(max-width:430px){
  .pub9c-network-visual{min-height:415px}
  .pub9c-africa-network{width:120%;transform:translateX(-7%)}
  .pub9c-central-label{display:none}
  .pub9c-network-mantra{right:10%;bottom:1.25rem}
}
@media(prefers-reduced-motion:reduce){
  .pub9c-signal-routes,.pub9c-central-ring,.pub9c-hub-halo,.pub9c-pulse-ring{animation:none!important}
  .pub9c-travelers{display:none!important}
  .pub9c-hub-core,.pub9c-stage-label{transition:none!important}
}