.vision-camera{isolation:isolate}.vision-scan{position:absolute;inset:15% 0 auto;height:1px;background:#e5bdff;box-shadow:0 0 25px 5px #ce9bff50;opacity:0;pointer-events:none;z-index:3}.vision-box{transition:opacity .45s,transform .8s,border-color .45s;transform-origin:center;z-index:2}.vision-box>span{position:absolute;bottom:calc(100% + 7px);left:0;font-size:6px;letter-spacing:.08em;white-space:nowrap;color:#ecd5ff}.vision-mode-badge{position:absolute;right:17px;top:19px;font-size:6px;padding:8px 10px;background:#33233d88;border:1px solid #e2bfff55;border-radius:30px;color:#efdfff;backdrop-filter:blur(12px);z-index:4}.vision-zone{position:absolute;left:29%;top:34%;width:66%;height:48%;background:repeating-linear-gradient(125deg,#c59aff12 0 8px,#c59aff00 8px 20px);border:1px solid #dcb3ff88;transform:perspective(500px) rotateX(25deg);opacity:0;transition:opacity .5s;pointer-events:none}.vision-zone>span{position:absolute;right:5px;bottom:5px;font-size:6px;color:#ecd6ff;letter-spacing:.1em}.vision-gaze{position:absolute;left:67%;top:39%;width:21%;height:25%;background:linear-gradient(90deg,#e1bbff77,transparent);clip-path:polygon(0 50%,100% 0,100% 100%);opacity:0;transition:opacity .5s;pointer-events:none}.vision-demo[data-signal=attention] .vision-gaze{opacity:1}.vision-demo[data-signal=occupancy] .vision-zone{opacity:1}.vision-demo[data-signal=occupancy] .vision-box{border-color:#dcb3ff44}.vision-demo[data-signal=attention] .vb-two{border-color:#f3ddff;box-shadow:0 0 30px #cf9dff30}.vision-sequence{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:14px 0;border-top:1px solid #bb99d344;gap:8px}.vision-sequence>span{font-size:7px;color:var(--flow-muted,#c4acd6)}.vision-sequence b{display:block;font-size:9px;font-weight:400;margin-top:8px;color:var(--flow-ink,#fff)}.vision-sequence i{font-style:normal;color:var(--flow-accent,#dcb6f5);font-size:13px}.vision-reading .vision-scan{animation:vision-scan 1.2s both}.vision-reading .vision-box{animation:vision-lock .8s both}.vision-reading .vb-two{animation-delay:.15s}.vision-reading .vb-three{animation-delay:.3s}.vision-reading .vision-readout{animation:reading-pop .65s .25s both}.vision-reading .vision-sequence>span{animation:reading-pop .5s both}.vision-reading .vision-sequence>span:nth-of-type(2){animation-delay:.35s}.vision-reading .vision-sequence>span:nth-of-type(3){animation-delay:.7s}@keyframes vision-scan{0%{opacity:0;translate:0 0}15%,75%{opacity:1}100%{opacity:0;translate:0 300px}}@keyframes vision-lock{0%{opacity:0;transform:scale(1.1)}100%{transform:scale(1)}}@keyframes reading-pop{from{opacity:.2;translate:0 8px}to{opacity:1;translate:0 0}}
.report-comparison{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #b797cd55;padding:20px 0 0;margin-top:25px}.report-comparison>span{font-size:7px;color:#896e98;letter-spacing:.08em}.report-comparison>button{background:#ffffff50;border:1px solid #ffffffb0;border-radius:30px;font-size:9px;color:#67477b;min-height:40px;padding:10px 14px}.chart-column{isolation:isolate}.chart-compare{position:absolute;width:80%;bottom:0;height:var(--compare-height);border-top:2px solid #4f3468;z-index:3;pointer-events:none;opacity:0;transform:scaleX(.5);transition:opacity .3s,transform .5s}.chart-compare:before{content:'';position:absolute;top:-4px;left:calc(50% - 3px);width:6px;height:6px;background:#fbf5ff;border:1px solid #694a7b;border-radius:50%}.comparing .chart-compare{opacity:1;transform:scaleX(1)}.compare-legend{display:flex;align-items:center;gap:15px;font-size:8px;color:#79548b;margin-top:18px}.compare-legend[hidden]{display:none}.compare-legend span:before{content:'';display:inline-block;width:10px;height:7px;background:#b28bca;margin-right:5px}.compare-legend span+span:before{height:2px;background:#4f3468;vertical-align:middle}.chart-tooltip.glass-surface{max-width:180px}.report-pulse .chart-column i{animation:bar-sweep .65s both}.report-pulse .chart-column:nth-child(2) i{animation-delay:.04s}.report-pulse .chart-column:nth-child(3) i{animation-delay:.08s}.report-pulse .chart-column:nth-child(4) i{animation-delay:.12s}.report-pulse .chart-column:nth-child(5) i{animation-delay:.16s}.report-pulse .chart-column:nth-child(6) i{animation-delay:.2s}.report-pulse .chart-column:nth-child(7) i{animation-delay:.24s}@keyframes bar-sweep{from{transform:scaleY(.2);opacity:.3}to{transform:scaleY(1);opacity:1}}
.swap-demo{position:relative}.swap-network{display:flex;align-items:center;justify-content:center;gap:8px}.swap-network>span{font-size:42px;line-height:1;color:#cba6e3}.swap-network>i{width:24px;height:1px;background:#b88ad080;position:relative}.swap-network>i:after{content:'';position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#e2c2fa;box-shadow:0 0 12px #d9a9ff;opacity:0}.exchange-running .swap-network>i:after{animation:network-travel .6s 2}.swap-flight{position:absolute;top:34%;width:22%;aspect-ratio:16/9;z-index:12;border:1px solid #e0b9ff;border-radius:8px;box-shadow:0 15px 40px #09030f80,0 0 20px #cba4e94d;pointer-events:none;opacity:0;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.swap-flight>span{font-size:12px;line-height:1.1;color:#fff;padding:12px;text-shadow:0 2px 10px #000;letter-spacing:-.03em}.flight-to-right{left:10%}.flight-to-left{left:68%}.exchange-running .flight-to-right{animation:send-right 1.1s both}.exchange-running .flight-to-left{animation:send-left 1.1s .1s both}.exchange-running .swap-screen{animation:screen-receive 1.3s both}.exchange-running .swap-connection>button{pointer-events:none}.swap-arrived .swap-screen{box-shadow:0 0 30px #bd8edf44}.swap-screen{transition:box-shadow .4s}@keyframes send-right{0%{opacity:0;transform:translate(0,0) scale(.8)}20%{opacity:1;transform:translate(20%,-20%) scale(1)}80%{opacity:1;transform:translate(240%,-20%) scale(1)}100%{opacity:0;transform:translate(265%,0) scale(.8)}}@keyframes send-left{0%{opacity:0;transform:translate(0,0) scale(.8)}20%{opacity:1;transform:translate(-20%,30%) scale(1)}80%{opacity:1;transform:translate(-240%,30%) scale(1)}100%{opacity:0;transform:translate(-265%,0) scale(.8)}}@keyframes screen-receive{0%,60%{filter:brightness(.85)}85%{filter:brightness(1.3)}100%{filter:brightness(1)}}@keyframes network-travel{0%{opacity:0;translate:0 0}30%,70%{opacity:1}100%{opacity:0;translate:24px 0}}
@media(max-width:760px){.vision-mode-badge{top:48px;left:18px;right:auto;font-size:5px;padding:6px 8px}.vision-box>span{font-size:4px}.vision-sequence b{font-size:8px;line-height:1.5}.vision-sequence>span{font-size:6px}.report-comparison{flex-wrap:wrap}.report-comparison>button{min-height:44px;font-size:9px}.swap-network{flex-direction:column}.swap-network>span{transform:rotate(90deg);font-size:30px}.swap-network>i{display:none}.swap-flight{top:15%;width:48%;left:26%;aspect-ratio:16/9}.flight-to-left{top:66%}.swap-flight>span{font-size:17px}.exchange-running .flight-to-right{animation:send-down 1.15s both}.exchange-running .flight-to-left{animation:send-up 1.15s .1s both}@keyframes send-down{0%{opacity:0;transform:translateY(0) scale(.8)}20%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateY(310%) scale(.8)}}@keyframes send-up{0%{opacity:0;transform:translateY(0) scale(.8)}20%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateY(-310%) scale(.8)}}}
@media(prefers-reduced-motion:reduce){.vision-reading *,.report-pulse *,.exchange-running *{animation:none!important}.swap-flight{display:none}.chart-compare,.swap-screen{transition:none}}