.hero-preview[data-astro-cid-fr3k5pam]{container:hero-device/inline-size}.device[data-astro-cid-fr3k5pam]{--stage-h:15.625rem;--keys-h:5.25rem;padding:0 clamp(.5rem,3vw,1.75rem) 2.25rem;position:relative}.frame[data-astro-cid-fr3k5pam]{border:10px solid var(--color-ink);background:var(--color-stage);box-shadow:var(--shadow-frame);border-radius:30px;position:relative;overflow:hidden;transform:rotate(1.5deg)}.stage[data-astro-cid-fr3k5pam]{height:var(--stage-h);background:linear-gradient(var(--wf-stage-top), var(--wf-stage-bottom));position:relative;overflow:hidden}.static[data-astro-cid-fr3k5pam]{position:absolute;inset:0}.stage[data-astro-cid-fr3k5pam] canvas.live,.keys[data-astro-cid-fr3k5pam] canvas.live{opacity:0;width:100%;height:100%;position:absolute;inset:0}[data-astro-cid-fr3k5pam][data-hero-live] canvas.live{opacity:1}[data-astro-cid-fr3k5pam][data-hero-live] .static[data-astro-cid-fr3k5pam],[data-astro-cid-fr3k5pam][data-hero-live] .skin{visibility:hidden}.line[data-astro-cid-fr3k5pam]{height:1px;position:absolute;inset-inline:0}.beat[data-astro-cid-fr3k5pam]{background:var(--wf-grid)}.bar[data-astro-cid-fr3k5pam]{background:var(--wf-measure)}.note[data-astro-cid-fr3k5pam]{border-radius:var(--wf-note-radius);position:absolute}.left[data-astro-cid-fr3k5pam]{background:var(--wf-note-left);box-shadow:inset 2px 0 var(--wf-note-left-stripe)}.right[data-astro-cid-fr3k5pam]{background:var(--wf-note-right)}.active[data-astro-cid-fr3k5pam]{background-image:linear-gradient(var(--wf-note-active), var(--wf-note-active))}.hit[data-astro-cid-fr3k5pam]{background:var(--wf-hitline);height:2px;position:absolute;inset:auto 0 0}.paper[data-astro-cid-fr3k5pam]{background:var(--sheet-paper);color:var(--sheet-ink);opacity:0;flex-direction:column;justify-content:center;gap:clamp(.25rem,1.5vw,.75rem);padding:0 clamp(.5rem,2vw,1rem) .5rem;display:flex;position:absolute;inset:0}.paper-head[data-astro-cid-fr3k5pam]{align-items:baseline;column-gap:var(--space-3);font-size:var(--text-xs);color:var(--color-ink-soft);flex-wrap:wrap;padding-inline:.25rem;display:flex}.paper-title[data-astro-cid-fr3k5pam]{font-family:var(--font-display);font-variation-settings:var(--display-variation);color:var(--sheet-ink);font-size:clamp(.9375rem,2.2vw,1.125rem)}.bars[data-astro-cid-fr3k5pam]{overflow:hidden}.sheet[data-astro-cid-fr3k5pam]{--sheet-min-h:0rem;width:max(100%, var(--sheet-min-h) * var(--sheet-ratio));aspect-ratio:var(--sheet-ratio);will-change:transform;position:relative}.sheet[data-astro-cid-fr3k5pam] svg{width:100%;height:100%;display:block}.cursor[data-astro-cid-fr3k5pam]{background:var(--sheet-cursor);width:3px;box-shadow:0 0 0 3px var(--hero-cursor-halo);will-change:transform;border-radius:2px;position:absolute;left:-1.5px}.keys[data-astro-cid-fr3k5pam]{height:var(--keys-h);background:var(--wf-key-white);position:relative}.keys[data-astro-cid-fr3k5pam] .skin{border-top:3px solid var(--wf-key-top-border);width:100%;height:100%;display:block}.keys[data-astro-cid-fr3k5pam] .lit-left{fill:var(--wf-target-left)}.keys[data-astro-cid-fr3k5pam] .lit-right{fill:var(--wf-target-right)}.snapshot[data-astro-cid-fr3k5pam]{aspect-ratio:1;object-fit:cover;border:6px solid var(--color-surface);height:auto;box-shadow:var(--shadow-lift);transform-origin:50% 4%;animation:sway var(--sway-t) ease-in-out var(--sway-d) infinite alternate;border-bottom-width:18px;border-radius:4px;position:absolute}.one[data-astro-cid-fr3k5pam]{--tilt:-7deg;--sway-t:4.2s;--sway-d:-1.3s;width:clamp(5.25rem,11vw,7.75rem);rotate:var(--tilt);bottom:0;left:0}.two[data-astro-cid-fr3k5pam]{--tilt:8deg;--sway-t:3.4s;--sway-d:-.4s;width:clamp(4.75rem,10vw,6.75rem);rotate:var(--tilt);top:-1.375rem;right:0}@keyframes sway{0%{rotate:calc(var(--tilt) - 1.5deg)}to{rotate:calc(var(--tilt) + 1.5deg)}}@container hero-device (width<30rem){.device[data-astro-cid-fr3k5pam]{--keys-h:4.25rem;padding:.75rem 0 2.25rem}.frame[data-astro-cid-fr3k5pam]{border-width:9px;border-radius:2.75rem;width:16.5rem;margin-inline:auto;padding-bottom:1.375rem;transform:rotate(-1.5deg)}.frame[data-astro-cid-fr3k5pam]:before{content:"";z-index:2;border-radius:var(--radius-pill);background:var(--color-ink);width:4.5rem;height:1.25rem;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.stage[data-astro-cid-fr3k5pam]{aspect-ratio:10/14;height:auto}.paper[data-astro-cid-fr3k5pam]{padding-top:1.75rem}.bars[data-astro-cid-fr3k5pam]{mask-image:linear-gradient(to right, transparent, var(--color-ink) 1.25rem)}.sheet[data-astro-cid-fr3k5pam]{--sheet-min-h:10rem}}@container hero-device (width<17.5rem){.device[data-astro-cid-fr3k5pam]{display:none}}@media (prefers-reduced-motion:reduce){.snapshot[data-astro-cid-fr3k5pam]{animation:none}}.key-diagram[data-astro-cid-o5qrtur6]{background:var(--kb-white);border-radius:8px;width:100%;height:auto}.cta[data-astro-cid-o5qrtur6]{--tint:var(--color-cta)}.teal[data-astro-cid-o5qrtur6]{--tint:var(--color-teal)}.dot[data-astro-cid-o5qrtur6]{fill:var(--tint)}text[data-astro-cid-o5qrtur6]{fill:var(--color-on-cta);font-family:var(--font-sans);text-anchor:middle;font-weight:700}.hero[data-astro-cid-bkwvb2u2]{flex-wrap:wrap;align-items:center;gap:3rem 3.5rem;padding-block:clamp(2.5rem,6vw,5rem);display:flex}.hero[data-astro-cid-bkwvb2u2]>*{flex:25rem;min-width:0}.eyebrow[data-astro-cid-bkwvb2u2]{font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-text);font-weight:700}.eyebrow[data-astro-cid-bkwvb2u2].teal{color:var(--color-teal-text)}h1[data-astro-cid-bkwvb2u2]{max-width:13ch;margin-block:.875rem var(--space-4);letter-spacing:var(--tracking-tight);font-size:clamp(2.5rem,5.6vw,4.25rem);line-height:1.06}.subtitle[data-astro-cid-bkwvb2u2]{max-width:34ch;color:var(--color-ink-soft);font-size:clamp(1.125rem,1.8vw,1.3125rem)}.ctas[data-astro-cid-bkwvb2u2]{gap:var(--space-3);margin-block:1.75rem var(--space-4);flex-wrap:wrap;display:flex}.button[data-astro-cid-bkwvb2u2]{min-height:3.25rem;transition:transform var(--motion-base) var(--motion-ease);border-radius:14px;align-items:center;padding-inline:1.625rem;font-size:1.0625rem;font-weight:700;text-decoration:none;display:inline-flex}.primary[data-astro-cid-bkwvb2u2]{background:var(--color-cta);color:var(--color-on-cta)}.teal[data-astro-cid-bkwvb2u2].button{background:var(--color-teal);color:var(--color-on-cta)}.primary[data-astro-cid-bkwvb2u2]:hover,.teal[data-astro-cid-bkwvb2u2].button:hover{transform:translateY(-2px)}.secondary[data-astro-cid-bkwvb2u2]{border:1.5px solid var(--color-outline)}.secondary[data-astro-cid-bkwvb2u2]:hover{border-color:var(--color-ink)}.dark[data-astro-cid-bkwvb2u2]{background:var(--color-ink);color:var(--color-on-brand)}.inputs[data-astro-cid-bkwvb2u2]{font-size:.9375rem}.definition[data-astro-cid-bkwvb2u2]{max-width:44ch;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1.5px solid var(--color-hairline);color:var(--color-ink-soft);text-wrap:pretty;font-size:.9375rem}.inputs[data-astro-cid-bkwvb2u2],.muted[data-astro-cid-bkwvb2u2],.lead[data-astro-cid-bkwvb2u2]{color:var(--color-ink-soft)}.lead[data-astro-cid-bkwvb2u2]{max-width:42ch;font-size:1.1875rem}h2[data-astro-cid-bkwvb2u2]{margin-block:var(--space-3) .875rem;font-size:clamp(2rem,4.4vw,3.25rem);line-height:1.08}h2[data-astro-cid-bkwvb2u2].huge{letter-spacing:var(--tracking-tight);font-size:clamp(2.5rem,6vw,4.75rem)}h2[data-astro-cid-bkwvb2u2].narrow{max-width:14ch}h2[data-astro-cid-bkwvb2u2].small,.section-head[data-astro-cid-bkwvb2u2] h3[data-astro-cid-bkwvb2u2]{margin:0;font-size:clamp(1.5rem,2.8vw,1.875rem);line-height:1.08}.count[data-astro-cid-bkwvb2u2]{color:var(--color-accent-text)}.library[data-astro-cid-bkwvb2u2]{padding-bottom:clamp(3.5rem,8vw,6rem)}.intro[data-astro-cid-bkwvb2u2]{margin-bottom:clamp(2.25rem,5vw,3.5rem)}.section-head[data-astro-cid-bkwvb2u2]{margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.875rem;display:flex}.all[data-astro-cid-bkwvb2u2]{margin-top:var(--space-6);text-align:center}.band[data-astro-cid-bkwvb2u2]{background:var(--color-muted);padding-block:clamp(3.5rem,8vw,6rem)}.split[data-astro-cid-bkwvb2u2],.chords[data-astro-cid-bkwvb2u2]{flex-wrap:wrap;align-items:center;gap:2.25rem 3.5rem;display:flex}.split[data-astro-cid-bkwvb2u2]{margin-bottom:2.25rem}.chords[data-astro-cid-bkwvb2u2]{flex-wrap:wrap-reverse;padding-block:clamp(3.5rem,8vw,6rem)}.split-text[data-astro-cid-bkwvb2u2],.panel[data-astro-cid-bkwvb2u2]{flex:23.75rem;min-width:0}.split-text[data-astro-cid-bkwvb2u2] .lead[data-astro-cid-bkwvb2u2]{max-width:40ch;margin-bottom:var(--space-5)}.panel[data-astro-cid-bkwvb2u2]{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-panel);padding:1.375rem}.panel-head[data-astro-cid-bkwvb2u2]{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);font-size:var(--text-sm);color:var(--color-ink-soft);flex-wrap:wrap;margin-bottom:.875rem;display:flex}.panel-head[data-astro-cid-bkwvb2u2] strong[data-astro-cid-bkwvb2u2]{font-size:var(--text-xl);color:var(--color-ink)}.legend[data-astro-cid-bkwvb2u2]{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-sm);font-weight:600;display:flex}.swatch[data-astro-cid-bkwvb2u2]{border-radius:var(--radius-pill);background:var(--color-cta);width:.875rem;height:.875rem}.tiles[data-astro-cid-bkwvb2u2],.groups[data-astro-cid-bkwvb2u2],.modes[data-astro-cid-bkwvb2u2]{margin:0;padding:0;list-style:none}.tiles[data-astro-cid-bkwvb2u2]{gap:var(--space-4);flex-wrap:wrap;display:flex}.tiles[data-astro-cid-bkwvb2u2] li[data-astro-cid-bkwvb2u2]{flex:16.25rem}.tile[data-astro-cid-bkwvb2u2]{height:100%;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);transition:transform var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease);flex-direction:column;gap:.375rem;text-decoration:none;display:flex}.tile[data-astro-cid-bkwvb2u2]:hover{transform:translateY(-3px)}.tile[data-astro-cid-bkwvb2u2] strong[data-astro-cid-bkwvb2u2]{margin-top:var(--space-1);font-size:var(--text-xl);line-height:1.2}.tile[data-astro-cid-bkwvb2u2].quiet{gap:var(--space-1);padding:1.375rem var(--space-5);border:1.5px solid var(--color-hairline);background:0 0}.tile[data-astro-cid-bkwvb2u2].quiet:hover{background:var(--color-surface);transform:none}.tile[data-astro-cid-bkwvb2u2].quiet strong[data-astro-cid-bkwvb2u2]{margin:0;font-size:1.3125rem}.badge[data-astro-cid-bkwvb2u2]{border-radius:var(--radius-pill);background:var(--color-cta);color:var(--color-on-cta);align-self:flex-start;padding:2px 12px;font-size:.8125rem;font-weight:700}.picker-label[data-astro-cid-bkwvb2u2]{margin-block:var(--space-4) var(--space-2);font-size:var(--text-sm);font-weight:600}.roots[data-astro-cid-bkwvb2u2]{grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:6px;display:grid}.roots[data-astro-cid-bkwvb2u2] button[data-astro-cid-bkwvb2u2]{background:var(--color-muted);cursor:pointer;border:0;border-radius:10px;height:2.75rem;padding:0;font-size:.9375rem;font-weight:600}.roots[data-astro-cid-bkwvb2u2] button[data-astro-cid-bkwvb2u2][aria-pressed=true]{background:var(--color-teal);color:var(--color-on-cta)}.groups[data-astro-cid-bkwvb2u2]{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.outline[data-astro-cid-bkwvb2u2]{min-height:var(--tap-min);padding-inline:var(--space-4);border:1.5px solid var(--color-outline);border-radius:var(--radius-md);align-items:center;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.outline[data-astro-cid-bkwvb2u2]:hover{border-color:var(--color-ink)}.more[data-astro-cid-bkwvb2u2]{gap:1.125rem;padding-bottom:clamp(3.5rem,8vw,6rem);display:grid}.more[data-astro-cid-bkwvb2u2] .tiles[data-astro-cid-bkwvb2u2] li[data-astro-cid-bkwvb2u2]{flex-basis:18.75rem}.questions[data-astro-cid-bkwvb2u2]{flex-wrap:wrap;gap:2.5rem 4rem;padding-top:clamp(3.5rem,8vw,6rem);display:flex}.faq[data-astro-cid-bkwvb2u2]{flex:3 28.75rem;min-width:0}.start[data-astro-cid-bkwvb2u2]{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-muted);color:var(--color-ink-soft);flex:17.5rem;align-self:flex-start;gap:1.375rem;font-size:.9375rem;display:grid}.start[data-astro-cid-bkwvb2u2] h3[data-astro-cid-bkwvb2u2]{margin-bottom:var(--space-2);color:var(--color-ink);font-size:.9375rem;font-weight:700}.start[data-astro-cid-bkwvb2u2] strong[data-astro-cid-bkwvb2u2]{color:var(--color-ink)}.steps[data-astro-cid-bkwvb2u2],.modes[data-astro-cid-bkwvb2u2]{gap:var(--space-1);display:grid}.steps[data-astro-cid-bkwvb2u2]{margin:0;padding-left:1.25rem}