.EngagementFeatureGridSection{background-color:#141414;width:100%;.container{display:flex;flex-direction:column;gap:80px;margin:0 auto;max-width:1439px;padding:150px 32px;width:100%;.top-content{align-items:flex-end;display:flex;width:100%;.left-content{display:flex;flex-direction:column;gap:40px;width:67%;.section-tagline{align-items:center;display:flex;gap:16px;width:100%;.icon{display:flex;width:16px}.text{color:#fff;font-family:IBM Plex Mono;font-size:16px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase}}.section-title{color:#fff;font-family:Manrope;font-size:40px;font-style:normal;font-weight:550;letter-spacing:-1.2px;line-height:110%;max-width:676px}}}.benefit-card{display:flex;gap:24px;width:100%;.card{display:flex;flex-direction:column;width:50%;.tagline{align-items:center;align-self:flex-start;background:rgba(56,185,94,.1);border-radius:4px;display:inline-flex;margin-bottom:8px;padding:4px 8px;.text{color:#38b95e;font-family:IBM Plex Mono;font-size:18px;font-style:normal;font-weight:500;line-height:130%;text-transform:uppercase}}.illustration{width:100%;+.content{margin-top:32px}img{width:100%}}.content{display:flex;flex-direction:column;gap:16px;.card-title{border-bottom:1px solid hsla(0,0%,100%,.2);border-top:1px solid hsla(0,0%,100%,.2);color:#fff;font-size:24px;font-weight:600;letter-spacing:-.24px;line-height:140%;padding:16px 0}.card-title,.desc{font-family:Manrope;font-style:normal}.desc{color:#c2c2c2;font-size:14px;font-weight:400;line-height:160%;max-width:85%}}}}}&.white{background-color:#fff;.container{.top-content .left-content .section-tagline .text,.top-content .left-content .section-title{color:#141414}.benefit-card .card{.tagline .text{color:#141414}.content{.card-title{border-color:#646e82;color:#141414}.desc{color:#292929;max-width:560px}}}}}@media screen and (max-width:600px){.container{flex-direction:column;gap:48px;padding:80px 16px;.top-content{flex-direction:column;gap:40px;width:100%;.left-content{gap:24px;width:100%;.section-title{font-size:32px;max-width:none}}}.benefit-card{flex-direction:column;gap:48px;.card{width:100%;.content{.card-title{font-size:20px}}}}}}@media screen and (min-width:600px) and (max-width:1200px){.container{flex-direction:column;gap:56px;padding:100px 24px;.top-content{flex-direction:column;gap:24px;width:100%;.left-content{width:100%;.section-title{font-size:36px;max-width:600px}}}.benefit-card{gap:24px;.card{.illustration{+.content{margin-top:16px}}.content{.card-title{font-size:20px}}}}}}}