:root{--ink: #1b2b27;--muted: #5c6f69;--line: #d5e0db;--bg: #f2f6f4;--card: #ffffff;--green: #1f6f54;--green-d: #15513d;--sun: #e7a93b;--err: #a4262c;font-family:Segoe UI,Noto Sans,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);line-height:1.5}h1{font-family:Georgia,"Noto Serif",serif;font-size:1.8rem;margin:.4rem 0 .6rem}h2{font-size:1.15rem;margin-top:1.8rem}a{color:var(--green-d)}.shell{min-height:100vh}.top{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;padding:.7rem 1.2rem;background:var(--green-d);color:#fff}.brand{font-weight:700;font-size:1.1rem}.brand-ar{color:var(--sun);font-size:1.3rem;margin-inline-end:.3rem}.top nav{display:flex;gap:1rem;flex:1}.top nav a{color:#d7ece3;text-decoration:none;padding:.2rem 0;border-bottom:2px solid transparent}.top nav a.active{color:#fff;border-color:var(--sun)}.who{display:flex;gap:.8rem;align-items:center;font-size:.9rem}.link{background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer;font:inherit}main{max-width:980px;margin:0 auto;padding:1.2rem}.row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.btn{display:inline-block;background:var(--green);color:#fff;border:0;border-radius:6px;padding:.55rem 1rem;font:inherit;cursor:pointer;text-decoration:none}.btn:hover:not(:disabled){background:var(--green-d)}.btn:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.85rem}.err{color:var(--err);font-weight:600}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--card)}th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}th{background:#e6eeea;font-size:.9rem}.badge{padding:.15rem .55rem;border-radius:99px;font-size:.8rem;background:#e6eeea;white-space:nowrap}.s-valide{background:#d6efe2}.s-repere{background:#fbebc8}.s-enintegration,.s-encours,.s-confiee{background:#d9e6f7}.s-satisfait,.s-terminee{background:#c4e8d3}.chip{display:inline-block;margin:0 .3rem .3rem 0;padding:.1rem .5rem;background:#e9f1ed;border:1px solid var(--line);border-radius:4px;font-size:.85rem}.counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin:1rem 0}.counters div{background:var(--card);border-left:4px solid var(--sun);padding:.8rem 1rem}.counters b{display:block;font-size:1.9rem;font-family:Georgia,serif}.form{display:grid;gap:.8rem;max-width:640px;background:var(--card);padding:1.2rem;border:1px solid var(--line);border-radius:8px;margin:1rem 0}label{display:grid;gap:.25rem;font-size:.92rem}input:not([type=checkbox]),select,textarea{font:inherit;padding:.5rem;border:1px solid #b7c8c1;border-radius:6px;background:#fff}.consent{display:flex;gap:.6rem;align-items:start;background:#fff7e0;padding:.7rem;border-radius:6px}fieldset{border:1px solid var(--line);border-radius:6px}.picker{display:flex;flex-wrap:wrap;gap:.4rem}.pick{display:inline-flex;flex-direction:row;gap:.3rem;align-items:center;border:1px solid var(--line);border-radius:99px;padding:.2rem .7rem;cursor:pointer}.pick.on{background:#d6efe2;border-color:var(--green)}.match{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.9rem 1rem;margin:.7rem 0}.match h3{margin:0 0 .2rem;font-size:1rem}.match p{margin:.2rem 0}.grow{flex:1;min-width:220px}.score{width:4.2rem;height:4.2rem;border-radius:50%;background:var(--green-d);color:#fff;display:grid;place-content:center;text-align:center;font:700 1.5rem Georgia,serif}.score small{font-size:.7rem}.timeline{border-left:3px solid var(--sun);padding-left:1rem;list-style:none;margin-left:.4rem}.timeline li{margin-bottom:.6rem}.login{max-width:460px;margin:8vh auto;padding:1.5rem;display:grid;gap:.8rem}.demo{display:grid;text-align:left;gap:.1rem;padding:.8rem 1rem;background:var(--card);border:1px solid var(--line);border-radius:8px;font:inherit;cursor:pointer}.demo:hover{border-color:var(--green)}@media (max-width: 640px){.top nav{order:3;width:100%}h1{font-size:1.45rem}}