/* Product shell. Existing score notation and playback styles remain independent. */
:root{--forest:#363636;--deep:#2e2e2e;--moss:#5f5f5f;--cream:#f7f7f2;--gold:#b69862;--product-line:#dedede}
html{scroll-behavior:smooth;scroll-padding-top:100px}.product{background:var(--cream);color:var(--forest);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans TC",sans-serif}.product h1,.product h2,.product h3{color:var(--forest)}.product p{color:#6e6e6e}.product .button,.product button{border-radius:7px;transition:background .18s,border-color .18s,transform .18s}.product .primary{background:var(--forest);border-color:var(--forest)}.product .primary:hover{background:#4e4e4e;border-color:#4e4e4e}.product .quiet-link{display:inline-flex;align-items:center;gap:14px;color:var(--forest);font-size:max(22px,14px);font-weight:600;text-decoration:none;padding:10px 0}.product .quiet-link:hover{color:#585858}.product .quiet-link span{transition:transform .2s}.product .quiet-link:hover span{transform:translateX(3px)}.eyebrow{font-size:max(22px,10px)!important;font-weight:650;letter-spacing:2.2px;color:#7d7d7d!important;line-height:1.6;margin:0 0 18px}.little-line{display:inline-block;width:26px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.site-header{background:#f7f7f2f5;border-bottom:1px solid #e3e3e3;position:relative;z-index:30}.product .site-header{position:sticky;top:0;backdrop-filter:blur(14px)}.site-nav-wrap{max-width:1280px;height:80px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.site-brand{display:flex;align-items:center;gap:0;font-family:Georgia,"Times New Roman",serif;font-size:max(22px,26px);letter-spacing:-1px;color:var(--forest);text-decoration:none;font-weight:700}.brand-light{font-weight:400;margin-left:4px}.piano-logo{display:flex;align-items:stretch;gap:3px;width:26px;height:28px;margin-right:11px}.piano-logo i{display:block;background:var(--forest);width:7px;position:relative;border-radius:1px}.piano-logo i:nth-child(2){height:21px}.piano-logo i:nth-child(3){height:25px}.site-menu{display:flex;align-items:center;gap:34px}.site-menu>a:not(.button){text-decoration:none;font-size:max(22px,13px);font-weight:550;color:#737373;position:relative}.site-menu>a[aria-current=page]{color:var(--forest);font-weight:700}.site-menu>a[aria-current=page]:not(.button):after{content:"";height:3px;width:12px;background:var(--gold);position:absolute;bottom:-11px;left:calc(50% - 6px);border-radius:9px}.site-menu .nav-cta{font-size:max(22px,12px);min-height:38px;padding:10px 17px;background:var(--forest);border-color:var(--forest)}.menu-toggle{display:none}.skip-link{position:absolute;left:20px;top:-80px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.marketing-main{max-width:1280px;padding:0 40px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;min-height:660px;padding:70px 0 64px}.hero-copy h1{font-size:max(22px,clamp(35px,3.8vw,52px));font-weight:650;line-height:1.5;letter-spacing:-1.4px;margin:0 0 22px}.serif-accent{font-family:"Songti TC","Noto Serif TC",serif;font-weight:600;color:#5c5c5c}.hero-description{font-size:max(22px,15px);line-height:2.1!important;margin:0 0 26px!important}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.big-button{min-height:50px;padding:13px 23px;font-size:max(22px,14px);letter-spacing:.1px}.hero-formats{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:max(22px,10px);color:#828282}.hero-formats span+span:before{content:"·";margin-right:18px;color:#b6b6b6}.hero-art{position:relative;padding:12px 18px 6px;min-width:0;scroll-margin-top:120px}.art-orbit{position:absolute;width:105%;aspect-ratio:1;border-radius:50%;background:#ececec;left:-3%;top:10px;z-index:-1}.score-preview{border:1px solid #e2e2e2;background:#fffefa;box-shadow:0 26px 60px #35353514,0 2px 4px #35353506;border-radius:8px;padding:24px 24px 16px;transform:rotate(-2deg);transition:transform .3s}.score-preview:hover,.score-preview.is-playing{transform:rotate(0)}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-heading .eyebrow{font-size:max(22px,8px)!important;letter-spacing:1.5px;margin:0}.edition-pill{font-size:max(22px,9px);color:#8b744b;background:#f4edde;border:1px solid #e9dec4;border-radius:4px;padding:3px 7px;white-space:nowrap}.score-preview h2{font-family:"Songti TC",serif;font-size:max(22px,24px);text-align:center;font-weight:600;margin:25px 0 0;letter-spacing:2px}.preview-composer{font-family:Georgia,serif;font-size:max(22px,12px);text-align:center;margin:8px 0 15px!important;color:#757575!important}.preview-sheet{height:228px;overflow:hidden;background:#fff;mix-blend-mode:multiply;border-bottom:1px solid #e7e7e7}.preview-sheet img{display:block;width:100%;height:auto;transform:translateY(-7px)}.sample-player{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:18px}.sample-play{background:transparent!important;border:0!important;font-size:max(22px,11px);font-weight:600;padding:0!important;min-height:35px;color:var(--forest)}.play-glyph{background:var(--forest);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px;font-size:max(22px,10px);padding-left:1px}.sample-duration{font-size:max(22px,9px);color:#878787}.sample-track{height:2px;background:#e8e8e8;border-radius:5px;margin-top:12px;overflow:hidden}.sample-track span{display:block;background:var(--gold);height:100%;width:0}.sample-score-link{display:block;text-align:center;font-size:max(22px,10px);text-decoration:none;color:#7b7b7b;margin-top:12px}.art-caption{text-align:center;color:#838383;font-size:max(22px,10px);margin-top:26px;letter-spacing:.6px}.caption-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);vertical-align:2px;margin-right:5px}.value-strip{border-top:1px solid var(--product-line);border-bottom:1px solid var(--product-line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;color:#727272;font-size:max(22px,12px)}.value-strip p{font-size:max(22px,11px);margin:0}.value-strip i{font-style:normal;color:#c1c1c1;margin:0 17px}.how-section{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding:96px 0}.section-intro h2,.practice-copy h2{font-size:max(22px,30px);line-height:1.7;font-weight:600;letter-spacing:-.5px;margin-bottom:18px}.section-intro>p:last-child{font-size:max(22px,14px)}.how-steps article{display:flex;gap:24px;padding:22px 0;border-top:1px solid var(--product-line)}.how-steps article:first-child{padding-top:5px;border:0}.step-number{font-family:Georgia,serif;color:var(--gold);font-size:max(22px,30px);line-height:1}.how-steps h3{font-size:max(22px,16px);margin:0 0 7px;font-weight:600}.how-steps p{font-size:max(22px,13px);line-height:1.9;max-width:350px;margin:0}.practice-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-radius:12px;background:#ececec;padding:48px;margin-bottom:80px}.practice-visual{height:220px;position:relative;overflow:hidden;border-radius:8px;background:var(--forest);padding:28px}.practice-label{font-size:max(22px,8px);letter-spacing:1.6px;color:#b7b7b7}.keys{display:flex;gap:3px;transform:rotate(-15deg);width:120%;position:absolute;top:85px;left:-12px;height:155px}.keys i{flex:1;background:#f3f1e4;border-radius:0 0 4px 4px;position:relative;box-shadow:inset 0 -7px 0 #d8d8d8}.keys i:not(:nth-child(3n)):after{content:"";position:absolute;z-index:1;width:65%;height:60%;background:#252525;top:0;right:-38%;border-radius:0 0 3px 3px}.keys .pressed{background:#ceb482;box-shadow:inset 0 -7px 0 #ae945f}.practice-symbol{position:absolute;right:24px;top:19px;font-family:Georgia,serif;font-size:max(22px,45px);color:#c3c3c3}.practice-copy .eyebrow{margin-bottom:14px}.practice-copy h2{font-size:max(22px,25px);margin:0 0 14px}.practice-copy p{font-size:max(22px,13px);line-height:2}.closing-cta{text-align:center;border-top:1px solid var(--product-line);padding:66px 0 78px}.closing-cta h2{font-size:max(22px,36px);font-family:"Songti TC",serif;font-weight:600;letter-spacing:1px;margin:0 0 25px}.closing-cta .quiet-link{margin-left:25px}.site-footer{max-width:1280px;margin:auto;padding:28px 40px 25px;border-top:1px solid var(--product-line);display:flex;gap:24px;flex-wrap:wrap;align-items:center}.footer-brand{font:600 23px Georgia,serif;font-size:max(22px,23px);text-decoration:none;color:var(--forest)}.site-footer>span{font:italic 12px Georgia,serif;font-size:max(22px,12px);color:#909090}.site-footer nav{margin-left:auto;display:flex;gap:24px}.site-footer nav a{font-size:max(22px,11px);text-decoration:none;color:#737373}.site-footer>p{font-size:max(22px,10px);width:100%;margin:0;color:#848484}.mobile-only{display:none}
/* Workspace */
.dashboard-layout{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1440px;margin:auto}.workspace-sidebar{padding:38px 22px;border-right:1px solid #e4e4e4;display:flex;flex-direction:column;gap:36px;position:sticky;top:80px;height:calc(100vh - 80px)}.sidebar-title{font-size:max(22px,9px)!important;letter-spacing:2px;margin:0 0 12px 12px;color:#929292!important}.workspace-sidebar nav{display:flex;flex-direction:column;gap:6px}.workspace-sidebar nav a{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:max(22px,12px);padding:11px 12px;border-radius:7px;color:#737373}.workspace-sidebar nav a:hover{background:#f0f0f0}.workspace-sidebar nav a.active{background:#eaeaea;color:var(--forest);font-weight:650}.sidebar-icon{font-size:max(22px,17px);line-height:1;width:20px;text-align:center}.sidebar-plan{padding:17px 14px;border:1px solid #dddddd;border-radius:8px;background:#f1f1f1}.sidebar-plan strong{font-size:max(22px,12px)}.sidebar-plan p{font-size:max(22px,11px);line-height:1.8;margin:8px 0 13px}.sidebar-plan a{font-size:max(22px,11px);text-decoration:none;display:flex;justify-content:space-between}.workspace-identity{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid #e2e2e2;padding-top:18px}.workspace-avatar{background:#e7e7e7;width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:16px Georgia,serif;font-size:max(22px,16px);color:var(--forest)}.workspace-identity strong{font-size:max(22px,11px);display:block}.workspace-identity small{font-size:max(22px,9px);color:#8c8c8c}.dashboard-main{max-width:none;min-width:0;margin:0;padding:38px 34px 70px;width:100%}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.dashboard-heading .eyebrow{margin-bottom:10px;font-size:max(22px,9px)!important}.dashboard-heading h1{font-size:max(22px,30px);letter-spacing:-.5px;margin:0 0 8px;font-weight:650}.dashboard-heading p:last-child{font-size:max(22px,12px);margin:0}.workspace-tag{border:1px solid #dddddd;border-radius:20px;padding:5px 10px;font-size:max(22px,10px);color:#7b7b7b;white-space:nowrap}.workspace-tag:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#8b8b8b;vertical-align:1px;margin-right:6px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fffefa;border:1px solid #e1e1e1;border-radius:9px;margin-bottom:30px}.dashboard-stats>div{padding:17px 22px;display:flex;align-items:center;gap:13px;position:relative}.dashboard-stats>div+div:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:1px;background:#e6e6e6}.dashboard-stats strong{font:30px/1.2 Georgia,serif;font-size:max(22px,30px);color:var(--forest)}.dashboard-stats span{font-size:max(22px,11px);color:#7f7f7f}.dashboard-main .workspace-grid{grid-template-columns:minmax(285px,.83fr) minmax(0,1.3fr);gap:25px}.dashboard-main .create-card{padding:22px;border-radius:10px;background:#fffefa;border-color:#e1e1e1;scroll-margin-top:100px}.create-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.create-title h2{font-size:max(22px,16px)}.create-title span{font-size:max(22px,22px);font-weight:300;color:#7d7d7d}.create-subtitle{font-size:max(22px,11px)!important;margin-bottom:20px!important}.dashboard-main .source-tabs{margin-bottom:17px;background:#f0f0f0;border-radius:8px}.dashboard-main .source-tabs button{font-size:max(22px,12px);min-height:36px;border-radius:5px}.dashboard-main .dropzone{min-height:152px;background:#f9f9f9;border-radius:8px;border-color:#c6c6c6}.dashboard-main .dropzone .upload-symbol{font-size:max(22px,23px)!important;border:1px solid #e2e2e2;background:white;border-radius:50%;width:34px;height:34px;margin-bottom:9px}.dashboard-main .dropzone strong{font-size:max(22px,12px)}.dashboard-main .dropzone span{font-size:max(22px,10px)}.dashboard-main .options{gap:6px}.dashboard-main .choice span{font-size:max(22px,10px);padding:9px 7px;border-radius:6px}.dashboard-main .choice{min-width:max-content}.dashboard-main .field-label{font-size:max(22px,11px)}.dashboard-main .hint{font-size:max(22px,10px)}.dashboard-main input:not([type=file]):not([type=checkbox]):not([type=radio]),.dashboard-main select{font-size:max(22px,12px);border:1px solid #dfdfdf;padding:10px;border-radius:6px;width:100%;min-height:40px;background:white;color:var(--forest)}.dashboard-main .wide-button{min-height:44px;font-size:max(22px,12px)}.dashboard-main .form-footnote{font-size:max(22px,9px)}.dashboard-main .advanced{margin-top:17px}.dashboard-main summary{font-size:max(22px,11px)}.dashboard-main .section-heading{margin:0 0 14px;min-height:29px}.dashboard-main .section-heading h2{font-size:max(22px,17px)}.dashboard-main .section-heading span{font-size:max(22px,10px)}.library-tools{display:flex;gap:8px;margin-bottom:12px}.search-box{display:flex;align-items:center;gap:7px;border:1px solid #dfdfdf;border-radius:7px;background:white;flex:1;min-width:0;padding:0 10px}.search-box>span{font-size:max(22px,20px);line-height:1;color:#8b8b8b}.dashboard-main .search-box input{border:0!important;outline-offset:0;min-width:0;padding:10px 0!important;min-height:38px}.dashboard-main .library-tools select{width:105px;font-size:max(22px,10px);min-height:38px;flex:none}.library-filters{display:flex;gap:6px;margin-bottom:15px}.library-filters button{font-size:max(22px,10px);min-height:30px;padding:6px 11px;border:1px solid transparent;background:transparent;color:#818181}.library-filters button[aria-pressed=true]{background:#ebebeb;color:#525252;font-weight:600}.dashboard-main #projects .project{display:grid;grid-template-columns:63px minmax(0,1fr);gap:15px;padding:17px;border-color:#e3e3e3;border-radius:9px;background:#fffefa;transition:border-color .2s,box-shadow .2s}.dashboard-main #projects .project:hover{border-color:#c4c4c4;box-shadow:0 3px 14px #33333306}.project-cover{height:87px;overflow:hidden;background:#f2f2e8;border:1px solid #e1e2d6;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-top:3px;position:relative;color:#9b9b9b}.project-cover img{height:87px;width:auto;max-width:none;display:block}.project-cover .record-icon{font:30px Georgia,serif;font-size:max(22px,30px)}.project-body{min-width:0}.dashboard-main .project-top{gap:8px}.dashboard-main .project-name{font-size:max(22px,12px);line-height:1.65;font-weight:600}.dashboard-main .badge{font-size:max(22px,8px);padding:3px 7px;border-radius:4px}.dashboard-main .badge.review{background:#f3eee0;color:#8b794c}.dashboard-main .project-meta{font-size:max(22px,10px);margin:5px 0 7px}.dashboard-main .project-body>.small{font-size:max(22px,9px);margin:0 0 12px;color:#868686}.dashboard-main .actions .button{font-size:max(22px,10px);padding:6px 10px;min-height:30px}.dashboard-main .project-bottom{gap:10px}.dashboard-main .project-bottom>time{font-size:max(22px,9px)}.dashboard-main .project-history{margin-top:10px;padding-top:3px}.dashboard-main .project-history summary{font-size:max(22px,9px);min-height:24px;line-height:24px}.dashboard-main .history-item{font-size:max(22px,10px)}.dashboard-main .library-footer{font-size:max(22px,9px);margin-top:18px}.dashboard-main #failed-tasks{border-top:1px solid #e2e2e2;margin-top:22px;padding-top:12px}.dashboard-main .task{padding:18px;border-radius:9px}.dashboard-main .task .project-name{font-size:max(22px,13px)}.dashboard-main .task .badge{font-size:max(22px,10px)}.dashboard-main .task time{font-size:max(22px,10px)}.dashboard-main .task-message{font-size:max(22px,12px)}.dashboard-main .empty{border-radius:9px;min-height:150px;font-size:max(22px,12px)}.empty .quiet-button{margin-top:15px}.quiet-button{border:0;background:transparent;color:var(--forest);font-size:max(22px,12px);font-weight:600;min-height:36px;padding:8px 0}.quiet-button:hover{background:transparent;text-decoration:underline}.dashboard-bottom{margin-top:35px;padding-top:15px;border-top:1px solid #e2e2e2;font-size:max(22px,10px);color:#8d8d8d;display:flex;justify-content:space-between;gap:15px}
/* Pricing and plan preview */
.pricing-intro{text-align:center;padding:65px 0 24px}.pricing-intro h1{font-size:max(22px,37px);font-weight:600;line-height:1.5;letter-spacing:-1px;margin:0 0 15px}.pricing-intro>p:not(.eyebrow){font-size:max(22px,14px)}.pricing-intro .eyebrow{margin-bottom:15px}.demo-notice{font-size:max(22px,10px);background:#eeeede;color:#7a785d;border:1px solid #e5e4d0;border-radius:4px;display:inline-block;margin-top:13px;padding:4px 10px}.pricing-mode{display:flex;gap:4px;max-width:330px;margin:10px auto 40px;background:#ececec;padding:5px;border-radius:8px}.pricing-mode button{flex:1;border:0;background:transparent;font-size:max(22px,12px);min-height:36px;padding:8px}.pricing-mode button[aria-pressed=true]{background:#fffefa;box-shadow:0 2px 5px #2e2e2e0b;font-weight:600}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:66px}.price-card{border:1px solid #e0e0e0;background:#fffefa;border-radius:10px;padding:30px 26px 23px;position:relative}.price-card.featured{border:1.5px solid #5e5e5e;background:#f8f8f8;box-shadow:0 12px 24px #3636360a}.featured-label{position:absolute;top:-12px;left:24px;padding:3px 12px;background:#5c5c5c;color:white;border-radius:4px;font-size:max(22px,10px);letter-spacing:.5px}.price-card .eyebrow{font-size:max(22px,9px)!important;margin-bottom:13px}.price-card h2{font-size:max(22px,22px);font-weight:600}.plan-description{font-size:max(22px,12px)!important;margin:9px 0 30px!important}.price{display:flex;align-items:baseline;gap:5px;min-height:61px;color:var(--forest)}.price small{font-size:max(22px,13px);align-self:flex-start;padding-top:8px}.price>span{font-size:max(22px,45px);font-family:Georgia,"Songti TC",serif;line-height:1.2;letter-spacing:-1px}.price em{font-size:max(22px,11px);color:#909090;font-style:normal;margin-left:4px}.price-caption{font-size:max(22px,11px)!important;margin:2px 0 23px!important;min-height:20px}.plan-button{width:100%;font-size:max(22px,12px);min-height:43px}.feature-list{list-style:none;padding:23px 0 0;border-top:1px solid #e4e4e4;margin:24px 0 0}.feature-list li{font-size:max(22px,12px);margin:0 0 13px;color:#6b6b6b;padding-left:20px;position:relative;line-height:1.8}.feature-list li:before{content:"✓";position:absolute;left:0;color:#969696;font-size:max(22px,12px)}.plan-footnote{font-size:max(22px,10px)!important;margin:18px 0 0!important;color:#909090!important}.quote-section{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;border-radius:11px;background:#ececec;padding:42px 48px;align-items:center;margin-bottom:85px}.quote-section h2{font-size:max(22px,26px);letter-spacing:-.5px;margin:0 0 10px;font-weight:600}.quote-section p{font-size:max(22px,12px)}.quote-section .eyebrow{margin-bottom:13px}.quote-input{display:flex;align-items:center;gap:12px;margin:25px 0 18px;font-size:max(22px,12px);color:#838383}.quote-input input{width:85px;text-align:center;font-size:max(22px,18px);padding:8px;border:1px solid #d2d2d2;background:#fffef8;border-radius:6px;color:var(--forest)}#quote-range{width:100%;accent-color:#575757}.range-labels{display:flex;justify-content:space-between;font-size:max(22px,9px);color:#909090;margin-top:5px}.quote-result{background:#fffefa;border:1px solid #e0e0e0;border-radius:8px;padding:30px;text-align:center}.quote-result>span{font-size:max(22px,11px);color:#7d7d7d}.quote-result>strong{font-size:max(22px,43px);font-family:Georgia,serif;display:block;margin:12px 0 0;font-weight:500;line-height:1.4}.quote-result>p{font-size:max(22px,11px);margin-top:0}.quote-result b{font-weight:600;color:#5d5d5d;margin-left:12px;display:inline-block}.quote-divider{height:1px;background:#e4e4e4;margin:23px 0 15px}.quote-result button{font-size:max(22px,10px);padding:6px 0;margin-top:7px}.pricing-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;margin-bottom:90px}.pricing-faq h2{font-size:max(22px,28px);line-height:1.7;font-weight:600}.pricing-faq .eyebrow{margin-bottom:14px}.pricing-faq details{border-bottom:1px solid #e2e2e2;padding:12px 0}.pricing-faq details:first-child{border-top:1px solid #e2e2e2}.pricing-faq summary{font-size:max(22px,13px);color:var(--forest);list-style:none;position:relative;padding-right:26px;line-height:1.8;padding-top:7px;padding-bottom:7px}.pricing-faq summary::-webkit-details-marker{display:none}.pricing-faq summary:after{content:"+";position:absolute;right:2px;font-size:max(22px,18px);top:3px;font-weight:300;color:#949494}.pricing-faq details[open] summary:after{content:"−"}.pricing-faq details[open]>summary{margin-bottom:5px}.pricing-faq p{font-size:max(22px,12px);line-height:1.9;margin:0 20px 12px 0}.plan-dialog{border:1px solid #dcdcdc;box-shadow:0 25px 80px #20202040;border-radius:13px;padding:35px;max-width:470px;width:calc(100% - 36px);background:#fffef8;color:var(--forest)}.plan-dialog::backdrop{background:#31313180;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:14px;top:14px;width:34px;min-height:34px;padding:0;border:0;background:transparent;font-size:max(22px,24px);color:#7f7f7f}.plan-dialog .eyebrow{margin-top:4px}.plan-dialog h2{font-size:max(22px,23px)}.plan-dialog>p:not(.eyebrow){font-size:max(22px,12px)}.dialog-price{font:32px/1.5 Georgia,"Songti TC",serif;font-size:max(22px,32px);margin:22px 0}.dialog-notice{background:#f1f1f1;border-radius:6px;padding:12px;margin-top:20px!important;font-size:max(22px,11px)!important}.plan-dialog .wide-button{font-size:max(22px,13px);margin-top:16px}.plan-dialog>.quiet-button{display:block;margin:10px auto 0;font-size:max(22px,11px)}.plan-dialog .feature-list{margin-top:16px;padding-top:18px}
@media(min-width:1441px){.dashboard-layout{border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4}}
@media(max-width:1100px){.hero{gap:30px;min-height:590px}.hero-copy h1{font-size:max(22px,36px)}.hero-art{padding:10px 4px}.hero-formats{gap:9px}.hero-formats span+span:before{margin-right:9px}.hero-actions{gap:18px}.hero-actions .big-button{font-size:max(22px,12px);padding:12px 16px}.preview-sheet{height:200px}.preview-heading .eyebrow{font-size:max(22px,7px)!important}.score-preview{padding:20px}.dashboard-layout{grid-template-columns:160px minmax(0,1fr)}.workspace-sidebar{padding:30px 14px}.dashboard-main{padding:30px 24px 50px}.dashboard-main .workspace-grid{grid-template-columns:minmax(260px,.86fr) minmax(0,1.1fr);gap:18px}.dashboard-main .create-card{padding:18px}.dashboard-main #projects .project{grid-template-columns:1fr;padding:15px}.project-cover{display:none}.dashboard-main .project-bottom>time{width:100%}.price-card{padding:27px 20px}.price>span{font-size:max(22px,39px)}.price em{font-size:max(22px,10px)}.practice-section{gap:35px;padding:35px}.how-section{gap:55px}.quote-section{gap:40px;padding:35px}}
@media(max-width:850px){.site-nav-wrap{padding:0 25px;height:70px}.site-menu{gap:22px}.site-menu>a:not(.button){font-size:max(22px,11px)}.site-brand{font-size:max(22px,24px)}.marketing-main{padding:0 25px}.hero{gap:20px;padding:55px 0}.hero-copy h1{font-size:max(22px,30px)}.hero-description{font-size:max(22px,12px)}.hero-actions{gap:10px}.hero-actions .quiet-link{font-size:max(22px,11px)}.hero-formats{font-size:max(22px,8px)}.preview-heading .eyebrow{display:none}.preview-heading{justify-content:flex-end}.score-preview h2{font-size:max(22px,20px);margin-top:16px}.preview-sheet{height:174px}.sample-duration{font-size:max(22px,8px)}.art-caption{font-size:max(22px,8px)}.value-strip{display:block;text-align:center}.value-strip p{margin-top:10px}.how-section{gap:35px;padding:65px 0}.section-intro h2{font-size:max(22px,25px)}.practice-section{gap:30px;padding:25px}.practice-copy h2{font-size:max(22px,22px)}.practice-visual{height:210px}.dashboard-layout{display:block}.workspace-sidebar{display:none}.dashboard-main{padding:28px 25px 50px}.dashboard-main .workspace-grid{grid-template-columns:minmax(270px,.86fr) minmax(0,1.1fr)}.dashboard-main .project-name{font-size:max(22px,12px)}.pricing-intro h1{font-size:max(22px,32px)}.pricing-grid{gap:12px}.price-card{padding:26px 16px 20px}.price em{display:block}.price{flex-wrap:wrap;gap:4px}.price-caption{font-size:max(22px,10px)!important;min-height:32px}.feature-list li{font-size:max(22px,11px)}.plan-description{font-size:max(22px,11px)!important;min-height:37px}.price-card h2{font-size:max(22px,20px)}.quote-section{gap:30px;padding:30px}.quote-section h2{font-size:max(22px,23px)}.pricing-faq{gap:40px}.site-footer{padding:25px}.site-footer nav{gap:15px}}
@media(max-width:650px){html{scroll-padding-top:84px}.site-nav-wrap{height:64px;padding:0 20px}.site-brand{font-size:max(22px,24px)}.piano-logo{height:25px;width:24px;margin-right:9px}.piano-logo i{width:6px}.piano-logo i:nth-child(2){height:19px}.piano-logo i:nth-child(3){height:22px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px;min-height:40px;width:40px;border:1px solid #dfdfdf;background:transparent}.menu-toggle span{width:16px;height:1px;background:var(--forest);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.site-menu{display:none;position:absolute;top:64px;left:0;right:0;background:#f7f7f2;border-bottom:1px solid #dfdfdf;box-shadow:0 10px 20px #36363609;padding:17px 20px 22px;align-items:stretch;gap:6px}.site-menu.is-open{display:flex;flex-direction:column}.site-menu>a:not(.button){font-size:max(22px,13px);padding:12px;border-radius:5px}.site-menu>a[aria-current=page]:not(.button){background:#eaeaea}.site-menu>a[aria-current=page]:after{display:none}.site-menu .nav-cta{margin-top:6px;min-height:43px}.marketing-main{padding:0 22px}.hero{grid-template-columns:1fr;padding:43px 0 45px;gap:40px;min-height:0}.hero-copy h1{font-size:max(22px,35px);line-height:1.55;letter-spacing:-1px}.hero-copy .eyebrow{font-size:max(22px,9px)!important;margin-bottom:18px}.hero-description{font-size:max(22px,13px);line-height:2!important}.hero-actions{gap:20px}.hero-actions .big-button{font-size:max(22px,12px);padding:13px 17px}.hero-actions .quiet-link{font-size:max(22px,12px)}.hero-formats{font-size:max(22px,9px);margin-top:23px}.hero-art{width:100%;max-width:390px;margin:auto;padding:0 10px;scroll-margin-top:94px}.score-preview{padding:22px;transform:rotate(-1.5deg)}.preview-heading{justify-content:space-between}.preview-heading .eyebrow{display:block;font-size:max(22px,7px)!important}.score-preview h2{font-size:max(22px,24px);margin-top:22px}.preview-sheet{height:190px}.art-orbit{width:100%;top:15px;left:0}.sample-duration{font-size:max(22px,9px)}.art-caption{font-size:max(22px,9px)}.value-strip{padding:20px 0}.value-strip>span{font-size:max(22px,12px)}.value-strip p{font-size:max(22px,9px);line-height:2}.value-strip i{margin:0 5px}.how-section{grid-template-columns:1fr;gap:28px;padding:50px 0}.section-intro h2{font-size:max(22px,28px)}.how-steps article{gap:22px;padding:20px 0}.how-steps p{font-size:max(22px,12px)}.practice-section{grid-template-columns:1fr;gap:30px;padding:25px;margin-bottom:48px}.practice-visual{height:190px}.practice-copy h2{font-size:max(22px,23px)}.practice-copy p{font-size:max(22px,12px)}.closing-cta{padding:47px 0 55px}.closing-cta h2{font-size:max(22px,29px)}.closing-cta .eyebrow{font-size:max(22px,9px)!important}.closing-cta .big-button{font-size:max(22px,12px);padding:12px 20px;min-height:45px}.closing-cta .quiet-link{font-size:max(22px,12px);margin-left:18px}.site-footer{padding:25px 22px;gap:12px}.site-footer>span{font-size:max(22px,10px)}.site-footer nav{width:100%;margin:8px 0;gap:24px}.site-footer>p{font-size:max(22px,9px)}.dashboard-main{padding:25px 18px 40px}.dashboard-heading{gap:10px;margin-bottom:20px}.dashboard-heading h1{font-size:max(22px,27px)}.dashboard-heading p:last-child{font-size:max(22px,11px)}.dashboard-heading .eyebrow{font-size:max(22px,8px)!important;letter-spacing:1.5px}.workspace-tag{font-size:max(22px,9px);padding:4px 8px}.dashboard-stats{margin-bottom:22px}.dashboard-stats>div{padding:15px 12px;gap:8px;align-items:baseline}.dashboard-stats strong{font-size:max(22px,24px)}.dashboard-stats span{font-size:max(22px,10px)}.dashboard-main .workspace-grid{grid-template-columns:1fr;gap:28px}.dashboard-main .create-card{padding:21px}.dashboard-main .dropzone{min-height:145px}.dashboard-main .choice span{font-size:max(22px,11px);padding:10px}.dashboard-main .form-footnote{font-size:max(22px,10px)}.dashboard-main .hint{font-size:max(22px,11px)}.dashboard-main #projects .project{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:16px}.project-cover{display:flex;width:58px;height:80px}.dashboard-main .project-name{font-size:max(22px,12px)}.dashboard-main .project-bottom>time{font-size:max(22px,9px)}.dashboard-main .library-footer{font-size:max(22px,9px)}.dashboard-bottom{display:block;font-size:max(22px,9px)}.dashboard-bottom span{display:block;margin-bottom:4px}.pricing-intro{padding:43px 0 20px}.pricing-intro h1{font-size:max(22px,30px);line-height:1.55}.pricing-intro>p:not(.eyebrow){font-size:max(22px,12px)}.pricing-intro .eyebrow{font-size:max(22px,8px)!important;letter-spacing:1.6px}.mobile-only{display:block}.pricing-mode{margin:10px auto 30px;max-width:305px}.pricing-grid{grid-template-columns:1fr;gap:24px;padding-bottom:40px}.price-card{padding:28px}.plan-description{min-height:0;font-size:max(22px,12px)!important;margin-bottom:22px!important}.price{flex-wrap:nowrap;min-height:50px}.price>span{font-size:max(22px,45px)}.price em{font-size:max(22px,12px)}.price-caption{font-size:max(22px,11px)!important;min-height:0}.price-card h2{font-size:max(22px,23px)}.feature-list{padding-top:18px;margin-top:22px}.feature-list li{font-size:max(22px,12px);margin-bottom:11px}.price-card .eyebrow{font-size:max(22px,9px)!important}.plan-footnote{margin-top:15px!important}.quote-section{grid-template-columns:1fr;padding:25px;gap:22px;margin-bottom:48px}.quote-section h2{font-size:max(22px,24px);line-height:1.6}.quote-result{padding:25px}.quote-result>strong{font-size:max(22px,42px)}.pricing-faq{grid-template-columns:1fr;gap:20px;margin-bottom:50px}.pricing-faq h2{font-size:max(22px,26px);line-height:1.5}.pricing-faq h2 br{display:none}.pricing-faq .eyebrow{margin-bottom:12px}.pricing-faq summary{font-size:max(22px,12px)}.plan-dialog{padding:28px}.plan-dialog h2{font-size:max(22px,21px)}.dialog-price{font-size:max(22px,29px)}.plan-dialog .feature-list li{font-size:max(22px,11px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.score-preview{transform:none}}

.sample-error{font-size:max(22px,11px)!important;line-height:1.7;color:#895b30!important;margin:10px 0 0!important}.dashboard-main .project-meta{font-size:max(22px,11px)}.dashboard-main .project-bottom>time{font-size:max(22px,10px)}.dashboard-main .project-name{font-size:max(22px,13px)}.dashboard-main .actions .button{font-size:max(22px,11px)}

.sample-play{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--forest)}

/* Real two-page delivery, shared by cloud and localhost. */
.cloud-preview-notice{padding:10px 24px;background:#eeeeee;color:#424242;text-align:center;font-size:max(22px,13px);border-bottom:1px solid #d7d7d7}
.trial-main{max-width:1050px;margin:48px auto;padding:0 24px 64px}.trial-main header{text-align:center;margin-bottom:36px}.trial-main h1{font-size:max(22px,clamp(25px,4vw,42px));line-height:1.3}.preview-paper{margin:0 0 32px;background:white;border:1px solid #e2e2e2;box-shadow:0 8px 32px #30303009}.preview-paper img{width:100%;height:auto;display:block}.preview-paper figcaption{text-align:center;color:#717171;padding:12px;border-top:1px solid #ececec}.trial-unlock{text-align:center;border:1px solid #dbdbdb;border-radius:20px;padding:40px 24px;background:#f1f1f1}.trial-unlock h2{font-size:max(22px,26px)}.trial-unlock .small{margin-top:18px}.preview-sheet img{object-fit:cover;object-position:top}
/* Language controls stay available when the mobile menu is closed. */
.language-switch{display:flex;align-items:center;gap:2px;margin-left:auto;border:1px solid var(--line,#e1e1e1);border-radius:24px;padding:3px;flex-shrink:0}
.language-switch button{border:0;background:transparent;color:var(--muted,#757575);padding:7px 10px;min-height:36px;border-radius:20px;font-size:max(22px,12px);cursor:pointer;white-space:nowrap}
.language-switch button[aria-pressed=true]{background:var(--ink,#2b2b2b);color:#fff}
.language-switch button:focus-visible{outline:2px solid var(--accent,#666666);outline-offset:2px}
html[lang=en] .hero h1{font-size:max(22px,clamp(38px,4.4vw,68px));line-height:1.12;letter-spacing:-.045em}
html[lang=en] .plan-option,html[lang=en] .journey-steps{overflow-wrap:anywhere}
html[lang=en] .source-tabs button{white-space:normal}
@media(min-width:801px){.site-nav-wrap{gap:22px}.language-switch{order:3}.site-menu{margin-left:auto}.site-brand{flex-shrink:0}}
@media(max-width:800px){.site-nav-wrap{gap:10px}.language-switch{margin-left:auto}.site-brand{font-size:max(22px,20px)}.language-switch button{padding:5px 8px}.site-menu{order:4}html[lang=en] .hero h1{font-size:max(22px,42px)}html[lang=en] .journey-steps{font-size:max(22px,11px)}}
.dialog-language{width:max-content;margin:0 38px 18px auto}.dialog-language button{font-size:max(22px,12px)}