/* Marcos's own touches on the Sprint pages. Loads after the engine's styles. */

/* Headline: more room between lines, and the gold marker no longer touches the letters. */
.dp h1 { line-height: 1.28; }
.dp h1 mark {
  padding: 0.04em 0.22em;
  border-radius: 6px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* Buy buttons: no big price on the button. The line under it names both ways to pay. */
.dp-btn { font-size: 0; }
.dp-btn::before { content: "Yes, I want in \2192"; font-size: 22px; }
.dp-micro { font-size: 0; }
.dp-micro strong { display: none; }
.dp-micro::before { content: "Pay in full, or split it into 2 monthly payments."; font-size: 15.5px; }

/* The promise is mine, not "our". */
.dp-guarantee-box p > strong:first-child,
.dp-strip > strong:first-child,
.dp-mini-guarantee > strong:first-child { font-size: 0; }
.dp-guarantee-box p > strong:first-child::before,
.dp-strip > strong:first-child::before { content: "My promise:"; font-size: 1rem; }
.dp-mini-guarantee > strong:first-child::before { content: "My promise."; font-size: 16px; }

/* Checkout: first person here too. */
.co-gtee .t { font-size: 0; }
.co-gtee .t::before { content: "My guarantee"; font-size: 16.5px; }
.co-card > h2:first-of-type { font-size: 0; }
.co-card > h2:first-of-type::before { content: "Where do I send it?"; font-size: 19px; }

/* The 2-payment option, in plain words. These prices are typed here by hand:
   if the plan price in funnel.config.json changes, change this line too. */
.co-way input[value="plan-2"] + span .co-way-sub { font-size: 0; }
.co-way input[value="plan-2"] + span .co-way-sub::before { content: "First $797 payment today. Second $797 payment one month from today. Then you're done, no more payments."; font-size: 14px; }