*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f4f3ee;color:#172a28;font-family:'Segoe UI','Yu Gothic UI',sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #df653f;outline-offset:5px}header{max-width:1280px;margin:auto;padding:26px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8dcd3;gap:24px}header .brand{text-decoration:none;font-size:21px;letter-spacing:-.7px;font-weight:700}.brand b{color:#217c61}nav{display:flex;gap:26px;align-items:center;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{max-width:1280px;margin:auto;padding:76px 42px 70px;display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase;color:#507165;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#287d60}h1{font-size:clamp(40px,4.7vw,70px);font-weight:600;line-height:1.23;letter-spacing:-2.5px;margin:25px 0}h1 em{font-style:normal;color:#278165}p{line-height:1.9}.intro{max-width:470px;color:#52615a;font-size:15px}.cta{display:inline-flex;background:#1e654e;color:white;padding:15px 23px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:600;gap:15px;align-items:center;margin:22px 12px 8px 0}.cta.secondary{background:transparent;color:#244b3b;border:1px solid #bbc7bd}.meta{font:11px ui-monospace,monospace;color:#6e7973;margin-top:14px}.device-scene{position:relative;background:#dce4da;border-radius:160px 160px 8px 8px;min-height:465px;display:flex;align-items:center;justify-content:center;padding:38px 25px}.device-scene:before{content:'DESK AUDIO, UNDER CONTROL.';position:absolute;top:34px;letter-spacing:2px;font:10px ui-monospace,monospace;color:#698273}.deck{margin-top:38px;width:100%;max-width:445px;background:linear-gradient(145deg,#343b3c,#151a1c);padding:25px 22px 20px;border-radius:17px;box-shadow:0 25px 35px #14252344,inset 0 2px 1px #6d7577;transform:perspective(1000px) rotateX(8deg) rotateZ(-4deg)}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.key{aspect-ratio:1;background:#101719;border:2px solid #424e50;border-radius:8px;box-shadow:0 3px 2px #0008;display:flex;align-items:center;justify-content:center;color:#6c8f80;font-size:22px}.key.active{color:#a5f0ca;border-color:#68a68a;background:#182a26}.strip{display:grid;grid-template-columns:repeat(4,1fr);background:#0a1213;border:1px solid #3c4749;margin:20px 0 16px;min-height:59px;border-radius:3px}.strip>div{padding:8px 6px;border-right:1px solid #2c3c36;color:#7a8c86;font-size:9px;white-space:nowrap}.strip strong{display:block;color:#d1e5dc;font-size:18px;margin:2px 0 3px}.strip i{display:block;width:70%;height:3px;background:#80dfb0}.knobs{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}.knob{width:53px;height:53px;border-radius:50%;background:repeating-conic-gradient(#333b3c 0deg 6deg,#424b4d 6deg 9deg);border:3px solid #181d1f;box-shadow:0 7px 6px #0008;position:relative}.knob:before{content:'';position:absolute;inset:5px;border-radius:50%;background:linear-gradient(130deg,#5c6264,#262c2e);border:1px solid #626b6c}.knob:after{content:'';position:absolute;width:2px;height:9px;background:#d5ddd9;left:23px;top:8px}.scene-caption{position:absolute;bottom:18px;font:10px ui-monospace,monospace;color:#66776c}.band{border-top:1px solid #d8dcd3;border-bottom:1px solid #d8dcd3;padding:20px 42px;display:flex;justify-content:center;gap:60px;font:11px ui-monospace,monospace;letter-spacing:1px;color:#50675c}section.content{max-width:1196px;margin:0 auto;padding:85px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}h2{font-size:35px;font-weight:500;letter-spacing:-1px;margin:12px 0}h3{font-size:20px;font-weight:600}.section-head p{max-width:440px;color:#617168;font-size:14px}.demo{display:grid;grid-template-columns:.8fr 1.2fr;background:#172e28;border-radius:10px;overflow:hidden;color:#e3eee6}.demo-ui{padding:40px;background:#10241e;border-right:1px solid #3d544a}.demo label{font:11px ui-monospace,monospace;color:#a6c3b2;letter-spacing:1px}.demo button{background:transparent;border:1px solid #4b6759;border-radius:4px;color:#c3d5c8;padding:11px 16px;cursor:pointer;font:inherit}.demo button[aria-pressed=true]{background:#a3e5be;color:#153a26;border-color:#a3e5be}.demo-outputs{display:flex;gap:8px;margin:18px 0}.readout{font-size:62px;letter-spacing:-3px;margin:22px 0 12px}.readout span{font-size:20px;letter-spacing:0;color:#93bba4}.demo input{width:100%;accent-color:#9cdfb5}.demo-controls{display:flex;gap:10px;margin-top:24px}.demo-copy{padding:40px}.demo-copy p{font-size:14px;color:#b3c7b9}.demo-copy small{display:block;border-top:1px solid #3b5446;padding-top:18px;color:#91b09b;line-height:1.7}.operations{display:grid;grid-template-columns:1fr 1fr;gap:40px}.ops{border-top:1px solid #aebdb1}.op{display:flex;justify-content:space-between;gap:25px;padding:18px 0;border-bottom:1px solid #d6ddd2;font-size:14px}.op span{color:#5a7364}.index{font:12px ui-monospace,monospace;color:#73917e}.download{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#e4e9dd;border:1px solid #ccd7c6;border-radius:9px;padding:40px}.download ol{padding-left:21px;line-height:2.1;font-size:14px}.fine{font-size:12px;color:#637366;line-height:1.8}.docs{max-width:850px;margin:65px auto;padding:0 30px 50px}.docs h1{font-size:44px}.docs h2{font-size:25px;margin-top:44px}.docs li{line-height:1.9;margin:12px 0}.notice{background:#e5e9de;padding:16px 22px;border-left:3px solid #4b7d5c;font-size:14px}.faq details{border-top:1px solid #ccd6c9;padding:22px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{font-size:14px;color:#576e5e}.footer{border-top:1px solid #d0dacd;max-width:1196px;margin:auto;padding:32px 0;display:flex;justify-content:space-between;gap:35px}.footer p{font-size:11px;color:#6d7d70;max-width:560px}.footer a{font-size:12px;margin-left:16px}.mark{font:12px ui-monospace,monospace;color:#3b6c4c}.mobile-note{font-size:11px;color:#67816d;margin-top:12px}button:hover,.cta:hover{filter:brightness(1.09)}@media(max-width:1000px){section.content,.footer{margin-left:30px;margin-right:30px}.hero{padding:50px 30px;gap:25px}h1{font-size:48px}.device-scene{min-height:390px}.deck{padding:20px 14px}.key{font-size:18px}.knob{width:44px;height:44px}.knob:after{left:18px}.section-head{align-items:start}}@media(max-width:720px){header{padding:20px;align-items:start}nav{gap:12px;flex-wrap:wrap;justify-content:end;font-size:11px}.hero{grid-template-columns:1fr;padding:40px 22px}.hero h1{font-size:48px}.device-scene{min-height:430px;max-width:500px;width:100%;margin-top:20px}.deck{padding:25px 22px}.knob{width:53px;height:53px}.knob:after{left:23px}.band{padding:18px;gap:16px;flex-wrap:wrap;font-size:10px}section.content{padding:55px 0;margin:0 22px}.section-head,.footer{display:block}.section-head p{max-width:none}.demo,.operations,.download{grid-template-columns:1fr}.demo-ui,.demo-copy{padding:25px}.demo-ui{border-right:0;border-bottom:1px solid #3d544a}.download{padding:26px;gap:15px}.footer{margin:0 22px}.footer a{margin:0 16px 0 0}h2{font-size:29px}.docs{margin-top:40px}.docs h1{font-size:36px;letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}