:root{
    --green:#1C6606;
    --green-hover:#165104;
    --green-deep:#124203;
    --tint:#E8EFE6;
    --tint-soft:#F3F7F2;
    --ink:#1F2421;
    --ink-mid:#5B645E;
    --line:#DCE1DD;
    --bg:#F7F8F6;
    --white:#FFFFFF;
    --radius:10px;
    --radius-sm:6px;
    --serif:'Fraunces', Georgia, serif;
    --sans:'Public Sans', -apple-system, Segoe UI, sans-serif;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family: var(--sans);
    color: var(--ink);
    background: var(--bg);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  h1,h2,h3{font-family: var(--serif); font-weight:600; line-height:1.12; letter-spacing:-0.01em;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
  .eyebrow{
    font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
    color: var(--green); margin-bottom:10px; display:flex; align-items:center; gap:8px;
  }
  .eyebrow::before{content:""; width:18px; height:2px; background:var(--green); display:inline-block;}
  section{padding:88px 0;}
  @media(max-width:720px){ section{padding:56px 0;} }

  /* Skip link */
  .skip-link{position:absolute; left:-999px; top:0; background:var(--green); color:#fff; padding:10px 16px; z-index:999;}
  .skip-link:focus{left:12px; top:12px;}

  /* Top bar */
  .topbar{background:var(--green-deep); color:#fff; font-size:13.5px;}
  .topbar .wrap{display:flex; justify-content:space-between; align-items:center; padding-top:8px; padding-bottom:8px; gap:16px; flex-wrap:wrap;}
  .topbar a{opacity:.95;}
  .topbar .actions{display:flex; gap:18px;}
  .topbar .actions a:hover{text-decoration:underline;}

  /* Header */
  header.site{
    background:var(--white); border-bottom:1px solid var(--line);
    position:sticky; top:0; z-index:50;
  }
  header.site .wrap{display:flex; align-items:center; justify-content:space-between; padding-top:14px; padding-bottom:14px;}
  .logo img{height:44px; width:auto;}
  nav.primary{display:flex; gap:30px; font-weight:600; font-size:14.5px;}
  nav.primary a{color:var(--ink); position:relative; padding:4px 0;}
  nav.primary a:hover{color:var(--green);}
  .header-actions{display:flex; align-items:center; gap:18px;}
  .phone-link{font-weight:700; font-size:14.5px; color:var(--ink);}
  .btn{
    display:inline-block; padding:12px 22px; border-radius:var(--radius-sm);
    font-weight:700; font-size:14.5px; cursor:pointer; border:2px solid transparent;
    transition: all .15s ease;
  }
  .btn-primary{background:var(--green); color:#fff;}
  .btn-primary:hover{background:var(--green-hover);}
  .btn-outline{background:transparent; color:var(--ink); border-color:var(--line);}
  .btn-outline:hover{border-color:var(--green); color:var(--green);}
  .btn-ghost-white{background:transparent; color:#fff; border-color:rgba(255,255,255,.5);}
  .btn-ghost-white:hover{border-color:#fff;}
  .mobile-toggle{display:none;}

  /* Hero */
  .hero{
    position:relative; min-height:640px; display:flex; align-items:flex-end;
    background: linear-gradient(180deg, rgba(18,66,3,.15), rgba(15,26,12,.78)), url('images/web-44584E20.jpg') center 20% / cover no-repeat;
  }
  .hero-inner{padding:70px 0 60px; color:#fff; max-width:680px;}
  .hero .eyebrow{color:#CFE8C6;}
  .hero .eyebrow::before{background:#CFE8C6;}
  .hero h1{font-size:clamp(34px, 4.6vw, 54px); color:#fff; margin-bottom:18px;}
  .hero p.sub{font-size:18px; color:#EAEFE7; max-width:560px; margin-bottom:30px;}
  .hero-ctas{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:26px;}
  .hero-link{font-size:14.5px; font-weight:600; color:#DDEFD4; text-decoration:underline; text-underline-offset:3px;}
  .trust-row{display:flex; gap:22px; flex-wrap:wrap; font-size:13.5px; font-weight:600; color:#fff; padding-top:22px; border-top:1px solid rgba(255,255,255,.25);}
  .trust-row span{display:flex; align-items:center; gap:7px;}
  .dot{width:5px; height:5px; border-radius:50%; background:#9FDB86;}

  /* Pillars */
  .pillars{background:var(--white);}
  .pillars-head{max-width:640px; margin-bottom:44px;}
  .pillars-head h2{font-size:clamp(26px,3vw,36px);}
  .pillar-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .pillar-card{
    border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#fff;
    transition: box-shadow .2s ease, transform .2s ease;
  }
  .pillar-card:hover{box-shadow:0 14px 30px rgba(18,66,3,.10); transform:translateY(-2px);}
  .pillar-img{height:220px; overflow:hidden;}
  .pillar-img img{width:100%; height:100%; object-fit:cover;}
  .pillar-body{padding:24px;}
  .pillar-body h3{font-size:20px; margin-bottom:10px;}
  .pillar-body p{color:var(--ink-mid); font-size:14.5px; margin-bottom:16px;}
  .pillar-body .link{font-weight:700; font-size:14px; color:var(--green);}
  .pillar-body .link:hover{text-decoration:underline;}

  /* Story */
  .story{background:var(--tint-soft);}
  .story .grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
  .story-img{border-radius:var(--radius); overflow:hidden;}
  .story h2{font-size:clamp(26px,3vw,34px); margin-bottom:18px;}
  .story p{color:var(--ink-mid); margin-bottom:14px; font-size:15.5px;}
  .story .link-cta{font-weight:700; color:var(--green); font-size:14.5px;}

  /* Services grid */
  .services{background:var(--white);}
  .services-head{max-width:600px; margin:0 auto 44px; text-align:center;}
  .services-head h2{font-size:clamp(26px,3vw,34px);}
  .svc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
  .svc-card{border:1px solid var(--line); border-radius:var(--radius); padding:26px; background:var(--bg);}
  .svc-card h3{font-family:var(--sans); font-size:16.5px; font-weight:800; margin-bottom:10px; color:var(--ink);}
  .svc-card p{font-size:14px; color:var(--ink-mid);}

  /* B2B */
  .b2b{background:var(--green-deep); color:#fff;}
  .b2b .grid{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center;}
  .b2b .eyebrow{color:#B7DDA6;}
  .b2b .eyebrow::before{background:#B7DDA6;}
  .b2b h2{color:#fff; font-size:clamp(26px,3vw,34px); margin-bottom:18px;}
  .b2b p{color:#D7E6D0; font-size:15.5px; margin-bottom:26px;}
  .b2b-img{border-radius:var(--radius); overflow:hidden;}

  /* Why */
  .why{background:var(--white);}
  .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px 24px;}
  .why-item .num{font-family:var(--serif); font-size:14px; color:var(--green); font-weight:700; margin-bottom:10px;}
  .why-item h3{font-family:var(--sans); font-size:16.5px; font-weight:800; margin-bottom:8px;}
  .why-item p{font-size:14px; color:var(--ink-mid);}

  /* How it works */
  .how{background:var(--tint);}
  .how-head{max-width:600px; margin-bottom:40px;}
  .how-head h2{font-size:clamp(26px,3vw,34px);}
  .how-cols{display:grid; grid-template-columns:1fr 1fr; gap:40px;}
  .how-col h4{font-family:var(--sans); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--green); margin-bottom:18px;}
  .step{display:flex; gap:14px; margin-bottom:18px;}
  .step-num{
    width:28px; height:28px; border-radius:50%; background:var(--white); border:2px solid var(--green);
    color:var(--green); font-weight:800; font-size:13px; display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .step p{font-size:14.5px; padding-top:3px;}

  /* Team */
  .team{background:var(--white);}
  .team .grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:center;}
  .team-img{border-radius:var(--radius); overflow:hidden;}
  .team h2{font-size:clamp(26px,3vw,34px); margin-bottom:18px;}
  .team p{color:var(--ink-mid); font-size:15.5px; margin-bottom:14px;}
  .badge-row{display:flex; gap:10px; flex-wrap:wrap; margin-top:20px;}
  .pill{background:var(--tint); color:var(--green-deep); font-size:12.5px; font-weight:700; padding:7px 14px; border-radius:999px;}

  /* Reviews placeholder */
  .reviews{background:var(--tint-soft); text-align:center;}
  .reviews h2{font-size:clamp(26px,3vw,32px); margin-bottom:14px;}
  .reviews-note{
    max-width:560px; margin:0 auto; background:#fff; border:1px dashed var(--line);
    border-radius:var(--radius); padding:32px; color:var(--ink-mid); font-size:15px;
  }

  /* Service area */
  .area{background:var(--white);}
  .area .grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
  .area h2{font-size:clamp(26px,3vw,34px); margin-bottom:16px;}
  .area p{color:var(--ink-mid); font-size:15.5px; margin-bottom:10px;}
  .map-box{
    aspect-ratio:4/3; background:var(--tint); border-radius:var(--radius);
    display:flex; align-items:center; justify-content:center; color:var(--green-deep);
    font-weight:700; font-size:14px; text-align:center; padding:24px; border:1px solid var(--line);
  }

  /* FAQ */
  .faq{background:var(--tint);}
  .faq-head{max-width:600px; margin-bottom:36px;}
  .faq-head h2{font-size:clamp(26px,3vw,34px);}
  .faq-item{background:#fff; border:1px solid var(--line); border-radius:var(--radius-sm); margin-bottom:12px; overflow:hidden;}
  .faq-q{
    width:100%; text-align:left; background:none; border:none; padding:18px 22px; font-weight:700;
    font-size:15px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; color:var(--ink);
    font-family:var(--sans);
  }
  .faq-q:focus-visible{outline:2px solid var(--green); outline-offset:-2px;}
  .faq-a{padding:0 22px 18px; font-size:14.5px; color:var(--ink-mid); display:none;}
  .faq-item.open .faq-a{display:block;}
  .faq-icon{font-size:20px; color:var(--green); font-weight:400;}

  /* Final CTA */
  .final-cta{background:var(--green); color:#fff; text-align:center;}
  .final-cta h2{color:#fff; font-size:clamp(28px,3.6vw,40px); margin-bottom:16px;}
  .final-cta p{color:#DCEFD3; font-size:16px; max-width:520px; margin:0 auto 30px;}
  .final-cta .ctas{display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-bottom:22px;}
  .final-cta .btn-primary{background:#fff; color:var(--green);}
  .final-cta .btn-primary:hover{background:#EFF7EC;}
  .final-cta .secondary-line{font-size:14px; color:#CFE8C6;}
  .final-cta .secondary-line a{text-decoration:underline; font-weight:700; color:#fff;}

  /* Footer */
  footer{background:var(--ink); color:#C9CFC9; padding:64px 0 28px;}
  .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:40px;}
  .footer-logo img{height:36px; margin-bottom:14px;}
  .footer-grid h5{color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:16px;}
  .footer-grid ul{list-style:none;}
  .footer-grid li{margin-bottom:10px; font-size:14px;}
  .footer-grid a:hover{color:#fff;}
  .footer-bottom{border-top:1px solid #333; padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px;}

  /* Mobile bottom bar */
  .mobile-bar{display:none;}

  @media(max-width:900px){
    nav.primary{display:none;}
    .header-actions .phone-link{display:none;}
    .pillar-grid{grid-template-columns:1fr;}
    .svc-grid{grid-template-columns:1fr 1fr;}
    .story .grid, .b2b .grid, .team .grid, .area .grid{grid-template-columns:1fr; gap:32px;}
    .story-img{order:-1;}
    .why-grid{grid-template-columns:1fr 1fr;}
    .how-cols{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr; gap:32px;}
  }
  @media(max-width:600px){
    .svc-grid{grid-template-columns:1fr;}
    .why-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
    .hero{min-height:560px;}
    .hero-ctas .btn{width:100%; text-align:center;}
    .mobile-bar{
      display:flex; position:fixed; bottom:0; left:0; right:0; z-index:60;
      background:#fff; border-top:1px solid var(--line); box-shadow:0 -6px 18px rgba(0,0,0,.06);
    }
    .mobile-bar a{
      flex:1; text-align:center; padding:14px 0; font-weight:800; font-size:14px;
    }
    .mobile-bar a.text-link{color:var(--ink); border-right:1px solid var(--line);}
    .mobile-bar a.quote-link{background:var(--green); color:#fff;}
    body{padding-bottom:58px;}
  }

/* ===== Inner-page additions ===== */
.page-hero{
  background: linear-gradient(180deg, rgba(18,66,3,.55), rgba(15,26,12,.82)), var(--hero-img) center / cover no-repeat;
  color:#fff; padding:90px 0 70px;
}
.page-hero .eyebrow{color:#CFE8C6;}
.page-hero .eyebrow::before{background:#CFE8C6;}
.page-hero h1{color:#fff; font-size:clamp(30px,4vw,46px); max-width:760px; margin-bottom:16px;}
.page-hero p{color:#EAEFE7; font-size:17px; max-width:640px;}
.breadcrumb{font-size:12.5px; color:#CFE8C6; margin-bottom:14px;}
.breadcrumb a{text-decoration:underline;}

.content-block{max-width:760px;}
.content-block p{color:var(--ink-mid); font-size:15.5px; margin-bottom:16px;}
.content-block h2{font-size:clamp(24px,2.6vw,30px); margin:8px 0 16px;}

.two-col{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start;}
@media(max-width:800px){ .two-col{grid-template-columns:1fr;} }

.check-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:12px;}
@media(max-width:900px){ .check-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:560px){ .check-grid{grid-template-columns:1fr;} }
.check-card{background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:22px;}
.check-card h4{font-size:15px; font-weight:800; margin-bottom:12px; color:var(--green-deep);}
.check-card ul{list-style:none; font-size:13.5px; color:var(--ink-mid);}
.check-card li{margin-bottom:8px; padding-left:20px; position:relative;}
.check-card li::before{content:"✓"; position:absolute; left:0; color:var(--green); font-weight:800;}
.note-box{
  background:var(--tint-soft); border:1px solid var(--line); border-radius:var(--radius);
  padding:20px 24px; font-size:14px; color:var(--ink-mid); margin-top:20px;
}
.note-box strong{color:var(--ink);}

.form-card{background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:32px;}
.form-row{margin-bottom:18px;}
.form-row label{display:block; font-size:13.5px; font-weight:700; margin-bottom:7px; color:var(--ink);}
.form-row .opt{font-weight:400; color:var(--ink-mid); font-size:12.5px;}
.form-row input, .form-row select, .form-row textarea{
  width:100%; padding:11px 14px; border:1px solid var(--line); border-radius:var(--radius-sm);
  font-family:var(--sans); font-size:14.5px; background:var(--bg); color:var(--ink);
}
.form-row input:focus, .form-row select:focus, .form-row textarea:focus{outline:2px solid var(--green); outline-offset:1px; background:#fff;}
.form-grid-2{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
@media(max-width:600px){ .form-grid-2{grid-template-columns:1fr;} }
.submit-btn{width:100%; padding:14px; font-size:15px;}

.iframe-wrap{
  border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#fff;
  min-height:640px; position:relative;
}
.iframe-wrap iframe{width:100%; height:900px; border:none; display:block;}
.iframe-loading{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  color:var(--ink-mid); font-size:14px; background:var(--bg);
}

.review-card{background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:24px;}
.review-stars{color:#E5A100; font-size:14px; margin-bottom:10px; letter-spacing:1px;}
.review-card p{font-size:14.5px; color:var(--ink); margin-bottom:14px;}
.review-meta{font-size:13px; font-weight:700; color:var(--ink-mid);}
.review-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
@media(max-width:800px){ .review-grid{grid-template-columns:1fr;} }
.review-source{font-size:12px; color:var(--green); font-weight:700; text-transform:uppercase; letter-spacing:.06em; margin-top:6px; display:block;}

.gallery-filters{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:28px;}
.gfilter{
  padding:9px 18px; border-radius:999px; border:1px solid var(--line); background:#fff;
  font-size:13.5px; font-weight:700; cursor:pointer; color:var(--ink-mid);
}
.gfilter.active, .gfilter:hover{border-color:var(--green); color:var(--green);}
.gallery-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
@media(max-width:800px){ .gallery-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:520px){ .gallery-grid{grid-template-columns:1fr;} }
.gallery-item{border-radius:var(--radius); overflow:hidden; aspect-ratio:4/3; border:1px solid var(--line);}
.gallery-item img{width:100%; height:100%; object-fit:cover;}
.gallery-item.hide{display:none;}

.info-grid{display:grid; grid-template-columns:1fr 1fr; gap:40px;}
@media(max-width:800px){ .info-grid{grid-template-columns:1fr;} }
.info-list{list-style:none;}
.info-list li{display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--line); font-size:14.5px;}
.info-list li:last-child{border-bottom:none;}
.info-list .label{font-weight:700; min-width:110px; color:var(--ink-mid); font-size:13px; text-transform:uppercase; letter-spacing:.04em;}

.simple-cta{background:var(--tint-soft); border-radius:var(--radius); padding:40px; text-align:center; margin-top:40px;}
.simple-cta h3{font-size:20px; margin-bottom:14px;}

.thankyou{text-align:center; padding:110px 0 90px;}
.thankyou h1{font-size:clamp(28px,4vw,40px); margin-bottom:16px;}
.thankyou p{color:var(--ink-mid); font-size:16px; max-width:520px; margin:0 auto 30px;}
.thankyou .links{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}