html,body{width:100%;min-height:100%;background:#eafcff}
body{background:radial-gradient(circle at 12% 10%,rgba(255,244,167,.95),transparent 24%),radial-gradient(circle at 86% 30%,rgba(136,231,255,.72),transparent 27%),radial-gradient(circle at 40% 88%,rgba(171,147,255,.4),transparent 30%),linear-gradient(145deg,#f8fdff 0,#ddf8ff 42%,#f8efff 100%)}
.desktop-rail{inset:0 0 0 auto;width:245px;padding:19px 17px;border-right:0;border-left:1px solid #cce8f4;box-shadow:-12px 0 35px #397aa61c;background:rgba(255,255,255,.78)}
.rail-brand{height:104px;margin:0 0 12px;overflow:hidden;align-items:center}
.rail-brand img{width:150px;height:150px;mix-blend-mode:multiply;object-fit:cover;filter:drop-shadow(0 8px 10px #176a9628)}
.desktop-rail button{height:63px;gap:14px;border-radius:20px;font-size:18px}
.desktop-rail button img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 7px 6px #154d7140)}
.desktop-rail button.active{background:linear-gradient(135deg,#dff8ff,#dfe5ff);box-shadow:0 7px 0 #adddeb,0 12px 22px #4da4d029}
.map-shell{margin-left:0;margin-right:245px;min-height:100vh;padding:16px 22px 0}
.map-topbar{max-width:none;width:100%;min-height:106px;border-radius:28px;background:rgba(255,255,255,.68)}
.journey{max-width:none;width:100%;height:calc(100vh - 144px);min-height:720px;margin-top:14px;border-radius:40px 40px 0 0;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.9),transparent 22%),radial-gradient(circle at 78% 18%,rgba(255,245,180,.8),transparent 18%),linear-gradient(150deg,rgba(225,250,255,.9),rgba(225,247,239,.9) 56%,rgba(237,229,255,.92));box-shadow:0 18px 60px #347da82e,inset 0 0 80px #fff9}
.journey:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 72%,#fff 0 4px,transparent 5px),radial-gradient(circle at 92% 47%,#fff 0 5px,transparent 6px),radial-gradient(circle at 62% 8%,#fff 0 3px,transparent 4px);filter:drop-shadow(0 0 9px #6cd9ff);z-index:0}
.journey:after{height:220px;bottom:-75px}
.route{display:none}.route-image{position:absolute;z-index:1;width:min(54vw,700px);height:88%;left:50%;top:7%;transform:translateX(-50%) rotate(-5deg);object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 20px 24px #23698b45)}
.market-node{right:8%;top:4%;width:330px}.home-node{left:7%;top:48%;width:330px}.landmark-wrap{width:270px;height:205px}.market-node .landmark-wrap{width:265px;height:205px}.map-node strong{font-size:28px}.pedestal{width:235px}.future-node{right:45%;top:82%}.cloud-one{left:8%;top:18%}.cloud-two{right:10%;top:68%}
@keyframes travel{0%{right:20%;top:28%;transform:rotate(-15deg)}48%{right:48%;top:43%;transform:rotate(-35deg)}100%{right:73%;top:61%;transform:rotate(-50deg)}}
@media(max-width:1100px) and (min-width:901px){.desktop-rail{width:205px}.map-shell{margin-right:205px}.desktop-rail button{font-size:16px}.market-node{right:3%}.home-node{left:2%}.route-image{width:60vw}}
@media(max-width:900px){.map-shell{margin:0;padding:8px}.journey{height:1050px;min-height:0}.route-image{width:360px;height:72%;top:16%;transform:translateX(-50%) rotate(4deg)}.market-node{right:calc(50% - 145px);top:45px;width:290px}.home-node{left:calc(50% - 150px);top:510px;width:300px}.future-node{right:calc(50% - 70px);top:890px}}