.lp.svelte-1uha8ag{--ink: var(--fg);--ink-medium: color-mix(in srgb, var(--ink) 78%, transparent);--ink-soft: var(--muted-fg);--ink-faint: var(--fg-subtle);--paper: color-mix(in srgb, var(--bg) 60%, var(--surface));--paper-card: color-mix(in srgb, var(--bg) 60%, white);--tone: var(--accent);--tone-deep: var(--accent-very-dark);--rule: color-mix(in srgb, var(--ink) 16%, transparent);--sans: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.2, .7, .25, 1);position:relative;min-height:100%;overflow-x:hidden;color:var(--ink);background:radial-gradient(ellipse 60% 80% at 88% 12%,color-mix(in srgb,var(--tone) 10%,transparent),transparent 65%),radial-gradient(ellipse 70% 60% at 8% 92%,color-mix(in srgb,var(--tone) 7%,transparent),transparent 60%),var(--paper);display:flex;align-items:stretch;justify-content:center}.canvas.svelte-1uha8ag{position:relative;z-index:1;width:100%;max-width:720px;padding:clamp(2rem,11vh,6.5rem) clamp(1.25rem,4vw,2rem) clamp(1rem,2.5vh,2.25rem);display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1.5vh,1rem);text-align:center}.hero.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){margin:0;font-family:var(--sans);font-weight:700;font-size:clamp(2.1rem,4.2vw,3.3rem);line-height:1.1;letter-spacing:-.015em;color:var(--ink)}.subhead.svelte-1uha8ag{margin:0;font-family:var(--sans);font-weight:500;font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.45;color:var(--ink-medium)}.stage.svelte-1uha8ag{width:100%;display:flex;flex-direction:column;align-items:center}.stage-trial.svelte-1uha8ag{width:100%;max-width:640px}.text-link.svelte-1uha8ag{align-self:flex-start;margin-top:.25rem;background:none;border:none;color:var(--ink-soft);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-family:var(--sans);font-size:.92rem;font-weight:500;cursor:pointer;padding:0}.text-link.svelte-1uha8ag:hover{color:var(--ink)}.demo-gate.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex:1;text-align:center;padding:1rem .5rem}.gate-line.svelte-1uha8ag{margin:0;font-family:var(--sans);font-weight:600;font-size:clamp(1.15rem,1.6vw,1.35rem);color:var(--ink)}.gate-meta.svelte-1uha8ag{margin:0;font-family:var(--sans);font-size:.95rem;color:var(--ink-medium);max-width:26rem}.gate-signup.svelte-1uha8ag{width:100%;max-width:22rem;margin-top:.2rem}.help-btn.svelte-1uha8ag{position:absolute;top:clamp(.9rem,2vh,1.4rem);right:clamp(.9rem,2.5vw,1.5rem);z-index:5;width:2rem;height:2rem;padding:0;border-radius:999px;background:var(--paper-card);border:1.5px solid color-mix(in srgb,var(--ink) 22%,transparent);color:var(--ink-medium);font-family:var(--sans);font-size:1rem;font-weight:600;line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.help-btn.svelte-1uha8ag:hover,.help-btn.svelte-1uha8ag:focus-visible{border-color:var(--tone);color:var(--ink);background:color-mix(in srgb,var(--tone) 10%,var(--paper-card));outline:none}.explainer.svelte-1uha8ag{width:min(40rem,calc(100vw - 2rem));max-height:min(80vh,40rem);padding:0;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:.85rem;background:var(--paper-card);color:var(--ink);font-family:var(--sans);box-shadow:0 30px 60px -20px color-mix(in srgb,var(--ink) 40%,transparent),0 10px 24px -10px color-mix(in srgb,var(--ink) 18%,transparent)}.explainer.svelte-1uha8ag::backdrop{background:color-mix(in srgb,var(--ink) 50%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.explainer.svelte-1uha8ag article:where(.svelte-1uha8ag){padding:1.25rem 1.5rem 1.4rem;overflow-y:auto;max-height:inherit}.explainer.svelte-1uha8ag header:where(.svelte-1uha8ag){position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 -1.5rem .6rem;padding:.4rem 1.5rem .5rem;background:var(--paper-card);border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.explainer.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.close-x.svelte-1uha8ag{width:2rem;height:2rem;padding:0;background:none;border:none;color:var(--ink-soft);font-size:1.4rem;line-height:1;cursor:pointer;border-radius:.4rem;transition:background .15s ease,color .15s ease}.close-x.svelte-1uha8ag:hover,.close-x.svelte-1uha8ag:focus-visible{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink);outline:none}.explainer.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0 0 .7rem;font-size:.95rem;line-height:1.55;color:var(--ink-medium)}.explainer.svelte-1uha8ag .section-label:where(.svelte-1uha8ag){margin-top:.9rem;margin-bottom:.4rem;color:var(--ink-soft);font-family:var(--type-mono);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.explainer.svelte-1uha8ag .section-label:where(.svelte-1uha8ag):first-of-type{margin-top:.2rem}.inline-link.svelte-1uha8ag{font-size:.92em;color:var(--ink-soft)}.inline-link.svelte-1uha8ag:hover{color:var(--tone-deep)}.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag){display:grid;grid-template-columns:repeat(12,1fr);gap:2px;margin:.4rem 0 .85rem;background:color-mix(in srgb,var(--ink) 12%,transparent);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:.45rem;overflow:hidden;font-family:var(--type-mono)}.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag) .cell:where(.svelte-1uha8ag){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;min-height:3.4rem;padding:.4rem .15rem;background:var(--paper-card);color:var(--ink);font-family:var(--type-mono);font-size:.82rem;font-weight:600;line-height:1.05;border:none;cursor:pointer;transition:background .12s ease,color .12s ease,transform 90ms ease}.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag) .cell:where(.svelte-1uha8ag):hover{background:color-mix(in srgb,var(--tone) 10%,var(--paper-card))}.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag) .cell:where(.svelte-1uha8ag):focus-visible{outline:2px solid var(--tone);outline-offset:-2px}.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag) .cell:where(.svelte-1uha8ag):active{transform:translateY(1px)}.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag) .cell.playing:where(.svelte-1uha8ag){background:var(--tone);color:var(--paper)}.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag) .cell.playing:where(.svelte-1uha8ag) .sharp:where(.svelte-1uha8ag),.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag) .cell.playing:where(.svelte-1uha8ag) .flat:where(.svelte-1uha8ag){color:color-mix(in srgb,var(--paper) 80%,transparent)}.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag) .cell.playing:where(.svelte-1uha8ag) .divider:where(.svelte-1uha8ag){background:color-mix(in srgb,var(--paper) 40%,transparent)}.explainer.svelte-1uha8ag .grid-hint:where(.svelte-1uha8ag){margin:.4rem 0 .3rem;font-family:var(--type-mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;color:var(--ink-faint)}.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag) .natural:where(.svelte-1uha8ag){font-size:.95rem}.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag) .sharp:where(.svelte-1uha8ag),.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag) .flat:where(.svelte-1uha8ag){font-size:.78rem;color:var(--ink-medium)}.explainer.svelte-1uha8ag .scale-grid:where(.svelte-1uha8ag) .divider:where(.svelte-1uha8ag){width:50%;height:1px;margin:.18rem 0;background:color-mix(in srgb,var(--ink) 22%,transparent);border-radius:1px}.explainer.svelte-1uha8ag .source:where(.svelte-1uha8ag){margin-top:.3rem;font-size:.82rem;color:var(--ink-soft)}.explainer.svelte-1uha8ag .source:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag){color:var(--ink-soft);text-decoration:underline;text-underline-offset:2px}.explainer.svelte-1uha8ag .source:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag):hover{color:var(--ink)}.reveal.svelte-1uha8ag{opacity:1;transform:none}:root.dark .lp.svelte-1uha8ag{--paper: color-mix(in srgb, var(--bg) 60%, var(--surface));--paper-card: color-mix(in srgb, var(--bg) 80%, var(--surface));--rule: color-mix(in srgb, var(--ink) 22%, transparent)}@media(max-width:880px){.lp.svelte-1uha8ag{height:auto;min-height:100%;overflow:visible}.canvas.svelte-1uha8ag{padding:1.5rem 1.25rem 2rem}}