/* Monochrome, code-native geometry; motion respects the site pause control. */
#vectorGeometry{display:block;width:100%;height:auto;aspect-ratio:9/8;outline-offset:-12px;touch-action:pan-y}
.vector-visual{min-width:0;transform:none;transition:none}.vector-hero{overflow:hidden}.geometry-readout{position:absolute;left:7%;bottom:15%;display:flex;flex-direction:column;gap:9px;font:9px var(--mono);letter-spacing:.16em;color:#a0a0a0}.geometry-readout span:first-child{color:#f0f0f0;font-size:12px}.geometry-next{position:absolute;left:7%;bottom:6%;background:#111;border:1px solid #555;color:#ddd;font:10px var(--mono);padding:11px 15px;cursor:pointer}.vector-visual .motion-toggle{bottom:6%;right:7%}.vector-visual .instrument-label.top{top:6%;left:7%}
.geo-product-wrap{min-width:0}.geo-demo{position:relative;background:none;border:0;color:#e2e2e2;padding:0;width:100%;height:240px;cursor:pointer;overflow:hidden;text-align:center}.geo-demo>svg{width:100%;height:210px;display:block;overflow:visible}.geo-demo>span{display:block;font:8px var(--mono);letter-spacing:.12em;color:#a0a0a0;margin-top:8px}.geo-products article{transition:background .3s;min-width:0}.geo-products article:hover,.geo-products article:focus-within{background:#141414}.geo-demo:hover>svg{filter:drop-shadow(0 0 8px #ffffff44)}.geo-demo:focus-visible{outline-offset:4px}.geo-motion-bar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:20px;font:8px var(--mono);letter-spacing:.1em;color:#999}.geo-motion{font:9px var(--mono);padding:10px;background:transparent;border:1px solid #555;color:#ddd;cursor:pointer}.pay-packet{animation:pay-travel 4.5s cubic-bezier(.45,0,.35,1) infinite}.pay-confirm{animation:pay-received 4.5s ease infinite}.arc-orbit{transform-origin:110px 110px;animation:arc-turn 12s linear infinite}.arc-core{transform-origin:110px 110px;animation:arc-breathe 4s ease-in-out infinite}
@keyframes pay-travel{0%,15%{transform:translateX(0);opacity:.3}25%{opacity:1}70%,85%{transform:translateX(94px);opacity:1}100%{transform:translateX(94px);opacity:0}}@keyframes pay-received{0%,65%,100%{opacity:0}75%,90%{opacity:1}}@keyframes arc-turn{to{transform:rotate(360deg)}}@keyframes arc-breathe{50%{transform:scale(1.3);opacity:.35}}
.wsi-geo-orbit{overflow:hidden;border:1px solid rgba(206,206,206,.28);background:
 radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),transparent 18%),
 radial-gradient(circle at 30% 38%,#000 0 11%,transparent 12%),
 radial-gradient(circle at 72% 65%,#000 0 14%,transparent 15%),
 #000;
 box-shadow:0 0 0 1px rgba(0,0,0,.7),0 0 34px rgba(200,200,200,.12),inset 0 0 28px #000}
.wsi-geo-orbit::before,.wsi-geo-orbit::after{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(204,204,204,.18);animation:wsiOrbit 14s linear infinite}
.wsi-geo-orbit::after{inset:22%;border-color:rgba(255,255,255,.13);animation-duration:9s;animation-direction:reverse}
.wsi-neural-core{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;box-shadow:0 0 7px #fff,0 0 18px rgba(255,255,255,.96),0 0 38px rgba(255,255,255,.58),0 0 62px rgba(205,205,205,.34);animation:wsiCorePulse 2.3s ease-in-out infinite;z-index:4}
.wsi-neural-core::before,.wsi-neural-core::after{content:"";position:absolute;left:50%;top:50%;width:8.2rem;height:1px;transform-origin:center;background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),#fff,rgba(255,255,255,.72),transparent);filter:drop-shadow(0 0 3px #fff);animation:wsiFilament 3.4s ease-in-out infinite}
.wsi-neural-core::after{transform:translate(-50%,-50%) rotate(61deg);animation-delay:-1.7s}
.wsi-neural-core::before{transform:translate(-50%,-50%) rotate(-18deg)}
.wsi-neural-ray{position:absolute;left:50%;top:50%;width:7.2rem;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.38),transparent);filter:drop-shadow(0 0 2px rgba(255,255,255,.85));opacity:.65;z-index:3}
.wsi-neural-ray.r1{transform:rotate(18deg)}
.wsi-neural-ray.r2{transform:rotate(102deg)}
.wsi-neural-ray.r3{transform:rotate(194deg)}
.wsi-neural-ray.r4{transform:rotate(286deg)}
@keyframes wsiOrbit{to{transform:rotate(360deg)}}
@keyframes wsiCorePulse{0%,100%{transform:scale(.78);opacity:.72}48%{transform:scale(1.35);opacity:1}}
@keyframes wsiFilament{0%,100%{opacity:.2;filter:drop-shadow(0 0 2px #fff)}50%{opacity:1;filter:drop-shadow(0 0 7px #fff)}}


.pulse-symbol{position:relative;display:block;width:min(100%,192px);aspect-ratio:1;margin:9px auto}.pulse-symbol .wsi-geo-orbit{position:absolute;inset:0;border-radius:50%}.pulse .geo-demo:hover .wsi-neural-core,.pulse .geo-demo:focus-visible .wsi-neural-core{box-shadow:0 0 12px #fff,0 0 32px #ffffffdd,0 0 62px #ffffff88}.geo-still *::before{animation-play-state:paused!important}.geo-demo.replay *::before,.geo-demo.replay *::after{animation-name:none!important}
.geo-still *,.geo-still *::after{animation-play-state:paused!important}.geo-demo.replay *{animation-name:none!important}.lock-mark{animation:none!important;filter:drop-shadow(0 0 12px #ffffff22)}
@media(max-width:980px){.vector-visual{width:min(88vw,700px)}.geo-products{grid-template-columns:repeat(3,minmax(0,1fr))}.geo-products article:last-child{grid-column:auto}}
@media(max-width:680px){.geo-products{grid-template-columns:1fr}.geo-products article{min-height:420px}.geo-demo{max-width:300px;align-self:center}.geometry-readout{bottom:20%}.geometry-readout span{font-size:8px}.geometry-next,.vector-visual .motion-toggle{font-size:9px;padding:9px}.geo-motion-bar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.pay-confirm{opacity:1}}