.jd-hero{padding-block:35px 60px}.jd-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;margin-top:35px}.jd-intro h1{font-size:clamp(3rem,5.8vw,5.5rem);letter-spacing:-.055em;line-height:1.02;margin:18px 0 25px}.jd-intro h1 span{color:#32d6ef}.jd-lead{max-width:47ch;line-height:1.8;font-size:1.05rem}.jd-small{font-size:.78rem;opacity:.75;line-height:1.7;margin-top:20px}.jd-hero-art{border-radius:24px;overflow:hidden;position:relative;border:1px solid #50748b44}.jd-hero-art img{display:block;aspect-ratio:3/2;object-fit:cover;width:100%}.jd-hero-art>span{position:absolute;bottom:18px;left:18px;padding:9px 13px;border-radius:30px;background:#07162dda;color:#d7f9ff;font-size:.73rem;backdrop-filter:blur(8px)}.jd-tour-section{background:#061524;color:#edf7ff;padding:65px 0}.jd-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.jd-section-head h2{font-size:clamp(2rem,3.5vw,3.2rem);margin:10px 0}.jd-section-head>p{font-size:.9rem;color:#b4c9db;line-height:1.7}.jd-player{border:1px solid #2d4a60;border-radius:22px;overflow:hidden;background:#091d31;box-shadow:0 30px 70px #0003;outline-offset:5px}.jd-player-top{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-bottom:1px solid #26435d;font-size:.95rem;font-weight:700}.jd-player-top small{color:#adc6da;font-size:.72rem;font-weight:400;margin-left:8px}.jd-live-dot{display:inline-block;width:7px;height:7px;background:#29d2ea;border-radius:50%;margin-right:8px}.jd-example{font-size:.65rem;font-weight:400;color:#8ae8f5;background:#10394d;padding:5px 10px;border-radius:30px}.jd-stage{padding:clamp(14px,3vw,35px);background:radial-gradient(ellipse at 70% 0,#143e5e,#08192c 70%)}.jd-screen{min-height:400px;display:grid;grid-template-columns:165px minmax(0,1fr);color:#203551;background:#f3f6fb;border-radius:13px;overflow:hidden;box-shadow:0 10px 35px #0003;font-family:Segoe UI,system-ui,sans-serif}.jd-app-nav{background:#0a213c;padding:25px 18px;color:white}.jd-app-nav img{width:100%;display:block;margin-bottom:28px}.jd-app-nav strong{font-size:24px;letter-spacing:-1px;display:block;margin-bottom:25px}.jd-app-nav strong span{color:#2ed3ee}.jd-app-nav div{padding:11px 10px;margin:8px 0;font-size:12px;color:#acc9df;border-radius:7px}.jd-app-nav .selected{color:white;background:#124762;border-left:2px solid #22cbe5}.jd-app-main{padding:25px;min-width:0}.jd-app-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.jd-app-head h4{color:#152c48;font-size:21px;letter-spacing:-.6px;margin:0 0 4px}.jd-app-head p{color:#748399;font-size:11px;margin:0}.jd-fake-button{display:inline-block;border-radius:7px;background:#0087b3;color:#fff;padding:9px 13px;font-size:11px;white-space:nowrap}.jd-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.jd-mini-stat{background:#fff;border:1px solid #dfe8f1;border-radius:9px;padding:15px}.jd-mini-stat span{display:block;font-size:10px;color:#6b8098}.jd-mini-stat b{display:block;font-size:24px;color:#102e4e;margin-top:10px}.jd-mini-stat:last-child{background:#0d3554;border-color:#0d3554}.jd-mini-stat:last-child span{color:#badced}.jd-mini-stat:last-child b{color:#fff}.jd-table-box{background:white;border:1px solid #e1e8f1;border-radius:9px;overflow:auto}.jd-table-box table{border-collapse:collapse;width:100%;min-width:400px;text-align:left;font-size:11px;color:#304b66}.jd-table-box th{padding:12px 14px;background:#f8fafd;color:#7c8c9e;font-size:9px;font-weight:600}.jd-table-box td{padding:15px 14px;border-top:1px solid #eaf0f5}.jd-table-box td b{display:block;font-size:11px;color:#1a3653}.jd-table-box td small{display:block;font-size:9px;color:#8291a4;margin-top:5px}.jd-status{display:inline-block;white-space:nowrap;padding:5px 8px;border-radius:20px;background:#e5f4ff;color:#147daa;font-size:9px}.jd-status.done{background:#dff6ee;color:#158164}.jd-status.new{background:#fff2d8;color:#926500}.jd-focus{background:#eaf8ff!important;box-shadow:inset 3px 0 #009fc8}.jd-form{margin:auto;max-width:460px;padding:20px;border:1px solid #dce7f1;background:white;border-radius:12px}.jd-form h5{margin:0 0 16px;font-size:16px;color:#123454}.jd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jd-field{font-size:9px;color:#71869a}.jd-field.wide{grid-column:1/-1}.jd-field span{display:block;padding:10px 11px;color:#22415e;background:#f6f9fc;border:1px solid #dce6f0;border-radius:6px;margin-top:6px;font-size:11px}.jd-form .jd-fake-button{margin-top:17px}.jd-success{margin-top:15px;border:1px solid #b5e3d7;background:#e5f8f0;padding:10px;border-radius:7px;font-size:11px;color:#177354}.jd-search-sample{font-size:11px;background:#fff;border:1px solid #bddbea;padding:12px 15px;border-radius:8px;margin-bottom:16px;color:#42728e}.jd-jobflow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.jd-flow-col{padding:14px;background:#e9eff6;border:1px solid #dde5ef;border-radius:9px;min-height:225px}.jd-flow-col h5{margin:0 0 15px;font-size:11px;color:#435b74}.jd-jobtile{background:white;padding:15px 12px;border-radius:8px;border:1px solid #dce5ef;margin-bottom:10px;font-size:11px;color:#1c3b59}.jd-jobtile small{display:block;font-size:9px;color:#75889d;margin:8px 0 12px}.jd-jobtile.completed{border-color:#5bc4a0;background:#f5fffa}.jd-caption{padding:22px 25px;display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #26435d}.jd-chapter{font-size:.65rem;letter-spacing:2px;color:#70d9e9}.jd-caption h3{font-size:1.25rem;margin:8px 0}.jd-caption p{font-size:.88rem;line-height:1.7;color:#b7cfdf;margin:0;max-width:70ch}.jd-feature{padding:8px 12px;border-radius:20px;border:1px solid #2b5169;color:#9cddea;font-size:.7rem;white-space:nowrap}.jd-progress{height:3px;background:#17354b}.jd-progress span{display:block;height:100%;background:#31d4ee;transition:width .35s}.jd-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 25px;gap:16px}.jd-control-group{display:flex;gap:8px;align-items:center}.jd-controls button{padding:10px 15px;min-height:44px;border:1px solid #355a74;border-radius:9px;background:#11304a;color:#ddf6ff;font:inherit;font-size:.76rem;cursor:pointer}.jd-controls button:hover{background:#1a4661}.jd-controls #jd-play{background:#65e4f4;color:#072b3d;border-color:#65e4f4;min-width:150px}.jd-controls #jd-count{font-size:.7rem;color:#a5c6dc;margin-right:10px}.jd-player button:focus-visible{outline:3px solid #65e4f4;outline-offset:3px}.jd-chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#29455c;border-top:1px solid #29455c}.jd-chapters button{background:#0d2439;color:#aac8dc;cursor:pointer;border:0;min-height:55px;padding:10px 7px;font:inherit;font-size:.7rem}.jd-chapters button[aria-pressed=true]{color:#82eafa;background:#143c54;box-shadow:inset 0 3px #37cee8}.jd-disclaimer{font-size:.73rem;line-height:1.7;color:#9ebbd1;margin:18px 0 0}.jd-features{padding-block:70px;display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:start}.jd-features h2,.jd-customise h2{font-size:clamp(2rem,3.5vw,3rem);margin:14px 0 22px}.jd-feature-grid{display:grid;gap:24px}.jd-feature-grid article{border-top:1px solid #7694ad40;padding-top:20px}.jd-feature-grid span{font-size:.67rem;color:#008fb3;letter-spacing:1px}.jd-feature-grid h3{font-size:1.12rem;margin:10px 0}.jd-feature-grid p{font-size:.9rem;line-height:1.8;margin:0}.jd-customise{padding:38px;border:1px solid #50809d44;border-radius:22px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;margin-bottom:80px;background:linear-gradient(120deg,#0787ad0b,#088daf14)}.jd-customise p{max-width:60ch;line-height:1.8}.jd-customise .hero-actions{flex-direction:column;align-items:flex-start;justify-content:center}.jd-customise .text-link{font-size:.82rem;margin-top:10px}
.jd-player:fullscreen,.jd-player.jd-expanded{width:100%;height:100%;border-radius:0;background:#061524;display:flex;flex-direction:column;overflow:auto}.jd-player:fullscreen .jd-stage,.jd-player.jd-expanded .jd-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.jd-player:fullscreen .jd-screen,.jd-player.jd-expanded .jd-screen{width:min(1200px,100%);min-height:min(460px,55vh)}.jd-player.jd-expanded{position:fixed;inset:0;z-index:10000}body.jd-modal-open{overflow:hidden}
@media(max-width:900px){.jd-intro{gap:30px}.jd-screen{grid-template-columns:125px minmax(0,1fr)}.jd-app-nav{padding:20px 12px}.jd-app-main{padding:18px}.jd-mini-stat{padding:11px}.jd-mini-stat b{font-size:20px}.jd-features{grid-template-columns:1fr;gap:25px}.jd-customise{gap:25px}}
@media(max-width:650px){.jd-hero{padding:25px 0 35px}.jd-intro{grid-template-columns:1fr;gap:25px;margin-top:22px}.jd-intro h1{font-size:3.25rem}.jd-lead{font-size:.95rem}.jd-hero-art{max-height:200px}.jd-hero-art img{object-position:center 35%;height:200px;aspect-ratio:auto}.jd-tour-section{padding:35px 0}.jd-section-head{display:block}.jd-section-head>p{font-size:.82rem}.jd-player-top{padding:15px}.jd-player-top small{display:none}.jd-screen{grid-template-columns:1fr;min-height:340px}.jd-app-nav{display:none}.jd-stage{padding:10px}.jd-app-main{padding:16px 12px}.jd-app-head h4{font-size:17px}.jd-app-head p{font-size:9px}.jd-fake-button{font-size:9px;padding:8px}.jd-mini-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.jd-mini-stat{padding:11px}.jd-mini-stat b{font-size:20px;margin-top:7px}.jd-mini-stat span{font-size:9px}.jd-table-box table{min-width:380px}.jd-table-box td{padding:12px 10px}.jd-caption{padding:18px 15px;display:block}.jd-caption h3{font-size:1.06rem}.jd-caption p{font-size:.78rem}.jd-feature{display:none}.jd-controls{padding:13px;flex-wrap:wrap;gap:10px}.jd-control-group{gap:6px}.jd-controls button{padding:9px 11px;font-size:.68rem}.jd-controls #jd-play{min-width:135px}.jd-chapters{grid-template-columns:repeat(3,1fr)}.jd-chapters button{font-size:.65rem}.jd-jobflow{gap:6px}.jd-flow-col{padding:8px;min-height:230px}.jd-flow-col h5{font-size:9px}.jd-jobtile{padding:10px 6px;font-size:9px}.jd-jobtile small{font-size:8px}.jd-status{font-size:8px;padding:4px 6px}.jd-form{padding:15px}.jd-form-grid{gap:10px}.jd-field span{font-size:10px;padding:9px}.jd-features{padding-block:40px}.jd-customise{padding:24px;grid-template-columns:1fr;margin-bottom:45px}.jd-player:fullscreen .jd-stage,.jd-player.jd-expanded .jd-stage{padding:10px}.jd-player:fullscreen .jd-screen,.jd-player.jd-expanded .jd-screen{min-height:340px}.jd-player:fullscreen .jd-caption,.jd-player.jd-expanded .jd-caption{padding-block:12px}.jd-player:fullscreen .jd-caption p,.jd-player.jd-expanded .jd-caption p{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.jd-progress span{transition:none}}

/* Start directly at the demo, with a clear way back to the gallery. */
.jd-demo-top{padding-block:22px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.jd-demo-top h1{font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.15;margin:12px 0 0;letter-spacing:-.04em}.jd-gallery-back{font-size:.8rem;min-height:42px;padding:10px 16px;white-space:nowrap}.jd-tour-section{padding-top:28px;padding-bottom:40px}.jd-section-head{margin-bottom:20px}.jd-section-head h2{font-size:clamp(1.6rem,2.6vw,2.3rem);margin:8px 0}.jd-section-head>p{font-size:.78rem}.jd-features{padding-block:45px}@media(max-width:650px){.jd-demo-top{align-items:flex-start;flex-direction:column;gap:14px;padding-block:18px}.jd-demo-top h1{font-size:1.6rem}.jd-gallery-back{font-size:.75rem}.jd-tour-section{padding-top:23px}.jd-section-head>p{margin-top:10px}}

/* Customer branding at the top; supplier endorsement at the bottom. */
.jd-app-nav{display:flex;flex-direction:column}.jd-app-nav .jd-client-logo{border:1px dashed #537890;border-radius:7px;background:#14384f;color:#c4dce9;text-align:center;font-size:11px;padding:15px 4px;margin:0 0 24px;flex-shrink:0}.jd-app-nav .jd-powered{margin:28px 0 0;margin-top:auto;padding:18px 0 0;border-top:1px solid #34566f;flex-shrink:0;border-radius:0}.jd-powered span{display:block;color:#a2c4d9;font-size:9px;margin-bottom:8px}.jd-app-nav .jd-powered img{display:block;width:100%;height:auto;margin:0}.jd-app-nav>div:not(.jd-client-logo):not(.jd-powered){flex-shrink:0}

/* Video demonstration and fixed-header spacing. */
.jobdesk-page #main-content{padding-top:var(--demo-header-offset,90px)}.jd-video-player{max-width:1120px;margin-inline:auto}.jd-video-wrap{position:relative;overflow:hidden;background:#07182b}.jd-video-wrap video{display:block;width:100%;height:auto;aspect-ratio:1200/872;max-height:72vh;object-fit:contain;background:#07182b}.jd-video-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border-top:1px solid #26435d;font-size:.72rem;color:#aacbdf}.jd-video-footer a{color:#78e1f3;text-decoration:none;white-space:nowrap}.jd-video-footer a:hover{text-decoration:underline}.jd-section-head{flex-wrap:wrap;align-items:center}.jd-section-head>p{flex-basis:100%;margin:0}.jd-click-ripple{position:absolute;width:20px;height:20px;border:3px solid #43ddf2;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:jd-video-ripple .65s ease-out forwards;box-shadow:0 0 18px #43ddf240}@keyframes jd-video-ripple{to{width:90px;height:90px;opacity:0}}@media(max-width:650px){.jd-video-footer{padding:12px 14px;flex-wrap:wrap;font-size:.65rem}.jd-video-wrap video{max-height:none}.jd-section-head .jd-gallery-back{margin-top:10px}}@media(prefers-reduced-motion:reduce){.jd-click-ripple{animation:none;display:none}}

/* Embedded app stays inside the website on desktop and mobile. */
.jd-app-player{max-width:1280px;margin-inline:auto}.jd-app-frame{display:block;width:100%;height:780px;height:clamp(620px,78svh,920px);border:0;background:#f3f7fb}.jd-app-player .jd-player-top{gap:12px;flex-wrap:wrap}.jd-app-player .jd-video-footer{flex-wrap:wrap}@media(max-width:700px){.jd-tour-section>.container{width:calc(100% - 20px)}.jd-app-frame{height:760px;height:85svh;min-height:600px}.jd-app-player{border-radius:14px}.jd-app-player .jd-player-top{padding:14px}.jd-app-player .jd-player-top small{display:block;margin:5px 0 0}}

/* Compact demo page: one heading, one return link, app first. */
.jobdesk-page .jd-tour-section{padding:12px 0 22px;background:transparent}.jobdesk-page .jd-tour-section>.container{width:min(1440px,calc(100% - 32px));max-width:1440px}.jd-panel-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.jd-panel-title h1{font-size:1.15rem;line-height:1.2;margin:0;letter-spacing:-.02em;color:#edf7ff}.jd-panel-title>span{font-size:.72rem;font-weight:400;color:#adc6da}.jobdesk-page .jd-player-top{padding:14px 18px;gap:12px}.jd-back-link{font-size:.78rem;color:#96e8f5;text-decoration:none;font-weight:600;white-space:nowrap}.jd-back-link:hover{text-decoration:underline}.jd-back-link:focus-visible{outline:2px solid #35d6ef;outline-offset:5px}.jd-compact-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 3px;font-size:.72rem}.jd-compact-foot p{margin:0;color:#94adbe}.jd-compact-foot a{color:#49c9e1;text-decoration:none}.jd-compact-foot a:hover{text-decoration:underline}.jobdesk-page .jd-app-frame{height:calc(100svh - var(--demo-header-offset,90px) - 130px);min-height:560px;max-height:1000px}@media(max-width:700px){.jobdesk-page .jd-tour-section{padding-top:8px}.jobdesk-page .jd-tour-section>.container{width:calc(100% - 16px)}.jobdesk-page .jd-player-top{padding:12px;align-items:center}.jd-panel-title{gap:3px;flex-direction:column}.jd-panel-title h1{font-size:1rem}.jd-panel-title>span{font-size:.62rem}.jd-back-link{font-size:.66rem}.jd-compact-foot{font-size:.65rem;gap:8px;padding:10px 3px}.jobdesk-page .jd-app-frame{height:calc(100svh - var(--demo-header-offset,74px) - 105px);min-height:520px}}