:root {
  --green: #247A42;
  --ink: #19382A;
  --muted: #19382A;
  --pale: #F1F6EA;
  --cream: #F1F6EA;
  --line: #DAE5DC;
  --yellow: #F4D968;
}

body, .header, .hero, .benefits, .support, .cost, .footer {
  background-color: #FFFFFF;
}

.brand-text, .hero-keyword {
  color: var(--green);
}

.hero-description, .hero-note, .hero-bottom, .step-label,
.support-list article > span, .price-arrow, .price-line del,
.footer-bottom {
  color: var(--ink);
}

.hero-bottom {
  border-top-color: var(--line);
}

.nav-cta:hover, .primary:hover, .mobile-call a:hover {
  background-color: #1F6939;
}

.desktop-nav > a:not(.nav-cta):hover, .text-link:hover {
  color: var(--green);
}

.outline {
  border-color: #A7C5B0;
}

.outline:hover, .contact-button:hover,
thead th, tbody td:last-child {
  background-color: var(--pale);
}

thead th:last-child {
  background-color: var(--green);
}

.ten-block > p {
  display: inline-block;
  width: fit-content;
  padding: 2px 10px;
  background-color: var(--yellow);
}

.benefit-message h3 strong {
  background: linear-gradient(transparent 75%, var(--yellow) 75%, var(--yellow) 90%, transparent 90%);
}

.hero-art img {
  filter: saturate(.80) contrast(.94) brightness(1.015);
}

.supply-item img, .support-photo img {
  filter: saturate(.86) contrast(.96) brightness(1.02);
}

.supply-item:first-child img {
  filter: saturate(.72) contrast(.93) brightness(1.08);
}

.contact {
  background-color: var(--ink);
  color: #FFFFFF;
}

.contact .eyebrow, .contact-description {
  color: #DFEADF;
}

.contact-button {
  background-color: #FFFFFF;
  color: var(--green);
}

a:focus-visible, button:focus-visible {
  outline-color: var(--green);
}