/* foundry-form.css */
.mktoForm .mktoLabel {
  color: white !important;
}
.mktoForm .mktoButtonWrap.mktoMinimal .mktoButton {
  background-color: white !important;
}

.stat svg {
  width: 100%;
  height: 100%;
  display: block;
}
.stat .st-art {
  transform-box: fill-box;
  transform: scale(0.03);
  opacity: 0;
  will-change: transform, opacity;
}
.stat--up .st-art {
  transform-origin: left bottom;
}
.stat--down .st-art {
  transform-origin: left top;
}
.stat .st-num {
  opacity: 0;
}
.stat .st-label {
  opacity: 0;
}

.wf-design-mode .stat .st-num {
  opacity: 1;
}

.wf-deign-mode .stat .st-label {
  opacity: 1;
}
.hgrid.is-visible .stat .st-art {
  animation: stArt 1.4s cubic-bezier(0.78, 0, 0.22, 1) both;
  animation-delay: var(--d, 0s);
}
.hgrid.is-visible .stat .st-num {
  animation: stNum 0.4s ease-out both;
  animation-delay: calc(var(--d, 0s) + 0.62s);
}
.hgrid.is-visible .stat .st-label {
  animation: stLabel 0.5s ease-out both;
  animation-delay: calc(var(--d, 0s) + 0.85s);
}
@keyframes stArt {
  0% {
    opacity: 0;
    transform: scale(0.03);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes stNum {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes stLabel {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .stat .st-art,
  .stat .st-num,
  .stat .st-label {
    opacity: 1;
    transform: none;
    animation: none;
  }
}
/* Webflow Designer/Editor: embed JS doesn't run on the canvas, so
     .is-visible never fires and the stats would sit hidden. Force the
     finished (end-of-animation) state so they're visible while editing.
     (.wf-design-mode = Designer canvas, .w-editor = Editor — covering both.) */
.wf-design-mode .stat .st-art,
.w-editor .stat .st-art {
  opacity: 1;
  transform: scale(1);
  animation: none;
}
.wf-design-mode .stat .st-num,
.w-editor .stat .st-num {
  opacity: 1;
  animation: none;
}
.wf-design-mode .stat .st-label,
.w-editor .stat .st-label {
  opacity: 1;
  transform: none;
  animation: none;
}

@media (max-width: 467px) {
  .st-lbl {
    font-size: 30px;
  }
}