/* palette for the shared header (nav.css) and the footer/carousel below */
:root{--brand:#22584b;--grad:linear-gradient(135deg,#22584b,#173e35);--ink:#173e35;--slate:#3d5347;--muted:#6b7b6c;--line:#dce4d8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#213c31;background:#fafbf6;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{max-width:1210px;padding:0 30px;margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:6px;background:#22584b;color:white;font-size:12px;font-weight:650;border:1px solid #22584b;cursor:pointer;gap:10px}.btn.light{background:transparent;color:#22584b;border-color:#bbcabb}.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:2px;color:#717a62}.hero{display:grid;grid-template-columns:1fr 1.03fr;gap:65px;padding:83px 0 62px;align-items:center}.hero h1{font-size:clamp(45px,5.3vw,67px);font-weight:600;line-height:1.065;letter-spacing:-3.8px;margin:25px 0 25px}.hero h1 em{font-style:normal;color:#719068}.hero p{font-size:15px;line-height:1.9;color:#718073;max-width:430px}.hero-cta{display:flex;gap:12px;margin:28px 0 15px}.hero small{font-size:10px;color:#748271}.hero-scene{background:#e5eddd;border:1px solid #d3ddc9;border-radius:18px;position:relative;min-height:465px;overflow:hidden;padding:30px}.scene-label{display:flex;justify-content:space-between;font-size:9px;font-weight:750;letter-spacing:1.5px}.scene-label .live{color:#678363}.scene-can{position:relative;margin:45px 0 10px}.scene-can svg{width:100%;height:auto}.scene-sticker{position:absolute;right:2px;top:20px;transform:rotate(7deg);padding:15px 18px;border-radius:6px;background:#e6ba60;box-shadow:0 8px 18px #33462b15;font-size:11px}.scene-sticker b{font-size:25px;display:block}.scene-ticket{background:#fffef9;border:1px solid #d6dfcd;border-radius:9px;padding:19px;box-shadow:0 14px 22px #263b2812;position:relative;max-width:380px;margin:0 auto}.scene-ticket .row{display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-ticket h3{font-size:13px;margin:0}.pill{padding:5px 9px;background:#e8f0df;border-radius:4px;color:#44704d;font-size:9px;font-weight:700}.scene-ticket p{font-size:10px;margin:10px 0 0;line-height:1.6}.ticket-foot{border-top:1px solid #e5e9df;margin-top:13px;padding-top:12px;display:flex;justify-content:space-between;font-size:10px}.proofbar{display:flex;justify-content:space-between;padding:23px 0;border-top:1px solid #dce4d8;border-bottom:1px solid #dce4d8;gap:20px;color:#6b7b6c;font-size:11px}.proofbar b{color:#324e3a;font-weight:650}.section{padding:84px 0}.section h2{font-size:clamp(32px,4vw,45px);line-height:1.15;font-weight:600;letter-spacing:-2px;margin:18px 0 22px}.section-lead{font-size:14px;line-height:1.8;color:#6e7f70;max-width:580px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:32px}.section-head h2{max-width:650px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:29px 25px;border:1px solid #dce4d8;border-radius:11px;background:#fff}.feature .num{font-size:10px;color:#9c8659;letter-spacing:1px}.feature h3{font-size:17px;font-weight:650;letter-spacing:-.5px;margin:26px 0 15px}.feature p{font-size:12px;line-height:1.9;color:#74816f;margin:0}.preview-section{background:#183f35;color:#fff}.preview-section .eyebrow{color:#bccea9}.preview-section p{color:#b6c7b5}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:36px}.step{border-top:1px solid #415f4d;padding-top:20px}.step>b{font-size:10px;color:#dec283}.step h3{font-size:15px;font-weight:600}.step p{font-size:12px;line-height:1.8}.price-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:start}.price-card{padding:40px;background:#edf2e6;border:1px solid #d5e0ca;border-radius:14px}.price-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:650}.price{font-size:82px;letter-spacing:-5px;margin:24px 0 10px;font-weight:550;line-height:1}.price span{font-size:15px;letter-spacing:0;color:#6d7e68;font-weight:400}.price-card>p{font-size:12px;color:#6d7e68}.checklist{padding:20px 0 10px;list-style:none;border-top:1px solid #d0dcc5;margin-top:25px}.checklist li{font-size:12px;margin-bottom:17px}.checklist li:before{content:'✓';color:#5c8150;margin-right:12px;font-weight:750}.price-card .btn{width:100%;margin:10px 0}.price-card small{font-size:10px;line-height:1.8;color:#6b7c68;display:block;text-align:center}.why{padding:15px 0;border-top:1px solid #dde4d8}.why h3{font-size:15px;font-weight:650}.why p{font-size:12px;line-height:1.9;color:#70806f}.faq{max-width:800px;margin:35px auto 0}details{border-bottom:1px solid #dce4d8;padding:24px 0}summary{font-size:14px;font-weight:650;cursor:pointer}details p{font-size:13px;line-height:1.9;color:#6d7e70}.closing{background:#e7eddd;padding:50px 60px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{font-size:34px;letter-spacing:-1.5px;line-height:1.2;margin:10px 0}.closing p{font-size:12px;color:#6b7d67}.article{max-width:800px;margin:auto;padding:70px 0}.article h1{font-size:44px;letter-spacing:-2px;line-height:1.15}.article h2{font-size:23px;letter-spacing:-.6px;margin-top:40px}.article p,.article li{font-size:14px;line-height:1.9;color:#61745f}.article a{text-decoration:underline;text-underline-offset:3px;color:#22584b}.article .btn{color:white;text-decoration:none}.article table{border-collapse:collapse;width:100%;font-size:13px}.article th,.article td{text-align:left;padding:17px;border:1px solid #dce4d8}.article th{background:#edf2e7}.article small{font-size:11px;line-height:1.8;color:#7b8974}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resource{display:block;padding:24px;border:1px solid #dce4d8;border-radius:9px}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.calc-grid label{font-size:12px}.calc-grid input{display:block;width:100%;padding:12px;border:1px solid #cdd7c5;border-radius:6px;margin-top:8px}.calc-result{padding:25px;background:#e6eedc;border-radius:10px;margin-top:25px}.calc-result strong{font-size:35px}.skip{position:absolute;left:10px;top:-90px}.skip:focus{top:10px;background:white;padding:15px;z-index:9}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #cf9d35;outline-offset:4px}@media(max-width:900px){.hero{gap:30px}.hero h1{font-size:49px}.hero-scene{min-height:410px;padding:24px}.price-layout{gap:40px}.features{grid-template-columns:1fr 1fr}.hero-cta{flex-wrap:wrap}.proofbar{flex-wrap:wrap}.steps{grid-template-columns:1fr 1fr}}@media(max-width:650px){.wrap{padding:0 22px}.hero{grid-template-columns:1fr;gap:36px;padding:48px 0 35px}.hero h1{font-size:53px;letter-spacing:-2.7px}.hero p{font-size:14px}.hero-scene{min-height:395px}.scene-can{margin:30px 0 0}.hero small{font-size:10px}.proofbar{font-size:10px;gap:15px}.section{padding:55px 0}.features,.price-layout,.resource-grid{grid-template-columns:1fr}.section h2{font-size:34px}.section-head{display:block}.price-card{padding:30px}.closing{padding:30px;display:block}.closing .btn{margin-top:18px}.closing h2{font-size:29px}.article{padding:45px 0}.article h1{font-size:36px}.article table{font-size:11px}.article td,.article th{padding:10px}.steps{gap:20px}.calc-grid{grid-template-columns:1fr}.hero-cta .btn{padding:15px 19px}}

/* home screenshot carousel — the fleet carousel (PestWarden Pro), in DumpsterPilot green; script in /shots.js */
.shots{max-width:1020px;margin:40px auto 0}
.shots .stage{display:flex;align-items:center;gap:16px}
.shots .arw{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid #6d8770;background:#fff;color:#173e35;font-size:20px;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 22px -12px rgba(0,0,0,.5);transition:.15s}
.shots .arw:hover{color:#22584b;border-color:#dbb25d;transform:translateY(-1px)}
.browser{flex:1;min-width:0;position:relative;border-radius:20px;background:#fff;border:1px solid #6d8770;box-shadow:0 40px 90px -36px rgba(0,0,0,.6),0 18px 44px -24px rgba(7,31,32,.5)}
.browser::before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,#dbb25d,#35755e);z-index:-1;opacity:.35;filter:blur(14px)}
.chrome{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-bottom:1px solid var(--line);background:#f4f6f0;border-radius:20px 20px 0 0}
.chrome i{width:11px;height:11px;border-radius:50%}
.chrome i:nth-child(1){background:#fca5a5}.chrome i:nth-child(2){background:#fcd34d}.chrome i:nth-child(3){background:#86efac}
.chrome .url{flex:1;max-width:340px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:11.5px;color:var(--muted);padding:3px 12px;text-align:center;overflow:hidden;white-space:nowrap}
.shots .frame{position:relative;overflow:hidden;background:#fff;aspect-ratio:16/10;border-radius:0 0 20px 20px}
.shots .frame .slide{position:absolute;inset:0;opacity:0;transition:opacity .4s ease}
.shots .frame .slide.on{opacity:1}
.shots .frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.shots .frame .ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:14px;background:#f4f6f0;padding:24px}
.shots .cap{text-align:center;margin-top:18px;color:#b6c7b5;font-size:14.5px;min-height:20px}
.shots .cap b{color:#fff}
.shots .dots{display:flex;gap:7px;justify-content:center;margin-top:14px}
.shots .dots i{width:8px;height:8px;border-radius:50%;background:#5f7d68;cursor:pointer;transition:.2s}
.shots .dots i.on{background:#dbb25d;width:22px;border-radius:999px}
/* footer — the fleet's four-column footer */
footer{border-top:1px solid var(--line);padding:48px 0 26px;color:var(--muted);font-size:14px;margin-top:40px}
footer .top{display:flex;justify-content:space-between;gap:34px;flex-wrap:wrap;align-items:flex-start}
footer .logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;letter-spacing:-.02em;color:var(--ink)}
footer .logo .m{width:32px;height:32px;border-radius:9px}
footer .desc{max-width:280px;margin-top:10px;color:var(--muted);line-height:1.6}
footer .cols{display:flex;gap:56px;flex-wrap:wrap}
footer .col b{display:block;color:var(--ink);font-size:13px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}
footer .col a{display:block;color:var(--slate);font-size:14px;margin-bottom:9px}
footer .col a:hover{color:var(--brand)}
footer .badges{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:30px 0 0;padding-top:24px;border-top:1px solid var(--line)}
footer .badges img{display:block}
footer .bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px}
header .logo .m{border-radius:9px}
@media(max-width:650px){.shots .stage{gap:8px}.shots .arw{width:38px;height:38px;font-size:17px}footer .cols{gap:30px 40px}}