.wf-anim-block--deal-journey { box-sizing: border-box; position: relative; }
.wf-anim-block--deal-journey *, .wf-anim-block--deal-journey *::before, .wf-anim-block--deal-journey *::after { box-sizing: inherit; }
.wf-anim-block--deal-journey {
  --blue:#2D6BF4;
  --blue-deep:#1E4FCC;
  --blue-soft:#EAF1FE;
  --ink:#15192B;
  --ink-2:#3A4156;
  --muted:#6B7385;
  --line:#E4E8F0;
  --bg:#F4F6FA;
  --panel:#FFFFFF;
  --green:#21A45D;
  --green-soft:#E6F6EC;
  --amber:#B7791F;
  --amber-soft:#FBF0D9;
  --chrome:#101319;
  --lime:#C6F432;
  --radius:14px;
  --shadow-sm:0 1px 2px rgba(21,25,43,.06), 0 2px 8px rgba(21,25,43,.05);
  --shadow-lift:0 18px 40px rgba(21,25,43,.22), 0 6px 14px rgba(21,25,43,.12);
  --font-display:"Bricolage Grotesque",sans-serif;
  --font-body:"Hanken Grotesk",sans-serif;
}





@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}




/* App sub-header */
.wf-anim-block--deal-journey .appbar {
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:18px 24px 6px;
}.wf-anim-block--deal-journey .appbar h2 {
  font-family:var(--font-display);font-weight:700;font-size:20px;color:#0B3B8C;
  display:flex;align-items:center;gap:8px;
}.wf-anim-block--deal-journey .appbar h2 small {font-weight:500;color:var(--muted);font-size:14px}.wf-anim-block--deal-journey .appbar .meta {margin-left:auto;display:flex;gap:22px;font-size:13.5px;color:var(--ink-2)}.wf-anim-block--deal-journey .appbar .meta b {font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.wf-anim-block--deal-journey .appbar .new-btn {
  background:var(--blue);color:#fff;font-weight:600;font-size:13.5px;
  border:none;border-radius:9px;padding:9px 16px;font-family:var(--font-body);
  box-shadow:0 2px 6px rgba(45,107,244,.35);
}

/* ---------- Kanban board ---------- */
.wf-anim-block--deal-journey .board-scroll {overflow-x:auto;overflow-y:hidden}.wf-anim-block--deal-journey .board {
  position:relative;
  display:grid;grid-template-columns:repeat(5,1fr);gap:14px;
  padding:18px 24px 22px;
  min-width:940px;
}.wf-anim-block--deal-journey .col {
  background:#F7F9FC;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:12px;
  min-height:318px;
}.wf-anim-block--deal-journey .col-head {display:flex;align-items:baseline;gap:8px;margin:2px 4px 4px}.wf-anim-block--deal-journey .col-head .name {font-weight:700;font-size:13.5px}.wf-anim-block--deal-journey .col-head .count {
  font-size:11px;font-weight:700;color:var(--blue-deep);
  background:var(--blue-soft);border-radius:999px;padding:1px 7px;
  font-variant-numeric:tabular-nums;
}.wf-anim-block--deal-journey .col-head .total {margin-left:auto;font-size:12px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}.wf-anim-block--deal-journey .col-prob {font-size:11px;color:var(--muted);margin:0 4px 10px;font-weight:500}.wf-anim-block--deal-journey .col[data-stage="4"] .col-head .name {color:var(--green)}.wf-anim-block--deal-journey .col[data-stage="4"] .col-head .count {color:var(--green);background:var(--green-soft)}.wf-anim-block--deal-journey .slot {height:96px;border-radius:12px;margin-bottom:10px;
  border:1.5px dashed transparent;transition:border-color .3s,background .3s}.wf-anim-block--deal-journey .slot.expecting {border-color:rgba(45,107,244,.45);background:rgba(45,107,244,.05)}.wf-anim-block--deal-journey .ghost {
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:10px 12px;margin-bottom:10px;box-shadow:var(--shadow-sm);
}.wf-anim-block--deal-journey .ghost .g-name {font-size:12.5px;font-weight:600;color:var(--ink-2)}.wf-anim-block--deal-journey .ghost .g-val {font-size:11.5px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}.wf-anim-block--deal-journey .ghost .g-bar {height:4px;border-radius:99px;background:var(--line);margin-top:8px;overflow:hidden}.wf-anim-block--deal-journey .ghost .g-bar i {display:block;height:100%;background:rgba(45,107,244,.4);border-radius:99px}

/* ---------- Hero card ---------- */
.wf-anim-block--deal-journey .hero {
  position:absolute;left:0;top:0;width:200px;z-index:6;
  opacity:0;will-change:transform;pointer-events:none;
}.wf-anim-block--deal-journey .hero-inner {
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:11px 13px;box-shadow:var(--shadow-sm);
  transition:box-shadow .35s, transform .35s, border-color .35s;
  position:relative;overflow:hidden;
}.wf-anim-block--deal-journey .hero.flying .hero-inner {
  transform:rotate(3.2deg) scale(1.05);
  box-shadow:var(--shadow-lift);
  border-color:rgba(45,107,244,.5);
}.wf-anim-block--deal-journey .hero.won .hero-inner {border-color:rgba(33,164,93,.55)}.wf-anim-block--deal-journey .hero.won-pulse .hero-inner {animation:wonPulse 1.1s ease-out 1}@keyframes wonPulse{
  0%{box-shadow:0 0 0 0 rgba(33,164,93,.45)}
  100%{box-shadow:0 0 0 22px rgba(33,164,93,0)}
}
.wf-anim-block--deal-journey .hero-inner::after { /* shine sweep */
  content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.95),transparent);
  transform:skewX(-18deg);opacity:0;
}.wf-anim-block--deal-journey .hero.won-pulse .hero-inner::after {animation:shine .9s ease-out .15s 1}@keyframes shine{0%{left:-80%;opacity:1}100%{left:130%;opacity:0}}

.wf-anim-block--deal-journey .h-top {display:flex;align-items:center;gap:8px}.wf-anim-block--deal-journey .h-avatar {
  width:26px;height:26px;border-radius:8px;flex:none;
  background:linear-gradient(135deg,#2D6BF4,#7BA2F8);
  color:#fff;font-size:10.5px;font-weight:800;
  display:flex;align-items:center;justify-content:center;letter-spacing:.02em;
}.wf-anim-block--deal-journey .h-name {font-size:13px;font-weight:700;line-height:1.2}.wf-anim-block--deal-journey .h-sub {font-size:11px;color:var(--muted)}.wf-anim-block--deal-journey .h-row {display:flex;align-items:center;margin-top:9px}.wf-anim-block--deal-journey .h-val {font-size:14.5px;font-weight:700;font-variant-numeric:tabular-nums}.wf-anim-block--deal-journey .h-prob {
  margin-left:auto;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;
  background:var(--blue-soft);color:var(--blue-deep);
  border-radius:999px;padding:3px 9px;transition:background .4s,color .4s;
}.wf-anim-block--deal-journey .hero.won .h-prob {background:var(--green-soft);color:var(--green)}

/* ---------- Forecast panel ---------- */
.wf-anim-block--deal-journey .forecast {
  display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:center;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,#FBFCFE,#F6F8FC);
  padding:20px 26px 22px;position:relative;
}.wf-anim-block--deal-journey .f-label {font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.wf-anim-block--deal-journey .f-value {
  font-family:var(--font-display);font-size:34px;font-weight:800;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;margin-top:4px;line-height:1.1;
}.wf-anim-block--deal-journey .f-note {font-size:12.5px;color:var(--muted);margin-top:6px}.wf-anim-block--deal-journey .f-note b {color:var(--ink-2);font-variant-numeric:tabular-nums}.wf-anim-block--deal-journey .f-chart {position:relative;height:148px}.wf-anim-block--deal-journey .f-chart svg {display:block;width:100%;height:100%}.wf-anim-block--deal-journey .f-area {fill:url(#gradArea)}.wf-anim-block--deal-journey .f-line {fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round}.wf-anim-block--deal-journey .f-dot {fill:#fff;stroke:var(--blue);stroke-width:2.5}.wf-anim-block--deal-journey .f-grid {stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}.wf-anim-block--deal-journey .chip {
  position:absolute;right:26px;top:-16px;
  background:#fff;border:1px solid var(--line);border-radius:12px;
  box-shadow:0 10px 26px rgba(21,25,43,.14);
  padding:9px 14px;display:flex;align-items:center;gap:9px;
  font-size:12.5px;font-weight:600;color:var(--ink-2);
  opacity:0;transform:translateY(14px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.34,1.56,.64,1);
}.wf-anim-block--deal-journey .chip.show {opacity:1;transform:translateY(0)}.wf-anim-block--deal-journey .chip .up {color:var(--green);font-weight:800;font-variant-numeric:tabular-nums}.wf-anim-block--deal-journey .chip .spark {width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}

/* ---------- Toast ---------- */
.wf-anim-block--deal-journey .toast {
  position:absolute;top:60px;right:22px;z-index:9;
  background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);
  border-radius:12px;box-shadow:0 16px 40px rgba(21,25,43,.18);
  padding:12px 16px 12px 13px;display:flex;align-items:center;gap:11px;
  opacity:0;transform:translateX(40px);
  transition:opacity .5s,transform .5s cubic-bezier(.34,1.56,.64,1);
}.wf-anim-block--deal-journey .toast.show {opacity:1;transform:translateX(0)}.wf-anim-block--deal-journey .t-check {
  width:30px;height:30px;border-radius:50%;flex:none;
  background:var(--green-soft);color:var(--green);
  display:flex;align-items:center;justify-content:center;
}.wf-anim-block--deal-journey .t-title {font-size:13.5px;font-weight:700}.wf-anim-block--deal-journey .t-sub {font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.wf-anim-block--deal-journey .footnote b {color:var(--ink-2)}

@media (max-width:760px){.wf-anim-block--deal-journey .page {padding:36px 16px 60px}.wf-anim-block--deal-journey .forecast {grid-template-columns:1fr;gap:14px}.wf-anim-block--deal-journey .chip {top:auto;bottom:-10px}.wf-anim-block--deal-journey .appbar .meta {display:none}
}