/* Final home-page palette overrides. Loaded after Webflow inline styles and shared nav. */
:root {
  --tdl-index-primary: #006039;
  --tdl-index-primary-soft: #0b4a35;
  --tdl-index-primary-dark: #073326;
  --tdl-index-primary-deep: #05251d;
  --tdl-index-paper: #fbfbf8;
  --tdl-index-paper-shade: #f2f1ec;
  --tdl-index-border: #d5d5d2;
  --tdl-index-muted: #829087;
  --🎨-color--blue-600: #006039;
  --🎨-color--blue-800: #073326;
  --🎨-color--blue-950: #05251d;
  --🎨-color--blue-400: #0b4a35;
  --🎨-color--blue-200: #d5d5d2;
  --🎨-color--blue-50: #f2f1ec;
}

html body .button,
html body [data-wf--button--variant="base"].button,
html body .tdl-cta-button {
  border-color: var(--tdl-index-primary) !important;
  background: var(--tdl-index-primary) !important;
  color: #f7f7f5 !important;
  box-shadow: 0 22px 42px rgba(5, 37, 29, 0.24) !important;
}

html body .button:hover,
html body .button:focus-visible,
html body [data-wf--button--variant="base"].button:hover,
html body [data-wf--button--variant="base"].button:focus-visible,
html body .tdl-cta-button:hover,
html body .tdl-cta-button:focus-visible {
  border-color: var(--tdl-index-primary-dark) !important;
  background: var(--tdl-index-primary-dark) !important;
  color: #fff !important;
}

html body .button:focus-visible,
html body .tdl-cta-button:focus-visible,
html body .tdl-secondary-button:focus-visible,
html body .tdl-cta-secondary:focus-visible,
html body .text-link:focus-visible,
html body .navbar .nav-link:focus-visible,
html body .navbar .nav-dropdown-link.w-dropdown-toggle:focus-visible,
html body .v1-service-card [data-tdl-scope-trigger]:focus-visible,
html body .tdl-scope-close:focus-visible,
html body .tdl-scope-secondary-link:focus-visible,
html body .tdl-scope-panel .button:focus-visible {
  outline-color: rgba(0, 96, 57, 0.28) !important;
}

html body .tdl-secondary-button:hover,
html body .tdl-secondary-button:focus-visible,
html body .tdl-cta-secondary:hover,
html body .tdl-cta-secondary:focus-visible,
html body .tdl-scope-secondary-link:hover,
html body .tdl-scope-secondary-link:focus-visible {
  border-color: rgba(0, 96, 57, 0.28) !important;
  background: rgba(0, 96, 57, 0.06) !important;
  color: var(--tdl-index-primary) !important;
}

html body .blue-600-text,
html body .blog-heading-color,
html body .service-heading-color,
html body .pricing-heading-color,
html body .v1-about-heading-color,
html body .v1-cta-heading-div .blue-600-text,
html body .tdl-cta-heading-mark,
html body .text-link,
html body .navbar .tdl-service-item:hover .tdl-service-name,
html body .navbar .tdl-service-item:focus-visible .tdl-service-name,
html body .tdl-soon-tag {
  color: var(--tdl-index-primary) !important;
}

html body .tdl-cta-eyebrow-dot,
html body .tdl-scope-list li::before {
  background: var(--tdl-index-primary) !important;
  box-shadow: 0 0 0 0.25rem rgba(0, 96, 57, 0.12) !important;
}

html body .v1-process-dot,
html body .v1-process-line {
  background-color: var(--tdl-index-primary) !important;
  border-color: var(--tdl-index-primary) !important;
}

html body .v1-process-list-icon {
  display: inline-flex !important;
  flex: 0 0 22px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--tdl-index-primary) !important;
  line-height: 0 !important;
}

html body .v1-process-line-div {
  background-color: var(--tdl-index-border) !important;
}

html body .v1-process-list-icon svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  color: var(--tdl-index-primary) !important;
  fill: currentColor !important;
}

html body .v1-process-list-icon svg path {
  color: var(--tdl-index-primary) !important;
  fill: currentColor !important;
}

html body .navbar .tdl-services-card,
html body .tdl-scope-highlight {
  background: linear-gradient(145deg, rgba(0, 96, 57, 0.96) 0%, rgba(11, 74, 53, 0.9) 48%, rgba(5, 37, 29, 0.96) 100%) !important;
  box-shadow: 0 24px 50px rgba(5, 37, 29, 0.25) !important;
}

html body .v1-pricing-section .pricing-grid .pricing-div .v1-pricing-card.v1-active-plan {
  background-color: var(--tdl-index-primary-deep) !important;
  background-image:
    radial-gradient(at 88% 40%, rgba(0, 96, 57, 0.58) 0, transparent 70%),
    radial-gradient(at 14% 26%, rgba(11, 74, 53, 0.72) 0, transparent 74%),
    radial-gradient(at 41% 94%, rgba(130, 144, 135, 0.36) 0, transparent 70%),
    linear-gradient(135deg, var(--tdl-index-primary-soft) 0%, var(--tdl-index-primary-dark) 52%, var(--tdl-index-primary-deep) 100%) !important;
  box-shadow: inset 0 -16px 24px rgba(255, 255, 255, 0.14), 0 24px 70px rgba(5, 37, 29, 0.34) !important;
}

html body .v1-pricing-section .pricing-grid .pricing-div .v1-pricing-card.v1-active-plan::after {
  background-image: linear-gradient(0deg, rgba(251, 251, 248, 0) 0%, rgba(0, 96, 57, 0.78) 40%, rgba(11, 74, 53, 0.78) 60%, rgba(251, 251, 248, 0) 100%) !important;
}

html body .v1-pricing-section .pricing-grid .pricing-div .v1-pricing-card.v1-active-plan .v1-pricing-active-circle,
html body .v1-pricing-section .pricing-grid .pricing-div .v1-pricing-card.v1-active-plan .v1-pricing-active-label {
  background-color: var(--tdl-index-primary) !important;
}