.jb-case-study{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;background:#fff;color:#0a2345}
.jb-case-container{max-width:1130px;width:calc(100% - 44px);margin-inline:auto}
.jb-case-hero{padding:clamp(80px,9vw,160px) 0 64px;background:linear-gradient(125deg,#071e3e,#0b356a 70%,#154b82);color:#fff}
.jb-case-back{display:inline-block;color:#c7daf0;text-decoration:none;border-bottom:1px solid #6985a6;padding-bottom:4px;margin-bottom:48px;font-size:13px}
.jb-case-eyebrow{font-size:11px;font-weight:730;letter-spacing:.2em;color:#4683c9;text-transform:uppercase;margin:0 0 16px}
.jb-case-hero .jb-case-eyebrow{color:#a7c5e7}
.jb-case-hero h1{font-size:clamp(48px,7.5vw,104px);line-height:1.05;letter-spacing:-.06em;font-weight:780;max-width:980px;margin:0}
.jb-case-summary{font-size:clamp(17px,2vw,22px);color:#cfdef0;max-width:740px;line-height:1.6;margin:28px 0 45px}
.jb-case-info-bar{display:flex;gap:38px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.2);padding:26px 0}
.jb-case-info-bar>span{display:flex;flex-direction:column;gap:8px;min-width:110px}
.jb-case-info-bar small{font-size:10px;letter-spacing:.17em;color:#9ebcdc}
.jb-case-info-bar strong{font-size:14px;line-height:1.4;font-weight:650}
.jb-case-visit{display:inline-flex;gap:28px;align-items:center;padding:15px 23px;border-radius:32px;background:#fff;color:#08284f;text-decoration:none;font-weight:750;margin-top:15px;transition:transform .2s,background .2s}
.jb-case-visit:hover{transform:translateY(-2px);background:#e3f1ff}
.jb-case-cover{margin-top:-1px;padding-top:46px}
.jb-case-cover img{width:100%;display:block;max-height:650px;object-fit:contain;background:#ecf2f9;border-radius:20px;border:1px solid #d5e1ed}
.jb-case-cover p{font-size:11px;color:#7589a0;margin:10px 0 0}
.jb-case-body{padding-top:65px}
.jb-case-section{padding:50px 0;border-bottom:1px solid #e4ebf5}
.jb-case-section h2{font-size:clamp(30px,4.5vw,56px);line-height:1.12;letter-spacing:-.048em;font-weight:770;margin:0 0 23px}
.jb-case-prose{max-width:770px;color:#526982;font-size:17px;line-height:1.95}
.jb-case-prose p{margin:0}
.jb-case-list{list-style:none;counter-reset:jbSteps;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:0}
.jb-case-list li{counter-increment:jbSteps;border:1px solid #d7e4f2;border-radius:13px;padding:21px 22px;color:#294768;background:#f9fbfe;line-height:1.55}
.jb-case-list li:before{content:counter(jbSteps,decimal-leading-zero);display:block;margin-bottom:13px;color:#4e88c3;font-weight:760;font-size:12px}
.jb-case-features,.jb-case-tags{display:flex;gap:10px;flex-wrap:wrap}
.jb-case-features span,.jb-case-tags span{border:1px solid #d2e0ef;border-radius:40px;color:#23476d;background:#f7fafd;padding:11px 17px;font-size:13px;line-height:1.3}
.jb-case-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.jb-case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.jb-case-gallery a{background:#f0f5fa;border:1px solid #dbe7f3;padding:10px;border-radius:15px;display:block;overflow:hidden}
.jb-case-gallery img{width:100%;height:280px;object-fit:contain;display:block;transition:transform .4s}
.jb-case-gallery a:hover img{transform:scale(1.025)}
.jb-case-cta{text-align:center;background:#eef5fc;border-radius:24px;padding:clamp(35px,6vw,80px) 24px;margin:70px auto}
.jb-case-cta h2{font-size:clamp(27px,4vw,46px);letter-spacing:-.04em;margin:0 0 15px}
.jb-case-cta p{color:#63768d;margin:0 0 24px}
.jb-case-cta a{display:inline-block;text-decoration:none;background:#0a2d56;border-radius:50px;color:white;padding:14px 23px;font-weight:700}
.jb-case-next{display:block;background:#091f3c;text-decoration:none;color:#fff;padding:42px 0;margin-top:45px}
.jb-case-next .jb-case-container{display:flex;justify-content:space-between;align-items:center;gap:20px}
.jb-case-next span{font-size:11px;letter-spacing:.18em;color:#aac8e5}
.jb-case-next strong{font-size:clamp(19px,3vw,38px);letter-spacing:-.03em}
@media(max-width:700px){.jb-case-hero{padding-top:92px}.jb-case-info-bar{gap:20px}.jb-case-list,.jb-case-gallery,.jb-case-meta-grid{grid-template-columns:1fr}.jb-case-gallery img{height:240px}.jb-case-next .jb-case-container{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){.jb-case-study *{transition:none!important;animation:none!important}}