.hero{
  background:#b9c4a8 center/cover no-repeat;
  background-image:url(../images/hero-bg.jpg); /* поклади сюди своє фото */
}
.hero__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  min-height:848px;
}

/* Ліва частина */
.hero__intro{ max-width:688px; }
.hero__title{
  font-size:48px;
  font-weight:700;
  line-height:56px;
  color:var(--dark-green);
}
.hero__subtitle{
  margin-top:20px;
  font-size:24px;
  font-weight:400;
  line-height:32px;
  color:var(--dark-green);
}

/* Картка форми */
.hero-form{
  flex:none;
  width:440px;
  background:rgba(255,255,255,.8);
  border-radius:24px;
  padding:40px 48px;
  display:flex;
  flex-direction:column;
}
.hero-form__head{ text-align:center; margin-bottom:39px; }
.hero-form__title{ font-size:18px; font-weight:700; color:var(--dark-green); }
.hero-form__subtitle{ margin-top:8px; font-size:14px; font-weight:400; color:var(--dark-green); }
.hero-form__fields{ display:flex; flex-direction:column; gap:24px; }
.hero-form .btn{ margin-top:40px; }

/* Поле + підказка */
.form-field{ display:flex; flex-direction:column; }
.field{
  width:100%;
  height:60px;
  padding:0 16px;
  border:1px solid rgba(128,128,128,.55);
  border-radius:12px;
  background:#fff;
  font-family:var(--font);
  font-size:14px;
  font-weight:400;
  color:var(--black);
  appearance:none;
}
.field::placeholder{ color:rgba(30,30,30,.5); }

/* Підказка про помилку (як у дизайні) */
.field-hint{
  display:none;
  margin-top:4px;
  font-size:8px;
  line-height:1.3;
  color:#ff383c;
}
.form-field.is-invalid .field{ border-color:#ff383c; }
.form-field.is-invalid .field-hint{ display:block; }
/* Нова шапка форми */
.hero-form__eyebrow{
  font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  color:var(--green); margin-bottom:8px;
}
.hero-form__title{ font-size:20px; font-weight:700; line-height:1.25; color:var(--dark-green); }

/* Блок «жива людина» під кнопкою */
.hero-form__helper{
  display:flex; align-items:center; gap:12px; margin-top:16px;
  padding-top:16px; border-top:1px solid rgba(13,55,1,.1);
}
.hero-form__avatar{
  width:40px; height:40px; flex:none; border-radius:50%;
  background:#c9d2ba center/cover no-repeat; overflow:hidden;
}
.hero-form__avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.hero-form__helper-text{ font-size:12px; line-height:1.4; color:var(--dark-green); }
.hero-form__helper-text strong{ font-weight:700; }