.ievent-benefits { color: #1c1330; }
.ievent-benefits .ievent-benefits__intro { margin: -0.3rem 0 1.6rem; color: #686176; font-size: 1rem; }
.ievent-benefits__capacity { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 1.5rem 2.5rem; margin: 0 0 2rem; padding-block: 1.3rem; border-block: 1px solid #e9e5ef; }
.ievent-benefits__capacity > div { display: flex; flex-direction: column-reverse; gap: 0.3rem; flex: 1 1 170px; }
.ievent-benefits__capacity dt { color: #686176; font-size: 0.9rem; }
.ievent-benefits__capacity dd { margin: 0; color: #5924c8; font-size: 1.65rem; font-weight: 600; line-height: 1.3; }
.ievent-benefits__groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; align-items: start; }
.ievent-benefits__group { min-inline-size: 0; }
.ievent-benefits__group h3 { display: flex; align-items: center; gap: 0.65rem; margin: 0 0 1rem; font-size: 1.15rem; font-weight: 600; }
.ievent-benefits__group h3 .ievent-inline-icon { color: #6d37ed; inline-size: 1.4rem; block-size: 1.4rem; flex: 0 0 1.4rem; }
.ievent-benefits ul { list-style: none; margin: 0; padding: 0; }
.ievent-benefits__group li { display: flex; gap: 0.65rem; padding-block: 0.85rem; border-block-end: 1px solid #f0edf4; font-size: 0.98rem; line-height: 1.65; }
.ievent-benefits__group li:last-child { border-block-end: 0; }
.ievent-benefits__group li > div { min-inline-size: 0; overflow-wrap: anywhere; }
.ievent-benefits__check, .ievent-benefits__number { flex: 0 0 1.5rem; inline-size: 1.5rem; margin-block-start: 0.08rem; }
.ievent-benefits__check { block-size: 1.5rem; background: #128567; -webkit-mask: url('../icons/check.svg') center/contain no-repeat; mask: url('../icons/check.svg') center/contain no-repeat; }
.ievent-benefits__number { flex-basis: auto; inline-size: auto; min-inline-size: 1.5rem; white-space: nowrap; color: #5924c8; font-weight: 600; text-align: center; font-variant-numeric: tabular-nums; }
.ievent-benefits__value { display: block; color: #686176; margin-block-start: 0.25rem; font-size: 0.9rem; }
.ievent-benefits__help summary { display: inline-flex; align-items: center; gap: 0.4rem; min-block-size: 44px; color: #5924c8; font-size: 0.85rem; cursor: pointer; list-style: none; }
.ievent-benefits__help summary::-webkit-details-marker { display: none; }
.ievent-benefits__help summary::after { content: '+'; font-size: 1rem; }
.ievent-benefits__help[open] summary::after { content: '−'; }
.ievent-benefits__help p { margin: 0 0 0.5rem; color: #686176; font-size: 0.9rem; }
.ievent-benefits__extras { margin-block-start: 2rem; padding-block-start: 1.8rem; border-block-start: 1px solid #e9e5ef; }
.ievent-benefits__extras-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 0.7rem 1rem; }
.ievent-benefits__extras-heading h3 { margin: 0; font-size: 1.2rem; font-weight: 600; }
.ievent-benefits__extras-heading > span { color: #5924c8; background: #f2ecff; padding: 0.25rem 0.7rem; border-radius: 2rem; font-size: 0.8rem; }
.ievent-benefits__extras > p { color: #686176; font-size: 0.95rem; margin-block: 0.75rem 1rem; }
.ievent-benefits__extras ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.6rem 1.5rem; }
.ievent-benefits__extras li { display: flex; align-items: baseline; gap: 0.65rem; font-size: 0.95rem; line-height: 1.6; }
.ievent-benefits__extras li > span { color: #6d37ed; font-size: 1.2rem; flex: 0 0 1rem; }
.ievent-benefits__customize { display: inline-flex; align-items: center; gap: 0.75rem; min-block-size: 44px; margin-block-start: 1.2rem; color: #5924c8; font-weight: 600; text-decoration: underline; text-underline-offset: 0.25rem; }
.ievent-benefits :is(a, summary):focus-visible { outline: 2px solid #6d37ed; outline-offset: 4px; border-radius: 3px; }
@media (max-width: 960px) {
    .ievent-benefits__groups { grid-template-columns: 1fr; gap: 1.6rem; }
    .ievent-benefits__group + .ievent-benefits__group { border-block-start: 1px solid #e9e5ef; padding-block-start: 1.6rem; }
    .ievent-benefits__extras ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .ievent-benefits__capacity { gap: 1rem; }
    .ievent-benefits__capacity > div { flex-basis: 120px; }
    .ievent-benefits__extras ul { grid-template-columns: 1fr; }
}