:root{--navy:#28374a;--navy2:#1f2c3c;--bronze:#a56f43;--bronze2:#bd8758;--parch:#f1eee7;--paper:#fff;--ink:#252b30;--slate:#5d6870;--line:#d8d3ca}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:var(--paper);color:var(--ink);font-family:"Avenir Next",Arial,sans-serif}button{font:inherit}.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.site-head{position:relative;z-index:4}.head{display:flex;min-height:94px;align-items:center;gap:28px}.logo{display:block;width:245px;height:auto}.nav{display:flex;align-items:center;gap:23px;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(--bronze);border-color:var(--bronze);color:#000000}.hero-grid{display:grid}.eyebrow,.kicker{margin:0 0 18px;color:var(--bronze);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1{max-width:820px;margin:0;color:var(--navy);font-family:Futura,"Avenir Next",sans-serif;font-size:clamp(58px,6vw,88px);font-weight:700;letter-spacing:-.045em;line-height:.95}.lead{max-width:610px;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('livermore-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(--bronze);font-size:11px;letter-spacing:.14em}.proof span{font-size:13px;font-weight:700}.routes{padding:78px 0}.routes h2{max-width:760px;margin:11px 0 36px;color:var(--navy);font-family:Futura,"Avenir Next",sans-serif;font-size:45px;letter-spacing:-.03em;line-height:1.03}.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(--bronze);font-weight:800}.card h3{margin:31px 0 9px;color:var(--navy);font-size:22px}.card p{margin:0;color:var(--slate);line-height:1.5}.card strong{margin-top:auto;padding-top:20px;color:var(--navy);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(--navy);color:#fff}body.a .site-head{position:absolute;width:100%}body.a .head{border-bottom:1px solid #ffffff2b}body.a .logo{content:url('livermore-janitorial-co-logo-horizontal-reversed.png')}body.a .hero{min-height:800px;background:linear-gradient(90deg,#1f2c3cf7 0%,#1f2c3cc7 44%,#1f2c3c18 79%),url('livermore-commercial-facility-interior.png') center/cover}body.a .hero-grid{min-height:800px;grid-template-columns:1fr .68fr;align-items:end}body.a .hero-copy{padding:176px 0 92px}body.a .hero h1{color:var(--parch)}body.a .lead{color:#d9d7d1}body.a .secondary{color:#fff}body.a .proof{margin-top:-1px}body.a .proof div{border-color:#465367;background:#2c3d52;color:#fff}body.a .routes{background:var(--parch);color:var(--ink)}body.a .cards{grid-template-columns:1.15fr .925fr .925fr}body.a .card:first-child{background:var(--navy);color:#fff}body.a .card:first-child h3,body.a .card:first-child strong{color:#fff}body.a .card:first-child p{color:#dadddf}
body.b{background:var(--parch)}body.b .head{border-bottom:1px solid #cfc9bf}body.b .hero-grid{min-height:670px;grid-template-columns:1.02fr .98fr;align-items:stretch}body.b .hero-copy{padding:87px 68px 76px 0}body.b .hero h1{font-size:clamp(56px,5.7vw,82px)}body.b .hero-media{margin:36px 0 36px 18px;border:12px solid #fff;box-shadow:0 0 0 1px #cec8bd}body.b .proof div{background:transparent}body.b .routes{background:#fff}body.b .cards{gap:0;border-top:4px solid var(--bronze)}body.b .card{border-width:0 1px 1px 0}body.b .card:first-child{border-left:1px solid var(--line)}
body.c .head{min-height:86px;border-bottom:1px solid var(--line)}body.c .hero{padding:45px 0 68px}body.c .hero-grid{min-height:610px;grid-template-columns:.88fr 1.12fr;gap:52px;align-items:center}body.c .hero-copy{padding:62px 0}body.c .hero-copy:before{content:"LIVERMORE / JANITORIAL / 01";display:block;margin-bottom:32px;color:#92999d;font-size:10px;font-weight:800;letter-spacing:.2em}body.c .hero h1{font-size:clamp(54px,5vw,76px)}body.c .hero-media{order:2;height:525px;clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%)}body.c .proof{position:relative;margin-top:-23px}body.c .proof div{border-top:5px solid var(--bronze)}body.c .routes{background:var(--navy);color:#fff}body.c .routes h2{color:#fff}body.c .card{border-color:#526074;background:transparent;color:#fff}body.c .card h3,body.c .card strong{color:#fff}body.c .card p{color:#d4d8dc}
body.d{background:#f8f7f3}body.d .site-head{background:#fff}body.d .head{border-bottom:1px solid var(--line)}body.d .hero{padding:38px 0 66px}body.d .hero-grid{min-height:635px;grid-template-columns:1.08fr .92fr;align-items:center;border:1px solid var(--line);background:#fff}body.d .hero-copy{padding:72px 65px}body.d .hero-copy:before{content:"01";display:grid;width:42px;height:42px;margin-bottom:38px;place-items:center;background:var(--bronze);color:#fff;font-weight:800}body.d .hero h1{font-size:clamp(55px,5.1vw,77px)}body.d .hero-media{height:100%;min-height:635px}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(--bronze)}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:190px;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}.hero h1,body.a .hero h1,body.b .hero h1,body.c .hero h1,body.d .hero h1{font-size:45px}.lead{font-size:15px}.actions{flex-direction:column}.cta,.secondary{width:100%}.hero-media,body.b .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:36px}.cards,body.a .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.a .site-head{position:relative;background:var(--navy)}body.a .hero{min-height:0;background:linear-gradient(#1f2c3cde,#1f2c3cf8),url('livermore-commercial-facility-interior.png') center/cover}body.a .hero-grid{display:block}body.a .hero-copy{padding:65px 0 60px}body.c .hero,body.d .hero{padding:0 0 45px}body.d .hero-grid{border:0}.note{display:none}}

body.review-body .site-head{background:#fff}
body.c.review-body .hero-copy:before{display:none}
: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 #28374a}
body.review-body a.cta:not(.launch-phone-cta){background:#a56f43;color:#000;border-color:#a56f43}
body.review-body a.cta:not(.launch-phone-cta):hover{background:#bd8758;border-color:#bd8758}
:is(.launch-native-form,.pcq-response){padding:28px;background:#f1eee7;color:#252b30;border:1px solid #d8d3ca;--pcq-font:"Avenir Next",Arial,sans-serif;--pcq-heading-font:Futura,"Avenir Next",sans-serif;--pcq-heading-weight:700;--pcq-heading-size:32px;--pcq-text:#252b30;--pcq-field-text:#252b30;--pcq-field-background:#fff;--pcq-border:#5d6870;--pcq-control-radius:0;--pcq-focus:#28374a;--pcq-button-radius:0;--pcq-button-background:#a56f43;--pcq-button-text:#000;--pcq-button-hover:#bd8758;--pcq-button-hover-text:#000;--pcq-status-background:#d8d3ca;--pcq-status-text:#252b30}
:is(.launch-native-form,.pcq-response) .pcq-form :is(.pcq-required,.pcq-intro,.pcq-choice-hint){color:#252b30}
:is(.launch-native-form,.pcq-response) .pcq-submit{width:100%;border-color:#a56f43}
:is(.launch-native-form,.pcq-response) .pcq-submit:hover{border-color:#bd8758}
@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:#252b30;text-decoration:underline;text-underline-offset:4px}
.pcq-response a:focus-visible{outline:3px solid #28374a;outline-offset:3px}
