// deGold Landing — part 2 (Proof, Social proof, Risk, FAQ, Footer + Wallet modal)

const { useState: uL2S, useEffect: uL2E } = React;

// ─── Proof of Funds panel ─────────────────────────────
const Proof = () => (
  <section id="proof" style={{borderBottom:"1px solid var(--ink)",padding:"96px 0",background:"var(--paper-2)"}}>
    <div className="wrap" style={{padding:"0 48px"}}>
      <div className="lp-proof-grid" style={{display:"grid",gridTemplateColumns:"1fr 1.2fr",gap:64}}>
        <div>
          <div className="mono" style={{fontSize:12,letterSpacing:".08em",textTransform:"uppercase",color:"var(--ink-4)"}}>§ proof of funds</div>
          <h2 className="lp-h2-md" style={{fontSize:56,fontWeight:500,letterSpacing:"-0.035em",lineHeight:1,marginTop:14}}>
            Every bar, every serial,<br/>every epoch.
          </h2>
          <p style={{marginTop:24,fontSize:16,color:"var(--ink-3)",lineHeight:1.5}}>
            The operator’s CFO signs a Proof of Funds report at the end of every epoch. It lists bar serial numbers, refinery receipts, buyer invoices, and the net margin. Posted to IPFS; hash written onchain.
          </p>
          <div style={{marginTop:28,display:"grid",gap:10,fontFamily:"var(--font-mono)",fontSize:13,color:"var(--ink-3)"}}>
            <div>→ <a style={{color:Colors.ox,textDecoration:"underline"}}>PoF · E-040 (signed)</a> · bafy…8h9qa2</div>
            <div>→ <a style={{color:Colors.ox,textDecoration:"underline"}}>PoF · E-039</a> · bafy…2k1r9x</div>
            <div>→ <a style={{color:Colors.ox,textDecoration:"underline"}}>PoF · E-038</a> · bafy…ze4n7p</div>
            <div>→ <a style={{color:"var(--ink-4)",textDecoration:"underline"}}>audit · Pashov · Feb 2026</a></div>
          </div>
        </div>
        <div className="lp-pof-card" style={{border:"1px solid var(--ink)",background:"var(--paper)",padding:32,fontFamily:"var(--font-mono)",fontSize:12,lineHeight:1.7}}>
          <div className="lp-pof-head" style={{display:"flex",justifyContent:"space-between",borderBottom:"1px solid var(--ink)",paddingBottom:12,marginBottom:16,fontSize:11,color:"var(--ink-4)",textTransform:"uppercase",letterSpacing:".08em"}}>
            <span>◆ PoF · E-040 · excerpt</span>
            <span>signed 14 Apr 2026 · 09:14 CET</span>
          </div>
          <div className="lp-pof-table" style={{whiteSpace:"pre",fontSize:11,color:"var(--ink-3)",overflowX:"auto"}}>
{`SN              REFINER          FINENESS   WEIGHT      BUYER         SPOT($)    EXIT($)    MARGIN
19-34-081       Argor-Heraeus    995.0      400.12 oz   Heraeus DE    $5,307     $5,312     +$2,001
19-34-082       Argor-Heraeus    995.0      400.08 oz   Heraeus DE    $5,307     $5,311     +$1,600
19-34-083       Argor-Heraeus    995.0      399.94 oz   Valcambi CH   $5,307     $5,309     +$799
19-34-084       Argor-Heraeus    995.0      400.02 oz   Heraeus DE    $5,307     $5,313     +$2,400
19-34-085       Argor-Heraeus    995.0      399.88 oz   Stonex US*    $5,307     $5,310     +$1,199
                                                                                            ───────
5 bars · 2,000.04 oz · batch 040-B · net to vault:                                          +$7,999

* US buyer OFAC-screened pre-shipment. All invoices on file.
   Signed: F. Rinaldi, CFO · Fargo Srl · keccak 0xa2c9…91cc`}
          </div>
          {/* Mobile-only card list */}
          <div className="lp-pof-mobile" style={{display:"none",flexDirection:"column",gap:10}}>
            {[
              ["19-34-081","400.12 oz","Heraeus DE","+$2,001"],
              ["19-34-082","400.08 oz","Heraeus DE","+$1,600"],
              ["19-34-083","399.94 oz","Valcambi CH","+$799"],
              ["19-34-084","400.02 oz","Heraeus DE","+$2,400"],
              ["19-34-085","399.88 oz","Stonex US*","+$1,199"],
            ].map((r,i)=>(
              <div key={i} style={{border:"1px solid var(--paper-3)",padding:"12px 14px",background:"var(--paper-2)"}}>
                <div style={{display:"flex",justifyContent:"space-between",fontSize:12,color:"var(--ink)"}}>
                  <span style={{fontWeight:500}}>{r[0]}</span>
                  <span style={{color:Colors.ox}}>{r[3]}</span>
                </div>
                <div style={{display:"flex",justifyContent:"space-between",fontSize:11,color:"var(--ink-4)",marginTop:4}}>
                  <span>Argor-Heraeus · 995.0 · {r[1]}</span>
                  <span>→ {r[2]}</span>
                </div>
              </div>
            ))}
            <div style={{borderTop:"1px solid var(--ink)",paddingTop:12,marginTop:4,display:"flex",justifyContent:"space-between",fontSize:12}}>
              <span style={{color:"var(--ink-3)"}}>5 bars · 2,000.04 oz</span>
              <span style={{color:Colors.ox,fontWeight:500}}>+$7,999</span>
            </div>
            <div style={{fontSize:10,color:"var(--ink-4)",lineHeight:1.55,marginTop:6}}>
              * US buyer OFAC-screened pre-shipment. All invoices on file.<br/>
              Signed: F. Rinaldi, CFO · Fargo Srl · keccak 0xa2c9…91cc
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
);

// ─── Social proof ──────────────────────────────────────
const Social = () => (
  <section style={{borderBottom:"1px solid var(--ink)",padding:"80px 0"}}>
    <div className="wrap" style={{padding:"0 48px"}}>
      <div className="mono" style={{fontSize:12,letterSpacing:".08em",textTransform:"uppercase",color:"var(--ink-4)"}}>§ what depositors say</div>
      <div className="lp-social-grid" style={{marginTop:32,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:0,border:"1px solid var(--ink)"}}>
        {[
          ["“Finally an RWA product where I can verify the asset. The bar serials check out against Argor’s public registry.”","0xhae…c2","depositor · E-02 onwards · $180K"],
          ["“The 40-day notice sounded annoying. Then I sold gVault on Pendle in one block at 99.4% of NAV. Done.”","0x74e…92f","depositor · E-03 · $45K"],
          ["“PoF report is as dry as a prospectus. That is exactly why I parked size here.”","0xc11…8aa","family office · E-01 onwards · $620K"],
        ].map((q,i)=>(
          <div key={i} style={{padding:32,borderRight:i<2?"1px solid var(--ink)":"none"}}>
            <div style={{fontSize:19,color:"var(--ink-2)",lineHeight:1.4,letterSpacing:"-.01em"}}>{q[0]}</div>
            <div className="mono" style={{fontSize:12,color:Colors.ox,marginTop:20}}>{q[1]}</div>
            <div className="mono" style={{fontSize:11,color:"var(--ink-4)",marginTop:4}}>{q[2]}</div>
          </div>
        ))}
      </div>
      <div className="lp-stats-grid" style={{marginTop:32,display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:0,border:"1px solid var(--ink)",background:"var(--paper-2)"}}>
        {[[String(MOCK.social.depositorCount),"verified depositors"],[String(MOCK.social.cleanEpochs),"clean epochs · PoF on time"],[MOCK.labels.tvl,"TVL · mainnet"],[String(MOCK.social.liquidations),"liquidations · incidents"]].map((c,i)=>(
          <div key={i} style={{padding:"26px 28px",borderRight:i<3?"1px solid var(--ink)":"none"}}>
            <div style={{fontSize:48,fontFamily:"var(--font-mono)",letterSpacing:"-.02em"}}>{c[0]}</div>
            <div className="mono" style={{fontSize:11,color:"var(--ink-4)",letterSpacing:".08em",textTransform:"uppercase",marginTop:4}}>{c[1]}</div>
          </div>
        ))}
      </div>
    </div>
  </section>
);

// ─── Risk (honest) ─────────────────────────────────
const Risk = () => (
  <section id="risk" style={{borderBottom:"1px solid var(--ink)",padding:"96px 0",background:Colors.ink,color:Colors.paper}}>
    <div className="wrap" style={{padding:"0 48px"}}>
      <div className="lp-risk-grid" style={{display:"grid",gridTemplateColumns:"1fr 2fr",gap:64}}>
        <div>
          <div className="mono" style={{fontSize:12,letterSpacing:".08em",textTransform:"uppercase",color:"var(--dk-ink-3)"}}>§ risks, stated</div>
          <h2 className="lp-h2-md" style={{fontSize:56,fontWeight:500,letterSpacing:"-0.035em",lineHeight:1,marginTop:14,color:Colors.paper}}>
            Read this <span style={{color:"#D8533A"}}>before</span> you deposit.
          </h2>
          <p style={{marginTop:24,fontSize:16,color:"var(--dk-ink-2)",lineHeight:1.5}}>
            A 12–20% gold-denominated yield is only possible because real risk exists. We do not use the word ‘safe.’ Every risk below is disclosed at deposit, on the same screen as the amount field.
          </p>
        </div>
        <div className="lp-risk-cards" style={{display:"grid",gridTemplateColumns:"1fr 1fr",gap:0,border:"1px solid var(--dk-line)"}}>
          {[
            ["Counterparty · Fargo","Operator default or delayed settlement can cost up to one epoch of yield, or principal in worst case.","HIGH"],
            ["Sovereign · Uganda","License revocation blocks one epoch. Secondary sources (Tanzania, Ghana) on bench.","HIGH"],
            ["Securities classification","gVault is not a security under Panama law (opinion on file). US users are geoblocked on-contract.","HIGH"],
            ["Smart contract","Audited by Pashov (Feb ’26). OZ audit pending. Pause + timelock. $1M bug bounty.","MEDIUM"],
            ["Custody · PAXG","Paxos issuer risk. XAUT fallback route in the vault.","MEDIUM"],
            ["Liquidity","40-day notice window. DEX / Pendle route may trade below NAV under stress.","MEDIUM"],
          ].map((r,i)=>(
            <div key={i} style={{padding:22,borderRight:i%2===0?"1px solid var(--dk-line)":"none",borderBottom:i<4?"1px solid var(--dk-line)":"none"}}>
              <div style={{fontSize:18,fontWeight:500,letterSpacing:"-.02em"}}>{r[0]}</div>
              <div style={{fontSize:13,color:"var(--dk-ink-2)",marginTop:8,lineHeight:1.45}}>{r[1]}</div>
              <div style={{display:"inline-block",padding:"4px 8px",marginTop:12,border:`1px solid ${r[2]==="HIGH"?"#D8533A":"var(--dk-ink-3)"}`,color:r[2]==="HIGH"?"#D8533A":"var(--dk-ink-2)",fontFamily:"var(--font-mono)",fontSize:10,letterSpacing:".1em"}}>{r[2]}</div>
            </div>
          ))}
        </div>
      </div>
    </div>
  </section>
);

// ─── FAQ ─────────────────────────────────
const FaqItem = ({q,a}) => {
  const [o,setO] = uL2S(false);
  return (
    <div style={{borderBottom:"1px solid var(--paper-3)"}}>
      <button onClick={()=>setO(!o)} style={{width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",padding:"22px 0",background:"none",border:"none",cursor:"pointer",textAlign:"left",fontFamily:"var(--font-sans)"}}>
        <span style={{fontSize:20,fontWeight:500,letterSpacing:"-.01em",color:"var(--ink)"}}>{q}</span>
        <span className="mono" style={{fontSize:18,color:Colors.ox,transition:"transform 180ms",transform:o?"rotate(45deg)":"none"}}>+</span>
      </button>
      {o && <div style={{paddingBottom:22,fontSize:15,color:"var(--ink-3)",lineHeight:1.55,maxWidth:900}}>{a}</div>}
    </div>
  );
};

const FAQ = () => (
  <section id="faq" style={{borderBottom:"1px solid var(--ink)",padding:"96px 0"}}>
    <div className="wrap lp-faq-grid" style={{padding:"0 48px",display:"grid",gridTemplateColumns:"1fr 2fr",gap:64}}>
      <div>
        <div className="mono" style={{fontSize:12,letterSpacing:".08em",textTransform:"uppercase",color:"var(--ink-4)"}}>§ questions</div>
        <h2 style={{fontSize:56,fontWeight:500,letterSpacing:"-0.035em",lineHeight:1,marginTop:14}}>Good questions.<br/>Direct answers.</h2>
      </div>
      <div>
        {[
          ["Is my USDT actually turned into gold?","Yes. The Panama SPV wires USDT to Fargo Srl in Milan on day 1 of the epoch. By day 24, the bars exist, serial-stamped, at Argor-Heraeus in Switzerland. PoF lists each one."],
          ["What if Fargo defaults or disappears?","You lose up to one epoch of yield, and in a worst case, principal. We diversify operators starting at $20M TVL, run monthly PoF, and keep escrow against deployed capital. This is the HIGH risk in §Risk — read it."],
          ["Why 40-day notice to withdraw?","The physical cycle is 36 days, plus 4 days of buffer. If you need out sooner, sell gVault on Uniswap v4 or Pendle — any block. Price is typically 99.2–99.8% of NAV."],
          ["Is this a security? Can a US person deposit?","gVault is a vault share, not a security, under Panama law (opinion on file). US, China, and Russia IPs are geoblocked at the front-end and on-contract via address screening."],
          ["What happens if gold crashes 30%?","Your PAXG is worth 30% less in dollars — but you still have the same ounces. The vault margin is spread-based (source discount vs exit spot), not directional, so yield in PAXG continues. This is why we denominate in ounces."],
          ["How does the 1% LP auto-seeding work?","Of every deposit, 1% routes to a Uniswap v4 gVault/USDT pool. This gives you an instant exit path without the 40-day notice, at the cost of a small spread. You keep LP fees."],
          ["Why should I trust the APY numbers?","You shouldn’t. Read the PoF report for E-01, E-02, E-03. Verify bar serials against Argor’s registry. The numbers above are what happened; future numbers are subject to §Risk."],
        ].map((f,i)=><FaqItem key={i} q={f[0]} a={f[1]}/>)}
      </div>
    </div>
  </section>
);

// ─── Final CTA ────────────────────────────────
const FinalCTA = ({onOpen}) => (
  <section style={{borderBottom:"1px solid var(--ink)",padding:"120px 0",background:"var(--paper)",position:"relative",overflow:"hidden"}}>
    <div className="wrap lp-final-grid" style={{padding:"0 48px",display:"grid",gridTemplateColumns:"1.4fr 1fr",gap:64,alignItems:"end"}}>
      <div>
        <div className="mono" style={{fontSize:12,letterSpacing:".08em",textTransform:"uppercase",color:"var(--ink-4)"}}>§ the vault is open</div>
        <h2 className="lp-h-mega" style={{fontSize:144,fontWeight:500,letterSpacing:"-0.055em",lineHeight:0.9,marginTop:16}}>
          Every 36 days,<br/>the vault turns <span style={{color:Colors.ox}}>gold</span>.
        </h2>
        <p style={{marginTop:28,fontSize:20,color:"var(--ink-3)",maxWidth:720,lineHeight:1.4}}>
          Epoch 041 · day 22 of 36 · 17.40% APY · $180K capacity remaining before cap. Next yield distribution in 14 days.
        </p>
      </div>
      <div style={{border:"1px solid var(--ink)",padding:28,background:"var(--paper-2)"}}>
        <button onClick={onOpen} style={{width:"100%",padding:"22px",background:Colors.ox,color:"var(--paper)",border:"none",fontFamily:"var(--font-mono)",fontSize:14,letterSpacing:".1em",textTransform:"uppercase",cursor:"pointer",fontWeight:500}}>Connect wallet →</button>
        <div className="mono" style={{fontSize:11,color:"var(--ink-4)",marginTop:16,lineHeight:1.6}}>
          supports · Metamask · Rabby · Ledger · WalletConnect<br/>
          min deposit · $500 · max · cap-limited · fees disclosed<br/>
          <span style={{color:Colors.ox}}>not available in US, China, Russia</span>
        </div>
      </div>
    </div>
  </section>
);

// ─── Footer ────────────────────────────────
const LFooter = () => (
  <footer style={{background:Colors.ink,color:Colors.paper,padding:"64px 0 32px"}}>
    <div className="wrap" style={{padding:"0 48px"}}>
      <div className="lp-footer-grid" style={{display:"grid",gridTemplateColumns:"1.4fr 1fr 1fr 1fr",gap:48}}>
        <div>
          <Wordmark size={32} color="var(--paper)"/>
          <p style={{marginTop:18,fontSize:13,color:"var(--ink-5)",maxWidth:340,lineHeight:1.6}}>
            A permissionless ERC-4626 vault that deploys stablecoins into a physical gold arbitrage loop and returns yield in PAXG.
          </p>
          <div className="mono" style={{marginTop:18,fontSize:11,color:"var(--ink-5)",lineHeight:1.8}}>
            <div>◆ 0x45804880…caf78</div>
            <div>◆ spv · panama · s.a.</div>
            <div>◆ deposits@degold.capital</div>
          </div>
        </div>
        <div>
          <div className="mono" style={{fontSize:11,color:"var(--ink-5)",textTransform:"uppercase",letterSpacing:".08em"}}>Product</div>
          <ul style={{marginTop:12,listStyle:"none",display:"grid",gap:6,fontSize:14,color:"var(--dk-ink-2)"}}>
            <li><a href="#how">How it works</a></li><li><a href="#yield">Yield simulator</a></li>
            <li><a href="#proof">Proof of Funds</a></li><li><a href="#risk">Risk disclosure</a></li>
            <li>Pendle market</li><li>Uniswap v4 pool</li>
          </ul>
        </div>
        <div>
          <div className="mono" style={{fontSize:11,color:"var(--ink-5)",textTransform:"uppercase",letterSpacing:".08em"}}>Docs</div>
          <ul style={{marginTop:12,listStyle:"none",display:"grid",gap:6,fontSize:14,color:"var(--dk-ink-2)"}}>
            <li>Whitepaper (PDF)</li><li>Audit · Pashov</li>
            <li>Smart contract source</li><li>Panama legal opinion</li>
            <li>Brand book</li><li>Press kit</li>
          </ul>
        </div>
        <div>
          <div className="mono" style={{fontSize:11,color:"var(--ink-5)",textTransform:"uppercase",letterSpacing:".08em"}}>Legal</div>
          <p style={{marginTop:12,fontSize:12,color:"var(--ink-5)",lineHeight:1.6}}>
            Not offered in the United States. gVault is not a security under Panama law. All figures indicative; real yield is subject to real counterparty, sovereign, and smart-contract risk — see Risk Disclosure before depositing.
          </p>
        </div>
      </div>
      <div className="lp-footer-bottom" style={{borderTop:"1px solid var(--dk-line)",marginTop:40,paddingTop:18,display:"flex",justifyContent:"space-between",fontFamily:"var(--font-mono)",fontSize:11,color:"var(--ink-5)"}}>
        <span>◆ deGold · v1.0 · 2026</span>
        <span>block 21,924,114 · LBMA spot $5,307.14</span>
        <span>© 2026 deGold Capital · SPV Panama S.A.</span>
      </div>
    </div>
  </footer>
);

// ─── Wallet modal ────────────────────────────────
const WalletModal = ({open, onClose}) => {
  const [step, setStep] = uL2S(0);
  const [amt, setAmt] = uL2S(10000);
  const [ack, setAck] = uL2S(false);
  uL2E(()=>{ if(open) setStep(0); setAck(false); }, [open]);
  if (!open) return null;
  return (
    <div onClick={onClose} style={{position:"fixed",inset:0,background:"rgba(15,13,11,0.75)",backdropFilter:"blur(6px)",zIndex:200,display:"grid",placeItems:"center",padding:20}}>
      <div onClick={e=>e.stopPropagation()} style={{width:520,maxWidth:"100%",background:Colors.paper,border:"1px solid var(--ink)",fontFamily:"var(--font-sans)"}}>
        <div style={{display:"flex",justifyContent:"space-between",padding:"16px 22px",borderBottom:"1px solid var(--ink)",fontFamily:"var(--font-mono)",fontSize:11,textTransform:"uppercase",letterSpacing:".08em",color:"var(--ink-4)"}}>
          <span>◆ deposit · step {step+1} / 3</span>
          <button onClick={onClose} style={{background:"none",border:"none",fontSize:14,cursor:"pointer",color:"var(--ink-4)"}}>close ✕</button>
        </div>
        {step===0 && (
          <div style={{padding:28}}>
            <h3 style={{fontSize:28,fontWeight:500,letterSpacing:"-.02em"}}>Connect your wallet</h3>
            <p style={{marginTop:10,fontSize:14,color:"var(--ink-4)"}}>Non-custodial. You sign every transaction. We never see your seed phrase.</p>
            <div style={{marginTop:20,display:"grid",gap:10}}>
              {["Metamask","Rabby","WalletConnect","Ledger (hardware)"].map(w=>(
                <button key={w} onClick={()=>setStep(1)} style={{padding:"14px 18px",border:"1px solid var(--ink)",background:"var(--paper-2)",textAlign:"left",fontFamily:"var(--font-mono)",fontSize:13,cursor:"pointer",display:"flex",justifyContent:"space-between",alignItems:"center"}}>
                  <span>{w}</span><span style={{color:Colors.ox}}>connect →</span>
                </button>
              ))}
            </div>
            <div className="mono" style={{fontSize:10,color:"var(--ink-4)",marginTop:20,lineHeight:1.6}}>By connecting, your address is screened against OFAC/UN/EU lists. US, China, Russia IPs are blocked.</div>
          </div>
        )}
        {step===1 && (
          <div style={{padding:28}}>
            <h3 style={{fontSize:28,fontWeight:500,letterSpacing:"-.02em"}}>How much USDT?</h3>
            <div style={{marginTop:20,border:"1px solid var(--ink)",padding:18,background:"var(--paper-2)"}}>
              <div className="mono" style={{fontSize:11,color:"var(--ink-4)",textTransform:"uppercase",letterSpacing:".08em"}}>deposit</div>
              <input type="number" value={amt} onChange={e=>setAmt(+e.target.value)} style={{width:"100%",fontSize:40,fontFamily:"var(--font-mono)",letterSpacing:"-.02em",background:"none",border:"none",outline:"none",marginTop:6}}/>
              <div className="mono" style={{fontSize:12,color:"var(--ink-4)"}}>USDT · min $500 · balance 48,210 USDT</div>
            </div>
            <div style={{marginTop:16,display:"grid",gap:8,fontFamily:"var(--font-mono)",fontSize:13}}>
              <div style={{display:"flex",justifyContent:"space-between"}}><span className="dim">gVault shares received</span><span>{(amt/1.0273).toFixed(4)}</span></div>
              <div style={{display:"flex",justifyContent:"space-between"}}><span className="dim">to LP · 1%</span><span>${(amt*0.01).toFixed(0)}</span></div>
              <div style={{display:"flex",justifyContent:"space-between"}}><span className="dim">next yield · projected</span><span style={{color:Colors.ox}}>+${(amt*0.174*36/365).toFixed(0)} in 14d</span></div>
              <div style={{display:"flex",justifyContent:"space-between"}}><span className="dim">exit</span><span>40d notice · or DEX</span></div>
            </div>
            <button onClick={()=>setStep(2)} style={{width:"100%",marginTop:24,padding:"16px",background:"var(--ink)",color:"var(--paper)",border:"none",fontFamily:"var(--font-mono)",fontSize:12,letterSpacing:".1em",textTransform:"uppercase",cursor:"pointer"}}>Review →</button>
          </div>
        )}
        {step===2 && (
          <div style={{padding:28}}>
            <h3 style={{fontSize:28,fontWeight:500,letterSpacing:"-.02em"}}>Acknowledge &amp; sign</h3>
            <div style={{marginTop:16,padding:16,background:"var(--paper-2)",border:"1px solid var(--ink)",fontSize:14,color:"var(--ink-2)",lineHeight:1.5}}>
              This vault can lose money. Fargo can fail. The contract can be exploited. Uganda can revoke the license. You may wait 40 days to withdraw. Do not deposit capital you cannot afford to have tied up for two epochs.
            </div>
            <label style={{marginTop:18,display:"flex",gap:10,alignItems:"flex-start",cursor:"pointer",fontSize:14,color:"var(--ink-3)"}}>
              <input type="checkbox" checked={ack} onChange={e=>setAck(e.target.checked)} style={{marginTop:3,accentColor:Colors.ox}}/>
              <span>I’ve read the Risk Disclosure and PoF report. I accept a 40-day notice period.</span>
            </label>
            <button disabled={!ack} style={{width:"100%",marginTop:24,padding:"16px",background:ack?Colors.ox:"var(--paper-3)",color:ack?"var(--paper)":"var(--ink-4)",border:"none",fontFamily:"var(--font-mono)",fontSize:12,letterSpacing:".1em",textTransform:"uppercase",cursor:ack?"pointer":"not-allowed"}}>Sign &amp; deposit ${amt.toLocaleString()} USDT</button>
          </div>
        )}
      </div>
    </div>
  );
};

Object.assign(window, { Proof, Social, Risk, FAQ, FinalCTA, LFooter, WalletModal });
