@media (max-width: 768px){
  .site-header .container{flex-direction:column;align-items:flex-start;gap:8px;}
  .main-nav{width:100%;display:flex;flex-wrap:wrap;gap:8px;}
  .main-nav a{margin-left:0;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);font-size:.9rem;}
  .hero{min-height:70vh;padding:40px 0;}
  .hero h2{font-size:1.6rem;}
  .hero p{font-size:.95rem;padding:0 6px;}
  .cta .btn{display:block;width:100%;text-align:center;}
  .cards{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .site-footer p{font-size:.85rem;}
}