:root{--ink:#101616;--cream:#f2efe8;--lime:#c8f000;--steel:#7d8784;--line:rgba(16,22,22,.16);--display:"Barlow Condensed",sans-serif;--body:"Inter",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.16)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-family:var(--display);font-size:27px;font-weight:700;clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%)}.brand>span:last-child{display:grid;line-height:.85}.brand strong{font-family:var(--display);font-size:23px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:5px;margin-top:7px}.main-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.nav-cta{border:1px solid rgba(255,255,255,.5);padding:13px 18px}.nav-cta:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}.hero{min-height:760px;height:100vh;background:var(--ink);color:#fff;display:grid;grid-template-columns:51% 49%;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,#000,transparent 78%)}.hero-copy{padding:180px 2vw 80px 8vw;z-index:2}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:3px;font-weight:700;color:var(--lime);margin:0 0 25px}.eyebrow:before{content:"";display:inline-block;width:35px;height:2px;background:currentColor;vertical-align:middle;margin-right:12px}.eyebrow.dark{color:#53605e}.hero h1,.section-heading h2,.intro h2,.process h2,.contact h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(56px,6vw,102px);line-height:.88;letter-spacing:-2px;margin:0}.hero h1 em{font-style:normal;color:var(--lime)}.hero-lead{max-width:610px;color:#bdc4c1;line-height:1.7;font-size:17px;margin:30px 0}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 22px;text-transform:uppercase;font-size:11px;letter-spacing:1.3px;font-weight:700;border:1px solid transparent;cursor:pointer}.button.primary{background:var(--lime);color:var(--ink)}.button.secondary{border-color:#5d6664;color:#fff}.button:hover{transform:translateY(-2px)}.hero-proof{display:flex;gap:35px;margin-top:55px;color:#8c9693;font-size:10px;letter-spacing:1px;text-transform:uppercase}.hero-proof span{display:flex;align-items:center;gap:8px}.hero-proof b{color:var(--lime);font-family:var(--display);font-size:19px}.hero-visual{position:relative;display:grid;place-items:center;z-index:1}.hero-visual:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(200,240,0,.17),transparent 65%)}.hero-visual svg{width:min(93%,670px);overflow:visible}.gear{transform-origin:center;animation:rotate 35s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.spec-tag{position:absolute;border-left:2px solid var(--lime);background:rgba(16,22,22,.78);backdrop-filter:blur(8px);padding:11px 18px;display:grid}.spec-tag span{font-family:var(--display);font-size:26px}.spec-tag small{color:#89928f;font-size:8px;letter-spacing:2px}.tag-a{left:6%;top:29%}.tag-b{right:8%;bottom:23%}.scroll-note{position:absolute;right:5vw;bottom:28px;font-size:8px;letter-spacing:2px;color:#737e7b;z-index:2}.scroll-note span{color:var(--lime);font-size:18px;margin-left:10px}.section-pad{padding:110px 8vw}.intro{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:80px}.intro h2{font-size:clamp(48px,5vw,76px)}.intro>p,.section-heading>p{line-height:1.9;color:#59615f;max-width:520px}.services{padding-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.service-card{border:1px solid var(--line);padding:45px 38px;min-height:390px;display:flex;flex-direction:column;position:relative;transition:.25s}.service-card:hover{background:#e8e5dc;transform:translateY(-5px)}.service-card.featured{background:var(--ink);color:#fff}.service-card .number{position:absolute;right:28px;top:24px;font:600 13px var(--display);color:#808986}.service-icon{font-size:38px;color:#829900;margin:25px 0 55px}.service-card h3,.product h3{font:600 29px/1 var(--display);text-transform:uppercase;margin:0 0 18px}.service-card p,.product p{color:#66706d;line-height:1.7;font-size:14px}.featured p{color:#a9b1ae}.service-card a,.product a{margin-top:auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.featured a{color:var(--lime)}.catalog{background:#111717;color:#fff}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:50px}.section-heading h2{font-size:clamp(48px,5.7vw,86px)}.section-heading>p{color:#929b98}.filters{display:flex;gap:10px;margin:55px 0 30px;flex-wrap:wrap}.filter{border:1px solid #3e4745;color:#9da6a3;background:transparent;padding:11px 17px;text-transform:uppercase;font-size:9px;letter-spacing:1.2px;cursor:pointer}.filter.active,.filter:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#35403d}.product{background:#171e1e;padding:22px;min-height:430px;display:flex;flex-direction:column;transition:.3s}.product.hide{display:none}.product:hover{background:#202928}.product>span{color:var(--lime);font-size:9px;letter-spacing:2px;text-transform:uppercase;margin:18px 0 12px}.product h3{font-size:24px}.product a{color:#cdd2cf}.product-art{height:180px;background:linear-gradient(145deg,#283130,#111616);position:relative;display:grid;place-items:center;overflow:hidden}.product-art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.08),transparent 65%)}.product-art i,.product-art i:before,.product-art i:after{display:block;position:absolute;content:""}.bearing i{width:105px;height:105px;border:22px solid #8d9693;border-radius:50%;box-shadow:inset 0 0 0 6px #353d3b,0 13px 18px #000;transform:rotateX(58deg) rotateZ(-18deg)}.sprocket i{width:115px;height:115px;border:25px dotted #9ba39f;border-radius:50%;box-shadow:0 0 0 20px #737d79}.sprocket i:after{width:37px;height:37px;background:#171e1e;border-radius:50%;left:14px;top:14px}.fastener i{width:46px;height:145px;background:linear-gradient(90deg,#4c5653,#c8cecb,#69726f);transform:rotate(40deg)}.fastener i:before{width:70px;height:45px;background:#aeb6b2;left:-12px;top:-23px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.fastener i:after{inset:45px 0 0;background:repeating-linear-gradient(0deg,transparent 0 7px,#333b39 8px 10px)}.shaft i{width:160px;height:45px;background:linear-gradient(#d5d9d7,#616b68 55%,#b8bfbc);transform:rotate(-22deg);border-radius:4px;box-shadow:0 15px 20px #000}.shaft i:after{right:-18px;width:38px;height:45px;border-radius:50%;background:#89918e}.plate i{width:125px;height:105px;border:10px solid #9ca4a1;transform:skewY(-12deg);box-shadow:9px 12px 0 #4b5552}.plate i:before,.plate i:after{width:18px;height:18px;background:#171e1e;border-radius:50%;top:12px}.plate i:before{left:12px}.plate i:after{right:12px}.machine i{width:145px;height:95px;background:#626c69;border-top:15px solid #aab2ae;box-shadow:18px 15px 0 #39413f}.machine i:before{width:55px;height:55px;border:13px solid #aeb6b2;border-radius:50%;left:45px;top:14px}.tools i{width:145px;height:24px;background:#9ca5a1;transform:rotate(-40deg);border-radius:50px}.tools i:after{right:-18px;top:-18px;width:55px;height:55px;border:15px solid #9ca5a1;border-left-color:transparent;border-radius:50%}.cta-product{background:var(--lime);color:var(--ink);justify-content:center;padding:35px}.cta-product:hover{background:#d5ff00}.cta-product p{color:#536000;text-transform:uppercase;font-size:9px;letter-spacing:2px}.cta-product h3{font-size:36px}.button.light{background:var(--ink);color:#fff;margin-top:30px;width:max-content}.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.process h2{font-size:clamp(49px,5vw,76px)}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:grid;grid-template-columns:70px 1fr;padding:27px 0;border-bottom:1px solid var(--line)}.process-list b{font:600 18px var(--display);color:#89928e}.process-list h3{font:600 25px var(--display);text-transform:uppercase;margin:0}.process-list p{color:#65706c;font-size:13px;line-height:1.6;margin:7px 0}.contact{background:#c8f000;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.contact .eyebrow{color:#4f5c00}.contact h2{font-size:clamp(54px,6vw,88px)}.contact-copy>p:not(.eyebrow){line-height:1.7;max-width:480px}.contact-data{display:grid;gap:10px;margin-top:40px;font-size:14px;font-weight:600}.quote-form{background:var(--ink);color:#fff;padding:42px;display:grid;gap:22px}.quote-form label{display:grid;gap:9px;text-transform:uppercase;font-size:9px;letter-spacing:1.4px;color:#9aa39f}.quote-form input,.quote-form select,.quote-form textarea{border:0;border-bottom:1px solid #4a5351;background:transparent;color:#fff;padding:10px 0;outline:none;text-transform:none;letter-spacing:0}.quote-form select option{color:#111}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--lime)}.quote-form small{color:#6f7976;font-size:9px}footer{background:#0b1010;color:#fff;padding:55px 8vw 30px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}footer p{color:#8c9692;font-size:13px}footer>div{justify-self:end;display:flex;gap:25px;font-size:11px}footer>small{grid-column:1/-1;color:#5c6662;border-top:1px solid #252d2b;padding-top:25px;font-size:9px}.whatsapp{position:fixed;right:23px;bottom:23px;width:52px;height:52px;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:800;display:grid;place-items:center;z-index:20;box-shadow:0 10px 25px #0005}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-copy{padding-right:8vw}.hero-visual{position:absolute;right:-20%;bottom:-12%;width:70%;opacity:.38}.services{grid-template-columns:1fr}.service-card{min-height:300px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr}.contact{gap:5vw}.main-nav{gap:18px}.intro,.section-heading{grid-template-columns:1fr;gap:20px}}@media(max-width:700px){.site-header{height:72px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#111717;padding:25px 6vw;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.hero{min-height:720px}.hero-copy{padding:140px 6vw 80px}.hero h1{font-size:54px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{gap:15px;flex-wrap:wrap;margin-top:35px}.hero-visual{width:100%;right:-40%;bottom:-3%}.section-pad{padding:75px 6vw}.intro{grid-template-columns:1fr}.intro h2{font-size:45px}.services{padding-top:0}.catalog-grid{grid-template-columns:1fr}.product{min-height:405px}.section-heading h2,.process h2,.contact h2{font-size:47px}.contact{grid-template-columns:1fr}.quote-form{padding:28px 22px}.process-list li{grid-template-columns:48px 1fr}footer{grid-template-columns:1fr}footer>div{justify-self:start;flex-wrap:wrap}footer>small{grid-column:auto}.scroll-note{display:none}}
