.wipublic01-sales-flow{border-top:1px solid rgba(221,228,237,.74);background:var(--wipublic01-bg-stage-blue);padding:clamp(58px,8vw,92px) 0}.wipublic01-sales-flow__grid{display:grid;grid-template-columns:minmax(260px,.48fr) minmax(680px,1.18fr);gap:clamp(32px,6vw,92px);align-items:center}.wipublic01-sales-flow__copy .wipublic01-section-heading{max-width:390px}.wipublic01-sales-flow__copy .wipublic01-section-heading h2{font-size:var(--wipublic01-type-section);font-weight:600;line-height:1.18}.wipublic01-sales-flow__visual{display:grid;gap:22px;min-width:0}.wipublic01-sales-flow__stages{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid rgba(221,228,237,.94);border-radius:14px;background:#fff;box-shadow:0 18px 44px #11182714;padding:22px 18px}.wipublic01-sales-flow__stages:before{position:absolute;top:39px;right:58px;left:58px;height:2px;border-radius:999px;background:linear-gradient(90deg,#1a56db2e,#1a56db6b,#10b98138);content:""}.wipublic01-sales-flow__stage{position:relative;z-index:1;display:grid;gap:9px;justify-items:center;color:var(--wipublic01-color-ink);text-align:center}.wipublic01-sales-flow__stage>span{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(26,86,219,.16);border-radius:10px;background:#fff;color:var(--wipublic01-color-primary);box-shadow:0 8px 18px #1a56db14}.wipublic01-sales-flow__stage strong{max-width:98px;min-height:34px;color:#1f2937;font-size:.75rem;font-weight:600;line-height:1.18}.wipublic01-sales-flow__stage>.bi-arrow-right{position:absolute;top:10px;right:-8px;color:var(--wipublic01-color-primary);font-size:.9rem;opacity:.9;animation:wipublic01-sales-arrow 2.8s ease-in-out infinite}.wipublic01-sales-flow__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wipublic01-sales-flow__metric{display:grid;grid-template-columns:60px minmax(0,1fr);gap:6px 16px;align-items:center;min-height:118px;border:1px solid rgba(221,228,237,.94);border-radius:12px;background:#fff;box-shadow:0 18px 44px #11182714;padding:20px}.wipublic01-sales-flow__metric span{grid-row:span 2;display:grid;width:60px;height:60px;place-items:center;border-radius:999px;background:#1a56db17;color:var(--wipublic01-color-primary);font-size:1.28rem}.wipublic01-sales-flow__metric--green span{background:#10b9811c;color:#10b981}.wipublic01-sales-flow__metric--purple span{background:#f5f3ff;color:#7c3aed}.wipublic01-sales-flow__metric strong{color:var(--wipublic01-color-ink);font-family:var(--wipublic01-font-heading);font-size:clamp(1.55rem,2vw,2rem);font-weight:600;line-height:1}.wipublic01-sales-flow__metric small{color:#64748b;font-size:.84rem;font-weight:var(--wipublic01-weight-medium)}@keyframes wipublic01-sales-arrow{0%,to{transform:translate(0);opacity:.45}45%{transform:translate(4px);opacity:1}}@media(max-width:1080px){.wipublic01-sales-flow__grid{grid-template-columns:1fr}.wipublic01-sales-flow__copy .wipublic01-section-heading{max-width:620px}.wipublic01-sales-flow__stages{overflow-x:auto;grid-template-columns:repeat(6,minmax(116px,1fr));scroll-snap-type:x mandatory}.wipublic01-sales-flow__stage{scroll-snap-align:start}}@media(max-width:720px){.wipublic01-sales-flow{padding:46px 0}.wipublic01-sales-flow__stages{padding:18px 14px}.wipublic01-sales-flow__metrics{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.wipublic01-sales-flow__stage>.bi-arrow-right{animation:none}}