:root{--navy:#061b35;--blue:#0d4e88;--orange:#f5a623;--cream:#f6f7f5;--ink:#172433}*{box-sizing:border-box}body{margin:0;font:16px/1.65 Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#fff;position:sticky;top:0;z-index:5;box-shadow:0 1px 12px #061b3512}.brand{font-size:26px;color:var(--navy);display:flex;align-items:center;gap:8px}.brand b{font-weight:800}.compass{font-size:35px;color:var(--orange);text-shadow:0 0 0 var(--navy)}nav{display:flex;gap:27px;align-items:center;font-size:14px;font-weight:bold}nav a:hover{color:var(--blue)}.nav-rfq,.button{display:inline-block;background:var(--orange);color:var(--navy);font-weight:bold;padding:12px 20px;border:0;cursor:pointer}.menu-button{display:none;border:0;background:transparent;font-size:23px}.hero{min-height:580px;background-size:cover;background-position:center;display:grid;align-items:center;padding:8vw;color:#fff}.hero>div{max-width:630px}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;color:var(--orange);margin:0 0 12px}.hero h1,.page-hero h1,.detail h1{font-size:clamp(39px,6vw,70px);line-height:1.05;margin:0 0 22px}.hero em{font-style:normal;color:var(--orange)}.hero p:not(.eyebrow){font-size:20px;max-width:560px}.button-outline{background:transparent;border:1px solid #fff;color:#fff;margin-left:10px}.section{padding:78px 7%;max-width:1440px;margin:auto}.section h2{font-size:34px;line-height:1.2;margin:0 0 28px}.grid{display:grid;gap:24px}.categories{grid-template-columns:repeat(4,1fr)}.card{border:1px solid #e9edf1;padding:0 20px 25px;transition:.2s}.card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #061b3520}.card-image,.product-image,.detail-image{height:145px;background:#e8edf0 center/cover no-repeat;margin:0 -20px 20px}.card h3,.product-card h3{font-size:20px;margin:0 0 8px}.card p{font-size:14px;min-height:68px}.card span,.product-card span{font-size:13px;font-weight:bold;color:var(--blue)}.dark-band{max-width:none;background:var(--navy);color:#fff;text-align:center}.dark-band p:not(.eyebrow){max-width:650px;margin:0 auto 25px}.products{grid-template-columns:repeat(3,1fr)}.product-card{border:1px solid #e9edf1;padding:0 20px 24px}.product-image{height:190px;background-size:contain;background-position:center;background-repeat:no-repeat}.product-card small{color:var(--blue);font-weight:bold}.page-hero{padding:70px 7%;background:var(--cream);text-align:center}.page-hero h1{font-size:48px}.product-layout{display:grid;grid-template-columns:230px 1fr;gap:40px}.product-layout aside{display:flex;flex-direction:column;gap:4px}.product-layout aside a{padding:10px 0;border-bottom:1px solid #e5e9ed}.product-layout aside .active{font-weight:bold;color:var(--blue)}.detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.detail-image{height:420px;margin:0;background-color:#e8edf0}.lead{font-size:20px}.specs{background:var(--cream);max-width:none}.form-section{max-width:850px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{font-size:14px;font-weight:bold}.form-grid input,.form-grid textarea,.form-grid select{display:block;width:100%;margin-top:6px;border:1px solid #cfd7df;padding:12px;font:inherit}.full{grid-column:1/-1}.success{padding:35px;background:#edf8ef;border-left:4px solid #3d9b50}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-callout{background:var(--navy);color:#fff;padding:40px}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:4;background:#25d366;color:#fff;padding:12px 18px;border-radius:40px;font-weight:bold;box-shadow:0 4px 15px #0004}footer{background:#041426;color:#c9d4e0;padding:55px 7%;text-align:center}footer a{color:#fff}.footer-brand{font-size:25px;color:#fff}footer small{display:block;margin-top:30px;color:#7990a6}@media(max-width:800px){.site-header{height:65px;padding:0 5%}.menu-button{display:block}nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;box-shadow:0 8px 10px #0002}nav.open{display:flex}.hero{min-height:560px;padding:12vw 7%}.categories,.products,.detail,.contact-grid,.product-layout{grid-template-columns:1fr}.card-image{height:120px}.product-layout aside{display:none}.form-grid{grid-template-columns:1fr}.page-hero h1{font-size:39px}.detail{gap:30px}.detail-image{height:290px}.button-outline{margin-top:10px;margin-left:0}}
