@media (max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:60px}
  .hero-right{max-width:500px;margin:0 auto;width:100%}
  .about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
  .section{padding:90px 0}
}

@media (max-width:768px){
  .container{padding:0 20px}
  .main-nav{
    position:fixed;top:0;right:-100%;
    width:78%;max-width:320px;height:100vh;
    flex-direction:column;
    background:rgba(8,28,21,0.98);
    backdrop-filter:blur(20px);
    padding:90px 30px 30px;
    gap:20px;align-items:flex-start;
    border-left:1px solid var(--glass-border);
    transition:right .4s cubic-bezier(.4,0,.2,1);
    z-index:99;
  }
  .main-nav.open{right:0}
  .main-nav a{font-size:1.1rem;width:100%;padding:10px 0}
  .menu-toggle{display:flex}
  .header-cta{display:none}

  .hero{min-height:auto;padding:60px 0 80px}
  .hero-trust{gap:24px}
  .hero-trust strong{font-size:1.4rem}

  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .section{padding:60px 0}
  .section-head{margin-bottom:40px}
  .cta-inner{padding:50px 24px}
  .cta-inner h2{font-size:1.6rem}

  .footer-grid{grid-template-columns:1fr;gap:30px}
  .footer-bottom{flex-direction:column;text-align:center}

  .contact-form{padding:28px}
  .page-hero{padding:80px 0 60px}
  .hero-float-card{bottom:16px;left:16px;right:16px;padding:12px 14px}
  .hero-badge{top:16px;left:16px;font-size:.75rem}
}

@media (max-width:480px){
  .btn{padding:12px 22px;font-size:.88rem}
  .hero-cta{width:100%}
  .hero-cta .btn{flex:1;min-width:0}
  .card{padding:24px}
}