.background-whatyoullget {
    background: var(--bg-alt);
    position: relative;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
    padding: var(--space-section);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
}

.text-benefit {
    color: #adb5bd; /* светло-серый, но читаемый на #000 */ 
    /* или твой акцентный */
    /* color: #a0c4ff; */
}


.card-heading {
    background: linear-gradient(90deg, #f2f6fa, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.95;
    transition: opacity 0.3s;
}

.card:hover .card-heading {
    opacity: 1;
}

.card-description {
    background: linear-gradient(90deg, #adb5bd, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.9;
    transition: opacity 0.3s;
}

.card:hover .card-description {
    opacity: 1;
}

.card-body h5 {
    position: relative;
}

.card-body h5::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    margin: 10px auto 0;
    background: linear-gradient(90deg, #4f8cff, #6a5cff);
    border-radius: 2px;
}

.bg-card{
    background: rgba(255,255,255,0.04);
}