/* Demo presentation: keep the trip decision in the foreground. */
body{background:#f6f8f7}
.wrap{max-width:1060px;padding-top:28px}
.top{margin-bottom:30px}.top .beta{font-size:10px;letter-spacing:.7px}
.hero{padding:18px 0 30px;background:none;border:0;box-shadow:none}
.eyebrow{display:block;color:#60766b;font-size:11px;font-weight:850;letter-spacing:1.8px;margin-bottom:16px}
.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.06;letter-spacing:-2.7px;max-width:900px;margin-bottom:18px}
.hero h1 span{color:#15803d}.hero p{max-width:620px;line-height:1.6;font-size:17px}
.hero-pills{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:12px;color:#476555}
.hero-pills span:before{content:'✓';color:#15803d;font-weight:900;margin-right:6px}
.panel{padding:26px;border-radius:24px;border-color:#e0e7e2;box-shadow:0 8px 32px rgba(15,23,42,.035)}
.panelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.panelhead h2{margin:0;font-size:22px}.panelhead>span{font-size:12px;color:#64748b}
.trip-presets{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:23px;font-size:11px;color:#64748b}.trip-presets>span{margin-right:4px}
.trip-presets button{border:1px solid #e0e7e2;background:#f8faf9;color:#365443;padding:7px 10px;border-radius:9px;cursor:pointer;font:inherit;font-weight:700}
.trip-presets button:hover{border-color:#86b397;background:#edf7f0}
.grid{gap:18px}.field input,.field select{border-color:#d7e1da;background:#fff}.field input:focus,.field select:focus{border-color:#16a34a;box-shadow:0 0 0 3px #dcfce7}
.carpicker{background:#f8faf9;border:1px solid #e0e7e2;padding:17px}.carpicker>.helper{display:block;margin-top:10px}.carcell select{border-color:#d7e1da}.sourcepill{font-size:10px;text-decoration:none}
.car-provenance{margin-top:8px}.car-provenance summary{cursor:pointer;font-size:11px;color:#64748b}.carmatch .muted{font-size:11px}
.minutes{gap:8px}.minchip{min-width:75px;padding:12px 14px;border-radius:12px}.minchip.active{background:#153c29;border-color:#153c29;color:#fff;box-shadow:none}
.advanced{border:1px solid #e3e9e5;border-radius:15px;background:#fff;overflow:visible}.advanced>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;font-size:13px;font-weight:800}.advanced>summary::-webkit-details-marker{display:none}.advanced summary small{display:block;font-size:11px;color:#64748b;font-weight:500;margin-top:3px}.expand-icon{font-size:21px;color:#64748b}.advanced[open] .expand-icon{transform:rotate(45deg)}
.advanced-content{padding:4px 16px 16px}.comparebox{border:0;background:#f8faf9;padding:12px}.comparetop{margin-bottom:10px}.comparegrid[hidden]{display:none}.comparebox>.helper{display:block;margin-top:9px}
.actions .calc{padding:17px 18px;display:flex;justify-content:center;align-items:center;gap:14px;border-radius:14px;font-size:15px}.actions .calc span:not(.spinner){font-size:20px}
.sample-btn{display:block;margin:13px auto 0;background:none;border:0;color:#365b45;padding:7px 12px;cursor:pointer;font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:4px}.sample-btn:disabled{opacity:.5;cursor:wait}
.estimate-note{font-size:11px;color:#64748b;text-align:center;margin:9px 0 0;line-height:1.5}
.insight{margin:0 0 18px;background:#153c29;padding:22px 24px;border-radius:18px}.insight strong{display:block;font-size:clamp(21px,3vw,30px);line-height:1.2;letter-spacing:-.6px}.insight small{color:#c0d8c7;font-size:12px;margin-top:10px}.result-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#b6d9c1;margin-bottom:10px}
.cards{margin-bottom:20px}.card{padding:20px}.card.best{background:#f4fbf6;border-color:#419561}.card .big{font-size:34px}.card.over-limit{background:#fafafa}.card.over-limit .badge{color:#826648;background:#f4eee5}.mixhead{align-items:flex-start;flex-direction:column;gap:5px}.mixnote{color:#64748b}.mixlabels{flex-wrap:wrap}.mapbox{margin-top:4px;border-color:#e0e7e2}
.method-note{padding:10px 4px;font-size:12px;color:#64748b;line-height:1.6}.method-note summary{cursor:pointer;font-weight:750;color:#475569}.method-note p{max-width:820px}
.foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #e0e7e2;padding-top:16px;margin-top:22px;text-align:left}.privacyActions{margin:0;gap:12px;align-items:center}.privacyActions a,.privacyActions button{border:0;background:none;padding:4px 0;font-weight:550;font-size:11px;color:#64748b;border-radius:4px}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #86b397;outline-offset:3px}
@media(max-width:720px){.wrap{padding:18px 14px 36px}.top{margin-bottom:24px}.top .brand img{width:170px;max-width:52vw}.hero{padding:0 0 24px}.hero h1{letter-spacing:-1.6px;font-size:38px}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero p{font-size:14px}.hero-pills{gap:9px;font-size:10px;margin-top:14px}.panel{padding:18px}.panelhead h2{font-size:20px}.panelhead>span{display:none}.trip-presets{gap:6px;margin-bottom:19px}.trip-presets>span{width:100%}.trip-presets button{font-size:10px;padding:7px 8px}.grid{gap:16px}.cargrid{grid-template-columns:1fr}.locrow{flex-direction:row}.locrow input{min-width:0}.geo{padding:0 9px;font-size:11px}.minutes{gap:6px}.minchip{min-width:0;flex:1;padding:11px 6px;font-size:12px}.cards{grid-template-columns:1fr!important}.card{padding:18px}.advanced>summary{padding:13px;font-size:12px}.advanced-content{padding:4px 13px 13px}.actions .calc{font-size:14px;padding:16px 10px;gap:8px}.insight{padding:19px}.foot{justify-content:center;text-align:center;gap:8px}.privacyActions{justify-content:center}.comparegrid{grid-template-columns:1fr}.mixhead{flex-direction:row;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:none}}