/* 22.7.47 visual experience layer — intentionally restrained */
.vx-head-note{align-self:end;margin:0 0 4px;color:#7895a9;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vx-demo-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:18px}.vx-building,.vx-command,.vx-device-grid>article{border:1px solid rgba(70,142,190,.24);background:linear-gradient(150deg,rgba(7,24,39,.94),rgba(3,13,23,.96));box-shadow:inset 0 1px 0 rgba(130,210,255,.04)}.vx-building{padding:18px;border-radius:26px}.vx-building-toolbar,.vx-command-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.vx-building-toolbar strong,.vx-command-head strong{font-size:11px;letter-spacing:.1em}.vx-building-toolbar span,.vx-command-head small{color:#7f9bad;font-size:10px}.vx-house{position:relative;min-height:380px;overflow:hidden;border:1px solid rgba(70,142,190,.2);border-radius:21px;background:radial-gradient(circle at 50% 20%,rgba(31,121,181,.13),transparent 34%),linear-gradient(180deg,#071522,#04101b)}.vx-house:before,.vx-house:after{content:"";position:absolute;pointer-events:none}.vx-house:before{inset:12% 8% 8%;clip-path:polygon(50% 0,100% 27%,92% 27%,92% 100%,8% 100%,8% 27%,0 27%);border:1px solid rgba(105,180,224,.32);background:linear-gradient(90deg,transparent 49.7%,rgba(86,153,194,.13) 50%,transparent 50.3%)}.vx-house:after{left:12%;right:12%;top:49%;height:1px;background:rgba(78,151,195,.18);box-shadow:0 100px rgba(78,151,195,.18)}.vx-floor{position:absolute;left:13%;right:13%;height:28%;border-left:1px solid rgba(63,126,168,.15);border-right:1px solid rgba(63,126,168,.15)}.vx-floor span{position:absolute;left:12px;bottom:8px;color:#496a80;font-size:8px;letter-spacing:.12em}.vx-floor-top{top:17%}.vx-floor-mid{top:45%}.vx-floor-low{top:72%}.vx-node{position:absolute;z-index:4;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;gap:5px;padding:0;border:0;background:none;color:#9db7c8;cursor:pointer}.vx-node i{width:17px;height:17px;border:4px solid currentColor;border-radius:50%;background:#071522;box-shadow:0 0 0 5px rgba(67,174,236,.08),0 0 18px currentColor}.vx-node b{padding:4px 7px;border:1px solid rgba(83,151,193,.2);border-radius:8px;background:rgba(3,13,23,.88);font-size:8px}.vx-node.active{color:#54c8ff}.vx-node.fire.active,.vx-node.alarm.active{color:#ff786f}.vx-node.electric.active{color:#ffd46a}.vx-signal{position:absolute;z-index:2;left:16%;top:22%;width:54%;height:53%;border:1px dashed rgba(78,197,255,.22);border-radius:50%;opacity:.5;transition:.35s}.vx-house[data-system="fire"] .vx-signal{left:34%;top:16%;width:42%;height:42%;border-color:rgba(255,100,94,.35)}.vx-house[data-system="network"] .vx-signal{left:17%;top:48%;width:64%;height:35%}.vx-house[data-system="electric"] .vx-signal{left:50%;top:55%;width:35%;height:34%;border-color:rgba(255,211,91,.35)}.vx-system-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.vx-system-tabs button{padding:9px 12px;border:1px solid rgba(66,137,184,.23);border-radius:11px;background:#061522;color:#89a5b7;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.vx-system-tabs button.active{border-color:#3caee9;color:#eaf8ff;background:#0a2b42}.vx-command{padding:18px;border-radius:26px}.vx-live-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#45d58a;box-shadow:0 0 12px #45d58a}.vx-monitor{position:relative;padding:8px;border:1px solid rgba(65,138,185,.24);border-radius:17px;background:#020910}.vx-monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;height:138px}.vx-monitor-grid i{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#0b263a,#07121d)}.vx-monitor-grid i:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(80,188,246,.11),transparent 70%);animation:vxscan 5s linear infinite}.vx-monitor>span{position:absolute;left:16px;bottom:14px;color:#7e9aaa;font-size:8px}.vx-status-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.vx-status-list article{padding:11px;border:1px solid rgba(65,138,185,.16);border-radius:13px;background:rgba(4,16,27,.75)}.vx-status-list span{display:block;color:#708da0;font-size:8px}.vx-status-list strong{display:block;margin-top:5px;color:#dff4ff;font-size:11px}.vx-event{margin-top:10px;padding:14px;border:1px solid rgba(65,138,185,.17);border-radius:15px;background:rgba(4,16,27,.75)}.vx-event small{color:#4cbef6;font-size:8px;letter-spacing:.12em}.vx-event strong{display:block;margin-top:7px;font-size:14px}.vx-event p{margin:9px 0 0;color:#8ea9ba;font-size:10px;line-height:1.6}.vx-flow{display:flex;align-items:center;gap:5px;margin-top:10px}.vx-flow span{font-size:8px;color:#b5c9d5}.vx-flow i{flex:1;height:1px;background:linear-gradient(90deg,#2da7e8,rgba(45,167,232,.15));position:relative}.vx-flow i:after{content:"";position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#6ed5ff;animation:vxflow 2s linear infinite}.vx-device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vx-device-grid>article{padding:18px;border-radius:22px;transition:transform .18s ease}.vx-device-grid>article>span{display:block;margin-top:15px;color:#4fbdf3;font-size:8px;font-weight:900;letter-spacing:.13em}.vx-device-grid h3{margin:6px 0 0;font-size:15px}.vx-device-grid p{margin:7px 0 0;color:#809bab;font-size:10px;line-height:1.6}.vx-device{height:112px;display:grid;place-items:center;border-radius:17px;background:radial-gradient(circle,rgba(58,159,219,.13),transparent 55%),#04101b}.vx-device i{display:block;position:relative}.vx-device.camera i{width:72px;height:34px;border-radius:10px 18px 18px 10px;background:linear-gradient(145deg,#dce7ed,#71828d);box-shadow:0 15px 28px rgba(0,0,0,.35)}.vx-device.camera i:after{content:"";position:absolute;right:7px;top:7px;width:20px;height:20px;border:4px solid #172734;border-radius:50%;background:#07131d}.vx-device.detector i{width:64px;height:24px;border-radius:50%;background:#dfe6e9;box-shadow:0 7px 0 #87949b,0 15px 25px rgba(0,0,0,.35)}.vx-device.switch i{width:88px;height:30px;border-radius:6px;background:#27343c;box-shadow:inset 0 0 0 1px #596872,0 15px 25px rgba(0,0,0,.35)}.vx-device.switch i:after{content:"••••••••";position:absolute;left:9px;top:6px;color:#4ec6ff;font-size:11px;letter-spacing:2px}.vx-device.panel i{width:58px;height:78px;border-radius:8px;background:linear-gradient(145deg,#e6eaeb,#7c898f);box-shadow:0 15px 25px rgba(0,0,0,.35)}.vx-device.panel i:after{content:"";position:absolute;left:12px;right:12px;top:14px;height:17px;border-radius:3px;background:#123c4b;box-shadow:0 29px 0 -6px #d94d4d}.sp-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 48%,rgba(62,182,244,.13),transparent 20%);mix-blend-mode:screen}.sp-hero-copy{position:relative;z-index:2}.sp-hero-copy:after{content:attr(data-system-label);display:none}.sp-architecture-flow article{position:relative;overflow:hidden}.sp-architecture-flow article:after{content:"";position:absolute;left:-50%;top:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(80,194,250,.08),transparent);animation:vxarch 6s linear infinite}.result.vx-result-card.active.success{padding:18px!important;border-radius:18px!important}.result.vx-result-card .vx-result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.vx-result-summary span{padding:9px;border:1px solid rgba(60,145,200,.2);border-radius:10px;background:rgba(5,23,37,.7);font-size:10px;color:#a9c0cf}.vx-result-summary b{display:block;margin-top:4px;color:#fff}.vx-night-demo{filter:none}@keyframes vxscan{to{transform:translateX(100%)}}@keyframes vxflow{from{left:0}to{left:calc(100% - 5px)}}@keyframes vxarch{to{left:120%}}
@media(max-width:1000px){.vx-demo-grid{grid-template-columns:1fr}.vx-device-grid{grid-template-columns:1fr 1fr}.vx-house{min-height:340px}}
@media(max-width:600px){.vx-head-note{display:none}.vx-building,.vx-command{padding:13px;border-radius:20px}.vx-house{min-height:300px}.vx-node b{display:none}.vx-device-grid{grid-template-columns:1fr 1fr;gap:9px}.vx-device-grid>article{padding:12px}.vx-device{height:88px}.vx-status-list{grid-template-columns:1fr 1fr}.vx-flow span{font-size:7px}.vx-showcase,.vx-tech-stage{padding-top:38px!important;padding-bottom:38px!important}}
@media(prefers-reduced-motion:reduce){.vx-monitor-grid i:before,.vx-flow i:after,.sp-architecture-flow article:after{animation:none!important}.vx-device-grid>article{transform:none!important}}