.showcase[data-astro-cid-2f3pxplc]{align-items:center;gap:2rem 4rem;scroll-margin-top:2rem;display:grid}@media (width>=960px){.showcase[data-astro-cid-2f3pxplc]{grid-template-columns:1.55fr 1fr}.showcase--flip[data-astro-cid-2f3pxplc]{grid-template-columns:1fr 1.55fr}.showcase--flip[data-astro-cid-2f3pxplc] .showcase__stage[data-astro-cid-2f3pxplc]{order:2}}.showcase__stage[data-astro-cid-2f3pxplc]{aspect-ratio:16/11;border-radius:var(--radius-xl);background:radial-gradient(60% 70% at 75% 25%, color-mix(in srgb, var(--b) 70%, transparent), transparent 70%), radial-gradient(70% 80% at 10% 100%, color-mix(in srgb, var(--a) 90%, black 10%), transparent 70%), linear-gradient(140deg, var(--a), var(--b));box-shadow:var(--shadow-float), inset 0 0 0 1px #ffffff1f;isolation:isolate;position:relative;overflow:hidden}.showcase__stage[data-astro-cid-2f3pxplc]:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff2e 1px,#0000 1.2px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000,#0000);mask-image:radial-gradient(80% 80%,#000,#0000)}.showcase__cloud[data-astro-cid-2f3pxplc]{z-index:-1;opacity:.9;width:75%;animation:18s ease-in-out infinite alternate stage-cloud;position:absolute;top:-10%;right:-18%}@keyframes stage-cloud{to{transform:translate(-6%,4%)}}.showcase__devices[data-astro-cid-2f3pxplc]{perspective:1800px;position:absolute;inset:0}.device[data-astro-cid-2f3pxplc]{transition:transform 1s var(--ease-out), translate 1.2s var(--ease-out), opacity .9s ease;position:absolute}.device--laptop[data-astro-cid-2f3pxplc]{transform-origin:60%;width:72%;top:13%;left:9%;transform:rotateY(14deg)rotateX(6deg)rotate(-1deg)}.device--phone[data-astro-cid-2f3pxplc]{width:19%;bottom:9%;right:9%;transform:rotateY(-10deg)rotateX(4deg)rotate(2deg)}.showcase--flip[data-astro-cid-2f3pxplc] .device--laptop[data-astro-cid-2f3pxplc]{left:auto;right:6%;transform:rotateY(-14deg)rotateX(6deg)rotate(1deg)}.showcase--flip[data-astro-cid-2f3pxplc] .device--phone[data-astro-cid-2f3pxplc]{left:4%;right:auto;transform:rotateY(10deg)rotateX(4deg)rotate(-2deg)}.showcase__stage[data-astro-cid-2f3pxplc]:hover .device--laptop[data-astro-cid-2f3pxplc]{transform:rotateY(4deg)rotateX(2deg)scale(1.02)}.showcase--flip[data-astro-cid-2f3pxplc] .showcase__stage[data-astro-cid-2f3pxplc]:hover .device--laptop[data-astro-cid-2f3pxplc]{transform:rotateY(-4deg)rotateX(2deg)scale(1.02)}.showcase__stage[data-astro-cid-2f3pxplc]:hover .device--phone[data-astro-cid-2f3pxplc]{transform:rotateY(0)rotateX(0)rotate(0)translateY(-6%)}.js .device--laptop[data-astro-cid-2f3pxplc]{opacity:0;translate:-3rem 1.5rem}.js .device--phone[data-astro-cid-2f3pxplc]{opacity:0;transition-delay:.15s;translate:3rem 3rem}.js .showcase--flip[data-astro-cid-2f3pxplc] .device--laptop[data-astro-cid-2f3pxplc]{translate:3rem 1.5rem}.js .showcase--flip[data-astro-cid-2f3pxplc] .device--phone[data-astro-cid-2f3pxplc]{translate:-3rem 3rem}.js .showcase[data-astro-cid-2f3pxplc].is-visible .device[data-astro-cid-2f3pxplc]{opacity:1;translate:0}.device__screen[data-astro-cid-2f3pxplc]{border-radius:var(--radius-sm) var(--radius-sm) .2rem .2rem;background:#fff;overflow:hidden;box-shadow:0 30px 60px #000f3259,0 0 0 1px #00000014}.device__bar[data-astro-cid-2f3pxplc]{background:var(--chrome);border-bottom:1px solid var(--line);align-items:center;gap:.3rem;height:1.6rem;padding:0 .7rem;display:flex}.device__bar[data-astro-cid-2f3pxplc] i[data-astro-cid-2f3pxplc]{background:var(--chrome-dot);border-radius:50%;width:.45rem;height:.45rem}.device__bar[data-astro-cid-2f3pxplc] span[data-astro-cid-2f3pxplc]{border-radius:var(--radius-lg);font-size:var(--fs-3xs);color:var(--ink-mute);background:#fff;margin-left:.7rem;padding:.05rem .7rem}.device__view[data-astro-cid-2f3pxplc]{aspect-ratio:16/10;position:relative;overflow:hidden}.device__view[data-astro-cid-2f3pxplc]>img[data-astro-cid-2f3pxplc]{object-fit:cover;object-position:top;width:100%;height:100%}.device__scroll[data-astro-cid-2f3pxplc]{transition:object-position var(--scroll-time,5s) cubic-bezier(.45, 0, .25, 1)}.showcase__stage[data-astro-cid-2f3pxplc]:hover .device__scroll[data-astro-cid-2f3pxplc]{object-position:bottom}.device__base[data-astro-cid-2f3pxplc]{background:linear-gradient(#e2e6ec,#b8bec8);border-radius:0 0 1rem 1rem;height:.8rem;margin:0 -7%;position:relative;box-shadow:0 20px 30px #000f324d}.device__base[data-astro-cid-2f3pxplc]:before{content:"";background:#aab0ba;border-radius:0 0 .4rem .4rem;height:.3rem;position:absolute;top:0;left:42%;right:42%}.device--phone[data-astro-cid-2f3pxplc] .device__screen[data-astro-cid-2f3pxplc]{background:#11151d;border-radius:1.4rem;padding:.35rem;box-shadow:0 30px 60px #000f3273,inset 0 0 0 1px #ffffff1f}.device--phone[data-astro-cid-2f3pxplc] .device__view[data-astro-cid-2f3pxplc]{aspect-ratio:9/19.5;background:#fff;border-radius:1.1rem}@media (width<=599px){.device__bar[data-astro-cid-2f3pxplc]{height:1.1rem}.device__bar[data-astro-cid-2f3pxplc] span[data-astro-cid-2f3pxplc]{display:none}.device--phone[data-astro-cid-2f3pxplc] .device__screen[data-astro-cid-2f3pxplc]{border-radius:.9rem;padding:.2rem}.device--phone[data-astro-cid-2f3pxplc] .device__view[data-astro-cid-2f3pxplc]{border-radius:var(--radius-md)}}.showcase__kind[data-astro-cid-2f3pxplc]{font-size:var(--fs-xs);letter-spacing:var(--tracking-tag);text-transform:uppercase;color:var(--text-mute);margin-bottom:.35rem;font-weight:500}h3[data-astro-cid-2f3pxplc]{letter-spacing:-.025em;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:400}.showcase__text[data-astro-cid-2f3pxplc]{max-width:28rem;color:var(--text-soft);margin:.9rem 0 1.25rem}.showcase__tags[data-astro-cid-2f3pxplc]{flex-wrap:wrap;gap:.4rem;display:flex}.showcase__tags[data-astro-cid-2f3pxplc] li[data-astro-cid-2f3pxplc]{border:1px solid var(--hairline);font-size:var(--fs-xs);color:var(--text-soft);padding:.25rem .6rem}.showcase__link[data-astro-cid-2f3pxplc]{margin-top:1.5rem}@media (prefers-reduced-motion:reduce){.showcase__cloud[data-astro-cid-2f3pxplc]{animation:none}}.showcases[data-astro-cid-o4ymr6rj]{gap:clamp(4rem,9vw,7.5rem);display:grid}