@media (max-width: 768px){
  .menu-toggle{
    display:block;
  }

  .nav-links{
    display:none;
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;

    background: #ffffff; /* FIXED LIGHT COLOR */
    padding: 24px 20px;

    flex-direction: column;
    gap: 22px;
    text-align: center;

    box-shadow: 0 25px 60px rgba(0,0,0,.18);
    z-index: 1200;
  }

  .nav-links.active{
    display:flex;
  }

  .nav-links a{
    color: #0f172a;
    font-size: 17px;
    font-weight: 600;
  }
}





@media (max-width: 900px){
  .services-grid{
    grid-template-columns: 1fr;
  }
  .service-card{
    min-height: auto;
    padding: 34px 24px;
  }
  .services-title{
    margin-bottom: 45px;
  }
}


@media (max-width: 768px){
  .marquee-light__row{
    animation-duration: 32s;
  }
  .marquee-light__wrap::before,
  .marquee-light__wrap::after{
    width: 70px;
  }
}

@media (max-width: 980px){
  .showcase-grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px){
  .showcase-grid{ grid-template-columns: 1fr; }
  .site-frame{ height: 320px; }
  .site-card:hover .site-shot{
    transform: translateY(calc(-100% + 320px));
  }
}

@media (max-width: 1100px){
  .why-layout{
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .why-center{
    order: -1;
    min-height: 320px;
  }
  .why-center__ring{
    width: 260px;
    height: 260px;
  }
  .why-item--left{
    text-align:left;
    justify-content:flex-start;
  }
}


/* Responsive polish */
@media (max-width: 768px){
  .cta-card{ padding: 38px 22px; }
  .cta-actions{ gap: 10px; }
}