@font-face{font-family:Inter;src:url(assets/Inter-Regular.ttf);font-display:swap}
@font-face{font-family:Inter;src:url(assets/Inter-SemiBold.ttf);font-weight:600 900;font-display:swap}
@font-face{font-family:Plex;src:url(assets/IBM-Plex-Mono.ttf);font-display:swap}
:root{color-scheme:dark;--bg:#211e23;--ink:#f6ede4;--muted:#c1adb9;--line:#4b3e4b;--accent:#e7beb4;--mono:Plex,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
button,a{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
figure,p,h1,h2,h3,dl,dd{margin:0}
.shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.nav,footer{display:flex;justify-content:space-between;align-items:center;gap:18px}
.nav{min-height:86px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;gap:10px;align-items:center;font-weight:700;letter-spacing:.065em;line-height:1}
.brand small{display:block;font:10px/1.3 var(--mono);letter-spacing:.12em;margin-top:4px;color:var(--muted)}
.mark{color:var(--accent);font-size:27px}
nav{display:flex;align-items:center;gap:28px;font-size:14px}
nav a:hover,footer a:hover{color:var(--accent)}
.nav-buy{border:1px solid var(--line);padding:9px 14px;border-radius:4px}
.hero{display:grid;grid-template-columns:.9fr 1.15fr;gap:30px;align-items:center;padding-block:112px 105px;position:relative}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 48%,#382b43 0,transparent 67%);pointer-events:none}
.eyebrow{display:flex;gap:10px;align-items:center;color:var(--accent);text-transform:uppercase;font:12px/1.4 var(--mono);letter-spacing:.13em}
.eyebrow span{width:7px;height:7px;border-radius:50%;background:currentColor}
h1,h2,h3{font-weight:600;line-height:1;letter-spacing:-.07em}
h1{font-size:clamp(65px,8.5vw,140px);margin:19px 0 22px}
h1 span{color:var(--accent)}
.intro{font-size:clamp(18px,1.75vw,25px);max-width:29ch;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 16px;border-radius:4px;font-size:14px;font-weight:600}
.primary{background:var(--accent);color:#241a1a}
.primary:hover{background:#f6d8d0}
.secondary{border:1px solid var(--line)}
.secondary:hover{border-color:var(--accent)}
.secondary span{font-size:10px;color:var(--accent)}
.product{padding:12px;background:#2b262d;border:1px solid #4b3e4b;border-radius:12px;box-shadow:0 24px 65px #0c0809a6}
.product-shot{overflow:hidden;border-radius:6px;background:#211d23}
.product img{display:block;width:calc(100% + 2px);height:auto;max-width:none;margin:-2.6% -1px -1px}
figcaption{display:flex;justify-content:space-between;gap:8px;padding:10px 2px 0;font:10px/1.4 var(--mono);letter-spacing:.06em;color:var(--muted)}
h2{font-size:clamp(43px,5.8vw,82px);margin-top:14px}
h3{font-size:31px;letter-spacing:-.045em}
.features dd,.availability{color:var(--muted);margin-top:10px}
.details{padding-block:75px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:32px}
.features>div{border-top:1px solid var(--line);padding-top:17px}
.features dt{font-size:20px;font-weight:600}
.buy{display:grid;grid-template-columns:1fr .7fr;gap:32px;align-items:center;background:#2b262d;border:1px solid var(--line);border-radius:8px;padding:34px;margin-bottom:65px}
.platforms>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.platforms span{color:var(--muted);font-size:14px;text-align:right}
.platforms .button{margin-top:14px}
.platforms .button span{color:inherit}
footer{padding-block:20px 28px;border-top:1px solid var(--line);font-size:13px}
@media(max-width:950px){.shell{width:calc(100% - 52px)}.hero{grid-template-columns:1fr;padding-block:67px;gap:35px}.product{width:min(100%,720px)}}
@media(max-width:620px){.shell{width:calc(100% - 32px)}.nav{min-height:68px}nav{gap:12px;font-size:12px}.nav-buy{padding:6px}.brand{font-size:12px;gap:5px}.brand small{font-size:8px}.mark{font-size:21px}nav a:nth-child(2){display:none}.features,.buy{grid-template-columns:1fr}.buy{padding:20px}.features{gap:19px}.hero{padding-block:53px}.details{padding-block:48px}.product{padding:7px}figcaption{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.playground{padding-bottom:72px}
.demo-console{background:#251e22;border:1px solid #4b3e4b;border-radius:12px;padding:clamp(14px,3vw,32px);display:grid;gap:15px}
.console-top,.console-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.console-top{justify-content:space-between}
.console-top h2{margin:0}
.demo-console button,.demo-console select,.demo-console input[type=number]{font:inherit;color:inherit;background:#35292f;border:1px solid var(--line);border-radius:5px;padding:7px 9px;font-size:13px}
.demo-console button{cursor:pointer}
.demo-console button:disabled{opacity:.5;cursor:default}
.demo-console button[aria-pressed=true],.demo-console .primary{background:var(--accent);color:#241a1a;border-color:var(--accent)}
.demo-console .primary{min-height:36px}
.demo-console label,.demo-status,.console-settings{font:12px/1.5 var(--mono);color:var(--muted)}
.demo-console input[type=number]{width:67px}
.demo-console input[type=checkbox]{accent-color:var(--accent);vertical-align:middle}
.demo-console :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#loop-wave{display:block;width:100%;height:clamp(54px,8vw,86px);border-radius:6px;background:#1b181b}
.knobs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-block:4px}
.knob{display:grid;justify-items:center;position:relative;gap:4px;text-align:center}
.dial{position:relative;width:min(100%,72px);aspect-ratio:1;border-radius:50%;border:1px solid #a87872;background:#1b171a}
.dial::after{content:"";position:absolute;inset:5px;transform:rotate(var(--angle));background:linear-gradient(var(--accent),var(--accent)) center top/2px 19% no-repeat}
.knob:focus-within .dial{outline:2px solid var(--accent);outline-offset:4px}
.knob input{width:min(100%,76px);height:72px;position:absolute;inset:0;margin:0 auto;opacity:0;cursor:ns-resize;touch-action:none}
.knob-name{font:600 clamp(10px,1.5vw,14px)/1.2 Inter,sans-serif;color:var(--ink)}
.knob output{color:var(--accent);font-size:11px}
#motif{display:grid;grid-template-columns:repeat(var(--steps,16),minmax(0,1fr));gap:4px;margin-top:8px}
#motif button{padding:0;height:24px;font:10px var(--mono)}
#motif button.current{box-shadow:inset 0 0 0 2px #fff5e7}
.console-settings summary{cursor:pointer}
.console-settings .console-row{margin-top:8px;gap:10px 16px}
.console-settings input[type=range]{width:80px;vertical-align:middle;accent-color:var(--accent)}
@media(max-width:620px){.playground{padding-bottom:45px}.knob input{height:50px}#motif{grid-template-columns:repeat(min(var(--steps,16),16),minmax(0,1fr))}}
.plugin-scroll{overflow:auto;border-radius:12px}
.plugin{position:relative;aspect-ratio:1100 / 660;min-width:690px;container-type:inline-size;background:#211e23 url(assets/DesktopEddy.svg) center/100% 100% no-repeat;color:#f6ede4}
.plugin:not([data-engine="0"]){background-image:url(assets/DesktopSediment.svg)}
.plugin>div,.plugin-advanced{position:absolute}
.plugin-header{left:31.18%;right:6%;top:2.88%;height:5.75%;gap:.65cqw;flex-wrap:nowrap}
.plugin-header #reset-demo{width:37%;margin-right:auto;text-align:left}
.plugin button,.plugin select{font-size:1.15cqw;background:#302831;border-color:#4b3e4b;padding:.55cqw .72cqw;color:#f6ede4}
.plugin button[aria-pressed=true]{background:#594050;color:#f6ede4;border-color:#a77994}
.plugin-label,.plugin label{font:1cqw/1.35 var(--mono);color:#c1adb9}
.plugin-rack{left:3.36%;top:16.4%;width:16%;height:69%}
.rack-heading,.dry-wet{display:flex;justify-content:space-between}
#engine-rack{display:grid;gap:.55cqw;margin-top:.65cqw}
.engine-strip{border:1px solid #4b3e4b;border-radius:.6cqw;padding:.4cqw .55cqw;display:grid;grid-template-columns:1fr auto;gap:.4cqw;background:#211e23}
.engine-strip button:first-child{text-align:left}
.engine-strip label{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.4cqw}
.engine-strip label>span{position:absolute;clip-path:inset(50%)}
.engine-strip input,#trim-controls input{width:100%;margin:0;accent-color:#d497ae}
#trim-controls{display:grid;gap:.75cqw;margin-top:1cqw}
#trim-controls label{display:grid;grid-template-columns:1fr auto;gap:.1cqw .35cqw}
#trim-controls input{grid-row:2;grid-column:1/-1}
.plugin-display,.plugin-editor,.plugin-advanced{left:22.18%;width:49.82%}
.plugin-display{top:14.55%;height:44.85%;padding:.9cqw 1.3cqw}
.display-top{display:flex;justify-content:space-between;align-items:center}
.plugin #loop-wave{height:calc(100% - 6.2cqw);background:transparent}
#rhythm-controls{display:flex;align-items:center;gap:.65cqw;height:3.6cqw}
#rhythm-controls #motif{flex:1;margin:0;grid-template-columns:repeat(var(--steps,16),minmax(0,1fr));gap:.22cqw}
#rhythm-controls #motif button{padding:0;height:1.8cqw;font-size:.78cqw}
.plugin-editor{top:61.21%;height:26.36%;padding:1.1cqw 1.35cqw}
.editor-top{justify-content:flex-end;flex-wrap:nowrap;gap:.5cqw}
.editor-top strong{font-size:1.65cqw;margin-right:auto}
.editor-top select{max-width:12cqw}
.plugin .knobs{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.7cqw}
.plugin .knob{gap:.2cqw}
.plugin .knob-name{grid-row:1;font-size:1.1cqw;color:#f6ede4}
.plugin .dial{width:6.8cqw;border:0;background:transparent url(assets/Dial.svg) center/contain no-repeat}
.plugin .dial::after{inset:.5cqw;background:linear-gradient(#efadbf,#efadbf) center top/.2cqw 17% no-repeat}
.plugin .knob input{top:1.3cqw;width:7cqw;height:7cqw}
.plugin .knob output{font-size:1.08cqw;color:#efadbf}
.plugin-output{left:74.91%;width:21.27%;top:16.5%;height:69%}
#mix-knob{margin-top:1.6cqw}
#mix-knob .dial{width:15.5cqw;background-image:url(assets/MixDial.svg)}
#mix-knob .knob input{width:16cqw;height:16cqw}
#mix-knob .knob output{font-size:1.65cqw}
.dry-wet{margin:-.65cqw .5cqw 1.65cqw}
.capture-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45cqw;margin:.65cqw 0 .85cqw}
#capture-readout{display:grid;grid-template-columns:1fr 1fr;gap:.3cqw;background:#211e23;border:1px solid #4b3e4b;border-radius:.45cqw;padding:.65cqw;font-size:1.15cqw}
.plugin-footer{left:2.36%;width:95.5%;top:93.33%;display:grid;grid-template-columns:13% 13% 12% 1fr auto;gap:.7cqw;align-items:center}
.plugin-footer label{display:flex;gap:.45cqw;align-items:center}
.plugin-footer meter{width:75%;height:1.35cqw}
.plugin-footer button{justify-self:start}
.plugin-footer #tap{justify-self:end}
.plugin-footer #clock{padding-left:2cqw}
.plugin-advanced{top:14.55%;height:73.03%;padding:1.25cqw;background:#211e23 url(assets/Signal.svg) center/100% 100%;border-radius:1cqw;border:1px solid #4b3e4b;overflow:auto}
.plugin-advanced[data-panel=time]{background-image:url(assets/Time.svg)}
.plugin-advanced[data-panel=edit]{background-image:url(assets/EditEddy.svg)}
.plugin:not([data-engine="0"]) .plugin-advanced[data-panel=edit]{background-image:url(assets/EditSediment.svg)}
.plugin-advanced h3{font-size:1.85cqw;letter-spacing:-.025em}
.plugin-advanced>p{margin-top:.35cqw}
#advanced-controls{display:grid;gap:1.15cqw;margin-top:1.25cqw}
.advanced-row{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:.55cqw;align-items:start}
.plugin-selector,.timed-value{display:grid;gap:.55cqw;justify-items:center;text-align:center}
.plugin-selector select{max-width:100%}
.timed-value{font:1.2cqw var(--mono);color:#efadbf}

:root{--violet:#be9adc}.hero::before{background:radial-gradient(ellipse at 70% 48%,#3b2b49 0,transparent 67%)}.buy{border-color:var(--violet)}.platforms .ready{color:var(--accent);font:12px var(--mono)}.download-note{font-size:13px;color:var(--muted);margin-top:10px}
.product-price{font-size:38px;font-weight:600;line-height:1.2;margin:18px 0 10px;color:var(--accent)}.product-price small{font:12px var(--mono);color:var(--muted)}
/* Match the serif wordmark in the native Alluvium header. */
#title,#buy-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.025em;text-transform:uppercase}
#title{font-size:clamp(52px,7vw,112px)}
#buy-title{font-size:clamp(38px,5vw,70px)}
.nav-buy,.actions .secondary{font-family:Georgia,'Times New Roman',serif;letter-spacing:.025em}