/* Readable pricing details; the globe hero and contact section stay dark. */
.weijie-pricing-page {
  --pricing-paper: #f4f7fb;
  --pricing-card: #ffffff;
  --pricing-ink: #142033;
  --pricing-muted: #536176;
  --pricing-line: #dce3ee;
  --pricing-accent: #0455fd;
}

.weijie-pricing-page :is(#plans, #comparison, #scope) {
  position: relative;
  color: var(--pricing-ink);
  background: var(--pricing-paper);
  text-shadow: none;
  scroll-margin-top: 28px;
}

.weijie-pricing-page #plans { padding: 96px 0 84px; }
.weijie-pricing-page #comparison { padding: 84px 0; }
.weijie-pricing-page #scope { padding: 84px 0 88px; }

.weijie-pricing-page :is(.pricing-section-heading, .comparison-heading) {
  gap: 32px 48px;
  align-items: end;
}

.weijie-pricing-page .pricing-section-heading {
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .85fr);
}

.weijie-pricing-page .pricing-section-heading .big-index {
  margin-top: 4px;
  color: var(--pricing-accent);
  font-size: 14px;
  line-height: 1.5;
  -webkit-text-stroke: 0;
}

.weijie-pricing-page :is(.pricing-section-heading > div > p, .comparison-heading > div > span, .pricing-scope-heading > span) {
  margin-bottom: 16px;
  color: var(--pricing-accent);
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .04em;
}

.weijie-pricing-page :is(.pricing-section-heading h2, .comparison-heading h2, .pricing-scope-heading h2) {
  color: var(--pricing-ink);
  font-size: clamp(36px, 3.7vw, 52px);
  line-height: 1.2;
  letter-spacing: -.04em;
}

.weijie-pricing-page :is(.pricing-section-heading > p, .comparison-heading > p, .pricing-scope-heading p) {
  margin: 0;
  padding: 0;
  color: var(--pricing-muted);
  background: none;
  box-shadow: none;
  text-shadow: none;
  font-size: 15px;
  line-height: 1.85;
}

.weijie-pricing-page .pricing-card-grid {
  gap: 20px;
  margin-top: 44px;
  border: 0;
}

.weijie-pricing-page .pricing-card {
  min-width: 0;
  min-height: 0;
  padding: 28px;
  border: 1px solid var(--pricing-line);
  border-radius: 10px;
  color: var(--pricing-ink);
  background: var(--pricing-card);
  box-shadow: 0 8px 28px rgba(28, 53, 94, .035);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.weijie-pricing-page .pricing-card.is-recommended {
  margin: 0;
  border-color: var(--pricing-accent);
  color: var(--pricing-ink);
  background: var(--pricing-card);
  box-shadow: inset 0 3px 0 var(--pricing-accent), 0 8px 28px rgba(4, 85, 253, .055);
}

.weijie-pricing-page .pricing-card-top { font-size: 14px; line-height: 1.5; }
.weijie-pricing-page .pricing-card-top span { color: var(--pricing-accent); }
.weijie-pricing-page .pricing-card-top b { color: var(--pricing-muted); }
.weijie-pricing-page .pricing-card.is-recommended .pricing-card-top b { color: var(--pricing-accent); }
.weijie-pricing-page .pricing-card h3 { margin-top: 28px; color: var(--pricing-ink); font-size: 29px; }

.weijie-pricing-page .pricing-card .pricing-card-audience {
  min-height: 50px;
  margin-top: 12px;
  color: var(--pricing-muted);
  font-size: 14px;
  line-height: 1.8;
}

.weijie-pricing-page .pricing-card-price {
  flex-wrap: wrap;
  gap: 10px 5px;
  margin-top: 28px;
  color: var(--pricing-ink);
  font-size: clamp(44px, 4vw, 56px);
  line-height: 1.05;
  letter-spacing: -.05em;
}

.weijie-pricing-page .pricing-card-price small { margin: 4px 0 0; font-size: 21px; line-height: 1.2; }
.weijie-pricing-page .pricing-card-price em {
  flex-basis: 100%;
  margin: 0;
  color: var(--pricing-muted);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}

.weijie-pricing-page .pricing-card .pricing-renewal {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-top: 16px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--pricing-line);
  color: var(--pricing-muted);
  font-size: 14px;
  line-height: 1.65;
}

.weijie-pricing-page .pricing-card .pricing-renewal strong {
  color: var(--pricing-ink);
  font-size: 14px;
  white-space: nowrap;
}

.weijie-pricing-page .pricing-card ul { gap: 10px; margin: 24px 0 28px; }
.weijie-pricing-page .pricing-card li { color: #344258; font-size: 14px; line-height: 1.75; }
.weijie-pricing-page .pricing-card li::before { top: .7em; background: var(--pricing-accent); box-shadow: none; }
.weijie-pricing-page .pricing-card > a {
  min-height: 48px;
  padding: 10px 16px;
  border: 1px solid #b7c5dc;
  border-radius: 5px;
  color: #17499c;
  background: #f6f9ff;
  font-size: 15px;
  line-height: 1.5;
}

.weijie-pricing-page .pricing-card.is-recommended > a {
  border-color: var(--pricing-accent);
  color: #fff;
  background: var(--pricing-accent);
}

.weijie-pricing-page .comparison-groups { gap: 12px; margin-top: 40px; }
.weijie-pricing-page .comparison-group {
  min-width: 0;
  border: 1px solid var(--pricing-line);
  border-radius: 8px;
  background: var(--pricing-card);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.weijie-pricing-page .comparison-group > summary {
  min-height: 80px;
  grid-template-columns: minmax(0, 1fr) 24px;
  gap: 18px;
  padding: 18px 24px;
  color: var(--pricing-ink);
}

.weijie-pricing-page .comparison-group > summary span { color: var(--pricing-accent); font-size: 14px; }
.weijie-pricing-page .comparison-group > summary strong { color: var(--pricing-ink); font-size: 19px; line-height: 1.5; }
.weijie-pricing-page .comparison-group > summary i::before,
.weijie-pricing-page .comparison-group > summary i::after { height: 2px; background: var(--pricing-accent); }
.weijie-pricing-page .comparison-group[open] > summary { background: #f7faff; }

.weijie-pricing-page .comparison-scroll {
  max-width: 100%;
  margin: 0;
  padding: 0 24px 24px;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: #7693c5 #e8edf5;
  scrollbar-width: auto;
}

.weijie-pricing-page .comparison-scroll table { min-width: 820px; }
.weijie-pricing-page .comparison-scroll :is(th, td) {
  height: 62px;
  padding: 14px 18px;
  border: 0;
  border-bottom: 1px solid var(--pricing-line);
  color: #344258;
  background: var(--pricing-card);
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.weijie-pricing-page .comparison-scroll thead th {
  color: var(--pricing-ink);
  background: #edf2f9;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0;
}

.weijie-pricing-page .comparison-scroll th:first-child { width: 28%; color: var(--pricing-ink); }
.weijie-pricing-page .comparison-scroll :is(th, td):nth-child(3) { background: #eff5ff; }
.weijie-pricing-page .comparison-scroll thead th:nth-child(3) { color: #17499c; background: #e2edff; }

.weijie-pricing-page .pricing-scope-layout { gap: 64px; }
.weijie-pricing-page .pricing-scope-heading p { margin-top: 24px; }
.weijie-pricing-page .pricing-scope-list {
  min-width: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--pricing-line);
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.weijie-pricing-page .pricing-scope-list li { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--pricing-line); }
.weijie-pricing-page .pricing-scope-list li > span { padding-top: 3px; color: var(--pricing-accent); font-size: 14px; line-height: 1.5; }
.weijie-pricing-page .pricing-scope-list h3 { color: var(--pricing-ink); font-size: 18px; line-height: 1.5; }
.weijie-pricing-page .pricing-scope-list p { color: var(--pricing-muted); text-shadow: none; font-size: 15px; line-height: 1.85; }
.weijie-pricing-page .pricing-legal-note {
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 24px;
  border-top: 1px solid var(--pricing-line);
  color: var(--pricing-muted);
  font-size: 14px;
  line-height: 1.85;
}

.weijie-pricing-page :is(#plans, #comparison, #scope) :is(a, summary, .comparison-scroll):focus-visible {
  outline: 3px solid #0455fd;
  outline-offset: 4px;
  box-shadow: none;
}

.weijie-pricing-page #comparison :is(summary, .comparison-scroll):focus-visible { outline-offset: -4px; }

@media (hover: hover) and (pointer: fine) {
  .weijie-pricing-page .pricing-card:hover,
  .weijie-pricing-page .pricing-card:focus-within {
    transform: none;
    border-color: #719df4;
    background: var(--pricing-card);
    box-shadow: 0 10px 32px rgba(28, 53, 94, .08);
  }
  .weijie-pricing-page .pricing-card.is-recommended:hover,
  .weijie-pricing-page .pricing-card.is-recommended:focus-within {
    border-color: var(--pricing-accent);
    box-shadow: inset 0 3px 0 var(--pricing-accent), 0 10px 32px rgba(4, 85, 253, .1);
  }
  .weijie-pricing-page .pricing-card > a:hover { border: 1px solid #0045d5; color: #fff; background: #0045d5; }
  .weijie-pricing-page .comparison-group > summary:hover { background: #edf4ff; }
  .weijie-pricing-page .pricing-scope-list li:hover { padding-left: 0; background: none; }
}

@media (max-width: 1080px) and (min-width: 921px) {
  .weijie-pricing-page .pricing-card-grid { gap: 14px; }
  .weijie-pricing-page .pricing-card { padding: 24px 20px; }
  .weijie-pricing-page .pricing-card h3 { font-size: 27px; }
  .weijie-pricing-page .pricing-card-price { font-size: 44px; }
}

@media (max-width: 920px) {
  .weijie-pricing-page .pricing-section-heading { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .weijie-pricing-page .pricing-section-heading > p { grid-column: 1; max-width: 640px; }
  .weijie-pricing-page .comparison-heading { grid-template-columns: 1fr; gap: 24px; }
  .weijie-pricing-page .comparison-heading > p { max-width: 640px; }
  .weijie-pricing-page .pricing-card-grid { grid-template-columns: 1fr; gap: 20px; }
  .weijie-pricing-page .pricing-card .pricing-card-audience { min-height: 0; }
  .weijie-pricing-page .pricing-card-price { font-size: 52px; }
  .weijie-pricing-page .pricing-scope-layout { grid-template-columns: 1fr; gap: 36px; }
}

@media (max-width: 700px) {
  .weijie-pricing-page #plans { padding: 64px 0 44px; }
  .weijie-pricing-page #comparison { padding: 44px 0; }
  .weijie-pricing-page #scope { padding: 44px 0 64px; }
  .weijie-pricing-page .pricing-section-heading { display: block; }
  .weijie-pricing-page .pricing-section-heading .big-index { display: none; }
  .weijie-pricing-page :is(.pricing-section-heading h2, .comparison-heading h2, .pricing-scope-heading h2) { font-size: clamp(30px, 8.8vw, 38px); }
  .weijie-pricing-page .pricing-section-heading > p { margin-top: 20px; }
  .weijie-pricing-page .pricing-card-grid { margin-top: 32px; }
  .weijie-pricing-page .pricing-card { padding: 24px; }
  .weijie-pricing-page .pricing-card h3 { font-size: 28px; }
  .weijie-pricing-page .pricing-card-price { font-size: 48px; }
  .weijie-pricing-page .comparison-groups { margin-top: 28px; }
  .weijie-pricing-page .comparison-group > summary { min-height: 76px; grid-template-columns: minmax(0, 1fr) 20px; gap: 10px; padding: 18px 16px; }
  .weijie-pricing-page .comparison-group > summary strong { font-size: 16px; }
  .weijie-pricing-page .comparison-scroll { padding: 0 16px 20px; }
  .weijie-pricing-page .pricing-scope-list li { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}

@media (forced-colors: active) {
  .weijie-pricing-page .pricing-card,
  .weijie-pricing-page .comparison-group { border: 1px solid CanvasText; }
  .weijie-pricing-page .comparison-group > summary i::before,
  .weijie-pricing-page .comparison-group > summary i::after { background: ButtonText; }
}

/* Two product families within the existing approved light pricing system. */
.weijie-pricing-page .quote-jump-nav {
  display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 56px;
}
.weijie-pricing-page .quote-jump-nav a {
  display: inline-flex; align-items: center; min-height: 48px; padding: 12px 20px;
  border: 1px solid var(--pricing-line); border-radius: 6px;
  background: #fff; color: #17499c; font-size: 16px; line-height: 1.5;
}
.weijie-pricing-page .quote-jump-nav a:hover { border-color: var(--pricing-accent); background: #edf4ff; }
.weijie-pricing-page .quote-showcase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.weijie-pricing-page .quote-marketing-section { margin-top: 88px; padding-top: 80px; border-top: 1px solid var(--pricing-line); }
.weijie-pricing-page :is(#showcase-plans, #marketing-plans) { scroll-margin-top: 32px; }
.weijie-pricing-page .quote-table-note { padding: 0 24px 24px; color: var(--pricing-muted); font-size: 15px; line-height: 1.85; }
.weijie-pricing-page .quote-section-note { margin-top: 28px; color: var(--pricing-muted); font-size: 15px; line-height: 1.85; }
.weijie-pricing-page .quote-showcase-detail table { min-width: 660px; }
.weijie-pricing-page .pricing-card .pricing-card-top { gap: 8px; flex-wrap: wrap; }
.weijie-pricing-page .pricing-card :is(li, .pricing-card-audience) { font-size: 16px; }
.weijie-pricing-page .pricing-card { display: flex; flex-direction: column; }
.weijie-pricing-page .pricing-card > a { margin-top: auto; }
.weijie-pricing-page .pricing-card ul { flex: 1; }
.weijie-pricing-page .quote-showcase-detail :is(th, td):nth-child(3) { background: var(--pricing-card); }
.weijie-pricing-page .quote-showcase-detail thead th:nth-child(3) { background: #f0f4fa; color: var(--pricing-ink); }
@media (max-width: 920px) {
  .weijie-pricing-page .quote-showcase-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .weijie-pricing-page .quote-jump-nav { gap: 8px; margin-bottom: 40px; }
  .weijie-pricing-page .quote-jump-nav a { width: 100%; padding: 12px 16px; }
  .weijie-pricing-page .quote-marketing-section { margin-top: 56px; padding-top: 48px; }
  .weijie-pricing-page .quote-table-note { padding: 0 16px 20px; }
}

/* 75% transparent white: one glass layer, no compounded white surfaces. */
.weijie-pricing-page {
  --pricing-paper: rgba(255, 255, 255, .25);
  --pricing-card: transparent;
  --pricing-ink: #ffffff;
  --pricing-muted: #f6f8fc;
  --pricing-line: rgba(255, 255, 255, .28);
  --pricing-accent: #f2f7ff;
}
.weijie-pricing-page :is(#plans, #comparison, #scope) {
  background: var(--pricing-paper);
  /* Bound backdrop highlights without fading text or adding a second layer. */
  -webkit-backdrop-filter: blur(6px) brightness(.25);
  backdrop-filter: blur(6px) brightness(.25);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.weijie-pricing-page :is(.pricing-card, .pricing-card.is-recommended, .comparison-group) {
  background: transparent;
  box-shadow: 0 8px 28px rgba(2, 8, 20, .08);
}
.weijie-pricing-page .pricing-card.is-recommended {
  border-color: #bdd7ff;
  box-shadow: inset 0 3px 0 #bdd7ff, 0 8px 28px rgba(2, 8, 20, .08);
}
.weijie-pricing-page .pricing-card li,
.weijie-pricing-page .comparison-scroll :is(th, td) { color: var(--pricing-muted); }
.weijie-pricing-page .comparison-scroll :is(th, td),
.weijie-pricing-page .comparison-scroll :is(th, td):nth-child(3),
.weijie-pricing-page .comparison-scroll thead th,
.weijie-pricing-page .comparison-scroll thead th:nth-child(3),
.weijie-pricing-page .quote-showcase-detail thead th:nth-child(3),
.weijie-pricing-page .comparison-group[open] > summary {
  background: transparent;
}
.weijie-pricing-page .comparison-scroll thead th,
.weijie-pricing-page .comparison-scroll thead th:nth-child(3) {
  color: var(--pricing-ink);
  border-bottom: 2px solid rgba(255, 255, 255, .48);
}
.weijie-pricing-page .comparison-scroll {
  scrollbar-color: #d6e5ff rgba(5, 14, 28, .2);
}
.weijie-pricing-page .quote-jump-nav a,
.weijie-pricing-page .pricing-card > a {
  background: transparent;
  color: var(--pricing-ink);
  border-color: rgba(255, 255, 255, .56);
}
.weijie-pricing-page .quote-jump-nav a:hover {
  background: transparent;
  color: #fff;
  border-color: #fff;
}
.weijie-pricing-page .pricing-card.is-recommended > a {
  background: #0455fd;
  border-color: #bdd7ff;
  color: #fff;
}
.weijie-pricing-page :is(#plans, #comparison, #scope) :is(a, summary, .comparison-scroll):focus-visible {
  outline-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .weijie-pricing-page .pricing-card:hover,
  .weijie-pricing-page .pricing-card:focus-within,
  .weijie-pricing-page .pricing-card.is-recommended:hover,
  .weijie-pricing-page .pricing-card.is-recommended:focus-within {
    background: transparent;
    border-color: #d9e8ff;
  }
  .weijie-pricing-page .comparison-group > summary:hover,
  .weijie-pricing-page .quote-jump-nav a:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
  }
  .weijie-pricing-page .pricing-card > a:hover {
    background: #0045d5;
    border-color: #bdd7ff;
    color: #fff;
  }
}
/* Readable fallback when the browser cannot isolate/tone the live backdrop. */
@supports not ((backdrop-filter: brightness(.25)) or (-webkit-backdrop-filter: brightness(.25))) {
  .weijie-pricing-page :is(#plans, #comparison, #scope) {
    background: #303742;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .weijie-pricing-page :is(#plans, #comparison, #scope) {
    background: #303742;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
@media (forced-colors: active) {
  .weijie-pricing-page :is(#plans, #comparison, #scope) {
    background: Canvas;
    color: CanvasText;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    text-shadow: none;
  }
}