Hypershell X Max S
The Hypershell X Max S is a 1000 W powered outdoor exoskeleton with dual 22 N·m motors, up to 30 km stated walking range per charge, ten adaptive movement modes, a removable 72 Wh battery, carbon-fibre and aluminium construction, IP54 protection and app-connected HyperIntuition™ control. Explore X Max S features, fit, runtime, specifications, included equipment and the Hypershell S-series comparison at Jacobs Digital New Zealand. #jd-hsx, #jd-hsx * { box-sizing: border-box; } #jd-hsx { position: relative; left: auto; width: 100%; max-width: 1280px; min-width: 0; margin: 0 auto; overflow: hidden; background: #050505; color: #f7f7f2; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.55; text-align: left; -webkit-font-smoothing: antialiased; } #jd-hsx img, #jd-hsx video, #jd-hsx picture { display: block; float: none; max-width: 100%; margin: 0; } #jd-hsx img, #jd-hsx video { width: 100%; border: 0; } #jd-hsx video { background: #050505; } #jd-hsx a { color: inherit; text-decoration: none; } #jd-hsx button, #jd-hsx input, #jd-hsx select, #jd-hsx a { font: inherit; } #jd-hsx h2, #jd-hsx h3, #jd-hsx p, #jd-hsx figure, #jd-hsx dl, #jd-hsx dd { margin: 0; } #jd-hsx h2, #jd-hsx h3 { color: inherit; font-weight: 700; letter-spacing: -0.035em; } #jd-hsx h2 { max-width: 900px; font-size: 46px; line-height: 1.04; } #jd-hsx h3 { font-size: 21px; line-height: 1.15; } #jd-hsx p { max-width: 740px; color: #a7a7a2; font-size: 15px; line-height: 1.58; } #hsx-seo-summary, #jd-hsx .hsx-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } #jd-hsx .hsx-shell { width: 100%; max-width: 1200px; margin: 0 auto; padding-right: 22px; padding-left: 22px; } #jd-hsx .hsx-section { position: relative; padding: 76px 0; background: #050505; } #jd-hsx .hsx-dark, #jd-hsx .hsx-frame-section, #jd-hsx .hsx-box-section { background: #0d0d0d; } #jd-hsx .hsx-eyebrow { margin-bottom: 10px; color: #d4ff2f; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; line-height: 1.35; text-transform: uppercase; } #jd-hsx .hsx-intro { display: block; max-width: 900px; margin-bottom: 46px; } #jd-hsx .hsx-intro h2, #jd-hsx .hsx-intro p { margin-bottom: 14px; } #jd-hsx .hsx-intro .hsx-eyebrow { margin-bottom: 10px; } #jd-hsx .hsx-intro-wide { max-width: 1050px; } /* Hero */ #jd-hsx .hsx-hero { position: relative; height: 650px; min-height: 650px; overflow: hidden; background: #111111; } #jd-hsx .hsx-hero-poster, #jd-hsx .hsx-hero-video, #jd-hsx .hsx-hero-shade { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #jd-hsx .hsx-hero-poster img, #jd-hsx .hsx-hero-video { width: 100%; height: 100%; object-fit: cover; object-position: center center; } #jd-hsx .hsx-hero-poster { z-index: 1; } #jd-hsx .hsx-hero-video { z-index: 2; } #jd-hsx .hsx-hero-shade { z-index: 3; background: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.48) 48%, rgba(0,0,0,0.08) 78%), linear-gradient(0deg, #050505 0%, rgba(5,5,5,0) 20%); } #jd-hsx .hsx-hero-copy { position: relative; z-index: 4; display: flex; height: 650px; flex-direction: column; align-items: flex-start; justify-content: center; padding-top: 54px; padding-bottom: 54px; } #jd-hsx .hsx-hero-copy h2 { max-width: 760px; margin-bottom: 18px; font-size: 70px; line-height: 0.95; text-transform: uppercase; } #jd-hsx .hsx-hero-copy > p:not(.hsx-eyebrow) { max-width: 610px; color: #eeeeea; } #jd-hsx .hsx-hero-actions { display: flex; flex-wrap: wrap; margin-top: 24px; } #jd-hsx .hsx-button { display: inline-block; min-width: 170px; padding: 12px 18px; border: 1px solid #d4ff2f; background: #d4ff2f; color: #080808; font-size: 13px; font-weight: 700; line-height: 1.3; text-align: center; } #jd-hsx a:focus, #jd-hsx label:focus, #jd-hsx summary:focus { outline: 2px solid #d4ff2f; outline-offset: 3px; } /* Contained section navigation */ #jd-hsx .hsx-nav { position: relative; z-index: 10; width: 100%; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,0.16); background: #080808; } #jd-hsx .hsx-nav .hsx-shell { display: flex; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } #jd-hsx .hsx-nav a { display: block; flex: 0 0 auto; margin-right: 22px; padding: 13px 0 11px; border-bottom: 2px solid transparent; color: #d8d8d2; font-size: 12px; font-weight: 700; } #jd-hsx .hsx-nav a:hover { border-color: #d4ff2f; color: #ffffff; } /* Metrics */ #jd-hsx .hsx-metrics-section { padding: 0; } #jd-hsx .hsx-metrics { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0; border-top: 1px solid rgba(255,255,255,0.16); border-left: 1px solid rgba(255,255,255,0.16); } #jd-hsx .hsx-metrics article { display: flex; min-height: 125px; flex-direction: column; justify-content: space-between; padding: 20px; border-right: 1px solid rgba(255,255,255,0.16); border-bottom: 1px solid rgba(255,255,255,0.16); } #jd-hsx .hsx-metrics strong { color: #d4ff2f; font-size: 35px; line-height: 1; letter-spacing: -0.05em; } #jd-hsx .hsx-metrics span { color: #a7a7a2; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; line-height: 1.35; text-transform: uppercase; } /* Shared heading rows */ #jd-hsx .hsx-heading-row { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 30px; } #jd-hsx .hsx-rail-controls { display: none; } /* CSS-only sliders: all controls remain inside the description and require no script. */ #jd-hsx .hsx-native-toggle { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; border: 0 !important; } #jd-hsx .hsx-native-slider { display: block; width: 100%; } #jd-hsx .hsx-native-slider-stage { position: relative; width: 100%; height: 560px; overflow: hidden; background: #151515; } #jd-hsx .hsx-native-slider-stage > .hsx-native-slide { display: none; width: 100%; height: 100%; } #jd-hsx .hsx-native-slider-nav { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; min-height: 48px; padding: 12px 14px; background: #101010; } #jd-hsx .hsx-native-slider-nav label { display: block; width: 30px; height: 5px; margin: 4px; background: #5c5c58; cursor: pointer; } #jd-hsx .hsx-feature-card { position: relative; height: 560px; overflow: hidden; background: #181818; } #jd-hsx .hsx-feature-card picture, #jd-hsx .hsx-feature-card picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #jd-hsx .hsx-feature-card img { object-fit: cover; } #jd-hsx .hsx-feature-card:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,0.94), rgba(0,0,0,0.04) 70%); } #jd-hsx .hsx-feature-card > div { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 24px; } #jd-hsx .hsx-feature-card > div > span, #jd-hsx .hsx-material-grid article > span, #jd-hsx .hsx-app-grid article > span { display: block; margin-bottom: 8px; color: #d4ff2f; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; } #jd-hsx .hsx-feature-card h3, #jd-hsx .hsx-feature-card p { margin-bottom: 8px; } #jd-hsx .hsx-feature-card p { color: #d0d0cb; font-size: 13px; } /* Award */ #jd-hsx .hsx-award { position: relative; display: flex; min-height: 330px; align-items: center; justify-content: center; overflow: hidden; background: #111111; } #jd-hsx .hsx-award > picture, #jd-hsx .hsx-award > picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #jd-hsx .hsx-award > picture img { object-fit: cover; opacity: 0.38; } #jd-hsx .hsx-award-copy { position: relative; z-index: 2; display: flex; width: 100%; max-width: 840px; align-items: center; justify-content: center; padding: 30px 20px; text-align: center; } #jd-hsx .hsx-award-copy > img { width: 90px; height: auto; margin-right: 20px; object-fit: contain; } #jd-hsx .hsx-award-copy > div { max-width: 430px; } #jd-hsx .hsx-award-copy > div img { width: 280px; max-width: 100%; height: auto; margin: 0 auto 12px; } #jd-hsx .hsx-award-copy p { margin: 0 auto; color: #ffffff; font-weight: 700; } /* Video cinema and process */ #jd-hsx .hsx-cinema { position: relative; height: 680px; overflow: hidden; border: 1px solid rgba(255,255,255,0.16); background: #151515; } #jd-hsx .hsx-cinema video { width: 100%; height: 680px; object-fit: cover; } #jd-hsx .hsx-cinema figcaption { position: absolute; right: 0; bottom: 0; width: 100%; max-width: 520px; padding: 22px; background: rgba(4,4,4,0.82); } #jd-hsx .hsx-cinema figcaption span { display: block; margin-top: 8px; color: #a7a7a2; } #jd-hsx .hsx-cert-logos { display: flex; align-items: center; margin-bottom: 10px; } #jd-hsx .hsx-cert-logos img { width: auto; max-width: 116px; height: 36px; margin-right: 18px; object-fit: contain; filter: grayscale(1) brightness(2); } #jd-hsx .hsx-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; margin: 26px 0 80px; } #jd-hsx .hsx-flow article { display: flex; min-height: 150px; flex-direction: column; justify-content: space-between; padding: 20px; border: 1px solid rgba(255,255,255,0.16); } #jd-hsx .hsx-flow b { color: #d4ff2f; font-size: 11px; letter-spacing: 0.12em; } #jd-hsx .hsx-flow span { font-size: 16px; font-weight: 700; } #jd-hsx .hsx-flow small { color: #a7a7a2; font-size: 12px; } #jd-hsx .hsx-flow i { padding: 0 10px; color: #d4ff2f; font-size: 24px; font-style: normal; } /* Reusable grids */ #jd-hsx .hsx-split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; column-gap: 52px; row-gap: 24px; } #jd-hsx .hsx-video-split { align-items: start; } #jd-hsx .hsx-video-split article, #jd-hsx .hsx-media-copy, #jd-hsx .hsx-tech-panel { display: block; } #jd-hsx .hsx-video-split article h3, #jd-hsx .hsx-video-split article p, #jd-hsx .hsx-media-copy h3, #jd-hsx .hsx-media-copy p, #jd-hsx .hsx-tech-panel h3, #jd-hsx .hsx-tech-panel p { margin-top: 12px; } #jd-hsx .hsx-video-frame { position: relative; width: 100%; height: 420px; overflow: hidden; background: #151515; line-height: 0; } #jd-hsx .hsx-video-frame video, #jd-hsx .hsx-video-frame img, #jd-hsx .hsx-video-frame picture, #jd-hsx .hsx-video-frame picture img { width: 100%; height: 100%; } #jd-hsx .hsx-video-frame video, #jd-hsx .hsx-video-frame img, #jd-hsx .hsx-video-frame picture img { object-fit: cover; } #jd-hsx .hsx-power-stage { position: relative; height: 650px; margin-bottom: 76px; overflow: hidden; background: #151515; } #jd-hsx .hsx-power-stage > picture, #jd-hsx .hsx-power-stage > picture img, #jd-hsx .hsx-power-stage > video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } #jd-hsx .hsx-power-stage > picture { opacity: 0.72; } #jd-hsx .hsx-power-stage > div { position: absolute; z-index: 2; right: 22px; bottom: 22px; width: 390px; max-width: calc(100% - 44px); padding: 20px; background: rgba(0,0,0,0.8); } #jd-hsx .hsx-power-stage strong { display: block; margin-bottom: 8px; color: #d4ff2f; font-size: 76px; letter-spacing: -0.07em; line-height: 0.9; } #jd-hsx .hsx-power-stage span { color: #d5d5d0; } #jd-hsx .hsx-twin-stat { display: grid; grid-template-columns: 1fr 1fr; margin-top: 18px; border: 1px solid rgba(255,255,255,0.16); } #jd-hsx .hsx-twin-stat span { padding: 16px; color: #a7a7a2; font-size: 12px; } #jd-hsx .hsx-twin-stat span + span { border-left: 1px solid rgba(255,255,255,0.16); } #jd-hsx .hsx-twin-stat b { display: block; margin-bottom: 7px; color: #d4ff2f; font-size: 29px; line-height: 1; } #jd-hsx .hsx-tech-panel { padding: 42px; border: 1px solid rgba(255,255,255,0.16); } #jd-hsx .hsx-tech-panel dl { margin-top: 18px; } #jd-hsx .hsx-tech-panel dl div { display: grid; grid-template-columns: 120px 1fr; column-gap: 16px; padding: 14px 0; border-top: 1px solid rgba(255,255,255,0.16); } #jd-hsx .hsx-tech-panel dt { color: #d4ff2f; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } #jd-hsx .hsx-tech-panel dd { color: #d7d7d1; } #jd-hsx .hsx-triad, #jd-hsx .hsx-material-grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 12px; row-gap: 12px; margin-top: 70px; } #jd-hsx .hsx-material-grid { margin-top: 0; } #jd-hsx .hsx-triad article, #jd-hsx .hsx-material-grid article { min-width: 0; background: #151515; } #jd-hsx .hsx-triad picture { display: block; height: 420px; overflow: hidden; } #jd-hsx .hsx-triad picture img { width: 100%; height: 100%; object-fit: cover; } #jd-hsx .hsx-triad h3, #jd-hsx .hsx-triad p, #jd-hsx .hsx-material-grid h3, #jd-hsx .hsx-material-grid p, #jd-hsx .hsx-material-grid article > span { margin-right: 17px; margin-left: 17px; } #jd-hsx .hsx-triad h3, #jd-hsx .hsx-material-grid h3, #jd-hsx .hsx-material-grid article > span { margin-top: 16px; } #jd-hsx .hsx-triad p, #jd-hsx .hsx-material-grid p { margin-top: 10px; margin-bottom: 20px; font-size: 13px; } #jd-hsx .hsx-material-grid .hsx-video-frame { height: 430px; } #jd-hsx .hsx-training-visuals { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; row-gap: 12px; margin-top: 14px; } #jd-hsx .hsx-training-visuals figure { position: relative; height: 280px; overflow: hidden; } #jd-hsx .hsx-training-visuals img { width: 100%; height: 100%; object-fit: cover; } #jd-hsx .hsx-training-visuals figcaption { position: absolute; bottom: 0; left: 0; padding: 11px 15px; background: rgba(0,0,0,0.8); font-weight: 700; } /* CSS-only tabs */ #jd-hsx .hsx-mode-app, #jd-hsx .hsx-comfort-app, #jd-hsx .hsx-quality-app { border: 1px solid rgba(255,255,255,0.16); background: #111111; } #jd-hsx .hsx-native-tab-labels { display: flex; width: 100%; overflow-x: auto; border-bottom: 1px solid rgba(255,255,255,0.16); white-space: nowrap; -webkit-overflow-scrolling: touch; } #jd-hsx .hsx-native-tab-labels label, #jd-hsx .hsx-native-range-labels label { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; flex: 0 0 auto; padding: 11px 16px; border-right: 1px solid rgba(255,255,255,0.16); color: #a7a7a2; font-size: 12px; font-weight: 700; line-height: 1.2; cursor: pointer; } #jd-hsx .hsx-native-tab-panels > .hsx-native-tab-panel { display: none; } #jd-hsx .hsx-mode-panels figure { position: relative; height: 620px; overflow: hidden; } #jd-hsx .hsx-mode-panels picture, #jd-hsx .hsx-mode-panels picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #jd-hsx .hsx-mode-panels img { object-fit: cover; } #jd-hsx .hsx-mode-panels figcaption { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-between; padding: 20px; background: linear-gradient(0deg, rgba(0,0,0,0.94), rgba(0,0,0,0.08)); } #jd-hsx .hsx-mode-panels figcaption b { font-size: 22px; } #jd-hsx .hsx-mode-panels figcaption span { color: #d0d0ca; } #jd-hsx .hsx-mode-list { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 20px; border-top: 1px solid rgba(255,255,255,0.16); border-left: 1px solid rgba(255,255,255,0.16); } #jd-hsx .hsx-mode-list span { padding: 12px 8px; border-right: 1px solid rgba(255,255,255,0.16); border-bottom: 1px solid rgba(255,255,255,0.16); color: #d0d0ca; font-size: 11px; font-weight: 700; text-align: center; } /* App section */ #jd-hsx .hsx-app-section, #jd-hsx .hsx-comfort-section, #jd-hsx .hsx-specs-section, #jd-hsx .hsx-model-section, #jd-hsx .hsx-notes-section { background: #efeee8; color: #111111; } #jd-hsx .hsx-app-section p, #jd-hsx .hsx-comfort-section p, #jd-hsx .hsx-specs-section p, #jd-hsx .hsx-model-section p, #jd-hsx .hsx-notes-section p { color: #5d5d58; } #jd-hsx .hsx-app-section .hsx-eyebrow, #jd-hsx .hsx-comfort-section .hsx-eyebrow, #jd-hsx .hsx-specs-section .hsx-eyebrow, #jd-hsx .hsx-model-section .hsx-eyebrow { color: #4c5f00; } #jd-hsx .hsx-app-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #c8c7c0; border-left: 1px solid #c8c7c0; } #jd-hsx .hsx-app-grid article { min-width: 0; padding-bottom: 20px; border-right: 1px solid #c8c7c0; border-bottom: 1px solid #c8c7c0; background: #ffffff; } #jd-hsx .hsx-app-grid picture { display: block; height: 360px; overflow: hidden; margin-bottom: 14px; } #jd-hsx .hsx-app-grid img { width: 100%; height: 100%; object-fit: cover; } #jd-hsx .hsx-app-grid span, #jd-hsx .hsx-app-grid h3, #jd-hsx .hsx-app-grid p { margin-right: 15px; margin-left: 15px; } #jd-hsx .hsx-app-grid h3 { margin-bottom: 8px; } #jd-hsx .hsx-app-grid p { font-size: 13px; } /* Full media banners remain contained within the product description. */ #jd-hsx .hsx-banner { position: relative; display: flex; height: 620px; align-items: flex-end; overflow: hidden; background: #111111; } #jd-hsx .hsx-banner picture, #jd-hsx .hsx-banner picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #jd-hsx .hsx-banner picture img { object-fit: cover; } #jd-hsx .hsx-banner:after { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,0.88), rgba(0,0,0,0.02) 70%); } #jd-hsx .hsx-banner > div { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto 54px; padding-right: 22px; padding-left: 22px; } #jd-hsx .hsx-banner h2 { max-width: 1000px; } /* Runtime */ #jd-hsx .hsx-runtime-lead { margin-bottom: 42px; } #jd-hsx .hsx-runtime-lead > div:first-child h2, #jd-hsx .hsx-runtime-lead > div:first-child p { margin-bottom: 14px; } #jd-hsx .hsx-range-app { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 14px; border: 1px solid rgba(255,255,255,0.16); } #jd-hsx .hsx-range-app > div { padding: 34px; } #jd-hsx .hsx-native-range-labels { display: flex; flex-wrap: wrap; margin-top: 16px; } #jd-hsx .hsx-native-range-labels label { margin-right: 8px; margin-bottom: 8px; border: 1px solid rgba(255,255,255,0.22); } #jd-hsx .hsx-native-range-outputs { min-height: 230px; background: #d4ff2f; color: #080808; } #jd-hsx .hsx-native-range-output { display: none; align-content: center; min-height: 230px; padding: 34px; } #jd-hsx .hsx-native-range-output strong, #jd-hsx .hsx-native-range-output span, #jd-hsx .hsx-native-range-output small { display: block; } #jd-hsx .hsx-native-range-output strong { margin-bottom: 8px; font-size: 46px; letter-spacing: -0.05em; line-height: 1; } #jd-hsx .hsx-native-range-output span { margin-bottom: 10px; font-size: 18px; font-weight: 700; } #jd-hsx .hsx-native-range-output small { color: rgba(0,0,0,0.72); } #jd-hsx .hsx-runtime-grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 12px; row-gap: 12px; } #jd-hsx .hsx-runtime-grid article { position: relative; height: 460px; overflow: hidden; } #jd-hsx .hsx-runtime-grid picture, #jd-hsx .hsx-runtime-grid picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #jd-hsx .hsx-runtime-grid img { object-fit: cover; } #jd-hsx .hsx-runtime-grid article:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0) 68%); } #jd-hsx .hsx-runtime-grid h3, #jd-hsx .hsx-runtime-grid p { position: absolute; z-index: 2; right: 18px; left: 18px; color: #ffffff; } #jd-hsx .hsx-runtime-grid h3 { bottom: 76px; } #jd-hsx .hsx-runtime-grid p { bottom: 20px; } #jd-hsx .hsx-runtime-grid p b, #jd-hsx .hsx-runtime-grid p span { display: block; } #jd-hsx .hsx-runtime-grid p b { font-size: 18px; } #jd-hsx .hsx-runtime-grid p span { color: #c8c8c2; font-size: 13px; } /* Comfort */ #jd-hsx .hsx-comfort-hero { position: relative; height: 650px; margin-bottom: 18px; overflow: hidden; background: #dddddd; } #jd-hsx .hsx-comfort-hero picture, #jd-hsx .hsx-comfort-hero picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #jd-hsx .hsx-comfort-hero img { object-fit: cover; } #jd-hsx .hsx-comfort-hero > div { position: absolute; right: 0; bottom: 0; left: 0; padding: 48px; background: linear-gradient(0deg, rgba(255,255,255,0.98), rgba(255,255,255,0)); } #jd-hsx .hsx-comfort-app { border-color: #c6c5be; background: #ffffff; } #jd-hsx .hsx-comfort-tabs { border-color: #c6c5be; } #jd-hsx .hsx-comfort-tabs label { border-color: #c6c5be; color: #52524f; } #jd-hsx .hsx-comfort-app .hsx-native-tab-panel, #jd-hsx .hsx-quality-app .hsx-native-tab-panel { grid-template-columns: 1.45fr 0.75fr; min-height: 500px; } #jd-hsx .hsx-comfort-app .hsx-native-tab-panel > div:last-child, #jd-hsx .hsx-quality-app .hsx-native-tab-panel > div:last-child:not(.hsx-ip-icons) { display: flex; flex-direction: column; justify-content: center; padding: 42px; } #jd-hsx .hsx-comfort-app .hsx-native-tab-panel > div:last-child span { margin-bottom: 10px; color: #596e00; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; } #jd-hsx .hsx-comfort-app .hsx-native-tab-panel h3, #jd-hsx .hsx-comfort-app .hsx-native-tab-panel p, #jd-hsx .hsx-quality-app .hsx-native-tab-panel h3, #jd-hsx .hsx-quality-app .hsx-native-tab-panel p { margin-bottom: 12px; } #jd-hsx .hsx-comfort-app .hsx-video-frame, #jd-hsx .hsx-quality-app .hsx-video-frame { height: 500px; } #jd-hsx .hsx-comfort-app .hsx-native-tab-panel > picture, #jd-hsx .hsx-comfort-app .hsx-native-tab-panel > picture img, #jd-hsx .hsx-quality-app .hsx-native-tab-panel > picture, #jd-hsx .hsx-quality-app .hsx-native-tab-panel > picture img { width: 100%; height: 500px; } #jd-hsx .hsx-comfort-app .hsx-native-tab-panel > picture img, #jd-hsx .hsx-quality-app .hsx-native-tab-panel > picture img { object-fit: cover; } #jd-hsx .hsx-fold-section .hsx-split > div:first-child h2, #jd-hsx .hsx-fold-section .hsx-split > div:first-child p, #jd-hsx .hsx-fold-section .hsx-split > div:first-child small { margin-bottom: 14px; } #jd-hsx .hsx-fold-section small { color: #777771; } /* Quality */ #jd-hsx .hsx-quality-app { position: relative; } #jd-hsx .hsx-quality-app .hsx-native-tab-panel { position: relative; } #jd-hsx .hsx-dual-video { display: grid; grid-template-columns: 1fr 1fr; } #jd-hsx .hsx-dual-video .hsx-video-frame { height: 500px; } #jd-hsx .hsx-ip-icons { position: absolute; z-index: 3; top: 0; left: 0; display: flex; padding: 18px; } #jd-hsx .hsx-ip-icons img { width: 56px; height: 56px; margin-right: 8px; object-fit: contain; background: rgba(0,0,0,0.68); } /* Customer stories slider */ #jd-hsx .hsx-story-rail .hsx-native-slider-stage { height: 540px; } #jd-hsx .hsx-story-rail article { position: relative; height: 540px; overflow: hidden; background: #171717; } #jd-hsx .hsx-story-rail picture, #jd-hsx .hsx-story-rail picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #jd-hsx .hsx-story-rail img { object-fit: cover; } #jd-hsx .hsx-story-rail article:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,0.95), rgba(0,0,0,0) 72%); } #jd-hsx .hsx-story-rail article > div { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 24px; } #jd-hsx .hsx-story-rail h3, #jd-hsx .hsx-story-rail p, #jd-hsx .hsx-story-rail span { margin-bottom: 9px; } #jd-hsx .hsx-story-rail p { color: #deded8; font-size: 13px; } #jd-hsx .hsx-story-rail span { display: block; color: #d4ff2f; font-size: 10px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; } /* Frame-by-frame gallery */ #jd-hsx .hsx-frame-rail .hsx-native-slider-stage { height: 650px; } #jd-hsx .hsx-frame-rail figure { position: relative; height: 650px; overflow: hidden; background: #1b1b1b; } #jd-hsx .hsx-frame-rail img { width: 100%; height: 100%; object-fit: cover; } #jd-hsx .hsx-frame-rail figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 16px; background: linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0)); color: #ffffff; font-size: 12px; font-weight: 700; } /* In the box: static so old themes cannot hide the selected model. */ #jd-hsx .hsx-box-panel { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,0.16); border-left: 1px solid rgba(255,255,255,0.16); } #jd-hsx .hsx-box-panel article { min-width: 0; border-right: 1px solid rgba(255,255,255,0.16); border-bottom: 1px solid rgba(255,255,255,0.16); background: #111111; } #jd-hsx .hsx-box-panel img { width: 100%; height: 245px; padding: 18px; object-fit: contain; background: #f0efe9; } #jd-hsx .hsx-box-panel span { display: block; padding: 14px; color: #d4d4ce; font-size: 13px; font-weight: 700; } /* Comparison chart */ #jd-hsx .hsx-compare-app { border: 1px solid #c4c3bd; background: #f8f7f1; } #jd-hsx .hsx-static-model-cards { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid #c4c3bd; } #jd-hsx .hsx-static-model-cards article { min-width: 0; padding: 22px; border-right: 1px solid #c4c3bd; background: #ffffff; color: #111111; } #jd-hsx .hsx-static-model-cards article:last-child { border-right: 0; } #jd-hsx .hsx-static-model-cards img { width: 100%; height: 260px; margin-bottom: 16px; object-fit: contain; } #jd-hsx .hsx-static-model-cards h3 { margin-bottom: 7px; color: #111111; font-size: 18px; } #jd-hsx .hsx-static-model-cards p { color: #62625e; font-size: 13px; } #jd-hsx .hsx-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } #jd-hsx table { width: 100%; min-width: 820px; border-collapse: collapse; background: #ffffff; } #jd-hsx table caption { padding: 18px; color: #111111; font-size: 16px; font-weight: 700; text-align: left; } #jd-hsx th, #jd-hsx td { width: 25%; padding: 13px 16px; border-top: 1px solid #d2d1ca; border-right: 1px solid #d2d1ca; color: #232321; font-size: 12px; line-height: 1.45; text-align: left; vertical-align: top; } #jd-hsx th { background: #e2e1da; font-weight: 700; } #jd-hsx td:first-child { color: #676762; font-weight: 700; } #jd-hsx .hsx-compare-note { padding: 16px 18px 18px; color: #676762; font-size: 12px; } #jd-hsx .hsx-specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 30px; } #jd-hsx .hsx-spec-card { overflow: hidden; border: 1px solid #cfcec7; border-radius: 14px; background: #ffffff; } #jd-hsx .hsx-spec-card h3 { padding: 17px 18px; border-bottom: 1px solid #d2d1ca; color: #111111; font-size: 17px; } #jd-hsx .hsx-spec-card table { min-width: 0; table-layout: fixed; } #jd-hsx .hsx-spec-card th, #jd-hsx .hsx-spec-card td { width: auto; border-right: 0; overflow-wrap: anywhere; } #jd-hsx .hsx-spec-card th:first-child, #jd-hsx .hsx-spec-card td:first-child { width: 42%; } /* Claim notes */ #jd-hsx .hsx-notes-section { padding-top: 0; } #jd-hsx .hsx-notes-section details { border-top: 1px solid #bcbcb6; border-bottom: 1px solid #bcbcb6; } #jd-hsx .hsx-notes-section summary { padding: 20px 0; color: #111111; font-size: 15px; font-weight: 700; cursor: pointer; } #jd-hsx .hsx-notes-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 34px; row-gap: 18px; padding-bottom: 28px; } #jd-hsx .hsx-notes-grid p { font-size: 12px; } #jd-hsx [hidden] { display: none !important; } /* Checked-state display rules for script-free sliders and tabs. */ #jd-hsx #hsx-highlight-rail-slide-1:checked ~ .hsx-native-slider-stage .hsx-native-slide-1 { display: block; } #jd-hsx #hsx-highlight-rail-slide-1:checked ~ .hsx-native-slider-nav label[for="hsx-highlight-rail-slide-1"] { background: #d4ff2f; } #jd-hsx #hsx-highlight-rail-slide-2:checked ~ .hsx-native-slider-stage .hsx-native-slide-2 { display: block; } #jd-hsx #hsx-highlight-rail-slide-2:checked ~ .hsx-native-slider-nav label[for="hsx-highlight-rail-slide-2"] { background: #d4ff2f; } #jd-hsx #hsx-highlight-rail-slide-3:checked ~ .hsx-native-slider-stage .hsx-native-slide-3 { display: block; } #jd-hsx #hsx-highlight-rail-slide-3:checked ~ .hsx-native-slider-nav label[for="hsx-highlight-rail-slide-3"] { background: #d4ff2f; } #jd-hsx #hsx-highlight-rail-slide-4:checked ~ .hsx-native-slider-stage .hsx-native-slide-4 { display: block; } #jd-hsx #hsx-highlight-rail-slide-4:checked ~ .hsx-native-slider-nav label[for="hsx-highlight-rail-slide-4"] { background: #d4ff2f; } #jd-hsx #hsx-highlight-rail-slide-5:checked ~ .hsx-native-slider-stage .hsx-native-slide-5 { display: block; } #jd-hsx #hsx-highlight-rail-slide-5:checked ~ .hsx-native-slider-nav label[for="hsx-highlight-rail-slide-5"] { background: #d4ff2f; } #jd-hsx #hsx-highlight-rail-slide-6:checked ~ .hsx-native-slider-stage .hsx-native-slide-6 { display: block; } #jd-hsx #hsx-highlight-rail-slide-6:checked ~ .hsx-native-slider-nav label[for="hsx-highlight-rail-slide-6"] { background: #d4ff2f; } #jd-hsx #hsx-highlight-rail-slide-7:checked ~ .hsx-native-slider-stage .hsx-native-slide-7 { display: block; } #jd-hsx #hsx-highlight-rail-slide-7:checked ~ .hsx-native-slider-nav label[for="hsx-highlight-rail-slide-7"] { background: #d4ff2f; } #jd-hsx #hsx-story-rail-slide-1:checked ~ .hsx-native-slider-stage .hsx-native-slide-1 { display: block; } #jd-hsx #hsx-story-rail-slide-1:checked ~ .hsx-native-slider-nav label[for="hsx-story-rail-slide-1"] { background: #d4ff2f; } #jd-hsx #hsx-story-rail-slide-2:checked ~ .hsx-native-slider-stage .hsx-native-slide-2 { display: block; } #jd-hsx #hsx-story-rail-slide-2:checked ~ .hsx-native-slider-nav label[for="hsx-story-rail-slide-2"] { background: #d4ff2f; } #jd-hsx #hsx-story-rail-slide-3:checked ~ .hsx-native-slider-stage .hsx-native-slide-3 { display: block; } #jd-hsx #hsx-story-rail-slide-3:checked ~ .hsx-native-slider-nav label[for="hsx-story-rail-slide-3"] { background: #d4ff2f; } #jd-hsx #hsx-story-rail-slide-4:checked ~ .hsx-native-slider-stage .hsx-native-slide-4 { display: block; } #jd-hsx #hsx-story-rail-slide-4:checked ~ .hsx-native-slider-nav label[for="hsx-story-rail-slide-4"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-1:checked ~ .hsx-native-slider-stage .hsx-native-slide-1 { display: block; } #jd-hsx #hsx-frame-rail-slide-1:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-1"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-2:checked ~ .hsx-native-slider-stage .hsx-native-slide-2 { display: block; } #jd-hsx #hsx-frame-rail-slide-2:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-2"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-3:checked ~ .hsx-native-slider-stage .hsx-native-slide-3 { display: block; } #jd-hsx #hsx-frame-rail-slide-3:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-3"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-4:checked ~ .hsx-native-slider-stage .hsx-native-slide-4 { display: block; } #jd-hsx #hsx-frame-rail-slide-4:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-4"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-5:checked ~ .hsx-native-slider-stage .hsx-native-slide-5 { display: block; } #jd-hsx #hsx-frame-rail-slide-5:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-5"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-6:checked ~ .hsx-native-slider-stage .hsx-native-slide-6 { display: block; } #jd-hsx #hsx-frame-rail-slide-6:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-6"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-7:checked ~ .hsx-native-slider-stage .hsx-native-slide-7 { display: block; } #jd-hsx #hsx-frame-rail-slide-7:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-7"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-8:checked ~ .hsx-native-slider-stage .hsx-native-slide-8 { display: block; } #jd-hsx #hsx-frame-rail-slide-8:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-8"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-9:checked ~ .hsx-native-slider-stage .hsx-native-slide-9 { display: block; } #jd-hsx #hsx-frame-rail-slide-9:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-9"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-10:checked ~ .hsx-native-slider-stage .hsx-native-slide-10 { display: block; } #jd-hsx #hsx-frame-rail-slide-10:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-10"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-11:checked ~ .hsx-native-slider-stage .hsx-native-slide-11 { display: block; } #jd-hsx #hsx-frame-rail-slide-11:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-11"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-12:checked ~ .hsx-native-slider-stage .hsx-native-slide-12 { display: block; } #jd-hsx #hsx-frame-rail-slide-12:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-12"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-13:checked ~ .hsx-native-slider-stage .hsx-native-slide-13 { display: block; } #jd-hsx #hsx-frame-rail-slide-13:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-13"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-14:checked ~ .hsx-native-slider-stage .hsx-native-slide-14 { display: block; } #jd-hsx #hsx-frame-rail-slide-14:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-14"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-15:checked ~ .hsx-native-slider-stage .hsx-native-slide-15 { display: block; } #jd-hsx #hsx-frame-rail-slide-15:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-15"] { background: #d4ff2f; } #jd-hsx #hsx-frame-rail-slide-16:checked ~ .hsx-native-slider-stage .hsx-native-slide-16 { display: block; } #jd-hsx #hsx-frame-rail-slide-16:checked ~ .hsx-native-slider-nav label[for="hsx-frame-rail-slide-16"] { background: #d4ff2f; } #jd-hsx #hsx-hsx-mode-app-1-tab-1:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-1 { display: block; } #jd-hsx #hsx-hsx-mode-app-1-tab-1:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-mode-app-1-tab-1"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-hsx-mode-app-1-tab-2:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-2 { display: block; } #jd-hsx #hsx-hsx-mode-app-1-tab-2:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-mode-app-1-tab-2"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-hsx-mode-app-1-tab-3:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-3 { display: block; } #jd-hsx #hsx-hsx-mode-app-1-tab-3:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-mode-app-1-tab-3"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-hsx-mode-app-1-tab-4:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-4 { display: block; } #jd-hsx #hsx-hsx-mode-app-1-tab-4:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-mode-app-1-tab-4"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-hsx-mode-app-1-tab-5:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-5 { display: block; } #jd-hsx #hsx-hsx-mode-app-1-tab-5:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-mode-app-1-tab-5"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-hsx-comfort-app-2-tab-1:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-1 { display: grid; } #jd-hsx #hsx-hsx-comfort-app-2-tab-1:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-comfort-app-2-tab-1"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-hsx-comfort-app-2-tab-2:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-2 { display: grid; } #jd-hsx #hsx-hsx-comfort-app-2-tab-2:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-comfort-app-2-tab-2"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-hsx-comfort-app-2-tab-3:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-3 { display: grid; } #jd-hsx #hsx-hsx-comfort-app-2-tab-3:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-comfort-app-2-tab-3"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-hsx-comfort-app-2-tab-4:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-4 { display: grid; } #jd-hsx #hsx-hsx-comfort-app-2-tab-4:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-comfort-app-2-tab-4"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-hsx-quality-app-3-tab-1:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-1 { display: grid; } #jd-hsx #hsx-hsx-quality-app-3-tab-1:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-quality-app-3-tab-1"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-hsx-quality-app-3-tab-2:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-2 { display: grid; } #jd-hsx #hsx-hsx-quality-app-3-tab-2:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-quality-app-3-tab-2"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-hsx-quality-app-3-tab-3:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-3 { display: grid; } #jd-hsx #hsx-hsx-quality-app-3-tab-3:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-quality-app-3-tab-3"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-hsx-quality-app-3-tab-4:checked ~ .hsx-native-tab-panels .hsx-native-tab-panel-4 { display: grid; } #jd-hsx #hsx-hsx-quality-app-3-tab-4:checked ~ .hsx-native-tab-labels label[for="hsx-hsx-quality-app-3-tab-4"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-range-tab-1:checked ~ div .hsx-native-range-labels label[for="hsx-range-tab-1"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-range-tab-1:checked ~ .hsx-native-range-outputs .hsx-native-range-output-1 { display: grid; } #jd-hsx #hsx-range-tab-2:checked ~ div .hsx-native-range-labels label[for="hsx-range-tab-2"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-range-tab-2:checked ~ .hsx-native-range-outputs .hsx-native-range-output-2 { display: grid; } #jd-hsx #hsx-range-tab-3:checked ~ div .hsx-native-range-labels label[for="hsx-range-tab-3"] { background: #d4ff2f; color: #050505; border-color: #d4ff2f; } #jd-hsx #hsx-range-tab-3:checked ~ .hsx-native-range-outputs .hsx-native-range-output-3 { display: grid; } /* Tablet */ @media (max-width: 1024px) { #jd-hsx h2 { font-size: 38px; } #jd-hsx .hsx-section { padding: 62px 0; } #jd-hsx .hsx-hero, #jd-hsx .hsx-hero-copy { height: 600px; min-height: 600px; } #jd-hsx .hsx-hero-copy h2 { font-size: 58px; } #jd-hsx .hsx-metrics { grid-template-columns: repeat(4, 1fr); } #jd-hsx .hsx-metrics article { min-height: 112px; padding: 16px; } #jd-hsx .hsx-metrics strong { font-size: 28px; } #jd-hsx .hsx-flow { grid-template-columns: 1fr 1fr; row-gap: 10px; column-gap: 10px; } #jd-hsx .hsx-flow i { display: none; } #jd-hsx .hsx-split { column-gap: 32px; } #jd-hsx .hsx-video-frame { height: 360px; } #jd-hsx .hsx-power-stage { height: 560px; } #jd-hsx .hsx-triad picture { height: 350px; } #jd-hsx .hsx-material-grid .hsx-video-frame { height: 350px; } #jd-hsx .hsx-app-grid { grid-template-columns: 1fr 1fr; } #jd-hsx .hsx-app-grid picture { height: 400px; } #jd-hsx .hsx-mode-list { grid-template-columns: repeat(4, 1fr); } #jd-hsx .hsx-banner { height: 540px; } #jd-hsx .hsx-runtime-grid article { height: 410px; } #jd-hsx .hsx-comfort-hero { height: 560px; } #jd-hsx .hsx-comfort-app .hsx-native-tab-panel, #jd-hsx .hsx-quality-app .hsx-native-tab-panel { grid-template-columns: 1fr; min-height: 0; } #jd-hsx .hsx-comfort-app .hsx-native-tab-panel > div:last-child, #jd-hsx .hsx-quality-app .hsx-native-tab-panel > div:last-child:not(.hsx-ip-icons) { min-height: 250px; } #jd-hsx .hsx-box-panel { grid-template-columns: repeat(3, 1fr); } #jd-hsx .hsx-static-model-cards img { height: 220px; } } /* Mobile */ @media (max-width: 767px) { #jd-hsx { max-width: 100%; font-size: 14px; } #jd-hsx .hsx-shell { padding-right: 12px; padding-left: 12px; } #jd-hsx .hsx-section { padding: 44px 0; } #jd-hsx h2 { font-size: 30px; line-height: 1.08; } #jd-hsx h3 { font-size: 18px; } #jd-hsx p { font-size: 13px; } #jd-hsx .hsx-intro { margin-bottom: 30px; } #jd-hsx .hsx-hero, #jd-hsx .hsx-hero-copy { height: 590px; min-height: 590px; } #jd-hsx .hsx-hero-poster img, #jd-hsx .hsx-hero-video { object-position: center top; } #jd-hsx .hsx-hero-shade { background: linear-gradient(0deg, #050505 4%, rgba(0,0,0,0.78) 43%, rgba(0,0,0,0.06) 78%); } #jd-hsx .hsx-hero-copy { justify-content: flex-end; padding-top: 36px; padding-bottom: 40px; } #jd-hsx .hsx-hero-copy h2 { max-width: 500px; font-size: 40px; line-height: 0.98; } #jd-hsx .hsx-button { min-width: 145px; padding: 11px 14px; font-size: 12px; } #jd-hsx .hsx-nav a { margin-right: 18px; font-size: 11px; } #jd-hsx .hsx-metrics { grid-template-columns: 1fr 1fr; } #jd-hsx .hsx-metrics article { min-height: 102px; padding: 13px; } #jd-hsx .hsx-metrics strong { font-size: 24px; } #jd-hsx .hsx-heading-row { margin-bottom: 20px; } #jd-hsx .hsx-native-slider-stage, #jd-hsx .hsx-feature-card { height: 450px; } #jd-hsx .hsx-feature-card > div { padding: 18px; } #jd-hsx .hsx-native-slider-nav label { width: 22px; } #jd-hsx .hsx-award { min-height: 290px; } #jd-hsx .hsx-award-copy { flex-direction: column; } #jd-hsx .hsx-award-copy > img { width: 64px; margin: 0 0 16px; } #jd-hsx .hsx-cinema, #jd-hsx .hsx-cinema video { height: 500px; } #jd-hsx .hsx-cinema figcaption { padding: 17px; } #jd-hsx .hsx-flow { margin-bottom: 54px; } #jd-hsx .hsx-flow article { min-height: 130px; padding: 15px; } #jd-hsx .hsx-split, #jd-hsx .hsx-triad, #jd-hsx .hsx-material-grid, #jd-hsx .hsx-training-visuals { grid-template-columns: 1fr; } #jd-hsx .hsx-video-frame { height: 330px; } #jd-hsx .hsx-power-stage { height: 500px; margin-bottom: 52px; } #jd-hsx .hsx-power-stage > div { right: 12px; bottom: 12px; max-width: calc(100% - 24px); padding: 16px; } #jd-hsx .hsx-power-stage strong { font-size: 55px; } #jd-hsx .hsx-tech-panel { padding: 24px; } #jd-hsx .hsx-tech-panel dl div { grid-template-columns: 100px 1fr; } #jd-hsx .hsx-triad, #jd-hsx .hsx-material-grid { margin-top: 42px; } #jd-hsx .hsx-material-grid { margin-top: 0; } #jd-hsx .hsx-triad picture, #jd-hsx .hsx-material-grid .hsx-video-frame { height: 420px; } #jd-hsx .hsx-mode-panels figure { height: 520px; } #jd-hsx .hsx-mode-panels figcaption { display: block; } #jd-hsx .hsx-mode-panels figcaption b, #jd-hsx .hsx-mode-panels figcaption span { display: block; margin-top: 6px; } #jd-hsx .hsx-mode-list { grid-template-columns: repeat(3, 1fr); } #jd-hsx .hsx-app-grid { grid-template-columns: 1fr 1fr; } #jd-hsx .hsx-app-grid picture { height: 300px; } #jd-hsx .hsx-app-grid h3 { font-size: 16px; } #jd-hsx .hsx-app-grid p { font-size: 12px; } #jd-hsx .hsx-banner { height: 500px; } #jd-hsx .hsx-banner > div { margin-bottom: 32px; padding-right: 12px; padding-left: 12px; } #jd-hsx .hsx-range-app { grid-template-columns: 1fr; } #jd-hsx .hsx-range-app > div, #jd-hsx .hsx-native-range-output { padding: 24px; } #jd-hsx .hsx-native-range-output strong { font-size: 36px; } #jd-hsx .hsx-runtime-grid { grid-template-columns: 1fr; } #jd-hsx .hsx-runtime-grid article { height: 440px; } #jd-hsx .hsx-comfort-hero { height: 510px; } #jd-hsx .hsx-comfort-hero > div { padding: 24px; } #jd-hsx .hsx-comfort-app .hsx-native-tab-panel > div:last-child, #jd-hsx .hsx-quality-app .hsx-native-tab-panel > div:last-child:not(.hsx-ip-icons) { padding: 26px; } #jd-hsx .hsx-comfort-app .hsx-video-frame, #jd-hsx .hsx-quality-app .hsx-video-frame, #jd-hsx .hsx-comfort-app .hsx-native-tab-panel > picture, #jd-hsx .hsx-comfort-app .hsx-native-tab-panel > picture img, #jd-hsx .hsx-quality-app .hsx-native-tab-panel > picture, #jd-hsx .hsx-quality-app .hsx-native-tab-panel > picture img { height: 420px; } #jd-hsx .hsx-dual-video { grid-template-columns: 1fr; } #jd-hsx .hsx-dual-video .hsx-video-frame { height: 360px; } #jd-hsx .hsx-story-rail .hsx-native-slider-stage, #jd-hsx .hsx-story-rail article { height: 470px; } #jd-hsx .hsx-frame-rail .hsx-native-slider-stage, #jd-hsx .hsx-frame-rail figure { height: 360px; } #jd-hsx .hsx-box-panel { grid-template-columns: 1fr 1fr; } #jd-hsx .hsx-box-panel img { height: 180px; padding: 12px; } #jd-hsx .hsx-box-panel span { padding: 12px; font-size: 12px; } #jd-hsx .hsx-static-model-cards { grid-template-columns: 1fr; } #jd-hsx .hsx-static-model-cards article { display: grid; grid-template-columns: 105px 1fr; align-items: center; column-gap: 14px; border-right: 0; border-bottom: 1px solid #c4c3bd; padding: 15px; } #jd-hsx .hsx-static-model-cards article:last-child { border-bottom: 0; } #jd-hsx .hsx-static-model-cards img { grid-row: 1 / span 2; height: 105px; margin-bottom: 0; } #jd-hsx .hsx-static-model-cards h3 { align-self: end; font-size: 16px; } #jd-hsx .hsx-static-model-cards p { align-self: start; } #jd-hsx .hsx-notes-grid { grid-template-columns: 1fr; } } @media (max-width: 420px) { #jd-hsx .hsx-hero-copy h2 { font-size: 34px; } #jd-hsx .hsx-mode-list { grid-template-columns: 1fr 1fr; } #jd-hsx .hsx-app-grid { grid-template-columns: 1fr; } #jd-hsx .hsx-app-grid picture { height: 420px; } #jd-hsx .hsx-box-panel img { height: 155px; } } @media (max-width: 767px) { #jd-hsx .hsx-specs-grid { grid-template-columns: 1fr; } #jd-hsx .hsx-spec-card th, #jd-hsx .hsx-spec-card td { padding: 11px 12px; font-size: 11px; } } @media (prefers-reduced-motion: reduce) { #jd-hsx video { display: none !important; } #jd-hsx .hsx-hero-poster { display: block !important; } } /* X Max S media guardrails: only model-specific product renders are used. */ #jd-hsx .hsx-hero-model img { padding: 34px 3% 34px 43%; object-fit: contain; object-position: 82% center; background: radial-gradient(circle at 78% 48%, #272727 0%, #111111 38%, #050505 72%); } #jd-hsx .hsx-verified-gallery .hsx-native-slider-stage, #jd-hsx .hsx-verified-gallery figure { height: 560px; } #jd-hsx .hsx-verified-gallery img { padding: 28px; object-fit: contain; background: radial-gradient(circle at center, #292929 0%, #121212 52%, #080808 100%); } #jd-hsx .hsx-text-grid, #jd-hsx .hsx-mode-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 30px; } #jd-hsx .hsx-mode-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } #jd-hsx .hsx-text-card, #jd-hsx .hsx-mode-card { min-width: 0; padding: 24px; border: 1px solid rgba(255,255,255,0.16); background: #111111; } #jd-hsx .hsx-text-card > span, #jd-hsx .hsx-mode-card > span { display: block; margin-bottom: 22px; color: #d4ff2f; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } #jd-hsx .hsx-text-card h3, #jd-hsx .hsx-mode-card h3 { margin-bottom: 10px; } #jd-hsx .hsx-text-card p, #jd-hsx .hsx-mode-card p { font-size: 13px; } #jd-hsx .hsx-model-detail-image { height: 520px; padding: 24px; object-fit: contain; background: radial-gradient(circle at center, #292929 0%, #121212 56%, #080808 100%); } #jd-hsx .hsx-compare-app table caption { border-bottom: 1px solid #d2d1ca; } @media (max-width: 980px) { #jd-hsx .hsx-mode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-hsx .hsx-text-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { #jd-hsx .hsx-hero-model img { padding: 20px 8% 250px; object-position: center top; background: radial-gradient(circle at 50% 28%, #2a2a2a 0%, #111111 42%, #050505 72%); } #jd-hsx .hsx-verified-gallery .hsx-native-slider-stage, #jd-hsx .hsx-verified-gallery figure { height: 390px; } #jd-hsx .hsx-verified-gallery img { padding: 16px; } #jd-hsx .hsx-text-grid { grid-template-columns: 1fr; } #jd-hsx .hsx-model-detail-image { height: 390px; } } @media (max-width: 420px) { #jd-hsx .hsx-mode-grid { grid-template-columns: 1fr; } } Jacobs Digital · Hypershell X Max S Maximum mobility.Minimal compromise. The X Max S combines up to 1000 W of dual-motor assistance, a removable 72 Wh battery, ten adaptive modes and an outdoor-ready folding frame for mixed-terrain movement. View the X Max S Exact model · five verified views This is the Hypershell X Max S. Front view · X Max S Right profile · X Max S Rear view · X Max S Left profile · X Max S Three-quarter view · X Max S 0.31 sresponse time as low as 97.5%human–machine synchronisation 1000 Wpeak output, up to 22 N·m × 2peak motor torque, up to 30 kmwalking range per battery, up to 10adaptive movement modes IP54dust and splash resistance 2571 gmanufacturer-stated wearing weight The X Max S difference High-output assistance, explained without shared-model media. Every visual product render on this listing is the X Max S. Features that do not have model-specific media remain text-led. 01 · ResponseHyperIntuition™ control Sensor data and end-to-end control are designed to recognise movement changes and time assistance in as little as 0.31 seconds. 02 · OutputDual 1000 W-class system The two motors reach a manufacturer-stated combined peak output of up to 1000 W and peak torque of up to 22 N·m × 2. 03 · EnduranceRemovable 72 Wh battery One intelligent battery is included, with up to 30 km stated walking range in Eco 30 under the official test conditions. 04 · AdaptationTen movement modes Assistance profiles cover stairs, slopes, walking, speed walking, cycling, running, mountains, gravel and resistance training. 05 · StructureCarbon fibre + aluminium Carbon-fibre reinforced leg levers, aluminium-alloy hip tubes and stainless-steel hip levers balance strength and portability. 06 · EnvironmentIP54 protection The frame is rated for dust and splash resistance. It is not waterproof and must not be immersed or exposed to high-pressure water. Instinct in sync Sense. Decide. Assist. HyperIntuition™ combines gait and terrain sensing with AI processing and dedicated motor control, then delivers assistance through the bilateral drive system. 01HyperSenseGait + terrain sensing→ 02HyperCoreAI + motor control chips→ 03Dual motorsTimed bilateral output→ 04Adaptive supportUp to 97.5% synchronisation Continuous decision loop Two processors, one movement response. Input Precision sensor data Interpretation HyperIntuition™ end-to-end algorithm Control Dedicated motor-control processor Output Precisely timed bilateral assistance Assistance profile Support changes with the movement. Starts Assistance rises as movement begins Stops Output reduces as movement ends Terrain Profiles adapt to slopes and loose surfaces Cadence Support follows changes in step timing Ten adaptive profiles Choose support for the movement ahead. Mode availability and behaviour can change with firmware and app updates. Always use a mode appropriate to the environment and your ability. 01Up Stairs Assistance tuned for repeated upward steps. 02Down Stairs Controlled support for descending steps. 03Up Slope Higher assistance for positive gradient. 04Downhill Damping support while descending. 05Walking Balanced support for everyday cadence. 06Speed Walking Quicker response for a faster pace. 07Cycling Assistance aligned with pedalling motion. 08Running Support for faster, higher-impact movement. 09Mountain Adaptive output for uneven elevation. 10Gravel Response tuned for loose surfaces. Frame + fit Built to move, fold and travel. Net weight Approximately 1.7 kg for the mechanism Wearing weight 2571 g with soft-wearing system and one battery Folded size 450 × 260 × 125 mm Packed volume Approximately 6.5 L Movement Up to 300° through the multidirectional hinge Specifications The X Max S, in detail. Manufacturer-stated performance, battery, physical and product information for the P903.GL000001.01 configuration. Performance + control Peak output Up to 1000 W Peak motor torque Up to 22 N·m × 2 Maximum assisted pace Up to 25 km/h while running Response time As low as 0.31 seconds Human–machine synchronisation Up to 97.5% Physical-exertion reduction Up to 39% in stated testing Heart-rate reduction Up to 42% in stated testing Muscle-fatigue reduction Up to 63% in stated testing Motion architecture HyperIntuition™ end-to-end control Adaptive modes 10 Battery + runtime Included battery Intelligent 72 Wh removable battery × 1 Walking range Up to 30 km in Eco 30 Walking runtime Up to 7.5 hours in stated testing Mountain use Up to 160 minutes / 13.8 km Cycling use Up to 102 minutes / 35 km Supplied charger 65 W Charging connection USB-C cable supplied Optional charging accessory Hypershell four-port charging hub Range variability Depends on user, assistance, terrain, gradient, load, pace, temperature and battery condition Frame + environment Net mechanism weight Approximately 1.7 kg Wearing weight 2571 g, including soft-wearing system and one battery Folded dimensions 450 × 260 × 125 mm Unfolded dimensions 450 × 600 × 125 mm Packed volume Approximately 6.5 L Movement range Up to 300° through the multidirectional hinge Hip levers / tubes Stainless steel / aluminium alloy Leg levers Carbon-fibre reinforced polymer Protection rating IP54 dust and splash resistance Operating temperature −10 to 60°C Product + suitability Brand / model Hypershell X Max S Product code P903.GL000001.01 Supplier code P9.03.GL000001.01 APN / EAN 6977518000317 Mobile application Hypershell app for setup, tuning, updates and activity insights Compatible accessories AeroFlex Hip Belt, AeroFlex Shoulder Strap and four-port charging hub Required user capability Must be able to walk independently, lift the legs and maintain balance without assistance Medical-device status Not a certified medical device Protection limitation Not waterproof or suitable for immersion or high-pressure water Included equipment Included with the X Max S. The standard package supplies one X Max S exoskeleton, one intelligent 72 Wh battery, 65 W charging equipment and printed safety and user documents. Exoskeleton × 1 Intelligent Battery × 1 65W Charger × 1 USB-C Cable × 1 Safe Guidelines × 1 User Manual × 1 S-series comparison · text only How the X Max S compares. Other models remain in the specification table for useful context. Their product imagery has been removed so the page never presents another model as the X Max S. Hypershell X Ultra S, X Max S and X Pro S comparison Specification Hypershell X Ultra S Hypershell X Max S Hypershell X Pro S Peak output 1000 W 1000 W 800 W Peak motor torque 22 N·m × 2 22 N·m × 2 18 N·m × 2 Walking range per battery, up to 30 km 30 km 17.5 km Intelligent modes 12 10 10 Net device weight 1.7 kg 1.7 kg 1.8 kg Included battery capacity 72 Wh × 2 72 Wh × 1 72 Wh × 1 Specified operating temperature −20 to 60°C −10 to 60°C −10 to 60°C Figures are manufacturer-stated maxima measured under the official test conditions described in the claim notes below. Official test context and claim notes Motion response and synchronisation. TÜV Rheinland-commissioned indoor testing covered walking and transition scenarios. Published test notes report up to 64.9% faster response, CMC above 0.90 and as high as 0.99, plus average assistance-phase synchronisation of 97.5%. Fit, gait, terrain, settings and environment can change results. Cycling exertion. SGS testing at 60 ± 5 rpm and 100 W resistance recorded an average heart-rate reduction of 42.68% across the tested participants. Results depend on intensity, terrain, fit, physical condition and use. Walking runtime. The 30 km / 7.5-hour figure was measured at 4 km/h on a Grade 2 incline, with Eco Mode at 30% power, through continuous movement to battery depletion. Real routes, loads and users will vary. Cycling runtime. The 1.7-hour Hyper Mode result came from continuous indoor cycling at 20 km/h and 100% power. Environmental conditions, bicycle, load, terrain and riding style affect practical performance. Materials and protection. X Max S construction includes aluminium-alloy hip tubes, stainless-steel hip levers and carbon-fibre reinforced leg levers. IP54 performance was measured under controlled conditions and may reduce with wear. General limitation. Manufacturer performance figures were collected in laboratory conditions. Experience can differ with firmware, environment, fitting and use.