.case-visual-bg{background:radial-gradient(ellipse at 50% 50%,var(--accent-muted) 0,transparent 55%),linear-gradient(180deg,var(--bg-muted) 0,var(--bg-elevated) 100%)}.case-visual--image{aspect-ratio:16/9}.case-visual--image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,23,27,.28));z-index:2;pointer-events:none;transition:opacity .5s var(--ease)}.case-visual--image:hover:after{opacity:.4}.case-visual-img{object-fit:cover;object-position:center top;z-index:1;filter:saturate(.9) brightness(.95);transition:transform .8s var(--ease),filter .5s var(--ease)}.case-visual--image:hover .case-visual-img{transform:scale(1.02);filter:saturate(1) brightness(1)}.payment-flow{z-index:1;width:min(90%,720px);display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0;gap:0}.payment-flow,.payment-flow .node{position:relative;align-items:center}.payment-flow .node{display:flex;flex-direction:column;gap:10px;z-index:2}.payment-flow .node-circle{width:clamp(44px,7vw,64px);height:clamp(44px,7vw,64px);border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);display:grid;place-items:center;font-size:clamp(1rem,2vw,1.375rem);color:var(--accent);font-weight:500}.payment-flow .node.active .node-circle{background:var(--accent);color:var(--bg-elevated);border-color:var(--accent);box-shadow:0 0 0 6px var(--accent-muted)}.payment-flow .node-label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);white-space:nowrap;text-align:center}@media (max-width:480px){.payment-flow .node-label{display:none}}.payment-flow .connector{height:1px;background:var(--border);position:relative;margin:0 -2px 32px}.payment-flow .connector.active{background:var(--accent)}@media (max-width:560px){.payment-flow .node-label{font-size:.5625rem;letter-spacing:.04em}}.workflow-compare{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin:2.5rem 0}@media (min-width:768px){.workflow-compare{grid-template-columns:1fr 1fr;gap:2rem}}.workflow-panel{padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle)}.workflow-panel.before{background:var(--bg-muted)}.workflow-panel.after{background:var(--bg-elevated);border-color:var(--accent-muted)}.workflow-panel-label{display:inline-block;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);margin-bottom:1rem}.workflow-panel.after .workflow-panel-label{color:var(--accent)}.workflow-panel h4{font-family:var(--font-display);font-weight:500;font-size:1.25rem;line-height:1.25;margin:0 0 1.25rem;color:var(--text);letter-spacing:-.005em}.workflow-panel ol{padding:0;margin:0;list-style:none;counter-reset:step}.workflow-panel ol li{counter-increment:step;position:relative;padding:.625rem 0 .625rem 2.25rem;font-size:.9375rem;line-height:1.5;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.workflow-panel ol li:last-child{border-bottom:none}.workflow-panel ol li:before{content:counter(step);position:absolute;left:0;top:.625rem;width:24px;height:24px;display:grid;place-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;font-size:.75rem;font-weight:500;color:var(--text-tertiary);font-family:var(--font-display)}.workflow-panel.after ol li:before{background:var(--accent);color:var(--bg-elevated);border-color:var(--accent)}.workflow-diagram{margin:2rem 0 .75rem;padding:1.75rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--bg-muted);display:flex;flex-direction:column;gap:1.25rem}.workflow-diagram-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.workflow-diagram-tag{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);width:4.5rem;flex-shrink:0}.workflow-diagram-row--after .workflow-diagram-tag{color:var(--accent)}.workflow-diagram-steps{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.workflow-diagram-step{padding:.375rem .875rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);font-size:.8125rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.workflow-diagram-row--after .workflow-diagram-step{border-color:var(--accent-muted);color:var(--text)}.workflow-diagram-arrow{display:inline-block;color:var(--text-tertiary);font-size:.875rem}.workflow-diagram-arrow:after{content:"\2192"}.workflow-diagram-caption{display:block;margin:.75rem 0 2rem;font-size:var(--text-label);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary)}.decision-visual{margin-top:1.75rem;padding:1.5rem;max-width:58ch;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-muted)}.decision-visual-caption{display:block;margin-top:1rem;font-size:var(--text-label);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary)}.status-flow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.status-flow-step{padding:.375rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);font-size:.75rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.status-flow-step--fail{border-style:dashed;color:var(--text-tertiary)}.status-flow-arrow{display:inline-block;color:var(--text-tertiary);font-size:.75rem}.status-flow-arrow:after{content:"\2192"}.batch-exception-mock{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:560px){.batch-exception-mock{grid-template-columns:2fr 1fr}}.batch-exception-col{padding:1rem;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle)}.batch-exception-col-label{display:block;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:.75rem}.batch-exception-col--exception .batch-exception-col-label{color:var(--accent)}.batch-exception-bar{height:8px;border-radius:4px;background:var(--border-subtle);margin-bottom:.5rem}.batch-exception-bar:last-child{margin-bottom:0}.batch-exception-col--exception .batch-exception-bar{background:var(--accent-muted)}.audit-trail-mock{display:flex;flex-direction:column}.audit-trail-row{display:flex;align-items:baseline;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--border-subtle)}.audit-trail-row:last-child{border-bottom:none}.audit-trail-time{font-size:.6875rem;color:var(--text-tertiary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.audit-trail-detail{font-size:.8125rem;color:var(--text-secondary)}