.p-home {
  & .break-section {
    background: linear-gradient(
      var(--gray-6) 0%,
      var(--gray-6) 50%,
      var(--white) 50%,
      var(--white) 100%
    );
  }

  & .features-section {
    padding: 128px 0;

    @media (max-width: 800px) {
      padding: 88px 0;
    }

    & > * {
      padding-top: 0;
      padding-bottom: 0;
    }
  }

  & .why-boundary {
    padding-top: 150px;
    padding-bottom: 130px;
    background-color: var(--boundary-secondary);
  }

  & .how-boundary-works {
    background-image: linear-gradient(
      to bottom,
      var(--boundary-secondary) 40%,
      var(--white) 40%
    );
  }

  & .use-cases-section {
    padding-top: 128px;
    padding-bottom: 128px;
    background-color: #f9f9fa;

    @media (max-width: 800px) {
      padding-top: 88px;
    }

    & .g-use-cases {
      & .icon {
        min-height: 140px;
        margin-bottom: 25px;
      }
    }

    & h2 {
      margin: 0;
      text-align: center;
      margin-bottom: 64px;
      @media (max-width: 800px) {
        margin-bottom: 48px;
      }
    }
  }
}