@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{--green:#225b48;--ink:#223a31;--muted:#7c827c;--line:#e5e7df;--paper:#f7f8f2;--lime:#e8f0d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc9e3d;outline-offset:3px}a{color:inherit;text-decoration:none}header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1360px;margin:auto;padding:0 44px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font:800 25px 'Manrope',sans-serif;letter-spacing:-1px;gap:9px}.brandmark{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:white;width:37px;height:37px;border-radius:12px;font-size:31px;position:relative}.brandmark span{font-size:17px;position:absolute;right:4px;top:0}.beta{font:600 9px 'DM Sans',sans-serif;letter-spacing:1px;border:1px solid #d4dccd;padding:4px 6px;border-radius:5px;margin-left:5px}nav{display:flex;gap:35px;align-items:center;color:#727a71;font-size:13px}nav .active{color:var(--green);font-weight:700}.textbutton{background:none;border:0;color:var(--green);font-size:12px;padding:4px}.location{font-size:13px}.dot{display:inline-block;width:7px;height:7px;background:#88a46e;border-radius:50%;margin-left:13px}main{max-width:1272px;margin:auto;padding:0 24px}.intro{display:flex;justify-content:space-between;align-items:center;padding:44px 0 30px}.eyebrow{color:var(--green);font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 14px}h1{font:600 clamp(30px,3.2vw,45px)/1.19 'Manrope',sans-serif;letter-spacing:-1.8px;margin:0}h1 em{font-style:normal;color:var(--green)}.subtitle{color:#788074;line-height:1.7;margin:17px 0 0}.intro-art{width:340px;margin-right:40px}.intro-art svg{width:100%}.demo{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e9dfb9;background:#fbf6e5;border-radius:10px;color:#7b6a3b;font-size:11px;margin-bottom:28px}.demo p{margin:0;line-height:1.6}.demo>span:first-child{font-size:17px}.demo-tag{margin-left:auto;white-space:nowrap;font-size:9px;letter-spacing:1px}.workspace{display:grid;grid-template-columns:370px minmax(0,1fr);gap:28px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font:700 16px/1.4 'Manrope',sans-serif;margin:0;letter-spacing:-.4px}.count{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;background:#eff2e9;border-radius:50%;font-size:11px;margin-left:6px}.muted{color:var(--muted);font-size:12px;line-height:1.6}.listcard>.muted{margin:9px 0 17px}#addform{display:flex;gap:8px;margin-bottom:13px}input,select{min-width:0}#product{width:100%;border:1px solid var(--line);background:#fcfcf9;border-radius:8px;padding:12px;font-size:12px}.add{border:0;background:var(--green);color:white;font-size:24px;border-radius:8px;min-width:42px}.item{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #f0f1eb}.producticon{background:#f5f5ed;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:19px}.itemname{flex:1;min-width:0}.itemname strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.itemname small{display:block;color:#8b9089;font-size:10px;margin-top:4px}.qty{display:flex;align-items:center;gap:8px;font-size:12px}.qty button{border:1px solid #e8eae3;background:white;width:24px;height:25px;border-radius:6px;color:#657064}.remove{background:none;border:0;color:#a2a69e;font-size:17px;padding:4px}.listfooter{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#8a9486;padding-top:17px}.preferences{margin-top:16px}.tiny{font-size:8px;letter-spacing:1px;font-weight:500;color:#91978c;margin-left:auto}.preferences h2{display:flex;align-items:center;gap:8px;margin-bottom:20px}label{display:block;font-size:11px;font-weight:500;margin-bottom:9px}select{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fcfcf9;color:var(--ink)}.small{font-size:10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 13px}.inputunit{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 8px;margin-top:8px}.inputunit input{width:100%;border:0;outline:none;background:none;color:var(--ink);font-size:12px}.inputunit>span{white-space:nowrap;color:#8d9487;font-size:9px}.segments{display:flex;background:#f3f5ef;border-radius:9px;padding:4px;gap:4px;margin-bottom:17px}.segments button{width:33.33%;background:none;border:0;padding:9px 0;font-size:11px;color:#7b8476;border-radius:6px}.segments .selected{background:white;color:var(--green);box-shadow:0 1px 4px #203c2612;font-weight:700}.check{display:flex;align-items:center;gap:7px;color:#798273;font-size:11px}.check input{accent-color:var(--green);width:15px;height:15px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--green);color:white;border:0;border-radius:9px;padding:15px;font-size:12px;font-weight:600;margin-top:20px}.primary:hover{background:#164634}.primary span{font-size:20px}.center{text-align:center;margin:12px 0 0}.results>.sectionhead{margin-top:4px}.results .eyebrow{font-size:9px;margin-bottom:7px}.results>.sectionhead h2{font-size:20px}.pill{font-size:9px;color:#6a7c60;background:#eaf0e2;padding:7px 9px;border-radius:20px;white-space:nowrap}.resultsub{margin:10px 0 18px}#feedback:not(:empty){font-size:12px;background:#fff3d7;padding:12px;border-radius:8px;margin-bottom:15px;line-height:1.6}#plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan{position:relative;text-align:left;background:white;border:1px solid var(--line);border-radius:13px;padding:19px 15px;color:var(--ink);min-height:203px}.plan.chosen{border:2px solid var(--green);padding:18px 14px;background:#f5f8ee}.plan .ribbon{position:absolute;top:-10px;left:12px;background:var(--green);color:white;border-radius:5px;font-size:8px;letter-spacing:.6px;padding:4px 7px}.plan h3{font-size:12px;font-weight:600;margin:0 0 4px}.plan .stores{font-size:10px;color:#87917f;min-height:29px;line-height:1.5}.amount{font:800 30px 'Manrope',sans-serif;letter-spacing:-1px;margin:12px 0 3px}.plan .meta{font-size:9px;color:#8d9486}.saving{font-size:10px;color:var(--green);font-weight:600;border-top:1px solid #e6eadf;margin-top:14px;padding-top:12px}.plan:disabled{opacity:.5;cursor:default}.detail{margin-top:22px;border:1px solid #d9e3d0;border-radius:16px;overflow:hidden;background:white}.detailtop{padding:22px;background:#eaf1df;display:flex;justify-content:space-between;gap:15px;align-items:center}.detailtop h2{font-size:17px}.detailtop p{font-size:11px;line-height:1.6;color:#718165;margin:7px 0 0}.savebadge{font:800 25px 'Manrope',sans-serif;white-space:nowrap;color:var(--green)}.savebadge small{display:block;font:500 9px 'DM Sans',sans-serif;text-align:right;margin-bottom:4px}.route{padding:21px 22px 5px;display:flex;align-items:center;gap:8px;font-size:10px;color:#7c8873}.route .routepoint{color:var(--green);font-weight:700}.route hr{flex:1;border:0;border-top:1px dashed #c9d6bd}.shop{margin:0 22px;padding:18px 0;border-bottom:1px solid var(--line)}.shop:last-of-type{border-bottom:0}.shophead{display:flex;gap:10px;align-items:center;margin-bottom:12px}.shopnum{width:27px;height:27px;display:flex;align-items:center;justify-content:center;background:#edf2e6;color:var(--green);border-radius:50%;font-size:11px;font-weight:700}.shophead strong{font-size:12px}.shophead small{display:block;font-size:10px;color:#8a9381;margin-top:3px}.shophead>b{margin-left:auto;font-size:13px}.shopline{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:6px 0;color:#6f7c67}.shopline .offerlabel{font-size:8px;background:#f8efcf;color:#8c7940;border-radius:3px;padding:3px;margin-left:6px}.detailbottom{padding:15px 22px;background:#fafbf7;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#7a8771}.export{border:1px solid #d4ddcc;background:white;color:var(--green);border-radius:7px;padding:9px 12px;font-size:10px}.offers{margin-top:20px}.offers h2{font-size:14px}#offers{display:flex;gap:12px;overflow-x:auto;margin-top:17px;padding-bottom:6px}.offercard{min-width:150px;flex:1;background:#f7f8f2;padding:14px;border-radius:10px}.offercard .emoji{font-size:25px}.offercard h3{font-size:11px;margin:10px 0 6px}.offercard p{font-size:9px;color:#849079;margin:5px 0}.offercard strong{font-size:17px;color:var(--green)}.offercard del{font-size:10px;color:#939a8b;margin-left:6px}.disclaimer{font-size:10px;line-height:1.8;color:#949b8d;margin:18px 5px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:38px;padding:25px 0 30px;color:#9aa18f;font-size:10px}footer .brand{font-size:19px;color:var(--green)}.leaf{font-size:20px}dialog{border:1px solid var(--line);border-radius:18px;max-width:520px;padding:30px;color:var(--ink);line-height:1.8}dialog::backdrop{background:#173b2c66;backdrop-filter:blur(3px)}.close{float:right;border:0;background:none;font-size:25px;color:var(--green)}.empty{padding:28px 10px;color:#7c8873;font-size:12px;text-align:center}.stale{opacity:.55}
@media(min-width:1450px){main{padding:0}.intro{padding-top:50px}}@media(max-width:1050px){header{padding:0 25px}.workspace{grid-template-columns:320px minmax(0,1fr);gap:18px}.card{padding:18px}.intro-art{margin-right:0;width:270px}.pill{display:none}#plans{gap:7px}.plan{padding:18px 10px}.plan.chosen{padding:17px 9px}.amount{font-size:25px}.results>.sectionhead h2{font-size:17px}}@media(max-width:760px){header{height:70px;padding:0 20px}.brand{font-size:23px}nav{display:none}.location{font-size:11px}main{padding:0 18px}.intro{padding:30px 0 24px}.intro-art{display:none}h1{font-size:35px;letter-spacing:-1.4px}.subtitle{font-size:12px}.eyebrow{font-size:9px}.demo{margin-bottom:22px;padding:10px 12px;font-size:10px}.demo-tag{display:none}.workspace{display:block}.card{padding:19px}.listcard{scroll-margin-top:15px}.preferences{margin-bottom:30px}.results>.sectionhead h2{font-size:19px}.results>.sectionhead{margin-top:0}#plans{gap:7px}.plan{min-height:196px;padding:18px 10px 13px}.plan.chosen{padding:17px 9px 12px}.plan h3{font-size:11px}.plan .stores{font-size:9px;min-height:39px}.amount{font-size:25px}.plan .meta{font-size:8px}.saving{font-size:9px;line-height:1.5}.plan .ribbon{font-size:7px;left:6px;padding:4px}.detailtop{padding:18px}.detailtop h2{font-size:15px}.savebadge{font-size:23px}.detailtop p{font-size:10px}.route{padding-left:18px;padding-right:18px;font-size:9px}.shop{margin:0 18px}.detailbottom{padding:14px 18px}.shopline{font-size:10px}.offerlabel{display:none}footer{gap:15px;flex-wrap:wrap;margin-top:25px}footer>span:last-child{display:none}.tiny{font-size:7px}.fields input{font-size:16px}#product{font-size:16px}.remove{padding:7px}.qty button{height:30px;width:28px}}
.item{flex-wrap:wrap;gap:8px}.brandchoice{flex-basis:calc(100% - 44px);width:calc(100% - 44px);margin:0 0 0 44px;padding:8px;font-size:10px;color:#366344;background:#f3f6eb;border-color:#e5ebdc}.chosenbrand{display:block;color:#869078;font-size:10px;line-height:1.5;margin-top:4px}.shopline{align-items:start;padding:8px 0}.shopline>span:last-child{white-space:nowrap}.refill-controls{border:1px solid #dce6d2;background:#f6f9f0;border-radius:10px;padding:13px;margin:0 0 20px}.refill-controls .check{color:var(--green);font-weight:600;margin:0}.refill-controls .fields{margin:15px 0 0}.refill-controls select{font-size:11px;padding:10px 6px}.refill-controls .small{margin-bottom:0}.preferences>label{margin-top:14px}.plan{min-height:235px}.plan .stores{min-height:50px}.plan .meta{line-height:1.7}.fuelonly{grid-template-columns:1fr!important}.fuelonly .plan{min-height:0}.fuelonly .stores{min-height:0}.fuel-stop{background:#f9fbf5;border-radius:10px;padding:14px;margin-top:12px}.costbreakdown{margin:8px 22px 0;border-top:1px solid var(--line);padding-top:12px}.costbreakdown>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:7px 0;color:#718269}.costbreakdown .cash{border-top:1px solid var(--line);font-weight:600;margin-top:4px}.costbreakdown .total{color:var(--green);font-size:14px;font-weight:700;border-top:1px solid var(--line);margin-top:6px;padding-top:12px}.costbreakdown p{font-size:10px;line-height:1.7;color:#8a9480}.reference{font-size:10px;line-height:1.7;margin:16px 22px;background:#f5f7ee;padding:12px;border-radius:8px;color:#7d896f}.pumpcard{margin-top:20px}.pumpcard h2{font-size:14px}.pumprow{display:flex;gap:12px;justify-content:space-between;padding:13px 10px;margin:5px -3px;border-bottom:1px solid #edf0e6;font-size:11px}.pumprow small{display:block;font-size:9px;color:#8b947e;margin-top:5px;line-height:1.6}.pumprow>div:last-child{text-align:right;white-space:nowrap}.pumpchosen{background:#edf3e3;border-radius:8px}.route{flex-wrap:wrap}.route hr{min-width:7px}.stale{opacity:.45}
@media(max-width:760px){.brandchoice{font-size:12px;padding:10px}.plan{min-height:246px}.plan .stores{min-height:60px;font-size:9px}.plan .amount{font-size:23px}.plan .meta{font-size:8px}.costbreakdown{margin-left:18px;margin-right:18px}.costbreakdown>div{font-size:10px}.reference{margin:14px 18px}.pumprow{font-size:10px}.chosenbrand{font-size:9px}.refill-controls select{font-size:14px}.route{font-size:9px}}