/* UK Fuel Doctor – area sites (2026 design, matches www.ukfueldoctor.co.uk) */
:root{--n:#0b1d36;--n2:#0f2747;--n3:#163564;--y:#ffd200;--y2:#f5c400;--ink:#0d1b2a;--mu:#4d5d72;--bg:#f3f5f9;--line:#e3e8ef;--r:14px;--sh:0 10px 30px rgba(11,29,54,.12);--h:'Montserrat',Arial,sans-serif;--b:'Inter',Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:16px/1.65 var(--b);color:var(--ink);background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--n3)}
h1,h2,h3,h4{font-family:var(--h);letter-spacing:-.01em;color:var(--n);margin:0 0 .5em;line-height:1.15}
h2{font-size:clamp(26px,3.2vw,38px);font-weight:900}
h3{font-size:19px;font-weight:800}
p{margin:0 0 1em}
.w{max-width:1240px;margin:0 auto;padding:0 20px}
.i{width:1.15em;height:1.15em;flex:0 0 auto;vertical-align:-.18em}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.85em 1.4em;border-radius:12px;font:800 15px/1.1 var(--h);text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;border:2px solid transparent;white-space:nowrap;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn--y{background:var(--y);color:var(--n);box-shadow:0 6px 18px rgba(255,210,0,.35)}
.btn--y:hover{background:#ffe04a}
.btn--g{border-color:rgba(255,255,255,.85);color:#fff;background:rgba(255,255,255,.04)}
.btn--g:hover{background:rgba(255,255,255,.12)}
.btn--wa{background:#25d366;color:#fff}
.btn--n{background:var(--n);color:#fff}
.btn--lg{font-size:17px;padding:1em 1.5em}

/* header */
.hd{position:sticky;top:0;z-index:999;background:var(--n);box-shadow:0 2px 14px rgba(0,0,0,.25)}
.hd__bar{background:linear-gradient(90deg,#0a1a31,#0f2747)}
.hd__in{display:flex;align-items:center;gap:26px;min-height:76px}
.logo{display:block;line-height:0;flex:0 0 auto}
.logo svg{height:56px;width:auto}
.hd__tag{color:#fff;font-size:15px;padding-left:22px;border-left:2px solid rgba(255,255,255,.35)}
.hd__247{margin-left:auto;color:#fff;font-size:15px;display:flex;align-items:center;gap:8px}
.hd__247 .i{color:var(--y);width:20px;height:20px}
.hd__call{font-size:21px;padding:.5em 1em;border-radius:14px}
.burger{display:none;background:none;border:0;padding:8px;margin-left:6px;cursor:pointer}
.burger span{display:block;width:26px;height:3px;background:#fff;margin:5px 0;border-radius:2px}
.nav{background:var(--n);border-top:1px solid rgba(255,255,255,.08)}
.nav__in{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.nav a,.nav summary{display:block;color:#fff;text-decoration:none;font:600 14.5px/1 var(--b);padding:15px 15px;cursor:pointer;list-style:none;position:relative}
.nav summary::-webkit-details-marker{display:none}
.nav summary:after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
.nav a:hover,.nav summary:hover,.nav .on{color:var(--y)}
.nav .on:before{content:"";position:absolute;left:15px;right:15px;bottom:6px;height:2px;background:var(--y);border-radius:2px}
.nav .q{color:var(--y);font-weight:800}
.nav details{position:relative}
.dd{position:absolute;left:0;top:100%;background:#fff;min-width:250px;border-radius:12px;box-shadow:0 18px 40px rgba(11,29,54,.25);padding:8px;z-index:1000;max-height:70vh;overflow:auto}
.dd--cols{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));min-width:600px;left:50%;transform:translateX(-50%)}
.dd a{color:var(--n);padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600}
.dd a:hover{background:var(--bg);color:var(--n)}
.dd .cur{background:#fff8d6}

/* hero */
.hero{position:relative;color:#fff;background:var(--n) var(--hero) center/cover no-repeat;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,40,.95) 0%,rgba(8,20,40,.86) 42%,rgba(8,20,40,.45) 75%,rgba(8,20,40,.25) 100%)}
.hero__in{position:relative;padding:56px 20px 64px;min-height:470px;display:flex;flex-direction:column;justify-content:center}
.crumbs{font-size:13.5px;color:rgba(255,255,255,.8);margin:0 0 18px}
.crumbs a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.crumbs a:hover{color:var(--y);border-color:var(--y)}
.crumbs span{margin:0 6px;opacity:.6}
.eyebrow{display:flex;align-items:center;gap:12px;color:#fff;font:800 13px/1 var(--h);letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px}
.eyebrow:before{content:"";width:34px;height:3px;background:var(--y);border-radius:2px}
.hero h1{color:#fff;font-size:clamp(34px,5vw,62px);font-weight:900;font-style:italic;max-width:780px;margin:0 0 18px;line-height:1.05}
.hero h1 em{font-style:inherit;color:var(--y)}
.hero p{font-size:18px;max-width:620px;color:rgba(255,255,255,.92);margin:0 0 22px}
.ticks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 26px;padding:0;list-style:none}
.ticks li{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600}
.ticks .i{color:var(--y)}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.rating{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:14px;color:rgba(255,255,255,.9)}
.stars{color:var(--y);letter-spacing:2px;font-size:16px}

/* strip */
.strip{background:#fff;position:relative;z-index:2}
.strip__in{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-radius:16px;box-shadow:var(--sh);margin:-38px auto 0;max-width:1200px;overflow:hidden}
.strip__i{display:flex;align-items:center;gap:14px;padding:20px 22px;border-right:1px solid var(--line)}
.strip__i:last-child{border-right:0}
.strip__ic{width:46px;height:46px;border-radius:12px;background:var(--n);color:var(--y);display:grid;place-items:center;flex:0 0 auto}
.strip__ic .i{width:24px;height:24px}
.strip__i b{display:block;font:800 15px/1.2 var(--h);color:var(--n)}
.strip__i span{font-size:13px;color:var(--mu)}

/* sections */
.sec{padding:72px 0}
.sec--soft{background:var(--bg)}
.sec--dark{background:var(--n) linear-gradient(135deg,#0b1d36,#123056);color:#fff}
.sec--dark h2,.sec--dark h3{color:#fff}
.sec--dark p{color:rgba(255,255,255,.88)}
.sec--dark a{color:var(--y)}
.h2bar{display:block;width:56px;height:4px;background:var(--y);border-radius:3px;margin:0 0 22px}
.lead{font-size:17.5px;color:var(--mu);max-width:820px}
.sec--dark .lead{color:rgba(255,255,255,.85)}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.split__img{position:relative}
.split__img img{border-radius:18px;box-shadow:var(--sh);width:100%;aspect-ratio:4/3;object-fit:cover}
.split__badge{position:absolute;left:-18px;bottom:-18px;background:var(--y);color:var(--n);border-radius:14px;padding:14px 18px;font:900 15px/1.2 var(--h);box-shadow:var(--sh)}
.split__badge b{display:block;font-size:28px}
.txt p{color:var(--mu);font-size:16.5px}
.txt strong{color:var(--n)}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:18px 0 0;padding:0}
.chips li{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:700 14px/1 var(--h);color:var(--n);box-shadow:0 3px 10px rgba(11,29,54,.05)}
.chips .i{color:var(--y2);width:16px;height:16px}
.sec--soft .chips li{background:#fff}

.list{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.list li{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 18px 58px;font-weight:600;color:var(--n);box-shadow:0 4px 14px rgba(11,29,54,.05)}
.list li:before{content:"";position:absolute;left:18px;top:17px;width:26px;height:26px;border-radius:50%;background:var(--y) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8' fill='none' stroke='%230b1d36' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
@media (max-width:600px){.list{grid-template-columns:1fr}}
/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s;margin-top:34px}
.step{position:relative;background:#fff;border-radius:16px;padding:30px 24px 24px;box-shadow:0 6px 18px rgba(11,29,54,.07);border:1px solid var(--line)}
.step__n{width:48px;height:48px;border-radius:50%;background:var(--n);color:var(--y);display:grid;place-items:center;font:900 20px/1 var(--h);margin:0 0 16px;box-shadow:0 0 0 6px #fff8d6}
.step p{color:var(--mu);font-size:15px;margin:0}
.sec--dark .step{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}
.sec--dark .step p{color:rgba(255,255,255,.8)}
.sec--dark .step__n{background:var(--y);color:var(--n);box-shadow:0 0 0 6px rgba(255,210,0,.18)}

/* service cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:22px;margin-top:32px}
.card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(11,29,54,.08);border:1px solid var(--line);transition:transform .18s,box-shadow .18s}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,29,54,.16)}
.card__img{aspect-ratio:16/9;overflow:hidden;background:var(--n)}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover .card__img img{transform:scale(1.05)}
.card__b{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.card__b p{color:var(--mu);font-size:15px;flex:1}
.card__go{display:inline-flex;align-items:center;gap:8px;font:800 14px/1 var(--h);color:var(--n);text-decoration:none}
.card__go .i{color:var(--y2);transition:transform .15s}
.card:hover .card__go .i{transform:translateX(4px)}
.card__go:after{content:"";position:absolute;inset:0}

/* link tiles (service lists on town pages) */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;list-style:none;margin:28px 0 0;padding:0}
.tile{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:14px 16px;border:1px solid var(--line);box-shadow:0 6px 18px rgba(11,29,54,.06);transition:transform .18s,box-shadow .18s}
.tile:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,29,54,.14)}
.tile__img{width:64px;height:52px;border-radius:10px;overflow:hidden;flex:0 0 auto;background:var(--n)}
.tile__img img{width:100%;height:100%;object-fit:cover}
.tile a{font:800 15.5px/1.25 var(--h);color:var(--n);text-decoration:none}
.tile a:after{content:"";position:absolute;inset:0}
.tile .i{margin-left:auto;color:var(--y2)}

/* area cards */
.areas{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.area{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:14px 14px 14px 12px;box-shadow:0 6px 18px rgba(11,29,54,.07);border:1px solid var(--line);overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
.area:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--y);transform:scaleY(0);transition:transform .2s}
.area:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,29,54,.16);border-color:transparent}
.area:hover:before{transform:scaleY(1)}
.area__ic{width:38px;height:38px;border-radius:10px;background:var(--n);color:var(--y);display:grid;place-items:center;flex:0 0 auto}
.area__ic .i{width:20px;height:20px}
.area__t{display:flex;flex-direction:column;min-width:0}
.area a{font:800 15.5px/1.2 var(--h);color:var(--n);text-decoration:none}
.area a:after{content:"";position:absolute;inset:0;z-index:1}
.area__s{font-size:12.5px;color:var(--mu)}
.area__go{margin-left:auto;width:28px;height:28px;border-radius:50%;background:var(--bg);display:grid;place-items:center;flex:0 0 auto;transition:background .2s}
.area__go .i{width:14px;height:14px;color:var(--n)}
.area:hover .area__go{background:var(--y)}
.area--all{background:var(--n);border-color:var(--n)}
.area--all a{color:#fff}.area--all .area__s{color:rgba(255,255,255,.7)}
.area--all .area__ic{background:var(--y);color:var(--n)}
.areas-wrap{display:grid;grid-template-columns:1fr 270px;gap:24px;align-items:start}
.cov{position:sticky;top:150px;background:var(--n) linear-gradient(160deg,#0f2747,#0b1d36);color:#fff;border-radius:18px;padding:28px 24px;box-shadow:var(--sh);overflow:hidden}
.cov:after{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;border-radius:50%;border:24px solid rgba(255,210,0,.12)}
.cov__k{font:800 12px/1 var(--h);letter-spacing:.14em;color:var(--y);text-transform:uppercase}
.cov__big{font:900 52px/1 var(--h);color:#fff;margin:14px 0 2px}
.cov__l{font-size:14px;color:rgba(255,255,255,.75);margin:0 0 18px}
.cov__row{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding:12px 0;font-size:14px}
.cov__row b{color:var(--y);font-family:var(--h)}
.cov .btn{width:100%;margin-top:14px}

/* why */
.why{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.why img{border-radius:18px;width:100%;aspect-ratio:16/11;object-fit:cover;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.checks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.checks .i{color:var(--y);width:24px;height:24px;margin-top:1px}
.checks b{display:block;font-family:var(--h);font-size:16.5px;color:inherit}

/* reviews */
.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.rev{background:#fff;border-radius:16px;padding:26px 24px;box-shadow:0 6px 18px rgba(11,29,54,.08);border:1px solid var(--line);position:relative;font-size:15.5px;color:var(--ink);margin:0}
.rev:before{content:"\201C";position:absolute;right:20px;top:4px;font:900 70px/1 Georgia,serif;color:#ffe46b}
.rev .stars{display:block;margin:0 0 10px}
.rev cite{display:block;margin-top:14px;font:800 15px/1 var(--h);font-style:normal;color:var(--n)}
.revs__note{display:flex;align-items:center;gap:10px;margin-top:22px;color:var(--mu);font-size:14px}

/* fleet */
.fleet{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.fleet img{border-radius:18px;width:100%;aspect-ratio:16/10;object-fit:cover}

/* faq */
.faqs{max-width:900px;margin-top:28px}
.faq{background:#fff;border:1px solid var(--line);border-radius:14px;margin:0 0 12px;box-shadow:0 4px 14px rgba(11,29,54,.05);overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:18px 56px 18px 22px;font:800 16.5px/1.35 var(--h);color:var(--n);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--y);color:var(--n);display:grid;place-items:center;font:900 20px/1 var(--h)}
.faq[open] summary:after{content:"\2013"}
.faq p{padding:0 22px 18px;margin:0;color:var(--mu)}

.faqwrap{display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:start;margin-top:28px}
.faqwrap .faqs{margin-top:0;max-width:none}.faqwrap>*,.areas-wrap>*,.split>*,.why>*,.fleet>*{min-width:0}
.help{position:sticky;top:150px;background:var(--n);color:#fff;border-radius:18px;padding:28px 26px;box-shadow:var(--sh);overflow:hidden}
.help:before{content:"";position:absolute;right:-40px;bottom:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,210,0,.1)}
.help__k{display:inline-flex;align-items:center;gap:8px;font:800 12px/1 var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--y)}
.help__k:before{content:"";width:9px;height:9px;border-radius:50%;background:#2ee57a;box-shadow:0 0 0 4px rgba(46,229,122,.2)}
.help b{display:block;font:900 22px/1.2 var(--h);margin:14px 0 8px}
.help p{color:rgba(255,255,255,.8);font-size:15px}
.help .btn{width:100%;margin-top:10px;position:relative}
/* cta */
.cta{position:relative;background:var(--y);overflow:hidden}
.cta:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(11,29,54,.05) 0 18px,transparent 18px 36px)}
.cta__in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:46px 20px}
.cta h2{margin:0 0 6px;font-size:clamp(24px,3vw,34px)}
.cta p{margin:0;color:var(--n);font-weight:600}
.cta__b{display:flex;gap:12px;flex-wrap:wrap}

/* footer */
.ft{background:#081629;color:rgba(255,255,255,.78);font-size:15px}
.ft__in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:40px;padding:62px 20px 40px}
.ft h3,.ft h4{color:#fff;font-size:17px;margin:0 0 16px;position:relative;padding-bottom:12px}
.ft h3:after,.ft h4:after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:var(--y);border-radius:2px}
.ft ul{list-style:none;margin:0;padding:0}
.ft li{margin:0 0 9px}
.ft a{color:rgba(255,255,255,.78);text-decoration:none}
.ft a:hover{color:var(--y)}
.ft__brand>a svg{height:58px;width:auto;margin:0 0 16px}
.ft__c{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px}
.ft__c .i{color:var(--y);margin-top:3px}
.ft__c b{display:block;color:#fff;font-family:var(--h);font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.ft__247{display:inline-flex;gap:8px;align-items:center;background:rgba(255,210,0,.12);color:var(--y);border-radius:999px;padding:7px 14px;font:800 13px/1 var(--h);margin-top:6px}
.ft__bot{border-top:1px solid rgba(255,255,255,.1)}
.ft__bot .w{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 20px;font-size:13.5px;color:rgba(255,255,255,.6)}

.ft__soc{display:flex;gap:10px;list-style:none;margin:18px 0 0!important;padding:0}
.ft__soc li{margin:0}
.ft__soc a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;transition:background .15s,color .15s,transform .15s}
.ft__soc a:hover{background:var(--y);color:var(--n);transform:translateY(-2px)}
/* floating buttons */
.fab{position:fixed;right:18px;bottom:18px;z-index:9998;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.fab a{display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:999px;font:800 15px/1.1 var(--h);text-decoration:none;box-shadow:0 10px 26px rgba(11,29,54,.28);transition:transform .15s}
.fab a:hover{transform:translateY(-2px)}
.fab__wa{background:#25d366;color:#fff}
.fab__q{background:var(--n);color:#fff}.fab__q .i{color:var(--y)}
.fab__c{background:var(--y);color:var(--n)}
.fab__c small{display:block;font:600 11.5px/1.1 var(--b)}

/* responsive */
@media (max-width:1100px){.hd__tag{display:none}.dd--cols{grid-template-columns:repeat(2,minmax(160px,1fr));min-width:420px}}
@media (max-width:1024px){
 .fab{left:0;right:0;bottom:0;flex-direction:row;gap:0;align-items:stretch}
 .fab a{flex:1;border-radius:0;justify-content:center;padding:13px 6px;font-size:14px;box-shadow:none}
 .fab a small{display:none}
 body{padding-bottom:50px}
 .strip__in{grid-template-columns:1fr 1fr}.strip__i:nth-child(2){border-right:0}.strip__i:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .steps{grid-template-columns:1fr 1fr}
 .revs{grid-template-columns:1fr 1fr}
 .ft__in{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
 .hd__247{display:none}
 .hd__call{margin-left:auto}
 .burger{display:block}
 .nav{display:none}
 .nav.open{display:block}
 .nav__in{flex-direction:column;align-items:stretch;padding:6px 20px 14px}
 .nav a,.nav summary{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.07)}
 .nav .on:before{display:none}
 .dd,.dd--cols{position:static;transform:none;min-width:0;box-shadow:none;border-radius:10px;margin:6px 0 10px;grid-template-columns:1fr 1fr;max-height:none}
 .split,.why,.fleet{grid-template-columns:1fr;gap:30px}
 .areas-wrap,.faqwrap{grid-template-columns:1fr}.cov,.help{position:relative;top:auto}
 .cta__in{flex-direction:column;align-items:flex-start}
 .sec{padding:56px 0}
}
@media (max-width:600px){
 .hd__in{min-height:64px;gap:10px}
 .logo svg{height:44px}
 .hd__call{font-size:15px;padding:.6em .8em}
 .hero__in{padding:40px 20px 66px;min-height:0}
 .hero:before{background:linear-gradient(180deg,rgba(8,20,40,.8),rgba(8,20,40,.92))}
 .hero p{font-size:16.5px}
 .ctas .btn{flex:1 1 100%}
 .strip__in{margin:-30px 16px 0}
 .strip__i{padding:14px 12px;gap:10px}.strip__ic{width:38px;height:38px}
 .strip__i b{font-size:13px}.strip__i span{display:none}.strip__ic{width:34px;height:34px}.strip__ic .i{width:19px;height:19px}
 .eyebrow{font-size:11.5px;letter-spacing:.08em}
 .tiles{grid-template-columns:1fr 1fr;gap:10px}.tile{padding:12px;gap:8px}.tile__img,.tile .i{display:none}.tile a{font-size:14px}
 .cards{grid-template-columns:1fr}
 .steps,.revs{grid-template-columns:1fr}
 .areas{grid-template-columns:1fr 1fr;gap:10px}
 .area{gap:9px;padding:11px 9px}.area__ic{width:32px;height:32px}.area__go{display:none}.area a{font-size:14px}.area__s{font-size:11.5px}
 .ft__in{grid-template-columns:1fr;gap:30px}
 .split__badge{left:12px;bottom:-14px}
 .dd,.dd--cols{grid-template-columns:1fr}
}
@media (max-width:420px){.hd__in{gap:8px}.logo svg{height:40px}.hd__call{padding:.6em .75em}.hd__call span{display:none}.burger{margin-left:0;padding:6px}}
@media (max-width:370px){.areas{grid-template-columns:1fr}}
/* top header bar (logo + call button) stays at the top of the screen while scrolling; the menu row scrolls away */
.hd{display:contents}
.hd__bar{position:sticky;top:0;z-index:1000;box-shadow:0 2px 14px rgba(0,0,0,.25)}
@media (max-width:900px){.nav.open{position:sticky;top:76px;z-index:999;max-height:calc(100vh - 76px);overflow:auto}}
@media (max-width:600px){.nav.open{top:64px;max-height:calc(100vh - 64px)}}
/* 5-star rating in the top header bar */
.hd__rev{display:flex;align-items:center;gap:8px;color:#fff;font:500 14px/1.2 var(--b);white-space:nowrap;flex:none}
.hd__stars{color:var(--y);font-size:17px;letter-spacing:1px;line-height:1}
.hd__revtxt b{font-weight:800}
.hd__revtxt i{font-style:normal;opacity:.85}
.hd__247+.hd__rev{padding-left:20px;border-left:1px solid rgba(255,255,255,.25)}
@media (max-width:1240px){.hd__247{display:none}.hd__rev,.hd__247+.hd__rev{margin-left:auto;padding-left:0;border:0}}
@media (max-width:900px){.hd__rev+.hd__call{margin-left:0}.hd__in{gap:16px}.logo svg{height:46px}}
@media (max-width:600px){.hd__in{gap:10px}.logo svg{height:44px}}
@media (max-width:420px){.hd__in{gap:8px}.logo svg{height:40px}}
@media (max-width:760px){.hd__rev{flex-direction:column;align-items:flex-start;gap:3px;font-size:11px}.hd__stars{font-size:13px;letter-spacing:0}}
@media (max-width:520px){.hd__call span{display:none}.hd__call{padding:0;width:44px;height:44px;justify-content:center;flex:none}.hd__call .i{width:20px;height:20px}}
@media (max-width:360px){.hd__revtxt i{display:none}.hd__in{gap:6px}.logo svg{height:36px}}
/* phone-size hero photo; WhatsApp button with dark text (white on green fails contrast) */
@media (max-width:760px){.hero{background-image:var(--hero-m,var(--hero))}}
.fab a.fab__wa{color:#0b1d36}.fab a.fab__wa .i{color:#0b1d36;fill:#0b1d36}