.ranq-benefits{container:ranq-benefits / inline-size;margin:40px 0 48px;color:#19161f}
.prose .ranq-benefits .rb-header{padding:0;margin:0 0 28px;background:none}
.prose .ranq-benefits .rb-eyebrow{margin:0 0 16px;color:#6840af;font-size:.75rem;line-height:1.5;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.prose .ranq-benefits h2{margin:0 0 16px;color:#19161f;font-size:clamp(2rem,5.7cqw,3.75rem);line-height:1.06;letter-spacing:-.045em;max-width:900px;text-wrap:balance;scroll-margin-top:120px}
.prose .ranq-benefits h2>span{color:#6840af}
.prose .ranq-benefits .rb-intro{margin:0;color:#5a5264;font-size:clamp(1rem,2.1cqw,1.25rem);line-height:1.55;max-width:760px}
.prose .ranq-benefits .rb-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0}
.prose .ranq-benefits .rb-card{--rb-bg:#fff;--rb-text:#19161f;--rb-body:#51495a;--rb-icon-bg:#eee7f6;--rb-icon-color:#6840af;display:flex;flex-direction:column;align-items:flex-start;min-width:0;margin:0;padding:26px 24px 28px;border:1px solid #dcd4e5;border-radius:18px;background:var(--rb-bg);color:var(--rb-text)}
.prose .ranq-benefits .rb-card:nth-child(6n+1){--rb-bg:#19161f;--rb-text:#fff;--rb-body:#ebe6f1;--rb-icon-bg:#302a3b;--rb-icon-color:#dcff43;border-color:#19161f}
.prose .ranq-benefits .rb-card:nth-child(6n+2),.prose .ranq-benefits .rb-card:nth-child(6n+6){--rb-bg:#eee7f6;--rb-icon-bg:#e4d9f1}
.prose .ranq-benefits .rb-card:nth-child(6n+5){--rb-bg:#6840af;--rb-text:#fff;--rb-body:#f5efff;--rb-icon-bg:#7c57b8;--rb-icon-color:#fff;border-color:#6840af}
.ranq-benefits .rb-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;margin:0 0 24px;border-radius:13px;background:var(--rb-icon-bg);color:var(--rb-icon-color)}
.ranq-benefits .rb-icon svg{display:block;width:28px;height:28px}
.prose .ranq-benefits .rb-card h3{margin:0 0 12px;padding:0;color:var(--rb-text);font-size:clamp(1.25rem,2.6cqw,1.6rem);font-weight:650;line-height:1.15;letter-spacing:-.035em;text-wrap:balance}
.prose .ranq-benefits .rb-card p{margin:0;padding:0;color:var(--rb-body);font-size:1rem;line-height:1.6;overflow-wrap:break-word}
.ranq-benefits .rb-action{display:flex;justify-content:center;margin:24px 0 0}
.prose .ranq-benefits .rb-action .button{background:#dcff43;color:#19161f;border:1px solid transparent;text-decoration:none;font-size:1rem;line-height:1.4}
.prose .ranq-benefits .rb-action .button:hover{background:#ccec3a}
.ranq-benefits .rb-action .button:focus-visible{outline:3px solid #6840af;outline-offset:5px}
@container ranq-benefits (max-width:740px){.prose .ranq-benefits .rb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prose .ranq-benefits .rb-grid-three .rb-card:last-child{grid-column:1 / -1}.prose .ranq-benefits .rb-card{padding:24px}.prose .ranq-benefits .rb-card h3{font-size:1.35rem}}
@container ranq-benefits (max-width:480px){.prose .ranq-benefits .rb-grid{grid-template-columns:1fr;gap:12px}.prose .ranq-benefits .rb-grid-three .rb-card:last-child{grid-column:auto}.prose .ranq-benefits h2{font-size:2rem}.prose .ranq-benefits .rb-card{padding:24px}.ranq-benefits .rb-icon{margin-bottom:20px}.prose .ranq-benefits .rb-card h3{font-size:1.5rem}.ranq-benefits .rb-action .button{width:100%;justify-content:space-between}.prose .ranq-benefits .rb-header{margin-bottom:24px}}
@media(forced-colors:active){.prose .ranq-benefits .rb-card,.ranq-benefits .rb-icon,.ranq-benefits .rb-action .button{border:1px solid CanvasText}.ranq-benefits .rb-icon{color:CanvasText}}