/* Keep the original placement and hover rules on the six direct links. */
.hm-integrations-cl-parent > .integrations-icon-wrapper {
  display: flex;
}

.pricing-btn-discount-tag-text {
  white-space: nowrap;
}

.site-pricing-matrix { width: 100%; min-width: 0; }
.site-matrix-periods { display: flex; gap: 8px; margin-bottom: 24px; }
.site-matrix-periods button,
.site-matrix-cta {
  padding: 10px 16px;
  border: 1px solid var(--_color---accent-color--accent-1);
  border-radius: 25px;
  background: var(--_color---normal-color--white);
  color: var(--_color---accent-color--accent-1);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}
.site-matrix-periods button[aria-pressed="true"] {
  background: var(--_color---accent-color--accent-1);
  color: var(--_color---normal-color--white);
}
.site-matrix-scroll { position: relative; max-width: 100%; overflow: auto; border-radius: 10px; }
.site-matrix-table { width: 100%; min-width: 1000px; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.site-matrix-table th, .site-matrix-table td {
  padding: 24px 16px;
  border-bottom: 1px solid var(--_color---accent-color--accent-3);
  text-align: center;
  overflow-wrap: anywhere;
}
.site-matrix-table th:first-child { width: 260px; text-align: left; position: sticky; left: 0; background: var(--_color---normal-color--white); z-index: 1; }
.site-matrix-table thead .site-matrix-plan-row th[data-product] { padding-bottom: 0; vertical-align: top; }
.site-matrix-table thead .site-matrix-price-row td { padding-top: 16px; padding-bottom: 0; vertical-align: top; }
.site-matrix-table thead .site-matrix-duration-row td { padding-top: 4px; padding-bottom: 20px; }
.site-matrix-table thead .site-matrix-action-row td { padding-top: 8px; vertical-align: top; }
.site-matrix-table thead :is(th, td) { border-bottom: 0; }
.site-matrix-table thead td { font-weight: 700; }
.site-matrix-table tbody th { font-weight: 400; }
.site-matrix-table .site-matrix-category th { background: var(--_color---accent-color--accent-6); font-weight: 600; }
.site-matrix-plan { font-size: 20px; color: var(--_color---text-color--heading-color); }
.site-matrix-price { font-size: 28px; margin: 0; color: var(--_color---text-color--heading-color); }
.site-matrix-duration { font-weight: 400; }
.site-matrix-cta { display: inline-block; font-size: 14px; }
.site-matrix-included { color: var(--_color---accent-color--accent-1); font-size: 24px; }
.site-matrix-tooltip summary { cursor: pointer; }
.site-matrix-tooltip p { margin: 12px 0 0; font-size: 14px; }
.site-matrix-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 767px) {
  .site-matrix-table { min-width: 820px; }
  .site-matrix-table th:first-child { width: 180px; }
  .site-matrix-table th, .site-matrix-table td { padding: 20px 12px; }
  .site-matrix-plan { font-size: 18px; }
  .site-matrix-price { font-size: 24px; }
}

.locale-desktop-item-v2,
.locale-native-item-v3 {
  cursor: pointer;
  position: relative;
}

.locale-desktop-item-v2::before,
.locale-native-item-v3::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  width: 2px;
  height: 20px;
  border-radius: 2px;
  background: currentColor;
  opacity: 0;
  transform: translateY(-50%) scaleY(.3);
  transition: opacity 180ms ease, transform 240ms cubic-bezier(.2,.8,.2,1);
}

.locale-desktop-label-v2,
.locale-native-label-v3,
.locale-desktop-flag-v2,
.locale-native-flag-v3 {
  transition: transform 240ms cubic-bezier(.2,.8,.2,1);
}

.locale-native-item-v3::before {
  left: -10px;
}

:is(.locale-desktop-item-v2, .locale-native-item-v3):is(:hover, :focus-visible)::before {
  opacity: .65;
  transform: translateY(-50%) scaleY(1);
}

:is(.locale-desktop-item-v2, .locale-native-item-v3):is(:hover, :focus-visible) :is(.locale-desktop-label-v2, .locale-native-label-v3) {
  transform: translateX(4px);
}

:is(.locale-desktop-item-v2, .locale-native-item-v3):is(:hover, :focus-visible) :is(.locale-desktop-flag-v2, .locale-native-flag-v3) {
  transform: scale(1.06);
}

:is(.locale-desktop-item-v2, .locale-native-item-v3):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -4px;
}

.w-dropdown-list.w--open > :is(.locale-desktop-list-v2, .locale-native-list-safe-v4) {
  transform-origin: top center;
  animation: menuai-locale-panel 260ms cubic-bezier(.2,.8,.2,1) both;
}

.w-dropdown-list.w--open :is(.locale-desktop-item-v2, .locale-native-item-v3) {
  animation: menuai-locale-row 220ms cubic-bezier(.2,.8,.2,1) both;
  animation-delay: calc(var(--locale-order, 0) * 16ms);
}

@keyframes menuai-locale-panel {
  from { opacity: 0; transform: translateY(8px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes menuai-locale-row {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .w-dropdown-list.w--open > :is(.locale-desktop-list-v2, .locale-native-list-safe-v4),
  .w-dropdown-list.w--open :is(.locale-desktop-item-v2, .locale-native-item-v3) {
    animation: none;
  }

  :is(.locale-desktop-item-v2, .locale-native-item-v3)::before,
  .locale-desktop-label-v2,
  .locale-native-label-v3,
  .locale-desktop-flag-v2,
  .locale-native-flag-v3 {
    transition: none;
  }

  :is(.locale-desktop-item-v2, .locale-native-item-v3):is(:hover, :focus-visible) :is(.locale-desktop-label-v2, .locale-native-label-v3, .locale-desktop-flag-v2, .locale-native-flag-v3) {
    transform: none;
  }
}
.site-contact-full-row {
  grid-column: 1 / -1;
  min-width: 0;
}

[data-pricing-faq] .faq-qus-box {
  white-space: normal;
}

[data-pricing-faq] .hm-faq-qus {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Supplied company artwork, with proportions preserved in each marquee slot. */
.marquee-item img.marquee-logo-stripe,
.marquee-item img.marquee-logo-decta,
.marquee-item img.marquee-logo-glovo,
.marquee-item img.marquee-logo-paypal,
.marquee-item img.marquee-logo-uber-eats,
.marquee-item img.marquee-logo-bolt {
  display: block;
  width: 105px;
  height: 32px;
  object-fit: contain;
}

/* Close the space left by the temporarily unpublished Pricing test blocks. */
body[data-pricing-test-blocks-hidden] .about-hero-section {
  margin-bottom: 0;
}
body[data-pricing-test-blocks-hidden] .about-hero-section .hero-title {
  margin-bottom: 0;
}
body[data-pricing-test-blocks-hidden] .pricing-section {
  padding-top: clamp(48px, 5vw, 80px);
}
