/* Email Profits look for the engine's own pages (checkout, thank-you, legal).
   Loaded after the engine's styles via brand.stylesheet. Changes the look only. */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

:root{
  --ep-ivory: #F8F6F1;
  --ep-ink: #111B4A;
  --ep-soft: #4B5470;
  --ep-muted: #7886A3;
  --ep-line: #E6E1D6;
  --ep-emerald: #0F6E3A;
  --ep-green: #1F9A45;
  --ep-green-hover: #188039;
  --ep-shadow: 0 2px 4px rgba(17,27,74,.03), 0 30px 60px -30px rgba(17,27,74,.25);
}

body{ background: var(--ep-ivory) !important; color: var(--ep-soft); font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important; }
.site-head{ padding: 22px 16px 10px; }
.site-foot{ color: var(--ep-muted); }
.site-foot a{ color: var(--ep-ink) !important; }

/* Checkout */
main.co{
  --co-accent: var(--ep-green);
  --co-accent-hover: var(--ep-green-hover);
  --co-deep: var(--ep-ink);
  --co-gold: var(--ep-emerald);
  --co-gold-ink: var(--ep-emerald);
  --co-tint: #F1FAF3;
  --co-ring: #CBEBD3;
  --co-cream: #FBFAF7;
  --co-ink: var(--ep-ink);
  --co-text: var(--ep-soft);
  --co-muted: var(--ep-muted);
  --co-line: var(--ep-line);
  --co-card-line: var(--ep-line);
  --co-head: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --co-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.co h1, .co h2, .co-bump-title, .co-price, #payBtn{ letter-spacing: -0.02em; }

/* Top strip: quiet hairline instead of a heavy navy bar */
.co-strip{ background: transparent; color: var(--ep-ink); border-top: 1px solid var(--ep-line); border-bottom: 1px solid var(--ep-line); font-weight: 600; font-size: 13px; letter-spacing: .01em; }
.co-strip b{ color: var(--ep-emerald); }
.co-secure{ font-weight: 500; }
.co-secure svg{ color: var(--ep-emerald); }

/* Heading */
.co-eyebrow{ background: none; color: var(--ep-emerald); padding: 0; border-radius: 0; font-size: 12.5px; font-weight: 700; letter-spacing: .2em; }
.co-head h1{ font-weight: 700; font-size: 26px; letter-spacing: -.03em; line-height: 1.15; }

/* Cards */
.co-card, .co-recap{ border: 1px solid var(--ep-line) !important; border-radius: 20px; box-shadow: var(--ep-shadow); }
.co-card h2{ font-weight: 700; font-size: 18px; }
.co .field{ border-width: 1px; border-color: var(--ep-line); background: #fff; font-size: 16px; }
.co .field:focus{ border-color: var(--ep-emerald); box-shadow: 0 0 0 3px rgba(15,110,58,.15); }

/* The Playbook box */
.co-bump{ border: 1.5px dashed rgba(15,110,58,.45); background: #FBFAF7; border-radius: 14px; }
.co-bump:has(input:checked){ border-style: solid; border-color: var(--ep-emerald); background: #F1FAF3; }
.co-bump-title{ font-weight: 700; }
.co-bump-price{ background: var(--ep-emerald); font-weight: 600; font-size: 13px; }

/* Order lines and total */
.co .summary{ background: #FBFAF7; border-color: var(--ep-line); font-size: 15px; }
.co .total{ font-weight: 700; font-size: 18px; border-top-color: var(--ep-line); }

/* Pay button: same green as the sales page */
#payBtn{ background: var(--ep-green); font-weight: 600; font-size: 18px; border-radius: 12px; box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 12px 24px -14px rgba(16,90,42,.65); }
#payBtn:hover{ background: var(--ep-green-hover); }
.co-trust span{ background: #fff; border: 1px solid var(--ep-line); font-weight: 500; }
.co-gline{ background: #F1FAF3; border-color: #CBEBD3; }

/* Recap */
.co-kicker{ font-size: 0 !important; margin-bottom: 6px; }
.co-kicker::before{ content: "Your order"; font-size: 12.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--ep-emerald); }
.co-recap h2{ font-weight: 700; font-size: 22px; letter-spacing: -.03em; }
.co-price{ color: var(--ep-ink); font-weight: 700; letter-spacing: -.04em; }
.co-includes li{ font-size: 15px; color: var(--ep-soft); }
.co-includes svg{ color: var(--ep-emerald); }
.co-gtee{ background: radial-gradient(120% 90% at 85% 0%, #1C2A66 0%, #111B4A 55%, #0C1438 100%); border-radius: 16px; }
.co-gtee .t{ font-weight: 700; }

/* Thank-you and legal pages pick up the same font and ground */
main:not(.co) h1, main:not(.co) h2{ color: var(--ep-ink); letter-spacing: -.02em; }

/* Guarantee shown once: beside the order on computers, right under the pay button on phones */
@media (min-width: 880px){ .co-gline{ display: none; } }
@media (max-width: 879px){ .co-gtee{ display: none; } }

/* "Secure" said once: the "Secured by Stripe" badge under the pay button */
.co-strip span:nth-of-type(n+2), .co-strip .dot{ display: none; }
.co-secure{ display: none; }
.co-trust span:first-child{ display: none; }
.co-wrap{ padding-top: 28px; }

/* Price on its own, no "one payment" tag */
.co-price small{ display: none; }

/* "One-time payment" beside the price, in the page's own font */
.co-price{ display:flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.co-price small{ display: inline !important; font-size: 0 !important; }
.co-price small::after{ content: "One-time payment"; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; color: var(--ep-muted); }

/* All the trust signals together, under the pay button only */
.co-trust{ display:flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 16px 0 4px; }
.co-trust span:first-child{ display: inline-flex !important; }
.co-trust span{ display:inline-flex; align-items:center; gap:6px; font-size: 12px; font-weight: 600; color: var(--ep-soft); background:#fff; border:1px solid var(--ep-line); padding: 6px 11px; border-radius: 999px; }
.co-trust span::before{ content:""; width: 12px; height: 12px; background: no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F6E3A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='11' width='16' height='10' rx='2'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/></svg>"); }
.co-trust::after{ content:""; flex-basis: 100%; height: 26px; margin-top: 6px; background: no-repeat center/auto 26px url("/img/cards.svg"); }

/* No card logos: just the two badges */
.co-trust::after{ display: none !important; content: none; }
/* Real logo in the header */
.site-head .logo{ max-height: 34px; width: auto; }