/* Benefits section: six cards using the agreed palette and copy from the supplied reference. */
.benefits-section{background:#fff;color:#24252A}
.benefits-section .container{width:min(1280px,calc(100% - 64px))}
.benefits-section .section-heading{margin-bottom:46px}
.benefits-section .kicker{color:#F9392A}
.benefits-section h2{margin:0;color:#24252A;font-weight:600}
.benefits-section .benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.benefits-section .benefit{min-height:224px;display:flex;flex-direction:column;gap:21px;padding:30px 32px;border:0;border-radius:30px;background:#F4F4F6;color:#24252A}
.benefits-section .benefit-symbol{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;margin:0;border-radius:50%;background:#F9392A;color:#fff;font-size:27px;font-weight:400;line-height:1}
.benefits-section .benefit h3{margin:0 0 12px;color:#24252A;font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.035em}
.benefits-section .benefit p{margin:0;color:#5A5D66;font-size:16px;font-weight:400;line-height:1.5}
@media(max-width:1100px){.benefits-section .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.benefits-section .container{width:min(100% - 32px,580px)}.benefits-section .section-heading{margin-bottom:32px}.benefits-section .benefit{min-height:210px;padding:24px;border-radius:24px}.benefits-section .benefit h3{font-size:19px}.benefits-section .benefit p{font-size:14px}}
@media(max-width:620px){.benefits-section .benefits-grid{grid-template-columns:1fr}.benefits-section .benefit{min-height:0;gap:18px}.benefits-section .benefit-symbol{width:46px;height:46px;flex-basis:46px;font-size:24px}}