
.beneficii { background: #f5f0e6; color: #1a1a1a; padding: var(--section, 4rem) 0; }
.beneficii .section-head { margin-bottom: var(--s6, 2rem); }
.beneficii h2 { color: #1a1a1a; }
.beneficii .section-lead { color: var(--muted-ink, #55635b); }

.ben-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s4, 1rem); grid-template-columns: 1fr; }
@media (min-width: 36rem) { .ben-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64rem) { .ben-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s5, 1.5rem); } }

.ben { background: #fff; border: 1px solid #e6dfcf; border-top: 3px solid #c9a45c; border-radius: 3px; padding: var(--s5, 1.5rem); display: flex; flex-direction: column; gap: var(--s2, .5rem); min-width: 0; }
.ben-ico { width: 2.5rem; height: 2.5rem; color: #7d6026; flex: none; margin-bottom: var(--s1, .25rem); }
.ben-ico svg { width: 100%; height: 100%; display: block; }
.ben h3 { margin: 0; font-size: var(--fs-2, 1.25rem); line-height: 1.3; color: #1a1a1a; }
.ben p { margin: 0; color: var(--muted-ink, #55635b); font-size: var(--fs-0, .9375rem); line-height: 1.5; }
.ben a { color: #7d6026; text-decoration: underline; text-underline-offset: .15em; }
.ben a:hover { color: #6b5220; }
.ben a:focus-visible { outline: 2px solid #1a1a1a; outline-offset: 2px; border-radius: 2px; }


@media (prefers-reduced-motion: no-preference) {
  html.ben-js .ben { opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .55s cubic-bezier(.2, .7, .2, 1); }
  html.ben-js .ben.ben-in { opacity: 1; transform: none; }
  html.ben-js .ben:nth-child(4n+2) { transition-delay: .08s; }
  html.ben-js .ben:nth-child(4n+3) { transition-delay: .16s; }
  html.ben-js .ben:nth-child(4n+4) { transition-delay: .24s; }
}
