@media (min-width: 700px) {
  .features { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .feature-card { display: block; }
  .feature-icon { margin-bottom: 13px; }
}
@media (max-width: 620px) {
  .shell { width: min(100% - 22px, 720px); padding-top: 22px; }
  .hero { padding-top: 48px; }
  .two-columns { grid-template-columns: 1fr; }
  .time-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .step-label { display: none; }
  .primary-button, .secondary-button { width: 100%; }
}