/* Care promise: a centred statement heading. Sits above the self-exam block. */
.main .care-promise {
    position: relative;
    isolation: isolate;
    margin: var(--section-space, 72px) 0 0;
    padding: 64px 40px;
    border-radius: 28px;
    text-align: center;
    background:
        radial-gradient(ellipse at 12% 0%, #ffe3ec 0, rgba(255, 227, 236, 0) 55%),
        radial-gradient(ellipse at 100% 100%, #ffeef3 0, rgba(255, 238, 243, 0) 60%),
        #fff8fa;
    border: 1px solid #f6dce4;
    overflow: hidden;
}
.main .care-promise::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -140px; right: -100px;
    width: 340px; height: 340px;
    border-radius: 50%;
    border: 1.5px solid rgba(220, 80, 123, .16);
    box-shadow: 0 0 0 28px rgba(220, 80, 123, .04), 0 0 0 58px rgba(220, 80, 123, .025);
    pointer-events: none;
}

/* ---------- Statement heading ---------- */
.care-promise__headline {
    margin: 0 auto;
    max-width: 1040px;
    color: #92264a;
    font-size: clamp(26px, 3.1vw, 44px);
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: 0;
    text-align: center;
    text-wrap: balance;
}
.care-promise__line { display: block; color: #92264a; font-weight: 600; }
.care-promise__line + .care-promise__line { margin-top: .12em; }

@media (max-width: 991px) {
    .main .care-promise { padding: 44px 28px; border-radius: 22px; }
}
@media (max-width: 575px) {
    .main .care-promise { margin-top: 52px; padding: 36px 18px; }
}