/* Clone of hshcleaning.com design. Images are hot-linked from the current site for this preview; they get compressed and self-hosted at launch. */
:root{--red:#ED1C24;--redd:#d9342f;--gray:#85878C;--soft:#f2f2f2;--font:"Figtree","Proxima Nova","Helvetica Neue",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--gray);background:#fff;-webkit-text-size-adjust:100%}
h1,h2,h3{margin:0;text-transform:uppercase;line-height:1.1}
h1{font-size:clamp(2rem,5vw,3.375rem);font-weight:700;color:#fff}
h2{font-size:clamp(1.7rem,4vw,2.75rem);font-weight:300;color:#000}
h3{font-size:1.5rem;font-weight:700;color:#000}
p{margin:0}a{color:var(--red)}
img{max-width:100%;height:auto;display:block}
.wrap{width:min(1300px,100% - 2rem);margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:.75rem 1rem;z-index:50}.skip:focus{left:0}
:focus-visible{outline:3px solid #000;outline-offset:3px}
.btn{display:inline-block;font:700 1rem/1 var(--font);padding:1.15rem 3.2rem;background:var(--redd);color:#fff;border:0;border-radius:3px;text-decoration:none;text-transform:uppercase;cursor:pointer}
.btn:hover{background:#b9221d}
.btn-black{background:#000;font-weight:400;padding:1rem 2.2rem}.btn-black:hover{background:#333}
header.site{background:#fff}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:210px;padding-inline:0}
.logo img{width:525px;max-width:100%}
#nav{display:flex;gap:2.9rem}
#nav a{color:#000;text-decoration:none;font-size:1rem}
#nav a:hover,#nav a[aria-current]{color:var(--red)}
.nav-toggle{display:none;background:none;border:0;width:44px;height:40px;cursor:pointer;position:relative}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{position:absolute;left:7px;width:30px;height:3px;background:#000;content:""}
.nav-toggle span{top:18px}.nav-toggle span::before{top:-9px;left:0}.nav-toggle span::after{top:9px;left:0}
.covid{background:#dc3731;color:#fff;text-align:center;padding:1.4rem 1rem 1.7rem}
.covid h2{color:#fff;font-size:2.75rem;font-weight:300}
.covid p{color:#fff;margin:.5rem 0 1.2rem}
.hero{position:relative;background:#555 url(img/main-bg.webp) center/cover;min-height:min(60vw,700px);display:grid;place-items:center;padding:3rem 1rem;text-align:center}
.hero h1{max-width:780px;margin-inline:auto}
.zip{display:flex;gap:.6rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}
.zip input{width:min(383px,100%);padding:1rem;font:400 1.1rem var(--font);border:1px solid #bbb;background:rgba(220,55,49,.35);color:#fff}
.zip input::placeholder{color:rgba(255,255,255,.75)}
.zip.light input{background:#fff;color:#000}.zip.light input::placeholder{color:#777}
.zip .btn{padding-inline:2.6rem;min-width:min(390px,100%)}
section.s{padding:4.5rem 0}
.center{text-align:center}
.cards{display:grid;gap:3.4rem;grid-template-columns:repeat(3,1fr);align-items:start;margin-top:3.5rem}
.card{background:var(--soft);padding-bottom:1.6rem;text-align:center;color:#000}
.card .pic{position:relative;margin-bottom:68px}
.card .pic img.ic{position:absolute;left:50%;bottom:-55px;transform:translateX(-50%);width:110px}
.card p{padding:0 1.2rem;margin-top:.9rem;font-size:1.15rem;line-height:1.5;color:#000}
.trusted{background:#222 url(img/Mid-BG.webp) center/cover;position:relative;color:#fff;text-align:center}
.trusted::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.trusted>*{position:relative}
.trusted h2{color:#fff}
.trusted .lead{font-size:1.3rem;color:#fff;margin:1.8rem auto 3.2rem;max-width:1250px}
.t4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1000px;margin-inline:auto}
.t4 img{margin:0 auto 1rem;width:130px}.t4 p{color:#fff;font-size:1.15rem;line-height:1.3}
.app .wrap{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;max-width:1000px}
.app img.phone{margin-inline:auto;width:291px}
.app p{font-size:1.3rem;margin:1rem 0 1.6rem;color:var(--gray)}
.reviews{background:#333 url(img/Bottom-BG.webp) center/cover;color:#fff;text-align:center;padding:4rem 0 3.4rem;position:relative}
.reviews::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}.reviews>*{position:relative}
.reviews h2{color:#fff}
.rv{display:none;grid-template-columns:1fr 1fr;gap:3.2rem;max-width:975px;margin:2.4rem auto 0;text-align:left}
.rv.on{display:grid}
.q{background:rgba(255,255,255,.25);padding:3rem 2.2rem 3.4rem 4rem;min-height:255px;font-size:1.15rem;line-height:1.5;position:relative;color:#fff}
.q::before,.q::after{position:absolute;font:700 5rem/1 Georgia,serif;color:rgba(255,255,255,.5)}
.q::before{content:"\201C";left:1rem;top:1.4rem}.q::after{content:"\201D";right:1rem;bottom:-.8rem}
.who{display:flex;gap:1.2rem;align-items:center;margin-top:1rem}
.who img{width:72px;height:72px;border-radius:50%;border:3px solid #fff}
.who b{color:var(--red);font-size:1.15rem;display:block}.who span{color:#fff;font-size:.95rem}
.dots{display:flex;gap:.6rem;justify-content:center;margin-top:1.4rem}
.dots button{width:14px;height:14px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0;cursor:pointer}.dots button.on{background:#fff}
.security{position:relative;background:#999 url(img/icon-row-1.webp) center/cover;text-align:center}
.security::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.72)}.security>*{position:relative}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem 3rem;margin:3rem auto 2.5rem;max-width:1160px}
.sgrid img{margin:0 auto 1.4rem;width:148px}.sgrid h3{font-size:1.3rem;margin-bottom:.9rem}.sgrid p{color:#000;font-size:1.1rem;line-height:1.5}
.cta{text-align:center;padding:5.2rem 0 5rem}.cta h2{font-size:2rem;font-weight:400}
footer.site{background:#ccc;color:#000}
footer.site>.wrap{display:grid;grid-template-columns:1fr 300px;padding:4.2rem 0 3rem;gap:2rem}
footer.site ul{list-style:none;padding:0;margin:2rem 0 0}
footer.site li{margin-bottom:.95rem}
footer.site li a{color:#000;text-decoration:none;font-size:.82rem;text-transform:uppercase}
footer.site h3{color:var(--red);font-size:2rem;margin:2.6rem 0 1.3rem}
footer.site .ct a{color:#000;text-decoration:none;font-size:.82rem;display:block;margin-bottom:1rem}
.copy{background:var(--redd);color:#fff;padding:1.6rem 0}
.copy .wrap{display:flex;justify-content:space-between;align-items:center}
.copy a{border:1px solid #fff;color:#fff;text-decoration:none;font-weight:700;padding:1rem 3.2rem;font-size:.85rem}
.pagehead{background:#222 url(img/main-bg.webp) center/cover;text-align:center;padding:5rem 1rem;position:relative}
.pagehead::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}.pagehead>*{position:relative}
.pagehead p{color:#fff;margin:1rem auto 0;max-width:36rem;font-size:1.2rem}
section{padding:3.5rem 0}
.svc{display:grid;gap:2rem;padding-block:3rem;border-top:1px solid #ddd;grid-template-columns:1fr 1fr;align-items:center}
.svc.flip .photo{order:2}
.svc h2{font-size:2rem;font-weight:700;color:#000}.svc p{color:var(--gray);margin-top:.8rem}
.photo{background:repeating-linear-gradient(45deg,#e3e3e3 0 14px,#eee 14px 28px);aspect-ratio:4/3;display:grid;place-items:center;color:var(--gray);text-align:center;padding:1rem;font-weight:600}
.checks{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.6rem;color:#000}
.checks li{padding-left:1.6rem;position:relative}.checks li::before{content:"";position:absolute;left:0;top:.45em;width:.8rem;height:.45rem;border-left:3px solid var(--red);border-bottom:3px solid var(--red);transform:rotate(-45deg)}
details{border-top:1px solid #ddd;padding:1.1rem 0}details:last-of-type{border-bottom:1px solid #ddd}
summary{cursor:pointer;font-weight:700;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:1rem;color:#000}
summary::-webkit-details-marker{display:none}summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--red)}
details[open] summary::after{content:"\2212"}details p{margin-top:.6rem;max-width:42rem}
form.f{display:grid;gap:1rem;max-width:36rem}
label.l{display:grid;gap:.3rem;font-weight:700;font-size:.95rem;color:#000}
.l input,.l select,.l textarea{font:400 1rem var(--font);padding:.8rem;border:1px solid #bbb;width:100%;background:#fff;color:#000}
.l textarea{min-height:6rem}
.row{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
.note{background:#E5F4EA;border:2px solid #3E9B55;padding:.8rem 1rem;font-weight:600;color:#000}.note[hidden]{display:none}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.contactbox{display:grid;gap:.4rem;margin-top:1rem}
@media(max-width:1100px){#nav{gap:1.4rem}.logo img{width:380px}header.site .wrap{min-height:150px}}
@media(max-width:900px){.nav-toggle{display:block}#nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;gap:1rem;padding:1rem 1.5rem 1.5rem;z-index:10;border-bottom:1px solid #ddd}#nav.open{display:flex}header.site{position:relative}header.site .wrap{min-height:110px}.logo img{width:300px}
.cards,.sgrid,.app .wrap,.rv.on,.svc,.grid2,.row{grid-template-columns:1fr}.cards{gap:2rem}.t4{grid-template-columns:1fr 1fr}.covid h2{font-size:2rem}footer.site>.wrap{grid-template-columns:1fr}.copy .wrap{flex-direction:column;gap:1rem;text-align:center}.svc.flip .photo{order:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:480px){.logo img{width:230px}.covid h2{font-size:1.7rem}.copy a{padding-inline:2rem}}
.cards>*,.sgrid>*,.t4>*,.rv>*{min-width:0}
@media(max-width:900px){.cards,.sgrid,.app .wrap,.rv.on,.svc,.grid2,.row{grid-template-columns:minmax(0,1fr)}}
.card .pic>img:first-child{width:100%;height:auto}

.subband{background:#439EB4 url(img/patern-blue.webp) center/cover;text-align:center;padding:5.2rem 1rem;min-height:254px;display:grid;place-items:center}
.subband.photo-band{background:#555 url(img/HERO-Services.webp) center/cover}
.subband h1{color:#fff;font-size:3rem;font-weight:700}
.prose{width:min(1220px,100% - 2rem);margin-inline:auto;padding:3rem 0 4rem}
.prose h1.t{color:#000;font-weight:300;text-align:center;margin-bottom:2rem}
.prose h2{font-size:clamp(1.7rem,4vw,2.75rem);font-weight:300;color:#000;margin:2.2rem 0 1rem}
.prose h3{font-size:2rem;font-weight:400;text-transform:none;color:#000;margin:1rem 0}
.prose p{margin:0 0 1.4rem;font-size:1.0625rem;line-height:1.55}
.prose ul{margin:0 0 1.4rem;padding-left:1.4rem}.prose li{margin-bottom:.4rem}
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:start;margin:1rem 0}
.split img{width:100%;max-width:530px;margin:0 auto;height:auto}
.qa{margin:0 0 1.6rem}.qa b{display:block;color:#000;margin-bottom:.25rem}
@media(max-width:900px){.split{grid-template-columns:1fr}.subband h1{font-size:2.4rem}}

.subband{position:relative}.subband::before{content:"";position:absolute;inset:0;background:rgba(140,140,140,.43)}.subband.photo-band::before{background:rgba(0,0,0,.12)}.subband>*{position:relative}

.has-sub{position:relative}
.has-sub .sub{display:none;position:absolute;left:50%;top:100%;transform:translateX(-50%);width:360px;background:#FCEBEA;padding:.5rem 2.2rem 1rem;z-index:30;margin-top:1.2rem}
.has-sub .sub::before{content:"";position:absolute;left:0;right:0;top:-1.3rem;height:1.3rem}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:block}
.has-sub .sub a{display:block;padding:1rem 0;border-bottom:1px solid #333;font-size:1.05rem;line-height:1.4}
@media(max-width:900px){.has-sub .sub{display:block;position:static;transform:none;width:auto;background:none;padding:.3rem 0 0 1rem;margin:0}.has-sub .sub::before{display:none}.has-sub .sub a{border:0;padding:.4rem 0;font-size:.95rem}}
.prose h2.bt{font-size:clamp(1.6rem,3.6vw,2.5rem)}
.prose .lede{font-size:1.1rem}
.copy .credit{margin-left:.4rem}.copy .credit a{border:0;padding:0;font-weight:400;font-size:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.copy .credit{display:block;margin:.3rem 0 0}}
.copy .credit{font-size:.78rem;opacity:.85}.copy .credit a{font-size:inherit}

.promo{position:relative;background:#dc3731;color:#fff;display:flex;align-items:center;justify-content:center;gap:1.4rem;flex-wrap:wrap;padding:1.1rem 3.2rem 1.1rem 1rem;text-align:center}
.promo[hidden]{display:none}
.promo p{color:#fff;font-size:1.1rem;margin:0}.promo p span{opacity:.92}
.promo .btn-black{padding:.85rem 1.8rem;font-weight:700;font-size:.9rem}
.promo-x{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:2rem;line-height:1;cursor:pointer;padding:.2rem .6rem}
@media(max-width:900px){.promo p span{display:block}.promo{gap:.8rem}}

.promo{display:block;padding:1rem 3.2rem 1.15rem 1rem}
.promo h2{color:#fff;font-size:1.75rem;font-weight:300;margin:0}
.promo p{font-size:.98rem;margin:.25rem 0 .7rem}
.promo .btn-black{padding:.65rem 1.5rem;font-size:.8rem;font-weight:400}
@media(max-width:900px){.promo h2{font-size:1.45rem}}

.gc .gc-h{text-align:center;font-size:clamp(1.7rem,3.8vw,2.6rem);margin:3rem 0 1.4rem}
.gc>.gc-h:first-child{margin-top:0}
.center-t{text-align:center}.gc .lede{max-width:46rem;margin:0 auto 2rem;font-size:1.2rem}
.gc-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:0 0 2rem}
.gc-points div{background:#f2f2f2;padding:1.4rem;text-align:center}.gc-points b{display:block;color:#000;font-size:1.15rem;margin-bottom:.3rem}
.gc-buy{padding:1rem 0 2rem;scroll-margin-top:1rem}
.occ{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.occ div{background:#f2f2f2;padding:1.4rem}.occ h3{font-size:1.25rem;margin:0 0 .5rem}.occ p{margin:0;color:var(--gray)}
.gc-list{max-width:34rem;margin:0 auto;color:#000;font-size:1.1rem}
.gc-cta{text-align:center;margin-top:1rem}.gc-cta .small{margin-top:1rem;color:var(--gray)}
@media(max-width:900px){.gc-points,.occ{grid-template-columns:1fr}}