:root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark;--canvas: #272521;--paper: #faf6ee;--ink: #171612;--muted: #bfb9b1;--brown: #6b3d28;--rule: #62594e;background:var(--canvas);color:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #e2a879;outline-offset:6px}.shell{width:min(100% - 56px,1368px);margin-inline:auto}.site-header{border-bottom:1px solid #464039}.header-inner{min-height:68px;display:flex;align-items:center;gap:48px;padding-inline:36px}.brand{font-size:28px;font-weight:500;letter-spacing:-.04em}nav{display:flex;align-items:center;gap:36px;margin-left:auto}nav a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;letter-spacing:.04em}nav a:hover{color:#e8b08a}.language-switch{display:flex;align-items:center;gap:4px;font-size:15px}.language-switch button{border:0;background:none;color:var(--muted);min-width:36px;min-height:44px;padding:8px 5px;cursor:pointer}.language-switch button[aria-pressed=true]{color:var(--paper);font-weight:600}.language-switch span{color:#9c9185}.skip-link{position:fixed;z-index:10;left:20px;top:12px;padding:12px 20px;border-radius:8px;background:var(--paper);color:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:none}.intro{padding:48px 36px 24px}h1{margin:0;font-size:clamp(34px,4.2vw,60px);font-weight:650;letter-spacing:-.045em;line-height:1.2;text-wrap:balance}h1 span{display:inline-block}.intro p{margin:15px 0 0;font-size:25px;line-height:1.55;color:var(--muted);letter-spacing:.01em}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product{min-width:0;display:flex;flex-direction:column;padding:36px 26px 32px;border-radius:22px;background:var(--paper);color:var(--ink)}.product-identity{display:flex;align-items:center;gap:30px;margin:0 9px 38px;min-height:116px}.app-icon{flex:0 0 auto;width:clamp(96px,10.2vw,132px);height:auto;aspect-ratio:1;border-radius:27%;object-fit:contain}.product-copy{min-width:0}.product h2{margin:0;font-size:clamp(30px,3.4vw,48px);font-weight:650;line-height:1.1;letter-spacing:-.055em}.product-role{margin:10px 0 0;font-size:27px;font-weight:500;line-height:1.3}.product-summary{margin:12px 0 0;font-size:17px;color:#787169;line-height:1.65;text-wrap:pretty}.screenshot-frame{overflow:hidden;display:flex;align-items:center;aspect-ratio:4 / 3;border:9px solid #181817;border-radius:26px;background:#faf7f2;box-shadow:0 8px 14px #0000001c}.screenshot-frame img{display:block;width:100%;height:100%;object-fit:contain}.product-link{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:22px;min-height:62px;margin:38px 14px 0;padding:12px 34px;border-radius:999px;background:var(--brown);color:#fff8ef;font-size:19px;line-height:1.4;transition:background .16s ease,transform .16s ease}.product-link:hover{background:#844d33;transform:translateY(-2px)}.product-link:focus-visible{outline-color:#9e552c}.next-product{margin-top:40px;padding-top:40px;border-top:1px solid var(--rule)}.teaser{display:flex;align-items:center;justify-content:space-between;min-height:clamp(236px,20.9vw,296px);padding:42px 50px;border:1px solid #4b443b;border-radius:26px;background:url(/melo-studio-home/piano-banner.png) center / cover no-repeat}.teaser-copy h2{margin:0;font-size:54px;font-weight:630;letter-spacing:-.04em;line-height:1.2}.teaser-copy>p{margin:5px 0 22px;font-size:28px;line-height:1.4}.status{display:inline-flex;align-items:center;min-height:44px;padding:8px 24px;border-radius:999px;background:#554638;color:#fff8ef;font-size:16px;line-height:1.5}.teaser-caption{margin:0;font-family:Georgia,Times New Roman,serif;color:#ded8cf;font-size:14px;letter-spacing:.35em;line-height:1.9;text-align:right}.footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:40px 8px 36px}.footer>p{margin:0;font-size:19px;line-height:1.6}.footer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;color:var(--muted);font-size:13px;line-height:1.8}.footer-meta a{padding-block:8px}.footer-meta a:hover{color:var(--paper)}.contact-link{color:#e6d9cb}@media(max-width:1100px){.shell{width:calc(100% - 48px)}.header-inner{padding-inline:16px;gap:28px}.intro{padding:48px 16px 42px}.product{padding:28px 20px}.product-identity{gap:20px;margin-inline:4px;min-height:104px;margin-bottom:30px}.app-icon{width:96px;height:96px}.product-role{font-size:22px}.product-summary{font-size:15px}.product-link{margin-left:4px;font-size:17px;padding-inline:25px;min-height:56px}.teaser{min-height:266px;padding:34px}.teaser-copy h2{font-size:46px}.footer{flex-wrap:wrap}}@media(max-width:740px){.shell{width:calc(100% - 32px)}.header-inner{padding-inline:4px;gap:0;flex-wrap:wrap;min-height:76px}.brand{font-size:23px}nav{gap:22px;margin-left:0;order:3;width:100%;border-top:1px solid #464039;padding-bottom:5px}nav a{font-size:14px}.language-switch{margin-left:auto}.intro{padding:38px 6px 34px}h1{font-size:clamp(31px,7.6vw,43px);line-height:1.3}.intro p{font-size:18px;margin-top:12px}.products{grid-template-columns:1fr;gap:20px}.product{padding:24px 18px;border-radius:18px}.product-identity{gap:20px;margin:0 3px 26px;min-height:90px}.app-icon{width:86px;height:86px}.product h2{font-size:32px}.product-role{margin-top:7px;font-size:20px}.product-summary{margin-top:8px;font-size:14px;line-height:1.6}.screenshot-frame{border-width:6px;border-radius:17px}.product-link{min-height:52px;margin:26px 3px 0;padding-inline:24px;font-size:16px}.next-product{margin-top:28px;padding-top:28px}.teaser{min-height:270px;padding:30px 24px;border-radius:18px;background-position:58% center}.teaser-copy h2{font-size:37px}.teaser-copy>p{font-size:22px}.teaser-caption{display:none}.status{font-size:14px;padding:8px 18px}.footer{padding:28px 6px 26px;gap:16px}.footer>p{font-size:16px}.footer-meta{font-size:12px;gap:6px 18px}}@media(max-width:370px){.product-identity{gap:14px}.app-icon{width:70px;height:70px}.product h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}