.ocf-capability-strip { padding-block: clamp(16px, 2.5vw, 28px); }

.ocf-capability-strip { background: var(--ocf-bg-alt); }
.ocf-capability-strip__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; list-style: none; margin: 0; padding: 0; }
.ocf-capability-strip__item { display: grid; grid-template-columns: auto 1fr; align-content: start; gap: 14px; padding: 10px 22px; border-right: 1px solid var(--ocf-border); }
.ocf-capability-strip__item:first-child { padding-left: 0; }
.ocf-capability-strip__item:last-child { padding-right: 0; border-right: 0; }
.ocf-capability-strip__number { color: var(--ocf-primary); font-size: 13px; font-weight: 700; letter-spacing: .08em; }
.ocf-capability-strip__title { margin: 0 0 6px; font-size: 16px; line-height: 1.3; }
.ocf-capability-strip__description { margin: 0; color: var(--ocf-body); font-size: 14px; line-height: 1.55; }
@media (max-width: 900px) { .ocf-capability-strip__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 0; } .ocf-capability-strip__item:nth-child(2) { border-right: 0; padding-right: 0; } .ocf-capability-strip__item:nth-child(3) { padding-left: 0; } }
@media (max-width: 560px) { .ocf-capability-strip__grid { grid-template-columns: 1fr; gap: 14px; } .ocf-capability-strip__item, .ocf-capability-strip__item:first-child, .ocf-capability-strip__item:last-child, .ocf-capability-strip__item:nth-child(2), .ocf-capability-strip__item:nth-child(3) { padding: 12px 0; border-right: 0; border-bottom: 1px solid var(--ocf-border); } .ocf-capability-strip__item:last-child { border-bottom: 0; } }