:root{--bg:#0f1729;--bg2:#16203a;--card:#fff;--ink:#1a2438;--muted:#6b7689;--line:#e3e8f0;--brand:#14284f;--brand2:#2563eb;--accent:#16a34a;--shadow:0 1px 3px #10182814, 0 1px 2px #1018280f;--radius:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);color:var(--ink);background-attachment:fixed;min-height:100vh;margin:0}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;font-size:15px}.pac-container{z-index:99999;border-radius:8px;margin-top:2px}.app{max-width:920px;margin:0 auto;padding:20px 16px 60px}.topbar{color:#fff;align-items:center;gap:12px;padding:8px 4px 22px;display:flex}.topbar .logo{flex:none;width:44px;height:44px;display:block}.topbar h1{margin:0;font-size:20px;font-weight:700}.topbar p{opacity:.7;margin:2px 0 0;font-size:13px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:18px}.card h2{text-transform:uppercase;letter-spacing:.5px;color:var(--brand);margin:0 0 14px;font-size:15px;font-weight:700}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}@media (width<=640px){.grid,.grid-3{grid-template-columns:1fr}}.field{flex-direction:column;gap:5px;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--muted);font-size:12.5px;font-weight:600}.field input,.field select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;outline:none;width:100%;padding:10px 11px}.field input:focus,.field select:focus{border-color:var(--brand2);box-shadow:0 0 0 3px #2563eb1f}.segmented{background:#eef1f6;border-radius:10px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600}.segmented button.active{color:var(--brand);box-shadow:var(--shadow);background:#fff}.row-addr{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}@media (width<=640px){.row-addr{grid-template-columns:1fr}}.btn{background:var(--brand2);color:#fff;border:0;border-radius:9px;padding:11px 16px;font-size:14px;font-weight:700}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.big{background:var(--accent);width:100%;padding:15px;font-size:16px}.check{color:var(--ink);cursor:pointer;align-items:center;gap:9px;padding:4px 0;font-size:14px;display:flex}.check input{width:17px;height:17px;accent-color:var(--brand2)}.result{background:linear-gradient(#f7faff,#eef4ff);border:1px solid #dbe6fb}.lines{flex-direction:column;gap:7px;margin-bottom:12px;display:flex}.line{justify-content:space-between;gap:12px;font-size:13.5px;display:flex}.line .lbl{color:var(--ink)}.line .amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.line.neg .amt{color:#b91c1c}.totalrow{border-top:2px solid #c9d8f5;justify-content:space-between;align-items:baseline;margin-top:4px;padding-top:12px;display:flex}.totalrow .t{color:var(--muted);font-size:14px;font-weight:600}.totalrow .v{color:var(--brand);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.hint{color:var(--muted);margin-top:8px;font-size:12.5px}.badge{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.ok{color:#166534;background:#dcfce7}.badge.warn{color:#92400e;background:#fef3c7}.distance-out{color:var(--brand);font-weight:700}.fuel-box{background:#f7faff;border:1px dashed #c9d8f5;border-radius:10px;margin-top:10px;padding:14px}.fuel-out{color:var(--ink);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:10px;font-size:13.5px;display:flex}.fuel-out strong{color:var(--brand);font-size:15px}.fuel-out a{color:var(--brand2);font-size:12.5px;font-weight:600;text-decoration:none}.fuel-out a:hover{text-decoration:underline}.hist{flex-direction:column;gap:8px;display:flex}.hist-row{border:1px solid var(--line);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.hist-info{flex-direction:column;gap:2px;min-width:0;display:flex}.hist-info strong{color:var(--brand);font-size:14px}.hist-info span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.btn.ghost{color:var(--brand);background:#eef1f6}.auth-loading{color:#fff;text-align:center;opacity:.8;padding:80px 20px;font-size:16px}.auth-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-card{background:var(--card);text-align:center;border-radius:16px;width:100%;max-width:400px;padding:30px 26px;box-shadow:0 12px 40px #00000040}.auth-logo{width:58px;height:58px;margin:0 auto 14px;display:block}.auth-card h1{color:var(--brand);margin:0 0 2px;font-size:19px;font-weight:800}.auth-sub{color:var(--muted);margin:0 0 20px;font-size:13px}.auth-tabs{background:#eef1f6;border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;padding:9px;font-size:14px;font-weight:700}.auth-tabs button.on{color:var(--brand);box-shadow:var(--shadow);background:#fff}.auth-field{text-align:left;margin-bottom:14px;display:block}.auth-field span{color:var(--muted);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.auth-field input{border:1px solid var(--line);width:100%;color:var(--ink);border-radius:9px;outline:none;padding:11px 12px;font-size:15px}.auth-field input:focus{border-color:var(--brand2);box-shadow:0 0 0 3px #2563eb1f}.auth-submit{background:var(--brand2);color:#fff;border:0;border-radius:10px;width:100%;margin-top:4px;padding:13px;font-size:15px;font-weight:800}.auth-submit:disabled{opacity:.6}.auth-link{color:var(--brand2);cursor:pointer;background:0 0;border:0;margin-top:14px;font-size:13px;font-weight:600}.auth-err{color:#991b1b;text-align:left;background:#fee2e2;border-radius:8px;margin-bottom:12px;padding:9px 11px;font-size:13px}.auth-msg{color:#166534;text-align:left;background:#dcfce7;border-radius:8px;margin-bottom:12px;padding:9px 11px;font-size:13px}.auth-foot{color:#fff;opacity:.6;text-align:center;max-width:360px;margin-top:18px;font-size:12px;line-height:1.7}.auth-foot a{color:#fff;text-decoration:underline}.auth-back{color:#fff;opacity:.85;cursor:pointer;background:0 0;border:0;margin-bottom:6px;padding:0;font-size:13px;font-weight:600}.auth-back:hover{opacity:1;text-decoration:underline}.paywall-note a{color:var(--brand2);text-decoration:none}.paywall-note a:hover{text-decoration:underline}.paywall-card{background:var(--card);text-align:center;border-radius:16px;width:100%;max-width:620px;padding:32px 28px;box-shadow:0 12px 40px #00000040}.paywall-card h1{color:var(--brand);margin:6px 0 2px;font-size:22px;font-weight:800}.plans{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}@media (width<=560px){.plans{grid-template-columns:1fr}}.plan{border:1.5px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;gap:8px;padding:22px 18px;display:flex;position:relative}.plan.populaire{border-color:var(--brand2);box-shadow:0 0 0 3px #2563eb1f}.plan-tag{background:var(--brand2);color:#fff;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.plan-nom{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:15px;font-weight:700}.plan-prix{color:var(--brand);font-size:34px;font-weight:800}.plan-prix span{color:var(--muted);font-size:15px;font-weight:600}.plan-desc{color:var(--muted);min-height:34px;font-size:13px}.plan-btn{background:var(--accent);color:#fff;border:0;border-radius:10px;margin-top:6px;padding:12px;font-size:15px;font-weight:800}.plan-btn:disabled{opacity:.6}.paywall-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:22px;font-size:13px;display:flex}.paywall-note{color:var(--muted);margin-top:12px;font-size:12px}.account-bar{justify-content:flex-end;align-items:center;gap:12px;max-width:920px;margin:0 auto;padding:10px 16px 0;display:flex}.account-email{color:#fff;opacity:.85;font-size:13px}.account-logout{color:#fff;background:#ffffff14;border:1px solid #ffffff4d;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.account-logout:hover{background:#ffffff29}.lp{color:#fff;max-width:1080px;margin:0 auto;padding:0 18px 40px}.lp-nav{justify-content:space-between;align-items:center;padding:18px 4px;display:flex}.lp-brand{color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.lp-brand img{width:34px;height:34px}.lp-nav-actions{align-items:center;gap:10px;display:flex}.lp-link{color:#fff;opacity:.85;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:600}.lp-link:hover{opacity:1}.lp-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:800;transition:transform 60ms,filter .15s}.lp-btn:hover{filter:brightness(1.05)}.lp-btn:active{transform:translateY(1px)}.lp-btn.sm{padding:9px 16px;font-size:14px}.lp-btn.big{padding:15px 30px;font-size:17px}.lp-btn.light{color:var(--brand);background:#fff}.lp-hero{text-align:center;padding:54px 10px 60px}.lp-eyebrow{color:#dbe6fb;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.lp-hero h1{letter-spacing:-.5px;margin:20px 0 16px;font-size:46px;font-weight:800;line-height:1.1}.lp-hero h1 span{background:linear-gradient(90deg,#7cc4ff,#6ee7a8);color:#0000;-webkit-background-clip:text;background-clip:text}.lp-lead{color:#cbd5e6;max-width:620px;margin:0 auto 28px;font-size:18px;line-height:1.6}.lp-lead strong{color:#fff}.lp-hero-cta{flex-direction:column;align-items:center;gap:12px;display:flex}.lp-hero-note{color:#9fb0c9;font-size:13px}@media (width<=640px){.lp-hero h1{font-size:33px}.lp-lead{font-size:16px}}.lp-mockup{text-align:left;background:#fff;border-radius:16px;max-width:400px;margin:40px auto 0;overflow:hidden;box-shadow:0 24px 60px #00000059}.lp-mockup-bar{background:#eef1f6;gap:7px;padding:12px 14px;display:flex}.lp-mockup-bar span{background:#cdd5e2;border-radius:50%;width:11px;height:11px}.lp-mockup-bar span:first-child{background:#ff5f57}.lp-mockup-bar span:nth-child(2){background:#febc2e}.lp-mockup-bar span:nth-child(3){background:#28c840}.lp-mockup-body{color:var(--ink);padding:18px 20px 22px}.lp-mk-head{color:var(--brand);align-items:center;gap:8px;margin-bottom:14px;font-size:17px;font-weight:800;display:flex}.lp-mk-head img{width:26px;height:26px}.lp-mk-row{color:var(--muted);border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;padding:8px 0;font-size:13.5px;display:flex}.lp-mk-row b{color:var(--ink);font-weight:700}.lp-mk-total{justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:10px;display:flex}.lp-mk-total span{color:var(--muted);font-size:14px;font-weight:600}.lp-mk-total b{color:var(--brand);font-size:26px;font-weight:800}.lp-mk-btn{background:var(--accent);color:#fff;text-align:center;border-radius:10px;margin-top:14px;padding:12px;font-size:14px;font-weight:800}.lp-section{color:var(--ink);background:#fff;border-radius:20px;margin:16px 0;padding:40px 28px;box-shadow:0 10px 40px #0000002e}.lp-section h2{text-align:center;color:var(--brand);margin:0 0 8px;font-size:27px;font-weight:800}.lp-sub{text-align:center;color:var(--muted);margin:0 0 24px}.lp-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;display:grid}@media (width<=900px){.lp-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.lp-grid{grid-template-columns:1fr}}.lp-feature{background:#f7faff;border:1px solid #e6eefb;border-radius:14px;padding:20px}.lp-feature-icon{font-size:30px}.lp-feature h3{color:var(--brand);margin:10px 0 6px;font-size:16px}.lp-feature p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.lp-steps{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}@media (width<=700px){.lp-steps{grid-template-columns:1fr}}.lp-step{text-align:center;padding:8px}.lp-step-n{background:linear-gradient(135deg, var(--brand2), var(--accent));color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;margin:0 auto 12px;font-size:20px;font-weight:800;display:grid}.lp-step h3{color:var(--brand);margin:0 0 6px;font-size:17px}.lp-step p{color:var(--muted);margin:0;font-size:14px}.lp-plans{grid-template-columns:1fr 1fr;gap:16px;max-width:620px;margin:0 auto;display:grid}@media (width<=560px){.lp-plans{grid-template-columns:1fr}}.lp-plan{border:1.5px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;gap:8px;padding:26px 20px;display:flex;position:relative}.lp-plan.pop{border-color:var(--brand2);box-shadow:0 0 0 3px #2563eb1f}.lp-plan-tag{background:var(--brand2);color:#fff;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.lp-plan-nom{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.lp-plan-prix{color:var(--brand);font-size:36px;font-weight:800}.lp-plan-prix span{color:var(--muted);font-size:15px;font-weight:600}.lp-plan-desc{color:var(--muted);min-height:34px;font-size:13px}.lp-final{text-align:center;padding:50px 20px 30px}.lp-final h2{margin:0 0 22px;font-size:28px;font-weight:800}@media (width<=640px){.lp-final h2{font-size:22px}}.lp-footer{text-align:center;color:#9fb0c9;border-top:1px solid #ffffff1a;margin-top:20px;padding:30px 10px 10px;font-size:13px}.lp-footer-links{flex-wrap:wrap;justify-content:center;gap:18px;margin:12px 0;display:flex}.lp-footer-links a{color:#cbd5e6;text-decoration:none}.lp-footer-links a:hover{text-decoration:underline}.lp-footer-note{opacity:.7;max-width:460px;margin:8px auto 0;font-size:12px}