/* Light-only conversion surfaces: porcelain, quiet borders and restrained indigo. */
:root:root :is(.support-proof, .pricing-options, .faq) {
  --color-text: var(--lt-ink);
  --color-secondary: var(--lt-secondary);
  --color-muted: var(--lt-secondary);
  --color-caption: var(--lt-muted);
  --color-border: var(--lt-line);
  --color-border-active: #c4cde0;
  --color-accent-soft: var(--lt-accent);
  color: var(--lt-ink);
}

:root:root :is(.support-proof h2, .pricing-options__intro h2, .faq h2) {
  color: var(--lt-ink);
}

:root:root :is(.support-proof h2 span, .pricing-options__intro h2 span, .faq h2 > span) {
  color: var(--lt-secondary);
  background: none;
  -webkit-text-fill-color: currentColor;
}

:root:root :is(.support-proof__eyebrow, .pricing-options__eyebrow, .faq__eyebrow) {
  color: var(--lt-muted);
}

:root:root :is(.support-proof, .pricing-options, .faq) :is(.section-number, .section-divider) {
  color: var(--lt-accent);
}

:root:root :is(.support-proof__aside p, .pricing-options__intro > p:last-child, .faq__intro) {
  color: var(--lt-secondary);
}

/* Conversations remain readable paper surfaces, with one pale reply tint. */
:root:root .support-proof__aside a {
  color: var(--lt-accent);
}

:root:root .support-proof__aside a:hover {
  color: var(--lt-accent-hover);
}

:root:root .support-proof__aside a:focus-visible {
  outline-color: var(--lt-accent);
}

:root:root .support-proof__gallery::before {
  background: none;
}

:root:root .support-proof__card.support-chat {
  background: var(--lt-surface);
  border-color: var(--lt-line);
  box-shadow: var(--lt-shadow);
}

:root:root .support-proof__card.support-chat:hover {
  border-color: #cbd4e2;
}

:root:root .support-chat__topic {
  color: var(--lt-muted);
}

:root:root .support-chat__bubble {
  color: var(--lt-ink);
  background: var(--lt-soft);
  border-color: #edf0f5;
}

:root:root .support-chat__message--t .support-chat__bubble {
  color: #373d65;
  background: #e1e2f6;
  border-color: #e5e7f7;
}

:root:root .support-chat__avatar {
  background: var(--lt-accent);
  box-shadow: none;
}

:root:root .support-chat__meta {
  color: var(--lt-muted);
}

:root:root .support-chat__read {
  color: #497b91;
}

:root:root .support-chat__redacted {
  color: var(--lt-muted);
  background: #e8ecf3;
}

:root:root .support-proof__signature p {
  color: var(--lt-ink);
}

:root:root .support-proof__signature p span {
  color: var(--lt-muted);
}

/* One shared pricing surface, with a pale lavender featured column. */
:root:root .pricing-options__toolbar>p {
  color: var(--lt-ink);
}

:root:root .pricing-options__toolbar>p span {
  color: var(--lt-muted);
}

:root:root .pricing-options__billing {
  background: var(--lt-soft);
  border-color: var(--lt-line);
  box-shadow: none;
}

:root:root .pricing-options__billing button {
  color: var(--lt-muted);
}

:root:root .pricing-options__billing button:hover {
  color: var(--lt-ink);
}

:root:root .pricing-options__billing button[aria-pressed="true"] {
  color: var(--lt-ink);
}

:root:root .pricing-options__billing button>span {
  color: var(--lt-success);
}

:root:root .pricing-options__billing-highlight {
  background: var(--lt-surface);
  border-color: #d9dfeb;
  box-shadow: 0 1px 3px #2638570a;
}

:root:root .pricing-options__plans {
  background: var(--lt-surface);
  border-color: var(--lt-line);
  box-shadow: 0 4px 24px #26385705;
}

:root:root .pricing-plan {
  background: var(--lt-surface);
  border-color: var(--lt-line) !important;
}

:root:root .pricing-plan:first-child {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

:root:root .pricing-plan:last-child {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

:root:root .pricing-plan--featured {
  background:
    repeating-linear-gradient(98deg, transparent 0 2px, #7581ad08 2px 3px),
    linear-gradient(118deg, #e3e7f2 0%, #f9faff 17%, #e9ecf6 31%, #dce1ef 48%, #f4f6fc 70%, #e6eaf5 83%, #dce2f0 100%);
  box-shadow: inset 1px 0 #ffffffb3, inset -1px 0 #bcc5df80;
}

:root:root .pricing-plan__badge {
  color: #fff;
  background: var(--lt-accent);
  border-color: var(--lt-accent);
}

:root:root :is(.pricing-plan header h3, .pricing-plan__price, .pricing-plan__price > span:first-child, .pricing-plan__allowance strong, .pricing-plan__extra > span) {
  color: var(--lt-ink);
}

:root:root :is(.pricing-plan header p, .pricing-plan__price > span:last-child, .pricing-plan__equivalent, .pricing-plan__allowance > span, .pricing-plan__extra, .pricing-plan__support) {
  color: var(--lt-secondary);
}

:root:root .pricing-plan__saving {
  color: var(--lt-success);
}

:root:root .pricing-plan__allowance {
  border-color: var(--lt-line);
}

:root:root .pricing-plan--featured .pricing-plan__allowance {
  border-color: #dcdff1;
}

:root:root .pricing-plan__cta {
  color: var(--lt-ink);
  background: var(--lt-surface);
  border-color: #cfd7e4;
  box-shadow: 0 1px 2px #26385704;
}

:root:root .pricing-plan__cta:hover {
  color: var(--lt-accent-hover);
  background: var(--lt-soft);
  border-color: #bfc8df;
  box-shadow: none;
}

:root:root .pricing-plan--featured .pricing-plan__cta {
  color: #fff;
  background: var(--lt-accent);
  border-color: var(--lt-accent);
  box-shadow: 0 2px 4px #555ae812;
}

:root:root .pricing-plan--featured .pricing-plan__cta:hover {
  color: #fff;
  background: var(--lt-accent-hover);
  border-color: var(--lt-accent-hover);
  box-shadow: 0 2px 6px #555ae81a;
}

:root:root :is(.pricing-plan__cta, .pricing-options__billing button, .pricing-benefit summary):focus-visible {
  outline-color: var(--lt-accent);
}

:root:root .pricing-options__billing-note {
  color: var(--lt-muted);
}

:root:root :is(.pricing-options__included, .pricing-care) {
  background: none;
  border-color: var(--lt-line);
}

:root:root :is(.pricing-options__included h3, .pricing-options__included h4, .pricing-care h3, .pricing-care h4, .pricing-benefit strong) {
  color: var(--lt-ink);
}

:root:root :is(.pricing-options__included h3 span, .pricing-care h3 span) {
  color: var(--lt-secondary);
}

:root:root :is(.pricing-options__platforms > span, .pricing-benefits__hint, .pricing-benefit__caption, .pricing-benefit--assurance p, .pricing-benefit__detail p, .pricing-care li p, .pricing-options__included li p, .pricing-options__assurance > span) {
  color: var(--lt-secondary);
}

:root:root :is(.pricing-benefits__all, .pricing-benefit a, .pricing-care__number, .pricing-options__assurance a) {
  color: var(--lt-accent);
}

:root:root :is(.pricing-benefit svg, .pricing-plan__support svg, .pricing-options__included li svg, .pricing-options__assurance svg) {
  color: var(--lt-success);
  --icon-front: var(--lt-success);
  --icon-back: var(--lt-success);
}

:root:root .pricing-benefit {
  background: transparent;
  border-color: transparent;
}

:root:root :is(.pricing-benefit:hover, .pricing-benefit[open]) {
  background: var(--lt-soft);
  border-color: var(--lt-line);
}

:root:root .pricing-benefit__info {
  color: var(--lt-muted);
  border-color: #bcc6d6;
}

:root:root .pricing-benefit[open] .pricing-benefit__info {
  color: var(--lt-accent);
  background: var(--lt-accent-wash);
  border-color: #c5c9ef;
}

/* The FAQ reads as paper; selection uses color rather than a luminous edge. */
:root:root :is(.faq__questions, .faq__question) {
  border-color: var(--lt-line);
}

:root:root .faq__question {
  color: var(--lt-secondary);
}

:root:root .faq__question-number {
  color: var(--lt-muted);
}

:root:root .faq__question::before {
  background: var(--lt-accent);
}

:root:root .faq__question svg {
  stroke: var(--lt-accent);
}

:root:root .faq__question:hover {
  color: var(--lt-ink);
}

:root:root .faq__question[aria-selected="true"] {
  color: var(--lt-ink);
  background: var(--lt-accent-wash);
}

:root:root .faq__question[aria-selected="true"] .faq__question-number {
  color: var(--lt-accent);
}

:root:root .faq__reading {
  background: var(--lt-surface);
  border: 1px solid var(--lt-line);
  box-shadow: 0 2px 12px #26385704;
}

:root:root .faq__reading::before {
  background: none;
}

:root:root :is(.faq__reading-top, .faq__answer-meta > span:first-child) {
  color: var(--lt-muted);
}

:root:root .faq__reading-top svg {
  stroke: var(--lt-muted);
}

:root:root .faq__chapter {
  color: #dbe1ed;
}

:root:root .faq__answer h3 {
  color: var(--lt-ink);
}

:root:root :is(.faq__answer-copy p, .faq__takeaway) {
  color: var(--lt-secondary);
}

:root:root .faq__takeaway>span {
  background: var(--lt-accent);
  box-shadow: none;
}

:root:root .faq__reading-bottom {
  border-color: var(--lt-line);
}

:root:root .faq__pagination {
  color: var(--lt-ink);
}

:root:root .faq__pagination>span:last-child {
  color: var(--lt-muted);
}

:root:root .faq__controls button {
  color: var(--lt-secondary);
  background: var(--lt-surface);
  border-color: var(--lt-line);
}

:root:root .faq__controls button:hover {
  color: var(--lt-accent-hover);
  background: var(--lt-accent-wash);
  border-color: #ced2ed;
}

:root:root :is(.faq__question, .faq__answer, .faq__controls button):focus-visible {
  outline-color: var(--lt-accent);
}

:root:root .faq__platform-link {
  color: var(--lt-muted);
}

:root:root .faq__platform-link>span {
  color: var(--lt-accent);
}

:root:root .faq__platform-link:hover>span {
  color: var(--lt-accent-hover);
}

@media(max-width:1100px) {
  :root:root .pricing-options__plans {
    background: transparent;
    box-shadow: none;
  }

  :root:root .pricing-plan--featured {
    box-shadow: none;
  }
}