/* Approved mobile composition. Responsive extensions live in responsive.css. */
@font-face{font-family:'Fredoka';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fredoka-700.1747b34e82d4.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/nunito-700.20fc9b6fc618.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:900;font-display:swap;src:url(/assets/nunito-700.20fc9b6fc618.woff2) format('woff2')}
@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:900;font-display:swap;src:url(/assets/roboto-slab-900.ab13963ccf71.woff2) format('woff2')}
/* Big Sky Pop - Pest Badger NE Atlanta.
   Tokens and component rules ported from the B-*.html reference pages. */

:root{
  --sky:#19C6F5; --sky2:#7FE0FF; --pk:#F3388F; --pkd:#B0125C; --pk-shadow:#D91C74;
  --nv:#0E2A47; --yl:#FFD84D; --grass:#3FCF7A; --or:#FF8A3D; --ch:#1F1F25; --wht:#fff;
  --border:4px; --radius:10px; --radius-sm:8px; --radius-xs:5px;
}

*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{
  background:linear-gradient(180deg,#19C6F5,#7FE0FF 55%,#fff) fixed;
  color:var(--nv);
  font:18px/1.55 Nunito,system-ui,sans-serif;
  min-height:100vh;
  overflow-x:hidden;
}


.wrap{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px}
.skip:focus{position:static;display:inline-block;background:var(--nv);color:#fff;padding:10px 16px;border-radius:var(--radius-sm)}

header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:16px}
header img{height:64px;width:auto}
nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
nav a{color:var(--nv);text-decoration:none;font-weight:900}
nav .call{background:var(--pk);color:var(--ch);padding:12px 20px;border-radius:var(--radius-sm);box-shadow:0 6px 0 var(--pk-shadow)}
body.pink-busy nav .call{background:var(--ch);color:#fff;box-shadow:0 6px 0 var(--nv)}
nav a.on{border-bottom:4px solid var(--pk)}

h1{font:700 clamp(44px,calc(var(--mobile-page-width) * 0.07),96px)/.95 Fredoka,'Arial Rounded MT Bold',system-ui,sans-serif;color:#fff;-webkit-text-stroke:2.5px var(--nv);paint-order:stroke fill;text-shadow:6px 6px 0 var(--nv);letter-spacing:-.02em}
h1 .p{color:var(--pk)}
h2{font:700 clamp(30px,calc(var(--mobile-page-width) * 0.042),48px)/1 Fredoka,'Arial Rounded MT Bold',system-ui,sans-serif;letter-spacing:-.01em}
h3{font:700 24px Fredoka,'Arial Rounded MT Bold',system-ui,sans-serif}

.card{background:#fff;border:var(--border) solid var(--nv);border-radius:var(--radius);padding:26px;box-shadow:0 8px 0 var(--nv)}
.card.y{background:var(--yl)}
.card.g{background:var(--grass)}
.card.p{background:var(--ch);color:#fff}
.card.n{background:var(--nv);color:#fff}
a.card{text-decoration:none;color:inherit;display:block}

.btn{display:inline-block;background:var(--pk);color:#fff;font:700 22px Fredoka,'Arial Rounded MT Bold',system-ui,sans-serif;padding:16px 30px;border-radius:var(--radius);text-decoration:none;border:0;cursor:pointer;box-shadow:0 8px 0 var(--pk-shadow);transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn.o{background:#fff;color:var(--nv);box-shadow:0 8px 0 var(--nv)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}

.tag{display:inline-block;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:11px;background:var(--nv);color:#fff;padding:4px 10px;border-radius:var(--radius-xs)}
.tag.p{background:var(--ch)}
.tag.g{background:var(--grass);color:var(--nv)}


.crumb{font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin-top:6px}
.crumb a{color:var(--nv)}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ground{background:var(--grass);border-top:6px solid var(--nv);margin:40px -24px 0;padding:40px 24px 60px}
.rail{display:flex;gap:16px;overflow-x:auto;padding:10px 0 20px;scroll-snap-type:x mandatory}
.rail>.card{scroll-snap-align:start;min-width:260px}

.sec{padding:44px 0 0}
.lead{font-size:21px;font-weight:700;max-width:52ch}

ul.tick{list-style:none;display:grid;gap:10px;margin-top:16px;padding:0}
ul.tick li{background:#fff;border:3px solid var(--nv);border-radius:var(--radius-sm);padding:12px 16px;font-weight:700}
ul.tick li::before{content:"\2714  ";color:var(--grass)}

details{background:#fff;border:3px solid var(--nv);border-radius:var(--radius-sm);padding:14px 18px;margin-top:12px}
summary{font-weight:900;cursor:pointer}
details p{margin-top:10px}

label{display:block;font-weight:900;margin-top:18px}
input,select,textarea{width:100%;font:inherit;padding:12px 14px;border:3px solid var(--nv);border-radius:var(--radius-sm);background:#fff;margin-top:6px}
.consent{display:flex;gap:10px;align-items:flex-start;font-weight:700;margin-top:18px}
.consent input{width:auto;margin-top:4px}

footer{padding:36px 0 56px;font-weight:700;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
footer a{color:var(--nv);text-decoration:none;display:block}
footer b{display:block;font:700 20px Fredoka,'Arial Rounded MT Bold',system-ui,sans-serif;margin-bottom:8px}

.reference-hero{padding:54px 0 28px}
.reference-hero.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:32px;align-items:center}
.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:24px}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 0}
.trust-strip>div{background:#fff;border:3px solid var(--nv);border-radius:var(--radius);padding:14px;text-align:center}
.trust-strip b,.trust-strip span{display:block}
.trust-strip span{font-size:13px;margin-top:4px}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.service-pick{min-height:128px}
.service-pick b,.service-pick small{display:block}
.service-pick small{margin-top:8px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.steps .card>b{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--ch);color:#fff;font-size:24px}
.photo-grid{margin-top:20px}
.photo-card{display:block;padding:0;overflow:hidden}
.photo-card img{display:block;width:100%;height:100%;aspect-ratio:3/4;object-fit:cover}
.rating-tile{display:flex;align-items:center;gap:18px;max-width:420px;margin-top:18px}
.rating-tile b{font:900 56px/1 Fredoka,'Arial Rounded MT Bold',system-ui,sans-serif;color:var(--pkd)}
.rating-label{display:block;margin-top:8px;font-size:12px;font-weight:900}
.coverage-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.coverage-chips span{background:#fff;border:3px solid var(--nv);border-radius:var(--radius-sm);padding:10px 16px;font-weight:900}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pest-band{background:var(--grass);border-block:6px solid var(--nv);margin:38px -24px 0;padding:34px 24px 44px}
.pest-rail{overflow-x:auto;overflow-y:hidden;padding:18px 0 12px;margin:0 -24px;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);cursor:grab}
.pest-rail::-webkit-scrollbar{display:none}
.pest-track{display:flex;gap:14px;width:max-content;padding:0 7px}
.pc{flex:0 0 150px;background:#fff;border:4px solid var(--nv);border-radius:var(--radius);box-shadow:0 8px 0 var(--nv);overflow:hidden}
.pc-toggle{position:relative;width:100%;min-height:150px;background:#fff;border:0;padding:16px 10px 10px;text-align:center;color:var(--nv);cursor:pointer}
.pc-art{display:block;font-size:40px;line-height:1}
.pc-toggle b{display:block;font:700 20px Fredoka,system-ui,sans-serif;margin-top:8px}
.pc-toggle small{display:block;font:700 12px Nunito,system-ui,sans-serif;color:#4a5b6e;margin-top:4px}
.pc-toggle.urgent b::after{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--or);margin-left:6px;vertical-align:middle}
.pc-toggle.on{background:var(--yl)}
.check-badge{position:absolute;top:7px;right:7px;width:30px;height:30px;border-radius:var(--radius-xs);background:var(--grass);color:var(--nv);border:3px solid var(--nv);display:none;place-items:center;font:900 15px Nunito,system-ui,sans-serif}
.pc-toggle.on .check-badge{display:grid}

.rail-hint{text-align:center;font-weight:900;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--nv)}
.photo-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.photo-actions label{display:inline-flex;margin:0;background:#fff;border:3px solid var(--nv);border-radius:var(--radius-sm);padding:8px 14px;box-shadow:0 4px 0 var(--nv);cursor:pointer}
.selection-bar{position:sticky;bottom:12px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--nv);color:#fff;border-radius:var(--radius);padding:8px 8px 8px 22px;margin:16px auto 0;width:min(520px,100%);font-weight:900;box-shadow:0 8px 0 #071a2e}
.selection-bar .btn{font-size:18px;padding:12px 22px;box-shadow:none}
.home-proof-row{margin-top:32px}
.pest-sheet{position:fixed;inset:0;background:rgba(14,42,71,.55);display:flex;align-items:flex-end;justify-content:center;z-index:50}
.pest-sheet-panel{background:#fff;border:4px solid var(--nv);border-bottom:0;border-radius:14px 14px 0 0;width:min(560px,100%);padding:14px 22px 30px;max-height:92vh;overflow:auto;animation:sheet-up .35s cubic-bezier(.2,.9,.2,1)}
@keyframes sheet-up{from{transform:translateY(100%)}}
.sheet-grab{width:56px;height:6px;background:#cfd8e3;border-radius:999px;margin:0 auto 12px}
.sheet-picks{display:flex;align-items:center;gap:10px}
#selectedPicks{display:flex;flex:1;flex-wrap:wrap;gap:6px}
#selectedPicks span{background:var(--yl);border:3px solid var(--nv);border-radius:var(--radius-xs);padding:4px 10px;font:700 14px Nunito,system-ui,sans-serif}
.sheet-close{margin-left:auto;border:3px solid var(--nv);background:#fff;border-radius:var(--radius-sm);width:40px;height:40px;font-size:24px;cursor:pointer}
.pest-sheet h3{margin-top:16px}
/* Option 5: visual timing choices and a welcoming, always-visible phone CTA. */
.pest-sheet .sheet-close{width:44px;height:44px;flex-shrink:0;color:var(--nv)}
.pest-sheet #selectedPicks{min-width:0}
.pest-sheet #selectedType{flex-shrink:0}
#sheetTitle{font-size:30px;line-height:1.15}
.sheet-timing-copy{margin-top:6px;font-size:15px;line-height:1.4}
.urgency-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.urgency-options button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:118px;border:3px solid var(--nv);border-radius:12px;background:#fff;color:var(--nv);padding:14px 6px;font:700 16px/1.2 Fredoka,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.timing-icon{width:34px;height:34px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.timing-check{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background:var(--pkd);color:#fff;display:grid;place-items:center;font:900 12px/1 Nunito,system-ui,sans-serif;visibility:hidden}
.urgency-options button.on{background:#fff0f7;border-color:var(--pk);box-shadow:0 0 0 1px var(--pk)}
.urgency-options button.on .timing-icon{color:var(--pkd)}
.urgency-options button.on .timing-check{visibility:visible}
.sheet-phone-call{display:flex;align-items:center;gap:12px;margin-top:18px;padding:16px 12px;border:2px solid var(--nv);border-radius:14px;background:#fff5fa;color:var(--nv);text-decoration:none;touch-action:manipulation}
.sheet-phone-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:var(--pk);color:#fff}
.sheet-phone-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sheet-phone-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
.sheet-phone-label{font:900 14px/1.25 Nunito,system-ui,sans-serif}
.sheet-phone-number{font:700 clamp(25px,calc(var(--mobile-page-width) * .073),31px)/1.1 Fredoka,system-ui,sans-serif;letter-spacing:-.025em;white-space:nowrap;color:var(--pkd)}
.sheet-phone-support{font:700 13px/1.35 Nunito,system-ui,sans-serif}
.sheet-phone-call:active{background:#ffe6f2}
.urgency-options button,.sheet-phone-call{-webkit-tap-highlight-color:transparent}
.urgency-options button:focus-visible,.sheet-phone-call:focus-visible,.pest-sheet .sheet-close:focus-visible,.pest-sheet .sheet-next:focus-visible{outline:3px solid var(--pkd);outline-offset:3px}
#sheetZip,#sheetPhone{font:700 26px Fredoka,system-ui,sans-serif}
.sheet-consent{display:flex;gap:10px;align-items:flex-start}
.sheet-consent input{width:auto;margin-top:4px}
.sheet-next{width:100%;margin-top:16px}
.sheet-result h3{color:var(--grass);font-size:30px}
.photo-drop{display:block;text-align:center;border:4px dashed var(--nv);border-radius:var(--radius);padding:22px;cursor:pointer;background:#f4fbff}
.photo-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.service-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center}
.service-art{display:grid;place-items:center;min-height:220px;background:#fff;border:4px solid var(--nv);border-radius:var(--radius);box-shadow:0 8px 0 var(--nv);font-size:88px}
.related-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.related-chips a{background:#fff;border:3px solid var(--nv);border-radius:var(--radius-sm);padding:8px 14px;color:var(--nv);font-weight:900}
.service-cta{text-align:center}
.service-cta .btn{margin-top:18px}


  .grid2,.grid3,footer,.reference-hero.split,.trust-strip,.service-grid,.steps,.service-hero{grid-template-columns:1fr}
  nav a:not(.call){display:none}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ---- Colin round-1 additions (2026-09-01) ---- */
nav .call{white-space:nowrap}
@media(max-width:420px){nav .call{padding:10px 14px;font-size:15px}}
/* Wordmark-only header (mascot removed from homepage) */
.wordmark{display:inline-block;font:700 clamp(26px,calc(var(--mobile-page-width) * 0.04),34px)/1 Fredoka,'Arial Rounded MT Bold',system-ui,sans-serif;letter-spacing:-.02em;text-decoration:none;-webkit-text-stroke:1.5px var(--nv);paint-order:stroke fill;text-shadow:3px 3px 0 var(--nv);white-space:nowrap}
.wordmark .w1{color:var(--pk)}.wordmark .w2{color:var(--sky)}
/* Yard hero: house on the lawn, replaces headline + clouds. Sits flush on the green band. */
.yard{position:relative;height:clamp(150px,calc(var(--mobile-page-width) * 0.22),240px);margin:10px -24px -44px;overflow:hidden;pointer-events:none}
.yard svg{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:max(1200px,100%);height:100%}
.pest-band{position:relative;z-index:1}
/* Proof row without mascot */
.home-proof-row{grid-template-columns:repeat(3,1fr)!important;align-items:stretch!important}
.home-proof-row .card{display:flex;flex-direction:column;justify-content:center;gap:8px}
.home-proof-row .card>b{font:900 clamp(30px,calc(var(--mobile-page-width) * 0.034),44px)/1 Fredoka,'Arial Rounded MT Bold',system-ui,sans-serif;color:var(--pk);display:block}
/* Badger Protection Plan */
.plan{padding:44px 0 0}
.plan .lead{margin-top:10px}
.plan .steps{grid-template-columns:repeat(3,1fr)}
.plan .steps .card>b{background:var(--pk);color:#fff;border:3px solid var(--nv)}
.plan .steps h3{margin-top:14px}
.plan .steps p{margin-top:8px}
.plan .steps small{display:block;margin-top:12px;font-weight:900;color:#1f8a4c}
.plan .contrast{margin-top:22px;border-left:8px solid var(--pk);padding:8px 0 8px 16px;font-weight:700;max-width:60ch}
.plan .coverage-chips{margin-top:18px}
.sample{display:inline-block;font:900 11px/1.4 Nunito,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:#fff;color:var(--pkd);border:2px dashed var(--pkd);padding:3px 8px;border-radius:var(--radius-xs);vertical-align:middle}
/* Footer sign-off */
.slogan{display:block;margin-top:14px;font:700 24px Fredoka,'Arial Rounded MT Bold',system-ui,sans-serif;color:var(--pkd)}
/* Claim-your-offer popup */
.offer-back{position:fixed;inset:0;background:rgba(14,42,71,.55);display:grid;place-items:center;padding:18px;z-index:60}
.offer{position:relative;background:#fff;border:4px solid var(--nv);border-radius:var(--radius);box-shadow:0 8px 0 var(--nv);width:min(440px,100%);padding:26px 24px 22px}
.offer .sheet-close{position:absolute;top:10px;right:10px;margin:0}
.offer h3{margin-top:10px;font-size:30px;line-height:1.05}
.offer p{margin-top:10px;font-weight:700}
.offer .actions{margin-top:18px}
.offer .actions .btn{flex:1 1 160px;text-align:center}
.offer .mini{font-size:12px;margin-top:12px;color:#4a5b6e}
.offer-tab{position:fixed;right:14px;bottom:14px;z-index:40;background:var(--yl);color:var(--nv);border:3px solid var(--nv);border-radius:var(--radius-sm);box-shadow:0 5px 0 var(--nv);font:900 15px Nunito,system-ui,sans-serif;padding:10px 14px;cursor:pointer}
.home-proof-row,.plan .steps{grid-template-columns:1fr!important}.home-proof-row .card{transform:none!important}

/* ---- round 4: minimized (2026-09-03) ---- */
.logo{display:block;line-height:0}.logo img{height:52px;width:auto;display:block;filter:drop-shadow(0 3px 0 rgba(14,42,71,.35))}
.menu-btn{display:none;background:#fff;color:var(--nv);border:3px solid var(--nv);border-radius:var(--radius-sm);box-shadow:0 4px 0 var(--nv);padding:8px 12px;font:900 14px Nunito,system-ui,sans-serif;cursor:pointer}
.menu{position:fixed;inset:0;background:var(--nv);color:#fff;z-index:60;padding:22px 24px;display:flex;flex-direction:column;gap:4px}
.menu .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.menu a{font:700 clamp(34px,calc(var(--mobile-page-width) * 0.09),60px)/1.15 Fredoka,system-ui,sans-serif;color:#fff;text-decoration:none}
.menu a.call{margin-top:auto;background:var(--pk);color:var(--ch);text-align:center;border-radius:var(--radius);padding:16px;box-shadow:0 8px 0 var(--pk-shadow);font-size:30px}
.menu .sheet-close{position:static}
.yard{height:clamp(150px,calc(var(--mobile-page-width) * 0.2),220px)}
.pest-band{margin-top:0;padding-top:28px;padding-bottom:36px}
.pest-band h2{font-size:clamp(38px,calc(var(--mobile-page-width) * 0.09),64px)}
.pc-toggle{transition:transform .12s ease}.pc-toggle:active{transform:scale(.96)}
.stepct{font:900 12px Nunito,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pkd);margin-top:14px}
.stepbar{display:flex;gap:6px;margin-top:8px}.stepbar i{flex:1;height:8px;border-radius:4px;background:#e2e8ef;border:2px solid var(--nv)}.stepbar i.on{background:var(--grass)}
#describeBox{width:100%;margin-top:12px;padding:12px 14px;border:3px solid var(--nv);border-radius:var(--radius-sm);font:700 16px Nunito,system-ui,sans-serif;min-height:88px;resize:vertical}
.sheet-consent{font-size:14px;line-height:1.4}
.face{display:flex;gap:14px;align-items:center;margin-top:14px}
.face .ph{width:66px;height:66px;flex:none;border-radius:50%;border:3px solid var(--nv);background:var(--sky);display:flex;align-items:center;justify-content:center;text-align:center;font:900 9px/1.2 Nunito,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--nv);padding:4px}
.face p{font-weight:700;font-size:15px;line-height:1.35}
.reward{margin-top:14px;background:var(--yl);border:3px solid var(--nv);border-radius:var(--radius);padding:14px 16px;box-shadow:0 6px 0 var(--nv)}
.reward b{display:block;font:700 22px Fredoka,system-ui,sans-serif;color:var(--nv)}
.reward p{margin-top:6px;font-weight:700;font-size:15px;line-height:1.4}
.result-next{margin-top:10px;font-weight:700}
.three{margin-top:12px;background:var(--nv);color:#fff;border-radius:var(--radius-sm);padding:12px 14px;font-weight:900;font-size:15px}
.proof{margin-top:28px;background:#fff;border:var(--border) solid var(--nv);border-radius:var(--radius);box-shadow:0 8px 0 var(--nv);padding:16px 22px;display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;font-weight:900}
.proof b{font:900 34px/1 Fredoka,system-ui,sans-serif;color:var(--pk)}
/* Approved Option 3 treatment section: the original artwork, paired with live text. */
.plan{margin:0 -24px;padding:30px 14px 28px;background:#fff}
.plan-intro{text-align:center}
.plan-intro .tag{font-size:10px;letter-spacing:.08em;padding:5px 10px;background:#e5f7fd;color:var(--nv);border-radius:999px}
.plan .plan-heading{font-size:clamp(32px,calc(var(--mobile-page-width) * .086),37px);line-height:1.06;letter-spacing:-.025em;max-width:none;margin:16px auto 0}
.plan .plan-heading::after{content:"";display:block;width:54px;height:7px;border-radius:999px;background:var(--pk);transform:rotate(-6deg);margin:14px auto 0}
.plan-grid{margin-top:24px}
.plan .treatment-art-source{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.plan .zones{list-style:none;display:grid;gap:12px;margin:0;padding:0}
.plan .zones li{display:grid;grid-template-columns:minmax(0,39%) minmax(0,1fr);gap:12px;align-items:center;min-height:148px;padding:9px;border:2px solid #f9cbdc;border-radius:17px;background:#fff0f6;box-shadow:none}
.plan .zones li:nth-child(2){border-color:#bfeffc;background:#eefaff}
.plan .zones li:nth-child(3){border-color:#ffe978;background:#fffbea}
.plan .treatment-art{display:block;width:100%;height:auto;aspect-ratio:414 / 316;overflow:hidden;border-radius:11px}
.plan .treatment-copy{min-width:0;padding:4px 2px 4px 0}
.plan .zones h3{margin:0;font-size:clamp(20px,calc(var(--mobile-page-width) * .054),23px);line-height:1.1;letter-spacing:-.025em}
.plan .zones p{margin-top:7px;font-size:15px;line-height:1.4;font-weight:700}
.plan .contrast{margin:22px auto 0;font:700 18px/1.4 Nunito,system-ui,sans-serif;max-width:30ch;text-align:center}
@media(max-width:359px){.plan{padding-inline:10px}.plan .zones li{gap:9px;grid-template-columns:minmax(0,35%) minmax(0,1fr)}.plan .zones h3{font-size:20px}.plan .zones p{font-size:14px}}
.closer{margin-top:44px;background:var(--nv);color:#fff;border-radius:var(--radius);padding:38px 26px 40px;text-align:center}
.closer h2{font-size:clamp(32px,calc(var(--mobile-page-width) * 0.06),52px);max-width:14ch;margin:0 auto}
.closer .btn{margin-top:22px;font-size:24px}
.closer .or{margin-top:18px;font-weight:900}.closer .or a{color:#fff;font:700 26px Fredoka,system-ui,sans-serif;text-decoration:none;margin-left:6px;white-space:nowrap}
footer{grid-template-columns:1.2fr 1fr;padding-bottom:120px}
footer .links a{display:inline-block;margin-right:16px}
.offer-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--yl);color:var(--nv);border-top:4px solid var(--nv);display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;transform:translateY(110%);transition:transform .3s ease}
.offer-bar.show{transform:none}
.offer-bar .txt{flex:1;font-weight:900;font-size:13px;line-height:1.3}.offer-bar .txt b{display:block;font:700 18px Fredoka,system-ui,sans-serif}
.offer-bar .btn{padding:12px 16px;font-size:18px;box-shadow:0 4px 0 var(--pk-shadow);white-space:nowrap}
.offer-bar .x{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;padding:6px;color:var(--nv)}
.menu-btn{display:inline-block}footer{grid-template-columns:1fr}.logo img{height:42px}nav{gap:8px}
@media(prefers-reduced-motion:reduce){.offer-bar,.pc-toggle{transition:none}}

/* ---- hero mockup 2026-09-28 (scoped: header + hero only) ---- */
.hero{position:relative;min-height:100svh;min-height:100vh;background:#0E2A47 url(/assets/hero-yard.31a8cc209fd9.webp) center 40% / cover no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:0 22px 26px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,42,71,.35) 0,rgba(14,42,71,0) 22%,rgba(14,42,71,0) 42%,rgba(14,42,71,.82) 78%,rgba(14,42,71,.94) 100%);pointer-events:none}
.hero>*{position:relative}
header.top{position:absolute;top:0;left:0;right:0;z-index:5;background:transparent;border:0;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top,0px))}
header.top .logo img{height:44px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
header.top nav a:not(.call){color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
header.top .menu-btn{background:rgba(255,255,255,.92)}
.hero h1{font:700 clamp(34px,calc(var(--mobile-page-width) * 0.086),64px)/1.02 Fredoka,system-ui,sans-serif;max-width:12ch;text-shadow:0 2px 6px rgba(0,0,0,.35);margin:0}
.hero h1 .p{color:var(--pk)}.hero h1 .b{color:var(--sky)}
.hero .sub{margin-top:12px;font-weight:700;font-size:17px;max-width:34ch;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.hero .ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.hero .btn{font-size:20px}
.hero .btn.o{background:rgba(255,255,255,.14);color:#fff;border:3px solid #fff;box-shadow:none;backdrop-filter:blur(4px)}
.trust{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.trust span{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.55);border-radius:var(--radius-sm);padding:7px 10px;font:800 12px/1.2 Nunito,system-ui,sans-serif;backdrop-filter:blur(4px)}
.trust span b{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--grass);flex:none}
.hero .mini{color:rgba(255,255,255,.75);margin-top:12px;font-size:12px}
.pest-band{margin-top:0}
@media(max-width:360px){header.top nav .call{display:none}.trust{grid-template-columns:1fr 1fr}.hero h1{font-size:32px}}


/* Mobile-only composition at every browser width. */


  .hero{
    min-height:0;height:auto;display:block;overflow:visible;
    margin:0 -24px;padding:clamp(310px,calc(var(--mobile-page-width) * 0.83),520px) 16px 14px; /* + the selector's 6px top border = 20px to green */
    background-color:#042514;background-position:52% top;
    background-size:auto clamp(380px,calc(var(--mobile-page-width) * 1.03),640px);
    isolation:isolate;
  }
  .hero::before{
    z-index:-1;
    background:linear-gradient(180deg,rgba(0,20,9,.06) 0,transparent clamp(230px,calc(var(--mobile-page-width) * 0.6),370px),rgba(1,29,11,.55) clamp(300px,calc(var(--mobile-page-width) * 0.8),490px),#042514 clamp(378px,calc(var(--mobile-page-width) * 1.02),638px));
  }
  
  .hero-mobile{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;margin:0 auto}
  .hero .hero-mobile h1{
    max-width:none;margin:0;color:#fff;font-family:'Roboto Slab',Georgia,serif;
    font-size:clamp(30px,calc(var(--mobile-page-width) * 0.1),66px);font-weight:900;line-height:1.12;
    letter-spacing:-.035em;-webkit-text-stroke:0;text-shadow:0 2px 5px rgba(0,15,5,.65);
  }
  .hero-friendly,.hero-blue{display:block}
  .hero-blue{color:#19c6f5}
  .hero-reliable{margin-top:12px;font-size:clamp(17px,calc(var(--mobile-page-width) * 0.0465),23px);line-height:1.35;font-weight:700;color:#fff;text-shadow:0 1px 3px #042514}
  .hero-support{margin-top:3px;font-size:clamp(15px,calc(var(--mobile-page-width) * 0.04),19px);line-height:1.4;font-weight:700;color:#fff;text-shadow:0 1px 3px #042514}
  .hero .hero-quote{
    display:flex;align-items:center;justify-content:center;gap:18px;
    width:84%;max-width:370px;min-height:52px;margin-top:18px;
    padding:12px 18px 16px;border-radius:13px;
    color:#fff;background:#f3388f;font:900 23px/1.2 Nunito,system-ui,sans-serif;
    box-shadow:inset 0 -4px 0 #c51267,inset 0 0 0 1px rgba(255,255,255,.22);
  }
  .hero .hero-quote:hover{transform:none;background:#e72780}
  header.top{
    align-items:flex-start;gap:8px;
    padding:18px 10px 0;padding-top:calc(18px + env(safe-area-inset-top,0px));
    padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));
  }
  header.top .logo{display:block;flex:1 1 auto;max-width:230px;min-width:0;padding-top:2px}
  header.top .logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
  header.top nav{flex:0 0 auto;display:flex;gap:5px;flex-wrap:nowrap;align-items:center}
  header.top nav>a:not(.call){display:none}
  header.top nav .call{
    display:inline-flex;align-items:center;justify-content:center;white-space:pre;
    padding:10px 12px;min-height:44px;border-radius:999px;
    font:900 clamp(11px,calc(var(--mobile-page-width) * 0.0305),15px)/1.2 Nunito,system-ui,sans-serif;
    background:#d91c74;color:#fff;box-shadow:inset 0 -3px 0 #b0125c;
  }
  .mobile-call-prefix{display:inline}
  header.top .menu-btn{
    display:grid;place-items:center;flex:none;width:44px;height:44px;
    padding:8px;border:0;border-radius:8px;background:rgba(14,42,71,.54);color:#fff;box-shadow:none;
  }
  
  .mobile-menu-icon{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
  header.top a:focus-visible,header.top button:focus-visible,.hero-quote:focus-visible{outline:3px solid #fff;outline-offset:4px}
  .hero+.pest-band{margin-top:0}
  .menu{overflow-y:auto;padding-top:calc(22px + env(safe-area-inset-top,0px));padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
  .menu .logo img{width:180px;max-width:100%;height:auto}
  .menu a.call{font-size:clamp(20px,calc(var(--mobile-page-width) * 0.07),30px);flex-shrink:0}
  .menu a:focus-visible,.menu button:focus-visible{outline:3px solid #fff;outline-offset:4px}

@media(max-width:359px){
  header.top{gap:4px;padding-left:8px;padding-right:8px}
  header.top nav{gap:0}
  header.top nav .call{padding-inline:8px}
  .hero .hero-mobile h1{font-size:clamp(30px,calc(var(--mobile-page-width) * 0.1),36px)}
}

/* Show the same mobile page on larger screens; a desktop design is not included. */
:root{--mobile-page-width:min(100vw,430px)}
html{background:#e8edf1}
body{width:var(--mobile-page-width);max-width:430px;margin:0 auto}
.wrap{max-width:100%}
.menu,.pest-sheet,.offer-back,.offer-bar{
  left:calc((100vw - var(--mobile-page-width))/2);
  right:calc((100vw - var(--mobile-page-width))/2);
}
.offer-tab{right:calc((100vw - var(--mobile-page-width))/2 + 14px)}

/* Why choose Pest Badger: scoped extension of the existing mobile design. */
.why-us{container-type:inline-size}
.why-intro :is(h1,h2){line-height:1.08}
.why-intro p{margin-top:16px;font-size:1rem;line-height:1.55}
.why-intro .why-statement{font:700 26px/1.18 Fredoka,system-ui,sans-serif;margin-top:18px}
.why-statement span{display:block;color:var(--pkd);margin-top:4px}
.why-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;list-style:none;padding:0;margin-top:24px}
.why-card{display:flex;align-items:flex-start;gap:12px;padding:18px 14px;background:var(--wht);border:2px solid var(--nv);border-radius:var(--radius);min-width:0}
.why-card>div{min-width:0}
.why-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:var(--radius-sm);background:#fff0f6;color:var(--pkd)}
.why-icon svg{width:25px;height:25px}
.why-card:nth-child(3n+2) .why-icon{background:#eefaff;color:var(--nv)}
.why-card h3{font-size:21px;line-height:1.15}
.why-card p{font-size:1rem;line-height:1.45;margin-top:8px}
.why-guarantee{margin-top:20px;padding:26px 18px 32px;border-radius:var(--radius);background:var(--nv);color:var(--wht);text-align:center}
.why-guarantee h3{font-size:28px;line-height:1.15}
.why-guarantee p{font-size:1rem;line-height:1.5;margin-top:12px}
.why-guarantee .why-personal{font:700 24px/1.2 Fredoka,system-ui,sans-serif;margin-top:24px}
.why-guarantee .btn{display:block;margin-top:20px;padding:14px 12px;font-size:20px;line-height:1.2}
.why-guarantee .btn:focus-visible{outline:3px solid var(--wht);outline-offset:5px}
@container (min-width:600px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-card:last-child{grid-column:1/-1}}
@container (min-width:900px){.why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Dedicated Why Us view, reached through the existing navigation route. */
body.why-view header.top{position:relative;background:transparent;padding-bottom:18px}
body.why-view .why-us{padding-top:28px}
.why-back{display:inline-block;color:var(--pkd);font-weight:900;font-size:16px;margin-bottom:24px;text-underline-offset:3px}

body.reviews-page header.top{position:relative;background:transparent;padding-bottom:18px}
.reviews-view{padding-top:28px}.reviews-view :is(h1,h2){line-height:1.1}
.reviews-rating{background:var(--nv);color:var(--wht);border-radius:var(--radius);padding:22px 18px;margin-top:24px}
.reviews-rating strong{font:700 32px/1.2 Fredoka,system-ui,sans-serif}.reviews-rating strong span{font-size:22px;color:var(--yl)}
.reviews-rating p{font-size:18px;margin-top:6px}.reviews-rating small{font-size:14px}
.reviews-intro{margin-top:20px;font-size:16px;line-height:1.5}
.review-list{list-style:none;padding:0;display:grid;gap:16px;margin-top:24px}
.review-card{background:var(--wht);border:2px solid var(--nv);border-radius:var(--radius);padding:20px 18px}
.review-stars{color:var(--pkd);letter-spacing:2px;font-size:20px}.review-card h3{font-size:24px;margin-top:8px}
.review-card .review-origin{font-size:14px;line-height:1.4;margin-top:4px}
.review-card blockquote{font:700 25px/1.2 Fredoka,system-ui,sans-serif;color:var(--pkd);margin-top:18px}
.review-card .review-summary-label{font-size:14px;font-weight:900;margin-top:16px}
.review-card p{font-size:16px;line-height:1.5;margin-top:6px}
.review-card a{display:inline-block;font-size:15px;font-weight:900;color:var(--pkd);margin-top:16px;text-underline-offset:3px}
.reviews-all{display:block;font-size:20px;text-align:center;line-height:1.2;margin-top:24px;padding:16px}

/* Customer reviews supplied in the reference screenshot. */
.review-top{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:center}
.review-avatar{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#eefaff;color:var(--nv);font-weight:900;font-size:16px;border:2px solid var(--nv)}
.review-top h3{margin-top:0;font-size:23px}.review-top .review-stars{font-size:18px;line-height:1.4}
.review-top time{grid-column:2;font-size:14px;line-height:1.5}
.review-card .review-full{font:700 16px/1.6 Nunito,system-ui,sans-serif;color:var(--nv);margin-top:20px}
.review-card .review-details{font-size:14px;line-height:1.5;border-top:1px solid #dbe3ec;padding-top:16px;margin-top:20px}
.review-card .review-service{font-size:14px;margin-top:14px}

body.crew-view header.top{position:relative;background:var(--nv);padding-bottom:18px}
.crew-page{padding-top:28px}.crew-page :is(h1,h2){margin-bottom:20px}.crew-photo{display:block;width:100%;height:auto;border-radius:18px}

body.crew-view .proof{display:none}

body.reviews-page .proof{display:none}

body.why-view .proof{display:none}

.pest-photo-preview{margin:16px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#fff;padding:12px;border-radius:16px}.pest-photo-preview img{width:72px;height:72px;object-fit:cover;border-radius:10px}.pest-photo-preview span{flex:1;min-width:100px;overflow-wrap:anywhere;font-weight:700}.pest-photo-preview button{font:inherit;font-weight:700;border:2px solid var(--nv);border-radius:12px;background:white;padding:8px;cursor:pointer}

/* Services click-through: mobile cards and clear quote expectations. */
body.services-page header.top{position:relative;background:var(--nv);padding-bottom:18px}
body.services-page .proof{display:none}
.services-view{padding-top:28px}
.services-eyebrow{display:block;color:var(--pkd);font:900 14px/1.4 Nunito,system-ui,sans-serif;margin-bottom:10px}
.services-view :is(h1,h2){font-size:34px;line-height:1.08;letter-spacing:-.02em}
.services-view :is(h1,h2) span{color:var(--pkd)}
.services-intro{font-size:17px;line-height:1.5;margin-top:18px}
.services-list{display:grid;gap:14px;list-style:none;padding:0;margin-top:26px}
.services-card{background:var(--wht);border:2px solid var(--nv);border-radius:var(--radius);padding:18px;min-width:0}
.services-card-top{display:flex;align-items:center;gap:12px}
.services-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;background:#fff0f6;color:var(--pkd);border-radius:var(--radius-sm)}
.services-icon svg{width:27px;height:27px}
.services-card:nth-child(3n+2) .services-icon{background:#eefaff;color:var(--nv)}
.services-card h3{font-size:24px;line-height:1.1}
.services-card p{font-size:16px;line-height:1.5;margin-top:12px}
.services-badge{display:inline-block;background:#fff0f6;color:var(--pkd);border-radius:var(--radius-xs);padding:5px 8px;font-size:14px;line-height:1.4;margin-top:14px}
.services-quote{margin-top:24px;background:#eefaff;border:2px solid var(--nv);border-radius:var(--radius);padding:20px 18px}
.services-quote h3{font-size:26px;line-height:1.12}
.services-quote p{margin-top:14px;font-size:16px;line-height:1.5}
.services-close{margin-top:24px;padding:26px 18px;background:var(--nv);color:var(--wht);border-radius:var(--radius);text-align:center}
.services-close h3{font-size:28px;line-height:1.15}
.services-close p{font-size:16px;line-height:1.5;margin-top:12px}
.services-close .btn{display:block;font-size:20px;line-height:1.2;padding:14px 12px;margin-top:22px}
.services-call{display:inline-block;color:var(--wht);font-size:16px;margin-top:26px;text-underline-offset:4px}
.services-close a:focus-visible{outline:3px solid var(--wht);outline-offset:5px}

.face .ph.tech-photo{display:block;padding:0;object-fit:cover;object-position:50% 35%}

.quote-success{position:fixed;z-index:70;left:50%;bottom:24px;transform:translateX(-50%);width:min(380px,calc(100vw - 32px));background:white;color:var(--nv);border:3px solid var(--nv);border-radius:18px;padding:24px;box-shadow:0 8px 24px #0003}.quote-success strong{display:block;font:700 26px Fredoka,system-ui,sans-serif;padding-right:24px}.quote-success p{margin-top:8px}.quote-success button{position:absolute;right:8px;top:8px;background:transparent;border:0;color:var(--nv);font-size:28px;cursor:pointer;padding:4px}

/* Shared enhancements. Rules below 768px deliberately retain the approved mobile layout. */
.page-title{font:700 clamp(30px,calc(var(--mobile-page-width) * .042),48px)/1 Fredoka,system-ui,sans-serif;letter-spacing:-.01em;color:var(--nv);text-shadow:none;-webkit-text-stroke:0}
:focus-visible{outline:3px solid var(--pkd);outline-offset:4px}
.quote-data-note{font-size:12px;line-height:1.45;margin-top:12px;color:#425569}
.quote-data-note a{color:var(--pkd);text-underline-offset:3px}
.offer-bar .btn{background:var(--pkd)}
.pest-sheet [data-sheet-step] h3:focus{outline:none}
.desktop-kicker,.desktop-service-area,.desktop-hero-links{display:none}
.pc-clone{user-select:none}
body.contact-page header.top{position:relative;background:var(--nv);padding-bottom:18px}
.contact-page-content{padding-top:28px}
.contact-page-content h1{font:700 34px/1.1 Fredoka,system-ui,sans-serif;color:var(--nv);text-shadow:none;-webkit-text-stroke:0;letter-spacing:-.02em}
.contact-page-content p{margin-top:18px;font-size:17px}
.contact-page-content .btn{margin-top:22px}
.contact-details{margin-top:30px;border-top:2px solid var(--nv);padding-top:22px}
.contact-details a{color:var(--pkd);font-weight:900}
.contact-details address{font-style:normal;margin-top:18px}
.contact-information{margin-top:32px;background:#fff;border:2px solid var(--nv);border-radius:12px;padding:22px}
.contact-information h2{font-size:25px}
.contact-information p{font-size:15px}
@media(min-width:431px) and (max-width:767px){
  :root{--mobile-page-width:100vw}
  body{width:100%;max-width:none}
  .hero{background-size:auto clamp(440px,103vw,640px)}
  .hero .hero-mobile h1{font-size:clamp(43px,8vw,58px)}
  .plan .zones{max-width:590px;margin-inline:auto}
  header.top .logo{max-width:250px}
  header.top nav{gap:12px}
}
@media(min-width:768px){
  :root{--mobile-page-width:100vw}
  html{background:#f7fbfd}
  body{width:100%;max-width:none;margin:0;background:#f7fbfd}
  .wrap{max-width:1200px;padding-inline:32px}
  header.top{left:32px;right:32px;padding:22px 0;align-items:center;gap:24px}
  header.top .logo{max-width:220px;padding:0}
  header.top nav{gap:18px}
  header.top nav .call{font-size:15px;padding:14px 20px;min-height:48px}
  header.top .menu-btn{width:48px;height:48px}
  .hero{margin-inline:calc((min(100vw,1200px) - 100vw)/2 - 32px);padding:220px max(32px,calc((100vw - 1136px)/2)) 78px;min-height:660px;display:flex;align-items:flex-start;justify-content:center;background-size:cover;background-position:58% center;background-color:#042514;isolation:isolate;overflow:hidden}
  .hero::before{background:linear-gradient(90deg,rgba(0,24,12,.92),rgba(0,24,12,.77) 35%,rgba(0,24,12,.27) 70%,rgba(0,24,12,.06)),linear-gradient(180deg,rgba(3,21,15,.42),transparent 30%)}
  .hero-mobile{margin:0;max-width:590px;align-items:flex-start;text-align:left}
  .hero .hero-mobile h1{font-size:clamp(48px,6.5vw,76px);line-height:1.08;letter-spacing:-.045em}
  .hero-friendly,.hero-blue{display:block}
  .desktop-kicker{display:flex;gap:10px;align-items:center;margin-bottom:22px;color:#fff;font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
  .desktop-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:#3fcf7a;box-shadow:0 0 0 5px #3fcf7a26}
  .hero-reliable{font-size:23px;margin-top:24px}
  .hero-support{font-size:18px;margin-top:5px;color:#e0eae1}
  .hero .hero-quote{width:auto;min-width:260px;max-width:none;min-height:60px;margin-top:28px;padding:16px 28px 20px;font-size:22px}
  .desktop-service-area{display:block;max-width:45ch;margin-top:24px;color:#d1dfd3;font-size:12px;line-height:1.7;letter-spacing:.025em}
  .desktop-hero-links{display:flex;gap:20px;margin-top:18px}
  .desktop-hero-links a{color:#fff;font-size:14px;text-underline-offset:4px;font-weight:900}
  .pest-band{margin-inline:calc((min(100vw,1200px) - 100vw)/2 - 32px);padding:50px max(32px,calc((100vw - 1136px)/2)) 48px;border-top:0;border-bottom:0;background:#eaf8ed}
  .pest-band h2{font-size:37px;text-align:center;letter-spacing:-.025em}
  .pest-rail{margin:20px 0 0;padding:0 0 12px;mask-image:none;overflow:visible;cursor:auto}
  .pest-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:auto;padding:0}
  .pc{min-width:0;box-shadow:0 4px 0 var(--nv);border-width:2px;border-radius:14px;transition:transform .18s,box-shadow .18s}
  .pc:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--nv)}
  .pc-toggle{min-height:148px;padding:18px 6px 14px}
  .pc-toggle b{font-size:20px}
  .pc-art{font-size:36px}
  .pc-toggle small{font-size:12px}
  .pc-clone{display:none}
  .selection-bar{margin-top:26px;bottom:20px}
  .plan{margin-inline:calc((min(100vw,1200px) - 100vw)/2 - 32px);padding:64px max(32px,calc((100vw - 1136px)/2))}
  .plan .plan-heading{font-size:44px;max-width:20ch;line-height:1.06;margin-top:18px}
  .plan .plan-intro .tag{font-size:11px;letter-spacing:.1em;padding:7px 14px}
  .plan-grid{margin-top:36px}
  .plan .zones{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .plan .zones li{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px;min-height:0;border-radius:22px}
  .plan .treatment-art{border-radius:12px;width:100%;height:auto}
  .plan .treatment-copy{padding:4px 0 10px}
  .plan .zones h3{font-size:26px;line-height:1.1}
  .plan .zones p{font-size:16px;line-height:1.5;margin-top:12px}
  .plan .contrast{border:0;padding:0;font-size:18px;max-width:57ch;margin-top:30px}
  .closer{margin:56px 0 0;padding:52px 36px;border-radius:24px;background:var(--nv)}
  .closer h2{font-size:46px;max-width:22ch}
  .closer .btn{font-size:22px}
  footer{grid-template-columns:1fr 1fr;padding:54px 0 100px;font-size:15px;gap:48px}
  footer .links{justify-self:end;max-width:350px}
  footer .links a{margin:8px 24px 0 0;font-size:15px}
  footer b{font-size:23px}
  .slogan{font-size:22px}
  .offer-bar{left:50%;right:auto;bottom:18px;width:min(700px,calc(100vw - 40px));transform:translate(-50%,150%);border:2px solid var(--nv);border-radius:16px;box-shadow:0 6px 20px #0e2a4733;padding:14px 18px}
  .offer-bar.show{transform:translate(-50%,0)}
  .offer-bar .txt{font-size:14px}.offer-bar .txt b{font-size:21px}
  .menu,.pest-sheet,.offer-back{left:0;right:0}
  .menu{padding:32px max(32px,calc((100vw - 1000px)/2));gap:14px}
  .menu a{font-size:46px}
  .menu a.call{max-width:600px;width:100%;align-self:center;margin-top:30px}
  .pest-sheet{align-items:center;padding:32px}
  .pest-sheet-panel{border:3px solid var(--nv);border-radius:22px;padding:20px 28px 30px;max-height:min(860px,calc(100dvh - 64px));box-shadow:0 24px 80px #0005}
  .sheet-grab{display:none}
  .sheet-phone-number{font-size:31px}
  body.services-page header.top,body.crew-view header.top,body.why-view header.top,body.reviews-page header.top,body.contact-page header.top{left:auto;right:auto;position:relative;margin:0 calc((min(100vw,1200px) - 100vw)/2 - 32px);padding:22px max(32px,calc((100vw - 1136px)/2));background:var(--nv)}
  .services-view,.crew-page,.why-us,.reviews-view,.contact-page-content{padding:48px 0 0}
  .why-back{font-size:14px;margin-bottom:30px}
  .services-view :is(h1,h2),.crew-page :is(h1,h2),.why-intro :is(h1,h2),.reviews-view :is(h1,h2),.contact-page-content h1{font-size:52px;line-height:1.05;letter-spacing:-.03em}
  .services-intro,.why-intro>p,.reviews-intro{max-width:65ch;font-size:18px}
  .services-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}
  .services-card{border-color:#d5e2e8;border-radius:18px;padding:26px}
  .services-card h3{font-size:25px}
  .services-card p{font-size:16px}
  .services-icon{width:48px;height:48px}
  .services-quote{padding:30px;margin-top:36px;max-width:900px}
  .services-close,.why-guarantee{padding:42px 34px;border-radius:20px;margin-top:36px}
  .services-close h3,.why-guarantee h3{font-size:36px}
  .services-close p,.why-guarantee p{max-width:60ch;margin-inline:auto;font-size:18px}
  .services-close .btn,.why-guarantee .btn{display:inline-block;min-width:290px;padding:16px 28px;font-size:22px;margin-top:24px}
  .services-call{display:block;font-size:18px;margin-top:28px}
  .why-intro .why-statement{font-size:32px}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}
  .why-card{padding:24px 22px;border-color:#d5e2e8;border-radius:18px;gap:16px}
  .why-card h3{font-size:24px}
  .why-card:last-child{grid-column:auto}
  .review-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
  .review-card{padding:28px;border-color:#d5e2e8;border-radius:18px}
  .reviews-rating{display:flex;align-items:center;gap:24px;padding:24px 28px;max-width:500px;margin-top:28px}
  .reviews-rating p{margin:0}
  .review-list .review-card:first-child{grid-row:span 2}
  .crew-photo{max-width:1000px;margin-inline:auto;border-radius:24px}
  .contact-page-content{max-width:800px;margin-inline:auto}
}
@media(min-width:1024px){
  header.top{padding-block:26px}
  header.top .logo{max-width:218px}
  header.top nav{gap:23px}
  header.top nav>a:not(.call){display:inline-flex;color:#fff;font-size:14px;font-weight:900;white-space:nowrap;text-shadow:0 1px 3px #0006;position:relative}
  header.top nav>a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;border-radius:3px;background:var(--pk)}
  header.top .menu-btn{display:none}
  header.top nav .call{font-size:14px;padding-inline:18px}
  .hero{min-height:740px;padding-top:218px;padding-bottom:84px;background-position:center 52%}
  .hero .hero-mobile h1{font-size:72px}
  .pest-track{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
  .pest-band{padding-top:56px;padding-bottom:54px}
  .pest-band h2{font-size:40px}
  .pc:last-child:not(.pc-clone){grid-column:auto}
  .plan{padding-top:76px;padding-bottom:72px}
  .plan .plan-heading{font-size:48px;max-width:25ch}
  .plan .zones{gap:24px}
  .plan .zones li{padding:20px}
  .plan .zones h3{font-size:29px}
  .services-list,.why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .why-card{display:block}
  .why-icon{margin-bottom:18px;width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){.pc{transition:none}.pc:hover{transform:none}}
