:root{
  --orange:#F58131; --orange-d:#DC6A1B;
  --blue:#0B56A5; --blue-d:#07407C; --blue-l:#1268BF;
  --ink:#111827; --body:#4B5563; --line:#E5E7EB; --bg:#F7F8FA; --white:#fff;
  --wrap:1180px; --r:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Nunito Sans',system-ui,-apple-system,sans-serif;color:var(--body);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Nunito Sans',system-ui,sans-serif;color:var(--ink);line-height:1.14;letter-spacing:-.02em;font-weight:800}
h1{font-size:clamp(2.35rem,5.3vw,3.85rem);font-weight:900}
h2{font-size:clamp(1.75rem,3.4vw,2.6rem);font-weight:800}
h3{font-size:1.22rem;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 1rem}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:700;font-size:1.02rem;padding:1rem 1.9rem;border-radius:8px;transition:.18s;border:2px solid transparent;cursor:pointer;font-family:'Nunito Sans',sans-serif}
.btn-o{background:var(--orange);color:#fff;box-shadow:0 4px 14px rgba(245,129,49,.32)}
.btn-o:hover{background:var(--orange-d);transform:translateY(-2px);box-shadow:0 8px 22px rgba(245,129,49,.4)}
.btn-w{background:#fff;color:var(--blue);border-color:#fff}
.btn-w:hover{background:transparent;color:#fff}
.btn-b{background:var(--blue);color:#fff}
.btn-b:hover{background:var(--blue-d)}
.eyebrow{font-family:'Nunito Sans';font-weight:700;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin-bottom:.9rem}
.lead{font-size:1.16rem;color:var(--body);max-width:60ch}
h2+.lead,h2+p{margin-top:1.1rem}
.hl{color:var(--orange)}
.david .hl{color:#FFB27A}
.sub-h{font-family:'Nunito Sans';font-size:1.22rem;font-weight:700;color:var(--blue);letter-spacing:-.01em;margin-top:.75rem!important}
section{padding:82px 0}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}

/* TOP BAR */
.topbar{background:var(--blue-d);color:#fff;font-size:.86rem;padding:.55rem 0}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.topbar .tb-l{display:flex;gap:1.6rem;flex-wrap:wrap;opacity:.94}
.topbar b{color:#FFDCC0}

/* HEADER */
header{position:sticky;top:0;z-index:130;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 12px rgba(0,0,0,.05)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:.85rem;padding-bottom:.85rem}
.logo{display:flex;align-items:center;gap:.6rem}
.logo-img{height:74px;width:auto}

.logo-mark{width:46px;height:46px;border-radius:9px;background:var(--orange);display:grid;place-items:center;color:#fff;flex-shrink:0}
.logo-txt{font-family:'Nunito Sans';line-height:1}
.logo-txt .a{display:block;font-size:1.42rem;font-weight:700;color:var(--blue);letter-spacing:.01em}
.logo-txt .b{display:block;font-size:.72rem;font-weight:600;color:var(--orange);letter-spacing:.19em;margin-top:2px}
nav{display:flex;gap:1.9rem;align-items:center}
nav a{font-size:.94rem;font-weight:600;color:var(--ink);transition:.15s}
nav a:hover{color:var(--orange)}
.hd-cta{display:flex;align-items:center;gap:1rem}
.hd-phone{font-family:'Nunito Sans';font-size:1.4rem;font-weight:800;color:var(--blue);letter-spacing:-.01em;white-space:nowrap}
.hd-phone span{display:block;font-family:'Nunito Sans';font-size:.64rem;font-weight:600;color:var(--body);letter-spacing:.1em;text-transform:uppercase;margin-top:-2px}

/* HERO */
.hero{position:relative;background:linear-gradient(112deg,var(--blue-d) 0%,var(--blue) 52%,#1268BF 100%);color:#fff;overflow:hidden;padding:0}
.hero::after{content:"";position:absolute;right:-8%;top:-30%;width:60%;height:160%;background:radial-gradient(circle,rgba(245,129,49,.24),transparent 62%)}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center;padding:56px 0 56px}
.hero-copy{position:relative;z-index:2}
.hero h1{color:#fff;margin-bottom:1.15rem}
.hero h1 em{font-style:normal;color:var(--orange);display:block}
.hero-sub{font-size:1.2rem;color:#D6E4F5;max-width:52ch;margin-bottom:1.9rem}
.hero-btns{display:flex;gap:.9rem;flex-wrap:wrap;margin-bottom:2.2rem}
.hero-badges{display:flex;gap:1.9rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.19);padding-top:1.5rem}
.hb{display:flex;align-items:center;gap:.6rem;font-size:.93rem;font-weight:600;color:#fff}
.hb svg{flex-shrink:0;color:#FFB27A}
.hero-img{position:relative;z-index:2;align-self:end}
.hero-img img{width:100%;object-fit:cover;object-position:center 32%;border-radius:16px;max-height:470px;box-shadow:0 22px 50px rgba(0,0,0,.3)}
.hero-tag{position:absolute;left:-24px;bottom:72px;background:var(--orange);color:#fff;padding:.85rem 1.3rem;border-radius:11px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.hero-tag b{font-family:'Nunito Sans';font-size:1.4rem;font-weight:800;display:block;line-height:1}
.hero-tag span{font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;font-weight:600;opacity:.95}

/* TRUST STRIP */
.strip{background:var(--orange);color:#fff;padding:0}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.strip .s{padding:26px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.22)}
.strip .s:last-child{border-right:0}
.strip b{font-family:'Nunito Sans';display:block;font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:.25rem}
.strip span{font-size:.82rem;font-weight:500;opacity:.96}

/* INTRO */
.intro{background:var(--bg)}
/* on inner pages the intro is followed by a grey .sec-alt, so flip it to
   white to keep an edge between the two blocks */
.svc-hero ~ .intro,.strip + .intro{background:#fff;border-bottom:1px solid var(--line)}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.intro-img{border-radius:var(--r);overflow:hidden;box-shadow:0 18px 44px rgba(17,24,39,.13)}
.intro-img{position:relative;margin:0}
.intro-img img{aspect-ratio:4/3;object-fit:cover;width:100%}
.intro-img figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(7,64,124,.92));color:#fff;font-size:.86rem;font-weight:600;padding:2.2rem 1.1rem .9rem}

/* SERVICES */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.22s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(17,24,39,.13);border-color:#D8DDE5}
.card-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg)}
.card-img img{width:100%;height:100%;object-fit:cover;transition:.4s}
.card:hover .card-img img{transform:scale(1.05)}
.card-ic{position:absolute;left:18px;bottom:-22px;width:44px;height:44px;border-radius:10px;background:var(--orange);display:grid;place-items:center;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.22)}
.card-b{padding:26px 22px 26px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.card-b h3{margin-bottom:.55rem}
.card-b p{font-size:.96rem;margin:0 0 1.05rem}
.card-call{display:inline-flex;align-items:center;gap:.4rem;font-size:1rem;font-weight:700;color:var(--blue);border-bottom:1px solid rgba(11,86,165,.28);padding-bottom:2px;transition:.18s}
.card-call:hover{color:var(--orange);border-color:var(--orange)}
.card-call svg{transition:.18s}
.card-call:hover svg{transform:translateX(3px)}

/* JIM BAND */
.jimband{background:var(--orange);position:relative;overflow:hidden}
.jimband .wrap{display:flex;align-items:center;gap:2rem;min-height:186px;position:relative}
.jim-fig{position:absolute;left:12px;bottom:0;height:182px;width:auto;pointer-events:none}
.jimband-in{margin-left:230px;flex:1;text-align:center;padding:26px 0}
.jimband-txt{font-family:'Nunito Sans';font-size:clamp(1.35rem,2.3vw,1.95rem);font-weight:800;font-style:italic;color:#fff;text-transform:none;margin:0 0 1.05rem;letter-spacing:.01em}
.jimband-btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.jb-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.82rem 1.7rem;border-radius:50px;font-weight:700;font-size:.98rem;transition:.18s}
.jb-blue{background:var(--blue);color:#fff}
.jb-blue:hover{background:var(--blue-d);transform:translateY(-2px)}
.jb-dark{background:#1F2937;color:#fff}
.jb-dark:hover{background:#111827;transform:translateY(-2px)}

/* DAVID */
.david{background:linear-gradient(150deg,var(--blue-d),var(--blue));color:#fff}
.david h2{color:#fff}
.david-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.david-img{border-radius:var(--r);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.36);border:4px solid rgba(255,255,255,.13)}
.david-img img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 30%}
.david h2{margin-bottom:1.1rem}
.david p{color:#D6E4F5;font-size:1.08rem}
.sig{font-family:'Nunito Sans';font-size:1.35rem;font-weight:800;color:#FFB27A;margin-top:1.4rem;display:block}
.sig span{display:block;font-family:'Nunito Sans';font-size:.8rem;color:#AFC8E8;text-transform:none;letter-spacing:.03em;font-weight:500}

/* WHY */
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:48px}
.why{display:flex;gap:20px;padding:30px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:0 var(--r) var(--r) 0;transition:.2s}
.why:hover{box-shadow:0 12px 30px rgba(17,24,39,.1);transform:translateX(3px)}
.why-ic{width:50px;height:50px;border-radius:11px;background:#FEF0E6;color:var(--orange);display:grid;place-items:center;flex-shrink:0}
.why h3{margin-bottom:.45rem;font-size:1.28rem}
.why p{font-size:.96rem;margin:0}

/* PROCESS */
.process{background:var(--bg)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:52px;counter-reset:s}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px 24px 28px;position:relative;counter-increment:s}
.step::before{content:"0" counter(s);position:absolute;top:-19px;left:24px;font-family:'Nunito Sans';font-size:2.3rem;font-weight:900;color:var(--orange);line-height:1;background:var(--bg);padding:0 8px}
.step h3{font-size:1.2rem;margin:.5rem 0 .5rem}
.step p{font-size:.94rem;margin:0}

/* COMPLIANCE */
.comp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 22px;text-align:center;transition:.2s;display:flex;flex-direction:column;align-items:center}
.cc:hover{border-color:var(--orange);box-shadow:0 12px 30px rgba(17,24,39,.09);transform:translateY(-3px)}
.cc-ic{width:48px;height:48px;border-radius:12px;background:#FEF0E6;color:var(--orange);display:grid;place-items:center;margin-bottom:1rem}
.cc b{font-family:'Nunito Sans';font-size:1.3rem;font-weight:800;color:var(--blue);line-height:1.15;margin-bottom:.35rem}
.cc-l{font-size:.92rem;color:var(--body);margin-bottom:.5rem}
.cc-m{font-size:.82rem;color:#9CA3AF}
.cc a{font-size:.87rem;font-weight:600;color:var(--blue);border-bottom:1px solid rgba(11,86,165,.28);padding-bottom:2px;margin-top:auto}
.cc a:hover{color:var(--orange);border-color:var(--orange)}
.comp-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.4rem;margin-top:38px;padding:22px 28px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);font-size:.95rem}
.comp-bar b{font-family:'Nunito Sans';font-size:1.15rem;font-weight:800;color:var(--orange);margin-right:.25rem}

/* AREAS */
.areas{background:var(--bg)}
/* Service-area chips. A centred flex-wrap left ragged rows and a lone orphan on
   the last line. Fixed flex-basis keeps rows even and still centres a remainder. */
.area-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
.area-tags a{text-decoration:none;display:block;flex:0 1 calc((100% - 5 * 12px) / 6)}
.area-tags a span{display:flex;align-items:center;justify-content:center;height:100%;background:#fff;border:1px solid var(--line);padding:.7rem 1rem;border-radius:50px;font-size:.93rem;font-weight:600;color:var(--ink);transition:.18s;text-align:center}
.area-tags a:hover span{border-color:var(--orange);color:var(--orange);box-shadow:0 8px 20px rgba(17,24,39,.08);transform:translateY(-2px)}
.area-tags a:focus-visible span{outline:2px solid var(--orange);outline-offset:2px}
@media(max-width:1100px){.area-tags a{flex-basis:calc((100% - 3 * 12px) / 4)}}
@media(max-width:760px){.area-tags{gap:10px}.area-tags a{flex-basis:calc((100% - 2 * 10px) / 3)}.area-tags a span{font-size:.86rem;padding:.6rem .5rem}}
@media(max-width:420px){.area-tags a{flex-basis:calc((100% - 10px) / 2)}}

/* CTA */
.cta{background:linear-gradient(112deg,var(--orange) 0%,#DC6A1B 100%);color:#fff;text-align:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 45%,rgba(255,255,255,.16),transparent 55%)}
.cta .wrap{position:relative;z-index:2}
.cta h2{color:#fff;margin-bottom:1rem}
.cta p{color:rgba(255,255,255,.96);font-size:1.16rem;max-width:64ch;margin:0 auto 2rem}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.cta-note{margin-top:1.7rem;font-size:.9rem;opacity:.92}

/* FAQ */
details{border:1px solid var(--line);border-radius:11px;margin-bottom:12px;background:#fff;transition:.2s}
details[open]{border-color:var(--orange);box-shadow:0 6px 20px rgba(17,24,39,.08)}
summary{padding:1.15rem 1.5rem;font-weight:700;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:1.02rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:'Nunito Sans';font-size:1.6rem;font-weight:700;color:var(--orange);line-height:1;flex-shrink:0}
details[open] summary::after{content:"−"}
details p{padding:0 1.5rem 1.3rem;margin:0;font-size:.99rem}
.faq-wrap{max-width:850px;margin:44px auto 0}

/* FOOTER */
footer{background:var(--ink);color:#9CA3AF;padding:66px 0 0;font-size:.94rem}
.f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:44px;padding-bottom:46px}
footer h4{color:#fff;font-size:1.05rem;margin-bottom:1.1rem;letter-spacing:.04em}
footer a:hover{color:var(--orange)}
.f-list{list-style:none;display:grid;gap:.65rem}
.f-logo{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem}
footer .logo-img{height:108px}
.f-logo .logo-txt .a{color:#fff}
.f-phone{font-family:'Nunito Sans';font-size:1.8rem;font-weight:800;color:#fff;display:block;margin-bottom:.3rem}
.f-bot{border-top:1px solid #1F2937;padding:24px 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.86rem}

/* MODAL */
.modal{position:fixed;inset:0;z-index:200;display:none}
.modal.on{display:block}
.modal-bg{position:absolute;inset:0;background:rgba(7,64,124,.55);backdrop-filter:blur(3px)}
.modal-box{position:relative;background:#fff;max-width:520px;margin:5vh auto;border-radius:16px;padding:34px 32px;box-shadow:0 30px 70px rgba(0,0,0,.3);max-height:90vh;overflow:auto}
.modal-x{position:absolute;right:14px;top:10px;background:none;border:0;font-size:1.9rem;line-height:1;color:#9CA3AF;cursor:pointer}
.modal-x:hover{color:var(--ink)}
.bform label{display:block;font-size:.86rem;font-weight:700;color:var(--ink);margin-bottom:.85rem}
.bform input,.bform select,.bform textarea{width:100%;margin-top:.3rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:.95rem;font-weight:400;color:var(--ink);background:#fff}
.bform input:focus,.bform select:focus,.bform textarea:focus{outline:2px solid var(--orange);outline-offset:1px;border-color:var(--orange)}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.hp{position:absolute!important;left:-9999px!important}
@media(max-width:520px){.fr{grid-template-columns:1fr}.modal-box{margin:0;border-radius:0;min-height:100vh}}


/* MOBILE NAV */
.burger{display:none;background:none;border:0;padding:.45rem;cursor:pointer;position:relative;z-index:130;order:3;margin-left:auto}
.burger span{display:block;width:26px;height:3px;background:var(--blue);border-radius:3px;margin:5px 0;transition:.25s}
.burger.on span{background:#fff}
.burger.on span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger.on span:nth-child(2){opacity:0}
.burger.on span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:120;background:var(--blue-d);display:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:.15rem;padding:96px 24px 40px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mnav.on{display:flex}
.mnav a{color:#fff;font-size:1.32rem;font-weight:800;padding:.55rem 1rem;font-family:'Nunito Sans',sans-serif}
.mnav a:hover{color:var(--orange)}
.mnav .mn-cta{display:flex;flex-direction:column;gap:.7rem;margin-top:1.4rem;width:100%;max-width:300px}
.mnav .mn-cta .btn{width:100%}

/* MOBILE CALL BAR */
.callbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--orange);box-shadow:0 -3px 16px rgba(0,0,0,.2)}
.callbar a{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem;color:#fff;font-weight:700;font-size:1.08rem}

@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:30px;padding:44px 0 48px}
  .hero-img{display:block;order:2}
  .hero-img img{max-height:320px;object-position:center 30%}
  .intro-grid,.david-grid,.comp-grid{grid-template-columns:1fr;gap:38px}
  .svc-grid,.steps,.comp-cards{grid-template-columns:repeat(2,1fr)}
  .jim-fig{height:150px;left:-14px}
  .jimband-in{margin-left:150px}
  .strip .wrap{grid-template-columns:repeat(2,1fr)}
  .strip .s:nth-child(2){border-right:0}
  .strip .s:nth-child(1),.strip .s:nth-child(2){border-bottom:1px solid rgba(255,255,255,.22)}
  nav,.hd-phone span{display:none}
  .burger{display:block}
  .logo-img{height:56px}
  .f-grid{grid-template-columns:1fr 1fr;gap:34px}
}
@media(max-width:640px){
  section{padding:58px 0}
  .svc-grid,.steps,.why-grid,.f-grid,.comp-cards{grid-template-columns:1fr}
  .jim-fig{display:none}
  .jimband-in{margin-left:0}
  .jimband .wrap{min-height:auto}
  .strip .wrap{grid-template-columns:1fr}
  .strip .s{border-right:0;border-bottom:1px solid rgba(255,255,255,.22)}
  .topbar .tb-l{display:none}
  .burger{display:block}
  .logo-img{height:46px}
  .hd-phone{font-size:1.02rem}
  header .wrap{gap:.6rem;padding-top:.55rem;padding-bottom:.55rem}
  .hd-cta .btn{display:none}
  .hd-cta{gap:.5rem;order:2}
  header .wrap{flex-wrap:nowrap}
  .topbar .wrap{justify-content:center}
  body{padding-bottom:62px}
  .callbar{display:block}
  .hero-btns .btn{width:100%}
}
.nav-dd{position:relative;display:inline-block}
.nav-dd-t{display:inline-flex;align-items:center;gap:.32rem}
.nav-dd-m{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(17,24,39,.16);padding:.5rem;min-width:236px;display:none;z-index:140}
.nav-dd:hover .nav-dd-m,.nav-dd:focus-within .nav-dd-m{display:block}
.nav-dd-m a{display:block;padding:.62rem .85rem;border-radius:8px;font-size:.95rem;font-weight:600;color:var(--ink);white-space:nowrap}
.nav-dd-m a:hover{background:#F4F7FB;color:var(--orange)}
.nav-dd-all{border-top:1px solid var(--line);margin-top:.35rem;padding-top:.7rem!important;color:var(--blue)!important;font-weight:800!important}
.nav-dd-all:hover{color:var(--orange)!important}
@media(max-width:1040px){.nav-dd-m{display:none!important}}
.mnav .mn-sub{font-size:.98rem!important;opacity:.8;font-weight:600!important;padding:.34rem 1rem!important}
.mnav .mn-cta{margin-top:1.1rem!important;padding-bottom:20px}

/* when the mobile menu is open, let the blue overlay show through the header */
body.mnav-open header{background:transparent;border-bottom-color:transparent;box-shadow:none}
body.mnav-open .hd-phone{color:#fff}
body.mnav-open .hd-phone span{color:#CFE0F4}
body.mnav-open .logo-img{filter:brightness(0) invert(1)}

/* ============================================================ SERVICE PAGES */
.wrap.narrow{max-width:900px}

.svc-hero{background:linear-gradient(112deg,var(--blue-d),var(--blue) 55%,#1268BF);color:#fff;position:relative;overflow:hidden;padding:0}
.svc-hero::after{content:"";position:absolute;right:-8%;top:-40%;width:55%;height:170%;background:radial-gradient(circle,rgba(245,129,49,.2),transparent 62%);pointer-events:none}
.svc-hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center;padding-top:46px;padding-bottom:46px}
.svc-hero h1{color:#fff;font-size:clamp(2rem,4.4vw,3.35rem);margin-bottom:1rem}
.svc-hero h1 .hl{color:var(--orange)}
.svc-hero .lead{color:#D6E4F5;font-size:1.14rem;max-width:56ch;margin:0 0 1.6rem}
.svc-hero-img{border-radius:var(--r);overflow:hidden;box-shadow:0 22px 54px rgba(0,0,0,.34)}
.svc-hero-img{align-self:center}
.svc-hero-img img{width:100%;object-fit:cover;object-position:center 32%;border-radius:16px;max-height:340px;box-shadow:0 22px 50px rgba(0,0,0,.3)}
.scrumb{font-size:.85rem;color:#AFC8E8;margin-bottom:1.1rem}
.scrumb a{color:#AFC8E8}.scrumb a:hover{color:#fff}.scrumb span{color:#fff}
.svc-btns{display:flex;gap:.9rem;flex-wrap:wrap}
.svc-btns.ctr{justify-content:center}
.svc-btns .btn svg{margin-right:.1rem}
.svc-badges{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.18)}
.svc-badges span{display:flex;align-items:center;gap:.5rem;font-size:.93rem;color:#CFE0F4;font-weight:600}
.svc-badges svg{color:var(--orange);flex-shrink:0}

/* ---- Jim Penman trust band (under the hero on every page) ---- */
.penman{background:#fff;border-bottom:1px solid var(--line);padding:0}
.penman .wrap{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center;padding-top:52px;padding-bottom:52px}
.penman-img{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:0 14px 34px rgba(17,24,39,.16)}
.penman-img img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 22%}
.penman-b h2{font-size:clamp(1.5rem,2.6vw,2.05rem);margin-bottom:.7rem}
.penman-b p{font-size:1.02rem;max-width:64ch;margin-bottom:1.3rem}
.penman-cta{display:flex;gap:.8rem;flex-wrap:wrap}
.penman-sig{font-size:.86rem!important;font-weight:700;color:var(--ink);opacity:.72;margin:1.1rem 0 0!important}
.btn-g{background:#fff;color:var(--blue);border-color:var(--line)}
.btn-g:hover{border-color:var(--orange);color:var(--orange)}

/* ---- generic sections ---- */
.sec{padding:78px 0}
.sec-alt{background:var(--bg)}
.sec-lead{font-size:1.06rem;max-width:70ch;margin:1rem 0 0}
.sec-head{max-width:80ch}
.sec-head h2 .hl{color:var(--orange)}
.sec-head.sh-ctr{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.sh-ctr .sec-lead{margin-left:auto;margin-right:auto}
.sec-head.sh-right{margin-left:auto;text-align:right}
.sec-head.sh-right .sec-lead{margin-left:auto}
.sec-head.sh-ctr + .svc-btns,.sec-head.sh-ctr + .pflow{margin-top:2rem}

.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.sgrid-2{grid-template-columns:repeat(2,1fr)}
.scard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 30px 32px;transition:.2s}
.scard:hover{box-shadow:0 16px 38px rgba(17,24,39,.1);border-color:#D8DDE5;transform:translateY(-3px)}
.scard h3{margin-bottom:.55rem;font-size:1.14rem}
.scard p{font-size:.97rem;margin:0;line-height:1.62}
.scard a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.scard a:hover{color:var(--orange)}
.scard-t{width:46px;height:46px;border-radius:12px;background:#FEF0E6;color:var(--orange);display:grid;place-items:center;margin-bottom:1.05rem}
.sgrid.wide-last > .scard:last-child{grid-column:1 / -1}
.sgrid.wide-last > .scard:last-child p{max-width:74ch}

/* ---- split section: copy + image ---- */
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.split.flip .split-img{order:2}
.split-img{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:0 18px 44px rgba(17,24,39,.15);position:sticky;top:110px}
.split-img img{width:100%;aspect-ratio:3/4;object-fit:cover}
.split-b h2{margin-bottom:.2rem}
.sp-list{list-style:none;display:grid;gap:1.35rem;margin-top:2rem}
.sp-list li{display:flex;gap:1rem;align-items:flex-start}
.sp-i{width:42px;height:42px;border-radius:11px;background:#FEF0E6;color:var(--orange);display:grid;place-items:center;flex-shrink:0}
.sp-list b{display:block;color:var(--ink);font-size:1.06rem;font-weight:800;margin-bottom:.2rem}
.sp-list p{font-size:.97rem;margin:0}
.sp-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2.2rem}

/* ---- inline CTA strip ---- */
.icta{background:var(--blue-d);color:#fff;padding:34px 0!important}
.icta-in{display:flex;align-items:center;justify-content:space-between;gap:2.4rem;flex-wrap:wrap}
.icta h3{color:#fff;font-size:1.42rem;margin-bottom:.3rem}
.icta p{color:#C9DCF2;margin:0;max-width:60ch;font-size:1rem}
.icta-b{display:flex;gap:.8rem;flex-wrap:wrap;flex-shrink:0}

/* ---- big CTA band ---- */
.cta-band{background:linear-gradient(112deg,var(--blue-d),var(--blue) 60%,#1268BF);color:#fff;padding:74px 0!important;text-align:center;position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;left:-6%;bottom:-60%;width:46%;height:170%;background:radial-gradient(circle,rgba(245,129,49,.22),transparent 62%)}
.cta-band .wrap{position:relative;z-index:2}
.cta-band h2{color:#fff;max-width:22ch;margin:0 auto 1rem}
.cta-band h2 .hl{color:var(--orange)}
.cta-band p{color:#D6E4F5;max-width:70ch;margin:0 auto 2rem;font-size:1.06rem}

/* ---- numbered process ---- */
.pflow{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;margin-top:48px;counter-reset:pf}
.pstep{position:relative}
.pstep-n{counter-increment:pf;width:44px;height:44px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.15rem;margin-bottom:1rem;box-shadow:0 6px 16px rgba(245,129,49,.3)}
.pstep-n::before{content:counter(pf)}
.pstep h3{font-size:1.04rem;margin:0 0 .5rem}
.pstep p{font-size:.94rem;margin:0}
.pstep:not(:last-child)::after{content:"";position:absolute;top:22px;left:56px;right:-26px;height:2px;background:linear-gradient(90deg,rgba(245,129,49,.34),rgba(245,129,49,.08))}

/* ---- compliance + sticky side CTA ---- */
.comp-wrap{display:grid;grid-template-columns:1.55fr .95fr;gap:32px;align-items:start}
.comp{background:var(--blue-d);color:#fff;border-radius:var(--r);padding:44px 46px}
.comp h2{color:#fff}.comp h2 .hl{color:var(--orange)}
.comp p{color:#C9DCF2;max-width:74ch}
.comp ul{list-style:none;display:grid;gap:1rem;margin-top:1.8rem}
.comp li{display:flex;gap:.85rem;font-size:1rem;color:#DCE9F7;line-height:1.6}
.comp li svg{color:var(--orange);flex-shrink:0;margin-top:5px}
.comp a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:700}
.comp a:hover{color:var(--orange)}
.comp-side{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;position:sticky;top:110px;display:grid;gap:.75rem}
.comp-side h3{font-size:1.24rem}
.comp-side p{font-size:.96rem;margin:0 0 .4rem}
.comp-side .btn{width:100%}
.cs-list{list-style:none;display:grid;gap:.6rem;margin-top:.9rem;padding-top:1.1rem;border-top:1px solid var(--line)}
.cs-list li{display:flex;gap:.55rem;align-items:center;font-size:.93rem;font-weight:600;color:var(--ink)}
.cs-list svg{color:var(--orange);flex-shrink:0}

/* ---- areas, faq, related ---- */
.areas-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px;margin-top:26px}
.chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}
.chips span{background:#F1F5FA;border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem;font-size:.9rem;font-weight:600;color:var(--ink)}
.faq-l{max-width:860px;margin:34px auto 0;display:grid;gap:12px}
.fq{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.fq summary{padding:20px 24px;font-weight:700;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:1.03rem}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"+";color:var(--orange);font-size:1.5rem;font-weight:800;line-height:1;flex-shrink:0}
.fq[open] summary::after{content:"\2212"}
.fq p{padding:0 24px 22px;margin:0;font-size:.99rem}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.rel a{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:800;color:var(--ink);transition:.18s}
.rel a:hover{border-color:var(--orange);color:var(--orange);box-shadow:0 10px 26px rgba(17,24,39,.08)}
.rel a span{color:var(--orange);font-size:1.2rem}

/* ---- footer additions ---- */
.f-areas{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .8rem}
.f-areas li{opacity:.82;font-size:.93rem}
.f-verify{display:inline-block;margin-top:1rem;color:var(--orange);font-weight:700;font-size:.92rem}
.f-verify:hover{color:#fff}

/* ---- header dropdown: hover-safe (bridge closes the gap) ---- */
.nav-dd{position:relative;display:inline-block}
.nav-dd-t{display:inline-flex;align-items:center;gap:.32rem}
.nav-dd-t svg{transition:transform .18s}
.nav-dd:hover .nav-dd-t svg{transform:rotate(180deg)}
.nav-dd-t.on{color:var(--orange)}
.nav-dd::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:280px;height:22px;display:none}
.nav-dd:hover::after{display:block}
.nav-dd-m{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(17,24,39,.16);padding:.5rem;min-width:250px;z-index:140;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,transform .16s}
.nav-dd:hover .nav-dd-m,.nav-dd:focus-within .nav-dd-m,.nav-dd.open .nav-dd-m{opacity:1;visibility:visible;pointer-events:auto}
.nav-dd-m a{display:block;padding:.6rem .85rem;border-radius:8px;font-size:.95rem;font-weight:700;color:var(--ink);white-space:nowrap}
.nav-dd-m a:hover{background:#F4F7FB;color:var(--orange)}
.nav-dd-all{border-top:1px solid var(--line);margin-top:.35rem;padding-top:.7rem!important;color:var(--blue)!important;font-weight:800!important}
.nav-dd-all:hover{color:var(--orange)!important}
.mnav .mn-sub{font-size:.98rem!important;opacity:.8;font-weight:600!important;padding:.34rem 1rem!important}
.mnav .mn-cta{margin-top:1.1rem!important;padding-bottom:20px}

@media(max-width:1100px){
  .comp-wrap{grid-template-columns:1fr}
  .comp-side{position:static}
}
@media(max-width:1040px){.nav-dd-m{display:none!important}}
@media(max-width:1000px){
  .sgrid,.sgrid-2{grid-template-columns:repeat(2,1fr)}
  .sgrid.wide-last > .scard:last-child{grid-column:auto}
  .pflow{grid-template-columns:repeat(2,1fr);gap:30px}
  .pstep:not(:last-child)::after{display:none}
  .rel{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr;gap:36px}
  .split.flip .split-img{order:0}
  .split-img{position:static}
  .split-img img{aspect-ratio:16/9}
  .penman .wrap{grid-template-columns:220px 1fr;gap:32px}
}
@media(max-width:820px){
  .svc-hero .wrap{grid-template-columns:1fr;gap:30px;padding-top:44px;padding-bottom:48px}
  .svc-hero-img{order:2}
  .sec{padding:56px 0}
  .sgrid,.sgrid-2{grid-template-columns:1fr}
  .pflow{grid-template-columns:1fr}
  .comp{padding:32px 26px}
  .rel{grid-template-columns:1fr}
  .svc-btns .btn,.sp-cta .btn,.penman-cta .btn{width:100%}
  .penman .wrap{grid-template-columns:1fr;gap:26px;padding-top:40px;padding-bottom:40px}
  .penman-img{max-width:230px}
  .penman-img img{aspect-ratio:4/3}
  .icta-in{flex-direction:column;align-items:flex-start;gap:1.3rem}
  .icta-b{width:100%}.icta-b .btn{flex:1}
  .sec-head.sh-right{text-align:left;margin-left:0}
  .sec-head.sh-right .sec-lead{margin-left:0}
  .cta-band{padding:56px 0}
  .f-areas{grid-template-columns:1fr 1fr}
}

/* ---- hub pages ---- */
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
.hubc{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.hubc:hover{box-shadow:0 18px 42px rgba(17,24,39,.13);border-color:#D8DDE5;transform:translateY(-4px)}
.hubc figure{margin:0;overflow:hidden}
.hubc figure img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:.35s}
.hubc:hover figure img{transform:scale(1.05)}
.hubc-b{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.hubc-b h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--ink)}
.hubc-b p{font-size:.96rem;margin:0 0 1.2rem;line-height:1.6;flex:1}
.hubc-l{color:var(--blue);font-weight:800;font-size:.95rem}
.hubc:hover .hubc-l{color:var(--orange)}

.hubs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.hubs-c{background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;transition:.2s}
.hubs-c:hover{box-shadow:0 14px 34px rgba(17,24,39,.1);transform:translateY(-3px)}
.hubs-c h3{font-size:1.14rem;margin-bottom:.45rem;color:var(--ink)}
.hubs-c p{font-size:.95rem;margin:0 0 1.1rem;flex:1}

/* stub notice (hot water, pending content) */
.notice{background:#FFF8F2;border:1px solid #F6D9C1;border-left:4px solid var(--orange);border-radius:var(--r);padding:32px}
.notice h3{margin-bottom:.6rem}
.notice p{margin-bottom:1.4rem}

/* dark bands: make the secondary button visible */
.cta-band .btn-b,.icta .btn-b{background:#fff;color:var(--blue);border-color:#fff}
.cta-band .btn-b:hover,.icta .btn-b:hover{background:var(--orange);color:#fff;border-color:var(--orange)}

@media(max-width:1000px){
  .hub-grid,.hubs-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .hub-grid,.hubs-grid{grid-template-columns:1fr}
}

/* ---- full-width image band (breaks up long text runs) ---- */
.iband{padding:0;background-size:cover;background-position:center 42%;background-repeat:no-repeat;color:#fff;padding:0}
.iband .wrap{padding-top:74px;padding-bottom:74px}
.iband-in{max-width:56ch}
.iband h2{color:#fff;margin-bottom:.8rem}
.iband p{color:#DCE9F7;font-size:1.06rem;margin-bottom:1.8rem;max-width:52ch}
.iband .svc-btns{margin-top:0}

/* inner-page hero copy column */
.svc-hero-copy .eyebrow{margin-bottom:.7rem}

/* ---- /plumber/ hub: make every card identical ---- */
.hub-grid{grid-auto-rows:1fr}
.hubc{height:100%}
.hubc-b p{min-height:4.6em}
.hubs-grid{grid-auto-rows:1fr}
.hubs-c{height:100%}
.hubs-c p{min-height:4.6em}

@media(max-width:820px){
  .iband .wrap{padding-top:52px;padding-bottom:52px}
  .iband{background-position:center}
  .hubc-b p,.hubs-c p{min-height:0}
}

/* ==================== legacy inner-page components ====================
   (services rows, about/guarantee/contact blocks) */
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.two-img{border-radius:var(--r);overflow:hidden;box-shadow:0 18px 44px rgba(17,24,39,.14)}
.two-img img{width:100%;aspect-ratio:4/3;object-fit:cover}
.slist{display:grid;gap:24px;margin-top:44px}
.srow{display:grid;grid-template-columns:380px 1fr;gap:40px;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s}
.srow:hover{box-shadow:0 16px 38px rgba(17,24,39,.12);border-color:#D8DDE5}
.srow img{width:100%;height:100%;min-height:260px;object-fit:cover}
.srow-b{padding:34px 38px 34px 0;display:flex;flex-direction:column;justify-content:center}
.srow-b h3{font-size:1.35rem;margin-bottom:.6rem}
.srow-b p{font-size:1rem;margin-bottom:1rem}
.srow-b ul{list-style:none;display:grid;gap:.45rem;margin-bottom:1.2rem}
.srow-b li{display:flex;gap:.6rem;font-size:.95rem}
.srow-b li svg{color:var(--orange);flex-shrink:0;margin-top:4px}
.gbox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px;display:flex;flex-direction:column;align-items:flex-start}
.gbox .gic{width:54px;height:54px;border-radius:13px;background:#FEF0E6;color:var(--orange);display:grid;place-items:center;margin-bottom:1.1rem}
.gbox h3{margin-bottom:.6rem}.gbox p{font-size:.98rem;margin:0}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:46px}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:46px}
.cinfo{display:grid;gap:16px;margin-top:8px}
.ci{display:flex;gap:16px;align-items:flex-start;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.ci-ic{width:46px;height:46px;border-radius:11px;background:#FEF0E6;color:var(--orange);display:grid;place-items:center;flex-shrink:0}
.ci b{display:block;font-size:1.05rem;color:var(--ink);margin-bottom:.15rem}
.ci a{color:var(--blue);font-weight:700}
.ci a:hover{color:var(--orange)}
.cform{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px}
.big-quote{font-size:1.3rem;line-height:1.6;color:var(--ink);border-left:4px solid var(--orange);padding-left:26px;margin:34px 0}
@media(max-width:900px){.two{grid-template-columns:1fr;gap:36px}.g3,.g2{grid-template-columns:1fr}.srow{grid-template-columns:1fr}.srow img{min-height:200px}.srow-b{padding:26px}}.more-l{display:inline-flex;align-items:center;gap:.4rem;color:var(--blue);font-weight:800;font-size:.95rem;margin-left:1rem}
.more-l:hover{color:var(--orange)}
.more-l span{font-size:1.1rem}
.srow-b h3 a:hover{color:var(--orange)!important}


/* ---- process CTA needs breathing room under the step row ---- */
.pflow-cta{margin-top:3.2rem}

/* ---- image band alignment variants ---- */
.iband-ctr .iband-in{max-width:64ch;margin:0 auto;text-align:center}
.iband-ctr .iband-in p{margin-left:auto;margin-right:auto}
.iband-ctr .svc-btns{justify-content:center}

@media(max-width:820px){
  .pflow-cta{margin-top:2.2rem}
  .iband-ctr .iband-in{text-align:left}
  .iband-ctr .svc-btns{justify-content:flex-start}
}


/* ---- nested flyout: hub children appear only on hover ---- */
.nav-sub{position:relative}
.nav-sub-t{display:flex!important;align-items:center;justify-content:space-between;gap:.6rem}
.nav-sub-t svg{opacity:.5;flex-shrink:0;transition:.16s}
.nav-sub:hover .nav-sub-t{background:#F4F7FB;color:var(--orange)}
.nav-sub:hover .nav-sub-t svg{opacity:1;transform:translateX(2px)}
/* bridge so the pointer can cross into the flyout without it closing */
.nav-sub::after{content:"";position:absolute;top:0;left:100%;width:14px;height:100%;display:none}
.nav-sub:hover::after{display:block}
.nav-sub-m{position:absolute;top:-.5rem;left:calc(100% + 10px);background:#fff;border:1px solid var(--line);
  border-radius:12px;box-shadow:0 18px 44px rgba(17,24,39,.16);padding:.5rem;min-width:236px;z-index:150;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s}
.nav-sub:hover .nav-sub-m,.nav-sub:focus-within .nav-sub-m,.nav-sub.open .nav-sub-m{opacity:1;visibility:visible;pointer-events:auto}
.nav-sub-m a{display:block;padding:.6rem .85rem;border-radius:8px;font-size:.94rem;font-weight:600;color:var(--ink);white-space:nowrap}
.nav-sub-m a:hover{background:#F4F7FB;color:var(--orange)}
.nav-sub-all{font-weight:800!important;color:var(--blue)!important;border-bottom:1px solid var(--line);
  border-radius:8px 8px 0 0;margin-bottom:.35rem;padding-bottom:.7rem!important}
.nav-sub-all:hover{color:var(--orange)!important}
/* flip the flyout to the left if it would run off-screen */
@media(max-width:1320px){
  .nav-sub-m{left:auto;right:calc(100% + 10px)}
  .nav-sub::after{left:auto;right:100%}
}

/* mobile: second-level items indent under their hub */
.mnav .mn-sub2{font-size:.9rem!important;opacity:.66;padding-left:2.2rem!important}
/* footer: children indent under their hub */
.f-list .f-sub a{opacity:.75;font-size:.9rem;padding-left:.85rem;position:relative}
.f-list .f-sub a::before{content:"";position:absolute;left:0;top:50%;width:5px;height:1px;background:var(--orange)}


/* ---- FAQ page: jump nav (inline bar, no box) ---- */
.jumpbar{background:#fff;border-bottom:1px solid var(--line);padding:20px 0}
.jumpbar .jump-i{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}
.jumpbar .jump-i a{padding:.5rem .95rem;border-radius:999px;font-size:.92rem;font-weight:700;
  color:var(--body);transition:.16s;border:1px solid transparent}
.jumpbar .jump-i a:hover{color:var(--orange);background:#FEF0E6}
.sec[id]{scroll-margin-top:96px}

/* ---- Clients page: client-type rows ---- */
.ctypes{display:grid;gap:22px}
.ctype{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px 34px;
  display:flex;gap:1.5rem;align-items:flex-start;transition:.2s}
.ctype:hover{box-shadow:0 16px 38px rgba(17,24,39,.1);border-color:#D8DDE5}
.ctype-i{width:52px;height:52px;border-radius:13px;background:#FEF0E6;color:var(--orange);
  display:grid;place-items:center;flex-shrink:0}
.ctype h3{font-size:1.22rem;margin-bottom:.5rem}
.ctype p{font-size:1rem;margin:0;max-width:78ch;line-height:1.65}

/* ---- tick list (institutional trust factors) ---- */
.tick-l{list-style:none;display:grid;gap:1rem;margin-top:2.2rem;max-width:80ch;margin-left:auto;margin-right:auto}
.tick-l li{display:flex;gap:.9rem;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:20px 24px;font-size:1rem;line-height:1.6}
.tick-l li svg{color:var(--orange);flex-shrink:0;margin-top:4px}

@media(max-width:820px){
  .jump{flex-direction:column;align-items:flex-start;gap:.9rem;padding:20px}
  .ctype{flex-direction:column;gap:1.1rem;padding:26px}
}

/* form error (shown only when a submit genuinely fails) */
.form-err{margin:.9rem 0 0;padding:.8rem 1rem;background:#FEF2F2;border:1px solid #FCA5A5;
  border-radius:8px;color:#991B1B;font-size:.92rem;font-weight:600}
.form-err a{color:#991B1B;text-decoration:underline;font-weight:800}

/* ---------------------------------------------------------------- locations
   Suburb chips in the Areas We Service block became links once the /locations/
   pages existed, so they need a hover state. The chip itself is the <span>;
   the <a> is only a wrapper, so the visual treatment stays on the span. */
.area-tags a{text-decoration:none;display:inline-block}
.area-tags a .cs-chip,.area-tags a span{transition:.18s}
.area-tags a:hover span{border-color:var(--orange);color:var(--orange);
  box-shadow:0 8px 20px rgba(17,24,39,.08)}
.area-tags a:focus-visible span{outline:2px solid var(--orange);outline-offset:2px}

/* /locations/ hub grid */
.loc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}
.loc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:26px 26px 22px;display:flex;flex-direction:column;gap:.55rem;
  color:var(--ink);transition:.18s}
.loc-card:hover{border-color:var(--orange);box-shadow:0 12px 30px rgba(17,24,39,.09);
  transform:translateY(-2px)}
.loc-card h3{font-size:1.16rem;font-weight:800;letter-spacing:-.01em}
.loc-card p{font-size:.94rem;line-height:1.6;opacity:.82;margin:0;flex:1}
.loc-go{color:var(--orange);font-weight:800;font-size:.92rem;margin-top:.3rem}
@media(max-width:1000px){.loc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.loc-grid{grid-template-columns:1fr}}

/* ---- ads landing bar: conversion block straight under the USP strip ---- */
.adsbar{background:#fff;border-bottom:1px solid var(--line);padding:0}
.adsbar .wrap{padding-top:44px;padding-bottom:44px}
.ab-in{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.ab-l h2{font-size:clamp(1.6rem,2.8vw,2.2rem);margin-bottom:.7rem}
.ab-l p{font-size:1.04rem;max-width:52ch;margin:0 0 1.5rem}
.ab-r{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ab-c{display:flex;gap:.7rem;align-items:flex-start;background:var(--bg);border:1px solid var(--line);
  border-radius:var(--r);padding:18px 20px}
.ab-c svg{color:var(--orange);flex-shrink:0;margin-top:3px}
.ab-c b{display:block;color:var(--ink);font-size:.98rem;font-weight:800;margin-bottom:.15rem}
.ab-c span{font-size:.9rem;color:var(--body);line-height:1.5}

@media(max-width:1000px){
  .ab-in{grid-template-columns:1fr;gap:32px}
}
@media(max-width:820px){
  .adsbar .wrap{padding-top:34px;padding-bottom:34px}
  .ab-r{grid-template-columns:1fr;gap:12px}
  .ab-l .svc-btns .btn{width:100%}
}

/* ---- locations hub: grouped by area ---- */
.loc-group{margin-top:52px}
.loc-group:first-of-type{margin-top:40px}
.loc-gh{max-width:70ch;margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--orange)}
.loc-gh h3{font-size:1.3rem;margin-bottom:.3rem}
.loc-gh p{font-size:.97rem;margin:0}
.loc-h{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;margin-bottom:.5rem}
.loc-h h3{margin:0;font-size:1.14rem}
.loc-pop{font-size:.8rem;font-weight:700;color:var(--body);opacity:.72;white-space:nowrap}


/* ---- suburb intro: lead and body were mismatched (centred vs left) and
        ran together with no gap. Left-align the whole block.            ---- */
.sec .sec-head.sh-ctr + p,
.sec-head.sh-ctr ~ p{margin-top:1.2rem}
.intro-copy{max-width:74ch;margin:1.6rem auto 0}
.intro-copy p{font-size:1.02rem;line-height:1.7}
.intro-copy p + p{margin-top:1.1rem}