/* Visual polish pass for Wayne's Land Cleaning + Lawn Care */
:root{
  --polish-forest:#0b241d;
  --polish-forest-2:#17382e;
  --polish-sage:#e7eee8;
  --polish-cream:#f6f3ea;
  --polish-soft:#f1efe8;
  --polish-charcoal:#151a17;
  --polish-gold:#f2b21a;
}

body{background:var(--polish-cream)}

/* Stronger rhythm between sections */
#services{background:var(--polish-cream)}
#service-area{
  background:
    radial-gradient(circle at 12% 18%,rgba(11,36,29,.06),transparent 28%),
    radial-gradient(circle at 88% 75%,rgba(242,178,26,.08),transparent 26%),
    linear-gradient(180deg,#edf3ee 0%,var(--polish-sage) 100%);
  position:relative;
}
#work{background:#fff}
#process{background:var(--polish-soft)}
#why{background:linear-gradient(135deg,#071b16 0%,#123128 56%,#17382e 100%)}
#quote{background:linear-gradient(145deg,#10251f 0%,#182f27 100%)}
#about{background:#f8f6f0}

/* Section headings */
.section-heading h2{letter-spacing:-.025em}
.section-heading .eyebrow{color:#8b6500}
#why .section-heading .eyebrow,#quote .section-heading .eyebrow{color:var(--polish-gold)}

/* Service cards: cleaner and more premium */
#services .service-card{
  border:1px solid rgba(11,36,29,.08);
  border-bottom:0;
  border-radius:22px;
  box-shadow:0 8px 22px rgba(11,36,29,.07);
  transition:transform .2s ease,box-shadow .2s ease;
}
#services .service-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 38px rgba(11,36,29,.13);
}
#services .service-card img{height:220px;border-bottom:0;filter:saturate(.95) contrast(1.03)}
#services .service-card .pad{position:relative;border-top:4px solid var(--polish-gold);background:#fff}
#services .service-card h3{font-size:1.23rem;color:var(--polish-forest)}

/* Where we work becomes a feature instead of another plain card row */
#service-area .section-heading{max-width:880px}
#service-area .section-heading h2{color:var(--polish-forest)}
#service-area .service-area-grid{max-width:980px;gap:18px}
#service-area .area-card{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(4px);
  border:1px solid rgba(11,36,29,.09);
  border-radius:22px;
  box-shadow:0 7px 20px rgba(11,36,29,.06);
  padding:28px 26px;
}
#service-area .area-icon{
  width:70px;height:70px;
  background:var(--polish-forest);
  border-color:var(--polish-gold);
  box-shadow:0 8px 18px rgba(11,36,29,.16);
}
#service-area .area-fineprint{
  background:rgba(255,255,255,.56);
  border:1px solid rgba(11,36,29,.08);
  border-radius:14px;
  padding:13px 18px;
}

/* Recent Work: let photos carry the section */
#work .work-grid figure{
  border-radius:20px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
#work .work-grid figure::after{
  content:"";
  position:absolute;
  inset:45% 0 0;
  background:linear-gradient(180deg,transparent,rgba(4,20,15,.70));
  pointer-events:none;
  z-index:1;
}
#work .work-grid figcaption{
  z-index:2;
  background:transparent;
  padding:0;
  left:18px;
  bottom:17px;
  font-size:1rem;
  text-shadow:0 2px 10px rgba(0,0,0,.55);
  backdrop-filter:none;
}

/* How It Works: more like a real process timeline */
#process .process-step{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(11,36,29,.08);
  border-top:4px solid var(--polish-gold);
  border-radius:20px;
  box-shadow:0 6px 18px rgba(11,36,29,.05);
}
#process .step-num{
  width:48px;height:48px;
  box-shadow:0 7px 16px rgba(11,36,29,.12);
}
#process .process-step h3{color:var(--polish-forest)}

/* Why Wayne's: flatter cards with clearer hierarchy */
#why .why-card{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:none;
  border-radius:18px;
}
#why .why-card h3{color:#fff}
#why .why-icon{box-shadow:0 6px 18px rgba(0,0,0,.18)}

/* Quote section remains prominent but distinct from Why Wayne's */
#quote .quote-form,#quote .map-wrap{
  border-radius:22px;
  box-shadow:0 16px 42px rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.05);
}
#quote .quote-form input,#quote .quote-form select,#quote .quote-form textarea{border-color:#d8dfda;background:#fbfcfa}
#quote .estimate-box{background:#edf3ee;border-left-color:var(--polish-gold)}

/* About section */
#about .split{
  background:linear-gradient(135deg,#10231d,#172e26);
  border-radius:24px;
  box-shadow:0 14px 34px rgba(11,36,29,.12);
}

/* Lawn Care: same design language, blue/charcoal identity */
#lawnPage{background:#eef2f6}
#lawnPage .lc-section:nth-of-type(2){background:#f4f7fa}
#lawnPage .lc-service{
  border-radius:20px;
  border:1px solid #d8e0e8;
  box-shadow:0 8px 22px rgba(19,38,58,.07);
  transition:transform .2s ease,box-shadow .2s ease;
}
#lawnPage .lc-service:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(19,38,58,.12)}
#lawnPage .lc-service::before{border-bottom:4px solid #1677ff}
#lawnPage .lc-quote{background:linear-gradient(145deg,#0b1017,#141d28)}
#lawnPage .lc-form{border-radius:22px;box-shadow:0 18px 44px rgba(0,0,0,.22)}

/* Slightly refined buttons */
.btn,.lc-btn,.lc-submit{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover,.lc-btn:hover,.lc-submit:hover{transform:translateY(-1px)}
.btn-gold{box-shadow:0 6px 14px rgba(242,178,26,.16)}

@media(max-width:700px){
  #services .service-card img{height:185px}
  #service-area .area-card{padding:23px 20px}
  #work .work-grid figcaption{left:15px;bottom:14px}
}