@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";#app{font-family:DM Sans,sans-serif;color:#172b26;background:#f3f0e9;font-synthesis:none;--ink: #172b26;--green: #1f5144;--orange: #dc6b3b;--paper: #fffdf9;--line: #d8d5cd}#app *{box-sizing:border-box}#app{margin:0;min-width:320px;min-height:100vh}#app button,#app input,#app select{font:inherit}#app button{color:inherit}#app [hidden]{display:none!important}#app .topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(23,43,38,.13)}#app .brand{color:var(--ink);font:26px "DM Serif Display",serif;text-decoration:none;letter-spacing:-.6px}#app .brand span{color:var(--orange)}#app .main-nav{display:flex;align-self:stretch;gap:28px}#app .main-nav button{position:relative;border:0;background:none;color:#777f7b;font-size:12px;font-weight:600;cursor:pointer}#app .main-nav button:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--orange);transform:scaleX(0);transition:.2s}#app .main-nav button.active{color:var(--green)}#app .main-nav button.active:after{transform:scaleX(1)}#app .main-nav i{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;border-radius:9px;background:#e7e4dd;font-size:9px;font-style:normal}#app .privacy{display:flex;align-items:center;gap:9px;color:#5f6965;font-size:12px}#app .privacy span{width:7px;height:7px;border-radius:50%;background:#4f8c70;box-shadow:0 0 0 4px #4f8c701f}#app main{width:min(1240px,calc(100% - 48px));margin:0 auto 80px}#app .hero{min-height:286px;display:flex;align-items:flex-end;justify-content:space-between;padding:54px 0 45px}#app .kicker,#app .eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:2.4px;font-size:11px;font-weight:700;margin:0 0 17px}#app h1{font:58px/1.01 "DM Serif Display",serif;letter-spacing:-2.3px;margin:0}#app h1 em{color:var(--green);font-weight:400}#app .hero-copy{width:380px;margin:0 10px 5px 0;font-size:15px;line-height:1.7;color:#68716e}#app .workspace{display:grid;grid-template-columns:280px 1fr;min-height:590px;background:var(--paper);border:1px solid #dedbd4;box-shadow:0 18px 60px #302d2514}#app .steps{padding:42px 30px 32px;border-right:1px solid #e2dfd8;background:#faf8f3;display:flex;flex-direction:column}#app .steps-label{margin:0 0 25px;color:#9a9c96;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:2px}#app .step-list{display:flex;flex-direction:column}#app .step{position:relative;display:grid;grid-template-columns:35px 1fr 8px;align-items:center;gap:8px;border:0;background:none;padding:14px 0;cursor:pointer;text-align:left;opacity:.48}#app .step span{font:italic 16px "DM Serif Display",serif}#app .step strong{font-size:13px;font-weight:600}#app .step i{width:5px;height:5px;background:#aeb2ad;border-radius:50%}#app .step:not(:last-child):after{content:"";position:absolute;left:12px;top:39px;height:23px;border-left:1px solid #d5d5cf}#app .step.active,#app .step.done{opacity:1}#app .step.active span,#app .step.active strong{color:var(--green)}#app .step.active i{width:7px;height:7px;background:var(--orange);box-shadow:0 0 0 4px #dc6b3b1f}#app .step.done i{background:#5f8b78}#app .document-note{margin-top:auto;display:flex;align-items:center;gap:11px;padding-top:25px;border-top:1px solid #e2dfd8}#app .document-note>span{display:grid;place-items:center;width:34px;height:40px;background:#f2e2da;color:#a44f2d;font-size:9px;font-weight:700;border-radius:2px}#app .document-note strong,#app .document-note small{display:block}#app .document-note strong{font-size:11px;margin-bottom:3px}#app .document-note small{color:#979b97;font-size:9px}#app .form-card{position:relative;padding:54px 70px 38px;overflow:hidden}#app .panel{display:none;animation:appear .3s ease}#app .panel.visible{display:block}@keyframes appear{0%{opacity:0;transform:translateY(6px)}}#app h2{font:38px/1.1 "DM Serif Display",serif;letter-spacing:-.8px;margin:0 0 11px}#app .description{color:#747c78;font-size:13px;margin:0 0 38px;line-height:1.55}#app .field-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:25px}#app .party-heading{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:5px 0 -7px;padding-bottom:11px;border-bottom:1px solid #e6e3dc}#app .party-heading:not(:first-child){margin-top:18px}#app .party-heading h3{margin:0;color:var(--green);font:20px "DM Serif Display",serif}#app .party-heading label{display:flex;align-items:center;gap:9px;color:#858b87;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.7px}#app .party-heading select{max-width:230px;height:34px;padding:0 30px 0 10px;border:1px solid #d8d7d1;outline:0;background:#fff;color:var(--ink);font-size:11px;text-transform:none;letter-spacing:0}#app .field.wide{grid-column:1 / -1}#app .field>span:first-child{display:block;margin:0 0 9px;color:#56615d;font-size:11px;font-weight:600}#app .field b{color:var(--orange)}#app .field.disabled{opacity:.45}#app .input-wrap{display:flex;align-items:center;border:1px solid #d8d7d1;background:#fff;transition:.2s}#app .input-wrap:focus-within{border-color:#6e9185;box-shadow:0 0 0 3px #34665414}#app .input-wrap input,#app .input-wrap select{width:100%;height:46px;border:0;outline:0;padding:0 14px;background:transparent;color:var(--ink);font-size:13px}#app .input-wrap input::placeholder{color:#b0b2ad}#app .input-wrap i{padding-right:14px;color:#8c918e;font-size:12px;font-style:normal}#app .check-field{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #d8d7d1;background:#f8f7f2;cursor:pointer}#app .check-field input{width:18px;height:18px;margin:0;accent-color:var(--green)}#app .check-field span{display:grid;gap:3px}#app .check-field strong{color:var(--green);font-size:12px}#app .check-field small{color:#858b87;font-size:9px}#app .actions{display:flex;justify-content:space-between;align-items:center;margin-top:43px;padding-top:24px;border-top:1px solid #ebe8e2}#app .primary,#app .secondary{min-height:45px;padding:0 20px;border:0;cursor:pointer;font-size:12px;font-weight:700;transition:.2s}#app .primary{background:var(--green);color:#fff;box-shadow:0 7px 18px #1f514429}#app .primary span{margin-left:15px;font-size:18px;font-weight:400}#app .primary:hover{background:#153f34;transform:translateY(-1px)}#app .primary:disabled{opacity:.6;cursor:wait;transform:none}#app .secondary{padding-left:0;padding-right:0;background:none;color:#727a76;border-bottom:1px solid #bfc2be;min-height:30px}#app .signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:27px}#app .signature-box{overflow:hidden;border:1px solid #d8d7d1;border-radius:3px;background:#fff;box-shadow:inset 0 0 0 3px #faf9f5}#app .signature-head{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-bottom:1px solid #e9e7e1}#app .signature-head label{font-size:11px;font-weight:600}#app .signature-head button{border:0;padding:0;background:none;color:#a0674f;font-size:9px;cursor:pointer;text-transform:uppercase;letter-spacing:.8px}#app .signature-box canvas{display:block;width:100%;height:120px;touch-action:none;cursor:crosshair;background:linear-gradient(to bottom,transparent 82%,#e8e5de 82%,#e8e5de calc(82% + 1px),transparent calc(82% + 1px))}#app .signature-box small{display:block;padding:5px 12px 8px;color:#a6aaa6;font-size:9px;text-align:center}#app .success{max-width:570px;padding:52px 0;animation:appear .3s ease}#app .success-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:30px;border-radius:50%;background:#e3eee8;color:var(--green);font-size:22px}#app .success-actions{display:flex;gap:25px;align-items:center;margin-top:35px}#app .toast{position:fixed;right:24px;bottom:24px;padding:14px 18px;background:#692f25;color:#fff;font-size:12px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}#app .toast.show{transform:none;opacity:1}#app .save-suggestions{margin:-12px 0 30px;padding:18px 20px;border:1px solid #ddd8cb;background:#faf7ef}#app .save-suggestions strong{display:block;font:18px "DM Serif Display",serif;color:var(--green)}#app .save-suggestions p{margin:5px 0 13px;color:#747c78;font-size:11px}#app .save-suggestions div{display:flex;flex-wrap:wrap;gap:8px}#app .save-suggestions button{padding:9px 12px;border:1px solid #c6d2cc;background:#fff;color:var(--green);font-size:10px;font-weight:700;cursor:pointer}#app .contacts-page{padding-top:60px}#app .contacts-hero{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:45px}#app .contacts-hero p:last-child{width:390px;margin:0 0 7px;color:#68716e;font-size:14px;line-height:1.7}#app .contacts-layout{display:grid;grid-template-columns:minmax(390px,.8fr) minmax(480px,1.2fr);align-items:start;gap:24px}#app .contact-form-card,#app .contact-list-card{padding:38px;border:1px solid #dedbd4;background:var(--paper);box-shadow:0 14px 45px #302d250f}#app .contact-form-card h2,#app .contact-list-card h2{font-size:30px}#app .contact-fields{gap:18px}#app .contact-form-card .actions{margin-top:28px}#app .list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}#app .list-head .eyebrow{margin-bottom:10px}#app .list-head h2{margin-bottom:0}#app .list-head>input{width:175px;height:39px;padding:0 12px;border:1px solid #d8d7d1;outline:0;background:#fff;font-size:11px}#app .contact-list{display:flex;flex-direction:column;gap:10px}#app .contact-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:15px;border:1px solid #e2dfd8;background:#fff}#app .contact-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e6eee9;color:var(--green);font:15px "DM Serif Display",serif;text-transform:uppercase}#app .contact-details{min-width:0}#app .contact-details strong,#app .contact-details small{display:block}#app .contact-details strong{margin:4px 0;font-size:12px}#app .contact-details small{overflow:hidden;color:#7c827f;font-size:9.5px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}#app .role-badge{color:var(--orange);font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}#app .contact-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}#app .contact-actions button{border:0;padding:0;background:none;color:#65736e;font-size:9px;cursor:pointer}#app .contact-actions button:last-child{color:#a56652}#app .empty-contacts{display:grid;place-items:center;min-height:220px;border:1px dashed #d8d5cd;color:#8d928e;text-align:center}#app .empty-contacts strong{align-self:end;margin-bottom:5px;color:var(--green);font:20px "DM Serif Display",serif}#app .empty-contacts span{align-self:start;font-size:11px}#app .archives-page{padding-top:60px}#app .archive-card{max-width:900px;margin:0 auto}#app .contract-list{display:flex;flex-direction:column;gap:10px}#app .archive-row{display:grid;grid-template-columns:105px 1fr auto;align-items:center;gap:20px;padding:18px;border:1px solid #e2dfd8;background:#fff}#app .archive-date strong,#app .archive-date small,#app .archive-main strong,#app .archive-main small{display:block}#app .archive-date strong{color:var(--green);font-size:11px}#app .archive-date small{margin-top:4px;color:#929692;font-size:9px}#app .archive-main span{color:var(--orange);font-size:8px;font-weight:700;letter-spacing:1px}#app .archive-main strong{margin:4px 0;font-size:13px}#app .archive-main small{color:#7c827f;font-size:9.5px}#app .archive-row button{padding:10px 13px;border:1px solid #c6d2cc;background:#fff;color:var(--green);font-size:9px;font-weight:700;cursor:pointer}@media(max-width:980px){#app .contacts-layout{grid-template-columns:1fr}}@media(max-width:820px){#app main{width:min(100% - 28px,680px)}#app .topbar{padding:0 20px}#app .privacy{display:none}#app .main-nav{gap:14px;margin-left:auto}#app .hero,#app .contacts-hero{display:block;min-height:0;padding:42px 0 32px}#app .contacts-hero p:last-child{width:auto;margin-top:22px}#app h1{font-size:43px}#app .hero-copy{width:auto;margin-top:22px}#app .workspace{grid-template-columns:1fr}#app .steps{padding:20px 23px;border-right:0;border-bottom:1px solid #e2dfd8}#app .steps-label,#app .document-note{display:none}#app .step-list{flex-direction:row;justify-content:space-between}#app .step{display:flex;width:auto;padding:5px}#app .step strong,#app .step i,#app .step:after{display:none}#app .form-card{padding:38px 28px 30px}}@media(max-width:560px){#app .field-grid,#app .signature-grid{grid-template-columns:1fr}#app .field.wide{grid-column:auto}#app .party-heading{display:block}#app .party-heading label{display:block;margin-top:10px}#app .party-heading select{width:100%;max-width:none;margin-top:6px}#app .main-nav button{font-size:0}#app .main-nav button:before{content:"Contrat";font-size:11px}#app .main-nav button[data-page-link=contacts]:before{content:"Contacts"}#app .main-nav button[data-page-link=archives]:before{content:"Archives"}#app .contact-form-card,#app .contact-list-card{padding:24px 20px}#app .list-head{display:block}#app .list-head>input{width:100%;margin-top:18px}#app .contact-card{grid-template-columns:38px 1fr}#app .contact-actions{grid-column:2;flex-direction:row;align-items:center}#app .archive-row{grid-template-columns:1fr;gap:12px}#app .archive-row button{width:100%}#app h2{font-size:32px}#app .form-card{padding-left:20px;padding-right:20px}#app .success-actions{align-items:stretch;flex-direction:column}}
