:root{
  --navy:#071d31;--navy2:#0c2c49;--blue:#0879be;--cyan:#15a7dc;
  --ink:#132536;--muted:#66798b;--line:#dce5eb;--pale:#f3f7f9;
  --orange:#f58220;--white:#fff;--green:#1d9c6d
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--ink);background:white}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:1180px;margin:auto}
.utility{height:36px;background:#061525;color:#bed0df;font-size:12px}.utility .container{height:100%;display:flex;align-items:center;justify-content:space-between}
.utility .right{display:flex;gap:24px}.nav{height:82px;background:#fff;border-bottom:1px solid #e5ebef;position:relative;z-index:3}.nav .container{height:100%;display:flex;align-items:center}
.logo{display:flex;align-items:center;gap:12px;width:295px}.logo-mark{width:42px;height:42px;border-radius:4px;background:linear-gradient(135deg,var(--blue),#00395e);position:relative}
.logo-mark:before,.logo-mark:after{content:"";position:absolute;border:3px solid white;border-radius:50%;left:9px;top:8px;width:19px;height:19px}.logo-mark:after{left:16px;top:15px;width:11px;height:11px}
.logo strong{font-size:21px;letter-spacing:.5px;color:#0b2941}.logo small{display:block;font-size:9px;letter-spacing:2.2px;color:#738597;margin-top:4px}
.menu{display:flex;gap:30px;align-items:center;height:100%;font-size:14px;font-weight:700}.menu a.active{color:var(--blue)}.menu a:after{content:"";display:block;height:2px;background:var(--blue);width:0;margin-top:7px}.menu a.active:after{width:100%}
.nav .quote{margin-left:auto;padding:14px 21px;background:var(--orange);color:white;font-weight:700;font-size:13px;border-radius:3px}
.hero{height:650px;color:white;position:relative;overflow:hidden;background:#09253d}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,34,.96) 0%,rgba(4,31,51,.84) 46%,rgba(4,31,51,.17) 78%),url("assets/factory-hero.jpg") center/cover no-repeat}
.hero .container{position:relative;height:100%;display:flex;align-items:center}.hero-copy{width:650px;margin-top:-12px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2.8px;color:#58c5ee;font-weight:700;margin-bottom:22px}
.hero h1{font-size:58px;line-height:1.08;margin:0 0 22px;letter-spacing:-1.4px}.hero p{font-size:18px;line-height:1.7;color:#d5e3ed;width:590px;margin:0 0 31px}
.actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 23px;border-radius:3px;font-size:13px;font-weight:800;letter-spacing:.3px}.btn.primary{background:var(--orange);color:#fff}.btn.secondary{border:1px solid #8ea8ba;color:#fff}
.hero-proof{position:absolute;bottom:0;left:0;right:0;height:94px;background:rgba(4,22,37,.86);border-top:1px solid rgba(255,255,255,.14)}.hero-proof .container{display:grid;grid-template-columns:repeat(4,1fr);height:100%}
.proof{display:flex;align-items:center;gap:13px;border-right:1px solid rgba(255,255,255,.13);padding-left:28px}.proof:first-child{padding-left:0}.proof b{font-size:24px;color:#fff}.proof span{font-size:11px;line-height:1.4;color:#a9bdcc;text-transform:uppercase;letter-spacing:.7px}
.section{padding:86px 0}.section.pale{background:var(--pale)}.section.dark{background:var(--navy);color:white}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}
.section-head .label{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.section-head h2{font-size:38px;line-height:1.16;margin:0;color:#0b2237}.section.dark .section-head h2{color:white}
.section-head p{width:455px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.category-card{background:#fff;border:1px solid var(--line);position:relative;min-height:370px;overflow:hidden;transition:.2s}.category-card .photo{height:240px;padding:14px;background:#fff;overflow:hidden}.category-card .photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.category-card .body{padding:18px 20px;border-top:1px solid #e5ebef}.category-card h3{margin:0 0 8px;font-size:18px}.category-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.category-card .arrow{position:absolute;right:18px;bottom:25px;color:var(--blue);font-weight:bold}
.solution-grid{display:grid;grid-template-columns:1.32fr 1fr 1fr;grid-template-rows:235px 235px;gap:14px}.solution{position:relative;overflow:hidden;color:white;background:#0d304b}.solution:first-child{grid-row:1/3}.solution img{width:100%;height:100%;object-fit:cover;opacity:.75}.solution:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,23,38,.9),rgba(3,23,38,.06) 65%)}
.solution .caption{position:absolute;z-index:2;left:25px;bottom:23px}.solution h3{margin:0 0 7px;font-size:20px}.solution p{margin:0;color:#d8e6ee;font-size:12px}
.quality-wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center}.quality-image{height:480px;position:relative}.quality-image img{width:100%;height:100%;object-fit:cover}.quality-badge{position:absolute;right:-24px;bottom:30px;background:var(--blue);color:#fff;padding:24px;width:205px}.quality-badge b{font-size:28px;display:block;margin-bottom:6px}.quality-badge span{font-size:11px;line-height:1.45;color:#d9f1fb}
.quality-copy .eyebrow{color:var(--blue);margin-bottom:14px}.quality-copy h2{font-size:39px;line-height:1.18;margin:0 0 20px}.quality-copy>p{color:var(--muted);font-size:15px;line-height:1.8}
.checklist{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0 28px}.check{font-size:13px;font-weight:700;padding-left:25px;position:relative}.check:before{content:"✓";position:absolute;left:0;color:var(--green)}
.cert-wrap{display:grid;grid-template-columns:500px 1fr;gap:60px;align-items:center}.cert-gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;height:430px}.cert-gallery .cert-main,.cert-gallery .cert-side{background:#fff;border:1px solid var(--line);padding:14px}.cert-gallery img{width:100%;height:100%;object-fit:cover}.cert-gallery .cert-main img{object-position:center}.cert-gallery .cert-side img{object-position:center}
.cert-copy .eyebrow{color:var(--blue);margin-bottom:14px}.cert-copy h2{font-size:39px;line-height:1.18;margin:0 0 18px}.cert-copy>p{color:var(--muted);font-size:14px;line-height:1.75;margin-bottom:24px}.cert-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cert-item{background:#fff;border:1px solid var(--line);padding:16px 16px 15px;display:flex;gap:12px;align-items:center}.cert-icon{width:38px;height:38px;border-radius:50%;background:#eaf6fb;color:var(--blue);font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}.cert-item b{font-size:13px;display:block;margin-bottom:4px}.cert-item span{font-size:10px;color:var(--muted)}.cert-note{font-size:10px!important;color:#7b8a96!important;margin:17px 0 0!important}
.credentials-head{text-align:center;max-width:760px;margin:0 auto 37px}.credentials-head .eyebrow{color:var(--blue);margin-bottom:12px}.credentials-head h2{font-size:39px;line-height:1.15;margin:0 0 14px}.credentials-head p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.credentials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.credential-card{background:#fff;border:1px solid var(--line);min-height:500px;display:flex;flex-direction:column}.credential-photo{height:255px;padding:16px;border-bottom:1px solid var(--line);background:#fff}.credential-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.credential-body{padding:23px;display:flex;flex-direction:column;flex:1}.credential-no{font-size:10px;font-weight:800;color:var(--blue);letter-spacing:1.6px;margin-bottom:9px}.credential-body h3{font-size:21px;margin:0 0 10px}.credential-body p{font-size:12px;color:var(--muted);line-height:1.65;margin:0 0 17px}.credential-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.credential-link{margin-top:auto;color:var(--blue);font-size:11px;font-weight:800;display:flex;justify-content:space-between}.report-preview{height:255px;padding:21px;background:#eaf0f4;border-bottom:1px solid var(--line);display:grid;gap:9px}.report-sheet{background:white;border:1px solid #cfdbe2;padding:13px 14px;box-shadow:0 3px 9px rgba(20,46,65,.08);display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.report-sheet i{width:35px;height:35px;background:#eaf6fb;color:var(--blue);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:900}.report-sheet b{font-size:10px;display:block;margin-bottom:3px}.report-sheet span{font-size:8px;color:#81909c}.report-sheet em{font-size:9px;color:var(--green);font-style:normal;font-weight:800}.credentials-foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:17px 20px;background:#e8f2f6;border-left:3px solid var(--blue);font-size:11px;color:#4f6677}.credentials-foot b{color:var(--ink)}
.rfq{padding:75px 0;background:linear-gradient(100deg,#05223a,#0b4972);color:white}.rfq .container{display:grid;grid-template-columns:1fr 520px;gap:70px;align-items:center}.rfq h2{font-size:38px;line-height:1.16;margin:0 0 17px}.rfq p{color:#c7dbe8;line-height:1.7;font-size:14px}.rfq-points{display:flex;gap:28px;margin-top:25px;color:#fff;font-size:12px;font-weight:700}
.form{background:#fff;padding:28px;color:var(--ink);box-shadow:0 16px 45px rgba(0,0,0,.25)}.form h3{font-size:20px;margin:0 0 18px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{border:1px solid #d6e0e6;padding:12px 13px;margin-bottom:12px;color:#8291a0;font-size:12px;height:42px}.field.large{height:72px}.form .submit{background:var(--orange);color:white;text-align:center;padding:14px;font-weight:800;font-size:13px}
.footer{background:#061525;color:#9eb1bf;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.25fr;gap:45px}.footer h4{color:#fff;margin:0 0 17px;font-size:14px}.footer p,.footer li{font-size:12px;line-height:1.8}.footer ul{list-style:none;padding:0;margin:0}.copyright{border-top:1px solid #173044;margin-top:36px;padding-top:20px;font-size:10px;display:flex;justify-content:space-between}
/* inner pages */
.page-hero{height:270px;background:linear-gradient(90deg,rgba(4,27,45,.96),rgba(4,27,45,.62)),url("assets/valve-lineup.jpg") center 57%/cover;color:white}.page-hero .container{height:100%;display:flex;align-items:center}.page-hero h1{font-size:42px;margin:0 0 12px}.page-hero p{color:#c7d9e5;font-size:14px}.crumb{font-size:11px;color:#7fc5e8;margin-bottom:21px}
.catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:30px}.sidebar{border:1px solid var(--line);align-self:start}.sidebar h3{margin:0;background:var(--navy2);color:white;padding:18px;font-size:15px}.side-item{padding:15px 17px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;display:flex;justify-content:space-between}.side-item.active{color:var(--blue);border-left:3px solid var(--blue);padding-left:14px;background:#f6fafc}.filter{background:var(--pale);padding:17px;margin-bottom:22px;display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:10px}.select{background:white;border:1px solid var(--line);padding:12px;color:#728392;font-size:11px}.filter button{border:0;background:var(--blue);color:white;font-weight:700;padding:0 20px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product-card{border:1px solid var(--line);background:white}.product-card .pic{height:210px;padding:20px}.product-card .pic img{height:100%;width:100%;object-fit:cover;object-position:center top}.product-card .info{padding:17px;border-top:1px solid var(--line)}.product-card h3{font-size:15px;margin:0 0 7px}.product-card p{font-size:11px;color:var(--muted);margin:0 0 14px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:#eef5f8;color:#4d6577;padding:5px 7px;font-size:9px;font-weight:700}.mini-link{display:flex;justify-content:space-between;margin-top:15px;color:var(--blue);font-size:11px;font-weight:800}
.pdp-top{display:grid;grid-template-columns:540px 1fr;gap:55px}.product-visual{border:1px solid var(--line);height:500px;padding:28px;display:flex;align-items:center;justify-content:center}.product-visual img{height:100%;width:100%;object-fit:cover;object-position:center}.thumbs{display:flex;gap:10px;margin-top:11px}.thumb{width:75px;height:63px;border:1px solid var(--line);padding:5px}.thumb img{width:100%;height:100%;object-fit:cover}
.pdp-title .code{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:1px}.pdp-title h1{font-size:35px;line-height:1.2;margin:9px 0 15px}.pdp-title .lead{font-size:14px;line-height:1.7;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:20px}
.specs{display:grid;grid-template-columns:1fr 1fr;margin:20px 0}.spec{padding:10px 0;border-bottom:1px solid #e4ebef;font-size:11px}.spec b{display:block;color:#80909d;font-size:9px;text-transform:uppercase;margin-bottom:5px}.pdp-actions{display:flex;gap:10px}.pdp-actions .btn.secondary{border-color:var(--line);color:var(--ink)}
.tabs{display:flex;border-bottom:1px solid var(--line);margin-top:65px}.tab{padding:15px 23px;font-size:12px;font-weight:800}.tab.active{color:var(--blue);border-bottom:3px solid var(--blue)}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;padding-top:35px}.detail-grid h3{font-size:22px;margin-top:0}.detail-grid p{font-size:13px;color:var(--muted);line-height:1.8}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{background:var(--navy2);color:white;padding:11px;text-align:left}.data-table td{border:1px solid var(--line);padding:11px}.download{border:1px solid var(--line);padding:17px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex;justify-content:space-between}.sticky-rfq{background:var(--pale);padding:23px;margin-top:20px}.sticky-rfq h4{margin:0 0 12px}.sticky-rfq .field{background:white}.sticky-rfq .submit{background:var(--orange);color:#fff;text-align:center;padding:13px;font-size:11px;font-weight:800}