/* Diagnostic « gagner du temps » — official palette: navy #252B59, Bleu Qreew #5268EC, crème #FFF7EF, abricot #F4B49A. */
.tt{--tt-ink:#252B59;--tt-blue:#5268EC;--tt-cream:#FFF7EF;--tt-peach:#F4B49A;--tt-mute:#5A5F82;--tt-line:rgba(37,43,89,.12);background:var(--tt-cream);color:var(--tt-ink);padding:0 max(20px,3vw) 40px;overflow:clip}
.tt *{box-sizing:border-box}
.tt h1,.tt h2,.tt h3{color:var(--tt-ink);margin:0}
.tt-hero{max-width:880px;margin:0 auto;padding:clamp(30px,6vw,80px) 0 clamp(30px,5vw,56px);text-align:center}
.tt-label{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.12em;color:#fff;background:var(--tt-blue);border-radius:999px;padding:9px 16px;margin-bottom:26px}
.tt-hero h1{font-size:clamp(38px,5.2vw,68px);line-height:1.03;letter-spacing:-.045em;font-weight:560;margin-bottom:22px}
.tt-hero h1 em{font-style:normal;color:var(--tt-blue)}
.tt-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--tt-mute);max-width:680px;margin:0 auto 24px}
.tt-points{list-style:none;margin:0 0 34px;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;color:var(--tt-ink);font-size:15px;font-weight:600}
.tt-points li{display:flex;align-items:center;gap:8px}
.tt-points li:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--tt-peach)}
.tt-card{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--tt-line);border-radius:32px;padding:clamp(24px,4vw,52px);box-shadow:0 24px 70px rgba(37,43,89,.08);scroll-margin-top:110px}
.tt-progress{height:6px;border-radius:6px;background:#E9ECFC;margin-bottom:30px;overflow:hidden}
.tt-progress i{display:block;height:100%;width:33.3%;background:var(--tt-blue);border-radius:6px;transition:width .4s}
.tt-step[hidden]{display:none}
.tt-step>small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--tt-mute);margin-bottom:10px}
.tt-step h2{font-size:clamp(28px,3.4vw,42px);line-height:1.08;letter-spacing:-.04em;font-weight:560;margin-bottom:18px}
.tt-hint{font-size:16px;line-height:1.55;color:var(--tt-mute);margin:0 0 22px}
.tt fieldset{border:0;padding:0;margin:0 0 26px}
.tt legend{font-size:17px;font-weight:600;margin-bottom:12px;padding:0}
.tt-chips{display:flex;flex-wrap:wrap;gap:10px}
.tt-chips label{cursor:pointer}
.tt-chips input,.tt-freq input{position:absolute;opacity:0;pointer-events:none}
.tt-chips span{display:block;border:1.5px solid var(--tt-line);border-radius:999px;padding:12px 20px;font-size:16px;transition:border-color .2s,background .2s}
.tt-chips label:hover span{border-color:color-mix(in srgb,var(--tt-blue) 45%,#fff)}
.tt-chips input:checked+span{border-color:var(--tt-blue);background:#EEF1FD;font-weight:600}
.tt-chips input:focus-visible+span,.tt-freq input:focus-visible+span{outline:3px solid var(--tt-blue);outline-offset:2px}
.tt-tasks{display:grid;gap:10px;margin-bottom:20px}
.tt-task{border:1.5px solid var(--tt-line);border-radius:18px;padding:16px 18px;transition:border-color .2s,background .2s}
.tt-task.on{border-color:color-mix(in srgb,var(--tt-blue) 55%,#fff);background:#F6F7FE}
.tt-pick{display:flex;gap:14px;align-items:flex-start;cursor:pointer}
.tt-pick input{width:20px;height:20px;margin-top:3px;accent-color:var(--tt-blue);flex:0 0 20px}
.tt-pick b{display:block;font-size:17px;font-weight:600;letter-spacing:-.015em}
.tt-pick small{display:block;font-size:14px;line-height:1.45;color:var(--tt-mute);margin-top:3px}
.tt-freq{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0 34px}
.tt-freq[hidden]{display:none}
.tt-freq label{cursor:pointer}
.tt-freq span{display:block;border:1.5px solid var(--tt-line);border-radius:999px;padding:7px 14px;font-size:14px;background:#fff}
.tt-freq input:checked+span{border-color:var(--tt-blue);background:var(--tt-blue);color:#fff}
.tt-error{color:#B3261E;font-size:15px;margin:0 0 16px}
.tt-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px}
.tt-back{border:0;background:none;color:var(--tt-mute);font:inherit;font-size:15px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 0}
.tt-big{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:6px 0 14px}
.tt-big b{font-size:clamp(46px,7vw,84px);line-height:1;letter-spacing:-.05em;font-weight:560;color:var(--tt-blue)}
.tt-big span{font-size:clamp(18px,2vw,24px);color:var(--tt-ink);font-weight:600}
.tt-sentence{font-size:17px;line-height:1.6;color:var(--tt-mute);margin:0 0 30px;max-width:680px}
.tt-step h3{font-size:clamp(20px,2vw,24px);letter-spacing:-.025em;font-weight:560;margin:0 0 14px}
.tt-top{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px}
.tt-top li{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--tt-line);border-radius:18px;padding:18px 20px;background:#FFFDF9}
.tt-n{flex:0 0 34px;height:34px;border-radius:10px 0 10px 10px;background:var(--tt-blue);color:#fff;display:grid;place-items:center;font-weight:600}
.tt-top b{font-size:17px;font-weight:600}
.tt-h{display:inline-block;margin-left:10px;font-size:14px;font-weight:600;color:var(--tt-blue)}
.tt-top p{margin:6px 0 10px;font-size:15px;line-height:1.5;color:var(--tt-mute)}
.tt-meter{display:block;height:6px;border-radius:6px;background:#E9ECFC;margin:0 0 10px;position:relative;overflow:hidden}
.tt-meter:after{content:'';position:absolute;inset:0;width:var(--w);background:var(--tt-peach);border-radius:6px}
.tt-top a{font-size:14px;color:var(--tt-blue);font-weight:600}
.tt-how{border:1px solid var(--tt-line);border-radius:16px;padding:14px 18px;margin:0 0 30px;font-size:15px;line-height:1.6;color:var(--tt-mute)}
.tt-how summary{cursor:pointer;font-weight:600;color:var(--tt-ink)}
.tt-how p{margin:12px 0 0}
.tt-form{background:#F6F7FE;border-radius:24px;padding:clamp(20px,3vw,32px);display:block}
.tt-form h3{margin-bottom:8px}
.tt-form label:not(.tt-consent){display:block;font-size:14px;font-weight:600;margin-bottom:16px}
.tt-form input:not([type=checkbox]):not([type=hidden]):not([name=website]){display:block;width:100%;margin-top:8px;padding:15px 16px;border:1.5px solid #D8DCF3;border-radius:14px;font-size:16px;background:#fff;color:var(--tt-ink)}
.tt-consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--tt-mute);margin:4px 0 22px}
.tt-consent input{margin-top:3px;accent-color:var(--tt-blue)}
.tt-status{margin:14px 0 0;font-size:15px;color:var(--tt-mute)}
.tt-status.ok{color:#1B7F4B}.tt-status.err{color:#B3261E}
.tt-after{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:22px}
.tt-link{color:var(--tt-blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.tt-why{max-width:1000px;margin:clamp(50px,7vw,90px) auto 0;text-align:center}
.tt-why h2{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.04em;font-weight:560;margin-bottom:26px}
.tt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}
.tt-grid article{background:#fff;border:1px solid var(--tt-line);border-radius:22px;padding:24px}
.tt-grid h3{font-size:20px;letter-spacing:-.025em;margin-bottom:8px}
.tt-grid p{margin:0;font-size:15px;line-height:1.55;color:var(--tt-mute)}
.tt-also{margin:26px 0 0;font-size:16px;color:var(--tt-mute)}
.tt-also a{color:var(--tt-blue);font-weight:600}
@media(max-width:800px){.tt-grid{grid-template-columns:1fr}.tt-freq{margin-left:0}.tt-card{border-radius:24px}}

.tt-sim{border:1px solid var(--tt-line);border-radius:20px;padding:22px 24px;margin:0 0 22px;background:#FFFDF9}
.tt-rate{display:block;font-size:15px;font-weight:600;margin:0 0 14px}
.tt-rate span{display:flex;justify-content:space-between;margin-bottom:10px}
.tt-rate b{color:var(--tt-blue)}
.tt-rate input{width:100%;accent-color:var(--tt-blue)}
.tt-eur{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:6px 0 10px}
.tt-eur b{font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;font-weight:560;color:var(--tt-ink)}
.tt-eur span{font-size:16px;color:var(--tt-mute)}
.tt-note{margin:0;font-size:13px;line-height:1.5;color:var(--tt-mute)}