:root{--forest:#10251f;--green:#174d3e;--lime:#d7f35f;--cream:#f4f0e7;--paper:#fffdf8;--orange:#f07945;--ink:#14201c;--muted:#68736e;--line:#dcded7}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:24px;background:var(--forest);color:white}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:900;letter-spacing:.14em;font-size:.78rem}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #789087;border-radius:50%;color:var(--lime);font-family:Georgia,serif;font-size:1.2rem}.live-pill{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:.76rem;color:#d8e2dd}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #d7f35f1c}.refresh{border:1px solid #60766e;background:transparent;color:white;border-radius:99px;padding:8px 14px;cursor:pointer}.refresh:hover,.refresh:focus-visible{border-color:var(--lime);color:var(--lime)}main{width:min(1280px,calc(100% - 40px));margin:auto}.hero{display:flex;justify-content:space-between;align-items:end;padding:58px 0 40px;border-bottom:1px solid #cbcfc5}.eyebrow{margin:0 0 9px;color:#527065;font-size:.69rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:0;font-family:Georgia,serif;font-size:clamp(3.3rem,7vw,6.7rem);line-height:.87;letter-spacing:-.055em}.hero h1 em{color:var(--green);font-weight:400}.lede{max-width:630px;margin:22px 0 0;color:var(--muted);font-size:1.08rem}.trip-stat{text-align:right;border-left:1px solid #c8ccc3;padding-left:35px}.trip-stat span,.trip-stat small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.65rem}.trip-stat strong{font-family:Georgia,serif;font-size:4.2rem;line-height:1}.dashboard{display:grid;grid-template-columns:minmax(0,2fr) 360px;gap:18px;padding:24px 0}.map-card,.telemetry-card,.progress-card{background:var(--paper);border:1px solid var(--line);border-radius:20px}.map-card{overflow:hidden}.map-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 26px 18px}.map-head h2,.vehicle-head h2,.progress-copy h2,.section-title h2{margin:0;font-family:Georgia,serif;font-size:1.8rem}.map-actions{display:flex;gap:6px}.chip{border:1px solid var(--line);background:white;border-radius:99px;padding:7px 11px;color:var(--muted);font-size:.72rem;cursor:pointer}.chip.active{background:var(--forest);border-color:var(--forest);color:white}.map{position:relative;height:580px;overflow:hidden;background:linear-gradient(145deg,#e4e6df,#d5d9d1)}.map svg{display:block;width:100%;height:100%}.coast{fill:#faf8f1;stroke:#c7cdc3;stroke-width:2}.route-shadow,.route-line{fill:none;stroke-linecap:round}.route-shadow{stroke:white;stroke-width:12}.route-line{stroke:var(--green);stroke-width:5;stroke-dasharray:10 8}.marker{cursor:pointer}.marker circle{stroke:white;stroke-width:4}.marker text{font-size:13px;font-weight:800;fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.marker.poi circle{fill:var(--orange)}.marker.stop circle{fill:var(--forest)}.marker.charge circle{fill:var(--lime);stroke:var(--forest);stroke-width:2}.marker.current circle{fill:var(--lime);stroke:var(--forest);stroke-width:5}.marker[hidden]{display:none}.map-key{position:absolute;left:18px;bottom:16px;display:flex;gap:15px;padding:10px 13px;background:#fffefae8;border:1px solid #dfe0da;border-radius:10px;font-size:.66rem}.map-key span{display:flex;align-items:center;gap:6px}.map-key i{width:8px;height:8px;border-radius:50%}.key-current{background:var(--lime);border:1px solid var(--forest)}.key-stop{background:var(--forest)}.key-poi{background:var(--orange)}.popover{position:absolute;z-index:2;max-width:220px;left:20px;top:20px;padding:13px 15px;background:var(--forest);color:white;border-radius:12px;box-shadow:0 10px 30px #11251f40;font-size:.78rem}.popover strong{display:block;color:var(--lime);margin-bottom:4px}.telemetry-card{padding:26px;display:flex;flex-direction:column}.vehicle-head{display:flex;justify-content:space-between;align-items:start}.vehicle-head>span{padding:6px 9px;border-radius:99px;background:#eef2e9;color:var(--green);font-size:.68rem;font-weight:800;text-transform:uppercase}.battery-ring{--soc:78;margin:36px auto 30px;width:202px;height:202px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--lime) calc(var(--soc)*1%),#e8eae3 0);position:relative}.battery-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--forest)}.battery-ring div{position:relative;color:white;text-align:center}.battery-ring strong{font-family:Georgia,serif;font-size:4.5rem;line-height:.8}.battery-ring span{font-size:1.2rem;color:var(--lime)}.battery-ring small{display:block;margin-top:10px;color:#91a39c;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.range{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.82rem;color:var(--muted)}.range strong{color:var(--ink)}.range b{font-family:Georgia,serif;font-size:1.7rem}.vehicle-grid{display:grid;grid-template-columns:1fr 1fr;margin:0}.vehicle-grid div{padding:18px 0;border-bottom:1px solid var(--line)}.vehicle-grid div:nth-child(odd){border-right:1px solid var(--line)}.vehicle-grid div:nth-child(even){padding-left:18px}.vehicle-grid dt{color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}.vehicle-grid dd{margin:5px 0 0;font-weight:800}.freshness{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem}.progress-card{padding:27px 30px}.progress-copy{display:flex;align-items:end;gap:28px}.progress-copy .eyebrow{width:100px}.progress-copy p:last-child{margin:0 0 3px auto;color:var(--muted);font-size:.8rem}.progress-track{position:relative;margin:30px 6px 12px;height:7px;background:#e1e3dd;border-radius:99px}.progress-track i{display:block;width:13%;height:100%;border-radius:99px;background:var(--green)}.progress-track span{position:absolute;top:50%;left:13%;transform:translate(-50%,-50%) rotate(45deg);color:var(--lime);background:var(--forest);width:27px;height:27px;display:grid;place-items:center;border-radius:7px}.progress-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem}.itinerary,.poi-section{padding:60px 0 10px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-title h2{font-size:2.5rem}.section-title>p{max-width:460px;color:var(--muted);font-size:.78rem;text-align:right}.leg-grid,.poi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.leg{padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.leg.current{background:var(--forest);color:white}.leg .number{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.leg.current .number{color:#91a39c}.leg h3{margin:35px 0 8px;font-family:Georgia,serif;font-size:1.55rem}.leg p{margin:0;color:var(--muted);font-size:.8rem}.leg.current p{color:#b5c1bc}.leg footer{display:flex;justify-content:space-between;margin-top:28px;padding:14px 0 0;border-top:1px solid #ffffff25;background:none;color:inherit;font-size:.73rem}.poi-section{padding-bottom:70px}.poi{min-height:180px;padding:23px;border:1px solid var(--line);border-radius:16px;background:#ebe4d6}.poi:nth-child(2){background:#dfe6da}.poi:nth-child(3){background:#f2d7c8}.poi span{font-size:1.8rem}.poi h3{margin:24px 0 6px;font-family:Georgia,serif;font-size:1.35rem}.poi p{margin:0;color:var(--muted);font-size:.77rem}body>footer{display:flex;justify-content:space-between;padding:26px max(24px,calc((100vw - 1280px)/2));background:var(--forest);color:#8fa29a;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}@media(max-width:900px){.dashboard{grid-template-columns:1fr}.telemetry-card{min-height:650px}.leg-grid,.poi-grid{grid-template-columns:1fr}.hero{align-items:start}.trip-stat{display:none}.progress-copy{display:block}.progress-copy p:last-child{margin-top:8px}.section-title{display:block}.section-title>p{text-align:left}.map{height:500px}}@media(max-width:600px){main{width:min(100% - 24px,1280px)}.topbar{height:62px;padding:0 12px}.brand span:last-child{display:none}.hero{padding:38px 0 28px}.hero h1{font-size:3.15rem}.map-head{display:block}.map-actions{margin-top:16px}.map{height:460px}.map-key{display:none}.progress-card{padding:24px 18px}.progress-labels span:nth-child(2),.progress-labels span:nth-child(3){display:none}.section-title h2{font-size:2rem}body>footer{display:block;text-align:center}body>footer span{display:block;margin:5px}}