.receipt-scene--stream { --receipt-pitch:83px; position:relative; min-height:374px; height:374px; }
.receipt-lane { position:absolute; z-index:2; left:0; top:8px; width:59%; height:350px; overflow:hidden; -webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 93%,transparent); mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 93%,transparent); }
.receipt-card { position:absolute; left:3%; top:12px; width:86%; min-height:69px; display:flex; align-items:center; gap:11px; box-sizing:border-box; padding:13px 14px; border-radius:16px; background:#faf9f1; color:#26352b; box-shadow:0 9px 20px #0002; transform-origin:50% 50%; }
.receipt-card[data-slot="0"] { transform:translate3d(4%,0,0) rotate(-3deg); }
.receipt-card[data-slot="1"] { transform:translate3d(12%,var(--receipt-pitch),0) rotate(2deg); }
.receipt-card[data-slot="2"] { transform:translate3d(0,calc(2 * var(--receipt-pitch)),0) rotate(-2deg); }
.receipt-card[data-slot="3"] { transform:translate3d(8%,calc(3 * var(--receipt-pitch)),0) rotate(2deg); }
.receipt-card .receipt-icon { flex:none; display:grid; place-items:center; width:35px; height:35px; padding:0; border-radius:10px; }
.receipt-card .receipt-icon svg { width:19px; height:19px; stroke-width:1.6; }
.receipt-card__copy { display:grid; min-width:0; gap:4px; }
.receipt-card__copy b { font-size:12px; font-weight:550; line-height:1.2; }
.receipt-card__copy strong { font-size:12px; font-weight:500; line-height:1.2; color:#ac654a; font-variant-numeric:tabular-nums; white-space:nowrap; }
.receipt-card__copy small { font-size:9px; color:#858b80; line-height:1.2; }
.receipt-total { position:absolute; z-index:3; top:116px; right:2%; width:36%; max-width:200px; color:#e6efdf; rotate:-3deg; animation:receipt-total-float 7s ease-in-out infinite; animation-play-state:paused; }
.receipt-total__heading { display:block; color:#bfd1c3; font-size:12px; line-height:1.6; }
.receipt-total__sum { display:flex; align-items:baseline; gap:5px; margin-top:12px; font-variant-numeric:tabular-nums; }
.receipt-total__sum>small { color:#9abb9f; font-size:11px; line-height:1; }
.receipt-total__sum>strong { min-height:29px; font-size:clamp(13px,calc(190px / var(--receipt-digits,7)),26px); line-height:1.1; font-weight:500; letter-spacing:-.045em; white-space:nowrap; }
.receipt-scene--stream[data-receipt-running="true"] .receipt-total { animation-play-state:running; }
@keyframes receipt-total-float { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(0,-4px,0); } }
.receipt-scene--stream .receipt-orbit { z-index:0; inset:8% -5% 3% 2%; border-width:30px; pointer-events:none; }
@media(min-width:1100px) {
 .receipt-card__copy { flex:1; grid-template-columns:1fr auto; column-gap:10px; }
 .receipt-card__copy strong { grid-column:2; grid-row:1; text-align:right; }.receipt-card__copy small { grid-column:1 / -1; }
}
@media(min-width:720px) and (max-width:1099px) {
 .money-story__grid { gap:35px; }.receipt-card { padding:11px 10px; gap:8px; }.receipt-card .receipt-icon { width:30px; height:30px; }.receipt-card__copy b,.receipt-card__copy strong { font-size:11px; }.receipt-total__sum>strong { font-size:clamp(13px,calc(160px / var(--receipt-digits,7)),23px); }
}
@media(max-width:719px) {
 .receipt-scene--stream { --receipt-pitch:77px; min-height:340px; height:340px; max-width:480px; }
 .receipt-lane { width:60%; height:328px; top:0; }
 .receipt-card { width:85%; padding:11px 10px; gap:8px; min-height:65px; border-radius:14px; }
 .receipt-card .receipt-icon { width:29px; height:29px; border-radius:9px; }.receipt-card .receipt-icon svg { width:17px; height:17px; }
 .receipt-card__copy { gap:4px; }.receipt-card__copy b,.receipt-card__copy strong { font-size:11px; }.receipt-card__copy small { font-size:8.5px; }
 .receipt-total { top:104px; right:0; width:37%; max-width:none; }
 .receipt-total__heading { font-size:11px; }.receipt-total__sum { margin-top:10px; gap:4px; }.receipt-total__sum>small { font-size:10px; }.receipt-total__sum>strong { min-height:24px; font-size:clamp(12px,calc(140px / var(--receipt-digits,7)),21px); }
}
@media(max-width:360px) {
 .receipt-total__heading { font-size:10.5px; }.receipt-total__sum>strong { font-size:clamp(12px,calc(135px / var(--receipt-digits,7)),20px); }.receipt-card { gap:7px; padding-inline:8px; }.receipt-card .receipt-icon { width:26px; height:28px; }.receipt-card__copy b { font-size:10.5px; }
}
@media(prefers-reduced-motion:reduce) { .receipt-total { animation:none; } }
