@media (max-width:768px){
  .container{width:min(var(--container), 100% - 1.25rem)}
}

@media (max-width: 768px){
  .menu-toggle{display:block}
  .nav-links{
    display:none;
    position:absolute;
    top: 78px;
    right: 1rem;
    background: var(--bg-soft);
    border: 1px solid rgba(0,255,255,.25);
    box-shadow: 0 0 18px rgba(0,255,255,.15);
    border-radius: 12px;
    padding: 16px;
    flex-direction: column;
    gap: 14px;
    min-width: 210px;
  }
  .nav-links.active{display:flex}
}




@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: 1fr 1fr; }
}
@media (max-width: 640px){
  .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; }
}