const AREAS=['What is happening','How long','What you have tried','What you want from this','Practical preferences'];
const SCRIPT=[
{q:'What is going on for you right now?',a:"We closed the bridge round in August but on worse terms than I told the team. Since then I have been carrying the gap between what the board thinks and what I think. My co-founder and I barely talk outside of standups. The worst part is the hour after I close the laptop, I just sit there and my head keeps running the runway model."},
{q:'How long has it been like this?',a:"Properly since the round. If I am honest, the sleep thing started last winter. I tell myself it will settle after the next milestone."},
{q:'What have you already tried? Including whether you have spoken to anyone before.',a:"I did six sessions of therapy in 2022, before the company. It was fine, but she did not really get what a board is. I run, when I have time, which is not often now. I tried an app for a month."},
{q:'If this went well, what would be different in three months?',a:"I would be able to switch off in the evening. And I would have one person I can say all of it to without it changing anything at work."},
{q:'Last few practical things. Which language, and when could you usually take a session?',a:"English is easiest. Mornings before ten, or Monday and Friday around lunch. I do not mind who, as long as they have worked with founders."}];

function SafetyCard({onContinue}){return <div className="card float reveal" style={{padding:'clamp(24px,4vw,40px)',maxWidth:640,margin:'0 auto'}}>
 <Eyebrow>Before you carry on</Eyebrow><h1 className="q" style={{fontSize:'clamp(26px,3vw,34px)'}}>Some of what you shared sounds heavy. You do not have to carry it alone today.</h1>
 <p className="body" style={{marginTop:14}}>If you are in danger now, call one of these. They are free and they answer.</p>
 <div style={{display:'grid',gap:2,marginTop:20}}>{[['112','Emergency services, 24 hours'],['1411','Linha Nacional de Prevenção do Suicídio e Apoio Psicológico, 24 hours'],['808 24 24 24, option 4','SNS 24 psychological counselling, 24 hours'],['SOS Voz Amiga','800 100 441 (15:30 to 00:30, free), or 213 544 545']].map(([n,d])=><a key={n} href={'tel:'+n.replace(/\D/g,'').slice(0,9)} style={{display:'flex',gap:16,alignItems:'baseline',padding:'14px 0',borderBottom:'1px solid var(--border2)',textDecoration:'none',color:'var(--ink)'}}><span className="serif" style={{fontSize:26,minWidth:120,color:'var(--green-d)'}}>{n}</span><span className="small" style={{color:'var(--ink2)'}}>{d}</span></a>)}</div>
 <p className="body" style={{marginTop:22}}>A Pausa clinician can also be reached today. The soonest slot is <b style={{fontWeight:600}}>today at 16:30</b> with Mariana Albuquerque.</p>
 <div className="row" style={{marginTop:22}}><Btn href="#/app/book?clin=mariana&step=3&soon=1">Talk to someone now</Btn><button className="tlink" onClick={onContinue}>I am safe. Continue</button></div></div>}
function Safety(){return <div style={{minHeight:'100vh',padding:'clamp(40px,8vw,96px) 20px',background:'var(--bg)'}}><div style={{textAlign:'center',marginBottom:28}}><Logo/></div><SafetyCard onContinue={()=>history.back()}/></div>}

function IntakeEntry(){const[mode,setMode]=useState(null);const[ok,setOk]=useState(false);
 return <div style={{minHeight:'100vh'}}><header className="ob-hdr" style={{gridTemplateColumns:'1fr auto'}}><Logo href="#/app"/><a className="tlink" href="#/app">Save and exit</a></header>
 <main className="wrap" style={{maxWidth:900,padding:'clamp(40px,7vw,80px) 20px'}}><h1 className="h1" style={{fontSize:'clamp(38px,5vw,60px)'}}>Tell us what is going on. <em>Once.</em></h1>
 <p className="lead" style={{marginTop:18}}>Five minutes talking, or five minutes typing. Whichever you can do right now. At the end you see exactly what we wrote down, and you decide what gets sent.</p>
 <div className="grid2" style={{marginTop:36}}>{[['talk','mic','Talk it through','A voice conversation with our intake assistant. Around five minutes. Nobody listens to the recording.'],['type','type','Type it out','The same conversation, in text. Around five minutes.']].map(([k,ic,t,d])=><button key={k} className={'choice'+(mode===k?' on':'')} onClick={()=>setMode(k)} aria-pressed={mode===k}><span className="ic"><Icon n={ic} s={22}/></span><h2 className="h3" style={{fontSize:28}}>{t}</h2><p className="body" style={{fontSize:14}}>{d}</p></button>)}</div>
 <div className="grid3" style={{marginTop:36,gap:24}}>{[['dl','Your recording is deleted.','Audio is transcribed and then deleted within 24 hours. The transcript is yours.'],['check','You approve it before it moves.','Nothing reaches a clinician until you have read it and said yes.'],['shield','Your fund never sees any of it.','Not the recording, not the transcript, not the fact that you started.']].map(([ic,h,p])=><div key={h} style={{display:'flex',gap:12}}><Icon n={ic} s={18} style={{marginTop:3}}/><div><b style={{fontWeight:600,fontSize:14}}>{h}</b><p className="small" style={{marginTop:2,color:'var(--ink2)'}}>{p}</p></div></div>)}</div>
 <label className="card" style={{display:'flex',gap:12,marginTop:36,alignItems:'flex-start',fontSize:14,color:'var(--ink2)',cursor:'pointer'}}><input type="checkbox" checked={ok} onChange={e=>setOk(e.target.checked)} style={{marginTop:5,accentColor:'var(--green)',width:16,height:16,flex:'none'}}/>I confirm I am 18 or older. I explicitly consent to Pausa processing the health information I choose to share, for the purpose of matching me with a clinician. I can withdraw this at any time.</label>
 <div className="row" style={{marginTop:24,justifyContent:'space-between'}}><a href="#/confidentiality" style={{fontSize:13}}>Read the privacy notice</a><Btn disabled={!ok||!mode} onClick={()=>go('#/intake/talk?mode='+mode)}>Start</Btn></div>
 <div style={{marginTop:32}}><Crisis/></div></main></div>}

function Conversation({mode:m0}){const[mode,setMode]=useState(m0==='type'?'type':'talk');const[area,setArea]=useState(0);const[typed,setTyped]=useState(0);const[paused,setPaused]=useState(false);const[draft,setDraft]=useState('');const[log,setLog]=useState([]);
 const cur=SCRIPT[area];
 useEffect(()=>{if(mode!=='talk'||paused)return;const full=cur.a.length;if(typed>=full){const t=setTimeout(()=>{if(area<4){setLog(l=>[...l,{q:cur.q,a:cur.a}]);setArea(area+1);setTyped(0)}},1600);return()=>clearTimeout(t)}
  const t=setTimeout(()=>setTyped(x=>Math.min(full,x+2+Math.floor(Math.random()*3))),55);return()=>clearTimeout(t)},[mode,typed,paused,area]);
 useEffect(()=>{if(mode==='talk'&&area===0&&typed===0)setTyped(Math.floor(SCRIPT[0].a.length*.55))},[]);
 const send=()=>{if(!draft.trim())return;setLog(l=>[...l,{q:cur.q,a:draft}]);setDraft('');if(area<4){setArea(area+1);setTyped(0)}else go('#/intake/review')};
 const live=mode==='talk'?cur.a.slice(0,typed):'';
 return <div style={{minHeight:'100vh',display:'flex',flexDirection:'column'}}><header className="ob-hdr" style={{gridTemplateColumns:'1fr auto 1fr'}}><Logo href="#/app"/><div className="dots5" aria-label={'Covering: '+AREAS[area]}>{AREAS.map((a,i)=><i key={a} className={i<=area?'on':''}></i>)}<span>{AREAS[area]}</span></div><span></span></header>
 <main style={{flex:1,maxWidth:720,margin:'0 auto',padding:'clamp(32px,6vw,64px) 20px',width:'100%',textAlign:'center'}}>
 {mode==='talk'?<div className={'orb'+(paused?' paused':'')} aria-hidden="true"></div>:<div style={{height:8}}></div>}
 <p key={area} className="serif reveal" style={{fontWeight:300,fontSize:28,lineHeight:1.3,marginTop:mode==='talk'?36:0,color:'var(--green)'}}>{cur.q}</p>
 {mode==='talk'?<p className="trans" style={{marginTop:24,textAlign:'left'}}>{live}{!paused&&typed<cur.a.length&&<span className="caret"></span>}{paused&&<span className="tiny" style={{display:'block',marginTop:8}}>Paused. Nothing is being recorded.</span>}</p>
 :<div style={{marginTop:24,textAlign:'left'}}><textarea className="inp" style={{minHeight:160,fontSize:15}} placeholder="Write it the way you would say it. Fragments are fine." value={draft} onChange={e=>setDraft(e.target.value)} autoFocus></textarea><div className="row" style={{justifyContent:'flex-end',marginTop:10}}><Btn sm onClick={send} disabled={!draft.trim()}>{area<4?'Send':'Send and review'}</Btn></div></div>}
 <div className="ctrls" style={{marginTop:36}}>{mode==='talk'&&<button className="btn btn-ghost btn-sm" onClick={()=>setPaused(!paused)}><Icon n="pause" s={16}/>{paused?'Resume':'Pause'}</button>}
 <button className="btn btn-ghost btn-sm" onClick={()=>{setMode(mode==='talk'?'type':'talk');setPaused(false)}}><Icon n={mode==='talk'?'type':'mic'} s={16}/>{mode==='talk'?'Switch to typing':'Switch to talking'}</button>
 <button className="btn btn-sm" onClick={()=>go('#/intake/review')}>End and review<Arrow/></button></div>
 {log.length>0&&<details style={{marginTop:40,textAlign:'left'}}><summary className="small" style={{cursor:'pointer'}}>Earlier in this conversation ({log.length})</summary>{log.map((l,i)=><div key={i} style={{marginTop:14}}><p className="small" style={{fontStyle:'italic'}}>{l.q}</p><p className="body" style={{fontSize:14}}>{l.a}</p></div>)}</details>}
 <p className="tiny" style={{marginTop:40}}>The assistant asks and reflects back. It does not diagnose or give advice.</p></main>
 <div style={{maxWidth:720,margin:'0 auto',padding:'0 20px 32px',width:'100%'}}><Crisis/></div></div>}

const SUMMARY=[
['What is going on',"Closed a bridge round in August on worse terms than the team knows. Carrying the gap between what the board thinks and what I think. Co-founder and I barely talk outside standups. The hour after I close the laptop is the worst: my head keeps running the runway model."],
['How long',"Since the round, roughly two months. Sleep has been poor since last winter."],
['What I have tried',"Six sessions of therapy in 2022, before the company; the psychologist did not understand the board context. Running, irregularly. A meditation app for a month."],
['What I want to be different',"To switch off in the evening. One person I can say all of it to without it changing anything at work."],
['Practical',"English. Mornings before 10:00, or Monday and Friday around lunch. Someone who has worked with founders."]];
function Review(){const[s,set]=useStore();const[blocks,setBlocks]=useState(SUMMARY);const[edit,setEdit]=useState(0);const[drains,setDrains]=useState([12,3,15,9,16]);const[add,setAdd]=useState(false);const[prefs,setPrefs]=useState(['English','Mornings before 10:00','Mon and Fri lunchtime','Founder experience']);
 const quotes={12:'"One person I can say all of it to without it changing anything at work."',3:'"Carrying the gap between what the board thinks and what I think."'};
 return <div style={{minHeight:'100vh'}}><header className="ob-hdr" style={{gridTemplateColumns:'1fr auto'}}><Logo href="#/app"/><div className="dots5">{AREAS.map(a=><i key={a} className="on"></i>)}<span>Review</span></div></header>
 <main style={{maxWidth:760,margin:'0 auto',padding:'clamp(36px,6vw,64px) 20px 48px'}}><h1 className="h1" style={{fontSize:'clamp(36px,4.6vw,54px)'}}>Here is what we heard. <em>Change anything.</em></h1><p className="lead" style={{marginTop:14}}>Nothing has been sent. This is the summary a clinician would read before your first session.</p>
 <div className="card" style={{marginTop:32,padding:'clamp(22px,3vw,32px)'}}>{blocks.map(([h,t],i)=><div className="rv-block" key={h}><div className="rv-h"><span className="lbl" style={{textTransform:'uppercase',letterSpacing:2,fontSize:10,color:'var(--ink3)',fontWeight:600}}>{h}</span><span className="rv-acts">{edit===i?<button onClick={()=>setEdit(null)} style={{color:'var(--green)',fontWeight:600}}>Done</button>:<button onClick={()=>setEdit(i)}>Edit</button>}<button onClick={()=>{setBlocks(blocks.filter((_,k)=>k!==i));setEdit(null)}}>Remove this</button></span></div>
 {edit===i?<textarea className="inp hl" style={{minHeight:110}} value={t} onChange={e=>{const b=[...blocks];b[i]=[h,e.target.value];setBlocks(b)}} autoFocus/>:<p className="body">{t}</p>}</div>)}</div>
 <h2 className="h3" style={{marginTop:40}}>The drains we heard</h2><p className="small" style={{marginTop:4}}>From the 17 Energy Drains in the Founder's Manual. Remove any that do not fit.</p>
 <div style={{display:'grid',gap:14,marginTop:16}}>{drains.map((n,i)=>{const d=PD.drain(n);return <div key={n}><span className="dchip"><i>{String(n).padStart(2,'0')}</i>{d.name}<button className="chip-x" style={{color:'var(--green)'}} onClick={()=>setDrains(drains.filter(x=>x!==n))} aria-label={'Remove '+d.name}>×</button></span>{i<2&&quotes[n]&&<p className="quote" style={{marginTop:8}}>{quotes[n]}</p>}</div>})}</div>
 <div style={{position:'relative',marginTop:14}}><button className="chip" onClick={()=>setAdd(!add)} style={{padding:'6px 14px'}}><Icon n="plus" s={13}/>Add a drain</button>
 {add&&<div className="menu" style={{left:0,right:'auto',top:36,maxHeight:300,overflow:'auto',minWidth:300}}>{PD.DRAINS.filter(d=>!drains.includes(d.n)).map(d=><button key={d.n} onClick={()=>{setDrains([...drains,d.n]);setAdd(false)}}><span className="serif" style={{color:'var(--ink3)',marginRight:8}}>{String(d.n).padStart(2,'0')}</span>{d.name}</button>)}</div>}</div>
 <h2 className="h3" style={{marginTop:36}}>For matching</h2><div className="chips" style={{marginTop:12}}>{prefs.map(p=><span key={p} className="chip" style={{fontSize:12,padding:'6px 12px'}}>{p}<button className="chip-x" onClick={()=>setPrefs(prefs.filter(x=>x!==p))} aria-label={'Remove '+p}>×</button></span>)}</div>
 <div className="row" style={{marginTop:40,justifyContent:'space-between'}}><a className="tlink" href="#/intake">Start again</a><Btn onClick={()=>{set({drains});go('#/intake/matches')}}>Looks right, find my matches</Btn></div>
 <p className="small" style={{marginTop:36,fontStyle:'italic',textAlign:'center'}}>Your recording has already been deleted. This text is what remains, and it belongs to you. You can download it or delete it from your account at any time.</p></main></div>}

const MATCHES=[
{id:'steven',r1:'Works in English and Portuguese. Experienced with Hypervigilance and Recovery Debt. Has a slot in your window: Mon 12 Oct, 08:30.',r2:'You said the worst part is the hour after you close the laptop. Steven works on nervous system regulation, which is the layer that sits underneath that.'},
{id:'zuzanna',r1:'Works in English and Portuguese. Experienced with Identity Fusion and Leadership Loneliness. Has a slot in your window: Tue 13 Oct, 09:00.',r2:'You said you want one person you can say all of it to. Zuzanna works with leaders on the gap between the role they perform and who they are.'},
{id:'tiago',r1:'Works in English and Portuguese. Experienced with co-founder conflict and leadership transitions. Has a slot in your window: Fri 16 Oct, 12:30.',r2:'You said you and your co-founder barely talk outside standups. Tiago works with co-founder relationships under pressure.'}];
function Matches(){const[more,setMore]=useState(false);
 return <div style={{minHeight:'100vh'}}><header className="ob-hdr" style={{gridTemplateColumns:'1fr auto'}}><Logo href="#/app"/><a className="tlink" href="#/app">Go to my dashboard</a></header>
 <main className="wrap" style={{padding:'clamp(36px,6vw,64px) clamp(20px,4vw,48px) 64px'}}><Eyebrow>Your matches</Eyebrow><h1 className="h1" style={{fontSize:'clamp(36px,4.6vw,54px)'}}>Three people we would <em>start</em> with.</h1><p className="lead" style={{marginTop:14}}>Ranked by fit with what you told us. A person at Pausa confirms every match within the hour.</p>
 <div className="grid3" style={{marginTop:36}}>{MATCHES.map((m,i)=>{const c=PD.clin(m.id);return <article key={m.id} className="card float cl-card" style={{padding:24}}><div className="row" style={{justifyContent:'space-between'}}><span className="serif" style={{fontSize:30,color:'var(--ink3)',lineHeight:1}}>{i+1}</span><span className="chip chip-lime">{c.next}</span><span className="tiny">{PD.priceLabel(c)} a session</span></div>
 <div style={{display:'grid',gridTemplateColumns:'84px minmax(0,1fr)',gap:14,alignItems:'center'}}><Portrait c={c}/><div><h2 className="h3" style={{fontSize:24}}>{c.name}</h2><p className="small">{c.city}</p>{c.rep&&<span className="rep">representative profile</span>}</div></div>
 <div className="chips">{c.spec.map(t=><span className="chip" key={t}>{t}</span>)}</div>
 <p className="reason">{m.r1}</p><p className="reason p">{m.r2}</p>
 <div className="row" style={{marginTop:'auto',justifyContent:'space-between'}}><a className="tlink" href={'#/clinicians/'+c.id}>Profile</a><Btn sm href={'#/app/book?clin='+c.id+'&step=3'}>Book</Btn></div></article>})}</div>
 <p style={{textAlign:'center',marginTop:32}}>{more?<span className="small">Three more are being prepared. A person will send them within the hour.</span>:<button className="tlink" onClick={()=>setMore(true)}>None of these feel right? Get three more.</button>}<span className="small" style={{display:'block',marginTop:6}}>If it does not fit, the next introduction is on us.</span></p></main></div>}

Object.assign(window,{IntakeEntry,Conversation,Review,Matches,Safety,SafetyCard});