/* DIGITALMINT V4.2.2 · INSTITUTIONAL VISUAL UNIFICATION
   Built on V4.2.1-FINAL-DESIGN-TOUCH, supersedes remaining legacy-blue components.
   Does not alter legal identity, product availability, money-flow logic or server services.
   This file MUST be loaded after editorial.css and can be reverted independently. */
:root {
  --dm-obsidian:#101718;
  --dm-night:#151c1b;
  --dm-charcoal:#202927;
  --dm-ivory:#f6f3ed;
  --dm-paper:#fbf9f4;
  --dm-parchment:#ede8df;
  --dm-gold:#b89a68;
  --dm-gold-strong:#73552f;
  --dm-sage:#52645a;
  --dm-ink:#1e2924;
  --dm-text:#43544b;
  --dm-line:#ded8cc;
}
/* A calmer type hierarchy, still legible in browsers without installed serif fonts. */
body { background:var(--dm-ivory);color:var(--dm-text); }
body :is(h1,h2) { text-wrap:balance; }
html[lang="en"] body :is(h1,h2) {font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;}
html[lang="zh-CN"] body :is(h1,h2) {font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",serif;}
html[lang="zh-HK"] body :is(h1,h2) {font-family:"Noto Serif CJK HK","Noto Serif CJK TC","Songti TC",serif;}
.notranslate {word-break:keep-all;}
/* All bright-blue trust cards seen on mobile have one consistent editorial treatment. */
.trust-intro {background:var(--dm-ivory);}
.trust-feature-box {background:var(--dm-paper);border:1px solid var(--dm-line);box-shadow:none;border-radius:3px;}
.trust-feature-box>span {background:#eee8db;color:#745b38;border:1px solid #e2d8c7;border-radius:4px;}
.trust-feature-box h3 {color:var(--dm-ink);}
.trust-feature-box p {color:#526159;line-height:1.65;}
.trust-feature-box.highlight-box {background:var(--dm-charcoal);border:1px solid #596056;color:#f7f3eb;}
.trust-feature-box.highlight-box h3 {color:#f7f3eb;}
.trust-feature-box.highlight-box>div {color:#c5a877;}
/* Home narrative and sample transaction widgets must not inherit steel-blue typography. */
.statement-right>p,.statement-grid p {color:var(--dm-text);}
.statement-rule {border-top-color:var(--dm-line);}
.statement-rule span {color:#715735;}
.feature-points>div {color:#45574d;}
.feature-points svg {color:#8c6d42;}
.account-table>div:not(:first-child) {color:#44564c;border-top-color:#e4ded4;}
.account-table>div:not(:first-child) span {color:#44564c;}
.account-table svg {color:#876c45;}
.account-table .table-head {color:#57655b;}
.account-table b:not(.success):not(.pending) {color:#57665b;}
/* Institution pages: eliminate stray cool-blue institutional workflow panels. */
.inst-process,.dev-process,.faq-section {background:var(--dm-ivory);}
.responsibility-table b,.responsibility-table>div:not(:first-child) span {color:#405249;}
.role-matrix {border-top-color:var(--dm-line);}
.role-matrix>div {color:#43564c;border-color:var(--dm-line);}
/* Developer feature icons: no SaaS-blue stickers. */
.integration-grid>div {background:var(--dm-paper);border-color:var(--dm-line);border-radius:3px;}
.integration-grid>div>span {background:#eee8dc;color:#80633c;border:1px solid #e0d7c7;border-radius:4px;}
.integration-grid h3 {color:var(--dm-ink);}
.integration-grid p {color:var(--dm-text);}
/* Company profile should convey offices and entities without electric-blue illustrations. */
.company-visual {background:radial-gradient(circle at 52% 44%,#bb9f6d1f,transparent 52%),linear-gradient(140deg,#252e2b,#101718);border:1px solid #6a614f;border-radius:4px;}
.company-visual>span,.company-quads span {color:#d0c0a3;}
.company-oval {color:#d8b983;border-color:#bcac8b5e;box-shadow:0 0 0 44px #b7a4770c,0 0 0 90px #b7a47706;}
.company-entities .entity-status,.entity-status {background:#eee9dc;color:#70552f;border-color:#d9ceb9;border-radius:3px;}
.company-entities b,.domain-cards b {color:#26342a;}
/* Trust and verification: source and authority should be prominent but not colourful. */
.trust-hero-lock>span {color:#ddc49d;}
.verification-banner {background:#ede8df;border:1px solid #d7cebe;border-radius:3px;}
.verification-banner>span {color:#82643f;}
.verification-banner b {color:#32443b;}
.verification-banner p {color:#485a4f;}
.faq-item {background:var(--dm-paper);border:1px solid var(--dm-line);border-radius:3px;}
.faq-item>summary {color:#26372d;}
.faq-item>summary svg {color:#826743;}
.faq-item p {color:#465b4e;border-top-color:var(--dm-line);}
.trust-guide-link a,.trust-guide-link>a {color:#795a32;}
.trust-guide-link a:hover,.trust-guide-link>a:hover {color:#473119;}
/* Editorial legal and business statuses retain meaningful semantic colors, not blue brand accents. */
.account-table b.success,.batch-table b.success,.card-controls b.success {color:#346b57;}
.account-table b.pending,.batch-table b.warning {color:#936d32;}
/* Mobile: brand, language and navigation must remain unambiguous and tappable. */
.site-header {background:rgba(249,247,242,.98);}
.menu-toggle {background:#efeae0;color:#27362e;border:1px solid #ded7c9;border-radius:3px;min-width:44px;min-height:44px;}
.menu-toggle:focus-visible,.site-header .lang-choices a:focus-visible {outline:2px solid #785a35;outline-offset:2px;}
@media(max-width:780px){
  .site-header .nav-inner{min-height:70px;}
  .mobile-nav{background:var(--dm-ivory);border-color:var(--dm-line);}
  .mobile-nav a{color:#26352d;}
}
@media(max-width:540px){
  .site-header .nav-inner{min-height:68px;}
  .site-header .lang-choices a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:40px;padding:4px 2px;font-size:.78rem;}
  .site-header .lang-choices{padding:0 0 0 6px;}
  .brand-text{letter-spacing:-.035em;}
  .brand-text small{letter-spacing:.19em;}
  .trust-feature-box{padding:23px;min-height:auto;}
  .trust-feature-box>span{height:46px;width:46px;margin-bottom:18px;}
  .account-table>div:not(:first-child) span,.account-table b {font-size:.82rem;}
  .integration-grid>div>span{margin-bottom:15px;}
}
@media(max-width:350px){
  .site-header .lang-choices{display:none;}
  .menu-toggle{width:44px;height:44px;}
}
/* Last legacy hairlines and links to standardise across remaining subpages. */
.industry-route-footer {border-color:var(--dm-line);}
.entity-list {border-color:var(--dm-line);}
.domain-cards a>b {color:#293a31;}
.company-domains {background:var(--dm-ivory);}
.dev-process .integration-grid>div,.dev-process .method-grid>div {border-color:var(--dm-line);}
/* Solution adviser: quiet editorial form rather than blue SaaS wizard. */
.pathway-context>p,.pathway-guide-points>div {color:#4e6055;}
.pathway-guide-points {border-top-color:var(--dm-line);}
.pathway-guide-points svg {color:#8d7046;}
.pathway-form-shell {background:var(--dm-paper);border:1px solid var(--dm-line);border-radius:4px;box-shadow:0 20px 44px #1017180b;}
.pathway-form-title {color:#29392f;border-bottom-color:var(--dm-line);}
.pathway-num {color:#745632;background:#ece5d7;border-radius:3px;}
.pathway-field-title {color:#27382e;}
.pathway-field select {color:#26362d;background:#faf8f3;border-color:#d7cebf;border-radius:4px;}
.pathway-field select:focus-visible {outline:2px solid #ad8853;outline-offset:2px;}
.pathway-result {background:#f0ebe1;color:#2a382f;border:1px solid #d7c6a8;border-radius:4px;}
.result-eyebrow {color:#74542e;}
.pathway-result>p {color:#4c6053;}
.result-three>div {background:var(--dm-paper);border-color:var(--dm-line);border-radius:3px;}
/* Knowledge-centre original business flow: paper, warm boundaries, clear ink. */
.knowledge-article {background:var(--dm-paper);border-color:var(--dm-line);border-radius:4px;}
.knowledge-no {color:#795c32;}
.knowledge-article header>p {color:#4b5b51;}
.knowledge-flow-box {background:#efebe2;border-color:#dfd7c8;border-radius:3px;}
.knowledge-flow-box:not(:last-child)::after {color:#836741;}
.knowledge-flow-box span {color:#82643e;}
.knowledge-flow-box strong {color:#293a30;}
.knowledge-bottom {border-top-color:var(--dm-line);}
.knowledge-bottom small {color:#775936;}
/* Business enquiry: preserve functional states but remove decorative blue. */
.contact-hero {background:var(--dm-obsidian);}
.contact-hero-details>div {color:#dbd4c5;}
.contact-hero-details svg {color:#c9aa79;}
.contact-art-circle {color:#d0af7a;border-color:#c2a67f62;box-shadow:0 0 0 42px #c2a67f0d,0 0 0 86px #c2a67f08;}
.contact-art-tag {color:#cfc1a8;}
.contact-section {background:var(--dm-ivory);}
.contact-intro>p {color:#475b50;}
.contact-side-points>div {color:#47594e;}
.contact-side-points svg {color:#886b46;}
.enquiry-form {background:var(--dm-paper);border:1px solid var(--dm-line);border-radius:4px;box-shadow:0 20px 44px #15221a0d;}
.form-cap {color:#775934;border-bottom-color:var(--dm-line);}
.form-cap span:last-child {color:#625f56;}
.enquiry-form label:not(.checkbox-line) {color:#3c4b42;}
.enquiry-form label>input:not([type="checkbox"]),.enquiry-form label>select,.enquiry-form textarea {color:#25352b;background:#fffefa;border-color:#d4cbbb;border-radius:4px;}
.enquiry-form input::placeholder,.enquiry-form textarea::placeholder {color:#747e73;}
.checkbox-line {color:#43564a;}
.checkbox-line input {accent-color:#80613c;}
.privacy-section {background:var(--dm-ivory);}
/* Fine-grained anchor protection for fixed/sticky navigation. */
.section[id],.knowledge-article[id],main[id],.industry-panel[id] {scroll-margin-top:118px;}
/* Final remaining V3 panels discovered by computed-style audit. */
.pathway-steps>div {background:var(--dm-paper);border:1px solid var(--dm-line);border-radius:3px;}
.pathway-steps span {color:#715531;border-color:#d5c8b2;border-radius:3px;}
.pathway-steps p,.pathway-result .result-warning {color:#4a5c51;}
.pathway-next {background:var(--dm-ivory);border-color:var(--dm-line);}
.delivery-mode {color:#45584c;background:#ece7dc;border-left-color:#9d7d4a;border-radius:0 3px 3px 0;}
.contact-locations {background:var(--dm-ivory);}
.locations-grid>div {background:var(--dm-paper);border-top:2px solid #9d7f4e;border-radius:3px;}
.locations-grid small {color:#745831;}
.locations-grid p {color:#47594f;}
.knowledge-proof {background:#ede8df;}
.knowledge-proof h2 {color:#1e2924;}
.knowledge-proof p {color:#425449;}

/* ---------------------------------------------------------------------------
   V4.2.2b · REMAINDER SWEEP

   The sections above unified the outer mockup windows, trust cards, company
   visuals, pathway steps, knowledge flow boxes and the enquiry form. An
   independent render-level audit of the built site then found that the INNER
   chrome of the seven product mockups, the POS device mockup, the developer
   principle icons, the industry selector icon, the registered-address icons,
   the domain-card icons and the privacy notice frame still resolved to V3
   steel-blue values — including pale washes (#edf7fd, #eaf2fa, #f6f9fb) that a
   quick visual pass misses. These rules finish that same mapping with the same
   tokens.

   Additive only. No layout, copy, product, money-flow, legal, licence or
   service-scope change. Revert by removing this block with unified.css.
   --------------------------------------------------------------------------- */

/* 1 · mockup chrome — pale blue washes become parchment / paper ------------ */
.checkout-window,
.ops-window,
.batch-window {background:var(--dm-paper); border-color:var(--dm-line);}
.checkout-browser {background:var(--dm-parchment); border-bottom-color:var(--dm-line); color:#6b7a70;}
.checkout-browser svg {color:#6b7a70;}
.checkout-browser i {background:#d6cec0;}
.checkout-browser i:first-child {background:#c6a698;}
.checkout-browser i:nth-child(2) {background:#d8bf89;}
.checkout-browser i:nth-child(3) {background:#a7bdac;}
.batch-table>div {border-bottom-color:var(--dm-line);}
.batch-table>div small {color:#6b7a70;}
.batch-table b {color:#5c6b62;}
.batch-table b.pending {color:var(--dm-gold-strong);}
.ops-rail>div {background:var(--dm-parchment); border-color:var(--dm-line);}
.ops-rail small {color:#6b7a70;}
.ops-rail b {color:var(--dm-ink);}
.ops-rail span {color:#526159;}
.ops-status>div {color:var(--dm-text);}
.ops-status svg {color:#346b57;}

/* 2 · POS device mockup — mineral black instead of navy ------------------- */
.pos-device {background:var(--dm-obsidian); border-color:var(--dm-charcoal); box-shadow:0 25px 35px #10171833;}
.pos-device-head {color:#b8b0a1;}
.pos-screen {background:var(--dm-charcoal); color:#f1eade;}
.pos-screen svg {color:var(--dm-gold);}
.pos-chip {background:var(--dm-gold-strong);}
.pos-keypad span {border-color:#4a5450;}
.pos-explain p {color:var(--dm-text);}
.pos-methods span {background:var(--dm-parchment); color:var(--dm-gold-strong); border:1px solid var(--dm-line);}

/* 3 · icons and frames that still resolved to brand blue ------------------ */
.principle-grid>div {border-top-color:var(--dm-line);}
.principle-grid svg {color:#8c6d42;}
.principle-grid p {color:#526159;}
.industry-selector>svg:first-child {color:#8c6d42;}
.entity-address {color:#526159;}
.entity-address svg {color:#8c6d42;}
.domain-cards a {background:var(--dm-paper); border-color:var(--dm-line);}
.domain-cards a:hover {background:var(--dm-parchment); border-color:var(--dm-gold);}
.domain-cards a>svg {color:#8c6d42;}
.privacy-foot {color:#6b7a70;}
.privacy-foot svg {color:#8c6d42;}

/* 4 · remaining muted-blue body text and notice frames ------------------- */
.narrative-grid>div:last-child p {color:var(--dm-text);}
.pathway-result .result-three small,
.pathway-result .result-warning {color:#6b7a70;}
.privacy-grid article {background:var(--dm-paper); border-color:var(--dm-line);}
.privacy-grid article p {color:var(--dm-text);}

/* 5 · collapsed mobile navigation — revealed only after tapping the menu ----
   This panel is display:none until opened, so it is absent from ordinary
   screenshots and from any audit that only inspects the initial viewport.
   It still carried navy link text, a pale-blue divider and a blue language
   row. Mapped to the same tokens. */
.mobile-nav nav a {border-bottom-color:var(--dm-line); color:#26352d;}
.mobile-nav nav a.is-active {color:var(--dm-gold-strong);}
.mobile-langs {color:#526159;}
.mobile-langs a {color:#526159;}
.mobile-langs a.is-active {color:var(--dm-gold-strong);}

/* 6 · pale-blue links, dividers and legacy tokens ---------------------------
   A border-aware audit (all four border sides, every interactive state) found
   the last steel-blue values: the .text-link underline, the proof-strip and
   entity-list dividers, the trust guide link underline, and three legacy blue
   custom properties still referenced by older components. */
.text-link {color:var(--dm-gold-strong); border-bottom-color:var(--dm-line);}
.proof-grid>div,
.proof-grid>div:nth-child(1),
.proof-grid>div:nth-child(2) {border-color:var(--dm-line);}
.entity-detail {border-bottom-color:var(--dm-line);}
.trust-guide-link a,
.trust-guide-link>a {border-bottom-color:var(--dm-line);}
:root {--blue2:#86663b; --night2:#101718; --night3:#202927;}

/* 7 · last navy tint: the active flow-switch shadow --------------------------
   background and text of .flow-button.active were already remapped, but its
   box-shadow kept the navy rgba tint. Replaced with the obsidian equivalent. */
.flow-button.active {box-shadow:0 2px 8px #10171814;}