@font-face{font-family:Anton;src:url('./anton-latin-400-normal.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:DM Sans;src:url('./dm-sans-latin-400-normal.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:DM Sans;src:url('./dm-sans-latin-500-normal.woff2') format('woff2');font-display:swap;font-weight:500}
@font-face{font-family:Space Mono;src:url('./space-mono-latin-400-normal.woff2') format('woff2');font-display:swap;font-weight:400}
:root{--ground:#111015;--cream:#f0eedf;--cyan:#36e3ef;--violet:#b49aff;--amber:#ffb300;--rose:#ff668e;--muted:#b7b2c4;--line:#ffffff26;--pad:clamp(24px,5vw,90px);color-scheme:dark;font-family:'DM Sans',sans-serif;color:var(--cream);background:var(--ground)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}img{max-width:100%;display:block}button{border:0}h1,h2,h3,p{margin:0}h1,h2,.display{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.035em;line-height:.97}h2{font-size:clamp(76px,10vw,170px)}em{font-style:normal}p{font-size:clamp(17px,1.45vw,23px);line-height:1.5}.eyebrow,.platform-line,.paper-foot,.paper-heading small{font:12px/1.5 'Space Mono',monospace;letter-spacing:.09em}.skip-link{position:fixed;top:-100px;left:20px;background:var(--cream);color:#111;padding:16px;z-index:200}.skip-link:focus{top:12px}.site-header{position:absolute;top:0;left:0;width:100%;padding:28px var(--pad);display:flex;justify-content:space-between;align-items:center;z-index:30}.wordmark{font-size:31px;font-weight:500;letter-spacing:-2px}.brand-dot{font-size:13px;vertical-align:top;margin-left:3px;color:var(--cyan)}.header-right{display:flex;align-items:center;gap:28px}.nav-cta{font-size:14px;border-bottom:1px solid var(--line);padding:10px 0}.nav-cta span{margin-left:18px;color:var(--cyan)}.motion-switch{display:flex;align-items:center;gap:8px;font:12px 'Space Mono';background:none;padding:10px 0;color:var(--muted)}.motion-icon{color:var(--cyan);font-size:18px}.hero{height:180svh;background:#15101e;position:relative}.hero-stage{position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;isolation:isolate}.hero-aura{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 51% 64%,#452c7355 0%,#26183355 38%,transparent 70%),linear-gradient(160deg,#161119,#121218)}#music-universe{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-eyebrow{position:absolute;top:16%;width:100%;text-align:center;color:var(--violet);z-index:2}h1{position:absolute;inset:20% 0 auto;text-align:center;font-size:clamp(110px,17.5vw,295px);line-height:.94;pointer-events:none;z-index:-2}.hero-line{display:block}.hero-line.first{color:var(--violet)}.hero-line.second{color:var(--rose)}.fullstop{color:var(--cyan)}.hero-book-wrap{position:absolute;width:min(59vw,990px);left:50%;top:32%;transform:translateX(-50%);z-index:1;will-change:transform;pointer-events:none}.hero-book{width:100%;filter:drop-shadow(0 26px 32px #0008);position:relative}.book-energy{position:absolute;inset:25% 20%;background:#37dfee;filter:blur(65px);opacity:.15;border-radius:50%}.hero-caption{position:absolute;bottom:14%;left:var(--pad);z-index:4}.hero-caption p{font-size:clamp(16px,1.3vw,21px);line-height:1.4}.platform-line{display:block;color:var(--muted);margin:18px 0 26px}.text-link{display:inline-flex;gap:32px;align-items:center;font-size:14px;border-bottom:1px solid var(--cream);padding:0 0 8px}.text-link span{color:var(--cyan)}.hero-side{position:absolute;top:50%;font:11px 'Space Mono';letter-spacing:.15em;color:#b8acc3;writing-mode:vertical-rl}.hero-side.left{left:22px;transform:rotate(180deg)}.hero-side.right{right:22px}.hero-bottom{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.scroll-orbit{width:46px;height:46px;border:1px solid #b49aff60;border-radius:50%;display:grid;place-items:center;font-size:24px;color:var(--cyan);position:absolute;left:50%;transform:translateX(-50%)}.ribbon{overflow:hidden;position:relative;z-index:3;padding:16px 0;background:var(--cyan);color:#16121d;transform:rotate(-2deg) scale(1.03);margin:-2px 0 -24px}.ribbon-track{display:flex;gap:28px;align-items:center;white-space:nowrap;width:max-content;font:clamp(26px,3.8vw,58px)/1 Anton,sans-serif;letter-spacing:-.01em}.ribbon-track span{font-size:1.3em;color:#514091;margin:0 28px}.chapter{position:relative}.section-top{display:flex;justify-content:space-between;align-items:center;padding-top:60px;border-top:1px solid currentColor}.section-cross{font:32px 'Space Mono';opacity:.7}.feature-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;padding:50px 0 35px}.feature-heading p{max-width:340px;padding-bottom:10px}.find-section{background:var(--cyan);color:#182024;padding:80px var(--pad) 50px;overflow:hidden}.find-section h2 em{color:#285570}.recognition-stage{height:630px;position:relative;margin-top:40px;display:flex;justify-content:center;align-items:center;gap:clamp(40px,7vw,130px);perspective:1300px}.contents-paper{width:390px;flex-shrink:0;background:#f2efdf;color:#1b2529;padding:40px 35px 28px;box-shadow:0 32px 54px #053a3d40;transform:rotate(-7deg);position:relative;z-index:2}.paper-heading span{font:26px/1.2 Georgia,serif;display:block}.paper-heading small{display:block;margin-top:12px;padding-bottom:30px;border-bottom:1px solid #161e2140}.contents-list{padding:0;list-style:none}.contents-list li{display:flex;justify-content:space-between;padding:14px 0;font:17px Georgia,serif;border-bottom:1px dotted #29333335}.paper-foot{display:block;margin-top:24px;font-size:10px}.found-songs{width:380px;position:relative;z-index:3}.found-songs>.eyebrow{display:block;margin-bottom:15px}.found-row{padding:17px 0;border-bottom:1px solid #162d3d40;display:flex;gap:14px;align-items:center;font-size:20px}.found-row span{font:12px 'Space Mono';opacity:.6}.found-row i{margin-left:auto;font-style:normal;font-size:16px}.confirm-line{font:12px 'Space Mono';margin-top:24px}.recognition-lens{position:absolute;width:160px;height:160px;border:2px solid #fff9;border-radius:50%;background:#7c50ff20;box-shadow:0 0 0 12px #7044bd22,0 14px 30px #00374b45,inset 0 0 32px #ffffff55;backdrop-filter:contrast(1.4) brightness(1.15);left:20%;top:24%;z-index:4;pointer-events:none}.recognition-lens:after{content:'';position:absolute;width:15px;height:100px;background:linear-gradient(90deg,#223440,#49676b);border-radius:8px;left:90%;top:82%;transform:rotate(-40deg);transform-origin:top}.lens-cross{position:absolute;inset:0;display:grid;place-items:center;font:25px 'Space Mono';color:#5b2dbd}.lens-caption{position:absolute;top:-26px;left:50%;white-space:nowrap;transform:translateX(-50%);font:10px 'Space Mono';background:#1c1f31;color:#defff9;padding:6px 10px}.scan-beam{position:absolute;height:2px;background:#fff;left:10%;width:37%;top:36%;z-index:3;box-shadow:0 0 15px #fff;pointer-events:none}.section-bottom{border-top:1px solid #15232c50;display:flex;justify-content:space-between;align-items:center;padding-top:24px;gap:20px;font-size:16px}.replay{background:none;border-bottom:1px solid currentColor;padding:8px 0;display:flex;gap:22px;align-items:center;font-size:13px}.replay span{font-size:23px}.site-footer{padding:45px var(--pad);display:flex;justify-content:space-between;align-items:center;background:#111015}.site-footer>div{display:flex;gap:25px;color:var(--muted);font-size:12px}
@media(min-width:1700px){.hero-caption{bottom:16%}.hero-book-wrap{top:30%}}
@media(max-width:900px){.hero-stage{min-height:650px}.hero-book-wrap{width:78vw;top:33%}h1{font-size:21vw;top:23%}.hero-caption{bottom:11%}.hero-side{display:none}.feature-heading p{max-width:260px}.recognition-stage{gap:40px;height:560px}.contents-paper{width:320px;padding:30px 24px}.found-songs{width:300px}.found-row{font-size:16px}.recognition-lens{left:15%}.section-top{padding-top:35px}}
@media(max-width:600px){:root{--pad:22px}.site-header{padding-top:22px}.wordmark{font-size:27px}.header-right{gap:15px}.nav-cta{font-size:12px}.nav-cta span{margin-left:8px}.motion-label{display:none}.hero{height:150svh}.hero-stage{min-height:650px;max-height:none}.hero-eyebrow{top:16%;font-size:10px}h1{top:23%;font-size:25vw;line-height:1.02}.hero-book-wrap{width:112vw;top:34%;max-width:none}.hero-caption{bottom:13%;left:22px;right:22px;text-align:center}.hero-caption p{font-size:17px}.platform-line{font-size:10px;margin:12px 0 18px}.hero-bottom{bottom:22px}.hero-bottom .eyebrow{font-size:9px}.hero-bottom .eyebrow:first-child{max-width:120px}.hero-bottom .eyebrow:last-child{margin-left:auto}.scroll-orbit{width:35px;height:35px}.ribbon{padding:12px 0}.find-section{padding-top:50px}h2{font-size:clamp(64px,18vw,105px)}.feature-heading{display:block;padding:35px 0}.feature-heading p{max-width:100%;margin-top:24px;font-size:17px}.recognition-stage{height:640px;display:block;margin:0}.contents-paper{width:70%;max-width:320px;margin:15px 0 0 8%;padding:25px 20px}.paper-heading span{font-size:21px}.contents-list li{font-size:14px;padding:10px 0}.paper-heading small{padding-bottom:15px}.paper-foot{font-size:8px}.found-songs{position:absolute;right:0;top:285px;width:74%;background:#152330;color:var(--cream);padding:24px;box-shadow:0 24px 44px #06314650;transform:rotate(4deg)}.found-row{font-size:15px;padding:11px 0;border-color:#ffffff25}.found-row i{color:var(--cyan)}.found-songs>.eyebrow{font-size:10px}.confirm-line{font-size:10px}.recognition-lens{width:110px;height:110px;left:38%;top:14%;z-index:5}.recognition-lens:after{height:70px;width:12px}.scan-beam{left:5%;width:70%;top:27%}.section-bottom{align-items:start;font-size:14px}.section-bottom>span{max-width:180px}.replay{font-size:12px;gap:8px;white-space:nowrap}.site-footer{align-items:start;gap:30px;flex-direction:column}.site-footer>div{flex-wrap:wrap;gap:20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:100svh;min-height:700px}.hero-stage{position:relative;height:100%;min-height:700px}.hero-aura{opacity:1}.recognition-lens,.scan-beam{display:none}}
body.motion-paused .recognition-lens,body.motion-paused .scan-beam{display:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mark-section{background:#b5a1fa;color:#251b3a;padding:50px var(--pad);overflow:hidden}.mark-section em{color:#665097}.mark-section .feature-heading p{max-width:380px}.markup-stage{height:670px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px}.score-window{width:min(850px,82%);background:#f5f1e5;color:#1a1b21;box-shadow:0 40px 70px #1b10404d;transform:rotate(-5deg);position:relative;z-index:2}.reader-bar{display:flex;justify-content:space-between;padding:18px 28px;background:#19151f;color:#e8e2d8;font:12px 'Space Mono'}.reader-bar span:last-child{color:#b7a1ec;font-size:10px}.annotated-score{position:relative;overflow:hidden;aspect-ratio:1050/620}.annotated-score>img{width:100%;height:auto;mix-blend-mode:multiply}.ink-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ink-stroke{fill:none;stroke:#ed265c;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.scribble{stroke-dasharray:1200;stroke-dashoffset:0}.cue-arrow{stroke-dasharray:260;stroke-dashoffset:0}.mark-orbit-text{position:absolute;right:-4%;top:5%;font:clamp(80px,13vw,190px)/.94 Anton;color:#ffffff35;transform:rotate(10deg);white-space:nowrap}.mark-tools{position:absolute;bottom:22px;right:5%;display:flex;background:#201729;border:1px solid #b5a1fa80;padding:8px;box-shadow:0 18px 35px #21134235;z-index:4;transform:rotate(3deg)}.mark-tools button{display:flex;gap:20px;align-items:center;background:transparent;padding:15px 18px;color:#beb0d1;font-size:13px}.mark-tools button span{font-size:24px}.mark-tools button.selected{background:#b5a1fa;color:#211529}.books-section{padding:50px var(--pad) 100px;background:#171421;overflow:hidden}.books-section .section-top{border-color:#b5a1fa40;color:var(--violet)}.books-story{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:70px;min-height:800px;align-items:center}.books-copy{position:relative;z-index:4}.books-copy h2{font-size:clamp(70px,8vw,130px)}.books-copy em{color:var(--violet)}.books-copy p{max-width:350px;margin:30px 0}.pill-cta{display:inline-flex;background:var(--violet);color:#191323;padding:17px 25px;border-radius:99px;gap:40px;font-size:14px;align-items:center}.pill-cta span{font-size:24px}.borrow-stage{position:relative;min-height:680px;perspective:1200px}.borrow-source,.borrow-target{position:absolute;width:64%;padding:12px;background:var(--cream);box-shadow:0 30px 70px #0006}.borrow-source{left:-8%;top:0;transform:rotate(-13deg);opacity:.7}.borrow-target{right:-2%;top:175px;transform:rotate(10deg);z-index:2}.book-label{display:block;font:10px 'Space Mono';color:#302539;margin:5px 0 15px}.borrow-source img,.borrow-target img{width:100%;height:auto}.source-selection,.target-selection{position:absolute;left:12%;right:10%;height:16%;top:27%;border:2px solid var(--cyan);background:#36e3ef24}.target-selection{border-color:var(--violet);background:#a46dec25}.target-selection span{position:absolute;bottom:-21px;left:-2px;white-space:nowrap;background:#503474;color:#fff;padding:4px 7px;font:8px 'Space Mono'}.flying-passage{position:absolute;top:120px;left:0;width:55%;height:92px;overflow:hidden;z-index:6;border:2px solid var(--cyan);box-shadow:0 0 34px #36e3ef70;background:white;transform:rotate(-12deg);opacity:0}.flying-passage img{width:100%;transform:translateY(-20%)}.borrow-stamp{position:absolute;bottom:0;left:-15%;z-index:4;color:var(--cyan);font:46px/.94 Anton;transform:rotate(-9deg)}.sets-section{padding:50px var(--pad);background:#ffbf3c;color:#32281d;overflow:hidden}.sets-section .feature-heading{align-items:start}.sets-section h2{font-size:clamp(62px,9vw,144px)}.sets-section h2 em{color:#77500f}.sets-section .feature-heading p{max-width:340px;padding-top:30px}.set-stage{height:780px;position:relative;display:flex;align-items:center;justify-content:center;gap:90px;perspective:1200px}.set-paper{position:relative;width:410px;padding:40px;background:#f2efdf;box-shadow:0 35px 50px #65400b40;transform:rotate(-5deg);z-index:4;flex-shrink:0;color:#211a29}.set-paper-title{font:bold italic 34px Georgia,serif;display:block}.set-date{font:10px 'Space Mono';letter-spacing:.15em;display:block;margin-top:12px;margin-bottom:25px}.set-group{position:relative;padding:18px 0 12px}.set-label{font:12px 'Space Mono';display:block;margin-bottom:14px;width:max-content;padding:5px 10px;background:#86e6e7;position:relative;z-index:1}.set-group.two .set-label{background:#bd9af5}.set-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #27263025;font-size:17px;z-index:1}.set-item i{font-style:normal;opacity:0}.set-check{margin-top:20px;font:11px 'Space Mono';border-top:1px solid #29263140;padding-top:15px}.smudge-trail{position:absolute;top:27%;left:5%;width:91%;height:32px;background:#41dce280;mix-blend-mode:multiply;border-radius:45%;transform:rotate(-4deg);z-index:0}.matched-charts{position:relative;width:410px;height:650px}.chart-match{position:absolute;width:47%;background:#f3efdf;padding:8px;box-shadow:0 20px 30px #67410a30;transform:rotate(var(--angle));color:#201728}.chart-match:nth-child(1){top:25px;left:-10%}.chart-match:nth-child(2){top:80px;right:-4%}.chart-match:nth-child(3){top:300px;left:-7%}.chart-match:nth-child(4){top:370px;right:-10%}.chart-match img{height:210px;width:100%;object-fit:cover;object-position:top}.chart-match>span{display:flex;font:9px 'Space Mono';padding:10px 0 4px;justify-content:space-between}.chart-match i{font-style:normal;color:#168974}.rehearsal-section{background:#111316;padding:50px var(--pad) 0;overflow:hidden;color:var(--cream)}.rehearsal-section .section-top{color:var(--amber);border-color:#ffffff30}.rehearsal-copy{text-align:center;padding-top:75px;position:relative;z-index:2}.rehearsal-copy h2{font-size:clamp(76px,11.5vw,190px)}.rehearsal-copy em{color:var(--amber)}.rehearsal-copy p{margin:35px auto 0;color:#bbb8bb;font-size:20px}.metronome-stage{position:relative;padding:80px 0 65px;display:flex;align-items:center;flex-direction:column}.tempo-ghost{position:absolute;font:clamp(260px,48vw,700px)/1 Anton;color:#ffb30009;top:5%;left:50%;transform:translateX(-50%);pointer-events:none;letter-spacing:-.08em}.metronome-demo{position:relative;width:min(100%,630px);padding:32px;background:linear-gradient(135deg,#25252a,#16171c);border:1px solid #494245;border-top-color:#706046;border-radius:18px;box-shadow:0 50px 80px #0009,0 -8px 70px #ffb3000d;transform:rotate(-3deg)}.console-heading{display:flex;justify-content:space-between;align-items:center;color:#d5cfc2}.live-light{font:10px 'Space Mono';color:var(--amber)}.live-light span{color:#a29d97;margin-left:8px}.tempo-row{display:flex;align-items:center;justify-content:center;gap:35px;margin:30px 0 15px}.tempo-row>div{display:flex;flex-direction:column;align-items:center}.tempo-row output{font:100px/1 Anton;color:var(--amber);letter-spacing:-.04em}.tempo-row>div>span{font:11px 'Space Mono';color:#b2a998;margin-top:10px}.tempo-row button{font:28px 'Space Mono';border:1px solid #ffffff25;background:#ffffff06;width:42px;height:42px;border-radius:50%}.tempo-range{width:100%;accent-color:var(--amber);cursor:pointer;margin-top:12px}.beat-lights{display:flex;justify-content:center;gap:18px;margin:27px 0 25px}.beat-lights span{width:12px;height:12px;border-radius:50%;background:#544931;transition:background .08s,box-shadow .08s}.beat-lights span.active{background:var(--amber);box-shadow:0 0 18px #ffb30070}.mixer-top{display:flex;justify-content:space-between;border-top:1px solid #fff2;padding-top:20px;gap:10px}.mixer-top button{background:none;display:flex;gap:15px;align-items:center;font-size:13px;padding:8px 0}.mixer-top button span{color:var(--amber);font-size:18px}.mixer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .65s cubic-bezier(.2,.7,.2,1),opacity .3s}.mixer.is-open{grid-template-rows:1fr;opacity:1}.mixer-inner{overflow:hidden;min-height:0}.fader-lanes{display:flex;gap:10px;padding:30px 0 24px;justify-content:space-between}.fader-lane{display:flex;flex:1;min-width:0;align-items:center;flex-direction:column;gap:13px}.fader-lane>span:first-child{font:26px Georgia;color:var(--amber);height:30px}.fader-lane:first-child>span:first-child{font:10px 'Space Mono';display:flex;align-items:center}.fader-lane>span:last-child{font:9px 'Space Mono';color:#a7a091;white-space:nowrap}.fader-lane input{writing-mode:vertical-lr;direction:rtl;width:25px;height:150px;accent-color:var(--amber);cursor:ns-resize;appearance:none;background:linear-gradient(90deg,transparent 11px,#5c5033 11px,#5c5033 14px,transparent 14px);border-radius:2px}.fader-lane input::-webkit-slider-thumb{appearance:none;width:23px;height:12px;background:linear-gradient(#f4d87c,#cba02b);border:1px solid #ffdd78;border-radius:2px;box-shadow:0 4px 8px #0008}.fader-lane input::-moz-range-thumb{width:23px;height:12px;background:#e8bc48;border:1px solid #ffdd78;border-radius:2px}.mixer-bottom{display:flex;justify-content:space-between;font:10px 'Space Mono';color:#b2a58c;padding:20px 0 4px;border-top:1px solid #ffffff20}.console-note{font:12px 'Space Mono';color:#959090;margin-top:32px;text-align:center}.offline-line{margin-top:35px;padding:35px 0;display:flex;gap:25px;align-items:center;border-top:1px solid #ffffff25}.offline-line>span:first-child{font-size:35px;color:var(--amber)}.offline-line p{font-size:26px}.offline-line .eyebrow{margin-left:auto;color:#aaa49c}.pit-section{background:#222933;color:#e9efde;padding:50px var(--pad) 90px;overflow:hidden}.pit-section .section-top{border-color:#91b5a340;color:#c1f78d}.pit-heading{display:flex;gap:50px;align-items:end;justify-content:space-between;margin:65px 0}.pit-heading h2{font-size:clamp(80px,11vw,165px)}.pit-heading em{color:#b9ed84}.pit-heading p{max-width:370px;margin-bottom:5px;color:#c4ccd0}.show-demo{background:#151b22;border:1px solid #e4ffe525;box-shadow:0 50px 80px #050a1440;width:min(100%,1100px);margin:auto;padding:30px;position:relative;transform:rotate(1deg)}.show-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.show-top .eyebrow{color:#90a3a1}.show-top h3{font-size:27px;font-weight:400;margin-top:8px;letter-spacing:-.04em}.show-indicator{font:10px 'Space Mono';color:#b9ed84}.part-pickers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.part-choice{background:#283440;color:#ccd5d9;text-align:left;padding:22px;position:relative;display:flex;flex-direction:column;gap:25px;transition:background .25s,color .25s,transform .25s;min-width:0}.part-choice>span{font:10px 'Space Mono';opacity:.6}.part-choice strong{font-size:clamp(19px,2.5vw,35px);letter-spacing:-.04em;font-weight:500}.part-choice i{position:absolute;right:20px;top:20px;font-size:24px;font-style:normal}.part-choice.active{background:#b9ed84;color:#25302d;transform:translateY(-5px)}.pit-score{margin-top:30px;background:#f1eee1;color:#252529}.pit-score-heading{padding:16px 22px;display:flex;justify-content:space-between;font-size:17px}.pit-score-heading span:last-child{font:10px 'Space Mono'}.pit-score-image{height:270px;overflow:hidden;position:relative}.pit-score-image img{width:100%;margin-top:-45px;mix-blend-mode:multiply}.pit-passage{position:absolute;top:45px;left:28%;width:40%;height:45%;background:#b9ed8430;border:2px solid #76a740}.pit-passage span{position:absolute;bottom:-25px;left:-2px;background:#b9ed84;color:#283623;padding:5px 8px;font:9px 'Space Mono';white-space:nowrap}.show-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0 0}.show-bottom p{font-size:15px;max-width:400px}.show-bottom .eyebrow{font-size:9px;color:#8eaba0}.closing-section{padding:50px var(--pad) 0;background:#261d36;position:relative;overflow:hidden;isolation:isolate}.closing-section .section-top{color:var(--violet);border-color:#b49aff50}.closing-copy{padding:65px 0 0;position:relative;z-index:3;max-width:1050px}.closing-small{font:12px 'Space Mono';letter-spacing:.08em;color:var(--violet);display:block;margin-bottom:25px}.closing-copy h2{font-size:clamp(85px,13.7vw,220px)}.closing-copy em{color:var(--violet)}.closing-copy p{max-width:440px;margin:40px 0;font-size:19px;color:#c4b9d5}.closing-book{width:60%;position:absolute;right:-11%;top:17%;transform:rotate(24deg);z-index:1;opacity:.75;pointer-events:none}.closing-invitation{display:flex;position:relative;z-index:3;justify-content:space-between;gap:40px;align-items:center;padding:70px 0;border-top:1px solid #b49aff50;margin-top:65px}.closing-invitation .eyebrow{color:var(--cyan)}.closing-invitation h3{font-size:clamp(32px,4.2vw,60px);line-height:1.06;letter-spacing:-.05em;font-weight:400;margin-top:18px}.access-button{background:var(--cyan);color:#172b32;padding:24px 32px;border-radius:80px;display:flex;justify-content:space-between;gap:60px;align-items:center;font-size:18px;transition:transform .25s,box-shadow .25s}.access-button:hover{transform:translateY(-4px);box-shadow:0 0 40px #36e3ef40}.access-button span{font-size:30px}.invitation-action p{font-size:13px;color:#b3a5c4;line-height:1.6;margin:18px 25px 0}.privacy-promise{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid #ffffff20;font:10px 'Space Mono';color:#b9aaca}.site-footer .brand-dot{color:var(--amber)}
@media(max-width:1100px){.sets-section .feature-heading{display:block}.sets-section h2{font-size:clamp(65px,11vw,132px)}.sets-section .feature-heading p{max-width:500px;margin-top:25px;padding:0}.set-stage{gap:40px}.set-paper{width:360px;padding:32px}.matched-charts{width:320px}.chart-match img{height:170px}.borrow-stage{min-height:620px}.books-story{gap:25px}.pit-heading p{max-width:300px;font-size:18px}.closing-book{width:70%;right:-22%;top:20%}}
@media(max-width:800px){.markup-stage{height:560px}.score-window{width:95%}.mark-tools{bottom:40px;right:0}.mark-tools button{padding:10px 12px;gap:10px;font-size:12px}.books-story{display:block;padding-top:50px}.books-copy h2{font-size:clamp(72px,12vw,115px)}.books-copy h2 br:last-child{display:none}.books-copy p{max-width:420px}.borrow-stage{max-width:540px;margin:60px auto 0;min-height:700px}.borrow-stamp{left:0}.pit-heading{display:block}.pit-heading p{max-width:450px;margin-top:30px}.show-bottom .eyebrow{display:none}.set-stage{gap:20px}.set-paper{width:330px}.matched-charts{width:230px}.chart-match{width:75%}.chart-match:nth-child(1){left:0;top:0}.chart-match:nth-child(2){right:0;top:180px}.chart-match:nth-child(3){left:-10%;top:350px}.chart-match:nth-child(4){display:none}.closing-invitation{gap:30px}.access-button{gap:25px;padding:20px 24px;font-size:16px}}
@media(max-width:600px){.mark-section,.books-section,.sets-section,.rehearsal-section,.pit-section,.closing-section{padding-top:30px}.markup-stage{height:440px;align-items:start;padding-top:30px}.score-window{width:100%;transform:rotate(-5deg);margin-top:20px}.reader-bar{padding:12px 14px;font-size:10px}.reader-bar span:last-child{font-size:8px}.annotated-score{aspect-ratio:1050/830}.annotated-score .ink-overlay{height:auto;aspect-ratio:1050/620}.mark-orbit-text{font-size:75px;right:-10%;top:52%}.mark-tools{bottom:0;right:0;left:0;justify-content:space-between;transform:rotate(0)}.mark-tools button{flex-direction:column;gap:7px;font-size:11px;padding:9px 12px;flex:1}.mark-section .section-bottom{margin-top:20px}.books-copy h2{font-size:18vw}.books-copy h2 br:last-child{display:block}.books-copy p{font-size:18px}.books-section{padding-bottom:50px}.borrow-stage{min-height:590px;margin:65px 8px 0}.borrow-source{left:0;width:67%}.borrow-target{right:0;top:155px;width:67%}.borrow-stamp{font-size:34px;bottom:25px;left:0}.flying-passage{height:60px}.target-selection span{font-size:7px;bottom:-18px}.book-label{font-size:8px}.borrow-source,.borrow-target{padding:8px}.sets-section h2{font-size:clamp(40px,10.8vw,65px);letter-spacing:-.025em;line-height:1.03}.sets-section .feature-heading p{font-size:17px}.set-stage{height:850px;display:block;padding-top:10px}.set-paper{width:85%;max-width:330px;padding:26px;transform:rotate(-4deg);margin-left:3%}.set-paper-title{font-size:29px}.set-item{font-size:16px;padding:11px 0}.matched-charts{position:absolute;left:18%;right:0;top:440px;width:80%;height:380px;z-index:5;pointer-events:none}.chart-match{width:45%;}.chart-match img{height:160px}.chart-match:nth-child(1){top:50px;left:0;transform:rotate(-10deg)}.chart-match:nth-child(2){top:110px;right:0;transform:rotate(12deg)}.chart-match:nth-child(3){display:none}.chart-match>span{font-size:7px}.rehearsal-copy{padding-top:40px}.rehearsal-copy h2{font-size:14vw}.rehearsal-copy p{font-size:17px;margin-top:25px}.rehearsal-copy p br{display:none}.metronome-stage{padding:55px 0 30px}.metronome-demo{padding:22px 17px;transform:rotate(-2deg);border-radius:12px}.console-heading .eyebrow{font-size:10px}.tempo-row output{font-size:84px}.tempo-row{gap:30px}.mixer-top button{font-size:11px;gap:8px}.fader-lanes{gap:3px}.fader-lane input{width:20px;height:130px;background:linear-gradient(90deg,transparent 8px,#5c5033 8px,#5c5033 11px,transparent 11px)}.fader-lane>span:first-child{font-size:20px}.fader-lane input::-webkit-slider-thumb{width:18px;height:11px}.fader-lane>span:last-child{font-size:7px}.mixer-bottom{font-size:8px}.console-note{font-size:10px}.offline-line{gap:13px;margin:0;padding:27px 0;flex-wrap:wrap}.offline-line p{font-size:21px}.offline-line .eyebrow{width:100%;margin-left:39px;font-size:9px}.pit-heading{margin:40px 0}.pit-heading h2{font-size:17.5vw}.pit-heading p{font-size:17px}.show-demo{padding:16px;transform:rotate(0)}.show-top{gap:12px;align-items:start}.show-top h3{font-size:23px}.show-indicator{max-width:80px;font-size:9px;line-height:1.7;text-align:right}.show-top .eyebrow{font-size:9px}.part-pickers{gap:7px}.part-choice{padding:14px 10px;gap:25px}.part-choice strong{font-size:18px;letter-spacing:-.05em}.part-choice i{right:9px;top:8px;font-size:18px}.part-choice>span{font-size:8px}.pit-score{margin-top:22px}.pit-score-heading{padding:12px;font-size:14px}.pit-score-heading span:last-child{font-size:8px}.pit-score-image{height:190px}.pit-score-image img{width:150%;max-width:none;margin-top:-20px}.pit-passage{top:55px;left:25%;width:55%;height:45%}.pit-passage span{font-size:7px;bottom:-21px}.show-bottom p{font-size:13px}.pit-section{padding-bottom:50px}.closing-copy{padding-top:40px}.closing-small{font-size:10px}.closing-copy h2{font-size:20.5vw}.closing-copy p{font-size:17px;max-width:330px;margin-top:250px;position:relative;z-index:3}.closing-book{width:105%;right:-21%;top:230px;opacity:.7;transform:rotate(15deg)}.closing-invitation{display:block;padding:40px 0;margin-top:40px}.closing-invitation h3{font-size:40px}.invitation-action{margin-top:30px}.access-button{font-size:17px;padding:20px 24px}.invitation-action p{font-size:12px;margin-left:0}.privacy-promise{flex-wrap:wrap;gap:12px 20px;font-size:8px;padding-bottom:25px}.closing-section{background:#261d36}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-line,.hero-book-wrap,.hero-caption,.hero-eyebrow,.found-row{opacity:1!important;transform:none}.hero-book-wrap{transform:translateX(-50%)!important}.ribbon-track{transform:none!important}.mixer{transition:none}}
/* The headline owns its space; the music object lives beside it. */
.hero-eyebrow{text-align:left;left:var(--pad);width:auto;top:22%;color:var(--cyan)}
.hero h1{inset:28% auto auto var(--pad);text-align:left;z-index:5;max-width:57%;font-size:12.7vw;line-height:1.05}
.hero-line.second{font-size:17vw}
.hero-book-wrap{width:53vw;left:auto;right:-6vw;top:34%;transform:none;z-index:2}
.hero-caption{bottom:13%;max-width:40%}
.hero-caption .platform-line{display:none}
.hero-caption .text-link{margin-top:24px}
@media(min-width:1700px){.hero h1{font-size:215px}.hero-line.second{font-size:285px}.hero-book-wrap{width:900px;right:0}}
@media(max-width:900px){.hero-eyebrow{top:21%}.hero h1{top:28%;font-size:13.5vw}.hero-line.second{font-size:18vw}.hero-book-wrap{width:62vw;right:-13vw;top:38%}.hero-caption{max-width:50%}}
@media(max-width:600px){.hero-eyebrow{top:15%;left:0;right:0;text-align:center}.hero h1{inset:21% 0 auto;max-width:none;text-align:center;font-size:22vw;line-height:1}.hero-line.second{font-size:25vw}.hero-book-wrap{width:78vw;right:11vw;top:48%;left:auto}.hero-caption{left:22px;right:22px;max-width:none;bottom:10%}.hero-caption p{font-size:16px}.hero-caption .text-link{margin-top:14px}.hero-stage{min-height:800px}.hero-bottom{bottom:18px}}
@media(prefers-reduced-motion:reduce){.hero-book-wrap{transform:none!important}.hero-stage{min-height:800px}.hero{min-height:800px}}
.hero-book-wrap{perspective:1000px}.pit-heading h2{font-size:clamp(70px,8.8vw,140px)}.closing-copy h2{font-size:clamp(80px,11vw,180px)}
@media(max-width:600px){.pit-heading h2{font-size:17vw}.closing-copy h2{font-size:20vw}.closing-book{top:270px}.closing-copy p{margin-top:250px}}
#folio-3d{width:100%;aspect-ratio:1.2;position:relative;filter:none}#folio-3d canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.folio-static{position:absolute;inset:17% 7%;display:flex;gap:3px;align-items:center;transform:rotate(-8deg);background:#121a23;padding:8px;opacity:1}.folio-static img{width:50%;height:100%;object-fit:contain}.folio-loaded .folio-static{opacity:0}.hero-book-wrap{top:27%;width:57vw;right:-7vw}.closing-book{display:flex;gap:5px;width:50%;right:-6%;transform:rotate(17deg);top:26%;opacity:.65}.closing-book img{width:49%;height:auto;box-shadow:0 20px 45px #0004}
@media(max-width:900px){.hero-book-wrap{width:62vw;right:-10vw;top:34%}}
@media(max-width:600px){.hero-book-wrap{width:88vw;right:6vw;top:42%}#folio-3d{aspect-ratio:1.55}.closing-book{width:86%;right:-9%;top:300px}.hero-caption{bottom:11%}}
@media(min-width:901px){.hero h1{top:24%;font-size:11.5vw;line-height:1.02}.hero-line.second{font-size:15vw}.hero-eyebrow{top:18%}.hero-caption{bottom:12%}}
@media(min-width:1700px){.hero h1{font-size:195px}.hero-line.second{font-size:255px}}

/* Musical annotations share the scan's coordinates and scale with its staff. */
.annotated-score .ink-overlay{height:auto;aspect-ratio:1050/620}
.ink-overlay .cue-arrow{stroke-width:3.5}
.ink-overlay .play-out{fill:#ed265c;font:bold italic 21px Georgia,serif}
.ink-overlay .courtesy-accidental{fill:none;stroke:#307de4;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* The border pulse uses the same beat callback as the metronome lights. */
.metronome-glow{position:absolute;inset:-1px;border:1px solid #f2cd73;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 13px 2px #ffbf4560,0 0 34px 7px #ffb30024,inset 0 0 16px #ffbf451a}
.motion-paused .metronome-glow{display:none}
@media(prefers-reduced-motion:reduce){.metronome-glow{display:none}}

.about{padding:60px var(--pad) 0;max-width:820px}.about p{font-size:17px;line-height:1.55;color:#c4b9d5;margin:16px 0 0}.about a,.site-footer p a{color:var(--cream);border-bottom:1px solid var(--line)}.site-footer p{font-size:12px;color:var(--muted);margin:0}