*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0f10;color:#e5e4db;font-family:Arial,Helvetica,sans-serif}.frame{max-width:1500px;margin:auto;min-height:100vh;background:#182021;border-left:1px solid #536061;border-right:1px solid #536061}.hazard{height:7px;background:repeating-linear-gradient(110deg,#f28538 0 14px,#101516 14px 28px)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #edc954;outline-offset:3px}.mast{min-height:90px;border-bottom:1px solid #536061;display:flex;align-items:stretch}.mark{width:76px;border-right:1px solid #536061;display:grid;place-items:center;color:#f28538;font-weight:900;font-size:34px}.brand{padding:0 26px;display:flex;flex-direction:column;justify-content:center;gap:8px;flex:1}.brand strong{font-size:25px;line-height:1;letter-spacing:-.06em}.brand span,.mast nav a,.eyebrow,.strip,.category,.index,footer{font:700 11px Consolas,'Liberation Mono',monospace;letter-spacing:.08em}.brand span{color:#9da9a7;font-size:10px}.mast nav{display:flex}.mast nav a{padding:0 25px;border-left:1px solid #536061;display:grid;place-items:center}.mast nav a:hover{background:#f28538;color:#101516}.hero{min-height:530px;display:grid;grid-template-columns:1.1fr .9fr;border-bottom:1px solid #536061}.hero-copy{padding:60px 5% 55px 7%;display:flex;flex-direction:column;align-items:start}.eyebrow{color:#f28538;margin:0}.hero h1{font-size:clamp(60px,7vw,108px);font-weight:900;line-height:.89;letter-spacing:-.08em;margin:28px 0}.hero h1 em{color:#f28538;font-style:normal}.intro{font:15px/1.55 Consolas,'Liberation Mono',monospace;color:#bbc4c1;max-width:560px;margin:0}.action{display:flex;align-items:center;gap:32px;margin-top:auto;background:#f28538;color:#101516;padding:17px 19px;font:800 12px Consolas,'Liberation Mono',monospace;letter-spacing:.06em}.action:hover{background:#edc954}.schematic{background:#0c1314;border-left:1px solid #536061;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.schematic:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#6d868024 1px,transparent 1px),linear-gradient(90deg,#6d868024 1px,transparent 1px);background-size:55px 55px;pointer-events:none}.schematic-head,.schematic-foot{position:relative;color:#9bba9c;font:11px Consolas,'Liberation Mono',monospace}.schematic-head{display:flex;justify-content:space-between}.schematic-foot{font-size:17px;color:#e5e4db;font-weight:700}.schematic svg{width:100%;max-width:480px;align-self:center;position:relative;overflow:visible}.schematic path{fill:none;stroke:#9bba9c;stroke-width:2}.schematic circle{fill:#0c1314;stroke:#f28538;stroke-width:3}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #536061;color:#bbc4c1}.strip span{padding:23px 30px;border-right:1px solid #536061}.strip span:last-child{border:0}.catalog{padding:50px 5% 85px}.catalog h2{font-size:44px;line-height:1;letter-spacing:-.06em;margin:12px 0 25px}.tools{border-top:2px solid #e5e4db}.tools a{min-height:105px;display:grid;grid-template-columns:50px minmax(190px,1fr) minmax(200px,1.2fr) 100px 22px;gap:18px;align-items:center;padding:18px 10px;border-bottom:1px solid #536061}.tools a:hover{background:#273133}.index,.arrow{color:#f28538}.tools strong{font-size:clamp(20px,2.2vw,30px);line-height:1;letter-spacing:-.05em}.description{font:12px/1.5 Consolas,'Liberation Mono',monospace;color:#9da9a7}.category{color:#9bba9c}.arrow{font-size:24px}footer{padding:25px 5%;border-top:1px solid #536061;display:flex;justify-content:space-between;color:#9da9a7}
@media(max-width:900px){.hero{grid-template-columns:1fr}.schematic{min-height:320px;border-left:0;border-top:1px solid #536061}.hero-copy{min-height:470px}.tools a{grid-template-columns:40px 1fr 1fr 22px}.category{display:none}}@media(max-width:620px){.mast{min-height:78px}.mark{width:55px}.brand{padding:0 13px}.brand strong{font-size:19px}.brand span{font-size:8px}.mast nav{display:none}.hero-copy{padding:43px 5%;min-height:450px}.hero h1{font-size:clamp(48px,12vw,69px)}.intro{font-size:12px}.strip{grid-template-columns:1fr}.strip span{padding:13px 5%;border-bottom:1px solid #536061;border-right:0}.schematic{min-height:270px}.catalog{padding:40px 5% 60px}.catalog h2{font-size:35px}.tools a{grid-template-columns:28px 1fr 22px;min-height:76px;gap:10px}.tools strong{font-size:22px}.description{display:none}footer{flex-direction:column;gap:10px}}
/* Shared Pipes theme preference; light mode keeps the industrial geometry. */
.mast nav button{border:0;border-left:1px solid #536061;background:transparent;color:#e5e4db;padding:0 22px;min-width:78px;font:700 11px Consolas,'Liberation Mono',monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.mast nav button:hover{background:#f28538;color:#101516}
button:focus-visible{outline:2px solid #edc954;outline-offset:3px}
:root[data-theme="light"] body{background:#d4d9d2;color:#172526}
:root[data-theme="light"] .frame{background:#f3f3ec;border-color:#a9b7ae}
:root[data-theme="light"] .mast,:root[data-theme="light"] .hero,:root[data-theme="light"] .strip,:root[data-theme="light"] footer,:root[data-theme="light"] .tools a{border-color:#a9b7ae}
:root[data-theme="light"] .mark,:root[data-theme="light"] .mast nav a,:root[data-theme="light"] .mast nav button{border-color:#a9b7ae}
:root[data-theme="light"] .mark,:root[data-theme="light"] .eyebrow,:root[data-theme="light"] .hero h1 em,:root[data-theme="light"] .index,:root[data-theme="light"] .arrow{color:#a44319}
:root[data-theme="light"] .brand span,:root[data-theme="light"] .description,:root[data-theme="light"] footer{color:#50625e}
:root[data-theme="light"] .intro,:root[data-theme="light"] .strip{color:#334743}
:root[data-theme="light"] .category{color:#35683d}
:root[data-theme="light"] .tools{border-top-color:#172526}
:root[data-theme="light"] .tools a:hover{background:#dfe4db}
:root[data-theme="light"] .mast nav button{color:#172526}
:root[data-theme="light"] .mast nav a:hover,:root[data-theme="light"] .mast nav button:hover{background:#a44319;color:#fffef7}
:root[data-theme="light"] .action{background:#a44319;color:#fffef7}
:root[data-theme="light"] .action:hover{background:#793114}
:root[data-theme="light"] .schematic{background:#dfe5dd;border-color:#a9b7ae}
:root[data-theme="light"] .schematic:before{background-image:linear-gradient(#738b7d30 1px,transparent 1px),linear-gradient(90deg,#738b7d30 1px,transparent 1px)}
:root[data-theme="light"] .schematic-head{color:#456752}
:root[data-theme="light"] .schematic-foot{color:#172526}
:root[data-theme="light"] .schematic path{stroke:#547d5b}
:root[data-theme="light"] .schematic circle{fill:#dfe5dd;stroke:#a44319}
@media(max-width:620px){.mast nav{display:flex}.mast nav a{display:none}.mast nav button{padding:0 12px;min-width:72px}}