/* Brand Benefits and Trust */

.hb-benefits { margin: 0; padding: 0; list-style: none; display: grid; gap: clamp(20px, 3vw, 40px); }
.hb-benefit { margin: 0; min-width: 0; }
.hb-benefit__link { display: flex; gap: 16px; color: inherit; text-decoration: none; }
.hb-benefit { display: flex; gap: 16px; align-items: flex-start; }
.hb-benefit__link { flex: 1; align-items: flex-start; }

.hb-benefit__icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; font-size: 1.6rem; line-height: 1; color: var(--hb-sec-text, var(--_accent)); }
.hb-benefit__img { width: 44px; height: 44px; object-fit: contain; }
.hb-benefit__text { display: block; min-width: 0; }
.hb-benefit__title { margin: 0 0 .25rem; font-size: 1rem; font-weight: 600; line-height: 1.3; letter-spacing: .01em; }
.hb-benefit__desc { display: block; font-size: .9rem; line-height: 1.55; color: var(--_muted); }
.hb-benefit__link:hover .hb-benefit__title { text-decoration: underline; text-underline-offset: 4px; }

/* Horizontal strip: one row on desktop, hairline dividers */
.hb-benefits--strip { grid-template-columns: 1fr; }
@media (min-width: 700px) { .hb-benefits--strip { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) {
    .hb-benefits--strip { grid-template-columns: repeat(var(--hb-n, 4), 1fr); gap: 0; }
    .hb-benefits--strip .hb-benefit { padding-inline: clamp(16px, 2.4vw, 36px); border-left: 1px solid var(--_line); }
    .hb-benefits--strip .hb-benefit:first-child { padding-left: 0; border-left: 0; }
}

/* Compact grid */
.hb-benefits--grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.hb-benefits--grid .hb-benefit { flex-direction: column; gap: 12px; padding: clamp(18px, 2.2vw, 28px); border: 1px solid var(--_line); border-radius: var(--hb-radius, 4px); }
.hb-benefits--grid .hb-benefit__link { flex-direction: column; gap: 12px; }

/* Stacked list */
.hb-benefits--stacked { max-width: 640px; margin-inline: auto; gap: 0; }
.hb-benefits--stacked .hb-benefit { padding-block: 20px; border-bottom: 1px solid var(--_line); }
.hb-benefits--stacked .hb-benefit:first-child { border-top: 1px solid var(--_line); }