.process-scene-wrapper{aspect-ratio:900/420;border-radius:8px;width:100%;position:relative;overflow:hidden}.process-scene{transform-origin:0 0;background:radial-gradient(60% 80% at 22% 18%,#ffffff1a,#0000 60%),radial-gradient(80% 90% at 70% 110%,#ffffff0d,#0000 60%),linear-gradient(160deg,#26272b 0%,#18191c 55%,#101113 100%);width:900px;height:420px;font-family:Hanken Grotesk,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.process-scene:after{content:"";pointer-events:none;background:radial-gradient(120% 100% at 50% 40%,#0000 55%,#0000008c 100%);position:absolute;inset:0}.process-scene *{box-sizing:border-box;margin:0;padding:0}.scene-grain{opacity:.16;mix-blend-mode:overlay;pointer-events:none;z-index:5;position:absolute;inset:0}.scene-persp{perspective:1800px;perspective-origin:50% 30%;position:absolute;inset:0;transform:translate(10px,-28px)scale(.74)}.scene-stage{width:1100px;height:760px;transform-style:preserve-3d;margin:-380px 0 0 -550px;position:absolute;top:50%;left:50%;transform:rotateX(56deg)rotate(-32deg)}.scene-obj{transform-style:preserve-3d;position:absolute}.scene-mono{text-transform:uppercase;letter-spacing:.02em;font-family:JetBrains Mono,monospace}.scene-device{background:#0d0e10;border-radius:34px;padding:18px;box-shadow:0 0 0 2px #2c2d31,0 0 0 3px #0a0a0b,40px 50px 60px #000000a6,10px 14px 18px #00000080}.scene-screen{background:#17181b;border-radius:18px;width:100%;height:100%;position:relative;overflow:hidden}.scene-card{background:#f4f4f2;border-radius:14px;box-shadow:26px 34px 40px #0000008c,6px 8px 10px #00000059}.scene-lbl{letter-spacing:.04em;text-transform:uppercase;color:#8a8b90;font-family:JetBrains Mono,monospace;font-size:13px}.scene-dot{background:#ff5a1f;border-radius:50%;width:10px;height:10px;display:inline-block}.select-plus,.select-cursor,.brief-tile,.brief-dot,.deliver-timer,.deliver-bar,.deliver-stamp{animation-play-state:paused!important}.is-active .select-plus,.is-active .select-cursor,.is-active .brief-tile,.is-active .brief-dot,.is-active .deliver-timer,.is-active .deliver-bar,.is-active .deliver-stamp{animation-play-state:running!important}.select-plus{animation:5s ease-in-out infinite selectFlash}.select-cursor{transform-origin:15px 18px;animation:5s ease-in-out infinite cursorPress}.brief-tile{opacity:0;animation:6s ease-in-out infinite tileReveal}.brief-tile-2{animation-delay:.35s}.brief-tile-3{animation-delay:.7s}.brief-dot{animation:6s ease-in-out infinite briefPulse}.deliver-bar{transform-origin:0;animation:7s ease-in-out infinite barCountdown}.deliver-stamp{opacity:0;transform-origin:50%;animation:7s cubic-bezier(.2,.7,.1,1) infinite stampLand;transform:rotate(-24deg)scale(1.4)}@keyframes selectFlash{0%,10%,20%,30%,to{filter:none}5%,15%,25%{filter:brightness(1.8);transform:scale(1.08)}}@keyframes cursorPress{0%,55%,63%,to{transform:scale(1)}59%{transform:scale(.9)}}@keyframes tileReveal{0%,8%{opacity:0;transform:translateY(8px)}18%,82%{opacity:1;transform:none}92%,to{opacity:0}}@keyframes briefPulse{0%,42%,58%,to{transform:scale(1)}49%{transform:scale(1.7)}}@keyframes barCountdown{0%,8%{transform:scaleX(1)}44%,70%{transform:scaleX(0)}82%,to{transform:scaleX(1)}}@keyframes stampLand{0%,43%{opacity:0;transform:rotate(-24deg)scale(1.4)}50%,78%{opacity:1;transform:rotate(-14deg)scale(1)}88%,to{opacity:0;transform:rotate(-14deg)scale(1)}}@media (prefers-reduced-motion:reduce){.brief-tile,.deliver-stamp{opacity:1!important;transform:none!important}.deliver-bar{transform:none!important}}
