/* Keep the initial slide full width while the carousel scripts load. */
.jh-solutions:not(.is-initialized) .splide__list{display:block}
.jh-solutions:not(.is-initialized) .splide__slide:first-child{width:100%}
body.home{--jh-navy:#102a43;--jh-teal:#008c95;--jh-muted:#60758b;background:#fff;color:var(--jh-navy)}
body.home .content-area{margin:0!important}body.home .entry-content{margin:0!important}body.home .entry-content>.jh-home-design{margin-top:0;margin-bottom:0}body.home .entry-header{display:none}body.home .site-main{padding:0}body.home .content-container{padding-top:0;padding-bottom:0}body.home .entry{box-shadow:none;background:#fff}body.home .entry-content-wrap{padding-top:0;padding-bottom:0}
body.home #primary-menu>li>a{color:var(--jh-navy);font-size:17px}body.home #primary-menu>li>a:hover{color:var(--jh-teal)}body.home .jh-trial-menu>a{background:var(--jh-teal);color:#fff!important;border-radius:7px;padding:12px 22px!important;gap:18px}body.home .jh-trial-menu>a:hover{background:#00757d}body.home .site-header-main-section-right{padding-right:0}body.home .site-header-row-container-inner{background:#fff}
.jh-home-design{font-family:inherit}.jh-home-design a{text-decoration:none}.jh-solutions{background:var(--jh-navy)}.jh-solutions .splide__list{margin:0;padding:0;list-style:none}.jh-solutions:not(.is-initialized) .splide__slide:not(:first-child){display:none}.jh-solutions .splide__slide{padding:0!important;margin:0!important}.jh-solution{position:relative;display:flex;align-items:center;min-height:410px;overflow:hidden;background:var(--jh-navy);color:#fff!important}.jh-solution-image{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:75% center}.jh-solution:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,35,54,.98) 0%,rgba(9,35,54,.92) 25%,rgba(9,35,54,.5) 53%,rgba(9,35,54,.08) 100%)}.jh-solution-content{position:relative;z-index:1;width:min(1180px,100% - 120px);margin:0 auto;padding:46px 0 65px}.jh-solution-eyebrow{display:block;border-left:4px solid #17c2bd;padding-left:14px;font-size:15px;font-weight:600;letter-spacing:.06em;margin-bottom:20px}.jh-solution h1,.jh-solution h2{color:#fff;font-size:clamp(28px,3.7vw,50px);line-height:1.25;font-weight:700;max-width:560px;margin:0 0 18px;overflow-wrap:anywhere}.jh-solution p{max-width:530px;color:#e4edf2;font-size:16px;line-height:1.8;margin:0 0 25px}.jh-solution-cta{display:inline-flex;align-items:center;gap:26px;background:var(--jh-teal);padding:13px 24px;border-radius:6px;font-size:16px;font-weight:600}.jh-solution:hover .jh-solution-cta{background:#00a3a9}.jh-solutions .splide__arrow{width:40px;height:40px;background:#082336;border:1px solid #ffffff55;opacity:.95}.jh-solutions .splide__arrow svg{fill:#fff;width:16px;height:16px}.jh-solutions .splide__arrow--prev{left:18px}.jh-solutions .splide__arrow--next{right:18px}.jh-solutions .splide__pagination{bottom:18px;gap:7px}.jh-solutions .splide__pagination__page{background:#a6b6c1;width:9px;height:9px;opacity:1}.jh-solutions .splide__pagination__page.is-active{background:#10b9b2;transform:scale(1.15)}.jh-carousel-pause{position:absolute;bottom:12px;left:24px;z-index:2;background:#102a43b8;border:1px solid #ffffff55;color:#fff;font-size:11px;padding:5px 9px;border-radius:4px}.jh-carousel-pause:hover{background:#102a43}
.jh-home-middle{max-width:1300px;margin:0 auto;padding:28px 32px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:32px}.jh-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.jh-module{position:relative;display:flex;flex-direction:column;justify-content:center;gap:13px;min-height:152px;padding:24px 28px 32px;background:#f2f7fa;border:1px solid transparent;border-radius:8px;color:var(--jh-navy)!important;transition:background .2s,border-color .2s,transform .2s}.jh-module:hover{background:#eaf5f5;border-color:#c2dfdf;transform:translateY(-2px)}.jh-module svg{width:45px;height:45px}.jh-module>span:not(.jh-module-arrow){font-size:18px;font-weight:700;line-height:1.4}.jh-module-arrow{position:absolute;right:20px;bottom:13px;font-size:23px;color:var(--jh-teal)}.jh-news{border-left:1px solid #e0e9ef;padding-left:28px}.jh-news-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px}.jh-news-heading h2{font-size:20px;color:var(--jh-navy);margin:0;font-weight:700}.jh-news-heading>a{font-size:11px;color:var(--jh-muted);white-space:nowrap}.jh-news-heading>a span{color:var(--jh-teal);padding-left:4px}.jh-news ul{list-style:none;margin:0;padding:0}.jh-news li{margin:0;border-bottom:1px solid #e0e9ef}.jh-news li:last-child{border:0}.jh-news li>a{display:flex;gap:15px;padding:12px 0;color:var(--jh-navy)}.jh-news li svg{width:21px;height:25px;flex-shrink:0;margin-top:2px}.jh-news-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.jh-news-title{font-size:13px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.jh-news time{font-size:11px;color:#73879c;line-height:1.4}.jh-news a:hover .jh-news-title{color:var(--jh-teal)}
.jh-home-footer{background:var(--jh-navy);color:#d0dde6}.jh-footer-inner{max-width:1300px;margin:auto;padding:30px 32px;display:grid;grid-template-columns:1.3fr repeat(4,.8fr) 1.3fr;gap:24px}.jh-footer-brand{display:flex;flex-direction:column;gap:7px}.jh-footer-brand strong{font-size:29px;color:#fff}.jh-footer-brand span{font-size:16px;letter-spacing:.14em}.jh-footer-brand small{font-size:13px;overflow-wrap:anywhere}.jh-footer-links h2{font-size:17px;color:#fff;margin:0 0 9px}.jh-footer-links>a{display:block;color:#c4d3df;font-size:16px;line-height:1.9}.jh-footer-links>a:hover{color:#fff}.jh-footer-contact>span{font-size:16px;display:block}.jh-footer-contact>a{display:block;color:#fff;font-size:21px}.jh-footer-contact .jh-footer-line{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:15px;color:#d0dde6;line-height:1.8}.jh-footer-line img{width:64px;height:64px;flex-shrink:0;background:#fff;padding:3px;border-radius:4px}.jh-home-design a:focus-visible,.jh-home-design button:focus-visible{outline:3px solid #18c5c0;outline-offset:4px}
@media(max-width:1024px){.jh-home-middle{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);padding:24px;gap:22px}.jh-module{padding:20px;min-height:145px}.jh-module>span:not(.jh-module-arrow){font-size:16px}.jh-news{padding-left:20px}.jh-footer-inner{grid-template-columns:repeat(3,1fr)}.jh-solution-content{width:calc(100% - 110px)}}
@media(max-width:767px){.jh-solution{min-height:390px}.jh-solution-content{width:calc(100% - 80px);padding:35px 0 65px}.jh-solution h1,.jh-solution h2{font-size:31px;max-width:90%}.jh-solution p{font-size:14px;max-width:90%}.jh-solution:after{background:linear-gradient(90deg,rgba(9,35,54,.94),rgba(9,35,54,.65))}.jh-solutions .splide__arrow{width:28px;height:36px}.jh-solutions .splide__arrow--prev{left:5px}.jh-solutions .splide__arrow--next{right:5px}.jh-home-middle{grid-template-columns:1fr;padding:20px;gap:26px}.jh-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.jh-module{padding:18px 14px 32px;min-height:130px;gap:12px}.jh-module svg{width:36px;height:36px}.jh-module>span:not(.jh-module-arrow){font-size:14px}.jh-news{border-left:0;border-top:1px solid #e0e9ef;padding:20px 0 0}.jh-news-title{font-size:14px}.jh-footer-inner{grid-template-columns:repeat(2,1fr);padding:28px 24px 90px;gap:26px}.jh-footer-brand,.jh-footer-contact{grid-column:1/-1}.jh-carousel-pause{left:12px}}
.jh-solution--diagram:after{display:none}.jh-solution--diagram .jh-solution-image--diagram{left:auto;right:4%;width:53%;object-fit:contain}.jh-solution--diagram h1,.jh-solution--diagram h2,.jh-solution--diagram p{max-width:40%}
@media(max-width:767px){.jh-solution--diagram{display:block;min-height:0;padding-bottom:42px}.jh-solution--diagram .jh-solution-content{padding:28px 0 20px}.jh-solution--diagram h1,.jh-solution--diagram h2,.jh-solution--diagram p{max-width:100%}.jh-solution--diagram .jh-solution-image--diagram{position:relative;display:block;inset:auto;width:calc(100% - 64px);height:auto!important;margin:0 auto}.jh-solution--diagram .jh-solution-content{position:relative}.jh-solution--diagram{display:flex;flex-direction:column}.jh-solution--diagram .jh-solution-content{order:-1}.jh-solution--diagram .jh-solution-cta{padding:10px 18px;font-size:14px}}
.jh-solution--mqtt-photo{background:linear-gradient(90deg,#102a43 0%,#102a43 35%,#fff 75%)}
.jh-solution--mqtt-photo .jh-solution-image{left:auto;right:0;width:64%;height:100%!important;object-fit:contain;object-position:right center}
.jh-solution--mqtt-photo:after{background:linear-gradient(90deg,#102a43 0%,rgba(16,42,67,.96) 30%,rgba(16,42,67,.45) 43%,transparent 58%)}
.jh-solution--mqtt-photo h1,.jh-solution--mqtt-photo h2,.jh-solution--mqtt-photo p{max-width:40%}
@media(max-width:767px){.jh-solution--mqtt-photo{flex-direction:column;min-height:0;padding-bottom:40px;background:#102a43}.jh-solution--mqtt-photo:after{display:none}.jh-solution--mqtt-photo .jh-solution-content{padding:30px 0 22px}.jh-solution--mqtt-photo h1,.jh-solution--mqtt-photo h2,.jh-solution--mqtt-photo p{max-width:100%}.jh-solution--mqtt-photo .jh-solution-image{position:relative;inset:auto;order:2;display:block;width:calc(100% - 32px);height:auto!important;margin:0 16px;border-radius:8px}}
.jh-module--art,.jh-module--art:hover{background:#fff;padding:0;min-height:0;aspect-ratio:auto;border:1px solid #e0ebef;border-radius:8px;gap:0;justify-content:flex-start;overflow:hidden}
.jh-module--art .jh-module-illustration{display:block;width:100%;aspect-ratio:1811/855;background-image:var(--jh-module-art);background-size:300% 304.56%;background-position:var(--jh-module-position);background-repeat:no-repeat;flex-shrink:0}
.jh-module--art .jh-module-label{display:block;padding:12px 40px 16px 18px;background:#fff;width:100%;font-size:17px;font-weight:700;line-height:1.4}
.jh-module--art .jh-module-arrow{bottom:11px;right:15px}
@media(max-width:767px){.jh-module--art .jh-module-label{font-size:15px;padding:10px 32px 13px 12px}.jh-module--art .jh-module-arrow{right:10px;bottom:8px}}
.jh-module-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){.jh-module-grid:has(.jh-module--art){grid-template-columns:repeat(2,minmax(0,1fr))}}
.jh-news li>a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0}
.jh-news-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#eaf5f4;color:#008c95}
.jh-news li .jh-news-icon svg{width:18px;height:18px;margin:0;stroke-width:1.6}
.jh-news time{text-align:right;white-space:nowrap;font-size:11px;align-self:center}
.jh-news a:hover .jh-news-icon{background:#d6eeeb;color:#00747d}
@media(max-width:380px){.jh-news li>a{grid-template-columns:27px minmax(0,1fr) auto;gap:7px}.jh-news-icon{width:27px;height:27px}.jh-news time{font-size:10px}}
@media(prefers-reduced-motion:reduce){.jh-module{transition:none}.jh-module:hover{transform:none}}
/* Increase news article titles by two font-size steps. */
.jh-news-title{font-size:17px}
@media(max-width:767px){.jh-news-title{font-size:18px}}
.jh-news time{font-size:13px}
@media(max-width:380px){.jh-news time{font-size:12px}}
/* Blend the complete shopping platform diagram into a light blue hero. */
.jh-solution--shopping{min-height:500px;background:linear-gradient(110deg,#edf8ff,#e2f3ff 55%,#f5fbff)}
.jh-solution--shopping:after{display:none}
.jh-solution--shopping .jh-solution-image{left:auto;right:0;width:68%;object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.jh-solution--shopping h1,.jh-solution--shopping h2{max-width:30%;color:var(--jh-navy);font-size:clamp(28px,3vw,42px)}
.jh-solution--shopping p{max-width:30%;color:#36536d}
.jh-solution--shopping .jh-solution-eyebrow{color:var(--jh-navy)}
@media(max-width:1024px) and (min-width:768px){.jh-solution--shopping .jh-solution-content{width:calc(100% - 90px)}.jh-solution--shopping h1,.jh-solution--shopping h2{font-size:30px}.jh-solution--shopping p{font-size:14px}}
@media(max-width:767px){.jh-solution--shopping{flex-direction:column;min-height:0;padding-bottom:42px}.jh-solution--shopping .jh-solution-content{padding:30px 0 22px}.jh-solution--shopping h1,.jh-solution--shopping h2,.jh-solution--shopping p{max-width:100%}.jh-solution--shopping .jh-solution-image{position:relative;inset:auto;order:2;width:100%;height:auto!important;mask-image:none}}
.jh-solutions.splide .splide__arrow{background:transparent;border:0;box-shadow:none;opacity:.85}
.jh-solutions.splide .splide__arrow:hover,.jh-solutions.splide .splide__arrow:focus-visible{background:transparent;opacity:1}
.jh-solutions.splide .splide__arrow svg{width:26px;height:26px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.65))}
.jh-solutions.splide:has(.splide__slide.is-active .jh-solution--shopping) .splide__arrow svg{fill:var(--jh-navy)}
/* Stretch each hero to the tallest slide so no navy strip remains below it. */
.jh-solutions .splide__list{align-items:stretch}
.jh-solutions .splide__slide{display:flex;align-items:stretch}
.jh-solutions .jh-solution{flex:1;width:100%;min-width:0}
.jh-solutions.splide .splide__pagination{bottom:18px}