/* Margin alone: give the token result time to resolve into the usage-cost benefit. */
body[data-ux-review] .ux-margin-flow *, body[data-ux-review] .ux-margin-flow *:before, body[data-ux-review] .ux-margin-flow *:after{animation-duration:10s}
.ux-margin-flow .ux-duplicate-label{top:222px;left:0}
.ux-margin-flow .ux-token-outcome.ux-margin-savings{top:254px;left:0;right:0;width:100%;text-align:center;color:#d8e7ee;animation-name:ux-margin-result-hold;animation-duration:10s}
.ux-savings-equation{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;line-height:1.2}
.ux-savings-input{display:inline-flex;align-items:baseline;gap:7px;font-size:19px;font-weight:500;letter-spacing:-.025em}
.ux-savings-input strong{font-size:31px;line-height:1.15;font-weight:750;color:#fff;text-shadow:0 0 13px #d7c3ff78,0 0 2px #fff5}
.ux-savings-cost{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:650;letter-spacing:-.035em;color:#c2f0e4;animation:ux-margin-cost-reveal 10s ease infinite;animation-play-state:paused}
.ux-savings-equals{font-size:25px;font-weight:400;color:#cfbfea;margin-right:1px}
.ux-currency-mark{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid #bfe9dfb0;border-radius:50%;background:linear-gradient(135deg,#344c5c,#172e3f);box-shadow:inset 0 1px 0 #fff5,0 0 12px #97dcca36;font-size:20px;font-weight:550;color:#e3fff5}
.ux-savings-context{display:block;margin-top:10px;font-size:12px;font-weight:400;line-height:1.45;letter-spacing:0;color:#c3bfd2}
.ux-margin-flow .ux-same-ai:before{animation-name:ux-margin-destination-hold;animation-duration:10s}
@keyframes ux-margin-result-hold{0%,56%,100%{opacity:0;transform:translateY(7px)}64%,98%{opacity:1;transform:translateY(0)}}
@keyframes ux-margin-cost-reveal{0%,71%,100%{opacity:0;transform:translateX(-7px)}79%,98%{opacity:1;transform:translateX(0)}}
@keyframes ux-margin-destination-hold{0%,63%,100%{opacity:0}73%,98%{opacity:1}}
@media(max-width:760px){.ux-margin-flow{height:350px}.ux-margin-flow .ux-duplicate-label{top:220px}.ux-margin-flow .ux-token-outcome.ux-margin-savings{top:248px}.ux-savings-equation{gap:7px 12px}.ux-savings-input{font-size:17px}.ux-savings-input strong{font-size:29px}.ux-savings-cost{font-size:18px;gap:8px}.ux-savings-context{font-size:12px;margin-top:9px}}
@media(max-width:420px){.ux-savings-equation{flex-direction:column;gap:8px}.ux-margin-flow{height:370px}}
@media(prefers-reduced-motion:reduce){.ux-margin-flow .ux-token-outcome.ux-margin-savings,.ux-margin-flow .ux-savings-cost{animation:none!important;opacity:1;transform:none}.ux-margin-flow .ux-same-ai:before{animation:none!important;opacity:0}}