function DrainGrid({sel,setSel}){const tog=n=>setSel(sel.includes(n)?sel.filter(x=>x!==n):[...sel,n]);
 return <div>{PD.SYSTEMS.map(s=><div key={s.k}><div className="sys-h"><span className="sys-ic"><Icon n={SYS_IC[s.k]} s={16}/></span><h3 className="h3" style={{fontSize:22}}>{s.name}</h3></div>
 <div className="grid3" style={{gap:10}}>{PD.DRAINS.filter(d=>d.s===s.k).map(d=><button key={d.n} className={'drain'+(sel.includes(d.n)?' on':'')} onClick={()=>tog(d.n)} aria-pressed={sel.includes(d.n)}><div className="row" style={{justifyContent:'space-between',width:'100%'}}><span className="n">{String(d.n).padStart(2,'0')}</span>{sel.includes(d.n)&&<Tick s={11}/>}</div><b>{d.name}</b><p>{d.d}</p></button>)}</div></div>)}</div>}
function DrainCounter({n}){return <p className="serif" style={{fontSize:22}}>You have identified <b style={{fontWeight:500}}>{n}</b> drain{n===1?'':'s'}. <span style={{color:'var(--ink3)'}}>Most founders carry 4 to 7.</span></p>}

function Mission(){return <Page seg="about"><div className="wrap" style={{paddingTop:56}}><FlowLine shape="wave"/></div>
 <section className="mv-stmt wrap"><div><Eyebrow>Mission</Eyebrow><p>To make sure the people building the future are still standing when it arrives.</p></div></section>
 <section className="wrap" style={{paddingBottom:'clamp(40px,6vw,80px)'}}><div className="grid2" style={{gap:16}}><div className="stage" style={{aspectRatio:'4/3'}}><image-slot id="mv-1" src="img/mv-1.jpg" shape="rect" placeholder="Image: Lisbon at first light"></image-slot></div><div className="stage" style={{aspectRatio:'4/3'}}><image-slot id="mv-2" src="img/mv-2.jpg" shape="rect" placeholder="Image: an empty chair by a window"></image-slot></div></div></section>
 <section className="wrap sec"><div className="col"><Eyebrow>Why we exist</Eyebrow>
 {['Founders carry risk nobody prices. The cap table records the capital at stake. Nothing records what it costs the person holding it: the sleep, the relationships, the slow merging of a company\u2019s numbers with a person\u2019s sense of worth.','The people closest to them are the people they cannot tell. An investor is a board seat. A co-founder is a counterparty. A team needs a leader who looks certain. The most informed people in a founder\u2019s life are the ones with the most reason to react.','The help that exists was not built for them. Employee assistance lines, generic wellbeing apps and a psychologist who needs the first three sessions to learn what a term sheet is. Founders try it once and go back to carrying it alone.'].map((p,i)=><p key={i} className="serif" style={{fontSize:'clamp(21px,2.1vw,26px)',lineHeight:1.5,color:'var(--ink2)',marginTop:i?28:0}}>{p}</p>)}</div></section>
 <section>{[['Humility','We publish the evidence grade beside every protocol, including what it does not support. When a match is wrong, we say so to the founder and fix it within the day.'],['Honesty','Our pricing is on the website. Our gaps in the trust centre carry dates. If the network cannot deliver a language, it does not appear in the menu.'],['Integrity','Funds pay us and never learn who used us. We design every report so that promise holds even if someone at Pausa wanted to break it.'],['Positivity','We start from what a founder can change this week, not from what is wrong with them. Every Index result ends with one concrete action.'],['Internal locus of control','We do not blame the market, the fund or the founder when activation is low. We change the intake, the copy or the launch kit, and measure again.'],['Self-development','Everyone at Pausa has a clinician of their own under the founder tier. We expect people to use it.'],['Kindness','A founder in crisis reaches a human the same day. Nobody at Pausa is measured on how quickly they close a conversation.']].map(([v,p])=><div className="val" key={v}><h4>{v}</h4><p>{p}</p></div>)}</section>
 <section className="wrap sec"><div className="band"><Eyebrow>Steward-ownership</Eyebrow><h2 className="h2" style={{maxWidth:760}}>Control stays with the people <em>running</em> it. Profit serves the purpose.</h2><p style={{marginTop:18,maxWidth:640,opacity:.85}}>Voting rights sit with active stewards and cannot be sold. Profits are reinvested or paid as capped returns, never extracted through a sale. No acquirer can buy Pausa and change what it does with founder data.</p></div></section>
 <section className="mv-stmt wrap" style={{minHeight:'50vh'}}><p style={{fontSize:'clamp(30px,4vw,52px)'}}>We are building a company meant to outlast the people who started it.</p></section></Page>}

const JOBS=[
{t:'AI Engineer, Intake and Matching',m:'Lisbon, hybrid, full-time',d:['Build the spoken intake and the matching behind it: a realtime voice agent that holds a five-minute conversation, maps what it hears onto the 17 Energy Drains, produces a summary the founder edits, and returns three clinicians with the reason stated in plain language. Then the systems around it.','Before any of that you answer four questions: where the audio is processed and whether it stays in the EU, how deletion inside 24 hours is proven rather than promised, what triggers the risk handoff, and how the typed path reaches the same quality of match.','We look for production ML or applied AI experience, judgement about where a model should not be trusted, comfort with special-category health data under GDPR, and the patience to build something small that is right.'],q:'Which of the four questions would you answer first, and why?'},
{t:'Graphic Designer, Brand and Product',m:'Lisbon, hybrid, part-time to full-time',d:['Own how Pausa looks everywhere: the site, the fund-branded pages, the clinician profiles, the Manual, the printed one-pagers, the Sprint and Reset.','We look for a portfolio with restraint in it, typography you can defend, and the ability to make a wellbeing brand that does not look like every other wellbeing brand.'],q:'Send one piece of work you would defend line by line.'},
{t:'Partnerships Manager, Venture and Ecosystem',m:'Lisbon, travel across Europe',d:['Own the fund relationships end to end: first conversation, one-page agreement, launch, renewal. Twenty fund conversations a quarter, and the activation rate afterwards is the number you are measured on.','We look for someone who has sold into venture or to platform teams, who can hold a conversation about confidentiality without reaching for a script, and who would rather sign five funds that use it than twenty that do not.'],q:'Which fund platform team in Europe would you call first?'}];
function Careers(){const[open,setOpen]=useState(0);const[f,setF]=useState({});const[sent,setSent]=useState(false);const role=f.role!=null?+f.role:open??0;
 return <Page seg="about"><section className="hero wrap"><Eyebrow>Careers</Eyebrow><h1 className="h1" style={{maxWidth:900}}>We are seven people and a <em>network</em>. Three of the next ones are below.</h1>
 <p className="lead" style={{marginTop:24,maxWidth:720}}>We work from healthhub by Unicorn Factory Lisbon, in person two days a week. Pausa is steward-owned, so equity works differently here, and that conversation happens in the first call.</p></section>
 <section className="wrap" style={{paddingBottom:'clamp(40px,6vw,80px)'}}><div className="grid2" style={{gap:16}}><div className="stage" style={{aspectRatio:'4/3'}}><image-slot id="car-1" src="img/car-1.jpg" shape="rect" placeholder="Photo: the healthhub desk"></image-slot></div><div className="stage" style={{aspectRatio:'4/3'}}><image-slot id="car-2" src="img/car-2.jpg" shape="rect" placeholder="Photo: the team at work"></image-slot></div></div></section>
 <section className="wrap sec-s">{JOBS.map((j,i)=><div key={j.t} className={'job'+(open===i?' open':'')}><button className="job-h" onClick={()=>setOpen(open===i?null:i)} aria-expanded={open===i}><div><h2 className="h3">{j.t}</h2><p className="small" style={{marginTop:4}}>{j.m}</p></div><span className="pm"><Icon n="plus" s={16}/></span></button>
 {open===i&&<div style={{paddingBottom:40,maxWidth:760}} className="reveal">{j.d.map((p,k)=><p key={k} className="body" style={{marginTop:k?14:0}}>{p}</p>)}
 <div className="card" style={{marginTop:24,background:'var(--bg2)',border:0}}><span className="lbl">What we offer</span><p className="body" style={{marginTop:6}}>Salary band published in the first call · 25 days · the healthhub desk · a clinician of your own under the founder tier.</p></div>
 <Btn sm onClick={()=>{setF({...f,role:i});const el=document.getElementById('apply');el&&window.scrollTo(0,el.offsetTop-80)}} style={{marginTop:20}}>Apply for this role</Btn></div>}</div>)}<div style={{borderTop:'1px solid var(--border)'}}></div></section>
 <section className="wrap sec-s" id="apply"><div className="col" style={{maxWidth:820}}><Eyebrow>Apply</Eyebrow>
 {sent?<div className="card" style={{padding:32}}><Tick/><p className="serif" style={{fontSize:24,marginTop:12}}>Received. A person reads every application and replies within ten days.</p></div>:
 <form className="card float" style={{padding:'clamp(24px,4vw,40px)',display:'grid',gap:16}} onSubmit={e=>{e.preventDefault();f.name&&f.email&&setSent(true)}}>
 <div className="grid2" style={{gap:16}}><div className="field"><label htmlFor="c1">Name</label><input id="c1" className="inp" value={f.name||''} onChange={e=>setF({...f,name:e.target.value})}/></div><div className="field"><label htmlFor="c2">Email</label><input id="c2" type="email" className="inp" value={f.email||''} onChange={e=>setF({...f,email:e.target.value})}/></div>
 <div className="field"><label htmlFor="c3">Role</label><select id="c3" className="inp" value={role} onChange={e=>setF({...f,role:e.target.value})}>{JOBS.map((j,i)=><option key={i} value={i}>{j.t}</option>)}</select></div><div className="field"><label htmlFor="c4">LinkedIn</label><input id="c4" className="inp" value={f.li||''} onChange={e=>setF({...f,li:e.target.value})}/></div></div>
 <div className="field"><label htmlFor="c5">{JOBS[role].q}</label><textarea id="c5" className="inp hl"></textarea></div><div><Btn type="submit" disabled={!(f.name&&f.email)}>Send application</Btn></div></form>}
 <div style={{marginTop:48,textAlign:'center'}}><p className="serif" style={{fontSize:26}}>Not one of these three?</p><p className="body" style={{marginTop:6}}>Write to <a href="mailto:careers@pausa.pt">careers@pausa.pt</a> with what you would build here.</p></div></div></section></Page>}

function TRow({l,s,on=true,date}){return <div className="trow"><b>{l}</b><span>{s}</span><span className={'chip '+(on?'chip-lime':'chip-out')}>{on?'In place':'Underway'+(date?' · '+date:'')}</span></div>}
function Trust(){const[sent,setSent]=useState(false);
 return <Page seg="funds"><section className="hero wrap"><Eyebrow>Trust centre</Eyebrow><h1 className="h1" style={{fontSize:'clamp(36px,4vw,52px)'}}>Trust centre</h1><p className="small" style={{marginTop:10}}>Last reviewed 6 October 2026 · Data protection contact: dpo@pausa.pt</p></section>
 <section className="wrap sec-s"><div className="rail-layout"><nav className="rail" aria-label="Sections">{[['now','In place now'],['underway','Underway'],['na','Not applicable'],['subs','Subprocessors'],['docs','Request documents']].map(([id,l])=><a key={id} href={'#/trust?to='+id}>{l}</a>)}</nav>
 <div><h2 className="h3" id="now">In place now</h2><div style={{marginTop:8}}>
 <TRow l="GDPR" s="Controller: Pausa. Named data protection contact: dpo@pausa.pt"/><TRow l="Investor invoices" s="Investor invoices carry totals only. No names, session types or diagnoses."/>
 <TRow l="Special-category data" s="Processed under Article 9(2)(a) GDPR, explicit consent, collected before intake and withdrawable at any time"/>
 <TRow l="Data residency" s="EU. Primary hosting in Frankfurt, backups in Dublin"/>
 <TRow l="Fund confidentiality" s="Clause in every partnership agreement. Aggregate reporting only, minimum cohort of ten founders"/>
 <TRow l="Clinician confidentiality" s="Every clinician bound by professional confidentiality under Ordem dos Psicólogos Portugueses rules, carrying their own indemnity"/>
 <TRow l="Intake audio" s="Transcribed, then deleted within 24 hours. Deletion logged per recording"/>
 <TRow l="Incident response" s="security@pausa.pt · responsible disclosure: disclosure@pausa.pt"/></div>
 <h2 className="h3" id="subs" style={{marginTop:40}}>Subprocessors</h2><div style={{marginTop:8}}>{[['Hosting','EU region, named in the DPA'],['Video','EU region, end-to-end encrypted sessions'],['Scheduling','EU region'],['Payments','EU entity, PCI DSS Level 1'],['Voice','EU processing, no retention for model training']].map(([l,s])=><TRow key={l} l={l} s={s}/>)}<p className="small" style={{marginTop:10}}>Vendor names are listed in the reviewer summary and the DPA.</p></div>
 <h2 className="h3" id="underway" style={{marginTop:40}}>Underway, with a date</h2><div style={{marginTop:8}}>
 <TRow l="ISO 27001" s="Gap assessment complete, certification audit scheduled" on={false} date="Q2 2027"/>
 <TRow l="Penetration test" s="External test of intake, booking and reporting surfaces" on={false} date="November 2026"/>
 <TRow l="DPIA, spoken intake" s="Data protection impact assessment for the voice intake" on={false} date="December 2026"/></div>
 <h2 className="h3" id="na" style={{marginTop:40}}>Not applicable, and why</h2><div style={{marginTop:8}}><div className="trow"><b>Clinical records</b><span>Pausa is not a clinic and holds no clinical records. Session notes sit with the clinician under their own professional record-keeping duty. An architectural choice, not a gap.</span><span className="chip chip-out">N/A</span></div></div>
 <h2 className="h3" id="docs" style={{marginTop:48}}>Request documents</h2>
 {sent?<p className="body" style={{marginTop:14}}><Tick/> Sent. The DPA, subprocessor list and reviewer summary arrive within one working day.</p>:<form className="row" style={{marginTop:14,alignItems:'flex-end'}} onSubmit={e=>{e.preventDefault();setSent(true)}}>{['Name','Fund','Email'].map(l=><div className="field" key={l} style={{flex:'1 1 180px'}}><label>{l}</label><input className="inp" required type={l==='Email'?'email':'text'}/></div>)}<Btn type="submit">Request</Btn></form>}
 <p style={{marginTop:16,fontSize:13}}><a href="#/trust?to=docs">Download the one-page reviewer summary</a></p></div></div></section></Page>}

function Resources(){const[sel,setSel]=useState([12,3,15,6,9]);
 return <Page seg="founders"><section className="hero wrap"><Eyebrow>Resource hub</Eyebrow><h1 className="h1" style={{maxWidth:880}}>What we know, and <em>how well</em> we know it.</h1></section>
 <section className="wrap sec-s"><a className="card hov" href="#/resources" style={{display:'grid',gridTemplateColumns:'minmax(0,1fr) auto',gap:24,alignItems:'center',padding:36,textDecoration:'none',color:'var(--ink)'}}><div><Eyebrow>The Founder's Manual</Eyebrow><h2 className="h2" style={{fontSize:'clamp(28px,3vw,40px)'}}>Eight sections. One continuous thread, from evidence to action.</h2></div><span className="btn">Read the Manual<Arrow/></span></a>
 <div className="grid4" style={{marginTop:16}}>{[['physical','Physical','The body is the substrate the mind runs on. Fix this first.','One night of poor sleep produces decision errors equivalent to 24 hours of total sleep deprivation.'],['mental','Mental','Deep work is not a personality trait. It is a system you design.','23 minutes to fully regain deep focus after a single notification.'],['emotional','Emotional','Stress is not the problem. Insufficient recovery is.',null],['purpose','Purpose and Values','The most dangerous founder trap: becoming the company so completely that you no longer exist without it.',null]].map(([k,t,th,st])=><div className="card" key={k} style={{display:'flex',flexDirection:'column',gap:12}}><span className="sys-ic"><Icon n={SYS_IC[k]} s={16}/></span><h3 className="h3" style={{fontSize:21}}>{t}</h3><p className="body" style={{fontSize:14}}>{th}</p>{st&&<p className="small" style={{fontStyle:'italic',marginTop:'auto',borderTop:'1px solid var(--border2)',paddingTop:10}}>{st}</p>}</div>)}</div></section>
 <section className="wrap sec" id="drains"><Eyebrow>The 17 Energy Drains</Eyebrow><h2 className="h2">Which of these are <em>yours</em>?</h2><p className="body" style={{marginTop:10}}>Anonymous on this page. Nothing you select is stored.</p>
 <DrainGrid sel={sel} setSel={setSel}/>
 <div className="counter"><DrainCounter n={sel.length}/>{sel.length>0&&<span className="row" style={{gap:10}}><span className="body" style={{fontSize:14}}>Three clinicians in the network work specifically with these.</span><Btn sm href="#/clinicians">See them</Btn></span>}</div></section>
 <section className="wrap sec-s" id="protocols"><Eyebrow>The protocols</Eyebrow><h2 className="h2" style={{maxWidth:780}}>Every protocol, with its evidence grade and <em>its limits</em>.</h2><p className="body" style={{marginTop:10,maxWidth:640}}>Drawn from the Leader Wellbeing Protocol Guide. The limit sits beside the claim, at the same size.</p>
 <div className="grid3" style={{marginTop:32}}>{PD.PROTOCOLS.map(p=><div className="card" key={p.t} style={{display:'flex',flexDirection:'column',gap:14,padding:24}}><span className={'ev-chip ev-'+p.g} style={{alignSelf:'flex-start'}}>Evidence: {p.p}</span><h3 className="h3" style={{fontSize:22}}>{p.t}</h3><div><span className="lbl" style={{display:'block',fontSize:10,letterSpacing:2,textTransform:'uppercase',color:'var(--ink3)',fontWeight:600,marginBottom:4}}>Best supported for</span><p style={{fontSize:14,color:'var(--green-d)',fontWeight:500,lineHeight:1.55}}>{p.best}</p></div><div className="limit"><span className="lbl">Main limits</span>{p.lim}</div></div>)}</div></section>
 <section className="wrap sec" id="evidence"><div className="col" style={{maxWidth:820}}><Eyebrow>The evidence base</Eyebrow><p className="body">The protocol guide is built on a reviewed literature base. Citation keys are listed below; the full reference list is available on request.</p>
 <div className="fund-wall" style={{marginTop:20,textAlign:'left'}}>Citation keys from the Leader Wellbeing Protocol Guide go here.</div>
 <p style={{marginTop:20,fontSize:13}}><a href="mailto:hello@pausa.pt?subject=References">Request the references</a></p></div></section></Page>}

function Confidentiality(){return <Page seg="about"><section className="hero wrap"><div className="col"><Eyebrow>Confidentiality Policy</Eyebrow><h1 className="h1" style={{fontSize:'clamp(36px,4vw,52px)'}}>Who sees what, <em>exactly</em>.</h1><p className="small" style={{marginTop:10}}>Version 1.0 · effective 1 October 2026</p></div></section>
 <section className="wrap sec-s" style={{paddingBottom:100}}><div className="col" style={{display:'grid',gap:36}}>{[['Your fund','Receives aggregate totals once a quarter: activation rate, total sessions and total invoiced. Only where at least ten founders in the portfolio are active. Never a name, a company, a booking, a date or a session. Below the threshold, the report shows nothing but the threshold.'],['Your clinician','Sees the intake summary you approved, your Energy Load Index results, and your first name. Keeps their own session notes under their professional record-keeping duty. Pausa never receives session content.'],['Pausa','Holds your account, the approved summary, your Index results and booking records, in the EU, under Article 9(2)(a) GDPR. Intake audio is transcribed and deleted within 24 hours. We use this data to match and schedule you. We do not sell it, and we do not use it to train third-party models.'],['When we would break confidentiality','Only where the law requires it or where there is a serious and imminent risk to your life or someone else\u2019s. In that case your clinician follows their professional code. Pausa does not decide this.'],['Your rights','Download or delete your summary and Index results from your account at any time. Withdraw consent to health-data processing at any time. Contact dpo@pausa.pt or the CNPD, Portugal\u2019s data protection authority.']].map(([h,p])=><div key={h}><h2 className="h3">{h}</h2><p className="body" style={{marginTop:8}}>{p}</p></div>)}</div></section></Page>}

Object.assign(window,{DrainGrid,DrainCounter,Mission,Careers,Trust,Resources,Confidentiality});