@keyframes im-in{0%,8%{opacity:0;transform:translateY(6px)}20%,88%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes im-fill{0%,8%{transform:scaleX(0)}35%,88%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes im-grow{0%,6%{transform:scaleY(.08)}40%,88%{transform:scaleY(1)}to{transform:scaleY(.08)}}@keyframes im-ping{0%{transform:scale(1);opacity:.55}to{transform:scale(2.6);opacity:0}}@keyframes im-rise{0%,20%{opacity:0;transform:translateY(10px)}35%,60%{opacity:1;transform:translateY(0)}80%,to{opacity:0;transform:translateY(-14px)}}@keyframes im-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.im-hero{background:radial-gradient(ellipse at 87% 20%,#e8e8ffb3,transparent 53%),radial-gradient(ellipse at 8% 84%,#e8f5ff80,transparent 35%),linear-gradient(#f2f3fc80 1px,transparent 0),linear-gradient(90deg,#f2f3fc80 1px,transparent 0);background-size:auto,auto,36px 36px,36px 36px}.im-stack{position:relative;width:100%;max-width:520px;height:clamp(370px,42vw,520px);margin-inline:auto}.im-stack-card{--im-w:clamp(190px,21vw,270px);position:absolute;top:50%;left:50%;width:var(--im-w);aspect-ratio:9/16;margin:calc(var(--im-w) * -.889) 0 0 calc(var(--im-w) * -.5);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:var(--color-ink-900);box-shadow:0 30px 60px -24px rgba(0,0,0,.8);transition:transform .9s cubic-bezier(.21,.6,.35,1),opacity .9s ease}.im-stack-card[data-slot="0"]{z-index:1;transform:translateX(-34%) rotate(-9deg) scale(.86)}.im-stack-card[data-slot="1"]{z-index:2;transform:translateX(-4%) rotate(-2deg) scale(.93)}.im-stack-card[data-slot="2"]{z-index:3;transform:translateX(30%) rotate(6deg)}.im-stack-card[data-slot=out]{z-index:0;opacity:0;pointer-events:none;transform:translateX(-62%) rotate(-15deg) scale(.8)}.im-stack-card[data-slot=wait]{z-index:4;opacity:0;pointer-events:none;transition:none;transform:translateX(62%) rotate(12deg) scale(1.04)}input.im-seek[type=range]{width:100%;height:4px;appearance:none;border-radius:9999px;padding:6px 0;background:linear-gradient(90deg,#fff var(--im-fill,0),rgba(255,255,255,.35) var(--im-fill,0)) 50% /100% 4px no-repeat;cursor:pointer}input.im-seek[type=range]::-webkit-slider-thumb{width:10px;height:10px;appearance:none;border:0;border-radius:50%;background:#fff;box-shadow:none}input.im-seek[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff;box-shadow:none}.im-spot{--im-card:clamp(230px,25vw,330px);position:relative;width:100%;height:calc(var(--im-card) * 16 / 9)}.im-spot:before{content:"";position:absolute;inset:8% 18%;border-radius:50%;background:radial-gradient(closest-side,rgba(107,117,255,.28),rgba(255,74,219,.1) 60%,transparent);filter:blur(24px);pointer-events:none}.im-spot-card{position:absolute;top:0;left:50%;width:var(--im-card);aspect-ratio:9/16;margin-left:calc(var(--im-card) / -2);overflow:hidden;border-radius:28px;background:var(--color-ink-900);box-shadow:0 24px 50px -28px rgba(16,16,40,.5);transform:translateX(calc(var(--im-o) * 95%)) scale(calc(1 - var(--im-d) * .15));transition:transform .6s cubic-bezier(.21,.6,.35,1),opacity .6s ease,box-shadow .6s ease}.im-spot-card[data-centred]{box-shadow:0 0 0 1px rgba(255,255,255,.5),0 40px 80px -30px rgba(37,49,217,.6)}.im-anim-float{animation:im-float 5s ease-in-out infinite}.im-anim-in{animation:im-in 6s ease-out infinite both}.im-anim-fill{transform-origin:left;animation:im-fill 6s cubic-bezier(.21,.6,.35,1) infinite both}.im-anim-grow{transform-origin:bottom;animation:im-grow 6s cubic-bezier(.21,.6,.35,1) infinite both}.im-anim-ping{animation:im-ping 1.6s ease-out infinite}.im-anim-rise{animation:im-rise 3s ease-out infinite}@media (prefers-reduced-motion:reduce){[class*=im-anim-]{animation:none!important}.im-spot-card,.im-stack-card{transition:none}}