/* Refined map environment and exact landmark-to-road alignment */
body{background:linear-gradient(145deg,#e8faff 0%,#d9f4fb 48%,#eee9ff 100%)}
.journey{background:radial-gradient(circle at 16% 13%,rgba(255,255,255,.94) 0 7%,transparent 24%),radial-gradient(circle at 83% 19%,rgba(255,244,184,.7) 0 5%,transparent 23%),linear-gradient(155deg,#e9fbff 0%,#d8f6f2 55%,#eee8ff 100%);border-color:rgba(255,255,255,.92);box-shadow:0 22px 65px rgba(42,111,153,.2),inset 0 1px 0 #fff,inset 0 0 90px rgba(255,255,255,.46)}
.journey:before{background:radial-gradient(circle at 9% 23%,rgba(255,255,255,.92) 0 3px,transparent 4px),radial-gradient(circle at 91% 65%,rgba(255,255,255,.94) 0 4px,transparent 5px),radial-gradient(circle at 54% 10%,rgba(255,255,255,.86) 0 3px,transparent 4px);opacity:.8}
.journey:after{height:170px;bottom:-80px;opacity:.38;background:radial-gradient(ellipse at 18% 35%,#9fe4a0 0 19%,transparent 20%),radial-gradient(ellipse at 72% 47%,#7ed9a0 0 23%,transparent 24%),linear-gradient(#a4e7a6,#74d18b)}
.route-image{width:min(56vw,690px);height:76%;top:13%;left:50%;transform:translateX(-50%) rotate(-3deg);mix-blend-mode:screen;opacity:.96;filter:drop-shadow(0 18px 20px rgba(33,102,142,.27))}
.map-node{width:285px}.market-node{right:12%;top:1.5%}.home-node{left:11%;top:61%}
.landmark-wrap{width:225px;height:168px}.market-node .landmark-wrap{width:220px;height:166px;border-width:5px}.pedestal{width:196px;height:39px;margin-top:-13px}.pedestal i{inset:5px 19px 14px}.map-node strong{font-size:24px;margin-top:16px}.map-node small{font-size:14px}.play-pill{margin-top:10px;padding:10px 19px}.node-callout{right:2px;top:0;font-size:15px;padding:8px 14px}.lock-badge{right:22px;top:4px;width:48px;height:48px;font-size:23px}
.future-node{right:46%;top:89%}.cloud-one{left:8%;top:31%}.cloud-two{right:8%;top:73%}
@keyframes travel{0%{right:23%;top:23%;transform:rotate(-18deg)}48%{right:48%;top:47%;transform:rotate(-35deg)}100%{right:72%;top:70%;transform:rotate(-48deg)}}
@media(max-width:1250px) and (min-width:901px){.route-image{width:59vw}.market-node{right:7%}.home-node{left:6%}}
@media(max-width:900px){.journey{background:linear-gradient(155deg,#e9fbff,#d8f6f2 56%,#eee8ff)}.route-image{width:335px;height:73%;top:16%;transform:translateX(-50%) rotate(2deg)}.market-node{right:calc(50% - 132px);top:49px;width:264px}.home-node{left:calc(50% - 135px);top:528px;width:270px}.landmark-wrap{width:210px;height:160px}.market-node .landmark-wrap{width:208px;height:158px}.future-node{right:calc(50% - 70px);top:905px}}