/* Automate It: shared site scale, with manual -> connected -> automatic visuals. */
.jc-automate-page { color: #d1e1e8; }
.jc-automate-page h2 { font-size: clamp(28px, 2.8vw, 39px); line-height: 1.12; margin-bottom: 16px; }
.jc-automate-page h3 { font-size: 16px; line-height: 1.3; margin-bottom: 10px; }
.jc-automate-page p { font-size: var(--jc-text-body); line-height: 1.55; margin-bottom: 12px; }
.jc-automate-page .jc-eyebrow { font-size: var(--jc-text-label); line-height: 1.4; margin-bottom: 12px; }
.jc-auto-section { padding: 43px 0; }
.jc-auto-dark { background: #031824; border-bottom: 1px solid rgba(74, 209, 213, .18); }
.jc-auto-light { background: #eef7f9; color: #17323f; }
.jc-auto-light h2, .jc-auto-light h3 { color: #102b38; }
.jc-auto-light p { color: #294b59; }
.jc-auto-light .jc-eyebrow { color: #078e91; }
.jc-auto-hero { background: linear-gradient(90deg, rgba(2, 16, 27, .98) 0%, rgba(2, 16, 27, .92) 39%, rgba(2, 16, 27, .33) 77%, rgba(2, 16, 27, .28) 100%), url('/Images/services/automate-it-document-workflow-v1.webp') center right / cover no-repeat; border-bottom: 1px solid rgba(0, 255, 192, .24); min-height: 455px; padding: 48px 0; }
.jc-auto-hero h1 { font-size: clamp(43px, 4.2vw, 59px); line-height: 1.04; margin-bottom: 20px; }
.jc-auto-hero h1 span { color: var(--jc-cyan); }
.jc-auto-hero p:not(.jc-eyebrow):not(.jc-auto-hero-note) { color: #e0ecf0; font-size: 14px; max-width: 550px; }
.jc-auto-actions { align-items: center; display: flex; gap: 16px; margin-top: 19px; }
.jc-auto-actions .jc-button { flex-shrink: 0; min-height: 44px; }
.jc-automate-page .jc-button { text-decoration: none; }
.jc-auto-actions > span { color: #d9e7ed; font-size: var(--jc-text-detail); font-weight: 600; line-height: 1.45; max-width: 230px; }
.jc-auto-hero-flow { align-items: center; background: rgba(2, 19, 31, .84); border: 1px solid rgba(65, 206, 214, .42); border-radius: 5px; display: grid; grid-template-columns: 18% 11% 26% 13% 32%; min-height: 288px; padding: 15px; }
.jc-auto-inputs, .jc-auto-benefits { display: flex; flex-direction: column; height: 260px; justify-content: space-between; min-width: 0; }
.jc-auto-inputs span { align-items: center; color: #d8f2f6; display: flex; flex-direction: column; font-size: var(--jc-text-detail); gap: 6px; height: 86px; justify-content: center; text-align: center; }
.jc-auto-inputs i { color: #9feaf1; font-size: 31px; }
.jc-auto-in-path, .jc-auto-out-path { color: #13d6c3; height: 260px; width: 100%; }
.jc-auto-in-path marker path, .jc-auto-out-path marker path { fill: currentColor; }
.jc-auto-engine { align-items: center; background: rgba(2, 25, 39, .9); border: 2px solid #87e9ef; border-radius: 7px; display: flex; flex-direction: column; gap: 10px; justify-content: center; min-height: 133px; padding: 14px 5px; }
.jc-auto-engine i { color: var(--jc-cyan); font-size: 44px; }
.jc-auto-engine strong { color: var(--jc-cyan); font-size: var(--jc-text-detail); text-transform: uppercase; }
.jc-auto-benefits span { align-items: center; border: 1px solid #11b5ad; border-radius: 3px; color: #eef9fb; display: flex; font-size: var(--jc-text-detail); font-weight: 600; gap: 8px; min-height: 55px; padding: 8px; }
.jc-auto-benefits i { color: var(--jc-cyan-bright); font-size: 16px; }
.jc-auto-handwritten { font-family: 'Segoe Print', 'Bradley Hand', cursive; font-size: 23px !important; font-weight: 600; line-height: 1.3 !important; }
.jc-auto-hero-note { color: #c9edf4 !important; margin: 13px 8px 0 0 !important; text-align: right; transform: rotate(-6deg); }
.jc-auto-scenarios, .jc-auto-categories { display: grid; gap: 9px; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: 22px; }
.jc-auto-scenarios article, .jc-auto-categories article { background: #052332; border: 1px solid rgba(55, 194, 201, .35); border-radius: 3px; padding: 18px 14px; position: relative; }
.jc-auto-scenarios article > i, .jc-auto-categories article > i { color: var(--jc-cyan); font-size: 29px; margin-bottom: 14px; }
.jc-auto-scenarios h3 { font-size: 16px; line-height: 1.32; }
.jc-auto-scenarios p { color: #c8dce4; font-size: var(--jc-text-body); margin: 0; }
.jc-auto-scenarios .jc-auto-workarounds { background: #043236; border-color: var(--jc-cyan); }
.jc-auto-workarounds > i { margin-top: 16px; }
.jc-auto-badge { background: var(--jc-cyan); border-radius: 2px; color: #003b32; font-size: var(--jc-text-label); font-weight: 800; padding: 4px 6px; position: absolute; right: 6px; text-transform: uppercase; top: 6px; }
.jc-auto-philosophy-grid { align-items: center; display: grid; gap: 30px; grid-template-columns: 1.05fr 1.55fr .58fr; }
.jc-auto-philosophy .jc-auto-lead { font-size: 16px; margin-bottom: 5px; }
.jc-auto-comparison { align-items: center; display: grid; gap: 11px; grid-template-columns: 1fr 22px 1fr; }
.jc-auto-comparison > article, .jc-auto-target-panels > article { align-self: stretch; border: 1px solid; border-radius: 3px; padding: 20px 18px; }
.jc-auto-comparison h3 { font-size: var(--jc-text-body); text-transform: uppercase; }
.jc-auto-light .jc-scope-bad h3 { color: #b72f47; }
.jc-auto-light .jc-scope-good h3 { color: #087b6e; }
.jc-auto-comparison > i { color: #173843; font-size: 22px; text-align: center; }
.jc-auto-comparison ul { list-style: none; margin: 0; padding: 0; }
.jc-auto-workflow-compare li { align-items: baseline; color: #35515d; display: grid; font-size: var(--jc-text-detail); gap: 10px; grid-template-columns: 16px 1fr; line-height: 1.4; margin-bottom: 9px; padding: 0; }
.jc-auto-workflow-compare li:before { display: none; }
.jc-auto-workflow-compare li i { color: #1b4150; text-align: center; }
.jc-auto-workflow-compare .jc-scope-good li i { color: #039b85; }
.jc-auto-philosophy blockquote { border: 0; color: #102b38; margin: 0; padding: 0 0 18px; position: relative; text-align: center; transform: rotate(-8deg); }
.jc-auto-philosophy blockquote:after { background: var(--jc-cyan); bottom: 0; content: ''; height: 3px; left: 22%; position: absolute; width: 65%; }
.jc-auto-categories h3 { font-size: var(--jc-text-body); }
.jc-auto-categories article { padding: 18px 12px; }
.jc-auto-checks { list-style: none; margin: 0; padding: 0; }
.jc-auto-checks li { font-size: var(--jc-text-detail); line-height: 1.45; margin-bottom: 7px; padding-left: 18px; position: relative; }
.jc-auto-checks li:before { color: var(--jc-cyan); content: '✓'; font-size: 13px; font-weight: 800; left: 0; position: absolute; top: -1px; }
.jc-auto-light .jc-auto-checks li:before { color: #00a58d; }
.jc-automate-page .jc-scope-bad .jc-auto-checks li:before { background: transparent; color: #d94b62; content: '×'; height: auto; width: auto; }
.jc-automate-page .jc-scope-good .jc-auto-checks li:before { background: transparent; color: #00a58d; height: auto; width: auto; }
.jc-auto-split { display: grid; gap: 34px; grid-template-columns: 1fr 1fr; }
.jc-auto-split > div + div { border-left: 1px solid #c4dce3; padding-left: 34px; }
.jc-auto-target-panels { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; }
.jc-auto-target-panels h3 { font-size: var(--jc-text-body); line-height: 1.4; }
.jc-auto-target-panels .jc-scope-good h3 { color: #078474; }
.jc-auto-target-panels .jc-scope-bad h3 { color: #b72f47; }
.jc-automate-page .jc-auto-emphasis { color: #12323f; font-size: 14px; font-weight: 800; line-height: 1.5; margin: 17px 0 0; }
.jc-auto-excel-heading { align-items: start; display: grid; gap: 20px; grid-template-columns: 1fr 78px; }
.jc-auto-excel h2 { font-size: 28px; }
.jc-auto-excel-icon { align-items: center; background: #d8f6ed; border: 1px solid #afe9d8; border-radius: 9px; color: #087f4f; display: flex; font-size: 48px; height: 78px; justify-content: center; }
.jc-auto-two-column { display: grid; gap: 0 18px; grid-template-columns: 1fr 1fr; }
.jc-auto-callout { background: #d0f5f0; border-left: 3px solid #00b79e; color: #143b43; font-size: var(--jc-text-detail); font-weight: 800; line-height: 1.5; margin-top: 16px; padding: 11px 13px; }
.jc-auto-systems-trust > div + div { border-color: rgba(0, 255, 192, .42); }
.jc-auto-systems-trust h2 { font-size: 32px; }
.jc-auto-systems-trust p { margin-bottom: 5px; }
.jc-auto-system-flow { margin-top: 20px; }
.jc-auto-system-nodes { display: grid; gap: 6px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.jc-auto-system-nodes span { align-items: center; border: 1px solid rgba(58, 198, 207, .55); border-radius: 3px; display: flex; flex-direction: column; font-size: var(--jc-text-detail); gap: 8px; justify-content: center; min-height: 72px; padding: 10px 3px; text-align: center; }
.jc-auto-system-nodes i { color: #75e9ea; font-size: 23px; }
.jc-auto-system-paths { color: #00c8c1; display: block; height: 46px; width: 100%; }
.jc-auto-layer { background: #032132; border: 1px solid #00dce6; border-radius: 3px; color: #66eff0; display: block; font-size: 15px; margin: 0 auto; max-width: 320px; padding: 12px 8px; text-align: center; text-transform: uppercase; }
.jc-auto-layer .jc-brand-jera { color: #00b5ff; }
.jc-auto-layer .jc-brand-code { color: #00ffc0; }
.jc-auto-system-paths-out { transform: rotate(180deg); }
.jc-auto-system-outputs span { border: 0; min-height: 62px; padding: 0; }
.jc-auto-system-outputs i { color: var(--jc-cyan); }
.jc-automate-page .jc-auto-connection-methods { color: #93b6c2; font-size: var(--jc-text-detail); line-height: 1.5; margin: 16px 0 0; }
.jc-auto-reliability { display: grid; gap: 16px; margin: 24px 0 0; }
.jc-auto-reliability > div { align-items: baseline; display: grid; gap: 14px; grid-template-columns: 110px 1fr; }
.jc-auto-reliability dt { align-items: center; color: #eef8fa; display: flex; font-size: var(--jc-text-detail); gap: 12px; }
.jc-auto-reliability dt i { color: var(--jc-cyan); font-size: 22px; text-align: center; width: 23px; }
.jc-auto-reliability dd { color: #c5d9e1; font-size: var(--jc-text-detail); line-height: 1.5; margin: 0; }
.jc-auto-dark .jc-auto-emphasis { color: var(--jc-cyan); }
.jc-auto-ai-flow { align-items: center; display: grid; gap: 10px; grid-template-columns: 1fr 16px 1fr 16px 1fr; margin-bottom: 24px; text-align: center; }
.jc-auto-ai-flow > span { align-items: center; background: #e4f2f5; border: 1px solid #b9dbe2; display: flex; flex-direction: column; font-size: var(--jc-text-detail); font-weight: 800; gap: 9px; justify-content: center; min-height: 118px; padding: 13px; }
.jc-auto-ai-flow > span i { color: #088da0; font-size: 26px; }
.jc-auto-ai-flow > .jc-auto-ai-step { background: #d8f6ee; border-color: #4bd8bb; }
.jc-auto-ai-step small { color: #167065; font-size: var(--jc-text-detail); font-weight: 600; }
.jc-auto-human-review { border-top: 1px solid #b9dbe2; color: #34545f; font-size: var(--jc-text-detail); grid-column: 1 / -1; padding-top: 12px; }
.jc-auto-human-review i { color: #038f80; margin-right: 7px; }
.jc-auto-process { display: grid; gap: 14px; grid-template-columns: repeat(7, minmax(0, 1fr)); list-style: none; margin: 28px 0 24px; padding: 0; position: relative; }
.jc-auto-process:before { background: rgba(0, 255, 192, .55); content: ''; height: 1px; left: 7%; position: absolute; right: 7%; top: 23px; }
.jc-auto-process li { position: relative; text-align: center; }
.jc-auto-process li > span { align-items: center; background: #032537; border: 1px solid var(--jc-cyan); border-radius: 50%; color: var(--jc-cyan); display: flex; font-size: var(--jc-text-detail); font-weight: 800; height: 46px; justify-content: center; margin: 0 auto 15px; position: relative; width: 46px; }
.jc-auto-process h3 { font-size: var(--jc-text-body); }
.jc-auto-process p { color: #bdd4de; font-size: var(--jc-text-body); margin: 0; }
.jc-auto-process-statement { background: rgba(0, 255, 192, .05); border: 1px solid rgba(0, 255, 192, .45); color: var(--jc-cyan); font-size: 14px; font-weight: 800; margin: 0 auto; max-width: 690px; padding: 12px 16px; text-align: center; }
.jc-auto-results-grid { display: grid; gap: 30px; grid-template-columns: .85fr 1.15fr; }
.jc-auto-results h2 { font-size: 24px; margin-bottom: 9px; }
.jc-auto-roi { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 16px; }
.jc-auto-roi article { background: #e3f3f7; border: 1px solid #fff; border-radius: 3px; padding: 17px 12px; }
.jc-auto-roi h3 { font-size: var(--jc-text-body); margin-bottom: 4px; }
.jc-auto-roi p { font-size: var(--jc-text-body); line-height: 1.5; margin-bottom: 19px; }
.jc-auto-roi strong { color: #123a46; display: block; font-size: var(--jc-text-detail); }
.jc-automate-page .jc-auto-roi-footnote { font-size: var(--jc-text-detail); margin-top: 12px; }
.jc-auto-outcomes { gap: 10px; }
.jc-auto-outcomes article { padding: 18px 15px; }
.jc-automate-page .jc-auto-results-statement { color: #173945; font-size: var(--jc-text-detail); font-weight: 800; margin: 12px 0 0; text-align: center; }
.jc-auto-lower { border-top: 1px solid #c5dfe6; display: grid; gap: 32px; grid-template-columns: 1.15fr 1fr; margin-top: 29px; padding-top: 25px; }
.jc-auto-lower h2 { font-size: 21px; margin-bottom: 17px; }
.jc-automate-page .jc-finish-related a { min-height: 90px; text-decoration: none; }
.jc-automate-page .jc-finish-related a:hover { background: #d5eee9; border-color: #37bfa9; }
.jc-auto-final { background: linear-gradient(90deg, rgba(2, 16, 27, .97) 0%, rgba(2, 16, 27, .87) 43%, rgba(2, 16, 27, .12) 75%), url('/Images/services/automate-closing-desk-v1.webp') center right / cover no-repeat; border-top: 1px solid rgba(0, 255, 192, .28); min-height: 310px; padding: 48px 0; }
.jc-auto-final h2 { font-size: clamp(31px, 3.2vw, 43px); margin-bottom: 14px; }
.jc-auto-final p:not(.jc-eyebrow) { color: #e0ebef; margin-bottom: 4px; max-width: 630px; }
.jc-auto-final .jc-auto-actions > span { max-width: none; }
@media (max-width: 1199px) {
    .jc-auto-scenarios, .jc-auto-categories { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jc-auto-philosophy-grid { gap: 24px; grid-template-columns: .95fr 1.5fr; }
    .jc-auto-philosophy blockquote { grid-column: 1 / -1; padding: 5px 0 16px; transform: none; }
    .jc-auto-philosophy blockquote br { display: none; }
    .jc-auto-philosophy blockquote:after { left: 35%; width: 30%; }
    .jc-auto-actions { align-items: flex-start; flex-direction: column; gap: 12px; }
    .jc-auto-actions > span { max-width: 450px; }
    .jc-auto-process { gap: 22px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .jc-auto-process:before { display: none; }
    .jc-auto-split { gap: 24px; }
    .jc-auto-split > div + div { padding-left: 24px; }
    .jc-auto-target-panels { grid-template-columns: 1fr; }
    .jc-auto-target-panels .jc-auto-checks { display: grid; gap: 0 12px; grid-template-columns: 1fr 1fr; }
    .jc-auto-results-grid, .jc-auto-lower { grid-template-columns: 1fr; }
    .jc-auto-roi { max-width: 610px; }
}
@media (max-width: 991px) {
    .jc-auto-hero { min-height: 0; padding: 54px 0; }
    .jc-auto-hero-flow { max-width: 640px; }
    .jc-auto-hero-note { max-width: 640px; }
    .jc-auto-section { padding: 48px 0; }
    .jc-auto-scenarios { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .jc-auto-philosophy-grid, .jc-auto-split { grid-template-columns: 1fr; }
    .jc-auto-split > div + div { border-left: 0; border-top: 1px solid #c4dce3; padding: 28px 0 0; }
    .jc-auto-systems-trust > div + div { border-color: rgba(0, 255, 192, .42); }
    .jc-auto-target-panels { grid-template-columns: 1fr 1fr; }
    .jc-auto-target-panels .jc-auto-checks { display: block; }
    .jc-auto-process { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .jc-automate-page h2 { font-size: 30px; }
    .jc-auto-hero { background-position: 66% center; padding: 46px 0; }
    .jc-auto-hero h1 { font-size: 39px; }
    .jc-auto-section { padding: 42px 0; }
    .jc-auto-hero-flow { gap: 15px; grid-template-columns: 1fr; padding: 21px 16px; }
    .jc-auto-inputs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); height: auto; }
    .jc-auto-inputs span { font-size: var(--jc-text-detail); height: auto; min-height: 74px; }
    .jc-auto-in-path, .jc-auto-out-path { display: none; }
    .jc-auto-engine { margin: 0 auto; min-height: 115px; position: relative; width: 150px; }
    .jc-auto-engine:before, .jc-auto-engine:after { color: var(--jc-cyan); content: '↓'; font-size: 23px; left: 50%; line-height: 1; position: absolute; transform: translateX(-50%); }
    .jc-auto-engine:before { top: -24px; }
    .jc-auto-engine:after { bottom: -24px; }
    .jc-auto-benefits { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; height: auto; margin-top: 8px; }
    .jc-auto-benefits span { font-size: var(--jc-text-detail); gap: 7px; padding: 9px; }
    .jc-auto-scenarios, .jc-auto-categories { grid-template-columns: 1fr; gap: 13px; }
    .jc-auto-scenarios article, .jc-auto-categories article { padding: 22px; }
    .jc-auto-scenarios p, .jc-auto-checks li { font-size: var(--jc-text-body); }
    .jc-auto-scenarios h3, .jc-auto-categories h3 { font-size: 18px; }
    .jc-auto-workarounds > i { margin-top: 4px; }
    .jc-auto-comparison, .jc-auto-target-panels, .jc-auto-two-column { grid-template-columns: 1fr; }
    .jc-auto-comparison > i { margin: 7px 0; transform: rotate(90deg); }
    .jc-auto-workflow-compare li { font-size: var(--jc-text-detail); }
    .jc-auto-philosophy blockquote { font-size: 23px !important; }
    .jc-auto-philosophy blockquote:after { left: 20%; width: 60%; }
    .jc-auto-excel-heading { gap: 15px; grid-template-columns: 1fr 60px; }
    .jc-auto-excel-icon { font-size: 36px; height: 60px; }
    .jc-auto-excel h2 { font-size: 26px; }
    .jc-auto-system-nodes { gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .jc-auto-system-nodes span { font-size: var(--jc-text-detail); min-height: 76px; }
    .jc-auto-system-paths { display: none; }
    .jc-auto-layer { font-size: 15px; margin: 35px auto; position: relative; }
    .jc-auto-layer:before, .jc-auto-layer:after { color: var(--jc-cyan); content: '↓'; font-size: 25px; left: 50%; line-height: 1; position: absolute; transform: translateX(-50%); }
    .jc-auto-layer:before { top: -29px; }
    .jc-auto-layer:after { bottom: -29px; }
    .jc-auto-system-outputs span { min-height: 65px; }
    .jc-auto-reliability > div { gap: 6px; grid-template-columns: 1fr; }
    .jc-auto-reliability dd { font-size: var(--jc-text-detail); margin-left: 35px; }
    .jc-auto-ai-flow { gap: 10px; grid-template-columns: 1fr; }
    .jc-auto-ai-flow > i { transform: rotate(90deg); }
    .jc-auto-ai-flow > span { min-height: 105px; }
    .jc-auto-process { gap: 0; grid-template-columns: 1fr; }
    .jc-auto-process:before { display: block; height: auto; left: 22px; right: auto; top: 0; bottom: 45px; width: 1px; }
    .jc-auto-process li { display: grid; gap: 18px; grid-template-columns: 46px 1fr; padding-bottom: 27px; text-align: left; }
    .jc-auto-process li > span { margin: 0; }
    .jc-auto-process h3 { font-size: 17px; }
    .jc-auto-process p { font-size: var(--jc-text-body); }
    .jc-auto-roi { grid-template-columns: 1fr; }
    .jc-auto-roi article { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; padding: 20px; }
    .jc-auto-roi article p { grid-column: 2; grid-row: 1 / 3; margin: 0; }
    .jc-auto-roi article strong { grid-column: 1; }
    .jc-auto-results h2 { font-size: 25px; }
    .jc-auto-lower h2 { font-size: 23px; }
    .jc-automate-page .jc-finish-related { grid-template-columns: 1fr; }
    .jc-auto-final { background-position: 72% center; min-height: 0; padding: 46px 0; }
    .jc-auto-final .container { background: rgba(2, 16, 27, .65); padding-bottom: 18px; padding-top: 18px; }
    .jc-auto-final h2 { font-size: 33px; }
}