/* Breakpoints: tablet/phone layouts, kept last so they win over module styles. */
@media(max-width:960px){
  .nav-logo-img{height:64px}
  nav.scrolled .nav-logo-img{height:52px}
  .nav-links{display:none}
  .hamburger{display:flex}
  .hero{padding-top:130px;min-height:auto}
  .hero-inner,.about-grid,.method-grid,.podcast-grid,.offer-grid,.product-grid,.closing-grid,.contact-grid,.event-grid{grid-template-columns:1fr}
  .hero-figure{order:-1;width:min(78%,360px)}
  .hero-copy{text-align:center}
  .hero-kicker,.hero-actions{justify-content:center}
  .hero-lead{margin:0 auto}
  .about-figure,.method-figure{position:static;max-width:340px;margin:0 auto}
  .offer-photo{aspect-ratio:4/3}
  .offer-grid .offer-photo{order:-1}
  .trust-row{grid-template-columns:1fr 1fr;gap:20px 0}
  .trust-item:nth-child(3){border-inline-start:none}
  .who-list{grid-template-columns:1fr}
  .review-grid{columns:2}
  .closing-photo{display:none}
}
@media(max-width:600px){
  .js-on .rv-right,.js-on .rv-left{transform:translateY(24px)}
  .rail{padding-inline:calc(50% - 34vw);gap:16px}
  .reel{flex-basis:68vw}
  .review-grid{columns:1}
  .formats,.product-points{grid-template-columns:1fr}
  .part{grid-template-columns:52px 1fr}
  .hero-mark{width:72px;height:72px;padding:14px;right:-10px}
  .hero-caption{display:none}
  .btn{width:100%;justify-content:center}
  .hero-actions,.closing-actions{flex-direction:column}
}