/* Tablet */
@media (max-width:1199px){
  .grid4{grid-template-columns:repeat(2,1fr)}
  .order-grid{grid-template-columns:1fr}.summary{position:static}
  .foot-grid{grid-template-columns:1fr 1fr}
  .trust-list{grid-template-columns:repeat(2,1fr)}
}
/* Mobile nav + stacked layouts */
@media (max-width:899px){
  .burger{display:block}
  .nav{position:fixed;inset:76px 0 auto;flex-direction:column;align-items:stretch;gap:0;background:rgba(15,61,42,.97);backdrop-filter:blur(12px);padding:12px 20px 24px;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .35s,visibility .35s}
  .nav.open{max-height:90vh;visibility:visible}
  .nav a:not(.btn){padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.1);font-size:1.1rem}
  .nav-cta{margin-top:18px}
  .site-header:has(.nav.open){background:var(--g1)}
  .burger[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .burger[aria-expanded=true] span:nth-child(2){opacity:0}
  .burger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .hero{padding:110px 0 64px}
  .hero-grid,.about-grid,.m-grid{grid-template-columns:1fr}
  .hero-art{order:-1}.frame{width:min(340px,86%)}
  .grid2,.steps{grid-template-columns:1fr}
  .sec{padding:68px 0}
}
/* Phones */
@media (max-width:599px){
  body{font-size:1rem}
  .grid4,.row2,.foot-grid{grid-template-columns:1fr}
  .trust-list{grid-template-columns:1fr 1fr;gap:14px}.trust-list li{font-size:.9rem}
  .actions .btn{width:100%}
  .pbody,.form,.summary{padding:22px}
  .m-grid{padding:16px}
  dialog{width:100vw;max-height:100vh;border-radius:0}
  .top{right:14px;bottom:16px}
}