.huly-hero-section {
  isolation: isolate;
}

.huly-hero-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  opacity: 1;
  pointer-events: none;
}

.huly-mobile-menu-fallback {
  display: none;
}

@media (max-width: 767px) {
  .huly-mobile-menu-fallback {
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease;
    visibility: hidden;
    z-index: -1;
  }

  .huly-mobile-menu-open .huly-mobile-menu-fallback {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    z-index: 39;
  }

  .huly-mobile-submenu {
    max-height: 0;
    margin-top: 0 !important;
    opacity: 0;
    overflow: hidden;
    transition: max-height 200ms ease, opacity 200ms ease;
    visibility: hidden;
  }

  .huly-mobile-menu-details[open] .huly-mobile-submenu {
    margin-top: 0.625rem !important;
    max-height: 360px;
    opacity: 1;
    visibility: visible;
  }

  .huly-mobile-menu-summary {
    cursor: pointer;
    list-style: none;
  }

  .huly-mobile-menu-summary::-webkit-details-marker {
    display: none;
  }

  .huly-mobile-menu-details[open] .huly-mobile-menu-summary img {
    margin-bottom: 0.125rem;
    transform: rotate(180deg);
  }

  button[data-huly-menu-fallback="true"][aria-expanded="true"] > span > span:nth-child(1),
  button[data-huly-menu-fallback="true"][aria-expanded="true"] > span > span:nth-child(2),
  button[data-huly-menu-fallback="true"][aria-expanded="true"] > span > span:nth-child(3) {
    opacity: 0 !important;
  }

  button[data-huly-menu-fallback="true"][aria-expanded="true"] > span > span:nth-child(4),
  button[data-huly-menu-fallback="true"][aria-expanded="true"] > span > span:nth-child(5) {
    opacity: 1 !important;
  }

  button[data-huly-menu-fallback="true"][aria-expanded="true"] > span > span:nth-child(4) {
    transform: rotate(45deg) !important;
  }

  button[data-huly-menu-fallback="true"][aria-expanded="true"] > span > span:nth-child(5) {
    transform: rotate(-45deg) !important;
  }
}

@media (max-width: 767px) {
  .huly-hero-bg-video {
    object-position: center bottom;
  }

  section.source-of-truth,
  section.knowledge {
    display: none !important;
  }
}

.huly-rive-stage {
  height: 100%;
  width: 100%;
}

.huly-rive-canvas {
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.huly-productivity-banner {
  max-width: none;
  object-fit: cover;
  object-position: center top;
}

.huly-productivity-video {
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.huly-fill-media {
  display: block;
  height: 100%;
  max-width: none;
  object-fit: cover;
  width: 100%;
}

.huly-notifications-bg {
  background: #090a0c;
}

.huly-notifications-video {
  display: block;
  height: 100%;
  left: 50%;
  max-width: none;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  aspect-ratio: 1.52381;
}

.huly-notifications-rive-stage {
  transform: translateX(-50%) !important;
}

.huly-notifications-rive-stage .huly-rive-canvas {
  transform: translateY(0) scale(1);
  transform-origin: center center;
}

@media (max-width: 767px) {
  .huly-notifications-rive-stage .huly-rive-canvas {
    transform: translateY(0) scale(.92);
  }
}

.huly-work-call-video,
.huly-sync-glow-video {
  display: block;
  height: auto;
  max-width: none;
  width: 100%;
}

.huly-sync-interface-video {
  display: block;
  height: 100%;
  max-width: none;
  object-fit: fill;
  width: 100%;
}

.huly-cta-clock-video {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.genz-final-cta-video video {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.huly-knowledge-typed {
  display: inline-block;
  min-width: 0.25em;
}

.huly-knowledge-toolbar {
  opacity: 1 !important;
  transform: translateY(0) translateZ(0) !important;
  transition: opacity 260ms ease, transform 260ms cubic-bezier(.16, 1, .3, 1);
}

.huly-knowledge-cursor-text {
  --cursor-position: .104;
  background-position: calc(var(--cursor-position) * 100%) 8px !important;
  opacity: 1 !important;
}

@media (min-width: 1024px) {
  section.work-together h2,
  section.source-of-truth h2 {
    max-width: 100% !important;
    width: min(680px, 100%) !important;
  }
}

section:has(img[src*="slack-button-underlay.svg"]) a[href*="front.hc.engineering"] {
  width: 174px !important;
}

section:has(img[src*="slack-button-underlay.svg"]) a[href*="link.huly.io/slack"] {
  white-space: nowrap !important;
  width: 174px !important;
}

section:has(img[src*="slack-button-underlay.svg"]) img[src*="slack-button-underlay.svg"] {
  display: block !important;
  left: 202px !important;
  height: 40px !important;
  max-width: none !important;
  width: 174px !important;
}

@media (max-width: 767px) {
  section:has(img[src*="slack-button-underlay.svg"]) div.relative.z-0.flex.h-fit.w-fit {
    align-items: center !important;
    gap: 16px !important;
    width: 174px !important;
  }

  section:has(img[src*="slack-button-underlay.svg"]) div.relative.z-0.flex.h-fit.w-fit > div,
  section:has(img[src*="slack-button-underlay.svg"]) div.relative.z-0.flex.h-fit.w-fit > a {
    width: 174px !important;
  }

  section:has(img[src*="slack-button-underlay.svg"]) img[src*="slack-button-underlay.svg"] {
    display: none !important;
  }
}

.huly-pricing-card {
  overflow: visible;
  transition: background-color 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

.huly-pricing-scroll-host {
  cursor: grab;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  touch-action: pan-x pan-y;
}

.huly-pricing-scroll-host.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  user-select: none;
}

.huly-pricing-virtual-carousel {
  overflow-x: hidden !important;
  touch-action: pan-y;
}

.huly-pricing-virtual-carousel > div {
  will-change: transform;
}

@media (max-width: 767px) {
  .huly-pricing-scroll-host {
    cursor: auto;
    overscroll-behavior-x: auto;
    scroll-behavior: auto;
    touch-action: auto;
  }
}

.huly-pricing-card:not(.is-active) {
  background: rgb(13 15 17 / 40%);
  box-shadow: 4px 6px 25px rgba(0, 0, 0, .56);
}

.huly-pricing-card.is-active {
  background: transparent !important;
  box-shadow: none !important;
}

.huly-pricing-video-stage {
  opacity: 0 !important;
  overflow: visible !important;
  pointer-events: none;
  transition: opacity 360ms ease;
}

.huly-pricing-card.is-active .huly-pricing-video-stage {
  opacity: 1 !important;
}

.huly-pricing-frame-stage {
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity 500ms ease;
}

.huly-pricing-card.is-active .huly-pricing-frame-stage {
  opacity: 1 !important;
}

.huly-pricing-video {
  display: block;
  inset: 0;
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.huly-pricing-frame-img {
  display: block;
  height: 100%;
  max-width: none;
  object-fit: cover;
  width: 100%;
}

.huly-pricing-icons-canvas {
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.huly-pricing-word {
  transition: opacity 500ms ease;
}

.huly-pricing-inline-rive {
  display: inline-block;
  height: var(--huly-pricing-icon-h, 188px);
  margin-left: var(--huly-pricing-icon-ml, -68px);
  margin-right: calc(-1 * var(--huly-pricing-icon-w, 188px));
  opacity: 0;
  pointer-events: none;
  transform: none;
  transition: margin 800ms cubic-bezier(.42, 0, .09, 1), opacity 220ms ease;
  vertical-align: middle;
  will-change: margin-right, opacity, transform;
  width: var(--huly-pricing-icon-w, 188px);
}

.huly-pricing-inline-rive.is-visible {
  margin-right: var(--huly-pricing-icon-mr, -68px);
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.huly-pricing-inline-large {
  --huly-pricing-icon-h: 188px;
  --huly-pricing-icon-ml: -68px;
  --huly-pricing-icon-mr: -68px;
  --huly-pricing-icon-w: 188px;
}

.huly-pricing-inline-media {
  --huly-pricing-icon-h: 110px;
  --huly-pricing-icon-ml: -38px;
  --huly-pricing-icon-mr: -58px;
  --huly-pricing-icon-w: 188px;
}

.huly-pricing-inline-wide {
  --huly-pricing-icon-h: 160px;
  --huly-pricing-icon-ml: -73px;
  --huly-pricing-icon-mr: -68px;
  --huly-pricing-icon-w: 328px;
}

.huly-pricing-inline-canvas {
  display: block;
  height: 100% !important;
  image-rendering: auto;
  transform: translateZ(0);
  width: 100% !important;
}

@media (max-width: 1279px) {
  .huly-pricing-inline-large {
    --huly-pricing-icon-h: 188px;
    --huly-pricing-icon-ml: -68px;
    --huly-pricing-icon-mr: -68px;
    --huly-pricing-icon-w: 188px;
  }

  .huly-pricing-inline-media {
    --huly-pricing-icon-h: 110px;
    --huly-pricing-icon-ml: -38px;
    --huly-pricing-icon-mr: -58px;
    --huly-pricing-icon-w: 188px;
  }

  .huly-pricing-inline-wide {
    --huly-pricing-icon-h: 160px;
    --huly-pricing-icon-ml: -73px;
    --huly-pricing-icon-mr: -68px;
    --huly-pricing-icon-w: 328px;
  }
}

@media (max-width: 1023px) {
  .huly-pricing-inline-large {
    --huly-pricing-icon-h: 166px;
    --huly-pricing-icon-ml: -58px;
    --huly-pricing-icon-mr: -58px;
    --huly-pricing-icon-w: 166px;
  }

  .huly-pricing-inline-media {
    --huly-pricing-icon-h: 110px;
    --huly-pricing-icon-ml: -42px;
    --huly-pricing-icon-mr: -45px;
    --huly-pricing-icon-w: 166px;
  }

  .huly-pricing-inline-wide {
    --huly-pricing-icon-h: 116px;
    --huly-pricing-icon-ml: -75px;
    --huly-pricing-icon-mr: -58px;
    --huly-pricing-icon-w: 262px;
  }
}

@media (max-width: 767px) {
  .genz-final-cta a {
    justify-content: center;
    min-width: 190px;
  }

  .huly-pricing-inline-large {
    --huly-pricing-icon-h: 100px;
    --huly-pricing-icon-ml: -34px;
    --huly-pricing-icon-mr: -32px;
    --huly-pricing-icon-w: 100px;
  }

  .huly-pricing-inline-media {
    --huly-pricing-icon-h: 98px;
    --huly-pricing-icon-ml: -26px;
    --huly-pricing-icon-mr: -30px;
    --huly-pricing-icon-w: 100px;
  }

  .huly-pricing-inline-wide {
    --huly-pricing-icon-h: 96px;
    --huly-pricing-icon-ml: -66px;
    --huly-pricing-icon-mr: -32px;
    --huly-pricing-icon-w: 172px;
  }
}
.genz-signup-action {
  display: none !important;
}