.connectivity-figure { margin: 0; overflow: hidden; }
.gateway-flow { display: block; position: relative; height: clamp(360px, 36vw, 520px); overflow: hidden; isolation: isolate; contain: layout paint; background: radial-gradient(ellipse at center, #2868ba38, #153d7510 48%, transparent 73%); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.gateway-mark { position: absolute; left: 50%; top: 50%; width: min(36%, 480px); height: auto; transform: translate(-50%, -50%); overflow: visible; pointer-events: none; filter: drop-shadow(0 0 9px #91bdff38) drop-shadow(0 0 36px #91bdff16); }
.gateway-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; pointer-events: none; }
@media(max-width:767px) {
  .gateway-flow { height: 330px; }
  .gateway-mark { width: 54%; }
}
@media(max-width:420px) { .gateway-flow { height: 290px; } .gateway-mark { width: 58%; } }