.benefits {

    background: var(--light-bg);

}

.benefits .section-title {

    text-align: center;

    font-size: 3rem;

    margin-bottom: 70px;

}

.benefits-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

}

.benefit {

    background: white;

    padding: 40px 30px;

    border-radius: 24px;

    text-align: center;

    box-shadow: 0 20px 50px rgba(0,0,0,.08);

    transition: transform .3s ease, box-shadow .3s ease;

}

.benefit:hover {

    transform: translateY(-10px);

    box-shadow: 0 28px 64px rgba(0,0,0,.12);

}

.benefit-icon {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(244,180,0,.15);
    color: var(--dark-green);
    margin-bottom: 22px;

}

.benefit h3 {

    font-size: 1.4rem;

    margin-bottom: 20px;

}

.benefit p {

    color: #666;

    line-height: 1.8;

}