/* === Hero section === */
.hero-section {
    background-color: #f9fafb;
}

.text-brand-dark {
    color: var(--brand-dark);
}

/* Outline brand button (do "Zobacz demo") */
.btn-outline-brand {
    background-color: transparent;
    border: 2px solid var(--brand-primary);
    color: var(--brand-primary);
    border-radius: 6px;
    transition: all 0.2s ease;
}
.btn-outline-brand:hover {
    background-color: var(--brand-primary);
    color: #fff;
    transform: translateY(-1px);
}

/* Box po prawej stronie */
.hero-box {
    max-width: 480px;
    margin: 0 auto;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

/* Responsywność */
@media (max-width: 991.98px) {
    .hero-section {
        text-align: center;
    }
    .hero-section .d-flex {
        justify-content: center;
    }
}