/* Migrated from hero-variants.css: approved automation ownership. */

/* ===== Technical comparison image sliders END ===== */

/* ===== Automation block: real equipment, restrained editorial layout ===== */
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout--editorial {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(430px, 0.82fr) minmax(0, 1.38fr) !important;
    gap: clamp(38px, 3.8vw, 64px) !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 0 40px !important;
    padding: clamp(42px, 4vw, 68px) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #f7f9fa !important;
    box-shadow: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial::before,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial::after,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__visual::before,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__visual::after {
    content: none !important;
    display: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__visual {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #e7ecef !important;
    box-shadow: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__visual > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 54% 50% !important;
    filter: saturate(0.94) contrast(1.03) !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 92%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, #000 0%, #000 92%, transparent 100%) !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__signals,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__label,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card-head > span {
    display: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__content {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) {
    max-width: 900px !important;
    margin: 0 0 clamp(28px, 2.5vw, 42px) !important;
    color: #071a2e !important;
    font-family: var(--hero-v3-heading-font, "PT Sans Narrow TR", "Arial Narrow", Arial, sans-serif) !important;
    font-size: clamp(48px, 3.55vw, 66px) !important;
    font-weight: 800 !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) span {
    color: #e94a2a !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 1px !important;
    overflow: hidden !important;
    border: 1px solid #d4dde4 !important;
    border-radius: 4px !important;
    background: #d4dde4 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card {
    position: relative !important;
    display: flex !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex-direction: column !important;
    padding: clamp(24px, 2vw, 34px) !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card-head {
    display: block !important;
    margin: 0 0 18px !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card :is(h4, .automation-layout__card-title) {
    position: relative !important;
    margin: 0 !important;
    padding-top: 17px !important;
    color: #102234 !important;
    font-size: clamp(21px, 1.45vw, 26px) !important;
    font-weight: 800 !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card :is(h4, .automation-layout__card-title)::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 34px !important;
    height: 3px !important;
    background: #e94a2a !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card > p {
    margin: 0 !important;
    color: #536273 !important;
    font-size: clamp(15px, 0.95vw, 17px) !important;
    font-weight: 400 !important;
    line-height: 1.54 !important;
    letter-spacing: 0 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__benefit {
    position: relative !important;
    margin-top: 20px !important;
    padding: 18px 0 0 !important;
    border-top: 1px solid #d7dfe6 !important;
    color: #203142 !important;
    font-weight: 650 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__benefit::before {
    content: none !important;
    display: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__cta {
    align-self: flex-start !important;
    min-width: 0 !important;
    margin-top: 26px !important;
    padding: 17px 28px !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 1279px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout--editorial {
        grid-template-columns: minmax(330px, 0.68fr) minmax(0, 1.32fr) !important;
        gap: 30px !important;
        padding: 38px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card {
        padding: 24px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card > p {
        font-size: 15px !important;
    }}

@media (max-width: 1100px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout--editorial {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__content {
        display: contents !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) {
        order: 1 !important;
        max-width: 820px !important;
        margin-bottom: 0 !important;
        font-size: clamp(46px, 6.4vw, 64px) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__visual {
        order: 2 !important;
        width: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 8.5 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__visual > img {
        min-height: 0 !important;
        object-position: 50% 54% !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__cards {
        order: 3 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__cta {
        order: 4 !important;
        min-width: 320px !important;
        margin-top: 0 !important;
    }}

@media (max-width: 700px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout--editorial {
        gap: 22px !important;
        margin-bottom: 28px !important;
        padding: 22px !important;
        border-radius: 4px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) {
        font-size: clamp(36px, 10.2vw, 44px) !important;
        line-height: 1.02 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__visual {
        aspect-ratio: 4 / 3 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__cards {
        grid-template-columns: 1fr !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card {
        padding: 22px 20px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card :is(h4, .automation-layout__card-title) {
        font-size: 22px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card > p {
        font-size: 15px !important;
        line-height: 1.52 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__cta {
        width: 100% !important;
        min-width: 0 !important;
    }}

/* ===== Approved automation showcase: full copy + engineering visual ===== */
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-proof[hidden] {
    display: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout.automation-layout--approved {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(390px, 0.78fr) minmax(0, 1.42fr) !important;
    gap: clamp(34px, 3vw, 58px) !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: clamp(40px, 3.75vw, 68px) !important;
    overflow: hidden !important;
    border: 1px solid #cfd8e1 !important;
    border-radius: 6px !important;
    background:
        linear-gradient(112deg, rgba(233, 74, 42, 0.035) 0 1px, transparent 1px 38%),
        linear-gradient(142deg, #fbfcfd 0%, #eef3f7 56%, #f7f8fa 100%) !important;
    box-shadow: 0 18px 42px rgba(13, 35, 58, 0.08) !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(126deg, transparent 0 39%, rgba(255, 255, 255, 0.56) 39.1% 55%, transparent 55.1%),
        radial-gradient(circle at 90% 8%, rgba(233, 74, 42, 0.07), transparent 26%) !important;
    pointer-events: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved::after {
    content: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__visual {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    min-height: 100% !important;
    overflow: hidden !important;
    border: 1px solid #d8e0e7 !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 14px 30px rgba(15, 35, 54, 0.07) !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__visual::before,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__visual::after,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__photo-stage {
    display: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__visual > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 760px !important;
    object-fit: contain !important;
    object-position: 50% 50% !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__signals {
    position: absolute !important;
    right: 18px !important;
    bottom: 18px !important;
    left: 18px !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1px !important;
    overflow: hidden !important;
    border: 1px solid rgba(201, 211, 220, 0.96) !important;
    border-radius: 3px !important;
    background: #c9d3dc !important;
    box-shadow: 0 10px 24px rgba(16, 35, 53, 0.12) !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__signals span {
    display: flex !important;
    min-height: 54px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 10px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    color: #273644 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__content {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__content :is(h3, .automation-layout__title) {
    max-width: 980px !important;
    margin: 0 0 clamp(26px, 2.2vw, 38px) !important;
    color: #071a2e !important;
    font-size: clamp(44px, 3.35vw, 64px) !important;
    font-weight: 800 !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__content :is(h3, .automation-layout__title) span {
    color: #e94a2a !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 14px !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__card {
    position: relative !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: clamp(22px, 1.7vw, 30px) !important;
    overflow: hidden !important;
    border: 1px solid #cfd8e1 !important;
    border-top: 3px solid #e94a2a !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 10px 22px rgba(15, 35, 54, 0.055) !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__card-head {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    margin: 0 0 16px !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__card-head > span {
    display: inline-flex !important;
    width: 36px !important;
    height: 36px !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
    border: 1px solid rgba(233, 74, 42, 0.42) !important;
    border-radius: 2px !important;
    background: rgba(233, 74, 42, 0.08) !important;
    color: #e94a2a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__card :is(h4, .automation-layout__card-title) {
    margin: 0 !important;
    color: #0d2032 !important;
    font-size: clamp(20px, 1.5vw, 25px) !important;
    font-weight: 800 !important;
    line-height: 1.13 !important;
    letter-spacing: 0 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__label {
    display: block !important;
    margin: 0 0 9px !important;
    color: #e94a2a !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__card > p {
    margin: 0 !important;
    color: #536273 !important;
    font-size: clamp(14px, 0.92vw, 16px) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__benefit {
    position: relative !important;
    margin-top: 18px !important;
    padding: 16px 0 0 17px !important;
    border-top: 1px solid #d7dfe6 !important;
    color: #1f2f3e !important;
    font-weight: 650 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__benefit::before {
    content: "" !important;
    position: absolute !important;
    top: 19px !important;
    bottom: 2px !important;
    left: 0 !important;
    width: 4px !important;
    background: #e94a2a !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__cta {
    align-self: flex-start !important;
    min-width: min(100%, 330px) !important;
    margin-top: 24px !important;
    padding: 18px 26px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 1279px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout.automation-layout--approved {
        grid-template-columns: minmax(320px, 0.65fr) minmax(0, 1.35fr) !important;
        gap: 28px !important;
        padding: 36px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__card {
        padding: 21px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__card > p {
        font-size: 14px !important;
    }}

@media (max-width: 1100px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout.automation-layout--approved {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__visual {
        order: 2 !important;
        width: min(100%, 680px) !important;
        min-height: 760px !important;
        justify-self: center !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__visual > img {
        min-height: 760px !important;
        max-height: 760px !important;
        object-fit: cover !important;
        object-position: 50% 52% !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__content {
        display: contents !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__content :is(h3, .automation-layout__title) {
        order: 1 !important;
        max-width: 760px !important;
        font-size: clamp(42px, 7vw, 60px) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__cards {
        order: 3 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__cta {
        order: 4 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__card > p {
        font-size: 20px !important;
        line-height: 1.46 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__label {
        font-size: 15px !important;
    }}

@media (min-width: 701px) and (max-width: 1100px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__visual {
        display: grid !important;
        grid-template-rows: 760px auto !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__visual > img {
        object-position: 50% 60% !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__signals {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: calc(100% - 24px) !important;
        margin: 0 12px 12px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__signals span {
        font-size: 17px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__cta {
        min-width: 420px !important;
        padding: 22px 30px !important;
        font-size: 20px !important;
    }}

@media (max-width: 700px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout.automation-layout--approved {
        gap: 24px !important;
        padding: 22px !important;
        border-radius: 4px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__content :is(h3, .automation-layout__title) {
        margin-bottom: 22px !important;
        font-size: clamp(34px, 10.5vw, 44px) !important;
        line-height: 1.02 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__cards {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__card {
        padding: 20px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__card :is(h4, .automation-layout__card-title) {
        font-size: 20px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__card > p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__visual,
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__visual > img {
        width: 100% !important;
        min-height: 500px !important;
        max-height: 620px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__visual > img {
        object-fit: contain !important;
        object-position: 50% 50% !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__signals {
        right: 10px !important;
        bottom: 10px !important;
        left: 10px !important;
        grid-template-columns: 1fr !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__signals span {
        min-height: 36px !important;
        padding: 6px 9px !important;
        font-size: 10px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__label {
        font-size: 11px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved .automation-layout__cta {
        width: 100% !important;
        min-width: 0 !important;
    }}

/* ===== Hero variant 3: full-bleed automation showcase ===== */
@media (min-width: 1024px) {
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation {
        width: max(1600px, 100vw) !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: min(calc(-1 * var(--site-gutter)), calc(50% - 50vw)) !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation::after {
        width: calc(max(0px, (100vw - 1600px) / 2) + 688px) !important;
    }}

/* Phase 1: композиция блока автоматизации. Вырезанный объект добавим отдельным слоем. */
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  gap: clamp(32px, 3.5vw, 64px) !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 650px !important;
  margin: 0 0 34px !important;
  padding: clamp(38px, 4vw, 64px) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 1px solid #e1e8ef !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #fbfcfd 0%, #eef3f7 100%) !important;
  box-shadow: 0 16px 40px rgba(13, 35, 58, .08) !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(124deg, transparent 0 35%, rgba(224, 231, 238, .5) 35.1% 51%, transparent 51.1%),
    radial-gradient(circle at 87% 12%, rgba(255, 82, 15, .08), transparent 28%) !important;
  pointer-events: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout::after {
  content: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__visual {
  position: relative;
  z-index: 1;
  min-height: 500px;
  overflow: hidden;
  border-radius: 14px;
  background:
    radial-gradient(circle at 35% 42%, rgba(255, 255, 255, .96) 0 18%, transparent 18.4%),
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(225, 233, 240, .74));
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__visual::before {
  content: "";
  position: absolute;
  inset: 10% 7% 9% 8%;
  border: 1px solid rgba(255, 82, 15, .32);
  background:
    linear-gradient(rgba(98, 124, 149, .11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(98, 124, 149, .11) 1px, transparent 1px);
  background-size: 28px 28px;
  transform: perspective(540px) rotateX(58deg) rotateZ(-5deg) scale(1.14);
  transform-origin: center 70%;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__visual::after {
  content: "";
  position: absolute;
  left: 14%;
  right: 10%;
  bottom: 13%;
  height: 33%;
  border-top: 2px solid rgba(255, 82, 15, .76);
  border-bottom: 2px solid rgba(11, 31, 52, .38);
  background:
    linear-gradient(90deg, transparent 0 7%, rgba(11, 31, 52, .35) 7.2% 7.8%, transparent 8% 18%, rgba(11, 31, 52, .35) 18.2% 18.8%, transparent 19% 62%, rgba(11, 31, 52, .35) 62.2% 62.8%, transparent 63%),
    linear-gradient(115deg, transparent 0 37%, rgba(255, 82, 15, .16) 37.2% 39%, transparent 39.2% 100%);
  opacity: .8;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__photo-stage {
  position: absolute;
  inset: 10% 3% 5%;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(ellipse at 48% 82%, rgba(10, 29, 49, .12) 0%, rgba(10, 29, 49, .05) 29%, transparent 66%),
    linear-gradient(180deg, transparent 0 72%, rgba(255, 255, 255, .4) 100%);
  box-shadow: none;
  pointer-events: none;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__content :is(h3, .automation-layout__title) {
  max-width: 760px;
  margin: 0 0 30px;
  color: #071a2e;
  font-size: clamp(42px, 4vw, 68px);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.045em;
  text-transform: uppercase;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__content :is(h3, .automation-layout__title) span {
  color: #ff5210;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__card {
  min-height: 184px;
  padding: 24px;
  border: 1px solid rgba(208, 219, 229, .98);
  border-radius: 14px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 10px 24px rgba(11, 31, 52, .05);
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__card svg {
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  fill: none;
  stroke: #ff5210;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__card :is(h4, .automation-layout__card-title) {
  margin: 0 0 10px;
  color: #071a2e;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.12;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__card p {
  margin: 0;
  color: #617084;
  font-size: 16px;
  line-height: 1.42;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__cta {
  align-self: flex-start;
  margin-top: 22px;
  padding: 18px 28px;
  border-radius: 14px !important;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .01em;
}

@media (max-width: 1023px) {
  html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout {
    grid-template-columns: 1fr !important;
  }

  html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__visual {
    order: 2;
    min-height: 340px;
  }}

@media (max-width: 640px) {
  html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout {
    min-height: 0 !important;
    padding: 24px !important;
  }

  html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__content :is(h3, .automation-layout__title) {
    margin-bottom: 22px;
    font-size: 38px;
  }

  html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__cards {
    grid-template-columns: 1fr;
  }

  html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout__card {
    min-height: 0;
    padding: 20px;
  }}

@media (min-width: 1601px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation .compare-tech-board__logo,
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation .compare-tech-board__intro {
        left: calc((100vw - 1600px) / 2 + 76px) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation .compare-tech-board__machine {
        right: calc((100vw - 1600px) / 2 - 24px) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation .compare-tech-board__callout--hands {
        left: calc((100vw - 1600px) / 2 + 688px) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation .compare-tech-board__callout--programs {
        left: calc((100vw - 1600px) / 2 + 1216px) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation .compare-tech-board__callout--logic {
        left: calc((100vw - 1600px) / 2 + 576px) !important;
    }}

/* Final cascade lock for the editorial automation block. */
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout--approved.automation-layout--editorial {
    grid-template-columns: minmax(430px, 0.82fr) minmax(0, 1.38fr) !important;
    gap: clamp(38px, 3.8vw, 64px) !important;
    align-items: stretch !important;
    min-height: 0 !important;
    margin: 0 0 40px !important;
    padding: clamp(42px, 4vw, 68px) !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #f7f9fa !important;
    box-shadow: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial::before,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial::after,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__visual::before,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__visual::after {
    content: none !important;
    display: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #e7ecef !important;
    box-shadow: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual > img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 54% 50% !important;
    filter: saturate(0.94) contrast(1.03) !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 92%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, #000 0%, #000 92%, transparent 100%) !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__signals,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__label,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card-head > span {
    display: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) {
    max-width: 900px !important;
    margin: 0 0 clamp(28px, 2.5vw, 42px) !important;
    color: #071a2e !important;
    font-family: var(--hero-v3-heading-font, "PT Sans Narrow TR", "Arial Narrow", Arial, sans-serif) !important;
    font-size: clamp(48px, 3.55vw, 66px) !important;
    font-weight: 800 !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) span {
    color: #e94a2a !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 1px !important;
    overflow: hidden !important;
    border: 1px solid #d4dde4 !important;
    border-radius: 4px !important;
    background: #d4dde4 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card {
    display: flex !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex-direction: column !important;
    padding: clamp(24px, 2vw, 34px) !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card-head {
    display: block !important;
    margin: 0 0 18px !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card :is(h4, .automation-layout__card-title) {
    position: relative !important;
    margin: 0 !important;
    padding-top: 17px !important;
    color: #102234 !important;
    font-size: clamp(21px, 1.45vw, 26px) !important;
    font-weight: 800 !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__card :is(h4, .automation-layout__card-title)::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 34px !important;
    height: 3px !important;
    background: #e94a2a !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card > p {
    margin: 0 !important;
    color: #536273 !important;
    font-size: clamp(15px, 0.95vw, 17px) !important;
    font-weight: 400 !important;
    line-height: 1.54 !important;
    letter-spacing: 0 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__benefit {
    margin-top: 20px !important;
    padding: 18px 0 0 !important;
    border-top: 1px solid #d7dfe6 !important;
    color: #203142 !important;
    font-weight: 650 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--editorial .automation-layout__benefit::before {
    content: none !important;
    display: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cta {
    align-self: flex-start !important;
    min-width: 0 !important;
    margin-top: 26px !important;
    padding: 17px 28px !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 1279px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout--approved.automation-layout--editorial {
        grid-template-columns: minmax(330px, 0.68fr) minmax(0, 1.32fr) !important;
        gap: 30px !important;
        padding: 38px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card {
        padding: 24px !important;
    }}

@media (max-width: 1100px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout--approved.automation-layout--editorial {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content {
        display: contents !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) {
        order: 1 !important;
        max-width: 820px !important;
        margin-bottom: 0 !important;
        font-size: clamp(46px, 6.4vw, 64px) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual {
        order: 2 !important;
        width: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 8.5 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual > img {
        min-height: 0 !important;
        object-position: 50% 54% !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cards {
        order: 3 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cta {
        order: 4 !important;
        min-width: 320px !important;
        margin-top: 0 !important;
    }}

@media (max-width: 700px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board--automation.automation-layout--approved.automation-layout--editorial {
        gap: 22px !important;
        margin-bottom: 28px !important;
        padding: 22px !important;
        border-radius: 4px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) {
        font-size: clamp(36px, 10.2vw, 44px) !important;
        line-height: 1.02 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual {
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 4 / 3 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual > img {
        min-height: 0 !important;
        max-height: none !important;
        object-fit: cover !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cards {
        grid-template-columns: 1fr !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card {
        padding: 22px 20px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card :is(h4, .automation-layout__card-title) {
        font-size: 22px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card > p {
        font-size: 15px !important;
        line-height: 1.52 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cta {
        width: 100% !important;
        min-width: 0 !important;
    }}

html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .industry-grid a,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .ind-more,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .b4i,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .works-v2__cell,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .about-new__plate,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .about-new__slideshow,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .about-new__logo-item,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .equip-v10__img,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .equipment-cross-link,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .catalog-v3-tab,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .catalog-v3-card,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .catalog-v3-card__cta,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .catalog-v3-card strong,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .catalog-v3-source,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .catalog-v3-summary div,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .catalog-v3-auto div,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .catalog-v3-footer,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .compare-tech-board,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .compare-tech-board__callout,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .compare-market__table,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .compare-market__visual,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .compare-v1__note,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .kp-options__intro,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .kp-options__card,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .cta-band,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .services-v1__card,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .services-v1__media,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .video-reviews__card,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .video-reviews__media,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .video-reviews__duration,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .ind-tab__menu,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .ind-tab__btn,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .ind-tab__num,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .ind-tab__content article,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .question-list p,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .accordion-item,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .accordion-header,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .accordion-body,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .contact-proof,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .contact-info-card,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .contact-map,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .contact-map iframe,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .cta-form-wrapper,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .lead-modal-badge,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .form-upload,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section textarea,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section select,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section fieldset,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .pay-v1,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .pay-v1__media img,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .docs-v1__cert,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .docs-v1__spec,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .docs-v1__kit,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .docs-v1__thumbs img,
html[data-hero-variant="3"]:not([data-hero-refinement]) .hero ~ .section .btn {
    border-radius: var(--hero-v3-approved-radius) !important;
}

html[data-hero-variant="3"][data-hero-rounding="demo25"] :is(
    .btn,
    .navbar .btn,
    .nav-burger,
    .nav-requisites__copy,
    .hero-background,
    .hero-shell,
    .hero-plate,
    .hero-buttons .btn,
    .hero-spec-grid article,
    .hero .metric-card,
    .metric-rail,
    .hero-project-badge,
    #compare .compare-market__head,
    #compare .compare-market__row,
    #compare .compare-market__row > div,
    #compare .compare-market__visual,
    #compare .compare-v1__note,
    #compare .compare-v1__note--visual,
    #compare .compare-tech-board,
    #compare .compare-tech-board__callout,
    #compare .automation-proof,
    #compare .automation-proof__item,
    #advantages .b4i__item,
    #advantages .b4i,
    #services .services-v1__card,
    #services .services-v1__media,
    #video-reviews .video-reviews__card,
    #video-reviews .video-reviews__media,
    #video-reviews .video-reviews__duration,
    .cta-band,
    #about .about-new__plate,
    #about .about-new__video,
    #about .about-new__logo-item,
    .in1 .in1__step,
    #leasing .pay-v1,
    #leasing .pay-v1__media,
    #leasing .pay-v1__media img,
    #leasing .pay-v1__term,
    #catalog .catalog-v3-tab,
    #catalog .catalog-v3-card,
    #catalog .catalog-v3-card__media,
    #catalog .catalog-v3-card__cta,
    #catalog .catalog-v3-card strong,
    #catalog .catalog-v3-summary > div,
    #catalog .catalog-v3-auto > div,
    #catalog .catalog-v3-footer,
    #documents .docs-v1__cert,
    #documents .docs-v1__spec,
    #documents .docs-v1__kit,
    #documents .docs-v1__thumbs img,
    #company-video-blog .company-video-blog__card,
    #company-video-blog .company-video-blog__media,
    #company-video-blog .company-video-blog__frame,
    #company-video-blog .company-video-blog__cover,
    #works .works-v2__cell,
    #works .works-v2__cell img,
    #contact .contact-v9__text,
    #contact .contact-info-card,
    #contact .contact-map,
    #contact .contact-map iframe,
    #contact .cta-form-wrapper,
    #contact .lead-modal-badge,
    #contact .form-upload,
    #contact input,
    #contact textarea,
    #contact select,
    .lead-modal__dialog,
    .video-review-modal__dialog,
    .cookie-banner,
    .cookie-banner-btn
) {
    border-radius: var(--hero-v3-demo25-radius) !important;
}

/* Пустой серый хвост после блока автоматизации (он последний в #compare): убираем margin коробки (селектор со ВСЕМИ классами карточки, иначе проигрывает по специфичности) и поджимаем низ секции — «черта» становится обычным плотным разделителем, а не рамкой пустой плашки */
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .compare-tech-board.compare-tech-board--automation.automation-layout.automation-layout--approved.automation-layout--editorial { margin-bottom: 0 !important; }
/* ===== AUTOMATION INTEGRATED STAGE ===== */

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial {
    --automation-ink: #071423;
    --automation-muted: #405367;
    --automation-accent: #fe5200;
    --automation-stage-bg: #101820;
    --automation-card: #ffffff;
    --automation-line: #d8e0e6;
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: none !important;
    min-width: 0 !important;
    align-items: start !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--automation-stage-bg) !important;
    box-shadow: none !important;
    isolation: isolate !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial::before,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial::after,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual::before,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual::after {
    content: none !important;
    display: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    pointer-events: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual > img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual figcaption,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__signals,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__label {
    display: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) {
    max-width: 832px !important;
    margin: 0 !important;
    color: var(--automation-ink) !important;
    font-family: var(--hero-v3-heading-font, "PT Sans Narrow TR", "PT Sans Narrow", "Arial Narrow", Arial, sans-serif) !important;
    font-weight: 800 !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    text-transform: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) span {
    color: var(--automation-accent) !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__lead {
    max-width: 760px !important;
    margin: 18px 0 30px !important;
    color: var(--automation-muted) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 20px !important;
    min-width: 0 !important;
    align-items: stretch !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card {
    position: relative !important;
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 23px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 1px solid var(--automation-line) !important;
    border-radius: 8px !important;
    background: var(--automation-card) !important;
    box-shadow: 0 5px 14px rgba(12, 31, 48, 0.055) !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card:first-child {
    border: 1px solid var(--automation-accent) !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card::before,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card::after,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card :is(h4, .automation-layout__card-title)::before,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card :is(h4, .automation-layout__card-title)::after,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__benefit::before,
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__benefit::after {
    content: none !important;
    display: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__icon {
    position: relative !important;
    display: inline-flex !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 0 15px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    flex: 0 0 48px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--automation-accent) !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__icon > svg {
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card-head {
    display: block !important;
    grid-template-columns: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card :is(h4, .automation-layout__card-title) {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: var(--automation-ink) !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    text-overflow: clip !important;
    text-transform: none !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card > p {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: var(--automation-muted) !important;
    font-size: 15.5px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card > p:not(.automation-layout__benefit) {
    margin-bottom: 18px !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card > .automation-layout__benefit {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: auto 0 0 !important;
    padding: 14px 15px 15px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 1px solid #ded8d1 !important;
    border-radius: 6px !important;
    background: #f6f4f1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
    color: #2c3d4d !important;
    font-size: 14.5px !important;
    font-weight: 400 !important;
    line-height: 1.43 !important;
    letter-spacing: 0 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__result-label {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #a93600 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: inherit !important;
    letter-spacing: 0.045em !important;
    text-transform: uppercase !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__result-copy {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #2c3d4d !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    line-height: inherit !important;
    letter-spacing: 0 !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cta {
    position: relative !important;
    display: inline-flex !important;
    width: 326px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 24px 0 0 !important;
    margin-left: 0 !important;
    padding: 15px 24px !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 1px solid var(--automation-accent) !important;
    border-radius: 8px !important;
    background: var(--automation-accent) !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
    text-align: center !important;
    text-decoration: none !important;
    transform: none !important;
}

html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cta::after {
    content: none !important;
    display: none !important;
}

@media (min-width: 1024px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial {
        position: relative !important;
        width: max(1600px, 100vw) !important;
        min-height: 1104px !important;
        margin: 0 0 56px min(calc(-1 * var(--site-gutter)), calc(50% - 50vw)) !important;
        padding: 60px max(48px, calc((100vw - 1600px) / 2 + 48px)) 64px !important;
        overflow: hidden !important;
        background: var(--automation-stage-bg) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual {
        position: absolute !important;
        inset: 0 !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        pointer-events: none !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        background: rgba(7, 20, 35, 0.5) !important;
        -webkit-backdrop-filter: blur(16px) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-mask-image: linear-gradient(to right, transparent 0%, transparent 34%, rgba(0, 0, 0, 0.12) 42%, rgba(0, 0, 0, 0.62) 57%, #000 72%, #000 100%) !important;
        mask-image: linear-gradient(to right, transparent 0%, transparent 34%, rgba(0, 0, 0, 0.12) 42%, rgba(0, 0, 0, 0.62) 57%, #000 72%, #000 100%) !important;
        pointer-events: none !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content {
        position: relative !important;
        z-index: 2 !important;
        width: 832px !important;
        max-width: 832px !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) {
        color: #fff !important;
        font-size: 58px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__lead {
        color: rgba(255, 255, 255, 0.88) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title),
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__lead,
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cards,
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cta {
        order: initial !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        gap: 20px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial.compare-tech-board--automation.automation-layout {
        position: relative !important;
        z-index: 1 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        gap: 0 !important;
        width: max(1600px, 100vw) !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 1104px !important;
        margin: 0 0 56px min(calc(-1 * var(--site-gutter)), calc(50% - 50vw)) !important;
        padding: 60px max(48px, calc((100vw - 1600px) / 2 + 48px)) 64px !important;
        align-items: start !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: var(--automation-stage-bg) !important;
        box-shadow: none !important;
        isolation: isolate !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial.compare-tech-board--automation.automation-layout .automation-layout__visual {
        position: absolute !important;
        inset: 0 !important;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        transform: none !important;
        pointer-events: none !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial.compare-tech-board--automation.automation-layout .automation-layout__content {
        position: relative !important;
        z-index: 2 !important;
        display: flex !important;
        grid-column: auto !important;
        grid-row: auto !important;
        width: 832px !important;
        max-width: 832px !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial.compare-tech-board--automation.automation-layout {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        gap: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 0 46px !important;
        padding: 42px 36px 46px !important;
        align-items: start !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        background: var(--automation-stage-bg) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content {
        display: contents !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) {
        order: 1 !important;
        max-width: 760px !important;
        margin: 0 !important;
        font-size: 54px !important;
        color: #fff !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__lead {
        order: 1 !important;
        max-width: 720px !important;
        margin: -3px 0 4px !important;
        font-size: 21px !important;
        line-height: 1.42 !important;
        color: rgba(255, 255, 255, 0.88) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual {
        order: 2 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: none !important;
        height: clamp(340px, 48vw, 460px) !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        overflow: hidden !important;
        transform: none !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual > img {
        width: 125% !important;
        max-width: none !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: left center !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cards {
        order: 3 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cta {
        order: 4 !important;
        width: 326px !important;
        max-width: 100% !important;
        margin: 2px 0 0 !important;
        margin-left: 0 !important;
        align-self: start !important;
        transform: none !important;
    }
}

@media (max-width: 767px) {
    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial.compare-tech-board--automation.automation-layout {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        gap: 16px !important;
        width: var(--full-bleed-width) !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 0 38px var(--full-bleed-offset) !important;
        padding: 28px 20px 32px !important;
        align-items: start !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        background: var(--automation-stage-bg) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content {
        display: contents !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__content :is(h3, .automation-layout__title) {
        order: 1 !important;
        max-width: none !important;
        margin: 0 !important;
        font-size: clamp(37px, 10.25vw, 40px) !important;
        line-height: 0.98 !important;
        color: #fff !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__lead {
        order: 1 !important;
        max-width: none !important;
        margin: -1px 0 4px !important;
        font-size: 19px !important;
        line-height: 1.42 !important;
        color: rgba(255, 255, 255, 0.88) !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual {
        order: 2 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: none !important;
        height: clamp(260px, 76vw, 320px) !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        overflow: hidden !important;
        transform: none !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__visual > img {
        width: 165% !important;
        max-width: none !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: left center !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cards {
        order: 3 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card {
        padding: 20px !important;
        border-radius: 8px !important;
    }

    html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__cta {
        order: 4 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 2px 0 0 !important;
        margin-left: 0 !important;
        align-self: start !important;
        transform: none !important;
    }
}

/* The card title is semantically an h3. Preserve the previous h4 card rules
   and prevent generic title selectors from treating it as the section title. */
html[data-hero-variant="3"]:not([data-hero-refinement]) #compare .automation-layout--approved.automation-layout--editorial .automation-layout__card .automation-layout__card-title {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: var(--automation-ink) !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    text-overflow: clip !important;
    text-transform: none !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
}