/*
 * Локальные правки нового шаблона добавляйте в этот файл.
 * Исходный home.css подрядчика сохранён отдельно и остаётся базовым слоем.
 */

/* Блок 11: консультация — версия по Figma node 100:7. */
#main-content .consultation--figma .consultation__frame {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

/* --------------------------------------------------------------------------
   v1.4 — блок «С какой задачей вы пришли?» по макету Figma
   -------------------------------------------------------------------------- */

#main-content .task-card__badge picture,
#main-content .task-card__badge img {
    width: 100%;
    height: 100%;
    display: block;
}

#main-content .task-card__badge img {
    max-width: none;
    object-fit: contain;
}

#main-content .tasks__intro-decor {
    color: #c9def0;
    pointer-events: none;
    display: block;
}

@media (min-width: 1200px) {
    #main-content .tasks {
        min-height: 0 !important;
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    #main-content .tasks__layout {
        box-sizing: border-box !important;
        width: min(calc(100% - 48px), 1360px) !important;
        max-width: 1360px !important;
        min-height: 0 !important;
        margin-inline: auto !important;
        padding: 22px 12px 16px !important;
        grid-template-columns: 235px minmax(0, 1fr) !important;
        grid-template-rows: 398px 84px !important;
        column-gap: 12px !important;
        row-gap: 22px !important;
        align-items: start !important;
        overflow: hidden !important;
    }

    #main-content .tasks__intro {
        position: relative;
        grid-column: 1;
        grid-row: 1 / 3;
        align-self: stretch;
        min-width: 0;
        margin: 0 !important;
        padding: 4px 0 0 !important;
    }

    #main-content .tasks__intro h2 {
        width: 210px !important;
        margin: 0 !important;
        font-size: 32px !important;
        font-weight: 500 !important;
        line-height: 41.6px !important;
    }

    #main-content .tasks__intro p {
        width: 210px !important;
        max-width: 210px !important;
        margin: 28px 0 0 !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }

    #main-content .tasks__intro-decor {
        position: absolute;
        left: 0;
        bottom: 2px;
        width: 214px;
        height: 252px;
        opacity: .72;
    }

    #main-content .tasks__cards {
        grid-column: 2;
        grid-row: 1;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0;
        height: 398px;
    }

    #main-content .task-card {
        width: 100% !important;
        height: 398px !important;
        min-width: 0 !important;
    }

    #main-content .task-card__media {
        height: 152px !important;
    }

    #main-content .task-card__media-line {
        top: 138px !important;
    }

    #main-content .task-card__badge {
        top: 124px !important;
    }

    #main-content .tasks__action {
        grid-column: 2 !important;
        grid-row: 2 !important;
        align-self: start;
        width: 100% !important;
        height: 84px !important;
        min-height: 84px !important;
        margin: 0 !important;
    }

    #main-content .industries {
        padding-top: 24px !important;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    #main-content .tasks {
        min-height: 0 !important;
        padding-top: 32px !important;
        padding-bottom: 24px !important;
    }

    #main-content .tasks__layout {
        box-sizing: border-box !important;
        padding: 24px !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        gap: 24px !important;
        overflow: hidden !important;
    }

    #main-content .tasks__intro {
        position: relative;
        padding-right: 180px !important;
    }

    #main-content .tasks__intro-decor {
        position: absolute;
        top: -24px;
        right: 0;
        width: 160px;
        height: 150px;
        opacity: .48;
    }

    #main-content .tasks__cards,
    #main-content .tasks__action {
        grid-column: 1 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #main-content .industries {
        padding-top: 24px !important;
    }
}

@media (max-width: 767px) {
    #main-content .tasks {
        padding-top: 24px !important;
        padding-bottom: 20px !important;
    }

    #main-content .tasks__layout {
        box-sizing: border-box !important;
        padding: 20px 16px 16px !important;
        gap: 20px !important;
        overflow: hidden !important;
    }

    #main-content .tasks__intro {
        position: relative;
        padding-right: 0 !important;
    }

    #main-content .tasks__intro-decor {
        width: 150px;
        height: 136px;
        margin: 14px auto -8px;
        opacity: .55;
    }

    #main-content .tasks__cards,
    #main-content .tasks__action {
        width: 100% !important;
        margin: 0 !important;
    }

    #main-content .industries {
        padding-top: 20px !important;
    }
}

/* Блок 12: контакты — понятный выбор отдела и оформление по Figma. */
#main-content .contacts--figma {
    position: relative;
    background: #eef5f9 !important;
}

#main-content .contacts--figma .contacts__layout {
    position: relative !important;
    display: block !important;
    padding: 30px 40px 38px !important;
    border: 1px solid #c6d9e8 !important;
    border-radius: 20px !important;
    background: #fbfdff !important;
    overflow: hidden !important;
}

#main-content .contacts--figma .contacts__tech-stripe {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 82px;
    pointer-events: none;
}

#main-content .contacts--figma .contacts__tech-stripe path {
    fill: none;
    stroke: #bddff4;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

#main-content .contacts--figma .contacts__tech-stripe circle {
    fill: #7fc5ee;
    opacity: .62;
}

#main-content .contacts--figma .contacts__heading {
    position: relative;
    z-index: 1;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 32px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

#main-content .contacts--figma .contacts__heading > div {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}

#main-content .contacts--figma .contacts__heading-rule {
    display: block;
    width: 40px;
    height: 3px;
    margin: 0 0 18px;
    border-radius: 2px;
    background: #ff6500;
}

#main-content .contacts--figma .contacts__heading h2 {
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1f3a !important;
}

#main-content .contacts--figma .contacts__heading h2::after {
    display: none !important;
    content: none !important;
}

#main-content .contacts--figma .contacts__heading::before,
#main-content .contacts--figma .contacts__heading::after {
    display: none !important;
    content: none !important;
}

#main-content .contacts--figma .contacts__lead {
    max-width: 720px !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    color: #5b6c80 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}

#main-content .contacts--figma .contacts__heading .text-link {
    flex: 0 0 auto;
    margin-top: 18px !important;
}

#main-content .contacts--figma .contacts__content-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
    align-items: stretch;
    gap: 24px;
}

#main-content .contacts--figma .contacts-map {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 1px solid #c6d9e8 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

#main-content .contacts--figma .contacts__directory {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    min-width: 0;
}

#main-content .contacts--figma .contacts__general {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 254px !important;
    padding: 22px 24px 24px !important;
    border: 1px solid #17548b !important;
    border-radius: 16px !important;
    background: linear-gradient(115deg, #0d3158 0%, #082849 72%, #061f3d 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 36px -24px rgba(3, 31, 62, .7) !important;
    overflow: hidden !important;
    isolation: isolate;
}

#main-content .contacts--figma .contacts__general::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -92px;
    right: -76px;
    width: 330px;
    height: 190px;
    background: linear-gradient(135deg, rgba(13, 53, 94, 0), rgba(8, 28, 55, .88));
    transform: rotate(8deg);
}

#main-content .contacts--figma .contacts__general-decor {
    position: absolute;
    z-index: 0;
    top: 8px;
    right: 18px;
    width: 146px;
    height: 58px;
    opacity: .48;
    pointer-events: none;
    background:
        linear-gradient(31deg, transparent 49.3%, #1785c9 49.7%, #1785c9 50.3%, transparent 50.7%) 0 0 / 118px 48px no-repeat,
        linear-gradient(#1785c9, #1785c9) 60px 47px / 86px 1px no-repeat,
        radial-gradient(circle, #0e8bcc 1.25px, transparent 1.5px) 76px 1px / 12px 12px repeat;
}

#main-content .contacts--figma .contacts__general-heading,
#main-content .contacts--figma .contacts__general-list {
    position: relative;
    z-index: 1;
}

#main-content .contacts--figma .contacts__general-heading {
    padding-bottom: 16px;
    border-bottom: 2px solid #ff6500;
}

#main-content .contacts--figma .contacts__general .eyebrow {
    display: block !important;
    margin: 0 0 8px !important;
    color: #ff6500 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase;
}

#main-content .contacts--figma .contacts__general h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
}

#main-content .contacts--figma .contacts__general-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin-top: 16px;
}

#main-content .contacts--figma .contacts__general-list > a,
#main-content .contacts--figma .contacts__general-list > span {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
}

#main-content .contacts--figma .contacts__general-list > a:hover {
    color: #8dd8ff !important;
}

#main-content .contacts--figma .contacts__general-icon {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    color: #a9ddfb;
    font-size: 16px;
    line-height: 1;
}

#main-content .contacts--figma .contacts__departments {
    min-width: 0;
}

#main-content .contacts--figma .contacts__departments-heading {
    display: block;
    margin-bottom: 12px;
}

#main-content .contacts--figma .contacts__departments-heading .eyebrow,
#main-content .contacts--figma .contacts__panel-heading > span {
    display: block;
    margin-bottom: 5px;
    color: #ff6500;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

#main-content .contacts--figma .contacts__departments-heading h3 {
    margin: 0 !important;
    color: #0b1f3a !important;
    font-size: 23px !important;
    line-height: 1.2 !important;
}

#main-content .contacts--figma .contacts__departments-heading p {
    margin: 0;
    color: #5b6c80;
    font-size: 13px;
    line-height: 1.45;
}

#main-content .contacts--figma .contacts__tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}

#main-content .contacts--figma .contacts__tabs button {
    position: relative;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 10px;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 1px solid #c5d7e7 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #0b1f3a !important;
    text-align: left !important;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}

#main-content .contacts--figma .contacts__tabs button:hover {
    border-color: #1684d6 !important;
    transform: translateY(-1px);
}

#main-content .contacts--figma .contacts__tabs button[aria-selected="true"] {
    border-color: #0967cf !important;
    background: linear-gradient(135deg, #0b78e4, #0755b6) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px -16px rgba(0, 83, 185, .9) !important;
}

#main-content .contacts--figma .contacts__tab-index {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #e9f5fc;
    color: #0875cf;
    font-size: 12px;
    font-weight: 800;
}

#main-content .contacts--figma button[aria-selected="true"] .contacts__tab-index {
    background: rgba(255, 255, 255, .16);
    color: #fff;
}

#main-content .contacts--figma .contacts__tab-copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

#main-content .contacts--figma .contacts__tab-copy strong {
    color: inherit !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
}

#main-content .contacts--figma .contacts__tab-copy small {
    color: #70839a;
    font-size: 11px;
    line-height: 1.25;
}

#main-content .contacts--figma button[aria-selected="true"] .contacts__tab-copy small {
    color: rgba(255, 255, 255, .8);
}

#main-content .contacts--figma .contacts__tab-arrow {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    transition: transform .2s ease;
}

#main-content .contacts--figma button[aria-selected="true"] .contacts__tab-arrow {
    transform: translateY(3px);
}

#main-content .contacts--figma .contacts__results {
    margin-top: 12px;
    border: 1px solid #c5d7e7;
    border-radius: 12px;
    background: #f5f9fc;
    overflow: hidden;
}

#main-content .contacts--figma .contacts__panel {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

#main-content .contacts--figma .contacts__panel[hidden] {
    display: none !important;
}

#main-content .contacts--figma .contacts__panel-heading {
    padding: 14px 16px 12px;
    border-bottom: 1px solid #c5d7e7;
    background: #fff;
}

#main-content .contacts--figma .contacts__panel-heading h4 {
    margin: 0;
    color: #0b1f3a;
    font-size: 18px;
    line-height: 1.25;
}

#main-content .contacts--figma .contacts__people-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: #d9e6ef;
}

#main-content .contacts--figma .contact-person:only-child {
    grid-column: 1 / -1;
}

#main-content .contacts--figma .contact-person {
    position: relative;
    display: flex !important;
    flex-direction: column;
    min-width: 0;
    min-height: 158px;
    margin: 0 !important;
    padding: 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
}

#main-content .contacts--figma .contact-person::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    width: 3px;
    height: 34px;
    background: #1684d6;
}

#main-content .contacts--figma .contact-person--lead::before {
    background: #ff6500;
}

#main-content .contacts--figma .contact-person__role {
    min-height: 34px;
    color: #5d7289;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
}

#main-content .contacts--figma .contact-person h5 {
    margin: 7px 0 12px !important;
    color: #0b1f3a !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

#main-content .contacts--figma .contact-person__links {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    margin-top: auto !important;
}

#main-content .contacts--figma .contact-person__links a {
    display: inline-flex !important;
    align-items: center;
    max-width: 100%;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #075db4 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

#main-content .contacts--figma .contact-person__links a:hover {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

@media (max-width: 1199px) {
    #main-content .contacts--figma .contacts__layout {
        padding: 28px 24px 30px !important;
    }

    #main-content .contacts--figma .contacts__content-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    #main-content .contacts--figma .contacts-map {
        position: relative !important;
        top: auto !important;
        height: 380px !important;
        min-height: 380px !important;
    }

    #main-content .contacts--figma .contacts__directory {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
    }

    #main-content .contacts--figma .contacts__general {
        min-height: 0 !important;
    }
}

@media (max-width: 767px) {
    #main-content .contacts--figma .contacts__layout {
        padding: 22px 16px 24px !important;
        border-radius: 14px !important;
    }

    #main-content .contacts--figma .contacts__tech-stripe {
        display: none;
    }

    #main-content .contacts--figma .contacts__heading {
        flex-direction: column !important;
        gap: 8px !important;
        margin-bottom: 22px !important;
    }

    #main-content .contacts--figma .contacts__heading .text-link {
        margin-top: 0 !important;
    }

    #main-content .contacts--figma .contacts-map {
        height: 320px !important;
        min-height: 320px !important;
    }

    #main-content .contacts--figma .contacts__general {
        padding: 20px 16px !important;
        border-radius: 12px !important;
    }

    #main-content .contacts--figma .contacts__general h3 {
        font-size: 20px !important;
    }

    #main-content .contacts--figma .contacts__departments-heading {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    #main-content .contacts--figma .contacts__tabs {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #main-content .contacts--figma .contacts__tabs button {
        min-height: 64px !important;
    }

    #main-content .contacts--figma .contacts__people-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    #main-content .contacts--figma .contact-person {
        min-height: 148px;
    }
}

#main-content .consultation--figma .consultation__panel {
    --consultation-split: 62%;
    --consultation-edge-top: 66.56%;
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 62%) minmax(0, 38%) !important;
    grid-template-rows: minmax(650px, auto) !important;
    width: 100% !important;
    height: auto !important;
    min-height: 650px !important;
    margin: 0 !important;
    border: 1px solid #cbdcec !important;
    border-radius: 20px !important;
    background: #fbfdff !important;
    box-shadow: 0 18px 42px -28px rgba(11, 31, 58, .32) !important;
    overflow: hidden !important;
    isolation: isolate;
}

#main-content .consultation--figma .consultation__panel .lead-form {
    position: relative !important;
    z-index: 2;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 30px 66px 30px 44px !important;
    background: #fbfdff;
    overflow: visible !important;
}

#main-content .consultation--figma .lead-form::before {
    display: none !important;
}

#main-content .consultation--figma .lead-form::after {
    display: none !important;
}

#main-content .consultation--figma .consultation__tech-decor {
    position: absolute;
    z-index: 0;
    display: block;
    overflow: visible;
    pointer-events: none;
}

#main-content .consultation--figma .consultation__tech-decor path {
    fill: none;
    stroke: #bddff4;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

#main-content .consultation--figma .consultation__tech-dots {
    fill: #7fc5ee;
    opacity: .58;
}

#main-content .consultation--figma .consultation__tech-decor--top {
    top: 14px;
    right: -6%;
    width: 42%;
    height: 88px;
    opacity: .7;
}

#main-content .consultation--figma .consultation__tech-decor--bottom {
    right: 2%;
    bottom: 0;
    width: 58%;
    height: 92px;
    opacity: .68;
}

#main-content .consultation--figma .consultation__rule {
    display: block !important;
    width: 58px !important;
    height: 3px !important;
    border-radius: 2px;
    background: #0757b9 !important;
}

#main-content .consultation--figma .lead-form__heading h2 {
    width: auto !important;
    max-width: 590px !important;
    margin: 24px 0 0 !important;
    color: #0b1f3a !important;
    font-family: var(--utm-font-family-display) !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 1.16 !important;
    letter-spacing: -.5px !important;
}

#main-content .consultation--figma .lead-form__heading p {
    width: auto !important;
    max-width: 570px !important;
    margin: 12px 0 0 !important;
    color: #5b6c80 !important;
    font-size: 15px !important;
    line-height: 22px !important;
}

#main-content .consultation--figma .form-status {
    position: relative;
    z-index: 3;
    margin: 12px 0 0;
}

#main-content .consultation--figma .form-status.is-captcha {
    width: fit-content;
    max-width: 100%;
    padding: 9px 12px;
    border: 1px solid #9ec7ed;
    border-radius: 7px;
    background: #eef7ff;
    color: #0757b9;
}

#main-content .consultation--figma .lead-form__captcha {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: end;
    gap: 14px;
    width: 100%;
    margin: 14px 0 0;
    padding: 13px;
    border: 1px solid #bfd2e4;
    border-radius: 8px;
    background: #f5f9fd;
}

#main-content .consultation--figma .lead-form__captcha-image {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 180px;
    height: 48px;
    border: 1px solid #bfd2e4;
    border-radius: 7px;
    background: #fff;
    overflow: hidden;
}

#main-content .consultation--figma .lead-form__captcha-image img {
    display: block;
    width: 180px;
    height: 40px;
    object-fit: contain;
}

#main-content .consultation--figma .field--captcha {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

#main-content .consultation--figma .field--captcha > span {
    color: #0b1f3a;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
}

#main-content .consultation--figma .field--captcha sup {
    color: #fe6a00;
}

#main-content .consultation--figma .field--captcha input {
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    padding: 11px 14px;
    border: 1px solid #bfd2e4;
    border-radius: 7px;
    background: #fff;
    color: #0b1f3a;
    font-family: var(--utm-font-family-body);
    font-size: 14px;
    line-height: 21px;
    outline: none;
}

#main-content .consultation--figma .field--captcha input:focus {
    border-color: #1684d6;
    box-shadow: 0 0 0 3px rgba(30, 160, 236, .13), 0 0 14px rgba(74, 190, 255, .16);
}

@media (width <= 767px) {
    #main-content .consultation--figma .lead-form__captcha {
        grid-template-columns: minmax(0, 1fr);
    }
}

#main-content .consultation--figma .lead-form__fields {
    position: relative;
    z-index: 2;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr) !important;
    grid-template-areas:
        "name task"
        "phone task"
        "email company";
    gap: 14px 24px !important;
    width: 100% !important;
    margin: 15px 0 0 !important;
}

#main-content .consultation--figma .field--name { grid-area: name; }
#main-content .consultation--figma .field--phone { grid-area: phone; }
#main-content .consultation--figma .field--email { grid-area: email; }
#main-content .consultation--figma .field--task { grid-area: task !important; }
#main-content .consultation--figma .field--company { grid-area: company; }

#main-content .consultation--figma .lead-form__fields .field {
    display: flex !important;
    flex-direction: column;
    gap: 5px !important;
    min-width: 0;
    margin: 0 !important;
}

#main-content .consultation--figma .lead-form__fields .field > span {
    color: #0b1f3a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 19px !important;
}

#main-content .consultation--figma .lead-form__fields .field sup {
    color: #fe6a00 !important;
    font-size: 13px;
}

#main-content .consultation--figma .lead-form__fields .field input,
#main-content .consultation--figma .lead-form__fields .field textarea {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 11px 14px !important;
    border: 1px solid #bfd2e4 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #0b1f3a !important;
    font-family: var(--utm-font-family-body) !important;
    font-size: 14px !important;
    line-height: 21px !important;
    outline: none;
}

#main-content .consultation--figma .lead-form__fields .field input::placeholder,
#main-content .consultation--figma .lead-form__fields .field textarea::placeholder {
    color: #8091a5 !important;
    opacity: 1;
}

#main-content .consultation--figma .lead-form__fields .field input:focus,
#main-content .consultation--figma .lead-form__fields .field textarea:focus {
    border-color: #1684d6 !important;
    box-shadow: 0 0 0 3px rgba(30, 160, 236, .13), 0 0 14px rgba(74, 190, 255, .16) !important;
}

#main-content .consultation--figma .lead-form__fields .field textarea {
    height: 132px !important;
    min-height: 132px !important;
    resize: vertical;
}

#main-content .consultation--figma .lead-form .consent {
    position: relative;
    z-index: 2;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    width: max-content !important;
    max-width: none !important;
    min-height: 28px !important;
    margin: 10px 0 0 !important;
    color: #687b90;
    font-size: 13px !important;
    line-height: 19px !important;
    white-space: nowrap !important;
}

#main-content .consultation--figma .lead-form .consent > span:first-of-type {
    flex: 0 0 20px !important;
}

#main-content .consultation--figma .lead-form .consent > span:last-of-type {
    display: inline !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #687b90 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    white-space: nowrap !important;
}

#main-content .consultation--figma .lead-form .consent__text-link {
    display: inline !important;
    color: inherit;
    text-underline-offset: 3px;
    text-decoration: underline;
    white-space: inherit !important;
}

#main-content .consultation--figma .lead-form__submit {
    position: relative;
    z-index: 2;
    width: 286px !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 12px 0 0 !important;
    font-size: 16px !important;
}

#main-content .consultation--figma .specialist-card {
    position: relative !important;
    z-index: 1;
    display: block !important;
    width: auto !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 650px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: #071b38 !important;
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
    overflow: hidden !important;
}

#main-content .consultation--figma .specialist-card::after {
    display: none !important;
}

#main-content .consultation--figma .specialist-card > img {
    position: absolute !important;
    inset: 0 0 124px 0 !important;
    display: block;
    width: 100% !important;
    height: calc(100% - 124px) !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: 56% 30% !important;
    transform: none !important;
}

#main-content .consultation--figma .specialist-card .specialist-card__caption {
    position: absolute !important;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    display: flex !important;
    align-items: flex-start;
    gap: 14px !important;
    height: 124px !important;
    padding: 26px 22px 14px 72px !important;
    color: #fff !important;
    background: #071b38 !important;
    transform: none !important;
}

#main-content .consultation--figma .specialist-card .specialist-card__caption::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 54px;
    background: linear-gradient(to bottom, rgba(7, 27, 56, 0), #071b38);
    pointer-events: none;
}

#main-content .consultation--figma .specialist-card .specialist-card__caption > div {
    position: relative !important;
    z-index: 4;
    display: block !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !important;
    transform: none !important;
}

#main-content .consultation--figma .specialist-card__accent {
    position: relative !important;
    z-index: 4;
    flex: 0 0 3px;
    width: 3px !important;
    height: 52px !important;
    margin: 0 !important;
    background: #fe6a00 !important;
}

#main-content .consultation--figma .specialist-card__caption strong {
    display: block;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 23px !important;
}

#main-content .consultation--figma .specialist-card__caption p {
    margin: 7px 0 0 !important;
    color: #d8e6f4 !important;
    font-size: 14px !important;
    line-height: 21px !important;
}

#main-content .consultation--figma .consultation__tech-decor--card {
    z-index: 3;
    right: 0;
    bottom: 0;
    width: 230px;
    height: 126px;
    opacity: .42;
}

#main-content .consultation--figma .consultation__tech-decor--card path {
    stroke: #2f7ba8;
}

#main-content .consultation--figma .consultation__tech-decor--card .consultation__tech-dots {
    fill: #1684c7;
    opacity: .82;
}

#main-content .consultation--figma .consultation__diagonal {
    position: absolute;
    z-index: 4;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    transform: none;
    pointer-events: none;
}

#main-content .consultation--figma .consultation__diagonal::before,
#main-content .consultation--figma .consultation__diagonal::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

#main-content .consultation--figma .consultation__diagonal::before {
    background: linear-gradient(to bottom, #082d5a 0%, #061c3b 56%, #04162f 100%);
    clip-path: polygon(
        calc(var(--consultation-edge-top) - 4px) 0,
        calc(var(--consultation-edge-top) - 1px) 0,
        calc(var(--consultation-split) - 1px) 100%,
        calc(var(--consultation-split) - 4px) 100%
    );
    filter: drop-shadow(2px 0 2px rgba(3, 20, 45, .72));
}

#main-content .consultation--figma .consultation__diagonal::after {
    background: linear-gradient(to bottom, #a2e9ff 0%, #4cc5ff 48%, #7ddcff 100%);
    clip-path: polygon(
        calc(var(--consultation-edge-top) - 1px) 0,
        calc(var(--consultation-edge-top) + 1px) 0,
        calc(var(--consultation-split) + 1px) 100%,
        calc(var(--consultation-split) - 1px) 100%
    );
    filter:
        drop-shadow(2px 0 1px rgba(222, 249, 255, .95))
        drop-shadow(5px 0 4px rgba(71, 199, 255, .92))
        drop-shadow(10px 0 12px rgba(32, 128, 220, .6));
}

@media (max-width: 1099px) {
    #main-content .consultation--figma .consultation__panel {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto 500px !important;
        min-height: 0 !important;
    }

    #main-content .consultation--figma .consultation__panel .lead-form {
        padding: 32px 32px 42px !important;
    }

    #main-content .consultation--figma .consultation__tech-decor--top {
        right: 0;
        width: 50%;
    }

    #main-content .consultation--figma .specialist-card {
        width: 100% !important;
        height: 500px !important;
        min-height: 500px !important;
        clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);
    }

    #main-content .consultation--figma .specialist-card::before {
        content: "";
        position: absolute;
        z-index: 4;
        inset: 0;
        background: linear-gradient(to right, #78d8ff, #3ab5ff);
        clip-path: polygon(0 calc(8% - 1px), 100% 0, 100% 2px, 0 calc(8% + 1px));
        filter: drop-shadow(0 -5px 8px rgba(48, 173, 255, .62));
        pointer-events: none;
    }

    #main-content .consultation--figma .consultation__diagonal {
        display: none;
    }
}

@media (max-width: 767px) {
    #main-content .consultation--figma .consultation__panel {
        grid-template-rows: auto 430px !important;
        border-radius: 18px !important;
    }

    #main-content .consultation--figma .consultation__panel .lead-form {
        padding: 26px 18px 36px !important;
    }

    #main-content .consultation--figma .consultation__tech-decor--top {
        top: 10px;
        right: -24px;
        width: 62%;
        height: 66px;
        opacity: .38;
    }

    #main-content .consultation--figma .consultation__tech-decor--bottom {
        right: -20px;
        width: 76%;
        opacity: .44;
    }

    #main-content .consultation--figma .consultation__rule {
        width: 46px !important;
    }

    #main-content .consultation--figma .lead-form__heading h2 {
        margin-top: 20px !important;
        font-size: clamp(29px, 8.4vw, 34px) !important;
        line-height: 1.16 !important;
    }

    #main-content .consultation--figma .lead-form__heading p {
        margin-top: 10px !important;
        font-size: 14px !important;
        line-height: 21px !important;
    }

    #main-content .consultation--figma .lead-form__heading p br {
        display: none;
    }

    #main-content .consultation--figma .lead-form__fields {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "name"
            "phone"
            "email"
            "task"
            "company";
        gap: 16px !important;
        margin-top: 20px !important;
    }

    #main-content .consultation--figma .lead-form__fields .field input,
    #main-content .consultation--figma .lead-form__fields .field textarea {
        min-height: 52px !important;
        border-radius: 10px !important;
        font-size: 16px !important;
        line-height: 23px !important;
    }

    #main-content .consultation--figma .lead-form__fields .field textarea {
        height: 136px !important;
        min-height: 136px !important;
    }

    #main-content .consultation--figma .lead-form .consent {
        align-items: start !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 14px !important;
        font-size: 14px !important;
        line-height: 20px !important;
        white-space: normal !important;
    }

    #main-content .consultation--figma .lead-form .consent > span:last-of-type {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        white-space: normal !important;
    }

    #main-content .consultation--figma .lead-form__submit {
        width: 100% !important;
        min-height: 54px !important;
        margin-top: 12px !important;
    }

    #main-content .consultation--figma .specialist-card {
        height: 430px !important;
        min-height: 430px !important;
    }

    #main-content .consultation--figma .specialist-card > img {
        inset: 0 0 128px 0 !important;
        height: calc(100% - 128px) !important;
        object-position: 54% 24% !important;
    }

    #main-content .consultation--figma .specialist-card .specialist-card__caption {
        height: 128px !important;
        padding: 24px 16px 14px 22px !important;
    }

    #main-content .consultation--figma .specialist-card__caption strong {
        font-size: 15px !important;
        line-height: 21px !important;
    }

    #main-content .consultation--figma .specialist-card__caption p {
        font-size: 13px !important;
        line-height: 19px !important;
    }
}

/* ========================================================================== 
   Корректировки главной /ural-redesign/ по макету Figma — 21.08.2026
   Этот блок оставлен в home-custom.css: собранный home.css подрядчика не меняем.
   ========================================================================== */

:root {
    --utm-fix-sky: #e9f7ff;
    --utm-fix-sky-strong: #cfeeff;
    --utm-fix-sky-border: #8fcff2;
    --utm-fix-section: #eef5f9;
}

/* Задачи и отрасли: светло-голубой холст возвращает видимую белую подложку. */
#main-content .tasks,
#main-content .industries {
    background: var(--utm-fix-section) !important;
}

#main-content .tasks__layout,
#main-content .industries__layout {
    border: 1px solid #d6e3ef;
    border-radius: 16px;
    background: #fff !important;
    box-shadow: 0 10px 28px -24px rgba(11, 31, 58, .32);
    overflow: hidden;
}

#main-content .task-card {
    border: 1px solid #d6e3ef;
}

/* Отрасли: геометрия и техническая графика как на /home-redesign/. */
#main-content .industry-card > img {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}

#main-content .industry-card__overlay,
#main-content .industry-card__overlay-svg,
#main-content .industry-card__overlay-svg > svg {
    z-index: 1;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
}

#main-content .industry-card__overlay-svg--tablet,
#main-content .industry-card__overlay-svg--mobile {
    display: none;
}

#main-content .industry-card__label {
    z-index: 2;
    box-sizing: border-box !important;
    pointer-events: none;
    display: flex !important;
    align-items: center;
    gap: 12px;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    height: 44px !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: absolute;
    bottom: 8px !important;
    left: 16px !important;
    right: 16px !important;
    border: 0 !important;
    background: transparent !important;
}

#main-content .industry-card__icon {
    color: #35c7f4;
    flex: 0 0 28px;
    place-items: center;
    width: 28px;
    height: 28px;
    display: grid;
}

#main-content .industry-card__icon svg {
    display: block;
}

#main-content .industry-card__label strong {
    color: #f7fafc !important;
    min-width: 0;
    margin: 0;
    padding: 0;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 21.6px !important;
    display: block;
    position: static;
}

@media (max-width: 1199px) and (min-width: 768px) {
    #main-content .industry-card__overlay-svg--desktop {
        display: none;
    }

    #main-content .industry-card__overlay-svg--tablet {
        display: block;
    }
}

/* Роботизация: компактнее по высоте и единый небесно-голубой hover. */
@media (min-width: 1200px) {
    #main-content .robotics__technical-panel {
        height: 478px !important;
        min-height: 478px !important;
        grid-template-columns: 300px minmax(0, 1fr) !important;
    }

    #main-content .robotics__intro {
        padding-top: 38px !important;
    }

    #main-content .robotics__grid > .robot-card {
        height: 420px !important;
        grid-template-rows: 274px auto !important;
    }

    #main-content .robotics__grid > .robot-card > .robot-card__media {
        height: 274px !important;
    }

    #main-content .robotics__grid > .robot-card > .robot-card__media > .robot-card__platform {
        bottom: 12px !important;
    }

    #main-content .robotics__grid > .robot-card > .robot-card__separator {
        height: 350px !important;
    }
}

@media (hover: hover) and (pointer: fine) {
    #main-content .robotics__grid > .robot-card:hover,
    #main-content .about-usp:hover,
    #main-content .equipment__product:hover,
    #main-content .equipment-benefit:hover,
    #main-content .equipment__categories a:hover {
        border-color: var(--utm-fix-sky-border) !important;
        background-color: var(--utm-fix-sky) !important;
        box-shadow: 0 14px 30px -24px rgba(0, 105, 184, .58) !important;
    }

    #main-content .robotics__grid > .robot-card:hover,
    #main-content .about-usp:hover,
    #main-content .equipment__product:hover {
        transform: translateY(-3px) !important;
    }

    #main-content .equipment__product:hover img {
        transform: scale(1.22) !important;
    }
}

/* Реализованные проекты: увеличен именно текст внутри отмеченной карточки. */
#main-content .case-card__content {
    padding: 22px 26px !important;
}

#main-content .case-card h3 {
    font-size: 21px !important;
    line-height: 1.3 !important;
}

#main-content .case-card__details dt {
    font-size: 12px !important;
    line-height: 17px !important;
}

#main-content .case-card__details dd {
    font-size: 15px !important;
    line-height: 21px !important;
}

#main-content .case-card__content .text-link {
    font-size: 16px !important;
}

/* Оборудование: hover для карточек, категорий и преимуществ. */
#main-content .equipment__product,
#main-content .equipment-benefit,
#main-content .equipment__categories a {
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

#main-content .equipment-benefit,
#main-content .equipment__categories a {
    padding-inline: 8px;
}

#main-content .equipment__product img {
    transition: transform .35s cubic-bezier(.2, .7, .2, 1) !important;
}

/* О компании: карточки крупнее и легче считываются. */
#main-content .about__overview {
    min-height: 540px !important;
}

#main-content .about__overview-right {
    padding-top: 48px !important;
}

#main-content .about__lead {
    font-size: 24px !important;
    line-height: 34px !important;
}

#main-content .about-usp {
    box-sizing: border-box !important;
    min-height: 292px !important;
    padding: 16px 18px !important;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

#main-content .about-usp strong {
    font-size: 19px !important;
    line-height: 25px !important;
}

#main-content .about-usp p {
    font-size: 15px !important;
    line-height: 22px !important;
}

/* Контакты: заголовок и ссылка подняты к верхней кромке карточки. */
#main-content .contacts--figma {
    padding-top: 32px !important;
}

#main-content .contacts--figma .contacts__layout {
    isolation: isolate;
    padding-top: 12px !important;
}

#main-content .contacts--figma .contacts__heading {
    z-index: 5 !important;
    margin-bottom: -8px !important;
    transform: none;
}

#main-content .contacts--figma .contacts__heading-rule {
    margin-bottom: 10px !important;
}

#main-content .contacts--figma .contacts__heading .text-link {
    margin-top: 12px !important;
}

#main-content .contacts--figma .contacts__content-grid {
    z-index: 2 !important;
}

#main-content .contacts--figma .contacts-map {
    isolation: isolate;
    contain: paint;
}

#main-content .contacts--figma .contacts-map iframe {
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
}

#main-content .contacts--figma .contacts-map__toggle,
#main-content .contacts--figma .contacts-map__external {
    z-index: 2 !important;
}

#main-content .contacts--figma .contacts__tabs button {
    min-height: 78px !important;
}

#main-content .contacts--figma .contacts__tab-copy strong {
    font-size: 16px !important;
    line-height: 21px !important;
}

#main-content .contacts--figma .contacts__tab-copy small,
#main-content .contacts--figma .contact-person__role {
    font-size: 13px !important;
    line-height: 18px !important;
}

#main-content .contacts--figma .contact-person h5 {
    font-size: 16px !important;
    line-height: 22px !important;
}

#main-content .contacts--figma .contact-person__links a {
    font-size: 14px !important;
    line-height: 20px !important;
}

@media (max-width: 1199px) {
    #main-content .tasks__layout,
    #main-content .industries__layout {
        overflow: visible;
    }

    #main-content .about__overview-right {
        padding-top: 24px !important;
    }

    #main-content .about-usp {
        min-height: 148px !important;
    }
}

@media (max-width: 767px) {
    #main-content .tasks__layout,
    #main-content .industries__layout {
        border-radius: 14px;
    }

    #main-content .industry-card__overlay-svg--desktop,
    #main-content .industry-card__overlay-svg--tablet {
        display: none;
    }

    #main-content .industry-card__overlay-svg--mobile {
        display: block;
    }

    #main-content .contacts--figma {
        padding-top: 24px !important;
    }

    #main-content .contacts--figma .contacts__layout {
        padding-top: 18px !important;
    }

    #main-content .contacts--figma .contacts__heading {
        margin-bottom: 12px !important;
    }

    #main-content .contacts--figma .contacts__heading .text-link {
        margin-top: 0 !important;
    }

    #main-content .case-card__content {
        padding: 20px 18px !important;
    }

    #main-content .about__lead {
        font-size: 20px !important;
        line-height: 29px !important;
    }

    #main-content .about-usp {
        min-height: 142px !important;
        padding: 14px !important;
    }

    #main-content .contacts--figma .contacts__heading {
        transform: none;
    }

}
#main-content > section.tasks {
    padding-top: 0 !important;
}

/* =========================================================
   MEGA MENU / 2026-08-22
   Full site structure in the visual language of the redesign.
   ========================================================= */

body.menu-open {
    overflow: hidden !important;
}

.site-header .mega-menu[hidden] {
    display: none !important;
}

.site-header .mega-menu {
    --mega-border: rgba(116, 180, 255, 0.18);
    --mega-border-strong: rgba(116, 180, 255, 0.34);
    --mega-blue: #58a6ff;
    --mega-blue-bright: #7ec8ff;
    --mega-orange: #ff6a00;
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 100dvh !important;
    padding: 24px !important;
    overflow: hidden !important;
    background: rgba(2, 11, 23, 0.74) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    color: #f7fafc !important;
}

.site-header .mega-menu__backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: default;
}

.site-header .mega-menu__shell {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: min(100%, 1480px);
    max-height: calc(100dvh - 48px);
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid var(--mega-border-strong);
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% -8%, rgba(42, 125, 224, 0.28), transparent 32%),
        linear-gradient(138deg, rgba(8, 30, 57, 0.98), rgba(5, 20, 39, 0.985) 58%, rgba(3, 14, 29, 0.99));
    box-shadow:
        0 34px 80px rgba(0, 7, 17, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.025) inset,
        0 0 56px rgba(20, 105, 205, 0.12) inset;
    scrollbar-width: thin;
    scrollbar-color: rgba(126, 200, 255, 0.52) rgba(255, 255, 255, 0.06);
}

.site-header .mega-menu__shell::before,
.site-header .mega-menu__shell::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.site-header .mega-menu__shell::before {
    z-index: 0;
    inset: 0;
    opacity: 0.28;
    background-image:
        linear-gradient(rgba(92, 164, 242, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(92, 164, 242, 0.1) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(110deg, #000 0, transparent 42%);
    -webkit-mask-image: linear-gradient(110deg, #000 0, transparent 42%);
}

.site-header .mega-menu__shell::after {
    z-index: 2;
    top: 0;
    left: 40px;
    width: 148px;
    height: 3px;
    background: linear-gradient(90deg, var(--mega-orange), #ff9a42 60%, transparent);
    box-shadow: 0 0 16px rgba(255, 106, 0, 0.58);
}

.site-header .mega-menu__topbar,
.site-header .mega-menu__grid,
.site-header .mega-menu__footer {
    position: relative;
    z-index: 3;
}

.site-header .mega-menu__topbar {
    display: grid;
    grid-template-columns: minmax(280px, 0.9fr) minmax(360px, 1.35fr) 48px;
    align-items: center;
    gap: 32px;
    min-height: 108px;
    padding: 24px 32px;
    border-bottom: 1px solid var(--mega-border);
}

.site-header .mega-menu__heading {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.site-header .mega-menu__eyebrow {
    color: var(--mega-blue-bright);
    font-family: var(--utm-font-family-condensed, "Oswald Variable", Arial, sans-serif);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.site-header .mega-menu__heading strong {
    color: #fff;
    font-family: var(--utm-font-family-display, "Tektur Variable", Arial, sans-serif);
    font-size: clamp(24px, 2.1vw, 34px);
    font-weight: 560;
    line-height: 1.15;
}

.site-header .mega-menu__topbar > p {
    max-width: 650px;
    margin: 0;
    color: rgba(228, 239, 250, 0.72);
    font-family: var(--utm-font-family-body, Arial, sans-serif);
    font-size: 15px;
    line-height: 1.55;
}

.site-header .mega-menu__close {
    position: relative;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid var(--mega-border-strong);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.045);
    color: #fff;
    cursor: pointer;
    transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.site-header .mega-menu__close:hover {
    border-color: var(--mega-orange);
    background: rgba(255, 106, 0, 0.12);
    transform: rotate(4deg);
}

.site-header .mega-menu__close span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 19px;
    height: 2px;
    border-radius: 3px;
    background: currentColor;
}

.site-header .mega-menu__close span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}

.site-header .mega-menu__close span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.site-header .mega-menu__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(250px, 1.25fr);
    align-items: stretch;
    gap: 0;
    padding: 30px 32px 32px;
}

.site-header .mega-menu__group {
    min-width: 0;
    padding: 0 20px;
    border-left: 1px solid var(--mega-border);
}

.site-header .mega-menu__group:first-child {
    padding-left: 0;
    border-left: 0;
}

.site-header .mega-menu__group-toggle {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    margin: 0 0 14px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font-family: var(--utm-font-family-body, Arial, sans-serif);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-align: left;
}

.site-header .mega-menu__group-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(126, 200, 255, 0.32);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(57, 139, 232, 0.18), rgba(57, 139, 232, 0.04));
    color: var(--mega-blue-bright);
}

.site-header .mega-menu__group-icon svg,
.site-header .mega-menu__cta-icon svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.site-header .mega-menu__chevron {
    display: none;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translate(-2px, -2px);
    transition: transform 180ms ease;
}

.site-header .mega-menu__list {
    display: flex;
    flex-direction: column;
}

.site-header .mega-menu__list a {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center;
    gap: 8px;
    min-height: 43px;
    padding: 10px 4px 10px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(132, 177, 226, 0.13) !important;
    background: transparent !important;
    color: rgba(235, 243, 251, 0.76) !important;
    font-family: var(--utm-font-family-body, Arial, sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 470 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    transition: color 160ms ease, padding-left 160ms ease, border-color 160ms ease !important;
}

.site-header .mega-menu__list a span {
    min-width: 0;
}

.site-header .mega-menu__list a i {
    color: var(--mega-blue-bright);
    font-style: normal;
    font-size: 17px;
    line-height: 1;
    opacity: 0.42;
    transform: translateX(-3px);
    transition: opacity 160ms ease, transform 160ms ease, color 160ms ease;
}

.site-header .mega-menu__list a:hover,
.site-header .mega-menu__list a:focus-visible {
    padding-left: 6px !important;
    border-bottom-color: rgba(255, 106, 0, 0.48) !important;
    color: #fff !important;
}

.site-header .mega-menu__list a:hover i,
.site-header .mega-menu__list a:focus-visible i {
    color: var(--mega-orange);
    opacity: 1;
    transform: translateX(1px);
}

.site-header .mega-menu__list .mega-menu__all-link {
    margin-top: 7px;
    border-bottom: 0 !important;
    color: var(--mega-blue-bright) !important;
    font-weight: 650 !important;
}

.site-header .mega-menu__cta {
    position: relative;
    isolation: isolate;
    min-height: 356px;
    margin-left: 20px;
    overflow: hidden;
    border: 1px solid rgba(98, 174, 255, 0.42);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(4, 20, 39, 0.48), rgba(3, 16, 32, 0.93)),
        url('/local/templates/uraltm/assets/recovery-media-v1/optimized-6f40ab4f4152.webp') 54% 50% / cover no-repeat;
    box-shadow:
        0 18px 44px rgba(0, 7, 17, 0.3),
        0 0 32px rgba(24, 119, 228, 0.13) inset;
}

.site-header .mega-menu__cta::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(145deg, rgba(42, 127, 224, 0.24), transparent 46%),
        linear-gradient(180deg, transparent 42%, rgba(3, 16, 32, 0.98) 86%);
}

.site-header .mega-menu__cta::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: -40px;
    right: 36px;
    width: 1px;
    height: 240px;
    background: linear-gradient(transparent, rgba(95, 182, 255, 0.72), transparent);
    transform: rotate(32deg);
    box-shadow: 0 0 11px rgba(95, 182, 255, 0.68);
}

.site-header .mega-menu__cta-grid {
    position: absolute;
    z-index: 0;
    inset: 0;
    opacity: 0.22;
    background-image: radial-gradient(circle, rgba(126, 200, 255, 0.82) 1px, transparent 1.2px);
    background-size: 16px 16px;
    mask-image: linear-gradient(135deg, #000, transparent 48%);
    -webkit-mask-image: linear-gradient(135deg, #000, transparent 48%);
}

.site-header .mega-menu__cta-icon,
.site-header .mega-menu__cta-copy,
.site-header .mega-menu__cta-actions {
    position: absolute;
    z-index: 2;
    left: 22px;
    right: 22px;
}

.site-header .mega-menu__cta-icon {
    top: 22px;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 1px solid var(--mega-orange);
    border-radius: 50%;
    color: var(--mega-orange);
    box-shadow: 0 0 22px rgba(255, 106, 0, 0.24);
}

.site-header .mega-menu__cta-copy {
    bottom: 118px;
}

.site-header .mega-menu__cta-copy strong {
    display: block;
    margin: 0 0 10px;
    color: #fff;
    font-family: var(--utm-font-family-display, "Tektur Variable", Arial, sans-serif);
    font-size: clamp(19px, 1.4vw, 25px);
    font-weight: 560;
    line-height: 1.2;
}

.site-header .mega-menu__cta-copy p {
    margin: 0;
    color: rgba(226, 238, 249, 0.74);
    font-family: var(--utm-font-family-body, Arial, sans-serif);
    font-size: 13px;
    line-height: 1.45;
}

.site-header .mega-menu__cta-actions {
    bottom: 18px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.site-header .mega-menu__cta-actions a {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 14px !important;
    border-radius: 8px;
    color: #fff !important;
    font-family: var(--utm-font-family-body, Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.site-header .mega-menu__cta-actions a:hover,
.site-header .mega-menu__cta-actions a:focus-visible {
    transform: translateY(-2px);
}

.site-header .mega-menu__cta-secondary {
    border: 1px solid rgba(201, 226, 250, 0.54);
    background: rgba(4, 19, 37, 0.58);
}

.site-header .mega-menu__cta-primary {
    border: 1px solid var(--mega-orange);
    background: var(--mega-orange);
    box-shadow: 0 10px 22px rgba(255, 106, 0, 0.18);
}

.site-header .mega-menu__footer {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(360px, 1fr);
    align-items: center;
    gap: 28px;
    min-height: 76px;
    padding: 16px 32px;
    border-top: 1px solid var(--mega-border);
    background: rgba(0, 8, 19, 0.24);
}

.site-header .mega-menu__services,
.site-header .mega-menu__company {
    display: flex;
    align-items: center;
    gap: 14px 18px;
    min-width: 0;
}

.site-header .mega-menu__services {
    flex-wrap: wrap;
}

.site-header .mega-menu__services > span {
    color: rgba(158, 196, 234, 0.58);
    font-family: var(--utm-font-family-condensed, Arial, sans-serif);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.site-header .mega-menu__footer a {
    position: relative;
    padding: 4px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(232, 241, 250, 0.72) !important;
    font-family: var(--utm-font-family-body, Arial, sans-serif) !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    transition: color 160ms ease !important;
}

.site-header .mega-menu__footer a:hover,
.site-header .mega-menu__footer a:focus-visible {
    color: #fff !important;
}

.site-header .mega-menu__footer a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 1px;
    background: var(--mega-orange);
    transition: right 160ms ease;
}

.site-header .mega-menu__footer a:hover::after,
.site-header .mega-menu__footer a:focus-visible::after {
    right: 0;
}

.site-header .mega-menu__company {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.site-header .mega-menu :focus-visible {
    outline: 2px solid var(--mega-blue-bright) !important;
    outline-offset: 3px !important;
}

@media (min-width: 1200px) {
    .site-header .mega-menu__group-toggle {
        pointer-events: none;
    }

    .site-header .mega-menu__group .mega-menu__list {
        display: flex !important;
    }
}

@media (max-width: 1199px) {
    .site-header .mega-menu {
        padding: 16px !important;
    }

    .site-header .mega-menu__shell {
        max-height: calc(100dvh - 32px);
    }

    .site-header .mega-menu__topbar {
        grid-template-columns: minmax(260px, 0.9fr) minmax(300px, 1.2fr) 48px;
        gap: 20px;
        padding-inline: 24px;
    }

    .site-header .mega-menu__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 0;
        padding: 26px 24px;
    }

    .site-header .mega-menu__group:nth-child(odd) {
        padding-left: 0;
        border-left: 0;
    }

    .site-header .mega-menu__group:nth-child(even) {
        padding-right: 0;
    }

    .site-header .mega-menu__group-toggle {
        cursor: pointer;
    }

    .site-header .mega-menu__chevron {
        display: block;
    }

    .site-header .mega-menu__group.is-open .mega-menu__chevron {
        transform: rotate(225deg) translate(-1px, -1px);
    }

    .site-header .mega-menu__group:not(.is-open) .mega-menu__list {
        display: none;
    }

    .site-header .mega-menu__cta {
        grid-column: 1 / -1;
        min-height: 260px;
        margin: 0;
        background-position: center 47%;
    }

    .site-header .mega-menu__cta-copy {
        right: 46%;
        bottom: 34px;
    }

    .site-header .mega-menu__cta-actions {
        left: auto;
        right: 22px;
        bottom: 24px;
        width: min(38%, 330px);
    }

    .site-header .mega-menu__footer {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px 24px;
    }

    .site-header .mega-menu__company {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .site-header .mega-menu {
        padding: 0 !important;
        background: #041326 !important;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .site-header .mega-menu__shell {
        width: 100%;
        max-height: 100dvh;
        min-height: 100dvh;
        border: 0;
        border-radius: 0;
    }

    .site-header .mega-menu__shell::after {
        left: 16px;
        width: 92px;
    }

    .site-header .mega-menu__topbar {
        position: sticky;
        top: 0;
        z-index: 8;
        grid-template-columns: minmax(0, 1fr) 44px;
        min-height: 88px;
        padding: 17px 16px;
        background: rgba(5, 20, 39, 0.96);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .site-header .mega-menu__heading {
        gap: 5px;
    }

    .site-header .mega-menu__heading strong {
        font-size: 22px;
    }

    .site-header .mega-menu__topbar > p {
        display: none;
    }

    .site-header .mega-menu__close {
        width: 44px;
        height: 44px;
    }

    .site-header .mega-menu__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        padding: 8px 16px 24px;
    }

    .site-header .mega-menu__group,
    .site-header .mega-menu__group:first-child,
    .site-header .mega-menu__group:nth-child(even) {
        padding: 0;
        border: 0;
        border-bottom: 1px solid var(--mega-border);
    }

    .site-header .mega-menu__group-toggle {
        grid-template-columns: 40px minmax(0, 1fr) 18px;
        min-height: 66px;
        margin: 0;
        font-size: 16px;
    }

    .site-header .mega-menu__group-icon {
        width: 38px;
        height: 38px;
    }

    .site-header .mega-menu__list {
        padding: 0 0 12px 52px;
    }

    .site-header .mega-menu__list a {
        min-height: 42px;
        font-size: 14px !important;
    }

    .site-header .mega-menu__cta {
        grid-column: auto;
        min-height: 340px;
        margin-top: 22px;
        background-position: 54% 50%;
    }

    .site-header .mega-menu__cta-copy {
        right: 22px;
        bottom: 116px;
    }

    .site-header .mega-menu__cta-copy strong {
        font-size: 22px;
    }

    .site-header .mega-menu__cta-actions {
        left: 18px;
        right: 18px;
        bottom: 17px;
        width: auto;
    }

    .site-header .mega-menu__footer {
        gap: 18px;
        padding: 20px 16px 28px;
    }

    .site-header .mega-menu__services,
    .site-header .mega-menu__company {
        gap: 11px 16px;
    }

    .site-header .mega-menu__services > span {
        flex-basis: 100%;
    }

    .site-header .mega-menu__footer a {
        min-height: 32px;
        font-size: 13px !important;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .site-header .mega-menu:not([hidden]) .mega-menu__shell {
        animation: mega-menu-enter 260ms cubic-bezier(0.16, 1, 0.3, 1) both;
    }

    .site-header .mega-menu:not([hidden]) .mega-menu__group,
    .site-header .mega-menu:not([hidden]) .mega-menu__cta {
        animation: mega-menu-content-enter 360ms cubic-bezier(0.16, 1, 0.3, 1) both;
    }

    .site-header .mega-menu:not([hidden]) .mega-menu__group:nth-child(2) { animation-delay: 35ms; }
    .site-header .mega-menu:not([hidden]) .mega-menu__group:nth-child(3) { animation-delay: 70ms; }
    .site-header .mega-menu:not([hidden]) .mega-menu__group:nth-child(4) { animation-delay: 105ms; }
    .site-header .mega-menu:not([hidden]) .mega-menu__cta { animation-delay: 140ms; }
}

@keyframes mega-menu-enter {
    from { opacity: 0; transform: translateY(-18px) scale(0.988); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes mega-menu-content-enter {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Mega menu v2: five navigation columns and compact feedback strip. */

.site-header .mega-menu {
    background: rgba(3, 13, 27, 0.58) !important;
}

.site-header .mega-menu__shell {
    background:
        radial-gradient(circle at 10% 0%, rgba(61, 145, 238, 0.24), transparent 34%),
        linear-gradient(138deg, #0d3158 0%, #092746 48%, #071e38 100%) !important;
    box-shadow:
        0 34px 80px rgba(0, 7, 17, 0.42),
        0 0 0 1px rgba(255, 255, 255, 0.035) inset,
        0 0 46px rgba(42, 125, 224, 0.1) inset !important;
}

.site-header .mega-menu__topbar > p {
    color: #e5eef8 !important;
}

.site-header .mega-menu__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.site-header .mega-menu__list a,
.site-header .mega-menu__list .mega-menu__all-link {
    color: #f6f9fd !important;
    font-weight: 520 !important;
}

.site-header .mega-menu__list a:hover,
.site-header .mega-menu__list a:focus-visible,
.site-header .mega-menu__list .mega-menu__all-link:hover,
.site-header .mega-menu__list .mega-menu__all-link:focus-visible {
    color: #9ed4ff !important;
}

.site-header .mega-menu__list a i {
    color: #82c8ff !important;
    opacity: 0.82;
}

.site-header .mega-menu__list a:hover i,
.site-header .mega-menu__list a:focus-visible i {
    color: #c8e9ff !important;
}

.site-header .mega-menu__footer {
    grid-template-columns: minmax(650px, 1.45fr) minmax(360px, 0.8fr);
    min-height: 88px;
    background: rgba(8, 38, 69, 0.66);
}

.site-header .mega-menu__feedback {
    display: grid;
    grid-template-columns: 44px minmax(210px, 1fr) auto auto;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.site-header .mega-menu__feedback-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--mega-orange);
    border-radius: 50%;
    color: var(--mega-orange);
    background: rgba(255, 106, 0, 0.08);
    box-shadow: 0 0 20px rgba(255, 106, 0, 0.14);
}

.site-header .mega-menu__feedback-icon svg {
    width: 21px;
    height: 21px;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.site-header .mega-menu__feedback-copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.site-header .mega-menu__feedback-copy strong {
    color: #fff;
    font-family: var(--utm-font-family-body, Arial, sans-serif);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

.site-header .mega-menu__feedback-copy > span {
    color: #dbe9f6;
    font-family: var(--utm-font-family-body, Arial, sans-serif);
    font-size: 12.5px;
    line-height: 1.35;
}

.site-header .mega-menu__feedback-phone,
.site-header .mega-menu__feedback-button {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: 8px;
    font-family: var(--utm-font-family-body, Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 680 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    text-decoration: none !important;
    transition: color 160ms ease, border-color 160ms ease, background 160ms ease, transform 160ms ease !important;
}

.site-header .mega-menu__feedback-phone {
    padding: 0 16px !important;
    border: 1px solid rgba(182, 218, 250, 0.48) !important;
    background: rgba(4, 22, 41, 0.28) !important;
    color: #fff !important;
}

.site-header .mega-menu__feedback-phone:hover,
.site-header .mega-menu__feedback-phone:focus-visible {
    border-color: #9ed4ff !important;
    color: #9ed4ff !important;
}

.site-header .mega-menu__feedback-button {
    gap: 18px;
    padding: 0 17px !important;
    border: 1px solid var(--mega-orange) !important;
    background: var(--mega-orange) !important;
    color: #fff !important;
    box-shadow: 0 9px 20px rgba(255, 106, 0, 0.16);
}

.site-header .mega-menu__feedback-button:hover,
.site-header .mega-menu__feedback-button:focus-visible {
    background: #ff8126 !important;
    transform: translateY(-1px);
}

.site-header .mega-menu__feedback a::after {
    display: none !important;
}

.site-header .mega-menu__company a,
.site-header .mega-menu__footer a {
    color: #f5f9fd !important;
}

.site-header .mega-menu__company a:hover,
.site-header .mega-menu__company a:focus-visible,
.site-header .mega-menu__footer a:hover,
.site-header .mega-menu__footer a:focus-visible {
    color: #9ed4ff !important;
}

@media (max-width: 1199px) {
    .site-header .mega-menu__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-header .mega-menu__group:nth-child(5) {
        grid-column: 1 / -1;
        padding: 0;
        border-left: 0;
    }

    .site-header .mega-menu__group:nth-child(5) .mega-menu__list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 28px;
    }

    .site-header .mega-menu__footer {
        grid-template-columns: minmax(0, 1fr);
    }

    .site-header .mega-menu__feedback {
        grid-template-columns: 44px minmax(210px, 1fr) auto auto;
    }
}

@media (max-width: 767px) {
    .site-header .mega-menu__shell {
        background:
            radial-gradient(circle at 12% 0%, rgba(61, 145, 238, 0.2), transparent 32%),
            linear-gradient(150deg, #0c2d51, #071f3a 62%, #061a31) !important;
    }

    .site-header .mega-menu__group:nth-child(5) {
        grid-column: auto;
    }

    .site-header .mega-menu__group:nth-child(5) .mega-menu__list {
        display: flex;
    }

    .site-header .mega-menu__group:nth-child(5):not(.is-open) .mega-menu__list {
        display: none;
    }

    .site-header .mega-menu__footer {
        min-height: 0;
        padding-top: 22px;
    }

    .site-header .mega-menu__feedback {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
    }

    .site-header .mega-menu__feedback-phone,
    .site-header .mega-menu__feedback-button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .site-header .mega-menu__feedback-phone {
        margin-top: 5px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .site-header .mega-menu:not([hidden]) .mega-menu__group:nth-child(5) {
        animation-delay: 140ms;
    }
}

/* Mega menu v3: brighter shell, cleaner links and compact feedback controls. */

.site-header .mega-menu__shell {
    background:
        radial-gradient(ellipse at 104% 28%, rgba(255, 255, 255, 0.14) 0%, rgba(197, 225, 250, 0.07) 30%, transparent 61%),
        radial-gradient(circle at 10% 0%, rgba(96, 169, 248, 0.3), transparent 36%),
        linear-gradient(116deg, #123d69 0%, #0d345c 46%, #0b2f54 72%, #123a62 100%) !important;
    box-shadow:
        0 34px 80px rgba(0, 7, 17, 0.36),
        0 0 0 1px rgba(255, 255, 255, 0.055) inset,
        -90px 0 120px rgba(121, 186, 245, 0.06) inset,
        90px 0 140px rgba(255, 255, 255, 0.045) inset !important;
}

.site-header .mega-menu__list a {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-right: 0 !important;
}

.site-header .mega-menu__list a i {
    display: none !important;
}

.site-header .mega-menu__feedback {
    grid-template-columns: 44px minmax(230px, 305px) auto auto;
    justify-content: start;
    gap: 14px;
}

.site-header .mega-menu__footer .mega-menu__feedback-button {
    padding: 0 20px !important;
    border: 1px solid #ff760d !important;
    background: linear-gradient(135deg, #ff6500 0%, #ff7a12 100%) !important;
    color: #fff !important;
    box-shadow:
        0 10px 24px rgba(255, 101, 0, 0.28),
        0 1px 0 rgba(255, 255, 255, 0.2) inset !important;
    transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease !important;
}

.site-header .mega-menu__footer .mega-menu__feedback-button:hover,
.site-header .mega-menu__footer .mega-menu__feedback-button:focus-visible {
    border-color: #ffab55 !important;
    background: linear-gradient(135deg, #ff8426 0%, #ffad55 100%) !important;
    color: #fff !important;
    box-shadow:
        0 14px 30px rgba(255, 116, 18, 0.38),
        0 0 24px rgba(255, 163, 76, 0.18),
        0 1px 0 rgba(255, 255, 255, 0.3) inset !important;
    transform: translateY(-2px);
}

@media (min-width: 1360px) {
    .site-header .mega-menu__topbar {
        grid-template-columns: minmax(460px, 0.86fr) minmax(680px, 1.3fr) 48px;
        gap: 26px;
    }

    .site-header .mega-menu__topbar > p {
        max-width: none;
        font-size: 14px;
        white-space: nowrap;
    }
}

@media (max-width: 1199px) {
    .site-header .mega-menu__feedback {
        grid-template-columns: 44px minmax(220px, 305px) auto auto;
    }
}

@media (max-width: 767px) {
    .site-header .mega-menu__shell {
        background:
            radial-gradient(ellipse at 110% 18%, rgba(255, 255, 255, 0.1), transparent 52%),
            radial-gradient(circle at 12% 0%, rgba(96, 169, 248, 0.24), transparent 34%),
            linear-gradient(150deg, #123b65, #0b3157 62%, #0a294a) !important;
    }

    .site-header .mega-menu__feedback {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
    }
}

/* Unified section titles: short brand rule directly below every main H2. */

#main-content #tasks .tasks__intro > h2,
#main-content #industries .section-heading > h2,
#main-content #competencies .competencies__heading-stack > h2,
#main-content #robotics .section-heading > h2,
#main-content #projectCycle .utm-fg-process__intro > h2,
#main-content #cases .section-heading > h2,
#main-content #equipment .equipment__title,
#main-content #about .about__title,
#main-content #news .utm-fg-news__header > h2,
#main-content #faq .utm-fg-faq__header > h2,
#main-content #consultation .lead-form__heading > h2,
#main-content #contacts .contacts__heading h2 {
    position: relative;
}

#main-content #tasks .tasks__intro > h2::after,
#main-content #industries .section-heading > h2::after,
#main-content #competencies .competencies__heading-stack > h2::after,
#main-content #robotics .section-heading > h2::after,
#main-content #projectCycle .utm-fg-process__intro > h2::after,
#main-content #cases .section-heading > h2::after,
#main-content #equipment .equipment__title::after,
#main-content #about .about__title::after,
#main-content #news .utm-fg-news__header > h2::after,
#main-content #faq .utm-fg-faq__header > h2::after,
#main-content #consultation .lead-form__heading > h2::after,
#main-content #contacts .contacts__heading h2::after {
    content: "" !important;
    display: block !important;
    width: 24px !important;
    height: 3px !important;
    margin: 14px 0 0 !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #ff6a00 !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Four navy rules per twelve headings: orange remains the dominant 2:1 accent. */
#main-content #industries .section-heading > h2::after,
#main-content #cases .section-heading > h2::after,
#main-content #about .about__title::after,
#main-content #consultation .lead-form__heading > h2::after {
    background: #0e2c55 !important;
}

/* Remove legacy rules that were above the title or used inconsistent spacing. */
#main-content #competencies .competencies__heading-dash,
#main-content #robotics .robotics__heading-dash,
#main-content #projectCycle .utm-fg-process__dash,
#main-content #equipment .equipment__accent,
#main-content #consultation .consultation__rule,
#main-content #contacts .contacts__heading-rule {
    display: none !important;
}

#main-content #consultation .lead-form__heading > h2 {
    margin-top: 0 !important;
}

/* Match the news block to the common 1360px page container. */
#main-content #news .utm-fg-news__shell {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1360px !important;
}

@media (min-width: 1200px) {
    #main-content > section#news.utm-fg-news {
        padding: 8px 24px 26px !important;
    }
}

@media (max-width: 767px) {
    #main-content #tasks .tasks__intro > h2::after,
    #main-content #industries .section-heading > h2::after,
    #main-content #competencies .competencies__heading-stack > h2::after,
    #main-content #robotics .section-heading > h2::after,
    #main-content #projectCycle .utm-fg-process__intro > h2::after,
    #main-content #cases .section-heading > h2::after,
    #main-content #equipment .equipment__title::after,
    #main-content #about .about__title::after,
    #main-content #news .utm-fg-news__header > h2::after,
    #main-content #faq .utm-fg-faq__header > h2::after,
    #main-content #consultation .lead-form__heading > h2::after,
    #main-content #contacts .contacts__heading h2::after {
        margin-top: 11px !important;
    }
}

/* About trust cards and featured news image — refinement v2. */

/* The section accent belongs to the documents/reviews heading, not "About". */
#main-content #about .about__title::after {
    content: none !important;
    display: none !important;
}

#main-content #about .about__trust-heading {
    position: relative;
}

#main-content #about .about__trust-heading::after {
    content: "" !important;
    display: block !important;
    width: 24px !important;
    height: 3px !important;
    margin: 14px 0 0 !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #0e2c55 !important;
}

/* Three equal columns and one shared card height, without an empty lower area. */
#main-content #about .about__trust {
    min-height: 0 !important;
}

#main-content #about .about__trust-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 24px !important;
}

#main-content #about .trust-column {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
}

#main-content #about .trust-card {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
}

#main-content #about .trust-card--certificates .certificates-carousel {
    display: flex;
    height: 100%;
    flex-direction: column;
}

#main-content #about .trust-card--certificates .certificates-carousel__viewport {
    flex: 1 1 auto;
}

#main-content #about .trust-card--certificates .certificates-carousel__controls {
    margin-top: auto;
}

#main-content #about .trust-card--partners .partner-panel__logos {
    height: 100%;
    align-content: center;
    grid-auto-rows: 58px;
}

#main-content #about .trust-card--partners .partner-logo {
    height: 58px !important;
}

#main-content #about .trust-card--reviews {
    justify-content: center !important;
}

/* Keep the landscape news photo intact instead of cropping it into a portrait. */
#main-content #news .utm-fg-news-featured > img {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: contain !important;
    object-position: center top !important;
    transform: none !important;
    background: #0b1f3a;
    transition: filter .25s ease !important;
}

#main-content #news .utm-fg-news-featured:hover > img,
#main-content #news .utm-fg-news-featured:focus-visible > img {
    transform: none !important;
    filter: brightness(1.04);
}

@media (min-width: 768px) and (max-width: 1199px) {
    #main-content #about .about__trust-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #main-content #about .trust-column:nth-child(3) {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    #main-content #about .about__trust-heading::after {
        margin-top: 11px !important;
    }

    #main-content #about .about__trust-columns {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    #main-content #about .trust-card {
        height: auto !important;
        min-height: 220px !important;
    }
}

/* About, cases and dropdown mega menu — refinement v3. */

/* Give the four company advantages enough room without reducing typography. */
#main-content #about .about__accent {
    display: none !important;
}

@media (min-width: 1200px) {
    #main-content #about .about__overview {
        grid-template-columns: 480px 1px minmax(0, 1fr) !important;
    }

    #main-content #about .about__overview-right {
        box-sizing: border-box !important;
        padding: 48px 0 0 28px !important;
    }

    #main-content #about .about__usps {
        width: 100% !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    #main-content #about .about-usp {
        min-width: 0 !important;
        padding: 16px 14px !important;
        overflow: hidden !important;
    }

    #main-content #about .about-usp strong,
    #main-content #about .about-usp p {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-wrap: break-word;
    }
}

/* A richer engineering surface for completed projects. */
#main-content #cases {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(circle at 88% 12%, rgba(89, 166, 231, .12), transparent 27%),
        linear-gradient(180deg, #eef4f8 0%, #eaf2f7 100%) !important;
}

#main-content #cases > .container {
    position: relative;
    isolation: isolate;
    box-sizing: border-box !important;
    padding: 32px !important;
    overflow: hidden;
    border: 1px solid #ceddea;
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(249, 252, 255, .97) 58%, rgba(238, 247, 253, .96) 100%);
    box-shadow:
        0 24px 54px -42px rgba(7, 40, 75, .62),
        0 1px 0 rgba(255, 255, 255, .9) inset;
}

#main-content #cases > .container::before,
#main-content #cases > .container::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

#main-content #cases > .container::before {
    top: 0;
    right: 0;
    width: 44%;
    height: 46%;
    opacity: .42;
    background-image:
        linear-gradient(rgba(29, 112, 180, .09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 112, 180, .09) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(225deg, #000 0%, transparent 76%);
    -webkit-mask-image: linear-gradient(225deg, #000 0%, transparent 76%);
}

#main-content #cases > .container::after {
    top: -118px;
    right: -88px;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(34, 132, 210, .18);
    border-radius: 50%;
    box-shadow:
        0 0 0 42px rgba(71, 153, 220, .035),
        0 0 0 84px rgba(71, 153, 220, .025);
}

#main-content #cases .section-heading,
#main-content #cases .cases__grid {
    position: relative;
    z-index: 1;
}

#main-content #cases .cases__grid {
    width: 100%;
}

#main-content #cases .case-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid #c9dbea !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow:
        0 18px 34px -28px rgba(7, 43, 79, .62),
        0 1px 0 rgba(255, 255, 255, .9) inset !important;
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease !important;
}

#main-content #cases .case-card::before {
    content: "";
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 86px;
    height: 3px;
    background: linear-gradient(90deg, #ff6a00 0%, #ff9b55 68%, transparent 100%);
    box-shadow: 0 0 14px rgba(255, 106, 0, .24);
}

#main-content #cases .case-card--secondary::before {
    width: 64px;
    background: linear-gradient(90deg, #0a57c5 0%, #69b8ef 68%, transparent 100%);
    box-shadow: 0 0 14px rgba(10, 87, 197, .18);
}

#main-content #cases .case-card__content {
    position: relative;
    z-index: 2;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(246, 251, 255, .96)) !important;
}

#main-content #cases .case-card > img {
    position: relative;
    z-index: 1;
    transition: transform .55s cubic-bezier(.2, .7, .2, 1), filter .3s ease !important;
}

#main-content #cases .case-card__details div {
    border-color: #d8e5ef !important;
}

#main-content #cases .case-card .text-link {
    color: #064ea9 !important;
}

@media (min-width: 1200px) {
    #main-content #cases .cases__grid {
        grid-template-columns: minmax(0, 1.55fr) minmax(360px, .95fr) !important;
    }
}

@media (hover: hover) and (pointer: fine) {
    #main-content #cases .case-card:hover {
        border-color: #91bcdf !important;
        box-shadow:
            0 24px 46px -30px rgba(5, 63, 116, .72),
            0 0 0 1px rgba(99, 177, 235, .08) inset !important;
        transform: translateY(-4px) !important;
    }

    #main-content #cases .case-card:hover > img {
        transform: scale(1.025);
        filter: saturate(1.04) contrast(1.02);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #main-content #cases > .container {
        padding: 24px !important;
        border-radius: 20px;
    }
}

@media (max-width: 767px) {
    #main-content #cases > .container {
        padding: 16px !important;
        border-radius: 16px;
    }

    #main-content #cases > .container::before {
        width: 72%;
    }
}

/* Mega menu as a dropdown panel directly below the header. */
body.menu-open {
    overflow: auto !important;
}

.site-header {
    overflow: visible !important;
}

.site-header .mega-menu {
    position: absolute !important;
    inset: auto 0 auto 0 !important;
    top: var(--sticky-header-flow-height, 185px) !important;
    z-index: 19 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 24px 18px !important;
    overflow: visible !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none;
}

.site-header.is-sticky-nav .mega-menu {
    position: fixed !important;
    top: var(--sticky-nav-height, 73px) !important;
}

.site-header .mega-menu__backdrop {
    display: none !important;
}

.site-header .mega-menu__shell {
    width: 100% !important;
    max-width: none !important;
    max-height: calc(100dvh - var(--sticky-header-flow-height, 185px) - 18px) !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-top: 0 !important;
    border-radius: 0 0 22px 22px !important;
    opacity: 0;
    transform: translateY(-20px) scaleY(.97);
    transform-origin: top center;
    pointer-events: none;
    animation: none !important;
    transition:
        opacity 220ms ease,
        transform 280ms cubic-bezier(.16, 1, .3, 1) !important;
}

.site-header.is-sticky-nav .mega-menu__shell {
    max-height: calc(100dvh - var(--sticky-nav-height, 73px) - 18px) !important;
}

.site-header .mega-menu.is-open {
    pointer-events: auto;
}

.site-header .mega-menu.is-open .mega-menu__shell {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    pointer-events: auto;
}

.site-header .mega-menu.is-closing .mega-menu__shell {
    opacity: 0;
    transform: translateY(-16px) scaleY(.975);
    pointer-events: none;
}

.site-header .mega-menu:not([hidden]) .mega-menu__group,
.site-header .mega-menu:not([hidden]) .mega-menu__cta {
    animation: none !important;
}

@media (max-width: 767px) {
    .site-header .mega-menu {
        padding: 0 0 12px !important;
    }

    .site-header .mega-menu__shell {
        border-radius: 0 0 16px 16px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-header .mega-menu__shell {
        transition-duration: .01ms !important;
    }
}

/* Individual engineering surfaces and restrained section atmospheres — v4. */

/* The page remains light, but adjacent sections no longer merge into one flat field. */
#main-content #tasks {
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 125, 28, .075), transparent 27%),
        linear-gradient(180deg, #f2f7fa 0%, #edf4f8 100%) !important;
}

#main-content #industries {
    background:
        radial-gradient(circle at 92% 8%, rgba(62, 145, 211, .09), transparent 30%),
        linear-gradient(180deg, #edf4f8 0%, #f3f7fa 100%) !important;
}

#main-content #competencies {
    background:
        radial-gradient(ellipse at 12% 45%, rgba(255, 130, 37, .055), transparent 31%),
        radial-gradient(ellipse at 88% 58%, rgba(43, 133, 204, .085), transparent 34%),
        linear-gradient(180deg, #eef4f8 0%, #eaf2f7 100%) !important;
}

#main-content #projectCycle {
    background:
        linear-gradient(90deg, rgba(10, 52, 90, .035) 1px, transparent 1px),
        linear-gradient(180deg, #edf4f8 0%, #f1f6f9 100%) !important;
    background-size: 72px 100%, auto !important;
}

#main-content #equipment {
    background:
        radial-gradient(circle at 86% 12%, rgba(49, 137, 207, .09), transparent 28%),
        linear-gradient(180deg, #f1f6f9 0%, #eaf2f7 100%) !important;
}

#main-content #about {
    background:
        radial-gradient(ellipse at 7% 22%, rgba(255, 129, 29, .055), transparent 27%),
        radial-gradient(ellipse at 92% 74%, rgba(54, 143, 214, .07), transparent 29%),
        linear-gradient(180deg, #edf4f8 0%, #f4f7f9 100%) !important;
}

#main-content #news {
    background:
        linear-gradient(116deg, rgba(255, 255, 255, .42) 0 18%, transparent 18.15%),
        radial-gradient(circle at 88% 8%, rgba(49, 139, 210, .075), transparent 29%),
        linear-gradient(180deg, #f3f7fa 0%, #ecf3f8 100%) !important;
}

#main-content #faq {
    background:
        radial-gradient(circle at 10% 12%, rgba(255, 131, 35, .06), transparent 27%),
        linear-gradient(180deg, #edf4f9 0%, #f4f8fa 100%) !important;
}

#main-content #consultation {
    background:
        radial-gradient(ellipse at 84% 45%, rgba(49, 137, 207, .075), transparent 34%),
        linear-gradient(180deg, #f3f7fa 0%, #edf4f8 100%) !important;
}

#main-content #contacts {
    background:
        radial-gradient(ellipse at 12% 20%, rgba(72, 156, 220, .075), transparent 34%),
        linear-gradient(180deg, #edf5f9 0%, #f4f8fa 100%) !important;
}

/* Shared material quality; each selector below receives its own drawing. */
#main-content #tasks .tasks__layout,
#main-content #industries .industries__layout,
#main-content #competencies .competencies__technical-panel,
#main-content #robotics,
#main-content #equipment .equipment__technical-panel,
#main-content #about .about__overview,
#main-content #about .about__trust,
#main-content #news .utm-fg-news__shell,
#main-content #faq .utm-fg-faq__surface,
#main-content #consultation .consultation__panel,
#main-content #contacts .contacts__layout {
    isolation: isolate;
    border-color: #cbddea !important;
    box-shadow:
        0 22px 48px -40px rgba(5, 43, 78, .62),
        0 1px 0 rgba(255, 255, 255, .92) inset !important;
    transition: border-color .28s ease, box-shadow .28s ease, filter .28s ease !important;
}

/* Tasks: a warm diagonal datum and very fine vertical calibration marks. */
#main-content #tasks .tasks__layout {
    border-radius: 22px 8px 22px 8px !important;
    background-color: #fff !important;
    background-image:
        linear-gradient(135deg, transparent 0 73%, rgba(255, 112, 12, .08) 73.1% 73.35%, transparent 73.45%),
        repeating-linear-gradient(90deg, transparent 0 31px, rgba(13, 74, 126, .025) 31px 32px),
        radial-gradient(circle at 0% 0%, rgba(255, 128, 35, .10), transparent 25%) !important;
}

/* Industries: a pale blue dot matrix, deliberately different from the tasks panel. */
#main-content #industries .industries__layout {
    border-radius: 8px 24px 8px 24px !important;
    background-color: #fff !important;
    background-image:
        radial-gradient(circle at 1px 1px, rgba(22, 101, 163, .045) 1px, transparent 1.25px),
        radial-gradient(circle at 100% 0%, rgba(72, 158, 225, .12), transparent 28%) !important;
    background-size: 22px 22px, auto !important;
}

/* Competencies: an orthogonal coordinate field. */
#main-content #competencies .competencies__technical-panel {
    overflow: hidden !important;
    border-radius: 20px 20px 6px 20px !important;
    background-color: #fbfdff !important;
    background-image:
        linear-gradient(rgba(25, 103, 167, .038) 1px, transparent 1px),
        linear-gradient(90deg, rgba(25, 103, 167, .038) 1px, transparent 1px),
        linear-gradient(118deg, transparent 0 82%, rgba(54, 149, 221, .085) 82.1% 82.45%, transparent 82.55%) !important;
    background-size: 34px 34px, 34px 34px, auto !important;
    box-shadow:
        0 24px 52px -42px rgba(8, 59, 105, .68),
        -4px 0 0 rgba(32, 126, 201, .07),
        0 1px 0 rgba(255, 255, 255, .94) inset !important;
}

/* Robotics: angled facets and a restrained orange energy point. */
#main-content #robotics {
    overflow: hidden !important;
    border-radius: 6px 22px 22px 22px !important;
    background-color: #fff !important;
    background-image:
        linear-gradient(150deg, rgba(33, 119, 187, .05) 0 16%, transparent 16.15%),
        linear-gradient(330deg, rgba(17, 82, 137, .04) 0 13%, transparent 13.15%),
        radial-gradient(circle at 94% 12%, rgba(255, 119, 24, .12), transparent 20%) !important;
    box-shadow:
        0 24px 50px -40px rgba(7, 48, 84, .66),
        0 0 0 1px rgba(255, 126, 35, .025) inset !important;
}

/* The dark project cycle already has its own rich illustration; only add depth. */
#main-content #projectCycle .utm-fg-process__panel {
    border-color: rgba(91, 165, 222, .46) !important;
    border-radius: 18px 18px 8px 18px !important;
    box-shadow:
        0 28px 58px -38px rgba(3, 24, 47, .78),
        0 1px 0 rgba(151, 209, 255, .14) inset !important;
    transition: border-color .28s ease, box-shadow .28s ease, filter .28s ease !important;
}

/* Equipment: a circuit-board rhythm rather than a generic grid. */
#main-content #equipment .equipment__technical-panel {
    overflow: hidden !important;
    border-radius: 24px 8px 24px 24px !important;
    background-color: #fff !important;
    background-image:
        repeating-linear-gradient(0deg, transparent 0 47px, rgba(15, 91, 152, .034) 47px 48px),
        repeating-linear-gradient(90deg, transparent 0 94px, rgba(15, 91, 152, .03) 94px 95px),
        radial-gradient(circle at 100% 50%, rgba(55, 147, 219, .12), transparent 25%) !important;
    background-size: auto, auto, auto !important;
    box-shadow:
        0 26px 52px -42px rgba(6, 53, 94, .68),
        5px 0 0 rgba(37, 134, 209, .055) inset !important;
}

/* About: warm company story and a cooler documentary/trust surface. */
#main-content #about .about__overview {
    overflow: hidden !important;
    border-radius: 24px 8px 20px 8px !important;
    background-color: #fff !important;
    background-image:
        linear-gradient(125deg, rgba(255, 122, 26, .06) 0 11%, transparent 11.15%),
        repeating-linear-gradient(90deg, transparent 0 55px, rgba(12, 79, 136, .025) 55px 56px),
        radial-gradient(ellipse at 0% 100%, rgba(255, 150, 75, .075), transparent 28%) !important;
    box-shadow:
        0 24px 52px -42px rgba(7, 44, 78, .66),
        0 1px 0 rgba(255, 255, 255, .95) inset !important;
}

#main-content #about .about__trust {
    overflow: hidden !important;
    border-radius: 8px 24px 8px 24px !important;
    background-color: #fbfdff !important;
    background-image:
        radial-gradient(circle at 1px 1px, rgba(20, 101, 167, .038) 1px, transparent 1.2px),
        linear-gradient(145deg, transparent 0 78%, rgba(38, 130, 201, .07) 78.1% 78.35%, transparent 78.45%) !important;
    background-size: 24px 24px, auto !important;
    box-shadow:
        0 24px 52px -42px rgba(6, 51, 91, .64),
        0 1px 0 rgba(255, 255, 255, .95) inset !important;
}

/* News: one broad translucent technical plane, keeping photographs visually dominant. */
#main-content #news .utm-fg-news__shell {
    border-radius: 24px 24px 8px 24px !important;
    background-color: #fbfdff !important;
    background-image:
        linear-gradient(124deg, transparent 0 71%, rgba(55, 148, 219, .055) 71.1% 88%, transparent 88.1%),
        radial-gradient(circle at 92% 4%, rgba(86, 172, 235, .115), transparent 24%) !important;
    box-shadow:
        0 26px 56px -42px rgba(5, 45, 81, .68),
        0 1px 0 rgba(255, 255, 255, .96) inset !important;
}

/* FAQ: a soft radial instrument trace behind the accordion. */
#main-content #faq .utm-fg-faq__surface {
    border: 1px solid #c9ddeb !important;
    border-radius: 8px 24px 24px 24px !important;
    background-color: rgba(251, 253, 255, .96) !important;
    background-image:
        repeating-radial-gradient(circle at 8% 22%, rgba(38, 130, 201, .042) 0 1px, transparent 1px 24px),
        radial-gradient(circle at 8% 22%, rgba(64, 153, 221, .085), transparent 27%) !important;
    box-shadow:
        0 24px 52px -42px rgba(6, 49, 87, .66),
        0 1px 0 rgba(255, 255, 255, .95) inset !important;
}

/* Form and contacts are already compositionally complex: no extra pattern over content. */
#main-content #consultation .consultation__panel {
    border-radius: 24px 8px 24px 24px !important;
    box-shadow:
        0 30px 64px -42px rgba(5, 39, 72, .72),
        0 1px 0 rgba(255, 255, 255, .95) inset !important;
}

#main-content #contacts .contacts__layout {
    border-radius: 8px 24px 24px 24px !important;
    background-color: #fbfdff !important;
    background-image:
        linear-gradient(150deg, rgba(39, 132, 204, .045) 0 8%, transparent 8.15%),
        radial-gradient(ellipse at 100% 100%, rgba(52, 144, 214, .085), transparent 26%) !important;
    box-shadow:
        0 28px 60px -43px rgba(5, 44, 79, .72),
        0 1px 0 rgba(255, 255, 255, .95) inset !important;
}

@media (hover: hover) and (pointer: fine) {
    #main-content #tasks .tasks__layout:hover,
    #main-content #industries .industries__layout:hover,
    #main-content #competencies .competencies__technical-panel:hover,
    #main-content #robotics:hover,
    #main-content #equipment .equipment__technical-panel:hover,
    #main-content #about .about__overview:hover,
    #main-content #about .about__trust:hover,
    #main-content #news .utm-fg-news__shell:hover,
    #main-content #faq .utm-fg-faq__surface:hover,
    #main-content #consultation .consultation__panel:hover,
    #main-content #contacts .contacts__layout:hover {
        border-color: #a9cce4 !important;
        box-shadow:
            0 30px 62px -43px rgba(5, 55, 98, .76),
            0 0 0 1px rgba(79, 163, 225, .055) inset,
            0 1px 0 rgba(255, 255, 255, .96) inset !important;
    }

    #main-content #projectCycle .utm-fg-process__panel:hover {
        border-color: rgba(112, 188, 244, .62) !important;
        box-shadow:
            0 34px 70px -40px rgba(3, 27, 54, .88),
            0 0 0 1px rgba(96, 182, 247, .07) inset !important;
    }
}

@media (max-width: 767px) {
    #main-content #tasks .tasks__layout,
    #main-content #industries .industries__layout,
    #main-content #competencies .competencies__technical-panel,
    #main-content #robotics,
    #main-content #projectCycle .utm-fg-process__panel,
    #main-content #equipment .equipment__technical-panel,
    #main-content #about .about__overview,
    #main-content #about .about__trust,
    #main-content #news .utm-fg-news__shell,
    #main-content #faq .utm-fg-faq__surface,
    #main-content #consultation .consultation__panel,
    #main-content #contacts .contacts__layout {
        border-radius: 16px !important;
        box-shadow:
            0 18px 36px -32px rgba(5, 43, 78, .62),
            0 1px 0 rgba(255, 255, 255, .9) inset !important;
    }

    #main-content #industries .industries__layout,
    #main-content #about .about__trust {
        background-size: 28px 28px, auto !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #main-content #tasks .tasks__layout,
    #main-content #industries .industries__layout,
    #main-content #competencies .competencies__technical-panel,
    #main-content #robotics,
    #main-content #projectCycle .utm-fg-process__panel,
    #main-content #equipment .equipment__technical-panel,
    #main-content #about .about__overview,
    #main-content #about .about__trust,
    #main-content #news .utm-fg-news__shell,
    #main-content #faq .utm-fg-faq__surface,
    #main-content #consultation .consultation__panel,
    #main-content #contacts .contacts__layout {
        transition-duration: .01ms !important;
    }
}

/* ========================================================================== 
   Tasks / industries alignment — requested refinement, 22.08.2026
   ========================================================================== */

/* Remove the warm glow from the left side of the tasks section. */
#main-content #tasks {
    background:
        radial-gradient(circle at 92% 4%, rgba(62, 145, 211, .075), transparent 29%),
        linear-gradient(180deg, #f2f7fa 0%, #edf4f8 100%) !important;
}

#main-content #tasks .tasks__layout {
    background-color: #fff !important;
    background-image:
        linear-gradient(135deg, transparent 0 73%, rgba(23, 61, 107, .045) 73.1% 73.35%, transparent 73.45%),
        repeating-linear-gradient(90deg, transparent 0 31px, rgba(13, 74, 126, .025) 31px 32px),
        radial-gradient(circle at 100% 0%, rgba(72, 158, 225, .09), transparent 27%) !important;
}

/* The blueprint now belongs to the industries section, not competencies. */
#main-content #competencies .competencies__blueprint {
    display: none !important;
}

#main-content #industries .industries__layout::before {
    content: "";
    z-index: 0;
    pointer-events: none;
    width: 280px;
    height: 255px;
    background: url("/local/templates/uraltm/assets/recovery-media-v1/blueprint-grid.svg") center bottom / contain no-repeat;
    opacity: .68;
    position: absolute;
    top: 300px;
    bottom: auto;
    left: 16px;
}

#main-content #industries .section-heading,
#main-content #industries .industries__mosaic {
    z-index: 1;
}

/* Let the outer section create the same bottom breathing room as its neighbours. */
#main-content #industries {
    height: auto !important;
    min-height: 0 !important;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #main-content #industries .industries__layout {
        height: 947px !important;
        min-height: 947px !important;
    }
}

@media (min-width: 1400px) {
    #main-content #industries .industries__layout {
        height: 780px !important;
        min-height: 780px !important;
    }
}

/* A single 60px information rail: flush with the card edge and optically centred. */
#main-content #industries .industry-card__label {
    box-sizing: border-box !important;
    align-items: center !important;
    gap: 12px !important;
    width: auto !important;
    max-width: none !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    border-top: 0 !important;
    border-radius: 0 0 8px 8px !important;
    background: linear-gradient(90deg, rgba(5, 24, 46, .84), rgba(6, 31, 58, .76)) !important;
}

#main-content #industries .industry-card__icon {
    align-self: center !important;
    flex: 0 0 28px !important;
    margin: 0 !important;
}

#main-content #industries .industry-card__label strong {
    align-items: center !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 21.6px !important;
    display: flex !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
    #main-content #industries .industries__layout::before {
        width: 236px;
        height: 214px;
        opacity: .48;
        top: 24px;
        right: 16px;
        bottom: auto;
        left: auto;
    }

    #main-content #industries .industry-card__label {
        border-radius: 0 0 10px 10px !important;
    }
}

@media (max-width: 767px) {
    #main-content #industries .industries__layout::before {
        display: none;
    }

    #main-content #industries .industry-card__label {
        height: 60px !important;
        min-height: 60px !important;
        border-radius: 0 0 12px 12px !important;
    }
}

/* Equipment mosaic v2: split the former tall left card into two product tiles. */
#main-content .equipment__mosaic-left {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}

#main-content .equipment__mosaic-left .equipment__product {
    width: 100% !important;
    height: 100% !important;
    min-width: 0;
    min-height: 0;
}

#main-content .equipment__mosaic-left .equipment__product img {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 12px;
    object-fit: contain !important;
    object-position: center !important;
    transform: scale(.92) !important;
}

@media (max-width: 767px) {
    #main-content .equipment__mosaic {
        grid-template-rows: 330px 350px !important;
        height: 700px !important;
    }

    #main-content .equipment__mosaic-left {
        height: 330px;
        gap: 10px;
    }

    #main-content .equipment__mosaic-right {
        height: 350px;
    }

    #main-content .equipment__mosaic-left .equipment__product img {
        padding: 8px;
        transform: scale(.9) !important;
    }
}

/* Desktop navigation panel: the whole dark header is centred and capped at 1400px. */
@media (min-width: 1200px) {
    .site-header__navigation {
        box-sizing: border-box !important;
        width: min(100%, 1400px) !important;
        max-width: 1400px !important;
        margin: 0 !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }

    .site-header__navigation-art {
        width: 100% !important;
        max-width: none !important;
        inset: 0 !important;
    }
}

@media (min-width: 1200px) {
    .site-header__navigation-inner {
        width: min(calc(100% - 48px), 1360px) !important;
        max-width: 1360px !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }
}

/* ========================================================================== 
   Desktop header dropdowns — compact navigation inspired by the current site
   ========================================================================== */

@media (min-width: 1200px) {
    .site-header,
    .site-header.is-sticky-nav,
    .site-header__navigation,
    .site-header__navigation-inner,
    .desktop-navigation {
        overflow: visible !important;
    }

    .site-header__navigation {
        z-index: 80 !important;
    }

    .site-header__navigation-inner {
        z-index: 2;
    }

    .desktop-navigation {
        align-items: stretch !important;
        gap: clamp(12px, 1.25vw, 24px);
    }

    .desktop-navigation__item {
        flex: 0 1 auto;
        align-items: stretch;
        min-width: 0;
        display: flex;
        position: relative;
    }

    .desktop-navigation__trigger {
        box-sizing: border-box;
        justify-content: center;
        height: 100%;
        min-height: 44px !important;
        padding: 0 !important;
        font-size: clamp(12px, .95vw, 16px) !important;
        line-height: 1.25 !important;
        position: relative;
    }

    .desktop-navigation__item:not(.desktop-navigation__item--plain) > .desktop-navigation__trigger::after {
        content: "";
        width: 0;
        height: 2px;
        border-radius: 999px;
        background: #ff6a00;
        transition: width 180ms cubic-bezier(.2, 0, 0, 1);
        position: absolute;
        bottom: 13px;
        left: 50%;
        transform: translateX(-50%);
    }

    .desktop-navigation__item:hover > .desktop-navigation__trigger,
    .desktop-navigation__item:focus-within > .desktop-navigation__trigger {
        color: #71c7ff !important;
    }

    .desktop-navigation__item:hover > .desktop-navigation__trigger::after,
    .desktop-navigation__item:focus-within > .desktop-navigation__trigger::after {
        width: 26px;
    }

    .desktop-navigation__dropdown {
        box-sizing: border-box;
        pointer-events: none;
        visibility: hidden;
        opacity: 0;
        width: 286px;
        padding: 14px;
        border: 1px solid rgba(105, 185, 238, .38);
        border-top-color: rgba(255, 106, 0, .92);
        border-radius: 0 0 12px 12px;
        background:
            linear-gradient(rgba(39, 122, 185, .08) 1px, transparent 1px),
            linear-gradient(90deg, rgba(39, 122, 185, .08) 1px, transparent 1px),
            linear-gradient(145deg, rgba(10, 42, 77, .99), rgba(2, 20, 43, .99));
        background-size: 22px 22px, 22px 22px, auto;
        box-shadow: 0 22px 48px rgba(0, 14, 35, .3), 0 6px 16px rgba(0, 14, 35, .2);
        transition:
            opacity 160ms ease,
            visibility 160ms ease,
            transform 220ms cubic-bezier(.16, 1, .3, 1);
        position: absolute;
        top: calc(100% - 2px);
        left: 50%;
        z-index: 100;
        transform: translate(-50%, 12px);
    }

    .desktop-navigation__dropdown::before {
        content: "";
        height: 14px;
        position: absolute;
        top: -14px;
        right: 0;
        left: 0;
    }

    .desktop-navigation__dropdown::after {
        content: "";
        pointer-events: none;
        width: 74px;
        height: 1px;
        background: linear-gradient(90deg, #ff6a00, rgba(255, 106, 0, 0));
        position: absolute;
        top: 0;
        left: 14px;
    }

    .desktop-navigation__item:hover > .desktop-navigation__dropdown,
    .desktop-navigation__item:focus-within > .desktop-navigation__dropdown {
        pointer-events: auto;
        visibility: visible;
        opacity: 1;
        transform: translate(-50%, 0);
    }

    .desktop-navigation__dropdown--wide {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: min(560px, calc(100vw - 48px));
        display: grid;
    }

    .desktop-navigation__dropdown--align-right {
        right: 0;
        left: auto;
        transform: translate(0, 12px);
    }

    .desktop-navigation__item:hover > .desktop-navigation__dropdown--align-right,
    .desktop-navigation__item:focus-within > .desktop-navigation__dropdown--align-right {
        transform: translate(0, 0);
    }

    .desktop-navigation .desktop-navigation__dropdown a {
        box-sizing: border-box;
        text-transform: none !important;
        white-space: normal !important;
        align-items: center;
        gap: 10px;
        min-height: 42px !important;
        padding: 9px 10px !important;
        border-bottom: 1px solid rgba(119, 181, 225, .12);
        color: rgba(247, 251, 255, .92) !important;
        font-family: var(--utm-font-family-body) !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        line-height: 1.35 !important;
        transition: color 160ms ease, background-color 160ms ease, padding-left 160ms ease;
        display: flex !important;
        position: relative;
    }

    .desktop-navigation .desktop-navigation__dropdown a::before {
        content: "";
        flex: 0 0 5px;
        width: 5px;
        height: 5px;
        border: 1px solid rgba(86, 198, 255, .72);
        border-radius: 50%;
        background: rgba(4, 37, 70, .9);
        transition: border-color 160ms ease, background-color 160ms ease;
    }

    .desktop-navigation .desktop-navigation__dropdown a:hover,
    .desktop-navigation .desktop-navigation__dropdown a:focus-visible {
        padding-left: 14px !important;
        border-radius: 6px;
        background: rgba(67, 165, 226, .12);
        color: #78ceff !important;
    }

    .desktop-navigation .desktop-navigation__dropdown a:hover::before,
    .desktop-navigation .desktop-navigation__dropdown a:focus-visible::before {
        border-color: #ff6a00;
        background: #ff6a00;
    }

    .desktop-navigation .desktop-navigation__dropdown a:last-child,
    .desktop-navigation .desktop-navigation__dropdown .desktop-navigation__all {
        border-bottom: 0;
    }

    .desktop-navigation .desktop-navigation__dropdown .desktop-navigation__all {
        color: #75c9fa !important;
        font-weight: 650 !important;
    }

    .desktop-navigation__dropdown--wide .desktop-navigation__all {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .desktop-navigation__dropdown,
    .desktop-navigation__trigger::after {
        transition-duration: .01ms !important;
    }
}

/* ========================================================================== 
   Robotics / company refinement — requested update, 22.08.2026
   ========================================================================== */

/* Robotics: clean white surface, with a quiet engineering grid on the left. */
#main-content #robotics {
    background-color: #fff !important;
    background-image:
        repeating-linear-gradient(
            90deg,
            transparent 0 27px,
            rgba(17, 91, 151, .035) 27px 28px
        ),
        repeating-linear-gradient(
            0deg,
            transparent 0 27px,
            rgba(17, 91, 151, .035) 27px 28px
        ) !important;
    background-position: left top !important;
    background-size: 300px 100%, 300px 100% !important;
    background-repeat: no-repeat !important;
}

/* The robot cut-outs now stand directly on the common guide rail. */
#main-content #robotics .robot-card__platform {
    display: none !important;
}

@media (min-width: 1200px) {
    /* Remove the former empty lower area and make the whole panel more compact. */
    #main-content #robotics.robotics__technical-panel {
        height: 410px !important;
        min-height: 410px !important;
    }

    #main-content #robotics .robotics__grid > .robot-card {
        height: 360px !important;
    }

    /* Pull the catalogue link into the heading group. */
    #main-content #robotics .robotics__intro .section-heading .text-link {
        top: 132px !important;
        left: 42px !important;
    }

    /* Lower the robot cut-outs towards the common rail without moving labels. */
    #main-content #robotics .robotics__grid > .robot-card > .robot-card__media > img {
        top: 44px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #main-content #robotics {
        background-size: 250px 100%, 250px 100% !important;
    }

    #main-content #robotics .robotics__grid > .robot-card > .robot-card__media > img {
        top: 38px !important;
    }
}

@media (max-width: 767px) {
    #main-content #robotics {
        background-image: none !important;
    }
}

/* Replace the lead copy while keeping the existing template untouched. */
#main-content #about .about__lead {
    font-size: 0 !important;
    line-height: 0 !important;
}

#main-content #about .about__lead::before {
    content: "Мы создаём решения, которые работают на результат";
    color: #0b1f3a;
    font-family: var(--utm-font-family-body);
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    display: block;
}

@media (min-width: 768px) {
    #main-content #about .about__usps {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    #main-content #about .about-usp {
        width: 100% !important;
    }
}

@media (min-width: 1200px) {
    #main-content #about .about-usp {
        padding-inline: 18px !important;
    }
}

@media (max-width: 767px) {
    #main-content #about .about__lead::before {
        font-size: 20px;
        line-height: 29px;
    }

    #main-content #about .about__usps {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* ========================================================================== 
   Hero height, copy order and wide-screen engineering backdrop
   ========================================================================== */

/* Preserve the intended content order at every breakpoint. */
#main-content #hero .hero__content {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    align-content: start !important;
}

#main-content #hero .hero__content > h1 {
    grid-area: 1 / 1 !important;
}

#main-content #hero .hero__subtitle {
    grid-area: 2 / 1 !important;
}

#main-content #hero .hero__actions {
    grid-area: 3 / 1 !important;
}

@media (min-width: 1200px) {
    #main-content #hero.hero {
        height: clamp(560px, 38.75vw, 620px) !important;
        min-height: clamp(560px, 38.75vw, 620px) !important;
        overflow: hidden !important;
        background:
            radial-gradient(circle at 7% 34%, rgba(23, 129, 225, .22), transparent 27%),
            radial-gradient(circle at 94% 62%, rgba(38, 146, 239, .18), transparent 29%),
            repeating-linear-gradient(90deg, transparent 0 53px, rgba(85, 174, 246, .045) 53px 54px),
            repeating-linear-gradient(0deg, transparent 0 53px, rgba(85, 174, 246, .035) 53px 54px),
            linear-gradient(135deg, #041d40 0%, #00142e 50%, #052449 100%) !important;
        box-shadow:
            inset 0 1px rgba(93, 185, 255, .18),
            inset 0 -1px rgba(58, 150, 225, .16) !important;
    }

    #main-content #hero .hero__media,
    #main-content #hero .hero__inner {
        height: 100% !important;
        min-height: 0 !important;
    }

    /* Explicit rows prevent the subtitle from being auto-placed below the CTA row. */
    #main-content #hero .hero__content {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        align-content: start !important;
        top: clamp(68px, 5.25vw, 84px) !important;
    }

    #main-content #hero .hero__content > h1 {
        grid-area: 1 / 1 !important;
        font-size: clamp(56px, 4.5vw, 72px) !important;
    }

    #main-content #hero .hero__subtitle {
        grid-area: 2 / 1 !important;
        max-width: 760px !important;
        margin-top: clamp(26px, 1.875vw, 30px) !important;
        font-size: clamp(20px, 1.625vw, 26px) !important;
        line-height: 1.25 !important;
    }

    #main-content #hero .hero__actions {
        grid-area: 3 / 1 !important;
        margin-top: clamp(28px, 2.125vw, 34px) !important;
    }

    #main-content #hero .hero-slider {
        top: clamp(338px, 25.875vw, 414px) !important;
        bottom: auto !important;
    }
}

/* Mega menu: match the centred 1400px desktop header width. */
@media (min-width: 1200px) {
    .site-header .mega-menu {
        padding-right: max(0px, calc((100vw - 1400px) / 2)) !important;
        padding-left: max(0px, calc((100vw - 1400px) / 2)) !important;
    }

    .site-header .mega-menu__shell {
        width: 100% !important;
        max-width: 1400px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

/* ========================================================================== 
   Section redesign audit: layout, contrast, responsiveness and first paint
   ========================================================================== */

/* The SVG panel is decorative; the navigation must remain readable before it loads. */
.site-header__navigation {
    background: #031c3c !important;
}

.site-header__navigation-art,
.site-header__panel-art {
    object-fit: fill;
}

.site-header .figma-icon-button {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
}

.utm-section-page {
    background:
        radial-gradient(circle at 8% 16%, rgba(91, 181, 236, .10), transparent 24%),
        radial-gradient(circle at 92% 46%, rgba(7, 87, 201, .065), transparent 27%),
        linear-gradient(180deg, #eef7fc 0%, #f7fbfd 30%, #f1f8fc 100%);
}

.utm-section-page .utm-section-block {
    box-shadow:
        0 22px 50px -42px rgba(7, 31, 66, .52),
        inset 0 1px rgba(255, 255, 255, .72);
}

/* Make the service families feel related without repeating the same white card. */
.utm-section-page .utm-section-service-card--light {
    background:
        radial-gradient(circle at 90% 9%, rgba(117, 205, 245, .28), transparent 25%),
        linear-gradient(145deg, #ffffff, #edf7fc) !important;
}

.utm-section-page .utm-section-service-card--accent {
    background:
        linear-gradient(90deg, rgba(7, 87, 201, .045) 1px, transparent 1px) 0 0 / 28px 28px,
        linear-gradient(rgba(7, 87, 201, .045) 1px, transparent 1px) 0 0 / 28px 28px,
        linear-gradient(145deg, #fbfdff, #eef7fc) !important;
}

/* Raise secondary text contrast on all dark surfaces. */
.utm-section-page .utm-section-service-card--dark > p,
.utm-section-page .utm-section-service-card--blueprint > p,
.utm-section-page .utm-section-process__list p,
.utm-section-page .utm-section-project p,
.utm-section-page .utm-section-consultation__copy > p {
    color: rgba(242, 248, 253, .79) !important;
}

.utm-section-page .utm-section-service-card--dark li,
.utm-section-page .utm-section-service-card--blueprint li {
    border-color: rgba(202, 232, 249, .34) !important;
    color: rgba(250, 253, 255, .93) !important;
    background: rgba(255, 255, 255, .085) !important;
}

.utm-section-page .utm-section-consultation__note {
    color: rgba(235, 244, 252, .68) !important;
}

/* Natural left-to-right reading order: 01–02 / 03–04 / 05–06 ... */
@media (min-width: 1200px) {
    .utm-section-page .utm-section-process__list > li:nth-child(n) {
        grid-area: auto !important;
    }

    .utm-section-page .utm-section-process__list > li:nth-child(n)::after {
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        left: 100% !important;
        width: 75px !important;
        height: 1px !important;
    }

    .utm-section-page .utm-section-process__list > li:nth-child(even)::after {
        top: 100% !important;
        left: 50% !important;
        width: 1px !important;
        height: 55px !important;
    }

    .utm-section-page .utm-section-process__list > li:last-child::after {
        display: none !important;
    }
}

/* Long Russian industry names must wrap inside the card instead of clipping. */
.utm-section-page .utm-section-industry-card strong {
    right: 18px !important;
    left: 18px !important;
    max-width: calc(100% - 36px);
    overflow-wrap: anywhere;
    hyphens: auto;
    font-size: clamp(15px, 1.18vw, 20px) !important;
    line-height: 1.16 !important;
}

.utm-section-page .utm-section-industry-card::before {
    right: 18px !important;
    bottom: 12px !important;
}

/* Give the benefits headline enough measure and visually separate this section. */
.utm-section-page .utm-section-benefits {
    grid-template-columns: minmax(340px, .88fr) minmax(0, 1.12fr) !important;
    background:
        radial-gradient(circle at 0 0, rgba(117, 205, 245, .24), transparent 29%),
        linear-gradient(90deg, rgba(7, 87, 201, .04) 1px, transparent 1px) 0 0 / 30px 30px,
        linear-gradient(rgba(7, 87, 201, .035) 1px, transparent 1px) 0 0 / 30px 30px,
        linear-gradient(135deg, #eef8fd, #fbfdff) !important;
}

.utm-section-page .utm-section-benefits__intro h2 {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.utm-section-page .utm-section-benefits__grid article {
    background: rgba(255, 255, 255, .74) !important;
}

.utm-section-page .utm-section-benefits__grid article:hover {
    background: #e5f5fd !important;
}

/* The estimate block becomes a deliberate dark pause between pale sections. */
.utm-section-page .utm-section-price {
    border-color: #174d7d !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 91% 0, rgba(48, 153, 226, .28), transparent 29%),
        linear-gradient(90deg, rgba(117, 205, 245, .075) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(rgba(117, 205, 245, .065) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(132deg, #04172f, #0a3566) !important;
}

.utm-section-page .utm-section-price h2 {
    color: #fff !important;
}

.utm-section-page .utm-section-price p {
    color: rgba(242, 248, 253, .80) !important;
}

.utm-section-page .utm-section-price::after {
    border-color: rgba(117, 205, 245, .35) !important;
    box-shadow: 0 0 54px rgba(58, 158, 226, .16);
}

/* Reserve a presentable image area while the lazy-loaded specialist photo arrives. */
.utm-section-page .utm-section-consultation__specialist {
    background:
        radial-gradient(circle at 58% 28%, rgba(90, 177, 231, .20), transparent 28%),
        linear-gradient(90deg, rgba(117, 205, 245, .055) 1px, transparent 1px) 0 0 / 28px 28px,
        linear-gradient(rgba(117, 205, 245, .05) 1px, transparent 1px) 0 0 / 28px 28px,
        linear-gradient(145deg, #08284f, #03172f) !important;
}

.utm-section-page .utm-section-consultation__specialist img {
    transition: opacity .28s ease;
}

.utm-section-page .utm-section-consultation__specialist img[src^="data:image/gif"] {
    opacity: 0;
}

/* Collapse the sidebar and two-column content before a 1024px laptop becomes cramped. */
@media (min-width: 768px) and (max-width: 1199px) {
    .utm-section-page .utm-section-content__grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .utm-section-page .utm-section-sidebar {
        position: sticky !important;
        z-index: 7;
        top: 76px !important;
    }

    .utm-section-page .utm-section-sidebar__nav {
        display: flex !important;
        overflow-x: auto !important;
        border-radius: 4px 13px !important;
        scrollbar-width: thin;
    }

    .utm-section-page .utm-section-sidebar__nav a {
        flex: 0 0 auto;
        min-height: 48px;
        border-right: 1px solid #e3edf3;
        border-bottom: 0 !important;
        white-space: nowrap;
    }

    .utm-section-page .utm-section-sidebar__nav a:hover,
    .utm-section-page .utm-section-sidebar__nav a:focus-visible,
    .utm-section-page .utm-section-sidebar__nav a.is-active {
        padding-left: 17px !important;
        box-shadow: inset 0 -3px 0 var(--utm-section-orange) !important;
    }

    .utm-section-page .utm-section-sidebar__contact {
        display: none !important;
    }

    .utm-section-page .utm-section-process__list {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    .utm-section-page .utm-section-process__list > li:nth-child(n) {
        grid-area: auto / 1 !important;
        min-height: 0 !important;
    }

    .utm-section-page .utm-section-process__list > li:nth-child(n)::after {
        top: 100% !important;
        right: auto !important;
        left: 47px !important;
        width: 1px !important;
        height: 17px !important;
    }

    .utm-section-page .utm-section-process__list > li:last-child::after {
        display: none !important;
    }

    .utm-section-page .utm-section-benefits {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 32px !important;
    }

    .utm-section-page .utm-section-benefits__intro {
        position: static !important;
    }
}

@media (max-width: 767px) {
    .utm-section-page .utm-section-hero h1 {
        max-width: 100%;
        overflow-wrap: anywhere;
        font-size: clamp(34px, 11vw, 52px) !important;
        letter-spacing: -.045em !important;
        line-height: .96 !important;
    }

    .utm-section-page .utm-section-benefits {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .utm-section-page .utm-section-industry-card strong {
        font-size: 18px !important;
    }
}

/* ==========================================================================
   Main-page audit refinements — 23.08.2026
   Only the approved blocks are adjusted. Existing section backgrounds and
   technical decoration remain unchanged.
   ========================================================================== */

/* A consistent heading measure for the approved main-page sections. */
#main-content #competencies .competencies__heading-stack > h2,
#main-content #robotics .section-heading > h2,
#main-content #projectCycle .utm-fg-process__intro > h2,
#main-content #about .about__title,
#main-content #about .about__trust-heading,
#main-content #faq .utm-fg-faq__header > h2 {
    max-width: 100% !important;
    margin-top: 0 !important;
    font-size: 36px !important;
    line-height: 1.18 !important;
    letter-spacing: -.02em !important;
    overflow-wrap: normal;
}

/* Competencies and robotics read as two related, but clearly separate panels. */
@media (min-width: 1200px) {
    #main-content #competencies .competencies__technical-panel {
        grid-template-columns: 340px minmax(0, 1fr) !important;
        grid-template-rows: 556px !important;
        height: 556px !important;
        min-height: 556px !important;
        margin-bottom: 22px !important;
    }

    #main-content #competencies .competencies__intro {
        padding-top: 34px !important;
    }

    #main-content #competencies .competencies__heading-stack > h2 {
        max-width: 290px !important;
    }

    #main-content #competencies .competencies__grid {
        grid-template-rows: repeat(2, 278px) !important;
        height: 556px !important;
    }

    #main-content #competencies .competency {
        height: 278px !important;
        min-height: 278px !important;
    }

    #main-content #robotics.robotics__technical-panel {
        grid-template-columns: 300px minmax(0, 1fr) !important;
        height: 360px !important;
        min-height: 360px !important;
        margin-top: 0 !important;
        margin-bottom: 28px !important;
        border-top-color: #a9cfe7 !important;
    }

    #main-content #robotics .robotics__intro {
        padding-top: 32px !important;
    }

    #main-content #robotics .robotics__intro .section-heading .text-link {
        top: 112px !important;
        left: 42px !important;
    }

    #main-content #robotics .robotics__grid > .robot-card {
        grid-template-rows: 210px auto !important;
        height: 310px !important;
        min-height: 310px !important;
    }

    #main-content #robotics .robotics__grid > .robot-card > .robot-card__media {
        height: 210px !important;
    }

    #main-content #robotics .robotics__grid > .robot-card > .robot-card__media > img {
        top: 18px !important;
        width: 180px !important;
        max-width: 90% !important;
        height: 188px !important;
        max-height: 188px !important;
        object-fit: contain !important;
        object-position: center bottom !important;
        filter: drop-shadow(0 10px 13px rgba(8, 45, 78, .12));
    }

    #main-content #robotics .robotics__grid > .robot-card > strong {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        min-height: 46px;
        padding: 12px 8px 0 !important;
        line-height: 1.3 !important;
    }

    #main-content #robotics .robotics__grid > .robot-card > .robot-card__separator {
        height: 286px !important;
    }
}

/* The dark process keeps its composition, but the heading gains a better
   measure and secondary copy reaches a comfortable contrast. */
@media (min-width: 1200px) {
    #main-content #projectCycle .utm-fg-process__layout {
        grid-template-columns: 300px minmax(0, 1fr) !important;
        gap: 20px !important;
        width: calc(100% - 84px) !important;
        margin: 50px 32px 0 52px !important;
    }

    #main-content #projectCycle .utm-fg-process__intro,
    #main-content #projectCycle .utm-fg-process__steps {
        height: 350px !important;
    }

    #main-content #projectCycle .utm-fg-process__intro > h2 {
        max-width: 300px !important;
        font-size: 30px !important;
        line-height: 1.24 !important;
    }
}

#main-content #projectCycle .utm-fg-process__step p {
    color: rgba(225, 236, 247, .78) !important;
}

/* Company: three useful advantages without the redundant team card. */
#main-content #about {
    padding-top: 28px !important;
    padding-bottom: 32px !important;
}

#main-content #about .about__overview {
    min-height: 430px !important;
}

#main-content #about .about__overview-left {
    padding-top: 28px !important;
}

#main-content #about .about__overview-right {
    padding-top: 34px !important;
    padding-bottom: 28px !important;
}

#main-content #about .about__lead::before {
    font-size: 22px !important;
    line-height: 31px !important;
}

#main-content #about .about__usps {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-top: 24px !important;
}

#main-content #about .about-usp {
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
    min-height: 210px !important;
    padding: 16px !important;
}

#main-content #about .about-usp__divider {
    margin-top: auto;
}

#main-content #about .about__trust {
    min-height: 0 !important;
    margin-top: 20px !important;
    padding: 24px 32px 26px !important;
}

#main-content #about .about__trust-heading {
    margin-bottom: 20px !important;
}

#main-content #about .about__trust-columns {
    gap: 20px !important;
}

#main-content #about .trust-card {
    height: 200px !important;
    min-height: 200px !important;
}

/* FAQ now follows the same 1300px surface and 48px internal alignment as the
   neighbouring sections instead of being inset by more than 110px. */
#main-content > section#faq.utm-fg-faq {
    min-height: 0 !important;
    margin-top: 28px !important;
    margin-bottom: 32px !important;
    padding: 0 !important;
}

#main-content #faq .utm-fg-faq__surface {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 38px 48px 34px !important;
}

#main-content #faq .utm-fg-faq__header {
    min-height: 86px !important;
}

#main-content #faq .utm-fg-faq__header > h2 {
    width: min(700px, calc(100% - 230px)) !important;
}

#main-content #faq .utm-fg-faq__ask {
    margin-top: 4px !important;
}

#main-content #faq .utm-fg-faq__items {
    width: 100% !important;
    margin-top: 18px !important;
}

#main-content #faq .utm-fg-faq-item,
#main-content #faq .utm-fg-faq-item > button {
    min-height: 72px !important;
}

#main-content #faq .utm-fg-faq-item__node {
    top: 31px !important;
}

#main-content #faq .utm-fg-faq-item__badge {
    top: 7px !important;
    width: 58px !important;
    height: 58px !important;
}

#main-content #faq .utm-fg-faq-item > button {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
    #main-content #competencies .competencies__technical-panel {
        grid-template-rows: 170px 600px !important;
        height: 770px !important;
        min-height: 770px !important;
    }

    #main-content #competencies .competency {
        height: 200px !important;
        min-height: 200px !important;
        padding-top: 28px !important;
    }

    #main-content #about .about__overview {
        min-height: 0 !important;
    }

    #main-content #about .about__usps {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    #main-content #about .about-usp {
        min-height: 180px !important;
    }

    #main-content #faq .utm-fg-faq__surface {
        padding: 34px 32px 32px !important;
    }

    #main-content #faq .utm-fg-faq__header > h2 {
        width: min(620px, calc(100% - 190px)) !important;
        font-size: 34px !important;
    }
}

@media (max-width: 767px) {
    #main-content #about {
        padding-top: 20px !important;
        padding-bottom: 24px !important;
    }

    #main-content #about .about__overview {
        min-height: 0 !important;
    }

    #main-content #about .about__overview-left,
    #main-content #about .about__overview-right {
        height: auto !important;
    }

    #main-content #about .about__usps {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    #main-content #about .about-usp {
        min-height: 0 !important;
    }

    #main-content #about .about__trust {
        padding: 22px 16px 24px !important;
    }

    #main-content #about .trust-card {
        height: auto !important;
        min-height: 200px !important;
    }

    #main-content #faq .utm-fg-faq__surface {
        padding: 28px 16px 24px !important;
    }

    #main-content #faq .utm-fg-faq__header > h2 {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 30px !important;
    }
}

/* Header backing: keep the blue fill strictly inside the octagonal panel. */
@media (min-width: 1200px) {
    .site-header__navigation {
        background: transparent !important;
        box-shadow: none !important;
        isolation: isolate;
        overflow: visible !important;
    }

    .site-header__navigation::before {
        content: "";
        pointer-events: none;
        position: absolute;
        z-index: 0;
        inset: 0;
        clip-path: polygon(
            18px 0,
            calc(100% - 18px) 0,
            100% 18px,
            100% calc(100% - 18px),
            calc(100% - 18px) 100%,
            18px 100%,
            0 calc(100% - 18px),
            0 18px
        );
        background:
            radial-gradient(circle at 10% 30%, rgba(20, 119, 181, .18), transparent 25%),
            radial-gradient(circle at 88% 70%, rgba(0, 94, 168, .13), transparent 30%),
            linear-gradient(112deg, transparent 0 35%, rgba(72, 171, 223, .075) 46%, transparent 57%),
            repeating-linear-gradient(90deg, rgba(111, 196, 235, .025) 0 1px, transparent 1px 72px),
            repeating-linear-gradient(0deg, rgba(111, 196, 235, .018) 0 1px, transparent 1px 36px),
            linear-gradient(100deg, #071d3c 0%, #03152f 37%, #041d3d 68%, #001329 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .055),
            inset 0 -18px 28px rgba(0, 7, 19, .24),
            inset 34px 0 55px rgba(20, 104, 157, .045),
            inset -34px 0 55px rgba(11, 78, 132, .04);
        filter: drop-shadow(0 10px 22px rgba(0, 17, 39, .25));
    }

    .site-header__navigation-art {
        display: none !important;
    }

    .site-header__navigation-inner {
        position: relative;
        z-index: 2;
    }
}
/* Robotics cards: transparent-looking media, clear labels and aligned rail */
#main-content #robotics .robotics__grid > .robot-card > .robot-card__media {
  background: transparent !important;
  box-shadow: none !important;
}

#main-content #robotics .robotics__grid > .robot-card > .robot-card__media > img {
  background: transparent !important;
  mix-blend-mode: multiply;
}

#main-content #robotics .robotics__grid > .robot-card > strong {
  position: relative;
  z-index: 2;
  background: transparent !important;
}

#main-content #robotics .robotics__grid > .robot-card[href*="zakhvatnye-ustroystva-dlya-robotov"] > strong {
  font-size: 0 !important;
  line-height: 0 !important;
}

#main-content #robotics .robotics__grid > .robot-card[href*="zakhvatnye-ustroystva-dlya-robotov"] > strong::before {
  content: "Захватные устройства";
  font-size: 18px;
  line-height: 1.3;
}

@media (min-width: 1200px) {
  #main-content #robotics .robotics__rail {
    top: 210px !important;
    z-index: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #main-content #robotics .robotics__grid > .robot-card[href*="zakhvatnye-ustroystva-dlya-robotov"] > strong::before {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  #main-content #robotics .robotics__grid > .robot-card[href*="zakhvatnye-ustroystva-dlya-robotov"] > strong::before {
    font-size: 14px;
    line-height: 19px;
  }
}

/* ================================================================
   ABOUT COMPANY — 2026 redesign
   Replaces only the upper company overview. The trust block below
   (documents, partners and reviews) keeps its existing layout.
   ================================================================ */
#main-content #about .about__overview.about-company {
  display: grid !important;
  grid-template-columns: minmax(300px, 31%) minmax(0, 1fr) !important;
  width: 100% !important;
  min-height: 500px !important;
  padding: 0 !important;
  overflow: hidden !important;
  isolation: isolate;
  border: 1px solid rgba(129, 174, 207, .52) !important;
  border-radius: 20px !important;
  background: #f8fbfe !important;
  box-shadow:
    0 28px 65px -48px rgba(5, 42, 76, .72),
    0 1px 0 rgba(255, 255, 255, .98) inset !important;
}

#main-content #about .about__overview.about-company::before,
#main-content #about .about__overview.about-company::after {
  display: none !important;
  content: none !important;
}

#main-content #about .about-company,
#main-content #about .about-company * {
  box-sizing: border-box;
}

#main-content #about .about-company__history {
  position: relative;
  min-width: 0;
  min-height: 500px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 14% 22%, rgba(40, 158, 226, .22), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(18, 101, 166, .18), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px) 0 0 / 34px 34px,
    linear-gradient(35deg, rgba(255, 255, 255, .026) 0 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(145deg, #082c55 0%, #061f43 46%, #03162f 100%);
}

#main-content #about .about-company__history::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(72, 178, 235, .72), rgba(72, 178, 235, 0)) 30px 30px / 82px 1px no-repeat,
    linear-gradient(rgba(72, 178, 235, .52), rgba(72, 178, 235, 0)) 30px 30px / 1px 76px no-repeat,
    linear-gradient(270deg, rgba(72, 178, 235, .52), rgba(72, 178, 235, 0)) calc(100% - 30px) calc(100% - 30px) / 70px 1px no-repeat,
    linear-gradient(0deg, rgba(72, 178, 235, .42), rgba(72, 178, 235, 0)) calc(100% - 30px) calc(100% - 30px) / 1px 70px no-repeat;
  opacity: .7;
}

#main-content #about .about-company__history-copy {
  position: relative;
  z-index: 3;
  display: flex;
  min-height: 500px;
  flex-direction: column;
  align-items: flex-start;
  padding: 42px 38px 38px;
}

#main-content #about .about-company__title {
  position: relative;
  z-index: 2;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: clamp(32px, 2.35vw, 44px) !important;
  font-weight: 700 !important;
  line-height: 1.03 !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;
}

#main-content #about .about-company__title::before,
#main-content #about .about-company__title::after {
  display: none !important;
  content: none !important;
}

#main-content #about .about-company__accent {
  display: block;
  width: 48px;
  height: 3px;
  margin-top: 22px;
  border-radius: 3px;
  background: #ff7317;
  box-shadow: 0 0 16px rgba(255, 115, 23, .26);
}

#main-content #about .about-company__year {
  margin: auto 0 0 !important;
  color: #d8efff !important;
  font-size: clamp(29px, 2.2vw, 40px) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: -.035em !important;
}

#main-content #about .about-company__year strong {
  color: inherit !important;
  font: inherit !important;
  font-weight: 700 !important;
}

#main-content #about .about-company__year-caption {
  max-width: 245px;
  margin: 12px 0 0 !important;
  color: rgba(226, 241, 252, .76) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

#main-content #about .about-company__blueprint {
  position: absolute;
  z-index: 0;
  right: -86px;
  bottom: 42px;
  width: 430px;
  height: auto;
  color: #45b8ef;
  opacity: .19;
  transform: rotate(-4deg);
  pointer-events: none;
}

#main-content #about .about-company__content {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: 42px 42px 38px;
  background:
    radial-gradient(circle at 95% 8%, rgba(66, 158, 222, .12), transparent 27%),
    radial-gradient(circle at 1px 1px, rgba(23, 92, 147, .04) 1px, transparent 1.3px) 0 0 / 23px 23px,
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(246, 251, 255, .97));
}

#main-content #about .about-company__content::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 180px;
  height: 110px;
  opacity: .55;
  pointer-events: none;
  background:
    linear-gradient(135deg, transparent 48%, rgba(34, 127, 198, .13) 49% 50%, transparent 51%),
    linear-gradient(90deg, transparent 49%, rgba(34, 127, 198, .09) 50%, transparent 51%);
  background-size: 34px 34px;
  clip-path: polygon(28% 0, 100% 0, 100% 100%);
}

#main-content #about .about-company__intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
}

#main-content #about .about-company__intro > div {
  min-width: 0;
}

#main-content #about .about-company__kicker {
  margin: 0 0 10px !important;
  color: #1477ba !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
}

#main-content #about .about-company__lead {
  max-width: 720px;
  margin: 0 !important;
  color: #09284e !important;
  font-size: clamp(25px, 2vw, 34px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -.028em !important;
}

#main-content #about .about-company__link {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 17px;
  border: 1px solid rgba(18, 104, 166, .34);
  border-radius: 999px;
  color: #075b9a !important;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 8px 22px -18px rgba(3, 57, 100, .7);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  transition: color .22s ease, background .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

#main-content #about .about-company__link:hover,
#main-content #about .about-company__link:focus-visible {
  color: #fff !important;
  border-color: #096eaf;
  background: #096eaf;
  box-shadow: 0 13px 28px -17px rgba(3, 65, 113, .8);
  transform: translateY(-2px);
}

#main-content #about .about-company__description {
  max-width: 880px;
  margin: 22px 0 30px !important;
  color: #4c6074 !important;
  font-size: 16px !important;
  line-height: 1.58 !important;
}

#main-content #about .about-company__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

#main-content #about .about-company-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 228px;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px 20px 20px;
  overflow: hidden;
  border: 1px solid rgba(124, 169, 204, .42);
  border-radius: 14px;
  color: #0a2a50 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(236, 247, 254, .92));
  box-shadow:
    0 16px 28px -25px rgba(7, 49, 86, .66),
    0 1px 0 rgba(255, 255, 255, .95) inset;
  text-decoration: none !important;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease, background .25s ease;
}

#main-content #about .about-company-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #0b78b9 0 36%, #5ab7e5 36% 62%, transparent 62%);
  opacity: .9;
}

#main-content #about .about-company-card::after {
  content: "";
  position: absolute;
  right: -26px;
  bottom: -30px;
  width: 100px;
  height: 100px;
  border: 1px solid rgba(28, 113, 177, .11);
  transform: rotate(45deg);
  pointer-events: none;
}

#main-content #about .about-company-card__icon {
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  border: 1px solid rgba(20, 113, 181, .2);
  border-radius: 14px 14px 5px 14px;
  color: #086bb0;
  background: rgba(224, 242, 254, .78);
}

#main-content #about .about-company-card strong {
  position: relative;
  z-index: 2;
  max-width: 100%;
  color: #0a2a50 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

#main-content #about .about-company-card p {
  position: relative;
  z-index: 2;
  margin: 12px 0 0 !important;
  color: #53687d !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
}

#main-content #about .about-company-card__arrow {
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding-top: 14px;
  color: #0876b8;
  font-size: 22px;
  line-height: 1;
  transition: transform .22s ease;
}

#main-content #about .about-company-card:hover,
#main-content #about .about-company-card:focus-visible {
  border-color: rgba(13, 119, 187, .7);
  background: linear-gradient(135deg, #fff, #e9f6fd);
  box-shadow: 0 22px 38px -27px rgba(4, 54, 94, .72);
  transform: translateY(-3px);
}

#main-content #about .about-company-card:hover .about-company-card__arrow,
#main-content #about .about-company-card:focus-visible .about-company-card__arrow {
  transform: translate(3px, -3px);
}

@media (max-width: 1199px) {
  #main-content #about .about__overview.about-company {
    grid-template-columns: minmax(260px, 34%) minmax(0, 1fr) !important;
  }

  #main-content #about .about-company__history-copy {
    padding: 34px 28px 32px;
  }

  #main-content #about .about-company__content {
    padding: 34px 30px 32px;
  }

  #main-content #about .about-company__intro {
    display: block;
  }

  #main-content #about .about-company__link {
    margin-top: 18px;
  }

  #main-content #about .about-company__cards {
    grid-template-columns: 1fr;
  }

  #main-content #about .about-company-card {
    min-height: 0;
    padding: 18px 18px 17px 84px;
  }

  #main-content #about .about-company-card__icon {
    position: absolute;
    top: 18px;
    left: 18px;
    width: 48px;
    height: 48px;
    margin: 0;
  }

  #main-content #about .about-company-card__arrow {
    position: absolute;
    right: 17px;
    bottom: 15px;
    margin: 0;
    padding: 0;
  }

  #main-content #about .about-company-card p {
    padding-right: 28px;
  }
}

@media (max-width: 767px) {
  #main-content #about .about__overview.about-company {
    display: block !important;
    min-height: 0 !important;
    border-radius: 16px !important;
  }

  #main-content #about .about-company__history,
  #main-content #about .about-company__history-copy {
    min-height: 260px;
  }

  #main-content #about .about-company__history-copy {
    padding: 28px 24px 25px;
  }

  #main-content #about .about-company__blueprint {
    right: -110px;
    bottom: 6px;
    width: 370px;
    opacity: .16;
  }

  #main-content #about .about-company__content {
    padding: 27px 21px 24px;
  }

  #main-content #about .about-company__lead {
    font-size: 25px !important;
  }

  #main-content #about .about-company__description {
    margin: 18px 0 24px !important;
    font-size: 15px !important;
  }

  #main-content #about .about-company__link {
    width: 100%;
  }

  #main-content #about .about-company-card {
    padding: 17px 17px 17px 77px;
  }

  #main-content #about .about-company-card__icon {
    top: 17px;
    left: 16px;
    width: 45px;
    height: 45px;
  }

  #main-content #about .about-company-card strong {
    padding-right: 18px;
    font-size: 17px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #main-content #about .about-company__link,
  #main-content #about .about-company-card,
  #main-content #about .about-company-card__arrow {
    transition: none !important;
  }
}

/* ABOUT COMPANY — ENGINEERING COMPOSITION */
#main-content #about .about__overview.about-company {
  display: grid !important;
  grid-template-columns: minmax(345px, 31.5%) minmax(0, 1fr) !important;
  min-height: 472px !important;
  overflow: hidden !important;
  border-radius: 24px !important;
}

#main-content #about .about-company__history,
#main-content #about .about-company__history-copy {
  min-height: 472px !important;
}

#main-content #about .about-company__history-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 42px 48px 38px !important;
}

#main-content #about .about-company__title {
  font-size: clamp(34px, 3vw, 43px) !important;
  line-height: 1 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
}

#main-content #about .about-company__accent {
  width: 55px !important;
  height: 4px !important;
  margin-top: 17px !important;
}

#main-content #about .about-company__history-label {
  margin: 42px 0 0 !important;
  color: #b8dfff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

#main-content #about .about-company__year {
  margin: 8px 0 0 !important;
  color: #fff !important;
  font-size: clamp(49px, 5vw, 62px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .035em !important;
}

#main-content #about .about-company__year strong {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

#main-content #about .about-company__year-caption {
  margin: 5px 0 0 !important;
  color: #d8e8f7 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#main-content #about .about-company__history-text {
  margin: 24px 0 0 !important;
  color: #d7e7f6 !important;
  font-size: 15.5px !important;
  line-height: 1.55 !important;
}

#main-content #about .about-company__history-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: auto !important;
  padding: 13px 18px !important;
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ff6b00 0%, #ff7f18 100%) !important;
  box-shadow: 0 9px 22px rgba(255, 107, 0, .22) !important;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

#main-content #about .about-company__history-link:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #ff7a12 0%, #ff9340 100%) !important;
  box-shadow: 0 12px 28px rgba(255, 107, 0, .3) !important;
  transform: translateY(-2px) !important;
}

#main-content #about .about-company__content {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  padding: 33px 46px 41px !important;
}

#main-content #about .about-company__intro {
  display: block !important;
}

#main-content #about .about-company__kicker {
  margin: 0 0 8px !important;
  color: #0077c8 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

#main-content #about .about-company__lead {
  max-width: 820px !important;
  margin: 0 !important;
  color: #082650 !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
}

#main-content #about .about-company__description {
  max-width: 900px !important;
  margin: 8px 0 26px !important;
  color: #607892 !important;
  font-size: 15.5px !important;
  line-height: 1.5 !important;
}

#main-content #about .about-company__cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: auto !important;
}

#main-content #about .about-company-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-height: 246px !important;
  overflow: hidden !important;
  padding: 28px 27px 24px !important;
  border: 1px solid #bfd9ed !important;
  border-radius: 0 !important;
  color: #082650 !important;
  background: linear-gradient(145deg, #fff 0%, #f7fbfe 100%) !important;
  box-shadow: 0 12px 24px rgba(12, 52, 88, .08) !important;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%) !important;
}

#main-content #about .about-company-card::before {
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 auto 0 0 !important;
  width: 6px !important;
  height: auto !important;
  border: 0 !important;
  background: #0d82d4 !important;
  content: "" !important;
}

#main-content #about .about-company-card:nth-child(2)::before {
  background: #ff6b00 !important;
}

#main-content #about .about-company-card::after {
  position: absolute !important;
  right: -35px !important;
  bottom: -43px !important;
  width: 92px !important;
  height: 92px !important;
  border: 1px solid rgba(13, 130, 212, .13) !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform: rotate(45deg) !important;
  content: "" !important;
}

#main-content #about .about-company-card__icon {
  position: static !important;
  display: grid !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #087ccb !important;
  background: transparent !important;
  box-shadow: none !important;
}

#main-content #about .about-company-card__icon svg {
  width: 40px !important;
  height: 40px !important;
}

#main-content #about .about-company-card strong {
  position: relative !important;
  z-index: 2 !important;
  padding: 0 !important;
  font-size: 21px !important;
  line-height: 1.12 !important;
}

#main-content #about .about-company-card p {
  position: relative !important;
  z-index: 2 !important;
  margin: 17px 0 0 !important;
  padding: 0 !important;
  color: #607892 !important;
  font-size: 15px !important;
  line-height: 1.48 !important;
}

#main-content #about .about-company-card__arrow {
  display: none !important;
}

#main-content #about .about-company-card:hover {
  border-color: #7ebde6 !important;
  color: #082650 !important;
  box-shadow: 0 17px 32px rgba(12, 52, 88, .13) !important;
  transform: translateY(-3px) !important;
}

@media (max-width: 1199px) {
  #main-content #about .about__overview.about-company {
    grid-template-columns: minmax(310px, 33.5%) minmax(0, 1fr) !important;
  }

  #main-content #about .about-company__history-copy {
    padding: 36px 32px 32px !important;
  }

  #main-content #about .about-company__content {
    padding: 31px 30px 34px !important;
  }

  #main-content #about .about-company-card {
    padding: 24px 20px 22px !important;
  }

  #main-content #about .about-company-card strong {
    font-size: 18px !important;
  }
}

@media (max-width: 980px) {
  #main-content #about .about__overview.about-company {
    display: block !important;
    min-height: 0 !important;
  }

  #main-content #about .about-company__history,
  #main-content #about .about-company__history-copy {
    min-height: 380px !important;
  }

  #main-content #about .about-company__cards {
    gap: 12px !important;
  }

  #main-content #about .about-company-card {
    min-height: 230px !important;
  }
}

@media (max-width: 767px) {
  #main-content #about .about__overview.about-company {
    border-radius: 18px !important;
  }

  #main-content #about .about-company__history,
  #main-content #about .about-company__history-copy {
    min-height: 400px !important;
  }

  #main-content #about .about-company__history-copy {
    padding: 32px 24px 28px !important;
  }

  #main-content #about .about-company__history-label {
    margin-top: 32px !important;
  }

  #main-content #about .about-company__content {
    padding: 28px 20px 30px !important;
  }

  #main-content #about .about-company__lead br,
  #main-content #about .about-company__history-text br {
    display: none !important;
  }

  #main-content #about .about-company__cards {
    grid-template-columns: 1fr !important;
  }

  #main-content #about .about-company-card {
    min-height: 0 !important;
    padding: 23px 22px 24px !important;
  }
}

/* ========================================================================== */
/* Tasks + industries: shared desktop alignment and compact panel rhythm       */
/* ========================================================================== */

@media (min-width: 1200px) {
  /* The task heading now follows the same 32px inner left gutter as industries. */
  #main-content #tasks .tasks__intro {
    padding-left: 20px !important;
  }

  #main-content #tasks .tasks__intro-decor {
    left: 20px !important;
  }

  /* Match the 22px / 16px top and bottom panel insets used by the task block. */
  #main-content #industries .industries__layout {
    height: 677px !important;
    min-height: 677px !important;
  }

  #main-content #industries .section-heading {
    top: 22px !important;
    left: 32px !important;
    margin: 0 !important;
  }

  #main-content #industries .industries__mosaic {
    top: 22px !important;
  }
}

@media (max-width: 767px) {
  /* On mobile the panel padding itself supplies the shared heading gutter. */
  #main-content #tasks .tasks__intro {
    padding-left: 0 !important;
  }
}

/* ========================================================================== */
/* Trust cards + premium footer — requested refinement, 24.08.2026            */
/* ========================================================================== */

/* The three evidence columns now carry equal visual weight and useful detail. */
#main-content #about .about__trust {
  counter-reset: trust-column;
}

#main-content #about .trust-column {
  counter-increment: trust-column;
  position: relative;
}

#main-content #about .trust-label {
  position: relative;
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  margin: 0 0 10px !important;
  padding: 0 0 0 42px !important;
  color: #0b274d !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}

#main-content #about .trust-label::before {
  content: "0" counter(trust-column);
  position: absolute;
  left: 0;
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border: 1px solid #bcd8ea;
  border-radius: 7px 2px 7px 2px;
  color: #087dcc;
  background: linear-gradient(145deg, #ffffff, #edf7fd);
  font-family: var(--utm-font-family-condensed, "Arial Narrow", Arial, sans-serif);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  box-shadow: 0 7px 18px -14px rgba(7, 77, 127, .8);
}

#main-content #about .trust-card {
  position: relative !important;
  width: 100% !important;
  height: 228px !important;
  min-height: 228px !important;
  overflow: hidden !important;
  border: 1px solid #c9ddea !important;
  border-radius: 13px 4px 13px 4px !important;
  background:
    linear-gradient(140deg, rgba(255, 255, 255, .98), rgba(246, 251, 254, .98)) !important;
  box-shadow:
    0 18px 34px -30px rgba(5, 55, 96, .72),
    0 1px 0 rgba(255, 255, 255, .96) inset !important;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease !important;
}

#main-content #about .trust-card::after {
  content: "";
  pointer-events: none;
  position: absolute;
  right: -42px;
  bottom: -52px;
  width: 108px;
  height: 108px;
  border: 1px solid rgba(18, 124, 198, .11);
  transform: rotate(45deg);
}

#main-content #about .trust-card--certificates {
  padding: 16px 18px !important;
}

#main-content #about .trust-card--certificates .certificates-carousel__viewport {
  min-height: 150px !important;
}

#main-content #about .trust-card--certificates .document-preview {
  align-items: flex-start !important;
  gap: 18px !important;
}

#main-content #about .trust-card--certificates .document-preview img {
  flex: 0 0 auto;
  width: 88px !important;
  height: 132px !important;
  border-color: #b9d3e5 !important;
  box-shadow: 0 10px 22px -17px rgba(5, 45, 78, .72);
}

#main-content #about .trust-card--certificates .document-preview figcaption {
  padding-top: 5px !important;
}

#main-content #about .trust-card--certificates .document-preview figcaption strong {
  font-size: 16px !important;
  line-height: 1.35 !important;
}

#main-content #about .trust-card--certificates .document-preview figcaption span {
  width: fit-content !important;
  margin-top: 12px !important;
  padding: 5px 8px !important;
  border: 1px solid #d2e4f0 !important;
  border-radius: 4px !important;
  color: #3d6585 !important;
  background: #f2f8fc !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase;
}

#main-content #about .trust-card--certificates .certificates-carousel__controls {
  bottom: 0 !important;
  left: 104px !important;
  right: 0 !important;
}

#main-content #about .trust-card--partners {
  display: flex !important;
  padding: 14px 16px 13px !important;
}

#main-content #about .trust-card--partners .partner-panel__logos {
  flex: 1 1 auto;
  height: auto !important;
  margin: 0 0 11px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 55px !important;
  gap: 8px !important;
  align-content: start !important;
}

#main-content #about .trust-card--partners .partner-logo {
  width: 100% !important;
  height: 55px !important;
  padding: 7px 9px !important;
  border-color: #cfdfeb !important;
  background: rgba(255, 255, 255, .94) !important;
}

#main-content #about .trust-card__footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 34px;
  padding-top: 10px;
  border-top: 1px solid #dce9f2;
  color: #6c8095;
  font-size: 11px;
  line-height: 1.25;
}

#main-content #about .trust-card__footer a,
#main-content #about .trust-card__link {
  color: #075fb2 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

#main-content #about .trust-card__footer a:hover,
#main-content #about .trust-card__link:hover {
  color: #ff6a00 !important;
}

#main-content #about .trust-card--reviews {
  justify-content: flex-start !important;
  padding: 22px 24px 18px !important;
}

#main-content #about .trust-card--reviews .review-card__quote {
  position: absolute;
  top: 12px;
  right: 22px;
  width: auto !important;
  height: auto !important;
  color: rgba(255, 106, 0, .14) !important;
  font-family: Georgia, serif !important;
  font-size: 92px !important;
  font-weight: 700 !important;
  line-height: .8 !important;
}

#main-content #about .review-card__title {
  position: relative;
  z-index: 2;
  max-width: 285px;
  color: #0b274d;
  font-size: 19px;
  font-weight: 750;
  line-height: 1.24;
}

#main-content #about .trust-card--reviews p {
  position: relative;
  z-index: 2;
  max-width: 330px;
  margin: 12px 0 0 !important;
  color: #5b7289 !important;
  font-size: 13px !important;
  line-height: 1.48 !important;
}

#main-content #about .review-card__tags {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
}

#main-content #about .review-card__tags span {
  padding: 5px 8px;
  border: 1px solid #d2e4f0;
  border-radius: 4px;
  color: #416683;
  background: #f3f8fc;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .025em;
  text-transform: uppercase;
}

#main-content #about .trust-card__link {
  position: absolute;
  z-index: 3;
  right: 22px;
  bottom: 22px;
}

@media (hover: hover) and (pointer: fine) {
  #main-content #about .trust-card:hover {
    border-color: #9cc7e2 !important;
    box-shadow: 0 22px 40px -28px rgba(5, 63, 109, .72) !important;
    transform: translateY(-3px);
  }
}

/* Footer: deeper material, clearer hierarchy, no chevrons beside link names. */
.site-footer.site-footer {
  position: relative !important;
  isolation: isolate;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 0 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #a9bfd3 !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(16, 133, 211, .16), transparent 27%),
    radial-gradient(circle at 14% 100%, rgba(255, 106, 0, .075), transparent 23%),
    linear-gradient(112deg, #062c55 0%, #031f3e 48%, #01172f 100%) !important;
  zoom: 1 !important;
}

.site-footer.site-footer::before {
  content: "" !important;
  position: absolute !important;
  z-index: 4 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: linear-gradient(90deg, #ff6a00 0 7%, #1db9ef 7% 34%, rgba(29, 185, 239, .14) 70%, transparent 100%) !important;
}

.site-footer.site-footer::after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .3;
  background-image:
    linear-gradient(rgba(78, 159, 217, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78, 159, 217, .055) 1px, transparent 1px);
  background-size: 54px 54px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 30%, #000 100%);
  mask-image: linear-gradient(90deg, transparent, #000 30%, #000 100%);
}

.site-footer .site-footer__tech {
  pointer-events: none;
  position: absolute;
  z-index: 0;
  top: 37px;
  right: 3.5%;
  width: 210px;
  height: 88px;
  opacity: .42;
}

.site-footer .site-footer__tech::before,
.site-footer .site-footer__tech::after,
.site-footer .site-footer__tech span {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(66, 183, 242, .72), transparent);
  transform-origin: right center;
}

.site-footer .site-footer__tech::before {
  top: 12px;
  right: 0;
  width: 172px;
  transform: rotate(-32deg);
}

.site-footer .site-footer__tech::after {
  right: 12px;
  bottom: 10px;
  width: 140px;
  transform: rotate(23deg);
}

.site-footer .site-footer__tech span:first-child {
  top: 0;
  right: 36px;
  width: 7px;
  height: 7px;
  border: 1px solid #21b8ef;
  border-radius: 50%;
  background: #062b51;
}

.site-footer .site-footer__tech span:nth-child(2) {
  top: 43px;
  right: 96px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ff6a00;
  box-shadow: 0 0 15px rgba(255, 106, 0, .55);
}

.site-footer .site-footer__tech span:nth-child(3) {
  right: 5px;
  bottom: 0;
  width: 6px;
  height: 6px;
  border: 1px solid #21b8ef;
  border-radius: 50%;
  background: #062b51;
}

.site-footer.site-footer > .container {
  position: relative !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
  width: min(calc(100% - 48px), 1360px) !important;
  max-width: 1360px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

.site-footer .site-footer__grid {
  display: grid !important;
  grid-template-columns: minmax(230px, 1.36fr) repeat(4, minmax(135px, 1fr)) minmax(190px, 1.12fr) !important;
  gap: 0 !important;
  padding: 62px 0 50px !important;
}

.site-footer .site-footer__brand {
  grid-area: 1 / 1 !important;
  display: block !important;
  min-width: 0 !important;
  padding: 2px 34px 0 0 !important;
}

.site-footer .site-footer__brand::after {
  content: none !important;
  display: none !important;
}

.site-footer .site-footer__logo {
  display: block !important;
  width: 205px !important;
  max-width: 100% !important;
  height: auto !important;
  filter: brightness(0) invert(1) !important;
  opacity: .96;
}

.site-footer .site-footer__eyebrow {
  display: block !important;
  width: fit-content !important;
  margin-top: 24px !important;
  padding: 5px 8px !important;
  border: 1px solid rgba(71, 169, 230, .25) !important;
  border-radius: 4px !important;
  color: #88ccef !important;
  background: rgba(17, 94, 145, .18) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase;
}

.site-footer .site-footer__brand p {
  width: auto !important;
  max-width: 255px !important;
  margin: 17px 0 0 !important;
  color: #abc1d5 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.site-footer .site-footer__grid > nav,
.site-footer .site-footer__grid > nav:last-child {
  grid-area: 1 / auto !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 4px 20px 8px !important;
  border: 0 !important;
  border-left: 1px solid rgba(74, 143, 194, .27) !important;
}

.site-footer .site-footer__grid > nav::before {
  content: none !important;
  display: none !important;
}

.site-footer .site-footer__grid > nav > strong {
  display: block !important;
  margin: 0 0 20px !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}

.site-footer .site-footer__grid > nav > strong::before {
  content: "" !important;
  display: block !important;
  width: 30px !important;
  height: 3px !important;
  margin: 0 0 12px !important;
  background: linear-gradient(90deg, #23b9ed 0 58%, #ff6a00 58% 78%, rgba(35, 185, 237, .35) 78%) !important;
}

.site-footer .site-footer__grid > nav > a,
.site-footer .site-footer__grid > nav:last-child > a {
  display: block !important;
  grid-template-columns: none !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  color: #9fb7cc !important;
  font-size: 13px !important;
  font-weight: 450 !important;
  line-height: 1.42 !important;
  text-decoration: none !important;
  transition: color .2s ease, transform .2s ease !important;
}

.site-footer .site-footer__grid > nav > a svg {
  display: none !important;
}

.site-footer .site-footer__grid > nav > a:hover,
.site-footer .site-footer__grid > nav > a:focus-visible {
  color: #fff !important;
  transform: translateX(4px) !important;
}

.site-footer .site-footer__contact-link {
  color: #dceaf5 !important;
  font-weight: 650 !important;
}

.site-footer .site-footer__address {
  margin-top: 18px !important;
}

.site-footer .site-footer__legal {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  min-height: 68px !important;
  margin: 0 auto !important;
  padding: 22px 0 0 !important;
  border-top: 1px solid rgba(75, 145, 197, .28) !important;
}

.site-footer .site-footer__legal > span,
.site-footer .site-footer__legal > a {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #8fa9bf !important;
  font-size: 12px !important;
  font-weight: 450 !important;
  line-height: 1.4 !important;
}

.site-footer .site-footer__company {
  position: relative;
  padding-left: 0 !important;
  color: #b7cadb !important;
}

.site-footer .site-footer__company::before {
  content: none !important;
  display: none !important;
}

/* Fallback for cached footer markup: old social controls must stay hidden. */
.site-footer .site-footer__social {
  display: none !important;
}

.site-footer .site-footer__copyright {
  justify-self: end;
}

.site-footer .site-footer__copyright::before {
  content: none !important;
  display: none !important;
}

.site-footer .site-footer__legal > a {
  justify-self: start;
  color: #9db5c9 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(30, 170, 232, .55) !important;
  text-underline-offset: 5px !important;
}

.site-footer .site-footer__legal > a:hover {
  color: #fff !important;
  text-decoration-color: #ff6a00 !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
  #main-content #about .trust-card {
    height: 228px !important;
    min-height: 228px !important;
  }

  #main-content #about .trust-column:nth-child(3) .trust-card {
    height: 210px !important;
    min-height: 210px !important;
  }

  .site-footer .site-footer__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 34px 0 !important;
    padding: 48px 0 42px !important;
  }

  .site-footer .site-footer__brand {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 0 0 32px !important;
    border-bottom: 1px solid rgba(75, 145, 197, .28) !important;
  }

  .site-footer .site-footer__eyebrow {
    grid-column: 1;
  }

  .site-footer .site-footer__brand p {
    grid-area: 1 / 2 / 3 / 3;
    max-width: 360px !important;
    margin: 0 !important;
  }

  .site-footer .site-footer__grid > nav,
  .site-footer .site-footer__grid > nav:last-child {
    grid-area: auto !important;
    padding-inline: 20px !important;
  }

  .site-footer .site-footer__grid > nav:nth-of-type(4) {
    grid-column: 1 / 2 !important;
  }

  .site-footer .site-footer__grid > nav:last-child {
    grid-column: 2 / 4 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
  }

  .site-footer .site-footer__grid > nav:last-child > strong {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 767px) {
  #main-content #about .trust-label {
    padding-left: 40px !important;
    font-size: 15px !important;
  }

  #main-content #about .trust-card {
    height: auto !important;
    min-height: 228px !important;
  }

  #main-content #about .trust-card--certificates {
    min-height: 246px !important;
  }

  #main-content #about .trust-card--certificates .document-preview img {
    width: 78px !important;
    height: 118px !important;
  }

  #main-content #about .trust-card--certificates .certificates-carousel__controls {
    left: 0 !important;
  }

  #main-content #about .trust-card--partners {
    min-height: 280px !important;
  }

  #main-content #about .trust-card--partners .partner-panel__logos {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #main-content #about .trust-card--reviews {
    min-height: 260px !important;
  }

  #main-content #about .trust-card__link {
    position: static;
    margin-top: 15px;
  }

  .site-footer.site-footer > .container {
    width: calc(100% - 32px) !important;
  }

  .site-footer .site-footer__tech {
    right: -60px;
    opacity: .26;
  }

  .site-footer .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 30px 16px !important;
    padding: 40px 0 34px !important;
  }

  .site-footer .site-footer__brand {
    grid-column: 1 / -1 !important;
    padding: 0 0 30px !important;
    border-bottom: 1px solid rgba(75, 145, 197, .28) !important;
  }

  .site-footer .site-footer__brand p {
    width: 100% !important;
    max-width: 390px !important;
  }

  .site-footer .site-footer__grid > nav,
  .site-footer .site-footer__grid > nav:last-child {
    grid-area: auto !important;
    margin: 0 !important;
    padding: 0 0 0 12px !important;
    border-left: 1px solid rgba(74, 143, 194, .27) !important;
  }

  .site-footer .site-footer__grid > nav:last-child {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 16px !important;
    padding-top: 4px !important;
  }

  .site-footer .site-footer__grid > nav:last-child > strong {
    grid-column: 1 / -1 !important;
  }

  .site-footer .site-footer__grid > nav > a,
  .site-footer .site-footer__grid > nav:last-child > a {
    font-size: 13px !important;
  }

  .site-footer .site-footer__legal {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    padding-top: 24px !important;
  }

  .site-footer .site-footer__copyright {
    justify-self: start;
  }
}

/* Header: MAX uses the same compact control language as VK and Telegram. */
.site-header .figma-icon-button.header-max-icon {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1.5px solid rgba(255, 255, 255, .65) !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease !important;
}

.site-header .figma-icon-button.header-max-icon img {
  position: absolute !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  display: block !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  object-fit: contain !important;
  opacity: .96;
    transform: translate(-50%, -50%) !important;
}

/* ========================================================================== 
   Competencies cards — top-aligned desktop content, 24.08.2026
   ========================================================================== */

@media (min-width: 1200px) {
    #main-content #competencies .competency > .competency__index {
        top: 34px !important;
    }

    #main-content #competencies .competency > .competency__dash {
        top: 91px !important;
    }

    #main-content #competencies .competency > .competency__medallion-wrap {
        top: 16px !important;
    }

    #main-content #competencies .competency > .competency__copy {
        top: 115px !important;
    }
}

.site-header .figma-icon-button.header-max-icon:hover,
.site-header .figma-icon-button.header-max-icon:focus-visible {
  border-color: #fff !important;
  background: rgba(255, 255, 255, .07) !important;
  transform: translateY(-1px) !important;
}

/* Header: remove only the divider between the logo and directions. */
.site-header .site-header__directions {
  border-left: 0 !important;
}