:root{--ink:#344b4c;--muted:#707d78;--teal:#4d7777;--amber:#d1a35c;--panel:#e8e6dd;--line:#b9bcb1}*{box-sizing:border-box}body{color:var(--ink);background-color:#e7eae3;background-image:radial-gradient(at 80% 5%,#fcf9eb 0,#0000 40%),linear-gradient(165deg,#d9e4df,#e8e9e1 53%,#d1dad4);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;margin:0;font:14px system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button,select,input{font:inherit}button,select{color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:5px;outline:3px solid #bf873c}button:disabled{opacity:.55;cursor:wait}.page{max-width:1270px;margin:auto;padding:42px 32px 24px}.topline{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.eyebrow,.tag{letter-spacing:.22em;text-transform:uppercase;font-size:10px}.eyebrow{letter-spacing:.08em;text-transform:lowercase;align-items:center;gap:10px;font-size:12px;display:flex}.tinywave{font-size:25px;line-height:1;transform:translateY(-3px)}.about{color:#667975;background:0 0;border:0;border-bottom:1px solid #a9b7ae;padding:5px 0;font-size:12px}.intro{margin-bottom:26px}.intro h1{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(32px,4vw,49px);font-weight:400}.power-control{flex-direction:column;align-items:center;gap:8px;display:flex}.power{color:#5c7167;touch-action:manipulation;background:linear-gradient(#eeeee5,#d6dacd);border:1px solid #aab3a4;border-radius:12px;place-items:center;width:48px;height:48px;padding:0;display:grid;box-shadow:0 2px 4px #43514b20,inset 0 1px #ffffffa0}.power svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:22px;height:22px}.power[aria-pressed=true]{color:#ffe3a4;background:linear-gradient(#52786d,#365c53);border-color:#365c53;box-shadow:0 2px 5px #304a4430,inset 0 1px #ffffff30}.power:active{transform:translateY(1px)}.power-caption{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:8px}.led{background:#9aa49a;border-radius:50%;width:6px;height:6px;display:inline-block}.instrument{background:linear-gradient(110deg,#eeede6,#dcdcd3);border:1px solid #bbbdb0;border-radius:17px;padding:25px 36px 29px;position:relative;overflow:hidden;box-shadow:0 28px 48px -22px #43514b70,0 3px 1px #999f90,inset 0 1px 1px #fff}.wood{background:repeating-linear-gradient(92deg,#c3aa87 0,#dbc5a5 3px,#bfa581 4px,#dfccb0 7px);width:15px;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 4px #735c3955}.wood.left{left:0}.wood.right{right:0}.screw{background:linear-gradient(125deg,#68736d,#343e38);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 1px 1px #fff}.screw:after{content:"";background:#aab1a4;width:6px;height:1px;position:absolute;top:3px;left:1px;transform:rotate(-35deg)}.s1{top:18px;left:24px}.s2{top:18px;right:24px}.s3{bottom:18px;left:24px}.s4{bottom:18px;right:24px}.brandrow{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:3px 14px 23px;display:grid}.brand{letter-spacing:.38em;font-size:23px;font-weight:400}.subtitle{letter-spacing:.31em;margin-top:6px;font-size:8px}.preset-wrap{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.preset-wrap label{letter-spacing:.18em;font-size:9px}.preset-wrap select{background:#e6e7dd;border:1px solid #bec2b6;border-radius:6px;max-width:180px;padding:9px 27px 9px 10px;font-size:12px}.modules{grid-template-columns:1fr 1fr 1fr 1.15fr;padding:27px 0 24px;display:grid}.module{border-right:1px solid var(--line);padding:0 20px}.module:first-child{padding-left:4px}.module:last-child{border:0;padding-right:4px}.module-title{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.module h2{letter-spacing:.25em;margin:0;font-size:10px;font-weight:500}.index{color:#929b8e;font-size:9px}.knobs{grid-template-columns:1fr 1fr;gap:13px;display:grid}.control{text-align:center;min-width:0}.knob{pointer-events:none;background:conic-gradient(from 30deg,#e7e2d4,#cbc7ba,#e5e0d3,#f5f0e4,#d7d1c3,#e7e2d4);border:1px solid #b8b9a9;border-radius:50%;width:64px;height:64px;margin:0 auto 10px;position:relative;box-shadow:0 4px 4px #59605255,0 1px 1px #828679,inset 0 1px 1px #fff}.knob:after{content:"";transform-origin:1px 24px;width:2px;height:17px;transform:rotate(var(--angle,0deg));background:#4c605c;border-radius:2px;position:absolute;top:7px;left:30px}.control label{letter-spacing:.16em;text-transform:uppercase;font-size:8px;display:block}.control output{color:#778176;font-variant-numeric:tabular-nums;height:18px;margin-top:5px;font-size:10px;display:block}.control input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:18px;margin:0;display:block}.control input::-webkit-slider-runnable-track{background:#b8bfb1;height:2px}.control input::-webkit-slider-thumb{appearance:none;background:#68847a;border:2px solid #e9e8de;border-radius:50%;width:12px;height:12px;margin-top:-5px}.control input::-moz-range-track{background:#b8bfb1;height:2px}.control input::-moz-range-thumb{background:#68847a;border:2px solid #e9e8de;border-radius:50%;width:10px;height:10px}.module-note{color:#7c877b;letter-spacing:.06em;text-align:center;min-height:12px;margin-top:17px;font-size:9px}.scope{background:#233a37;border:4px solid #4c5851;border-radius:6px;height:61px;margin-top:15px;overflow:hidden;box-shadow:inset 0 2px 7px #101e19,0 1px 1px #fff9}.scope canvas{width:100%;height:100%;display:block}.steps{justify-content:space-between;gap:5px;margin-top:19px;display:flex}.drift-control{border-top:1px solid var(--line);margin-top:14px;padding-bottom:10px}.drift-switch{width:100%;min-height:44px;color:inherit;letter-spacing:.12em;touch-action:manipulation;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;font-size:10px;display:flex}.drift-position{letter-spacing:0;align-items:center;gap:8px;font-size:11px;display:flex}#driftState{min-width:18px}.switch-track{background:#b9bfb1;border:1px solid #9fa99a;border-radius:12px;width:36px;height:20px;transition:background-color .18s;position:relative;box-shadow:inset 0 1px 3px #52645340}.switch-track:after{content:"";background:linear-gradient(#fffdf5,#e0ddcf);border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #334b4260}.drift-switch[aria-checked=true] .switch-track{background:#ba9254;border-color:#a78147}.drift-switch[aria-checked=true] .switch-track:after{transform:translate(16px)}.control-hint{color:#65756b;margin:0;font-size:10px;line-height:1.5}.step{background:#dddcd0;border:1px solid #c0beac;border-radius:50%;width:19px;height:19px;font-size:0;position:relative}.step:after{content:"";background:#a4ac97;border-radius:50%;position:absolute;inset:6px}.step.enabled:after{background:#bb9354}.step.current{background:#f4dbad;box-shadow:0 0 12px #dca74e80}.step.current:after{background:#ffe6aa}.playrow{border-top:1px solid var(--line);grid-template-columns:1fr 173px;gap:24px;padding-top:24px;display:grid}.touch{background:linear-gradient(125deg,#f0eee5,#e3e2d7);border:1px solid #b8baac;border-radius:18px;min-height:223px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #9d9e8b20}.touch-heading{letter-spacing:.18em;pointer-events:none;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:16px;left:22px;right:22px}.touch-heading span:last-child{color:#8c9486;letter-spacing:.06em}.waves{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:223px;display:block}.ribbon-line{stroke:#638980;stroke-width:2.4px;fill:none;filter:drop-shadow(0 1px #fff)}.ribbon-hit{stroke:#0000;stroke-width:32px;fill:none;cursor:crosshair}.ribbon.active .ribbon-line{stroke:#ba9659;stroke-width:3.5px;filter:drop-shadow(0 0 5px #e9c678)}.touch-light{fill:#ffe3a4;filter:drop-shadow(0 0 7px #cd9547);pointer-events:none}.extras{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}.pad-wrap{text-align:center}.pad{color:#5c746d;touch-action:manipulation;background:radial-gradient(circle at 40% 30%,#f2eee0,#dbd8ca);border:1px solid #bdbca9;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 9px;display:grid;box-shadow:0 3px 5px #77816c30,inset 0 1px 1px #fff}.pad svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:28px;height:28px}.pad.is-triggered{color:#9d753d;border-color:#bc9552;box-shadow:0 0 0 2px #f6d99a80,0 0 18px #d2a85950}.pad:active{transform:translateY(2px)}.pad-wrap span{letter-spacing:.2em;font-size:8px}.level{grid-column:1/-1;align-items:center;gap:10px;margin-top:15px;display:flex}.level label{letter-spacing:.17em;font-size:8px}.level input{accent-color:#68847a;width:100%}.transport{justify-content:space-between;align-items:center;gap:16px;padding-top:22px;display:flex}.transport-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.smallbtn{background:0 0;border:1px solid #b6bdb0;border-radius:20px;padding:8px 13px;font-size:10px}.smallbtn[aria-pressed=true]{color:#fff;background:#5a7970;border-color:#5a7970}.status{color:#7e897c;align-items:center;gap:7px;font-size:10px;display:flex}.below{color:#74847a;justify-content:space-between;align-items:center;gap:18px;margin:24px 4px;font-size:11px;display:flex}.keycap{border:1px solid #b8c3b9;border-radius:3px;padding:1px 4px;font-size:9px}.guide{background:#f2f2e9ab;border:1px solid #c9d1c3;border-radius:12px;margin-top:20px;padding:23px}.guide h3{margin:0 0 12px;font:24px Georgia,serif}.guide p{color:#63796b;max-width:850px;font-size:12px;line-height:1.8}.guide-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.guide-grid strong{letter-spacing:.15em;font-size:10px}.guide-grid p{font-size:11px}.footer{text-align:center;letter-spacing:.2em;color:#8b978a;margin-top:37px;font-size:8px}.knobbox{position:relative}.knobbox input{opacity:0;cursor:ew-resize;height:74px;position:absolute;inset:0}.knobbox:focus-within .knob{outline-offset:4px;outline:2px solid #9f8255}@media (width>=1000px){.page{padding-top:52px}.instrument{padding:31px 43px}.knob{width:72px;height:72px}.knob:after{transform-origin:1px 28px;left:34px}.knobbox input{height:82px}.modules{padding-top:29px;padding-bottom:28px}.touch,.waves{height:250px;min-height:250px}.pad{width:70px;height:70px}.extras{padding-top:15px}.playrow{grid-template-columns:1fr 180px}}@media (width<=760px){.page{padding:24px 15px}.topline{margin-bottom:28px}.intro h1{font-size:34px}.instrument{flex-direction:column;padding:23px 27px;display:flex}.brandrow{order:0}.playrow{border-top:0;border-bottom:1px solid var(--line);order:1;padding-bottom:20px}.modules{order:2}.transport{order:3}.brandrow{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:0 0 19px}.power-control{grid-area:1/2}.brand{letter-spacing:.29em;font-size:17px}.subtitle{letter-spacing:.16em;font-size:6px}.preset-wrap{flex-direction:row;grid-area:2/1/auto/-1;justify-content:space-between;align-items:center}.preset-wrap select{max-width:135px;padding:7px;font-size:10px}.modules{grid-template-columns:1fr 1fr;row-gap:26px;padding-top:23px}.module{padding:0 15px}.module:nth-child(2){border-right:0;padding-right:0}.module:nth-child(3){padding-left:0}.module:nth-child(n+3){border-top:1px solid var(--line);padding-top:21px}.module-title{margin-bottom:17px}.module-note{font-size:8px}.knobs{gap:10px}.knob{width:55px;height:55px}.knob:after{transform-origin:1px 20px;height:14px;left:26px}.control label{font-size:7px}.playrow{grid-template-columns:1fr;gap:17px}.touch,.waves{height:220px;min-height:220px}.touch-heading{font-size:7px;left:14px;right:14px}.extras{justify-content:space-around;align-items:center;gap:18px;display:flex}.pad{width:51px;height:51px;margin-bottom:5px}.level{max-width:120px;margin-top:0;display:block}.level label{margin-bottom:10px;display:block}.transport{flex-direction:column;align-items:start;gap:12px;padding-top:20px}.below{align-items:start;font-size:10px;line-height:1.7}.keyboard-hint{display:none}.guide-grid{grid-template-columns:1fr 1fr}.wood{width:11px}.s1,.s3{left:17px}.s2,.s4{right:17px}.status{font-size:9px}.scope{height:55px}.footer{line-height:1.8}.knobbox input{height:65px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.switch-track,.switch-track:after{transition:none}}