const {useState,useEffect,useRef,useMemo,useCallback}=React;

/* ---------- store ---------- */
const SKEY='pausaos.beta.v1';
const DEFAULT_STATE={email:'mariana@northlight.io',name:'Mariana',fund:'Ananda Impact Ventures',company:'Northlight',drains:[12,3,15,6,9],eli:{ans:PD.DEMO_ANS,date:'2026-09-18'},booking:{clin:'steven',type:'first',date:'Mon 12 Oct 2026',time:'11:00',lang:'English'},firstSeen:true};
const store={s:(()=>{try{return Object.assign({},DEFAULT_STATE,JSON.parse(localStorage.getItem(SKEY)||'{}'))}catch(e){return {...DEFAULT_STATE}}})(),subs:new Set(),
 set(p){this.s={...this.s,...p};try{localStorage.setItem(SKEY,JSON.stringify(this.s))}catch(e){}this.subs.forEach(f=>f(this.s))}};
function useStore(){const[s,set]=useState(store.s);useEffect(()=>{store.subs.add(set);return()=>store.subs.delete(set)},[]);return[s,p=>store.set(p)]}

/* ---------- router ---------- */
function parseHash(){const h=(location.hash||'#/').slice(1)||'/';const[p,qs]=h.split('?');const q={};(qs||'').split('&').filter(Boolean).forEach(kv=>{const[k,v]=kv.split('=');q[k]=decodeURIComponent(v||'')});return{path:p||'/',q}}
function useRoute(){const[r,set]=useState(parseHash());useEffect(()=>{const init=parseHash();if(init.q.to)setTimeout(()=>{const el=document.getElementById(init.q.to);if(el)window.scrollTo(0,el.getBoundingClientRect().top+scrollY-90)},400);const f=()=>{const r=parseHash();set(r);if(r.q.to){setTimeout(()=>{const el=document.getElementById(r.q.to);if(el)window.scrollTo(0,el.getBoundingClientRect().top+scrollY-90)},120)}else window.scrollTo(0,0)};addEventListener('hashchange',f);return()=>removeEventListener('hashchange',f)},[]);return r}
const go=p=>{location.hash=p};

/* ---------- icons ---------- */
const IC={
arrow:'M5 12h14M13 6l6 6-6 6',back:'M19 12H5M11 6l-6 6 6 6',check:'M5 12.5l4.5 4.5L19 7',x:'M6 6l12 12M18 6L6 18',plus:'M12 5v14M5 12h14',
shield:'M12 3l7 3v6c0 4.5-3 7.8-7 9-4-1.2-7-4.5-7-9V6z',lock:'M7 11V8a5 5 0 0110 0v3M5 11h14v10H5z',mic:'M12 3a3 3 0 013 3v6a3 3 0 01-6 0V6a3 3 0 013-3zM5 11a7 7 0 0014 0M12 18v3',
type:'M4 7V5h16v2M9 19h6M12 5v14',eye:'M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12zM12 15a3 3 0 100-6 3 3 0 000 6z',eyeoff:'M3 3l18 18M10.6 6.1A10 10 0 0112 6c6.5 0 10 6 10 6a17 17 0 01-3 3.6M6.6 6.6C3.8 8.4 2 12 2 12s3.5 7 10 7c1.7 0 3.2-.4 4.5-1',
mail:'M3 6h18v12H3zM3 7l9 6 9-6',search:'M11 18a7 7 0 100-14 7 7 0 000 14zM21 21l-4.5-4.5',home:'M3 11l9-7 9 7v9a1 1 0 01-1 1h-5v-6H9v6H4a1 1 0 01-1-1z',
users:'M9 11a4 4 0 100-8 4 4 0 000 8zM2 21v-1a6 6 0 0112 0v1M16 3.5a4 4 0 010 7.5M22 21v-1a6 6 0 00-4-5.6',cal:'M4 6h16v15H4zM4 10h16M9 3v4M15 3v4',
gauge:'M12 21a9 9 0 119-9M12 12l4-4',grid:'M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z',book:'M4 5a2 2 0 012-2h13v16H6a2 2 0 00-2 2zM4 5v16',leaf:'M5 19C5 10 11 4 20 4c0 9-6 15-15 15zM5 19l7-7',
chev:'M9 6l6 6-6 6',chevl:'M15 6l-6 6 6 6',chevd:'M6 9l6 6 6-6',globe:'M12 21a9 9 0 100-18 9 9 0 000 18zM3 12h18M12 3c2.5 2.5 3.8 5.5 3.8 9s-1.3 6.5-3.8 9c-2.5-2.5-3.8-5.5-3.8-9S9.5 5.5 12 3z',
pause:'M10 8v8M14 8v8M12 21a9 9 0 100-18 9 9 0 000 18z',edu:'M2 9l10-5 10 5-10 5zM6 11v5c3 2.5 9 2.5 12 0v-5',build:'M4 21V8l8-5 8 5v13M9 21v-6h6v6',circle:'M12 21a9 9 0 100-18 9 9 0 000 18zM12 16a4 4 0 100-8 4 4 0 000 8z',
run:'M13 4a1.5 1.5 0 100 3 1.5 1.5 0 000-3zM8 21l3-6 3 2v4M6 12l3-3 4 1 2 3 3 1',wind:'M3 8h11a3 3 0 10-3-3M3 12h16a3 3 0 11-3 3M3 16h8',
zap:'M13 2L4 14h7l-1 8 9-12h-7z',brain:'M9 4a3 3 0 00-3 3 3 3 0 00-2 5 3 3 0 002 5 3 3 0 006 1V5a2 2 0 00-3-1zM15 4a3 3 0 013 3 3 3 0 012 5 3 3 0 01-2 5 3 3 0 01-6 1',
heart:'M12 20s-7-4.5-7-10a4 4 0 017-2.6A4 4 0 0119 10c0 5.5-7 10-7 10z',compass:'M12 21a9 9 0 100-18 9 9 0 000 18zM15.5 8.5l-2 5-5 2 2-5z',
phone:'M5 3h4l2 5-2.5 1.5a11 11 0 005 5L15 12l5 2v4a2 2 0 01-2 2A16 16 0 013 5a2 2 0 012-2z',more:'M12 6h.01M12 12h.01M12 18h.01',dl:'M12 3v12M7 10l5 5 5-5M5 21h14',
redo:'M4 12a8 8 0 0114-5.3L20 9M20 4v5h-5',video:'M3 6h12v12H3zM15 10l6-3v10l-6-3',file:'M6 3h9l4 4v14H6zM14 3v5h5',menu:'M4 7h16M4 12h16M4 17h16',spark:'M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5L18 18M6 18l2.5-2.5M15.5 8.5L18 6'};
function Icon({n,s=18,w=1.5,style}){return <svg width={s} height={s} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={w} strokeLinecap="round" strokeLinejoin="round" style={{flex:'none',...style}} aria-hidden="true"><path d={IC[n]}/></svg>}
const SYS_IC={physical:'zap',mental:'brain',emotional:'heart',purpose:'compass'};

/* ---------- brand ---------- */
function Mark({s=28,c}){const cream=c&&c!=='currentColor';return <img src={cream?'img/pausa-mark-cream.png':'img/pausa-mark.png'} width={s} height={s} alt="" style={{display:'block',flex:'none'}}/>}
function Logo({href='#/',my}){return <a className="logo" href={href} aria-label="Pausa home"><Mark/><span style={{position:'relative'}}>{my&&<i style={{position:'absolute',top:-12,left:0,fontSize:11,fontWeight:400,fontStyle:'italic',color:'var(--teal)'}}>my</i>}Pausa</span></a>}
function FlowLine({shape='pause'}){const id='fl'+Math.random().toString(36).slice(2,7);
 return <svg className="fl-line" viewBox="0 0 1200 60" preserveAspectRatio="none" aria-hidden="true"><defs><linearGradient id={id} x1="0" x2="1"><stop offset="0" stopColor="#034F46"/><stop offset="1" stopColor="#F0D8FA"/></linearGradient></defs>
 <path d={shape==='pause'?"M0 30 C 300 30, 420 30, 540 30 C 560 30, 566 18, 566 12 L566 48 M566 30 C 600 30, 620 30, 634 30 L634 12 L634 48 M634 30 C 760 30, 900 30, 1200 30":"M0 40 C 200 40, 380 40, 520 40 C 580 40, 560 8, 600 8 C 640 8, 620 40, 680 40 C 820 40, 1000 40, 1200 40"} stroke={`url(#${id})`} strokeWidth="2" fill="none" vectorEffect="non-scaling-stroke"/></svg>}
const Arrow=()=><span className="arr"><Icon n="arrow" s={16}/></span>;
function Btn({children,href,onClick,ghost,sm,disabled,arrow=true,type,style,className=''}){const cls=`btn ${ghost?'btn-ghost':''} ${sm?'btn-sm':''} ${className}`;
 if(href)return <a className={cls} href={href} style={style}>{children}{arrow&&<Arrow/>}</a>;
 return <button className={cls} onClick={onClick} disabled={disabled} type={type||'button'} style={style}>{children}{arrow&&<Arrow/>}</button>}
function Option({on,onClick,children}){return <button type="button" className={'opt'+(on?' on':'')} onClick={onClick} aria-pressed={on}><span className="dot"></span><span>{children}</span></button>}
function Tick({s=12}){return <span className="tk"><Icon n="check" s={s} w={2}/></span>}
function Eyebrow({children}){return <span className="eyebrow">{children}</span>}
function Toast({msg,onDone}){useEffect(()=>{if(msg){const t=setTimeout(onDone,2600);return()=>clearTimeout(t)}},[msg]);return msg?<div className="toast" role="status">{msg}</div>:null}
function useToast(){const[m,set]=useState('');return[<Toast msg={m} onDone={()=>set('')}/>,set]}

function Portrait({c,size,radius}){const st=size?{width:size,height:size,borderRadius:radius||8,aspectRatio:'auto'}:{};
 if(c.photo)return <div className="portrait" style={{...st,overflow:'hidden'}}><img src={c.photo} alt={c.name} style={{width:'100%',height:'100%',objectFit:'cover',display:'block'}}/></div>;
 if(c.real&&!(size&&size<100))return <div className="portrait" style={st}><image-slot id={'portrait-'+c.id} shape="rect" placeholder={c.name}></image-slot></div>;
 const ini=c.name.split(' ').map(w=>w[0]).slice(0,2).join('');
 return <div className="portrait" style={st}><div className="mono-tile" style={size?{fontSize:size*.36}:null}>{ini}</div></div>}

const DISCLAIMER='Pausa is not a clinic and does not provide therapy. Therapy is provided by independent licensed clinicians in the Pausa network.';
function Crisis(){return <div className="crisis" role="note"><Icon n="phone" s={16} style={{marginTop:2,color:'var(--green)'}}/><span>Pausa is not an emergency service. If you are in immediate danger, call <b>112</b>. For urgent support, <b>1411</b> or SNS 24 on <b>808 24 24 24, option 4</b>, both 24 hours.</span></div>}

/* ---------- public chrome ---------- */
function Nav({seg}){return <header className="hdr"><div className="wrap hdr-in">
 <div><Logo/></div>
 <nav className="seg" aria-label="Audience">{[['founders','Founders','#/founders'],['funds','VC Funds','#/'],['psychologists','Psychologists','#/psychologists'],['about','About','#/about']].map(([k,l,h])=><a key={k} href={h} className={seg===k?'on':''} aria-current={seg===k?'page':undefined}>{l}</a>)}</nav>
 <div className="hdr-r"><a className="btn btn-ghost btn-sm" href="#/signup/1">Log in</a><a className="btn btn-sm" href="#/partner">Partner with Pausa</a></div>
</div></header>}
function Footer(){const cols=[
 ['Pausa',[['About','#/about'],['Mission and Values','#/mission'],['Careers','#/careers'],['Contact','mailto:hello@pausa.pt']]],
 ['For VC Funds',[['How it works','#/how'],['Pricing','#/funds'],['Trust centre','#/trust'],['Partner','#/partner']]],
 ['For Founders',[['Find a clinician','#/clinicians'],['Energy Load Index','#/app/index'],['Confidentiality','#/confidentiality'],['Start intake','#/intake']]],
 ['Resources',[['Founder\u2019s Manual','#/resources'],['The 17 Energy Drains','#/resources?to=drains'],['Protocols','#/resources?to=protocols'],['Evidence base','#/resources?to=evidence']]],
 ['For Psychologists',[['Join the network','#/psychologists'],['Rates','#/psychologists'],['Apply','#/psychologists?to=apply']]]];
 return <footer className="ftr"><div className="wrap"><div className="flow-wrap"><FlowLine/></div>
 <div className="ftr-cols"><div><Logo/><p className="small" style={{marginTop:14}}>healthhub by Unicorn Factory Lisbon<br/>Praça Dom Pedro IV 74<br/>1100-203 Lisboa, Portugal<br/><a href="mailto:hello@pausa.pt">hello@pausa.pt</a></p></div>
 {cols.map(([h,ls])=><div key={h}><h5>{h}</h5><ul>{ls.map(([l,u])=><li key={l}><a href={u}>{l}</a></li>)}</ul></div>)}</div>
 <div className="ftr-bar"><nav><a href="#/confidentiality">Terms</a><a href="#/confidentiality">Privacy</a><a href="#/confidentiality">Confidentiality Policy</a><a href="#/trust">Trust</a><a href="#/beta">Beta map</a></nav><span>© 2026 Pausa. Steward-owned.</span></div>
 <p className="disc">{DISCLAIMER}</p></div></footer>}
function Page({seg,children}){return <><Nav seg={seg}/><main>{children}</main><Footer/></>}

Object.assign(window,{useStore,store,DEFAULT_STATE,useRoute,go,Icon,SYS_IC,Mark,Logo,FlowLine,Arrow,Btn,Option,Tick,Eyebrow,useToast,Portrait,DISCLAIMER,Crisis,Nav,Footer,Page});

function InvestorStrip(){return <section className="wrap" style={{paddingBottom:24}}><p className="small" style={{textAlign:'center',marginBottom:18}}>Investors offering Pausa to their founders</p><div className="marquee"><div className="h3-marks logos">{[0,1].map(k=>PD.INVESTORS.map(([f,a,h])=><img key={k+f} src={'img/logos/'+f} alt={k?'':a} aria-hidden={k?'true':undefined} style={{height:h,width:'auto',display:'block'}}/>))}</div></div></section>}
Object.assign(window,{InvestorStrip});