.ey-flow-section{padding:var(--sd-sec-y) 0}.ey-flow-head{display:grid;align-items:end;column-gap:clamp(calc(32px + var(--grow) * .015),5vw,calc(80px + var(--grow) * .0375));grid-template-columns:minmax(0,1fr) minmax(0,.72fr);margin-bottom:var(--sd-block);row-gap:18px}.ey-flow-head .sd-lead{margin-top:0}.ey-stage-tag{display:flex;flex-wrap:wrap;gap:8px calc(18px + var(--grow) * .0084);margin:0 0 clamp(18px,2.6vh,26px)}.ey-stage-tag i{color:#e0e9f752;font-family:var(--sd-mono);font-size:10.5px;font-style:normal;font-weight:600;letter-spacing:.16em}.ey-watch.is-visible .ey-stage-tag [data-tag="0"]{animation:ey-tag-0 12s var(--sd-ease) forwards}.ey-watch.is-visible .ey-stage-tag [data-tag="1"]{animation:ey-tag-1 12s var(--sd-ease) forwards}.ey-watch.is-visible .ey-stage-tag [data-tag="2"]{animation:ey-tag-2 12s var(--sd-ease) forwards}.ey-watch.is-visible .ey-stage-tag [data-tag="3"]{animation:ey-tag-3 12s var(--sd-ease) forwards}@keyframes ey-tag-0{0%,25%{color:var(--sd-cyan)}27%,to{color:#e0e9f752}}@keyframes ey-tag-1{0%,25%{color:#e0e9f752}27%,45%{color:var(--sd-cyan)}47%,to{color:#e0e9f752}}@keyframes ey-tag-2{0%,45%{color:#e0e9f752}47%,75%{color:var(--sd-cyan)}77%,to{color:#e0e9f752}}@keyframes ey-tag-3{0%,75%{color:#e0e9f752}77%,to{color:var(--sd-cyan)}}.ey-watch{--ey-frame:#04101f;--ey-alert:#e86666;position:relative;opacity:1;transform:none;transition:none}.ey-win{position:relative;overflow:hidden;border:1px solid rgba(157,190,255,.18);border-radius:14px;background:var(--ey-frame)}.ey-win-bar{display:flex;align-items:center;gap:11px;padding:11px 15px;border-bottom:1px solid rgba(255,255,255,.08)}.ey-win-bar i{width:8px;height:8px;border-radius:50%;background:#ffffff29}.ey-win-bar i:first-child{background:#9dbeff8c}.ey-win-bar b{margin-left:6px;color:#ffffff9e;font-family:var(--sd-mono);font-size:10.5px;font-weight:600;letter-spacing:.16em}.ey-win-bar em{margin-left:auto;color:#ffffff4d;font-size:calc(11.5px + var(--grow) * .0045);font-style:normal;font-weight:400}.ey-body{display:grid;column-gap:clamp(calc(14px + var(--grow) * .0066),1.8vw,calc(24px + var(--grow) * .0112));grid-template-columns:minmax(0,1fr) minmax(0,.29fr);padding:clamp(18px,2.2vw,26px)}.ey-feeds{--ey-g:clamp(7px,.9vw,11px);position:relative;display:grid;gap:var(--ey-g);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));min-height:clamp(230px,25vw,320px)}.ey-feed{position:relative;overflow:hidden;border:1px solid rgba(157,190,255,.2);border-radius:6px;background:linear-gradient(170deg,#9dbeff17,#061222e6)}.ey-sprite{position:absolute;width:0;height:0;overflow:hidden}.ey-feed-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ey-sky{fill:#9dbeff0b}.ey-road{fill:#030a14ad}.ey-lane{stroke:#9dbeff4d;stroke-width:1.6;stroke-dasharray:5 4}.ey-crosswalk rect{fill:#9dbeff38}.ey-plaza{fill:#030a1480}.ey-obj-bldg{color:#9dbeff6b}.ey-obj-car{fill:#9dbeff80}.ey-obj-person{fill:#9dbeff94}.ey-watch.is-visible .ey-obj-car{animation:ey-drift-car 7s var(--sd-ease) infinite alternate}.ey-watch.is-visible .ey-obj-person{animation:ey-drift-person 5.4s var(--sd-ease) infinite alternate}.ey-watch.is-visible .ey-feed-2 .ey-obj-car,.ey-watch.is-visible .ey-feed-2 .ey-obj-person{animation-delay:.6s}.ey-watch.is-visible .ey-feed-3 .ey-obj-person{animation-delay:1.2s}.ey-watch.is-visible .ey-feed-4 .ey-obj-car:nth-of-type(1){animation-delay:.3s}.ey-watch.is-visible .ey-feed-4 .ey-obj-car:nth-of-type(2){animation-delay:1.8s}.ey-watch.is-visible .ey-feed-6 .ey-obj-person:nth-of-type(1){animation-delay:.4s}.ey-watch.is-visible .ey-feed-6 .ey-obj-person:nth-of-type(2){animation-delay:1.6s}@keyframes ey-drift-car{0%{transform:translate(0)}to{transform:translate(6px)}}@keyframes ey-drift-person{0%{transform:translate(0)}to{transform:translate(2.4px)}}.ey-cam-id{position:absolute;top:7px;left:8px;z-index:1;color:#e0e9f7b3;font-family:var(--sd-mono);font-size:9px;font-weight:600;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.6)}.ey-rec{position:absolute;top:7px;right:7px;z-index:1;display:flex;align-items:center;gap:4px;color:#ffbebed9;font-family:var(--sd-mono);font-size:8px;font-weight:700;letter-spacing:.1em;text-shadow:0 1px 3px rgba(0,0,0,.6)}.ey-rec i{width:5px;height:5px;border-radius:50%;background:#e86666}.ey-watch.is-visible .ey-rec i{animation:ey-live 2.4s var(--sd-ease) infinite}@keyframes ey-live{0%,to{opacity:1}50%{opacity:.25}}.ey-ts{position:absolute;bottom:6px;left:8px;z-index:1;color:#e0e9f766;font-family:var(--sd-mono);font-size:8px;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.6)}.ey-cursor{position:absolute;top:0;left:0;width:calc((100% - var(--ey-g) * 2) / 3);height:calc((100% - var(--ey-g)) / 2);border:1.5px solid var(--sd-cyan);border-radius:6px;box-shadow:0 0 18px #3182f673;opacity:0;pointer-events:none}.ey-watch.is-visible .ey-cursor{animation:ey-cursor-run 12s var(--sd-ease) forwards}@keyframes ey-cursor-run{0%{opacity:0;transform:translate(0)}3%,8%{opacity:1;transform:translate(0)}11%,15%{opacity:1;transform:translate(calc(200% + var(--ey-g) * 2))}18%,24%{opacity:1;transform:translate(calc(100% + var(--ey-g)),calc(100% + var(--ey-g)))}27%,to{opacity:0;transform:translate(calc(100% + var(--ey-g)),calc(100% + var(--ey-g)))}}.ey-watch.is-visible .ey-feed:not(.ey-feed-5){animation:ey-recede 12s var(--sd-ease) forwards}@keyframes ey-recede{0%,25%{opacity:1}29%,to{opacity:.24}}.ey-feed-5{z-index:2}.ey-watch.is-visible .ey-feed-5{animation:ey-focus 12s var(--sd-ease) forwards}@keyframes ey-focus{0%,25%{transform:scale(1);border-color:#9dbeff33;box-shadow:0 0 #3182f600}30%,75%{transform:scale(1.09);border-color:var(--sd-cyan);box-shadow:0 0 26px #3182f666}79%,to{transform:scale(1.09);border-color:var(--ey-alert);box-shadow:0 0 30px #e8666673}}.ey-box{position:absolute;top:38%;left:40%;width:30%;height:38%;border:1.5px solid var(--sd-cyan);border-radius:3px;opacity:0}.ey-feed:not(.ey-feed-5) .ey-box{display:none}.ey-box b{position:absolute;top:-9px;left:-1px;padding:2px 6px;border-radius:3px;background:var(--sd-cyan);color:#04101f;font-size:9px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.ey-watch.is-visible .ey-box{animation:ey-box-in 12s var(--sd-ease) forwards}@keyframes ey-box-in{0%,28%{opacity:0;transform:scale(.7);border-color:var(--sd-cyan)}33%,75%{opacity:1;transform:scale(1);border-color:var(--sd-cyan)}79%,to{opacity:1;transform:scale(1);border-color:var(--ey-alert)}}.ey-watch.is-visible .ey-box b{animation:ey-box-tag 12s var(--sd-ease) forwards}@keyframes ey-box-tag{0%,28%{opacity:0}33%,75%{opacity:1}79%,to{opacity:0}}.ey-panel{display:flex;flex-direction:column;gap:clamp(9px,1.2vh,calc(13px + var(--grow) * .0061));padding-left:clamp(14px,1.8vw,24px);border-left:1px solid var(--sd-line)}.ey-panel-head{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--sd-ink);font-size:calc(12.5px + var(--grow) * .0049);font-weight:600;letter-spacing:-.01em}.ey-panel-head em{margin-left:auto;color:#e0e9f74d;font-family:var(--sd-mono);font-size:8px;font-style:normal;font-weight:600;letter-spacing:.14em}.ey-panel-live{display:flex;align-items:center;gap:7px;margin:0;color:var(--sd-cyan);font-size:calc(11px + var(--grow) * .0043);letter-spacing:-.01em;opacity:0}.ey-panel-live i{width:6px;height:6px;border-radius:50%;background:var(--sd-cyan)}.ey-watch.is-visible .ey-panel-live{animation:ey-live-in 12s var(--sd-ease) forwards}@keyframes ey-live-in{0%,28%{opacity:0}33%,75%{opacity:1}79%,to{opacity:0}}.ey-watch.is-visible .ey-panel-live i{animation:ey-live 1.4s var(--sd-ease) infinite}.ey-lines{display:grid;gap:6px}.ey-lines i{position:relative;display:block;height:6px;border-radius:3px;background:#ffffff0f}.ey-line-short{width:56%}.ey-lines i:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:#9dbeff80;content:"";transform:scaleX(0);transform-origin:left;transition:transform .5s var(--sd-ease)}.ey-watch.is-visible .ey-lines i:before{transform:scaleX(1)}.ey-watch.is-visible .ey-lines i:nth-child(1):before{transition-delay:5.7s}.ey-watch.is-visible .ey-lines i:nth-child(2):before{transition-delay:5.95s}.ey-watch.is-visible .ey-lines i:nth-child(3):before{transition-delay:6.2s}.ey-watch.is-visible .ey-lines i:nth-child(4):before{transition-delay:6.45s}.ey-sev-label{margin:auto 0 0;color:#e0e9f780;font-size:10.5px;letter-spacing:-.01em}.ey-gauge{display:flex;gap:5px}.ey-gauge i{flex:1 1 0;height:7px;border:1px solid rgba(157,190,255,.28);border-radius:2px;background:none;transition:background .4s var(--sd-ease),border-color .4s var(--sd-ease)}.ey-watch.is-visible .ey-gauge i:nth-child(1){background:var(--sd-cyan);border-color:var(--sd-cyan);transition-delay:6.8s}.ey-watch.is-visible .ey-gauge i:nth-child(2){background:var(--sd-cyan);border-color:var(--sd-cyan);transition-delay:7.1s}.ey-watch.is-visible .ey-gauge i:nth-child(3){background:var(--ey-alert);border-color:var(--ey-alert);transition-delay:7.4s}.ey-alert{display:flex;align-items:center;gap:7px;margin:0;padding:8px 11px;border-radius:7px;background:#e8666629;color:#ffb9b9;font-size:calc(11.5px + var(--grow) * .0045);font-weight:600;letter-spacing:-.01em;opacity:0;transform:translateY(6px)}.ey-alert:before{width:6px;height:6px;border-radius:50%;background:var(--ey-alert);content:""}.ey-watch.is-visible .ey-alert{animation:ey-alert-in 12s var(--sd-ease) forwards}@keyframes ey-alert-in{0%,75%{opacity:0;transform:translateY(6px)}79%,to{opacity:1;transform:none}}.ey-frame-cap{position:relative;margin:0;min-height:58px;padding:14px clamp(14px,2vw,20px) 16px;border-top:1px solid var(--sd-line)}.ey-frame-cap span{position:absolute;inset:14px clamp(14px,2vw,20px) 16px;display:grid;gap:4px;opacity:0}.ey-frame-cap [data-cap="0"]{opacity:1}.ey-watch.is-visible .ey-frame-cap [data-cap="0"]{animation:ey-cap-0 12s var(--sd-ease) forwards}.ey-watch.is-visible .ey-frame-cap [data-cap="1"]{animation:ey-cap-1 12s var(--sd-ease) forwards}.ey-watch.is-visible .ey-frame-cap [data-cap="2"]{animation:ey-cap-2 12s var(--sd-ease) forwards}.ey-watch.is-visible .ey-frame-cap [data-cap="3"]{animation:ey-cap-3 12s var(--sd-ease) forwards}@keyframes ey-cap-0{0%,25%{opacity:1}27%,to{opacity:0}}@keyframes ey-cap-1{0%,25%{opacity:0}27%,45%{opacity:1}47%,to{opacity:0}}@keyframes ey-cap-2{0%,45%{opacity:0}47%,75%{opacity:1}77%,to{opacity:0}}@keyframes ey-cap-3{0%,75%{opacity:0}77%,to{opacity:1}}.ey-frame-cap b{color:var(--sd-cyan);font-family:var(--sd-mono);font-size:10px;font-weight:600;letter-spacing:.14em}.ey-frame-cap em{color:var(--sd-body);font-size:calc(13px + var(--grow) * .0051);font-weight:300;font-style:normal;line-height:1.6}@media(max-width:1000px){.ey-flow-head{grid-template-columns:minmax(0,1fr)}.ey-body{grid-template-columns:minmax(0,1fr);row-gap:clamp(16px,2.4vh,22px)}.ey-panel{padding-left:0;padding-top:clamp(14px,2vh,18px);border-left:0;border-top:1px solid var(--sd-line)}.ey-sev-label{margin-top:0}}@media(max-width:640px){.ey-stage-tag{gap:6px calc(12px + var(--grow) * .0056)}.ey-stage-tag i{font-size:9.5px}.ey-flow-head h2 br:not(.sb){display:none}.ey-body{padding:14px}.ey-feeds{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));min-height:200px}.ey-cursor{width:calc((100% - var(--ey-g)) / 2);height:calc((100% - var(--ey-g) * 2) / 3)}.ey-watch.is-visible .ey-cursor{animation-name:ey-cursor-run-sm}.ey-box b,.ey-panel-head em{display:none}.ey-frame-cap{min-height:88px}.ey-ts{display:none}.ey-cam-id{font-size:7.5px}.ey-rec{font-size:7px}}@keyframes ey-cursor-run-sm{0%{opacity:0;transform:translate(0)}3%,8%{opacity:1;transform:translate(0)}11%,15%{opacity:1;transform:translate(calc(100% + var(--ey-g)),calc(100% + var(--ey-g)))}18%,24%{opacity:1;transform:translateY(calc(200% + var(--ey-g) * 2))}27%,to{opacity:0;transform:translateY(calc(200% + var(--ey-g) * 2))}}@media(prefers-reduced-motion:reduce){.ey-cursor,.ey-rec i,.ey-panel-live{display:none}.ey-feed,.ey-feed-5,.ey-obj-car,.ey-obj-person,.ey-box,.ey-box b,.ey-alert,.ey-lines i:before,.ey-gauge i,.ey-stage-tag i,.ey-frame-cap span{animation:none!important;transition:none!important}.ey-feed:not(.ey-feed-5){opacity:.24}.ey-feed-5{transform:scale(1.09);border-color:var(--ey-alert);box-shadow:0 0 30px #e8666673}.ey-box{opacity:1;border-color:var(--ey-alert)}.ey-box b{opacity:0}.ey-lines i:before{transform:scaleX(1)}.ey-gauge i:nth-child(1),.ey-gauge i:nth-child(2){background:var(--sd-cyan);border-color:var(--sd-cyan)}.ey-gauge i:nth-child(3){background:var(--ey-alert);border-color:var(--ey-alert)}.ey-alert{opacity:1;transform:none}.ey-stage-tag [data-tag="3"]{color:var(--sd-cyan)}.ey-frame-cap [data-cap="0"]{opacity:0}.ey-frame-cap [data-cap="3"]{opacity:1}}
