.hv-wrap{position:relative;display:grid;place-items:center;min-height:380px}.hv-wrap .sym-outline-box{position:absolute;left:50%;top:50%;width:min(540px,115%);aspect-ratio:1 / 1;transform:translate(-50%,-50%);pointer-events:none;opacity:.16}.hv-wrap .sym-outline{display:block;width:100%;height:100%;overflow:visible}.hv-wrap .sym-outline path{fill:none;stroke:var(--accent);stroke-width:.8}.hv{position:relative;width:100%;max-width:460px;display:grid;gap:14px}.hv-card{border:1px solid var(--line);border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface) 94%,transparent);padding:18px;box-shadow:0 30px 70px -30px #0000008c;display:grid;gap:12px}.hv-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.9rem}.hv-top b{font-family:var(--f-display);font-size:1.3rem;font-weight:700}.hv-pill{font-family:var(--f-mono);font-size:.68rem;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--fg-muted);display:inline-flex;gap:6px;align-items:center}.hv-pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}@keyframes hvIn{0%,5%{opacity:0;transform:translateY(8px)}12%,88%{opacity:1;transform:none}to{opacity:0}}@keyframes hvLoop{0%{opacity:0;transform:translateY(6px)}10%,85%{opacity:1;transform:none}to{opacity:0}}.hv-check{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hv-check li{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:.88rem;color:var(--fg-muted);animation:hvCheck 9s var(--ease-out) infinite;animation-delay:calc(var(--i) * .7s)}.hv-check li i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);flex:none;position:relative}.hv-check li i:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:.7rem;color:var(--accent-ink);opacity:0}@keyframes hvCheck{0%,8%{border-color:var(--line);color:var(--fg-muted)}14%,90%{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--fg)}}.hv-check li{--c: var(--line)}.hv-check li i{animation:hvTick 9s var(--ease-out) infinite;animation-delay:calc(var(--i) * .7s)}.hv-check li i:after{animation:hvTickT 9s var(--ease-out) infinite;animation-delay:calc(var(--i) * .7s)}@keyframes hvTick{0%,8%{background:transparent;border-color:var(--line)}14%,90%{background:var(--accent);border-color:var(--accent)}}@keyframes hvTickT{0%,8%{opacity:0}14%,90%{opacity:1}}.hv-bar{height:6px;border-radius:6px;background:var(--line);overflow:hidden}.hv-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--ok));transform-origin:left;animation:hvGrow 9s var(--ease-io) infinite}@keyframes hvGrow{0%,5%{transform:scaleX(0)}60%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}.hv-mig{display:flex;align-items:center;gap:10px}.hv-ver{font-family:var(--f-display);font-weight:700;font-size:1.8rem;padding:6px 14px;border-radius:12px;border:1px solid var(--line)}.hv-ver.to{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.hv-wire{flex:1;height:2px;background:var(--line);position:relative;overflow:hidden}.hv-wire i{position:absolute;top:-3px;width:18px;height:8px;border-radius:4px;background:var(--accent);animation:hvSlide 2.4s linear infinite}.hv-wire i:nth-child(2){animation-delay:.8s}.hv-wire i:nth-child(3){animation-delay:1.6s}@keyframes hvSlide{0%{left:-18px}to{left:100%}}.hv-rows{list-style:none;padding:0;display:grid;gap:8px}.hv-rows li{display:grid;grid-template-columns:130px 1fr 70px;gap:10px;align-items:center;font-size:.8rem}.hv-rows code{font-family:var(--f-mono);color:var(--fg-muted);font-size:.74rem}.hv-rows b{font-family:var(--f-mono);font-weight:500;text-align:right}.hv-prog{height:6px;border-radius:6px;background:var(--line);overflow:hidden}.hv-prog i{display:block;height:100%;background:var(--accent);transform-origin:left;animation:hvGrow 8s var(--ease-io) infinite;animation-delay:calc(var(--i) * .5s)}.hv-stack{display:grid;gap:14px}.hv-code{font-family:var(--f-mono);font-size:.74rem;color:var(--fg-muted);gap:4px}.hv-code span{white-space:pre;overflow:hidden;display:block;width:0;animation:hvType 10s steps(40) infinite}.hv-code span:nth-child(2){animation-delay:.9s}.hv-code span:nth-child(3){animation-delay:1.8s}.hv-code span:nth-child(4){animation-delay:2.7s}@keyframes hvType{0%{width:0}10%,90%{width:100%}to{width:100%;opacity:0}}.hv-code .k{color:var(--accent);font-weight:400}.hv-code .s{color:var(--signal);font-weight:400}.hv-invoice{transform:translate(28px)}.hv-table{display:grid;gap:2px;font-size:.78rem}.hv-tr{display:grid;grid-template-columns:1.3fr 1fr .7fr 1fr;gap:8px;padding:7px 8px;border-radius:8px}.hv-tr.th{font-family:var(--f-mono);font-size:.66rem;color:var(--fg-muted);text-transform:uppercase}.hv-tr:not(.th){background:color-mix(in srgb,var(--fg) 4%,transparent)}.col-hl{animation:hvHl 5s var(--ease-io) infinite;border-radius:4px}@keyframes hvHl{0%,30%{background:transparent;color:inherit}45%,85%{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--fg)}}.hv-mini{font-family:var(--f-mono);font-size:.76rem;color:var(--fg-muted);display:flex;gap:10px;align-items:center;padding:12px 16px}.hv-mini b{color:var(--ok);font-weight:500}.hv-hub,.hv-pipe{width:100%;height:auto;overflow:visible}.hv-line{stroke:color-mix(in srgb,var(--accent) 40%,var(--line));stroke-width:1.5;stroke-dasharray:4 6;fill:none}.hv-dot{fill:var(--accent)}.hv-core{fill:var(--surface-2);stroke:var(--accent);stroke-width:1.5}.hv-core-t{fill:var(--fg);font-family:var(--f-display);font-weight:700;font-size:26px;text-anchor:middle}.hv-node rect{fill:var(--surface);stroke:var(--line)}.hv-node text{fill:var(--fg);font-family:var(--f-mono);font-size:12px;text-anchor:middle}.hv-log{list-style:none;padding:0;display:grid;gap:6px;font-family:var(--f-mono);font-size:.74rem;color:var(--fg-muted)}.hv-log li{animation:hvLoop 6s var(--ease-out) infinite;animation-delay:calc(var(--i) * .9s)}.hv-log code{color:var(--accent);margin-right:6px}.hv-tickets{list-style:none;padding:0;display:grid;gap:8px}.hv-tickets li{display:grid;grid-template-columns:52px 1fr 92px;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:.84rem}.hv-tid{font-family:var(--f-mono);font-size:.72rem;color:var(--fg-muted)}.hv-tt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hv-st{display:grid;justify-items:end}.hv-st em{grid-area:1 / 1;font-style:normal;font-family:var(--f-mono);font-size:.66rem;padding:3px 8px;border-radius:999px;opacity:0;animation:hvS 9s steps(1) infinite;animation-delay:calc(var(--i) * .8s)}.hv-st .s1{color:var(--signal);border:1px solid color-mix(in srgb,var(--signal) 40%,transparent);animation-name:hvS1}.hv-st .s2{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);animation-name:hvS2}.hv-st .s3{color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent);animation-name:hvS3}@keyframes hvS1{0%{opacity:1}30%{opacity:0}}@keyframes hvS2{0%{opacity:0}30%{opacity:1}60%{opacity:0}}@keyframes hvS3{0%{opacity:0}60%{opacity:1}}.hv-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hv-kpis div{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:2px}.hv-kpis b{font-family:var(--f-display);font-size:2rem;line-height:1}.hv-kpis small{font-family:var(--f-mono);font-size:.64rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}.hv-bars{display:flex;align-items:flex-end;gap:6px;height:110px}.hv-bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 20%,transparent));transform-origin:bottom;animation:hvBar 6s var(--ease-out) infinite;animation-delay:calc(var(--i) * .12s)}@keyframes hvBar{0%{transform:scaleY(.1)}25%,90%{transform:scaleY(1)}to{transform:scaleY(.1)}}.hv-toasts{display:grid;gap:6px}.hv-toasts span{font-family:var(--f-mono);font-size:.72rem;color:var(--ok);padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--ok) 10%,transparent);animation:hvLoop 6s var(--ease-out) infinite;animation-delay:calc(var(--i) * 1.2s)}.hv-chat{align-content:end;min-height:230px}.hv-chat .bub,.hv-chat .tool{animation:hvIn 9s var(--ease-out) infinite both;animation-delay:calc(var(--i) * 1.2s)}.hv-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hv-lanes .ln{text-align:center;font-family:var(--f-mono);font-size:.74rem;padding:8px;border-radius:10px;border:1px solid var(--line)}.ln0{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))!important}.ln1{color:var(--signal);border-color:color-mix(in srgb,var(--signal) 40%,var(--line))!important}.ln2{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))!important}.hv-route{list-style:none;padding:0;display:grid;gap:7px}.hv-route li{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);font-size:.84rem;animation:hvLoop 10s var(--ease-out) infinite both;animation-delay:calc(var(--i) * .9s)}.hv-route em{font-style:normal;font-family:var(--f-mono);font-size:.72rem}.hv-route .r0 em{color:var(--accent)}.hv-route .r1 em{color:var(--signal)}.hv-route .r2 em{color:var(--ok)}.hv-img{position:relative;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#2a2340,#12101c)}.hv-img .ph{position:absolute;inset:18% 30%;border-radius:14px;background:linear-gradient(160deg,#3a3550,#1a1626);box-shadow:inset 0 0 0 2px #ffffff0f}.hv-conv{position:absolute;left:10px;bottom:10px;display:grid}.hv-conv span{grid-area:1 / 1;font-family:var(--f-mono);font-size:.72rem;padding:5px 9px;border-radius:8px;animation:hvS 6s steps(1) infinite}.hv-conv .from{background:#ff6b6b2e;color:#ff9a9a;animation-name:hvFrom}.hv-conv .to{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok);opacity:0;animation-name:hvTo}@keyframes hvFrom{0%{opacity:1}50%{opacity:0}}@keyframes hvTo{0%{opacity:0}50%{opacity:1}}.hv-order{font-family:var(--f-mono);font-size:.76rem;color:var(--fg-muted);display:flex;gap:8px;align-items:center}.hv-phones{position:relative;height:400px}.phone{position:absolute;width:190px;height:380px;border-radius:34px;border:2px solid var(--line);background:var(--bg-2);padding:12px;box-shadow:0 40px 80px -30px #0009}.phone.ios{left:14%;top:0;transform:rotate(-6deg)}.phone.android{right:10%;top:20px;border-radius:26px;transform:rotate(5deg)}.phone .notch{position:absolute;top:8px;left:50%;translate:-50% 0;width:70px;height:18px;border-radius:12px;background:var(--bg);z-index:2}.phone .cam{position:absolute;top:12px;left:50%;translate:-50% 0;width:10px;height:10px;border-radius:50%;background:var(--bg);z-index:2}.phone .scr{height:100%;border-radius:24px;background:var(--surface);overflow:hidden;padding:30px 12px 12px;display:grid;gap:8px;align-content:start;position:relative}.phone .bar-t{display:flex;justify-content:space-between;font-size:.8rem}.phone .bar-t b{font-family:var(--f-display);font-size:1.2rem}.phone .bar-t span{font-family:var(--f-mono);font-size:.62rem;color:var(--accent)}.phone .row{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:.7rem;padding:8px;border-radius:8px;background:color-mix(in srgb,var(--fg) 5%,transparent);animation:hvLoop 8s var(--ease-out) infinite both;animation-delay:calc(var(--i) * .4s)}.phone .row b{color:var(--accent)}.phone .scanbtn{position:absolute;left:12px;right:12px;bottom:14px;text-align:center;padding:10px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:.8rem}.viewfinder{position:relative;height:180px;border-radius:14px;border:2px dashed color-mix(in srgb,var(--accent) 50%,transparent);display:grid;place-items:center;overflow:hidden}.viewfinder .code{width:70%;height:46px;background:repeating-linear-gradient(90deg,var(--fg) 0 2px,transparent 2px 4px,var(--fg) 4px 5px,transparent 5px 8px);opacity:.7}.viewfinder .laser{position:absolute;left:8%;right:8%;height:2px;background:#ff4d4d;box-shadow:0 0 10px #ff4d4d;animation:hvLaser 2s var(--ease-io) infinite alternate}@keyframes hvLaser{0%{top:20%}to{top:78%}}.phone .toast{margin-top:10px;padding:10px;border-radius:10px;text-align:center;font-size:.78rem;font-weight:600;color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent);animation:hvLoop 4s var(--ease-out) infinite both;animation-delay:1.4s}.hv-steps{list-style:none;padding:0;display:grid;gap:8px;position:relative}.hv-steps li{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--line);font-weight:600;animation:hvStep 10s var(--ease-out) infinite;animation-delay:calc(var(--i) * 1.6s)}.hv-steps li span{font-family:var(--f-mono);font-size:.72rem;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--fg-muted)}@keyframes hvStep{0%,to{border-color:var(--line)}4%,16%{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}20%{border-color:var(--line);background:transparent}}.hv-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}.hv-icons img{width:100%;max-width:76px;aspect-ratio:1;border-radius:18px;justify-self:center;box-shadow:0 14px 30px -12px #0009;animation:hvFloat 6s var(--ease-io) infinite alternate;animation-delay:calc(var(--i) * -.45s)}@keyframes hvFloat{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}.hv-badge{grid-column:1 / -1;justify-self:center;font-family:var(--f-mono);font-size:.74rem;padding:6px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent);background:var(--surface)}.hv-fan{position:relative;height:340px}.hv-fan img{position:absolute;left:50%;top:50%;width:78%;border-radius:14px;border:1px solid var(--line);box-shadow:0 30px 60px -24px #000000a6;translate:-50% -50%;transform:rotate(calc((var(--i) - 1) * 7deg)) translate(calc((var(--i) - 1) * 46px)) translateY(calc(var(--i) * 8px));transition:transform .6s var(--ease-out)}.hv-fan:hover img{transform:rotate(calc((var(--i) - 1) * 10deg)) translate(calc((var(--i) - 1) * 80px))}.hv-countries{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hv-countries div{border:1px solid var(--line);border-radius:var(--r-md);padding:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);display:grid;gap:4px;position:relative;animation:hvFloat 7s var(--ease-io) infinite alternate;animation-delay:calc(var(--i) * -.8s)}.hv-countries b{font-family:var(--f-display);font-size:2.6rem;line-height:1;color:var(--accent)}.hv-countries span{color:var(--fg-muted);font-size:.86rem}.hv-countries em{position:absolute;right:14px;top:12px;font-style:normal;font-family:var(--f-mono);font-size:.72rem;color:var(--fg-muted)}@media(max-width:860px){.hv-wrap{display:none}}@media(prefers-reduced-motion:reduce){.hv *,.hv *:after{animation:none!important}.hv-code span{width:auto}.hv-st .s3,.hv-conv .to,.hv-check li i:after{opacity:1}.hv-conv .from,.hv-st .s1,.hv-st .s2{opacity:0}.hv-check li i{background:var(--accent);border-color:var(--accent)}}