
.desktop-process-strip{margin:48px 0 64px;min-width:0}
.desktop-process-strip h3{margin:10px 0;font-size:clamp(24px,3vw,36px)}
.desktop-process-strip>p{max-width:640px;margin:0 0 22px;line-height:1.6}
.desktop-process-images{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.desktop-process-images figure{margin:0;min-width:0}
.desktop-process-images button{display:block;width:100%;padding:0;border:1px solid #8885;border-radius:10px;overflow:hidden;background:#eee;cursor:zoom-in}
.desktop-process-images img{display:block;width:100%;height:180px;object-fit:contain;background:#e8e8e8}
.desktop-process-images figcaption{font-size:12px;line-height:1.5;margin-top:9px}
@media(max-width:700px){.desktop-process-images{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x proximity;padding-bottom:12px}.desktop-process-images figure{flex:0 0 78%;scroll-snap-align:start}.desktop-process-images img{height:210px}}
.jd-hero{margin:48px 0 0}
.jd-hero-row{display:grid;grid-template-columns:1fr 1.547fr;gap:16px;align-items:stretch}
.jd-hero .image-open{display:block;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;cursor:zoom-in;background:#ddd}
.jd-hero img{display:block;width:100%;height:100%;object-fit:cover}
.jd-hero-app{border:1px solid #8884!important;background:#fff!important}
.jd-hero figcaption{font-size:12px;color:var(--muted);margin-top:10px}
@media(max-width:700px){.jd-hero-row{grid-template-columns:1fr}}
#jlab-desktop .jd-problem-compare{display:block;margin:96px 0 40px}
#jlab-desktop .jd-problem-compare .jd-problem-text{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:56px;align-items:start}
#jlab-desktop .jd-problem-compare .jd-problem-text>.eyebrow,#jlab-desktop .jd-problem-compare .jd-problem-text>h3{grid-column:1}
#jlab-desktop .jd-problem-compare .jd-problem-text>p{grid-column:2;max-width:56ch}
#jlab-desktop .jd-problem-compare .jd-problem-text>.eyebrow{grid-row:1}#jlab-desktop .jd-problem-compare .jd-problem-text>h3{grid-row:2 / span 2;margin-top:0;align-self:start}#jlab-desktop .jd-problem-compare .jd-problem-text>p:nth-of-type(1){grid-row:2;margin-top:6px}#jlab-desktop .jd-problem-compare .jd-problem-text>p:nth-of-type(2){grid-row:3}
.jd-anim{position:relative;display:block}
.jd-anim img{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:jdFrame 7.5s infinite}
.jd-anim img:nth-child(1){position:relative}
.jd-anim img:nth-child(2){animation-delay:2.5s}
.jd-anim img:nth-child(3){animation-delay:5s}
@keyframes jdFrame{0%{opacity:0}4%{opacity:1}33%{opacity:1}37%{opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.jd-anim img{animation:none}.jd-anim img:nth-child(3){opacity:1}}
@media(max-width:700px){#jlab-desktop .jd-problem-compare .jd-problem-text{display:block}}
.jd-switch{margin:44px 0 0}
.jd-switch-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.jd-switch-tabs{display:flex;gap:6px;flex-wrap:wrap}
.jd-switch-tabs button,.jd-switch-arrows button{font:inherit;font-size:12px;color:var(--muted);background:none;border:1px solid #8884;border-radius:999px;padding:6px 12px;cursor:pointer}
.jd-switch-tabs button[aria-selected=true]{color:var(--ink,inherit);border-color:currentColor}
.jd-switch-arrows{display:flex;gap:6px}.jd-switch-arrows button{width:34px;padding:6px 0}
.jd-switch-grid{display:grid;grid-template-columns:minmax(0,1.407fr) minmax(0,1.547fr);gap:24px;align-items:start}
.jd-switch-col{min-width:0}
.jd-compare-col{display:block;font-size:12px;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}
.jd-stack{position:relative;border:1px solid #8885;border-radius:10px;overflow:hidden;background:#fff}
.jd-switch-before .jd-stack{aspect-ratio:2000/1422}.jd-switch-after .jd-stack{aspect-ratio:1600/1034}
.jd-layer{position:absolute;inset:0;opacity:0;transition:opacity .22s ease}
.jd-layer.on{opacity:1;z-index:1}
.jd-layer .image-open{display:block;width:100%;height:100%;padding:0;border:0;background:#fff;cursor:zoom-in}
.jd-layer img{display:block;width:100%;height:100%;object-fit:cover}
.jd-cap{display:none;font-size:13px;line-height:1.5;margin:10px 0 0;max-width:52ch}
.jd-cap.on{display:block}
.jd-compare-tag{display:none;font-weight:600}
@media(max-width:700px){.jd-switch-grid{grid-template-columns:1fr}.jd-compare-col{display:none}.jd-compare-tag{display:inline}.jd-switch-head{flex-wrap:wrap}}
.jd-tree{margin:88px 0 72px}
.jd-tree-head{max-width:640px;margin-bottom:22px}
.jd-tree-head h3{margin:10px 0 12px}
.jd-tree-head p{margin:0;line-height:1.6}
