/* Render the hero's reconciliation flow at its actual display size. */
.hero .system{background:#141414;color:#fff;box-shadow:0 30px 60px #00000012;padding:24px}
.hero .system :where(.system-top,.node small,.hub span,.flow-label,.system-bottom){color:#b8b8b8}
.hero .system .system-top b{color:var(--orange)}
.system-finance{margin:20px 0 0;padding:12px;background:#1c1c1c;border:1px solid #383838;border-radius:9px;position:relative;overflow:hidden}
.finance-live-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;line-height:1.3}
.finance-live-heading>span{font-size:10px;letter-spacing:1.3px;font-weight:600;color:#ff9759}
.finance-live-heading small{font-size:10px;color:#a7a7a7;white-space:nowrap}
.finance-live-grid{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:stretch}
.finance-live-report{min-width:0}
.finance-report-name{display:block;font-size:12px;font-weight:500;color:#ededed;margin-bottom:7px;min-height:18px;line-height:1.35}
.finance-live-row{display:flex;align-items:center;gap:8px;height:24px;padding:0 7px;background:#242424;border:1px solid #3a3a3a;border-radius:4px;margin-top:4px;animation:finance-row-match 9s ease-in-out infinite}
.finance-live-row:nth-child(3){animation-delay:-6s}.finance-live-row:nth-child(4){animation-delay:-3s}
.finance-record-mark{height:7px;width:7px;flex:none;border:1px solid #8f8f8f;border-radius:2px}
.finance-live-row b{font-size:13px;line-height:1;font-weight:500;color:#ededed;font-variant-numeric:tabular-nums}
.finance-live-row svg{width:12px;height:12px;flex:none;margin-left:auto;fill:none;stroke:#ff9759;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:finance-row-check 9s ease-in-out infinite}
.finance-live-row:nth-child(3) svg{animation-delay:-6s}.finance-live-row:nth-child(4) svg{animation-delay:-3s}
.finance-bank-report .finance-live-row,.finance-bank-report .finance-live-row svg{animation-delay:-8s}
.finance-bank-report .finance-live-row:nth-child(3),.finance-bank-report .finance-live-row:nth-child(3) svg{animation-delay:-5s}
.finance-bank-report .finance-live-row:nth-child(4),.finance-bank-report .finance-live-row:nth-child(4) svg{animation-delay:-2s}
.finance-live-link{display:flex;align-items:end}
.finance-live-link svg{display:block;width:100%;height:84px;overflow:visible}
.finance-link-tracks{fill:none;stroke:#505050;stroke-width:1.2}
.finance-link-packets{fill:none;stroke:#ff9759;stroke-width:2;stroke-linecap:round;stroke-dasharray:7 29}
.finance-link-packets path{animation:finance-data-stream 2.4s linear infinite}
.finance-link-packets path:nth-child(2){animation-delay:-.8s}.finance-link-packets path:nth-child(3){animation-delay:-1.6s}
.finance-live-footer{display:flex;align-items:center;gap:7px;padding-top:9px;margin-top:9px;border-top:1px solid #383838;color:#c8c8c8;font-size:11px;line-height:1.4}
.finance-live-footer svg{width:16px;height:16px;flex:none;fill:none;stroke:#c8c8c8;stroke-width:1.4;stroke-linecap:round}
.finance-live-footer i{width:5px;height:5px;border-radius:50%;background:#ff9759;margin-left:auto;flex:none;animation:finance-status-breathe 3s ease-in-out infinite}
.hero .system .flow{position:relative;margin:16px 0 18px}
.hero .system .node{background:#242424;border-color:#454545;animation-name:hero-node-cycle;padding:10px 12px;line-height:1.35}
html[data-theme=night] .hero .system .node{background:#242424;border-color:#454545;animation-name:hero-node-cycle}
.hero .system .node:hover{background:#2d2d2d;border-color:#8a6b57}
.hero .system .connector{background:#555;position:relative;flex:none}
.hero .system .connector:after{background:var(--orange);height:3px;box-shadow:0 0 8px #ff7d3740;animation-duration:3s}
.hero .system .hub{position:relative;background:#ff7d370b;border-color:#ff7d3770;padding:12px 16px;margin:18px auto}
.hero .system .hub strong{font-size:24px;line-height:1.25}
.hero .system .hub::before,.hero .system .hub::after{content:'';position:absolute;left:50%;width:5px;height:18px;transform:translateX(-50%);background:linear-gradient(#ff7d37,#ff7d37) no-repeat 50% 0/3px 6px,linear-gradient(#555,#555) no-repeat 50% 50%/1px 100%;animation:hero-vertical-stream 3s linear infinite;pointer-events:none}
.hero .system .hub::before{top:-19px}.hero .system .hub::after{bottom:-19px;animation-delay:-1.5s}
.hero .system .system-bottom{border-color:#454545;padding-top:14px}
@keyframes finance-row-match{0%,26%{border-color:#ff975970;background:#34271f}38%,100%{border-color:#3a3a3a;background:#242424}}
@keyframes finance-row-check{0%,8%{opacity:.15}14%,30%{opacity:1}42%,100%{opacity:.35}}
@keyframes finance-data-stream{from{stroke-dashoffset:36}to{stroke-dashoffset:0}}
@keyframes finance-status-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes hero-node-cycle{0%,15%,100%{border-color:#666;background:#303030;box-shadow:0 0 15px #ff7d3714}25%,90%{border-color:#454545;background:#242424;box-shadow:none}}
@keyframes hero-vertical-stream{from{background-position:50% 0,50% 50%}to{background-position:50% 100%,50% 50%}}
@media(max-width:1050px){.finance-live-heading{gap:5px}.finance-live-heading>span{font-size:9px;letter-spacing:.8px}}
@media(max-width:760px){.system-finance{margin-top:20px}.finance-live-grid{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.finance-report-name{font-size:11px;min-height:28px}.finance-live-row{gap:6px;padding:0 6px}.finance-live-row b{font-size:12px}.finance-live-heading>span{font-size:9px;letter-spacing:.6px}.finance-live-heading small{font-size:9px}.finance-live-footer{font-size:10px}.hero .system .system-bottom{gap:10px}}
@media(prefers-reduced-motion:reduce){.hero .system *,.hero .system *::before,.hero .system *::after{animation:none!important}.finance-live-row svg{opacity:1}.hero .system .hub::before,.hero .system .hub::after{background:linear-gradient(#555,#555) no-repeat 50% 50%/1px 100%}}