/* Lead AI (redesign): the qualification staircase. Steps rise left to right; the chosen prospect stands on the highest
   step its evidence reaches. The ribbon rises behind the empty space above the lower steps (a large visual transition). */
.ld-hero{padding-bottom:var(--s9)}
.ld-desk{margin-top:var(--s8);display:grid;gap:var(--s5)}
.ld-pick{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--s3) var(--s5)}.ld-pick>.x-k{grid-column:1/-1}
.ld-pick ul{display:flex;gap:10px;flex-wrap:wrap}
.pr{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 16px 10px 10px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow .25s ease,background-color .25s ease}
.pr-ini{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ice);color:var(--deep);font-size:14px;font-weight:800}
.pr-t{display:grid}.pr-t b{font-size:16px;color:var(--ink)}.pr-t span{font-size:14px;color:var(--text)}
.pr em{display:none}
.pr[aria-pressed=true]{background:#fff;box-shadow:inset 0 0 0 2px var(--cobalt),var(--sh-ui)}
.pr[aria-pressed=true] .pr-ini{background:var(--cobalt);color:#fff}

.ld-stair{position:relative;height:470px;margin-top:var(--s3);--r:3}
.ld-steps{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:end}
.ld-steps li{height:calc(150px + var(--i) * 72px);display:grid}
.st-b{display:grid;align-content:start;gap:8px;text-align:left;padding:22px 20px;border-radius:16px 16px 6px 6px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);transition:background-color .5s var(--out),box-shadow .35s ease}
.st-b b{font-size:18px;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.st-b span{font-size:15px;line-height:1.5;color:var(--text)}
.ld-steps li.on .st-b{background:var(--ice);box-shadow:inset 0 4px 0 var(--cobalt)}
.ld-steps li.no .st-b{background:rgba(255,255,255,.86);box-shadow:inset 0 0 0 1.5px var(--line)}
.ld-steps li.no .st-b b{color:var(--text)}
.ld-steps li.sel .st-b{box-shadow:inset 0 0 0 2.5px var(--cobalt)}
.ld-steps li.on.sel .st-b{box-shadow:inset 0 4px 0 var(--cobalt),inset 0 0 0 2.5px var(--cobalt)}
@media (hover:hover){.st-b:hover{box-shadow:inset 0 0 0 2px var(--sky)}}
/* the prospect, standing on its highest evidenced step */
.ld-who{position:absolute;left:calc((var(--r) + .5) * (100% + 14px) / 5 - 7px);bottom:calc(150px + var(--r) * 72px + 14px);transform:translateX(-50%);transition:left .9s var(--out),bottom .9s var(--out);pointer-events:none}
.ld-who .pr-ini{width:58px;height:58px;font-size:17px;background:var(--cobalt);color:#fff;box-shadow:0 0 0 6px #fff,0 16px 30px -12px rgba(8,80,180,.6)}
.ld-ground{position:absolute;left:0;bottom:-44px;font-size:14px;font-weight:700;color:var(--t-coral);display:none}
.ld-stair.none .ld-who{left:30px;bottom:-62px}
.ld-stair.none .ld-ground{display:block;left:72px;bottom:-48px;animation:xIn .5s var(--out)}

.ld-ev{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,4fr);margin-top:var(--s8)}
.ld-ev>div{padding:24px 28px}.ld-ev>div+div{border-left:1px solid var(--line)}
.ld-ev-h{font-size:18px;line-height:1.3;color:var(--ink);letter-spacing:-.01em}
.ld-src{margin-top:8px;font-size:16px;line-height:1.5;color:var(--text)}
.ld-ev .x-k{margin-bottom:6px}
.ld-ev p:not(.x-k):not(.ld-src){font-size:16.5px;line-height:1.55;color:var(--ink)}

/* the prospect record and the rules annotated on it */
.ld-rec-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s5) var(--s9);align-items:end}
.rec{margin-top:var(--s8);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s7);align-items:start}
.rec-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);overflow:hidden}
.rec-photo{margin:0;min-height:100%}.rec-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.rec-body{padding:26px 28px;display:grid;gap:14px;align-content:start}
.rec-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.rec-name{font-size:22px;font-weight:800;letter-spacing:-.015em;color:var(--ink)}
.rec-dl div{position:relative;display:grid;gap:3px;padding:12px 0 12px 38px;border-top:1px solid var(--line)}
.rec-dl dt{font-size:14.5px;font-weight:700;color:var(--deep)}
.rec-dl dd{font-size:16.5px;line-height:1.45;color:var(--ink);font-weight:600}
.rec-dl small{display:block;margin-top:2px;font-size:14.5px;font-weight:400;color:var(--text)}
.rec-dl [data-n]::before,.rec-notes li::before{content:attr(data-n);position:absolute;left:0;top:13px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:13px;font-weight:800}
.rec-notes{display:grid;counter-reset:n}
.rec-notes li{counter-increment:n;position:relative;display:grid;gap:6px;padding:20px 0 20px 44px;border-top:1px solid var(--line)}
.rec-notes li:last-child{border-bottom:1px solid var(--line)}
.rec-notes li::before{content:counter(n);top:21px}
.rec-notes b{font-size:19px;letter-spacing:-.01em;color:var(--ink)}
.rec-notes span{font-size:16px;line-height:1.55;color:var(--text)}

@media (max-width:1100px){
  .ld-pick{grid-template-columns:1fr}
  .ld-stair{height:auto;margin-top:0}
  .ld-steps{position:static;grid-template-columns:1fr;gap:10px}
  .ld-steps li{height:auto}
  .st-b{border-radius:14px}
  .ld-who,.ld-ground{display:none}
  .ld-ev{grid-template-columns:1fr}.ld-ev>div+div{border-left:0;border-top:1px solid var(--line)}
  .ld-rec-head,.rec{grid-template-columns:1fr}
}
@media (max-width:760px){
  .rec-card{grid-template-columns:1fr}.rec-photo img{aspect-ratio:16/10}
  .rec-body{padding:20px 18px}.ld-ev>div{padding:18px}
  .pr{width:100%}
}