.hero-network-shell{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 77% 47%,#173d4520,transparent 63%),radial-gradient(ellipse at 9% 80%,#142b2b18,transparent 48%)}
.hero-network-shell canvas{display:block;width:100%;height:100%;opacity:.85}
.hero-network-toggle{position:absolute;z-index:7;left:2.5%;bottom:72px;display:flex;align-items:center;gap:9px;padding:8px 11px;color:#a7bdc0a8;background:#0d1a2099;border:1px solid #a4d1ce20;border-radius:30px;font:7px var(--mono);letter-spacing:.09em;backdrop-filter:blur(8px);transition:color .3s,border-color .3s,background .3s}
.hero-network-toggle:hover,.hero-network-toggle:focus-visible{color:#e1f4f0;border-color:#a4d1ce65;background:#14282fe6}.hero-network-toggle b{font-size:11px;line-height:1;font-weight:400;margin-left:4px}.network-toggle-dot{width:4px;height:4px;border-radius:50%;background:#84d4c2;box-shadow:0 0 7px #7dd2ba55}.hero-network-toggle[aria-pressed=true] .network-toggle-dot{background:#758a8e;box-shadow:none}
@media(max-width:809px){.hero-network-toggle{left:5%;bottom:55px;padding:6px 9px;font-size:6px;gap:7px}.hero-network-shell canvas{opacity:.68}}
@media(max-width:479px){.hero-network-toggle [data-network-label]{display:none}.hero-network-toggle{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.hero-network-toggle{display:none}.hero-network-shell canvas{opacity:.55}}