/* OEM landing page. Uses the live homepage's brand tokens and rectangular components. */
.jli-oem-page { --jli-copy:#545f6b; }
.jli-oem-page h1,.jli-oem-page h2,.jli-oem-page h3 { font-weight:700; color:var(--jl-dark); }
.jli-oem-page p { color:var(--jli-copy); }
.jli-oem-page .jli-section { padding:5rem 0; }
.jli-oem-page .jli-title { font-size:clamp(2rem,3.1vw,3rem); margin-bottom:2rem!important; }
.jli-oem-page .jli-title:after { width:5rem; transform:skewX(-20deg); margin-top:1.15rem; }
.jli-oem-page .jli-button { font-weight:700; letter-spacing:.035em; }
.jli-oem-page .jli-button span { white-space:nowrap; }
.jli-oem-page .jli-text-link { font-size:.94rem; }
.jli-oem-page .jli-hero { padding:4rem 0 4.5rem; }
.jli-oem-page .jli-hero .jli-split { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:3.5rem; }
.jli-oem-page .jli-hero h1 { font-size:clamp(2.4rem,4vw,3.5rem); line-height:1.13; }
.jli-oem-page .jli-hero h1 span { color:var(--jl-blue); }
.jli-oem-hero-label { display:inline-flex; padding:.4rem .85rem; margin-bottom:1rem; background:var(--jl-blue); color:#fff; font-family:var(--jl-font-heading); font-size:.87rem; font-weight:500; text-transform:uppercase; letter-spacing:.04em; transform:skewX(-10deg); }
.jli-oem-hero-label span { transform:skewX(10deg); }
.jli-oem-page .jli-button--outline { background:transparent; color:var(--jl-dark)!important; }
.jli-oem-page .jli-button--outline:hover { background:var(--jl-button-hover-bg); border-color:var(--jl-button-hover-bg); color:#fff!important; }
.jli-oem-page .jli-hero p { font-size:1.05rem; line-height:1.75; margin-top:1.5rem; }
.jli-oem-page .jli-hero-media { margin:0 0 .75rem .75rem; }
.jli-oem-page .jli-hero-media:before { inset:.75rem .75rem -.75rem -.75rem; }

/* Full-width OEM hero using the matching original-site solutions banner. */
.jli-oem-page .jli-oem-hero { display:flex; align-items:center; min-height:37rem; padding:4.5rem 0; background:#176bd2; isolation:isolate; border:0; }
.jli-oem-hero__background { position:absolute; inset:0; z-index:-2; display:block; }
.jli-oem-hero__background img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; }
.jli-oem-page .jli-oem-hero::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(100deg,rgb(0 100 224 / .94) 0%,rgb(0 102 226 / .87) 42%,rgb(0 94 209 / .63) 72%,rgb(0 78 183 / .42) 100%); }
.jli-oem-hero__copy { position:relative; z-index:1; max-width:48rem; color:#fff; }
.jli-oem-page .jli-oem-hero h1,.jli-oem-page .jli-oem-hero h1 span { color:#fff; }
.jli-oem-page .jli-oem-hero p { max-width:42rem; color:rgb(255 255 255 / .94); }
.jli-oem-page .jli-oem-hero .wxkn-breadcrumb a,
.jli-oem-page .jli-oem-hero .wxkn-breadcrumb-current { color:#fff; }
.jli-oem-page .jli-oem-hero .wxkn-breadcrumb-separator { color:rgb(255 255 255 / .68); }
.jli-oem-page .jli-oem-hero .jli-button { border-color:#fff; background:#fff; color:var(--jl-blue)!important; }
.jli-oem-page .jli-oem-hero .jli-button:hover { border-color:#eaf3ff; background:#eaf3ff; color:#005fc7!important; }
.jli-oem-page .jli-oem-hero .jli-button--outline { border-color:rgb(255 255 255 / .85); background:transparent; color:#fff!important; }
.jli-oem-page .jli-oem-hero .jli-button--outline:hover { border-color:#fff; background:#fff; color:var(--jl-blue)!important; }
@media(max-width:1023px) { .jli-oem-page .jli-oem-hero { min-height:33rem; padding:3.5rem 0; } }
@media(max-width:767px) {
 .jli-oem-page .jli-oem-hero { min-height:0; padding:2.75rem 0 2rem; align-items:flex-start; }
 .jli-oem-page .jli-oem-hero::before { background:linear-gradient(180deg,rgb(0 93 211 / .88),rgb(0 91 210 / .82) 56%,rgb(0 76 179 / .68)); }
 .jli-oem-page .jli-oem-hero h1 { font-size:clamp(2.1rem,9vw,2.6rem); }
 .jli-oem-page .jli-oem-hero .jli-button--outline { padding:0; border:0; min-height:28px; background:transparent; color:#fff!important; text-decoration:underline; text-underline-offset:5px; box-shadow:none; }
 .jli-oem-page .jli-oem-hero .jli-button--outline:hover { background:transparent; color:#eaf3ff!important; }
}

.jli-oem-page .jli-split { gap:3.5rem; }
.jli-oem-page .jli-oem-advantages .jli-feature-list { gap:1.5rem; }
.jli-oem-page .jli-oem-advantages .jli-feature { grid-template-columns:44px minmax(0,1fr); gap:1.25rem; }
.jli-oem-icon-box { display:grid; place-items:center; width:44px; height:44px; background:#edf5ff; transform:skewX(-10deg); }
.jli-oem-icon-box .jli-icon { width:26px; height:26px; transform:skewX(10deg); }
.jli-oem-page .jli-oem-advantages h3 { font-size:1.38rem; }
.jli-oem-page .jli-oem-advantages .jli-feature p { margin-top:.5rem; font-size:.95rem; }
.jli-oem-page .jli-oem-advantages .jli-split>.jli-image { aspect-ratio:4/3; border-bottom:4px solid var(--jl-blue); object-position:center; }

.jli-oem-page .jli-oem-section-head { max-width:58rem; margin:0 auto 2.75rem; text-align:center; }
.jli-oem-page .jli-oem-section-head .jli-title { margin-bottom:1rem!important; max-width:none; }
.jli-oem-page .jli-oem-section-head .jli-title:after { margin-inline:auto; }
.jli-oem-page .jli-oem-intro { margin:0 auto; max-width:44rem; font-size:1rem; }
.jli-oem-page .jli-grid { gap:1.5rem; }
.jli-oem-page .jli-card { border-color:var(--jl-gray-200); transition:transform .25s,border-color .25s,box-shadow .25s; }
.jli-oem-page .jli-card:hover { border-color:#a9cdf4; transform:translateY(-4px); box-shadow:0 10px 24px rgb(11 27 61 / .07); }
.jli-oem-page .jli-card>.jli-image { aspect-ratio:16/10; }
.jli-oem-page .jli-card-body { padding:1.5rem; }
.jli-oem-page .jli-card-body h3 { font-size:1.45rem; }
.jli-oem-page .jli-card-body p { font-size:.95rem; margin-top:.7rem; }
.jli-oem-page .jli-oem-capabilities .jli-actions { justify-content:center; }

/* Five options fill the grid: three product choices, two wider brand choices. */
/* Progressive tabs: all five panels remain readable when JavaScript is unavailable. */
.jli-oem-custom-tabs { border:1px solid var(--jl-gray-200); }
.jli-oem-tab-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-bottom:1px solid var(--jl-gray-200); background:#fff; }
.jli-oem-tab-list[hidden],.jli-oem-tab-panel[hidden] { display:none; }
.jli-oem-tab { position:relative; display:flex; align-items:center; justify-content:center; min-height:5rem; padding:1.1rem .8rem; border:0; border-radius:0; background:#fff; color:var(--jl-dark); font-family:var(--jl-font-heading); font-size:1.2rem; line-height:1.25; text-transform:uppercase; cursor:pointer; transition:background-color .18s,color .18s; }
.jli-oem-tab+.jli-oem-tab { border-left:1px solid var(--jl-gray-200); }
.jli-oem-tab:hover { color:var(--jl-blue); background:#edf5ff; }
.jli-oem-tab[aria-selected="true"] { color:#fff; background:var(--jl-blue); }
.jli-oem-tab:focus-visible,.jli-oem-tab-panel:focus-visible { z-index:1; outline:3px solid #0748a0; outline-offset:-4px; }
.jli-oem-tab-panel { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); min-height:24rem; background:#edf4fc; }
.jli-oem-tab-panel+.jli-oem-tab-panel { border-top:1px solid var(--jl-gray-200); }
.jli-oem-custom-tabs.is-enhanced .jli-oem-tab-panel { border-top:0; animation:jli-oem-panel-in .18s ease-out; }
.jli-oem-tab-media { display:grid; place-items:center; min-width:0; background:#fff; }
.jli-oem-tab-media>.jli-image { display:block; width:100%; height:24rem; margin:0; padding:1.5rem; border:0; object-fit:contain; background:#fff; }
.jli-oem-tab-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:3rem; }
.jli-oem-page .jli-oem-tab-copy h3 { margin:0; font-size:clamp(1.75rem,2.6vw,2.5rem); line-height:1.15; }
.jli-oem-tab-copy h3:after { display:block; width:3rem; height:3px; margin-top:1.2rem; background:var(--jl-blue); content:""; }
.jli-oem-page .jli-oem-tab-copy p { margin:1.3rem 0 0; max-width:29rem; font-size:1.05rem; line-height:1.8; }
@keyframes jli-oem-panel-in { from { opacity:.5; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }

.jli-oem-page .jli-oem-process .jli-steps { gap:1.25rem; }
.jli-oem-page .jli-oem-process .jli-step { padding:0; border:1px solid var(--jl-gray-200); background:#fff; min-width:0; }
.jli-oem-page .jli-oem-process .jli-step>.jli-image { aspect-ratio:16/10; border-bottom:3px solid var(--jl-blue); }
.jli-oem-page .jli-oem-process .jli-step:first-child>.jli-image { object-fit:contain; padding:.4rem; background:#fff; }
.jli-oem-page .jli-oem-step-body { padding:1.3rem; }
.jli-oem-page .jli-oem-process .jli-step-top { margin-bottom:1.15rem; }
.jli-oem-page .jli-oem-process .jli-step-top:before { display:grid; place-items:center; width:40px; height:40px; background:var(--jl-blue); color:#fff; font-size:1.25rem; }
.jli-oem-page .jli-oem-process .jli-step-top .jli-icon { width:26px; height:26px; }
.jli-oem-page .jli-oem-process h3 { font-size:1.35rem; }
.jli-oem-page .jli-oem-process .jli-step p { margin-top:.65rem; font-size:.9rem; line-height:1.7; }
.jli-oem-page .jli-oem-process .jli-actions { justify-content:center; }

.jli-oem-page .jli-oem-quality { background:#fff; border-top:1px solid var(--jl-gray-200); }
.jli-oem-page .jli-oem-quality .jli-split { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:4rem; align-items:center; }
.jli-oem-quality-media { position:relative; margin:0; min-width:0; }
.jli-oem-quality-media:after { position:absolute; right:0; bottom:0; left:0; height:4px; background:var(--jl-blue); content:""; }
.jli-oem-quality-media .jli-image { aspect-ratio:4/3; border-bottom:0; }
.jli-oem-page .jli-oem-quality-copy>.jli-title { margin-bottom:1.25rem!important; }
.jli-oem-page .jli-oem-quality-copy>p { max-width:43rem; margin:0 0 1rem; font-size:.98rem; line-height:1.8; }
.jli-oem-page .jli-oem-quality-copy>p:last-child { margin-bottom:0; }
.jli-oem-page .jli-oem-quality-copy .jli-oem-quality-link { display:inline-flex; width:max-content; margin-top:.35rem; }
.jli-oem-cert-logos { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); margin:2.5rem 0 0; padding:1.1rem 0 0; border-top:1px solid var(--jl-gray-200); list-style:none; }
.jli-oem-cert-logos li { display:flex; min-width:0; min-height:3.7rem; flex-direction:column; align-items:center; justify-content:center; gap:.35rem; padding:.25rem .5rem; text-align:center; }
.jli-oem-cert-logos li+li { border-left:1px solid var(--jl-gray-200); }
.jli-oem-cert-logos img { display:block; width:auto; max-width:80px; height:32px; object-fit:contain; object-position:center; filter:none; opacity:1; mix-blend-mode:normal; }

.jli-oem-page .jli-oem-faq .jli-faq { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:3.5rem; max-width:none; }
.jli-oem-faq-heading .jli-title { max-width:24rem; }
.jli-oem-page .jli-oem-faq-heading p { max-width:24rem; margin-top:0; font-size:.96rem; }
.jli-oem-page .jli-oem-faq details { background:#fff; border:1px solid var(--jl-gray-200); margin-bottom:.75rem; padding:0 1.35rem; }
.jli-oem-page .jli-oem-faq details:last-child { margin-bottom:0; }
.jli-oem-page .jli-oem-faq summary { padding:1.25rem 2rem 1.25rem 0; }
.jli-oem-page .jli-oem-faq summary h3 { font-size:1.18rem; }
.jli-oem-page .jli-oem-faq details p { font-size:.94rem; margin:0 0 1.25rem; }
.jli-oem-page .jli-inquiry { background:#fff; }
.jli-oem-page .jli-inquiry-copy { padding-top:0; }
.jli-oem-page .jli-inquiry-copy h2 { font-size:clamp(2rem,3.1vw,3rem); }
.jli-oem-page .jli-form-card { background:var(--jl-gray-50); }

@media(max-width:1023px) {
  .jli-oem-page .jli-section { padding:4rem 0; }
  .jli-oem-page .jli-hero .jli-split { grid-template-columns:minmax(0,1fr); gap:2.75rem; }
  .jli-oem-page .jli-hero h1 { max-width:42rem; font-size:3rem; }
  .jli-oem-page .jli-hero .jli-image { aspect-ratio:16/9; }
  .jli-oem-page .jli-oem-advantages .jli-split,.jli-oem-page .jli-oem-quality .jli-split { grid-template-columns:minmax(0,1fr); gap:2rem; }
  .jli-oem-page .jli-oem-advantages .jli-split>.jli-image,.jli-oem-quality-media .jli-image { aspect-ratio:16/9; }
  .jli-oem-tab-copy { padding:2rem; }
  .jli-oem-tab { font-size:1.05rem; }
  .jli-oem-cert-logos { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .jli-oem-cert-logos li:nth-child(4) { border-left:0; }
  .jli-oem-page .jli-oem-process .jli-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jli-oem-page .jli-oem-faq .jli-faq { grid-template-columns:minmax(0,1fr); gap:.5rem; }
  .jli-oem-faq-heading .jli-title { max-width:none; }
  .jli-oem-page .jli-inquiry .jli-split { grid-template-columns:minmax(0,1fr); gap:2rem; }
  body.page-id-6303 .jli-dialog-grid { grid-template-columns:minmax(0,1fr); }
}
@media(min-width:768px) and (max-width:1023px) {
  .jli-oem-page .jli-inquiry-copy .jli-points { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
  .jli-oem-page .jli-section { padding:3rem 0; }
  .jli-oem-page .jli-hero { padding:2.75rem 0 3.5rem; }
  .jli-oem-page .jli-hero h1 { font-size:clamp(1.95rem,8.8vw,2.2rem); }
  .jli-oem-page .jli-hero p { font-size:1rem; }
  .jli-oem-page .jli-hero .jli-button--outline { padding:0; border:0; min-height:28px; transform:none; translate:none; box-shadow:none; background:transparent; text-decoration:underline; text-underline-offset:5px; }
  .jli-oem-page .jli-hero .jli-button--outline span { transform:none; }
  .jli-oem-page .jli-hero .jli-button--outline:hover { translate:none; box-shadow:none; background:transparent; color:var(--jl-blue)!important; }
  .jli-oem-page .jli-hero .jli-image { aspect-ratio:4/3; }
  .jli-oem-page .jli-oem-advantages .jli-feature { grid-template-columns:40px minmax(0,1fr); gap:1rem; }
  .jli-oem-icon-box { width:40px; height:40px; }
  .jli-oem-page .jli-oem-section-head { text-align:left; margin-bottom:2rem; }
  .jli-oem-page .jli-oem-section-head .jli-title:after { margin-inline:0; }
  .jli-oem-page .jli-oem-process .jli-steps { grid-template-columns:minmax(0,1fr); }
  .jli-oem-page .jli-card-body,.jli-oem-page .jli-oem-step-body { padding:1.4rem; }
  .jli-oem-tab-list { display:flex; overflow-x:auto; overscroll-behavior-x:contain; scroll-padding-inline:1rem; }
  .jli-oem-tab { flex:0 0 auto; min-height:4rem; padding:.9rem 1.1rem; white-space:nowrap; }
  .jli-oem-tab-panel { grid-template-columns:minmax(0,1fr); min-height:0; }
  .jli-oem-tab-media>.jli-image { height:16rem; padding:1rem; }
  .jli-oem-tab-copy { min-height:13rem; padding:1.75rem; }
  .jli-oem-page .jli-oem-tab-copy h3 { font-size:1.75rem; }
  .jli-oem-page .jli-oem-tab-copy p { font-size:.98rem; }
  .jli-oem-cert-logos { margin-top:1.75rem; padding-top:.85rem; }
  .jli-oem-cert-logos li { min-height:3.4rem; padding:.2rem .3rem; }
  .jli-oem-cert-logos img { width:88px; max-width:100%; height:32px; object-fit:contain; }
  .jli-oem-page .jli-oem-faq details { padding:0 1rem; }
  .jli-oem-page .jli-inquiry .jli-split { gap:2rem; }
  .jli-oem-page .jli-button { max-width:calc(100% - .6rem); font-size:.8rem; padding:.85rem 1rem; }
}
@media(prefers-reduced-motion:reduce) {
  .jli-oem-tab { transition:none; }
  .jli-oem-custom-tabs.is-enhanced .jli-oem-tab-panel { animation:none; }
  .jli-oem-page .jli-card { transition:none; }
  .jli-oem-page .jli-card:hover { transform:none; }
}

/* Match the FAQ page's open, rule-separated accordion treatment. */
.jli-oem-page .jli-oem-faq details { background:transparent; border:0; border-bottom:1px solid #d9e1eb; margin:0; padding:0; }
.jli-oem-page .jli-oem-faq details:first-of-type { border-top:1px solid #d9e1eb; }
.jli-oem-page .jli-oem-faq summary { padding:1.45rem 3rem 1.45rem 0; }
.jli-oem-page .jli-oem-faq summary h3 { font-size:1.25rem; line-height:1.4; transition:color .18s ease; }
.jli-oem-page .jli-oem-faq summary:hover h3,
.jli-oem-page .jli-oem-faq summary:focus-visible h3,
.jli-oem-page .jli-oem-faq details[open] summary h3 { color:var(--jl-blue); }
.jli-oem-page .jli-oem-faq details p { margin:0 0 1.5rem; padding-right:2rem; font-size:.96rem; line-height:1.8; color:#526071; }
.jli-oem-page .jli-oem-faq .jli-solution-faq-answer { overflow:hidden; }
@media(prefers-reduced-motion:reduce) { .jli-oem-page .jli-oem-faq summary h3 { transition:none; } }