.sky{background-image:none}#scene-backdrops{position:absolute;inset:0;overflow:hidden;pointer-events:none;--travel:0}.scene-backdrop{position:absolute;inset:-2%;background-size:cover;background-position:center;opacity:0;transition:opacity 850ms ease;transform:scale(calc(1.02 + var(--travel)*.055)) translateX(calc(var(--travel)*-1%));will-change:opacity,transform}.scene-backdrop.active{opacity:1}.cinema-grade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0612216b,transparent 38%,transparent 70%,#101b2933),linear-gradient(0deg,#071324b5,transparent 35%,transparent 75%,#07132455)}#copy,#offer,#evidence{background:linear-gradient(110deg,#081a2af5,#192d3cf0);border-right-color:#ffe0b9;box-shadow:inset 8px 8px 25px #0007,inset -3px 1px 20px #ffc78625,9px 0 28px #ffb87615,-10px 18px 40px #0005}.vision-scene .scene[data-case-id="vision"] .actor,.vision-scene .scene[data-case-id="vision"] .incoming,.vision-scene .scene[data-case-id="vision"] .document,.vision-scene .scene[data-case-id="vision"] .output,.vision-scene .scene[data-case-id="vision"] .orb{visibility:hidden}.vision-scene #neural-threads{visibility:hidden}#vision-demo{position:absolute;left:36%;top:33%;width:31%;z-index:10;border:1px solid #dcecff77;border-right-color:#ffd09c;border-radius:13px;background:#08162635;box-shadow:0 22px 80px #00101d77,inset 0 0 35px #7cc2e419;overflow:hidden}.vision-heading,.vision-caption{padding:12px 14px;background:#0a1c2bea;font-size:10px;color:#ddeaf0;letter-spacing:1px}.vision-heading{display:flex;align-items:center;gap:7px}.vision-heading>span:last-child{margin-left:auto;font-size:8px;color:#a7bdca}.rec-dot{width:6px;height:6px;border-radius:50%;background:#ff9972;box-shadow:0 0 12px #ffb478}.vision-field{height:210px;position:relative;overflow:hidden}.detection{position:absolute;border:1px solid #ffd6a0;background:#ffd09a0c;box-shadow:0 0 18px #ffe0a622}.detection span{position:absolute;top:-19px;left:-1px;padding:3px 6px;background:#ffd6a0;color:#192633;font-size:8px;white-space:nowrap}.box-a{left:17%;top:28%;width:26%;height:38%;animation:track-a 5s ease-in-out infinite alternate}.box-b{left:59%;top:47%;width:22%;height:30%;border-color:#afdced;animation:track-b 6s ease-in-out infinite alternate}.box-b span{background:#afdced}.vision-scan{position:absolute;inset:0;background:linear-gradient(0deg,transparent 45%,#afe8ff30 49%,#d2f5ff88 50%,transparent 51%);animation:vision-scan 4s ease-in-out infinite;pointer-events:none}.vision-zone{position:absolute;inset:18% 8% 10%;border:1px dashed #bfdfef55;color:#cfe3ed;font-size:7px;letter-spacing:2px;padding:6px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.vision-caption{font-size:9px;text-align:center;letter-spacing:.3px}.vision-criteria>div{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #a8c9d32b;font-size:12px;color:#e7eff4}.vision-criteria b{color:#ffdaab}#vision-demo[data-step="2"] .detection{box-shadow:0 0 24px #ffcc9766}
@keyframes track-a{to{transform:translate(35px,15px)}}@keyframes track-b{to{transform:translate(-25px,-12px)}}@keyframes vision-scan{0%,100%{transform:translateY(-45%)}50%{transform:translateY(45%)}}
@media(max-width:750px){.scene-backdrop{background-position:57% center}.cinema-grade{background:linear-gradient(180deg,#06142288,transparent 35%,transparent 70%,#071324c9)}#vision-demo{left:17%;width:66%;top:37%}.vision-field{height:130px}.vision-heading,.vision-caption{padding:8px;font-size:8px}.vision-heading>span:last-child{font-size:6px}.vision-caption{font-size:8px}.vision-scene[data-stage="1"] #vision-demo,.vision-scene[data-stage="2"] #vision-demo{top:38%}.vision-criteria>div{font-size:10px;padding:5px 0}}
@media(max-width:750px) and (max-height:730px){#vision-demo,.vision-scene[data-stage="1"] #vision-demo,.vision-scene[data-stage="2"] #vision-demo{top:42%}.vision-field{height:95px}.vision-caption{padding:6px;font-size:7px}}
body.calm .scene-backdrop{transition:none;transform:none}body.calm .detection,body.calm .vision-scan{animation:none}@media(prefers-reduced-motion:reduce){.scene-backdrop{transition:none;transform:none}.detection,.vision-scan{animation:none}}

.vision-field{background:none}.box-a{left:44%;top:60%;width:15%;height:30%;animation:none}.box-b{left:47%;top:37%;width:9%;height:17%;animation:none}.vision-zone{inset:26% 27% 4%;padding:4px;font-size:6px}.vision-scene #metric{font-size:clamp(35px,4vw,60px)}

@media(min-width:751px) and (max-height:500px){#vision-demo{top:29%}.vision-field{height:110px}.vision-heading,.vision-caption{padding:6px}}