:root{--paper:#fafafa;--ink:#141414;--muted:#646464;--line:#dedede;--forest:#111;--deep:#090909;--lime:#f8f8f8;color:#141414;background:#fafafa}
body.pianolia-premium{--roll-left:#93c5fd;--roll-right:#60a5fa;background:#fafafa;color:#141414}
body.pianolia-premium *{text-rendering:optimizeLegibility}
body.pianolia-premium ::selection{background:#171717;color:#fff}
body.pianolia-premium :is(button,a,input,summary):focus-visible{outline:2px solid #111;outline-offset:4px}
.pianolia-premium .music-atmosphere,.pianolia-premium .keyboard-progress,.pianolia-premium .mini-spark,.pianolia-premium .intro-mark,.pianolia-premium .final-spark,.pianolia-premium .big-quote,.pianolia-premium .instrument-note,.pianolia-premium .story-symbol{display:none!important}
.pianolia-premium .site-header{height:88px;border-bottom:1px solid #e5e5e5}
.pianolia-premium .wordmark{font-weight:650;letter-spacing:-1.9px;color:#111}
.pianolia-premium .wordmark-dot{color:#111}
.pianolia-premium .site-header nav{margin-left:0;gap:36px;font-size:12px;font-weight:500;color:#353535}
.pianolia-premium .site-header nav a:after{background:#111}
.pianolia-premium .button{border-radius:3px;font-weight:560;box-shadow:none;letter-spacing:0}
.pianolia-premium .button-dark{background:#111;color:#fff}
.pianolia-premium .button-dark:hover{background:#303030;box-shadow:none}
.pianolia-premium .button-lime{background:#f9f9f9;color:#111;border:1px solid #f9f9f9}
.pianolia-premium .button-lime:hover{background:#dedede;box-shadow:none}
.pianolia-premium .eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600;color:#6a6a6a;text-transform:uppercase}
.pianolia-premium .hero{max-width:1480px;min-height:720px;padding-top:86px;padding-bottom:110px;gap:5%;grid-template-columns:.9fr 1.1fr}
.pianolia-premium .hero h1{font-size:clamp(58px,5.7vw,85px);letter-spacing:-4.8px;line-height:1.03;font-weight:430;max-width:620px;margin-bottom:36px}
.pianolia-premium .hero h1>span{display:inline-block;font:inherit;font-weight:430;font-style:normal;letter-spacing:inherit;color:#111;white-space:normal}
.pianolia-premium .hero-description{max-width:425px;font-size:15px;line-height:1.7;color:#555;margin-bottom:28px}
.pianolia-premium .hero-description strong{font-size:17px;line-height:1.48;font-weight:550;color:#1a1a1a;margin-bottom:10px}
.pianolia-premium .hero-actions{gap:22px}
.pianolia-premium .hero-actions .text-link{font-size:12px;color:#333}
.pianolia-premium .reassurance{font-size:10px;color:#707070}
.pianolia-premium .reassurance svg{stroke:#252525}
.pianolia-premium .hero-sources{margin-top:29px}
.pianolia-premium .hero-sources>a,.pianolia-premium .hero-sources>.source-soon{border-color:#d1d1d1;background:#fff;color:#383838;border-radius:3px}
.pianolia-premium .hero-sources>a:hover{background:#ededed;border-color:#777}
.pianolia-premium .hero-sources .source-youtube{fill:#202020}
.pianolia-premium .hero-sources .source-youtube path{fill:#fff}
.pianolia-premium .instrument-topline{padding-bottom:17px}
.pianolia-premium .tiny-label{font-size:10px;letter-spacing:.025em;color:#777}
.pianolia-premium .piano-frame{transform:none;border-radius:10px;background:#0c0c0c;border:1px solid #2a2a2a;box-shadow:0 29px 72px #0000002b,0 5px 13px #00000018;padding:23px 20px 17px}
.pianolia-premium .piano-frame:hover{transform:none}
.pianolia-premium .piece-dot{background:#dedede}
.pianolia-premium .piece-information h2{color:#fff;font-size:13px;font-weight:550}
.pianolia-premium .piece-information #piece-style{color:#a7a7a7}
.pianolia-premium .roll-wrap{background:#151515}
.pianolia-premium .roll-grid{background-image:linear-gradient(to right,#ffffff08 1px,transparent 1px),linear-gradient(to top,#ffffff08 1px,transparent 1px)}
.pianolia-premium .roll-hand{color:#b0b0b0}
.pianolia-premium .roll-hand-right{color:#c7c7c7}
.pianolia-premium .play-line{background:#f7f7f7;box-shadow:0 0 9px #ffffff55}
.pianolia-premium .piano-keyboard{background:#fff;border:1px solid #d0d0d0}
.pianolia-premium .piano-key--white{background:#fafafa;border-color:#bdbdbd;color:#555}
.pianolia-premium .piano-key--white:hover{background:#ededed}
.pianolia-premium .piano-key--black{background:#0c0c0c;border-color:#060606;color:#d5d5d5}
.pianolia-premium .piano-key--black:hover{background:#303030}
.pianolia-premium .piano-key.is-active.is-left{background:var(--roll-left)!important;box-shadow:inset 0 -4px 0 #2563eb;color:#fff}
.pianolia-premium .piano-key.is-active.is-right{background:var(--roll-right)!important;box-shadow:inset 0 -4px 0 #2563eb;color:#131313}
.pianolia-premium .listen-button{background:#f7f7f7;color:#111;border-radius:3px}
.pianolia-premium .listen-button:hover{background:#d9d9d9}
.pianolia-premium .hand-controls{border-color:#ffffff3a;border-radius:3px}
.pianolia-premium .hand-controls button{color:#aaa}
.pianolia-premium .hand-controls button[aria-pressed=true]{background:#ffffff25;color:#fff}
.pianolia-premium .tempo-button,.pianolia-premium .loop-button{color:#d0d0d0}
.pianolia-premium .loop-button[aria-pressed=true]{color:#fff}
.pianolia-premium .piano-timeline input{background:#777;accent-color:#fff}
.pianolia-premium .piano-timeline input::-webkit-slider-thumb{background:#fff}
.pianolia-premium .piano-timeline input::-moz-range-thumb{background:#fff}
.pianolia-premium .demo-selector{justify-content:flex-start;gap:8px}
.pianolia-premium .track-button{border-color:#d4d4d4;color:#555;border-radius:3px;background:#fff}
.pianolia-premium .track-button:hover{background:#efefef}
.pianolia-premium .track-button[aria-pressed=true]{background:#171717;color:#fff;border-color:#171717}
.pianolia-premium .demo-follow{text-align:left}
.pianolia-premium .demo-follow a{font-size:11px;color:#1e1e1e;border-color:#555}
.pianolia-premium .demo-follow a:hover{color:#000}
.pianolia-premium .demo-footnote{text-align:left;color:#777;font-size:9px;line-height:1.65}
.pianolia-premium .demo-footnote a{text-decoration:underline;text-underline-offset:3px}
.pianolia-premium .section-heading h2,.pianolia-premium .personal-copy h2,.pianolia-premium .faq-heading h2{font-size:clamp(37px,3.9vw,52px);font-weight:430;letter-spacing:-2px;line-height:1.1;color:#151515}
.pianolia-premium .section-heading h2 span,.pianolia-premium .personal-copy h2 span,.pianolia-premium .faq-heading h2 span{color:#151515}
.pianolia-premium .section-heading .eyebrow{color:#6a6a6a}
.pianolia-premium .songs-section{background:#f1f1f1;border-block:1px solid #e3e3e3}
.pianolia-premium .songs-section:before{display:none}
.pianolia-premium .carousel-heading h2{font-size:clamp(37px,3.9vw,52px);font-weight:430;letter-spacing:-2px;line-height:1.12}
.pianolia-premium .carousel-heading h2 em{font:inherit;color:inherit}
.pianolia-premium .carousel-heading .eyebrow{color:#656565}
.pianolia-premium .carousel-heading p:last-child{color:#666}
.pianolia-premium .song-card{background:#fff;border-color:#d6d6d6;border-radius:4px;box-shadow:none}
.pianolia-premium .song-card:hover{border-color:#222;box-shadow:none}
.pianolia-premium .song-card-demo{border-color:#666}
.pianolia-premium .song-card-icon,.pianolia-premium .song-card-demo .song-card-icon{background:#ededed;color:#333;border-radius:2px}
.pianolia-premium .song-card-copy strong{color:#161616}
.pianolia-premium .song-card-copy small{color:#666}
.pianolia-premium .song-card-tag,.pianolia-premium .song-card-demo .song-card-tag{color:#5a5a5a}
.pianolia-premium .song-card-demo .song-card-tag{color:#111}
.pianolia-premium .carousel-disclosure{color:#626262}
.pianolia-premium .imports-section{padding-top:115px;padding-bottom:105px}
.pianolia-premium .imports-heading .eyebrow{color:#6a6a6a}
.pianolia-premium .imports-heading h2{font-size:clamp(38px,4vw,52px);color:#151515;font-weight:430;letter-spacing:-2px}
.pianolia-premium .imports-heading>p:last-child{color:#666}
.pianolia-premium .import-card{background:#fff;border:1px solid #d8d8d8;border-radius:5px;box-shadow:none}
.pianolia-premium .import-card:hover{border-color:#333;box-shadow:none}
.pianolia-premium .import-visual{background:#f1f1f1;border-color:#e5e5e5;border-radius:2px}
.pianolia-premium .import-kind{color:#555}
.pianolia-premium .import-card h3{color:#161616;font-weight:500}
.pianolia-premium .import-copy{color:#666}
.pianolia-premium .import-cta{color:#222;border-color:#777}
.pianolia-premium .import-cta:hover{color:#000;border-color:#000}
.pianolia-premium .source-formats,.pianolia-premium .source-status,.pianolia-premium .source-status strong{color:#616161}
.pianolia-premium .source-status{border-top:1px solid #dedede;padding-top:17px;max-width:790px}
.pianolia-premium .intro-strip{margin-top:0;border-color:#d6d6d6;padding:42px 0}
.pianolia-premium .intro-strip p{font-size:27px;letter-spacing:-1px}
.pianolia-premium .intro-strip strong{font-weight:450;color:#151515}
.pianolia-premium .strip-caption{color:#666}
.pianolia-premium .how-section{padding-top:125px;padding-bottom:115px}
.pianolia-premium .step-number{color:#333;border-color:#cfcfcf}
.pianolia-premium .step-number>span{color:#777}
.pianolia-premium .step-art{background:#efefef;border-radius:3px}
.pianolia-premium .step h3{font-size:18px;color:#111;font-weight:520}
.pianolia-premium .step>p{color:#666}
.pianolia-premium .personal-section{padding-bottom:130px}
.pianolia-premium .personal-visual{background:#111;border-radius:5px}
.pianolia-premium .personal-visual>p,.pianolia-premium .personal-visual>p>span{color:#fafafa}
.pianolia-premium .personal-caption{color:#bcbcbc}
.pianolia-premium .personal-keys{background:#262626;opacity:.82}
.pianolia-premium .personal-keys i{background:#f9f9f9;border-color:#d0d0d0}
.pianolia-premium .personal-keys i:nth-child(4){background:#e7e7e7}
.pianolia-premium .personal-keys b{background:#0b0b0b}
.pianolia-premium .personal-copy .eyebrow{color:#666}
.pianolia-premium .personal-copy>p:not(.eyebrow){color:#666}
.pianolia-premium .value-list{color:#414141}
.pianolia-premium .value-list span{color:#333}
.pianolia-premium .stories-section{background:#151515;color:#fff}
.pianolia-premium .stories-section:before{display:none}
.pianolia-premium .stories-section .carousel-heading .eyebrow{color:#bbb}
.pianolia-premium .stories-section .carousel-heading h2{color:#fff}
.pianolia-premium .stories-section .carousel-heading p:last-child{color:#aaa}
.pianolia-premium .story-card,.pianolia-premium .story-card:nth-child(3n+2),.pianolia-premium .story-card:nth-child(3n){background:#f7f7f7;border-color:#ddd;color:#171717;border-radius:4px;box-shadow:none}
.pianolia-premium .story-card:hover{background:#fff}
.pianolia-premium .story-number{color:#6a6a6a}
.pianolia-premium .story-card h3{color:#171717;font-weight:500}
.pianolia-premium .story-card p{color:#595959}
.pianolia-premium .story-keyline{background:#333}
.pianolia-premium .stories-bottom{color:#aaa}
.pianolia-premium .stories-bottom a{color:#fff;border-color:#999}
.pianolia-premium .faq-section{border-color:#d6d6d6}
.pianolia-premium .faq-heading .eyebrow{color:#666}
.pianolia-premium .faq-heading>p:last-child{color:#666}
.pianolia-premium .faq-items details,.pianolia-premium .faq-items details:first-child{border-color:#d6d6d6}
.pianolia-premium .faq-items summary{font-weight:520;color:#222}
.pianolia-premium .faq-items details>p{color:#666}
.pianolia-premium .final-inner{background:#111;border-radius:5px;padding:67px 25px 62px}
.pianolia-premium .final-inner .eyebrow{color:#aaa}
.pianolia-premium .final-inner h2{font-size:clamp(40px,4vw,54px);font-weight:430;color:#fff;letter-spacing:-2px}
.pianolia-premium .final-caption{color:#aaa}
.pianolia-premium .site-footer{border-top:1px solid #dedede;margin-top:42px}
.pianolia-premium .site-footer>p,.pianolia-premium .site-footer>div{color:#646464}
@media(max-width:1150px){.pianolia-premium .hero h1{font-size:clamp(54px,5.4vw,71px)}}
@media(max-width:850px){.pianolia-premium .hero{grid-template-columns:1fr;min-height:0;padding-top:63px;padding-bottom:75px}.pianolia-premium .hero h1{font-size:clamp(56px,7.4vw,73px)}.pianolia-premium .demo-selector{justify-content:center}.pianolia-premium .demo-follow,.pianolia-premium .demo-footnote{text-align:center}}
@media(max-width:600px){.pianolia-premium .site-header{height:68px}.pianolia-premium .hero{padding-top:45px;padding-bottom:54px}.pianolia-premium .hero h1{font-size:clamp(44px,11.8vw,60px);letter-spacing:-2.8px;line-height:1.05;margin-bottom:24px}.pianolia-premium .hero h1>span{letter-spacing:inherit}.pianolia-premium .hero-description{font-size:13px}.pianolia-premium .hero-description strong{font-size:15px}.pianolia-premium .hero-sources{margin-top:19px}.pianolia-premium .piano-frame{border-radius:6px}.pianolia-premium .track-button{border-radius:3px}.pianolia-premium .songs-section{padding-top:43px}.pianolia-premium .carousel-heading h2,.pianolia-premium .section-heading h2,.pianolia-premium .personal-copy h2,.pianolia-premium .faq-heading h2{font-size:34px;letter-spacing:-1.4px}.pianolia-premium .imports-section{padding-top:62px;padding-bottom:55px}.pianolia-premium .imports-heading h2{font-size:36px;letter-spacing:-1.5px}.pianolia-premium .intro-strip{padding:32px 0}.pianolia-premium .intro-strip p{font-size:20px}.pianolia-premium .how-section{padding-top:63px;padding-bottom:61px}.pianolia-premium .personal-section{padding-bottom:74px}.pianolia-premium .personal-visual{border-radius:4px}.pianolia-premium .final-inner{padding:49px 20px 45px}.pianolia-premium .final-inner h2{font-size:37px;letter-spacing:-1.4px}.pianolia-premium .site-footer{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.pianolia-premium .piano-frame{transform:none}}

/* The explanation reads as a quiet editorial sequence, rather than stacked cards. */
.pianolia-premium .personal-visual:after,.pianolia-premium .final-inner:after,.pianolia-premium .hero:before,.pianolia-premium .hero #hero-title>span:after,.pianolia-premium .key-heading:before,.pianolia-premium .key-heading:after,.pianolia-premium .step:before,.pianolia-premium .step:after{display:none!important}
.pianolia-premium .how-section .key-heading,.pianolia-premium .faq-heading.key-heading{width:auto;max-width:760px;margin:0 auto 52px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.pianolia-premium .how-section .key-heading{text-align:center}
.pianolia-premium .faq-heading.key-heading{text-align:left;margin:0}
.pianolia-premium .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0;isolation:auto}
.pianolia-premium .step,.pianolia-premium .step:nth-child(2),.pianolia-premium .step:nth-child(3){position:relative;top:auto;display:flex;flex-direction:column;align-content:initial;min-height:0;margin:0;padding:21px 0 0;background:transparent;border:0;border-top:1px solid #cfcfcf;border-radius:0;box-shadow:none;transform:none!important}
.pianolia-premium .step-number{margin:0 0 22px;color:#777;font-size:10px;letter-spacing:.08em}
.pianolia-premium .step-number span{font-size:9px}
.pianolia-premium .step-art,.pianolia-premium .step:nth-child(3) .step-art{height:195px;margin:0 0 23px;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:3px}
.pianolia-premium .step h3{font-size:23px;line-height:1.2;letter-spacing:-.65px;margin:0 0 11px}
.pianolia-premium .step>p{max-width:340px;font-size:12px;line-height:1.65;margin:0;color:#626262}
@media(max-width:850px){.pianolia-premium .steps{gap:18px}.pianolia-premium .step-art{height:155px}.pianolia-premium .step h3{font-size:20px}}
@media(max-width:600px){.pianolia-premium .how-section .key-heading{margin-bottom:35px;text-align:left}.pianolia-premium .how-section .key-heading .eyebrow{justify-content:flex-start}.pianolia-premium .steps{grid-template-columns:1fr;gap:42px}.pianolia-premium .step,.pianolia-premium .step:nth-child(2),.pianolia-premium .step:nth-child(3){padding-top:18px}.pianolia-premium .step-art,.pianolia-premium .step:nth-child(3) .step-art{height:180px}.pianolia-premium .step h3{font-size:23px}.pianolia-premium .faq-heading.key-heading{margin-bottom:25px}}

.pianolia-premium .ready-section,.pianolia-premium .practical-section{border-color:#d6d6d6}
.pianolia-premium .ready-heading h2,.pianolia-premium .practical-heading h2{font-weight:430;color:#151515;letter-spacing:-2px}
.pianolia-premium .ready-heading>p:last-child,.pianolia-premium .practical-heading>p:last-child{color:#666}
.pianolia-premium .ready-item{border-color:#d7d7d7;background:#fff;border-radius:4px;box-shadow:none}
.pianolia-premium .ready-item:hover{border-color:#222}
.pianolia-premium .ready-index,.pianolia-premium .practical-grid article>span{color:#626262}
.pianolia-premium .ready-keys{border-color:#c7c7c7;background:#f5f5f5}
.pianolia-premium .ready-keys i{border-color:#c2c2c2;background:#fafafa}
.pianolia-premium .ready-keys b{background:#111}
.pianolia-premium .ready-file-mark{color:#252525}
.pianolia-premium .ready-item h3,.pianolia-premium .practical-grid h3{color:#171717;font-weight:510}
.pianolia-premium .ready-item p,.pianolia-premium .practical-grid p,.pianolia-premium .practical-note{color:#666}
.pianolia-premium .ready-item a{color:#151515;border-color:#151515}
.pianolia-premium .ready-boundary{background:#111;color:#c7c7c7;border-radius:4px}
.pianolia-premium .ready-boundary strong{color:#fff}
.pianolia-premium .practical-grid article,.pianolia-premium .practical-note{border-color:#d2d2d2}
@media(max-width:600px){.pianolia-premium .ready-heading h2,.pianolia-premium .practical-heading h2{letter-spacing:-1.4px}.pianolia-premium .ready-item{border-radius:3px}.pianolia-premium .ready-boundary{border-radius:3px}}

.pianolia-premium .piano-key.is-active.is-left{color:#172554}