.organizer-benefits {
    padding: 96px 0 80px;
    background: radial-gradient(ellipse at 0 0, #e9f5ed 0, transparent 48%), #f8faf8;
}
.organizer-benefits .section-title h2 {
    color: #112c23;
    font-size: clamp(2rem, 3.5vw, 3.2rem);
    line-height: 1.1;
    letter-spacing: -.045em;
    margin: 16px 0;
}
.organizer-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 0;
    grid-template-rows: 310px auto auto auto;
    margin-top: 44px;
}
.organizer-benefit-card {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
    overflow: hidden;
    border-radius: 24px;
    background: #06271e;
    box-shadow: 0 20px 42px #12342618;
}
.organizer-benefit-card > img {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center top;
}
.organizer-benefit-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, transparent 32%, #03251e45 52%, #03251ef5 78%, #03251e 100%);
}
.organizer-benefit-copy { display: contents; }
.organizer-benefit-label {
    display: inline-block;
    color: #d5f89a;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .13em;
    grid-row: 2;
    margin: 24px 28px 16px;
}
.organizer-benefit-copy h3 {
    color: #fff;
    font-size: clamp(1.65rem, 2.3vw, 2.25rem);
    letter-spacing: -.035em;
    line-height: 1.12;
    grid-row: 3;
    margin: 0 28px 16px;
}
.organizer-benefit-copy p { color: #e0e9e3; font-size: .98rem; line-height: 1.65; grid-row: 4; margin: 0 28px 30px; }
.organizer-benefits-promise { text-align: center; padding-top: 44px; }
.organizer-benefits-promise > p { color: #18382a; font-size: clamp(1.5rem, 2.6vw, 2.25rem); line-height: 1.35; letter-spacing: -.035em; font-weight: 600; margin-bottom: 24px; }
.organizer-benefits-promise strong { color: #17633d; font-weight: 850; }
.organizer-benefits-cta { display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 16px 26px; border-radius: 50px; color: #fff; background: #103f2e; text-decoration: none; font-weight: 650; }
.organizer-benefits-cta:hover { color: #d4ff73; background: #092d20; }
.organizer-benefits-cta:focus-visible { outline: 3px solid #218a52; outline-offset: 5px; }
.organizer-benefits-promise > small { display: block; max-width: 620px; margin: 20px auto 0; color: #5b7065; font-size: .75rem; line-height: 1.6; }
@media (max-width: 991px) {
    .organizer-benefits-grid { column-gap: 16px; grid-template-rows: 260px auto auto auto; }
    .organizer-benefit-label, .organizer-benefit-copy h3, .organizer-benefit-copy p { margin-left: 20px; margin-right: 20px; }
    .organizer-benefit-copy h3 { font-size: 1.55rem; }
}
@media (max-width: 767px) {
    .organizer-benefits { padding: 64px 0; }
    .organizer-benefits-grid { grid-template-columns: 1fr; max-width: 440px; margin: 32px auto 0; gap: 24px; }
    .organizer-benefits-grid { grid-template-rows: none; }
    .organizer-benefit-card { grid-row: auto; grid-template-rows: 300px auto auto auto; row-gap: 0; }
    .organizer-benefit-label, .organizer-benefit-copy h3, .organizer-benefit-copy p { margin-left: 28px; margin-right: 28px; }
    .organizer-benefit-copy h3 { font-size: 2rem; }
    .organizer-benefits-promise { padding-top: 32px; }
    .organizer-benefits-cta { gap: 12px; padding: 15px 20px; }
}