/* Final lower-page presentation, based on the approved Web Design page. */
.jh-subpage .jl-content-system{--jl-container-gutter:96px;color:#150a44;font-size:15px;line-height:2}
.jh-subpage .jl-content-system .jl-system-chapter{position:relative;box-sizing:border-box;float:none;width:100%;max-width:none;margin:0;padding:86px 0;background-color:#fff;color:#150a44;text-align:left;border:0;border-bottom:1px solid #eee8f6}
.jh-subpage .jl-content-system :is(.jl-system-chapter.jl-content-chapter--soft,.jl-system-chapter.jl-unified-chapter--support,.jl-system-chapter.jl-unified-chapter--price){background-color:#faf8ff}
.jh-subpage .jl-content-system .jl-content-container{display:block;float:none;box-sizing:border-box;width:calc(100% - 96px);max-width:1280px;min-width:0;margin:0 auto;padding:0}
.jh-subpage .jl-content-system .jl-content-container .jl-content-container{width:100%;max-width:100%;margin:0;padding:0}
.jh-subpage .jl-content-system .jl-system-chapter :is(.inner,.container,.c-contents,.c-contents--wide02,.cr-container,.crn-wrap,.gaten-container):not(.jl-content-container){box-sizing:border-box;max-width:100%;min-width:0}
.jh-subpage .jl-content-system .jl-system-chapter h2{font-size:clamp(28px,2.8vw,38px);font-weight:800;line-height:1.65;letter-spacing:.015em;color:#150a44;margin:0 0 25px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;background:none;box-shadow:none;border:0;padding:0}
.jh-subpage .jl-content-system .jl-system-chapter :is(h3,h4){font-weight:700;color:#150a44;line-height:1.65;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.jh-subpage .jl-content-system .jl-system-chapter h3{font-size:20px;margin:30px 0 14px}
.jh-subpage .jl-content-system .jl-system-chapter h4{font-size:18px;margin:22px 0 12px}
.jh-subpage .jl-content-system .jl-system-chapter p{font-size:15px;font-weight:400;line-height:2;color:#625c74;margin:0 0 18px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.jh-subpage .jl-content-system .jl-system-chapter strong{font-weight:700}
.jh-subpage .jl-content-system .jl-system-chapter :is(.jl-unified-label,.p-const__secLead,.p-recruit__secLead,.p-webdesign__secLead,.crn-label,.cr-kicker,.gaten-kicker){font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,4vw,52px);font-weight:900;letter-spacing:-.035em;line-height:1.15;color:#150a44;margin:0 0 20px;max-width:none}
.jh-subpage .jl-content-system .jl-system-chapter .jl-unified-label :is(strong,span){font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}
.jh-subpage .jl-content-system .jl-system-chapter .jl-unified-label::before{display:none}
.jh-subpage .jl-content-system .jl-system-chapter .jl-unified-label{font-size:clamp(34px,4vw,52px)!important}
.jh-subpage .jl-content-system .jl-system-chapter .c-imgTxt__txtBox h3{width:100%!important}
.jh-subpage .jl-content-system .jl-system-chapter .cr-quote{color:#150a44!important;background:transparent;border-left-color:#6231fa}
.jh-subpage .jl-content-system .jl-system-chapter .cr-contact-info{color:#625c74!important}
.jh-subpage .jl-content-system .jl-system-chapter .jl-source-intro{font-size:20px;font-weight:700;color:#150a44}
.jh-subpage .jl-content-system .jl-visual-intro{display:grid;grid-template-columns:minmax(0,.54fr) minmax(0,.46fr);gap:56px;align-items:center;margin:0 0 42px}
.jh-subpage .jl-content-system .jl-visual-copy{min-width:0}
.jh-subpage .jl-content-system :is(.jl-content-visual,.jl-unified-feature-visual){float:none;position:relative;box-sizing:border-box;background:transparent;box-shadow:none;border:0;border-radius:0}
.jh-subpage .jl-content-system .jl-content-visual{width:100%;max-width:580px;margin:0 auto}
.jh-subpage .jl-content-system :is(.jl-content-visual,.jl-unified-feature-visual) img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;background:transparent;border:0;box-shadow:none}
.jh-subpage .jl-content-system :is(.jl-system-grid,.jl-unified-feature-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:100%;max-width:100%;min-width:0;padding:0;margin:35px 0 28px;list-style:none;box-sizing:border-box;float:none;align-items:start}
.jh-subpage .jl-content-system :is(.jl-system-grid--2,.jl-unified-feature-grid--even){grid-template-columns:repeat(2,minmax(0,1fr))}
.jh-subpage .jl-content-system :is(.jl-system-grid,.jl-unified-feature-grid)>*{width:auto;max-width:100%;min-width:0;box-sizing:border-box;margin:0;float:none}
.jh-subpage .jl-content-system .jl-content-container.jl-system-grid{width:calc(100% - var(--jl-container-gutter));max-width:1280px;margin:0 auto;padding:0}
.jh-subpage .jl-content-system .jl-content-container .jl-content-container.jl-system-grid{width:100%;max-width:100%;margin:0}
.jh-subpage .jl-content-system :is(.jl-system-panel,.jl-unified-feature){display:block;padding:28px 0;background:transparent;color:#150a44;border:0;border-top:1px solid #ded5ec;border-radius:0;box-shadow:none;min-width:0;max-width:100%}
.jh-subpage .jl-content-system :is(.jl-system-panel,.jl-unified-feature)>:is(h3,h4){margin-top:0}
.jh-subpage .jl-content-system :is(.jl-system-panel,.jl-unified-feature) p{font-size:14px;line-height:1.95;margin:0 0 14px}
.jh-subpage .jl-content-system .jl-unified-feature-visual{width:100%;max-width:280px;aspect-ratio:4/3;margin:0 auto 22px}
.jh-subpage .jl-content-system .jl-unified-feature-visual img{height:100%}
.jh-subpage .jl-content-system .jl-system-number{position:static;display:block;width:auto;height:auto;margin:0 0 12px;padding:0;background:none;color:#9679c6;border:0;border-radius:0;font:900 24px/1.4 Arial,Helvetica,sans-serif}
.jh-subpage .jl-content-system .jl-system-panel>ul:first-child:has(>li:only-child){padding:0;margin:0 0 12px;list-style:none;color:#9679c6;font:900 16px/1.5 Arial,Helvetica,sans-serif}
.jh-subpage .jl-content-system .jl-system-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:28px 0;padding:0;list-style:none;max-width:100%}
.jh-subpage .jl-content-system .jl-system-checks>li{min-width:0;padding:20px 0;margin:0;border:0;border-top:1px solid #ded5ec;background:transparent;border-radius:0;box-shadow:none;color:#625c74;font-size:15px;line-height:1.9;overflow-wrap:anywhere}
/* Recruitment pain points retain a marker gutter, including older native wrappers. */
.jh-subpage .jl-main.jl-content-system .p-recruit__painList>li{position:relative;padding-left:22px}
.jh-subpage .jl-main.jl-content-system .p-recruit__painList>li::before{content:'';position:absolute;display:block;left:0;right:auto;top:31px;bottom:auto;width:6px;height:6px;margin:0;padding:0;transform:none;background:#6231fa;color:transparent;border:0;border-radius:50%;font-size:0;line-height:1}
.jh-subpage .jl-content-system .jl-system-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin:35px 0;padding:0;list-style:none;counter-reset:jl-step}
.jh-subpage .jl-content-system .jl-system-steps>li{display:block;position:relative;width:auto;max-width:100%;min-width:0;padding:28px 0;margin:0;background:transparent;border:0;border-top:1px solid #ded5ec;border-radius:0;box-shadow:none;counter-increment:jl-step;color:#150a44}
.jh-subpage .jl-content-system .jl-system-steps>li::before,.jh-subpage .jl-content-system .jl-system-steps>li::after{display:none}
.jh-subpage .jl-content-system .jl-system-steps>li>span:first-child{position:static;display:block;width:auto;height:auto;background:none;color:#9679c6;margin:0 0 12px;font:900 24px/1.4 Arial,sans-serif}
.jh-subpage .jl-content-system .jl-system-steps>li h3{font-size:20px;margin:0 0 12px}
.jh-subpage .jl-content-system .jl-system-steps>li p{font-size:14px;line-height:1.95}
.jh-subpage .jl-content-system .jl-system-table{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:28px 0}
.jh-subpage .jl-content-system .jl-system-chapter :is(.jl-source-table,.gaten-price-table-wrap,.gtn-compare-wrap){overflow:visible;max-width:100%;margin:0}
.jh-subpage .jl-content-system .jl-system-table table{width:100%;min-width:540px;border-collapse:collapse;border-spacing:0;background:#fff;color:#150a44;font-size:14px;line-height:1.9;margin:0;box-shadow:none}
.jh-subpage .jl-content-system .jl-system-table :is(th,td){width:auto;padding:20px 22px;border:1px solid #e5def3;vertical-align:top;font-weight:400;white-space:normal;overflow-wrap:anywhere;background:#fff;color:#625c74}
.jh-subpage .jl-content-system .jl-system-table th{font-weight:700;color:#150a44;background:#f4f0fc}
.jh-subpage .jl-content-system :is(.p-seoPrice__amount,.p-recruit__price,.p-constx__statValue,.cr-price-card__price,.gaten-price-value){color:#6231fa;font-weight:800}
.jh-subpage .jl-content-system :is(.p-recruit__priceCard,.p-seoPrice__summary,.jobsolution-service-price__summary,.cr-price-card,.gtn-compare,.crn-compare){background:#fff;color:#150a44;border-color:#ded5ec;border-radius:0;box-shadow:none}
.jh-subpage .jl-content-system .p-seoPage__definitionList :is(dt,dd){display:block;width:auto;max-width:100%;margin:0;float:none}
.jh-subpage .jl-content-system .p-seoPage__definitionList dt{font-size:20px;font-weight:700;margin-bottom:14px;color:#150a44}
.jh-subpage .jl-content-system .p-seoPage__definitionList dd{font-size:14px;line-height:1.95;color:#625c74}
.jh-subpage .jl-content-system .p-seoPage__serviceRows>div,.jh-subpage .jl-content-system .p-seoPage__definitionList>div{border:0;border-top:1px solid #ded5ec;padding:26px 0}
.jh-subpage .jl-content-system :is(.jl-unified-chapter--faq,.faq,.gaten-section--faq) :is(details,.faq-item){border:0;border-bottom:1px solid #ded5ec;border-radius:0;background:#fff;box-shadow:none;margin:0;padding:22px 0;color:#150a44}
.jh-subpage .jl-content-system :is(.jl-unified-chapter--faq,.faq,.gaten-section--faq) :is(summary,h3){font-size:16px;font-weight:700;line-height:1.8;color:#150a44;margin:0;padding:0 24px 0 0;white-space:normal}
.jh-subpage .jl-content-system :is(.jl-unified-chapter--faq,.faq,.gaten-section--faq) summary{cursor:pointer}
.jh-subpage .jl-content-system :is(.jl-unified-chapter--faq,.faq,.gaten-section--faq) p{font-size:14px;line-height:2;color:#625c74;margin:16px 0 0;padding:0;background:none}
.jh-subpage .jl-content-system .jl-unified-chapter--cta{background:#f5f1ff;text-align:center;padding-block:76px}
.jh-subpage .jl-content-system .jl-unified-chapter--cta :is(h2,h3,p){text-align:center}
.jh-subpage .jl-content-system .jl-unified-chapter--cta p{max-width:48em;margin-inline:auto}
.jh-subpage .jl-content-system :is(.crn-final__inner,.cr-final-cta__inner,.gaten-final-cta__inner,.p-constx__midCta,.p-const__ctaInner,.p-recruit__finalCtaInner,.p-webdesign__ctaInner){background:transparent;color:#150a44;border:0;border-radius:0;box-shadow:none;padding:0}
.jh-subpage .jl-content-system :is(.crn-final__inner,.cr-final-cta__inner,.gaten-final-cta__inner,.p-constx__midCta)::before{display:none}
.jh-subpage .jl-content-system .jl-system-chapter :is(.jh-button,.c-arrowLink,.cr-btn,.crn-btn,.gaten-btn,.gtn-btn,.btn-primary){box-sizing:border-box;max-width:100%;min-width:0;padding:15px 25px;border:1px solid #6231fa;border-radius:32px;background:#6231fa;color:#fff;font-size:14px;font-weight:700;line-height:1.6;text-decoration:none;white-space:normal;box-shadow:none}
.jh-subpage .jl-content-system .jl-system-chapter :is(.jh-button--outline,.cr-btn--outline,.crn-btn--outline){background:#fff;color:#150a44;border-color:#d9ceeb}
.jh-subpage .jl-content-system :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid #6231fa;outline-offset:4px}
.jh-subpage .jl-content-system .p-recruit__contents{display:block}
.jh-subpage .jl-content-system .jl-system-chapter :is(.p-works__grid,.jl-works-grid,.crn-works__list){margin-top:36px}
.jh-subpage .jl-content-system .jl-system-chapter :is(.jl-source-work h3,.c-worksCard__title){font-size:20px;line-height:1.7;margin:0 0 16px}
.jh-subpage .jl-content-system .jl-system-chapter :is(.jl-source-work p,.c-worksCard__summary){font-size:13px;line-height:1.9}
.jh-subpage .jl-content-system.jl-unified-page--legal .jl-system-chapter{padding-block:30px}
.jh-subpage .jl-content-system.jl-unified-page--legal .jl-system-chapter h2{font-size:22px}
@media(max-width:1100px){.jh-subpage .jl-content-system .jl-content-container{width:calc(100% - 64px)}.jh-subpage .jl-content-system :is(.jl-system-grid--3,.jl-unified-feature-grid,.jl-system-steps){grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.jh-subpage .jl-content-system .jl-visual-intro{gap:36px}}
@media(max-width:800px){.jh-subpage .jl-content-system .jl-system-chapter{padding-block:56px}.jh-subpage .jl-content-system .jl-content-container{width:calc(100% - 40px)}.jh-subpage .jl-content-system .jl-system-chapter h2{font-size:27px;margin-bottom:22px}.jh-subpage .jl-content-system .jl-system-chapter p{font-size:14px}.jh-subpage .jl-content-system .jl-visual-intro{display:flex;flex-direction:column;gap:28px;margin-bottom:32px}.jh-subpage .jl-content-system .jl-visual-intro--reverse .jl-visual-copy{order:0}.jh-subpage .jl-content-system .jl-visual-intro--reverse .jl-content-visual{order:1}.jh-subpage .jl-content-system :is(.jl-system-grid,.jl-unified-feature-grid,.jl-system-steps,.jl-system-checks){grid-template-columns:minmax(0,1fr);gap:0;margin-top:26px}.jh-subpage .jl-content-system :is(.jl-system-panel,.jl-unified-feature){padding:24px 0}.jh-subpage .jl-content-system .jl-system-steps>li{padding-block:24px}.jh-subpage .jl-content-system .jl-system-table :is(th,td){padding:16px}.jh-subpage .jl-content-system .jl-system-chapter .jl-unified-label{font-size:38px!important}.jh-subpage .jl-content-system .jl-unified-chapter--cta{padding-block:56px}.jh-subpage .jl-content-system .jl-system-chapter :is(.jl-source-work h3,.c-worksCard__title){font-size:18px}}
@media(max-width:540px){.jh-subpage .jl-content-system .jl-system-chapter h2{font-size:25px}.jh-subpage .jl-content-system .jl-system-chapter h3{font-size:19px}.jh-subpage .jl-content-system .jl-system-table table{min-width:460px}.jh-subpage .jl-content-system .jl-system-chapter .jh-button{font-size:13px}}
@media(max-width:1100px){.jh-subpage .jl-content-system{--jl-container-gutter:64px}}
@media(max-width:800px){.jh-subpage .jl-content-system{--jl-container-gutter:40px}}
@media(prefers-reduced-motion:reduce){.jh-subpage .jl-content-system [data-jl-reveal]{transition:none;transform:none;opacity:1}}

/* FAQ compatibility: retain native details, answer markup and schema. Legacy
   page CSS uses different gutters and !important rules; isolate this reset to
   renewed FAQ chapters, excluding the Web Design reference page. */
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq{--jl-faq-inset:40px;--jl-faq-space:24px;--jl-faq-question-size:16px}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(.c-faq,.crn-faq__list,.gaten-faq-list,.p-mktFaq__list){display:block!important;width:100%!important;max-width:none!important;margin:28px 0 0!important;padding:0!important;gap:0!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(details,.faq-item){box-sizing:border-box!important;position:relative!important;display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #ded5ec!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;transition:none!important;overflow:visible!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(summary,.faq-item>h3){box-sizing:border-box!important;position:relative!important;display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:var(--jl-faq-space) 48px var(--jl-faq-space) var(--jl-faq-inset)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#150a44!important;font-size:var(--jl-faq-question-size)!important;font-weight:700!important;line-height:1.8!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;list-style:none!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq summary{cursor:pointer}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq summary::marker{content:''}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq summary::-webkit-details-marker{display:none}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq summary :is(h3,.c-faq__qText){position:static!important;display:inline!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;font:inherit!important;white-space:normal!important;overflow-wrap:anywhere!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(summary h3,.faq-item>h3)::after,
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq summary h3::before{content:none!important;display:none!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(summary,.faq-item>h3)::before{content:'Q.'!important;box-sizing:border-box!important;position:absolute!important;display:block!important;top:var(--jl-faq-space)!important;left:0!important;right:auto!important;bottom:auto!important;width:24px!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#6231fa!important;font:700 var(--jl-faq-question-size)/1.8 Arial,Helvetica,sans-serif!important;transform:none!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq summary::after{content:'+'!important;box-sizing:border-box!important;position:absolute!important;display:block!important;top:var(--jl-faq-space)!important;right:4px!important;left:auto!important;bottom:auto!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#6231fa!important;font:400 24px/28px Arial,Helvetica,sans-serif!important;text-align:center!important;transform:none!important;transition:none!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq details[open]>summary::after{content:'\2212'!important}
/* Suppress existing Q/A glyphs only; keep all question/answer text and schema. */
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(.c-faq__qLabel,.c-faq__aLabel,.crn-faq__mark,summary>span[aria-hidden="true"],details>div>span[aria-hidden="true"],.p-mktFaq__list summary>span:first-child){display:none!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(details>div,.faq-item>div){box-sizing:border-box!important;position:relative!important;display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0 0 var(--jl-faq-space) var(--jl-faq-inset)!important;border:0!important;border-radius:0!important;background:transparent!important;color:#625c74!important;font-size:14px!important;line-height:2!important;text-align:left!important;overflow-wrap:anywhere!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(details,.faq-item) p{box-sizing:border-box!important;position:relative!important;max-width:none!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important;color:#625c74!important;font-size:14px!important;font-weight:400!important;line-height:2!important;text-align:left!important;overflow-wrap:anywhere!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(details,.faq-item) p::before,
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(details,.faq-item) p::after{content:none!important;display:none!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(details>p,.faq-item>p){padding-left:var(--jl-faq-inset)!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(details,.faq-item)>p:last-child{margin-bottom:0!important;padding-bottom:var(--jl-faq-space)!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq :is(details>div,.faq-item>div,details>summary+p,.faq-item>h3+p)::before{content:'A.'!important;box-sizing:border-box!important;position:absolute!important;display:block!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:24px!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#6231fa!important;font:700 14px/2 Arial,Helvetica,sans-serif!important;transform:none!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq .c-faq__aText{display:block!important;min-width:0!important;margin:0!important;padding:0!important;color:inherit!important;font:inherit!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq details>div p:last-child{margin-bottom:0!important}
.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq summary:focus-visible{outline:2px solid #6231fa!important;outline-offset:4px!important}
@media(max-width:800px){.jh-subpage .jl-main.jl-content-system .jl-unified-chapter--faq{--jl-faq-inset:34px;--jl-faq-space:20px;--jl-faq-question-size:15px}}