.jc-contact-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); pointer-events: none; }
.jc-header .jc-nav .nav-link { color: #e8f0f5; font-size: var(--jc-text-detail); font-weight: 700; padding: 24px 13px 21px; position: relative; }
.jc-header .jc-nav .nav-link.active { color: var(--jc-cyan); }
.jc-header .jc-nav .nav-link:focus, .jc-header .jc-nav .nav-link:hover { color: var(--jc-cyan); }
.jc-header .jc-nav .nav-link.active:after { transform: scaleX(1) translateX(-50%); }
.jc-services-menu-trigger { align-items: stretch; display: flex; }
.jc-header .jc-services-menu-trigger .nav-link { padding-right: 4px; }
.jc-services-menu-trigger .nav-link:after { background: var(--jc-cyan); bottom: 13px; content: ""; height: 2px; left: 50%; position: absolute; transform: scaleX(0) translateX(-50%); transform-origin: left; transition: transform .2s ease; width: 26px; }
.jc-services-menu-trigger .nav-link:focus:after, .jc-services-menu-trigger .nav-link:hover:after, .jc-services-menu-trigger .nav-link.active:after { transform: scaleX(1) translateX(-50%); }
.jc-services-toggle { align-items: center; background: transparent; border: 0; color: #e8f0f5; display: inline-flex; justify-content: center; padding: 0 9px 0 4px; }
.jc-services-toggle:after { margin-left: 0; }
.jc-services-toggle:focus-visible, .jc-nav a:focus-visible, .jc-button:focus-visible, .dropdown-item:focus-visible { outline: 2px solid var(--jc-cyan-bright); outline-offset: 3px; }
.jc-services-dropdown { background: #051928; border: 1px solid rgba(0, 255, 192, .45); border-radius: 4px; box-shadow: 0 18px 38px rgba(0, 0, 0, .35); min-width: 258px; padding: 11px; }
.jc-services-group + .jc-services-group { border-top: 1px solid rgba(135, 193, 214, .16); margin-top: 8px; padding-top: 8px; }
.jc-services-group > span { color: var(--jc-cyan-bright); display: block; font-size: var(--jc-text-label); font-weight: 800; letter-spacing: .09em; padding: 4px 9px; text-transform: uppercase; }
.jc-services-dropdown .dropdown-item { align-items: center; color: #dbeaf1; display: flex; font-size: var(--jc-text-detail); font-weight: 700; gap: 9px; padding: 7px 9px; }
.jc-services-dropdown .dropdown-item i { color: var(--jc-cyan); width: 16px; }
.jc-services-dropdown .dropdown-item:focus, .jc-services-dropdown .dropdown-item:hover { background: rgba(0, 255, 192, .1); color: #fff; }
.jc-page-hero { background: linear-gradient(120deg, #031a29, #06111c); border-bottom: 1px solid rgba(73, 209, 226, .17); overflow: hidden; padding: 82px 0 76px; position: relative; }
.jc-page-hero:before { background: radial-gradient(circle at 78% 20%, rgba(0, 255, 192, .16), transparent 30%), linear-gradient(115deg, transparent 48%, rgba(24, 104, 121, .18) 48.2%, transparent 48.5%); content: ""; inset: 0; pointer-events: none; position: absolute; }
.jc-page-hero .container { position: relative; }
.jc-page-hero h1 { font-size: clamp(37px, 5vw, 58px); line-height: 1.06; margin-bottom: 16px; max-width: 720px; }
.jc-page-hero h1 span { color: var(--jc-cyan); }
.jc-page-hero p:not(.jc-eyebrow) { color: #dae8ee; font-size: 16px; max-width: 665px; }
.jc-page-hero .jc-button { margin-top: 10px; }
.jc-page-section { padding: 78px 0; }
.jc-page-section h2 { font-size: clamp(28px, 3.2vw, 40px); line-height: 1.15; margin-bottom: 13px; }
.jc-page-section p { color: var(--jc-muted); }
.jc-page-heading { margin-bottom: 34px; max-width: 770px; }
.jc-page-heading > p:last-child { font-size: var(--jc-text-body); max-width: 650px; }
.jc-hero-diagram, .jc-detail-visual, .jc-statement-panel, .jc-experience-stat, .jc-case-visual, .jc-contact-route { background: rgba(2, 21, 34, .77); border: 1px solid rgba(0, 255, 192, .48); border-radius: 5px; min-height: 285px; overflow: hidden; position: relative; }
.jc-service-map { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; padding: 26px; }
.jc-service-map:before { border: 1px solid rgba(0, 255, 192, .35); border-radius: 50%; content: ""; height: 156px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 156px; }
.jc-service-map span { background: #0a2a3d; border: 1px solid rgba(114, 183, 205, .36); color: #dbeaf0; font-size: var(--jc-text-detail); font-weight: 700; padding: 13px; position: relative; text-align: center; }
.jc-service-map strong { align-items: center; background: var(--jc-cyan); color: #00382c; display: flex; font-size: var(--jc-text-detail); justify-content: center; left: 50%; min-height: 78px; padding: 9px; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 78px; }
.jc-offering-overview { background: #041827; }
.jc-offering-card, .jc-engagement-page-card, .jc-principle-grid article, .jc-experience-practice article, .jc-discipline-section article { background: linear-gradient(155deg, rgba(9, 42, 62, .92), rgba(3, 22, 35, .94)); border: 1px solid rgba(0, 255, 192, .38); border-radius: 4px; display: flex; flex-direction: column; height: 100%; min-height: 255px; padding: 25px; }
.jc-offering-card > i, .jc-engagement-page-card > i, .jc-principle-grid article > i, .jc-experience-practice article > i, .jc-discipline-section article > i { color: var(--jc-cyan); font-size: 31px; margin-bottom: 17px; }
.jc-offering-card h3, .jc-engagement-page-card h3, .jc-principle-grid h3, .jc-experience-practice h3, .jc-discipline-section h3 { font-size: 19px; margin-bottom: 8px; }
.jc-offering-card p, .jc-engagement-page-card p, .jc-principle-grid p, .jc-experience-practice p, .jc-discipline-section p { font-size: var(--jc-text-body); line-height: 1.6; }
.jc-offering-card a, .jc-engagement-page-card a { color: var(--jc-cyan-bright); font-size: var(--jc-text-detail); font-weight: 800; margin-top: auto; }
.jc-build-connect-section { background: linear-gradient(90deg, #03121f, #062235); }
.jc-build-connect-card { background: rgba(3, 20, 33, .78); border: 1px solid rgba(116, 190, 210, .42); border-radius: 4px; display: block; height: 100%; min-height: 220px; padding: 24px; }
.jc-build-connect-card:hover { background: rgba(0, 255, 192, .08); border-color: var(--jc-cyan); transform: translateY(-2px); }
.jc-build-connect-card > i { color: var(--jc-cyan); font-size: 31px; margin-bottom: 16px; }
.jc-build-connect-card h3 { font-size: 19px; }
.jc-build-connect-card p { font-size: var(--jc-text-body); }
.jc-build-connect-card span { color: var(--jc-cyan-bright); font-size: var(--jc-text-detail); font-weight: 800; }
.jc-engagement-overview { background: #061522; }
.jc-engagement-page-card { min-height: 235px; }
.jc-detail-visual { align-items: center; display: flex; justify-content: center; }
.jc-detail-visual > i { color: var(--jc-cyan); font-size: 96px; position: relative; z-index: 1; }
.jc-detail-visual > span { bottom: 24px; color: var(--jc-cyan-bright); font-size: var(--jc-text-detail); font-weight: 800; left: 0; letter-spacing: .1em; position: absolute; right: 0; text-align: center; text-transform: uppercase; }
.jc-visual-node { background: #0b3850; border: 1px solid rgba(103, 255, 218, .6); border-radius: 50%; height: 30px; position: absolute; width: 30px; }
.node-one { left: 18%; top: 22%; } .node-two { right: 17%; top: 30%; } .node-three { bottom: 25%; left: 26%; }
.jc-detail-visual:before, .jc-detail-visual:after { background: rgba(0, 255, 192, .38); content: ""; height: 1px; position: absolute; transform: rotate(-27deg); width: 170px; }
.jc-detail-visual:after { transform: rotate(37deg); }
.jc-visual-diagnostics .jc-detail-visual { background: linear-gradient(145deg, rgba(43, 24, 39, .82), rgba(4, 21, 35, .94)); }
.jc-visual-diagnostics .jc-detail-visual > i { color: #ff8190; }
.jc-visual-completion .jc-detail-visual > i { color: #75e6b0; }
.jc-visual-workflow .jc-detail-visual > i, .jc-visual-integration .jc-detail-visual > i { font-size: 83px; }
.jc-visual-ai .jc-detail-visual { background: linear-gradient(145deg, rgba(8, 39, 52, .94), rgba(2, 20, 34, .94)); }
.jc-visual-assessment .jc-detail-visual > i { color: #8bd5f0; }
.jc-problem-section { background: #061a29; }
.jc-problem-list { display: grid; gap: 11px; list-style: none; margin: 0; padding: 0; }
.jc-problem-list li { background: rgba(2, 15, 26, .48); border-left: 2px solid #ff6572; color: #e6eef3; font-size: 14px; padding: 13px 16px; }
.jc-problem-list i { color: #ff7180; margin-right: 10px; }
.jc-capability-section { background: #03111d; }
.jc-capability-list { border: 1px solid rgba(86, 173, 195, .33); }
.jc-capability-list div { align-items: center; border-bottom: 1px solid rgba(86, 173, 195, .22); color: #e1edf2; display: flex; font-size: 14px; gap: 14px; min-height: 58px; padding: 12px 17px; }
.jc-capability-list div:last-child { border-bottom: 0; }
.jc-capability-list i { color: var(--jc-cyan); }
.jc-process-section { background: linear-gradient(120deg, #042536, #031522); }
.jc-process-flow { display: flex; gap: 0; list-style: none; margin: 34px 0 0; padding: 0; }
.jc-process-flow li { flex: 1; min-width: 0; position: relative; text-align: center; }
.jc-process-flow li:not(:last-child):after { background: rgba(0, 255, 192, .44); content: ""; height: 1px; left: 62%; position: absolute; top: 23px; width: 76%; }
.jc-process-flow span { align-items: center; background: #07384a; border: 1px solid var(--jc-cyan); border-radius: 50%; color: var(--jc-cyan-bright); display: flex; font-size: var(--jc-text-detail); font-weight: 800; height: 46px; justify-content: center; margin: 0 auto 13px; position: relative; width: 46px; z-index: 1; }
.jc-process-flow strong { color: #e7f1f4; display: block; font-size: var(--jc-text-detail); line-height: 1.4; margin: auto; max-width: 130px; }
.jc-related-offerings { background: #041725; }
.jc-related-card { align-items: center; background: rgba(4, 28, 43, .87); border: 1px solid rgba(0, 255, 192, .35); border-radius: 4px; display: flex; gap: 13px; min-height: 82px; padding: 17px; }
.jc-related-card > i:first-child { color: var(--jc-cyan); font-size: 24px; }
.jc-related-card span { color: #edf5f8; font-size: 14px; font-weight: 800; }
.jc-related-card > i:last-child { color: var(--jc-cyan-bright); margin-left: auto; }
.jc-page-cta { background: linear-gradient(100deg, rgba(1, 13, 23, .94), rgba(2, 39, 51, .9)), url('/Images/hero-engineering-workspace.webp') center 76% / cover; border-top: 1px solid rgba(0, 255, 192, .25); padding: 38px 0; }
.jc-page-cta .container { align-items: center; display: flex; gap: 25px; justify-content: space-between; }
.jc-page-cta h2 { font-size: clamp(23px, 2.5vw, 31px); margin: 0 0 5px; }
.jc-page-cta p { color: #d7e7ee; margin: 0; }
.jc-site-footer { background: #020d16; border-top: 1px solid rgba(153, 212, 238, .14); color: #a8bdc8; font-size: var(--jc-text-detail); padding: 18px 0; }
.jc-site-footer .container { display: flex; justify-content: space-between; }
.jc-site-footer a { color: var(--jc-cyan-bright); }
.jc-page-hero-about { background: linear-gradient(110deg, #051927, #071c27); }
.jc-statement-panel { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 35px; text-align: center; }
.jc-statement-panel strong { color: #fff; font-size: 28px; line-height: 1.2; max-width: 270px; }
.jc-statement-panel span { color: var(--jc-cyan-bright); font-size: 15px; font-weight: 700; margin-top: 13px; }
.jc-principle-grid { display: grid; gap: 13px; grid-template-columns: 1fr 1fr; }
.jc-principle-grid article { min-height: 205px; padding: 20px; }
.jc-principle-grid article > i { font-size: 25px; margin-bottom: 13px; }
.jc-about-band { background: linear-gradient(90deg, #032030, #04111c); }
.jc-check-list, .jc-contact-details { list-style: none; margin: 0; padding: 0; }
.jc-check-list li, .jc-contact-details li { color: #e0ecf1; margin: 12px 0; }
.jc-check-list i { color: var(--jc-cyan); margin-right: 10px; }
.jc-experience-stat { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 30px; text-align: center; }
.jc-experience-stat strong { color: var(--jc-cyan); font-size: 88px; letter-spacing: -.08em; line-height: 1; }
.jc-experience-stat span { color: #edf7f9; font-size: 15px; font-weight: 700; max-width: 220px; }
.jc-experience-stat small { color: var(--jc-muted); font-size: var(--jc-text-detail); margin-top: 14px; }
.jc-timeline { border-left: 1px solid rgba(0, 255, 192, .5); list-style: none; margin: 35px 0 0 18px; padding: 0 0 0 32px; }
.jc-timeline li { padding: 0 0 28px; position: relative; }
.jc-timeline li:before { background: var(--jc-cyan); border-radius: 50%; content: ""; height: 11px; left: -38px; position: absolute; top: 5px; width: 11px; }
.jc-timeline span { color: var(--jc-cyan-bright); display: block; font-size: var(--jc-text-detail); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.jc-timeline strong { color: #eef6fa; font-size: 17px; }
.jc-discipline-section { background: #041826; }
.jc-discipline-section article { min-height: 194px; padding: 20px; }
.jc-discipline-section article > i { font-size: 25px; margin-bottom: 13px; }
.jc-page-hero-cases { background: linear-gradient(120deg, #071522, #072d36); }
.jc-case-visual { align-items: center; display: flex; justify-content: center; }
.jc-case-visual > i { color: var(--jc-cyan); font-size: 96px; }
.jc-case-visual span { background: #082d40; border: 1px solid rgba(0, 255, 192, .5); color: #d9edf3; font-size: var(--jc-text-detail); font-weight: 700; padding: 9px; position: absolute; }
.jc-case-visual span:nth-of-type(1) { left: 10%; top: 22%; } .jc-case-visual span:nth-of-type(2) { right: 9%; top: 45%; } .jc-case-visual span:nth-of-type(3) { bottom: 16%; left: 20%; }
.jc-experience-practice article { min-height: 220px; }
.jc-case-note { background: linear-gradient(90deg, #071d2b, #03111b); }
.jc-contact-route { align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.jc-contact-route i { color: var(--jc-cyan); font-size: 79px; margin-bottom: 16px; }
.jc-contact-route span { color: #f0f8fb; font-size: 21px; font-weight: 800; }
.jc-contact-route small { color: var(--jc-cyan-bright); margin-top: 7px; }
.jc-contact-page { background: #041827; }
.jc-contact-details i { color: var(--jc-cyan); margin-right: 12px; width: 17px; }
.jc-contact-details a { color: #edf7f9; font-weight: 700; }
.jc-contact-form-shell, .jc-contact-form { background: rgba(5, 30, 46, .8); border: 1px solid rgba(0, 255, 192, .34); border-radius: 4px; padding: 27px; }
.jc-contact-form form { background: transparent; border: 0; padding: 0; }
.jc-contact-form label, .jc-contact-form-shell label { color: #eaf4f8; display: block; font-size: var(--jc-text-detail); font-weight: 700; margin-bottom: 6px; }
.jc-contact-form label span, .jc-contact-form-shell label span { color: var(--jc-muted); font-weight: 500; }
.jc-contact-form .jc-button, .jc-contact-form-shell .jc-button { margin-top: 20px; }
@media (max-width: 991px) { .jc-page-hero { padding: 64px 0; } .jc-page-hero .row > div + div { margin-top: 35px; } .jc-services-dropdown { min-width: 240px; } .jc-process-flow { flex-wrap: wrap; gap: 24px 0; } .jc-process-flow li { flex-basis: 33.333%; } .jc-process-flow li:not(:last-child):after { display: none; } }
@media (max-width: 991px) { .jc-header .jc-header-inner { align-items: center; display: flex; flex-wrap: wrap; } .jc-header .jc-brand { min-width: 0; } .jc-header .jc-nav-wrap { flex: 0 0 100%; min-width: 0; } .jc-header .jc-nav-wrap.navbar-collapse.collapse.show { margin-left: 0; margin-right: 0; } .jc-header .jc-nav .nav-link { padding: 9px 0; } .jc-services-menu-trigger .nav-link:after { display: none; } .jc-services-menu-trigger { align-items: center; flex-wrap: wrap; justify-content: space-between; } .jc-services-menu-trigger .nav-link { flex: 1; } .jc-services-toggle { min-height: 39px; min-width: 39px; padding: 0 8px; } .jc-services-dropdown { flex-basis: 100%; margin-top: 0; position: static; width: 100%; } }
@media (max-width: 767px) { .jc-services-menu-trigger { align-items: center; justify-content: space-between; } .jc-services-menu-trigger .nav-link { flex: 1; } .jc-services-toggle { min-height: 39px; padding: 0 8px; } .jc-services-dropdown { margin-top: 0; position: static; width: 100%; } .jc-page-hero { padding: 55px 0; } .jc-page-hero h1 { font-size: 38px; } .jc-page-section { padding: 55px 0; } .jc-page-cta { padding: 34px 0; } .jc-page-cta .container { align-items: flex-start; flex-direction: column; } .jc-page-cta .jc-button { width: 100%; } .jc-service-map { min-height: 245px; } .jc-principle-grid { grid-template-columns: 1fr; } .jc-process-flow li { flex-basis: 50%; } .jc-site-footer .container { align-items: flex-start; flex-direction: column; gap: 8px; } .jc-contact-form-shell { padding: 19px; } }

/* Services page: intentionally varied editorial service layout. */
.jc-services-page h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.1; margin-bottom: 10px; }
.jc-services-page h3 { font-size: 18px; line-height: 1.35; margin-bottom: 11px; }
.jc-services-hero { background: linear-gradient(110deg, #031827 0%, #06111d 64%, #082b39 100%); border-bottom: 1px solid rgba(77, 211, 231, .2); overflow: hidden; padding: 82px 0 76px; position: relative; }
.jc-services-hero:before { background: radial-gradient(circle at 78% 15%, rgba(0, 255, 192, .16), transparent 28%), linear-gradient(115deg, transparent 49%, rgba(90, 223, 237, .1) 49.2%, transparent 49.5%); content: ""; inset: 0; position: absolute; }
.jc-services-hero .container { position: relative; }
.jc-services-hero h1 { font-size: clamp(39px, 4.4vw, 57px); line-height: 1.05; margin-bottom: 15px; max-width: 570px; }
.jc-services-hero h1 span { color: var(--jc-cyan); }
.jc-services-hero p:not(.jc-eyebrow) { color: #dce9ef; max-width: 550px; }
.jc-services-hero .jc-button { margin-top: 9px; }
.jc-service-map-rich { background: rgba(2, 20, 33, .7); box-shadow: 0 17px 45px rgba(0, 0, 0, .28); min-height: 310px; padding: 19px; position: relative; }
.jc-service-map-rich .jc-map-item { align-items: center; background: linear-gradient(145deg, rgba(7, 42, 60, .96), rgba(4, 28, 44, .95)); border: 1px solid rgba(118, 205, 220, .42); color: #dcecf2; display: flex; flex-direction: column; font-size: var(--jc-text-detail); font-weight: 700; gap: 9px; justify-content: center; min-height: 128px; position: relative; text-align: center; z-index: 1; }
.jc-service-map-rich .jc-map-item i { color: var(--jc-cyan); font-size: 27px; }
.jc-service-map-rich strong { background: var(--jc-cyan); box-shadow: 0 0 0 7px rgba(0, 255, 192, .1); color: #003a31; font-size: var(--jc-text-detail); line-height: 1.25; min-height: 74px; text-transform: uppercase; width: 94px; z-index: 2; }
.jc-services-intro { background: #041827; padding: 37px 0 42px; }
.jc-services-intro h2 { margin: 0; }
.jc-services-intro .row > div:last-child p { color: #c1d2dc; font-size: var(--jc-text-body); margin: 0; }
.jc-service-feature, .jc-integration-section, .jc-fit-section, .jc-scenarios-section, .jc-how-section, .jc-services-tech { padding: 66px 0; }
.jc-service-feature p:not(.jc-service-number), .jc-integration-section > .container > .row > div > p, .jc-how-section > .container > p:not(.jc-eyebrow), .jc-services-tech p:not(.jc-eyebrow) { color: var(--jc-muted); font-size: var(--jc-text-body); }
.jc-service-number { color: var(--jc-cyan); font-size: 24px; font-weight: 800; letter-spacing: -.05em; line-height: 1; margin-bottom: 6px; }
.jc-service-feature h2, .jc-integration-section h2 { font-size: 25px; }
.jc-service-feature h3, .jc-integration-section h3 { color: var(--jc-cyan-bright); font-size: var(--jc-text-body); font-weight: 800; max-width: 400px; }
.jc-feature-fix, .jc-feature-automate, .jc-integration-section { background: linear-gradient(105deg, #041827, #02131f); }
.jc-feature-finish, .jc-feature-ai, .jc-fit-section, .jc-how-section { background: #edf5f7; color: #082031; }
.jc-feature-finish h2, .jc-feature-ai h2, .jc-fit-section h2, .jc-how-section h2 { color: #092132; }
.jc-feature-finish h3, .jc-feature-ai h3 { color: #087d73; }
.jc-feature-finish p:not(.jc-service-number), .jc-feature-ai p:not(.jc-service-number), .jc-fit-section p, .jc-how-section > .container > p:not(.jc-eyebrow) { color: #315364; }
.jc-checklist { margin: 19px 0; }
.jc-checklist strong { color: var(--jc-cyan-bright); display: block; font-size: var(--jc-text-detail); font-weight: 800; margin-bottom: 10px; }
.jc-checklist ul, .jc-fit-panel ul { list-style: none; margin: 0; padding: 0; }
.jc-checklist li { color: #d7e7ed; font-size: var(--jc-text-detail); line-height: 1.36; margin-bottom: 7px; padding-left: 18px; position: relative; }
.jc-checklist li:before { color: var(--jc-cyan); content: "✓"; font-size: 13px; font-weight: 800; left: 0; position: absolute; top: -1px; }
.jc-checklist-light strong { color: #087d73; }
.jc-checklist-light li { color: #264957; }
.jc-checklist-light li:before { color: #00a990; }
.jc-feature-image { background-color: #082536; background-position: center; background-size: cover; border: 1px solid rgba(0, 255, 192, .42); min-height: 270px; overflow: hidden; position: relative; }
.jc-feature-image:after { background: linear-gradient(135deg, rgba(2, 16, 27, .1), rgba(2, 16, 27, .82)); content: ""; inset: 0; position: absolute; }
.jc-feature-image span { bottom: 24px; color: #f0fbfd; font-size: 19px; font-weight: 800; left: 24px; line-height: 1.08; position: absolute; text-transform: uppercase; z-index: 1; }
.jc-feature-image em { color: var(--jc-cyan); font-style: normal; }
.jc-diagnostics-image { background-image: url('/Images/services/services-diagnostics-workspace.webp'); }
.jc-finish-image { background-image: url('/Images/services/finish-it-release-workstation-v1.webp'); border-color: rgba(9, 83, 103, .22); min-height: 300px; }
.jc-finish-image:after { background: linear-gradient(0deg, rgba(2, 25, 38, .72), rgba(2, 25, 38, .04)); }
.jc-finish-image span { font-size: 15px; }
.jc-team-callout { align-items: flex-start; background: #d3f6f1; border: 1px solid #8edfd5; display: flex; gap: 11px; margin-top: 15px; padding: 12px; }
.jc-team-callout i { color: #008e80; font-size: 20px; }
.jc-team-callout strong, .jc-team-callout span { color: #124b57; display: block; font-size: var(--jc-text-detail); line-height: 1.35; }
.jc-team-callout strong { font-weight: 800; margin-bottom: 2px; }
.jc-workflow-visual { background: radial-gradient(circle at 50% 45%, rgba(0, 255, 192, .15), transparent 24%), rgba(1, 20, 32, .45); border: 1px solid rgba(0, 255, 192, .25); min-height: 285px; position: relative; }
.jc-workflow-source, .jc-workflow-output, .jc-workflow-center { align-items: center; background: #06324b; border: 1px solid rgba(100, 210, 221, .48); display: flex; justify-content: center; position: absolute; }
.jc-workflow-source { flex-direction: column; gap: 17px; left: 8%; padding: 15px; top: 25%; }
.jc-workflow-output { height: 66px; right: 8%; top: 37%; width: 78px; }
.jc-workflow-center { background: #075f67; border-color: var(--jc-cyan); flex-direction: column; height: 94px; left: 50%; top: 26%; transform: translateX(-50%); width: 104px; }
.jc-workflow-visual i { color: var(--jc-cyan); font-size: 28px; }
.jc-workflow-center span { color: #d8fffa; font-size: var(--jc-text-detail); font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.jc-workflow-visual:before, .jc-workflow-visual:after { border-top: 1px solid var(--jc-cyan); content: ""; position: absolute; top: 48%; width: 16%; }
.jc-workflow-visual:before { left: 27%; } .jc-workflow-visual:after { right: 25%; }
.jc-workflow-visual p { bottom: 18px; color: var(--jc-cyan-bright) !important; font-size: var(--jc-text-body) !important; font-weight: 800; line-height: 1.35; margin: 0; position: absolute; right: 8%; text-align: right; text-transform: uppercase; }
.jc-automation-visual { background: linear-gradient(180deg, rgba(1, 15, 24, .02) 38%, rgba(1, 15, 24, .9) 100%), url('/Images/services/automate-it-document-workflow-v1.webp') center / cover no-repeat; border: 1px solid rgba(0, 255, 192, .32); box-shadow: 0 18px 42px rgba(0, 0, 0, .28); min-height: 285px; overflow: hidden; position: relative; }
.jc-automation-visual-copy { bottom: 18px; left: 20px; position: absolute; z-index: 1; }
.jc-automation-visual-copy span, .jc-automation-visual-copy strong { display: block; font-size: var(--jc-text-detail); font-weight: 800; letter-spacing: .02em; line-height: 1.2; text-transform: uppercase; }
.jc-automation-visual-copy span { color: #fff; }
.jc-automation-visual-copy strong { color: var(--jc-cyan); }
.jc-ai-image { background-image: url('/Images/services/services-practical-ai.webp'); min-height: 300px; }
.jc-ai-image:after { background: linear-gradient(0deg, rgba(2, 19, 28, .73), rgba(2, 19, 28, .08)); }
.jc-ai-note { background: #00dcb0; color: #003c37; display: inline-block; font-size: var(--jc-text-detail); font-weight: 800; letter-spacing: .06em; margin-top: 5px; padding: 7px 9px; text-transform: uppercase; }
.jc-integration-section { background: radial-gradient(circle at 87% 15%, rgba(0, 255, 192, .11), transparent 30%), #031824; }
.jc-integration-section .jc-checklist { margin: 22px 0 0; }
.jc-integration-visual { background: linear-gradient(90deg, rgba(2, 17, 28, .05), rgba(2, 17, 28, .18)), url('/Images/services/system-integration-connected-infrastructure-v1.webp') center / cover no-repeat; border: 1px solid rgba(0, 255, 192, .34); box-shadow: 0 18px 42px rgba(0, 0, 0, .28); min-height: 285px; overflow: hidden; position: relative; }
.jc-integration-visual:after { background: linear-gradient(180deg, transparent 43%, rgba(1, 15, 24, .9) 100%); content: ""; inset: 0; position: absolute; }
.jc-integration-visual-copy { bottom: 18px; left: 20px; position: absolute; z-index: 1; }
.jc-integration-visual-copy span { color: var(--jc-cyan-bright); display: block; font-size: var(--jc-text-detail); font-weight: 800; letter-spacing: .1em; margin-bottom: 5px; text-transform: uppercase; }
.jc-integration-visual-copy strong { color: #fff; display: block; font-size: 17px; line-height: 1.14; }
.jc-integration-visual-copy em { color: var(--jc-cyan); font-style: normal; }
.jc-systems-diagram { align-items: center; display: flex; justify-content: center; min-height: 270px; position: relative; }
.jc-systems-diagram > div, .jc-systems-diagram > strong { align-items: center; background: #063047; border: 1px solid rgba(87, 196, 211, .52); color: #eefcff; display: flex; font-size: var(--jc-text-detail); height: 88px; justify-content: center; line-height: 1.35; position: relative; text-align: center; width: 115px; z-index: 1; }
.jc-systems-diagram > strong { background: #044e57; border-color: var(--jc-cyan); color: var(--jc-cyan-bright); font-size: var(--jc-text-detail); margin: 0 19px; text-transform: uppercase; }
.jc-systems-diagram > i { color: var(--jc-cyan); font-size: 15px; }
.jc-systems-diagram > span { bottom: 14px; color: #bfdae2; font-size: var(--jc-text-detail); left: 0; position: absolute; right: 0; text-align: center; }
.jc-systems-diagram em { color: var(--jc-cyan); font-style: normal; font-weight: 800; }
.jc-fit-section { background: linear-gradient(90deg, rgba(240, 248, 249, .95), rgba(237, 245, 247, .91)), url('/Images/services/services-practical-ai.webp') right center / 48% auto no-repeat; }
.jc-fit-intro { margin-bottom: 22px; }
.jc-fit-panel { border: 1px solid; min-height: 257px; padding: 23px 26px; }
.jc-fit-panel h3 { font-size: 16px; letter-spacing: -.02em; }
.jc-fit-panel h3 i { margin-right: 6px; }
.jc-fit-panel li { color: #29505f; font-size: var(--jc-text-detail); line-height: 1.4; margin-bottom: 8px; padding-left: 19px; position: relative; }
.jc-fit-panel li:before { font-weight: 800; left: 0; position: absolute; }
.jc-fit-good { background: rgba(214, 251, 243, .84); border-color: #8ee0d2; } .jc-fit-good h3, .jc-fit-good h3 i, .jc-fit-good li:before { color: #008b7b; } .jc-fit-good li:before { content: "✓"; }
.jc-fit-not { background: rgba(255, 233, 236, .86); border-color: #f5c6cf; } .jc-fit-not h3, .jc-fit-not h3 i, .jc-fit-not li:before { color: #d14b5a; } .jc-fit-not li:before { content: "×"; }
.jc-scenarios-section { background: #031825; }
.jc-scenarios-section > .container > h2 { margin-bottom: 23px; }
.jc-scenario-grid article { background: linear-gradient(145deg, #063047, #041d2d); border: 1px solid rgba(86, 193, 204, .45); display: flex; flex-direction: column; min-height: 255px; padding: 21px; }
.jc-scenario-grid article > i { color: var(--jc-cyan); font-size: 26px; margin-bottom: 15px; }
.jc-scenario-grid h3 { font-size: var(--jc-text-body); }
.jc-scenario-grid p { color: #c5d9e1; font-size: var(--jc-text-body); line-height: 1.55; }
.jc-scenario-grid a, .jc-how-grid a { color: var(--jc-cyan-bright); font-size: var(--jc-text-detail); font-weight: 800; margin-top: auto; }
.jc-scenario-grid a i, .jc-how-grid a i { font-size: 10px; margin-left: 4px; }
.jc-how-section { padding-bottom: 64px; }
.jc-how-section > .container > p:not(.jc-eyebrow) { margin-bottom: 22px; max-width: 780px; }
.jc-how-grid article { border: 1px solid #bfd9e1; display: flex; flex-direction: column; height: 100%; min-height: 245px; padding: 21px; }
.jc-how-grid article > i { color: #00aa97; font-size: 27px; margin-bottom: 13px; }
.jc-how-grid h3 { color: #163645; font-size: var(--jc-text-body); }
.jc-how-grid p { color: #264b5a; font-size: var(--jc-text-body); font-weight: 700; line-height: 1.45; }
.jc-how-grid small { color: #466675; font-size: var(--jc-text-detail); line-height: 1.45; }
.jc-how-grid a { color: #008d7e; display: block; margin-top: auto; padding-top: 14px; }
.jc-services-tech { background: linear-gradient(90deg, #03131f, #062536); }
.jc-services-tech .row { margin-bottom: 25px; }
.jc-services-tech h2 { font-size: clamp(25px, 2.7vw, 34px); margin: 0; }
.jc-services-tech p:not(.jc-eyebrow) { margin: 0; }
.jc-services-tech .jc-tech-list { justify-content: space-between; }
.jc-services-final { background: linear-gradient(90deg, rgba(2, 16, 27, .93), rgba(2, 21, 31, .62)), url('/Images/services/services-diagnostics-workspace.webp') center / cover no-repeat; border-top: 1px solid rgba(0, 255, 192, .27); padding: 72px 0; }
.jc-services-final h2 { font-size: clamp(30px, 3.3vw, 42px); max-width: 700px; }
.jc-services-final > .container > p:not(.jc-eyebrow) { color: #dce8ed; font-size: 14px; max-width: 760px; }
.jc-final-actions { align-items: center; display: flex; gap: 16px; margin-top: 21px; }
.jc-final-actions span { color: #d7e5ea; font-size: var(--jc-text-detail); }
@media (max-width: 991px) { .jc-services-hero { padding: 62px 0; } .jc-services-hero .row > div + div { margin-top: 34px; } .jc-service-feature, .jc-integration-section { padding: 56px 0; } .jc-service-feature .row > div + div, .jc-integration-section .row > div + div { margin-top: 23px; } .jc-feature-finish .order-lg-2, .jc-feature-ai .order-lg-2 { margin-top: 24px; } .jc-feature-finish .order-lg-3, .jc-feature-ai .order-lg-3 { margin-top: 22px; } .jc-automation-visual, .jc-integration-visual, .jc-systems-diagram { margin-top: 15px; } .jc-automation-visual, .jc-integration-visual { min-height: 340px; } .jc-fit-section { background-image: linear-gradient(90deg, rgba(240, 248, 249, .96), rgba(237, 245, 247, .94)); } }
@media (max-width: 767px) { .jc-services-hero { padding: 53px 0; } .jc-services-hero h1 { font-size: 38px; } .jc-service-map-rich { min-height: 268px; padding: 14px; } .jc-service-map-rich .jc-map-item { min-height: 108px; } .jc-service-map-rich .jc-map-item i { font-size: 22px; } .jc-service-map-rich strong { min-height: 65px; width: 82px; } .jc-services-intro { padding: 33px 0; } .jc-services-intro .row > div:last-child p { margin-top: 12px; } .jc-service-feature, .jc-integration-section, .jc-fit-section, .jc-scenarios-section, .jc-how-section, .jc-services-tech { padding: 50px 0; } .jc-feature-image { min-height: 245px; } .jc-workflow-visual { min-height: 250px; } .jc-workflow-visual:before { left: 28%; } .jc-workflow-visual:after { right: 24%; } .jc-automation-visual, .jc-integration-visual { min-height: 250px; } .jc-systems-diagram { min-height: 235px; } .jc-systems-diagram > div, .jc-systems-diagram > strong { font-size: var(--jc-text-detail); height: 72px; width: 88px; } .jc-systems-diagram > strong { margin: 0 8px; } .jc-systems-diagram > i { font-size: 11px; } .jc-fit-panel { min-height: 0; } .jc-scenario-grid article { min-height: 0; } .jc-how-grid article { min-height: 0; } .jc-services-tech .jc-tech-list { justify-content: flex-start; } .jc-services-final { padding: 55px 0; } .jc-final-actions { align-items: flex-start; flex-direction: column; } }

/* Services page composition using the shared site scale. */
.jc-services-page { overflow: hidden; }
.jc-services-page h2 { font-size: clamp(30px, 2.8vw, 40px); }
.jc-services-page h3 { letter-spacing: -.025em; }
.jc-services-hero { background: linear-gradient(90deg, rgba(2, 18, 29, .97) 0%, rgba(2, 18, 29, .9) 38%, rgba(2, 18, 29, .24) 76%, rgba(2, 18, 29, .08) 100%), url('/Images/services/services-hero-workspace-v2.webp') center right / cover no-repeat; min-height: 455px; padding: 58px 0 54px; }
.jc-services-hero:before { background: linear-gradient(115deg, transparent 48%, rgba(76, 228, 222, .09) 48.2%, transparent 48.45%); }
.jc-services-hero h1 { font-size: clamp(43px, 4.2vw, 59px); max-width: 610px; }
.jc-services-hero p:not(.jc-eyebrow) { font-size: 14px; line-height: 1.55; max-width: 530px; }
.jc-services-hero .col-lg-6:last-child { display: flex; justify-content: flex-end; }
.jc-service-map-rich { backdrop-filter: blur(2px); background: rgba(2, 25, 39, .76); border: 1px solid rgba(31, 234, 211, .5); box-shadow: 0 14px 35px rgba(0, 0, 0, .34); max-width: 450px; min-height: 290px; padding: 16px; width: 100%; }
.jc-service-map-rich .jc-map-item { background: rgba(3, 33, 49, .78); gap: 8px; min-height: 118px; }
.jc-service-map-rich .jc-map-item i { font-size: 25px; }
.jc-service-map-rich .jc-map-item span { background: transparent !important; border: 0 !important; color: #e7f2f5; font-size: var(--jc-text-detail); padding: 0 !important; }
.jc-service-map-rich strong { box-shadow: 0 0 0 6px rgba(0, 255, 192, .1); min-height: 66px; width: 90px; }
.jc-services-intro { border-bottom: 1px solid rgba(63, 214, 220, .17); padding: 45px 0 47px; }
.jc-services-intro h2 { font-size: 36px; }
.jc-services-intro .row > div:last-child p { font-size: var(--jc-text-body); line-height: 1.55; }
.jc-service-feature { padding: 0; }
.jc-service-feature > .container > .row { align-items: stretch !important; min-height: 335px; }
.jc-service-feature > .container > .row > [class*="col-"] { display: flex; flex-direction: column; justify-content: center; padding-bottom: 38px; padding-top: 38px; }
.jc-service-number { display: inline-block; font-size: 28px; line-height: 1; margin: 0 18px 0 0; vertical-align: middle; }
.jc-service-feature h2, .jc-integration-section h2 { display: inline-block; font-size: 31px; margin: 0 0 14px; vertical-align: middle; }
.jc-service-feature h3, .jc-integration-section h3 { clear: both; font-size: var(--jc-text-body); margin: 0 0 10px; }
.jc-service-feature p:not(.jc-service-number), .jc-integration-section > .container > .row > div > p { font-size: var(--jc-text-body); line-height: 1.55; margin-bottom: 15px; }
.jc-service-feature .jc-button { align-self: flex-start; font-size: var(--jc-text-detail); margin-top: 6px; padding: 11px 18px; }
.jc-checklist { margin: 0; }
.jc-checklist strong { font-size: var(--jc-text-detail); margin-bottom: 8px; }
.jc-checklist li { font-size: var(--jc-text-detail); line-height: 1.4; margin-bottom: 6px; padding-left: 18px; }
.jc-checklist li:before { font-size: 13px; }
.jc-service-feature .jc-feature-image { border-bottom: 0; border-top: 0; flex: 1; height: 100%; min-height: 100%; }
.jc-feature-image span { bottom: 24px; font-size: 18px; left: 24px; }
.jc-feature-fix > .container > .row { min-height: 330px; }
.jc-feature-finish > .container > .row { min-height: 350px; }
.jc-feature-automate > .container > .row { min-height: 340px; }
.jc-feature-ai > .container > .row { min-height: 330px; }
.jc-feature-finish .jc-feature-image, .jc-feature-ai .jc-feature-image { min-height: 100%; }
.jc-feature-finish .jc-feature-image span { font-size: 18px; }
.jc-team-callout { margin-top: 10px; padding: 11px 13px; }
.jc-team-callout i { font-size: 18px; }
.jc-team-callout strong, .jc-team-callout span { font-size: var(--jc-text-detail); }
.jc-workflow-visual { border: 0; flex: 1; min-height: 100%; }
.jc-workflow-source { gap: 13px; left: 9%; padding: 12px; top: 22%; }
.jc-workflow-center { height: 82px; top: 25%; width: 92px; }
.jc-workflow-output { height: 60px; right: 8%; top: 35%; width: 70px; }
.jc-workflow-visual p { bottom: 24px; font-size: var(--jc-text-body) !important; }
.jc-ai-note { align-self: flex-start; font-size: var(--jc-text-detail); margin-top: 7px; }
.jc-integration-section { padding: 54px 0 52px; }
.jc-integration-section .jc-service-number { margin-bottom: 0; }
.jc-integration-section > .container > .row > div > .jc-service-number { color: var(--jc-cyan); font-size: 28px; font-weight: 800; line-height: 1; margin-right: 18px; }
.jc-integration-section .jc-checklist { margin-top: 13px; }
.jc-integration-section .row > .col-lg-6:first-child > .row > div { margin-top: 0; }
.jc-systems-diagram { min-height: 285px; }
.jc-systems-diagram > div, .jc-systems-diagram > strong { height: 112px; width: 125px; }
.jc-systems-diagram > strong { margin: 0 18px; }
.jc-fit-section { background: linear-gradient(90deg, rgba(239, 247, 249, 1) 0%, rgba(239, 247, 249, 1) 58%, rgba(239, 247, 249, .72) 72%, rgba(239, 247, 249, .08) 100%), url('/Images/services/services-fit-notebook-v2.webp') center right / cover no-repeat; min-height: 440px; padding: 45px 0 44px; }
.jc-fit-section h2 { font-size: 34px; margin-bottom: 6px; }
.jc-fit-intro { font-size: var(--jc-text-detail); margin-bottom: 20px; }
.jc-fit-panel { min-height: 270px; padding: 21px 23px; }
.jc-fit-panel h3 { font-size: 16px; margin-bottom: 11px; }
.jc-fit-panel li { font-size: var(--jc-text-detail); line-height: 1.4; margin-bottom: 6px; }
.jc-scenarios-section { padding: 47px 0 49px; }
.jc-scenarios-section > .container > h2 { font-size: 34px; margin-bottom: 22px; }
.jc-scenario-grid article { min-height: 240px; padding: 22px; }
.jc-scenario-grid article > i { font-size: 24px; margin-bottom: 12px; }
.jc-scenario-grid h3 { font-size: 16px; line-height: 1.3; }
.jc-scenario-grid p { font-size: var(--jc-text-body); }
.jc-scenario-grid a { font-size: var(--jc-text-detail); }
.jc-how-section { padding: 44px 0 48px; }
.jc-how-section h2 { font-size: 34px; margin-bottom: 5px; }
.jc-how-section > .container > p:not(.jc-eyebrow) { font-size: var(--jc-text-body); margin-bottom: 21px; }
.jc-how-grid article { min-height: 210px; padding: 19px 20px; }
.jc-how-grid article > i { font-size: 24px; margin-bottom: 9px; }
.jc-how-grid h3 { font-size: 16px; margin-bottom: 7px; }
.jc-how-grid p { font-size: var(--jc-text-body); margin-bottom: 8px; }
.jc-how-grid small, .jc-how-grid a { font-size: var(--jc-text-detail); }
.jc-how-grid a { padding-top: 10px; }
.jc-services-tech { padding: 43px 0 40px; }
.jc-services-tech .row { margin-bottom: 20px; }
.jc-services-tech h2 { font-size: 32px; }
.jc-services-tech p:not(.jc-eyebrow) { font-size: var(--jc-text-body); line-height: 1.5; }
.jc-tech-list.jc-technology-logos { gap: 11px 20px; justify-content: space-between; }
.jc-technology-logos span { font-size: var(--jc-text-detail); }
.jc-technology-logos img { height: 34px; width: 45px; }
.jc-technology-logos img.jc-tech-logo-large { height: 65px; width: 88px; }
@media (max-width: 767px) { .jc-tech-list.jc-technology-logos { justify-content: flex-start; } }
.jc-services-final { background: linear-gradient(90deg, rgba(2, 16, 27, .96) 0%, rgba(2, 16, 27, .9) 48%, rgba(2, 16, 27, .22) 85%), url('/Images/services/services-closing-desk-v2.webp') center right / cover no-repeat; min-height: 290px; padding: 52px 0 48px; }
.jc-services-final h2 { font-size: 38px; margin-bottom: 8px; }
.jc-services-final > .container > p:not(.jc-eyebrow) { font-size: var(--jc-text-body); margin-bottom: 6px; }
.jc-services-final > .container > strong { color: var(--jc-cyan-bright); display: block; font-size: var(--jc-text-detail); margin-top: 3px; }
.jc-final-actions { margin-top: 18px; }
.jc-final-actions .jc-button { font-size: var(--jc-text-detail); padding: 11px 19px; }
.jc-final-actions span { font-size: var(--jc-text-detail); }
@media (min-width: 1200px) {
    .jc-diagnostics-image { margin-right: calc((100vw - 1180px) / -2); }
    .jc-finish-image, .jc-ai-image { margin-left: calc((100vw - 1180px) / -2); }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .jc-diagnostics-image { margin-right: -12px; }
    .jc-finish-image, .jc-ai-image { margin-left: -12px; }
}
@media (max-width: 991px) {
    .jc-services-hero { min-height: 0; padding: 54px 0; }
    .jc-services-hero .col-lg-6:last-child { justify-content: flex-start; }
    .jc-service-map-rich { max-width: 560px; }
    .jc-service-feature > .container > .row { min-height: 0; }
    .jc-service-feature > .container > .row > [class*="col-"] { padding-bottom: 30px; padding-top: 30px; }
    .jc-service-feature .jc-feature-image { min-height: 270px; }
    .jc-fit-section { background-position: 72% center; }
}
@media (max-width: 767px) {
    .jc-services-hero { background-position: 64% center; padding: 46px 0; }
    .jc-services-hero:after { background: rgba(1, 15, 25, .58); content: ""; inset: 0; position: absolute; }
    .jc-services-hero .container { z-index: 1; }
    .jc-services-hero h1 { font-size: 38px; }
    .jc-service-map-rich { min-height: 265px; }
    .jc-services-intro h2 { font-size: 30px; }
    .jc-service-feature > .container > .row > [class*="col-"] { padding-left: 20px; padding-right: 20px; }
    .jc-service-feature .jc-feature-image { min-height: 245px; }
    .jc-feature-finish .order-lg-1, .jc-feature-ai .order-lg-1 { order: 1; }
    .jc-feature-finish .order-lg-2, .jc-feature-ai .order-lg-2 { order: 2; }
    .jc-feature-finish .order-lg-3, .jc-feature-ai .order-lg-3 { order: 3; }
    .jc-integration-section { padding: 45px 0; }
    .jc-fit-section { background-image: linear-gradient(rgba(239, 247, 249, .94), rgba(239, 247, 249, .94)), url('/Images/services/services-fit-notebook-v2.webp'); padding: 45px 0; }
    .jc-scenarios-section, .jc-how-section, .jc-services-tech { padding: 45px 0; }
    .jc-services-final { background-position: 68% center; min-height: 0; padding: 48px 0; }
}

/* AI-assisted codebase repair capability. */
.jc-ai-repair-band { background: linear-gradient(110deg, #06283b, #031a29 62%, #06333d); border-bottom: 1px solid rgba(0, 255, 192, .22); border-top: 1px solid rgba(0, 255, 192, .32); padding: 44px 0; }
.jc-ai-repair-band h3 { color: #fff; font-size: 29px; line-height: 1.12; margin: 0 0 12px; }
.jc-ai-repair-band p { color: #c8dbe3 !important; font-size: var(--jc-text-body) !important; line-height: 1.55 !important; margin-bottom: 10px !important; }
.jc-ai-repair-band .col-lg-4 > strong { color: var(--jc-cyan-bright); display: block; font-size: var(--jc-text-detail); line-height: 1.45; margin-top: 14px; }
.jc-ai-repair-label { align-items: center; color: var(--jc-cyan-bright) !important; display: flex; font-size: var(--jc-text-detail) !important; font-weight: 800; gap: 8px; letter-spacing: .08em; margin-bottom: 10px !important; text-transform: uppercase; }
.jc-ai-repair-label i { color: var(--jc-cyan); font-size: 18px; }
.jc-ai-repair-list { display: grid; gap: 0 18px; grid-template-columns: 1fr 1fr; }
.jc-ai-repair-list ul { list-style: none; margin: 0; padding: 0; }
.jc-ai-repair-list li { color: #dce9ee; font-size: var(--jc-text-detail); line-height: 1.4; margin-bottom: 7px; padding-left: 17px; position: relative; }
.jc-ai-repair-list li:before { color: var(--jc-cyan); content: "✓"; font-size: 11px; font-weight: 800; left: 0; position: absolute; top: -1px; }
.jc-ai-code-flow { align-items: stretch; background: rgba(1, 17, 28, .54); border: 1px solid rgba(95, 216, 219, .38); display: flex; flex-direction: column; justify-content: center; min-height: 250px; padding: 19px; text-align: center; }
.jc-ai-code-flow span, .jc-ai-code-flow strong { border: 1px solid rgba(95, 216, 219, .38); color: #dceef2; font-size: var(--jc-text-detail); font-weight: 800; letter-spacing: .05em; padding: 10px 7px; text-transform: uppercase; }
.jc-ai-code-flow strong { background: var(--jc-cyan); border-color: var(--jc-cyan); color: #003b31; }
.jc-ai-code-flow i { align-self: center; color: var(--jc-cyan); font-size: 10px; margin: 5px 0; }
.jc-scenario-grid > div { display: flex; }
.jc-scenario-grid > div > article { width: 100%; }
.jc-scenario-ai-repair { align-items: center; background: linear-gradient(125deg, rgba(4, 65, 75, .95), rgba(3, 35, 52, .96)) !important; border-color: rgba(0, 255, 192, .72) !important; display: grid !important; gap: 16px; grid-template-columns: auto 1.2fr 1fr; }
.jc-scenario-ai-repair > i { align-self: start; margin: 3px 0 0 !important; }
.jc-scenario-ai-repair > div:nth-child(2) { display: flex; flex-direction: column; height: 100%; }
.jc-scenario-ai-repair span { color: var(--jc-cyan-bright); display: block; font-size: var(--jc-text-detail); font-weight: 800; letter-spacing: .08em; margin-bottom: 5px; text-transform: uppercase; }
.jc-scenario-path { align-items: center; display: flex; gap: 8px; justify-content: flex-end; }
.jc-scenario-path b, .jc-scenario-path strong { border: 1px solid rgba(107, 207, 216, .45); color: #dcecf1; font-size: var(--jc-text-detail); font-weight: 800; padding: 8px 7px; text-transform: uppercase; }
.jc-scenario-path strong { background: var(--jc-cyan); border-color: var(--jc-cyan); color: #003a31; }
.jc-scenario-path i { color: var(--jc-cyan); font-size: 9px; }
@media (max-width: 991px) {
    .jc-ai-repair-band { padding: 33px 0; }
    .jc-ai-repair-band .row > div + div { margin-top: 24px; }
    .jc-ai-code-flow { min-height: 0; }
    .jc-scenario-ai-repair { grid-template-columns: auto 1fr; }
    .jc-scenario-path { grid-column: 1 / -1; justify-content: flex-start; }
}
@media (max-width: 767px) {
    .jc-ai-repair-band { padding: 38px 0; }
    .jc-ai-repair-band h3 { font-size: 25px; }
    .jc-ai-repair-band p { font-size: var(--jc-text-body) !important; }
    .jc-ai-repair-list { grid-template-columns: 1fr; }
    .jc-ai-repair-list li { font-size: var(--jc-text-detail); }
    .jc-ai-code-flow { min-height: 220px; }
    .jc-scenario-ai-repair { display: flex !important; }
    .jc-scenario-path { flex-wrap: wrap; margin-top: 12px; }
}

/* Fix It service landing page. */
.jc-fix-page { overflow: hidden; }
.jc-fix-page h1, .jc-fix-page h2, .jc-fix-page h3 { letter-spacing: -.04em; }
.jc-fix-page h2 { font-size: clamp(28px, 2.8vw, 39px); line-height: 1.1; margin-bottom: 10px; }
.jc-fix-page p { line-height: 1.5; }
.jc-fix-hero { background: linear-gradient(90deg, rgba(2, 16, 27, .98) 0%, rgba(2, 16, 27, .91) 42%, rgba(2, 16, 27, .35) 76%, rgba(2, 16, 27, .17) 100%), url('/Images/services/services-diagnostics-workspace.webp') center right / cover no-repeat; border-bottom: 1px solid rgba(0, 255, 192, .24); min-height: 475px; padding: 48px 0; position: relative; }
.jc-fix-hero:after { background: linear-gradient(115deg, transparent 48%, rgba(48, 218, 213, .08) 48.2%, transparent 48.4%); content: ""; inset: 0; pointer-events: none; position: absolute; }
.jc-fix-hero .container { position: relative; z-index: 1; }
.jc-fix-hero h1 { font-size: clamp(43px, 4.3vw, 61px); line-height: 1.02; margin-bottom: 16px; max-width: 690px; }
.jc-fix-hero h1 span { color: var(--jc-cyan); }
.jc-fix-hero p { color: #d8e5eb; font-size: var(--jc-text-body); margin-bottom: 7px; max-width: 650px; }
.jc-fix-hero .jc-fix-hero-lead { color: #f5f9fb; font-size: 14px; font-weight: 600; }
.jc-fix-actions { align-items: center; display: flex; gap: 17px; margin-top: 20px; }
.jc-fix-actions span { color: #d7e4ea; font-size: var(--jc-text-detail); font-weight: 600; line-height: 1.4; }
.jc-rescue-panel { backdrop-filter: blur(3px); background: rgba(2, 22, 35, .82); border: 1px solid rgba(0, 255, 192, .48); box-shadow: 0 18px 38px rgba(0, 0, 0, .34); margin-left: auto; max-width: 350px; padding: 8px 16px; }
.jc-rescue-panel > div { align-items: center; border-bottom: 1px solid rgba(130, 196, 211, .2); display: flex; gap: 16px; min-height: 76px; padding: 10px 5px; }
.jc-rescue-panel > div:last-child { border-bottom: 0; }
.jc-rescue-panel i { color: var(--jc-cyan); font-size: 28px; text-align: center; width: 37px; }
.jc-rescue-panel span { color: #d7e5eb; font-size: var(--jc-text-detail); line-height: 1.35; }
.jc-rescue-panel strong { color: #fff; display: block; font-size: var(--jc-text-detail); margin-bottom: 2px; text-transform: uppercase; }
.jc-fix-section { padding: 43px 0; }
.jc-fix-dark { background: radial-gradient(circle at 85% 12%, rgba(0, 255, 192, .06), transparent 25%), #031824; }
.jc-fix-light { background: #eef6f8; color: #17323f; }
.jc-fix-light h2, .jc-fix-light h3 { color: #102b38; }
.jc-fix-light p { color: #294b59; font-size: var(--jc-text-body); }
.jc-section-lead { color: #8cefe0 !important; font-size: var(--jc-text-detail); margin-bottom: 20px; }
.jc-familiar-section h2 { margin-bottom: 22px; }
.jc-familiar-grid { display: grid; gap: 8px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.jc-familiar-grid article { background: linear-gradient(150deg, rgba(6, 45, 65, .95), rgba(3, 28, 44, .98)); border: 1px solid rgba(83, 203, 211, .48); display: flex; flex-direction: column; min-height: 235px; padding: 18px 15px; position: relative; }
.jc-familiar-grid article > i { color: var(--jc-cyan); font-size: 30px; margin-bottom: 14px; }
.jc-familiar-grid article > i.jc-icon-danger { color: var(--jc-danger); }
.jc-familiar-grid h3 { font-size: var(--jc-text-body); line-height: 1.18; margin-bottom: 8px; }
.jc-familiar-grid p { color: #c8d9e0; font-size: var(--jc-text-body); line-height: 1.48; }
.jc-familiar-grid .jc-familiar-ai { border-color: var(--jc-cyan); box-shadow: inset 0 0 24px rgba(0, 255, 192, .08); }
.jc-familiar-ai > span { background: var(--jc-cyan); color: #00382e; font-size: var(--jc-text-detail); font-weight: 800; letter-spacing: .05em; padding: 5px 7px; position: absolute; right: 8px; text-transform: uppercase; top: 8px; }
.jc-fix-ai-section { padding-bottom: 48px; padding-top: 48px; }
.jc-fix-ai-section h2 { font-size: clamp(36px, 3.4vw, 47px); }
.jc-fix-ai-section h3 { font-size: var(--jc-text-body); margin: 0 0 12px; }
.jc-fix-inline-lead { color: #153440; display: block; font-size: var(--jc-text-detail); margin: 14px 0 5px; }
.jc-fix-highlight, .jc-fix-note { background: #d0f7f2; border: 1px solid #a2e8de; color: #123f47; font-size: var(--jc-text-detail); font-weight: 800; margin-top: 16px; padding: 13px 16px; }
.jc-fix-ai-flow { align-items: stretch; display: flex; flex-direction: column; padding: 0 8px; text-align: center; }
.jc-fix-ai-flow small { color: #257083; font-size: var(--jc-text-detail); font-weight: 800; letter-spacing: .08em; margin-bottom: 8px; text-transform: uppercase; }
.jc-fix-ai-flow span, .jc-fix-ai-flow strong { align-items: center; background: #e1f2f5; border: 1px solid #b9dce4; color: #163947; display: flex; font-size: var(--jc-text-detail); font-weight: 800; gap: 10px; justify-content: center; min-height: 42px; padding: 8px; text-transform: uppercase; }
.jc-fix-ai-flow strong { background: var(--jc-cyan); border-color: var(--jc-cyan); color: #00362c; }
.jc-fix-ai-flow span i, .jc-fix-ai-flow strong i { color: #1a95b0; font-size: 17px; }
.jc-fix-ai-flow strong i { color: #00362c; }
.jc-fix-ai-flow > i { align-self: center; color: #2aa1b7; font-size: 10px; margin: 4px 0; }
.jc-fix-checklist { list-style: none; margin: 0; padding: 0; }
.jc-fix-checklist li { color: #315361; font-size: var(--jc-text-detail); line-height: 1.35; margin-bottom: 6px; padding-left: 19px; position: relative; }
.jc-fix-checklist li:before { color: #00ab94; content: "✓"; font-size: 13px; font-weight: 800; left: 0; position: absolute; top: -2px; }
.jc-fix-note { font-weight: 500; }
.jc-fix-note strong { display: block; }
.jc-what-fix-section h2 { margin-bottom: 4px; }
.jc-fix-category-grid { display: grid; gap: 8px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.jc-fix-category-grid article { background: linear-gradient(150deg, #063149, #041e2f); border: 1px solid rgba(91, 199, 210, .46); min-height: 310px; padding: 16px 13px; }
.jc-fix-category-grid article > i { color: var(--jc-cyan); font-size: 25px; margin-bottom: 10px; }
.jc-fix-category-grid h3 { font-size: var(--jc-text-body); line-height: 1.2; margin-bottom: 9px; }
.jc-fix-category-grid ul { list-style: none; margin: 0; padding: 0; }
.jc-fix-category-grid li { color: #d1e0e6; font-size: var(--jc-text-detail); line-height: 1.38; margin-bottom: 5px; padding-left: 13px; position: relative; }
.jc-fix-category-grid li:before { color: var(--jc-cyan); content: "✓"; left: 0; position: absolute; }
.jc-rewrite-section { padding: 45px 0; }
.jc-rewrite-section .col-lg-5 > strong { color: #173f4c; display: block; font-size: var(--jc-text-detail); margin-top: 8px; }
.jc-compare-panel { border: 1px solid; min-height: 245px; padding: 22px; }
.jc-compare-panel h3 { font-size: var(--jc-text-body); margin-bottom: 15px; text-transform: uppercase; }
.jc-compare-panel ul, .jc-outcome-list ul, .jc-before-after ul { list-style: none; margin: 0; padding: 0; }
.jc-compare-panel li, .jc-outcome-list li, .jc-before-after li { color: #345361; font-size: var(--jc-text-detail); line-height: 1.4; margin-bottom: 10px; padding-left: 23px; position: relative; }
.jc-compare-panel li:before, .jc-outcome-list li:before, .jc-before-after li:before { align-items: center; border-radius: 50%; display: flex; font-size: 8px; font-weight: 800; height: 13px; justify-content: center; left: 0; position: absolute; top: 1px; width: 13px; }
.jc-compare-bad, .jc-outcome-no { background: #fae8eb; border-color: #f0cbd2; }
.jc-compare-bad h3, .jc-outcome-no h3 { color: #b33748; }
.jc-compare-bad li:before, .jc-outcome-no li:before { background: #ff7884; color: #7a1723; content: "×"; }
.jc-compare-good, .jc-outcome-yes { background: #d8f8f2; border-color: #a9e7dc; }
.jc-compare-good h3, .jc-outcome-yes h3 { color: #087b6e; }
.jc-compare-good li:before, .jc-outcome-yes li:before { background: #29ccb2; color: #004c40; content: "✓"; }
.jc-fix-process-section { padding-bottom: 42px; }
.jc-fix-process { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); list-style: none; margin: 30px 0 18px; padding: 0; position: relative; }
.jc-fix-process:before { background: rgba(0, 255, 192, .64); content: ""; height: 1px; left: 8%; position: absolute; right: 8%; top: 21px; }
.jc-fix-process li { padding: 0 12px; position: relative; text-align: center; }
.jc-fix-process li > span { align-items: center; background: #042436; border: 1px solid var(--jc-cyan); border-radius: 50%; color: var(--jc-cyan-bright); display: flex; font-size: var(--jc-text-detail); font-weight: 800; height: 43px; justify-content: center; margin: 0 auto 11px; position: relative; width: 43px; z-index: 1; }
.jc-fix-process h3 { font-size: var(--jc-text-body); margin-bottom: 6px; }
.jc-fix-process p { color: #c7d9e0; font-size: var(--jc-text-body); line-height: 1.4; }
.jc-process-statement { background: rgba(0, 255, 192, .08); border: 1px solid rgba(0, 255, 192, .48); color: var(--jc-cyan-bright); font-size: var(--jc-text-detail); font-weight: 800; margin: 0 auto; max-width: 690px; padding: 10px 16px; text-align: center; }
.jc-fix-outcomes-section { padding-bottom: 34px; }
.jc-fix-outcomes-section h2 { font-size: 21px; margin-bottom: 13px; }
.jc-outcome-list { border: 1px solid #cbdfe4; height: 100%; min-height: 265px; padding: 15px; }
.jc-outcome-list h3, .jc-before-after h3 { font-size: var(--jc-text-body); margin-bottom: 11px; }
.jc-outcome-list li, .jc-before-after li { font-size: var(--jc-text-detail); margin-bottom: 8px; }
.jc-before-after { align-items: center; display: grid; grid-template-columns: 1fr 24px 1fr; }
.jc-before-after > article { border: 1px solid; min-height: 265px; padding: 15px; }
.jc-before-after > i { color: #173843; text-align: center; }
.jc-trust-line { color: #294b59 !important; font-size: var(--jc-text-detail) !important; margin-top: 8px; text-align: center; }
.jc-trust-line strong { color: #123743; }
.jc-fix-lower-grid { border-top: 1px solid #c8dde3; display: grid; gap: 28px; grid-template-columns: 1fr 340px; margin-top: 28px; padding-top: 25px; }
.jc-fit-checks { display: grid; gap: 8px 22px; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.jc-fit-checks li { color: #315461; font-size: var(--jc-text-detail); line-height: 1.35; padding-left: 18px; position: relative; }
.jc-fit-checks li:before { color: #00aa92; content: "✓"; font-size: 13px; font-weight: 800; left: 0; position: absolute; }
.jc-fix-lower-grid aside > a { align-items: center; background: #e2f2f5; border: 1px solid #bddbe2; color: #173b48; display: grid; gap: 10px; grid-template-columns: 20px 1fr 12px; margin-bottom: 7px; padding: 9px 11px; }
.jc-fix-lower-grid aside > a > i:first-child { color: #048d7e; }
.jc-fix-lower-grid aside span { font-size: var(--jc-text-detail); line-height: 1.35; }
.jc-fix-lower-grid aside strong { display: block; font-size: var(--jc-text-detail); }
.jc-fix-final { background: linear-gradient(90deg, rgba(2, 16, 27, .97) 0%, rgba(2, 16, 27, .9) 47%, rgba(2, 16, 27, .18) 87%), url('/Images/services/services-closing-desk-v2.webp') center right / cover no-repeat; border-top: 1px solid rgba(0, 255, 192, .28); min-height: 275px; padding: 48px 0; }
.jc-fix-final h2 { font-size: clamp(31px, 3.2vw, 43px); margin-bottom: 9px; }
.jc-fix-final p:not(.jc-eyebrow) { color: #d8e5eb; font-size: var(--jc-text-body); margin: 0 0 4px; max-width: 780px; }
@media (max-width: 1199px) {
    .jc-familiar-grid, .jc-fix-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jc-fix-category-grid article { min-height: 250px; }
}
@media (max-width: 991px) {
    .jc-fix-body .jc-header-inner { align-items: center; display: flex; flex-wrap: wrap; }
    .jc-fix-body .jc-nav-wrap { flex: 0 0 100%; min-width: 0; }
    .jc-fix-hero { min-height: 0; padding: 54px 0; }
    .jc-fix-hero .col-lg-5 { margin-top: 32px; }
    .jc-rescue-panel { margin-left: 0; max-width: 570px; }
    .jc-fix-section { padding: 48px 0; }
    .jc-fix-ai-section .col-lg-3, .jc-fix-ai-section .col-lg-4 { margin-top: 14px; }
    .jc-fix-ai-flow { margin: 0 auto; max-width: 400px; }
    .jc-fix-process { gap: 22px 0; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jc-fix-process:before { display: none; }
    .jc-fix-lower-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .jc-fix-hero { background-position: 68% center; padding: 46px 0; }
    .jc-fix-hero:before { background: rgba(2, 16, 27, .55); content: ""; inset: 0; position: absolute; }
    .jc-fix-hero h1 { font-size: 39px; }
    .jc-fix-actions { align-items: flex-start; flex-direction: column; }
    .jc-familiar-grid, .jc-fix-category-grid { grid-template-columns: 1fr; }
    .jc-familiar-grid article, .jc-fix-category-grid article { min-height: 0; }
    .jc-fix-ai-section h2 { font-size: 36px; }
    .jc-compare-panel, .jc-outcome-list, .jc-before-after > article { min-height: 0; }
    .jc-fix-process { grid-template-columns: 1fr; margin-left: 22px; }
    .jc-fix-process li { border-left: 1px solid rgba(0, 255, 192, .43); padding: 0 0 22px 58px; text-align: left; }
    .jc-fix-process li > span { left: -22px; margin: 0; position: absolute; top: -4px; }
    .jc-before-after { gap: 10px; grid-template-columns: 1fr; }
    .jc-before-after > i { transform: rotate(90deg); }
    .jc-fit-checks { grid-template-columns: 1fr; }
    .jc-fix-final { background-position: 67% center; padding: 50px 0; }
}

/* Finish It service landing page. */
.jc-finish-page { overflow: hidden; }
.jc-finish-page h1, .jc-finish-page h2, .jc-finish-page h3 { letter-spacing: -.04em; }
.jc-finish-page h2 { font-size: clamp(28px, 2.8vw, 39px); line-height: 1.1; margin-bottom: 10px; }
.jc-finish-page p { line-height: 1.5; }
.jc-finish-hero { background: linear-gradient(90deg, rgba(2, 16, 27, .98) 0%, rgba(2, 16, 27, .9) 41%, rgba(2, 16, 27, .3) 77%, rgba(2, 16, 27, .14) 100%), url('/Images/services/finish-it-release-workstation-v1.webp') center right / cover no-repeat; border-bottom: 1px solid rgba(0, 255, 192, .24); min-height: 455px; padding: 48px 0; position: relative; }
.jc-finish-hero:after { background: linear-gradient(115deg, transparent 48%, rgba(48, 218, 213, .08) 48.2%, transparent 48.4%); content: ""; inset: 0; pointer-events: none; position: absolute; }
.jc-finish-hero .container { position: relative; z-index: 1; }
.jc-finish-hero h1 { font-size: clamp(43px, 4.2vw, 59px); line-height: 1.02; margin-bottom: 16px; max-width: 690px; }
.jc-finish-hero h1 span { color: var(--jc-cyan); }
.jc-finish-hero p { color: #d8e5eb; font-size: var(--jc-text-body); margin-bottom: 7px; max-width: 650px; }
.jc-finish-hero .jc-finish-hero-lead { color: #f4f9fb; font-size: 14px; font-weight: 600; }
.jc-progress-panel { backdrop-filter: blur(3px); background: rgba(2, 22, 35, .84); border: 1px solid rgba(0, 255, 192, .52); box-shadow: 0 18px 38px rgba(0, 0, 0, .35); margin-left: auto; max-width: 370px; padding: 17px 18px 18px; position: relative; }
.jc-progress-panel > div { align-items: center; display: grid; gap: 9px; grid-template-columns: 13px 86px 1fr; min-height: 40px; }
.jc-progress-panel > div > i { color: var(--jc-cyan); font-size: 12px; }
.jc-progress-panel > div > span { color: #eef7f9; font-size: var(--jc-text-detail); font-weight: 700; }
.jc-progress-panel > div > b { background: #02111b; border: 1px solid rgba(120, 184, 202, .55); height: 11px; overflow: hidden; }
.jc-progress-panel > div > b > em { background: linear-gradient(90deg, #00ffc0, #179e98); display: block; height: 100%; }
.jc-progress-panel > strong { border-left: 2px solid var(--jc-cyan); color: #fff; display: block; font-size: 20px; line-height: 1.1; margin: 10px 0 0 107px; padding: 5px 0 5px 13px; }
.jc-finish-section { padding: 43px 0; }
.jc-finish-dark { background: radial-gradient(circle at 88% 10%, rgba(0, 255, 192, .06), transparent 27%), #031824; }
.jc-finish-light { background: #eef6f8; color: #17323f; }
.jc-finish-light h2, .jc-finish-light h3 { color: #102b38; }
.jc-finish-light p { color: #294b59; font-size: var(--jc-text-body); }
.jc-finish-familiar h2 { margin-bottom: 22px; }
.jc-finish-scenarios { display: grid; gap: 8px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.jc-finish-scenarios article { background: linear-gradient(150deg, rgba(6, 45, 65, .95), rgba(3, 28, 44, .98)); border: 1px solid rgba(83, 203, 211, .48); min-height: 260px; padding: 19px 16px; position: relative; }
.jc-finish-scenarios article > i { color: var(--jc-cyan); font-size: 30px; margin-bottom: 14px; }
.jc-finish-scenarios h3 { font-size: 16px; line-height: 1.2; margin-bottom: 9px; }
.jc-finish-scenarios p { color: #c8d9e0; font-size: var(--jc-text-body); line-height: 1.5; }
.jc-finish-scenarios .jc-finish-ai-card { border-color: var(--jc-cyan); box-shadow: inset 0 0 24px rgba(0, 255, 192, .08); }
.jc-finish-ai-card > span { background: var(--jc-cyan); color: #00382e; font-size: var(--jc-text-detail); font-weight: 800; letter-spacing: .05em; padding: 5px 7px; position: absolute; right: 8px; text-transform: uppercase; top: 8px; }
.jc-finished-means { padding: 46px 0; }
.jc-readiness-grid { display: grid; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.jc-readiness-grid article { background: #e6f4f7; border: 1px solid #c4dfe5; display: grid; gap: 11px; grid-template-columns: 24px 1fr; min-height: 172px; padding: 16px; }
.jc-readiness-grid article > i { color: #1599ae; font-size: 20px; }
.jc-readiness-grid h3 { font-size: var(--jc-text-body); margin-bottom: 8px; }
.jc-readiness-grid ul, .jc-finish-checklist, .jc-production-card ul, .jc-scope-panel ul, .jc-finish-before-after ul, .jc-finish-fit { list-style: none; margin: 0; padding: 0; }
.jc-readiness-grid li { color: #345864; font-size: var(--jc-text-detail); line-height: 1.4; margin-bottom: 5px; padding-left: 16px; position: relative; }
.jc-readiness-grid li:before { color: #00aa92; content: "✓"; left: 0; position: absolute; }
.jc-handoff-section h2 { font-size: clamp(30px, 3vw, 41px); }
.jc-handoff-section p:not(.jc-eyebrow) { color: #c8d9e0; font-size: var(--jc-text-body); }
.jc-handoff-flow { align-items: center; display: flex; min-height: 265px; padding-top: 5px; }
.jc-handoff-art { display: block; height: auto; margin: 0 auto; max-width: 100%; width: 100%; }
.jc-handoff-mobile { display: none; width: 100%; }
.jc-handoff-inputs { display: grid; gap: 6px; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.jc-handoff-inputs span { align-items: center; background: linear-gradient(180deg, rgba(6, 43, 62, .94), rgba(4, 34, 51, .94)); border: 1px solid rgba(83, 203, 211, .5); color: #e6f2f5; display: flex; flex-direction: column; font-size: var(--jc-text-detail); font-weight: 700; gap: 6px; justify-content: center; min-height: 82px; padding: 8px 5px; text-align: center; }
.jc-handoff-inputs span i { color: var(--jc-cyan); font-size: 20px; }
.jc-handoff-result { align-items: center; display: grid; gap: 14px; grid-template-columns: 190px 28px 190px; margin: -1px auto 0; max-width: 436px; }
.jc-handoff-result > strong { background: linear-gradient(180deg, rgba(3, 30, 45, .96), rgba(2, 24, 37, .96)); border: 1px solid var(--jc-cyan); color: #16b9ff; font-size: 22px; padding: 17px; text-align: center; }
.jc-handoff-result .jc-brand-jera { color: #16b9ff; }
.jc-handoff-result .jc-brand-code { color: var(--jc-cyan); }
.jc-handoff-result > i { color: var(--jc-cyan); text-align: center; }
.jc-handoff-result > span { align-items: center; border: 1px solid rgba(83, 203, 211, .42); color: #fff; display: flex; font-size: var(--jc-text-detail); font-weight: 700; gap: 10px; justify-content: center; min-height: 68px; padding: 9px; }
.jc-handoff-result > span i { color: var(--jc-cyan); font-size: 26px; }
.jc-decision-section { border-bottom: 1px solid #c7dfe4; }
.jc-finish-heading-row { align-items: end; display: grid; gap: 40px; grid-template-columns: 1fr 1fr; }
.jc-finish-heading-row > p { margin-bottom: 11px; }
.jc-decision-flow { align-items: stretch; display: grid; gap: 9px; grid-template-columns: 1fr 18px 1fr 18px 1fr 18px 1fr; margin-top: 20px; }
.jc-decision-flow > i { align-self: center; color: #1598a8; font-size: 11px; text-align: center; }
.jc-decision-flow article { align-items: flex-start; border: 1px solid; display: flex; gap: 11px; min-height: 145px; padding: 18px; }
.jc-decision-flow article > i { font-size: 24px; }
.jc-decision-flow h3 { font-size: var(--jc-text-body); margin: 0 0 6px; text-transform: uppercase; }
.jc-decision-flow p { font-size: var(--jc-text-body); line-height: 1.45; margin: 0; }
.jc-decision-keep { background: #d8f8f2; border-color: #9fe3d8 !important; } .jc-decision-keep i, .jc-decision-keep h3 { color: #078c7b; }
.jc-decision-fix { background: #e1f3f8; border-color: #b0ddea !important; } .jc-decision-fix i, .jc-decision-fix h3 { color: #188da8; }
.jc-decision-finish { background: #eeeafa; border-color: #d3c8ef !important; } .jc-decision-finish i, .jc-decision-finish h3 { color: #7650bd; }
.jc-decision-replace { background: #fae8eb; border-color: #f0cbd2 !important; } .jc-decision-replace i, .jc-decision-replace h3 { color: #ca4555; }
.jc-finish-ai-section { background: linear-gradient(90deg, #edf7f8, #e7f4f7); }
.jc-finish-ai-section h3 { font-size: 16px; margin-bottom: 11px; }
.jc-finish-callout { border-left: 3px solid var(--jc-cyan); color: #163e49; font-size: var(--jc-text-detail); font-weight: 800; margin-top: 15px; padding: 8px 10px; }
.jc-finish-checklist li { color: #315561; font-size: var(--jc-text-detail); line-height: 1.4; margin-bottom: 7px; padding-left: 19px; position: relative; }
.jc-finish-checklist li:before { color: #00aa92; content: "✓"; font-size: 12px; font-weight: 800; left: 0; position: absolute; }
.jc-production-card { background: linear-gradient(145deg, #041c2a, #062b3b); border: 1px solid rgba(0, 255, 192, .52); box-shadow: 0 14px 26px rgba(3, 27, 39, .22); min-height: 260px; padding: 19px; }
.jc-production-card code { color: #deedf1; display: block; font-size: var(--jc-text-detail); line-height: 1.6; margin-bottom: 15px; }
.jc-production-card code em { color: var(--jc-cyan); font-style: normal; }
.jc-production-card code strong { color: var(--jc-cyan-bright); }
.jc-production-card li { color: #dce9ee; font-size: var(--jc-text-detail); margin-bottom: 8px; padding-left: 20px; position: relative; }
.jc-production-card li:before { border: 1px solid var(--jc-cyan); border-radius: 50%; color: var(--jc-cyan); content: ""; height: 9px; left: 0; position: absolute; top: 3px; width: 9px; }
.jc-production-card li:last-child:before { background: var(--jc-cyan); }
.jc-finish-process { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); list-style: none; margin: 30px 0 18px; padding: 0; position: relative; }
.jc-finish-process:before { background: rgba(0, 255, 192, .64); content: ""; height: 1px; left: 8%; position: absolute; right: 8%; top: 21px; }
.jc-finish-process li { padding: 0 12px; position: relative; text-align: center; }
.jc-finish-process li > span { align-items: center; background: #042436; border: 1px solid var(--jc-cyan); border-radius: 50%; color: var(--jc-cyan-bright); display: flex; font-size: var(--jc-text-detail); font-weight: 800; height: 43px; justify-content: center; margin: 0 auto 11px; position: relative; width: 43px; z-index: 1; }
.jc-finish-process h3 { font-size: var(--jc-text-body); margin-bottom: 7px; }
.jc-finish-process p { color: #c7d9e0; font-size: var(--jc-text-body); line-height: 1.45; }
.jc-finish-process-statement { background: rgba(0, 255, 192, .08); border: 1px solid rgba(0, 255, 192, .48); color: var(--jc-cyan-bright); font-size: var(--jc-text-detail); font-weight: 800; margin: 0 auto; max-width: 760px; padding: 10px 16px; text-align: center; }
.jc-finish-outcomes { padding-bottom: 34px; }
.jc-finish-outcomes h2 { font-size: 22px; }
.jc-scope-panel { border: 1px solid; min-height: 265px; padding: 18px; }
.jc-scope-panel h3, .jc-finish-before-after h3 { font-size: var(--jc-text-body); margin-bottom: 12px; text-transform: uppercase; }
.jc-scope-panel li, .jc-finish-before-after li { color: #345361; font-size: var(--jc-text-detail); line-height: 1.45; margin-bottom: 9px; padding-left: 22px; position: relative; }
.jc-scope-panel li:before, .jc-finish-before-after li:before { align-items: center; border-radius: 50%; display: flex; font-size: 7px; font-weight: 800; height: 12px; justify-content: center; left: 0; position: absolute; top: 1px; width: 12px; }
.jc-scope-bad { background: #fae8eb; border-color: #f0cbd2 !important; } .jc-scope-bad h3 { color: #bd3d4e; } .jc-scope-bad li:before { background: #ff836f; color: #7c2417; content: "!"; }
.jc-scope-good { background: #d8f8f2; border-color: #a9e7dc !important; } .jc-scope-good h3 { color: #087b6e; } .jc-scope-good li:before { background: #29ccb2; color: #004c40; content: "✓"; }
.jc-finish-before-after { align-items: center; display: grid; grid-template-columns: 1fr 24px 1fr; }
.jc-finish-before-after > article { border: 1px solid; min-height: 310px; padding: 18px; }
.jc-finish-before-after > i { color: #173843; text-align: center; }
.jc-finish-trust { color: #294b59 !important; font-size: var(--jc-text-detail) !important; margin-top: 9px; text-align: center; }
.jc-finish-trust strong { color: #123743; }
.jc-finish-lower { border-top: 1px solid #c8dde3; display: grid; gap: 28px; grid-template-columns: 1fr 470px; margin-top: 28px; padding-top: 25px; }
.jc-finish-fit { display: grid; gap: 8px 22px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.jc-finish-fit li { color: #315461; font-size: var(--jc-text-detail); line-height: 1.4; padding-left: 19px; position: relative; }
.jc-finish-fit li:before { color: #00aa92; content: "✓"; font-size: 13px; font-weight: 800; left: 0; position: absolute; }
.jc-finish-related { display: grid; gap: 7px; grid-template-columns: 1fr 1fr; }
.jc-finish-related a { align-items: center; background: #e2f2f5; border: 1px solid #bddbe2; color: #173b48; display: grid; gap: 9px; grid-template-columns: 20px 1fr 12px; min-height: 72px; padding: 10px 11px; }
.jc-finish-related a > i:first-child { color: #048d7e; }
.jc-finish-related span { font-size: var(--jc-text-detail); line-height: 1.35; }
.jc-finish-related strong { display: block; font-size: var(--jc-text-detail); }
.jc-finish-final { background: linear-gradient(90deg, rgba(2, 16, 27, .97) 0%, rgba(2, 16, 27, .9) 47%, rgba(2, 16, 27, .18) 87%), url('/Images/services/services-closing-desk-v2.webp') center right / cover no-repeat; border-top: 1px solid rgba(0, 255, 192, .28); min-height: 275px; padding: 48px 0; }
.jc-finish-final h2 { font-size: clamp(31px, 3.2vw, 43px); margin-bottom: 9px; }
.jc-finish-final p:not(.jc-eyebrow) { color: #d8e5eb; font-size: var(--jc-text-body); margin: 0 0 4px; max-width: 780px; }
@media (max-width: 1199px) {
    .jc-finish-scenarios { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jc-finish-lower { grid-template-columns: 1fr 390px; }
}
@media (max-width: 991px) {
    .jc-finish-body .jc-header-inner { align-items: center; display: flex; flex-wrap: wrap; }
    .jc-finish-body .jc-nav-wrap { flex: 0 0 100%; min-width: 0; }
    .jc-finish-hero { min-height: 0; padding: 54px 0; }
    .jc-finish-hero .col-lg-5 { margin-top: 32px; }
    .jc-progress-panel { margin-left: 0; max-width: 580px; }
    .jc-finish-section { padding: 48px 0; }
    .jc-readiness-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .jc-handoff-section .col-lg-7, .jc-finish-ai-section .col-lg-4, .jc-finish-ai-section .col-lg-3 { margin-top: 15px; }
    .jc-finish-heading-row { grid-template-columns: 1fr; }
    .jc-decision-flow { grid-template-columns: 1fr 18px 1fr; }
    .jc-decision-flow > i:nth-of-type(2) { display: none; }
    .jc-production-card { max-width: 410px; }
    .jc-finish-process { gap: 22px 0; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jc-finish-process:before { display: none; }
    .jc-finish-lower { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .jc-finish-hero { background-position: 68% center; padding: 46px 0; }
    .jc-finish-hero:before { background: rgba(2, 16, 27, .55); content: ""; inset: 0; position: absolute; }
    .jc-finish-hero h1 { font-size: 39px; }
    .jc-progress-panel > strong { margin-left: 0; }
    .jc-finish-scenarios, .jc-readiness-grid { grid-template-columns: 1fr; }
    .jc-finish-scenarios article, .jc-readiness-grid article { min-height: 0; }
    .jc-handoff-flow { display: block; }
    .jc-handoff-art { display: none; }
    .jc-handoff-mobile { display: block; }
    .jc-handoff-inputs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .jc-handoff-result { grid-template-columns: 1fr; margin-top: 20px; }
    .jc-decision-flow { grid-template-columns: 1fr; }
    .jc-decision-flow > i { transform: rotate(90deg); }
    .jc-decision-flow > i:nth-of-type(2) { display: block; }
    .jc-finish-process { grid-template-columns: 1fr; margin-left: 22px; }
    .jc-finish-process li { border-left: 1px solid rgba(0, 255, 192, .43); padding: 0 0 22px 58px; text-align: left; }
    .jc-finish-process li > span { left: -22px; margin: 0; position: absolute; top: -4px; }
    .jc-scope-panel, .jc-finish-before-after > article { min-height: 0; }
    .jc-finish-before-after { gap: 10px; grid-template-columns: 1fr; }
    .jc-finish-before-after > i { transform: rotate(90deg); }
    .jc-finish-fit, .jc-finish-related { grid-template-columns: 1fr; }
    .jc-finish-final { background-position: 67% center; padding: 50px 0; }
}