.demo.svelte-f9ay9i{background:var(--m-surface);border:1px solid var(--m-border);padding:80px 40px;position:relative}@media (width>=768px){.demo.svelte-f9ay9i{padding:96px 40px}}.tag.svelte-f9ay9i{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--m-fg-subtle);font-size:10px;position:absolute;top:10px;right:12px}.head.svelte-f9ay9i{text-align:center}.eyebrow.svelte-f9ay9i{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--m-jade);margin:0;font-size:11px;font-weight:500}.headline.svelte-f9ay9i{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.025em;white-space:pre-line;color:var(--m-fg-strong);margin:16px 0 0;font-size:clamp(28px,3.4vw,52px);font-weight:200;line-height:.98}.body.svelte-f9ay9i{align-items:center;gap:48px;margin-top:48px;display:grid}@media (width>=1024px){.body.svelte-f9ay9i{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px}}.visual-cell.svelte-f9ay9i{justify-content:center;align-items:center;display:flex}.visual.svelte-f9ay9i{background:var(--m-card);border:1px solid var(--m-border);width:100%;padding:16px;position:relative;box-shadow:0 26px 56px -38px #0f14126b}.visual-bar.svelte-f9ay9i{border-bottom:1px solid var(--m-border);align-items:center;gap:8px;margin-bottom:8px;padding-bottom:12px;display:flex}.dot.svelte-f9ay9i{background:var(--m-accent);border-radius:999px;width:10px;height:10px}.visual-title.svelte-f9ay9i{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--m-accent);font-size:12px}.visual-row.svelte-f9ay9i{font-family:var(--font-mono);color:var(--m-fg-muted);font-variant-numeric:tabular-nums;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.ok.svelte-f9ay9i{color:var(--m-positive)}.slot-tag.svelte-f9ay9i{font-family:var(--font-mono);letter-spacing:.04em;color:var(--m-fg-subtle);font-size:10px;position:absolute;top:10px;right:12px}.frame-stack.svelte-f9ay9i{display:grid}.frame.svelte-f9ay9i{grid-area:1/1;transition:opacity .5s cubic-bezier(.2,.8,.2,1)}.frame-eyebrow.svelte-f9ay9i{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--m-jade);margin:0;font-size:11px;font-weight:500}.frame-title.svelte-f9ay9i{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.025em;color:var(--m-fg-strong);margin:20px 0 0;font-size:clamp(32px,4vw,64px);font-weight:200;line-height:1.02}.frame-body.svelte-f9ay9i{max-width:42ch;color:var(--m-fg-muted);margin:24px 0 0;font-size:17px;line-height:1.65}.track.svelte-f9ay9i{background:var(--m-border-strong);border-radius:999px;width:160px;max-width:100%;height:3px;margin-top:40px;position:relative;overflow:hidden}@media (width>=640px){.track.svelte-f9ay9i{width:192px}}.fill.svelte-f9ay9i{inset-block:0;background:var(--m-jade);border-radius:999px;transition:width .5s cubic-bezier(.2,.8,.2,1);position:absolute;left:0}@media (prefers-reduced-motion:reduce){.frame.svelte-f9ay9i,.fill.svelte-f9ay9i{transition:none}}.cap.svelte-f9ay9i{color:var(--fg-muted);max-width:60ch;margin:16px 0 0;font-size:13px;line-height:1.55}.cap.svelte-f9ay9i code:where(.svelte-f9ay9i){font-family:var(--font-mono);background:var(--bg-muted);padding:1px 5px;font-size:12px}