/*! CSS Used from: /_next/static/css/cac46a6f223d6bb8.css */
*,
:after,
:before {
  box-sizing: border-box;
}
img,
picture {
  display: block;
}
img {
  max-inline-size: 100%;
}
img[width][height] {
  block-size: auto;
}
button {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  *,
  :after,
  :before {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
.overflow-x-hidden {
  overflow-x: hidden;
}
/*! CSS Used from: Embedded */
*,
:after,
:before {
  box-sizing: border-box;
}
img,
picture {
  display: block;
}
img {
  max-inline-size: 100%;
}
img[width][height] {
  block-size: auto;
}
button {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  *,
  :after,
  :before {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.feature-button {
  --color-icon: rgb(var(--color-white));
  --button-bg: var(--highlight-primary, var(--color-purple));
  --button-text: var(--color-white);
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: var(--button-padding, var(--size-18) var(--size-32) var(--size-16));
  border: var(--button-border, unset);
  border-radius: var(--button-border-radius, var(--border-radius-xs));
  background-color: rgb(var(--button-bg));
  color: rgb(var(--button-text));
  font-weight: 700;
  font-size: var(--button-font-size, var(--size-14));
  transition: var(--button-transition, var(--transition-short));
  transform: translateY(0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.feature-button:active,
.feature-button:hover {
  cursor: pointer;
  transform: translateY(1px);
}
.feature-button-shadow {
  --shadow-color: var(
    --button-shadow-color,
    var(--highlight-shadow, var(--color-shadow))
  );
  --shadow-size: var(--button-shadow-from, var(--shadow-button, 0 10px 25px));
}
.feature-button-shadow:after,
.feature-button-shadow:before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inline-size: 100%;
  block-size: 100%;
  border-radius: var(
    --button-border-radius,
    var(--border-radius, var(--border-radius-xs))
  );
  transition: opacity var(--transition-short);
}
.feature-button-shadow:before {
  box-shadow: var(--shadow-size) rgba(var(--shadow-color));
  opacity: 1;
}
.feature-button-shadow:hover:before {
  opacity: 0;
}
.CuHomeTabs_wrapper___kPh_ {
  position: relative;
  display: flex;
  justify-content: center;
  inline-size: var(--size-v3-homepage-container);
  max-inline-size: 100%;
  overflow: visible;
  padding-block-end: 100px;
}
@media (min-width: 1200px) {
  .CuHomeTabs_wrapper___kPh_ {
    overflow: visible;
    max-inline-size: unset;
    padding-block-end: 200px;
  }
}
.CuHomeTabs_wrapper___kPh_:after {
  content: "";
  position: absolute;
  inset-block-end: 10px;
  inline-size: 100%;
  block-size: 100px;
  background-image: url(/assets/home-test/tab-decoration.png);
  background-position: center -20px;
  background-repeat: no-repeat;
  background-size: 85%;
  transform: scale(0.9);
}
@media (min-width: 1200px) {
  .CuHomeTabs_wrapper___kPh_:after {
    block-size: 200px;
    background-size: unset;
    background-position: 50%;
  }
}
.feature-slider {
  position: relative;
  inline-size: 100%;
  padding-block-start: 70px;
}
@media (min-width: 1200px) {
  .feature-slider {
    padding-block-start: unset;
  }
}
@media (max-width: 600px) {
  .feature-slider {
    padding-block-start: 30px;
  }
}
.feature-slider:after,
.feature-slider:before {
  content: "";
  position: absolute;
  inset-block-start: 74px;
  inline-size: 90px;
  block-size: 100px;
  background-image: url(/assets/home-test/tab-nav-fade.svg);
  background-size: contain;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .feature-slider:after,
  .feature-slider:before {
    inset-block-start: 4px;
    inline-size: 200px;
    block-size: 90px;
  }
}
@media (max-width: 600px) {
  .feature-slider:after,
  .feature-slider:before {
    inset-block-start: 34px;
  }
}
.feature-slider:before {
  inset-inline-start: 0;
}
.feature-slider:after {
  inset-inline-end: 0;
  transform: rotate(180deg);
}
.CuHomeTabs_svgLeft__NRC_E,
.CuHomeTabs_svgMobile__Rj79J,
.CuHomeTabs_svgRight__Cw476 {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.CuHomeTabs_svgMobile__Rj79J {
  inset-block-start: 100px;
  display: block;
  inline-size: 100%;
  block-size: 100%;
  background-image: url(/assets/home-test/mobile-tabs-bg.svg);
  background-repeat: no-repeat;
  background-size: 111% auto;
  background-position: 50%;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .CuHomeTabs_svgMobile__Rj79J {
    display: none;
  }
}
.CuHomeTabs_svgLeft__NRC_E,
.CuHomeTabs_svgRight__Cw476 {
  display: none;
}
@media (min-width: 1200px) {
  .CuHomeTabs_svgLeft__NRC_E,
  .CuHomeTabs_svgRight__Cw476 {
    display: block;
  }
}
.CuHomeTabs_svgLeft__NRC_E {
  inset-inline-start: -110px;
  inset-block-start: -5px;
}
.CuHomeTabs_svgRight__Cw476 {
  inset-inline-start: 300px;
  inset-block-start: -10px;
}
.feature-buttons {
  overflow: hidden;
  max-inline-size: 100%;
}
@media (min-width: 1200px) {
  .feature-buttons {
    max-inline-size: unset;
  }
}
.CuHomeTabs_tabNavigation__63yMo {
  position: relative;
  display: flex;
  inline-size: 100%;
  justify-content: center;
  margin: auto;
  margin-block-end: 27px;
  padding-block-start: 10px;
}
@media (min-width: 1200px) {
  .CuHomeTabs_tabNavigation__63yMo {
    inline-size: var(--size-v3-homepage-container);
  }
}
.feature-button-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  inline-size: 115px;
  padding: 0;
  border: unset;
  background-color: transparent;
  transition: transform 0.2s ease-in-out;
}
.feature-button-container svg {
  filter: drop-shadow(0 5px 20px rgba(127, 118, 179, 0.1));
  transform: scale(0.9);
}
.feature-button-container:hover {
  cursor: pointer;
  transform: translateY(-3px);
}
.feature-button-container:after,
.feature-button-container:before {
  display: none;
}
.SvgContainerWrapper {
  flex-direction: column;
  inline-size: 115px;
}
.SvgContainer,
.SvgContainerWrapper {
  display: flex;
  align-items: center;
  filter: drop-shadow(0 5px 20px rgba(127, 118, 179, 0.1));
}
.SvgContainer {
  position: relative;
  flex-shrink: 0;
  justify-content: center;
  inline-size: 55px;
  block-size: 55px;
  background: rgb(var(--color-white));
  background: linear-gradient(130deg, #f8f8fc, #f8f8fc);
  clip-path: path(
    "M55 27.5C55 21.3548 54.7339 16.3754 54.3904 12.5079C53.8158 6.03697 48.963 1.18424 42.4921 0.609579C38.6246 0.266118 33.6452 0 27.5 0C21.3548 0 16.3754 0.266118 12.5079 0.609579C6.03697 1.18424 1.18424 6.03697 0.609579 12.5079C0.266118 16.3754 0 21.3548 0 27.5C0 33.8762 0.286505 38.9973 0.648635 42.9236C1.22382 49.1598 5.82715 53.8374 12.0652 54.3924C15.9146 54.7349 20.9952 55 27.5 55C34.0048 55 39.0854 54.7349 42.9348 54.3924C49.1729 53.8374 53.7762 49.1598 54.3514 42.9236C54.7135 38.9973 55 33.8762 55 27.5Z"
  );
}
.SvgContainer svg {
  max-block-size: 32px;
}
@media (max-width: 600px) {
  .SvgContainer {
    inline-size: 42px;
    block-size: 42px;
    clip-path: path(
      "M20.9488 41.5589C25.7952 41.5589 29.6819 41.3398 32.6553 41.0639C37.3073 40.6322 40.7999 37.1397 41.2316 32.4877C41.5075 29.5144 41.7266 25.6278 41.7266 20.7816C41.7266 15.9355 41.5075 12.0489 41.2316 9.07559C40.7999 4.42358 37.3073 0.931074 32.6553 0.49938C29.6819 0.223457 25.7952 0.00439383 20.9488 0.00439362C15.9307 0.0043934 11.9416 0.239247 8.9298 0.5289C4.44659 0.960068 1.08071 4.27182 0.663211 8.75632C0.388607 11.706 0.17102 15.6593 0.17102 20.7816C0.171019 25.904 0.388606 29.8573 0.66321 32.807C1.08071 37.2915 4.44658 40.6032 8.92979 41.0344C11.9415 41.324 15.9307 41.5589 20.9488 41.5589Z"
    );
  }
  .SvgContainer svg {
    transform: scale(0.7);
  }
}
.button-active .SvgContainer {
  background: linear-gradient(130deg, #24223e, #282642);
  transform: scale(1.25);
}
.button-active .SvgContainer svg path {
  stroke: rgb(var(--color-white));
}
.TabTitle {
  inline-size: 115px;
  margin-block-start: 11px;
  color: #7b73ae;
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  text-align: center;
}
@media (max-width: 600px) {
  .TabTitle {
    font-size: 12px;
  }
}
.button-active .TabTitle {
  color: #24223e;
  font-weight: 800;
  font-size: 16px;
}
@media (max-width: 600px) {
  .button-active .TabTitle {
    font-size: 14px;
  }
}
.feature-content {
  position: relative;
  max-inline-size: 100%;
  z-index: 3;
  margin-inline: 40px;
}
@media (max-width: 1200px) {
  .feature-content {
    margin-inline: unset;
  }
}
.feature-hidden {
  display: none;
}
.CuHomeTabs_image__tzPgs {
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 14px;
  background: linear-gradient(#fff, hsla(0, 0%, 100%, 0)) padding-box,
    linear-gradient(90deg, #45c4f9, #ff0be5) border-box;
  opacity: 1;
}
.CuHomeTabs_image__tzPgs img {
  transform: scale(1.002);
}
.feature-default-hidden {
  position: absolute;
  display: none;
  overflow: hidden;
  opacity: 0;
}
@media (min-width: 1200px) {
  .feature-default-hidden {
    display: block;
  }
}
.feature-default-img {
  inset-inline-end: -70px;
  inset-block-end: -70px;
}
.feature-default-img img {
  inline-size: 725px;
  block-size: auto;
}
.CuHomeTabs_imageSmDashboards__3c5jG {
  inset-inline-end: -60px;
  inset-block-end: -60px;
}
.CuHomeTabs_imageSmDashboards__3c5jG img {
  inline-size: 560px;
  block-size: auto;
}
.CuHomeTabs_imageSmAI__si9ux {
  inset-inline-end: -65px;
  inset-block-end: -72px;
}
.CuHomeTabs_imageSmAI__si9ux img {
  inline-size: 650px;
  block-size: auto;
}
.CuHomeTabs_imageSmForms__rPfSu {
  inset-inline-end: -60px;
  inset-block-end: -60px;
}
.CuHomeTabs_imageSmForms__rPfSu img {
  inline-size: 600px;
  block-size: auto;
}
.CuHomeTabs_imageSmSprints__DJ4DL {
  inset-inline-end: -70px;
  inset-block-end: -70px;
}
.CuHomeTabs_imageSmSprints__DJ4DL img {
  inline-size: 575px;
  block-size: auto;
}
.CuHomeTabs_imageSmDocs__8VztA {
  inset-inline-start: -70px;
  inset-block-end: -70px;
}
.CuHomeTabs_imageSmDocs__8VztA img {
  inline-size: 525px;
  block-size: auto;
}
.CuHomeTabs_imageSmTimetracking__4erbG {
  inset-inline-end: -65px;
  inset-block-end: -65px;
}
.CuHomeTabs_imageSmTimetracking__4erbG img {
  inline-size: 425px;
  block-size: auto;
}
.CuHomeTabs_imageSmWhiteboards___nKgQ {
  inset-inline-end: -55px;
  inset-block-end: -65px;
}
.CuHomeTabs_imageSmWhiteboards___nKgQ img {
  inline-size: 525px;
  block-size: auto;
}
.CuHomeTabs_imageSmChat__0j7L4 {
  inset-inline-end: -60px;
  inset-block-start: 60px;
}
.CuHomeTabs_imageSmChat__0j7L4 img {
  inline-size: 375px;
  block-size: auto;
}
.CuHomeTabs_imageVisible__U9iUI {
  position: relative;
  opacity: 1;
  visibility: visible;
  animation: CuHomeTabs_fadeIn__6V9ei 0.25s;
}
.CuHomeTabs_imageSmVisible__DbhKW {
  position: absolute;
  opacity: 1;
  animation: CuHomeTabs_fadeInSm__kaoqf 0.25s;
}
.CuHomeTabs_imageSmVisible__DbhKW picture {
  transform: scale(0.9);
}
.CuHomeTestParent_wrapper__b7YT0 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: visible;
  margin: 0 40px;
}
@media (max-width: 900px) {
  .CuHomeTestParent_wrapper__b7YT0 {
    margin: 0 20px;
  }
}
/*! CSS Used keyframes */
@keyframes CuHomeTabs_fadeIn__6V9ei {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes CuHomeTabs_fadeInSm__kaoqf {
  0% {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}