.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:236px 1fr 236px;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-muted);letter-spacing:.04em}.hv3-col-label{font-size:10.5px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--hv3-red-ink);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,.hv3-modellayer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,96%);aspect-ratio:1;height:auto}.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-muted)}.hv3-modellayer{z-index:3;pointer-events:none}.hv3-model{position:absolute;transform:translate(-50%,-50%);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--hv3-muted);white-space:nowrap}.hv3-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.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-sysnode--lead{border-color:var(--hv3-red);padding:9px 18px;font-size:13px;box-shadow:0 8px 22px #ee3f5f38}.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-muted)}.hv3-sysfoot b{color:var(--hv3-red-ink);font-weight:700}@media(min-width:981px){.hv3-ins{height:480px;display:flex;flex-direction:column;justify-content:space-between}.hv3-ins .hv3-col-label{margin-bottom:0;height:14px;line-height:14px;flex:none}.hv3-ins .hv3-iochip{margin:0;padding:7px 12px;flex:none;box-sizing:border-box;height:48px}.hv3-ins .hv3-iochip>span:last-child{line-height:15px}.hv3-ins .hv3-iochip small{line-height:13px;margin-top:1px}}@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:400px){.hv3-syscore{margin-bottom:22px}.hv3-modellayer{top:auto;bottom:-18px;left:0;transform:none;width:100%;height:auto;aspect-ratio:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 12px}.hv3-model{position:static;transform:none}}@media(max-width:640px){.hv3-system{padding-top:64px}}