/* v1.5: compact benefit icons and annual-plan highlights. */
.price-card.featured .saving{overflow:hidden;isolation:isolate}
.price-card.featured .saving::after{content:'';position:absolute;inset-block:-90%;width:24%;left:-50%;pointer-events:none;background:linear-gradient(90deg,transparent,#fff1d54d,transparent);transform:skewX(-22deg);animation:annual-light-sweep 9s cubic-bezier(.45,0,.3,1) infinite;z-index:1}
button[data-buy=annual].sweep-replay::after,.price-card.featured .saving.sweep-replay::after{animation:annual-hover-sweep 2.8s cubic-bezier(.45,0,.3,1) both}
@keyframes annual-hover-sweep{0%{left:-50%;opacity:0}10%{opacity:1}90%{left:125%;opacity:1}100%{left:125%;opacity:0}}
.receive-grid .benefit-icon{width:28px;height:28px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefit-icon .scissor-arm{transform-origin:12px 12px;animation:benefit-scissor-a 3.6s cubic-bezier(.45,0,.25,1) infinite}
.benefit-icon .scissor-arm.lower{animation-name:benefit-scissor-b}
.benefit-icon .scissor-pin{fill:currentColor;stroke:none}
@keyframes benefit-scissor-a{0%,15%,85%,100%{transform:rotate(-13deg)}38%,60%{transform:rotate(22deg)}}
@keyframes benefit-scissor-b{0%,15%,85%,100%{transform:rotate(13deg)}38%,60%{transform:rotate(-22deg)}}
.benefit-icon .writing-line{stroke-dasharray:100;stroke-dashoffset:100;animation:benefit-write 5s cubic-bezier(.45,0,.25,1) infinite both}
.benefit-icon .writing-line:nth-of-type(2){animation-delay:.4s}.benefit-icon .writing-line:nth-of-type(3){animation-delay:.8s}
@keyframes benefit-write{0%,8%{stroke-dashoffset:100;opacity:1}26%,68%{stroke-dashoffset:0;opacity:1}80%,100%{stroke-dashoffset:0;opacity:0}}
.benefit-icon .letter-glyph{fill:currentColor;stroke:none;font:700 14px Arial,sans-serif;text-anchor:middle;animation:benefit-letter-cycle 8.35s linear infinite}
@keyframes benefit-letter-cycle{0%,94.011976%{opacity:1}100%{opacity:0}}
.benefit-icon .folder-flap{transform-origin:12px 20px;animation:benefit-folder-open 6s cubic-bezier(.45,0,.25,1) infinite;fill:#f6f3ed}
.benefit-icon .incoming-file{fill:#f6f3ed;animation:benefit-file-in 6s cubic-bezier(.45,0,.25,1) infinite both}
.benefit-icon .incoming-file.second{animation-delay:.65s}
@keyframes benefit-folder-open{0%,12%,85%,100%{transform:skewX(0deg) scaleY(1)}27%,67%{transform:skewX(-17deg) scaleY(.66)}}
@keyframes benefit-file-in{0%,16%{transform:translate(7px,-8px) rotate(12deg);opacity:0}24%{transform:translate(7px,-8px) rotate(12deg);opacity:1}52%{transform:translate(-1px,7px) rotate(0deg);opacity:1}58%,100%{transform:translate(-1px,7px);opacity:0}}
.receive-grid:not(.benefits-visible) .benefit-icon *,.animations-paused .benefit-icon *,.page-hidden .benefit-icon *,.animations-paused .saving::after,.page-hidden .saving::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.benefit-icon *,.price-card.featured .saving::after,button[data-buy=annual].sweep-replay::after{animation:none!important;transition:none!important}.benefit-icon .writing-line{stroke-dashoffset:0;opacity:1}.benefit-icon .incoming-file{display:none}.price-card.featured .saving::after{display:none}}