.feature-demo[data-astro-cid-yq23ksd4]{padding:clamp(2.5rem,5vw,4rem) 0;background:var(--color-bg)}.feature-demo__head[data-astro-cid-yq23ksd4]{max-width:48rem;margin:0 auto 2rem;text-align:center}.feature-demo__head[data-astro-cid-yq23ksd4] h2[data-astro-cid-yq23ksd4]{margin:0 0 1rem;font-size:clamp(1.9rem,3vw,2.65rem)}.feature-demo__head[data-astro-cid-yq23ksd4] p[data-astro-cid-yq23ksd4]{margin:0;color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.7}.feature-demo__frame[data-astro-cid-yq23ksd4]{width:100%;max-width:1080px;margin:0 auto}.demo-frame__body[data-astro-cid-yq23ksd4]{position:relative;padding:16px 14px 18px;border-radius:16px 16px 4px 4px;background:linear-gradient(160deg,#2b3440,#171d25 60%,#0d1117);box-shadow:0 24px 60px -20px #0000008c}.demo-frame__body[data-astro-cid-yq23ksd4]:before{content:"";position:absolute;top:6px;left:50%;width:5px;height:5px;border-radius:50%;background:#3a4553;transform:translate(-50%)}.demo-frame__screen[data-astro-cid-yq23ksd4]{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:8px;background:#fff}.demo-frame__screen[data-astro-cid-yq23ksd4] iframe{display:block;width:100%;height:100%;border:0}.demo-frame__notch[data-astro-cid-yq23ksd4],.demo-frame__home[data-astro-cid-yq23ksd4]{display:none}.demo-frame__base[data-astro-cid-yq23ksd4]{position:relative;width:112%;height:16px;margin-left:-6%;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#2b3440,#12171e);box-shadow:0 18px 30px -18px #0009}.demo-frame__base[data-astro-cid-yq23ksd4]:after{content:"";position:absolute;top:0;left:50%;width:14%;height:5px;border-radius:0 0 8px 8px;background:#0a0e13;transform:translate(-50%)}.demo-frame__poster[data-astro-cid-yq23ksd4]{position:absolute;inset:0;transition:opacity .4s ease}.demo-frame__screen[data-astro-cid-yq23ksd4].is-loaded .demo-frame__poster[data-astro-cid-yq23ksd4]{opacity:0;pointer-events:none}.demo-frame__poster[data-astro-cid-yq23ksd4] img[data-astro-cid-yq23ksd4]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.demo-frame__poster-dark[data-astro-cid-yq23ksd4]{display:none}[data-theme=dark] .demo-frame__poster-dark[data-astro-cid-yq23ksd4]{display:block}[data-theme=dark] .demo-frame__poster-light[data-astro-cid-yq23ksd4]{display:none}.demo-frame__hint[data-astro-cid-yq23ksd4]{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem .6rem .7rem;border-radius:999px;background:color-mix(in srgb,#0d1117 82%,transparent);color:#f8fafc;font-size:.875rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}.demo-frame__screen[data-astro-cid-yq23ksd4].is-loaded .demo-frame__hint[data-astro-cid-yq23ksd4]{animation:demo-frame-hint 3.5s ease forwards}@keyframes demo-frame-hint{0%,to{opacity:0}15%,75%{opacity:1}}.demo-frame__start[data-astro-cid-yq23ksd4]{display:none;position:absolute;inset:0;z-index:1;width:fit-content;height:fit-content;margin:auto;white-space:nowrap}.demo-frame__screen[data-astro-cid-yq23ksd4].is-idle .demo-frame__start[data-astro-cid-yq23ksd4]{display:inline-flex}.demo-frame__hint-icon[data-astro-cid-yq23ksd4]{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:color-mix(in srgb,#f8fafc 16%,transparent)}.demo-frame__hint-hand[data-astro-cid-yq23ksd4]{width:1.05rem;height:1.05rem;animation:demo-frame-tap 1.8s ease-in-out infinite}@keyframes demo-frame-tap{0%,60%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-2px) scale(.92)}}.demo-frame__loading[data-astro-cid-yq23ksd4]{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);margin:0;padding:.4rem .85rem;border-radius:999px;background:color-mix(in srgb,#0d1117 78%,transparent);color:#f8fafc;font-size:.8125rem;white-space:nowrap;opacity:0;transition:opacity .2s ease}.demo-frame__screen[data-astro-cid-yq23ksd4].is-loading .demo-frame__loading[data-astro-cid-yq23ksd4]{opacity:1}@media(prefers-reduced-motion:reduce){.demo-frame__poster[data-astro-cid-yq23ksd4],.demo-frame__loading[data-astro-cid-yq23ksd4]{transition:none}.demo-frame__hint-hand[data-astro-cid-yq23ksd4]{animation:none}}.feature-demo__status[data-astro-cid-yq23ksd4]{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.feature-demo__actions[data-astro-cid-yq23ksd4]{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-top:1.25rem;font-size:.9375rem}.feature-demo__actions[data-astro-cid-yq23ksd4] a[data-astro-cid-yq23ksd4]{color:var(--color-primary);font-weight:600;text-decoration:underline}.feature-demo__actions[data-astro-cid-yq23ksd4] a[data-astro-cid-yq23ksd4]:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.feature-demo__note[data-astro-cid-yq23ksd4]{margin:.75rem 0 0;font-size:.875rem;color:var(--color-text-muted);text-align:center}@media(max-width:900px){.feature-demo__frame[data-astro-cid-yq23ksd4]{max-width:390px}.demo-frame__body[data-astro-cid-yq23ksd4]{display:flex;flex-direction:column;width:100%;aspect-ratio:390 / 844;max-height:max(75svh,480px);padding:34px 10px 26px;border-radius:44px;box-shadow:0 30px 60px -24px #0009}.demo-frame__body[data-astro-cid-yq23ksd4]:before{display:none}.demo-frame__notch[data-astro-cid-yq23ksd4]{display:block;position:absolute;top:9px;left:50%;width:30%;height:18px;border-radius:999px;background:#05070a;transform:translate(-50%)}.demo-frame__screen[data-astro-cid-yq23ksd4]{flex:1;min-height:0;aspect-ratio:auto;border-radius:34px;background:linear-gradient(180deg,#f3f4f6,#e5e7eb)}.demo-frame__home[data-astro-cid-yq23ksd4]{display:block;position:absolute;bottom:9px;left:50%;width:34%;height:5px;border-radius:999px;background:#3a4553;transform:translate(-50%)}.demo-frame__base[data-astro-cid-yq23ksd4],.demo-frame__poster[data-astro-cid-yq23ksd4]{display:none}.demo-frame__screen[data-astro-cid-yq23ksd4]:not(.is-loaded) iframe{opacity:0;pointer-events:none}.demo-frame__hint[data-astro-cid-yq23ksd4]{display:none}}
