/* DIGITALMINT EDITORIAL SYSTEM 2026 · V4.2
   Independent front-end presentation. Intentional: quiet colour, prominent content,
   precise flow diagrams. Never implies live financial availability. */
:root {
  --night: #0e1415;
  --night2: #171f20;
  --night3: #26302e;
  --ink: #192322;
  --text: #283431;
  --muted: #5d6865;
  --blue: #86663b;
  --blue2: #9f7842;
  --mint: #b89a68;
  --aqua: #b69a6d;
  --sky: #d7c6a8;
  --faint: #f2f0ea;
  --warm: #f6f3ed;
  --line: #ded9cd;
  --shadow: 0 28px 60px rgba(17,24,23,.075);
  --round: 6px;
  --editorial-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", "Noto Serif", Georgia, serif;
  --editorial-han: "Songti SC", "Noto Serif CJK SC", "Noto Serif CJK HK", serif;
}
html { scroll-padding-top: 115px; }
body { background:var(--warm); color:var(--text); font-family:Inter,"Noto Sans CJK SC","Noto Sans CJK HK",system-ui,sans-serif; line-height:1.64; }
html[lang="zh-HK"] body { font-family:Inter,"Noto Sans CJK HK",system-ui,sans-serif; }
body :is(h1,h2) { font-family:var(--editorial-serif); font-weight:400; letter-spacing:-.042em; line-height:1.14; text-wrap:balance; }
html[lang^="zh"] body :is(h1,h2) { font-family:var(--editorial-han); font-weight:540; letter-spacing:-.045em; line-height:1.28; }
h3 {letter-spacing:-.025em;}
p { line-height:1.78; }
.section { padding:112px 0; }
.container { width:min(100% - 84px,1300px); }
.section h2 { color:var(--ink); }
.eyebrow { color:#8a704c; font-size:.69rem; letter-spacing:.19em; font-weight:700; }
.eyebrow:before { height:1px; width:32px; background:var(--mint); }
.section-heading { margin-bottom:48px; }
.section-heading>p { color:#65716d; }
:focus-visible { outline:3px solid #ac8248!important; outline-offset:4px!important; }
::selection { background:#dfcda7; color:#101615; }

/* A restrained institutional masthead; no claims of licensure in navigation. */
.site-header { height:auto; background:rgba(248,246,240,.98); border-bottom:1px solid #d8d3c8; backdrop-filter:blur(15px); }
.micro-ticker { min-height:26px; padding:5px max(42px, calc((100vw - 1300px)/2)); display:flex; align-items:center; justify-content:space-between; gap:16px; background:#121a1b; color:#d8d0bf; font-size:.58rem; font-weight:580; letter-spacing:.1em; line-height:1.35; }
.micro-ticker span:first-child { opacity:.74; }
.micro-ticker span:last-child {color:#baa177; }
.nav-inner { height:74px; gap:24px; }
.brand-text { font-size:1.43rem; font-weight:850; color:#151c1d; }
.brand-text small { color:#a18356; letter-spacing:.38em; }
.brand>img { filter:grayscale(1) contrast(1.3); }
.desktop-nav { gap:26px; }
.desktop-nav a { color:#3e4845; font-size:.8rem; font-weight:600; }
.desktop-nav a:hover,.desktop-nav a.is-active { color:#78592e; }
.desktop-nav a.is-active:after { background:#b29562; bottom:-28px; height:1px; }
.lang-choices { border:none; border-left:1px solid #d9d4ca; border-radius:0; padding:5px 4px 5px 15px; }
.lang-choices span {background:#d3caba;}
.lang-choices a { color:#5d655f; font-size:.72rem; }
.lang-choices a.sel { color:#8f6e42; }
.nav-cta { background:#151d1e; border:1px solid #151d1e; border-radius:2px; padding:12px 17px; font-size:.79rem; font-weight:620; }
.nav-cta:hover { background:#a08052; border-color:#a08052; color:white; }
.site-header.scrolled { box-shadow:0 8px 30px #16191809; }

/* Full dark section and warm gold serif headline */
.hero-home,.page-hero,.path-hero,.trust-hero { background:#101718; color:#f6f2e9; }
.hero-home:before,.page-hero:before { background:radial-gradient(ellipse at center,#8b704522,transparent 64%); border:0; box-shadow:none; width:1100px; height:900px; right:-23%; top:-47%; border-radius:50%; }
.hero-home:after,.page-hero:after { content:""; position:absolute; inset:0; background:linear-gradient(107deg,transparent 20%,#a78c5410 87%,transparent 100%); pointer-events:none; z-index:-1; }
.hero-grain { background-image:radial-gradient(#b6a68148 .6px, transparent .6px); background-size:21px 21px; opacity:.15; }
.hero-layout { min-height:690px; grid-template-columns:1.05fr .95fr; padding:96px 0 103px; gap:80px; }
.hero-copy h1 { max-width:690px; font-size:clamp(3.8rem,5.5vw,6.3rem); font-weight:400; margin-top:27px; line-height:1.13; }
.hero-copy h1 em {color:#c7a974; font-weight:400; font-style:italic; white-space:normal; }
.hero-lead { color:#c7cac2; line-height:1.82; font-size:1.01rem; max-width:535px; margin:28px 0 33px; }
.hero-home .eyebrow,.page-hero .eyebrow,.path-hero .eyebrow {color:#cbb082;}
.hero-actions { gap:12px; }
.btn { border-radius:2px!important; box-shadow:none!important; padding:13px 19px; font-weight:640; }
.btn-white,.btn-light { background:#f4f1e9!important; color:#101718!important; border:1px solid #f4f1e9!important; }
.btn-white:hover,.btn-light:hover { background:#ddcba9!important; }
.btn-outline-white { background:transparent!important; border:1px solid #5b6662!important; color:#f4f1e9!important; }
.btn-outline-white:hover {background:#25302e!important;border-color:#bda477!important;}
.hero-micro { margin-top:54px; color:#b9c0ba; font-size:.78rem; }
.hero-micro svg { color:#c3a572; }
.hero-line-bottom {height:1px; background:linear-gradient(90deg,transparent,#b99864 55%,transparent);}
.page-hero-grid { min-height:476px; gap:80px; padding:85px 0 92px; }
.page-hero h1 { font-size:clamp(3.45rem,4.85vw,5.7rem); font-weight:400; max-width:750px; line-height:1.13; }
.page-hero p { color:#c5c9c2; font-size:1rem; line-height:1.8; }

/* Editorial product workspace, deliberately visibly a sample. */
.demo-stack:before,.demo-stack:after { border-color:#977d4c36; }
.demo-stack:after {border-color:#977d4c16;}
.live-widget { color:#d4c2a5; letter-spacing:.17em; font-size:.62rem; }
.live-pulse { background:#b7a06e; box-shadow:0 0 0 5px #b7a06e1b; }
.corner-mark { color:#a18a65; }
.dashboard-shell { background:#171f20; border:1px solid #4b5149; border-radius:5px; box-shadow:0 40px 90px #0007; transform:perspective(1300px) rotateY(-2deg) rotateX(1deg); }
.dashboard-top { background:#111819; color:#f3eee6; border-bottom:1px solid #3a423f; }
.dashboard-logo small { color:#c4ad87; }
.dashboard-avatar {border-color:#536159; color:#d3cebf;}
.dashboard-body {color:#f2f0e9; }
.dashboard-side { background:#141d1e; border-color:#36403b; }
.dashboard-side i { color:#8e9b93; }
.dashboard-side i.selected { background:#3a3326; color:#e5c88e; border-radius:3px; }
.dashboard-caption { color:#eee9dd; }
.dashboard-caption span {color:#b8afa0;}
.balance-grid>div { background:#222c2c; border:1px solid #37403d; border-radius:3px; }
.balance-grid small,.balance-grid em {color:#c7bfae;}
.balance-grid b { color:#f4f0e8; font-family:Inter,sans-serif; font-weight:650; }
.activity-title { color:#e4dfd3; }
.activity-title span:last-child {color:#c5a672;}
.fake-invoice { border-color:#35403d; }
.fake-invoice svg {color:#c2a36c;}
.fake-invoice b {color:#f1ede5;}
.fake-invoice small {color:#b7b9ae;}
.fake-invoice strong.plus {color:#d5bc88;}
.fake-invoice strong.minus {color:#c4c6bb;}
.dashboard-float { background:#292b27; color:#eee9dc; border:1px solid #5b594c; border-radius:3px; box-shadow:0 18px 33px #0003; }
.dashboard-float span {color:#eee9dc;}
.dashboard-float small {color:#c5c0b5; font-size:.69rem;}
.mini-icon {background:#443d2f;color:#e1be80;border-radius:2px;}

/* The supporting information is a ledger, not a cluster of rounded SaaS cards. */
.proof-strip {background:#eeeae1; border-color:#d8d1c5;}
.proof-grid>div { border-color:#d8d1c5; padding:25px 28px; }
.proof-grid b {font-family:var(--editorial-serif);font-weight:420;letter-spacing:-.05em;color:#29312d;font-size:1.95rem;}
.proof-grid span {color:#6f7269;}
.section-statement,.section-product,.section-showcase,.industry-feature,.trust-intro,.registries,.industry-journeys,.audience-section,.solutions-section,.company-entities,.contact-section,.knowledge-content {background:var(--warm);}
.audience-section {border-color:#ddd7ca;}
.audience-item,.product-card,.registry-card,.institution-cards>div,.integration-grid>div,.method-grid>div,.domain-cards a {background:#fbf9f4; border:1px solid #ded8cd; border-radius:3px; box-shadow:none;}
.audience-item:hover,.product-card:hover {transform:translateY(-3px);box-shadow:0 18px 32px #141c1a10; border-color:#c3ac85;}
.audience-item::after {background:linear-gradient(120deg,#d6c29b20,transparent);}
.audience-count,.panel-index,.industry-kicker,.registry-top,.product-card-top>span:first-child {color:#9b7b4d;}
.audience-glyph,.product-icon {background:#ede7d9;color:#7c6036;border-radius:2px;}
.audience-item h3,.product-card h3 {color:#222a26;}
.audience-item p,.product-card p,.registry-card p {color:#67706a;}
.audience-action,.product-card-arrow,.registry-card>a {color:#80623c;}
.statement-grid h2,.section-heading h2,.audience-head h2,.industry-panel-intro h2 {font-weight:400;}
.section-statement,.audience-section {padding-top:105px;padding-bottom:105px;}
.trust-feature-box,.trust-bento>div {border-color:#dcd6ca;box-shadow:none;border-radius:3px;}

/* Subpage hero visual diagrams */
.hero-product-orbit:before,.hero-product-orbit:after,.trust-hero-lock:before,.industry-hero-decoration:after,.pathway-ring {border-color:#a9957050;box-shadow:0 0 0 54px #b39b7210;}
.hero-product-orbit>div b,.radial-orb,.pathway-floating {background:#252d29;border:1px solid #69624c;color:#ddccac;border-radius:3px;}
.hero-orbit-center,.pathway-core {background:#2b2b26;color:#e1c48b;box-shadow:0 0 0 22px #a9905b16;border-radius:50%;border-color:#8a7a55;}
.radial-label {color:#bba47d;}
.radial-center,.trust-hero-lock {color:#d6b985;}

/* Product portfolio: permanent table of contents on the left. */
.solutions-section {padding-top:72px;}
.editorial-product-browser {display:grid;grid-template-columns:230px minmax(0,1fr);gap:38px;align-items:start;margin-top:21px;}
.editorial-product-browser .solutions-tabs {display:flex;position:sticky;top:125px;flex-direction:column;gap:0;margin:0;padding:5px 0 0;border-top:1px solid #d8d1c6;border-bottom:0;}
.editorial-product-browser .solution-tab {width:100%;display:flex;justify-content:flex-start;text-align:left;padding:17px 11px;border:0;border-bottom:1px solid #ded8cd;background:transparent;color:#56635d;border-radius:0;font-weight:550;min-height:55px;box-shadow:none;}
.editorial-product-browser .solution-tab>span {font-family:var(--editorial-serif);font-size:.95rem;color:#a39175;}
.editorial-product-browser .solution-tab.active {background:#e8e1d3;color:#192321; border-bottom-color:#c1ad8c;box-shadow:none;}
.editorial-product-browser .solution-tab.active span {color:#936d39;}
.editorial-product-browser .solution-tab:hover:not(.active) {background:#efeae0;}
.editorial-product-panels { min-width:0; }
.editorial-product-panels .solution-panel-head {grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);gap:34px;min-height:405px;}
.editorial-product-panels .solution-panel-head h2 {font-size:clamp(2.65rem,3.65vw,4.3rem);}
.editorial-product-panels .solution-panel-head>div:first-child>p {font-size:.98rem;color:#66716c;}
.solution-features>div {color:#4b5952;font-weight:570;}
.solution-features svg {color:#9e8050;}
.flow-module {background:#ece8df;border:1px solid #d7d0c4;border-radius:2px;padding:28px;margin-top:40px;}
.flow-header h3 {color:#1f2b26;font-size:1.55rem;}
.flow-switch {background:#dfd8ca;border-radius:2px;}
.flow-button {border-radius:2px;color:#625d51;}
.flow-button.active {background:#faf9f4;color:#7d5f38;}
.flow-node {background:#faf8f2;border:1px solid #d7d1c5;border-radius:2px;padding:19px;min-height:142px;}
.flow-node:not(:last-child):after,.industry-panel .flow-node:not(:last-child):after {background:#ece8df;color:#9b7540;}
.funds-flow .flow-node:not(:last-child):after {color:#36756f;}
.flow-step {color:#977746;}
.funds-flow .flow-step {color:#3e7970;}
.flow-title {color:#222c27;}
.flow-detail,.flow-caption {color:#56645d;font-size:.82rem;}
.flow-ledger-note {background:#e9e6df;border-color:#a88957;color:#4c4b41;border-radius:0;}
.availability-notice {background:#f5f0e7;border:1px solid #d4c7b1;color:#554936;border-radius:2px;}
.availability-notice>svg {color:#937548;}
.availability-notice p {color:#665f52;}

/* Signature products and industry detail */
.account-window,.checkout-window,.fx-window,.card-window,.payout-window,.expense-window,.pos-window {border-radius:4px!important;box-shadow:0 18px 50px #1b292217;}
.account-window {border-color:#d5c9b5;}
.industry-tabs-shell {border-color:#d9d3c7;border-radius:2px;box-shadow:0 22px 44px #26221a0c;}
.industry-menu {background:#ede8de;border-color:#d8d2c6;}
.industry-selector {color:#52635a;border-radius:2px;font-weight:590;}
.industry-selector.active {background:#212b27;color:#f8f6ee;box-shadow:none;}
.industry-selector.active svg {color:#d2b27b;}
.industry-selector:hover:not(.active) {background:#e4ddce;}
.industry-panel-visual {background:#f0ede5;border-color:#ddd6ca;border-radius:2px;}
.industry-panel .flow-node:not(:last-child):after {background:#f0ede5;}
.industry-route-top {color:#725c3d;}
.industry-route-top small {color:#655f51;}
.registry-card {min-height:270px;padding:30px;}
.registry-class {color:#87683d;}
.role-matrix>div {border-color:#ddd4c4;}

/* Trust, contact and partner-facing pages must read as legal-grade, not marketing hype */
.institution-hero-ui,.dev-hero-display,.trust-hero-lock {filter:saturate(.65);}
.cta-band {background:#151c1a;border-top:1px solid #51483a;}
.cta-band:after {background:radial-gradient(circle,#a48b4e20,transparent 70%);}
.cta-grid .eyebrow {color:#d0b88e;}
.cta-grid p {color:#c7cbc4;}
.cta-grid h2 {font-weight:400;}
.site-footer {background:#101717;color:#f4f0e8;padding:76px 0 27px;}
.footer-signoff {font-family:var(--editorial-serif);font-weight:400;color:#e8dfcf;font-size:1.85rem;}
.footer-head,.footer-meta {border-color:#4a5149;}
.footer-head p,.footer-list a,.footer-meta {color:#c3c6be;}
.footer-list h3 {color:#eadbc0;}
.footer-list a:hover {color:#e0bd80;}
.brand-inverse .brand-text {color:#f6f3eb;}
.brand-inverse .brand-text small {color:#bea47c;}
.brand-inverse img {filter:grayscale(1) brightness(0) invert(1);}

/* Quiet motion: drawn line, editorial rhythm, no flashing or fake live effects. */
.audience-item,.product-card,.solution-tab,.industry-selector,.btn {transition-duration:.16s;}
@media (max-width:1170px){
  .desktop-nav {gap:15px;}
  .editorial-product-browser {grid-template-columns:190px minmax(0,1fr);gap:22px;}
  .editorial-product-panels .solution-panel-head {gap:22px;}
  .hero-layout {gap:40px;}
}
@media (max-width:1050px){
  .editorial-product-browser {display:block;}
  .editorial-product-browser .solutions-tabs {position:static;flex-direction:row;gap:5px;margin-bottom:35px;border-top:0;padding:0 0 15px;border-bottom:1px solid #d8d1c6;}
  .editorial-product-browser .solution-tab {width:auto;border:1px solid #ded8cd;padding:12px 14px;min-height:42px;}
  .editorial-product-browser .solution-tab.active {border-color:#ab956e;}
  .editorial-product-panels .solution-panel-head {grid-template-columns:.85fr 1.15fr;}
}
@media (max-width:780px){
  .container {width:min(100% - 40px,1300px);}
  .micro-ticker {padding:6px 20px;font-size:.54rem;}
  .micro-ticker span:last-child {display:none;}
  .nav-inner {height:70px;}
  .brand-text {font-size:1.24rem;}
  .hero-layout {padding:75px 0 64px;min-height:auto;grid-template-columns:1fr;gap:33px;}
  .hero-copy h1 {font-size:clamp(3rem,9vw,5.2rem);max-width:690px;}
  .hero-lead {font-size:.99rem;line-height:1.7;}
  .hero-micro {margin-top:35px;}
  .demo-stack {min-height:375px;}
  .dashboard-shell {transform:none;}
  .page-hero-grid {gap:24px;min-height:0;padding:62px 0 66px;}
  .page-hero h1 {font-size:clamp(2.7rem,7vw,4.3rem);}
  .section {padding:83px 0;}
  .statement-grid {gap:35px;}
  .editorial-product-panels .solution-panel-head {grid-template-columns:1fr;gap:26px;}
  .flow-node {min-height:120px;}
}
@media (max-width:540px){
  .container {width:min(100% - 32px,1300px);}
  .nav-inner {height:66px;}
  .brand>img {width:28px;height:32px;}
  .brand-text {font-size:1.16rem;}
  .brand-text small {font-size:.45rem;}
  .nav-cta {padding:10px 11px;font-size:.74rem;}
  .hero-copy h1 {font-size:clamp(2.65rem,10.5vw,3.65rem);line-height:1.18;}
  .hero-lead {font-size:.97rem;}
  .hero-actions .btn {width:100%;justify-content:space-between;}
  .dashboard-shell {width:100%;}
  .dashboard-float {position:relative;right:auto;bottom:auto;max-width:100%;margin:-8px 10px 0;}
  .demo-stack {min-height:auto;display:block;padding:38px 0 0;}
  .live-widget {top:0;left:0;}
  .balance-grid small {font-size:.67rem;}
  .balance-grid b {font-size:1rem;}
  .fake-invoice small {font-size:.66rem;}
  .page-hero h1 {font-size:clamp(2.6rem,9vw,3.7rem);}
  .page-hero p {font-size:.97rem;}
  .proof-grid b {font-size:1.6rem;}
  .proof-grid>div {padding:18px 11px;}
  .editorial-product-browser .solution-tab {font-size:.8rem;}
  .flow-module {padding:18px 14px;}
  .flow-header {align-items:start;}
  .flow-node {padding:13px;}
  .flow-title {font-size:.93rem;margin-top:13px;}
  .flow-detail,.flow-caption {font-size:.83rem;line-height:1.5;}
  .footer-signoff {font-size:1.55rem;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after {scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}
/* Narrow phones: language remains available in the mobile menu. */
@media (max-width:540px){
  .industry-top {flex-wrap:wrap;align-items:flex-start;}
  .industry-top>div,.industry-top>h2 {min-width:0;max-width:100%;}
}
@media (max-width:350px){
  .nav-inner {gap:8px;}
  .site-header .lang-choices {display:none;}
  .brand-text {font-size:1.08rem;}
  .brand {gap:7px;}
  .nav-actions {gap:6px;}
}
/* Seven product mockups are part of one visual system, not unrelated blue templates. */
.account-window,.checkout-window,.fx-window,.batch-window,.cards-window,.ops-window,.pos-window {
  background:#fffcf7; border:1px solid #d4cbbd; border-radius:3px!important;box-shadow:0 24px 54px #1b251d12;
}
.account-top,.checkout-summary {background:#202927;color:#f3eee2;}
.account-top>span:last-child {color:#d8c8a9;}
.account-badge {background:#34413d;border-radius:2px;}
.account-window {color:#283630;}
.account-title small,.account-table b,.account-table .table-head {color:#5f6c64;}
.account-currencies>div,.fx-boxes>div,.batch-summary>div,.ops-rail>div {background:#f1eee7;border:1px solid #dfd7c9;border-radius:2px;}
.account-currencies span,.account-currencies small,.fx-boxes small,.fx-boxes span {color:#646f66;}
.account-currencies strong,.fx-large>span,.batch-summary b,.card-controls b {color:#26322d;}
.account-table>div:not(:first-child),.card-controls>div:not(.fake-control),.batch-table>div {border-color:#e2dcd1;}
.account-table svg {color:#a08052;}
.account-table b.success,.batch-table b.success,.card-controls b.success {color:#346d59;}
.account-table b.pending,.batch-table b.warning {color:#906e36;}
.checkout-browser {background:#f2efe8;border-color:#dfd8cc;}
.checkout-browser i {background:#cbc1af;}
.checkout-browser i:first-child {background:#c3a77e;}
.checkout-browser i:nth-child(2) {background:#9caa9c;}
.checkout-browser i:nth-child(3) {background:#b7bdac;}
.checkout-summary>span {color:#dbc9a8;}
.fx-window {background:#fffcf7;}
.fx-label {color:#8b6b42;}
.fx-label small {color:#716f64;}
.fx-arrow {background:#ece4d5;color:#8f7449;}
.fx-boxes b {color:#26342e;}
.quote-skeleton {border-color:#e3dcd1;}
.quote-pending,.batch-chip {background:#ede4d3;color:#785a2f;border-radius:2px;}
.batch-window {border-radius:3px;}
.batch-top small,.batch-table b {color:#6d6a5f;}
.batch-bar>span:first-child {background:#668e73;}
.batch-bar>span:nth-child(2) {background:#bea16f;}
.batch-bar>span:nth-child(3) {background:#d1c2a8;}
.batch-table b.pending {color:#8e6c40;}
.cards-window {padding-bottom:45px;}
.digital-card {background:radial-gradient(circle at 100% 0,#5d5b48,#141c1c 72%);border:1px solid #77725f;border-radius:7px;box-shadow:0 16px 36px #101b1b43;}
.digital-card:after {border-color:#cebc8d43;box-shadow:0 0 0 30px #c6af8c11,0 0 0 60px #c6af8c09;}
.dc-top small,.dc-foot {color:#d8ccbb;}
.dc-chip {background:linear-gradient(135deg,#f4dda4,#ae8952);}
.card-controls>div span {color:#6d776f;}
.fake-control {border-color:#d7cdbd;color:#615b4e;border-radius:2px;}
.product-note {color:#665f54;}
.ops-top {color:#8d6b3d;}
.ops-rail>div {border-radius:2px;}
/* Keep source facts readable when projected. */
.account-table b,.batch-table b {font-size:.76rem;}
.account-currencies span,.account-currencies small {font-size:.79rem;}
@media(max-width:540px){
  .account-currencies span,.account-currencies small {font-size:.72rem;}
  .batch-table b,.account-table b {font-size:.72rem;}
}
/* Checkout and transactional micro-details: readable, coherent, not deceptive UI. */
.fake-prod {background:linear-gradient(135deg,#76684d,#c1a26e);border-radius:2px;}
.checkout-summary>span,.checkout-summary>strong small,.fake-item small,.checkout-footer {color:#d8c9ae;}
.checkout-footer {font-size:.69rem;}
.checkout-browser span {color:#6f756d;}
.payment-tabs span {border-color:#e0d6c8;border-radius:2px;color:#5a685e;}
.payment-tabs .pay-selected {background:#ebe4d7;color:#77562b;border-color:#baa276;}
.checkout-form>label {color:#5d6a61;font-size:.74rem;}
.fake-input {border-color:#ded7cc;border-radius:2px;background:#f9f7f2;color:#646e65;}
.fake-input span {color:#86623d;}
.fake-pay {background:#222d29;border-radius:2px;color:#f6f1e8;font-weight:640;}
.checkout-disclaimer {font-size:.72rem;color:#626e64;}
.fx-progress span {color:#745e42;}
.fx-progress i {background:#cdc0a8;}
.fx-window>p {color:#626e64;font-size:.74rem;}
.batch-summary small {font-size:.71rem;color:#677268;}
.batch-top small,.batch-table>div,.fake-invoice small {font-size:.72rem;}
.product-note {font-size:.73rem;color:#655d4f;}
@media(max-width:540px){
  .checkout-disclaimer,.product-note {font-size:.72rem;}
  .batch-summary small {font-size:.69rem;}
}
html[lang="zh-HK"] :is(h1,h2) {font-family:"Songti TC","Noto Serif CJK HK","Noto Serif CJK TC",serif;}
/* A partner-facing diagram should feel institutional, not like a SaaS marketing cartoon. */
.role-center {background:#34332b;border-color:#8d8062;border-radius:3px;box-shadow:0 20px 38px #0005;}
.role-center span {color:#dfd1b4;font-size:.65rem;}
.role-card {background:#222a27;border:1px solid #72644c;border-radius:3px;}
.role-card svg {color:#d5b881;}
.role-card span {color:#c9c4b7;font-size:.7rem;}
.role-line,.role-line-c {background:#98866299;}
.role-map-label {color:#bfb29c;font-size:.68rem;}
.institution-cards>article {background:#faf8f3;border:1px solid #dad3c7;border-radius:3px;}
.institution-cards>article>span {background:#e7e0d3;color:#82633e;border-radius:2px;}
.institution-cards p {color:#646f65;}
.institution-cards small {color:#85653b;}
.inst-services,.inst-matrix-section,.dev-process {background:#f6f3ed;}
.dev-hero-display {background:#111a1b;border:1px solid #5a5142;border-radius:4px;box-shadow:0 32px 70px #0005;}
.dev-dots,.dev-hero-foot {border-color:#49483e;}
.dev-dots i {background:#b4a382;}
.dev-hero-display>span {color:#c6ad82;}
.dev-hero-display pre {color:#e0ded5;}
.dev-hero-foot {color:#c4b092;}


/* V4.2.1 · Baseline candidate typography and contrast refinement
   Preserve the editorial identity. Improve small text, gold-on-ivory contrast,
   projected legibility, responsive type rhythm and financial sample labels. */
:root {
  --gold-ink: #73552f;
  --gold-dark: #c9ae80;
  --paper: #f6f3ed;
}
body { -webkit-font-smoothing:antialiased; font-kerning:normal; }
body :is(h1,h2,h3) { font-kerning:normal; }
body p { text-wrap:pretty; }
.balance-grid b, .account-currencies strong, .batch-summary b, .fx-large, .digital-card { font-variant-numeric:tabular-nums; }
/* Small gold type on warm white uses a darker ink, not metallic gold. */
.eyebrow,.panel-index,.industry-kicker,.registry-top,.registry-class,
.audience-count,.industry-route-top,.product-card-top>span:first-child { color:var(--gold-ink); }
.eyebrow { font-size:.76rem; letter-spacing:.16em; }
.micro-ticker { font-size:.73rem; min-height:32px; letter-spacing:.045em; padding-top:7px; padding-bottom:7px; }
.micro-ticker span:first-child {opacity:.93;}
.brand-text small {color:#755936; font-size:.65rem; letter-spacing:.27em;}
.desktop-nav a {font-size:.87rem;}
.lang-choices a {font-size:.82rem;color:#48564f;}
.lang-choices a.sel {color:#72532d;}
.nav-cta {font-size:.83rem;}
.hero-home .eyebrow,.page-hero .eyebrow,.path-hero .eyebrow,.cta-grid .eyebrow {color:#d0b98b;}
.hero-micro {font-size:.86rem;}
.live-widget {font-size:.73rem;letter-spacing:.125em;}
.dashboard-logo small {font-size:.68rem;letter-spacing:.10em;}
.dashboard-float small {font-size:.76rem;}
.balance-grid small,.balance-grid em {font-size:.76rem;}
.fake-invoice small {font-size:.75rem;}
.dashboard-caption span {font-size:.76rem;}
/* Product navigation and operational figures should work without magnification. */
.editorial-product-browser .solution-tab>span {color:#795a32;}
.editorial-product-browser .solution-tab {font-size:.91rem;}
.editorial-product-panels .solution-panel-head>div:first-child>p {color:#48564f;}
.panel-index {font-size:.80rem;}
.flow-detail,.flow-caption {font-size:.89rem;line-height:1.65;}
.flow-ledger-note {font-size:.87rem;}
.flow-step {color:#795c34;}
.flow-button {font-size:.83rem;}
.account-currencies span,.account-currencies small {font-size:.80rem;}
.account-table b,.account-table .table-head,.batch-table b {font-size:.81rem;}
.checkout-disclaimer,.product-note {font-size:.80rem;line-height:1.65;}
.checkout-form>label,.fx-window>p {font-size:.80rem;}
.checkout-footer {font-size:.77rem;}
.batch-summary small,.batch-top small,.batch-table>div {font-size:.77rem;}
.registry-card p {font-size:.88rem;line-height:1.7;color:#49594e;}
.registry-top {font-size:.80rem;}
.registry-class {font-size:.75rem;color:#73552f;}
.registry-card>a {font-size:.84rem;color:#72552f;text-decoration-thickness:1px;}
.role-matrix-head {font-size:.81rem!important;color:#465a50!important;letter-spacing:.035em;}
.role-matrix-row span,.role-matrix-row em {color:#4b6157;}
.role-card span {font-size:.76rem;}
.institution-cards p {color:#4e6055;}
.domain-cards a small {font-size:.83rem;color:#4e5d53;}
.domain-cards a span {color:#73552f;}
.location-grid small,.locations-grid small {font-size:.82rem;}
/* Stronger focus clarity, but never use gold alone to communicate a status. */
:focus-visible { outline-color:#b58a4a!important; outline-width:3px!important; }
.registry-card>a:hover,.footer-list a:hover,.domain-cards a:hover {text-decoration:underline;text-underline-offset:4px;}
/* Brighter decorative metal on dark backgrounds only. */
.brand-inverse .brand-text small {color:#d0b88c;}
@media(max-width:780px){
  .micro-ticker {font-size:.69rem;padding:7px 20px;min-height:32px;}
  .hero-micro {font-size:.82rem;}
  .balance-grid small,.balance-grid em {font-size:.75rem;}
  .flow-detail,.flow-caption {font-size:.85rem;}
  .registry-card p {font-size:.85rem;}
}
@media(max-width:540px){
  .brand-text small {font-size:.59rem;letter-spacing:.20em;}
  .nav-cta {font-size:.80rem;}
  .lang-choices a {font-size:.79rem;}
  .micro-ticker {font-size:.68rem;line-height:1.35;}
  .dashboard-logo small {font-size:.65rem;}
  .fake-invoice small,.dashboard-float small {font-size:.73rem;}
  .balance-grid small,.balance-grid em {font-size:.71rem;}
  .account-currencies span,.account-currencies small {font-size:.76rem;}
  .batch-table b,.account-table b {font-size:.76rem;}
  .checkout-disclaimer,.product-note {font-size:.78rem;}
  .flow-detail,.flow-caption {font-size:.84rem;}
  .eyebrow {font-size:.73rem;letter-spacing:.125em;}
}
@media(prefers-contrast:more){
  .eyebrow,.registry-top,.panel-index,.industry-kicker {color:#614521;}
  .section-heading>p,.registry-card p,.institution-cards p {color:#35483d;}
}

/* V4.2.1 critical correction: the industry segment was changed to ivory
   while keeping white text from the original dark section. Restore a deliberate,
   premium dark break and make every tile legible. */
.industry-feature {background:#151c1b;color:#f5f1e9;}
.industry-feature:after {border-color:#b89a682a;}
.industry-top h2 {color:#f6f3ed;}
.industry-feature .eyebrow {color:#d2b789;}
.industry-tile {background:#202a27;border:1px solid #5a655d;border-radius:3px;}
.industry-tile:hover,.industry-tile:focus-visible {background:#293731;border-color:#c1a473;}
.tile-number {color:#d0b689;font-size:.77rem;}
.tile-icon,.tile-arr {color:#d1b687;}
.industry-tile h3 {color:#f8f5ec;}
.industry-tile p {color:#d1d6ce;font-size:.87rem;line-height:1.67;}
/* Remove leftover blue-grey marketing text from light institutional sections. */
.statement-grid p,.statement-list,.statement-points {color:#46574c;}
.industry-panel-intro>p,.industry-bottom-grid p,.industry-route-footer,
.method-grid p,.inst-workflow p,.integration-grid>div p {color:#43584c;}
.entity-number,.entity-number span,.company-entities p {color:#485a50;}
.entity-number span {font-weight:750;}
.company-entities .entity-card p {color:#43584d;}
.company-entities .entity-card span {color:#705331;}
.role-matrix-row p,.institution-step p {color:#43584d;}
.knowledge-content p,.knowledge-content li {color:#46584c;}
/* The website is a source of real explanations: figures and proof notices must not look disabled. */
.proof-grid span {color:#58635b;}
.trust-hero .hero-intro,.path-hero p {color:#ced0c8;}

/* V4.2.1 closing pass: eliminate residual cyan/blue typography on ivory. */
.editorial-product-browser .solution-tab.active>span {color:#67491f;}
.product-card .product-icon,.product-card:nth-child(n) .product-icon {background:#ede7d9;color:#775a33;}
.industry-bottom-grid p,.method-grid p,.principle-grid p,.integration-grid p {color:#43584c;}
.method-grid span,.integration-grid span,.principle-grid span {color:#735632;}
.method-grid p,.integration-grid p {font-size:.89rem;line-height:1.67;}
.principle-grid p {font-size:.89rem;line-height:1.68;}
.pathway-form-title span {color:#73552f;}
.knowledge-hero-visual>span,.kh-caption {color:#d1b88c;}
.knowledge-bottom small {color:#765632;}
.knowledge-content .knowledge-bottom small {color:#765632;}
.contact-section p,.contact-intro p {color:#43584d;}
.form-cap {color:#72542e;}
.entity-number span {color:#72542e;}
.domain-cards a:hover small {color:#36483b;}
/* Keep line and background decoration subtle without weakening text contrast. */
@media(min-width:781px){
 .section-heading>p,.industry-panel-intro>p {max-width:720px;}
}
/* Last verified body-copy contrast adjustments on warm sections. */
.trust-layout p,.showcase-text p {color:#45584c;}
.pathway-form-title span:last-child {color:#644924;}
/* Trust explanations must be readable in both Chinese variants as well. */
.verification-banner {background:#ede8df;border-color:#d5cdbc;}
.verification-banner p,.inst-matrix-section p {color:#405249;line-height:1.7;}
.inst-matrix-section .split-structure>div:first-child p {color:#405349;}
.responsibility-table {border-color:#d8d0c3;border-radius:3px;}
.responsibility-table>div {background:#fbf9f4;border-color:#e1d8ca;font-size:.86rem;}
.responsibility-table>div:first-child {background:#202927;color:#f6f3ed;font-size:.78rem;}

/* High-impact component repairs found by full section screenshots: h1/h2
   inherited ink on dark background, invisible in the source visual baseline. */
.dev-playground {background:#141d1d;color:#f7f3e9;}
.dev-playground h2 {color:#f7f3e9;}
.dev-playground .eyebrow {color:#d1b88b;}
.dev-playground p {color:#cdd2c9;}
.developer-notice {border-color:#c2a16e;color:#d5d8cf;}
.developer-notice svg {color:#d2b787;}
.code-workspace {background:#111b1b;border-color:#5c6259;border-radius:4px;}
.code-toolbar,.code-bottom {border-color:#424d43;}
.code-tab {color:#c3c5bc;font-size:.80rem;border-radius:2px;}
.code-tab.active {background:#413a2d;color:#f0d9ae;}
.copy-code {background:#29332f;color:#eee3cf;border-color:#646452;border-radius:2px;font-size:.79rem;}
.copy-code:hover {background:#3a463f;}
.code-example {color:#d7e1d8;}
.code-bottom {color:#c8cebf;font-size:.75rem;}
.code-bottom i {background:#cfb07d;}
.page-hero.knowledge-hero {background:#101718;}
.knowledge-hero .page-hero-grid h1 {color:#f7f3e9;}
.knowledge-hero p {color:#c7cfc7;}
.knowledge-hero-visual {border:1px solid #b9aa90;border-radius:5px;background:radial-gradient(circle at 53% 50%,#f8f1e5,#e9e0d0 66%,#e0d5c4);}
.knowledge-hero-visual::before {border-color:#b6a17d8c;}
.knowledge-hero-visual::after {border-color:#b6a17d55;}
.knowledge-hero-visual>span,.kh-caption {color:#6e512b;}
.kh-figure {background:linear-gradient(135deg,#41463a,#131a19);border:1px solid #8b7a55;border-radius:10px;color:#e3c38a;box-shadow:0 22px 40px #38332635;}
.knowledge-intro-grid p {color:#45574e;}
.knowledge-list a {background:#fbf9f4;border-color:#ded6c8;border-radius:3px;}
.knowledge-list a:hover {border-color:#b79e71;}
.knowledge-list span,.knowledge-list svg {color:#72552e;}
.knowledge-hero-visual>span,.kh-caption {font-size:.77rem;letter-spacing:.09em;}

/* FINAL DESIGN BASELINE · small-screen precision, 2026-10-11
   No changes to the colour system, product roles, legal statements or business functions. */
@media (max-width:540px) {
  .site-header .lang-choices {padding:4px 0 4px 7px;gap:0;}
  .site-header .lang-choices a {
    display:inline-flex;align-items:center;justify-content:center;
    min-width:27px;min-height:30px;padding:0 2px;font-size:.74rem;
  }
  .industry-selector {font-size:.82rem;line-height:1.45;min-height:42px;}
  .balance-grid small,.balance-grid em {font-size:.75rem;}
  .fake-invoice small,.dashboard-float small {font-size:.73rem;}
  .account-currencies span,.account-currencies small {font-size:.77rem;}
  .batch-summary small {font-size:.74rem;}
  .batch-table b,.account-table b {font-size:.76rem;}
}