/* Pre zamestnávateľov */
.audience-grid { display: grid; gap: 16px; }
@media (min-width: 640px) { .audience-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1120px) { .audience-grid { grid-template-columns: repeat(4, 1fr); } }

.service-grid { display: grid; gap: 16px; }
.service-card { position: relative; overflow: hidden; }
.service-card::after { position: absolute; width: 90px; height: 90px; right: -44px; bottom: -48px; border: 1px solid color-mix(in srgb, var(--accent) 42%, transparent); border-radius: 50%; content: ""; }
@media (min-width: 640px) { .service-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .service-grid { grid-template-columns: repeat(3, 1fr); } }

.employer-benefits__grid { display: grid; gap: clamp(34px, 6vw, 80px); align-items: start; }
.benefits-list { display: grid; gap: 0; }
.benefits-list li { display: flex; align-items: flex-start; gap: 13px; border-bottom: 1px solid rgba(255,255,255,.12); padding: 15px 0; color: var(--on-dark); }
.benefits-list svg { flex: 0 0 auto; margin-top: 2px; color: var(--accent); }
.assurance-card { border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius-xl); padding: clamp(24px, 4vw, 42px); background: rgba(255,255,255,.06); }
.assurance-card__icon { display: inline-flex; width: 58px; height: 58px; align-items: center; justify-content: center; margin-bottom: 22px; border-radius: 16px; background: rgba(240,162,60,.16); color: var(--accent); }
.assurance-card h3 { margin-bottom: 12px; font-size: clamp(1.35rem, 1.05rem + 1vw, 2rem); }
.assurance-card p { color: var(--on-dark-soft); }
@media (min-width: 920px) { .employer-benefits__grid { grid-template-columns: 1.15fr .85fr; } }