@font-face{font-family:Manrope;src:url('/assets/manrope-latin-v23.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{--ink:#171a1f;--dark:#141515;--panel:#1d1f1e;--paper:#fff;--surface:#f3f5f7;--surface-hover:#e9eef3;--amber:#f3ae42;--rust:#7b4b0d;--muted:#505864;--line:#d9dfe6;--light:#e8e5dc;--mono:ui-monospace,'SFMono-Regular',Consolas,monospace;--sans:Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--dark);color:var(--ink);font:16px/1.55 var(--sans)}
a{color:inherit;text-underline-offset:.2em}
button,input{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #a7650a;outline-offset:4px}
.site-head :focus-visible,.hero :focus-visible,.hub-intro :focus-visible,.site-foot :focus-visible,.warning-demo :focus-visible,.anatomy :focus-visible,.rail :focus-visible{outline-color:var(--amber)}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.08;letter-spacing:-.045em}
svg{vertical-align:middle;flex-shrink:0}
.wrap{width:min(1220px,calc(100% - 112px));margin-inline:auto}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip:focus{position:absolute;z-index:5;top:8px;left:8px;background:var(--paper);padding:.65rem 1rem}
.site-head{background:#161717;border-bottom:1px solid #30312f;color:#f3f0e9}
.head-inner{height:73px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;font-size:13px;line-height:1.16;letter-spacing:.08em;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #5f4925;border-radius:6px;background:#302518;color:var(--amber)}
.brand-sub{display:block;color:var(--amber);font-size:10px;letter-spacing:.24em;margin-top:4px}
.desktop-nav{display:flex;gap:clamp(18px,3vw,41px);align-items:center}
.desktop-nav a,.top-lookup{font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}
.desktop-nav a{color:#d0cec5}
.desktop-nav a:hover,.desktop-nav [aria-current]{color:var(--amber)}
.top-lookup{padding:9px 13px;color:var(--amber);border:1px solid #5d482a;border-radius:5px;display:flex;gap:8px;align-items:center}
.top-lookup:hover{background:#302518}
.mobile-nav{display:none;position:relative}
.mobile-nav summary{list-style:none;cursor:pointer;padding:9px}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav nav{position:absolute;right:0;top:48px;z-index:3;display:grid;min-width:200px;border:1px solid #4a4944;background:#1b1c1b;padding:8px}
.mobile-nav a{padding:9px 12px;text-decoration:none}
.hero{color:#f7f4ec;overflow:hidden;border-bottom:1px solid #31312d}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:clamp(28px,5vw,76px);align-items:center;padding-block:58px 62px}
.hero-kicker,.eyebrow,.demo-head,.examples,.image-plate,.image-readout small,.image-readout>span,.card-index,.article-kicker,.foot-bottom{font:700 11px/1.35 var(--mono);letter-spacing:.105em}
.hero-kicker{display:flex;gap:10px;align-items:center;color:var(--amber);margin-bottom:22px}
.hero-kicker i,.demo-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px #f3ae4270}
.hero h1{font-size:clamp(57px,6.05vw,91px);font-weight:800;line-height:.98;letter-spacing:-.055em}
.hero h1 em{color:var(--amber);font-style:normal}
.hero-copy>p{margin-top:23px;color:#cbc8bd;max-width:40ch;font-size:17px}
.lookup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:25px;max-width:525px}
.search-input{display:flex;align-items:center;gap:9px;border:1px solid #53534a;border-radius:5px;padding:0 13px;background:#232523;color:#c3bcab;min-width:0}
.search-input:focus-within{border-color:var(--amber)}
.search-input input{min-width:0;width:100%;height:49px;background:transparent;border:0;color:var(--paper);outline:none;font:600 15px var(--mono)}
.search-input input::placeholder{color:#a9a395}
.lookup button{background:var(--amber);border:1px solid var(--amber);color:#1d160b;border-radius:5px;padding:0 13px;font-size:14px;font-weight:780;display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:50px}
.lookup button:hover{background:#ffc768}
.lookup-status{grid-column:1/-1;font-size:13px;color:#f9cb84;margin:0}
.lookup-status:empty{display:none}
.examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;color:#c8bdab}
.examples>a{border:1px solid #41413a;color:#e2ddd2;border-radius:4px;padding:4px 7px;text-decoration:none;letter-spacing:.035em}
.examples>a:hover{color:var(--amber);border-color:var(--amber)}
.hero-visual{position:relative;height:clamp(370px,35vw,510px);background:#24221f;border:1px solid #4a453a;padding:7px;isolation:isolate}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:62% center;display:block}
.image-plate{position:absolute;left:19px;right:19px;top:19px;color:#f3ede0;display:flex;justify-content:space-between;gap:10px;text-shadow:0 1px 3px #000}
.image-readout{position:absolute;left:20px;bottom:20px;display:grid;gap:4px;padding:11px 15px;background:#151614ee;border:1px solid #6f542a;border-left:3px solid var(--amber);color:#e1dac9}
.image-readout>span{display:flex;gap:7px;align-items:center;color:var(--amber)}
.image-readout strong{font:700 30px/1 var(--mono);color:#fff8e5}
.image-readout small{letter-spacing:.045em;font-size:9px}
.image-corner{position:absolute;right:-1px;bottom:-1px;border-bottom:2px solid var(--amber);border-right:2px solid var(--amber);width:30px;height:30px}
.rail{background:#1b1c1b;color:#f1eee5;border-bottom:1px solid #302f2a}
.rail-inner{display:grid;grid-template-columns:repeat(3,1fr)}
.rail a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:19px 23px;border-left:1px solid #383833;text-decoration:none}
.rail a:first-child{padding-left:0;border:0}
.rail a:last-child{padding-right:0}
.rail a:hover{color:var(--amber)}
.rail a>svg{color:var(--amber)}
.rail a small,.rail a b{display:block}
.rail a b{font-size:14px}
.rail a small{font-size:12px;color:#c6c3b8;margin-top:2px}
.paper{background:var(--paper)}
.surface{background:var(--surface)}
.section{padding-block:clamp(53px,7vw,98px)}
.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:clamp(29px,7vw,100px)}
.eyebrow{display:flex;align-items:center;gap:8px;color:var(--rust);margin-bottom:14px}
.eyebrow-no{padding:4px 6px;border:1px solid #c9ae83;border-radius:3px}
.section h2{font-size:clamp(39px,5vw,68px);font-weight:790}
.split p,.section-heading p{margin-top:16px;color:var(--muted);max-width:42ch}
.text-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-bottom:1px solid #b97922;color:#714204;font-weight:750;font-size:14px;padding-block:3px}
.text-link:hover{color:#3d2300}
.split .text-link{margin-top:17px}
.warning-demo,.anatomy{color:var(--light);background:#1a1c1b;border:1px solid #393c37;border-radius:6px;overflow:hidden;box-shadow:0 14px 25px #29231916}
.demo-head{display:flex;justify-content:space-between;gap:10px;padding:14px 17px;color:#d4c8af;border-bottom:1px solid #3a3b35;font-size:10px}
.demo-head>span:first-child{display:inline-flex;align-items:center;gap:8px}
.demo-head i{width:6px;height:6px}
.instrument{position:relative;background:#171917;overflow:hidden}
.instrument>svg{display:block;width:100%;height:auto;min-height:120px;max-height:188px}
.instrument-base{stroke:#3d3c31;stroke-width:1}
.scope-line{stroke:#bc8229;stroke-width:1.5;fill:none;stroke-dasharray:900;stroke-dashoffset:0}
.warning-symbol{position:absolute;top:52.5%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--amber);filter:drop-shadow(0 0 10px #f3ae4280)}
.warning-symbol svg{width:clamp(27px,4vw,44px);height:auto}
[data-state="flashing"] .warning-symbol{animation:flash 1.1s ease-in-out 3}
[data-state="off"] .warning-symbol{color:#8c8c82;filter:none}
[data-state="off"] .scope-line{stroke:#66665d}
[data-state="flashing"] .scope-line{stroke:#ffc566}
.instrument.animate .scope-line{animation:trace .68s ease-out}
@keyframes flash{0%,100%{opacity:1}48%{opacity:1}60%,82%{opacity:.23}}
@keyframes trace{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
.demo-controls{padding:9px 15px;display:flex;gap:7px;border-bottom:1px solid #3a3b35;flex-wrap:wrap}
.demo-controls button,.anatomy-digits button{display:flex;align-items:center;gap:5px;color:#e3ddcf;background:#242624;border:1px solid #484a42;border-radius:4px;padding:6px 10px;font-size:13px}
.demo-controls button[aria-pressed="true"],.anatomy-digits button[aria-pressed="true"]{background:#352a18;border-color:#91632b;color:#ffcc7c}
.demo-controls i{width:6px;height:6px;border-radius:50%;background:currentColor}
.demo-reading{padding:13px 17px 15px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:14px;align-items:center;min-height:88px}
.demo-reading span{display:block;color:#efb254;font:700 10px var(--mono);letter-spacing:.07em;margin-bottom:4px}
.demo-reading strong{font-size:15px;line-height:1.3;display:block}
.split .demo-reading p,.demo-reading p{color:#d3cdbf;font-size:12px;line-height:1.4;margin:0}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:25px}
.section-heading .text-link{white-space:nowrap}
.code-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.code-rows li{border-bottom:1px solid var(--line)}
.code-rows a{display:grid;grid-template-columns:88px minmax(0,1fr) 125px auto;gap:14px;align-items:center;text-decoration:none;padding:13px 9px}
.code-rows a:hover{background:var(--surface-hover)}
.code-rows a>span{font-weight:650}
.code-rows code{justify-self:start;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:4px 8px;font:750 13px var(--mono)}
.code-rows small,.code-rows svg{color:#72470f}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.guide-card{border:1px solid var(--line);border-radius:5px;background:var(--paper);padding:22px;display:flex;flex-direction:column;gap:11px;align-items:flex-start;text-decoration:none}
a.guide-card:hover{border-color:#a66717;background:var(--surface)}
.card-index{color:#75501c}
.guide-card h3{font-size:25px;line-height:1.13;letter-spacing:-.042em}
.guide-card p{color:var(--muted);font-size:14px}
.guide-card>svg{margin-top:auto;color:var(--rust)}
.guide-card>.text-link{margin-top:auto}
.site-foot{color:#e1ded4;background:#171817}
.foot-grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:25px;align-items:start;padding-block:35px}
.foot-grid p{max-width:43ch;color:#c5c0b4;font-size:14px}
.foot-grid nav{display:flex;gap:10px 17px;flex-wrap:wrap;font-size:13px;max-width:330px}
.foot-grid nav a:hover{color:var(--amber)}
.foot-bottom{display:flex;justify-content:space-between;gap:10px;color:#aba79b;border-top:1px solid #3b3b34;padding-block:15px}
.crumbs{display:flex;gap:9px;flex-wrap:wrap;font-size:13px;margin-bottom:31px}
.crumbs a:hover{color:var(--rust)}
.hub-intro .crumbs a:hover{color:var(--amber)}
.hub-intro{background:#1a1b1a;color:#f3f0e9;padding-block:28px 53px;border-bottom:1px solid #30312f}
.hub-intro .eyebrow{color:var(--amber)}
.hub-intro .eyebrow-no{border-color:#705224}
.hub-intro h1,.article h1,.section>div>h1{font-size:clamp(41px,6vw,80px);font-weight:780;max-width:18ch}
.hub-intro p{max-width:60ch;color:#d3cec1;margin-top:16px;font-size:17px}
.hub-intro .lookup-status{color:#f9cb84;font-size:13px;margin:0}
.hub-search{margin-top:8px}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.filters button{padding:6px 10px;background:var(--paper);border:1px solid #7f8c9b;border-radius:4px;color:var(--ink)}
.filters button[aria-pressed="true"]{background:var(--surface-hover);border-color:#a96b18}
.filter-note,.small-text{font-size:14px;color:var(--muted);margin-bottom:13px}
.filter-note:empty{display:none}
.small-text{margin:17px 0 7px;max-width:70ch}
.anatomy-digits{padding:23px 17px;display:flex;gap:10px;border-bottom:1px solid #3a3b35}
.anatomy-digits button,.anatomy-digits span{font:750 clamp(28px,5vw,55px)/1 var(--mono);border-radius:4px;padding:8px 12px;min-width:0}
.article{padding-block:27px 69px}
.article-inner{max-width:760px;margin-inline:auto}
.article h1{font-size:clamp(36px,5vw,66px);max-width:22ch;overflow-wrap:break-word}
.article-kicker{color:var(--rust);margin-bottom:12px}
.article .lead{margin-top:17px;font-size:21px;color:var(--muted)}
.article-inner>section{margin-top:30px}
.article h2{font-size:clamp(23px,3vw,32px);letter-spacing:-.035em;margin-bottom:9px;line-height:1.2}
.article p,.article li{max-width:72ch}
.article-inner>section p+p{margin-top:10px}
.article a{color:#6d4109}
.next-step{margin-top:22px;padding:13px 17px;background:var(--surface);border:1px solid var(--line);border-left:3px solid #af711a;border-radius:6px}
.article ul{padding-left:20px}
.article li+li{margin-top:4px}
.article-sources{border-top:1px solid var(--line);padding-top:23px}
.article-meta{margin-top:14px;font-size:13px;color:var(--muted)}
.system-link{margin-top:16px;font-weight:650}
.diagram{margin:28px 0 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:16px;overflow-x:auto}
.diagram svg{display:block;width:100%;height:auto;max-width:620px;margin-inline:auto}
.diagram figcaption,.data-table caption{font-size:14px;color:var(--muted);margin-top:12px;text-align:left}
.data-table caption{caption-side:bottom}
.data-table{width:100%;border-collapse:collapse;font-size:15px;background:var(--paper)}
.data-table th,.data-table td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.data-table thead th{background:var(--surface-hover);font-size:13px}
.article-inner>section .data-table{margin-top:8px}
.dg-part{fill:var(--paper);stroke:#4a5260;stroke-width:2}
.dg-accent{fill:#fbe3bb;stroke:#a96b18;stroke-width:2}
.dg-sensor{fill:var(--ink)}
.dg-flow{fill:none;stroke:#a96b18;stroke-width:4;stroke-linecap:round}
.dg-air{stroke:#6b7785;stroke-dasharray:7 6}
.dg-line{stroke:var(--line);stroke-width:2}
.dg-pipe{fill:none;stroke:#4a5260;stroke-width:3;stroke-linecap:round}
.dg-label{font:750 15px var(--mono);fill:var(--ink);letter-spacing:.04em}
.dg-small{font:700 12px var(--mono);fill:var(--muted)}
.dg-num{font:800 15px var(--sans);fill:var(--ink)}
.dg-code{font:700 15px var(--mono);fill:var(--ink)}
.lab-hub-link{display:flex;width:fit-content;margin-top:10px}
@media(max-width:460px){.data-table{font-size:13px}.data-table th,.data-table td{padding:6px}.diagram{padding:10px}}
@media(max-width:1060px){.wrap{width:calc(100% - 72px)}.hero-grid{gap:35px}.hero h1{font-size:clamp(49px,7vw,75px)}}
@media(max-width:780px){.wrap{width:calc(100% - 36px)}.head-inner{height:60px}.desktop-nav{display:none}.mobile-nav{display:block}.top-lookup{margin-left:auto}.hero-grid{grid-template-columns:1fr;padding-block:37px 27px;gap:26px}.hero h1{font-size:clamp(55px,10vw,76px)}.hero-visual{height:clamp(238px,58vw,402px)}.hero-kicker{margin-bottom:14px}.hero-copy>p{margin-top:16px}.lookup{margin-top:18px}.split{grid-template-columns:1fr}.split h2 br{display:none}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rail a{padding:13px 10px;gap:7px}.rail a>svg:last-child,.rail a small{display:none}.rail a b{font-size:12px}.code-rows a{grid-template-columns:70px minmax(0,1fr) auto;gap:8px}.code-rows small{display:none}.foot-grid{grid-template-columns:1fr;gap:14px}}
@media(max-width:460px){.top-lookup{display:none}.head-inner{justify-content:space-between}.hero h1{font-size:clamp(47px,12.9vw,64px)}.hero-copy>p{font-size:16px}.lookup button{font-size:13px;padding-inline:8px}.lookup button svg{width:14px}.guide-grid{grid-template-columns:1fr}.section-heading{display:grid}.section-heading .text-link{justify-self:start}.rail a{grid-template-columns:1fr;gap:4px}.rail a b{line-height:1.15}.demo-reading{grid-template-columns:1fr;gap:6px}.image-readout{bottom:14px;left:14px}.foot-bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}