body {
  --care-night: #231a16;
  --care-night-light: #3b2921;
  --care-honey: #f1bc72;
  --care-paper: #fffaf3;
  --care-line: #ded0c5;
}

.conversion-band {
  background: radial-gradient(ellipse at 18% 0%, var(--care-night-light), transparent 67%), var(--care-night);
  border-bottom: 3px solid var(--care-honey);
  color: var(--care-paper);
}

.conversion-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 5.75rem);
  padding-block: clamp(3.5rem, 8vw, 7rem);
}

.conversion-copy { min-width: 0; }
.conversion-copy .kicker { color: var(--care-honey); }
.conversion-copy .kicker::before {
  width: 18px;
  height: 2px;
  border-radius: 0;
  background: currentColor;
}

.conversion-copy h1 {
  max-width: 17ch;
  margin-block: .75rem 1rem;
  font-size: clamp(2.45rem, 5vw, 4.5rem);
  line-height: 1.04;
  letter-spacing: -.057em;
  text-wrap: pretty;
}

.conversion-copy > p:not(.kicker) {
  max-width: 47ch;
  color: #f2e3d7;
  font-size: clamp(1rem, 1.55vw, 1.16rem);
  line-height: 1.55;
}

.conversion-copy > .conversion-note {
  margin-top: 1.6rem;
  padding-top: 1rem;
  border-top: 1px solid #fffaf33a;
  font-size: .88rem;
}

.conversion-card {
  min-width: 0;
  padding: clamp(1.25rem, 3.3vw, 2.15rem);
  border: 1px solid var(--care-line);
  border-top: 3px solid var(--care-honey);
  border-radius: 20px;
  background: var(--care-paper);
  color: #30241f;
  box-shadow: 0 18px 52px #0004;
}

.conversion-card .conversion-label {
  margin-bottom: .6rem;
  color: #704728;
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.conversion-card .conversion-question {
  display: block;
  margin: 0 0 .65rem;
  font: 700 clamp(1.65rem, 3vw, 2.25rem)/1.12 Jakarta, Inter, system-ui, sans-serif;
  letter-spacing: -.045em;
}

.conversion-card .conversion-hint {
  margin-block: 0 1rem;
  color: #665146;
  font-size: .91rem;
}

body .conversion-card .button:not(.button-secondary) {
  justify-content: space-between;
  width: 100%;
  min-height: 49px;
  margin-top: .7rem;
  padding-inline: 1rem;
  background: var(--care-honey);
  color: #302016;
  font-size: .95rem;
}

body .conversion-card .button:not(.button-secondary):hover { background: #e8a952; filter: none; }
.conversion-card .intake-zip-row { display: block; margin: 0; }
.conversion-card .intake-zip-row input { min-height: 49px; background: #fff; }
.conversion-card .intake-zip-form { margin-top: 0; }
.conversion-card .callback-progress { margin-bottom: 1rem; border-color: var(--care-line); }
.conversion-card .callback-progress [aria-current="step"] > span { background: var(--care-honey); border-color: var(--care-honey); }
.conversion-card .callback-progress .is-complete > span { background: #f7dfbe; }
.conversion-card .field-row { gap: .65rem; }
.conversion-card .callback-details { margin-top: 0; }
.conversion-card .callback-question { font-size: clamp(1.6rem, 3vw, 2.25rem); }
.conversion-card .callback-consent { font-size: .88rem; }
.conversion-card .callback-consent input { margin-top: .16rem; }
.conversion-card .callback-actions { align-items: stretch; flex-direction: column; gap: .15rem; }
.conversion-card .callback-change { align-self: start; padding-inline: 0; }
.conversion-card :is(input,select,a,button):focus-visible { outline-color: #704728; }
.conversion-band .conversion-back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: .6rem;
  color: var(--care-paper);
  font-size: .87rem;
  text-decoration: none;
}
.conversion-band .conversion-back:hover { text-decoration: underline; }
.conversion-band .conversion-back:focus-visible { outline-color: var(--care-honey); }
.conversion-band:has(.conversion-back) .conversion-grid { padding-top: clamp(1.5rem, 4vw, 3.5rem); }

.conversion-video {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
  align-items: start;
  gap: 1rem clamp(1.5rem, 5vw, 4.5rem);
  padding-block: clamp(1.6rem, 4vw, 3.5rem);
  border-bottom: 1px solid var(--care-line);
  scroll-margin-top: 1rem;
}

.conversion-video h2 { margin-bottom: .35rem; font-size: clamp(1.6rem, 3vw, 2.25rem); }
.conversion-video p { max-width: 49ch; }
.conversion-video .video-trigger {
  display: flex;
  align-items: center;
  gap: .75rem;
  width: 100%;
  min-height: 70px;
  padding: .7rem 1rem;
  border: 0;
  border-radius: 14px;
  background: var(--care-night);
  color: var(--care-paper);
  cursor: pointer;
  text-align: left;
  font-weight: 600;
}

.conversion-video .video-trigger > span:first-child {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: none;
  border-radius: 50%;
  background: var(--care-honey);
  color: #302016;
  font-size: .78rem;
}

.conversion-video .video-time { margin-left: auto; color: #ead9ca; font-size: .82rem; white-space: nowrap; }
.conversion-video .video-trigger:hover { background: var(--care-night-light); }
.conversion-video video { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 14px; background: var(--care-night); }
.callback-video { border: 0; }
.conversion-guide-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: .45rem; font-size: .89rem; }

@media (max-width: 760px) {
  .conversion-grid { grid-template-columns: minmax(0, 1fr); gap: 1.35rem; padding-block: 1.8rem 2rem; }
  .conversion-copy h1 { margin-block: .55rem .75rem; font-size: clamp(2.3rem, 8.6vw, 3.5rem); max-width: 21ch; }
  .conversion-copy > .conversion-note { display: none; }
  .conversion-card { border-radius: 16px; }
  .conversion-video { grid-template-columns: minmax(0, 1fr); }
}

.conversion-resources {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.2rem;
}

.callback-checklist {
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid var(--care-line);
}
.callback-checklist h2 { font-size: 1.35rem; }
.callback-checklist ul { margin-top: .55rem; font-size: .91rem; }