/* Only enhance the six original benefit cards. The workflow section is untouched. */
.benefits-ribbon{position:relative;height:auto;margin:64px calc((var(--pwac-page-width,100%) - 100%)/-2) 0;width:var(--pwac-page-width,100%);margin-top:64px!important}
.benefits-ribbon .ribbon-stage{position:relative;height:440px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.ribbon-viewport{position:relative;height:100%;min-height:380px;overflow:hidden;touch-action:pan-y;cursor:grab;outline-offset:-5px;user-select:none;-webkit-user-select:none}
.ribbon-viewport.is-dragging{cursor:grabbing}
.ribbon-viewport canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ribbon-viewport .original-benefits{position:absolute;inset:0;display:block;margin:0!important;pointer-events:none}
.ribbon-viewport .original-benefit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}
.ribbon-viewport:focus-visible{outline:2px solid #713ca5;outline-offset:-4px}
@media(prefers-reduced-motion:reduce){.benefits-ribbon{height:auto;margin:30px 0;width:100%}.benefits-ribbon .ribbon-stage{height:auto;overflow:visible}.ribbon-viewport{height:auto;min-height:0;cursor:auto;overflow:visible}.ribbon-viewport canvas,.ribbon-controls,.ribbon-hint{display:none}.ribbon-viewport .original-benefits{position:relative;display:grid;inset:auto;pointer-events:auto}.ribbon-viewport .original-benefit{position:relative;top:auto;left:auto;width:auto;height:auto;opacity:1;transform:none!important}}