/* ================= Stoorak - Responsive (Mobile first refinements) ================= */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .compare{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .float-card.one{inset-inline-start:8px}
  .float-card.two{inset-inline-end:8px}
}

@media (max-width:820px){
  .section{padding:66px 0}
  .nav-links{
    position:fixed;inset-inline:14px;top:82px;background:#fff;border:1px solid var(--line);
    border-radius:24px;flex-direction:column;align-items:stretch;gap:0;padding:12px;
    box-shadow:var(--shadow);display:none;z-index:60;
  }
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 14px;border-radius:14px}
  .nav-links a:hover{background:var(--bg)}
  .burger{display:block}
  .nav-actions .btn{padding:12px 20px;font-size:15px}
  .grid-3,.grid-2,.steps{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:1fr;gap:26px}
  .form-grid{grid-template-columns:1fr}
  .form-wrap{padding:28px 20px;border-radius:26px}
  .final-cta{padding:48px 22px;border-radius:28px}
  .footer-grid{grid-template-columns:1fr;gap:28px;text-align:center}
  .site-footer ul{justify-items:center}
}

@media (max-width:520px){
  .grid-4{grid-template-columns:1fr}
  .hero{padding:40px 0 66px}
  .hero-cta .btn{width:100%}
  .nav-actions .btn-ghost{display:none}
  .price-card{padding:32px 22px;border-radius:26px}
  .compare-col{padding:26px 20px}
  .card{padding:24px}
  .float-card{display:none}
  .thanks-card{padding:38px 22px}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  .reveal{opacity:1;transform:none}
}