
:root{--navy:#102d40;--ink:#183443;--orange:#ee753f;--cream:#f5f4ee;--line:#d8dedc;--muted:#5c7079}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;background:var(--cream)}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{background:var(--cream);position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}nav{max-width:1250px;margin:auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{text-decoration:none;display:block;line-height:1.1}.logo strong{font-size:21px;letter-spacing:1px}.logo small{display:block;font-size:10px;letter-spacing:.6px;line-height:1.4;margin-top:6px}.logo{flex-shrink:0}.short-label{display:none}.navlinks{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:bold}.navlinks a{text-decoration:none}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:13px 22px;border:1px solid transparent;background:var(--orange);color:var(--navy);font-weight:bold;text-decoration:none;cursor:pointer}.btn.dark{background:var(--navy);color:white}.btn.outline{background:transparent;border-color:#708591;color:white}.wrap{max-width:1250px;margin:auto;padding:85px 32px}.hero{background:var(--navy);color:white;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding-top:75px;padding-bottom:70px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;text-transform:uppercase;color:var(--muted);margin-bottom:23px}.hero .eyebrow{color:#b7d2d8}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);margin-right:9px}h1{font-size:clamp(42px,5.3vw,69px);line-height:1.06;letter-spacing:-3px;margin:0 0 25px;font-weight:600}h1 span{color:var(--orange)}.lead{max-width:500px;color:#bfd0d8;font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}.hero-note{margin-top:35px;font-size:11px;letter-spacing:1px;color:#a7bec8}.equipment{min-height:390px;position:relative;background:linear-gradient(135deg,#1a4054,#0b2332);border:1px solid #406071;padding:28px;box-shadow:20px 20px 0 #18394b}.equipment-top{font:11px monospace;color:#b9cdd4;display:flex;justify-content:space-between;border-bottom:1px solid #426171;padding-bottom:15px}.cabinet{display:grid;grid-template-columns:1fr 1.4fr .65fr;gap:13px;margin:30px 0 20px;align-items:stretch}.unit{background:#d8dedb;border:6px solid #aab6b7;box-shadow:6px 7px 0 #071b28;padding:12px 8px;color:#233f4d;min-height:215px}.unit .screen{background:#153745;color:#a9e7cf;padding:12px 4px;text-align:center;font:17px monospace;border:4px solid #738b90;margin-bottom:17px}.vents{height:70px;background:repeating-linear-gradient(0deg,#344d59 0 3px,transparent 3px 8px);margin:12px 3px}.unit-label{font:9px monospace;letter-spacing:1px}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.keys i{height:10px;background:#8c9fa4}.plc{background:#99a7a4;display:flex;gap:5px;padding:14px 8px}.plc i{flex:1;background:repeating-linear-gradient(0deg,#263e47 0 4px,#748580 4px 9px);border-top:20px solid #c8d1ca;position:relative}.plc i:after{content:'';position:absolute;width:4px;height:4px;background:#b9f6a3;top:-14px;left:3px}.terminals{background:repeating-linear-gradient(0deg,#da9752 0 13px,#46545b 13px 17px);border:7px solid #7b8c8e}.equipment-caption{font:10px monospace;color:#9cb7c3;display:flex;justify-content:space-between;gap:10px}.diagram-note{font-size:9px;color:#829ca9;margin:16px 0 0}.strip{border-bottom:1px solid var(--line)}.strip-inner{max-width:1250px;margin:auto;padding:23px 32px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.strip strong{font-size:14px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}h2{font-size:clamp(32px,3.6vw,46px);line-height:1.15;font-weight:500;letter-spacing:-1.5px;margin:0}.section-head p{max-width:370px;color:var(--muted);font-size:14px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:30px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:#fbfbf7}.num{font:12px monospace;color:#9b6242;display:block;margin-bottom:30px}h3{font-size:21px;line-height:1.25;font-weight:500;margin:0 0 15px}.service p{font-size:14px;color:var(--muted);margin-bottom:0}.service .tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:25px;color:#294d5a}.experience{background:#e8ece6}.experience .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.experience p{color:var(--muted)}.equipment-list{border-top:1px solid #b9c6bf}.equipment-list div{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid #b9c6bf;padding:18px 0;font-size:14px}.equipment-list span{font-size:12px;color:var(--muted);text-align:right}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.step{border-top:2px solid var(--orange);padding-top:20px}.step b{font:12px monospace;color:#9b6242}.step h3{margin-top:16px}.step p{font-size:14px;color:var(--muted)}.contact{background:var(--navy);color:white}.contact .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.contact .eyebrow{color:#9bb9c8}.contact p{color:#b9cdd7}.locations{margin-top:35px;border-top:1px solid #3d5868;padding-top:22px;font-size:14px}.locations strong{color:white;display:block;margin-bottom:10px}form{background:white;color:var(--ink);padding:30px}label{display:block;font-size:12px;font-weight:bold;margin-bottom:14px}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #cbd5d6;background:#f8faf8;border-radius:0;padding:10px;color:var(--ink);font-size:14px}textarea{resize:vertical;min-height:95px}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:11px!important;color:#657a83!important;margin-bottom:0}.result{margin-top:15px;padding:14px;background:#eef2ec;font-size:13px}.result textarea{min-height:150px;font-size:12px}.hidden{display:none}footer{max-width:1250px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.faq{margin-top:45px}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:15px;font-weight:bold}details p{font-size:14px;max-width:780px;color:var(--muted)}@media(max-width:850px){.hero .wrap{gap:35px}.navlinks{gap:17px}.navlinks a:not(.btn){display:none}.services{grid-template-columns:repeat(2,1fr)}.equipment{padding:18px;min-height:330px}.cabinet{gap:7px}.unit{padding:8px 4px;border-width:4px;min-height:180px}.unit .screen{font-size:11px}.contact .wrap,.experience .wrap{gap:35px}.wrap{padding:60px 25px}}@media(max-width:620px){nav{padding:15px 20px;gap:12px}.logo small{font-size:9px;max-width:145px;letter-spacing:.3px}.wide-label{display:none}.short-label{display:inline}.logo strong{font-size:16px}.navlinks .btn{font-size:11px;padding:10px}.hero .wrap,.contact .wrap,.experience .wrap{grid-template-columns:1fr}.hero .wrap{padding-top:50px}.equipment{margin:10px 12px 10px 0;min-height:330px}.cabinet{grid-template-columns:1fr 1.4fr .65fr}.unit{min-height:185px}.strip-inner{flex-wrap:wrap;padding:20px;gap:12px 25px}.strip-inner span{width:43%}.section-head{display:block}.section-head p{margin-top:20px}.services{grid-template-columns:1fr}.service{padding:25px}.num{margin-bottom:18px}.process{grid-template-columns:1fr;gap:25px}form{padding:22px}.row{grid-template-columns:1fr;gap:0}footer{flex-direction:column;gap:5px}h1{letter-spacing:-2px}.equipment-list div{flex-direction:column;gap:5px}.equipment-list span{text-align:left}}
