#boiler-preview{--navy:#10214b;--blue:#1646d7;--ink:#17233d;--muted:#58657b;--paper:#f1f5fc}*{box-sizing:border-box}#boiler-preview{scroll-behavior:smooth;scroll-padding-top:28px}#boiler-preview{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}#boiler-preview:before{content:'24-HOUR EMERGENCY CALLOUTS · GREATER LONDON & ESSEX';display:block;background:var(--blue);color:white;text-align:center;padding:11px 16px;font-size:12px;font-weight:700;letter-spacing:1.3px}a{color:inherit}#boiler-preview header{max-width:1200px;margin:auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-weight:800;line-height:1.15;font-size:23px;color:var(--navy)}.brand small{font-size:13px;letter-spacing:2px;text-transform:uppercase}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:14px;font-weight:700}.button{display:inline-block;text-decoration:none;background:var(--blue);color:white;padding:15px 23px;border-radius:6px;font-weight:700;transition:background .15s}.button:hover{background:var(--navy)}.secondary{background:white;color:var(--navy);border:1px solid #ced8eb}.secondary:hover{color:white}.hero{background:linear-gradient(135deg,#f4f7fd,#e9effb);max-width:none;padding:72px max(32px,calc((100vw - 1136px)/2));display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center;border-bottom:1px solid #e0e7f3}.hero img{width:100%;border-radius:18px;box-shadow:0 20px 50px #10214b18}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:800;color:var(--blue)}h1{font-size:clamp(39px,4.8vw,65px);line-height:1.04;letter-spacing:-2.5px;margin:22px 0;color:var(--navy)}h2{font-size:clamp(29px,3vw,42px);line-height:1.15;letter-spacing:-1.2px;margin:15px 0 30px;color:var(--navy)}p{color:var(--muted)}.hero p{max-width:550px;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 20px}.hero .credential{font-size:12px;font-weight:700;color:var(--navy);border-left:3px solid var(--blue);padding-left:13px}section{max-width:1200px;margin:auto;padding:80px 32px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}article{border:1px solid #e0e6f0;border-top:4px solid var(--blue);padding:30px;border-radius:8px;background:white}article>span{display:inline-grid;place-items:center;width:35px;height:35px;background:var(--paper);border-radius:7px;font-size:12px;font-weight:bold;color:var(--blue)}h3{font-size:21px;margin:18px 0 8px;letter-spacing:-.4px}article p{margin:0;font-size:15px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;border-top:1px solid #e0e6f0}.about p:first-child{margin-top:0}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.tags span{background:var(--paper);padding:8px 12px;border-radius:5px;font-size:12px;font-weight:700}.contact{background:var(--navy);color:white;max-width:none;text-align:center;padding:70px 24px}.contact h2{color:white;font-size:clamp(33px,4vw,49px);margin-bottom:20px}.contact .eyebrow{color:#b1c6ff}.contact p{color:#d5dff1;max-width:550px;margin:14px auto 24px}.contact .button{background:white;color:var(--navy);font-size:19px;padding:17px 28px}footer{max-width:1200px;padding:38px 32px;margin:auto;font-size:13px}footer strong{font-size:17px;color:var(--navy)}footer a{font-weight:700;color:var(--blue)}a:focus-visible{outline:3px solid #e69a26;outline-offset:5px}@media(max-width:800px){#boiler-preview header{padding:22px 20px;flex-wrap:wrap}nav{order:3;width:100%;gap:25px}.hero{padding:45px 20px;grid-template-columns:1fr;gap:32px}.hero img{max-width:450px}.grid{grid-template-columns:repeat(2,1fr)}section{padding:52px 20px}.about{grid-template-columns:1fr;gap:0}h1{letter-spacing:-1.7px}.hero p{font-size:17px}}@media(max-width:480px){#boiler-preview:before{font-size:10px;letter-spacing:.7px}.grid{grid-template-columns:1fr}.brand{font-size:19px}#boiler-preview header>.button{padding:11px 13px;font-size:13px}.hero .actions .button{width:100%;text-align:center}.contact .button{font-size:17px}}

#boiler-preview {font-family:Arial,Helvetica,sans-serif;} #boiler-preview .hero{padding:45px 28px;} #boiler-preview section{padding:45px 28px;} #boiler-preview h1{font-size:44px;} #boiler-preview .hero img{max-height:280px;object-fit:contain;} @media(max-width:600px){#boiler-preview .hero{grid-template-columns:1fr;} #boiler-preview h1{font-size:36px;}}
#boiler-preview .brand{display:flex;align-items:center;gap:12px} #boiler-preview .header-logo{width:72px;height:72px;object-fit:contain;border-radius:6px} #boiler-preview .call-panel{background:#10214b;color:white;padding:32px;border-radius:12px;box-shadow:0 18px 40px #10214b20} #boiler-preview .call-panel .eyebrow{color:#afc5ff} #boiler-preview .call-panel h2{color:white;font-size:32px;letter-spacing:-1px;margin:20px 0} #boiler-preview .call-panel p{color:#dce5f8;font-size:15px} #boiler-preview .call-panel .button{background:white;color:#10214b;display:block;text-align:center;font-size:23px;padding:15px 12px} #boiler-preview .call-panel .panel-area{font-size:12px;margin-bottom:0} @media(max-width:480px){#boiler-preview .header-logo{width:52px;height:52px} #boiler-preview header>.button{display:none} #boiler-preview .call-panel{padding:24px}}
#boiler-preview article h3{margin-top:0}
#boiler-preview .gas-credential{display:flex;align-items:center;gap:16px;margin-top:24px} #boiler-preview .gas-credential .gas-safe-logo{width:82px;height:auto;max-height:none;object-fit:contain;border-radius:0;box-shadow:none} #boiler-preview .gas-credential p{font-size:13px;line-height:1.6;color:#10214b;margin:0} #boiler-preview .footer-credential .gas-safe-logo{width:62px} #boiler-preview .footer-credential{margin-top:20px}
#boiler-preview .whatsapp{background:#176b43;color:white;border:0} #boiler-preview .whatsapp:hover{background:#115333} #boiler-preview .contact .contact-whatsapp{background:#176b43;color:white;font-size:16px;margin-top:14px}#boiler-preview .trust-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:20px;background:white;border-bottom:1px solid #dce5f3;color:#10214b;font-size:13px;font-weight:700} #boiler-preview .booking{background:#f1f5fc;max-width:none} #boiler-preview .booking-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px} #boiler-preview .booking-grid i{color:#1646d7} #boiler-preview .booking-grid h3{font-size:19px} #boiler-preview .booking-grid p{font-size:14px} #boiler-preview .coverage{display:flex;align-items:center;justify-content:space-between;gap:25px} #boiler-preview .coverage p{max-width:490px} #boiler-preview .coverage .button{flex-shrink:0} @media(max-width:650px){#boiler-preview .booking-grid{grid-template-columns:1fr;gap:15px} #boiler-preview .coverage{display:block} #boiler-preview .trust-strip{justify-content:flex-start;padding:20px 28px;gap:10px 20px}}
#boiler-preview .work-section{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;border-top:1px solid #dce5f3} #boiler-preview .work-section figure{margin:0} #boiler-preview .job-photo{height:420px;overflow:hidden;border-radius:12px;background:#e5ebf4} #boiler-preview .job-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%} #boiler-preview .work-section figcaption{font-size:12px;color:#58657b;margin-top:10px} @media(max-width:650px){#boiler-preview .work-section{grid-template-columns:1fr} #boiler-preview .job-photo{height:370px}}
body{margin:0} #boiler-preview .job-photo img{object-position:center 35%} @media(min-width:801px){#boiler-preview .hero{padding:70px max(32px,calc((100vw - 1136px)/2));} #boiler-preview h1{font-size:60px}}

/* Business-card-inspired brand treatment */
#boiler-preview{--navy:#24245f;--blue:#c94a3d;--ink:#24245f;--muted:#5d5b67;--paper:#f8f3f0;--blush:#ead7d0}
#boiler-preview:before{background:var(--navy);border-bottom:3px solid var(--blue)}
#boiler-preview header{padding-top:18px;padding-bottom:18px;border-bottom:1px solid #ece5e1}
#boiler-preview .brand{display:block}
#boiler-preview .header-logo{width:168px;height:96px;object-fit:contain;object-position:left center;border-radius:0;box-shadow:none}
#boiler-preview nav a{color:var(--navy);text-transform:uppercase;letter-spacing:.08em;font-size:12px}
#boiler-preview .button{background:var(--blue)}
#boiler-preview .button:hover{background:#a83930}
#boiler-preview .hero{background:linear-gradient(120deg,#fff 0%,#fbf7f5 62%,var(--blush) 100%);position:relative;overflow:hidden}
#boiler-preview .hero:after{content:'';position:absolute;right:-90px;bottom:-150px;width:330px;height:460px;background:var(--blush);opacity:.72;border-radius:55% 45% 52% 48% / 70% 65% 35% 30%;transform:rotate(-12deg);z-index:0}
#boiler-preview .hero>*{position:relative;z-index:1}
#boiler-preview .eyebrow{color:var(--blue)}
#boiler-preview h1,#boiler-preview h2{color:var(--navy)}
#boiler-preview .call-panel{background:var(--navy);border-bottom:5px solid var(--blue)}
#boiler-preview .call-panel .eyebrow{color:#f0b7ad}
#boiler-preview .call-panel .button{background:var(--blue);color:#fff}
#boiler-preview .trust-strip{border-top:3px solid var(--blue);color:var(--navy)}
#boiler-preview article{border-top-color:var(--blue)}
#boiler-preview article:hover{box-shadow:0 12px 30px rgba(36,36,95,.09);transform:translateY(-2px)}
#boiler-preview article{transition:transform .18s ease,box-shadow .18s ease}
#boiler-preview .booking{background:var(--paper)}
#boiler-preview .contact{background:var(--navy);border-top:5px solid var(--blue)}
#boiler-preview footer{border-bottom:8px solid var(--navy);position:relative}
#boiler-preview footer:after{content:'';position:absolute;left:32px;right:32px;bottom:0;height:3px;background:var(--blue)}
#boiler-preview .whatsapp{background:#176b43}
#boiler-preview .whatsapp:hover{background:#115333}
@media(max-width:480px){#boiler-preview .header-logo{width:138px;height:80px}#boiler-preview .hero:after{opacity:.38}}
#boiler-preview .header-contact{display:flex;flex-direction:column;align-items:center;gap:8px}
#boiler-preview .header-email{color:var(--navy);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#boiler-preview .email-contact a{color:#fff;font-weight:700;text-decoration:underline}
@media(max-width:480px){#boiler-preview .header-contact{width:100%;align-items:stretch}#boiler-preview .header-contact .button{text-align:center}#boiler-preview .header-email{text-align:center}}


#boiler-faq-example{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#24245f;padding:42px 28px;border-top:3px solid #c94a3d}
#boiler-faq-example .faq-layout{display:grid;grid-template-columns:1fr 1.55fr;gap:36px;align-items:start}
#boiler-faq-example .eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#b84035}
#boiler-faq-example h2{font-size:34px;line-height:1.1;letter-spacing:-1px;margin:16px 0 20px;color:#24245f}
#boiler-faq-example p{font-size:14px;line-height:1.7;color:#5d5b67;margin:0 0 22px}
#boiler-faq-example a{color:#24245f;font-weight:700;overflow-wrap:anywhere}
#boiler-faq-example details{border-bottom:1px solid #e5dcd7;padding:0 0 4px}
#boiler-faq-example summary{padding:19px 0;font-size:15px;font-weight:700;display:flex;justify-content:space-between;gap:15px;list-style:none}
#boiler-faq-example summary::-webkit-details-marker{display:none}
#boiler-faq-example summary:after{content:'+';color:#b84035;font-size:21px;font-weight:400}
#boiler-faq-example details[open] summary:after{content:'−'}
#boiler-faq-example details p{font-size:14px;margin:0 22px 18px 0}
#boiler-faq-example .email{display:block;font-size:13px;margin-top:12px}
@media(max-width:550px){#boiler-faq-example{padding:30px 20px}#boiler-faq-example .faq-layout{grid-template-columns:1fr;gap:20px}#boiler-faq-example h2{font-size:30px}}

#boiler-preview .call-panel h2,#boiler-preview .contact h2{color:#fff} #boiler-preview .contact .eyebrow{color:#f0b7ad} #boiler-preview .secondary{background:#fff;color:var(--navy);border:1px solid #ded4d1} #boiler-preview .secondary:hover{background:var(--navy);color:#fff} #boiler-preview .whatsapp{background:#176b43;color:#fff;border:0} #boiler-preview .contact .button:not(.whatsapp){background:#fff;color:var(--navy)}

#boiler-preview nav{flex-wrap:wrap;justify-content:center;gap:14px 20px}
#boiler-preview nav a.active{color:var(--blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
#boiler-preview .page-hero{max-width:none;background:linear-gradient(120deg,#fff 0%,#fbf7f5 62%,var(--blush) 100%);padding:78px max(28px,calc((100vw - 1136px)/2));border-bottom:1px solid #e8ded9}
#boiler-preview .page-hero h1{max-width:850px;margin-bottom:22px}
#boiler-preview .page-hero p{font-size:18px;max-width:700px}
#boiler-preview .text-link{display:inline-block;margin-top:18px;color:var(--blue);font-weight:700;text-decoration:none}
#boiler-preview .split{display:grid;grid-template-columns:1fr 1fr;gap:36px}
#boiler-preview .check-list{list-style:none;padding:0;margin:0}
#boiler-preview .check-list li{padding:14px 0 14px 30px;border-bottom:1px solid #e5dcd7;position:relative}
#boiler-preview .check-list li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:700}
#boiler-preview .info-panel{background:var(--paper);padding:34px;border-left:4px solid var(--blue)}
#boiler-preview .notice{max-width:1136px;margin:0 auto 60px;padding:24px 28px;background:#fff3d9;border-left:5px solid #d79518;color:#4d3b1a}
#boiler-preview .contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#boiler-preview .contact-options article h2{font-size:25px}
#boiler-preview .centred{justify-content:center}
@media(max-width:920px){#boiler-preview header{flex-wrap:wrap}#boiler-preview nav{order:3;width:100%}}
@media(max-width:700px){#boiler-preview .split,#boiler-preview .contact-options{grid-template-columns:1fr}#boiler-preview .page-hero{padding:52px 20px}#boiler-preview nav{justify-content:flex-start}}