:root{--cabinet:#e2e4df;--cabinet-2:#d3d6d0;--sheet:#fbfbf9;--ink:#1d2731;--ink-2:#4f5c68;--rule:#b8bdb7;--wire:#24578f;--wire-2:#1b4675;--live:#16893b;--live-bg:#c9ecd3;--dead-si:#3e6fb5;--red:#d2382b;--amber:#e29b0f;--green:#22a447;--blue:#2f74d0;--yellow:#f2c200;--plate:#262c32;--metal:#8d949a;--sans:"Barlow", system-ui, sans-serif;--cond:"Barlow Condensed", "Barlow", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cabinet);color:var(--ink);font:400 17px/1.55 var(--sans);margin:0;overflow-x:hidden}a{color:var(--wire)}h1,h2,h3,h4{margin:0 0 .5em;font-weight:600;line-height:1.15}h1{letter-spacing:-.015em;font-size:clamp(2.4rem,5vw,3.5rem)}h2{font-size:clamp(1.4rem,2.6vw,1.75rem)}h3{font-size:1.1rem}code,pre{font-family:var(--mono)}:focus-visible{outline:3px solid var(--wire);outline-offset:2px}.muted{color:var(--ink-2)}.wrap{max-width:1260px;margin:0 auto;padding:0 16px}@media (width>=720px){.wrap{padding:0 28px}}.topbar{background:var(--plate);color:#f1f2ee}.topbar-in{justify-content:space-between;align-items:center;gap:16px;min-height:56px;display:flex}.brand{color:inherit;align-items:center;gap:10px;font-size:1.05rem;font-weight:600;text-decoration:none;display:flex}.brand-rail{stroke:#9aa4b2;stroke-width:2px;fill:none}.brand-live{stroke:#46d873;stroke-width:2.5px;fill:none}.topnav{gap:4px;display:flex}.topnav a{color:#d7dbd5;border-radius:4px;padding:6px 10px;font-weight:500;text-decoration:none}.topnav a:hover,.topnav a.active{color:#fff;background:#ffffff1a}.btn{border:1px solid var(--rule);background:var(--sheet);min-height:36px;color:var(--ink);font:500 .95rem var(--sans);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--ink-2)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--wire);border-color:var(--wire);color:#fff}.btn.primary:hover{background:var(--wire-2)}.btn.lg{min-height:46px;padding:10px 20px;font-size:1.05rem}.hero{align-items:center;gap:32px;padding-top:48px;padding-bottom:56px;display:grid}@media (width>=980px){.hero{grid-template-columns:.85fr 1.15fr;gap:48px;padding-top:72px;padding-bottom:80px}}.hero h1{margin-bottom:.15em}.role{color:var(--ink-2);margin:0 0 1.2em;font-size:1.3rem}.intro{max-width:34em;font-size:1.1rem}.cta-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-demo{background:var(--cabinet-2);border:1px solid var(--rule);border-radius:6px;min-width:0;padding:14px}.hero-demo-top{margin-bottom:12px}.hero-station{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:14px;display:flex}.hint{color:var(--ink-2);max-width:22em;margin:0;font-size:.95rem}.lede{max-width:44em;color:var(--ink-2);margin-top:0}.program-list{border-top:2px solid var(--ink);margin:24px 0 72px;padding:0;list-style:none}.program{border-bottom:1px solid var(--rule);color:inherit;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:20px 4px;text-decoration:none;display:grid}.program:hover{background:#ffffff73}.program-no{font:600 1.6rem var(--mono);color:var(--ink-2)}.program-body{gap:4px;display:grid}.program-title{font-size:1.3rem;font-weight:600}.program-tag{color:var(--ink-2)}.program-go{color:var(--wire);padding-right:8px;font-weight:600}.chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{font:500 .82rem var(--sans);background:var(--sheet);border:1px solid var(--rule);border-radius:3px;padding:2px 8px}.about{padding-bottom:56px}.about-grid{gap:32px;display:grid}@media (width>=860px){.about-grid{grid-template-columns:1fr 1fr;gap:56px}}.about h3{margin-top:1.4em}.tools{margin:0}.tools>div{border-bottom:1px solid var(--rule);padding:10px 0}.tools dt{font-weight:600}.tools dd{color:var(--ink-2);margin:2px 0 0}.plain{padding-left:1.1em}.project{background:var(--sheet);border-left:4px solid var(--wire);margin-bottom:14px;padding:14px 18px}.project h4{margin-bottom:.3em;font-size:1.05rem}.project p{margin:0}.contact{padding-bottom:56px}.contact-list{flex-wrap:wrap;gap:8px 28px;padding:0;font-size:1.1rem;list-style:none;display:flex}.footer{border-top:1px solid var(--rule);color:var(--ink-2);padding-top:18px;padding-bottom:32px;font-size:.9rem}.dialect{background:var(--plate);border-radius:5px;gap:3px;padding:3px;display:inline-flex}.dialect button{text-align:left;color:#b9c0c6;cursor:pointer;font-family:var(--sans);background:0 0;border:0;border-radius:3px;padding:5px 12px;display:grid}.dialect button.active{color:var(--ink);background:#f1f2ee}.dialect-vendor{font-size:.95rem;font-weight:600;line-height:1.2}.dialect-ide{opacity:.8;font-size:.75rem;line-height:1.2}.scenario{padding-top:20px;padding-bottom:56px}.crumbs{scrollbar-width:thin;gap:4px;margin-bottom:18px;padding-bottom:6px;display:flex;overflow-x:auto}.crumbs a{color:var(--ink-2);white-space:nowrap;border-radius:4px;flex:none;padding:6px 12px;font-weight:500;text-decoration:none}.crumbs a:hover{background:#ffffff80}.crumbs a.active{background:var(--sheet);color:var(--ink);box-shadow:inset 0 -2px 0 var(--wire)}.crumb-no{font-family:var(--mono);color:var(--ink-2);margin-right:4px}.scenario-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.scenario-head h1{margin-bottom:.15em;font-size:clamp(1.9rem,4vw,2.6rem)}.tagline{color:var(--ink-2);max-width:46em;margin:0}.simbar{background:var(--plate);color:#e6e8e3;border-radius:6px 6px 0 0;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;display:flex}.simbar .btn{color:#f1f2ee;background:#3a424a;border-color:#4c555e}.simbar .btn.primary{background:var(--wire);border-color:#3b74b3}.simbar .btn.seg.active{color:var(--ink);background:#f1f2ee}.mode{min-width:92px;font:600 .95rem var(--cond);align-items:center;gap:8px;display:flex}.run-led{background:#6a5a12;border-radius:50%;width:12px;height:12px}.run-led.on{background:#46d873;box-shadow:0 0 8px #46d873}.speeds{gap:2px;display:inline-flex}.speeds .btn{min-width:40px;padding:6px 8px}.clock{font:500 .9rem var(--mono);margin-left:auto}.clock .muted{color:#9aa4ad;margin-left:8px}.bench{background:var(--cabinet-2);border:1px solid var(--rule);border-top:0;border-radius:0 0 6px 6px;gap:16px;padding:14px;display:grid}@media (width>=1040px){.bench{grid-template-columns:390px minmax(0,1fr);align-items:start}}.field{gap:12px;min-width:0;display:grid}.machine-frame{background:var(--sheet);border:1px solid var(--rule);border-radius:4px;padding:8px}.machine{width:100%;height:auto;display:block}.paused{background:var(--yellow);width:100%;color:var(--ink);font:600 .85rem var(--sans);cursor:pointer;border:0;border-radius:3px;margin-top:6px;padding:6px 10px;display:block}.editor{min-width:0}.tabs{gap:2px;display:flex}.tabs button{border:1px solid var(--rule);background:var(--cabinet);color:var(--ink-2);font:500 .95rem var(--sans);cursor:pointer;border-bottom:0;border-radius:4px 4px 0 0;padding:8px 16px}.tabs button.active{background:var(--sheet);color:var(--ink);font-weight:600}.sheet{background:var(--sheet);border:1px solid var(--rule);border-radius:4px}.tab-body{border-top-left-radius:0;max-height:min(78vh,980px);overflow:auto}.notes{gap:32px;margin-top:40px;display:grid}@media (width>=860px){.notes{grid-template-columns:1fr 1fr;gap:56px}}.notes p{max-width:40em}.steps{padding-left:1.3em}.steps li{margin-bottom:10px;padding-left:4px}.station{background:var(--cabinet);border:1px solid var(--rule);border-radius:4px;gap:14px;padding:14px 12px 12px;display:grid}.hero-station .station{background:0 0;border:0;grid-auto-flow:column;padding:0}.station-row{flex-wrap:wrap;align-items:flex-end;gap:14px 18px;display:flex}.device{justify-items:center;gap:8px;min-width:60px;display:grid}.legend{font:600 .82rem/1.1 var(--cond);background:var(--plate);color:#f1f2ee;white-space:nowrap;border-radius:2px;padding:3px 8px}.pb{cursor:pointer;touch-action:none;border:0;border-radius:50%;width:50px;height:50px;transition:transform 60ms;box-shadow:0 0 0 5px #a9afb4,0 0 0 7px #6b7277,inset 0 -4px #00000040,inset 0 3px 3px #ffffff59}.pb.down{transform:translateY(2px)scale(.97);box-shadow:0 0 0 5px #a9afb4,0 0 0 7px #6b7277,inset 0 2px 4px #00000059}.pb.tone-green{background:var(--green)}.pb.tone-red{background:var(--red)}.pb.tone-blue{background:var(--blue)}.pb.tone-amber{background:var(--amber)}.pb.tone-neutral{background:#2b3036}.lamp{opacity:1;filter:saturate(.35)brightness(.55);border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 4px #a9afb4,0 0 0 6px #6b7277}.lamp.on{filter:none}.lamp.tone-green{background:radial-gradient(circle at 40% 35%,#b8ffc9,#29b553 55%,#1a7a38)}.lamp.tone-red{background:radial-gradient(circle at 40% 35%,#ffc2b9,#e2402f 55%,#93241a)}.lamp.tone-amber{background:radial-gradient(circle at 40% 35%,#ffe7a8,#f0a512 55%,#9a6806)}.lamp.tone-blue{background:radial-gradient(circle at 40% 35%,#c8e0ff,#3a82e0 55%,#1e4f91)}.lamp.on.tone-green{box-shadow:0 0 0 4px #a9afb4,0 0 0 6px #6b7277,0 0 18px 4px #29b55399}.lamp.on.tone-red{box-shadow:0 0 0 4px #a9afb4,0 0 0 6px #6b7277,0 0 18px 4px #e2402f99}.lamp.on.tone-amber{box-shadow:0 0 0 4px #a9afb4,0 0 0 6px #6b7277,0 0 18px 4px #f0a51299}.lamp.on.tone-blue{box-shadow:0 0 0 4px #a9afb4,0 0 0 6px #6b7277,0 0 18px 4px #3a82e099}.estop{background:var(--yellow);cursor:pointer;border:0;border-radius:50%;place-items:center;width:70px;height:70px;display:grid;box-shadow:inset 0 0 0 2px #00000026}.estop-cap{background:radial-gradient(circle at 40% 35%,#ff7a6b,#c9281b 60%,#861a11);border-radius:50%;width:50px;height:50px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #6d140d}.estop.down .estop-cap{transform:translateY(3px)scale(.95);box-shadow:0 1px #6d140d}.selector{cursor:pointer;background:#2b3036;border:0;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 0 0 5px #a9afb4,0 0 0 7px #6b7277}.selector-knob{background:#4a525a;border-radius:6px;width:12px;height:40px;transition:transform .15s;position:relative;transform:rotate(-45deg)}.selector-knob:after{content:"";background:#fff;width:2px;height:14px;position:absolute;top:3px;left:5px}.selector.on .selector-knob{transform:rotate(45deg)}.slider{flex:160px;justify-items:stretch}.slider input{width:100%;accent-color:var(--wire)}.alarms{border:1px solid var(--rule);background:var(--sheet);border-radius:4px;padding:10px 12px;font-size:.95rem}.alarms.active{border-color:var(--red);border-left:6px solid var(--red);background:#fdecea}.alarms-none{color:var(--ink-2);margin:0}.alarms ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.alarms li{flex-wrap:wrap;justify-content:space-between;gap:2px 10px;display:flex}.alarm-msg{color:#8f1e14;font-weight:600}.alarms code{color:var(--ink-2);font-size:.8rem}.faults{border:1px dashed var(--ink-2);border-radius:4px;gap:6px;margin:0;padding:8px 12px 10px;display:grid}.faults legend{padding:0 4px;font-weight:600}.fault{cursor:pointer;border-radius:3px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:6px;display:grid}.fault input{width:18px;height:18px;accent-color:var(--red);margin-top:4px}.fault strong{font-weight:600;display:block}.fault small{color:var(--ink-2);font-size:.85rem;line-height:1.35;display:block}.fault.active{background:repeating-linear-gradient(-45deg,#f2c20047 0 10px,#f2c2001f 10px 20px)}.ladder{padding:8px 0 16px}.rung{padding:4px 0 2px}.rung+.rung{border-top:1px solid #e6e8e4}.rung-comment{color:var(--ink-2);max-width:64em;padding:6px 14px 0 44px;font-size:.85rem}.network-head{background:#eef0ef;border-top:1px solid #dfe2e0;border-bottom:1px solid #dfe2e0;margin-bottom:4px;padding:4px 12px;font-size:.85rem}.ladder.siemens .rung+.rung{border-top:0;margin-top:8px}.network-no{font-weight:600}.rung-scroll{overflow-x:auto}.rung-svg{display:block}.wire{stroke-width:2px;stroke-linecap:square}.wire.off.ab{stroke:var(--ink)}.wire.off.siemens{stroke:var(--dead-si);stroke-dasharray:5 4}.wire.on{stroke:var(--live);stroke-width:3px}.rail{stroke:var(--ink);stroke-width:3px}.rail.siemens{stroke:var(--live)}.sym path,.sym line{stroke:var(--ink);stroke-width:2px;fill:none}.sym.hot.siemens path,.sym.hot.siemens line{stroke:var(--live);stroke-width:2.5px}.ab-true{fill:var(--live-bg)}.sym-letter{font:600 10px var(--mono);fill:var(--ink)}.lbl{font:500 11px var(--mono);fill:var(--ink)}.lbl.addr{fill:var(--ink-2);font-size:10px}.lbl.live{fill:var(--live);font-size:10px}.rung-no{font:500 12px var(--mono);fill:var(--ink-2)}.box{fill:#fff;stroke:var(--ink);stroke-width:1.5px}.box.ab.hot{fill:var(--live-bg)}.box.siemens.live{stroke:var(--live)}.box-title{font:600 12px var(--mono);fill:var(--ink)}.box-sub{font:400 10px var(--sans);fill:var(--ink-2)}.box-pin{font:400 10.5px var(--mono);fill:var(--ink-2)}.box-pin.hot{fill:var(--live);font-weight:600}.box-val{font:500 10.5px var(--mono);fill:var(--wire)}.box-out{font:500 10.5px var(--mono);fill:var(--ink-2)}.box-out.hot{fill:var(--live);font-weight:600}.pin-stub{stroke:var(--ink);stroke-width:1.5px}.pin-stub.hot{stroke:var(--live);stroke-width:2.5px}.cmp-op{font:600 11px var(--mono);fill:var(--ink)}.cmp-type{font:400 8.5px var(--sans);fill:var(--ink-2)}.code-wrap{position:relative}.copy{min-height:30px;font-size:.85rem;position:absolute;top:10px;right:10px}.code{white-space:pre;margin:0;padding:16px 18px;font-size:12.5px;line-height:1.55;overflow-x:auto}.hl-cmt{color:#5f7a5f}.hl-kw{color:#7a2f9a;font-weight:600}.hl-sym{color:var(--wire)}.hl-num{color:#a3540c}.tag-table-wrap{overflow-x:auto}.tag-table{border-collapse:collapse;width:100%;font-size:.88rem}.tag-table th,.tag-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e6e8e4;padding:5px 12px}.tag-table thead th{z-index:1;background:#eef0ef;font-weight:600;position:sticky;top:0}.tag-table tr.group th{background:var(--cabinet);padding-top:8px;font-weight:600}.tag-table code{font-size:.85rem}.tag-table td.muted{white-space:normal;min-width:14em}.val-on{color:var(--live);font-weight:600}@media (width<=640px){.hide-sm{display:none}}.trend{background:var(--sheet);border:1px solid var(--rule);border-radius:4px;margin:0;padding:6px 8px 4px}.trend svg{width:100%;height:auto;display:block}.trend figcaption{color:var(--ink-2);font-size:.8rem}.trend .grid{stroke:#e3e5e1}.trend .mark{stroke:var(--amber);stroke-dasharray:3 3}.trend .axis{font:9px var(--sans);fill:var(--ink-2)}.trend .trace{stroke:var(--wire);stroke-width:2px;fill:none}.m-lbl{font:500 11px var(--cond);fill:var(--ink-2)}.m-line{stroke:#9aa0a6;stroke-width:2.5px}.m-line.live{stroke:var(--live)}.m-dev{fill:#eef0ec;stroke:var(--ink);stroke-width:1.5px}.m-dev.on{fill:var(--live-bg);stroke:var(--live)}.m-dev.trip{fill:#f7d2cd;stroke:var(--red)}.m-dev-t{font:600 11px var(--mono);fill:var(--ink)}.m-bar-bg{fill:#d8dbd6}.m-bar{fill:var(--amber)}.m-bar.hot{fill:var(--red)}.m-body{fill:#3f6a8c}.m-fin{stroke:#ffffff38;stroke-width:3px}.m-shaft{fill:#9aa1a7}.m-fan-ring{fill:none;stroke:#b3b9be;stroke-width:2px}.m-blade{fill:#5d6870}.m-hub{fill:#2b3036}.m-read{font:600 16px var(--mono);fill:var(--ink)}.m-read.warn{fill:var(--red)}.m-read-l{font:500 11px var(--cond);fill:var(--ink-2)}.t-road{fill:#50565c}.t-zebra{fill:#e9e9e3}.t-head{fill:#23282d}.t-lamp{fill:#3b4147}.t-lamp.red.on{fill:#ff4b3a;filter:drop-shadow(0 0 6px #ff4b3a)}.t-lamp.amber.on{fill:#ffb21f;filter:drop-shadow(0 0 6px #ffb21f)}.t-lamp.green.on{fill:#3ddc6c;filter:drop-shadow(0 0 6px #3ddc6c)}.t-broken{stroke:#c9ced2;stroke-width:2px}.t-ped rect{fill:#3b4147}.t-ped.red.on rect{fill:#ff5b47}.t-ped.green.on rect{fill:#3ddc6c}.t-ped-t{font:600 7px var(--cond);fill:#15191c}.t-box{fill:var(--yellow)}.t-wait{fill:#6d5e10}.t-wait.on{fill:#fff4b0;filter:drop-shadow(0 0 4px #fff4b0)}.t-btn{fill:#2b3036}.c-lane{fill:#eceee9;stroke:var(--ink-2);stroke-dasharray:4 3}.c-belt{fill:#2e3338}.c-belt-tex{stroke:#6b7178;stroke-width:2px;stroke-dasharray:6 10}.c-roller{fill:var(--metal)}.c-beam{stroke:#e08b84;stroke-width:1.5px}.c-beam.blocked{stroke:var(--red);stroke-width:3px}.c-eye{fill:#8e959b}.c-eye.blocked{fill:var(--red)}.c-pusher{fill:var(--metal)}.c-pusher.on{fill:var(--wire)}.c-rod{fill:#b0b6bb}.c-box{fill:#cfab72;stroke:#8e6e3c}.c-box.tall{fill:#b98d4e}.k-pipe{fill:#9aa1a7}.k-stream{fill:#5c9bd8}.k-tank{fill:#f2f4f1;stroke:var(--ink);stroke-width:2px}.k-water{fill:#79addd}.k-tick{stroke:var(--ink-2)}.k-float{fill:#c3c8cc;stroke:var(--ink)}.k-float.on{fill:var(--amber)}.k-lt{fill:#eef0ec;stroke:var(--ink)}.k-lt.bad{fill:#f7d2cd;stroke:var(--red)}.k-pipe-line{stroke:#9aa1a7;stroke-width:5px;fill:none}.p-body{fill:#eef0ec;stroke:var(--ink);stroke-width:1.5px}.p-body.on{fill:var(--live-bg);stroke:var(--live);stroke-width:2.5px}.p-arrow{fill:var(--ink)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.m-lbl.t-on-road{fill:#e9e9e3}