#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}main{width:100vw;max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container{max-width:min(100%,1080px);display:flex;flex-direction:column;justify-content:center;align-items:center}.header h1,.header h2{margin:0;padding:0}.card p{text-align:center}.side-by-side{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:25px}.side-by-side.reverse{flex-direction:row-reverse}.description{display:flex;flex-direction:column;gap:25px;width:50%}.app-preview-container{width:35%;position:relative}.feature-navigation{width:100%;height:100%;z-index:1}.hover-circle{content:"";width:30%;border-radius:50%;aspect-ratio:1}.hover-rect{content:"";width:65%;height:7%}.hoverable{position:absolute;transform:translate(-50%,-50%);outline:2px dotted #ffa500}.hoverable.chosen{outline:5px dotted red}.onLeader{top:50.75%;left:19.85%}.onFollower{top:61.7%;left:75.4%}.onMainRoute{position:absolute;top:32%;left:37%;width:20%;height:auto}.onMainRoute>path{stroke:#ffa50000;stroke-width:5px;stroke-dasharray:2.2}.onLeaderRoute{width:30%;height:3%;top:57.5%;left:24%;transform:rotate(8deg)}.onMenu{width:16%;top:24.2%;left:88.75%}.onRefuel{top:31.5%;left:53%}.onParking{top:39.7%;left:53%}.onWc{top:47.9%;left:53%}.onFood{top:56.1%;left:53%}.onWait{top:64.3%;left:53%}.app-preview{width:100%;height:auto}#logo-main path{fill:orange!important}#logo-main{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}#logo-main:hover{filter:drop-shadow(0 0 2em rgba(255,165,0,.4))}.feature-list,.feature-list p{text-align:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:25px}h4,h3,p{margin:0;padding:0}.feature{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:10px;outline:2px solid rgba(255,165,0,0);transition:outline .15s ease-out;width:100%}.feature:hover,.feature.hovered{outline:2px solid #ffa500}.indicator{width:100px;height:auto}.feature-image{width:100%;height:auto}.feature-description{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%}.route{height:15px;width:100%}#leader-route{background:#1046f4;border-top:3px solid #0F23EB;border-bottom:3px solid #0F23EB}#main-route{background:#a9c6f2;border-top:3px solid #1863CB;border-bottom:3px solid #1863CB}.mute{color:#b2b2b2}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;margin-top:25px;margin-bottom:25px}@media screen and (max-width: 768px){#root{padding:15px}.side-by-side,.side-by-side.reverse{flex-direction:column}.side-by-side .description,.side-by-side .app-preview-container{width:100%}.feature{flex-direction:column}.feature-description{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.feature-navigation{display:none}.feature-description h5,.feature-description p{text-align:center}.feature-image,.route{width:50%!important}.indicator{width:100px;height:auto}.indicator{width:50vw;display:flex;justify-content:center;align-items:center}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:orange;text-decoration:inherit}a:hover{color:orange}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:orange}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:orange}button{background-color:#f9f9f9}.mute{color:#575757}}