
/* ---------- investors ---------- */
/* hero product: companies rated against your thesis */
.iv-app{display:grid;grid-template-columns:minmax(0,1fr) 360px;height:400px}
.iv-l{display:flex;flex-direction:column;min-width:0;box-shadow:inset -1px 0 0 #EEF0F4}
.iv-th{display:flex;align-items:center;gap:8px;padding:12px 18px;box-shadow:inset 0 -1px 0 #F1F2F6;font-size:12px;color:#6B7083;flex-wrap:wrap}
.iv-th .pill{background:#F1F4FF}
.iv-th .cnt{margin-left:auto;color:var(--ink);font-weight:500}
.iv-hd{display:grid;grid-template-columns:minmax(0,1fr) 110px 96px 92px;gap:12px;padding:8px 18px;font-size:11px;font-weight:500;color:#8A90A6;box-shadow:inset 0 -1px 0 #F1F2F6}
.iv-r{display:grid;grid-template-columns:minmax(0,1fr) 110px 96px 92px;gap:12px;align-items:center;padding:11px 18px;box-shadow:inset 0 -1px 0 #F4F5F8;font-size:12.5px}
.iv-r .c{display:flex;align-items:center;gap:10px;min-width:0}
.iv-r .c span{display:flex;flex-direction:column;min-width:0}
.iv-r .c b{font-weight:600;font-size:13px}
.iv-r .c em{font-style:normal;font-size:11.5px;color:#8A90A6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iv-r.sel{background:#F7F8FF;box-shadow:inset 0 -1px 0 #F4F5F8,inset 0 0 0 1.5px #3A5CC0;border-radius:10px}
.iv-r.dim{opacity:.5}
.iv-b{display:flex;flex-direction:column;gap:12px;padding:16px 18px;background:#FAFBFD;min-width:0}
.iv-b .who{display:flex;align-items:center;gap:10px}
.iv-b .who b{font-size:15px;font-weight:600}
.iv-b .who em{display:block;font-style:normal;font-size:11.5px;color:#8A90A6}
.iv-b .lab{font-size:11px;font-weight:600;color:#8A90A6}
.iv-b p{margin:4px 0 0;font-size:12.5px;line-height:1.55;color:#2E344A}
.iv-f{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.iv-f div{padding:9px 10px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.06)}
.iv-f b{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em}
.iv-f .ksrc{margin-top:2px;font-size:10.5px}
.iv-b .acts{display:flex;gap:8px;margin-top:4px}

/* thesis form */
.iv-thesis{border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.07),0 24px 48px -32px rgba(40,60,150,.45);overflow:hidden}
.iv-thesis .hd{display:flex;align-items:center;gap:10px;padding:16px 20px;box-shadow:inset 0 -1px 0 #EEF0F4}
.iv-thesis .hd b{font-size:15px;font-weight:600}.iv-thesis .hd .sp{flex:1}
.iv-thesis .hd em{font-style:normal;font-size:12px;color:#8A90A6}
.iv-fld{padding:16px 20px;box-shadow:inset 0 -1px 0 #F1F2F6}
.iv-fld>b{display:block;margin-bottom:10px;font-size:12px;font-weight:600;color:#6B7083}
.iv-chips{display:flex;flex-wrap:wrap;gap:6px}
.iv-chips span{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:8px;box-shadow:inset 0 0 0 1px #E3E6EF;font-size:12.5px;color:#4D5265}
.iv-chips span.on{background:#EEF1FF;box-shadow:inset 0 0 0 1px rgba(58,92,192,.35);color:#2B44B0;font-weight:500}
.iv-chips span.on .ph{font-size:12px}
.iv-range{position:relative;height:30px}
.iv-range .itr{position:absolute;left:0;right:0;top:13px;height:4px;border-radius:2px;background:#E3E7F5}
.iv-range .ifl{position:absolute;left:18%;right:34%;top:13px;height:4px;border-radius:2px;background:#3A5CC0}
.iv-range i{position:absolute;top:7px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #3A5CC0}
.iv-rl{display:flex;justify-content:space-between;margin-top:6px;font-size:11.5px;color:#8A90A6}.iv-rl b{color:var(--ink);font-weight:600}
.iv-thesis .ft{display:flex;align-items:center;gap:8px;padding:14px 20px;background:#FAFBFD;font-size:12.5px;color:#4D5265}
.iv-thesis .ft .ph{color:#3A5CC0}

/* brief document */
.iv-doc{border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.07),0 24px 48px -32px rgba(40,60,150,.45);overflow:hidden}
.iv-doc .hd{display:flex;align-items:center;gap:12px;padding:18px 22px}
.iv-doc .hd .tt{flex:1}
.iv-doc .hd b{font-size:17px;font-weight:600;letter-spacing:-.01em}
.iv-doc .hd em{display:block;font-style:normal;font-size:12.5px;color:#6B7083}
.iv-doc .sum{margin:0 22px;padding:14px 16px;border-radius:12px;background:#F4F6FE;font-size:14px;line-height:1.55;color:var(--ink)}
.iv-doc .sum .lab{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:11.5px;font-weight:600;color:#3A5CC0}
.iv-doc .acts{display:flex;gap:8px;justify-content:flex-end;padding:14px 22px;box-shadow:inset 0 1px 0 #F1F2F6}

/* three cards */
.iv-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.iv-intro{position:absolute;left:22px;right:22px;top:24px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.06);padding:14px 16px;font-size:12.5px;color:#4D5265}
.iv-intro .who{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.iv-intro .who img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.iv-intro .who b{display:block;color:var(--ink);font-size:13px}
.iv-intro .who em{display:block;font-style:normal;font-size:11.5px;color:#8A90A6}
.iv-intro .acts{display:flex;gap:8px;margin-top:12px}
.iv-board{position:absolute;left:18px;right:18px;top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.iv-col{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;background:rgba(255,255,255,.55)}
.iv-col>b{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#6B7083;padding:0 2px}
.iv-col>b em{font-style:normal;color:#8A90A6;font-weight:500}
.iv-col div{display:flex;align-items:center;gap:7px;padding:8px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.06);font-size:11.5px;font-weight:500;white-space:nowrap;overflow:hidden}
.iv-col div.on{box-shadow:0 0 0 1.5px #3A5CC0}
.iv-pdf{position:absolute;left:50%;top:22px;width:168px;height:192px;margin-left:-84px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.07),0 18px 32px -20px rgba(40,60,150,.45);padding:16px;display:flex;flex-direction:column;gap:7px;overflow:hidden}
.iv-pdf .ln{height:7px;border-radius:4px;background:#EEF0F6}
.iv-pdf .ttl{height:12px;width:70%;border-radius:4px;background:#11162B;margin-bottom:6px}
.iv-pdf .wm{position:absolute;left:0;right:0;top:44%;transform:rotate(-14deg);text-align:center;font-size:9.5px;font-weight:600;letter-spacing:.02em;color:rgba(58,92,192,.32);white-space:nowrap}
.iv-pdf .tag{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;background:#F1F4FF;font-size:10.5px;color:#2B44B0;font-weight:500}

/* claim your record */
.iv-claim{position:relative;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.07),0 24px 48px -32px rgba(40,60,150,.45);overflow:hidden}
.iv-claim .ban{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#F4F6FE;font-size:13px;color:#2E344A}
.iv-claim .ban .ph{color:#3A5CC0;font-size:16px}
.iv-claim .ban .sp{flex:1}
.iv-claim .hd{display:flex;align-items:center;gap:12px;padding:18px 20px 12px}
.iv-claim .hd .tt{flex:1}.iv-claim .hd .fn{font-size:18px}
.iv-claim .hd em{display:block;font-style:normal;font-size:12.5px;color:#6B7083}
.iv-set{display:flex;align-items:center;gap:12px;padding:14px 20px;box-shadow:inset 0 1px 0 #F1F2F6;font-size:13px}
.iv-set .tt{flex:1}
.iv-set em{display:block;font-style:normal;font-size:11.5px;color:#8A90A6}
.iv-tog{position:relative;width:34px;height:20px;border-radius:10px;background:#D5DAEA;flex:none}
.iv-tog::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(17,22,43,.2)}
.iv-tog.on{background:#3A5CC0}.iv-tog.on::after{left:16px}

@media (max-width:1000px){
  .iv-app{grid-template-columns:1fr;height:auto}.iv-b{display:none}
  .iv-hd,.iv-r{grid-template-columns:minmax(0,1fr) 92px}.iv-hd span:nth-child(2),.iv-hd span:nth-child(3),.iv-r>span:nth-child(2),.iv-r>span:nth-child(3){display:none}
  .iv-3{grid-template-columns:1fr}
}
/* ===== investors · illustration motion ===== */
.ax{transition:opacity .4s ease,transform .55s var(--ease)}
.ax.hid{opacity:0;transform:translateY(8px)}
.kcur{position:absolute;left:0;top:0;z-index:5;width:22px;height:22px;pointer-events:none;opacity:0;transition:transform .8s cubic-bezier(.65,0,.35,1),opacity .2s ease;filter:drop-shadow(0 2px 4px rgba(17,22,43,.25))}
.kcur.on{opacity:1}
.kcur path{fill:#11162B;stroke:#fff;stroke-width:1.6;stroke-linejoin:round}
.mini-btn{transition:transform .14s ease}
.mini-btn.press,.iv-chips span.press{transform:scale(.93)}
/* hero */
.iv-r .pill{transition:opacity .3s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}
.iv-r.rt .pill{opacity:0;transform:scale(.7)}
.iv-r .sk{display:none;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#F1F2F6;font-size:11.5px;font-style:normal;color:#8A90A6;white-space:nowrap}
.iv-r .sk::before{content:"Rating…"}
.iv-r.rt .sk{display:inline-flex}.iv-r.rt .pill{display:none}
@keyframes ivsk{to{background-position:-120% 0}}
.iv-r{transition:background-color .3s ease,box-shadow .3s ease,opacity .4s ease,transform .5s var(--ease)}
.iv-r.dim{transition:opacity .5s ease}
.iv-b>*{transition:opacity .4s ease,transform .5s var(--ease)}
.iv-b.wait>*{opacity:.3;transform:none}
.iv-b .acts .done{display:none;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#3A5CC0}
.iv-b .acts.ok .mini-btn{display:none}.iv-b .acts.ok .done{display:inline-flex}
/* thesis: chips are clicked on, the range narrows */
.iv-chips span{transition:background-color .2s ease,box-shadow .2s ease,color .2s ease,transform .14s ease}
.iv-chips span .ph{display:none}.iv-chips span.on .ph{display:block}
.iv-thesis{position:relative}
.iv-app{position:relative}
.iv-range i{transition:box-shadow .15s ease,transform .15s ease}
.iv-range i.grab{transform:scale(1.15);box-shadow:0 0 0 2px #3A5CC0,0 0 0 6px rgba(58,92,192,.15)}
.iv-thesis .ft{transition:color .3s ease}
/* card · intro */
.iv-intro .who{display:flex;align-items:center;gap:10px}
.iv-intro .who>span:nth-child(2){flex:1}
.iv-intro .iv-ask{margin:0}
.iv-intro .brf{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;border-radius:7px;background:#F1F4FF;color:#2B44B0;font-size:11.5px;font-weight:500}
.iv-intro .acts{align-items:center}
.iv-intro .okd{display:none;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#3A5CC0}
.iv-intro .acts.ok .mini-btn{display:none}.iv-intro .acts.ok .okd{display:inline-flex}
/* card · pipeline */
.iv-col div.me{box-shadow:0 0 0 1.5px #3A5CC0}
.iv-col>b em{font-variant-numeric:tabular-nums}
/* card · documents */
.iv-doc2{position:absolute;left:22px;right:22px;top:16px;display:flex;flex-direction:column;gap:8px}
.iv-doc2 .pg{position:relative;height:104px;border-radius:10px;overflow:hidden;background:radial-gradient(120% 140% at 0% 100%,#22307A 0%,#0E1433 55%);box-shadow:0 0 0 1px rgba(17,22,43,.1),0 14px 26px -18px rgba(14,20,51,.6)}
.iv-doc2 .mini{position:absolute;inset:0;padding:12px 14px;display:flex;flex-direction:column;color:#fff}
.iv-doc2 .lgo{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:600}
.iv-doc2 .lgo i{display:grid;place-items:center;width:13px;height:13px;border-radius:3px;background:#3B5BDB;font:600 8px/1 "Playfair Display",serif;font-style:normal}
.iv-doc2 .mini b{margin-top:auto;font-size:14px;line-height:1.1;letter-spacing:-.02em;max-width:60%}
.iv-doc2 .mini em{margin-top:4px;font-style:normal;font-size:8px;color:rgba(255,255,255,.6)}
.iv-doc2 .foot{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:6px 12px;background:rgba(255,255,255,.95);color:#2B44B0;font-size:9px;font-weight:600;clip-path:inset(0 100% 0 0);transition:clip-path .7s cubic-bezier(.65,0,.35,1)}
.iv-doc2 .foot .pn{color:#8A90A6;font-weight:500;font-variant-numeric:tabular-nums}
.iv-doc2.on .foot{clip-path:inset(0)}
.iv-doc2 .st{display:flex;align-items:center;gap:7px;margin:0;font-size:11.5px;color:#4D5265}
.iv-doc2 .st .spn{width:11px;height:11px;border-radius:50%;border:1.5px solid #DDE3FF;border-top-color:#3A5CC0;animation:ivspin .8s linear infinite}
.iv-doc2 .st.fin .spn{animation:none;border:0;width:auto;height:auto}
.iv-doc2 .st.fin .spn::before{content:"";display:block;width:4px;height:8px;margin:0 4px 2px 3px;border:solid #3A5CC0;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
@keyframes ivspin{to{transform:rotate(360deg)}}
.iv-doc2 .meta{display:flex;flex-direction:column;gap:4px}
.iv-doc2 .meta span{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#4D5265}
.iv-doc2 .meta .ph{color:#3A5CC0;font-size:13px}

/* ---- iteration 2 (founders feedback applied) ---- */
.fx-sr .cn{display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.fx-sr.out .cn{color:#9AA0B4}
.iv-doc .fx-led,.iv-claim .fx-led{margin-top:16px}
.iv-claim .fx-led{margin-top:4px}
.iv-claim .fx-led+.iv-set{box-shadow:inset 0 1px 0 var(--fx-rule)}


/* three cards: the pipeline and documents cards use the same build as the intro card (one card, one action) */
.iv-deal .who .lm{width:30px;height:30px}
.iv-deal .stg{transition:background-color .3s ease,color .3s ease}
.iv-deal .trk{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 2px}
.iv-deal .trk span{display:flex;flex-direction:column;gap:7px;font-size:11.5px;font-weight:500;color:#8A90A6}
.iv-deal .trk span i{display:block;height:4px;border-radius:2px;background:#E3E7F5;transition:background-color .4s ease}
.iv-deal .trk span em{display:none}
.iv-deal .trk span.dn,.iv-deal .trk span.cur{color:var(--ink)}
.iv-deal .trk span.dn i{background:#8FA3E6}
.iv-deal .trk span.cur i{background:#3A5CC0}
.iv-docs .fi{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#F1F4FF;color:#3A5CC0;font-size:16px;flex:none}
.iv-docs .who>span:nth-child(2){flex:1;min-width:0}
.iv-docs .who em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iv-docs .pn{font-size:11.5px;color:#8A90A6;white-space:nowrap}
.iv-docs .bar{height:4px;margin:4px 0 10px;border-radius:2px;background:#E3E7F5;overflow:hidden}
.iv-docs .bar i{display:block;height:100%;width:5.5%;border-radius:2px;background:#3A5CC0;transition:width .08s linear}
.iv-docs .stp{display:flex;align-items:center;gap:7px;margin:0;font-size:12.5px;color:var(--ink)}
.iv-docs .stp .spn{width:11px;height:11px;border-radius:50%;border:1.5px solid #DDE3FF;border-top-color:#3A5CC0;animation:ivspin .8s linear infinite}
.iv-docs .stp.fin .spn{animation:none;border:0;width:auto;height:auto}
.iv-docs .stp.fin .spn::before{content:"";display:block;width:4px;height:8px;margin:0 4px 2px 3px;border:solid #3A5CC0;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.iv-docs .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.iv-docs .meta span{height:22px;padding:0 7px;font-size:11px}
.iv-docs .meta span{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:7px;background:#F3F4F7;font-size:11.5px;color:#4D5265;transition:opacity .35s ease,transform .45s var(--ease)}
.iv-docs .meta .ph{color:#3A5CC0;font-size:12px}

