/* Global typography, page background, headings, gradient text, lead text. */
body {
  font-family: Poppins,system-ui,sans-serif;
  color: var(--ink);
  background: #F9F9FD;
  line-height: 1.65;
  font-size: 15.5px;
  overflow-x: hidden;
}

body:before,
body:after {
  content: "";
  position: fixed;
  z-index: -1;
  border-radius: 50%;
  filter: blur(90px);
  pointer-events: none;
}

body:before {
  width: 620px;
  height: 620px;
  background: rgba(156,163,220,.30);
  top: -160px;
  right: -160px;
}

body:after {
  width: 520px;
  height: 520px;
  background: rgba(242,100,48,.14);
  bottom: -200px;
  left: -160px;
}

h1 {
  font-size: clamp(30px,4.4vw,50px);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -.02em;
}

h2 {
  font-size: clamp(25px,3.2vw,38px);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -.01em;
  margin-bottom: 12px;
}

h3 {
  font-size: 16.5px;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 6px;
}

.grad {
  background: linear-gradient(90deg,var(--indigo),var(--lilac) 55%,var(--orange));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.lead {
  font-size: 17px;
  color: var(--muted);
  max-width: 640px;
}

.center {
  text-align: center;
}

.center .lead {
  margin-left: auto;
  margin-right: auto;
}