.demo-scrub[data-astro-cid-shi3ypba]{min-height:100vh}.scrub-pin[data-astro-cid-shi3ypba]{height:100svh;padding-top:var(--header-height);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.scrub-figure[data-astro-cid-shi3ypba]{align-items:center;gap:clamp(2.5rem,6vw,5rem);margin:0;display:flex}.demo-scrub[data-astro-cid-shi3ypba].flip .scrub-figure[data-astro-cid-shi3ypba]{flex-direction:row-reverse}.scrub-media[data-astro-cid-shi3ypba]{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.scrub-meta[data-astro-cid-shi3ypba]{flex-direction:column;align-items:center;gap:.9rem;display:flex;position:absolute;top:calc(100% + .9rem);left:0;right:0}.scrub-media[data-astro-cid-shi3ypba] video[data-astro-cid-shi3ypba]{background:#0e0e10}.scrub-play[data-astro-cid-shi3ypba]{z-index:6;color:#fff;cursor:pointer;background:#00000059;border:none;place-items:center;width:100%;display:grid;position:absolute;inset:0}.scrub-play[data-astro-cid-shi3ypba][hidden]{display:none}.scrub-play[data-astro-cid-shi3ypba] svg[data-astro-cid-shi3ypba]{box-sizing:content-box;background:#0000008c;border:1px solid #ffffff40;border-radius:50%;width:62px;height:62px;padding:18px}.scrub-progress[data-astro-cid-shi3ypba]{background:var(--color-border);border-radius:999px;width:56%;height:3px;overflow:hidden}.scrub-progress[data-astro-cid-shi3ypba][hidden]{display:none}.scrub-progress-bar[data-astro-cid-shi3ypba]{background:var(--color-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.scrub-hint[data-astro-cid-shi3ypba]{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);transition:opacity .4s var(--ease-out-soft);margin:0;font-size:.68rem}.scrub-hint[data-astro-cid-shi3ypba][hidden]{display:none}.scrub-text[data-astro-cid-shi3ypba]{max-width:26rem}.scrub-text[data-astro-cid-shi3ypba] h3[data-astro-cid-shi3ypba]{background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 1rem;padding-bottom:.1em;font-size:clamp(1.5rem,3vw,2rem)}.scrub-text[data-astro-cid-shi3ypba] p[data-astro-cid-shi3ypba]{color:var(--color-text-muted);margin:0;font-size:1.05rem;line-height:1.7}.demo-scrub[data-astro-cid-shi3ypba].mac{--mac-width:min(760px, calc((100svh - var(--header-height) - 13rem) * 1.46))}.demo-scrub[data-astro-cid-shi3ypba].mac .scrub-figure[data-astro-cid-shi3ypba],.demo-scrub[data-astro-cid-shi3ypba].mac.flip .scrub-figure[data-astro-cid-shi3ypba]{flex-direction:column;gap:0}.demo-scrub[data-astro-cid-shi3ypba].mac .scrub-text[data-astro-cid-shi3ypba]{text-align:center;max-width:34rem;margin-top:3.5rem}@media (width<=760px){.demo-scrub[data-astro-cid-shi3ypba].mac{--mac-width:100%}.scrub-figure[data-astro-cid-shi3ypba],.demo-scrub[data-astro-cid-shi3ypba].flip .scrub-figure[data-astro-cid-shi3ypba]{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;gap:1.25rem;width:100%;height:100%;padding-bottom:2.25rem}.scrub-pin[data-astro-cid-shi3ypba]{padding-top:calc(var(--header-height) + 2.5rem)}.scrub-figure[data-astro-cid-shi3ypba] .scrub-text[data-astro-cid-shi3ypba]{flex:none;order:-1}.demo-scrub[data-astro-cid-shi3ypba].mac .scrub-text[data-astro-cid-shi3ypba]{margin-top:0}.scrub-text[data-astro-cid-shi3ypba] h3[data-astro-cid-shi3ypba]{margin-bottom:.5rem;font-size:1.25rem}.scrub-text[data-astro-cid-shi3ypba] p[data-astro-cid-shi3ypba]{font-size:.9rem;line-height:1.55}.scrub-media[data-astro-cid-shi3ypba]{flex:auto;justify-content:center;width:100%;min-height:0}.scrub-media[data-astro-cid-shi3ypba] .phone{aspect-ratio:320/672;width:auto;max-width:100%;height:100%}.scrub-media[data-astro-cid-shi3ypba] .phone-screen{aspect-ratio:auto;width:100%;height:100%}}.demo-page[data-astro-cid-v6a5ajxv]{padding-top:var(--header-height);max-width:1000px;margin:0 auto;padding-left:5%;padding-right:5%;position:relative}.demo-atmosphere[data-astro-cid-v6a5ajxv]{z-index:-1;pointer-events:none;mix-blend-mode:screen;width:100vw;height:min(1180px,130vh);animation:atmosphere-in 1.4s var(--ease-out-soft) both;background-image:url(/demo/pevel-bg.webp);background-position:100% 0;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0% 40%,#0000 100%);mask-image:linear-gradient(#000 0% 40%,#0000 100%)}@keyframes atmosphere-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-atmosphere[data-astro-cid-v6a5ajxv]{animation:none}}.demo-store[data-astro-cid-v6a5ajxv]{margin:2rem 0 0}.demo-store-link[data-astro-cid-v6a5ajxv]{line-height:0;transition:opacity .2s,transform .2s;display:inline-block}.demo-store-link[data-astro-cid-v6a5ajxv]:hover{opacity:.85;transform:translateY(-1px)}.demo-store-link[data-astro-cid-v6a5ajxv] img[data-astro-cid-v6a5ajxv]{width:auto;height:48px}.demo-board[data-astro-cid-v6a5ajxv]{--phone-width:320px;justify-content:space-between;align-items:center;gap:clamp(2.5rem,6vw,5rem);padding:4rem 0 6rem;display:flex}.demo-board-text[data-astro-cid-v6a5ajxv]{max-width:26rem}.demo-board-text[data-astro-cid-v6a5ajxv] h2[data-astro-cid-v6a5ajxv],.demo-tech[data-astro-cid-v6a5ajxv] h2[data-astro-cid-v6a5ajxv]{background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 1rem;padding-bottom:.1em;font-size:clamp(1.75rem,4vw,2.5rem)}.demo-board-text[data-astro-cid-v6a5ajxv] p[data-astro-cid-v6a5ajxv]{color:var(--color-text-muted);margin:0;font-size:1.05rem;line-height:1.7}.demo-clips[data-astro-cid-v6a5ajxv]{--phone-width:min(300px, calc((100svh - var(--header-height) - 12rem) / 2.1))}.demo-tech[data-astro-cid-v6a5ajxv]{max-width:42rem;padding:4rem 0 7rem}.demo-tech[data-astro-cid-v6a5ajxv] p[data-astro-cid-v6a5ajxv]{color:var(--color-text-muted);margin:0;font-size:1.05rem;line-height:1.75}@media (width<=760px){.demo-board[data-astro-cid-v6a5ajxv]{text-align:center;flex-direction:column;align-items:center}.demo-page[data-astro-cid-v6a5ajxv]{--hero-pad-top:4rem}.demo-atmosphere[data-astro-cid-v6a5ajxv]{background-position:58% 0;height:min(720px,82vh)}.demo-clips[data-astro-cid-v6a5ajxv]{--phone-width:min(280px, calc((100svh - var(--header-height) - 18rem) / 2.1))}}