@media (max-width: 991.98px) {
  .hero {
    min-height: auto;
    padding: 130px 0 74px;
    background-position: 62% center;
  }

  .hero-copy {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(226, 232, 240, 0.85);
    border-radius: 8px;
    padding: 22px;
  }

  .dark-mode .hero-copy {
    background: rgba(15, 27, 45, 0.82);
  }

  .section {
    padding: 64px 0;
  }
}

@media (max-width: 767.98px) {
  .brand-logo {
    width: 132px;
  }

  .hero h1 {
    font-size: 2.65rem;
  }

  .hero-badges .pill {
    width: 100%;
  }

  .floating-contact {
    right: 12px;
    bottom: 82px;
  }

  .floating-contact a,
  .back-to-top {
    inline-size: 42px;
    block-size: 42px;
  }

  .page-hero {
    padding-top: 128px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}