/* Page-specific candidates; shared tokens, surface-card and check-list are retained. */
.b001-benefits-slot { width:58%; height:112px; margin:1.375rem 0 0; display:flex; align-items:center; }
.b001-benefits { width:100%; display:flex; align-items:center; gap:12px; margin:0; padding:0; list-style:none; color:var(--color-brand-green-darker); font-weight:700; }
.b001-benefits > li { margin:0; min-width:0; }
.b001-benefits img { display:block; width:28px; height:28px; object-fit:contain; flex:none; filter:brightness(0) saturate(100%) invert(31%) sepia(81%) saturate(1051%) hue-rotate(120deg) brightness(89%) contrast(101%); }
.b001-benefits strong { font-weight:900; }
/* A: two white cards with a green heading ribbon. */
.b001-benefits--cards > li { flex:1; height:104px; display:grid; grid-template-rows:32px 1fr; border-radius:var(--radius-medium,12px); overflow:hidden; }
.b001-benefits__ribbon { display:flex; align-items:center; justify-content:center; background:var(--color-brand-green-dark); color:var(--color-text-inverse); font-size:18px; line-height:1.2; letter-spacing:.06em; }
.b001-benefits__card-body { display:flex; align-items:center; justify-content:center; gap:12px; padding:8px 12px; }
.b001-benefits__card-body strong { font-size:32px; line-height:1.2; letter-spacing:.06em; }
/* B: round badges; the inset line belongs to the badge rather than a button state. */
.b001-benefits--circles { gap:16px; }
.b001-benefits--circles > li { position:relative; flex:0 0 112px; height:112px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; color:var(--color-text-inverse); background:var(--color-brand-green-dark); }
.b001-benefits--circles > li::after { content:""; position:absolute; inset:5px; border:1px solid rgba(255,255,255,.5); border-radius:inherit; pointer-events:none; }
.b001-benefits--circles img { width:23px; height:23px; margin-bottom:2px; filter:brightness(0) invert(1); }
.b001-benefits--circles span { font-size:13px; line-height:1.25; }
.b001-benefits--circles strong { font-size:25px; line-height:1.15; letter-spacing:.04em; }
/* C: a single assurance strip with the shared check-list marker. */
.b001-benefits--band { height:80px; gap:0; padding:0 14px; border:1px solid var(--color-border-default); border-left:5px solid var(--color-brand-green-dark); border-radius:var(--radius-xs,4px); background:var(--color-surface-mint); }
.b001-benefits--band > li { flex:1; position:relative; padding:0 10px 0 30px; line-height:1.3; }
.b001-benefits--band > li + li { padding-left:42px; padding-right:0; border-left:1px solid var(--color-border-strong); }
.b001-benefits--band > li::before { left:0; top:50%; transform:translateY(-50%); width:23px; height:23px; display:grid; place-items:center; border-radius:50%; background:var(--color-brand-green-dark); color:var(--color-text-inverse); font-size:15px; line-height:1; }
.b001-benefits--band > li + li::before { left:12px; }
.b001-benefits--band > li > span { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px; font-size:14px; }
.b001-benefits--band strong { font-size:23px; line-height:1.2; white-space:nowrap; }
/* D: generated raster artwork, a display mask, and editable shared-font labels. */
.b001-benefits--shields { gap:4px; }
.b001-benefits--shields > li { position:relative; flex:0 0 135.52px; height:123.2px; }
.b001-benefits--shields .b001-benefits__shield-art { position:absolute; inset:0; width:100%; height:100%; object-fit:fill; filter:none; mask:url("/assets/media/shield-silhouette-v1-7f46b04cb8.svg") center/100% 100% no-repeat; }
.b001-benefits__shield-main { position:absolute; top:42%; left:50%; transform:translate(-50%,-50%); color:var(--color-text-inverse); font-size:37.4px; line-height:1.2; letter-spacing:.02em; white-space:nowrap; text-shadow:0 1px 2px rgb(0 42 27 / 35%); }
.b001-benefits__shield-main--wide { font-size:27.5px; }
.b001-benefits__shield-ribbon { position:absolute; top:74.5%; left:50%; transform:translate(-50%,-50%); color:var(--color-brand-green-darker); font-size:14.3px; font-weight:900; line-height:1.1; white-space:nowrap; letter-spacing:.02em; }

.b001-benefits-slot:has(.b001-benefits--shields) { height:123.2px; }