*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1d2733;line-height:1.6;background:#fff}
.demo{background:#ffe9a8;color:#5a4300;text-align:center;font-size:14px;padding:6px 12px}
header{background:#123049;color:#fff}header .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1100px;margin:0 auto;flex-wrap:wrap;gap:10px}
.logo{font-weight:bold;font-size:22px;color:#fff;text-decoration:none}.logo span{color:#f28c28}
nav a{color:#dfe8f1;text-decoration:none;margin-left:18px;font-size:15px}nav a:hover{color:#fff}
.call{background:#f28c28;color:#fff;padding:8px 14px;border-radius:6px;text-decoration:none;font-weight:bold;margin-left:18px}
.hero{background:linear-gradient(rgba(15,42,64,.82),rgba(15,42,64,.72)),url(images/hero-pipes.png) center/cover #0f2a40;color:#fff;padding:90px 20px}.hero .wrap{max-width:1100px;margin:0 auto}
.hero h1,.hero .bigline{font-size:44px;margin:0 0 12px;line-height:1.15}.hero p{font-size:20px;max-width:620px}
.btn{display:inline-block;background:#f28c28;color:#fff;padding:12px 20px;border-radius:6px;text-decoration:none;font-weight:bold;margin-top:10px}
main .wrap{max-width:1100px;margin:0 auto;padding:40px 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{border:1px solid #dde3ea;border-radius:10px;padding:20px}.card h3{margin-top:0}
.price{color:#c0650c;font-weight:bold}
footer{background:#0d2234;color:#b8c6d4;font-size:14px}footer .wrap{max-width:1100px;margin:0 auto;padding:30px 20px}footer a{color:#dfe8f1}
.styled-heading{font-size:30px;font-weight:bold;margin:30px 0 10px}
table{border-collapse:collapse}td{padding:4px 14px 4px 0}