.tariffs-page {
  background: #f7f9fc;
}

.tariffs-page .tariffs-hero-section {
  padding-top: calc(var(--fb-header-height) + 54px) !important;
  background:
    radial-gradient(circle at 12% 5%, rgba(62, 88, 255, .12), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(0, 184, 148, .12), transparent 30%),
    #f7f9fc;
}

.tariffs-new-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 28px;
  align-items: stretch;
  margin-bottom: 64px;
}

.tariffs-new-hero__copy,
.tariffs-new-hero__result {
  border: 1px solid rgba(44, 61, 99, .1);
  border-radius: 28px;
  box-shadow: 0 24px 70px rgba(36, 50, 86, .09);
}

.tariffs-new-hero__copy {
  padding: clamp(30px, 5vw, 64px);
  background: rgba(255, 255, 255, .94);
}

.tariffs-new-hero__eyebrow,
.tariff-options-heading > span {
  display: inline-flex;
  color: var(--fb-blue-600, #3158e8);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.tariffs-new-hero h1 {
  max-width: 850px;
  margin: 18px 0 20px;
  color: var(--fb-gray-900);
  font-size: clamp(34px, 5vw, 66px);
  line-height: 1.03;
  letter-spacing: -.045em;
}

.tariffs-new-hero__copy > p:not(.tariffs-new-hero__note) {
  max-width: 760px;
  color: var(--fb-gray-600);
  font-size: clamp(17px, 2vw, 21px);
  line-height: 1.6;
}

.tariffs-new-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.tariffs-new-hero__note {
  margin-top: 15px;
  color: var(--fb-gray-500);
  font-size: 13px;
}

.tariffs-new-hero__result {
  padding: clamp(28px, 4vw, 46px);
  background: var(--fb-brand-gradient);
  color: #fff;
}

.tariffs-new-hero__result span {
  color: rgba(255,255,255,.76);
  font-size: 14px;
}

.tariffs-new-hero__result strong {
  display: block;
  margin: 10px 0 24px;
  font-size: clamp(25px, 3vw, 36px);
  line-height: 1.12;
}

.tariffs-new-hero__result ul {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tariffs-new-hero__result li {
  position: relative;
  padding-left: 28px;
  color: rgba(255,255,255,.94);
  line-height: 1.45;
}

.tariffs-new-hero__result li::before {
  content: '✓';
  position: absolute;
  left: 0;
  font-weight: 800;
}

/* Старые промо-блоки сохранены в разметке, но больше не участвуют в публичной воронке. */
.tariffs-page .tariffs-hero,
.tariffs-page .promo-banner,
.tariffs-page #self-discount-note,
.tariffs-page .quiz-files-grid {
  display: none !important;
}

.tariff-options-heading {
  max-width: 820px;
  margin: 8px auto 32px;
  padding-top: 18px;
  text-align: center;
  scroll-margin-top: 110px;
}

.tariff-options-heading h2 {
  margin: 12px 0;
  color: var(--fb-gray-900);
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.tariff-options-heading p {
  color: var(--fb-gray-500);
  font-size: 16px;
  line-height: 1.6;
}

.tariffs-page .tariff-card,
.tariffs-page .compact-card,
.tariffs-page .paywall {
  border: 1px solid rgba(44,61,99,.1);
  border-radius: 24px;
  box-shadow: 0 18px 55px rgba(36,50,86,.08);
}

.tariffs-page .tariff-card--self {
  padding: clamp(26px, 4vw, 48px);
  background: #fff;
}

.tariffs-page .tariff-card__amount,
.tariffs-page .paywall__amount,
.tariffs-page .compact-card__amount {
  letter-spacing: -.04em;
}

.tariffs-page .tariffs__grid {
  gap: 20px;
}

.tariffs-page .compact-card {
  padding: 32px;
  text-align: left;
}

.tariffs-page .compare-table-wrapper,
.tariffs-page .service-card-wrapper {
  border-radius: 24px;
  box-shadow: 0 18px 50px rgba(36,50,86,.07);
}

.tariffs-page > main > .cta {
  margin-top: 0;
}

@media (max-width: 900px) {
  .tariffs-new-hero { grid-template-columns: 1fr; }
  .tariffs-page .tariffs__grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 600px) {
  .tariffs-page .tariffs-hero-section { padding-top: calc(var(--fb-header-height) + 24px) !important; }
  .tariffs-new-hero { margin-bottom: 42px; }
  .tariffs-new-hero__copy, .tariffs-new-hero__result { border-radius: 22px; }
  .tariffs-new-hero__actions { display: grid; }
  .tariffs-new-hero__actions .btn { width: 100%; }
  .tariffs-page .tariff-card--self { padding: 22px; }
  .tariffs-page .tariff-card--self .btn { min-width: 0 !important; width: 100%; }
}