.pricing-hero .seo-hero__lead { max-width: 720px; }

.pricing-test-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 42px;
  padding: 20px 24px;
  border: 1px solid rgba(174, 48, 40, 0.18);
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(115deg, #151314, #2e1d1b 68%, #77251f);
  box-shadow: 0 20px 44px rgba(43, 25, 22, 0.13);
}

.pricing-test-banner div { display: grid; gap: 5px; }
.pricing-test-banner span { color: #ff9388; font-size: 11px; font-weight: 850; letter-spacing: 0.13em; }
.pricing-test-banner strong { font-size: 20px; }
.pricing-test-banner p { max-width: 520px; margin: 0; color: rgba(255, 255, 255, 0.7); font-size: 13px; line-height: 1.55; }

.pricing-checkout-heading { margin-bottom: 24px; }

.pricing-plan-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.pricing-plan-card {
  position: relative;
  display: grid;
  align-content: start;
  padding: clamp(25px, 4vw, 38px);
  border: 1px solid rgba(46, 34, 31, 0.13);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 48px rgba(47, 31, 27, 0.08);
}

.pricing-plan-card--annual {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(145deg, #151415, #251d1c 68%, #6f241f);
  box-shadow: 0 24px 58px rgba(37, 20, 18, 0.18);
}

.pricing-plan-card.is-selected { border-color: rgba(185, 50, 42, 0.56); box-shadow: 0 0 0 4px rgba(185, 50, 42, 0.08), 0 18px 48px rgba(47, 31, 27, 0.1); }
.pricing-plan-card--annual.is-selected { border-color: rgba(255, 147, 136, 0.72); box-shadow: 0 0 0 4px rgba(230, 64, 50, 0.15), 0 24px 58px rgba(37, 20, 18, 0.2); }

.pricing-plan-card > span {
  color: #a82d25;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.14em;
}

.pricing-plan-card--annual > span { color: #ff9388; }
.pricing-plan-card h3 { margin: 13px 0 20px; font-size: clamp(24px, 3vw, 32px); line-height: 1.1; }
body.pricing-gate-page .pricing-plan-card--annual h3,
body.pricing-gate-page .pricing-plan-card--annual .pricing-plan-price strong { color: #fff !important; }

.pricing-plan-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
}

.pricing-plan-price strong { font-size: clamp(38px, 5vw, 54px); line-height: 1; letter-spacing: -0.05em; }
.pricing-plan-price small { color: #786f6b; font-size: 14px; }
.pricing-plan-card--annual .pricing-plan-price small { color: rgba(255, 255, 255, 0.62); }
.pricing-plan-card > p:not(.pricing-plan-price) { min-height: 52px; margin: 18px 0 28px; color: #6c6460; line-height: 1.6; }
.pricing-plan-card--annual > p:not(.pricing-plan-price) { color: rgba(255, 255, 255, 0.68); }
.pricing-plan-card .button { width: 100%; margin-top: auto; }
.pricing-plan-card--annual .button { border-color: #e64032; background: #e64032; }
.pricing-plan-card .button:disabled { cursor: not-allowed; opacity: 0.58; }
[data-pricing-checkout][aria-busy="true"] .pricing-plan-card .button:disabled { cursor: wait; }

.pricing-checkout-status {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  margin-top: 18px;
  padding: 17px 19px;
  border: 1px solid rgba(46, 34, 31, 0.12);
  border-radius: 16px;
  background: #f8f3ef;
}

.pricing-checkout-status__dot { width: 10px; height: 10px; border-radius: 50%; background: #c68b25; box-shadow: 0 0 0 5px rgba(198, 139, 37, 0.12); }
.pricing-checkout-status[data-kind="success"] .pricing-checkout-status__dot { background: #21845a; box-shadow: 0 0 0 5px rgba(33, 132, 90, 0.12); }
.pricing-checkout-status[data-kind="error"] .pricing-checkout-status__dot { background: #c9342a; box-shadow: 0 0 0 5px rgba(201, 52, 42, 0.12); }
.pricing-checkout-status div { display: grid; gap: 3px; }
.pricing-checkout-status strong { font-size: 14px; }
.pricing-checkout-status p { margin: 0; color: #746b67; font-size: 12px; line-height: 1.5; }

.pricing-checkout-refresh,
.pricing-checkout-open {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid rgba(46, 34, 31, 0.17);
  border-radius: 10px;
  color: #292524;
  background: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.pricing-checkout-refresh:hover,
.pricing-checkout-refresh:focus-visible,
.pricing-checkout-open:hover,
.pricing-checkout-open:focus-visible { border-color: rgba(169, 43, 34, 0.42); background: #fff8f5; }
.pricing-checkout-refresh:disabled { cursor: wait; opacity: 0.58; }
[data-pricing-checkout] [hidden] { display: none !important; }

.pricing-terms-link {
  margin: 1.25rem 0 0;
  color: #64748b;
  font-size: 0.92rem;
  line-height: 1.6;
}

.pricing-terms-link a {
  color: #a61b13;
  font-weight: 750;
  text-underline-offset: 0.18em;
}

@media (max-width: 760px) {
  .pricing-test-banner { align-items: flex-start; flex-direction: column; gap: 10px; }
  .pricing-plan-grid { grid-template-columns: 1fr; }
  .pricing-plan-card > p:not(.pricing-plan-price) { min-height: 0; }
  .pricing-checkout-status { grid-template-columns: auto minmax(0, 1fr); }
  .pricing-checkout-refresh,
  .pricing-checkout-open { grid-column: 2; justify-self: start; }
}

@media (max-width: 440px) {
  .pricing-test-banner { padding: 18px; border-radius: 15px; }
  .pricing-plan-card { padding: 24px 20px; border-radius: 20px; }
  .pricing-checkout-status { padding: 16px; }
}
