@media (max-width: 1024px){
    /* Top bar */
  .site_header {
    top: -38px;
  }
  .site_header .frame {
    padding: 8px 32px;
    height: 38px;
  }

  /* Navbar */
  .site_header .home {
    width: calc(100% - 64px);
    padding: 10px 20px;
  }

  .site_header .frame-5 {
    gap: 16px;
  }

  .site_header .frame-6 {
    gap: 12px;
  }

  .site_header .text-wrapper-4,
  .site_header .text-wrapper-5 {
    font-size: 14px;
  }

  .faq-area .scalable-service-5{
     padding: 64px 48px;
  }

  .footer {
    padding: 40px 20px;
    gap: 40px;
  }
  .footer .container-60 {
    flex-wrap: wrap;
    gap: 40px;
  }

  .footer .container-61 {
    width: 100%;
  }

  /*  Footer  */
  .footer .container-60 {
    flex-direction: column;
    gap: 32px;
  }

  .footer .container-61 {
    width: 100%;
  }

  .footer .frame-38 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

@media (max-width: 768px) {
    .site_header .v {
    position: relative;
  }

  /*  Top bar  */
  .site_header .frame {
    padding: 8px 20px;
  }

  /* Hide language/currency selector on mobile */
  .site_header .frame-3 {
    display: none;
  }

  /*  Navbar  */
  .site_header .home {
    width: calc(100% - 40px);
    padding: 10px 16px;
    border-radius: 16px;
  }

  .site_header .frame-5 {
    justify-content: space-between;
  }

  /* Hide nav links on mobile */
  .site_header .frame-6 {
    display: none;
  }

  /* Hide Get Started button — hamburger replaces it on mobile */
  .site_header .div-wrapper,
  .site_header a.div-wrapper {
    display: none;
  }
  .site_header .hamburger {
    display: flex;
  }

  .site_header .mobile-nav {
    display: flex;
  }

  .faq-area .text-wrapper-63{
    font-size: 32px;
    line-height: 42px;
    letter-spacing: -0.5px;
  }

   .site-main .scalable-service-5{
    padding: 48px 20px;
   }

   /*  FAQ  */
  .faq-area .text-wrapper-63 {
    white-space: normal;
    text-align: center;
  }

  .faq-area .container-58 {
    padding: 24px 20px;
  }

  .faq-area .container-59 {
    padding: 0 20px 24px;
  }
}

@media (max-width: 480px){
    /* Top bar: hide entirely on very small screens */
  .site_header {
    top: 0;
  }
  .site_header .frame {
    display: none;
  }

  .site_header .home {
    width: calc(100% - 32px);
    border-radius: 12px;
  }

  .faq-area .text-wrapper-63{
    font-size: 28px;
    line-height: 36px;
  }
  .site-main .scalable-service-5{
    padding: 40px 16px;
  }

  .footer {
    padding: 32px 16px;
  }
}