.flow-demo{--signal:var(--orange);align-self:center;min-width:0;padding:12px 0 0 20px}.flow-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.flow-nudge{letter-spacing:-.01em;color:var(--muted);text-align:right;margin:0 0 18px;font-size:14px}.flow-nudge em{color:var(--orange);margin-left:5px;font-size:25px}.flow-examples{flex-wrap:wrap;gap:8px;display:flex}.flow-examples button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:30px;padding:9px 15px;font-size:12px;transition:background .2s,color .2s}.flow-examples button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.flow-examples button:hover{border-color:var(--orange)}.flow-description{color:var(--muted);min-height:61px;margin:16px 0 2px;font-size:13px;line-height:1.55}.flow-stage{min-height:514px;position:relative}.flow-editor{transition:opacity .2s,transform .2s}.flow-editor.is-leaving{opacity:0;transform:translateY(-8px)}[data-editor][hidden],[data-result][hidden]{display:none}.flow-canvas{height:485px;position:relative}.flow-cables{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cable-base{fill:none;stroke:#deddd6;stroke-width:4px;stroke-linecap:round}.cable-core{fill:none;stroke:#f8f7f3;stroke-width:1.5px}.cable-complete{fill:none;stroke:#c88f73;stroke-width:2px;opacity:0;transition:opacity .3s}.cable-complete.is-done{opacity:1}.cable-trail{fill:none;stroke:var(--signal);stroke-width:3.5px;stroke-linecap:round;filter:drop-shadow(0 0 3px #bd3f1940)}.cable-packet{fill:var(--signal);stroke:#fff3e7;stroke-width:1.5px;filter:drop-shadow(0 0 4px #bd3f1944)}.flow-card{text-align:left;color:var(--ink);z-index:1;background:#fffefa;border:1px solid #d2d3cd;border-radius:10px;flex-direction:column;width:43%;min-height:155px;padding:13px;font-size:12px;transition:box-shadow .2s,border-color .2s,background .2s;display:flex;position:absolute;box-shadow:0 3px 13px #17181605}.flow-card:hover{border-color:var(--orange);box-shadow:0 5px 18px #bd3f1912}.flow-card:disabled{cursor:default;opacity:1}.flow-card[data-state=active]{border:2px solid var(--orange);background:#fff;padding:12px;box-shadow:0 0 0 4px #bd3f1910}.flow-card[data-state=done]{border-color:#9bb4a3}.flow-card[data-state=review]{background:#fff9ef;border-color:#bb822e;box-shadow:0 0 0 3px #bb822e13}.position-0{top:20px;left:0}.position-1{top:20px;right:0}.position-2{width:31%;top:325px;left:0}.position-3{width:31%;top:325px;left:34.5%}.position-4{width:31%;top:325px;right:0}.card-heading{align-items:center;gap:7px;min-height:24px;line-height:1.2;display:flex}.card-heading img{flex:0 0 23px}.card-heading strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:15px;font-weight:550}.card-tool{color:var(--muted);overflow-wrap:anywhere;min-height:14px;margin-top:6px;font-size:11px;line-height:1.3}.card-preview{color:#51534e;white-space:pre-line;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;background:#f4f4f0;border-radius:5px;min-height:62px;margin-top:11px;padding:9px 8px;font-size:11px;line-height:1.4;display:block}.card-preview.is-writing{color:var(--ink)}.card-preview.is-writing:after{content:"";background:var(--orange);vertical-align:-2px;width:1px;height:12px;margin-left:2px;display:inline-block}.card-footer{color:var(--muted);justify-content:space-between;gap:5px;margin-top:10px;font-size:9px;display:flex}.card-check{margin-left:auto;display:none}.flow-card[data-state=done] .card-check{filter:invert(31%)sepia(22%)saturate(866%)hue-rotate(90deg);background:url(/icons/check-circle.svg) 50%/contain no-repeat;width:14px;height:14px;display:block}.flow-card[data-state=done] .card-footer{color:#386548}.position-2 .card-heading,.position-3 .card-heading,.position-4 .card-heading{flex-wrap:wrap;gap:5px}.position-2 .card-heading strong,.position-3 .card-heading strong,.position-4 .card-heading strong{font-size:12px}.position-2 .card-heading img,.position-3 .card-heading img,.position-4 .card-heading img{flex-basis:20px;width:20px;height:20px}.position-2 .card-preview,.position-3 .card-preview,.position-4 .card-preview{min-height:70px;padding:7px 6px;font-size:10px}.flow-launch{z-index:2;color:#fff;background:#c44b23;border:1px solid #b84a24;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:86px;height:78px;transition:box-shadow .2s,transform .2s;display:flex;position:absolute;top:213px;left:calc(50% - 43px);box-shadow:0 5px 20px #bd3f1925}.flow-launch strong{font-size:12px;font-weight:550}.flow-launch:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #bd3f1938}.flow-launch:disabled{opacity:1;cursor:wait;background:#c44b23}.flow-launch[data-waiting=true]{background:#965e16;border-color:#965e16}.launch-caption{text-align:center;color:var(--orange);pointer-events:none;font-size:10px;position:absolute;top:294px;left:0;right:0}.flow-progress{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding-top:18px;font-size:11px;display:flex}.flow-progress button,.result-actions button{border:0;border-bottom:1px solid var(--line);color:var(--muted);background:0 0;padding:4px 0;font-size:12px}.flow-feedback{color:#454741;min-height:38px;margin:18px 0 0;font-size:12px;line-height:1.55}.flow-trust{color:var(--muted);border-top:1px solid var(--line);margin:11px 0 0;padding-top:12px;font-size:11px;line-height:1.5}.flow-disclaimer{color:var(--muted);margin:9px 0 0;font-size:10px;line-height:1.4}.flow-dialog{border:1px solid var(--line);background:var(--paper);width:min(420px,90vw);max-height:85vh;color:var(--ink);border-radius:14px;padding:30px;overflow:auto;box-shadow:0 25px 80px #0002}.flow-dialog::backdrop{backdrop-filter:blur(3px);background:#17181655}.flow-dialog .dialog-close{background:0 0;border:0;font-size:26px;position:absolute;top:10px;right:14px}.flow-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--orange);margin-bottom:12px;font-size:10px}.flow-dialog h3{font-size:29px}.dialog-field{font-size:13px;display:block}.dialog-field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:6px;margin:9px 0 24px;padding:12px 10px;display:block}.review-choice{align-items:flex-start;gap:12px;display:flex}.review-choice input{accent-color:var(--orange);width:18px;height:18px;margin-top:3px}.review-choice strong{font-size:14px;font-weight:550;display:block}.review-choice small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.4;display:block}.dialog-guidance{color:var(--muted);margin-block:22px;font-size:12px;line-height:1.5}.flow-dialog .button{font-size:14px}.flow-result{padding-top:22px;animation:.35s ease-out result-enter}.result-heading h3{margin-bottom:14px;font-size:29px;line-height:1.1}.result-heading>p:last-child{color:var(--muted);font-size:13px;line-height:1.5}.app-result{color:var(--ink);background:#fff;border:1px solid #d4d4cc;border-radius:11px;margin-top:22px;overflow:hidden}.app-topbar{background:#f0efe9;border-bottom:1px solid #deded6;justify-content:space-between;align-items:center;gap:8px;padding:13px 15px;display:flex}.app-topbar>span:first-child{align-items:center;gap:8px;font-size:13px;display:flex}.app-result img{width:19px;height:19px}.mock-badge{letter-spacing:.08em;color:var(--muted);font-size:8px}.app-title{flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 15px 14px;font-size:12px;display:flex}.success-pill{color:#2c6441;background:#eaf4ed;border-radius:20px;padding:4px 8px;font-size:10px}.crm-contacts{padding-inline:15px}.crm-contact{border-bottom:1px solid #ecece6;align-items:center;gap:10px;padding:15px 0;display:flex}.contact-avatar{color:#655f53;background:#edeae3;border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:10px;display:grid}.crm-contact>div{flex:1;min-width:0}.crm-contact strong{font-size:12px;display:block}.crm-contact>div>span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.crm-contact small{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:9px;display:block}.qualified{color:#296240;font-size:9px}.dedupe-note{color:var(--muted);align-items:center;gap:8px;margin:0;padding:11px 15px;font-size:10px;line-height:1.5;display:flex}.dedupe-note img{flex-shrink:0;width:16px;height:16px}.sent-events{border-top:1px solid #ecece6;padding:0 15px}.sent-events>p{border-bottom:1px solid #eee;align-items:center;gap:11px;margin:0;padding:12px 0;display:flex}.sent-events strong{font-size:11px;display:block}.sent-events small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.sent-check{color:#2c6441;margin-left:auto;font-size:12px}.result-table-wrap{padding:0 12px;overflow-x:auto}.result-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.result-table-wrap th{color:var(--muted);background:#f7f7f4;padding:9px 6px;font-size:9px;font-weight:500}.result-table-wrap td{white-space:nowrap;border-bottom:1px solid #eee;padding:13px 6px}.result-table-wrap td strong{font-size:11px}.result-table-wrap td small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.previous-state{color:#989990}.settled .previous-state{text-decoration:line-through}.invoice-state{color:#66634e;background:#f2f0eb;border-radius:4px;padding:4px 6px;font-size:9px}.invoice-state.paid{color:#286140;background:#eaf4ed}.exception-note{background:#fff8eb;border-radius:6px;align-items:start;gap:9px;margin:15px;padding:12px;display:flex}.exception-note img{flex-shrink:0}.exception-note strong{color:#845f21;font-size:11px}.exception-note p{color:#796b53;margin:5px 0 0;font-size:10px;line-height:1.5}.finance-note{color:var(--muted);margin:8px 0 0;padding:0 15px 14px;font-size:10px;line-height:1.5}.publication-preview{border-bottom:1px solid #e5e5de;margin:15px;padding-bottom:12px}.publication-preview>div{align-items:center;gap:8px;display:flex}.publication-preview strong{font-size:12px;display:block}.publication-preview small{color:var(--muted);font-size:10px}.published-line{color:#286140;flex-wrap:wrap;gap:12px;margin:12px 0 0;font-size:10px;display:flex}.published-line>span{align-items:center;gap:5px;display:flex}.published-line img{width:14px;height:14px}.campaign-stats{grid-template-columns:1fr 1fr;gap:20px 18px;padding:0 15px;display:grid}.campaign-stats>div>span{color:var(--muted);font-size:10px;display:block}.campaign-stats strong{letter-spacing:-.04em;font-size:29px;font-weight:500;line-height:1.3;display:block}.campaign-stats small{color:var(--muted);font-size:9px}.campaign-chart{border-top:1px solid #e5e5de;margin:20px 15px 14px;padding-top:13px}.chart-title{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.chart-title strong{font-weight:400}.chart-bars{align-items:end;gap:10px;height:68px;margin-top:12px;display:flex}.chart-bars>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:3px;height:100%;display:flex}.chart-bar{width:100%;height:var(--bar-height);background:#c9896d;border-radius:2px 2px 0 0;max-height:49px;display:block}.chart-bars small{color:var(--muted);font-size:8px}.result-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:22px;display:flex}@keyframes result-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1050px) and (width>=761px){.flow-demo{padding-left:8px}.flow-card{padding:10px}.flow-card[data-state=active]{padding:9px}.card-heading strong{font-size:13px}.card-heading{flex-wrap:wrap}.card-preview{font-size:10px}.position-2,.position-3,.position-4{padding:8px}.position-2[data-state=active],.position-3[data-state=active],.position-4[data-state=active]{padding:7px}.card-heading img{width:20px;height:20px}.flow-examples button{padding:8px 11px;font-size:11px}.flow-nudge em{font-size:23px}.card-tool{font-size:10px}}@media (width<=760px){.flow-demo{border-top:1px solid var(--line);justify-self:center;width:100%;max-width:550px;margin-top:15px;padding:28px 0 0}.flow-nudge{text-align:left}.flow-description{min-height:62px;font-size:13px}.flow-card{padding:11px}.flow-card[data-state=active]{padding:10px}.position-2,.position-3,.position-4{padding:8px}.position-2[data-state=active],.position-3[data-state=active],.position-4[data-state=active]{padding:7px}.card-tool{min-height:26px;font-size:10px}.card-heading{flex-wrap:wrap;gap:5px}.card-preview{min-height:65px;padding:7px;font-size:10px}.card-footer{font-size:8px}.flow-launch{top:220px}.launch-caption{top:301px}.position-2,.position-3,.position-4{top:335px}.flow-canvas{height:510px}.flow-progress{padding-top:18px}.flow-result{padding-top:15px}.result-heading h3{font-size:28px}.crm-contact{gap:7px}.qualified{font-size:8px}.contact-avatar{width:25px;height:25px;font-size:9px}.result-table-wrap{padding:0 7px}.result-table-wrap td{padding:12px 4px;font-size:10px}.result-table-wrap th{padding:9px 4px;font-size:8px}.flow-feedback{min-height:53px}.flow-disclaimer{font-size:10px}}@media (prefers-reduced-motion:reduce){.flow-result{animation:none}.flow-editor,.flow-card,.flow-launch{transition:none}.flow-launch:hover{transform:none}.cable-trail,.cable-packet{filter:none}}.result-actions .sheet-open{color:#fff;background:var(--orange);border:0;border-radius:30px;gap:15px;padding:11px 17px;font-size:12px;display:inline-flex}.result-actions .sheet-open:hover{background:#9b3518}.sheet-dialog{color:#233a2b;background:#fff;border:1px solid #ccd8ce;border-radius:12px;width:min(920px,94vw);max-height:88vh;padding:0;overflow:auto;box-shadow:0 30px 100px #0003}.sheet-dialog::backdrop{backdrop-filter:blur(3px);background:#17181666}.sheet-titlebar{color:#fff;background:#205b3c;align-items:center;gap:12px;padding:16px 18px;display:flex}.sheet-mark{background:#fff2;border:1px solid #fff4;border-radius:4px;place-items:center;width:28px;height:28px;font-size:17px;font-weight:600;display:grid}.sheet-titlebar h3{letter-spacing:-.015em;flex:1;margin:0;font-size:17px}.sheet-mock{letter-spacing:.09em;color:#d4e4d9;font-size:9px}.sheet-titlebar button{color:#fff;cursor:pointer;background:0 0;border:0;padding:3px 6px;font-size:25px;line-height:1}.sheet-ribbon{color:#52675a;background:#f3f7f4;border-bottom:1px solid #dfe7e1;gap:27px;padding:14px 20px 0;font-size:12px;display:flex}.sheet-ribbon>*{padding-bottom:12px}.sheet-ribbon strong{color:#205b3c;border-bottom:2px solid #26764d;font-weight:550}.sheet-formula{color:#52675a;border-bottom:1px solid #dae3dc;align-items:center;gap:15px;padding:9px 14px;font-size:12px;display:flex}.sheet-formula>span:first-child{border:1px solid #d4dcd6;border-radius:3px;padding:4px 20px}.sheet-formula em{color:#829388;font:italic 15px Georgia,serif}.sheet-scroll{max-height:45vh;overflow:auto}.sheet-scroll table{border-collapse:separate;border-spacing:0;color:#303f34;width:100%;font-size:12px}.sheet-scroll th,.sheet-scroll td{white-space:nowrap;text-align:left;border-bottom:1px solid #e2e8e3;border-right:1px solid #e2e8e3;min-width:95px;height:36px;padding:9px 12px}.sheet-scroll thead th{text-align:center;color:#627b69;background:#edf2ee;height:28px;padding-block:5px;font-size:10px;font-weight:500;position:sticky;top:0}.sheet-scroll th:first-child{text-align:center;color:#647a6c;z-index:1;background:#edf2ee;width:35px;min-width:35px;padding-inline:10px;font-size:10px;font-weight:400;position:sticky;left:0}.sheet-scroll thead th:first-child{z-index:2}.sheet-column-headings th:not(:first-child){color:#235a37;background:#dceee1;font-weight:550}.sheet-scroll .sheet-success{color:#24613d;background:#f1f8f3}.sheet-scroll .sheet-attention{color:#8e661b;background:#fff8e5}.sheet-bottom{color:#607867;background:#f3f7f4;border-top:1px solid #d6dfd8;justify-content:space-between;align-items:center;gap:20px;padding:0 15px;font-size:10px;display:flex}.sheet-tab{color:#225837;background:#fff;border-bottom:3px solid #287147;padding:13px 12px;font-size:12px}.sheet-note{color:#56715f;margin:0;padding:17px 20px;font-size:12px;line-height:1.5}.launch-icon{display:block;overflow:visible}@media (width<=600px){.sheet-dialog{width:94vw}.sheet-titlebar{gap:8px;padding:14px 12px}.sheet-titlebar h3{font-size:15px}.sheet-mock{display:none}.sheet-ribbon{gap:20px;padding-inline:15px;font-size:11px}.sheet-bottom{align-items:start;gap:10px}.sheet-bottom>span:last-child{max-width:115px;padding-block:10px;font-size:9px}.sheet-scroll th,.sheet-scroll td{padding:8px 10px;font-size:11px}.sheet-note{font-size:11px}}@media (width<=960px){.flow-demo{justify-self:center;width:100%;max-width:620px;padding-left:0}.flow-description{max-width:560px}}@media (width<=420px){.flow-card{width:46%;min-height:165px}.position-0,.position-1{top:20px}.position-2{width:46%;top:350px;left:0}.position-3{width:46%;top:350px;left:auto;right:0}.position-4{width:46%;top:555px;left:27%;right:auto}.position-2 .card-heading,.position-3 .card-heading,.position-4 .card-heading{flex-wrap:nowrap}.card-heading strong,.position-2 .card-heading strong,.position-3 .card-heading strong,.position-4 .card-heading strong{overflow-wrap:normal;font-size:12px}.card-preview,.position-2 .card-preview,.position-3 .card-preview,.position-4 .card-preview{min-height:65px;font-size:11px}.card-heading img,.position-2 .card-heading img,.position-3 .card-heading img,.position-4 .card-heading img{flex-basis:17px;width:17px;height:17px}.flow-launch{top:235px}.launch-caption{top:315px}}
