/* =========================
  GLOBAL STYLE
========================= */

.w-webflow-badge {
  display: none !important;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.no-scroll {
  overflow: hidden;
  touch-action: none;
}
:root {
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.w-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.w-select::-ms-expand {
  display: none;
}

.cx--footer-cta-col {
  overflow: visible;
}

.cx--contact-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* =========================
    RIGHT CLICK POINTER
  ========================= */
[cx--rightclick] {
  pointer-events: auto !important;
}

/* =========================
    DARK MODE LINKS
  ========================= */
.cx--feature-block.darkmode .cx--link,
.cx--plink-canvas .cx--inline-link {
  color: var(--_colour--primitive---primary--primary-500);
}
.cx--feature-block.darkmode .cx--link:hover,
.cx--plink-canvas .cx--inline-link:hover {
  color: var(--_colour--primitive---primary--primary-400);
}

/* =========================
    QR BUTTON STATES
  ========================= */
.cx--show-qr [show-qr-content] {
  display: none;
}
.cx--show-qr.is-active [show-qr-icon] {
  display: none;
}
.cx--show-qr.is-active [show-qr-content] {
  display: block;
}
.cx--show-qr.is-collapsing [show-qr-content] {
  display: none;
}
.cx--show-qr.is-collapsing [show-qr-icon] {
  display: block;
}

/* =========================
    PRIMARY CTA BUTTON
  ========================= */
.cx--btn.primary .cx--icon-offset-w.round-hl {
  background-image:
    radial-gradient(
      circle at 50% 150%,
      rgb(208, 101, 208),
      rgba(237, 186, 237, 0) 24%
    ),
    linear-gradient(rgb(68, 57, 219), rgb(81, 71, 221) 80%);
  box-shadow:
    rgb(143, 135, 247) 0px 0.5px 0px 0px,
    rgba(221, 128, 221, 0) 0px 1px 0px 0px;
}
.cx--btn.primary:hover .cx--icon-offset-w.round-hl {
  background-image:
    linear-gradient(
      0deg,
      var(--_colour--primitive---secondary--secondary-400) 70%,
      var(--_colour--primitive---secondary--secondary-300)
    ),
    linear-gradient(180deg, #4439db, #5147dd 80%);
  box-shadow:
    rgb(244, 216, 246) 0px 0.5px 0px 0px,
    rgb(221, 128, 221) 0px 1px 5px 0px;
}

/* =========================
    DESKTOP NAVIGATION
  ========================= */
@media only screen and (min-width: 992px) {
  /* NAVMENU hover dropdown */
  .cx--navbar-menu.open .cx--dropdown-icon {
    transform: rotateZ(180deg);
  }
}

/* =========================
    SUBMENU HOVER
  ========================= */
.cx--sm-link:hover .cx--sm-chevron,
.cx--link:hover .cx--icon-offset-frame {
  padding-left: 2px;
}
.cx--sm-link:not(.coming-soon):hover .cx--sm--link-desc {
  color: var(--_colour--primitive---slate--slate-600) !important;
}

/* =========================
    NAVMENU DROPDOWN
  ========================= */
.cx--navbar-menu .cx--dropdown-icon {
  color: var(--_colour--primitive---slate--slate-400) !important;
  transition: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.cx--navbar-menu.open {
  color: var(--_colour--primitive---slate--slate-900);
}
.cx--navbar-menu.open .cx--dropdown-icon,
.cx--navbar-menu:hover .cx--dropdown-icon {
  color: var(--_colour--primitive---primary--primary-600) !important;
  background-color: var(--_colour--primitive---primary--primary-100);
}

/* =========================
    HAMBURGER ANIMATION
  ========================= */
.cx--hamburger-btn .line-1,
.cx--hamburger-btn .line-2 {
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.cx--hamburger-btn.active .line-1 {
  transform: rotate(-45deg) translate(-12px, 12px);
}
.cx--hamburger-btn.active .line-2 {
  transform: rotate(45deg) translate(5px, -12px);
}
.cx--hamburger-btn.active .line-3 {
  display: none;
}

/* =========================
    ACCORDION
  ========================= */
.cx--accordion .cx--acc-description {
  transform: translateY(20px);
  opacity: 0;
  position: absolute;
  top: 60px;
}
.cx--accordion .cx--acc-title {
  color: var(--_colour--primitive---slate--slate-600) !important;
}
.cx--accordion.open .cx--acc-title {
  color: var(--_colour--primitive---slate--slate-900) !important;
}
.cx--accordion.open .cx--acc-description {
  transform: translateY(0px);
  opacity: 1;
}
.cx--accordion .line-2 {
  opacity: 1;
  transition: 0.2s ease-out;
}
.cx--accordion.open .line-2 {
  opacity: 0;
}
.cx--accordion .cx--business-page {
  position: relative !important;
  margin-top: 10px;
}
.cx--blog-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* =========================
    PRODUCT HERO ANIMATION
  ========================= */

/* Only affect desktop/mobile screenshots */
.cx--product-hero .img-desktop,
.cx--product-hero .img-mobile,
.cx--product-hero .img-mobile-hand-g,
.cx--contactus-w .cx--contact-form {
  transform: translateY(50px) scale(0.95);
  opacity: 0;
  filter: blur(3px);
  animation: heroReveal 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.cx--product-hero .img-desktop,
.cx--product-hero .img-mobile-hand-g,
.cx--contactus-w .cx--contact-form {
  animation-delay: 0s;
}
.cx--product-hero .img-mobile {
  animation-delay: 0.6s;
}
@keyframes heroReveal {
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
    filter: blur(0px);
  }
}

/* =========================
    TERMS TABLE
    ========================= */
.cx--legaltable-row {
  border-bottom: 1px solid var(--_colour--primitive---slate--slate-100);
  display: flex;
}

.cx--legaltable-row.first {
  border-top: 1px solid var(--_colour--primitive---slate--slate-200);
}

.cx--legaltable-col {
  flex: 1;
  padding: 10px;
}

.cx--legaltable-col.w150 {
  flex: none;
  width: 150px;
  font-weight: 500;
}

.cx--legaltable {
  font-weight: 300;
}

.cx--risk-table-wrap {
  margin-top: 12px;
  overflow-x: auto;
}

.cx--risk-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.4;
}

.cx--risk-table th,
.cx--risk-table td {
  border: 1px solid #e5e7eb;
  padding: 8px 10px;
  text-align: left !important;
  vertical-align: top;
}

.cx--risk-table th {
  background: #f8fafc;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .cx--legaltable-col.w150 {
    width: 100px;
  }

  .cx--legaltable-row {
    flex-direction: column;
  }

  .cx--legaltable-col {
    padding-top: 0;
  }

  .cx--legaltable-col.w150 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0;
  }
}