/* Screen-only adjustments; preserve the supplied poster's print layout. */
@media screen and (max-width: 600px) {
  .hero { padding: 24px 20px 110px; }
  .hero h1 { font-size: 38px; }
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-inline: 16px; }
  .stat, .box, .step { min-width: 0; overflow-wrap: anywhere; }
  .sec { padding: 18px 20px 0; }
  .split, .steps, .check { grid-template-columns: minmax(0, 1fr); }
  table { width: 100%; table-layout: fixed; }
  th, td { overflow-wrap: anywhere; }
  footer { padding: 18px 20px 22px; overflow-wrap: anywhere; }
}