:root{--teal:#123f43;--teal2:#0d5557;--graph:#2e363a;--stone:#e9edeb;--coral:#df735f;--white:#fff;--ink:#202a2d;--line:#d2dad7}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Avenir Next",Arial,sans-serif;color:var(--ink);background:#fff}button{font:inherit}.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.head{display:flex;min-height:100px;align-items:center;gap:29px}.logo{width:255px;height:auto}.nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:13px;font-weight:620}.nav span{white-space:nowrap}.cta,.secondary{min-height:49px;padding:0 23px;border:1px solid currentColor;background:transparent;color:inherit;font-size:13px;font-weight:720}.menu{display:none;margin-left:auto;border:0;background:none;color:inherit;font-weight:700}.hero-grid{display:grid}.hero h1{max-width:790px;margin:0;font-size:clamp(58px,6vw,91px);font-weight:540;letter-spacing:-.058em;line-height:.94}.eyebrow{margin:0 0 20px;color:var(--coral);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.lead{max-width:600px;margin:26px 0 34px;color:#627075;font-size:17px;line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media img{display:block;width:100%;height:100%;object-fit:cover}.proof{display:grid;grid-template-columns:repeat(3,1fr)}.proof div{padding:23px 27px;border:1px solid var(--line);background:#fff}.proof b{display:block;margin-bottom:7px;color:var(--coral);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.proof span{font-size:14px;font-weight:650}.routes{padding:82px 0}.kicker{color:var(--coral);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.routes h2{max-width:780px;margin:14px 0 40px;font-size:47px;letter-spacing:-.045em;line-height:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{display:flex;min-height:205px;flex-direction:column;padding:28px;border:1px solid var(--line);background:#fff}.card small{color:var(--coral);font-weight:800}.card h3{margin:34px 0 10px;font-size:23px}.card p{margin:0;color:#657277;line-height:1.55}.card strong{margin-top:auto;padding-top:23px;font-size:13px}.note{position:fixed;right:12px;bottom:12px;z-index:20;padding:7px 10px;background:#000d;color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
body.a{background:var(--stone)}body.a .head{border-bottom:1px solid #cbd5d1}body.a .hero-grid{min-height:680px;grid-template-columns:1.05fr .95fr;align-items:stretch}body.a .hero-copy{padding:92px 75px 82px 0}body.a .hero h1{color:var(--teal);font-weight:480}body.a .hero-media{margin:42px 0 42px 20px;border:1px solid #bfcac6;padding:15px;background:#fff}body.a .cta{background:var(--teal);color:#fff}body.a .proof div{background:transparent}body.a .cards{gap:0;border-top:1px solid var(--teal)}body.a .card{border-width:0 1px 1px 0;background:transparent}body.a .card:first-child{border-left:1px solid var(--teal)}
body.b{background:var(--teal);color:#fff}body.b .site-head{position:absolute;z-index:3;width:100%}body.b .logo{content:url('san-ramon-cleaning-logo-horizontal-reversed.png')}body.b .head{border-bottom:1px solid #ffffff2a}body.b .cta{background:var(--coral);border-color:var(--coral);color:#000000}body.b .hero{min-height:820px;background:linear-gradient(90deg,#123f43f4 0%,#123f43cb 45%,#123f4320 79%),url('san-ramon-corporate-shared-space.png') center/cover}body.b .hero-grid{min-height:820px;grid-template-columns:1fr .7fr;align-items:end}body.b .hero-copy{padding:190px 0 102px}body.b .lead{color:#dbe4e1}body.b .secondary{color:#fff}body.b .hero-media{display:none}body.b .proof{margin-top:-1px}body.b .proof div{border-color:#345f61;background:#184c50;color:#fff}body.b .routes{background:var(--stone);color:var(--ink)}body.b .cards{grid-template-columns:1.2fr .9fr .9fr}body.b .card:first-child{background:var(--teal);color:#fff}body.b .card:first-child p{color:#d8e2df}
body.c .head{min-height:88px;border-bottom:1px solid var(--line)}body.c .hero{padding:43px 0 70px}body.c .hero-grid{min-height:625px;grid-template-columns:1.17fr .83fr;gap:56px;align-items:center}body.c .hero-copy{position:relative;padding:68px 0 68px 50px;border-left:3px solid var(--coral)}body.c .hero-copy:before{content:"SAN RAMON / 01";position:absolute;top:0;left:50px;color:#9aa6a3;font-size:11px;font-weight:780;letter-spacing:.18em}body.c .hero h1{color:var(--graph);font-weight:430}body.c .cta{background:var(--teal);color:#fff}body.c .hero-media{height:505px;margin-right:-65px}body.c .proof{grid-template-columns:1fr}body.c .proof div{display:grid;grid-template-columns:145px 1fr;padding:16px 0;border-width:1px 0 0;background:transparent}body.c .routes{padding-top:58px;background:var(--graph);color:#fff}body.c .cards{grid-template-columns:1fr}body.c .card{min-height:88px;display:grid;grid-template-columns:75px 1fr 2fr 100px;align-items:center;border-color:#4d585d;background:transparent;color:#fff}body.c .card h3,body.c .card p,body.c .card strong{margin:0;padding:0}body.c .card p{color:#ccd3d5}
body.d{background:#f6f7f6}body.d .site-head{background:#fff}body.d .hero-grid{min-height:685px;grid-template-columns:.9fr 1.1fr;align-items:center}body.d .hero-copy{padding:78px 62px 78px 0}body.d .hero h1{color:var(--teal);font-weight:650}body.d .cta{background:var(--graph);color:#fff}body.d .hero-media{height:610px;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 11%)}body.d .proof{position:relative;margin-top:-33px}body.d .proof div{border-top:4px solid var(--coral)}body.d .routes{background:#fff}body.d .card{border-top:5px solid var(--teal2)}
@media(max-width:800px){.wrap{width:min(100% - 30px,1240px)}.head{min-height:78px}.logo{width:205px;max-width:67%}.nav{display:none}.menu{display:block}.hero-grid,body.a .hero-grid,body.b .hero-grid,body.c .hero-grid,body.d .hero-grid{display:flex;min-height:0;flex-direction:column}.hero-copy,body.a .hero-copy,body.b .hero-copy,body.c .hero-copy,body.d .hero-copy{order:2;padding:44px 0 55px;border-left:0}.hero h1,body.c .hero h1{font-size:48px}.lead{font-size:16px}.actions{flex-direction:column}.cta,.secondary{width:100%}.hero-media,body.a .hero-media,body.c .hero-media,body.d .hero-media{order:1;width:100%;height:300px;min-height:300px;margin:0;padding:0;border:0;clip-path:none}.proof,body.c .proof{grid-template-columns:1fr;margin:0}.proof div,body.c .proof div{display:block;padding:17px 20px}.routes{padding:60px 0}.routes h2{font-size:38px}.cards,body.b .cards,body.c .cards{grid-template-columns:1fr}.card,body.c .card{display:flex;min-height:170px}.card h3,body.c .card h3{margin:28px 0 10px}.card p,body.c .card p{margin:0}.card strong,body.c .card strong{margin-top:auto;padding-top:18px}body.b .site-head{position:relative;background:var(--teal)}body.b .hero{min-height:0;background:linear-gradient(#123f43d8,#123f43f5),url('san-ramon-corporate-shared-space.png') center/cover}body.b .hero-grid{display:block}body.b .hero-copy{padding:68px 0 62px}body.c .hero{padding:0 0 45px}body.c .hero-copy:before{display:none}.note{display:none}}

body.review-body .site-head{background:#123f43}
:is(body.review-body,.pcq-response) :is(a.cta,a.button,a.secondary,a.city-proposal,.pcq-form .pcq-submit){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-width:2px;border-style:solid;border-radius:0;font:700 16px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Display","Avenir Next",Arial,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;box-sizing:border-box}
:is(body.review-body,.pcq-response) :is(a.cta,a.button,a.secondary,a.city-proposal,.pcq-form .pcq-submit):focus-visible{outline:3px solid #fff;outline-offset:0;box-shadow:0 0 0 6px #123f43}
body.review-body a.cta:not(.launch-phone-cta){background:#df735f;color:#202a2d;border-color:#df735f}
body.review-body a.cta:not(.launch-phone-cta):hover{background:#ef836f;border-color:#ef836f}
:is(.launch-native-form,.pcq-response){padding:28px;background:#e9edeb;color:#202a2d;border:1px solid #d2dad7;--pcq-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Avenir Next",Arial,sans-serif;--pcq-heading-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Avenir Next",Arial,sans-serif;--pcq-heading-weight:540;--pcq-heading-size:32px;--pcq-text:#202a2d;--pcq-field-text:#202a2d;--pcq-field-background:#fff;--pcq-border:#5e7274;--pcq-control-radius:0;--pcq-focus:#123f43;--pcq-button-radius:0;--pcq-button-background:#df735f;--pcq-button-text:#202a2d;--pcq-button-hover:#ef836f;--pcq-button-hover-text:#202a2d;--pcq-status-background:#d2dad7;--pcq-status-text:#202a2d}
:is(.launch-native-form,.pcq-response) .pcq-form :is(.pcq-required,.pcq-intro,.pcq-choice-hint){color:#202a2d}
:is(.launch-native-form,.pcq-response) .pcq-submit{width:100%;border-color:#df735f}
:is(.launch-native-form,.pcq-response) .pcq-submit:hover{border-color:#ef836f}
@media(max-width:600px){:is(.launch-native-form,.pcq-response){padding:22px}}
body.review-body .hero .actions{flex-wrap:wrap;gap:12px;margin-top:24px}
body.review-body .hero .actions>.cta{margin:0}
@media(max-width:600px){body.review-body .hero .actions{align-items:stretch}body.review-body .hero .actions>.cta{width:100%}}
.launch-native-form .pcq-form h2,.pcq-response .pcq-form h2,.pcq-response h1{text-transform:none;letter-spacing:-.025em}
.pcq-response h1{font-family:var(--pcq-heading-font);font-size:var(--pcq-heading-size);font-weight:var(--pcq-heading-weight)}
.pcq-response a{display:inline-flex;align-items:center;min-height:44px;color:#202a2d;text-decoration:underline;text-underline-offset:4px}
.pcq-response a:focus-visible{outline:3px solid #123f43;outline-offset:3px}

body.review-body a.city-proposal{background:#df735f;color:#202a2d!important;border-color:#df735f}
body.review-body a.city-proposal:hover{background:#ef836f;border-color:#ef836f}

body.review-body .city-directory-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:32px}body.review-body .city-directory-heading h2{margin:0}body.review-body .city-directory-heading>a{font-size:16px;text-decoration:underline;text-underline-offset:4px}body.review-body .city-service-group h3>a{font:inherit}

body.review-body .review-nav>a:is(:hover,:focus-visible),body.review-body .launch-legal-links>a:is(:hover,:focus-visible),body.review-body .city-question>summary:is(:hover,:focus-visible),body.review-body .hero a.cta.launch-phone-cta:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}

/* Keep the inquiry card secondary to the service headline and hero image. */
body.review-body .launch-hero .hero-grid{height:auto!important;min-height:0!important}
body.review-body .launch-hero .launch-hero-layout{grid-template-columns:minmax(0,1fr) 370px;gap:clamp(40px,6vw,88px)}
body.review-body .launch-hero .launch-hero-layout>.launch-native-form{max-width:370px;padding:24px}
body.review-body .launch-native-form .pcq-form h2{font-size:24px;line-height:1.2;margin-bottom:20px}
body.review-body .launch-native-form .pcq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.review-body .launch-native-form .pcq-form label{font-size:13px}
body.review-body .launch-native-form .pcq-required{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.review-body .launch-native-form .pcq-form textarea{min-height:88px;height:88px}
@media(max-width:1000px){body.review-body .launch-hero .launch-hero-layout{grid-template-columns:minmax(0,1fr);gap:32px}body.review-body .launch-hero .launch-hero-layout>.launch-native-form{justify-self:start;width:100%}}
@media(max-width:600px){body.review-body .launch-native-form .pcq-grid{grid-template-columns:minmax(0,1fr)}}
