.benefit-page {
    max-width: 1120px;
    margin: 2.5rem auto 3rem;
    padding: 0 1.5rem;
    box-sizing: border-box;
    display: grid;
    gap: 1.5rem;
}

.benefit-hero,
.benefit-section,
.benefit-cta {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    padding: 2rem;
}

.benefit-hero h1 {
    margin: 0 0 0.5rem;
    font-size: 2rem;
    line-height: 1.2;
    color: #111827;
}

.benefit-section h2,
.benefit-cta h2 {
    margin: 0 0 0.75rem;
    font-size: 1.35rem;
    line-height: 1.3;
    color: #111827;
}

.benefit-page p {
    margin: 0 0 1rem;
    color: #374151;
    line-height: 1.7;
}

.benefit-cta .btn {
    margin-top: 0.5rem;
}

@media (max-width: 640.98px) {
    .benefit-hero,
    .benefit-section,
    .benefit-cta {
        padding: 1.25rem;
    }

    .benefit-hero h1 {
        font-size: 1.65rem;
    }

    .benefit-section h2,
    .benefit-cta h2 {
        font-size: 1.2rem;
    }
}