:root{font-family:DM Sans,sans-serif;color:#f4f2f6;background:#0a0a0d;font-synthesis:none;--bg:#0a0a0d;--surface:#111115;--line:#ffffff13;--muted:#92919e;--purple:#b8a4ff;--cyan:#46d3ea;--display:"Space Grotesk",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button{border:0}h1,h2,h3,p{margin:0}::selection{background:#ae91ff;color:#111}img{max-width:100%}section[id]{scroll-margin-top:90px}.skip-link{position:fixed;left:20px;top:-100px;z-index:99;background:var(--purple);color:#111;padding:12px}.skip-link:focus{top:15px}.section-shell{max-width:1328px;padding-left:64px;padding-right:64px;margin:auto}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line);position:relative;z-index:20;background:#0a0a0de8}.brand{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-size:33px;font-weight:600;letter-spacing:-2px}.brand svg{height:35px;width:35px}.brand-dot{color:var(--purple)}.nav-links{display:flex;gap:35px;align-items:center;margin-left:62px;font-size:14.5px;color:#afadb8}.nav-links a{transition:color .2s}.nav-links a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:27px}.sound-toggle{background:transparent;display:flex;align-items:center;gap:9px;font-size:14px;color:#b2afbb;padding:10px 0}.equalizer{display:inline-flex;gap:3px;align-items:center;height:18px}.equalizer i{height:calc(5px + var(--i) * 2px);width:2px;background:currentColor;display:block;border-radius:1px}.equalizer i:nth-child(4){height:9px}.equalizer i:nth-child(5){height:5px}.equalizer.playing i{animation:equalize .7s calc(var(--i) * -.13s) ease-in-out infinite alternate}.is-on{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:14.5px;font-weight:600;min-height:48px;padding:0 23px;border-radius:5px;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-small{min-height:36px;font-size:14px;background:#eeedf2;color:#18151e;gap:20px;padding:0 17px}.button-primary{background:var(--purple);color:#191322;box-shadow:0 0 30px #a682ff0b}.button-primary:hover{background:#c9b8ff;box-shadow:0 5px 35px #a682ff24}.button-ghost{padding-left:2px;color:#d5d1df;gap:10px;font-weight:400}.play-circle{border:1px solid #ffffff30;display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%}.menu-toggle{display:none;background:none;padding:5px}.hero{position:relative;min-height:715px;padding:102px 4.5% 0;display:grid;grid-template-columns:1fr 1.13fr;isolation:isolate;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:90px 90px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%);z-index:-2}.hero:after{content:"";position:absolute;width:900px;height:650px;border-radius:50%;background:radial-gradient(ellipse,#7850b71a 0%,transparent 68%);top:0;right:-170px;z-index:-1}.hero-copy{position:relative;z-index:2;padding-top:6px}.eyebrow{font-size:12.5px;font-weight:500;letter-spacing:1.8px;display:flex;gap:10px;align-items:center;line-height:1.5}.status-light{display:inline-block;height:5px;width:5px;background:var(--purple);border-radius:50%;box-shadow:0 0 10px #a68ce860;flex-shrink:0}.hero h1{font-family:var(--display);font-size:clamp(65px,6.5vw,102px);line-height:1.04;font-weight:500;letter-spacing:-6px;margin:27px 0 25px}.frequency-word{color:var(--purple)}.heading-dot{color:#f5f1ff}.hero-copy>p{font-size:16px;line-height:1.85;color:#a09da9;max-width:390px}.hero-buttons{display:flex;gap:22px;margin-top:30px}.hero-meta{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#85828d;margin-top:23px}.windows-icon{width:15px;height:15px;flex-shrink:0}.hero-meta .windows-icon{width:11px;height:11px;color:#928c9c}.meta-divider{width:2px;height:2px;border-radius:50%;background:#777;margin:0 3px}.instrument-stage{height:470px;position:relative;min-width:0;margin-top:-21px}.stage-topline,.stage-bottomline{position:absolute;left:25px;right:5px;display:flex;justify-content:space-between;z-index:3;font-size:11.5px;letter-spacing:1.4px;color:#888294;pointer-events:none}.stage-topline{top:17px}.stage-bottomline{bottom:4px}.stage-bottomline>span:first-child{color:#a59aaf}.tiny-cross{color:var(--purple);font-size:16px;margin-right:8px;vertical-align:-1px}.live-label{display:flex;gap:6px;align-items:center;font-size:11px}.live-label .status-light{height:3px;width:3px;background:#61d0be}.scene-canvas{position:absolute;inset:0 -55px -10px -35px;z-index:2;cursor:pointer;touch-action:pan-y}.scene-canvas canvas{touch-action:pan-y!important}.orbital{position:absolute;border:1px solid #bb9bff13;border-radius:50%;left:50%;top:47%;width:390px;height:390px;transform:translate(-50%,-50%) rotateX(15deg);z-index:0}.orbital-two{width:535px;height:535px;border-style:dashed;border-color:#bb9bff0a}.orbital-one:before,.orbital-one:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#aa8cdc;left:18%;top:10%}.orbital-one:after{inset:auto 10% 20% auto;background:#65b6be}.floating-note{font-family:Georgia,serif;position:absolute;color:#b298df70;z-index:3;pointer-events:none;animation:float 7s ease-in-out infinite}.note-one{font-size:26px;top:90px;left:70px;transform:rotate(-14deg)}.note-two{font-size:40px;right:18px;top:95px;animation-delay:-2s}.note-three{font-size:27px;bottom:73px;right:40px;animation-delay:-4s;color:#7aabbb80}.chord-float{position:absolute;bottom:58px;left:40px;z-index:4;display:flex;align-items:center;gap:12px;border:1px solid #ffffff14;background:#15121be8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:7px;padding:13px 16px;box-shadow:0 15px 50px #0003;transform:rotate(-4deg);pointer-events:none}.chord-icon{width:30px;height:32px;display:grid;place-items:center;border:1px solid #bba4ff20;border-radius:4px;color:var(--purple);background:#bba4ff0b}.chord-float>div{min-width:95px}.tiny-label{font-size:11px;letter-spacing:1px;color:#8b8298;display:block;margin-bottom:5px}.chord-float strong{display:block;font-family:var(--display);font-size:16px;font-weight:500}.chord-float>.equalizer{color:#a68bdd;margin-left:12px}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);height:78px;margin-top:63px;font-size:11.5px;letter-spacing:1.4px;color:#85828c}.hero-foot>a{display:flex;gap:12px;align-items:center;letter-spacing:0;font-size:12.5px;color:#99919e}.hero-foot-end{color:#88848f}.scene-fallback{height:100%;display:grid;place-items:center}.scene-fallback img{width:85%;max-height:85%;object-fit:contain;filter:drop-shadow(0 0 45px #9476e560);transform:rotate(-12deg)}.ticker{overflow:hidden;border-top:1px solid #b3a4d414;border-bottom:1px solid #b3a4d414;background:#131017;padding:21px 0}.ticker>div{display:flex;width:max-content;animation:ticker 50s linear infinite}.ticker>div>span{font-family:var(--display);font-size:16px;letter-spacing:2px;color:#c4b5d8;white-space:nowrap}.ticker>div>span>span{font-size:22px;color:#9476ba;vertical-align:-2px;margin:0 42px}.experience{padding-top:110px;padding-bottom:100px}.section-heading h2,.journey-intro h2,.faq-section h2{font-family:var(--display);font-size:42px;font-weight:400;letter-spacing:-1.8px;line-height:1.2;margin-top:21px}.muted-heading{color:#86828e}.section-heading>p,.journey-intro>p{font-size:14.5px;line-height:1.9;color:#96919f;margin-top:20px}.section-index{color:#87818b;font-family:var(--display);letter-spacing:0;margin-right:7px}.experience .section-heading{position:relative}.experience .section-heading>p{position:absolute;right:1px;bottom:7px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:43px}.feature-card{border:1px solid var(--line);border-radius:9px;padding:25px 27px 0;background:#111115;overflow:hidden;transition:border-color .3s,transform .3s}.feature-card:hover{border-color:#baa0ff3d;transform:translateY(-5px)}.card-top{display:flex;justify-content:space-between;align-items:center;color:#8c809d}.feature-number{font-family:var(--display);font-size:13.5px;color:#898491}.hear-card{background:radial-gradient(ellipse at 50% 35%,#6f447114,transparent 60%),#111115}.see-card{background:radial-gradient(ellipse at 50% 35%,#7856b414,transparent 60%),#111115}.play-card{background:radial-gradient(ellipse at 50% 35%,#4a788214,transparent 60%),#111115}.wave-illustration{height:170px;display:flex;align-items:center;justify-content:center;gap:4px}.wave-illustration i{height:var(--height);width:3px;border-radius:4px;background:linear-gradient(#be9dbf,#7f5a8d);opacity:.75;animation:wave 4s calc(var(--i) * -.15s) ease-in-out infinite alternate}.feature-kicker{font-size:11.5px;letter-spacing:1.5px;color:#b399cb;display:block;margin-bottom:12px}.feature-card h3{font-family:var(--display);font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.7px}.feature-card p{font-size:14px;line-height:1.85;color:#86818f;margin-top:15px;max-width:275px;min-height:63px}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#b5aabc;border-top:1px solid var(--line);padding:20px 0;margin-top:24px}.chord-illustration{height:170px;position:relative;display:grid;place-items:center}.chord-ring{height:103px;width:103px;display:grid;place-items:center;border:1px solid #ac84d13d;border-radius:50%;outline:1px solid #ac84d117;outline-offset:20px;position:relative}.chord-ring>span{font-family:var(--display);font-size:30px;font-weight:400;color:#c8afe4}.chord-ring>span>span{font-size:15px;color:#9f88ba;vertical-align:11px;margin-left:2px}.chord-pitch{position:absolute;border:1px solid #a67cdb36;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-family:var(--display);font-size:12.5px;background:#1d1725;color:#c7a7e8}.pitch-c{left:calc(50% - 13px);top:9px}.pitch-e{left:calc(50% - 76px);bottom:28px}.pitch-g{left:calc(50% + 48px);bottom:28px}.orbit-dot{position:absolute;height:3px;width:3px;border-radius:50%;background:#846193;left:calc(50% + 62px);top:54px}.od-two{left:calc(50% - 61px);top:47px}.mini-piano{height:170px;display:flex;align-items:center;justify-content:center;position:relative;transform:perspective(600px) rotateX(14deg) rotate(-6deg)}.mini-piano>span{height:92px;width:22px;background:linear-gradient(#b6bac0,#e9e7ed);border-radius:0 0 3px 3px;margin-right:2px;position:relative;box-shadow:1px 4px #535160}.mini-piano>span.lit{background:linear-gradient(#9484bd,#bda8e2);box-shadow:0 0 20px #a68bd425}.mini-piano>span>i{position:absolute;right:-8px;top:-1px;width:14px;height:58px;background:linear-gradient(90deg,#1e1d25,#292732);box-shadow:1px 3px 1px #0008;z-index:1;border-radius:0 0 3px 3px}.feedback-pill{position:absolute;bottom:13px;left:50%;transform:translate(-50%) rotate(6deg);display:flex;align-items:center;gap:6px;background:#172321;color:#a0c6b4;padding:8px 11px;border-radius:4px;border:1px solid #a0c6b429;font-size:11.5px;white-space:nowrap}.playground-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 75% 50%,#61507610,transparent 65%),#0e0d11}.playground-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-top:76px;padding-bottom:76px;align-items:center}.playground-copy h2{font-family:var(--display);font-size:37px;line-height:1.15;font-weight:400;letter-spacing:-1.3px;margin-top:22px}.playground-copy em,.download-content em{font-family:Georgia,serif;font-weight:400;color:var(--purple);letter-spacing:-.8px}.playground-copy p{font-size:14px;line-height:1.9;color:#96919f;margin-top:19px}.keyboard-hint{display:flex;gap:5px;align-items:center;margin-top:21px;font-size:12px;color:#88838f}kbd{display:inline-grid;place-items:center;background:#ffffff06;border:1px solid #ffffff15;border-radius:3px;font:12px DM Sans,sans-serif;width:17px;height:18px;color:#ada3b7}.interactive-piano{padding-top:15px}.piano-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.3px;margin-bottom:18px;color:#9c90a8}.piano-live{color:#b7a1db}.piano-keys{display:flex;gap:4px;position:relative;padding:8px 8px 10px;background:#211d2a;border-radius:7px;box-shadow:0 15px 30px #0003}.piano-key{height:175px;flex:1;position:relative;background:linear-gradient(#dedce1,#f1edf1);color:#595463;border-radius:1px 1px 5px 5px;padding:0;border-bottom:6px solid #aaa5b4;transition:background .15s,transform .15s;min-width:0}.piano-key.active,.piano-key:active{background:linear-gradient(#ad95e0,#c3aff1);border-bottom-color:#8d76ba;transform:translateY(3px)}.key-note{position:absolute;bottom:29px;left:0;right:0;font-size:14.5px;font-family:var(--display)}.key-shortcut{position:absolute;bottom:10px;left:0;right:0;font-size:11.5px;color:#8f879a}.black-key{position:absolute;pointer-events:none;top:0;right:-35%;height:103px;width:60%;background:linear-gradient(90deg,#15131b,#292531 75%,#37313f);border-radius:0 0 3px 3px;box-shadow:2px 4px 3px #0006;z-index:2;border-bottom:5px solid #18151e}.piano-bottom{display:flex;justify-content:space-between;color:#87818e;margin-top:16px;font-size:11.5px}.piano-bottom>span{display:flex;align-items:center;gap:7px}.piano-bottom>span:last-child{font-size:11px;letter-spacing:1px}.instruments-section{padding-top:107px;padding-bottom:93px}.instrument-heading{display:grid;grid-template-columns:1fr 1fr}.instrument-heading>.eyebrow{grid-column:1/-1}.instrument-heading>p{align-self:end;justify-self:end;margin-bottom:9px}.instrument-showcase{margin-top:42px;border:1px solid var(--line);border-radius:8px;background:#111014;display:grid;grid-template-columns:1fr 1.15fr;overflow:hidden;min-height:380px}.instrument-details{padding:32px 39px}.instrument-tabs{display:flex;border-bottom:1px solid var(--line);gap:24px}.instrument-tabs button{background:transparent;color:#88828e;font-size:13.5px;padding:0 0 16px;position:relative;display:flex;gap:20px}.instrument-tabs button>span{opacity:0}.instrument-tabs button[aria-selected=true]{color:#c4b0ee}.instrument-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--purple)}.instrument-tabs button[aria-selected=true]>span{opacity:1}.instrument-count{font-size:12px;font-family:var(--display);color:#868190;display:block;margin:35px 0 13px}.instrument-details h3{font-family:var(--display);font-size:26px;font-weight:400;line-height:1.3;letter-spacing:-.7px;max-width:270px}.instrument-details p{font-size:14px;color:#938a9d;line-height:1.9;margin-top:15px;max-width:295px}.text-button{display:inline-flex;align-items:center;gap:12px;font-size:13.5px;color:#c0acd9;background:none;padding:0}.instrument-details .text-button{margin-top:27px}.text-button .play-circle{height:24px;width:24px}.instrument-photo{position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 50%,#76618c27,transparent 70%),#16131c;min-height:380px;display:grid;place-items:center}.instrument-photo img{height:340px;width:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(15px 15px 20px #0005);animation:photo-in .65s ease-out}.instrument-photo.piano img{width:115%;max-width:none;transform:rotate(-15deg) translate(5%,5%);height:300px;object-fit:contain}.instrument-photo.guitar img{transform:rotate(17deg) translateY(8px);height:430px;max-height:none}.instrument-photo.ukulele img{height:365px;transform:rotate(15deg) translateY(10px)}.photo-orbit{height:290px;width:290px;border:1px solid #c1a3e518;border-radius:50%;position:absolute;outline:1px solid #c1a3e50a;outline-offset:40px}.photo-caption{position:absolute;bottom:20px;right:24px;font-size:11px;letter-spacing:1.2px;color:#8e7d9e;z-index:2}.journey-section{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;padding-top:25px;padding-bottom:115px}.journey-intro h2{font-size:33px}.journey-intro>p{font-size:14px;margin-top:18px}.journey-intro .text-button{margin-top:25px}.journey-steps{padding-top:18px}.journey-step{display:flex;gap:25px;align-items:flex-start;border-bottom:1px solid var(--line);padding:23px 0}.journey-step:first-child{padding-top:0}.journey-step>span{color:#927ea1;font-family:var(--display);font-size:13.5px;margin-top:3px}.journey-step>svg{margin-left:auto;color:#888091;flex-shrink:0}.journey-step h3{font-size:16px;font-weight:400;letter-spacing:-.2px}.journey-step p{font-size:13.5px;color:#8e8599;line-height:1.8;margin-top:8px;max-width:340px}.download-section{position:relative;text-align:center;overflow:hidden;isolation:isolate;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:83px 20px 67px;background:#101015}.download-glow{position:absolute;z-index:-1;width:1050px;height:800px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#7f59a325,transparent 65%)}.download-content{position:relative;z-index:1}.download-content>.eyebrow{justify-content:center;color:#c0b2d1;font-size:12px}.download-content h2{font-family:var(--display);font-size:67px;line-height:1.07;font-weight:400;letter-spacing:-3px;margin:23px 0 20px}.download-content>p{font-size:14.5px;line-height:1.85;color:#a59aae}.download-button{margin-top:27px;min-height:49px;gap:16px}.download-details{display:flex;gap:9px;justify-content:center;margin-top:16px;font-size:12px;color:#8f7f9c}.download-details>span{color:#898093}.installer-note{display:block;font-size:12px;color:#8c8096;line-height:1.8;margin-top:17px}.download-watermark{font-size:330px;font-family:var(--display);letter-spacing:-22px;position:absolute;color:#b49ccb03;left:50%;bottom:-90px;transform:translate(-50%);z-index:-1}.download-status{max-width:420px;margin:auto;font-size:13.5px;color:#ae9ac0}.download-status:empty{display:none}.download-status progress{width:80%;height:3px;accent-color:var(--purple);margin-top:20px}.download-status p{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;line-height:1.7}.download-status button{background:transparent;color:#d7c6ec;text-decoration:underline;font-size:13.5px;padding:2px}.download-status .error-message{color:#f4a2ad}.faq-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;padding-top:100px;padding-bottom:95px}.faq-section h2{font-size:32px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item h3{font-weight:400}.faq-item h3>button{display:flex;justify-content:space-between;align-items:center;gap:18px;background:none;width:100%;padding:21px 0;font-size:14px;text-align:left;color:#c8bfce}.faq-item h3>button svg{flex-shrink:0;color:#8d7e9c;transition:transform .3s}.faq-item.expanded h3>button svg{transform:rotate(45deg);color:var(--purple)}.faq-item p{font-size:13.5px;color:#8e8298;line-height:1.9;max-width:400px;margin-bottom:23px}.site-footer{padding-top:34px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:32px}.brand-small{font-size:28px}.brand-small svg{width:28px;height:28px}.footer-top>span{font-size:13.5px;color:#8c8294}.footer-top>a:last-child{display:flex;align-items:center;gap:12px;color:#b4a2c0;font-size:13.5px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);height:62px;font-size:12px;color:#898191}.footer-bottom>span:nth-child(2){font-size:11px;letter-spacing:1.2px}.footer-bottom button{display:flex;align-items:center;gap:6px;font-size:12px;color:#8f7d9b;background:none;padding:8px}.audio-notice{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:14px 18px;border-radius:8px;background:#24202e;border:1px solid #b29ad244;z-index:50;display:flex;gap:16px;align-items:center;font-size:14.5px;box-shadow:0 10px 40px #0005;max-width:calc(100% - 40px)}.audio-notice button{background:none;display:flex;padding:5px}@keyframes equalize{0%{transform:scaleY(.35)}to{transform:scaleY(1.2)}}@keyframes float{0%,to{translate:0 0;rotate:-5deg}50%{translate:0 -13px;rotate:5deg}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes wave{0%{transform:scaleY(.65);opacity:.5}to{transform:scaleY(1);opacity:.9}}@keyframes photo-in{0%{opacity:0;translate:10px 20px}to{opacity:1;translate:0 0}}@media(min-width:1550px){.site-header{padding-left:max(4.5%,calc((100vw - 1400px)/2));padding-right:max(4.5%,calc((100vw - 1400px)/2))}.hero{padding-left:max(4.5%,calc((100vw - 1400px)/2));padding-right:max(4.5%,calc((100vw - 1400px)/2));grid-template-columns:1fr 1fr;min-height:810px;padding-top:133px}.instrument-stage{height:510px}.hero-foot{margin-top:100px}.hero h1{font-size:107px}}@media(max-width:1100px){.section-shell{padding-left:40px;padding-right:40px}.nav-links{gap:22px;margin-left:10px}.header-actions{gap:20px}.hero{padding-top:90px;min-height:665px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:76px}.hero-copy>p{font-size:14.5px}.hero-buttons{gap:15px}.hero-buttons>.button{padding-left:17px;padding-right:17px;font-size:14px}.hero-buttons>.button-ghost{padding:0}.instrument-stage{height:410px;margin-top:0}.scene-canvas{inset:-5px -50px 0 -60px}.chord-float{left:5px;bottom:40px}.stage-topline{left:0}.stage-topline>.live-label{display:none}.stage-bottomline{left:5px}.orbital{width:310px;height:310px}.orbital-two{width:435px;height:435px}.hero-foot{margin-top:60px}.feature-card{padding-left:22px;padding-right:22px}.feature-card h3{font-size:22px}.playground-inner{gap:35px}.playground-copy h2{font-size:32px}.piano-key{height:155px}.black-key{height:92px}.instrument-details{padding:28px}.journey-section{gap:35px}.faq-section{gap:45px}.experience .section-heading>p{font-size:13.5px}.experience-grid{gap:12px}}@media(max-width:800px){.site-header{height:76px;padding:0 25px}.brand{font-size:29px}.brand svg{height:31px;width:31px}.nav-links{display:none}.header-actions{gap:17px}.menu-toggle{display:flex}.nav-links.is-open{position:absolute;top:76px;left:0;right:0;background:#111017;border-bottom:1px solid #ffffff18;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 25px 17px}.nav-links a{padding:14px 0}.hero{padding:60px 32px 0;grid-template-columns:1fr 1fr;min-height:610px}.hero .eyebrow{font-size:11.5px;letter-spacing:1.2px}.hero h1{font-size:62px;letter-spacing:-4px}.hero-copy>p{font-size:14px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:10px}.hero-buttons .button{min-height:43px}.hero-buttons .button-ghost{min-height:32px}.hero-meta{font-size:11.5px;gap:5px}.hero-meta .meta-divider{display:none}.hero-meta>span:last-child{display:none}.instrument-stage{height:350px;align-self:center;margin-top:-40px}.scene-canvas{inset:-15px -80px 0}.stage-topline{font-size:11px;letter-spacing:1px;top:-5px}.stage-bottomline{font-size:11px;left:0;right:-5px;bottom:-10px}.orbital{width:245px;height:245px}.orbital-two{width:325px;height:325px}.note-one{left:20px;top:40px}.note-two{right:-5px;top:45px}.note-three{right:-8px;bottom:50px}.chord-float{left:0;bottom:32px;padding:9px;gap:8px}.chord-float>.equalizer{margin:0}.chord-float>div{min-width:75px}.tiny-label{font-size:11px}.chord-float strong{font-size:14.5px}.chord-icon{height:25px;width:25px}.hero-foot{margin-top:43px;height:65px}.hero-foot-end{display:none}.hero-foot-label{font-size:11px}.ticker{padding:17px 0}.ticker>div>span{font-size:14.5px}.ticker>div>span>span{margin:0 26px}.section-shell{padding-left:30px;padding-right:30px}.experience{padding-top:75px;padding-bottom:75px}.section-heading h2{font-size:34px}.experience .section-heading>p{position:static;font-size:14px}.experience-grid{margin-top:30px}.feature-card{padding:20px 17px 0}.wave-illustration{gap:3px;height:145px}.wave-illustration i{width:2px}.feature-card h3{font-size:19px}.feature-card p{font-size:13.5px;min-height:88px}.chord-illustration,.mini-piano{height:145px}.chord-ring{height:80px;width:80px;outline-offset:17px}.chord-ring>span{font-size:25px}.pitch-c{top:3px}.pitch-e{left:calc(50% - 65px);bottom:21px}.pitch-g{left:calc(50% + 37px);bottom:21px}.mini-piano>span{width:16px;height:78px}.mini-piano>span>i{width:11px;right:-6px;height:48px}.feedback-pill{font-size:11px;padding:6px 8px}.card-bottom{font-size:12px;margin-top:20px}.playground-inner{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:55px}.playground-copy p{font-size:14.5px}.playground-copy h2{font-size:36px}.interactive-piano{max-width:500px;width:100%;justify-self:center}.piano-key{height:170px}.black-key{height:104px}.piano-label{font-size:11.5px}.instruments-section{padding-top:75px;padding-bottom:70px}.instrument-showcase{grid-template-columns:1fr 1fr;min-height:370px}.instrument-heading>p{justify-self:start;grid-column:1/-1;font-size:14px}.instrument-details{padding:25px}.instrument-tabs{gap:15px}.instrument-tabs button{gap:7px;font-size:12.5px}.instrument-details h3{font-size:23px}.instrument-details p{font-size:13.5px}.instrument-photo{min-height:370px}.instrument-photo.piano img{width:150%}.instrument-photo.guitar img{height:390px;width:130%;max-width:none}.instrument-photo.ukulele img{height:330px}.instrument-count{margin-top:29px}.instrument-details .text-button{gap:8px;font-size:12px}.journey-section{grid-template-columns:1fr;gap:30px;padding-bottom:75px}.journey-intro h2{font-size:33px}.journey-step p{max-width:100%}.journey-step{gap:22px}.download-content h2{font-size:61px}.download-section{padding-top:67px;padding-bottom:59px}.faq-section{grid-template-columns:1fr;gap:33px;padding-top:70px;padding-bottom:65px}.faq-section h2{font-size:32px}.faq-item h3>button{font-size:14.5px}.faq-item p{font-size:14px;max-width:100%}.footer-top>span{display:none}.footer-top>a:last-child{font-size:12.5px}}@media(max-width:540px){.header-actions>.button-small{display:none}.header-actions{gap:18px}.sound-toggle{font-size:13.5px}.site-header{padding:0 22px;height:72px}.nav-links.is-open{top:72px}.hero{display:flex;flex-direction:column;padding:49px 23px 0;min-height:0}.hero-copy{padding:0}.hero .eyebrow{font-size:11.5px;letter-spacing:1.6px}.hero h1{font-size:clamp(56px,14.5vw,77px);line-height:1.04;letter-spacing:-3.8px;margin-top:24px;margin-bottom:20px}.hero-copy>p{font-size:14.5px;line-height:1.9}.hero-buttons{flex-direction:row;align-items:center;gap:20px;margin-top:25px}.hero-buttons .button{font-size:13.5px;padding-left:16px;padding-right:16px;gap:12px}.hero-buttons .button-ghost{padding:0;gap:8px}.hero-meta{margin-top:18px;font-size:12px}.hero-meta .meta-divider{display:block}.hero-meta>span:last-child{display:block}.instrument-stage{width:100%;height:315px;align-self:auto;margin-top:35px}.scene-canvas{inset:0 -20px -3px}.orbital{width:245px;height:245px}.orbital-two{width:315px;height:315px}.stage-topline{top:0;left:3px;right:3px;font-size:11px}.stage-topline>.live-label{display:flex;font-size:11px}.stage-bottomline{bottom:0;left:5px;right:5px;font-size:11px}.chord-float{bottom:31px;left:17px}.note-one{top:38px;left:35px;font-size:23px}.note-two{right:22px;top:40px;font-size:30px}.note-three{right:15px;bottom:50px;font-size:22px}.hero-foot{margin-top:25px;height:63px;flex:none}.hero-foot-label{font-size:11px;letter-spacing:1px}.hero-foot>a{font-size:12px}.ticker>div>span{font-size:13.5px;letter-spacing:1.4px}.ticker>div>span>span{font-size:17px;margin:0 23px}.ticker{padding:16px 0}.section-shell{padding-left:23px;padding-right:23px}.experience{padding-top:64px;padding-bottom:62px}.eyebrow{font-size:11.5px;letter-spacing:1.5px}.section-heading h2{font-size:31px;letter-spacing:-1.5px;margin-top:17px}.experience .section-heading>p{font-size:14px;margin-top:16px}.experience-grid{grid-template-columns:1fr;gap:14px;margin-top:29px}.feature-card{display:grid;grid-template-columns:1fr 1fr;padding:22px 22px 0;min-height:275px;column-gap:14px}.card-top{grid-column:1/-1;margin-bottom:9px}.wave-illustration,.chord-illustration,.mini-piano{grid-column:2;grid-row:2/5;height:155px;align-self:center;min-width:0}.feature-kicker{grid-row:2;grid-column:1;margin-top:20px;margin-bottom:9px;align-self:end}.feature-card h3{font-size:22px;grid-column:1;grid-row:3;align-self:start}.feature-card p{grid-column:1;grid-row:4;font-size:12.5px;min-height:0;margin-top:13px;line-height:1.8}.card-bottom{grid-column:1/-1;margin-top:22px;padding:16px 0}.wave-illustration{gap:3px}.wave-illustration i{width:2px;flex-shrink:1}.mini-piano>span{min-width:0;width:16px}.chord-ring{width:80px;height:80px}.pitch-e{left:calc(50% - 59px);bottom:24px}.pitch-g{left:calc(50% + 34px);bottom:24px}.pitch-c{top:10px}.playground-inner{padding-top:49px;padding-bottom:49px;gap:27px}.playground-copy h2{font-size:33px}.playground-copy p{font-size:14px}.keyboard-hint{font-size:11.5px;margin-top:17px}.piano-keys{gap:3px;padding:7px 7px 9px}.piano-key{height:135px;border-bottom-width:5px}.black-key{height:81px;border-bottom-width:4px}.key-note{font-size:13.5px;bottom:25px}.key-shortcut{font-size:11px;bottom:9px}.piano-bottom{font-size:11px}.piano-bottom>span:last-child{font-size:11px;letter-spacing:.6px}.piano-label{font-size:11px;letter-spacing:1px}.instruments-section{padding-top:63px;padding-bottom:60px}.instrument-showcase{grid-template-columns:1fr;margin-top:30px}.instrument-details{padding:25px}.instrument-tabs{gap:27px}.instrument-tabs button{font-size:14px;gap:17px}.instrument-details h3{font-size:27px;max-width:250px}.instrument-details p{font-size:14px;max-width:300px}.instrument-details .text-button{font-size:13.5px;margin-top:21px}.instrument-count{margin-top:25px}.instrument-photo{min-height:290px;height:290px;grid-row:2}.instrument-photo.piano img{height:270px;width:100%;transform:rotate(-12deg) translate(3%,3%)}.instrument-photo.guitar img{height:355px;width:auto}.instrument-photo.ukulele img{height:310px}.photo-orbit{height:240px;width:240px}.journey-intro h2{font-size:29px}.journey-intro>p{font-size:13.5px}.journey-step h3{font-size:14.5px}.journey-step p{font-size:13.5px}.journey-section{padding-bottom:65px;gap:22px}.journey-step{gap:17px}.download-content h2{font-size:53px;letter-spacing:-2.5px}.download-content>.eyebrow{font-size:11px;letter-spacing:1.4px}.download-content>p{font-size:14px}.download-section{padding-top:60px;padding-bottom:53px}.download-button{font-size:14px;gap:14px}.download-details,.installer-note{font-size:11.5px}.download-status p{font-size:12.5px;flex-wrap:wrap}.faq-section{padding-top:60px;padding-bottom:58px;gap:27px}.faq-section h2{font-size:28px}.faq-item h3>button{font-size:14px;line-height:1.6;padding:19px 0}.faq-item p{font-size:13.5px}.footer-top{padding-bottom:26px}.footer-top>a:last-child{font-size:12px;gap:5px}.footer-bottom{font-size:11.5px}.footer-bottom>span:nth-child(2){display:none}.site-footer{padding-top:27px}.brand-small{font-size:27px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.ticker>div{transform:none}.feature-card:hover,.button:hover{transform:none}}.site-header{position:sticky;top:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-buttons{flex-wrap:wrap}.access-options{max-width:780px;margin:39px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}.access-card{border:1px solid #c3a4f024;border-radius:10px;padding:26px;background:linear-gradient(150deg,#b895ff09,transparent 65%),#141119;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}.access-card:hover{border-color:#bea1e950;transform:translateY(-4px)}.access-top{width:100%;display:flex;align-items:center;justify-content:space-between;color:#a68ebc;font-size:11.5px;letter-spacing:1.3px}.desktop-emblem{height:143px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.desktop-emblem>img{height:68px;width:68px;border:1px solid #b9a0ff25;border-radius:15px;box-shadow:0 13px 40px #b698ff0d;transform:rotate(-8deg);position:relative}.desktop-shortcut{font-family:var(--display);font-size:13.5px;color:#b6a7c2;letter-spacing:1px;margin-top:10px;position:relative}.emblem-orbit{position:absolute;height:105px;width:180px;border:1px solid #b498dc19;border-radius:50%;transform:rotate(-20deg)}.emblem-orbit:after{content:"";position:absolute;right:24px;top:3px;width:4px;height:4px;border-radius:50%;background:#b598e0}.access-card h3{font-family:var(--display);font-size:24px;line-height:1.25;letter-spacing:-.7px;font-weight:400;margin:4px 0 12px}.access-card>p{font-size:14px;line-height:1.85;color:#a294ad;max-width:285px;min-height:42px}.access-card .button{margin-top:25px;width:100%;font-size:14px;gap:12px;justify-content:space-between;min-height:46px}.access-card .download-details{justify-content:center;align-self:center;margin-top:15px;font-size:12px}.access-card .download-status{max-width:100%;font-size:12.5px;width:100%}.access-card .download-status p{font-size:12px;flex-wrap:wrap}.access-card .download-status progress{width:100%}.browser-access{background:linear-gradient(150deg,#75c3d107,transparent 65%),#121519;border-color:#90c7d01c}.browser-access .access-top{color:#88a9b4}.browser-emblem{height:119px;width:100%;margin:20px 0 4px;border:1px solid #a4baca26;border-radius:5px;overflow:hidden;background:#101317;transform:perspective(800px) rotateY(-6deg) rotate(2deg);box-shadow:0 15px 25px #0003}.browser-bar{display:flex;align-items:center;gap:4px;padding:8px 9px;border-bottom:1px solid #a4baca13;background:#ffffff03}.browser-bar>i{width:3px;height:3px;background:#807489;border-radius:50%}.browser-bar>span{font-size:11px;color:#7f8997;margin-left:10px;letter-spacing:.5px}.browser-bar>span:last-child{margin-left:auto}.browser-preview{position:relative;text-align:center;padding:12px 16px}.preview-welcome{font-size:11px;letter-spacing:1.5px;color:#bac6cd}.preview-keys{display:flex;justify-content:center;gap:2px;margin-top:10px;transform:rotate(-3deg)}.preview-keys>i{height:26px;width:12px;background:#c5c7d1;border-radius:0 0 2px 2px;position:relative;box-shadow:0 2px #696777}.preview-keys>i:nth-child(3n+1):after{content:"";position:absolute;right:-4px;top:0;height:15px;width:7px;background:#20202d;z-index:1}.preview-keys>i.preview-lit{background:#ad9bdf}.preview-caption{font-size:11px;letter-spacing:.5px;color:#7d8593;display:block;margin-top:9px}.browser-note{position:absolute;font:27px Georgia;color:#789aa455;right:26px;top:14px}.web-studio-button{background:#9dc4ce10;border:1px solid #a2d0da36;color:#bdd7de}.web-studio-button:hover{background:#9dc4ce1c}.browser-detail{font-size:11px;letter-spacing:1.1px;color:#74929d;display:flex;gap:6px;align-items:center;margin:16px auto 0}.browser-detail>.status-light{background:#82bdbb;width:3px;height:3px}.download-content>.installer-note{margin-top:25px}.soundtrack-dock{position:fixed;bottom:21px;left:22px;z-index:30;border:1px solid #c4a0ff29;background:#15111de8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 9px 35px #0005;border-radius:8px;display:flex;align-items:center;gap:14px;padding:13px 15px;max-width:calc(100vw - 40px)}.soundtrack-dock>.equalizer{color:#b4a1df}.soundtrack-dock>div>span{font-size:11.5px;letter-spacing:1px;color:#d5c5e4;display:block}.soundtrack-dock>div>span>span{color:#8a7f99;font-size:11.5px;letter-spacing:0}.soundtrack-dock small{font-size:11.5px;display:block;color:#8e7e9e;margin-top:5px}.soundtrack-dock>button{display:grid;place-items:center;background:#bda1db0b;border:1px solid #bda1db17;border-radius:4px;color:#b19ac4;height:28px;width:28px;margin-left:5px}@media(max-width:800px){.access-options{gap:13px}.access-card{padding:22px}.access-card h3{font-size:21px}.access-card>p{font-size:13.5px}.access-top{font-size:11px;letter-spacing:1px}.access-card .button{font-size:13.5px;gap:9px}.soundtrack-dock{bottom:15px;left:15px}}@media(max-width:540px){.access-options{grid-template-columns:1fr;max-width:355px;margin-top:30px;gap:16px}.access-card{padding:25px}.access-card h3{font-size:24px}.access-card>p{font-size:14px;min-height:0}.access-top{font-size:11.5px}.access-card .button{font-size:14px}.browser-emblem{height:128px;margin-top:22px}.preview-keys>i{height:32px;width:14px}.preview-caption{font-size:11px}.desktop-emblem{height:139px}.soundtrack-dock{padding:10px 12px;gap:11px}.soundtrack-dock small{font-size:11px}.soundtrack-dock>div>span{font-size:11px}.hero-buttons{gap:14px}}:root{--text:#f4f2f6;--text-2:#c4c0cf;--text-3:#a6a2b3;--card:#13111a;--grad:linear-gradient(135deg,#a597ff,#46d3ea);--good:#7de2b5;--bad:#ff8fa0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);line-height:1.5}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes pulse-ring{0%,to{box-shadow:0 0 #a597ff55}50%{box-shadow:0 0 0 7px #a597ff00}}.brand{display:inline-flex;align-items:center;font-size:0;letter-spacing:0;color:#f1eff6;min-height:44px}.lockup{display:block;overflow:visible;color:#f1eff6}.lockup .logo-orbit{transform-box:view-box;transform-origin:32px 32px;animation:logo-orbit 16s linear infinite}.lockup .logo-inner{transform-box:view-box;transform-origin:32px 32px;animation:logo-breathe 5s ease-in-out infinite alternate}.lockup .logo-tick{fill:#46d3ea;opacity:0;transition:opacity .12s}.lockup .logo-tick.is-lit{opacity:1;filter:drop-shadow(0 0 3px #46d3ea)}.lockup.ring-spin .logo-outer{transform-box:view-box;transform-origin:32px 32px;animation:logo-spin 1.2s cubic-bezier(.5,0,.2,1)}.brand:hover .logo-inner{animation-duration:1.4s}@keyframes logo-orbit{to{transform:rotate(360deg)}}@keyframes logo-breathe{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes logo-spin{to{transform:rotate(360deg)}}.intro{position:fixed;inset:0;z-index:120;background:#08080b;display:grid;place-items:center;transition:opacity .6s ease,transform .6s ease}.intro.is-leaving{opacity:0;transform:scale(1.04);pointer-events:none}.intro .lockup .logo-outer{stroke-dasharray:151;stroke-dashoffset:151;animation:draw-ring 1s .1s cubic-bezier(.6,0,.2,1) forwards}.intro .lockup .logo-inner,.intro .lockup .logo-orbit{opacity:0;animation:fade-in .5s .85s forwards}.intro .lockup .logo-word>*{opacity:0;animation:fade-in .5s forwards}.intro .lockup .logo-word>*:nth-child(1){animation-delay:.7s}.intro .lockup .logo-word>*:nth-child(2){animation-delay:.8s}.intro .lockup .logo-word>*:nth-child(3){animation-delay:.9s}.intro .lockup .logo-word>*:nth-child(4){animation-delay:1s}.intro .lockup .logo-word>*:nth-child(5){animation-delay:1.05s}.intro .lockup .logo-word>*:nth-child(6){animation-delay:1.1s}@keyframes draw-ring{to{stroke-dashoffset:0}}@keyframes fade-in{to{opacity:1}}.site-header{z-index:40}.nav-links{font-size:14px;margin-left:34px;gap:28px}.nav-links a{display:inline-flex;align-items:center;min-height:44px}.header-actions{gap:20px}.sound-toggle,.icon-toggle{min-height:44px;font-size:13px;color:#b9b5c6;display:inline-flex;align-items:center;gap:8px;background:none;padding:0 2px}.icon-toggle:hover,.sound-toggle:hover{color:#fff}.button-small{min-height:40px;font-size:13px}.menu-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}.site-header,.site-header:before{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero h1{letter-spacing:-5px}.frequency-word{position:relative;display:inline-block}.wiggle{display:inline-block;animation:wiggle 1.3s calc(1.9s + var(--i)*.05s) ease-in-out 1}.frequency-word:hover .wiggle{animation:wiggle .7s calc(var(--i)*35ms) ease-in-out}@keyframes wiggle{0%,to{transform:translateY(0)}35%{transform:translateY(-.08em)}65%{transform:translateY(.04em)}}.frequency-wave{position:absolute;left:2%;bottom:-.02em;width:94%;height:.13em;overflow:visible;pointer-events:none}.frequency-wave path{fill:none;stroke:var(--purple);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:7 9;opacity:.55;animation:dash 6s linear infinite}@keyframes dash{to{stroke-dashoffset:-64}}.hero-copy>p.hero-lede{font-size:17px;line-height:1.65;color:var(--text-2);max-width:500px}.input-pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0 0}.input-pills li{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#cfc9dc;border:1px solid #ffffff1a;background:#ffffff07;border-radius:99px;padding:7px 13px}.input-pills svg{color:var(--purple)}.hero-buttons{margin-top:28px}.hero-meta{font-size:13px;margin-top:22px;flex-wrap:wrap}.scene-canvas canvas{display:block;width:100%;height:100%}.scene-canvas{cursor:default}.scene-fallback img{height:auto}.chord-float{pointer-events:none}.stage-topline,.stage-bottomline{letter-spacing:1.2px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:56px;padding-bottom:6px}.stat-item{border-left:1px solid #ffffff18;padding-left:20px}.stat-item b{display:block;font:500 30px/1.15 var(--display);letter-spacing:-.8px;color:#f4f2f6}.stat-item span{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:var(--text-3)}.spot{position:relative}.spot:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),#a58cff22,transparent 60%);opacity:0;transition:opacity .35s;z-index:0}.spot:hover:before{opacity:1}.spot>*{position:relative;z-index:1}.feature-card .card-bottom{width:100%;background:none;border:0;border-top:1px solid var(--line);color:#d4c9df;text-align:left;font:inherit;font-size:14px;cursor:pointer;min-height:56px}.feature-card .card-bottom:hover{color:#fff}.feature-card p{max-width:300px}.hear-card.is-demo .wave-illustration i{animation-duration:.55s;opacity:1;filter:brightness(1.5)}.see-card .chord-pitch{transition:all .3s}.see-card[data-step="0"] .pitch-c,.see-card[data-step="1"] .pitch-c,.see-card[data-step="2"] .pitch-c,.see-card[data-step="1"] .pitch-e,.see-card[data-step="2"] .pitch-e,.see-card[data-step="2"] .pitch-g{background:#4b3585;border-color:#d6bdf5;color:#fff;box-shadow:0 0 18px #a68bddaa;transform:scale(1.18)}.see-card[data-step="2"] .chord-ring{border-color:#d6bdf5;box-shadow:0 0 44px #a68bdd55,inset 0 0 24px #a68bdd33}.play-card .mini-piano>span{transition:transform .2s,box-shadow .2s}.play-card.is-demo .mini-piano>span.lit{transform:translateY(5px);box-shadow:0 0 30px #a68bd4cc}.play-card.is-demo .feedback-pill{animation:pop .4s both}.story{border-top:1px solid var(--line);background:radial-gradient(ellipse at 70% 50%,#5b49831a,transparent 65%),#0b0a0e}.story-stage{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;min-height:calc(100vh - 70px);padding-top:56px;padding-bottom:56px}.story-copy h2{font:400 clamp(34px,4vw,48px)/1.12 var(--display);letter-spacing:-1.6px;margin-top:20px}.story-captions{list-style:none;padding:0;margin:30px 0 18px;position:relative;min-height:150px}.story-caption{display:flex;gap:18px;position:absolute;left:0;top:0;right:0;opacity:0;transform:translateY(14px);transition:opacity .18s,transform .18s;pointer-events:none}.story-caption>span{font:500 13px var(--display);color:#9d86d6;padding-top:5px}.story-caption h3{font:500 24px/1.25 var(--display);letter-spacing:-.6px}.story-caption p{margin-top:8px;font-size:16px;line-height:1.65;color:var(--text-2);max-width:430px}.story[data-phase="0"] .c0,.story[data-phase="1"] .c1,.story[data-phase="2"] .c2,.story[data-phase="3"] .c3{opacity:1;transform:none;transition:opacity .4s .2s,transform .4s .2s}.story.is-static .story-captions{min-height:0;display:grid;gap:22px}.story.is-static .story-caption{position:static;opacity:1;transform:none}.story-svg{width:100%;height:auto;max-height:72vh;overflow:visible}.st-staff line{stroke:#9d94b8;stroke-width:2}.st-note ellipse{fill:url(#story-grad)}.st-note text{font:600 14px var(--display);fill:#120f1a}.st-stem{stroke:#b8a4ff;stroke-width:3;stroke-linecap:round}.st-centre{font:500 34px var(--display);fill:#e8e0ff;letter-spacing:-1px}.st-dot{fill:#46d3ea}.story-art{min-width:0}.story.is-static .story-stage{min-height:0;padding-top:70px;padding-bottom:70px}.playground-section{scroll-margin-top:80px}.playground-inner{display:block;padding-top:92px;padding-bottom:92px}.playground-head{max-width:660px;margin-bottom:36px}.playground-head h2{font:400 clamp(34px,4.4vw,50px)/1.08 var(--display);letter-spacing:-1.8px;margin-top:22px}.playground-head em{font-family:Georgia,serif;font-weight:400;color:var(--purple);letter-spacing:-.8px}.playground-head p{font-size:17px;line-height:1.7;color:var(--text-2);margin-top:18px}.demo-card{border:1px solid #c3a4f026;border-radius:16px;background:linear-gradient(160deg,#b895ff0b,transparent 55%),var(--card);overflow:hidden;box-shadow:0 30px 80px #0006}.demo-tabs{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.demo-tabs::-webkit-scrollbar{display:none}.demo-tabs button{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:0 16px;border-radius:9px;background:none;color:#aaa5b9;font-size:14.5px;white-space:nowrap;transition:background .2s,color .2s}.demo-tabs button:hover{color:#fff}.demo-tabs button[aria-selected=true]{background:#ffffff0f;color:#e6dcff}.demo-panel{padding:28px 28px 26px}.demo-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center;margin-bottom:28px}.demo-copy h3{font:400 clamp(26px,3vw,34px)/1.15 var(--display);letter-spacing:-1px;margin:10px 0 12px}.demo-copy h3 small{font-size:.55em;color:var(--text-3);letter-spacing:0;margin-left:6px}.demo-kicker{font-size:12px;letter-spacing:1.5px;color:#b8a0d2;display:block}.demo-kicker.good{color:var(--good)}.demo-say{font-size:16.5px;line-height:1.65;color:#cdc8d8;min-height:3.3em;max-width:520px;transition:color .2s}.demo-say.is-bad{color:#ffc0c9}.demo-say.is-good{color:#b2ead0}.demo-notes{margin-top:10px;font-size:15px;color:var(--text-2)}.demo-notes span{color:var(--text-3);font-size:14px}.demo-notes b{color:#fff;font-weight:600}.demo-fine{font-size:13px;color:var(--text-3);margin-top:10px}.demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;min-height:48px}.button-compact{min-height:46px;font-size:14.5px;gap:10px;padding:0 20px}.text-button{font-size:14px;color:#cbb8e6;min-height:44px}.text-button:hover{color:#fff}.progress-dots{display:flex;gap:6px;margin-bottom:16px}.progress-dots i{width:26px;height:4px;border-radius:99px;background:#ffffff18}.progress-dots i.done{background:var(--good)}.progress-dots i.now{background:var(--purple)}.demo-visual{display:grid;place-items:center;min-width:0}.chord-ring-demo{width:min(100%,230px);height:auto;overflow:visible}.chord-ring-demo .ring-track{fill:none;stroke:#ffffff14;stroke-width:3}.chord-ring-demo .ring-progress{fill:none;stroke:url(#ringfill);stroke-width:5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:100px 100px;transition:stroke-dashoffset .6s cubic-bezier(.3,.7,.2,1)}.ring-node circle{fill:#1b1724;stroke:#ffffff26;stroke-width:2;transition:all .3s}.ring-node text{font:600 15px var(--display);fill:#8f8aa0;transition:fill .3s}.ring-node.is-on circle{fill:#5a46a8;stroke:#d0c4ff;filter:drop-shadow(0 0 8px #a597ff)}.ring-node.is-on text{fill:#fff}.ring-centre{font:500 26px var(--display);fill:#ece6ff;letter-spacing:-.5px}.ring-sub{font-size:12px;fill:#a39fb0;letter-spacing:1.4px;text-transform:uppercase}.chord-ring-demo.is-done{filter:drop-shadow(0 0 22px #a597ff44)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chip{min-height:44px;min-width:48px;padding:0 15px;border-radius:99px;background:#ffffff09;border:1px solid #ffffff16;color:#d3cee0;font-weight:600;font-size:15px;transition:all .2s}.chip:hover{border-color:#ffffff40}.chip.is-on{background:#a597ff;color:#17102b;border-color:transparent}.voice-row{display:inline-flex;gap:4px;margin-top:14px;padding:4px;border-radius:10px;background:#ffffff08}.voice-row button{min-height:38px;padding:0 14px;border-radius:7px;background:none;color:#a9a4b8;font-size:13.5px;text-transform:capitalize}.voice-row button.is-on{background:#ffffff14;color:#fff}.ear-answers{display:flex;gap:12px;margin:18px 0 0;max-width:420px}.ear-answer{flex:1;min-height:70px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff18;font:600 19px var(--display);display:grid;gap:2px;place-content:center;transition:all .2s}.ear-answer:hover:not(:disabled){border-color:#a597ff;background:#a597ff14}.ear-answer small{font:400 13.5px DM Sans,sans-serif;color:var(--text-3)}.ear-answer.is-right{border-color:var(--good);background:#7de2b514}.ear-answer.is-wrong{border-color:var(--bad);background:#ff8fa014}.ear-answer:disabled{cursor:default;opacity:1}.ear-score{display:flex;gap:12px}.ear-score i{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff24}.ear-score i.on{background:var(--grad);border-color:transparent}.ear-score i.now{border-color:#b8a4ff;animation:pulse-ring 1.6s infinite}.tuner{width:min(100%,260px);height:auto;overflow:visible}.tuner-arc{fill:none;stroke:#ffffff18;stroke-width:8;stroke-linecap:round}.tuner-tick{stroke:#fff4;stroke-width:2}.tuner-tick.centre{stroke:#46d3ea;stroke-width:3}.tuner-needle{transition:transform .12s linear,opacity .2s;opacity:.3}.tuner-needle.on{opacity:1}.tuner-needle line{stroke:#b8a4ff;stroke-width:3;stroke-linecap:round}.tuner-needle circle{fill:#b8a4ff}.tuner-needle.in-tune line{stroke:var(--good)}.tuner-needle.in-tune circle{fill:var(--good)}.tuner-note{font:600 24px var(--display);fill:#f4f2f6}.kb{position:relative;height:190px;user-select:none;-webkit-user-select:none;touch-action:pan-y;padding-bottom:8px}.kb-key{position:absolute;top:0;padding:0;border:0;transition:background .12s,transform .12s,box-shadow .12s}.kb-key.white{height:calc(100% - 8px);background:linear-gradient(#e4e0ea,#f7f4f8);border:1px solid #b6b0c2;border-top:0;border-radius:0 0 7px 7px;box-shadow:inset 0 -9px #d1cbdb,0 6px #4d4660;z-index:1;color:#3d3750}.kb-key.black{height:60%;background:linear-gradient(#1a1722,#2d2938);border-radius:0 0 5px 5px;box-shadow:inset 0 -6px #0f0d14,0 4px 6px #0008;z-index:2;color:#e9e3f5}.kb-key.white:hover{background:linear-gradient(#ece6f7,#fbf8fd)}.kb-key.black:hover{background:linear-gradient(#25212e,#383344)}.kb-key.is-down{transform:translateY(3px)}.kb-key.white.is-down{background:linear-gradient(#b7a5f5,#cbbdf8);box-shadow:inset 0 -5px #9b89d6,0 2px #4d4660}.kb-key.black.is-down{background:linear-gradient(#5a46a8,#7c66d6)}.kb-tag{position:absolute;left:0;right:0;bottom:34px;font:600 13px var(--display);pointer-events:none}.kb-key.black .kb-tag{bottom:12px}.kb-shortcut{position:absolute;left:0;right:0;bottom:9px;font-size:11.5px;color:#6a6479;pointer-events:none}.kb-key.black .kb-shortcut{bottom:34px;color:#a29bb4}.kb-key.white.is-target{background:linear-gradient(#cdbfff,#b3a0ff);box-shadow:inset 0 -9px #8d7bd0,0 6px #4d4660,0 0 26px #a58cffaa;animation:key-glow 1.4s ease-in-out infinite;color:#1b1233}.kb-key.black.is-target{background:linear-gradient(#6a53c0,#8b75e6);box-shadow:inset 0 -6px #4a3a94,0 0 22px #a58cffcc;animation:key-glow 1.4s ease-in-out infinite}@keyframes key-glow{50%{filter:brightness(1.13)}}.kb-key.white.is-ok{background:linear-gradient(#a9efcf,#7de2b5);box-shadow:inset 0 -9px #4fb98a,0 6px #4d4660,0 0 22px #7de2b588}.kb-key.black.is-ok{background:linear-gradient(#2e8c68,#3fb487)}.kb-key.white.is-bad{background:linear-gradient(#ffc1cb,#ff8fa0);box-shadow:inset 0 -9px #d65c71,0 6px #4d4660;animation:shake .35s}.kb-key.black.is-bad{background:linear-gradient(#b13a50,#e0566e);animation:shake .35s}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.kb-key.white.is-root{background:linear-gradient(#cdbfff,#b3a0ff);box-shadow:inset 0 -9px #8d7bd0,0 6px #4d4660,0 0 20px #a58cff88}.kb-key.white.is-third{background:linear-gradient(#b4f0f9,#6fdaec);box-shadow:inset 0 -9px #40aebf,0 6px #4d4660,0 0 20px #46d3ea77}.kb-key.white.is-fifth{background:linear-gradient(#c3f3dc,#8ae6b8);box-shadow:inset 0 -9px #54b88a,0 6px #4d4660,0 0 20px #8ae6b877}.kb-key.white.is-seventh{background:linear-gradient(#ffe7bd,#ffd48a);box-shadow:inset 0 -9px #cc9f52,0 6px #4d4660,0 0 20px #ffd48a77}.kb-key.black.is-root{background:linear-gradient(#6a53c0,#8b75e6)}.kb-key.black.is-third{background:linear-gradient(#1f8a9b,#33b9cf)}.kb-key.black.is-fifth{background:linear-gradient(#2e8c68,#3fb487)}.kb-key.black.is-seventh{background:linear-gradient(#a8772a,#d9a04a)}.kb-key:focus-visible{outline:2px solid #46d3ea;outline-offset:-4px;z-index:3}.kb-mini{height:120px}.kb-lab{height:170px}.kb-mini .kb-tag,.kb-lab .kb-tag{bottom:26px;font-size:12px}.demo-footer{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;padding:14px 28px;border-top:1px solid var(--line);font-size:14px;color:var(--text-3)}.midi-button{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:0 15px;border-radius:9px;border:1px solid #ffffff1f;background:#ffffff09;color:#e2dcf0;font-size:14px}.midi-button:disabled{opacity:.8;cursor:default}.midi-button:hover:not(:disabled){border-color:#a597ff}.demo-footer .keyboard-hint{margin:0 0 0 auto;font-size:13.5px;color:var(--text-3)}kbd{width:24px;height:26px;font-size:12px}.daily{margin-top:22px;display:grid;grid-template-columns:auto 1fr auto;gap:10px 28px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:20px 26px;background:#ffffff05}.daily strong{display:block;font:500 30px/1.15 var(--display);letter-spacing:-.8px;margin-top:6px}.daily-notes{display:block;font-size:14px;color:var(--text-3);margin-top:2px}.daily p{font-size:15.5px;line-height:1.55;color:var(--text-2);max-width:460px}.daily-actions{display:flex;align-items:center;gap:12px}.button-light{background:#eeedf2;color:#18151e}.button-light:hover{background:#fff}.instrument-showcase{grid-template-columns:.85fr 1.25fr;min-height:440px}.instrument-details{padding:30px 34px}.instrument-tabs button{min-height:44px;font-size:15px;padding-bottom:12px}.instrument-details h3{font-size:28px;max-width:340px}.instrument-details p{font-size:15.5px;max-width:360px;line-height:1.65;color:var(--text-2)}.instrument-details .text-button{margin-top:6px}.instrument-lab{position:relative;padding:26px 26px 22px;background:radial-gradient(ellipse at 60% 40%,#76618c24,transparent 70%),#16131c;display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}.lab-topline,.lab-bottomline{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;letter-spacing:1.2px;color:#aaa3ba}.lab-topline span:last-child{color:#e2d8f6;letter-spacing:.4px;font-size:14px;font-weight:500}.lab-bottomline{letter-spacing:.2px;font-size:13.5px}.lab-bottomline b{color:#fff;letter-spacing:2px;font-weight:600;margin:0 4px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 5px 0 14px}.dot:first-child{margin-left:0}.dot.root{background:#b3a0ff}.dot.third{background:#6fdaec}.dot.fifth{background:#8ae6b8}.fb{width:100%}.fb-board{position:relative;background:linear-gradient(#2d1f1a,#1c1311);border-radius:10px;border:1px solid #4d3a31;padding:8px 0;overflow:hidden;box-shadow:inset 0 0 40px #0008}.fb-ukulele .fb-board{background:linear-gradient(#35251b,#211611)}.fb-row{display:grid;grid-template-columns:2.3rem 2.6rem repeat(var(--frets),1fr);align-items:stretch;position:relative;height:38px}.fb-ukulele .fb-row{height:46px}.fb-row:before{content:"";position:absolute;left:2.3rem;right:0;top:50%;height:var(--gauge);transform:translateY(-50%);background:linear-gradient(#efe4c8,#a99a78);opacity:.85;pointer-events:none;z-index:1;border-radius:2px;box-shadow:0 1px 2px #0008}.fb-name{display:grid;place-items:center;font-size:12px;color:#c1b39b;position:relative;z-index:2}.fb-cell{position:relative;z-index:2;display:grid;place-items:center;background:none;border:0;border-left:2px solid #b8b0a04d;padding:0;cursor:pointer;min-width:0;min-height:30px}.fb-cell.open{border-left:0;border-right:6px solid #e3dccb;background:#0003}.fb-dot{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font:600 11.5px DM Sans,sans-serif;color:transparent;background:transparent;transition:background .15s,color .15s,box-shadow .15s,transform .15s}.fb-cell:hover .fb-dot{background:#ffffff26;color:#fff}.fb-cell.in-shape .fb-dot{background:#a597ff;color:#150f28;box-shadow:0 0 14px #a597ffaa}.fb-cell.is-lit .fb-dot{background:#46d3ea;color:#07131a;box-shadow:0 0 16px #46d3ea;transform:scale(1.12)}.fb-cell:focus-visible{outline:2px solid #46d3ea;outline-offset:-3px}.fb-muted{position:absolute;left:2.3rem;top:50%;transform:translate(-120%,-50%);font-size:15px;color:#ff9aa8;z-index:2}.fb-inlays{position:absolute;inset:0;display:grid;grid-template-columns:2.3rem 2.6rem repeat(var(--frets),1fr);pointer-events:none}.fb-inlays>span{position:relative}.fb-inlays .one:after,.fb-inlays .two:before,.fb-inlays .two:after{content:"";position:absolute;left:50%;width:12px;height:12px;border-radius:50%;background:#ffffff1c;transform:translate(-50%)}.fb-inlays .one:after{top:50%;margin-top:-6px}.fb-inlays .two:before{top:24%}.fb-inlays .two:after{bottom:24%}.fb-numbers{display:grid;grid-template-columns:2.3rem 2.6rem repeat(var(--frets),1fr);font-size:12px;color:#a39bb2;text-align:center;margin-top:8px}.layers{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center;padding-top:40px;padding-bottom:100px}.layers h2{font:400 clamp(32px,3.6vw,42px)/1.15 var(--display);letter-spacing:-1.5px;margin-top:20px}.layers-head>p{font-size:16px;line-height:1.7;color:var(--text-2);margin:18px 0 26px;max-width:440px}.layer-list{display:grid;gap:12px}.layer{position:relative;text-align:left;border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:var(--card);display:grid;gap:10px;overflow:hidden;transition:border-color .25s,background .25s}.layer:hover{border-color:#ffffff30}.layer.is-on{border-color:#a597ff66;background:#1a1626}.layer-top{display:flex;justify-content:space-between;align-items:center;font-size:17px}.layer-switch{width:42px;height:24px;border-radius:99px;background:#ffffff1c;position:relative;transition:background .2s}.layer-switch i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.layer.is-on .layer-switch{background:#a597ff}.layer.is-on .layer-switch i{transform:translate(18px)}.layer-bars{display:flex;gap:3px;align-items:flex-end;height:30px}.layer-bars i{flex:1;height:18%;background:#ffffff1c;border-radius:2px}.layer.is-on .layer-bars i{background:linear-gradient(#a597ff,#46d3ea);opacity:.5}.layer-bars i.live{opacity:1;animation:bars .9s calc(var(--i)*-.09s) ease-in-out infinite alternate}@keyframes bars{0%{height:14%}to{height:100%}}.layer-text{font-size:14.5px;color:var(--text-3);line-height:1.5}.layer-pulse{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.layer-pulse.go{box-shadow:inset 0 0 0 1px #b8a4ff;animation:flash .5s ease-out forwards}@keyframes flash{0%{opacity:1}to{opacity:0}}.inside{padding-top:20px;padding-bottom:100px}.inside .section-heading>p{max-width:440px}.inside-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:44px;align-items:start}.mock{border:1px solid #c3a4f024;border-radius:14px;background:#12101a;overflow:hidden;box-shadow:0 24px 70px #0005}.mock-bar{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--text-3)}.mock-dots{display:inline-flex;gap:5px}.mock-dots i{width:8px;height:8px;border-radius:50%;background:#fff2}.mock-tag{margin-left:auto;font-size:11px;letter-spacing:1px;padding:4px 9px;border-radius:99px;background:#ffffff0d;color:#cbc4d8}.mock-tag.good{background:#7de2b51c;color:#a9ecd0;margin:0;letter-spacing:.2px}.mock-body{padding:24px 26px 26px}.mock-body h3{font:400 30px/1.15 var(--display);letter-spacing:-1px;margin:8px 0 6px}.mock-sub{display:block;font-size:12px;letter-spacing:1.3px;color:var(--text-3)}.progress-mock .mock-sub{font-size:14px;letter-spacing:0;line-height:1.5;margin-bottom:18px}.stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{border:1px solid var(--line);border-radius:12px;padding:14px;position:relative;background:#ffffff05}.stat span{display:block;font-size:11px;letter-spacing:1.2px;color:var(--text-3)}.stat b{display:block;margin-top:8px;font:500 32px/1 var(--display);letter-spacing:-1px}.stat small{font:400 14px DM Sans,sans-serif;color:var(--text-3);letter-spacing:0}.stat svg{position:absolute;right:10px;bottom:12px;width:34px;height:34px}.stat .track{fill:none;stroke:#ffffff14;stroke-width:4}.stat .fill{fill:none;stroke:#ffb347;stroke-width:4;stroke-dasharray:100.5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1.4s cubic-bezier(.3,.7,.2,1)}.mock-split{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin-top:12px}.mock-panel{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:#ffffff04}.mock-panel h4{font-size:15px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px}.mock-panel h4.mt{margin-top:18px}.todo{list-style:none;padding:0;margin:0;display:grid;gap:12px}.todo li{display:flex;gap:11px;font-size:14px;line-height:1.5;color:#cbc6d6}.todo i{flex:none;width:22px;height:22px;border-radius:50%;background:#a597ff22;color:#d1c7ff;display:grid;place-items:center;font-style:normal;font-size:12px}.week{display:flex;gap:8px;flex-wrap:wrap}.day{display:grid;gap:5px;justify-items:center;font-size:11.5px;color:var(--text-3)}.day i{display:block;width:28px;height:28px;border-radius:8px;background:#ffffff0e;transform:scale(.6);opacity:0;transition:transform .45s calc(var(--d)*80ms),opacity .45s calc(var(--d)*80ms)}.is-seen .day i{transform:none;opacity:1}.day.lvl1 i{background:var(--grad)}.day.lvl2 i{background:var(--grad);box-shadow:0 0 0 2px #fff5}.mistake{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-top:10px;color:#d1ccdc}.mistake b{font-weight:600;color:#ffcf8a}.meter{height:6px;border-radius:99px;background:#ffffff12;overflow:hidden;margin-top:7px}.meter i{display:block;height:100%;background:#ffb347;transition:width 1.3s cubic-bezier(.3,.7,.2,1)}.jam-now{display:flex;justify-content:space-between;align-items:flex-end;margin:18px 0 16px}.jam-letter{display:block;font:600 84px/1 var(--display);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;animation:pop .35s both;letter-spacing:-2px}.jam-next{text-align:right}.jam-next b{display:block;font:600 34px var(--display);color:var(--text-3)}.jam-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.jam-cards button{border:1px solid var(--line);background:#ffffff06;border-radius:12px;min-height:68px;display:grid;place-content:center;gap:2px;transition:all .2s}.jam-cards b{font:600 21px var(--display)}.jam-cards small{color:var(--text-3);font-size:13px}.jam-cards button.is-now{border-color:#a597ff;background:#a597ff1f}.jam-foot{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:16px;font-size:13.5px;color:var(--text-3)}.os-note{max-width:560px;margin:20px auto 0;padding:13px 18px;border:1px solid #46d3ea38;background:#46d3ea10;border-radius:12px;color:#d3f1f7;font-size:14.5px;line-height:1.55}.other-os .browser-access{order:-1}.access-card>p{font-size:14.5px;max-width:320px}.access-card h3{font-size:25px}.access-top{font-size:12px;letter-spacing:1.3px}.access-card .button{min-height:50px;font-size:14.5px}.install{max-width:780px;margin:30px auto 0;text-align:left;border:1px solid var(--line);border-radius:14px;padding:22px 26px;background:#ffffff05}.install h3{font:500 20px var(--display);letter-spacing:-.4px}.install ol{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.install li{display:flex;gap:12px;font-size:14.5px;line-height:1.55;color:var(--text-2)}.install li b{flex:none;width:26px;height:26px;border-radius:50%;background:#a597ff24;color:#d6ccff;display:grid;place-items:center;font-size:13px}.install code{font-size:12.5px;color:#e5dff2;word-break:break-all}.footer-controls{display:flex;gap:6px}.footer-bottom button{min-height:44px;font-size:13px}.section-heading>p,.journey-intro>p{font-size:15.5px;color:var(--text-2)}.feature-card p,.journey-step p,.faq-item p{color:var(--text-2)}.faq-item h3>button{font-size:16px;min-height:56px;color:#ddd7e8}.faq-item p{font-size:15px;max-width:520px}.journey-step h3{font-size:18px}.journey-step p{font-size:14.5px;max-width:420px}.soundtrack-dock small,.soundtrack-dock>div>span,.soundtrack-dock>div>span>span{font-size:12px}.audio-notice{z-index:60}.footer-top>span{font-size:14px}.footer-top>a:last-child{font-size:14px}.footer-bottom{font-size:13px}.footer-bottom>span:nth-child(2){font-size:11.5px}.download-content>p{font-size:16px}.installer-note{display:none}button:focus-visible,a:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:1100px){.icon-toggle span{display:none}.header-actions{gap:12px}.nav-links{gap:18px;margin-left:12px}.story-stage{gap:30px}.inside-grid{grid-template-columns:1fr}.stat-tiles{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.demo-grid{grid-template-columns:1fr}.demo-visual{order:-1;justify-self:start}.chord-ring-demo,.tuner{width:170px}.stats-strip{grid-template-columns:1fr 1fr}.layers{grid-template-columns:1fr;gap:30px}.instrument-showcase{grid-template-columns:1fr}.install ol{grid-template-columns:1fr;gap:14px}.daily{grid-template-columns:1fr}.demo-footer .keyboard-hint{margin-left:0}}@media(max-width:800px){.story-stage{grid-template-columns:1fr}.story-art{max-width:520px;margin:0 auto;width:100%}.playground-inner{padding-top:60px;padding-bottom:60px}.demo-panel{padding:22px 18px 20px}.demo-footer{padding:14px 18px}.kb{height:160px}.mock-split{grid-template-columns:1fr}.stat-tiles{grid-template-columns:1fr 1fr}.access-options{grid-template-columns:1fr;max-width:420px}.nav-links.is-open{z-index:60}}@media(max-width:540px){.site-header .sound-toggle span{display:none}.hero{padding-top:34px}.hero h1{font-size:clamp(54px,15vw,72px);letter-spacing:-3.4px}.hero-copy>p.hero-lede{font-size:16px}.hero-buttons{flex-wrap:wrap;gap:14px}.hero-buttons .button{min-height:50px;font-size:15px}.input-pills{margin-top:16px}.instrument-stage{height:300px;margin-top:26px}.chord-float{inset:30px 6px auto auto;transform:rotate(3deg);padding:8px 10px}.chord-float>.equalizer{display:none}.stats-strip{padding-top:40px;gap:22px 14px}.stat-item b{font-size:28px}.stat-item span{font-size:13px}.demo-tabs button{padding:0 13px;font-size:14px}.kb{height:150px}.kb-shortcut{display:none}.kb-tag{bottom:12px;font-size:11px}.demo-copy h3{font-size:26px}.ear-answers{max-width:none}.fb-row{height:36px}.fb-ukulele .fb-row{height:42px}.fb-dot{width:24px;height:24px;font-size:10.5px}.instrument-lab{padding:18px 14px}.instrument-details{padding:22px 20px}.layer-bars{height:24px}.jam-letter{font-size:64px}.mock-body{padding:18px 16px}.stat b{font-size:28px}.journey-step h3{font-size:17px}.download-content h2{font-size:48px}.soundtrack-dock{left:12px;right:12px;bottom:12px}.daily{padding:18px}.daily-actions{flex-wrap:wrap}}.demo-tabs{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}@media(min-width:901px){.demo-tabs{-webkit-mask-image:none;mask-image:none}}@media(max-width:540px){.chord-ring-demo,.tuner{width:128px}.demo-visual{margin-bottom:-6px}}.bubble-section{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-top:100px;padding-bottom:96px}.bubble-copy h2{font-family:var(--display);font-size:44px;font-weight:400;line-height:1.12;letter-spacing:-2px;margin:20px 0 18px}.bubble-copy>p{font-size:15px;line-height:1.85;color:#a09da9;max-width:470px}.bubble-features{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}.bubble-features li{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:14px}.bubble-features b{font-family:var(--display);font-weight:500;font-size:15.5px;color:#e8e3f5}.bubble-features span{font-size:13.5px;line-height:1.7;color:#938a9d}.bubble-stage{position:relative;min-height:420px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(ellipse at 50% 55%,#6f5bd026,transparent 65%),#111014;display:grid;place-items:center;padding:80px 24px 24px}.bubble-character{width:210px;height:210px;overflow:visible;filter:drop-shadow(0 12px 30px #6b5cf04d)}.bubble-character[data-mood=cheer]{animation:bubble-hop .7s cubic-bezier(.34,1.56,.64,1) 2}.bubble-eyes{transform-box:fill-box;transform-origin:center;animation:bubble-blink 5.5s infinite}.bubble-say{position:absolute;top:26px;left:50%;transform:translate(-50%);max-width:min(340px,86%);background:#1a1722;border:1px solid #ffffff1f;border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.5;color:#efeaf8;box-shadow:0 18px 50px #0006;animation:bubble-say .4s cubic-bezier(.34,1.56,.64,1);text-align:center}.bubble-try{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:8px}.bubble-try .tiny-label{width:100%;text-align:center;margin:0 0 4px}.bubble-try button{min-height:36px;padding:0 14px;border-radius:999px;background:#b8a4ff14;border:1px solid #b8a4ff33;color:#d8ccf5;font-size:13px;transition:background .2s,transform .2s}.bubble-try button:hover{background:#b8a4ff2a;transform:translateY(-2px)}@keyframes bubble-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-18px)}}@keyframes bubble-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes bubble-say{0%{opacity:0;transform:translate(-50%) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:800px){.bubble-section{grid-template-columns:1fr;gap:36px;padding-top:72px;padding-bottom:70px}.bubble-copy h2{font-size:34px}}@media(max-width:540px){.bubble-features{grid-template-columns:1fr}.bubble-copy h2{font-size:30px;letter-spacing:-1.4px}.bubble-stage{min-height:380px}.bubble-character{width:170px;height:170px}}@media(prefers-reduced-motion:reduce){.bubble-character,.bubble-eyes,.bubble-say{animation:none}}:root[data-motion=off] .bubble-character,:root[data-motion=off] .bubble-eyes,:root[data-motion=off] .bubble-say{animation:none}