
/* ================= shared by the inner pages (founders, investors, falah, pricing, about) ================= */
.links a.on{color:var(--ink);font-weight:500}
.band:not(.nav):not(.foot):not(.kpgh):not(.tight)>.in{padding-top:112px!important;padding-bottom:112px!important}
.band.tight>.in{padding-top:72px;padding-bottom:72px}

/* page hero: centred copy, then the product */
.kpgh .in{padding-top:72px;padding-bottom:96px;text-align:center}
.kpgh .h1{max-width:17ch;margin:0 auto}
.kpgh .lede{margin:22px auto 0;max-width:58ch}
.kpgh .ctas{display:flex;gap:10px;justify-content:center;margin-top:30px}
.kpgh .hnote{margin:16px 0 0;font-size:13.5px;color:var(--muted)}
.kpgh .kstage{margin-top:56px}

/* section header: heading above sub, never side by side */
.shd{max-width:760px}
.shd.c{margin:0 auto;text-align:center}
.shd.c .lede{margin-left:auto;margin-right:auto}

/* the soft stage the product sits on (same wash as How it works) */
.kstage{position:relative;border-radius:28px;background:linear-gradient(180deg,#EEF1FE 0%,#E3E8FD 100%);padding:40px;overflow:hidden}
.kstage.sm{padding:28px;border-radius:22px}

/* the app shell: navy rail, white screen laid over it (as in the product) */
.kapp{display:grid;grid-template-columns:56px minmax(0,1fr);border-radius:16px;background:linear-gradient(180deg,#121735 0%,#18205A 100%);box-shadow:0 0 0 1px rgba(17,22,43,.12),0 30px 60px -36px rgba(17,22,43,.5);text-align:left;font-size:13px;line-height:1.45;color:var(--ink)}
.kapp-rail{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 0 12px}
.kapp-rail .rmk{width:22px;height:14px;margin-bottom:10px}
.kapp-rail .co{display:grid;place-items:center;width:28px;height:28px;margin-bottom:6px;border-radius:8px;background:linear-gradient(160deg,#2B3A8F,#1B2566);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;font:600 13px/1 "Playfair Display",Georgia,serif}
.kapp-rail .nv{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:rgba(238,241,255,.6);font-size:16px}
.kapp-rail .nv.on{background:rgba(255,255,255,.12);color:#fff}
.kapp-rail .sep{width:20px;height:1px;margin:6px 0;background:rgba(255,255,255,.12)}
.kapp-rail .me{width:26px;height:26px;margin-top:auto;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.kapp-main{display:flex;flex-direction:column;min-width:0;margin:6px 6px 6px 0;border-radius:11px;background:#fff;overflow:hidden}
.kapp-top{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 20px;box-shadow:inset 0 -1px 0 #EEF0F4;flex:none}
.kapp-top b{font-size:14px;font-weight:600;letter-spacing:-.01em}
.kapp-top .sp{flex:1}
.kapp-top .stt{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#8A90A6}
.kapp-top .stt::before{content:"";width:6px;height:6px;border-radius:50%;background:#3A5CC0}
.kapp-body{flex:1 1 auto;min-height:0}

/* firm and company lettermarks (one serif capital, firm colours) */
.lm{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#fff;font:700 17px/1 "Cormorant Garamond",Georgia,serif}
.lm.mc{background:#0F3D33;color:#D9B87A;font-weight:600;font-size:23px}
.lm.gb{background:#0B2E59}.lm.nj{background:#121418}.lm.ox{background:#6B1D29;font-style:italic}.lm.sc{background:#E8D5B3;color:#4A3218}
.lm.cf{background:#7A2E3A}.lm.dr{background:#8A4B2A}.lm.fa{background:#3A2E5C}
.lm.zp{background:linear-gradient(160deg,#2B3A8F,#1B2566);font:600 15px/1 "Playfair Display",serif}
.lm.qn{background:#0E5A57;font:600 15px/1 "Playfair Display",serif}.lm.nq{background:#5B2A86;font:600 15px/1 "Playfair Display",serif}.lm.wp{background:#B4532A;font:600 15px/1 "Playfair Display",serif}.lm.sh{background:#2F6B3A;font:600 15px/1 "Playfair Display",serif}
.lm.klg{width:40px;height:40px;border-radius:11px;font-size:22px}.lm.klg.mc{font-size:30px}
.lm.sm{width:24px;height:24px;border-radius:7px;font-size:14px}.lm.sm.mc{font-size:18px}
.fn{font:600 14px/1.25 "Playfair Display",Georgia,serif;color:var(--ink)}

/* small UI parts reused inside product pictures */
.pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;background:#EEF1FF;color:#2B44B0;font-size:11.5px;font-weight:500;white-space:nowrap}
.pill.dot::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.mute{background:#F1F2F6;color:#6B7083}
.pill.warn{background:#FFF4E5;color:#9A5B0B}
.ksrc{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#8A90A6;white-space:nowrap}
.ksrc .ph{font-size:12px}
.kchip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #E6E8F0;font-size:12.5px;color:var(--ink);white-space:nowrap}
.kchip .ph{font-size:14px;color:#3A5CC0}
.mini-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:8px;font-size:12.5px;font-weight:500;white-space:nowrap}
.mini-btn.pri{color:#fff;background:linear-gradient(180deg,#4568CC,#3A5CC0);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.mini-btn.sec{background:#fff;box-shadow:inset 0 0 0 1px #E3E6EF;color:var(--ink)}

/* sending limits: a ruled number grid */
.knums{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.knum{padding:30px 28px 28px;box-shadow:inset -1px 0 0 var(--line),inset 0 -1px 0 var(--line)}
.knum:nth-child(3n){box-shadow:inset 0 -1px 0 var(--line)}
.knum:nth-child(n+4){box-shadow:inset -1px 0 0 var(--line)}
.knum:nth-child(6){box-shadow:none}
.knum b{display:block;font-size:44px;line-height:1;font-weight:500;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.knum b small{font-size:22px;letter-spacing:-.02em;margin-left:4px;color:var(--muted);font-weight:500}
.knum p{margin:14px 0 0;font-size:15px;line-height:1.5;color:var(--body);max-width:30ch}

@media (max-width:900px){.knums{grid-template-columns:1fr}.knum{box-shadow:inset 0 -1px 0 var(--line)!important}}
/* text link CTA with an underline that sits close to the words */
.tl{display:inline-flex;align-items:center;gap:6px;margin-top:22px;font-weight:500;color:#3A5CC0;text-decoration:none}
.tl:hover{text-decoration:underline;text-underline-offset:4px}

/* entrance: content rises in once, when it first scrolls into view */
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .8s var(--ease)}
.rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

@media (max-width:900px){
  .kpgh .in{padding-top:48px;padding-bottom:64px}
  .band:not(.nav):not(.foot):not(.kpgh):not(.tight)>.in{padding-top:72px!important;padding-bottom:72px!important}
  .kstage{padding:16px;border-radius:20px}
  .in{padding:0 20px}
}
@media (max-width:900px){
  html,body{overflow-x:clip}
  .nav .links,.navr a.t[lang]{display:none}
  .nav .in{gap:16px}.navr{margin-left:auto;gap:14px}
  .fqo.b{display:flex!important;flex-direction:column;gap:28px}
  .fb-chat{width:100%!important;max-width:100%;min-width:0}
  .lv2{grid-template-columns:1fr!important;padding:32px 22px!important}
  .ft{flex-direction:column;gap:32px}.fcols{grid-template-columns:repeat(2,1fr)!important;gap:24px}
}
.kapp-rail .co.inv{background:#0F3D33;color:#D9B87A;font:600 17px/1 "Cormorant Garamond",Georgia,serif}

/* shared section patterns (first used on Founders) */
.kcard{border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.07);padding:14px 16px;min-width:0}
.kcard .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.kcard .hd b{font-size:13px;font-weight:600}
.kcard .hd em{font-style:normal;font-size:11.5px;color:#8A90A6}
.kbar{height:4px;border-radius:2px;background:#E3E7F5;overflow:hidden}
.kbar i{display:block;height:100%;border-radius:2px;background:#3A5CC0}
.krow{display:flex;align-items:center;gap:10px;padding:8px 0;box-shadow:inset 0 -1px 0 #F1F2F6}
.krow:last-child{box-shadow:none}
.krow .tt{flex:1;min-width:0;display:flex;flex-direction:column}
.krow .tt em{font-style:normal;font-size:11.5px;color:#8A90A6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kev{display:flex;align-items:flex-start;gap:10px;padding:8px 0;box-shadow:inset 0 -1px 0 #F1F2F6;font-size:12.5px}
.kev:last-child{box-shadow:none}
.kev img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none}
.kev .tt{flex:1;min-width:0}
.kev em{display:block;font-style:normal;font-size:11.5px;color:#8A90A6}
.kba{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}
.kside .lab{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--muted)}
.kside .lab::before{content:"";width:7px;height:7px;border-radius:2px;background:#B8BDCB}
.kside.w .lab{color:var(--ink)}
.kside.w .lab::before{background:#3A5CC0}
.kside h3{margin:12px 0 0;font-size:26px;line-height:1.2;letter-spacing:-.025em;font-weight:500;color:#6B7083}
.kside.w h3{color:var(--ink)}
.kpan{position:relative;margin-top:22px;height:332px;border-radius:20px;overflow:hidden;padding:28px}
.kside.tt .kpan{background:#ECEEF3}
.kside.w .kpan{background:linear-gradient(180deg,#EEF1FE 0%,#E0E6FD 100%)}
.kmail{border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.06);overflow:hidden}
.kmail .mh{display:flex;align-items:center;gap:8px;height:42px;padding:0 16px;box-shadow:inset 0 -1px 0 #F0F1F5;font-size:12.5px;color:#6B7083}
.kmail .mh b{color:var(--ink);font-weight:600}
.kmr{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 16px;box-shadow:inset 0 -1px 0 #F5F6F9;font-size:12.5px;color:#6B7083}
.kmr:last-child{box-shadow:none}
.kmr .avx{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#E4E6ED;color:#6B7083;font-size:10.5px;font-weight:600}
.kmr b{display:block;font-weight:500;color:#4D5265}
.kmr .s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kmr .xx{font-size:11.5px;color:#9AA0B4;white-space:nowrap}
.kmr .xx.r{color:#B0573E}
.kshort{border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.07),0 18px 36px -24px rgba(40,60,150,.4);overflow:hidden}
.ksr{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;box-shadow:inset 0 -1px 0 #F1F2F6}
.ksr:last-child{box-shadow:none}
.ksr .kwhy{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:12px;color:#4D5265}
.ksr .kwhy .ph{font-size:12px;color:#3A5CC0}
.ksr .stt{font-size:11.5px;color:#3A5CC0;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.ksr .stt.mute{color:#8A90A6;font-weight:400}
.kbento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.kbx{display:flex;flex-direction:column;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.kbx.w2{grid-column:span 2}
.kbx .vis{position:relative;height:236px;background:linear-gradient(180deg,#F3F5FD 0%,#EAEEFC 100%);overflow:hidden}
.kbx .btx{padding:22px 24px 24px}
.kbx h3{font-size:18px;letter-spacing:-.015em}
.kbx p{margin:6px 0 0;font-size:14.5px;line-height:1.55;color:var(--body)}
.ksplit{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:72px;align-items:center}
.ksplit.rev{grid-template-columns:minmax(0,1fr) minmax(0,440px)}
.ksplit.rev .kcopy{order:2}
.kcopy .lede{font-size:18px}
.kpts{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0}
.kpts li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:14px 0;box-shadow:inset 0 -1px 0 var(--line);font-size:15px;color:var(--body)}
.kpts li:first-child{box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}
.kpts li .ph{margin-top:3px;font-size:16px;color:#3A5CC0}
.kpts b{color:var(--ink);font-weight:600}
.krc{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}
.krc .hd{display:flex;align-items:center;gap:10px;padding:16px 20px;box-shadow:inset 0 -1px 0 #EEF0F4}
.krc .hd b{font-size:15px;font-weight:600}
.krc .hd .sp{flex:1}
.krr{display:grid;grid-template-columns:120px minmax(0,1fr) 92px;gap:16px;align-items:center;padding:14px 20px;box-shadow:inset 0 -1px 0 #F1F2F6;font-size:13px}
.krr b{font-weight:500}
.krr .kbar{height:6px}
.krr .s{justify-self:end}
.kfix{display:flex;gap:12px;align-items:flex-start;margin:16px 20px 20px;padding:14px 16px;border-radius:12px;background:#F4F6FE;font-size:13px;line-height:1.5;color:#4D5265}
.kfix img{width:28px;height:28px;object-fit:contain;flex:none}
.kfix b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
.kcost{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#FAFBFD;box-shadow:inset 0 1px 0 #EEF0F4;font-size:12px;color:#6B7083}
.kcost .ph{color:#3A5CC0}
.kfr{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}
.kfr .hd{display:flex;align-items:center;gap:12px;padding:18px 20px}
.kfr .hd .tt{flex:1}
.kfr .hd .fn{font-size:18px}
.kfr .hd em{display:block;font-style:normal;font-size:12.5px;color:#6B7083}
.kfr .tags{display:flex;gap:6px;padding:0 20px 16px}
.kfact{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:14px 20px;box-shadow:inset 0 1px 0 #F1F2F6;font-size:13.5px;color:var(--ink)}
.kfact .ph{margin-top:2px;color:#3A5CC0;font-size:15px}
.kfact .ksrc{margin-top:3px;display:flex}
.kfr .ppl{display:flex;align-items:center;gap:10px;padding:14px 20px;box-shadow:inset 0 1px 0 #F1F2F6;font-size:13px}
.kfr .ppl img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.kfr .ppl .tt{flex:1}
.kfr .ppl em{display:block;font-style:normal;font-size:11.5px;color:#8A90A6}
@media (max-width:1000px){
  .kba,.ksplit,.ksplit.rev{grid-template-columns:1fr!important;gap:32px}
  .ksplit.rev .kcopy{order:0}
  .kbento{grid-template-columns:1fr}.kbx.w2{grid-column:auto}
  .kpan{height:auto;min-height:0}
}
/* outreach limits as a timeline (Zaro / ClassPass pattern) + the caps underneath */
.klim{margin-top:48px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.ktl{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:40px 40px 36px}
.ktl::before{content:"";position:absolute;left:40px;right:40px;top:58px;height:2px;border-radius:1px;background:linear-gradient(90deg,#3A5CC0 0%,#3A5CC0 8%,#C9D2F2 8%,#C9D2F2 100%);background:repeating-linear-gradient(90deg,#C9D2F2 0 6px,transparent 6px 12px)}
.ktev{position:relative;display:flex;flex-direction:column;gap:6px;padding-right:32px}
.ktev>.ph{position:relative;z-index:1;width:38px;height:38px;padding:10px;box-sizing:border-box;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #3A5CC0,0 0 0 6px #fff;color:#3A5CC0;margin-bottom:14px}
.ktev b{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.ktev span{font-size:15px;line-height:1.55;color:var(--body);max-width:30ch}
.kcaps{display:grid;grid-template-columns:repeat(3,1fr);background:#F7F8FC;box-shadow:inset 0 1px 0 var(--line)}
.kcaps span{display:flex;align-items:baseline;gap:12px;padding:22px 40px;font-size:14.5px;line-height:1.45;color:var(--body)}
.kcaps span+span{box-shadow:inset 1px 0 0 var(--line)}
.kcaps b{font-size:28px;font-weight:500;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
@media (max-width:900px){.ktl,.kcaps{grid-template-columns:1fr}.ktl{gap:24px;padding:28px}.ktl::before{display:none}.kcaps span{padding:16px 28px}.kcaps span+span{box-shadow:inset 0 1px 0 var(--line)}}

/* limits timeline: a solid line travels the dashes; stops light up */
.ktl .tprog{position:absolute;left:40px;top:58px;height:2px;width:0;border-radius:1px;background:#3A5CC0;transition:width 1.4s cubic-bezier(.65,0,.35,1)}
.ktev>.ph{transition:background-color .35s ease,color .35s ease}
.ktev.lit>.ph{background:#3A5CC0;color:#fff}
.ktev b,.ktev span{transition:opacity .35s ease}
.klim.go .ktev:not(.lit) b,.klim.go .ktev:not(.lit) span{opacity:.45}
/* paired buttons: every border is drawn inside, so side-by-side buttons render the same size */
.btn.pri{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px #3456B8!important}
.btn.sec.jn:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px #3456B8}

/* company lettermarks: sans, optically centred (firms keep the serif) */
.lm.zp,.lm.qn,.lm.nq,.lm.wp,.lm.sh{font:600 14px/1 "Instrument Sans",system-ui,sans-serif;letter-spacing:-.01em}
.lm.lg.zp,.lm.lg.qn,.lm.lg.nq,.lm.lg.wp,.lm.lg.sh{font-size:19px}
.lm.sm.zp,.lm.sm.qn,.lm.sm.nq,.lm.sm.wp,.lm.sm.sh{font-size:11.5px}
/* lettermarks: the letter sits in its own box, trimmed to cap height, so it centres exactly in every browser */
.lmc{display:block;line-height:1;text-box:trim-both cap alphabetic}
span.lm{display:grid!important;place-items:center}
span.lmc{display:block!important;flex:none}
/* shared illustration motion: reveal, cursor, press */
.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{transform:scale(.93)}
.kw{transition:opacity .25s ease}.kw.off{opacity:0}
/* dark stage: the last call's material (navy, faint dot grid, blue glow rising from the bottom). Behind floating cards only, never behind the app shell's dark rail */
.kdark{position:relative;isolation:isolate;overflow:hidden;background:#0B0F24!important;box-shadow:none!important}
.kdark::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1.2px);background-size:14px 14px;-webkit-mask-image:radial-gradient(75% 85% at 50% 45%,transparent 30%,#000 95%);mask-image:radial-gradient(75% 85% at 50% 45%,transparent 30%,#000 95%);pointer-events:none}
.kdark::after{content:"";position:absolute;left:50%;top:calc(100% - 150px);width:130%;height:340px;z-index:-1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(69,104,204,.8),rgba(49,87,255,.3) 55%,transparent);pointer-events:none}

/* ================= founders + investors page sections (iteration 2, approved 28 Oct) ================= */
.pg{--fx-ink2:#2A2F45;--fx-rule:#ECEEF3;--fx-soft:#F8F9FC;--fx-blue:#3A5CC0;--fx-warn:#9A5B0B;--fx-warnbg:#FFF6E8}
.pg-founders .band:not(.nav):not(.foot):not(.kpgh):not(.tight)>.in,.pg-investors .band:not(.nav):not(.foot):not(.kpgh):not(.tight)>.in,.pg-falah .band:not(.nav):not(.foot):not(.kpgh):not(.tight)>.in,.pg-pricing .band:not(.nav):not(.foot):not(.kpgh):not(.tight)>.in,.pg-about .band:not(.nav):not(.foot):not(.kpgh):not(.tight)>.in{padding-top:104px!important;padding-bottom:104px!important}
.fx-h3{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.022em;font-weight:500;color:var(--ink)}
.fx-num{font-variant-numeric:tabular-nums}

/* ---------- 02 today vs with ---------- */
.fx-vs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.fx-side.tt .fx-h3{color:#7A7F92}
.fx-pan{position:relative;margin-top:20px;border-radius:22px;padding:24px;min-height:398px;display:flex;flex-direction:column}
.fx-side.tt .fx-pan{background:#ECEEF3}
.fx-pan .lab{display:flex;align-items:center;gap:8px;height:20px;margin:0 4px 14px;font-size:13px;font-weight:500;color:#7A7F92}
.fx-pan .lab::before{content:"";width:7px;height:7px;border-radius:2px;background:#B8BDCB}
.fx-side.w .fx-pan .lab{color:rgba(255,255,255,.82)}
.fx-side.w .fx-pan .lab::before{background:#8B9CFF}
.fx-list{flex:1;display:flex;flex-direction:column;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.06);overflow:hidden}
.fx-side.tt .fx-list{background:#F9FAFB}
.fx-list .mh{display:flex;align-items:center;gap:6px;height:42px;padding:0 16px;box-shadow:inset 0 -1px 0 var(--fx-rule);font-size:12.5px;color:#8A90A6}
.fx-list .mh b{color:#4D5265;font-weight:600}
.fx-list .mh .sp{flex:1}
.fx-mr{flex:1;display:grid;grid-template-columns:28px minmax(0,1fr) 112px;gap:12px;align-items:center;min-height:57px;padding:0 16px;box-shadow:inset 0 -1px 0 #EEF0F3;font-size:12.5px;color:#8A90A6}
.fx-mr:last-child{box-shadow:none}
.fx-mr .avx{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#E4E6ED;color:#7A7F92;font-size:10.5px;font-weight:600}
.fx-mr .s{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-mr .s b{display:block;font-weight:500;color:#5A5F73}
.fx-mr .xx{justify-self:end;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#9AA0B4;white-space:nowrap;transition:opacity .35s ease}
.fx-mr .xx .ph{font-size:12px}
.fx-mr .xx.r{color:#A9583F}
.fx-mr.q .xx{opacity:0}
.fx-sr{flex:1;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:71px;padding:0 16px;box-shadow:inset 0 -1px 0 #F1F2F6}
.fx-sr:last-child{box-shadow:none}
.fx-sr .fn{display:block;font-size:14.5px}
.fx-sr .fwhy{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:#4D5265}
.fx-sr .fwhy .ph{font-size:12px;color:var(--fx-blue)}
.fx-sr .fstt{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:7px;font-size:11.5px;font-weight:500;white-space:nowrap;transition:background-color .3s ease,color .3s ease}
.fx-sr .fstt.ok{background:#EEF1FF;color:#2B44B0}
.fx-sr .fstt.fdr{background:#F3F4F7;color:#4D5265}
.fx-sr .fstt.no{color:#9AA0B4;font-weight:400;padding:0}
.fx-sr.out .fn,.fx-sr.out .fwhy{color:#9AA0B4}
.fx-sr.out .lm{opacity:.55}
.fx-sr .fstt.pop .ph{animation:fxpop .4s cubic-bezier(.34,1.56,.64,1)}
@keyframes fxpop{from{transform:scale(.3)}}

/* ---------- sources: every fact, its page, its date ---------- */
.fx-src{border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.08),0 28px 56px -40px rgba(30,45,120,.4);overflow:hidden}
.fx-src .hd{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:22px 24px 18px}
.fx-src .hd .lm{width:44px;height:44px;border-radius:12px;font-size:30px}
.fx-src .hd .fn{display:block;font-size:19px}
.fx-src .hd em{display:block;margin-top:3px;font-style:normal;font-size:12.5px;color:#6B7083}
.fx-src .tags{display:flex;gap:6px;padding:0 24px 18px}
.fx-led{list-style:none;margin:0;padding:0}
.fx-led li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:16px 24px;box-shadow:inset 0 1px 0 var(--fx-rule)}
.fx-led li>.ph{margin-top:2px;font-size:15px;color:var(--fx-blue)}
.fx-led .f{font-size:14px;line-height:1.45;color:var(--ink)}
.fx-led .pv{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#6B7083}
.fx-led .pv .so{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:7px;background:#F3F4F7;color:#4D5265;font-weight:500}
.fx-led .pv .so .ph{font-size:12px;color:#6B7083}
.fx-led .pv time{font-family:var(--mono);font-size:11.5px;letter-spacing:-.02em;color:#6B7083}
.fx-src .ppl{display:flex;align-items:center;gap:10px;padding:16px 24px;background:var(--fx-soft);box-shadow:inset 0 1px 0 var(--fx-rule);font-size:13px}
.fx-src .ppl img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.fx-src .ppl .tt{flex:1;min-width:0}
.fx-src .ppl em{display:block;font-style:normal;font-size:11.5px;color:#8A90A6}

/* ---------- limits: the sequence, then the rules it runs under ---------- */
.fx-lim{margin-top:56px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.fx-lim .ktl{padding:44px 44px 40px}
.fx-lim .ktl::before{left:44px;right:44px;top:62px}
.fx-lim .ktl .tprog{left:44px;top:62px}
.fx-caps{display:grid;grid-template-columns:repeat(3,1fr);background:var(--fx-soft);box-shadow:inset 0 1px 0 var(--line)}
.fx-caps div{padding:28px 44px 30px}
.fx-caps div+div{box-shadow:inset 1px 0 0 var(--line)}
.fx-caps b{display:block;font-size:48px;line-height:1;font-weight:500;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.fx-caps span{display:block;margin-top:12px;font-size:14.5px;line-height:1.5;color:var(--body);max-width:32ch}
.fx-caps div.z{background:var(--ice)}


@media (max-width:1000px){
  .fx-vs{grid-template-columns:1fr}
  .fx-pan{min-height:0}
  .fx-caps{grid-template-columns:1fr}.fx-caps div+div{box-shadow:inset 0 1px 0 var(--line)}
  .fx-caps div{padding:22px 28px}
}
@media (max-width:640px){
  .fx-mr{grid-template-columns:28px minmax(0,1fr) auto;height:auto;padding:12px 14px}
  .fx-pan{padding:14px}
  .fx-sr{height:auto;padding:14px;grid-template-columns:30px minmax(0,1fr)}
  .fx-sr .fstt{grid-column:2;justify-self:start;margin-top:-4px}
  .fx-led li,.fx-src .hd,.fx-src .ppl{padding-left:18px;padding-right:18px}
  .fx-src .tags{padding:0 18px 16px;flex-wrap:wrap}
  .fx-lim .ktl{padding:28px}
}

/* ---------- credits (founders + investors): the dark tile is the card; the offer on top, what it covers as three tiles; one button beside it ---------- */
.fx-crs .kcopy .ctas{display:flex;justify-content:flex-start;gap:10px;margin-top:32px}
.fx-split.fx-crs{align-items:stretch}
.fx-crs .kcopy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.fx-crd{display:flex;flex-direction:column;justify-content:center;padding:26px 28px!important;color:#fff}
.fx-crd::after{opacity:.45}
.fx-crd .tp{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.fx-crd .tp b{display:block;font-size:48px;line-height:.95;font-weight:600;letter-spacing:-.045em}
.fx-crd .tp em{display:block;margin-top:8px;font-style:normal;font-size:14px;color:rgba(255,255,255,.7)}
.fx-crd .tp .pill{height:28px;padding:0 11px;background:rgba(255,255,255,.1);color:#fff;font-size:12.5px}
.fx-crd .tp .pill .ph{font-size:13px;color:var(--peri)}
.fx-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.fx-tile{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:10px;align-items:center;padding:14px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.fx-tile>.ph{width:26px;height:26px;padding:6px;box-sizing:border-box;border-radius:8px;background:rgba(139,156,255,.16);color:var(--peri)}
.fx-tile span{font-size:13px;line-height:1.3;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-tile b{grid-column:1/-1;margin-top:12px;font-size:24px;line-height:1;font-weight:600;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.fx-tile small{grid-column:1/-1;margin-top:4px;font-size:12px;color:rgba(255,255,255,.6)}
.fx-tile.rec{background:rgba(139,156,255,.14);box-shadow:inset 0 0 0 1px rgba(139,156,255,.45)}
.fx-tile{position:relative}
.fx-tile .tag{position:absolute;right:12px;top:16px;display:inline-flex;align-items:center;height:22px;margin:0;padding:0 8px;border-radius:6px;background:#fff;color:#131A3B;font-size:11px;font-weight:600}
.fx-crd .fxft{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:14px;color:rgba(255,255,255,.72)}
.fx-crd .fxft .ph{color:var(--peri);font-size:15px}
@media (max-width:640px){
  .fx-crd{padding:24px 20px!important}
  .fx-crd .tp{flex-direction:column;align-items:flex-start}
  .fx-crd .tp b{font-size:48px}
  .fx-tiles{grid-template-columns:1fr}
  .fx-tile{grid-template-columns:26px minmax(0,1fr) auto;padding:12px 14px}
  .fx-tile .tag{display:none}
  .fx-tile b{margin:0;font-size:18px;grid-column:3;grid-row:1}.fx-tile small{grid-column:2/4;margin-top:2px}
}

/* split section: copy beside its picture (founders + investors) */
.fx-split{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:80px;align-items:center}
.fx-split.rev{grid-template-columns:minmax(0,1fr) minmax(0,430px)}
.fx-split.rev .kcopy{order:2}
.fx-rstage{padding:48px}
@media (max-width:1000px){
  .fx-split,.fx-split.rev{grid-template-columns:1fr;gap:40px}
  .fx-split.rev .kcopy{order:0}
  .fx-rstage{padding:20px}
}

/* waiting state for scenes: items that have not "arrived" yet stay in place, faded, so a picture is never empty while it plays */
.pg .ax.hid{opacity:.3!important;transform:none!important}
