/* Shared metallic blue-cyan accents. Photos and partner brand artwork stay unchanged. */
.page-about { --about-teal: var(--metal-start); --about-soft: var(--mist); }

.stat strong,
.about-trade-metrics dd,
.growth-metric-display strong,
.growth-milestone-data strong,
.growth-callout strong,
.revenue-value {
  color: var(--brand);
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .stat strong,
  .about-trade-metrics dd,
  .growth-metric-display strong,
  .growth-milestone-data strong,
  .growth-callout strong,
  .revenue-value {
    background: var(--brand-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .stat strong span,
  .about-trade-metrics dd span,
  .growth-metric-display strong span {
    -webkit-text-fill-color: transparent;
  }
}

body .btn--primary,
body .btn--primary:hover,
body .header-cta,
body .cta,
body .consult-cta__right {
  background: var(--brand-gradient);
}
body .btn--primary,
body .btn--primary:hover,
body .btn--primary:focus {
  color: #ffffff !important;
}
body .header-cta { color: var(--on-brand); }
body .btn--primary { box-shadow: 0 4px 14px rgba(36,184,218,.22); }
body .btn--primary:hover { box-shadow: 0 6px 20px rgba(36,184,218,.3); }
body .text-link,
body .mobile-menu .mobile-inquire,
body .biz-nav-link[aria-current],
body .biz-nav-link:hover,
body .coop-step-item:hover .coop-step-title,
body .advantage:hover h3,
body .about-capability-panel:hover h3 {
  color: var(--brand-ink);
}
body .biz-nav-link[aria-current],
body .biz-nav-link:hover,
body .gallery-thumb[aria-current],
body .gallery-thumb:hover { border-color: var(--accent); }
body .advantage::after,
body .solution-card::after { box-shadow: inset 0 0 0 2px var(--accent); }
body .icon-box { background: var(--mist); }
body .finance-benefit-icon,
body .about-credential-icon { color: var(--brand); }
body .advantage-image::after,
body .solution-card__overlay::after {
  background: linear-gradient(180deg,transparent 25%,rgba(26,129,178,.38) 60%,rgba(26,164,196,.55) 100%);
}
body .coop-step-item:hover .coop-step-circle {
  background: linear-gradient(135deg, #146c94 0%, #1a81b2 32%, #24b8da 68%, #1aa4c4 100%) !important;
  color: #ffffff !important;
  border-color: #7dd3fc !important;
  box-shadow: 0 14px 30px -2px rgba(26, 129, 178, 0.42), 0 0 16px rgba(56, 189, 248, 0.35), inset 0 1.5px 3px rgba(255, 255, 255, 0.5) !important;
}
body .coop-step-item:hover .coop-step-circle svg,
.js .coop-step-item:hover .coop-step-circle svg { stroke: #ffffff !important; color: #ffffff !important; fill: none !important; filter: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.25)); }
body .contact-info-card:hover { border-color: rgba(36,184,218,.5) !important; }

.js .biz-benefits .icon,
.js .icon-box .icon,
.js .finance-benefit-icon .icon,
.js .about-credential-icon .icon,
.js .coop-step-circle svg { stroke: url("#metal-icon"); }
.js .btn--primary .icon { stroke: currentColor; }
.js .growth-curve-path,
.js .growth-forecast-path { stroke: url("#metal-chart"); }
.js .finance-path-motion { stroke: url("#metal-bank"); }
body .finance-path { stroke: #b5e1ea; }
body .finance-core { border-color: #b5e1ea; box-shadow: 0 0 0 7px var(--mist); }
body .growth-stage-legend-line,
body .growth-stage-legend-line--forecast { border-top-color: var(--accent); }
body .growth-point-node,
body .growth-point--forecast .growth-point-node { border-color: var(--metal-start); }
body .growth-point.is-active .growth-point-node,
body .growth-point:hover .growth-point-node { background: var(--brand-gradient); border-color: #fff; }
body .growth-milestone-item--forecast { border-left-color: var(--metal-mid); }
body .growth-axis-item--forecast { color: var(--brand-ink); }
body .growth-point .growth-forecast-halo { border-color: rgba(36,184,218,.6); }
body .globe-orbit text { fill: var(--metal-end); }
body .home-business-rail__zh { color: var(--brand-ink); }

@media (forced-colors: active) {
  .stat strong, .about-trade-metrics dd,
  .growth-metric-display strong, .growth-milestone-data strong,
  .growth-callout strong, .revenue-value {
    background: none;
    -webkit-text-fill-color: CanvasText;
  }
  .stat strong span,
  .about-trade-metrics dd span, .growth-metric-display strong span {
    -webkit-text-fill-color: CanvasText;
  }
  .globe-label { background: Canvas; color: CanvasText; border-color: CanvasText; }
}