.cad-grid-bg {
    position: relative;
    background: radial-gradient(circle at 75% 20%, rgba(0, 166, 255, 0.08), transparent 32rem), #050d18;
    overflow: hidden;
}

.cad-grid-bg::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(rgba(0, 166, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 166, 255, 0.12) 1px, transparent 1px),
        linear-gradient(rgba(0, 166, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 166, 255, 0.03) 1px, transparent 1px);

    background-size:
        80px 80px,
        80px 80px,
        20px 20px,
        20px 20px;

    pointer-events: none;
    z-index: 0;
}

.cad-grid-bg::after {
    content: "";

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    height: 180px;

    background: linear-gradient(
        to bottom,
        rgba(5, 13, 24, 0) 0%,
        rgba(5, 13, 24, 0.4) 40%,
        rgba(5, 13, 24, 0.8) 75%,
        rgba(5, 13, 24, 1) 100%
    );

    pointer-events: none;
    z-index: 1;
}

.cad-grid-bg > main {
    position: relative;
    z-index: 2;
}

.service-section,
.materials-section,
.contact-teaser {
    position: relative;
    z-index: 1;
}