:root{--ink:#17212d;--ink2:#202c3a;--cobalt:#2459a8;--mineral:#e8ecee;--mineral2:#c9d1d5;--coral:#d66f62;--paper:#fff;--soft:#f6f7f7;--slate:#667583;--line:#d7dde0}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:#fff;color:var(--ink);font-family:"Avenir Next",Arial,sans-serif}button{font:inherit}.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.head{display:flex;min-height:96px;align-items:center;gap:27px}.logo{display:block;width:235px;height:auto}.nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:12px;font-weight:700}.nav span{white-space:nowrap}.menu{display:none;margin-left:auto;border:0;background:none;color:inherit;font-weight:700}.cta,.secondary{min-height:48px;padding:0 22px;border:1px solid currentColor;background:transparent;color:inherit;font-weight:750}.cta{background:var(--coral);border-color:var(--coral);color:#000000}.hero-grid{display:grid}.eyebrow,.kicker{margin:0 0 19px;color:var(--coral);font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.hero h1{max-width:790px;margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,6vw,88px);font-weight:400;letter-spacing:-.06em;line-height:.94}.lead{max-width:600px;margin:25px 0 32px;color:var(--slate);font-size:16px;line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media{background:url('palo-alto-commercial-facility-interior.png') center/cover}.proof{display:grid;grid-template-columns:repeat(3,1fr)}.proof div{padding:21px 25px;border:1px solid var(--line);background:#fff}.proof b{display:block;margin-bottom:7px;color:var(--coral);font-size:10px;letter-spacing:.16em}.proof span{font-size:13px;font-weight:700}.routes{padding:78px 0}.routes h2{max-width:760px;margin:12px 0 37px;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:46px;font-weight:400;letter-spacing:-.045em;line-height:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{display:flex;min-height:205px;flex-direction:column;padding:27px;border:1px solid var(--line);background:#fff}.card small{color:var(--coral);font-weight:800}.card h3{margin:31px 0 9px;color:var(--ink);font-size:22px}.card p{margin:0;color:var(--slate);line-height:1.5}.card strong{margin-top:auto;padding-top:20px;color:var(--ink);font-size:12px}.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(--mineral)}body.a .head{border-bottom:1px solid #cbd3d7}body.a .hero-grid{min-height:675px;grid-template-columns:1.02fr .98fr;align-items:stretch}body.a .hero-copy{padding:88px 70px 77px 0}body.a .hero-media{margin:38px 0 38px 18px;border:13px solid #fff;box-shadow:0 0 0 1px #c6cfd3}body.a .proof div{background:transparent}body.a .routes{background:#fff}body.a .cards{gap:0;border-top:3px solid var(--coral)}body.a .card{border-width:0 1px 1px 0}body.a .card:first-child{border-left:1px solid var(--line)}
body.b{background:var(--ink);color:#fff}body.b .site-head{position:absolute;z-index:3;width:100%}body.b .head{border-bottom:1px solid #ffffff29}body.b .logo{content:url('palo-alto-janitorial-logo-horizontal-reversed.png')}body.b .hero{min-height:810px;background:linear-gradient(90deg,#17212df6 0%,#17212dc8 46%,#17212d17 80%),url('palo-alto-commercial-facility-interior.png') center/cover}body.b .hero-grid{min-height:810px;grid-template-columns:1fr .7fr;align-items:end}body.b .hero-copy{padding:181px 0 96px}body.b .hero h1{color:#f5f7f7}body.b .lead{color:#d9dfe2}body.b .secondary{color:#fff}body.b .proof{margin-top:-1px}body.b .proof div{border-color:#405064;background:#202c3a;color:#fff}body.b .routes{background:var(--mineral);color:var(--ink)}body.b .cards{grid-template-columns:1.15fr .925fr .925fr}body.b .card:first-child{background:var(--ink);color:#fff}body.b .card:first-child h3,body.b .card:first-child strong{color:#fff}body.b .card:first-child p{color:#d9dfe2}
body.c .head{min-height:86px;border-bottom:1px solid var(--line)}body.c .hero{padding:44px 0 68px}body.c .hero-grid{min-height:610px;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}body.c .hero-copy{position:relative;padding:62px 0 62px 46px;border-left:2px solid var(--coral)}body.c .hero-copy:before{content:"PALO ALTO / 01";position:absolute;left:46px;top:0;color:#929da3;font-size:10px;font-weight:800;letter-spacing:.2em}body.c .hero h1{font-size:clamp(55px,5.1vw,77px)}body.c .hero-media{height:520px;clip-path:polygon(7% 0,100% 0,100% 93%,93% 100%,0 100%,0 7%)}body.c .proof{position:relative;margin-top:-22px}body.c .proof div{border-top:4px solid var(--cobalt)}body.c .routes{background:var(--ink2);color:#fff}body.c .routes h2,body.c .card h3,body.c .card strong{color:#fff}body.c .card{border-color:#4a5869;background:transparent;color:#fff}body.c .card p{color:#d4dbe0}
body.d{background:var(--soft)}body.d .site-head{background:#fff}body.d .head{border-bottom:1px solid var(--line)}body.d .hero{padding:38px 0 67px}body.d .hero-grid{min-height:640px;grid-template-columns:1.1fr .9fr;align-items:center;background:#fff;border:1px solid var(--line)}body.d .hero-copy{padding:72px 64px}body.d .hero-copy:before{content:"◆";display:grid;width:42px;height:42px;margin-bottom:37px;place-items:center;background:var(--coral);color:#fff;font-size:15px}body.d .hero h1{font-size:clamp(56px,5.2vw,79px)}body.d .hero-media{height:100%;min-height:640px}body.d .proof{margin-top:-1px}body.d .routes{padding-top:58px}body.d .cards{grid-template-columns:1fr}body.d .card{min-height:91px;display:grid;grid-template-columns:70px 1.2fr 2fr 110px;align-items:center;border-left:5px solid var(--cobalt)}body.d .card h3,body.d .card p,body.d .card strong{margin:0;padding:0}
@media(max-width:800px){.wrap{width:min(100% - 30px,1240px)}.head{min-height:76px}.logo{width:185px;max-width:66%}.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:43px 0 54px;border-left:0}.hero h1,body.a .hero h1,body.b .hero h1,body.c .hero h1,body.d .hero h1{font-size:46px}.lead{font-size:15px}.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:285px;min-height:285px;margin:0;border:0;clip-path:none}.proof,body.c .proof{grid-template-columns:1fr;margin:0}.proof div{padding:16px 19px}.routes{padding:56px 0}.routes h2{font-size:37px}.cards,body.b .cards,body.d .cards{grid-template-columns:1fr}.card,body.d .card{display:flex;min-height:165px}.card h3,body.d .card h3{margin:25px 0 9px}.card p,body.d .card p{margin:0}.card strong,body.d .card strong{margin-top:auto;padding-top:18px}body.b .site-head{position:relative;background:var(--ink)}body.b .hero{min-height:0;background:linear-gradient(#17212dde,#17212df8),url('palo-alto-commercial-facility-interior.png') center/cover}body.b .hero-grid{display:block}body.b .hero-copy{padding:65px 0 60px}body.c .hero,body.d .hero{padding:0 0 45px}body.c .hero-copy:before{display:none}body.d .hero-grid{border:0}.note{display:none}}

body.review-body .site-head{background:#17212d}
: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 "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 #2459a8}
body.review-body a.cta:not(.launch-phone-cta){background:#d66f62;color:#17212d;border-color:#d66f62}
body.review-body a.cta:not(.launch-phone-cta):hover{background:#e4877b;border-color:#e4877b}
:is(.launch-native-form,.pcq-response){padding:28px;background:#e8ecee;color:#17212d;border:1px solid #c9d1d5;--pcq-font:"Avenir Next",Arial,sans-serif;--pcq-heading-font:Georgia,"Times New Roman",serif;--pcq-heading-weight:400;--pcq-heading-size:32px;--pcq-text:#17212d;--pcq-field-text:#17212d;--pcq-field-background:#fff;--pcq-border:#667583;--pcq-control-radius:0;--pcq-focus:#2459a8;--pcq-button-radius:0;--pcq-button-background:#d66f62;--pcq-button-text:#17212d;--pcq-button-hover:#e4877b;--pcq-button-hover-text:#17212d;--pcq-status-background:#c9d1d5;--pcq-status-text:#17212d}
:is(.launch-native-form,.pcq-response) .pcq-form :is(.pcq-required,.pcq-intro,.pcq-choice-hint){color:#17212d}
:is(.launch-native-form,.pcq-response) .pcq-submit{width:100%;border-color:#d66f62}
:is(.launch-native-form,.pcq-response) .pcq-submit:hover{border-color:#e4877b}
@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%}}
.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:#17212d;text-decoration:underline;text-underline-offset:4px}
.pcq-response a:focus-visible{outline:3px solid #2459a8;outline-offset:3px}

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