.site-navigation{display:contents}.site-nav-list,.site-nav-catalog-list{margin:0;padding:0;list-style:none;display:flex}.site-nav-list{align-items:center;gap:.35rem}.site-nav-catalog-list{flex-direction:column;gap:.25rem}.site-nav-topline,.site-nav-chord-item-topline{align-items:center;display:flex}.site-nav-parent-link{white-space:nowrap;align-items:center;min-width:2.75rem;min-height:2.75rem;display:inline-flex}.site-nav-group[data-active] .site-nav-parent-link{color:var(--primary);text-underline-offset:.5rem;font-weight:650;text-decoration:underline;text-decoration-thickness:2px}.site-navigation :is(.site-nav-parent-link,.site-mobile-parent,.site-mobile-catalog-parent):is(:hover,:focus-visible),.site-nav-popup a:is(:hover,:focus-visible){text-underline-offset:.25em;text-decoration:underline!important}.site-nav-trigger,.site-nav-chord-submenu-trigger,.site-nav-chord-group-button{border-radius:var(--pr-radius-control);min-width:2.75rem;height:2.75rem;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.site-nav-trigger:is(:hover,:focus-visible),.site-nav-chord-submenu-trigger:is(:hover,:focus-visible),.site-nav-chord-group-button:is(:hover,:focus-visible){background:var(--surface);color:var(--foreground)}.site-navigation svg,.site-nav-popup svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:.875rem;height:.875rem}.site-nav-trigger svg,.site-mobile-accordion-trigger svg{transition:transform var(--pr-duration-fast) var(--pr-motion-ease)}.site-nav-trigger[aria-expanded=true] svg,.site-mobile-accordion-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.site-nav-chord-submenu-trigger svg,.site-nav-chord-group-button svg{transform:rotate(-90deg)}.site-nav-positioner{z-index:100;max-width:calc(100vw - 2rem)}.site-nav-popup{width:var(--popup-width);height:var(--popup-height);max-width:var(--available-width);border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--background);color:var(--foreground);box-shadow:var(--shadow-md);transform-origin:var(--transform-origin);transition:opacity .16s,transform .16s,width .2s,height .2s}.site-nav-popup[data-starting-style],.site-nav-popup[data-ending-style]{opacity:0;transform:translateY(-4px)}.site-nav-viewport{width:100%;height:100%;position:relative;overflow:hidden}.site-nav-panel{width:min(30rem,100vw - 2rem);padding:.75rem}.site-nav-panel a,.site-nav-third-panel a{border-radius:var(--pr-radius-control);min-height:2.75rem;color:var(--foreground);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.4;text-decoration:none;display:flex}.site-nav-popup a[data-active]{color:var(--primary);font-weight:650}.site-nav-overview-link{border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:.75rem;font-weight:650;border-radius:0!important}.site-nav-overview-link span{color:var(--muted-foreground)}.site-nav-panel-links,.site-nav-catalog-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem;display:grid}.site-nav-popup h3{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;margin:.5rem .75rem .35rem;font-size:.6875rem;font-weight:650}.site-nav-chord-parent-link{flex:1;min-width:0}.site-nav-chord-group-button{width:100%;color:var(--foreground);justify-content:space-between;padding:0 .875rem 0 .75rem;font-size:.875rem}.site-nav-third-panel{width:18rem;max-width:calc(100vw - 2rem);padding:.75rem}.site-nav-third-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.125rem;display:grid}.site-nav-third-panel[data-kind=more] .site-nav-third-links{grid-template-columns:1fr}.site-nav-catalog-overview{border-bottom:1px solid var(--border);margin-bottom:.5rem;font-weight:650;border-radius:0!important}.site-nav-popup :is(a,button):focus-visible,.site-navigation :is(a,button):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.site-menu-button{display:none}.am-menu-button{border:1px solid var(--border);background:var(--background);width:2.75rem;height:2.75rem;color:var(--foreground);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0}.am-menu-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:1.3rem}.am-mobile-nav{z-index:90;padding:1rem max(1.25rem,calc((100% - var(--pr-container-width,72rem))/2));border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--background);box-shadow:var(--shadow-md);position:absolute;top:100%;left:0;right:0}.site-mobile-nav{max-height:calc(100vh - 4rem);overflow-y:auto}.site-mobile-section{border-bottom:1px solid var(--border);padding:.75rem 0}.site-mobile-section:last-child{border-bottom:0}.site-mobile-topline{align-items:stretch;gap:.25rem;min-width:0;display:flex}.site-mobile-parent{min-width:0;min-height:2.75rem;color:var(--foreground);flex:1;align-items:center;padding:.3rem 0;font-size:.9375rem;font-weight:680;text-decoration:none;display:flex}.site-mobile-topline .site-mobile-catalog-parent{min-width:0;min-height:2.75rem;color:var(--foreground);flex:1;align-items:center;font-weight:620;display:flex}.site-mobile-topline .site-mobile-split-trigger{border:0;flex:0 0 2.75rem;justify-content:center;width:2.75rem}.site-mobile-nav .site-mobile-overview{min-height:2.75rem;color:var(--foreground);text-underline-offset:.2em;align-items:center;padding:.45rem .55rem;font-size:.875rem;font-weight:650;text-decoration:underline;display:flex}.site-mobile-nav a{min-height:2.75rem}.site-mobile-children{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .75rem;margin-top:.35rem;display:grid}.site-mobile-children a{color:var(--muted-foreground);border-radius:.4rem;padding:.45rem .55rem;font-size:.875rem;line-height:1.4;text-decoration:none;display:block}.site-mobile-nav a[aria-current=page]{color:var(--primary);text-underline-offset:.25em;text-decoration:underline}.site-mobile-children a:is(:hover,:focus-visible){text-underline-offset:.25em;text-decoration:underline}.site-mobile-children-chords{display:block}.site-mobile-children-chords>.site-mobile-view-all{min-height:2.75rem;color:var(--foreground);border-radius:.4rem;align-items:center;margin-bottom:.25rem;padding:.45rem .55rem;font-size:.875rem;font-weight:650;text-decoration:none;display:flex}.site-mobile-accordion{border-top:1px solid var(--border)}.site-mobile-accordion:first-child{border-top:0}.site-mobile-accordion-trigger{text-align:left;border-radius:.4rem;justify-content:space-between;align-items:center;width:100%;min-height:2.75rem;padding:.5rem .55rem;font-size:.875rem;font-weight:620;display:flex}.site-mobile-accordion-trigger:is(:hover,:focus-visible){background:var(--surface)}.site-mobile-accordion-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.site-mobile-accordion-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .4rem;padding:.1rem 0 .55rem .35rem;display:grid}.site-mobile-accordion-panel[data-kind=more]{grid-template-columns:1fr}.site-mobile-accordion-panel .site-mobile-view-all{color:var(--foreground);grid-column:1/-1;font-weight:650}.site-mobile-chord-direct{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .75rem;padding-top:.4rem;display:grid}.site-mobile-accordion-panel a,.site-mobile-chord-direct a{align-items:center;min-height:2.75rem;display:flex}@media (min-width:1201px){.am-page .am-site-nav.site-nav-desktop{gap:0}.am-page .am-site-nav{margin-left:auto}.am-page .am-site-nav [aria-current]:after{display:none}}@media (max-width:1200px){.site-nav-desktop{display:none!important}.site-menu-button{display:flex}.am-page .site-menu-button{order:3;margin-left:0}.ph-mobile-nav.site-mobile-nav{padding:10px 24px 18px}.ph-mobile-nav .site-mobile-section{padding:.55rem 0}.ph-mobile-nav .site-mobile-parent{padding:.25rem 4px;font-size:.9375rem;font-weight:680}.ph-mobile-nav .site-mobile-children a{padding:.42rem .55rem;font-size:.875rem}}@media (max-width:480px){.site-mobile-children{grid-template-columns:1fr}.site-mobile-accordion-panel,.site-mobile-chord-direct{grid-template-columns:repeat(2,minmax(0,1fr))}.site-mobile-accordion-panel[data-kind=more]{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.site-nav-popup,.site-nav-trigger svg,.site-mobile-accordion-trigger svg{transition:none}}@media (forced-colors:active){.site-nav-popup,.am-mobile-nav{border:1px solid canvastext}.site-nav-popup a[data-active],.site-mobile-nav a[aria-current=page]{text-decoration:underline}}.site-mobile-accordion-trigger{color:var(--foreground);cursor:pointer;background:0 0;border:0;font-family:inherit}.site-mobile-topline .site-nav-trigger{width:2.75rem}.site-navigation .site-menu-button svg{width:1.25rem;height:1.25rem}.site-nav-panel-catalog{width:min(47rem,100vw - 2rem)}.site-nav-catalog-layout{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr)}.site-nav-catalog{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:0 .75rem;display:grid}.site-nav-catalog>h3{grid-area:1/1}.site-nav-catalog-list{grid-area:2/1}.site-nav-catalog-viewport{border-left:1px solid var(--border);grid-area:1/2/span 2;min-height:2.75rem;position:relative}.site-nav-catalog-viewport .site-nav-third-panel{width:100%;padding:0 0 0 .5rem}.site-nav-popup .site-nav-chord-parent-link[data-active]{color:var(--foreground);font-weight:inherit}.site-nav-popup .site-nav-chord-item[data-expanded] .site-nav-chord-parent-link,.site-nav-chord-item[data-expanded] .site-nav-chord-group-button{color:var(--primary);font-weight:650}.site-navigation,.site-nav-popup,.home-page .ph-site-header{--background:#181f27;--foreground:#e8edf3;--muted-foreground:#b6c0ce;--surface:#28313c;--border:#36404c;--primary:#e6d394}.home-page .ph-site-header{background:#181f27;border-bottom-color:#36404c}.ph-site-header .ph-brand{color:#e8edf3}.site-navigation .site-nav-parent-link{color:var(--muted-foreground);gap:.4rem;padding-inline:.5rem;font-size:.875rem}.site-nav-list{gap:.125rem}.site-nav-topline{border-radius:var(--pr-radius-control)}.site-nav-group[data-active] .site-nav-topline{background:var(--surface)}.site-navigation .site-nav-group[data-active] .site-nav-parent-link{color:var(--primary);text-decoration:none}.site-nav-group[data-active] .site-nav-trigger{color:var(--primary)}.site-navigation .site-nav-icon{flex-shrink:0;display:inline-flex}.site-navigation .site-nav-icon svg{width:1.125rem;height:1.125rem}.site-navigation .site-mobile-parent{gap:.75rem;padding-inline:.75rem;font-weight:550}.site-mobile-section[data-active]>.site-mobile-topline{background:var(--surface);border-radius:var(--pr-radius-control)}.site-mobile-section[data-active]>.site-mobile-topline :is(.site-mobile-parent,.site-nav-trigger){color:var(--primary)}.site-nav-chord-item[data-expanded] .site-nav-chord-item-topline{background:var(--surface);border-radius:var(--pr-radius-control)}.site-nav-popup a:hover{background:var(--surface)}.site-navigation .site-mobile-accordion[data-open]>.site-mobile-topline{background:var(--surface);border-radius:var(--pr-radius-control)}.site-mobile-accordion[data-open]>.site-mobile-topline :is(a,button){color:var(--primary)}.site-navigation .site-mobile-nav{background:var(--background);color:var(--foreground)}@media (min-width:1201px){.ph-site-header .ph-header-inner{gap:1rem;width:calc(100% - 48px);max-width:1440px}}@media (max-width:1200px){.site-navigation .site-menu-button{display:flex}.ph-site-header .ph-header-cta{display:none}}@media (forced-colors:active){.site-nav-group[data-active] .site-nav-topline,.site-mobile-section[data-active]>.site-mobile-topline,.site-nav-chord-item[data-expanded] .site-nav-chord-item-topline{outline:1px solid highlight}}.site-navigation .site-nav-icon svg{color:inherit}:is(.am-site-header,.ph-site-header) .site-brand-mark{color:#e8edf3}:is(.am-site-header,.ph-site-header) .site-brand-cut{fill:#181f27}.site-nav-topline{pointer-events:auto}.site-nav-popup .site-nav-third-panel a:is(:hover,:focus-visible),.site-mobile-accordion-panel a:is(:hover,:focus-visible){color:var(--primary);background:var(--surface)}.site-nav-chord-item[data-expanded] .site-nav-chord-submenu-trigger{color:var(--primary)}.site-nav-catalog-layout{min-height:22rem}.site-nav-topline,.site-nav-popup,.site-nav-popup a,.site-nav-popup button{pointer-events:auto!important}.site-nav-popup:before{content:"";pointer-events:auto;height:12px;position:absolute;top:-12px;left:0;right:0}.site-brand{color:var(--foreground);letter-spacing:-.015em;white-space:nowrap;align-items:center;gap:11px;font-size:15px;font-weight:690;line-height:1.4;text-decoration:none;display:inline-flex}.site-brand-mark{width:32px;height:32px;color:var(--foreground);flex:none}.site-brand-cut{fill:var(--background)}@media (max-width:700px){.site-brand-mark{width:29px;height:29px}}:is(.cp-pilot .cp-workspace .pg-piano,.ph-instrument.pg-piano) :is(.am-key.am-white,.ph-white-key){background:linear-gradient(90deg,color-mix(in srgb,var(--piano-key-white) 90%,var(--piano-key-border)),var(--piano-key-white) 16%,var(--piano-key-white) 84%,color-mix(in srgb,var(--piano-key-white) 90%,var(--piano-key-border)));box-shadow:inset 0 5px 8px color-mix(in srgb,var(--piano-key-black) 15%,transparent),inset 0 -6px 0 color-mix(in srgb,var(--piano-key-white) 75%,var(--piano-key-border)),inset 0 -7px 1px var(--piano-key-border)}:is(.cp-pilot .cp-workspace .pg-piano,.ph-instrument.pg-piano) :is(.am-key.am-black,.ph-black-key){background:linear-gradient(90deg,color-mix(in srgb,var(--piano-key-black) 65%,var(--piano-key-white)),var(--piano-key-black) 14%,color-mix(in srgb,var(--piano-key-black) 93%,var(--piano-key-white)) 78%,var(--piano-key-black));box-shadow:inset 0 2px 1px color-mix(in srgb,var(--piano-key-white) 30%,transparent),inset 3px 0 1px color-mix(in srgb,var(--piano-key-white) 12%,transparent),inset -3px -8px 0 color-mix(in srgb,var(--piano-key-black) 80%,var(--piano-key-white)),2px 3px 3px color-mix(in srgb,var(--piano-key-black) 30%,transparent)}:is(.cp-pilot .cp-workspace .pg-piano,.ph-instrument.pg-piano) :is(.am-key.am-is-selected,.am-key.cp-chosen,.ph-white-key.ph-note-active){background:linear-gradient(90deg,color-mix(in srgb,var(--piano-note-selected) 80%,var(--piano-note-mark)),var(--piano-note-selected) 20%,var(--piano-note-selected) 80%,color-mix(in srgb,var(--piano-note-selected) 80%,var(--piano-note-mark)))}:is(.cp-pilot .cp-workspace .pg-piano,.ph-instrument.pg-piano) :is(.am-key.cp-pressed,.am-key.am-is-sounding,.ph-piano-key.ph-sounding){background:var(--piano-note-sounding);color:var(--piano-note-sounding-mark);box-shadow:inset 0 7px 8px color-mix(in srgb,var(--piano-key-black) 25%,transparent),inset 0 -2px 0 var(--piano-key-border)}.ph-instrument.pg-piano .ph-piano-fallboard{background:linear-gradient(180deg,color-mix(in srgb,var(--piano-key-black) 82%,var(--piano-key-white)),var(--piano-key-black));color:var(--piano-key-white)}.ph-instrument.pg-piano .ph-piano-fallboard span{font-family:inherit;font-style:normal;font-size:var(--pr-type-label-size);font-weight:var(--pr-weight-strong);letter-spacing:.12em;margin:0}.ph-instrument.pg-piano .ph-key-dot{background:var(--piano-note-mark);border:0;width:10px;height:10px;font-size:0}.ph-instrument.pg-piano .ph-sounding .ph-key-name{color:var(--piano-note-sounding-mark)}.ph-instrument.pg-piano .ph-black-key-shine{display:none}@media (forced-colors:active){:is(.cp-pilot .cp-workspace .pg-piano,.ph-instrument.pg-piano) :is(.am-key.am-black,.ph-black-key){color:canvas;background:canvastext}:is(.cp-pilot .cp-workspace .pg-piano,.ph-instrument.pg-piano) :is(.am-key.cp-pressed,.am-key.am-is-sounding,.ph-piano-key.ph-sounding){color:highlighttext;background:highlight}}.pr-faq-list{width:100%;min-width:0}.pr-faq-item{border-bottom:1px solid var(--border);scroll-margin-top:6rem}.pr-faq-item .pr-faq-heading{font-size:var(--pr-type-copy-size);line-height:1.5;font-weight:var(--pr-weight-selected);margin:0}.pr-faq-trigger{justify-content:space-between;align-items:center;gap:var(--pr-space-16);width:100%;min-height:var(--pr-control-min-size);padding:var(--pr-space-16) 0;color:var(--foreground);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;display:flex}.pr-faq-trigger:hover{color:var(--primary)}.pr-faq-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:var(--pr-radius-control)}.pr-faq-symbol{width:1rem;color:var(--primary);flex:none;font-size:1.25rem;line-height:1}.pr-faq-symbol:before{content:"+"}.pr-faq-trigger[aria-expanded=true] .pr-faq-symbol:before{content:"−"}.pr-faq-answer{height:auto;overflow:visible}.pr-faq-answer[hidden]{display:none}.pr-faq-answer-inner{padding:0 0 var(--pr-space-16);color:var(--muted-foreground);font-size:var(--pr-type-copy-size);line-height:var(--pr-type-copy-leading)}.pr-faq-answer-inner p{margin:0}.pr-faq-answer-inner p+p{margin-top:var(--pr-space-8)}.pr-faq-answer-inner a{text-underline-offset:.18em;color:var(--primary);text-decoration:underline}@media print{.pr-faq-list{display:none}}.am-page .am-icon{width:var(--pr-icon-default);height:var(--pr-icon-default);flex:none;display:block}.am-page .am-button{cursor:pointer}.am-page button:disabled{cursor:not-allowed}.am-page .am-button{transition-timing-function:var(--pr-motion-ease)}@media (prefers-reduced-motion:reduce){.am-page *,.am-page :before,.am-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.am-page .am-button:active{transform:none}}.am-page .am-skip{z-index:20;background:var(--background);border:2px solid var(--primary);border-radius:.5rem;padding:.75rem 1rem;position:absolute;top:-10rem;left:1rem}.am-page .am-skip:focus{top:.5rem}.am-page .am-site-nav{align-items:center;gap:1.5rem;font-size:.875rem;line-height:1.4;display:flex}.am-page .am-site-nav a{color:var(--muted-foreground);text-decoration:none}.am-page .am-site-nav a:hover{color:var(--foreground)}.am-page .am-site-nav [aria-current]{color:var(--primary);font-weight:650;position:relative}.am-page .am-site-nav [aria-current]:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-1.4rem;left:0;right:0}.am-page .am-button{min-height:var(--pr-control-min-size);min-width:var(--pr-control-min-size);border:1px solid var(--input);font-size:var(--pr-type-ui-size);line-height:var(--pr-type-ui-leading);font-weight:var(--pr-type-ui-weight);background:var(--background);color:var(--foreground);transition:background-color var(--pr-duration-fast),border-color var(--pr-duration-fast);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;white-space:nowrap;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;text-decoration:none;display:inline-flex}.am-page .am-button.am-primary{color:var(--background);background:var(--primary);border-color:var(--primary);font-weight:600}.am-page .am-button.am-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.am-page .am-button.am-secondary:hover:not(:disabled){background:var(--secondary-hover)}.am-page .am-button:active:not(:disabled){transform:translateY(var(--pr-pressed-translate))}.am-page .am-button:disabled{background:var(--disabled);color:var(--disabled-foreground);border-color:#0000;transform:none}.am-page .am-button.am-tertiary{color:var(--primary);background:0 0;border-color:#0000;padding-inline:.5rem}.am-page .am-button.am-tertiary:hover{background:var(--selected-hover)}.am-page dialog{border:1px solid var(--border);width:min(36rem,100% - 2rem);max-height:80vh;color:var(--foreground);background:var(--background);border-radius:.75rem;padding:1.5rem;overflow:auto}.am-page dialog::backdrop{background:var(--pr-overlay)}@media (min-width:48rem) and (max-width:67rem){.am-page .am-site-nav{gap:1rem}}@media (max-width:48rem){.am-page .am-site-nav{flex-wrap:wrap;flex:1;gap:.375rem 1rem;font-size:.8125rem;display:flex}.am-page .am-site-nav [aria-current]:after{bottom:-.25rem}}@media print{@page{size:Letter portrait;margin:16mm}.am-page dialog{display:none!important}}.am-page .am-button{white-space:normal}@container reference (max-width:18rem){.am-page .pr-rolling-text-track{display:none}.am-page .pr-rolling-text .pr-sr-only{clip-path:none;white-space:normal;block-size:auto;inline-size:auto;margin:0;padding:0;position:static;overflow:visible}}.in-page{min-height:100vh}.home-page{overflow:hidden}.home-page main{display:block}.home-hero{isolation:isolate;background:var(--foreground);min-height:44rem;color:var(--background);align-items:center;display:flex;position:relative}.home-hero h1{letter-spacing:-.07em;text-wrap:balance;max-width:12ch;margin-top:1rem;font-size:clamp(3.5rem,6.4vw,5.75rem);line-height:1.02}.home-hero h1 span,.home-hero h1 strong{display:block}.home-hero h1 strong{color:var(--background);font-weight:500}@media (max-width:48rem){.home-hero{align-items:flex-start;min-height:38rem}.home-hero h1{letter-spacing:-.055em;max-width:10.5ch;font-size:clamp(2.65rem,12vw,3.5rem);line-height:1.06}}@media print{.home-hero{background:var(--print-background);min-height:auto;color:var(--print-foreground)}}.home-page{--ph-serif:Georgia,"Times New Roman",serif;--ph-container:1120px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:clip}.home-page .pr-container{width:min(var(--ph-container),calc(100% - 64px))}.home-page :is(h1,h2,h3){letter-spacing:-.035em;font-weight:530}.home-page em{font-family:var(--ph-serif);font-weight:400}.home-page a{text-decoration:none}.ph-arrow{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.ph-site-header{z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:76px;position:sticky;top:0}.ph-header-inner{align-items:center;gap:36px;width:min(1280px,100% - 64px);height:100%;margin:auto;display:flex}.ph-desktop-nav{align-items:center;gap:28px;margin-left:auto;display:flex}.ph-desktop-nav a{color:var(--muted-foreground);font-size:14px;font-weight:520;transition:color .16s}.ph-desktop-nav a:hover,.ph-desktop-nav a:focus-visible{color:var(--foreground)}.ph-header-cta{letter-spacing:-.01em;background:var(--foreground);min-height:42px;color:var(--background);border:1px solid #0000;border-radius:28px;justify-content:center;align-items:center;gap:10px;padding:0 22px;padding-inline:19px;font-size:14px;font-weight:650;display:inline-flex}.ph-menu-button{border:1px solid var(--border);background:var(--background);width:44px;height:44px;color:var(--foreground);border-radius:50%;justify-content:center;align-items:center;margin-left:auto;display:none}.ph-menu-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:21px}.ph-mobile-nav{border-bottom:1px solid var(--border);background:var(--background);box-shadow:var(--shadow-md);padding:15px 24px 22px;position:absolute;top:76px;left:0;right:0}.ph-mobile-nav a{color:var(--foreground);padding:11px 4px;font-size:16px;display:block}.ph-hero{border-bottom:1px solid var(--border);background:var(--background);padding:38px 0 40px}.ph-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:52px;display:grid}.ph-hero-copy{padding:36px 0 38px}.ph-eyebrow{color:var(--muted-foreground);letter-spacing:.15em;text-transform:uppercase;margin:0 0 19px;font-size:11px;font-weight:690}.ph-hero-copy>.ph-eyebrow{align-items:center;gap:11px;display:flex}.ph-hero-copy>.ph-eyebrow>span{background:var(--primary);width:28px;height:1px}.ph-hero h1{max-width:660px;color:var(--foreground);letter-spacing:-.058em;margin:0;font-size:clamp(47px,4.25vw,61px);font-weight:510;line-height:1.045}.ph-hero h1 span,.ph-hero h1 em{display:block}.ph-hero h1 em{color:var(--primary);letter-spacing:-.045em;font-style:italic}.ph-hero-description{max-width:575px;color:var(--muted-foreground);margin:28px 0 0;font-size:18px;line-height:1.72}.ph-hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.ph-hero-image{object-fit:cover;object-position:65% center}.ph-stage-wrap{padding:77px 0 93px}.ph-piano-stage{text-align:center;max-width:900px;margin:auto;position:relative}.ph-stage-label{color:var(--muted-foreground);letter-spacing:.13em;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin-bottom:19px;font-size:10px;font-weight:690;display:flex}.ph-chord-bubble{z-index:3;border:1px solid var(--border);background:var(--background);width:max-content;box-shadow:var(--shadow-md);border-radius:8px;align-items:center;gap:9px;margin:0 auto -10px;padding:9px 13px 9px 15px;display:flex;position:relative}.ph-note-chip{background:var(--accent);min-width:28px;height:28px;color:var(--primary);border-radius:50%;justify-content:center;align-items:flex-start;padding:4px;font-size:13px;font-weight:760;display:inline-flex}.ph-note-chip small{margin:1px 0 0 1px;font-size:8px}.ph-instrument{transform-origin:bottom;filter:drop-shadow(0 24px 20px color-mix(in srgb,var(--foreground) 20%,transparent));position:relative;transform:perspective(1100px)rotateX(11deg)}.ph-piano-fallboard{border:1px solid color-mix(in srgb,var(--foreground) 78%,var(--background));background:linear-gradient(118deg,color-mix(in srgb,var(--foreground) 83%,var(--background)),var(--piano-key-black) 48%,color-mix(in srgb,var(--foreground) 77%,var(--background)));height:73px;color:color-mix(in srgb,var(--background) 76%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--background) 18%,transparent);border-bottom:0;border-radius:13px 13px 0 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.ph-piano-fallboard span:first-child{font-family:var(--ph-serif);letter-spacing:.035em;font-size:18px;font-style:italic}.ph-piano-fallboard span:last-child{letter-spacing:.18em;margin-top:7px;font-size:7px}.ph-keyboard{background:var(--piano-key-black);height:196px;padding:0 8px 8px;display:flex;position:relative}.ph-piano-key{appearance:none;cursor:pointer;border:0;margin:0;position:relative}.ph-white-key{border-right:1px solid color-mix(in srgb,var(--input) 70%,var(--foreground));background:linear-gradient(90deg,var(--surface),var(--background) 17%,var(--background) 78%,color-mix(in srgb,var(--surface) 86%,var(--input)));height:188px;box-shadow:inset 0 -6px 0 var(--border),inset 2px 0 4px color-mix(in srgb,var(--foreground) 5%,transparent);z-index:1;border-radius:0 0 5px 5px;flex:1}.ph-white-key:hover,.ph-white-key:focus-visible{background:linear-gradient(90deg,var(--accent),var(--background) 27%,var(--background))}.ph-black-key{background:linear-gradient(90deg,var(--foreground),var(--piano-key-black) 42%,color-mix(in srgb,var(--foreground) 75%,var(--background)));height:118px;box-shadow:0 6px 5px color-mix(in srgb,var(--foreground) 35%,transparent),inset 0 -7px 0 color-mix(in srgb,var(--muted-foreground) 55%,var(--foreground));z-index:2;border-radius:0 0 5px 5px;position:absolute;top:0}.ph-black-key-shine{background:color-mix(in srgb,var(--background) 28%,transparent);border-radius:3px;height:3px;position:absolute;bottom:9px;left:13%;right:13%}.ph-key-dot{border:2px solid var(--primary);background:var(--background);width:28px;height:28px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:760;display:none;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.ph-chord-key .ph-key-dot,.ph-note-active.ph-white-key .ph-key-dot{display:flex}.ph-note-active.ph-white-key{background:linear-gradient(90deg,var(--accent),var(--background) 31%,var(--accent))}.ph-note-active.ph-black-key .ph-black-key-shine{background:var(--primary)}.ph-key-name{color:var(--muted-foreground);font-size:8px;font-weight:620;position:absolute;bottom:12px;left:0;right:0}.ph-piano-front{background:linear-gradient(180deg,color-mix(in srgb,var(--foreground) 88%,var(--background)),var(--piano-key-black));height:24px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--background) 14%,transparent);border-radius:0 0 15px 15px}.ph-piano-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:40px;display:flex}.ph-sound-note{color:var(--muted-foreground);align-items:center;gap:8px;margin:0 8px 0 0;font-size:12px;display:inline-flex}.ph-sound-note svg{width:17px;height:17px}.ph-hear-chord,.ph-motion-button{border:1px solid var(--border);background:var(--background);min-height:39px;color:var(--foreground);font:inherit;cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:0 15px;font-size:12px;font-weight:650;display:inline-flex}.ph-hear-chord svg,.ph-motion-button svg{width:14px;height:14px}.ph-motion-button[aria-pressed=true]{background:var(--accent);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));color:var(--primary)}.ph-synth-label{color:var(--muted-foreground);letter-spacing:.035em;margin:12px 0 0;font-size:10px}.ph-resource-intro h2{color:var(--foreground);margin:0;font-size:44px;line-height:1.08}.ph-art-ink{fill:var(--foreground)}.ph-art-soft{fill:var(--accent)}.ph-art-paper{fill:var(--background);stroke:var(--border);stroke-width:1px}.ph-art-accent,.ph-art-accent-fill{fill:var(--primary)}.ph-art-line,.ph-art-line-bold{fill:none;stroke:var(--input);stroke-width:1px}.ph-art-line-bold{stroke:var(--muted-foreground);stroke-width:1.5px}.ph-art-note-stem{fill:none;stroke:var(--foreground);stroke-width:2px}.ph-art-label{fill:var(--muted-foreground);font-size:9px;font-weight:700}.ph-note-letter{fill:var(--foreground);font:italic 58px var(--ph-serif)}.ph-scale-step,.ph-scale-active{stroke:var(--border);stroke-width:13px;stroke-linecap:round}.ph-scale-active{stroke:var(--primary)}.ph-discovery-copy>a{color:var(--foreground);align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.ph-discovery-copy>p:not(.ph-eyebrow){max-width:480px;color:color-mix(in srgb,var(--background) 69%,transparent);margin:24px 0;font-size:15px;line-height:1.7}.ph-discovery-copy>a{color:var(--background)}.ph-chord-study{align-self:center}.ph-chord-switch{border:1px solid color-mix(in srgb,var(--background) 20%,transparent);border-radius:25px;gap:4px;width:max-content;padding:4px;display:flex}.ph-chord-switch button{min-width:108px;height:36px;color:color-mix(in srgb,var(--background) 61%,transparent);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:20px;font-size:12px;font-weight:650}.ph-chord-switch button[aria-pressed=true]{background:var(--background);color:var(--foreground)}.ph-study-notes{grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0 0;display:grid}.ph-study-notes>div{text-align:center;position:relative}.ph-study-notes strong{font-family:var(--ph-serif);color:var(--background);font-size:54px;font-style:italic;font-weight:400;line-height:1;display:block}.ph-study-notes small{color:color-mix(in srgb,var(--background) 53%,transparent);letter-spacing:.1em;text-transform:uppercase;margin-top:10px;font-size:9px;display:block}.ph-study-notes .ph-changing-note strong{color:color-mix(in srgb,var(--primary) 70%,var(--background))}.ph-interval-lines{grid-template-columns:1fr 1fr;gap:36px;margin:22px 18px 0;display:grid}.ph-interval-lines span{border-top:1px solid color-mix(in srgb,var(--background) 25%,transparent);color:color-mix(in srgb,var(--background) 55%,transparent);text-align:center;letter-spacing:.08em;text-transform:uppercase;padding-top:8px;font-size:9px}.ph-study-play{border:1px solid color-mix(in srgb,var(--background) 27%,transparent);width:100%;min-height:43px;color:var(--background);font:inherit;cursor:pointer;background:0 0;border-radius:24px;justify-content:center;align-items:center;gap:8px;margin-top:25px;font-size:12px;font-weight:650;display:flex}.ph-study-play svg{width:15px;height:15px}.ph-study-footnote{min-height:17px;color:color-mix(in srgb,var(--background) 50%,transparent);text-align:center;margin:10px 0 0;font-size:10px}.ph-editorial-grid{grid-template-columns:1.16fr 1fr;gap:27px;display:grid}.ph-editorial-card{color:var(--foreground)}.ph-collection-art,.ph-reading-art{border-radius:10px;height:322px;position:relative;overflow:hidden}.ph-collection-art{background:var(--accent);padding:34px}.ph-cover-lines{background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,color-mix(in srgb,var(--primary) 16%,transparent) 40px);position:absolute;inset:0}.ph-cover-kicker,.ph-cover-bottom{z-index:1;color:var(--muted-foreground);letter-spacing:.15em;font-size:9px;font-weight:700;display:block;position:relative}.ph-cover-title{z-index:1;color:var(--foreground);letter-spacing:-.04em;margin-top:42px;font-size:35px;font-weight:520;line-height:.98;display:block;position:relative}.ph-cover-title em{color:var(--primary)}.ph-cover-bottom{position:absolute;bottom:30px;left:34px}.ph-cover-note{width:173px;color:color-mix(in srgb,var(--primary) 45%,var(--background));position:absolute;bottom:-49px;right:22px;transform:rotate(8deg)}.ph-reading-art{background:var(--surface);place-items:center;display:grid}.ph-reading-paper{background:var(--background);width:72%;box-shadow:0 16px 30px color-mix(in srgb,var(--foreground) 11%,transparent);padding:25px 27px 28px;transform:rotate(-2.6deg)}.ph-paper-heading{color:var(--muted-foreground);letter-spacing:.16em;font-size:8px;font-weight:700}.ph-reading-paper svg{width:100%;height:120px}.ph-paper-rule{background:var(--border);height:1px;margin:2px 0 17px}.ph-reading-paper>span{font-size:17px;font-weight:530;line-height:1.16}.ph-reading-paper em{color:var(--primary)}.ph-editorial-copy{padding:23px 2px 0}.ph-editorial-copy>p:first-child{color:var(--muted-foreground);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:690}.ph-editorial-copy h3{margin:0 0 8px;font-size:22px}.ph-editorial-copy h3+p{color:var(--muted-foreground);margin:0 0 15px;font-size:14px;line-height:1.6}.ph-editorial-copy span{color:var(--foreground);align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.ph-resource-intro>p:last-child{max-width:360px;color:var(--muted-foreground);margin:23px 0 0;line-height:1.65}.ph-grand-illustration{align-self:end}.ph-grand-illustration svg{width:100%;height:auto;display:block}.ph-footer{border-top:1px solid var(--border);background:var(--background)}.ph-footer-main{justify-content:space-between;align-items:center;gap:30px;min-height:132px;display:flex}.ph-footer-main nav{flex-wrap:wrap;gap:25px;display:flex}.ph-footer-main nav a,.ph-footer-bottom{color:var(--muted-foreground);font-size:12px}.ph-footer-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:58px;display:flex}.ph-footer-bottom p{margin:0}.ph-footer-bottom a{color:var(--muted-foreground)}.home-page :is(a,button):focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 38%,transparent);outline-offset:3px}@media (max-width:800px){.ph-desktop-nav,.ph-header-cta{display:none}.ph-menu-button{display:flex}.ph-header-inner{width:min(100% - 40px,720px)}.ph-hero-grid{grid-template-columns:1fr;gap:26px}.ph-hero-copy{text-align:center;padding:17px 0 0}.ph-hero-copy>.ph-eyebrow{justify-content:center}.ph-hero-description{margin-inline:auto}.ph-hero-actions{justify-content:center}.ph-chord-study{border-top:1px solid color-mix(in srgb,var(--background) 20%,transparent);padding-top:42px}.ph-footer-main{flex-direction:column;justify-content:center;align-items:flex-start}.ph-footer-main nav{gap:17px 22px}}@media (max-width:700px){.home-page .pr-container{width:min(100% - 40px,var(--ph-container))}.ph-site-header{height:68px}.ph-mobile-nav{top:68px}.ph-hero{padding:29px 0 31px}.ph-hero-grid{gap:26px}.ph-hero h1{font-size:40px;line-height:1.02}.ph-hero-description{margin-top:22px;font-size:16px;line-height:1.62}.ph-hero-actions{margin-top:26px}.ph-stage-wrap{padding:57px 0 68px}.ph-stage-label{margin-bottom:17px}.ph-chord-bubble{margin-bottom:-14px;transform:scale(.91)}.ph-desktop-keyboard{display:none}.ph-piano-fallboard{border-radius:9px 9px 0 0;height:55px}.ph-piano-fallboard span:first-child{font-size:15px}.ph-piano-fallboard span:last-child{font-size:5px}.ph-keyboard{height:143px;padding:0 5px 6px}.ph-white-key{border-radius:0 0 4px 4px;height:137px}.ph-black-key{height:85px}.ph-key-dot{width:25px;height:25px;bottom:27px}.ph-key-name{font-size:7px;bottom:9px}.ph-piano-front{height:18px}.ph-piano-controls{margin-top:33px}.ph-sound-note{justify-content:center;width:100%;margin:0 0 3px}.ph-resource-intro h2{font-size:35px}.ph-chord-study{padding-top:37px}.ph-chord-switch{margin:auto}.ph-study-notes{gap:11px}.ph-study-notes strong{font-size:46px}.ph-interval-lines{gap:20px;margin-inline:7px}.ph-editorial-grid{grid-template-columns:1fr;gap:43px}.ph-collection-art,.ph-reading-art{height:285px}.ph-cover-title{font-size:32px}.ph-cover-note{width:150px}.ph-reading-paper{width:80%}.ph-grand-illustration{width:110%;margin-left:-5%}.ph-footer-main{min-height:185px}.ph-footer-main nav{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.ph-footer-bottom{flex-direction:column;justify-content:center;align-items:flex-start;min-height:80px}.ph-footer-bottom p{padding-top:17px}}@media (max-width:350px){.home-page .pr-container,.ph-header-inner{width:calc(100% - 28px)}.ph-hero h1{font-size:35px}.ph-chord-switch button{min-width:96px}.ph-study-notes strong{font-size:41px}.ph-editorial-copy h3{font-size:20px}}@media (prefers-reduced-motion:reduce){.home-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.ph-site-header,.ph-footer,.ph-piano-controls,.ph-grand-illustration{display:none!important}.ph-hero-grid,.ph-editorial-grid{display:block}.ph-hero,.ph-stage-wrap{padding:24px 0}.ph-discovery :is(h2,strong,a){color:var(--foreground)!important}}.ph-white-key:active{box-shadow:inset 0 -3px 0 var(--border);transform:translateY(3px)}.ph-black-key:active{box-shadow:0 3px 3px color-mix(in srgb,var(--foreground) 35%,transparent),inset 0 -4px 0 color-mix(in srgb,var(--muted-foreground) 55%,var(--foreground));transform:translateY(3px)}.ph-discovery-copy a.ph-discovery-secondary{opacity:.85;margin-top:.75rem;font-size:.9375rem;display:inline-flex}.home-page .ph-hero{isolation:isolate;background:var(--background);min-height:clamp(600px,100svh - 76px,680px);padding:0;position:relative;overflow:hidden}.home-page .ph-hero-image{z-index:-3;object-fit:cover;object-position:54% center;animation:1.15s cubic-bezier(.2,.7,.2,1) both ph-hero-image-reveal,16s ease-in-out 1.15s infinite alternate ph-hero-image-breathe}.home-page .ph-hero-scrim{z-index:-2;background:linear-gradient(90deg, color-mix(in srgb, var(--background) 97%, transparent) 0%, color-mix(in srgb, var(--background) 90%, transparent) 22%, color-mix(in srgb, var(--background) 68%, transparent) 38%, color-mix(in srgb, var(--background) 26%, transparent) 55%, transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--background) 20%, transparent) 0%, transparent 58%, color-mix(in srgb, var(--background) 15%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.home-page .ph-hero-grid{align-items:center;min-height:clamp(600px,100svh - 76px,680px);display:flex}.home-page .ph-hero-copy{width:min(540px,48%);padding:72px 0 64px;position:relative}.home-page .ph-hero h1{text-wrap:balance;max-width:520px}.home-page .ph-hero-title-line{padding-bottom:.08em;display:block;overflow:hidden}.home-page .ph-hero-title-line>*{animation:.76s cubic-bezier(.16,1,.3,1) both ph-hero-title-reveal;display:block}.home-page .ph-hero-title-line-accent>*{animation-delay:.13s}.home-page .ph-hero-description{max-width:510px;color:color-mix(in srgb, var(--foreground) 78%, transparent)}@keyframes ph-hero-image-reveal{0%{opacity:.84;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes ph-hero-image-breathe{0%{transform:scale(1)}to{transform:scale(1.006)}}@keyframes ph-hero-title-reveal{0%{transform:translateY(112%)}to{transform:translateY(0)}}@keyframes ph-hero-content-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.home-page .ph-hero,.home-page .ph-hero-grid{min-height:760px}.home-page .ph-hero-grid{align-items:flex-start;display:flex}.home-page .ph-hero-copy{text-align:left;width:min(510px,72%);padding-top:64px}.home-page .ph-hero-copy>.ph-eyebrow,.home-page .ph-hero-actions{justify-content:flex-start}.home-page .ph-hero-image{object-position:60% center}.home-page .ph-hero-scrim{background:linear-gradient(90deg, color-mix(in srgb, var(--background) 99%, transparent) 0%, color-mix(in srgb, var(--background) 92%, transparent) 39%, color-mix(in srgb, var(--background) 35%, transparent) 72%, transparent 100%)}}@media (max-width:700px){.home-page .ph-hero,.home-page .ph-hero-grid{min-height:790px}.home-page .ph-hero-copy{text-align:center;width:100%;padding:42px 0 300px}.home-page .ph-hero-copy>.ph-eyebrow,.home-page .ph-hero-actions{justify-content:center}.home-page .ph-hero-image{object-position:59% center}.home-page .ph-hero-scrim{background:linear-gradient(180deg, var(--background) 0%, color-mix(in srgb, var(--background) 98%, transparent) 46%, color-mix(in srgb, var(--background) 82%, transparent) 62%, color-mix(in srgb, var(--background) 12%, transparent) 82%, transparent 100%)}}@media (max-width:350px){.home-page .ph-hero,.home-page .ph-hero-grid{min-height:770px}.home-page .ph-hero-copy{padding-top:36px;padding-bottom:270px}}@media (prefers-reduced-motion:reduce){.home-page .ph-hero-image,.home-page .ph-hero-title-line>*{animation:none}}@media print{.home-page .ph-hero-image{display:none!important}.home-page .ph-hero,.home-page .ph-hero-grid{min-height:auto}.home-page .ph-hero-copy{width:100%;padding:24px 0}.home-page .ph-hero-scrim{display:none}}.home-v4-final{--home-hero-overlay:linear-gradient(90deg, var(--background) 0%, var(--background) 29%, #ffffffd1 38%, #ffffff80 47%, #ffffff1a 57%, transparent 68%);--home-preview-blue:#f0f5ff;--home-preview-lilac:#f3efff;--home-preview-pink:#f8f1f8;--home-preview-shadow:0 12px 25px -14px #44506a3d;--home-section-space:3rem;font-family:var(--pr-font-sans);overflow:clip}.home-v4-final .pr-container{width:min(var(--pr-container-page),calc(100% - 2 * var(--pr-page-gutter)))}.home-v4-final :is(h1,h2,h3){font-family:var(--pr-font-sans);font-weight:var(--pr-weight-heading);letter-spacing:-.035em}.home-v4-final .ph-eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .65rem;font-size:.7rem;font-weight:700;line-height:1.45}.home-v4-final :is(h2,h3){color:var(--foreground)}.home-v4-final h2{font-size:clamp(1.55rem,2.5vw,1.875rem);line-height:1.2}.home-v4-final h3{font-size:1.15rem;line-height:1.25}.home-v4-final .ph-arrow{width:1rem;height:1rem;color:inherit}.home-v4-final :is(a,button):focus-visible{outline:var(--pr-focus-width) solid var(--ring);outline-offset:var(--pr-focus-offset)}.home-v4-final a:hover{text-decoration:none}.home-v4-final .ph-hero,.home-v4-final .ph-hero-grid{min-height:34rem}.home-v4-final .ph-hero{border-bottom:1px solid var(--border);background:var(--background);padding:0}.home-v4-final .ph-hero-image{object-position:60% 52%;animation:none}.home-v4-final .ph-hero-scrim{background:var(--home-hero-overlay)}.home-v4-final .ph-hero-grid{align-items:center;display:flex}.home-v4-final .ph-hero-copy{text-align:left;width:min(35rem,52%);padding:3rem 0}.home-v4-final .hv-free-badge{border:1px solid color-mix(in srgb,var(--primary) 23%,var(--border));min-height:2rem;color:var(--primary);letter-spacing:.05em;text-transform:uppercase;background:#ffffffeb;border-radius:2rem;align-items:center;margin:0 0 .65rem;padding:.3rem .8rem;font-size:.72rem;font-weight:750;display:inline-flex}.home-v4-final .ph-hero-copy>.ph-eyebrow{color:var(--muted-foreground);justify-content:flex-start;font-size:.68rem;display:block}.home-v4-final .ph-hero-copy>.ph-eyebrow>span{display:none}.home-v4-final .ph-hero h1{letter-spacing:-.045em;max-width:35rem;font-size:clamp(2.65rem,4vw,3.6rem);font-weight:510;line-height:1.09}.home-v4-final .ph-hero-title-line{padding:0;overflow:visible}.home-v4-final .ph-hero-title-line>*{animation:none}.home-v4-final .ph-hero h1 em{color:var(--primary);margin-top:.2rem;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.13}.home-v4-final .ph-hero-description{max-width:32.5rem;color:var(--muted-foreground);margin:1.25rem 0 0;font-size:1.08rem;line-height:1.7}.home-v4-final .ph-hero-actions{justify-content:flex-start;gap:.75rem;margin-top:1.55rem;display:flex}.home-v4-final .hv-pill{white-space:nowrap;min-height:3rem;transition:background-color var(--pr-duration-fast),border-color var(--pr-duration-fast),transform var(--pr-duration-fast);border-radius:2rem;justify-content:center;align-items:center;gap:.8rem;padding:.65rem 1.35rem;font-size:.9rem;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex}.home-v4-final .hv-pill-dark{border:1px solid var(--foreground);background:var(--foreground);color:var(--background)}.home-v4-final .am-button.hv-pill-dark:hover:not(:disabled){border-color:var(--foreground);background:color-mix(in srgb,var(--foreground) 85%,var(--background));color:var(--background)}.home-v4-final .hv-pill-light{border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));background:var(--background);color:var(--foreground)}.home-v4-final .am-button.hv-pill-light:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 18%,var(--border));background:var(--accent);color:var(--foreground)}.home-v4-final .hv-pill:active{transform:translateY(1px)}.home-v4-final .hv-hero-trust{color:var(--muted-foreground);flex-wrap:wrap;gap:1rem;margin:1rem 0 0;font-size:.75rem;line-height:1.5;display:flex}.home-v4-final .hv-practice{border-bottom:1px solid var(--border);background:var(--background)}.home-v4-final .ph-stage-wrap{padding:3rem 0 3.25rem}.home-v4-final .ph-piano-stage{max-width:none}.home-v4-final .ph-stage-label{color:var(--muted-foreground);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .35rem;font-size:.7rem;display:block}.home-v4-final .ph-piano-stage h2{font-size:1.4rem}.home-v4-final .ph-chord-bubble{box-shadow:none;background:0 0;border:0;border-radius:0;gap:.45rem;margin:.75rem auto 1.35rem;padding:0;display:flex}.home-v4-final .ph-note-chip{background:var(--accent);min-width:2.3rem;height:2.15rem;color:var(--primary);border-radius:.45rem;padding:.35rem .4rem;font-size:.9rem}.home-v4-final .ph-note-chip small{font-size:.6rem}.home-v4-final .ph-keyboard-scroll{scrollbar-width:thin;scrollbar-color:var(--input) transparent;max-width:100%;overflow:auto hidden}.home-v4-final .ph-instrument{min-width:45.5rem}.home-v4-final .ph-desktop-keyboard{display:block}.home-v4-final .ph-key-dot{background:var(--primary);color:#0000;border:0;width:.6rem;height:.6rem;font-size:0;bottom:1.8rem}.home-v4-final .ph-key-name{font-size:.75rem;font-weight:500;bottom:.65rem}.home-v4-final .ph-chord-key .ph-key-name{color:var(--primary);font-weight:700}.home-v4-final .ph-piano-controls{grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:.75rem;margin-top:1.2rem;display:grid}.home-v4-final .ph-hear-chord{background:var(--foreground);min-height:2.9rem;color:var(--background);border:0;border-radius:2rem;justify-self:end;padding:0 1.3rem;font-size:.85rem}.home-v4-final .ph-hear-chord:hover{background:color-mix(in srgb,var(--foreground) 85%,var(--background))}.home-v4-final .ph-sound-note{width:auto;color:var(--muted-foreground);justify-content:center;margin:0;font-size:.83rem}.home-v4-final .ph-motion-button{border-radius:var(--pr-radius-control);background:var(--background);min-height:2.8rem;color:var(--primary);text-underline-offset:.15em;justify-self:start;text-decoration:underline}.home-v4-final .ph-motion-button[aria-pressed=true]{background:var(--background);border-color:var(--border);color:var(--primary)}.home-v4-final .ph-synth-label{letter-spacing:0;margin:.6rem 0 0;font-size:.7rem}.home-v4-final .hv-toolkit{padding:var(--home-section-space) 0 3rem}.home-v4-final .hv-toolkit-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.55rem;display:flex}.home-v4-final .hv-toolkit-heading h2{font-size:1.9rem}.home-v4-final .hv-toolkit-heading h2 em{color:var(--primary);font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.13}.home-v4-final .hv-toolkit-heading>a{color:var(--primary);white-space:nowrap;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;text-decoration:underline;display:inline-flex}.home-v4-final .hv-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem 1.5rem;display:grid}.home-v4-final .hv-product-card{min-width:0;color:var(--foreground);border-radius:var(--pr-radius-panel);flex-direction:column;display:flex;position:relative}.home-v4-final .hv-product-card h3{margin:1rem .15rem .4rem;font-size:1.1rem}.home-v4-final .hv-product-link{color:inherit;text-decoration:none}.home-v4-final .hv-product-link:after{z-index:2;border-radius:var(--pr-radius-panel);content:"";cursor:pointer;position:absolute;inset:0}.home-v4-final .hv-product-link:focus-visible{outline:none}.home-v4-final .hv-product-link:focus-visible:after{outline:var(--pr-focus-width) solid var(--ring);outline-offset:.4rem}.home-v4-final .hv-product-card>p{min-height:2.9em;color:var(--muted-foreground);margin:0 .15rem;font-size:.9rem;line-height:1.55}.home-v4-final .hv-product-action{color:var(--primary);text-underline-offset:.2em;align-items:center;gap:.45rem;margin:1rem .15rem 0;font-size:.8rem;font-weight:700;text-decoration:underline;display:inline-flex}.home-v4-final .hv-product-card:hover .hv-preview,.home-v4-final .hv-product-card:focus-within .hv-preview{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:var(--home-preview-shadow);transform:translateY(-2px)}.home-v4-final .hv-product-card:active .hv-preview{transform:translateY(1px)}.home-v4-final .hv-preview{border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--pr-radius-panel);height:13rem;transition:transform var(--pr-duration-fast),border-color var(--pr-duration-fast),box-shadow var(--pr-duration-fast);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.home-v4-final .hv-preview-blue{background:var(--home-preview-blue)}.home-v4-final .hv-preview-lilac{background:var(--home-preview-lilac)}.home-v4-final .hv-preview-pink{background:var(--home-preview-pink)}.home-v4-final .hv-preview-sheet{background:#f5f4ff}.home-v4-final .hv-preview-window{z-index:1;border:1px solid var(--border);background:var(--background);width:80%;height:86%;box-shadow:var(--home-preview-shadow);border-radius:.7rem;padding:1rem;font-size:.65rem;position:relative;overflow:hidden}.home-v4-final .hv-preview-tilt-right{transform:rotate(2deg)}.home-v4-final .hv-preview-tilt-left{transform:rotate(-2deg)}.home-v4-final .hv-preview-arrow{z-index:2;background:var(--background);width:1.8rem;height:1.8rem;color:var(--primary);border-radius:50%;place-items:center;font-size:1rem;display:grid;position:absolute;top:.75rem;right:.75rem}.home-v4-final .hv-preview-head{color:#3b4450;justify-content:space-between;gap:.3rem;margin-bottom:.75rem;display:flex}.home-v4-final .hv-preview-note{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.home-v4-final .hv-preview-note em{color:var(--primary);font:italic 2rem Georgia,serif}.home-v4-final .hv-preview-note span,.home-v4-final .hv-song-row span:nth-child(2){gap:.2rem;display:grid}.home-v4-final .hv-preview-note small,.home-v4-final .hv-song-row small{color:var(--muted-foreground);font-size:.55rem}.home-v4-final .hv-mini-keyboard{background:#30343b;border-radius:.2rem;height:4.2rem;padding:.23rem;position:relative}.home-v4-final .hv-mini-whites{background:var(--background);height:100%;display:flex}.home-v4-final .hv-mini-whites span{color:var(--muted-foreground);text-align:center;border-right:1px solid #35373b;flex:1;align-content:end;padding-bottom:.25rem;font-size:.45rem;position:relative}.home-v4-final .hv-mini-whites span.is-marked{background:var(--accent);color:var(--primary);font-weight:700}.home-v4-final .hv-mini-blacks i{background:#202124;width:7%;height:54%;position:absolute;top:.23rem;box-shadow:0 .15rem .15rem #00000059}.home-v4-final .hv-preview-chips{gap:.4rem;margin:1.2rem 0 .75rem;display:flex}.home-v4-final .hv-preview-chips span{background:var(--accent);min-width:2rem;height:1.8rem;color:var(--primary);border-radius:.4rem;place-items:center;font-size:.85rem;font-weight:700;display:grid}.home-v4-final .hv-scale-steps{justify-content:space-between;align-items:end;height:5.1rem;margin:.2rem 0 .45rem;display:flex;position:relative}.home-v4-final .hv-scale-steps span{transform:translateY(calc((7 - var(--step)) * .43rem));justify-items:center;gap:.15rem;display:grid}.home-v4-final .hv-scale-steps b{background:var(--accent);width:1.4rem;height:1.4rem;color:var(--primary);border-radius:50%;place-items:center;display:grid}.home-v4-final .hv-scale-steps span:first-child b,.home-v4-final .hv-scale-steps span:last-child b{background:var(--primary);color:var(--background)}.home-v4-final .hv-scale-steps small{color:var(--muted-foreground);font-size:.5rem}.home-v4-final .hv-preview-window>p{color:var(--muted-foreground);text-align:center;font-size:.6rem}.home-v4-final .hv-preview:has(.hv-scale-steps) .hv-preview-window>p{margin:0;position:absolute;bottom:.5rem;left:0;right:0}.home-v4-final .hv-song-row{grid-template-columns:1.6rem 1fr auto;align-items:center;gap:.5rem;margin:.45rem 0;display:grid}.home-v4-final .hv-song-row>span:first-child{background:var(--accent);height:1.65rem;color:var(--primary);border-radius:.3rem;place-items:center;font-weight:700;display:grid}.home-v4-final .hv-song-row>b{font-size:.9rem}.home-v4-final .hv-sheet-back{border:1px solid var(--border);background:var(--background);border-radius:.25rem;width:50%;height:82%;position:absolute;top:16%;left:20%;transform:rotate(-13deg)}.home-v4-final .hv-sheet-front{text-align:center;border-radius:.3rem;width:64%;height:94%;padding:.9rem;transform:rotate(5deg)}.home-v4-final .hv-sheet-staves{gap:.8rem;margin:1rem 0;display:grid}.home-v4-final .hv-sheet-staves span{background:repeating-linear-gradient(#0000 0 .32rem,#829ac2 .34rem .37rem);height:2.2rem}.home-v4-final .hv-sheet-meta{text-align:left;justify-content:space-between;font-size:.45rem;line-height:1.5;display:flex}.home-v4-final .hv-wave-labels{color:var(--muted-foreground);justify-content:space-between;margin:1.45rem 0 .55rem;font-size:.55rem;display:flex}.home-v4-final .hv-wave-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:.4rem;margin-bottom:.8rem;display:grid}.home-v4-final .hv-wave{justify-content:center;align-items:center;gap:.16rem;height:3.4rem;display:flex}.home-v4-final .hv-wave i{background:#6493de;border-radius:.3rem;width:.2rem;max-height:100%}.home-v4-final .hv-wave-pair>span{color:var(--primary)}.home-v4-final .hv-toolkit-extra{border-top:1px solid var(--border);justify-content:space-between;align-items:start;gap:1rem;margin-top:2rem;padding-top:1.2rem;display:flex}.home-v4-final .hv-toolkit-extra p{color:var(--muted-foreground);font-size:.84rem}.home-v4-final .hv-toolkit-extra small{color:var(--muted-foreground);margin-top:1rem;font-size:.75rem;display:block}.home-v4-final .hv-toolkit-extra nav{flex-wrap:wrap;justify-content:flex-end;gap:.8rem;display:flex}.home-v4-final .hv-toolkit-extra nav a{border:1px solid var(--border);border-radius:var(--pr-radius-control);min-height:2.75rem;color:var(--primary);white-space:nowrap;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.8rem;font-weight:700;display:inline-flex}.home-v4-final .hv-toolkit-extra nav a:hover{background:var(--accent);border-color:var(--primary)}.home-v4-final .hv-learning-band{border-block:1px solid var(--border);background:#f8faff}.home-v4-final .hv-beginner,.home-v4-final .hv-listening{grid-template-columns:1.35fr 1fr;align-items:center;gap:3.5rem;padding:2.6rem 0;display:grid}.home-v4-final .hv-beginner{border-bottom:1px solid var(--border)}.home-v4-final .hv-beginner>div:first-child>p:not(.ph-eyebrow){max-width:40rem;color:var(--muted-foreground);margin:.8rem 0;font-size:.9rem;line-height:1.65}.home-v4-final .hv-beginner .hv-pill{margin-top:.25rem}.home-v4-final .hv-beginner-notes>div{gap:.7rem;display:flex}.home-v4-final .hv-beginner-notes strong{background:var(--accent);width:3rem;height:3rem;color:var(--primary);border-radius:50%;place-items:center;font:italic 1.8rem Georgia,serif;display:grid}.home-v4-final .hv-beginner-notes p{color:var(--muted-foreground);margin:.75rem 0 0;font-size:.9rem;line-height:1.6}.home-v4-final .ph-discovery-copy h2{font-size:1.85rem;line-height:1.12}.home-v4-final .ph-discovery-copy h2 em{color:var(--primary);font-family:Georgia,serif;font-size:1.85rem;font-weight:400}.home-v4-final .ph-discovery-copy>p:not(.ph-eyebrow){max-width:32rem;color:var(--muted-foreground);margin:1rem 0;font-size:.9rem;line-height:1.65}.home-v4-final .ph-discovery-copy>a{width:max-content;color:var(--primary);align-items:center;gap:.5rem;margin:.8rem 0;font-size:.85rem;font-weight:700;text-decoration:underline;display:flex}.home-v4-final .ph-discovery-copy>a.ph-discovery-secondary{opacity:1;margin-top:1.2rem;font-size:.85rem;display:flex}.home-v4-final .ph-chord-study{border:1px solid var(--border);border-radius:var(--pr-radius-panel);background:var(--background);padding:1.25rem 1.4rem}.home-v4-final .ph-chord-switch{background:#eff2f7;border:0;border-radius:.65rem;grid-template-columns:1fr 1fr;width:72%;margin:auto;padding:.25rem;display:grid}.home-v4-final .ph-chord-switch button{min-height:2.75rem;color:var(--foreground);border-radius:.5rem;font-size:.8rem}.home-v4-final .ph-chord-switch button[aria-pressed=true]{border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));color:var(--primary);box-shadow:0 .15rem .25rem #0000000f}.home-v4-final .ph-study-notes{gap:1rem;margin:1.25rem 0 0}.home-v4-final .ph-study-notes strong{color:var(--foreground);font-size:2.7rem}.home-v4-final .ph-study-notes small{color:var(--muted-foreground)}.home-v4-final .ph-study-notes .ph-changing-note strong{color:var(--primary)}.home-v4-final .ph-interval-lines{margin:.8rem 1rem 0}.home-v4-final .ph-interval-lines span{border-top:1px solid var(--border);color:var(--muted-foreground)}.home-v4-final .ph-study-play{background:var(--foreground);min-height:2.8rem;color:var(--background);border:0;margin-top:1rem}.home-v4-final .ph-study-footnote{color:var(--muted-foreground);text-align:left;font-size:.7rem}.home-v4-final .hv-music{padding:3.2rem 0 2.5rem}.home-v4-final .hv-music-heading{margin-bottom:1.5rem}.home-v4-final .ph-editorial-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.home-v4-final .ph-editorial-card{border:1px solid var(--border);border-radius:var(--pr-radius-panel);min-height:11.5rem;color:var(--foreground);grid-template-columns:8.25rem 1fr;align-items:center;gap:1.15rem;padding:1rem;text-decoration:none;display:grid}.home-v4-final .ph-editorial-card:hover{border-color:var(--primary);box-shadow:var(--home-preview-shadow)}.home-v4-final .ph-collection-art,.home-v4-final .ph-reading-art{border-radius:.55rem;width:8.25rem;height:9rem}.home-v4-final .ph-collection-art{padding:.65rem}.home-v4-final .ph-cover-lines{display:none}.home-v4-final .ph-cover-title{margin-top:1rem;font-size:1.4rem}.home-v4-final .ph-cover-kicker,.home-v4-final .ph-cover-bottom{font-size:.35rem}.home-v4-final .ph-cover-bottom{bottom:.65rem;left:.65rem}.home-v4-final .ph-cover-note{display:none}.home-v4-final .ph-reading-paper{flex-direction:column;justify-content:space-between;width:84%;height:90%;padding:.5rem;display:flex;overflow:hidden}.home-v4-final .ph-reading-paper svg{flex:none;height:2.6rem}.home-v4-final .ph-paper-rule{margin:.1rem 0 .3rem}.home-v4-final .ph-reading-paper>span{font-size:.58rem}.home-v4-final .ph-paper-heading{font-size:.4rem}.home-v4-final .ph-editorial-copy{padding:0}.home-v4-final .ph-editorial-copy>p:first-child{margin-bottom:.6rem}.home-v4-final .ph-editorial-copy h3{font-size:1.25rem}.home-v4-final .ph-editorial-copy h3+p{margin-bottom:.6rem;font-size:.82rem}.home-v4-final .ph-editorial-copy span{color:var(--primary);font-size:.8rem;text-decoration:underline}.home-v4-final .hv-resources{grid-template-columns:.9fr 1.6fr;align-items:start;gap:3rem;padding:2.5rem 0 3rem;display:grid}.home-v4-final .ph-resource-intro h2{font-size:1.9rem}.home-v4-final .ph-resource-intro>p:last-child{margin-top:.7rem;font-size:.9rem}.home-v4-final .hv-resource-grid{grid-template-columns:1fr;gap:.65rem;display:grid}.home-v4-final .hv-resource-grid>a{border:1px solid var(--border);border-radius:var(--pr-radius-control);min-height:4.3rem;color:var(--foreground);grid-template-columns:1.3rem 1fr 1rem;align-items:center;gap:.75rem;padding:.65rem .9rem;text-decoration:none;display:grid}.home-v4-final .hv-resource-grid>a:hover{border-color:var(--primary);background:var(--accent)}.home-v4-final .hv-resource-grid>a>span{color:var(--muted-foreground);font-size:.7rem}.home-v4-final .hv-resource-grid h3{font-size:.9rem}.home-v4-final .hv-resource-grid p{color:var(--muted-foreground);margin:.25rem 0 0;font-size:.77rem;line-height:1.45}.home-v4-final .hv-resource-grid .ph-arrow{color:var(--primary)}.home-v4-final .hv-directory{border-block:1px solid var(--border);padding:2.6rem 0}.home-v4-final .hv-directory-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.3rem;display:flex}.home-v4-final .hv-directory-heading>p{max-width:27rem;color:var(--muted-foreground);font-size:.9rem}.home-v4-final .hv-directory-row{border-top:1px solid var(--border);grid-template-columns:10.5rem 1fr;align-items:start;gap:1.5rem;padding:.85rem 0;display:grid}.home-v4-final .hv-directory-row:last-child{border-bottom:1px solid var(--border)}.home-v4-final .hv-directory-row h3{font-size:1rem}.home-v4-final .hv-directory-row h3 a{color:var(--foreground);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.home-v4-final .hv-directory-row h3 .ph-arrow{color:var(--primary)}.home-v4-final .hv-directory-row ul{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.home-v4-final .hv-directory-row li a{border:1px solid var(--border);min-height:2.4rem;color:var(--primary);text-underline-offset:.15em;background:#f9fbfe;border-radius:.45rem;align-items:center;padding:.35rem .65rem;font-size:.78rem;text-decoration:underline;display:inline-flex}.home-v4-final .hv-directory-row li a:hover{border-color:var(--primary);background:var(--accent)}.home-v4-final .hv-faq{grid-template-columns:.8fr 1.2fr;gap:3rem;padding:2.8rem 0;display:grid}.home-v4-final .hv-faq>div:first-child>p{color:var(--muted-foreground);margin:.75rem 0 0;font-size:.9rem;line-height:1.6}.home-v4-final .hv-faq-list{min-width:0}.home-v4-final .hv-closing{background:var(--accent)}.home-v4-final .hv-closing-inner{justify-content:space-between;align-items:center;gap:2rem;min-height:9rem;padding:1.2rem 0;display:flex}.home-v4-final .hv-closing .ph-eyebrow{font-size:.65rem}.home-v4-final .hv-closing h2{font-size:1.8rem}.home-v4-final .hv-closing h2 em{color:var(--primary);font-family:Georgia,serif;font-weight:400}.home-v4-final .hv-closing-inner>div>p:last-child{margin:.35rem 0 0;font-size:.9rem}.home-v4-final .hv-footer .ph-footer-main{align-items:center;min-height:7rem}.home-v4-final .hv-footer .ph-footer-main>div>p{color:var(--muted-foreground);margin:.3rem 0 0;font-size:.9rem}.home-v4-final .hv-footer .ph-footer-main nav{gap:1.3rem}.home-v4-final .hv-footer .ph-footer-main nav a{color:var(--foreground);font-size:.78rem}.home-v4-final .hv-footer .ph-footer-bottom{min-height:3rem}@media (max-width:800px){.home-v4-final .ph-hero,.home-v4-final .ph-hero-grid{min-height:34rem}.home-v4-final .ph-hero-copy{text-align:left;width:min(34rem,70%);padding:2rem 0}.home-v4-final .ph-hero-actions{justify-content:flex-start}.home-v4-final .ph-hero-scrim{background:linear-gradient(90deg,var(--background),#fffffff2 45%,#ffffff4d 100%)}.home-v4-final .hv-beginner,.home-v4-final .hv-listening{gap:2rem}.home-v4-final .ph-editorial-card{grid-template-columns:6rem 1fr}.home-v4-final .ph-collection-art,.home-v4-final .ph-reading-art{width:6rem;height:8rem}}@media (max-width:767px){.home-v4-final{--home-section-space:2.2rem}.home-v4-final .ph-hero,.home-v4-final .ph-hero-grid{min-height:29rem}.home-v4-final .ph-hero-image{object-position:65% 45%}.home-v4-final .ph-hero-scrim{background:linear-gradient(#fffffff2 0%,#ffffffe0 48%,#ffffffb3 76%,#ffffff4d 100%)}.home-v4-final .ph-hero-copy{text-align:left;width:100%;padding:2.1rem 0}.home-v4-final .ph-hero-copy>.ph-eyebrow{justify-content:flex-start}.home-v4-final .ph-hero h1{font-size:clamp(2.2rem,9vw,2.75rem)}.home-v4-final .ph-hero-description{max-width:31rem;margin-top:1.05rem;font-size:1rem;line-height:1.6}.home-v4-final .ph-hero-actions{flex-direction:column;align-items:flex-start;gap:.65rem;margin-top:1.3rem;display:flex}.home-v4-final .hv-pill{width:auto;min-height:2.8rem;padding:.6rem 1rem}.home-v4-final .hv-hero-trust{gap:.5rem 1rem}.home-v4-final .ph-stage-wrap{padding:2rem 0}.home-v4-final .ph-piano-stage h2{font-size:1.2rem}.home-v4-final .ph-piano-controls{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.9rem}.home-v4-final .ph-hear-chord{justify-self:start}.home-v4-final .ph-motion-button{justify-self:end}.home-v4-final .ph-sound-note{grid-area:2/1/auto/-1;justify-content:center}.home-v4-final .ph-synth-label{line-height:1.5}.home-v4-final .hv-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.7rem .75rem}.home-v4-final .hv-preview{height:clamp(8.5rem,38vw,12rem)}.home-v4-final .hv-preview-window{width:84%;height:83%;padding:.6rem;font-size:.5rem}.home-v4-final .hv-preview-head{margin-bottom:.45rem}.home-v4-final .hv-preview-note{margin-bottom:.35rem}.home-v4-final .hv-preview-note em{font-size:1.4rem}.home-v4-final .hv-mini-keyboard{height:3.1rem}.home-v4-final .hv-preview-chips{margin:.65rem 0 .5rem}.home-v4-final .hv-preview-chips span{min-width:1.45rem;height:1.3rem;font-size:.65rem}.home-v4-final .hv-song-row{gap:.2rem;margin:.25rem 0}.home-v4-final .hv-song-row>span:first-child{height:1.25rem}.home-v4-final .hv-scale-steps{height:4rem}.home-v4-final .hv-scale-steps b{width:1rem;height:1rem}.home-v4-final .hv-scale-steps span{transform:translateY(calc((7 - var(--step)) * .26rem))}.home-v4-final .hv-sheet-staves{gap:.35rem;margin:.4rem 0}.home-v4-final .hv-sheet-staves span{height:1.4rem}.home-v4-final .hv-wave-labels{margin:.6rem 0 .3rem}.home-v4-final .hv-wave{gap:.1rem;height:2.2rem}.home-v4-final .hv-wave i{width:.12rem}.home-v4-final .hv-product-card h3{margin:.65rem .1rem .3rem;font-size:.95rem}.home-v4-final .hv-product-card>p{font-size:.78rem;line-height:1.5}.home-v4-final .hv-product-action{font-size:.75rem}.home-v4-final .hv-toolkit-extra{display:block}.home-v4-final .hv-toolkit-extra nav{justify-content:flex-start;margin-top:.8rem}.home-v4-final .hv-toolkit-extra small{margin-top:1rem}.home-v4-final .hv-beginner,.home-v4-final .hv-listening{grid-template-columns:1fr;gap:1.5rem;padding:2.3rem 0}.home-v4-final .ph-chord-study{max-width:32rem}.home-v4-final .hv-music{padding:2.5rem 0}.home-v4-final .ph-editorial-grid{grid-template-columns:1fr;gap:.75rem}.home-v4-final .ph-editorial-card{grid-template-columns:6.2rem 1fr;min-height:9rem}.home-v4-final .ph-collection-art,.home-v4-final .ph-reading-art{width:6.2rem;height:7.5rem}.home-v4-final .ph-cover-title{margin-top:.55rem;font-size:1.05rem;line-height:1.05}.home-v4-final .ph-cover-bottom{max-width:5rem;font-size:.3rem;line-height:1.15}.home-v4-final .ph-reading-paper{height:88%;padding:.4rem}.home-v4-final .ph-reading-paper svg{flex:none;height:2.5rem}.home-v4-final .ph-reading-paper>span{font-size:.55rem}.home-v4-final .hv-resources{grid-template-columns:1fr;gap:1rem;padding:2rem 0}.home-v4-final .hv-resource-grid{grid-template-columns:1fr}.home-v4-final .hv-resource-grid>a{min-height:4.7rem}.home-v4-final .hv-directory{padding:2rem 0}.home-v4-final .hv-directory-heading{display:block}.home-v4-final .hv-directory-heading>p{margin-top:.7rem}.home-v4-final .hv-directory-row{grid-template-columns:1fr;gap:.65rem;padding:1rem 0}.home-v4-final .hv-directory-row h3 a{justify-content:space-between}.home-v4-final .hv-faq{grid-template-columns:1fr;gap:1.5rem;padding:2.2rem 0}.home-v4-final .hv-closing-inner{padding:1.5rem 0;display:block}.home-v4-final .hv-closing .hv-pill{margin-top:1.1rem}.home-v4-final .hv-footer .ph-footer-main{min-height:0;padding:1.4rem 0;display:block}.home-v4-final .hv-footer .ph-footer-main nav{gap:.7rem 1.2rem;margin-top:1rem;display:flex}.home-v4-final .hv-footer .ph-footer-bottom{min-height:0;padding:.7rem 0;display:flex}}@media (max-width:390px){.home-v4-final .hv-toolkit-heading h2{font-size:1.7rem}.home-v4-final .hv-product-action{margin-top:.7rem}.home-v4-final .hv-preview-window{padding:.45rem}.home-v4-final .ph-synth-label{font-size:.62rem}}@media (prefers-reduced-motion:reduce){.home-v4-final .hv-preview,.home-v4-final .hv-pill{transition:none}}@media print{.home-v4-final .ph-hero-image,.home-v4-final .ph-hero-scrim{display:none}.home-v4-final .ph-hero,.home-v4-final .ph-hero-grid{min-height:0}.home-v4-final .hv-product-grid{grid-template-columns:repeat(3,1fr)}.home-v4-final .hv-product-card,.home-v4-final .ph-editorial-card,.home-v4-final .hv-directory-row{break-inside:avoid}}