/* Pricing baseline extraction: preserve Webflow sizing and interactions. */
html,
body {
  overscroll-behavior-y: none;
}

body {
  background-color: #101010;
}

.template-popup-wrapper,
.showcase-dropdown,
.w-webflow-badge,
.menu-copyright-wrapper,
.footer-copyright-logo-div,
.menu-version-wrapper,
.footer-link-version-div,
.menu-social-media-div {
  display: none !important;
}

.brand-logo-link {
  position: relative !important;
  display: flex;
  align-items: center;
  width: 180px !important;
  min-width: 180px !important;
  height: 48px !important;
  max-width: 180px;
}

.logo-dark,
.logo-light {
  position: absolute !important;
  inset: 0 !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.navbar .brand-logo-link::before,
.navbar .brand-logo-link::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 180px;
  height: 48px;
  background-image: url("assets/full%20black.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  transition: opacity 0.28s ease;
  will-change: opacity;
}

.navbar .brand-logo-link::before {
  filter: brightness(0) invert(1);
  opacity: calc(1 - var(--tdl-pricing-logo-dark, 0));
}

.navbar .brand-logo-link::after {
  filter: none;
  opacity: var(--tdl-pricing-logo-dark, 0);
}

.logo-light,
.footer-logo,
.footer-large-logo {
  filter: brightness(0) invert(1);
}

.footer-logo {
  width: auto !important;
  max-width: 180px;
  height: 32px !important;
  object-fit: contain;
}

.footer-large-logo {
  width: auto !important;
  max-width: min(40vw, 240px) !important;
  height: auto !important;
  object-fit: contain;
}

.pricing-client-logo-div {
  display: none !important;
}

.section:not(.background-gray) > .container > .common-heading-div.text-center.margin-bottom h2 {
  color: #fff;
}

.section:not(.background-gray) > .container > .common-heading-div.text-center.margin-bottom > .paragraph {
  color: rgba(255, 255, 255, 0.72);
}

.v1-cta-wrapper h1 {
  color: #fff;
}

.v1-cta-wrapper .v1-cta-paragraph,
.v1-cta-wrapper .common-rating-text {
  color: rgba(255, 255, 255, 0.72);
}

.v1-cta-wrapper .common-rating-icon {
  display: none !important;
}

.v1-cta-wrapper .common-rating-icon.white-icon {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.v1-pricing-hero-section a[href*="webflow"],
.v1-pricing-hero-section a[target="_blank"] {
  display: none !important;
}

html[data-tdl-a11y-pause-media="true"] [data-w-id],
html[data-tdl-a11y-reduced-motion="true"] [data-w-id] {
  animation-duration: 0.01ms !important;
  animation-delay: 0ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}

html[data-tdl-a11y-reduced-motion="true"] [data-w-id][style*="opacity:0"],
html[data-tdl-a11y-reduced-motion="true"] [data-w-id][style*="opacity: 0"] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}