(() => {
const { Logo, Icon } = window.SwivelDesignSystem_a628db;
const COLS = [
  ['Platform',['Overview','Player management','Back office','Payments','Bonus engine']],
  ['Verticals',['Sweeps casino','Prediction markets','Card ripping']],
  ['Content',['Game catalogue','Provably fair','Aggregated studios']],
  ['Company',['About','Careers','Contact']],
];
function Footer() {
  return <footer style={{background:'var(--swivel-signal-black)',borderTop:'1px solid var(--grey-900)'}}>
    <div style={{maxWidth:'var(--container-max)',margin:'0 auto',padding:'var(--space-13) var(--gutter-page-lg) var(--space-9)'}}>
      <div style={{display:'grid',gridTemplateColumns:'repeat(auto-fit,minmax(180px,1fr))',gap:'var(--space-11)'}}>
        <div>
          <Logo variant="tagline" tone="white" height={56} basePath="_ds/swivel-design-system-a628db45-289a-434e-a559-32d25ff73f00/assets/logos"/>
          <p style={{fontFamily:'var(--font-body)',fontSize:'var(--size-sm)',lineHeight:'var(--leading-normal)',color:'var(--grey-500)',margin:'var(--space-7) 0 0',maxWidth:'32ch'}}>White-label platforms for emerging gaming verticals. Built, run and supported in-house.</p>
        </div>
        {COLS.map(([h,links])=>(
          <div key={h}>
            <p style={{fontFamily:'var(--font-display)',fontSize:'var(--size-3xs)',fontWeight:'var(--weight-bold)',textTransform:'uppercase',letterSpacing:'var(--tracking-eyebrow)',color:'var(--swivel-portal-yellow)',margin:'0 0 var(--space-6)'}}>{h}</p>
            <div style={{display:'grid',gap:'var(--space-4)'}}>
              {links.map(l=><a key={l} href="#contact" onClick={(e)=>e.preventDefault()} style={{fontFamily:'var(--font-body)',fontSize:'var(--size-sm)',color:'var(--grey-400)',textDecoration:'none'}}>{l}</a>)}
            </div>
          </div>
        ))}
      </div>
      <div style={{display:'flex',alignItems:'center',justifyContent:'space-between',gap:'var(--space-7)',marginTop:'var(--space-13)',paddingTop:'var(--space-7)',borderTop:'1px solid var(--grey-900)'}}>
        <span style={{fontFamily:'var(--font-display)',fontSize:'var(--size-2xs)',fontWeight:'var(--weight-bold)',textTransform:'uppercase',letterSpacing:'var(--tracking-label)',color:'var(--grey-600)'}}>©2026 Swivel Gaming · 18+ · Play responsibly</span>
        <a href="#contact" onClick={(e)=>e.preventDefault()} aria-label="LinkedIn" style={{color:'var(--grey-400)',display:'flex'}}><Icon name="linkedin" size={18}/></a>
      </div>
    </div>
  </footer>;
}
Object.assign(window, { Footer });
})();