@media (max-width: 600px) {
  .stat-bar {
    padding: 0.75rem 0.25rem;
    overflow: hidden;
    width: 100%;
  }
  .stat-bar__item {
    flex: 1;
    padding: 0 0.2rem;
    min-width: 0;
  }
  .stat-bar__number {
    font-size: 0.85rem;
  }
  .stat-bar__label {
    font-size: 0.38rem;
    letter-spacing: 0;
    text-align: center;
    word-break: break-word;
  }
  .stat-bar__divider {
    height: 1.75rem;
    flex-shrink: 0;
  }

  .ob-step__title {
    margin-top: -0.5rem;
  }
}

@media (max-width: 480px) {
  .section-TheTeam h2 {
    font-size: 3rem;
  }
  .section-TheTeam h3 {
    width: 55%;
    font-size: 1rem;
  }
  .flipcard {
    width: 96%;
    max-width: 360px;
  }
  .team-grid .flipcard:last-child {
    grid-column: auto;
  }
  .flipcard__inner {
    height: 500px;
  }
  .flipcard__face {
    border-width: 2px;
  }
  .card-paragraph-wrap {
    font-size: 0.95rem;
  }
  .crown img {
    width: 24px;
  }
}

@media (max-width: 600px) {
  .footer--opt1 .footer__inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  /* Navbar */
  .navbar-container {
    min-height: 80px;
  }
  .menu-button-container {
    height: 80px;
  }
  .mobile-logo {
    top: 40px;
  }
  .mobile-logo img {
    max-width: 110px;
  }

  /* Move toggle to the left side of the navbar */
  .theme-toggle-wrap {
    right: auto;
    left: 2rem;
  }

  /* Hero */
  .animated-bar-header {
    width: 85%;
    border-radius: 8px;
  }
  .header-herobanner {
    object-fit: cover;
  }
  .header-herotext h1 {
    font-size: 1rem;
  }
  .header-herotext .header-paragraph1,
  .header-herotext .header-paragraph2 {
    font-size: 0.64rem;
  }

  /* Section headings */
  .section-introduction h2,
  .text-wrapper__section-objective h2,
  .text-wrapper__section-services h2,
  .text-wrapper__section-industries h2,
  .section-TheTeam h2,
  .section-review h2,
  .section-onboarding h2,
  .pricing-header h2 {
    font-size: 2rem;
  }

  .section-introduction h3,
  .text-wrapper__section-objective h3,
  .text-wrapper__section-services h3,
  .text-wrapper__section-industries h3,
  .section-review h3,
  .section-onboarding h3 {
    width: fit-content;
    margin: 0.4rem auto 0;
    font-size: 0.9rem;
  }

  /* About */
  .section-introduction {
    margin-top: 2rem;
  }
  .section-introduction img {
    width: 95%;
  }

  /* Objective cards — single column, tap to reveal */
  .parent {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 1.5rem;
    width: 92%;
  }
  .face1 {
    width: 100%;
    transform: translateY(0);
    position: relative;
  }
  .face2 {
    width: 100%;
    transform: translateY(0);
    position: relative;
    display: none;
  }
  .objective__card.is-active .face2 {
    display: flex;
  }
  /* Kill hover animation on touch */
  .objective__card:hover .face1 {
    transform: translateY(0);
    background-color: var(--secondary-color);
  }
  .objective__card:hover .face2 {
    transform: translateY(0);
  }
  .objective__card.is-active .face1 {
    background-color: var(--primary-color);
  }

  /* Services cards — single column */
  .accordion-grid-wrapper {
    grid-template-columns: 1fr;
    width: 92%;
    padding-bottom: 2rem;
  }

  /* Services video */
  .video-crop {
    height: 20vh;
  }

  /* Industries */
  .section-industries__list-item {
    width: 98%;
  }

  /* Onboarding */
  .section-onboarding {
    padding: 1.5rem 0.75rem 3rem;
  }

  /* Pricing */
  .pricing-card {
    padding: 1.5rem 1.25rem;
  }
  .pricing-card__amount {
    font-size: 2rem;
  }
  .pricing-card:nth-child(1),
  .pricing-card:nth-child(2),
  .pricing-card:nth-child(3),
  .pricing-card:nth-child(4),
  .pricing-card:nth-child(5),
  .pricing-card--growth {
    max-width: 100%;
  }

  /* Footer CTA */
  .footer__opt3-cta-text h2 {
    font-size: 1.4rem;
  }
  .footer__opt3-cta {
    padding: 2.5rem 1.25rem;
  }

  /* Hero: replace video with static image on mobile */
  .hero-video {
    display: none;
  }
  .header-herobanner {
    background: url('/img/Otter_icons/Otter_herostatic.png') center center / cover no-repeat;
  }
}