/* Interaction and animation layer. No framework or external runtime. */
html {
  scroll-behavior: smooth;
}
.site-header {
  z-index: 20;
}
.responsive-variant {
  display: contents;
}
.logo-track {
  opacity: 1 !important;
  will-change: transform;
}
.logo-ticker {
  touch-action: pan-y;
}
.js [data-appear] {
  opacity: 0.001;
}
.js .clients-content {
  opacity: 0;
}
.title-icon {
  transform: rotate(-16deg);
}
.foreground,
.foreground-image,
.dashboard {
  will-change: transform, opacity;
}
.fx-phgraz,
.fx-1jyahqn,
.fx-5718yu,
.fx-66d7x3,
.fx-7u26gy {
  transition:
    transform 0.4s cubic-bezier(0.44, 0, 0.56, 1),
    padding 0.4s cubic-bezier(0.44, 0, 0.56, 1),
    left 0.4s cubic-bezier(0.44, 0, 0.56, 1),
    right 0.4s cubic-bezier(0.44, 0, 0.56, 1);
}
.fx-L4G2x:is(.fx-v-pxq00i, .fx-v-yrv591):hover .fx-5718yu {
  transform: rotate(0deg) !important;
}
.fx-L4G2x:is(.fx-v-pxq00i, .fx-v-yrv591):hover .fx-66d7x3 {
  transform: rotate(45deg) !important;
}
.fx-rVZkL {
  transition: background-color 0.4s cubic-bezier(0.44, 0, 0.56, 1);
}
.fx-rVZkL.fx-v-izd065:hover {
  background-color: #000 !important;
}
.fx-rVZkL.fx-v-izd065:hover .fx-nsm8bf {
  --extracted-r6o4lv: #fff !important;
}
.fx-rVZkL .fx-nsm8bf p {
  transition: color 0.4s cubic-bezier(0.44, 0, 0.56, 1);
}
[data-part="Menu Button"] {
  cursor: pointer;
  border: 0;
  appearance: none;
}
[data-part="Menu Button"]:focus-visible,
a:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 5px;
}
.fx-tdc27 .mobile-menu {
  position: absolute;
  top: 72px;
  left: 0;
  right: 0;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  padding: 20px;
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 0 0 4px #dde5ed !important;
  z-index: 1;
  transform-origin: top;
  animation: menu-enter 0.4s cubic-bezier(0.44, 0, 0.56, 1);
}
.mobile-menu[hidden] {
  display: none;
}
.fx-tdc27 .mobile-menu[hidden] {
  display: none;
}
.menu-open [data-part="Divider"]:first-child {
  top: calc(50% - 1px);
  transform: rotate(-45deg) !important;
}
.menu-open [data-part="Divider"]:last-child {
  bottom: auto;
  top: calc(50% - 1px);
  transform: rotate(45deg) !important;
}
.fx-tdc27.open [data-part="Overlay"] {
  opacity: 1 !important;
  pointer-events: auto;
  cursor: pointer;
}
[data-part="Overlay"],
[data-part="Divider"] {
  transition:
    opacity 0.4s cubic-bezier(0.44, 0, 0.56, 1),
    transform 0.4s cubic-bezier(0.44, 0, 0.56, 1);
}
@keyframes menu-enter {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 809.98px) {
  .fx-tdc27 .mobile-menu {
    top: 66px;
    gap: 12px;
    padding: 16px;
    box-shadow: 0 0 0 2px #dde5ed !important;
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: no-preference) {
  :is(#smart-static-priority, :root) .hero .dashboard {
    transform: translateY(-16px) scale(0.88);
    transform-origin: center;
  }
  .hero .foreground {
    display: flex !important;
    inset: var(--hero-art-top, 75%) 0 0;
    overflow: clip;
  }
  .hero .foreground > [data-part="Wrap"] {
    height: 100%;
    padding-bottom: 30px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    transition: none !important;
  }
  .js [data-appear] {
    opacity: 1;
  }
  .foreground {
    display: none;
  }
}