:root{--navy:#11283d;--clay:#c9643f;--ink:#182631;--slate:#60707b;--mist:#edf1f2;--warm:#f5f1ea;--white:#fff;--line:#d5dcdf}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{font-family:"Avenir Next",Avenir,Arial,sans-serif;color:var(--ink);background:var(--white)}button{font:inherit}.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.site-head{position:relative;z-index:4}.head{display:flex;min-height:104px;align-items:center;gap:30px}.logo{display:block;width:205px;height:auto}.nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:13px;font-weight:650}.nav span{white-space:nowrap}.cta,.secondary{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 24px;border:1px solid currentColor;background:transparent;color:inherit;font-size:13px;font-weight:750;letter-spacing:.02em}.menu{display:none;margin-left:auto;border:0;background:transparent;color:inherit;font-weight:750}.hero{position:relative}.hero-grid{display:grid}.hero h1{margin:0;max-width:790px;font-size:clamp(58px,6.2vw,92px);font-weight:650;letter-spacing:-.058em;line-height:.94}.eyebrow{margin:0 0 20px;color:var(--clay);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.lead{max-width:590px;margin:26px 0 34px;color:var(--slate);font-size:17px;line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-media img{display:block;width:100%;height:100%;object-fit:cover}.proof{display:grid;grid-template-columns:repeat(3,1fr)}.proof div{padding:24px 28px;border:1px solid var(--line);background:var(--white)}.proof b{display:block;margin-bottom:7px;color:var(--clay);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.proof span{font-size:14px;font-weight:650}.pathways{padding:82px 0}.section-kicker{color:var(--clay);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.pathways h2{max-width:770px;margin:14px 0 40px;font-size:48px;letter-spacing:-.045em;line-height:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{position:relative;display:flex;min-height:205px;flex-direction:column;padding:29px;border:1px solid var(--line);background:var(--white)}.card small{color:var(--clay);font-weight:800;letter-spacing:.14em}.card h3{margin:35px 0 10px;font-size:23px}.card p{margin:0;color:var(--slate);line-height:1.55}.card strong{margin-top:auto;padding-top:24px;font-size:13px}.concept-note{position:fixed;z-index:20;right:12px;bottom:12px;padding:7px 10px;background:#000d;color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
body.a .site-head{background:var(--white)}body.a .hero{background:var(--navy);color:#fff}body.a .hero-grid{min-height:680px;grid-template-columns:.95fr 1.05fr;align-items:center}body.a .hero-copy{padding:80px 64px 90px 0}body.a .lead{color:#c6d0d5}body.a .cta{border-color:var(--clay);background:var(--clay);color:#000000}body.a .secondary{color:#fff}body.a .hero-media{height:610px;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%)}body.a .proof{position:relative;margin-top:-32px}body.a .pathways{background:var(--warm)}body.a .card{border-top:4px solid var(--clay)}
body.b{background:var(--warm)}body.b .head{border-bottom:1px solid #d2cbc1}body.b .hero-grid{min-height:680px;grid-template-columns:1.08fr .92fr;align-items:stretch}body.b .hero-copy{padding:90px 74px 82px 0}body.b .hero h1{font-weight:500}body.b .hero-media{margin:42px 0 42px 22px;border:1px solid #c8bfb3;padding:15px;background:#fff}body.b .cta{background:var(--navy);color:#fff}body.b .proof div{background:transparent;border-color:#d2cbc1}body.b .cards{gap:0;border-top:1px solid var(--navy)}body.b .card{border-width:0 1px 1px 0;background:transparent}body.b .card:first-child{border-left:1px solid var(--navy)}body.b .card:before{content:"";position:absolute;top:0;left:29px;width:52px;height:4px;background:var(--clay)}
body.c{background:#0d2031;color:#fff}body.c .site-head{position:absolute;width:100%;color:#fff}body.c .logo{content:url('tracy-janitorial-logo-horizontal-reversed.png')}body.c .head{border-bottom:1px solid #ffffff28}body.c .cta{background:var(--clay);border-color:var(--clay)}body.c .hero{min-height:820px;background:linear-gradient(90deg,#0b1d2ff5 0%,#0b1d2fcb 45%,#0b1d2f22 78%),url('tracy-commercial-facility-interior.png') center/cover}body.c .hero-grid{min-height:820px;grid-template-columns:1fr .72fr;align-items:end}body.c .hero-copy{padding:190px 0 100px}body.c .lead{color:#d3dde1}body.c .secondary{color:#fff}body.c .hero-media{display:none}body.c .proof{margin-top:-1px}body.c .proof div{border-color:#31495c;background:#173148;color:#fff}body.c .pathways{background:var(--mist);color:var(--ink)}body.c .cards{grid-template-columns:1.2fr .9fr .9fr}body.c .card:first-child{background:var(--navy);color:#fff}body.c .card:first-child p{color:#c8d3d8}
body.d .head{min-height:90px;border-bottom:1px solid var(--line)}body.d .hero{padding:42px 0 70px}body.d .hero-grid{min-height:625px;grid-template-columns:1.22fr .78fr;gap:56px;align-items:center}body.d .hero-copy{position:relative;padding:68px 0 68px 52px;border-left:2px solid var(--clay)}body.d .hero-copy:before{content:"TRACY / 01";position:absolute;top:0;left:52px;color:#a5b0b6;font-size:11px;font-weight:800;letter-spacing:.18em}body.d .hero h1{font-weight:450}body.d .cta{background:var(--navy);color:#fff}body.d .hero-media{height:510px;margin-right:-65px}body.d .hero-media img{filter:saturate(.7) contrast(1.03)}body.d .proof{grid-template-columns:1fr}body.d .proof div{display:grid;grid-template-columns:145px 1fr;padding:17px 0;border-width:1px 0 0;background:transparent}body.d .pathways{padding-top:58px;background:var(--navy);color:#fff}body.d .cards{grid-template-columns:1fr}body.d .card{min-height:88px;display:grid;grid-template-columns:75px 1fr 2fr 100px;align-items:center;border-color:#385064;background:transparent;color:#fff}body.d .card h3,body.d .card p,body.d .card strong{margin:0;padding:0}body.d .card p{color:#bac7cd}
@media(max-width:800px){.wrap{width:min(100% - 30px,1240px)}.head{min-height:78px}.logo{width:155px;max-width:62%}.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:45px 0 56px;border-left:0}.hero h1,body.b .hero h1,body.d .hero h1{font-size:48px}.lead{font-size:16px}.actions{flex-direction:column}.cta,.secondary{width:100%}.hero-media,body.a .hero-media,body.b .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.d .proof{grid-template-columns:1fr;margin:0}.proof div,body.d .proof div{display:block;padding:17px 20px}.pathways{padding:60px 0}.pathways h2{font-size:38px}.cards,body.c .cards,body.d .cards{grid-template-columns:1fr}.card,body.d .card{display:flex;min-height:170px;align-items:stretch}.card h3,body.d .card h3{margin:28px 0 10px}.card p,body.d .card p{margin:0}.card strong,body.d .card strong{margin-top:auto;padding-top:18px}body.c .site-head{position:relative;background:#0d2031}body.c .hero{min-height:0;background:linear-gradient(#0d2031d9,#0d2031f5),url('tracy-commercial-facility-interior.png') center/cover}body.c .hero-grid{display:block}body.c .hero-copy{padding:68px 0 62px}body.d .hero{padding:0 0 46px}body.d .hero-copy:before{display:none}.concept-note{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",Avenir,Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;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 #182631;outline-offset:3px}
body.review-body a.cta:not(.launch-phone-cta){background:#ad4f2f;color:#fff;border-color:#ad4f2f}
body.review-body a.cta:not(.launch-phone-cta):hover{background:#8b3e25;border-color:#8b3e25}
:is(.launch-native-form,.pcq-response){padding:28px;background:#edf1f2;color:#182631;border:1px solid #d5dcdf;--pcq-font:"Avenir Next",Avenir,Arial,sans-serif;--pcq-heading-font:"Avenir Next",Avenir,Arial,sans-serif;--pcq-heading-weight:600;--pcq-heading-size:32px;--pcq-text:#182631;--pcq-field-text:#182631;--pcq-field-background:#fff;--pcq-border:#60707b;--pcq-control-radius:0;--pcq-focus:#182631;--pcq-button-radius:0;--pcq-button-background:#ad4f2f;--pcq-button-text:#fff;--pcq-button-hover:#8b3e25;--pcq-button-hover-text:#fff;--pcq-status-background:#d5dcdf;--pcq-status-text:#182631}
:is(.launch-native-form,.pcq-response) .pcq-form :is(.pcq-required,.pcq-intro,.pcq-choice-hint){color:#182631}
:is(.launch-native-form,.pcq-response) .pcq-submit{width:100%;border-color:#ad4f2f}
:is(.launch-native-form,.pcq-response) .pcq-submit:hover{border-color:#8b3e25}
:is(.launch-native-form,.pcq-response) .pcq-field:has([name="city"]){grid-column:1/-1}
@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 a{display:inline-flex;align-items:center;min-height:44px;color:#182631;text-decoration:underline;text-underline-offset:4px}
.pcq-response a:focus-visible{outline:3px solid #182631;outline-offset:3px}
