:root{--paper:#f5f4ee;--ink:#262b27;--muted:#7b827b;--sage:#cbd9c3;--line:#dcded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #819475;outline-offset:5px}header,main,footer{max-width:1280px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;height:100px;padding:0 50px}.brand{display:flex;align-items:center;gap:7px;font-size:25px}.brand b{font-weight:800;letter-spacing:-1px}.brand>span{font-size:8px;letter-spacing:2px;margin-left:13px;color:var(--muted)}nav{display:flex;align-items:center;gap:33px;font-size:12px}nav>a:hover{color:#728765}.nav-download{border:1px solid #bfc5b7;border-radius:25px;padding:12px 18px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px 50px 105px;min-height:640px;gap:35px}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;background:#819a74;border-radius:50%}h1{font-size:clamp(45px,5.4vw,70px);line-height:1.28;letter-spacing:-3px;margin:30px 0 23px;font-weight:650}h1 span{color:#78916d}.hero-copy>p{font-size:14px;color:var(--muted);line-height:2}.hero-actions{display:flex;gap:22px;align-items:center;margin:30px 0 21px}.primary{padding:16px 24px;border-radius:30px;color:white;background:#2e392e;font-size:13px;display:flex;gap:40px;align-items:center}.primary:hover{background:#53674b}.secondary{font-size:12px;border-bottom:1px solid #a8b09f;padding:8px 0}.micro{font-size:10px;color:#969b91}.micro span{margin:0 9px}.hero-art{position:relative;min-height:410px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at center,#d7dfce77,transparent 67%)}.art-caption{display:flex;justify-content:space-between;position:absolute;top:0;left:8px;right:8px;font-size:9px;color:#969b91}.art-caption b{font-size:8px;letter-spacing:2px;font-weight:500}.mini-piano{width:100%;transform:perspective(900px) rotateX(16deg) rotateZ(-8deg);filter:drop-shadow(0 36px 16px #26332325);margin-top:35px}.piano-top{height:72px;background:linear-gradient(120deg,#484b43,#292d29);border:1px solid #5c6255;border-radius:16px 16px 0 0;box-shadow:inset 0 2px #ffffff20;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#b4b7a6;font-size:8px;letter-spacing:3px}.piano-top i{width:5px;height:5px;background:#b5c9a2;border-radius:50%;box-shadow:0 0 10px #b5c9a2}.mini-keys{height:157px;display:flex;position:relative;gap:3px;padding:8px 10px 0;background:#292c28;border-top:3px solid #8b6b73}.mini-keys .white{flex:1;background:linear-gradient(90deg,#d4d4c8,#fffff3 15%,#f1eee2 86%,#cccbbf);border-radius:0 0 3px 3px;border-bottom:5px solid #bdbbb1;box-shadow:0 2px 2px #0003}.mini-keys .black{position:absolute;top:8px;width:3.9%;height:60%;z-index:2;background:linear-gradient(90deg,#171c18,#4a5046 27%,#232820 78%,#131712);border-radius:0 0 3px 3px;border-bottom:5px solid #0c110c;box-shadow:3px 4px 4px #0005}.piano-front{height:15px;background:#222721;border-radius:0 0 9px 9px}.note-tag{position:absolute;background:#ebe9da;border-radius:7px;padding:10px 14px;box-shadow:0 4px 14px #2734250a;font-size:11px;color:#6f7865}.tag-a{top:65px;left:24px;transform:rotate(-8deg);background:#e5d8e8;color:#8a7092}.tag-b{bottom:25px;right:13px;transform:rotate(5deg)}.art-footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;position:absolute;bottom:0;left:8px;right:8px;color:#92998a}.instrument-section{padding:50px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 35px}h2{font-size:36px;line-height:1.45;font-weight:550;letter-spacing:-1px;margin:0}.section-heading>p{font-size:12px;line-height:2;color:var(--muted)}.instrument-list{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.instrument-list>a{padding:26px 0;display:flex;align-items:center;flex-direction:column;gap:12px;font-size:27px;transition:background .2s}.instrument-list>a:hover{background:#e6ebdf}.instrument-list b{font-size:12px;font-weight:500}.instrument-list span{font-size:7px;color:#969d8e;letter-spacing:1px}.features{padding:80px 50px;display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.feature-lead h2{margin:26px 0}.feature-lead>a{font-size:11px;border-bottom:1px solid #aaa;padding-bottom:6px}.feature-details article{display:flex;gap:22px;padding:22px 0;border-top:1px solid var(--line)}.feature-details article>span{font:italic 22px Georgia;color:#95a18d}.feature-details h3{font-size:15px;font-weight:550;margin:0 0 10px}.feature-details p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.downloads{margin:10px 22px 50px;padding:46px 28px;background:#e8eddf;border-radius:24px}.version{display:flex;align-items:center;gap:10px;font-size:9px;color:#7a8870}.version b{border:1px solid #b2bda7;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:500}.version span{font-size:9px}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.download-card{background:#f8f8f0;border:1px solid #e1e5d7;padding:27px 25px 21px;border-radius:16px;position:relative}.download-card.android{background:#d0ddc4;border-color:#c7d3bd}.os-icon{font-size:30px;height:54px}.os-label{font-size:9px;color:#87957c}.download-card h3{font-size:27px;margin:10px 0 18px;font-weight:550}.download-card p{font-size:11px;line-height:1.8;color:#7e8975}.download-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:#2e392e;color:#f5f7f0;border:0;border-radius:24px;padding:14px 18px;font-size:11px;margin:26px 0 12px;min-height:43px}.download-button:hover{background:#58694f}.download-button:disabled{background:#7a8970;cursor:progress}.download-card small{font-size:8px;color:#8b9580}.download-note{font-size:9px;color:#8b9580;line-height:1.8;margin:22px 0 0}.download-note a{margin-left:10px;text-decoration:underline}.cancel{background:transparent;border:0;text-decoration:underline;font-size:10px;color:#637459;padding:6px}.cancel[hidden]{display:none}.faq{padding:40px 50px 85px;display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.faq h2{font-size:28px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;list-style:none;font-size:12px;display:flex;justify-content:space-between}.faq summary:after{content:'+';color:#809371}.faq details[open] summary:after{content:'−'}.faq p{font-size:11px;line-height:2;color:var(--muted);padding-right:20px}.faq p a{border-bottom:1px solid #ccc}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:28px 50px;font-size:9px;color:#9ba18f}footer .brand{font-size:20px;color:#434e3b}footer>a:nth-last-child(2){margin-left:auto}@media(max-width:800px){header{padding:0 24px;height:80px}.brand>span{display:none}nav{gap:15px;font-size:10px}.hero{padding:35px 24px 65px;gap:20px;min-height:520px}h1{font-size:47px}.hero-art{min-height:340px}.mini-keys{height:125px}.note-tag{font-size:9px;padding:8px}.tag-a{left:0;top:57px}.instrument-section{padding:35px 24px}.section-heading>p{max-width:220px}h2{font-size:30px}.features,.faq{padding:45px 24px;gap:35px}.downloads{margin:10px 12px 30px;padding:30px 18px}.download-card{padding:21px 17px}.version span{display:none}footer{padding:24px}}@media(max-width:560px){header{height:72px;padding:0 20px}.brand{font-size:23px}nav>a:not(.nav-download){display:none}.nav-download{font-size:10px;padding:10px 13px}.hero{grid-template-columns:1fr;padding:26px 24px 45px;gap:44px}.eyebrow{font-size:9px}h1{font-size:54px;margin-top:24px}.hero-copy>p{font-size:13px}.hero-art{min-height:300px}.piano-top{height:55px}.mini-keys{height:122px}.note-tag.tag-b{bottom:18px}.art-caption{font-size:8px}.section-heading{align-items:start;gap:20px}.section-heading>p{font-size:10px;max-width:150px;margin-top:5px}.section-heading h2{font-size:27px}.instrument-list{grid-template-columns:repeat(4,1fr)}.instrument-list>a{padding:19px 0;font-size:25px}.instrument-list>a:nth-child(n+5){border-top:1px solid var(--line)}.features,.faq{grid-template-columns:1fr;gap:30px}.features{padding-top:40px}.feature-lead h2{font-size:30px}.downloads{padding:28px 18px}.downloads .section-heading{display:block}.version{margin-top:20px}.version span{display:inline}.download-grid{grid-template-columns:1fr}.download-card{padding:24px}.os-icon{position:absolute;right:25px;top:26px}.download-card h3{margin-bottom:12px}.download-button{margin-top:20px}.download-card small{font-size:9px}.download-note{font-size:9px}.faq{padding:35px 24px 50px}.faq h2{font-size:26px}footer{flex-wrap:wrap;gap:16px;padding:24px}footer>span:nth-child(2){display:none}footer>a:nth-last-child(2){margin-left:auto}footer>span:last-child{flex-basis:100%;font-size:8px}}