.lf-visual-section{background:#f2f3ef;padding:88px 0 96px}.lf-visual-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:30px;display:flex}.lf-visual-heading h2{letter-spacing:-.025em;margin:10px 0;font-size:clamp(33px,3.8vw,56px);line-height:1.18}.lf-visual-heading>p{color:#576174;max-width:390px;font-size:14px;line-height:1.8}.lf-demo-grid{grid-template-columns:1.15fr .85fr;gap:16px;display:grid}.lf-demo-panel{background:#fff;border:1px solid #e0e4e4;min-width:0;padding:25px}.lf-flow-panel{color:#fff;background:#17233d;grid-column:1/-1}.lf-demo-label{letter-spacing:.13em;color:#315bfa;justify-content:space-between;gap:12px;font-size:10px;font-weight:800;display:flex}.lf-flow-panel .lf-demo-label,.lf-demo-live{color:#c9f36b}.lf-demo-live i{background:#c9f36b;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.lf-flow-visual{align-items:center;min-height:180px;margin:12px 0 5px;display:flex;position:relative}.lf-flow-curve{width:100%;height:118px;position:absolute;inset:15px 0 0;overflow:visible}.lf-flow-track,.lf-flow-active{fill:none;stroke-width:2px}.lf-flow-track{stroke:#475772}.lf-flow-active{stroke:#c9f36b;stroke-dasharray:9 16;animation:9s linear infinite lf-flow}@keyframes lf-flow{to{stroke-dashoffset:-260px}}.lf-flow-steps{z-index:1;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid;position:relative}.lf-flow-step{cursor:pointer;color:#fff;text-align:center;font:inherit;background:0 0;border:0}.lf-flow-bubble{color:#fff;background:#25426d;border:1px solid #6382c0;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:12px;font-weight:800;transition:transform .2s,background .2s,color .2s;display:grid}.lf-flow-step:hover .lf-flow-bubble,.lf-flow-step.is-selected .lf-flow-bubble{color:#17233d;background:#c9f36b;transform:scale(1.1)}.lf-flow-step strong{font-size:14px}.lf-demo-detail{border-top:1px solid #3d4a65;grid-template-columns:125px 1fr;gap:5px 25px;padding-top:20px;display:grid}.lf-detail-number{color:#c9f36b;letter-spacing:.1em;grid-row:span 2;font-size:11px;font-weight:800}.lf-demo-detail strong{font-size:20px}.lf-demo-detail p{color:#bec7d6;margin:0;font-size:13px;line-height:1.6}.lf-crm-top{justify-content:space-between;align-items:start;gap:12px;margin-top:35px;display:flex}.lf-small-label{color:#576174;font-size:12px}.lf-crm-top h3,.lf-auto-header h3{letter-spacing:-.02em;margin:5px 0 0;font-size:23px}.lf-demo-pill{color:#576174;white-space:nowrap;background:#eff2f6;padding:7px 9px;font-size:10px}.lf-crm-metric{align-items:baseline;gap:12px;margin:25px 0;display:flex}.lf-crm-metric strong{letter-spacing:-.06em;font-size:56px;line-height:1}.lf-crm-metric>span:nth-child(2){font-size:14px;font-weight:600}.lf-crm-tip{color:#576174;margin-left:auto;font-size:11px}.lf-crm-pipeline{grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;min-height:146px;display:grid}.lf-crm-stage{cursor:pointer;color:#17233d;background:#f7f8f5;border:0;flex-direction:column;align-items:center;gap:7px;padding:10px 3px;display:flex}.lf-crm-stage .lf-crm-bar{background:var(--stage-color);height:var(--stage-height);width:min(50%,40px);min-height:24px;transition:transform .2s}.lf-crm-stage:hover .lf-crm-bar,.lf-crm-stage.is-selected .lf-crm-bar{transform:scaleX(1.3)}.lf-crm-stage strong{font-size:16px}.lf-crm-stage small{font-size:11px}.lf-crm-stage.is-selected{outline-offset:-2px;outline:2px solid #315bfa}.lf-demo-caption{color:#576174;margin:17px 0 0;font-size:11px}.lf-auto-header{margin:35px 0 20px}.lf-auto-header p{color:#576174;font-size:12px}.lf-auto-track{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.lf-auto-node{text-align:left;cursor:pointer;font:inherit;background:#f7f8f5;border:1px solid #e1e4e4;align-items:center;gap:10px;min-width:0;padding:14px 10px;transition:border .2s,transform .2s;display:flex}.lf-auto-node:hover{transform:translateY(-3px)}.lf-auto-node.is-selected{background:#f3f6ff;border-color:#315bfa}.lf-auto-dot{border:4px solid #315bfa;border-radius:50%;flex-shrink:0;width:16px;height:16px}.lf-auto-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.lf-auto-copy strong{font-size:12px}.lf-auto-copy small{color:#576174;font-size:10px;line-height:1.35}.lf-auto-arrow{color:#315bfa;margin-left:auto}.lf-auto-result{color:#fff;background:#17233d;min-height:42px;margin:16px 0 0;padding:13px;font-size:12px;line-height:1.5}.lf-visual-section button:focus-visible{outline-offset:3px;outline:3px solid #315bfa}.wordmark i{transition:transform .35s cubic-bezier(.2,.8,.2,1),color .2s;display:inline-block}.wordmark:hover i{color:#315bfa;transform:translate(5px)scale(1.45)}@media (width<=850px){.lf-visual-heading{display:block}.lf-demo-grid{grid-template-columns:1fr}.lf-flow-panel{grid-column:auto}.lf-visual-section{padding:65px 0}.lf-demo-detail{grid-template-columns:1fr}.lf-detail-number{grid-row:auto}.lf-flow-curve{opacity:.65}}@media (width<=520px){.lf-flow-bubble{width:42px;height:42px}.lf-flow-step strong{font-size:11px}.lf-flow-steps{gap:2px}.lf-demo-panel{padding:17px}.lf-crm-top{flex-wrap:wrap}.lf-crm-tip{display:none}.lf-auto-track{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.lf-flow-active{animation:none}.lf-flow-bubble,.lf-auto-node,.lf-crm-bar,.wordmark i{transition:none}}.lf-visual-section[data-demo-mode=overview] .lf-crm-panel,.lf-visual-section[data-demo-mode=overview] .lf-automation-panel,.lf-visual-section[data-demo-mode=crm] .lf-flow-panel{display:none}.lf-visual-section[data-demo-mode=overview] .lf-demo-grid{grid-template-columns:1fr}.lf-visual-section[data-demo-mode=crm] .lf-demo-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}@media (width<=850px){.lf-visual-section[data-demo-mode=crm] .lf-demo-grid{grid-template-columns:1fr}}
