/* The homepage uses the existing site's spacing, type and color tokens. */
.is-homepage-nav .banner_component { display: none; }
.is-homepage-nav .nav-container {
  max-width: calc(var(--_layout---container--container-medium) + 2 * var(--_layout---global--page-padding));
}
.is-homepage-nav .nav_inner.landing.full-w {
  padding-inline: var(--_layout---global--page-padding);
}
.is-homepage-nav .nav_center._w-defined { margin-left: 0; }
.section_home-hero {
  --spacing-hero-rail: var(--_layout---global--nav-height);
  --spacing-hero-gutter: var(--_layout---global--page-padding);
  --spacing-hero-width: calc(var(--_layout---container--container-medium) + 2 * var(--spacing-hero-gutter));
  --spacing-hero-copy: calc(var(--_layout---container--container-small) / 2);
  --color-hero-paper: var(--_base--neutral--neutral-0);
  --color-hero-ink: var(--_base--neutral--neutral-black);
  border-radius: 0;
}
.home-hero_sticky { width: 100%; border-radius: 0; }
.home-hero_sticky > .padding-global > .container-large { max-width: var(--spacing-hero-width); }
.home-hero_component {
  min-height: calc(100svh - var(--spacing-hero-rail));
  padding-block: var(--_layout---global--nav-height);
  justify-content: center;
}
.home-hero_content.is-new { max-width: var(--spacing-hero-copy); padding-bottom: 0; }
.home-hero_content .heading-style-h1 { font-size: var(--_typography---heading-style-h3--font-size); line-height: var(--_typography---heading-style-h3--line-height); }
.home-hero_content .text-size-large { font-size: var(--_typography---text-size-regular--font-size); }
.home-hero_content .button-group { flex-wrap: wrap; }
.home-hero_background-wrapper {
  height: calc(100svh - var(--spacing-hero-rail));
  border-radius: 0;
}
.home-hero_background-wrapper > .blur-overlay,
.home-hero_fade-out,
.home-hero_buttons { display: none; }
.home-hero_video { position: absolute; inset: 0; margin: 0; border-radius: 0; }
.home-hero_video video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-hero_overlay { z-index: 1; border-radius: 0; pointer-events: none; }
.home-hero_laptop-position { pointer-events: none !important; }
.home-hero_laptop-scale { filter: none; transform-origin: center; }
.dashboard-frame { background: transparent; border: 0; }
.dashboard-laptop { pointer-events: none; }
.home-hero_customers-wrapper {
  position: absolute;
  inset: auto 0 0;
  height: var(--spacing-hero-rail);
  background: var(--color-hero-paper);
}
.home-hero_customers-wrapper .section_client-logos { background: transparent; }
.home-hero_customers-wrapper .client-logos_component { padding-block: 0; height: var(--spacing-hero-rail); display: flex; align-items: center; }
.home-hero_customers-wrapper .client-logos_content { width: 100%; }
.home-hero_customers-wrapper .client-logos_logo-wrapper { width: var(--spacing-hero-rail); display: flex; justify-content: center; }
.home-hero_customers-wrapper .client-logos_logo-image {
  width: var(--spacing-hero-gutter);
  height: var(--spacing-hero-gutter);
  object-fit: contain;
  filter: brightness(0);
  opacity: 0.5;
}
.home-hero_customers-wrapper .horizontal-dashed-line { display: none; }
.home-hero_video-toggle {
  position: absolute;
  z-index: 4;
  right: var(--spacing-hero-gutter);
  bottom: calc(var(--spacing-hero-rail) + var(--spacing-hero-gutter));
  padding: var(--_layout---screenshots--padding) var(--_typography---text-size-regular--font-size);
  border: thin solid currentColor;
  border-radius: var(--_layout---border-radius--border-radius-regular);
  background: var(--color-hero-ink);
  color: var(--color-hero-paper);
  font: inherit;
  font-size: var(--_typography---text-size-small--font-size);
  cursor: pointer;
}
.home-hero_video-toggle:focus-visible { outline: medium solid currentColor; outline-offset: var(--_layout---screenshots--padding); }
@media (min-width: 62em) and (prefers-reduced-motion: no-preference) {
  .section_home-hero { height: 240svh; }
  .home-hero_laptop-scale { opacity: 0; }
}
@media (max-width: 61.999em), (prefers-reduced-motion: reduce) {
  .section_home-hero { height: auto; }
  .home-hero_sticky { height: auto; position: relative; }
  .home-hero_laptop-position {
    position: relative !important;
    height: auto;
    overflow: hidden;
    padding-block: var(--spacing-hero-rail);
    margin-top: var(--spacing-hero-rail);
  }
  .home-hero_laptop-scale { width: 100%; opacity: 1; transform: none; }
  .home-hero_laptop { width: 238%; min-width: 0; }
  .home-hero_customers-wrapper { top: calc(100svh - var(--spacing-hero-rail)); bottom: auto; }
  .home-hero_video-toggle { top: calc(100svh - var(--spacing-hero-rail) - var(--_layout---global--nav-height)); bottom: auto; }
}