:root{--blue:#7ea0ff;--violet:#b997ff;--mint:#5cf0c6;--rose:#ff94b4}html.hold-page,.hold{background:#05070b}.hold{color:#eef2fb;min-height:100svh;margin:0;overflow:hidden}.hold .stage{isolation:isolate;min-height:100svh;padding:28px 22px calc(28px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:relative}.hold .stage:before{content:"";z-index:-2;background:radial-gradient(#b4c8ff1c 1px,#0000 1.3px) 0 0/30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 42%,#000 0%,#0000 100%);mask-image:radial-gradient(60% 55% at 50% 42%,#000 0%,#0000 100%)}.hold .halo{z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side,#567cff47,#567cff12 55%,#0000);width:min(92vw,640px);animation:7s ease-in-out infinite breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-62%)}@keyframes breathe{50%{opacity:.55;transform:translate(-50%,-62%)scale(.93)}}.hold .star-wrap{animation:rise 1.1s var(--ease) both}.hold .star .sf path{fill:#070a12;stroke:var(--blue);stroke-width:4px;stroke-linejoin:round}.hold .star .sb path{fill:none;stroke:#7ea0ff6b;stroke-width:3px;stroke-linejoin:round}.hold .star .sf{filter:drop-shadow(0 0 3px #7ea0fff2)drop-shadow(0 0 16px #7ea0ff8c)}.hold .star .eye{fill:#e8efff}.hold h1{font-family:var(--display);letter-spacing:-.045em;color:#f4f7ff;animation:rise .9s .25s var(--ease) both;margin-top:30px;font-size:clamp(40px,11.5vw,84px);font-weight:800;line-height:1}.hold h1 .outline{color:#0000;-webkit-text-stroke:1.6px var(--blue);text-shadow:0 0 18px #7ea0ff8c}.hold .sub{color:#8d99b5;animation:rise .9s .42s var(--ease) both;margin-top:14px;font-size:clamp(16px,4.4vw,19px)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.hold .tiles{grid-template-columns:repeat(4,minmax(0,96px));justify-content:center;gap:clamp(9px,3vw,20px);width:100%;margin:44px 0 0;padding:0;list-style:none;display:grid}.hold .tile{aspect-ratio:100/124;color:var(--n);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--n) 55%, transparent));animation:6s ease-in-out infinite bob}.hold .tile:nth-child(2){animation-delay:-1.5s}.hold .tile:nth-child(3){animation-delay:-3s}.hold .tile:nth-child(4){animation-delay:-4.5s}@keyframes bob{50%{transform:translateY(-5px)}}.hold .tile svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block;overflow:visible}.hold .tile .edge{stroke-width:2px;fill:#ffffff04;stroke-dasharray:100;stroke-dashoffset:100px;animation:draw 1.5s var(--ease) forwards;animation-delay:calc(.7s + var(--i,0) * .33s)}.hold .tile:first-child{--i:0}.hold .tile:nth-child(2){--i:1}.hold .tile:nth-child(3){--i:2}.hold .tile:nth-child(4){--i:3}.hold .tile .ink{stroke-width:3.2px;opacity:0;animation:.7s forwards ink;animation-delay:calc(1.5s + var(--i,0) * .33s)}.hold .tile .ink .strong{stroke-width:4.4px}@keyframes draw{to{stroke-dashoffset:0}}@keyframes ink{to{opacity:1}}.hold .wave{stroke-width:5px}.hold .wave path{transform-box:fill-box;transform-origin:50%;animation:1.9s ease-in-out infinite bar}.hold .wave path:nth-child(2){animation-delay:-.4s}.hold .wave path:nth-child(3){animation-delay:-.8s}.hold .wave path:nth-child(4){animation-delay:-1.2s}.hold .wave path:nth-child(5){animation-delay:-1.6s}@keyframes bar{50%{transform:scaleY(.45)}}.hold .tick{stroke:#eafff8}.hold .working .edge{opacity:.4}.hold .chase{stroke-width:3px;stroke-dasharray:22 78;opacity:0;animation:3.4s linear 3.1s infinite work,.6s 3.1s forwards show}@keyframes work{to{stroke-dashoffset:-100px}}@keyframes show{to{opacity:1}}.hold .rider{fill:currentColor;stroke:none;offset-path:path("M22 40C40 40 40 92 78 96");animation:3.4s ease-in-out 2.4s infinite ride}@keyframes ride{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}@media (width>=720px){.hold .tiles{grid-template-columns:repeat(4,118px);gap:24px;margin-top:56px}.hold h1{margin-top:36px}}@media (height<=640px){.hold .tiles{margin-top:28px}.hold .star-wrap{margin-bottom:-20px;transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.hold *,.hold :before{animation:none!important}.hold .tile .edge{stroke-dashoffset:0}.hold .tile .ink{opacity:1}}
