@font-face{font-family:Inter;src:url('assets/inter-regular.otf');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-semibold.otf');font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url('assets/barlow-bold.ttf');font-weight:700;font-display:swap}@font-face{font-family:Plex;src:url('assets/plex-mono.ttf');font-weight:400;font-display:swap}
:root{--paper:#eeede7;--ink:#1b1c19;--orange:#e6532f;--rule:#c8c8bd;--muted:#686b61;--mono:Plex,monospace;--display:Barlow,Impact,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.7}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:.92;letter-spacing:-.015em}h2{font-size:clamp(55px,6.5vw,100px)}em{font-style:normal}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border-radius:0}button,a{touch-action:manipulation}img{max-width:100%;height:auto;display:block}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.wrap{width:min(1320px,calc(100% - 88px));margin:auto}.section{padding:94px 0}
.site-header{display:flex;align-items:center;justify-content:space-between;height:86px;border-bottom:1px solid var(--rule);padding:0 44px;gap:30px;background:var(--paper);position:sticky;top:0;z-index:20}.brand{width:175px;flex-shrink:0}.brand img{filter:brightness(0)}nav{display:flex;gap:31px;font-size:11px}nav b{font-family:var(--mono);font-weight:400;font-size:8px;color:var(--orange);margin-right:7px}nav a:hover{color:var(--orange)}.header-meta{font-family:var(--mono);font-size:8px;line-height:1.7;text-align:right;color:var(--muted)}.header-meta strong{font-weight:400;color:var(--ink)}.mobile-menu{display:none}
.hero{padding-top:42px;padding-bottom:33px}.hero-topline,.section-rail{display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:9px;letter-spacing:.025em}.hero-title{position:relative;padding:28px 0 34px}.hero h1{font-size:clamp(110px,13.1vw,192px);line-height:.83;position:relative;z-index:1;letter-spacing:-.028em}.hero h1 span{color:var(--orange)}.hero-emblem{position:absolute;right:50px;top:35px;width:228px;height:346px;overflow:hidden;opacity:.15}.hero-emblem img{max-width:none;width:1030px;filter:brightness(0);height:auto}.hero-bottomline{border-top:1px solid var(--rule);padding-top:20px;display:flex;align-items:center;gap:32px}.hero-index{font-family:var(--mono);font-size:23px;letter-spacing:-.04em;white-space:nowrap}.hero-bottomline p{font-size:12px;line-height:1.75;max-width:430px;color:#56594f}.hero-bottomline strong{font-weight:600;color:var(--ink)}.hero-jump{margin-left:auto;display:flex;align-items:center;gap:25px;font-family:var(--mono);font-size:9px;white-space:nowrap}.hero-jump span{font-size:28px;color:var(--orange)}
.instrument-stage{padding:27px 0 28px;background:#252821;color:#dedfd4}.stage-caption,.stage-bottom,.beat-footer{display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:8px;letter-spacing:.02em;align-items:center}.stage-caption{margin-bottom:15px;color:#b5b9a8}.stage-caption i{width:5px;height:5px;border-radius:50%;display:inline-block;margin-right:8px;background:var(--orange)}.beat-machine{border:1px solid #575d4b;background:#1a1d17;padding:26px 28px 18px;box-shadow:0 7px 0 #10130e;border-radius:4px;color:#e7e7dc}.machine-top{display:grid;grid-template-columns:1.1fr 1fr .55fr;gap:35px;align-items:center;padding:0 6px 22px}.knob-bank{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.knob-bank>div{display:flex;flex-direction:column;align-items:center}.knob-bank span{font-family:var(--mono);font-size:8px;color:#bbbfae;letter-spacing:.04em}.knob-bank small{font-family:var(--mono);font-size:6px;color:#747b66;margin-top:7px}.concept-knob{display:block;width:49px;height:49px;background:#33372e;border-radius:50%;border:1px solid #69715b;box-shadow:inset 0 0 0 5px #23271e,0 0 0 4px #424938;position:relative;margin-top:10px}.concept-knob:after{content:'';position:absolute;width:2px;height:13px;background:#e2e5d7;top:4px;left:23px;transform-origin:50% 21px}.k1:after{transform:rotate(55deg)}.k3:after{transform:rotate(115deg)}.k4:after{transform:rotate(-60deg)}.machine-display{background:#0f140d;border:1px solid #4f5c42;padding:16px 19px;color:#b5c69d;font-family:var(--mono)}.machine-display>span{display:block;font-size:7px}.machine-display strong{font-family:var(--display);font-size:31px;letter-spacing:.01em;line-height:.95;display:block;margin-top:10px}.machine-display small{font-size:6px;display:block;margin-top:12px}.machine-controls{display:flex;flex-direction:column;gap:7px}.machine-controls label{font-family:var(--mono);font-size:7px;display:flex;align-items:center;justify-content:center;gap:7px;color:#babdaa}.machine-controls input{appearance:textfield;width:43px;background:transparent;border:0;border-bottom:1px solid #555e46;color:#e3e6d7;text-align:center;font-family:var(--mono);font-size:13px;padding:4px 0}.machine-controls input::-webkit-inner-spin-button{appearance:none}.machine-controls button{border:1px solid #535c44;background:transparent;color:#b8bea9;font-family:var(--mono);font-size:8px;padding:8px}.machine-controls .beat-play{background:var(--orange);border-color:var(--orange);color:#fff4e9;text-transform:uppercase;font-size:10px;padding:11px}.beat-scroll{overflow-x:auto;padding:3px 0 6px;scrollbar-width:thin;scrollbar-color:#798369 #1a1d17}.beat-grid{display:grid;grid-template-columns:64px repeat(16,1fr);min-width:690px;gap:7px}.step-count{font-family:var(--mono);font-size:7px;color:#939b83;text-align:center;height:16px;line-height:16px}.row-label{display:flex;align-items:center;gap:8px;text-align:left;background:none;border:0;font-family:var(--mono);font-size:8px;color:#bbc3ae;padding:0}.row-label i{width:8px;height:8px;border-radius:50%;border:1px solid #9fb184;background:#789261}.row-label[aria-pressed=true]{color:#626e57}.row-label[aria-pressed=true] i{background:transparent;border-color:#5a6450}.beat-pad{height:47px;border:1px solid #525d42;background:#11180d;border-radius:3px;position:relative;padding:0;box-shadow:inset 0 0 0 2px #080e06}.beat-pad:after{content:'';position:absolute;top:6px;left:50%;width:6px;height:2px;transform:translateX(-50%);background:#3d4a32}.beat-pad:before{content:attr(data-voice);font-family:var(--mono);font-size:6px;position:absolute;left:1px;right:1px;bottom:11px;color:#8c9a7a}.beat-pad[aria-pressed=true]{background:#bc552a;border-color:#e27540;box-shadow:inset 0 0 0 2px #8f371b}.beat-pad[aria-pressed=true]:before{color:#ffe6c4}.beat-pad[data-row="1"][aria-pressed=true]{background:#a6452b;border-color:#cb7653}.beat-pad[data-row="2"][aria-pressed=true]{background:#9a963e;border-color:#bcb563;box-shadow:inset 0 0 0 2px #767327}.beat-pad[data-row="3"][aria-pressed=true]{background:#7d903f;border-color:#a1b562;box-shadow:inset 0 0 0 2px #5b6c25}.beat-pad[aria-pressed=true]:after{background:#efe2a6}.beat-pad.playhead{outline:1px solid #f0eee0;outline-offset:1px}.beat-grid.row-muted-0 [data-row="0"],.beat-grid.row-muted-1 [data-row="1"],.beat-grid.row-muted-2 [data-row="2"],.beat-grid.row-muted-3 [data-row="3"]{opacity:.35}.beat-footer{font-size:7px;color:#8f9c7c;margin-top:17px}.stage-bottom{font-size:7px;color:#b0b8a1;margin-top:19px}.stage-bottom>span{display:none}
.manifesto{padding:92px 0 76px}.eyebrow{font-family:var(--mono);font-size:9px;color:var(--muted)}.manifesto h2{font-size:clamp(56px,6.7vw,100px);margin-top:25px}.manifesto h2 em{color:var(--orange)}.manifesto-copy{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:30px;margin-left:28%;font-size:13px;color:#5c6054}.section-rail{border-top:1px solid var(--rule);padding-top:16px;margin-bottom:48px}.workflow{padding-top:0}.workflow-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px}.mode-panel{border-top:1px solid var(--ink);padding-top:17px;min-width:0}.panel-topline{display:flex;justify-content:space-between;font-family:var(--mono);font-size:7px;gap:15px;color:var(--muted)}.mode-map{margin:26px 0 31px;display:grid;grid-template-columns:repeat(16,1fr);gap:4px}.map-pad{height:29px;border:1px solid #bebeb1;background:#dfdfd5;border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:6px;line-height:1.1;white-space:pre-line;text-align:center;overflow:hidden}.map-pad.on,.map-pad.clip{background:var(--orange);border-color:var(--orange);color:#fff}.map-pad.note{background:#626b55;border-color:#626b55;color:white}.map-pad.loop{background:#b6a142;border-color:#9f8b36;color:#1c1f15}.mode-content h3{font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.04em}.mode-content p{font-size:12px;line-height:1.8;margin-top:16px;max-width:470px;color:#676b5e}.mode-content ul{list-style:none;padding:0;margin:21px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px}.mode-content li{font-family:var(--mono);font-size:8px;display:flex;gap:8px;align-items:center}.mode-content li:before{content:'+';color:var(--orange)}.mode-tabs button{display:flex;align-items:center;text-align:left;gap:18px;background:none;border:0;border-top:1px solid var(--rule);padding:15px 0;width:100%;min-height:78px}.mode-tabs button:last-of-type{border-bottom:1px solid var(--rule)}.mode-number{font-family:var(--mono);font-size:8px;align-self:start;padding-top:7px}.mode-tabs strong{font-family:var(--display);font-size:43px;letter-spacing:-.01em;line-height:1}.mode-tabs small{font-size:10px;color:var(--muted);margin-left:auto}.mode-tabs button>span:last-child{font-size:21px;min-width:24px;margin-left:12px;color:var(--muted)}.mode-tabs button[aria-selected=true] strong,.mode-tabs button[aria-selected=true]>span:last-child{color:var(--orange)}.mode-tabs p{font-family:var(--mono);font-size:8px;color:var(--muted);margin-top:19px}
.workspace{background:#1c1f1a;color:var(--paper)}.workspace .section-rail{border-color:#4d5545;color:#9da692}.workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:43px}.workspace-heading h2{font-size:clamp(51px,6.3vw,88px)}.workspace-heading h2 em{color:#d2815c}.workspace-heading>p{font-size:11px;line-height:1.7;color:#adb59f;padding-bottom:4px;max-width:295px}.workspace-selector{display:flex;align-items:center;gap:26px;font-family:var(--mono);font-size:8px;border-top:1px solid #4d5545;padding:15px 0}.workspace-selector button{background:none;border:0;border-bottom:1px solid transparent;padding:4px 0;color:#8c9880;font-size:9px;font-family:var(--mono)}.workspace-selector .selected{color:#f5eee0;border-color:var(--orange)}.workspace-selector>span{margin-left:auto;color:#8c9880;font-size:7px}.screenshot-button{background:#11150f;border:1px solid #5e6754;padding:6px;width:100%;display:block;position:relative}.screenshot-button img{width:100%}.enlarge{position:absolute;right:15px;bottom:15px;width:30px;height:30px;background:#12160e;border:1px solid #a4b591;color:#c8d7b6;display:grid;place-items:center;font-size:16px}.screenshot-button:hover .enlarge{background:var(--orange);color:white;border-color:var(--orange)}.workspace-note{display:grid;grid-template-columns:auto auto 1fr;gap:28px;align-items:center;padding-top:27px}.workspace-note>span{font-family:var(--display);font-size:31px;line-height:1}.workspace-note>span:nth-child(2){color:#d2815c}.workspace-note p{margin-left:auto;font-size:10px;line-height:1.8;color:#9da692}
.details-section{padding-bottom:45px}.details-section .section-rail{margin-bottom:10px}.detail-row{display:grid;grid-template-columns:40px 1fr 1fr 100px;align-items:center;gap:28px;padding:32px 0;border-bottom:1px solid var(--rule)}.detail-row>span{font-family:var(--mono);font-size:9px;color:var(--orange);align-self:start;padding-top:5px}.detail-row h3{font-size:44px;line-height:.96}.detail-row p{font-size:12px;line-height:1.8;color:var(--muted);max-width:320px}.detail-mark{justify-self:end}.pads-mark{display:grid;grid-template-columns:repeat(2,24px);gap:5px}.pads-mark i{width:24px;height:24px;border:1px solid #979d8c}.pads-mark i:first-child{background:var(--orange);border-color:var(--orange)}.knob-mark{border:1px solid #979d8c;border-radius:50%;width:59px;height:59px;display:grid;place-items:center}.knob-mark i{display:block;border:1px solid var(--ink);width:47px;height:47px;border-radius:50%;position:relative}.knob-mark i:after{content:'';position:absolute;left:30px;top:8px;width:1px;height:12px;background:var(--orange);transform:rotate(40deg)}.wave-mark{display:flex;gap:3px;align-items:center;height:50px}.wave-mark i{background:var(--ink);width:3px;height:15px}.wave-mark i:nth-child(2n){height:36px}.wave-mark i:nth-child(3n){height:48px;background:var(--orange)}.questions{padding-top:42px}.questions .section-rail{border-top:0;padding-top:0}.faq-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.faq-grid h2{font-size:85px}.faq-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--rule)}summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;font-size:12px;cursor:pointer;padding:22px 0}summary::-webkit-details-marker{display:none}summary span{font-size:23px;color:var(--orange);font-weight:400;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{font-size:11px;color:var(--muted);line-height:1.9;padding:0 30px 22px 0}
.closing{background:var(--orange);color:#25190f;padding:32px 0 35px}.closing .section-rail{border-color:#913b23;color:#25190f;margin-bottom:32px}.closing-title{display:flex;align-items:center;justify-content:space-between;gap:35px}.closing-title h2{font-size:clamp(86px,12vw,170px);line-height:.85}.closing-title em{color:#ffe6cb}.closing-title>a{font-size:110px;line-height:1;margin-right:50px}.closing-title>a:hover{color:#ffe6cb}.closing-bottom{border-top:1px solid #913b23;padding-top:25px;margin-top:38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing-bottom img{width:240px;filter:brightness(0)}.closing-bottom p{font-family:var(--mono);font-size:9px;line-height:1.9}.site-footer{padding:21px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;font-family:var(--mono);font-size:7px;color:var(--muted)}.site-footer>a:hover{color:var(--orange)}.skip-link{position:fixed;z-index:100;top:-70px;left:15px;background:var(--ink);color:var(--paper);padding:12px 18px;font-size:13px}.skip-link:focus{top:15px}dialog{width:min(1420px,96vw);max-height:94vh;overflow:auto;background:#1d2119;border:1px solid #69795a;color:var(--paper);padding:15px}dialog::backdrop{background:#10140de8}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.dialog-header p{font-family:var(--mono);font-size:10px}.dialog-header button{width:36px;height:36px;border:1px solid #708263;background:none;color:#e7ebdf}dialog img{width:100%}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.site-header{padding:0 28px;gap:22px}nav{gap:20px}.brand{width:145px}.hero h1{font-size:14vw}.hero-emblem{width:173px;height:262px;right:24px}.hero-emblem img{width:780px}.hero-bottomline{gap:22px}.hero-index{font-size:20px}.hero-bottomline p{font-size:11px}.hero-jump{font-size:8px;gap:15px}.machine-top{gap:25px}.knob-bank{gap:13px}.concept-knob{width:40px;height:40px}.concept-knob:after{left:19px;transform-origin:50% 17px;height:10px}.machine-display{padding:12px}.machine-display strong{font-size:26px}.beat-machine{padding:23px 20px 18px}.beat-pad{height:42px}.section{padding-top:75px;padding-bottom:75px}.manifesto{padding:75px 0 65px}.manifesto-copy{gap:35px}.workflow{padding-top:0}.workflow-grid{gap:40px}.mode-tabs strong{font-size:37px}.mode-tabs button{gap:13px}.mode-tabs small{font-size:9px}.mode-map{gap:3px}.map-pad{height:26px}.detail-row{gap:20px;grid-template-columns:30px 1fr 1fr 70px}.detail-row h3{font-size:37px}.detail-row p{font-size:11px}.workspace-note{gap:18px}.workspace-note>span{font-size:27px}.faq-grid{gap:45px}.faq-grid h2{font-size:75px}.questions{padding-top:38px}.closing-title>a{margin-right:15px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:74px;padding:0 20px}.brand{width:150px}.header-meta{font-size:7px;margin-left:auto}.mobile-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:35px;height:35px;background:none;border:1px solid #949c8a;padding:8px}.mobile-menu span{height:1px;width:17px;background:var(--ink)}nav{display:none;position:absolute;top:73px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--ink);padding:15px 20px;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:12px 0;font-size:12px}.hero{padding-top:29px;padding-bottom:24px}.hero-topline{font-size:8px}.hero-title{padding:30px 0 25px}.hero h1{font-size:16vw;line-height:.86}.hero-emblem{display:none}.hero-bottomline{flex-wrap:wrap;gap:15px 25px}.hero-bottomline p{font-size:11px}.hero-jump{margin-left:auto;font-size:8px}.hero-index{font-size:21px}.stage-caption{font-size:7px}.stage-bottom{font-size:7px}.stage-bottom>span{display:block;white-space:nowrap;font-size:6px}.instrument-stage{padding-top:21px}.machine-top{grid-template-columns:1fr 1fr;gap:20px}.knob-bank{grid-column:1/-1;padding:0 18%;gap:20px}.concept-knob{width:45px;height:45px}.concept-knob:after{left:21px;transform-origin:50% 20px;height:12px}.knob-bank small{display:none}.machine-display{padding:13px 17px}.machine-display strong{font-size:26px}.machine-controls label{font-size:8px}.machine-controls button{font-size:9px}.beat-footer{font-size:6px}.section{padding:62px 0}.manifesto{padding:65px 0 54px}.manifesto h2{font-size:9vw}.manifesto-copy{margin-left:0;gap:30px;font-size:12px}.workflow{padding-top:0}.workflow-grid{grid-template-columns:1fr;gap:35px}.mode-panel{order:2}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr)}.mode-tabs button{border:1px solid var(--rule);border-right:0;padding:16px 9px;min-height:67px;display:block;text-align:center}.mode-tabs button:last-of-type{border-right:1px solid var(--rule)}.mode-tabs strong{font-size:29px}.mode-tabs small,.mode-tabs .mode-number,.mode-tabs button>span:last-child,.mode-tabs p{display:none}.mode-tabs button[aria-selected=true]{border-bottom:2px solid var(--orange)}.mode-panel{border-top:0}.mode-map{gap:4px}.map-pad{height:35px;font-size:7px}.mode-content p{max-width:600px}.section-rail{margin-bottom:29px;font-size:8px}.workspace-heading{display:block}.workspace-heading h2{font-size:9vw}.workspace-heading>p{margin-top:25px;font-size:12px;max-width:none}.workspace-selector{gap:20px}.workspace-selector>span{font-size:6px}.workspace-note{grid-template-columns:1fr 1fr;gap:15px}.workspace-note p{grid-column:1/-1;margin-left:0;font-size:11px}.workspace-note>span{font-size:30px}.details-section{padding-bottom:25px}.detail-row{grid-template-columns:25px 1fr 70px;gap:20px;padding:28px 0}.detail-row h3{font-size:39px}.detail-row p{grid-column:2;max-width:420px;font-size:12px}.detail-mark{grid-column:3;grid-row:1/3}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-grid h2{font-size:65px}.questions{padding-top:35px}.closing-title h2{font-size:14vw}.closing-title>a{font-size:75px;margin-right:0}.closing-bottom img{width:190px}.closing-bottom p{font-size:8px;max-width:270px}.site-footer{flex-wrap:wrap;gap:14px;font-size:6px}.site-footer p{order:3;flex-basis:100%}.site-footer a{margin-left:auto}}
@media(max-width:480px){.header-meta{display:none}.mobile-menu{margin-left:auto}.hero-topline{font-size:6px}.hero-title{padding-top:27px;padding-bottom:25px}.hero h1{font-size:18vw}.hero-bottomline{gap:14px}.hero-index{font-size:19px}.hero-bottomline p{font-size:10px}.hero-jump{font-size:7px;flex-basis:100%;justify-content:space-between;border-top:1px solid var(--rule);padding-top:9px}.hero-jump span{font-size:21px}.stage-caption{font-size:6px;gap:13px}.stage-caption>span:last-child{max-width:120px;text-align:right}.beat-machine{padding:19px 13px 14px}.knob-bank{padding:0 5%;gap:19px}.knob-bank span{font-size:7px}.concept-knob{width:37px;height:37px}.concept-knob:after{left:17px;transform-origin:50% 15px;height:9px}.machine-top{gap:17px;padding:0 0 17px}.machine-display{padding:12px}.machine-display>span{font-size:6px}.machine-display strong{font-size:24px}.machine-display small{font-size:5px}.machine-controls label{gap:4px;font-size:6px}.machine-controls input{font-size:12px}.machine-controls button{font-size:7px}.beat-grid{min-width:625px;gap:6px;grid-template-columns:55px repeat(16,1fr)}.beat-footer{font-size:5px;gap:20px}.beat-footer>span:last-child{max-width:95px;text-align:right}.stage-bottom{display:block;font-size:7px}.stage-bottom>span{margin-top:8px}.manifesto h2{font-size:10.2vw}.manifesto-copy{grid-template-columns:1fr;gap:14px;font-size:12px}.section-rail{font-size:7px;gap:20px}.section-rail>span:last-child{text-align:right}.mode-tabs strong{font-size:24px}.mode-map{gap:3px}.map-pad{height:22px;font-size:5px}.mode-content h3{font-size:23px}.mode-content li{font-size:7px}.workspace-heading h2{font-size:10vw}.workspace-selector{font-size:7px;gap:20px}.workspace-selector>span{display:none}.workspace-note>span{font-size:27px}.screenshot-button{padding:3px}.enlarge{width:24px;height:24px;right:8px;bottom:8px;font-size:14px}.detail-row{grid-template-columns:19px 1fr 55px;gap:12px}.detail-row h3{font-size:35px}.detail-row p{font-size:11px}.detail-row>span{font-size:8px}.pads-mark{grid-template-columns:repeat(2,19px);gap:4px}.pads-mark i{width:19px;height:19px}.knob-mark{width:46px;height:46px}.knob-mark i{width:36px;height:36px}.knob-mark i:after{left:23px;top:6px;height:10px}.wave-mark{gap:2px}.wave-mark i{width:2px}.faq-grid h2{font-size:59px}.faq-list summary{font-size:11px}.closing-title>a{font-size:53px}.closing-title h2{font-size:17vw}.closing-bottom{display:block}.closing-bottom img{width:220px}.closing-bottom p{margin-top:20px;font-size:8px;max-width:none}.dialog-header p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.machine-controls .beat-play{color:#20160f}.mobile-menu{min-width:44px;min-height:44px}

.release-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:40px 0}.release-heading p{max-width:300px}.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.release-grid article{border-top:1px solid var(--rule);padding:24px 0}.release-grid article>span,.release-figure figcaption{font:11px var(--mono);color:var(--muted)}.release-grid h3{font-size:38px;margin:24px 0 20px}.release-grid p{font-size:14px}.release-figure{margin:40px auto;max-width:950px}.release-figure .screenshot-button{width:100%;position:relative}.release-figure figcaption{margin-top:12px}.release-download{border-top:1px solid var(--rule);padding-top:25px;display:flex;flex-wrap:wrap;align-items:center;gap:24px;justify-content:space-between}.release-download h3{font-size:25px}.release-download p{font-size:12px}.release-hash{overflow-wrap:anywhere;max-width:430px}.download-link{background:var(--ink);color:var(--paper);padding:15px 22px}.download-link[hidden]{display:none}@media(max-width:700px){.release-grid{grid-template-columns:1fr;gap:8px}.release-heading{display:block}.release-heading p{margin-top:24px}.release-grid h3{font-size:33px}.release-download{display:block}.download-link{display:inline-block;margin-top:18px}.download-link[hidden]{display:none}}

.real-stage{padding:35px 0 28px}.real-app-screen{display:block;position:relative;width:100%;padding:0;background:#191919;border:1px solid #525445}.real-app-screen img{width:100%;height:auto}.real-stage .stage-bottom{gap:24px}.real-stage .stage-bottom p{max-width:650px}@media(max-width:700px){.real-stage{padding:22px 0}.real-stage .stage-caption{gap:16px;font-size:8px}.real-stage .stage-bottom{display:block}.real-stage .stage-bottom>span{display:block;margin-top:12px}}

.hardware-details{padding-bottom:25px}.hardware-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:36px 0}.hardware-heading h2{font-size:clamp(45px,5.7vw,85px)}.hardware-heading p{max-width:280px}.hardware-details figure{margin:0}.hardware-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#1b1c19;overflow:hidden}.hardware-photo img{width:100%;height:auto}.hardware-details figcaption{display:flex;justify-content:space-between;gap:20px;padding:16px 0 25px;border-bottom:1px solid var(--rule);font-size:12px;line-height:1.6}.hardware-details figcaption strong{font:11px var(--mono);white-space:nowrap}.hardware-details figcaption span{color:var(--muted)}.hardware-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}.hardware-pair figcaption{display:block}.hardware-pair figcaption span{display:block;margin-top:7px}@media(max-width:700px){.hardware-heading{display:block}.hardware-heading p{margin-top:22px}.hardware-pair{grid-template-columns:1fr;gap:20px}.hardware-details figcaption{display:block}.hardware-details figcaption span{display:block;margin-top:7px}.hardware-details{padding-top:50px}}

/* Separate title rows survive browser translation wrappers. */
.hero h1{display:flex;flex-direction:column;align-items:flex-start;gap:.07em}.hero h1 .hero-line{display:block;color:var(--ink);white-space:nowrap;max-width:100%}.hero h1 .hero-accent{color:var(--orange)}bdi.notranslate{font:inherit;letter-spacing:inherit;line-height:inherit}nav bdi{white-space:nowrap}.site-header nav{flex-wrap:wrap;row-gap:8px}.hero-topline{flex-wrap:wrap}.hero-bottomline p{min-width:0}@media(max-width:700px){.hero h1{font-size:13vw}.hero-bottomline{flex-wrap:wrap;row-gap:14px}.hardware-details figcaption strong{white-space:normal}}

.pricing-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:40px 0}.pricing-heading p{max-width:310px}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{padding:34px;border:1px solid var(--rule);display:flex;flex-direction:column}.price-card-featured{border:2px solid var(--ink);padding:33px}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.plan-top h3{font-size:30px}.plan-badge{font:10px var(--mono);padding:7px 10px;background:#deded5}.plan-saving{background:var(--ink);color:var(--paper)}.plan-price{margin:35px 0 12px;line-height:1}.plan-price>span:first-child{font:700 clamp(52px,6vw,80px) var(--display);letter-spacing:-.03em}.plan-period{font-size:14px;color:var(--muted);margin-left:10px}.plan-billing{font-size:12px;min-height:42px;color:var(--muted)}.plan-features{list-style:none;padding:20px 0;margin:12px 0 25px;border-top:1px solid var(--rule);font-size:13px}.plan-features li{padding:7px 0}.plan-features li:before{content:'+';margin-right:12px;color:var(--orange)}.plan-button{margin-top:auto;display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;border:1px solid var(--ink);background:transparent;font-size:14px;font-weight:600;color:var(--ink);opacity:1}.price-card-featured .plan-button{background:var(--ink);color:var(--paper)}.plan-button:disabled,.installer-button:disabled{cursor:default}.checkout-note{display:flex;align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid var(--rule)}.checkout-brand{font-size:28px;font-weight:600;letter-spacing:-1.5px;color:#635bff}.checkout-note p{font-size:12px;color:var(--muted)}.checkout-state{font:9px var(--mono);margin-left:auto;white-space:nowrap}.installer-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:var(--ink);color:var(--paper);padding:38px;margin-top:44px}.installer-panel h3{font-size:44px;margin:20px 0}.installer-panel p{font-size:12px}.installer-panel .eyebrow{color:#c8c8bd;font:10px var(--mono)}.installer-button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:22px;background:var(--paper);color:var(--ink);border:0;padding:18px 22px;font-weight:600;font-size:14px;opacity:1}.installer-button[hidden]{display:none}.installer-action>p{margin-top:15px;color:#c8c8bd;overflow-wrap:anywhere}@media(max-width:700px){.pricing-heading{display:block}.pricing-heading p{margin-top:25px}.pricing-cards{grid-template-columns:1fr}.price-card{padding:25px}.price-card-featured{padding:24px}.checkout-note{flex-wrap:wrap;gap:14px}.checkout-note p{flex:1;min-width:200px}.checkout-state{margin-left:0}.installer-panel{grid-template-columns:1fr;gap:25px;padding:25px}.installer-panel h3{font-size:38px}.plan-price>span:first-child{font-size:65px}}