@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Serif+Display&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#192841;--paper:#f8f4ea;--cream:#fffdf8;--orange:#ed7955;--orange-light:#ffd7b8;--moss:#839c73;--mint:#a9d8c1;--line:#dfd8c8;--muted:#687486;--subtle:#f7f4ec;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--moss);outline-offset:3px}.site-header,.hero,.made-for-players,.how-it-works,.closing-cta,.site-footer{max-width:1240px;margin:0 auto}.site-header{grid-template-columns:auto 1fr auto;align-items:center;min-height:92px;padding:0 28px;display:grid}.brand{min-height:44px;color:var(--ink);letter-spacing:-1.25px;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{flex:none;width:28px;height:28px;display:block}.primary-nav{justify-content:center;gap:31px;padding:0 18px;display:flex}.primary-nav a,.sign-in{color:#566377;white-space:nowrap;align-items:center;min-height:44px;font-size:12px;font-weight:700;display:inline-flex}.primary-nav a:hover,.sign-in:hover{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:4px}.nav-actions{align-items:center;gap:20px;display:flex}.button{white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:12px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 9px 18px #19284125}.button:active{box-shadow:none;transform:translateY(1px)}.button-ink{background:var(--ink);color:var(--cream)}.button-orange{background:var(--orange-light);color:var(--ink)}.button span{font-size:16px}.hero{grid-template-columns:.82fr 1.18fr;align-items:center;gap:32px;min-height:590px;padding:52px 28px 64px;display:grid}.hero-copy{z-index:2;width:100%;max-width:470px;margin:0;padding:0;position:relative}.hero-preview{min-width:0;margin:0}.hero-preview-image{border:6px solid var(--cream);background:var(--cream);border-radius:13px;width:100%;height:auto;display:block;box-shadow:0 24px 48px #3d3a2722}.hero-preview figcaption{color:#566377;text-align:center;margin-top:12px;font-size:11px;line-height:1.5}.eyebrow,.section-kicker{color:#53644a;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;display:flex}.eyebrow{margin:0 0 20px}.eyebrow span{border:2px solid var(--orange);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(44px,5vw,68px);font-weight:800;line-height:.99}.hero h1 em{color:#c25235;font-family:DM Serif Display,Georgia,serif;font-weight:400}.hero-description{color:#566377;max-width:405px;margin:26px 0;font-size:15px;line-height:1.72}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.listen-link{color:#455366;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:800;display:inline-flex}.listen-link span{width:28px;height:28px;color:var(--ink);border:1px solid #92988e;border-radius:50%;flex:0 0 28px;place-items:center;font-size:8px;display:grid}.listen-link:hover span{border-color:var(--ink);background:var(--orange-light)}.quiet-note{color:#626d7a;margin:24px 0 0;font-size:11px;font-weight:600}.made-for-players{max-width:1240px;margin:0 auto;padding:78px 52px 84px}.how-it-works{border-block:1px solid var(--line);background:var(--cream);max-width:none;margin:0;padding:78px 28px}.home-section-inner{max-width:1120px;margin:0 auto}.section-heading{max-width:660px;margin:0 0 32px}.section-heading .section-kicker,.closing-cta .section-kicker{margin:0 0 14px}.section-heading h2,.closing-cta h2{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,38px);line-height:1.15}.section-heading>p:last-child,.closing-cta>div>p:last-child{color:#566377;max-width:520px;margin:14px 0 0;font-size:14px;line-height:1.7}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);background:var(--paper);border-radius:12px;min-width:0;padding:22px 22px 24px}.step-number{color:#53644a;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.step h3{margin:15px 0 8px;font-size:16px;line-height:1.45}.step p{color:#566377;margin:0;font-size:13px;line-height:1.7}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feature{border:1px solid var(--line);background:var(--cream);border-radius:12px;flex-direction:column;min-width:0;min-height:190px;padding:23px 24px 18px;transition:border-color .18s,transform .18s;display:flex}.feature:hover{border-color:var(--moss);transform:translateY(-2px)}.feature h3{margin:0 0 8px;font-size:17px;line-height:1.45}.feature p{color:#566377;max-width:48ch;margin:0;font-size:13px;line-height:1.7}.closing-cta{border:1px solid var(--line);background:#f4eddd;border-radius:12px;justify-content:space-between;align-items:center;gap:28px;max-width:1144px;margin-bottom:54px;padding:34px 38px;display:flex}.closing-actions{flex-direction:column;flex:none;align-items:flex-start;gap:8px;display:flex}.closing-actions .sign-in{font-size:11px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:18px 28px;display:flex}.site-footer .brand{font-size:17px}.site-footer p,.site-footer>a:last-child{color:#566377;font-size:11px;font-weight:600}.feature:hover h3{text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:4px}.feature-link{color:#44553d;align-items:center;gap:6px;min-height:30px;margin-top:auto;padding-top:14px;font-size:12px;font-weight:800;display:inline-flex}.other-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-hero,.other-features{max-width:1240px;margin:0 auto}.feature-hero{grid-template-columns:.82fr 1.18fr;align-items:center;gap:32px;min-height:570px;padding:48px 28px 62px;display:grid}.feature-hero-copy{z-index:1;max-width:470px;position:relative}.feature-hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(42px,5vw,64px);font-weight:800;line-height:1.02}.feature-hero-description{color:#566377;max-width:425px;margin:24px 0;font-size:15px;line-height:1.72}.feature-preview{min-width:0;margin:0}.preview-window{border:6px solid var(--cream);background:var(--cream);border-radius:13px;overflow:hidden;box-shadow:0 24px 48px #3d3a2722}.preview-window-bar{background:#f3f0e9;border-bottom:1px solid #e7e2d7;align-items:center;gap:6px;height:36px;padding:0 12px;display:flex}.preview-window-bar>span{background:#c6c3b8;border-radius:50%;width:7px;height:7px}.preview-window-bar>span:first-child{background:#e7a28b}.preview-window-bar>div{background:var(--cream);color:#79808a;text-align:center;border:1px solid #e7e2d7;border-radius:4px;width:min(58%,230px);margin:0 auto;font-family:DM Mono,monospace;font-size:9px;line-height:20px}.preview-toolbar,.preview-tool-row,.preview-bottom-bar{justify-content:space-between;align-items:center;gap:12px;padding-left:18px;padding-right:18px;display:flex}.preview-toolbar{border-bottom:1px solid #ebe5da;min-height:62px}.preview-toolbar>div,.preview-label{flex-direction:column;display:flex}.preview-label{color:#697461;letter-spacing:.8px;margin-bottom:4px;font-family:DM Mono,monospace;font-size:8px;font-weight:500}.preview-toolbar strong,.library-heading strong{letter-spacing:-.2px;font-size:13px}.preview-save{color:#526749;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.preview-save i,.library-footer i{background:var(--moss);border-radius:50%;width:7px;height:7px}.preview-tool-row{color:#616b79;border-bottom:1px solid #ebe5da;justify-content:flex-start;min-height:48px;font-size:10px}.preview-tool-row>span:not(.preview-tool-spacer){padding:6px 8px}.preview-tool-row .preview-tool-active{color:#703d2f;background:#f9e7dc;border-radius:4px;font-weight:800}.preview-tool-spacer{flex:1}.preview-tool-row .preview-metadata{color:#58654e;white-space:nowrap;font-family:DM Mono,monospace;font-size:8px}.preview-score-paper{background:radial-gradient(ellipse at 10% 0%, #f8f4ea88, transparent 60%), var(--cream);min-height:215px;padding:20px 24px 30px;position:relative}.preview-score-heading{color:#65705e;letter-spacing:.6px;text-transform:uppercase;justify-content:space-between;align-items:center;font-family:DM Mono,monospace;font-size:8px;display:flex}.preview-score-heading span:last-child{color:#78808a;letter-spacing:0;text-transform:none}.score-preview{margin:14px 0 0;padding-left:24px;position:relative}.score-string{height:24px;position:relative}.score-string-name{color:#596477;font-family:DM Mono,monospace;font-size:10px;position:absolute;top:50%;left:-21px;transform:translateY(-50%)}.score-string-line{background:linear-gradient(#0000 calc(50% - .5px),#c7c5bb calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;height:100%;display:grid}.score-note{z-index:1;background:var(--cream);min-width:17px;min-height:18px;color:var(--ink);place-items:center;font-family:DM Mono,monospace;font-size:11px;font-weight:500;display:grid}.score-note-active{background:#d9eee2;border:1px solid #829975;border-radius:4px}.score-beats{pointer-events:none;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0 0 0 24px}.score-beats span{border-left:1px solid #e4dfd4}.score-beats span:last-child{border-right:1px solid #e4dfd4}.preview-measure-labels{color:#8a8d88;justify-content:space-around;margin:8px 0 0 24px;font-family:DM Mono,monospace;font-size:8px;display:flex}.preview-bottom-bar{color:#707987;background:#f7f4ec;border-top:1px solid #ebe5da;min-height:37px;font-family:DM Mono,monospace;font-size:8px}.import-preview-image{border:6px solid var(--cream);background:var(--cream);border-radius:13px;overflow:hidden;box-shadow:0 24px 48px #3d3a2722}.import-preview-image img{width:100%;height:auto;display:block}.playback-score{padding:22px 25px 16px}.score-preview-playing{overflow:hidden}.score-preview-playing:after{background:var(--orange);content:"";width:2px;position:absolute;top:0;bottom:0;left:54%}.playback-score .score-string-line{grid-template-columns:repeat(6,minmax(0,1fr))}.playback-timeline{background:#e5e0d5;border-radius:2px;height:4px;margin:19px 0 0 24px;position:relative}.playback-timeline span{background:var(--orange);border-radius:2px;width:37%;height:100%;display:block}.playback-controls{background:#f7f4ec;border-top:1px solid #ebe5da;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:10px 20px;display:flex}.playback-track-meta{align-items:center;gap:11px;display:flex}.playback-play{background:var(--ink);width:34px;height:34px;color:var(--cream);border-radius:50%;place-items:center;font-size:12px;display:grid}.playback-track-meta strong,.playback-track-meta small{display:block}.playback-track-meta strong{font-size:10px}.playback-track-meta small{color:#6c7683;margin-top:3px;font-size:9px}.playback-tempo{color:#58654e;white-space:nowrap;font-family:DM Mono,monospace;font-size:10px}.library-heading{justify-content:space-between;align-items:center;min-height:86px;padding:16px 24px 12px;display:flex}.library-heading>div{flex-direction:column;gap:3px;display:flex}.library-heading strong{letter-spacing:-.7px;font-size:20px}.library-count{color:#758071;font-family:DM Mono,monospace;font-size:9px}.library-list{padding:0 24px}.library-song{border-top:1px solid #ebe5da;align-items:center;gap:13px;min-height:68px;display:flex}.library-song-mark{color:#465a3f;background:#dfe8d9;border-radius:7px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-family:DM Serif Display,Georgia,serif;font-size:18px;display:grid}.library-song-mark-2{color:#774332;background:#f6dfd4}.library-song-mark-3{color:#59634c;background:#e7e8db}.library-song-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.library-song-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.library-song-copy small{color:#717b88;font-size:9px}.library-song-arrow{color:#6b7785;font-size:12px}.library-footer{color:#566377;background:#f7f4ec;border-top:1px solid #ebe5da;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 24px;font-size:9px;display:flex}.library-footer>span:first-child{align-items:center;gap:7px;display:inline-flex}.library-footer>span:last-child{color:#3e5138;white-space:nowrap;font-weight:800}.feature-overview{max-width:none;margin:0;padding:72px 28px 64px}@media (max-width:1024px){.site-header{min-height:82px;padding:0 24px}.primary-nav{gap:18px;padding:0 12px}.nav-actions{gap:12px}.how-it-works,.made-for-players{padding-left:36px;padding-right:36px}.feature-hero{grid-template-columns:.9fr 1.1fr;gap:24px;padding-left:24px;padding-right:24px}.feature-overview{padding-left:36px;padding-right:36px}.other-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.other-feature-grid .feature:last-child{grid-column:1/-1}.closing-cta{margin-left:28px;margin-right:28px}}@media (max-width:850px){.site-header{grid-template-columns:1fr auto;grid-template-areas:"brand actions""nav nav";row-gap:2px;padding:10px 24px 8px}.site-header>.brand{grid-area:brand}.primary-nav{scrollbar-width:thin;grid-area:nav;justify-content:flex-start;gap:22px;padding:0;overflow-x:auto}.nav-actions{grid-area:actions}.hero{min-height:unset;grid-template-columns:1fr;gap:32px;padding:50px 24px 40px}.hero-copy{padding-left:0}.feature-hero{min-height:unset;grid-template-columns:1fr;gap:32px;padding:46px 24px 42px}.feature-hero-copy{max-width:560px}.feature-preview{width:100%;max-width:700px;margin:0 auto}.steps{gap:16px}}@media (max-width:540px){.site-header{padding:8px 20px 6px}.brand{gap:8px;font-size:18px}.brand-mark{width:26px;height:26px}.nav-actions{gap:8px}.sign-in{font-size:11px}.nav-actions .button{padding:9px 11px;font-size:11px}.primary-nav{gap:18px}.primary-nav a{font-size:11px}.hero{padding:36px 20px 30px}.feature-hero{gap:26px;padding:36px 20px 30px}.feature-hero h1{font-size:clamp(40px,11vw,56px)}.feature-hero-description{margin:20px 0;font-size:14px}.feature-hero .hero-actions{align-items:flex-start;gap:8px 16px}.feature-preview .preview-window,.import-preview-image{border-width:4px;border-radius:10px}.preview-toolbar,.preview-tool-row,.preview-bottom-bar{padding-left:12px;padding-right:12px}.preview-score-paper{min-height:195px;padding:18px 15px 25px}.playback-score{padding-left:16px;padding-right:16px}.library-heading,.library-list{padding-left:15px;padding-right:15px}.library-footer{flex-direction:column;align-items:flex-start;padding:10px 15px}.feature-overview{padding:58px 20px 54px}.hero h1{font-size:clamp(42px,12vw,58px)}.hero-description{margin:20px 0;font-size:14px}.hero-actions{align-items:flex-start;gap:8px 16px}.quiet-note{margin-top:18px}.made-for-players,.how-it-works{padding:58px 20px 64px}.section-heading{margin-bottom:24px}.steps,.feature-grid{grid-template-columns:1fr;gap:12px}.step{grid-template-columns:34px 1fr;column-gap:12px;padding:18px;display:grid}.step-number{grid-row:1/3;padding-top:3px}.step h3{margin:0 0 5px}.feature{min-height:168px;padding:20px 20px 16px}.closing-cta{flex-direction:column;align-items:flex-start;margin:0 20px 36px;padding:26px 22px}.site-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:20px}.site-footer p{margin:2px 0}}@media (max-width:360px){.site-header{padding-left:14px;padding-right:14px}.brand{font-size:16px}.nav-actions{gap:5px}.sign-in{font-size:10px}.nav-actions .button{padding:8px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}