/* Area page / Quote hero — screenshot-guided compositions within the approved Mr Scrubbers system. */
body.a5-page,body.q5-page{--a5-navy:#102f43;--a5-dark:#0c283d;--a5-green:#8de276;--a5-ink:#152e40;--a5-muted:#5e7180}
body.a5-page main,body.q5-page main{overflow:clip}
body.a5-page main *,body.q5-page main *{box-sizing:border-box}
body.a5-page .a5-wrap{width:min(1180px,calc(100% - 76px));margin-inline:auto}
body.a5-page .a5-pad{padding:76px 0}
body.a5-page .a5-eyebrow{display:inline-flex;align-items:center;background:#ecf8ee;border:1px solid #d4ebd9;color:#226e3d;border-radius:999px;padding:8px 14px;text-transform:uppercase;font:800 10px/1.2 Manrope,sans-serif;letter-spacing:.1em;margin-bottom:15px}
body.a5-page .a5-main h2{font:800 clamp(29px,3.2vw,43px)/1.15 Manrope,sans-serif;letter-spacing:-.052em;color:var(--a5-ink);margin:0 0 15px}
body.a5-page .a5-main h2 em,body.q5-page .q5-hero h1 em{color:#3a9d4f;font-style:normal}
body.a5-page .a5-main p{font:400 13px/1.65 'DM Sans',sans-serif;color:var(--a5-muted);margin:0}
body.a5-page .a5-main svg{display:block;width:21px;height:21px;flex:none}
body.a5-page .a5-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:43px;padding:8px 9px 8px 16px;background:#83d969;color:#123047;border-radius:999px;font:800 11px/1.2 'DM Sans',sans-serif;white-space:nowrap;transition:background .2s,transform .2s}
body.a5-page .a5-btn span{width:27px;height:27px;display:grid;place-items:center;background:#14364b;color:#a3f08b;border-radius:50%;font-size:16px;transition:transform .2s}
body.a5-page .a5-btn:hover{background:#a9ed8e;transform:translateY(-2px)}
body.a5-page .a5-btn:hover span{transform:rotate(45deg)}
body.a5-page .a5-outline-btn{display:inline-flex;gap:8px;align-items:center;min-height:39px;color:#28573d;border:1px solid #c8e4cd;padding:8px 14px;border-radius:999px;font-size:11px;font-weight:750;background:#fff}
body.a5-page .a5-outline-btn svg{width:15px;height:15px}
body.a5-page .a5-outline-btn:hover{background:#ecf8eb;border-color:#93ce9c}
/* Image hero */
body.a5-page .a5-hero{position:relative;isolation:isolate;min-height:385px;background:#0a2b40;overflow:hidden;color:#fff}
body.a5-page .a5-hero-photo,body.a5-page .a5-hero-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
body.a5-page .a5-hero-photo{object-fit:cover;object-position:center 52%}
body.a5-page .a5-hero-overlay{z-index:-1;background:linear-gradient(90deg,rgba(7,26,42,.91),rgba(9,35,52,.56) 53%,rgba(7,28,44,.39)),linear-gradient(0deg,#092b41a6,transparent 62%)}
body.a5-page .a5-hero-content{min-height:385px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-top:140px;padding-bottom:39px}
body.a5-page .a5-hero-text{max-width:640px}
body.a5-page .a5-breadcrumb,body.q5-page .q5-breadcrumb{display:flex;align-items:center;gap:8px;color:#c6eaba;font:650 10px/1.4 'DM Sans',sans-serif;margin-bottom:20px}
body.a5-page .a5-breadcrumb a,body.q5-page .q5-breadcrumb a{color:#b2ed9c}
body.a5-page .a5-hero h1{font:800 clamp(44px,4.7vw,66px)/1.06 Manrope,sans-serif;letter-spacing:-.065em;color:#fff;margin:0 0 11px}
body.a5-page .a5-hero h1 em{font-style:normal;color:#a9ed92}
body.a5-page .a5-hero-text p{color:#e0edeb;max-width:490px;font-size:13px;line-height:1.55}
body.a5-page .a5-hero-trust{display:grid;gap:9px;width:272px;flex:none;border:1px solid #ffffff48;background:rgba(11,38,52,.68);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px;border-radius:16px;box-shadow:0 12px 30px #06202e24}
body.a5-page .a5-hero-trust>div{display:flex;gap:9px;align-items:center}
body.a5-page .a5-hero-trust>div>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#2e9951;color:#e6ffde;flex:none}
body.a5-page .a5-hero-trust svg{width:17px;height:17px}
body.a5-page .a5-hero-trust strong,body.a5-page .a5-hero-trust small{display:block}
body.a5-page .a5-hero-trust strong{font:750 11px/1.25 'DM Sans',sans-serif;color:#fff}
body.a5-page .a5-hero-trust small{font:500 9px/1.35 'DM Sans',sans-serif;color:#d5e5dd;margin-top:2px}
/* Intro */
body.a5-page .a5-overview{background:#fff}
body.a5-page .a5-overview-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}
body.a5-page .a5-copy>p{max-width:535px;margin-bottom:14px}
body.a5-page .a5-copy .a5-btn{margin-top:13px}
body.a5-page .a5-text-link{display:inline-flex;align-items:center;gap:8px;margin-left:13px;color:#244d42;font:750 11px 'DM Sans',sans-serif}
body.a5-page .a5-text-link svg{width:15px;height:15px}
body.a5-page .a5-overview-photo{position:relative;min-height:290px;border-radius:17px;background:#e2ece7;overflow:visible}
body.a5-page .a5-overview-photo>img{display:block;width:100%;height:290px;object-fit:cover;object-position:center;border-radius:17px}
body.a5-page .a5-photo-note{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #ebf2ed;padding:10px 13px;border-radius:12px;box-shadow:0 10px 26px #0a303323}
body.a5-page .a5-photo-note>span{width:30px;height:30px;background:#e4f7e8;color:#268f49;border-radius:50%;display:grid;place-items:center}
body.a5-page .a5-photo-note svg{width:17px;height:17px}
body.a5-page .a5-photo-note strong,body.a5-page .a5-photo-note small{display:block}
body.a5-page .a5-photo-note strong{font:800 11px Manrope,sans-serif;color:#203949}
body.a5-page .a5-photo-note small{font:500 9px/1.4 'DM Sans',sans-serif;color:#6b7f82;margin-top:2px}
/* Location grid */
body.a5-page .a5-locations{background:linear-gradient(145deg,#f3f8f6,#f8fbfa 67%,#f0f7f2)}
body.a5-page .a5-section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:28px}
body.a5-page .a5-section-head p{max-width:550px}
body.a5-page .a5-location-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
body.a5-page .a5-location{overflow:hidden;border:1px solid #e1eae3;border-radius:13px;background:#fff;box-shadow:0 7px 18px #113d2810;transition:transform .2s,box-shadow .2s}
body.a5-page .a5-location:hover{transform:translateY(-4px);box-shadow:0 13px 23px #123d2a19}
body.a5-page .a5-location-photo{height:109px;background:#d4ded6;overflow:hidden}
body.a5-page .a5-location-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
body.a5-page .a5-location:hover img{transform:scale(1.05)}
body.a5-page .a5-location-body{display:flex;align-items:center;gap:8px;padding:11px 10px 12px}
body.a5-page .a5-location-symbol{flex:none;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#10364a;color:#a9ed88}
body.a5-page .a5-location-symbol svg{width:15px;height:15px}
body.a5-page .a5-location h3{color:#192f3c;font:800 12px/1.25 Manrope,sans-serif;letter-spacing:-.02em;margin:0 0 3px}
body.a5-page .a5-location p{font-size:9px;line-height:1.35;color:#72827f}
body.a5-page .a5-area-note{text-align:center;margin-top:25px!important;font-size:11px!important}
/* Real map and postcode prompt */
body.a5-page .a5-coverage{background:#fff}
body.a5-page .a5-coverage-grid{display:grid;grid-template-columns:1.85fr .85fr;gap:19px;align-items:stretch}
body.a5-page .a5-coverage-map{position:relative;min-height:320px;background:#e8eee8;border:1px solid #dfebe2;border-radius:16px;overflow:hidden}
body.a5-page .a5-coverage-map iframe{display:block;width:100%;height:100%;min-height:320px;border:0;filter:saturate(.86)}
body.a5-page .a5-map-tag{position:absolute;bottom:15px;left:15px;display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:99px;background:#fff;color:#17432e;box-shadow:0 4px 16px #183c2524;font:800 11px 'DM Sans',sans-serif}
body.a5-page .a5-map-tag svg{width:16px;height:16px}
body.a5-page .a5-coverage-aside{display:flex;flex-direction:column;gap:13px}
body.a5-page .a5-coverage-text{border:1px solid #dceadd;background:#f1f8f3;padding:22px 21px;border-radius:15px;flex:1}
body.a5-page .a5-coverage-text h3{font:800 22px/1.16 Manrope,sans-serif;letter-spacing:-.042em;color:#142e3d;margin:0 0 10px}
body.a5-page .a5-coverage-text .a5-btn{margin-top:17px}
body.a5-page .a5-coverage-image{height:100px;border-radius:13px;overflow:hidden}
body.a5-page .a5-coverage-image img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
/* Service / reassurance / process */
body.a5-page .a5-services{background:linear-gradient(95deg,#f3f9f5,#eaf6eb 50%,#f5faf6)}
body.a5-page .a5-services h2{max-width:820px}
body.a5-page .a5-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:26px}
body.a5-page .a5-service{display:flex;align-items:flex-start;gap:9px;min-height:94px;background:#fff;border:1px solid #e3eee5;border-radius:14px;padding:17px 12px;transition:transform .2s,border-color .2s}
body.a5-page .a5-service:hover{transform:translateY(-3px);border-color:#9cd99d}
body.a5-page .a5-service>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e3f8e4;color:#278c48;flex:none}
body.a5-page .a5-service svg{width:18px;height:18px}
body.a5-page .a5-service strong,body.a5-page .a5-service small{display:block}
body.a5-page .a5-service strong{font:800 11px/1.25 Manrope,sans-serif;color:#1c3442}
body.a5-page .a5-service small{font:500 9px/1.45 'DM Sans',sans-serif;color:#6c7e7e;margin-top:4px}
body.a5-page .a5-why{background:#fff}
body.a5-page .a5-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:25px}
body.a5-page .a5-why-grid article{border-radius:13px;background:#f4f8f7;border:1px solid #e6eeea;padding:21px 18px;min-height:158px}
body.a5-page .a5-why-icon{display:grid;place-items:center;width:38px;height:38px;background:#10354b;border-radius:50%;color:#a8e98f;margin-bottom:16px}
body.a5-page .a5-why-icon svg{width:20px;height:20px}
body.a5-page .a5-why h3,body.a5-page .a5-process h3{font:800 13px/1.3 Manrope,sans-serif;color:#192f3d;margin:0 0 7px}
body.a5-page .a5-why-grid p,body.a5-page .a5-process-grid p{font-size:10px;line-height:1.55}
body.a5-page .a5-process{background:#f7faf8;padding-bottom:96px}
body.a5-page .a5-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
body.a5-page .a5-process-grid article{border:1px solid #e0eae3;background:#fff;border-radius:15px;padding:23px 19px}
body.a5-page .a5-step-number{display:grid;place-items:center;width:36px;height:36px;background:#dff8e4;color:#1d7d40;border-radius:50%;font:800 12px Manrope,sans-serif;margin-bottom:15px}
/* Quote image hero: no changes to the approved three-step enquiry underneath. */
body.q5-page .q5-hero{height:365px;position:relative;isolation:isolate;display:flex;align-items:end;overflow:hidden;background:#102f44;color:#fff}
body.q5-page .q5-hero>img,body.q5-page .q5-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
body.q5-page .q5-hero>img{object-fit:cover;object-position:center 44%}
body.q5-page .q5-overlay{z-index:-1;background:linear-gradient(90deg,rgba(8,29,43,.82),rgba(9,34,48,.55) 64%,rgba(9,34,48,.43)),linear-gradient(0deg,#0b283e66,transparent 65%)}
body.q5-page .q5-wrap{width:min(1180px,calc(100% - 76px));margin-inline:auto;padding-top:135px;padding-bottom:49px}
body.q5-page .q5-kicker{display:block;color:#b2ee9e;font:800 10px/1.3 'DM Sans',sans-serif;letter-spacing:.17em;margin-bottom:11px}
body.q5-page .q5-hero h1{font:800 clamp(45px,4.6vw,65px)/1.08 Manrope,sans-serif;letter-spacing:-.065em;color:#fff;margin:0 0 12px}
body.q5-page .q5-hero h1 em{color:#b3f09e}
body.q5-page .q5-hero p{color:#dce9ea;font:500 13px/1.5 'DM Sans',sans-serif;max-width:530px;margin:0}
body.q5-page .quote-section{padding:85px 0 95px}
@media(max-width:1050px){
 body.a5-page .a5-location-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.a5-page .a5-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.a5-page .a5-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.a5-page .a5-overview-grid{gap:28px}
}
@media(max-width:760px){
 body.a5-page .a5-wrap,body.q5-page .q5-wrap{width:calc(100% - 34px)}
 body.a5-page .a5-pad{padding:58px 0}
 body.a5-page .a5-hero,body.a5-page .a5-hero-content{min-height:475px}
 body.a5-page .a5-hero-content{flex-direction:column;align-items:flex-start;justify-content:end;gap:20px;padding-top:120px;padding-bottom:28px}
 body.a5-page .a5-hero h1{font-size:46px}
 body.a5-page .a5-hero-trust{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px}
 body.a5-page .a5-hero-trust>div{gap:6px}
 body.a5-page .a5-hero-trust>div>span{width:28px;height:28px}
 body.a5-page .a5-hero-trust strong{font-size:10px}
 body.a5-page .a5-hero-trust small{font-size:8px}
 body.a5-page .a5-overview-grid{grid-template-columns:1fr;gap:27px}
 body.a5-page .a5-overview-photo>img{height:250px}
 body.a5-page .a5-section-head{align-items:flex-start;flex-direction:column;gap:14px}
 body.a5-page .a5-location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 body.a5-page .a5-location-photo{height:100px}
 body.a5-page .a5-coverage-grid{grid-template-columns:1fr}
 body.a5-page .a5-coverage-map,body.a5-page .a5-coverage-map iframe{min-height:290px}
 body.a5-page .a5-coverage-aside{display:grid;grid-template-columns:1fr 1fr}
 body.a5-page .a5-coverage-image{height:auto;min-height:170px}
 body.a5-page .a5-coverage-text{padding:18px}
 body.a5-page .a5-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.a5-page .a5-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.q5-page .q5-hero{height:340px}
 body.q5-page .q5-wrap{padding-top:125px;padding-bottom:35px}
 body.q5-page .q5-hero h1{font-size:43px}
 body.q5-page .quote-section{padding:60px 0 70px}
}
@media(max-width:480px){
 body.a5-page .a5-hero,body.a5-page .a5-hero-content{min-height:510px}
 body.a5-page .a5-hero h1{font-size:41px}
 body.a5-page .a5-location-grid{gap:9px}
 body.a5-page .a5-location-photo{height:93px}
 body.a5-page .a5-location h3{font-size:11px}
 body.a5-page .a5-location-body{padding:8px}
 body.a5-page .a5-location p{font-size:8px}
 body.a5-page .a5-overview-photo>img{height:210px}
 body.a5-page .a5-copy .a5-btn{margin-bottom:12px}
 body.a5-page .a5-text-link{margin-left:0}
 body.a5-page .a5-coverage-aside{grid-template-columns:1fr}
 body.a5-page .a5-coverage-image{height:115px;min-height:0}
 body.a5-page .a5-service-grid{grid-template-columns:1fr}
 body.a5-page .a5-why-grid{grid-template-columns:1fr 1fr;gap:8px}
 body.a5-page .a5-why-grid article{padding:14px 11px}
 body.a5-page .a5-process-grid{gap:9px}
 body.a5-page .a5-process-grid article{padding:16px 12px}
 body.a5-page .a5-hero-trust{gap:7px}
 body.q5-page .q5-hero{height:310px}
 body.q5-page .q5-hero h1{font-size:37px}
}