.showcase[data-v-7957b41f]{width:100%;max-width:860px;margin:12px 0 8px}.showcase .eyebrow[data-v-7957b41f]{color:#93a8bf;text-transform:uppercase;letter-spacing:.05em;margin:0 0 2px;font-size:.8rem;font-weight:700}.showcase h2[data-v-7957b41f]{color:#f3f7fb;margin:0 0 12px;font-size:calc(clamp(1.1rem,3vw,1.4rem));font-weight:700}.showcase .sheet[data-v-7957b41f]{text-align:left;background-color:#fbfaf5;border-radius:10px;flex-direction:column;justify-content:center;min-height:190px;display:flex}@media (width<=760px){.showcase .sheet[data-v-7957b41f]{min-height:260px}}@media (width<=576px){.showcase .sheet[data-v-7957b41f]{min-height:330px}}.showcase .sheet[data-v-7957b41f] .score{min-height:0}.showcase .unavailable[data-v-7957b41f]{color:#16202b;text-align:center;margin:0;padding:0 16px;font-size:.9rem}.showcase .actions[data-v-7957b41f]{margin-top:14px}.showcase .band[data-v-7957b41f]{color:#f7a433;margin:8px 0 0;font-size:.9rem;font-weight:600}.showcase .band.off[data-v-7957b41f]{visibility:hidden}body{overflow-x:clip}.home{width:100%;max-width:1000px;margin:0 auto;padding:0 16px}.home section{scroll-margin-top:var(--header-h);padding-top:56px}.home h2{color:#f3f7fb;font-family:Unbounded Variable,Montserrat,sans-serif;font-size:calc(clamp(1.15rem,3.2vw,1.5rem));font-weight:700;line-height:1.25}.home #home{text-align:center;flex-direction:column;align-items:center;display:flex}.home .demo-btn{color:#f7a433;border:1px solid #f7a433;border-radius:16px;max-width:400px;margin-bottom:30px;padding:10px 20px;font-weight:700}.home .demo-btn:hover{background-color:#f7a4331f;text-decoration:none}.home .staff{justify-content:center;width:100%;margin-bottom:18px;display:flex;position:relative}.home .staff:before{content:"";background:repeating-linear-gradient(#dbe6f133 0 1px,#0000 0 16px);width:100vw;height:65px;position:absolute;top:50%;left:calc(50% - 50vw);transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.home .logo-top{border-radius:14px;width:96px;position:relative;box-shadow:0 10px 30px #00000059}@media (width<=576px){.home .logo-top{width:76px}}.home .main-title{letter-spacing:-.02em;color:#f3f7fb;margin-bottom:20px;font-family:Unbounded Variable,Montserrat,sans-serif;font-size:calc(clamp(1.75rem,5.2vw,3.3rem));font-weight:900;line-height:1.1}.home .main-text{max-width:760px;color:inherit;margin:0 0 1rem;font-family:inherit;font-size:calc(clamp(1.1rem,2.4vw,1.45rem));font-weight:500;line-height:1.5}.home .main-text .em{color:#f7a433;font-weight:700}.home .main-text .type{color:var(--type);font-weight:800}.home .stats{width:100%;max-width:860px;margin:36px 0 20px}.home .stats h2{color:#93a8bf;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-family:inherit;font-size:.85rem;font-weight:700}.home .stats .total{border-bottom:1px solid #dbe6f129;flex-direction:column;margin:0 0 18px;padding-bottom:18px;display:flex}.home .stats .total strong{letter-spacing:-.03em;color:#0000;background:linear-gradient(#ffc56e,#f7a433 70%);-webkit-background-clip:text;background-clip:text;font-size:calc(clamp(2.5rem,11vw,6.4rem));font-weight:900;line-height:1}.home .stats .total span{font-size:calc(clamp(1rem,2.6vw,1.3rem))}.home .stats ul{grid-template-columns:repeat(4,1fr);gap:14px 20px;margin:0;padding:0;list-style:none;display:grid}@media (width<=700px){.home .stats ul{grid-template-columns:repeat(2,1fr);gap:18px 12px}}.home .stats li{flex-direction:column;display:flex}.home .stats strong{font-variant-numeric:tabular-nums;color:#f7a433;font-family:Unbounded Variable,Montserrat,sans-serif;font-size:calc(clamp(1.05rem,4.2vw,1.75rem));font-weight:800;line-height:1.1}.home .stats span{margin-top:4px;font-size:calc(clamp(.8rem,2.2vw,1rem));font-weight:600}.home .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.home .offer{color:#93a8bf;margin:12px 0 0;font-size:.95rem}.home .device-note{text-align:left;background-color:#f7a4331a;border:1px solid #f7a4338c;border-radius:16px;align-items:center;gap:16px;width:fit-content;max-width:100%;margin:26px auto 0;padding:14px 22px 14px 18px;display:flex}.home .device-note svg{fill:none;stroke:#f7a433;stroke-width:1.5px;stroke-linecap:round;flex-shrink:0;width:44px;height:44px}.home .device-note span{flex-direction:column;gap:3px;display:flex}.home .device-note strong{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.3}.home .device-note small{color:#93a8bf;font-size:.9rem}.home .tour-title{text-align:center;margin-bottom:20px}.home .tour{grid-template-rows:repeat(7,min-content) 1fr;grid-template-columns:250px minmax(0,1fr);align-items:start;gap:8px 24px;display:grid}@media (width<=860px){.home .tour{display:block}}.home .tour-item{display:contents}@media (width<=860px){.home .tour-item{scroll-margin-top:calc(8px + var(--header-h));margin-bottom:8px;display:block}.home .tour-caret{transform:rotate(90deg)}.home .tour-item.open .tour-caret{transform:rotate(-90deg)}}.home .tour-tab{--tour:#f7a433;border:1px solid #dbe6f129;border-left:4px solid var(--tour);color:#dbe6f1;width:100%;min-height:56px;font:inherit;text-align:left;cursor:pointer;background-color:#18314d;border-radius:12px;grid-column:1;align-items:center;gap:12px;padding:10px 14px;transition:background-color .15s,border-color .15s;display:flex}.home .tour-tab:hover{border-color:var(--tour)}.home .tour-tab--standard{--tour:#3cc8d8}.home .tour-tab--scale{--tour:#5aa9ff}.home .tour-tab--progression{--tour:#a98bff}.home .tour-tab--offline{--tour:#93a8bf}.home .tour-item.open .tour-tab{border-color:var(--tour);background-color:color-mix(in srgb,var(--tour) 16%,#18314d)}.home .tour-dot{background-color:var(--tour);border-radius:50%;flex:none;width:10px;height:10px}.home .tour-names{flex-direction:column;gap:2px;min-width:0;display:flex}.home .tour-names strong{font-weight:700;line-height:1.25}.home .tour-names small{color:#93a8bf;font-size:.8rem;line-height:1.3}.home .tour-caret{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.6;flex:none;width:14px;height:14px;margin-left:auto;transition:transform .15s}.home .tour-item.open .tour-caret{opacity:1;color:var(--tour)}.home .tour-fade-enter-active{transition:opacity .32s,transform .32s}.home .tour-fade-leave-active{pointer-events:none;transition:opacity .18s}.home .tour-fade-enter-from{opacity:0;transform:translateY(8px)}.home .tour-fade-leave-to{opacity:0}@media (width<=860px){.home .tour-fade-leave-active{transition:none}.home .tour-panel{margin-top:8px}}@media (prefers-reduced-motion:reduce){.home .tour-fade-enter-active,.home .tour-fade-leave-active{transition:none}}.home .tour-panel{grid-area:1/2/-1}.home .tour-panel.tour-panel{padding-top:0}.home .tour-panel>.offline,.home .tour-panel>.paths,.home .tour-panel>.standards,.home .tour-panel>.tab{grid-template-columns:1fr}.home .paths{background-color:#18314d;border:1px solid #f7a4338c;border-left:6px solid #f7a433;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:28px 36px;padding:28px;display:grid}@media (width<=760px){.home .paths{grid-template-columns:1fr;padding:22px 18px}}.home .paths h2{margin-bottom:12px;font-size:calc(clamp(1.3rem,3.6vw,1.8rem));font-weight:800}.home .paths .paths-text p{margin:0}.home .paths .paths-text p.pro{color:#93a8bf;margin-top:14px;font-size:.9rem}.home .paths .actions{justify-content:flex-start;margin-top:20px}.home .paths .count{align-items:baseline;gap:10px;margin:0 0 14px;display:flex}.home .paths .count strong{color:#f7a433;letter-spacing:-.02em;font-family:Unbounded Variable,Montserrat,sans-serif;font-size:calc(clamp(2.4rem,7vw,3.6rem));font-weight:900;line-height:1}.home .paths .count span{font-weight:600}.home .paths ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home .paths li{background-color:#0f2135;border:1px solid #dbe6f129;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.home .paths .step{color:#f7a433;background-color:#f7a43329;border:1px solid #f7a433;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.home .paths h3{margin:0 0 2px;font-size:1rem;font-weight:800}.home .paths h3 small{color:#93a8bf;margin-left:6px;font-size:.8rem;font-weight:600}.home .paths li p{margin:0;font-size:.9rem}.home .offline{background-color:#18314d;border:1px solid #dbe6f129;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px 28px;padding:28px;display:grid}.home .offline .offline-icon{fill:none;stroke:#f7a433;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:64px;height:64px}@media (width<=760px){.home .offline{grid-template-columns:1fr;padding:22px 18px}.home .offline .offline-icon{width:48px;height:48px}}.home .offline h2{margin-bottom:12px}.home .offline p{margin:0}.home .offline ul{gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.home .offline li{padding-left:26px;position:relative}.home .offline li:before{content:"✓";color:#f7a433;font-weight:800;position:absolute;left:0}.home .offline .install{color:#93a8bf;font-size:.9rem}.home .tab.ireal{border-color:#3cc8d88c #3cc8d88c #3cc8d88c #3cc8d8}.home .tab.ireal h3{margin:18px 0 6px;font-size:1.1rem;font-weight:800}.home .tab.ireal .ireal-steps{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.home .tab.ireal .ireal-steps li{align-items:flex-start;gap:10px;font-size:.95rem;display:flex}.home .tab.ireal .ireal-steps span{color:#0f2135;background-color:#3cc8d8;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:grid}.home .tab.ireal .modes-label{margin:0 0 8px}.home .tab.ireal .ireal-chart{background-color:#fbfaf5;border-radius:12px;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.home .tab.ireal .ireal-chart li{color:#1b2a3a;text-align:center;border-left:2px solid #1b2a3a;padding:18px 6px;font-size:calc(clamp(1rem,2.6vw,1.35rem));font-weight:800}.home .tab.ireal .ireal-chart li:first-child{border-left:0}.home .tab.ireal .ireal-arrow{color:#3cc8d8;text-align:center;margin:6px 0;font-size:1.6rem;font-weight:800;line-height:1}.home .tab.ireal .walk-sheet,.home .tab.walk .walk-sheet{background-color:#fbfaf5;border-radius:12px;min-height:110px;padding:10px 8px 4px;overflow:hidden}.home .tab.ireal .ireal-disclaimer{color:#93a8bf;margin:10px 0 0;font-size:.75rem}.home .tab.walk{border-color:#a98bff8c #a98bff8c #a98bff8c #a98bff}.home .tab.walk .walk-levels{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.home .tab.walk .walk-levels li{background-color:#a98bff24;border:1px solid #a98bff;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 6px;font-size:.9rem;font-weight:700;display:flex}.home .tab.walk .walk-levels span{color:#0f2135;background-color:#a98bff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:grid}.home .tab{background-color:#18314d;border:1px solid #5aa9ff8c;border-left:6px solid #5aa9ff;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:28px 36px;padding:28px;display:grid}@media (width<=760px){.home .tab{grid-template-columns:1fr;padding:22px 18px}}.home .tab h2{margin-bottom:12px;font-size:calc(clamp(1.3rem,3.6vw,1.8rem));font-weight:800}.home .tab .tab-text p{margin:0}.home .tab .tab-text p.pro{color:#93a8bf;margin-top:14px;font-size:.9rem}.home .tab .instruments{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.home .tab .instruments li{background-color:#5aa9ff24;border:1px solid #5aa9ff;border-radius:999px;padding:5px 14px;font-size:.9rem;font-weight:700}.home .tab .actions{justify-content:flex-start;margin-top:20px}.home .tab .tab-staff{background-color:#fbfaf5;border-radius:12px;width:100%;height:auto;padding:6px 8px;display:block}.home .tab .tab-staff line{stroke:#1b2a3a;stroke-width:1px}.home .tab .tab-staff line.bar{stroke-width:2px}.home .tab .tab-staff rect{fill:#fbfaf5}.home .tab .tab-staff text{fill:#1b2a3a;font-weight:700}.home .tab .tab-staff .clef{text-anchor:middle;font-size:19px;font-weight:800}.home .tab .tab-staff .fret{text-anchor:middle;font-size:14px}.home .tab .tab-staff .position{text-anchor:middle;font-size:13px;font-weight:800}.home .tab .modes-label{color:#93a8bf;text-transform:uppercase;letter-spacing:.04em;margin:16px 0 8px;font-size:.8rem;font-weight:700}.home .tab .modes{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home .tab .modes li{background-color:#0f2135;border:1px solid #dbe6f129;border-radius:12px;padding:12px 14px}.home .tab .modes h3{margin:0 0 2px;font-size:1rem;font-weight:800}.home .tab .modes h3 small{color:#0f2135;vertical-align:middle;background-color:#f7a433;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:.68rem;font-weight:800}.home .tab .modes p{margin:0;font-size:.9rem}.home .standards{background-color:#18314d;border:1px solid #3cc8d88c;border-left:6px solid #3cc8d8;border-radius:16px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:28px 36px;padding:28px;display:grid}@media (width<=760px){.home .standards{grid-template-columns:1fr;padding:22px 18px}}.home .standards h2{margin-bottom:12px;font-size:calc(clamp(1.3rem,3.6vw,1.8rem));font-weight:800}.home .standards .standards-text p{margin:0}.home .standards .standards-text p.transpose{background-color:#3cc8d81a;border-left:3px solid #3cc8d8;border-radius:0 10px 10px 0;gap:10px;margin-top:14px;padding:10px 14px;font-weight:600;display:flex}.home .standards .standards-text p.transpose span{color:#3cc8d8;font-weight:800}.home .standards .actions{justify-content:flex-start;margin-top:20px}.home .standards .count{align-items:baseline;gap:10px;margin:0 0 14px;display:flex}.home .standards .count strong{color:#3cc8d8;letter-spacing:-.02em;font-family:Unbounded Variable,Montserrat,sans-serif;font-size:calc(clamp(2.4rem,7vw,3.6rem));font-weight:900;line-height:1}.home .standards .count span{font-weight:600}.home .standards .examples-label{color:#93a8bf;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:.8rem;font-weight:700}.home .standards ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.home .standards li{border:1px solid #dbe6f129;border-radius:999px;padding:4px 12px;font-size:.9rem;font-weight:600}.home .standards li.more{color:#93a8bf;border-color:#0000}.home #why{clip-path:inset(0 -100vmax);color:#16202b;background-color:#fbfaf5;margin-top:64px;padding-bottom:64px;box-shadow:0 0 0 100vmax #fbfaf5}.home #why h2{color:#16202b;margin-bottom:24px}.home .compare{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width<=760px){.home .compare{grid-template-columns:1fr}}.home .compare li{border:1px solid #16202b29;border-radius:16px;padding:22px}.home .compare li.best{color:#dbe6f1;background-color:#0b1929;border-color:#0b1929;box-shadow:0 14px 34px #16202b47}.home .compare .tag{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:6px;margin:0 0 12px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.home .compare .tag:before{font-size:.9rem;line-height:1}.home .compare .old{border-style:dashed}.home .compare .old .tag{color:#16202b99;background-color:#16202b14}.home .compare .old .tag:before{content:"✕"}.home .compare .best .tag{color:#0b1929;background-color:#f7a433}.home .compare .best .tag:before{content:"✓"}.home .compare h3{color:#16202b9e;margin:0 0 8px;font-size:1.1rem;font-weight:700}.home .compare .best h3{color:#f7a433;font-family:Unbounded Variable,Montserrat,sans-serif;font-size:1.3rem;font-weight:800}.home .compare p{margin:0;font-size:.95rem}.home .compare li:not(.best) p{color:#16202bb8}.home #features h2{margin-bottom:24px}.home .features{counter-reset:feature;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.home .features li{counter-increment:feature;background-color:#18314d;border-radius:16px;padding:20px;transition:transform .15s}.home .features li:hover{transform:translateY(-2px)}.home .features li:before{content:counter(feature,decimal-leading-zero);color:#dbe6f159;margin-bottom:10px;font-family:Unbounded Variable,Montserrat,sans-serif;font-size:.85rem;font-weight:700;display:block}.home .features h3{color:#f7a433;margin:0 0 6px;font-size:1.05rem;font-weight:700}.home .features p{margin:0;font-size:.9rem}.home .author{background-color:#18314d;border-radius:16px;overflow:hidden}.home .author img{aspect-ratio:21/9;-o-object-fit:cover;object-fit:cover;-o-object-position:62% center;object-position:62% center;width:100%;height:auto;display:block}.home .author>div{max-width:820px;margin:0 auto;padding:32px 28px 36px}@media (width<=700px){.home .author img{aspect-ratio:4/3}.home .author>div{padding:24px 20px 28px}}.home .author h2{margin-bottom:18px}.home .author p{margin-bottom:14px}.home .author .brand{color:#f7a433;font-weight:700}.home .author .closing{margin-top:22px;font-weight:700}.home .author .social-label{color:#93a8bf;letter-spacing:.08em;text-transform:uppercase;margin:28px 0 10px;font-size:.8rem;font-weight:700}.home .author .social{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home .author .social a{color:#dbe6f1;border:1px solid #dbe6f129;border-radius:50%;place-items:center;width:46px;height:46px;transition:color .15s,border-color .15s,background-color .15s;display:grid}.home .author .social a:focus-visible,.home .author .social a:hover{border-color:var(--brand);background-color:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand)}.home .author .social svg{fill:currentColor;width:20px;height:20px}.home .author .social .social--youtube{--brand:#f03}.home .author .social .social--spotify{--brand:#1ed760}.home .author .social .social--instagram{--brand:#ff4f8b}.home .author .social .social--facebook{--brand:#4c8dff}.home .author .social .social--linkedin{--brand:#3d9be9}.home .author .signature{color:#f7a433;margin-bottom:22px;font-family:Unbounded Variable,Montserrat,sans-serif;font-size:1.15rem;font-weight:700}.home .gift-pill{border:2px solid var(--accent,#f7a433);border-radius:999px;margin:6px auto 14px;padding:8px 18px;font-weight:700;text-decoration:none;transition:background-color .15s;display:inline-block}.home .gift-pill:hover{background:#f7a43326}.home #gift{border:2px dashed var(--accent,#f7a433);text-align:center;border-radius:16px;max-width:680px;margin:64px auto 0;padding:32px 24px}.home #gift .gift-emoji{margin:0;font-size:2.6rem;line-height:1}.home #gift h2{margin:10px 0 12px;font-size:calc(clamp(1.4rem,4vw,2rem));font-weight:800}.home #gift p{margin:0 auto;font-size:1.05rem}.home #gift .actions{margin-top:22px}.home #start{clip-path:inset(0 -100vmax);text-align:center;background-color:#0b1929;margin-top:64px;padding-bottom:72px;position:relative;box-shadow:0 0 0 100vmax #0b1929}.home #start h2{margin-bottom:12px;font-size:calc(clamp(1.5rem,4.6vw,2.4rem));font-weight:800}.home #start p{max-width:620px;margin:0 auto;font-size:1.05rem}.home #start .actions{margin-top:24px}