.card-container{container:card-container / inline-size;.wpb-card{height:100%}}.wpb-card{--br:.8rem;--p:1.8rem;--border:1px solid var(--clr-border);--bg-clr:#fff;border-radius:var(--br);border:var(--border);background-color:var(--bg-clr);display:flex;flex-direction:column;position:relative;text-decoration:none;a{text-decoration:none}.wpb-card__header{display:flex;overflow:hidden;img{width:100%;height:auto}&.wpb-card__header--ratio{--ratio:75%;position:relative;overflow:hidden;z-index:1;&::before{content:'';display:block;width:100%;padding-top:var(--ratio)}>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}}&.wpb-card__header--scale{overflow:hidden;img{transition:transform var(--ts-35) ease}}&.wpb-card__header--absolute{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;border-radius:var(--br);overflow:hidden;img{width:100%;height:100%;object-fit:cover}&::after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff0 33.33%,rgb(0 0 0 / .8) 100%)}}}.wpb-card__body{padding:var(--p);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.wpb-card__footer{padding:var(--p);padding-top:0}.wpb-card__image{--br:.4rem;border-radius:var(--br);overflow:hidden;img{width:100%;height:100%;object-fit:cover}}>*:first-child{border-top-left-radius:var(--br);border-top-right-radius:var(--br);img{border-top-left-radius:var(--br);border-top-right-radius:var(--br)}}>*:last-child{border-bottom-left-radius:var(--br);border-bottom-right-radius:var(--br)}.card-excerpt{--excerpt-line-clamp:2;display:-webkit-box;-webkit-line-clamp:var(--excerpt-line-clamp);-webkit-box-orient:vertical;overflow:hidden}.card-icon{--icon-size:3.2rem;--icon-bg-clr:rgb(var(--clr-primary-rgb), .08);--icon-clr:var(--clr-primary);display:inline-grid;place-items:center;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);min-height:var(--icon-size);background-color:var(--icon-bg-clr);color:var(--icon-clr);border-radius:50%}.card-text{--mt:.8em;--fs:1.4rem;--fs-h2:clamp(2.4rem, 2.8vw, 3.8rem);--fs-h3:clamp(2rem, 2.2vw, 3rem);&>*+*{margin-top:var(--mt)}p{font-size:var(--fs)}.badge+*{--mt:1.2rem}}.card-usps{--fs:clamp(1.5rem, 1.6vw, 1.8rem);--icon-clr:rgb(var(--clr-dark-rgb), .33);--icon-fs:1.3rem;list-style:none;padding-left:0;display:flex;flex-direction:column;gap:1.2rem;li{display:flex;gap:.8rem;i{font-size:var(--icon-fs);color:var(--icon-clr);margin-top:.4em;&.fa-check{color:var(--clr-success)}}p{font-size:var(--fs);color:var(--clr-text);line-height:1.2}}}&:hover .wpb-card__header--scale{img{transform:scale(1.1)}}&:has(.wpb-card__header--absolute){z-index:1;color:#fff;border:none;min-height:19.5rem;justify-content:end;.wpb-card__body{flex-grow:0}.card-title{color:#fff}}&.wpb-card--blurb{--bg-clr:transparent;--p:2rem;.wpb-bg-clr--light &{--border:none;--bg-clr:#FFFF}.wpb-card__body{.card-icon{margin-bottom:1rem}&:has(+.wpb-card__footer .btn--link){padding-bottom:1rem}&:has(+.wpb-card__footer .btn--primary){padding-bottom:1.8rem}}&:has(.btn--ghost){.wpb-card__image img{transition:transform var(--ts-duration) ease}&:hover{.wpb-card__image img{transform:scale(1.1)}}}&.wpb-card--blurb--featured{--bg-clr:var(--clr-dark);--p:1.8rem;.wpb-card__header{position:relative;margin-bottom:-6.7rem;&::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,var(--bg-clr) 5%,transparent 60%)}}.wpb-card__body{z-index:2;padding-top:0;flex:0;margin-top:auto;.card-icon{--icon-size:clamp(4rem, 5vw, 6rem);--icon-bg-clr:#FFFF;font-size:clamp(1.8rem, 2vw, 2.4rem)}.card-text{--clr-contrast:#FFFF;--fs:clamp(1.4rme, 1.5vw, 1.6rem);*:not(.badge){color:var(--clr-contrast)}}}.wpb-card__footer .btn .fa-arrow-right{transition:transform var(--ts-duration) ease}&:hover{.wpb-card__footer .btn .fa-arrow-right{transform:rotate(-45deg)}}}}&.wpb-card--review{--bg-clr:var(--clr-light);--border:none;.wpb-bg-clr--light &{--bg-clr:#FFFF}.wpb-card__header{padding:var(--p);padding-bottom:1.6rem;&+.wpb-card__body{padding-top:0}}.wpb-card__body{.card-title{color:var(--clr-heading);line-height:1.3;&::before,&::after{font-size:var(--fs);line-height:0}&::before{content:'\201C';margin-left:calc(-1 * var(--fs) / 2.5)}&::after{content:'\201D'}}.card-excerpt{--excerpt-line-clamp:6;margin-top:1rem}}}&.wpb-card--compare{--border:none;&.wpb-card--compare--pros{--bg-clr:var(--clr-light);.wpb-bg-clr--light &{--bg-clr:#FFFF}}&.wpb-card--compare--cons{--bg-clr:transparent}.wpb-card__body{.card-title{--fs:clamp(2.4rem, 3.2vw, 4rem);font-size:var(--fs);margin-bottom:2.4rem}.btn-group{margin-top:2.4rem}}}&.wpb-card--shortcode{--br:.6rem}&.wpb-card--team{--p:1.6rem;border:none;.wpb-card__header{position:relative;background-color:var(--clr-light);border-radius:.6rem;overflow:hidden;.btn{position:absolute;top:1.8rem;right:1.8rem;z-index:2}}.wpb-card__body{padding:var(--p) 0 0 0;.card-title{font-size:2rem;font-family:var(--font-secondary);display:block;width:100%}.job-description{font-size:1.2rem;display:block}}}&.wpb-card--newsletter{--bg-clr:var(--clr-light);.wpb-card__body{.wpb-text{--fs-h2:clamp(2rem, 2.6vw, 3.2rem);padding-bottom:1.8rem}.gform_validation_errors{padding:0;border-radius:0;background-color:#fff0;color:var(--clr-danger);margin-bottom:1.8rem;h2{display:inline;line-height:1.2}}form{--input-height:4.8rem;position:relative;.gfield.gfield--type-email{.gfield_label{display:none}input[type="email"]{--input-mh:var(--input-height);min-height:var(--input-height);height:var(--input-height)}}button[type="submit"]{--p:0;position:absolute;top:0;right:0;min-height:var(--input-height);height:var(--input-height);width:var(--input-height);border-top-left-radius:0;border-bottom-left-radius:0;.btn__text{display:none}}.form-privacy-notice{text-align:start;a{display:inline}}}}}}@container card-container (min-width:30rem){.wpb-card{&.wpb-card--blurb{--p:3.2rem 4.8rem}&.wpb-card--newsletter{--p:3.2rem}}}@container card-container (min-width:34rem){.wpb-card{&.wpb-card--review{--p:4.8rem}&.wpb-card--newsletter{--p:4.8rem}}}@container card-container (min-width:46rem){.wpb-card{&.wpb-card--blurb{--p:3.2rem 4.8rem;&.wpb-card--blurb--featured{--p:4.8rem}}&.wpb-card--compare{--p:4.8rem}&.wpb-card--shortcode{--p:4.8rem}}}@container card-container (min-width:52rem){.wpb-card{&.wpb-card--blurb.wpb-card--blurb--featured{--p:6rem}}}