@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;background:#f8f5ef;color:#111722}*{box-sizing:border-box}body{margin:0}.web-landing{--web-ink: #111722;--web-pearl: #f8f5ef;--web-paper: #eee8dc;--web-amber: #ffad2f;--web-magenta: #f73586;--web-cyan: #56d8f2;--web-slate: #56657b;--web-line: rgb(17 23 34 / 14%);--web-display: "Newsreader", Georgia, serif;--web-ui: "Instrument Sans Variable", "Instrument Sans", Arial, sans-serif;min-width:20rem;overflow:hidden;background:radial-gradient(circle at 88% 3%,rgb(86 216 242 / 19%),transparent 22rem),radial-gradient(circle at 0% 37%,rgb(247 53 134 / 10%),transparent 29rem),var(--web-pearl);color:var(--web-ink);font-family:var(--web-ui);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.web-landing a{color:inherit}.web-landing button{font:inherit}.web-landing img{display:block;max-width:100%}.web-site-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:14px clamp(20px,4vw,68px);border-bottom:1px solid var(--web-line);background:#f8f5efe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.web-wordmark{display:inline-grid;color:var(--web-ink);font-family:var(--web-display);font-size:1.6rem;font-weight:700;letter-spacing:-.045em;line-height:.85;text-decoration:none}.web-wordmark span{margin:8px 0 0 1px;color:var(--web-magenta);font-family:var(--web-ui);font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.web-site-nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,36px)}.web-site-nav a,.web-nav-app{border:0;color:var(--web-ink);background:transparent;font-size:.88rem;font-weight:600;text-decoration:none}.web-site-nav a:hover,.web-site-nav a:focus-visible,.web-nav-app:hover,.web-nav-app:focus-visible,.web-inline-action:hover,.web-inline-action:focus-visible{color:var(--web-magenta)}.web-nav-app{padding:10px 16px;border-radius:999px;background:var(--web-ink);color:var(--web-pearl);cursor:pointer}.web-nav-app:hover,.web-nav-app:focus-visible{background:var(--web-magenta);color:#fff}.web-nav-toggle{display:none}.web-hero{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(48px,7vw,140px);align-items:center;min-height:calc(100svh - 72px);max-width:1660px;margin:0 auto;padding:clamp(54px,8vw,142px) clamp(20px,4vw,68px) clamp(72px,8vw,134px)}.web-kicker,.web-section-index{margin:0 0 16px;color:var(--web-magenta);font-size:.68rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.web-landing h1,.web-landing h2,.web-landing h3{margin:0;font-family:var(--web-display);font-weight:600;letter-spacing:-.052em}.web-hero h1{max-width:10ch;font-size:clamp(4.2rem,8.5vw,8rem);line-height:.86}.web-hero h1 em{color:var(--web-magenta);font-style:normal}.web-lede{max-width:35rem;margin:30px 0 0;color:#425067;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.58}.web-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:35px}.web-actions button,.web-actions a,.web-download-action a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 19px;border:0;border-radius:999px;font-size:.88rem;font-weight:700;text-align:center;text-decoration:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.web-actions button,.web-download-action a{background:var(--web-magenta);color:#fff;box-shadow:0 12px 26px #f735863d;cursor:pointer}.web-actions a.web-actions__download{padding:13px 19px;color:#fff;background:var(--web-magenta);box-shadow:0 12px 26px #f735863d;text-decoration:none}.web-actions button.web-actions__browser{border:1px solid rgb(17 23 34 / 18%);color:var(--web-ink);background:#ffffffb8;box-shadow:none}.web-actions button:hover,.web-actions button:focus-visible,.web-actions a.web-actions__download:hover,.web-actions a.web-actions__download:focus-visible,.web-download-action a:hover,.web-download-action a:focus-visible{transform:translateY(-2px);background:#df1d70;box-shadow:0 16px 34px #f7358652}.web-actions button.web-actions__browser:hover,.web-actions button.web-actions__browser:focus-visible{color:var(--web-magenta);background:#fff;box-shadow:0 12px 24px #1117221a}.web-actions a{padding-left:2px;color:var(--web-ink);text-decoration:underline;text-decoration-color:var(--web-cyan);text-decoration-thickness:2px;text-underline-offset:6px}.web-actions a:hover,.web-actions a:focus-visible{transform:translateY(-2px)}.web-fineprint{max-width:36rem;margin:22px 0 0;color:var(--web-slate);font-size:.77rem}.web-media-frame{margin:0;overflow:hidden;border:1px solid rgb(17 23 34 / 16%);border-radius:18px;background:var(--web-ink);box-shadow:0 31px 70px -35px #11172285}.web-media-frame figcaption{padding:10px 14px;background:var(--web-ink);color:#f8f5efbf;font-size:.72rem}.web-hero-capture{transform:rotate(1.4deg)}.web-hero-capture img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:center top}.web-intro-band{display:grid;grid-template-columns:minmax(140px,.42fr) minmax(0,1.58fr);gap:30px;max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,68px) clamp(92px,10vw,170px)}.web-intro-band div{max-width:920px}.web-intro-band h2,.web-section-heading h2,.web-journey-copy h2,.web-coach-copy h2,.web-platform-section h2,.web-download-copy h2,.web-faq-section h2{font-size:clamp(2.65rem,5vw,5.35rem);line-height:.94}.web-intro-band div p,.web-section-heading>p:last-child,.web-journey-copy>p:not(.web-section-index),.web-coach-copy>p:not(.web-section-index),.web-download-copy>p:not(.web-section-index){max-width:50rem;margin:25px 0 0;color:#425067;font-size:1.1rem}.web-practice-section{padding:clamp(72px,8vw,140px) clamp(20px,4vw,68px);background:var(--web-ink);color:var(--web-pearl)}.web-practice-section .web-section-heading{max-width:1320px;margin:0 auto clamp(40px,5vw,76px)}.web-practice-section .web-section-index,.web-download-section .web-section-index{color:var(--web-amber)}.web-practice-section .web-section-heading>p:last-child{color:#c1cad8}.web-practice-capture{max-width:1580px;margin:0 auto;border-color:#f8f5ef38;border-radius:15px;box-shadow:0 32px 70px -34px #56d8f27f}.web-practice-capture img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:center}.web-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1320px;margin:clamp(48px,7vw,110px) auto 0;border-top:1px solid rgb(248 245 239 / 24%)}.web-sequence article{padding:29px 32px 0 0}.web-sequence article+article{padding-left:32px;border-left:1px solid rgb(248 245 239 / 24%)}.web-sequence span{color:var(--web-cyan);font-size:.78rem;font-weight:700;letter-spacing:.16em}.web-sequence h3{margin-top:15px;font-size:clamp(1.55rem,2.1vw,2.15rem);line-height:1.05}.web-sequence p{margin:15px 0 0;color:#c1cad8;font-size:.93rem}.web-journey-section,.web-coach-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(42px,8vw,160px);align-items:center;max-width:1660px;margin:0 auto;padding:clamp(90px,11vw,190px) clamp(20px,4vw,68px)}.web-journey-copy{max-width:37rem}.web-inline-action{margin-top:30px;padding:0;border:0;color:var(--web-magenta);background:transparent;font-size:.9rem;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px;cursor:pointer}.web-journey-capture{transform:rotate(-1deg)}.web-journey-capture img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:center top}.web-coach-section{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);padding-top:0}.web-coach-copy{max-width:34rem}.web-coach-capture{border-radius:16px}.web-coach-capture img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:left top}.web-landing details{border-top:1px solid var(--web-line)}.web-coach-copy details{margin-top:37px}.web-landing summary{padding:17px 0;font-weight:700;cursor:pointer}.web-landing summary:hover{color:var(--web-magenta)}.web-landing details p{margin:0 0 18px;color:#425067;font-size:.9rem}.web-platform-section{padding:clamp(82px,10vw,165px) clamp(20px,4vw,68px);background:linear-gradient(124deg,#fff3eb,#f8f5ef 48%,#e9faff);text-align:center}.web-platform-section h2{max-width:880px;margin:0 auto}.web-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,5vw,80px);max-width:1160px;margin:56px auto 0;text-align:left}.web-platform-grid p{margin:0;color:#425067}.web-platform-grid strong{display:block;margin-bottom:7px;color:var(--web-ink);font-family:var(--web-display);font-size:1.58rem;letter-spacing:-.025em}.web-platform-note{max-width:650px;margin:45px auto 0;color:var(--web-slate);font-size:.88rem}.web-download-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(38px,9vw,160px);align-items:end;padding:clamp(82px,10vw,175px) clamp(20px,7vw,150px);background:var(--web-ink);color:var(--web-pearl)}.web-download-copy>p:not(.web-section-index){color:#c1cad8}.web-download-action{padding-bottom:7px}.web-download-action a{width:100%;min-height:62px;padding:18px;border-radius:15px}.web-download-action p{margin:14px 0 0;color:#c1cad8;font-size:.78rem;text-align:center}.web-faq-section{max-width:1120px;margin:0 auto;padding:clamp(82px,11vw,170px) clamp(20px,4vw,68px)}.web-faq-list{margin-top:50px;border-bottom:1px solid var(--web-line)}.web-faq-list details{font-size:1.06rem}.web-faq-list summary{padding:20px 0}.web-site-footer{display:grid;grid-template-columns:.8fr 1.2fr auto;gap:32px;align-items:center;padding:38px clamp(20px,4vw,68px);border-top:1px solid var(--web-line)}.web-site-footer p{margin:0;color:var(--web-slate);font-size:.85rem}.web-site-footer button{padding:0;border:0;color:var(--web-magenta);background:transparent;font-size:.84rem;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;cursor:pointer}html[data-platform=web] [data-testid=import-song-trigger],html[data-platform=web] [data-testid=my-music-trigger],html[data-platform=web] [data-testid=song-search-input],html[data-platform=web] [data-testid=mode-online],html[data-platform=web] [data-testid=auto-chart-local-file],html[data-platform=web] [data-testid=rescan-folder],html[data-platform=web] .ant-modal :has([data-testid=auto-chart-remote-endpoint]){display:none}@media(max-width:900px){.web-hero,.web-journey-section,.web-coach-section,.web-download-section{grid-template-columns:1fr}.web-hero{min-height:auto;padding-top:74px}.web-hero-copy{max-width:650px}.web-hero h1{max-width:11ch}.web-hero-capture{max-width:760px}.web-intro-band{grid-template-columns:1fr}.web-journey-section{gap:55px}.web-journey-capture{order:2}.web-coach-section{gap:50px}.web-download-section{gap:42px}.web-platform-grid{gap:35px}}@media(max-width:680px){.web-site-header{min-height:65px}.web-nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:7px 12px;border:1px solid var(--web-line);border-radius:999px;background:transparent;color:var(--web-ink);font-size:.78rem;font-weight:700}.web-site-nav{position:absolute;top:calc(100% + 1px);right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 20px;border-bottom:1px solid var(--web-line);background:var(--web-pearl)}.web-site-nav[data-open=true]{display:flex}.web-site-nav a{padding:13px 0}.web-nav-app{margin-top:8px;padding:12px 16px;text-align:center}.web-hero{gap:42px;padding-top:58px}.web-hero h1{font-size:clamp(3.45rem,17vw,5.35rem)}.web-lede{margin-top:23px;font-size:1rem}.web-actions{align-items:flex-start;margin-top:28px}.web-media-frame{border-radius:13px}.web-hero-capture,.web-journey-capture{transform:none}.web-intro-band{padding-bottom:84px}.web-intro-band h2,.web-section-heading h2,.web-journey-copy h2,.web-coach-copy h2,.web-platform-section h2,.web-download-copy h2,.web-faq-section h2{font-size:clamp(2.5rem,13.5vw,4rem)}.web-sequence,.web-platform-grid{grid-template-columns:1fr}.web-sequence article,.web-sequence article+article{padding:24px 0 0;border-left:0}.web-sequence article+article{margin-top:24px;border-top:1px solid rgb(248 245 239 / 24%)}.web-journey-section,.web-coach-section{padding-top:86px;padding-bottom:86px}.web-coach-section{padding-top:0}.web-platform-section{text-align:left}.web-platform-section h2,.web-platform-note{margin-left:0}.web-site-footer{grid-template-columns:1fr;gap:20px}}@media(prefers-reduced-motion:reduce){.web-landing *,.web-landing *:before,.web-landing *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.web-hero-capture,.web-journey-capture{transform:none}}
