.demo.svelte-1du1zi4{max-width:820px;margin:0 auto;padding:2rem 1.5rem}h1.svelte-1du1zi4{font-size:2.6rem;margin:0 0 .5rem;color:var(--accent-cyan);letter-spacing:-.02em}.lede.svelte-1du1zi4{font-size:1.2rem;color:var(--text-primary);line-height:1.5;margin:0 0 .7rem}.sub.svelte-1du1zi4{font-size:.95rem;color:var(--text-secondary);margin:0 0 2rem}.sub.svelte-1du1zi4 a:where(.svelte-1du1zi4){color:var(--accent-cyan)}.steps.svelte-1du1zi4{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.step.svelte-1du1zi4{position:relative;display:grid;grid-template-columns:3rem 1fr;gap:1.2rem;padding:1.3rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-left:3px solid var(--accent-cyan);border-radius:12px}.step-num.svelte-1du1zi4{font-family:SF Mono,monospace;font-size:2rem;font-weight:600;color:var(--accent-cyan);line-height:1;font-variant-numeric:tabular-nums}.step-anchor.svelte-1du1zi4{position:absolute;top:-5rem}.step-head.svelte-1du1zi4{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;margin:0 0 .4rem}.step-head.svelte-1du1zi4 h2:where(.svelte-1du1zi4){margin:0;font-size:1.2rem;color:var(--text-primary)}.step-layer.svelte-1du1zi4{font-family:SF Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:.15rem .5rem;border:1px solid var(--border-subtle);border-radius:999px}.step-blurb.svelte-1du1zi4{margin:0 0 .9rem;line-height:1.55;color:var(--text-secondary)}.step-actions.svelte-1du1zi4{display:flex;gap:1.2rem;flex-wrap:wrap;align-items:baseline;font-size:.95rem}.try.svelte-1du1zi4{color:var(--accent-cyan);font-weight:600;text-decoration:none}.try.svelte-1du1zi4:hover{text-decoration:underline}.next.svelte-1du1zi4{color:var(--text-secondary);font-size:.85rem;text-decoration:none}.next.svelte-1du1zi4:hover{color:var(--accent-cyan)}.end-card.svelte-1du1zi4{margin-top:2rem;padding:1.6rem 1.8rem;background:linear-gradient(135deg,rgba(79,195,247,.05),var(--bg-secondary) 60%);border:1px solid var(--accent-cyan);border-radius:12px}.end-card.svelte-1du1zi4 h2:where(.svelte-1du1zi4){margin:0 0 .6rem;color:var(--accent-cyan)}.end-card.svelte-1du1zi4 p:where(.svelte-1du1zi4){line-height:1.55;color:var(--text-secondary);margin:.4rem 0}.end-row.svelte-1du1zi4{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1rem!important}.end-row.svelte-1du1zi4 .primary:where(.svelte-1du1zi4){color:var(--accent-cyan);font-weight:600}.end-row.svelte-1du1zi4 .secondary:where(.svelte-1du1zi4){color:var(--text-secondary)}.end-row.svelte-1du1zi4 .secondary:where(.svelte-1du1zi4):hover{color:var(--accent-cyan)}@media (max-width: 540px){.step.svelte-1du1zi4{grid-template-columns:1fr;gap:.4rem;padding:1.1rem 1.2rem}.step-num.svelte-1du1zi4{font-size:1.5rem}.step-head.svelte-1du1zi4{flex-direction:column;align-items:flex-start;gap:.3rem}}