.system-visual{position:relative;margin:38px 0 34px;min-height:250px;border:1px solid #37313d;background:#0d0c10;padding:22px;overflow:hidden;font-family:var(--mono);transition:transform .25s ease,border-color .25s ease}.system-visual:hover{transform:translateY(-5px);border-color:#79638e}.system-visual:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(196,154,255,.045),transparent);transform:translateX(-100%);animation:scan 5s linear infinite}@keyframes scan{to{transform:translateX(100%)}}.visual-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid #29252e;font-size:.62rem;letter-spacing:.08em;color:#89818e}.visual-head b{color:var(--accent)}.system-visual>p{margin:20px 0 0;color:#77717d;font-size:.68rem}.node-map,.pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:48px}.node-map span,.pipeline span{border:1px solid #453b4d;padding:15px 8px;text-align:center;font-size:.66rem;background:#151219}.node-map i,.pipeline i{font-style:normal;color:var(--hot);animation:nudge 1.4s ease-in-out infinite alternate}@keyframes nudge{to{transform:translateX(4px)}}.signal-lines,.render-bars,.threat-line{display:flex;gap:5px;height:30px;align-items:end;margin-top:22px}.signal-lines i,.render-bars i,.threat-line i{display:block;background:linear-gradient(180deg,var(--accent),#553b6d);width:100%;animation:meter 1.8s ease-in-out infinite alternate;transform-origin:bottom}.signal-lines i:nth-child(2),.render-bars i:nth-child(2),.threat-line i:nth-child(2){animation-delay:-.5s}.signal-lines i:nth-child(3),.render-bars i:nth-child(4),.threat-line i:nth-child(4){animation-delay:-1s}@keyframes meter{from{height:18%}to{height:100%}}.render-bars i{width:20%}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:38px}.ops-grid span{border:1px solid #3c3544;padding:18px;font-size:.7rem;color:#d9d2df;transition:.2s ease}.ops-grid span:hover{background:rgba(196,154,255,.08);border-color:var(--accent)}.ops-grid small{display:block;color:#6f6874;margin-top:7px;font-size:.56rem}.radar{width:150px;height:150px;border:1px solid #493e51;border-radius:50%;margin:28px auto 0;position:relative;background:repeating-radial-gradient(circle,transparent 0 24px,rgba(196,154,255,.08) 25px 26px)}.radar:after{content:"";position:absolute;left:50%;top:50%;height:48%;width:1px;background:linear-gradient(var(--accent),transparent);transform-origin:top;animation:sweep 3s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.radar strong{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:var(--accent)}.radar span{position:absolute;font-size:.55rem;color:#958a9c}.radar span:nth-child(1){top:20px;left:55px}.radar span:nth-child(2){right:18px;top:70px}.radar span:nth-child(3){left:22px;bottom:25px}.threat-line i{width:16.6%}@media(max-width:760px){.node-map,.pipeline{grid-template-columns:1fr;margin-top:28px}.node-map i,.pipeline i{transform:rotate(90deg);text-align:center}.system-visual{padding:16px}}@media(prefers-reduced-motion:reduce){.system-visual:before,.signal-lines i,.render-bars i,.threat-line i,.radar:after,.node-map i,.pipeline i{animation:none!important}.system-visual:hover{transform:none}}