*{box-sizing:border-box}body{margin:0;background:#f3f7f4;color:#123026;font-family:Inter,system-ui,Arial,sans-serif}header{height:70px;background:white;border-bottom:1px solid #e2ebe5;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:4}header a{color:#123d2b;text-decoration:none;font-size:17px}header span{font-size:11px;color:#19734b;background:#e9f6ef;padding:8px 12px;border-radius:20px;font-weight:800}.hero{text-align:center;padding:75px 5% 45px}.hero small,.journeyTop small,.head small{letter-spacing:2px;color:#19734b;font-weight:900}.hero h1{font-size:clamp(42px,7vw,70px);margin:10px 0;letter-spacing:-2px}.hero h1 i{font-style:normal;color:#19734b}.hero p{color:#6d7d74;max-width:620px;margin:0 auto 25px}.hero form{max-width:720px;margin:auto;display:flex;padding:6px;background:#fff;border:1px solid #dce8df;border-radius:15px;box-shadow:0 15px 40px #214b3610}.hero input{flex:1;min-width:0;border:0;outline:0;padding:15px;font-size:16px}.hero button{border:0;background:#176b45;color:white;border-radius:11px;padding:0 22px;font-weight:900}.msg,main>section#app{width:min(1050px,92%);margin:18px auto}.msg{padding:13px;border-radius:11px;background:#eaf6ef;color:#21613f}.msg.err{background:#fff0f0;color:#a43b3b}.hidden{display:none!important}.card{background:#fff;border:1px solid #dfe9e2;border-radius:19px;margin:16px 0;padding:25px;box-shadow:0 8px 30px #214b3608}.head{background:#123e2d;color:white;border-radius:15px;padding:25px;display:flex;justify-content:space-between}.head h2{font-size:31px;margin:7px 0}.head p{color:#bdd0c5}.head>strong{font-size:38px;color:#9be0ba}.stats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #e0e9e3;border-top:0}.stats div{padding:15px;border-right:1px solid #e7eee9}.stats small{display:block;color:#8a978f;font-size:9px;letter-spacing:1px;margin-bottom:5px}.stats b{font-size:14px}.warning{margin-top:14px;padding:12px;background:#fff8df;color:#715b20;border-radius:9px;font-size:12px}.journeyTop{display:flex;justify-content:space-between;align-items:end}.journeyTop h3{margin:5px 0;font-size:24px}.journeyTop>b{font-size:25px;color:#19734b}.track{height:90px;position:relative;margin:25px 15px 0}.trackline{position:absolute;top:43px;left:0;right:0;height:8px;border-radius:10px;background:linear-gradient(90deg,#19734b,#b8d8c6)}.train{position:absolute;top:18px;transform:translateX(-50%);font-size:30px;transition:left 1s linear;filter:drop-shadow(0 5px 4px #0002)}.pulse{position:absolute;top:39px;left:0;width:18px;height:18px;border-radius:50%;background:#19734b;box-shadow:0 0 0 7px #19734b18}.legend{display:flex;justify-content:space-between;color:#7b8981;font-size:11px}.stops{margin-top:20px;border-top:1px solid #e8eee9}.stop{display:grid;grid-template-columns:70px 25px 1fr;min-height:58px;padding-top:12px}.stop>span{font-size:12px;font-weight:800;color:#718078}.stop i{width:12px;height:12px;border-radius:50%;background:#c8d5ce;position:relative;margin-top:2px}.stop i:after{content:"";position:absolute;left:5px;top:12px;height:50px;border-left:2px solid #dce6df}.stop.passed i{background:#19734b}.stop.current i{box-shadow:0 0 0 5px #19734b1c}.stop b{font-size:14px}.stop em{display:inline-block;font-style:normal;font-size:9px;margin-left:8px;background:#e8f6ee;color:#19734b;padding:3px 7px;border-radius:20px;font-weight:900}.table>div{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #edf1ee}.table b{color:#6f7c75}footer{padding:30px 6%;background:#fff;border-top:1px solid #e1eae4;color:#78867f;font-size:12px;display:flex;justify-content:space-between}footer a{color:#19734b}@media(max-width:700px){header{padding:0 4%}.hero{padding-top:50px}.hero form{width:100%}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2n){border-right:0}.head h2{font-size:24px}.head>strong{font-size:27px}.card{padding:17px}.track{margin-left:5px;margin-right:5px}footer{flex-direction:column;gap:10px}}