/* ===== Hero ===== */
.hero {
  padding-top: 0;
}
.hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
  max-width: var(--container);
  margin: 0 auto;
}
@media (min-width: 900px) {
  .hero-grid { grid-template-columns: 1.1fr 0.9fr; gap: 4rem; }
}
.hero-content h1 { margin-bottom: 1.25rem; }
.hero-sub {
  font-size: 1.0625rem;
  color: var(--muted);
  line-height: 1.7;
  margin-bottom: 1.5rem;
  max-width: 55ch;
}
.hero-bullets {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.625rem;
  margin-bottom: 2rem;
}
@media (max-width: 480px) {
  .hero-bullets { grid-template-columns: 1fr; }
}
.hero-bullets li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  color: var(--ink);
  font-weight: 500;
}
.hero-bullets li svg { width: 18px; height: 18px; color: var(--teal); flex-shrink: 0; }
.hero-cta-wrap { max-width: 360px; }
.hero-image img {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  width: 100%;
}

/* ===== Pain Section ===== */
.pain { background: var(--soft); }
.pain-cards { max-width: 1000px; margin: 0 auto; }

/* ===== Solution Section ===== */
.solution-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
  max-width: var(--container);
  margin: 0 auto;
}
@media (min-width: 900px) {
  .solution-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
}
.solution-image img {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  width: 100%;
}
.solution-text p { margin-bottom: 1rem; }

/* ===== What You Get ===== */
.what-you-get { background: var(--cream); }

/* ===== Benefits ===== */
.benefits { background: var(--soft); }
.benefits-list { max-width: 700px; margin: 0 auto; }

/* ===== Bonus Section ===== */
.bonus-grid {
  max-width: 1000px;
  margin: 0 auto;
}

/* ===== Offer Section ===== */
.offer { background: var(--soft); }
.offer-includes {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
}
.offer-includes li {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0;
  color: var(--ink);
  font-size: 0.9375rem;
  border-bottom: 1px solid rgba(30, 42, 42, 0.06);
}
.offer-includes li:last-child { border-bottom: none; }
.offer-includes li svg { width: 18px; height: 18px; color: var(--teal); flex-shrink: 0; }
.offer-security {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--muted);
  margin-top: 1rem;
}
.offer-security svg { width: 16px; height: 16px; color: var(--sage); }

/* ===== For Whom ===== */
.for-whom { background: var(--cream); }
.for-whom-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 1000px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .for-whom-grid { grid-template-columns: 1fr 1fr; }
}

/* ===== Safety Section ===== */
.safety-box {
  max-width: 760px;
  margin: 0 auto;
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 4px solid var(--teal);
  border-radius: var(--radius-lg);
  padding: 2rem;
}
.safety-box p { margin-bottom: 1rem; }
.safety-box p:last-child { margin-bottom: 0; }

/* ===== Guarantee ===== */
.guarantee { background: var(--soft); }
.guarantee-content { max-width: 600px; margin: 0 auto; text-align: center; }

/* ===== FAQ ===== */
.faq { background: var(--cream); }

/* ===== Final CTA ===== */
.final-cta { background: var(--cream); }
.final-cta-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
  max-width: var(--container);
  margin: 0 auto;
}
@media (min-width: 900px) {
  .final-cta-grid { grid-template-columns: 0.9fr 1.1fr; gap: 4rem; }
}
.final-cta-image img {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  width: 100%;
}