:root{
  --green:#63c43b;
  --dark:#07170d;
  --mid:#12351f;
  --light:#f5fff1;
  --text:#132016;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#f8fbf6}
.hero{
  min-height:680px;
  background:
    linear-gradient(90deg, rgba(7,23,13,.96), rgba(7,23,13,.86), rgba(7,23,13,.35)),
    url("https://images.unsplash.com/photo-1560749003-f4b1e17e2e67?auto=format&fit=crop&w=1800&q=80");
  background-size:cover;
  background-position:center;
  color:white;
}
nav{display:flex;justify-content:space-between;align-items:center;padding:24px clamp(18px,5vw,70px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:28px}
.brand img{width:58px;height:58px;border-radius:14px}
.nav-cta,.button{border-radius:999px;text-decoration:none;font-weight:800}
.nav-cta{background:var(--green);color:#061109;padding:12px 18px}
.hero-content{max-width:780px;padding:110px clamp(18px,5vw,70px)}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--green);font-weight:900}
h1{font-size:clamp(44px,8vw,82px);line-height:.95;margin:12px 0}
.subtext{font-size:22px;max-width:650px;color:#e9ffe5}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-block;padding:16px 24px}
.primary{background:var(--green);color:#061109}
.secondary{border:2px solid white;color:white}
main{max-width:1120px;margin:-70px auto 0;padding:0 18px 60px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards article,.pricing,.eco,.quote{background:white;border-radius:26px;box-shadow:0 16px 40px rgba(0,0,0,.10);padding:28px}
.cards h3{font-size:24px;margin:0 0 8px}
.pricing,.eco,.quote{margin-top:22px}
h2{font-size:36px;margin:0 0 14px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.price-grid div{background:var(--light);border:1px solid #d7efce;border-radius:20px;padding:22px;text-align:center}
.price-grid strong{display:block;font-size:42px;color:#1b7d33}
.price-grid span{font-weight:700}
.eco{background:linear-gradient(135deg,#0c2414,#174326);color:white}
.eco p{color:#eaffdf}
.quote{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:start}
form{display:grid;gap:14px}
label{font-weight:800}
input,select,textarea{width:100%;margin-top:7px;border:1px solid #cfd8cc;border-radius:14px;padding:14px;font:inherit}
button{border:0;border-radius:999px;background:var(--green);font-weight:900;font-size:17px;padding:16px;cursor:pointer}
footer{text-align:center;padding:35px;color:#46614a}
footer img{width:70px;border-radius:18px}
@media(max-width:800px){
  .cards,.price-grid,.quote{grid-template-columns:1fr}
  .hero{min-height:620px}
}