/* The imported illustration is scoped to its static-site component. */
.form-pipeline{--fp-blue:#0062d6;--fp-navy:#082e52;--fp-muted:#8291a2;--fp-line:#dce5ee;--fp-green:#179568;--fp-red:#dc5360;display:block;width:100%;max-width:76rem;min-height:65rem;margin:auto;color:var(--fp-navy);font-family:"Avenir Next",Avenir,sans-serif}
.form-pipeline *{box-sizing:border-box}
.form-pipeline [hidden]{display:none!important}
.form-pipeline .fp-stage{position:relative;height:950px;isolation:isolate;margin-top:1rem}
.form-pipeline .fp-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.form-pipeline .fp-wire{fill:none;stroke:var(--fp-line);stroke-width:1.5}
.form-pipeline .fp-wire.fp-flow{stroke:var(--fp-blue);stroke-dasharray:4 9;opacity:.4}
.form-pipeline .fp-node{position:absolute;transform:translate(-50%,-50%)}
.form-pipeline .fp-node-label{position:absolute;bottom:calc(100% + 19px);left:0;white-space:nowrap;font-family:ui-monospace,monospace;font-size:.65rem;font-weight:600;letter-spacing:.13em;color:var(--fp-blue);text-transform:uppercase}
.form-pipeline .fp-form-node{left:50%;top:17%;width:15rem}
.form-pipeline .fp-card{background:#fff;border:1px solid var(--fp-line);border-radius:12px;box-shadow:0 9px 32px #092f5208}
.form-pipeline .fp-form-card{padding:17px}
.form-pipeline .fp-card-heading{display:flex;align-items:center;gap:8px;font-size:.79rem;font-weight:700;margin-bottom:15px}
.form-pipeline .fp-mini-logo{background:var(--fp-blue);width:20px;height:20px;display:grid;place-items:center;border-radius:5px;color:#fff;font-size:.6rem}
.form-pipeline .fp-field-label{display:block;color:#8a96a4;font-size:.59rem;margin-bottom:5px}
.form-pipeline .fp-field{height:29px;border:1px solid #e5eaf0;border-radius:5px;background:#fbfcfe;font-size:.65rem;padding:7px 9px;margin-bottom:10px;color:#34516d}
.form-pipeline .fp-field.fp-message{height:50px;line-height:1.5}
.form-pipeline .fp-field.fp-typing{border-color:#87b9f4;background:#fff;box-shadow:0 0 0 2px #0062d609}
.form-pipeline .fp-field.fp-typing::after{content:"";display:inline-block;height:10px;border-right:1px solid var(--fp-blue);vertical-align:middle;margin-left:1px}
.form-pipeline .fp-submit{width:100%;height:31px;background:var(--fp-blue);color:white;border:0;border-radius:5px;text-align:center;line-height:31px;font-size:.66rem;font-weight:600;transition:transform .2s,background .2s}
.form-pipeline .fp-submit.fp-pressed{transform:scale(.96);background:#044b9e}
.form-pipeline .fp-pointer{position:absolute;width:22px;height:27px;right:40px;bottom:24px;opacity:0;transform:translate(25px,25px);transition:all .4s;filter:drop-shadow(0 2px 2px #082e5230)}
.form-pipeline .fp-pointer.fp-show{opacity:1;transform:none}
.form-pipeline .fp-ai-node{left:50%;top:60%;width:82px;height:82px;display:grid;place-items:center}
.form-pipeline .fp-ai-halo{position:absolute;inset:-13px;border:1px solid #d6e9ff;border-radius:50%;box-shadow:0 0 0 8px #f7fbff}
.form-pipeline .fp-ai-symbol{z-index:1;display:grid;place-items:center;width:70px;height:70px;background:transparent}
.form-pipeline .fp-ai-symbol img{display:block;width:70px;height:70px;object-fit:contain}
.form-pipeline .fp-ai-node .fp-node-label{top:calc(100% + 25px);bottom:auto;left:50%;transform:translateX(-50%);color:var(--fp-navy)}
.form-pipeline .fp-ai-node.fp-scanning .fp-ai-halo{box-shadow:0 0 0 9px #edf6ff,0 0 0 18px #f7fbff;border-color:#78baff}
.form-pipeline .fp-ai-node.fp-accepted .fp-ai-halo{border-color:var(--fp-green)}
.form-pipeline .fp-ai-node.fp-rejected .fp-ai-halo{border-color:var(--fp-red)}
.form-pipeline .fp-inbox-node{left:65%;top:88%;width:11.5rem}
.form-pipeline .fp-inbox-card{padding:15px;min-height:136px;transition:border-color .4s,box-shadow .4s}
.form-pipeline .fp-inbox-card.fp-delivered{border-color:var(--fp-green);box-shadow:0 0 0 4px #17956809}
.form-pipeline .fp-inbox-heading{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700}
.form-pipeline .fp-counter{border-radius:5px;background:#eef4fa;color:var(--fp-blue);padding:3px 6px;font-size:.6rem}
.form-pipeline .fp-empty{color:#94a1af;font-size:.65rem;line-height:1.6;margin-top:20px}
.form-pipeline .fp-received{margin-top:13px;border-top:1px solid #edf1f5;padding-top:10px}
.form-pipeline .fp-received strong{display:block;font-size:.65rem;margin:5px 0}
.form-pipeline .fp-received p{font-size:.6rem;color:#8493a2;margin:0;line-height:1.5}
.form-pipeline .fp-received .fp-tag{font-size:.5rem;color:var(--fp-green);font-weight:700;letter-spacing:.08em}
.form-pipeline .fp-inbox-node .fp-node-label{left:auto;right:0}
.form-pipeline .fp-trash-node{left:15%;top:88%;width:42px;height:50px;color:#a9b6c4}
.form-pipeline .fp-trash-node svg{width:100%;height:100%;overflow:visible}
.form-pipeline .fp-trash-node .fp-node-label{top:calc(100% + 14px);bottom:auto;left:50%;transform:translateX(-50%);font-size:.53rem;color:#91a0b0}
.form-pipeline .fp-trash-node.fp-hit{color:var(--fp-red)}
.form-pipeline .fp-lid{transform-origin:8px 12px;transition:transform .3s}
.form-pipeline .fp-trash-node.fp-open .fp-lid{transform:rotate(-32deg) translateY(-5px)}
.form-pipeline .fp-mail{position:absolute;width:70px;height:48px;z-index:5;transform:translate(-50%,-50%);opacity:0;pointer-events:none;--fp-mail-color:var(--fp-blue)}
.form-pipeline .fp-mail-body{position:absolute;inset:0;border-radius:6px;background:#eaf3ff;border:1.5px solid var(--fp-mail-color);box-shadow:0 5px 16px #082e5212;z-index:3;overflow:hidden}
.form-pipeline .fp-mail-body::before,.form-pipeline .fp-mail-body::after{content:"";position:absolute;bottom:-26px;width:56px;height:56px;border:1px solid #adcdf4;background:#f4f8ff;transform:rotate(45deg)}
.form-pipeline .fp-mail-body::before{left:-27px}
.form-pipeline .fp-mail-body::after{right:-27px}
.form-pipeline .fp-flap{position:absolute;top:1px;left:1px;right:1px;height:32px;background:var(--fp-mail-color);clip-path:polygon(0 0,100% 0,50% 100%);z-index:4;transform-origin:50% 0;transition:transform .4s,z-index .4s}
.form-pipeline .fp-mail.fp-open .fp-flap{transform:rotateX(180deg);z-index:0}
.form-pipeline .fp-paper{position:absolute;width:218px;left:50%;bottom:9px;padding:16px 17px 13px;border:1px solid #dbe5ef;border-radius:7px;background:white;box-shadow:0 10px 30px #082e5212;transform:translateX(-50%) translateY(0) scale(.2);transform-origin:50% 100%;opacity:0;z-index:2;transition:transform .6s,opacity .35s,border-color .4s,box-shadow .4s}
.form-pipeline .fp-mail.fp-open .fp-paper{transform:translateX(-50%) translateY(-27px) scale(1);opacity:1}
.form-pipeline .fp-paper-head{font-family:ui-monospace,monospace;font-size:.51rem;letter-spacing:.1em;color:#8295a8;border-bottom:1px solid #edf1f5;padding-bottom:10px;margin-bottom:11px;display:flex;justify-content:space-between}
.form-pipeline .fp-paper-name{font-size:.75rem;font-weight:700;margin-bottom:4px}
.form-pipeline .fp-paper-email{font-size:.57rem;color:#91a0b0}
.form-pipeline .fp-paper-message{font-size:.71rem;line-height:1.6;color:#456079;margin:12px 0;min-height:51px}
.form-pipeline .fp-decision{font-size:.57rem;letter-spacing:.07em;font-weight:700;border-top:1px solid #eef2f6;padding-top:9px;color:var(--fp-blue)}
.form-pipeline .fp-scanline{position:absolute;left:8px;right:8px;height:28px;top:35px;background:linear-gradient(transparent,#0062d612);border-bottom:1px solid #67adf1;opacity:0}
.form-pipeline .fp-paper.fp-scanning .fp-scanline{opacity:1}
.form-pipeline .fp-mail.fp-lead{--fp-mail-color:var(--fp-green)}
.form-pipeline .fp-mail.fp-spam{--fp-mail-color:var(--fp-red)}
.form-pipeline .fp-mail.fp-lead .fp-paper{border:2px solid var(--fp-green);box-shadow:0 0 0 5px #1795680b,0 12px 30px #082e5210}
.form-pipeline .fp-mail.fp-spam .fp-paper{border:2px solid var(--fp-red);box-shadow:0 0 0 5px #dc53600b,0 12px 30px #082e5210}
.form-pipeline .fp-mail.fp-lead .fp-decision{color:var(--fp-green)}
.form-pipeline .fp-mail.fp-spam .fp-decision{color:var(--fp-red)}
.form-pipeline .fp-footer{max-width:37rem;margin:0 auto;text-align:center}
.form-pipeline .fp-footer-row{display:flex;align-items:center;justify-content:center;gap:.75rem}
.form-pipeline .fp-status{font-size:.79rem;color:#6d8298;min-height:2.7rem;line-height:1.6}
.form-pipeline .fp-pause{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--fp-line);border-radius:50%;background:#fff;color:var(--fp-navy);font:600 .8rem "Avenir Next",Avenir,sans-serif;cursor:pointer}
.form-pipeline .fp-pause:hover{border-color:#8abff6;background:#f3f8ff}
.form-pipeline .fp-pause:focus-visible{outline:3px solid #69b3ff;outline-offset:4px}
.form-pipeline .fp-steps{display:flex;justify-content:center;gap:5px;margin:14px 0}
.form-pipeline .fp-steps i{height:3px;width:38px;background:#e7edf3;border-radius:5px}
.form-pipeline .fp-steps i.fp-active{background:var(--fp-blue)}
.form-pipeline .fp-legend{display:flex;justify-content:center;gap:20px;color:#8a99a9;font-size:.61rem;letter-spacing:.025em}
.form-pipeline .fp-legend span::before{content:"";width:6px;height:6px;display:inline-block;background:var(--fp-green);border-radius:50%;margin-right:6px}
.form-pipeline .fp-legend span:last-child::before{background:var(--fp-red)}
@media(min-width:48rem){.form-pipeline{min-height:38rem}.form-pipeline .fp-stage{height:520px;margin-top:0}.form-pipeline .fp-form-node{left:14%;top:54%;width:14rem}.form-pipeline .fp-ai-node{left:50%;top:54%}.form-pipeline .fp-inbox-node{left:86%;top:54%;width:14rem}.form-pipeline .fp-trash-node{left:50%;top:89%;width:34px;height:40px}.form-pipeline .fp-inbox-card{min-height:151px}}
@media(prefers-reduced-motion:reduce){.form-pipeline *,.form-pipeline *::before,.form-pipeline *::after{transition:none!important;animation:none!important}}