body {
  background: var(--site-background) !important;
}

main,
.site-landing {
  background: transparent !important;
}

header {
  background: rgba(246, 255, 248, 0.92) !important;
  border-bottom: 1px solid rgba(31, 111, 59, 0.25) !important;
}

.card {
  background: #ffffff !important;
  border-radius: 28px !important;
  box-shadow: 0 26px 48px rgba(31, 111, 59, 0.13) !important;
  border: 1px solid rgba(31, 111, 59, 0.15) !important;
}

.site-landing .hero-title {
  letter-spacing: -0.03em;
  font-weight: 800 !important;
}

.btn {
  border-radius: 20px !important;
  background: #1f6f3b !important;
  color: #fff !important;
  border-color: #1f6f3b !important;
}

.site-landing .highlights {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.site-landing .highlights li {
  background: #edf8f1 !important;
  border-left: 0 !important;
  border-bottom: 5px solid #1f6f3b !important;
}