@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg:#f6f8f3;--surface:#fff;--text:#20333b;--muted:#62757b;--forest:#136d57;--forest-dark:#0f5647;--mint:#dbeee6;--border:#dde6df;--ink:#26343c;--cream:#fff9ed;--violet:#f0eefb;--shadow:0 22px 54px -35px #0d333542}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.65 DM Sans,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.brand,.eyebrow,.tag,.display-number{font-family:Outfit,system-ui,sans-serif}h1{letter-spacing:-.047em;font-size:clamp(2.6rem,5.2vw,5.5rem);font-weight:750;line-height:1.12}h2{letter-spacing:-.04em;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.17}h3{letter-spacing:-.025em;font-size:1.3rem;line-height:1.25}strong{color:var(--text)}.container{width:min(1190px,100% - 44px);margin:0 auto}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:999;background:#fff;padding:9px 14px;position:absolute;top:-70px;left:20px}.skip-link:focus{top:12px}.topnote-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.site-header{border-bottom:1px solid var(--border);z-index:20;backdrop-filter:blur(15px);background:#f6f8f3f0;position:sticky;top:0}.header-inner{align-items:center;gap:24px;height:80px;display:flex}.brand{align-items:center;gap:12px;min-width:230px;line-height:1.08;display:flex}.brand-mark{background:var(--forest);color:#fff;border-radius:12px;place-items:center;width:39px;height:39px;font-size:24px;font-weight:700;display:grid;box-shadow:0 6px 13px #136d5726}.brand-type{letter-spacing:-.035em;font-size:17px;font-weight:500}.brand-type strong{font-size:20px;font-weight:800;display:block}.desktop-nav{align-items:center;gap:24px;margin:auto;display:flex}.desktop-nav a{white-space:nowrap;color:#465c62;font-size:13px;font-weight:650}.header-action{background:var(--forest);color:#fff;white-space:nowrap;border-radius:100px;padding:12px 18px;font-size:12px;font-weight:700}.header-action:hover,.btn-primary:hover{background:var(--forest-dark)}.mobile-nav{display:none}.breadcrumbs{color:#7a8989;flex-wrap:wrap;align-items:center;gap:12px;padding:17px 0;font-size:12px;display:flex}.breadcrumbs a:last-child{color:var(--forest);font-weight:700}.eyebrow,.tag{letter-spacing:.12em;text-transform:uppercase;color:var(--forest);font-size:12px;font-weight:800;display:inline-block}.tag{background:var(--mint);letter-spacing:.05em;border-radius:100px;padding:5px 11px}.lead{max-width:690px;font-size:clamp(17px,2vw,21px);line-height:1.7}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.section-head p{max-width:550px}.text-link{color:var(--forest);font-size:14px;font-weight:800}.text-link:hover{text-decoration:underline}.hero{background:radial-gradient(circle at 78% 30%,#e3f3e9 0,transparent 32%),var(--bg);padding:96px 0 86px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-copy h1{margin:19px 0 28px}.hero-copy h1 em{color:var(--forest);font-style:normal}.hero-copy p{max-width:580px;font-size:18px}.button-row{flex-wrap:wrap;align-items:center;gap:12px;margin:27px 0;display:flex}.btn{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:47px;padding:13px 19px;font-size:14px;font-weight:750;display:inline-flex;box-shadow:0 5px 16px #19483c0a}.btn:hover{border-color:var(--forest);color:var(--forest)}.btn-primary{background:var(--forest);color:#fff;border-color:var(--forest)}.btn-primary:hover{color:#fff}.hero-trust{color:#71817e;flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.demo-window{background:#fff;border:1px solid #e0eee8;border-radius:24px;padding:28px;position:relative;box-shadow:0 25px 70px -25px #1046364a}.demo-window:before{content:"";z-index:-1;background:#bce8d6;border-radius:40px;width:130px;height:130px;position:absolute;inset:auto -35px -35px auto;transform:rotate(17deg)}.demo-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.demo-top small{color:#859793;letter-spacing:.09em;font-weight:800}.demo-dots{gap:6px;display:flex}.demo-dots i{background:#d0ddd8;border-radius:50%;width:9px;height:9px;display:block}.demo-inner{background:#f0f7f2;border-radius:17px;padding:24px 20px 20px}.demo-inner h3{margin-bottom:0;font-size:34px}.demo-inner p{margin:5px 0 15px;font-size:13px}.hero-note{color:#829290;text-align:center;margin-top:12px;font-size:12px}.stat-strip{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px;display:grid}.stat strong{letter-spacing:-.05em;font-family:Outfit,sans-serif;font-size:34px;line-height:1.1;display:block}.stat span{color:var(--muted);font-size:13px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.chord-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;min-height:222px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.chord-card:hover{box-shadow:var(--shadow);border-color:#96c7ae;transform:translateY(-4px)}.chord-card-top{justify-content:space-between;align-items:start;display:flex}.chord-symbol{letter-spacing:-.045em;font-family:Outfit,sans-serif;font-size:36px;font-weight:800;line-height:1.1}.mini-arrow{width:30px;height:30px;color:var(--forest);background:#ecf3ed;border-radius:100%;place-items:center;display:grid}.chord-card>strong{color:#71817e;font-size:13px}.note-row{flex-wrap:wrap;gap:7px;display:flex}.card-bottom{color:var(--forest);border-top:1px solid #eef2ed;justify-content:space-between;margin-top:auto;padding-top:14px;font-size:12px;font-weight:750;display:flex}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{border:1px solid var(--border);background:#fff;border-radius:19px;min-height:230px;padding:26px}.feature-card .feature-icon{background:#ecf5ee;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:25px;font-size:25px;display:grid}.feature-card:nth-child(2) .feature-icon{background:var(--violet)}.feature-card:nth-child(3) .feature-icon{background:#fef0df}.feature-card p{font-size:14px}.feature-card h3{margin-bottom:10px}.feature-card a{color:var(--forest);font-size:13px;font-weight:750}.cta-band{color:#fff;background:#174d40;border-radius:25px;justify-content:space-between;align-items:center;gap:30px;padding:55px;display:flex}.cta-band h2{color:#fff;margin-bottom:8px}.cta-band p{color:#c7e5d8;margin:0}.cta-band .btn{white-space:nowrap}.site-footer{border-top:1px solid var(--border);background:#edf2eb;margin-top:90px;padding:60px 0 23px}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:56px;display:grid}.footer-top p{margin:20px 0 0;font-size:14px}.footer-col{flex-direction:column;align-items:start;gap:12px;display:flex}.footer-col strong{font-family:Outfit,sans-serif;font-size:15px}.footer-col a{color:var(--muted);font-size:13px}.footer-bottom{color:#74847d;border-top:1px solid #d7e1d8;justify-content:space-between;gap:20px;padding-top:21px;font-size:12px;display:flex}.page-hero h1{margin:15px 0;font-size:clamp(2.5rem,4vw,4.3rem)}.page-hero p{max-width:760px}.panel{border:1px solid var(--border);background:#fff;border-radius:20px;padding:28px;box-shadow:0 8px 40px -28px #1349374d}.panel+.panel{margin-top:18px}.panel h2{font-size:1.65rem}.two-col{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px;display:grid}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.input-label{color:#4d635c;margin:0 0 7px;font-size:13px;font-weight:750;display:block}.field{width:100%;color:var(--text);background:#fbfdf9;border:1px solid #cbded4;border-radius:11px;min-height:48px;padding:13px 14px}.field-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.field-row>*{flex:1}.inline-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.inline-actions button{min-width:110px}.keyboard-frame{width:100%;overflow:hidden}.keyboard-frame svg,.keyboard-image{width:100%;height:auto;display:block}.note-explainer{background:#eff7ef;border:1px solid #e0ebdf;border-radius:15px;padding:22px}.note-explainer h3{margin:0 0 9px}.note-explainer p{margin:0;font-size:14px}.card-kbd{background:#f8faf6;border:1px solid #e4ebe3;border-radius:13px;gap:11px;padding:15px;display:grid}.inversion-list{gap:13px;display:grid}.inversion-card{border:1px solid var(--border);border-radius:13px;padding:17px}.inversion-card h3{margin-bottom:4px;font-size:16px}.inversion-card p{margin:0;font-size:13px}.inversion-view[hidden]{display:none}.prose{font-size:16px;line-height:1.8}.prose p{margin-bottom:18px}.prose h2{margin-top:40px}.prose ul{color:var(--muted);padding-left:25px}.prose li+li{margin-top:9px}.prose strong{color:var(--text)}.search-bar{max-width:460px;margin:24px 0;position:relative}.search-bar input{padding-left:40px}.search-bar:before{content:"⌕";color:#80978a;font-size:27px;position:absolute;top:7px;left:14px}.toggle-grid{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.pitch-toggle{color:var(--text);background:#f7faf7;border:1px solid #bad3c8;border-radius:11px;min-height:55px;padding:13px 5px;font-size:13px;font-weight:750}.pitch-toggle[aria-pressed=true]{background:var(--forest);color:#fff;border-color:var(--forest)}.results-box{background:#eef5f0;border-radius:14px;min-height:130px;padding:20px}.results-box ul{margin:0;padding-left:20px}.results-box li+li{margin-top:12px}.help-text{color:#768680;font-size:12px}.status-copy{color:#2e6d59;min-height:24px;font-size:13px;font-weight:650}.practice-step{border:1px solid var(--border);background:#f7faf6;border-radius:15px;padding:20px}.practice-step h3{margin-bottom:6px}.practice-step p{margin-bottom:0;font-size:14px}.compare-col{min-width:0}.compare-result{background:#eef5f0;border-radius:15px;margin-top:20px;padding:24px}.print-sheet{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.print-cell{break-inside:avoid;background:#fff;border:1px solid #d8e4dc;border-radius:12px;padding:12px}.print-cell strong{font-size:15px}.print-cell span{color:#556c61;margin-bottom:6px;font-size:12px;display:block}.print-cell img{width:100%;height:auto}.print-note{color:var(--muted);font-size:12px}.empty-msg{color:#657972;border:1px dashed #b7ccc1;border-radius:11px;padding:16px}.footer-refs{border-top:1px solid var(--border);margin-top:34px;padding-top:22px}.error-page{text-align:center;padding:80px 0}.content-divider{background:var(--border);height:1px;margin:30px 0}@media (width<=1080px){.desktop-nav{gap:13px}.desktop-nav a{font-size:12px}.brand{min-width:180px}.header-action{display:none}.hero-grid{gap:24px}.card-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.container,.narrow{width:min(100% - 32px,650px)}.header-inner{height:68px}.desktop-nav{display:none}.mobile-nav{margin-left:auto;display:block;position:relative}.mobile-nav summary{cursor:pointer;border:1px solid var(--border);border-radius:9px;padding:8px 12px;font-size:13px;font-weight:750;list-style:none}.mobile-nav nav{box-shadow:var(--shadow);border:1px solid var(--border);z-index:22;background:#fff;border-radius:14px;flex-direction:column;width:230px;padding:13px;display:flex;position:absolute;top:43px;right:0}.mobile-nav nav a{padding:9px 10px;font-size:14px}.hero{padding:55px 0}.hero-grid,.two-col{grid-template-columns:1fr}.demo-window{margin-top:17px}.card-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.tool-grid{grid-template-columns:1fr}.cta-band{flex-direction:column;align-items:start;padding:32px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.print-sheet{grid-template-columns:repeat(2,1fr)}}@media (width<=490px){.brand-type{font-size:12px}.brand-type strong{font-size:16px}.brand-mark{width:34px;height:34px}.topnote-inner span:last-child{display:none}.card-grid{grid-template-columns:1fr}.chord-card{min-height:185px}.stat-strip{gap:8px}.stat{padding-left:12px}.stat strong{font-size:23px}.stat span{font-size:11px}.toggle-grid{grid-template-columns:repeat(3,1fr)}.section{padding:55px 0}.section-head{display:block}.page-hero{padding-top:24px}.footer-bottom{flex-direction:column}.footer-top{gap:25px}.panel{padding:20px}.print-sheet{grid-template-columns:1fr 1fr}.hero-trust{font-size:11px}.header-inner{gap:8px}}@media print{.topnote,.site-header,.site-footer,.breadcrumbs,.no-print,.cta-band,.btn{display:none!important}body{color:#000;background:#fff;font-size:11pt}.container{width:100%}.print-sheet{grid-template-columns:repeat(3,1fr)}.print-cell{break-inside:avoid;page-break-inside:avoid}.print-cell img{max-height:160px}.section{padding:5mm 0}.print-only{display:block!important}.panel{box-shadow:none;border:0;padding:0}.page-hero{padding:0}.page-hero h1{font-size:24pt}@page{size:auto;margin:12mm}}:root{--bg:#f7f6f2;--surface:#fffefa;--text:#24243a;--ink:#24243a;--muted:#696b80;--forest:#6257db;--forest-dark:#4d43b5;--mint:#ebe8ff;--border:#e5e2e8;--violet:#efecff;--cream:#fff6e9;--shadow:0 24px 55px -30px #2c22703b}html{scroll-padding-top:100px}body{background:var(--bg);color:var(--text);line-height:1.65}p{color:var(--muted)}h1,h2,h3,h4{color:var(--text)}::selection{color:#201b45;background:#d9d2ff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #7869e9}.container{width:min(1210px,100% - 56px)}.narrow{width:min(860px,100% - 56px)}.topnote{color:#d8d3f5;letter-spacing:.08em;background:#211e3c;height:30px;font-size:11px}.topnote-inner{height:100%}.site-header{-webkit-backdrop-filter:blur(22px);background:#faf9f6e6;border-color:#4b41771a;box-shadow:0 5px 22px -19px #32285455}.header-inner{gap:28px;height:77px}.brand{gap:11px;min-width:222px}.brand-mark{background:#6257db;border-radius:13px;transform:rotate(-5deg);box-shadow:0 8px 20px #6257db28}.brand-mark span{transform:rotate(5deg)}.brand-type{color:#3c3759;font-size:15px;font-weight:650}.brand-type strong{color:#1d1a30;font-size:20px;line-height:1.05}.brand-dot{color:#685ee5}.desktop-nav{gap:29px}.desktop-nav a{color:#666379;font-size:13px;transition:color .18s;position:relative}.desktop-nav a:hover,.desktop-nav a.nav-active{color:#534bc5}.desktop-nav a:after{content:"";background:#6b63e4;border-radius:99px;height:2px;transition:right .22s;position:absolute;bottom:-8px;left:0;right:100%}.desktop-nav a:hover:after,.desktop-nav a.nav-active:after{right:0}.header-action{color:#fff;background:#28243f;padding:13px 19px;font-size:12px;transition:background .2s,transform .2s;box-shadow:0 6px 20px #28243f22}.header-action:hover{background:#5648cf;transform:translateY(-2px)}.breadcrumbs{color:#77758a;font-size:12px}.breadcrumbs a:last-child{color:#5d51cc}.eyebrow{color:#6e60d7;letter-spacing:.15em;font-size:11px;font-weight:800}.tag{color:#6555ce;background:#ebe8ff;border-radius:999px}.btn{color:#28263f;background:#fffefa;border:1px solid #ddd9e8;border-radius:13px;transition:transform .22s cubic-bezier(.2,.75,.3,1),box-shadow .22s,border-color .2s,background .2s,color .2s;box-shadow:0 4px 12px #38305008}.btn:hover{color:#5449c1;border-color:#968af2;transform:translateY(-2px);box-shadow:0 13px 26px -16px #39315e6b}.btn:active{transform:translateY(1px)scale(.985)}.btn-primary{color:#fff;background:#685ce3;border-color:#685ce3;box-shadow:0 9px 25px #6d5ce52a}.btn-primary:hover{color:#fff;background:#5347cf;border-color:#5347cf;box-shadow:0 14px 25px #5747c743}.btn-ghost{background:#fffefa;border-color:#dcd9ea}.btn-large{gap:12px;min-height:54px;padding:15px 22px}.action-arrow{place-items:center;font-size:17px;transition:transform .2s;display:inline-grid}.btn:hover .action-arrow{transform:translate(2px,-2px)}.studio-hero{isolation:isolate;background:radial-gradient(at 7% 15%,#f1edff 0,#0000 32%),radial-gradient(circle at 88% 90%,#e8efff 0,#0000 27%),#f7f6f2;padding:101px 0 102px;overflow:hidden}.hero-orb{pointer-events:none;z-index:-1;filter:blur(1px);position:absolute}.hero-orb-a{border:1px solid #d7d0fa;border-radius:50%;width:190px;height:190px;top:45px;left:-115px}.hero-orb-b{border:1px solid #ded8f7;border-radius:50%;width:250px;height:250px;bottom:-185px;left:42%}.studio-hero .hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:60px}.hero-eyebrow{color:#5e56b3;letter-spacing:.14em;align-items:center;gap:10px;display:inline-flex}.status-dot,.live-pulse{background:#7c68ea;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 5px #e2ddfa}.hero-copy h1{letter-spacing:-.065em;margin:26px 0 25px;font-size:clamp(3.65rem,5.35vw,5.6rem);font-weight:800;line-height:1.055}.hero-copy h1 em{color:#695ce1;white-space:nowrap;font-style:normal;position:relative}.hero-copy h1 em:after{content:"";opacity:.86;background:#f6bd8e;border-radius:99px;width:76%;height:7px;margin:3px 0 0 20%;display:block;transform:rotate(-1.5deg)}.hero-copy .hero-description{color:#66657b;max-width:485px;font-size:18px;line-height:1.75}.hero-buttons{gap:12px;margin:32px 0 23px}.hero-trust{color:#716d82;gap:19px;font-size:12px}.hero-trust span+span{border-left:0;padding-left:0}.hero-trust>span{align-items:center;gap:5px;display:flex}.hero-trust>span:first-child span{color:#7668e8}.stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:480px;margin-top:55px}.stat{border-left:1px solid #d9d5e8;padding-left:21px}.stat strong{color:#292640;font-size:31px}.stat span{color:#838093;margin-top:8px;font-size:11px;line-height:1.45;display:block}.studio-wrap{padding:22px 8px 16px;position:relative}.studio-floating{z-index:2;border-radius:18px;place-items:center;width:65px;height:65px;font-size:36px;display:grid;position:absolute;box-shadow:0 12px 25px #251d4d15}.studio-floating-top{color:#493467;background:#ffd8ab;top:-1px;right:-21px;transform:rotate(15deg)}.studio-floating-bottom{color:#3c6482;background:#aee8d7;bottom:2px;left:-23px;transform:rotate(-12deg)}.demo-window.studio-player{color:#fff;isolation:isolate;background:radial-gradient(circle at 95% -15%,#393470 0,#0000 50%),#211f37;border:1px solid #282641;border-radius:26px;padding:0;overflow:hidden;box-shadow:0 38px 80px -34px #19132d88}.demo-window.studio-player:before{display:none}.studio-player .demo-top{justify-content:space-between;align-items:center;margin-bottom:21px;padding:22px 30px 0;display:flex}.studio-label{letter-spacing:.17em;color:#d9d4fb;align-items:center;gap:12px;font-size:10px;font-weight:800;display:flex}.live-pulse{background:#8be0c8;width:7px;height:7px;box-shadow:0 0 0 4px #8be0c81e}.studio-player .demo-dots i{background:#565274;width:7px;height:7px}.studio-heading{justify-content:space-between;align-items:center;padding:0 30px;display:flex}.studio-heading h2{color:#fff;letter-spacing:-.055em;margin:3px 0 18px;font-size:clamp(1.65rem,2.5vw,2.5rem)}.studio-heading h2 span{color:#b3a9ff}.studio-kicker{color:#aaa8c1;font-size:12px}.studio-disc{color:#c7bfff;background:#393457;border:1px solid #554f79;border-radius:50%;place-items:center;width:53px;height:53px;font-size:29px;display:grid;transform:rotate(-12deg)}.studio-tabs{gap:9px;padding:0 30px 22px;display:flex}.studio-tab{color:#c4c1d8;background:#2f2c49;border:1px solid #57516b;border-radius:11px;min-width:68px;padding:8px 16px;font-size:13px;font-weight:800;transition:background .2s,border-color .2s,transform .2s}.studio-tab:hover{background:#3b3658;transform:translateY(-2px)}.studio-tab.is-active{color:#201e38;background:#a89cff;border-color:#c1b8ff;box-shadow:0 5px 15px #b3a2ff19}.studio-chord{padding:0 18px 16px}.studio-chord[hidden]{display:none}.studio-chord:not([hidden]){animation:.35s both spotlight-in}.studio-chord-top{color:#22213a;background:#faf9ff;border-radius:15px 15px 0 0;justify-content:space-between;align-items:center;padding:14px 14px 7px;display:flex}.studio-quiet{letter-spacing:.14em;color:#8d89a7;font-size:10px;font-weight:800}.studio-chord-top h3{letter-spacing:-.04em;margin:0 0 5px;font-size:26px}.studio-quality{color:#6859ba;background:#eeeaff;border-radius:99px;padding:6px 11px;font-size:11px;font-weight:800}.studio-notes{background:#faf9ff;align-items:center;gap:6px;padding:0 14px 12px;display:flex}.studio-note{color:#534b98;animation:.35s both note-arrive;animation-delay:var(--note-delay,0s);background:#ebe7ff;border:1px solid #d9d3fa;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:800}.studio-keyboard{background:#faf9ff;padding:0 11px 4px;overflow:hidden}.studio-keyboard .keyboard-frame{border:1px solid #e9e5f8;border-radius:12px;overflow:hidden;box-shadow:0 7px 18px #2c28511c}.studio-player-actions{background:#faf9ff;border-radius:0 0 15px 15px;justify-content:space-between;align-items:center;gap:12px;padding:16px 14px;display:flex}.studio-play{color:#fff;background:#685ce3;border-color:#685ce3;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:800;display:inline-flex}.studio-play:hover{color:#fff;background:#5347cf;border-color:#5347cf}.play-symbol{font-size:11px}.studio-learn{color:#5d54c1;font-size:12px;font-weight:800}.studio-learn:hover{color:#30246e}.studio-foot{text-align:center;color:#a7a3bd;letter-spacing:.01em;padding:12px 12px 20px;font-size:11px}.studio-foot span{color:#d6beff}.audio-bars{align-items:center;gap:2px;height:13px;margin-left:2px;display:inline-flex}.audio-bars i{opacity:.7;background:#fff;border-radius:99px;width:3px;height:4px}.is-playing .audio-bars i{animation:.52s ease-in-out infinite alternate audio-meter}.is-playing .audio-bars i:nth-child(2){animation-delay:.15s}.is-playing .audio-bars i:nth-child(3){animation-delay:.26s}.is-playing .audio-bars i:nth-child(4){animation-delay:.38s}.section{padding:90px 0}.section-compact{padding:42px 0 80px}.section-head{margin-bottom:32px}.section-head h2{letter-spacing:-.06em;margin:13px 0 14px;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.12}.section-head p{max-width:480px;font-size:15px}.accent-heading{color:#6a5cdf}.text-link{color:#594dc6;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.text-link:hover{color:#3e35a3}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(2px,-2px)}.chords-showcase{background:#fffefa}.chords-showcase .card-grid{row-gap:18px}.card-grid{gap:18px}.card-grid>.reveal-on-scroll{min-width:0;display:flex}.card-grid>.reveal-on-scroll>.chord-card{width:100%}.chord-card{background:#fff;border:1px solid #eae7f0;border-radius:19px;min-height:230px;padding:23px;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;position:relative;overflow:hidden;box-shadow:0 12px 28px -24px #302a7065}.chord-card:before{content:"";opacity:.72;background:#eeeaff;border-radius:50%;width:120px;height:120px;transition:transform .3s,background .3s;position:absolute;top:-65px;right:-35px}.chord-card.chord-minor:before{background:#dff2e9}.chord-card.chord-dominant7:before{background:#fff0de}.chord-card:hover{border-color:#bab2e9;transform:translateY(-7px);box-shadow:0 27px 45px -30px #3e368d85}.chord-card:hover:before{transform:scale(1.45)}.chord-card-top{z-index:1;position:relative}.chord-symbol{letter-spacing:-.055em;color:#25253b;font-size:45px;line-height:1}.mini-arrow{color:#5d54c4;background:#f3f0fc;border-radius:50%;width:35px;height:35px;transition:background .2s,transform .25s,color .2s}.chord-card:hover .mini-arrow{color:#fff;background:#665ae1;transform:rotate(45deg)}.chord-subtitle{color:#86839c;margin:1px 0 4px;font-size:12px;font-weight:750}.note-row{gap:6px}.note-pill{color:#5f56b5;background:#f5f2ff;border:1px solid #e6e1f8;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:800}.chord-card .card-bottom{color:#554bd0;letter-spacing:-.005em;border-color:#eeecf4;margin-top:auto;padding-top:14px;font-size:12px}.chord-card .card-bottom span{font-size:16px;line-height:1}.tools-showcase{background:#f1f0f8}.feature-grid{gap:19px}.feature-card{background:#fff;border:1px solid #e4e1ed;border-radius:21px;flex-direction:column;min-height:296px;padding:25px 27px;transition:transform .27s,box-shadow .27s,border-color .27s;display:flex;box-shadow:0 13px 25px -29px #37305f72}.feature-card:hover{border-color:#bbb3f2;transform:translateY(-6px);box-shadow:0 25px 45px -27px #5b4bc365}.feature-card .feature-icon{color:#5a4fc9;background:#e9e6ff;border-radius:17px;width:57px;height:57px;margin:13px 0 20px;font-size:28px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.feature-card:nth-child(2) .feature-icon{color:#23826b;background:#e1f2ed}.feature-card:nth-child(3) .feature-icon{color:#a66c2a;background:#fff0db}.feature-card:hover .feature-icon{transform:rotate(-8deg)scale(1.06)}.feature-num{color:#9a95a9;letter-spacing:.16em;font-size:10px;font-weight:800}.feature-card h3{margin-bottom:10px;font-size:22px}.feature-card p{max-width:280px;font-size:13px;line-height:1.7}.feature-cta{color:#5a4ed0;justify-content:space-between;align-items:center;margin-top:auto;font-size:13px;font-weight:800;display:flex}.feature-cta span{font-size:17px}.print-section{background:#fffefa}.cta-band{color:#fff;background:#2a254f;border-radius:26px;justify-content:space-between;align-items:center;gap:48px;min-height:310px;padding:54px 68px;display:flex;position:relative;overflow:hidden}.cta-band:before{content:"";border:1px solid #6d618e;border-radius:50%;width:400px;height:400px;position:absolute;top:-210px;right:-110px}.cta-band:after{content:"";border:1px solid #554a78;border-radius:50%;width:510px;height:510px;position:absolute;top:-265px;right:-160px}.cta-copy{z-index:1;max-width:520px;position:relative}.cta-band .eyebrow{color:#c3b7ff}.cta-band h2{letter-spacing:-.06em;color:#fff;margin:14px 0;font-size:clamp(2.2rem,3.4vw,3.6rem);line-height:1.09}.cta-band p{color:#d5cfee;margin-bottom:23px;font-size:14px}.btn-light{color:#37305f;background:#fff;border-color:#fff}.btn-light:hover{color:#37305f;background:#f0ecff}.cta-sheet{z-index:1;color:#2b2846;background:#fcfaf5;border-radius:10px;flex:0 0 275px;max-width:275px;padding:21px 19px 16px;position:relative;transform:rotate(7deg);box-shadow:6px 14px #b8abdf,14px 27px 35px #100e2b65}.sheet-top{letter-spacing:.04em;color:#8b88a3;border-bottom:1px solid #e4dfef;justify-content:space-between;padding-bottom:10px;font-size:7px;font-weight:800;display:flex}.sheet-title{letter-spacing:-.055em;margin:15px 0;font-family:Outfit,sans-serif;font-size:24px;font-weight:800}.sheet-chords{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.sheet-chords span{text-align:center;color:#5146b0;background:#f1eeff;border-radius:5px;padding:12px 0;font-family:Outfit,sans-serif;font-size:22px;font-weight:750}.sheet-keys{border:1px solid #cfcbd8;height:42px;margin-top:17px;display:flex}.sheet-keys i{background:#fff;border-right:1px solid #d5d2dd;flex:1}.sheet-keys i.selected{background:#bfb6ff}.sheet-keys i:last-child{border:0}.sheet-footer{text-align:right;color:#908ba3;margin-top:10px;font-size:8px}.site-footer{background:#f0eef6;border-color:#e3dfec;margin-top:0}.site-footer .brand-mark{background:#6558e2}.footer-col strong{color:#28243e}.footer-col a:hover{color:#5d50c9}.footer-bottom{border-color:#dcd8e8}.page-hero{padding:56px 0 42px}.page-hero .lead{color:#6a687c;max-width:780px;font-size:17px}.panel{background:#fffefa;border-color:#e9e6ef;border-radius:21px;padding:29px;box-shadow:0 18px 45px -38px #35305f82}.panel h2{color:#29263d}.panel .tag{color:#6758cf;background:#eeeaff}.note-explainer{background:#f3f0ff;border:1px solid #e5dfff}.note-explainer h3{color:#36305e}.field{color:#25253e;background:#fff;border:1px solid #dcd8ea;min-height:49px}.field:focus{outline-offset:1px;outline:3px solid #c6bdf7}.pitch-toggle{color:#39345c;background:#f8f6ff;border:1px solid #dcd6ee;border-radius:12px;transition:transform .17s,background .17s}.pitch-toggle:hover{border-color:#afa4f1;transform:translateY(-2px)}.pitch-toggle[aria-pressed=true]{color:#fff;background:#675be1;border-color:#675be1;box-shadow:0 5px 14px #685ce333}.results-box,.compare-result{background:#f2efff;border:1px solid #e7e2fb}.practice-step{background:#f9f8fd;border-color:#e9e6ef}.inversion-card{background:#fdfcff;border-color:#e6e1f1;border-radius:15px}.print-cell{border-color:#e5e0ed}.search-bar:before{color:#8579e5}.help-text{color:#85819a}.keyboard-frame svg{border-radius:14px}.keyboard-frame svg [fill=\#c5c4ff]{transition:fill .3s}.is-playing .keyboard-frame svg [fill=\#c5c4ff]{animation:.45s ease-in-out 2 alternate key-glow}.status-copy{color:#6052cc}.empty-msg{color:#6f6890;border-color:#b9aff3}.footer-refs{border-color:#e5e0ef}@keyframes spotlight-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes note-arrive{0%{opacity:0;transform:scale(.84)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes audio-meter{0%{height:3px}to{height:13px}}@keyframes key-glow{0%{filter:brightness()}to{filter:brightness(1.2)drop-shadow(0 0 4px #6652dbb3)}}@media (prefers-reduced-motion:no-preference){.studio-floating-top{animation:5.8s ease-in-out infinite float-top}.studio-floating-bottom{animation:6.6s ease-in-out infinite float-bottom}.studio-disc{animation:6s ease-in-out infinite record-rock}.status-dot{animation:3s ease-in-out infinite status-breathe}.motion-ready .reveal-on-scroll{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(20px)}.motion-ready .reveal-on-scroll.in-view{opacity:1;transform:none}}@keyframes float-top{0%,to{transform:translateY(0)rotate(15deg)}50%{transform:translateY(-11px)rotate(8deg)}}@keyframes float-bottom{0%,to{transform:translateY(0)rotate(-12deg)}50%{transform:translateY(9px)rotate(-17deg)}}@keyframes record-rock{0%,to{transform:rotate(-12deg)}50%{transform:rotate(18deg)}}@keyframes status-breathe{0%,to{box-shadow:0 0 0 4px #e2ddfa}50%{box-shadow:0 0 0 8px #e2ddfa88}}@media (width<=1120px){.desktop-nav{gap:15px}.brand{min-width:185px}.header-inner{gap:14px}.studio-hero .hero-grid{gap:25px}.hero-copy h1{font-size:clamp(3rem,5.5vw,4.5rem)}.studio-wrap{padding:16px 5px}}@media (width<=800px){.container,.narrow{width:min(100% - 32px,650px)}.header-inner{height:68px}.brand{min-width:auto}.mobile-nav summary{color:#383152;background:#fff;border-color:#dedbea;border-radius:12px}.mobile-nav nav{border-color:#e7e1f0;padding:11px;box-shadow:0 20px 45px #241b4765}.mobile-nav nav a{border-radius:8px}.mobile-nav nav a:hover{color:#594ac7;background:#f1eeff}.studio-hero{padding:57px 0 69px}.studio-hero .hero-grid{grid-template-columns:1fr;gap:39px}.hero-copy h1{font-size:clamp(3rem,9vw,5rem)}.hero-copy .hero-description{max-width:590px}.studio-wrap{width:100%;max-width:590px;margin:auto}.studio-floating-top{right:-5px}.studio-floating-bottom{left:-7px}.stat-strip{margin-top:35px}.section{padding:66px 0}.section-head h2{font-size:clamp(2rem,5vw,3.1rem)}.card-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:245px}.cta-band{flex-direction:row;gap:35px;padding:40px}.cta-sheet{flex-basis:210px;max-width:210px;padding:16px 12px}.sheet-title{font-size:20px}.sheet-chords span{font-size:17px}.cta-band h2{font-size:clamp(2rem,4vw,2.9rem)}.footer-top{grid-template-columns:1fr 1fr}}@media (width<=580px){.studio-hero{padding:45px 0 52px}.hero-copy h1{margin:20px 0;font-size:clamp(2.8rem,11.4vw,4.4rem)}.hero-copy h1 em{white-space:normal}.hero-copy .hero-description{font-size:16px}.hero-buttons{gap:10px}.hero-buttons .btn{min-height:49px;padding:12px 15px;font-size:12px}.hero-trust{flex-wrap:wrap;gap:10px;font-size:10px}.stat-strip{margin-top:31px}.stat{padding-left:11px}.stat strong{font-size:26px}.stat span{font-size:10px}.studio-wrap{padding:12px 0 5px}.studio-player .demo-top,.studio-heading{padding-left:18px;padding-right:18px}.studio-tabs{padding:0 18px 19px}.studio-heading h2{font-size:1.85rem}.studio-chord{padding:0 10px 12px}.studio-chord-top{padding:13px 10px 7px}.studio-quality{font-size:10px}.studio-player-actions{padding:13px 10px}.studio-learn{font-size:11px}.studio-floating{width:45px;height:45px;font-size:25px}.studio-floating-top{top:-7px;right:-5px}.studio-floating-bottom{bottom:2px;left:-6px}.section{padding:58px 0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.chord-card{border-radius:16px;min-height:184px;padding:15px 13px}.chord-symbol{font-size:33px}.chord-subtitle{font-size:10px}.mini-arrow{width:29px;height:29px}.note-pill{padding:4px 7px;font-size:10px}.chord-card .card-bottom{font-size:10px}.section-head{display:block}.section-head h2{font-size:2.2rem}.section-head .text-link{margin-top:2px}.feature-card{min-height:255px}.cta-band{padding:32px 26px;display:block}.cta-copy{position:relative}.cta-sheet{max-width:220px;margin:28px auto 0;transform:rotate(5deg)}.cta-band h2{font-size:2.65rem}.panel{padding:21px}.footer-top{gap:25px}.page-hero{padding:32px 0 27px}.page-hero h1{font-size:clamp(2.5rem,10vw,3.5rem)}.page-hero .lead{font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.motion-ready .reveal-on-scroll{opacity:1!important;transform:none!important}}@media print{.site-header,.topnote,.site-footer,.hero-orb,.studio-floating,.no-print,.btn,.cta-band{display:none!important}body{background:#fff}.container{width:100%}.chord-card,.panel,.print-cell{box-shadow:none;border-color:#ddd}.studio-hero{background:#fff;padding:0}.reveal-on-scroll{opacity:1!important;transform:none!important}.section{padding:5mm 0}}.page-hero{isolation:isolate;background:radial-gradient(at 98% 0,#cdc0ff47 0%,#0000 40%),radial-gradient(at 0 100%,#ffdebe36 0%,#0000 42%),#fffefa;border:1px solid #e5e0f1;border-radius:28px;margin-top:22px;margin-bottom:20px;padding:54px clamp(24px,4vw,54px) 48px;position:relative;overflow:hidden;box-shadow:0 21px 65px -51px #251d4a59}.page-hero:after{content:"♮";color:#6c5ec50f;z-index:-1;pointer-events:none;font-family:Georgia,serif;font-size:clamp(220px,27vw,370px);line-height:1;position:absolute;top:-75px;right:10px;transform:rotate(-11deg)}.page-hero h1{letter-spacing:-.065em;max-width:850px;margin:18px 0 20px;font-size:clamp(2.7rem,5.15vw,5.15rem);line-height:1.1}.page-hero h1 em{color:#6458d5;font-style:normal}.page-hero .lead{color:#66657a;max-width:780px;font-size:clamp(15px,1.5vw,18px);line-height:1.78}.page-hero .lead strong{color:#2e294f}.lesson-facts{flex-wrap:wrap;gap:10px;margin-top:23px;display:flex}.lesson-facts span{color:#676184;background:#f0edff;border:1px solid #e6dffc;border-radius:99px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:inline-flex}.lesson-facts b{color:#5145bc;font-size:13px}.lesson-jumps{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.lesson-jumps a{color:#8276ac;background:#fff;border:1px solid #e2deeb;border-radius:11px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:720;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.lesson-jumps a span{color:#36334d}.lesson-jumps a:hover{background:#f0edff;border-color:#bcb4eb;transform:translateY(-2px)}.library-hero .lead{max-width:660px}.library-hero .filter-count{color:#777089;margin:0;font-size:12px}.library-filters{grid-template-columns:minmax(250px,1fr) auto;align-items:center;gap:13px 20px;max-width:820px;margin-top:30px;display:grid}.library-filters .search-bar{grid-column:1/2;max-width:none;margin:0}.library-filters .search-bar:before{font-size:23px;top:11px;left:16px}.library-filters .search-bar .field{background:#fff;border:1px solid #e2ddec;border-radius:14px;height:56px;padding-left:45px;padding-right:40px;font-size:14px;box-shadow:0 7px 24px -18px #372a6359}.library-filters .search-bar .field:focus{outline-offset:1px;border-color:#998ce7;outline:3px solid #d7d1ff}.search-clear{color:#514ab0;cursor:pointer;background:#f0eeff;border:0;border-radius:8px;place-items:center;width:33px;height:33px;font-size:22px;display:grid;position:absolute;top:11px;right:12px}.search-clear[hidden]{display:none}.filter-chips{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.filter-chip{color:#625d78;cursor:pointer;background:#ffffffd6;border:1px solid #ded8ee;border-radius:99px;min-height:43px;padding:10px 13px;font-size:12px;font-weight:750;transition:background .19s,border-color .19s,transform .19s,color .19s}.filter-chip:hover{border-color:#aea3ee;transform:translateY(-2px)}.filter-chip.is-selected{color:#fff;background:#30294c;border-color:#30294c}.library-filters .filter-count{grid-column:1/-1}.chord-group{padding-top:10px;scroll-margin-top:95px}.chord-group .section-head{margin-bottom:22px}.chord-group .card-grid{margin-top:18px}.chord-group[hidden],.chord-group .card-grid>[data-searchable-chord][hidden]{display:none}.library-empty{text-align:center;background:#fff;border:1px dashed #d9d1f2;border-radius:22px;padding:45px 24px}.library-empty .empty-icon{color:#6a5ddb;background:#efecff;border-radius:18px;place-items:center;width:60px;height:60px;margin:0 auto 15px;font-size:29px;display:grid}.library-empty h3{font-size:25px}.library-empty p{max-width:530px;margin:11px auto 22px;font-size:14px}.page-hero+.section-compact{padding-top:18px}.panel{background:#fffefa;border:1px solid #e5e0ed;border-radius:22px;box-shadow:0 18px 42px -34px #2d21694d}.panel h2,.panel h3{letter-spacing:-.035em}.panel>.eyebrow{color:#6455ce}.panel .help-text{color:#817f91}.panel .tag{color:#6654d3;letter-spacing:.025em;background:#efebff;padding:7px 11px}.panel .note-row{margin-top:15px}.note-pill{color:#5b4bc4;background:#f1efff;border:1px solid #dfd8fa}.note-explainer{color:#4b436a;background:#f2efff;border:1px solid #e3dcff}.note-explainer p{color:#69617e}.keyboard-frame,.keyboard-image{border-radius:15px}.keyboard-image{box-shadow:0 16px 28px -25px #372f746e}.inversion-panel{background:linear-gradient(#fffefa,#faf8ff)}.inversion-tabs{background:#f0edf8;border:1px solid #e5dff0;border-radius:15px;gap:4px;max-width:100%;padding:6px;display:inline-flex}.inversion-tabs button{box-shadow:none;color:#777087;background:0 0;border-color:#0000;border-radius:11px;min-width:auto;padding:11px 16px;font-size:12px}.inversion-tabs button:hover{background:#e7e1fb}.inversion-tabs .btn-primary{color:#fff;background:#685ce3;border-color:#685ce3;box-shadow:0 8px 15px -12px #4430a4}.inversion-tabs .btn-primary:hover{color:#fff;background:#594bd2}.inversion-view:not([hidden]){animation:.38s cubic-bezier(.2,.7,.28,1) both soft-enter}.inversion-view .keyboard-frame{margin:18px 0}.lesson-practice .prose{background:#fffefa;border:1px solid #e7e0ed;border-radius:22px;padding:clamp(24px,3.6vw,44px);box-shadow:0 18px 40px -36px #231b554d}.lesson-practice .prose h2{margin-top:5px}.lesson-practice .prose h3{margin-top:27px;font-size:20px}.lesson-practice .prose p{font-size:15px;line-height:1.85}.lesson-practice .prose li{font-size:15px}.lesson-practice aside.panel{align-self:start;position:sticky;top:110px}.tool-hero:after{content:"♫";top:-55px;right:18px;transform:rotate(-13deg)}.tool-panel{position:relative}.tool-panel:first-child{border-top:4px solid #7970e5}.tool-panel:nth-child(2){border-top:4px solid #efb77f}.tool-panel .field{color:#2e294b;background:#fff;border:1px solid #ded8ed;border-radius:13px;min-height:52px;transition:border-color .2s,box-shadow .2s}.tool-panel .field:focus{border-color:#9785ee;outline:none;box-shadow:0 0 0 4px #dcd6ff99}.tool-panel .input-label{color:#524b70;letter-spacing:.035em;font-size:12px}.tool-panel .keyboard-image{margin:18px 0}.tool-panel .button-row{margin-top:17px}.pitch-toggle{color:#514a6d;background:#f8f7fc;border-color:#ded9e9;border-radius:12px;min-height:55px;transition:transform .16s,background .18s,box-shadow .18s,border-color .18s;box-shadow:0 5px 9px -10px #3d356e}.pitch-toggle:hover{background:#f0edfe;border-color:#a79bec;transform:translateY(-2px)}.pitch-toggle[aria-pressed=true]{color:#fff;background:#685ce3;border-color:#685ce3;transform:translateY(-2px);box-shadow:0 10px 18px -12px #4b3dc8}.pitch-toggle[aria-pressed=true]:after{content:" ·";color:#fff4cf}.results-box,.compare-result{color:#403962;background:#f3f0fe;border:1px solid #e1dafa;border-radius:17px}.results-box strong,.compare-result strong{color:#4d40b0}.compare-result{padding:28px}.compare-result h3{margin-bottom:16px}.compare-result p{line-height:1.75}.inversion-list{gap:15px;margin-top:22px}.inversion-card{background:#fff;border:1px solid #e3ddec;border-radius:17px;padding:24px;animation:.4s both soft-enter;box-shadow:0 12px 27px -23px #42358677}.inversion-card:nth-child(2){animation-delay:60ms}.inversion-card:nth-child(3){animation-delay:.12s}.inversion-card:nth-child(4){animation-delay:.18s}.inversion-card h3{font-size:18px}.inversion-card .keyboard-frame{margin:15px 0}.inversion-card p{color:#777087}.btn.is-playing,.studio-play.is-playing{animation:1.25s ease-in-out infinite soft-pulse;box-shadow:0 0 0 4px #7767ee2e,0 13px 24px -15px #5640d48c}.panel.is-playing .keyboard-image,.inversion-view.is-playing .keyboard-frame svg{filter:drop-shadow(0 9px 14px #6751e23d);transition:filter .22s}.keyboard-frame svg rect.note-key{transform-box:fill-box;transform-origin:50%;transition:filter .18s}.is-playing svg rect.note-key{animation:.44s ease-in-out 2 alternate key-glow}.panel .button-row>.btn{min-height:43px}@keyframes soft-enter{0%{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-pulse{0%,to{box-shadow:0 0 0 3px #7767ee21,0 10px 20px -15px #4b3dc8}50%{box-shadow:0 0 0 7px #7767ee17,0 14px 25px -12px #4b3dc8}}@media (width<=900px){.library-filters{grid-template-columns:1fr}.library-filters .search-bar,.library-filters .filter-count{grid-column:1}.lesson-practice aside.panel{position:static}}@media (width<=600px){.page-hero{border-radius:22px;margin-top:12px;margin-bottom:14px;padding:32px 21px 29px}.page-hero h1{font-size:clamp(2.45rem,10vw,3.45rem)}.page-hero:after{font-size:220px;top:-30px;right:-45px}.lesson-facts{margin-top:19px}.lesson-jumps{gap:6px}.lesson-jumps a{padding:8px 10px;font-size:11px}.filter-chips{gap:6px}.filter-chip{min-height:40px;padding:9px 12px}.library-filters .search-bar .field{height:52px}.library-empty{padding:38px 17px}.lesson-practice .prose{padding:24px 21px}.inversion-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.inversion-tabs button{padding:10px 9px}.tool-panel{padding:22px}.compare-result{padding:21px}.inversion-card{padding:18px}.tool-panel .button-row .btn{min-height:44px}}@media (prefers-reduced-motion:reduce){.inversion-view:not([hidden]),.inversion-card,.btn.is-playing,.is-playing svg rect.note-key{animation:none!important}.pitch-toggle:hover,.filter-chip:hover,.lesson-jumps a:hover{transform:none!important}}@media print{.page-hero{box-shadow:none;background:#fff;border:0;margin:0;padding:5mm 0}.page-hero:after,.lesson-jumps,.lesson-facts,.library-filters,.tool-hero:after{display:none!important}.lesson-practice .prose,.panel{box-shadow:none;border:0;padding:0}.inversion-tabs{display:none!important}.inversion-view:not([hidden]){animation:none}}