body.oao-subpage-v2.page-automation {
    --automation-violet: #8c7cff;
    --automation-cyan: #47d7ff;
    --automation-green: #47c97b;
    --automation-orange: #ffb45d;
    --automation-red: #ff6b65;
    background: #000 !important;
}

body.oao-subpage-v2.page-automation .oao-service-hero--automation {
    min-height: calc(100svh - var(--oao-header-height));
    background: #000 !important;
}

body.oao-subpage-v2.page-automation .oao-service-hero--automation .oao-service-hero-inner {
    align-items: center;
    grid-template-columns: minmax(0, 0.86fr) minmax(520px, 1.14fr);
    gap: clamp(44px, 6vw, 96px);
}

body.oao-subpage-v2.page-automation .oao-service-hero--automation h1 span {
    color: var(--automation-violet);
}

.automation-hero-console {
    width: 100%;
    overflow: hidden;
    border: 1px solid #30343a;
    border-radius: 8px;
    background: #0c0e11;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.58), inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}

.automation-console-bar {
    display: grid;
    grid-template-columns: 8px 8px 8px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    min-height: 48px;
    padding: 0 16px;
    border-bottom: 1px solid #282c31;
    background: #15181c;
}

.automation-console-bar > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff6b65;
}

.automation-console-bar > span:nth-child(2) {
    background: #ffb45d;
}

.automation-console-bar > span:nth-child(3) {
    background: #47c97b;
}

.automation-console-bar strong,
.automation-console-bar em,
.automation-console-summary span,
.automation-console-flow span,
.automation-console-log {
    font-family: var(--oao-font-mono);
}

.automation-console-bar strong {
    overflow: hidden;
    margin-left: 8px;
    color: #b9bec5;
    font-size: 11px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.automation-console-bar em {
    color: var(--automation-green);
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
}

.automation-console-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid #282c31;
}

.automation-console-summary > div {
    min-width: 0;
    padding: 22px;
    border-right: 1px solid #282c31;
}

.automation-console-summary > div:last-child {
    border-right: 0;
}

.automation-console-summary span {
    display: block;
    margin-bottom: 8px;
    color: #747b84;
    font-size: 10px;
}

.automation-console-summary strong {
    color: #fff;
    font-size: 25px;
    line-height: 1;
}

.automation-console-summary > div:nth-child(1) strong {
    color: var(--automation-cyan);
}

.automation-console-summary > div:nth-child(3) strong {
    color: var(--automation-green);
}

.automation-console-flow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 28px 20px;
    border-bottom: 1px solid #282c31;
}

.automation-console-flow > div {
    display: grid;
    min-width: 0;
    min-height: 108px;
    align-content: center;
    justify-items: center;
    padding: 14px 10px;
    border: 1px solid #30353b;
    border-radius: 8px;
    background: #12151a;
    text-align: center;
}

.automation-console-flow > div > i {
    margin-bottom: 10px;
    color: var(--automation-violet);
    font-size: 22px;
}

.automation-console-flow > div:nth-of-type(2) > i {
    color: var(--automation-cyan);
}

.automation-console-flow > div:nth-of-type(3) > i {
    color: var(--automation-green);
}

.automation-console-flow > div > span {
    margin-bottom: 5px;
    color: #747b84;
    font-size: 9px;
}

.automation-console-flow > div > strong {
    max-width: 100%;
    overflow: hidden;
    color: #dfe3e8;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.automation-console-flow > i {
    color: #555b63;
    text-align: center;
}

.automation-console-log {
    margin: 0;
    padding: 12px 20px 18px;
    list-style: none;
}

.automation-console-log li {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) 42px;
    gap: 12px;
    align-items: center;
    min-height: 34px;
    border-bottom: 1px solid #20242a;
    color: #a9afb7;
    font-size: 10px;
}

.automation-console-log li:last-child {
    border-bottom: 0;
}

.automation-console-log time {
    color: #646b73;
}

.automation-console-log span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.automation-console-log strong {
    color: var(--automation-green);
    font-size: 10px;
    text-align: right;
}

.automation-hub {
    width: 100%;
    overflow: hidden;
    background: #000;
    color: #fff;
}

.automation-band {
    width: 100%;
    margin: 0;
    padding: clamp(80px, 8vw, 128px) max(24px, calc((100vw - 1360px) / 2));
    border-bottom: 1px solid #25292e;
    background: #000;
    scroll-margin-top: 78px;
}

.automation-band:nth-child(even) {
    background: #08090a;
}

.automation-band:last-child {
    border-bottom: 0;
}

.automation-inner {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}

.automation-section-index {
    margin: 0 0 20px;
    color: var(--automation-violet);
    font-family: var(--oao-font-mono);
    font-size: 11px;
    font-weight: 800;
}

.automation-section-copy h2,
.automation-section-heading h2,
.automation-contact h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(36px, 4.2vw, 62px);
    font-weight: 850;
    line-height: 1.1;
    word-break: keep-all;
}

.automation-section-copy > p:not(.automation-section-index),
.automation-section-heading > p,
.automation-contact-inner > div:first-child > p:not(.automation-section-index) {
    margin: 28px 0 0;
    color: #aeb4bc;
    font-size: 17px;
    line-height: 1.85;
    word-break: keep-all;
}

.automation-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
    gap: 60px;
    align-items: end;
    margin-bottom: 54px;
}

.automation-section-heading > p {
    margin: 0;
}

.automation-principle-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(560px, 1.1fr);
    gap: clamp(60px, 8vw, 120px);
    align-items: center;
}

.automation-loop {
    margin: 0;
    padding: 0;
    border-top: 1px solid #30343a;
    list-style: none;
}

.automation-loop li {
    display: grid;
    grid-template-columns: 54px 112px minmax(0, 1fr);
    align-items: center;
    min-height: 74px;
    border-bottom: 1px solid #30343a;
}

.automation-loop li > span {
    color: var(--automation-violet);
    font-family: var(--oao-font-mono);
    font-size: 11px;
}

.automation-loop li > strong {
    color: #fff;
    font-size: 17px;
}

.automation-loop li > em {
    color: #8f969f;
    font-size: 14px;
    font-style: normal;
}

.automation-case-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.automation-case {
    display: flex;
    min-width: 0;
    min-height: 480px;
    flex-direction: column;
    padding: clamp(24px, 3vw, 38px);
    border: 1px solid #292d32;
    border-radius: 8px;
    background: #101214;
    transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.automation-case:hover {
    border-color: rgba(140, 124, 255, 0.62);
    background: #14161a;
    transform: translateY(-3px);
}

.automation-case-head {
    display: grid;
    grid-template-columns: 42px 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-bottom: 30px;
}

.automation-case-number,
.automation-case-type {
    font-family: var(--oao-font-mono);
    font-size: 10px;
    font-weight: 800;
}

.automation-case-number {
    color: #737a83;
}

.automation-case-type {
    justify-self: end;
    padding: 7px 10px;
    border: 1px solid #333840;
    border-radius: 999px;
    color: #b8bec6;
    white-space: nowrap;
}

.automation-case-icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(140, 124, 255, 0.45);
    border-radius: 8px;
    background: rgba(140, 124, 255, 0.1);
    color: var(--automation-violet);
    font-size: 19px;
}

.automation-case:nth-child(3n + 2) .automation-case-icon {
    border-color: rgba(71, 215, 255, 0.42);
    background: rgba(71, 215, 255, 0.08);
    color: var(--automation-cyan);
}

.automation-case:nth-child(3n) .automation-case-icon {
    border-color: rgba(71, 201, 123, 0.42);
    background: rgba(71, 201, 123, 0.08);
    color: var(--automation-green);
}

.automation-case h3 {
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(24px, 2.2vw, 32px);
    font-weight: 800;
    line-height: 1.25;
    word-break: keep-all;
}

.automation-case-description {
    min-height: 78px;
    margin: 0 0 26px;
    color: #aeb4bc;
    font-size: 15px;
    line-height: 1.75;
    word-break: keep-all;
}

.automation-case-flow {
    margin: 0 0 24px;
    padding: 0;
    border-top: 1px solid #2a2e34;
}

.automation-case-flow > div {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #2a2e34;
}

.automation-case-flow dt {
    color: var(--automation-violet);
    font-family: var(--oao-font-mono);
    font-size: 10px;
    font-weight: 800;
}

.automation-case-flow dd {
    min-width: 0;
    margin: 0;
    color: #c7ccd2;
    font-size: 13px;
    line-height: 1.55;
}

.automation-case-note {
    display: flex;
    gap: 8px;
    margin: -6px 0 20px;
    color: var(--automation-orange);
    font-size: 12px;
    line-height: 1.5;
}

.automation-case-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: auto;
}

.automation-case-tags span {
    padding: 6px 9px;
    border: 1px solid #333840;
    border-radius: 999px;
    color: #8f969f;
    font-family: var(--oao-font-mono);
    font-size: 9px;
}

.automation-type-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid #2a2e34;
    border-left: 1px solid #2a2e34;
}

.automation-type-grid article {
    position: relative;
    min-height: 330px;
    padding: 32px;
    border-right: 1px solid #2a2e34;
    border-bottom: 1px solid #2a2e34;
}

.automation-type-grid article > i {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px;
    border: 1px solid #373c43;
    border-radius: 8px;
    color: var(--automation-cyan);
    font-size: 21px;
}

.automation-type-grid article > span {
    position: absolute;
    top: 36px;
    right: 28px;
    color: #5d646d;
    font-family: var(--oao-font-mono);
    font-size: 10px;
}

.automation-type-grid h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 21px;
    font-weight: 800;
}

.automation-type-grid p {
    margin: 0;
    color: #969da6;
    font-size: 14px;
    line-height: 1.72;
}

.automation-process-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(560px, 1.2fr);
    gap: clamp(70px, 9vw, 150px);
    align-items: start;
}

.automation-text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
}

.automation-text-link:hover {
    color: var(--automation-violet);
}

.automation-process-list {
    margin: 0;
    padding: 0;
    border-top: 1px solid #30343a;
    list-style: none;
}

.automation-process-list li {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 20px;
    padding: 24px 0;
    border-bottom: 1px solid #30343a;
}

.automation-process-list li > span {
    color: var(--automation-violet);
    font-family: var(--oao-font-mono);
    font-size: 11px;
}

.automation-process-list strong {
    display: block;
    margin-bottom: 7px;
    color: #fff;
    font-size: 18px;
}

.automation-process-list p {
    margin: 0;
    color: #9299a2;
    font-size: 14px;
    line-height: 1.65;
}

.automation-operation-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.automation-operation-grid > div {
    min-height: 220px;
    padding: 28px;
    border: 1px solid #2a2e34;
    border-radius: 8px;
    background: #101214;
}

.automation-operation-grid i {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 48px;
    border: 1px solid #373c43;
    border-radius: 8px;
    color: var(--automation-green);
    font-size: 18px;
}

.automation-operation-grid strong {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px;
}

.automation-operation-grid p {
    margin: 0;
    color: #9299a2;
    font-size: 14px;
    line-height: 1.65;
}

.automation-contact {
    background: #0b0d10 !important;
}

.automation-contact-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 64px;
    align-items: end;
}

.automation-contact-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(170px, 1fr));
    gap: 10px;
}

.automation-contact-actions a {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 20px;
    border: 1px solid #343941;
    border-radius: 8px;
    background: #15181c;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.automation-contact-actions a:first-child {
    border-color: #219dd1;
    background: #168bc0;
}

.automation-contact-actions a:last-child {
    border-color: #ffe500;
    background: #ffe500;
    color: #171717;
}

.automation-contact-actions a:hover {
    filter: brightness(1.08);
}

@media (max-width: 1100px) {
    body.oao-subpage-v2.page-automation .oao-service-hero--automation .oao-service-hero-inner,
    .automation-principle-grid,
    .automation-process-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .automation-hero-console {
        max-width: 760px;
    }

    .automation-type-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .automation-contact-inner {
        grid-template-columns: minmax(0, 1fr);
    }

    .automation-contact-actions {
        max-width: 460px;
    }
}

@media (max-width: 768px) {
    body.oao-subpage-v2.page-automation .oao-service-hero--automation {
        min-height: auto;
    }

    body.oao-subpage-v2.page-automation .oao-service-hero--automation .oao-service-hero-inner {
        gap: 42px;
    }

    body.oao-subpage-v2.page-automation .oao-service-hero--automation h1 br {
        display: none;
    }

    .automation-console-summary > div {
        padding: 16px 12px;
    }

    .automation-console-summary strong {
        font-size: 19px;
    }

    .automation-console-flow {
        grid-template-columns: minmax(0, 1fr);
        padding: 18px;
    }

    .automation-console-flow > i {
        transform: rotate(90deg);
    }

    .automation-console-flow > div {
        min-height: 84px;
    }

    .automation-console-log li {
        grid-template-columns: 62px minmax(0, 1fr) 36px;
        gap: 8px;
    }

    .automation-band {
        padding: 72px 18px;
        scroll-margin-top: 64px;
    }

    .automation-section-copy h2,
    .automation-section-heading h2,
    .automation-contact h2 {
        font-size: 34px;
        line-height: 1.16;
    }

    .automation-section-copy h2 br {
        display: none;
    }

    .automation-section-copy > p:not(.automation-section-index),
    .automation-section-heading > p,
    .automation-contact-inner > div:first-child > p:not(.automation-section-index) {
        font-size: 15px;
        line-height: 1.75;
    }

    .automation-section-heading {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        margin-bottom: 34px;
    }

    .automation-loop li {
        grid-template-columns: 42px 78px minmax(0, 1fr);
    }

    .automation-case-grid,
    .automation-type-grid,
    .automation-operation-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .automation-case {
        min-height: 0;
        padding: 24px 20px;
    }

    .automation-case-description {
        min-height: 0;
    }

    .automation-case-type {
        max-width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .automation-type-grid article,
    .automation-operation-grid > div {
        min-height: 0;
    }

    .automation-type-grid article > i,
    .automation-operation-grid i {
        margin-bottom: 34px;
    }

    .automation-contact-actions {
        grid-template-columns: minmax(0, 1fr);
        max-width: none;
    }
}

@media (max-width: 420px) {
    .automation-console-bar {
        grid-template-columns: 7px 7px 7px minmax(0, 1fr);
    }

    .automation-console-bar em {
        display: none;
    }

    .automation-console-summary span {
        font-size: 8px;
    }

    .automation-console-summary strong {
        font-size: 16px;
    }

    .automation-console-log {
        padding-right: 12px;
        padding-left: 12px;
    }

    .automation-section-copy h2,
    .automation-section-heading h2,
    .automation-contact h2 {
        font-size: 30px;
    }

    .automation-loop li {
        grid-template-columns: 34px 68px minmax(0, 1fr);
    }

    .automation-loop li > strong {
        font-size: 15px;
    }

    .automation-loop li > em {
        font-size: 12px;
    }
}