/* Bright One UI-inspired theme: soft surfaces, mint-green actions, calm contrast. */
:root {
  --ink: #14221d;
  --ink-soft: #20352d;
  --ink-muted: #6d8178;
  --paper: #f7faf8;
  --paper-deep: #edf5f1;
  --line: rgba(20, 34, 29, 0.12);
  --line-light: rgba(255, 255, 255, 0.65);
  --verm: #08a66c;
  --verm-deep: #087f55;
  --ice: #22b980;
  --white: #ffffff;
}

body { background: var(--paper); }
.preloader { background: #f8fcfa; color: var(--ink); }
.preloader__topline, .preloader__bottomline { color: rgba(20,34,29,.48); }
.loader-mark { border-color: rgba(20,34,29,.16); color: var(--verm); }
.loader-mark::before, .loader-mark::after { border-top-color: var(--verm); }
.loader-mark::after { border-top-color: #8bd8b6; }
.loader-mark i { background: var(--verm); box-shadow: 0 0 16px rgba(8,166,108,.35); }
.preloader p { color: rgba(20,34,29,.62); }
.utility-bar { background: #d9f4e8; color: var(--ink); }
.status-dot { background: var(--verm); box-shadow: 0 0 0 4px rgba(8,166,108,.14); }
.site-header { background: rgba(247,250,248,.95); border-bottom: 1px solid rgba(20,34,29,.06); }
.brand__mark { border-color: var(--verm); color: var(--verm); }
.brand__mark::before { border-top-color: var(--verm); }
.brand__text em { color: var(--verm); }
.main-nav > a:not(.nav-cta)::after { background: var(--verm); }
.nav-cta { border-color: var(--verm); color: var(--verm); }
.nav-cta b, .text-link span, .eyebrow span, .service-row__number, .platform-card__hint, .round-arrow:hover, .accent-text { color: var(--verm) !important; }
.nav-cta:hover { background: var(--verm); color: #fff; }
.hero h1 em, .section-intro h2 em, .platforms h2 em, .process h2 em, .clarity-band h2 em, .contact h2 em { color: var(--verm); }
.hero__lead { color: #52675d; }
.button--primary { background: var(--verm); color: #fff; border-radius: 12px; box-shadow: 0 8px 18px rgba(8,166,108,.18); }
.button--primary:hover { background: var(--verm-deep); }
.note-line { background: var(--verm); }
.route-card { background: #ffffff; color: var(--ink); border: 1px solid rgba(20,34,29,.08); border-radius: 24px; box-shadow: 24px 24px 0 rgba(8,166,108,.1), 0 16px 35px rgba(20,34,29,.08); }
.route-card__head { color: rgba(20,34,29,.55); }
.signal { color: var(--verm); }
.signal i { background: var(--verm); box-shadow: 0 0 12px rgba(8,166,108,.3); }
.route-card__map { border-color: rgba(20,34,29,.08); background: #e9f7f0; border-radius: 16px; }
.route-card__stamp { background: rgba(255,255,255,.82); border: 1px solid rgba(20,34,29,.08); border-radius: 12px; }
.route-card__stamp span { color: var(--verm); }
.route-card__stamp small { color: rgba(20,34,29,.65); }
.route-card__meta { color: rgba(20,34,29,.48); }
.route-card__meta strong { color: var(--ink); }
.floating-tag { background: #ffffff; border: 1px solid rgba(20,34,29,.08); border-radius: 10px; box-shadow: 8px 10px 0 rgba(8,166,108,.08); }
.floating-tag span { color: var(--verm); }
.trust-strip { background: #e6f6ee; color: var(--ink); }
.trust-strip__item { border-right-color: rgba(20,34,29,.09); }
.trust-strip__item strong { color: var(--verm); }
.trust-strip__item span { color: rgba(20,34,29,.64); }
.trust-strip__marquee { color: rgba(8,166,108,.18); }
.service-list { border-top-color: var(--line); }
.service-row--accent { border-bottom-color: var(--verm); }
.service-row:hover { background: #ffffff; }
.service-row__detail span { color: var(--verm); }
.round-arrow { border-color: rgba(20,34,29,.22); color: var(--ink); }
.round-arrow:hover { border-color: var(--verm); background: var(--verm); color: #fff !important; }
.platforms { background: #edf7f2; }
.platform-card { background: #ffffff; border: 1px solid rgba(20,34,29,.07); border-radius: 18px; box-shadow: 0 8px 22px rgba(20,34,29,.04); }
.platform-card:hover { background: var(--verm); color: #fff; }
.platform-card__top { color: var(--ink-muted); }
.platform-card:hover .platform-card__top { color: rgba(255,255,255,.72); }
.platform-cn { color: var(--verm); }.platform-card:hover .platform-cn { color: #d9f4e8; }
.platform-card p { color: var(--ink-muted); }.platform-card:hover p { color: rgba(255,255,255,.76); }
.platform-card__line { background: var(--line); }.platform-card:hover .platform-card__line { background: rgba(255,255,255,.28); }
.platform-card__hint { color: var(--verm); }.platform-card:hover .platform-card__hint { color: #d9f4e8; }
.process { background: #d9f4e8; color: var(--ink); }
.process .eyebrow, .process__intro > p:last-of-type { color: rgba(20,34,29,.62); }
.process-step__num { color: var(--verm); }
.process-step p { color: rgba(20,34,29,.62); }
.process-step__rule { background: rgba(20,34,29,.13); }.process-step__rule::after { background: var(--verm); }
.button--outline { border-color: var(--verm); color: var(--verm); border-radius: 12px; }.button--outline:hover { background: var(--verm); color: #fff; }
.clarity-band { background: #bcebd6; color: var(--ink); }
.clarity-band .eyebrow { color: rgba(20,34,29,.62); }.clarity-band .eyebrow span { color: var(--verm); }.clarity-band h2 em { color: var(--verm); }
.clarity-band__list div { border-left-color: rgba(20,34,29,.22); }
.contact { background: #edf5f1; }
.contact__panel { background: #ffffff; border: 1px solid rgba(20,34,29,.07); border-radius: 24px; box-shadow: 17px 17px 0 rgba(8,166,108,.09); }
.contact-channel:hover { background: #effaf4; }.contact-channel__icon { border-color: rgba(20,34,29,.18); }.contact-channel--featured .contact-channel__icon { border-color: var(--verm); background: var(--verm); }
.contact-channel b, .copy-email { color: var(--verm); }
.wechat-card { display: grid; grid-template-columns: 142px 1fr; align-items: center; gap: 18px; margin-top: 28px; padding: 14px; background: #effaf4; border: 1px solid rgba(8,166,108,.15); border-radius: 18px; }
.wechat-card img { display: block; width: 142px; height: 142px; object-fit: contain; background: #fff; border-radius: 12px; }
.wechat-card small { color: var(--verm); font: 9px var(--mono); letter-spacing: .12em; }.wechat-card strong { display: block; margin-top: 7px; font-size: 14px; letter-spacing: -.03em; }.wechat-card p { margin: 7px 0 0; color: var(--ink-muted); font-size: 11px; line-height: 1.5; }
.site-footer { background: #e6f6ee; color: var(--ink); border-top: 1px solid rgba(8,166,108,.12); }.brand--footer .brand__mark { border-color: var(--verm); }.site-footer > p { color: rgba(20,34,29,.58); }.footer-meta { border-top-color: rgba(20,34,29,.12); color: rgba(20,34,29,.48); }.footer-meta a { color: var(--verm); }
@media (max-width: 680px) {
  .main-nav { background: var(--paper); border: 1px solid rgba(20,34,29,.08); border-radius: 0 0 16px 16px; }
  .route-card { box-shadow: 12px 13px 0 rgba(8,166,108,.1), 0 10px 22px rgba(20,34,29,.06); }
  .wechat-card { grid-template-columns: 124px 1fr; }
  .wechat-card img { width: 124px; height: 124px; }
}