.ocf-commitments {
    background: var(--ocf-bg-alt);
}

.ocf-commitments-grid,
.ocf-commitments__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
    gap: clamp(2rem, 6vw, 4rem);
    align-items: start;
}

.ocf-commitments-content {
    display: grid;
    gap: clamp(1.85rem, 3vw, 2.4rem);
}

.ocf-commitments-description {
    max-width: 58ch;
    margin: 1rem 0 0;
}

.ocf-commitments-list,
.ocf-commitments__list {
    display: grid;
    gap: 0;
}

.ocf-commitments .ocf-commitments-list,
.ocf-commitments .ocf-commitments__list {
    position: relative;
}

.ocf-commitment {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: clamp(1rem, 2vw, 1.35rem);
    align-items: start;
    border: 0;
    background: transparent;
    padding: 1.2rem 0;
}

.ocf-commitment:first-child {
    padding-top: 0;
}

.ocf-commitment:last-child {
    padding-bottom: 0;
}

.ocf-commitments .ocf-commitment {
    position: relative;
}

.ocf-commitments .ocf-commitment:not(:last-child)::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: calc(3.25rem - 1px);
    bottom: calc(-1.2rem - 1px);
    left: calc(1.625rem - 1px);
    width: 2px;
    background: var(--ocf-primary);
}

.ocf-commitments .ocf-commitment:not(:last-child)::after {
    content: "";
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: -1px;
    left: calc(3.25rem + clamp(1rem, 2vw, 1.35rem));
    height: 1px;
    background: var(--ocf-border-light);
}

.ocf-commitment + .ocf-commitment {
    border-top: 1px solid var(--ocf-border-light);
}

.ocf-commitment-num {
    display: inline-grid;
    inline-size: 3.25rem;
    block-size: 3.25rem;
    place-items: center;
    border-radius: var(--radius-full);
    background: var(--ocf-primary);
    color: var(--ocf-primary-contrast, var(--ocf-heading-alt));
    font-size: var(--font-h3-size);
    font-weight: var(--font-weight-bold);
    line-height: 1;
    position: relative;
    z-index: 3;
}

.ocf-commitment h3 {
    margin: 0 0 0.35rem;
    color: var(--ocf-heading);
    font-size: var(--font-h3-size);
    font-weight: var(--font-weight-bold);
}

.ocf-commitment p {
    margin: 0;
    color: var(--ocf-body);
}

.ocf-commitments-image,
.ocf-commitments__media {
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: var(--image-radius);
    background: var(--ocf-bg);
    box-shadow: var(--image-shadow);
    overflow: hidden;
}

.ocf-commitments-image img,
.ocf-commitments__media img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

@media (max-width: 860px){
    .ocf-commitments-grid,
.ocf-commitments__grid { grid-template-columns: 1fr; }








}

/* OCF_AGENT_BLOCK:veriton-benefits-process START */
.veriton-process {padding-block:clamp(4.5rem,8vw,7.5rem);background:#111;color:#fff;}
.veriton-process .veriton-kicker {color:#bdbdbd;}
.veriton-process__top {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(3rem,7vw,8rem);align-items:end;}
.veriton-process__heading {max-width:15ch;margin:1.5rem 0 0;color:#fff;font-family:var(--ocf-font-heading),Arial,sans-serif;font-size:clamp(2.6rem,4vw,4.25rem);font-weight:700;line-height:1.09;letter-spacing:-.055em;text-wrap:balance;}
.veriton-process__intro {max-width:36rem;margin:1.4rem 0 0;color:#d2d2d2;font-size:1rem;line-height:1.7;}
.veriton-process__image {height:clamp(16rem,26vw,23rem);margin:0;overflow:hidden;background:#252525;}
.veriton-process__image img {width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.88);}
.veriton-process__steps {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(3rem,7vw,8rem);row-gap:0;margin-top:clamp(3rem,6vw,5rem);}
.veriton-process__step {display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:1rem;padding:1.55rem 0;border-top:1px solid #575757;}
.veriton-process__number {padding-top:.3rem;color:#a8a8a8;font-size:.73rem;letter-spacing:.12em;}
.veriton-process__step h3 {margin:0 0 .45rem;color:#fff;font-family:var(--ocf-font-heading),Arial,sans-serif;font-size:1.18rem;font-weight:700;letter-spacing:-.025em;}
.veriton-process__step p {max-width:34rem;margin:0;color:#c3c3c3;font-size:.91rem;line-height:1.65;}
@media(max-width:720px){.veriton-process {padding-block:4rem;}.veriton-process__top {grid-template-columns:1fr;gap:2rem;}.veriton-process__heading {font-size:clamp(2.35rem,8.5vw,3.35rem);}.veriton-process__image {height:auto;aspect-ratio:1.55/1;}.veriton-process__steps {grid-template-columns:1fr;margin-top:2rem;}.veriton-process__step {padding:1.2rem 0;}}
/* OCF_AGENT_BLOCK:veriton-benefits-process END */

/* OCF_AGENT_BLOCK:veriton-process-dark-instance START */
/* The existing section instance can apply a saved light background. Preserve the redesign's intentional dark process surface. */
html body.home section#commitments.veriton-process {background:#111 !important;color:#fff !important;}
html body.home section#commitments.veriton-process .veriton-process__heading,
html body.home section#commitments.veriton-process .veriton-process__step h3 {color:#fff !important;}
html body.home section#commitments.veriton-process .veriton-process__intro,
html body.home section#commitments.veriton-process .veriton-process__step p {color:#c9c9c9 !important;}
/* OCF_AGENT_BLOCK:veriton-process-dark-instance END */
