.pricing {
  min-height: 65vh;
  padding: 144px 24px 112px;
  background: transparent;
  color: #17191f;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}
.pricing, .pricing * { box-sizing: border-box; }
.pricing__intro { text-align: center; }
.pricing__intro h1 { margin: 0; font-size: clamp(32px, 4vw, 46px); line-height: 1.3; letter-spacing: -.04em; }
.pricing__intro p { margin: 22px auto 0; color: #747985; font-size: 17px; line-height: 1.8; }
.pricing__mobile-break { display: none; }
.pricing__grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 16px; max-width: 1120px; margin: 52px auto 0; }
.pricing__card { position: relative; display: flex; flex: 1 1 260px; flex-direction: column; max-width: 360px; padding: 27px 24px 30px; border: 1px solid #dce4f0; border-radius: 24px; background: #fff; box-shadow: 0 8px 28px rgba(30, 55, 95, .07); }
.pricing__card--recommended { border-color: #c6d9f4; background: #eef5ff; }
@supports ((-webkit-backdrop-filter: blur(16px)) or (backdrop-filter: blur(16px))) {
  .pricing__card { background: rgba(255, 255, 255, .42); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); }
  .pricing__card--recommended { background: linear-gradient(145deg, rgba(224, 237, 255, .54), rgba(255, 255, 255, .38)); }
}
@media (prefers-reduced-transparency: reduce) {
  .pricing__card { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .pricing__card--recommended { background: #eef5ff; }
}
.pricing__card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pricing__card h2 { margin: 0; font-size: 23px; font-weight: 600; line-height: 1.4; }
.pricing__badge { padding: 5px 11px; border-radius: 99px; background: #e2edff; color: #245dc4; font-size: 12px; font-weight: 600; white-space: nowrap; }
.pricing__subtitle { margin: 6px 0 0; color: #777c86; font-size: 15px; }
.pricing__price { margin: 22px 0 8px; font-size: 40px; font-weight: 700; line-height: 1.2; letter-spacing: -.03em; }
.pricing__price span { margin-right: 3px; font-size: 24px; }
.pricing__duration { margin: 0; color: #555b65; font-size: 15px; line-height: 1.6; }
.pricing__action { display: block; margin-top: 26px; padding: 12px 16px; border-radius: 999px; background: #17191f; color: #fff; font-size: 14px; font-weight: 600; text-align: center; text-decoration: none; transition: background .2s; }
.pricing__action:hover { background: #315fc0; color: #fff; }
.pricing__action:focus-visible { outline: 3px solid #7da8ff; outline-offset: 3px; }
.pricing__details { margin-top: 22px; padding-top: 22px; border-top: 1px solid #dedfe3; }
.pricing__details h3 { margin: 0 0 17px; font-size: 15px; font-weight: 600; }
.pricing__details p { margin: 12px 0 0; color: #555b65; font-size: 14px; line-height: 1.6; }
.pricing__details p span { margin-right: 8px; color: #366bd0; font-weight: 700; }
.pricing__empty { width: 100%; color: #747985; text-align: center; }
.pricing__note { margin: 28px 0 0; color: #858a93; font-size: 13px; text-align: center; }
@media (max-width: 809px) {
  .pricing { padding-top: 184px; }
}
@media (max-width: 600px) {
  .pricing { padding-right: 20px; padding-bottom: 72px; padding-left: 20px; }
  .pricing__intro h1 { font-size: 30px; letter-spacing: -.03em; }
  .pricing__intro p { margin-top: 16px; font-size: 15px; }
  .pricing__mobile-break { display: initial; }
  .pricing__grid { gap: 14px; margin-top: 34px; }
  .pricing__card { flex-basis: 100%; max-width: 420px; }
}