<commit_before>/*=============================================
7. Promos/Offers (pricing, tagline, CTA...)
=============================================== */

.cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.number,
.cta .benefit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 100%;
  padding: .8rem;
}

.number {
  text-align: center;
}

.cta .benefit {
  max-width: 100%;
  text-align: center;
}

.number span {
  display: block;
  font-size: 8rem;
  line-height: 8rem;
}

.number span sup {
  font-size: 4rem;
}

.cta p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .number,
  .cta .benefit {
    max-width: 50%;
    padding: 4.8rem;
  }

  .cta .benefit {
    text-align: left;
  }

  .number span {
    font-size: 16rem;
    line-height: 16rem;

    sup {
      font-size: 6rem;
      vertical-align: middle;
    }
  }
}

/* --- Header CTA --- */
.cta-cover {
  display: table;
  width: 100%;

  h1 strong {
    font-weight: 400;
  }

  @media (min-width: 1024px) {
    h1 {
      float: left;
      max-width: 80%;
    }

    h1 strong {
      display: block;
    }

    .button {
      margin-top: 1.2rem;
    }

    .try {
      text-align: center;
    }
  }

  @media (max-width: 1023px) {
    .alignright {
      float: none;
    }
  }
}<commit_msg>解决cta和prism .number 冲突，#220<commit_after>/*=============================================
7. Promos/Offers (pricing, tagline, CTA...)
=============================================== */

.cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    .number,
    .benefit {
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 100%;
        padding: .8rem;
    }
    .number {
        text-align: center;
    }
    .benefit {
        max-width: 100%;
        text-align: center;
    }
    .number span {
        display: block;
        font-size: 8rem;
        line-height: 8rem;
    }
    .number span sup {
        font-size: 4rem;
    }
    p {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .cta .number,
    .cta .benefit {
        max-width: 50%;
        padding: 4.8rem;
    }
    .cta .benefit {
        text-align: left;
    }
    .cta .number span {
        font-size: 16rem;
        line-height: 16rem;
        sup {
            font-size: 6rem;
            vertical-align: middle;
        }
    }
}

/* --- Header CTA --- */

.cta-cover {
    display: table;
    width: 100%;
    h1 strong {
        font-weight: 400;
    }
    @media (min-width: 1024px) {
        h1 {
            float: left;
            max-width: 80%;
        }
        h1 strong {
            display: block;
        }
        .button {
            margin-top: 1.2rem;
        }
        .try {
            text-align: center;
        }
    }
    @media (max-width: 1023px) {
        .alignright {
            float: none;
        }
    }
}
{'fraction_non_alphanumeric': 0.19911654774040094, 'fraction_numerical': 0.03160040774719674, 'mean_word_length': 1.6285714285714286, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5623600', 'n_tokens_mistral': 1145, 'n_tokens_neox': 1050, 'n_words': 225}