/* The flow board: leads leave four infoteam tools, run the pipeline, and land as money.
   Flat colours only (rule 90): no gradients, no glow. Motion stops under prefers-reduced-motion. */
.fb{--fb-bg:#11228a;--fb-card:rgba(255,255,255,.06);--fb-card-2:rgba(255,255,255,.1);--fb-line:rgba(255,255,255,.13);--fb-line-soft:rgba(255,255,255,.08);--fb-ink:#ffffff;--fb-ink-2:#c9d3ff;--fb-ink-3:#93a3ea;--fb-blue:#c9d3ff;--fb-green:#5fe3a1;
  --fb-rgb-grid:255,255,255;--fb-rgb-lead:214,222,255;--fb-rgb-booked:255,255,255;--fb-rgb-closed:95,227,161;--fb-rgb-lost:147,163,234;--fb-rgb-path:214,222,255;
  position:relative;border-radius:24px;background:var(--fb-bg);color:var(--fb-ink);overflow:hidden;font-family:var(--body,inherit);
  box-shadow:0 1px 2px rgba(11,15,23,.1),0 40px 80px -30px rgba(11,15,23,.4);isolation:isolate}
/* the bezel: a quiet band of our blue around the board */
.fb-frame{padding:8px;border-radius:32px;background:rgba(45,91,255,.08);border:1px solid rgba(45,91,255,.16)}
.fb *{box-sizing:border-box}
.fb-top{display:flex;align-items:center;gap:28px;height:58px;padding:0 24px;border-bottom:1px solid var(--fb-line-soft)}
.fb-biz{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;white-space:nowrap}
.fb-biz i{width:8px;height:8px;border-radius:50%;background:var(--fb-green)}
.fb-biz span{font-weight:400;color:var(--fb-ink-3)}
.fb-sum{display:flex;gap:26px;margin-left:auto;margin-right:auto}
.fb-sum div{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.fb-sum span{font-size:11px;letter-spacing:.06em;color:var(--fb-ink-3)}
.fb-sum b{font-family:var(--display,inherit);font-size:19px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fb-sum .money{color:var(--fb-green)}
.fb-note{font-size:12px;color:var(--fb-ink-3);white-space:nowrap}

.fb-body{position:relative;display:grid;grid-template-columns:292px minmax(0,1fr) 248px;grid-template-rows:minmax(0,1fr);height:580px}
.fb-src{display:flex;flex-direction:column;gap:12px;padding:20px 0 20px 20px;z-index:2}
.fb-card{flex:1;display:grid;grid-template-columns:42px minmax(0,1fr) 46px;grid-template-areas:"ico txt ring" "cash cash ring";align-items:center;gap:6px 12px;padding:14px 14px 12px;border:1px solid var(--fb-line);border-radius:16px;background:var(--fb-card);transition:border-color .5s,background-color .5s}
.fb-card.hit{border-color:rgba(95,227,161,.7);background:var(--fb-card-2)}
.fb-ico{grid-area:ico;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff}
.fb-ico svg{width:22px;height:22px}
.fb-txt{grid-area:txt;min-width:0}
.fb-card h4{margin:0;white-space:nowrap;font-family:var(--display,inherit);font-size:17px;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.fb-card p{margin:2px 0 0;font-size:12.5px;color:var(--fb-ink-3);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-ring{grid-area:ring;align-self:start;position:relative;width:46px;height:46px}
.fb-ring svg{width:46px;height:46px;transform:rotate(-90deg)}
.fb-ring circle{fill:none;stroke-width:3.5}
.fb-ring .bg{stroke:rgba(255,255,255,.14)}
.fb-ring .fg{stroke:var(--fb-green);stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease-out,ease)}
.fb-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.fb-cash{grid-area:cash;display:flex;align-items:baseline;gap:10px}
.fb-cash span{font-size:10.5px;letter-spacing:.06em;color:var(--fb-ink-3)}
.fb-cash b{font-family:var(--display,inherit);font-size:24px;font-weight:500;letter-spacing:-.03em;color:var(--fb-green);font-variant-numeric:tabular-nums;line-height:1.15}

.fb-flow{position:relative;min-width:0}
.fb-flow canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fb-cols{position:absolute;left:0;right:0;top:18px;height:70px;pointer-events:none}
.fb-col{position:absolute;top:0;transform:translateX(-50%);text-align:center;white-space:nowrap}
.fb-col span{display:block;font-size:10.5px;letter-spacing:.08em;color:var(--fb-ink-2)}
.fb-col b{display:block;margin-top:2px;font-family:var(--display,inherit);font-size:30px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.fb-col em{display:block;margin-top:3px;font-style:normal;font-size:11px;color:var(--fb-ink-3)}
.fb-col.last b{color:var(--fb-green)}
.fb-node{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:15px;background:#fff;display:grid;place-items:center;z-index:2}
.fb-node svg{width:22px;height:26px;fill:#11228a}
.fb-node::after{content:"";position:absolute;inset:-1px;border-radius:16px;border:1.5px solid var(--fb-green);opacity:0;transform:scale(1)}
.fb-node.pulse::after{animation:fbPulse .9s var(--ease-out,ease)}
@keyframes fbPulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}
.fb-chip{position:absolute;z-index:3;padding:4px 10px 4px 8px;border-radius:999px;background:#fff;color:#0b0f17;border:0;box-shadow:0 6px 16px -6px rgba(11,15,23,.45);font-size:12px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:6px;transform:translate(-50%,-150%);opacity:0;transition:opacity .25s,transform .4s var(--ease-out,ease);pointer-events:none}
.fb-chip i{width:7px;height:7px;border-radius:50%;background:#2d5bff}
.fb-chip.on{opacity:1;transform:translate(-50%,-185%)}
.fb-chip.cash{background:var(--fb-green);color:#053d22}.fb-chip.cash i{display:none}
.fb-chip.good i{background:#127a45}.fb-chip.mid i{background:#c98a12}.fb-chip.low i{background:#c0362c}
.fb-tot{position:absolute;right:266px;bottom:20px;display:flex;gap:22px;padding:12px 18px;border:1px solid var(--fb-line);border-radius:14px;background:#1f2f91;z-index:2}
.fb-tot span{display:block;font-size:10.5px;letter-spacing:.06em;color:var(--fb-ink-3)}
.fb-tot b{font-family:var(--display,inherit);font-size:20px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fb-tot .money{color:var(--fb-green)}

.fb-feed{display:flex;flex-direction:column;margin:20px 20px 20px 0;border:1px solid var(--fb-line);border-radius:16px;background:var(--fb-card);overflow:hidden;z-index:2}
.fb-feed h5{display:flex;align-items:center;justify-content:space-between;margin:0;padding:14px 16px;border-bottom:1px solid var(--fb-line-soft);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--fb-ink-2)}
.fb-feed h5 span{display:flex;align-items:center;gap:6px;font-weight:400;letter-spacing:0;color:var(--fb-ink-3)}
.fb-feed h5 span i{width:6px;height:6px;border-radius:50%;background:var(--fb-green)}
.fb-list{position:relative;flex:1;overflow:hidden}
.fb-item{padding:12px 16px;border-bottom:1px solid var(--fb-line-soft);transition:transform .6s var(--ease-out,ease),opacity .6s}
.fb-item.new{opacity:0;transform:translateY(-14px)}
.fb-item div{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600}
.fb-item div b{color:var(--fb-green);font-weight:600;font-variant-numeric:tabular-nums}
.fb-item p{margin:3px 0 0;font-size:11.5px;line-height:1.4;color:var(--fb-ink-3)}
.fb-item p em{font-style:normal;color:var(--fb-ink-2)}
.fb-cap{margin:16px 4px 0;font-size:13px;color:var(--ink-3,#768093)}

/* phone: the same board, turned on its side. Sources across the top, the pipeline runs down. */
@media (max-width:860px){
  .fb{border-radius:20px}
  .fb-frame{padding:6px;border-radius:26px}
  .fb-top{height:auto;flex-wrap:wrap;gap:10px 18px;padding:14px 16px}
  .fb-sum{order:3;width:100%;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .fb-sum div{flex-direction:column;align-items:flex-start;gap:2px}
  .fb-sum b{font-size:17px}
  .fb-note{display:none}
  .fb-body{display:block;height:auto}
  .fb-src{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 12px 0}
  .fb-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;text-align:center;border-radius:12px}
  .fb-ico{width:34px;height:34px;border-radius:10px}
  .fb-ico svg{width:18px;height:18px}
  .fb-card h4{font-size:12px;line-height:1.15;white-space:normal}
  .fb-card p,.fb-ring,.fb-cash span{display:none}
  .fb-cash b{font-size:14px}
  .fb-flow{height:430px}
  .fb-cols{inset:0;height:auto;width:auto}
  .fb-col{transform:translateY(-50%);left:12px!important;display:flex;align-items:baseline;gap:8px;padding:2px 10px 2px 2px;background:var(--fb-bg);border-radius:8px;text-align:left}
  .fb-col span{font-size:10px}
  .fb-col b{margin:0;font-size:19px}
  .fb-col em{display:none}
  .fb-tot{position:static;margin:4px 12px 0;justify-content:space-between;gap:10px}
  .fb-tot b{font-size:16px}
  .fb-feed{margin:12px}
  .fb-list{max-height:220px}
}
@media (prefers-reduced-motion:reduce){
  .fb-node.pulse::after{animation:none}
  .fb-item,.fb-chip,.fb-ring .fg,.fb-card{transition:none}
}