@font-face{font-family:"Poppins";src:url(../fonts/Poppins-Bold.woff);font-weight:600 900;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/Inter-Regular.woff);font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/Inter-SemiBold.woff);font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/Inter-Bold.woff);font-weight:700;font-display:swap}
:root{
  /* Layout idea: the logo's red, blue and yellow carry a photo-led trade site. Solid bands, square edges, real jobs and real reviews beside every claim. */
  --blue:#1a7cc5; --blue-deep:#0d4c80; --red:#b11b24; --yellow:#ffc917; --ink:#15212e; --muted:#536170;
  --paper:#ffffff; --wash:#f1f5f9; --line:#d5dde7;
  --display:"Poppins","Segoe UI",Arial,sans-serif; --body:"Inter","Segoe UI",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55}
h1,h2,h3{font-family:var(--display);line-height:1.1;margin:0;text-wrap:balance}
h1{font-size:clamp(30px,4.8vw,50px);font-weight:900}
h2{font-size:clamp(24px,3.2vw,32px);font-weight:900}
h3{font-size:19px;font-weight:700}
p{margin:0;max-width:65ch}
a{color:var(--blue-deep)}
img{max-width:100%;display:block}
button,a,select,input,textarea{font:inherit}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.card.link,.svc{transition:transform .15s}.card.link:hover,.svc:hover{transform:translateY(-2px)}}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.stack{display:flex;flex-direction:column;gap:16px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.grid3{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.band{padding:48px 0}
.band.wash{background:var(--wash)}
.band.blue{background:var(--blue-deep);color:#fff}
.band.blue a{color:#fff}
.eyebrow{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.band.blue .eyebrow,.hero-photo .eyebrow{color:var(--yellow)}
.lede{font-size:20px;color:var(--muted)}
.band.blue .lede,.hero-photo .lede{color:#e3edf7}
.notice{background:var(--yellow);color:#231c00;font-size:14px;padding:6px 0}
.top{background:var(--blue);color:#fff;font-size:15px;padding:6px 0;font-weight:600}
.top .wrap{display:flex;flex-wrap:wrap;gap:4px 20px;justify-content:space-between}
.top a{color:#fff;text-decoration:none}
.top .soc{font-weight:400;font-size:14px}
.top .wrap>span:last-child{margin-left:auto}
@media(max-width:1100px){.top .soc{display:none}}
.top b{color:var(--yellow);letter-spacing:.08em}
header.main{border-bottom:4px solid var(--red);background:#fff;position:sticky;top:0;z-index:5}
header.main .wrap{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding-top:8px;padding-bottom:8px}
.logo img{height:66px;width:auto}
nav{display:flex;flex-wrap:wrap;gap:2px 11px;flex:1;justify-content:center}
nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:14.5px;padding:4px 0;border-bottom:3px solid transparent;white-space:nowrap}
nav a.on{border-color:var(--red)}
.switch{display:flex;border:2px solid var(--blue-deep);border-radius:4px;overflow:hidden}
.switch button{border:0;background:#fff;color:var(--blue-deep);font-weight:700;font-size:15px;padding:6px 10px;cursor:pointer}
.switch button[aria-pressed="true"]{background:var(--blue-deep);color:#fff}
.btn{display:inline-block;background:var(--red);color:#fff !important;text-decoration:none;font-weight:700;padding:11px 18px;border:0;border-radius:4px;cursor:pointer;white-space:nowrap}
.btn.ghost{background:transparent;color:var(--blue-deep) !important;border:2px solid var(--blue-deep);padding:9px 16px}
.band.blue .btn.ghost,.hero-photo .btn.ghost{color:#fff !important;border-color:#fff}
@media(max-width:1180px){nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}}
.hero-photo{position:relative;color:#fff;background:#0b2e4f}
.hero-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,34,60,.93) 0%,rgba(8,34,60,.78) 48%,rgba(8,34,60,.3) 100%)}
.hero-photo .wrap{z-index:1}
.hero-photo a:not(.btn):not(.gbadge){color:#fff}
@media(max-width:820px){.hero-photo::after{background:rgba(8,34,60,.82)}}
.hero-photo .wrap{position:relative;padding-top:52px;padding-bottom:52px}
.hero{display:grid;gap:28px;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);align-items:start}
@media(max-width:820px){.hero{grid-template-columns:1fr}}
.quote{background:#fff;color:var(--ink);border-top:6px solid var(--yellow);padding:20px;display:flex;flex-direction:column;gap:9px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.quote label{font-weight:600;font-size:15px}
.quote input,.quote select,.quote textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink)}
.stars{color:#f5a400;letter-spacing:1px}
.gbadge{display:inline-flex;gap:10px;align-items:center;background:#fff;color:var(--ink);padding:8px 14px;border-radius:4px;font-weight:700;text-decoration:none}
.band.blue a.gbadge,.hero-photo a.gbadge{color:var(--ink)}
.gbadge b{font-size:24px;font-family:var(--display)}
.proof{display:flex;flex-wrap:wrap;gap:8px}
.proof span{border:1px solid var(--line);background:#fff;color:var(--ink);padding:6px 10px;font-size:14px;font-weight:600;border-left:4px solid var(--yellow)}
.card{border:1px solid var(--line);background:#fff;padding:18px;display:flex;flex-direction:column;gap:10px}
.card.link{text-decoration:none;color:var(--ink);border-bottom:4px solid var(--blue)}
.card.link:hover{border-bottom-color:var(--red)}
.pic{padding:0;overflow:hidden}.pic>.body{padding:16px;display:flex;flex-direction:column;gap:8px}
.ph{width:100%;aspect-ratio:4/3;object-fit:cover}
.svc{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-bottom:4px solid var(--blue)}
.svc:hover{border-bottom-color:var(--red)}
.svc .body{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.svc .noimg{aspect-ratio:4/3;background:var(--blue-deep);color:#fff;display:flex;align-items:flex-end;padding:16px;font-family:var(--display);font-weight:900;font-size:24px;border-top:6px solid var(--yellow)}
.svc.lead{border:3px solid var(--yellow);border-bottom-width:4px}
.tag{align-self:flex-start;background:var(--yellow);color:#231c00;font-size:12px;font-weight:700;padding:2px 8px;text-transform:uppercase;letter-spacing:.06em}
.strip{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.strip img{width:100%;aspect-ratio:1;object-fit:cover}
.door{padding:24px;color:#fff;display:flex;flex-direction:column;gap:12px}
.door.home{background:var(--blue)} .door.biz{background:var(--ink)} .door.com{background:var(--red)} .door.com .btn{background:#fff;color:var(--red) !important}
ul{margin:0;padding-left:20px}
.two{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:start}
.split h3{padding-bottom:6px;border-bottom:3px solid var(--blue)}
.split.b h3{border-color:var(--red)}
.ba{position:relative;overflow:hidden;background:#ddd;aspect-ratio:1/1.25;max-height:640px;width:100%;user-select:none}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba .before{clip-path:inset(0 50% 0 0)}
.ba .bar{position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;background:var(--yellow);pointer-events:none}
.ba .lbl{position:absolute;top:10px;background:rgba(21,33,46,.85);color:#fff;font-weight:700;font-size:13px;padding:3px 9px}
.ba .lbl.l{left:10px}.ba .lbl.r{right:10px}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.rev{border:1px solid var(--line);background:#fff;padding:18px;display:flex;flex-direction:column;gap:10px;border-top:4px solid var(--yellow)}
.rev h3{font-size:18px}
.rev cite{font-style:normal;color:var(--muted);font-size:15px;margin-top:auto}
blockquote{margin:0}
.lead-case{border:3px solid var(--yellow)}
table{border-collapse:collapse;width:100%}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-family:var(--display);font-size:15px;white-space:nowrap}
.scroll{overflow-x:auto}
details{border:1px solid var(--line);padding:12px 14px;background:#fff}
summary{font-weight:700;cursor:pointer}
article{max-width:740px}
article h2{font-size:24px;margin-top:10px}
article p,article li{font-size:18px}
footer{background:var(--ink);color:#cfd8e3;padding:38px 0;font-size:15px}
footer a{color:#fff}
.cta{background:var(--red);color:#fff}
.cta .wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:26px}
.cta .btn{background:#fff;color:var(--red) !important}
.sticky{display:none}
@media(max-width:640px){
  .sticky{display:flex;position:sticky;bottom:0;z-index:6}
  .sticky a{flex:1;text-align:center;padding:13px;color:#fff;font-weight:700;text-decoration:none;background:var(--blue-deep)}
  .sticky a+a{background:#1f9d55}.sticky a+a+a{background:var(--red)}
  .logo img{height:46px}
  .switch button{padding:5px 8px;font-size:14px}
  header.main .btn{display:none}
  nav{flex-wrap:wrap;overflow:visible;gap:2px 14px}
  nav a{font-size:15px}
  .top b{display:none}
}
body[data-aud="home"] .only-biz,body[data-aud="biz"] .only-home{display:none}

.why{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.why div{border-left:4px solid var(--yellow);padding:4px 0 4px 14px}
.why b{font-family:var(--display);font-size:18px;display:block}
@media(min-width:1101px){.top .wrap{flex-wrap:nowrap;white-space:nowrap}.top{font-size:14px}.top .soc{font-size:13px}}

/* ---- Redesign pass: real work leads, one tape-measure motif, quiet everything else ---- */
:root{--ink:#101c2b;--wash:#eef2f6}
h1{letter-spacing:-.02em}h2{letter-spacing:-.012em;font-size:clamp(26px,3.4vw,38px)}
.band{padding:64px 0}
.eyebrow{text-transform:none;letter-spacing:0;font-size:15px;font-weight:700;color:var(--blue-deep)}
.tag{text-transform:none;letter-spacing:0;font-size:13px}
.tape{height:14px;background-color:var(--yellow);background-image:repeating-linear-gradient(90deg,rgba(16,28,43,.8) 0 1.5px,transparent 1.5px 10px),repeating-linear-gradient(90deg,rgba(16,28,43,.9) 0 2px,transparent 2px 50px);background-size:auto 6px,auto 14px;background-repeat:repeat-x;background-position:left bottom}
.top{background:var(--ink);font-weight:600}.top .wrap{gap:4px 22px}.top .links a{margin-right:16px;font-weight:400}
header.main{border-bottom:0}
.hero2{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:52px;align-items:center;padding-top:56px;padding-bottom:56px}
.hero2 h1{font-size:clamp(38px,5.7vw,70px);line-height:.98;letter-spacing:-.03em}
.hero2 .lede{font-size:21px;color:#3a4756;max-width:34ch}
.tagline{font-family:var(--display);font-weight:800;color:var(--red);font-size:17px}
.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mosaic img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.mosaic img.wide{grid-column:1/3;aspect-ratio:16/8.4}
.starter{display:grid;grid-template-columns:1.25fr 1fr auto;border:2px solid var(--ink);background:#fff;max-width:640px}
.starter label{position:absolute;left:-9999px}
.starter select,.starter input{border:0;border-right:1px solid var(--line);padding:14px 12px;background:#fff;color:var(--ink);min-width:0;border-radius:0}
.starter .btn{border-radius:0;padding:14px 20px}
.facts{background:var(--ink);color:#fff}
.facts .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.facts a,.facts div{padding:20px 18px;border-left:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:2px;font-size:15px}
.facts .wrap>:first-child{border-left:0;padding-left:0}
.facts b{font-family:var(--display);font-size:22px;font-weight:800}
.facts .stars{font-size:14px}
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feat a{position:relative;display:block;color:#fff;text-decoration:none;overflow:hidden;background:var(--ink)}
.feat img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .4s}
.feat a:hover img{transform:scale(1.04)}
.feat span{position:absolute;left:0;right:0;bottom:0;padding:60px 16px 16px;background:linear-gradient(transparent,rgba(10,22,36,.92));display:flex;flex-direction:column;gap:3px;font-size:15px}
.feat b{font-family:var(--display);font-size:21px;font-weight:800;line-height:1.1}
.dir{columns:3 270px;column-gap:44px}
.dir section{break-inside:avoid;margin-bottom:30px}
.dir h3{border-top:3px solid var(--ink);padding-top:10px;margin-bottom:8px;font-size:17px;color:var(--blue-deep)}
.dir ul{list-style:none;padding:0;margin:0}
.dir li{padding:9px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.dir li a{font-family:var(--display);font-weight:700;font-size:18px;color:var(--ink);text-decoration:none}
.dir li a:hover{color:var(--red)}
.dir li span{font-size:15px;color:var(--muted)}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:22px;counter-reset:st}
.steps li{counter-increment:st;border-top:3px solid var(--yellow);padding-top:12px;font-size:16px}
.steps li::before{content:counter(st);font-family:var(--display);font-weight:900;font-size:40px;line-height:1;display:block;color:var(--yellow)}
.steps b{display:block;font-family:var(--display);font-size:18px;margin:6px 0 4px}
.trust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.trust .rows>a,.trust .rows>div{display:block;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.trust .rows b{font-family:var(--display);font-size:21px;display:block}
.trust .rows small{font-size:14px;color:var(--blue-deep);font-weight:700}
.gal{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.gal img{width:100%;height:100%;object-fit:cover;aspect-ratio:1;grid-column:span 2}
.gal img.big{grid-column:span 3;aspect-ratio:4/3}
.door{border-top:6px solid var(--blue);background:#fff;color:var(--ink);border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.door.home,.door.biz,.door.com{background:#fff}.door.biz{border-top-color:var(--ink)}.door.com{border-top-color:var(--red)}
.door .btn,.door.com .btn{background:var(--ink);color:#fff !important;align-self:flex-start}
.rev{border-top:0;border:0;background:#fff;padding:22px}
.rev blockquote p{font-size:17px}
.ratings{display:flex;flex-wrap:wrap;gap:10px}
.cred{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;border-top:3px solid var(--ink)}
.cred>*{padding:16px 16px 16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.cred b{display:block;font-family:var(--display);font-size:18px}
.about-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.about-hero h1{font-size:clamp(34px,5vw,60px);line-height:1}
.prose p{font-size:18px}
@media(max-width:900px){.hero2,.trust,.about-hero{grid-template-columns:1fr;gap:28px}.hero2{padding-top:32px}.feat{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.facts .wrap{grid-template-columns:1fr 1fr}.facts a,.facts div{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.16)}}
@media(max-width:900px){.facts .wrap{padding:0}.facts .wrap>*{padding:14px 20px !important}}
@media(max-width:560px){.feat img{aspect-ratio:4/5 !important}.feat b{font-size:19px}.feat span{font-size:14px;padding:40px 12px 12px}.starter{grid-template-columns:1fr}.starter select,.starter input{border-right:0;border-bottom:1px solid var(--line)}.steps{grid-template-columns:1fr}.feat img{aspect-ratio:1}.top .links{display:none}.band{padding:44px 0}}
@media (prefers-reduced-motion:reduce){.feat img{transition:none}}

/* ---- Pass 3: brand colour hero, your original site photos back in front, icons ---- */
.hero3{background:var(--blue-deep);color:#fff;position:relative;overflow:hidden}
.hero3::before{content:"";position:absolute;right:-140px;top:-140px;width:520px;height:520px;border-radius:50%;background:var(--blue);opacity:.55}
.hero3>.wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:60px;padding-bottom:64px}
.hero3 h1{font-size:clamp(38px,5.4vw,66px);line-height:1;letter-spacing:-.03em}
.hero3 h1 em{font-style:normal;color:var(--yellow)}
.hero3 .tagline{color:var(--yellow)}
.hero3 .lede{color:#dbe8f5;font-size:20px;max-width:42ch}
.hero3 .starter{border:0;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.hero3 p a{color:#fff}
.collage{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:12px;position:relative}
.collage img{width:100%;height:100%;object-fit:cover;border:5px solid #fff;box-shadow:0 14px 34px rgba(0,0,0,.3)}
.collage img:first-child{grid-row:1/3;aspect-ratio:4/5}
.collage .badge{position:absolute;left:-22px;bottom:-22px;background:#fff;padding:8px;box-shadow:0 10px 26px rgba(0,0,0,.3);width:150px}
.collage .badge img{border:0;box-shadow:none;height:auto;aspect-ratio:auto;object-fit:contain}
.ico{width:30px;height:30px;stroke:var(--yellow);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.svcgrid{grid-template-columns:repeat(4,1fr)}
.svcgrid .svc{border:0;border-bottom:4px solid var(--blue);box-shadow:0 2px 10px rgba(16,28,43,.08)}
.svcgrid .svc p{font-size:15px;color:#3a4756}
.svc .noimg{align-items:center;justify-content:center;border-top:0;padding:0}
.svc .noimg .ico{width:84px;height:84px;stroke-width:1.3;margin:0}
.steps .ico{stroke:var(--blue-deep)}
.steps li::before{float:right;font-size:34px;color:var(--line)}
@media(max-width:1000px){.svcgrid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.hero3>.wrap{grid-template-columns:1fr;padding-top:34px;padding-bottom:44px}.collage .badge{left:8px;bottom:8px;width:110px}}
@media(max-width:480px){.svcgrid{gap:10px}.svcgrid .svc .body{padding:10px}.svcgrid .svc p{display:none}.svcgrid h3{font-size:16px}}

/* ---- Pass 4: one design on every page, phone menu, sharp photos only ---- */
body{font-size:16.5px}
.hero3 h1{font-size:clamp(34px,4.8vw,58px);line-height:1.04;letter-spacing:-.025em}
.hero3.sub h1{font-size:clamp(30px,4vw,48px)}
.hero3 a.gbadge{color:var(--ink)}
.hero3 .crumb{color:#dbe8f5;font-size:15px}
.hero3 .note{font-size:15px;color:#dbe8f5}
.hero3>.wrap.noimg{grid-template-columns:1fr}
.hero-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border:5px solid #fff;box-shadow:0 14px 34px rgba(0,0,0,.3)}
.gbadge small{font-weight:600}
.menu-btn{display:none;border:2px solid var(--ink);background:#fff;color:var(--ink);font-weight:700;padding:7px 14px;border-radius:4px;cursor:pointer;margin-left:auto}
nav a.x{display:none}
.own{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.own img{width:100%;aspect-ratio:1;object-fit:cover}
.promo4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.promo4 img{width:100%;border:1px solid var(--line)}
.offer{border-top:3px solid var(--ink);padding-top:12px}
@media(max-width:1180px){
 header.main{position:static}
 .menu-btn{display:block}
 header.main .switch{margin-left:0}
 nav{display:none !important}
 header.main.open nav{display:flex !important;flex-direction:column;flex-basis:100%;order:5;gap:0;overflow:visible;padding-bottom:8px}
 header.main.open nav a{font-size:17px;padding:13px 2px;border-bottom:1px solid var(--line);white-space:normal}
 header.main.open nav a.x{display:block;font-weight:600;color:var(--blue-deep)}
}
@media(max-width:640px){.promo4{grid-template-columns:1fr 1fr;gap:10px}.own{gap:8px}}
.ageuk{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-left:6px solid var(--blue);padding:22px}
.ageuk img{width:100%;height:auto}
@media(max-width:640px){.ageuk{grid-template-columns:1fr}.ageuk img{max-width:220px}}
.top .links a.s{opacity:.85}
@media(max-width:1100px){.top .links a.s{display:none}}
.promo-bar{display:block;background:var(--yellow);color:#231c00;text-decoration:none;font-size:15.5px;padding:9px 0}
.promo-bar b{background:var(--red);color:#fff;padding:2px 8px;margin-right:8px;font-family:var(--display);font-size:13px}
.promo-bar .wrap{display:block}
.steps li::before{float:none;display:inline-block;width:34px;height:34px;line-height:34px;text-align:center;border-radius:50%;background:var(--blue-deep);color:#fff;font-size:17px;margin:0 10px 6px 0;vertical-align:middle}
.steps .ico{vertical-align:middle;margin:0 0 6px}
.steps b{display:block}
.svc.ask{background:var(--blue-deep);color:#fff;justify-content:center;padding:22px;gap:10px;border-bottom-color:var(--yellow)}
.svc.ask h3{color:#fff;font-size:22px}.svc.ask span{text-decoration:underline}
.also{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.photo-tall img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media(min-width:1181px){nav{flex-wrap:nowrap}nav a{font-size:14px}}
@media(max-width:1330px) and (min-width:1181px){nav a{font-size:13px}nav{gap:2px 8px}.logo img{height:56px}header.main .btn{padding:9px 12px}}
.svc.ask p{color:#dbe8f5}
.secure{font-size:14px;color:var(--muted)}
@media(max-width:1180px){header.main .wrap{flex-wrap:wrap}.menu-btn{order:4;margin-left:0}header.main .switch{order:2;margin-left:auto}header.main .btn{order:3}}
@media(max-width:420px){header.main .wrap{gap:8px}.logo img{height:40px}.menu-btn{padding:6px 10px}}
/* declutter: quiet notice, switch in top bar, bigger logo */
.notice{background:#f3f4f6;color:#555;font-size:12px;padding:3px 0}
.top{padding:7px 0}.top .wrap{align-items:center}
.top .links{display:flex !important;align-items:center;gap:18px}.top .links a{margin:0}
.top .switch{border:1px solid rgba(255,255,255,.5);border-radius:4px}
.top .switch button{background:transparent;color:#fff;font-size:13px;padding:3px 10px;font-weight:600}
.top .switch button[aria-pressed="true"]{background:#fff;color:var(--ink)}
.logo img{height:88px}
header.main .wrap{padding-top:10px;padding-bottom:10px}
.promo-bar{font-size:15px;padding:7px 0}
@media(min-width:1181px){nav a{font-size:15px}nav{gap:2px 16px}}
@media(max-width:1330px) and (min-width:1181px){.logo img{height:76px}nav a{font-size:14px}nav{gap:2px 11px}}
@media(max-width:1180px){.logo img{height:64px}header.main .btn{margin-left:auto}}
@media(max-width:640px){.logo img{height:56px}.menu-btn{margin-left:auto}.top .links a{display:none}.top .wrap{gap:6px 12px}}
.gbadge{border:1px solid var(--line)}.gbadge b{font-size:22px;white-space:nowrap}
@media(max-width:640px){.top .wrap>span:last-child a[href^="mailto"],.top .wrap>span:last-child a[href^="tel:020"]{display:none}.top .wrap{flex-wrap:nowrap;font-size:13px}.top .wrap>span:last-child{white-space:nowrap}.notice{display:none}.hide-m{display:none}.why div{font-size:0;padding:2px 0 2px 12px}.why b{font-size:16px}.why{grid-template-columns:1fr 1fr;gap:10px}.promo-bar{font-size:14px}}
.cookie{position:fixed;left:16px;bottom:16px;z-index:9;max-width:420px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);box-shadow:0 10px 30px rgba(0,0,0,.2);padding:14px 16px;display:flex;flex-direction:column;gap:10px;font-size:14.5px}
.cookie[hidden]{display:none}.cookie .btn{padding:8px 14px}
@media(max-width:640px){.cookie{left:8px;right:8px;bottom:58px;max-width:none}}
.aujobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.aujobs div{background:#fff;border:1px solid var(--line);padding:12px 14px;display:flex;flex-direction:column;gap:3px}.aujobs b{font-size:15.5px;line-height:1.3}.aujobs small{color:var(--muted)}.aujobs .stars{font-size:13px}
@media(max-width:640px){.ageuk{grid-template-columns:1fr !important}.ageuk h2{font-size:22px}.aujobs{grid-template-columns:1fr 1fr}.ageuk,.aujobs,.aujobs div{min-width:0}}
@media(max-width:640px){#view .btn{white-space:normal}}

/* Consistent A-series promotional poster */
.promo4 > a{min-width:0}
.promo4 > a:not(.promo-flat)>img{display:block;width:100%;height:auto}
.promo4 .promo-flat{display:grid;grid-template-rows:52% 48%;aspect-ratio:0.705;min-width:0;min-height:0;overflow:hidden;background:#fff;border:1px solid var(--line);color:var(--blue-deep);text-decoration:none;box-shadow:none}
.promo4 .promo-flat:hover,.promo4 .promo-flat:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.promo4 .flat-photo{min-height:0;display:block;overflow:hidden}
.promo4 .flat-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%;border:0;box-sizing:border-box}
.promo4 .flat-copy{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(2px,0.42vw,6px);padding:clamp(4px,0.9vw,10px);box-sizing:border-box}
.promo4 .flat-title{font-family:var(--display);font-size:clamp(10px,1.35vw,18px);line-height:1.15;font-weight:800;letter-spacing:-.01em;color:#082b56}
.promo4 .flat-price{font-family:var(--display);font-size:clamp(25px,3vw,38px);font-weight:900;line-height:1.05;color:#a4002e;white-space:nowrap}
.promo4 .flat-price span{font:700 clamp(9px,1vw,14px)/1.1 var(--body,Inter,Arial,sans-serif);margin-left:2px;vertical-align:baseline;color:#082b56}
.promo4 .flat-net{font-size:clamp(10px,1vw,14px);line-height:1.15;font-weight:600;color:#253f56}
.promo4 .flat-min{font-size:clamp(9px,.94vw,13px);line-height:1.15;color:#475569}
.promo4 .flat-cta{align-self:stretch;display:block;background:#a4002e;color:#fff;padding:clamp(4px,.55vw,8px) 3px;border-radius:2px;font-family:var(--display);font-size:clamp(9px,1.04vw,13px);line-height:1.1}
@media(max-width:640px){.promo4 .flat-copy{gap:3px;padding:4px}.promo4 .flat-price{font-size:clamp(22px,6vw,34px)}.promo4 .flat-price span{font-size:clamp(9px,2.7vw,12px)}.promo4 .flat-title{font-size:clamp(10px,3vw,14px)}.promo4 .flat-cta{font-size:clamp(9px,2.7vw,12px);padding:5px 2px}.promo4 .flat-net,.promo4 .flat-min{font-size:clamp(9px,2.45vw,11px)}}


/* Location pages: service links are deliberately photo-light instead of repeating the same six pictures in nine areas */
.area-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.area-service-link{display:flex;flex-direction:column;gap:9px;min-width:0;min-height:148px;padding:18px 19px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);color:var(--ink);text-decoration:none}
.area-service-link:hover{border-top-color:var(--red)}
.area-service-link h3{font-family:var(--display);font-size:19px;line-height:1.25;color:#082b56}
.area-service-link p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.area-service-link strong{font-size:13px;color:var(--blue-deep);margin-top:auto}
@media(max-width:820px){.area-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.area-services-grid{grid-template-columns:1fr}.area-service-link{min-height:0;padding:14px 16px;gap:6px}}