.rvConnections{padding:76px 0 56px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 57%,#12352970,transparent 62%)}
.rvConnectionsIntro{text-align:center;max-width:720px;margin:auto}.rvConnectionsIntro h2{font-size:clamp(30px,4.1vw,54px);line-height:1.12;letter-spacing:-.035em;margin:14px 0 20px;color:#f5f7f7}.rvConnectionsIntro p{color:#b5c9c0;max-width:610px;margin:auto;line-height:1.7;font-size:17px}
.rvNetwork{position:relative;aspect-ratio:1000/520;max-width:1100px;margin:16px auto 0}.rvWires{position:absolute;width:100%;height:100%;inset:0;overflow:visible;pointer-events:none}.rvTrack{stroke:#426d5d;stroke-width:1.3;vector-effect:non-scaling-stroke}.rvFlow{stroke:#68fbc4;stroke-width:3;stroke-linecap:round;stroke-dasharray:5 95;filter:drop-shadow(0 0 5px #31e89b);animation:rvTravel 6s linear infinite;animation-delay:var(--delay);animation-play-state:paused;vector-effect:non-scaling-stroke}
@keyframes rvTravel{0%{stroke-dashoffset:100;opacity:0}8%{opacity:1}90%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.rvConnections[data-running="true"] .rvFlow{animation-play-state:running}.rvHub{position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);border:1px solid #4d8c70;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#173f30,#071713);box-shadow:0 0 65px #31e89b1c}.rvHub img{width:80%;height:80%;position:relative}.rvHalo{position:absolute;inset:-10px;border:1px solid #68fbc4;border-radius:50%;opacity:.18}
.rvNode{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:12px;width:228px;min-height:64px;padding:14px 18px;border:1px solid #487562;border-radius:12px;background:linear-gradient(135deg,#142a22,#0a1916);color:#f1f8f4;text-decoration:none;font-size:17px;font-weight:600;text-align:center;line-height:1.35;box-shadow:0 8px 32px #0003;transition:border-color .2s,box-shadow .2s,background .2s}.rvNodeDot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#68fbc4;box-shadow:0 0 10px #31e89b80}.rvNode:hover,.rvNode:focus-visible{border-color:#68fbc4;background:#193c2e;box-shadow:0 0 28px #31e89b2e;color:#fff}.rvNode:focus-visible,.rvMotionToggle:focus-visible{outline:3px solid #b3ffdc;outline-offset:5px}.rvWires g[data-active="true"] .rvTrack{stroke:#a8ffda;stroke-width:2.5}.rvWires g[data-active="true"] .rvFlow{stroke:#fff;stroke-width:4}
.rvConnectionsFoot{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;color:#b5c9c0;font-size:14px}.rvConnectionsFoot p{margin:0}.rvMotionToggle{font:inherit;color:#d7eee2;background:#10251d;border:1px solid #648a76;border-radius:24px;padding:11px 18px;min-height:44px;cursor:pointer}.rvMotionToggle:hover{background:#1b3b2c}.rvMotionNote{font-size:12px}.rvConnections [hidden]{display:none!important}
@media(max-width:700px){.rvConnections{padding:52px 0 38px}.rvConnections .wrap{width:calc(100% - 24px)}.rvConnectionsIntro{padding:0 8px}.rvConnectionsIntro p{font-size:15px}.rvNetwork{aspect-ratio:1000/800;margin:28px auto 20px}.rvWires{height:65%;top:17.5%;transform:scaleY(1.53846)}.rvNode{width:30%;min-height:62px;padding:10px 7px;gap:0;font-size:12px;border-radius:9px}.rvNodeDot{display:none}.rvHub{width:58px;height:58px}.rvHalo{inset:-6px}.rvConnectionsFoot{text-align:center;gap:16px;padding:0 12px}}
@media(prefers-reduced-motion:reduce){.rvFlow{animation:none!important;opacity:0}.rvNode{transition:none}.rvHalo{opacity:.18}}