Mesh Gradient Background

<!--
  A mesh is stacked radial gradients, not an image: three blurred, low-opacity
  pools over an opaque base. The opacity cap IS the contrast strategy - the
  text sits on the base surface, and no pool is allowed to get saturated enough
  to drag it below AA, so no scrim layer is needed. Turn a pool up past ~40%
  and that stops being true.
-->
<section class="gradient-mesh">
  <div class="gradient-mesh__pools" aria-hidden="true">
    <div class="gradient-mesh__pool gradient-mesh__pool--a"></div>
    <div class="gradient-mesh__pool gradient-mesh__pool--b"></div>
    <div class="gradient-mesh__pool gradient-mesh__pool--c"></div>
  </div>

  <div class="gradient-mesh__content">
    <p class="gradient-mesh__kicker">Platform</p>
    <h2 class="gradient-mesh__title">One surface for every team</h2>
    <p class="gradient-mesh__copy">
      Plan, build and measure on a single canvas - the mesh stays in the
      background, where it belongs.
    </p>
  </div>
</section>