/* Trang Tự động hoá thông minh: cùng hệ xanh/lime với trang chủ và Liên hệ. */
.site-main:has(.smart-automation-page) {
    background: #063423;
}

.smart-automation-page {
    padding: 16px 0 34px;
    background: linear-gradient(180deg, #8BC34A 0%, #063423 78%, #082f20 100%);
}

.smart-automation-surface {
    width: min(1240px, calc(100% - 32px));
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(234, 239, 157, .28);
    border-radius: 20px;
    background: #f7fbe8;
    box-shadow: inset 0 1px rgba(255, 255, 255, .10), 0 26px 54px rgba(0, 29, 17, .32);
}

.smart-automation-hero {
    padding: 78px 0 70px;
    background:
        radial-gradient(circle at 86% 18%, rgba(234, 239, 157, .24), transparent 23%),
        radial-gradient(circle at 12% 86%, rgba(128, 177, 85, .26), transparent 27%),
        linear-gradient(110deg, #336a29, #498428 54%, #275b24);
}

.smart-automation-hero-grid,
.smart-automation-proof > div,
.smart-automation-usecases > .site-container,
.smart-automation-cta-section > .site-container {
    width: min(1120px, calc(100% - 56px));
}

.smart-automation-hero-grid {
    gap: clamp(2.5rem, 5vw, 5.5rem);
}

.smart-eyebrow {
    padding: .48rem .78rem;
    border: 1px solid rgba(234, 239, 157, .35);
    border-radius: 999px;
    color: #f7fbe8;
    background: rgba(25, 82, 28, .28);
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

.smart-automation-copy h1 {
    max-width: 660px;
    margin: 1.35rem 0 1.2rem;
    color: #fff;
    font-size: clamp(2.55rem, 4.55vw, 4.65rem) !important;
    letter-spacing: -.055em;
}

.smart-automation-copy > p {
    max-width: 590px;
    color: rgba(255, 255, 255, .88);
}

.smart-primary-action,
.smart-secondary-action {
    min-height: 48px;
    padding: .72rem 1.05rem;
    border-radius: 11px;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.smart-primary-action {
    color: #244b25;
    background: linear-gradient(135deg, #eaef9d, #c1d95c);
    box-shadow: 0 12px 24px rgba(19, 67, 24, .25);
}

.smart-primary-action:hover { color: #244b25; transform: translateY(-2px); }

.smart-secondary-action {
    color: #fff;
    border-color: rgba(255, 255, 255, .40);
    background: rgba(18, 72, 28, .25);
}

.smart-secondary-action:hover { color: #fff; background: rgba(255, 255, 255, .12); }

.smart-trust-row { gap: 1.05rem 1.35rem; color: rgba(255, 255, 255, .84); }

.smart-flow-preview {
    padding: 1.35rem;
    border-color: rgba(234, 239, 157, .34);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(21, 83, 48, .90), rgba(10, 62, 36, .90));
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 24px 44px rgba(15, 59, 20, .22);
}

.smart-flow-node { padding: 1rem; border-color: rgba(234, 239, 157, .20); }
.smart-flow-result { box-shadow: 0 10px 22px rgba(11, 62, 17, .18); }

.smart-automation-proof {
    padding: 1.35rem 0;
    border-top: 1px solid rgba(234, 239, 157, .18);
    border-bottom: 1px solid rgba(234, 239, 157, .18);
    background: #275b24;
}

.smart-automation-proof strong { max-width: 780px; color: #fff; }

.smart-automation-value {
    width: min(1120px, calc(100% - 56px));
    max-width: none;
    gap: clamp(2.5rem, 6vw, 5.5rem);
    padding-top: clamp(4.5rem, 8vw, 6.8rem);
    padding-bottom: clamp(4.5rem, 8vw, 6.8rem);
}

.smart-section-heading > span {
    color: #3c792e;
    font-size: .71rem;
}

.smart-section-heading h2 { color: #1f4a25; }
.smart-section-heading p { color: #52704a; }

.smart-value-grid { gap: 1rem; }

.smart-value-grid article {
    padding: 1.55rem 4.8rem 1.5rem 1.6rem;
    border-color: rgba(128, 177, 85, .43);
    border-radius: 17px;
    background: linear-gradient(145deg, #fff, #f7fbe8);
    box-shadow: 0 13px 28px rgba(30, 77, 27, .09);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.smart-value-grid article:hover {
    border-color: #80b155;
    box-shadow: 0 18px 34px rgba(30, 77, 27, .16);
    transform: translateX(5px);
}

.smart-value-grid article > span { color: #498428; }
.smart-value-grid i { color: #336a29; }
.smart-value-grid h3 { color: #1f4a25; }
.smart-value-grid p { color: #52704a; }

.smart-automation-usecases {
    padding: clamp(4.5rem, 8vw, 6.8rem) 0;
    background:
        radial-gradient(circle at 90% 12%, rgba(193, 217, 92, .18), transparent 24%),
        linear-gradient(125deg, #275b24, #336a29 55%, #1e4d20);
}

.smart-usecase-heading { margin-bottom: 2.8rem; }
.smart-usecase-heading h2 { color: #fff; }
.smart-usecase-heading > span { color: #eaef9d; }

.smart-usecase-grid { gap: 1rem; }

.smart-usecase-grid article {
    min-height: 255px;
    padding: 1.55rem;
    border-color: rgba(234, 239, 157, .24);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(61, 118, 42, .68), rgba(20, 77, 34, .78));
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
    transition: transform .2s ease, background .2s ease;
}

.smart-usecase-grid article:hover {
    background: linear-gradient(145deg, rgba(76, 137, 46, .78), rgba(25, 91, 36, .9));
    transform: translateY(-5px);
}

.smart-usecase-grid i { background: #eaef9d; }
.smart-usecase-grid p { color: rgba(255, 255, 255, .78); }
.smart-usecase-grid span { color: #eaef9d; }

.smart-automation-cta-section { padding: 0 0 1px; background: #f7fbe8; }

.smart-automation-cta {
    margin-top: clamp(3.5rem, 7vw, 5.8rem);
    margin-bottom: clamp(3.5rem, 7vw, 5.8rem);
    padding: clamp(2rem, 4vw, 3.4rem);
    border: 1px solid rgba(234, 239, 157, .30);
    border-radius: 20px;
    background:
        radial-gradient(circle at 86% 10%, rgba(234, 239, 157, .24), transparent 27%),
        linear-gradient(118deg, #336a29, #498428 62%, #275b24);
    box-shadow: 0 20px 42px rgba(30, 77, 27, .20);
}

.smart-automation-cta p { color: rgba(255, 255, 255, .83); }
.smart-cta-actions a { min-height: 46px; }
.smart-cta-actions a:first-child { color: #244b25; background: #eaef9d; border-color: #eaef9d; }

@media (max-width: 900px) {
    .smart-automation-hero { padding: 4.5rem 0; }
    .smart-automation-hero-grid,
    .smart-automation-proof > div,
    .smart-automation-usecases > .site-container,
    .smart-automation-value,
    .smart-automation-cta-section > .site-container { width: min(100% - 40px, 720px); }
    .smart-automation-value { gap: 3rem; }
}

@media (max-width: 600px) {
    .smart-automation-page { padding: 8px 0 20px; }
    .smart-automation-surface { width: calc(100% - 16px); border-radius: 15px; }
    .smart-automation-hero { padding: 3.5rem 0 3rem; }
    .smart-automation-hero-grid,
    .smart-automation-proof > div,
    .smart-automation-usecases > .site-container,
    .smart-automation-value,
    .smart-automation-cta-section > .site-container { width: calc(100% - 32px); }
    .smart-automation-copy h1 { font-size: 2.35rem !important; }
    .smart-flow-preview { padding: 1rem; border-radius: 16px; }
    .smart-automation-value { padding-top: 3.7rem; padding-bottom: 3.7rem; }
    .smart-value-grid article { padding: 1.25rem 3.8rem 1.25rem 1.25rem; }
    .smart-automation-usecases { padding: 3.7rem 0; }
    .smart-usecase-heading { margin-bottom: 2rem; }
    .smart-usecase-heading h2 br { display: none; }
    .smart-usecase-grid article { min-height: 0; }
    .smart-automation-cta { margin-top: 3rem; margin-bottom: 3rem; padding: 1.5rem; border-radius: 16px; }
}