:root{color-scheme:dark;--ink:#050505;--paper:#f2f1eb;--muted:#a6a6a0;--line:#474747;--green:#66dfa2;--blue:#75bdff;--purple:#df79e8;--yellow:#ffd65c;--red:#ff3434}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.skip-link{position:fixed;left:10px;top:-100px;z-index:100;padding:12px;background:var(--paper);color:var(--ink)}
.skip-link:focus{top:10px}
.site-header{position:relative;z-index:20;width:min(100%,1600px);min-height:78px;margin:auto;padding:18px clamp(20px,4.2vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #2c2c2c}
.wordmark{display:grid;gap:4px;text-decoration:none;white-space:nowrap}
.wordmark strong{font-size:clamp(18px,1.6vw,24px);font-weight:900;letter-spacing:.025em}
.wordmark small{font-size:9px;letter-spacing:.085em;color:var(--muted)}
.site-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,42px)}
.site-nav a,.mobile-nav a{font-size:11px;font-weight:800;letter-spacing:.035em;text-decoration:none;white-space:nowrap}
.site-nav a:hover,.footer-links a:hover{color:var(--green)}
.site-nav .nav-cta{min-height:40px;display:flex;align-items:center;gap:26px;padding:0 14px;border:1px solid var(--paper)}
.site-nav .nav-cta:hover{color:var(--ink);background:var(--paper)}
.menu-button{display:none}
.mobile-nav[hidden]{display:none}
main{width:100%}
.hero{position:relative;isolation:isolate;width:min(100%,1600px);min-height:650px;margin:auto;display:grid;grid-template-columns:1.07fr .93fr;gap:0;padding:clamp(38px,5.4vw,90px) clamp(20px,4.2vw,72px) 45px}
.hero-grid{position:absolute;z-index:-1;inset:0;opacity:.17;background-image:linear-gradient(#292929 1px,transparent 1px),linear-gradient(90deg,#292929 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 75%,transparent)}
.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding-right:clamp(24px,4vw,68px)}
.eyebrow,.section-label,.feature-index{font-size:11px;font-weight:800;letter-spacing:.1em}
.eyebrow{display:flex;align-items:center;gap:10px;color:#d9d9d2}
.led{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 14px var(--red)}
.hero h1{font-size:clamp(72px,8.5vw,136px);font-weight:900;line-height:.86;letter-spacing:-.105em;margin:36px 0 27px}
.hero h1 em{font-style:normal;color:var(--paper);-webkit-text-stroke:1px var(--paper);text-shadow:4px 4px 0 #050505}
.hero-copy>p{max-width:550px;margin:0;color:#c1c1bb;font:400 clamp(17px,1.45vw,22px)/1.45 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}
.action-primary{min-height:55px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:0 19px;background:var(--paper);border:1px solid var(--paper);color:var(--ink);font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap;transition:transform .18s,background .18s}
.action-primary:hover{transform:translateY(-3px);background:var(--green)}
.action-primary span,.action-link span{font-size:19px;font-weight:400}
.action-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;border-bottom:1px solid #777;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}
.action-link:hover{color:var(--green);border-color:var(--green)}
.hero-foot{width:100%;display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:42px;color:#999;font-size:9px;letter-spacing:.045em}
.hero-composition{position:relative;min-height:555px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:38px 1fr 66px;gap:8px;padding:15px;background:var(--paper);color:var(--ink);box-shadow:20px 20px 0 #1c1c1c;transform:rotate(-2deg);transform-origin:center center}
.hero-composition-top,.hero-composition-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.075em}
.hero-composition-top{border-bottom:1px solid #b2b2ad}
.hero-composition-bottom{border-top:1px solid #b2b2ad}
.hero-tone{display:flex;flex-direction:column;justify-content:space-between;min-width:0;background:#080808;color:var(--paper);padding:clamp(10px,1.5vw,24px);border:1px solid #080808;transition:transform .24s,background .24s,color .24s}
.hero-tone:nth-of-type(3){transform:translateY(17px)}
.hero-tone:nth-of-type(4){transform:translateY(-13px)}
.hero-tone:nth-of-type(5){transform:translateY(9px)}
.hero-tone span{font-size:clamp(13px,1.2vw,20px)}
.hero-tone strong{font-size:clamp(32px,4.8vw,80px);letter-spacing:-.08em}
.hero-tone small{font-size:clamp(9px,1vw,13px);white-space:nowrap}
.hero-composition:hover .hero-tone:nth-of-type(2){background:var(--ink);color:var(--green);transform:translateY(-10px)}
.hero-composition:hover .hero-tone:nth-of-type(3){background:var(--ink);color:var(--blue);transform:translateY(7px)}
.hero-composition:hover .hero-tone:nth-of-type(4){background:var(--ink);color:var(--purple);transform:translateY(-23px)}
.hero-composition:hover .hero-tone:nth-of-type(5){background:var(--ink);color:var(--yellow);transform:translateY(-1px)}
.hero-mini-knobs{display:flex;gap:8px}
.hero-avatar{width:39px;height:52px;background:url('brand-avatar-run.png') 0 0/400% 100% no-repeat;image-rendering:pixelated;animation:avatar-stride .52s steps(1,end) infinite}
@keyframes avatar-stride{0%{background-position:0 0}25%{background-position:33.333% 0}50%{background-position:66.667% 0}75%{background-position:100% 0}}
.hero-mini-knobs i{width:25px;height:25px;border:5px solid #0b0b0b;border-radius:50%;background:var(--green)}
.hero-mini-knobs i:nth-child(2){background:var(--blue)}.hero-mini-knobs i:nth-child(3){background:var(--purple)}.hero-mini-knobs i:nth-child(4){background:var(--yellow)}
.hero-pixel-trace{position:absolute;z-index:-1;right:-20px;bottom:-22px;width:78px;height:78px;background:repeating-conic-gradient(#eee 0 25%,transparent 0 50%) 0 0/12px 12px;opacity:.65}
.intro-line{min-height:240px;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:30px;padding:34px clamp(20px,4.2vw,72px);background:var(--paper);color:var(--ink)}
.intro-line>span:first-child{align-self:start;font-size:10px;font-weight:800;letter-spacing:.08em}
.intro-line p{margin:0;font-size:clamp(26px,3.7vw,56px);font-weight:900;line-height:1.06;letter-spacing:-.07em}
.intro-line p em{font-style:normal;color:#7a7a76}
.intro-arrow{font-size:52px}
.demo-section,.feature-section,.voice-feature,.manual-preview,.availability{padding-inline:clamp(20px,4.2vw,72px)}
.demo-section{padding-top:110px;padding-bottom:95px;scroll-margin-top:30px}
.section-head,.feature-title{width:min(100%,1456px);margin:auto}
.section-head{display:grid;grid-template-columns:1fr 300px;gap:35px;align-items:end;margin-bottom:40px}
.section-label{margin:0 0 25px;color:#a8a8a2}
h2{margin:0;font-size:clamp(44px,5.3vw,82px);font-weight:900;line-height:.95;letter-spacing:-.085em}
.section-aside{display:flex;align-items:end;gap:23px}
.section-aside .burst{font-size:57px;color:var(--paper);line-height:1}
.section-aside p,.demo-disclaimer{margin:0;color:#b0b0ab;font:400 14px/1.55 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.demo-machine{width:min(100%,1456px);margin:auto;padding:clamp(18px,2.7vw,38px);border:1px solid #60605c;background:radial-gradient(circle at 48% 18%,#141414,#090909 65%);box-shadow:0 14px 35px #000}
.demo-meta,.demo-instructions{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#aaa;font-size:10px;letter-spacing:.06em}
.demo-console{display:grid;grid-template-columns:.62fr 1fr;align-items:center;gap:clamp(30px,5vw,80px);margin:32px 0 38px}
.demo-knobs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;align-items:center;gap:8px}
.demo-knob{position:relative;width:clamp(58px,6.4vw,90px);aspect-ratio:1;border:2px solid #5a5a5a;border-radius:50%;background:linear-gradient(145deg,#292929,#050505 65%);box-shadow:0 7px 7px #000,0 1px 1px #aaa inset;touch-action:none;transition:transform .15s}
.demo-knob:hover{transform:scale(1.07)}
.demo-knob:active{transform:scale(.96)}
.demo-knob span{position:absolute;inset:13%;border:1px solid #0006;border-radius:50%;background:var(--knob);box-shadow:0 2px 2px #ffffff75 inset,0 -3px 5px #0003 inset}
.demo-knob.green{--knob:linear-gradient(145deg,#94edbd,#42c889)}.demo-knob.blue{--knob:linear-gradient(145deg,#a7d7ff,#5eaaf1)}.demo-knob.purple{--knob:linear-gradient(145deg,#f0a2ef,#c861d8)}.demo-knob.yellow{--knob:linear-gradient(145deg,#ffeaa0,#ffca3e)}
.demo-knobs p{grid-column:1/-1;margin:20px 0 0;color:#777;font-size:9px;letter-spacing:.09em}
.demo-display{min-height:210px;display:grid;grid-template-rows:auto 1fr auto 5px;gap:14px;padding:18px 20px;background:radial-gradient(circle at 50% 0,#242424,#111 78%);border:11px solid #202020;outline:1px solid #555;overflow:hidden}
.demo-display.is-live{outline-color:var(--paper);box-shadow:0 0 18px #ffffff30}
.demo-display-top{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px;letter-spacing:.06em}
.demo-display-top span{color:#999;text-align:right}
.demo-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:center;text-align:center}
.demo-values>div{min-width:0;display:grid;gap:8px;overflow:hidden}
.demo-values small{font-size:10px;letter-spacing:.04em}
.demo-values b{font-size:clamp(12px,1.4vw,19px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.green{color:var(--green)}.blue{color:var(--blue)}.purple{color:var(--purple)}.yellow{color:var(--yellow)}
.demo-live{min-height:33px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #555;padding-top:10px}
.demo-live strong{font-size:clamp(17px,2vw,28px);letter-spacing:-.07em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-live span{color:#bbb;font-size:10px;white-space:nowrap;text-align:right}
.demo-lights{display:flex;align-items:center;gap:4px;height:5px}
.demo-lights i{width:100%;height:2px;background:#393939}
.demo-display.is-live .demo-lights i{background:#eee;animation:led-beat .42s ease-in-out infinite alternate}
.demo-display.is-live .demo-lights i:nth-child(2n){animation-delay:-.22s}.demo-display.is-live .demo-lights i:nth-child(3n){animation-delay:-.34s}
@keyframes led-beat{to{opacity:.18;transform:scaleY(.5)}}
.demo-pads{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(7px,1vw,15px)}
.demo-pad{min-width:0;height:clamp(125px,14vw,185px);display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:12px;border:2px solid #e7e7e1;background:#070707;color:var(--paper);text-align:left;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 6px 7px #000}
.demo-pad:hover{border-color:var(--green)}
.demo-pad.active{background:var(--paper);color:var(--ink);box-shadow:0 0 0 2px var(--paper),0 0 24px #ffffff55;transform:translateY(2px)}
.demo-pad:disabled{opacity:.28;cursor:not-allowed}
.demo-pad .roman{font-size:13px}.demo-pad strong{font-size:clamp(19px,2.5vw,34px);font-weight:900;letter-spacing:-.08em;line-height:.95;overflow-wrap:anywhere}.demo-pad small{font-size:clamp(8px,.9vw,12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;margin-top:15px}
.demo-modifiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.demo-modifiers button{min-height:58px;border:1px solid #bebeb8;background:repeating-linear-gradient(135deg,#080808 0 16px,#555 16px 17px,#080808 17px 33px);color:var(--paper);font-size:clamp(9px,.9vw,13px);font-weight:900;touch-action:none;user-select:none}
.demo-modifiers button.active{background:repeating-linear-gradient(135deg,#f2f1eb 0 11px,#777 11px 12px,#f2f1eb 12px 23px);color:var(--ink);box-shadow:0 0 15px #ffffff55}
.demo-sounds{display:grid;align-content:center;gap:8px}
.demo-sounds>span{font-size:10px;color:#aaa}
.demo-sounds>div{display:flex;flex-wrap:wrap;gap:4px}
.demo-sounds button{min-height:31px;padding:0 8px;border:1px solid #777;background:transparent;color:#aaa;font-size:10px}
.demo-sounds button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper);font-weight:900}
.demo-instructions{margin-top:27px;padding-top:17px;border-top:1px solid #555}
.demo-instructions button{min-height:32px;padding:0 10px;border:1px solid #777;background:none;color:var(--paper);font-size:10px;white-space:nowrap}
.demo-instructions button:hover{background:var(--paper);color:var(--ink)}
.demo-disclaimer{width:min(100%,1456px);margin:13px auto 0;font-size:12px}
.feature-section{padding-top:95px;padding-bottom:112px;background:#e7e6e0;color:var(--ink)}
.feature-title{margin-bottom:55px}
.feature-title .section-label{color:#60605c}
.feature-title h2 span{color:#8d8d87}
.feature-grid{width:min(100%,1456px);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.feature{min-height:390px;display:flex;flex-direction:column;padding:27px clamp(20px,3vw,48px) 33px 0;border-top:2px solid #111}
.feature:nth-child(2n){padding-left:clamp(20px,3vw,48px);border-left:1px solid #aaa}
.feature-index{color:#6b6b66}
.feature-symbol{height:150px;display:flex;align-items:center;font-size:clamp(27px,4vw,57px);font-weight:900;letter-spacing:-.09em}
.feature-symbol-chord span{margin:0 12px;color:#888;font-size:.6em}
.feature-symbol-mod{gap:9px}.feature-symbol-mod i{width:44px;height:65px;border:2px solid #111;background:repeating-linear-gradient(135deg,transparent 0 10px,#888 10px 11px,transparent 11px 21px)}
.feature-symbol-wave{gap:6px}.feature-symbol-wave i{width:8px;height:24px;background:#111}.feature-symbol-wave i:nth-child(2n){height:70px}.feature-symbol-wave i:nth-child(3n){height:100px}
.feature-symbol-midi span{font-size:.7em;margin:0 18px;letter-spacing:0}
.feature h3{font-size:clamp(23px,2.2vw,32px);line-height:1.06;letter-spacing:-.06em;margin:0 0 15px}
.feature p{max-width:530px;margin:0;color:#3f3f3c;font:400 16px/1.5 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.voice-feature{min-height:560px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,100px);align-items:center;background:#111}
.voice-side{padding-block:85px}
.voice-side h2{font-size:clamp(48px,5.8vw,88px)}
.voice-side h2 span{color:#777}
.voice-side p:not(.section-label){max-width:570px;color:#bcbcb6;font:400 18px/1.55 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.voice-side a{display:inline-flex;align-items:center;gap:30px;margin-top:16px;padding-bottom:9px;border-bottom:1px solid #aaa;text-decoration:none;font-size:12px;font-weight:900}
.voice-side a:hover{color:var(--purple);border-color:var(--purple)}
.voice-art{height:360px;display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:20px;background:#030303;border:12px solid #292929;outline:1px solid #5b5b5b;box-shadow:20px 20px 0 #070707}
.voice-art-head,.voice-art-foot{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.05em}
.voice-art-head span:last-child{color:var(--red)}.voice-art-foot{color:#888}
.voice-art-wave{display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden}
.voice-art-wave i{flex:1;max-width:5px;height:var(--h);background:#bdbdbd;opacity:var(--opacity)}
.manual-preview{min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding-block:95px;border-top:1px solid #444}
.manual-preview-main h2{font-size:clamp(48px,5.8vw,88px)}
.manual-preview-main>p:not(.section-label){max-width:600px;color:#bbb;font:400 18px/1.55 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.manual-preview-main .action-primary{margin-top:18px}
.manual-preview-index{display:grid;align-content:center}
.manual-preview-index>span{padding-bottom:15px;color:#999;font-size:10px;letter-spacing:.08em}
.manual-preview-index a{display:flex;align-items:center;gap:20px;min-height:53px;border-top:1px solid #555;text-decoration:none;color:#aaa;font-size:12px}
.manual-preview-index a:last-child{border-bottom:1px solid #555}
.manual-preview-index a b{flex:1;color:var(--paper);font-size:14px}
.manual-preview-index a:hover b{color:var(--green)}
.availability{min-height:630px;padding-block:75px 72px;background:var(--paper);color:var(--ink)}
.availability-top{display:flex;align-items:center;justify-content:space-between}
.availability-top .section-label{color:#555}
.availability-top>span{font-size:11px;font-weight:900;letter-spacing:.09em}
.availability h2{font-size:clamp(52px,7.4vw,115px);max-width:1300px;margin:30px 0}
.availability>p{max-width:680px;color:#42423f;font:400 19px/1.5 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.store-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}
.store-row button{min-width:215px;min-height:70px;display:flex;align-items:center;gap:15px;padding:10px 16px;border:1px solid #111;background:#111;color:var(--paper);text-align:left;cursor:not-allowed}
.store-icon{font-size:31px}
.store-row button>span:last-child{font-size:10px;line-height:1.15}.store-row strong{font-size:19px}
.availability-note{margin-top:24px;color:#666;font-size:10px;letter-spacing:.05em}
.site-footer{min-height:220px;display:grid;grid-template-columns:1fr auto;gap:45px;padding:45px clamp(20px,4.2vw,72px) 35px}
.site-footer>div:first-child{display:grid;align-content:start;gap:8px}.site-footer strong{font-size:24px}.site-footer span{color:#888;font-size:10px}
.footer-links{display:flex;align-items:start;gap:25px;flex-wrap:wrap}
.footer-links a{font-size:11px;font-weight:800;text-decoration:none}
.site-footer p{grid-column:1/-1;align-self:end;margin:0;padding-top:20px;border-top:1px solid #444;color:#888;font-size:10px}
@media(max-width:1100px){.site-nav{gap:18px}.site-nav a{font-size:10px}.hero{min-height:560px}.hero h1{font-size:clamp(61px,8.4vw,98px)}.hero-composition{min-height:440px}.hero-tone{padding:10px}.hero-tone strong{font-size:clamp(24px,4vw,47px)}.demo-console{grid-template-columns:1fr;gap:25px}.demo-knobs{width:min(100%,520px);margin:auto}.demo-knob{width:74px}.demo-bottom{grid-template-columns:1fr}}
@media(max-width:760px){
 .site-header{min-height:67px}.site-nav{display:none}.menu-button{width:42px;height:42px;display:grid;align-content:center;gap:7px;padding:9px;border:1px solid #777;background:transparent}.menu-button span{height:2px;background:var(--paper)}
 .mobile-nav:not([hidden]){position:absolute;z-index:30;left:0;right:0;top:67px;display:grid;background:#0d0d0d;border-bottom:1px solid #888;padding:12px 20px 20px}
 .mobile-nav a{padding:15px 5px;border-bottom:1px solid #3a3a3a}
 .hero{grid-template-columns:1fr;gap:35px;padding-top:52px}.hero-copy{padding-right:0}.hero h1{font-size:clamp(65px,15vw,108px);margin-block:28px 25px}.hero-composition{min-height:390px;transform:rotate(-1deg);box-shadow:10px 10px 0 #1c1c1c}.hero-foot{margin-top:35px}
 .intro-line{grid-template-columns:1fr auto;min-height:185px}.intro-line>span:first-child{grid-column:1/-1}.intro-line p{font-size:clamp(26px,5.1vw,43px)}.intro-arrow{font-size:35px}
 .demo-section,.feature-section{padding-block:70px}.section-head{grid-template-columns:1fr;gap:18px}.section-aside{max-width:600px}
 .demo-pads{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-pad{height:145px}.demo-pad strong{font-size:clamp(20px,4vw,31px)}.demo-pad small{font-size:9px}
 .demo-display{min-height:190px}.demo-display .demo-live span{font-size:9px}
 .feature-grid{grid-template-columns:1fr}.feature{min-height:320px;padding:25px 0!important;border-left:0!important}.feature-symbol{height:120px}
 .voice-feature{grid-template-columns:1fr;gap:0;padding-bottom:70px}.voice-side{padding-block:70px 40px}.voice-art{height:290px}
 .manual-preview{grid-template-columns:1fr;gap:50px;padding-block:70px}.availability{min-height:0}
}
@media(max-width:480px){
 .wordmark strong{font-size:17px}.wordmark small{font-size:7px}
 .hero{padding-top:38px}.hero h1{font-size:clamp(55px,16vw,78px)}.hero-copy>p{font-size:16px}.hero-actions{gap:13px}.action-primary{min-height:49px;gap:14px;font-size:10px}.action-link{font-size:10px}.hero-foot{display:grid;gap:5px;font-size:8px}
 .hero-composition{min-height:295px;padding:8px;grid-template-rows:25px 1fr 42px;gap:4px}.hero-composition-top,.hero-composition-bottom{font-size:7px}.hero-tone{padding:7px}.hero-tone span{font-size:10px}.hero-tone strong{font-size:clamp(18px,6vw,28px)}.hero-tone small{font-size:7px}.hero-mini-knobs i{width:17px;height:17px;border-width:3px}.hero-avatar{width:29px;height:39px}.hero-pixel-trace{right:8px}
 .intro-line{padding-block:28px}
 h2{font-size:clamp(42px,11vw,58px)}.section-aside{align-items:start}.section-aside .burst{font-size:35px}.section-aside p{font-size:13px}
 .demo-machine{padding:12px}.demo-meta{font-size:8px}.demo-console{gap:19px;margin-block:25px}.demo-knob{width:clamp(45px,13vw,60px)}.demo-knobs p{margin-top:8px;font-size:8px}
 .demo-display{min-height:167px;gap:8px;padding:9px;border-width:7px}.demo-display-top{font-size:9px}.demo-values{gap:4px}.demo-values small{font-size:8px}.demo-values b{font-size:11px}.demo-live{display:grid;gap:2px}.demo-live strong{font-size:19px}.demo-live span{text-align:left;font-size:8px}
 .demo-pads{gap:5px}.demo-pad{height:116px;padding:7px;border-width:1px}.demo-pad .roman{font-size:10px}.demo-pad strong{font-size:clamp(16px,5vw,22px)}.demo-pad small{font-size:7px}
 .demo-modifiers{gap:4px}.demo-modifiers button{min-height:47px;font-size:8px}.demo-instructions{font-size:8px}.demo-instructions button{font-size:8px}
 .feature-symbol{height:90px}.feature-symbol-mod i{width:29px;height:49px}.feature-symbol-wave i:nth-child(3n){height:75px}
 .voice-side h2,.manual-preview-main h2{font-size:clamp(44px,12vw,62px)}.voice-side p:not(.section-label),.manual-preview-main>p:not(.section-label),.availability>p{font-size:16px}.voice-art{height:210px;padding:11px;border-width:8px}.voice-art-head,.voice-art-foot{font-size:8px}
 .availability h2{font-size:clamp(45px,12vw,67px)}.availability-note{font-size:9px;line-height:1.5}.site-footer{grid-template-columns:1fr;gap:25px}.site-footer p{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Short product story: the playable instrument is the main visual. */
.hero{min-height:0;display:block;padding-block:55px 38px}
.hero-copy{padding:0;max-width:1050px}
.hero-copy{max-width:none;display:grid;grid-template-columns:1.4fr 1fr;column-gap:45px}
.hero .eyebrow{grid-column:1/-1}
.hero h1{grid-column:1;grid-row:2/4}
.hero-copy>p{grid-column:2;grid-row:2;align-self:end}
.hero-actions{grid-column:2;grid-row:3;align-self:start}
.hero-foot{grid-column:1/-1}
.hero h1{font-size:clamp(36px,4.7vw,72px);line-height:.98;letter-spacing:-.075em;margin:23px 0}
.hero h1 em{-webkit-text-stroke:0;text-shadow:none}
.hero-copy>p{max-width:640px;font-size:19px}
.hero-actions{margin-top:25px}.hero-foot{padding-top:0;margin-top:27px;max-width:730px}
.demo-section{padding-block:28px 65px}
.section-head{grid-template-columns:1fr 360px;margin-bottom:23px}
.section-label{margin-bottom:14px}
.section-head h2{font-size:clamp(30px,3.6vw,48px)}
.section-aside .burst{display:none}
.feature-section{padding-block:58px}
.feature-title{margin-bottom:30px}.feature-title h2{font-size:clamp(35px,4.6vw,60px)}
.feature{min-height:265px;padding-block:22px}.feature-symbol{height:95px}
.feature h3{font-size:25px}.feature p{max-width:480px}
.feature-symbol-sample span{font-size:30px}
.feature-extras{display:flex;flex-wrap:wrap;gap:16px 35px;max-width:1456px;margin:30px auto 0;border-top:1px solid #aaa;padding-top:24px;font-size:12px;font-weight:800}
.guide-link{max-width:1600px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:26px;padding:45px clamp(20px,4.2vw,72px)}
.guide-link h2{font-size:23px;letter-spacing:-.04em}.guide-link p{font:16px/1.5 system-ui,sans-serif;color:#bbb;margin-bottom:0}
.availability{min-height:0;padding-block:48px}.availability h2{font-size:clamp(40px,5.8vw,76px);margin-block:20px}
.availability>p{font-size:17px}.store-row{margin-top:23px}
.site-footer{min-height:170px;padding-block:30px}.site-footer p{padding-top:15px}
@media(max-width:760px){.hero{padding-top:32px}.hero-copy{display:flex}.hero-copy>p{font-size:17px;align-self:auto}.section-head{grid-template-columns:1fr;gap:12px}.demo-section{padding-top:12px}.feature{min-height:0}.guide-link{align-items:start;flex-direction:column}.hero-foot{font-size:8px}}
@media(max-width:480px){.hero h1{font-size:clamp(35px,10.5vw,50px)}.hero-foot{margin-top:21px}.section-head h2{font-size:30px}.feature h3{font-size:23px}.feature-symbol{height:70px}.feature{padding-block:23px!important}}
@media(max-width:480px){.demo-values small{font-size:10px}.demo-values b{font-size:12px}.demo-display-top{font-size:10px}.demo-pad strong{font-size:22px}}
.demo-console{display:block;margin:16px 0 25px}
.demo-display{width:100%;min-height:145px;grid-template-rows:auto 1fr auto 5px}
.demo-pads{margin-top:22px}
.demo-instructions{margin-top:20px}
@media(max-width:760px){.demo-console{margin-block:12px 21px}.demo-display{min-height:155px}}