:root{
  --accent:#6aa84f; /* soft green */
  --accent-dark:#3e6d2a; /* deeper green */
  --bg:#fbf7f0; /* warm cream */
  --card:#ffffff;
  --muted:#6b6b6b;
  --text:#163421; /* deep green text */
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:var(--text);
  background:linear-gradient(180deg,var(--bg),#f3f6f2);
  line-height:1.5;
}

.site-header{
  padding:1rem 1.25rem;
  background:transparent;
  position:sticky;
  top:0;
  z-index:30;
}
.header-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.site-title{margin:0;font-size:1.35rem;font-family:Merriweather,serif;color:var(--text)}
.site-tag{margin:0;color:var(--muted);font-size:0.95rem}

.hero{
  min-height:64vh;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--card);
  text-align:center;
  background-color:var(--accent);
  background-image:linear-gradient(rgba(10,20,10,0.25),rgba(10,20,10,0.25)), url('stock-images/lettuce.jpg');
  background-size:cover;
  background-position:center;
  border-bottom-left-radius:28px;
  border-bottom-right-radius:28px;
  box-shadow:0 6px 18px rgba(22,52,33,0.12);
}
.hero-overlay{padding:3rem;max-width:900px}
.hero h2{font-size:2.2rem;margin:0 0 .5rem;font-family:Merriweather,serif}
.hero p{margin:0 0 1rem;color:rgba(255,255,255,0.95)}
.hero .cta{background:rgba(255,255,255,0.96);color:var(--accent-dark);padding:.8rem 1.4rem;border-radius:999px;font-weight:600;text-decoration:none}
.hero .cta:hover{transform:translateY(-2px)}

main{max-width:1000px;margin:2rem auto;padding:0 1rem}
section{margin-bottom:2rem}
h3{margin-top:0}
.card{background:var(--card);padding:1rem;border-radius:12px;box-shadow:0 4px 10px rgba(14,30,20,0.06)}
.produce ul{padding-left:1.2rem}
.subscribe form{display:grid;grid-template-columns:1fr;gap:.6rem;max-width:520px}
label{font-size:.95rem;color:var(--muted)}
input{padding:.7rem;border:1px solid #e6e6e6;border-radius:10px}
button{background:var(--accent-dark);color:white;border:0;padding:.85rem;border-radius:10px;cursor:pointer}
button:hover{background:#35561e}

.site-footer{background:transparent;padding:1.5rem;text-align:center;color:var(--muted)}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

@media(min-width:700px){
  .hero h2{font-size:3rem}
  .subscribe form{grid-template-columns:1fr 1fr}
  .subscribe button{grid-column:span 2}
}