@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#14243a;background:#f5f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.topbar{height:70px;background:#10223d;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);border-bottom:1px solid #2a3b54}.brand{display:flex;align-items:center;gap:12px;font:800 17px Manrope,sans-serif;letter-spacing:.06em}.brand b{color:#f3ca31}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#f3ca31;color:#10223d;border-radius:9px;font-size:24px}.top-note{font-size:12px;color:#aebdd0;letter-spacing:.08em;text-transform:uppercase}main{max-width:1440px;margin:auto}.hero{min-height:345px;background:#10223d;color:white;display:flex;position:relative;overflow:hidden;padding:62px max(4vw,24px)}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#bf9f22;margin:0 0 9px}.hero .eyebrow{color:#f3ca31}.hero h1{font:800 clamp(36px,4.1vw,60px)/1.1 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 19px}.hero h1 em{font-style:normal;color:#f3ca31}.hero-copy>p:last-child{color:#c7d2df;max-width:480px;line-height:1.6;margin:0}.hero-art{position:absolute;width:48%;height:100%;right:0;top:0;background:radial-gradient(circle at 75% 30%,#294563,#10223d 65%)}.road{position:absolute;border:18px solid #344f6e;border-radius:48%;width:440px;height:680px;transform:rotate(38deg);top:-155px;right:90px}.road-two{border:2px dashed #d5dce5;width:405px;height:646px;top:-138px;right:108px;opacity:.55}.art-pin,.art-car{position:absolute;z-index:2;display:grid;place-items:center;border-radius:50%;box-shadow:0 10px 30px #0006}.art-pin{background:#f3ca31;color:#10223d;width:52px;height:52px;font-size:24px}.pin-one{top:55px;right:24%}.pin-two{top:190px;right:48%}.pin-three{bottom:35px;right:18%}.art-car{background:white;color:#174d94;width:56px;height:56px;top:110px;right:42%;font-size:29px}.planner-shell,.results{padding:35px max(4vw,24px)}.planner-shell{margin-top:-1px}.section-heading{display:flex;align-items:center;gap:15px;margin-bottom:22px}.step{border-radius:50%;background:#f3ca31;width:38px;height:38px;display:grid;place-items:center;font:800 12px Manrope}.section-heading h2{font:800 clamp(24px,2.5vw,32px) Manrope,sans-serif;letter-spacing:-.04em;margin:0}.section-heading .eyebrow{margin:0 0 3px}form{background:white;border:1px solid #e4e9ef;border-radius:18px;box-shadow:0 12px 35px #1a2e4820;padding:25px}.route-inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.route-inputs label,.vehicle-grid label{font-size:13px;font-weight:700;color:#546277;display:flex;flex-direction:column;gap:9px}.route-inputs input,.vehicle-grid input{border:1px solid #dbe3ea;border-radius:10px;padding:15px 16px;color:#14243a;font-size:16px;font-weight:700;outline:none;width:100%;background:#fcfdfe}.route-inputs input:focus,.vehicle-grid input:focus{border-color:#2864bc;box-shadow:0 0 0 3px #2864bc22}.route-arrow{font-size:25px;color:#2864bc;padding-top:20px}.form-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:22px}.vehicle-details{flex:1;color:#2864bc;font-size:13px;font-weight:700}.vehicle-details summary{cursor:pointer;list-style:none}.vehicle-details summary::-webkit-details-marker{display:none}.vehicle-details summary:before{content:'＋';margin-right:7px}.vehicle-details[open] summary:before{content:'−'}.vehicle-details summary span{color:#8290a0;font-weight:400;margin-left:5px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.vehicle-grid input{padding:9px;font-size:14px}#submit-button{background:#f3ca31;border:0;border-radius:10px;padding:15px 22px;font-weight:800;color:#10223d;min-width:220px;display:flex;justify-content:space-between;gap:30px}#submit-button:hover{background:#ffdb4d}#submit-button:disabled{opacity:.6;cursor:wait}.message{padding:14px 16px;border-radius:10px;background:#eaf1fc;color:#174b8b;margin-top:15px}.message.error{background:#ffeded;color:#9d3434}.message.warn{background:#fff6dc;color:#7a5a00}.results{padding-top:15px}.summary-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:1px;background:#dce4eb;border:1px solid #dce4eb;border-radius:14px;overflow:hidden;margin-bottom:16px}.summary-strip>div{background:white;padding:18px 24px}.summary-strip small,.card-metrics small{display:block;font-size:10px;color:#8190a2;font-weight:800;letter-spacing:.13em;margin-bottom:5px}.summary-strip strong{font:800 24px Manrope}.summary-strip strong span{font-size:14px;color:#7a8a9f}.notice{background:#edf3fb;color:#52657d;border-left:3px solid #447cc4;border-radius:6px;padding:12px 16px;font-size:13px;line-height:1.5;margin-bottom:20px}.explorer{display:grid;grid-template-columns:minmax(350px,.95fr) minmax(460px,1.3fr);gap:18px;align-items:start}.panel,.map-wrap{background:white;border:1px solid #e2e8ee;border-radius:16px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 8px}.panel-head h3{font:800 17px Manrope;margin:0}.panel-head span{font-size:12px;color:#7e8c9d}.filters{display:flex;gap:7px;overflow:auto;padding:8px 20px 15px;scrollbar-width:thin}.filter{white-space:nowrap;border:1px solid #dce3ec;background:white;color:#53647b;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:700}.filter.active{background:#10223d;color:white;border-color:#10223d}.station-list{max-height:650px;overflow:auto;padding:0 12px 12px}.station-card{border:1px solid #e4e9ed;border-radius:13px;margin:0 0 11px;padding:16px;background:#fff;transition:box-shadow .2s,border-color .2s}.station-card:hover{border-color:#b7c9dd;box-shadow:0 5px 18px #12294814}.card-top{display:flex;justify-content:space-between;align-items:center}.station-index{font:800 12px Manrope;color:#b5c1ce}.power-pill{border-radius:7px;padding:6px 9px;font-size:12px;font-weight:800}.power-pill.fast{background:#fff3c6;color:#7f6300}.power-pill.slow{background:#e8f0ff;color:#245795}.power-pill.unknown{background:#edf0f4;color:#697889}.power-pill.offline{background:#ffebeb;color:#a53939}.station-card h4{font:800 16px Manrope;margin:7px 0 3px}.address{color:#778699;font-size:12px;margin:0 0 13px}.card-badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:13px}.card-badges span{font-size:10px;color:#536780;background:#f1f4f7;padding:5px 7px;border-radius:5px;font-weight:700}.card-badges .bad{color:#a53939;background:#ffebeb}.card-badges .ok{color:#1f6b3a;background:#e6f5ea}.route-pill{margin-left:auto;margin-right:8px;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:800;background:#10223d;color:#f3ca31}.station-card.on-route{border-left:4px solid #10223d}.legend-dot.ring{background:#fff;border:2px solid #10223d;width:8px;height:8px}.card-metrics{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;padding:12px 0;border-top:1px solid #edf0f3}.card-metrics b{font:800 15px Manrope}.soc{display:block;font-size:11px;color:#426da1;margin-bottom:9px}.card-links{display:flex;flex-wrap:wrap;gap:13px;align-items:center}.card-links a,.card-links button{border:0;background:none;padding:0;color:#1c5aa5;font-size:11px;font-weight:800;text-decoration:none}.card-links a:hover,.card-links button:hover{text-decoration:underline}.association{color:#9aa6b3;font-size:10px;margin:12px 0 0}.map-wrap{position:sticky;top:16px}#map{height:580px;background:#e7edf2}.map-legend{display:flex;gap:12px;flex-wrap:wrap;padding:12px 15px;font-size:11px;color:#64758a}.map-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-dot.fast{background:#e8b425}.legend-dot.slow{background:#3f83e6}.legend-dot.unknown{background:#8b98a8}.legend-dot.offline{background:#e05454}.empty-state{text-align:center;padding:50px 25px;color:#75859a}.empty-state span{font-size:40px;color:#d1dce8}.empty-state h4{font:800 16px Manrope;color:#22354b;margin:9px 0}.empty-state p{line-height:1.5;font-size:13px}.source-note{font-size:11px;color:#8795a5;line-height:1.5;margin:17px 0 0}footer{background:#10223d;color:#aebdd0;text-align:center;font-size:12px;padding:30px 20px;margin-top:30px}@media(max-width:900px){.hero-art{opacity:.35;width:65%}.explorer{grid-template-columns:1fr}.map-wrap{position:static;grid-row:1}#map{height:420px}.station-list{max-height:none}}@media(max-width:600px){.topbar{height:58px}.top-note{display:none}.hero{min-height:290px;padding-top:45px}.hero-art{opacity:.15;width:100%}.hero h1{font-size:35px}.route-inputs{grid-template-columns:1fr;gap:10px}.route-arrow{padding:0;line-height:1;text-align:center;transform:rotate(90deg)}.form-bottom{display:block}.vehicle-grid{grid-template-columns:1fr}.vehicle-details summary span{display:block;margin:4px 0 0 22px}#submit-button{width:100%;margin-top:20px}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip strong{font-size:20px}.planner-shell,.results{padding-left:16px;padding-right:16px}form{padding:17px}#map{height:340px}.map-legend{font-size:10px}}