.hero-fourpay h1 { font-size: clamp(52px,9vw,124px); }
.hero-fourpay .lede { font-size: clamp(20px,2vw,26px); max-width: 52ch; }

.clause-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: 26px 34px;
}
.clause { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; }
.clause .clause-no { font-family: var(--font-mono); font-size: 11px; color: var(--verdigris); padding-top: 4px; }
.clause .clause-title { font-family: var(--font-serif); font-size: 21px; color: var(--bone); margin-bottom: 7px; }
.clause .clause-desc { font-size: 14px; line-height: 1.7; color: var(--text-secondary); }