:root{--sage:#69736a;--deep:#515b53;--pale:#aeb6ad;--charcoal:#282c2a;--limestone:#eee9df;--warm:#d6cfc1;--brass:#a88750;--paper:#fffdfa;--line:#d5d1c8}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:var(--paper);color:var(--charcoal);font-family:"Avenir Next",Arial,sans-serif}button{font:inherit}.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.head{display:flex;min-height:98px;align-items:center;gap:24px}.logo{display:block;width:265px;height:auto}.nav{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:11px;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(--deep);border-color:var(--deep);color:var(--limestone)}.hero-grid{display:grid}.eyebrow,.kicker{margin:0 0 19px;color:var(--brass);font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.hero h1{max-width:800px;margin:0;color:var(--charcoal);font-family:Futura,"Avenir Next",Arial,sans-serif;font-size:clamp(55px,5.7vw,84px);font-weight:500;letter-spacing:-.045em;line-height:.92}.lead{max-width:615px;margin:25px 0 32px;color:#666b67;font-size:16px;line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media{background:url('sage-commercial-facility-interior.png') center/cover}.pathways{display:grid;grid-template-columns:repeat(4,1fr)}.pathways div{padding:20px 22px;border:1px solid var(--line);background:var(--paper)}.pathways b{display:block;margin-bottom:7px;color:var(--brass);font-size:9px;letter-spacing:.16em}.pathways span{font-size:12px;font-weight:700}.areas{padding:78px 0}.areas h2{max-width:780px;margin:12px 0 37px;font-family:Futura,"Avenir Next",Arial,sans-serif;font-size:47px;font-weight:500;letter-spacing:-.04em;line-height:.96}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{display:flex;min-height:210px;flex-direction:column;padding:27px;border:1px solid var(--line);background:var(--paper)}.card small{color:var(--brass);font-weight:800}.card h3{margin:31px 0 9px;font-size:21px}.card p{margin:0;color:#696e69;line-height:1.5}.card strong{margin-top:auto;padding-top:20px;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(--limestone)}body.a .head{border-bottom:1px solid #cec8bd}body.a .hero-grid{min-height:680px;grid-template-columns:1.02fr .98fr;align-items:stretch}body.a .hero-copy{padding:88px 68px 76px 0}body.a .hero-media{margin:38px 0 38px 18px;border:12px solid var(--paper);box-shadow:0 0 0 1px #c7c0b4}body.a .pathways div{background:transparent}body.a .areas{background:var(--paper)}body.a .cards{gap:0;border-top:4px solid var(--brass)}body.a .card{border-width:0 1px 1px 0}body.a .card:first-child{border-left:1px solid var(--line)}
body.b{background:var(--deep);color:var(--limestone)}body.b .site-head{position:absolute;z-index:3;width:100%}body.b .head{border-bottom:1px solid #ffffff2c}body.b .logo{content:url('sage-commercial-cleaning-logo-horizontal-reversed.svg')}body.b .hero{min-height:815px;background:linear-gradient(90deg,#515b53f8 0%,#515b53d9 45%,#515b5324 80%),url('sage-commercial-facility-interior.png') center/cover}body.b .hero-grid{min-height:815px;grid-template-columns:1fr .7fr;align-items:end}body.b .hero-copy{padding:181px 0 96px}body.b .hero h1{color:var(--limestone)}body.b .lead{color:#e1ded5}body.b .secondary{color:var(--limestone)}body.b .cta{background:var(--limestone);border-color:var(--limestone);color:var(--deep)}body.b .pathways{margin-top:-1px}body.b .pathways div{border-color:#727c73;background:#5b665d;color:var(--limestone)}body.b .areas{background:var(--limestone);color:var(--charcoal)}body.b .cards{grid-template-columns:1.14fr .93fr .93fr}body.b .card:first-child{background:var(--deep);color:var(--limestone)}body.b .card:first-child p{color:#d8ddd7}
body.c .head{min-height:88px;border-bottom:1px solid var(--line)}body.c .hero{padding:44px 0 69px}body.c .hero-grid{min-height:610px;grid-template-columns:.91fr 1.09fr;gap:54px;align-items:center}body.c .hero-copy{position:relative;padding:62px 0 62px 44px;border-left:5px solid var(--brass)}body.c .hero-copy:before{content:"BROAD BRAND / LOCAL PATHS";position:absolute;left:44px;top:0;color:#8b908b;font-size:9px;font-weight:800;letter-spacing:.2em}body.c .hero h1{font-size:clamp(52px,4.9vw,73px)}body.c .hero-media{height:520px;clip-path:polygon(0 0,93% 0,100% 9%,100% 100%,7% 100%,0 91%)}body.c .pathways{position:relative;margin-top:-23px}body.c .pathways div{border-top:4px solid var(--sage)}body.c .areas{background:var(--charcoal);color:var(--limestone)}body.c .card{border-color:#4d524f;background:transparent;color:var(--limestone)}body.c .card p{color:#cbd0cc}
body.d{background:#e7e5df}body.d .site-head{background:var(--paper)}body.d .head{border-bottom:1px solid var(--line)}body.d .hero{padding:38px 0 67px}body.d .hero-grid{min-height:645px;grid-template-columns:1.08fr .92fr;align-items:center;background:var(--paper);border:1px solid var(--line)}body.d .hero-copy{padding:72px 63px}body.d .hero-copy:before{content:"";display:block;width:48px;height:48px;margin-bottom:34px;border-radius:50%;background:url('favicon.svg') center/cover}body.d .hero h1{font-size:clamp(54px,5vw,75px)}body.d .hero-media{height:100%;min-height:645px;background-position:38% center}body.d .pathways{margin-top:-1px}body.d .areas{padding-top:58px}body.d .cards{grid-template-columns:1fr}body.d .card{min-height:93px;display:grid;grid-template-columns:70px 1.15fr 2fr 115px;align-items:center;border-left:5px solid var(--brass)}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:77px}.logo{width:220px;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: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:45px}.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}.pathways,body.c .pathways{grid-template-columns:1fr 1fr;margin:0}.pathways div{padding:15px 17px}.areas{padding:56px 0}.areas 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(--deep)}body.b .hero{min-height:0;background:linear-gradient(#515b53e8,#515b53fa),url('sage-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}}

/* Sage inquiry forms and shared action geometry. */

:is(body.review-body,.pcq-response) :is(a.cta,a.secondary,a.sage-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;text-decoration:none;box-sizing:border-box}
:is(body.review-body,.pcq-response) :is(a.cta,a.secondary,a.sage-proposal,.pcq-form .pcq-submit):focus-visible{outline:3px solid currentColor;outline-offset:3px}
:is(.launch-native-form,.pcq-response){padding:28px;background:var(--paper);color:var(--charcoal);border:1px solid var(--line);--pcq-font:"Avenir Next",Arial,sans-serif;--pcq-heading-font:Futura,"Avenir Next",Arial,sans-serif;--pcq-heading-weight:500;--pcq-heading-size:32px;--pcq-text:var(--charcoal);--pcq-field-text:var(--charcoal);--pcq-field-background:var(--paper);--pcq-border:var(--sage);--pcq-control-radius:0;--pcq-focus:var(--deep);--pcq-button-radius:0;--pcq-button-background:var(--deep);--pcq-button-text:var(--paper);--pcq-button-hover:var(--charcoal);--pcq-button-hover-text:var(--paper);--pcq-status-background:var(--limestone);--pcq-status-text:var(--charcoal)}
:is(.launch-native-form,.pcq-response) .pcq-form :is(.pcq-required,.pcq-intro,.pcq-choice-hint){color:var(--deep)}
:is(.launch-native-form,.pcq-response) .pcq-submit{width:100%}
@media(max-width:600px){:is(.launch-native-form,.pcq-response){padding:22px}}

:is(.launch-native-form,.pcq-response) .pcq-field:has([name="city"]){grid-column:1/-1}

main.pcq-response{width:min(760px,calc(100% - 32px));margin:clamp(24px,5vw,60px) auto;padding:clamp(22px,4vw,36px)}
main.pcq-response>h1{font-family:Futura,"Avenir Next",Arial,sans-serif;font-size:clamp(32px,4vw,42px);font-weight:500;line-height:1.12;letter-spacing:-.025em;margin:0 0 18px}
main.pcq-response>p{font-size:16px;line-height:1.65}
main.pcq-response>p a{color:var(--deep);text-underline-offset:3px}

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