/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#181914;--cream:#e8e1d5;--orange:#ff9a55;--orange-hot:#ffb476;--panel:#252822;--panel-top:#31352e;--panel-edge:#11130f;--screen:#ffc08b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);font-family:var(--font-geist), Arial, sans-serif;background:radial-gradient(circle at 78% 26%,#ff9a5514,#0000 26rem),#d7d0c4;margin:0}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}.site-shell{flex-direction:column;width:min(1600px,100%);min-height:100vh;margin:0 auto;padding:0 clamp(18px,3vw,48px);display:flex}.site-nav{min-height:72px;font-family:var(--font-mono), monospace;letter-spacing:.11em;border-bottom:1px solid #1819143b;justify-content:space-between;align-items:center;gap:24px;font-size:10px;display:flex}.wordmark{color:inherit;align-items:center;gap:10px;font-weight:760;text-decoration:none;display:inline-flex}.brand-dot{background:var(--orange);border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 3px #1819141f}.nav-meta{color:#1819149e;align-items:center;gap:clamp(18px,4vw,58px);display:flex}.status-pill{color:var(--ink);align-items:center;gap:7px;display:inline-flex}.instrument-switch{color:var(--ink);border:1px solid #18191438;border-radius:3px;padding:5px 8px;text-decoration:none}.instrument-switch:hover{color:#9a5026;border-color:#9a5026}.status-pill i{background:#499a5e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #499a5e21}.hero{flex:1;grid-template-columns:minmax(250px,.52fr) minmax(620px,1.48fr);align-items:center;gap:clamp(30px,5vw,90px);padding:clamp(42px,6vh,80px) 0;display:grid}.hero-copy{align-self:start;padding-top:clamp(20px,7vh,96px)}.eyebrow{color:#9a5026;font-family:var(--font-mono), monospace;letter-spacing:.16em;margin:0 0 20px;font-size:10px;font-weight:720}h1{letter-spacing:-.07em;max-width:8ch;margin:0;font-size:clamp(46px,5.4vw,88px);font-weight:520;line-height:.92}.hero-lede{color:#181914ab;max-width:380px;margin:28px 0 0;font-size:clamp(14px,1.2vw,17px);line-height:1.58}.interaction-hint{color:#181914a1;max-width:380px;font-family:var(--font-mono), monospace;letter-spacing:.03em;border-top:1px solid #1819143d;border-bottom:1px solid #1819143d;align-items:center;gap:14px;margin-top:34px;padding:14px 0;font-size:9px;line-height:1.5;display:flex}.interaction-hint strong{color:var(--ink);letter-spacing:.08em}.gesture-icon{background:var(--ink);width:34px;height:34px;color:var(--orange);border-radius:50%;flex:none;place-items:center;font-size:19px;display:grid}.instrument-stage{perspective:1500px;width:100%;position:relative;transform:rotate(-1deg)}.synth{z-index:2;background:linear-gradient(122deg, #ffffff0e, transparent 31%), linear-gradient(165deg, var(--panel-top) 0%, var(--panel) 52%, #1d201b 100%);color:#f3ede4;border:1px solid #0d0f0b;border-radius:18px 18px 25px 25px;width:100%;min-height:560px;padding:clamp(22px,3vw,42px);transition:filter .3s;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff21,inset 0 -8px #161814,inset 4px 0 #ffffff05,0 28px 30px #211c1645,0 70px 80px #211c1626}.synth:before,.synth:after{content:"";background:#0e100d;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:inset 0 1px 1px #ffffff2e}.synth:before{top:15px;left:15px}.synth:after{top:15px;right:15px}.synth--off .screen{filter:saturate(.2)brightness(.36)}.synth--off .encoder-bank,.synth--off .keyboard,.synth--off .page-tabs{opacity:.42}.synth-top{grid-template-columns:1fr minmax(260px,1.25fr) 1fr;align-items:start;gap:26px;min-height:138px;display:grid}.synth-brand,.model-mark{font-family:var(--font-mono), monospace;flex-direction:column;padding-top:5px;display:flex}.synth-brand span{letter-spacing:.11em;font-size:12px;font-weight:720}.synth-brand small,.model-mark small{color:#f3ede466;letter-spacing:.14em;margin-top:4px;font-size:7px}.model-mark{text-align:right;align-items:flex-end}.model-mark span{color:var(--orange);letter-spacing:-.06em;font-size:clamp(28px,3vw,45px);font-weight:680;line-height:.9}.screen{background:repeating-linear-gradient(0deg, #31211709 0 1px, transparent 1px 3px), var(--screen);color:#3a291e;min-height:134px;font-family:var(--font-mono), monospace;border:5px solid #161814;border-radius:7px;padding:11px 14px 9px;transition:filter .28s;box-shadow:inset 0 0 18px #ff822847,0 0 24px #ff9a5521}.screen-topline{letter-spacing:.08em;justify-content:space-between;gap:12px;font-size:7px;font-weight:650;display:flex}.screen strong{text-overflow:ellipsis;white-space:nowrap;margin:6px 0 5px;font-size:clamp(20px,2vw,29px);line-height:1;display:block;overflow:hidden}.oscilloscope{border-top:1px solid #3a291e1f;border-bottom:1px solid #3a291e1f;width:100%;height:34px;margin:2px 0 4px;display:block}.screen-meter{background:#3a291e29;height:4px}.screen-meter i{background:#4d3323;height:100%;transition:width 60ms linear;display:block}.screen-preset{text-align:center;letter-spacing:.12em;grid-template-columns:22px 1fr 22px;align-items:center;margin-top:8px;font-size:8px;display:grid}.screen-preset button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.page-tabs{justify-content:center;gap:5px;margin:20px 0 9px;transition:opacity .2s;display:flex}.page-tabs button{color:#f3ede461;min-width:55px;font-family:var(--font-mono), monospace;letter-spacing:.08em;cursor:pointer;background:#1c1f1a;border:1px solid #151713;border-radius:4px;padding:6px 9px;font-size:7px;box-shadow:inset 0 1px #ffffff0f}.page-tabs button:hover,.page-tabs button.active{color:var(--orange-hot);border-color:#ff9a5580}.encoder-bank{background:#0a0b091c;border-top:1px solid #fff1;border-bottom:1px solid #12140f;grid-template-columns:repeat(8,minmax(60px,1fr));align-items:start;gap:clamp(7px,1.2vw,18px);min-height:198px;padding:24px clamp(8px,2vw,30px) 16px;transition:opacity .2s;display:grid}.encoder-wrap{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.encoder-label,.encoder-value{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--font-mono), monospace;overflow:hidden}.encoder-label{color:#f3ede49e;letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:620}.encoder-value{color:var(--orange-hot);letter-spacing:.03em;font-size:8px}.encoder{cursor:ns-resize;touch-action:none;background:0 0;border:0;border-radius:50%;outline:none;width:clamp(52px,5.4vw,72px);height:clamp(52px,5.4vw,72px);padding:0;position:relative}.encoder:before{content:"";border-radius:inherit;background:repeating-conic-gradient(from -136deg, #ede5da59 0 1deg, transparent 1deg 17deg);opacity:.55;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 66%,#000 68%);mask:radial-gradient(circle,#0000 0 66%,#000 68%)}.encoder-cap{transform:rotate(var(--turn));background:radial-gradient(circle at 35% 25%,#4b4f46 0%,#32362f 22%,#1a1d18 64%,#10120f 100%);border:1px solid #0b0c09;border-radius:50%;transition:box-shadow .12s;display:block;position:absolute;inset:9%;box-shadow:inset 2px 3px 5px #ffffff17,inset -4px -5px 8px #0000008c,0 7px 9px #0000009e}.encoder-line{background:var(--orange);border-radius:2px;width:2px;height:27%;position:absolute;top:7px;left:calc(50% - 1px);box-shadow:0 0 5px #ff9a5573}.encoder:hover .encoder-cap,.encoder:focus-visible .encoder-cap{box-shadow:inset 2px 3px 5px #ffffff17, inset -4px -5px 8px #0000008c, 0 7px 9px #0000009e, 0 0 0 2px var(--orange), 0 0 18px #ff9a5552}.encoder:active .encoder-cap{transform:translateY(1px) rotate(var(--turn))}.performance-row{grid-template-columns:minmax(190px,.34fr) minmax(470px,1fr);align-items:end;gap:22px;padding-top:22px;display:grid}.performance-controls{flex-direction:column;gap:14px;display:flex}.performance-status{align-items:center;gap:6px;min-height:25px;display:flex}.power-button{color:#f3ede470;width:fit-content;font-family:var(--font-mono), monospace;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:6px 8px;font-size:7px;display:inline-flex}.power-button i{background:#3a3c36;border-radius:50%;width:8px;height:8px}.power-button.active i{background:var(--orange);box-shadow:0 0 8px #ff9a55cc}.midi-connect,.midi-learn{color:#f3ede475;font-family:var(--font-mono), monospace;cursor:pointer;background:#1a1d18;border:1px solid #f3ede41f;border-radius:3px}.midi-connect{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:130px;padding:5px 7px;font-size:6px;overflow:hidden}.midi-connect:hover,.midi-learn:hover{color:var(--orange-hot);border-color:#ff9a5580}.performance-wheels{gap:12px;display:flex}.performance-wheel-wrap{grid-template-rows:auto 112px auto;justify-items:center;gap:6px;display:grid}.performance-wheel-label{color:#f3ede48f;font-family:var(--font-mono), monospace;letter-spacing:.08em;font-size:7px;font-weight:650}.performance-wheel{cursor:ns-resize;touch-action:none;background:linear-gradient(90deg,#171a16,#2c3029 48%,#151713);border:1px solid #11130f;border-radius:7px;width:46px;height:112px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 4px #00000080}.performance-wheel:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.performance-wheel-groove{background:#0b0d0a;border-radius:3px;width:4px;position:absolute;top:10px;bottom:10px;left:calc(50% - 2px);box-shadow:inset 1px 0 1px #ffffff0f}.performance-wheel-thumb{z-index:2;left:7px;right:7px;top:clamp(9px, calc(100% - var(--wheel-position) - 7px), 89px);background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff12 3px 4px),linear-gradient(#4a4e45,#252821);border:1px solid #0a0c09;border-radius:4px;height:14px;position:absolute;transform:translateY(-50%);box-shadow:0 4px 6px #00000094}.performance-wheel-thumb:after{content:"";background:var(--orange);height:2px;position:absolute;top:calc(50% - 1px);left:6px;right:6px;box-shadow:0 0 6px #ff9a558c}.midi-learn{letter-spacing:.03em;width:76px;min-height:22px;padding:4px 5px;font-size:6px}.midi-learn--active{border-color:var(--orange);color:var(--orange-hot);animation:.85s ease-in-out infinite alternate learn-pulse}@keyframes learn-pulse{to{box-shadow:0 0 11px #ff9a5561}}.keyboard{background:#0c0e0b;border-radius:5px;align-items:flex-start;height:176px;padding:0 2px 2px;transition:opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #0a0b09,0 12px 15px #00000052}.keyboard button{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.white-key{z-index:1;color:#1819146b;background:linear-gradient(100deg,#cfc9be,#fffaf1 28%,#e5dfd4 100%);border:0;border-radius:0 0 4px 4px;flex:1;height:172px;margin:0 1px;position:relative;box-shadow:inset 0 -8px 7px #312a2221}.white-key span{font-family:var(--font-mono), monospace;font-size:7px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.black-key{z-index:3;background:linear-gradient(100deg,#0e100d,#30332d 60%,#11130f);border:0;border-radius:0 0 3px 3px;width:7.1%;height:106px;margin:0 -3.55%;position:relative;box-shadow:inset 0 -5px 2px #090a08,0 7px 8px #00000061}.white-key.pressed{background:linear-gradient(#ffc99d,#f3d3b8);transform:translateY(3px)}.black-key.pressed{background:linear-gradient(#4b2c1c,#ff9a55);transform:translateY(3px)}.synth-shadow{z-index:1;filter:blur(25px);background:#251f1945;border-radius:50%;height:55px;position:absolute;bottom:-22px;left:4%;right:1%}.site-footer{color:#18191485;min-height:62px;font-family:var(--font-mono), monospace;letter-spacing:.1em;border-top:1px solid #1819143b;justify-content:space-between;align-items:center;gap:20px;font-size:8px;display:flex}.dm-hero{flex:1;grid-template-columns:minmax(235px,.44fr) minmax(720px,1.56fr);align-items:center;gap:clamp(32px,4vw,74px);padding:clamp(38px,5vh,68px) 0;display:grid}.dm-hero-copy{align-self:start;padding-top:clamp(20px,7vh,90px)}.dm-hero-copy h1{max-width:7ch}.dm-stage{perspective:1500px;width:100%;position:relative;transform:rotate(.65deg)}.dm-machine{z-index:2;background:linear-gradient(122deg, #ffffff0e, transparent 31%), linear-gradient(165deg, var(--panel-top) 0%, var(--panel) 52%, #1d201b 100%);color:#f3ede4;border:1px solid #0d0f0b;border-radius:18px 18px 25px 25px;min-height:590px;padding:clamp(24px,3vw,40px);position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff21,inset 0 -8px #161814,0 28px 30px #211c1645,0 70px 80px #211c1626}.dm-machine:before,.dm-machine:after{content:"";background:#0e100d;border-radius:50%;width:5px;height:5px;position:absolute;top:15px}.dm-machine:before{left:15px}.dm-machine:after{right:15px}.dm-sequencer{border-bottom:1px solid #fff1;padding:4px 4px 22px}.dm-seq-toolbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:15px;display:flex}.dm-seq-toolbar>div:first-child{font-family:var(--font-mono), monospace;flex-direction:column;gap:4px;display:flex}.dm-seq-toolbar strong{color:#f3ede4c2;letter-spacing:.1em;font-size:9px}.dm-seq-toolbar span{color:#f3ede457;letter-spacing:.06em;font-size:6px}.dm-seq-toolbar .dm-transport{min-width:min(480px,58%)}.dm-grid-header,.dm-step-row{grid-template-columns:88px repeat(16,1fr);gap:clamp(3px,.42vw,6px);display:grid}.dm-grid-header{color:#f3ede440;font-family:var(--font-mono), monospace;text-align:center;align-items:end;margin-bottom:4px;font-size:6px}.dm-grid-header span{text-align:left}.dm-grid-header i{font-style:normal}.dm-step-matrix{flex-direction:column;gap:5px;display:flex}.dm-step-row{border-radius:4px;align-items:center;padding:3px 4px;transition:background .1s}.dm-row-label{color:#f3ede47a;min-height:20px;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;font-size:6px;overflow:hidden}.dm-step{cursor:pointer;background:#1a1d18;border:1px solid #151712;border-radius:3px;width:100%;min-width:10px;height:20px;padding:0;box-shadow:inset 0 1px 2px #ffffff0a}.dm-step.current{outline-offset:1px;outline:1px solid #fff0df;box-shadow:0 0 10px #ffd5b29e}.dm-workspace{grid-template-columns:minmax(250px,.72fr) minmax(390px,1.28fr);gap:clamp(28px,4vw,52px);padding-top:26px;display:grid}.dm-control-panel{flex-direction:column;gap:20px;display:flex}.dm-screen{background:repeating-linear-gradient(0deg, #31211709 0 1px, transparent 1px 3px), var(--screen);color:#3a291e;min-height:122px;font-family:var(--font-mono), monospace;border:5px solid #161814;border-radius:7px;padding:12px 14px;box-shadow:inset 0 0 18px #ff822847}.dm-screen>div:first-child{letter-spacing:.08em;justify-content:space-between;font-size:7px;display:flex}.dm-screen strong{text-overflow:ellipsis;white-space:nowrap;margin:9px 0;font-size:clamp(18px,2vw,26px);display:block;overflow:hidden}.dm-screen small{letter-spacing:.08em;margin-top:8px;font-size:7px;display:block}.dm-screen-pattern{grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.dm-screen-pattern i{background:#3a291e2b;height:5px}.dm-screen-pattern i.active{background:#4d3323}.dm-screen-pattern i.current{background:var(--orange)}.dm-knobs{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.dm-knob-wrap{color:#f3ede485;min-width:0;font-family:var(--font-mono), monospace;flex-direction:column;align-items:center;gap:6px;font-size:7px;display:flex}.dm-knob-wrap small{color:var(--orange-hot);font-size:7px}.dm-knob{cursor:ns-resize;touch-action:none;width:clamp(42px,4.5vw,59px);height:clamp(42px,4.5vw,59px);transform:rotate(var(--dm-turn));background:radial-gradient(circle at 35% 25%,#4b4f46,#252821 58%,#10120f);border:1px solid #0b0c09;border-radius:50%;padding:0;position:relative;box-shadow:0 7px 9px #0000008c}.dm-knob i{background:var(--orange);border-radius:2px;width:2px;height:28%;position:absolute;top:7px;left:calc(50% - 1px)}.dm-knob:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.dm-transport{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.dm-transport button{color:#f3ede47a;min-height:34px;font-family:var(--font-mono), monospace;cursor:pointer;background:#20231e;border:1px solid #11130f;border-radius:3px;font-size:7px;box-shadow:inset 0 1px #ffffff0f}.dm-transport button:hover,.dm-transport button.active{color:var(--orange-hot);border-color:#ff9a5599}.dm-pad-bank{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,18px);display:grid}.dm-pad{color:#1819148a;cursor:pointer;touch-action:none;background:linear-gradient(145deg,#d4d0c9,#a8a59f);border:1px solid #11130f;border-radius:7px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:126px;padding:12px;transition:transform 60ms,background 60ms;display:flex;position:relative;box-shadow:inset 2px 2px 2px #fff6,inset -3px -4px 5px #201f1d29,0 7px #171914,0 11px 13px #00000059}.dm-pad span{font-family:var(--font-mono), monospace;font-size:8px}.dm-pad strong{font-family:var(--font-mono), monospace;letter-spacing:.04em;font-size:clamp(7px,.78vw,10px)}.dm-pad.selected{outline:2px solid var(--pad-accent);outline-offset:2px}.dm-pad.hit{background:var(--pad-accent);box-shadow:inset 2px 2px 2px #ffffff52, 0 2px 0 #171914, 0 5px 7px #00000059, 0 0 18px var(--pad-accent);transform:translateY(5px)}@supports (color:color-mix(in lab, red, red)){.dm-pad.hit{box-shadow:inset 2px 2px 2px #ffffff52, 0 2px 0 #171914, 0 5px 7px #00000059, 0 0 18px color-mix(in srgb, var(--pad-accent), transparent 55%)}}.dm-machine-footer{font-family:var(--font-mono), monospace;grid-template-columns:1fr auto;align-items:end;margin-top:24px;display:grid}.dm-machine-footer>span{letter-spacing:.08em;align-self:end;font-size:9px;font-weight:650}.dm-machine-footer strong{color:var(--orange);letter-spacing:-.06em;font-size:33px;line-height:.9}.dm-machine-footer small{color:#f3ede461;letter-spacing:.1em;text-align:right;grid-column:2;margin-top:4px;font-size:6px}@media (width<=1120px){.hero{grid-template-columns:1fr}.hero-copy{grid-template-columns:.8fr 1fr;align-items:end;gap:10px 40px;padding-top:0;display:grid}.eyebrow,.hero-copy h1{grid-column:1}.hero-lede,.interaction-hint{grid-column:2}.hero-lede{grid-row:1/span 2;align-self:center;margin:0}.interaction-hint{margin-top:8px}.dm-hero{grid-template-columns:1fr}.dm-hero-copy{padding-top:0}}@media (width<=760px){.site-shell{padding:0 14px}.nav-meta>span:first-child{display:none}.hero{padding-top:30px}.hero-copy{display:block}.hero-lede{margin-top:22px}.synth{border-radius:14px 14px 20px 20px;min-height:0;padding:24px 16px 28px}.synth-top{grid-template-columns:1fr 1fr;gap:14px}.screen{grid-area:2/1/auto/-1}.model-mark{grid-column:2}.page-tabs{justify-content:flex-start;overflow-x:auto}.encoder-bank{grid-template-columns:repeat(4,1fr);gap:18px 8px}.encoder{width:62px;height:62px}.performance-row{grid-template-columns:1fr}.performance-controls{grid-template-columns:auto 1fr;align-items:end;display:grid}.performance-status{flex-direction:column;align-self:start;align-items:flex-start}.performance-wheel-wrap{grid-template-rows:auto 92px auto}.performance-wheel{height:92px}.keyboard{height:148px}.white-key{height:144px}.black-key{height:88px}.dm-hero{padding-top:30px}.dm-machine{min-height:0;padding:24px 14px 28px}.dm-seq-toolbar{flex-direction:column;align-items:stretch}.dm-seq-toolbar .dm-transport{grid-template-columns:repeat(2,1fr);min-width:0}.dm-grid-header,.dm-step-row{grid-template-columns:56px repeat(16,minmax(8px,1fr));gap:2px}.dm-row-label{font-size:5px}.dm-step{min-width:8px;height:18px}.dm-workspace{grid-template-columns:1fr}.dm-pad-bank{min-height:330px}.dm-pad{min-height:96px;padding:8px}.site-footer{justify-content:center}.site-footer span:not(:first-child){display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--ink:#ece6d8;--cream:#17141d;--orange:#d6a35b;--orange-hot:#edc77f;--panel:#17151b;--panel-top:#292431;--panel-edge:#08070a;--screen:#b6d39c;--spectral:#a6d6a0;--violet:#8a68aa}body{color:var(--ink);background:radial-gradient(circle at 78% 22%,#8b68aa38,#0000 28rem),radial-gradient(circle at 18% 76%,#79a78026,#0000 34rem),linear-gradient(115deg,#0000 0 48%,#d9c28f06 49% 50%,#0000 51%),#0e0c12}.site-shell{isolation:isolate;position:relative}.site-shell:before,.site-shell:after{content:"";z-index:-1;pointer-events:none;filter:blur(54px);opacity:.42;border-radius:50%;animation:12s ease-in-out infinite alternate spectral-drift;position:fixed}.site-shell:before{background:#89b98b29;width:38vw;height:15vw;bottom:8vh;left:-6vw}.site-shell:after{background:#8b68aa2b;width:30vw;height:12vw;animation-delay:-5s;top:11vh;right:3vw}@keyframes spectral-drift{to{transform:translate(8vw,-2vh)scale(1.18)}}.site-nav{border-color:#e1cda42e}.wordmark{color:#efe5cf;text-shadow:0 0 18px #d6a35b2e}.brand-dot{background:var(--spectral);box-shadow:0 0 13px #a6d6a0a6,inset 0 0 0 3px #08070a4d}.nav-meta,.hero-lede,.interaction-hint,.site-footer{color:#ece6d894}.instrument-switch{color:#d9c9a8;background:#0d0b1073;border-color:#d6a35b52}.instrument-switch:hover{border-color:var(--spectral);color:var(--spectral)}.status-pill{color:#d9c9a8}.status-pill i{background:var(--spectral);box-shadow:0 0 0 3px #a6d6a01a,0 0 10px #a6d6a06b}.eyebrow{color:var(--spectral);text-shadow:0 0 14px #a6d6a03b}h1{color:#efe8da;letter-spacing:-.055em;text-shadow:0 4px 28px #000000b3;font-family:Georgia,Times New Roman,serif;font-weight:440}.interaction-hint{border-color:#e1cda42e}.interaction-hint strong{color:#ede3cf}.gesture-icon{color:var(--spectral);background:#15121a;border:1px solid #a6d6a047;box-shadow:0 0 18px #a6d6a01f}.synth,.dm-machine{background:linear-gradient(122deg,#d1c2e212,#0000 28%),repeating-linear-gradient(103deg,#0000 0 76px,#d6a35b05 77px 78px),linear-gradient(165deg,#312a39 0%,#1a171e 47%,#100e13 100%);border-color:#09070b;box-shadow:inset 0 2px #e9dcf11a,inset 0 -8px #09080b,0 0 0 1px #d6a35b2e,0 28px 30px #00000085,0 60px 90px #0000006b,0 0 55px #805e9d1f}.synth-brand span,.dm-machine-footer>span{color:#d8c9aa}.model-mark span,.dm-machine-footer strong{color:var(--orange);text-shadow:0 0 20px #d6a35b33}.screen,.dm-screen{color:#1d281e;background:repeating-linear-gradient(0deg,#131f140b 0 1px,#0000 1px 3px),linear-gradient(135deg,#b8d6a3,#839d79);border-color:#0b0910;box-shadow:inset 0 0 22px #25482b6b,0 0 26px #a6d6a024}.oscilloscope{filter:drop-shadow(0 0 3px #1d281e59)}.page-tabs button,.dm-transport button,.midi-connect,.midi-learn{background:#151219;border-color:#cab1da26}.page-tabs button:hover,.page-tabs button.active,.dm-transport button:hover,.dm-transport button.active{color:var(--spectral);border-color:#a6d6a08c}.page-tabs button.active{box-shadow:inset 0 -2px 0 var(--spectral);background:#a6d6a012}.encoder-bank{background:#04030529;border-top-color:#dac4e114}.encoder-line,.performance-wheel-thumb:after,.dm-knob i{background:var(--spectral);box-shadow:0 0 7px #a6d6a094}.encoder-value,.dm-knob-wrap small{color:var(--spectral)}.white-key{color:#18161c8c;background:linear-gradient(100deg,#aaa395,#ded6c7 31%,#b9b1a3 100%)}.black-key{background:linear-gradient(100deg,#08070a,#29242f 60%,#0d0b10)}.white-key.pressed{background:linear-gradient(#c5e2bd,#a5c69f)}.black-key.pressed{background:linear-gradient(#34213e,#8a68aa)}.dm-site-shell{background:radial-gradient(circle at 72% 42%,#8764a521,#0000 31rem)}.dm-sequencer{border-bottom-color:#cbb5da1a}.dm-step-row.selected{background:#a6d6a00e}.dm-step{background:#151219;border-color:#0a090c}.dm-step.beat{border-left-color:#d6a35b7a}.dm-step:hover{border-color:#a6d6a09e}.dm-step.active{background:linear-gradient(#c3dfb8,#78936f);box-shadow:0 0 9px #a6d6a06b}.dm-step.current{outline-color:#e8cc87;box-shadow:0 0 13px #e8cc87a6}.dm-pad{color:#eee5d3b8;background:linear-gradient(145deg,#d6cdde26,#0000 42%),linear-gradient(145deg,#4a434e,#28242c);border-color:#0b090d;box-shadow:inset 2px 2px 2px #ffffff14,inset -3px -4px 5px #0000003d,0 7px #0a080c,0 11px 13px #0000007a}.dm-pad.hit{color:#17131a}.site-footer{border-color:#e1cda426}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}