.jc-home-page { color: #c7d9e4; font-size: var(--jc-text-body); line-height: 1.55; background: var(--jc-ink); }
.jc-home-page h1, .jc-home-page h2, .jc-home-page h3 { color: #f4fbff; font-weight: 800; letter-spacing: -.035em; }
.jc-home-page h2 { font-size: clamp(27px, 2.4vw, 34px); line-height: 1.17; margin: 0 0 13px; }
.jc-home-page h3 { font-size: var(--jc-text-body); line-height: 1.3; margin: 0 0 9px; }
.jc-home-page p { margin: 0 0 15px; }
.jc-home-page .jc-eyebrow { color: #77eedf; font-size: var(--jc-text-label); line-height: 1.5; letter-spacing: .1em; margin-bottom: 12px; }
.jc-home-page .jc-button { text-decoration: none; min-height: 45px; }
.jc-hm-section { padding: 34px 0; }
.jc-hm-surface { background: #082333; border-top: 1px solid #16404e; border-bottom: 1px solid #16404e; }
.jc-hm-hero { position: relative; padding: 50px 0; background: #03131f; }
.jc-hm-hero-image { position: absolute; inset: 0; background: url('/Images/hero-engineering-workspace.webp') center / cover; }
.jc-hm-hero::after { position: absolute; inset: 0; content: ''; background: linear-gradient(90deg, #020e19f7 0%, #021321e8 32%, #021321aa 53%, #02132120 76%); }
.jc-hm-hero-content { position: relative; z-index: 1; }
.jc-hm-hero h1 { font-size: clamp(35px, 3.1vw, 44px); line-height: 1.13; margin-bottom: 19px; max-width: 650px; }
.jc-hm-hero h1 > span { color: var(--jc-cyan); display: block; margin-top: 5px; }
.jc-hm-hero-content > p:not(.jc-eyebrow) { max-width: 600px; font-size: 14px; color: #e1eaf0; }
.jc-hm-actions { display: flex; gap: 15px; align-items: center; margin-top: 22px; }
.jc-hm-credibility { background: linear-gradient(90deg, #041a29, #062536, #041a29); border-top: 1px solid #14505b; border-bottom: 1px solid #14505b; }
.jc-hm-credibility-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; padding-top: 20px; padding-bottom: 20px; }
.jc-hm-credibility article { display: flex; align-items: center; gap: 17px; }
.jc-hm-credibility article > i { font-size: 32px; color: var(--jc-cyan); flex-shrink: 0; }
.jc-hm-credibility h2 { text-transform: uppercase; color: #70fbe1; font-size: var(--jc-text-detail); letter-spacing: .05em; line-height: 1.4; margin-bottom: 4px; }
.jc-hm-credibility p { font-size: var(--jc-text-body); line-height: 1.4; margin: 0; }
.jc-hm-section-heading { display: grid; grid-template-columns: 1.3fr 1fr; gap: 34px; align-items: end; margin-bottom: 19px; }
.jc-hm-section-heading h2 { margin-bottom: 0; }
.jc-hm-section-heading > p { margin: 0; font-size: var(--jc-text-body); line-height: 1.5; }
.jc-hm-problems { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.jc-hm-problems article { display: flex; flex-direction: column; background: #031b29; border: 1px solid #275561; border-radius: 3px; padding: 19px 16px 15px; }
.jc-hm-problems article > i { color: #00edc7; font-size: 27px; margin-bottom: 14px; }
.jc-hm-problems h3 { font-size: var(--jc-text-body); }
.jc-hm-problems p { font-size: var(--jc-text-body); line-height: 1.5; margin-bottom: 17px; }
.jc-hm-problems a { color: #68f5df; font-size: var(--jc-text-detail); font-weight: 700; margin-top: auto; text-decoration: none; }
.jc-hm-problems a i { margin-left: 5px; font-size: 10px; }
.jc-hm-problems a:hover { color: #fff; }
.jc-hm-secondary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 15px; }
.jc-hm-secondary > a { display: flex; gap: 13px; align-items: center; padding: 15px 16px; border: 1px solid #20656b; background: #073541; border-radius: 3px; color: #e7f8fb; text-decoration: none; }
.jc-hm-secondary > a > i { font-size: 26px; color: #00efd0; flex-shrink: 0; }
.jc-hm-secondary strong { font-size: var(--jc-text-detail); }
.jc-hm-secondary span { color: #68f5df; font-size: var(--jc-text-detail); }
.jc-hm-secondary span i { margin-left: 5px; font-size: 10px; }
.jc-hm-secondary > a:hover { background: #09505a; }
.jc-hm-why { background: radial-gradient(ellipse at 20% 60%, #00354260, transparent 58%), #03151f; }
.jc-hm-why-grid { display: grid; grid-template-columns: 1fr 1.42fr 130px; gap: 30px; align-items: center; }
.jc-hm-why h2 { font-size: 30px; }
.jc-hm-why .jc-button { margin-top: 5px; }
.jc-hm-comparison { display: grid; grid-template-columns: 1fr 22px 1fr; gap: 12px; align-items: stretch; }
.jc-hm-comparison article { border: 1px solid #007e82; border-radius: 3px; padding: 18px 18px; text-align: center; background: #00131fc4; }
.jc-hm-comparison h3 { font-size: var(--jc-text-body); margin-bottom: 16px; }
.jc-hm-comparison ol { padding: 0; margin: 0; list-style: none; }
.jc-hm-comparison li { background: #06303f; border: 1px solid #155363; border-radius: 2px; padding: 6px 9px; margin-bottom: 9px; font-size: var(--jc-text-detail); line-height: 1.35; }
.jc-hm-comparison li:last-child { margin-bottom: 0; }
.jc-hm-comparison article:not(.jc-hm-direct) li:not(:last-child) { position: relative; margin-bottom: 16px; }
.jc-hm-comparison article:not(.jc-hm-direct) li:not(:last-child)::after { content: '↓'; position: absolute; top: calc(100% + 1px); left: calc(50% - 4px); color: #5aabb2; font-size: 12px; }
.jc-hm-direct h3 { color: #00efd0; }
.jc-hm-direct ol { display: flex; flex-direction: column; justify-content: center; height: calc(100% - 35px); }
.jc-hm-direct li { position: relative; margin-bottom: 24px; color: #c6fcf2; }
.jc-hm-direct li:not(:last-child)::after { content: '↓'; position: absolute; top: calc(100% + 3px); left: calc(50% - 5px); color: #00f1c9; font-size: 18px; }
.jc-hm-versus { align-self: center; color: #00f1cc; font-weight: 800; text-align: center; font-size: var(--jc-text-detail); }
.jc-hm-hand-note { font-family: 'Segoe Print', 'Comic Sans MS', cursive; color: #2aefd0; font-style: italic; font-size: 21px; line-height: 1.5; transform: rotate(-6deg); border-bottom: 1px solid #00b59f; padding-bottom: 10px; }
.jc-hm-why-grid > .jc-hm-hand-note { margin: 0; }
.jc-hm-cases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.jc-hm-cases article { display: flex; flex-direction: column; padding: 20px 18px 15px; border: 1px solid #2b5b69; border-radius: 3px; background: #04202f; }
.jc-hm-cases header { display: flex; gap: 14px; margin-bottom: 16px; align-items: flex-start; }
.jc-hm-cases header > i { font-size: 31px; color: #00dfc2; flex-shrink: 0; }
.jc-hm-cases h3 { font-size: 16px; margin-bottom: 4px; }
.jc-hm-cases header p { font-size: var(--jc-text-body); color: #71e6dd; line-height: 1.4; margin: 0; }
.jc-hm-cases article > p { font-size: var(--jc-text-body); line-height: 1.5; }
.jc-hm-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 16px; }
.jc-hm-metrics > div { background: #084a4d; border-radius: 2px; padding: 11px; }
.jc-hm-metrics strong { display: block; font-size: 26px; color: #23f4ca; font-weight: 800; letter-spacing: -.035em; line-height: 1.15; margin-bottom: 5px; }
.jc-hm-metrics span { display: block; font-size: var(--jc-text-detail); color: #d6f9f3; line-height: 1.4; }
.jc-hm-checks { list-style: none; padding: 0; margin: 0 0 16px; }
.jc-hm-checks li { position: relative; padding-left: 18px; font-size: var(--jc-text-detail); line-height: 1.5; margin-bottom: 5px; }
.jc-hm-checks li::before { content: '✓'; position: absolute; top: 0; left: 0; color: #00ebc6; font-weight: 800; }
.jc-hm-story-link { display: block; text-decoration: none; color: #70ffe8; background: #073541; font-size: var(--jc-text-detail); font-weight: 700; padding: 10px; margin-top: auto; border-radius: 2px; }
.jc-hm-story-link i { margin-left: 5px; }
.jc-hm-story-link:hover { background: #0a5059; color: #fff; }
.jc-hm-section-action { display: flex; justify-content: flex-end; margin-top: 15px; }
.jc-hm-judgment-section { background: #031822; }
.jc-hm-judgment-section h2 { font-size: 29px; }
.jc-hm-judgment-layout { display: grid; grid-template-columns: minmax(0, 1fr) 130px; gap: 33px; align-items: center; }
.jc-hm-judgment { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.jc-hm-judgment article { display: flex; gap: 14px; padding: 19px 16px; border: 1px solid #1b5761; border-radius: 3px; background: #03202e; }
.jc-hm-judgment article > i { font-size: 30px; color: #00ebc5; flex-shrink: 0; }
.jc-hm-judgment h3 { font-size: var(--jc-text-body); }
.jc-hm-judgment p { font-size: var(--jc-text-body); line-height: 1.45; margin: 0; }
.jc-hm-judgment-layout > .jc-hm-hand-note { font-size: 19px; margin: 0; }
.jc-hm-text-link { display: inline-block; color: #67f7df; font-size: var(--jc-text-detail); font-weight: 700; text-decoration: none; margin-top: 15px; }
.jc-hm-text-link:hover { color: #fff; }
.jc-hm-text-link i { font-size: 10px; margin-left: 5px; }
.jc-hm-engagement-section { padding-bottom: 25px; }
.jc-hm-engagement-section h2 { font-size: 29px; }
.jc-hm-engagement { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 25px; padding: 0; margin: 25px 0 0; list-style: none; }
.jc-hm-engagement > li { position: relative; display: flex; gap: 11px; align-items: flex-start; }
.jc-hm-engagement > li > i { font-size: 27px; color: #00e8c7; flex-shrink: 0; }
.jc-hm-engagement > li:not(:last-child)::after { content: '→'; position: absolute; left: calc(100% + 1px); top: 8px; color: #00bfae; font-size: 22px; }
.jc-hm-engagement h3 { font-size: var(--jc-text-body); margin-bottom: 5px; letter-spacing: -.01em; }
.jc-hm-engagement a { color: #c4e5ec; font-size: var(--jc-text-detail); line-height: 1.4; display: inline-block; text-decoration: none; }
.jc-hm-engagement a:hover { color: #00ffc0; text-decoration: underline; }
.jc-hm-ai-path { display: block; color: #5cefd9; font-size: var(--jc-text-detail); }
.jc-hm-ai-section { background: #0a293a; border-top: 0; }
.jc-hm-ai-section h2 { font-size: 29px; }
.jc-hm-ai-grid { display: grid; grid-template-columns: 1fr 1fr 155px; gap: 18px; margin-top: 21px; align-items: start; }
.jc-hm-ai-grid article { display: flex; gap: 18px; border: 1px solid #285d69; padding: 21px 18px; border-radius: 3px; background: #062332; align-self: stretch; }
.jc-hm-ai-grid article > i { color: #00e8c7; font-size: 33px; flex-shrink: 0; }
.jc-hm-ai-grid article > div { min-width: 0; }
.jc-hm-ai-grid h3 { font-size: var(--jc-text-body); }
.jc-hm-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 20px; margin: 0; }
.jc-hm-columns li { font-size: var(--jc-text-detail); margin: 0; }
.jc-hm-ai-grid .jc-hm-hand-note { font-size: 19px; margin: 0; align-self: center; }
.jc-hm-technology { background: #031621; padding: 23px 0; border-bottom: 1px solid #16434b; }
.jc-hm-technology-grid { display: grid; grid-template-columns: 1fr 285px; gap: 30px; align-items: center; }
.jc-hm-technology .jc-eyebrow { margin: 0; }
.jc-hm-technology .jc-technology-logos { grid-column: 1 / -1; }
.jc-hm-technology-grid > p:not(.jc-eyebrow) { border-left: 1px solid #176976; padding-left: 26px; margin: 0; font-size: var(--jc-text-body); }
.jc-hm-final { background: radial-gradient(ellipse at 75% 20%, #07364760, transparent 60%), #031722; }
.jc-hm-final-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 45px; align-items: center; }
.jc-hm-final h2 { font-size: 28px; }
.jc-hm-final-grid > div:first-child > p:last-child { margin: 0; }
.jc-home-page .jc-hm-microcopy { margin: 11px 0 0; font-size: var(--jc-text-detail); }
.jc-home-page a:focus-visible { outline: 3px solid #76ffdd; outline-offset: 5px; }
@media (max-width: 1199.98px) {
    .jc-hm-hero h1 { max-width: 600px; }
    .jc-hm-problems { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jc-hm-secondary > a { flex-wrap: wrap; gap: 9px 12px; }
    .jc-hm-secondary span { width: 100%; padding-left: 38px; }
    .jc-hm-why-grid { grid-template-columns: 1fr 1.4fr; }
    .jc-hm-why-grid > .jc-hm-hand-note { grid-column: 1 / -1; justify-self: center; font-size: 19px; }
    .jc-hm-why-grid > .jc-hm-hand-note br { display: none; }
    .jc-hm-judgment-layout { grid-template-columns: 1fr; gap: 20px; }
    .jc-hm-judgment-layout > .jc-hm-hand-note { justify-self: center; }
    .jc-hm-judgment-layout > .jc-hm-hand-note br { display: none; }
    .jc-hm-judgment article { gap: 10px; padding: 18px 13px; }
    .jc-hm-judgment article > i { font-size: 26px; }
    .jc-hm-engagement { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 25px; }
    .jc-hm-engagement > li:nth-child(4)::after { display: none; }
    .jc-hm-ai-grid { grid-template-columns: 1fr 1fr; }
    .jc-hm-ai-grid .jc-hm-hand-note { grid-column: 1 / -1; justify-self: center; }
    .jc-hm-technology-grid { grid-template-columns: 1fr; gap: 18px; }
    .jc-hm-technology-grid > p:not(.jc-eyebrow) { border-left: 0; padding-left: 0; }
    .jc-hm-technology-grid > p br { display: none; }
}
@media (max-width: 991.98px) {
    .jc-hm-hero { padding: 45px 0; }
    .jc-hm-hero-image { background-position: 82% center; }
    .jc-hm-hero::after { background: linear-gradient(90deg, #021321f5 0%, #021321d9 52%, #02132155 100%); }
    .jc-hm-hero h1 { max-width: 610px; }
    .jc-hm-credibility-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px 30px; }
    .jc-hm-section-heading { grid-template-columns: 1fr; gap: 12px; }
    .jc-hm-why-grid { grid-template-columns: 1fr; gap: 25px; }
    .jc-hm-comparison { max-width: 650px; width: 100%; justify-self: center; }
    .jc-hm-cases { grid-template-columns: 1fr; }
    .jc-hm-cases article { padding: 24px; }
    .jc-hm-metrics { max-width: 480px; }
    .jc-hm-judgment { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .jc-hm-ai-grid article { flex-direction: column; }
    .jc-hm-ai-grid .jc-hm-columns { grid-template-columns: 1fr; }
    .jc-hm-final-grid { grid-template-columns: 1fr; gap: 23px; }
}
@media (max-width: 575.98px) {
    .jc-hm-section { padding: 29px 0; }
    .jc-home-page h2, .jc-hm-why h2, .jc-hm-judgment-section h2, .jc-hm-engagement-section h2, .jc-hm-ai-section h2, .jc-hm-final h2 { font-size: 26px; }
    .jc-hm-hero { padding: 35px 0 235px; }
    .jc-hm-hero-image { top: auto; height: 235px; background-image: url('/Images/hero-engineering-workspace-768.webp'); background-position: 82% center; background-size: cover; }
    .jc-hm-hero::after { background: linear-gradient(180deg, #021321 0%, #021321 65%, #02132166 76%, #02132110 100%); }
    .jc-hm-hero h1 { font-size: 34px; }
    .jc-hm-hero-content > p:not(.jc-eyebrow) { font-size: 14px; }
    .jc-hm-actions { align-items: flex-start; flex-direction: column; gap: 12px; }
    .jc-hm-credibility-grid { grid-template-columns: 1fr; gap: 20px; padding-top: 25px; padding-bottom: 25px; }
    .jc-hm-credibility h2 { font-size: var(--jc-text-detail); }
    .jc-hm-credibility p { font-size: var(--jc-text-body); }
    .jc-hm-problems, .jc-hm-secondary { grid-template-columns: 1fr; }
    .jc-hm-problems article { padding: 22px; }
    .jc-hm-problems h3 { font-size: 17px; }
    .jc-hm-problems p { font-size: var(--jc-text-body); }
    .jc-hm-problems a { font-size: 14px; min-height: 34px; padding-top: 5px; }
    .jc-hm-secondary > a { padding: 18px 20px; }
    .jc-hm-secondary strong, .jc-hm-secondary span { font-size: 14px; }
    .jc-hm-comparison { grid-template-columns: 1fr; gap: 18px; }
    .jc-hm-comparison article { padding: 23px; }
    .jc-hm-comparison h3 { font-size: 17px; }
    .jc-hm-comparison li { font-size: 14px; padding: 10px; }
    .jc-hm-direct ol { height: auto; }
    .jc-hm-why-grid > .jc-hm-hand-note { font-size: 20px; }
    .jc-hm-cases article { padding: 23px 20px; }
    .jc-hm-cases h3 { font-size: 17px; }
    .jc-hm-cases article > p, .jc-hm-cases header p { font-size: var(--jc-text-body); }
    .jc-hm-metrics { grid-template-columns: 1fr; }
    .jc-hm-metrics > div { padding: 16px; }
    .jc-hm-metrics strong { font-size: 33px; }
    .jc-hm-metrics span { font-size: var(--jc-text-detail); }
    .jc-hm-checks li { font-size: 14px; }
    .jc-hm-story-link { font-size: var(--jc-text-detail); min-height: 44px; padding: 13px; }
    .jc-hm-section-action { justify-content: flex-start; }
    .jc-hm-judgment { grid-template-columns: 1fr; gap: 12px; }
    .jc-hm-judgment article { padding: 22px 20px; gap: 18px; }
    .jc-hm-judgment h3 { font-size: 16px; }
    .jc-hm-judgment p { font-size: var(--jc-text-body); }
    .jc-hm-judgment-layout > .jc-hm-hand-note br { display: block; }
    .jc-hm-text-link { font-size: var(--jc-text-detail); }
    .jc-hm-engagement { grid-template-columns: 1fr; gap: 25px; }
    .jc-hm-engagement > li { padding: 14px 18px; border: 1px solid #285361; border-radius: 3px; background: #04202f; gap: 20px; }
    .jc-hm-engagement h3 { font-size: var(--jc-text-body); }
    .jc-hm-engagement a { font-size: 14px; padding: 4px 0; }
    .jc-hm-engagement > li:not(:last-child)::after { content: '↓'; display: block; top: calc(100% - 1px); left: calc(50% - 6px); font-size: 22px; }
    .jc-hm-ai-grid { grid-template-columns: 1fr; }
    .jc-hm-ai-grid article { padding: 23px 20px; }
    .jc-hm-ai-grid h3 { font-size: 17px; }
    .jc-hm-ai-grid .jc-hm-columns li { font-size: 14px; }
    .jc-hm-ai-grid .jc-hm-hand-note { margin: 10px 15px 0; }
    .jc-hm-technology { padding: 25px 0; }
    .jc-home-page .jc-hm-microcopy { font-size: var(--jc-text-detail); }
}
@media (prefers-reduced-motion: reduce) { .jc-home-page a { transition: none; } }