/* Ordering reassurance on the legacy homepage, inspired by Tailwind Plus incentives. */
.homepage-benefits {
    max-width: 1440px;
    margin: 80px auto;
    padding: 0 32px;
    color: #202735;
    scroll-margin-top: 32px;
}

.homepage-benefits > h2 { margin: 0 0 48px; color: #202735; text-align: center; font-size: 36px; line-height: 1.2; font-weight: 700; letter-spacing: -.6px; text-wrap: balance; }
.homepage-benefits__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 80px; row-gap: 40px; }
.homepage-benefit { display: grid; grid-template-columns: 112px minmax(0, 1fr); column-gap: 24px; align-content: start; min-width: 0; }
.homepage-benefit__icon { display: block; width: 112px; height: 112px; grid-column: 1; grid-row: 1 / 3; }
.homepage-benefit h3 { margin: 0; padding-top: 7px; color: #202735; font-size: 25px; line-height: 1.25; font-weight: 700; letter-spacing: -.2px; }
.homepage-benefit__body { grid-column: 2; margin-top: 10px; }
.homepage-benefit:nth-child(n + 3) { padding-top: 40px; border-top: 1px solid #e4e8ec; }
.homepage-benefit__body p { margin: 0; color: #596477; font-size: 17px; line-height: 1.6; }
.homepage-benefit__body strong { color: #202735; font-weight: 700; }
.homepage-benefit__link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-top: 10px; padding: 8px 0; color: #293a60; font-size: 15px; line-height: 1.4; font-weight: 700; text-decoration: underline; text-decoration-color: #adb7c8; text-underline-offset: 4px; }
.homepage-benefit__link svg { flex: 0 0 17px; }
.homepage-benefit__link:hover { color: #293a60; text-decoration-color: currentColor; }
.homepage-benefit__link:focus-visible { outline: 3px solid #293a60; outline-offset: 4px; }

@media (max-width: 1199px) {
    .homepage-benefits__grid { column-gap: 48px; }
    .homepage-benefit { grid-template-columns: 96px minmax(0, 1fr); column-gap: 20px; }
    .homepage-benefit__icon { width: 96px; height: 96px; }
    .homepage-benefit h3 { font-size: 24px; }
}

@media (max-width: 991px) {
    .homepage-benefits { margin: 64px auto; padding: 0 24px; }
    .homepage-benefits__grid { column-gap: 32px; row-gap: 32px; }
    .homepage-benefit { grid-template-columns: 72px minmax(0, 1fr); column-gap: 16px; }
    .homepage-benefit__icon { width: 72px; height: 72px; }
    .homepage-benefit h3 { padding-top: 4px; font-size: 22px; }
    .homepage-benefit__body p { font-size: 16px; }
    .homepage-benefit:nth-child(n + 3) { padding-top: 32px; }
}

@media (max-width: 767px) {
    .homepage-benefits { margin: 48px auto; padding: 0 18px; }
    .homepage-benefits > h2 { margin-bottom: 28px; text-align: left; font-size: 32px; }
    .homepage-benefits__grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
    .homepage-benefit { grid-template-columns: 56px minmax(0, 1fr); column-gap: 16px; }
    .homepage-benefit__icon { width: 56px; height: 56px; grid-row: 1 / 3; }
    .homepage-benefit h3 { padding-top: 4px; font-size: 22px; }
    .homepage-benefit__body { grid-column: 2; margin-top: 9px; }
    .homepage-benefit + .homepage-benefit { padding-top: 26px; border-top: 1px solid #e4e8ec; }
    .homepage-benefit__link { margin-top: 8px; }
}