/* Plan cards: replace symbol glyphs with crisp, aligned inline SVG icons. */
html body .plans .plan-grid article::before {
  content: none !important;
  display: none !important;
}

html body .plans .plan-grid article .plan-icon {
  position: absolute !important;
  left: 30px !important;
  top: 30px !important;
  z-index: 4 !important;
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  border: 1px solid rgba(142, 157, 211, .24) !important;
  color: #cbd4ff !important;
  background: linear-gradient(145deg, rgba(45, 54, 87, .84), rgba(24, 29, 49, .92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 8px 22px rgba(0,0,0,.16) !important;
  pointer-events: none !important;
}
html body .plans .plan-grid article .plan-icon svg {
  display: block !important;
  width: 23px !important;
  height: 23px !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
html body .plans .plan-grid article:nth-child(1) .plan-icon {
  color: #9bc4ff !important;
  border-color: rgba(79,151,255,.30) !important;
  background: linear-gradient(145deg,rgba(38,90,159,.29),rgba(21,39,68,.76)) !important;
}
html body .plans .plan-grid article:nth-child(2) .plan-icon {
  color: #d5b8ff !important;
  border-color: rgba(163,117,255,.42) !important;
  background: linear-gradient(145deg,rgba(106,72,190,.28),rgba(41,29,72,.84)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 0 25px rgba(140,85,255,.10) !important;
}
html body .plans .plan-grid article:nth-child(3) .plan-icon {
  color: #e0c2ff !important;
  border-color: rgba(187,104,255,.35) !important;
  background: linear-gradient(145deg,rgba(112,65,163,.26),rgba(43,25,63,.84)) !important;
}

/* Consistent feature row layout and purpose-built icon chips. */
html body .plans .plan-grid article .ref-features li::before {
  content: none !important;
  display: none !important;
}
html body .plans .plan-grid article .ref-features li {
  display: grid !important;
  grid-template-columns: 36px minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 56px !important;
  height: 56px !important;
  padding: 0 10px 0 8px !important;
  border-top: 1px solid rgba(125,140,188,.19) !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body .plans .plan-grid article .ref-features li:last-child {
  border-bottom: 1px solid rgba(125,140,188,.19) !important;
}
html body .plans .plan-grid article .ref-features .feature-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(131,145,198,.22) !important;
  border-radius: 10px !important;
  color: #c0caff !important;
  background: linear-gradient(145deg,rgba(47,57,91,.82),rgba(27,33,54,.90)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
}
html body .plans .plan-grid article .ref-features .feature-icon svg {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
html body .plans .plan-grid article .ref-features li:nth-child(1) .feature-icon {
  color: #91c4ff !important;
  border-color: rgba(86,151,239,.24) !important;
}
html body .plans .plan-grid article .ref-features li:nth-child(2) .feature-icon { color: #b9b2ff !important; }
html body .plans .plan-grid article .ref-features li:nth-child(3) .feature-icon { color: #bfa9ff !important; }
html body .plans .plan-grid article .ref-features li:nth-child(4) .feature-icon {
  color: #8ee5ca !important;
  border-color: rgba(91,207,170,.24) !important;
  background: linear-gradient(145deg,rgba(31,98,87,.30),rgba(20,49,48,.72)) !important;
}
html body .plans .plan-grid article .ref-features .feature-label {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #abb2c8 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  text-align: start !important;
  white-space: nowrap !important;
  direction: rtl !important;
}
html body .plans .plan-grid article .ref-features li > b {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  color: #f1f3fc !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  direction: ltr !important;
}
@media (max-width:760px) {
  html body .plans .plan-grid article .plan-icon {
    left: 18px !important;
    top: 22px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
  }
  html body .plans .plan-grid article .plan-icon svg {
    width: 21px !important;
    height: 21px !important;
  }
  html body .plans .plan-grid article .ref-features li {
    grid-template-columns: 32px minmax(0,1fr) auto !important;
    gap: 8px !important;
    min-height: 49px !important;
    height: 49px !important;
    padding-inline: 5px !important;
  }
  html body .plans .plan-grid article .ref-features .feature-icon {
    width: 29px !important;
    height: 29px !important;
    border-radius: 9px !important;
  }
  html body .plans .plan-grid article .ref-features .feature-icon svg {
    width: 16px !important;
    height: 16px !important;
  }
  html body .plans .plan-grid article .ref-features .feature-label { font-size: 11px !important; }
  html body .plans .plan-grid article .ref-features li > b { font-size: 11px !important; }
}
@media (prefers-reduced-motion:reduce) {
  html body .plans .plan-grid article .plan-icon,
  html body .plans .plan-grid article .ref-features .feature-icon {
    transition: none !important;
  }
}


/* Final override: pricing-polish.css used more-specific selectors for legacy glyphs.
   Match and exceed that specificity so the old symbols cannot sit beneath the SVGs. */
@media (min-width:761px) {
  html body section.plans#plans .plan-grid article::before,
  html body section.plans#plans .plan-grid article:nth-child(1)::before,
  html body section.plans#plans .plan-grid article:nth-child(2)::before,
  html body section.plans#plans .plan-grid article:nth-child(3)::before {
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body section.plans#plans .plan-grid article .ref-features li::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }
}

@media (max-width:760px) {
  html body section.plans#plans .plan-grid article::before,
  html body section.plans#plans .plan-grid article:nth-child(1)::before,
  html body section.plans#plans .plan-grid article:nth-child(2)::before,
  html body section.plans#plans .plan-grid article:nth-child(3)::before {
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body section.plans#plans .plan-grid article .ref-features li::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }
}


/* Card polish pass: turn the feature rows from a hard table into calm inset items. */
html body section.plans#plans .plan-grid article {
  border-radius: 22px !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
html body section.plans#plans .plan-grid article.featured {
  box-shadow: 0 23px 64px rgba(104,70,228,.23), inset 0 1px 0 rgba(255,255,255,.075) !important;
}
html body section.plans#plans .plan-grid article .plan-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 7px 18px rgba(0,0,0,.15) !important;
}
html body section.plans#plans .plan-grid article .plan-icon svg {
  width: 22px !important;
  height: 22px !important;
  stroke-width: 1.9 !important;
}
html body section.plans#plans .plan-grid article .plan-no {
  margin-bottom: 25px !important;
  letter-spacing: .7px !important;
}
html body section.plans#plans .plan-grid article h3 {
  font-size: 30px !important;
  letter-spacing: -.55px !important;
}
html body section.plans#plans .plan-grid article > p {
  margin-bottom: 22px !important;
}
html body section.plans#plans .plan-grid article .plan-price {
  margin-top: 3px !important;
}
html body section.plans#plans .plan-grid article .ref-features {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
html body section.plans#plans .plan-grid article .ref-features li {
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 10px 0 8px !important;
  border: 1px solid rgba(135,148,192,.17) !important;
  border-radius: 11px !important;
  background: rgba(9,13,24,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}
html body section.plans#plans .plan-grid article .ref-features li:last-child {
  border-bottom: 1px solid rgba(135,148,192,.17) !important;
}
html body section.plans#plans .plan-grid article .ref-features li:hover {
  background: rgba(42,47,77,.32) !important;
  border-color: rgba(151,143,230,.34) !important;
}
html body section.plans#plans .plan-grid article:nth-child(1) .ref-features li {
  border-color: rgba(74,139,224,.16) !important;
  background: rgba(8,21,39,.28) !important;
}
html body section.plans#plans .plan-grid article:nth-child(2) .ref-features li {
  border-color: rgba(152,105,239,.18) !important;
  background: rgba(27,19,48,.30) !important;
}
html body section.plans#plans .plan-grid article:nth-child(3) .ref-features li {
  border-color: rgba(182,99,239,.17) !important;
  background: rgba(32,16,46,.30) !important;
}
html body section.plans#plans .plan-grid article .ref-features .feature-icon {
  width: 29px !important;
  height: 29px !important;
  border-radius: 9px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html body section.plans#plans .plan-grid article .ref-features .feature-icon svg {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 1.8 !important;
}
html body section.plans#plans .plan-grid article .ref-features .feature-label {
  color: #b2bad0 !important;
  font-size: 12px !important;
}
html body section.plans#plans .plan-grid article .ref-features li > b {
  color: #f4f5fc !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
html body section.plans#plans .plan-grid article .plan-btn {
  border-radius: 12px !important;
  letter-spacing: 0 !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
html body section.plans#plans .plan-grid article.featured .plan-btn,
html body section.plans#plans .plan-grid article:last-child .plan-btn:not(.plan-btn-current) {
  box-shadow: 0 11px 28px rgba(112,73,231,.25), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
html body section.plans#plans .plan-grid article .plan-icon,
html body section.plans#plans .plan-grid article .ref-features .feature-icon {
  flex-shrink: 0 !important;
}
@media (max-width:760px) {
  html body section.plans#plans .plan-grid article .plan-no {
    margin-bottom: 25px !important;
  }
  html body section.plans#plans .plan-grid article .ref-features {
    gap: 6px !important;
  }
  html body section.plans#plans .plan-grid article .ref-features li {
    height: 43px !important;
    min-height: 43px !important;
    padding-inline: 7px !important;
    border-radius: 10px !important;
    gap: 8px !important;
  }
  html body section.plans#plans .plan-grid article .ref-features .feature-label {
    font-size: 11px !important;
  }
  html body section.plans#plans .plan-grid article .ref-features li > b {
    font-size: 11px !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body section.plans#plans .plan-grid article .ref-features li {
    transition: none !important;
  }
}


/* Fix duplicated daily quota pseudo-content and isolate the RTL/LTR pieces. */
html body section.plans#plans .plan-grid article:first-child .ref-features li:last-child > b::after,
html body section.plans#plans .plan-grid article.featured .ref-features li:last-child > b::after,
html body section.plans#plans .plan-grid article:last-child .ref-features li:last-child > b::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
}
html body section.plans#plans .plan-grid article .ref-features li:last-child > b[data-i="starterDailyValue"],
html body section.plans#plans .plan-grid article .ref-features li:last-child > b[data-i="creatorDailyValue"],
html body section.plans#plans .plan-grid article .ref-features li:last-child > b[data-i="ultimateDailyValue"] {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  white-space: nowrap !important;
}
html body section.plans#plans .plan-grid article .ref-features li:last-child > b .daily-count {
  display: inline-block !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  white-space: nowrap !important;
}
html body section.plans#plans .plan-grid article .ref-features li:last-child > b .daily-period {
  display: inline-block !important;
  direction: inherit !important;
  unicode-bidi: isolate !important;
  color: #b8bfd3 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}
@media (max-width:760px) {
  html body section.plans#plans .plan-grid article .ref-features li:last-child > b .daily-period {
    font-size: 10px !important;
  }
}