@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f4f5e9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lime:#d7fb70;--muted:#969b8c;--line:#30352b;--panel:#1a1d17;--heading:"Space Grotesk",sans-serif;background:#11130f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}.site-shell{max-width:1540px;margin:auto;padding:0 76px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:113px;display:flex}.wordmark{font-family:var(--heading);letter-spacing:-3px;align-items:center;font-size:42px;font-weight:700;line-height:1;display:inline-flex}.wordmark-dot{color:var(--lime)}.mark{justify-content:center;align-items:center;gap:3px;width:30px;height:29px;margin-right:12px;display:inline-flex}.mark i{background:var(--lime);border-radius:3px;width:3px;height:14px}.mark i:nth-child(2),.mark i:nth-child(4){height:23px}.mark i:nth-child(3){height:29px}.site-header nav{color:#b9bdae;gap:30px;margin-left:auto;margin-right:35px;font-size:13px;font-weight:500;display:flex}.site-header nav a:hover{color:var(--lime)}.button{border-radius:5px;justify-content:space-between;align-items:center;gap:48px;padding:21px 25px;font-size:15px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button span{font-size:23px;line-height:15px}.button-primary{background:var(--lime);color:#1a2110;box-shadow:0 0 25px #d7fb700c}.button-primary:hover{background:#e2ff99}.button-small{gap:26px;padding:13px 18px;font-size:13px}.button-outline{color:#f4f5e9;background:0 0;border:1px solid #565c4e}.hero{grid-template-columns:1.04fr 1fr;align-items:center;gap:76px;padding:100px 0 92px;display:grid;position:relative}.hero-copy{padding-bottom:35px}.eyebrow{letter-spacing:2px;color:#b4bbaa;font-size:10px;font-weight:700;line-height:1.6;display:block}.hero .eyebrow{color:var(--lime);align-items:center;gap:12px;display:flex}.tiny-line{background:var(--lime);width:24px;height:1px}h1,h2,h3,p{margin:0}h1{font-family:var(--heading);letter-spacing:-5px;margin:24px 0 29px;font-size:clamp(58px,5.9vw,87px);font-weight:500;line-height:1.03}em{color:var(--lime);font-style:normal}.hero-description{color:#abb19f;max-width:400px;margin-bottom:32px;font-size:17px;line-height:1.8}.download-note{color:#8b9280;margin-top:15px;font-size:11px}.hero-details{color:#a6ad9a;white-space:nowrap;align-items:center;gap:12px;margin-top:49px;font-size:10px;display:flex}.hero-details i{background:#697059;border-radius:3px;width:3px;height:3px}.instrument-wrap{justify-self:end;width:100%;max-width:510px;position:relative}.instrument-shadow{filter:blur(35px);pointer-events:none;background:radial-gradient(#d7fb7019,#0000 68%);border-radius:50%;width:90%;height:95%;position:absolute;top:-7px;left:7%}.instrument{background:linear-gradient(150deg,#252b20 0%,#191e15 42%,#171b13 100%);border:1px solid #455038;border-radius:21px;padding:29px 28px 21px;position:relative;transform:rotate(1.4deg);box-shadow:0 28px 55px #0004,inset 0 1px #ffffff0a}.instrument-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.instrument-brand{letter-spacing:1.3px;color:#d5dbc9;align-items:center;font-size:10px;font-weight:700;display:flex}.instrument-brand .mark{width:24px;margin-left:-6px;margin-right:0;transform:scale(.55)}.reference-badge{letter-spacing:1px;color:#a8b294;border:1px solid #48553a;border-radius:4px;padding:6px 7px;font-size:7px;font-weight:600}.instrument-mode{color:#a6af99;justify-content:space-between;margin-top:26px;font-size:10px;display:flex}.instrument-mode span:first-child{color:#d9dfd0}.meter-labels{letter-spacing:1.1px;color:#879077;justify-content:space-between;margin-top:33px;font-size:8px;display:flex}.meter-labels span:nth-child(2){color:var(--lime)}.meter{justify-content:space-between;align-items:center;height:81px;margin:7px 0 -2px;padding:0 2px;display:flex;position:relative}.meter-zone{background:#d7fb7017;border-radius:6px;width:40px;height:58px;position:absolute;left:calc(50% - 20px)}.meter-tick{background:#657250;width:1px;height:16px;position:relative}.meter-tick.long{background:#8a9874;height:28px}.meter-needle{background:var(--lime);width:2px;height:70px;position:absolute;left:50%;box-shadow:0 0 12px #d7fb7050}.meter-needle span{background:var(--lime);width:9px;height:9px;position:absolute;top:-4px;left:-3.5px;transform:rotate(45deg)}.note-display{text-align:center;font-family:var(--heading);letter-spacing:-7px;color:var(--lime);padding-top:0;font-size:108px;font-weight:500;line-height:1.17}.note-display sub{letter-spacing:0;vertical-align:baseline;color:#cbd4bc;margin-left:8px;font-size:31px;position:relative;bottom:0}.reference-frequency{font-family:var(--heading);letter-spacing:.6px;color:#d0d7c3;justify-content:center;align-items:center;gap:5px;font-size:13px;display:flex}.reference-frequency span{color:#849271;font-size:11px}.reference-frequency b{background:#61734b;width:2px;height:2px;margin:0 9px}.pitch-status{color:var(--lime);justify-content:center;align-items:center;gap:6px;margin:13px 0 27px;font-size:10px;display:flex}.pitch-status span{background:var(--lime);border-radius:50%;width:4px;height:4px}.string-picker{justify-content:space-between;gap:8px;display:flex}.string-picker button{color:#bbc7a8;background:#242b1e;border:1px solid #3d4634;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:10px 5px 11px;transition:background .2s;display:flex}.string-picker button small{color:#91a17b;font-size:8px}.string-picker button span{font-family:var(--heading);font-size:21px;font-weight:500}.string-picker button sub{vertical-align:baseline;color:#7f8b71;margin-left:2px;font-size:10px}.string-picker button.selected{background:var(--lime);color:#243015;border-color:var(--lime)}.string-picker button.selected small,.string-picker button.selected sub{color:#596943}.string-picker button:hover:not(.selected){background:#343e29}.preset-preview{border-top:1px solid #343d2b;justify-content:space-between;align-items:center;gap:10px;margin-top:24px;padding-top:16px;display:flex}.preset-preview>span{letter-spacing:1px;color:#8d9a7b;font-size:7px}.preset-preview>div{gap:3px;display:flex}.preset-preview button{color:#8d9a7b;background:0 0;border-radius:4px;padding:7px 8px;font-size:8px}.preset-preview button.active{color:#dbe4cc;background:#35422a}.preview-caption{text-align:center;color:#737d67;letter-spacing:.1px;margin-top:25px;font-size:9px;line-height:1.6}.feature-section{border-top:1px solid var(--line);padding:58px 0 87px}.section-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:39px;display:flex}.section-heading h2{font-family:var(--heading);letter-spacing:-1.5px;margin-top:13px;font-size:38px;font-weight:500}.section-heading p{color:#979f8a;padding-bottom:2px;font-size:12px;line-height:1.8}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:#191d15;border:1px solid #2d3526;border-radius:10px;padding:25px 25px 30px}.feature-art{border-bottom:1px solid #343d2b;flex-direction:column;align-items:center;height:148px;margin-bottom:26px;padding-top:12px;display:flex}.feature-art small{letter-spacing:1.3px;color:#82936d;font-size:7px}.pitch-art>span{font-family:var(--heading);color:#d8d0ad;letter-spacing:-2px;font-size:38px}.pitch-art>div{align-items:center;gap:12px;height:34px;margin:2px 0 10px;display:flex}.pitch-art i{background:#697456;width:2px;height:9px}.pitch-art i:nth-child(3){background:#d8d0ad;height:28px}.pitch-art i:nth-child(6){background:var(--lime);height:18px}.chord-art>span{font-family:var(--heading);letter-spacing:-1.5px;color:var(--lime);font-size:39px;line-height:1.4}.chord-art>div{gap:8px;margin:0 0 15px;display:flex}.chord-art b{color:#d8e2cb;background:#2b3523;border:1px solid #465639;border-radius:20px;padding:5px 13px;font-size:9px;font-weight:500}.tuning-art{justify-content:flex-start;padding-top:27px}.tuning-art>div{justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:20px;display:flex}.tuning-art span{font-family:var(--heading);color:#bdcea6;background:#293320;border:1px solid #465639;border-radius:4px;justify-content:center;align-items:center;width:29px;height:38px;font-size:19px;display:flex}.tuning-art span:first-child{color:var(--lime);background:#d7fb7017;border-color:#91ad53}.feature-number{letter-spacing:1.4px;color:#94a37f;font-size:7px;font-weight:700}.feature-card h3{font-family:var(--heading);letter-spacing:-.7px;margin:14px 0 15px;font-size:25px;font-weight:500;line-height:1.3}.feature-card p{color:#9aa48c;font-size:12px;line-height:1.8}.guide-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:90px;padding:83px 0 91px;display:grid}.guide-intro h2{font-family:var(--heading);letter-spacing:-1.8px;margin:20px 0;font-size:45px;font-weight:500;line-height:1.15}.guide-intro p{color:#98a18c;max-width:300px;font-size:13px;line-height:1.8}.text-button{color:#d7ddcd;background:0 0;border-bottom:1px solid #64714f;align-items:center;gap:30px;margin-top:25px;padding:5px 0 8px;font-size:11px;display:inline-flex}.text-button:hover{color:var(--lime)}.text-button span{font-size:18px}.guide-steps{margin:0;padding:0;list-style:none}.guide-steps li{border-bottom:1px solid #2d3526;gap:24px;margin-bottom:24px;padding:0 0 24px;display:flex}.guide-steps li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.guide-steps li>span{color:var(--lime);font-family:var(--heading);padding-top:5px;font-size:10px}.guide-steps h3{font-family:var(--heading);letter-spacing:-.3px;margin-bottom:10px;font-size:18px;font-weight:500}.guide-steps p{color:#98a18c;font-size:12px;line-height:1.8}.closing{text-align:center;background:radial-gradient(at 50% 140%,#3d4b2b,#0000 75%),#1b2115;border:1px solid #3b482f;border-radius:12px;flex-direction:column;align-items:center;margin-bottom:70px;padding:66px 25px;display:flex;position:relative;overflow:hidden}.closing h2{font-family:var(--heading);letter-spacing:-3px;margin:13px 0 26px;font-size:61px;font-weight:500;line-height:1.3;position:relative}.closing>.eyebrow,.closing>button,.closing>p{position:relative}.closing .button{padding:17px 22px;font-size:13px}.closing p{color:#9ca78d;margin-top:18px;font-size:10px}.closing-rings{pointer-events:none;border:1px solid #61714a2e;border-radius:50%;width:840px;height:740px;position:absolute;bottom:-480px;left:calc(50% - 420px);box-shadow:0 0 0 70px #61714a0d,0 0 0 71px #61714a22,0 0 0 140px #61714a06,0 0 0 141px #61714a18}footer{align-items:center;gap:25px;padding:0 0 42px;display:flex}footer .wordmark{font-size:32px}footer .mark{margin-right:5px;transform:scale(.75)}footer p{color:#88937c;font-size:10px}footer>span{color:#7b876e;letter-spacing:1.5px;margin-left:auto;font-size:7px}.notice{color:#273218;z-index:10;background:#e5eacb;border-radius:8px;align-items:center;gap:20px;width:min(90%,450px);padding:16px 18px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0006}.notice button{color:inherit;background:0 0;margin-left:auto;padding:0 5px;font-size:22px}@media (min-width:1500px){.hero{gap:130px}.site-shell{padding:0 100px}.hero-description{font-size:19px}.instrument{padding:32px}.instrument-wrap{max-width:530px}}@media (max-width:1100px){.site-shell{padding:0 40px}.hero{gap:38px;padding-top:75px}.hero h1{font-size:65px}.hero-description{font-size:15px}.hero-details{gap:9px;font-size:8px}.instrument{padding:22px}.reference-badge{letter-spacing:.5px;font-size:6px}.instrument-brand{font-size:8px}.feature-card{padding:18px}.feature-card h3{font-size:22px}.guide-section{gap:45px}.guide-intro h2{font-size:40px}.preset-preview>span{font-size:6px}.preset-preview button{padding:6px}.section-heading p{font-size:11px}}@media (max-width:800px){.site-shell{padding:0 24px}.site-header{height:90px}.site-header nav{gap:18px;margin-right:0;font-size:11px}.wordmark{font-size:37px}.hero{grid-template-columns:1fr;gap:30px;padding:62px 0 53px}.hero-copy{text-align:center;padding-bottom:0}.hero .eyebrow{justify-content:center}.hero h1{letter-spacing:-4px;font-size:76px}.hero-description{max-width:400px;margin-left:auto;margin-right:auto;font-size:16px}.hero-details{justify-content:center;margin-top:33px;font-size:9px}.instrument-wrap{justify-self:center;max-width:410px;margin-top:14px}.instrument{padding:26px}.instrument-brand{font-size:9px}.reference-badge{font-size:7px}.feature-section{padding:44px 0 55px}.section-heading{flex-direction:column;align-items:flex-start;gap:15px}.section-heading h2{font-size:36px}.section-heading p{font-size:13px}.desktop-break{display:none}.feature-grid{gap:13px}.feature-card{padding:15px}.feature-art{height:132px}.pitch-art>div{gap:8px}.tuning-art>div{gap:3px}.tuning-art span{width:23px;font-size:16px}.feature-card h3{font-size:19px}.feature-number{letter-spacing:.8px;font-size:6px}.feature-card p{font-size:11px}.feature-art small{letter-spacing:.8px;font-size:5px}.guide-section{gap:35px;padding:50px 0 60px}.guide-intro h2{font-size:34px}.guide-intro .eyebrow{font-size:8px}.guide-steps li{gap:15px}.guide-steps h3{font-size:16px}.guide-steps p{font-size:11px}.closing{margin-bottom:43px;padding:48px 20px}.closing h2{font-size:53px}footer{gap:15px;padding-bottom:30px}footer>span{display:none}}@media (max-width:530px){.site-shell{padding:0 22px}.site-header{height:85px}.site-header nav{display:none}.site-header .button{gap:24px;padding:12px 14px;font-size:11px}.hero{padding-top:48px}.hero h1{letter-spacing:-3.5px;margin:21px 0 23px;font-size:62px}.eyebrow{letter-spacing:1.6px;font-size:8px}.hero-description{max-width:325px;margin-bottom:26px;font-size:15px;line-height:1.8}.button{gap:55px;padding:19px 24px;font-size:14px}.hero-details{gap:10px;font-size:8px}.instrument-wrap{max-width:375px;margin-top:15px}.instrument{border-radius:17px;padding:22px 21px 18px;transform:rotate(1deg)}.instrument-brand{letter-spacing:1px;font-size:8px}.reference-badge{font-size:6px}.instrument-mode{margin-top:21px;font-size:9px}.meter-labels{margin-top:29px;font-size:7px}.note-display{font-size:97px}.string-picker{gap:6px}.string-picker button{padding:9px 3px}.string-picker button span{font-size:20px}.preset-preview{margin-top:19px;padding-top:14px}.preset-preview>span{font-size:6px}.preset-preview button{padding:6px 7px;font-size:7px}.section-heading h2{letter-spacing:-1.2px;font-size:32px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{flex-direction:column;padding:23px 25px;display:flex;position:relative}.feature-art{height:135px;margin-bottom:22px}.feature-art small{letter-spacing:1px;font-size:7px}.pitch-art>div{gap:13px}.tuning-art>div{gap:9px}.tuning-art span{width:32px;height:39px;font-size:20px}.feature-number{letter-spacing:1.3px;font-size:8px}.feature-card h3{margin-top:13px;font-size:27px}.feature-card h3 br{display:none}.feature-card p{font-size:13px;line-height:1.8}.guide-section{grid-template-columns:1fr;gap:34px}.guide-intro h2{font-size:39px}.guide-intro p{max-width:310px;font-size:13px}.guide-steps li{gap:20px}.guide-steps h3{font-size:18px}.guide-steps p{font-size:12px}.text-button{margin-top:20px}.closing{margin-bottom:35px;padding:45px 18px}.closing h2{letter-spacing:-2px;font-size:44px}.closing>.eyebrow{font-size:7px}.closing p{font-size:9px}.closing .button{gap:30px;font-size:12px}footer{flex-direction:column;align-items:flex-start;gap:13px}footer .wordmark{font-size:30px}footer p{padding-left:3px;font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none!important}.button:hover{transform:none}}body,#root{background:#11130f;min-height:100vh}@media (max-width:530px){.hero h1{letter-spacing:-3px;font-size:clamp(43px,14vw,57px)}.preset-preview button{min-height:40px;font-size:8px}.preset-preview>span{max-width:62px;line-height:1.6}.preset-preview{gap:6px}.text-button{min-height:44px}}.shared-session{background:radial-gradient(at 100% 0,#35412665,#0000 80%),#1b2117;border:1px solid #465836;border-radius:12px;margin-top:38px;padding:35px;scroll-margin-top:22px}.session-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.session-heading .eyebrow{color:var(--lime);font-size:9px}.session-heading h2{font-family:var(--heading);letter-spacing:-1px;margin-top:12px;font-size:32px;font-weight:500}.session-count{color:#b6c3a4;white-space:nowrap;padding-bottom:5px;font-size:10px}.session-chords{flex-wrap:wrap;gap:10px;margin:28px 0;padding:0;list-style:none;display:flex}.session-chords li{background:#27331f;border:1px solid #4a5d3a;border-radius:7px;align-items:center;gap:14px;padding:15px 18px;display:flex}.session-chords small{letter-spacing:1px;color:#98aa84;font-size:8px}.session-chords li>span{font-family:var(--heading);color:var(--lime);overflow-wrap:anywhere;font-size:26px;line-height:1.2}.session-bottom{border-top:1px solid #39482d;justify-content:space-between;align-items:center;gap:32px;padding-top:25px;display:flex}.session-bottom p{color:#a6b197;max-width:480px;font-size:11px;line-height:1.8}.session-bottom button{flex-shrink:0}@media (max-width:800px){.shared-session{padding:26px}.session-heading h2{font-size:28px}.session-bottom{gap:20px}.session-bottom p{font-size:10px}.session-bottom button{gap:18px;font-size:11px}}@media (max-width:530px){.shared-session{margin-top:25px;padding:23px 19px}.session-heading{flex-direction:column;align-items:flex-start;gap:8px}.session-heading .eyebrow{font-size:7px}.session-heading h2{font-size:26px;line-height:1.2}.session-count{font-size:9px}.session-chords{gap:8px;margin:20px 0}.session-chords li{gap:10px;padding:12px 14px}.session-chords li>span{font-size:23px}.session-chords small{font-size:7px}.session-bottom{flex-direction:column;align-items:flex-start;gap:18px;padding-top:19px}.session-bottom p{font-size:11px}.session-bottom button{min-height:44px}}