.index-module__iMBlKW__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:76px;margin:0 auto;display:flex;position:relative}.index-module__iMBlKW__brand,.index-module__iMBlKW__nav,.index-module__iMBlKW__language{align-items:center;display:flex}.index-module__iMBlKW__brand{letter-spacing:-.03em;gap:8px;font-size:15px;font-weight:800}.index-module__iMBlKW__brandMark{width:28px;height:28px;color:var(--white);background:var(--accent);border-radius:50%;place-items:center;font-size:17px;display:inline-grid}.index-module__iMBlKW__nav{color:var(--muted);gap:24px;font-size:13px;font-weight:700}.index-module__iMBlKW__nav a:hover,.index-module__iMBlKW__language a:hover{color:var(--accent-dark)}.index-module__iMBlKW__language{color:var(--muted);gap:8px;font-size:12px}.index-module__iMBlKW__language a{border-radius:6px;padding:5px 7px}.index-module__iMBlKW__activeLanguage{color:var(--ink);background:var(--paper-deep)}.index-module__iMBlKW__menuButton{border:1px solid var(--line);min-width:34px;min-height:34px;color:var(--ink);background:var(--paper-deep);border-radius:8px;font-size:18px;line-height:1;display:none}@media (max-width:760px){.index-module__iMBlKW__header{width:min(100% - 28px,620px);min-height:68px}.index-module__iMBlKW__nav{z-index:10;border:1px solid var(--line);background:var(--paper);border-radius:12px;flex-direction:column;align-items:stretch;gap:0;padding:6px;display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;box-shadow:0 18px 40px #251d111f}.index-module__iMBlKW__navOpen{display:flex}.index-module__iMBlKW__nav a{border-radius:8px;padding:11px 12px}.index-module__iMBlKW__nav a:hover{background:var(--paper-deep)}.index-module__iMBlKW__menuButton{place-items:center;display:inline-grid}}
.ReactPiano__Keyboard{display:flex;position:relative}.ReactPiano__Key{display:flex}.ReactPiano__Key--accidental{cursor:pointer;z-index:1;background:#555;border:1px solid #fff;border-top-color:#0000;border-radius:0 0 4px 4px;height:66%;position:absolute;top:0}.ReactPiano__Key--natural{cursor:pointer;z-index:0;background:#f6f5f3;border:1px solid #888;border-radius:0 0 6px 6px;flex:1;margin-right:1px}.ReactPiano__Key--natural:last-child{margin-right:0}.ReactPiano__Key--active{background:#3ac8da}.ReactPiano__Key--active.ReactPiano__Key--accidental{border:1px solid #fff;border-top-color:#3ac8da;height:65%}.ReactPiano__Key--active.ReactPiano__Key--natural{border:1px solid #3ac8da;height:98%}.ReactPiano__Key--disabled.ReactPiano__Key--accidental{background:#ddd;border:1px solid #999}.ReactPiano__Key--disabled.ReactPiano__Key--natural{background:#eee;border:1px solid #aaa}.ReactPiano__NoteLabelContainer{flex:1;align-self:flex-end}.ReactPiano__NoteLabel{text-align:center;text-transform:capitalize;-webkit-user-select:none;user-select:none;font-size:12px}.ReactPiano__NoteLabel--accidental{color:#f8e8d5;margin-bottom:3px}.ReactPiano__NoteLabel--natural{color:#888;margin-bottom:3px}.ReactPiano__NoteLabel--natural.ReactPiano__NoteLabel--active{color:#f8e8d5}
:root{--ink:#171717;--muted:#6d6a66;--paper:#f5f2eb;--paper-deep:#eae4d8;--line:#17171721;--accent:#e4572e;--accent-dark:#b53d1d;--mint:#b7d8c2;--white:#fffdf8}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.site-main{min-height:calc(100vh - 76px)}.page-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:72px 0 96px}.eyebrow{color:var(--accent-dark);letter-spacing:.16em;margin:0 0 16px;font-size:12px;font-weight:800}.display-title{letter-spacing:-.07em;max-width:760px;margin:0;font-size:clamp(48px,8vw,104px);line-height:.94}.lede{max-width:650px;color:var(--muted);margin:28px 0 0;font-size:18px;line-height:1.65}.button-row{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{border:1px solid var(--ink);min-height:46px;color:var(--white);background:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:700;display:inline-flex}.button.secondary{color:var(--ink);background:0 0}.button.accent{border-color:var(--accent);color:var(--white);background:var(--accent)}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:92px;display:grid}.feature-card{border:1px solid var(--line);background:#fffdf894;border-radius:24px;min-height:220px;padding:28px}.feature-card:nth-child(2){background:var(--mint)}.feature-card h2{letter-spacing:-.04em;margin:0;font-size:26px}.feature-card p{color:var(--muted);margin:16px 0 0;line-height:1.6}.faq-section{margin-top:92px}.faq-section h2{letter-spacing:-.05em;margin:0;font-size:36px}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.faq-item{border-top:1px solid var(--ink);padding-top:18px}.faq-item h3{margin:0;font-size:18px}.faq-item p{color:var(--muted);margin:12px 0 0;line-height:1.6}@media (max-width:760px){.page-shell{width:min(100% - 28px,620px);padding-top:48px}.section-grid{grid-template-columns:1fr;margin-top:64px}.faq-grid{grid-template-columns:1fr}}