@font-face{font-family:Inter;src:url('/static/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--encre:#0F1B2D;--texte:#3E4A5C;--gris:#5B6778;--gris-clair:#8A94A3;--papier:#F5F7FA;--carte:#FFFFFF;--fond-doux:#F2F5FA;--trait:#E3E8EF;--trait-fort:#CDD5E0;--bleu:#013E84;--bleu-fonce:#012E63;--bleu-clair:#EAF0FA;--marque-vert:#13B945;--rouge:#B42318;--rouge-vif:#D92D20;--rouge-fond:#FDECEA;--ambre:#9A4A00;--ambre-vif:#D97706;--ambre-fond:#FEF0DC;--vert:#166534;--vert-vif:#16A34A;--vert-fond:#E6F4EA;--rayon:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--papier);color:var(--encre);font:14.5px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--bleu);text-decoration:none}a:hover{color:var(--bleu-fonce)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7AA2F7;outline-offset:2px}img{max-width:100%}h1,h2,h3,h4,p{margin:0}.ico{flex:none;vertical-align:-3px}.skip-link{position:absolute;left:-999px}.skip-link:focus{position:fixed;z-index:300;left:12px;top:12px;background:#fff;padding:10px}
.logo-fallback{display:none;color:var(--bleu);font-weight:850;font-size:23px;letter-spacing:-.06em}.brand-logo img,.app-brand img{width:auto;height:34px;display:block}.public-header{background:#fff;border-bottom:1px solid var(--trait)}.public-header-inner{max-width:1280px;margin:auto;min-height:74px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.public-header nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600;color:var(--texte)}.public-header nav a:not(.button){color:var(--texte)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border-radius:10px;border:1px solid var(--trait-fort);font-weight:700;color:var(--encre);background:#fff;white-space:nowrap}.button:hover{background:var(--fond-doux);color:var(--encre)}.button.primary{background:var(--bleu);border-color:var(--bleu);color:#fff}.button.primary:hover{background:var(--bleu-fonce)}.button.outline,.button.second{background:#fff;border-color:var(--trait-fort);color:var(--encre)}.button.outline:hover,.button.second:hover{background:var(--fond-doux)}.button:disabled{opacity:.45;cursor:not-allowed}
.intro{background:linear-gradient(180deg,#fff 0,#f8fafe 100%);border-bottom:1px solid var(--trait)}.intro-inner{max-width:1280px;margin:0 auto;padding:68px 24px 64px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(370px,.85fr);gap:66px;align-items:center}.intro-eyebrow,.section-kicker{color:var(--bleu);font-size:12px;letter-spacing:.09em;font-weight:800;margin-bottom:14px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--marque-vert);margin-right:8px}.intro-copy h1{font-size:clamp(30px,3.8vw,54px);line-height:1.12;letter-spacing:-.045em;font-weight:800;max-width:740px}.intro-copy h1 span{color:var(--bleu)}.intro-copy>p:not(.intro-eyebrow):not(.intro-small){font-size:16px;color:var(--texte);max-width:610px;margin-top:22px;line-height:1.7}.intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 18px}.intro-small{color:var(--gris);font-size:12.5px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.intro-small .ico{color:var(--marque-vert)}
.intro-side{background:#fff;border:1px solid var(--trait);border-radius:16px;box-shadow:0 16px 36px rgba(15,27,45,.08);overflow:hidden}.intro-panel-title{font-weight:750;padding:16px 20px;border-bottom:1px solid var(--trait);display:flex;align-items:center;justify-content:space-between}.preview-meter{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 18px 13px}.preview-meter>div{border:1px solid var(--trait);border-radius:12px;padding:11px;display:flex;flex-direction:column;gap:3px}.preview-meter strong{font-size:29px;line-height:1.1}.preview-meter small{color:var(--gris)}.intro-list{display:flex;align-items:center;gap:11px;padding:13px 18px;border-top:1px solid #eef1f5}.intro-list div{display:flex;flex-direction:column;min-width:0;flex:1}.intro-list div strong{font-size:12px}.intro-list div small{color:var(--gris)}
.steps{background:#fff;border-bottom:1px solid var(--trait)}.steps-inner{max-width:1280px;margin:auto;padding:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps p{color:var(--texte);font-weight:600;display:flex;align-items:center;gap:13px}.steps b{font-size:18px;color:var(--marque-vert)}
.demo-section{padding:64px 24px 36px}.demo-section-inner{max-width:1280px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px}.section-heading h2{font-size:clamp(23px,3vw,33px);line-height:1.18;letter-spacing:-.025em;margin-bottom:8px}.section-heading p:not(.section-kicker){color:var(--gris);max-width:715px}.safety-pill{display:flex;gap:7px;align-items:center;border:1px solid #bee2c5;background:var(--vert-fond);color:var(--vert);font-size:12px;font-weight:750;border-radius:99px;padding:8px 12px}
.app-shell{background:var(--papier);border:1px solid #cbd5e1;border-radius:15px;box-shadow:0 12px 44px rgba(15,27,45,.10);overflow:hidden;scroll-margin-top:18px}.app-topbar{display:flex;align-items:center;gap:24px;padding:0 22px;min-height:68px;background:#fff;border-bottom:1px solid var(--trait)}.app-brand img{height:29px}.app-nav{display:flex;align-items:center;gap:3px;flex:1}.app-tab{border:0;border-radius:10px;background:transparent;min-height:40px;padding:8px 12px;color:var(--texte);display:flex;align-items:center;gap:7px;font-weight:600;font-size:13px;white-space:nowrap}.app-tab:hover{background:var(--fond-doux)}.app-tab.active{background:var(--bleu-clair);color:var(--bleu)}.app-tools{display:flex;align-items:center;gap:14px;margin-left:auto}.app-bell{position:relative;color:var(--texte)}.app-bell em{position:absolute;top:0;right:-2px;background:var(--rouge);width:7px;height:7px;border-radius:50%}.app-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:100%;color:#fff;background:var(--bleu);font-size:12px;font-weight:800}.app-mobile-nav{display:none}.app-inner{padding:27px 24px 31px;min-height:475px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:23px}.page-heading h3{font-size:28px;letter-spacing:-.025em}.sur-titre{font-size:14px;color:var(--gris);margin-bottom:3px}.page-heading .actions{display:flex;gap:8px;flex-wrap:wrap}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:23px}.summary-card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--trait);border-radius:var(--rayon);box-shadow:0 1px 2px rgba(15,27,45,.04);padding:17px 20px;text-align:left;color:var(--encre);min-height:134px}.summary-card span{font-weight:650;color:var(--gris);font-size:13.5px;display:flex;align-items:center;gap:9px}.summary-card span:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--trait-fort)}.summary-card.rouge span:before{background:var(--rouge-vif)}.summary-card.orange span:before{background:var(--ambre-vif)}.summary-card.bleu span:before{background:var(--bleu)}.summary-card strong{font-size:36px;line-height:1.12;letter-spacing:-.04em}.summary-card small{color:var(--bleu);font-weight:650}.summary-card:hover,.summary-card.picked{border-color:#6c90bb;box-shadow:0 0 0 2px var(--bleu-clair)}
.overview-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.9fr);gap:20px;align-items:start}.card{background:#fff;border:1px solid var(--trait);border-radius:var(--rayon);overflow:hidden;box-shadow:0 1px 2px rgba(15,27,45,.04)}.card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--trait)}.card-heading h4{font-size:17px}.card-heading>span{color:var(--gris);font-size:12px}.app-table-scroll{overflow-x:auto}.app-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:590px}.app-table th{padding:11px 13px;text-align:left;background:#f9fbfe;border-bottom:1px solid var(--trait);color:var(--gris);font-weight:650;white-space:nowrap}.app-table td{padding:12px 13px;border-bottom:1px solid #eef1f5;vertical-align:middle}.app-table tr:last-child td{border-bottom:0}.app-table tr[data-vehicle]{cursor:pointer}.app-table tbody tr[data-vehicle]:hover{background:#f7faff}.app-table td:first-child{display:flex;align-items:center;gap:10px;white-space:nowrap}.app-table td b{font-size:12px}.plaque{display:inline-flex;align-items:stretch;flex:none;overflow:hidden;border:1.5px solid var(--encre);border-radius:5px;background:#fff;line-height:1;letter-spacing:.04em;font-size:11px;font-weight:800;color:var(--encre);white-space:nowrap}.plaque:before{content:'F';display:flex;align-items:end;justify-content:center;background:#1D4FA8;color:#fff;font-size:8px;letter-spacing:0;width:13px;padding-bottom:2px}.plaque span{padding:5px 6px}.plaque.grande{font-size:22px;border-width:2px;border-radius:8px}.plaque.grande:before{font-size:12px;width:23px}.plaque.grande span{padding:10px 14px}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:3px 9px;font-size:12px;line-height:1.45;white-space:nowrap;font-weight:650}.badge.rouge{background:var(--rouge-fond);color:var(--rouge)}.badge.orange{background:var(--ambre-fond);color:var(--ambre)}.badge.vert{background:var(--vert-fond);color:var(--vert)}.badge.bleu{background:var(--bleu-clair);color:var(--bleu)}.point{display:inline-flex;width:9px;height:9px;flex:none;border-radius:50%}.point.rouge{background:var(--rouge-vif)}.point.orange{background:var(--ambre-vif)}.point.vert{background:var(--vert-vif)}.week-line{display:flex;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid #eef1f5}.week-line:last-child{border-bottom:0}.week-line>div{display:flex;flex-direction:column}.week-line strong{font-size:12.5px}.week-line small{color:var(--gris);font-size:12px}.day-square{width:45px;padding:5px 0;background:var(--fond-doux);border-radius:10px;text-align:center;font-weight:850;font-size:18px}.day-square small{display:block;font-size:10px;font-weight:700}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vehicle-header{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:20px}.vehicle-header .vehicle-identity{flex:1;min-width:190px}.vehicle-header h3{font-size:23px}.vehicle-header p{color:var(--gris)}.vehicle-header .vehicle-km{display:inline-flex;border-radius:20px;background:var(--fond-doux);padding:7px 11px;color:var(--texte);font-weight:650;margin-top:8px}.vehicle-actions{display:flex;gap:7px;flex-wrap:wrap}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.state-tile{padding:16px;border:1px solid var(--trait);background:#fff;border-radius:14px}.state-tile strong{display:block;font-size:19px;margin:6px 0}.state-tile small{color:var(--gris)}.state-tile.red{border-left:4px solid var(--rouge-vif)}.state-tile.amber{border-left:4px solid var(--ambre-vif)}.state-tile.green{border-left:4px solid var(--vert-vif)}.panel-body{padding:17px 20px}.task-row{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eef1f5}.task-row:last-child{border-bottom:0}.task-row .task-main{flex:1;min-width:0}.task-row .task-main strong{display:block;font-size:13px}.task-row .task-main small{color:var(--gris)}.task-row .button{min-height:35px;padding:7px 10px;font-size:12px}.back-link{display:inline-flex;margin-bottom:14px;font-weight:650}.form-demo{display:flex;flex-direction:column;gap:16px;max-width:680px}.form-demo label{display:flex;flex-direction:column;gap:6px;font-weight:650}.form-demo select,.form-demo textarea,.form-demo input{width:100%;border:1px solid var(--trait-fort);border-radius:10px;background:#fff;padding:11px 13px;color:var(--encre)}.form-demo textarea{min-height:90px;resize:vertical}.field-title{font-weight:700;display:block;margin-bottom:8px}.choice-list{display:flex;flex-wrap:wrap;gap:8px}.choice{border:1px solid var(--trait-fort);border-radius:10px;background:#fff;color:var(--encre);min-height:42px;padding:8px 12px;font-size:13px;font-weight:650}.choice.selected{border:2px solid var(--bleu);background:var(--bleu-clair);color:var(--bleu)}.message{background:var(--vert-fond);color:var(--vert);padding:12px 15px;border-radius:10px;margin-top:12px}.subnav{display:flex;gap:7px;border-bottom:1px solid var(--trait);margin-bottom:20px;overflow:auto}.subnav button{background:transparent;border:0;border-bottom:3px solid transparent;padding:10px 13px;color:var(--gris);font-weight:650;white-space:nowrap}.subnav button.active{color:var(--bleu);border-bottom-color:var(--marque-vert)}.metric-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--trait)}.metric-row>span{width:125px;font-size:13px}.bar-track{height:9px;border-radius:99px;flex:1;background:var(--fond-doux);overflow:hidden}.bar-fill{height:100%;background:var(--bleu);border-radius:99px}.metric-row>strong{width:100px;text-align:right;font-size:12px}
.guided-bar{border-top:1px solid var(--trait);background:#fff;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:15px 23px}.guided-text{display:flex;flex-direction:column;gap:1px}.guided-text small{color:var(--bleu);font-weight:850;font-size:10px;letter-spacing:.08em}.guided-text strong{font-size:14px}.guided-text>span{font-size:12px;color:var(--gris)}.guided-buttons{display:flex;gap:9px}.demo-note{margin:13px 0 0;color:var(--gris);font-size:12.5px}
.features{padding:58px 24px 70px}.features-inner{max-width:1280px;margin:auto}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article{border:1px solid var(--trait);background:#fff;border-radius:15px;padding:24px}.feature-grid h3{font-size:16px;margin:16px 0 6px}.feature-grid p{color:var(--gris);font-size:13.5px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--bleu-clair);color:var(--bleu);width:44px;height:44px;border-radius:11px}.end-cta{padding:40px 24px;background:var(--bleu);color:#fff;text-align:center}.end-cta h2{font-size:26px}.end-cta p{margin:10px 0 19px;color:#dceaf8}.end-cta .button.primary{background:#fff;color:var(--bleu);border-color:#fff}.footer{max-width:1280px;padding:22px 24px;margin:auto;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--gris);font-size:12px}.footer a{color:var(--gris)}.toast{position:fixed;z-index:1000;bottom:22px;right:22px;background:var(--encre);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 8px 30px #0002;font-weight:650;max-width:360px}.toast[hidden]{display:none}
@media(max-width:1080px){.app-topbar{gap:12px}.app-tab{padding:8px}.app-tab .ico{width:16px}.intro-inner{gap:34px}.intro-side{min-width:0}.intro-list{gap:7px}.intro-list .plaque{font-size:10px}.app-table{min-width:650px}}
@media(max-width:800px){.intro-inner{grid-template-columns:1fr;padding:44px 20px}.intro-side{max-width:580px}.steps-inner{grid-template-columns:repeat(2,1fr)}.overview-columns{grid-template-columns:1fr}.week-card{display:none}.app-topbar{min-height:56px}.app-nav{display:none}.app-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-bottom:1px solid var(--trait)}.mobile-tab{background:#fff;border:0;color:var(--gris);padding:10px 1px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:650}.mobile-tab.active{color:var(--bleu);box-shadow:inset 0 -3px 0 var(--marque-vert)}.detail-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.public-header-inner{padding:0 17px;min-height:61px}.public-header nav{gap:8px}.public-header nav a:not(.button){display:none}.public-header .button{padding:8px 11px;min-height:36px}.brand-logo img{height:29px}.intro-inner{padding:37px 17px}.intro-copy h1{font-size:34px}.intro-actions{display:flex;flex-direction:column}.intro-actions .button{width:100%}.intro-small{line-height:2}.steps-inner{padding:18px;gap:12px}.steps p{font-size:12px;gap:6px}.steps b{font-size:14px}.demo-section{padding:43px 12px 26px}.safety-pill{font-size:11px}.app-shell{border-radius:13px}.app-topbar{padding:0 13px}.app-brand img{height:26px}.app-inner{padding:19px 12px 22px}.page-heading h3{font-size:23px}.summary-grid{gap:7px}.summary-card{min-height:116px;padding:12px 9px}.summary-card span{font-size:11px}.summary-card strong{font-size:29px}.summary-card small{font-size:10px}.app-table{min-width:660px}.card-heading{padding:13px 12px}.guided-bar{display:block;padding:13px}.guided-buttons{margin-top:10px;justify-content:space-between}.guided-buttons .button{min-height:39px}.tile-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.features{padding:46px 17px}.feature-grid article{padding:18px}.intro-side .preview-meter{gap:7px;padding:10px}.intro-side .preview-meter>div{padding:9px}.intro-list{padding:10px}.footer{padding:20px}.vehicle-header{padding:13px}.vehicle-actions{width:100%}}