.footer-inner button { min-height: 44px; padding: 11px 4px; }
.hero { display: block; max-width: 700px; padding-top: 48px; padding-bottom: 24px; text-align: center; }
.hero h1 { font-size: clamp(38px, 5vw, 56px); margin-bottom: 12px; }
.hero-copy > p:not(.eyebrow) { max-width: 620px; margin: 0 auto; font-size: 16px; }
.trade-layout { display: block; max-width: 660px; padding-bottom: 64px; }
.trade-card { padding: 24px; }
.card-heading h2 { margin-bottom: 10px; }
.field-label { margin-top: 14px; }
.fee-box { margin: 16px 0; }
@media (max-width: 800px) {
  .icon-button { min-width: 44px; min-height: 44px; justify-content: center; }
  .hero { padding-top: 30px; padding-bottom: 18px; }
  .trade-layout { width: min(100% - 20px, 660px); }
  .trade-card { padding: 16px; }
}