/* A bolder homepage, retaining Jaxicloud's logo and all existing destinations. */
body.universe-home .welcome{height:auto!important;min-height:820px!important;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:34px;padding:190px 6% 100px;background:radial-gradient(ellipse at 80% 42%,#5268b46b,transparent 50%),linear-gradient(120deg,#14204a 0%,#27366d 48%,#3d4c91 100%)}
body.universe-home .welcome:after{content:"";position:absolute;right:-210px;top:90px;width:760px;height:760px;border:1px solid #ffffff0e;border-radius:50%;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02;pointer-events:none}
body.universe-home .welcome-grid{opacity:.35;left:40%;top:56%}
body.universe-home .welcome-copy{position:relative;left:auto;right:auto;top:auto;transform:none;text-align:left;padding:0;margin:0;width:100%;z-index:2}
body.universe-home .welcome-copy>.u-kicker{font-size:10px;letter-spacing:2.2px;color:#ffb47d;margin-bottom:24px}
body.universe-home .welcome h1{font-size:clamp(56px,6.8vw,94px);letter-spacing:-4px;line-height:.99;font-weight:500;margin:0 0 28px}
body.universe-home .welcome h1 em{color:#ffad73}
body.universe-home .welcome-copy>p{max-width:440px;font-size:17px;line-height:1.75;color:#e5eaff;margin:0 0 26px}
.hero-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 18px}.hero-shortcuts a{display:flex;align-items:center;gap:24px;border:1px solid #aab8f077;border-radius:4px 20px 4px 4px;padding:14px 18px;color:#fff;font-size:13px;font-weight:600;background:#ffffff06}.hero-shortcuts a:first-child{border-color:#dd7127;background:#dd71271a}.hero-shortcuts a span{color:#ffb47d}.hero-shortcuts a:hover{background:#ffffff14}.hero-shortcuts a:focus-visible{outline:2px solid #ffb47d;outline-offset:4px}
body.universe-home .welcome .enter-universe{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0!important;gap:12px;min-height:112px;font-size:14px;text-align:left}
body.universe-home .welcome .enter-universe .universe-globe-icon{width:134px;height:130px;flex:none}
body.universe-home .welcome-orbit{position:relative;width:100%;height:430px;margin:0;z-index:1}
body.universe-home .welcome-orbit:before{content:"";position:absolute;left:50%;top:50%;width:61%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #c7d5ff24;border-radius:50%;background:radial-gradient(circle,#ffffff08,transparent 70%)}
body.universe-home .welcome-orbit .orbit-label{width:calc(27% - 12px)!important;min-height:48px;padding:9px 7px;font-size:9px;line-height:1.5;letter-spacing:.3px;border-color:#b1c4ff4d;background:#364a85b3;border-radius:9px;box-shadow:0 8px 30px #0a15331a}
body.universe-home .welcome-orbit [data-orbit="0"],body.universe-home .welcome-orbit [data-orbit="2"]{left:0}
body.universe-home .welcome-orbit [data-orbit="1"],body.universe-home .welcome-orbit [data-orbit="3"]{right:0}
body.universe-home .welcome-orbit [data-orbit="0"],body.universe-home .welcome-orbit [data-orbit="1"]{top:19%}
body.universe-home .welcome-orbit [data-orbit="2"],body.universe-home .welcome-orbit [data-orbit="3"]{top:69%}
.hero-orbit-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:#d0dbff}
body.universe-home .welcome-bottom{left:6%;right:6%;bottom:30px;border-top:1px solid #ffffff24;padding-top:18px;font-size:9px;letter-spacing:1px}
body.universe-home .app-universe{padding:74px 6%;background:#f4f6fc}
body.universe-home .app-universe .u-section-heading h2{font-size:clamp(34px,4.2vw,56px);letter-spacing:-1.9px;line-height:1.08}
body.universe-home .app-universe .app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
body.universe-home .app-universe .app-card{padding:24px 18px!important;min-height:250px;display:flex;align-items:center;justify-content:flex-start;border-radius:20px!important;box-shadow:0 8px 24px #17264f10;background:linear-gradient(145deg,#45589b,#27366d)!important}
body.universe-home .app-universe .app-card .app-icon{width:96px;height:96px;padding:24px 25px 28px}
body.universe-home .app-universe .app-card h3{font-size:17px;line-height:1.3;min-height:44px;max-width:220px;margin-bottom:10px}
body.universe-home .app-universe .app-card p{font-size:12px;line-height:1.6;max-width:220px;color:#e5ebff!important}
body.universe-home .app-universe .app-card:hover{border-color:#dd7127!important;box-shadow:0 12px 30px #17264f24}
body.universe-home .home-presentation{background:linear-gradient(115deg,#1c2b5b,#3d4c91);padding-top:72px;padding-bottom:72px}
body.universe-home .home-news{padding-top:72px;padding-bottom:72px}
@media(max-width:1000px){body.universe-home .welcome{grid-template-columns:1fr 1fr;gap:20px;padding-top:160px;min-height:760px!important}body.universe-home .welcome h1{font-size:64px;letter-spacing:-2.8px}body.universe-home .welcome-copy>p{font-size:15px}.hero-shortcuts a{font-size:12px;padding:12px 14px;gap:16px}body.universe-home .welcome-orbit .orbit-label{font-size:8px;padding:8px 4px;gap:4px}body.universe-home .app-universe .app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){body.universe-home .welcome{display:flex;flex-direction:column;gap:12px;min-height:0!important;padding:135px 6% 95px;align-items:stretch}body.universe-home .welcome h1{font-size:clamp(52px,10vw,70px);letter-spacing:-2.5px}body.universe-home .welcome-copy>.u-kicker{font-size:8px;margin-bottom:18px}body.universe-home .welcome-copy>p{font-size:15px;max-width:470px}.hero-shortcuts{gap:10px;margin-bottom:5px}body.universe-home .welcome .enter-universe{min-height:90px;font-size:13px}body.universe-home .welcome .enter-universe .universe-globe-icon{width:110px;height:107px}body.universe-home .welcome-orbit{height:300px;max-width:530px;align-self:center;margin:0}body.universe-home .welcome-orbit .orbit-label{font-size:8px;min-height:46px}body.universe-home .welcome-bottom{bottom:25px;font-size:8px}body.universe-home .app-universe{padding:48px 20px}body.universe-home .app-universe .app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body.universe-home .app-universe .app-card{padding:20px 12px!important;min-height:232px}body.universe-home .app-universe .app-card h3{font-size:14px;min-height:37px}body.universe-home .app-universe .app-card p{font-size:11px}body.universe-home .home-presentation,body.universe-home .home-news{padding-top:48px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){body.universe-home .app-universe .app-card:hover .app-icon{transform:none}}

/* Transport photography gives the first impression a clear connection to the fleet. */
body.universe-home .welcome{background-image:linear-gradient(90deg,#121d42fa 0%,#1c2d61ed 40%,#21356a9c 72%,#2035658c 100%),url('/hero-truck-label-site.webp');background-size:cover;background-position:center,65% center}
body.universe-home .welcome-orbit{background:radial-gradient(ellipse,#182956c9,transparent 74%);border-radius:50%}
.home-visual-paths{padding:0 6% 64px;background:#f4f6fc;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.visual-path{position:relative;display:block;aspect-ratio:1.35;overflow:hidden;border-radius:0 32px 0 32px;background:#27366d;color:#fff;text-decoration:none;isolation:isolate}
.visual-path:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#14204a00 30%,#0c1736ed 100%);z-index:1;pointer-events:none}
.visual-path:before{content:"";position:absolute;right:0;top:0;width:50px;height:50px;border-top:5px solid #dd7127;border-right:5px solid #dd7127;border-radius:0 32px 0 0;z-index:3;pointer-events:none}
.visual-path>img{display:block;width:100%;height:100%;object-fit:cover}.visual-path-cold>img{object-fit:contain;background:#dbe1ee}
.visual-path>div{position:absolute;bottom:24px;left:24px;right:24px;z-index:2}.visual-path span{display:block;color:#ffbc8b;font-size:9px;font-weight:600;letter-spacing:1.2px}.visual-path h2{font-size:23px;line-height:1.15;letter-spacing:-.4px;color:#fff;margin:10px 30px 0 0;font-weight:500}.visual-path b{position:absolute;right:0;bottom:0;font-size:22px;font-weight:400}.visual-path:hover{box-shadow:0 8px 24px #17264f2e}.visual-path:focus-visible{outline:3px solid #dd7127;outline-offset:5px}
@media(max-width:1000px){.visual-path h2{font-size:20px}.visual-path>div{left:18px;right:18px;bottom:20px}}
@media(max-width:700px){body.universe-home .welcome{background-image:linear-gradient(180deg,#14204af5 0%,#21366bd6 55%,#172952cc 100%),url('/hero-truck-label-site.webp');background-position:center,65% center}.home-visual-paths{padding:0 20px 48px;grid-template-columns:1fr;gap:16px}.visual-path{aspect-ratio:1.65}.visual-path h2{font-size:25px}}

/* Keep the globe and orbit inside the main logo and move the visual group left. */
body.universe-home .welcome-orbit{transform:translateX(-110px)}
body.universe-home .welcome-orbit .orbit-center-entry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:24%;max-width:136px;aspect-ratio:128/124;z-index:1;border:0;background:transparent;outline-offset:4px}
body.universe-home .welcome-orbit .orbit-center-entry .universe-globe-icon{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
body.universe-home .welcome-orbit .orbit-center-entry:focus-visible{outline:2px solid #ffb47d;border-radius:50%}
body.universe-home .welcome .enter-universe{min-height:48px;margin-top:10px!important;gap:22px;padding:8px 0!important}
body.universe-home .welcome .enter-universe>span{font-size:22px;color:#ffb47d}
@media(min-width:1600px){body.universe-home .welcome-orbit{transform:translateX(-150px)}}
@media(max-width:1100px){body.universe-home .welcome-orbit{transform:translateX(-35px)}}
@media(max-width:700px){body.universe-home .welcome-orbit{transform:none}body.universe-home .welcome .enter-universe{min-height:44px}}

/* The first screen ends with the welcome section; APP cards start below it. */
body.universe-home .welcome{min-height:max(820px,100svh)!important}
@media(max-width:700px){body.universe-home .welcome{min-height:100svh!important}}

/* Animate the transport photograph independently of the text and logo. */
body.universe-home .welcome{background:#14204a}
.hero-truck-motion{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-truck-motion>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% center;transform-origin:72% 58%;animation:jax-truck-approach 7s ease-in-out infinite alternate;will-change:transform}
.hero-truck-motion:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#121d42fa 0%,#1c2d61ed 40%,#21356a9c 72%,#2035658c 100%)}
body.universe-home .welcome-bottom{z-index:2}
@keyframes jax-truck-approach{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.18) translate3d(-2.5%,.75%,0)}}
body.universe-home.motion-paused .hero-truck-motion>img{animation-play-state:paused}
@media(max-width:700px){.hero-truck-motion:after{background:linear-gradient(180deg,#14204af5 0%,#21366bd6 55%,#172952cc 100%)}}
@media(prefers-reduced-motion:reduce){.hero-truck-motion>img{animation:none;transform:none;will-change:auto}}

/* A single globe gives the headline room, with a readable caption below. */
body.universe-home .hero-globe{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;width:100%;max-width:520px;min-width:0;margin-left:-30px;text-align:center}
body.universe-home .hero-globe>a{display:block;width:min(100%,470px);line-height:0}
body.universe-home .hero-globe img{display:block;width:100%;height:auto;max-width:none;filter:drop-shadow(0 14px 34px #08143040)}
body.universe-home .hero-globe p{position:relative;margin:10px 0 0;color:#fff;font-size:clamp(14px,1.15vw,18px);font-weight:600;letter-spacing:.16em;line-height:1.6}
.hero-truck-stage{position:absolute;transform-origin:72% 58%;animation:jax-truck-approach 7s ease-in-out infinite alternate;will-change:transform}
.hero-truck-stage>img{display:block;width:100%;height:100%;max-width:none}
.truck-wheels{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:700px){body.universe-home .hero-globe{max-width:350px;margin:0 auto}body.universe-home .hero-globe>a{width:290px}body.universe-home .hero-globe p{font-size:13px;letter-spacing:.11em;margin-top:0}}
@media(prefers-reduced-motion:reduce){.hero-truck-stage{animation:none;will-change:auto}}

/* Globe sits above the headline; the truck remains visible on the right. */
body.universe-home .welcome{grid-template-columns:minmax(0,1fr);padding-top:160px}
body.universe-home .welcome-copy{max-width:620px}
body.universe-home .welcome-copy .hero-globe{width:350px;max-width:100%;margin:0 0 24px 0;align-items:center}
body.universe-home .welcome-copy .hero-globe>a{width:300px;max-width:100%}
body.universe-home .welcome-copy .hero-globe p{font-size:14px;letter-spacing:.12em;margin-top:-10px}
.hero-truck-stage{animation-duration:18s}
.truck-sound-toggle{position:absolute;z-index:3;right:6%;bottom:110px;display:flex;align-items:center;gap:16px;padding:12px 18px;border:1px solid #ffffff66;border-radius:3px 16px 3px 3px;background:#1b2b59b3;color:#fff;font:500 13px inherit;cursor:pointer}
.truck-sound-toggle:hover,.truck-sound-toggle[aria-pressed="true"]{background:#3d4c91;border-color:#fff}
.truck-sound-toggle:focus-visible{outline:2px solid #dd7127;outline-offset:4px}
@media(max-width:700px){body.universe-home .welcome{padding-top:150px;padding-bottom:180px}body.universe-home .welcome-copy .hero-globe{width:290px;margin:0 auto 24px}body.universe-home .welcome-copy .hero-globe>a{width:260px}.truck-sound-toggle{bottom:100px;right:6%}}

.truck-headlights{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
/* Keep the lamp glow above the blue photo tint. */
.hero-truck-motion:after{display:none}
.hero-truck-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#121d42fa 0%,#1c2d61ed 40%,#21356a9c 72%,#2035658c 100%)}
.truck-headlights{z-index:1}
@media(max-width:700px){.hero-truck-stage:after{background:linear-gradient(180deg,#14204af5 0%,#21366bd6 55%,#172952cc 100%)}}

.truck-sound-toggle{text-decoration:none;font:500 13px Arial,sans-serif}#truck-engine-audio{display:none}
@media(prefers-reduced-motion:reduce){.tire-motion-blur{filter:none}}

/* Clear photography with contrast reserved for the text column. */
body.universe-home .welcome:after,body.universe-home .welcome-grid{display:none}
.hero-truck-stage:after{background:linear-gradient(90deg,#0d1938f5 0%,#122348e8 28%,#15284aa3 43%,#14244738 60%,#1424470a 78%,transparent 100%)}
.hero-truck-stage>img{filter:contrast(1.06) saturate(1.04)}
@keyframes jax-truck-approach{0%{transform:scale(1.005) translate3d(0,0,0)}100%{transform:scale(1.06) translate3d(-.8%,.2%,0)}}
@media(max-width:700px){.hero-truck-stage:after{background:linear-gradient(180deg,#101d3bd9 0%,#142448cf 42%,#1424489c 70%,#14244870 100%)}}