/* SCS1-HERO-MOTION-V2: brighter packets + perspective code rain. */
.hero-art.scs-motion-art>picture{display:block;position:absolute;inset:0;width:100%;height:100%}
.hero-art.scs-motion-art img{object-position:center!important}
.hero-art .scs-data-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;stroke:none;fill:none}
.hero-art .scs-data-mobile{display:none}
.scs-data-layer .scs-packet{fill:none;stroke:#faf1ff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:19 101;stroke-dashoffset:120;filter:drop-shadow(0 0 5px #bd83ff) drop-shadow(0 0 9px #844cff);animation:scs-data-flow 4.3s linear infinite}
.scs-data-layer .scs-packet-blue{stroke:#edffff;filter:drop-shadow(0 0 5px #4deaff) drop-shadow(0 0 9px #008cff);animation-delay:-1.9s;animation-duration:4.9s}
.scs-data-layer .scs-chip{fill:#73f4ff;stroke:none;opacity:.05;animation:scs-chip-breathe 6.5s ease-in-out infinite;filter:drop-shadow(0 0 8px #30dfff)}
@keyframes scs-data-flow{0%{stroke-dashoffset:120;opacity:.1}8%,84%{opacity:1}100%{stroke-dashoffset:0;opacity:.1}}
@keyframes scs-chip-breathe{0%,100%{opacity:.04}50%{opacity:.24}}
.hero>.scs-motion-toggle{position:absolute;right:151px;bottom:20px;width:16px;height:16px;z-index:2;accent-color:#b494ff;cursor:pointer}
.hero>.scs-motion-label{position:absolute;right:18px;bottom:15px;z-index:2;font-size:11px;line-height:26px;color:#aabbd4;cursor:pointer;padding:0 7px;border-radius:5px;background:#030615c9}
.hero>.scs-motion-toggle:checked~.scs-motion-art .scs-data-layer *{animation-play-state:paused}
.hero>.scs-motion-toggle:focus-visible{outline:2px solid #a5d8ff;outline-offset:4px}
@media(max-width:760px){.hero-art .scs-data-desktop{display:none}.hero-art .scs-data-mobile{display:block}.scs-data-layer .scs-packet{stroke-width:4;filter:drop-shadow(0 0 3px #6ceaff)}.scs-data-layer .scs-chip{filter:none}.hero>.scs-motion-label{right:12px;bottom:9px}.hero>.scs-motion-toggle{bottom:14px;right:145px}}
@media(prefers-reduced-motion:reduce){.hero-art .scs-data-layer{display:none}.hero>.scs-motion-toggle,.hero>.scs-motion-label{display:none}.scs-data-layer *{animation:none!important}}
@media print{.scs-data-layer,.scs-motion-toggle,.scs-motion-label{display:none!important}}
.scs-data-layer .scs-screen-tint{fill:#05162b;fill-opacity:.58;stroke:none}
.scs-data-layer .scs-code{font-family:ui-monospace,Consolas,monospace;font-size:12px;font-weight:600;fill:#53e8df;stroke:none;letter-spacing:0}
.scs-data-layer .scs-code-head{fill:#e2ffff;opacity:1}
.scs-data-layer .scs-rain{animation:scs-code-fall 9s linear infinite}
.scs-data-layer .scs-rain-0{animation-duration:8.1s;animation-delay:-1.7s}
.scs-data-layer .scs-rain-1{animation-duration:11.7s;animation-delay:-6.3s}
.scs-data-layer .scs-rain-2{animation-duration:9.8s;animation-delay:-3.9s}
.scs-data-layer .scs-rain-3{animation-duration:13.1s;animation-delay:-9.2s}
.scs-data-layer .scs-rain-4{animation-duration:7.3s;animation-delay:-4.4s}
@keyframes scs-code-fall{from{transform:translateY(-252px)}to{transform:translateY(0)}}