:root{--ink:#15191c;--steel:#293137;--lime:#b7db26;--paper:#f1f2ee;--white:#fff;--muted:#667077;--line:#d6dad4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,Arial,sans-serif}a{color:inherit;text-decoration:none}.utility{height:34px;padding:0 5vw;background:var(--ink);color:#aeb5b9;display:flex;align-items:center;justify-content:space-between;font-size:10px}.utility div{display:flex;gap:30px}.utility a:last-child{color:var(--lime);font-weight:700}header{height:92px;padding:0 5vw;background:#fff;display:flex;align-items:center;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:13px}.brand img{width:47px}.brand span{display:flex;flex-direction:column}.brand b{font:16px "Archivo Black";letter-spacing:1px}.brand small{font-size:11px;font-weight:700;letter-spacing:5.7px;margin-top:5px}nav{display:flex;gap:33px;margin-left:auto;font-size:13px;font-weight:600}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--lime);transition:.25s}nav a:hover:after{right:0}.quote{margin-left:42px;padding:14px 18px;background:var(--ink);color:#fff;font-size:12px;font-weight:700}.quote span{color:var(--lime);margin-left:16px}.menu{display:none;margin-left:auto;border:0;background:none;padding:8px}.menu i{display:block;width:27px;height:2px;background:var(--ink);margin:6px}.hero{min-height:820px;background:#fff;display:grid;grid-template-columns:57% 43%;grid-template-rows:1fr auto}.hero-main{padding:100px 7vw 70px;background-image:linear-gradient(#eaede8 1px,transparent 1px),linear-gradient(90deg,#eaede8 1px,transparent 1px);background-size:48px 48px}.label{font-size:10px;font-weight:700;letter-spacing:2.3px;text-transform:uppercase;color:#667077}.label:before{content:"";display:inline-block;width:30px;height:3px;background:var(--lime);margin:0 11px 3px 0}.hero h1{font:clamp(61px,7.2vw,116px)/.88 "Archivo Black";letter-spacing:-5px;margin:42px 0}.hero h1 span{color:transparent;-webkit-text-stroke:2px var(--ink)}.lead{max-width:690px;color:var(--muted);font-size:17px;line-height:1.75}.actions{display:flex;gap:12px;margin-top:35px}.btn{display:inline-flex;gap:30px;justify-content:space-between;padding:17px 22px;border:1px solid var(--ink);font-size:12px;font-weight:700}.btn.primary{background:var(--lime);border-color:var(--lime)}.hero-metal{position:relative;overflow:hidden;background:linear-gradient(135deg,#394248,#121619)}.hero-metal:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 70px,#ffffff05 71px 73px)}.beam{position:absolute;width:145%;height:65px;background:linear-gradient(#4c575e,#20262a);border:1px solid #626d73;transform:rotate(-38deg);left:-30%}.b1{top:25%}.b2{top:58%}.weld{position:absolute;z-index:2;left:50%;top:45%;width:19px;height:19px;background:#fff;border-radius:50%;box-shadow:0 0 18px 8px #b7db26,0 0 70px 25px #d9f56b}.weld i:before,.weld i:after{content:"";position:absolute;background:var(--lime);width:100px;height:2px;transform-origin:left;transform:rotate(35deg)}.weld i:after{transform:rotate(-70deg);width:80px}.stamp{position:absolute;z-index:3;right:30px;bottom:30px;padding:15px 18px;border:2px solid var(--lime);color:#fff;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:1.5px;transform:rotate(-3deg)}.hero-contact{grid-column:1/3;display:grid;grid-template-columns:1fr 1.2fr 1.8fr;padding:24px 7vw;background:var(--ink);color:#fff;gap:25px}.hero-contact a,.hero-contact>span{display:flex;flex-direction:column}.hero-contact a+ a,.hero-contact a+span{border-left:1px solid #41484c;padding-left:25px}.hero-contact small{color:#899398;text-transform:uppercase;font-size:8px;letter-spacing:1.6px;margin-bottom:6px}.hero-contact strong{font-size:12px}.provider{min-height:115px;padding:22px 7vw;background:var(--lime);display:flex;align-items:center;justify-content:center;gap:30px}.provider>span{font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.provider img{width:150px;background:#fff;padding:8px}.provider p{font-size:12px;font-weight:600;border-left:1px solid #7f9e0a;padding-left:30px}.section{padding:120px 7vw}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:65px}.heading h2,.competence h2,.contact h2{font:clamp(42px,5.2vw,78px)/1 "Archivo Black";letter-spacing:-3px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-grid article{min-height:355px;padding:32px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.25s}.service-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 45px #15202614;z-index:2}.service-grid article>span{font-size:9px;color:#939b9e}.service-grid h3{font-size:20px;margin:65px 0 15px}.service-grid p{font-size:13px;color:var(--muted);line-height:1.7}.service-grid a{position:absolute;bottom:28px;left:32px;font-size:11px;font-weight:700}.service-grid .featured{background:var(--lime)}.service-grid .featured h3{margin-top:20px}.icon.laser{font-size:44px;margin-top:25px}.competence{display:grid;grid-template-columns:45% 55%;background:var(--ink);color:#fff}.diagram{min-height:720px;position:relative;display:grid;place-items:center;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:38px 38px}.frame{width:63%;height:60%;border:17px solid var(--lime);position:relative;transform:perspective(700px) rotateY(12deg)}.frame i{position:absolute;background:#fff}.frame i:nth-child(1){width:100%;height:2px;top:50%}.frame i:nth-child(2){height:100%;width:2px;left:50%}.frame i:nth-child(3),.frame i:nth-child(4){width:28px;height:28px;border-radius:50%;background:var(--ink);border:3px solid #fff}.frame i:nth-child(3){left:-23px;top:-23px}.frame i:nth-child(4){right:-23px;bottom:-23px}.diagram>span{position:absolute;bottom:55px;right:50px;color:var(--lime);font:11px monospace}.competence-copy{padding:100px 7vw}.label.light{color:#aeb6b9}.competence h2{font-size:clamp(42px,4.5vw,68px);margin:30px 0}.competence-copy>p:not(.label){color:#abb3b7;line-height:1.8}.competence ul{padding:0;list-style:none;margin-top:45px}.competence li{display:grid;grid-template-columns:100px 1fr;padding:19px 0;border-top:1px solid #363d41}.competence li b{color:var(--lime)}.competence li span{color:#aeb6b9;font-size:12px}.process ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0}.process li{padding:30px;border-top:2px solid var(--ink);border-right:1px solid var(--line)}.process li b{font:48px "Archivo Black";color:#d8dcd7}.process h3{font-size:17px;margin:28px 0 8px}.process li p{font-size:12px;color:var(--muted);line-height:1.6}.contact{padding:120px 7vw;background:var(--steel);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact h2{margin:28px 0}.contact>div>p:not(.label){color:#b7bfc3;line-height:1.8}.contact address{display:flex;flex-direction:column;font-style:normal;margin-top:45px;gap:7px}.contact address span{color:#aeb6ba;font-size:12px;line-height:1.6;margin-bottom:8px}.contact address a{font-size:17px;font-weight:700}.contact form{padding:42px;background:#fff;color:var(--ink)}.contact label{display:flex;flex-direction:column;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.contact input,.contact select,.contact textarea{border:0;border-bottom:1px solid var(--line);padding:11px 0;background:transparent;outline:none;font:14px Archivo;text-transform:none;letter-spacing:0}.contact input:focus,.contact textarea:focus{border-color:var(--lime)}.row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact button{width:100%;padding:17px 20px;display:flex;justify-content:space-between;background:var(--lime);border:0;font-weight:700;cursor:pointer}footer{min-height:130px;padding:35px 5vw;background:#0a0d0f;color:#fff;display:flex;align-items:center;gap:45px}.inverse img{width:42px}.inverse b{font-size:14px}footer>p{color:#778186;font-size:10px}footer>div:last-child{display:flex;gap:25px;margin-left:auto;color:#778186;font-size:10px}
@media(max-width:950px){nav{display:none;position:absolute;top:92px;left:20px;right:20px;padding:25px;background:#fff;flex-direction:column;box-shadow:0 15px 35px #0002}nav.open{display:flex}.quote{margin-left:auto}.menu{display:block}.hero{grid-template-columns:1fr}.hero-main{padding-top:80px}.hero-metal{min-height:550px}.hero-contact{grid-column:1}.competence{grid-template-columns:1fr}.diagram{min-height:550px}.service-grid{grid-template-columns:repeat(2,1fr)}.contact{gap:5vw}}
@media(max-width:650px){.utility>span{display:none}.utility div{width:100%;justify-content:space-between}.utility div a:first-child{display:none}header{height:78px}.brand img{width:40px}.brand b{font-size:14px}.brand small{font-size:9px}.quote{display:none}nav{top:78px}.hero-main{padding:70px 24px 50px}.hero h1{font-size:52px;letter-spacing:-3px}.hero .lead{font-size:14px}.actions{flex-direction:column}.hero-metal{min-height:410px}.hero-contact{grid-template-columns:1fr;padding:25px 24px}.hero-contact a+ a,.hero-contact a+span{border-left:0;border-top:1px solid #41484c;padding:14px 0 0}.provider{align-items:flex-start;flex-direction:column;gap:12px;padding:25px 24px}.provider p{border:0;padding:0;margin:0}.section{padding:80px 24px}.heading{align-items:flex-start;flex-direction:column;gap:25px}.heading h2,.competence h2,.contact h2{letter-spacing:-2px}.service-grid{grid-template-columns:1fr}.diagram{min-height:420px}.competence-copy{padding:70px 24px}.competence li{grid-template-columns:80px 1fr}.process ol{grid-template-columns:1fr 1fr}.process li{padding:22px}.contact{grid-template-columns:1fr;padding:80px 24px}.contact form{padding:28px 20px}.row{grid-template-columns:1fr;gap:0}footer{align-items:flex-start;flex-direction:column;gap:18px}footer>div:last-child{margin-left:0}}
