.section + .section {
  padding-top: 0;
  -webkit-mask-image: none;
  mask-image: none; }

.section + .section--blue {
  position: relative;
  margin-top: -72px;
  padding-top: 176px;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'><path d='M0,10 Q0,5 5,5 H95 Q100,5 100,0 L100,10 Z' fill='%23000'/></svg>"), linear-gradient(#000, #000);
  -webkit-mask-size: 100% 72px, 100% calc(100% - 72px);
  -webkit-mask-position: top center, center bottom;
  -webkit-mask-repeat: no-repeat, no-repeat;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'><path d='M0,10 Q0,5 5,5 H95 Q100,5 100,0 L100,10 Z' fill='%23000'/></svg>"), linear-gradient(#000, #000);
  mask-size: 100% 72px, 100% calc(100% - 72px);
  mask-position: top center, center bottom;
  mask-repeat: no-repeat, no-repeat; }
  @media (max-width: 768px) {
    .section + .section--blue {
      margin-top: -36px;
      padding-top: 116px;
      -webkit-mask-size: 100% 36px, 100% calc(100% - 36px);
      mask-size: 100% 36px, 100% calc(100% - 36px); } }

.section--hero + .section {
  margin-top: 0;
  padding-top: 100px;
  -webkit-mask-image: none;
  mask-image: none; }
  @media (max-width: 768px) {
    .section--hero + .section {
      padding-top: 80px; } }

.section__lead {
  max-width: none; }

.benefit-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 40px; }
  @media (max-width: 768px) {
    .benefit-list {
      grid-template-columns: 1fr; } }

.benefit-item {
  padding: 32px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px; }
  .benefit-item__title {
    margin: 0 0 16px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #005BAB; }
  .benefit-item__desc {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.9;
    color: #111; }
  .benefit-item__example {
    margin: 12px 0 0;
    font-size: 0.8125rem;
    line-height: 1.8;
    color: #555; }
  @media (max-width: 768px) {
    .benefit-item {
      padding: 24px; } }

.section--alt .benefit-item {
  background: #fff; }
