// Footer — dark, with FPDS monogram, nav columns, confidential note.

const Footer = () => (
  <footer style={{background:'#050812', color:'#94A3B8', position:'relative', overflow:'hidden'}}>
    <div className="grid-pattern-dark" style={{position:'absolute', inset:0, opacity:0.4}}/>
    <div className="container-wide" style={{position:'relative', paddingTop:96, paddingBottom:48}}>
      <div style={{display:'grid', gridTemplateColumns:'1.4fr 1fr 1fr 1fr', gap:48, marginBottom:80}}>
        <div>
          <div style={{display:'flex', alignItems:'center', gap:12, marginBottom:20}}>
            <BrandGlyph size={40}/>
            <div>
              <div style={{color:'#fff', fontWeight:800, fontSize:16, letterSpacing:'-0.01em'}}>Kenosa Consulting</div>
              <div className="mono-label" style={{color:'#60A5FA', fontSize:9, marginTop:3}}>FPDS · EVIDENCE SUBSTRATE</div>
            </div>
          </div>
          <p style={{color:'#94A3B8', fontSize:14, lineHeight:1.65, maxWidth:360}}>
            The Federal Procurement Decision Substrate. Seven dimensions of evidence converged against 20 years of federal award activity, calibrated to ICD 203.
          </p>
          <div style={{marginTop:24, display:'flex', gap:10}}>
            <a href="#/contact" className="btn-ghost-dark" style={{padding:'10px 14px', fontSize:12}}>
              <Icon name="mail" size={14}/> Request briefing
            </a>
          </div>
        </div>

        <div>
          <div className="eyebrow dark" style={{fontSize:10, marginBottom:16}}>Product</div>
          <ul style={{listStyle:'none', margin:0, padding:0, display:'flex', flexDirection:'column', gap:10, fontSize:14}}>
            <li><a href="#/architecture" style={{color:'#CBD5E1'}}>Technical architecture</a></li>
            <li><a href="#/methodology" style={{color:'#CBD5E1'}}>Methodology</a></li>
            <li><a href="#/case-studies" style={{color:'#CBD5E1'}}>Case evidence</a></li>
            <li><a href="#/home#offerings" style={{color:'#CBD5E1'}}>Offerings</a></li>
          </ul>
        </div>
        <div>
          <div className="eyebrow dark" style={{fontSize:10, marginBottom:16}}>Company</div>
          <ul style={{listStyle:'none', margin:0, padding:0, display:'flex', flexDirection:'column', gap:10, fontSize:14}}>
            <li><a href="#/about" style={{color:'#CBD5E1'}}>About</a></li>
            <li><a href="#/team" style={{color:'#CBD5E1'}}>Team</a></li>
            <li><a href="#/contact" style={{color:'#CBD5E1'}}>Contact</a></li>
            <li><a href="#/home" style={{color:'#CBD5E1'}}>Press kit</a></li>
          </ul>
        </div>
        <div>
          <div className="eyebrow dark" style={{fontSize:10, marginBottom:16}}>Substrate status</div>
          <div style={{display:'flex', flexDirection:'column', gap:14, fontFamily:'var(--font-mono)', fontSize:12}}>
            <div style={{display:'flex', justifyContent:'space-between', color:'#CBD5E1'}}>
              <span>Awards validated</span><span style={{color:'#fff', fontWeight:600}}>12.6M</span>
            </div>
            <div style={{display:'flex', justifyContent:'space-between', color:'#CBD5E1'}}>
              <span>Opportunities</span><span style={{color:'#fff', fontWeight:600}}>7.7M</span>
            </div>
            <div style={{display:'flex', justifyContent:'space-between', color:'#CBD5E1'}}>
              <span>Agency pages</span><span style={{color:'#fff', fontWeight:600}}>219K</span>
            </div>
            <div style={{display:'flex', justifyContent:'space-between', color:'#CBD5E1'}}>
              <span>Phase 0</span><span style={{color:'#4ADE80', fontWeight:600}}>COMPLETE</span>
            </div>
            <div style={{display:'flex', justifyContent:'space-between', color:'#CBD5E1'}}>
              <span>Phase 1</span><span style={{color:'#FBBF24', fontWeight:600}}>IN PROGRESS</span>
            </div>
          </div>
        </div>
      </div>

      <div style={{height:1, background:'rgba(255,255,255,0.08)', marginBottom:32}}/>
      <div style={{display:'flex', justifyContent:'space-between', alignItems:'flex-end', fontFamily:'var(--font-mono)', fontSize:11, color:'#64748B', letterSpacing:'0.08em'}}>
        <div>
          <div>© 2026 Kenosa Consulting · All rights reserved</div>
          <div style={{marginTop:6, color:'#475569'}}>Calibrated to ICD 203 · Analytic tradecraft standards</div>
        </div>
        <div style={{textAlign:'right'}}>
          <div>nkalosakenyon@kenosaconsulting.com</div>
          <div style={{marginTop:6}}>kenosaconsulting.com</div>
        </div>
      </div>
    </div>
  </footer>
);

window.Footer = Footer;