/* Direction study: product first, sound second. Scoped to the opening. */
.home-page{background:#b7b4b1}.home-page>header{background:#111214;color:#eeeae4;max-width:none;padding:0 max(6%,calc((100vw - 1200px)/2));height:88px;border-bottom:1px solid #ffffff0b}.home-page>header .brand-logo{background:transparent;padding:0;width:35px;height:35px}.home-page>header .pill{background:#eeeae4;color:#111;border:0}.home-page>header select option{background:#17181a;color:#eee}.opening{background:#111214;color:#eeeae4}.product-hero{max-width:1200px;margin:auto;padding:52px 40px 68px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;min-height:740px}.product-copy{padding-bottom:28px}.opening .eyebrow{color:#86b7b0;font-size:11px;letter-spacing:2px;font-weight:500}.product-copy h1{font-size:clamp(42px,4.6vw,66px);font-weight:400;line-height:1.12;letter-spacing:-.055em;margin:27px 0}.product-copy h1 span{color:#9c9c9e}.product-copy p{font-size:17px;line-height:1.85;color:#b6b5b8;max-width:390px;margin:28px 0 32px}.product-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.opening .pill{background:#e6e8df;color:#141618;border:0;font-weight:500;padding:14px 25px}.opening .pill:hover{background:#fff}.sound-jump{font-size:14px;color:#c4d3ce;display:flex;align-items:center;gap:9px}.sound-jump span{font-size:23px}.product-platform{font-size:12px;letter-spacing:1.5px;margin-top:40px;color:#8c8c91}.product-platform span{padding:0 10px;color:#4e5354}.product-figure{margin:0;position:relative;display:flex;flex-direction:column;align-items:center;isolation:isolate}.product-figure:before{content:'';position:absolute;inset:8% -5% 0;background:radial-gradient(ellipse at 35% 50%,#3db0a918,transparent 58%),radial-gradient(ellipse at 70% 75%,#d4478310,transparent 60%);z-index:-1;filter:blur(30px)}.real-device{width:268px;padding:6px;border:1px solid #5c5b6550;border-radius:38px;background:#070708;box-shadow:0 25px 50px #0005,0 0 0 1px #09090a}.real-device img{display:block;width:100%;height:auto;border-radius:31px}.product-figure figcaption{font-size:11px;color:#85858c;margin-top:21px;letter-spacing:.4px;text-align:center}.sound-section{max-width:1200px;margin:auto;padding:80px 40px 95px;border-top:1px solid #ffffff13;display:grid;grid-template-columns:.85fr 1.2fr;gap:90px;align-items:center}.sound-intro h2{font-size:clamp(35px,3.8vw,49px);font-weight:400;line-height:1.2;margin:23px 0;letter-spacing:-.045em}.sound-intro h2 span{color:#95979a}.sound-intro p{max-width:290px;font-size:16px;line-height:1.8;color:#a6a6ad}.sound-demo{margin-top:24px;display:flex;align-items:center;gap:14px;background:none;border:0;color:#cbd1cf;padding:0;font-size:13px}.sound-demo .play-symbol{width:37px;height:37px;border-radius:50%;border:1px solid #565c5b;display:grid;place-items:center;font-size:10px}.sample-instrument{background:#181a1e;border:1px solid #e4e8ec1a;border-radius:23px;padding:27px 28px 12px;box-shadow:0 20px 40px #0002;position:relative;overflow:hidden}.sample-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;letter-spacing:.3px;color:#d9d9dc}.sample-count{font-family:monospace;color:#878c91;font-size:10px;letter-spacing:1px}.sample-instrument .sound-display{position:relative;height:222px;gap:14px;margin:0;background:none;border:0}.readout-caption{font-size:10px;color:#898e92;letter-spacing:1px}.sample-instrument .dot-type{width:116px;height:72px;color:#e4e7e4}.sample-instrument .frequency{font-size:11px;font-family:monospace;color:#8b9699}.resonance-line{position:absolute;bottom:10px;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,#3db0a954,transparent)}.sample-instrument .sound-display.sounding{animation:none}.sound-display.sounding .resonance-line{animation:resonate-line .85s ease-out}.sound-display.sounding .dot-type{color:#e8a3c0;transition:color .15s}.sample-ticks{display:flex;justify-content:space-between;height:15px;margin-bottom:12px}.sample-ticks i{height:4px;width:1px;background:#ffffff22}.sample-ticks i:nth-child(5n+1){height:8px;background:#ffffff40}.sample-instrument .notes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.sample-instrument .note{height:87px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:9px 2px 12px;background:#202328;border:1px solid #ffffff13;border-radius:11px;box-shadow:inset 0 1px 0 #ffffff05;color:#e1e0e5;transform:none;font-size:15px}.key-index{font-family:monospace;font-size:9px;color:#747b81}.key-dot{height:3px;width:3px;border-radius:50%;background:#4d555a}.sample-instrument .note:hover{background:#27322f;border-color:#3db0a965;box-shadow:none;transform:none}.sample-instrument .note.active{background:linear-gradient(180deg,#42313b,#242327);border-color:#d4478375;box-shadow:0 0 18px #d4478314}.sample-instrument .note.active .key-dot{background:#ee8bb6;box-shadow:0 0 8px #ec7faf}.sample-instrument .volume-row{margin:23px 0 4px;font-size:11px;color:#929a9b;gap:13px}.sample-instrument input{accent-color:#67b7ad;height:22px}.sample-instrument .toast{font-size:12px;min-height:18px;margin:5px 0;color:#e6b3c7}.opening a:focus-visible,.opening button:focus-visible,.opening input:focus-visible{outline:2px solid #89c9c0;outline-offset:4px}html[lang=zh-Hans] .product-copy h1,html[lang=ja] .product-copy h1{font-size:clamp(40px,4vw,59px);font-weight:400;line-height:1.25}html[lang=de] .product-copy h1{font-size:clamp(40px,4.1vw,57px)}@keyframes resonate-line{0%{transform:scaleY(2);box-shadow:0 0 20px 5px #d447833a;filter:brightness(3)}100%{transform:scaleY(1);box-shadow:none;filter:brightness(1)}}@media(max-width:950px){.product-hero{gap:30px;padding:40px 6% 55px;grid-template-columns:1.1fr 1fr}.real-device{width:245px}.sound-section{gap:40px;padding:65px 6%}.sample-instrument{padding:22px 20px 12px}}@media(max-width:760px){.home-page>header{height:76px;padding:0 6%}.product-hero{grid-template-columns:1fr;padding:44px 7% 48px;gap:35px;min-height:0}.product-copy{padding-bottom:0}.product-copy h1{font-size:46px;margin:22px 0}.product-copy p{font-size:16px;margin:22px 0 28px}.product-platform{margin-top:25px}.product-actions{gap:22px}.product-figure{padding-top:3px}.real-device{width:255px}.sound-section{grid-template-columns:1fr;gap:25px;padding:50px 6% 60px}.sound-intro h2{font-size:38px}.sound-intro p{max-width:100%}.sound-demo{margin:20px 0 8px}.sample-instrument{padding:22px 17px 12px;border-radius:20px}.sample-instrument .sound-display{height:195px}.sample-instrument .notes{gap:5px}.sample-instrument .note{height:80px;font-size:13px}.sample-instrument .volume-row{font-size:10px}html[lang=zh-Hans] .product-copy h1,html[lang=ja] .product-copy h1{font-size:40px}html[lang=de] .product-copy h1{font-size:40px}}@media(max-width:360px){.product-copy h1{font-size:38px}.real-device{width:230px}.product-actions{gap:15px}.sound-jump{font-size:13px}.opening .pill{padding:12px 18px}.sample-instrument .note{font-size:12px}.sample-top{font-size:12px}html[lang=ja] .product-copy h1{font-size:34px}}@media(prefers-reduced-motion:reduce){.sound-display.sounding .resonance-line{animation:none}}
.sample-instrument .volume-row>span,.sample-instrument .volume-row>output{flex-shrink:0;white-space:nowrap}.sample-instrument .volume-row>input{flex:1;width:0;min-width:0}

/* Practice-first hero: a real recording, started only by the visitor. */
.product-copy h1{text-wrap:balance;font-size:clamp(36px,4.1vw,58px);line-height:1.2}.product-copy p{max-width:480px}.hero-watch{font-size:15px;color:#d3dfd8;text-underline-offset:5px}.hero-watch:focus-visible{outline:2px solid #d3dfd8;outline-offset:5px}.practice-hero-demo{scroll-margin-top:105px}.practice-hero-demo .real-device{width:min(310px,100%)}.practice-hero-demo video{display:block;width:100%;height:auto;border-radius:28px;background:#16121f}.practice-hero-demo .figure-kicker{max-width:350px;text-align:center;line-height:1.6}.practice-hero-demo figcaption{max-width:350px;line-height:1.6}@media(max-width:760px){.product-hero{padding-top:30px}.product-copy h1{font-size:clamp(34px,8vw,48px)}.practice-hero-demo .real-device{width:280px}}