.contact-flow{color:#0f172a;background:#faf8ff;padding:7.5rem max(1.25rem,50vw - 36rem) 4rem}.contact-flow__layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.contact-flow__intro h1,.contact-flow__success h1{font-family:var(--font-display), sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.4rem,4.8vw,4.5rem);font-weight:400;line-height:1.05}.contact-flow__intro>p{color:#434653;max-width:34ch;margin:1.25rem 0;font-size:1.1rem;line-height:1.6}.contact-flow__intro>a{overflow-wrap:anywhere;color:#003eb3;text-underline-offset:.2em;text-decoration:underline}.contact-flow__mode{color:#003eb3;text-align:left;align-items:center;gap:.6rem;margin-top:2rem;padding:.4rem 0;font-weight:600;display:flex}.contact-flow svg{flex-shrink:0;width:1.1rem;height:1.1rem}.contact-flow__panel{background:#fff;border:1px solid #747685;border-radius:.5rem;min-width:0;padding:clamp(1.2rem,3vw,2rem)}.contact-flow form{gap:1rem;display:grid}.contact-flow form h2{margin:0 0 .4rem;font-size:1.5rem;font-weight:600;line-height:1.2}.contact-flow__field{gap:.4rem;min-width:0;display:grid}.contact-flow__field label,.contact-flow__channel legend{font-size:.9rem;font-weight:600}.contact-flow__field :is(input,textarea,select){color:#0f172a;caret-color:#0052ff;background:#fff;border:1px solid #747685;border-radius:.25rem;width:100%;min-width:0;padding:.65rem .7rem;font-size:1rem;line-height:1.4}.contact-flow__field textarea{resize:vertical}.contact-flow__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.contact-flow__consent{color:#434653;align-items:flex-start;gap:.65rem;font-size:.75rem;line-height:1.5;display:flex}.contact-flow__consent input{accent-color:#0052ff;flex-shrink:0;width:1rem;height:1rem;margin-top:.2rem}.contact-flow__consent a,.contact-flow__error a{color:#003eb3;text-underline-offset:.15em;text-decoration:underline}.contact-flow__actions{justify-content:space-between;gap:1rem;display:flex}.contact-flow__submit,.contact-flow__back{border-radius:.25rem;justify-content:center;align-items:center;gap:.6rem;min-height:2.9rem;padding:.7rem 1.25rem;font-weight:600;display:inline-flex}.contact-flow__submit{color:#fff;background:#0052ff;margin-left:auto}.contact-flow__submit:hover:not(:disabled){background:#003eb3}.contact-flow__back{border:1px solid #747685}.contact-flow button:disabled{opacity:.55;cursor:not-allowed}.contact-flow :is(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #0052ff}.contact-flow__progress{border-bottom:1px solid #747685;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0 0 1.5rem;padding:0 0 1rem;list-style:none;display:grid}.contact-flow__progress li{color:#434653;font-size:.8rem;line-height:1.35}.contact-flow__progress span{font-variant-numeric:tabular-nums;margin-bottom:.25rem;display:block}.contact-flow__progress [aria-current=step]{color:#003eb3;font-weight:700}.contact-flow__channel{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.contact-flow__channel legend{margin-bottom:.65rem}.contact-flow__channel label{align-items:center;gap:.4rem;font-size:.95rem;display:flex}.contact-flow__summary{gap:.8rem;margin:0;display:grid}.contact-flow__summary div{border-bottom:1px solid #d4d5dd;padding-bottom:.8rem}.contact-flow__summary dt{color:#434653;font-size:.8rem;font-weight:600}.contact-flow__summary dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:.3rem 0 0;line-height:1.5}.contact-flow__error{background:#fff7f7;border:1px solid #b91c1c;padding:1rem;line-height:1.5}.contact-flow__error p{margin-top:.3rem}.contact-flow__success{max-width:42rem;padding:2rem 0}.contact-flow__success p{margin-top:1.5rem;line-height:1.6}.contact-flow__success a{color:#003eb3;align-items:center;gap:.6rem;margin-top:2rem;text-decoration:underline;display:inline-flex}.contact-flow__reference{color:#434653;overflow-wrap:anywhere}@media (max-width:760px){.contact-flow{padding-top:6rem}.contact-flow__layout{grid-template-columns:minmax(0,1fr);gap:1.25rem}.contact-flow__intro>p{margin:.6rem 0;font-size:1rem}.contact-flow__mode{margin-top:.5rem;font-size:.9rem}.contact-flow__intro>a{font-size:.9rem}.contact-flow__panel{padding:1rem}}@media (max-width:380px){.contact-flow{padding-inline:1rem}.contact-flow__panel{padding:.85rem}.contact-flow__pair{gap:.65rem}}
