.ocf-commercial { background: var(--ocf-bg); }
.ocf-commercial__panel {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: clamp(1rem, 3vw, 2rem);
    align-items: center;
    padding: clamp(1.5rem, 4vw, 3rem);
    border: 1px solid var(--ocf-border);
    border-radius: var(--card-radius-lg);
    background: var(--ocf-bg-dark);
    color: var(--ocf-body-alt);
}
.ocf-commercial__icon {
    display: grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--ocf-primary) 28%, transparent);
    color: var(--ocf-secondary);
}
.ocf-commercial__icon svg { width: 1.65rem; height: 1.65rem; }
.ocf-commercial__copy .eyebrow { margin: 0 0 0.5rem; color: var(--ocf-secondary); }
.ocf-commercial__copy h2 { margin: 0; color: var(--ocf-heading-alt); }
.ocf-commercial__copy p:last-child { margin: 0.7rem 0 0; max-width: 52rem; }
@media (max-width: 760px) {
    .ocf-commercial__panel { grid-template-columns: auto 1fr; }
    .ocf-commercial__panel .btn-primary { grid-column: 1 / -1; justify-self: start; }
}