.ix-hero {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}

.ix-code-card {
    background: #0f172a;
    color: #e2e8f0;
}

.ix-code-card pre {
    color: #a5f3fc;
    font-size: .85rem;
    white-space: pre-wrap;
}

.ix-step-num {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--bs-primary, #0d6efd);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.ix-feature {
    background: #fff;
    transition: box-shadow .2s;
}

.ix-feature:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .08);
}