@font-face{font-family:'Open Sans';src:url('/fonts/OpenSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Open Sans';src:url('/fonts/OpenSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Open Sans';src:url('/fonts/OpenSans-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--bg:#fff7d8;--paper:#fffef5;--pale:#ffe298;--strong:#d69011;--ink:#413211;--muted:#6c5727;--line:3px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Open Sans',Arial,sans-serif;line-height:1.55}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:4px solid #bb6b0d;outline-offset:4px}.shell{max-width:1300px;margin:auto;padding:0 32px}.topbar{min-height:90px;border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:25px;font-weight:800}.brand-mark{width:40px;height:40px;border:var(--line);border-radius:12px;background:var(--pale);font-size:24px;display:grid;place-items:center;line-height:1}.topbar nav,footer nav{display:flex;gap:28px}.topbar nav a,footer nav a{text-decoration:none;font-weight:700}.topbar nav a:hover,footer nav a:hover{text-decoration:underline}.hero{min-height:590px;display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:center;padding:65px 0 85px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;color:#8a6117}.hero h1{font-size:clamp(50px,6vw,83px);line-height:1.06;letter-spacing:-.055em;margin:18px 0 25px}.hero h1 em{color:#ab7110;font-style:normal}.hero p{font-size:18px;line-height:1.68;max-width:570px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:56px;padding:12px 24px;border:var(--line);border-radius:18px;text-decoration:none;font-weight:800;background:var(--paper);transition:transform .15s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--strong);color:#fff}.hero .small{font-size:13px;color:var(--muted);margin:15px 0 0}.hero-card{border:4px solid var(--ink);border-radius:34px;background:var(--paper);padding:30px;box-shadow:16px 16px 0 var(--pale);transform:rotate(3deg)}.hero-card>span{font-size:26px;font-weight:800}.hero-note{text-align:center;font-size:105px;font-weight:800;letter-spacing:-.07em;line-height:1.3;margin-top:10px}.hero-meter{height:22px;border:3px solid var(--ink);border-radius:15px;background:var(--bg);position:relative;margin:25px 4px 0}.hero-meter:before{content:'';position:absolute;left:calc(50% - 2px);top:-12px;width:4px;height:40px;background:var(--ink)}.hero-meter i{position:absolute;left:calc(50% - 10px);top:-14px;width:20px;height:44px;border:3px solid var(--ink);border-radius:8px;background:var(--strong)}.hero-labels,.meter-labels{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.1em;margin-top:13px}.hero-card>strong{display:block;text-align:center;margin:27px 0 5px}.try-section{border-top:2px solid var(--ink);padding:78px 0 95px}.section-heading{text-align:center;max-width:710px;margin:0 auto}.section-heading h2,.promise h2{font-size:clamp(38px,4.2vw,60px);letter-spacing:-.045em;line-height:1.1;margin:12px 0 15px}.section-heading p{font-size:17px;color:var(--muted);margin:0}.tuner-card{max-width:650px;margin:38px auto 0}.mode-switch{display:flex;gap:10px}.mode-switch button{flex:1;min-height:69px;border:var(--line);border-radius:17px;background:var(--paper);font-weight:800;font-size:16px}.mode-switch button.selected{background:var(--pale)}.mode-switch small{display:block;font-size:11px;font-weight:400}.panel{border:var(--line);border-radius:25px;background:var(--paper);padding:25px;margin-top:18px}.panel-heading{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--muted);display:flex;justify-content:space-between;align-items:center}#mic-dot{width:11px;height:11px;border-radius:50%;background:#b9ad90}.listening #mic-dot{background:var(--strong)}.detected-note{text-align:center;font-size:90px;font-weight:800;letter-spacing:-.07em;min-height:140px;margin-top:19px;line-height:1.4}.pitch-status{text-align:center;font-size:21px;font-weight:700;color:var(--muted);min-height:34px}.meter{height:19px;border:2px solid var(--ink);border-radius:10px;background:var(--bg);position:relative;margin:36px 3px 0}.meter:before{content:'';position:absolute;left:calc(50% - 1.5px);width:3px;height:34px;top:-9px;background:var(--ink)}.meter i{position:absolute;left:calc(50% - 8px);width:16px;height:42px;top:-13px;background:var(--strong);border:2px solid var(--ink);border-radius:8px;transition:left .12s}.meter-labels{margin:15px 3px 0;color:var(--muted)}.frequency{text-align:center;color:var(--muted);margin:34px 0 16px;font-size:14px}.big-button{width:100%;min-height:57px;background:var(--pale);border:var(--line);border-radius:17px;font-size:17px;font-weight:800}.privacy-hint{text-align:center;color:var(--muted);font-size:12px;max-width:470px;margin:16px auto 0}.note-grid{display:grid;gap:9px}.guitar-grid{grid-template-columns:repeat(3,1fr);margin:13px 0 20px}.other-grid{grid-template-columns:repeat(4,1fr)}.note-grid button{border:3px solid var(--ink);background:var(--paper);border-radius:14px;min-height:61px;font-weight:800}.note-grid button.selected{background:var(--pale)}.note-grid button small{display:block;font-size:11px;font-weight:400}.other-grid button{min-height:49px}.other-heading{margin:24px 0 10px}.octave-row{display:flex;align-items:center;gap:14px;font-weight:700;margin-bottom:14px}.octave-row span{margin-right:auto}.octave-row button{width:38px;height:38px;border:2px solid var(--ink);border-radius:10px;background:var(--pale);font-size:22px;font-weight:800;line-height:1}.octave-row output{font-size:28px;font-weight:800;width:34px;text-align:center}.playing-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;font-weight:700}.playing-row button{border:2px solid var(--ink);background:var(--pale);border-radius:11px;font-weight:800;padding:7px 19px}.promise{border-top:2px solid var(--ink);padding:90px 0 110px;max-width:870px}.promise p{font-size:18px;line-height:1.7;color:var(--muted)}.promise-points{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.promise-points span{border:2px solid var(--ink);border-radius:13px;background:var(--pale);padding:12px 18px;font-weight:800}footer{border-top:2px solid var(--ink);min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>div{display:flex;flex-direction:column}footer strong{font-size:20px}footer span{font-size:12px;color:var(--muted)}.document{max-width:780px;margin:70px auto 100px;min-height:55vh}.document h1{font-size:clamp(42px,6vw,68px);letter-spacing:-.05em;line-height:1.1;margin:14px 0 22px}.document h2{font-size:24px;margin:38px 0 8px}.document p{font-size:17px;line-height:1.7;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 40px}
@media(max-width:760px){.shell{padding:0 20px}.topbar{min-height:74px}.topbar nav{gap:14px;font-size:13px}.hero{grid-template-columns:1fr;gap:42px;padding:58px 0 75px;min-height:0}.hero-card{max-width:520px;width:100%;margin:auto;transform:none;box-shadow:8px 8px 0 var(--pale)}.try-section{padding:65px 0}.promise{padding:75px 0}footer{padding:25px 0;align-items:flex-start;flex-wrap:wrap}.document{margin:55px auto 85px}}
@media(max-width:420px){.brand{font-size:21px}.topbar nav a:first-child{display:none}.hero h1{font-size:48px}.hero-note{font-size:80px}.panel{padding:17px}.guitar-grid{gap:6px}.note-grid button{font-size:13px}footer nav{gap:12px;font-size:13px}}

.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.iphone-section{padding:75px 0;border-top:2px solid var(--ink);scroll-margin-top:20px}.iphone-section h2{font-size:clamp(38px,4.2vw,60px);letter-spacing:-.045em;line-height:1.1;margin:12px 0 15px}.iphone-section p{font-size:18px;line-height:1.7;color:var(--muted);max-width:710px}.iphone-section .button{margin-top:12px}