/* Cinco Ranch Village — Financials, Returns, Exit, Risks, Sponsor, CTA */
const { useState: u2S, useEffect: u2E, useRef: u2R } = React;

/* =========================== FINANCIALS =========================== */
// From OM 10-year property cash flow
const NOI_YRS = [653, 691, 726, 750, 711, 829, 862, 882, 895, 855]; // $K
const DEBT_YRS = [346, 346, 414, 414, 414, 435, 435, 549, 549, 549];
const LEV_CF  = [252, 290, 256, 279, 109, 317, 370, 276, 250, 96];

function Financials(){
  const [ref, inView] = useInView();
  return <section id="financials" ref={ref} style={{padding:'120px 40px', background:'var(--ink)', color:'var(--ivory)'}}>
    <div style={{maxWidth:1400, margin:'0 auto'}}>
      <SectionLabel num="07" title="Financials"/>
      <h2 style={{fontSize:'clamp(40px, 5vw, 68px)', letterSpacing:'-0.025em', lineHeight:1.02,
        fontWeight:300, marginBottom:60, maxWidth:1000}}>
        <em style={{color:'var(--gold-soft)'}}>$653K</em> Year-1 NOI growing to $895K by Year 9.
      </h2>

      {/* Year 1 operating statement */}
      <div style={{display:'grid', gridTemplateColumns:'1fr 1fr', gap:60, marginBottom:80}}>
        <div>
          <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:11, letterSpacing:'0.22em',
            textTransform:'uppercase', color:'var(--gold-soft)', marginBottom:20}}>Year 1 Operating Statement</div>
          {[
            ['Potential Base Rent', '$653,169'],
            ['Expense Recoveries', '$211,831'],
            ['Vacancy / Credit Loss', '$0'],
            ['Effective Gross Revenue', '$865,000', true],
            ['Property Taxes', '($134,500)'],
            ['Insurance', '($18,500)'],
            ['CAM / R&M / Utilities', '($44,800)'],
            ['Management (3.0%)', '($25,950)'],
            ['Administrative', '($8,081)'],
            ['Total Operating Expenses', '($211,831)', true],
          ].map(([k,v,bold])=>(
            <div key={k} style={{display:'grid', gridTemplateColumns:'1fr auto', gap:16,
              padding:'12px 0', borderBottom:'1px solid rgba(10,10,10,0.08)',
              alignItems:'baseline',
              borderTop: bold?'1px solid rgba(10,10,10,0.3)':'none'}}>
              <span style={{fontSize:13, color: bold?'var(--ivory)':'rgba(10,10,10,0.7)',
                fontWeight:bold?500:400}}>{k}</span>
              <span className="tnum" style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:13,
                color:'var(--ivory)', fontWeight:bold?500:400}}>{v}</span>
            </div>
          ))}
          <div style={{display:'grid', gridTemplateColumns:'1fr auto', gap:16,
            padding:'18px 0 0', alignItems:'baseline'}}>
            <span style={{fontFamily:"'Jost',sans-serif", fontSize:22}}>Net Operating Income</span>
            <span style={{fontFamily:"'Jost',sans-serif", fontSize:28, color:'var(--gold-soft)'}}
              className="tnum">$653,169</span>
          </div>
        </div>

        {/* NOI chart */}
        <div>
          <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:11, letterSpacing:'0.22em',
            textTransform:'uppercase', color:'var(--gold-soft)', marginBottom:20}}>
            10-Year NOI Trajectory
          </div>
          <div style={{position:'relative', background:'rgba(10,10,10,0.04)',
            border:'1px solid rgba(10,10,10,0.08)', padding:'28px 20px 40px', height:320}}>
            <div style={{display:'flex', alignItems:'flex-end', gap:6, height:'100%',
              position:'relative'}}>
              {NOI_YRS.map((n,i)=>{
                const h = ((n-600)/(950-600))*90;
                return <div key={i} style={{flex:1, display:'flex', flexDirection:'column',
                  alignItems:'center', gap:6, height:'100%', justifyContent:'flex-end'}}>
                  <span style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:9,
                    color:'rgba(10,10,10,0.7)'}}>${n}K</span>
                  <div style={{width:'100%', height: inView?`${h}%`:0,
                    background:'var(--gold-soft)',
                    transition:`height 1s ease ${0.1+i*0.05}s`}}/>
                  <span style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:9,
                    color:'rgba(10,10,10,0.5)'}}>Yr {i+1}</span>
                </div>;
              })}
            </div>
          </div>
          <div style={{display:'grid', gridTemplateColumns:'1fr 1fr 1fr', gap:16, marginTop:24}}>
            {[
              ['Total 10-Yr NOI', '$7.85M'],
              ['Wtd Avg Cap', '7.95%'],
              ['Yr 5 Refi Cash-Out', '$2.76M'],
            ].map(([k,v])=>(
              <div key={k} style={{padding:'16px 18px', background:'rgba(10,10,10,0.04)',
                borderLeft:'2px solid var(--gold-soft)'}}>
                <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:9, letterSpacing:'0.18em',
                  textTransform:'uppercase', color:'rgba(10,10,10,0.55)', marginBottom:6}}>{k}</div>
                <div style={{fontFamily:"'Jost',sans-serif", fontSize:22, fontWeight:300}} className="tnum">{v}</div>
              </div>
            ))}
          </div>
        </div>
      </div>

      {/* DSCR table */}
      <div data-mobile-scroll="true">
        <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:11, letterSpacing:'0.22em',
          textTransform:'uppercase', color:'var(--gold-soft)', marginBottom:20,
          display:'flex', justifyContent:'space-between', alignItems:'baseline', flexWrap:'wrap', gap:12}}>
          <span>Debt Service Coverage · By Year</span>
          <span style={{color:'rgba(10,10,10,0.55)'}}>Min 1.56× · All years &gt; 1.25× lender threshold</span>
        </div>
        <div style={{overflowX:'auto'}}>
          <div style={{display:'grid', gridTemplateColumns:'140px repeat(10, 1fr)', gap:0, minWidth:900}}>
            {['','Yr 1','Yr 2','Yr 3','Yr 4','Yr 5','Yr 6','Yr 7','Yr 8','Yr 9','Yr 10'].map((h,i)=>(
              <div key={i} style={{padding:'12px 8px', fontFamily:"'JetBrains Mono',ui-monospace,monospace",
                fontSize:10, letterSpacing:'0.15em', textTransform:'uppercase',
                color:'rgba(10,10,10,0.55)', borderBottom:'1px solid rgba(10,10,10,0.15)'}}>{h}</div>
            ))}
            {['NOI', ...NOI_YRS.map(n=>`$${n}K`)].map((v,i)=>(
              <div key={'n'+i} style={{padding:'14px 8px', fontSize:12,
                fontFamily: i===0?'inherit':"'JetBrains Mono',ui-monospace,monospace",
                color: i===0?'rgba(10,10,10,0.65)':'var(--ivory)',
                borderBottom:'1px solid rgba(10,10,10,0.06)'}}
                className={i>0?'tnum':''}>{v}</div>
            ))}
            {['Debt Svc', ...DEBT_YRS.map(n=>`$${n}K`)].map((v,i)=>(
              <div key={'d'+i} style={{padding:'14px 8px', fontSize:12,
                fontFamily: i===0?'inherit':"'JetBrains Mono',ui-monospace,monospace",
                color: i===0?'rgba(10,10,10,0.65)':'rgba(10,10,10,0.75)',
                borderBottom:'1px solid rgba(10,10,10,0.06)'}}
                className={i>0?'tnum':''}>{v}</div>
            ))}
            {['DSCR', ...NOI_YRS.map((n,i)=>(n/DEBT_YRS[i]).toFixed(2)+'×')].map((v,i)=>(
              <div key={'r'+i} style={{padding:'14px 8px', fontSize:12,
                fontFamily: i===0?'inherit':"'JetBrains Mono',ui-monospace,monospace",
                color: i===0?'rgba(10,10,10,0.65)':'var(--gold-soft)',
                fontWeight:i===0?400:500}}
                className={i>0?'tnum':''}>{v}</div>
            ))}
          </div>
        </div>
      </div>
    </div>
  </section>;
}

/* =========================== LP RETURNS CALCULATOR =========================== */
// From OM waterfall — LP distributions Yr1-10
const LP_DIST = [252, 290, 256, 279, 2867, 317, 370, 276, 228, 5600]; // $K
const LP_TOTAL = 10735; // $K
const LP_PROFIT = 6699; // $K

function Returns(){
  const [amt, setAmt] = u2S(250000);
  const [ref, inView] = useInView();
  const MIN = 100_000, MAX = 4_000_000;
  const share = amt / 4_036_000;
  const distributions = LP_DIST.map(d => d * 1000 * share);
  const totalLP = LP_TOTAL * 1000 * share;
  const maxBar = Math.max(...distributions) * 1.05;

  return <section id="returns" ref={ref} style={{padding:'120px 40px', background:'var(--ivory-2)'}}>
    <div style={{maxWidth:1400, margin:'0 auto'}}>
      <SectionLabel num="08" title="Model Your Investment"/>
      <div style={{display:'grid', gridTemplateColumns:'1fr 1.4fr', gap:80, alignItems:'start'}}>
        <div>
          <h2 style={{fontSize:'clamp(36px, 4.5vw, 62px)', letterSpacing:'-0.025em', lineHeight:1.04,
            fontWeight:300, marginBottom:24}}>
            $4.0M invested. <em style={{color:'var(--gold)'}}>$10.7M returned.</em>
          </h2>
          <p style={{color:'var(--muted)', fontSize:15, lineHeight:1.6, marginBottom:36}}>
            Adjust your commitment to project annual distributions, the Year 5 refi return of
            capital, and Year 10 exit proceeds. Based on base-case underwriting at a 6.25% exit
            cap — see full sensitivity in the package.
          </p>
          <div style={{marginBottom:8}}>
            <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10,
              letterSpacing:'0.2em', textTransform:'uppercase', color:'var(--muted)'}}>
              Your commitment
            </div>
          </div>
          <div style={{fontFamily:"'Jost',sans-serif", fontSize:72, lineHeight:1, fontWeight:300,
            letterSpacing:'-0.03em', marginBottom:16}} className="tnum">
            {fmtUSD(amt)}
          </div>
          <input type="range" min={MIN} max={MAX} step={25000} value={amt}
            onChange={e=>setAmt(parseInt(e.target.value))}
            style={{width:'100%', accentColor:'var(--gold)', marginBottom:8}}/>
          <div style={{display:'flex', justifyContent:'space-between',
            fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, color:'var(--muted)'}}>
            <span>$100K min</span><span>$4.0M</span>
          </div>
          <div style={{display:'flex', gap:8, marginTop:20, flexWrap:'wrap'}}>
            {[100000, 250000, 500000, 1000000, 2000000, 4000000].map(v=>(
              <button key={v} onClick={()=>setAmt(v)} style={{
                padding:'8px 14px', background: amt===v?'var(--ink)':'transparent',
                color: amt===v?'var(--ivory)':'var(--ink)',
                border:'1px solid var(--ink)', fontSize:12, cursor:'pointer',
                fontFamily:"'JetBrains Mono',ui-monospace,monospace", letterSpacing:'0.05em'
              }}>{fmtUSDshort(v)}</button>
            ))}
          </div>
          <div style={{marginTop:32, padding:'20px 22px', background:'var(--ivory)',
            borderLeft:'2px solid var(--gold)'}}>
            <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
              textTransform:'uppercase', color:'var(--muted)', marginBottom:8}}>Waterfall</div>
            <div style={{fontSize:13, lineHeight:1.7, color:'var(--ink)'}}>
              Tier 1 · 1.25× Return of Capital to LP<br/>
              Tier 2 · 80% LP / 20% GP promote on excess<br/>
              1.25% AM Fee · 1.0% Acquisition Fee · No double promote
            </div>
          </div>
        </div>

        <div>
          <div style={{display:'grid', gridTemplateColumns:'repeat(3, 1fr)', gap:16, marginBottom:32}}>
            <div style={{background:'var(--ivory)', padding:22, borderTop:'2px solid var(--gold)'}}>
              <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
                textTransform:'uppercase', color:'var(--muted)', marginBottom:10}}>Total LP distributions</div>
              <div style={{fontFamily:"'Jost',sans-serif", fontSize:36, fontWeight:300,
                letterSpacing:'-0.02em', lineHeight:1}} className="tnum">{fmtUSD(Math.round(totalLP))}</div>
              <div style={{fontSize:11, color:'var(--muted)', marginTop:6}}>10-yr cumulative</div>
            </div>
            <div style={{background:'var(--ink)', color:'var(--ivory)', padding:22,
              borderTop:'2px solid var(--gold)'}}>
              <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
                textTransform:'uppercase', opacity:0.7, marginBottom:10}}>LP IRR (net)</div>
              <div style={{fontFamily:"'Jost',sans-serif", fontSize:36, fontWeight:300,
                letterSpacing:'-0.02em', lineHeight:1}} className="tnum">14.9%</div>
              <div style={{fontSize:11, opacity:0.7, marginTop:6}}>post-waterfall</div>
            </div>
            <div style={{background:'var(--ivory)', padding:22, borderTop:'2px solid var(--gold)'}}>
              <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
                textTransform:'uppercase', color:'var(--muted)', marginBottom:10}}>LP equity multiple</div>
              <div style={{fontFamily:"'Jost',sans-serif", fontSize:36, fontWeight:300,
                letterSpacing:'-0.02em', lineHeight:1}} className="tnum">2.66×</div>
              <div style={{fontSize:11, color:'var(--muted)', marginTop:6}}>on invested capital</div>
            </div>
          </div>

          {/* Distribution bars */}
          <div style={{background:'var(--ivory)', padding:'28px 28px 32px'}}>
            <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
              textTransform:'uppercase', color:'var(--muted)', marginBottom:24}}>
              Projected LP cash distribution schedule (your pro rata)
            </div>
            <div style={{display:'grid', gridTemplateColumns:'repeat(10, 1fr)', gap:8,
              alignItems:'flex-end', height:180}}>
              {distributions.map((d,i)=>{
                const pct = (d / maxBar) * 100;
                const isRefi = i===4;
                const isExit = i===9;
                return <div key={i} style={{display:'flex', flexDirection:'column', gap:6,
                  height:'100%', justifyContent:'flex-end', alignItems:'center'}}>
                  <span style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:9,
                    color: (isRefi||isExit) ? 'var(--gold)' : 'var(--muted)',
                    fontWeight:(isRefi||isExit)?600:400}} className="tnum">
                    {fmtUSDshort(Math.round(d))}
                  </span>
                  <div style={{width:'100%', height:`${Math.max(pct,3)}%`,
                    background: (isRefi||isExit) ? 'var(--gold)' : 'var(--ink)',
                    transition:'height .5s ease', position:'relative'}}>
                    {isRefi && <div style={{position:'absolute', top:-16, left:0, right:0,
                      textAlign:'center', fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:8,
                      letterSpacing:'0.15em', color:'var(--gold)', textTransform:'uppercase'}}>
                      Refi</div>}
                    {isExit && <div style={{position:'absolute', top:-16, left:0, right:0,
                      textAlign:'center', fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:8,
                      letterSpacing:'0.15em', color:'var(--gold)', textTransform:'uppercase'}}>
                      Exit</div>}
                  </div>
                  <span style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:9,
                    color:'var(--muted)'}}>Y{i+1}</span>
                </div>;
              })}
            </div>
            <div style={{marginTop:24, paddingTop:16, borderTop:'1px solid var(--rule)',
              display:'flex', justifyContent:'space-between', alignItems:'baseline', gap:16, flexWrap:'wrap'}}>
              <div>
                <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
                  textTransform:'uppercase', color:'var(--muted)', marginBottom:4}}>Total returned over 10 years</div>
                <div style={{fontFamily:"'Jost',sans-serif", fontSize:32, fontWeight:300}} className="tnum">
                  {fmtUSD(Math.round(totalLP))}
                </div>
              </div>
              <div style={{textAlign:'right'}}>
                <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
                  textTransform:'uppercase', color:'var(--muted)', marginBottom:4}}>Net profit</div>
                <div style={{fontFamily:"'Jost',sans-serif", fontSize:32, fontWeight:300,
                  color:'var(--gold)'}} className="tnum">
                  +{fmtUSD(Math.round(totalLP - amt))}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      {/* Sensitivity table */}
      <div style={{marginTop:80}} data-mobile-scroll="true">
        <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:11, letterSpacing:'0.22em',
          textTransform:'uppercase', color:'var(--muted)', marginBottom:20}}>
          Sensitivity — LP IRR by exit cap rate
        </div>
        <div style={{display:'grid', gridTemplateColumns:'repeat(7, 1fr)', gap:0,
          border:'1px solid var(--rule)', background:'var(--ivory)', minWidth:560}}>
          {['5.50%','5.75%','6.00%','6.25%','6.50%','6.75%','7.00%'].map((p,i)=>(
            <div key={p} style={{padding:'10px 8px', textAlign:'center',
              borderRight: i<6?'1px solid var(--rule)':'none',
              borderBottom:'1px solid var(--rule)',
              fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:11, letterSpacing:'0.12em',
              background: i===3?'var(--ink)':'transparent',
              color: i===3?'var(--ivory)':'var(--muted)'}}>{p}<span style={{opacity:0.6}}> cap</span></div>
          ))}
          {['18.4%','16.9%','15.8%','14.9%','14.0%','13.0%','12.1%'].map((v,i)=>(
            <div key={'irr'+i} style={{padding:'16px 8px', textAlign:'center',
              borderRight: i<6?'1px solid var(--rule)':'none',
              fontFamily:"'Jost',sans-serif", fontSize:22, fontWeight:300,
              background: i===3?'rgba(160,180,195,0.15)':'transparent',
              color: i===3?'var(--gold)':'var(--ink)'}} className="tnum">{v}</div>
          ))}
          {['3.05×','2.89×','2.77×','2.66×','2.56×','2.45×','2.35×'].map((v,i)=>(
            <div key={'em'+i} style={{padding:'10px 8px', textAlign:'center',
              borderTop:'1px solid var(--rule)',
              borderRight: i<6?'1px solid var(--rule)':'none',
              fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:12,
              color:'var(--muted)'}} className="tnum">{v}</div>
          ))}
        </div>
        <div style={{fontSize:12, color:'var(--muted)', marginTop:12, fontStyle:'italic'}}>
          Even at 7.00% exit cap — 75 bps of expansion from going-in — LP IRR holds above 12% with a 2.35× multiple.
        </div>
      </div>
    </div>
  </section>;
}

/* =========================== EXIT (Cap Rate Sale) =========================== */
function ExitVision(){
  const [ref, inView] = useInView();
  return <section ref={ref} style={{padding:'120px 40px', background:'var(--ivory)'}}>
    <div style={{maxWidth:1400, margin:'0 auto'}}>
      <SectionLabel num="09" title="Exit Strategy"/>
      <div style={{maxWidth:860, margin:'0 auto'}}>
        <div>
          <h2 style={{fontSize:'clamp(36px, 4.5vw, 62px)', letterSpacing:'-0.025em', lineHeight:1.04,
            fontWeight:300, marginBottom:24}}>
            <em style={{color:'var(--gold)'}}>$15.1M</em> gross sale at a 6.25% cap.
          </h2>
          <p style={{color:'var(--muted)', fontSize:16, lineHeight:1.6, marginBottom:32}}>
            Year 10 disposition to an institutional or 1031 buyer on a forward $946K NOI. After
            debt payoff and disposition costs, $6.9M flows to equity. Combined with $5.3M of
            operating cash flow and the Year 5 refi, LPs receive $10.7M on $4.0M invested.
          </p>
          <div style={{display:'grid', gridTemplateColumns:'1fr 1fr', gap:20, marginBottom:32}}>
            {[
              ['Exit cap', '6.25%'],
              ['Year 11 NOI', '$946K'],
              ['Gross sale', '$15.1M'],
              ['Net to equity', '$6.9M'],
            ].map(([k,v])=>(
              <div key={k} style={{padding:'18px 20px', background:'var(--ivory-2)',
                borderLeft:'2px solid var(--gold)'}}>
                <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
                  textTransform:'uppercase', color:'var(--muted)', marginBottom:8}}>{k}</div>
                <div style={{fontFamily:"'Jost',sans-serif", fontSize:30, fontWeight:300,
                  letterSpacing:'-0.02em'}} className="tnum">{v}</div>
              </div>
            ))}
          </div>
          <div style={{fontSize:13, color:'var(--muted)', lineHeight:1.7}}>
            <strong style={{color:'var(--ink)'}}>Why a cap-rate exit works here:</strong> 100% leased
            NNN centers in top-tier Houston submarkets trade to private REITs, family offices, and
            1031 exchangers at 5.50–6.50% caps. Our 6.25% underwriting builds in 25 bps of exit
            cushion vs. current comp caps. La Centerra's 5.00% transaction across the street is
            the institutional benchmark.
          </div>
        </div>
      </div>
    </div>
  </section>;
}

/* =========================== RISKS =========================== */
function Risks(){
  const [ref, inView] = useInView();
  const items = [
    ['Tenant turnover', '100% leased, 9-tenant roster · 5.0-yr WALT. Largest tenant (Montessori) is 20% of GLA. Laddered expirations through 2036 (AFC Urgent Care).'],
    ['Mark-to-market execution', 'Current wtd avg rent of $32.36/SF sits well below comp centers at $45–$50/SF. Natural upside without capital outlay. Montessori rollover alone adds ~$40K NOI.'],
    ['Cap rate expansion', 'Base case underwrites 6.25% exit — 25 bps wider than current comp median. At 7.00% cap, LP IRR still exceeds 12% with a 2.35× multiple.'],
    ['Interest rate / refi risk', 'Conservative 60% LTV with min DSCR of 1.56×. Year 5 refi modeled at 5.25% — 75 bps of cushion vs. current rates. No-refi scenario still yields positive LP returns.'],
    ['Property tax reassessment', 'HCAD reassessment risk offset by triple-net recovery structure — taxes pass through to tenants under all existing leases.'],
    ['Insurance / storm exposure', 'Gulf Coast location mitigated by flood zone X (minimal), concrete tilt-wall construction, and NNN expense recovery pass-through.'],
    ['Pending tenant execution', 'Suite 190 LOI signed at $28/SF NNN. If lease does not execute, $34K of Yr 1 revenue shifts to Yr 2 — immaterial to 10-yr returns.'],
  ];
  return <section ref={ref} style={{padding:'120px 40px', background:'var(--ivory-2)'}}>
    <div style={{maxWidth:1400, margin:'0 auto'}}>
      <SectionLabel num="10" title="Risk Factors &amp; Mitigants"/>
      <div style={{display:'grid', gridTemplateColumns:'1fr 1.6fr', gap:80, alignItems:'start'}}>
        <h2 style={{fontSize:'clamp(36px, 4.5vw, 58px)', letterSpacing:'-0.02em', lineHeight:1.04,
          fontWeight:300, marginBottom:24}}>
          Where it could <em style={{color:'var(--gold)'}}>go wrong</em>. How we've priced it in.
        </h2>
        <div>
          {items.map(([risk, mitigant], i)=>(
            <div key={risk} style={{display:'grid', gridTemplateColumns:'1fr 2fr', gap:32,
              padding:'20px 0', borderBottom:'1px solid var(--rule)',
              opacity: inView?1:0, transform: inView?'none':'translateY(12px)',
              transition:`all .6s ease ${0.05*i}s`}}>
              <div style={{fontFamily:"'Jost',sans-serif", fontSize:20, fontWeight:400,
                letterSpacing:'-0.01em'}}>{risk}</div>
              <div style={{fontSize:14, color:'var(--muted)', lineHeight:1.6}}>{mitigant}</div>
            </div>
          ))}
        </div>
      </div>
    </div>
  </section>;
}

/* =========================== SPONSOR =========================== */
const PILLARS = [
  { k:'01', t:'Partnership & Leadership', pts:[
    'Longstanding collaboration across commercial real estate',
    'Complementary backgrounds: private RE, public markets, capital formation',
    'Institutional discipline · operator-driven execution',
    'Shared philosophy, repeatable process, proven track records',
  ]},
  { k:'02', t:'Strategy & Market Focus', pts:[
    'Private real estate with long-term value creation',
    'Primary emphasis on unanchored strip centers',
    '"Cash-flow day one" — acquire below replacement cost',
    'Texas & Southeast U.S. in a fragmented ~$3T market',
  ]},
  { k:'03', t:'Investor Alignment', pts:[
    'Flexible: deal-by-deal, SMA, or programmatic venture',
    'Modest leverage — capped at ~60% LTV',
    'DSCR still 1:1 even after a 40% cash-flow loss',
    'Operate assets directly — no double-promote structures',
  ]},
];

const BIOS = [
  {
    name:'Justin A. Levine', firm:'JAL Strategies',
    email:'jlevine@jalstrategies.com',
    stats:[
      ['20+ yrs', 'commercial real estate'],
      ['$600M', 'invested/managed at Levcor'],
      ['3.9M sf', 'across 26 assets (TX & NC)'],
      ['$2.5B', 'equity raised at Blackstone'],
    ],
    bio:[
      'Former President of Levcor, Inc., a full-service national CRE firm that has developed, owned, or managed 25M sf of real estate. At Levcor (2014–2025) served as President, SVP/CIO, and VP.',
      'Track record: 4.13× realized equity multiple and 16.1% realized IRR across six exited assets, with twenty additional active assets carrying an estimated 3.36× total equity multiple as of underwriting — $600M invested/managed across 26 assets and 3.9M sf in Texas and North Carolina.',
      'Previously at The Blackstone Group (2006–2011) in New York, where he helped raise ~$2.5B of institutional equity for global real estate platforms across 15 private-equity advisory assignments. Active member of the Urban Land Institute.',
    ],
    creds:[
      'M.B.A., The Wharton School of Business',
      'B.S. Economics & Communication Studies, Northwestern University',
      'Urban Land Institute (ULI) — Member; former Houston District Council Chair (2022–24)',
      'ICSC member · Licensed Texas real estate salesperson',
    ],
  },
  {
    name:'James C. Pappas', firm:'JCP Investment Management',
    email:'jcp@jcpinv.com',
    stats:[
      ['17+ yrs', 'public real estate & credit'],
      ['$250M+', 'discretionary capital at JCP'],
      ['$50M+', 'raised in co-invest strategies'],
      ['10+', 'public-company boards served'],
    ],
    bio:[
      'Founded JCP Investment Management in June 2009 — a value-based, SEC-registered investment firm operating across equity, credit, and distressed securities, primarily in North America.',
      'Currently serves on the board of Tandy Leather Factory (NASDAQ:TLF). Prior board seats: Jamba Inc., U.S. Geothermal, The Pantry, and Chairman of Morgan\'s Foods — several taken private or sold at a premium.',
      'Previously with The Goldman Sachs Group (Investment Banking / Leveraged Finance) and Banc of America Securities (Consumer & Retail Investment Banking).',
    ],
    creds:[
      'M.S. Finance, Texas A&M University',
      'B.B.A., Texas A&M University',
      'Houston Methodist Gastrology Board',
      'Endowment Board — Houston Greek Orthodox Church',
    ],
  },
];

function Sponsor(){
  const [ref, inView] = useInView();
  return <section id="sponsor" ref={ref} style={{padding:'120px 40px', background:'var(--ivory)'}}>
    <div style={{maxWidth:1400, margin:'0 auto'}}>
      <SectionLabel num="11" title="The Sponsor"/>

      {/* ---------- FIRM INTRO ---------- */}
      <div style={{display:'grid', gridTemplateColumns:'1.2fr 1fr', gap:80, alignItems:'start', marginBottom:100}}>
        <div>
          <div style={{display:'flex', alignItems:'center', gap:18, marginBottom:28, flexWrap:'nowrap'}}>
            <div style={{width:56, height:56, flexShrink:0, border:'1px solid var(--ink)', display:'flex',
              alignItems:'center', justifyContent:'center', fontFamily:"'Jost',sans-serif",
              fontStyle:'italic', fontSize:18, letterSpacing:'-0.02em', lineHeight:1, whiteSpace:'nowrap'}}>
              JAL<span style={{fontSize:12, margin:'0 1px'}}>·</span>JCP
            </div>
            <div style={{minWidth:0}}>
              <div style={{fontFamily:"'Jost',sans-serif", fontSize:22, lineHeight:1.15}}>JAL-JCP Real Estate Partners</div>
              <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
                textTransform:'uppercase', color:'var(--muted)', marginTop:4}}>Houston, TX · April 2026</div>
            </div>
          </div>
          <h2 style={{fontSize:'clamp(40px, 5vw, 68px)', letterSpacing:'-0.025em', lineHeight:1.02,
            fontWeight:300, marginBottom:28}}>
            Institutional discipline.<br/>
            <em style={{color:'var(--gold)'}}>Operator-driven execution.</em>
          </h2>
          <p style={{color:'var(--muted)', fontSize:16, lineHeight:1.7, maxWidth:580, marginBottom:20}}>
            JAL-JCP is a partnership between Justin A. Levine and James C. Pappas focused on
            acquiring retail real estate with durable cash flow and long-term value creation.
            James also serves as Founder and Managing Partner of JCP Investment Management,
            an SEC-registered investment firm operating across equity, credit, and distressed
            securities — JCP Investment Management is not the sponsor, manager, or investment
            adviser of this offering.
            Combined experience spans private real estate, public markets, and institutional
            capital formation.
          </p>
          <p style={{color:'var(--muted)', fontSize:16, lineHeight:1.7, maxWidth:580, margin:0}}>
            Our strategy centers on <strong style={{color:'var(--ink)'}}>unanchored strip centers</strong> —
            acquired below replacement cost, underwritten to in-place cash flow, and held with
            conservative leverage for downside protection.
          </p>
        </div>
        <div style={{background:'var(--ivory-2)', padding:32, borderLeft:'2px solid var(--gold)'}}>
          <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.22em',
            textTransform:'uppercase', color:'var(--muted)', marginBottom:20}}>The partnership</div>
          <div style={{fontFamily:"'Jost',sans-serif", fontSize:24, lineHeight:1.15, marginBottom:14}}>
            Justin A. Levine &amp; James C. Pappas
          </div>
          <p style={{fontSize:13, color:'var(--muted)', lineHeight:1.65, margin:'0 0 20px'}}>
            Two operators, one partnership. Justin brings twenty years of institutional real estate
            investing — Blackstone, Levcor — with a realized 4.13× / 16.1% IRR track record across
            exited Texas &amp; North Carolina assets. James brings seventeen years of public-markets,
            credit, and capital-formation discipline through JCP Investment Management. Together
            they source, underwrite, and operate every deal directly.
          </p>
          <div style={{borderTop:'1px solid rgba(0,0,0,0.08)', paddingTop:18,
            display:'grid', gridTemplateColumns:'1fr 1fr', gap:14}} data-mobile-2col="true">
            {[
              ['37+ yrs', 'combined experience'],
              ['$600M+', 'invested &amp; managed'],
              ['3.9M SF', 'across 26 assets'],
              ['$2.5B+', 'institutional equity raised'],
            ].map(([k,v])=>(
              <div key={k}>
                <div style={{fontFamily:"'Jost',sans-serif", fontSize:24, lineHeight:1, marginBottom:4}}
                  dangerouslySetInnerHTML={{__html:k}}/>
                <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:9, letterSpacing:'0.15em',
                  textTransform:'uppercase', color:'var(--muted)'}}
                  dangerouslySetInnerHTML={{__html:v}}/>
              </div>
            ))}
          </div>
        </div>
      </div>

      {/* ---------- THREE PILLARS ---------- */}
      <div style={{marginBottom:100}}>
        <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.22em',
          textTransform:'uppercase', color:'var(--muted)', marginBottom:32}}>
          — How we operate
        </div>
        <div style={{display:'grid', gridTemplateColumns:'repeat(3, 1fr)', gap:2,
          background:'rgba(0,0,0,0.08)', border:'1px solid rgba(0,0,0,0.08)'}}>
          {PILLARS.map(p=>(
            <div key={p.k} style={{background:'var(--ivory)', padding:36}}>
              <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
                color:'var(--gold)', marginBottom:18}}>{p.k}</div>
              <div style={{fontFamily:"'Jost',sans-serif", fontSize:26, lineHeight:1.15,
                letterSpacing:'-0.015em', marginBottom:20, minHeight:60}}>{p.t}</div>
              <ul style={{listStyle:'none', padding:0, margin:0}}>
                {p.pts.map((pt,i)=>(
                  <li key={i} style={{fontSize:13.5, color:'var(--muted)', lineHeight:1.55,
                    padding:'10px 0', borderTop: i>0 ? '1px solid rgba(0,0,0,0.06)' : 'none',
                    display:'flex', gap:10}}>
                    <span style={{color:'var(--gold)', fontFamily:"'JetBrains Mono',ui-monospace,monospace",
                      fontSize:10, lineHeight:1.7, flexShrink:0}}>◦</span>
                    <span>{pt}</span>
                  </li>
                ))}
              </ul>
            </div>
          ))}
        </div>
      </div>

      {/* ---------- FOUNDER BIOS ---------- */}
      <div style={{marginBottom:100}}>
        <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.22em',
          textTransform:'uppercase', color:'var(--muted)', marginBottom:32}}>
          — The founders
        </div>
        <div style={{display:'grid', gridTemplateColumns:'1fr', gap:2,
          background:'rgba(0,0,0,0.08)', border:'1px solid rgba(0,0,0,0.08)'}}>
          {BIOS.map((b,bi)=>(
            <div key={b.name} style={{background:'var(--ivory)', padding:48,
              display:'grid', gridTemplateColumns:'1.4fr 1fr', gap:48, alignItems:'start'}}>
              <div>
                <div style={{fontFamily:"'Jost',sans-serif", fontSize:34, lineHeight:1.05,
                  letterSpacing:'-0.02em', marginBottom:8}}>{b.name}</div>
                <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.18em',
                  textTransform:'uppercase', color:'var(--gold)', marginBottom:14}}>
                  {b.firm}
                </div>
                <a href={`mailto:${b.email}`} style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace",
                  fontSize:11, color:'var(--ink)', borderBottom:'1px solid var(--ink)',
                  paddingBottom:2, display:'inline-block', marginBottom:28}}>{b.email}</a>
                <div style={{display:'grid', gridTemplateColumns:'1fr 1fr', gap:'20px 24px', marginBottom:28,
                  paddingBottom:24, borderBottom:'1px solid rgba(0,0,0,0.08)'}} data-mobile-2col="true">
                  {b.stats.map(([k,v])=>(
                    <div key={k}>
                      <div style={{fontFamily:"'Jost',sans-serif", fontSize:30, lineHeight:1,
                        letterSpacing:'-0.02em', marginBottom:6, color:'var(--ink)'}}>
                        {k}
                      </div>
                      <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:9, letterSpacing:'0.15em',
                        textTransform:'uppercase', color:'var(--muted)'}}>{v}</div>
                    </div>
                  ))}
                </div>
                {b.bio.map((p,i)=>(
                  <p key={i} style={{fontSize:13.5, color:'var(--muted)', lineHeight:1.65,
                    margin:'0 0 14px'}}>{p}</p>
                ))}
              </div>
              <div>
                <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
                  textTransform:'uppercase', color:'var(--muted)', marginBottom:18}}>
                  Education & Affiliations
                </div>
                <ul style={{listStyle:'none', padding:0, margin:0}}>
                  {b.creds.map((c,i)=>(
                    <li key={i} style={{fontSize:13, color:'var(--ink)', lineHeight:1.5,
                      padding:'12px 0', borderTop: i>0 ? '1px solid rgba(0,0,0,0.08)' : 'none'}}>
                      {c}
                    </li>
                  ))}
                </ul>
              </div>
            </div>
          ))}
        </div>
      </div>

      {/* ---------- TRACK RECORD ---------- */}
      <div>
        <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.22em',
          textTransform:'uppercase', color:'var(--muted)', marginBottom:32}}>
          — Track record
        </div>
        <div style={{display:'grid', gridTemplateColumns:'1fr 1fr', gap:2,
          background:'rgba(0,0,0,0.08)', border:'1px solid rgba(0,0,0,0.08)'}}>
          <div style={{background:'var(--ivory)', padding:'40px 44px'}}>
            <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
              textTransform:'uppercase', color:'var(--gold)', marginBottom:16}}>Realized · 6 exited assets</div>
            <div style={{fontFamily:"'Jost',sans-serif", fontSize:80, lineHeight:0.95,
              letterSpacing:'-0.035em', fontWeight:300, marginBottom:8}}>
              <strong style={{fontWeight:500}}>4.13×</strong>
            </div>
            <div style={{fontSize:14, color:'var(--muted)', marginBottom:28}}>realized equity multiple</div>
            <div style={{display:'grid', gridTemplateColumns:'1fr 1fr', gap:24,
              paddingTop:24, borderTop:'1px solid rgba(0,0,0,0.08)'}} data-mobile-2col="true">
              <div>
                <div style={{fontFamily:"'Jost',sans-serif", fontSize:32, lineHeight:1, marginBottom:6}}>16.1%</div>
                <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.15em',
                  textTransform:'uppercase', color:'var(--muted)'}}>Realized IRR</div>
              </div>
              <div>
                <div style={{fontFamily:"'Jost',sans-serif", fontSize:32, lineHeight:1, marginBottom:6}}>6</div>
                <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.15em',
                  textTransform:'uppercase', color:'var(--muted)'}}>Exited assets</div>
              </div>
            </div>
          </div>
          <div style={{background:'var(--ivory)', padding:'40px 44px'}}>
            <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
              textTransform:'uppercase', color:'var(--gold)', marginBottom:16}}>Unrealized · 20 active assets</div>
            <div style={{fontFamily:"'Jost',sans-serif", fontSize:80, lineHeight:0.95,
              letterSpacing:'-0.035em', fontWeight:300, marginBottom:8}}>
              <strong style={{fontWeight:500}}>3.36×</strong>
            </div>
            <div style={{fontSize:14, color:'var(--muted)', marginBottom:28}}>est. total equity multiple</div>
            <div style={{display:'grid', gridTemplateColumns:'1fr 1fr', gap:24,
              paddingTop:24, borderTop:'1px solid rgba(0,0,0,0.08)'}} data-mobile-2col="true">
              <div>
                <div style={{fontFamily:"'Jost',sans-serif", fontSize:32, lineHeight:1, marginBottom:6}}>$600M</div>
                <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.15em',
                  textTransform:'uppercase', color:'var(--muted)'}}>Invested &amp; managed</div>
              </div>
              <div>
                <div style={{fontFamily:"'Jost',sans-serif", fontSize:32, lineHeight:1, marginBottom:6}}>3.9M SF</div>
                <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.15em',
                  textTransform:'uppercase', color:'var(--muted)'}}>TX &amp; NC portfolio</div>
              </div>
            </div>
          </div>
        </div>

        <div style={{marginTop:20, padding:'18px 24px', background:'var(--ivory-2)',
          borderLeft:'2px solid var(--gold)', fontSize:11, lineHeight:1.65,
          color:'var(--muted)', fontStyle:'italic'}}>
          Performance reflects investment activities at Levcor, Inc. where Mr. Levine held senior
          leadership roles. Results reflect team contributions, market conditions, and firm
          resources. Past performance is not indicative of future results. JAL-JCP differs in
          program, personnel, and infrastructure — there can be no assurance of replication.
        </div>
      </div>
    </div>
  </section>;
}

/* =========================== CTA + FOOTER =========================== */
function CTA({ onCTA }){
  return <section style={{padding:'140px 40px', background:'var(--ink)', color:'var(--ivory)',
    position:'relative', overflow:'hidden'}}>
    <div style={{position:'absolute', inset:0, opacity:0.08,
      backgroundImage:'repeating-linear-gradient(135deg, var(--ivory) 0 1px, transparent 1px 60px)'}}/>
    <div style={{maxWidth:1000, margin:'0 auto', textAlign:'center', position:'relative'}}>
      <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:11, letterSpacing:'0.22em',
        textTransform:'uppercase', color:'var(--gold-soft)', marginBottom:32}}>
        — Off-Market · By Invitation —
      </div>
      <h2 style={{fontSize:'clamp(48px, 6vw, 92px)', letterSpacing:'-0.03em', lineHeight:1.02,
        fontWeight:300, marginBottom:36}}>
        Raising <em style={{color:'var(--gold-soft)'}}>$4.0M</em> in LP equity.<br/>
        $100K minimum.
      </h2>
      <p style={{fontSize:18, color:'rgba(10,10,10,0.7)', maxWidth:640, margin:'0 auto 48px', lineHeight:1.55}}>
        Request the full investment package — financial model, offering memorandum, and rent roll.
      </p>
      <div style={{display:'flex', gap:14, justifyContent:'center', flexWrap:'wrap'}}>
        <Btn variant="gold" onClick={onCTA} style={{padding:'18px 32px', fontSize:14}}>
          Request investor package →
        </Btn>
      </div>
    </div>
  </section>;
}

function Footer(){
  const [dOpen, setDOpen] = React.useState(false);
  return <footer style={{background:'var(--ink-2)', color:'rgba(10,10,10,0.7)'}}>
    <div style={{padding:'48px 40px', borderBottom:'1px solid rgba(10,10,10,0.1)'}}>
      <div style={{maxWidth:1400, margin:'0 auto'}}>
        <div style={{display:'flex', alignItems:'baseline', justifyContent:'space-between',
          marginBottom:20, flexWrap:'wrap', gap:16}}>
          <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.22em',
            textTransform:'uppercase', color:'var(--gold-soft)'}}>Important Disclosures · Confidential</div>
          <button onClick={()=>setDOpen(v=>!v)} style={{background:'none', border:'1px solid rgba(10,10,10,0.25)',
            color:'rgba(10,10,10,0.8)', padding:'6px 14px', fontSize:10, letterSpacing:'0.18em',
            textTransform:'uppercase', fontFamily:"'JetBrains Mono',ui-monospace,monospace", cursor:'pointer'}}>
            {dOpen ? 'Collapse −' : 'Read in full →'}
          </button>
        </div>

        <div style={{fontSize:11.5, lineHeight:1.7, color:'rgba(10,10,10,0.7)',
          columnCount: dOpen ? 2 : 1, columnGap:40,
          maxHeight: dOpen ? 'none' : 180, overflow: dOpen ? 'visible' : 'hidden',
          position:'relative'}}>
          <p style={{margin:'0 0 10px'}}>
            <strong style={{color:'var(--ivory)'}}>STRICTLY CONFIDENTIAL.</strong>{' '}
            This document and the information contained herein (the "Materials") have been prepared by
            JAL‑JCP Real Estate Partners, LLC ("JAL‑JCP" or the "Sponsor") solely for informational and
            discussion purposes and are furnished on a confidential basis to a limited number of
            sophisticated, prospective investors. The Materials are the proprietary property of the
            Sponsor and may not be reproduced, distributed, or disclosed, in whole or in part, to any
            other person without the Sponsor's prior written consent.
          </p>
          <p style={{margin:'0 0 10px'}}>
            <strong style={{color:'var(--ivory)'}}>NOT AN OFFER.</strong>{' '}
            The Materials do not constitute an offer to sell, or a solicitation of an offer to buy, any
            security, interest, or investment product. Any such offer or solicitation will be made only to
            "accredited investors" (as defined in Rule 501 of Regulation D under the U.S. Securities Act of
            1933, as amended) and "qualified purchasers" where applicable, pursuant to a definitive
            Confidential Private Placement Memorandum ("PPM"), subscription documents, and a limited
            partnership or operating agreement that will describe the risks, conflicts of interest, fees,
            expenses, and other material terms of the offering. In the event of any inconsistency between
            the Materials and the PPM, the PPM will control.
          </p>
          <p style={{margin:'0 0 10px'}}>
            <strong style={{color:'var(--ivory)'}}>FORWARD‑LOOKING STATEMENTS.</strong>{' '}
            Certain information contained herein constitutes forward‑looking statements, including, without
            limitation, statements relating to projected internal rates of return, equity multiples, cash‑on‑cash
            yields, cap rates, exit values, net operating income, refinance assumptions, occupancy, and
            market rent growth. Such statements are based on current expectations, assumptions, and beliefs,
            are subject to significant business, economic, and competitive uncertainties and contingencies,
            many of which are beyond the Sponsor's control, and are subject to change. Actual events or
            results may differ materially. No representation or warranty, express or implied, is made as to
            the accuracy or completeness of any such forward‑looking statements, and no undertaking is
            given to update them.
          </p>
          <p style={{margin:'0 0 10px'}}>
            <strong style={{color:'var(--ivory)'}}>NO REPRESENTATION OR WARRANTY.</strong>{' '}
            Certain information contained herein has been obtained from third‑party sources—including,
            without limitation, CBRE, CoStar, HCAD, broker opinions, market reports, appraisals, and
            tenant‑provided materials. While such information is believed to be reliable as of the dates
            indicated, none of the Sponsor, its affiliates, principals, or representatives has independently
            verified, or makes any representation or warranty as to the accuracy or completeness of,
            such information.
          </p>
          <p style={{margin:'0 0 10px'}}>
            <strong style={{color:'var(--ivory)'}}>INVESTMENT RISK.</strong>{' '}
            An investment of the type described involves a high degree of risk, including the risk of loss
            of the entire investment. Risks include, but are not limited to: illiquidity; concentration in a
            single asset, property type, and geography; leverage and interest‑rate risk; tenant credit and
            rollover risk; cap-rate expansion; general economic, real estate, and capital‑markets
            conditions; property‑specific risks (including casualty, flood, and insurance availability);
            regulatory, zoning, and environmental risks; and conflicts of interest inherent in
            Sponsor‑managed vehicles. Investors should review the risk factors described in the PPM in
            their entirety before making any investment decision.
          </p>
          <p style={{margin:'0 0 10px'}}>
            <strong style={{color:'var(--ivory)'}}>PAST PERFORMANCE.</strong>{' '}
            Any reference to prior investment activity of the principals—including, without limitation,
            realized and unrealized track‑record data referenced as "Levcor, Inc. 2014–2025" or similar
            descriptions—reflects performance at other firms or platforms with different programs,
            personnel, capital structures, strategies, market conditions, and resources. Past performance
            is not indicative of, and provides no assurance of, future results. There can be no assurance
            that JAL‑JCP or the referenced offering will achieve comparable results or its investment
            objectives.
          </p>
          <p style={{margin:'0 0 10px'}}>
            <strong style={{color:'var(--ivory)'}}>RELATED PARTIES.</strong>{' '}
            References to JAL Strategies and JCP Investment Management throughout these Materials
            are descriptive of Mr. Levine's and Mr. Pappas's separate professional activities,
            respectively. Neither JAL Strategies nor JCP Investment Management is the sponsor,
            manager, general partner, investment adviser, broker-dealer, or placement agent of
            this offering, and neither has any role in the management or operation of the offering
            entity. The sole sponsor of this offering is JAL-JCP Real Estate Partners, LLC.
          </p>
          <p style={{margin:'0 0 10px'}}>
            <strong style={{color:'var(--ivory)'}}>NO TAX, LEGAL, OR ACCOUNTING ADVICE.</strong>{' '}
            The Materials do not purport to be all‑inclusive and do not contain all information that a
            prospective investor may desire. Nothing herein constitutes investment, tax, legal, regulatory,
            accounting, or other advice. Each prospective investor should consult its own independent
            advisors regarding the suitability, legal, tax, and financial consequences of an investment.
          </p>
          <p style={{margin:0}}>
            <strong style={{color:'var(--ivory)'}}>JURISDICTION.</strong>{' '}
            The offering will be made only in those jurisdictions where such offers and sales are permitted
            under applicable law. The Materials may not be distributed in any jurisdiction where such
            distribution would be unlawful. By accepting the Materials, the recipient agrees to treat them
            as confidential and to return or destroy them upon request.
          </p>

          {!dOpen && <div style={{position:'absolute', left:0, right:0, bottom:0, height:80,
            background:'linear-gradient(to bottom, rgba(244,233,200,0), var(--ink-2))', pointerEvents:'none'}}/>}
        </div>
      </div>
    </div>

    {/* ---------- CONTACT STRIP ---------- */}
    <div style={{padding:'40px'}}>
      <div style={{maxWidth:1400, margin:'0 auto',
        display:'grid', gridTemplateColumns:'2fr 1fr 1fr 1fr', gap:40, alignItems:'start'}}>
        <div>
          <div style={{display:'flex', alignItems:'center', gap:12, marginBottom:16}}>
            <div style={{width:44, height:44, border:'1px solid rgba(10,10,10,0.4)',
              display:'flex', alignItems:'center', justifyContent:'center',
              fontFamily:"'Jost',sans-serif", fontStyle:'italic', fontSize:14,
              letterSpacing:'-0.02em'}}>JAL·JCP</div>
            <div style={{fontFamily:"'Jost',sans-serif", fontSize:18, color:'var(--ivory)'}}>
              JAL-JCP Real Estate Partners
            </div>
          </div>
          <p style={{fontSize:11, lineHeight:1.6, maxWidth:460, margin:0, color:'rgba(10,10,10,0.55)'}}>
            Summary only. See "Important Disclosures" above for full legal, risk, and forward‑looking
            statement language governing these Materials.
          </p>
        </div>
        <div>
          <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
            textTransform:'uppercase', color:'var(--gold-soft)', marginBottom:14}}>Offering</div>
          <div style={{fontSize:13, lineHeight:2}}>
            <div>Cinco Ranch Village</div>
            <div>23144 Cinco Ranch Blvd</div>
            <div>Katy, TX 77494</div>
            <div>April 2026</div>
          </div>
        </div>
        <div>
          <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
            textTransform:'uppercase', color:'var(--gold-soft)', marginBottom:14}}>Justin A. Levine</div>
          <div style={{fontSize:13, lineHeight:2}}>
            <a href="mailto:jlevine@jalstrategies.com" style={{color:'var(--ivory)', opacity:0.8}}>
              jlevine@jalstrategies.com</a>
          </div>
        </div>
        <div>
          <div style={{fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.2em',
            textTransform:'uppercase', color:'var(--gold-soft)', marginBottom:14}}>James C. Pappas</div>
          <div style={{fontSize:13, lineHeight:2}}>
            <a href="mailto:jcp@jcpinv.com" style={{color:'var(--ivory)', opacity:0.8}}>
              jcp@jcpinv.com</a>
          </div>
        </div>
      </div>
      <div style={{maxWidth:1400, margin:'32px auto 0', paddingTop:20,
        borderTop:'1px solid rgba(10,10,10,0.1)',
        display:'flex', justifyContent:'space-between', gap:20, flexWrap:'wrap',
        fontFamily:"'JetBrains Mono',ui-monospace,monospace", fontSize:10, letterSpacing:'0.1em', color:'rgba(10,10,10,0.5)'}}>
        <span>© 2026 JAL-JCP Real Estate Partners, LLC. All rights reserved.</span>
        <span>All figures projected · Past performance ≠ future results · See full disclosures above</span>
      </div>
    </div>
  </footer>;
}

Object.assign(window, { Financials, Returns, ExitVision, Risks, Sponsor, CTA, Footer });
