/* The hero is a dimensional character scene, not a reproduction of the full logo. */
.welcome{min-height:420px;border-radius:25px;background:radial-gradient(ellipse at 65% 78%,#32636c,#173e50 53%,#102e41);padding-top:22px}
.welcome h1{font-size:34px!important;line-height:1.12;margin-bottom:0;letter-spacing:-1px}
.welcome h1 em{font-size:35px!important;color:#ffe4a5}
.welcome>p{display:none}
.welcome .paper-tag{margin-bottom:14px}
.welcome-art{height:260px!important;bottom:17px!important;left:0!important;width:100%!important}
.welcome-art>.brand-van-scene{width:320px;height:260px;max-width:none;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.welcome-art .brand-van-scene .mascot-dimensional{width:150px!important;height:225px!important;left:51px!important;top:-9px!important;bottom:auto!important}
.welcome .hero-bottom{bottom:13px;font-size:10px!important;font-family:var(--body);font-style:normal;letter-spacing:.2px;color:#e2efde}
.scene-glint{position:absolute;z-index:5;color:#ffd16f;font-size:20px;pointer-events:none;animation:scene-twinkle 4s ease-in-out infinite}
.glint-one{left:12px;top:76px}.glint-two{right:28px;top:60px;color:#8ce1cf;animation-delay:-2s}
@keyframes scene-twinkle{0%,100%{opacity:.3;transform:scale(.75) rotate(-10deg)}50%{opacity:1;transform:scale(1.1) rotate(14deg)}}
.brand-van-scene .replay-van{right:18px;top:23px;width:34px;height:34px;border:1px solid #fff3;background:#ffffff12;color:inherit;font-size:23px;box-shadow:none}
.welcome .replay-van{color:#fff1d6}
.delivery-illustration .replay-van{background:#123a50;color:#fff}
.mascot-dimensional:focus-visible{outline:2px dashed #45bfa9;outline-offset:3px;border-radius:30px}
.welcome-art .van-travel-rig{animation:van-arrive 1.4s cubic-bezier(.2,.7,.2,1) both}
.welcome-art .van-chassis{animation:van-suspension 2.8s ease-in-out infinite}
.brand-van-scene.is-driving .van-travel-rig{animation:van-replay 2.5s cubic-bezier(.25,.65,.3,1) both}
@media(max-height:760px) and (max-width:760px){.welcome{min-height:360px;padding-top:18px}.welcome h1{font-size:29px!important}.welcome h1 em{font-size:30px!important}.welcome .paper-tag{margin-bottom:10px}.welcome-art{height:220px!important;bottom:15px!important}.welcome-art>.brand-van-scene{transform:translateX(-50%) scale(.83);transform-origin:bottom center}.home-greeting{padding-block:11px}.camera-cta{min-height:64px;padding-block:12px}.app-header{min-height:98px}.original-logo{height:90px}.welcome .hero-bottom{font-size:9px!important}}
@media(max-width:370px) and (min-height:761px){.welcome{min-height:400px}.welcome h1{font-size:29px!important}.welcome h1 em{font-size:30px!important}.welcome-art>.brand-van-scene{transform:translateX(-50%) scale(.92);transform-origin:bottom center}}
@media(prefers-reduced-motion:reduce){.scene-glint,.welcome-art .van-travel-rig,.welcome-art .van-chassis,.brand-van-scene.is-driving .van-travel-rig{animation:none!important}}
/* One coherent render keeps hands, rim and box cavity physically connected. */
.unified-vehicle{position:absolute;width:260px;height:260px;left:30px;bottom:0;transform-origin:50% 92%;animation:connected-drive 2.2s ease-in-out infinite}
.unified-vehicle-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 7px #061f3533)}
.unified-vehicle .wheel-spin{width:4.4%;height:6.6%;top:auto;background:repeating-conic-gradient(transparent 0deg 65deg,#fff9 68deg 90deg);border:0;opacity:.55}
.unified-vehicle .unified-rear{left:18.4%;bottom:12.2%}
.unified-vehicle .unified-front{left:57%;bottom:8.7%}
.unified-scene .van-road{height:7px;bottom:1px;filter:none;background:transparent}
.unified-scene .van-road i{height:2px;animation-duration:.85s;opacity:.5}
.unified-scene .van-travel-rig{animation:van-arrive 1.4s ease-out both}
.unified-scene.is-driving .unified-vehicle{animation:connected-drive .45s ease-in-out infinite}
@keyframes connected-drive{0%,100%{transform:translateY(0) rotate(-.7deg)}25%{transform:translateY(-3px) rotate(.5deg)}55%{transform:translateY(1px) rotate(.8deg)}75%{transform:translateY(-2px) rotate(-.3deg)}}
@media(prefers-reduced-motion:reduce){.unified-vehicle,.unified-scene.is-driving .unified-vehicle{animation:none!important}}
.character-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 9px 7px #061f3533)}
.character-ready>.unified-vehicle-art{opacity:0}
.character-touch{position:absolute;left:27%;top:2%;width:42%;height:45%;z-index:6;background:transparent;border:0;border-radius:45%;cursor:pointer;-webkit-tap-highlight-color:transparent}
.character-touch:focus-visible{outline:2px dashed #ffe5a7;outline-offset:5px}
.unified-vehicle .wheel-spin{z-index:2;pointer-events:none}
.character-reacting::after{content:'✦';position:absolute;left:72%;top:17%;color:#ffd16f;font-size:25px;animation:hello-sparkle 1.2s ease-out both;pointer-events:none}
@keyframes hello-sparkle{0%{opacity:0;transform:translateY(8px) scale(.4)}35%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-14px) scale(.7)}}
@media(prefers-reduced-motion:reduce){.character-reacting::after{animation:none;display:none}}
.scene-static .unified-vehicle{animation:none!important}
.delivery-illustration .unified-scene .van-travel-rig{animation:van-replay 2.5s ease-in-out infinite}
.delivery-illustration .unified-vehicle{animation:connected-drive .45s ease-in-out infinite}
.delivery-illustration .wheel-spin{animation-duration:.45s}
.delivery-illustration .replay-van{display:none}
@media(prefers-reduced-motion:reduce){.delivery-illustration .unified-scene .van-travel-rig,.delivery-illustration .unified-vehicle{animation:none!important}}