@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.2e115y8-hourl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_535a5955-module__y__mtW__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_535a5955-module__y__mtW__variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.0klc_mi0-5f4_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.2874ccu1_u7jf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.instrument_sans_9446c23f-module__o2p-gq__className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.instrument_sans_9446c23f-module__o2p-gq__variable{--font-body:"Instrument Sans", "Instrument Sans Fallback"}
:root{--background:#0b0b0d;--surface:#131316;--surface-soft:#17141f;--text:#f4f4f6;--text-muted:#a0a0ab;--text-subtle:#82828d;--purple:#a78bfa;--purple-light:#c4b0fc;--teal:#3fbfa6;--amber:#e3a44f}*,:before,:after{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{background:var(--background);min-width:320px;color:var(--text);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#a78bfa52}.pageShell{min-height:100vh;overflow-x:clip}.sectionWidth{width:100%;max-width:1208px;margin-inline:auto;padding-inline:24px}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skipLink{z-index:20;background:var(--text);color:var(--background);border-radius:10px;padding:11px 16px;font-size:14px;font-weight:600;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skipLink:focus{transform:translateY(0)}.topNav{justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:22px;display:flex}.brandLink{border-radius:8px;display:inline-flex}.brand{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.01em;align-items:center;gap:10px;font-size:20px;font-weight:600;display:inline-flex}.brandNote{color:var(--purple);font-family:var(--font-body), system-ui, sans-serif;font-size:20px;line-height:1}.brandMuted{color:var(--text-subtle);font-family:var(--font-body), system-ui, sans-serif;letter-spacing:0;gap:8px;font-size:13.5px;font-weight:400}.brandMuted .brandNote{font-size:15px}.appLink{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;font-weight:600;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s;display:inline-flex}.appLinkNav{min-height:44px;color:var(--text);background:#ffffff0d;border-color:#ffffff24;padding:9px 18px;font-size:14px;font-weight:500}.appLinkPrimary{background:var(--text);min-height:52px;color:var(--background);font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.005em;gap:10px;padding:15px 33px;font-size:17px;line-height:1;box-shadow:0 8px 32px #a78bfa40}.appArrow{font-family:var(--font-body), system-ui, sans-serif;font-size:15px}.brandLink:focus-visible,.appLink:focus-visible{outline:3px solid var(--purple-light);outline-offset:4px}.hero{text-align:center;padding-top:clamp(48px,8vw,96px)}.heroBadge{min-height:31px;color:var(--purple-light);letter-spacing:.04em;background:#a78bfa14;border:1px solid #a78bfa4d;border-radius:999px;align-items:center;margin:0;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.hero h1{max-width:17ch;font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;text-wrap:balance;margin:28px auto 0;font-size:clamp(40px,6.4vw,72px);font-weight:700;line-height:1.05}.heroCopy{max-width:560px;color:var(--text-muted);text-wrap:pretty;margin:22px auto 0;font-size:clamp(17px,2vw,20px);line-height:1.6}.heroAction,.closingAction{justify-content:center;display:flex}.heroAction{flex-direction:column;align-items:center;gap:12px;margin-top:36px}.actionCaption{color:var(--text-subtle);margin:0;font-size:13.5px;line-height:1.4}@keyframes stavia-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@keyframes stavia-glow{0%,to{opacity:.75}50%{opacity:.35}}.productPreview{max-width:1080px;margin:clamp(48px,7vw,80px) auto 0;container-type:inline-size}.previewShell{background:#050506;border:1px solid #ffffff14;border-radius:4.2cqw;padding:3cqw 3.4cqw 3.8cqw;position:relative;overflow:hidden;box-shadow:0 40px 120px #7c5ce029,0 20px 60px #0009}.previewTopBar{justify-content:space-between;align-items:center;gap:2cqw;display:flex}.backButtonVisual{color:#c9c9d1;background:#1b1b1f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:4.4cqw;height:4.4cqw;padding-bottom:.3cqw;font-size:2.4cqw;line-height:1;display:flex}.lessonProgress{flex-direction:column;align-items:center;gap:.7cqw;display:flex}.lessonName{color:#8a8a94;letter-spacing:.03em;font-size:1.5cqw;font-weight:600}.progressTrack{align-items:center;display:flex}.progressRing{border:.35cqw solid var(--purple);background:#221e33;border-bottom-color:#34343a;border-right-color:#34343a;border-radius:50%;width:3.6cqw;height:3.6cqw;transform:rotate(45deg)}.progressLine{background:#34343a;width:2cqw;height:.18cqw}.progressLineLong{width:2.4cqw}.progressDot{background:#2c2c31;border-radius:50%;width:1.3cqw;height:1.3cqw}.listeningPill{color:#e8e8ec;background:#1b1b1f;border-radius:999px;align-items:center;gap:1cqw;padding:1.1cqw 2cqw;font-size:1.8cqw;font-weight:600;display:flex}.listeningPulse{background:var(--purple);border-radius:50%;width:1.1cqw;height:1.1cqw;animation:1.6s ease-in-out infinite stavia-pulse}.staffCard{background:#121215;border:1px solid #ffffff0d;border-radius:2.6cqw;margin-top:2.6cqw;padding:3cqw 4cqw 7cqw;position:relative}.staffBrand{color:#7a7a84;align-items:center;gap:.9cqw;font-size:1.6cqw;font-weight:600;display:flex}.staffBrand span:first-child{color:var(--purple)}.staffArea{height:18cqw;margin-top:7cqw;position:relative}.staffLine{background:#ffffff29;height:1px;position:absolute;left:0;right:0}.staffLineOne{top:0}.staffLineTwo{top:25%}.staffLineThree{top:50%}.staffLineFour{top:75%}.staffLineFive{top:100%}.barLine{background:#ffffff24;width:1px;height:100%;position:absolute;top:0;left:62%}.trebleClef{color:#ececf0;font-family:Apple Symbols,Noto Music,Segoe UI Symbol,serif;font-size:18cqw;line-height:1;position:absolute;top:75%;left:2cqw;transform:translateY(-50%)}.landmark{align-items:center;gap:.8cqw;display:flex;position:absolute;left:11cqw;transform:translateY(-50%)}.landmark strong{font-size:1.7cqw;font-weight:700}.landmark i{border:.28cqw solid;border-radius:50%;width:2.9cqw;height:2cqw;display:block;transform:rotate(-14deg)}.landmarkAmber{color:var(--amber)}.landmarkTeal{color:var(--teal)}.landmarkUpperC{top:37.5%}.landmarkG{top:75%}.landmarkLowerC{top:125%}.landmarkGuide{height:.16cqw;position:absolute;left:16cqw}.guideUpperC{background:linear-gradient(90deg,#e3a44f8c,#0000);top:37.5%;right:46%}.guideG{background:linear-gradient(90deg,#3fbfa68c,#0000);top:75%;right:55%}.guideLowerC{background:linear-gradient(90deg,#e3a44f8c,#0000);top:125%;right:62%}.activeBeam{background:linear-gradient(#7c5ce000 0%,#7c5ce038 40% 60%,#7c5ce000 100%);border-radius:999px;width:8.5cqw;height:168%;position:absolute;top:-34%;left:36%}.ledgerLine{background:#ffffff38;width:5cqw;height:.16cqw;position:absolute;top:125%;transform:translate(-50%,-50%)}.playedLedger{left:24%}.upcomingLedger{left:58%}.staffNote{border-radius:50%;width:3.1cqw;height:2.1cqw;position:absolute;transform:translate(-50%,-50%)rotate(-14deg)}.notePlayed{background:#30c463;width:3.2cqw;height:2.2cqw;box-shadow:0 0 3cqw .8cqw #30c46340}.playedNoteOne{top:125%;left:24%}.playedNoteTwo{top:75%;left:30%}.noteActive{background:var(--purple);width:3.4cqw;height:2.4cqw;animation:2.4s ease-in-out infinite stavia-glow;top:37.5%;left:40%;box-shadow:0 0 4cqw 1.2cqw #a78bfa66}.noteUpcoming{background:#e9e9ef;box-shadow:0 0 3.4cqw 1cqw #e3a44f47}.upcomingNoteOne{top:75%;left:50%;box-shadow:0 0 3.4cqw 1cqw #3fbfa647}.upcomingNoteTwo{top:125%;left:58%}.upcomingNoteThree{top:37.5%;left:71%}.upcomingNoteFour{top:37.5%;left:80%}.upcomingNoteFive{top:37.5%;left:89%}.howItWorks{padding-top:clamp(80px,11vw,150px)}.eyebrow{color:var(--purple);letter-spacing:.1em;text-align:center;text-transform:uppercase;margin:0;font-size:14px;font-weight:600}.howItWorks h2,.closingCard h2{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.015em;text-wrap:balance;font-weight:600}.howItWorks h2{text-align:center;max-width:20ch;margin:16px auto 0;font-size:clamp(30px,4.2vw,46px);line-height:1.1}.stepGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(40px,5vw,64px);margin-bottom:0;padding:0;list-style:none;display:grid}.stepCard{background:var(--surface);border:1px solid #ffffff12;border-radius:24px;padding:32px 28px}.stepNumber{font-family:var(--font-display), system-ui, sans-serif;font-size:15px;font-weight:600}.stepNumber-purple{color:var(--purple)}.stepNumber-teal{color:var(--teal)}.stepNumber-amber{color:var(--amber)}.stepCard h3{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;margin:14px 0 0;font-size:22px;font-weight:600}.stepCard p{color:var(--text-muted);text-wrap:pretty;margin:10px 0 0;font-size:15.5px;line-height:1.6}.faqSection{padding-top:clamp(80px,11vw,150px)}.faqSection h2{max-width:23ch;font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.015em;text-align:center;text-wrap:balance;margin:16px auto 0;font-size:clamp(30px,4.2vw,46px);font-weight:600;line-height:1.1}.faqGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:clamp(40px,5vw,64px) 0 0;display:grid}.faqItem{background:var(--surface);border:1px solid #ffffff12;border-radius:20px;padding:28px}.faqItem dt{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;font-size:19px;font-weight:600;line-height:1.3}.faqItem dd{color:var(--text-muted);text-wrap:pretty;margin:10px 0 0;font-size:15.5px;line-height:1.6}.closingSection{padding-top:clamp(80px,11vw,150px)}.closingCard{background:linear-gradient(180deg, var(--surface-soft) 0%, var(--surface) 100%);text-align:center;border:1px solid #a78bfa2e;border-radius:32px;padding:clamp(48px,7vw,84px) 32px}.closingCard h2{max-width:18ch;margin:0 auto;font-size:clamp(28px,4vw,44px);line-height:1.12}.closingCopy{max-width:460px;color:var(--text-muted);text-wrap:pretty;margin:18px auto 0;font-size:16.5px;line-height:1.6}.closingAction{margin-top:32px}.requirements{color:var(--text-subtle);margin:24px auto 0;font-size:13px;line-height:1.5}.siteFooter{color:var(--text-subtle);justify-content:space-between;align-items:center;gap:12px;padding-top:32px;padding-bottom:clamp(48px,6vw,72px);display:flex}.footerLink{border-radius:6px;font-size:13.5px;line-height:1.5}.footerLink:focus-visible{outline:3px solid var(--purple-light);outline-offset:4px}@media (hover:hover){.appLinkNav:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.appLinkPrimary:hover{color:var(--background);background:#fff;box-shadow:0 8px 40px #a78bfa66}.footerLink:hover{color:var(--text)}}@media (max-width:820px){.stepGrid,.faqGrid{grid-template-columns:1fr}}@media (max-width:600px){.sectionWidth{padding-inline:20px}.topNav{padding-top:18px;padding-bottom:18px}.brand{font-size:19px}.hero{padding-top:42px}.hero h1{font-size:clamp(38px,11.5vw,52px)}.closingCard{border-radius:26px;padding-left:24px;padding-right:24px}.siteFooter{text-align:center;flex-direction:column;justify-content:center}}@media (max-width:359px){.sectionWidth{padding-inline:16px}.appLinkNav{padding-left:15px;padding-right:15px}.stepCard{padding:28px 22px}.closingCard{padding-left:20px;padding-right:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
