/* Disabled Base plan: visible for comparison, never offered for checkout. */
.pricing-sales-page .sale-plan-card.sale-plan-in-development {
  border-color: rgba(160, 173, 202, .20) !important;
  background: linear-gradient(155deg, rgba(19, 25, 40, .92), rgba(12, 18, 31, .96)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035) !important;
}
.pricing-sales-page .sale-plan-card.sale-plan-in-development:hover {
  transform: none !important;
  border-color: rgba(160, 173, 202, .20) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035) !important;
}
.pricing-sales-page .sale-plan-in-development .sale-plan-border-glow { display: none !important; }
.pricing-sales-page .sale-plan-in-development .sale-plan-coming-soon {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(145, 155, 180, .12) !important;
  border: 1px solid rgba(177, 190, 218, .20) !important;
  color: #cbd5e9 !important;
}
.pricing-sales-page .sale-plan-in-development .sale-price-coming-soon {
  font-size: clamp(21px, 2vw, 26px); font-weight: 800; color: #c3ccdf;
  letter-spacing: -.035em;
}
.pricing-sales-page .sale-plan-in-development .sale-price-coming-soon i { font-size: 20px; margin-right: 8px; }
.pricing-sales-page .sale-plan-in-development .sale-subscribe-form button[disabled] {
  cursor: not-allowed; opacity: .85; background: rgba(125, 141, 172, .13) !important;
  border: 1px solid rgba(167, 178, 204, .22) !important; color: #ccd4e5 !important;
}
.pricing-sales-page .sale-plan-in-development .sale-plan-action-note { color: #aab7d1; }


/* Clear product status notice shared by the pricing and account subscription pages. */
.helper-development-banner {
  position: relative;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  margin: 22px 0 26px;
  padding: 18px 20px;
  overflow: hidden;
  border: 1px solid rgba(149, 133, 255, .28);
  border-radius: 20px;
  background:
    radial-gradient(ellipse at 0% 0%, rgba(132, 105, 255, .17), transparent 48%),
    linear-gradient(112deg, rgba(25, 31, 58, .94), rgba(11, 20, 37, .94));
  box-shadow: 0 14px 36px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .055);
}
.helper-development-banner::before {
  position: absolute;
  inset: 0 14% auto;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(174, 151, 255, .72), transparent);
  pointer-events: none;
}
.helper-development-icon {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(173, 151, 255, .34);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(150, 117, 255, .25), rgba(83, 124, 224, .12));
  color: #d0c0ff;
  font-size: 19px;
  box-shadow: inset 0 1px rgba(255,255,255,.1), 0 8px 22px rgba(106, 82, 220, .12);
}
.helper-development-copy { min-width: 0; }
.helper-development-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #b5a4ff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}
.helper-development-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #b59bff;
  box-shadow: 0 0 12px rgba(181, 155, 255, .82);
}
.helper-development-copy strong {
  display: block;
  margin-top: 5px;
  color: #f4f2ff;
  font-size: 15px;
  line-height: 1.35;
  letter-spacing: -.02em;
}
.helper-development-copy p {
  margin: 5px 0 0;
  color: #a8b4d0;
  font-size: 11px;
  line-height: 1.65;
}
.helper-development-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 39px;
  padding: 9px 12px;
  border: 1px solid rgba(165, 145, 255, .32);
  border-radius: 12px;
  background: rgba(129, 103, 255, .13);
  color: #e0d8ff !important;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.helper-development-link > i:first-child {
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border-radius: 7px;
  background: rgba(171, 149, 255, .17);
  color: #cfc1ff;
}
.helper-development-link-arrow { margin-left: 2px; }
.helper-development-link:hover {
  transform: translateY(-1px);
  border-color: rgba(187, 169, 255, .58);
  background: rgba(129, 103, 255, .21);
  box-shadow: 0 8px 20px rgba(86, 69, 182, .16);
}

/* A more polished, compact status badge for the Base plan. */
.pricing-sales-page .sale-plan-in-development .sale-plan-head { gap: 11px; }
.pricing-sales-page .sale-plan-in-development .sale-plan-coming-soon {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  padding: 6px 10px !important;
  border: 1px solid rgba(170, 183, 211, .25) !important;
  border-radius: 999px !important;
  background: linear-gradient(110deg, rgba(140, 156, 188, .16), rgba(102, 119, 153, .09)) !important;
  color: #d5deef !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .075em;
  line-height: 1;
  white-space: nowrap;
  box-shadow: inset 0 1px rgba(255,255,255,.06);
}
.pricing-sales-page .sale-plan-in-development .sale-plan-coming-soon i {
  display: grid;
  place-items: center;
  width: 19px;
  height: 19px;
  margin: 0;
  border: 1px solid rgba(172, 189, 220, .18);
  border-radius: 7px;
  background: rgba(171, 190, 225, .12);
  color: #cbd9f1;
  font-size: 9px;
}
.pricing-sales-page .sale-plan-in-development .sale-price-coming-soon {
  min-height: 40px;
  margin: 2px 0 0;
  color: #d4dced !important;
  font-size: clamp(20px, 2vw, 25px) !important;
  font-weight: 850;
  letter-spacing: -.035em;
}
.pricing-sales-page .sale-plan-in-development .sale-price-coming-soon span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.pricing-sales-page .sale-plan-in-development .sale-price-coming-soon i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin: 0;
  border: 1px solid rgba(174, 189, 219, .2);
  border-radius: 10px;
  background: rgba(143, 161, 195, .12);
  color: #c7d3e9;
  font-size: 14px;
}

/* Compact plan actions: keep the label centered and the icon anchored on the left. */
.pricing-sales-page .sale-button.full-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 41px !important;
  padding: 8px 40px !important;
  border-radius: 13px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}
.pricing-sales-page .sale-button.full-btn > .sale-button-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px;
  background: rgba(255,255,255,.11);
  color: inherit;
  font-size: 10px;
  transform: translateY(-50%);
}
.pricing-sales-page .sale-button.full-btn > .sale-button-label {
  display: block;
  width: 100%;
  min-width: 0;
  text-align: center;
}
.pricing-sales-page .sale-button.full-btn:hover > .sale-button-icon { transform: translateY(-50%); }
.pricing-sales-page .sale-plan-in-development .sale-button.full-btn {
  border-color: rgba(169, 183, 211, .22) !important;
  background: linear-gradient(120deg, rgba(45, 57, 80, .6), rgba(24, 34, 53, .82)) !important;
  color: #d9e2f3 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.055) !important;
}
.pricing-sales-page .sale-plan-in-development .sale-button.full-btn > .sale-button-icon {
  border-color: rgba(181, 196, 223, .2);
  background: rgba(172, 190, 221, .12);
  color: #bdcce5;
}

@media (max-width: 680px) {
  .helper-development-banner {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    padding: 15px;
    border-radius: 17px;
  }
  .helper-development-icon { width: 42px; height: 42px; border-radius: 13px; font-size: 16px; }
  .helper-development-copy strong { font-size: 13px; }
  .helper-development-copy p { font-size: 10px; }
  .helper-development-link {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 38px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .helper-development-link { transition: none !important; }
}


/* Orbiting luminous edge: a small highlight travels around the complete card perimeter. */
@property --rp-plan-orbit-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@keyframes rp-plan-border-orbit {
  to { --rp-plan-orbit-angle: 360deg; }
}
.pricing-sales-page .sale-plan-card {
  --rp-plan-glow-rgb: 107, 190, 245;
}
.pricing-sales-page .sale-plan-base { --rp-plan-glow-rgb: 91, 194, 239; }
.pricing-sales-page .sale-plan-pro { --rp-plan-glow-rgb: 183, 139, 255; }
.pricing-sales-page .sale-plan-max { --rp-plan-glow-rgb: 79, 221, 190; }
.pricing-sales-page .sale-plan-card > .sale-plan-border-glow,
.pricing-sales-page .sale-plan-in-development .sale-plan-border-glow {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block !important;
  overflow: hidden;
  padding: 1.7px;
  border-radius: inherit;
  pointer-events: none;
  opacity: .94 !important;
  background: conic-gradient(
    from var(--rp-plan-orbit-angle),
    transparent 0deg 300deg,
    rgba(var(--rp-plan-glow-rgb), .10) 308deg,
    rgba(var(--rp-plan-glow-rgb), .38) 318deg,
    rgba(var(--rp-plan-glow-rgb), .84) 327deg,
    rgba(255, 255, 255, .98) 332deg,
    rgba(var(--rp-plan-glow-rgb), .86) 337deg,
    rgba(var(--rp-plan-glow-rgb), .24) 345deg,
    transparent 353deg 360deg
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  filter: drop-shadow(0 0 5px rgba(var(--rp-plan-glow-rgb), .42));
  animation: rp-plan-border-orbit 7.6s linear infinite;
}
.pricing-sales-page .sale-plan-featured > .sale-plan-border-glow {
  opacity: 1 !important;
  padding: 2px;
  filter: drop-shadow(0 0 7px rgba(var(--rp-plan-glow-rgb), .62));
  animation-duration: 6.2s;
}
/* Keep the old static top-edge highlight out of the way of the moving beam. */
.pricing-sales-page .sale-plan-card::before { opacity: 0 !important; }

/* Pro keeps its richer violet treatment, but shares the same dimensions and flow as Base and Max. */
.pricing-sales-page .sale-plan-grid {
  align-items: stretch !important;
}
.pricing-sales-page .sale-plan-grid > .sale-plan-card,
.pricing-sales-page .sale-plan-grid > .sale-plan-card.sale-plan-featured {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 100% !important;
  padding: 23px 20px !important;
  transform: none !important;
}
.pricing-sales-page .sale-plan-grid > .sale-plan-card.sale-plan-featured {
  z-index: 1 !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  border: 1px solid rgba(191, 155, 255, .88) !important;
  background:
    radial-gradient(ellipse at 82% 4%, rgba(83, 144, 255, .29), transparent 42%),
    radial-gradient(ellipse at 14% 88%, rgba(200, 82, 255, .20), transparent 45%),
    linear-gradient(145deg, #272052 0%, #171d45 57%, #0e2747 100%) !important;
  box-shadow:
    0 20px 54px rgba(75, 54, 194, .25),
    0 0 0 1px rgba(188, 160, 255, .16),
    inset 0 1px rgba(255, 255, 255, .14) !important;
}
.pricing-sales-page .sale-plan-grid > .sale-plan-card:not(.sale-plan-in-development):hover,
.pricing-sales-page .sale-plan-grid > .sale-plan-card.sale-plan-featured:hover {
  transform: translateY(-4px) !important;
}
.pricing-sales-page .sale-plan-grid > .sale-plan-card.sale-plan-featured:hover {
  box-shadow:
    0 26px 62px rgba(75, 54, 194, .32),
    0 0 30px rgba(138, 103, 255, .16),
    inset 0 1px rgba(255, 255, 255, .16) !important;
}
.pricing-sales-page .sale-plan-grid .sale-plan-description {
  min-height: 54px;
}
.pricing-sales-page .sale-plan-grid .sale-subscribe-form {
  width: 100%;
  margin-top: auto !important;
}
.pricing-sales-page .sale-plan-grid .sale-button.full-btn {
  position: relative;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  min-height: 41px !important;
  padding: 8px 40px !important;
  border-radius: 13px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}
.pricing-sales-page .sale-plan-grid .sale-button.full-btn > .sale-button-label {
  display: block;
  width: 100%;
  text-align: center;
}
.pricing-sales-page .sale-plan-grid .sale-button.full-btn > .sale-button-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin: 0 !important;
  border-radius: 8px;
  transform: translateY(-50%);
}

/* Compact, readable recommendation chip aligned like the other card labels. */
.pricing-sales-page .sale-plan-head .sale-plan-recommended {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  max-width: 154px;
  min-height: 26px;
  margin-left: auto;
  padding: 6px 9px !important;
  border: 1px solid rgba(224, 198, 255, .48) !important;
  border-radius: 999px !important;
  background: linear-gradient(110deg, rgba(172, 112, 255, .42), rgba(88, 119, 255, .34)) !important;
  color: #f2eaff !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .045em;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  box-shadow: 0 5px 18px rgba(128, 91, 240, .20), inset 0 1px rgba(255, 255, 255, .18) !important;
}
.pricing-sales-page .sale-plan-head .sale-plan-recommended > i {
  flex: 0 0 auto;
  color: #ffe7a8;
  font-size: 9px;
}
.pricing-sales-page .sale-plan-head .sale-plan-recommended > span {
  display: block;
}

@media (max-width: 680px) {
  .pricing-sales-page .sale-plan-grid > .sale-plan-card,
  .pricing-sales-page .sale-plan-grid > .sale-plan-card.sale-plan-featured {
    height: auto !important;
    min-height: 0 !important;
    padding: 20px !important;
  }
  .pricing-sales-page .sale-plan-grid .sale-plan-description { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .pricing-sales-page .sale-plan-card > .sale-plan-border-glow {
    animation: none !important;
    opacity: .65;
    filter: none;
  }
  .pricing-sales-page .sale-plan-grid > .sale-plan-card:not(.sale-plan-in-development):hover,
  .pricing-sales-page .sale-plan-grid > .sale-plan-card.sale-plan-featured:hover {
    transform: none !important;
  }
}

/* Unified plan-card header: icon, title and short tier descriptor share one row. */
.pricing-sales-page .sale-plan-grid > .sale-plan-card {
  border-radius: 24px !important;
  min-height: 540px !important;
  padding: 23px 20px 20px !important;
  isolation: isolate;
}
.pricing-sales-page .sale-plan-head {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100%;
  min-height: 54px;
  margin: 0 0 17px !important;
  padding: 0 !important;
}
.pricing-sales-page .sale-plan-icon {
  position: relative;
  z-index: 1;
  flex: 0 0 50px !important;
  width: 50px !important;
  height: 50px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 18px !important;
}
.pricing-sales-page .sale-plan-title-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  gap: 3px;
}
.pricing-sales-page .sale-plan-card .sale-plan-title-copy h3 {
  margin: 0 !important;
  color: #f4f6ff !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  letter-spacing: -.045em !important;
}
.pricing-sales-page .sale-plan-subtitle {
  display: block;
  min-width: 0;
  color: #9baaca;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .005em;
}
.pricing-sales-page .sale-plan-base .sale-plan-subtitle { color: #91c9e5; }
.pricing-sales-page .sale-plan-pro .sale-plan-subtitle { color: #c5aaff; }
.pricing-sales-page .sale-plan-max .sale-plan-subtitle { color: #83e6d0; }
.pricing-sales-page .sale-plan-head.has-corner-badges .sale-plan-title-copy {
  max-width: calc(100% - 204px);
}
.pricing-sales-page .sale-plan-corner-badges {
  position: absolute;
  z-index: 4;
  top: -7px;
  right: -6px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  max-width: 145px;
}
.pricing-sales-page .sale-plan-corner-badges .sale-plan-recommended {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  max-width: 142px;
  min-height: 28px;
  margin: 0 !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(235, 216, 255, .62) !important;
  border-radius: 999px !important;
  background: linear-gradient(112deg, rgba(183, 126, 255, .96), rgba(112, 103, 255, .94) 58%, rgba(91, 154, 255, .92)) !important;
  color: #fff !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  line-height: 1.05;
  letter-spacing: .045em;
  text-align: center;
  white-space: normal;
  box-shadow: 0 6px 20px rgba(131, 91, 245, .38), 0 0 0 3px rgba(169, 133, 255, .09), inset 0 1px 0 rgba(255,255,255,.28) !important;
  backdrop-filter: blur(10px);
}
.pricing-sales-page .sale-plan-corner-badges .sale-plan-recommended > i {
  flex: 0 0 auto;
  color: #fff1b9;
  font-size: 10px;
  filter: drop-shadow(0 0 5px rgba(255, 238, 177, .56));
}
.pricing-sales-page .sale-plan-corner-badges .sale-plan-recommended > span { display: block; }
.pricing-sales-page .sale-plan-corner-badges .sale-plan-coming-soon {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(177, 190, 218, .24) !important;
  border-radius: 999px !important;
  background: linear-gradient(115deg, rgba(90, 108, 145, .34), rgba(49, 62, 89, .48)) !important;
  color: #d5deef !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  line-height: 1;
  white-space: nowrap;
  box-shadow: inset 0 1px rgba(255,255,255,.08);
}
.pricing-sales-page .sale-plan-corner-badges .sale-plan-coming-soon i {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(172, 190, 225, .14);
  color: #d4e1f7;
  font-size: 9px;
}
.pricing-sales-page .sale-plan-corner-badges .subscription-discount-card-badge {
  margin: 0 !important;
  border-radius: 999px !important;
}
.pricing-sales-page .sale-plan-card .sale-plan-description {
  min-height: 56px !important;
  margin: 0 0 13px !important;
  color: #aab7d1 !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
}
.pricing-sales-page .sale-plan-card .sale-price-line {
  min-height: 43px;
  display: flex;
  align-items: center;
}
.pricing-sales-page .sale-plan-card .sale-price-caption {
  min-height: 29px;
  display: flex;
  align-items: center;
}
.pricing-sales-page .sale-plan-card .sale-feature-list {
  flex: 1 1 auto;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.pricing-sales-page .sale-plan-grid .sale-subscribe-form {
  display: flex !important;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 76px;
  margin-top: auto !important;
}
.pricing-sales-page .sale-plan-grid .sale-button.full-btn {
  min-height: 44px !important;
  padding: 8px 44px !important;
  border-radius: 999px !important;
}
.pricing-sales-page .sale-plan-grid .sale-button.full-btn > .sale-button-icon {
  left: 10px;
  width: 25px;
  height: 25px;
  border-radius: 999px !important;
}
.pricing-sales-page .sale-plan-in-development .sale-plan-action-note,
.pricing-sales-page .sale-plan-grid .sale-plan-action-note {
  min-height: 27px;
  margin: 8px 0 0 !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
  text-align: center;
}

/* Max is the strongest visual tier: brighter teal glass, glow and a quicker orbit. */
.pricing-sales-page .sale-plan-card.sale-plan-max {
  border-color: rgba(71, 231, 199, .68) !important;
  background:
    radial-gradient(ellipse at 86% 0%, rgba(46, 247, 204, .20), transparent 43%),
    radial-gradient(ellipse at 8% 95%, rgba(25, 160, 186, .16), transparent 46%),
    linear-gradient(150deg, rgba(7, 72, 70, .96), rgba(7, 38, 48, .98) 62%, rgba(6, 27, 39, .99)) !important;
  box-shadow:
    0 18px 48px rgba(16, 196, 168, .17),
    0 0 0 1px rgba(91, 255, 222, .12),
    inset 0 1px 0 rgba(224, 255, 250, .14) !important;
}
.pricing-sales-page .sale-plan-card.sale-plan-max::after {
  z-index: 0 !important;
  top: -140px !important;
  right: -90px !important;
  width: 340px !important;
  height: 340px !important;
  opacity: .95 !important;
  background: radial-gradient(circle, rgba(48, 255, 218, .27), rgba(32, 192, 179, .09) 48%, transparent 72%) !important;
  filter: blur(7px) !important;
  animation: rp-max-card-aura 5.4s ease-in-out infinite alternate;
}
@keyframes rp-max-card-aura {
  from { transform: scale(.92); opacity: .68; }
  to { transform: scale(1.08); opacity: 1; }
}
.pricing-sales-page .sale-plan-card.sale-plan-max > .sale-plan-border-glow {
  padding: 2.4px !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 9px rgba(65, 255, 218, .68)) drop-shadow(0 0 18px rgba(34, 207, 184, .28)) !important;
  animation-duration: 4.9s !important;
}
.pricing-sales-page .sale-plan-card.sale-plan-max:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(117, 255, 229, .92) !important;
  box-shadow:
    0 25px 62px rgba(10, 203, 174, .24),
    0 0 36px rgba(46, 255, 216, .19),
    0 0 0 1px rgba(117, 255, 229, .20),
    inset 0 1px 0 rgba(235, 255, 251, .19) !important;
}
.pricing-sales-page .sale-plan-card.sale-plan-max .sale-plan-icon {
  border-color: rgba(107, 255, 225, .45) !important;
  background: linear-gradient(145deg, rgba(74, 240, 204, .30), rgba(23, 147, 151, .25)) !important;
  color: #b6fff0 !important;
  box-shadow: 0 0 24px rgba(47, 235, 200, .16), inset 0 1px rgba(255,255,255,.16) !important;
}

@media (max-width: 680px) {
  .pricing-sales-page .sale-plan-grid > .sale-plan-card {
    min-height: 0 !important;
    padding: 21px 18px !important;
  }
  .pricing-sales-page .sale-plan-head { margin-bottom: 14px !important; }
  .pricing-sales-page .sale-plan-head.has-corner-badges .sale-plan-title-copy {
    max-width: calc(100% - 184px);
  }
  .pricing-sales-page .sale-plan-corner-badges {
    top: -4px;
    right: -3px;
    max-width: 122px;
  }
  .pricing-sales-page .sale-plan-corner-badges .sale-plan-recommended {
    max-width: 122px;
    min-height: 26px;
    padding: 6px 8px !important;
    font-size: 7px !important;
  }
  .pricing-sales-page .sale-plan-card .sale-plan-description { min-height: 0 !important; }
  .pricing-sales-page .sale-plan-grid .sale-subscribe-form { min-height: 72px; }
}
@media (max-width: 390px) {
  .pricing-sales-page .sale-plan-icon {
    flex-basis: 44px !important;
    width: 44px !important;
    height: 44px !important;
  }
  .pricing-sales-page .sale-plan-card .sale-plan-title-copy h3 { font-size: 20px !important; }
  .pricing-sales-page .sale-plan-subtitle { font-size: 9px; }
  .pricing-sales-page .sale-plan-head.has-corner-badges .sale-plan-title-copy {
    max-width: calc(100% - 174px);
  }
  .pricing-sales-page .sale-plan-corner-badges { max-width: 108px; }
  .pricing-sales-page .sale-plan-corner-badges .sale-plan-recommended { max-width: 108px; font-size: 6.5px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .pricing-sales-page .sale-plan-card.sale-plan-max::after { animation: none !important; }
  .pricing-sales-page .sale-plan-card.sale-plan-max > .sale-plan-border-glow { animation: none !important; }
}

/* Reserve the same caption slot on every plan so all action buttons stay level. */
.pricing-sales-page .sale-plan-grid .sale-subscribe-form {
  min-height: 84px !important;
  justify-content: flex-start !important;
  gap: 7px;
}
.pricing-sales-page .sale-plan-grid .sale-plan-action-note {
  display: -webkit-box !important;
  flex: 0 0 30px;
  height: 30px;
  min-height: 30px !important;
  margin: 0 !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
}
.pricing-sales-page .sale-plan-grid .sale-plan-action-note-empty {
  visibility: hidden;
}
@media (max-width: 680px) {
  .pricing-sales-page .sale-plan-grid .sale-subscribe-form { min-height: 82px !important; }
}

/* Tier status chips share the compact "in development" treatment, tinted per plan. */
.pricing-sales-page .sale-plan-corner-badges {
  max-width: 178px !important;
}
.pricing-sales-page .sale-plan-corner-badges .sale-plan-coming-soon,
.pricing-sales-page .sale-plan-corner-badges .sale-plan-recommended,
.pricing-sales-page .sale-plan-corner-badges .sale-plan-professionals {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  min-height: 28px !important;
  max-width: 178px !important;
  margin: 0 !important;
  padding: 4px 10px 4px 5px !important;
  border-radius: 999px !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: .045em !important;
  text-align: left !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 5px 16px rgba(0,0,0,.12) !important;
  backdrop-filter: blur(10px);
}
.pricing-sales-page .sale-plan-corner-badges .sale-plan-coming-soon > i,
.pricing-sales-page .sale-plan-corner-badges .sale-plan-recommended > i,
.pricing-sales-page .sale-plan-corner-badges .sale-plan-professionals > i {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 19px !important;
  width: 19px !important;
  height: 19px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  font-size: 9px !important;
  filter: none !important;
}
.pricing-sales-page .sale-plan-corner-badges .sale-plan-coming-soon > span,
.pricing-sales-page .sale-plan-corner-badges .sale-plan-recommended > span,
.pricing-sales-page .sale-plan-corner-badges .sale-plan-professionals > span {
  display: inline !important;
}
/* Base / blue-cyan */
.pricing-sales-page .sale-plan-base .sale-plan-corner-badges .sale-plan-coming-soon {
  border: 1px solid rgba(91, 194, 239, .36) !important;
  background: linear-gradient(110deg, rgba(34, 119, 164, .30), rgba(22, 67, 102, .34)) !important;
  color: #c8edff !important;
}
.pricing-sales-page .sale-plan-base .sale-plan-corner-badges .sale-plan-coming-soon > i {
  background: rgba(104, 204, 255, .16) !important;
  color: #a9e4ff !important;
}
/* Pro / violet */
.pricing-sales-page .sale-plan-pro .sale-plan-corner-badges .sale-plan-recommended {
  border: 1px solid rgba(191, 157, 255, .40) !important;
  background: linear-gradient(110deg, rgba(134, 91, 224, .34), rgba(71, 87, 183, .30)) !important;
  color: #eee4ff !important;
}
.pricing-sales-page .sale-plan-pro .sale-plan-corner-badges .sale-plan-recommended > i {
  background: rgba(194, 160, 255, .20) !important;
  color: #ead9ff !important;
}
/* Max / teal-green */
.pricing-sales-page .sale-plan-corner-badges .sale-plan-professionals {
  border: 1px solid rgba(87, 232, 197, .40) !important;
  background: linear-gradient(110deg, rgba(23, 151, 127, .34), rgba(14, 91, 91, .34)) !important;
  color: #caffef !important;
}
.pricing-sales-page .sale-plan-corner-badges .sale-plan-professionals > i {
  background: rgba(87, 232, 197, .17) !important;
  color: #a5ffe4 !important;
}

/* Rounded, tier-aware checkout icon, circular close control and pill actions. */
.pricing-sales-page .subscription-checkout-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(146, 115, 255, .20), rgba(69, 133, 255, .10)) !important;
}
.pricing-sales-page .subscription-checkout-dialog.is-tier-pro .subscription-checkout-icon {
  border-color: rgba(191, 157, 255, .42) !important;
  background: linear-gradient(145deg, rgba(156, 111, 255, .30), rgba(78, 115, 226, .16)) !important;
  color: #decaff !important;
  box-shadow: 0 9px 30px rgba(117, 92, 255, .22) !important;
}
.pricing-sales-page .subscription-checkout-dialog.is-tier-max .subscription-checkout-icon {
  border-color: rgba(87, 232, 197, .42) !important;
  background: linear-gradient(145deg, rgba(57, 220, 180, .26), rgba(24, 132, 143, .16)) !important;
  color: #b8ffec !important;
  box-shadow: 0 9px 30px rgba(28, 211, 171, .18) !important;
}
.pricing-sales-page .subscription-checkout-close {
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  border-color: rgba(176, 190, 229, .20) !important;
  background: rgba(255, 255, 255, .065) !important;
}
.pricing-sales-page .subscription-checkout-close:hover {
  border-color: rgba(193, 203, 235, .42) !important;
  background: rgba(255, 255, 255, .13) !important;
}
.pricing-sales-page .subscription-checkout-cancel,
.pricing-sales-page .subscription-checkout-pay,
.pricing-sales-page .subscription-period-trigger,
.pricing-sales-page .subscription-period-option {
  border-radius: 999px !important;
}
.pricing-sales-page .subscription-checkout-cancel,
.pricing-sales-page .subscription-checkout-pay {
  min-height: 48px !important;
  padding-inline: 22px !important;
}
.pricing-sales-page .subscription-period-trigger {
  min-height: 42px !important;
  padding-inline: 15px !important;
}
.pricing-sales-page .subscription-period-option {
  padding-inline: 9px !important;
}
@media (max-width: 680px) {
  .pricing-sales-page .sale-plan-corner-badges { max-width: 145px !important; }
  .pricing-sales-page .sale-plan-corner-badges .sale-plan-coming-soon,
  .pricing-sales-page .sale-plan-corner-badges .sale-plan-recommended,
  .pricing-sales-page .sale-plan-corner-badges .sale-plan-professionals {
    max-width: 145px !important;
    font-size: 7px !important;
    min-height: 26px !important;
  }
}


/* Checkout billing period: expand the picker itself in normal flow instead of
   floating a second dropdown over the modal. */
.pricing-sales-page .subscription-period-picker {
  display: block !important;
  width: 155px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(164, 157, 255, .34) !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(31, 39, 67, .98), rgba(15, 22, 42, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  transition: border-color .28s ease, border-radius .32s ease, box-shadow .28s ease, background .28s ease !important;
}
.pricing-sales-page .subscription-period-picker.is-open {
  border-color: rgba(174, 157, 255, .72) !important;
  border-radius: 19px !important;
  background: linear-gradient(155deg, rgba(29, 37, 65, .99), rgba(13, 20, 39, .99)) !important;
  box-shadow: 0 0 0 3px rgba(153,132,255,.09), 0 9px 24px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.pricing-sales-page .subscription-period-trigger {
  position: relative !important;
  z-index: 1 !important;
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: color .2s ease, background .2s ease !important;
}
.pricing-sales-page .subscription-period-picker.is-open .subscription-period-trigger {
  border-radius: 0 !important;
  box-shadow: none !important;
}
.pricing-sales-page .subscription-period-trigger i {
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: rgba(161, 143, 255, .12) !important;
  color: #b8aaff !important;
  font-size: 11px !important;
  transition: transform .32s cubic-bezier(.2,.8,.2,1), background .22s ease !important;
}
.pricing-sales-page .subscription-period-picker.is-open .subscription-period-trigger i {
  transform: rotate(45deg) !important;
  background: rgba(161, 143, 255, .20) !important;
}
.pricing-sales-page .subscription-period-menu,
.pricing-sales-page .subscription-period-menu[hidden] {
  position: static !important;
  inset: auto !important;
  display: grid !important;
  gap: 4px !important;
  width: 100% !important;
  max-width: none !important;
  max-height: 0 !important;
  padding: 0 7px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-7px) !important;
  pointer-events: none !important;
  backdrop-filter: none !important;
  animation: none !important;
  transition: max-height .38s cubic-bezier(.2,.75,.25,1), padding .32s ease, opacity .22s ease, transform .32s cubic-bezier(.2,.75,.25,1), visibility 0s linear .38s !important;
}
.pricing-sales-page .subscription-period-picker.is-open .subscription-period-menu {
  max-height: 188px !important;
  padding: 0 7px 8px !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
  transition-delay: 0s !important;
}
.pricing-sales-page .subscription-period-option {
  min-height: 38px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.018) !important;
}
.pricing-sales-page .subscription-period-option-icon {
  flex-basis: 27px !important;
  width: 27px !important;
  height: 27px !important;
  border-radius: 50% !important;
}
@media (max-width: 520px) {
  .pricing-sales-page .subscription-period-picker { width: 145px !important; }
  .pricing-sales-page .subscription-period-menu { width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
  .pricing-sales-page .subscription-period-picker,
  .pricing-sales-page .subscription-period-trigger,
  .pricing-sales-page .subscription-period-trigger i,
  .pricing-sales-page .subscription-period-menu,
  .pricing-sales-page .subscription-period-option {
    transition: none !important;
  }
}

/* Checkout period picker: overlay the menu; never expand the dialog or summary grid. */
.pricing-sales-page .subscription-checkout-summary {
  position: relative !important;
  overflow: visible !important;
}
.pricing-sales-page .subscription-checkout-period {
  position: relative !important;
  z-index: 80 !important;
  overflow: visible !important;
}
.pricing-sales-page .subscription-period-picker,
.pricing-sales-page .subscription-period-picker.is-open {
  position: relative !important;
  z-index: 80 !important;
  display: block !important;
  width: 155px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: none !important;
}
.pricing-sales-page .subscription-period-picker.is-open {
  z-index: 120 !important;
}
.pricing-sales-page .subscription-period-trigger,
.pricing-sales-page .subscription-period-picker.is-open .subscription-period-trigger {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-height: 42px !important;
  border: 1px solid rgba(164, 157, 255, .34) !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(31, 39, 67, .98), rgba(15, 22, 42, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.pricing-sales-page .subscription-period-menu,
.pricing-sales-page .subscription-period-picker.is-open .subscription-period-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 999 !important;
  display: grid !important;
  gap: 4px !important;
  width: 230px !important;
  max-width: min(230px, calc(100vw - 48px)) !important;
  max-height: 0 !important;
  padding: 0 7px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 18px !important;
  background: linear-gradient(155deg, rgba(24, 31, 54, .99), rgba(10, 16, 31, .99)) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.48), 0 0 22px rgba(120,100,255,.12) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-7px) scale(.985) !important;
  transform-origin: top right !important;
  pointer-events: none !important;
  backdrop-filter: blur(18px) !important;
  animation: none !important;
  transition: max-height .32s cubic-bezier(.2,.75,.25,1), padding .26s ease,
    opacity .2s ease, transform .28s cubic-bezier(.2,.75,.25,1),
    border-color .2s ease, visibility 0s linear .32s !important;
}
.pricing-sales-page .subscription-period-picker.is-open .subscription-period-menu {
  max-height: 190px !important;
  padding: 7px !important;
  border-color: rgba(163, 151, 255, .30) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
  transition-delay: 0s !important;
}
.pricing-sales-page .subscription-period-option,
.pricing-sales-page .subscription-period-option.is-selected {
  min-height: 40px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
}
.pricing-sales-page .subscription-period-option.is-selected {
  border-color: rgba(162, 145, 255, .34) !important;
  background: linear-gradient(110deg, rgba(131,109,255,.20), rgba(77,132,255,.11)) !important;
}
@media (max-width: 520px) {
  .pricing-sales-page .subscription-period-picker { width: 145px !important; }
  .pricing-sales-page .subscription-period-menu,
  .pricing-sales-page .subscription-period-picker.is-open .subscription-period-menu {
    width: 218px !important;
    max-width: min(218px, calc(100vw - 36px)) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pricing-sales-page .subscription-period-menu,
  .pricing-sales-page .subscription-period-picker.is-open .subscription-period-menu {
    transition: none !important;
    transform: none !important;
  }
}