/* Home page refresh — matches the "Easy as 1, 2, 3" client handout */
:root {
  --purple: #10738a;
  --purple-deep: #0a2d4c;
  --gold: #fdeae4;
  --gold-bright: #d86b4d;
  --gold-pale: #fdeae4;
  --red: #d86b4d;
  --ink: #0a2d4c;
}
body { color: var(--ink); }
a { color: var(--purple); }


.hero-pill--teal { background: #00a0a0; border-color: #00a0a0; }
.hero-pill--coral { background: var(--red); border-color: var(--red); }


/* Section headings = the handout's gold title bars */
main h2 {
  background: var(--gold);
  color: var(--coral);
  border: none;
  padding: 14px 22px;
  font-size: 1.6rem;
  line-height: 1.3;
}

/* Cards = purple-header boxes */
.card {
  border: 1.5px solid var(--purple);
  border-top: 1.5px solid var(--purple);
  border-radius: 0;
  padding: 0 24px 22px;
  box-shadow: none;
}
.card:hover { box-shadow: 0 6px 18px rgba(113,47,146,0.14); }
.card h3 {
  background: var(--purple);
  color: #fff;
  margin: 0 -24px 18px;
  padding: 12px 24px;
  font-size: 1.05rem;
  line-height: 1.35;
}
.card ul { padding-left: 20px; }
.card li::marker { color: var(--purple); }

.feature-card { border: 1.5px solid var(--purple); border-radius: 0; background: #fff; }
.feature-card:hover { box-shadow: 0 6px 18px rgba(113,47,146,0.14); }

/* Meet Kim */
.about-split-wrap { background: var(--gold-pale); }
.photo-accent { background: var(--gold); border-radius: 50%; width: 240px; height: 240px; top: -24px; left: -28px; }
.photo-dots { background-image: radial-gradient(circle, var(--purple) 1.5px, transparent 1.5px); opacity: 0.5; }
.accent-word { color: var(--purple); }
.about-split-heading { color: var(--ink); }
.about-split-text p { color: var(--ink); }

.btn { border-radius: 50px; }

/* CTA = the Step 3 box */
.cta-band { background: var(--gold-pale); color: var(--ink); border-top: 6px solid var(--gold-bright); border-bottom: 6px solid var(--gold-bright); }
.cta-band h2 { color: var(--ink); background: none; padding: 0; font-size: 1.7rem; }
.cta-band p { color: var(--ink); opacity: 1; }

.testimonials { background: #fff; }
.testimonials h2 { text-align: left; }
blockquote { border: 3px solid var(--gold); border-radius: 0; background: #fff; }
blockquote cite { color: var(--purple); }

.disclaimer { background: #fff; border: 1px solid var(--gold); }
.quote-banner { background: var(--gold-pale); border-top: 2px solid var(--gold-bright); border-bottom: 2px solid var(--gold-bright); color: var(--ink); }

footer { background: var(--purple-deep); }