.tool-site{color:#17221b;background:#f3f6f0;min-height:100vh}.tool-header{z-index:10;background:#fffffdeb;border-bottom:1px solid #dde5dc;align-items:center;height:70px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.tool-header nav{display:flex}.tool-header .free-badge{color:#357258;background:#edf5e9;border-radius:8px;margin-left:auto;padding:7px 10px;font-size:10px}.tool-main{max-width:1180px;margin:auto;padding:0 0 36px}.tool-hero{background:radial-gradient(circle at 78% 45%,#c7f34b5c,#0000 25%);justify-content:space-between;align-items:center;min-height:360px;padding:55px 38px;display:flex}.tool-hero h1{letter-spacing:-2.5px;margin:13px 0;font-size:48px;line-height:1.12}.tool-hero h1 em{color:#198e68;font-style:normal}.tool-hero p{color:#68756b;max-width:560px;font-size:14px}.trust-row{gap:18px;margin-top:24px;display:flex}.trust-row span{align-items:center;gap:6px;font-size:10px;display:flex}.trust-row svg{color:#15986e;width:15px}.hero-orbit{background:#ffffff8c;border:1px dashed #8da08f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.hero-orbit>div{color:#c7f34b;background:#17221b;border-radius:18px;place-items:center;width:55px;height:55px;display:grid}.hero-orbit>b{margin-top:8px;font-size:37px}.hero-orbit>span{background:#c7f34b;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:700;position:absolute;top:38px;right:-15px}.hero-orbit small{color:#728076}.tool-grid{grid-template-columns:repeat(5,1fr);gap:9px;margin:-25px 20px 22px;display:grid;position:relative}.tool-grid button{text-align:left;color:#17221b;background:#fff;border:1px solid #dce4da;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:14px;display:flex;box-shadow:0 8px 20px #2236280d}.tool-grid button.active{color:#fff;background:#17221b;border-color:#17221b}.tool-grid svg{color:#18966d;width:20px}.tool-grid .active svg{color:#c7f34b}.tool-grid span{min-width:0}.tool-grid b,.tool-grid small{display:block}.tool-grid b{font-size:11px}.tool-grid small{color:#879189;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.tool-grid i{color:#9ba69e;margin-left:auto;font-style:normal}.calculator-shell{background:#fff;border:1px solid #dae3d9;border-radius:20px;margin:0 20px;padding:28px;box-shadow:0 14px 35px #20382712}.calculator-head h2{margin:7px 0;font-size:27px}.calculator-head p{color:#77837a;font-size:11px}.calculator-body{grid-template-columns:1.25fr .75fr;gap:28px;margin-top:22px;display:grid}.calculator-inputs{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.tool-field{color:#738078;font-size:10px;font-weight:600}.tool-field>div{position:relative}.tool-field input,.tool-field select{color:#17221b;background:#f8faf6;border:1px solid #dce4db;border-radius:10px;outline:none;width:100%;margin-top:6px;padding:12px}.tool-field input:focus,.tool-field select:focus{border-color:#80ad4c;box-shadow:0 0 0 3px #c7f34b2e}.tool-field>div span{color:#7e8a81;font-size:9px;position:absolute;top:18px;right:12px}.calculator-result{color:#fff;background:#17221b;border-radius:16px;flex-direction:column;justify-content:center;min-height:230px;padding:26px;display:flex}.calculator-result>span{color:#abb7ae;font-size:10px}.calculator-result>strong{color:#c7f34b;letter-spacing:-2px;margin:7px 0;font-size:42px}.calculator-result em{font-size:15px;font-style:normal}.calculator-result>p{color:#bec8c0;font-size:10px}.calculator-result>small{color:#78877c;margin-top:auto;font-size:8px}.factor-list{grid-template-columns:repeat(2,1fr);gap:5px;margin:10px 0;display:grid}.factor-list span,.result-tip{color:#b8c4ba;background:#2a392f;border-radius:7px;padding:7px 8px;font-size:8px}.factor-list b{float:right;color:#f4b26b}.result-tip{color:#c7f34b}.content-grid{grid-template-columns:1fr 1fr;gap:12px;margin:12px 20px;display:grid}.content-grid article{background:#fff;border:1px solid #dce4db;border-radius:16px;padding:24px}.content-grid h2{font-size:19px}.content-grid p,.content-grid li{color:#667269;font-size:10px;line-height:1.7}.content-grid details{border-top:1px solid #e4e9e3;padding:11px 0}.content-grid summary{font-size:10px}.business-cta{background:#d8fa78;border-radius:18px;justify-content:space-between;align-items:center;margin:12px 20px;padding:28px 32px;display:flex}.business-cta h2{margin:7px 0;font-size:23px}.business-cta p{font-size:10px}.business-cta a{color:#fff;background:#17221b;border-radius:10px;padding:13px 16px;font-size:10px;text-decoration:none}.business-cta a b{color:#c7f34b;margin-left:18px}.ad-placeholder{text-align:center;color:#88928b;border:1px dashed #b9c4ba;border-radius:12px;margin:12px 20px;padding:16px}.ad-placeholder span{font-size:9px;font-weight:700}.ad-placeholder p{margin:3px;font-size:8px}.tool-footer{color:#7b867e;align-items:center;gap:25px;padding:22px;font-size:9px;display:flex}.tool-footer p{flex:1}.tool-footer b{color:#324139}@media (width<=800px){.tool-header{height:60px;padding:0 15px}.tool-header nav,.tool-header .free-badge{display:none}.tool-main{padding-bottom:15px}.tool-hero{min-height:auto;padding:35px 20px 55px}.tool-hero h1{font-size:34px}.hero-orbit{display:none}.trust-row{gap:8px;display:grid}.tool-grid{margin-top:-28px;display:flex;overflow-x:auto}.tool-grid button{min-width:145px}.calculator-shell{margin:0 10px;padding:20px}.calculator-body{grid-template-columns:1fr}.calculator-inputs{grid-template-columns:1fr 1fr}.calculator-result{min-height:210px}.content-grid{grid-template-columns:1fr;margin:10px}.business-cta{margin:10px;padding:23px;display:block}.business-cta a{margin-top:10px;display:inline-block}.ad-placeholder{margin:10px}.tool-footer{padding:18px;display:block}.tool-footer p{margin:8px 0}}.tool-site .tool-main{display:block}.route-back{z-index:100;color:#fff;cursor:pointer;background:#17221b;border:0;border-radius:999px;padding:12px 18px;font-weight:700;position:fixed;bottom:20px;left:20px;box-shadow:0 8px 30px #17221b33}:root{color:#17221b;font-synthesis:none;--ink:#17221b;--muted:#748077;--line:#dfe6de;--lime:#c7f34b;--green:#169b71;--soft:#f5f7f3;--warn:#ee8b3a;--danger:#e45d50;--shadow:0 12px 32px #1b352412;background:#eef2ec;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 82% 2%,#e5f4dd 0,#0000 28%),#eef2ec;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:20;background:#fafcf8eb;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:11px;min-width:260px;text-decoration:none;display:flex}.brand>span{background:var(--ink);width:38px;height:38px;color:var(--lime);border-radius:11px;place-items:center;display:grid}.brand svg{width:21px;fill:var(--lime)}.brand>div{letter-spacing:1px;font-size:19px;font-weight:700;line-height:16px}.brand b{color:var(--green)}.brand small{color:#8b958e;letter-spacing:2.3px;margin-top:5px;font-size:7px;display:block}nav{gap:34px;margin:auto;display:flex}nav a{color:#6f7a72;padding:26px 0;font-size:13px;text-decoration:none;position:relative}nav a.active{color:var(--ink);font-weight:600}nav a.active:after{content:"";background:var(--lime);border-radius:3px;height:3px;position:absolute;bottom:0;left:0;right:0}.header-meta{justify-content:flex-end;align-items:center;gap:14px;min-width:260px;display:flex}.demo-badge{color:#9e6a12;background:#fff3d8;border:1px solid #f1d89f;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:600}.weather{color:#68736b;align-items:center;gap:6px;font-size:12px;display:flex}.weather svg{width:17px}.avatar{background:#dce5da;border:0;border-radius:50%;width:34px;height:34px;font-weight:600}.mobile-menu{background:0 0;border:0;display:none}.card{box-shadow:var(--shadow);background:#fffffdf0;border:1px solid #d6e0d6e6;border-radius:18px}main{grid-template-columns:328px 1fr;gap:18px;max-width:1600px;margin:auto;padding:18px;display:grid}.trip-panel{height:calc(100vh - 108px);padding:26px 24px;position:sticky;top:90px;overflow-y:auto}.eyebrow{color:#7a867d;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:700;display:block}.panel-heading h1{letter-spacing:-1px;margin:8px 0 2px;font-size:29px}.panel-heading p{color:var(--muted);margin:0 0 24px;font-size:12px}.route-inputs{padding-left:25px;position:relative}.route-inputs label{margin-bottom:14px;display:block}.route-line{flex-direction:column;align-items:center;width:12px;height:67px;display:flex;position:absolute;top:32px;left:2px}.route-line i{background:var(--lime);border:2px solid var(--ink);border-radius:50%;width:8px;height:8px;display:block}.route-line i:last-child{background:#fff}.route-line b{border-left:1px dashed #9cac9e;height:52px}.trip-panel label,.field-block>span{color:#7b867e;letter-spacing:.4px;font-size:10px;font-weight:600}.trip-panel input,.trip-panel select{width:100%;color:var(--ink);background:#f9faf7;border:1px solid #dfe5de;border-radius:10px;outline:none;margin-top:6px;padding:11px 12px;font-size:13px;transition:all .2s}.trip-panel input:focus,.trip-panel select:focus{border-color:#85b54d;box-shadow:0 0 0 3px #c7f34b33}.input-wrap{position:relative}.input-wrap svg{color:var(--green);position:absolute;top:17px;right:10px}.swap{border:1px solid var(--line);color:#718078;background:#fff;border-radius:8px;width:25px;height:25px;position:absolute;top:73px;right:8px}.field-grid{grid-template-columns:1.35fr .65fr;gap:10px;display:grid}.soc-input{position:relative}.soc-input span{color:#738077;position:absolute;top:16px;right:10px}.vehicle-box{background:#f0f5ed;border:1px solid #dbe7d8;border-radius:12px;align-items:center;gap:10px;margin:17px 0;padding:12px;display:flex}.vehicle-icon{background:var(--ink);width:34px;height:34px;color:var(--lime);border-radius:9px;place-items:center;display:grid}.vehicle-icon svg{width:18px}.vehicle-box>div:nth-child(2){flex:1;min-width:0}.vehicle-box strong{font-size:12px;display:block}.vehicle-box small{color:#78837b;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.vehicle-box button{color:var(--green);background:0 0;border:0;font-size:10px}.field-block{margin:17px 0}.segmented{background:#eef1ec;border-radius:10px;grid-template-columns:repeat(3,1fr);margin-top:7px;padding:3px;display:grid}.segmented button{color:#6f7b72;background:0 0;border:0;border-radius:8px;padding:8px 4px;font-size:11px}.segmented button.active{color:var(--ink);background:#fff;font-weight:700;box-shadow:0 2px 7px #2332281a}details{border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;align-items:center;gap:7px;font-size:11px;font-weight:600;list-style:none;display:flex}summary svg:last-child{margin-left:auto}.advanced{gap:10px;padding:12px 0;display:grid}.check{align-items:center;gap:8px;display:flex}.check input{width:auto;margin:0}.plan-button{background:var(--ink);color:#fff;border:0;border-radius:12px;align-items:center;gap:8px;width:100%;margin-top:15px;padding:13px 14px;font-size:12px;font-weight:600;display:flex;box-shadow:0 8px 18px #17221b33}.plan-button:hover{transform:translateY(-1px)}.plan-button:disabled{opacity:.45}.plan-button span{color:var(--lime);margin-left:auto;font-size:17px}.form-foot{text-align:center;color:#9ba39c;font-size:9px}.workspace{min-width:0}.welcome{text-align:center;background-image:radial-gradient(circle at 50% 35%,#c7f34b3b,#0000 25%);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 108px);padding:40px;display:flex}.welcome-icon{background:var(--ink);width:72px;height:72px;color:var(--lime);border-radius:22px;place-items:center;margin-bottom:24px;display:grid;transform:rotate(-5deg)}.welcome-icon svg{width:34px;height:34px}.welcome h2{letter-spacing:-2px;margin:12px 0;font-size:42px;line-height:1.15}.welcome p{color:var(--muted);max-width:470px;font-size:14px}.welcome-features{gap:12px;margin:22px;display:flex}.welcome-features span{border:1px solid var(--line);background:#f4f7f2;border-radius:10px;align-items:center;gap:6px;padding:10px 13px;font-size:11px;display:flex}.welcome-features svg{width:15px;color:var(--green)}.welcome button{background:var(--lime);border:0;border-radius:11px;padding:13px 20px;font-weight:700}.result-top{justify-content:space-between;align-items:end;padding:7px 5px 12px;display:flex}.result-top h2{margin:5px 0 0;font-size:24px}.result-top h2 span{color:#9aa59c;margin:0 8px}.safe-pill{color:#267f60;background:#e8f6ed;border:1px solid #c9e7d4;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:flex}.safe-pill svg{width:15px}.plan-tabs{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.plan-tabs button{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fffffdcc;border-radius:15px;padding:14px 16px;transition:all .2s}.plan-tabs button:hover{transform:translateY(-2px)}.plan-tabs button.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 12px 25px #17221b2e}.plan-tabs button>span{align-items:center;gap:6px;font-size:11px;display:flex}.plan-tabs svg{width:15px;color:var(--green)}.plan-tabs .active svg{color:var(--lime)}.plan-tabs i{background:var(--lime);color:var(--ink);border-radius:5px;margin-left:auto;padding:3px 5px;font-size:8px;font-style:normal}.plan-tabs strong{margin:8px 0 1px;font-size:20px;display:block}.plan-tabs small{color:#849087;font-size:10px}.plan-tabs .active small{color:#b6c0b8}.summary-strip{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:repeat(4,1fr) 1.8fr;align-items:center;margin:10px 0;padding:13px 16px;display:grid}.summary-strip>div{border-right:1px solid var(--line);padding-left:14px}.summary-strip small{color:var(--muted);font-size:9px;display:block}.summary-strip strong{font-size:16px}.summary-strip em{color:#758178;font-size:10px;font-style:normal}.summary-strip .accent{color:var(--green)}.summary-strip p{align-items:center;gap:8px;margin:0;padding-left:15px;font-size:11px;display:flex}.summary-strip p svg{color:#acbd21;width:17px}.map-card{background:linear-gradient(145deg,#f7faf3,#e9f0e5);min-height:355px;position:relative;overflow:hidden}.map-toolbar{z-index:2;color:#68766c;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;top:14px;left:16px;right:16px}.map-toolbar div{background:#ffffffe6;border-radius:8px;padding:7px 10px}.live-dot{background:#36b47f;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #36b47f21}.map-toolbar button{background:#fff;border:1px solid #dbe4d9;border-radius:8px;gap:5px;padding:7px 9px;font-size:10px;display:flex}.map-card svg{width:100%;height:330px;margin-top:8px}.terrain{fill:#e0e9dc}.road-shadow{fill:none;stroke:#fff;stroke-width:14px;stroke-linecap:round}.road{fill:none;stroke:url(#route);stroke-width:5px;stroke-linecap:round;stroke-dasharray:8 3;filter:url(#glow)}.map-node circle:first-child{fill:#fff;stroke:#17221b;stroke-width:2px}.map-node circle:nth-child(2){fill:#17221b}.map-node text,.map-stop text{fill:#26342b;font-size:12px;font-weight:700}.map-node text.sub,.map-stop text.sub{fill:#7a877d;font-size:9px;font-weight:500}.map-stop circle{fill:#17221b;stroke:var(--lime);stroke-width:3px}.map-stop path{fill:var(--lime)}.map-stop text.bubble{fill:#26342b;background:#fff;font-size:9px}.map-legend{color:#7a877d;gap:15px;font-size:9px;display:flex;position:absolute;bottom:13px;left:17px}.map-legend span{align-items:center;gap:5px;display:flex}.map-legend i{border-top:3px solid var(--lime);width:15px}.map-legend i.charge{border:2px solid var(--lime);background:var(--ink);border-radius:50%;width:7px;height:7px}.map-legend i.risk{border-color:var(--warn);border-style:dashed}.two-col{grid-template-columns:1.65fr .85fr;gap:10px;margin:10px 0;display:grid}.chart-card,.insights,.timeline-card,.station-card{padding:19px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2,.insights h2{margin:5px 0;font-size:17px}.chart-legend,.muted,.confidence{color:#7a877d;font-size:9px}.green-dot{background:#21a77b;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.red-line{border-top:1px dashed var(--danger);width:13px;margin:0 4px 2px 12px;display:inline-block}.chart-wrap{height:190px;margin-top:7px}.insights{background:var(--ink);color:#fff;position:relative;overflow:hidden}.insights:after{content:"✦";color:#c7f34b0f;font-size:120px;position:absolute;top:-28px;right:-10px}.insights .eyebrow{color:#9dac9f}.insights>div:not(.saving){gap:10px;margin:13px 0;display:flex}.insights>div:not(.saving)>span{width:22px;height:22px;color:var(--lime);background:#324138;border-radius:7px;flex:none;place-items:center;font-size:9px;display:grid}.insights p{color:#c4cec6;margin:2px 0;font-size:10px;line-height:1.55}.saving{background:#27362d;border:1px solid #3b4a40;border-radius:11px;padding:10px 12px;position:absolute;bottom:17px;left:18px;right:18px}.saving b,.saving small{color:#9eaaa1;font-size:8px;display:block}.saving strong{color:var(--lime);font-size:17px;position:absolute;top:10px;right:12px}.timeline{margin-top:15px}.timeline-row{grid-template-columns:35px 1fr 65px;min-height:62px;padding:0 0 18px;display:grid;position:relative}.timeline-row:not(:last-child):before{content:"";border-left:1px dashed #c8d2c9;position:absolute;top:25px;bottom:0;left:13px}.timeline-dot{z-index:1;background:#eef3ec;border:1px solid #d7e0d6;border-radius:9px;place-items:center;width:27px;height:27px;display:grid}.timeline-dot svg{width:13px}.timeline-dot.charge{background:var(--ink);color:var(--lime);border-color:var(--ink)}.timeline-row strong{font-size:11px}.timeline-row small{color:#7b877e;margin-top:4px;font-size:9px;display:block}.timeline-row>b{text-align:right;color:#8b958d;font-size:10px}.stop-main{align-items:start;gap:15px;display:flex}.stop-main>div:first-child{min-width:210px}.stop-pills{flex-wrap:wrap;gap:5px;display:flex}.stop-pills span{background:#f0f4ee;border-radius:5px;align-items:center;gap:3px;padding:5px 7px;font-size:8px;display:flex}.stop-pills svg{width:10px}.low{color:#16865f!important}.medium{color:#c17529!important}.high{color:#d45549!important}.station-options{gap:9px;position:absolute;bottom:17px;left:35px;display:flex!important}.station-options span{color:#758078;font-size:8px}.station-options span:first-child{color:#197c5d}.station-options svg{width:9px;height:9px}.station-table{margin-top:13px}.station-row{border-top:1px solid #edf0eb;grid-template-columns:47px 1.7fr .45fr .55fr .6fr;align-items:center;gap:9px;padding:11px;display:grid}.station-row.selected{background:#f0f7ec;border:1px solid #d9e7d4;border-radius:10px}.rank{text-align:center;background:#edf1eb;border-radius:5px;padding:4px;font-size:8px}.selected .rank{background:var(--lime);color:var(--ink);font-weight:700}.station-row strong{font-size:10px;display:block}.station-row small{color:#7d887f;margin-top:3px;font-size:8px;display:block}.risk-note{color:#8a641d;background:#fff8ec;border-radius:8px;gap:8px;margin-top:11px;padding:9px 11px;font-size:8px;display:flex}.risk-note svg{flex:none}.confidence{color:#39725d;background:#eef5eb;border-radius:6px;padding:5px 8px}.workspace footer{color:#879189;justify-content:space-between;padding:18px 5px;font-size:9px;display:flex}.workspace footer span{color:#516057;font-weight:700}.error-toast{color:#fff;box-shadow:var(--shadow);background:#411f1c;border-radius:10px;padding:13px 15px;font-size:11px;position:fixed;bottom:25px;right:25px}.error-toast button{color:#ffc3bc;background:0 0;border:0;margin-left:20px}@media (width<=1100px){header{padding:0 18px}.brand,.header-meta{min-width:auto}nav{display:none}main{grid-template-columns:285px}.summary-strip{grid-template-columns:repeat(4,1fr)}.summary-strip p{grid-column:1/-1;padding:10px 14px 0}.stop-main{display:block}.stop-pills{margin-top:7px}.station-row{grid-template-columns:42px 1.5fr repeat(3,.6fr)}}@media (width<=760px){header{height:60px}.weather,.avatar{display:none}.mobile-menu{display:block}.brand>div{font-size:16px}.brand small{display:none}main{padding:10px;display:block}.trip-panel{height:auto;margin-bottom:10px;padding:18px;position:relative;top:auto}.panel-heading h1{font-size:23px}.vehicle-box,details{display:none}.workspace{min-width:0}.result-top{align-items:start}.safe-pill{display:none}.plan-tabs{display:flex;overflow-x:auto}.plan-tabs button{min-width:145px}.summary-strip{grid-template-columns:repeat(2,1fr);gap:12px}.summary-strip>div{border:0}.map-card{min-height:310px}.map-card svg{height:300px}.two-col{grid-template-columns:1fr}.insights{min-height:250px}.stop-main>div:first-child{min-width:0}.station-options{margin-top:8px;position:static;display:block!important}.station-options span{margin:3px 0;display:block}.timeline-row{grid-template-columns:34px 1fr 48px}.station-row{grid-template-columns:38px 1fr 55px}.station-row>div:nth-of-type(2){display:none}.station-row>div:last-child{grid-column:3}.welcome{min-height:620px}.welcome h2{font-size:31px}.welcome-features{display:grid}.workspace footer{display:block}.chart-legend{display:none}}.map-card .map-toolbar svg{width:14px;height:14px;margin:0}.map-card>svg{width:100%;height:330px;margin-top:8px}@media (width<=760px){.map-card>svg{height:300px}}.choose-station{color:#16865f;background:#fff;border:1px solid #b8d2c1;border-radius:5px;margin-top:5px;padding:3px 7px;font-size:8px;display:block}.notice{color:#197657;background:#e5f5eb;border:1px solid #c7e5d2;border-radius:9px;margin:10px 0;padding:9px 12px;font-size:10px}