.cme-page.cme-sms {
    --cme-blue: #0878f5;
    --cme-green: #21b8d8;
    --cms-cyan: #21b8d8;
}

.cme-sms .cme-panel::after { background: linear-gradient(105deg, #eef8ff, #e8f5ff 74%, #f1f9ff); }
.cme-sms .cme-alt::after   { background: linear-gradient(75deg, #e8f5ff, #eef8ff 76%, #f3faff); }
.cme-sms .cme-p-sablon::after { width: 52%; clip-path: ellipse(98% 220% at 0 50%); }

.cme-sms .cme-copy p { max-width: 560px; }

.cme-sms .cme-purpose {
    min-height: 250px;
    margin-bottom: 14px;
    padding: clamp(28px, 3vw, 58px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: clamp(24px, 4vw, 76px);
    border: 1px solid rgb(207 222 242 / 45%);
    border-radius: 18px;
    background: linear-gradient(115deg, #fbfdff, #eaf6ff);
    box-shadow: 0 9px 30px rgb(33 81 139 / 5%);
}
.cme-sms .cme-purpose span {
    display: block;
    margin-bottom: 12px;
    color: var(--cms-cyan);
    font-size: clamp(12px, 1vw, 14px);
    font-weight: 800;
}
.cme-sms .cme-purpose h2 {
    margin: 0;
    padding: 0;
    font-family: inherit;
    color: #07133f;
    font-size: clamp(21px, 2.1vw, 30px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.035em;
}
.cme-sms .cme-purpose h2 em { color: var(--cme-blue); font-style: normal; }
.cme-sms .cme-purpose p { margin: 0; color: #102154; font-size: clamp(13px, 1.05vw, 15px); line-height: 1.55; }

.cme-sms .cme-cta-mark { background: linear-gradient(145deg, #1498ef, #2367ed); font-size: 16px; letter-spacing: 1px; }

@media (max-width: 991px) {
    .cme-sms .cme-p-sablon::after {
        left: -10%; right: auto; top: auto; bottom: -12%;
        width: 120%; height: 58%;
        border-radius: 50% 50% 0 0 / 24% 24% 0 0;
        clip-path: none;
    }
    .cme-sms .cme-purpose { grid-template-columns: 1fr; }
}