.visual-panel{position:relative;z-index:2;background:linear-gradient(145deg,#1b1b1b,#111);border:1px solid rgb(242 186 114 / .25);padding:15px;box-shadow:0 25px 100px rgb(0 0 0 / .4);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);animation:panel-float 7s ease-in-out infinite}.visual-top,.visual-footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.1em;color:#8f8f8f}.visual-top{padding:3px 2px 14px}.visual-top i{font-style:normal;color:var(--hl-gold);padding-left:10px;font-size:8px}.live-dot,.status-pulse{display:inline-block;width:6px;height:6px;background:var(--hl-gold);border-radius:50%;box-shadow:0 0 9px rgb(242 186 114 / .6)}.vision-stage{height:330px;position:relative;overflow:hidden;background:#111;border:1px solid rgb(255 255 255 / .09)}.scan-grid{position:absolute;inset:0;background-image:linear-gradient(rgb(242 186 114 / .08) 1px,transparent 1px),linear-gradient(90deg,rgb(242 186 114 / .08) 1px,transparent 1px);background-size:30px 30px;opacity:.45}.vision-art{position:absolute;inset:0;width:100%;height:100%}.stage-corner{position:absolute;width:13px;height:13px;border-color:var(--hl-gold);border-style:solid;z-index:2}.c-tl{top:8px;left:8px;border-width:1px 0 0 1px}.c-tr{top:8px;right:8px;border-width:1px 1px 0 0}.c-bl{bottom:8px;left:8px;border-width:0 0 1px 1px}.c-br{bottom:8px;right:8px;border-width:0 1px 1px 0}.bbox-label{position:absolute;background:rgb(17 17 17 / .9);border:1px solid rgb(242 186 114 / .55);padding:6px 8px;font-size:8px;letter-spacing:.03em;color:#ddd;white-space:nowrap}.bbox-label b{color:var(--hl-gold);font-weight:500;margin-left:6px}.label-object{top:12%;left:8%}.label-marker{display:inline-block;width:5px;height:5px;background:var(--hl-gold);margin-right:6px}.label-depth{bottom:13%;right:7%}.scan-beam{position:absolute;left:0;right:0;top:0;height:1px;background:var(--hl-gold);box-shadow:0 0 16px 2px rgb(242 186 114 / .45);animation:scan 5s ease-in-out infinite}.pipeline{display:flex;align-items:center;gap:8px;padding:16px 4px 14px}.pipeline-step{display:flex;align-items:center;gap:7px;color:#5f5f5f;font-size:8px;letter-spacing:.04em;white-space:nowrap}.pipeline-step span{width:19px;height:19px;display:grid;place-items:center;border:1px solid #494949;border-radius:50%}.pipeline-step.active{color:#c9c9c9}.pipeline-step.active span{border-color:var(--hl-gold);color:var(--hl-gold)}.pipeline-connector{height:1px;flex:1;background:linear-gradient(90deg,rgb(242 186 114 / .5),rgb(255 255 255 / .1))}.visual-footer{border-top:1px solid rgb(255 255 255 / .08);padding:12px 2px 0;font-size:8px}.visual-footer>span:first-child{display:flex;align-items:center;gap:7px}.status-pulse{width:5px;height:5px;animation:pulse 2s infinite}.hero-orbit{position:absolute;border:1px solid rgb(242 186 114 / .12);border-radius:50%;pointer-events:none}.orbit-one{width:440px;height:440px;right:-160px;top:0}.orbit-two{width:540px;height:540px;right:-205px;top:-50px}@keyframes scan{0%,100%{transform:translateY(0);opacity:.25}50%{transform:translateY(320px);opacity:.9}}@keyframes pulse{0%,100%{opacity:.5;box-shadow:0 0 0 0 rgb(242 186 114 / .35)}50%{opacity:1;box-shadow:0 0 0 5px #fff0}}@keyframes panel-float{0%,100%{transform:perspective(1200px) rotateY(-4deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-2deg) rotateX(1deg) translateY(-7px)}}