:root{--paper:#f2f1eb;--ink:#242523;--muted:#72746f;--line:#d8d9d1;--orange:#f2592a;--mono:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button:active{transform:translateY(1px)}::selection{background:var(--orange);color:white}.wrap{width:calc(100% - 128px);max-width:1312px;margin-inline:auto}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border:0}a,button{transition:background .15s,color .15s,opacity .15s,transform .12s}section[id]{scroll-margin-top:32px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:flex-end;gap:7px;font-family:Arial,sans-serif;font-size:35px;font-weight:900;letter-spacing:-3px;line-height:1}.brand-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;margin-bottom:5px}.site-header nav{display:flex;gap:36px;font-size:14px}.site-header nav a{padding:14px 0}.site-header nav a:hover{color:var(--orange)}.header-order{background:none;border:1px solid var(--ink);padding:12px 17px;font-size:14px;border-radius:3px;display:flex;gap:30px;align-items:center}.header-order:hover{background:var(--ink);color:var(--paper)}.header-order span{font-size:17px}.signal-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--orange)}.eyebrow-divider{color:#a5a79f;margin:0 3px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:var(--orange);align-self:flex-start;margin-top:7px}.price{font-family:var(--mono);font-size:27px;letter-spacing:-1.5px;margin-bottom:19px}.price>span{font-size:16px;margin-right:4px}.primary-button,.dark-button{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 18px;font-size:14px;font-weight:600;min-height:48px;border-radius:3px;background:var(--orange);color:var(--ink)}.primary-button:hover{background:#dc4920}.primary-button span,.dark-button span{font-size:20px;line-height:1}.shipping{font-size:12px;color:#808277;line-height:1.8;margin-top:13px}.machine{width:100%;aspect-ratio:1;position:relative;background:linear-gradient(115deg,#8b9091,#cbd0ce 2%,#f1f3f0 6%,#bdc4c3 60%,#808789);border-radius:17px;box-shadow:0 7px 0 #7c8178,0 9px 0 #747a70,0 12px 1px #a0a699,0 15px 11px -5px #7e847474,12px 28px 38px -15px #50594655,25px 47px 62px -17px #51564825;isolation:isolate}.machine-face{position:absolute;inset:2px 2px 3px;border-radius:15px;background:linear-gradient(123deg,#f2f3ef 0%,#dce0de 25%,#c8cecd 63%,#dde1de 95%);box-shadow:inset 0 2px 1px #fffffff2,inset 2px 0 2px #fff8,inset -1px -1px 1px #6a716888}.machine-face:after{content:"";position:absolute;inset:0;border-radius:inherit;background:url('metal-grain.svg');opacity:.15;mix-blend-mode:multiply;pointer-events:none}.screw{position:absolute;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#e7eae1,#858c80);border:1px solid #9aa18f;box-shadow:inset 0 .5px .5px #fff,0 1px 1px #fff9}.screw:before{content:"";position:absolute;left:2px;right:2px;top:3px;height:1px;background:#596151;transform:rotate(-30deg)}.screw-tl{top:3%;left:3%}.screw-tr{top:3%;right:3%}.screw-bl{bottom:3%;left:3%}.screw-br{bottom:3%;right:3%}.machine-brand{position:absolute;top:5%;left:8%;font:900 24px/1 Arial,sans-serif;letter-spacing:-1.5px;color:#373d32}.machine-brand span{font-size:21px;font-weight:400;margin-left:4px;letter-spacing:-1px}.machine-brand b{color:var(--orange);font-size:8px;display:inline-block;vertical-align:top;margin:0 0 0 2px}.machine-label{position:absolute;top:7%;right:8%;font-size:7px;color:#676e5f;letter-spacing:.7px}.display-bezel{position:absolute;top:13%;left:8%;width:35%;height:17%;padding:4px;border-radius:5px;background:#454a41;box-shadow:0 1px 0 #f8faf2,inset 0 1px 3px #151b14,inset 1px 0 2px #1a2117}.display{height:100%;border:1px solid #090d08;border-radius:2px;background:linear-gradient(120deg,#242a21,#12170f);padding:5px 6px;color:#dedecd;display:flex;flex-direction:column;position:relative;overflow:hidden}.display:after{content:"";position:absolute;inset:0;background:linear-gradient(137deg,#ffffff08 0%,transparent 45%);pointer-events:none}.display-top,.display-bottom{display:flex;justify-content:space-between;font-size:7.5px;white-space:nowrap;gap:2px;letter-spacing:.15px}.display-top{color:#c0c5b5}.display-bottom{color:#b8bdac}.display-wave{width:100%;flex:1;min-height:0;margin:3px 0}.wave-grid{fill:none;stroke:#7a816326;stroke-width:.6}#wave-path{fill:none;stroke:#ec784d;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.knob-row{position:absolute;top:13%;right:7.5%;width:47%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.knob-control{display:flex;align-items:center;flex-direction:column;min-width:0}.knob{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:50%;background:linear-gradient(120deg,#eef1e9,#636c5b 45%,#dde1d6 70%,#a4ad9a);padding:2px;box-shadow:0 2px 3px #535c486e,0 4px 7px #7179693b}.knob-grip{position:absolute;inset:2px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#303632 0deg 3deg,#4c524d 3deg 7deg,#252c27 7deg 10deg);box-shadow:inset 0 1px 1px #727966}.knob-grip:after{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#424940,#242b25 80%);box-shadow:inset 0 .6px 1px #7b806c99}.knob-pointer{position:absolute;inset:0;border-radius:50%;transform:rotate(var(--angle,-10deg));pointer-events:none}.knob-pointer:before{content:"";position:absolute;height:9px;width:2px;top:5px;left:calc(50% - 1px);background:#e5e7dd;border-radius:.5px}.knob input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ns-resize;margin:0;touch-action:none}.knob:has(input:focus-visible){outline:2px solid var(--orange);outline-offset:4px}.knob-label{font-size:7.5px;letter-spacing:.5px;margin-top:7px;color:#545d4c}.panel-rule{position:absolute;left:8%;right:8%;top:33%;height:1px;background:#9ca4906b;box-shadow:0 1px 0 #eff3e4a8}.pad-grid{position:absolute;left:8%;right:8%;top:36%;height:55%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:10px}.pad{position:relative;border-radius:5px;background:linear-gradient(140deg,#4a4e4a,#353a36 90%);border:1px solid #323a2c;box-shadow:inset 0 1px 0 #88917b70,inset 1px 0 0 #87947c33,0 3px 0 #252d20,0 4px 3px #58694b88;color:#d9ded0;display:block;transition:background .08s,transform .08s,box-shadow .08s;touch-action:none}.pad:hover{background:linear-gradient(140deg,#5f6560,#444b45)}.pad:active,.pad.is-active{background:linear-gradient(130deg,#f98451,#ed6836);border-color:#9e4925;box-shadow:inset 0 1px 0 #ffbc82,0 1px 0 #a94924,0 2px 2px #67684770;transform:translateY(2px);color:#3c3224}.pad-number{position:absolute;left:8px;top:7px;font-family:var(--mono);font-size:7px;opacity:.5}.pad-note{position:absolute;right:9px;bottom:7px;font-family:var(--mono);font-size:13px;opacity:.85}.pad-led{position:absolute;width:3px;height:3px;top:9px;right:10px;border-radius:50%;background:#171f12;box-shadow:0 .5px 0 #82946e70}.pad.is-active .pad-led{background:#ffe2bd;box-shadow:0 0 4px #ffd79b}.accent-pad{background:linear-gradient(130deg,#fa7a47,#e45827);color:#412f20;border-color:#b65025;box-shadow:inset 0 1px 0 #ffb080,0 3px 0 #a64520,0 4px 3px #656d5670}.accent-pad:hover{background:linear-gradient(130deg,#ff905b,#f26936)}.machine-footer{position:absolute;bottom:4%;left:8%;right:8%;display:flex;justify-content:flex-end;font-size:5.8px;color:#626d57;letter-spacing:.55px}.usb-port{position:absolute;top:-3px;left:47%;width:30px;height:4px;background:#58624e;border:1px solid #a1aa98;border-radius:2px;z-index:-1}.sound-section{background:var(--ink);color:var(--paper);padding:73px 0 0}.section-heading{display:grid;grid-template-columns:1fr 2fr 1.1fr;align-items:start;gap:24px;margin-bottom:55px}.section-number{font-size:11px;letter-spacing:.3px}.section-heading>.section-number{padding-top:9px;color:#a2a69b}.section-heading h2{font-size:43px;font-weight:500;line-height:1.4;letter-spacing:-1.6px}.section-heading>p{font-size:15px;color:#a9aea1;line-height:1.85;padding-top:15px}.sound-track{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:52px;align-items:center;padding:28px 0;border-top:1px solid #4b4e46;min-height:157px}.track-title{position:relative;padding-left:0}.track-title h3{font-size:22px;font-weight:500;letter-spacing:-.6px;line-height:1.4}.track-kind{display:block;font-size:12px;color:#a9b09f;margin-top:8px}.track-art{min-width:0}.track-art>svg{width:100%;height:68px;display:block}.art-grid{fill:none;stroke:#757d6840;stroke-width:1}.synth-wave{fill:none;stroke:#ef784d;stroke-width:1.7}.track-measure{display:flex;justify-content:space-between;font-size:8px;color:#7e8971;letter-spacing:.5px;margin-top:7px}.track-copy{font-size:14px;line-height:1.9;color:#c4cabc}.sample-wave{height:64px;display:flex;align-items:center;gap:3px;position:relative}.sample-wave:before,.sample-wave:after{content:"";position:absolute;top:-4px;bottom:-4px;width:1px;background:#f48252}.sample-wave:before{left:23%}.sample-wave:after{left:69%}.sample-wave i{flex:1;min-width:0;display:block;background:#b6bca6;opacity:.9}.sample-wave i:nth-child(-n+14),.sample-wave i:nth-child(n+43){opacity:.27}.sequencer{display:flex;gap:5px;align-items:center;height:62px}.sequencer i{display:block;flex:1;aspect-ratio:1/1.45;border:1px solid #555e4b;background:#343b2c;position:relative}.sequencer i.on{background:#d66c42;border-color:#eb8256}.sequencer i.current{background:#ddd9bc;border-color:#e9e3c7}.sequencer i:after{content:attr(data-step);font:6px var(--mono);position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#9ba68b}.sequencer i.on:after,.sequencer i.current:after{color:#413e2c}.sound-footer{padding:25px 0;display:flex;align-items:center;gap:11px;border-top:1px solid #4b4e46}.sound-footer p{font-size:12px;color:#aeb8a1}.spec-section{padding-block:90px;display:grid;grid-template-columns:1fr 2fr;gap:65px}.spec-heading>.section-number{color:#797f6f}.spec-heading h2{font-size:51px;line-height:1.27;font-weight:500;letter-spacing:-2px;margin-top:25px}.technical-sketch{width:230px;max-width:100%;margin-top:27px}.technical-sketch svg{width:100%;fill:none;stroke:#99a48d;stroke-width:1}.technical-sketch .sketch-measure{stroke:#b6bfac}.technical-sketch text{stroke:none;fill:#8b977e;font:9px var(--mono)}.spec-table{width:100%;border-collapse:collapse;font-size:14px;align-self:start}.spec-table tr{border-bottom:1px solid var(--line)}.spec-table tr:first-child{border-top:1px solid var(--ink)}.spec-table th{text-align:left;font-weight:400;color:#616859;white-space:nowrap;width:25%;padding:21px 0}.spec-table td{line-height:1.75;padding:18px 0 18px 16px}.spec-table .mono{font-size:12px}.order-section{background:var(--orange);padding:53px 0 58px}.order-content{display:flex;align-items:center;justify-content:space-between;gap:32px}.order-content .section-number{font-family:var(--sans);font-size:12px}.order-content h2{font-size:45px;line-height:1.4;letter-spacing:-1.5px;font-weight:600;margin:13px 0 13px}.order-content p{font-size:13px;color:#672f1a}.order-action{display:flex;align-items:center;gap:36px}.order-price{font-size:33px;letter-spacing:-1.5px}.dark-button{background:var(--ink);color:var(--paper);min-width:178px}.dark-button:hover{background:#404334}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:31px}.site-footer .wordmark{font-size:28px}.site-footer>span:nth-child(2){font-size:12px;color:#77806b;margin-right:auto}.site-footer>.mono{font-size:9px;color:#8a947d}.site-footer>a:last-child{font-size:11px;color:#77806b}.site-footer>a:last-child span{margin-left:20px}.order-dialog{width:min(520px,calc(100vw - 36px));max-height:calc(100dvh - 48px);padding:0;background:var(--paper);color:var(--ink);border:1px solid #d0d6c6;border-radius:6px;box-shadow:0 28px 80px #15230e33}.order-dialog[open]{display:flex;flex-direction:column}.order-dialog::backdrop{background:#1d2719aa;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;border-bottom:1px solid var(--line);flex-shrink:0}.dialog-header>.section-number{color:#77806c}.close-button{font-size:25px;background:transparent;width:38px;height:38px;line-height:1}.close-button:hover{background:#e0e5d6}.dialog-body{padding:28px;overflow-y:auto;min-height:0}.dialog-body h2{font-size:36px;line-height:1.35;font-weight:500;letter-spacing:-1px}.order-summary{display:flex;justify-content:space-between;align-items:flex-start;padding:23px 0 18px;border-bottom:1px solid var(--line)}.summary-detail{display:block;font-size:12px;color:#818974;margin-top:7px}.order-summary strong{font-size:22px;font-weight:400}.dialog-shipping{font-size:11px;color:#79826e;margin:14px 0 24px;line-height:1.8}#reservation-form label{display:block;font-size:13px;margin-bottom:8px}#reservation-form input{width:100%;height:44px;border:1px solid #c1c9b7;border-radius:3px;background:#f8f9f4;padding:0 12px;font-size:16px;color:var(--ink)}#reservation-form input::placeholder{color:#a0aa93}#reservation-form input[aria-invalid=true]{border-color:#c2492b}.field-error{font-size:11px;color:#b04124;min-height:18px;margin:5px 0 7px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:18px 25px;border-top:1px solid var(--line);flex-shrink:0}.secondary-button{background:none;padding:14px;font-size:13px;white-space:nowrap}.secondary-button:hover{background:#e6eadf}.reservation-result{padding:26px 0 10px}.result-symbol{display:flex;width:43px;height:43px;align-items:center;justify-content:center;font-size:22px;border:1px solid var(--orange);color:var(--orange);border-radius:50%;margin-bottom:20px}.reservation-result h3{font-size:23px;font-weight:500}.reservation-result p{font-size:13px;color:#79856c;line-height:1.8;margin-top:14px;overflow-wrap:anywhere}



@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.sound-track{gap:26px;grid-template-columns:1fr 1.4fr 1fr}.track-title h3{font-size:19px}.track-copy{font-size:13px}.section-heading h2{font-size:38px}.spec-section{gap:30px}.order-content h2{font-size:38px}.order-action{gap:20px}.order-price{font-size:28px}}
@media(max-width:850px){.site-header nav{gap:18px;font-size:12px}.section-heading{grid-template-columns:1fr 2fr}.section-heading p{grid-column:2;margin-top:-12px;padding:0}.sound-track{grid-template-columns:1fr 1.5fr;gap:20px}.track-copy{grid-column:2;line-height:1.7;margin-top:-12px}.track-art>svg{height:58px}.sound-footer>.mono{display:none}.spec-section{grid-template-columns:1fr 2fr;gap:25px}.spec-heading h2{font-size:38px}.spec-table{font-size:12px}.spec-table th{width:26%}.spec-table td{padding-left:15px}.technical-sketch{width:180px}.order-content{align-items:flex-start;flex-direction:column}.order-action{width:100%;justify-content:space-between}.site-footer>.mono{display:none}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{height:72px}.wordmark{font-size:32px}.site-header nav,.header-order{display:none}.header-order{font-size:12px;padding:10px 12px;gap:19px;border-color:#adb5a2;min-height:40px}.eyebrow-divider{margin:0 2px}.machine{border-radius:13px;box-shadow:0 5px 0 #7c8178,0 7px 0 #747a70,0 9px 1px #a0a699,0 13px 9px -5px #7e847474,7px 20px 25px -10px #50594655,18px 35px 45px -15px #51564825}.machine-face{border-radius:11px}.screw{width:7px;height:7px}.screw:before{left:1px;right:1px;top:2px}.machine-brand{font-size:18px}.machine-brand span{font-size:16px}.machine-label{font-size:5px}.display-bezel{padding:3px}.display{padding:3px}.display-top,.display-bottom{font-size:5.5px}.display-wave{margin:1px 0}.knob-row{gap:6px}.knob-label{font-size:5.5px;margin-top:6px}.knob-pointer:before{height:6px;top:4px;width:1.5px}.knob-grip:after{inset:2px}.pad-grid{top:34%;height:59%;gap:6px}.pad{border-radius:4px;box-shadow:inset 0 1px 0 #88917b70,0 2px 0 #252d20,0 3px 2px #58694b88}.pad-number{font-size:5px;top:5px;left:6px}.pad-note{font-size:10px;right:6px;bottom:5px}.pad-led{width:2.5px;height:2.5px;top:6px;right:7px}.machine-footer{bottom:2.5%;font-size:4px}.usb-port{width:22px}.panel-rule{top:31.5%}.sound-section{padding-top:42px}.section-heading{display:block;margin-bottom:34px}.section-heading>.section-number{display:block;font-size:10px;padding:0}.section-heading h2{font-size:34px;line-height:1.4;letter-spacing:-1px;margin:20px 0 13px}.section-heading p{font-size:13px;line-height:1.8;margin:0}.section-heading p br{display:none}.sound-track{grid-template-columns:1fr;gap:16px;padding:24px 0 28px}.track-title{padding-left:0}.track-title h3{font-size:22px}.track-kind{font-size:11px;margin-top:6px}.track-art{padding-left:0}.track-art>svg{height:60px}.sample-wave{height:58px}.sequencer{height:57px;gap:4px}.track-copy{grid-column:auto;font-size:14px;margin:0;padding-left:0;line-height:1.8}.track-measure{font-size:7px}.sound-footer{padding:22px 0}.sound-footer p{font-size:11px}.spec-section{display:block;padding:45px 0}.spec-heading{display:grid;grid-template-columns:1fr 100px;align-items:center;margin-bottom:27px}.spec-heading>.section-number{grid-column:1/-1;font-size:10px}.spec-heading h2{font-size:34px;line-height:1.3;margin-top:17px;letter-spacing:-1px}.spec-heading h2 br{display:none}.technical-sketch{width:94px;margin:15px 0 0}.spec-table{font-size:12px}.spec-table th{width:26%;font-size:11px;padding:17px 0}.spec-table td{padding:16px 0 16px 18px}.spec-table .mono{font-size:10px}.order-section{padding:38px 0}.order-content{gap:28px}.order-content .section-number{font-size:11px}.order-content h2{font-size:31px;margin:15px 0 12px;letter-spacing:-1px}.order-content p{font-size:11px;line-height:1.8}.order-action{gap:18px}.order-price{font-size:27px}.dark-button{min-width:165px;font-size:13px;padding:14px 16px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:18px;padding:27px 0}.site-footer>span:nth-child(2){grid-column:1/-1;grid-row:2;font-size:10px}.site-footer>a:last-child{grid-column:2;grid-row:1;font-size:10px}.dialog-body{padding:23px}.dialog-body h2{font-size:30px}.dialog-header{padding:11px 20px}.dialog-footer{padding:16px 20px;gap:8px}.dialog-footer .primary-button{font-size:12px;padding:13px 15px;gap:15px}.dialog-shipping{font-size:10px}.reservation-result h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.filter-detail{display:flex;align-items:center;gap:27px;padding-right:8px}.detail-knob-control{display:flex;flex-direction:column;align-items:center;gap:9px}.detail-knob-control .knob-grip{inset:3px}.detail-knob-control .knob-grip:after{inset:5px}.detail-knob-control .knob-pointer:before{top:9px;height:12px;width:2.5px}.detail-label{font-size:8px;letter-spacing:1px;color:#56604f}.detail-signal{min-width:0;flex:1}.detail-readout{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#bdc5b2;letter-spacing:.4px}.detail-readout>span:last-child{color:#f18056}.detail-signal svg{width:100%;height:68px;display:block;margin:7px 0}.detail-signal #detail-wave{fill:none;stroke:#ee7b52;stroke-width:1.2}.detail-caption{font-size:11px;color:#9fa995}.filter-detail .knob:has(input:focus-visible){outline-color:var(--orange)}
@media(max-width:1150px){.filter-detail{gap:17px}.detail-readout{font-size:8px}}
@media(max-width:600px){.filter-detail{gap:23px;padding-left:0;min-height:130px}.detail-readout{font-size:8px}.detail-caption{font-size:10px}.detail-signal svg{height:65px}}.shipping-separator{display:none}.dialog-footer .secondary-button{padding:12px 8px}.order-dialog .reservation-result h3{font-size:23px}.sequence-feature{border-top:1px solid #4b4e46;padding:33px 0 31px}.sequence-heading{display:flex;align-items:center;gap:40px;margin-bottom:30px}.sequence-heading .track-title{flex:1}.sequence-heading .track-title h3{font-size:30px;line-height:1.4}.sequence-heading>p{font-size:14px;line-height:1.8;color:#bfc6b6;flex:1}.sequence-play{display:flex;align-items:center;gap:12px;padding:12px 17px;min-height:46px;border:1px solid #7b856e;border-radius:3px;background:transparent;color:var(--paper);font-size:13px;flex-shrink:0}.sequence-play:hover{background:#394132}.sequence-play[aria-pressed=true]{border-color:var(--orange);color:#ed8e68}.sequence-play:disabled{opacity:.5;cursor:wait}.sequence-play-icon{font-size:20px;line-height:1}.playable-sequencer{height:auto;gap:9px;margin:0 0 20px}.sequence-step{display:block;flex:1;min-width:0;height:71px;padding:0;background:linear-gradient(125deg,#3b4234,#30372a);border:1px solid #59634c;border-radius:3px;position:relative;box-shadow:0 3px 0 #161e10,inset 0 1px 0 #8b977677;color:#a2ad95}.sequence-step:hover{background:#47543a}.sequence-step.is-on{background:linear-gradient(130deg,#e87d50,#ce6438);border-color:#f0986f;box-shadow:0 3px 0 #994825,inset 0 1px 0 #ffad81;color:#4a2e1c}.sequence-step.is-current{outline:2px solid #e1e4cc;outline-offset:4px}.sequence-step.is-current:before{content:"";position:absolute;top:9px;right:9px;width:4px;height:4px;border-radius:50%;background:#f8f5db}.sequence-step .step-number{position:absolute;left:9px;top:10px;font-family:var(--mono);font-size:10px;opacity:.7}.sequence-step .step-note{position:absolute;right:9px;bottom:9px;font-family:var(--mono);font-size:13px}.sequence-footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.7;color:#9aa68b}.sequence-footer>.mono{font-size:9px;letter-spacing:.7px}
@media(max-width:1150px){.sequence-heading{gap:25px}.sequence-heading .track-title h3{font-size:25px}.playable-sequencer{gap:7px}.sequence-step{height:62px}.sequence-step .step-number{left:6px;font-size:8px}.sequence-step .step-note{right:6px;font-size:11px}}
@media(max-width:850px){.sequence-heading{flex-wrap:wrap;gap:20px}.sequence-heading .track-title{flex-basis:55%}.sequence-heading>p{order:3;flex-basis:100%;padding-left:0}.sequence-heading>p br{display:none}.playable-sequencer{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.sequence-footer>span:last-child{display:none}}
@media(max-width:600px){.shipping-separator{display:inline}.technical-sketch{display:none}.spec-heading{display:block}.spec-heading>.section-number{display:block}.sequence-feature{padding:29px 0}.sequence-heading{display:grid;grid-template-columns:1fr auto;gap:17px;margin-bottom:22px}.sequence-heading .track-title{grid-column:1/-1;padding-left:0}.sequence-heading .track-title h3{font-size:24px}.sequence-heading>p{grid-column:1;padding-left:0;font-size:12px;order:0}.sequence-heading>p br{display:block}.sequence-play{font-size:11px;gap:7px;padding:11px 12px;min-height:44px;grid-column:2;grid-row:2}.sequence-play-icon{font-size:16px}.playable-sequencer{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-left:0}.sequence-step{height:51px}.sequence-step .step-number{left:9px;font-size:8px;top:8px}.sequence-step .step-note{right:9px;bottom:8px;font-size:11px}.sequence-footer{padding-left:0;gap:15px;font-size:10px}.dialog-footer{padding:15px 17px;gap:7px}.dialog-footer .primary-button{padding:12px;font-size:11px;gap:10px;min-height:44px}.dialog-footer .secondary-button{font-size:11px;padding:10px 4px}.order-dialog .reservation-result h3{font-size:20px}}

/* Product and actions share a single axis; the side columns are supporting controls. */
.hero{padding-top:28px;padding-bottom:76px}
.hero-intro{text-align:center}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px}
.hero h1{font-size:58px;line-height:1.24;letter-spacing:-3.3px;font-weight:650;margin:12px 0 0}
.product-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px) minmax(0,1fr);gap:56px;align-items:start;padding-top:72px}
.machine-wrap{width:100%;position:relative;z-index:1;transform:rotate(-5deg);grid-column:2;grid-row:1;justify-self:center}
.purchase-note{position:static;grid-column:1;grid-row:1;justify-self:end;width:184px;z-index:2}
.purchase-note h2{font-size:22px;font-weight:600;letter-spacing:-.6px;margin:0 0 20px;display:flex;align-items:center;gap:7px}
.purchase-note .price{font-size:32px;margin-bottom:24px}
.purchase-note .price>span{font-size:17px}
.purchase-note .primary-button{width:100%;min-height:50px}
.purchase-note .shipping{font-size:13px;line-height:1.9;margin-top:18px;color:#707569}
.play-controls{grid-column:3;grid-row:1;width:236px;display:flex;flex-direction:column;align-items:flex-start;gap:26px;z-index:2}
.play-tip p{font-size:22px;font-weight:600;line-height:1.4}
.play-tip p span{display:block;font-size:14px;font-weight:400;color:#68705f;line-height:1.9;margin-top:18px;min-height:54px}
.preset-control{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.preset-title{font-size:12px;color:#747b6c;flex-basis:100%;margin-bottom:2px}
.preset-button{padding:8px 10px;background:transparent;border-radius:3px;font-size:12px;border:1px solid transparent;white-space:nowrap}
.preset-button:hover{background:#e6e7df}
.preset-button.is-selected{background:#e0e2d8;border-color:#c8cdbf;color:#373e2e}
.sound-button{border:1px solid #a9b19f;background:none;border-radius:3px;display:flex;align-items:center;gap:9px;padding:12px 16px;font-size:14px;white-space:nowrap;min-height:46px}
.sound-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square}
.sound-button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sound-button:hover{border-color:var(--ink)}
.mobile-nav{display:none;background:none}
/* A real parameter meter shares the filter value and pointer angle. */
.knob-meter{position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(from 230deg,var(--orange) var(--sweep,135.2deg),transparent var(--sweep,135.2deg));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));pointer-events:none}
.pad{border-bottom-color:#323a2c;backface-visibility:hidden;box-shadow:inset 0 1px 0 #88917b70,inset 1px 0 0 #87947c33,0 3px 0 #252d20,0 4px 3px #58694b66}
.accent-pad{border-bottom-color:#b65025}
.pad.is-selected,.pad:active,.pad.is-active{background:linear-gradient(130deg,#f98451,#ed6836);border-color:#9e4925;border-bottom-color:#b65025;box-shadow:inset 0 1px 0 #ffbc82,0 1px 0 #a94924,0 2px 2px #67684755;transform:translateY(2px);color:#3c3224}
.pad.is-selected .pad-led{background:#ffe2bd;box-shadow:0 0 4px #ffd79b}
.pad::after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:1px;background:#a5b29255;border-radius:0 0 2px 2px;filter:blur(.35px);pointer-events:none}
.pad.is-selected::after,.accent-pad::after{background:#ffbc8277}
/* The enlarged filter sits directly on the same graphite surface as its wave. */
.detail-control{width:96px;min-height:128px;flex-shrink:0;padding-top:8px}
.detail-knob-control .knob{width:96px}
.detail-label{color:#bac5ac}
@media(max-width:1150px){
 .hero h1{font-size:52px}
 .product-stage{grid-template-columns:180px minmax(0,1fr) 180px;gap:34px;padding-top:68px}
 .machine-wrap{max-width:440px}
 .purchase-note{width:174px}
 .play-controls{width:180px;gap:22px}
 .play-tip p{font-size:20px}
 .play-tip p span{font-size:13px;min-height:50px}
 .preset-button{font-size:11px;padding:8px 6px}
 .detail-control{width:84px;min-height:115px}
 .detail-knob-control .knob{width:84px}
}
@media(max-width:850px){
 .hero{padding-top:32px;padding-bottom:54px}
 .product-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;row-gap:54px;padding-top:66px}
 .machine-wrap{grid-column:1/-1;grid-row:1;width:78%;max-width:440px}
 .purchase-note{grid-column:1;grid-row:2;width:184px}
 .play-controls{grid-column:2;grid-row:2;width:216px}
}
@media(max-width:600px){
 .mobile-nav{display:flex;align-items:center;gap:20px;font-size:13px;padding:12px 0}
 .hero{padding-top:34px;padding-bottom:38px}
 .eyebrow{font-size:10px;gap:7px}
 .hero h1{font-size:39px;line-height:1.35;letter-spacing:-2.1px;margin:13px -4px 0}
 .product-stage{grid-template-columns:minmax(0,1fr);gap:0;padding-top:55px}
 .machine-wrap{grid-column:1;grid-row:1;width:94%;max-width:360px;transform:rotate(-6deg)}
 .purchase-note{grid-column:1;grid-row:2;width:100%;margin-top:48px;display:grid;grid-template-columns:1fr auto;gap:0 18px;align-items:center}
 .purchase-note h2{display:none}
 .purchase-note .price{font-size:27px;margin:0}
 .purchase-note .price>span{font-size:15px}
 .purchase-note .primary-button{width:174px;font-size:14px;min-height:48px}
 .purchase-note .shipping{grid-column:1/-1;font-size:11px;margin-top:15px;line-height:1.8}
 .purchase-note .shipping br{display:none}
 .play-controls{grid-column:1;grid-row:3;width:100%;display:grid;grid-template-columns:1fr auto;gap:20px 12px;padding-top:23px;margin-top:24px;border-top:1px solid var(--line)}
 .play-tip{grid-column:1;grid-row:1}
 .play-tip p{font-size:16px}
 .play-tip p span{font-size:11px;line-height:1.7;min-height:38px;margin-top:7px}
 .sound-button{grid-column:2;grid-row:1;padding:10px 12px;font-size:12px;min-height:44px}
 .preset-control{grid-column:1/-1;grid-row:2;flex-wrap:nowrap;justify-content:space-between;gap:4px}
 .preset-title{flex-basis:auto;margin:0;font-size:11px}
 .preset-button{font-size:12px;padding:9px 10px;min-height:40px}
 .detail-control{width:96px;min-height:126px}
 .detail-knob-control .knob{width:88px}
 .knob-meter{inset:-5px}
 .pad{box-shadow:inset 0 1px 0 #88917b70,0 2px 0 #252d20,0 3px 2px #58694b66}
 .pad.is-selected,.pad:active,.pad.is-active{box-shadow:inset 0 1px 0 #ffbc82,0 1px 0 #a94924,0 2px 2px #67684755}
}