/* Payment Hub brand colors, sampled from the supplied logo and original UI. */
:root{
  --brand-primary:#2d2c79;
  --brand-secondary:#70c9c3;
  --brand-action:#6e63cf;
  --brand-action-hover:#8175e3;
  --brand-highlight:#b5afff;
  --brand-bg:#101026;
  --brand-bg-soft:#151530;
  --brand-bg-panel:#1b1b3c;
  --brand-ink:#23214d;
  --brand-paper:#f4f4fb;
  --brand-muted:#aaa8c1;
  --brand-muted-on-paper:#686484;
  --ph-tone-0:#101026;
  --ph-tone-1:#151530;
  --ph-tone-2:#1b1b3c;
  --ph-tone-3:#23214d;
  --ph-tone-4:#2d2c79;
  --ph-tone-5:#514c89;
  --ph-tone-6:#6b6698;
  --ph-tone-7:#827da8;
  --ph-tone-8:#aaa6c3;
  --ph-tone-9:#cbc7e0;
  --ph-tone-10:#e3e1ef;
  --ph-tone-11:#f4f4fb;
  --ph-tone-12:#fafaff;
}
.button-primary{background:var(--brand-action);color:#fff;box-shadow:0 0 0 1px #b5afff24}
.button-primary:hover{background:var(--brand-action-hover)}
.button-light{background:var(--brand-paper);color:var(--brand-primary)}
.button-light:hover{background:#e3e1f5}
.button-ink{background:var(--brand-primary);color:#fff}
.button-ink:hover{background:#454392}
.brand-dot{color:var(--brand-secondary)}
.status-dot,.tiny-dot,.node-light{background:var(--brand-secondary)}
.status-dot{box-shadow:0 0 14px #70c9c333}
.text-link:hover{color:var(--brand-highlight)}
.light-section .text-link:hover{color:var(--brand-primary)}
.flow-line{stroke:var(--brand-secondary)}
.business-node svg{stroke:var(--brand-highlight)}
.channel-node svg{stroke:#cbc7e0}
.hub-node{border-color:#70c9c366;box-shadow:0 0 55px #6e63cf20,inset 0 0 20px #b5afff0d}
.hub-node>span{color:#cbc7e0}
.demo-brand>span{color:var(--brand-primary)}
.demo-product-art{background:var(--brand-primary);color:#f4f4fb}
.art-cross{color:var(--brand-secondary)}
.art-ring{border-color:#70c9c344;box-shadow:0 0 0 30px #70c9c30b,0 0 0 60px #70c9c308}
.art-caption{color:#e3e1ef}
.journey-dot.is-active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}
.method-button.is-selected{background:#efedfc;border-color:var(--brand-action);color:var(--brand-primary)}
.method-check{color:var(--brand-primary)}
.success-mark{background:#e9f6f5;border-color:var(--brand-secondary);color:#285f5c}
.record-status{background:#e9f6f5;color:#285f5c}
.demo-disclaimer .tiny-dot{background:var(--brand-secondary)}
.operation-follow-link{color:var(--brand-primary)}
.operation-follow-link:hover{color:#514c89}
.closing{background:var(--brand-primary)}
.closing-copy>p:not(.eyebrow),.closing-cta-note{color:#cbc7e0}
.closing .eyebrow{color:#e3e1ef}
.demo-disclaimer{background:var(--brand-paper)}
.chapter-rail{mix-blend-mode:normal}
.chapter-rail>a{background:#827da8;box-shadow:0 0 0 1px #b5afff33}
.chapter-rail>a.is-active{background:var(--brand-highlight);box-shadow:0 0 0 2px var(--brand-primary)}
.chapter-rail>a span{color:#f4f4fb;background:var(--brand-primary);padding:4px 7px;border-radius:3px;top:-7px}
@media print{.closing{background:#fff!important}.closing-copy>p:not(.eyebrow),.closing-cta-note{color:#333}}