/* Figma 458:477 / 458:504 / 458:531. No layout shift on interaction. */
.successes{background:#131313;color:#fff;padding:64px 0 48px}
.successes .content-width{display:flex;flex-direction:column;gap:24px}
.successes .section-title{margin:0;text-align:center;font-size:56px;font-weight:200;line-height:1.3}
.success-intro{margin:0;text-align:center;color:#bfbfbf;font-size:18px;line-height:1.35}
.success-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding:0;direction:ltr;padding:2px;scrollbar-width:thin;scrollbar-color:#777 #212121}
.success-card{box-sizing:border-box;min-width:0;min-height:380px;display:flex;flex-direction:column;gap:16px;padding:28px;border:1px solid #5c5c5c;border-radius:16px;background:#212121;scroll-snap-align:start;text-align:right;transition:border-color .2s ease,box-shadow .2s ease}
.success-card p{margin:0}.success-eyebrow{font-size:16px;color:#a6a6a6}.success-amount{font-size:52px;font-weight:200;line-height:1.3;white-space:nowrap}
.success-card h3{margin:0;min-height:90px;font-size:22px;font-weight:600;line-height:1.32;overflow-wrap:anywhere}
.success-result{font-size:16px;color:#b3b3b3;margin-top:auto!important}
.success-open{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #ccc;border-radius:24px;color:#fff;text-decoration:none;font-size:18px;font-weight:600;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.success-card:focus-within{border-color:#d0d0d0;box-shadow:inset 0 0 0 1px #d0d0d0}
.success-open:focus-visible{background:#fff;color:#131313;outline:3px solid #fff;outline-offset:4px}
@media(hover:hover){.success-card:hover{border-color:#d0d0d0;box-shadow:inset 0 0 0 1px #d0d0d0}.success-open:hover{background:#fff;color:#131313;border-color:#fff}}
.success-controls{display:flex;justify-content:center;align-items:center;gap:18px}.success-controls[hidden]{display:none}.success-controls p{font-size:16px;color:#bfbfbf;margin:0}.success-controls button{width:44px;height:44px;border:1px solid #666;border-radius:50%;background:transparent;color:#fff;font:inherit;font-size:24px;cursor:pointer}.success-controls button:disabled{opacity:.35;cursor:default}.success-controls button:not(:disabled):hover,.success-controls button:focus-visible{background:#fff;color:#131313}
.success-disclaimer{margin:0;text-align:center;color:#a6a6a6;font-size:14px}
.success-dialog{box-sizing:border-box;width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid #777;border-radius:16px;background:#131313;color:#fff;overflow:auto;font-family:Assistant,sans-serif}
.success-dialog::backdrop{background:rgb(0 0 0 / .78)}.success-dialog[open]{display:flex;flex-direction:column;gap:12px}
.success-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.success-dialog-header strong{font-size:18px}.success-close{flex:none;width:44px;height:44px;font:inherit;font-size:28px;background:transparent;border:1px solid transparent;border-radius:50%;color:white;cursor:pointer}.success-close:hover,.success-close:focus-visible{border-color:#fff;background:#333}
.success-dialog h2{font-size:22px;line-height:1.35;margin:0}.success-dialog p{margin:0}.success-document-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.success-document-tools button,.success-document-tools a{font:inherit;font-size:16px;min-height:44px;padding:8px 16px;border:1px solid #aaa;border-radius:24px;background:transparent;color:white;cursor:pointer;text-decoration:none}.success-document-tools button:hover,.success-document-tools a:hover{background:#fff;color:#131313}
.success-image-view{min-height:120px;overflow:auto;flex:1 1 auto;background:#fff;direction:ltr;overscroll-behavior:contain}.success-document-image{display:block;width:100%;max-width:none;height:auto}.success-image-view.is-zoomed .success-document-image{width:200%}.success-document-note{color:#bfbfbf;font-size:14px;line-height:1.4}.success-image-status:empty{display:none}body.success-document-open{overflow:hidden}
@media(max-width:900px){.success-track{grid-auto-columns:calc((100% - 24px)/2)}}
@media(max-width:520px){.successes{padding-top:48px}.successes .section-title{font-size:40px}.success-track{grid-auto-columns:100%}.success-card{padding:24px;min-height:380px}.success-amount{font-size:48px}.success-dialog{padding:16px}.success-dialog h2{font-size:18px}.success-controls{gap:8px}.success-controls p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.success-card,.success-open{transition:none}}
.motion-stopped .success-card,.motion-stopped .success-open{transition:none}