:root{--white:#fff;--lapis:#5853e5;--emerald:#39d884;--lilac:#ac7bf2;--grey:#f5f5fa;--navy:#131542;--lapis-grad:linear-gradient(135deg,#5853e5,#ac7bf2);--pd2:2rem;--pd3:3rem}body{background:var(--white);color:var(--navy);font-family:Roboto,Arial,Helvetica,sans-serif;height:100vw}.grid{display:grid;gap:1.5vw;grid-template-areas:"left-col left-col center-bottom center-bottom right-bottom right-bottom" "left-col left-col center-bottom center-bottom right-bottom right-bottom" "left-col left-col center-bottom center-bottom right-bottom right-bottom" "top-row top-row center-bottom center-bottom right-bottom right-bottom";grid-template-columns:repeat(6,1fr);grid-template-rows:auto;height:auto;margin:30px auto;max-width:1240px;padding:1vw;width:100%}.grid .item{background:var(--grey);border-radius:2rem;overflow:visible;padding:var(--pd2) 2.5rem;position:relative;transition:all .2s linear}.grid .item>a>div{color:#131542;font-weight:400;margin:0 0 1.4rem}.grid .item:hover{background:#eeeef6;transform:scale(1.05);z-index:3}.grid .item:first-child{clip-path:border-box;grid-area:left-col}.grid .item:first-child img{position:relative;scale:1.5;top:2rem}#reward-pass{rotate:-20deg;z-index:5}#recognition-pass{rotate:10deg;z-index:4}#loyalty-pass{rotate:23deg;z-index:3}#incentive-pass{rotate:36deg;z-index:2}.grid .item:nth-child(2){clip-path:border-box;grid-area:top-row}.grid .item:nth-child(2) img{position:absolute;right:-48px;rotate:-30deg;top:-53px;z-index:-1}.grid .item:nth-child(3){clip-path:border-box;grid-area:center-bottom}.grid .item:nth-child(3) img{max-width:480px!important;position:relative;top:.25rem}.grid .item:nth-child(4){grid-area:right-bottom}.grid .item:nth-child(4) img{border-radius:1.1rem;box-shadow:-5px 5px 10px rgba(0,0,0,.2);position:absolute;top:53%}.grid .item h3{color:var(--lapis)}.divider,.split img{width:42%}.fine-text{font-weight:200}.grid .item:nth-child(2) ul{margin:0}@media screen and (max-width:1024px){.grid{grid-template-areas:"left-col left-col center-bottom center-bottom" "left-col left-col center-bottom center-bottom" "left-col left-col center-bottom center-bottom" "top-row top-row right-bottom right-bottom" "top-row top-row right-bottom right-bottom" "top-row top-row right-bottom right-bottom";grid-template-columns:repeat(4,1fr)}.divider,.split img{width:40%}.grid .item:first-child img{bottom:25%;left:15px;width:90%}.grid .item:nth-child(2) img{right:-48px;top:-60px}.grid .item:nth-child(3) img{bottom:-130px;max-width:80%;right:0}.grid .item:nth-child(4) img{border-radius:.5rem;right:0;top:95%;width:50%}}@media screen and (max-width:768px){.grid{grid-template-areas:"left-col left-col left-col" "left-col left-col left-col" "top-row top-row top-row" "top-row top-row top-row" "center-bottom center-bottom center-bottom" "center-bottom center-bottom center-bottom" "right-bottom right-bottom right-bottom" "right-bottom right-bottom right-bottom";grid-template-columns:repeat(3,1fr)}.grid .item:first-child{aspect-ratio:1.2/1}.grid .item:first-child img{border-radius:.6rem;bottom:15%;left:25%;width:33%}}@media screen and (max-width:480px){.grid{gap:8vw}.grid .item:first-child{aspect-ratio:1/1.2}.grid .item:first-child img{left:20px;width:90%}.grid .item:nth-child(2) img{right:-40px}.split img{width:40%}.grid .item:nth-child(3) img{max-width:73vw!important;position:relative;right:0;top:.5rem}.grid .item:nth-child(4) img{border-radius:.5rem;top:90%;width:40%}}