/* Final hero decoration and form anchor alignment. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.hero {
  position: relative;
  isolation: isolate;
}

html body main .hero .hero-copy {
  position: relative;
  z-index: 2;
}

/* Reuse the existing decorative node without changing the page structure. */
html body main .hero .hero-info-one {
  position: absolute !important;
  top: 23% !important;
  right: clamp(18px, 3.5vw, 68px) !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 1 !important;
  display: block !important;
  width: clamp(160px, 16vw, 238px) !important;
  height: clamp(250px, 25vw, 370px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url('/assets/hero-leads-tag.webp?v=1') center / contain no-repeat !important;
  box-shadow: none !important;
  opacity: 0.72 !important;
  filter: blur(0.35px) drop-shadow(0 22px 28px rgba(0, 0, 0, 0.32)) !important;
  pointer-events: none !important;
  overflow: visible !important;
  animation: heroDecorFloat 7s ease-in-out infinite !important;
  will-change: transform;
}

html body main .hero .hero-info-one > *,
html body main .hero .hero-info-one::before,
html body main .hero .hero-info-one::after {
  display: none !important;
  content: none !important;
}

#application-form {
  scroll-margin-top: calc(var(--fixed-header-height, 96px) + 20px);
}

@keyframes heroDecorFloat {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(3deg); }
  50% { transform: translate3d(0, -14px, 0) rotate(1deg); }
}

@media (max-width: 1100px) and (min-width: 769px) {
  html body main .hero .hero-info-one {
    top: auto !important;
    right: 4% !important;
    bottom: 6% !important;
    width: 150px !important;
    height: 230px !important;
    opacity: 0.58 !important;
  }
}

@media (max-width: 768px) {
  html body main .hero .hero-info-one {
    top: auto !important;
    right: max(12px, 3vw) !important;
    bottom: 26px !important;
    left: auto !important;
    width: clamp(92px, 26vw, 128px) !important;
    height: clamp(146px, 39vw, 196px) !important;
    opacity: 0.55 !important;
    filter: blur(0.45px) drop-shadow(0 16px 20px rgba(0, 0, 0, 0.28)) !important;
    animation-duration: 7.5s !important;
  }

  #application-form {
    scroll-margin-top: calc(var(--fixed-header-height, 150px) + 16px);
  }
}

@media (max-width: 430px) {
  html body main .hero .hero-info-one {
    right: 8px !important;
    bottom: 18px !important;
    width: 94px !important;
    height: 148px !important;
    opacity: 0.48 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body main .hero .hero-info-one {
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }
}