.sb-principles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.75rem 2.5rem;
}
.sb-principle {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
.sb-principle__ico {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sb-principle__ico--c1 { background: var(--jn-grad-c1); box-shadow: 0 0 18px rgba(252,9,88,0.3); }
.sb-principle__ico--c2 { background: var(--jn-grad-c2); box-shadow: 0 0 18px rgba(255,210,10,0.3); }
.sb-principle__ico--c3 { background: var(--jn-grad-c3); box-shadow: 0 0 18px rgba(0,203,146,0.3); }
.sb-principle__ico--c4 { background: var(--jn-grad-c4); box-shadow: 0 0 18px rgba(0,89,226,0.3); }
.sb-principle__t {
    font-family: var(--jn-ff-display);
    font-size: 1.0625rem;
    font-weight: var(--jn-fw-xb);
    color: var(--jn-light);
    letter-spacing: -0.01em;
    margin-bottom: 0.4rem;
}
.sb-principle__d {
    font-family: var(--jn-ff-body);
    font-size: 0.925rem;
    font-weight: var(--jn-fw-sb);
    color: var(--jn-light);
    opacity: 0.78;
    line-height: 1.6;
}

@media (max-width: 599px) {
    .sb-principles { grid-template-columns: 1fr; }
}