@media (max-width:1100px){
  .site-header{-webkit-backdrop-filter:none;backdrop-filter:none}
  .grid-3{grid-template-columns:1fr 1fr}
  .split,.detail{grid-template-columns:1fr;gap:2rem}
  .split-rev>img{order:0}
  .panel{position:static}
  .footer-grid{grid-template-columns:1fr 1fr}
  .header-cta{display:none}
  .burger{display:block;margin-left:auto}
  .main-nav{position:fixed;inset:72px 0 0 0;z-index:1000;background:var(--deep);flex-direction:column;gap:0;padding:1.5rem;margin:0;transform:translateX(100%);transition:transform .3s;overflow:auto;visibility:hidden;pointer-events:none}
  .main-nav.open{transform:none;visibility:visible;pointer-events:auto}
  .main-nav>a{color:#fff!important;font-size:1.25rem;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
  .main-nav .social-links a{color:#fff}
  .nav-cta-mobile{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}
  .nav-cta-mobile .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}
  body.nav-open{overflow:hidden}
  body.has-hero .site-header:not(.scrolled){position:fixed}
}
@media (max-width:620px){
  body{font-size:16px}
  .grid-3{grid-template-columns:1fr}
  .section{padding:3.5rem 0}
  .hero-in{padding:7rem 0 3rem}
  .hero-actions{gap:.45rem}
  .hero-actions .btn-lg{padding:.62rem .55rem;font-size:.84rem}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:.3rem}
}