.hv3-system{padding:96px 0 30px;position:relative}.hv3-syshead{text-align:center;max-width:780px;margin:0 auto 58px}.hv3-syshead .hv3-sub{margin-left:auto;margin-right:auto}.hv3-sysgrid{display:grid;grid-template-columns:200px 1fr 200px;gap:0;align-items:center;position:relative}.hv3-iochip{background:var(--hv3-card);border:1px solid var(--hv3-hair-soft);border-radius:14px;box-shadow:0 5px 16px #29282412;padding:13px 16px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;margin:7px 0;transition:transform .2s ease,border-color .2s ease;position:relative;z-index:3}.hv3-iochip:hover{transform:translate(4px) scale(1.03);border-color:var(--hv3-red)}.hv3-iochip .hv3-ico{width:8px;height:8px;border-radius:50%;flex:none}.hv3-iochip small{display:block;font-weight:500;font-size:10.5px;color:var(--hv3-faint);letter-spacing:.04em}.hv3-col-label{font-size:10.5px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--hv3-red);margin-bottom:14px;display:flex;align-items:center;gap:10px}.hv3-col-label:after{content:"";flex:1;height:1px;background:var(--hv3-red);opacity:.4}.hv3-outs .hv3-col-label{justify-content:flex-end}.hv3-outs .hv3-col-label:after{order:-1}.hv3-outs .hv3-iochip:hover{transform:translate(-4px) scale(1.03)}.hv3-wires{position:absolute;inset:0;width:100%;height:100%;z-index:1}.hv3-wires path{fill:none;stroke:var(--hv3-red);stroke-width:1.1;stroke-opacity:.38}.hv3-wires .hv3-draw{stroke-dasharray:600;stroke-dashoffset:600;animation:hv3Draw 2.4s ease forwards}@keyframes hv3Draw{to{stroke-dashoffset:0}}.hv3-syscore{position:relative;height:480px;z-index:2}.hv3-ringsvg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:440px;height:440px;max-width:96%}.hv3-ringsvg .hv3-dash{animation:hv3Spin 70s linear infinite;transform-origin:50% 50%}.hv3-ringsvg .hv3-dash2{animation:hv3Spin 110s linear infinite reverse;transform-origin:50% 50%}@keyframes hv3Spin{to{transform:rotate(360deg)}}.hv3-core-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:215px;height:215px;background:var(--hv3-card);border-radius:50%;box-shadow:var(--hv3-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--hv3-hair-soft);z-index:2}.hv3-core-center .hv3-mark{width:128px;height:auto;display:block;filter:brightness(0)}.hv3-core-center .hv3-corsub{margin-top:7px;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--hv3-faint)}.hv3-core-center .hv3-corepulse{width:9px;height:9px;border-radius:50%;background:var(--hv3-red);margin-bottom:10px;animation:hv3Pulse 2.6s ease-in-out infinite}@keyframes hv3Pulse{0%,to{box-shadow:0 0 #ee3f5f59}50%{box-shadow:0 0 0 10px #ee3f5f00}}.hv3-sysnode{position:absolute;transform:translate(-50%,-50%);background:var(--hv3-card);border:1px solid var(--hv3-hair-soft);box-shadow:0 6px 16px #29282414;border-radius:999px;padding:8px 15px;font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center;white-space:nowrap;transition:transform .2s ease,border-color .2s ease;z-index:3}.hv3-sysnode:hover{transform:translate(-50%,-50%) scale(1.08);border-color:var(--hv3-red)}.hv3-sysnode .hv3-pt{width:5px;height:5px;border-radius:50%;background:var(--hv3-red)}.hv3-human{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid var(--hv3-card,#fff);box-shadow:0 2px 7px #29282438;flex:none;display:block}.hv3-sysnode .hv3-human{width:22px;height:22px;margin:-4px -2px -4px 0}.hv3-ins,.hv3-outs{position:relative}.hv3-human-badge{position:absolute;z-index:4;display:inline-flex;cursor:default}.hv3-human-badge .hv3-human{width:32px;height:32px;transition:transform .2s ease}.hv3-human-badge:hover .hv3-human{transform:scale(1.1)}.hv3-human-ins{top:19px;right:-14px}.hv3-human-outs{top:19px;left:-14px}.hv3-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);background:#22252a;color:#fff;font-size:10.5px;font-weight:600;letter-spacing:.02em;padding:6px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:6}.hv3-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#22252a}.hv3-human-badge:hover .hv3-tip,.hv3-sysnode:hover .hv3-tip{opacity:1;transform:translate(-50%) translateY(0)}.hv3-sysfoot{text-align:center;margin-top:8px;font-size:11.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--hv3-faint)}.hv3-sysfoot b{color:var(--hv3-red);font-weight:700}@media(max-width:980px){.hv3-sysgrid{grid-template-columns:1fr;gap:26px}.hv3-wires{display:none}.hv3-ins,.hv3-outs{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.hv3-ins .hv3-col-label,.hv3-outs .hv3-col-label{grid-column:1/-1}.hv3-syscore{height:420px}.hv3-human-ins{right:0;top:-6px}.hv3-human-outs{left:0;top:-6px}.hv3-human-outs .hv3-tip{left:0;transform:translateY(4px)}.hv3-human-outs .hv3-tip:after{left:16px}.hv3-human-outs:hover .hv3-tip{transform:translateY(0)}}@media(max-width:640px){.hv3-system{padding-top:64px}}