/* ============================================================
   SECTION: LEAD MAGNET
   Targets: #section-lead-magnet
   ============================================================ */

.lead-magnet-card {
  border: 1px solid var(--color-gray-border);
  border-top: 3px solid var(--color-pink);
  padding: 36px 28px;
  margin: var(--space-md) 0;
}

.lead-magnet-card h3 {
  font-family: var(--font-serif);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: -.01em;
}

.lead-magnet-card > p {
  font-size: 13px;
  color: var(--color-gray-text);
  line-height: 1.65;
  font-weight: 300;
  margin-bottom: 20px;
}

.roadmap-preview {
  background: #fafafa;
  border: 1px solid #eee;
  padding: 16px 18px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.roadmap-row {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--color-black);
}

.roadmap-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.roadmap-dot.blue   { background: var(--color-blue); }
.roadmap-dot.pink   { background: var(--color-pink); }
.roadmap-dot.yellow { background: var(--color-yellow); border: 1px solid #ccc; }

/* ── FORM ── */
.kit-inline-form {}

.kit-field-row {
  display: flex;
  gap: 0;
  margin-bottom: 10px;
}

.kit-email-input {
  flex: 1;
  padding: 15px 18px;
  font-size: 14px;
  font-family: var(--font-sans);
  border: 1px solid var(--color-gray-border);
  border-right: none;
  outline: none;
  color: var(--color-black);
  background: #fff;
}

.kit-email-input::placeholder { color: #aaa; }
.kit-email-input:focus { border-color: var(--color-blue); }

.kit-submit-btn {
  background: var(--color-yellow);
  color: var(--color-black);
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 600;
  padding: 15px 24px;
  border: 1px solid var(--color-gray-border);
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: .02em;
  transition: background .15s;
}

.kit-submit-btn:hover { background: var(--color-yellow-hover); }

.kit-disclaimer {
  font-size: 11px;
  color: var(--color-gray-label);
  letter-spacing: .04em;
}

/* ── THANK YOU ── */
.kit-thankyou {
  text-align: center;
  padding: 24px 0 8px;
}

.kit-thankyou-icon {
  font-size: 28px;
  color: var(--color-blue);
  margin-bottom: 8px;
}

.kit-thankyou-title {
  font-family: var(--font-serif);
  font-size: 22px;
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 6px;
}

.kit-thankyou-sub {
  font-size: 14px;
  color: var(--color-gray-text);
  font-weight: 300;
}

/* Mobile */
@media (max-width: 520px) {
  .kit-field-row { flex-direction: column; }
  .kit-email-input { border-right: 1.5px solid var(--color-black); border-bottom: none; }
  .kit-submit-btn { width: 100%; }
}