/* Subtle annual surface; prices and purchase state remain static. */
.plan-card{transition:border-color .3s,box-shadow .3s}
@media(hover:hover){.plan-card:hover{border-color:#77b6aa;box-shadow:0 10px 28px #102e3a0b}}
.plan-card.annual{position:relative;isolation:isolate}
.plan-card.annual:before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 23%,#66ded024 40%,#b5eee438 50%,#66ded01a 59%,transparent 73%);background-size:300% 100%;animation:annual-surface 16s ease-in-out infinite;animation-play-state:paused}
.plan-card.plans-playing:before{animation-play-state:running}
@keyframes annual-surface{0%,15%{background-position:100% 50%}70%,100%{background-position:0% 50%}}
.plan-card.annual .annual-title>span,.plan-card.annual>button{animation-play-state:paused}
.plan-card.annual.plans-playing .annual-title>span,.plan-card.annual.plans-playing>button{animation-play-state:running}
@media(prefers-reduced-motion:reduce){
 .plan-card{transition:none}
 .plan-card.annual:before{animation:none}
}
@media(forced-colors:active){.plan-card.annual:before{display:none}}