@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/static/Quicksand-C9TeKmec.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:100 700;font-display:swap;src:url(/static/IBMPlexSans-BD64o3ke.woff2)format("woff2")}@font-face{font-family:Noto Music;font-style:normal;font-weight:400;font-display:swap;src:url(/static/NotoMusic-BxXmZETI.woff2)format("woff2");unicode-range:U+2669-266F,U+1D100-1D126,U+1D129-1D1EA}:root{--display:"Quicksand", "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;--sans:"IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;--music:"Noto Music", serif;--text-xs:.8125rem;--text-sm:.875rem;--text-nav:.9375rem;--text-base:1.0625rem;--text-lg:1.25rem;--h1:clamp(2.75rem, 1.6rem + 3.9vw, 4.625rem);--h2:clamp(2rem, 1.35rem + 2.3vw, 3.25rem);--h3:clamp(1.375rem, 1.1rem + .9vw, 1.875rem);--tracking-tight:-.02em;--tracking-kicker:.24em;--radius-xs:6px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:7.5rem;--page-max:80rem;--gutter:1rem;--measure:62ch;--header-h:4rem;--tap:2.75rem;--ease:cubic-bezier(.525, 0, 0, 1);--shadow-soft:0 2px 10px #00000014;--shadow-card:0 18px 40px #0000001f;--shadow-overlay:0 8px 30px #00000047;--shadow-float:0 30px 70px #00000073;--plate:#202024;--plate-rgb:32, 32, 36;--plate-ink:#f2f2f8;--plate-soft:#d4d4e6;--plate-line:#f2f2f829;--plate-fill:#f2f2f814;--plate-accent:#d5d5ef;--score-paper:#f4f4f8;--score-sunken:#e6e6f0;--score-ink:#202024;--score-soft:#5d5d70;--score-playing:#5b5bd1;--score-check:#cf0a6f;--score-hover:#de6aa6;--photo-paper:#efe9dc;--photo-ink:#34322d;--photo-soft:#6b665a;--beam:#8f8ff5;--beam-glow:#8f8ff599}:root,.off-plate{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#202024;--paper-raised:#2a2a30;--paper-sunken:#17171b;--lavender:#2f2f44;--ink:#d5d5ef;--ink-soft:#9b9bb4;--line:#d5d5ef2e;--line-strong:#d5d5ef6b;--action:#d5d5ef;--action-hover:#f2f2f8;--on-action:#202024;--check:#f361a7;--check-ink:#202024;--check-ring:#f361a74d;--paper-muted:#2a2a30;--inverse:#151518;--takt:#d5d5ef6b}:root[data-theme=light],:root[data-theme=light] .off-plate{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#eeeef6;--paper-raised:#f7f7fc;--paper-sunken:#e4e4f0;--paper-muted:#e4e4f0;--inverse:#202024;--takt:#202024d9;--check-ring:#cf0a6f38;--lavender:#d5d5ef;--ink:#202024;--ink-soft:#59596c;--line:#20202429;--line-strong:#20202461;--action:#202024;--action-hover:#000;--on-action:#f2f2f8;--check:#cf0a6f;--check-ink:#fff;--shadow-card:0 18px 40px #2020241f}.plate,.on-plate{--ink:var(--plate-ink);--ink-soft:var(--plate-soft);--line:var(--plate-line);--line-strong:#f2f2f880;--action:var(--plate-ink);--action-hover:#fff;--on-action:var(--plate);--check:#f361a7;--check-ink:#202024}@media (min-width:720px){:root{--gutter:2rem}}@media (min-width:960px){:root{--gutter:3rem;--header-h:5.25rem}}@media (min-width:1200px){:root{--gutter:5rem}}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}select option,select optgroup{background-color:var(--paper-raised);color:var(--ink)}.wrap{max-width:calc(var(--page-max) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}header.site{z-index:40;height:var(--header-h);background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);--menu-bg:var(--paper);position:sticky;top:0}header.site.on-plate{--menu-bg:var(--plate);background:0 0}header.site.on-plate:before{content:"";z-index:-1;background:rgba(var(--plate-rgb), .86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;top:0;bottom:0;left:0;right:0}header.site.on-plate[data-scroll-ready]:before{transition:opacity .25s}header.site.on-plate[data-at-top]:before{opacity:0}:root[data-theme=light] header.site.on-plate:not([data-at-top]){--ink:inherit;--ink-soft:inherit;--line:inherit;--line-strong:inherit;--action:inherit;--action-hover:inherit;--on-action:inherit;--menu-bg:var(--paper);background:var(--paper)}:root[data-theme=light] header.site.on-plate:not([data-at-top]):before{opacity:0}header.site.on-plate~main>.plate:first-child{margin-top:calc(-1 * var(--header-h));padding-top:calc(var(--header-h) + 6rem)}.header-bar{align-items:center;gap:var(--space-5);height:100%;max-width:calc(var(--page-max) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.brand-mark{flex-shrink:0;display:block}.brand-name{font-family:var(--display);letter-spacing:-.01em;font-size:1.3125rem;font-weight:600;line-height:1}.brand-text{flex-direction:column;gap:3px;display:flex}.brand small{color:var(--ink-soft);font-size:var(--text-xs);line-height:1.2}nav.site{font-size:var(--text-nav);align-items:center;gap:max(1.25rem,min(2.4vw,2.125rem));display:flex}nav.site a{color:var(--ink-soft);white-space:nowrap;text-decoration:none}nav.site a:hover{color:var(--ink)}nav.site a:not(.header-cta){position:relative}nav.site a:not(.header-cta):after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .45s var(--ease);background:currentColor;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}nav.site a:not(.header-cta):hover:after{transform-origin:0;transform:scale(1)}nav.site a:not(.header-cta):focus-visible:after{transform-origin:0;transform:scale(1)}nav.site a.header-cta{border-radius:var(--radius-pill);background:var(--action);height:2.625rem;color:var(--on-action);align-items:center;padding:0 1.25rem;font-weight:600;transition:background-color .15s,transform .15s;display:inline-flex}nav.site a.header-cta:hover{background:var(--action-hover);color:var(--on-action);transform:translateY(-1px)}.header-tools{align-items:center;gap:var(--space-2);display:flex}.header-account{height:var(--tap);border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--ink);font-size:var(--text-nav);white-space:nowrap;align-items:center;padding:0 1rem;font-weight:500;text-decoration:none;transition:border-color .15s;display:inline-flex}.header-account:hover{border-color:var(--ink)}.header-account--member,:root[data-signed-in] .header-account--guest{display:none}:root[data-signed-in] .header-account--member{display:inline-flex}@media (max-width:479px){.header-bar{gap:var(--space-3)}.header-tools{gap:var(--space-1)}.header-account{font-size:var(--text-sm);padding:0 .8rem}}.theme-toggle{width:var(--tap);height:var(--tap);border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,border-color .15s;display:inline-flex}.theme-toggle:hover{border-color:var(--ink)}.theme-icon{display:block}.theme-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.theme-icon--moon,.theme-label--to-dark,:root[data-theme=light] .theme-icon--sun,:root[data-theme=light] .theme-label--to-light{display:none}:root[data-theme=light] .theme-icon--moon,:root[data-theme=light] .theme-label--to-dark{display:block}.menu-button{width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;display:none}.menu-button__line{width:18px;height:2px;transition:transform .45s var(--ease);background:currentColor;border-radius:1px;display:block}header.site[data-menu-status=open] .menu-button__line:first-child{transform:translateY(4px)rotate(135deg)}header.site[data-menu-status=open] .menu-button__line:nth-child(2){transform:translateY(-4px)rotate(-135deg)}@media (max-width:1179px){.menu-button{display:flex}.brand,.header-tools{z-index:60;position:relative}nav.site{z-index:50;background:var(--menu-bg);padding:calc(var(--header-h) + 1.5rem) var(--gutter) var(--space-6);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease, transform .45s var(--ease), visibility 0s linear .45s;flex-direction:column;align-items:stretch;gap:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(.75rem)}header.site[data-menu-status=open] nav.site{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease 50ms, transform .45s var(--ease) 50ms;transform:none}nav.site a{font-family:var(--display);color:var(--ink);border-bottom:1px solid var(--line);opacity:0;transition:opacity .3s ease, transform .45s var(--ease);padding:1rem 0;font-size:1.5rem;font-weight:600;transform:translateY(.6rem)}nav.site a:not(.header-cta):after{display:none}nav.site a.header-cta{height:3.5rem;margin-top:var(--space-6);font-family:var(--sans);font-size:var(--text-base);border-bottom:0;justify-content:center}nav.site a:first-child{transition-delay:.1s}nav.site a:nth-child(2){transition-delay:.16s}nav.site a:nth-child(3){transition-delay:.22s}nav.site a:nth-child(4){transition-delay:.28s}nav.site a:nth-child(5){transition-delay:.34s}nav.site a:nth-child(6){transition-delay:.4s}nav.site a:nth-child(n+7){transition-delay:.46s}header.site[data-menu-status=open] nav.site a{opacity:1;transform:none}header.site.on-plate[data-menu-status=open]:before{opacity:0}}@media (max-width:959px){header.site .brand-mark{width:20px;height:20px}header.site .brand-name{font-size:1.1875rem}header.site.on-plate[data-at-top]{border-bottom-color:#0000}}.btn{min-height:var(--tap);font:600 .98rem/1.2 var(--sans);border:1px solid var(--action);background:var(--action);color:var(--on-action);cursor:pointer;border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:.6em;padding:0 1.4rem;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--action-hover);border-color:var(--action-hover)}.btn.ghost{color:var(--ink);border-color:var(--line-strong);background:0 0;font-weight:500}.btn.ghost:hover{background:var(--action);color:var(--on-action);border-color:var(--action)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.small{min-height:2.25rem;padding:0 1.1rem;font-size:.9rem}.plate{isolation:isolate;text-align:center;color:var(--ink);background:var(--plate);border-top:0;padding:6rem 0 5rem;position:relative}.plate:before,.plate:after{content:"";z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0}.plate:before{background-image:-webkit-image-set(url(/static/hero-mid-DCp01JXj.webp) 1x,url(/static/hero-wide-DAEMP-47.webp) 2x);background-image:image-set("/static/hero-mid-DCp01JXj.webp" 1x,"/static/hero-wide-DAEMP-47.webp" 2x);background-position:74% 26%;background-size:cover;-webkit-mask-image:linear-gradient(#000 0% 62%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#0000 100%)}.plate:after{background:radial-gradient(115% 85% at 50% 42%, rgba(var(--plate-rgb), .18) 0%, rgba(var(--plate-rgb), .46) 62%, rgba(var(--plate-rgb), .72) 100%), linear-gradient(180deg, rgba(var(--plate-rgb), .62) 0%, rgba(var(--plate-rgb), .12) 34%, rgba(var(--plate-rgb), .55) 100%);-webkit-mask-image:linear-gradient(#000 0% 62%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#0000 100%)}.plate>*{position:relative}@media (max-width:720px){.plate:before{background-image:-webkit-image-set(url(/static/hero-portrait-D9NED1O4.webp) 1x);background-image:image-set("/static/hero-portrait-D9NED1O4.webp" 1x);background-position:62% 20%}}.plate .over{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft);font-size:.8rem}.plate h1{font-family:var(--display);letter-spacing:.01em;text-wrap:balance;margin-top:1.2rem;font-size:max(2.4rem,min(6vw,3.8rem));font-weight:600}.plate h1 .wordmark{width:min(76vw,26rem);height:auto;color:var(--ink);margin:.6rem auto 0;display:block}.plate .sub{color:var(--ink-soft);text-wrap:balance;max-width:44ch;margin:1.1rem auto 0}.rule{border:0;border-top:1px solid var(--line-strong);width:12rem;margin:1.6rem auto 0;position:relative}.rule:after{content:"";border-top:1px solid var(--line);position:absolute;top:3px;left:15%;right:15%}.plate .cta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.2rem;display:flex}section{border-top:1px solid var(--line);padding:4rem 0}.kicker{letter-spacing:var(--tracking-kicker);text-transform:uppercase;color:var(--ink-soft);margin-bottom:.8rem;font-size:.8rem}h2{font-family:var(--display);text-wrap:balance;font-size:max(1.6rem,min(3.2vw,2.15rem));font-weight:600}.lede{max-width:var(--measure);color:var(--ink-soft);margin-top:.8rem}.demo-box{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--paper-raised);text-align:center;margin-top:2.4rem;padding:2.2rem}.demo-box.dragover{border-color:var(--ink);background:var(--paper-sunken)}.demo-box p.hint{color:var(--ink-soft);margin-top:.5rem;font-size:.95rem}#idle{flex-wrap:wrap;justify-content:center;gap:.9rem 1rem;display:flex}#idle .hint{flex-basis:100%;margin-top:.2rem}.status{min-height:1.5em;margin-top:1rem;font-size:.98rem}.status.err{color:var(--check);font-weight:500}.procbtns{flex-wrap:wrap;gap:.9rem;margin-top:1.3rem;display:flex}footer.site{border-top:1px solid var(--line);color:var(--ink-soft);font-size:var(--text-sm)}.footer-inner{align-items:center;gap:var(--space-5);padding-top:2.5rem;padding-bottom:3rem;display:flex}.footer-inner .brand{margin-right:0}.footer-inner .brand,.footer-copy{white-space:nowrap;flex-shrink:0}.footer-nav{flex-wrap:wrap;justify-content:flex-end;gap:.5rem 1.625rem;margin-left:auto;display:flex}.footer-nav a{color:var(--ink-soft);text-decoration:none;position:relative}.footer-nav a:hover{color:var(--ink)}.footer-nav a:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .45s var(--ease);background:currentColor;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.footer-nav a:hover:after{transform-origin:0;transform:scale(1)}.footer-nav a:focus-visible:after{transform-origin:0;transform:scale(1)}@media (max-width:959px){.footer-inner{align-items:flex-start;gap:var(--space-4);flex-direction:column;padding-top:1.75rem;padding-bottom:2.5rem}.footer-inner .brand-mark{width:18px;height:18px}.footer-inner .brand-name{font-size:1.0625rem}.footer-nav{justify-content:flex-start;gap:.5rem 1.125rem;margin-left:0}.footer-copy{order:3}}@media (max-width:700px){.plate{padding:4rem 0 3.5rem}header.site.on-plate~main>.plate:first-child{padding-top:calc(var(--header-h) + 4rem)}section{padding:3rem 0}.demo-box{padding:1.5rem 1.1rem}.procbtns{justify-content:center}}#consent{z-index:80;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));background:var(--paper-raised);max-width:34rem;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);margin-left:auto;padding:1.1rem 1.2rem;font-size:.92rem;line-height:1.5;position:fixed}#consent p{color:var(--ink-soft)}#consent a{color:var(--ink)}.consent-btns{flex-wrap:wrap;gap:.7rem;margin-top:.9rem;display:flex}.consent-btns .btn{text-align:center;flex:auto}main.legal{max-width:var(--measure);padding:3rem var(--gutter) 5rem;box-sizing:content-box;margin:0 auto}main.legal h1{font-family:var(--display);margin-bottom:1.4rem;font-size:2rem;font-weight:500}main.legal h2{margin:2rem 0 .6rem;font-size:1.25rem}main.legal p{margin-top:.7rem}main.legal ul{margin-top:.7rem;padding-left:1.25rem}main.legal li+li{margin-top:.35rem}main.legal .todo{background:var(--paper-sunken);border-left:3px solid var(--check);margin-top:1rem;padding:.8rem 1rem}.site-notice{z-index:45;top:calc(var(--header-h) + .75rem);left:var(--gutter);right:var(--gutter);background:var(--paper-raised);max-width:34rem;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);align-items:center;gap:.75rem;margin:0 auto;padding:.8rem .6rem .8rem 1.2rem;font-size:.95rem;line-height:1.45;display:flex;position:fixed}.site-notice p{flex:1}.site-notice__close{width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex-shrink:0;font-size:1.4rem;line-height:1}.site-notice__close:hover{background:var(--paper-sunken);color:var(--ink)}