@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800;1,900&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --ink:#080a09;--ink2:#101410;--ink3:#172018;--paper:#f4f0e6;--paper2:#e8e3d7;
  --red:#d51f25;--red2:#9e1217;--green:#8ebf3c;--white:#fff;--muted:#a7afa8;
  --line:rgba(255,255,255,.12);--max:1180px;--shadow:0 28px 70px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block} a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}
.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}
.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:#fff;color:#000;padding:10px 14px}.skip-link:focus{top:12px}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#c9d0ca;text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:800}
.eyebrow:before{content:"";width:34px;height:2px;background:var(--red)}.eyebrow.dark{color:#5f685f}
.display{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.028em;line-height:.88;font-weight:900;margin:0}
.display em{color:var(--red);font-style:italic}
.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 21px;border:0;cursor:pointer;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.08em;transition:.18s ease}
.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 12px 30px rgba(213,31,37,.25)}
.btn-primary:hover{background:#e4262d}.btn-ghost{border:1px solid rgba(255,255,255,.28);color:#fff}.btn-dark{background:var(--ink);color:#fff}
.text-link{display:inline-flex;gap:8px;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .62s ease,transform .62s ease}.reveal.in-view{opacity:1;transform:none}

.site-header{position:fixed;inset:0 0 auto;z-index:1000;color:#fff;background:linear-gradient(180deg,rgba(6,8,7,.98),rgba(6,8,7,.72) 70%,transparent);transition:.25s ease}
.site-header.scrolled{background:rgba(6,8,7,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav-wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto}
.brand img{width:56px;height:56px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:"Barlow Condensed";font-size:29px;letter-spacing:.04em;font-weight:900}
.brand-copy strong span{color:var(--red)}.brand-copy small{margin-top:5px;color:#c5cbc6;font-size:9px;letter-spacing:.21em;font-weight:700}
.primary-nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700}.primary-nav a{position:relative;color:#edf0ed}
.primary-nav>a:not(.nav-phone)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--red);transition:right .2s ease}
.primary-nav>a:hover:after,.primary-nav>a[aria-current="page"]:after{right:0}.nav-phone{border:1px solid rgba(255,255,255,.27);padding:10px 14px}
.menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;padding:9px}.menu-toggle span:not(.sr-only){display:block;height:2px;background:#fff;margin:5px 0}

.hero{position:relative;padding-top:86px;min-height:800px;color:#fff;overflow:hidden;background:
radial-gradient(circle at 73% 20%,rgba(176,194,159,.18),transparent 14%),
radial-gradient(circle at 83% 45%,rgba(62,91,57,.20),transparent 29%),
linear-gradient(110deg,#080a09 0,#0a0d0b 52%,#111b14 100%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.27;background-image:
repeating-linear-gradient(125deg,transparent 0 42px,rgba(255,255,255,.018) 43px 44px),
radial-gradient(circle,rgba(255,255,255,.06) 0 1px,transparent 1.5px);background-size:auto,9px 9px}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center;min-height:620px}
.hero-copy{padding:80px 0 36px}.hero .display{font-size:clamp(68px,7.1vw,108px);max-width:770px}
.hero-lede{max-width:590px;color:#c3c9c4;font-size:17px;margin:28px 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-meta{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:#9fa7a1;text-transform:uppercase;font-size:9px;letter-spacing:.15em;font-weight:800}
.hero-meta i{width:4px;height:4px;border-radius:50%;background:var(--green)}
.campaign-note{position:absolute;right:12px;top:110px;z-index:9;writing-mode:vertical-rl;text-transform:uppercase;color:#788279;font-size:9px;letter-spacing:.26em;font-weight:800}
.hero-art{position:relative;height:590px;align-self:end}.moon{position:absolute;width:315px;height:315px;border-radius:50%;top:42px;right:42px;background:radial-gradient(circle at 35% 31%,#dce5d3 0 3%,#89977d 44%,#3a4538 76%,rgba(46,55,42,.2) 78%);opacity:.45;box-shadow:0 0 100px rgba(174,199,156,.15)}
.mist{position:absolute;border-radius:50%;filter:blur(34px);background:rgba(184,198,180,.12)}.mist.a{width:490px;height:110px;right:-35px;top:215px;transform:rotate(-9deg)}.mist.b{width:380px;height:90px;right:100px;top:430px;opacity:.5}
.ninja-card{position:absolute;width:350px;height:500px;right:74px;bottom:0;filter:drop-shadow(0 25px 30px rgba(0,0,0,.42))}
.ninja-card:before{content:"";position:absolute;width:265px;height:322px;left:45px;bottom:0;background:linear-gradient(105deg,#151915,#050706 56%,#222b23);clip-path:polygon(20% 0,78% 5%,100% 37%,91% 100%,2% 100%,0 36%);border-radius:39% 40% 5% 5%}
.ninja-head{position:absolute;z-index:4;width:186px;height:195px;border-radius:48% 48% 44% 44%;left:81px;top:17px;background:linear-gradient(130deg,#20251f 0,#090c0a 52%,#29312a);box-shadow:inset -24px -4px 35px rgba(0,0,0,.5)}
.ninja-head:before{content:"";position:absolute;left:7px;right:7px;top:81px;height:51px;background:#98735f;clip-path:polygon(5% 30%,95% 14%,87% 84%,12% 88%);box-shadow:inset 0 15px 14px rgba(0,0,0,.25)}
.eyes{position:absolute;z-index:5;top:101px;left:44px;display:flex;gap:41px;transform:rotate(-4deg)}.eyes span{width:27px;height:5px;border-radius:50%;background:#e7e4d7;box-shadow:0 0 12px rgba(255,255,255,.25)}
.scarf{position:absolute;z-index:6;width:195px;height:110px;left:76px;top:158px;background:linear-gradient(160deg,#b2181e,#510c0f);clip-path:polygon(0 12%,100% 0,79% 72%,96% 100%,52% 84%,8% 100%,28% 65%)}
.tank{position:absolute;z-index:2;width:100px;height:190px;border-radius:24px 24px 15px 15px;right:0;bottom:54px;border:5px solid #313831;background:linear-gradient(90deg,#1a201c,#333a33,#111511)}
.tank:before{content:"";position:absolute;top:-22px;left:26px;width:39px;height:24px;border-radius:7px 7px 0 0;background:#373e36}
.tank span{position:absolute;top:70px;left:22px;width:48px;height:48px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;font:900 16px "Barlow Condensed"}
.wand{position:absolute;z-index:7;width:275px;height:8px;background:linear-gradient(90deg,#141714,#505950);left:-112px;bottom:159px;transform:rotate(-19deg);transform-origin:right;border-radius:8px}
.wand:after{content:"";position:absolute;width:33px;height:12px;background:#7d8478;left:-24px;top:-2px}
.pest-badge{position:absolute;z-index:9;width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;background:rgba(8,11,9,.73);backdrop-filter:blur(8px);font-size:28px}
.pest-badge.a{right:7px;top:168px}.pest-badge.b{left:8px;top:117px;transform:scale(.88)}.pest-badge:after{content:"";position:absolute;width:61px;height:6px;background:var(--red);transform:rotate(-45deg)}
.hero-stamp{position:absolute;z-index:10;right:8px;bottom:54px;transform:rotate(-4deg);border:2px solid rgba(255,255,255,.23);padding:10px 13px;background:rgba(5,7,6,.65);font-family:"Barlow Condensed";text-transform:uppercase}
.hero-stamp span{display:block;color:#c7ccc7;font-size:15px;letter-spacing:.08em}.hero-stamp strong{display:block;color:var(--red);font-size:27px;line-height:1}
.hero-bottom{position:relative;z-index:3;min-height:108px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.12)}
.brush-cta{font:italic 900 34px "Barlow Condensed";transform:rotate(-2deg)}.repeat{color:#6d776f;font-size:9px;letter-spacing:.2em;font-weight:800}.repeat b{color:var(--red)}

.trust-strip{background:#101310;color:#fff;border-top:1px solid rgba(255,255,255,.05)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:112px}
.trust-grid>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:12px;padding:22px 25px;border-right:1px solid rgba(255,255,255,.08)}
.trust-grid>div:first-child{border-left:1px solid rgba(255,255,255,.08)}.trust-grid .icon{grid-row:1/3;align-self:center;color:var(--green);font-size:24px}
.trust-grid strong{font:700 18px "Barlow Condensed";text-transform:uppercase}.trust-grid small{color:#849087;font-size:10px}

.section{padding:108px 0}.section-head{max-width:820px}.section-head .display{font-size:clamp(50px,5vw,74px)}.section-head>p:last-child{max-width:690px;color:#626a63;font-size:15px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}.service-card{position:relative;min-height:355px;padding:36px;border:1px solid #d0ccc2;background:rgba(255,255,255,.46);transition:.2s ease}
.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(20,25,21,.08)}.service-card.accent{background:var(--ink);border-color:var(--ink);color:#fff}
.card-number{position:absolute;right:22px;top:20px;color:#b8b5ac;font:700 14px "Barlow Condensed"}.service-icon{margin:26px 0 36px;width:65px;height:65px;border:1px solid #cec9bf;border-radius:50%;display:grid;place-items:center;color:var(--red);font-size:28px}
.accent .service-icon{border-color:rgba(255,255,255,.18);color:var(--green)}.service-card h3{margin:0 0 12px;font:800 31px/1 "Barlow Condensed";text-transform:uppercase}.service-card p{color:#697069;font-size:13px;min-height:83px}.service-card.accent p{color:#9aa39b}
.service-card a{display:inline-flex;gap:8px;margin-top:12px;color:var(--red);text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:800}.service-card.accent a{color:var(--green)}

.split-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff;min-height:690px}.split-visual{position:relative;overflow:hidden;min-height:640px;background:linear-gradient(180deg,#1a271c,#0c110d 68%,#070907)}
.yard-scene{position:absolute;inset:0}.yard-scene:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-35px;height:250px;background:radial-gradient(ellipse at 50% 0,#334132,#0b0f0c 70%);border-radius:50% 50% 0 0}
.yard-glow{position:absolute;width:340px;height:340px;border-radius:50%;left:50%;top:20%;transform:translateX(-50%);background:radial-gradient(circle,rgba(210,228,175,.25),rgba(94,120,76,.07) 45%,transparent 69%)}
.house{position:absolute;width:330px;height:195px;left:50%;bottom:185px;transform:translateX(-50%);background:#111612;clip-path:polygon(0 24%,23% 24%,23% 10%,63% 10%,63% 0,100% 28%,100% 100%,0 100%)}
.house span{position:absolute;width:72px;height:55px;bottom:40px;background:rgba(225,193,111,.35);box-shadow:0 0 32px rgba(229,195,104,.19)}.house span:nth-child(1){left:24px}.house span:nth-child(2){left:128px}.house span:nth-child(3){right:23px;width:56px}
.firepit{position:absolute;z-index:4;left:50%;bottom:79px;transform:translateX(-50%);width:78px;height:28px;border-radius:50%;background:#1c1b17;box-shadow:0 -12px 28px rgba(244,145,51,.24)}.firepit:after{content:"";position:absolute;left:24px;top:-29px;width:29px;height:36px;background:radial-gradient(ellipse at bottom,#ffc35d,#e55322 55%,transparent 64%);border-radius:50%}
.visual-copy{position:absolute;z-index:7;left:46px;bottom:38px}.visual-copy strong{display:block;font:italic 900 52px/.88 "Barlow Condensed"}.visual-copy span{display:inline-block;margin-top:10px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.split-copy{padding:95px min(7vw,96px);display:flex;flex-direction:column;justify-content:center}.split-copy .display{font-size:clamp(50px,4.8vw,72px)}
.steps{margin:39px 0 30px}.step{display:grid;grid-template-columns:50px 1fr;gap:14px;padding:22px 0;border-top:1px solid rgba(255,255,255,.10)}.step:last-child{border-bottom:1px solid rgba(255,255,255,.10)}
.step>b{width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;color:var(--red);font-family:"Barlow Condensed"}
.step h3{margin:0 0 5px;font:700 23px "Barlow Condensed";text-transform:uppercase;letter-spacing:.04em}.step p{margin:0;color:#939c94;font-size:13px}

.why{background:var(--paper2)}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:92px;align-items:center}.why-copy .display{font-size:clamp(50px,5vw,74px)}.why-copy>p:last-child{color:#626a63;font-size:15px}
.benefit-list{border-top:1px solid #ccc7bc}.benefit{display:grid;grid-template-columns:68px 1fr;gap:8px;padding:26px 0;border-bottom:1px solid #ccc7bc}.benefit>span{color:var(--red);font:800 15px "Barlow Condensed"}.benefit strong{font:800 26px "Barlow Condensed";text-transform:uppercase}.benefit p{margin:5px 0 0;color:#626a63;font-size:13px}

.local-section{background:#131915;color:#fff}.local-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.local-grid .display{font-size:clamp(50px,5vw,76px)}
.local-copy p{color:#9ba49c;max-width:540px}.area-panel{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);padding:34px}.area-panel h3{font:800 30px "Barlow Condensed";text-transform:uppercase;margin:0 0 12px}.area-panel p{color:#a4ada5;font-size:14px}
.area-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:24px 0 8px;padding:0;list-style:none}.area-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.area-list li:before{content:"•";color:var(--green);margin-right:9px}
.route-note{display:block;margin-top:20px;color:#6f7a71;font-size:11px}

.faq-section{background:var(--paper)}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.faq-grid .display{font-size:clamp(50px,5vw,74px)}.faq-list{border-top:1px solid #cbc7bd}
.faq-item{border-bottom:1px solid #cbc7bd}.faq-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border:0;background:transparent;text-align:left;cursor:pointer;font:800 24px "Barlow Condensed";text-transform:uppercase;color:var(--ink)}
.faq-button span:last-child{color:var(--red);font-size:28px}.faq-answer{display:none;padding:0 45px 24px 0;color:#626a63;font-size:14px}.faq-item.open .faq-answer{display:block}

.quote-section{position:relative;padding:110px 0;background:linear-gradient(115deg,#0b0d0b,#111812);color:#fff;overflow:hidden}.quote-section:before{content:"NJ BUG NINJA";position:absolute;right:-25px;bottom:-35px;font:900 clamp(100px,16vw,250px) "Barlow Condensed";color:rgba(255,255,255,.018);white-space:nowrap}
.quote-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;gap:85px;align-items:start}.quote-copy .display{font-size:clamp(55px,5.9vw,84px)}.quote-copy>p:nth-of-type(2){color:#969f97;max-width:540px;font-size:14px}
.contact-direct{margin-top:40px;display:flex;flex-direction:column}.contact-direct span{color:#777f78;font-size:9px;letter-spacing:.2em;font-weight:800}.contact-direct a{font:900 43px "Barlow Condensed";color:var(--green)}
.quote-form{padding:34px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.quote-form label{display:block;margin-bottom:14px}.quote-form label>span{display:block;margin-bottom:7px;color:#aeb5af;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.13em}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid rgba(255,255,255,.15);outline:0;background:rgba(0,0,0,.28);color:#fff;padding:13px 14px;border-radius:0}.quote-form select option{color:#111}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(142,191,60,.08)}.quote-form textarea{resize:vertical}.btn-full{width:100%;margin-top:4px}.form-note{margin:11px 0 0;color:#788178;font-size:10px;text-align:center}

.page-hero{padding:170px 0 92px;background:linear-gradient(115deg,#090b0a,#111912);color:#fff}.page-hero .display{font-size:clamp(58px,7vw,96px);max-width:820px}.page-hero p{max-width:680px;color:#a7b0a8;font-size:17px}
.content-section{padding:85px 0}.content-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px}.content-grid h2{font:900 48px/.95 "Barlow Condensed";text-transform:uppercase;margin:0}.prose{max-width:760px}.prose h3{font:800 29px "Barlow Condensed";text-transform:uppercase;margin:34px 0 8px}.prose p,.prose li{color:#59615a;font-size:15px}.prose ul{padding-left:20px}
.callout{margin:32px 0;padding:26px;border-left:4px solid var(--red);background:#e9e4d9}.callout strong{font:800 24px "Barlow Condensed";text-transform:uppercase}
.cta-band{padding:72px 0;background:#111712;color:#fff}.cta-band .shell{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band h2{font:900 46px/.95 "Barlow Condensed";text-transform:uppercase;margin:0}.cta-band p{color:#9da69f;margin:8px 0 0}

.site-footer{background:#050605;color:#fff}.footer-top{min-height:126px;display:grid;grid-template-columns:1fr auto auto;gap:55px;align-items:center;border-bottom:1px solid rgba(255,255,255,.09)}
.footer-domain{color:#737b74;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800}.footer-contact{display:flex;flex-direction:column;align-items:flex-end}.footer-contact span{color:#737b74;text-transform:uppercase;font-size:8px;letter-spacing:.18em}.footer-contact a{font:800 25px "Barlow Condensed"}
.footer-bottom{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#677068;font-size:10px}.footer-links{display:flex;gap:18px}.mobile-call{display:none}

@media(max-width:980px){
  .primary-nav{position:fixed;inset:86px 0 auto;background:rgba(7,9,8,.99);padding:25px 24px 30px;flex-direction:column;align-items:flex-start;border-top:1px solid rgba(255,255,255,.07);transform:translateY(-140%);transition:transform .25s ease}.primary-nav.open{transform:none}.menu-toggle{display:block}
  .hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:90px}.hero-art{height:520px;max-width:650px;width:100%;justify-self:center}.campaign-note{display:none}
  .trust-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1}
  .split-feature{grid-template-columns:1fr}.split-copy{padding:80px 40px}.why-grid,.local-grid,.faq-grid,.quote-grid,.content-grid{grid-template-columns:1fr;gap:54px}
  .cta-band .shell{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
  .shell{width:min(calc(100% - 28px),var(--max))}.nav-wrap{min-height:72px}.site-header .brand img{width:45px;height:45px}.brand-copy strong{font-size:23px}.brand-copy small{font-size:7px}.primary-nav{inset:72px 0 auto}
  .hero{padding-top:72px}.hero-grid{min-height:0;gap:0}.hero-copy{padding:70px 0 15px}.hero .display{font-size:clamp(58px,18vw,84px)}.hero-lede{font-size:15px}.hero-actions .btn{width:100%}.hero-art{height:430px;transform:scale(.93);transform-origin:center bottom}
  .ninja-card{right:50%;transform:translateX(50%) scale(.84);transform-origin:bottom center}.moon{width:245px;height:245px;right:50%;transform:translateX(50%)}.pest-badge.a{right:4px}.pest-badge.b{left:0}.hero-stamp{right:3px;bottom:35px}
  .hero-bottom{padding:25px 0;align-items:flex-start;flex-direction:column}.brush-cta{font-size:30px}.trust-grid{grid-template-columns:1fr}.trust-grid>div,.trust-grid>div:first-child{border-left:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .section{padding:78px 0}.service-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.service-card{min-height:320px}.split-visual{min-height:500px}.house{transform:translateX(-50%) scale(.82)}.visual-copy{left:25px;bottom:25px}.visual-copy strong{font-size:43px}.split-copy{padding:70px 22px}
  .area-list{grid-template-columns:1fr}.faq-button{font-size:21px}.quote-section{padding:82px 0}.field-grid{grid-template-columns:1fr;gap:0}.quote-form{padding:22px 18px}
  .page-hero{padding:145px 0 75px}.page-hero .display{font-size:58px}.content-section{padding:65px 0}.content-grid h2{font-size:42px}
  .footer-top{grid-template-columns:1fr;gap:22px;padding:35px 0}.footer-contact{align-items:flex-start}.footer-bottom{padding:22px 0 85px;flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}
  .mobile-call{position:fixed;z-index:1200;left:12px;right:12px;bottom:12px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.4);text-transform:uppercase;font-size:9px;letter-spacing:.11em}.mobile-call strong{font:800 18px "Barlow Condensed"}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}

/* ===== V3 MOTION + GRAPHICS POLISH ===== */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-smooth:cubic-bezier(.45,0,.2,1)}

/* More intentional reveal system */
.reveal{transition:opacity .72s var(--ease-out),transform .72s var(--ease-out),filter .72s var(--ease-out);filter:blur(2px)}
.reveal.in-view{filter:blur(0)}
.reveal[data-reveal-delay="1"]{transition-delay:.08s}.reveal[data-reveal-delay="2"]{transition-delay:.16s}.reveal[data-reveal-delay="3"]{transition-delay:.24s}

/* Header / brand micro-motion */
.brand img{transition:transform .35s var(--ease-out),filter .35s ease}.brand:hover img{transform:rotate(-7deg) scale(1.06);filter:drop-shadow(0 0 12px rgba(213,31,37,.28))}
.nav-phone{transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.nav-phone:hover{background:rgba(142,191,60,.08);border-color:rgba(142,191,60,.58);box-shadow:0 0 0 3px rgba(142,191,60,.07)}

/* Hero scene depth */
.hero-art{--mx:0;--my:0;isolation:isolate}
.hero-art:before{content:"";position:absolute;inset:7% -5% 4% 3%;z-index:-2;background:radial-gradient(ellipse at 61% 57%,rgba(77,113,72,.20),transparent 52%);filter:blur(18px);animation:sceneGlow 7.5s ease-in-out infinite}
.hero-art:after{content:"";position:absolute;left:25%;right:0;bottom:3px;height:64px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.66),transparent 70%);filter:blur(9px);opacity:.8;animation:shadowBreath 4.8s ease-in-out infinite}
.moon{translate:calc(var(--mx)*10px) calc(var(--my)*8px);animation:moonPulse 7s ease-in-out infinite;will-change:transform,translate,filter}
.moon:after{content:"";position:absolute;inset:-26px;border-radius:50%;border:1px solid rgba(195,215,184,.08);box-shadow:0 0 45px rgba(177,206,158,.08);animation:moonHalo 6s ease-in-out infinite}
.mist{will-change:transform,opacity;mix-blend-mode:screen}.mist.a{animation:mistDriftA 13s ease-in-out infinite}.mist.b{animation:mistDriftB 16s ease-in-out infinite reverse}

/* Upgraded CSS ninja silhouette */
.ninja-card{translate:calc(var(--mx)*-7px) calc(var(--my)*-4px);animation:ninjaIdle 4.8s ease-in-out infinite;will-change:transform,translate}
.ninja-card:before{box-shadow:inset 25px 0 42px rgba(255,255,255,.025),inset -45px 0 52px rgba(0,0,0,.58);clip-path:polygon(18% 0,68% 1%,88% 12%,100% 38%,91% 100%,3% 100%,0 37%,8% 14%)}
.ninja-card:after{content:"";position:absolute;z-index:3;left:70px;top:192px;width:210px;height:115px;border-radius:48% 45% 35% 28%;background:linear-gradient(145deg,#1d231e 0,#0a0c0a 58%,#252e27 100%);transform:rotate(8deg);box-shadow:inset 14px 5px 16px rgba(255,255,255,.025),0 13px 22px rgba(0,0,0,.25)}
.ninja-head{animation:headPoise 5.2s ease-in-out infinite;overflow:visible;box-shadow:inset -28px -4px 40px rgba(0,0,0,.56),inset 16px 2px 24px rgba(255,255,255,.025),0 13px 24px rgba(0,0,0,.18)}
.ninja-head:after{content:"";position:absolute;z-index:3;left:24px;right:21px;top:63px;height:88px;border:13px solid #0d100e;border-left-width:18px;border-right-width:18px;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);pointer-events:none}
.hood-rim{position:absolute;z-index:6;left:17px;right:16px;top:58px;height:21px;border-radius:50%;border-top:3px solid rgba(255,255,255,.08);transform:rotate(-3deg);opacity:.8}
.eyes{z-index:7;animation:eyesScan 6.5s ease-in-out infinite}.eyes span{height:4px;box-shadow:0 0 11px rgba(240,240,225,.2);animation:blink 7.4s linear infinite}.eyes span:nth-child(2){animation-delay:.06s}
.scarf{filter:drop-shadow(0 10px 13px rgba(0,0,0,.22));animation:scarfBreath 4.8s ease-in-out infinite;transform-origin:48% 8%}
.scarf-tail{position:absolute;z-index:-1;right:-46px;top:8px;width:104px;height:38px;background:linear-gradient(90deg,#8e1116,#c71c22 70%,#6d0b0f);clip-path:polygon(0 23%,100% 0,78% 48%,100% 82%,20% 100%);transform-origin:left center;animation:scarfFlutter 3.6s ease-in-out infinite}
.arm{position:absolute;z-index:6;background:linear-gradient(100deg,#181d19,#070907 60%,#252c26);box-shadow:inset 8px 2px 10px rgba(255,255,255,.025),0 9px 17px rgba(0,0,0,.28)}
.arm-back{right:31px;top:244px;width:123px;height:42px;border-radius:24px;transform:rotate(61deg)}
.arm-front{left:62px;top:282px;width:153px;height:45px;border-radius:25px;transform:rotate(-20deg);animation:wandArm 4.8s ease-in-out infinite;transform-origin:85% 50%}
.glove{position:absolute;z-index:9;left:28px;top:321px;width:53px;height:38px;border-radius:48% 38% 45% 42%;background:linear-gradient(135deg,#171b18,#050605 70%);transform:rotate(-14deg);box-shadow:inset 7px 3px 7px rgba(255,255,255,.025)}
.glove:after{content:"";position:absolute;left:7px;top:7px;width:35px;height:3px;background:rgba(255,255,255,.08);box-shadow:0 7px rgba(255,255,255,.055),0 14px rgba(255,255,255,.04);transform:rotate(-5deg)}
.tank{box-shadow:inset 10px 0 14px rgba(255,255,255,.035),inset -12px 0 22px rgba(0,0,0,.32),0 16px 25px rgba(0,0,0,.26);animation:tankShift 4.8s ease-in-out infinite}
.tank span{animation:tankBadge 7s ease-in-out infinite}.hose{position:absolute;z-index:4;right:52px;bottom:130px;width:114px;height:92px;border:5px solid #252b26;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(15deg);opacity:.9}
.wand{height:7px;box-shadow:0 2px 3px rgba(0,0,0,.35);animation:wandSway 4.8s ease-in-out infinite}.wand:before{content:"";position:absolute;left:46px;top:-5px;width:62px;height:17px;border-radius:6px;background:linear-gradient(180deg,#202620,#090b09);transform:skewX(-18deg);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.wand:after{background:linear-gradient(90deg,#8c9386,#5d645a);box-shadow:-6px 0 9px rgba(255,255,255,.04)}

/* Fine sprayer mist instead of a static wand */
.spray-plume{position:absolute;z-index:5;left:-193px;bottom:127px;width:130px;height:86px;transform:rotate(-19deg);transform-origin:right center;pointer-events:none;opacity:.95}
.spray-plume:before{content:"";position:absolute;right:-9px;top:36px;width:122px;height:28px;background:linear-gradient(90deg,rgba(205,224,207,0),rgba(205,224,207,.10) 55%,rgba(205,224,207,.20));filter:blur(8px);clip-path:polygon(100% 38%,0 0,0 100%,100% 62%);animation:sprayCloud 4.9s ease-in-out infinite}
.spray-plume i{position:absolute;right:0;top:41px;width:4px;height:4px;border-radius:50%;background:rgba(224,235,226,.7);box-shadow:0 0 7px rgba(214,235,217,.35);animation:sprayDot 4.9s linear infinite;opacity:0}
.spray-plume i:nth-child(2){animation-delay:.12s;--dy:-18px;--dx:-112px}.spray-plume i:nth-child(3){animation-delay:.22s;--dy:18px;--dx:-124px}.spray-plume i:nth-child(4){animation-delay:.32s;--dy:-8px;--dx:-98px}.spray-plume i:nth-child(5){animation-delay:.43s;--dy:25px;--dx:-116px}.spray-plume i:nth-child(6){animation-delay:.55s;--dy:-27px;--dx:-128px}.spray-plume i:nth-child(7){animation-delay:.67s;--dy:8px;--dx:-106px}.spray-plume i:nth-child(8){animation-delay:.78s;--dy:-14px;--dx:-118px}.spray-plume i:nth-child(9){animation-delay:.9s;--dy:29px;--dx:-126px}
.spray-plume i:first-child{--dy:2px;--dx:-120px}

.ambient-specks{position:absolute;inset:55px 0 20px 0;z-index:1;pointer-events:none}.ambient-specks i{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(181,211,170,.45);box-shadow:0 0 8px rgba(181,211,170,.24);animation:speckFloat 8s ease-in-out infinite}
.ambient-specks i:nth-child(1){left:18%;top:28%;animation-delay:-1s}.ambient-specks i:nth-child(2){left:42%;top:9%;animation-delay:-3.4s}.ambient-specks i:nth-child(3){left:76%;top:32%;animation-delay:-5.1s}.ambient-specks i:nth-child(4){left:64%;top:72%;animation-delay:-2.1s}.ambient-specks i:nth-child(5){left:29%;top:62%;animation-delay:-6.3s}.ambient-specks i:nth-child(6){left:88%;top:56%;animation-delay:-4.2s}
.pest-badge{translate:calc(var(--mx)*14px) calc(var(--my)*10px);box-shadow:0 12px 24px rgba(0,0,0,.24);animation:badgeFloat 5.6s ease-in-out infinite}.pest-badge.b{animation-delay:-2.4s}.pest-badge:before{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(142,191,60,.12);animation:badgeRing 3.8s ease-out infinite}
.hero-stamp{animation:stampFloat 5.8s ease-in-out infinite;box-shadow:0 14px 28px rgba(0,0,0,.21)}

/* Cards and icon graphics */
.trust-grid>div{transition:background .28s ease,transform .28s var(--ease-out)}.trust-grid>div:hover{background:rgba(255,255,255,.025);transform:translateY(-2px)}
.trust-grid .icon{display:inline-grid;place-items:center;transform-origin:center;animation:iconBreathe 5s ease-in-out infinite}.trust-grid>div:nth-child(2) .icon{animation-delay:-1.1s}.trust-grid>div:nth-child(3) .icon{animation-delay:-2.2s}.trust-grid>div:nth-child(4) .icon{animation-delay:-3.3s}
.service-card{overflow:hidden}.service-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.15) 48%,transparent 74%);translate:-130% 0;transition:translate .7s var(--ease-out)}.service-card:hover:before{translate:130% 0}
.service-icon{position:relative;transition:transform .38s var(--ease-out),box-shadow .38s ease,background .38s ease}.service-icon:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid currentColor;opacity:0;transform:scale(.72);transition:.4s var(--ease-out)}.service-card:hover .service-icon{transform:translateY(-4px) rotate(-5deg) scale(1.05);box-shadow:0 10px 26px rgba(213,31,37,.11)}.service-card:hover .service-icon:after{opacity:.15;transform:scale(1)}.service-card.accent:hover .service-icon{box-shadow:0 10px 28px rgba(142,191,60,.12)}

/* Backyard scene animation */
.yard-glow{animation:yardGlow 5.8s ease-in-out infinite}.house{filter:drop-shadow(0 12px 24px rgba(0,0,0,.34))}.house span{animation:windowWarmth 6s ease-in-out infinite}.house span:nth-child(2){animation-delay:-2.2s}.house span:nth-child(3){animation-delay:-4.1s}
.firepit{animation:firepitGlow 2.1s ease-in-out infinite}.firepit:after{transform-origin:50% 100%;animation:flameFlicker .78s ease-in-out infinite alternate}.firepit:before{content:"";position:absolute;left:31px;top:-20px;width:3px;height:3px;border-radius:50%;background:#f6a33e;box-shadow:-8px -16px #e86d28,12px -24px #ffc35d,3px -36px rgba(255,195,93,.55);animation:emberRise 2.4s ease-out infinite}
.visual-copy strong{text-shadow:0 6px 18px rgba(0,0,0,.28)}

/* Benefits / local / FAQ motion cleanup */
.benefit{transition:padding-left .28s var(--ease-out),background .28s ease}.benefit:hover{padding-left:8px;background:rgba(255,255,255,.18)}
.local-section.section{padding:88px 0}.area-panel{position:relative;overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s ease}.area-panel:before{content:"";position:absolute;width:190px;height:190px;right:-70px;bottom:-70px;border-radius:50%;border:1px solid rgba(142,191,60,.14);box-shadow:0 0 0 25px rgba(142,191,60,.025),0 0 0 52px rgba(142,191,60,.012);animation:radarPulse 6s ease-in-out infinite}.area-panel:hover{transform:translateY(-4px);box-shadow:0 26px 55px rgba(0,0,0,.17)}
.area-list li{transition:color .2s ease,transform .22s var(--ease-out)}.area-list li:hover{color:#fff;transform:translateX(4px)}
.faq-section.section{padding:88px 0}.faq-button{transition:color .2s ease,padding-left .25s var(--ease-out)}.faq-button:hover{color:var(--red);padding-left:6px}.faq-button span:last-child{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;transition:transform .3s var(--ease-out),background .3s ease}.faq-item.open .faq-button span:last-child{transform:rotate(180deg);background:rgba(213,31,37,.07)}
.faq-answer{display:block;max-height:0;opacity:0;overflow:hidden;padding:0 45px 0 0;transform:translateY(-5px);transition:max-height .42s var(--ease-smooth),opacity .32s ease,transform .42s var(--ease-out),padding .42s var(--ease-smooth)}.faq-item.open .faq-answer{max-height:220px;opacity:1;transform:none;padding:0 45px 24px 0}

/* Quote section subtle living background */
.quote-section:after{content:"";position:absolute;inset:-30% -20%;pointer-events:none;background:radial-gradient(circle at 35% 45%,rgba(142,191,60,.055),transparent 22%),radial-gradient(circle at 72% 64%,rgba(213,31,37,.045),transparent 19%);animation:quoteAmbient 12s ease-in-out infinite alternate}.quote-grid{position:relative;z-index:2}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:-40%;bottom:-40%;width:35px;left:-60px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);transform:rotate(16deg);transition:left .55s var(--ease-out)}.btn:hover:after{left:calc(100% + 40px)}
.contact-direct a{display:inline-block;animation:phoneGlow 5.8s ease-in-out infinite}

/* Keyframes */
@keyframes sceneGlow{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes shadowBreath{0%,100%{transform:scaleX(.94);opacity:.66}50%{transform:scaleX(1.04);opacity:.86}}
@keyframes moonPulse{0%,100%{filter:brightness(.88);transform:scale(.985)}50%{filter:brightness(1.08);transform:scale(1.015)}}
@keyframes moonHalo{0%,100%{transform:scale(.96);opacity:.2}50%{transform:scale(1.06);opacity:.6}}
@keyframes mistDriftA{0%,100%{transform:translate3d(-12px,2px,0) rotate(-9deg);opacity:.35}50%{transform:translate3d(28px,-7px,0) rotate(-5deg);opacity:.68}}
@keyframes mistDriftB{0%,100%{transform:translate3d(15px,0,0) rotate(4deg);opacity:.28}50%{transform:translate3d(-24px,-10px,0) rotate(0);opacity:.55}}
@keyframes ninjaIdle{0%,100%{transform:translateY(0) rotate(-.15deg)}50%{transform:translateY(-5px) rotate(.3deg)}}
@keyframes headPoise{0%,100%{transform:rotate(-.5deg)}50%{transform:rotate(1deg) translateY(-1px)}}
@keyframes eyesScan{0%,18%,100%{transform:rotate(-4deg) translateX(0)}40%{transform:rotate(-4deg) translateX(3px)}62%{transform:rotate(-4deg) translateX(-2px)}}
@keyframes blink{0%,45%,47%,100%{transform:scaleY(1);opacity:1}46%{transform:scaleY(.15);opacity:.65}}
@keyframes scarfBreath{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(-1deg) scale(1.015)}}
@keyframes scarfFlutter{0%,100%{transform:rotate(2deg) skewY(-2deg)}35%{transform:rotate(-8deg) skewY(5deg)}70%{transform:rotate(5deg) skewY(-4deg)}}
@keyframes wandArm{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(-18.5deg)}}
@keyframes tankShift{0%,100%{transform:rotate(.4deg)}50%{transform:rotate(-.8deg) translateY(-2px)}}
@keyframes tankBadge{0%,100%{box-shadow:0 0 0 rgba(213,31,37,0)}50%{box-shadow:0 0 16px rgba(213,31,37,.16)}}
@keyframes wandSway{0%,100%{transform:rotate(-19deg)}50%{transform:rotate(-18.2deg) translateY(-1px)}}
@keyframes sprayCloud{0%,24%,100%{opacity:0;transform:scaleX(.4)}33%,56%{opacity:.9;transform:scaleX(1)}68%{opacity:0;transform:scaleX(1.06)}}
@keyframes sprayDot{0%,25%{opacity:0;transform:translate(0,0) scale(.5)}31%{opacity:.72}58%{opacity:.25;transform:translate(var(--dx,-120px),var(--dy,0)) scale(1.5)}65%,100%{opacity:0;transform:translate(calc(var(--dx,-120px)*1.08),calc(var(--dy,0)*1.25)) scale(.3)}}
@keyframes speckFloat{0%,100%{transform:translate(0,4px);opacity:.12}50%{transform:translate(11px,-13px);opacity:.55}}
@keyframes badgeFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes badgeRing{0%{transform:scale(.75);opacity:.32}75%,100%{transform:scale(1.2);opacity:0}}
@keyframes stampFloat{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-4px)}}
@keyframes iconBreathe{0%,100%{filter:drop-shadow(0 0 0 rgba(142,191,60,0));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(142,191,60,.22));transform:scale(1.04)}}
@keyframes yardGlow{0%,100%{opacity:.7;transform:translateX(-50%) scale(.94)}50%{opacity:1;transform:translateX(-50%) scale(1.04)}}
@keyframes windowWarmth{0%,100%{filter:brightness(.85)}50%{filter:brightness(1.18)}}
@keyframes firepitGlow{0%,100%{box-shadow:0 -12px 28px rgba(244,145,51,.20)}50%{box-shadow:0 -15px 40px rgba(244,145,51,.36)}}
@keyframes flameFlicker{0%{transform:scale(.92,1) rotate(-2deg)}100%{transform:scale(1.08,.92) rotate(3deg)}}
@keyframes emberRise{0%{transform:translateY(3px);opacity:0}18%{opacity:.9}100%{transform:translateY(-38px) translateX(7px);opacity:0}}
@keyframes radarPulse{0%,100%{transform:scale(.94);opacity:.35}50%{transform:scale(1.08);opacity:.7}}
@keyframes quoteAmbient{0%{transform:translate3d(-2%,1%,0) scale(1)}100%{transform:translate3d(2%,-1%,0) scale(1.05)}}
@keyframes phoneGlow{0%,100%{text-shadow:0 0 0 rgba(142,191,60,0)}50%{text-shadow:0 0 20px rgba(142,191,60,.18)}}

/* Performance + accessibility */
@media(max-width:640px){
  .spray-plume{left:-170px;transform:rotate(-19deg) scale(.82);transform-origin:right center}.ambient-specks{opacity:.65}.scarf-tail{right:-35px;width:80px}.arm-back{opacity:.7}
  .local-section.section,.faq-section.section{padding:72px 0}
}
@media(prefers-reduced-motion:reduce){
  .moon,.moon:after,.mist,.ninja-card,.ninja-head,.eyes,.eyes span,.scarf,.scarf-tail,.arm-front,.tank,.tank span,.wand,.spray-plume:before,.spray-plume i,.ambient-specks i,.pest-badge,.pest-badge:before,.hero-stamp,.trust-grid .icon,.yard-glow,.house span,.firepit,.firepit:before,.firepit:after,.area-panel:before,.quote-section:after,.contact-direct a{animation:none!important}
  .hero-art{--mx:0!important;--my:0!important}.spray-plume{display:none}.faq-answer{transition:none}
}

/* ===== V4 CINEMATIC ART PASS ===== */
/* The hero and process visuals now use production image assets, while retaining
   lightweight CSS motion for atmosphere and responsiveness. */

.campaign-note{opacity:.48;right:18px;letter-spacing:.22em}
.hero-cinematic{height:570px;overflow:visible;isolation:isolate}
.hero-cinematic:before,.hero-cinematic:after{display:none}
.hero-photo-frame{
  position:absolute;
  inset:54px -118px 48px -22px;
  overflow:hidden;
  background:#0a0d0b;
  box-shadow:0 34px 80px rgba(0,0,0,.28);
  transform:translate3d(calc(var(--mx)*-7px),calc(var(--my)*-4px),0);
  transition:transform .35s var(--ease-out);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 100%);
}
.hero-photo{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transform:scale(1.015);filter:saturate(.96) contrast(1.035) brightness(.96);
  animation:cinematicHeroDrift 14s ease-in-out infinite alternate;
  will-change:transform,filter;
}
.hero-photo-vignette{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(8,10,9,.8) 0,rgba(8,10,9,.18) 13%,transparent 34%),
    linear-gradient(0deg,rgba(8,10,9,.72) 0,transparent 25%),
    radial-gradient(circle at 55% 42%,transparent 36%,rgba(2,4,3,.25) 100%);
}
.hero-photo-haze{
  position:absolute;inset:-18% -12%;pointer-events:none;mix-blend-mode:screen;opacity:.5;
  background:
    radial-gradient(ellipse at 78% 68%,rgba(202,222,205,.15),transparent 24%),
    radial-gradient(ellipse at 42% 35%,rgba(142,191,60,.07),transparent 30%);
  filter:blur(16px);animation:photoHaze 9s ease-in-out infinite alternate;
}
.hero-photo-glints{position:absolute;inset:0;pointer-events:none}
.hero-photo-glints i{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(219,236,220,.6);box-shadow:0 0 8px rgba(219,236,220,.38);animation:photoSpeck 6s ease-in-out infinite}
.hero-photo-glints i:nth-child(1){left:42%;top:20%;animation-delay:-1s}.hero-photo-glints i:nth-child(2){left:71%;top:31%;animation-delay:-3s}.hero-photo-glints i:nth-child(3){left:87%;top:56%;animation-delay:-2s}.hero-photo-glints i:nth-child(4){left:61%;top:73%;animation-delay:-4s}.hero-photo-glints i:nth-child(5){left:30%;top:67%;animation-delay:-5s}

/* Process section: photographic outdoor-living scene */
.split-photo{min-height:640px;background:#0c110d}
.split-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:backyardPhotoDrift 18s ease-in-out infinite alternate;will-change:transform,filter}
.split-photo-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,8,6,.06) 0,transparent 58%,rgba(8,10,9,.72) 100%),linear-gradient(0deg,rgba(5,7,6,.26),transparent 35%)}
.split-photo-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.split-photo-sparks i{position:absolute;left:47%;bottom:26%;width:3px;height:3px;border-radius:50%;background:#ffc161;box-shadow:0 0 7px rgba(255,140,55,.7);opacity:0;animation:photoEmber 5.6s linear infinite}
.split-photo-sparks i:nth-child(2){left:50%;animation-delay:-1.1s}.split-photo-sparks i:nth-child(3){left:45%;animation-delay:-2.4s}.split-photo-sparks i:nth-child(4){left:53%;animation-delay:-3.2s}.split-photo-sparks i:nth-child(5){left:48%;animation-delay:-4.1s}.split-photo-sparks i:nth-child(6){left:51%;animation-delay:-4.9s}

/* Service-area section gains the NJ visual anchor shown in the design direction. */
.local-section.section{padding:82px 0;background:radial-gradient(circle at 78% 45%,rgba(37,64,38,.28),transparent 24%),#111712}
.local-grid{grid-template-columns:.72fr 1.28fr;gap:68px;align-items:center}
.local-copy p{font-size:15px;line-height:1.68}
.area-panel-map{display:grid;grid-template-columns:minmax(0,1fr) 218px;gap:28px;align-items:center;padding:30px 28px}
.area-panel-copy{min-width:0}.service-map{width:100%;max-width:220px;justify-self:end;filter:drop-shadow(0 0 28px rgba(142,191,60,.12));animation:mapBreath 6.5s ease-in-out infinite}
.area-list{margin-top:18px}.area-list li{font-size:12px}.route-note{line-height:1.55}

/* Type/readability finishing pass */
.section-head>p:last-child,.why-copy>p:last-child,.local-copy p{color:#58615a;font-size:15px}
.local-copy p{color:#a5aea6}
.service-card p{font-size:13.5px;line-height:1.6}.step p,.benefit p{font-size:13px;line-height:1.55}
.faq-grid>div>p{color:#5b635c;font-size:14px;max-width:390px}.faq-answer{font-size:14px;line-height:1.65}
.footer-bottom{font-size:10.5px;color:#737d74}.footer-domain{font-size:10.5px}.footer-contact span{font-size:9px}

/* Mockup-like compact FAQ / CTA transition */
.faq-section.section{padding:78px 0}.quote-section{padding:96px 0}.faq-button{padding:21px 0}

@keyframes cinematicHeroDrift{0%{transform:scale(1.015) translate3d(-.3%,0,0);filter:saturate(.94) contrast(1.03) brightness(.94)}100%{transform:scale(1.045) translate3d(.45%,-.35%,0);filter:saturate(1.01) contrast(1.05) brightness(1)}}
@keyframes photoHaze{0%{transform:translate3d(-1.5%,1%,0) scale(.98);opacity:.32}100%{transform:translate3d(2%,-1.5%,0) scale(1.04);opacity:.62}}
@keyframes photoSpeck{0%,100%{transform:translateY(4px) scale(.7);opacity:.12}50%{transform:translateY(-9px) scale(1.25);opacity:.68}}
@keyframes backyardPhotoDrift{0%{transform:scale(1.005);filter:brightness(.94) saturate(.98)}100%{transform:scale(1.035) translate3d(-.45%,-.35%,0);filter:brightness(1.01) saturate(1.03)}}
@keyframes photoEmber{0%{transform:translate3d(0,8px,0) scale(.7);opacity:0}15%{opacity:.9}70%{opacity:.45}100%{transform:translate3d(13px,-84px,0) scale(.15);opacity:0}}
@keyframes mapBreath{0%,100%{transform:scale(.985);filter:drop-shadow(0 0 20px rgba(142,191,60,.10))}50%{transform:scale(1.018);filter:drop-shadow(0 0 34px rgba(142,191,60,.23))}}

@media(max-width:1100px){
  .hero-photo-frame{inset:70px -54px 65px 0}
  .area-panel-map{grid-template-columns:1fr 180px}.service-map{max-width:180px}
}
@media(max-width:980px){
  .hero-cinematic{height:480px;max-width:760px}.hero-photo-frame{inset:22px -25px 35px -25px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
  .local-grid{grid-template-columns:1fr}.area-panel-map{grid-template-columns:1fr 220px}
}
@media(max-width:640px){
  .campaign-note{display:none}.hero-cinematic{height:330px;transform:none}.hero-photo-frame{inset:15px -38px 18px -38px}.hero-photo{object-position:52% center}
  .split-photo{min-height:410px}.split-photo img{object-position:center}.split-photo-shade{background:linear-gradient(0deg,rgba(5,7,6,.22),transparent 40%)}
  .area-panel-map{grid-template-columns:1fr;padding:24px 20px}.service-map{max-width:210px;justify-self:center}.local-section.section,.faq-section.section{padding:68px 0}.quote-section{padding:76px 0}
  .service-card p,.step p,.benefit p,.faq-answer{font-size:13.5px}.footer-bottom{font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){
  .hero-photo,.hero-photo-haze,.hero-photo-glints i,.split-photo img,.split-photo-sparks i,.service-map{animation:none!important}
}
