/* Investors (/investors/): the home page's tokens and type from home.css, laid out as a plain brief: what it is, the facts, what it does,
   where it leads, the gaps, and how to reach the team. One moment of motion: the headline rises in, like the home hero. */
.iv-hero{padding-block:calc(var(--bar-h) + env(safe-area-inset-top,0px) + clamp(48px,8vw,120px)) clamp(40px,5vw,72px)}
.iv-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center}
.iv-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(24px,2.6vw,36px)}
.iv-h{font-size:clamp(52px,7.6vw,116px);font-weight:500;letter-spacing:-.055em;line-height:.9;margin-left:-.04em}
.iv-h .ln{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}
.iv-h .ln>span{display:block;animation:lineUp 1.2s var(--ease-out) .1s both}
.iv-h .ln+.ln>span{animation-delay:.22s}
.iv-hero-copy .lede{max-width:50ch;animation:fadeUp 1s var(--ease-out) .45s both}
.iv-hero-copy .cta-row{animation:fadeUp 1s var(--ease-out) .55s both}
/* the coach chat (the home page's .chat from home.css) in place of a photo */
.iv-chat{animation:fadeUp 1s var(--ease-out) .5s both}
.iv-chat .thread{min-height:250px}

/* the facts: five ruled columns on wide screens, ruled rows on phones */
.facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;border-block:1px solid var(--line)}
.facts div{padding:22px 20px 24px 0}
.facts div+div{padding-left:20px;border-left:1px solid var(--line)}
.facts dt{font-size:13.5px;color:var(--muted)}
.facts dd{margin:8px 0 0;font:500 clamp(17px,1.4vw,20px)/1.3 var(--display);letter-spacing:-.015em}

/* built on real reps: the pipeline, detection, then analysis, then the coach, in order */
.pipe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);counter-reset:step}
.pipe li{position:relative;display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:2px solid var(--fg);counter-increment:step}
.pipe li::before{content:"";position:absolute;left:0;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--fill);box-shadow:0 0 0 2px var(--fg)}
.pipe-n{font-size:13.5px;font-weight:600;color:var(--acc-text)}
.pipe-n::before{content:counter(step) "  ";white-space:pre;color:var(--muted);font-variant-numeric:tabular-nums}
.pipe h3{font-size:clamp(24px,2.2vw,32px);font-weight:500;letter-spacing:-.03em}
.pipe p{color:var(--text);max-width:56ch}
.pipe-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0 0;border-top:1px solid var(--line)}
.pipe-stats div{padding:14px 16px 0 0}
.pipe-stats div+div{padding-left:16px;border-left:1px solid var(--line)}
.pipe-stats dt{font-size:13px;color:var(--muted)}
.pipe-stats dd{margin:6px 0 0;font:700 clamp(30px,2.8vw,40px)/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}

/* what it does: four ruled blocks */
.does-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,5vw,80px)}
.does{padding-block:28px 36px;border-top:1px solid var(--line)}
.does h3{font-size:clamp(24px,2.2vw,32px);font-weight:500;letter-spacing:-.03em}
.does p{margin-top:12px;max-width:56ch;color:var(--text)}
.does a{color:var(--fg);text-underline-offset:4px}

/* where it leads: a ruled list, the headline on the left and the reason on the right */
.iv-lead{background:var(--solid);border-block:1px solid var(--line)}
.leads{list-style:none;margin:0;padding:0}
.leads li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px clamp(32px,5vw,80px);padding-block:26px;border-top:1px solid var(--line)}
.leads li:last-child{border-bottom:1px solid var(--line)}
.leads h3{font-size:clamp(21px,1.9vw,28px);font-weight:500;letter-spacing:-.025em}
.leads p{color:var(--text);max-width:60ch}

/* the honest picture */
.next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,80px)}
.next-col h3{font-size:clamp(24px,2.2vw,32px);font-weight:500;letter-spacing:-.03em;padding-bottom:18px;border-bottom:1px solid var(--line)}
.next-col ul{list-style:none;margin:0;padding:0}
.next-col li{padding-block:16px;border-bottom:1px solid var(--line);color:var(--text)}

/* talk to us: the ink band in both modes, like the home page's sign up */
.iv-talk{padding-block:var(--sec);background:var(--d-bg,#07090C);color:var(--d-fg,#EEF2F0);
  --bg:var(--d-bg,#07090C); --fg:var(--d-fg,#EEF2F0); --muted:var(--d-muted,#8A949D); --line:var(--d-line,#1C232C);
  --text:color-mix(in srgb,var(--fg) 84%,var(--bg)); --fill:var(--accent); --acc-text:var(--accent); --focus:var(--accent); color-scheme:dark}
.iv-talk-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:end}
.iv-talk h2{font-size:clamp(52px,7vw,112px)}
.iv-talk-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.iv-talk-copy a:not(.btn){color:var(--fg);text-underline-offset:4px}

@media (max-width:960px){
  .iv-hero-grid,.iv-talk-grid,.leads li{grid-template-columns:minmax(0,1fr)}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts div{padding:18px 16px 20px 0;border-top:1px solid var(--line)}
  .facts div+div{padding-left:0;border-left:0}
  .facts div:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
  .facts div:nth-child(-n+2){border-top:0}
  .facts div:last-child{grid-column:1/-1;padding-left:0;border-left:0}
}
@media (max-width:960px){.pipe{grid-template-columns:minmax(0,1fr);gap:40px}}
@media (max-width:600px){
  .does-grid,.next-grid{grid-template-columns:minmax(0,1fr)}
  .iv-h{font-size:clamp(46px,13.6vw,80px)}
}