:root{font-family:system-ui,sans-serif;color:#20223d;background:#f5f5fa;font-size:16px;line-height:1.55}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header,main,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}a{color:#303b80}.brand{font-weight:800;text-decoration:none;letter-spacing:-.05em;font-size:1.6rem}.brand span{color:#67529c}h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.12;letter-spacing:-.04em;margin:8px 0 18px}h2{font-size:1.4rem;line-height:1.3}.eyebrow{color:#67529c;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}main>section{background:#fff;padding:clamp(20px,4vw,40px);border:1px solid #ddddeb;border-radius:24px}form{display:grid;gap:16px;max-width:620px;margin:22px 0}label{display:grid;gap:5px;font-weight:600}label small,.hint{font-size:.85rem;color:#62667a;font-weight:400}input,textarea{font:inherit;padding:12px;border:1px solid #aeb1c6;border-radius:10px;min-width:0;width:100%}input[type=radio],input[type=checkbox]{width:20px;height:20px;flex:none;margin:2px 0}fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}legend{font-weight:600;margin-bottom:8px}.choice{display:flex;gap:10px;align-items:flex-start;background:#f4f1fa;border-radius:10px;padding:12px;font-weight:400}.choice a{overflow-wrap:anywhere}button{font:600 1rem/1.3 system-ui,sans-serif;color:#fff;background:#303b80;border:1px solid #303b80;border-radius:12px;padding:13px 18px;min-height:48px;cursor:pointer;white-space:normal}button:hover{background:#434c93}button:disabled{opacity:.6;cursor:wait}.secondary{color:#303b80;background:#fff}.secondary:hover{background:#f4f1fa}:focus-visible{outline:3px solid #9278bf;outline-offset:3px}.top{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}nav,.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}nav button{background:#f4f1fa;color:#303b80;border-color:#ddddeb}nav button[aria-current=true]{background:#67529c;color:#fff}.preview{white-space:pre-line;background:#f4f1fa;padding:20px;border-radius:16px;overflow-wrap:anywhere}dd{margin:0 0 12px}dt{font-weight:700}.client{border-top:1px solid #ddddeb;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.client p{margin:4px 0;color:#62667a}.save{margin-top:32px;padding-top:16px;border-top:1px solid #ddddeb}#storage-status,#trial-status{font-size:.85rem;color:#62667a}#feedback{padding:12px;color:#303b80;overflow-wrap:anywhere}footer{font-size:.85rem}@media(max-width:600px){header,main,footer{padding:16px}header>a:last-child{font-size:.8rem;text-align:right}button{width:100%}nav button{flex:1 1 120px;width:auto}.top{gap:8px}.client{align-items:stretch}.client>button{width:100%}}

.document-link{display:block;padding:16px 18px;border:1px solid #d9d7e8;border-radius:14px;margin:10px 0;color:#303b80;font-weight:700;overflow-wrap:anywhere}#admin-tools{margin-top:20px}#admin-tools button{margin:8px 0}#admin-tools input[type=checkbox]{width:auto;min-height:24px}

.surprises{margin:28px 0;padding:22px;border:1.5px solid #67529c;border-radius:16px;background:#fff}.surprises h2{margin:.2em 0}.sp-choix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.sp-choix button{text-align:left}.sp-choix button[aria-pressed=true]{background:#303b80;color:#fff}@media(max-width:560px){.sp-choix{grid-template-columns:1fr}}.sp-panneau{border-top:1px solid #e3e0ee;padding-top:14px}#sp-qr-canvas{display:block;width:100%;max-width:320px;height:auto;margin:12px 0;border:1px solid #e3e0ee;border-radius:10px}.sp-msg{margin:14px 0;padding-top:10px;border-top:1px solid #eee}.sp-msg h4{margin:0 0 6px}.sp-msg .preview{white-space:pre-line}.sp-vis-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}@media(max-width:700px){.sp-vis-grille{grid-template-columns:1fr}}.sp-vis{margin:0}.sp-vis img{width:100%;border-radius:10px;display:block}
.sp-choix button{background:#fff;color:#303b80;border:1.5px solid #303b80}.sp-choix button:hover{background:#f1effa}.sp-choix button[aria-pressed=true]{background:#303b80;color:#fff}

@keyframes hkflash{0%{box-shadow:0 0 0 0 rgba(103,82,156,.55)}100%{box-shadow:0 0 0 14px rgba(103,82,156,0)}}#book-preview.flash{animation:hkflash 1.2s ease-out 2}.book-next{margin:12px 0 0;padding:12px 14px;background:#f4f0fa;border-left:3px solid #67529c;border-radius:8px}.book-next a{font-weight:700;color:#303b80}

.sp-verrou{background:#f4f0fa;border-left:3px solid #67529c;border-radius:10px;padding:14px 16px}.sp-cta{display:inline-block;margin:6px 8px 0 0;padding:11px 16px;border-radius:999px;background:#303b80;color:#fff;font-weight:700;text-decoration:none}.sp-cta2{background:#fff;color:#303b80;border:1.5px solid #303b80}.sp-metier{display:block;margin:10px 0}#sp-li-apercu{display:block;width:100%;max-width:420px;height:520px;border:1px solid #e3e0ee;border-radius:12px;margin:12px 0}

.entree-client{background:#fff;border:1.5px solid #303b80;border-radius:16px;padding:20px;margin:18px 0}.entree-client h2,.entree-autres h2{margin:0 0 6px}.entree-autres{margin:18px 0}.entree-lien{display:inline-block;margin:6px 8px 0 0;padding:11px 16px;border-radius:999px;border:1.5px solid #303b80;color:#303b80;font-weight:700;text-decoration:none}.entree-demo{margin:18px 0;padding:14px 16px;border:1px dashed #b9b4cc;border-radius:12px}.entree-demo summary{cursor:pointer;font-weight:700;color:#303b80}.lien-envoye{margin:10px 0 0;font-weight:700;color:#2f8a5b}.mode-client nav[aria-label="Outils de mon espace"],.mode-client #tool-crm,.mode-client #tool-livret,.mode-client #tool-assistant,.mode-client #reset,.mode-client #export,.mode-client #storage-status,.mode-client #save-cloud{display:none!important}