/* One decorative Relay scene. Orbit timing is illustrative, not telemetry. */
.hero-network-scene{position:relative;isolation:isolate;aspect-ratio:1;width:min(100%,calc(100svh - 190px));justify-self:end;min-width:0}
.hero-scene-halo{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse at 55% 52%,#1b6a7740,transparent 64%);pointer-events:none}
.hero-scene-grid{position:absolute;inset:12% 8% 4%;border-radius:50%;background-image:linear-gradient(#73d9df0d 1px,transparent 1px),linear-gradient(90deg,#73d9df0d 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#0007,transparent 68%);transform:perspective(500px) rotateX(56deg);pointer-events:none}
.hero-network-scene>.mascot-piece{z-index:2;width:94%;margin:3%}
.hero-network-scene>.mascot-piece img{animation:hero-relay-hover 8s var(--m-ease-io,cubic-bezier(.65,0,.35,1)) infinite;transform-origin:50% 55%}
.hero-network-scene .mascot-ground{bottom:2%;opacity:.65}
.hero-orbit{position:absolute;inset:7%;border-radius:50%;transform:rotate(-25deg) scaleY(.43);color:#7be5f1;pointer-events:none;z-index:1}
.hero-orbit--two{inset:16% 4%;transform:rotate(23deg) scaleY(.56);color:#b3ee8d}
.hero-orbit-track{position:absolute;inset:0;border:1px solid #7be5f163;border-radius:50%;box-shadow:0 0 12px #6edfea12,inset 0 0 14px #6edfea0d}
.hero-orbit--two .hero-orbit-track{border-color:#a9f59030}
.hero-orbit-rotor{position:absolute;inset:0;border-radius:50%;animation:hero-orbit-turn 18s linear infinite;transform:rotate(0)}
.hero-orbit-rotor::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 270deg,transparent 0deg 295deg,currentColor 360deg);mask-image:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));opacity:.85}
.hero-orbit--two .hero-orbit-rotor{animation-duration:27s;animation-direction:reverse;animation-delay:-9s}
.hero-orbit-packet{position:absolute;top:-4px;left:49%;width:26px;height:8px;border:1px solid currentColor;border-radius:5px;background:currentColor;box-shadow:0 0 12px currentColor,0 0 32px #7be5f170}
.hero-orbit-packet--opposite{top:auto;bottom:-3px;width:12px;height:6px;opacity:.65}
.hero-solana-token{position:absolute;z-index:3;left:7%;top:22%;width:16%;aspect-ratio:1;border:1px solid #7fdfe778;border-radius:50%;background:linear-gradient(145deg,#173c46f5,#08141cf5);box-shadow:0 14px 38px #0007,inset 0 1px 0 #ffffff20;display:grid;place-items:center;animation:hero-token-hover 8s var(--m-ease-io,cubic-bezier(.65,0,.35,1)) infinite;animation-delay:-2s}
.hero-solana-token img{width:54%;height:auto;display:block;max-width:none}
.hero-blocks{position:absolute;inset:0;z-index:3;pointer-events:none}
.hero-block{position:absolute;width:11%;color:#80dbe9;animation:hero-block-hover 10s var(--m-ease-io,cubic-bezier(.65,0,.35,1)) infinite;filter:drop-shadow(0 8px 16px #0005)}
.hero-block svg{width:100%;height:auto;display:block}
.hero-block--upper{right:7%;top:15%;animation-delay:-3s}
.hero-block--lower{right:3%;bottom:21%;width:8%;color:#b2ee88;animation-delay:-7s}
@keyframes hero-relay-hover{0%,100%{transform:translateY(7px) rotate(-.6deg)}50%{transform:translateY(-11px) rotate(.6deg)}}
@keyframes hero-token-hover{0%,100%{transform:translateY(-6px)}50%{transform:translateY(9px)}}
@keyframes hero-block-hover{0%,100%{transform:translateY(6px)}50%{transform:translateY(-8px)}}
@keyframes hero-orbit-turn{to{transform:rotate(360deg)}}
[data-visual-paused=true] .hero-network-scene *, .hero-network-scene.visual-offscreen *{animation-play-state:paused!important}
@media(max-width:1023px){.hero-network-scene{width:min(100%,460px);justify-self:center}}
@media(max-width:639px){.hero-network-scene{width:min(100%,280px)}.hero-orbit-packet{width:16px;height:6px;top:-3px}.hero-orbit-packet--opposite{width:8px;height:5px;top:auto;bottom:-2px}.hero-solana-token{width:18%;left:6%;top:21%}.hero-block--upper{right:6%;top:13%}}
@media(prefers-reduced-motion:reduce){.hero-network-scene *{animation:none!important}.hero-network-scene>.mascot-piece img{transform:none}}
@media print{.hero-network-scene{display:none}}