@font-face{font-family:Inter;src:url(/fonts/Inter-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-400.woff2)format("woff2");font-weight:400;font-display:swap}:root{--base:#0a0a0a;--surface:#111;--text:#f5f5f5;--dim:#818181;--faint:#4d4d4d;--hair:#232323;--off:#262626;--hov:#1a1a1a;--accent:#346bf1;--accent-text:#fff;--success:#10b981;--warn:#fe9a00;--warn-tint:#312108;--fault:#fb414a;--fault-tint:#301214;--info:#3b82f6;--info-tint:#111c2d;--r-small:4px;--r-control:6px;--r-card:10px;--r-bar:14px;--sans:"Inter", system-ui, sans-serif;--mono:"IBM Plex Mono", SFMono-Regular, Menlo, monospace;--t:.12s;--lane-shift:9px}*,:before,:after{box-sizing:border-box}html{background:var(--base);color:var(--text)}body{font:400 16px/24px var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";margin:0}h1,h2,h3,p,dl,dd,ol,ul,figure{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:4px;text-decoration:underline}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dim{color:var(--dim)}.state{white-space:nowrap;align-items:center;gap:6px;font-size:12px;line-height:16px;display:inline-flex}.state:before{content:"";background:var(--success);border-radius:50%;flex:none;width:6px;height:6px}.state-REC:before{background:var(--warn)}.state-FLT:before{background:var(--fault)}.skip{background:var(--accent);color:var(--accent-text);border-radius:var(--r-control);z-index:10;padding:8px 12px;position:absolute;top:16px;left:-9999px}.skip:focus{left:16px}.wrap{max-width:1440px;margin:0 auto;padding:0 64px}.btn,.btn-o{border-radius:var(--r-control);cursor:pointer;height:40px;transition:background-color var(--t), border-color var(--t);align-items:center;padding:0 16px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.btn{background:var(--accent);color:var(--accent-text);border:0}.btn:hover{background:#2b5fe0;text-decoration:none}.btn-o{border:1px solid var(--hair);background:0 0;height:32px;padding:0 12px;font-size:13px}.btn-o:hover{background:var(--hov);border-color:var(--faint)}.btn-o[aria-disabled=true],.plug[aria-disabled=true]{color:var(--faint);cursor:default}.btn-o[aria-disabled=true]:hover{border-color:var(--hair);background:0 0}.site-head{border-bottom:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:20px 0;display:flex}.lockup{white-space:nowrap;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.lockup:hover{text-decoration:none}.mark{flex:none;width:28px;height:28px;display:block}.nav{gap:4px;font-size:13px;line-height:16px;display:flex}.nav a{border-radius:var(--r-control);color:var(--dim);transition:background-color var(--t), color var(--t);padding:8px 10px}.nav a:hover{background:var(--hov);color:var(--text);text-decoration:none}.hero{padding:80px 0 96px}h1{letter-spacing:-.045em;margin-bottom:28px;font-size:88px;font-weight:600;line-height:88px}.lede{max-width:58ch;color:var(--dim);font-size:18px;line-height:28px}.cta{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:32px;display:flex}.meta{color:var(--dim);font-size:13px;line-height:20px}.product-shot{border:1px solid var(--hair);border-radius:var(--r-card);background:var(--surface);cursor:zoom-in;width:fit-content;max-width:100%;transition:border-color var(--t);margin-top:40px;display:block;overflow:hidden}.product-shot:hover{border-color:var(--faint)}.product-shot img{max-width:100%;height:auto;display:block}.sp{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);margin-top:48px;padding:24px;container:signal-path/inline-size}.grid{grid-template-columns:72px 40px 200px 40px minmax(0,1fr) 40px 72px;align-items:stretch;row-gap:20px;display:grid}.lane{display:contents}.hd{color:var(--dim);grid-row:1;align-self:end;padding-bottom:4px;font-size:11px;line-height:14px}.hd-in{grid-column:1/span 2}.hd-eng{grid-column:3}.hd-rk{grid-column:5}.hd-out{grid-column:7}.port{grid-row:var(--r);padding-top:calc(2 * var(--lane-shift));font:400 11px/16px var(--mono);color:var(--dim);white-space:nowrap;align-items:center;gap:8px;display:flex}.pin{grid-column:1;justify-content:flex-end}.pout{grid-column:7}.jack{border:1px solid var(--faint);background:var(--off);border-radius:3px;flex:none;width:10px;height:10px}.wire{grid-row:var(--r);position:relative}.w1{grid-column:2}.w2{grid-column:4}.w3{grid-column:6}.wire:before{content:"";left:0;right:0;top:calc(50% + var(--lane-shift));background:var(--faint);height:1px;position:absolute}.wire:after{content:"";right:0;top:calc(50% + var(--lane-shift) - 3px);border-left:5px solid var(--faint);border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;position:absolute}.eng{background:var(--base);border:1px solid var(--hair);border-radius:var(--r-card);flex-direction:column;grid-area:2/3/span 4;gap:16px;padding:14px;display:flex}.eng-t{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:16px;display:flex}.rdo{grid-template-columns:1fr 1fr;gap:14px 12px;display:grid}.rdo dt{color:var(--dim);font-size:11px;line-height:14px}.rdo dd{font:400 13px/18px var(--mono)}.rdo .warn{color:var(--warn)}.eng-n{color:var(--dim);margin-top:auto;font-size:11px;line-height:14px}.wk{grid-column:5;grid-row:var(--r);background:var(--base);border:1px solid var(--hair);border-radius:var(--r-card);transition:border-color var(--t), background-color var(--t);align-items:center;gap:16px;padding:30px 14px 12px;display:flex;position:relative}.wk-l{white-space:nowrap;font-size:12px;line-height:16px;position:absolute;top:9px;left:14px}.wk-l .ix{font-family:var(--mono);color:var(--dim);margin-right:6px;font-size:11px}.wk-l b{font-weight:600}.wk-l .wp{color:var(--dim);margin-left:6px;font-size:11px}.chain{flex:1;gap:12px;min-width:0;display:flex;position:relative}.chain:before{content:"";background:var(--hair);height:1px;transition:background-color var(--t);position:absolute;top:50%;left:-15px;right:-12px}.chain li{flex:0 128px;min-width:0;position:relative}.plug{background:var(--off);border-radius:var(--r-control);cursor:pointer;width:100%;min-height:34px;transition:border-color var(--t), color var(--t), background-color var(--t);border:1px solid #0000;padding:4px 8px;font-size:12px;line-height:16px}.plug:hover{border-color:var(--faint)}.rd{flex:none;align-items:center;gap:12px;display:flex}.rd .state{width:11ch}.meter{gap:2px;display:flex}.mc{flex-direction:column-reverse;gap:2px;display:flex}.mc i{background:var(--off);width:6px;height:3px;transition:background-color var(--t);border-radius:1px;display:block}.mc i.lit{background:var(--text)}.mc i.lit.peak{background:var(--fault)}.dry{left:-19px;right:-19px;top:calc(50% + var(--lane-shift));border:1px solid var(--info);border-radius:0 0 var(--r-card) var(--r-card);opacity:0;transition:opacity var(--t);pointer-events:none;border-top:0;position:absolute;bottom:-10px}.dry span{background:var(--info-tint);color:var(--info);white-space:nowrap;border-radius:999px;padding:0 8px;font-size:11px;line-height:16px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}[data-state=REC] .wk{border-color:var(--warn)}[data-state=REC] .plug.hit{background:var(--warn-tint);color:var(--warn)}[data-state=FLT] .wk{border-color:var(--fault);background:var(--fault-tint)}[data-state=FLT] .chain:before{background:0 0}[data-state=FLT] .plug{color:var(--faint);background:var(--hov)}[data-state=FLT] .plug.hit{color:var(--fault);border-color:var(--fault);background:0 0}[data-state=FLT] .dry{opacity:1}.ctl{border-top:1px solid var(--hair);flex-wrap:wrap;align-items:center;gap:12px 8px;margin-top:24px;padding-top:16px;display:flex}.say{flex:320px;margin-left:8px;font-size:13px;line-height:20px}.say .dim{margin-left:6px}.stage{border-top:1px solid var(--hair);padding:96px 0}.body{min-width:0}h2{letter-spacing:-.035em;font-size:44px;font-weight:600;line-height:48px}.body>p{max-width:62ch;color:var(--dim);margin-top:20px;font-size:18px;line-height:28px}.spec{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);max-width:720px;margin-top:40px}.spec div{grid-template-columns:200px 1fr;gap:16px;padding:14px 20px;display:grid}.spec div+div{border-top:1px solid var(--hair)}.spec dt{color:var(--dim);font-size:14px}.dl{margin-top:32px}.company{border-top:1px solid var(--hair);grid-template-columns:216px minmax(0,1fr);padding:96px 0;display:grid}.company h2{letter-spacing:0;color:var(--dim);padding-top:8px;font-size:13px;font-weight:400;line-height:16px}.company p{letter-spacing:-.02em;max-width:36ch;font-size:28px;font-weight:600;line-height:36px}.foot{border-top:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding:28px 0 40px;font-size:13px;line-height:16px;display:flex}.foot-r{color:var(--dim);flex-wrap:wrap;gap:8px 32px;display:flex}.foot-r a{color:var(--text)}@container signal-path (width<=1099px){.grid{grid-template-rows:auto 28px auto 28px auto 28px auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 8px}.hd{display:none}.port{grid-column:var(--c);flex-direction:column;gap:4px;padding-top:0}.pin{grid-row:1;justify-content:flex-end}.pout{grid-row:7;justify-content:flex-start}.wire{grid-column:var(--c)}.w1{grid-row:2}.w2{grid-row:4}.w3{grid-row:6}.wire:before{width:1px;height:auto;inset:0 auto 0 50%}.wire:after{border-left:3.5px solid #0000;border-right:3.5px solid #0000;border-top:5px solid var(--faint);border-bottom:0;inset:auto auto 0 calc(50% - 3px)}.eng{grid-area:3/1/auto/-1}.rdo{grid-template-columns:repeat(3,1fr)}.wk{grid-column:var(--c);flex-direction:column;grid-row:5;align-items:stretch;gap:12px;padding:30px 6px 10px}.wk-l{left:8px}.wk-l .wp{display:none}.chain{flex-direction:column;gap:8px}.chain:before{width:1px;height:auto;inset:-8px auto -12px 50%}.chain li{flex:none}.plug{min-height:32px;padding:4px 2px;font-size:11px;line-height:14px}.rd{flex-direction:column;gap:8px}.rd .state{width:auto}.dry{border:1px solid var(--info);border-radius:0 var(--r-card) var(--r-card) 0;border-left:0;inset:-18px -5px -18px 50%}.dry span{display:none}}@media (width<=800px){.wrap{padding:0 16px}.nav a{padding:8px 6px}.hero{padding:48px 0 64px}h1{margin-bottom:20px;font-size:48px;line-height:48px}h2{font-size:30px;line-height:36px}.lede,.body>p{font-size:16px;line-height:24px}.sp{margin-top:32px;padding:12px}.stage{padding:64px 0}.spec div{grid-template-columns:1fr;gap:2px}.company{grid-template-columns:1fr;padding:64px 0}.company h2{padding:0 0 12px}.company p{font-size:22px;line-height:30px}}@media (width<=480px){.lockup-t{font-size:14px}.mark{width:24px;height:24px}.rdo{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.show-demo,.scene-preview{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);margin-top:48px;overflow:hidden}.show-scroll{scrollbar-color:var(--faint) var(--surface);overflow-x:auto}.show-image{width:100%;min-width:1080px;height:auto;display:block}.show-footer{border-top:1px solid var(--hair);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:10px 12px;display:flex}.show-label{color:var(--dim);font-size:12px;line-height:16px}.show-scenes{flex-wrap:wrap;gap:6px;display:flex}.show-scenes button{background:var(--off);cursor:pointer;height:28px;transition:background-color var(--t);border:0;border-radius:999px;padding:0 12px;font-size:12px;line-height:16px}.show-scenes button span{font-family:var(--mono);color:var(--dim);margin-right:6px;font-size:11px}.show-scenes button:hover{background:#303030}.show-scenes button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.show-scenes button[aria-pressed=true] span{color:inherit;opacity:.75}.show-note{font:400 11px/16px var(--mono);color:var(--dim);margin-left:auto}.scene-preview{max-width:1044px;margin-top:40px}.scene-preview>img{width:100%;height:auto;display:block}@media (width<=600px){.show-footer{gap:8px;padding:10px}.show-label{display:none}.show-note{margin-left:0}}
