/* ---------- falah ---------- */
.fa-h1 .mas{display:inline-block;width:.92em;height:.92em;margin:0 .06em -.12em .02em;object-fit:contain;vertical-align:baseline}

/* the session (hero) */
.fa-ses{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:520px}
.fa-th{display:flex;flex-direction:column;gap:16px;padding:20px 28px;overflow:hidden;box-shadow:inset -1px 0 0 #EEF0F4}
.fa-me{align-self:flex-end;max-width:76%;padding:10px 14px;border-radius:14px 14px 4px 14px;background:#E9EDFF;font-size:13.5px;line-height:1.5;color:var(--ink)}
.fa-who{display:flex;align-items:center;gap:8px;font-size:13px}
.fa-who img{width:22px;height:22px;object-fit:contain}
.fa-who b{font-weight:600}.fa-who em{margin-left:auto;font-style:normal;font-size:11.5px;color:#8A90A6}
.fa-steps{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.fa-step{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 10px;border-radius:9px;font-size:12.5px;color:#4D5265;background:#F8F9FC;opacity:.35;transition:opacity .35s ease,background-color .35s ease}
.fa-step .ic{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #D5DAEA;color:#fff;font-size:10px;transition:background-color .25s ease,box-shadow .25s ease}
.fa-step .ic .ph{opacity:0}
.fa-step em{font-style:normal;font-size:11px;color:#8A90A6;white-space:nowrap}
.fa-step b{font-weight:500;color:var(--ink)}
.fa-step.on{opacity:1}
.fa-step.done .ic{background:#3A5CC0;box-shadow:none}.fa-step.done .ic .ph{opacity:1}
.fa-step.run .ic{box-shadow:inset 0 0 0 1.5px #DDE3FF;border-top:1.5px solid #3A5CC0;animation:faspin .8s linear infinite}
@keyframes faspin{to{transform:rotate(360deg)}}
.fa-ans{font-size:13.5px;line-height:1.55;color:var(--ink)}
.fa-fits{display:grid;gap:6px;margin-top:10px}
.fa-fit{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.07)}
.fa-fit .fwhy{display:block;font-size:11.5px;color:#6B7083}
.fa-side{display:flex;flex-direction:column;gap:12px;padding:20px;background:#FAFBFD}
.fa-side .lab{font-size:11.5px;font-weight:600;color:#8A90A6}
.fa-draft{border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.07);padding:14px;font-size:12.5px;line-height:1.55;color:#4D5265;--skp:14px}
.fa-draft .to{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px;color:var(--ink)}
.fa-draft mark{background:#EAEEFF;color:var(--ink);border-radius:4px;padding:0 3px}
.fa-draft .acts{display:flex;align-items:center;gap:8px;margin-top:12px}
.fa-draft .acts em{font-style:normal;font-size:11px;color:#8A90A6;margin-right:auto;display:inline-flex;align-items:center;gap:5px}
.fa-comp{margin-top:auto;display:flex;align-items:center;gap:8px;height:42px;padding:0 6px 0 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #E3E6EF;font-size:12.5px;color:#9AA0B4}
.fa-comp .sp{flex:1}
.fa-comp .snd{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#EEF0F5;color:#9AA0B4;font-size:15px}

/* how falah works it out: four columns joined by a line */
.fa-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px}
.fa-flow::before{content:"";position:absolute;left:12.5%;right:12.5%;top:21px;height:1px;background:linear-gradient(90deg,rgba(58,92,192,.5),rgba(58,92,192,.15))}
.fa-st{position:relative;display:flex;flex-direction:column;gap:14px}
.fa-st .n{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--line),0 0 0 6px var(--bg);color:#3A5CC0;font-size:19px}
.fa-st h3{font-size:18px;letter-spacing:-.015em;text-align:center}
.fa-st p{margin:-6px 0 0;font-size:14.5px;line-height:1.55;color:var(--body);text-align:center}
.fa-card{border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line);padding:14px;font-size:12.5px;color:#4D5265}
.fa-card .r{display:flex;align-items:center;gap:8px;padding:6px 0;box-shadow:inset 0 -1px 0 #F3F4F8}
.fa-card .r:last-child{box-shadow:none}
.fa-card .r .ph{color:#3A5CC0;font-size:14px}
.fa-card .r b{color:var(--ink);font-weight:500}
.fa-card .r em{margin-left:auto;font-style:normal;font-size:11px;color:#8A90A6;white-space:nowrap}

/* prompts */
.fa-ask{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:48px}
.fa-qa{display:flex;flex-direction:column;gap:14px;padding:22px 24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.fa-qa p{margin:0}
.fa-qa .q{align-self:flex-start;max-width:92%;padding:10px 14px;border-radius:14px 14px 14px 4px;background:#E9EDFF;font-size:14.5px;line-height:1.5;color:var(--ink)}
.fa-qa .a{display:flex;gap:10px;font-size:14px;line-height:1.55;color:#4D5265}
.fa-qa .a img{width:24px;height:24px;object-fit:contain;flex:none;margin-top:1px}
.fa-qa .tag{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#8A90A6}
.fa-qa .tag .ph{color:#3A5CC0}

/* commitments */
.fa-cm{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:48px;align-items:center;margin-top:40px}
.fa-ap{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}
.fa-ap .tr{display:flex;align-items:center;gap:0;padding:16px 20px;box-shadow:inset 0 -1px 0 #EEF0F4;font-size:12px;color:#8A90A6}
.fa-ap .tr span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.fa-ap .tr span.on{color:var(--ink);font-weight:500}
.fa-ap .tr span .d{width:8px;height:8px;border-radius:50%;background:#3A5CC0}
.fa-ap .tr span .d.o{background:#fff;box-shadow:inset 0 0 0 1.5px #3A5CC0}
.fa-ap .tr i{flex:1;height:1px;margin:0 10px;background:#E3E6EF}
.fa-ap .bd{padding:18px 20px;font-size:13.5px;line-height:1.6;color:#4D5265}
.fa-ap .bd .to{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--ink)}
.fa-ap .bd .to img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.fa-ap .bd .to em{display:block;font-style:normal;font-size:11.5px;color:#8A90A6}
.fa-ap .fft{display:flex;align-items:center;gap:8px;padding:14px 20px;background:#FAFBFD;box-shadow:inset 0 1px 0 #EEF0F4}
.fa-ap .fft em{margin-right:auto;font-style:normal;font-size:12px;color:#4D5265;display:inline-flex;align-items:center;gap:6px}
.fa-ap .fft em .ph{color:#3A5CC0}
.fa-cl{display:grid;grid-template-columns:1fr 1fr;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.fa-ci{padding:20px 22px;box-shadow:inset -1px 0 0 var(--line),inset 0 -1px 0 var(--line)}
.fa-ci:nth-child(2n){box-shadow:inset 0 -1px 0 var(--line)}
.fa-ci:nth-child(5){box-shadow:inset -1px 0 0 var(--line)}.fa-ci:nth-child(6){box-shadow:none}
.fa-ci .ic{display:grid;place-items:center;width:32px;height:32px;margin-bottom:10px;border-radius:10px;background:var(--ice);color:var(--cobalt);font-size:17px}
.fa-ci h3{font-size:16px;letter-spacing:-.01em}
.fa-ci p{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--body)}

/* your data: light list + what one task sends */
.fa-dg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:56px;align-items:center;margin-top:48px}
.fa-dl{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px}
.fa-di .ic{display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--cobalt);font-size:17px}
.fa-di h3{font-size:16px;letter-spacing:-.01em}
.fa-di p{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--body)}
.fa-ins{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}
.fa-ins .hd{display:flex;align-items:center;gap:10px;padding:14px 18px;box-shadow:inset 0 -1px 0 #EEF0F4;font-size:13px;color:#4D5265}
.fa-ins .hd .ph{font-size:16px;color:#3A5CC0}
.fa-ins .hd b{font-size:14px;font-weight:600;color:var(--ink)}
.fa-ins .hd .pill{margin-left:auto}
.fa-ins .gl{padding:12px 18px 4px;font-size:11.5px;font-weight:600;color:#8A90A6}
.fa-ir{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 18px;font-size:13px;color:var(--ink)}
.fa-ir .fi{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#F4F6FE;color:#3A5CC0;font-size:14px}
.fa-ir em{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:11.5px;color:#2B44B0}
.fa-ir.ino{color:#6B7083}.fa-ir.ino .fi{background:#F4F5F8;color:#8A90A6}
.fa-ir.ino .fnm{position:relative;justify-self:start}
.fa-ir.ino .fnm::after{content:"";position:absolute;left:0;right:0;top:52%;height:1px;background:#8A90A6;transform:scaleX(1);transform-origin:left;transition:transform .45s var(--ease)}
.fa-ir.ino.pre .fnm::after{transform:scaleX(0)}
.fa-ir.ino em{color:#6B7083}
.fa-ins .fa-ift{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;padding:12px 18px;background:#FAFBFD;box-shadow:inset 0 1px 0 #EEF0F4;font-size:12px;color:#4D5265}
.fa-ins .fa-ift span{display:inline-flex;align-items:center;gap:6px}.fa-ins .fa-ift .ph{color:#3A5CC0}

/* motion: working flow, Q&A, approval */
.fa-prog{position:absolute;left:12.5%;top:21px;height:1px;width:0;background:#3A5CC0;transition:width 1s cubic-bezier(.65,0,.35,1);z-index:0}
.fa-st .n{position:relative;z-index:1;transition:background-color .35s ease,color .35s ease,box-shadow .35s ease}
.fa-st.lit .n{background:#3A5CC0;color:#fff;box-shadow:0 0 0 1px #3A5CC0,0 0 0 6px var(--bg)}
.fa-card .r{transition:opacity .35s ease,transform .45s var(--ease),background-color .35s ease}
.fa-card .r.khl{background:#F4F6FE;border-radius:8px;margin:0 -6px;padding-left:6px;padding-right:6px}
.fa-qa{transition:box-shadow .35s ease}
.fa-qa.cur{box-shadow:0 0 0 1px rgba(58,92,192,.35)}
.fa-ap .tr span .d{transition:background-color .3s ease,box-shadow .3s ease}
.fa-ap .tr span.pend{color:#8A90A6;font-weight:400}
.fa-ap .tr span.pend .d{background:#fff;box-shadow:inset 0 0 0 1.5px #C9D0E6}
.fa-ap mark{background:linear-gradient(#E3E8FD,#E3E8FD) no-repeat 0 0/0% 100%;color:inherit;border-radius:4px;padding:0 2px;transition:background-size .9s var(--ease)}
.fa-ap mark.on{background-size:100% 100%}
.fa-ap .fft em .ok{display:none}
.fa-ap .fft.done em .ok{display:inline}.fa-ap .fft.done em .fno{display:none}
.fa-ap .fft.done em{color:#2B44B0;font-weight:500}
/* the drawn cursor (FF.cursor) waits and aims inside the hero and the approval card, as on investors (.iv-app) */
.fh{position:relative}
.fa-ap{position:relative}

@media (max-width:1000px){
  .fa-ses{grid-template-columns:1fr;height:auto}.fa-side{display:none}
  .fa-flow{grid-template-columns:1fr 1fr}.fa-flow::before{display:none}
  .fa-ask,.fa-cm{grid-template-columns:1fr}
  .fa-cl{grid-template-columns:1fr}.fa-ci{box-shadow:inset 0 -1px 0 var(--line)!important}
  .fa-dg{grid-template-columns:1fr;gap:36px}
}
@media (max-width:640px){.fa-flow{grid-template-columns:1fr}.fa-dl{grid-template-columns:1fr;gap:22px}}



/* ---- hero: Falah greets you, then the conversation builds beside him ---- */
.fh{display:grid;grid-template-columns:320px minmax(0,1fr);height:560px}
.fh-st{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;background:#FFFFFF;box-shadow:inset -1px 0 0 #EEF0F4}
.fh-fal{position:relative;width:240px;height:256px}
.fh-fal img,.fh-fal video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s ease}
.fh-fal .pst{opacity:1}
.fh-fal .on{opacity:1}
.fh-nm{margin-top:8px;font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.fh-stt{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:14px;background:#F3F5FB;font-size:12.5px;color:#4D5265}
.fh-stt i{width:7px;height:7px;border-radius:50%;background:#2FA36B;transition:background-color .3s ease}
.fh-stt.busy i{background:#3A5CC0;animation:fhp 1s ease-in-out infinite}
@keyframes fhp{50%{opacity:.35}}
.fh-th{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0 0 18px;background:#FAFBFD}
.fh-vp{position:relative;flex:1;min-height:0;overflow:hidden}
.fh-vp::before{content:"";position:absolute;left:0;right:0;top:0;height:28px;z-index:1;background:linear-gradient(#FAFBFD,rgba(250,251,253,0));pointer-events:none}
.fh-fl{display:flex;flex-direction:column;padding:24px 28px 8px;transition:transform .6s var(--ease)}
.fh-it{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s var(--ease),opacity .35s ease .1s}
.fh-it>div{min-height:0;overflow:hidden}
.fh-it.on{grid-template-rows:1fr;opacity:1}
.fh-it>div>*{margin-bottom:14px}
.fh-it .fa-me{margin-left:auto;width:max-content;max-width:80%}
.fh-hi{padding:16px 18px;border-radius:16px 16px 16px 4px;background:#fff;box-shadow:0 0 0 1px rgba(17,22,43,.07)}
.fh-hi p{margin:0;font-size:15px;line-height:1.55;color:var(--ink)}
.fh-sg{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:12px}
.fh-sg span{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:10px;background:#F3F5FB;font-size:12.5px;line-height:1.35;color:#2E344A;transition:background-color .25s ease,color .25s ease,transform .14s ease}
.fh-sg span.press{transform:scale(.97)}
.fh-sg span.on{background:#E9EDFF;color:#2B44B0}
.fh .fa-steps{margin:0}
.fh .fa-step{opacity:.45}
.fh .fa-step.on{opacity:1}
.fh .fa-draft .to{display:flex}
.fh .fa-draft .dl{margin-left:auto;font-size:11.5px;font-weight:600;color:#8A90A6}
.fh .fa-comp{margin:0 28px;flex:none}
.fh .fa-comp{transition:box-shadow .2s ease}
.fh .fa-comp.foc{box-shadow:inset 0 0 0 1.5px #3A5CC0}
.fh .fa-comp.typ .ct{color:var(--ink)}
.fh .fa-comp.typ .ct::after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:1px;vertical-align:-2px;background:var(--ink);animation:fhbl 1s steps(1) infinite}
.fh .fa-comp.rdy .ct::after{display:none}
@keyframes fhbl{50%{opacity:0}}
.fh .fa-comp .ct{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fh .fa-comp .snd{flex:none;transition:background-color .2s ease,color .2s ease,transform .14s ease}
.fh .fa-comp.rdy .snd{background:#3A5CC0;color:#fff}
.fh .fa-comp .snd.press{transform:scale(.9)}
@media (max-width:900px){
  .fh{grid-template-columns:1fr;height:auto}
  .fh-st{flex-direction:row;justify-content:flex-start;gap:12px;padding:14px 16px;box-shadow:inset 0 -1px 0 #EEF0F4}
  .fh-fal{width:64px;height:68px}.fh-nm{margin:0}
  .fh-vp{height:520px;flex:none}
  .fh-fl{padding:18px 16px 8px}.fh .fa-comp{margin:0 16px}
}
/* ---- illustration pass ---- */
.fa-card{padding:0 14px 10px}
.fa-pose{display:grid;place-items:end center;height:104px;margin:0 -14px 8px;border-radius:14px 14px 0 0;background:#FFFFFF;box-shadow:inset 0 -1px 0 #F1F2F6;overflow:hidden}
.fa-pose img{height:96px;width:auto;margin-bottom:-2px;transition:transform .5s var(--ease)}
.fa-st:not(.lit) .fa-pose img{transform:translateY(6px);filter:saturate(.6);opacity:.75}
.fa-st .fa-pose img{transition:transform .5s var(--ease),filter .4s ease,opacity .4s ease}
.fa-qa{transition:box-shadow .3s ease}