.svc-hero-scene:has(.vn-hero){background:#d6e7bc}.vn-hero{position:absolute;inset:0;--mon-w:clamp(210px,34%,300px);--n:0}.vn-map{position:absolute;inset:0;overflow:hidden;background:#d6e7bc}.vn-world{position:absolute;inset:0;user-select:none;-webkit-user-select:none}.vn-hero .vl,.vs-sc .vl{position:absolute;inset:0;width:100%;height:100%;display:block;will-change:transform;pointer-events:none}.vn-hero .vo.gold,.vs-sc .vo.gold{background:#ff9a3c}.vn-hero .vo.dark,.vs-sc .vo.dark{background:#0a1736}.vn-world .vn-camb{cursor:pointer}.vn-world .vn-camb:focus{outline:none}.vn-world .vn-camb .foc{opacity:0}.vn-world .vn-camb:focus-visible .foc{opacity:1}.vn-world .vn-camb.sel .sel{opacity:1}.vn-world .vn-camb .sel{opacity:0;transition:opacity .3s}.vn-world .vn-lock{transform-box:fill-box;transform-origin:center}.vn-world .vn-lock.new{animation:vn-lock .45s cubic-bezier(.3,1.4,.5,1)}@keyframes vn-lock{0%{transform:scale(1.9);opacity:0}}.sa-off .vn-world *,.sa-off .vn-track *{animation-play-state:paused!important}.vn-sky{position:absolute;left:16px;right:16px;top:16px;z-index:3;display:flex;align-items:center;gap:.7rem;padding:.45rem .6rem;border-radius:999px;background:#fffffff0;box-shadow:0 10px 26px -14px #082b3a99}.vn-sky-w{flex:none;font-size:.62rem;color:var(--muted)}.vn-track{position:relative;flex:1;height:44px;border-radius:999px;overflow:hidden;background:linear-gradient(90deg,#7dd3f5,#9fe0f7 22%,#ffd27a 42%,#f2703a 54%,#c2416b 64%,#3b2c6e 78%,#0a1f2e);box-shadow:inset 0 0 0 1px #082b3a1f,inset 0 2px 6px #082b3a2e}.vn-stars{position:absolute;inset:0;opacity:calc(var(--n) * 2 - 1)}.vn-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;animation:vn-tw 2.4s ease-in-out infinite}.vn-stars i:nth-child(1){left:72%;top:22%}.vn-stars i:nth-child(2){left:80%;top:60%;animation-delay:-.6s}.vn-stars i:nth-child(3){left:86%;top:30%;animation-delay:-1.2s}.vn-stars i:nth-child(4){left:92%;top:68%;animation-delay:-1.8s}.vn-stars i:nth-child(5){left:96%;top:24%;animation-delay:-.3s}.vn-stars i:nth-child(6){left:76%;top:76%;animation-delay:-1.5s}.vn-stars i:nth-child(7){left:89%;top:50%;width:2px;height:2px}@keyframes vn-tw{50%{opacity:.3}}.vn-hint{position:absolute;left:58px;top:50%;transform:translateY(-50%);font-size:.6rem;color:#0b3646;white-space:nowrap;opacity:1;transition:opacity .4s;pointer-events:none}.vn-hero.touched .vn-hint{opacity:0}.vn-knob{position:absolute;top:4px;left:calc(4px + (100% - 44px) * var(--n));width:36px;height:36px;pointer-events:none}.vn-knob i{position:absolute;inset:0;border-radius:50%;transition:opacity .25s,transform .35s}.vn-sun{background:radial-gradient(circle,#FFF6CF 0 45%,#FFD66B 46% 64%,transparent 65%);box-shadow:0 0 0 4px #ffd66b59,0 0 18px 6px #ffc8508c;opacity:calc(1.6 - var(--n) * 2.2)}.vn-moon{background:radial-gradient(circle at 64% 38%,transparent 0 34%,#F4F1E4 35% 62%,transparent 63%);opacity:calc(var(--n) * 2.4 - 1.1);filter:drop-shadow(0 0 6px rgba(244,241,228,.7))}.vn-knob:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px dashed rgba(255,255,255,.85);animation:wf-spin 8s linear infinite}.vn-hero.touched .vn-knob:after{opacity:0}.vn-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:grab;touch-action:pan-y}.vn-range:active{cursor:grabbing}.vn-track:has(.vn-range:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.vn-mon{position:absolute;right:16px;bottom:16px;z-index:3;width:var(--mon-w);aspect-ratio:16/10.5;margin:0;border-radius:14px;overflow:hidden;background:#0f1a22;border:5px solid #0F1A22;box-shadow:0 26px 44px -20px #082b3acc,0 0 0 1px #2a3a45}.vn-feed{position:absolute;inset:0;overflow:hidden}.vn-mon:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(5,15,25,.55)),repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 1px,transparent 1px 3px)}.vn-osd{position:absolute;inset:0;z-index:1;pointer-events:none;font-size:.56rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.vn-osd .mono{position:absolute;font-size:.56rem}.vn-osd-cam{left:8px;top:7px;padding:.18rem .4rem;border-radius:4px;background:#08141e8c}.vn-osd-rec{right:8px;top:7px;display:flex;align-items:center;gap:.3rem}.vn-osd-rec i{width:7px;height:7px;border-radius:50%;background:#e8432e;animation:k-led 1.4s steps(2,jump-none) infinite}.vn-osd-ir{left:8px;bottom:7px;padding:.15rem .35rem;border-radius:4px;background:#2ba84a;opacity:0;transition:opacity .4s}.vn-hero.ir .vn-osd-ir{opacity:1}.vn-osd-t{right:8px;bottom:7px;font-variant-numeric:tabular-nums}.vn-static{position:absolute;inset:0;opacity:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 3px),#55626b;mix-blend-mode:normal}.vn-static.on{animation:vn-static .35s steps(4) forwards}@keyframes vn-static{0%{opacity:1;background-position:0 0}50%{opacity:.9;background-position:0 7px}to{opacity:0;background-position:0 2px}}.vn-ch{position:absolute;z-index:4;right:calc(16px + var(--mon-w) - 2px);bottom:16px;display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:12px 0 0 12px;background:#0f1a22;box-shadow:0 18px 30px -18px #082b3acc}.vn-chb{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:#22313b;color:#9fb4bc;cursor:pointer;transition:background .2s,color .2s}.vn-chb .mono{font-size:.7rem}.vn-chb:hover{background:#33454f;color:#fff}.vn-chb[aria-pressed=true]{background:var(--accent);color:#fff}.vn-chb:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:900px){.vn-ch{right:auto;left:0;bottom:12px;flex-direction:row;border-radius:12px;padding:5px}.vn-chb{width:36px;height:36px}.svc-hero-scene:has(.vn-hero){aspect-ratio:auto;background:none;box-shadow:none;border-radius:0;overflow:visible;min-height:0}.vn-hero{position:relative;inset:auto;--mon-w:min(58vw,260px);padding-bottom:calc(var(--mon-w) * .656 * .62)}.vn-map{position:relative;inset:auto;aspect-ratio:1/1.05;border-radius:22px;box-shadow:var(--card-shadow)}.vn-sky{left:10px;right:10px;top:10px;gap:.45rem;padding:.35rem .45rem}.vn-sky-w{font-size:.52rem}.vn-track{height:38px}.vn-knob{width:30px;height:30px;left:calc(4px + (100% - 38px) * var(--n))}.vn-hint{left:44px;font-size:.52rem}.vn-mon{right:8px;bottom:0;transform:rotate(1.5deg)}}@media(prefers-reduced-motion:reduce){.vn-knob:after,.vn-stars i,.vn-osd-rec i{animation:none!important}}.vs-stage{position:absolute;inset:0;background:#d6e7bc}.vs-sc{position:absolute;inset:0;overflow:hidden;--ease2:cubic-bezier(.3,1.4,.5,1)}.vs-sw{position:absolute;inset:0}.vs-sc .vs-cams :is(.foc,.sel){display:none}.vs-sc .vs-grid{opacity:0;transition:opacity .8s}.vs-sc[data-step="1"]:is([data-phase=plan],[data-phase=place]) .vs-grid{opacity:.2}.vs-sc .vs-mark{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.6);transition:opacity .4s,transform .5s var(--ease2)}.vs-sc[data-step="1"]:is([data-phase=plan],[data-phase=place]) .vs-mark{opacity:1;transform:none}.vs-sc[data-step="1"][data-phase=place] .vs-mark{opacity:.5}.vs-sc .vs-mark:nth-of-type(2){transition-delay:.15s}.vs-sc .vs-cables{opacity:0;transition:opacity .6s}.vs-sc .vs-cables path{stroke-dasharray:8 7;animation:wf-flow 1.2s linear infinite}.vs-sc[data-step="1"][data-phase=nvr] .vs-cables,.vs-sc[data-feat="1"] .vs-cables{opacity:.75}.vs-sc .vs-zone{transition:opacity .5s}.vs-sc[data-step="2"] .vs-zone{opacity:0}.vs-sc .vs-zone .glow{transform-box:fill-box;transform-origin:center;animation:vs-glow 1.8s ease-in-out infinite}@keyframes vs-glow{50%{opacity:.08;transform:scale(1.12)}}.vs-sc .vs-zone .ring,.vs-sc .vs-zone .glow,.vs-sc .vs-zone .lbl{transition:opacity .5s}.vs-sc .vs-zone .ok{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .5s var(--ease2),opacity .3s}.vs-sc .vs-zone.ok .ok{opacity:1;transform:none}.vs-sc .vs-zone.ok :is(.glow,.ring,.lbl){opacity:0}.vs-sc[data-step="1"][data-phase=nvr] .vs-zone .ok{opacity:0}.vs-sc .vs-nvr{opacity:0;transform-box:fill-box;transform-origin:70% 0;transform:scale(.4) translateY(-30px);transition:opacity .4s,transform .6s var(--ease2)}.vs-sc[data-step="1"][data-phase=nvr] .vs-nvr,.vs-sc.mini[data-feat="1"] .vs-nvr{opacity:1;transform:none}.vs-sc .vs-hdd{animation:k-led .5s steps(2,jump-none) infinite}.vs-sc .vs-rec{animation:k-led 1.4s steps(2,jump-none) infinite}.vs-sc .vs-cloud{opacity:0;transition:opacity .6s}.vs-sc[data-step="2"] .vs-cloud{opacity:1}.vs-sc .vs-up{animation:wf-flow 1s linear infinite reverse}.vs-phone{position:absolute;right:20px;top:50%;width:min(232px,33%);aspect-ratio:9/17.6;padding:6px;border-radius:30px;background:#0f1a22;box-shadow:0 30px 50px -22px #082b3acc,inset 0 0 0 1.5px #3a4a55;transform:translate(140%,-50%) rotate(6deg);transition:transform .8s var(--ease2);container-type:inline-size}.vs-sc[data-step="2"] .vs-phone{transform:translateY(-50%) rotate(-2deg)}.vs-sc.mini .vs-phone{transform:translate(140%,-50%)}.vs-sc.mini:is([data-feat="2"],[data-feat="5"]) .vs-phone{transform:translateY(-50%) rotate(-2deg)}.vs-ph-scr{position:relative;height:100%;border-radius:24px;overflow:hidden;background:linear-gradient(#14212b,#0f1a22);display:flex;flex-direction:column;gap:3cqw;padding:0 5cqw 5cqw;color:#fff}.vs-ph-top{display:flex;align-items:center;justify-content:space-between;height:15cqw;flex:none}.vs-ph-top .mono{display:flex;align-items:center;gap:2cqw;font-size:5cqw;color:#cfe3ea}.vs-ph-isl{width:28cqw;height:8cqw;border-radius:8cqw;background:#05090c}.vs-live{width:3.6cqw;height:3.6cqw;border-radius:50%;background:#e8432e;animation:k-led 1.4s steps(2,jump-none) infinite}.vs-tiles{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}.vs-tile{position:relative;aspect-ratio:4/3.2;border-radius:3.5cqw;overflow:hidden;background:#24323c;box-shadow:inset 0 0 0 1px #ffffff14}.vs-tile:first-child{grid-column:1/-1;aspect-ratio:16/11}.vs-tf{position:absolute;inset:0}.vs-tile .mono{position:absolute;left:2.5cqw;bottom:2cqw;font-size:4cqw;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.vs-tile.hit{box-shadow:inset 0 0 0 2px #e8432e}.vs-tl{position:relative;margin-top:1cqw;padding:3cqw 3cqw 3.4cqw;border-radius:3.5cqw;background:#1c2a34}.vs-tl-bar{position:relative;display:block;height:9cqw;border-bottom:1px solid #3A4A55}.vs-tl-bar i{position:absolute;bottom:0;width:2.4cqw;height:var(--h);border-radius:1cqw 1cqw 0 0;background:#e8432e;opacity:.85}.vs-tl-bar b{position:absolute;top:-2cqw;bottom:-1.5cqw;left:0;width:.9cqw;border-radius:1cqw;background:#fff;box-shadow:0 0 6px #ffffffb3;animation:vs-head 9s linear infinite}@keyframes vs-head{to{left:100%}}.vs-cl{display:flex;align-items:center;gap:2.6cqw;margin-top:auto;padding:3cqw 3.4cqw;border-radius:3.5cqw;background:#1c2a34}.vs-cl svg{width:9cqw;flex:none}.vs-cl .mono{flex:1;font-size:4.2cqw;color:#cfe3ea}.vs-cl i{width:5cqw;height:5cqw;border-radius:50%;border:.9cqw solid #3A4A55;border-top-color:#2ba84a;animation:wf-spin 1.2s linear infinite}.vs-alert{position:absolute;left:4cqw;right:4cqw;top:3cqw;z-index:2;display:flex;align-items:center;gap:3cqw;padding:3.6cqw 4cqw;border-radius:5cqw;background:#fff;color:var(--ink);box-shadow:0 10px 20px -10px #000000b3;transform:translateY(-140%);transition:transform .5s var(--ease2)}.vs-alert i{flex:none;width:6cqw;height:6cqw;border-radius:50%;background:#e8432e;box-shadow:0 0 0 2cqw #e8432e33}.vs-alert b{font:700 5.4cqw/1.2 var(--sans)}.vs-phone.alert .vs-alert,.vs-sc.mini[data-feat="5"] .vs-alert{transform:none}.vs-sc.mini:is([data-feat="3"],[data-feat="4"],[data-feat="0"]) .vs-cloud{opacity:0}.vs-4k{position:absolute;left:12px;top:12px;padding:.4rem .7rem;border-radius:8px;background:#e8432e;color:#fff;font-size:.7rem;opacity:0}.vs-sc.mini[data-feat="0"] .vs-4k{opacity:1}.vs-sc.sharp .vs-sw{animation:vs-sharp 1.8s ease-out}@keyframes vs-sharp{0%,25%{filter:blur(6px) saturate(.6)}to{filter:none}}.vs-sc.sa-off *,.vs-sc.sa-off *:after{animation-play-state:paused!important}.vs-sc:not([data-step="1"][data-phase=nvr]):not(.mini[data-feat="1"]) :is(.vs-hdd,.vs-rec),.vs-sc[data-step="2"] .vs-zone .glow,.vs-sc .vs-zone.ok .glow,.vs-sc:not([data-step="2"]) .vs-phone *{animation-play-state:paused}@media(max-width:900px){.vs-phone{right:10px;width:40%;border-radius:22px;padding:4px}.vs-ph-scr{border-radius:18px}}@media(prefers-reduced-motion:reduce){.vs-sc *{animation:none!important;transition:none!important}}