:root{--dark:#1d1e20;--navy:#092e45;--ink:#0d141a;--teal:#a8dadc;--blue:rgba(70,124,158,.63);--ft:#1f305e}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;color:#1d1e20;background:#fff;line-height:1.5;font-size:16px}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3,h4,h5{font-family:'Outfit',sans-serif;font-weight:600;line-height:1.2}
.site-header{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.hdr{display:flex;align-items:center;height:119px;padding:0 20px 0 36px;max-width:1920px;margin:0 auto;gap:24px}
.logo img{width:258px;height:97px;object-fit:contain}
.main-nav{display:flex;gap:32px;margin-left:80px}
.main-nav a{text-decoration:none;color:var(--ink);font-size:18px;padding:2px 0;border-bottom:1px solid transparent}
.main-nav a:hover,.main-nav a.active{border-bottom-color:var(--ink)}
.brochure{margin-left:auto;background:#000;color:#fff;text-decoration:none;border-radius:999px;font-size:18px;padding:13px 0;width:192px;text-align:center}
.brochure:hover{background:#333}
.m-only{display:none}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;margin-left:auto}
.nav-toggle span{display:block;width:26px;height:3px;background:#000;margin:5px 0}
.btn{display:inline-block;border-radius:28px;padding:15px 0;width:194px;text-align:center;font-size:16px;font-weight:500;text-decoration:none;border:1px solid transparent}
.btn.out{color:#fff;border-color:#fff}.btn.out:hover{background:#fff;color:var(--dark)}
.btn.out.dk{color:var(--ink);border-color:var(--ink)}.btn.out.dk:hover{background:var(--ink);color:#fff}
.btn.white{background:#fff;color:#000;width:auto;padding:18px 28px;font-size:16px}
.btn.navy{background:var(--navy);color:#fff;border-radius:999px;width:auto;padding:18px 34px;font-size:22px;font-weight:400}
.btn.navy:hover{background:#0c4468}
.dark{background:var(--dark);color:#fff}
.blue{background:var(--blue)}
.lead{font-size:16px;text-align:center;max-width:520px;margin:0 auto}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px;max-width:1224px;margin:0 auto}
/* home */
.hero{min-height:738px;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 20px}
.hero-in{max-width:1224px}.hero h1{font-size:72px;margin-bottom:46px}
.hero .sub{font-size:18px;font-weight:600;margin-bottom:60px}
.trust{padding:128px 20px 56px}.trust-in{max-width:1224px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:160px;align-items:center}
.trust h3{font-size:48px;margin-bottom:22px}.trust p{text-align:justify;margin-bottom:38px;max-width:503px}
.tr{position:relative;justify-self:end;width:100%;max-width:524px}.tr>img{width:100%;height:520px;object-fit:cover;border-radius:20px}
.stat{position:absolute;left:26px;bottom:36px;background:rgba(70,124,158,.95);color:#fff;padding:26px 20px 18px;width:220px}
.stat h3{font-size:64px;margin:0 0 6px}.stat p{font-size:18px;margin:0}
.iso{padding:100px 20px}.iso-in{max-width:554px;margin:0 auto}.isot{font-size:32px;margin-bottom:28px}.iso p{font-size:18px}
.why{background:var(--teal);padding:80px 20px 48px;text-align:center}.why h3{font-size:48px;margin-bottom:18px}
.why .lead{color:#000;max-width:514px}
.why-in{max-width:1224px;margin:60px auto 0;display:grid;grid-template-columns:624px 1fr;gap:16px;align-items:center;padding:0 0 0 85px}
.why-in>img{width:624px;height:450px;object-fit:cover;border-radius:20px}
.wl{text-align:left;padding-left:12px;max-width:451px}.wi{margin-bottom:22px}.wi h4{font-size:17px;font-weight:600;margin-bottom:6px}.wi p{color:#000;font-size:16px}
.calp{padding:60px 20px}.calp-in{max-width:1224px;margin:0 auto;display:grid;grid-template-columns:1fr 447px;gap:60px;align-items:center}
.calp h3{font-size:32px;font-weight:600}.calp img{width:447px;height:270px;object-fit:cover}
.ms{padding:80px 20px 80px;text-align:center}.ms h1{font-size:64px;margin-bottom:18px}.ms .lead{color:#fff;margin-bottom:46px;font-size:16px}
.pc,.pt{display:block;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff 40%,#d8d8d8 100%)}
.pc img{width:100%;aspect-ratio:400/396;object-fit:cover}
.ms .btn.white{margin-top:50px}
/* about */
.abh{background:rgba(70,124,158,.63);padding:58px 20px 62px;text-align:center}.abh-in{max-width:868px;margin:0 auto}
.abh h3{font-size:48px;color:#000;margin-bottom:24px}.abh p{font-size:18px;margin-bottom:38px;text-align:center}
.abh .btn{color:#000;border-color:#000}.abh .btn:hover{background:#000;color:#fff}
.vals{background-size:cover;background-position:center;padding:100px 20px 90px;text-align:center}
.vals h1{font-size:64px;margin-bottom:70px}.vg{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;max-width:1224px;margin:0 auto;text-align:left}
.vg h4{font-size:22px;margin-bottom:12px}.vg p{text-align:justify}
.prov{padding:60px 20px 60px;text-align:center}.prov h1{font-size:64px;margin-bottom:22px}.prov .lead{color:#fff;max-width:483px;margin-bottom:60px}
.vcg{align-items:stretch}.vc{background:#fff;color:#000;text-align:left;overflow:hidden;border-radius:12px 12px 0 0}
.vc img{width:100%;height:304px;object-fit:cover}.vb{padding:26px 24px 30px}.vb h4{font-size:18px;font-weight:600;margin-bottom:18px;padding-left:12px}.vb p{font-size:14px;padding-left:12px}
.pump{padding:60px 20px 90px;text-align:center}.pump h3{font-size:48px;color:#1a1a1a;margin-bottom:34px}
.pump .g3 img{width:100%;aspect-ratio:400/368;object-fit:cover;background:#e5e5e5}
.pump .btn{margin-top:50px}
/* products */
.ph{padding:80px 20px 70px;text-align:center}.ph h1{font-size:48px;margin-bottom:16px}.ph .lead{color:var(--dark);color:#fff;max-width:777px;margin-bottom:48px}
.ph>.lead{margin-top:-4px}
.pg{gap:36px 30px}.pt img{width:100%;aspect-ratio:360/255;object-fit:cover;background:radial-gradient(circle at 50% 40%,#fff 40%,#ddd 100%)}
.pt{background:none;border-radius:0;overflow:visible;text-decoration:none}.pt img{border-radius:20px}
.pt strong{display:block;font-family:'Outfit',sans-serif;font-size:26px;font-weight:700;color:#fff;margin-top:16px;line-height:1.2}
.ph .btn.navy{margin-top:46px;background:var(--navy)}
.pdp .pd{padding:126px 20px 40px}
.pd-in{max-width:1224px;margin:0 auto;display:grid;grid-template-columns:683px 1fr;gap:78px;align-items:start}
.pd-in>img{width:100%;border-radius:20px}
.pd-t h2{font-size:26px;margin:0 0 12px;color:#1d1e20}.pd-t ul{margin:0 0 30px 24px}.pd-t li{margin-bottom:0;line-height:1.5}
.pd-b{text-align:center;padding:20px 0 40px}.pdp .btn.navy{padding:16px 30px}
/* materials */
.mh{padding:58px 20px 70px;text-align:center}.mh h3{font-size:48px;margin-bottom:18px}.mh .lead{font-size:18px;max-width:551px;margin-bottom:60px}
.mg{gap:20px 24px}.mt img{width:100%;aspect-ratio:350/210;object-fit:cover;border-radius:20px}
.mt h5{font-size:18px;font-weight:900;color:var(--ink);margin:16px 0 30px;letter-spacing:.2px}
.mh .btn.navy{margin-top:0}
/* contact */
.ct{padding:86px 20px 80px;min-height:682px}
.ct-in{max-width:1224px;margin:0 auto;display:grid;grid-template-columns:1fr 606px;gap:115px;align-items:center}
.ct h3{font-size:48px;margin-bottom:24px}.ct p{font-size:18px;max-width:503px}
.ct h4{font-size:24px;font-weight:600;font-family:'Inter',sans-serif;margin:22px 0 6px}.ct a{text-decoration:underline}
.cform label{display:block;font-size:20px;color:#fff;margin-bottom:16px}
.cform input,.cform textarea{display:block;width:100%;margin-top:6px;padding:14px 16px;border:0;border-radius:10px;background:#fff;font:inherit;font-size:14px;color:#222}
.cform textarea{height:96px;resize:vertical}
.cform button{background:#000;color:#fff;border:0;border-radius:50px;width:146px;height:56px;font:inherit;font-size:16px;cursor:pointer;margin-top:12px}
.cform button:hover{background:#333}.form-note{font-size:14px;margin-top:10px}
.en{padding:104px 20px 110px}.enf{max-width:606px;margin:0 auto}.enf label{color:#1a1a1a;font-size:16px;margin-bottom:20px}
.enf input,.enf textarea{border-radius:0;background:#f0f0f0;padding:14px 16px;height:48px}.enf textarea{height:96px}
.enf button{display:block;margin:30px auto 0;background:var(--navy);width:133px;height:51px;border-radius:999px}
/* footer */
.site-footer{background:var(--ft)}
.fgrid{max-width:1265px;margin:0 auto;display:grid;grid-template-columns:350px 150px 300px 377px;gap:0 40px;padding:56px 20px 24px;align-items:start;color:#fff;justify-content:space-between}
.f1 img{width:285px;height:135px;object-fit:contain;margin:0 0 10px -5px}.f1 strong{display:block;font-size:16px;line-height:1.3;max-width:349px;font-weight:700;font-family:'Inter',sans-serif;padding-top:2px}
.f2 h4,.f3 h4,.f4 h4{font-size:20px;font-weight:600;margin-bottom:12px;color:#fff}.f3 h4.gap{margin-top:44px}
.f2 a{display:block;margin-bottom:8px;color:#fff;font-size:16px}.f3 p{font-size:16px;line-height:1.5}.f3 a{color:#fff}
.f4 iframe{width:377px;max-width:100%;height:251px;border:0;background:#f2f3f6;display:block}
.copy{background:#56585e;color:#fff;text-align:center;padding:20px 10px;font-size:18px}.copy a{text-decoration:underline}
@media(max-width:1000px){
 .hdr{height:90px;padding:0 20px}.logo img{width:180px;height:68px}
 .nav-toggle{display:block}.d-only{display:none}.m-only{display:block;margin:6px 0 0;width:192px;color:#fff!important;border:0!important}
 .main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;gap:14px;padding:18px 24px 24px;box-shadow:0 8px 14px rgba(0,0,0,.12);margin:0}
 .main-nav.open{display:flex}.main-nav a{align-self:flex-start}
 .hero h1{font-size:48px}.hero{min-height:560px}
 .trust-in,.calp-in,.ct-in,.pd-in,.why-in{grid-template-columns:1fr;gap:36px}
 .why-in{padding:0}.why-in>img{width:100%;height:auto;aspect-ratio:624/450}.wl{max-width:none;padding:0}
 .calp img{width:100%;max-width:447px;height:auto}.tr{justify-self:center}
 .g3,.vg{grid-template-columns:1fr 1fr}
 .fgrid{grid-template-columns:1fr 1fr;gap:36px}
 .ms h1,.vals h1,.prov h1{font-size:46px}.pdp .pd{padding-top:50px}
}
@media(max-width:640px){
 .g3,.vg,.fgrid{grid-template-columns:1fr}
 .hero h1{font-size:36px}.trust{padding-top:60px}.trust h3,.why h3,.abh h3,.pump h3,.ph h1,.mh h3,.ct h3{font-size:34px}
 .ms h1,.vals h1,.prov h1{font-size:36px}.isot{font-size:24px}.stat h3{font-size:48px}
 .tr>img{height:380px}.btn.navy{font-size:18px}.f4 iframe{width:100%}.copy{font-size:14px}
}