@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes icon-float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(5deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(-10px)rotate(-5deg)}}@keyframes progress-full{0%{width:0}to{width:100%}}@keyframes progress-short{0%{width:0}to{width:12.5%}}@keyframes fade-in-up{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pulse-slow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-float{animation:12s ease-in-out infinite float}.animate-icon-float{animation:4s ease-in-out infinite icon-float}.animate-progress-full{animation:2s ease-out forwards progress-full}.animate-progress-short{animation:.3s ease-out forwards progress-short}.animate-fade-in-up{opacity:0;animation:.3s ease-out forwards fade-in-up}.animate-pulse-slow{animation:2s ease-in-out infinite pulse-slow}@keyframes benefits-show{0%{opacity:0}}details[open]>.benefits-content{animation:.3s benefits-show}[data-benefits]:has(details[data-index="0"][open]) [data-image="0"],[data-benefits]:has(details[data-index="1"][open]) [data-image="1"],[data-benefits]:has(details[data-index="2"][open]) [data-image="2"],[data-benefits]:not(:has(details[open])) [data-image="0"]{opacity:1}
