/*
 * ExpertGOST visual cleanup
 * -------------------------
 * The interface uses documents, photography and typography as its visual
 * language. Decorative coordinate grids, wireframes, orbits and clipped
 * shapes are deliberately removed from shared and page-specific templates.
 */

/* Solid, calm hero fields instead of synthetic technical grids. */
.egc-hero,
.egs-hero,
.egsc-hero,
.egp-hero,
.egi-hero,
.eg-price-hero,
.eg-contact-hero {
    background-image: none !important;
}

.egc-hero,
.egs-hero,
.egsc-hero,
.egp-hero,
.egi-hero {
    background-color: #102d46 !important;
}

.eg-price-hero,
.eg-contact-hero {
    background-color: #0a2439 !important;
}

.egc-hero::after {
    height: 4px;
    width: 100%;
}

/* Secondary dark panels keep their function without wallpaper patterns. */
.egc-route,
.egp-product-help,
.egi-start__grid aside,
.eg-client-section {
    background-image: none !important;
}

.egc-route,
.egp-product-help,
.egi-start__grid aside {
    background-color: #0b2941 !important;
}

/* Homepage: editorial panels and real imagery replace blueprint decoration. */
.egh-hero {
    background: #102d47 !important;
}

.egh-hero::before {
    background: rgba(5, 22, 36, .18) !important;
}

.egh-hero-orbit,
.egh-hero-blueprint,
.egh-stage-chip {
    display: none !important;
}

.egh-hero-stage {
    isolation: isolate;
    justify-content: flex-start;
}

.egh-hero-stage::before {
    background: #0b2840;
    border: 0;
    bottom: -12px;
    content: "";
    left: 0;
    position: absolute;
    right: -8%;
    top: -12px;
    z-index: -2;
}

.egh-hero-media {
    bottom: -12px;
    display: block;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: -8%;
    top: -12px;
    z-index: -1;
}

.egh-hero-media::after {
    background:
        linear-gradient(90deg, rgba(9, 31, 49, .92) 0%, rgba(9, 31, 49, .58) 43%, rgba(9, 31, 49, .05) 72%),
        linear-gradient(180deg, rgba(6, 24, 38, .08) 52%, rgba(6, 24, 38, .46) 100%);
    content: "";
    inset: 0;
    position: absolute;
}

.egh-hero-media img {
    display: block;
    height: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.egh-brief {
    margin-left: 22px;
    margin-right: 0;
    box-shadow: 0 28px 70px rgba(2, 15, 25, .34) !important;
}

/* One continuous proof strip reads as evidence, not as a dashboard of cards. */
.egh-assurances {
    background: rgba(8, 29, 46, .54) !important;
    border-bottom: 1px solid rgba(183, 214, 233, .16) !important;
    border-top: 1px solid rgba(183, 214, 233, .16) !important;
    gap: 0 !important;
    padding: 0 !important;
}

.egh-assurances li {
    background: transparent !important;
    backdrop-filter: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    min-height: 82px;
    padding: 18px 24px !important;
}

.egh-assurances li + li {
    border-left: 1px solid rgba(183, 214, 233, .14) !important;
}

.egh-assurances li:hover {
    background: rgba(216, 235, 247, .045) !important;
}

@media (max-width: 1199px) {
    .egh-brief {
        margin-left: 16px;
    }
}

@media (max-width: 900px) {
    .egh-hero-media,
    .egh-hero-stage::before {
        left: -28px;
        right: -28px;
    }

    .egh-brief {
        margin-left: 24px;
    }
}

@media (max-width: 640px) {
    .egh-hero-stage {
        display: block;
        min-height: 0;
        padding-top: 272px;
    }

    .egh-hero-media,
    .egh-hero-stage::before {
        bottom: auto;
        height: 315px;
        left: -20px;
        right: -20px;
        top: 0;
    }

    .egh-hero-media::after {
        background:
            linear-gradient(90deg, rgba(9, 31, 49, .32), rgba(9, 31, 49, .03) 68%),
            linear-gradient(180deg, rgba(6, 24, 38, .03) 52%, rgba(6, 24, 38, .78) 100%);
    }

    .egh-hero-media img {
        object-position: 58% 42%;
    }

    .egh-brief {
        margin: 0;
    }

    .egh-assurances li {
        min-height: 0;
        padding: 15px 13px !important;
    }

    .egh-assurances li + li {
        border-left: 0 !important;
        border-top: 1px solid rgba(183, 214, 233, .14) !important;
    }
}

.egh-services-section::before,
.egh-industries-screen::before,
.egh-process-screen::before,
.egh-experts-screen::before,
.egh-evidence-screen::before,
.egh-reviews-screen::before,
.egh-journal-screen::before,
.egh-faq-screen::before {
    content: none !important;
}

.egh-services-section,
.egh-faq-screen {
    background: #fff !important;
}

.egh-experts-screen {
    background: #f1f3f1 !important;
}

.egh-reviews-screen {
    background: #f5f1e9 !important;
}

/* Company page: keep the people, remove the abstract scaffolding. */
.ega-hero::before,
.ega-hero__visual::after,
.ega-proof::before,
.ega-final::after {
    content: none !important;
}

.ega-hero {
    background: #123a5c !important;
}

.ega-hero__visual::before {
    background: rgba(255, 255, 255, .07) !important;
    border: 0 !important;
    border-top: 4px solid #f5a028 !important;
    clip-path: none !important;
    inset: 42px -40px 0 25px !important;
}

.ega-proof {
    background: #0f2e47 !important;
}

.ega-final {
    background: #f5a028 !important;
}

/* Journal headers use a clean editorial field, not graph paper. */
.eg-journal-hero::before,
.eg-article-hero::before {
    content: none !important;
}

/* Shared client proof: a quiet portfolio wall without grid or diagonals. */
.eg-client-section {
    background-color: #0f2e47 !important;
}

.eg-client-section::before,
.eg-client-card::after {
    content: none !important;
}

.eg-client-grid .eg-client-card {
    background: #173d5d !important;
    border-color: rgba(163, 191, 210, .24) !important;
}

.eg-client-grid .eg-client-logo {
    background: #fbfcfa !important;
    box-shadow: none !important;
}

.eg-client-grid .eg-client-logo::before {
    width: 100% !important;
}

.eg-client-grid .eg-client-card:hover {
    border-color: rgba(245, 160, 40, .78) !important;
}

/* Remove the remaining decorative scan corner from certification screens. */
.egc-scan {
    display: none !important;
}

@media (max-width: 900px) {
    .egh-hero-stage::before {
        left: -28px;
        right: -28px;
    }
}

@media (max-width: 640px) {
    .egh-hero::before {
        background: rgba(5, 22, 36, .14) !important;
    }

    .egh-hero-stage::before {
        border-left: 0;
        border-top: 1px solid rgba(185, 211, 229, .16);
        left: -20px;
        right: -20px;
        top: 18px;
    }
}