function Stage({id,ph,children,ratio,src}){return <div className="stage" style={ratio?{aspectRatio:ratio}:null}><image-slot id={id} src={src} shape="rect" placeholder={ph}></image-slot>{children}</div>}
function Feat({rev,eyebrow,title,body,cta,children}){return <section className="wrap"><div className={'feat'+(rev?' rev':'')}><div><Eyebrow>{eyebrow}</Eyebrow><h2>{title}</h2>{body&&<p className="body" style={{marginTop:18,maxWidth:470}}>{body}</p>}{cta&&<div style={{marginTop:28}}>{cta}</div>}</div>{children}</div></section>}
function HeroV({eyebrow,title,sub,ctas,id,ph,src}){return <section className="wrap"><div className="h2-hero"><div><Eyebrow>{eyebrow}</Eyebrow><h1 className="h1">{title}</h1>{sub&&<p className="lead" style={{marginTop:22}}>{sub}</p>}{ctas&&<div className="row" style={{marginTop:28}}>{ctas}</div>}</div><Stage id={id} src={src} ph={ph} ratio="4/5"/></div></section>}
function Final({title,sub,ctas}){return <section className="wrap" style={{paddingBottom:'clamp(48px,7vw,96px)'}}><div className="final"><h2>{title}</h2>{sub&&<p style={{marginTop:18,opacity:.85,fontSize:16}}>{sub}</p>}<div className="row" style={{justifyContent:'center',marginTop:32}}>{ctas}</div></div></section>}
function Steps3({items}){return <section className="wrap" style={{paddingBottom:'clamp(64px,9vw,128px)'}}><div className="steps3">{items.map(([id,t,d],i)=><div className="step-v" key={id}><div className="ph"><image-slot id={id} src={{'h2w-s1':'img/how-s1.jpg?v=2','h2w-s2':'img/how-s2.jpg?v=2','h2w-s3':'img/how-s3.jpg?v=2'}[id]} shape="rect" placeholder={'Image: '+t.toLowerCase()}></image-slot></div><div className="row" style={{gap:12,alignItems:'baseline',flexWrap:'nowrap'}}><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>}
function Big({eyebrow,n,line,link}){return <section className="wrap big-free"><Eyebrow>{eyebrow}</Eyebrow><div className="n">{n}</div><p className="serif" style={{fontSize:'clamp(22px,2.6vw,32px)',lineHeight:1.3,marginTop:18,maxWidth:660,marginInline:'auto'}}>{line}</p>{link&&<p style={{marginTop:20}}>{link}</p>}</section>}
function FaqList({items}){const[o,setO]=useState(0);return <div>{items.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>}
const fc=(st,ch)=><div className="float-card" style={st}>{ch}</div>;
const lbl=t=><span className="tiny" style={{textTransform:'uppercase',letterSpacing:2,fontWeight:600}}>{t}</span>;

function Founders2(){return <Page seg="founders">
 <HeroV eyebrow="For founders" title={<>Invisible to your fund. Your investor never <em>finds out</em> you used it.</>} sub="Five minutes to say what is going on. A clinician who understands founders, with a 15-minute introduction within 24 hours." ctas={<><Btn href="#/signup/1">Find your expert</Btn><Btn href="#/app/index" ghost arrow={false}>Take the Index first</Btn></>} id="f2-hero" ph="Video: a founder walking by the river in Lisbon, early morning"/>
 <section className="wrap" style={{paddingBottom:'clamp(48px,7vw,96px)'}}><div style={{display:'grid',gap:10}}><Marquee items={['A board meeting that went badly','A co-founder conflict you cannot take to the board','A down round','A raise that did not close','The first time you fire someone you hired','A runway cliff you are carrying alone','Nothing in particular, and that is its own signal']}/></div></section>
 <Feat eyebrow="Will my investor find out?" title={<>No. Your fund sees <em>numbers</em>, never names.</>} body="Totals once a quarter, only when at least ten founders in the portfolio are active. Not your name, your company or the fact that you signed up.">
 <Stage id="f2-conf" ph="Image: a closed door, soft light">{fc({left:'6%',top:'8%',width:'min(250px,70%)'},<>{lbl('What your fund sees')}<p className="serif" style={{fontSize:34,lineHeight:1,marginTop:8}}>31%</p><p className="small">activation, Q3, cohort ≥ 10</p></>)}{fc({right:'6%',bottom:'8%',width:'min(250px,70%)'},<>{lbl('What it never sees')}<ul className="ticks" style={{marginTop:10,gap:6}}>{['Who booked','What was said','That you exist here'].map(t=><li key={t} style={{fontSize:13}}><Icon n="x" s={14} style={{marginTop:3}}/>{t}</li>)}</ul></>)}</Stage></Feat>
 <Feat rev eyebrow="Will they understand?" title={<>Every clinician has sat <em>across</em> from a founder.</>} body="You will not spend the first session explaining what a down round is.">
 <Orbit/></Feat>
 <Steps3 items={[['f2-s1','Talk it through once','Five minutes, voice or text.'],['f2-s2','Three matches','Each with the reason, in plain words.'],['f2-s3','A 15-minute introduction within 24 hours','Free. Video or in person, in Lisbon.']]}/>
 <Big eyebrow="Cost to you" n="€0" line="The 15-minute introduction is free. Sessions are €90."/><section className="wrap sec-s"><p className="lead" style={{maxWidth:820}}>We measure the Energy Load Index before your first session and after your sixth. You see the change. Your investor never does.</p></section>
 <section className="wrap sec"><div className="grid2" style={{gap:56,alignItems:'start'}}><div><Eyebrow>Good to know</Eyebrow><h2 className="h2">Before you <em>start</em>.</h2></div><FaqList items={[['Do I need a diagnosis?','No. You do not need to know what is wrong. Most founders start with "something is off".'],['Is the voice intake recorded?','Audio is transcribed and deleted within 24 hours. You can type instead, with the same result.'],['What if it does not fit?','Ask for three more matches, or change clinician after any session. If it does not fit, the next introduction is on us. Nobody is told why.'],['What if I need help now?','Call 112 in an emergency, or 1411 or SNS 24 on 808 24 24 24, option 4, both 24 hours.']]}/></div></section>
 <Final title={<>Say it <em>once</em>.</>} sub="We carry it from there." ctas={<><Btn href="#/signup/1">Find your expert</Btn><a className="btn btn-dark-ghost" href="#/app/index">Take the Index</a></>}/>
</Page>}

function Funds2(){return <Page seg="funds">
 <HeroV eyebrow="For VC funds" title={<>A portfolio benefit with <em>no programme</em> to run.</>} sub="One page to sign. €0 to join. Fund a credit pool, or let founders pay for themselves. You never see who used it." ctas={<><Btn href="#/partner">Partner with Pausa</Btn><Btn href="#/trust" ghost arrow={false}>Read the trust centre</Btn></>} id="f2f-hero" ph="Image: a calm partner meeting room, Lisbon light"/>
 <section className="wrap" style={{paddingBottom:'clamp(56px,8vw,112px)'}}><div className="grid3" style={{gap:36}}>{[['No budget conversation','Joining is €0. Fund a pool, or fund nothing.'],['No programme to run','You forward one email. Pausa runs the rest.'],['No liability','Care sits with licensed, independent clinicians.']].map(([t,d])=><div className="usp" key={t}><h3>{t}</h3><p className="body">{d}</p></div>)}</div></section>
 <section className="wrap sec"><div className="grid2" style={{gap:56,alignItems:'start'}}><div><Eyebrow>Credit pool</Eyebrow><h2 className="h2">Fund it like founder support you <em>already budget for</em>.</h2><p className="body" style={{marginTop:16}}>Several funds set aside 1 to 2% of each cheque for founder support. Pausa turns that into a prepaid pool your founders draw on, per session. Unused balance rolls over. Top it up when it runs low.</p><p className="small" style={{marginTop:14}}>Or fund nothing: founders can pay for themselves. Joining is €0 either way.</p></div><QReport/></div></section>
 <section className="wrap sec-s"><Eyebrow>Published pricing</Eyebrow><h2 className="h2" style={{marginBottom:28}}>Nothing to <em>negotiate</em>.</h2><div className="grid3" style={{gap:14}}>{[[PD.eur(PD.PRICING.join),'Joining, for an investor','Every portfolio founder gets access, plus a fund-branded page and quarterly report.'],['Free','Introduction with a psychologist','15 minutes, to check the fit before any session.'],[PD.priceLabel(null),'Session, '+PD.PRICING.sessionMinutes+' minutes','Per session, with any psychologist in the network.']].map(([n,t,d])=><div className="card" key={t} style={{padding:24,display:'flex',flexDirection:'column',gap:8}}><div className="serif" style={{fontSize:'clamp(32px,3.4vw,44px)',lineHeight:1,whiteSpace:'nowrap'}}>{n}</div><b style={{fontWeight:600,fontSize:14}}>{t}</b><p className="small" style={{color:'var(--ink2)'}}>{d}</p></div>)}</div><p className="small" style={{marginTop:12}}>Prices as of October 2026.</p></section>
 <section className="wrap sec"><Eyebrow>The fund journey</Eyebrow><h2 className="h2" style={{marginBottom:40}}>From first call to <em>renewal</em>.</h2><ol className="steps" style={{padding:0,margin:0}}>{['Discovery','20-minute call','One-page agreement','Launch kit in 48 hours','Quarterly aggregate report','Renewal at month nine'].map((t,i)=><li key={t}><b>{String(i+1).padStart(2,'0')}</b>{t}</li>)}</ol></section>
 <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>
 <Final title={<>One page. <em>Live in 48 hours</em>.</>} ctas={<><Btn href="#/partner">Partner with Pausa</Btn><a className="btn btn-dark-ghost" href="#/how">How it works</a></>}/>
</Page>}

function About2(){return <Page seg="about">
 <HeroV 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." id="a2-hero" ph="Photograph: healthhub by Unicorn Factory Lisbon"/>
 <section className="wrap" style={{paddingBottom:'clamp(56px,8vw,112px)'}}><div className="grid3">{[['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="step-v" key={id}><div className="ph" style={{aspectRatio:'4/5'}}><image-slot id={id} shape="rect" placeholder={'Photo: '+t.toLowerCase()}></image-slot></div><div><b style={{fontWeight:600}}>{t}</b><p className="small" style={{color:'var(--ink2)'}}>{d}</p></div></div>)}</div></section>
 <Big eyebrow="Ownership" n="100%" line="Steward-owned. Control stays with the people running Pausa, and no acquirer can change what it does with founder data." link={<a href="#/mission">Mission and Values</a>}/>
 <section className="wrap" style={{paddingBottom:'clamp(64px,9vw,128px)'}}><Eyebrow>The team</Eyebrow><h2 className="h2" style={{marginBottom:28}}>The people <em>behind</em> it.</h2>{PD.SHOW_TESTIMONIALS&&<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 sec-s" style={{paddingBottom:'clamp(64px,9vw,128px)'}}><div className="grid3">{[['Mission and Values','#/mission'],['Careers','#/careers'],['For Psychologists','#/psychologists']].map(([t,h])=><a key={t} className="card hov aud" style={{minHeight:160}} href={h}><h3 className="h3">{t}</h3><span className="tlink" style={{marginTop:'auto'}}>Read more</span></a>)}</div></section>
 <Final title={<>Come <em>say hello</em>.</>} sub="healthhub by Unicorn Factory Lisbon · hello@pausa.pt" ctas={<Btn href="mailto:hello@pausa.pt">Write to us</Btn>}/>
</Page>}

function Therapists2(){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="about">
 <HeroV 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={<Btn href="#/psychologists?to=apply">Apply to join</Btn>} id="t2-hero" ph="Image: a psychologist's room, two chairs, window light"/><section className="wrap sec-s"><p className="lead" style={{maxWidth:820}}>We measure the Energy Load Index before your first session and after your sixth. You see the change. Your investor never does.</p></section>
 <Feat eyebrow="What you get" title={<>Founders who arrive <em>already understood</em>.</>} body="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.">
 <Stage id="t2-ref" ph="Image: a notebook and tea on a side table">{fc({left:'6%',top:'8%',width:'min(270px,74%)'},<>{lbl('New referral')}<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></>)}{fc({right:'6%',bottom:'8%'},<>{lbl('Booked')}<p style={{fontSize:14,marginTop:4}}>Mon 12 Oct · 11:00</p></>)}</Stage></Feat>
 <section className="wrap sec-s"><Eyebrow>Screening</Eyebrow><h2 className="h2" style={{marginBottom:28}}>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="card" key={t} style={{display:'flex',gap:14,alignItems:'baseline'}}><span className="serif" style={{fontSize:26,color:'var(--ink3)'}}>{i+1}</span><span style={{fontSize:14,color:'var(--ink2)'}}>{t}</span></div>)}</div></section>
 <section className="wrap sec" id="apply"><div className="col" style={{maxWidth:820}}><Eyebrow>Apply</Eyebrow><h2 className="h2" style={{marginBottom:28}}>Join the <em>network</em>.</h2>
 {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={'t2-'+k}>{l}</label><input id={'t2-'+k} className="inp" value={f[k]||''} onChange={e=>up(k,e.target.value)}/></div>)}</div>
 <div className="field"><label htmlFor="t2-exp">Experience with founders</label><textarea id="t2-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 How2(){return <Page seg="funds">
 <HeroV eyebrow="How it works · Pausa OS" title={<>Three parties. <em>One</em> layer underneath.</>} sub="The fund signs, the founder is matched, the clinician delivers. Pausa OS runs between them." id="h2w-hero" src="img/how-hero.jpg?v=2" ph="Diagram or image: the three parties"/>
 <Steps3 items={[['h2w-s1','Fund signs','One page, €0, live in 48 hours.'],['h2w-s2','Founder matched','Five-minute intake, three reasons, a person confirms.'],['h2w-s3','Clinician delivers','Licensed, independent, carrying their own indemnity.']]}/>
 <section className="wrap sec"><Eyebrow>Pausa OS</Eyebrow><h2 className="h2" style={{marginBottom:28}}>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 sec"><blockquote className="serif" style={{margin:0,fontSize:'clamp(28px,3.4vw,44px)',fontWeight:300,lineHeight:1.25,maxWidth:960,fontStyle:'italic'}}>"{DISCLAIMER}"</blockquote></section>
 <Final title={<>See it <em>with your portfolio</em>.</>} ctas={<Btn href="#/partner">Partner with Pausa</Btn>}/>
</Page>}

function Careers2(){return <><Careers/></>}

Object.assign(window,{Founders2,Funds2,About2,Therapists2,How2,Stage,Feat,HeroV,Final,Steps3,Big,FaqList});

function QReport(){const[active,setActive]=useState(14);const on=active>=10;return <div className="card float" style={{padding:28}}><div className="row" style={{justifyContent:'space-between',gap:10,flexWrap:'wrap'}}>{lbl('Q3 2026 · sample fund')}<span className="chip">Illustrative</span></div>{on?<div className="grid3" style={{gap:10,marginTop:14}}>{[['14','Founders activated'],['52','Sessions'],['€1,950','Your share']].map(([n,l])=><div key={l} style={{background:'var(--bg)',borderRadius:8,padding:12}}><div className="serif" style={{fontSize:26,lineHeight:1}}>{n}</div><div className="tiny">{l}</div></div>)}</div>:<p className="body" style={{marginTop:14,background:'var(--bg)',borderRadius:8,padding:16}}>Your first report appears once 10 founders are active.</p>}<p className="tiny" style={{marginTop:10}}>Shown only when 10 or more founders are active. No names, companies, session types or dates.</p><div className="row" style={{gap:8,marginTop:14}}><span className="tiny">Preview:</span>{[[14,'14 active'],[6,'6 active']].map(([n,l])=><button key={n} type="button" className={'chip'+(active===n?' chip-lime':' chip-out')} onClick={()=>setActive(n)}>{l}</button>)}</div></div>}
function OSFeatures(){return <div className="card" style={{padding:'8px 28px'}}>{PD.OS_FEATURES.map(([t,s])=><div key={t} className="row" style={{justifyContent:'space-between',gap:16,padding:'14px 0',borderBottom:'1px solid var(--border2)'}}><span className="body" style={{fontSize:15}}>{t}</span><span className={'chip '+(s==='live'?'chip-lime':'chip-out')} style={{flexShrink:0}}>{s==='live'?'Live':'In development'}</span></div>)}</div>}
Object.assign(window,{QReport,OSFeatures});