:root{--navy:#082b58;--deep:#051d3d;--yellow:#f7c600;--ink:#1b2a40;--muted:#657187;--cream:#f7f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white;line-height:1.6}a{color:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.skip{position:absolute;top:-100px;left:15px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}.topbar{background:var(--deep);color:#d6e4f5;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;min-height:37px;gap:10px}.topbar a{color:#fff;text-decoration:none;font-weight:bold}.dot{display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:50%;margin-right:6px}.site-header{background:white;position:relative;z-index:2;border-bottom:1px solid #e9edf3}.nav{display:flex;align-items:center;justify-content:space-between;min-height:85px;gap:15px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand-mark{background:var(--navy);color:#fff;font-weight:900;font-size:28px;letter-spacing:-5px;line-height:1;display:flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:8px;padding-right:5px}.brand-mark span,.large-w span{color:var(--yellow);font-size:.6em;letter-spacing:0}.brand-words{display:flex;flex-direction:column;line-height:1.05;letter-spacing:1px}.brand-words strong{font-size:18px}.brand-words small{font-size:11px;letter-spacing:3.2px;margin-top:4px}.nav nav{display:flex;align-items:center;gap:27px}.nav nav a{text-decoration:none;font-size:14px;font-weight:bold}.nav nav a:hover,.text-link:hover{color:#bd9400}.nav-contact{background:var(--yellow);padding:11px 16px;border-radius:5px;color:var(--navy)!important}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{min-height:545px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:25px}.hero-copy{padding:70px 0}.eyebrow,.kicker{font-weight:800;letter-spacing:2.2px;font-size:12px;color:#c18f00}.eyebrow{color:#f9d84e}.eyebrow-line{display:inline-block;width:22px;height:2px;background:var(--yellow);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(44px,5.2vw,75px);line-height:1.07;letter-spacing:-2.6px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{max-width:525px;color:#d6e1ee;font-size:18px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:15px 23px;border-radius:5px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-yellow{background:var(--yellow);color:var(--navy)}.btn-outline{border:1px solid #8da6c5;color:white}.hero-details{display:flex;gap:20px;flex-wrap:wrap;margin-top:33px;color:#d8e2f1;font-size:12px}.hero-art{min-height:480px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #335581;border-radius:50%;width:490px;height:490px;transform:rotate(22deg)}.orbit-two{width:365px;height:365px;border-color:#54709a}.heat-card{position:relative;background:#f7c600;color:var(--navy);width:min(330px,80%);height:355px;border-radius:14px;transform:rotate(-7deg);box-shadow:24px 24px 0 #021c3c;display:flex;flex-direction:column;justify-content:space-between;padding:25px;z-index:1}.heat-card-top{display:flex;justify-content:space-between;font-weight:900;font-size:13px;letter-spacing:1px}.sun{font-size:27px}.heat-symbol{font-size:125px;text-align:center;line-height:1}.heat-card-bottom{font-weight:900;line-height:1.1;letter-spacing:-1px;font-size:28px}.art-tag{position:absolute;bottom:55px;right:10px;background:white;color:var(--navy);z-index:2;padding:12px 17px;font-size:11px;font-weight:900;letter-spacing:1px;transform:rotate(5deg)}.art-tag span{color:#d3a500}.intro-strip{background:var(--yellow);color:var(--navy)}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}.strip-inner>span:first-child{font-size:11px;font-weight:900;letter-spacing:1.5px}.strip-inner strong{font-size:18px}.spark{font-size:28px}.section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section-heading h2,.about-text h2,.areas-section h2,.contact-panel h2{font-size:clamp(32px,3.4vw,47px);line-height:1.13;letter-spacing:-1.4px;margin:12px 0}.section-heading h2 span,.about-text h2 span,.contact-panel h2 span{color:#c49a00}.section-heading p{max-width:370px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;background:#f7f9fc;border:1px solid #e8edf4;border-radius:9px;padding:29px;min-height:270px;display:flex;flex-direction:column}.service-card:hover{border-color:#d6b53b;box-shadow:0 12px 28px #082b5812}.service-num{position:absolute;right:25px;top:22px;color:#a1aabd;font-size:12px;font-weight:800}.service-icon{font-size:27px;background:#e8eef7;color:var(--navy);border-radius:8px;width:52px;height:52px;display:grid;place-items:center;font-weight:bold}.service-card h3{font-size:20px;margin:19px 0 8px;color:var(--navy)}.service-card p{color:var(--muted);font-size:14px;margin:0 0 23px}.service-card a{margin-top:auto;text-decoration:none;color:var(--navy);font-weight:800;font-size:13px}.service-card a span{margin-left:5px}.service-card.featured{background:var(--navy);color:white}.featured .service-icon{background:#21436f;color:var(--yellow)}.featured h3,.featured a{color:white}.featured p{color:#cbd8e9}.service-note{font-size:12px;color:var(--muted);margin-top:20px}.about-section{background:#f5f7fa;padding:85px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about-graphic{background:#dce6f1;min-height:365px;padding:25px}.about-graphic-frame{height:315px;border:2px solid #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--navy);gap:15px}.large-w{font-size:135px;font-weight:900;letter-spacing:-18px;line-height:1}.about-graphic-frame>span:last-child{font-size:12px;font-weight:900;letter-spacing:3px}.about-text p{color:var(--muted);max-width:530px}.text-link{display:inline-block;margin-top:15px;color:var(--navy);font-weight:900;text-decoration:none}.areas-section{background:var(--navy);color:#fff;padding:85px 0}.areas-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.kicker-light{color:var(--yellow)}.areas-section h2 span{color:var(--yellow)}.areas-section p{color:#d1dfef;max-width:450px;margin-bottom:28px}.area-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.area-list span{border:1px solid #496587;padding:13px 17px;border-radius:5px;font-size:14px}.area-list span:before{content:'↗';color:var(--yellow);margin-right:10px}.contact-section{background:#f7f8fa;padding:85px 0 40px}.contact-panel{background:var(--yellow);padding:45px 55px;display:flex;justify-content:space-between;align-items:center;gap:35px;border-radius:9px}.contact-panel h2{max-width:520px}.contact-panel p{margin:0}.contact-actions{display:flex;flex-direction:column;gap:15px;align-items:center;min-width:230px}.btn-blue{background:var(--navy);color:white;width:100%;text-align:center}.email-link{font-size:14px;font-weight:800;text-decoration:none;color:var(--navy)}.safety-note{padding-top:30px;font-size:13px;color:#526077}.safety-note a{font-weight:bold}footer{background:var(--deep);color:#c7d6e9}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0}.footer-brand{color:#fff}.footer-brand .brand-mark{background:#214875}.footer-inner p{font-size:12px}.footer-inner>a:last-child{font-size:13px;text-decoration:none}@media(max-width:850px){.nav nav{gap:13px}.nav nav a{font-size:12px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:70px 0 20px}.hero-art{min-height:360px}.heat-card{height:290px;width:260px}.heat-symbol{font-size:95px}.heat-card-bottom{font-size:23px}.art-orbit{width:340px;height:340px}.orbit-two{width:270px;height:270px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:30px}.areas-grid{gap:25px}}@media(max-width:600px){.wrap{width:min(100% - 32px,1160px)}.topbar-inner{font-size:10px}.nav{align-items:flex-start;flex-direction:column;padding:16px 0;gap:16px}.nav nav{width:100%;justify-content:space-between;gap:9px;flex-wrap:wrap}.nav nav a{font-size:12px}.nav-contact{padding:7px 9px}.brand-words strong{font-size:16px}.hero h1{letter-spacing:-1.7px}.hero p{font-size:16px}.hero-details{gap:10px}.strip-inner{flex-wrap:wrap}.strip-inner strong{font-size:15px}.spark{display:none}.section{padding:65px 0}.section-heading{display:block}.section-heading p{margin-top:15px}.service-grid{grid-template-columns:1fr}.service-card{min-height:235px}.about-section,.areas-section{padding:60px 0}.about-grid,.areas-grid{grid-template-columns:1fr}.about-graphic{min-height:240px}.about-graphic-frame{height:190px}.large-w{font-size:95px}.contact-section{padding:60px 0 30px}.contact-panel{padding:30px 23px;display:block}.contact-actions{align-items:stretch;margin-top:25px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Official Wire Heating Solutions branding */
.site-header{background:#041a39;border-bottom:1px solid #193e69}
.nav{min-height:100px}
.brand-logo{display:block;width:165px;height:95px;object-fit:contain}
.nav nav a{color:#fff}
.nav nav a:hover{color:var(--yellow)}
.nav nav .nav-contact{color:var(--navy)!important}
.hero-logo{display:block;width:min(100%,480px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.15))}
.hero-art{min-height:440px}
.about-graphic{background:#061c3d}
.about-logo{display:block;width:min(100%,280px);height:auto;object-fit:contain}
.about-graphic-frame{border-color:#365477;color:white}
.footer-brand .brand-logo{width:125px;height:75px}
@media(max-width:600px){.nav{padding:8px 0}.brand-logo{width:140px;height:78px}.hero-art{min-height:270px}.hero-logo{width:min(100%,340px)}}

/* Gas Safe registration information */
.gas-safe-panel{margin-top:28px;padding:24px 28px;border:1px solid #d6e1ee;border-left:5px solid #f7c600;border-radius:12px;background:#f7faff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#082b58}
.gas-safe-panel strong{font-size:1.15rem}.gas-safe-panel p{margin:8px 0 0;line-height:1.65}.gas-safe-panel a{color:#002b66;font-weight:700;text-decoration:underline;text-underline-offset:3px}
