.startup-splash{position:fixed;inset:0;z-index:500;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#fff 0,#f5f2eb 50%,#e9ede9 100%);color:#193f3c;animation:startup-splash-failsafe .4s ease 7s forwards}
.startup-splash__content{display:grid;justify-items:center;text-align:center;width:100%;padding:24px}.startup-splash__stage{width:min(420px,90vw);height:290px;position:relative}.startup-splash__eyebrow{font-size:10px;letter-spacing:.34em;color:#73837c;margin:6px 0 14px}.startup-splash__title{font-size:clamp(24px,5vw,32px);font-weight:600;letter-spacing:.12em;margin:0}.startup-splash__status{font-size:13px;color:#71817a;margin-top:16px}
.carton-scene{position:absolute;inset:0;perspective:900px}.carton-scene:after{content:'';position:absolute;width:220px;height:55px;background:#53645233;filter:blur(20px);border-radius:50%;left:calc(50% - 110px);bottom:15px}.carton{position:absolute;left:calc(50% - 100px);top:100px;width:200px;height:120px;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(-34deg);animation:carton-arrive 2.5s cubic-bezier(.22,.7,.3,1) both}.carton-wall,.carton-floor,.carton-flap{position:absolute;box-sizing:border-box;border:1px solid #aa8050;backface-visibility:visible;background:linear-gradient(110deg,#e3bf86,#cfa36b)}.carton-front,.carton-back{width:200px;height:120px;left:0;top:0}.carton-front{transform:translateZ(70px);display:flex;flex-direction:column;justify-content:center;padding-left:23px;background:linear-gradient(110deg,#dbb37c,#cfa16a)}.carton-front span{font-size:23px;letter-spacing:.14em;color:#695536;font-weight:700}.carton-front small{font-size:5px;letter-spacing:.12em;color:#7b6444;margin-top:6px}.carton-back{transform:translateZ(-70px)}.carton-left,.carton-right{width:140px;height:120px;left:30px;top:0;background:#bc925f}.carton-left{transform:translateX(-100px) rotateY(90deg)}.carton-right{transform:translateX(100px) rotateY(90deg)}.carton-floor{width:200px;height:140px;transform:translateY(50px) rotateX(90deg);background:#a77f50}.carton-flap{height:70px;width:200px;top:0;transform-origin:50% 0;background:linear-gradient(#edcb96,#cda26b)}.flap-back{transform:translateZ(-70px) rotateX(90deg);animation:flap-back 2.5s ease-in-out both}.flap-front{transform:translateZ(70px) rotateX(90deg);animation:flap-front 2.5s ease-in-out both}.flap-left,.flap-right{width:140px;height:100px;left:30px;transform-origin:50% 0}.flap-left{animation:flap-left 2.5s ease-in-out both}.flap-right{animation:flap-right 2.5s ease-in-out both}
@keyframes flap-front{0%,15%{transform:translateZ(70px) rotateX(90deg)}45%,65%{transform:translateZ(70px) rotateX(205deg)}90%,100%{transform:translateZ(70px) rotateX(90deg)}}
@keyframes flap-back{0%,10%{transform:translateZ(-70px) rotateX(-90deg)}40%,60%{transform:translateZ(-70px) rotateX(-205deg)}85%,100%{transform:translateZ(-70px) rotateX(-90deg)}}
@keyframes flap-left{0%,20%{transform:translateX(-100px) rotateY(90deg) rotateX(90deg)}45%,60%{transform:translateX(-100px) rotateY(90deg) rotateX(195deg)}80%,100%{transform:translateX(-100px) rotateY(90deg) rotateX(90deg)}}
@keyframes flap-right{0%,20%{transform:translateX(100px) rotateY(90deg) rotateX(-90deg)}45%,60%{transform:translateX(100px) rotateY(90deg) rotateX(-195deg)}80%,100%{transform:translateX(100px) rotateY(90deg) rotateX(-90deg)}}
@keyframes carton-arrive{0%{transform:translateY(20px) rotateX(-24deg) rotateY(-46deg) scale(.9)}100%{transform:rotateX(-24deg) rotateY(-34deg)}}
.startup-splash.is-ready{animation:startup-splash-exit .3s ease forwards}@keyframes startup-splash-exit{to{opacity:0;visibility:hidden}}@keyframes startup-splash-failsafe{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.carton,.carton-flap{animation:none!important}.flap-left{transform:translateX(-100px) rotateY(90deg) rotateX(90deg)}.flap-right{transform:translateX(100px) rotateY(90deg) rotateX(-90deg)}.startup-splash.is-ready{animation-duration:.01ms}}