:root{--slate:#243746;--orange:#c65324;--status:#243746;--pale:#fff8f4;--line:#e5dfdb;--muted:#59656e;--white:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--slate);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #243746;outline-offset:5px}button{transition:background .15s,transform .15s}button:hover{transform:translateY(-1px)}[hidden]{display:none!important}header{max-width:1240px;margin:auto;min-height:96px;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;font-weight:780;font-size:25px;letter-spacing:-1px;white-space:nowrap;gap:0}.brand img{margin-right:10px}.brand span{color:var(--orange)}nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.button{border:1px solid transparent;background:var(--orange);color:white;border-radius:9px;padding:16px 22px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px}.button:hover{background:#a9441d}.button.small{padding:12px 17px;font-size:14px}.button.secondary{color:var(--slate);background:#fff;border-color:var(--line)}.button.white{background:white;color:var(--orange)}.wrap{max-width:1176px;margin:auto}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:55px;padding:62px 0 72px;align-items:center}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.5px;color:var(--orange);margin:0 0 22px}.dot{display:inline-block;width:7px;height:7px;background:var(--status);border-radius:50%;margin-right:6px}h1{font-size:54px;line-height:1.12;letter-spacing:-2.5px;margin:0 0 26px;font-weight:760}h1 em{font-style:normal;color:var(--orange)}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:480px;margin:0 0 26px}.actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.text-button,.back{background:none;border:0;padding:12px 0;color:var(--slate);font-weight:600;font-size:14px}.micro{font-size:12px;line-height:1.8;color:var(--muted);margin-top:17px}.hero-visual{background:var(--pale);border-radius:24px;padding:27px;position:relative;border:1px solid #efe5de}.visual-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.tag{font-size:9px;letter-spacing:1px;font-weight:750;color:var(--muted)}.mini-brand{font-size:15px;color:var(--orange);font-weight:800}.request-card{background:white;border:1px solid var(--line);padding:22px;border-radius:14px;box-shadow:0 10px 28px #24374608}.card-heading{display:flex;gap:11px;align-items:center;margin-bottom:25px}.square{background:#fff1e8;color:var(--orange);border-radius:9px;padding:12px 9px;font-size:12px;font-weight:750}.card-heading strong{font-size:13px}.card-heading small,.received-card small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.pill{display:inline-block;font-size:10px;font-weight:650;background:#f3ebe6;border-radius:20px;padding:7px 10px;color:#5b6268}.card-heading .pill{margin-left:auto}.fake-label{font-size:10px;font-weight:650;margin:13px 0 6px}.fake-input{border:1px solid var(--line);border-radius:6px;padding:11px;font-size:11px;color:#59656e;display:flex;justify-content:space-between}.fake-input span{color:var(--status)}.upload-demo{border:1px dashed #c9b8ac;background:#fffbf8;border-radius:8px;margin:17px 0;display:flex;gap:12px;align-items:center;padding:12px}.file-symbol{font-size:24px;color:var(--orange)}.upload-demo strong{font-size:11px}.upload-demo small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.check{margin-left:auto;color:var(--status);background:#fff1e8;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px}.fake-button{background:var(--orange);color:white;font-size:11px;padding:13px;border-radius:6px;display:flex;justify-content:space-between}.connector{color:var(--status);padding:17px 0;text-align:center;font-size:22px}.connector span{font-size:10px;color:var(--muted);vertical-align:middle;margin-left:7px}.received-card{border:1px solid #e2d3c9;background:white;border-radius:12px;padding:18px 13px;display:flex;gap:10px;align-items:center}.received-card strong{display:block;font-size:12px;margin-top:6px}.check.large{width:32px;height:32px;flex-shrink:0;margin:0}.green{background:#fff1e8;color:var(--status);margin-left:auto}.visual-caption{text-align:center;color:var(--muted);font-size:9px;margin:15px 0 0}.benefit-strip{border-block:1px solid var(--line);background:#fffcfa}.benefit-strip .wrap{display:flex;justify-content:space-between;padding:23px 30px;gap:20px;font-size:13px;color:var(--muted)}.benefit-strip b{color:var(--slate);margin-right:5px}.section{padding:76px 0}.section-heading{margin-bottom:38px}.section-heading .eyebrow{margin-bottom:14px}h2{font-size:33px;letter-spacing:-1px;line-height:1.22;margin:0 0 17px}p{line-height:1.7}.section-heading p:not(.eyebrow),.faq p{color:var(--muted);font-size:15px}.steps,.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{padding:10px 30px 6px 0}.number{display:inline-block;color:var(--orange);background:#fff1e8;border-radius:10px;font-size:14px;font-weight:750;padding:10px;margin-bottom:10px}h3{font-size:17px;letter-spacing:-.3px}.steps p{font-size:14px;color:var(--muted);min-height:72px}.step-note{font-size:11px;color:var(--status);font-weight:650}.templates-bg{background:var(--pale)}.row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.row h2{margin-bottom:0}.row p{margin-bottom:0}.template{text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;display:flex;flex-direction:column;color:var(--slate);gap:12px;min-height:240px}.template:hover{border-color:var(--orange);box-shadow:0 8px 24px #24374609}.template-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:#fff1e8;color:var(--orange);font-size:23px}.template-icon.slate{color:var(--status);background:#edf1f3}.template-icon.orange{color:#c65324;background:#fff1e8}.template-title{font-size:18px;font-weight:700;letter-spacing:-.3px}.template>span:not(.template-title):not(.template-icon){font-size:14px;color:var(--muted);line-height:1.7}.template b{font-size:12px;color:var(--orange);margin-top:auto;padding-top:10px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{font-size:14px;font-weight:650;cursor:pointer}.faq details p{font-size:13px}.end-cta{padding:38px 42px;background:var(--slate);border-radius:18px;color:white;display:flex;align-items:center;justify-content:space-between;margin-bottom:50px;gap:24px}.end-cta .eyebrow{color:#ffc5a8;font-size:10px}.end-cta h2{margin-bottom:0}footer{padding:26px 0 36px;display:flex;align-items:center;gap:24px;border-top:1px solid var(--line)}footer .brand{font-size:19px}footer p,footer>span{font-size:11px;color:var(--muted)}footer>span{margin-left:auto}.builder{padding:24px 0 80px;min-height:75vh}.builder>.back{margin-bottom:24px}.builder h1{font-size:38px;letter-spacing:-1.3px;margin-bottom:12px}.subheading{color:var(--muted)}.progress{display:flex;padding:0;list-style:none;border-bottom:1px solid var(--line);gap:40px;margin:32px 0}.progress li{padding:16px 0;color:var(--muted);font-weight:600;font-size:14px}.progress li.active{color:var(--orange);border-bottom:3px solid var(--orange)}.progress span{margin-left:8px}.builder h2{font-size:25px}.editor-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.panel{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff}label{display:block;font-size:13px;font-weight:600;margin:16px 0 0}input,textarea{display:block;width:100%;border:1px solid #c5bcb6;border-radius:7px;padding:12px;margin-top:7px;background:white;color:var(--slate);font-size:14px;max-width:100%}input:focus,textarea:focus{outline:2px solid var(--orange);outline-offset:1px}.field-row{border:1px solid var(--line);padding:10px;border-radius:9px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:8px 0}.field-row input[type=text]{margin:0;font-size:13px;padding:8px}.field-row label{font-size:10px;margin:0;display:flex;align-items:center;gap:4px;white-space:nowrap}.field-row input[type=checkbox]{width:16px;height:16px;margin:0}.remove{border:0;background:#f5eee9;width:30px;height:30px;border-radius:7px;font-size:18px;color:var(--muted)}.add-field{display:flex;align-items:flex-end;gap:12px}.add-field label{flex:1}.preview-panel{background:var(--pale);align-self:start}.preview-panel h2{font-size:22px;margin-top:25px}.preview-panel p{font-size:13px;color:var(--muted)}.preview-field{padding:10px;background:#fff;border:1px solid var(--line);border-radius:7px;margin-top:6px;color:#59656e;font-size:12px}.wizard-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:20px}.share-panel{max-width:740px;margin:auto}.success-mark{display:grid;place-items:center;background:#fff1e8;color:var(--status);width:50px;height:50px;border-radius:50%;font-size:25px;margin-bottom:22px}.share-panel .actions{margin-top:20px}.notice{font-size:12px;background:#fff1e8;border-radius:8px;padding:16px;line-height:1.7;margin:24px 0}.notice p{margin:6px 0 0}.recipient{max-width:600px;margin:35px auto 65px;padding:0 16px;min-height:65vh}.recipient h1{font-size:29px;letter-spacing:-.8px;margin-top:20px}.recipient .button{margin-top:25px;width:100%}.recipient p{font-size:13px}#submissionStatus,#copyStatus{font-size:13px;color:var(--status)}
@media(min-width:1500px){.hero{padding-top:86px;padding-bottom:90px}}@media(max-width:1230px){.wrap{margin-left:32px;margin-right:32px}.hero{gap:30px}h1{font-size:46px}}@media(max-width:850px){header{padding:18px 24px;min-height:78px}nav>a{display:none}.wrap{margin-left:24px;margin-right:24px}.hero{grid-template-columns:1fr;padding:40px 0;gap:35px}.hero-copy{max-width:600px}h1{font-size:47px}.hero-visual{max-width:580px}.benefit-strip .wrap{padding:20px 0;flex-wrap:wrap}.steps,.templates{gap:12px}.template{padding:18px}.section{padding:50px 0}.faq{gap:35px}.editor-grid{grid-template-columns:1fr}.preview-panel{display:none}.end-cta{padding:30px}.row{display:block}footer{flex-wrap:wrap}footer>span{margin-left:0}}@media(max-width:560px){header{padding:16px;gap:12px}.brand{font-size:21px}.brand img{width:33px;height:33px;margin-right:7px}nav{gap:0}.button.small{font-size:11px;padding:10px;gap:8px}.wrap{margin-left:20px;margin-right:20px}.hero{padding-top:28px}h1{font-size:39px;letter-spacing:-1.8px}.eyebrow{font-size:9px;letter-spacing:1.2px}.lead{font-size:15px}.actions{gap:12px}.button{font-size:13px;padding:14px 17px}.text-button{font-size:12px}.hero-visual{padding:16px;border-radius:16px}.request-card{padding:15px}.card-heading{gap:8px}.card-heading strong{font-size:11px}.card-heading small{font-size:8px}.card-heading .pill{display:none}.received-card{padding:14px 10px;gap:8px}.received-card strong{font-size:10px}.received-card .tag{font-size:8px}.received-card small{font-size:8px}.benefit-strip .wrap{display:grid;gap:11px;font-size:12px}.steps,.templates{grid-template-columns:1fr}.steps article{padding:4px 0 22px}.steps p{min-height:0}.template{min-height:210px;padding:24px}.faq{grid-template-columns:1fr;gap:12px}h2{font-size:28px}.end-cta{display:block;padding:28px}.end-cta .button{margin-top:23px}footer{gap:8px 20px}footer>span{width:100%}.builder h1{font-size:30px}.progress{gap:20px}.progress li{font-size:12px}.panel{padding:20px}.field-row{grid-template-columns:1fr auto;padding:8px;gap:8px}.field-row input[type=text]{grid-column:1 / -1}.add-field{flex-wrap:wrap}.wizard-actions{align-items:stretch;flex-direction:column-reverse}.recipient .panel{padding:20px}.subheading{font-size:14px}}

/* Éditeur 0.3 */
select{font:inherit;width:100%;min-width:0;border:1px solid #c5bcb6;border-radius:7px;padding:11px;background:white;color:var(--slate);margin-top:7px;font-size:13px}select:focus-visible{outline:2px solid var(--orange)}.field-card{border:1px solid var(--line);padding:12px;border-radius:10px;margin:14px 0}.field-card .field-row{border:0;padding:0;margin:0}.field-card .micro{margin-bottom:0}.add-field{display:grid;grid-template-columns:1fr 1.4fr auto}.branding-box{background:var(--pale);padding:16px;border-radius:10px;margin-top:18px}.branding-box h3{margin-top:0}.branding-box summary{font-size:12px;cursor:pointer;margin-top:12px}.company-logo{display:block;max-width:240px;max-height:100px;object-fit:contain;margin:15px 0}.checkbox-answer{display:flex;align-items:center;gap:10px;line-height:1.5}.checkbox-answer input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0}input:disabled,select:disabled,textarea:disabled{opacity:1;color:var(--muted);background:#fffaf7}.preview-panel label{font-size:12px}.branding-box input:disabled{opacity:.5}@media(max-width:560px){.add-field{grid-template-columns:1fr}.add-field .button{justify-self:start}.company-logo{max-width:100%}}

/* Identité WebEnvoi 0.4 — logo, signature et petits formats */
.brand{display:inline-flex;flex-shrink:0;line-height:1;letter-spacing:normal}
.brand img.brand-logo{display:block;width:300px;height:auto;max-width:100%;margin:0}
.mini-brand-symbol{display:block;width:48px;height:24px;object-fit:contain}
footer .brand img.brand-logo{width:250px}
header nav{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:850px){.brand img.brand-logo{width:265px}}
@media(max-width:560px){header{flex-wrap:wrap;justify-content:center;gap:12px}.brand img.brand-logo{width:290px}header nav{width:100%;justify-content:center}header nav .button.small{font-size:13px;padding:11px 17px}footer .brand img.brand-logo{width:260px}}
