/* Homepage-only interactive robot artwork. */
.hero-flow .hero-flow-canvas {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.hero-flow.hero-flow-ready .hero-bg { visibility: hidden; }

.hero-flow .overlay-responsive {
    pointer-events: none;
    background: linear-gradient(90deg, rgba(5,9,20,.2) 0%, rgba(5,9,20,.25) 43%, transparent 67%),
        linear-gradient(0deg, #050711 0%, transparent 16%, transparent 86%, rgba(5,7,17,.3));
}

.hero-flow::before { opacity: .12; }

@media (max-width: 1100px) {
    /* Reserve a dedicated space beneath the copy for the robot on tablets/phones. */
    .hero-flow .hero-content-responsive::after {
        content: '';
        display: block;
        width: 100%;
        height: clamp(290px, 80vw, 400px);
        flex-shrink: 0;
    }

    .hero-flow .overlay-responsive {
        background: linear-gradient(180deg, rgba(5,9,20,.3), transparent 65%),
            linear-gradient(0deg, #050711, transparent 12%);
    }
}

@media (max-width: 700px) {
    .hero-flow .overlay-responsive {
        background: linear-gradient(180deg, rgba(5,9,20,.6) 0%, rgba(5,9,20,.3) 48%, transparent 70%, rgba(5,7,17,.5));
    }
}