:root {
  --green:#49A333;
  --green-dark:#5f8e27;
  --yellow:#d1cc2e;
  --text:#1a1f13;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Be Vietnam Pro',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);line-height:1.65}
img{max-width:100%;display:block}
.container{width:min(1120px,92%);margin-inline:auto}
.center{text-align:center}

/* HERO */
.hero{position:relative;height:540px}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__overlay{position:absolute;inset:0;background:rgba(0,0,0,.3)}
.brand{position:absolute;left:18px;top:14px;display:inline-flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(255,255,255,.9);border-radius:4px}
.brand img{height:60px}
.hotline{position:absolute;right:18px;top:24px;background:var(--green);color:#fff;text-decoration:none;padding:10px 22px;border-radius:40px;font-weight:700;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.hotline b{letter-spacing:.3px}

/* HERO container */
.hero .container{
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start; 
  padding-left:40px;         
}

/* Lead Form */
.leadbox{
  width:340px;background:var(--green-dark);color:#fff;border-radius:4px;
  padding:18px 18px 16px;box-shadow:0 16px 34px rgba(0,0,0,.35);text-align:center;
}
.leadbox h3{margin:0 0 10px;line-height:1.25;font-weight:800}
.bullets{margin:0 auto 12px;padding:0;display:inline-block;text-align:left}
.bullets li{
  margin:6px 0;
  list-style:none;
  position:relative;
  padding-left:20px;
  font-style: italic; 
}
.bullets li::before{content:'✔';position:absolute;left:0;top:0;color:#fff;font-weight:800;opacity:.9}
.field{margin:8px 0}
.leadbox input{
  width:100%;
  border:1px solid rgba(255,255,255,.4);
  border-radius:2px;
  padding:12px 10px;
  font-size:15px;
  color:#fff;             
  background:transparent; 
}
.leadbox input::placeholder{
  color:rgba(255,255,255,.7); 
}
.btn-cta{
  display:inline-block;
  border:0;
  background:var(--yellow);
  color:#fff; 
  font-weight:800;
  padding:12px 14px;
  border-radius:2px;
  cursor:pointer;
  box-shadow:0 8px 16px rgba(0,0,0,.25)
}
.btn-cta:hover{filter:brightness(.95)}

/* Sections */
.section{padding:42px 0}
.section--alt{background:#ffffff}
.grid-2{display:grid;gap:28px;grid-template-columns:1.05fr .95fr}
.img-card{border-radius: 4px dashed;overflow:hidden;box-shadow:0 10px 22px rgba(0,0,0,.15)}
.title{font-weight:800;letter-spacing:.3px;margin:0 0 8px 0}
.title--green{color:var(--green-dark)}
.title--accent{
  color:var(--yellow);
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 6px;

}

/* GREEN BAND */
.band{
  background:#49A333;
  padding:30px 0 38px;
  color:#fff;
}
.band__top {
  display: grid;
  grid-template-columns: 1fr 360px; 
  gap: 32px;
  align-items: stretch; 
}
.band__top .title {
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 14px;
  color: #fff; 
}
.band__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 0 10px 20px rgba(0,0,0,.18);
}
.band-text {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  letter-spacing: 0.5px; 
  word-spacing: 2px;
  font-weight: 500;
}

/* Bottom inline form */
.footer-cta {
  background: #e7e259;
  padding: 30px 0 40px;
}
.footer-cta .title {
  font-size: 22px; 
  line-height: 1.4;
}
.inline-form {
  display: grid;
  grid-template-columns: 1fr 1fr;  
  gap: 14px;
  margin-top: 12px;
}
.inline-form input:nth-child(1),
.inline-form input:nth-child(2) {
  grid-row: 1;
}
.inline-form input:nth-child(3),
.inline-form button {
  grid-row: 2;
}
.inline-form input {
  padding: 14px 12px;
  border: 1px solid #c7d8a5;
  border-radius: 2px;
  font-size: 16px;
}
.inline-form button {
  background: var(--green); 
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  border: 0;
  border-radius: 2px;
  padding: 14px 20px;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(0,0,0,.25);
}

@media (max-width: 960px){
  .grid-2{grid-template-columns:1fr}
  .hero{height:520px}
  .band__top{grid-template-columns:1fr}
  .hero .container{justify-content:center;padding-left:0}
}