.orvia-startup{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:#030205;color:#d9c6f3;overflow:hidden;animation:startup-failsafe .4s 3s forwards}
.startup-scene{position:relative;width:min(76vw,440px);aspect-ratio:4.1;isolation:isolate;transform:translate(5.5%,-4vh)}
.startup-slice{position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity}
.startup-slice img{position:absolute;width:217.2%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-48.8%)}
.startup-gate{clip-path:inset(0 75.6% 0 0);transform-origin:11.6% 50%;animation:startup-gate .65s cubic-bezier(.16,.8,.25,1) both}
.startup-letters{position:absolute;inset:0;clip-path:inset(-30% -8% -30% 25%)}
.startup-r{clip-path:inset(0 54% 0 27.5%);--travel:-18%;animation:startup-letter .72s .5s cubic-bezier(.16,.75,.25,1) both}
.startup-v{clip-path:inset(0 32% 0 48%);--travel:-39%;animation:startup-letter .8s .61s cubic-bezier(.16,.75,.25,1) both}
.startup-i{clip-path:inset(0 23% 0 70%);--travel:-56%;animation:startup-letter .85s .72s cubic-bezier(.16,.75,.25,1) both}
.startup-a{clip-path:inset(0 0 0 79%);--travel:-70%;animation:startup-letter .9s .83s cubic-bezier(.16,.75,.25,1) both}
.startup-aura{position:absolute;left:-6%;top:-25%;width:35%;height:150%;border-radius:50%;background:radial-gradient(ellipse,#b25bff30 0%,#7821d61c 28%,transparent 68%);filter:blur(8px);animation:startup-aura 1.6s ease-out both;pointer-events:none}
.startup-ripple{position:absolute;left:1%;top:4%;width:21.2%;height:92%;box-sizing:border-box;border-radius:50%;border:1px solid #c383ff;box-shadow:0 0 20px #ac4cff90,inset 0 0 12px #9b3cff70;animation:startup-ripple .85s .06s ease-out both;pointer-events:none}
.startup-skip{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));padding:12px 16px;border:0;background:transparent;color:#b7a7c6;font:inherit;font-size:13px;cursor:pointer;opacity:0;animation:startup-show .2s .65s forwards}
.startup-skip:focus-visible{outline:1px solid #bf94eb;outline-offset:2px;border-radius:8px}
.orvia-startup.is-leaving{animation:startup-failsafe .42s ease-out forwards;pointer-events:none}
.startup-arrival{position:fixed;inset:0;z-index:99999;background:#030205;animation:startup-failsafe .55s 3.4s ease-out forwards}
.startup-arrival.is-entering{animation:startup-failsafe .55s cubic-bezier(.2,.6,.3,1) forwards}
@keyframes startup-gate{0%,12%{opacity:0;transform:scale(.06,.65);filter:brightness(2.4)}30%{opacity:1;transform:scale(1.12,1.06);filter:brightness(1.6)}100%{opacity:1;transform:scale(1);filter:brightness(1)}}
@keyframes startup-letter{from{opacity:0;transform:translateX(var(--travel))}20%{opacity:1}to{opacity:1;transform:translateX(var(--rest,0%))}}
@keyframes startup-aura{0%{opacity:0;transform:scale(.25)}22%{opacity:1;transform:scale(1.2)}100%{opacity:.5;transform:scale(1)}}
@keyframes startup-ripple{from{opacity:0;transform:scale(.4)}20%{opacity:.8}to{opacity:0;transform:scale(1.5)}}
@keyframes startup-show{to{opacity:1}}
@keyframes startup-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.startup-slice,.startup-aura,.startup-ripple,.startup-skip{animation:none!important}.startup-slice{transform:none;opacity:1}.startup-aura,.startup-ripple{display:none}.startup-skip{opacity:1}.orvia-startup{animation:startup-failsafe .15s .45s forwards}}
@media(prefers-reduced-motion:reduce){.startup-arrival{animation:startup-failsafe .15s .65s forwards}.startup-arrival.is-entering{animation:startup-failsafe .15s forwards}}

.startup-r{--rest:-3%}.startup-v{--rest:-5%}.startup-i{--rest:-8%}.startup-a{--rest:-11%}
@media(prefers-reduced-motion:reduce){.startup-r{transform:translateX(-3%)!important}.startup-v{transform:translateX(-5%)!important}.startup-i{transform:translateX(-8%)!important}.startup-a{transform:translateX(-11%)!important}}