function AudHero({eyebrow,title,sub,ctas,id,src,ph,card}){return <section className="wrap h3-hero"><Eyebrow>{eyebrow}</Eyebrow><h1 style={{fontSize:'clamp(44px,6.4vw,92px)',maxWidth:1100,margin:'0 auto'}}>{title}</h1>{sub&&<p className="lead" style={{maxWidth:680}}>{sub}</p>}{ctas&&<div className="row" style={{justifyContent:'center',marginTop:32,gap:12,flexWrap:'wrap'}}>{ctas}</div>}
 <div className="h3-demo" style={{aspectRatio:'16/7',padding:0}}><image-slot id={id} src={src} shape="rect" placeholder={ph}></image-slot>{card&&<div className="float-card" style={{right:'4%',top:'8%',width:'min(270px,44%)',textAlign:'left'}}>{card}</div>}</div></section>}
const audSec={paddingBottom:'clamp(72px,10vw,140px)'};

function Psych3(){const[f,setF]=useState({});const[sent,setSent]=useState(false);const up=(k,v)=>setF({...f,[k]:v});const ok=f.name&&/\S+@\S+\.\S+/.test(f.email||'')&&f.reg&&f.ack;
 return <Page seg="psychologists">
 <AudHero eyebrow="For psychologists" title={<>Qualified founder referrals. No admin. <em>Paid on time.</em></>} sub="The session rate is €90. Pausa keeps a published platform fee of 15 to 20%. No contact ban. No exclusivity. No minimum volume." ctas={<><a className="h3-btn" href="#/psychologists?to=apply">Apply to join<Icon n="arrow" s={16}/></a><a className="h3-btn lt" href="#/how">See how matching works</a></>} id="t2-hero" src="img/psych-hero.jpg" ph="Image: a psychologist's room, two chairs, window light" card={<><span className="chip chip-lime">New referral</span><p style={{fontSize:15,fontWeight:600,marginTop:8}}>Founder, Series A</p><p className="tiny">Summary approved by the founder</p></>}/>

 <section className="wrap h3-sec" style={{paddingTop:'clamp(40px,6vw,80px)'}}><div className="grid2" style={{gap:'clamp(32px,5vw,72px)',alignItems:'center'}}><div><Eyebrow>What you get</Eyebrow><h2 className="h3-h2" style={{fontSize:'clamp(36px,4.4vw,60px)'}}>Founders who arrive <em>already understood</em>.</h2><p className="body" style={{marginTop:18,fontSize:17,maxWidth:520}}>Every referral comes with the summary the founder approved and the drains they recognised, so the first session starts in the middle, not at the beginning.</p><p className="body" style={{marginTop:14,fontSize:17,maxWidth:520}}>We measure the Energy Load Index before a founder's first session and after their sixth. With the founder's consent, you see the change.</p></div>
 <div style={{position:'relative',aspectRatio:'4/5',borderRadius:28,overflow:'hidden',background:'var(--bg2)'}}><image-slot id="t2-ref" src="img/psych-ref.jpg" shape="rect" placeholder="Image: a notebook and tea on a side table" style={{position:'absolute',inset:0}}></image-slot>
 <div className="float-card" style={{left:'6%',top:'6%',width:'min(270px,80%)'}}><span className="tiny" style={{textTransform:'uppercase',letterSpacing:2,fontWeight:600}}>New referral</span><p className="serif" style={{fontSize:20,marginTop:6}}>Founder, Series A</p><div className="chips" style={{marginTop:8}}>{[12,3].map(n=><span key={n} className="dchip" style={{padding:'3px 10px',fontSize:11}}><i>{String(n).padStart(2,'0')}</i>{PD.drain(n).name}</span>)}</div></div>
 <div className="float-card" style={{right:'6%',bottom:'6%'}}><span className="tiny" style={{textTransform:'uppercase',letterSpacing:2,fontWeight:600}}>Booked</span><p style={{fontSize:14,marginTop:4}}>Mon 12 Oct · 11:00</p></div></div></div></section>

 <section className="wrap" style={audSec}><Eyebrow>Screening</Eyebrow><h2 className="h3-h2" style={{maxWidth:900,marginBottom:36}}>Six checks before <em>any</em> profile appears.</h2><div className="grid3" style={{gap:14}}>{['Licence verified against the national register','Founder or startup clients in prior caseload','Professional indemnity in force','English plus Portuguese','Capacity for two new clients a month','Written consent before your profile appears'].map((t,i)=><div className="cell" key={t} style={{padding:24,display:'flex',gap:14,alignItems:'baseline'}}><span className="serif" style={{fontSize:30,color:'var(--plum)'}}>{i+1}</span><span className="body" style={{fontSize:15}}>{t}</span></div>)}</div></section>

 <section className="wrap" style={audSec}><Eyebrow>Pausa OS</Eyebrow><h2 className="h3-h2" style={{maxWidth:900,marginBottom:36}}>What is live, and what is <em>in development</em>.</h2><OSFeatures/><p className="small" style={{marginTop:12}}>Only matching is live today, and a person confirms every match. Everything else is marked with its status.</p></section>

 <section className="wrap" id="apply" style={audSec}><div className="fund-band" style={{alignItems:'start'}}><div><Eyebrow>Apply</Eyebrow><h2 className="h3-h2" style={{fontSize:'clamp(34px,4vw,56px)'}}>Join the <em>network</em>.</h2><p className="body" style={{marginTop:16,fontSize:16}}>We verify your registration before we reply, usually within five working days.</p></div>
 {sent?<div className="card" style={{padding:36}}><Tick/><p className="serif" style={{fontSize:24,marginTop:12}}>Received. We verify your registration before we reply, usually within five working days.</p></div>:
 <form className="card float" style={{padding:'clamp(24px,4vw,40px)',display:'grid',gap:16}} onSubmit={e=>{e.preventDefault();ok&&setSent(true)}}>
 <div className="grid2" style={{gap:16}}>{[['name','Name'],['email','Email'],['city','City'],['reg','Register and registration number'],['langs','Working languages'],['years','Years in practice']].map(([k,l])=><div className="field" key={k}><label htmlFor={'p3-'+k}>{l}</label><input id={'p3-'+k} className="inp" value={f[k]||''} onChange={e=>up(k,e.target.value)}/></div>)}</div>
 <div className="field"><label htmlFor="p3-exp">Experience with founders</label><textarea id="p3-exp" className="inp hl" value={f.exp||''} onChange={e=>up('exp',e.target.value)}></textarea></div>
 <label style={{display:'flex',gap:10,fontSize:13,color:'var(--ink2)',alignItems:'flex-start'}}><input type="checkbox" checked={!!f.ack} onChange={e=>up('ack',e.target.checked)} style={{marginTop:4,accentColor:'var(--green)'}}/>I understand the 15 to 20% platform fee and that I carry my own indemnity.</label>
 <div><Btn type="submit" disabled={!ok}>Send application</Btn></div></form>}</div></section>
 </Page>}

function About3(){return <Page seg="about">
 <AudHero eyebrow="About" title={<>Built in Lisbon, by people who have <em>run</em> companies.</>} sub="Founders carry the most concentrated risk in venture and the least support for carrying it. We built a route around that." ctas={<><a className="h3-btn" href="mailto:hello@pausa.pt">Write to us<Icon n="arrow" s={16}/></a><a className="h3-btn lt" href="#/mission">Mission and Values</a></>} id="a2-hero" src="img/about-hero.jpg?v=2" ph="Photograph: healthhub by Unicorn Factory Lisbon"/>

 <section className="wrap" style={{...audSec,paddingTop:'clamp(40px,6vw,80px)'}}><div className="ev" style={{marginTop:0}}>{[['a2-p1','The place','healthhub by Unicorn Factory Lisbon, Praça Dom Pedro IV 74, 1100-203 Lisboa.'],['a2-p2','The team','Seven people, remote-first office.'],['a2-p3','The network','Independent clinicians across Portugal.']].map(([id,t,d])=><div className="cell" key={id}><div className="ph"><image-slot id={id} src={{'a2-p1':'img/about-place.jpg','a2-p2':'img/about-team.jpg','a2-p3':'img/about-network.jpg'}[id]} shape="rect" placeholder={'Photo: '+t.toLowerCase()}></image-slot></div><div style={{padding:24}}><b style={{fontSize:20,fontWeight:600,letterSpacing:'-.02em'}}>{t}</b><p className="body" style={{marginTop:8}}>{d}</p></div></div>)}</div></section>

 <section className="wrap" style={audSec}><div className="band" style={{borderRadius:32}}><Eyebrow>Ownership</Eyebrow><div style={{fontSize:'clamp(72px,10vw,140px)',fontWeight:600,letterSpacing:'-.05em',lineHeight:1,color:'#fff'}}>100%</div><h2 className="h3-h2" style={{color:'#fff',maxWidth:860,fontSize:'clamp(28px,3.4vw,44px)',marginTop:18}}>Steward-owned. Control stays with the people running Pausa, and no acquirer can change what it does with <em style={{color:'var(--pink)'}}>founder data</em>.</h2><p style={{marginTop:28,fontSize:14}}><a href="#/mission">Mission and Values</a></p></div></section>

 {PD.SHOW_TESTIMONIALS&&<section className="wrap" style={audSec}><Eyebrow>The team</Eyebrow><h2 className="h3-h2" style={{marginBottom:28}}>The people <em>behind</em> it.</h2><div className="vids">{['Founder','Clinical lead','Product','Partnerships','Operations'].map((r,i)=><div className="vid" key={r} style={{aspectRatio:'4/5'}}><image-slot id={'a2-team-'+i} shape="rect" placeholder={'Portrait: '+r.toLowerCase()}></image-slot><div className="vid-cap"><b style={{fontWeight:600,fontSize:14}}>Name</b><p className="tiny" style={{color:'var(--ink2)'}}>{r}</p></div></div>)}</div></section>}

 <section className="wrap" style={audSec}><div className="grid3" style={{gap:16}}>{[['Mission and Values','#/mission'],['Careers','#/careers'],['For Psychologists','#/psychologists']].map(([t,h])=><a key={t} className="cell" href={h} style={{borderRadius:28,background:'#fff',border:'1px solid var(--border)',textDecoration:'none',color:'var(--ink)',padding:28,minHeight:160,display:'flex',flexDirection:'column'}}><b style={{fontSize:24,fontWeight:600,letterSpacing:'-.025em'}}>{t}</b><span className="tlink" style={{marginTop:'auto'}}>Read more</span></a>)}</div></section>

 <section className="wrap" style={audSec}><div style={{textAlign:'center'}}><h2 className="h3-h2">Come <em>say hello</em>.</h2><p className="lead" style={{margin:'18px auto 0',maxWidth:600}}>healthhub by Unicorn Factory Lisbon · hello@pausa.pt</p><div style={{marginTop:28}}><a className="h3-btn" href="mailto:hello@pausa.pt">Write to us<Icon n="arrow" s={16}/></a></div></div></section>
 </Page>}
Object.assign(window,{Psych3,About3,AudHero});