/* Homepage (Bootstrap) overrides only. */

.hero-gradient {
    background:
        radial-gradient(1200px circle at 0% 0%, rgba(var(--bs-primary-rgb), 0.10), transparent 55%),
        radial-gradient(1200px circle at 100% 0%, rgba(var(--bs-info-rgb), 0.10), transparent 55%),
        var(--bs-body-bg);
}

.navbar-brand img {
    width: 44px;
    height: 44px;
    object-fit: contain;
}

.icon-badge {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(var(--bs-primary-rgb), 0.10);
    color: var(--bs-primary);
}

.app-logo {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.hero-image {
    width: 100%;
    height: auto;
    display: block;
}

.screenshot {
    width: 100%;
    height: auto;
    display: block;
}

/* Keep screenshots visually consistent inside the carousel. */
.carousel .screenshot {
    background: var(--bs-body-bg);
}