/* custom.css - light additional styling on top of Tailwind */

html, body {
    scroll-behavior: smooth;
}

/* Hero background grid */
.bkk-hero-grid {
    position: relative;
    isolation: isolate;
}

.bkk-hero-grid::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.35;
    background-image:
        radial-gradient(circle at 1px 1px, rgba(56,189,248,0.12) 1px, transparent 0),
        radial-gradient(circle at 1px 1px, rgba(15,23,42,0.7) 1px, transparent 0);
    background-size: 40px 40px, 80px 80px;
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: -1;
}

/* Very lightweight motion-safe glows */
.bkk-orbit {
    position: absolute;
    inset: 12%;
    border-radius: 9999px;
    border: 1px solid rgba(56,189,248,0.2);
    box-shadow:
        0 0 30px rgba(56,189,248,0.42),
        0 0 90px rgba(8,47,73,0.75);
    opacity: 0.16;
}

/* Support reduced motion */
@media (prefers-reduced-motion: reduce) {
    .animate-spin,
    .animate-pulse,
    .animate-bounce {
        animation: none !important;
    }
}


/* Stack / partner logos: make them appear white on dark background */
.bkk-logo-stack img {
    filter: brightness(0) invert(1);
}



/* Slight hover effect for logos */
.bkk-logo-stack img:hover {
    transform: translateY(-1px);
}


/* Brutalist glow for partner stack strip */