.demo-progress[data-astro-cid-soxsnotx]{z-index:60;pointer-events:none;background:0 0;height:3px;position:fixed;inset:0 0 auto}.demo-progress[data-astro-cid-soxsnotx]>span[data-astro-cid-soxsnotx]{transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--shimmer));height:100%;box-shadow:0 0 12px rgb(var(--accent-rgb) / .6);display:block;transform:scaleX(0)}.demo-panel[data-astro-cid-soxsnotx]{border-bottom:1px solid var(--line);align-items:center;min-height:100svh;padding-block:clamp(3rem,8vh,6rem);display:flex;position:relative}.demo-grid[data-astro-cid-soxsnotx]{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:center;gap:clamp(28px,4vw,68px);width:min(1560px,100%);margin-inline:auto;padding-inline:clamp(18px,4vw,64px);display:grid}.demo-panel[data-astro-cid-soxsnotx].flip .demo-grid[data-astro-cid-soxsnotx]{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.demo-panel[data-astro-cid-soxsnotx].flip .demo-copy[data-astro-cid-soxsnotx]{order:2}.demo-panel[data-astro-cid-soxsnotx].flip .demo-media[data-astro-cid-soxsnotx]{order:1}.demo-copy[data-astro-cid-soxsnotx]{align-content:center;gap:20px;min-width:0;display:grid}@media (width>=900px){.demo-copy[data-astro-cid-soxsnotx]{align-self:start;position:sticky;top:clamp(90px,15vh,170px)}}.demo-media[data-astro-cid-soxsnotx]{min-width:0}.demo-clip[data-astro-cid-soxsnotx]{gap:14px;min-width:0;margin:0;display:grid}.demo-frame[data-astro-cid-soxsnotx]{aspect-ratio:6/5;background:var(--bg);will-change:transform;border-radius:0;width:100%;max-height:84svh;position:relative;overflow:hidden}.demo-frame[data-astro-cid-soxsnotx]:has(.demo-slot){border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(120% 120% at 50% 0%, rgb(var(--accent-rgb) / .08), transparent 55%), linear-gradient(180deg, var(--surface-strong), var(--surface))}.demo-video[data-astro-cid-soxsnotx]{object-fit:contain;background:var(--bg);width:100%;height:100%;display:block}.demo-slot[data-astro-cid-soxsnotx]{place-items:center;display:grid;position:absolute;inset:0}.demo-play[data-astro-cid-soxsnotx]{aspect-ratio:1;border:1px solid rgb(var(--accent-rgb) / .5);background:rgb(var(--accent-rgb) / .1);width:clamp(56px,7vw,82px);color:var(--accent);border-radius:999px;place-items:center;display:grid}.demo-play[data-astro-cid-soxsnotx] svg[data-astro-cid-soxsnotx]{width:40%;height:40%;margin-left:8%;display:block}.demo-badge[data-astro-cid-soxsnotx]{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--bg) 60%, transparent);color:var(--muted);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:.3rem .6rem;font-size:.64rem;position:absolute;top:.75rem;right:.75rem}.demo-kicker[data-astro-cid-soxsnotx]{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.6rem;margin:0;font-size:.74rem;display:inline-flex}.demo-kicker[data-astro-cid-soxsnotx]:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);width:26px;height:1px}.demo-copy[data-astro-cid-soxsnotx] h1[data-astro-cid-soxsnotx],.demo-copy[data-astro-cid-soxsnotx] h2[data-astro-cid-soxsnotx]{letter-spacing:-.02em;text-wrap:balance;max-width:none;line-height:1.05}.demo-copy[data-astro-cid-soxsnotx] h1[data-astro-cid-soxsnotx]{font-size:clamp(2.5rem,4.6vw,4rem);line-height:1.03}.demo-copy[data-astro-cid-soxsnotx] h2[data-astro-cid-soxsnotx]{font-size:clamp(1.9rem,3.4vw,2.9rem)}.demo-copy[data-astro-cid-soxsnotx] .accent{color:var(--accent)}.demo-lead[data-astro-cid-soxsnotx]{max-width:44ch;color:var(--muted);font-size:clamp(1.05rem,.5vw + .95rem,1.2rem)}.demo-lead[data-astro-cid-soxsnotx] b{color:var(--text);font-weight:600}.demo-stat[data-astro-cid-soxsnotx]{border:1px solid var(--line-strong);background:var(--surface);width:fit-content;max-width:100%;color:var(--text-dim);font-family:var(--mono);overflow-wrap:anywhere;border-radius:14px;align-items:flex-start;gap:.6rem;padding:.5rem .85rem;font-size:.82rem;line-height:1.5;display:flex}.demo-stat[data-astro-cid-soxsnotx] .dot[data-astro-cid-soxsnotx]{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px rgb(var(--accent-rgb) / .8);border-radius:999px;flex:none;margin-top:.36rem}.demo-actions[data-astro-cid-soxsnotx]{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.demo-caption[data-astro-cid-soxsnotx]{max-width:60ch;color:var(--muted);font-size:.9rem}.demo-caption[data-astro-cid-soxsnotx] b{color:var(--text-dim);font-weight:600}.demo-cta[data-astro-cid-soxsnotx]{text-align:center;place-items:center;min-height:90svh;padding-block:clamp(3.5rem,10vh,8rem);display:grid}.demo-cta-inner[data-astro-cid-soxsnotx]{justify-items:center;gap:1.2rem;width:min(760px,100%);padding-inline:clamp(18px,5vw,72px);display:grid}.demo-cta[data-astro-cid-soxsnotx] .demo-kicker[data-astro-cid-soxsnotx]{justify-content:center}.demo-cta[data-astro-cid-soxsnotx] h2[data-astro-cid-soxsnotx]{letter-spacing:-.02em;text-wrap:balance;max-width:none;font-size:clamp(2.2rem,6vw,4rem);line-height:1.05}.demo-cta[data-astro-cid-soxsnotx] .demo-lead[data-astro-cid-soxsnotx]{text-align:center;max-width:54ch}.demo-cta[data-astro-cid-soxsnotx] .demo-actions[data-astro-cid-soxsnotx]{justify-content:center}.demo-more[data-astro-cid-soxsnotx]{color:var(--text-dim);margin:0;font-size:1.05rem}.demo-more[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx]{color:var(--cyan);font-weight:700}.demo-more[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx]:hover{color:var(--text)}.demo-install[data-astro-cid-soxsnotx]{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);max-width:100%;color:var(--text-dim);font-family:var(--mono);white-space:nowrap;-webkit-overflow-scrolling:touch;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.85rem;display:inline-flex;overflow-x:auto}.demo-install[data-astro-cid-soxsnotx] .sigil[data-astro-cid-soxsnotx]{color:var(--accent)}.demo-note[data-astro-cid-soxsnotx]{max-width:64ch;color:var(--faint);font-size:.82rem}html[data-demo-enh] .reveal[data-astro-cid-soxsnotx]{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);animation:.5s 4s forwards demo-reveal-failsafe;transform:translateY(26px)}@keyframes demo-reveal-failsafe{to{opacity:1;transform:none}}html[data-demo-enh] .reveal[data-astro-cid-soxsnotx].is-in{opacity:1;animation:none;transform:none}@media (prefers-reduced-motion:reduce){html[data-demo-enh] .reveal[data-astro-cid-soxsnotx]{opacity:1;transition:none;animation:none;transform:none}.demo-frame[data-astro-cid-soxsnotx]{will-change:auto}}.demo-motion-toggle[data-astro-cid-soxsnotx]{z-index:30;border:1px solid var(--line-strong);backdrop-filter:blur(5px);color:var(--text-dim);font-family:var(--mono);cursor:pointer;background:#0d0f14d1;border-radius:999px;padding:.5rem .85rem;font-size:.78rem;transition:border-color .15s,color .15s;position:fixed;bottom:clamp(12px,3vw,28px);right:clamp(12px,3vw,28px)}.demo-motion-toggle[data-astro-cid-soxsnotx]:hover{border-color:var(--accent);color:var(--text)}.demo-motion-toggle[data-astro-cid-soxsnotx]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media (width<=999px){.demo-grid[data-astro-cid-soxsnotx],.demo-panel[data-astro-cid-soxsnotx].flip .demo-grid[data-astro-cid-soxsnotx]{grid-template-columns:1fr;gap:1.8rem}.demo-panel[data-astro-cid-soxsnotx].flip .demo-copy[data-astro-cid-soxsnotx]{order:1}.demo-panel[data-astro-cid-soxsnotx].flip .demo-media[data-astro-cid-soxsnotx]{order:2}.demo-panel[data-astro-cid-soxsnotx]{min-height:auto}.demo-copy[data-astro-cid-soxsnotx]{position:static}.demo-lead[data-astro-cid-soxsnotx]{max-width:none}.demo-frame[data-astro-cid-soxsnotx]{max-height:none}}