:root {
  --green: #0a7d33;
  --green-dark: #065c25;
  --text: #22302b;
  --muted: #5f6f68;
  --bg: #ffffff;
  --bg-alt: #f2f8f4;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--text);
  background: var(--bg);
  line-height: 1.55;
}

.container { max-width: 1080px; margin: 0 auto; padding: 0 20px; }

.header { background: var(--green); color: #fff; padding: 14px 0; }
.logo { font-weight: 700; font-size: 20px; }

.hero { padding: 48px 0 40px; background: linear-gradient(180deg, var(--bg-alt) 0%, #fff 100%); }
.hero__inner { display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }
.hero__text { flex: 1 1 320px; }
.hero__img { flex: 1 1 280px; text-align: center; }

.hero h1 { font-size: 30px; line-height: 1.25; margin-bottom: 14px; }
.hero p { color: var(--muted); margin-bottom: 20px; }

.btn {
  display: inline-block;
  background: var(--green);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  padding: 15px 34px;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  transition: background .2s;
}
.btn:hover { background: var(--green-dark); }
.btn--small { font-size: 15px; padding: 11px 22px; }
.btn--ghost { background: #e6efe9; color: var(--text); }
.btn--ghost:hover { background: #d5e4da; }

.hint { font-size: 13px; color: var(--muted); margin-top: 12px; }

.hero__img img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  border-radius: 14px;
}

.section { padding: 40px 0; }
.section--alt { background: var(--bg-alt); }
.section h2 { font-size: 24px; margin-bottom: 16px; }
.section p + p { margin-top: 10px; }

.list { margin: 12px 0 0 20px; }
.list li { margin-bottom: 8px; }

.promo {
  background: #fff;
  border: 1px solid #e2ebe6;
  border-radius: 12px;
  padding: 20px 22px;
  margin-bottom: 16px;
}
.promo h3 { font-size: 19px; margin-bottom: 8px; }
.promo__term { color: var(--muted); font-size: 14px; margin-top: 10px; }

.back { margin-top: 20px; }

.footer { background: #10241b; color: #cfd9d3; padding: 26px 0; font-size: 14px; }
.footer a { color: #9fd3b3; }
.disclosure { margin-bottom: 8px; }
.footer__contacts { margin-bottom: 8px; }

.consent {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  background: rgba(16, 36, 27, .95);
  color: #eaf2ee;
  padding: 14px 0;
  z-index: 50;
}
.consent__inner { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.consent button { margin-top: 0; }
.consent p { flex: 1 1 260px; font-size: 14px; }

.policy h2 { margin-top: 22px; font-size: 19px; }
.policy p { margin-top: 8px; }
.placeholder { color: #a05a00; font-weight: 600; }

@media (max-width: 720px) {
  .hero { padding: 32px 0; }
  .hero h1 { font-size: 24px; }
  .hero__inner { gap: 24px; }
  .section { padding: 30px 0; }
}