section.saas-resource-cards-homepage{background:#f5f5fa;padding:96px 0}@media (max-width:768px){section.saas-resource-cards-homepage{padding:64px 16px}}section.saas-resource-cards-homepage .wrapper{float:none;margin-left:auto;margin-right:auto;max-width:1240px;padding-left:20px;padding-right:20px}section.saas-resource-cards-homepage .wrapper .cards-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:100px}@media (max-width:768px){section.saas-resource-cards-homepage .wrapper .cards-row{flex-direction:column}}section.saas-resource-cards-homepage .wrapper h3{color:#000}section.saas-resource-cards-homepage .wrapper .card-link{color:inherit;cursor:pointer;display:flex;flex-basis:calc(33.333% - 40px);flex-grow:1;flex-shrink:0;text-decoration:none}section.saas-resource-cards-homepage .wrapper div.card{border-radius:0;display:flex;flex:1;flex-direction:column;margin:0;padding:0;position:relative;top:0;transition:.2s ease-in-out}@media (max-width:768px){section.saas-resource-cards-homepage .wrapper .card-link{margin:0 0 30px;width:100%}}section.saas-resource-cards-homepage .wrapper div.card div.image{align-items:center;display:flex;margin-bottom:16px;min-height:100px}section.saas-resource-cards-homepage .wrapper div.card div.image.filled{background-position:50%;background-repeat:no-repeat;background-size:contain;border-bottom:1px solid #f0f0f0;border-radius:4px 4px 0 0;min-height:213px;overflow:hidden;position:relative;width:100%}section.saas-resource-cards-homepage .wrapper div.card div.image.filled .gradient-overlay{background:linear-gradient(0deg,rgba(93,19,250,0) .06%,rgba(93,19,250,.15));bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out}section.saas-resource-cards-homepage .wrapper .card-link:hover div.image.filled .gradient-overlay{opacity:1}section.saas-resource-cards-homepage .wrapper div.card div.image a{background-color:transparent;box-shadow:none;display:block;margin:0 auto}section.saas-resource-cards-homepage .wrapper div.card:hover .image img{background:linear-gradient(0deg,rgba(93,19,250,0) .06%,rgba(93,19,250,.15)),url() #d3d3d3 50% /cover no-repeat}section.saas-resource-cards-homepage .wrapper .card-link:hover .content .teaser,section.saas-resource-cards-homepage .wrapper .card-link:hover .content .title,section.saas-resource-cards-homepage .wrapper .card-link:hover .content .type{color:#5d13fa}section.saas-resource-cards-homepage .wrapper div.card div.image a:hover{background-color:transparent}section.saas-resource-cards-homepage .wrapper div.card div.image img{display:block;margin:0 auto}section.saas-resource-cards-homepage .wrapper div.card div.image img.left{margin:30px auto 0 30px}section.saas-resource-cards-homepage .wrapper div.card div.content{align-items:flex-start;border-top:1px solid #1c1c28;display:flex;flex-direction:column;gap:16px;height:100%;padding:16px}@media (max-width:1024px){section.saas-resource-cards-homepage .wrapper div.card div.content{padding:20px}}@media (max-width:768px){section.saas-resource-cards-homepage .wrapper div.card div.content{margin-bottom:50px}}section.saas-resource-cards-homepage .wrapper div.card div.content .link2{align-items:center;display:flex;display:inline-flex;margin-bottom:10px;transition:color .25s ease}section.saas-resource-cards-homepage .wrapper div.card div.content .link2:after{content:"→";display:inline-block;margin-left:8px;opacity:.85;transition:transform .25s ease,margin-left .25s ease,opacity .25s ease}section.saas-resource-cards-homepage .wrapper div.card div.content .link2:hover:after{margin-left:12px;opacity:1;transform:translateX(4px)}section.saas-resource-cards-homepage .wrapper div.card div.content span.type{color:var(--OnRamp-Primary-Midnight-Purple,#2a0c6e);font-family:IBM Plex Mono;font-size:14px;font-style:normal;font-weight:400;letter-spacing:1.4px;line-height:21px;text-transform:uppercase}section.saas-resource-cards-homepage .wrapper div.card div.content .title{color:#1c1c28;font-family:DM Sans;font-size:20px;font-style:normal;font-weight:500;letter-spacing:-.4px;line-height:28px;margin:0;text-align:left}section.saas-resource-cards-homepage .wrapper div.card div.content .teaser{color:#1c1c28;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:400;letter-spacing:-.32px;line-height:24px}section.saas-resource-cards-homepage .wrapper div.card div.content span.cta,section.saas-resource-cards-homepage .wrapper div.card div.content span.url{margin-top:auto}section.saas-resource-cards-homepage .wrapper.two div.card{flex-basis:calc(50% - 40px)}section.saas-resource-cards-homepage .wrapper.three div.card{flex-basis:calc(33.333% - 40px)}section.saas-resource-cards-homepage .wrapper.four div.card{flex-basis:calc(25% - 40px)}section.saas-resource-cards-homepage .wrapper .heading-cta-wrapper{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:64px}@media (max-width:768px){section.saas-resource-cards-homepage .wrapper .heading-cta-wrapper{flex-direction:column;gap:16px}}section.saas-resource-cards-homepage .wrapper .heading-cta-wrapper a.url{background:transparent;border:1px solid var(--OnRamp-Primary-Soft-Black,#1c1c28);border-radius:4px;color:var(--OnRamp-Primary-Soft-Black,#1c1c28);font-family:IBM Plex Mono;font-size:16px;font-style:normal;font-weight:500;letter-spacing:1.6px;line-height:16px;padding:16px 20px;text-align:center;text-transform:uppercase}section.saas-resource-cards-homepage .wrapper .heading-cta-wrapper a.url:hover{border:1px solid #606069;color:#606069!important}section.saas-resource-cards-homepage .wrapper .heading-cta-wrapper .btn-primary-dark{padding:10px 20px}section.saas-resource-cards-homepage .wrapper .heading-cta-wrapper h3{color:#1c1c28;font-family:DM Sans;font-size:36px;font-style:normal;font-weight:500;letter-spacing:-.72px;line-height:44px;margin-bottom:0;max-width:652px}@media (max-width:768px){section.saas-resource-cards-homepage .wrapper .heading-cta-wrapper h3{font-size:26px;font-style:normal;font-weight:500;letter-spacing:-.52px;line-height:34px}}section.saas-resource-cards-homepage .anchor-nav{align-items:center;display:flex;flex-wrap:wrap;float:none;justify-content:center;margin-left:auto;margin-right:auto;margin-top:50px;max-width:1240px;padding-left:20px;padding-right:20px;text-align:center}section.saas-resource-cards-homepage .anchor-nav a{color:#fff;margin:0 10px;text-transform:capitalize}