@keyframes svcRise        { from { opacity:0; transform:translate3d(0,18px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes svcSlideRight  { from { opacity:0; transform:translate3d(-20px,0,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes svcSlideLeft   { from { opacity:0; transform:translate3d(20px,0,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes svcZoomIn      { from { opacity:0; transform:scale3d(.96,.96,1); } to { opacity:1; transform:scale3d(1,1,1); } }
@keyframes svcExpandX     { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes svcCounterIn   { from { opacity:0; transform:translate3d(0,22px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes svcHeroTitleIn { from { opacity:0; transform:translate3d(0,22px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes svcGlowPulse   { 0%,100% { opacity:1; } 50% { opacity:.78; } }
@keyframes svcGlowIn      { from { opacity:0; } to { opacity:1; } }


.bx-lp .hero { position:relative; overflow:hidden; }
.bx-lp .hero::before {
  content:''; position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 60%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0%,#000 60%,transparent 100%);
  pointer-events:none; z-index:0; opacity:1;
  animation:svcGlowIn 2.4s ease-out 0s both;
}
.bx-lp .hero::after {
  content:''; position:absolute; top:-10%; right:-8%;
  width:680px; height:680px;
  background:radial-gradient(circle,rgba(96,165,250,.22) 0%,transparent 65%);
  filter:blur(56px); pointer-events:none; z-index:0;
  animation:svcGlowIn 2.4s ease-out 0s both, svcGlowPulse 18s ease-in-out 2.4s infinite;
  will-change:opacity;
}
.bx-lp .hero-inner { position:relative; z-index:2; }


.bx-lp .hero .svca-tag,
.bx-lp .hero .svca-h1,
.bx-lp .hero .svca-sub,
.bx-lp .hero .svca-ctas,
.bx-lp .hero .svca-stats,
.bx-lp .hero .svca-stats > div {
  will-change:transform,opacity;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
}

.bx-lp .hero .svca-tag       { animation:svcSlideRight  1.2s cubic-bezier(.22,1,.36,1) 0s    both; }
.bx-lp .hero .svca-h1        { animation:svcHeroTitleIn 1.3s cubic-bezier(.22,1,.36,1) .12s  both; }
.bx-lp .hero .svca-sub       { animation:svcRise        1.2s cubic-bezier(.22,1,.36,1) .26s  both; }
.bx-lp .hero .svca-ctas      { animation:svcRise        1.2s cubic-bezier(.22,1,.36,1) .40s  both; }
.bx-lp .hero .svca-stats     { animation:svcRise        1.2s cubic-bezier(.22,1,.36,1) .54s  both; }
.bx-lp .hero .svca-stats > div:nth-child(1) { animation:svcRise 1.0s cubic-bezier(.22,1,.36,1) .68s both; }
.bx-lp .hero .svca-stats > div:nth-child(2) { animation:svcRise 1.0s cubic-bezier(.22,1,.36,1) .82s both; }
.bx-lp .hero .svca-stats > div:nth-child(3) { animation:svcRise 1.0s cubic-bezier(.22,1,.36,1) .96s both; }


.bx-lp .hero h1 em, .bx-lp .sec-title em {
  font-style:normal; position:relative; display:inline-block;
}
.bx-lp .hero h1 em::after, .bx-lp .sec-title em::after {
  content:''; position:absolute; left:0; right:0; bottom:-4px; height:6px;
  background:linear-gradient(90deg,rgba(37,99,235,.55) 0%,rgba(96,165,250,.55) 100%);
  transform:scaleX(0); transform-origin:left;
  animation:svcExpandX .9s cubic-bezier(.22,1,.36,1) 1.1s both;
}


@supports (animation-timeline: view()) {
  .bx-lp .sec-label,
  .bx-lp .sec-title,
  .bx-lp .sec-lead,
  .bx-lp .cost-num-block,
  .bx-lp .final-ctas {
    animation: svcRise 1.4s cubic-bezier(.22,1,.36,1) both;
    animation-timeline: view();
    animation-range: entry 0% cover 60%;
  }
  .bx-lp .prob-card,
  .bx-lp .reason-card,
  .bx-lp .step-card,
  .bx-lp .plan-card,
  .bx-lp .tool-card,
  .bx-lp .cost-item {
    animation: svcZoomIn 1.4s cubic-bezier(.22,1,.36,1) both;
    animation-timeline: view();
    animation-range: entry 0% cover 65%;
  }
  .bx-lp .faq-item {
    animation: svcRise 1.2s cubic-bezier(.22,1,.36,1) both;
    animation-timeline: view();
    animation-range: entry 0% cover 60%;
  }
  .bx-lp .ba-col {
    animation: svcRise 1.4s cubic-bezier(.22,1,.36,1) both;
    animation-timeline: view();
    animation-range: entry 0% cover 65%;
  }
  .bx-lp .hero-stat-num,
  .bx-lp .cost-num,
  .bx-lp .prob-card-num,
  .bx-lp .reason-num,
  .bx-lp .tool-num,
  .bx-lp .step-num {
    animation: svcCounterIn 1.2s cubic-bezier(.22,1,.36,1) both;
    animation-timeline: view();
    animation-range: entry 5% cover 60%;
  }
}


@supports not (animation-timeline: view()) {
  .bx-lp .svca-watch {
    opacity: 0;
    transform: translate3d(0,22px,0);
    transition: opacity 1.3s cubic-bezier(.22,1,.36,1), transform 1.3s cubic-bezier(.22,1,.36,1);
    will-change: opacity, transform;
    backface-visibility: hidden;
  }
  .bx-lp .svca-watch.svca-zoom { transform: scale3d(.96,.96,1); }
  .bx-lp .svca-watch.svca-slide-r { transform: translate3d(-18px,0,0); }
  .bx-lp .svca-watch.svca-counter { transform: translate3d(0,24px,0); }
  .bx-lp .svca-watch.svca-in {
    opacity: 1 !important;
    transform: translate3d(0,0,0) !important;
  }
}


@media (hover: hover) and (pointer: fine) {
  .bx-lp .prob-card,
  .bx-lp .reason-card,
  .bx-lp .step-card,
  .bx-lp .plan-card,
  .bx-lp .tool-card,
  .bx-lp .cost-item,
  .bx-lp .faq-item {
    transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s cubic-bezier(.22,1,.36,1), border-color .35s cubic-bezier(.22,1,.36,1);
  }
  .bx-lp .prob-card:hover,
  .bx-lp .reason-card:hover,
  .bx-lp .step-card:hover,
  .bx-lp .plan-card:hover,
  .bx-lp .tool-card:hover {
    transform: translate3d(0,-4px,0);
    box-shadow: 0 16px 36px rgba(37,99,235,.16), 0 4px 12px rgba(15,23,42,.06);
  }
}


@media (max-width: 768px) {
  @keyframes svcRise        { from { opacity:0; transform:translate3d(0,14px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
  @keyframes svcSlideRight  { from { opacity:0; transform:translate3d(-14px,0,0); } to { opacity:1; transform:translate3d(0,0,0); } }
  @keyframes svcSlideLeft   { from { opacity:0; transform:translate3d(14px,0,0); } to { opacity:1; transform:translate3d(0,0,0); } }
  @keyframes svcZoomIn      { from { opacity:0; transform:scale3d(.97,.97,1); } to { opacity:1; transform:scale3d(1,1,1); } }
  @keyframes svcCounterIn   { from { opacity:0; transform:translate3d(0,16px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
  @keyframes svcHeroTitleIn { from { opacity:0; transform:translate3d(0,16px,0); } to { opacity:1; transform:translate3d(0,0,0); } }

  
  .bx-lp .hero::after { display:none; }
  
  .bx-lp .hero::before { background-size:48px 48px; opacity:.85; }

  
  .bx-lp .hero .svca-tag       { animation-duration:1.0s;  animation-delay:0s; }
  .bx-lp .hero .svca-h1        { animation-duration:1.1s;  animation-delay:.10s; }
  .bx-lp .hero .svca-sub       { animation-duration:1.0s;  animation-delay:.22s; }
  .bx-lp .hero .svca-ctas      { animation-duration:1.0s;  animation-delay:.34s; }
  .bx-lp .hero .svca-stats     { animation-duration:1.0s;  animation-delay:.46s; }
  .bx-lp .hero .svca-stats > div:nth-child(1) { animation-duration:.85s; animation-delay:.58s; }
  .bx-lp .hero .svca-stats > div:nth-child(2) { animation-duration:.85s; animation-delay:.70s; }
  .bx-lp .hero .svca-stats > div:nth-child(3) { animation-duration:.85s; animation-delay:.82s; }

  
  .bx-lp .hero h1 em::after, .bx-lp .sec-title em::after {
    animation-duration:.8s; animation-delay:1.0s;
  }

  
  .bx-lp .hero .svca-tag,
  .bx-lp .hero .svca-h1,
  .bx-lp .hero .svca-sub,
  .bx-lp .hero .svca-ctas,
  .bx-lp .hero .svca-stats,
  .bx-lp .hero .svca-stats > div {
    will-change: auto;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
  }

  
  @supports (animation-timeline: view()) {
    .bx-lp .sec-label,
    .bx-lp .sec-title,
    .bx-lp .sec-lead,
    .bx-lp .cost-num-block,
    .bx-lp .final-ctas,
    .bx-lp .ba-col,
    .bx-lp .faq-item {
      animation-range: entry 0% cover 80%;
    }
    .bx-lp .prob-card,
    .bx-lp .reason-card,
    .bx-lp .step-card,
    .bx-lp .plan-card,
    .bx-lp .tool-card,
    .bx-lp .cost-item {
      animation-range: entry 0% cover 85%;
    }
    .bx-lp .hero-stat-num,
    .bx-lp .cost-num,
    .bx-lp .prob-card-num,
    .bx-lp .reason-num,
    .bx-lp .tool-num,
    .bx-lp .step-num {
      animation-range: entry 5% cover 75%;
    }
  }

  
  @supports not (animation-timeline: view()) {
    .bx-lp .svca-watch {
      transition: opacity 1.1s cubic-bezier(.22,1,.36,1), transform 1.1s cubic-bezier(.22,1,.36,1);
    }
    .bx-lp .svca-watch.svca-zoom { transform: scale3d(.97,.97,1); }
    .bx-lp .svca-watch.svca-slide-r { transform: translate3d(-16px,0,0); }
    .bx-lp .svca-watch.svca-counter { transform: translate3d(0,18px,0); }
  }
}


@media (max-width: 480px) {
  
  .bx-lp .hero::after { animation: none !important; }
  
  .bx-lp .hero .svca-tag       { animation-duration:.9s; }
  .bx-lp .hero .svca-h1        { animation-duration:1.0s; }
  .bx-lp .hero .svca-sub       { animation-duration:.9s; }
  .bx-lp .hero .svca-ctas      { animation-duration:.9s; }
  .bx-lp .hero .svca-stats     { animation-duration:.9s; }
}


@supports not ((mask-image: linear-gradient(180deg,#000,transparent)) or (-webkit-mask-image: linear-gradient(180deg,#000,transparent))) {
  .bx-lp .hero::before { display:none; }
}


@media (prefers-reduced-motion: reduce) {
  .bx-lp *, .bx-lp *::before, .bx-lp *::after {
    animation: none !important;
    transition: none !important;
  }
  .bx-lp .svca-tag, .bx-lp .svca-h1, .bx-lp .svca-sub, .bx-lp .svca-ctas, .bx-lp .svca-stats, .bx-lp .svca-stats > div {
    opacity: 1 !important;
    transform: none !important;
  }
}