:root{--legacy-006666:#006666;--legacy-008080:#008080;--legacy-0a9d9d:#0a9d9d;--legacy-0f1820:#0f1820;--legacy-1a2634:#1a2634;--legacy-203345:#203345;--legacy-46586a:#46586a;--legacy-5a6b75:#5a6b75;--legacy-b8f2e6:#b8f2e6;--legacy-cfe0de:#cfe0de;--legacy-d7e6e4:#d7e6e4;--legacy-d98c12:#d98c12;--legacy-d9e6e6:#d9e6e6;--legacy-e8fbf6:#e8fbf6;--legacy-eafbf6:#eafbf6;--legacy-f4a72c:#f4a72c}
/* ===== Hello Cleaners US — Services Hub — premium, self-contained =====
   Scoped to .hcs with unique prefixed classes. Brand palette preserved
   (teal var(--legacy-008080, #008080), navy var(--legacy-1a2634, #1a2634), mint var(--legacy-b8f2e6, #b8f2e6), bg var(--color-surface-alt, #f7fbfb)). No collisions. */
.hcs{
  --navy:var(--legacy-1a2634, #1a2634); --navy2:var(--legacy-0f1820, #0f1820); --ink:var(--legacy-1a2634, #1a2634); --body:var(--legacy-46586a, #46586a); --muted:var(--legacy-5a6b75, #5a6b75);
  --teal:var(--legacy-008080, #008080); --teal-d:var(--legacy-006666, #006666); --teal-soft:var(--legacy-e8fbf6, #e8fbf6);
  --mint:var(--legacy-b8f2e6, #b8f2e6); --mint-l:var(--legacy-e8fbf6, #e8fbf6);
  --gold:var(--legacy-f4a72c, #f4a72c); --gold-d:var(--legacy-d98c12, #d98c12);
  --line:var(--legacy-d9e6e6, #d9e6e6); --bg:var(--color-surface-alt, #f7fbfb); --surf:var(--color-background, #fff);
  --r:16px; --r-sm:11px; --pill:999px;
  --sh-s:0 2px 12px rgba(26,38,52,.07);
  --sh:0 14px 34px rgba(26,38,52,.12);
  --sh-l:0 28px 60px rgba(0,128,128,.18);
  --ease:cubic-bezier(.22,.61,.36,1);
  font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  color:var(--body);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;padding-bottom:64px;
}
.hcs *{box-sizing:border-box;}
.hcs h1,.hcs h2,.hcs h3{color:var(--navy);line-height:1.18;letter-spacing:-.01em;margin:0;}
.hcs p{margin:0 0 1rem;}
.hcs a{color:var(--teal-d);text-decoration:none;transition:color .2s var(--ease);}
.hcs a:hover{color:var(--gold-d);}
.hcs strong{color:var(--ink);font-weight:700;}
.hcs .hw{max-width:1200px;margin:0 auto;padding:0 20px;}
.hcs .sec{padding:clamp(2.6rem,5vw,4rem) 0;}
.hcs .alt{background:var(--bg);}
.hcs .ctr{text-align:center;}
.hcs .label{display:inline-flex;align-items:center;gap:.5rem;font-size:.74rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--teal-d);background:var(--teal-soft);padding:.4rem .9rem;border-radius:var(--pill);margin-bottom:.85rem;}
.hcs .h2{font-size:clamp(1.6rem,3.3vw,2.2rem);font-weight:800;margin-bottom:.5rem;}
.hcs .sub{color:var(--muted);font-size:1.05rem;max-width:680px;margin:0 0 2rem;}
.hcs .ctr .sub{margin-left:auto;margin-right:auto;}

/* Breadcrumb */
.hcs .bc{font-size:.82rem;color:var(--muted);padding:15px 0;border-bottom:1px solid var(--line);}
.hcs .bc a{color:var(--muted);}
.hcs .bc span{color:var(--navy);font-weight:700;}

/* Buttons */
.hcs .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.97rem;padding:.85rem 1.7rem;border-radius:var(--pill);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),color .2s var(--ease);}
.hcs .btn:hover{transform:translateY(-2px);text-decoration:none;}
.hcs .btn-p{background:linear-gradient(135deg,var(--legacy-0a9d9d, #0a9d9d),var(--teal-d));color:var(--color-background, #fff);box-shadow:0 10px 24px rgba(0,128,128,.34);}
.hcs .btn-p:hover{color:var(--color-background, #fff);box-shadow:0 14px 30px rgba(0,128,128,.44);}
.hcs .btn-o{background:var(--color-background, #fff);color:var(--teal-d);border-color:var(--teal);}
.hcs .btn-o:hover{background:var(--mint-l);color:var(--teal-d);}
.hcs .btn-ghost{background:transparent;color:var(--color-background, #fff);border-color:rgba(255,255,255,.6);}
.hcs .btn-ghost:hover{background:rgba(255,255,255,.14);color:var(--color-background, #fff);}
.hcs .btns{display:flex;flex-wrap:wrap;gap:12px;}

/* Hero */
.hcs .hero{position:relative;overflow:hidden;background:radial-gradient(760px 380px at 85% -12%,rgba(184,242,230,.3),transparent 60%),linear-gradient(155deg,var(--legacy-203345, #203345) 0%,var(--legacy-1a2634, #1a2634) 55%,var(--legacy-0f1820, #0f1820) 100%);color:var(--legacy-d7e6e4, #d7e6e4);}
.hcs .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.05) 1.1px,transparent 1.1px) 0 0/22px 22px;opacity:.5;}
.hcs .hero::after{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(0,128,128,.4),transparent 70%);}
.hcs .hero-in{position:relative;text-align:center;max-width:880px;margin:0 auto;padding:clamp(2.6rem,5vw,4.2rem) 0;}
.hcs .hero .eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--navy);background:var(--mint);padding:.42rem 1rem;border-radius:var(--pill);margin-bottom:1.1rem;}
.hcs .hero h1{color:var(--color-background, #fff);font-size:clamp(2.1rem,5vw,3.2rem);font-weight:800;margin-bottom:.8rem;}
.hcs .hero h1 span{color:var(--mint);}
.hcs .hero p{color:var(--legacy-cfe0de, #cfe0de);font-size:1.12rem;max-width:62ch;margin:0 auto 1.5rem;}
.hcs .hero .btns{justify-content:center;margin-bottom:1.4rem;}
.hcs .chips{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:0;margin:0;}
.hcs .chips li{display:inline-flex;align-items:center;gap:.35rem;font-size:.84rem;font-weight:600;color:var(--legacy-eafbf6, #eafbf6);background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.17);padding:.42rem .85rem;border-radius:var(--pill);}

/* Trust bar */
.hcs .trust{background:var(--color-background, #fff);border-bottom:1px solid var(--line);}
.hcs .trust-in{display:flex;flex-wrap:wrap;gap:.7rem 1.9rem;justify-content:center;align-items:center;padding:.95rem 20px;}
.hcs .trust-in span{font-size:.9rem;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:.4rem;}

/* Quick nav */
.hcs .nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.93);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line);}
.hcs .nav ul{display:flex;gap:.4rem;list-style:none;margin:0 auto;padding:.55rem 20px;max-width:1200px;overflow-x:auto;scrollbar-width:none;}
.hcs .nav ul::-webkit-scrollbar{display:none;}
.hcs .nav a{white-space:nowrap;font-size:.86rem;font-weight:700;color:var(--navy);padding:.45rem .9rem;border-radius:var(--pill);transition:background .15s,color .15s;}
.hcs .nav a:hover{background:var(--teal-soft);color:var(--teal-d);}

/* Service category */
.hcs .cat-head{display:flex;align-items:center;gap:.7rem;margin:0 0 1.2rem;}
.hcs .cat-head h2{font-size:1.4rem;font-weight:800;}
.hcs .cat-head .line{flex:1;height:1px;background:var(--line);}
.hcs .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-bottom:2.4rem;}
.hcs .card{display:flex;flex-direction:column;background:var(--color-background, #fff);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;box-shadow:var(--sh-s);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);}
.hcs .card:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--teal);}
.hcs .card .ic{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;border-radius:var(--radius-md, 13px);background:var(--teal-soft);margin-bottom:.9rem;}
.hcs .card h3{font-size:1.12rem;font-weight:800;margin-bottom:.4rem;}
.hcs .card p{font-size:.93rem;color:var(--body);flex:1;margin:0 0 .9rem;}
.hcs .card .go{font-size:.9rem;font-weight:700;color:var(--teal-d);display:inline-flex;align-items:center;gap:.3rem;}
.hcs .card:hover .go{color:var(--gold-d);}

/* How it works */
.hcs .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;}
.hcs .step{position:relative;background:var(--mint-l);border:1px solid var(--mint);border-radius:var(--r);padding:1.7rem 1.5rem;text-align:center;}
.hcs .step .n{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--legacy-0a9d9d, #0a9d9d),var(--teal-d));color:var(--color-background, #fff);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;margin:0 auto .9rem;box-shadow:0 8px 18px rgba(0,128,128,.32);}
.hcs .step h3{font-size:1.1rem;margin-bottom:.3rem;}
.hcs .step p{font-size:.94rem;color:var(--body);margin:0;}

/* Why us */
.hcs .why{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.hcs .wc{background:var(--color-background, #fff);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;box-shadow:var(--sh-s);border-top:4px solid var(--teal);transition:transform .2s var(--ease),box-shadow .2s var(--ease);}
.hcs .wc:hover{transform:translateY(-4px);box-shadow:var(--sh);}
.hcs .wc .ic{font-size:1.5rem;margin-bottom:.5rem;}
.hcs .wc h3{font-size:1.05rem;margin-bottom:.25rem;}
.hcs .wc p{font-size:.92rem;color:var(--body);margin:0;}

/* Popular chips */
.hcs .pop{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;}
.hcs .pop a{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.2rem;background:var(--color-background, #fff);border:1px solid var(--line);border-radius:var(--pill);font-weight:600;color:var(--navy);box-shadow:var(--sh-s);transition:transform .15s var(--ease),border-color .15s,background .15s,color .15s;}
.hcs .pop a:hover{transform:translateY(-2px);border-color:var(--teal);background:var(--teal-soft);color:var(--teal-d);text-decoration:none;}

/* Coverage band */
.hcs .cov{background:var(--navy);color:var(--color-background, #fff);border-radius:var(--r);padding:clamp(1.8rem,3.5vw,2.6rem);text-align:center;}
.hcs .cov h2{color:var(--color-background, #fff);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.5rem;}
.hcs .cov p{color:var(--legacy-cfe0de, #cfe0de);max-width:62ch;margin:0 auto 1.3rem;}
.hcs .cov .v{color:var(--mint);font-weight:800;}

/* FAQ */
.hcs .faqs{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem;}
.hcs .faq{background:var(--color-background, #fff);border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:var(--radius-sm, 4px) 12px 12px 4px;overflow:hidden;box-shadow:var(--sh-s);}
.hcs .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem 1.3rem;font-weight:700;color:var(--navy);font-size:1rem;}
.hcs .faq summary::-webkit-details-marker{display:none;}
.hcs .faq summary::after{content:"+";font-size:1.5rem;color:var(--teal-d);font-weight:400;line-height:1;}
.hcs .faq[open] summary::after{content:"\2212";}
.hcs .faq-b{padding:0 1.3rem 1.15rem;color:var(--body);font-size:.96rem;}
.hcs .faq-b p{margin:0;}

/* CTA */
.hcs .cta{position:relative;overflow:hidden;background:radial-gradient(700px 240px at 50% 0,rgba(184,242,230,.28),transparent 60%),linear-gradient(135deg,var(--legacy-0a9d9d, #0a9d9d),var(--teal-d));color:var(--color-background, #fff);text-align:center;border-radius:var(--r);padding:clamp(2.4rem,4.5vw,3.4rem);}
.hcs .cta h2{color:var(--color-background, #fff);font-size:clamp(1.6rem,3.3vw,2.2rem);margin-bottom:.5rem;}
.hcs .cta p{color:var(--legacy-eafbf6, #eafbf6);max-width:60ch;margin:0 auto 1.4rem;}
.hcs .cta .btns{justify-content:center;}
.hcs .cta .btn-o{background:var(--color-background, #fff);color:var(--teal-d);border-color:var(--color-background, #fff);}

/* Sticky bar */
.hcs .sticky{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.08);padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:14px;}
.hcs .sticky .lbl{font-weight:700;color:var(--navy);font-size:.95rem;}
.hcs .sticky .btn{padding:.6rem 1.5rem;}

/* Responsive */
@media(max-width:900px){
  .hcs .grid,.hcs .steps,.hcs .why{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .hcs .grid,.hcs .steps,.hcs .why{grid-template-columns:1fr;}
  .hcs .sticky .lbl{display:none;}
}