:root{--navy:#071d36;--navy2:#031226;--blue:#123c66;--orange:#f57a18;--orange2:#ff9a3d;--ink:#172b3d;--muted:#667789;--bg:#f5f8fb;--line:#dce5ed;--white:#fff;--shadow:0 18px 50px rgba(7,29,54,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1240px,92%);margin:auto}
.top{background:var(--navy2);color:#dbe7f0;font-size:12px}.topbar{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar span{margin-right:20px}.topbar .right span{margin-right:0;margin-left:20px}
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{display:block;width:auto;height:62px;max-width:250px;object-fit:contain}.links{display:flex;align-items:center;gap:26px;color:var(--navy);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.links a{padding:30px 0;position:relative}.links a:not(.navCta):after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:2px;background:var(--orange);transition:.2s}.links a:hover:not(.navCta):after{right:0}.links a:hover{color:var(--orange)}.navCta{background:var(--orange);color:#fff!important;padding:13px 18px!important;border-radius:4px;box-shadow:0 8px 20px rgba(245,122,24,.22)}.menu{display:none;border:0;background:none;font-size:30px;color:var(--navy);cursor:pointer}
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 35%,#184b77 0,#0a2949 35%,#031226 75%);min-height:570px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,38,.95) 0%,rgba(3,18,38,.78) 45%,rgba(3,18,38,.15) 100%)}.hero:after{content:"";position:absolute;width:760px;height:760px;border:1px solid rgba(245,122,24,.35);border-radius:50%;right:-300px;top:-360px;box-shadow:0 0 0 50px rgba(245,122,24,.03),0 0 0 110px rgba(245,122,24,.025)}.heroGrid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:570px;gap:35px}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--orange)}.hero h1{font-size:clamp(44px,5.6vw,74px);line-height:.98;margin:15px 0 22px;letter-spacing:-1.8px}.hero h1 span{color:var(--orange2)}.hero p{max-width:650px;font-size:18px;color:#d8e5ee;margin:0 0 25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 21px;border-radius:4px;font-weight:900;font-size:13px;border:1px solid transparent;transition:.2s}.btn.orange{background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(245,122,24,.2)}.btn.orange:hover{transform:translateY(-2px);background:#ff861f}.btn.outline{border-color:#9bb0c1;color:#fff;margin-left:7px}.btn.dark{background:var(--navy);color:#fff}.heroVisual{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center}.heroGlow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(245,122,24,.18),transparent 67%)}.component{position:absolute;width:180px;height:150px;border-radius:16px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.25);object-fit:contain}.c1{width:245px;height:185px;right:20px;top:90px;transform:rotate(2deg)}.c2{width:215px;height:165px;left:60px;top:80px;transform:rotate(-4deg)}.c3{width:190px;height:150px;right:110px;bottom:55px;transform:rotate(-3deg)}.c4{width:175px;height:140px;left:90px;bottom:40px;transform:rotate(5deg)}
.heroStrip{position:absolute;z-index:3;left:0;right:0;bottom:0;background:rgba(2,14,29,.82);border-top:1px solid rgba(255,255,255,.12)}.heroStats{display:grid;grid-template-columns:repeat(4,1fr)}.heroStat{padding:18px 20px;border-right:1px solid rgba(255,255,255,.13)}.heroStat:last-child{border-right:0}.heroStat b{display:block;font-size:14px}.heroStat span{font-size:11px;color:#b9cbd7}
.section{padding:82px 0}.sectionTitle{font-size:40px;line-height:1.08;color:var(--navy);margin:8px 0 14px;letter-spacing:-.8px}.fastenerGallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.fastenerGallery article{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 6px 22px rgba(7,29,54,.05);transition:.22s}.fastenerGallery article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.fastenerGallery img{width:100%;height:210px;display:block;object-fit:contain;background:#fff}.fastenerGallery h3{margin:0;padding:15px 16px 17px;color:var(--navy);font-size:16px;border-top:1px solid var(--line)}
.light{background:var(--bg)}.sectionHead{max-width:820px;margin:0 auto 38px}.center{text-align:center}.sectionHead h2,.split h2{font-size:40px;line-height:1.08;color:var(--navy);margin:8px 0 14px;letter-spacing:-.8px}.sectionHead p,.split p{color:var(--muted);font-size:16px}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:.22s;box-shadow:0 5px 20px rgba(7,29,54,.04)}.product:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#c8d7e4}.product img{width:100%;height:190px;display:block;object-fit:contain;padding:12px;background:linear-gradient(180deg,#fff,#f6f9fb)}.productBody{padding:19px}.productBody h3{margin:0 0 7px;color:var(--navy);font-size:18px}.productBody p{margin:0 0 13px;color:var(--muted);font-size:13px}.more{color:var(--orange);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.6px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.ticks{list-style:none;padding:0;margin:25px 0 0}.ticks li{position:relative;padding-left:29px;margin:13px 0;font-weight:700}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}.featureBox{background:var(--navy);color:#fff;border-radius:12px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}.featureBox:after{content:"";position:absolute;right:-70px;bottom:-80px;width:240px;height:240px;border:50px solid rgba(245,122,24,.14);border-radius:50%}.featureBox h3{font-size:25px;margin:0 0 10px}.featureBox p{color:#c5d4df}.miniGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.mini{padding:18px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);border-radius:6px}.mini b{display:block;color:#fff}.mini span{font-size:12px;color:#b9cbd7}
.capGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cap{background:#fff;border:1px solid var(--line);border-radius:7px;padding:25px;min-height:165px}.cap .num{color:var(--orange);font-size:12px;font-weight:900}.cap h3{color:var(--navy);margin:12px 0 7px;font-size:18px}.cap p{color:var(--muted);font-size:13px;margin:0}.industryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.industry{min-height:185px;background:linear-gradient(135deg,#092746,#0d3d64);border-radius:8px;padding:28px;color:#fff;position:relative;overflow:hidden}.industry:after{content:"";position:absolute;right:-55px;bottom:-70px;width:190px;height:190px;border:36px solid rgba(245,122,24,.13);border-radius:50%}.industry h3{font-size:20px;margin:0 0 8px}.industry p{color:#c9d7e1;font-size:13px;max-width:360px}.customerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.customer{background:#fff;border:1px solid var(--line);padding:30px;min-height:140px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:8px}.customer h3{color:var(--navy);margin:0}
.contactBand{background:linear-gradient(100deg,var(--orange),#ff8d27);color:#fff;padding:45px 0}.contactBand .inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contactBand h2{margin:0;font-size:32px}.contactBand p{margin:6px 0 0}.contactBand .btn{background:#fff;color:var(--navy)}
.footer{background:var(--navy2);color:#b9cad6;padding:54px 0 22px}.footGrid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.25fr;gap:38px}.footer h3{color:#fff;margin:0 0 15px;font-size:15px}.footer p,.footer li{font-size:13px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:9px 0}.footer a:hover{color:var(--orange2)}.footerBrand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.footerBrand img{width:155px;height:auto;background:#fff;padding:5px;border-radius:3px}.copy{border-top:1px solid rgba(255,255,255,.11);margin-top:34px;padding-top:17px;font-size:11px;display:flex;justify-content:space-between;gap:20px}
.pageHero{background:linear-gradient(135deg,#f4f8fb,#fff);padding:64px 0;border-bottom:1px solid var(--line)}.pageHero h1{font-size:50px;line-height:1.04;color:var(--navy);margin:8px 0 15px;max-width:900px;letter-spacing:-1px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:12px}.breadcrumb a{color:var(--navy);font-weight:800}.lead{color:var(--muted);font-size:17px;max-width:800px}.productDetail{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.productDetail>img{width:100%;height:430px;object-fit:contain;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:18px}.techTable{width:100%;border-collapse:collapse;margin-top:22px;font-size:13px}.techTable th,.techTable td{border:1px solid var(--line);padding:11px;text-align:left}.techTable th{background:var(--bg);color:var(--navy)}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formGrid input,.formGrid textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:4px;font:inherit;outline:none}.formGrid input:focus,.formGrid textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,122,24,.1)}.formGrid textarea{min-height:150px}.full{grid-column:1/-1}.box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px;box-shadow:0 8px 25px rgba(7,29,54,.05)}
@media(max-width:1080px){.links{gap:16px}.productGrid{grid-template-columns:repeat(3,1fr)}.fastenerGallery{grid-template-columns:repeat(3,1fr)}.capGrid{grid-template-columns:repeat(2,1fr)}.footGrid{grid-template-columns:1.3fr 1fr 1fr}.heroGrid{grid-template-columns:1fr .9fr}.component{opacity:.9}}
@media(max-width:820px){.topbar{padding:7px 0}.topbar .right{display:none}.nav{min-height:74px}.brand img{height:54px}.links{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:10px 4%;box-shadow:0 14px 25px rgba(7,29,54,.12);flex-direction:column;align-items:stretch;gap:0}.links.open{display:flex}.links a{padding:14px 0}.links a:not(.navCta):after{display:none}.navCta{text-align:center}.menu{display:block}.hero{min-height:700px}.heroGrid{display:block;padding-top:68px}.heroVisual{height:390px;min-height:390px}.heroStrip{position:relative}.heroStats{grid-template-columns:repeat(2,1fr)}.heroStat:nth-child(2){border-right:0}.productGrid{grid-template-columns:repeat(2,1fr)}.fastenerGallery{grid-template-columns:repeat(2,1fr)}.split,.productDetail{grid-template-columns:1fr}.industryGrid,.customerGrid{grid-template-columns:1fr}.footGrid{grid-template-columns:1fr 1fr}.contactBand .inner{display:block}.contactBand .btn{margin-top:18px}.pageHero h1{font-size:42px}}
@media(max-width:560px){.topbar span{margin-right:0}.hero h1{font-size:42px}.hero p{font-size:16px}.heroVisual{height:340px}.component{width:140px;height:115px}.c1{width:190px;height:140px;right:0;top:40px}.c2{left:0;top:35px}.c3{right:35px;bottom:15px}.c4{left:30px;bottom:5px}.heroStats{grid-template-columns:1fr}.heroStat{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.section{padding:58px 0}.sectionHead h2,.split h2{font-size:33px}.productGrid,.fastenerGallery,.capGrid,.formGrid,.footGrid{grid-template-columns:1fr}.pageHero{padding:48px 0}.pageHero h1{font-size:36px}.copy{display:block}.copy span{display:block;margin-top:8px}}
.brandGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-top:25px}.brandChip{min-height:66px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);font-weight:900;font-size:13px;box-shadow:0 5px 18px rgba(7,29,54,.04)}.brandChip:hover{border-color:var(--orange);transform:translateY(-2px);transition:.2s}.brandsSection{background:#f6f9fb}
@media(max-width:1080px){.brandGrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.brandGrid{grid-template-columns:repeat(2,1fr)}}

.product > img{width:100%;height:220px;object-fit:contain;background:#fff;display:block}.product img{max-width:100%}

/* Enquiry form */
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formLabel{display:block;font-size:13px;font-weight:700;color:var(--navy)}.formLabel input,.formLabel select,.formLabel textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#182b45;font:inherit;box-sizing:border-box}.formLabel textarea{resize:vertical;min-height:140px}.formLabel input:focus,.formLabel select:focus,.formLabel textarea:focus{outline:3px solid rgba(245,111,18,.15);border-color:var(--orange)}.formStatus{margin:0;font-weight:700;min-height:20px}.formStatus.success{color:#16734a}.formStatus.error{color:#b42318}.honeypot{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.formLabel.full,.formGrid>.full{grid-column:1/-1}@media(max-width:700px){.formGrid{grid-template-columns:1fr}.formLabel.full,.formGrid>.full{grid-column:auto}}