@import "https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@500;700&family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,400..800&display=swap";:root{--solder:oklch(93% .18 103);--signal:oklch(65% .25 29);--patch:oklch(61% .2 259);--dark:oklch(20% .03 55);--paper:oklch(96% .025 92);color:var(--dark);background:var(--solder);font-synthesis:none;font-family:Bricolage Grotesque,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--solder);margin:0}button,input{font:inherit}a{color:inherit}::selection{background:var(--patch);color:var(--paper)}.nav{z-index:20;border-bottom:2px solid var(--dark);grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding:14px clamp(16px,3vw,46px);font:700 10px/1.2 Azeret Mono,monospace;display:grid;position:relative}.wordmark{letter-spacing:-2px;font:800 28px/1 Bricolage Grotesque;text-decoration:none}.wordmark span{color:var(--signal)}.nav-links{gap:26px;display:flex}.nav-links a{padding:10px 0;text-decoration:none}.nav-cta{background:var(--dark);color:var(--paper);justify-self:end;gap:28px;padding:14px 16px;text-decoration:none;display:flex}.hero{border-bottom:2px solid var(--dark);grid-template-columns:minmax(0,1fr) minmax(260px,.32fr);min-height:calc(100svh - 78px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";opacity:.22;background-image:linear-gradient(var(--dark) 1px, transparent 1px), linear-gradient(90deg, var(--dark) 1px, transparent 1px);pointer-events:none;background-size:48px 48px;position:absolute;inset:0}.hero-copy{z-index:2;flex-direction:column;padding:clamp(30px,5vw,72px) clamp(18px,4vw,60px);display:flex;position:relative}.hero-kicker{text-transform:uppercase;margin:0;font:700 10px Azeret Mono,monospace}.hero h1{letter-spacing:-.095em;text-transform:uppercase;margin:auto 0 2.5vw;font-size:clamp(7rem,18vw,18rem);line-height:.61}.hero h1 span{display:block}.hero h1 b{color:var(--signal);margin-left:31%;font-weight:800;display:block}.hero-deck{max-width:650px;margin:0 0 34px;font-size:clamp(20px,2.2vw,32px);line-height:1.06}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-actions a{border:2px solid var(--dark);background:var(--paper);justify-content:space-between;align-items:center;gap:36px;min-height:52px;padding:13px 16px;font:700 11px Azeret Mono;text-decoration:none;display:flex}.hero-actions a:first-child{background:var(--patch);color:var(--paper)}.hero-specs{z-index:2;border-left:2px solid var(--dark);background:var(--paper);grid-template-rows:repeat(3,1fr) auto;display:grid;position:relative}.hero-specs div{border-bottom:2px solid var(--dark);justify-content:space-between;align-items:end;gap:14px;padding:clamp(20px,3vw,44px);display:flex}.hero-specs strong{letter-spacing:-.08em;font-size:clamp(54px,7vw,105px);line-height:.72}.hero-specs span{text-align:right;font:700 10px Azeret Mono}.hero-specs p{background:var(--signal);margin:0;padding:24px;font:700 12px/1.5 Azeret Mono}.hero-cable{z-index:1;border:18px solid var(--patch);opacity:.22;border-radius:50%;width:47vw;height:47vw;position:absolute;top:4%;right:13%;transform:rotate(-18deg)}.hero-cable i{background:var(--dark);border-radius:50%;width:28px;height:28px;position:absolute}.hero-cable i:first-child{top:30%;left:-22px}.hero-cable i:nth-child(2){top:58%;right:-22px}.hero-cable i:nth-child(3){bottom:-22px;left:42%}.instrument{background:var(--dark);color:var(--paper);border:2px solid var(--dark);box-shadow:20px 20px 0 var(--signal);margin:clamp(40px,7vw,100px)}.panel-topline{border-bottom:1px solid var(--paper);justify-content:space-between;gap:30px;min-height:76px;padding:16px 20px;font:700 10px/1.4 Azeret Mono;display:flex}.panel-topline div{align-items:center;gap:34px;display:flex}.panel-topline div span{color:var(--solder)}.panel-topline p{text-align:right;margin:0}.panel-topline p i{background:var(--signal);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.screen{border-bottom:1px solid var(--paper);position:relative}.signal-canvas{touch-action:none;width:100%;height:clamp(310px,43vw,620px);display:block}.screen-readout{pointer-events:none;color:var(--solder);justify-content:space-between;font:700 9px Azeret Mono;display:flex;position:absolute;inset:auto 16px 14px}.panel-controls{grid-template-columns:1.05fr .62fr 2fr;min-height:310px;display:grid}.knob-bank{border-right:1px solid color-mix(in oklch, var(--paper), transparent 68%);grid-template-columns:repeat(3,1fr);display:grid}.knob-control{border-right:1px solid color-mix(in oklch, var(--paper), transparent 78%);align-content:space-between;place-items:center;gap:16px;min-width:0;padding:18px 12px;display:grid}.knob-control:last-child{border-right:0}.control-label{text-align:center;font:700 9px Azeret Mono;display:grid}.control-label small{color:color-mix(in oklch, var(--paper), transparent 42%);font-weight:500}.knob{aspect-ratio:1;background:var(--cap);width:clamp(58px,6.2vw,86px);transform:rotate(var(--turn));box-shadow:inset -12px -12px 0 color-mix(in oklch, var(--dark), transparent 56%);border-radius:50%;display:block;position:relative}.knob input{opacity:0;cursor:grab;position:absolute;inset:0}.knob input:focus-visible+i{outline:5px solid var(--paper);outline-offset:12px}.knob i{background:var(--dark);width:4px;height:27px;position:absolute;top:7px;left:calc(50% - 2px)}.knob-control output{font:700 10px Azeret Mono}.mode-bank{border-right:1px solid color-mix(in oklch, var(--paper), transparent 68%);padding:18px}.mode-bank>span,.bank-heading span{color:var(--solder);font:700 9px Azeret Mono}.mode-bank div{gap:8px;margin-top:18px;display:grid}.mode-bank button,.pattern-actions button{border:1px solid var(--paper);min-height:43px;color:var(--paper);cursor:pointer;background:0 0;font:700 9px Azeret Mono}.mode-bank button.active{background:var(--solder);color:var(--dark)}.sequencer-bank{flex-direction:column;padding:18px;display:flex}.bank-heading{justify-content:space-between;gap:20px;display:flex}.bank-heading p{color:color-mix(in oklch, var(--paper), transparent 35%);margin:0;font:500 9px Azeret Mono}.steps{flex:1;grid-template-columns:repeat(8,1fr);gap:8px;margin:18px 0;display:grid}.steps button{border:1px solid var(--paper);min-height:64px;color:var(--paper);cursor:pointer;background:0 0;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s;position:relative}.steps button:hover{transform:translateY(-4px)}.steps button:focus-visible,button:focus-visible,a:focus-visible{outline:4px solid var(--paper);outline-offset:3px}.steps button.active{background:var(--solder);color:var(--dark)}.steps button:nth-child(4n+2).active{background:var(--signal)}.steps button:nth-child(4n+3).active{background:var(--patch);color:var(--dark)}.steps button span{font:700 8px Azeret Mono;position:absolute;top:6px;left:7px}.pattern-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.pattern-actions button:first-child{background:var(--signal);color:var(--dark);border-color:var(--signal)}.live-status{border-top:1px solid var(--paper);gap:24px;min-height:54px;margin:0;padding:14px 20px;font:500 10px/1.5 Azeret Mono;display:flex}.live-status span{color:var(--solder);font-weight:700}.signal-path{background:var(--paper);padding:clamp(90px,13vw,190px) clamp(18px,4vw,60px);position:relative;overflow:hidden}.section-heading{grid-template-columns:.7fr 2.3fr;align-items:start;display:grid}.section-heading p,.workshop-copy>p,.order>p{font:700 10px Azeret Mono}.section-heading h2,.workshop h2,.order h2{letter-spacing:-.075em;margin:0;font-size:clamp(4.8rem,11vw,11rem);line-height:.73}.path-line{border:14px solid var(--patch);opacity:.18;border-radius:50%;width:64vw;height:64vw;position:absolute;top:10%;right:-34vw}.path-list{border-top:2px solid var(--dark);max-width:1050px;margin:90px 0 0 auto;position:relative}.path-list article{border-bottom:2px solid var(--dark);grid-template-columns:100px 1fr 70px;align-items:start;gap:30px;padding:32px 0;transition:padding .25s,background .25s;display:grid}.path-list article:hover{background:var(--solder);padding-inline:18px}.path-list article>b,.path-list article>span{font:700 9px Azeret Mono}.path-list article>span{text-align:right}.path-list h3{margin:0;font-size:clamp(27px,4vw,55px);line-height:.9}.path-list p{max-width:540px;margin:12px 0 0;font-size:17px}.workshop{background:var(--signal);border-block:2px solid var(--dark);grid-template-columns:.92fr 1.08fr;min-height:900px;display:grid}.workshop-copy{flex-direction:column;padding:clamp(70px,9vw,140px) clamp(18px,4vw,60px);display:flex}.workshop h2{margin:38px 0;font-size:clamp(4rem,8vw,8rem)}.workshop-copy>p:not(:first-child){max-width:620px;font-size:20px;line-height:1.5}.workshop dl{border-top:2px solid var(--dark);margin:auto 0 0}.workshop dl div{border-bottom:2px solid var(--dark);justify-content:space-between;gap:30px;padding:14px 0;font:700 10px Azeret Mono;display:flex}.board{background:var(--patch);border-left:2px solid var(--dark);background-image:linear-gradient(var(--dark) 1px, transparent 1px), linear-gradient(90deg, var(--dark) 1px, transparent 1px);background-size:46px 46px;min-height:760px;position:relative;overflow:hidden}.board svg{width:88%;height:88%;position:absolute;inset:6%}.board path{fill:none;stroke:var(--solder);stroke-width:8px;stroke-linecap:square;stroke-linejoin:round}.board circle{fill:var(--signal);stroke:var(--dark);stroke-width:5px}.chip{z-index:2;border:2px solid var(--dark);background:var(--dark);min-width:82px;color:var(--paper);text-align:center;padding:28px 12px;font:700 10px Azeret Mono;position:absolute}.chip-a{top:19%;left:13%}.chip-b{background:var(--signal);color:var(--dark);top:11%;right:12%}.chip-c{background:var(--solder);color:var(--dark);bottom:15%;left:35%}.chip-d{bottom:25%;right:16%}.order{background:var(--dark);color:var(--paper);padding:clamp(80px,11vw,170px) clamp(18px,4vw,60px)}.order h2{color:var(--solder);margin:10vw 0;font-size:clamp(6rem,17vw,18rem)}.order-bottom{grid-template-columns:1fr 1fr;align-items:end;gap:5vw;margin-left:33%;display:grid}.order-bottom p{max-width:560px;font-size:18px;line-height:1.5}.order-bottom a{background:var(--signal);min-height:72px;color:var(--dark);justify-content:space-between;align-items:center;padding:18px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.order-bottom a span{font-size:34px;transition:transform .2s}.order-bottom a:hover span{transform:translate(5px,-5px)}footer{background:var(--dark);color:var(--paper);border-top:1px solid var(--paper);grid-template-columns:1fr 1fr 1fr;gap:30px;padding:30px clamp(18px,4vw,60px);font:500 9px/1.5 Azeret Mono;display:grid}footer p{margin:0}footer p:last-child{text-align:right}@media (width<=980px){.nav{grid-template-columns:1fr 1fr}.nav-links{display:none}.hero{grid-template-columns:1fr}.hero-specs{border-left:0;border-top:2px solid var(--dark);grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr)}.hero-specs p{grid-column:1/-1}.hero-specs div{min-height:180px}.panel-controls{grid-template-columns:1fr}.knob-bank,.mode-bank{border-right:0;border-bottom:1px solid color-mix(in oklch, var(--paper), transparent 68%)}.mode-bank div{grid-template-columns:repeat(3,1fr)}.workshop{grid-template-columns:1fr}.board{border-left:0;border-top:2px solid var(--dark)}}@media (width<=660px){.nav{min-height:68px}.nav-cta{gap:12px;padding:12px}.nav-cta span{display:none}.hero{min-height:auto}.hero-copy{min-height:720px}.hero h1{margin-top:auto;font-size:clamp(6rem,31vw,10rem)}.hero h1 b{margin-left:20%}.hero-deck{font-size:21px}.hero-specs{grid-template-columns:1fr 1fr}.hero-specs div:nth-child(3){grid-column:1/-1}.hero-specs div{min-height:140px}.instrument{box-shadow:9px 9px 0 var(--signal);margin:26px 10px 70px}.panel-topline{align-items:flex-start}.panel-topline div{gap:4px;display:grid}.panel-topline p{max-width:130px}.signal-canvas{height:310px}.knob-bank{grid-template-columns:repeat(3,1fr)}.knob-control{padding:16px 5px}.control-label small{display:none}.steps{grid-template-columns:repeat(4,1fr)}.steps button{min-height:58px}.bank-heading{display:grid}.section-heading{grid-template-columns:1fr;gap:36px}.section-heading h2{font-size:4.7rem}.path-list article{grid-template-columns:54px 1fr 30px;gap:12px}.path-list h3{font-size:31px}.workshop h2{font-size:4.4rem}.board{min-height:560px}.order h2{font-size:6.2rem}.order-bottom{grid-template-columns:1fr;margin-left:0}.order-bottom a{font-size:17px}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.steps button,.path-list article,.order-bottom a span{transition:none}}