@media (max-width:1080px){
  .nav-links{gap:15px;font-size:.88rem}
  .grid-4,.pricing{grid-template-columns:repeat(2,1fr)}
  .solutions-grid{grid-template-columns:repeat(3,1fr)}
  .timeline{grid-template-columns:repeat(2,1fr)}
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .nav-links,.nav-cta .btn{display:none}
  .nav-toggle{display:block}
  .nav.open .nav-links{display:flex;position:absolute;left:20px;right:20px;top:72px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}
  .hero-grid,.stat-wrap,.contact-layout{grid-template-columns:1fr}
  .hero{padding-top:52px}
  .mock-shell{margin-top:12px}
  .float-card.one{left:8px}.float-card.two{right:8px}
  .grid-3,.showcase{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr}
  .footer-grid>div:last-child{grid-column:2/4}
}
@media (max-width:640px){
  .container{width:min(var(--max),calc(100% - 28px))}
  .section{padding:70px 0}
  .nav{height:70px}
  .brand img{height:42px}
  .hero h1{font-size:clamp(2.65rem,13vw,4rem)}
  .browser-body{grid-template-columns:82px 1fr;min-height:310px}
  .kpi-grid{grid-template-columns:1fr}
  .kpi:nth-child(3){display:none}
  .grid-3,.grid-4,.showcase,.pricing,.portfolio-grid,.tech-cloud,.solutions-grid,.timeline{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:1}
  .cta{padding:34px 24px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}
  .footer-bottom{flex-direction:column}
  .logo-strip .inner{align-items:flex-start;flex-direction:column}
}
@media (max-width:420px){
  .stats{grid-template-columns:1fr}
  .actions .btn{width:100%}
  .browser-body{grid-template-columns:1fr}
  .side{display:none}
  .float-card{display:none}
}