/* Hero variant for the standalone SEO landing pages (/embedded/, /software/, /plc/).
   Loaded only on those pages via $extraCss - does not affect any existing page. */

.landing-hero {
    min-height: 560px;
}

.landing-hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.landing-hero.software-hero {
    background: radial-gradient(circle at 15% 20%, var(--navy-3), var(--navy) 55%, #061230);
}

.landing-hero.software-hero::before {
    content: '</>';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Space Grotesk', monospace;
    font-size: min(38vw, 400px);
    font-weight: 700;
    color: rgba(255, 255, 255, 0.05);
    z-index: 0;
    pointer-events: none;
}