.elementor-13 .elementor-element.elementor-element-0e2a336{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-7f6bda6{text-align:center;}.elementor-13 .elementor-element.elementor-element-7f6bda6 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:800;line-height:20px;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-89c486c{padding:0px 200px 0px 0200px;text-align:center;color:#F1F5F9;}.elementor-widget-global .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13 .elementor-element.elementor-global-53 .elementor-button{background-color:transparent;background-image:linear-gradient(129deg, var( --e-global-color-accent ) 0%, #F63BE8 100%);border-radius:32px 32px 32px 32px;padding:15px 20px 15px 20px;}.elementor-13 .elementor-element.elementor-element-e54ebea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-90cd716{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-90cd716 .elementor-heading-title{font-family:var( --e-global-typography-89c1664-font-family ), Sans-serif;font-size:var( --e-global-typography-89c1664-font-size );font-weight:var( --e-global-typography-89c1664-font-weight );line-height:var( --e-global-typography-89c1664-line-height );color:var( --e-global-color-text );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-13 .elementor-element.elementor-element-a306fd2 img{border-radius:100px 100px 100px 100px;}.elementor-13 .elementor-element.elementor-element-b5990d0{text-align:center;}.elementor-13 .elementor-element.elementor-element-fc7d6d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-af13a87{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-af13a87 .elementor-heading-title{font-family:var( --e-global-typography-89c1664-font-family ), Sans-serif;font-size:var( --e-global-typography-89c1664-font-size );font-weight:var( --e-global-typography-89c1664-font-weight );line-height:var( --e-global-typography-89c1664-line-height );color:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-fd2f96d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-9de51be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-01aea9a{color:var( --e-global-color-b6333df );}.elementor-13 .elementor-element.elementor-element-3aff76d .elementor-heading-title{font-family:var( --e-global-typography-1ebed1c-font-family ), Sans-serif;font-size:var( --e-global-typography-1ebed1c-font-size );font-weight:var( --e-global-typography-1ebed1c-font-weight );line-height:var( --e-global-typography-1ebed1c-line-height );color:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-8dc34fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-7e7f41a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-cccbea6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-c4f7b95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-bc50e41{color:var( --e-global-color-b6333df );}.elementor-13 .elementor-element.elementor-element-d59f434 .elementor-heading-title{font-family:var( --e-global-typography-1ebed1c-font-family ), Sans-serif;font-size:var( --e-global-typography-1ebed1c-font-size );font-weight:var( --e-global-typography-1ebed1c-font-weight );line-height:var( --e-global-typography-1ebed1c-line-height );color:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-941c0b1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-2a5abed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-f523a49{color:var( --e-global-color-b6333df );}.elementor-13 .elementor-element.elementor-element-6efa5d6 .elementor-heading-title{font-family:var( --e-global-typography-1ebed1c-font-family ), Sans-serif;font-size:var( --e-global-typography-1ebed1c-font-size );font-weight:var( --e-global-typography-1ebed1c-font-weight );line-height:var( --e-global-typography-1ebed1c-line-height );color:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-02179e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-8615eb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:30px 30px 30px 30px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-8615eb5:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-8615eb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1E35;}.elementor-13 .elementor-element.elementor-element-5342617{padding:0px 30px 0px 30px;text-align:center;}.elementor-13 .elementor-element.elementor-element-5342617 .elementor-heading-title{font-family:var( --e-global-typography-89c1664-font-family ), Sans-serif;font-size:var( --e-global-typography-89c1664-font-size );font-weight:var( --e-global-typography-89c1664-font-weight );line-height:var( --e-global-typography-89c1664-line-height );color:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-647d17f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-af1c8a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-288977a .elementor-heading-title{font-family:var( --e-global-typography-89c1664-font-family ), Sans-serif;font-size:var( --e-global-typography-89c1664-font-size );font-weight:var( --e-global-typography-89c1664-font-weight );line-height:var( --e-global-typography-89c1664-line-height );color:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-f97db86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-4b8cd8f{--display:flex;}.elementor-13 .elementor-element.elementor-element-c9a9b7c{--display:flex;}.elementor-13 .elementor-element.elementor-element-b4ca006{--display:flex;}.elementor-13 .elementor-element.elementor-element-f4342ea{--display:flex;}.elementor-13 .elementor-element.elementor-element-a82d5e8{--display:flex;}.elementor-13 .elementor-element.elementor-element-651131d{--n-accordion-title-font-size:var( --e-global-typography-7b5ff70-font-size );--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-title-hover-color:var( --e-global-color-secondary );--n-accordion-title-active-color:var( --e-global-color-secondary );--n-accordion-icon-size:15px;}:where( .elementor-13 .elementor-element.elementor-element-651131d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-7b5ff70-font-family ), Sans-serif;font-weight:var( --e-global-typography-7b5ff70-font-weight );line-height:var( --e-global-typography-7b5ff70-line-height );}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-0e2a336{--content-width:920px;}.elementor-13 .elementor-element.elementor-element-e54ebea{--content-width:920px;}.elementor-13 .elementor-element.elementor-element-fc7d6d9{--content-width:920px;}.elementor-13 .elementor-element.elementor-element-9de51be{--width:50%;}.elementor-13 .elementor-element.elementor-element-8dc34fd{--width:50%;}.elementor-13 .elementor-element.elementor-element-cccbea6{--width:50%;}.elementor-13 .elementor-element.elementor-element-c4f7b95{--width:50%;}.elementor-13 .elementor-element.elementor-element-2a5abed{--width:50%;}.elementor-13 .elementor-element.elementor-element-02179e3{--width:50%;}.elementor-13 .elementor-element.elementor-element-8615eb5{--content-width:920px;}.elementor-13 .elementor-element.elementor-element-af1c8a8{--width:50%;}.elementor-13 .elementor-element.elementor-element-f97db86{--width:50%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-13 .elementor-element.elementor-element-89c486c{padding:0px 0150px 0px 0150px;}.elementor-13 .elementor-element.elementor-element-90cd716 .elementor-heading-title{font-size:var( --e-global-typography-89c1664-font-size );line-height:var( --e-global-typography-89c1664-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-13 .elementor-element.elementor-element-af13a87 .elementor-heading-title{font-size:var( --e-global-typography-89c1664-font-size );line-height:var( --e-global-typography-89c1664-line-height );}.elementor-13 .elementor-element.elementor-element-3aff76d .elementor-heading-title{font-size:var( --e-global-typography-1ebed1c-font-size );line-height:var( --e-global-typography-1ebed1c-line-height );}.elementor-13 .elementor-element.elementor-element-d59f434 .elementor-heading-title{font-size:var( --e-global-typography-1ebed1c-font-size );line-height:var( --e-global-typography-1ebed1c-line-height );}.elementor-13 .elementor-element.elementor-element-6efa5d6 .elementor-heading-title{font-size:var( --e-global-typography-1ebed1c-font-size );line-height:var( --e-global-typography-1ebed1c-line-height );}.elementor-13 .elementor-element.elementor-element-5342617 .elementor-heading-title{font-size:var( --e-global-typography-89c1664-font-size );line-height:var( --e-global-typography-89c1664-line-height );}.elementor-13 .elementor-element.elementor-element-288977a .elementor-heading-title{font-size:var( --e-global-typography-89c1664-font-size );line-height:var( --e-global-typography-89c1664-line-height );}.elementor-13 .elementor-element.elementor-element-651131d{--n-accordion-title-font-size:var( --e-global-typography-7b5ff70-font-size );}:where( .elementor-13 .elementor-element.elementor-element-651131d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-7b5ff70-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-13 .elementor-element.elementor-element-89c486c{padding:0px 020px 0px 020px;}.elementor-13 .elementor-element.elementor-element-90cd716 .elementor-heading-title{font-size:var( --e-global-typography-89c1664-font-size );line-height:var( --e-global-typography-89c1664-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-13 .elementor-element.elementor-element-af13a87 .elementor-heading-title{font-size:var( --e-global-typography-89c1664-font-size );line-height:var( --e-global-typography-89c1664-line-height );}.elementor-13 .elementor-element.elementor-element-3aff76d .elementor-heading-title{font-size:var( --e-global-typography-1ebed1c-font-size );line-height:var( --e-global-typography-1ebed1c-line-height );}.elementor-13 .elementor-element.elementor-element-d59f434 .elementor-heading-title{font-size:var( --e-global-typography-1ebed1c-font-size );line-height:var( --e-global-typography-1ebed1c-line-height );}.elementor-13 .elementor-element.elementor-element-6efa5d6 .elementor-heading-title{font-size:var( --e-global-typography-1ebed1c-font-size );line-height:var( --e-global-typography-1ebed1c-line-height );}.elementor-13 .elementor-element.elementor-element-5342617 .elementor-heading-title{font-size:var( --e-global-typography-89c1664-font-size );line-height:var( --e-global-typography-89c1664-line-height );}.elementor-13 .elementor-element.elementor-element-288977a .elementor-heading-title{font-size:var( --e-global-typography-89c1664-font-size );line-height:var( --e-global-typography-89c1664-line-height );}.elementor-13 .elementor-element.elementor-element-651131d{--n-accordion-title-font-size:var( --e-global-typography-7b5ff70-font-size );}:where( .elementor-13 .elementor-element.elementor-element-651131d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-7b5ff70-line-height );}}/* Start custom CSS for global, class: .elementor-global-122 */.carousel-section {
  padding: 4rem 0;
  overflow: hidden;
  width: 100%;
  -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
  mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
  contain: content;
}

.carousel-track {
  display: flex;
  gap: 1.5rem;
  animation: scroll 40s linear infinite;
  width: max-content;
  will-change: transform;
  backface-visibility: hidden;
}

.carousel-track:hover {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-track {
    animation: none;
  }
}

@keyframes scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.review-card {
  flex-shrink: 0;
  width: 350px;
  background-color: #0F1E35;
  border: 1px solid #F1F5F9;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  contain: layout style paint;
}

.review-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.avatar {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #334155;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 1.125rem;
}

.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}

.reviewer-info h4 {
  font-weight: 600;
  color: #ffffff;
  font-size: 1rem;
  margin: 0;
}

.reviewer-info p {
  font-size: 0.875rem;
  color: #cbd5e1;
  margin: 0;
}

.star-rating {
  display: flex;
  gap: 0.125rem;
}

.star {
  width: 16px;
  height: 16px;
  color: #facc15;
}

.review-content {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.625;
  color: #e2e8f0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6664339 */@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

.attribution-animation-container {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #0F1E35;
  padding: 2rem;
  width: 100%;
  max-width: 36rem;
  margin: 0 auto;
  box-sizing: border-box;
}

.attribution-animation-container * {
  box-sizing: border-box;
}

/* Visitor Section */
.visitor-section {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.visitor-icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-color: #0F1E35;
  border: 2px solid #F1F5F9;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: visitorAnim 9s ease infinite;
}

@keyframes visitorAnim {
  0%, 5.5% { opacity: 0.5; transform: scale(0.9); }
  6%, 100% { opacity: 1; transform: scale(1); }
}

.visitor-svg {
  width: 1.75rem;
  height: 1.75rem;
  color: white;
}

/* Journey Container */
.journey-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.journey-line-bg {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #334155;
  transform: translateY(-50%);
  border-radius: 9999px;
}

.journey-line-progress {
  position: absolute;
  top: 50%;
  left: 0;
  height: 4px;
  background: linear-gradient(to right, #4285F4, #1877F2, #0A66C2);
  transform: translateY(-50%);
  border-radius: 9999px;
  animation: journeyProgress 9s ease-out infinite;
}

@keyframes journeyProgress {
  0%, 5.5% { width: 0; }
  22% { width: 33.33%; }
  38.5% { width: 66.66%; }
  50%, 100% { width: 100%; }
}

/* Touchpoints */
.touchpoint {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.touchpoint-card {
  width: 4rem;
  height: 4rem;
  border-radius: 0.75rem;
  background-color: #0F1E35;
  border: 2px solid #475569;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
}

.touchpoint-0 .touchpoint-card { animation: touchpoint0 9s ease infinite; }
.touchpoint-1 .touchpoint-card { animation: touchpoint1 9s ease infinite; }
.touchpoint-2 .touchpoint-card { animation: touchpoint2 9s ease infinite; }

@keyframes touchpoint0 {
  0%, 5.5% { opacity: 0.5; border-color: #475569; transform: scale(1); box-shadow: none; }
  6%, 21% { opacity: 1; border-color: #F1F5F9; transform: scale(1.1); box-shadow: 0 0 20px rgba(66, 133, 244, 0.4); }
  22%, 100% { opacity: 1; border-color: #F1F5F9; transform: scale(1); box-shadow: none; }
}

@keyframes touchpoint1 {
  0%, 21% { opacity: 0.5; border-color: #475569; transform: scale(1); box-shadow: none; }
  22%, 37% { opacity: 1; border-color: #F1F5F9; transform: scale(1.1); box-shadow: 0 0 20px rgba(24, 119, 242, 0.4); }
  38%, 100% { opacity: 1; border-color: #F1F5F9; transform: scale(1); box-shadow: none; }
}

@keyframes touchpoint2 {
  0%, 37% { opacity: 0.5; border-color: #475569; transform: scale(1); box-shadow: none; }
  38%, 49% { opacity: 1; border-color: #F1F5F9; transform: scale(1.1); box-shadow: 0 0 20px rgba(10, 102, 194, 0.4); }
  50%, 100% { opacity: 1; border-color: #F1F5F9; transform: scale(1); box-shadow: none; }
}

.platform-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.platform-name {
  font-size: 0.625rem;
  color: #cbd5e1;
  margin-top: 0.25rem;
  font-weight: 500;
}

.day-label {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  font-weight: 500;
  color: #64748b;
}

.day-label-0 { animation: labelAnim0 9s ease infinite; }
.day-label-1 { animation: labelAnim1 9s ease infinite; }
.day-label-2 { animation: labelAnim2 9s ease infinite; }

@keyframes labelAnim0 {
  0%, 5.5% { color: #64748b; }
  6%, 100% { color: white; }
}
@keyframes labelAnim1 {
  0%, 21% { color: #64748b; }
  22%, 100% { color: white; }
}
@keyframes labelAnim2 {
  0%, 37% { color: #64748b; }
  38%, 100% { color: white; }
}

/* Attribution Badges */
.attribution-badge {
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  opacity: 0;
  transform: scale(0);
}

.badge-0 { background-color: #4285F4; animation: badgeAnim0 9s ease infinite; }
.badge-1 { background-color: #1877F2; animation: badgeAnim1 9s ease infinite; }
.badge-2 { background-color: #0A66C2; animation: badgeAnim2 9s ease infinite; }

@keyframes badgeAnim0 {
  0%, 66% { opacity: 0; transform: scale(0); }
  67%, 100% { opacity: 1; transform: scale(1); }
}
@keyframes badgeAnim1 {
  0%, 70% { opacity: 0; transform: scale(0); }
  71%, 100% { opacity: 1; transform: scale(1); }
}
@keyframes badgeAnim2 {
  0%, 73% { opacity: 0; transform: scale(0); }
  74%, 100% { opacity: 1; transform: scale(1); }
}

/* Conversion Section */
.conversion-section {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

.conversion-card {
  background-color: #0F1E35;
  border: 2px solid #F1F5F9;
  border-radius: 0.75rem;
  padding: 1rem;
  min-width: 200px;
  opacity: 0;
  transform: translateY(1rem);
  animation: conversionCardAnim 9s ease infinite;
}

@keyframes conversionCardAnim {
  0%, 49% { opacity: 0; transform: translateY(1rem); }
  55%, 100% { opacity: 1; transform: translateY(0); }
}

.conversion-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.check-icon-wrapper {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: rgba(16, 185, 129, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.check-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #34d399;
}

.conversion-title {
  color: white;
  font-weight: 600;
  font-size: 0.875rem;
  margin: 0;
}

.conversion-subtitle {
  color: #94a3b8;
  font-size: 0.75rem;
  margin: 0;
}

/* Revenue Section */
.revenue-section {
  border-top: 1px solid #475569;
  padding-top: 0.75rem;
  margin-top: 0.5rem;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  animation: revenueSectionAnim 9s ease infinite;
}

@keyframes revenueSectionAnim {
  0%, 60% { opacity: 0; max-height: 0; }
  65%, 100% { opacity: 1; max-height: 200px; }
}

.revenue-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.revenue-label {
  color: #94a3b8;
  font-size: 0.75rem;
}

.revenue-amount-total {
  color: #34d399;
  font-weight: 700;
}

.attribution-list {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.attribution-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  opacity: 0;
}

.attr-item-0 { animation: attrItemAnim0 9s ease infinite; }
.attr-item-1 { animation: attrItemAnim1 9s ease infinite; }
.attr-item-2 { animation: attrItemAnim2 9s ease infinite; }

@keyframes attrItemAnim0 {
  0%, 66% { opacity: 0; }
  67%, 100% { opacity: 1; }
}
@keyframes attrItemAnim1 {
  0%, 70% { opacity: 0; }
  71%, 100% { opacity: 1; }
}
@keyframes attrItemAnim2 {
  0%, 73% { opacity: 0; }
  74%, 100% { opacity: 1; }
}

.attr-channel {
  color: #94a3b8;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.attr-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.attr-dot-google { background-color: #4285F4; }
.attr-dot-meta { background-color: #1877F2; }
.attr-dot-linkedin { background-color: #0A66C2; }

.attr-value {
  color: #34d399;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa1f850 */@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

.journey-animation-container {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #0F1E35;
  padding: 2rem;
  width: 100%;
  max-width: 36rem;
  margin: 0 auto;
  box-sizing: border-box;
}

.journey-animation-container * {
  box-sizing: border-box;
}

.journey-title {
  color: #94a3b8;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 1.5rem;
  text-align: center;
  font-weight: 500;
}

.journey-path {
  margin-top: 2rem;
  position: relative;
}

.connection-line-bg {
  position: absolute;
  top: 1.5rem;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #334155;
}

.connection-line-progress {
  position: absolute;
  top: 1.5rem;
  left: 0;
  height: 2px;
  width: 0;
  background: linear-gradient(to right, #3b82f6, #8b5cf6, #ec4899);
  animation: progressLine 9s ease-out infinite;
}

@keyframes progressLine {
  0% { width: 0; }
  5.5% { width: 0; }
  16.5% { width: 25%; }
  27.5% { width: 50%; }
  38.5% { width: 75%; }
  50%, 100% { width: 100%; }
}

.pages-container {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.page-node-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page-node {
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #475569;
  background-color: #0F1E35;
  transform: scale(0.9);
  opacity: 0.5;
}

.page-icon {
  font-size: 1.25rem;
}

.page-label {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #64748b;
}

/* Page node animations */
.page-node-0 {
  animation: pageNode0 9s ease infinite;
}
.page-node-1 {
  animation: pageNode1 9s ease infinite;
}
.page-node-2 {
  animation: pageNode2 9s ease infinite;
}
.page-node-3 {
  animation: pageNode3 9s ease infinite;
}

@keyframes pageNode0 {
  0%, 5.5% { transform: scale(0.9); opacity: 0.5; border-color: #475569; box-shadow: none; }
  6%, 16% { transform: scale(1.1); opacity: 1; border-color: #F1F5F9; box-shadow: 0 0 20px rgba(139, 92, 246, 0.4); }
  17%, 100% { transform: scale(1.1); opacity: 1; border-color: #F1F5F9; box-shadow: none; }
}

@keyframes pageNode1 {
  0%, 16.5% { transform: scale(0.9); opacity: 0.5; border-color: #475569; box-shadow: none; }
  17%, 27% { transform: scale(1.1); opacity: 1; border-color: #F1F5F9; box-shadow: 0 0 20px rgba(139, 92, 246, 0.4); }
  28%, 100% { transform: scale(1.1); opacity: 1; border-color: #F1F5F9; box-shadow: none; }
}

@keyframes pageNode2 {
  0%, 27.5% { transform: scale(0.9); opacity: 0.5; border-color: #475569; box-shadow: none; }
  28%, 38% { transform: scale(1.1); opacity: 1; border-color: #F1F5F9; box-shadow: 0 0 20px rgba(139, 92, 246, 0.4); }
  39%, 100% { transform: scale(1.1); opacity: 1; border-color: #F1F5F9; box-shadow: none; }
}

@keyframes pageNode3 {
  0%, 38.5% { transform: scale(0.9); opacity: 0.5; border-color: #475569; box-shadow: none; }
  39%, 49% { transform: scale(1.1); opacity: 1; border-color: #F1F5F9; box-shadow: 0 0 20px rgba(139, 92, 246, 0.4); }
  50%, 100% { transform: scale(1.1); opacity: 1; border-color: #F1F5F9; box-shadow: none; }
}

/* Page label animations */
.page-label-0 { animation: labelAnim0 9s ease infinite; }
.page-label-1 { animation: labelAnim1 9s ease infinite; }
.page-label-2 { animation: labelAnim2 9s ease infinite; }
.page-label-3 { animation: labelAnim3 9s ease infinite; }

@keyframes labelAnim0 {
  0%, 5.5% { color: #64748b; }
  6%, 100% { color: white; }
}
@keyframes labelAnim1 {
  0%, 16.5% { color: #64748b; }
  17%, 100% { color: white; }
}
@keyframes labelAnim2 {
  0%, 27.5% { color: #64748b; }
  28%, 100% { color: white; }
}
@keyframes labelAnim3 {
  0%, 38.5% { color: #64748b; }
  39%, 100% { color: white; }
}

/* Revenue card */
.revenue-card {
  margin-top: 2rem;
  border-radius: 0.75rem;
  border: 2px solid #F1F5F9;
  background-color: #0F1E35;
  padding: 1rem;
  opacity: 0;
  transform: translateY(1rem);
  animation: revenueCardAnim 9s ease infinite;
}

@keyframes revenueCardAnim {
  0%, 49% { opacity: 0; transform: translateY(1rem); }
  55%, 100% { opacity: 1; transform: translateY(0); }
}

.revenue-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.revenue-title {
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 500;
}

.revenue-total {
  color: #34d399;
  font-weight: 700;
}

.revenue-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.revenue-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
}

.revenue-item-0 { animation: revenueItemAnim0 9s ease infinite; }
.revenue-item-1 { animation: revenueItemAnim1 9s ease infinite; }
.revenue-item-2 { animation: revenueItemAnim2 9s ease infinite; }
.revenue-item-3 { animation: revenueItemAnim3 9s ease infinite; }

@keyframes revenueItemAnim0 {
  0%, 68% { opacity: 0; }
  69%, 100% { opacity: 1; }
}
@keyframes revenueItemAnim1 {
  0%, 64% { opacity: 0; }
  65%, 100% { opacity: 1; }
}
@keyframes revenueItemAnim2 {
  0%, 60% { opacity: 0; }
  61%, 100% { opacity: 1; }
}
@keyframes revenueItemAnim3 {
  0%, 55% { opacity: 0; }
  56%, 100% { opacity: 1; }
}

.revenue-item-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.revenue-icon {
  font-size: 1.125rem;
}

.revenue-path {
  color: #cbd5e1;
  font-size: 0.875rem;
}

.revenue-item-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.progress-bar-bg {
  width: 5rem;
  height: 0.375rem;
  border-radius: 9999px;
  background-color: #334155;
  overflow: hidden;
}

.progress-bar-fill {
  height: 100%;
  width: 0;
  border-radius: 9999px;
  background-color: #10b981;
}

.progress-fill-0 { animation: progressFillAnim0 9s ease infinite; }
.progress-fill-1 { animation: progressFillAnim1 9s ease infinite; }
.progress-fill-2 { animation: progressFillAnim2 9s ease infinite; }
.progress-fill-3 { animation: progressFillAnim3 9s ease infinite; }

@keyframes progressFillAnim0 {
  0%, 68% { width: 0; }
  75%, 100% { width: 100%; }
}
@keyframes progressFillAnim1 {
  0%, 64% { width: 0; }
  71%, 100% { width: 100%; }
}
@keyframes progressFillAnim2 {
  0%, 60% { width: 0; }
  67%, 100% { width: 100%; }
}
@keyframes progressFillAnim3 {
  0%, 55% { width: 0; }
  62%, 100% { width: 100%; }
}

.revenue-amount {
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
  width: 3rem;
  text-align: right;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd72b55 */@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

.integrations-animation-container {
  font-family: 'Plus Jakarta Sans', sans-serif;
  position: relative;
  width: 100%;
  height: 320px;
  background-color: #0F1E35;
  border-radius: 0.75rem;
  overflow: hidden;
  box-sizing: border-box;
}

.integrations-animation-container * {
  box-sizing: border-box;
}

#integrationsCanvas {
  display: block;
}/* End custom CSS */