@font-face{font-family:Paper Sans;src:url('assets/sans-sc.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Paper Sans;src:url('assets/sans-sc-bold.woff2') format('woff2');font-weight:600 900;font-display:swap}@font-face{font-family:Score Serif;src:url('assets/serif.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#f1eee3;--surface:#fdfbf7;--ink:#161616;--muted:#7b786e;--border:#dbd8cd;--primary:#e56399;--secondary:#8bbdbd;--plum:#582c4d;--hover:#e6e0d6;--pink-wash:#f6e5e9;--teal-wash:#e4eeea;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Paper Sans',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--plum);outline-offset:5px}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%}.wrap{max-width:var(--max);width:calc(100% - 96px);margin-inline:auto}.paper{background:var(--surface);border:1px solid var(--border);border-radius:12px}.small-muted,.tiny-label{color:var(--muted)}.tiny-label{font:10px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:1.3px}.skip{position:absolute;top:-70px;left:20px;padding:12px;background:var(--surface);z-index:5}.skip:focus{top:10px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand img{width:120px;height:auto}.site-header nav{display:flex;gap:36px;margin-left:78px;font-size:13px;color:#57564f}.site-header nav a:hover,.text-link:hover{color:var(--plum)}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:0 25px;min-height:52px;border-radius:999px;background:var(--primary);color:var(--ink);font-weight:600;font-size:14px;transition:background .18s,transform .18s}.button:hover{background:#ee81ae;transform:translateY(-2px)}.button:active{transform:translateY(0);background:#d5568c}.button.small{min-height:40px;gap:20px;font-size:12px;padding:0 20px}.button span{font-family:Arial,sans-serif;font-size:21px;font-weight:400}.hero{display:grid;grid-template-columns:.89fr 1.11fr;gap:36px;align-items:center;padding-top:72px;padding-bottom:52px;min-height:690px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.5px;font-weight:600}.accent-dot{width:7px;height:7px;background:var(--primary);border-radius:50%}.hero h1{font-size:clamp(48px,5.3vw,72px);line-height:1.28;letter-spacing:-4px;margin:25px 0 23px;font-weight:700}.marked{position:relative;isolation:isolate}.marked:after{content:'';height:12px;position:absolute;bottom:8px;left:1px;right:5px;background:var(--primary);opacity:.42;z-index:-1}.intro{font-size:16px;line-height:2;color:#67645c;letter-spacing:.2px}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:31px}.text-link{font-size:13px;display:flex;gap:15px;align-items:center}.hero-note{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;margin-top:32px}.hero-note img{height:29px;width:18px;opacity:.64}.hero-product{padding:20px 0 0 12px;min-width:0}.paper-tab{display:flex;justify-content:space-between;padding:0 13px 12px;font-size:9px;letter-spacing:1.2px;color:var(--muted)}.paper-tab span{font-size:10px;letter-spacing:.3px}.reader{overflow:hidden}.app-top{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--border);height:51px}.app-back{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:16px}.app-back span{font-size:11px}.app-actions{display:flex;gap:7px}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:21px;border-radius:999px}.icon-button:hover{background:var(--hover)}.icon-button[aria-pressed=true]{color:var(--plum);background:var(--pink-wash)}.song-heading{text-align:center;padding:23px 10px 19px}.song-heading .tiny-label{font-size:8px;letter-spacing:2px}.song-heading h2{font-size:25px;letter-spacing:5px;margin:7px 0 4px}.song-heading p{font-size:10px;color:var(--muted)}.song-heading p span{margin:0 6px}.score-meta{margin:0 26px;padding-bottom:12px;display:flex;gap:17px;font-size:10px;border-bottom:1px solid var(--border);font-family:'Paper Sans',sans-serif}.score-meta b{font-weight:400}.score-meta-end{margin-left:auto;color:var(--muted)}.chord-strip{display:flex;justify-content:center;gap:33px;padding:16px 0 8px}.chord-diagram{width:46px;display:flex;flex-direction:column;align-items:center;gap:3px}.chord-name{font:600 14px/1.1 'Score Serif',Georgia,serif}.chord-diagram svg{display:block;width:43px;height:57px;overflow:visible}.score-section{display:flex;align-items:center;gap:8px;margin:5px 26px 17px;font-size:10px}.section-badge{width:21px;height:22px;display:inline-flex;align-items:center;justify-content:center;font:600 11px/1 Arial;border:1px solid var(--ink);border-radius:3px}.score-section .tiny-label{margin-left:auto;font-size:8px;letter-spacing:0}.lead-line{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #aca99f}.hero-line{margin:0 26px 25px}.bar{position:relative;border-right:1px solid #aca99f;padding:1px 9px 2px;min-width:0}.bar b{display:block;font:600 16px/1.4 'Score Serif',Georgia,serif;margin-bottom:7px}.bar .rhythm{display:block;color:#aba89e;letter-spacing:7px;font-size:15px;height:18px;line-height:18px;margin:0 0 9px}.bar .lyric{display:block;font-size:10px;letter-spacing:1.4px;white-space:nowrap}.bar.is-playing{background:var(--pink-wash)}.bar.is-playing:before{content:'';position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--primary);animation:cursor-travel 3s linear infinite}@keyframes cursor-travel{from{left:0}to{left:100%}}.reader-foot{display:flex;align-items:center;gap:12px;padding:13px 20px;border-top:1px solid var(--border);background:var(--bg);font-size:10px}.play-button{background:var(--primary);border-radius:50%;width:31px;height:31px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.play-button:hover{background:#ee81ae}.beats{display:flex;gap:5px}.beats i{display:block;width:5px;height:5px;background:var(--border);border-radius:50%}.beats .lit{background:var(--primary)}.reader-foot .beats{margin-left:auto}.reader-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:9px}.tempo-chip{border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:4px 9px;font-size:10px;white-space:nowrap}.margin-note{display:flex;align-items:center;justify-content:flex-end;padding:14px 14px 0;font-size:11px;color:var(--muted);gap:10px}.margin-note span{color:var(--plum);font:25px 'Score Serif',Georgia,serif;transform:rotate(12deg)}.promise-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:22px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.promise-strip>div{display:flex;gap:27px}.promise-strip>div span{display:flex;align-items:center;gap:8px}.promise-strip>div span:before{content:'✳';font-size:14px;color:var(--plum)}
.feature-section{display:grid;grid-template-columns:1fr 1.13fr;gap:85px;padding-top:106px;padding-bottom:112px;align-items:center}.index{font:11px/1.5 Georgia,serif;color:var(--muted);border:1px solid #c7c2b5;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;letter-spacing:0;font-style:italic}.section-copy h2,.section-heading h2,.tools-intro h2{font-size:42px;line-height:1.45;letter-spacing:-1.7px;margin:20px 0}.section-copy>p:not(.eyebrow):not(.interaction-hint),.section-heading>p{font-size:14px;color:#6d6a61;line-height:2.05}.feature-points{display:flex;gap:15px;margin-top:24px;font-size:11px;color:#5b5851}.feature-points i{font-style:normal;color:var(--plum);margin-right:4px}.section-copy .interaction-hint{font-size:11px;color:var(--muted);margin-top:38px}.interaction-hint span{display:inline-block;margin-left:15px;color:var(--ink)}.transpose-demo{overflow:hidden}.demo-top{padding:17px 22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:11px}.demo-top .tiny-label{font-size:8px}.key-picker{display:flex;border:1px solid var(--border);border-radius:999px;margin:25px auto 20px;width:max-content;padding:4px;gap:3px;background:var(--bg)}.key-picker button{width:48px;height:33px;border-radius:999px;font-size:13px}.key-picker button:hover{background:var(--hover)}.key-picker button.selected{background:var(--primary);font-weight:600}.mini-score{padding:5px 27px 22px}.mini-score .small-muted{font-size:10px;display:block;margin-bottom:18px}.transpose-line .bar{padding-left:12px}.transpose-line .lyric{font-size:12px;letter-spacing:.4px}.transpose-line .bar b{font-size:22px;margin-bottom:16px}.transpose-diagrams{display:flex;justify-content:space-around;border-top:1px solid var(--border);margin:0 27px;padding:23px 15px 25px}.transpose-diagrams .chord-diagram{width:55px}.transpose-diagrams .chord-diagram svg{width:49px;height:61px}.demo-bottom{background:var(--bg);border-top:1px solid var(--border);padding:15px 20px;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--secondary)}.key-status{margin-left:auto;font-size:9px}
.write-section{background:#e8e4d8;border-block:1px solid var(--border);padding:83px 0 37px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>p{padding-right:22px;padding-top:34px}.section-heading>p .small-muted{display:inline-block;font-size:11px;margin-top:13px}.editor{overflow:hidden}.editor-header{padding:19px 25px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:13px}.editor-header b{font-weight:600;margin-left:10px}.draft-tag{margin-left:12px;font-size:9px;border:1px solid var(--border);border-radius:999px;padding:3px 8px;color:var(--muted);white-space:nowrap}.save-state{font-size:10px;color:var(--muted)}.editor-toolbar{display:flex;align-items:center;gap:14px;padding:13px 23px;border-bottom:1px solid var(--border)}.editor-toolbar>div{display:flex;gap:3px;border-radius:999px;background:var(--bg);padding:3px}.tool-button{padding:6px 12px;border-radius:999px;font-size:11px}.tool-button:hover{background:var(--hover)}.tool-button.active{background:var(--surface);border:1px solid var(--border);padding:5px 11px}.toolbar-divider{color:var(--border);margin:0 5px}.toolbar-spacer{flex:1}.editor-toolbar .small-muted{font-size:10px}.editor-undo{font-size:20px;padding:0 6px}.editor-canvas{position:relative;padding:38px 45px 25px;min-height:231px}.editor-canvas>.section-badge{margin-bottom:23px}.editor-bars{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #bcb8ac;row-gap:22px}.editor-bar{border-right:1px solid #bcb8ac;min-height:65px;padding:0 17px;position:relative}.editor-chord{font:600 22px 'Score Serif',Georgia,serif;margin-left:-5px;padding:0 5px 6px;border-radius:4px}.editor-chord.selected{background:var(--pink-wash);color:var(--plum)}.editor-lyric{display:block;font-size:14px;letter-spacing:3px;min-width:0;max-width:100%;white-space:normal;margin-top:8px;min-height:28px}.editor-lyric[contenteditable=true]{border-bottom:1px dashed var(--primary)}.editor-helper{font-size:10px;margin-top:18px;color:var(--muted)}.chord-palette{display:flex;gap:11px;align-items:center;padding:18px 25px;border-top:1px solid var(--border);background:var(--bg)}.chord-palette>span:first-child{font-size:10px;color:var(--muted);margin-right:12px}.chord-palette button{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:49px;height:36px;font:600 15px 'Score Serif',Georgia,serif}.chord-palette button:hover,.chord-palette button.chosen{background:var(--pink-wash);border-color:var(--primary)}.palette-note{margin-left:auto;color:var(--muted);font-size:10px}.write-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:18px}.write-caption .tiny-label{font-size:8px}
.daily-section{padding-top:99px;padding-bottom:90px}.daily-section .section-heading{margin-bottom:48px}.daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.daily-grid article h3{font-size:20px;letter-spacing:-.5px;margin:24px 0 10px}.daily-grid article>p{font-size:12px;color:var(--muted)}.practice-visual,.setlist-visual{border:1px solid var(--border);border-radius:12px;background:var(--surface);min-height:230px;overflow:hidden}.practice-visual{padding:24px 27px 0;background:var(--teal-wash);border-color:#d0d9d1}.practice-caption{display:flex;gap:8px;align-items:center;font-size:11px;margin-bottom:21px}.practice-caption>.small-muted{margin-left:auto;font-size:10px}.practice-bars{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #a1b1a8}.practice-bars>div{position:relative;display:flex;flex-direction:column;gap:12px;border-right:1px solid #a1b1a8;padding:7px 10px}.practice-bars b{font:600 22px 'Score Serif',Georgia,serif}.practice-bars span{font-size:12px;white-space:nowrap}.playing-bar{background:#cdded6}.playhead{position:absolute;top:0;bottom:0;left:20%;width:2px;background:#528f90}.practice-visual.running .playhead{animation:cursor-travel 3s linear infinite}.practice-transport{display:flex;gap:12px;align-items:center;margin-top:24px;padding:13px 0;border-top:1px solid #ccd8cf;font-size:10px;color:#5e746a}.secondary{background:var(--secondary)}.practice-transport .beats{margin-left:auto}.practice-transport .lit{background:#528f90}.setlist-visual{padding:22px 25px}.setlist-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.setlist-icon{width:41px;height:43px;background:var(--pink-wash);color:var(--plum);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:25px}.setlist-head h4{font-size:12px}.setlist-head p{font-size:9px;color:var(--muted);margin-top:3px}.setlist-head>.icon-button{margin-left:auto}.setlist-row{display:flex;align-items:center;gap:15px;padding:12px 0;border-top:1px solid var(--border);font-size:10px}.setlist-row>span:first-child{font:10px Georgia;color:var(--muted)}.setlist-row b{font-size:11px;font-weight:400}.setlist-row>span:nth-last-child(2){margin-left:auto;border-radius:4px;background:var(--bg);padding:1px 6px;font:11px Georgia}.setlist-row>span:last-child{color:var(--muted);font-size:9px;width:28px;text-align:right}
.tools-section{display:grid;grid-template-columns:.85fr 1.5fr;gap:40px;align-items:center;border-top:1px solid var(--border);padding:54px 0 66px}.tools-intro h2{font-size:30px;margin:14px 0;line-height:1.55;letter-spacing:-1px}.tools-intro .eyebrow{font-size:10px;color:var(--muted)}.tools-intro>p:last-child{font-size:11px;color:var(--muted)}.tool-previews{display:grid;grid-template-columns:repeat(3,1fr)}.tool-preview{text-align:center;border-left:1px solid var(--border);padding:0 14px}.tool-preview h3{font-size:12px;margin-top:14px;font-weight:600}.tool-preview>p{font-size:9px;color:var(--muted);margin-top:4px}.tuner-preview,.metronome-preview,.dictionary-preview{height:107px}.tuner-preview{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;align-content:center;align-items:center;padding-top:7px}.tuner-preview>span{font-size:8px;color:var(--muted)}.tuner-preview>b{font:400 36px 'Score Serif',Georgia,serif}.tuner-preview>b span{font-size:14px}.tuner-scale{height:17px;width:100%;background:repeating-linear-gradient(90deg,transparent 0,transparent 7px,#c8c3b6 7px,#c8c3b6 8px);position:relative;max-width:108px}.tuner-scale i{position:absolute;width:2px;height:25px;background:#528f90;left:50%;top:-4px}.tuner-preview small{font-size:8px;color:#528f90;width:100%;margin-top:1px}.metronome-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:8px}.metronome-preview b{font:400 45px 'Score Serif',Georgia,serif}.metronome-preview>span{font-size:8px;color:var(--muted);align-self:center;margin-top:17px}.metronome-preview .beats{width:100%;justify-content:center;margin-top:14px;gap:12px}.metronome-preview .beats i{width:7px;height:7px}.dictionary-preview{display:flex;align-items:center;justify-content:center}.dictionary-preview .chord-diagram{width:57px}.dictionary-preview .chord-diagram svg{height:73px;width:55px}.dictionary-preview .chord-name{font-size:17px}.closing{position:relative;text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden;padding:56px 20px 45px;isolation:isolate}.closing>.tiny-label{font-size:8px;letter-spacing:2px}.closing h2{font-size:40px;line-height:1.5;letter-spacing:-1.8px;margin:17px 0 12px}.closing p{font-size:12px;color:var(--muted);margin-bottom:25px}.closing-bars{display:flex;align-items:center;justify-content:space-around;margin:44px 35px 0;font:italic 25px 'Score Serif',Georgia,serif;color:#c4c0b1;border-bottom:1px solid var(--border);padding-bottom:12px}.closing-bars span:nth-child(3){color:var(--primary)}footer{display:flex;align-items:center;gap:25px;padding:36px 0 30px;font-size:9px;color:var(--muted)}footer .brand img{width:89px}footer .footer-right{margin-left:auto;display:flex;gap:25px}.mobile-break{display:none}dialog{border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--ink);padding:50px 42px 34px;text-align:center;max-width:440px;width:calc(100% - 40px)}dialog::backdrop{background:#16161655;backdrop-filter:blur(3px)}dialog>img{width:115px;margin:0 auto 28px}dialog h2{font-size:23px;line-height:1.6;margin:0 0 15px}dialog p{color:var(--muted);font-size:13px;line-height:2}dialog .button{margin-top:26px;min-height:44px}dialog small{display:block;font-size:10px;color:var(--muted);margin-top:20px}.dialog-close{position:absolute;top:12px;right:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:12px 24px;font-size:12px;z-index:10;transition:.2s;max-width:calc(100% - 32px);white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:70px;min-height:735px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:12px;min-height:620px}.hero h1{font-size:58px}.hero-product{padding-left:0}.hero-note{font-size:10px}.chord-strip{gap:25px}.bar .lyric{letter-spacing:0;font-size:9px}.bar .rhythm{letter-spacing:5px}.feature-section{gap:45px}.section-copy h2,.section-heading h2{font-size:36px}.section-copy>p:not(.eyebrow):not(.interaction-hint),.section-heading>p{font-size:12px}.feature-points{gap:9px;font-size:10px}.transpose-line .bar{padding-left:6px}.transpose-line .lyric{font-size:10px}.daily-grid{gap:28px}.daily-grid article h3{font-size:18px}.practice-visual{padding-inline:18px}.practice-bars span{font-size:10px}.setlist-head h4{font-size:11px}.tools-section{gap:20px;grid-template-columns:.85fr 1.5fr}.tool-preview{padding-inline:8px}.tuner-preview{gap:7px}.palette-note{display:none}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:80px}.brand img{width:105px}.site-header nav{gap:18px;margin-left:0;font-size:11px}.site-header .button{font-size:11px;padding-inline:15px;gap:10px}.hero{grid-template-columns:1fr;gap:37px;padding-top:51px;padding-bottom:35px;text-align:center}.hero-copy .eyebrow{justify-content:center}.hero h1{font-size:60px;margin:23px 0 20px;letter-spacing:-3px}.intro{font-size:14px}.hero-actions{justify-content:center;margin-top:27px}.hero-note{justify-content:center;margin-top:22px}.hero-product{max-width:560px;width:100%;margin:auto}.hero-note img{height:23px}.promise-strip{font-size:10px;gap:16px;justify-content:center}.promise-strip>div{gap:17px}.promise-strip>span{display:none}.feature-section{grid-template-columns:1fr;gap:33px;padding-top:67px;padding-bottom:67px}.section-copy h2,.section-heading h2{font-size:36px}.section-copy>p:not(.eyebrow):not(.interaction-hint),.section-heading>p{font-size:13px}.feature-points{gap:20px;font-size:11px}.section-copy .interaction-hint{margin-top:23px}.transpose-demo{width:100%}.transpose-line .lyric{font-size:12px}.transpose-line .bar{padding-left:13px}.write-section{padding-top:60px;padding-bottom:28px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:28px}.section-heading>p{padding:0}.section-heading>p .small-muted{margin-top:7px}.editor-header{padding:16px}.editor-toolbar{padding:10px 13px;gap:4px}.editor-canvas{padding:26px 20px 20px}.editor-bar{padding:0 9px}.editor-lyric{font-size:12px;letter-spacing:1px}.chord-palette{padding:14px 16px;gap:7px}.chord-palette>span:first-child{margin-right:1px;font-size:9px}.chord-palette button{width:43px}.write-caption .tiny-label{display:none}.daily-section{padding-top:66px;padding-bottom:56px}.daily-grid{grid-template-columns:1fr;gap:36px}.daily-grid article h3{font-size:19px;margin-top:20px}.daily-grid article>p{font-size:12px}.practice-bars span{font-size:12px}.setlist-visual{min-height:230px}.tools-section{grid-template-columns:1fr;gap:30px;padding:45px 0}.tools-intro h2{font-size:30px}.tool-preview:first-child{border-left:0}.tool-preview>p{font-size:9px}.closing{padding-top:39px}.closing h2{font-size:33px}.closing-bars{margin-inline:0}.closing-bars span{font-size:22px}footer{flex-wrap:wrap;gap:18px;padding-block:28px}footer .footer-right{width:100%;margin-left:0;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border)}}
@media(max-width:460px){.site-header nav{display:none}.hero h1{font-size:54px}.hero-product{padding-top:0}.paper-tab{font-size:7px}.paper-tab span{font-size:8px}.song-heading{padding-top:18px}.song-heading h2{font-size:23px}.chord-strip{gap:24px}.hero-line{margin-inline:15px;margin-bottom:21px}.score-section{margin-inline:15px}.score-meta{margin-inline:15px;gap:12px}.bar{padding-inline:6px}.bar b{font-size:15px}.bar .rhythm{font-size:13px;letter-spacing:5px}.bar .lyric{font-size:9px;letter-spacing:0}.reader-foot{padding-inline:13px;gap:9px}.reader-time{display:none}.reader-foot .beats{margin-left:auto}.transport-label{font-size:9px}.section-copy h2,.section-heading h2{font-size:32px}.section-copy>p:not(.eyebrow):not(.interaction-hint),.section-heading>p{font-size:12px}.key-picker button{width:44px}.transpose-line .bar{padding-left:7px}.transpose-line .lyric{font-size:10px}.mini-score{padding-inline:18px}.transpose-diagrams{margin-inline:18px}.demo-bottom{font-size:9px;padding-inline:15px}.editor-header{font-size:11px}.editor-header b{margin-left:4px}.draft-tag{font-size:8px;margin-left:5px}.save-state{font-size:8px}.editor-toolbar .small-muted{display:none}.tool-button{font-size:10px;padding-inline:9px}.editor-canvas{padding-inline:14px}.editor-bar{padding-inline:7px}.editor-chord{font-size:20px}.editor-lyric{font-size:11px;letter-spacing:0}.chord-palette{gap:5px;padding-inline:11px}.chord-palette button{width:36px;height:34px;font-size:14px}.chord-palette>span:first-child{font-size:8px}.practice-bars>div{padding-inline:8px}.practice-bars span{font-size:11px}.tool-preview h3{font-size:11px}.tool-preview>p{font-size:8px}.tuner-preview{gap:5px}.tuner-preview>b{font-size:31px}.tuner-preview>span{font-size:7px}.metronome-preview b{font-size:37px}.metronome-preview>span{font-size:7px}.closing h2{font-size:33px;line-height:1.55}.mobile-break{display:block}.closing>p{font-size:11px}.desktop-break{display:none}.hero .desktop-break{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.site-header nav{gap:27px;margin-left:20px}.hero-v2{display:grid;grid-template-columns:.87fr 1.13fr;gap:35px;align-items:center;padding-top:65px;padding-bottom:47px;min-height:710px}.hero-v2-copy h1{font-size:clamp(48px,5.3vw,70px);line-height:1.3;letter-spacing:-3.8px;margin:24px 0;font-weight:700}.hero-v2-copy .intro{font-size:15px;line-height:2}.hero-v2-product{min-width:0;padding-left:12px}.hero-v2-product .paper-tab{padding-inline:0}.hero-v2-product .paper-tab>span:first-child{font-size:10px;letter-spacing:.5px}.real-reader{position:relative;overflow:hidden}.real-reader>img{width:100%;height:auto}.reader-launch{position:absolute;right:13px;bottom:83px;padding:6px 10px;font-size:9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);display:flex;gap:12px;align-items:center}.reader-launch:hover{background:var(--bg);color:var(--plum)}.hero-v2 .margin-note{padding-right:0}.transpose-v2{display:grid;grid-template-columns:.87fr 1.13fr;gap:65px;align-items:center;padding:96px 0 100px}.phrase-demo{overflow:hidden}.subtle{color:var(--muted);font-weight:400;font-size:10px}.original-key{font-size:10px;color:var(--muted)}.phrase-demo .key-picker{margin-top:23px;margin-bottom:18px;padding:3px;gap:2px}.phrase-demo .key-picker button{width:39px;height:32px}.native-phrase{padding:0 8px 16px}.native-phrase img{width:100%;height:auto;min-height:130px;object-fit:contain}.phrase-demo .demo-bottom{padding:15px 18px}.phrase-demo .demo-top{font-size:12px}.practice-v2{padding:76px 0 79px;background:#e8e4d8;border-block:1px solid var(--border)}.practice-v2 .section-heading{margin-bottom:40px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.feature-number{color:var(--muted);font:8px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:1.3px}.feature-title h3{font-size:22px;line-height:1.5;letter-spacing:-.4px;margin:0 0 11px}.feature-title p{font-size:12px;color:#6d6a61;line-height:1.95;margin-bottom:23px}.feature-title p strong{font-weight:400;color:var(--ink)}.simplify-demo,.follow-demo{overflow:hidden;min-height:340px}.simplify-switches{display:flex;gap:26px;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.simplify-switches label{display:flex;align-items:center;gap:12px;font-size:11px}.paper-toggle{width:33px;height:19px;border-radius:999px;background:#c6c1b5;position:relative;transition:background .2s}.paper-toggle i{position:absolute;left:3px;top:3px;background:var(--surface);border-radius:50%;height:13px;width:13px;transition:transform .2s}.paper-toggle[aria-checked=true]{background:var(--primary)}.paper-toggle.teal[aria-checked=true]{background:var(--secondary)}.paper-toggle[aria-checked=true] i{transform:translateX(14px)}.native-practice{height:242px;overflow:auto;scrollbar-width:thin;background:var(--surface)}.native-practice img{width:100%;height:auto}.simplify-demo .demo-bottom{font-size:9px;justify-content:space-between;gap:8px}.simplify-demo .demo-bottom .small-muted{font-size:8px}.follow-top{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--border);font-size:12px}.follow-top b{font-weight:600}.meter-readout{font-size:11px;font-family:Georgia,serif}.meter-readout>span{font-size:10px;margin-left:11px;color:var(--muted)}.native-follow{height:148px;overflow:hidden}.native-follow img{width:100%;height:auto}.follow-progress{display:flex;align-items:center;gap:14px;font-size:9px;color:var(--muted);padding:12px 22px 17px}.follow-progress .beats{margin-left:auto;gap:8px}.follow-progress .beats i{height:6px;width:6px}.follow-progress>span:last-child{font-family:monospace;font-size:10px}.follow-controls{display:flex;gap:6px;align-items:center;justify-content:center;padding:15px 20px;border-top:1px solid var(--border);background:var(--bg);min-height:77px}.gradient-play{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:linear-gradient(25deg,#e56399,#e59963);border-radius:50%;color:#fff;margin-inline:17px}.gradient-play span{font:30px/1 Arial;transform:translateX(1px)}.gradient-play[aria-pressed=true] span{font:18px/1 Arial;transform:none}.gradient-play:hover{filter:brightness(1.05)}.tempo-preset{font-size:10px;padding:5px 9px;border-radius:999px;border:1px solid transparent}.tempo-preset.chosen{background:var(--surface);border-color:var(--border)}.sound-toggle{font-size:9px;padding:5px;color:var(--muted)}.sound-toggle>span{font-size:9px;display:inline-block;margin-left:6px;border:1px solid var(--border);padding:1px 6px;border-radius:999px;background:var(--surface)}.sound-toggle[aria-pressed=true]>span{background:var(--pink-wash);border-color:var(--primary);color:var(--plum)}.stage-v2{padding:92px 0 94px}.stage-v2 .section-heading{margin-bottom:35px}.stage-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:33px}.stage-grid .feature-title h3{font-size:20px;margin-top:0}.stage-grid .feature-title p{font-size:11px;min-height:43px}.setlist-app{overflow:hidden;min-height:343px}.setlist-app-header{padding:12px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:10px;color:var(--muted)}.setlist-app-title{padding:18px 18px 16px;display:flex;align-items:center;gap:11px}.setlist-app-title h4{font-size:13px}.setlist-app-title p{font-size:9px;color:var(--muted);margin-top:4px}.setlist-app-title p>span{padding-inline:5px}.setlist-app-title .setlist-icon{height:39px;width:38px;font-size:24px}.setlist-group{display:flex;justify-content:space-between;padding:8px 18px;color:var(--muted);background:var(--bg);font-size:9px;border-block:1px solid var(--border)}#setlist-rows{list-style:none;margin:0;padding:0 17px}#setlist-rows li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);font-size:10px;min-height:43px}#setlist-rows li:last-child{border-bottom:0}.song-grip{font-size:17px;color:#aca79b;cursor:grab;touch-action:none}.song-index{color:var(--muted);font:9px Georgia;min-width:9px}.song-name{font-size:11px;flex:1}.song-key{font:11px Georgia;border:1px solid var(--border);border-radius:4px;padding:0 5px}.reorder-buttons{display:flex;gap:2px}.reorder-buttons button{height:23px;width:23px;border-radius:999px;font-size:14px;color:var(--muted)}.reorder-buttons button:hover{background:var(--hover)}.reorder-buttons button:disabled{opacity:.25;cursor:default}#setlist-rows li.dragging{opacity:.4}#setlist-rows li.drag-target{background:var(--pink-wash)}.setlist-app-foot{padding:11px 17px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--muted)}.setlist-app-foot button{font-size:9px}.stage-preview{display:block;position:relative;padding:0;overflow:hidden;background:#000;border:1px solid var(--border);border-radius:12px;width:100%;min-height:343px}.stage-preview>img{width:100%;height:auto;min-height:343px;object-fit:contain;object-position:center}.expand-stage{position:absolute;right:13px;bottom:12px;display:flex;gap:18px;align-items:center;border:1px solid #ffffff40;border-radius:999px;color:#ddd;background:#161616;font-size:9px;padding:6px 11px}.stage-preview:hover .expand-stage{background:#2a2429}.tools-v2{padding:48px 0 88px;border-top:1px solid var(--border)}.tools-v2 .section-heading{margin-bottom:38px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.tool-grid>article{min-width:0}.tool-copy{padding:0 0 20px}.tool-copy h3{font-size:20px;margin:9px 0}.tool-copy p{color:var(--muted);font-size:10px}.tool-image{display:block;width:100%;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.tool-image img{width:100%;height:auto;transition:transform .25s}.tool-image:hover img{transform:scale(1.02)}.tools-v2 .section-heading>p{font-size:12px}.closing{margin-bottom:0}.closing h2{margin:0 0 25px}#image-dialog{padding:0;width:min(1000px,calc(100% - 44px));max-width:1000px;max-height:92dvh;border-radius:12px;background:var(--surface);overflow:auto;scrollbar-width:thin}#image-dialog.portrait{width:min(440px,calc(100% - 40px))}.lightbox-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg);border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}#image-dialog>img{width:100%;height:auto;margin:0}#image-dialog.stage-lightbox .lightbox-toolbar{background:#171717;color:#ddd;border-color:#333}#image-dialog.stage-lightbox{background:#000;border-color:#333}.image-close{font-size:24px}.image-close:hover{background:#dbd8cd40}button:disabled{cursor:default}.footer-right{font-size:9px}
@media(min-width:1500px){.hero-v2{padding-top:82px;padding-bottom:65px;min-height:750px}}
@media(max-width:1100px){.hero-v2{gap:20px;min-height:650px}.hero-v2-copy h1{font-size:59px}.hero-v2-copy .intro{font-size:13px}.hero-v2 .button{padding-inline:21px;gap:18px}.hero-v2 .hero-actions{gap:22px}.hero-v2-product{padding-left:0}.transpose-v2{gap:35px}.phrase-demo .key-picker button{width:32px}.practice-grid{gap:26px}.simplify-switches{gap:13px;padding-inline:16px}.simplify-switches label{font-size:10px;gap:9px}.native-practice{height:228px}.follow-controls{padding-inline:10px}.gradient-play{margin-inline:9px}.stage-grid{gap:26px;grid-template-columns:.8fr 1.2fr}.stage-preview,.stage-preview>img{min-height:343px}.setlist-app-title{padding-inline:14px}.setlist-app-title h4{font-size:11px}.tool-grid{gap:22px}.site-header nav{gap:21px;margin-left:0}}
@media(max-width:800px){.site-header nav{gap:16px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(4){display:none}.hero-v2{grid-template-columns:1fr;text-align:center;gap:37px;padding-top:50px;padding-bottom:35px}.hero-v2-copy .eyebrow{justify-content:center}.hero-v2-copy h1{font-size:60px;letter-spacing:-3px}.hero-v2-copy .intro{font-size:14px}.hero-v2-product{max-width:560px;margin:auto;width:100%}.hero-v2-product .paper-tab>span:first-child{font-size:9px}.hero-v2 .hero-actions{gap:27px}.real-reader{max-width:100%}.reader-launch{bottom:76px}.transpose-v2{grid-template-columns:1fr;gap:32px;padding:63px 0 68px}.phrase-demo .key-picker button{width:41px}.native-phrase img{min-height:0}.practice-v2{padding:59px 0}.practice-grid{grid-template-columns:1fr;gap:39px}.feature-title h3{font-size:22px}.practice-feature .feature-title p{font-size:12px;margin-bottom:20px}.simplify-demo,.follow-demo{min-height:0}.native-practice{height:auto;max-height:330px;overflow:auto}.simplify-switches{padding:17px 21px}.simplify-switches label{font-size:11px}.native-follow{height:auto;max-height:160px}.follow-controls{min-height:76px}.follow-progress{padding-bottom:15px}.stage-v2{padding:63px 0}.stage-grid{grid-template-columns:1fr;gap:37px}.stage-grid .feature-title h3{font-size:21px}.stage-grid .feature-title p{font-size:12px;min-height:0;margin-bottom:20px}.stage-preview,.stage-preview>img{min-height:0}.stage-preview>img{height:auto;aspect-ratio:1000/560}.setlist-app{min-height:0}.setlist-app-title h4{font-size:13px}.setlist-app-title{padding:20px}.setlist-app-header,.setlist-group{padding-inline:20px}.setlist-app-foot{font-size:9px;padding:13px 20px}.setlist-app-foot button{font-size:10px}#setlist-rows{padding-inline:20px}#setlist-rows li{min-height:49px}.song-name{font-size:12px}.reorder-buttons button{width:28px;height:28px}.tools-v2{padding:40px 0 58px}.tool-grid{gap:16px}.tool-copy h3{font-size:17px}.tool-copy p{font-size:9px;line-height:1.8}.tool-copy .feature-number{font-size:6px;letter-spacing:.6px}.tool-image{border-radius:9px}.tools-v2 .section-heading>p{font-size:12px}.hero-v2 .hero-note{justify-content:center}.hero-v2 .hero-actions{justify-content:center}}
@media(max-width:540px){.hero-v2-copy h1{font-size:54px}.hero-v2 .hero-actions{gap:24px}.hero-v2 .button{font-size:13px;gap:20px}.hero-v2-copy .intro{font-size:13px}.hero-v2 .hero-note{font-size:10px}.hero-v2-product .paper-tab>span:first-child{font-size:8px;letter-spacing:0}.hero-v2-product .paper-tab>span:last-child{font-size:8px}.hero-v2 .margin-note{font-size:10px}.reader-launch{bottom:49px;right:9px;font-size:8px;padding:3px 8px}.phrase-demo .key-picker{gap:1px;margin:19px auto 16px}.phrase-demo .key-picker button{width:35px;height:31px;font-size:12px}.phrase-demo .demo-top{font-size:11px;padding-inline:17px}.phrase-demo .subtle{font-size:9px}.phrase-demo .demo-bottom{font-size:9px;padding:13px 15px}.native-phrase{padding:0 0 13px}.key-status{font-size:8px}.practice-v2 .section-heading{margin-bottom:30px}.practice-grid{gap:32px}.feature-title p br{display:none}.feature-title p{max-width:300px}.feature-title h3{margin-top:7px}.native-practice{min-height:180px}.simplify-switches{padding:15px 16px;gap:15px}.simplify-switches label{font-size:10px}.simplify-demo .demo-bottom{padding-inline:14px;font-size:8px}.simplify-demo .demo-bottom .small-muted{font-size:7px}.follow-top{padding:16px}.native-follow{min-height:94px}.follow-controls{gap:5px}.gradient-play{margin-inline:13px}.follow-progress{padding-inline:16px}.stage-grid .feature-title p{max-width:100%}.stage-preview>img{min-height:0}.expand-stage{font-size:8px;padding:4px 9px;bottom:9px;right:9px}.tool-grid{grid-template-columns:1fr;gap:29px}.tool-grid>article{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:17px;padding-bottom:29px;border-bottom:1px solid var(--border)}.tool-grid>article:last-child{border-bottom:0;padding-bottom:0}.tool-copy{padding:0}.tool-copy h3{font-size:23px;margin:10px 0}.tool-copy p{font-size:11px;line-height:1.9}.tool-copy .feature-number{font-size:7px}.tool-image{max-height:270px}.tool-image img{height:auto}.tools-v2 .section-heading{gap:15px;margin-bottom:34px}.tools-v2 .section-heading h2{font-size:32px;line-height:1.5}.tools-v2 .section-heading h2 .mobile-break{display:none}.hero-v2{gap:32px}.stage-v2 .section-heading{margin-bottom:31px}.promise-strip>div{gap:25px}}
@media(prefers-reduced-motion:reduce){.paper-toggle,.paper-toggle i,.tool-image img{transition:none}}
/* Keep the exported native engraving intact at its own aspect ratio. */
@media(min-width:801px){.simplify-demo,.follow-demo{min-height:390px;display:flex;flex-direction:column}.native-follow{height:auto;min-height:150px}.native-practice{height:auto;min-height:242px}.simplify-demo .demo-bottom,.follow-demo .follow-controls{margin-top:auto}}