html,
body {
  margin: 0;
}

html,
body {
  overflow-x: clip;
}


#site-header {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: box-shadow 200ms ease-out;
}
#site-header.scrolled {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.12);
}

[data-faq-item] .faq-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
[data-faq-item] .faq-panel-inner {
  overflow: hidden;
}
[data-faq-item][data-open='true'] .faq-panel {
  grid-template-rows: 1fr;
}
[data-faq-item] .faq-icon {
  transition: transform 0.12s cubic-bezier(0.4, 0, 0.2, 1);
}
[data-faq-item][data-open='true'] .faq-icon {
  transform: rotate(90deg);
}

[data-faq-trigger] {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
}

[data-mobile-menu] .mobile-menu-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 180ms cubic-bezier(0.4, 0, 0.2, 1);
}
[data-mobile-menu] .mobile-menu-inner {
  overflow: hidden;
}
[data-mobile-menu][data-open='true'] .mobile-menu-panel {
  grid-template-rows: 1fr;
}
[data-mobile-menu][data-open='true'] {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

[data-mobile-menu-backdrop] {
  display: none;
}
[data-mobile-menu-backdrop][data-open='true'] {
  display: block;
  animation: mobile-menu-backdrop-in 180ms ease-out;
}
@keyframes mobile-menu-backdrop-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

[data-mobile-menu-trigger] {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
}
[data-mobile-menu-trigger] svg line {
  transform-box: fill-box;
  transform-origin: center;
  transition:
    transform 220ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 160ms ease;
}
[data-mobile-menu-trigger][aria-expanded='true'] svg line:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}
[data-mobile-menu-trigger][aria-expanded='true'] svg line:nth-child(2) {
  opacity: 0;
}
[data-mobile-menu-trigger][aria-expanded='true'] svg line:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

@media (max-width: 991.98px) {
  #features .whitespace-nowrap,
  #for-owners .whitespace-nowrap,
  #register .whitespace-nowrap {
    white-space: normal;
  }

  body.mobile-menu-open {
    padding-top: var(--mobile-header-h, 56px);
  }
  body.mobile-menu-open #site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
}

[data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 600ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}
[data-reveal].is-visible {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}