
.workflow-section{background:#0d131d;border-block:1px solid var(--line);scroll-margin-top:90px}.workflow-section>.wrap{min-width:0}.workflow-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.workflow-controls label{margin:0;width:min(420px,100%);font-size:12px}.workflow-controls select{font-size:14px;min-height:50px;margin-top:9px}.workflow-controls>div{display:flex;gap:20px;align-items:center}.workflow-controls .button{font-size:12px}.workflow-reset{background:none;border:0;color:#a7b3c8;font-size:13px;min-height:44px;padding:8px 4px}.workflow-reset:hover{color:var(--gold)}.workflow-controls button:disabled{opacity:.55;cursor:default;transform:none}.workflow-disclosure{font-size:12px;line-height:1.7;margin-top:16px;color:#8e9bb1}
.workflow-board{margin:35px auto 0;width:100%;max-width:1100px;min-width:0}.workflow-viewport{overflow:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#7d7259 #101825;overscroll-behavior-x:contain;border:1px solid transparent}.workflow-viewport:focus-visible{outline:1px solid var(--gold);outline-offset:5px}.workflow-canvas{position:relative;width:1000px;height:650px;margin-inline:auto}.workflow-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.workflow-lines marker path{stroke:#6d819e;stroke-width:1;fill:none}.workflow-lines #flow-gold-arrow path{stroke:#d9b979}.flow-routes>path,.flow-branches>path{stroke:#627491;stroke-width:1;stroke-dasharray:3 4;transition:stroke .5s,opacity .5s}.flow-branches>path{stroke:#637084;stroke-dasharray:none}.workflow-lines path.is-active{stroke:var(--gold);stroke-width:1.6;stroke-dasharray:5 5;animation:flow-travel 1.3s linear infinite}.workflow-lines .workflow-learning-line{stroke:#b89b5f;stroke-width:1.1}.workflow-learning-line.is-active{animation-duration:3s}.workflow-input,.workflow-node,.workflow-decision,.workflow-branch{position:absolute;border:1px solid #738096;background:#101b2b;color:#e6eaf1}.workflow-input{left:20px;width:170px;height:40px;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.055em;text-transform:uppercase;background:#0f1825;color:#b6c5df}.input-signals{top:30px}.input-icp{top:82px}.input-exclusions{top:134px}
.workflow-node{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:13px 13px 11px;transition:background .4s,border-color .4s,box-shadow .4s}.workflow-node>span{position:absolute;right:8px;top:6px;font-size:8px;color:#7c91b1;letter-spacing:.07em}.workflow-node strong{font-size:11px;line-height:1.4;letter-spacing:.07em;font-weight:500;text-transform:uppercase}.workflow-node>small{font-size:10px;line-height:1.6;color:#a5b3cb;display:block;margin-top:6px;letter-spacing:.015em}.workflow-node:hover,.workflow-node:focus-visible{border-color:var(--gold);background:#1b2534}.workflow-node:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.workflow-node.is-current{border-color:var(--gold);background:#1b2637;box-shadow:0 0 27px #577fc417}.workflow-node.is-current strong{color:#edce93}.workflow-node.is-complete{border-color:#6f8bb1}.workflow-node.is-blocked{border-color:#d69b83;background:#2b2221}.node-icp{left:260px;top:80px;width:160px;height:64px}.node-list{left:485px;top:80px;width:160px;height:64px}.node-enrich{left:710px;top:80px;width:160px;height:64px}.workflow-decision{display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#8190a8;padding:1px;transition:background .3s}.workflow-decision:before{content:'';position:absolute;inset:1px;clip-path:inherit;background:#111e30}.workflow-decision>span{position:relative;font-size:9px;letter-spacing:.05em;text-transform:uppercase}.workflow-decision:hover{background:var(--gold)}.workflow-decision:focus-visible{background:var(--gold);filter:drop-shadow(0 0 8px #d9b97980)}.decision-verified{left:894px;top:83px;width:82px;height:58px}.decision-attended{left:562px;top:479px;width:96px;height:60px}.workflow-branch{height:28px;display:flex;align-items:center;justify-content:center;color:#8e9bb1;font-size:9px;background:#0d131d;border-color:#526078;letter-spacing:.015em}.branch-mismatch{left:250px;top:180px;width:180px}.branch-unverified{left:790px;top:180px;width:190px}.branch-optout{left:310px;top:400px;width:250px}.workflow-branch.is-active{border-color:#d69b83;color:#edc1a8}.node-outbound{left:610px;top:250px;width:335px;height:144px;padding:0}.node-outbound>strong{display:block;width:100%;text-align:center;padding:8px;background:#18283d;border-bottom:1px solid #4b5b73;font-size:10px}.node-outbound>span{display:none}.node-outbound>small{display:block;width:100%;padding:0 15px;margin:0}.outbound-channel{display:flex;align-items:center;gap:18px;padding:9px 0;border-bottom:1px solid #ffffff16;font-size:9px}.outbound-channel b{font-size:10px;font-weight:500;min-width:65px;color:#d2dcf0;letter-spacing:.055em;text-transform:uppercase}.outbound-note{display:block;font-size:9px;padding-top:9px;color:#899cb9}.node-replies{left:335px;top:290px;width:200px;height:64px}.node-human{left:40px;top:470px;width:215px;height:78px}.node-booked{left:320px;top:470px;width:190px;height:78px}.node-outcome{left:710px;top:470px;width:240px;height:78px;border-color:#b8975b;background:#27271f}.node-outcome strong{color:var(--gold)}.node-outcome.is-current{background:#333024}.flow-label{position:absolute;color:#8b9ab0;font-size:9px;letter-spacing:.025em}.label-verified{left:978px;top:190px}.label-replies{left:554px;top:304px}.label-human{left:100px;top:370px}.label-attended{left:674px;top:492px;color:var(--gold)}.label-noshow{left:390px;top:440px;background:#0d131d;padding:0 7px;font-size:8px}.workflow-loop-note{position:absolute;top:590px;left:200px;width:600px;text-align:center;font-size:8px;color:var(--gold);letter-spacing:.05em;margin:0;background:#0d131d}.workflow-loop-note>span{color:#bca776}.workflow-pan-hint{display:none}.workflow-mini-detail{display:none}
.workflow-detail{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:30px 0;border-block:1px solid #ffffff25}.workflow-detail h3{font-size:27px;line-height:1.25;margin:13px 0}.workflow-detail>div>p:last-child{font-size:14px;line-height:1.75;max-width:650px}.workflow-outcome{display:flex;flex-direction:column;justify-content:center;min-width:0}.workflow-outcome>span{font-size:9px;letter-spacing:.1em;color:#8fa0bc}.workflow-outcome>strong{font-size:18px;color:var(--gold);font-weight:500;line-height:1.4;margin-top:10px}.workflow-outcome>p{font-size:12px!important;margin-top:10px;line-height:1.7}.workflow-progress{height:3px;width:100%;background:#ffffff13;margin-top:20px;overflow:hidden}.workflow-progress>span{display:block;height:100%;width:0;background:var(--gold);transition:width .6s cubic-bezier(.22,1,.36,1)}.workflow-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}.workflow-checks details{border:1px solid #ffffff24;padding:0 18px;background:#101925}.workflow-checks summary{display:flex;justify-content:space-between;gap:15px;align-items:center;cursor:pointer;font-size:12px;min-height:62px;line-height:1.5;list-style:none;color:#d6ddeb}.workflow-checks summary::-webkit-details-marker{display:none}.workflow-checks summary>span{font-size:20px;color:var(--gold);transition:transform .3s}.workflow-checks details[open] summary>span{transform:rotate(45deg)}.workflow-checks ul{padding:0 0 17px 15px;margin:0;color:#97a6bf;font-size:12px;line-height:1.8}.workflow-checks li{margin-bottom:8px}.workflow-checks summary:hover{color:var(--gold)}
.demo-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #ffffff20;padding-top:22px;margin:0 0 12px}.demo-metrics strong{display:block;color:var(--gold);font-size:35px;line-height:1.1;letter-spacing:-.04em;font-weight:400}.demo-metrics span{display:block;font-size:11px;color:#a2aec1;margin-top:7px;line-height:1.5}.review-card .demo-metric-note{font-size:10px;color:#8998b0;line-height:1.6;margin:0 0 25px}.review-card{min-height:470px}
@keyframes flow-travel{to{stroke-dashoffset:-40}}
@media(max-width:1150px){.workflow-pan-hint{display:flex;justify-content:space-between;font-size:12px;color:#a5b3cb;margin-top:30px}.workflow-pan-hint>span{color:var(--gold);font-size:20px}.workflow-board{margin-top:15px}.workflow-viewport{border-color:#ffffff15}.workflow-canvas{margin-left:0}}
@media(max-width:850px){.workflow-controls{gap:25px}.workflow-controls>div{gap:13px}.workflow-controls .button{padding-inline:15px;gap:13px;font-size:11px}.workflow-detail{grid-template-columns:1fr;gap:25px}.workflow-checks{grid-template-columns:1fr}.workflow-checks details{padding-inline:20px}.workflow-checks summary{font-size:14px;min-height:58px}.workflow-checks ul{font-size:13px}.workflow-detail h3{font-size:27px}}
@media(max-width:600px){.workflow-controls{flex-direction:column;align-items:stretch;gap:20px}.workflow-controls label{width:100%;font-size:13px}.workflow-controls select{font-size:16px}.workflow-controls>div{justify-content:space-between}.workflow-controls .button{font-size:13px;flex:1;justify-content:space-between;padding:13px 18px}.workflow-reset{padding:9px 12px}.workflow-pan-hint{font-size:11px;line-height:1.6}.workflow-disclosure{font-size:12px}.workflow-viewport{max-height:500px;touch-action:pan-x pan-y}.workflow-mini-detail{display:flex;flex-direction:column;gap:7px;padding:15px 0 5px;min-height:90px}.workflow-mini-detail>span{font-size:9px;color:var(--gold);letter-spacing:.06em}.workflow-mini-detail>strong{font-size:16px;line-height:1.5;font-weight:400;color:#d5deed}.workflow-detail{padding-block:25px}.workflow-detail h3{font-size:25px}.workflow-detail>div>p:last-child{font-size:14px}.workflow-outcome>strong{font-size:18px}.workflow-checks{gap:12px}.demo-metrics{gap:16px;padding-top:20px}.demo-metrics strong{font-size:31px}.demo-metrics span{font-size:10px}.review-card{min-height:480px}.review-card .demo-metric-note{font-size:10px;line-height:1.6;margin-bottom:22px}}
@media(max-width:360px){.review-card{min-height:525px}.demo-metrics strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){.workflow-node,.workflow-progress>span,.workflow-lines path{transition:none;animation:none!important}}
.node-icp,.node-list,.node-enrich{top:74px;height:76px}.node-replies{top:284px;height:76px}
