@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#141514;--ivory:#eeeade;--muted:#abad9f;--green:#bce875;--orange:#e18c48;--blue:#9db7cf;--cream:#e1d6bd;font:16px/1.5 'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 24%,#262823 0,transparent 64%),var(--bg);color:var(--ivory)}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:5px}textarea:focus-visible{outline:1px solid #84996f;outline-offset:4px}button{-webkit-tap-highlight-color:transparent}.site{max-width:1440px;margin:auto;padding:0 5%}.mono{font-family:'IBM Plex Mono',monospace;font-size:.75rem;letter-spacing:.11em;font-weight:400}.header{display:flex;align-items:center;gap:24px;min-height:97px;border-bottom:1px solid #ffffff12}.wordmark{font-size:39px;letter-spacing:-2px;font-weight:700;text-decoration:none;color:var(--ivory);line-height:1}.header-line{height:25px;width:1px;background:#ffffff35}.header-label{color:#c9cabe}.demo-badge{margin-left:auto;color:#b8bbae;font-size:.75rem;border:1px solid #51554a;padding:5px 11px;border-radius:4px}.intro{text-align:center;padding:34px 0 31px}.eyebrow{font:500 .75rem 'IBM Plex Mono',monospace;letter-spacing:.18em;color:#c3c6b7}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.3rem,5.8vw,4.8rem);letter-spacing:-.045em;line-height:1.1;margin:12px 0}p{margin:0}.intro p{color:var(--muted);font-size:1.05rem}.console{position:relative;isolation:isolate}.hardware{display:grid;grid-template-columns:35% 1fr;gap:12px;position:relative;padding:0 10px;background:linear-gradient(90deg,#101110,#383b32 7px,#161814 11px,transparent 14px,transparent calc(100% - 14px),#10110e calc(100% - 10px),#45483f calc(100% - 5px),#0c0d0b);border-radius:5px;box-shadow:0 16px 30px #0008}.metal{background:repeating-linear-gradient(0deg,#ffffff01 0px,#ffffff01 1px,#00000004 1px,#00000004 3px),linear-gradient(125deg,#2c2e2c,#1d1f1e 55%,#262825);border:1px solid #5b5e54;box-shadow:inset 0 1px 0 #b4b6a34d,inset 0 -1px 0 #000b,0 2px 2px #0009;border-radius:5px;position:relative}.source{padding:28px 26px 17px;min-width:0}.unit-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px;color:#dadcd0}.serial{color:#9b9e91}.source label{font-size:.85rem;color:#c4c6b9;display:block;margin-bottom:10px}.display{padding:11px 13px 8px;background:linear-gradient(130deg,#1d2220,#0d110f);border:5px solid #131512;border-radius:8px;box-shadow:0 1px 0 #8b8d7552,inset 0 1px 6px #000}.display textarea{background:transparent;border:0;color:#e9eee0;width:100%;resize:none;height:88px;font:1rem/1.5 'IBM Plex Mono',monospace;display:block;padding:0;caret-color:var(--green)}.display-label{font-size:.65rem;color:#8c9686;display:block;padding-top:6px;border-top:1px solid #ffffff12}.output-bank{padding-top:9px}.output-row{display:flex;align-items:center;gap:18px;min-height:70px}.output-row>.mono{color:#c9ccbf;white-space:nowrap}.engraved-line{height:1px;width:28px;background:#92968a5c;box-shadow:0 1px 0 #000}.socket{width:46px;height:46px;border-radius:50%;display:block;position:relative;flex-shrink:0;background:radial-gradient(circle,#060806 0 34%,#51554b 35% 38%,#11130e 40% 43%,#d4d2c4 45% 48%,#777b6f 52%,#efede0 57%,#64665c 64%,#0a0c09 68% 75%,#787b6e 77% 79%,#080a07 82%);box-shadow:0 3px 5px #0008}.output .fixed-plug{position:absolute;inset:10px -3px 8px 12px;border-radius:50% 38% 38% 50%;background:linear-gradient(170deg,color-mix(in srgb,var(--cable),white 24%),var(--cable) 35%,color-mix(in srgb,var(--cable),black 38%) 84%,var(--cable));border-left:3px solid color-mix(in srgb,var(--cable),white 15%);box-shadow:3px 3px 5px #0006}.output .fixed-plug:after{content:'';position:absolute;right:-3px;top:7px;width:12px;height:15px;border-radius:3px;background:linear-gradient(0deg,#0005,transparent 65%,#fff3),var(--cable);border-right:2px solid #0003}.rack{display:grid;grid-template-rows:repeat(3,1fr);gap:7px}.model{display:grid;grid-template-columns:64px minmax(0,1fr) 100px;gap:20px;align-items:center;padding:23px 27px 20px;min-height:136px;transition:box-shadow .15s}.model.drop-ready{box-shadow:inset 0 0 0 1px #c6e999,0 0 20px #b8df6b15}.model.drop-ready .socket{outline:2px solid #bce87580;outline-offset:7px}.input-control{display:flex;flex-direction:column;align-items:center;gap:11px;background:none;border:0;padding:0;color:#c4c7ba;position:relative;z-index:4;min-height:78px;min-width:54px;justify-content:center}.input-control>.mono{font-size:.65rem}.model-title{min-width:0}.model-title h2{font:400 clamp(1.5rem,3.15vw,2.8rem)/1.15 Georgia,serif;letter-spacing:-.035em;display:flex;align-items:center;gap:15px;margin:0 0 11px}.led{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:linear-gradient(#696c61,#272a23);box-shadow:0 0 0 2px #10120f,0 1px 2px #000}.model.connected .led{background:#c9fa90;box-shadow:0 0 0 2px #1a2114,0 0 8px #b4f76b85,0 0 20px #b4f76b25}.state{display:block;font-size:.65rem;color:#b2b7a7;padding-left:25px}.model.connected .state{color:#cee6b6}.meter{align-self:center;background:linear-gradient(125deg,#171d16,#0d100c);border:3px solid #11140f;border-radius:4px;box-shadow:inset 0 2px 4px #000b,0 1px 0 #ffffff20;padding:10px 8px 7px;color:#a0ad91}.meter>.mono{display:block;text-align:center;font-size:.55rem;letter-spacing:.12em;margin-top:6px}.bars{display:flex;gap:4px;align-items:flex-end;justify-content:center;height:34px}.bars i{width:5px;height:var(--h);background:#3c4635;box-shadow:inset 0 1px 0 #fff1}.model.connected .bars i{background:#839b68}.model.running .bars i{background:#c2e58f;animation:meter .35s var(--delay) infinite alternate}.model.complete .bars i{background:#aec88b}.screw{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #929486;box-shadow:0 0 0 2px #11130e,1px 3px 3px #0008;background:linear-gradient(140deg,#4f5248 38%,#10130c 39% 58%,#777b6a 59%)}.tl{top:10px;left:10px}.tr{top:10px;right:10px}.bl{bottom:10px;left:10px}.br{bottom:10px;right:10px}.cable-tray{height:132px;background:linear-gradient(0deg,#ffffff03,transparent 90%);border-bottom:1px solid #ffffff0d;position:relative}.tray-label{position:absolute;bottom:11px;left:25px;font-size:.65rem;color:#838878}#cables{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:3}.plug-layer{position:absolute;inset:0;pointer-events:none;z-index:5}.plug{pointer-events:auto;position:absolute;left:0;top:0;width:107px;height:46px;background:none;border:0;touch-action:none;padding:0;cursor:grab;transform-origin:100% 50%;filter:drop-shadow(2px 7px 3px #0007);will-change:transform}.plug:active{cursor:grabbing}.plug:focus-visible{outline:2px dashed var(--green);outline-offset:7px;border-radius:8px}.plug span{display:block;position:absolute}.grip{height:27px;width:54px;left:22px;top:9px;border-radius:5px 4px 4px 5px;background:linear-gradient(0deg,color-mix(in srgb,var(--cable),black 36%),var(--cable) 36%,color-mix(in srgb,var(--cable),white 25%) 75%,var(--cable));border-right:2px solid color-mix(in srgb,var(--cable),black 22%);box-shadow:inset 0 1px 0 #fff5,inset 2px 0 3px #fff2}.strain{height:17px;width:25px;top:14px;left:0;border-radius:6px 0 0 6px;background:repeating-linear-gradient(90deg,transparent 0 4px,#0003 4px 6px,transparent 6px 8px),linear-gradient(0deg,#0004,transparent 55%,#fff4),var(--cable);box-shadow:inset 0 1px 0 #fff3}.shaft{height:11px;width:31px;top:17px;left:76px;background:linear-gradient(0deg,#555b55,#a5aaa0 20%,#fbfbef 44%,#6e746b 64%,#c8ccbf 85%,#636c5e);border-radius:0 4px 4px 0}.shaft:before{content:'';position:absolute;right:6px;width:3px;height:100%;background:#131810;border-left:1px solid #92988b}.shaft:after{content:'';position:absolute;left:0;width:4px;height:15px;top:-2px;border-radius:1px;background:linear-gradient(0deg,#64685e,#f9f9e9 45%,#6f766a)}.plug.plugged{width:76px}.plug.plugged .shaft{display:none}.plug.selected .grip{box-shadow:0 0 0 2px #f1eec76b,inset 0 1px 0 #fff5}.transport{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:16px 27px;margin:9px 0 0;min-height:88px}.routing{display:flex;align-items:center;gap:15px}.routing .mono{font-size:.7rem}.route-lights{display:flex;gap:8px}.route-lights i{height:7px;width:7px;background:#454d3b;border-radius:50%}.route-lights i.on{background:#c7ed9b;box-shadow:0 0 9px #d2f7a77a}#play{min-height:49px;min-width:168px;border:1px solid #f4f2df;border-radius:5px;background:linear-gradient(#f4f0e3,#d5d0be);color:#24261e;box-shadow:inset 0 1px 0 white,0 4px 0 #706f61,0 6px 8px #0005;display:flex;align-items:center;justify-content:center;gap:14px;font-size:1.1rem;font-weight:500}#play:disabled{opacity:.45;box-shadow:inset 0 1px 0 #fff6,0 2px 0 #676758}#play:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #706f61}.play-icon{width:0;height:0;border-left:13px solid #24261e;border-top:8px solid transparent;border-bottom:8px solid transparent}.text-button{border:none;background:transparent;color:#b9bead;font-size:.8rem;justify-self:end;padding:12px 0}.text-button:disabled{opacity:.35}.guidance{display:flex;justify-content:space-between;gap:24px;padding:19px 5px 0;color:#b8bdad;font-size:.8rem;min-height:60px}.guidance p{max-width:620px}.demo-note{color:#929a87;white-space:nowrap;font-size:.75rem}.results{padding:36px 0 25px}.results-heading h2{font:400 2.2rem/1.2 Georgia,serif;margin:9px 0}.results-heading p{font-size:.9rem;color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.result{border-top:2px solid var(--channel);padding:23px;background:#21241e;border-radius:3px;min-width:0}.result .model-name{font:400 1.55rem Georgia,serif}.result .result-label{font:.65rem 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#bac1ad;margin:12px 0}.result blockquote{padding:12px 0 12px 13px;border-left:2px solid #4d5941;margin:0 0 14px;font-size:.9rem;overflow-wrap:anywhere}.result p{font-size:.9rem;color:#c9cebf}.result .meta{display:block;color:#9fa991;font-size:.75rem;margin-top:18px}.result.loading{min-height:200px}.result.loading p{color:#aeb5a1}.result.pending .result-label{color:#a9bd8b}footer{border-top:1px solid #ffffff12;margin-top:34px;padding:27px 0 30px;display:flex;align-items:center;gap:22px;color:#909888;font-size:.8rem}.footer-logo{font-size:27px}footer>.mono{margin-left:auto;font-size:.65rem}@keyframes meter{from{transform:scaleY(.45)}to{transform:scaleY(1.2)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1500px){.intro{padding:46px 0 38px}.model{min-height:150px}.source{padding-top:32px}.output-row{min-height:79px}}
@media(max-width:1000px){.site{padding:0 3%}.model{grid-template-columns:50px minmax(0,1fr) 68px;gap:14px;padding:21px 20px}.model-title h2{gap:10px}.model .state{padding-left:20px}.source{padding:25px 18px 17px}.output-row{gap:10px}.engraved-line{width:14px}.serial{display:none}.transport{padding:15px 20px}.routing{gap:10px}.routing .mono{font-size:.65rem}.guidance{flex-wrap:wrap;gap:8px}.meter{padding:8px 3px}.bars{gap:3px}.bars i{width:4px}}
@media(max-width:650px){.site{padding:0 15px}.header{min-height:76px;gap:13px}.wordmark{font-size:31px}.header-label{font-size:.6rem;max-width:110px;letter-spacing:.07em}.header-line{display:none}.demo-badge{font-size:.65rem;padding:4px 6px}.intro{padding:27px 0 25px}h1{font-size:2.6rem;line-height:1.08}.intro p{font-size:.9rem;max-width:280px;margin:auto}.eyebrow{font-size:.65rem}.hardware{grid-template-columns:1fr;padding:0 6px;gap:9px}.source{display:grid;grid-template-columns:1fr auto;column-gap:17px;padding:21px 22px 20px}.unit-heading{grid-column:1/-1;margin-bottom:11px}.source label{grid-column:1;font-size:.75rem;margin-bottom:7px}.display{grid-column:1;padding:10px 8px 6px}.display textarea{height:102px;font-size:.9rem}.output-bank{grid-column:2;grid-row:2/4;padding:0;display:grid;gap:3px}.output-row{min-height:43px;gap:6px}.output-row>.mono{font-size:.6rem;max-width:22px;white-space:normal;line-height:1.25}.engraved-line{display:none}.socket{width:39px;height:39px}.output .fixed-plug{inset:8px -3px 7px 10px}.rack{padding-left:25px;gap:8px}.model{min-height:111px;padding:20px 20px 17px;grid-template-columns:46px minmax(0,1fr) 63px;gap:14px}.model-title h2{font-size:1.8rem;gap:10px}.model .state{font-size:.6rem}.input-control{gap:7px;min-width:46px;min-height:69px}.input-control>.mono{font-size:.6rem}.meter{padding:7px 4px}.bars{height:26px}.bars i{width:3px}.meter>.mono{font-size:.5rem}.cable-tray{height:140px}.tray-label{left:12px;font-size:.6rem;bottom:6px}.transport{grid-template-columns:1fr auto;padding:17px 20px;gap:12px}.routing{grid-column:1/-1;justify-content:center}.routing .mono{font-size:.65rem}#play{min-width:140px;min-height:45px;font-size:1rem}.text-button{font-size:.75rem}.guidance{font-size:.75rem;padding:14px 5px;gap:8px}.demo-note{font-size:.7rem}.result-grid{grid-template-columns:1fr}.results-heading h2{font-size:1.9rem}.results{padding-top:23px}footer{flex-wrap:wrap;gap:14px;margin-top:23px}footer>.mono{font-size:.55rem}footer>span:nth-child(2){font-size:.7rem}.plug{filter:drop-shadow(2px 5px 2px #0008)}}@media(max-width:360px){.source{padding-left:17px;padding-right:17px;column-gap:9px}.model{gap:9px;padding-left:15px;padding-right:15px;grid-template-columns:42px minmax(0,1fr) 44px}.model-title h2{font-size:1.55rem}.meter{padding-left:0;padding-right:0}.bars{gap:2px}.header-label{display:none}.transport{padding:14px}.socket{width:36px;height:36px}}
@media(max-width:650px){.source{grid-template-columns:auto 1fr}.source label,.display{grid-column:2}.output-bank{grid-column:1}.output-row{flex-direction:row-reverse}.output .fixed-plug{transform:scaleX(-1);inset:8px 10px 7px -3px}}
/* Faceplates and original logo assets from the NUR Engine Rack preview. */
.model{--panel:#46564e;isolation:isolate;background:linear-gradient(155deg,color-mix(in srgb,var(--panel),white 5%),color-mix(in srgb,var(--panel),#101512 32%));border-color:color-mix(in srgb,var(--panel),#d4d9cb 25%);box-shadow:inset 0 1px 0 #eef2e144,inset 0 -2px 1px #0007,0 3px 3px #0009}
.model[data-model="1"]{--panel:#27475d}.model[data-model="2"]{--panel:#824831}
.model::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:url('assets/rack-texture.jpg') center/360px 360px;mix-blend-mode:luminosity;opacity:.13}
.model-title h2{font-family:'DM Sans',Arial,sans-serif;font-weight:600;font-size:clamp(1.35rem,2.25vw,2rem);letter-spacing:-.025em;gap:14px;margin-bottom:13px;text-shadow:0 1px 1px #0006;white-space:nowrap}
.model-logo{width:42px;height:42px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(94%) sepia(9%) saturate(224%);opacity:.96}
.model-logo.logo-gemini{filter:none;opacity:1}
.model-status{display:flex;align-items:center;gap:9px;padding-left:56px}
.model .state{padding-left:0;color:#e0e6d8cc;letter-spacing:.13em}
.model .led{width:8px;height:8px;flex-shrink:0}
.model.connected .state{color:#e4f5d0}
.model .input-control{color:#e6e9dfcc}
.model .meter{border-color:#111a16;box-shadow:inset 0 2px 4px #000b,0 1px 0 #e8eee13b}
.model .screw{border-color:#adb2a1}
@media(max-width:1000px){.model-title h2{font-size:1.45rem;gap:10px}.model-logo{width:33px;height:33px}.model-status{padding-left:43px;gap:7px}.model .state{font-size:.58rem;letter-spacing:.08em}}
@media(min-width:651px) and (max-width:800px){.model{grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;padding-left:17px;padding-right:17px}.model-title h2{font-size:1.25rem;gap:8px}.model-logo{width:28px;height:28px}.model-status{padding-left:36px}.meter .bars{gap:2px}.meter .bars i{width:3px}}
@media(max-width:650px){.model-title h2{font-size:1.4rem;gap:9px;margin-bottom:10px}.model-logo{width:32px;height:32px}.model-status{padding-left:41px}.model .state{font-size:.58rem;letter-spacing:.08em}}
@media(max-width:430px){.model{grid-template-columns:42px minmax(0,1fr) 44px;gap:10px;padding-left:15px;padding-right:15px}.model-title h2{font-size:1.18rem;gap:7px}.model-logo{width:25px;height:25px}.model-status{padding-left:0;gap:7px}.model .state{font-size:.56rem}.meter .bars{gap:2px}.meter .bars i{width:3px}}
/* Dedicated output column, inputs after model branding, and a clear cable floor. */
.console{z-index:1}.transport{z-index:0;margin-top:16px}
.source{display:grid;grid-template-columns:minmax(0,1fr) 58px;grid-template-rows:auto auto 1fr;column-gap:23px;padding:28px 20px 24px 26px;align-items:start}
.source .unit-heading{grid-column:1/-1;grid-row:1;margin-bottom:25px}
.source label{grid-column:1;grid-row:2}.source .display{grid-column:1;grid-row:3;align-self:start}
.source .display textarea{height:154px}
.source .output-bank{grid-column:2;grid-row:2/4;align-self:stretch;display:grid;grid-template-rows:repeat(3,1fr);padding:0;gap:12px}
.source .output-row{flex-direction:column;justify-content:center;gap:8px;min-height:93px}
.source .output-row>.mono{font-size:.65rem;white-space:nowrap;max-width:none}.source .engraved-line{display:none}
.source .output .fixed-plug{transform:none;inset:10px -3px 8px 12px}
.model{grid-template-columns:minmax(0,1fr) 64px 100px;column-gap:28px;min-height:163px;padding-top:20px;padding-bottom:52px}
.model-title{grid-column:1;grid-row:1}.input-control{grid-column:2;grid-row:1}.model .meter{grid-column:3;grid-row:1}
.model-status{padding-left:56px}.model .input-control{gap:9px;min-height:76px}
.cable-tray{height:195px;background:radial-gradient(ellipse at 50% 90%,#ffffff08,transparent 70%),linear-gradient(0deg,#21231e,#131511 90%);border-bottom:1px solid #70766340;box-shadow:inset 0 -5px 10px #0003}
.tray-label{bottom:12px;left:25px}.plug-layer{overflow:visible}
@media(max-width:1000px){.source{column-gap:13px;padding-left:18px;padding-right:16px;grid-template-columns:minmax(0,1fr) 48px}.source .display{padding-left:8px;padding-right:8px}.source .display textarea{font-size:.9rem;height:166px}.model{grid-template-columns:minmax(0,1fr) 48px 62px;gap:16px;padding-left:20px;padding-right:20px;min-height:159px}.model-status{padding-left:43px}}
@media(min-width:651px) and (max-width:800px){.source{column-gap:9px;padding-left:15px;padding-right:13px;grid-template-columns:minmax(0,1fr) 40px}.source .socket{width:39px;height:39px}.source .display textarea{font-size:.85rem;height:180px}.model{grid-template-columns:minmax(0,1fr) 46px 42px;gap:11px;padding-left:15px;padding-right:15px;min-height:159px}.model-title h2{font-size:1.18rem;gap:7px}.model-logo{width:25px;height:25px}.model-status{padding-left:0}.model .input-control{min-width:46px}}
@media(max-width:650px){.source{grid-template-columns:minmax(0,1fr) 54px;column-gap:18px;padding:23px 22px 20px;grid-template-rows:auto auto 1fr}.source .unit-heading{margin-bottom:16px}.source label{grid-column:1;grid-row:2}.source .display{grid-column:1;grid-row:3}.source .display textarea{height:125px}.source .output-bank{grid-column:2;grid-row:2/4;gap:9px}.source .output-row{min-height:49px;gap:3px}.source .output-row>.mono{font-size:.55rem}.source .output .fixed-plug{inset:8px -3px 7px 10px}.rack{padding-left:0;padding-right:10px}.model{grid-template-columns:minmax(0,1fr) 48px 56px;gap:17px;min-height:156px;padding:17px 20px 53px}.model-status{padding-left:41px}.model .input-control{min-height:69px;gap:7px}.cable-tray{height:212px}.tray-label{left:15px}.transport{margin-top:12px}}
@media(max-width:430px){.model{grid-template-columns:minmax(0,1fr) 42px 36px;gap:10px;padding-left:15px;padding-right:15px}.model-title h2{font-size:1.13rem;gap:6px}.model-logo{width:24px;height:24px}.model-status{padding-left:0}.model .input-control{min-width:42px}.model .socket{width:36px;height:36px}.model .meter{padding-left:1px;padding-right:1px}.meter .bars i:nth-child(2n){display:none}.source{column-gap:13px;padding-left:17px;padding-right:17px}}
/* Bottom patch bay: gravity-hung leads, then playback in the same module. */
.source{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;align-content:start;padding:26px 26px 25px;column-gap:0}
.source .unit-heading{grid-column:1;grid-row:1;margin-bottom:20px}.source .serial{display:inline}
.source label{grid-column:1;grid-row:2}.source .display{grid-column:1;grid-row:3}
.source .display textarea{height:102px}
.source .output-bank{position:static;grid-column:1;grid-row:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:14px;width:auto;margin-top:23px;padding:0}
.source .output-row{position:static;flex-direction:column;min-height:69px;gap:9px;justify-content:flex-start}
.source .output-row>.mono{font-size:.65rem;white-space:nowrap;max-width:none}
.source .output .fixed-plug{inset:10px -3px 8px 12px;transform:rotate(90deg);transform-origin:11px 13px}
.source-controls{grid-column:1;grid-row:5;align-self:start;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px 17px;margin-top:166px;min-width:0;position:relative;z-index:2}
.source-controls .routing{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-width:0}
.source-controls .routing .mono{font-size:.65rem;letter-spacing:.06em}
.source-controls .route-lights{gap:8px}.source-controls .route-lights i{height:8px;width:8px}
.source-controls #play{width:100%;min-width:0;min-height:46px;font-size:1rem;padding:9px 12px}
.source-controls .text-button{padding:3px 0;font-size:.75rem;white-space:nowrap}
.cable-tray{height:25px;background:none;border:0;box-shadow:none}.tray-label{display:none}
@media(max-width:1000px){.source{padding-left:18px;padding-right:18px}.source .display textarea{height:102px}.source-controls{column-gap:10px}.source-controls .routing{flex-wrap:wrap;gap:8px}.source-controls .routing .mono{font-size:.6rem}}
@media(min-width:651px) and (max-width:800px){.hardware{grid-template-columns:39% 1fr}.source{padding-left:14px;padding-right:14px}.source .output-bank{gap:8px}.source-controls{grid-template-columns:1fr;gap:12px}.source-controls .text-button{justify-self:center}.source-controls #play{grid-column:1}}
@media(max-width:650px){.source{padding:23px 22px 24px}.source .display textarea{height:94px}.source .output-bank{margin-top:22px}.source .output-row{min-height:69px}.source .socket{width:46px;height:46px}.source-controls{margin-top:166px}.source-controls .routing{flex-wrap:nowrap}.source-controls .routing .mono{font-size:.65rem}.cable-tray{height:25px}}
/* Place each input directly beneath its connection status. */
.model{--status-indent:56px;grid-template-columns:minmax(0,1fr) 100px;grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:28px;row-gap:12px;padding:22px 27px 26px;min-height:185px}
.model .model-title{grid-column:1;grid-row:1}
.model .model-status{padding-left:var(--status-indent)}
.model .input-control{grid-column:1;grid-row:2;justify-self:start;margin-left:calc(var(--status-indent) + 26px);min-height:46px;min-width:46px;width:46px;gap:0}
.model .input-control>.mono{display:none}
.model .meter{grid-column:2;grid-row:1/3;align-self:center}
@media(max-width:1000px){.model{--status-indent:43px;grid-template-columns:minmax(0,1fr) 62px;column-gap:18px;padding-left:20px;padding-right:20px}.model .input-control{margin-left:calc(var(--status-indent) + 23px)}}
@media(min-width:651px) and (max-width:800px){.model{--status-indent:0px;grid-template-columns:minmax(0,1fr) 42px;column-gap:12px;padding-left:15px;padding-right:15px}}
@media(max-width:650px){.model{--status-indent:41px;grid-template-columns:minmax(0,1fr) 56px;column-gap:17px;row-gap:12px;padding:20px 20px 26px;min-height:180px}.model .input-control{min-height:42px;min-width:42px;width:42px}}
@media(max-width:430px){.model{--status-indent:0px;grid-template-columns:minmax(0,1fr) 36px;column-gap:12px;padding-left:15px;padding-right:15px}.model .input-control{margin-left:26px}}

/* Recessed answer displays live alongside each model's controls. */
.rack{container-type:inline-size}
.model{grid-template-columns:minmax(160px,.8fr) minmax(180px,1.35fr) 76px;column-gap:22px}
.model .meter{grid-column:3;grid-row:1/3}
.answer-screen{grid-column:2;grid-row:1/3;align-self:center;min-width:0;height:158px;padding:9px 11px 7px;border:4px solid #141b16;border-radius:7px;background:repeating-linear-gradient(0deg,#bce89b03 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 10%,#223729,#0c1710 85%);box-shadow:inset 0 3px 9px #000d,inset 0 0 20px #0007,0 1px 0 #e8eee144;display:flex;flex-direction:column;color:#c9e9ac}
.screen-top,.screen-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-shrink:0;font:10px/1.3 'IBM Plex Mono',monospace;letter-spacing:.055em;color:#90aa7e}
.screen-top{padding-bottom:7px;border-bottom:1px solid #a2d68a18}.screen-indicator{width:5px;height:5px;border-radius:50%;background:#53614c;flex-shrink:0}
[data-phase="complete"] .screen-indicator,[data-phase="loading"] .screen-indicator{background:#c0ec95;box-shadow:0 0 6px #a8e1787a}
.screen-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6c8755 #132016;min-height:0;flex:1;padding:8px 7px 9px 0;font:14px/1.55 'IBM Plex Mono',monospace;text-shadow:0 0 5px #b2db781c;overflow-wrap:anywhere}
.screen-scroll:focus-visible{outline:1px solid #bce875;outline-offset:1px}
.screen-scroll p+p{margin-top:11px}.screen-scroll .screen-question{color:#f0f4dd;padding-bottom:8px;border-bottom:1px solid #a2d68a18}.screen-placeholder{color:#829776}
.screen-bottom{padding-top:6px;border-top:1px solid #a2d68a18;min-height:26px}
.expand-answer{border:0;background:none;color:#c9e9ac;padding:3px 0 3px 9px;font:11px 'IBM Plex Mono',monospace;display:flex;align-items:center;gap:7px;min-height:24px}
.expand-answer:disabled{opacity:.3}.expand-answer:not(:disabled):hover{color:#f3ffd8}.expand-answer span{font-size:16px;line-height:1}
.result[hidden]{display:none}.result{scroll-margin-top:24px}.result p+p{margin-top:14px}
.result-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
@container(max-width:690px){.model{grid-template-columns:minmax(135px,.8fr) minmax(150px,1fr) 44px;column-gap:15px;padding-left:19px;padding-right:19px}.model-title h2{font-size:1.35rem;gap:8px}.model-logo{width:29px;height:29px}.model{--status-indent:37px}.model .meter{padding-left:2px;padding-right:2px}.meter .bars i:nth-child(2n){display:none}.screen-top,.screen-bottom{font-size:9px}.answer-screen{padding-left:8px;padding-right:8px}}
@container(max-width:530px){.model{grid-template-columns:minmax(0,1fr) 64px;grid-template-rows:auto auto auto;row-gap:12px;padding:22px 22px 24px;min-height:330px;--status-indent:41px}.model-title h2{font-size:1.4rem;gap:9px}.model-logo{width:32px;height:32px}.model .meter{grid-column:2;grid-row:1/3}.answer-screen{grid-column:1/-1;grid-row:3;height:154px}.screen-top,.screen-bottom{font-size:10px}.model .input-control{margin-left:calc(var(--status-indent) + 23px)}}

.screen-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Arrow navigation between the five intent-led samples. */
.sample-navigation{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:6px;padding-top:9px;margin-top:7px;border-top:1px solid #ffffff12}
.sample-step{display:grid;place-items:center;width:36px;height:34px;padding:0;border:1px solid #53624c;border-radius:3px;background:linear-gradient(#293126,#172016);color:#d4e3bf;box-shadow:inset 0 1px 0 #ffffff0d;font:27px/1 Arial,sans-serif}
.sample-step:hover{background:#34422d;color:#f0ffda}.sample-step:active{background:#172016;transform:translateY(1px)}
.sample-position{font-size:10px;letter-spacing:.035em;color:#a8b995;text-align:center;line-height:1.5}
.display textarea[readonly]{cursor:default;caret-color:transparent;touch-action:pan-y}

/* Mobile uses three upright switch modules instead of patch cables. */
.model-switch{display:none}
@media(max-width:650px){
 .site{padding-left:12px;padding-right:12px}.header{min-height:64px}.intro{padding:20px 0}h1{font-size:2.25rem}.intro p{font-size:.85rem}
 .hardware{grid-template-columns:minmax(0,1fr);gap:10px;padding:0 5px}
 .source{padding:20px 18px 18px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto}
 .source .unit-heading{margin-bottom:12px}.source label{margin-bottom:7px}
 .source .display textarea{height:70px;font-size:.9rem}
 .source .output-bank,#cables,.plug-layer,.cable-tray{display:none}
 .source-controls{grid-row:4;margin-top:16px;gap:11px 15px;grid-template-columns:minmax(0,1fr) auto}
 .source-controls .routing{gap:10px;flex-wrap:nowrap}.source-controls .routing .mono{font-size:.6rem}
 .source-controls #play{min-height:43px}.source-controls .text-button{font-size:.7rem}
 .rack{container-type:normal;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:7px;padding:0}
 .rack .model{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 18px 44px;align-content:stretch;justify-items:center;row-gap:7px;column-gap:0;height:244px;min-height:0;min-width:0;padding:18px 7px 13px}
 .rack .model .model-title{display:contents}
 .rack .model .model-title h2{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:13px;margin:0;font-size:20px;letter-spacing:.01em;text-shadow:0 1px 1px #0007}
 .rack .model .model-logo{width:28px;height:28px}
 .rack .model .model-title h2>span{writing-mode:vertical-rl;transform:rotate(180deg);line-height:1.1}
 .rack .model .model-status{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;padding:0;gap:6px;min-width:0}
 .rack .model .state{font-size:9px;letter-spacing:.05em;white-space:nowrap}
 .rack .model .led{width:6px;height:6px}
 .rack .model .input-control,.rack .model .answer-screen,.rack .model .meter{display:none}
 .rack .model .model-switch{display:grid;place-items:center;grid-column:1;grid-row:3;width:62px;min-height:44px;padding:0;border:0;background:none;cursor:pointer}
 .switch-track{display:block;position:relative;width:50px;height:26px;border:2px solid #101610;border-radius:5px;background:linear-gradient(#171e16,#30392b);box-shadow:inset 0 2px 4px #000a,0 1px 0 #e2ecd448}
 .switch-knob{position:absolute;top:2px;left:2px;width:20px;height:18px;border-radius:3px;background:linear-gradient(#e6e7da,#a1a697);border:1px solid #dde2d1;box-shadow:0 2px 3px #0008;transition:transform .16s ease}
 .switch-knob:after{content:'';position:absolute;top:4px;bottom:4px;left:7px;width:3px;border-left:1px solid #626959;border-right:1px solid #626959}
 .model-switch[aria-checked="true"] .switch-track{background:linear-gradient(#526d35,#8cae5d);box-shadow:inset 0 1px 4px #1c2c16,0 0 9px #bce87530}
 .model-switch[aria-checked="true"] .switch-knob{transform:translateX(22px)}
 .rack .model .screw{width:8px;height:8px;border-width:1px}.rack .model .tl,.rack .model .tr{top:7px}.rack .model .bl,.rack .model .br{bottom:7px}.rack .model .tl,.rack .model .bl{left:7px}.rack .model .tr,.rack .model .br{right:7px}
 .guidance{padding-top:13px;min-height:0;font-size:.75rem}.results{padding-top:20px}.result-grid{grid-template-columns:minmax(0,1fr)}.results-heading h2{font-size:1.65rem}
}

/* User-supplied product walkthrough. */
.walkthrough{padding:54px 0 18px;margin-top:34px;border-top:1px solid #ffffff12}
.walkthrough-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.walkthrough-heading h2{font:400 clamp(2rem,3.6vw,3.2rem)/1.12 Georgia,serif;letter-spacing:-.035em;margin:10px 0 12px}
.walkthrough-heading p{color:var(--muted);font-size:1rem}.video-duration{font-size:.65rem;color:#a1aa94;white-space:nowrap;padding-bottom:3px}
.video-shell{padding:22px;background:linear-gradient(135deg,#2a3028,#151b15 55%,#242b21);border-color:#515e49;box-shadow:inset 0 1px 0 #b4b6a333,0 14px 30px #0005}
.video-shell video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#080c0a;border:1px solid #0a0d08;border-radius:3px;box-shadow:0 0 0 2px #090d08,0 1px 0 3px #aab39722}
@media(max-width:650px){.walkthrough{padding-top:30px;margin-top:26px}.walkthrough-heading{display:block;margin-bottom:17px}.walkthrough-heading h2{font-size:2rem}.walkthrough-heading p{font-size:.9rem}.video-duration{display:block;margin-top:14px;font-size:.6rem}.video-shell{padding:15px}.video-shell .screw{width:7px;height:7px;border-width:1px}.video-shell .tl,.video-shell .tr{top:4px}.video-shell .bl,.video-shell .br{bottom:4px}.video-shell .tl,.video-shell .bl{left:4px}.video-shell .tr,.video-shell .br{right:4px}}