@font-face{font-family:ServiceNow;src:url(../assets/servicenow-regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:ServiceNow;src:url(../assets/servicenow-bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:ServiceNowDisplay;src:url(../assets/servicenow-display-bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--dhl-red:#d40511;--dhl-yellow:#ffcc00;--ink:#080b0d;--stage:0;color:var(--ink);font-family:ServiceNow,Arial,sans-serif;font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#e4eaf0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #d40511;outline-offset:5px}button:disabled{cursor:default}button svg{pointer-events:none}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}#experience{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;isolation:isolate}.backdrop{position:absolute;inset:0;z-index:-2;background:linear-gradient(100deg,#f6f8fa33,#f6f8fa11 48%,#ffffffb0 90%),url(../assets/warehouse-sky.png) center 54%/cover no-repeat}.brand{position:absolute;left:4.2%;top:8.4%;width:21.5%;z-index:2}.brand img{display:block;width:100%;height:auto}.intro{position:absolute;left:4.2%;top:20.2%;width:28%;z-index:2}.intro h1{font-family:ServiceNowDisplay,ServiceNow,Arial,sans-serif;font-size:clamp(35px,3.16vw,68px);line-height:1.04;letter-spacing:-.048em;margin:0 0 .67em;font-weight:700}.intro p{font-size:clamp(16px,1.2vw,25px);line-height:1.2;margin:0 0 1.25em;max-width:28em;letter-spacing:-.016em}.globe-region{position:absolute;left:32.3%;top:1%;width:47.8%;height:83.7%;z-index:1}.globe-canvas{position:absolute;inset:0;cursor:grab;touch-action:none;outline:none;-webkit-tap-highlight-color:transparent}.globe-canvas.dragging{cursor:grabbing}.globe-canvas.keyboard-focus:focus~.globe-toolbar .drag-hint{outline:2px solid #53616a;outline-offset:4px;border-radius:3px}.globe-canvas canvas{display:block;width:100%;height:100%}.globe-fallback{position:absolute;inset:5%;display:flex;flex-direction:column;align-items:center;justify-content:center}.globe-fallback img{width:100%;max-height:90%;object-fit:contain}.globe-fallback p{position:absolute;bottom:0;background:#ffffffe6;padding:10px 16px;border-radius:10px;font-size:14px}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;display:flex;align-items:center;text-align:left;pointer-events:auto;padding:5px 20px 5px 5px;gap:9px;background:linear-gradient(180deg,#fffef8 10%,#fff9dd 57%,#f9cf69);border:1px solid #fffbd8;border-radius:100px;box-shadow:0 4px 8px #71370936,0 1px 2px #fff8 inset;white-space:nowrap;transform:translate(-25%,-50%);max-width:97%;min-height:48px;transition:opacity .25s,filter .2s;animation:reveal .45s both;animation-delay:var(--delay,0ms)}.hotspot:hover{filter:brightness(1.08);box-shadow:0 6px 20px #71370955}.hotspot .plus{display:grid;place-items:center;flex:none;background:#060808;border:2px solid #fff;width:44px;height:44px;outline:1px solid #242424;border-radius:50%;color:#fff;font-family:Arial,sans-serif;font-weight:300;font-size:34px;line-height:1}.hotspot .hotspot-copy{display:flex;flex-direction:column;gap:1px}.hotspot strong{font-size:clamp(14px,.94vw,20px);line-height:1.05;font-weight:700;letter-spacing:-.025em}.hotspot small{font-size:clamp(12px,.72vw,16px);line-height:1.2;letter-spacing:-.02em}.hotspot[data-offscreen=true]{opacity:0;pointer-events:none}.globe-toolbar{position:absolute;left:50%;bottom:-.5%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:16px;white-space:nowrap;padding:7px 9px 7px 14px;border:1px solid #ffffff9e;border-radius:100px;background:#ffffffa8;backdrop-filter:blur(10px);color:#242421;box-shadow:0 4px 20px #2c394309}.drag-hint{font-size:13px;display:flex;gap:7px;align-items:center}.drag-hint svg{width:20px;height:20px}.globe-actions{display:flex;gap:3px}.icon-button{width:34px;height:34px;display:grid;place-items:center;padding:7px;border:0;border-radius:50%;background:transparent}.icon-button:hover{background:#fff}.icon-button svg{width:20px;height:20px}.play-symbol,.is-paused .pause-symbol{display:none}.is-paused .play-symbol{display:block}.stage-navigation{position:absolute;top:28.5%;left:81%;width:18%;z-index:3;touch-action:pan-x}.scroll-hint{display:flex;align-items:center;gap:7px;font:12px/1.3 monospace;margin:0 0 27px 6px;letter-spacing:.03em}.scroll-hint svg{width:13px;height:20px}.navigation-track{position:relative;display:flex;flex-direction:column;gap:39px}.stage-button{position:relative;z-index:2;display:flex;align-items:center;gap:15px;background:none;border:0;padding:0;text-align:left;min-height:46px;border-radius:30px}.stage-number{display:grid;place-items:center;flex:none;width:46px;height:46px;border:7px solid #fff;border-radius:50%;background:#ffbc37;font-size:14px;line-height:1;font-weight:700;transition:background .3s,color .3s,box-shadow .3s}.stage-copy{display:flex;flex-direction:column;gap:1px}.stage-copy strong{font-size:clamp(16px,1.34vw,28px);line-height:1.1;letter-spacing:-.04em}.stage-copy small{font-size:clamp(14px,1.02vw,21px);font-weight:400;line-height:1.1;color:#3a3d40}.stage-button.active .stage-number{background:var(--dhl-red);color:#fff;box-shadow:0 0 0 4px #ffffff50}.stage-button.active strong{color:var(--dhl-red)}.stage-button:hover .stage-number{box-shadow:0 0 0 4px #fffa}.slider-rail{position:absolute;left:22px;top:23px;bottom:23px;width:2px;background:#fff8;pointer-events:none}.slider-rail>span{display:block;height:calc(var(--stage)*50%);background:#e6a724;transition:height .3s}.slider-rail i{position:absolute;width:14px;height:14px;left:-6px;top:calc(25% - 7px);background:#ffc044;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.slider-rail i:last-child{top:calc(75% - 7px)}.stage-slider{position:absolute;z-index:3;left:3px;top:45px;height:calc(100% - 90px);width:40px;opacity:0;writing-mode:vertical-lr;direction:ltr;cursor:ns-resize;margin:0;touch-action:none}.navigation-track:has(.stage-slider:focus-visible){outline:3px solid var(--dhl-red);outline-offset:9px;border-radius:8px}footer{position:absolute;bottom:2%;left:0;width:100%;text-align:center;font-size:12px;color:#292d30;font-style:italic;text-shadow:0 1px 8px white}.topic-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100svh - 40px);padding:20px 28px 24px;border:1px solid #ffb931;border-radius:12px;background:linear-gradient(145deg,#fff 50%,#fff9e8);color:#111;box-shadow:0 24px 100px #37260836;overflow-y:auto}.topic-dialog::backdrop{background:#10171e42;backdrop-filter:blur(7px)}.topic-dialog[open]{animation:panel-in .28s ease-out}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:3px}.topic-step{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#73716b}.close-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e7e2d8;border-radius:50%;background:#fff}.close-button:hover{background:#fff2cf}.close-button svg{width:20px;height:20px}.topic-icon{width:85px;height:85px;object-fit:contain;margin:4px 0 8px}.topic-category{font-family:ServiceNowDisplay,ServiceNow,sans-serif;font-weight:700;color:#e51e19;font-size:36px;line-height:1.04;letter-spacing:-.035em;max-width:300px;margin:0 0 14px}.topic-dialog h2{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0 0 20px}.topic-dialog ul{list-style:none;padding:0;margin:0 0 18px;font-size:17px;line-height:1.45}.topic-dialog li{padding:12px 0 12px 13px;border-bottom:1px solid #efa481;position:relative}.topic-dialog li:before{content:"•";position:absolute;left:0}.topic-dialog li:last-child{border-bottom:0}.topic-pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eadfc9;padding-top:16px;color:#777268;font-size:13px}.topic-pagination>div{display:flex;gap:8px}.topic-pagination button{width:42px;height:36px;background:#fff;border:1px solid #e5d9bf;border-radius:20px;font-size:20px}.topic-pagination button:hover{background:#fc0;color:#000}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;bottom:15%;left:10%;right:10%;padding:24px;background:#fff;color:#d40511;text-align:center}@keyframes reveal{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes panel-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1800px){.navigation-track{gap:57px}.stage-number{width:60px;height:60px;border-width:9px;font-size:18px}.stage-button{gap:15px}.slider-rail{left:29px;top:30px;bottom:30px}.stage-slider{left:10px;top:58px;height:calc(100% - 116px)}.scroll-hint{font-size:16px;margin-bottom:34px}.hotspot .plus{width:52px;height:52px}.hotspot{min-height:64px}}@media(max-width:1100px)and (min-width:761px){.intro{top:19%}.intro h1{font-size:32px}.intro p{font-size:16px}.brand{width:25%}.globe-region{left:32%;width:48%}.stage-navigation{left:80%;width:20%}.stage-button{gap:5px}.stage-number{width:42px;height:42px;border-width:6px}.stage-copy strong{font-size:16px}.hotspot{gap:6px;padding-right:12px;transform:translate(-32%,-50%)}.hotspot .plus{width:34px;height:34px;font-size:27px}.hotspot small{max-width:185px;white-space:normal}.hotspot strong{font-size:14px}.slider-rail{left:20px}.scroll-hint{font-size:10px}.globe-toolbar{gap:8px}.drag-hint{font-size:12px}}@media(max-width:760px){#experience{min-height:920px;height:100svh;overflow:hidden}.backdrop{background-position:38% bottom;background-size:auto 100%;background-color:#dce9f3;background-repeat:no-repeat}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(#e4edf5 9%,#edf1f688 35%,transparent 60%)}.brand{left:7%;top:30px;width:260px;max-width:75%}.intro{left:7%;top:91px;width:86%}.intro h1{font-size:clamp(31px,7.7vw,46px);line-height:1.03;letter-spacing:-.04em;margin-bottom:17px}.intro h1 br:first-child{display:none}.intro p{font-size:16px;line-height:1.25;margin:0 0 12px;max-width:38em}.intro p:last-child{display:none}.globe-region{left:0;top:295px;width:100%;height:455px}.globe-toolbar{bottom:-5px;gap:15px}.hotspot{transform:translate(-30%,-50%);min-height:44px;gap:6px;padding:4px 11px 4px 4px}.hotspot .plus{width:34px;height:34px;font-size:27px}.hotspot strong{font-size:14px}.hotspot small{font-size:12px;white-space:normal;max-width:180px}.stage-navigation{left:7%;top:800px;width:86%}.scroll-hint{display:none}.navigation-track{flex-direction:row;justify-content:space-between;gap:0}.stage-button{display:flex;flex-direction:column;gap:7px;min-width:27%;align-items:center;text-align:center}.stage-number{width:44px;height:44px;border-width:6px}.stage-copy strong{font-size:16px;letter-spacing:-.04em}.stage-copy small{font-size:14px}.slider-rail{inset:21px 15% auto;width:auto;height:2px}.slider-rail>span{width:calc(var(--stage)*50%);height:2px;transition:width .3s}.slider-rail i{top:-6px;left:calc(25% - 7px)}.slider-rail i:last-child{top:-6px;left:calc(75% - 7px)}.stage-slider{writing-mode:horizontal-tb;left:15%;width:70%;top:8px;height:28px;cursor:ew-resize;z-index:1}.stage-button{z-index:2}.stage-copy{padding:4px 5px;background:#ffffffb5;border-radius:5px}footer{bottom:10px;font-size:10px;padding:0 10px}.topic-dialog{padding:15px 23px 22px}.topic-category{font-size:32px}}@media(max-width:370px){.intro h1{font-size:30px}.intro p{font-size:15px}.stage-copy strong{font-size:14px}.hotspot{max-width:230px}.hotspot small{max-width:155px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}