:root{color-scheme:dark;--bg:#17191d;--panel:#292c33;--ink:#efefe9;--muted:#a1a6a5;--green:#b8d2a7;--control:#83a98f;--red:#ef684b;--line:#41464b;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;font-family:"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}button,a,input{-webkit-tap-highlight-color:transparent}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}h1,h2,h3,p{margin:0}.eyebrow{font:10px var(--mono);font-weight:500;letter-spacing:1.7px;color:var(--green)}.led{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #b8d2a755;margin-right:9px;vertical-align:middle}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--green);color:#17191d;padding:12px}.skip:focus{top:10px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #393e41;padding:0 max(48px,calc((100vw - 1240px)/2));background:#17191df5;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.logo{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:1.4px;font-weight:400;white-space:nowrap}.logo b{font-weight:750}.brand-icon{border:1px solid #708372;border-radius:4px;width:32px;height:32px;display:grid;place-items:center;color:var(--green);font:bold 14px var(--mono);letter-spacing:-1px}.nav nav{display:flex;align-items:center;gap:34px;font-size:12px;color:#adb4ad}.nav a:hover{color:var(--green)}.nav .nav-download{color:var(--green);border-left:1px solid #474e48;padding-left:30px}.nav-download span{margin-left:10px}.hero{padding:70px 0 40px}.hero h1{font-size:clamp(56px,6.6vw,94px);font-weight:500;line-height:1.06;letter-spacing:-5px;margin:25px 0 32px}.hero h1 span{color:var(--green)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.hero-bottom p{font-size:16px;color:#aeb4af;line-height:1.7}.hero-actions{display:flex;gap:22px;align-items:center}.cta{display:flex;gap:35px;justify-content:space-between;align-items:center;background:var(--green);color:#20281e;padding:17px 24px;border-radius:3px;font-size:13px;font-weight:700;box-shadow:inset 0 1px #ecffe2}.cta:hover{background:#cce4bd}.cta span{font-size:20px;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;color:var(--green);padding:8px 0}.text-link:hover{text-decoration:underline}.hero-spec{display:flex;gap:23px;color:#89938a;margin-top:27px;font:10px var(--mono);letter-spacing:.4px}.hero-spec .version{margin-left:auto;color:#849182}.demo-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.demo-intro>span:last-child{font:10px var(--mono);color:#84938b}.studio-shell{border:1px solid #667066;border-radius:7px;box-shadow:0 22px 65px #0006,inset 0 1px #ffffff20;overflow:hidden;background:linear-gradient(120deg,#30323b,#24262d)}.window-bar{height:32px;background:#35383d;border-bottom:1px solid #14161c;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font:9px var(--mono);color:#c1c2c0}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#d75e55}.window-dots i:nth-child(2){background:#c9a566}.window-dots i:nth-child(3){background:#8ba57b}.demo-tag{font-size:8px;color:#96aa91;letter-spacing:1px}.studio-body{padding:22px}.studio-heading{display:flex;align-items:center;gap:15px;border-bottom:1px solid #555963;padding-bottom:17px;margin-bottom:17px}.studio-heading h2{font-size:23px;font-weight:650;letter-spacing:-.6px;margin-top:5px}.studio-heading .eyebrow{font-size:8px;color:#a7acb5}.lcd{margin-left:auto;background:#11151a;border:1px solid #585e61;padding:8px 12px;min-width:170px;border-radius:2px}.lcd small{display:block;color:#8f9991;font:7px var(--mono);letter-spacing:1px;margin-bottom:3px}.lcd span{font:11px var(--mono);color:#d7d99b}.hw{background:linear-gradient(#3c404a,#252831);border:1px solid #11151a;box-shadow:inset 0 1px #fff2,0 1px 3px #0006;border-radius:3px;color:#9bbb9d;font:9px var(--mono);font-weight:600;letter-spacing:.2px;padding:7px 11px;min-height:29px;text-transform:uppercase}.hw:hover{background:#444c45}.hw.on,.hw[aria-pressed=true]{background:linear-gradient(#4c6753,#314335);color:#c7e4b7;border-color:#1d2820}.hw.small{font-size:8px}.seq-heading,.kit-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.seq-heading h3,.kit-heading h3{font-size:13px;letter-spacing:.2px;margin-top:4px}.seq-heading .eyebrow,.kit-heading .eyebrow{color:#a6abb2;font-size:8px;letter-spacing:1px}.status-chip{font:8px var(--mono);color:#bbd2ae;border:1px solid #536656;padding:7px 9px;border-radius:3px}.status-chip .led{width:4px;height:4px}.seq-tools{display:flex;align-items:center;gap:8px;margin-bottom:12px}.variations{display:flex;gap:5px}.variations button{width:35px;padding:4px;min-height:29px;font-size:10px}.dice{font-size:21px;width:31px;padding:0;line-height:1}.density{display:flex;align-items:center;gap:7px;font:8px var(--mono);color:#a6b29d;margin-left:3px}.density output{color:#d1d7bb;width:27px}.density input{width:85px;accent-color:#a7c391;height:15px}.follow{margin-left:auto;font-size:8px}.sequencer{min-width:660px;border:1px solid #606771;border-radius:2px;overflow:visible}.sequencer-scroll{overflow-x:auto;padding:0 0 2px;scrollbar-color:#67776b #252a2d}.step-head,.track-row{display:grid;grid-template-columns:115px repeat(16,minmax(0,1fr))}.step-head{height:22px;background:#22262d;font:8px var(--mono);text-align:center;color:#b2b8b3;align-items:center}.step-head strong{font-size:8px;font-weight:500;color:#a6c49d}.track-row{height:31px;background:#20242b;position:relative}.track-row:nth-child(even){background:#282c34}.track-controls{display:flex;gap:4px;align-items:center;padding:0 6px;border-bottom:1px solid #42464d;background:#30343d}.track-controls>strong{font-size:9px;min-width:18px;margin-right:auto;color:#d9dad4}.track-controls button{padding:0;min-height:17px;height:17px;width:16px;font:7px var(--mono);border:1px solid #171b20;border-radius:2px;background:#242931;color:#a5b39f;cursor:pointer}.track-controls button[aria-pressed=true]{background:#5a6950;color:#ecf2b8}.track-controls button.muted[aria-pressed=true]{background:#926348;color:#f2d2b5}.track-controls button.lock[aria-pressed=true]{background:#585b42;color:#e1d797}.step{position:relative;margin:4px 7px;border:1px solid #12141a;border-radius:2px;background:linear-gradient(#666b73,#444950);box-shadow:inset 0 1px #adb8bb33,0 1px 2px #0008;padding:0;cursor:crosshair;touch-action:none}.step:nth-child(4n+2){margin-left:6px}.step-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(#fb7754,#dc4d34);border-radius:1px;pointer-events:none;box-shadow:inset 0 1px #ffb6a060}.step.playhead{outline:1px solid #c2d7b5;outline-offset:2px;background:#637366}.step.selected{border-color:#d9c593}.track-row.is-muted .step-fill{filter:grayscale(1);opacity:.5}.end-marker{position:absolute;left:calc(115px + (100% - 115px)*var(--length)/16 - 5px);width:6px;height:23px;top:4px;padding:0;border:0;border-right:2px solid #b1c899;background:transparent;cursor:ew-resize;touch-action:none;z-index:3}.step.inactive{opacity:.22}.seq-footer{display:flex;justify-content:space-between;font:8px var(--mono);gap:15px;color:#96a59b;padding-top:8px}.seq-footer i{font-style:normal;color:#626d66;margin:0 5px}.seq-footer>span:last-child{color:#78887d;font-size:7px}.kit-heading{border-top:1px solid #555b61;margin-top:18px;padding-top:15px}.preview-tools{display:flex;align-items:center;gap:10px;font:8px var(--mono);color:#a3aba5}.preview-tools input[type=number]{width:44px;background:#161a20;border:1px solid #545e60;color:#eb8b70;font:10px var(--mono);height:27px;padding:3px}.preview-tools label{display:flex;align-items:center;gap:5px}.sound input{accent-color:#a6c695}.sample-pads{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px}.sample-pad{padding:7px;background:#242831;border:1px solid #555f5e;border-radius:3px;min-width:0;cursor:pointer}.sample-pad .pad-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.pad-heading b{font-size:11px;color:#b8c6b0}.pad-heading small{font:6px var(--mono);color:#839482}.sample-pad canvas{width:100%;height:32px;display:block;background:#1a2023;border:1px dashed #5e705d;border-radius:2px}.sample-pad .sample-name{display:block;background:#171c20;color:#c5c797;font:7px var(--mono);padding:5px 3px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-pad .pad-caption{font:6px var(--mono);color:#809484;display:block;margin:4px 0}.pad-button{height:18px;width:100%;border:1px solid #151a1e;border-radius:2px;background:#323941;color:#a9c29c;font:6px var(--mono)}.sample-pad.flash{border-color:#cad9ad;box-shadow:0 0 9px #a9c99055}.studio-summary{margin-top:13px;display:flex;gap:5px;align-items:center;font:8px var(--mono);color:#85928b;border-top:1px solid #485156;padding-top:11px}.studio-summary>span:first-child{margin-right:auto}.studio-summary strong{color:#bac6ad;font-weight:500}.studio-summary i{font-style:normal;margin:0 6px}.mini-pill{border:1px solid #536352;padding:4px 7px;border-radius:2px;font-size:7px}.demo-disclaimer{display:flex;justify-content:space-between;margin-top:12px;font:9px var(--mono);color:#7d8b83;gap:15px}.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts>div{border-left:1px solid var(--line);padding-left:30px}.facts>div:first-child{padding-left:0;border:0}.facts strong{display:block;font-size:33px;letter-spacing:-1px;font-weight:400;color:#c3d1b9;margin-bottom:8px}.facts span{font:8px var(--mono);color:#9da99c;letter-spacing:1px}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:100px;padding-bottom:95px}.section-title h2{font-size:clamp(30px,3.3vw,48px);font-weight:500;letter-spacing:-1.6px;line-height:1.12;margin-top:23px}.section-title>p{margin-top:25px;font-size:14px;color:var(--muted);line-height:1.8}.workflow-list article{display:flex;gap:26px;padding:26px 0;border-top:1px solid var(--line)}.index{font:10px var(--mono);color:#819a7d;padding-top:5px}.workflow-list h3{font-size:20px;font-weight:500;letter-spacing:-.3px}.workflow-list p{font-size:13px;color:var(--muted);line-height:1.9;margin:13px 0 17px}.feature-note{font:8px var(--mono);letter-spacing:1px;color:#98ae8b}.feature-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#22292a;border:1px solid #47544b;border-radius:4px;padding:45px}.spotlight-copy h2{font-size:37px;letter-spacing:-1.4px;font-weight:500;line-height:1.17;margin:22px 0}.spotlight-copy h2 span{color:var(--green)}.spotlight-copy p{font-size:13px;line-height:1.9;color:#a4b1a9}.spotlight-controls{display:flex;gap:9px;align-items:center;margin:26px 0 14px;flex-wrap:wrap}.locked-channel{background:#394437;border:1px solid #6e7f5a;border-radius:3px;padding:9px;font:10px var(--mono);color:#c1cc98}.locked-channel small{font-size:7px;display:block;color:#819773;margin-top:4px}.density-badge{font:8px var(--mono);color:#9baa94;padding-left:10px}.density-badge b{display:block;font-size:18px;margin-top:4px;font-weight:400;color:#d0debd}.variation-art{background:#1a1d23;border:1px solid #627064;border-radius:4px;padding:22px;align-self:center;box-shadow:0 10px 30px #0005}.art-label,.art-bottom{display:flex;justify-content:space-between;font:8px var(--mono);color:#91a582;gap:10px}.art-label{margin-bottom:22px}.art-label>span:last-child{font-size:6px}.art-row{display:grid;grid-template-columns:26px repeat(16,1fr);gap:5px;align-items:center;margin-bottom:11px}.art-row small{font:7px var(--mono);color:#a7b194}.art-step{height:20px;background:linear-gradient(#464e52,#2d3439);border:1px solid #121619;border-radius:2px}.art-step.hit{background:linear-gradient(#f17f55,#c4573c);border-color:#a35239}.art-row.locked .art-step.hit{background:linear-gradient(#bac395,#6f8c69);border-color:#789875}.art-bottom{font-size:6px;border-top:1px solid #384439;padding-top:15px;margin-top:20px}.features{padding:100px 0 80px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;margin-top:45px}.feature-grid article{padding:26px 0 30px;border-top:1px solid var(--line)}.feature-glyph{font:19px var(--mono);letter-spacing:-1px;color:#a4bf96;display:block;height:35px}.feature-grid h3{font-size:17px;font-weight:500;margin:12px 0}.feature-grid p{font-size:13px;line-height:1.85;color:var(--muted);max-width:330px}.routes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;border-top:1px solid var(--line);padding:40px 0 80px}.routes .section-title h2{font-size:35px;margin-top:20px}.route-number{font:10px var(--mono);color:#879f7b}.route h3{font-size:25px;font-weight:400;margin:18px 0}.route p{font-size:13px;line-height:1.85;color:var(--muted)}.route-flow{display:flex;justify-content:space-between;font:9px var(--mono);color:#a7bd99;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;gap:5px}.route-flow>span:nth-child(2){color:#667f67}.download{padding:48px;display:flex;align-items:center;justify-content:space-between;border:1px solid #627759;border-radius:4px;background:linear-gradient(120deg,#2f3c30,#222a25);gap:40px}.download h2{font-size:40px;line-height:1.1;font-weight:500;letter-spacing:-1.6px;margin:20px 0}.download p{color:#aab6a6;font-size:13px}.download-action{display:flex;flex-direction:column;gap:13px;min-width:220px}.download-action>span{font:8px var(--mono);color:#96a38d;text-align:center}.download-action .text-link{align-self:center;font-size:10px}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;padding:90px 0}.faq h2{font-size:33px}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;font-size:14px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font:16px var(--mono);color:var(--green)}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:15px}footer{border-top:1px solid var(--line);padding:30px 0 35px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}footer>p{font-size:13px;color:#9da698;text-align:right}footer small{font-size:9px;color:#707e73;line-height:1.7}footer>span{text-align:right;font:9px var(--mono);color:#87937e}.setup-page{max-width:800px;padding:60px 0 90px}.setup-page h1{font-size:48px;font-weight:500;letter-spacing:-2px;margin:25px 0}.setup-page h2{font-size:23px;font-weight:500;margin:35px 0 15px}.setup-page p,.setup-page li{font-size:14px;line-height:1.9;color:#b0b7ad}.setup-page li{margin-bottom:8px}.setup-page .cta{display:inline-flex;margin-top:25px}.setup-page .note{border-left:2px solid var(--green);padding:15px 22px;background:#252c26;margin-top:25px}.setup-page code{font-family:var(--mono);color:#c1d3b0;font-size:12px}
@media(min-width:1600px){.hero{padding-top:85px}.hero h1{font-size:100px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav{padding:0 24px}.hero h1{letter-spacing:-3px}.hero-bottom{align-items:flex-start}.hero-actions{flex-direction:column;align-items:flex-start;gap:8px}.workflow{gap:40px}.feature-spotlight{gap:35px;padding:30px}.spotlight-copy h2{font-size:31px}.sample-pads{grid-template-columns:repeat(6,1fr)}.sample-pad:nth-child(n+7){display:none}.seq-footer>span:last-child{display:none}.feature-grid{gap:0 25px}.routes{gap:25px}.download{padding:35px}.download h2{font-size:34px}.faq{gap:35px}.art-row{gap:3px}.art-step{height:16px}}@media(max-width:640px){.wrap{width:calc(100% - 32px)}.nav{height:65px;padding:0 16px}.logo{font-size:10px;gap:8px}.brand-icon{width:27px;height:27px}.nav nav{gap:16px}.nav nav>a:not(:last-child){display:none}.nav .nav-download{padding-left:15px;font-size:10px}.hero{padding:43px 0 30px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:51px;letter-spacing:-2.8px;margin-top:20px}.hero-bottom{flex-direction:column;gap:24px}.hero-bottom p{font-size:13px;line-height:1.8}.hero-actions{flex-direction:row;align-items:center;gap:20px;width:100%}.cta{font-size:11px;padding:14px 17px;gap:20px}.hero-actions .text-link{font-size:10px}.hero-spec{gap:14px;font-size:7px;margin-top:22px;flex-wrap:wrap}.demo-intro{gap:10px}.demo-intro .eyebrow{font-size:8px}.demo-intro>span:last-child{font-size:7px;max-width:160px;text-align:right}.studio-body{padding:11px}.window-bar{font-size:7px;padding:0 9px}.demo-tag{font-size:6px}.studio-heading{gap:6px;padding-bottom:12px;margin-bottom:12px}.studio-heading h2{font-size:17px}.studio-heading .eyebrow{font-size:6px}.lcd{min-width:104px;padding:6px 7px}.lcd span{font-size:8px}.studio-heading>.hw{display:none}.seq-heading h3,.kit-heading h3{font-size:11px}.status-chip{font-size:6px;padding:5px}.seq-tools{gap:5px;flex-wrap:wrap}.variations{gap:3px}.variations button{width:25px;min-height:26px;font-size:8px}.dice{width:26px;min-height:26px}.density{margin-left:0;width:100%;order:3;font-size:7px}.density input{width:110px}.follow{font-size:6px;padding:5px;min-height:25px}.seq-footer{font-size:7px}.preview-tools{gap:5px;font-size:7px}.preview-tools .hw{font-size:7px;padding:5px}.preview-tools .sound{display:none}.sample-pads{grid-template-columns:repeat(4,1fr);gap:5px}.sample-pad:nth-child(n+5){display:none}.studio-summary{font-size:6px;flex-wrap:wrap}.mini-pill{font-size:5px;padding:3px}.demo-disclaimer{font-size:7px;line-height:1.6;flex-direction:column;gap:3px}.facts{margin-top:35px;padding:23px 0;grid-template-columns:repeat(2,1fr);gap:25px}.facts>div{padding-left:20px}.facts>div:nth-child(3){padding-left:0;border:0}.facts strong{font-size:27px}.facts span{font-size:7px}.workflow{grid-template-columns:1fr;padding:65px 0;gap:30px}.section-title h2{font-size:36px}.section-title>p{font-size:13px;margin-top:20px}.workflow-list article{padding:22px 0;gap:17px}.workflow-list h3{font-size:18px}.feature-spotlight{grid-template-columns:1fr;gap:30px;padding:25px}.spotlight-copy h2{font-size:31px}.variation-art{padding:16px}.features{padding:65px 0 45px}.feature-grid{grid-template-columns:1fr 1fr;gap:0 22px;margin-top:30px}.feature-grid article{padding:22px 0}.feature-grid h3{font-size:15px;line-height:1.35}.feature-grid p{font-size:11px;line-height:1.8}.feature-grid article:last-child{grid-column:span 2}.routes{grid-template-columns:1fr;gap:30px;padding:30px 0 55px}.route{border-top:1px solid var(--line);padding-top:20px}.route-flow{justify-content:flex-start;gap:30px}.download{flex-direction:column;align-items:flex-start;padding:28px;gap:25px}.download h2{font-size:32px}.download-action{width:100%}.download-action .cta{justify-content:space-between}.faq{grid-template-columns:1fr;padding:65px 0;gap:25px}footer{grid-template-columns:1fr;gap:18px}footer>p,footer>span{text-align:left}.setup-page{padding:40px 0}.setup-page h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.usb-promise{display:flex;gap:8px;margin-top:23px;flex-wrap:wrap}.usb-promise span{border:1px solid #576e4e;border-radius:2px;padding:7px 9px;font:8px var(--mono);color:#adc899}
.two-way{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:0 0 85px;align-items:center}.two-way h2{font-size:37px;letter-spacing:-1.5px;font-weight:500;line-height:1.17;margin:22px 0}.two-way h2 span{color:var(--green)}.two-way p{font-size:13px;line-height:1.9;color:var(--muted);max-width:500px}
.sync-diagram{display:flex;gap:20px;align-items:center;justify-content:center;padding:30px 20px;background:#22272b;border:1px solid #4b5c4d;border-radius:4px}.sync-device{border:1px solid #677264;border-radius:3px;background:linear-gradient(#30343d,#21262c);padding:18px 13px;width:180px;box-shadow:0 8px 16px #0004}.sync-device>span{font:9px var(--mono);color:#c5d1b7}.sync-device small{font:7px var(--mono);color:#95a488;display:block}.sync-pads{display:flex;gap:5px;margin:18px 0}.sync-pads i{width:27px;height:24px;border-radius:2px;border:1px solid #111619;background:linear-gradient(#58636a,#333c43)}.sync-pads i.lit{background:linear-gradient(#f4855d,#c64c31)}.sync-arrow{font-size:27px;color:#b3cf9c;text-align:center}.sync-arrow small{display:block;font:6px var(--mono);white-space:nowrap;letter-spacing:1px;margin-top:7px}
@media(max-width:1000px){.two-way{gap:30px}.sync-diagram{padding:22px 12px;gap:12px}.sync-device{padding:14px 10px;min-width:115px}.sync-pads i{width:20px;height:20px}}
@media(max-width:640px){.two-way{grid-template-columns:1fr;gap:26px;padding-bottom:55px}.two-way h2{font-size:31px}.sync-device{width:42%}.sync-arrow{font-size:23px}.sync-pads i{width:25%;height:22px}}

.kit-picker select{display:block;width:100%;min-width:155px;border:0;padding:2px 16px 2px 0;background:#11151a;color:#d7d99b;font:12px var(--mono);cursor:pointer;color-scheme:dark}
@media(max-width:640px){.kit-picker{min-width:118px}.kit-picker select{min-width:102px;font-size:9px;padding-right:8px}}

@media(max-width:640px){.kit-heading{flex-wrap:wrap;gap:10px}.preview-tools{width:100%;justify-content:flex-start}.preview-tools .sound{display:flex}}

.studio-heading>#reset-demo{margin-left:auto}.preview-tools .kit-picker{display:block;margin-left:0;padding:5px 9px;min-width:140px}.preview-tools .kit-picker select{font-size:10px;min-width:118px}.preview-tools{flex-wrap:wrap}
@media(max-width:640px){.preview-tools .kit-picker{min-width:118px;padding:5px 7px}.preview-tools .kit-picker select{font-size:9px;min-width:102px}.preview-tools{gap:7px}}

.hero-copy{max-width:700px}.hero-copy strong{font-weight:500;color:#dbe3d4}.hero-copy .hero-tagline{font-size:12px;color:var(--green);margin-top:15px;letter-spacing:.2px}.hero-actions{flex-shrink:0}@media(max-width:640px){.hero-copy .hero-tagline{font-size:11px}}

.web-studio-frame{border:1px solid #697363;border-radius:5px;overflow:hidden;background:#292c34;box-shadow:0 20px 60px #0005}.web-studio-frame iframe{display:block;width:100%;height:1020px;border:0;background:#292c34}.demo-intro .text-link{font-size:10px}
.trial-limitations{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:50px 0;margin:35px auto}.trial-limitations h2{font-size:36px;margin:14px 0}.trial-limitations p,.trial-limitations li{color:#adb5af;line-height:1.7}.trial-limitations ul{margin:24px 0;padding-left:22px;max-width:900px}.trial-limitations li{margin:8px 0}.trial-limitations .cta{display:inline-flex}

/* Demo feedback stays inside the black waveform display. */
.sample-pad.flash{background:transparent;box-shadow:none}.sample-pad canvas.flash{background:#27372b;box-shadow:inset 0 0 12px #94b88c55}.track-controls .channel-dice{color:#b8ca9b;width:22px;height:24px;flex-shrink:0;font-size:18px;padding:0}.track-controls{gap:4px}.step{touch-action:none}

.hero-focus{max-width:670px;margin:22px 0 32px}.hero-focus h2{font-size:clamp(21px,2.6vw,32px);font-weight:500;line-height:1.25;letter-spacing:-.6px;color:var(--ink);margin:0 0 12px}.hero-focus p{font-size:14px;line-height:1.8;color:var(--muted);max-width:530px}

.hero h1{font-size:clamp(38px,6vw,88px);line-height:1.08}

.trial-details{margin:22px 0;color:var(--muted)}.trial-details summary{cursor:pointer;font-size:13px;color:var(--ink)}.trial-details ul{margin-top:16px}.workflow-list article p,.feature-grid p{max-width:380px}.hero{padding-bottom:45px}

/* Keep the demo inside narrow viewports; scroll its steps, not the page. */
.studio-section,.studio-shell,.studio-body,.web-studio-frame{min-width:0;max-width:100%}
.sequencer-scroll{width:100%;max-width:100%;min-width:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
@media(max-width:640px){
 .studio-body{padding:12px}
 .sequencer-scroll{scrollbar-width:thin}
 .track-controls,.step-head>strong{position:sticky;left:0;z-index:3;background:#30343d;box-shadow:3px 0 5px #0005}
 .step-head>strong{height:100%;display:grid;place-items:center;background:#22262d}
 .sequencer .step{touch-action:pan-x pan-y;margin-left:4px;margin-right:4px}
 .seq-tools{gap:7px;flex-wrap:wrap}
 .seq-tools .hw{padding:7px 8px}
 .seq-footer::after{content:'Swipe sideways for all 16 steps ↔';display:block;color:var(--green);font:9px var(--mono);margin-top:8px}
 .seq-footer{flex-wrap:wrap}
}

/* Match the demo frame spacing to the feature spotlight. */
.demo-page .studio-section.wrap{width:calc(100% - 90px);max-width:none;padding:45px 0}
@media(max-width:640px){.demo-page .studio-section.wrap{width:calc(100% - 32px);padding:16px 0}}

.demo-page .studio-heading h2{margin:0 0 7px}.demo-page .studio-heading .eyebrow{display:block;font-weight:700}

.nav .brand-copy{display:flex;flex-direction:column;gap:6px}.nav .brand-copy small{font-size:9px;font-weight:700;letter-spacing:0;color:var(--green)}@media(max-width:640px){.nav .brand-copy small{font-size:8px}.nav .logo{gap:8px}}

.share-actions{grid-column:1/-1;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.share-actions button{background:none;border:0;font:inherit;font-size:12px;cursor:pointer}.share-actions #share-status{font-size:12px;color:var(--green)}.share-actions input{max-width:100%;background:var(--panel);color:var(--ink);padding:8px;border:1px solid var(--line)}