.analytics-choice{position:fixed;z-index:1000;bottom:20px;left:20px;right:20px;max-width:760px;margin:auto;padding:22px;border:1px solid #24231f;border-radius:16px;background:#f4f2e9;color:#24231f;box-shadow:0 8px 40px #24231f26;font-family:Anybody,system-ui,sans-serif;display:flex;align-items:center;gap:24px}.analytics-choice strong{font-size:17px}.analytics-choice p{font-size:13px;line-height:1.5;margin:8px 0 0}.analytics-actions{display:flex;flex-shrink:0;gap:8px}.analytics-actions button{font:inherit;font-size:13px;padding:12px 14px;border:1px solid #24231f;border-radius:8px;cursor:pointer;background:transparent;color:inherit}.analytics-actions button[data-consent=granted]{background:#24231f;color:#f4f2e9}.analytics-settings{font:inherit;color:inherit;border:0;padding:0;background:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.analytics-choice button:focus-visible,.analytics-settings:focus-visible{outline:3px solid #8066bd;outline-offset:4px}@media(max-width:600px){.analytics-choice{bottom:12px;left:12px;right:12px;padding:18px;flex-direction:column;align-items:stretch;gap:14px}.analytics-actions button{flex:1}}@font-face{font-family:Dela;src:url(/fonts/dela-gothic.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Anybody;src:url(/fonts/anybody.ttf) format("truetype");font-weight:100 900;font-stretch:50% 150%;font-display:swap}@font-face{font-family:Hanken;src:url(/fonts/hanken-600.ttf) format("truetype");font-weight:600;font-display:swap}:root{--paper:#f4f2e9;--ink:#252c24;--muted:#68705f;--lime:#d5ee54;--line:#d7d9ca;--dark:#27362c;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);font-family:Hanken,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-padding-top:90px;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:wait}h1,h2,h3,p{margin:0}svg{display:block}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:5px}textarea:focus-visible{outline-offset:-2px}.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-160%);padding:14px 20px;background:var(--ink);color:var(--paper);border-radius:8px}.skip-link:focus{transform:none}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4.8%;border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--paper)}.brand{display:flex;align-items:center;gap:9px;font-family:Bricolage,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.4px}.brand>.icon{width:23px;height:29px;stroke-width:2.3}.brand-dot{font:600 11px Hanken;letter-spacing:0;align-self:flex-start;margin-top:8px;margin-left:-5px}.site-header nav{display:flex;gap:32px;font-size:13px}.site-header nav a{position:relative;padding:10px 0}.site-header nav a:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease-out)}.audio-toggle{display:flex;align-items:center;gap:10px;font-size:12px;background:none;padding:10px 0 10px 10px;min-height:44px}.audio-toggle .icon{width:18px}.audio-toggle i{height:6px;width:6px;background:var(--muted);border-radius:50%}.audio-toggle[aria-pressed=true] i{background:#789424}.audio-toggle[aria-pressed=false] .icon{opacity:.5}.hero{height:calc(100svh - 86px);min-height:720px;max-height:1000px;position:relative;overflow:hidden}.hero-kicker{position:absolute;top:28px;width:100%;text-align:center;font-size:10px;letter-spacing:2.7px}.hero-wordmark{position:absolute;top:58px;width:100%;text-align:center;font-family:Bricolage,sans-serif;font-size:clamp(160px,28.5vw,470px);font-weight:800;line-height:.84;letter-spacing:-.08em;padding-right:.07em}.hero-wordmark span{color:var(--ink)}.hero-stage{position:absolute;top:21%;left:0;width:100%;height:53%;z-index:1;cursor:pointer;touch-action:pan-y}.hero-stage canvas{width:100%;height:100%;display:block}.object-note{position:absolute;top:68%;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:9px;background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:10px 15px;font-size:9px;letter-spacing:1.2px;white-space:nowrap}.object-note .icon{width:15px;height:15px}.note-dot{height:6px;width:6px;background:var(--ink);border-radius:50%}.hero-bottom{position:absolute;left:4.8%;right:4.8%;bottom:85px;display:flex;align-items:end;justify-content:space-between;z-index:3;pointer-events:none}.hero-bottom>*{pointer-events:auto}.hero-copy h2{font-family:Bricolage,sans-serif;font-weight:600;font-size:clamp(26px,2.7vw,42px);line-height:1.04;letter-spacing:-1.6px}.hero-copy p{font-size:14px;line-height:1.5;color:var(--muted);margin-top:14px}.hero-action{display:flex;flex-direction:column;align-items:center;gap:13px}.button{min-height:56px;padding:18px 25px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:40px;font-size:14px;font-weight:600;transition:transform .16s var(--ease-out),background-color .2s ease}.button-dark{color:var(--paper);background:var(--ink)}.button .icon{width:19px;height:19px}.button:active{transform:scale(.97)}.download-meta{font-size:10px;color:var(--muted)}.scroll-cue{position:absolute;left:4.8%;bottom:25px;display:flex;gap:16px;align-items:center;font-size:9px;letter-spacing:1.4px}.scroll-cue .icon{width:15px;height:15px}.hero-caption{position:absolute;right:4.8%;bottom:24px;font-size:9px;letter-spacing:1.4px;line-height:1.8;text-align:right}.section{padding:clamp(70px,7vw,115px) 6%}.section-label{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;font-size:10px;letter-spacing:1.8px;color:var(--muted)}.sound-section{border-top:1px solid var(--line);position:relative}.sound-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:30px}.sound-intro h2,.inside-copy h2,.everywhere-layout h2,.faq-layout h2{font-family:Bricolage,sans-serif;font-weight:600;font-size:clamp(50px,5.7vw,88px);letter-spacing:-.055em;line-height:1.02}.serif-like{position:relative}.serif-like:after{content:"";position:absolute;height:8px;left:1px;right:0;bottom:-3px;background:var(--lime);border-radius:60%;transform:rotate(-3deg);z-index:-1}.sound-intro>p{margin-top:28px;font-size:17px;line-height:1.6;color:var(--muted)}.recording-note{display:flex;align-items:center;gap:10px;font-size:11px;margin-top:25px}.tiny-disc{width:16px;height:16px;display:inline-block;border:1px solid var(--ink);border-radius:50%;position:relative}.tiny-disc:after{content:"";position:absolute;inset:5px;border:1px solid var(--ink);border-radius:50%}.sample-key-wrap{height:270px;display:flex;position:relative;justify-content:center;align-items:center;perspective:1000px;max-width:370px}.sample-key{width:150px;height:150px;border-radius:25px;background:#e4e8d1;position:relative;transform:rotateX(18deg) rotateY(-24deg) rotate(-14deg);box-shadow:inset 0 0 0 2px #eef0e2,4px 15px #b9c0a6,15px 27px 25px #252c2425;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:transform .16s var(--ease-out),background-color .2s ease;z-index:1;-webkit-user-select:none;user-select:none}.sample-key span{font-family:Bricolage;font-weight:600;font-size:67px;line-height:1}.sample-key small{font-size:8px;letter-spacing:2px}.sample-key:active,.sample-key.pressed{transform:translateY(9px) rotateX(18deg) rotateY(-24deg) rotate(-14deg);background:var(--lime)}.sample-key.keyboard-press{transition:none}.sample-caption{font-size:9px!important;letter-spacing:1.4px;text-align:center;max-width:370px;margin-top:0!important;color:var(--ink)!important}.sample-caption span+span{color:var(--muted)}.sound-tabs{display:flex;gap:8px;padding-bottom:24px;border-bottom:1px solid var(--line)}.sound-tabs button{padding:11px 17px;font-size:12px;background:transparent;border-radius:30px;min-height:44px;transition:background-color .2s ease,color .2s ease}.sound-tabs button.active{background:var(--ink);color:var(--paper)}.switch-list{min-height:350px}.switch-row{width:100%;display:flex;align-items:center;gap:16px;min-height:70px;background:transparent;border-bottom:1px solid var(--line);text-align:left;padding:12px 5px;transition:background-color .2s ease}.switch-row .switch-index{font-size:10px;color:var(--muted);width:20px}.switch-name{font-family:Bricolage;font-weight:600;font-size:clamp(20px,2.1vw,30px);letter-spacing:-.9px;flex:1}.switch-tag{font-size:9px;letter-spacing:1px;color:var(--muted)}.switch-play{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;width:35px;height:35px;flex-shrink:0}.switch-play .icon{width:16px;height:16px;fill:currentColor;stroke-width:0}.switch-row.selected .switch-play{background:var(--lime);border-color:var(--lime)}.switch-row.selected .switch-name{color:#52611f}.typing-area{margin-top:35px}.typing-area label{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.typing-area textarea{resize:none;width:100%;height:93px;border:0;background:#e9ebde;padding:16px;margin-top:12px;border-radius:8px;color:var(--ink);font-size:16px;line-height:1.5}.typing-area textarea::placeholder{color:#747d68}.typing-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--muted);margin-top:10px;min-height:26px}.text-button{background:none;padding:5px 0 5px 10px;font-size:11px}.text-button span{margin-left:5px}.inside-section{height:180svh;min-height:1400px;background:#e7ebdb;position:relative}.inside-sticky{position:sticky;top:0;height:100svh;min-height:760px;padding-top:65px;padding-bottom:55px;overflow:hidden}.inside-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;height:calc(100% - 48px)}.inside-copy h2 span{color:#71802d}.inside-copy>p{font-size:16px;line-height:1.6;margin-top:25px;color:var(--muted)}.detail-list{padding:0;margin:30px 0 0;list-style:none;max-width:380px}.detail{display:flex;gap:22px;padding:17px 0;border-top:1px solid #bfc7b2;opacity:.45;transition:opacity .2s ease}.detail>span{font-size:10px;padding-top:6px}.detail h3{font-size:16px;font-weight:600}.detail p{font-size:12px;line-height:1.5;margin-top:6px;color:#55614d;max-width:290px}.detail.active{opacity:1}.switch-object{position:relative;height:100%;max-height:640px;min-height:450px}#switch-stage{width:100%;height:100%;position:relative}#switch-stage canvas{display:block;width:100%;height:100%}.object-label{position:absolute;font-size:8px;letter-spacing:1.2px;right:-7px;opacity:.7}.object-label:before{content:"";position:absolute;right:calc(100% + 12px);width:30px;height:1px;background:#a6b098;top:50%}.label-cap{top:20%}.label-stem{top:49%}.label-base{top:76%}.object-measure{position:absolute;left:10%;right:5%;bottom:0;border-top:1px solid #bdc6af;padding-top:12px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px}.everywhere-section{background:var(--dark);color:var(--paper);padding-top:85px;padding-bottom:110px}.everywhere-section .section-label{color:#bac4b3}.everywhere-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding-top:45px}.everywhere-layout h2{font-size:clamp(48px,5.2vw,80px)}.everywhere-layout h2 span{color:var(--lime)}.everywhere-layout>div>p{font-size:16px;line-height:1.6;margin-top:28px;color:#c1cbb8}.text-link{display:inline-flex;gap:15px;align-items:center;border-bottom:1px solid #809476;padding:0 0 8px;margin-top:35px;font-size:12px}.text-link .icon{width:16px}.feature-lines{padding-top:3px}.feature-lines article{display:flex;gap:28px;padding:24px 0;border-top:1px solid #56644d}.feature-lines article:first-child{padding-top:0;border:0}.feature-lines article>span,.feature-lines article>.icon{width:28px;min-width:28px;font-size:28px;color:var(--lime);line-height:1}.feature-lines article h3{font-family:Bricolage;font-size:23px;font-weight:600;letter-spacing:-.4px}.feature-lines article p{font-size:13px;line-height:1.6;color:#c1cbb8;margin-top:9px;max-width:340px}.everywhere-section :focus-visible{outline-color:var(--lime)}.faq-section{padding-top:90px;padding-bottom:95px}.faq-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;padding-top:20px}.faq-layout h2{font-size:clamp(48px,5vw,73px)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;font-weight:600;min-height:65px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;font-weight:400;flex-shrink:0;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{font-size:13px;line-height:1.7;color:var(--muted);padding:0 25px 24px 0;max-width:520px}.final-section{background:var(--lime);position:relative;overflow:hidden;padding-top:35px;padding-bottom:70px}.final-section .section-label{color:var(--ink);border-bottom:1px solid #a7bf37;padding-bottom:22px}.final-content{position:relative;z-index:1;padding-top:65px}.final-content h2{font-family:Bricolage;font-size:clamp(78px,12vw,185px);font-weight:800;letter-spacing:-.065em;line-height:.93;max-width:850px}.final-content>.button{margin-top:35px}.final-content>p{font-size:13px;margin-top:20px;color:#465226}.final-key{position:absolute;right:9%;top:30%;width:clamp(170px,23vw,350px);aspect-ratio:1;display:grid;place-items:center;border-radius:18%;background:#e7f798;font-size:clamp(95px,13vw,185px);box-shadow:inset 0 0 0 3px #edfaaa,12px 25px #a0b63d,24px 45px 35px #485a3426;transform:rotate(-14deg);color:var(--ink)}.site-footer{padding:32px 4.8%;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer>.brand{font-size:30px}.site-footer>span{font-size:9px;letter-spacing:1.5px}.site-footer>div{display:flex;gap:20px;align-items:center;font-size:10px}.site-footer>div>span{color:var(--muted)}.entrance{animation:entry .65s var(--ease-out) both}.hero-wordmark{animation-delay:50ms}.hero-copy{animation-delay:.1s}.hero-action{animation-delay:.15s}@keyframes entry{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.js .reveal.visible{opacity:1;transform:none}.keyboard-fallback{position:absolute;left:24%;right:24%;top:20%;height:60%;display:grid;grid-template-columns:repeat(10,1fr);gap:5px;transform:perspective(800px) rotateX(45deg) rotate(-10deg);background:var(--ink);padding:15px;border-radius:17px;box-shadow:6px 12px #182217}.keyboard-fallback>span{background:#e2e5d3;border-radius:5px;display:grid;place-items:center;font:11px Hanken}.switch-fallback{position:absolute;inset:20%;display:grid;place-items:center;transform:rotate(-15deg);background:var(--lime);border-radius:20%;box-shadow:10px 20px #c0cb95;font-size:100px}.webgl-ready>.keyboard-fallback,.webgl-ready>.switch-fallback{display:none}.noscript-note{padding:15px 6%;font-size:12px}.loading-switch .switch-play{opacity:.5}@media(hover:hover)and (pointer:fine){.site-header nav a:hover:after{transform:scaleX(1)}.button-dark:hover{background:#3b4a34;transform:translateY(-2px)}.switch-row:hover{background:#e8ecdc}.sample-key:hover{transform:rotateX(13deg) rotateY(-18deg) rotate(-12deg)}.sound-tabs button:not(.active):hover{background:#e6e9d9}.object-note:hover .icon{transform:translate(3px)}.text-button:hover,.site-footer a:hover{color:#71802d}.faq-list summary:hover{color:#647732}}@media(min-width:1700px){.sound-layout,.inside-layout,.everywhere-layout,.faq-layout{max-width:1500px;margin-inline:auto}.site-header{padding-inline:6%}}@media(max-width:1000px){.site-header nav{gap:20px}.hero-stage{top:23%;height:46%}.hero-wordmark{top:85px}.hero-bottom{bottom:95px}.hero-copy h2{font-size:30px}.hero-action .button{padding:16px 20px}.sound-layout{gap:6%}.sound-tabs{gap:3px}.sound-tabs button{padding:10px 12px}.switch-tag{font-size:8px}.inside-copy h2{font-size:68px}.inside-sticky{padding-top:45px;min-height:710px}.object-label{right:0;font-size:7px}.object-label:before{width:17px}.feature-lines article{gap:18px}.final-key{right:6%;top:35%}.site-footer{flex-wrap:wrap}.site-footer>div{gap:16px}}@media(max-width:700px){:root{scroll-padding-top:20px}.site-header{height:76px;padding:0 6%}.brand{font-size:25px}.site-header nav{gap:15px;font-size:11px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.audio-toggle{font-size:10px;gap:6px}.audio-toggle .icon{width:16px}.hero{height:calc(100svh - 76px);min-height:670px;max-height:900px}.hero-kicker{top:31px;font-size:8px;letter-spacing:2px}.hero-wordmark{top:89px;font-size:29vw;letter-spacing:-.065em}.hero-stage{top:22%;height:38%;left:-8%;width:116%}.object-note{top:58%;padding:9px 12px;font-size:8px}.hero-bottom{left:6%;right:6%;bottom:75px;display:block}.hero-copy h2{font-size:32px;line-height:1.08;letter-spacing:-1.3px}.hero-copy p{font-size:12px;margin-top:10px;line-height:1.45}.hero-action{align-items:flex-start;margin-top:22px;gap:9px}.hero-action .button{padding:15px 20px;min-height:50px;font-size:12px;gap:11px}.download-meta{font-size:8px}.scroll-cue{left:6%;font-size:7px;letter-spacing:1px;gap:8px;bottom:22px}.hero-caption{right:6%;font-size:7px;bottom:19px;letter-spacing:1px}.section{padding:64px 6%}.section-label{font-size:8px;letter-spacing:1px;padding-bottom:20px;gap:20px}.section-label>span:last-child{text-align:right}.sound-layout{grid-template-columns:1fr;gap:22px;padding-top:20px}.sound-intro h2{font-size:64px}.sound-intro>p{font-size:14px;margin-top:18px}.recording-note{font-size:10px;margin-top:20px}.sample-key-wrap{position:absolute;top:115px;right:5%;width:130px;height:170px;max-width:none;opacity:.85}.sample-key{width:90px;height:90px;border-radius:17px;gap:10px;box-shadow:inset 0 0 0 1px #eef0e2,3px 9px #b9c0a6,8px 17px 15px #252c2425}.sample-key span{font-size:40px}.sample-key small{font-size:6px;letter-spacing:1px}.sample-caption{display:none}.sound-tabs{padding-bottom:15px;justify-content:space-between;gap:3px}.sound-tabs button{font-size:11px;padding:9px 13px}.switch-list{min-height:0}.switch-row{min-height:65px;gap:14px}.switch-name{font-size:25px}.switch-tag{font-size:8px}.typing-area{margin-top:28px}.inside-section{height:auto;min-height:0}.inside-sticky{position:relative;min-height:0;height:auto;padding:55px 6%}.inside-layout{grid-template-columns:1fr;gap:20px;height:auto}.inside-copy h2{font-size:65px}.inside-copy>p{font-size:14px;margin-top:20px}.detail-list{max-width:none;margin-top:24px}.detail{opacity:1;gap:18px;padding:16px 0}.detail p{max-width:none}.switch-object{height:480px;min-height:0;max-height:none}.object-label{right:5%;font-size:8px}.label-cap{top:17%}.label-stem{top:44%}.label-base{top:73%}.object-measure{left:5%;right:5%;font-size:7px}.everywhere-layout{grid-template-columns:1fr;gap:55px;padding-top:20px}.everywhere-layout h2{font-size:57px}.everywhere-layout>div>p{font-size:14px;margin-top:22px}.feature-lines article{gap:24px;padding:23px 0}.feature-lines article h3{font-size:24px}.feature-lines article p{font-size:13px}.faq-layout{grid-template-columns:1fr;gap:35px;padding-top:15px}.faq-layout h2{font-size:58px}.faq-list summary{font-size:14px;padding:21px 0}.final-section{padding-top:25px;padding-bottom:60px}.final-section .section-label{font-size:7px}.final-content{padding-top:40px}.final-content h2{font-size:25vw;max-width:80%;line-height:.97}.final-content>.button{margin-top:30px;font-size:12px;padding:16px 20px;min-height:50px}.final-content>p{font-size:11px;max-width:230px;line-height:1.5}.final-key{width:100px;font-size:57px;right:7%;top:41%;box-shadow:inset 0 0 0 2px #edfaaa,5px 11px #a0b63d,13px 19px 15px #485a3426;transform:rotate(-16deg)}.site-footer{padding:30px 6%;gap:20px}.site-footer>.brand{font-size:26px}.site-footer>span{font-size:7px}.site-footer>div{width:100%;justify-content:space-between;gap:10px;font-size:9px}.keyboard-fallback{left:12%;right:12%;height:48%;top:25%}}@media(max-width:370px){.site-header nav{display:none}.sound-intro h2{font-size:55px}.sample-key-wrap{right:0}.switch-name{font-size:22px}.switch-tag{display:none}.sound-tabs button{padding:9px 10px}}@media(prefers-reduced-motion:reduce){.entrance{animation:fade-in .2s ease both}.js .reveal{transform:none;transition:opacity .2s ease}.button,.sample-key,.detail,.sound-tabs button,.switch-row{transition-duration:0ms}.button:hover{transform:none}.sample-key:active,.sample-key.pressed{transform:rotateX(18deg) rotateY(-24deg) rotate(-14deg)}.inside-section{height:auto;min-height:0}.inside-sticky{position:relative;height:auto;min-height:760px}.detail{opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}}:root{font-family:Anybody,sans-serif;--lilac:#c5afea;--peach:#ffc7a6;scroll-padding-top:110px}.brand{font-family:Dela,sans-serif;font-size:23px;font-weight:400;letter-spacing:-1px}.site-header{position:fixed;top:22px;left:50%;transform:translate(-50%);width:min(980px,calc(100% - 48px));height:68px;padding:0 28px;border:1px solid #ffffffb3;border-radius:100px;background:#faf8f0df;box-shadow:0 8px 30px #37312f0c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20}.site-header nav{gap:28px;font-size:12px}.audio-toggle{font-size:11px}.brand-dot{margin-top:5px}.hero{height:100svh;min-height:840px;max-height:1120px;background:radial-gradient(ellipse at 7% 25%,#d1bff277,transparent 46%),radial-gradient(ellipse at 92% 65%,#dff49a88,transparent 48%),radial-gradient(ellipse at 77% 1%,#ffd5bd77,transparent 38%)}.hero-kicker{top:124px}.hero-wordmark{font-family:Dela,sans-serif;font-weight:400;top:170px;font-size:clamp(100px,18vw,330px);letter-spacing:-.07em;line-height:.93;background:linear-gradient(110deg,#302536 10%,#534260 53%,#253328 90%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-wordmark span{color:inherit}.hero-stage{top:29%;height:45%}.object-note{top:72%;background:#f7f5eddd;border-color:#ffffffad;box-shadow:0 4px 20px #302b3908;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-bottom{bottom:80px}.hero-copy h2,.sound-intro h2,.inside-copy h2,.everywhere-layout h2,.faq-layout h2,.feature-lines article h3,.switch-name,.sample-key span{font-family:Anybody,sans-serif}.hero-copy h2{letter-spacing:-1.3px}.hero-action{align-items:flex-start;gap:13px}.price-lockup{display:flex;align-items:center;gap:17px;margin-bottom:1px}.price-lockup strong{font-family:Anybody;font-size:34px;font-weight:600;letter-spacing:-2px}.price-lockup>span{font-size:8px;letter-spacing:1.2px;line-height:1.7;color:var(--muted)}.button-dark{background:linear-gradient(110deg,#302936,#29392b)}.button-dark:hover{background:linear-gradient(110deg,#4b3b55,#3b4b33)}.sound-tabs{gap:5px}.sound-tabs button{padding:11px 14px;font-size:11px}.sound-tabs button[data-family=keychron]:not(.active){background:#e9e0f4}.sound-tabs button.active{background:linear-gradient(110deg,#493b52,#29392b)}.switch-name{font-variation-settings:"wdth" 88;font-size:clamp(20px,2vw,29px);letter-spacing:-1px}.sample-key{background:linear-gradient(135deg,#efe9f8,#dfd5ed)}.typing-area textarea{background:linear-gradient(115deg,#ede6f3,#e8ebde)}.inside-section{background:radial-gradient(ellipse at 90% 20%,#eadcff,transparent 54%),linear-gradient(135deg,#e7ebdb,#e4e9d7)}.inside-copy h2 span{background:linear-gradient(120deg,#786291,#697d27);background-clip:text;-webkit-background-clip:text;color:transparent}.everywhere-section{background:radial-gradient(ellipse at 90% 100%,#3b4654,transparent 70%),#27362c}.final-section{background:radial-gradient(ellipse at 90% 20%,#f6ccb8aa,transparent 52%),linear-gradient(125deg,#d5ee54,#dbefa3 50%,#d6c5f2)}.final-content h2{font-family:Dela,sans-serif;font-weight:400;font-size:clamp(70px,9vw,155px);letter-spacing:-.045em;line-height:1.07;max-width:64%}.final-price{display:flex;gap:20px;align-items:center;margin-top:32px}.final-price strong{font-size:32px;letter-spacing:-1.8px;font-weight:600}.final-price span{font-size:11px;color:#4c5438}.final-content>.button{margin-top:22px}.final-content>p{max-width:430px}.final-section .section-label{border-color:#91a25680}#keycaps-stage{position:absolute;right:0;top:15%;width:43%;height:82%;z-index:0;cursor:pointer;touch-action:pan-y}#keycaps-stage canvas{height:100%;width:100%;display:block}#keycaps-stage.webgl-ready .final-key{display:none}.site-footer>.brand{font-family:Dela;font-size:23px;font-weight:400}@media(max-width:1000px)and (min-width:701px){.hero{min-height:840px}.hero-stage{top:29%;height:43%}.hero-wordmark{top:200px}.hero-kicker{top:152px}.hero-copy h2{font-size:30px}.price-lockup strong{font-size:29px}.sound-tabs{gap:2px}.sound-tabs button{padding:10px 9px;font-size:10px}.switch-tag{display:none}.final-content h2{max-width:67%;font-size:9vw}}@media(max-width:700px){:root{scroll-padding-top:96px}.site-header{top:14px;width:calc(100% - 28px);height:62px;padding:0 18px}.brand{font-size:20px}.site-header nav{font-size:10px;gap:12px}.audio-toggle{font-size:9px;gap:6px}.hero{min-height:800px;max-height:1000px}.hero-kicker{top:111px;font-size:7px}.hero-wordmark{top:160px;font-size:18.5vw}.hero-stage{top:28%;height:32%}.object-note{top:59%;font-size:7px}.hero-bottom{bottom:76px}.hero-copy h2{font-size:31px}.hero-copy p{font-size:11px}.hero-action{margin-top:20px;gap:9px;position:relative}.price-lockup{position:absolute;left:auto;right:0;top:4px;display:block;text-align:right;max-width:95px}.price-lockup strong{font-size:27px;letter-spacing:-1.7px}.price-lockup>span{display:block;font-size:6px;letter-spacing:.8px;line-height:1.5}.hero-action .button{font-size:10px;padding:15px 17px;gap:8px;min-height:48px}.hero-action .button .icon{width:16px}.download-meta{font-size:7px}.sound-intro h2{font-size:60px}.sound-tabs{gap:2px}.sound-tabs button{padding:10px 9px;font-size:10px}.switch-tag{display:none}.switch-name{font-size:24px}.inside-copy h2{font-size:61px}.everywhere-layout h2{font-size:54px}.faq-layout h2{font-size:55px}.final-content h2{font-size:17.5vw;max-width:100%;letter-spacing:-.055em}.final-price{gap:16px;margin-top:28px}.final-price strong{font-size:29px}.final-price span{font-size:10px;max-width:150px;line-height:1.5}.final-content>p{max-width:100%;font-size:10px}.final-section{padding-bottom:0}#keycaps-stage{position:relative;right:auto;top:auto;width:100%;height:340px;margin-top:0;z-index:1}.final-key{top:20%;right:25%;width:140px;font-size:70px}.site-footer>.brand{font-size:20px}}@media(max-width:370px){.site-header nav{display:none}.hero-copy h2{font-size:29px}.price-lockup{max-width:73px}.price-lockup strong{font-size:23px}.hero-action .button{padding:15px 13px;font-size:9px}.hero-action .button>.icon:first-child{display:none}.sound-intro h2{font-size:52px}.sound-tabs button{padding:10px 7px;font-size:9px}}.sound-intro{position:relative}.site-header nav a{min-height:44px;display:inline-flex;align-items:center}.site-header .brand{min-height:44px}.detail{opacity:1}.detail h3{color:#68705f}.detail.active h3{color:var(--ink)}.detail.active>span{color:#657327;font-weight:600}.sound-tabs{overflow-x:auto;scrollbar-width:none}.sound-tabs::-webkit-scrollbar{display:none}.sound-tabs button{flex-shrink:0}@media(max-width:700px){.sound-tabs button{padding:10px 7px;font-size:9px}.sound-tabs{gap:1px}}.vintage-note{padding:26px 5px 28px}.vintage-note>p{font-family:Anybody;font-size:30px;font-weight:600;letter-spacing:-1.1px;line-height:1.12}.vintage-note>span{display:block;margin-top:15px;font-size:12px;color:var(--muted);line-height:1.6}.vintage-note>button{margin-top:19px;padding:12px 17px;background:#e9e0f4;border-radius:30px;font-size:11px;min-height:44px}.vintage-note>button:active{background:#d8c9ea}@media(max-width:700px){.sound-intro h2{font-size:48px}.sample-key-wrap{position:relative;top:auto;right:auto;width:100%;height:175px;margin-top:12px;max-width:none;opacity:1}.sample-key{width:110px;height:110px}.sample-key span{font-size:48px}.sample-caption{display:block;max-width:none;font-size:8px!important}.sound-layout{gap:36px}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}