@media (max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:60px}
  .hero-visual{height:420px;max-width:480px}
  .showcase-grid,.split,.contact-grid{grid-template-columns:1fr;gap:50px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .testi-grid,.values-grid,.pricing-grid{grid-template-columns:1fr 1fr}
  .exp,.exp.exp-reverse{grid-template-columns:1fr;gap:40px}
  .exp.exp-reverse .exp-media{order:0}
  .exp-media{height:340px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:40px}
  .section{padding:90px 0}
  .hero{padding:150px 0 80px}
  .page-hero{padding:150px 0 60px}
  .experiences{gap:80px}
}

@media (max-width:720px){
  :root{--pad:20px}
  .menu-toggle{display:flex}
  .main-nav{
    position:fixed;top:0;right:0;
    height:100vh;width:85%;max-width:320px;
    background:rgba(11,6,20,.96);
    backdrop-filter:blur(20px);
    flex-direction:column;
    padding:100px 30px 40px;
    transform:translateX(100%);
    transition:transform .4s cubic-bezier(.8,0,.2,1);
    border-left:1px solid var(--border);
    gap:8px;
    align-items:stretch;
  }
  .main-nav.open{transform:translateX(0)}
  .main-nav a{padding:1rem;font-size:1.05rem;border-radius:12px}
  .header-cta{display:none}
  .hero-ctas{flex-direction:column;align-items:stretch}
  .hero-ctas .btn{width:100%}
  .hero-stats{gap:28px}
  .hero-stats strong{font-size:1.4rem}
  .feature-grid,.testi-grid,.values-grid,.pricing-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:30px}
  .footer-bottom{flex-direction:column;text-align:center}
  .section{padding:70px 0}
  .cta-band{padding:70px 0}
  .cta-inner{padding:50px 24px}
  .mosaic{height:400px}
  .hero-visual{height:360px}
  .price-card.featured{transform:none}
  .price-card.featured:hover{transform:translateY(-6px)}
  .stat{padding:26px}
  .stat strong{font-size:1.8rem}
  .contact-form{padding:28px}
  .experiences{gap:60px}
  .exp-media{height:260px}
}

@media (max-width:420px){
  h1{font-size:2.2rem}
  h2{font-size:1.7rem}
  .hero-title{font-size:2.4rem}
  .marquee-track{font-size:1.1rem;gap:36px}
  .price{font-size:2.6rem}
}