/* Shared visual layer for the three public detail pages. It intentionally keeps
   the existing dark RealTrace palette while replacing photo-led marketing blocks
   with product-data surfaces. */
.public-capability,
html[data-home-theme] body {
  background: #070b13 !important;
  color: #f4f7fb !important;
  font-family: Inter, "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: 68px;
  border-bottom: 1px solid #172130 !important;
  background: rgba(7, 11, 19, .97) !important;
  box-shadow: none !important;
}

.topbar .shell,
.topbar .rt-wrap {
  width: min(1180px, calc(100vw - 48px)) !important;
  min-height: 68px;
}

.topbar a,
.topbar button { border-radius: 4px !important; }
.topbar .login-link,
.topbar .login,
.topbar .button-primary { background: #101c2b !important; border: 1px solid #314058 !important; box-shadow: none !important; }
.topbar .login-link:hover,
.topbar .login:hover { border-color: #72e6f4 !important; }

.rt-footer,
.filing {
  border-top: 1px solid #172130 !important;
  background: #070b13 !important;
}

/* Business-scenarios: signal panels replace every generated team photo. */
.bs-hero,
.bs-platforms,
.bs-scenarios,
.bs-journey,
.bs-cta { background: #070b13 !important; }
.bs-hero { padding: 88px 0 74px !important; border-bottom: 1px solid #172130; }
.bs-hero-grid { width: min(1180px, calc(100vw - 48px)) !important; grid-template-columns: .88fr 1.12fr !important; align-items: center; gap: clamp(42px, 7vw, 100px) !important; }
.bs-hero-copy > span,
.bs-section-head > span,
.bs-chapter-copy > span { color: #72e6f4 !important; font-size: 10px !important; font-weight: 700; letter-spacing: .13em; }
.bs-hero h1 { max-width: 590px; margin: 14px 0 22px !important; font-size: clamp(40px, 4.6vw, 66px) !important; line-height: 1.12 !important; letter-spacing: -.05em !important; }
.bs-hero-copy > p { max-width: 540px; color: #98a6b9 !important; font-size: 16px !important; text-wrap: balance; }
.rt-primary { border-radius: 5px !important; color: #07101a !important; background: linear-gradient(105deg, #72e6f4, #94dbf9 55%, #b493fb) !important; box-shadow: none !important; }
.rt-secondary { color: #d5e1f0 !important; }
.bs-proof { width: min(680px, 100%) !important; margin-top: 52px !important; padding-top: 18px !important; border-top: 1px solid #202b3c; }
.bs-proof div { border-right: 1px solid #202b3c !important; }.bs-proof div:last-child { border-right: 0 !important; }
.bs-proof strong { color: #f4f7fb !important; }.bs-proof span { color: #68768a !important; }
.bs-hero-image,
.bs-chapter > figure { position: relative; display: block !important; overflow: hidden; min-height: 300px; margin: 0 !important; border: 1px solid #273449 !important; border-radius: 8px !important; background: #0c1320 !important; }
.bs-hero-image::before,
.bs-chapter > figure::before { content: ""; position: absolute; inset: 0; opacity: .95; background-image: linear-gradient(rgba(33, 51, 72, .62) 1px, transparent 1px), linear-gradient(90deg, rgba(33, 51, 72, .62) 1px, transparent 1px), linear-gradient(116deg, transparent 0 16%, rgba(114, 230, 244, .09) 16% 17%, transparent 17% 42%, rgba(180, 147, 251, .08) 42% 43%, transparent 43%); background-size: 42px 42px, 42px 42px, 100% 100%; }
.bs-hero-image::after,
.bs-chapter > figure::after { content: ""; position: absolute; right: 9%; bottom: 15%; width: 52%; height: 2px; background: #72e6f4; box-shadow: -30px 30px 0 #3d6484, -90px 58px 0 #b493fb, -145px 19px 0 #72e6f4; transform: rotate(-19deg); }
.bs-hero-image figcaption { position: absolute !important; z-index: 1; right: 0; bottom: 0; left: 0; display: flex !important; align-items: end; justify-content: space-between; padding: 20px !important; border-top: 1px solid #273449; background: rgba(12, 19, 32, .95) !important; color: #f4f7fb !important; }.bs-hero-image figcaption span { color: #72e6f4 !important; }.bs-hero-image figcaption b { font-size: 15px !important; }
.bs-platforms { padding: 78px 0 !important; border-bottom: 1px solid #172130; }.bs-platforms .rt-wrap,
.bs-scenarios .rt-wrap,
.bs-journey .rt-wrap,
.bs-cta .rt-wrap { width: min(1180px, calc(100vw - 48px)) !important; }
.bs-section-head { max-width: 710px !important; margin-bottom: 38px !important; }.bs-section-head h2 { margin: 12px 0 !important; font-size: clamp(30px, 3.4vw, 46px) !important; line-height: 1.18 !important; letter-spacing: -.04em !important; }.bs-section-head p { color: #98a6b9 !important; }
.bs-platform-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }.bs-platform-grid article { border: 1px solid #202b3c !important; border-radius: 7px !important; background: #0c1320 !important; box-shadow: none !important; }.bs-platform-grid article header { border-bottom: 1px solid #202b3c !important; }.bs-platform-grid article header small { color: #68768a !important; }.bs-platform-grid article > div span { border: 1px solid #263348 !important; background: #0a111d !important; color: #cbd7e5 !important; }
.bs-scenarios { padding: 105px 0 !important; }.bs-chapter-list { gap: 14px !important; }.bs-chapter { display: grid !important; grid-template-columns: 250px minmax(0, 1fr) !important; gap: 0 !important; overflow: hidden; border: 1px solid #202b3c !important; border-radius: 7px !important; background: #0c1320 !important; }.bs-chapter > figure { min-height: 100% !important; border: 0 !important; border-radius: 0 !important; }.bs-chapter > figure::after { right: 14%; bottom: 35%; }.bs-chapter-copy { padding: 30px 32px 17px !important; }.bs-chapter-copy h3 { margin: 10px 0 !important; font-size: 28px !important; letter-spacing: -.04em; }.bs-chapter-copy p { color: #98a6b9 !important; }.bs-chapter-copy ul { gap: 8px !important; }.bs-chapter-copy li { border: 1px solid #27394a !important; border-radius: 999px !important; background: #101f2d !important; color: #c9dae5 !important; }.bs-scene-grid { grid-column: 2; grid-template-columns: repeat(3, 1fr) !important; gap: 0 !important; border-top: 1px solid #202b3c !important; }.bs-scene-grid section { padding: 22px !important; border-right: 1px solid #202b3c !important; border-bottom: 0 !important; background: transparent !important; }.bs-scene-grid section:last-child { border-right: 0 !important; }.bs-scene-grid section > span { color: #72e6f4 !important; }.bs-scene-grid h4 { color: #f4f7fb !important; }.bs-scene-grid p { color: #98a6b9 !important; }.bs-scene-grid small { color: #72e6f4 !important; }
.bs-journey { padding: 0 0 104px !important; }.bs-journey-grid { gap: 1px !important; overflow: hidden; border: 1px solid #202b3c !important; border-radius: 7px; background: #202b3c !important; }.bs-journey-grid article { padding: 30px !important; background: #0c1320 !important; }.bs-journey-grid article > span { color: #72e6f4 !important; }.bs-journey-grid article p { color: #98a6b9 !important; }.bs-cta { padding: 0 0 108px !important; }.bs-cta-card { display: flex !important; align-items: center; justify-content: space-between; gap: 30px; padding: 38px !important; border: 1px solid #202b3c !important; border-radius: 7px; background: #0c1320 !important; }.bs-cta-card h2 { margin: 0 0 8px !important; font-size: 30px !important; }.bs-cta-card p { margin: 0; color: #98a6b9 !important; }

/* MCP catalog: denser documentation hierarchy, not a decorative landing page. */
.public-capability-mcp .shell { width: min(1180px, calc(100vw - 48px)) !important; }.public-capability-mcp .overview { padding: 82px 0 68px !important; border-bottom: 1px solid #172130; background: #070b13 !important; }.public-capability-mcp .overview-grid { grid-template-columns: 1fr .78fr !important; gap: 72px !important; align-items: center !important; }.public-capability-mcp .kicker, .public-capability-api .kicker { color: #72e6f4 !important; font-weight: 700 !important; letter-spacing: .12em !important; }.public-capability-mcp h1 { margin: 14px 0 20px !important; font-size: clamp(38px, 4.2vw, 62px) !important; line-height: 1.13 !important; letter-spacing: -.05em !important; }.public-capability-mcp .lead, .public-capability-api .lead { color: #98a6b9 !important; }.public-capability-mcp .summary-board { padding: 26px !important; border: 1px solid #273449 !important; border-radius: 8px !important; background: #0c1320 !important; box-shadow: none !important; }.public-capability-mcp .summary-label { color: #72e6f4 !important; }.public-capability-mcp .summary-item { border-color: #202b3c !important; }.public-capability-mcp .summary-item strong { color: #f4f7fb !important; }.public-capability-mcp .summary-item span, .public-capability-mcp .coverage-line p { color: #98a6b9 !important; }.public-capability-mcp .coverage-line { border-top-color: #202b3c !important; }.public-capability-mcp .platform-band { padding: 34px 0 !important; border-bottom: 1px solid #172130; background: #0a111d !important; }.public-capability-mcp .platforms { display: grid !important; grid-template-columns: 130px 1fr; align-items: start; gap: 22px; }.public-capability-mcp .platforms h2 { margin: 0 !important; font-size: 14px !important; }.public-capability-mcp .platform-badge { border: 1px solid #263348 !important; border-left: 3px solid var(--badge) !important; border-radius: 3px !important; background: #0c1320 !important; color: #cbd7e5 !important; }.public-capability-mcp .catalog { padding: 82px 0 104px !important; }.public-capability-mcp .catalog-head { align-items: end !important; margin-bottom: 28px !important; }.public-capability-mcp .catalog h2 { margin: 0 0 8px !important; font-size: clamp(30px, 3.3vw, 44px) !important; letter-spacing: -.04em; }.public-capability-mcp .catalog-head p { color: #98a6b9 !important; }.public-capability-mcp .search input { min-height: 44px !important; border: 1px solid #2a3b51 !important; border-radius: 4px !important; background: #0c1320 !important; color: #f4f7fb !important; }.public-capability-mcp .filter { min-height: 38px !important; border: 1px solid #263348 !important; border-radius: 3px !important; background: #0c1320 !important; color: #cbd7e5 !important; }.public-capability-mcp .filter.active { border-color: #72e6f4 !important; background: #12303e !important; color: #72e6f4 !important; }.public-capability-mcp .count-note { color: #68768a !important; }.public-capability-mcp .capability-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }.public-capability-mcp .capability { display: flex !important; flex-direction: column; min-height: 356px; margin: 0 !important; border: 1px solid #202b3c !important; border-left: 3px solid var(--accent) !important; border-radius: 6px !important; background: #0c1320 !important; box-shadow: none !important; }.public-capability-mcp .cap-top { padding: 23px 24px 18px !important; }.public-capability-mcp .capability h3 { margin: 17px 0 9px !important; font-size: 21px !important; }.public-capability-mcp .purpose { color: #98a6b9 !important; }.public-capability-mcp .supported { color: #72e6f4 !important; }.public-capability-mcp .field-grid { margin-top: auto !important; padding: 18px 24px 23px !important; border-top: 1px solid #202b3c !important; background: #0a111d !important; }.public-capability-mcp .fields h4 { color: #68768a !important; }.public-capability-mcp .field { border: 1px solid #263348 !important; border-radius: 3px !important; background: #101a28 !important; color: #cbd7e5 !important; }

/* API guide: the original content becomes a calm, reading-first technical page. */
.public-capability-api .shell { width: min(1180px, calc(100vw - 48px)) !important; }.public-capability-api .hero { padding: 88px 0 72px !important; border-bottom: 1px solid #172130; background: #070b13 !important; }.public-capability-api .hero-grid { grid-template-columns: 1fr .8fr !important; gap: 74px !important; align-items: center !important; }.public-capability-api h1 { margin: 14px 0 20px !important; font-size: clamp(38px, 4.2vw, 62px) !important; line-height: 1.13 !important; letter-spacing: -.05em !important; }.public-capability-api .summary { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 1px !important; overflow: hidden; padding: 1px !important; border: 1px solid #273449 !important; border-radius: 8px !important; background: #273449 !important; box-shadow: none !important; }.public-capability-api .summary > div { padding: 24px !important; background: #0c1320 !important; }.public-capability-api .summary strong { color: #f4f7fb !important; }.public-capability-api .summary span { color: #72e6f4 !important; }.public-capability-api .section { padding: 88px 0 !important; background: #070b13 !important; }.public-capability-api .section:nth-of-type(even) { border-block: 1px solid #172130; background: #0a111d !important; }.public-capability-api .section-head { display: grid !important; grid-template-columns: 1fr .72fr !important; gap: 54px !important; align-items: end; margin-bottom: 36px !important; }.public-capability-api .section-label { color: #72e6f4 !important; }.public-capability-api .section-head h2 { margin: 12px 0 0 !important; font-size: clamp(28px, 3.2vw, 44px) !important; line-height: 1.18 !important; letter-spacing: -.04em; }.public-capability-api .section-head > p { margin: 0 !important; color: #98a6b9 !important; }.public-capability-api .request-path { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 1px !important; overflow: hidden; border: 1px solid #202b3c !important; border-radius: 7px !important; background: #202b3c !important; }.public-capability-api .path-node { min-height: 204px !important; padding: 21px !important; background: #0c1320 !important; }.public-capability-api .path-node i { color: #72e6f4 !important; }.public-capability-api .path-node small { color: #98a6b9 !important; }.public-capability-api .path-node code, .public-capability-api code { border: 1px solid #263348 !important; background: #0a111d !important; color: #cbd7e5 !important; }.public-capability-api .route-box, .public-capability-api .mapping { border-color: #202b3c !important; border-radius: 7px !important; background: #0c1320 !important; box-shadow: none !important; }.public-capability-api .route-pattern { background: #0a111d !important; }.public-capability-api .variable { border-color: #36536d !important; background: #102234 !important; color: #72e6f4 !important; }.public-capability-api .route-legend, .public-capability-api .examples { border-color: #202b3c !important; }.public-capability-api .route-legend small { color: #98a6b9 !important; }.public-capability-api .rule-grid { gap: 1px !important; overflow: hidden; border: 1px solid #202b3c; border-radius: 7px; background: #202b3c !important; }.public-capability-api .rule { padding: 25px !important; background: #0c1320 !important; }.public-capability-api .rule > span { color: #72e6f4 !important; }.public-capability-api .rule p { color: #98a6b9 !important; }.public-capability-api .coverage-card, .public-capability-api .choice { border-color: #202b3c !important; border-radius: 7px !important; background: #0c1320 !important; box-shadow: none !important; }.public-capability-api .coverage-card-head { border-bottom-color: #202b3c !important; }.public-capability-api .coverage-card-head strong { color: #72e6f4 !important; }.public-capability-api .chip { border: 1px solid #263348 !important; border-radius: 3px !important; background: #0a111d !important; color: #cbd7e5 !important; }.public-capability-api .mapping-row { border-bottom-color: #202b3c !important; }.public-capability-api .mapping-head { background: #101a28 !important; color: #72e6f4 !important; }.public-capability-api .choice > span { color: #72e6f4 !important; }.public-capability-api .choice p, .public-capability-api .choice li { color: #98a6b9 !important; }.public-capability-api .cta { border: 1px solid #202b3c !important; border-radius: 7px !important; background: #0c1320 !important; }

@media (max-width: 860px) {
  .bs-hero-grid,
  .public-capability-mcp .overview-grid,
  .public-capability-api .hero-grid,
  .public-capability-api .section-head { grid-template-columns: 1fr !important; gap: 34px !important; }
  .bs-chapter { grid-template-columns: 1fr !important; }.bs-chapter > figure { min-height: 190px !important; }.bs-scene-grid { grid-column: auto; }
  .public-capability-api .request-path { grid-template-columns: 1fr 1fr !important; }.public-capability-api .path-node:last-child { grid-column: 1 / -1; }
}

/* Business scenarios are now information-first: no synthetic dashboard art. */
.bs-chapter,
.bs-chapter.bs-chapter-reverse { display: block !important; }
.bs-chapter-copy,
.bs-chapter-reverse .bs-chapter-copy { display: grid; grid-template-columns: 190px minmax(0, 1fr); grid-template-rows: auto auto; min-height: 0 !important; height: auto !important; column-gap: 40px; row-gap: 10px; align-items: center; padding: 28px 34px !important; border-bottom: 1px solid #202b3c; }
.bs-chapter-copy > span { grid-column: 1; grid-row: 1; align-self: end; }
.bs-chapter-copy h3 { grid-column: 1; grid-row: 2; margin: 0 !important; font-size: 25px !important; line-height: 1.28; }
.bs-chapter-copy > p { grid-column: 2; grid-row: 1; max-width: 620px; margin: 0 !important; }
.bs-chapter-copy ul { grid-column: 2; grid-row: 2; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0 !important; }
.bs-chapter-copy li { width: auto !important; min-height: 0 !important; padding: 5px 9px !important; }
.bs-scene-grid { grid-column: auto; }

@media (max-width: 640px) {
  .bs-chapter-copy,
  .bs-chapter-reverse .bs-chapter-copy { display: block; padding: 24px !important; }
  .bs-chapter-copy h3 { margin: 8px 0 10px !important; }
  .bs-chapter-copy > p { margin: 0 0 16px !important; }
}

@media (max-width: 640px) {
  .topbar .shell,
  .topbar .rt-wrap,
  .bs-hero-grid,
  .bs-platforms .rt-wrap,
  .bs-scenarios .rt-wrap,
  .bs-journey .rt-wrap,
  .bs-cta .rt-wrap,
  .public-capability-mcp .shell,
  .public-capability-api .shell { width: min(100% - 32px, 1180px) !important; }
  .bs-hero, .public-capability-mcp .overview, .public-capability-api .hero { padding-block: 58px !important; }
  .bs-platform-grid, .public-capability-mcp .capability-list { grid-template-columns: 1fr !important; }.bs-scene-grid { grid-template-columns: 1fr !important; }.bs-scene-grid section { border-right: 0 !important; border-bottom: 1px solid #202b3c !important; }.bs-scene-grid section:last-child { border-bottom: 0 !important; }.bs-cta-card { align-items: flex-start; flex-direction: column; }.public-capability-mcp .platforms { grid-template-columns: 1fr !important; }.public-capability-mcp .catalog-head { align-items: stretch !important; flex-direction: column !important; }.public-capability-api .section { padding-block: 62px !important; }.public-capability-api .request-path { grid-template-columns: 1fr !important; }.public-capability-api .path-node:last-child { grid-column: auto; }.public-capability-api .summary { grid-template-columns: 1fr 1fr !important; }.public-capability-api .mapping { overflow-x: auto; }.public-capability-api .mapping-row { min-width: 680px; }
}

/* Actual product-interface visuals replace the old abstract line placeholders. */
.bs-hero-image::before,
.bs-hero-image::after,
.bs-chapter > figure::before,
.bs-chapter > figure::after { display: none !important; }
.bs-hero-image > img,
.bs-chapter > figure > img { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.bs-hero-image figcaption { z-index: 2; }

/* Give every business scenario a usable product-screen area instead of a thin
   image strip. The evidence cards stay below it for scanning and comparison. */
.bs-hero-image > img { object-position: left center; }
.bs-hero-image { width: 100%; min-height: 0 !important; height: auto; aspect-ratio: 16 / 10; align-self: center; }
.bs-chapter { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
.bs-chapter > figure { grid-column: 2; grid-row: 1; min-height: 300px !important; height: 300px; }
.bs-chapter-copy { grid-column: 1; grid-row: 1; padding: 36px 34px !important; }
.bs-scene-grid { grid-column: 1 / -1; }
.bs-chapter-reverse > figure { grid-column: 1; }
.bs-chapter-reverse .bs-chapter-copy { grid-column: 2; }

@media (max-width: 860px) {
  .bs-chapter { grid-template-columns: 1fr !important; }
  .bs-chapter > figure,
  .bs-chapter-reverse > figure { grid-column: auto; grid-row: auto; min-height: 240px !important; height: 240px; }
  .bs-chapter-copy,
  .bs-chapter-reverse .bs-chapter-copy { grid-column: auto; grid-row: auto; }
  .bs-scene-grid { grid-column: auto; }
}