/* ============================================================
   DigiHuduma — hub landing pages (/hub/{key}/) and hub index (/hubs/)
   Per-hub colour comes from inline --hub vars set by the template.
   ============================================================ */
.dhhub,.dhhubs{
  --ink:#111827;--soft:#6B7280;--line:#E5E7EB;--panel:#F7F7F5;
  --brand:#025730;--brand-dark:#013D21;--brand-tint:#E6F2EA;
  --orange:#F08E06;--orange-tint:#FDF0DC;--red:#EA0D14;
  --ok:#1E7A35;--ok-bg:#E8F5E6;--busy:#8A5A05;--busy-bg:#FDF0DC;--off:#A81018;--off-bg:#FDE6E7;
  --shadow:0 1px 2px rgba(17,24,39,.04),0 12px 34px -20px rgba(17,24,39,.2);
  font-family:'Google Sans','Montserrat',-apple-system,sans-serif;
  color:var(--ink);background:#fff;line-height:1.6;font-size:15px;
}
.dhhub *,.dhhubs *{box-sizing:border-box}
.dhhub img,.dhhubs img{display:block;max-width:100%}
.dhhub a,.dhhubs a{text-decoration:none;color:inherit}
.dhhub h1,.dhhub h2,.dhhub h3,.dhhubs h1,.dhhubs h2,.dhhubs h3{
  font-family:'Google Sans','Poppins',sans-serif;font-weight:700;letter-spacing:-.02em;margin:0}
.dhhub-wrap,.dhhubs-wrap{max-width:1160px;margin:0 auto;padding:0 28px}
.dhhub-muted,.dhhubs-muted{color:var(--soft);font-size:14px}

.dhhub-crumbs{font-size:12.5px;color:var(--soft);padding:20px 0 0}
.dhhub-crumbs a:hover{color:var(--hub,var(--brand))}

/* ---------- buttons ---------- */
.dhhub-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 24px;border-radius:12px;font-family:'Google Sans','Poppins',sans-serif;
  font-weight:600;font-size:14.5px;cursor:pointer;border:1.5px solid transparent;white-space:nowrap}
.dhhub-btn svg{width:17px;height:17px}
.dhhub-btn-solid,.dhhub a.dhhub-btn-solid{background:var(--hub,var(--brand));color:#fff !important;
  box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.dhhub-btn-solid:hover{background:var(--hub-dark,var(--brand-dark))}
.dhhub-btn-ghost,.dhhub a.dhhub-btn-ghost{background:#fff;border-color:var(--line);color:var(--ink) !important}
.dhhub-btn-ghost:hover{border-color:var(--ink)}
.dhhub-btn-light,.dhhub a.dhhub-btn-light{background:#fff;color:var(--hub,var(--brand)) !important;font-weight:700}
.dhhub-btn-light:hover{background:#f3f4f6}

/* ---------- hero ---------- */
.dhhub-hero{padding:16px 0 24px}
.dhhub-herogrid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:38px;align-items:center}
.dhhub-sector{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--hub,var(--brand));background:var(--hub-tint,var(--brand-tint));
  border-radius:100px;padding:6px 14px;margin-bottom:14px}
.dhhub-herocopy h1{font-size:42px;line-height:1.05;color:var(--hub,var(--brand));margin-bottom:8px}
.dhhub-eyebrow{font-family:'Google Sans','Poppins',sans-serif;font-size:17px;font-weight:600;
  color:var(--ink);margin:0 0 12px;letter-spacing:-.01em}
.dhhub-lead{font-size:15px;color:var(--soft);max-width:620px;margin:0 0 18px;line-height:1.65}
.dhhub-cta{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:20px}
.dhhub-stats{display:flex;gap:30px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line)}
.dhhub-stats div{display:flex;flex-direction:column;gap:1px}
.dhhub-stats b{font-family:'Google Sans','Poppins',sans-serif;font-size:24px;font-weight:700;
  color:var(--hub,var(--brand));line-height:1.1}
.dhhub-stats span{font-size:11.5px;font-weight:600;color:var(--soft)}

.dhhub-heroart{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:16/11;
  background:linear-gradient(150deg,var(--hub,var(--brand)),var(--hub-dark,var(--brand-dark)));
  box-shadow:0 26px 60px -28px rgba(17,24,39,.45)}
.dhhub-heroart img{width:100%;height:100%;object-fit:cover}
.dhhub-heroart::after{content:"";position:absolute;inset:0;
  background:linear-gradient(160deg,transparent 35%,rgba(0,0,0,.42))}
.dhhub-seal{position:absolute;left:18px;bottom:16px;z-index:2;
  width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.95);
  display:flex;align-items:center;justify-content:center;
  color:var(--hub,var(--brand));box-shadow:0 8px 22px -8px rgba(0,0,0,.5)}
.dhhub-seal svg{width:29px;height:29px}

/* ---------- section heads ---------- */
.dhhub-sechead{display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;margin-bottom:18px}
.dhhub-sechead h2{font-size:24px}
.dhhub-pill{font-size:12px;font-weight:600;color:var(--soft);background:var(--panel);
  border:1px solid var(--line);border-radius:100px;padding:5px 14px}
.dhhub-seeall{font-size:13.5px;font-weight:600;color:var(--hub,var(--brand))}
.dhhub-seeall:hover{text-decoration:underline}

/* ---------- trust bodies ---------- */
.dhhub-trust{padding:36px 0;margin-top:8px;border-top:1px solid var(--line)}
.dhhub-trust h2{font-size:20px;margin-bottom:5px}
.dhhub-bodies{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.dhhub-body{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;
  color:var(--hub-dark,var(--brand-dark));background:var(--hub-tint,var(--brand-tint));
  border-radius:10px;padding:9px 14px;line-height:1.35}
.dhhub-body svg{width:15px;height:15px;flex-shrink:0;color:var(--hub,var(--brand))}

/* ---------- categories ---------- */
.dhhub-cats{padding:34px 0}
.dhhub-catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}
.dhhub-cat{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff;
  box-shadow:var(--shadow);transition:border-color .15s,transform .15s}
.dhhub-cat:hover{border-color:var(--hub,var(--brand));transform:translateY(-2px)}
.dhhub-cattop{display:flex;align-items:center;gap:12px;margin-bottom:9px}
.dhhub-caticon{width:40px;height:40px;border-radius:12px;flex-shrink:0;
  background:var(--hub-tint,var(--brand-tint));color:var(--hub,var(--brand));
  display:flex;align-items:center;justify-content:center}
.dhhub-caticon svg{width:19px;height:19px}
.dhhub-cat h3{font-size:16px;line-height:1.25}
.dhhub-catdesc{font-size:13.5px;color:var(--soft);margin:0 0 13px;line-height:1.6}
.dhhub-specs{display:flex;flex-wrap:wrap;gap:6px}
.dhhub-spec{font-size:11.5px;font-weight:600;color:var(--soft);background:var(--panel);
  border:1px solid var(--line);border-radius:8px;padding:5px 10px}
a.dhhub-spec:hover{background:var(--hub-tint,var(--brand-tint));border-color:var(--hub,var(--brand));
  color:var(--hub-dark,var(--brand-dark))}
.dhhub-spec-more{background:transparent;border-style:dashed}

/* ---------- providers ---------- */
.dhhub-people{padding:8px 0 34px}
.dhhub-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.dhhub-pcard{display:flex;gap:14px;border:1px solid var(--line);border-radius:16px;padding:14px;
  background:#fff;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}
.dhhub-pcard:hover{border-color:var(--hub,var(--brand));transform:translateY(-2px)}
.dhhub-pphoto{position:relative;width:74px;height:74px;border-radius:13px;overflow:hidden;flex-shrink:0;
  background:var(--hub-tint,var(--brand-tint));display:flex;align-items:center;justify-content:center}
.dhhub-pphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.dhhub-pini{font-family:'Google Sans','Poppins',sans-serif;font-weight:700;font-size:20px;
  color:var(--hub,var(--brand))}
.dhhub-pbody{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.dhhub-pbody b{font-size:15px;font-family:'Google Sans','Poppins',sans-serif;letter-spacing:-.01em}
.dhhub-prole{font-size:12.5px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dhhub-pmeta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--soft);margin-top:2px}
.dhhub-prate{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--ink)}
.dhhub-prate svg{width:12px;height:12px;color:var(--orange)}
.dhhub-ptags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.dhhub-pbadge{font-size:10.5px;font-weight:700;color:var(--hub,var(--brand));
  background:var(--hub-tint,var(--brand-tint));border-radius:7px;padding:3px 8px}
.dhhub-pav{font-size:10.5px;font-weight:700;border-radius:7px;padding:3px 8px}
.dhhub-av-available{background:var(--ok-bg);color:var(--ok)}
.dhhub-av-occupied{background:var(--busy-bg);color:var(--busy)}
.dhhub-av-unavailable{background:var(--off-bg);color:var(--off)}

.dhhub-empty{border:1px dashed var(--line);border-radius:18px;padding:44px 24px;text-align:center}
.dhhub-empty h3{font-size:18px;margin-bottom:6px}
.dhhub-empty p{color:var(--soft);font-size:14px;margin:0 0 18px}

/* ---------- CTA band ---------- */
.dhhub-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  background:linear-gradient(135deg,var(--hub,var(--brand)),var(--hub-dark,var(--brand-dark)));
  border-radius:22px;padding:34px 36px;color:#fff;margin:12px 0 34px}
.dhhub-band h2{font-size:24px;color:#fff;margin-bottom:5px}
.dhhub-band p{margin:0;font-size:14.5px;opacity:.9;max-width:560px}

/* ---------- other hubs ---------- */
.dhhub-other{padding-bottom:60px}
.dhhub-others{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}
.dhhub-ocard{border:1px solid var(--line);border-radius:15px;padding:15px;background:#fff;
  display:flex;flex-direction:column;gap:3px;transition:border-color .15s,transform .15s}
.dhhub-ocard:hover{border-color:var(--o);transform:translateY(-2px)}
.dhhub-oseal{width:36px;height:36px;border-radius:12px;background:var(--ot);color:var(--o);
  display:flex;align-items:center;justify-content:center;margin-bottom:7px}
.dhhub-oseal svg{width:19px;height:19px}
.dhhub-oname{font-family:'Google Sans','Poppins',sans-serif;font-weight:700;font-size:14px;letter-spacing:-.01em}
.dhhub-osec{font-size:11.5px;color:var(--soft)}

@media(max-width:960px){
  .dhhub-herogrid{grid-template-columns:1fr;gap:28px}
  .dhhub-heroart{max-width:460px;aspect-ratio:16/10}
  .dhhub-herocopy h1{font-size:38px}
}
@media(max-width:600px){
  .dhhub-herocopy h1{font-size:30px}
  .dhhub-stats{gap:20px}
  .dhhub-band{padding:26px 22px}
  .dhhub-catgrid,.dhhub-pgrid{grid-template-columns:1fr}
}

/* ============================================================
   HUB INDEX  /hubs/
   ============================================================ */
.dhhubs{padding-bottom:64px}
/* ---------- bento hero ---------- */
.dhhubs-hero{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:26px 0 8px}
.dhhubs-herophoto{position:relative;border-radius:22px;overflow:hidden;min-height:390px;
  background:linear-gradient(150deg,var(--brand),var(--brand-dark));
  display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow)}
.dhhubs-herophoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.dhhubs-herophoto::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.86) 100%)}
.dhhubs-photocopy{position:relative;z-index:2;padding:26px}
.dhhubs-photocopy h1{font-size:31px;line-height:1.16;color:#fff;margin-bottom:9px;max-width:15ch}
.dhhubs-photocopy p{font-size:14px;color:rgba(255,255,255,.86);margin:0 0 18px;max-width:42ch}
.dhhubs-photobtn{display:inline-flex;align-items:center;justify-content:center;background:#fff;
  color:var(--brand) !important;font-family:'Google Sans','Poppins',sans-serif;font-weight:700;
  font-size:14px;border-radius:11px;padding:12px 24px}
.dhhubs-photobtn:hover{background:#f1f5f2}
.dhhubs-tag{position:absolute;top:16px;left:16px;z-index:2;font-size:11px;font-weight:700;
  color:#fff;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:6px 13px}

.dhhubs-herosearch{position:relative;border-radius:22px;padding:26px;color:#fff;
  background:linear-gradient(140deg,var(--brand),var(--brand-dark));box-shadow:var(--shadow);
  display:flex;flex-direction:column;justify-content:center}
.dhhubs-tag-light{position:static;display:inline-block;align-self:flex-start;margin-bottom:14px}
.dhhubs-herosearch h2{font-size:27px;line-height:1.18;color:#fff;margin-bottom:8px;max-width:17ch}
.dhhubs-herosearch > p{font-size:13.5px;color:rgba(255,255,255,.84);margin:0 0 18px;max-width:44ch}
.dhhubs-searchbox{display:flex;align-items:center;gap:11px;background:#fff;border-radius:13px;
  padding:5px 6px 5px 15px}
.dhhubs-searchbox > svg{width:19px;height:19px;color:var(--soft);flex-shrink:0}
.dhhubs-searchbox input{flex:1;border:none;background:transparent;outline:none;min-width:0;
  font-family:inherit;font-size:15px;color:var(--ink);padding:13px 0}
.dhhubs-clear{border:none;background:transparent;cursor:pointer;color:var(--soft);padding:9px;
  display:none;line-height:0}
.dhhubs-clear svg{width:16px;height:16px}
.dhhubs-clear.on{display:block}
.dhhubs-quick{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px}
.dhhubs-quick > span{font-size:11.5px;color:rgba(255,255,255,.7);font-weight:600}
.dhhubs-eg{font-family:inherit;font-size:11.5px;font-weight:600;color:#fff;cursor:pointer;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);
  border-radius:100px;padding:5px 12px}
.dhhubs-eg:hover{background:rgba(255,255,255,.26)}
.dhhubs-herostats{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.22)}
.dhhubs-herostats div{display:flex;flex-direction:column}
.dhhubs-herostats b{font-family:'Google Sans','Poppins',sans-serif;font-size:19px;font-weight:700;
  color:#fff;line-height:1.1}
.dhhubs-herostats span{font-size:11px;color:rgba(255,255,255,.72);font-weight:600}

/* section bar above the grid */
.dhhubs-bar{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  flex-wrap:wrap;margin:26px 0 4px}
.dhhubs-bar h2{font-size:22px}
.dhhubs-result{font-size:12.5px;font-weight:600;color:var(--soft);background:var(--panel);
  border:1px solid var(--line);border-radius:100px;padding:5px 13px}
.dhhubs-result:empty{display:none}

.dhhubs-fbtn{font-size:12.5px;font-weight:600;color:var(--soft);background:#fff;
  border:1.5px solid var(--line);border-radius:100px;padding:8px 15px;cursor:pointer;
  font-family:inherit;transition:all .14s}
.dhhubs-fbtn:hover{border-color:var(--ink);color:var(--ink)}
.dhhubs-fbtn.on{background:var(--brand);border-color:var(--brand);color:#fff}

.dhhubs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:18px}
.dhhubs-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1/1.14;
  background:linear-gradient(150deg,var(--c),var(--cd));box-shadow:var(--shadow);
  display:flex;flex-direction:column;justify-content:flex-end;
  transition:transform .18s,box-shadow .18s}
.dhhubs-card:hover{transform:translateY(-4px);box-shadow:0 26px 54px -24px rgba(17,24,39,.42)}
.dhhubs-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.dhhubs-card::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.28) 42%,rgba(0,0,0,.82) 100%)}
.dhhubs-top{position:absolute;top:14px;left:14px;right:14px;z-index:2;
  display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.dhhubs-seal{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.94);
  display:flex;align-items:center;justify-content:center;color:var(--c);
  box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}
.dhhubs-seal svg{width:23px;height:23px}
.dhhubs-sector{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:#fff;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:5px 11px;text-align:right}
.dhhubs-body{position:relative;z-index:2;padding:16px}
.dhhubs-name{font-family:'Google Sans','Poppins',sans-serif;font-weight:700;font-size:20px;
  color:#fff;letter-spacing:-.02em;margin-bottom:5px}
.dhhubs-count{font-size:11.5px;color:rgba(255,255,255,.82);font-weight:600;margin-bottom:10px}
.dhhubs-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.dhhubs-chip{font-size:10.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.18);
  backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.24);border-radius:7px;padding:4px 9px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dhhubs-enter{display:inline-flex;align-items:center;gap:7px;font-family:'Google Sans','Poppins',sans-serif;
  font-weight:700;font-size:13px;color:var(--c);background:#fff;border-radius:10px;padding:9px 15px}
.dhhubs-enter svg{width:14px;height:14px}
.dhhubs-card:hover .dhhubs-enter{background:var(--c);color:#fff}
.dhhubs-none{grid-column:1/-1;border:1px dashed var(--line);border-radius:18px;
  padding:44px 24px;text-align:center;color:var(--soft);font-size:14px;line-height:1.9}
.dhhubs-none b{color:var(--ink);font-family:'Google Sans','Poppins',sans-serif;font-size:16px}
@media(max-width:900px){
  .dhhubs-hero{grid-template-columns:1fr}
  .dhhubs-herophoto{min-height:300px}
}
@media(max-width:600px){
  .dhhubs-photocopy h1{font-size:25px}
  .dhhubs-herosearch h2{font-size:22px}
  .dhhubs-herostats{gap:16px}
  .dhhubs-grid{grid-template-columns:1fr}
  .dhhubs-card{aspect-ratio:16/12}
}

/* ---------- instant suggestions under the search ---------- */
.dhhubs-searchwrap{position:relative}
.dhhubs-sugg{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;
  background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 24px 54px -18px rgba(0,0,0,.5)}
.dhhubs-sugg[hidden]{display:none}
.dhhubs-sugitem{display:flex;align-items:center;gap:12px;padding:12px 15px;
  border-bottom:1px solid var(--panel);color:var(--ink) !important}
.dhhubs-sugitem:last-child{border-bottom:none}
.dhhubs-sugitem:hover{background:var(--brand-tint)}
.dhhubs-sugico{width:38px;height:38px;border-radius:12px;flex-shrink:0;
  background:var(--brand-tint);color:var(--brand);
  display:flex;align-items:center;justify-content:center}
.dhhubs-sugico svg{width:20px;height:20px}
.dhhubs-sugtxt{display:flex;flex-direction:column;min-width:0;flex:1}
.dhhubs-sugtxt b{font-family:'Google Sans','Poppins',sans-serif;font-size:14.5px;letter-spacing:-.01em}
.dhhubs-sugtxt span{font-size:12px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dhhubs-sugarr{width:16px;height:16px;color:var(--brand);flex-shrink:0}
.dhhubs-sugempty{padding:16px;font-size:13px;color:var(--soft);text-align:center}

/* ---------- sector chips: one scrollable row, not four stacked ---------- */
.dhhubs-filters{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;
  margin:18px 0 16px;padding-bottom:6px;scrollbar-width:thin}
.dhhubs-filters::-webkit-scrollbar{height:5px}
.dhhubs-filters::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.dhhubs-fbtn{flex:0 0 auto}

/* clear-search control in the results bar */
.dhhubs-clearall{font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;
  color:var(--brand);background:var(--brand-tint);border:1px solid var(--brand);
  border-radius:100px;padding:5px 14px}
.dhhubs-clearall:hover{background:var(--brand);color:#fff}

/* ---------- in-hub provider search ---------- */
.dhhub-find{border:1px solid var(--line);border-radius:16px;padding:13px;background:#fff;
  box-shadow:var(--shadow);margin-bottom:16px}
.dhhub-findrow{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);
  border-radius:12px;padding:4px 6px 4px 14px;transition:border-color .14s,box-shadow .14s}
.dhhub-findrow:focus-within{border-color:var(--hub,var(--brand));
  box-shadow:0 0 0 4px color-mix(in srgb,var(--hub,var(--brand)) 12%,transparent)}
.dhhub-findrow .ic{width:18px;height:18px;color:var(--soft);flex-shrink:0}
.dhhub-findq{flex:1;border:none;background:transparent;outline:none;min-width:0;
  font-family:inherit;font-size:14.5px;color:var(--ink);padding:12px 0}
.dhhub-findcounty{border:none;border-left:1px solid var(--line);background:transparent;
  font-family:inherit;font-size:13.5px;color:var(--ink);padding:10px 8px;cursor:pointer;
  outline:none;max-width:170px}
.dhhub-findclear{border:none;background:transparent;cursor:pointer;color:var(--soft);
  padding:8px;display:none;line-height:0}
.dhhub-findclear svg{width:15px;height:15px}
.dhhub-findclear.on{display:block}
.dhhub-findquick{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px}
.dhhub-findquick > span{font-size:11.5px;font-weight:600;color:var(--soft)}
.dhhub-findeg{font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer;
  color:var(--hub-dark,var(--brand-dark));background:var(--hub-tint,var(--brand-tint));
  border:1px solid transparent;border-radius:100px;padding:5px 12px}
.dhhub-findeg:hover{border-color:var(--hub,var(--brand))}
.dhhub-findstatus{margin-top:11px;font-size:12.5px;font-weight:600;color:var(--soft)}
.dhhub-findstatus[hidden]{display:none}
.dhhub-findresults[hidden],.dhhub-default[hidden]{display:none}
@media(max-width:640px){
  .dhhub-findrow{flex-wrap:wrap}
  .dhhub-findcounty{border-left:none;border-top:1px solid var(--line);width:100%;max-width:none}
}

/* search lives in the hero now */


/* ---------- hub filters row + switcher ---------- */
.dhhub-findfilters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:11px}
.dhhub-findfilters label{display:flex;flex-direction:column;gap:4px;min-width:0}
.dhhub-findfilters span{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--soft)}
.dhhub-findfilters .dhsel-btn{padding:10px 12px;font-size:13.5px;border-radius:11px}
.dhhub-findfilters .dhsel.open .dhsel-btn{border-color:var(--hub,var(--brand));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--hub,var(--brand)) 12%,transparent)}
.dhhub-headtools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.dhhub-switch{display:flex;align-items:center;gap:8px}
.dhhub-switch span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.dhhub-switch select{padding:8px 12px;border:1.5px solid var(--line);border-radius:10px;
  font-family:inherit;font-size:13px;background:#fff;color:var(--ink);cursor:pointer;outline:none}
.dhhub-switch select:focus{border-color:var(--hub,var(--brand))}
@media(max-width:820px){ .dhhub-findfilters{grid-template-columns:1fr 1fr} }
@media(max-width:520px){ .dhhub-findfilters{grid-template-columns:1fr} }

/* ---------- custom hub switcher ---------- */
.dhhub-switch{position:relative}
.dhhub-switchbtn{display:inline-flex;align-items:center;gap:10px;cursor:pointer;
  font-family:'Google Sans','Montserrat',sans-serif;font-weight:600;font-size:14px;color:var(--ink);
  background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:11px 13px}
.dhhub-switchbtn:hover{border-color:var(--hub,var(--brand))}
.dhhub-switchico{width:34px;height:34px;border-radius:11px;flex-shrink:0;
  background:var(--hub-tint,var(--brand-tint));color:var(--hub,var(--brand));
  display:flex;align-items:center;justify-content:center}
.dhhub-switchico svg{width:18px;height:18px}
.dhhub-switchcar{width:15px;height:15px;color:var(--soft);transition:transform .16s}
.dhhub-switch.open .dhhub-switchcar{transform:rotate(180deg)}
.dhhub-switchmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;width:290px;
  max-height:320px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:6px;box-shadow:0 24px 54px -20px rgba(17,24,39,.4)}
.dhhub-switchmenu[hidden]{display:none}
.dhhub-switchopt{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;
  color:var(--ink) !important}
.dhhub-switchopt:hover{background:var(--ot)}
.dhhub-switchopt.on{background:var(--ot);outline:1.5px solid var(--o)}
.dhhub-switchoico{width:32px;height:32px;border-radius:10px;flex-shrink:0;
  background:var(--ot);color:var(--o);display:flex;align-items:center;justify-content:center}
.dhhub-switchoico svg{width:17px;height:17px}
.dhhub-switchotxt{display:flex;flex-direction:column;min-width:0}
.dhhub-switchotxt b{font-family:'Google Sans','Poppins',sans-serif;font-size:14px;letter-spacing:-.01em}
.dhhub-switchotxt span{font-size:11px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- kill theme/browser chrome on the search input ---------- */
.dhhub-find input[type="search"],
.dhhub-find input[type="search"]:focus,
.dhhub-find input[type="search"]:focus-visible{
  border:0 !important;outline:0 !important;box-shadow:none !important;background:transparent !important;
  -webkit-appearance:none;appearance:none;border-radius:0 !important}
.dhhub-find input[type="search"]::-webkit-search-decoration,
.dhhub-find input[type="search"]::-webkit-search-cancel-button,
.dhhub-find input[type="search"]::-webkit-search-results-button{-webkit-appearance:none;display:none}

/* ---------- clickable category cards ---------- */
.dhhub-cat-click{cursor:pointer}
.dhhub-cat-click:focus-visible{outline:2px solid var(--hub,var(--brand));outline-offset:2px}
.dhhub-cat-click.on{border-color:var(--hub,var(--brand));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--hub,var(--brand)) 14%,transparent)}
.dhhub-spec-btn{font-family:inherit;cursor:pointer}
.dhhub-spec-btn:hover{background:var(--hub-tint,var(--brand-tint));
  border-color:var(--hub,var(--brand));color:var(--hub-dark,var(--brand-dark))}

/* ---------- regulator cards ---------- */
.dhhub-bodies{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:11px;margin-top:15px}
.dhhub-reg{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;
  padding:13px;background:#fff;box-shadow:var(--shadow)}
.dhhub-regmark{width:46px;height:46px;border-radius:12px;flex-shrink:0;overflow:hidden;
  background:var(--hub-tint,var(--brand-tint));color:var(--hub,var(--brand));
  display:flex;align-items:center;justify-content:center}
.dhhub-regmark img{width:100%;height:100%;object-fit:contain;padding:5px}
.dhhub-regmark b{font-family:'Google Sans','Poppins',sans-serif;font-weight:700;font-size:13px;letter-spacing:-.02em}
.dhhub-regtxt{display:flex;flex-direction:column;min-width:0;flex:1}
.dhhub-regtxt b{font-family:'Google Sans','Poppins',sans-serif;font-size:14px;letter-spacing:-.01em}
.dhhub-regtxt span{font-size:11.5px;color:var(--soft);line-height:1.4}
.dhhub-regtick{width:17px;height:17px;flex-shrink:0;color:var(--hub,var(--brand))}
.dhhub-plisted{font-size:10.5px;font-weight:700;color:var(--soft);background:var(--panel);
  border:1px solid var(--line);border-radius:7px;padding:3px 8px}

/* ============================================================
   COVERAGE  /coverage/
   ============================================================ */
.dhcov{--ink:#111827;--soft:#6B7280;--line:#E5E7EB;--panel:#F7F7F5;
  --brand:#025730;--brand-dark:#013D21;--brand-tint:#E6F2EA;--orange:#F08E06;
  --shadow:0 1px 2px rgba(17,24,39,.04),0 12px 34px -20px rgba(17,24,39,.2);
  font-family:'Google Sans','Montserrat',-apple-system,sans-serif;color:var(--ink);
  background:#fff;line-height:1.6;font-size:15px;padding-bottom:64px}
.dhcov *{box-sizing:border-box}
.dhcov a{text-decoration:none;color:inherit}
.dhcov h1,.dhcov h2{font-family:'Google Sans','Poppins',sans-serif;font-weight:700;letter-spacing:-.02em;margin:0}
.dhcov-wrap{max-width:1160px;margin:0 auto;padding:0 28px}

.dhcov-hero{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:34px;align-items:center;padding:30px 0 26px}
.dhcov-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--brand);background:var(--brand-tint);border-radius:100px;padding:6px 14px;margin-bottom:13px}
.dhcov-herocopy h1{font-size:40px;line-height:1.08;color:var(--brand);margin-bottom:10px}
.dhcov-herocopy p{font-size:15.5px;color:var(--soft);max-width:600px;margin:0 0 20px;line-height:1.7}
.dhcov-stats{display:flex;gap:28px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line)}
.dhcov-stats div{display:flex;flex-direction:column}
.dhcov-stats b{font-family:'Google Sans','Poppins',sans-serif;font-size:24px;font-weight:700;color:var(--brand);line-height:1.1}
.dhcov-stats span{font-size:11.5px;font-weight:600;color:var(--soft)}

.dhcov-search{background:linear-gradient(140deg,var(--brand),var(--brand-dark));
  border-radius:20px;padding:26px 28px;color:#fff;box-shadow:var(--shadow)}
.dhcov-searchbox{display:flex;align-items:center;gap:11px;background:#fff;border-radius:13px;padding:5px 6px 5px 15px}
.dhcov-searchbox > svg{width:19px;height:19px;color:var(--soft);flex-shrink:0}
.dhcov-q{flex:1;border:none;background:transparent;outline:none;min-width:0;
  font-family:inherit;font-size:15.5px;color:var(--ink);padding:15px 0}
.dhcov-clear{border:none;background:transparent;cursor:pointer;color:var(--soft);padding:9px;display:none;line-height:0}
.dhcov-clear svg{width:16px;height:16px}
.dhcov-clear.on{display:block}
.dhcov-hint{font-size:12.5px;color:rgba(255,255,255,.82);margin:12px 0 0}

.dhcov-bar{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0 14px}
.dhcov-title{font-size:22px}
.dhcov-count{font-size:12.5px;font-weight:600;color:var(--soft);background:var(--panel);
  border:1px solid var(--line);border-radius:100px;padding:5px 13px}
.dhcov-count:empty{display:none}

.dhcov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;align-items:start}
.dhcov-county{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.dhcov-county.open{border-color:var(--brand);grid-column:1/-1}
.dhcov-head{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;
  background:transparent;border:none;padding:14px;font-family:inherit}
.dhcov-head:hover{background:var(--panel)}
.dhcov-code{width:38px;height:38px;border-radius:11px;flex-shrink:0;background:var(--brand-tint);color:var(--brand);
  display:flex;align-items:center;justify-content:center;
  font-family:'Google Sans','Poppins',sans-serif;font-weight:700;font-size:12.5px}
.dhcov-name{display:flex;flex-direction:column;min-width:0;flex:1}
.dhcov-name b{font-family:'Google Sans','Poppins',sans-serif;font-size:15px;letter-spacing:-.01em}
.dhcov-name > span{font-size:11.5px;color:var(--soft)}
.dhcov-np{font-size:11px;font-weight:700;color:var(--brand);background:var(--brand-tint);
  border-radius:100px;padding:4px 10px;flex-shrink:0}
.dhcov-np.zero{color:var(--soft);background:var(--panel);border:1px solid var(--line);font-weight:600}
.dhcov-car{width:16px;height:16px;color:var(--soft);flex-shrink:0;transition:transform .16s}
.dhcov-county.open .dhcov-car{transform:rotate(180deg)}

.dhcov-body{padding:0 14px 14px;border-top:1px solid var(--line)}
.dhcov-body[hidden]{display:none}
.dhcov-consts{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:14px 0}
.dhcov-const b{display:block;font-family:'Google Sans','Poppins',sans-serif;font-size:13px;
  color:var(--brand);margin-bottom:6px}
.dhcov-wards{display:flex;flex-wrap:wrap;gap:5px}
.dhcov-wards span{font-size:11px;color:var(--soft);background:var(--panel);
  border:1px solid var(--line);border-radius:7px;padding:4px 9px}
.dhcov-wards span.hit{background:#FDF0DC;border-color:var(--orange);color:#8A5A05;font-weight:600}
.dhcov-cta{display:inline-flex;align-items:center;font-family:'Google Sans','Poppins',sans-serif;
  font-weight:600;font-size:13.5px;color:#fff !important;background:var(--brand);
  border-radius:11px;padding:11px 20px}
.dhcov-cta:hover{background:var(--brand-dark)}
.dhcov-none{grid-column:1/-1;border:1px dashed var(--line);border-radius:16px;padding:40px 24px;
  text-align:center;color:var(--soft);font-size:14px}
.dhcov-none[hidden]{display:none}

@media(max-width:1040px){ .dhcov-hero{grid-template-columns:minmax(0,1fr) 420px;gap:28px} }
@media(max-width:920px){ .dhcov-hero{grid-template-columns:1fr;gap:24px} .dhcov-herocopy h1{font-size:30px} }
@media(max-width:560px){ .dhcov-grid{grid-template-columns:1fr} .dhcov-stats{gap:18px} }

/* ---------- coverage: regions and county emblems ---------- */
.dhcov-regions{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}
.dhcov-region{font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;
  color:var(--soft);background:#fff;border:1.5px solid var(--line);border-radius:100px;padding:8px 15px}
.dhcov-region:hover{border-color:var(--rc,var(--brand));color:var(--rc,var(--brand))}
.dhcov-region.on{background:var(--rc,var(--brand));border-color:var(--rc,var(--brand));color:#fff}
.dhcov-code{background:var(--rt,var(--brand-tint));color:var(--rc,var(--brand))}
.dhcov-code.has-logo{background:#fff;border:1px solid var(--line);padding:3px}
.dhcov-code img{width:100%;height:100%;object-fit:contain;display:block}
.dhcov-county.open{border-color:var(--rc,var(--brand))}
.dhcov-np{color:var(--rc,var(--brand));background:var(--rt,var(--brand-tint))}
.dhcov-const b{color:var(--rc,var(--brand))}
.dhcov-cta{background:var(--rc,var(--brand))}
.dhcov-cta:hover{filter:brightness(.9)}

/* ---------- coverage map ---------- */
.dhcov-maprow{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;
  align-items:start;margin:8px 0 22px}
.dhcov-mapwrap{border:1px solid var(--line);border-radius:20px;padding:16px;background:#fff;
  box-shadow:var(--shadow)}
.dhcov-map{width:100%}
.dhcov-map svg{width:100%;height:auto;display:block}
.dhcov-map path{stroke:#fff;stroke-width:1.1;cursor:pointer;transition:fill .14s,opacity .14s}
.dhcov-map path:hover{opacity:.82}
.dhcov-map path.on{stroke:var(--orange);stroke-width:2.4}
.dhcov-map path:focus-visible{outline:none;stroke:var(--orange);stroke-width:2.4}
.dhcov-maploading{padding:60px 20px;text-align:center;color:var(--soft);font-size:13.5px}
.dhcov-legend{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:12px;
  padding-top:12px;border-top:1px solid var(--line)}
.dhcov-legend[hidden]{display:none}
.dhcov-legtitle{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.dhcov-legscale{display:flex;gap:3px}
.dhcov-legscale i{width:30px;height:10px;border-radius:3px;display:block}
.dhcov-legends{display:flex;gap:44px;font-size:10.5px;color:var(--soft)}
.dhcov-legends em{font-style:normal}

.dhcov-detail{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff;
  box-shadow:var(--shadow);position:sticky;top:88px}
.dhcov-detail-empty h3{font-family:'Google Sans','Poppins',sans-serif;font-size:17px;margin:0 0 5px}
.dhcov-detail-empty p{font-size:13.5px;color:var(--soft);margin:0 0 16px;line-height:1.65}
.dhcov-detail-body[hidden],.dhcov-detail-empty[hidden]{display:none}
.dhcov-topcounties{display:flex;flex-wrap:wrap;gap:6px}
.dhcov-toplabel{width:100%;font-size:10.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--soft);margin-bottom:2px}
.dhcov-topbtn{font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;color:var(--ink);
  background:var(--panel);border:1px solid var(--line);border-radius:100px;padding:6px 12px}
.dhcov-topbtn:hover{border-color:var(--brand);color:var(--brand)}
.dhcov-topbtn b{color:var(--brand)}
.dhcov-dhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dhcov-dhead h3{font-family:'Google Sans','Poppins',sans-serif;font-size:20px;margin:0;color:var(--brand)}
.dhcov-dcount{font-size:11.5px;font-weight:700;color:var(--brand);background:var(--brand-tint);
  border-radius:100px;padding:4px 11px}
.dhcov-dmeta{font-size:12.5px;color:var(--soft);margin:4px 0 14px}
.dhcov-dconsts{max-height:340px;overflow-y:auto;margin-bottom:16px;padding-right:4px}
.dhcov-dconsts .dhcov-consts{grid-template-columns:1fr;gap:11px;margin:0}

@media(max-width:900px){
  .dhcov-maprow{grid-template-columns:1fr}
  .dhcov-detail{position:static}
  .dhcov-dconsts{max-height:260px}
}

/* ---------- map labels and hover readout ---------- */
.dhcov-mapwrap{position:relative}
.dhcov-map{position:relative}
.dhcov-lbl{font-family:'Google Sans','Montserrat',sans-serif;font-size:12px;font-weight:600;
  fill:#1F2937;paint-order:stroke;stroke:#fff;stroke-width:2.6px;stroke-linejoin:round}
.dhcov-lbl.on-dark{fill:#fff;stroke:rgba(0,0,0,.35);stroke-width:2px}
.dhcov-lblnum{font-family:'Google Sans','Poppins',sans-serif;font-size:11px;font-weight:700;
  fill:#025730;paint-order:stroke;stroke:#fff;stroke-width:2.4px;stroke-linejoin:round}
.dhcov-lblnum.on-dark{fill:#fff;stroke:rgba(0,0,0,.35);stroke-width:1.8px}
.dhcov-dot{fill:#1F2937;opacity:.5}

.dhcov-tip{position:absolute;z-index:20;pointer-events:none;background:#111827;color:#fff;
  border-radius:10px;padding:8px 12px;min-width:150px;max-width:190px;
  box-shadow:0 12px 30px -10px rgba(0,0,0,.6)}
.dhcov-tip[hidden]{display:none}
.dhcov-tip b{display:block;font-family:'Google Sans','Poppins',sans-serif;font-size:13px;letter-spacing:-.01em}
.dhcov-tip span{font-size:11.5px;color:rgba(255,255,255,.78)}
@media(max-width:900px){ .dhcov-lbl{font-size:14px} .dhcov-lblnum{font-size:13px} }

/* ============================================================
   PRICING  /pricing/
   ============================================================ */
.dhpr{--ink:#111827;--soft:#6B7280;--line:#E5E7EB;--panel:#F7F7F5;
  --brand:#025730;--brand-dark:#013D21;--brand-tint:#E6F2EA;--orange:#F08E06;--orange-tint:#FDF0DC;
  --shadow:0 1px 2px rgba(17,24,39,.04),0 12px 34px -20px rgba(17,24,39,.2);
  font-family:'Google Sans','Montserrat',-apple-system,sans-serif;color:var(--ink);
  background:#fff;line-height:1.6;font-size:15px;padding-bottom:66px}
.dhpr *{box-sizing:border-box}
.dhpr a{text-decoration:none}
.dhpr h1,.dhpr h2{font-family:'Google Sans','Poppins',sans-serif;font-weight:700;letter-spacing:-.02em;margin:0}
.dhpr-wrap{max-width:1160px;margin:0 auto;padding:0 28px}

.dhpr-hero{text-align:center;max-width:720px;margin:0 auto;padding:38px 0 30px}
.dhpr-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--brand);background:var(--brand-tint);border-radius:100px;padding:6px 14px;margin-bottom:14px}
.dhpr-hero h1{font-size:40px;line-height:1.08;color:var(--brand);margin-bottom:12px}
.dhpr-hero p{font-size:16px;color:var(--soft);margin:0;line-height:1.7}

.dhpr-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.dhpr-card{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;
  box-shadow:var(--shadow);display:flex;flex-direction:column}
.dhpr-card-provider{border-color:var(--brand);border-width:1.5px}
.dhpr-who{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.dhpr-cardhead h2{font-size:22px;margin-top:5px}
.dhpr-price{display:flex;align-items:baseline;gap:9px;margin:18px 0 6px}
.dhpr-price b{font-family:'Google Sans','Poppins',sans-serif;font-size:38px;font-weight:700;
  color:var(--brand);line-height:1;letter-spacing:-.03em}
.dhpr-price span{font-size:13.5px;color:var(--soft);font-weight:600}
.dhpr-note{font-size:13px;color:var(--soft);margin:0 0 18px;line-height:1.6}
.dhpr-list{list-style:none;padding:0;margin:0 0 22px;flex:1}
.dhpr-list li{position:relative;padding-left:26px;font-size:14px;margin-bottom:10px;line-height:1.55}
.dhpr-list li::before{content:"";position:absolute;left:2px;top:7px;width:12px;height:6px;
  border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(-45deg)}
.dhpr-cta{display:inline-flex;align-items:center;justify-content:center;
  font-family:'Google Sans','Poppins',sans-serif;font-weight:600;font-size:14.5px;
  background:var(--brand);color:#fff !important;border-radius:12px;padding:13px 26px}
.dhpr-cta:hover{background:var(--brand-dark)}
.dhpr-cta-ghost{background:#fff;color:var(--brand) !important;border:1.5px solid var(--brand)}
.dhpr-cta-ghost:hover{background:var(--brand-tint)}
.dhpr-cta-light{background:#fff;color:var(--brand) !important}
.dhpr-cta-light:hover{background:#eef3f0}

.dhpr-free{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
  border:1px dashed var(--line);border-radius:18px;padding:24px 26px;background:var(--panel);margin-bottom:34px}
.dhpr-free h2{font-size:20px;margin-bottom:5px}
.dhpr-free p{margin:0;font-size:14px;color:var(--soft);max-width:640px}

.dhpr-sechead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.dhpr-sechead h2{font-size:22px}
.dhpr-pill{font-size:11.5px;font-weight:600;color:var(--soft);background:var(--panel);
  border:1px solid var(--line);border-radius:100px;padding:5px 13px}
.dhpr-extras{margin-bottom:34px}
.dhpr-extragrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dhpr-extra{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff;box-shadow:var(--shadow)}
.dhpr-extra b{display:block;font-family:'Google Sans','Poppins',sans-serif;font-size:24px;
  font-weight:700;color:var(--orange);line-height:1.1}
.dhpr-extra span{display:block;font-family:'Google Sans','Poppins',sans-serif;font-weight:700;
  font-size:14.5px;margin:5px 0 6px}
.dhpr-extra p{margin:0;font-size:13.5px;color:var(--soft);line-height:1.6}

.dhpr-how{margin-bottom:34px}
.dhpr-steps{list-style:none;counter-reset:s;padding:0;margin:0 0 16px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.dhpr-steps li{counter-increment:s;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}
.dhpr-steps li::before{content:counter(s);display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:9px;background:var(--brand-tint);color:var(--brand);
  font-family:'Google Sans','Poppins',sans-serif;font-weight:700;font-size:13px;margin-bottom:11px}
.dhpr-steps b{display:block;font-family:'Google Sans','Poppins',sans-serif;font-size:15px;margin-bottom:4px}
.dhpr-steps span{font-size:13.5px;color:var(--soft);line-height:1.6}
.dhpr-mpesa{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--soft);
  background:var(--brand-tint);border-radius:12px;padding:14px 16px;margin:0}
.dhpr-mpesa svg{width:19px;height:19px;color:var(--brand);flex-shrink:0}

.dhpr-faq{margin-bottom:34px}
.dhpr-q{border:1px solid var(--line);border-radius:14px;margin-bottom:9px;background:#fff;overflow:hidden}
.dhpr-q summary{display:flex;align-items:center;justify-content:space-between;gap:12px;
  cursor:pointer;list-style:none;padding:16px 18px;
  font-family:'Google Sans','Poppins',sans-serif;font-weight:600;font-size:15px}
.dhpr-q summary::-webkit-details-marker{display:none}
.dhpr-q summary:hover{background:var(--panel)}
.dhpr-q summary svg{width:17px;height:17px;color:var(--soft);flex-shrink:0;transition:transform .16s}
.dhpr-q[open] summary svg{transform:rotate(180deg)}
.dhpr-q p{margin:0;padding:0 18px 17px;font-size:14px;color:var(--soft);line-height:1.7}

.dhpr-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  background:linear-gradient(135deg,var(--brand),var(--brand-dark));border-radius:22px;
  padding:32px 34px;color:#fff}
.dhpr-band h2{font-size:24px;color:#fff;margin-bottom:5px}
.dhpr-band p{margin:0;font-size:14.5px;opacity:.9}

@media(max-width:820px){
  .dhpr-hero h1{font-size:30px}
  .dhpr-cards,.dhpr-extragrid{grid-template-columns:1fr}
  .dhpr-band,.dhpr-free{padding:24px}
}