:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#22344f;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:#285bea}header,main,footer{max-width:1180px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 32px}a.brand{text-decoration:none;color:#22344f;font-size:24px;white-space:nowrap}.brand span{color:#285bea;margin-right:8px}.brand b{font-weight:800}nav,.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}nav>a:not(.button){font-size:14px;text-decoration:none;color:#435671;font-weight:600}.button{display:inline-block;border:1px solid #ccd7e8;border-radius:10px;background:white;color:#253a5a;padding:13px 19px;font:inherit;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer}.primary{background:#285bea;border-color:#285bea;color:white}.button:hover:not(:disabled){filter:brightness(.94)}.button:disabled{cursor:default;background:#e3e9f5;color:#576985;border-color:#d6dfef}a:focus-visible,button:focus-visible{outline:3px solid #749fff;outline-offset:4px}main{padding:0 32px}section{margin:70px 0}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;margin:60px 0 85px}.eyebrow{font-size:11px;letter-spacing:2px;color:#285bea;font-weight:750}h1{font-size:clamp(36px,4.7vw,58px);line-height:1.09;letter-spacing:-2px;margin:22px 0}h2{font-size:clamp(26px,3vw,35px);letter-spacing:-1px;line-height:1.2;margin:14px 0 20px}h3{font-size:21px;margin:18px 0 12px}p,li{font-size:16px;line-height:1.75;color:#53657f}.intro{font-size:18px;max-width:540px}.small{font-size:13px;color:#64758d}.actions{gap:12px;margin-top:25px}.illustration{border-radius:28px;background:#e8efff;padding:40px 25px 25px;transform:rotate(-3deg);box-shadow:0 20px 60px #22344f10}.illustration>p{font-size:10px;letter-spacing:3px;text-align:center;font-weight:700;color:#365cab}.staff{height:125px;position:relative;background:repeating-linear-gradient(transparent 0 19px,#a7b8d1 19px 20px);margin:10px 10px 30px}.clef{position:absolute;font-size:85px;left:0;top:-18px;color:#38557b}.note{position:absolute;font-size:60px;color:#285bea}.n1{left:28%;top:4px}.n2{left:49%;top:-11px}.n3{left:78%;top:-27px}.piano{display:flex;position:relative;height:133px;gap:3px}.piano i{font-style:normal;flex:1;background:#fff;border-radius:4px 4px 7px 7px;box-shadow:0 3px 0 #bbc9e0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;font-size:12px;color:#6d7b93}.piano b{position:absolute;top:0;background:#263952;color:white;height:78px;width:8%;border-radius:0 0 5px 5px;display:flex;align-items:flex-end;justify-content:center;font-size:10px;padding-bottom:9px}.b1{left:10.3%}.b2{left:24.6%}.b3{left:53.2%}.b4{left:67.5%}.b5{left:81.8%}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.features article{background:white;border:1px solid #dfe6f1;border-radius:17px;padding:26px}.number{display:inline-block;border-radius:9px;background:#ecf2ff;padding:8px 11px;color:#285bea;font-size:13px;font-weight:700}.panel{background:white;border:1px solid #dfe6f1;border-radius:22px;padding:38px}.device{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:center}.key-guide{background:#f4f7fc;border-radius:14px;padding:20px 28px}.key-guide p{font-size:12px;margin:10px 0}.key-guide strong{font-family:monospace;font-size:20px;letter-spacing:4px;display:block}.key-guide span{display:block;margin-top:8px;font-size:12px;color:#64758d}.purchase{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;background:#eef3ff}.purchase ul{padding-left:20px}.price{background:white;border-radius:16px;padding:30px}.badge{font-size:11px;color:#365ba4;background:#ecf2ff;border-radius:20px;padding:7px 12px}.price strong{font-size:52px;letter-spacing:-2px;color:#22344f}.price p{margin:12px 0}.support{text-align:center;margin-bottom:85px}.support p{max-width:600px;margin:18px auto}.support .button{margin-top:10px}footer{padding:25px 32px;border-top:1px solid #dfe6f1;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer>a:last-child{font-size:12px}footer a.brand{font-size:18px}@media(max-width:850px){header{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;gap:30px}.illustration{max-width:430px;width:100%;margin:0 auto}.features{grid-template-columns:1fr}.device,.purchase{grid-template-columns:1fr;gap:20px}section{margin:50px 0}.hero{margin-top:35px}footer{flex-wrap:wrap}}@media(max-width:450px){header,main{padding-left:20px;padding-right:20px}nav{gap:15px}.panel{padding:23px}.price{padding:22px}.key-guide{padding:18px}.key-guide strong{letter-spacing:2px}h1{letter-spacing:-1px}.button{padding:12px 15px}.illustration{transform:none}.actions{align-items:stretch;flex-direction:column}.actions a{text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}