*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f1ede8;color:#1a1a1a;font-family:'Space Grotesk',sans-serif;font-size:16px;line-height:1.55}a{color:inherit}header,main,footer{max-width:1120px;margin:auto}header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb, #1a1a1a 16%, #f1ede8)}.brand{font-weight:800;font-size:23px;letter-spacing:-1px;text-decoration:none}.brand span{color:#ff6200}.edition,.eyebrow,.demo-top,.tag,.number{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;letter-spacing:1.5px;font-size:12px}.edition{color:#1a1a1a}.intro{text-align:center;padding:75px 0 42px}.eyebrow{color:#ff6200;font-weight:600}h1{font-size:clamp(43px,6.3vw,76px);letter-spacing:-3.8px;line-height:1.06;margin:22px 0 26px;font-weight:700}h1 em{font-family:'Space Grotesk',sans-serif;font-weight:400;color:#ff6200}.lead{font-size:18px;color:#1a1a1a;line-height:1.7}.demo{background:#f1ede8;border:1px solid color-mix(in srgb, #1a1a1a 16%, #f1ede8);border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #1a1a1a08}.demo-top{display:flex;justify-content:space-between;padding:18px 28px;background:#1a1a1a;color:#f1ede8}.players{display:grid;grid-template-columns:1fr 1fr}.track{padding:30px 36px 22px;min-width:0}.mastered{background:color-mix(in srgb, #ff6200 7%, #f1ede8);border-left:1px solid color-mix(in srgb, #1a1a1a 16%, #f1ede8)}.track-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.number{color:#1a1a1a}.tag{font-size:11px;letter-spacing:1px;color:#1a1a1a}.mastered .tag{color:#ff6200}h2{font-size:34px;letter-spacing:-1.3px;line-height:1.2}.track h2{margin:26px 0 6px}.track p{margin:0;color:#1a1a1a}.wave{height:86px;margin:22px 0;display:flex;align-items:center;justify-content:space-between;gap:3px}.wave i{background:#1a1a1a;flex:1;border-radius:2px;max-width:5px}.mastered .wave i{background:#ff6200}.track audio{width:100%;height:42px}.track .detail{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-top:18px}.detail span{white-space:nowrap;font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace}.listening-note{font-size:13px;color:#1a1a1a;margin:0;padding:18px 28px;border-top:1px solid color-mix(in srgb, #1a1a1a 16%, #f1ede8)}#audio-error{padding:0 28px;color:#ff6200}.next{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:80px;margin:65px 0 42px}.next h2{margin:16px 0;font-size:36px}.next p:not(.eyebrow){color:#1a1a1a;max-width:510px}.action{text-align:center}.cta{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:19px 26px;background:#ff6200;color:#1a1a1a;text-decoration:none;border-radius:8px;font-weight:700;font-size:18px;box-shadow:0 6px 0 #ff6200}.cta:hover{background:#ff6200}.cta:focus-visible,a:focus-visible{outline:3px solid #1a1a1a;outline-offset:5px}.action p{font-size:14px;margin-top:20px}.experience{display:flex;align-items:center;gap:22px;border-top:1px solid color-mix(in srgb, #1a1a1a 16%, #f1ede8);padding:28px 0 38px}.experience-mark{font-family:'Space Grotesk',sans-serif;font-size:44px;line-height:1;text-align:center;color:#ff6200}.experience-mark span{display:block;font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:10px;letter-spacing:2px;margin-top:7px}.experience p{font-size:15px}.experience p span{color:#1a1a1a}footer{display:flex;justify-content:space-between;padding:24px 0 35px;border-top:1px solid color-mix(in srgb, #1a1a1a 16%, #f1ede8);font-size:13px;color:#1a1a1a}footer a{text-decoration:none}@media(max-width:1180px){header,main,footer{margin-left:28px;margin-right:28px}}@media(max-width:650px){header{height:78px}.edition{display:none}.intro{padding:44px 0 25px}h1{letter-spacing:-2px}.lead{font-size:16px}.desktop{display:none}.players{grid-template-columns:1fr}.mastered{border-left:0;border-top:1px solid color-mix(in srgb, #1a1a1a 16%, #f1ede8)}.track{padding:24px}.demo-top{padding:16px;font-size:10px;letter-spacing:1px}.next{grid-template-columns:1fr;gap:18px;margin:40px 0}.next h2{font-size:31px}.experience{align-items:flex-start}header,main,footer{margin-left:18px;margin-right:18px}footer{gap:20px;font-size:12px}.listening-note{padding:16px 24px}.track .detail{font-size:12px;flex-wrap:wrap}}

h1 em{font-style:normal;font-weight:700} .cta{box-shadow:none} .cta:hover{background:#1a1a1a;color:#f1ede8} .eyebrow,.mastered .tag{color:#1a1a1a} .brand{display:flex;align-items:center;gap:10px}.brand img{height:30px;width:auto}.brand span{margin-left:-10px}
