// FOOTER — Apex brand signature, trimmed for mobile

function Footer() {
  return (
    <footer style={{
      background: 'radial-gradient(ellipse at 50% 0%, rgba(124,58,237,0.12) 0%, transparent 55%), linear-gradient(180deg, #0b0b14 0%, #05050a 100%)',
      color:'#94a3b8',padding:'64px 20px calc(120px + env(safe-area-inset-bottom,0px))',
      position:'relative',borderTop:'1px solid rgba(124,58,237,0.22)',
    }}>
      <div style={{
        position:'absolute',top:0,left:0,right:0,height:1,
        background:'linear-gradient(90deg,transparent 0%,#4a5568 15%,#6a7588 35%,#7c3aed 55%,#6366f1 75%,#3b82f6 90%,transparent 100%)',
        opacity:0.85,
      }}/>

      <div style={{maxWidth:960,margin:'0 auto',display:'flex',flexDirection:'column',alignItems:'center',gap:26}}>
        <ApexMark size={44} textColor={'linear-gradient(90deg,#4a5568 0%,#5a6578 20%,#6a7588 40%,#7c3aed 60%,#6366f1 80%,#3b82f6 100%)'}/>

        <div style={{display:'flex',flexWrap:'wrap',justifyContent:'center',gap:8}}>
          {['Brand Ambassador Program','200% ROI Guarantee','SOC 2 in progress'].map(b => (
            <span key={b} style={{
              fontSize:10,fontWeight:800,letterSpacing:2,textTransform:'uppercase',
              padding:'7px 14px',borderRadius:999,color:'#cbd5e1',
              background:'rgba(255,255,255,0.02)',border:'1px solid rgba(255,255,255,0.08)',
            }}>{b}</span>
          ))}
        </div>

        <div style={{
          fontSize:13,fontWeight:500,
          background:'linear-gradient(90deg,#6a7588 0%,#6a7588 40%,#7c3aed 100%)',
          WebkitBackgroundClip:'text',WebkitTextFillColor:'transparent',backgroundClip:'text',
        }}>hello@apexopsystems.com</div>

        <div style={{width:180,height:1,background:'linear-gradient(90deg,transparent,rgba(124,58,237,0.35),transparent)'}}/>

        <div style={{maxWidth:780,textAlign:'center',fontSize:11,color:'rgba(148,163,184,0.75)',lineHeight:1.7}}>
          <p>© 2026 Apex OS. Built for real estate agents, by real estate agents.</p>
          <p style={{marginTop:8}}>
            Brand Ambassador pricing of <strong style={{color:'#cbd5e1',fontWeight:700}}>$97/mo</strong> is locked for life when claimed before July 7, 2026.
            Public pricing thereafter is <strong style={{color:'#cbd5e1',fontWeight:700}}>$997/mo</strong>. Rate will not increase for Ambassadors.
          </p>
        </div>
      </div>
    </footer>
  );
}

Object.assign(window, { Footer });