@property --showcase-gloss-angle{syntax:"<angle>";initial-value:125deg;inherits:false}.showcase[data-v-ff109de3]{position:relative;isolation:isolate;overflow:clip}.showcase[data-v-ff109de3]:after,.showcase[data-v-ff109de3]:before{content:"";position:absolute;z-index:-1;pointer-events:none}.showcase[data-v-ff109de3]:before{inset:0;background:radial-gradient(ellipse 58% 42% at 50% 57%,light-dark(rgba(82,130,255,.13),rgba(59,111,255,.25)),transparent 75%),radial-gradient(ellipse 30% 35% at 88% 48%,light-dark(rgb(45 212 191/5%),rgb(45 212 191/6%)),transparent 80%),linear-gradient(180deg,light-dark(rgba(222,213,200,.6),rgba(7,14,26,.92)) 0,light-dark(rgba(222,213,200,.22),rgba(7,14,26,.45)) 18%,transparent 42%,light-dark(rgba(224,233,250,.45),rgba(7,14,26,.5)) 82%,transparent)}.showcase[data-v-ff109de3]:after{top:64%;left:-40%;width:180%;height:55%;background-image:linear-gradient(90deg,light-dark(rgb(37 80 204/9%),rgba(128,172,255,.12)) 1px,transparent 0),linear-gradient(180deg,light-dark(rgb(37 80 204/9%),rgba(128,172,255,.12)) 1px,transparent 0);background-size:64px 64px;transform:perspective(700px) rotateX(58deg);transform-origin:50% 0;-webkit-mask-image:radial-gradient(ellipse 45% 65% at 50% 35%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 45% 65% at 50% 35%,#000 10%,transparent 75%)}.showcase__intro[data-v-ff109de3]{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.showcase-card h3[data-v-ff109de3],.showcase__intro h2[data-v-ff109de3]{color:var(--color-cream)}.showcase__sub[data-v-ff109de3]{max-width:38rem;color:var(--color-muted);line-height:1.7}.showcase__carousel[data-v-ff109de3]{--card-width:clamp(20rem,38vw,28rem);--card-step:clamp(11rem,22vw,18rem);--card-depth:70px;--depth-step:180px;--card-angle:-24deg;max-width:90rem;margin:2.5rem auto 0}.showcase__stage[data-v-ff109de3]{position:relative;height:calc(var(--card-width)*1.12 + 5rem);perspective:1100px;perspective-origin:50% 42%;touch-action:pan-y pinch-zoom;-moz-user-select:none;user-select:none;-webkit-user-select:none}.showcase-card[data-v-ff109de3]{position:absolute;top:1rem;left:50%;width:var(--card-width);padding:clamp(1rem,2.2vw,1.75rem);border:1px solid var(--color-border);border-radius:1.75rem;background-color:var(--color-base);box-shadow:inset 0 1px 0 light-dark(hsla(0,0%,100%,.9),hsla(0,0%,100%,.12)),calc(var(--offset)*-3px) 5px 0 var(--color-border),0 28px 50px light-dark(rgba(13,21,32,.18),rgba(0,0,0,.45));transform-style:preserve-3d;transform:translate3d(calc(-50% + var(--offset)*var(--card-step)),calc(var(--distance)*1.1rem),calc(var(--card-depth) - var(--distance)*var(--depth-step))) rotateY(calc(var(--offset)*var(--card-angle))) rotateX(4deg) rotate(calc(var(--offset)*1.5deg));transition:transform .65s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .4s}.showcase-card[data-v-ff109de3]:before{content:"";position:absolute;inset:-1px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--showcase-gloss-angle),#31558f 0,#6395fa 12%,#c6e4ff 20%,#fff 24%,#c6e4ff 28%,#6395fa 36%,#31558f 50%,#80acff 65%,#dcefff 72%,#fff 75%,#80acff 80%,#31558f 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s}.showcase-card--active[data-v-ff109de3]:before{opacity:1;animation:showcase-gloss-ff109de3 8s linear infinite}@keyframes showcase-gloss-ff109de3{0%{--showcase-gloss-angle:125deg}to{--showcase-gloss-angle:485deg}}.showcase-card--active[data-v-ff109de3]{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);box-shadow:inset 0 2px 2px #ffffff73,inset 0 -1px 2px #80acff66,0 6px color-mix(in srgb,var(--color-accent) 35%,var(--color-border)),0 38px 65px light-dark(rgba(13,21,32,.25),rgba(0,0,0,.55)),0 0 14px #6395fa2e,0 0 55px #3b6fff1a}.showcase-card__heading[data-v-ff109de3]{margin-bottom:1.25rem;transform:translateZ(18px)}.showcase-card__package[data-v-ff109de3]{margin-bottom:.65rem;color:var(--color-accent);font-size:.65rem}.showcase-card h3[data-v-ff109de3]{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.65rem);letter-spacing:-.035em;line-height:1.3}.showcase-card__screens[data-v-ff109de3]{position:relative;aspect-ratio:1.15;transform-style:preserve-3d}.showcase-card__desktop[data-v-ff109de3],.showcase-card__mobile[data-v-ff109de3]{overflow:hidden;border:4px solid #253246;background:#fff;box-shadow:0 12px 24px #0003}.showcase-card__desktop[data-v-ff109de3]{position:absolute;top:5%;left:0;width:96%;border-radius:.75rem;transform:translateZ(16px)}.showcase-card__mobile[data-v-ff109de3]{position:absolute;right:0;bottom:0;width:30%;border-radius:1rem;transform:translateZ(45px) rotate(-2deg);box-shadow:-10px 16px 24px #00000059}.showcase-card__screens img[data-v-ff109de3]{width:100%;height:auto}.showcase-card__select[data-v-ff109de3]{position:absolute;inset:0;width:100%;border:0;border-radius:inherit;background:transparent;transform:translateZ(65px);cursor:pointer}.showcase-card__select[data-v-ff109de3]:active{cursor:grabbing}.showcase__controls[data-v-ff109de3]{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding-inline:1rem}.showcase__nav[data-v-ff109de3]{min-height:44px;padding:.65rem 1.1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-base);color:var(--color-cream);font:inherit;font-size:.8rem;cursor:pointer}.showcase__nav[data-v-ff109de3]:hover{border-color:var(--color-accent);color:var(--color-accent)}.showcase__help[data-v-ff109de3]{color:var(--color-muted);font-size:.75rem;text-align:center}@media(max-width:600px){.showcase__carousel[data-v-ff109de3]{--card-width:min(80vw,21rem);--card-step:72vw;--card-depth:0px;--depth-step:110px;--card-angle:-28deg;margin-top:1.75rem}.showcase__stage[data-v-ff109de3]{height:calc(var(--card-width)*1.12 + 3rem)}.showcase-card[data-v-ff109de3]{border-radius:1.25rem}.showcase-card__desktop[data-v-ff109de3],.showcase-card__mobile[data-v-ff109de3]{border-width:3px}.showcase__controls[data-v-ff109de3]{gap:.75rem}.showcase__nav[data-v-ff109de3]{padding-inline:.85rem}}@media(prefers-reduced-motion:reduce){.showcase-card[data-v-ff109de3],.showcase-card[data-v-ff109de3]:before{transition:none;animation:none}}