body{font-family:Georgia,serif;margin:0;background:#eef2f5;color:#1d2733;line-height:1.7}
.site-header{background:#12263a;color:#fff;padding:0}
.site-header a{color:#fff;text-decoration:none}
.brandbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 24px 10px}
.brand{font-size:26px;font-weight:bold;letter-spacing:1px}
.brand-sub{font-size:14px;color:#b9c9d6;margin-top:2px}
.brand-cta{display:inline-block;background:#2f5d7c;color:#fff !important;padding:11px 22px;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:15px;border-radius:3px;box-shadow:0 2px 6px rgba(18,38,58,.25)}
.brand-cta:hover{background:#5b8aa5;color:#fff}
.main-nav{display:flex;gap:22px;padding:11px 24px 10px;flex-wrap:wrap;border-top:1px solid #2f5d7c;font-family:Arial,Helvetica,sans-serif}
.nav-link{color:#fff;font-size:16px;font-weight:700;white-space:nowrap}
.nav-link:hover{color:#b9c9d6;text-decoration:underline}
.hero{padding:28px 24px 22px;background:#dbe6ec;border-bottom:3px solid #2f5d7c}
.hero-title{font-size:34px;margin:0 0 10px;line-height:1.15}
.hero-intro{font-size:18px;margin:0;max-width:840px;line-height:1.6}
.piperings{display:flex;height:18px;margin:0}
.piperings span{display:block}
.piperings .r-erw{background:#12263a}
.piperings .r-ssaw{background:#2f5d7c}
.piperings .r-lsaw{background:#5b8aa5}
.piperings .r-seam{background:#8fb0c2}
.piperings .r-scaf{background:#c2d3dc}
.piperings .r-hollow{background:#e3ebef}
.pipe-home .r-erw{flex:1}.pipe-home .r-ssaw{flex:1}.pipe-home .r-lsaw{flex:1}.pipe-home .r-seam{flex:1}.pipe-home .r-scaf{flex:1}.pipe-home .r-hollow{flex:1}
.pipe-erw .r-erw{flex:3}.pipe-erw .r-ssaw{flex:1}.pipe-erw .r-lsaw{flex:1}.pipe-erw .r-seam{flex:1}.pipe-erw .r-scaf{flex:1}.pipe-erw .r-hollow{flex:1}
.pipe-ssaw .r-erw{flex:1}.pipe-ssaw .r-ssaw{flex:3}.pipe-ssaw .r-lsaw{flex:1}.pipe-ssaw .r-seam{flex:1}.pipe-ssaw .r-scaf{flex:1}.pipe-ssaw .r-hollow{flex:1}
.pipe-lsaw .r-erw{flex:1}.pipe-lsaw .r-ssaw{flex:1}.pipe-lsaw .r-lsaw{flex:3}.pipe-lsaw .r-seam{flex:1}.pipe-lsaw .r-scaf{flex:1}.pipe-lsaw .r-hollow{flex:1}
.pipe-seam .r-erw{flex:1}.pipe-seam .r-ssaw{flex:1}.pipe-seam .r-lsaw{flex:1}.pipe-seam .r-seam{flex:3}.pipe-seam .r-scaf{flex:1}.pipe-seam .r-hollow{flex:1}
.pipe-scaf .r-erw{flex:1}.pipe-scaf .r-ssaw{flex:1}.pipe-scaf .r-seam{flex:1}.pipe-scaf .r-scaf{flex:3}.pipe-scaf .r-hollow{flex:1}
.pipe-hollow .r-erw{flex:1}.pipe-hollow .r-ssaw{flex:1}.pipe-hollow .r-lsaw{flex:1}.pipe-hollow .r-seam{flex:1}.pipe-hollow .r-scaf{flex:1}.pipe-hollow .r-hollow{flex:3}
.pipe-guide .r-erw{flex:1}.pipe-guide .r-ssaw{flex:1}.pipe-guide .r-lsaw{flex:1}.pipe-guide .r-seam{flex:1}.pipe-guide .r-scaf{flex:1}.pipe-guide .r-hollow{flex:1}
.at-a-glance{background:#fff;border-left:6px solid #2f5d7c;padding:16px 20px;margin:20px 24px}
.glance-text{margin:0}
.main-wrap{max-width:860px;margin:0 auto;padding:28px 24px 40px}
.section{margin-bottom:8px}
.section-title{font-size:26px;margin-top:44px;line-height:1.25}
.main-wrap section:nth-of-type(odd) .section-title{border-left:6px solid #2f5d7c;padding-left:12px}
.main-wrap section:nth-of-type(odd) .section-title::after{content:"";display:block;height:3px;width:64px;background:#2f5d7c;margin-top:10px}
.main-wrap section:nth-of-type(even) .section-title{border-left:0;background:#12263a;color:#fff;padding:12px 16px}
.section-title + .body-text{font-size:18px}
.body-text{margin:0 0 1.15em;font-size:17px;line-height:1.85}
.card{background:#fff;border:1px solid #c8d3da;border-top:4px solid #12263a;padding:18px;box-shadow:0 1px 4px rgba(18,38,58,.06)}
.card:nth-child(2n){background:#e6edf1}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:24px 0}
.card-title{font-size:20px;margin:0 0 8px}
.card-text{margin:8px 0;font-size:15px;line-height:1.7}
.cta{background:#12263a;color:#fff;padding:28px;margin:34px 0}
.cta-title{font-size:22px;font-weight:bold;margin:0 0 8px}
.cta-text{margin:8px 0}
.cta-link{color:#fff;font-weight:bold}
.related{margin:28px 0;padding:14px 18px;background:#dbe6ec}
.related-link{margin-right:14px}
.site-footer{background:#12263a;color:#fff;padding:34px 24px;border-top:4px solid #2f5d7c;font-family:Arial,Helvetica,sans-serif;font-size:14px}
.site-footer a{color:#fff}
.footer-brand{margin:0 0 12px}
.footer-nav{margin:12px 0;display:flex;flex-wrap:wrap;gap:12px}
.footer-link{margin-right:0}
.inquiry-form{margin:24px 0;max-width:640px;background:#fff;border:1px solid #c8d3da;padding:22px}
.form-label{display:block;margin:14px 0 4px;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.form-input{width:100%;padding:10px;box-sizing:border-box;border:1px solid #999;font-size:16px}
textarea.form-input{min-height:140px}
.form-button{background:#2f5d7c;color:#fff;border:0;padding:13px 26px;font-size:16px;font-weight:bold;cursor:pointer}
.blog-list{margin:20px 0}
.blog-item{margin:14px 0}
.note{background:#fff;padding:14px 18px;border:1px solid #c8d3da;border-left:4px solid #12263a}
.lead{font-size:18px}
@media(max-width:640px){
.brandbar{padding:10px 4vw 6px}
.brand{font-size:24px}
.brand-cta{padding:8px 14px;font-size:14px}
.main-nav{flex-wrap:nowrap;overflow-x:auto;padding:7px 4vw;gap:16px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,#000 88%,transparent 100%)}
.main-nav::-webkit-scrollbar{display:none}
.hero{padding:16px 4vw 12px}.hero-title{font-size:26px}.hero-intro{font-size:16px;line-height:1.55}
.at-a-glance{margin:20px 4vw}
.main-wrap{padding:20px 4vw 10px}
.section-title{font-size:23px;margin-top:34px}
.body-text{font-size:16px}
.card-grid{grid-template-columns:1fr}
.site-footer{padding:24px 4vw}
}