/* =========================================================================
   .rp-bento — feature-pill grid ("Features That Make Working Together Simple").
   GENERIC, self-contained, block-scoped. Reusable on Contractors / Local Payroll.
   Extracted from wp_block #7324's inline <style> (was `.rp-corfeat`, CSS-in-DB).
   Navy full-bleed band, white pill cards (6→3→2 cols), coloured circular icons.
   Figma 16303:97524.
   ========================================================================= */
.rp-bento { background: #021143; padding: 80px 24px; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.rp-bento__inner { max-width: 1200px; margin: 0 auto; }
.rp-bento__h { text-align: center; color: #fff; font-family: Mulish, -apple-system, sans-serif; font-size: 36px; line-height: 1.25; font-weight: 700; margin: 0 0 56px; }
.rp-bento__h .hl { color: #FFC83A; }
.rp-bento__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; align-items: stretch; }
.rp-bento__card { background: #fff; border-radius: 90px; padding: 40px 20px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.rp-bento__icon { width: 64px; height: 64px; margin-bottom: 20px; display: block; object-fit: contain; }
.rp-bento__card h3 { font-family: Mulish, -apple-system, sans-serif; font-size: 16px; font-weight: 700; color: #021143; margin: 0 0 10px; }
.rp-bento__card p { font-family: Mulish, -apple-system, sans-serif; font-size: 13px; line-height: 1.5; color: #5A6378; margin: 0; }
@media (max-width: 1100px) { .rp-bento__grid { grid-template-columns: repeat(3, 1fr); } .rp-bento__card { border-radius: 60px; } }
@media (max-width: 680px) { .rp-bento__grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } .rp-bento__card { border-radius: 48px; padding: 30px 16px; } .rp-bento__h { font-size: 26px; margin-bottom: 36px; } }