/* Benefits How Section - Desktop */
@media (min-width: 48rem) {
    /* 768px */
    .benefits-how {
        padding: 6rem 1rem; /* 96px */
    }

    .benefits-how__container {
        max-width: 56rem; /* 896px */
        width: 56rem;
    }

    .benefits-how__wrapper {
        flex-direction: row;
        gap: 3rem; /* 48px */
        align-items: flex-start;
    }

    /* Left Section - Phone & Card */
    .benefits-how__visual {
        flex-shrink: 0;
        margin-left: 0;
    }

    .benefits-how__blob {
        position: absolute;
        top: 120px;
        left: calc(50vw + (683px - 960px));
        transform: translateX(-50%);
    }

    /* Right Section - Content */
    .benefits-how__content {
        flex: 1;
    }

    .benefits-how__item-desc {
        font-size: 1rem; /* 16px on desktop */
    }

    /* First and Second Items - Width Constraints */
    .benefits-how__item:not(.benefits-how__item--special) .benefits-how__item-title {
        max-width: 22.906rem; /* 366.5px */
    }

    .benefits-how__item:not(.benefits-how__item--special) .benefits-how__item-desc {
        max-width: 26.906rem; /* 430.5px */
    }

    .benefits-how__item--special {
        padding: 1.5rem; /* 24px */
        gap: 1.5rem; /* 24px */
        border-radius: 1.5rem; /* 24px */
        border: 1px solid #000;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.05) 100%);
        margin-left: 5.25rem; /* No left margin on mobile */
    }

    .benefits-how__item--special .benefits-how__item-title {
        max-width: 20.594rem; /* 329.5px */
    }

    .benefits-how__item--special .benefits-how__item-desc {
        max-width: 20.594rem; /* 329.5px */
    }

    .benefits-how__disclaimer {
        font-size: 1.25rem; /* 20px */
    }

}