@keyframes initialFadeInAnimation{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.workflow-section .workflow-title-container{opacity:0;animation:.5s cubic-bezier(.455,.03,.515,.955) .6s forwards initialFadeInAnimation}.workflow-section .workflow-benefits{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.workflow-section .workflow-benefits{grid-template-columns:repeat(3,1fr)}}.workflow-section .workflow-benefits .benefit{border:1px solid rgba(var(--color-white),.25);border-radius:.5rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:relative}.workflow-section .workflow-benefits .benefit .icon-wrapper{width:2rem;height:2rem}.workflow-section .workflow-benefits .benefit:before{content:"";border-radius:inherit;background:linear-gradient(180deg,rgba(var(--color-turquoise),0)0%,rgba(var(--color-turquoise),.1)100%),rgba(var(--color-white),.1);z-index:-1;position:absolute;inset:0}.workflow-section .workflow-benefits .benefit:after{content:"";border-radius:inherit;mix-blend-mode:soft-light;z-index:-1;background:url(/images/grain.png) 50%;position:absolute;inset:0}.workflow-section .workflow-benefits .benefit__title{font-size:1.25rem;font-weight:700}
