/* Shared GOA flow stats (used on bank / exchange / merchant landings) */ .stats { background: rgba(18, 28, 28, 0.55); border: 1px solid rgba(62, 207, 191, 0.28); border-radius: 16px; padding: 1.1rem 1.15rem 1.2rem; margin: 0 0 1.5rem; } .stats h2 { margin: 0 0 0.85rem; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted, #c9b8a0); text-align: center; } .stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.65rem 0.85rem; } @media (min-width: 420px) { .stats-grid { grid-template-columns: 1fr 1fr 1fr; } } .stat { background: rgba(0, 0, 0, 0.22); border-radius: 10px; padding: 0.55rem 0.65rem; min-width: 0; } .stat .k { display: block; font-size: 0.68rem; color: var(--muted, #c9b8a0); letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 0.2rem; text-align: center; } .stat .v { display: block; font-size: 1.05rem; font-weight: 750; color: #f0d090; word-break: break-word; font-variant-numeric: tabular-nums; text-align: center; } .stat .v.teal { color: #5eead4; } .stat.wide { grid-column: 1 / -1; } .wd-list { list-style: none; margin: 0.15rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; } .wd-list li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.25rem 0.75rem; font-size: 0.88rem; font-weight: 650; color: #f0d090; font-variant-numeric: tabular-nums; border-bottom: 1px solid rgba(201, 184, 160, 0.12); padding-bottom: 0.3rem; } .wd-list li:last-child { border-bottom: none; padding-bottom: 0; } .wd-list .amt { color: #5eead4; font-weight: 750; } .wd-list .meta { color: var(--muted, #c9b8a0); font-size: 0.78rem; font-weight: 600; } .stats-foot { margin: 0.75rem 0 0; font-size: 0.72rem; color: var(--muted, #c9b8a0); text-align: center; } .stats-foot a { color: #e8c878; } .stats-foot.err { color: #f0a090; }