@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102b3a;--green:#25813c;--orange:#f36b3e;--ink:#182b34;--muted:#60727b;--pale:#f3f8f5;--line:#e0e9e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 42px));margin:auto}.top{background:var(--navy);color:#d8e7e2;text-align:center;padding:6px;font-size:10px;letter-spacing:1.5px}header{height:80px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px #102b3a0d}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;font:800 20px/1.05 Manrope;color:var(--navy);letter-spacing:-.8px}.brand strong{color:var(--green)}.brand small{display:block;font:700 8px/1.8 'DM Sans';letter-spacing:1px;color:#77868b}.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,#59b85c,#1c6938);display:grid;place-items:center;color:white;font-size:28px}.nav nav{display:flex;gap:22px}.nav nav a{font-size:12px;font-weight:700;color:#344952}.nav nav a:hover{color:var(--green)}.headcall{background:var(--green);color:white;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap}.headcall small{display:block;font-size:9px;font-weight:500}.menu{display:none;border:0;background:none;font-size:25px;color:var(--navy)}.hero{position:relative;min-height:550px;background:var(--navy);color:#fff;display:flex;align-items:center;overflow:hidden}.photo,.shade{position:absolute;inset:0}.photo{background:url('../images/pest-control-hero.jpg') center right/cover no-repeat}.shade{background:linear-gradient(90deg,#081d27f5 0%,#081d27df 37%,#081d2780 62%,#081d2710 100%)}.hero-content{position:relative;z-index:2;padding:65px 0 75px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#e0f4e5}.green{color:var(--green)}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(38px,5vw,60px);line-height:1.1;letter-spacing:-2px;margin:16px 0;max-width:700px}h1 em{font-style:normal;color:#8ddd70}.lead{max-width:520px;color:#e1e9e9;font-size:16px}.points{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0;color:#edf5f1;font-size:12px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 20px;font-size:14px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0002}.orange{background:var(--orange);color:#fff;box-shadow:0 8px 22px #f36b3e42}.large{font-size:16px;padding:16px 22px}.fine{font-size:10px;color:#d6e1df}.hero-card{position:absolute;right:max(22px,calc((100% - 1160px)/2));bottom:35px;width:260px;padding:18px;background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 14px 38px #102b3a20;display:flex;gap:12px}.hero-card>b{background:#e5f5e6;color:var(--green);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.hero-card strong{font:800 13px Manrope}.hero-card p{margin:4px 0 0;color:var(--muted);font-size:11px}.pests{border-bottom:1px solid var(--line);box-shadow:0 5px 20px #102b3a08}.pest-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:20px 0}.pest-grid div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:24px}.pest-grid b{font-size:11px;color:#394d55}.section{padding:82px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.family{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 14px 38px #102b3a12}.family img{width:100%;height:390px;object-fit:cover}.caption{position:absolute;bottom:15px;left:15px;right:15px;display:flex;align-items:center;gap:12px;background:#ffffffed;padding:13px;border-radius:12px}.caption>b{background:#e6f4e6;color:var(--green);border-radius:10px;padding:8px;font-size:22px}.caption strong,.caption small{display:block}.caption strong{font-size:13px}.caption small{font-size:11px;color:var(--muted)}h2{font-size:clamp(30px,3.5vw,41px);line-height:1.2;letter-spacing:-1.3px;color:var(--navy);margin:12px 0 16px}.intro h2 em{color:var(--green);font-style:normal}.intro p,.center p,.faqgrid p{font-size:14px;color:var(--muted);line-height:1.8}.features{padding:0;list-style:none;display:grid;gap:14px;margin:25px 0}.features li{display:flex;gap:11px}.features li>b{background:#e6f5e6;color:var(--green);width:25px;height:25px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.features strong,.features small{display:block}.features strong{font-size:13px}.features small{font-size:11px;color:var(--muted)}.textlink{color:var(--green);font-weight:800;font-size:13px}.services{background:#f5f8f6}.center{text-align:center;max-width:660px;margin:0 auto 38px}.center h2{margin-bottom:8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.cards article{background:#fff;border:1px solid #e4ece7;border-radius:15px;padding:25px 21px;box-shadow:0 8px 24px #102b3a06;transition:.2s}.cards article:hover{transform:translateY(-4px);box-shadow:0 14px 38px #102b3a12}.icon{width:48px;height:48px;border-radius:13px;background:#e8f5e9;color:var(--green);display:grid;place-items:center;font-size:25px}.cards h3{font-size:16px;color:var(--navy);margin:17px 0 9px}.cards p{font-size:12px;color:var(--muted);line-height:1.75;min-height:83px}.cards a{font-size:11px;font-weight:800;color:var(--green)}.how{background:#eaf4ed}.steps{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr;align-items:center;gap:12px}.steps article{position:relative;background:#fff;border:1px solid #dfece2;border-radius:15px;text-align:center;padding:27px 22px;min-height:225px}.steps article>b{position:absolute;left:14px;top:10px;color:#a8cbb0;font-size:13px}.stepicon{width:54px;height:54px;margin:0 auto 12px;border-radius:15px;background:#e8f5e9;color:var(--green);display:grid;place-items:center;font-size:26px}.steps h3{font-size:15px;color:var(--navy);margin:0 0 7px}.steps p{font-size:12px;color:var(--muted);line-height:1.7}.arrow{text-align:center;color:var(--green);font-size:24px}.banner{margin-top:28px;background:var(--navy);color:#fff;border-radius:14px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.banner strong,.banner small{display:block}.banner strong{font:800 16px Manrope}.banner small{font-size:11px;color:#c6d6d5;margin-top:4px}.faqgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.dark{background:var(--navy);color:#fff}.questions details{border-bottom:1px solid var(--line)}.questions details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:19px 30px 19px 0;font-size:13px;font-weight:800;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;top:12px;color:var(--green);font-size:24px;font-weight:500}details[open] summary:after{content:'−'}.questions details p{margin:0;padding:0 20px 18px 0;font-size:12px}.final{background:linear-gradient(110deg,#1b6538,#25813c);padding:43px 0;color:#fff}.finalinner{display:flex;align-items:center;justify-content:space-between;gap:25px}.final h2{color:#fff;font-size:32px;margin:8px 0}.final p{color:#d6eadb;font-size:13px;margin:0}.white{background:#fff;color:var(--navy);white-space:nowrap}footer{background:#0d2531;color:#dce7e6}.footgrid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.1fr;gap:40px;padding:45px 0 32px}.footbrand{color:white}.footbrand small{color:#a8bcbf}.footgrid p{max-width:260px;color:#a8bcbf;font-size:11px}.footgrid h3{font-size:12px;color:#fff}.footgrid>div>a:not(.brand){display:block;color:#afc1c3;font-size:11px;margin:8px 0}.footgrid .number{font:800 20px Manrope;color:#fff!important}.footgrid small{font-size:10px;color:#9fb5b9}.disclaimer{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;padding:18px 0;color:#a9babc;font-size:10px;line-height:1.8}.disclaimer strong{color:#dbe8e4}.bottom{display:flex;justify-content:space-between;gap:15px;padding:15px 0 23px;font-size:10px;color:#91a9ad}.mobilebar{display:none}
@media(max-width:1000px){.nav nav{gap:12px}.nav nav a{font-size:11px}.headcall{font-size:11px}.hero-card{width:230px}.intro{gap:35px}.cards{grid-template-columns:repeat(2,1fr)}.footgrid{gap:25px}}
@media(max-width:800px){header{height:72px}.menu{display:block;order:3}.nav{gap:10px}.headcall{margin-left:auto}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;box-shadow:0 15px 25px #102b3a18;padding:18px 25px;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.nav nav a{font-size:14px}.hero{min-height:610px;align-items:flex-start}.shade{background:linear-gradient(90deg,#081d27f5,#081d27c9 62%,#081d2740)}.hero-content{padding-top:50px;padding-bottom:130px}.hero-card{left:21px;right:auto;bottom:18px;width:min(320px,calc(100% - 42px))}.pest-grid{grid-template-columns:repeat(4,1fr);row-gap:16px}.section{padding:62px 0}.intro{grid-template-columns:1fr;gap:35px}.family{max-width:600px;margin:auto;width:100%}.family img{height:330px}.steps{grid-template-columns:1fr;gap:10px}.steps article{min-height:unset}.arrow{transform:rotate(90deg);line-height:1}.faqgrid{grid-template-columns:1fr;gap:32px}.finalinner{align-items:flex-start;flex-direction:column}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}.banner{align-items:flex-start;flex-direction:column}.banner .btn{width:100%}}
@media(max-width:520px){.wrap{width:calc(100% - 32px)}.top{font-size:8px;letter-spacing:1px}.logo{width:35px;height:35px;font-size:23px}.brand{font-size:16px}.brand small{font-size:6px}.headcall{font-size:9px;padding:8px}.headcall small{font-size:8px}.hero{min-height:650px}.hero-content{padding-top:40px;padding-bottom:145px}h1{font-size:38px;letter-spacing:-1.3px}.lead{font-size:14px}.points{gap:12px;font-size:10px}.large{font-size:13px;padding:15px}.pest-grid{padding:17px 0;gap:13px 3px}.pest-grid div{font-size:21px}.pest-grid b{font-size:9px}.section{padding:55px 0}h2{font-size:30px}.family img{height:285px}.cards{grid-template-columns:1fr}.cards p{min-height:unset}.center{margin-bottom:28px}.banner{padding:19px}.final h2{font-size:28px}.footgrid{gap:20px 15px;padding-top:36px}.footgrid .number{font-size:18px}.disclaimer{font-size:9px}.bottom{flex-direction:column;padding-bottom:75px}.mobilebar{display:flex;position:fixed;z-index:50;bottom:0;left:0;right:0;align-items:center;justify-content:space-between;gap:10px;padding:10px 15px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -5px 22px #102b3a20;color:var(--navy);font-size:10px;font-weight:700}.mobilebar a{background:var(--orange);color:#fff;padding:10px 14px;border-radius:9px;font-size:12px;white-space:nowrap}}

/* Mobile-first conversion bar: wide, animated, and thumb-friendly */
@keyframes callBarPulse{0%,100%{box-shadow:0 0 0 0 rgba(243,107,62,.42),0 5px 18px rgba(16,43,58,.18)}50%{box-shadow:0 0 0 8px rgba(243,107,62,0),0 8px 25px rgba(16,43,58,.24)}}
@keyframes callIconNudge{0%,100%{transform:rotate(0)}15%{transform:rotate(-12deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-8deg)}60%{transform:rotate(8deg)}75%{transform:rotate(0)}}
@media(max-width:800px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .mobilebar{display:block;position:fixed;z-index:100;left:0;right:0;bottom:0;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,.94),#fff 28%);box-shadow:0 -7px 26px rgba(16,43,58,.15);border-top:1px solid rgba(16,43,58,.08)}
  .mobilebar>span{display:block;text-align:center;font-size:11px;line-height:1.3;color:#102b3a;font-weight:800;margin:0 0 6px}
  .mobilebar>a{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:13px 16px;border-radius:12px;background:linear-gradient(100deg,#f36b3e,#ff864e,#f36b3e);background-size:200% 100%;color:#fff;font-size:16px;line-height:1.2;font-weight:900;letter-spacing:.2px;white-space:normal;text-align:center;animation:callBarPulse 2s infinite,callGradient 4s linear infinite;transform:translateZ(0)}
  .mobilebar>a::before{content:'☎';display:inline-block;font-size:20px;animation:callIconNudge 2.8s ease-in-out infinite}
  .mobilebar>a:focus-visible{outline:3px solid #102b3a;outline-offset:3px}
  .bottom{padding-bottom:10px}
}
@keyframes callGradient{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@media(max-width:380px){.mobilebar{padding-left:8px;padding-right:8px}.mobilebar>a{min-height:50px;font-size:14px}.mobilebar>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mobilebar>a{animation:none!important;scroll-behavior:auto}}