function SiteNav(){
  return (<header style={{position:'sticky',top:0,zIndex:30,background:'var(--gradient-glass)',backdropFilter:'blur(var(--blur-glass))',borderBottom:'1px solid rgba(255,255,255,.6)'}}>
    <div style={{maxWidth:'var(--container-web)',margin:'0 auto',padding:'14px var(--gutter-web)',display:'flex',alignItems:'center',gap:'var(--space-7)'}}>
      <a href="#" style={{display:'flex',alignItems:'center',gap:10,textDecoration:'none'}}>
        <img src="../../assets/logo-wordmark.svg" alt="SukoWise" style={{height:30,display:'block'}} />
      </a>
      <nav style={{display:'flex',gap:'var(--space-6)',marginLeft:'var(--space-5)'}}>
        {['How it works','For conditions','Science','Pricing'].map(l=>
          <a key={l} href="#" style={{fontSize:15,fontWeight:500,color:'var(--text-body)',textDecoration:'none'}}>{l}</a>)}
      </nav>
      <div style={{marginLeft:'auto',display:'flex',gap:10,alignItems:'center'}}>
        <Button variant="ghost" size="sm">Sign in</Button>
        <Button variant="primary" size="sm" iconAfter="arrow-right">Start free</Button>
      </div>
    </div>
  </header>);
}
Object.assign(window,{SiteNav});