/* Pinned card 4: typography, teal/ochre identity, illustrated room and service comparison. */
:root{--clean-ink:#075461;--clean-gold:#e8b25b;--clean-pale:#eff9f8}
body{font-family:Inter,Arial,sans-serif}
.new-copy h1,.new-section-head h2,.new-compare h2,.new-how h2{font-family:Inter,Arial,sans-serif;color:var(--clean-ink);font-weight:750;letter-spacing:-.035em}
.top .brand{gap:12px}.cleaning-mark{width:43px;height:43px;flex:none}.brand-txt{font-family:Inter,Arial,sans-serif;color:var(--clean-ink);font-weight:750;font-size:25px;line-height:1.12}.brand-city{color:#946423}.brand-sub{display:none}
.top .phone{display:none}.top .wrap{min-height:76px}.top nav{margin-left:auto}.top nav .cta{display:inline-flex!important;background:var(--clean-gold);color:#172f34;border-radius:8px;padding:13px 25px}
.new-hero{background:#fff}.new-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:450px;align-items:stretch}.new-copy{position:relative;z-index:1;padding:42px 24px 40px 0;align-self:center}.new-copy h1{font-size:clamp(36px,3.8vw,58px);line-height:1.08;max-width:17ch;text-wrap:balance}.new-lede{font-size:22px;line-height:1.45;color:#505c60;max-width:40ch}.new-quote{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;max-width:100%;min-height:60px;background:var(--clean-gold);color:#172f34;border-radius:8px;padding:16px 25px;font:700 18px/1.35 Inter,Arial,sans-serif;text-decoration:none}.new-quote:hover{background:#efc27b}.disclosure{color:#505c60;font-size:14px}.cleaning-art{position:relative;margin:0;min-width:0;overflow:hidden}.cleaning-art img{width:100%;height:100%;object-fit:cover;object-position:60% center;display:block}.new-services{background:var(--clean-pale);padding:32px 0}.service-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-item{background:white;border:0;border-radius:10px;padding:25px 20px;display:flex;align-items:flex-start;gap:15px;text-decoration:none;min-width:0}.service-icon{flex:0 0 96px;width:96px;height:110px}.service-icon img{display:block;width:96px;height:110px;object-fit:contain}.service-item>span:last-child{min-width:0}.service-item strong{color:var(--clean-ink);font-size:17px;line-height:1.25}.service-item small{display:block;color:#505c60;line-height:1.45;font-size:13px;margin:10px 0 16px}.service-item b{font-size:14px;color:var(--clean-ink)}.new-section-head h2,.new-compare h2{font-size:30px}.new-section-head p{color:#505c60}.compare-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:55px}.table-scroll{min-width:0;overflow:auto}.table-scroll th{background:#edf5f5;color:#183d44}.table-scroll td{color:#24434a}.new-how{background:var(--clean-pale)}
@media(max-width:1000px){.brand-txt{font-size:22px}.new-lede{font-size:18px}.new-quote{font-size:15px}.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-grid{gap:25px}}
@media(max-width:700px){.top .wrap{flex-wrap:wrap;padding-block:15px;gap:14px}.top nav{width:100%;margin:0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.top nav a{min-height:44px;display:inline-flex;align-items:center}.new-hero-grid{grid-template-columns:1fr}.new-copy{padding:32px 0}.new-copy h1{font-size:clamp(34px,9.5vw,49px)}.new-lede{font-size:18px}.cleaning-art{height:300px;margin-inline:-18px}.new-quote{font-size:16px;padding:15px 18px}.service-list{grid-template-columns:1fr}.service-item{padding:20px}.compare-grid{grid-template-columns:1fr}.cleaning-mark{width:34px;height:34px}.brand-txt{font-size:20px}.new-section-head h2,.new-compare h2{font-size:27px}}
html{scrollbar-color:#317b82 #eff9f8}input,textarea{caret-color:#075461}::selection{background:#c5e7e4;color:#063f49}

/* Inspection correction: restore the pinned single-row desktop header and complete mobile navigation. */
.top>.wrap{display:flex;flex-wrap:nowrap;align-items:center;gap:30px}.top .brand{flex:0 1 auto;order:initial;min-width:0}.top nav{order:initial;flex:0 1 auto;max-width:none;margin-left:auto;width:auto;display:flex;gap:25px}.top .phone.only-wide{display:none!important}.top nav a[href="#how-it-works"],.top nav a[href="/guides/"]{display:inline-flex}.cleaning-art{border-radius:0}.service-icon{background:transparent;border-radius:0}.table-scroll{margin-right:0;padding-right:0}.new-hero-grid{padding-top:0}.cleaning-art img{max-width:100%}
@media(max-width:1000px){.top>.wrap{gap:15px;flex-wrap:wrap}.top nav{gap:17px}.brand-txt{font-size:23px}}
@media(max-width:700px){.top>.wrap{flex-wrap:wrap;gap:14px}.top .brand{flex:1 1 100%}.top nav{flex:1 1 100%;width:100%;max-width:100%;margin:0;gap:13px;justify-content:flex-start;flex-wrap:wrap}.top nav a{font-size:13px;padding:0;min-height:44px}.top nav a.cta{padding:10px 16px}.cleaning-art{margin-inline:0;height:280px}.new-hero-grid{padding-top:0}}

/* 2026-10-08: card 4 composition, not a new visual direction. */
@media(min-width:1101px){.top>.wrap,.new-hero-grid,.new-services>.wrap,.new-compare>.wrap,.new-how>.wrap{width:calc(100% - 11.4vw);max-width:1362px}.top>.wrap{min-height:68px}.top .brand-txt{font-size:25px}.top nav{gap:56px}.top nav .cta{margin-left:clamp(28px,10vw,150px);padding:11px 31px;min-height:44px}.new-hero{position:relative;overflow:hidden}.new-hero-grid{grid-template-columns:48% 52%;min-height:448px}.new-copy{padding:44px 0 46px;align-self:start}.new-copy h1{font-size:clamp(48px,3.75vw,58px);line-height:1.04;max-width:20ch;margin:0 0 20px;letter-spacing:-.035em;text-wrap:initial}.new-lede{font-size:22px;line-height:1.42;max-width:40ch;margin:0 0 24px}.new-quote{width:526px;max-width:92%;min-height:84px;font-size:18px;padding:18px 36px}.disclosure{margin-top:16px;font-size:15px}.cleaning-art{position:absolute;left:45%;right:0;top:0;bottom:0;margin:0}.cleaning-art img{width:100%;height:100%;object-fit:cover;object-position:center}.cleaning-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,.78) 8%,transparent 25%);pointer-events:none}.new-services{padding:27px 0 30px}.new-section-head h2{margin:0 0 4px;font-size:30px;line-height:1.2}.new-section-head p{margin:0 0 19px;font-size:16px}.service-list{gap:20px}.service-item{padding:23px 20px;gap:14px;min-height:187px;align-items:flex-start}.service-icon{flex-basis:98px;width:98px;height:110px}.service-icon img{width:98px;height:110px}.service-item strong{font-size:16px}.service-item small{font-size:12px;line-height:1.42;margin:7px 0 21px}.service-item b{font-size:13px}.new-compare{padding-top:32px}.compare-grid{grid-template-columns:1fr 1.2fr;gap:40px}.new-compare h2{margin:8px 0 7px}.new-compare p{margin-top:0;font-size:16px}}
/* Mobile adapts the composition; keep every navigation destination and contact link. */
@media(max-width:700px){.new-copy h1{text-wrap:initial;max-width:19ch;letter-spacing:-.035em}.new-copy{padding-bottom:24px}.new-lede{line-height:1.45}.service-icon{flex-basis:86px;width:86px}.service-icon img{width:86px}.service-item{min-height:164px}.new-section-head{margin-bottom:18px}.new-quote:focus-visible,.service-item:focus-visible{outline:3px solid #075461;outline-offset:4px}}

/* Art-only windows into the actual selected owner reference, not a screenshot page. */
.cleaning-art{position:relative;overflow:hidden;background:#fff}.cleaning-art img{position:absolute;width:179.44%;max-width:none;height:auto;left:-79.44%;top:-15.18%;object-fit:initial}.cleaning-art:after{display:none}.service-icon{background-image:url('/images/reference-card-04.webp');background-repeat:no-repeat;background-size:1280% auto;width:98px;height:94px;flex-basis:98px}.reference-house{background-position:7.274% 70.407%}.reference-supplies{background-position:31.497% 70.407%}.reference-boxes{background-position:55.508% 70.407%}.reference-office{background-position:81.144% 70.407%}
@media(min-width:1101px){.top>.wrap,.new-hero-grid,.new-services>.wrap,.new-compare>.wrap,.new-how>.wrap{width:calc(100% - 11.4vw);padding-left:0;padding-right:0}.new-hero-grid{min-height:448px}.new-copy h1{font-size:58px;max-width:21ch}.cleaning-art{position:absolute;left:44.27%;right:0;top:0;bottom:0}.cleaning-art img{top:calc(-.04948 * 100vw);width:179.44%;height:auto;max-width:none}.new-compare .compare-grid{align-items:start}.service-icon{width:110px;height:105px;flex-basis:110px}}
@media(max-width:1100px) and (min-width:701px){.cleaning-art{min-height:420px}.cleaning-art img{top:-45px;width:179.44%;max-width:none}}
@media(max-width:700px){.cleaning-art{height:230px}.cleaning-art img{top:-28px}.service-icon{width:98px;height:94px;flex-basis:98px}}

@media(min-width:1101px){.new-copy .new-quote{margin-top:0}.cleaning-art{left:46.875%}.cleaning-art img{width:188.235%;left:-88.235%;top:calc(-.04948 * 100vw)}}
.service-icon{background-size:1396.36% auto}.reference-house{background-position:7.013% 70.407%}.reference-supplies{background-position:30.856% 70.407%}.reference-boxes{background-position:55.399% 70.407%}.reference-office{background-position:80.645% 70.407%}

/* Keep the art window bounded to the hero on every viewport; exclude neighbouring card text. */
.cleaning-art img{width:188.235%;left:-88.235%;top:-15.178%}
@media(min-width:1101px){.cleaning-art img{top:-4.42708333vw}}
@media(max-width:1100px){.cleaning-art{height:auto;min-height:0;aspect-ratio:816 / 448}.cleaning-art img{top:-15.178%;width:188.235%;max-width:none}}

/* Crop below the room artwork before the reference's embedded caption strip. */
.cleaning-art{background:#f8f7f3}.cleaning-art img{clip-path:inset(0 0 52% 0)}

/* Red follow-up 2: selected-card desktop header rhythm and inline CTA wrapping. */
@media(min-width:1101px){
 .top .brand-txt{font-size:28px}
 .top nav{flex:1 1 auto;margin-left:clamp(35px,6.5vw,100px);gap:56px}
 .top nav .cta{margin-left:auto;min-width:166px;text-align:center;justify-content:center}
 .new-lede{font-size:24px;line-height:1.3;max-width:625px}
 .new-copy .new-quote{display:block}
 .new-copy .new-quote>span{display:inline}
 .new-copy .new-quote>span:last-child{margin-left:14px}
 .cleaning-art img{width:199.53%;left:-99.53%;top:-4.69270833vw}
 .cleaning-art:after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.7) 5%,transparent 16%);pointer-events:none}
}

/* Red follow-up 3: measured against the 1536px selected-card regions. */
@media(min-width:1101px){
 .top .brand-txt{font-size:26.5px}
 .top nav{margin-left:4.1vw}
 .new-copy{padding-top:50px}
 .new-copy h1{line-height:1;margin-bottom:16px}
 .new-lede{margin-bottom:15px}
 .new-copy .new-quote>span:last-child{font-size:24px;line-height:1}
 .new-section-head p{line-height:1.5;margin-bottom:15px}
 .service-item small{font-size:13px;line-height:1.4;margin-bottom:17px}
 .service-item b{font-size:14px;line-height:1.2}
}