:root{--fond: #F2F2F0;--carte: #FFFFFF;--encre: #111111;--texte: #4B5563;--doux: #6B7280;--pale: #9CA3AF;--trait: #E4E3DC;--creme: #F8F8F6;--ok: #047857;--alerte: #DC2626;--serif: "DM Serif Display", Georgia, serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fond);color:var(--encre);font:15px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#111;color:#f4f3ef}[hidden]{display:none!important}.page{max-width:880px;margin:0 auto;padding:0 20px}.etroite{max-width:520px;text-align:center}.entete{position:sticky;top:0;z-index:10;background:#f2f2f0d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(228,227,220,.6)}.entete-int{max-width:1100px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between}.marque{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--encre)}.marque .mot{font:italic 22px/1 var(--serif)}.marque .sous{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--pale)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--doux)}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}.sur-titre{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--doux);margin:56px 0 18px;text-align:center}h1{font:400 clamp(34px,6vw,58px)/1.02 var(--serif);margin:0 0 18px;text-align:center;letter-spacing:-.01em}h1 em{color:var(--pale)}.chapo{color:var(--texte);font-size:17px;max-width:600px;margin:0 auto 44px;text-align:center}h2{font:400 24px/1.2 var(--serif);margin:0 0 6px;display:flex;align-items:center;gap:12px}.aide{color:var(--doux);font-size:14px;margin:2px 0 16px}.leger{color:var(--pale);font-weight:400}.num{flex:none;width:28px;height:28px;border-radius:50%;background:var(--encre);color:#fff;font:600 13px Inter,sans-serif;display:grid;place-items:center}.carte{background:var(--carte);border:1px solid var(--trait);border-radius:20px;padding:28px;margin-bottom:18px}.grille{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 720px){.grille{grid-template-columns:1fr}.carte{padding:22px 18px}}label{display:block;font-size:13.5px;font-weight:500;margin-bottom:6px;color:var(--encre)}input:not([type=radio]):not([type=checkbox]),textarea,select{width:100%;font:inherit;font-size:16px;color:var(--encre);background:var(--creme);border:1px solid var(--trait);border-radius:12px;padding:11px 14px;transition:border-color .15s,background .15s}@media (min-width: 640px){input:not([type=radio]):not([type=checkbox]),textarea,select{font-size:14.5px}}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--encre);background:#fff}input::placeholder,textarea::placeholder{color:var(--pale)}textarea{resize:vertical}input[type=radio],input[type=checkbox]{accent-color:var(--encre);width:16px;height:16px;margin:0}.choix{display:inline-flex;gap:4px;margin-top:10px;background:var(--creme);border:1px solid var(--trait);border-radius:999px;padding:3px}.choix label{margin:0;font-weight:500;font-size:13px;padding:6px 14px;border-radius:999px;cursor:pointer;color:var(--doux)}.choix input{position:absolute;opacity:0;pointer-events:none}.choix label:has(input:checked){background:var(--encre);color:#fff}.case{display:flex;align-items:center;gap:10px;font-weight:400;margin:0;padding:7px 0;font-size:14.5px}.ligne{display:flex;gap:8px;align-items:center}.ligne input{flex:1}.ligne h2{flex:1;margin:0}.ligne select{width:auto;max-width:60%}.bouton{font:500 14.5px Inter,sans-serif;background:var(--encre);color:#fff;border:1px solid var(--encre);border-radius:999px;padding:11px 22px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,opacity .15s}.bouton:hover:not(:disabled){background:#000}.bouton:disabled{opacity:.3;cursor:not-allowed}.bouton.grand{padding:15px 30px;font-size:15.5px}.bouton.secondaire{background:#fff;color:var(--encre)}.bouton.secondaire:hover:not(:disabled){background:var(--encre);color:#fff}.lien{background:none;border:0;color:var(--doux);font:inherit;font-size:14px;cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px}.lien:hover{color:var(--encre)}.erreur{color:var(--alerte);font-size:14px}.depot{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border:1.5px dashed #D4D2CA;background:var(--creme);border-radius:16px;padding:44px 16px;cursor:pointer;font-weight:400;margin:4px 0 6px;transition:background .15s,border-color .15s}.depot .icone{width:48px;height:48px;border-radius:14px;background:var(--encre);color:#fff;display:grid;place-items:center;margin-bottom:8px}.depot strong{font:400 22px/1.2 var(--serif)}.depot span{color:var(--doux);font-size:14px}.depot.survol,.depot:hover{background:#fff;border-color:var(--encre)}.liste{list-style:none;padding:0;margin:10px 0 0}.liste li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--trait);font-size:14.5px}.liste .nom{flex:1;min-width:0;overflow-wrap:anywhere}.liste .statut{color:var(--doux);font-size:13px;white-space:nowrap}.liste .statut.ok{color:var(--ok)}.liste .statut.ko{color:var(--alerte);white-space:normal}.liste .retirer{background:none;border:0;color:var(--pale);cursor:pointer;font-size:20px;line-height:1;padding:2px 6px;border-radius:6px}.liste .retirer:hover{color:var(--encre);background:var(--creme)}.barre{height:3px;background:var(--trait);border-radius:2px;overflow:hidden;width:80px}.barre i{display:block;height:100%;background:var(--encre);transition:width .2s}.options summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center}.options summary::-webkit-details-marker{display:none}.options summary:after{content:"+";font-size:20px;color:var(--doux)}.options[open] summary:after{content:"–"}.options[open] summary{margin-bottom:8px}.options:not([open]){padding-top:18px;padding-bottom:18px}.action{display:flex;flex-direction:column;align-items:center;gap:4px;margin:30px 0 64px;text-align:center}.garanties{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 40px}.garanties div{background:#fff9;border:1px solid var(--trait);border-radius:16px;padding:18px;font-size:13.5px;color:var(--texte)}.garanties b{display:block;color:var(--encre);font:400 18px/1.25 var(--serif);margin-bottom:4px}@media (max-width: 720px){.garanties{grid-template-columns:1fr}}.telechargements{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.centre{text-align:center}.colonnes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;margin:36px 0 64px;align-items:start}@media (max-width: 820px){.colonnes{grid-template-columns:1fr}}.colonnes .carte{margin:0}.revue{list-style:none;padding:0;margin:14px 0 0;max-height:560px;overflow:auto}.revue li{padding:12px 0;border-top:1px solid var(--trait);font-size:13.5px}.revue .tete{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.revue code{background:var(--encre);color:#fff;padding:2px 8px;border-radius:999px;font:500 11.5px ui-monospace,Menlo,monospace}.revue .vals{font-weight:600;overflow-wrap:anywhere;margin-top:4px}.revue .ctx{color:var(--doux);font-size:12.5px;margin-top:3px;overflow-wrap:anywhere}.revue .ctx b{color:var(--encre);background:#edebe4;font-weight:600;border-radius:3px;padding:0 2px}.revue .ecarter{font-size:12.5px;padding:0}.revue .vide{color:var(--doux)}.apercu pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 Inter,sans-serif;color:var(--texte);max-height:640px;overflow:auto;margin:14px 0 0;background:var(--creme);border:1px solid var(--trait);border-radius:12px;padding:18px}.apercu mark{background:var(--encre);color:#fff;border-radius:999px;padding:1px 7px;font-size:12px;font-weight:500}.pied{color:var(--pale);font-size:12.5px;padding-top:24px;padding-bottom:36px;border-top:1px solid var(--trait);text-align:center}.pied strong{color:var(--doux)}body.auto{background:#fff}body.auto .entete,body.auto .pied{display:none}body.auto .page{padding:0}.auto-carte{padding:34px 34px 26px;text-align:center}.auto-carte .marque{justify-content:center;margin-bottom:26px}.auto-carte .mot{font:italic 26px/1 var(--serif)}.auto-carte .sous{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--pale)}.auto-carte h1{font-size:34px;margin-bottom:22px}.auto-piste{height:6px;background:var(--trait);border-radius:999px;overflow:hidden;margin:0 auto 14px;max-width:420px}.auto-piste i{display:block;height:100%;width:3%;background:var(--encre);border-radius:999px;transition:width .4s ease}.auto-carte .aide{min-height:44px;max-width:440px;margin:0 auto 8px}.auto-boutons{display:flex;gap:10px;justify-content:center;margin:14px 0 6px}.auto-pied{color:var(--pale);font-size:12px;margin:18px 0 0}.compte-ok{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 12px;margin:-6px 0 22px;font-size:13.5px}.compte-ok #compte-nom{font-weight:600}.compte h2{margin-bottom:12px}.oblig{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 18px}.oblig span{background:var(--fond);border-radius:999px;padding:4px 11px;font-size:12.5px;color:var(--encre)}.interrupteurs{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:6px}@media (max-width: 720px){.interrupteurs{grid-template-columns:1fr}}.inter{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--trait);margin:0;font-weight:400;cursor:pointer}.inter .txt{flex:1}.inter b{display:block;font-weight:600;font-size:14px}.inter small{display:block;color:var(--doux);font-size:12.5px;line-height:1.45;margin-top:2px}.interrupteur{position:relative;flex:none;width:38px;height:22px;margin-top:1px}.interrupteur input{opacity:0;width:0;height:0;position:absolute}.interrupteur i{position:absolute;top:0;right:0;bottom:0;left:0;background:#d4d2ca;border-radius:999px;transition:background .15s}.interrupteur i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .15s}.interrupteur input:checked+i{background:var(--encre)}.interrupteur input:checked+i:after{transform:translate(16px)}.interrupteur input:focus-visible+i{outline:2px solid var(--encre);outline-offset:2px}.noms{margin-top:16px;border-top:1px solid var(--trait);padding-top:14px}.noms summary{cursor:pointer;font-weight:500;font-size:14px}.noms textarea{margin-top:10px}.devis-action{display:flex;flex-direction:column;align-items:center;gap:12px}.devis{text-align:center}.devis b{display:block;font:400 28px/1.15 var(--serif)}.devis span{display:block;color:var(--doux);font-size:13px;margin-top:4px}.paiement-ligne{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.paiement-montant{font:400 28px/1.15 var(--serif)}.paiement .aide:last-child{margin-top:16px}.ok-texte{color:var(--ok)}.progression{width:100%;max-width:560px}.progression-texte{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--doux);margin-bottom:8px}.resultats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:8px}@media (max-width: 720px){.resultats{grid-template-columns:1fr}}.livrable{display:flex;flex-direction:column;align-items:flex-start;position:relative}.livrable h2{margin-top:6px}.livrable .aide{flex:1;margin-bottom:18px}.livrable .bouton{width:100%}.livrable-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--encre);color:#fff;font-size:12px;font-weight:600}.livrable.confidentiel{border-color:#fecdca}#etape-resultat,#etape-traitement{-webkit-user-select:none;user-select:none}.liste li.total{font-weight:600;border-top:1.5px solid var(--encre)}.liste li.total .statut{color:var(--encre);font-size:14px}.retirer-vide{width:26px}.devis-docs{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--doux);margin-bottom:6px}.lien-demo{background:var(--encre);color:#fff;border:0;border-radius:999px;padding:10px 20px;font:500 14px Inter,sans-serif;cursor:pointer;margin:-10px 0 26px}.lien-demo:hover{background:#000}.demo-fenetre{border:0;border-radius:20px;padding:14px;background:#111;width:min(1100px,94vw);text-align:center}.demo-fenetre::backdrop{background:#111111b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.demo-fenetre video{width:100%;border-radius:12px;display:block}.demo-fenetre .bouton{margin-top:12px;background:#fff;color:var(--encre)}
