:root {
  --tdl-pricing-forest: #05251d;
  --tdl-pricing-forest-deep: #021712;
  --tdl-pricing-green: #006039;
  --tdl-pricing-green-bright: #008a55;
  --tdl-pricing-mint: #70cdb0;
  --tdl-pricing-paper: #f7f6f2;
  --tdl-pricing-paper-shade: #eeefea;
  --tdl-pricing-ink: #19191d;
  --tdl-pricing-muted: #626762;
  --tdl-pricing-line: rgba(5, 37, 29, 0.14);
}

html body.pricing-page {
  background: var(--tdl-pricing-paper) !important;
  color: var(--tdl-pricing-ink);
}

html body.pricing-page .navbar {
  border-top: 0 !important;
  border-bottom: 1px solid rgba(5, 37, 29, 0.1) !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(5, 37, 29, 0.05) !important;
}

/* The legacy pricing stylesheet hides the real logo image and swaps between
   pseudo-element logos. The shared header now uses one real image and removes
   those pseudo-elements, so restore the image explicitly on this page. */
html body.pricing-page .navbar.w-nav[data-wf--header--variant="base"] .brand-logo-link .logo-dark {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  max-width: 180px !important;
  height: 48px !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  object-fit: contain !important;
  filter: none !important;
}

html body.pricing-page .navbar .brand-logo-link::before {
  opacity: 0 !important;
}

html body.pricing-page .navbar .brand-logo-link::after {
  opacity: 1 !important;
}

html body.pricing-page .navbar .nav-link,
html body.pricing-page .navbar .nav-dropdown-link,
html body.pricing-page .navbar .menu-toggle-div {
  color: var(--tdl-pricing-ink) !important;
}

html body.pricing-page .navbar .nav-link:hover,
html body.pricing-page .navbar .nav-link.w--current,
html body.pricing-page .navbar .nav-dropdown-link:hover {
  color: var(--tdl-pricing-mint) !important;
}

html body.pricing-page .button {
  border-color: var(--tdl-pricing-green) !important;
  background-color: var(--tdl-pricing-green) !important;
  color: #fff !important;
  box-shadow: none;
}

html body.pricing-page .button:hover {
  border-color: var(--tdl-pricing-green-bright) !important;
  background-color: var(--tdl-pricing-green-bright) !important;
}

html body.pricing-page .text-link,
html body.pricing-page .blue-600-text {
  color: var(--tdl-pricing-green) !important;
}

html body.pricing-page .v1-pricing-hero-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(112, 205, 176, 0.22), transparent 31%),
    radial-gradient(circle at 15% 12%, rgba(0, 138, 85, 0.18), transparent 29%),
    linear-gradient(145deg, var(--tdl-pricing-forest-deep) 0%, var(--tdl-pricing-forest) 58%, #063a2d 100%) !important;
}

html body.pricing-page .v1-pricing-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.42;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

html body.pricing-page .v1-pricing-hero-section .pricing-heading-div {
  max-width: 900px;
  margin-inline: auto;
}

html body.pricing-page .v1-pricing-hero-section .pricing-heading-div h2 {
  color: #fff !important;
  text-wrap: balance;
}

html body.pricing-page .v1-pricing-hero-section .pricing-paragraph {
  color: rgba(255, 255, 255, 0.74) !important;
}

html body.pricing-page .v1-pricing-hero-section .pricing-grid {
  align-items: stretch !important;
}

html body.pricing-page .v1-pricing-hero-section .pricing-div {
  display: flex !important;
}

html body.pricing-page .v1-pricing-hero-section .v1-pricing-card {
  width: 100%;
  height: 100% !important;
  border: 1px solid rgba(112, 205, 176, 0.22) !important;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    rgba(2, 23, 18, 0.72) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(14px);
}

html body.pricing-page .v1-pricing-hero-section .pricing-div:not(:has(.v1-active-plan)) .v1-pricing-card {
  border-color: rgba(255, 255, 255, 0.09) !important;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.016)),
    rgba(0, 15, 12, 0.78) !important;
  box-shadow:
    0 22px 54px rgba(0, 0, 0, 0.28),
    inset 0 1px rgba(255, 255, 255, 0.025) !important;
  backdrop-filter: blur(32px);
}

html body.pricing-page .v1-pricing-hero-section .v1-pricing-card.v1-active-plan {
  border-color: rgba(112, 205, 176, 0.72) !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(112, 205, 176, 0.2), transparent 35%),
    linear-gradient(155deg, rgba(0, 96, 57, 0.88), rgba(3, 47, 36, 0.94)) !important;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.3),
    0 0 42px rgba(112, 205, 176, 0.18) !important;
}

html body.pricing-page .v1-pricing-hero-section .v1-pricing-active-label,
html body.pricing-page .v1-pricing-hero-section .v1-pricing-active-circle {
  background: var(--tdl-pricing-mint) !important;
}

html body.pricing-page .v1-pricing-hero-section .v1-pricing-active-label .white-text {
  color: var(--tdl-pricing-forest-deep) !important;
}

html body.pricing-page .v1-pricing-hero-section .v1-pricing-card-line {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

html body.pricing-page .v1-pricing-hero-section .v1-pricing-text,
html body.pricing-page .v1-pricing-hero-section .white-700-text {
  color: rgba(255, 255, 255, 0.68) !important;
}

html body.pricing-page .v1-pricing-hero-section .v1-pricing-list-icon {
  color: var(--tdl-pricing-mint) !important;
}

html body.pricing-page .v1-pricing-hero-section .v1-pricing-list-icon svg,
html body.pricing-page .v1-pricing-hero-section .v1-pricing-list-icon svg * {
  stroke: var(--tdl-pricing-mint) !important;
}

html body.pricing-page .v1-pricing-hero-section .pricing-div:not(:has(.v1-active-plan)) .button {
  border-color: rgba(112, 205, 176, 0.46) !important;
  background: rgba(112, 205, 176, 0.08) !important;
  color: #fff !important;
}

html body.pricing-page .v1-pricing-hero-section .pricing-div:not(:has(.v1-active-plan)) .button:hover {
  border-color: var(--tdl-pricing-mint) !important;
  background: rgba(112, 205, 176, 0.16) !important;
}

html body.pricing-page .tdl-other-services {
  border-color: rgba(112, 205, 176, 0.16) !important;
  background: var(--tdl-pricing-forest) !important;
}

html body.pricing-page .tdl-other-services-eyebrow {
  color: var(--tdl-pricing-mint) !important;
}

html body.pricing-page .tdl-other-services-heading {
  color: #fff !important;
}

html body.pricing-page .tdl-other-services-lede,
html body.pricing-page .tdl-other-services-price {
  color: rgba(255, 255, 255, 0.68) !important;
}

html body.pricing-page .tdl-other-services-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 980px;
  margin-inline: auto;
}

html body.pricing-page .tdl-other-services-link {
  border-color: rgba(112, 205, 176, 0.18) !important;
  background: rgba(255, 255, 255, 0.045) !important;
}

html body.pricing-page .tdl-other-services-link:hover,
html body.pricing-page .tdl-other-services-link:focus-visible {
  border-color: rgba(112, 205, 176, 0.6) !important;
  background: rgba(112, 205, 176, 0.09) !important;
}

html body.pricing-page .tdl-other-services-cta {
  color: var(--tdl-pricing-mint) !important;
}

html body.pricing-page main > .section:not(.background-gray):not(.tdl-billing-section) {
  background: var(--tdl-pricing-paper) !important;
}

html body.pricing-page main > .section:not(.background-gray):not(.tdl-billing-section) > .container > .common-heading-div h2 {
  color: var(--tdl-pricing-ink) !important;
}

html body.pricing-page main > .section:not(.background-gray):not(.tdl-billing-section) > .container > .common-heading-div > .paragraph {
  color: var(--tdl-pricing-muted) !important;
}

html body.pricing-page .tdl-cmp-table {
  border-color: var(--tdl-pricing-line) !important;
  box-shadow: 0 28px 68px rgba(5, 37, 29, 0.11) !important;
}

html body.pricing-page .tdl-cmp-cell {
  border-color: rgba(5, 37, 29, 0.09) !important;
  color: #303a35;
}

html body.pricing-page .tdl-cmp-cell-label {
  background: #f1f2ed !important;
  color: #27302c;
}

html body.pricing-page .tdl-cmp-cell-active {
  background:
    linear-gradient(180deg, rgba(0, 96, 57, 0.075), rgba(0, 96, 57, 0.025)),
    #f4faf7 !important;
  box-shadow:
    inset 1px 0 rgba(0, 96, 57, 0.12),
    inset -1px 0 rgba(0, 96, 57, 0.12) !important;
}

html body.pricing-page .tdl-cmp-cell-intro {
  background:
    radial-gradient(circle at 16% 18%, rgba(112, 205, 176, 0.22), transparent 32%),
    linear-gradient(180deg, #fff, #f4f6f2) !important;
}

html body.pricing-page .tdl-cmp-badge,
html body.pricing-page .tdl-cmp-eyebrow,
html body.pricing-page .tdl-cmp-m-pill {
  background: rgba(0, 96, 57, 0.11) !important;
  color: var(--tdl-pricing-green) !important;
}

html body.pricing-page .tdl-cmp-plan-price,
html body.pricing-page .tdl-cmp-mcard-price,
html body.pricing-page .tdl-cmp-val-check,
html body.pricing-page .tdl-cmp-m-icon-check {
  color: var(--tdl-pricing-green) !important;
}

html body.pricing-page .tdl-cmp-check {
  fill: currentColor !important;
}

html body.pricing-page .tdl-cmp-group-title,
html body.pricing-page .tdl-cmp-mgroup-title {
  background: #e7eee9 !important;
  color: var(--tdl-pricing-forest) !important;
}

html body.pricing-page .tdl-cmp-row:hover .tdl-cmp-cell {
  background-color: rgba(0, 96, 57, 0.035) !important;
}

html body.pricing-page .tdl-cmp-row:hover .tdl-cmp-cell-label {
  background-color: rgba(0, 96, 57, 0.065) !important;
}

html body.pricing-page .tdl-cmp-row:hover .tdl-cmp-cell-active {
  background:
    linear-gradient(180deg, rgba(0, 96, 57, 0.1), rgba(0, 96, 57, 0.04)),
    #f2faf6 !important;
}

html body.pricing-page .tdl-cmp-mcard {
  border-color: var(--tdl-pricing-line) !important;
  box-shadow: 0 20px 46px rgba(5, 37, 29, 0.08) !important;
}

html body.pricing-page .tdl-cmp-mcard-active {
  border-color: rgba(0, 96, 57, 0.36) !important;
}

html body.pricing-page .tdl-billing-section {
  background: var(--tdl-pricing-paper-shade) !important;
}

html body.pricing-page .tdl-billing-section .common-heading-div h2,
html body.pricing-page .tdl-billing-section .tdl-billing-title,
html body.pricing-page .tdl-billing-section .tdl-billing-note-label,
html body.pricing-page .tdl-billing-section .tdl-billing-note-copy strong {
  color: var(--tdl-pricing-ink) !important;
}

html body.pricing-page .tdl-billing-section .common-heading-div > .paragraph,
html body.pricing-page .tdl-billing-section .tdl-billing-copy,
html body.pricing-page .tdl-billing-section .tdl-billing-note-copy {
  color: var(--tdl-pricing-muted) !important;
}

html body.pricing-page .tdl-billing-section .tdl-billing-card,
html body.pricing-page .tdl-billing-section .tdl-billing-note {
  border-color: var(--tdl-pricing-line) !important;
  background: #fff !important;
}

html body.pricing-page .tdl-billing-section .tdl-billing-card:hover {
  border-color: rgba(0, 96, 57, 0.34) !important;
  box-shadow: 0 18px 40px rgba(5, 37, 29, 0.09) !important;
}

html body.pricing-page .tdl-billing-section .tdl-billing-visual {
  border-color: rgba(5, 37, 29, 0.1) !important;
  background:
    linear-gradient(135deg, rgba(112, 205, 176, 0.14), rgba(0, 96, 57, 0.05)),
    #f7faf8 !important;
}

html body.pricing-page .tdl-billing-section .tdl-billing-kicker,
html body.pricing-page .tdl-billing-section .tdl-billing-note-icon {
  background: rgba(0, 96, 57, 0.1) !important;
  color: var(--tdl-pricing-green) !important;
}

html body.pricing-page .tdl-billing-section .tdl-billing-note::before {
  background: var(--tdl-pricing-green) !important;
}

html body.pricing-page .tdl-card-art {
  background: linear-gradient(135deg, #073f31, var(--tdl-pricing-green) 58%, #54b997 118%) !important;
  box-shadow: 0 18px 36px rgba(5, 37, 29, 0.2) !important;
}

html body.pricing-page .tdl-bank-art::before,
html body.pricing-page .tdl-bank-roof,
html body.pricing-page .tdl-bank-pill {
  background-color: var(--tdl-pricing-green) !important;
}

html body.pricing-page .tdl-wire-label,
html body.pricing-page .tdl-net-milestones span {
  background: #3e9e7e !important;
}

html body.pricing-page .tdl-wire-route i {
  background: linear-gradient(90deg, var(--tdl-pricing-green), #3e9e7e) !important;
}

html body.pricing-page .tdl-check-amount,
html body.pricing-page .tdl-check-signature {
  color: var(--tdl-pricing-green) !important;
}

html body.pricing-page .tdl-net-art {
  background: var(--tdl-pricing-forest) !important;
}

html body.pricing-page main > .background-gray {
  background: #f2f1ed !important;
}

html body.pricing-page .background-gray .faq-heading-div h2 {
  color: var(--tdl-pricing-ink) !important;
}

html body.pricing-page .background-gray .faq-paragraph,
html body.pricing-page .background-gray .accordion-paragraph {
  color: var(--tdl-pricing-muted) !important;
}

html body.pricing-page .background-gray .accordion-card {
  border-color: rgba(5, 37, 29, 0.12) !important;
  background: #fff !important;
}

html body.pricing-page .background-gray .accordion-card:hover,
html body.pricing-page .background-gray .accordion-card.w--current {
  border-color: rgba(0, 96, 57, 0.32) !important;
  box-shadow: 0 14px 34px rgba(5, 37, 29, 0.07);
}

html body.pricing-page .background-gray .accordion-icon-box {
  background: rgba(0, 96, 57, 0.1) !important;
  color: var(--tdl-pricing-green) !important;
}

html body.pricing-page main > .section.section:has(.v1-cta-grid) {
  background: var(--tdl-pricing-forest) !important;
}

html body.pricing-page main > .section.section:has(.v1-cta-grid) .v1-cta-heading-div h1,
html body.pricing-page main > .section.section:has(.v1-cta-grid) .v1-cta-heading-div h1 .blue-600-text {
  color: #fff !important;
}

html body.pricing-page main > .section.section:has(.v1-cta-grid) .v1-cta-paragraph,
html body.pricing-page main > .section.section:has(.v1-cta-grid) .common-rating-text {
  color: rgba(255, 255, 255, 0.72) !important;
}

html body.pricing-page main > .section.section:has(.v1-cta-grid) .v1-cta-image-div {
  border: 1px solid rgba(112, 205, 176, 0.22);
}

html body.pricing-page .footer {
  position: relative;
  z-index: 2;
  border-top: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
}

html body.pricing-page .footer::before,
html body.pricing-page .footer::after {
  display: none !important;
}

@media screen and (max-width: 991px) {
  html body.pricing-page .tdl-other-services-grid {
    grid-template-columns: 1fr;
    max-width: 560px;
  }

  html body.pricing-page .v1-pricing-hero-section .pricing-grid {
    mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
  }
}

@media screen and (max-width: 599px) {
  html body.pricing-page .v1-pricing-hero-section {
    background:
      radial-gradient(circle at 50% 30%, rgba(112, 205, 176, 0.18), transparent 28%),
      linear-gradient(165deg, var(--tdl-pricing-forest-deep), var(--tdl-pricing-forest) 72%, #063a2d) !important;
  }

  html body.pricing-page .v1-pricing-hero-section .v1-pricing-card {
    backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.pricing-page *,
  html body.pricing-page *::before,
  html body.pricing-page *::after {
    scroll-behavior: auto !important;
  }
}