@media (min-width: 44rem) {
  .hero-grid, .calculator-layout { grid-template-columns: 1.2fr .8fr; }
  .cards { grid-template-columns: repeat(3, 1fr); }
  .form-grid { grid-template-columns: repeat(2, 1fr); }
  .field-wide { grid-column: 1 / -1; }
  .footer-inner { grid-template-columns: 1fr auto; align-items: center; }
}
@media (max-width: 43.99rem) {
  .header-inner { align-items: flex-start; flex-direction: column; padding: .9rem 0; }
  .site-nav { font-size: .92rem; }
  .actions .button { width: 100%; }
}