html.lenis,
html.lenis body {
  height: auto;
}

html {
  scroll-behavior: auto !important;
}

.motion-enabled.motion-initializing .hero__eyebrow,
.motion-enabled.motion-initializing .hero h1 {
  opacity: 0;
  transform: translateY(26px);
}

.motion-enabled.motion-initializing .hero__lead,
.motion-enabled.motion-initializing .hero__date,
.motion-enabled.motion-initializing .hero__meta {
  opacity: 0;
  transform: translateY(20px);
}

.motion-enabled.motion-initializing .hero__actions {
  opacity: 0;
  transform: translateY(16px);
}

.motion-enabled.motion-initializing .activity-card {
  opacity: 0;
  transform: translateY(24px) scale(0.97);
}

.motion-enabled.motion-initializing .metrics__grid > div {
  opacity: 0;
  transform: translateY(12px);
}

.motion-enabled.motion-initializing #rebate-levels .section-heading {
  opacity: 0;
  transform: translateY(20px);
}

.motion-enabled.motion-initializing #rebate-levels .tier-card {
  opacity: 0;
  transform: translateY(22px) scale(0.98);
}

.motion-enabled.motion-initializing #rebate-calculation .section-heading {
  opacity: 0;
  transform: translateY(18px);
}

.motion-enabled.motion-initializing #rebate-calculation .guarantee-card:first-child {
  opacity: 0;
  transform: translateX(-20px);
}

.motion-enabled.motion-initializing #rebate-calculation .guarantee-card:last-child {
  opacity: 0;
  transform: translateX(20px);
}

.motion-enabled.motion-initializing #free-rent .section-heading {
  opacity: 0;
  transform: translateY(20px);
}

.motion-enabled.motion-initializing #free-rent .free-rent-card {
  transform: translateY(26px) scale(0.98);
}

.motion-enabled.motion-initializing #shipping-discount .section-heading,
.motion-enabled.motion-initializing #rebate-timeline .section-heading {
  opacity: 0;
  transform: translateY(18px);
}

.motion-enabled.motion-initializing #shipping-discount .table-shell {
  opacity: 0.82;
  transform: translateY(14px);
}

.section-scroll-anchor {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.site-header {
  transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}

.js .site-header {
  position: sticky;
}

.site-header.is-scrolled {
  background-color: rgba(5, 24, 52, 0.97);
  backdrop-filter: blur(11px);
}

.hero__copy {
  --hero-copy-parallax-y: 0px;
  translate: 0 var(--hero-copy-parallax-y);
}

.activity-card {
  --hero-card-parallax-y: 0px;
  translate: 0 var(--hero-card-parallax-y);
}

.motion-enabled .hero__copy,
.motion-enabled .activity-card {
  will-change: translate;
}

.button {
  transform-origin: center;
  transition:
    transform 0.18s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease;
}

.site-nav a {
  transition: color 0.18s ease;
}

.js .site-nav a:first-child {
  color: inherit;
}

.js .site-nav a.is-active {
  color: var(--color-orange-light);
}

.tier-card {
  translate: 0 0;
  transition:
    translate 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.guarantee-card {
  translate: 0 0;
  transition:
    translate 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.2s ease,
    background-color 0.2s ease;
}

.table-shell tbody tr {
  transition: background-color 0.18s ease;
}

.timeline__number {
  transition:
    color 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease,
    scale 0.18s ease;
}

.timeline h3 {
  transition: color 0.18s ease;
}

.timeline__progress {
  position: absolute;
  z-index: 0;
  top: 42px;
  right: 92px;
  left: 92px;
  height: 2px;
  background: #ff8a22;
  pointer-events: none;
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

.timeline > li.is-active .timeline__number {
  color: #d96300;
  border-color: #ff8a22;
  background-color: #fff7ee;
  scale: 1.025;
}

.timeline > li.is-active h3 {
  color: #0d2748;
}

.button:focus-visible,
.site-nav a:focus-visible,
.brand:focus-visible {
  outline: 2px solid #ff9b3d;
  outline-offset: 3px;
}

.site-nav a:focus-visible {
  border-radius: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .button--primary:hover,
  .button--header:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
    box-shadow: 0 10px 26px rgba(255, 130, 24, 0.34);
  }

  .button--header:hover {
    box-shadow: 0 6px 18px rgba(255, 130, 24, 0.28);
  }

  .button--ghost:hover {
    transform: translateY(-1px);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.42);
    background-color: rgba(255, 255, 255, 0.09);
  }

  .button--primary:active,
  .button--header:active,
  .button--ghost:active {
    transform: translateY(0) scale(0.98);
    transition-duration: 0.12s;
  }

  .site-nav a:hover {
    color: #ffb56f;
  }

  .site-nav a.is-active:hover {
    color: #ffc184;
  }

  .tier-card:hover {
    translate: 0 -4px;
    border-color: rgba(255, 138, 36, 0.34);
    box-shadow: 0 12px 28px rgba(16, 42, 76, 0.09);
  }

  .guarantee-card:hover {
    translate: 0 -2px;
    border-color: rgba(255, 255, 255, 0.15);
    background-color: rgba(48, 84, 126, 0.46);
  }

  /* .table-shell tbody tr:nth-child(odd):hover {
    background-color: #f8fafc;
  }

  .table-shell tbody tr:nth-child(even):hover {
    background-color: #e8edf4;
  }

  .table-shell tbody tr.is-featured:hover {
    background-color: #fff8ff;
  } */
}

@media (prefers-reduced-motion: reduce) {
  .site-header {
    transition: none;
  }

  .hero__copy,
  .activity-card {
    translate: none;
  }

  .button,
  .site-nav a,
  .tier-card,
  .guarantee-card,
  .table-shell tbody tr,
  .timeline__number,
  .timeline h3 {
    transition-duration: 0.01ms;
  }

  .button--primary:hover,
  .button--primary:active,
  .button--header:hover,
  .button--header:active,
  .button--ghost:hover,
  .button--ghost:active {
    transform: none;
  }

  .tier-card:hover,
  .guarantee-card:hover {
    translate: 0 0;
  }
}

@media (max-width: 768px) {
  .hero__copy,
  .activity-card {
    translate: none;
    will-change: auto;
  }

  #rebate-calculation .guarantee-card {
    transform: none !important;
  }

  .timeline__progress {
    display: none;
  }

  .timeline > li.is-active .timeline__number {
    color: #152b48;
    border-color: #102b4d;
    background: var(--color-blue-50);
    scale: 1;
  }

  .timeline > li.is-active h3 {
    color: inherit;
  }
}