const CHAT=[{t:'What is going on for you right now?'},{t:'We closed the bridge on worse terms than the team knows.',me:1},{t:'That sounds like a lot to hold. How long has it been like this?'},{t:'Since August. Honestly, since last winter.',me:1},{t:'What would you want to be different?'},{t:'To switch off in the evening.',me:1}];
function PhoneChat(){const[n,setN]=useState(1);useEffect(()=>{const t=setInterval(()=>setN(x=>x>=CHAT.length?1:x+1),2200);return()=>clearInterval(t)},[]);const shown=CHAT.slice(Math.max(0,n-3),n);
 return <div className="phone" aria-label="Intake conversation preview"><div className="phone-in"><image-slot id="h2-phone" shape="rect" placeholder="Video: a founder talking at a desk, window light"></image-slot>
 <div className="mini-orb"></div><div className="bubbles">{shown.map((m,i)=><div key={n+'-'+i} className={'bub'+(m.me?' me':'')}>{m.t}</div>)}</div>
 <div className="phone-bar"><span><Icon n="pause" s={18}/></span><span><Icon n="type" s={18}/></span><span className="end">End and review</span></div></div></div>}

function Marquee({items,rev,render}){const all=[...items,...items];return <div className={'marquee'+(rev?' rev':'')}><div className="marquee-t">{all.map((x,i)=>render?render(x,i):<span key={i} className="chip" style={{fontSize:12,padding:'7px 14px'}}>{x}</span>)}</div></div>}

function Faces({ids}){return <div className="faces">{ids.map(id=>{const c=PD.clin(id);return <div key={id}>{c.name.split(' ').map(w=>w[0]).slice(0,2).join('')}</div>})}</div>}

function Orbit(){const ring=[['zuzanna',50,8,1],['mariana',88,30],['tiago',92,68],['steven',50,92,1],['ines',12,70],['rui',10,32],['sofia',30,20],['catarina',72,82]];
 return <div className="orbit">{[100,70,40].map(s=><div key={s} className="ring" style={{inset:`${(100-s)/2}%`}}></div>)}
 {ring.map(([id,x,y,lg])=>{const c=PD.clin(id);return <div key={id} className={'node'+(lg?' lg':'')} style={{left:x+'%',top:y+'%'}}>{c.name.split(' ').map(w=>w[0]).slice(0,2).join('')}</div>})}
 <div className="float-card" style={{left:'50%',top:'50%',transform:'translate(-50%,-50%)',width:'min(280px,70%)',textAlign:'center'}}><span className="chip chip-lime">It's a match</span><p className="serif" style={{fontSize:22,marginTop:10,lineHeight:1.2}}>Steven, Lisbon</p><p className="small" style={{marginTop:6}}>Based on your drains, language and the window you can actually make.</p></div></div>}

const FAQS=[['Is it really free for the fund?','Yes. Signing costs nothing. Each founder gets one Energy Load Index and two sessions a year, absorbed by Pausa. Beyond that, sessions are €150, from a credit pool or invoiced monthly.'],['Who can see that a founder used Pausa?','The founder and their clinician. The fund receives totals once a quarter, only when at least ten founders are active, and never a name, a company or a date.'],['Is Pausa a clinic?','No. '+DISCLAIMER],['What happens if a founder is in crisis?','The intake stops and shows crisis lines straight away, and a Pausa clinician can be reached the same day. Nobody waits for a matching step.'],['Which languages?','English and Português, across the whole network.']];
function Faq(){const[o,setO]=useState(0);return <div>{FAQS.map(([q,a],i)=><div className="faq" key={q}><button onClick={()=>setO(o===i?null:i)} aria-expanded={o===i}>{q}<span className="pm" style={o===i?{transform:'rotate(45deg)',background:'var(--green)',color:'var(--cream)',borderColor:'var(--green)'}:null}><Icon n="plus" s={16}/></span></button>{o===i&&<p className="body reveal">{a}</p>}</div>)}<div style={{borderTop:'1px solid var(--border)'}}></div></div>}

function Home2(){const vids=[['zuzanna','Zuzanna','Identity and leadership'],['steven','Steven','Nervous system and recovery'],['mariana','Mariana Albuquerque','Burnout and overload'],['tiago','Tiago Vasconcelos','Co-founder conflict'],['sofia','Sofia Marques Pinto','Relocation and isolation']];
 return <><div className="ann">Founding clinician network now onboarding in Lisbon and Porto · <a href="#/partner">Be the first partner fund</a></div><Page seg="funds">
 <section className="wrap"><div className="h2-hero">
 <div><Eyebrow>For European venture funds</Eyebrow><h1 className="echo"><span className="e1">Pause.</span><span className="e2">Pause.</span><span className="e3">Pause.</span><span className="last">Then talk to someone who understands founders.</span></h1>
 <p className="lead" style={{marginTop:28}}>Matched to a psychologist in under 48 hours. Free for your fund to offer. You never see who used it.</p>
 <div className="row" style={{marginTop:28}}><Btn href="#/partner">Partner with Pausa</Btn><Btn href="#/how" ghost arrow={false}>See how matching works</Btn></div></div>
 <PhoneChat/></div>
 <div className="trust-row"><Faces ids={['zuzanna','steven','mariana','tiago','ines']}/><span className="small">Clinicians registered with Ordem dos Psicólogos Portugueses · Built at healthhub by Unicorn Factory Lisbon</span></div></section>

 <section className="wrap"><div className="feat">
 <div><Eyebrow>The intake</Eyebrow><h2>You talk once. <em>We carry it</em> from there.</h2><p className="body" style={{marginTop:18,maxWidth:460}}>Five minutes, out loud or typed. You see exactly what we wrote down and decide what gets sent.</p><div style={{marginTop:28}}><Btn href="#/intake" ghost arrow={false}>Try the intake</Btn></div></div>
 <div className="stage"><image-slot id="h2-feat1" shape="rect" placeholder="Video: hands on a laptop, a quiet Lisbon room"></image-slot>
 <div className="float-card" style={{left:'6%',top:'8%',maxWidth:'62%'}}><span className="tiny" style={{textTransform:'uppercase',letterSpacing:2,fontWeight:600}}>What we heard</span><p className="serif" style={{fontStyle:'italic',fontSize:17,lineHeight:1.35,marginTop:6}}>"The worst part is the hour after I close the laptop."</p></div>
 <div className="float-card" style={{right:'6%',bottom:'8%',maxWidth:'70%'}}><span className="tiny" style={{textTransform:'uppercase',letterSpacing:2,fontWeight:600}}>Drains</span><div className="chips" style={{marginTop:8}}>{[12,3,15].map(n=><span key={n} className="dchip" style={{padding:'4px 12px',fontSize:11}}><i>{String(n).padStart(2,'0')}</i>{PD.drain(n).name}</span>)}</div></div></div></div></section>

 <section className="wrap"><div className="feat rev">
 <div><Eyebrow>The match</Eyebrow><h2>The right clinician, <em>with the reason</em> stated.</h2><p className="body" style={{marginTop:18,maxWidth:460}}>Three people, ranked on what you said, the language you think in and the hours you can actually make. A person confirms every match within the hour.</p></div>
 <Orbit/></div>
 <div style={{display:'grid',gap:10,paddingBottom:'clamp(48px,7vw,96px)'}}><Marquee items={['Runway anxiety','Board pressure','Co-founder conflict','Down round','First layoff','Leadership loneliness','Identity fusion','Decision fatigue','Recovery debt','Building in a second language']}/><Marquee rev items={['English','Português','Video','In person, Lisbon','Mornings before 10:00','Within 48 hours','€0 to the founder']}/></div></section>

 <section className="wrap"><div className="steps3">{[['h2-s1','Talk it through','Five minutes, voice or text.'],['h2-s2','Get three matches','Each with the reason, in plain words.'],['h2-s3','Seen inside 48 hours','Video or in person, in Lisbon.']].map(([id,t,d],i)=><div className="step-v" key={id}><div className="ph"><image-slot id={id} shape="rect" placeholder={'Image: '+t.toLowerCase()}></image-slot></div><div className="row" style={{gap:12,alignItems:'baseline'}}><span className="serif" style={{fontSize:28,color:'var(--ink3)'}}>{i+1}</span><div><b style={{fontWeight:600}}>{t}</b><p className="small" style={{color:'var(--ink2)'}}>{d}</p></div></div></div>)}</div></section>

 <section className="wrap big-free"><Eyebrow>To sign</Eyebrow><div className="n">€0</div><p className="serif" style={{fontSize:'clamp(22px,2.6vw,32px)',lineHeight:1.3,marginTop:18,maxWidth:640,marginInline:'auto'}}>Funds pay €150 only when a founder books beyond the free tier. Founders pay nothing.</p><p style={{marginTop:20}}><a href="#/funds">See the published pricing</a></p></section>

 <section className="wrap" style={{paddingBottom:'clamp(64px,9vw,128px)'}}><div className="row" style={{justifyContent:'space-between',alignItems:'flex-end',marginBottom:28}}><div><Eyebrow>Meet the network</Eyebrow><h2 className="h2">Hear them <em>before</em> you book.</h2></div><a href="#/clinicians" className="tlink">All clinicians</a></div>
 <div className="vids">{vids.map(([id,n,s])=><div className="vid" key={id}><image-slot id={'h2-vid-'+id} shape="rect" placeholder={'Intro video: '+n}></image-slot><span className="vid-play"><Icon n="video" s={16}/></span><div className="vid-cap"><b style={{fontWeight:600,fontSize:14}}>{n}</b><p className="tiny" style={{color:'var(--ink2)'}}>{s}{PD.clin(id).rep?' · representative':''}</p></div></div>)}</div></section>

 <ConfBand/>

 <section className="wrap sec-s"><p className="small" style={{textAlign:'center',marginBottom:18}}>Partner funds</p><div className="fund-slots"><Marquee items={[1,2,3,4,5,6]} render={(x,i)=><div className="slot-t" key={i}>The first fund to sign goes here</div>}/></div></section>

 <section className="wrap sec"><div className="grid2" style={{gap:56,alignItems:'start'}}><div><Eyebrow>FAQ</Eyebrow><h2 className="h2">The <em>good to know</em> part.</h2><p className="body" style={{marginTop:12}}>Anything else? <a href="mailto:hello@pausa.pt">hello@pausa.pt</a></p></div><Faq/></div></section>

 <section className="wrap" id="partner" style={{paddingBottom:'clamp(48px,7vw,96px)'}}><div className="final"><h2>Ready when <em>you are</em>.</h2><p style={{marginTop:18,opacity:.85,fontSize:16}}>One page to sign. A fund-branded page live in 48 hours.</p><div className="row" style={{justifyContent:'center',marginTop:32}}><Btn href="#/partner">Partner with Pausa</Btn><a className="btn btn-dark-ghost" href="#/founders">I am a founder</a></div></div></section>
 <section className="wrap sec-s"><OnePager/></section>
 </Page></>}

function PartnerPage(){return <Page seg="funds"><section className="wrap sec"><div className="col" style={{maxWidth:820}}><Eyebrow>Partner with Pausa</Eyebrow><h1 className="h1" style={{fontSize:'clamp(36px,4.4vw,54px)'}}>One page to sign. <em>Nothing</em> to pay until it is used.</h1><p className="body" style={{margin:'14px 0 32px'}}>Tell us about the fund. We reply within one working day.</p><PartnerForm/></div></section></Page>}

Object.assign(window,{Home2,PartnerPage});