.pageHero{
  position:relative;
  padding: 50px 0 20px;
}
.pageHero--compact{ padding: 44px 0 18px; }

.pageHero__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(820px 360px at 22% 10%, rgba(255,103,0,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,0));
  pointer-events:none;
}
.pageHero__inner{ position:relative; }

.legal{
  display:grid;
  grid-template-columns: 1fr;
}
.legalCard{
  padding: 18px;
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  box-shadow: var(--shadow2);
}
.legalCard h2{ margin-top: 14px; }
.legalCard h3{ margin-top: 12px; }