.approval-workflows-page .aw-hero-title{max-width:430px}.approval-workflows-page .aw-hero-description{font-family:Nunito Sans,sans-serif;font-size:16px;font-weight:500;line-height:160%}.approval-workflows-page .aw-primary-button{border-radius:8px!important;background:#0056A3!important}.aw-mockup-container{position:relative;width:500px;max-width:100%;display:flex;align-items:center;justify-content:center}.aw-mockup-wrapper{position:relative;width:100%;max-width:500px;aspect-ratio:50 / 47;margin:0 auto;transition:transform .3s ease}.aw-mockup-wrapper:hover{transform:scale(1.015)}.aw-mockup-card{position:absolute;top:38px;right:0;bottom:0;left:54px;z-index:0;border-radius:14px;background:linear-gradient(180deg,rgba(226,240,248,.9) 0%,rgba(0,46,85,.9) 82%);box-shadow:0 1px 10px #0000001a,0 4px 4px #00000040}.aw-hero-img{position:absolute;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.16));opacity:1;animation:aw-layer-in .95s cubic-bezier(.22,1,.36,1) backwards;transition:transform .3s ease,filter .3s ease;will-change:opacity,transform}.aw-mockup-wrapper:hover .aw-hero-img{filter:drop-shadow(0 13px 18px rgba(0,0,0,.2))}.aw-hero-step-summary{top:18px;left:30px;width:88%;z-index:4}.aw-hero-workflow-basics{top:92px;left:60%;width:31%;z-index:7}.aw-hero-step-detail{top:205px;left:6px;width:64%;z-index:6}.aw-mockup-wrapper:hover .aw-hero-step-summary{transform:translate(-4px,-3px) scale(1.015)}.aw-mockup-wrapper:hover .aw-hero-workflow-basics{transform:translate(5px,-3px) scale(1.02)}.aw-mockup-wrapper:hover .aw-hero-step-detail{transform:translate(-3px,4px) scale(1.015)}@keyframes aw-layer-in{0%{opacity:0;transform:translate3d(0,16px,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}@media (max-width: 640px){.aw-mockup-wrapper{max-width:360px}.aw-mockup-card{top:27px;left:37px}.aw-hero-step-summary{top:13px;left:22px}.aw-hero-workflow-basics{top:66px}.aw-hero-step-detail{top:148px;left:4px}}
