/* The contact note continues the visitor's table of work. */
.contact-v8 .contact-layout{grid-template-columns:minmax(0,1.45fr) minmax(235px,.65fr);gap:clamp(28px,5vw,72px);align-items:start}
.contact-v8 .contact-workspace{min-width:0;overflow:hidden;scroll-margin-top:115px}
.contact-v8 .contact-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:22px 26px 18px;border-bottom:1px solid var(--line)}
.contact-v8 .contact-progress button{display:flex;align-items:center;justify-content:flex-start;min-width:0;min-height:44px;gap:9px;padding:8px 3px;font-size:11px;line-height:1.3;background:none;text-align:left;white-space:normal;border-radius:4px}
.contact-v8 .contact-progress button>span{flex-shrink:0;font-family:var(--mono);font-size:9px}
.contact-v8 .contact-progress button[aria-current=step]{color:#5146c9}
.contact-v8 .contact-progress button:disabled{opacity:.4}
.contact-delivery{display:flex;gap:11px;align-items:flex-start;padding:17px 26px;background:#f4f3fc;border-bottom:1px solid #e4e1f3;color:#50496e}
.contact-delivery-dot{width:6px;height:6px;margin-top:6px;flex-shrink:0;border-radius:50%;background:#8a7bcd}
.contact-delivery strong{display:block;font-size:11px;line-height:1.5;font-weight:600}
.contact-delivery p{font-size:11px;line-height:1.75;margin:3px 0 0;color:#6b6681}
#contact-reconnect{display:inline-flex;align-items:center;min-height:44px;background:none;font-size:11px;color:#5743a6;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
.contact-delivery[data-mode=brevo]{background:#eaf6f1;border-color:#d2e6dc}
.contact-delivery[data-mode=brevo] .contact-delivery-dot{background:#2e8b6b}
.contact-delivery[data-mode=unavailable]{background:#f8f3ea;border-color:#e9dfcf}
.contact-delivery[data-mode=unavailable] .contact-delivery-dot{background:#9b713e}
.contact-reperes{margin:24px 26px 0;padding:20px 22px;border:1px solid #ded9f1;border-radius:9px;background:linear-gradient(125deg,#f4f1fc,#f3f9f7)}
.contact-reperes-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.contact-reperes-head>.mono{font-size:8px;letter-spacing:.09em;line-height:1.8;color:#7a6b9c}
.contact-reperes-head>button{display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:44px;background:none;color:#5d4daf;font-size:10px;text-align:left;padding:6px 0}
.contact-reperes h2{font-family:var(--display);font-size:23px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:8px 0 15px}
#contact-reference-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
#contact-reference-list li{max-width:100%}
#contact-reference-list a,#contact-reference-list li>span{display:inline-flex;align-items:center;gap:15px;min-height:44px;max-width:100%;padding:9px 12px;border:1px solid #d8d2eb;border-radius:5px;background:#ffffffa6;color:#55496f;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#contact-reference-list a:hover{border-color:#8f7ac6;background:#fff}
#contact-reference-list a>span{color:#8878b0;font-size:15px}
.contact-direction{font-family:var(--mono);font-size:9px;color:#5b6f75;line-height:1.9;padding-top:14px;margin-top:15px;border-top:1px solid #d7e3df}
.contact-dossier-update{border-top:1px solid #d7d0e9;margin-top:15px;padding-top:15px}
.contact-dossier-update p{font-size:11px;line-height:1.8;color:#655b7a}
.contact-dossier-update button{display:flex;align-items:center;gap:14px;min-height:44px;padding:6px 0;font-size:11px;color:#5743a6;background:none}
.contact-v8 .contact-panel,.contact-v8 .contact-review{padding:30px}
.contact-v8 .contact-panel h2,.contact-v8 .contact-review h2{font-size:clamp(27px,3.1vw,36px);line-height:1.15;letter-spacing:-.04em}
.contact-v8 .contact-panel-intro{font-size:13px;line-height:1.8}
.contact-v8 .need-pills label{font-size:12px;min-height:52px}
.contact-v8 .sales-field{font-size:13px;line-height:1.6}
.contact-v8 .sales-field span{font-size:9px;line-height:1.6;white-space:nowrap}
.contact-v8 input:not([type=radio]),.contact-v8 textarea,.contact-v8 select{font-size:14px;line-height:1.6;min-height:48px}
.contact-v8 .field-help{font-size:11px;line-height:1.85}
.contact-v8 .contact-form-actions{gap:20px}
.contact-v8 .contact-form-actions>span{font-size:10px;line-height:1.8}
.contact-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);pointer-events:none}
.contact-v8 .contact-error{font-size:12px;line-height:1.85;margin:22px 26px 0;overflow-wrap:anywhere}
.contact-review>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}
.contact-v8 .contact-review dl{margin:27px 0 0}
.contact-v8 .contact-review dt{font-size:9px;line-height:1.8;letter-spacing:.06em;color:#79839a}
.contact-v8 .contact-review dd{font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 20px;color:#334258}
.contact-submit-area{border:1px solid #d9d2ef;background:#f4f1fb;padding:21px;border-radius:7px;margin:30px 0 13px}
.contact-submit-area>p{font-size:12px;line-height:1.8;color:#615a78;margin:0 0 17px}
.contact-submit-area .contact-send{width:100%;min-height:52px;justify-content:space-between;gap:18px;font-size:12px;white-space:normal;text-align:left}
.contact-send:disabled{opacity:.55;cursor:default}
#contact-send-state{display:block;font-size:11px;line-height:1.8;color:#69617e;margin-top:11px;overflow-wrap:anywhere}
#contact-send-state:empty{display:none}
.contact-v8 .contact-review-actions{display:flex;align-items:center;gap:5px 21px;flex-wrap:wrap;padding:0 0 14px}
.contact-v8 .contact-review-actions button{max-width:none;min-height:44px;font-size:11px;padding:6px 0}
.contact-alternative{border-top:1px solid var(--line);padding-top:6px}
.contact-alternative summary{font-size:12px;line-height:1.6;min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none}
.contact-alternative summary::-webkit-details-marker{display:none}
.contact-alternative p{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0}
.contact-alternative .text-link{min-height:44px;font-size:12px;display:inline-flex;align-items:center;gap:22px}
.contact-revision-confirm{margin:22px 26px 0;padding:22px;border:1px solid #dac8ad;border-radius:8px;background:#faf5ec;color:#5b4733}
.contact-revision-confirm h3{font-family:var(--display);font-size:23px;font-weight:500;letter-spacing:-.03em;line-height:1.25;margin:0 0 13px}
.contact-revision-confirm p{font-size:12px;line-height:1.9}
.contact-revision-confirm>div{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-top:19px}
.contact-revision-confirm .button{font-size:11px;white-space:normal;text-align:left;min-height:48px}
.contact-revision-confirm .sales-back{min-height:44px;font-size:11px;color:#76502b;max-width:none}
.contact-receipt{padding:38px 32px;background:linear-gradient(145deg,#f9fbff,#edf7f1)}
.receipt-mark{display:grid;place-items:center;width:50px;height:50px;border:1px solid #a9cbb7;border-radius:50%;color:#367252;font-size:25px;margin-bottom:26px;background:#f5fff8}
.contact-receipt .eyebrow{font-size:9px;color:#567462;line-height:1.8;letter-spacing:.1em}
.contact-receipt h2{font-family:var(--display);font-size:clamp(29px,3.3vw,39px);line-height:1.13;font-weight:500;letter-spacing:-.04em;margin:18px 0}
.contact-receipt>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#5e7169;max-width:570px}
.receipt-reference{border-top:1px solid #ccded3;border-bottom:1px solid #ccded3;padding:22px 0;margin:26px 0}
.receipt-reference>span{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.09em;color:#758e80;line-height:1.8;margin-bottom:8px}
.receipt-reference strong{font-family:var(--mono);font-size:clamp(17px,2vw,22px);letter-spacing:.035em;color:#365344;overflow-wrap:anywhere}
.receipt-actions{display:flex;align-items:center;gap:13px 22px;flex-wrap:wrap}
.receipt-actions .button{font-size:11px;min-height:48px;gap:25px}
.receipt-actions .sales-back{max-width:none;min-height:44px;font-size:11px;color:#587b65}
.receipt-next{padding-top:27px;margin-top:27px;border-top:1px solid #ccded3}
.receipt-next h3{font-family:var(--display);font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.03em;margin:0 0 13px}
.receipt-next p{font-size:12px;color:#657c6d;line-height:1.9}
.receipt-next .text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:11px;color:#3c7455;margin-top:11px}
.contact-v8 .contact-side>h2{font-size:25px;line-height:1.2}
.contact-v8 .contact-side li p{font-size:12px;line-height:1.9}
.contact-side-dossier{width:100%;background:none;text-align:left;font-family:inherit;cursor:pointer;display:flex;justify-content:space-between;gap:15px;border:0;border-top:1px solid var(--line);margin-top:12px;padding:15px 0;color:var(--accent);font-size:12px}
@media(max-width:960px){.contact-v8 .contact-layout{grid-template-columns:minmax(0,1fr) minmax(210px,.6fr);gap:26px}.contact-v8 .contact-progress{padding:17px 20px 13px;gap:5px}.contact-v8 .contact-progress button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:10px}.contact-v8 .contact-panel,.contact-v8 .contact-review{padding:25px}.contact-delivery{padding:16px 21px}.contact-reperes{margin:21px 21px 0;padding:19px}.contact-reperes-head{flex-wrap:wrap;gap:2px}.contact-reperes-head>button{min-height:44px}.contact-v8 .contact-side>h2{font-size:23px}.contact-submit-area{padding:17px}}
@media(max-width:700px){.contact-v8 .contact-layout{grid-template-columns:1fr;gap:32px}.contact-v8 .contact-workspace{scroll-margin-top:85px}.contact-v8 .contact-progress{padding:14px 17px 11px;gap:8px}.contact-v8 .contact-progress button{font-size:11px;min-height:46px;gap:6px}.contact-v8 .contact-panel,.contact-v8 .contact-review{padding:25px 21px}.contact-v8 .contact-panel h2,.contact-v8 .contact-review h2{font-size:29px}.contact-delivery{padding:15px 20px}.contact-delivery strong,.contact-delivery p{font-size:11px}.contact-reperes{margin:19px 18px 0;padding:18px}.contact-reperes h2{font-size:23px}.contact-reperes-head>button{font-size:11px}.contact-v8 .contact-form-actions{gap:14px;align-items:center}.contact-v8 .contact-form-actions .button{font-size:11px;gap:19px;padding:12px 15px}.contact-v8 .contact-form-actions>span{font-size:10px;max-width:135px}.contact-v8 .contact-error,.contact-revision-confirm{margin:20px 18px 0}.contact-v8 .contact-review-actions{gap:3px 20px}.contact-submit-area{padding:17px;margin-top:24px}.contact-submit-area>p{font-size:12px}.contact-receipt{padding:31px 23px}.contact-receipt h2{font-size:32px}.contact-v8 .contact-side{padding:0 5px}.contact-v8 .contact-side>h2{font-size:27px}.contact-v8 .contact-side li p{font-size:12px}.contact-revision-confirm{padding:19px}.contact-revision-confirm .button{width:100%;justify-content:center}}
@media(max-width:380px){.contact-v8 .contact-progress{gap:4px;padding-left:14px;padding-right:14px}.contact-v8 .contact-progress button{font-size:10px}.contact-v8 .contact-panel,.contact-v8 .contact-review{padding:24px 18px}.contact-v8 .contact-panel h2,.contact-v8 .contact-review h2{font-size:27px}.contact-v8 .sales-field{flex-wrap:wrap;gap:5px}.contact-v8 .contact-form-actions{flex-wrap:wrap}.contact-v8 .contact-form-actions>span{max-width:none}.contact-v8 .contact-form-actions .button{margin-left:auto}.contact-reperes{padding:16px;margin-left:16px;margin-right:16px}.contact-reperes h2{font-size:22px}.contact-submit-area .contact-send{font-size:11px}.receipt-reference strong{font-size:16px}}
@media(max-width:700px){.contact-v8 input:not([type=radio]),.contact-v8 textarea,.contact-v8 select{font-size:16px}}