.demo[data-astro-cid-v2zj7lir]{display:flex;flex-direction:column;gap:.6rem;max-width:var(--demo-max, none);margin-inline:auto;width:100%}.demo__chrome[data-astro-cid-v2zj7lir]{display:flex;align-items:center;gap:var(--space-1);padding:.5rem .75rem;border:1px solid var(--line);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;background:var(--bg-elev-2)}.demo__dots[data-astro-cid-v2zj7lir]{display:flex;gap:5px;flex-shrink:0}.demo__dots[data-astro-cid-v2zj7lir] i[data-astro-cid-v2zj7lir]{width:9px;height:9px;border-radius:50%;background:var(--line)}.demo__url[data-astro-cid-v2zj7lir]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint)}.demo__tools[data-astro-cid-v2zj7lir]{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.demo__tool[data-astro-cid-v2zj7lir]{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--ink-dim);font-size:.76rem;font-family:inherit;text-decoration:none;cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease)}.demo__tool[data-astro-cid-v2zj7lir]:hover{color:var(--gold);border-color:var(--line)}.demo__stage[data-astro-cid-v2zj7lir]{position:relative;aspect-ratio:var(--demo-ratio, 16 / 10);min-height:min(70svh,460px);border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);overflow:hidden;background:var(--bg-elev-2)}.demo__start[data-astro-cid-v2zj7lir]{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.demo__poster[data-astro-cid-v2zj7lir]{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s var(--ease),opacity .25s var(--ease)}.demo__poster--blank[data-astro-cid-v2zj7lir]{display:block;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 22%,var(--bg-elev-2)),color-mix(in srgb,var(--purple) 22%,var(--bg-elev-2)))}.demo__start[data-astro-cid-v2zj7lir]:hover .demo__poster[data-astro-cid-v2zj7lir]{transform:scale(1.02);opacity:.8}.demo__cta[data-astro-cid-v2zj7lir]{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:.85rem;padding:2.5rem 1.1rem 1.1rem;text-align:left;background:linear-gradient(to top,color-mix(in srgb,var(--bg) 92%,transparent),transparent)}.demo__play[data-astro-cid-v2zj7lir]{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;padding-left:4px;border-radius:50%;background:var(--gold);color:var(--on-gold);box-shadow:var(--shadow-md);transition:transform .22s var(--ease)}.demo__start[data-astro-cid-v2zj7lir]:hover .demo__play[data-astro-cid-v2zj7lir]{transform:scale(1.08)}.demo__cta-text[data-astro-cid-v2zj7lir]{display:flex;flex-direction:column;min-width:0}.demo__cta-text[data-astro-cid-v2zj7lir] b[data-astro-cid-v2zj7lir]{font-family:var(--font-display);font-size:1.05rem}.demo__cta-text[data-astro-cid-v2zj7lir] em[data-astro-cid-v2zj7lir]{font-style:normal;font-size:.82rem;color:var(--ink-dim)}.demo[data-astro-cid-v2zj7lir] .demo__frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#fff}.demo__start[data-astro-cid-v2zj7lir].is-loading{cursor:progress}.demo__start[data-astro-cid-v2zj7lir].is-loading .demo__play[data-astro-cid-v2zj7lir]{animation:demo-pulse 1s ease-in-out infinite}@keyframes demo-pulse{50%{transform:scale(.86);opacity:.65}}@media(prefers-reduced-motion:reduce){.demo__start[data-astro-cid-v2zj7lir].is-loading .demo__play[data-astro-cid-v2zj7lir]{animation:none}}.demo__note[data-astro-cid-v2zj7lir]{margin:0;font-size:.88rem;color:var(--ink-dim)}@media(max-width:560px){.demo__tool[data-astro-cid-v2zj7lir] span[data-astro-cid-v2zj7lir]:not(.visually-hidden){display:none}.demo__cta[data-astro-cid-v2zj7lir]{padding:2rem .8rem .8rem;gap:.6rem}.demo__play[data-astro-cid-v2zj7lir]{width:44px;height:44px}}