@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_7102bd49-module__TIbn1W__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_7102bd49-module__TIbn1W__variable{--font-body:"Manrope", "Manrope Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_590fd37e-module__Yn3fQa__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_590fd37e-module__Yn3fQa__variable{--font-display:"Space Grotesk", "Space Grotesk Fallback"}
.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(../media/layers.3muxcl8sz6330.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../media/layers-2x.23wrxu3xxu9-i.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(../media/marker-icon.1le94j_pe_ih1.png)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
:root{--ink:#17352f;--muted:#6c7b76;--paper:#f5f2e9;--surface:#fffdf8;--surface-strong:#fff;--line:#deddd4;--orange:#f15a29;--orange-dark:#cf4015;--orange-soft:#fff0e8;--route-blue:#2563eb;--route-navy:#102a43;--green-soft:#e6f1e8;--shadow:0 24px 60px #17352f1a}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 10% 0%, #f15a291a, transparent 26rem), linear-gradient(180deg, #fbf9f2 0, var(--paper) 36rem);font-family:var(--font-body), sans-serif;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{width:min(1440px,100%);margin:0 auto;padding:0 40px 64px}.site-header{border-bottom:1px solid #17352f1f;justify-content:space-between;align-items:center;min-height:84px;display:flex}.brand{color:var(--ink);font-family:var(--font-display), sans-serif;letter-spacing:-.04em;align-items:center;gap:11px;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--orange);border-radius:12px 12px 12px 4px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 18px #f15a294d}.hero{grid-template-columns:minmax(300px,.8fr) minmax(580px,1.2fr);align-items:end;gap:72px;padding:70px 0 60px;display:grid}.eyebrow{color:var(--orange-dark);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.hero h1{max-width:640px;font-family:var(--font-display), sans-serif;letter-spacing:-.07em;margin:0;font-size:clamp(52px,6vw,88px);font-weight:650;line-height:.94}.hero-intro{max-width:610px;color:var(--muted);margin:25px 0 0;font-size:18px;line-height:1.7}.route-form{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8e0;border:1px solid #17352f1a;border-radius:24px;padding:28px}.location-fields{grid-template-columns:1fr 40px 1fr;align-items:end;gap:14px;display:grid}.field{gap:9px;display:grid}.field>span:first-child{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap input{border:1px solid var(--line);width:100%;min-width:0;height:56px;color:var(--ink);background:var(--surface-strong);border-radius:14px;outline:none;padding:0 16px 0 44px;font-weight:650;transition:border-color .15s,box-shadow .15s}.input-wrap input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #f15a291f}.input-wrap input:disabled{opacity:.7}.location-dot{z-index:1;border:3px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;left:18px;box-shadow:0 0 0 2px}.start-dot{color:var(--ink);background:var(--ink)}.finish-dot{color:var(--orange);background:var(--orange)}.swap-button{border:1px solid var(--line);cursor:pointer;background:var(--surface);border-radius:50%;width:40px;height:40px;margin-bottom:8px;font-size:18px;transition:transform .15s,border-color .15s}.swap-button:hover:not(:disabled){border-color:var(--orange);transform:rotate(180deg)}.plan-button{cursor:pointer;color:#fff;background:var(--orange);border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;height:56px;margin-top:20px;font-weight:800;transition:background .15s,transform .15s;display:flex;box-shadow:0 12px 24px #f15a2938}.plan-button:hover:not(:disabled){background:var(--orange-dark);transform:translateY(-1px)}.plan-button:disabled,.swap-button:disabled{cursor:not-allowed;opacity:.68}.route-presets{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;font-size:11px;display:flex}.route-presets>span{text-transform:uppercase;font-weight:800}.route-presets button{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:0 0;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.route-presets button:hover:not(:disabled){border-color:var(--route-blue);color:var(--route-blue)}.hosting-note{border-top:1px solid var(--line);color:var(--muted);align-items:flex-start;gap:8px;margin:14px 0 0;padding-top:13px;font-size:11px;line-height:1.5;display:flex}.hosting-note span{color:#fff;background:var(--route-blue);border-radius:50%;flex:0 0 17px;place-items:center;width:17px;height:17px;font-size:10px;font-weight:900;display:grid}.demo-routes{background:#f1f6ffbd;border:1px solid #2563eb33;border-radius:18px;margin:-24px 0 42px;box-shadow:0 14px 36px #102a4312}.demo-routes>summary{cursor:pointer;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:13px;padding:16px 18px;list-style:none;display:grid}.demo-routes>summary::-webkit-details-marker{display:none}.demo-routes>summary:focus-visible{outline-offset:3px;border-radius:18px;outline:3px solid #2563eb47}.demo-info-icon{color:#fff;background:var(--route-blue);border-radius:11px;place-items:center;width:36px;height:36px;font-weight:900;display:grid;box-shadow:0 7px 18px #2563eb38}.demo-routes summary>span:nth-child(2){gap:3px;display:grid}.demo-routes summary strong{color:var(--route-navy);font-size:13px}.demo-routes summary small{color:var(--muted);font-size:11px;line-height:1.4}.demo-chevron{width:28px;height:28px;color:var(--route-blue);background:#fff;border-radius:50%;place-items:center;font-size:20px;transition:transform .18s;display:grid}.demo-routes[open] .demo-chevron{transform:rotate(45deg)}.demo-routes-content{background:var(--surface);border-top:1px solid #2563eb29;padding:26px}.demo-routes-heading{justify-content:space-between;align-items:end;gap:36px;margin-bottom:22px;display:flex}.demo-routes-heading h2{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;margin:0;font-size:28px}.demo-routes-heading p:not(.eyebrow){max-width:700px;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.demo-search{flex:0 0 min(330px,32vw);gap:7px;display:grid}.demo-search span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.demo-search input{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:#fff;border-radius:11px;outline:none;padding:0 13px;font-size:12px}.demo-search input:focus{border-color:var(--route-blue);box-shadow:0 0 0 4px #2563eb1a}.demo-route-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:430px;padding-right:5px;display:grid;overflow-y:auto}.demo-route-card{border:1px solid var(--line);cursor:pointer;min-width:0;min-height:145px;color:var(--ink);text-align:left;background:#fffefb;border-radius:13px;flex-direction:column;padding:15px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.demo-route-card:hover{border-color:#2563eb80;transform:translateY(-2px);box-shadow:0 10px 22px #102a4317}.demo-route-card-selected{border-color:var(--route-blue);box-shadow:inset 0 0 0 1px var(--route-blue);background:#f1f6ff}.demo-route-region{color:var(--route-blue);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:900}.demo-route-card strong{margin-top:9px;font-size:13px;line-height:1.4}.demo-route-meta{color:var(--muted);align-items:center;gap:6px;margin-top:7px;font-size:10px;display:flex}.demo-route-meta i{font-style:normal}.demo-route-action{color:var(--orange-dark);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:10px;font-weight:850;display:flex}.demo-empty{color:var(--muted);text-align:center;margin:24px 0}.demo-disclaimer{color:var(--muted);text-align:right;margin:18px 0 0;font-size:10px;line-height:1.5}.spinner{border:2px solid #fff6;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--orange-soft);border:1px solid #f0b39d;border-radius:14px;align-items:center;gap:15px;max-width:760px;margin:-20px 0 34px auto;padding:16px 18px;display:flex}.error-banner p{color:#744333;margin:3px 0 0}.error-banner button{cursor:pointer;color:var(--orange-dark);background:#fff;border:1px solid #cf401540;border-radius:8px;margin-top:9px;padding:7px 10px;font-size:10px;font-weight:850}.error-banner button:hover{border-color:var(--orange-dark)}.error-icon{color:#fff;background:var(--orange);border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.route-loading{background:var(--surface);min-height:390px;box-shadow:var(--shadow);border:1px solid #17352f24;border-radius:24px;grid-template-columns:minmax(340px,.95fr) minmax(360px,1.05fr);animation:.3s both reveal;display:grid;overflow:hidden}.loading-scene{background:radial-gradient(circle at 72% 18%,#fff8d6 0 34px,#0000 35px),linear-gradient(#cce7f5 0 58%,#bfd6ae 58% 100%);min-height:390px;position:relative;overflow:hidden}.loading-sky{position:absolute;inset:0}.loading-cloud{background:#fffc;border-radius:999px;width:78px;height:24px;animation:10s linear infinite cloud-drift;position:absolute}.loading-cloud:before,.loading-cloud:after{background:inherit;content:"";border-radius:50%;position:absolute;bottom:8px}.loading-cloud:before{width:30px;height:30px;left:14px}.loading-cloud:after{width:24px;height:24px;right:13px}.cloud-one{top:62px;left:-90px}.cloud-two{animation-delay:-5s;top:126px;left:-140px;transform:scale(.7)}@keyframes cloud-drift{to{transform:translate(620px)}}.loading-road{background:#4c5558;border-top:6px solid #d2b38f;border-bottom:6px solid #d2b38f;height:94px;position:absolute;bottom:55px;left:-8%;right:-8%;overflow:hidden;transform:rotate(-3deg)}.road-lines{background:repeating-linear-gradient(90deg,#f9e7a6 0 34px,#0000 34px 58px);height:5px;animation:.7s linear infinite road-move;position:absolute;top:43px;left:0;right:0}@keyframes road-move{to{transform:translate(-58px)}}.loading-truck{width:126px;height:38px;animation:3.2s ease-in-out infinite truck-drive;position:absolute;bottom:22px;left:10%}.truck-tank{background:linear-gradient(90deg, transparent 48%, #ffffff52 50% 53%, transparent 55%), var(--orange);border:3px solid #d94719;border-radius:18px 10px 10px 18px;width:80px;height:32px;position:absolute;top:2px;left:0;box-shadow:inset 0 -6px #802b0f29}.truck-tank:before{content:"";background:#d94719;border-radius:4px 4px 0 0;width:20px;height:7px;position:absolute;top:-7px;left:29px}.truck-cab{background:var(--route-navy);border-radius:8px 13px 5px 4px;width:45px;height:31px;position:absolute;top:7px;right:0;box-shadow:inset -5px -5px #00000029}.truck-cab:before{background:var(--route-navy);content:"";border-radius:2px;width:12px;height:9px;position:absolute;bottom:0;left:-8px}.truck-window{z-index:1;background:#d9f2fb;border-radius:3px 7px 2px 2px;width:21px;height:12px;position:absolute;top:11px;right:8px}.truck-wheel{z-index:2;border:4px solid var(--route-navy);background:#cad1cf;border-radius:50%;width:17px;height:17px;animation:.5s linear infinite spin;position:absolute;bottom:-7px}.wheel-back{left:15px}.wheel-middle{left:61px}.wheel-front{right:8px}@keyframes truck-drive{0%,to{transform:translate(0)}50%{transform:translate(230px,-12px)}}.loading-landmark{color:#17352fb8;letter-spacing:.09em;text-transform:uppercase;place-items:center;gap:6px;font-size:10px;font-weight:900;display:grid;position:absolute;bottom:170px}.loading-landmark b{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:min(150px,18vw);overflow:hidden}.loading-landmark span{background:var(--ink);width:16px;height:16px;box-shadow:0 0 0 3px var(--ink);border:4px solid #fff;border-radius:50%}.landmark-start{left:12%}.landmark-finish{right:12%}.landmark-finish span{background:var(--orange);box-shadow:0 0 0 3px var(--orange)}.loading-copy{flex-direction:column;justify-content:center;padding:42px;display:flex}.loading-copy h2{font-family:var(--font-display), sans-serif;letter-spacing:-.05em;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.04}.loading-status{color:var(--muted);margin:16px 0 0;line-height:1.65}.loading-progress{background:#e8e5dc;border-radius:999px;height:6px;margin:24px 0;overflow:hidden}.loading-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--orange), #ff9a58);width:38%;height:100%;animation:1.7s ease-in-out infinite progress-travel;display:block}@keyframes progress-travel{0%{transform:translate(-105%)}to{transform:translate(270%)}}.fact-card{background:#f1f6ff;border:1px solid #d8e2f5;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;min-height:92px;padding:15px 16px;display:flex}.fact-label{color:var(--route-blue);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}.fact-card p{color:var(--route-navy);margin:5px 0 0;font-size:12px;line-height:1.5}.fact-card button{cursor:pointer;color:var(--route-blue);background:#fff;border:1px solid #2563eb40;border-radius:9px;flex:none;padding:8px 10px;font-size:10px;font-weight:850}.fact-card button:hover{border-color:var(--route-blue)}.loading-timer{color:var(--muted);letter-spacing:.08em;text-align:right;text-transform:uppercase;margin:12px 0 0;font-size:10px;font-weight:800}.results{animation:.4s both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}}.summary-section{margin-bottom:24px}.route-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.route-heading h2,.panel-heading h2,.empty-state h2{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;margin:0}.route-heading h2{font-size:clamp(26px,3vw,40px)}.route-heading h2 span{color:var(--orange)}.route-badge,.savings-chip{color:#2f604c;background:var(--green-soft);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;align-items:center;height:30px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.metric-grid{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.metric-card{border-right:1px solid var(--line);padding:22px 24px}.metric-card:last-child{border-right:0}.metric-card p{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:750}.metric-card strong{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;font-size:28px;display:block}.metric-card>span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.metric-emphasis{background:var(--ink)}.metric-emphasis p,.metric-emphasis>span{color:#ffffffad}.metric-emphasis strong{color:#fff}.route-layout{grid-template-columns:minmax(0,1.15fr) minmax(460px,.85fr);align-items:stretch;gap:24px;display:grid}.map-panel,.stops-panel{border:1px solid var(--line);background:var(--surface);border-radius:20px;overflow:hidden}.map-panel{min-height:650px;position:relative}.map-toolbar{z-index:500;text-transform:uppercase;background:#fffdf8f0;border:1px solid #17352f1f;border-radius:999px;align-items:center;gap:18px;padding:9px 13px;font-size:11px;font-weight:800;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #17352f1f}.map-toolbar>div{align-items:center;gap:7px;display:flex}.legend-line{border:1px solid var(--route-navy);background:var(--route-blue);border-radius:999px;width:22px;height:4px;display:block}.legend-stop{color:#fff;background:var(--ink);border-radius:50% 50% 50% 3px;place-items:center;width:17px;height:17px;font-size:9px;display:grid;transform:rotate(-45deg)}.legend-stop:first-letter{transform:rotate(45deg)}.route-map,.map-loading{width:100%;height:100%;min-height:650px}.map-loading{color:var(--muted);background:#e8e5da;justify-content:center;align-items:center;gap:10px;font-weight:750;display:flex}.map-loading .spinner{color:var(--orange);border-color:currentColor #f15a2933 #f15a2933}.leaflet-container{font-family:var(--font-body), sans-serif;background:#e7e5dc}.leaflet-control-zoom{overflow:hidden;border:0!important;border-radius:12px!important;box-shadow:0 8px 20px #17352f26!important}.fit-route-button{z-index:500;cursor:pointer;color:#fff;background:var(--route-navy);text-transform:uppercase;border:1px solid #102a432e;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:800;position:absolute;bottom:24px;right:12px;box-shadow:0 8px 20px #102a4338}.fuel-stop-marker{color:#fff;background:var(--ink);border:3px solid #fff;border-radius:50% 50% 50% 5px;place-items:center;transform:rotate(-45deg);box-shadow:0 4px 12px #17352f59;display:grid!important}.fuel-stop-marker span{font-size:12px;font-weight:900;transform:rotate(45deg)}.map-popup{gap:3px;min-width:170px;display:grid}.map-popup strong{color:var(--ink);font-size:13px}.map-popup span{color:var(--muted);font-size:11px}.stops-panel{max-height:650px;overflow-y:auto}.panel-heading{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8f5;justify-content:space-between;align-items:center;gap:14px;padding:22px;display:flex;position:sticky;top:0}.panel-heading h2{font-size:21px}.initial-fuel{background:var(--orange-soft);border-radius:14px;align-items:center;gap:13px;margin:18px;padding:15px;display:flex}.initial-fuel p{color:#795344;margin:3px 0 0;font-size:12px}.fuel-icon{color:#fff;background:var(--orange);border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.stop-list{margin:0;padding:0 18px 18px;list-style:none}.stop-card{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr);gap:12px;padding:17px 0;display:grid}.stop-card:last-child{border-bottom:0}.stop-card-selected{box-shadow:inset 3px 0 0 var(--route-blue);background:#edf4ff;border-radius:12px;margin:0 -10px;padding-left:10px;padding-right:10px}.stop-number{color:#fff;background:var(--ink);border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.stop-content{cursor:pointer;min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0}.stop-title{justify-content:space-between;align-items:start;gap:10px;display:flex}.stop-title h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.stop-title p{color:var(--muted);margin:4px 0 0;font-size:11px}.stop-title>strong{color:var(--orange-dark);font-size:14px}.stop-details{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.stop-details span{color:var(--muted);background:#f0eee6;border-radius:7px;padding:5px 8px;font-size:10px}.stop-details b{color:var(--ink)}.data-note{color:var(--muted);text-align:right;margin:14px 4px 0;font-size:11px}.empty-state{text-align:center;border:1px dashed #17352f40;border-radius:24px;place-items:center;min-height:340px;padding:50px 20px;display:grid}.empty-state h2{margin-top:20px;font-size:25px}.empty-state p{max-width:520px;color:var(--muted);margin:9px 0 0;line-height:1.6}.empty-route{align-items:center;width:180px;display:flex}.empty-route span{border:4px solid var(--surface);background:var(--orange);width:18px;height:18px;box-shadow:0 0 0 2px var(--orange);border-radius:50%}.empty-route span:last-child{background:var(--ink);box-shadow:0 0 0 2px var(--ink)}.empty-route i{background:repeating-linear-gradient(90deg, var(--line) 0, var(--line) 8px, transparent 8px, transparent 14px);flex:1;height:3px;margin:0 5px}.site-footer{color:var(--muted);border-top:1px solid #17352f1f;justify-content:space-between;align-items:center;gap:20px;margin-top:44px;padding:24px 2px 0;font-size:12px;display:flex}.site-footer p{margin:0}.site-footer a{color:var(--ink);align-items:center;gap:7px;font-weight:750;text-decoration:none;display:inline-flex}.site-footer a:hover{color:var(--route-blue)}.site-footer svg{width:19px;height:19px}@media (max-width:1100px){.hero{grid-template-columns:1fr;align-items:start;gap:40px}.route-layout{grid-template-columns:1fr}.stops-panel{max-height:none}.demo-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.app-shell{padding:0 18px 40px}.site-header{min-height:70px}.hero{padding:46px 0 38px}.hero h1{font-size:50px}.hero-intro{font-size:16px}.route-form{padding:20px}.demo-routes{margin-top:-12px}.demo-routes-content{padding:20px}.demo-routes-heading{flex-direction:column;align-items:stretch}.demo-search{flex-basis:auto}.demo-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-fields{grid-template-columns:1fr 40px}.field:last-child{grid-column:1/-1}.swap-button{grid-area:1/2}.route-heading{flex-direction:column;align-items:start}.metric-grid{grid-template-columns:1fr 1fr}.metric-card:nth-child(2){border-right:0}.metric-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.map-panel,.route-map,.map-loading{min-height:480px}.panel-heading{flex-direction:column;align-items:start}.route-loading{grid-template-columns:1fr}.loading-scene{min-height:270px}.loading-copy{padding:30px 24px}.loading-landmark{bottom:132px}.loading-landmark b{width:130px}.loading-road{bottom:30px}}@media (max-width:430px){.hero h1{font-size:43px}.metric-grid{grid-template-columns:1fr}.demo-routes>summary{grid-template-columns:34px minmax(0,1fr) 26px;padding:14px}.demo-routes summary small{display:none}.demo-route-grid{grid-template-columns:1fr;max-height:520px}.metric-card,.metric-card:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.metric-card:last-child{border-bottom:0}.map-toolbar{gap:10px;width:max-content}.fact-card,.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.loading-cloud,.road-lines,.loading-truck,.truck-wheel,.loading-progress span{animation:none}.loading-truck{left:35%}}