// Diligence page — technical architecture content for partner / investor review.
// Not linked from the public navigation. Reachable only by direct URL share:
//   fpds.kenosaconsulting.com/#/diligence
//
// Content is the prior Architecture page content with a top-level banner that
// frames it as gated material. We deliberately keep the implementation details
// here (model names, pipeline stages, architecture choices) rather than on the
// public site.

const DiligenceBanner = () => (
  <section style={{paddingTop:120, paddingBottom:32, background:'#02040D', color:'#E2E8F0', position:'relative', overflow:'hidden'}}>
    <div className="grid-pattern-dark" style={{position:'absolute', inset:0, opacity:0.35}}/>
    <div className="container" style={{position:'relative'}}>
      <div style={{display:'inline-flex', alignItems:'center', gap:10, padding:'7px 14px', borderRadius:999, background:'rgba(251,191,36,0.12)', border:'1px solid rgba(251,191,36,0.35)', color:'#FBBF24', fontSize:11, letterSpacing:'0.18em', fontWeight:700, textTransform:'uppercase', fontFamily:'var(--font-mono)'}}>
        <Icon name="shieldCheck" size={12}/>
        Diligence material · share by direct link only
      </div>
      <h1 className="display" style={{maxWidth:1040, marginTop:24, marginBottom:18, color:'#F8FAFC'}}>
        Technical architecture & build state.
      </h1>
      <p style={{fontSize:18, lineHeight:1.55, color:'#CBD5E1', maxWidth:760}}>
        This page is intended for partners, investors, and technical evaluators. It contains implementation detail not present on the public site. Please do not share publicly.
      </p>
    </div>
  </section>
);

window.DiligenceBanner = DiligenceBanner;