/* Services catalogue — scoped to the JB public Services page */
.jb-catalogue{background:#fff;color:#112946;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5;overflow:clip}.jb-catalogue *{box-sizing:border-box}.jb-cat-container{max-width:1220px;margin-inline:auto;padding-inline:clamp(18px,4vw,38px)}.jb-catalogue a{text-decoration:none}.jb-cat-eyebrow{font-size:11px;letter-spacing:.19em;font-weight:750;color:#3372b7;text-transform:uppercase}.jb-cat-spark{font-size:18px;color:#3c83c8}.jb-cat-hero{background:radial-gradient(ellipse at 80% 20%,#e9f4ff 0,transparent 53%),#f8fbff;min-height:650px;display:grid;align-items:center;border-bottom:1px solid #dfeaf5;padding:95px 0 70px}.jb-cat-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:7%;align-items:center;width:100%}.jb-cat-hero-copy h1{font-size:clamp(44px,5.7vw,78px);font-weight:790;letter-spacing:-.07em;line-height:1.04;color:#0a2446;margin:21px 0 26px}.jb-cat-hero-copy h1 em{font-style:normal;color:#5384b9}.jb-cat-hero-copy>p:not(.jb-cat-eyebrow){color:#6c7d95;font-size:clamp(15px,1.5vw,19px);line-height:1.8;max-width:520px}.jb-cat-hero-links{display:flex;flex-wrap:wrap;gap:11px;margin:29px 0}.jb-cat-btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;font-weight:700;font-size:12px;border-radius:99px;padding:16px 23px;transition:transform .25s,background .25s,color .25s}.jb-cat-btn:hover{transform:translateY(-3px)}.jb-cat-btn-dark{background:#092c54;color:white}.jb-cat-btn-dark:hover{background:#2767a5;color:white}.jb-cat-btn-line{background:white;color:#184a7a;border:1px solid #cfdeef}.jb-cat-btn-white{background:#fff;color:#103359}.jb-cat-hero-caption{font-size:11px;letter-spacing:.045em;color:#8a9db4;margin-top:36px}
.jb-cat-hero-art{position:relative;height:420px;perspective:1300px;min-width:0;isolation:isolate}.jb-cat-device{position:absolute;background:#fff;border:1px solid #dce8f5;border-radius:17px;overflow:hidden;box-shadow:0 40px 65px -35px #39628d}.jb-cat-device-behind{width:75%;height:320px;top:15px;right:0;transform:rotate(7deg) translate3d(0,0,-35px);animation:jbCatFloat 7s ease-in-out infinite}.jb-cat-device-front{width:63%;height:260px;left:0;bottom:12px;transform:rotate(-7deg);animation:jbCatFloat2 7.8s ease-in-out infinite}.jb-cat-device-bar{height:36px;border-bottom:1px solid #e7eff7;display:flex;align-items:center;gap:5px;padding:0 12px;color:#9aaabd;font-size:9px}.jb-cat-device-bar i{width:7px;height:7px;border-radius:50%;background:#dae4ed}.jb-cat-device-bar span{margin-left:10px}.jb-cat-device-cover{height:205px;background:linear-gradient(125deg,#0a2b50,#164d80 65%,#9fd1ff);position:relative;padding:35px 28px;color:#fff;overflow:hidden;display:flex;align-items:center}.jb-cat-device-cover span{font-size:clamp(15px,1.7vw,26px);font-weight:500;letter-spacing:-.04em;line-height:1.18;position:relative;z-index:2}.jb-cat-device-cover span strong{font-weight:820}.jb-cat-float-circle{position:absolute;width:205px;height:205px;border:34px solid #80c0ec90;border-radius:50%;right:-20px;bottom:-60px;box-shadow:-30px -30px 45px #fff2}.jb-cat-device-bottom{display:flex;gap:10px;padding:14px}.jb-cat-device-bottom span{flex:1;height:32px;background:#edf4fc;border-radius:6px}.jb-cat-demo-metric{margin:15px 24px;font-size:25px;letter-spacing:-.05em;font-weight:800}.jb-cat-demo-metric small{font-size:9px;display:block;letter-spacing:0;font-weight:500;color:#869bb3}.jb-cat-demo-bars{display:flex;height:92px;gap:11px;align-items:end;margin:0 25px}.jb-cat-demo-bars i{flex:1;background:linear-gradient(#419be3,#d6edff);border-radius:4px 4px 0 0;animation:jbCatBar 1s both}.jb-cat-demo-bars i:nth-child(even){animation-delay:.2s}.jb-cat-mini-bars{display:flex;gap:10px;padding:14px 25px}.jb-cat-mini-bars span{height:7px;border-radius:6px;background:#ebf3fa;width:37%}.jb-cat-floating-label{position:absolute;z-index:5;right:0;bottom:0;background:#0b315d;color:white;border-radius:99px;padding:12px 18px;font-size:11px;box-shadow:0 12px 22px #0b315d20}
.jb-cat-nav{background:#fff;border-bottom:1px solid #e0e8f3;position:sticky;top:var(--jb-header-height,74px);z-index:14;box-shadow:0 5px 20px #19395708}.jb-cat-nav>.jb-cat-container{display:flex;overflow-x:auto;scrollbar-width:none;gap:38px}.jb-cat-nav a{white-space:nowrap;padding:19px 0 17px;font-size:12px;color:#7f91a5;font-weight:640;border-bottom:2px solid transparent}.jb-cat-nav a:hover,.jb-cat-nav a.is-active{border-bottom-color:#3078be;color:#1d5c9c}.jb-cat-section{padding:clamp(70px,8vw,125px) 0;scroll-margin-top:150px}.jb-cat-tint{background:#f7faff}.jb-cat-section-head{display:grid;grid-template-columns:1.04fr .7fr;gap:9%;align-items:end;margin-bottom:42px}.jb-cat-section-head h2{font-size:clamp(34px,4.5vw,64px);line-height:1.08;letter-spacing:-.057em;color:#102c51;margin:17px 0 0;font-weight:790}.jb-cat-section-head h2 span{color:#6390bd}.jb-cat-section-head>p{font-size:15px;line-height:1.85;color:#798ba2;margin:0 0 5px}.jb-cat-feature-strip{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.jb-cat-feature-strip span{font-size:11px;border:1px solid #d9e6f4;background:#fff;color:#3d6393;border-radius:50px;padding:9px 12px}.jb-cat-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}.jb-cat-plan{min-width:0;border:1px solid #dbe5f1;border-radius:17px;background:white;display:flex;flex-direction:column;padding:30px 26px 23px;box-shadow:0 15px 40px -33px #1c457b3b;transition:box-shadow .25s,transform .25s,border-color .25s}.jb-cat-plan:hover{transform:translateY(-8px);box-shadow:0 27px 43px -28px #21598760;border-color:#91b7e1}.jb-cat-plan.is-featured{border-color:#8cb6e4;box-shadow:0 15px 45px -28px #2a71b742}.jb-cat-plan-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.jb-cat-plan-head small{font-size:9px;color:#3d7bbb;font-weight:750;letter-spacing:.17em}.jb-cat-plan-head h3{margin:11px 0 0;font-size:25px;letter-spacing:-.05em;color:#0d2c50}.jb-cat-plan-arrow{font-size:25px;color:#78a5d3}.jb-cat-plan-price{display:flex;flex-direction:column;margin:23px 0 13px}.jb-cat-plan-price strong{font-size:clamp(24px,2.6vw,36px);white-space:normal;line-height:1.14;letter-spacing:-.06em;color:#103456}.jb-cat-plan-price span{font-size:11px;color:#94a4b5;margin-top:5px}.jb-cat-plan-description{font-size:13px;color:#7b8ca1;line-height:1.7;min-height:48px}.jb-cat-plan-rule{height:1px;background:#e9eff6;margin:23px 0}.jb-cat-plan-includes{font-size:10px;font-weight:780;color:#55789f;letter-spacing:.13em}.jb-cat-plan ul{list-style:none;padding:0;margin:17px 0 26px;display:grid;gap:13px;flex:1}.jb-cat-plan li{color:#455f7d;font-size:12px;line-height:1.65;display:grid;grid-template-columns:16px 1fr;gap:9px}.jb-cat-plan li:before{content:'✓';font-size:12px;color:#3985c9;font-weight:800}.jb-cat-plan-cta{border:1px solid #dce8f5;border-radius:9px;padding:13px 15px;background:#f7fbff;color:#205e9d;font-size:12px;font-weight:730;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .2s,color .2s}.jb-cat-plan-cta:hover{background:#0c325c;color:white}.jb-cat-commerce-flow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 25px;border:1px solid #d7e5f4;background:white;border-radius:12px;color:#436e9f;font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:28px}.jb-cat-commerce-flow i{font-size:21px;color:#9bb8d8;font-style:normal}
.jb-cat-marketing-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:35px;margin-bottom:35px}.jb-cat-market-visual{background:#f4f9fe;border:1px solid #dceaf8;border-radius:15px;padding:23px;overflow:hidden}.jb-cat-market-label{color:#4582bc;font-size:10px;font-weight:730;letter-spacing:.14em}.jb-cat-market-steps{display:flex;justify-content:space-between;margin-top:25px;color:#56779f;font-size:11px}.jb-cat-market-visual svg{width:100%;margin-top:13px;overflow:visible}.jb-cat-chart-grid{stroke:#dce8f3;stroke-dasharray:2 8;stroke-width:1;fill:none}.jb-cat-marketing-line{stroke:#327ac2;stroke-width:4;stroke-linecap:round;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 2.3s ease}.jb-cat-market-visual.is-visible .jb-cat-marketing-line{stroke-dashoffset:0}.jb-cat-market-visual circle{fill:#3585c5;stroke:#d8f0ff;stroke-width:7}.jb-cat-market-notes{display:flex;flex-wrap:wrap;gap:7px}.jb-cat-market-notes span{font-size:10px;padding:7px 10px;background:white;color:#5780a7;border-radius:30px;border:1px solid #d9e7f5}.jb-cat-market-copy h3{font-size:25px;letter-spacing:-.04em;margin:0 0 12px}.jb-cat-market-copy p{font-size:13px;line-height:1.8;color:#758ba1}.jb-cat-market-copy ul{columns:2;column-gap:19px;list-style:none;padding:0;margin:18px 0}.jb-cat-market-copy li{font-size:11px;line-height:1.7;color:#55718e;margin:9px 0;break-inside:avoid}.jb-cat-market-copy li:before{content:'↗';color:#367ab4;margin-right:7px}.jb-cat-info-note{margin-top:23px;font-size:12px;color:#798ba2;padding-left:12px;border-left:2px solid #9bbce0}.jb-cat-addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.jb-cat-addon-card{background:#f8fbff;border:1px solid #dae7f5;padding:26px;border-radius:15px}.jb-cat-addon-heading{padding-bottom:22px}.jb-cat-addon-heading span{font-size:10px;letter-spacing:.17em;color:#4780b9;font-weight:750}.jb-cat-addon-heading h3{margin:12px 0 0;font-size:22px;letter-spacing:-.04em}.jb-cat-addon-row{border-top:1px solid #dde9f6;padding:16px 0;display:flex;justify-content:space-between;gap:16px;align-items:baseline;font-size:13px;color:#5e7290}.jb-cat-addon-row b{white-space:nowrap;color:#1c568c;font-weight:740}.jb-cat-addon-note{border-top:1px solid #e2edf7;padding-top:19px;font-size:11px;line-height:1.7;color:#8297ad}.jb-cat-process{background:#f7faff}.jb-cat-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.jb-cat-process-step{position:relative;border:1px solid #dce7f3;background:white;padding:24px 18px;border-radius:12px}.jb-cat-process-step:not(:last-child):after{content:'→';position:absolute;top:29px;right:-16px;color:#307abc;z-index:2;font-size:18px}.jb-cat-process-step>span{font-size:22px;color:#5290cb;font-weight:720}.jb-cat-process-step h3{font-size:17px;margin:29px 0 8px;color:#153756}.jb-cat-process-step p{font-size:11px;line-height:1.7;color:#7b90a6;margin:0}.jb-cat-terms{margin-top:32px;background:#eaf2fc;border-radius:12px;padding:23px 27px}.jb-cat-terms h3{font-size:15px;margin:0 0 8px;color:#1b537e}.jb-cat-terms p{font-size:12px;line-height:1.8;margin:0;color:#657d98}.jb-cat-outro{padding:70px 0;background:#0a294e;color:white}.jb-cat-outro-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.jb-cat-outro .jb-cat-eyebrow{color:#95c5f6}.jb-cat-outro h2{font-size:clamp(30px,3.8vw,52px);letter-spacing:-.05em;line-height:1.1;margin:20px 0}.jb-cat-outro h2 span{color:#96c2f1}.jb-cat-outro p:not(.jb-cat-eyebrow){font-size:13px;color:#b4c9e3;line-height:1.8;max-width:650px}.jb-cat-outro .jb-cat-btn{flex:none}
.jb-cat-initial [data-cat-reveal]{opacity:0;transform:translateY(23px);transition:opacity .68s ease,transform .68s ease}.jb-cat-initial [data-cat-reveal].is-visible{opacity:1;transform:none}@keyframes jbCatFloat{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(5deg) translateY(-11px)}}@keyframes jbCatFloat2{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-6deg) translateY(12px)}}@keyframes jbCatBar{from{transform:scaleY(.05);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
@media(max-width:1050px){.jb-cat-hero-grid{gap:2%}.jb-cat-plan{padding:25px 19px 19px}.jb-cat-plan-head h3{font-size:22px}.jb-cat-commerce-flow{padding:16px 12px}.jb-cat-section-head{gap:3%}}
@media(max-width:800px){.jb-cat-hero{padding:70px 0 45px;min-height:0}.jb-cat-hero-grid{grid-template-columns:1fr;gap:10px}.jb-cat-hero-art{height:330px;margin-top:0;max-width:650px;width:100%}.jb-cat-hero-caption{margin-top:18px}.jb-cat-device-behind{height:260px}.jb-cat-device-front{height:200px}.jb-cat-device-cover{height:165px}.jb-cat-section-head{grid-template-columns:1fr;gap:15px}.jb-cat-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jb-cat-market-visual{order:2}.jb-cat-marketing-grid{grid-template-columns:1fr}.jb-cat-process-grid{grid-template-columns:repeat(3,1fr)}.jb-cat-process-step:after{display:none}.jb-cat-nav{top:0}}
@media(max-width:580px){.jb-cat-hero-copy h1{font-size:45px}.jb-cat-hero-art{height:270px}.jb-cat-device-behind{width:82%;height:210px}.jb-cat-device-front{width:69%;height:175px;bottom:10px}.jb-cat-device-cover{height:115px;padding:18px}.jb-cat-device-cover span{font-size:16px}.jb-cat-demo-metric{font-size:17px;margin:7px 14px}.jb-cat-demo-bars{height:60px;margin:0 15px}.jb-cat-floating-label{font-size:9px}.jb-cat-nav>.jb-cat-container{gap:22px}.jb-cat-plan-grid,.jb-cat-addon-grid{grid-template-columns:1fr}.jb-cat-plan{padding:25px}.jb-cat-plan-price strong{font-size:32px}.jb-cat-section{padding:66px 0}.jb-cat-commerce-flow{overflow:auto;justify-content:flex-start;gap:9px;font-size:9px}.jb-cat-commerce-flow span{white-space:nowrap}.jb-cat-market-copy ul{columns:1}.jb-cat-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jb-cat-outro-inner{flex-direction:column;align-items:stretch}.jb-cat-outro .jb-cat-btn{align-self:flex-start}.jb-cat-addon-row{font-size:12px}.jb-cat-addon-row b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.jb-catalogue *, .jb-catalogue *::before,.jb-catalogue *::after{animation:none!important;transition:none!important}.jb-cat-initial [data-cat-reveal]{opacity:1;transform:none}.jb-cat-marketing-line{stroke-dashoffset:0}}