@font-face{font-family:Inter;src:url(/fonts/inter-app-variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#0d0b18;--surface:#171329;--ink:#f5f3fa;--muted:#b9b4c8;--accent:#f6e0a4;--line:#373145;--page:1240px;color-scheme:dark;font-synthesis:none;font-optical-sizing:none;color:var(--ink);background:var(--bg);font-family:Inter,system-ui,sans-serif;font-weight:500}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{-webkit-font-smoothing:antialiased;margin:0}body,button,input,select,textarea{font-family:Inter,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img,video,picture{max-width:100%;height:auto;display:block}p{text-wrap:pretty}figure,p,h1,h2,h3{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:5px;outline:3px solid #aab8ff}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.wrap{width:min(var(--page), calc(100% - 112px));margin-inline:auto}.section-space{padding-block:120px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;font-size:12px;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:var(--bg);padding:14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.button{white-space:nowrap;background:var(--accent);min-height:52px;color:var(--bg);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:28px;padding:14px 22px;font-size:14px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#ffedbe;transform:translateY(-2px)}.button-small{min-height:44px;padding:10px 20px;font-size:13px}.button-secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.site-header{z-index:40;background:#0d0b18f0;border-bottom:1px solid #0000;transition:background .35s,border-color .35s;position:sticky;top:0}@supports (backdrop-filter:blur(1px)){.site-header{backdrop-filter:saturate(150%)blur(20px);background:#0d0b1899}.site-header[data-scrolled]{background:#0d0b18c7}}.site-header[data-scrolled]{border-bottom-color:#f5f3fa14}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:80px;transition:min-height .35s cubic-bezier(.2,.7,.2,1);display:flex}.site-header[data-scrolled] .header-inner{min-height:66px}.brand{flex:none;align-items:center;gap:10px;display:inline-flex}.brand img{border-radius:9px}.brand span{letter-spacing:-1.1px;font-size:25px;font-weight:800}.desktop-nav{gap:32px;margin-left:auto;margin-right:32px;display:flex}.desktop-nav a{color:var(--muted);padding-block:14px;font-size:13px;transition:color .2s;position:relative}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--ink)}.desktop-nav a:after{content:"";background:var(--accent);opacity:0;border-radius:50%;width:4px;height:4px;transition:opacity .3s,transform .3s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)scale(.4)}.desktop-nav a[aria-current]:after{opacity:1;transform:translate(-50%)}.header-actions{align-items:center;gap:12px;display:flex}.language{place-items:center;min-width:44px;min-height:44px;font-size:12px;font-weight:700;display:grid}.language:hover{color:var(--accent)}.motion-toggle{min-height:44px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.motion-toggle:hover{background:var(--surface);color:var(--ink)}.motion-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.motion-toggle .play-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}.motion-toggle[aria-pressed=true] .pause-icon{display:none}.motion-toggle:disabled{opacity:.7;cursor:default}.landing-canvas{isolation:isolate;position:relative}.page-light{z-index:-1;pointer-events:none;background:radial-gradient(65% 600px at 88% 180px,#85643d20,#0000 75%),radial-gradient(80% 1600px at 0 42%,#3d456124,#0000 78%);position:absolute;inset:0}.landing-canvas:after{content:"";z-index:60;pointer-events:none;opacity:.045;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='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.hero{isolation:isolate;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:800px;padding-block:72px 100px;display:grid;position:relative}.hero-copy{z-index:2;padding-top:12px;position:relative}.hero h1{letter-spacing:-.06em;font-size:clamp(58px,5.9vw,84px);font-weight:800;line-height:1.035}.hero h1>span{display:block}.hero h1 .accent{color:var(--accent)}.hero-description{color:var(--muted);max-width:380px;margin-top:30px;font-size:17px;line-height:1.8}.hero-actions{align-items:center;gap:24px;margin-top:32px;display:flex}.hero-secondary{align-items:center;gap:12px;min-height:44px;font-size:12px;font-weight:650;display:flex}.hero-secondary:hover{color:var(--accent)}.availability{color:var(--muted);margin-top:18px;font-size:11px}.hero-product{--depth:0px;isolation:isolate;height:630px;position:relative}.hero-art{width:78%;transform:translateY(calc(var(--depth) * -.65)) rotate(-9deg);filter:brightness(.86);position:absolute;top:70px;left:-11%}.hero-art img{border-radius:22px;box-shadow:0 30px 80px #0007}.app-window{width:64%;max-width:355px;transform:translateY(var(--depth)) rotate(4deg);background:var(--surface);border:1px solid #746a844d;border-radius:30px;position:absolute;top:0;right:0;overflow:hidden;box-shadow:0 34px 70px #0009}.hero-caption{color:var(--ink);align-items:flex-start;gap:16px;font-size:13px;line-height:1.8;display:flex;position:absolute;bottom:4px;left:-5%}.hero-caption strong{color:var(--muted);font-size:11px;font-weight:500}.caption-line{background:var(--accent);width:30px;height:1px;margin-top:12px}h2{letter-spacing:-.047em;text-wrap:balance;font-size:clamp(36px,4.1vw,58px);font-weight:750;line-height:1.1}.section-heading{margin-bottom:64px}.catalogue{padding-top:80px;padding-bottom:48px;overflow:clip}.catalogue-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;display:flex}.catalogue-viewport{cursor:grab;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:auto;-webkit-user-select:none;user-select:none;width:100%;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 min(7vw,96px) calc(100% - min(7vw,96px)),#0000);mask-image:linear-gradient(90deg,#0000,#000 min(7vw,96px) calc(100% - min(7vw,96px)),#0000)}.catalogue-viewport::-webkit-scrollbar{display:none}.catalogue-viewport.is-dragging{cursor:grabbing}.catalogue-track{gap:24px;width:max-content;margin:0;padding:8px 56px 24px;list-style:none;display:flex;position:relative}.piece-card{flex:none;width:230px}.piece-art{background:var(--surface);aspect-ratio:1;border-radius:12px;overflow:hidden}.piece-art img{aspect-ratio:1;object-fit:cover;pointer-events:none;width:100%;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.piece-card:hover .piece-art img{transform:scale(1.035)}.piece-card h3{letter-spacing:-.025em;text-wrap:balance;margin-top:17px;font-size:15px;font-weight:650;line-height:1.45}.piece-card p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.6}.learning-layout{grid-template-columns:1fr 1fr;align-items:start;gap:100px;display:grid}.journey-study{width:min(100%,390px);margin:auto;position:relative}.study-heading{color:var(--muted);justify-content:space-between;gap:16px;margin-bottom:20px;font-size:11px;display:flex}.journey-frame{background:#191629;border:1px solid #746a8438;border-radius:24px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 28px 70px #0003}.journey-header{z-index:2;flex:none;padding:10px 10px 6px;position:relative}.journey-header img{width:100%;height:auto}.journey-path picture{display:block}.journey-crop{scrollbar-width:thin;scrollbar-color:#746a8450 transparent;height:690px;min-height:0;position:relative;overflow-y:auto;mask-image:linear-gradient(#0000,#000 3% 95%,#0000)}.journey-path{position:relative}.journey-path img{width:100%;height:auto}.journey-coach{pointer-events:none;position:absolute}.journey-coach canvas{opacity:0;width:100%;height:100%;transition:opacity .45s;display:block;position:relative}.journey-coach.is-ready canvas{opacity:1}.coach-poster{pointer-events:none;transition:opacity .45s;position:absolute;inset:0;overflow:hidden}.coach-poster img{position:absolute}.coach-poster[data-fit=height] img{width:auto;max-width:none;height:100%;top:0;left:50%;transform:translate(-50%)}.coach-poster[data-fit=contain] img{object-fit:contain;object-position:50% 100%;width:100%;height:100%;inset:0}[data-coach].is-ready .coach-poster{opacity:0}.learning-copy .section-heading{margin-bottom:48px}.learning-steps{gap:44px;margin:0;padding:0;list-style:none;display:grid}.learning-steps li{align-items:flex-start;gap:24px;transition:opacity .6s cubic-bezier(.2,.7,.2,1);display:flex;position:relative}.learning-steps[data-active] li{opacity:.36}.learning-steps[data-active="0"] li[data-step="0"],.learning-steps[data-active="1"] li[data-step="1"],.learning-steps[data-active="2"] li[data-step="2"]{opacity:1}.step-number{color:var(--accent);font-variant-numeric:tabular-nums;min-width:24px;padding-top:7px;font-size:12px;font-weight:650}.learning-steps li:not(:last-child):after{content:"";background:linear-gradient(var(--line), transparent);width:1px;height:calc(100% + 28px);position:absolute;top:38px;left:10px}.learning-steps h3{letter-spacing:-.035em;font-size:25px;font-weight:700;line-height:1.3}.learning-steps p{color:var(--muted);max-width:295px;margin-top:14px;font-size:15px;line-height:1.8}.reading-section{background:0 0}.reading-heading{justify-content:space-between;align-items:flex-end;gap:48px;display:flex}.reading-heading .lead{max-width:380px;color:var(--muted);padding-bottom:6px;font-size:16px;line-height:1.75}.reading-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.reading-tabs{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:4px;padding:5px;display:flex}.reading-tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px 20px;font-size:13px;font-weight:650;transition:background .2s,color .2s,box-shadow .2s;display:flex}.reading-tabs button[aria-selected=true]{color:var(--ink);background:#302a43;box-shadow:inset 0 0 0 1px #8d7caa70,0 2px 8px #0002}.reading-tabs button:hover:not([aria-selected=true]){color:var(--ink);background:#ffffff08}.reading-options{align-items:center;gap:8px;display:flex}.hand-controls{align-items:center;gap:6px;display:flex}.hand-toggle{min-width:80px;min-height:48px;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.hand-toggle[aria-pressed=true],.fingering-toggle[aria-pressed=true]{color:var(--ink);background:#29233b;border-color:#736383}.hand-left{transform:scaleX(-1)}.fingering-toggle{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#171329b3;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.finger-symbol{align-items:center;gap:3px;display:inline-flex}.finger-symbol i{font-variant-numeric:tabular-nums;opacity:.85;border:1px solid;border-radius:7px;place-items:center;width:15px;height:18px;font-size:10px;font-style:normal;display:grid}.finger-symbol i:nth-child(2){transform:translateY(-3px)}.fingering-toggle[aria-pressed=false]{color:var(--muted);background:0 0}.reading-toolbar .motion-toggle{border:0;border-radius:8px;min-width:44px;min-height:48px;padding:8px 12px}.reading-toolbar .motion-toggle span{display:none}.practice-state{border:1px solid var(--line);min-height:40px;color:var(--muted);font-variant-numeric:tabular-nums;background:#171329b3;border-radius:999px;align-items:center;gap:10px;padding:7px 16px 7px 8px;font-size:13px;font-weight:600;transition:color .3s,border-color .3s,background .3s;display:inline-flex}.practice-state-icon{background:#ffffff0d;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.practice-state[data-state=waiting]{color:var(--accent);background:#f6e0a40d;border-color:#f6e0a450}.practice-state[data-state=waiting] .practice-state-icon{animation:1.4s ease-out infinite waiting}.practice-state[data-state=correct]{color:#a4dbbc;background:#a4dbbc0f;border-color:#a4dbbc50}@keyframes waiting{0%{box-shadow:0 0 #f6e0a455}to{box-shadow:0 0 0 9px #f6e0a400}}@media (width>=900px) and (height>=700px) and (prefers-reduced-motion:no-preference){.learning{min-height:calc(100svh + 3700px)}.learning-layout{grid-template-rows:minmax(0,1fr);align-items:center;height:min(960px,100svh - 104px);position:sticky;top:84px}.journey-study{flex-direction:column;height:100%;min-height:0;display:flex}.journey-crop{flex:1;min-height:0;overflow-y:hidden}}@media (width>=900px) and (height>=700px) and (height<=819px){.learning-copy h2{font-size:clamp(36px,3.8vw,48px)}.learning-copy .section-heading{margin-bottom:28px}.learning-steps{gap:24px}.learning-steps h3{font-size:22px}.learning-steps p{margin-top:10px;font-size:14px;line-height:1.65}}@media (width<=1100px){.reading-toolbar{flex-wrap:wrap;gap:16px}.reading-tabs,.reading-tabs button{flex:1}}.reading-panels{min-width:0}.reading-panel{outline-offset:10px}.reading-visual{background:var(--bg);aspect-ratio:820/402;border-radius:20px;width:100%;transition:height .28s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;box-shadow:0 28px 70px #0003}.reading-visual video{aspect-ratio:820/402;object-fit:contain;opacity:0;pointer-events:none;width:100%;height:auto;position:absolute;bottom:0;left:0}.reading-visual video.is-current{opacity:1}.reading-explanation{color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin-top:22px;font-size:13px;line-height:1.75;display:flex}.reading-source{white-space:nowrap;font-size:12px}.reading-fallback{width:100%}.coach-section{grid-template-columns:1.05fr 1fr;align-items:center;gap:100px;display:grid}.story-scene{--story-bubble:262px;isolation:isolate;height:740px;margin:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 6% 94%,#0000)}.coach-backdrop{z-index:-1;position:absolute;inset:0}.coach-backdrop img{object-fit:cover;opacity:.5;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.coach-stage{inset:24px 0 var(--story-bubble);z-index:1;position:absolute}.coach-stage:after{content:"";z-index:-1;filter:blur(14px);background:#0007;border-radius:50%;height:26px;position:absolute;bottom:-6px;left:30%;right:30%}.coach-stage canvas{opacity:0;width:100%;height:100%;transition:opacity .45s;display:block;position:relative}.coach-stage.is-ready canvas{opacity:1}.story-caption{z-index:2;justify-items:center;gap:10px;width:min(88%,440px);display:grid;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.story-title{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:700}.story-lines{display:grid}.story-bubble{background:#1d1a36;border:1px solid #e0a82e47;border-radius:20px;gap:8px;width:100%;padding:18px 24px;display:grid;position:relative;box-shadow:0 0 24px #0006}.story-bubble:before{content:"";background:#1d1a36;border-top:1px solid #e0a82e47;border-left:1px solid #e0a82e47;width:13px;height:13px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.story-line{text-align:center;letter-spacing:-.005em;color:#fffffff2;opacity:0;grid-area:1/1;align-self:center;margin:0;font-size:17px;font-weight:600;line-height:1.45;transition:opacity .7s}.story-line.is-current{opacity:1}.story-pages{gap:2px;display:flex}.story-pages button{background:0 0;border:0;place-items:center;width:34px;height:34px;padding:0;display:grid}.story-pages button span{background:#ffffff38;border-radius:3px;width:6px;height:6px;transition:width .35s cubic-bezier(.2,.7,.2,1),background .35s}.story-pages button:hover span{background:#ffffff70}.story-pages button[aria-current] span{background:var(--accent);width:20px}.coach-copy .lead{color:var(--muted);max-width:370px;margin-top:30px;font-size:17px;line-height:1.8}.gym-section{grid-template-columns:.8fr 1.2fr;align-items:center;gap:44px;display:grid}.gym-copy>p:not(.eyebrow){max-width:330px;color:var(--muted);margin-top:28px;font-size:16px;line-height:1.8}.gym-domains{flex-wrap:wrap;gap:14px 24px;max-width:340px;margin:30px 0 0;padding:0;list-style:none;display:flex}.gym-domains li{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.gym-domains li:before{content:"";background:var(--domain);border-radius:50%;width:6px;height:6px}.domain-0{--domain:#81c4b5}.domain-1{--domain:#e8c87e}.domain-2{--domain:#9baedc}.domain-3{--domain:#c5a6dc}.domain-4{--domain:#edae9e}.gym-visual{min-width:0}.gym-visual video{aspect-ratio:1;width:100%;mask-image:radial-gradient(#000 58%,#0000 74%)}.gym-visual figcaption{text-align:center;color:var(--muted);margin-top:-12px;font-size:11px;position:relative}.faq-section{grid-template-columns:.85fr 1.15fr;gap:100px;padding-bottom:72px;display:grid}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding-block:22px;font-size:15px;font-weight:600;line-height:1.6;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--muted);font-size:24px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);padding:0 38px 24px 0;font-size:14px;line-height:1.9}.site-footer{grid-template-columns:1fr auto;align-items:center;gap:8px 40px;margin-top:40px;padding-block:0 44px;display:grid}.download-inline{border-block:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:32px 64px;margin-bottom:18px;padding-block:36px;display:flex}.download-app{align-items:center;gap:16px;display:flex}.download-app img{border-radius:12px;box-shadow:0 8px 24px #0006}.download-app>span{gap:2px;display:grid}.download-app strong{letter-spacing:-1px;font-size:24px;font-weight:800}.download-app strong+span{color:var(--muted);font-size:13px}.download-platforms{flex-wrap:wrap;gap:12px 40px;margin:0;padding:0;list-style:none;display:flex}.download-platforms li{gap:6px;display:grid}.platform{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.store-status{color:var(--muted);align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.store-status.is-soon{color:var(--ink)}.store-status.is-soon:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f6e0a41f}.store-link{min-height:44px;color:var(--accent);align-items:center;gap:8px;font-size:15px;font-weight:650;display:inline-flex}.store-link:hover{color:#ffedbe}.site-footer nav{flex-wrap:wrap;gap:0 24px;display:flex}.site-footer nav a{color:var(--muted);align-items:center;min-height:44px;font-size:13px;display:flex}.site-footer nav a:hover{color:var(--ink)}.site-footer small{color:var(--muted);text-align:right;font-size:12px;line-height:1.8}@media (width>=1500px){.hero-product{height:670px}.app-window{width:65%;max-width:365px;right:10px}.hero-art{width:84%;top:90px;left:-12%}}@media (width<=1100px){.wrap{width:calc(100% - 80px)}.desktop-nav{gap:24px;margin-right:12px}.hero{gap:24px;min-height:710px}.hero h1{font-size:64px}.hero-product{height:550px}.hero-art{width:82%;top:65px;left:-7%}.app-window{width:68%;top:30px}.hero-caption{bottom:10px}.hero-actions{flex-wrap:wrap;gap:16px}.learning-layout,.coach-section,.faq-section{gap:60px}.story-scene{height:700px}}@media (width<=800px){.wrap{width:calc(100% - 56px)}.header-inner{min-height:72px}.desktop-nav{display:none}.section-space{padding-block:80px}.hero{gap:20px;min-height:660px;padding-block:56px 70px}.hero h1{font-size:54px}.hero-description{font-size:15px}.hero-product{height:470px}.app-window{width:74%;top:35px}.hero-art{width:90%;top:75px;left:-5%}.hero-caption{font-size:11px;bottom:0;left:0}.hero-secondary{font-size:11px}.hero-actions{gap:10px;margin-top:24px}.availability{font-size:12px}.hero .eyebrow{letter-spacing:.1em;font-size:10px}.catalogue{padding-top:50px;padding-bottom:70px}.piece-card{width:210px}.learning-layout{gap:44px}.learning-steps{gap:48px}.learning-steps h3{font-size:22px}.learning-steps p{font-size:13px}.reading-heading{gap:32px}.reading-tabs button{padding:10px 20px}.coach-section{gap:44px}.story-scene{height:680px}.coach-copy .lead{font-size:15px}.gym-section{gap:24px}.gym-copy>p:not(.eyebrow){font-size:14px}.gym-domains{gap:12px}.gym-domains li{font-size:11px}.gym-visual{margin-inline:-20px}.faq-section{gap:48px}.faq-list summary{font-size:13px}.site-footer nav{gap:0 16px}}@media (width<=600px){.wrap{width:calc(100% - 40px)}html{scroll-padding-top:88px}.header-inner{gap:10px;min-height:66px}.brand img{border-radius:8px;width:30px;height:30px}.brand span{font-size:23px}.header-actions{gap:4px}.button-small{min-height:44px;padding:10px 14px;font-size:12px}.language{min-width:44px;font-size:11px}.hero{grid-template-columns:1fr;gap:36px;min-height:0;padding-block:44px 24px}.hero-copy{padding:0}.hero .eyebrow{margin-bottom:22px;font-size:10px}.hero h1{letter-spacing:-.058em;font-size:clamp(40px,11.4vw,60px)}.hero-description{max-width:350px;margin-top:24px;font-size:15px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px 24px;margin-top:24px}.hero-actions .button{gap:22px;min-height:48px;padding:13px 18px;font-size:13px}.hero-secondary{gap:8px;font-size:11px}.availability{margin-top:14px;font-size:12px}.hero-product{width:100%;max-width:440px;height:570px;margin:auto}.app-window{border-radius:24px;width:66%;max-width:285px;top:0;right:5%;transform:rotate(4deg)}.hero-art{width:77%;top:75px;left:-1%;transform:rotate(-9deg)}.hero-art img{border-radius:16px}.hero-caption{font-size:12px;bottom:20px;left:0}.hero-caption strong{font-size:11px}.section-space{padding-block:72px}h2{letter-spacing:-.045em;font-size:clamp(33px,9vw,44px)}.eyebrow{margin-bottom:18px;font-size:10px}.section-heading{margin-bottom:36px}.catalogue{padding-top:36px;padding-bottom:16px}.reading-heading .lead{margin-top:18px;font-size:15px}.faq-section{padding-bottom:40px}.catalogue-heading{align-items:flex-start;gap:14px;margin-bottom:28px}.catalogue-track{gap:18px;padding:8px 20px 24px}.piece-card{width:190px}.piece-card h3{margin-top:14px;font-size:14px}.piece-card p{font-size:11px}.learning-layout{flex-direction:column;gap:36px;display:flex}.learning-copy{display:contents}.learning-copy .section-heading{order:-1;width:100%;margin-bottom:0}.learning-steps{order:2;width:100%}.journey-study{width:min(100%,350px)}.journey-crop{height:640px}.journey-frame{border-radius:20px;width:100%}.study-heading{margin-bottom:16px;font-size:11px}.learning-steps{gap:32px;padding-inline:4px}.learning-steps li{gap:18px}.learning-steps h3{font-size:21px}.learning-steps p{max-width:270px;margin-top:8px;font-size:13px}.step-number{padding-top:5px;font-size:11px}.learning-steps li:not(:last-child):after{height:calc(100% + 5px)}.reading-heading{display:block}.reading-toolbar{flex-direction:column;align-items:stretch;gap:12px;width:100%;margin-bottom:20px}.reading-tabs{gap:2px;padding:4px}.reading-tabs button{flex-direction:column;gap:6px;min-height:68px;padding:9px 8px;font-size:12px}.reading-options{justify-content:space-between;gap:4px}.hand-controls{gap:4px}.hand-toggle{gap:5px;min-width:66px;padding-inline:7px;font-size:11px}.hand-toggle svg{width:18px}.fingering-toggle{gap:7px;padding-inline:8px;font-size:11px}.finger-symbol{gap:2px}.finger-symbol i{width:12px;height:16px;font-size:9px}.reading-toolbar .motion-toggle{padding-inline:8px}.reading-visual,.reading-visual video{aspect-ratio:480/420}.reading-visual{width:100%;box-shadow:none;border-radius:10px}.reading-explanation{flex-direction:column;gap:8px;margin-top:18px;font-size:12px}.coach-section{flex-direction:column;gap:20px;display:flex}.coach-copy{order:-1;width:100%}.coach-copy .lead{max-width:320px;margin-top:24px;font-size:15px}.story-scene{--story-bubble:290px;width:100%;max-width:440px;height:660px;margin-top:8px}.story-line{font-size:16px}.gym-section{grid-template-columns:1fr;gap:12px;padding-top:40px}.gym-copy>p:not(.eyebrow){max-width:290px;margin-top:24px;font-size:15px}.gym-domains{gap:14px 22px;max-width:310px;margin-top:24px}.gym-domains li{font-size:12px}.gym-visual{margin:0 -16px}.gym-visual figcaption{margin-top:-5px;font-size:11px}.faq-section{grid-template-columns:1fr;gap:32px}.faq-list summary{min-height:72px;font-size:14px}.faq-list details p{padding-right:20px;font-size:13px}.site-footer{grid-template-columns:1fr;gap:4px;margin-top:24px;padding-bottom:32px}.download-inline{flex-direction:column;align-items:flex-start;gap:28px;margin-bottom:12px;padding-block:32px}.download-platforms{gap:12px 32px}.site-footer nav{gap:0 20px}.site-footer nav a{font-size:12px}.site-footer small{text-align:left;margin-top:8px}}@media (width<=374px){.finger-label{display:none}.wrap{width:calc(100% - 32px)}.brand{gap:7px}.brand span{font-size:20px}.header-actions{gap:0}.header-inner{gap:6px}.button-small{padding:10px 12px}.hero h1{font-size:37px}.hero-product{height:480px}.hero-actions{gap:16px}.hero-secondary{max-width:115px}.story-scene{--story-bubble:300px;height:640px}.story-line{font-size:15px}.reading-tabs button{padding:8px 7px;font-size:11px}}@media (prefers-reduced-motion:reduce){.journey-crop{mask-image:none}html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-art{transform:rotate(-9deg)}.app-window{transform:rotate(4deg)}}.sound-toggle{min-width:44px;min-height:48px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:12px;display:inline-flex}.sound-toggle[aria-pressed=true]{color:var(--accent);background:#29233b;border-color:#736383}.sound-toggle .sound-on,.sound-toggle[aria-pressed=true] .sound-off{display:none}.sound-toggle[aria-pressed=true] .sound-on{display:block}@media (width<=600px){.sound-toggle{padding:8px}.sound-toggle span,.finger-label{display:none}.finger-name{display:block}}@media (width<=380px){.hand-toggle{min-width:52px}.hand-toggle .hand-label{display:none}.hand-toggle[data-hand=leftHand]:after{content:"L"}.hand-toggle[data-hand=rightHand]:after{content:"R"}}.store-badge{border-radius:9px;flex:none;display:inline-block}.store-badge img{width:auto;height:52px}@media (width<=600px){.store-badge img{height:48px}.hero-actions{row-gap:14px}}.finger-name{display:none}@media (width<=600px){.fingering-toggle .finger-name{display:block}}@media (prefers-reduced-motion:no-preference){.rise{animation:.9s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:calc(var(--i,0) * 70ms + 60ms)}.hero-art{animation:1.3s cubic-bezier(.2,.7,.2,1) .18s both art-in}.app-window{animation:1.2s cubic-bezier(.2,.7,.2,1) 40ms both window-in}.hero-caption{animation:.9s cubic-bezier(.2,.7,.2,1) .7s both rise}[data-reveal=pending]{opacity:0;translate:0 28px}[data-reveal=shown]{transition:opacity .9s cubic-bezier(.2,.7,.2,1),translate .9s cubic-bezier(.2,.7,.2,1)}}@keyframes rise{0%{opacity:0;translate:0 18px}}@keyframes art-in{0%{translate:-28px 36px;rotate:-4deg}}@keyframes window-in{0%{translate:0 44px;scale:.97}}.hero-caption{max-width:34%}@media (width<=1100px) and (width>=601px){.hero-caption{display:none}}@supports (interpolate-size:allow-keywords){.faq-list{interpolate-size:allow-keywords}.faq-list details::details-content{block-size:0;transition:block-size .4s cubic-bezier(.2, .7, .2, 1), content-visibility .4s allow-discrete;overflow:clip}.faq-list details[open]::details-content{block-size:auto}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.not-found{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:48px;min-height:min(760px,100svh - 80px);padding-block:64px;display:grid}.not-found-coach{height:min(520px,60svh);position:relative}.not-found h1{text-wrap:balance;letter-spacing:-.05em;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.05}.not-found-en{color:var(--muted);margin-top:16px;font-size:17px}.not-found-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px;display:flex}@media (width<=700px){.not-found{grid-template-columns:1fr;gap:8px;padding-block:32px 64px}.not-found-coach{height:300px}}@media (width<=600px){.hero-product{height:auto;padding-bottom:0}.hero-product .app-window{margin-left:auto;margin-right:5%;position:relative;right:auto}.hero-caption{align-items:center;width:100%;max-width:none;margin-top:30px;position:relative;inset:auto}.hero-caption .caption-line{margin-bottom:0}.journey-crop{height:min(640px,65svh)}}@media (pointer:coarse),(width<=600px){.catalogue-viewport{-webkit-mask-image:none;mask-image:none}.piece-card{contain:layout paint}.journey-crop{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.reading-visual{transition:none}.reading-visual video{aspect-ratio:auto;object-fit:contain;height:100%}}.legal-stage{color:#252132;color-scheme:light;--ink:#252132;--muted:#655c70;--line:#cfc7d6;background:#f3f1f6;padding:70px 24px 100px}.sheet{max-width:760px;margin:auto;font-size:15px;line-height:1.85}.sheet h1{overflow-wrap:anywhere;letter-spacing:-.015em;margin-bottom:20px;font-size:clamp(27px,5vw,44px);line-height:1.2}.sheet h2{margin:34px 0 12px;font-size:24px;line-height:1.4}.sheet h1,.sheet h2,.sheet h3{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance}@media (width<=400px){.sheet h2{font-size:21px}}.sheet h3{margin:24px 0 10px}.sheet p,.sheet ul,.sheet ol{margin-block:14px}.sheet a{color:#493578;text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.sheet .stand{color:var(--muted);font-size:13px}.sheet table{border-collapse:collapse;width:100%;font-size:13px}.sheet td,.sheet th{border:1px solid var(--line);text-align:left;padding:10px}.sheet .button{color:#201b2e}.sheet code{overflow-wrap:anywhere}.legal-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:700}.legal-contents{border-block:1px solid var(--line);margin-block:32px}.legal-contents summary{cursor:pointer;justify-content:space-between;min-height:48px;padding-block:18px;font-weight:650;list-style:none;display:flex}.legal-contents summary::-webkit-details-marker{display:none}.legal-contents[open] summary span{transform:rotate(180deg)}.sheet ul,.sheet ol{padding-left:24px}.sheet li+li{margin-top:10px}.legal-contents ol{columns:2;column-gap:40px;padding-bottom:12px;font-size:13px}.legal-contents li{break-inside:avoid}.legal-contents a{padding-block:8px;display:inline-block}.legal-section{border-bottom:1px solid var(--line);padding-block:2px 24px}.legal-section h2{scroll-margin-top:32px}.legal-end{flex-wrap:wrap;gap:12px 32px;padding-block:24px;font-size:13px;display:flex}.contact-option{border-bottom:1px solid var(--line);margin-top:32px;padding-bottom:26px}@media (width<=600px){.legal-contents ol{columns:1}}@media print{.site-header,.site-footer,.skip-link,.legal-contents,.legal-end{display:none}body,.legal-stage{color:#000;background:#fff}.legal-stage{padding:0}.sheet{max-width:none;font-size:10pt;line-height:1.5}.sheet h1{font-size:24pt}.sheet h2{break-after:avoid;font-size:15pt}.sheet p,.sheet li{orphans:3;widows:3}}html:has(.legal-stage){scroll-behavior:auto}
