/ brutalist / br-onb-buyer.jsx
br-onb-buyer.jsx
  1  // Buyer onboarding dossier (Form 03). Bureaucratic tone.
  2  // 3 artboards: identity & bond, trading mandate, oath-of-trade ceremony (wildcard).
  3  
  4  function OnbBuyer1() {
  5    return (
  6      <BRPage width={1280} minHeight={2000}>
  7        <BRNav active="home" cartCount={0} onNav={()=>{}}/>
  8        <div style={{padding:"32px 60px 20px"}}>
  9          <div style={{display:"flex", justifyContent:"space-between", alignItems:"flex-start", borderBottom:`3px solid ${BR.ink}`, paddingBottom:12}}>
 10            <div>
 11              <div style={{fontFamily:"IBM Plex Mono", fontSize:10, letterSpacing:3, color:BR.rust}}>FORM 03 · BUYER'S DOSSIER · PAGE 1 OF 3 · IDENTITY & BOND</div>
 12              <div style={{fontFamily:"Oswald", fontWeight:900, fontSize:62, letterSpacing:-0.5, textTransform:"uppercase"}}>Buyer's Dossier</div>
 13              <div style={{fontFamily:"IBM Plex Sans", fontSize:14, color:BR.ink2, marginTop:4, maxWidth:680, lineHeight:1.5}}>
 14                All fields in ink. Corrections must be countersigned. False particulars void enrollment per §412.A and may incur forfeiture of bond.
 15              </div>
 16            </div>
 17            <BRStamp rotate={-7} style={{marginTop:10}}>UNSWORN</BRStamp>
 18          </div>
 19        </div>
 20        <div style={{padding:"10px 60px"}}>
 21          {/* Progress strip */}
 22          <div style={{display:"grid", gridTemplateColumns:"1fr 1fr 1fr", gap:10, marginBottom:20}}>
 23            {[["01","Identity & Bond","IN HAND"],["02","Trading Mandate","PENDING"],["03","Oath of Trade","PENDING"]].map(([n,t,s],i)=>(
 24              <div key={n} style={{border:`2px solid ${BR.ink}`, padding:"8px 12px", background:i===0?BR.ink:BR.paper, color:i===0?BR.paper:BR.ink}}>
 25                <div style={{fontFamily:"IBM Plex Mono", fontSize:9, letterSpacing:2, opacity:0.7}}>PAGE {n}</div>
 26                <div style={{display:"flex", justifyContent:"space-between", alignItems:"baseline"}}>
 27                  <div style={{fontFamily:"Oswald", fontWeight:700, fontSize:16, letterSpacing:2, textTransform:"uppercase"}}>{t}</div>
 28                  <div style={{fontFamily:"IBM Plex Mono", fontSize:9, letterSpacing:2}}>· {s}</div>
 29                </div>
 30              </div>
 31            ))}
 32          </div>
 33  
 34          <div style={{display:"grid", gridTemplateColumns:"1fr 360px", gap:40}}>
 35            <div>
 36              <BRH n="03.01">Coalition identification</BRH>
 37              <div style={{display:"grid", gridTemplateColumns:"1fr 1fr", gap:10}}>
 38                {[["Full inscribed name","ORLAN · NKIRUKA · VEYR"],["Coalition ID number","CID-4-774-02841-K"],["Date of issue","2371.044 · CENTRAL REGISTRY"],["Date of expiry","2401.044"],["Sector of domicile","G-4 · CERES-II · STRATA DISTRICT"],["Transponder","orlan@veyr.fleet"],["Biometric hash","7A·9C·44·E1··5F (14 digits)"],["Photograph on file","YES · TAKEN 2394.022"]].map(([k,v])=>(
 39                  <div key={k}>
 40                    <div style={{fontFamily:"IBM Plex Mono", fontSize:9, letterSpacing:2, color:BR.mute}}>{k.toUpperCase()}</div>
 41                    <div style={{border:`2px solid ${BR.ink}`, background:BR.paper2, padding:"8px 10px", fontFamily:"IBM Plex Mono", fontSize:12, marginTop:3}}>{v}</div>
 42                  </div>
 43                ))}
 44              </div>
 45              <BRH n="03.02">Bond particulars</BRH>
 46              <div style={{border:`2px solid ${BR.ink}`, padding:14}}>
 47                <div style={{display:"grid", gridTemplateColumns:"1fr 1fr 1fr", gap:14}}>
 48                  {[["Bond posted","1,250,000 ℂ"],["Bond type","COALITION STANDARD"],["Bond expiry","2397.114"],["Bond number","BND-G4-42118"],["Ratings agency","BRELMIR & CO."],["Last review","2395.308"]].map(([k,v])=>(
 49                    <div key={k}>
 50                      <div style={{fontFamily:"IBM Plex Mono", fontSize:9, color:BR.mute, letterSpacing:2}}>{k.toUpperCase()}</div>
 51                      <div style={{fontFamily:"Oswald", fontWeight:700, fontSize:15, marginTop:2, letterSpacing:1}}>{v}</div>
 52                    </div>
 53                  ))}
 54                </div>
 55                <div style={{marginTop:12, paddingTop:10, borderTop:`1px solid ${BR.ink}`, fontFamily:"IBM Plex Sans", fontSize:12, color:BR.ink2, lineHeight:1.5}}>
 56                  Bond must be posted with an accredited clearinghouse. Unbonded buyers may browse the Catalog but cannot place bids. Bond can be uplifted at any Coalition office.
 57                </div>
 58              </div>
 59              <BRH n="03.03">Declared purpose of trade</BRH>
 60              <div style={{display:"grid", gridTemplateColumns:"1fr 1fr", gap:8}}>
 61                {["Private collection","Corporate fleet","Chartering / hire","Re-sale brokerage","Industrial use","Research / scientific","Protective service","Other · state below"].map((p,i)=>(
 62                  <div key={p} style={{border:`2px solid ${BR.ink}`, padding:"8px 10px", background:i<2?BR.ink:BR.paper, color:i<2?BR.paper:BR.ink, fontFamily:"IBM Plex Mono", fontSize:11, letterSpacing:1, display:"flex", alignItems:"center", gap:10}}>
 63                    <div style={{width:12, height:12, border:`2px solid currentColor`, background:i<2?"currentColor":"transparent"}}/>
 64                    <span style={{textTransform:"uppercase"}}>{p}</span>
 65                  </div>
 66                ))}
 67              </div>
 68            </div>
 69            <div>
 70              <div style={{border:`2px solid ${BR.ink}`, padding:14, background:BR.paper2}}>
 71                <div style={{fontFamily:"Oswald", fontWeight:700, fontSize:12, letterSpacing:3, borderBottom:`1px solid ${BR.ink}`, paddingBottom:6, marginBottom:8}}>ID PLATE</div>
 72                <div style={{aspectRatio:"1/1.2", background:`repeating-linear-gradient(45deg, ${BR.paper} 0 8px, ${BR.paper2} 8px 16px)`, border:`2px solid ${BR.ink}`, display:"flex", alignItems:"center", justifyContent:"center"}}>
 73                  <div style={{fontFamily:"IBM Plex Mono", fontSize:10, letterSpacing:2, color:BR.mute}}>PHOTO · 2394.022</div>
 74                </div>
 75                <div style={{marginTop:10, display:"grid", gridTemplateColumns:"auto 1fr", gap:8, fontFamily:"IBM Plex Mono", fontSize:11}}>
 76                  <div style={{color:BR.mute}}>CID</div><div>4-774-02841-K</div>
 77                  <div style={{color:BR.mute}}>HGT</div><div>174 CM</div>
 78                  <div style={{color:BR.mute}}>OCL</div><div>BROWN</div>
 79                  <div style={{color:BR.mute}}>SCR</div><div>NONE RECORDED</div>
 80                </div>
 81              </div>
 82              <div style={{border:`2px solid ${BR.ink}`, padding:14, marginTop:12}}>
 83                <div style={{fontFamily:"Oswald", fontWeight:700, fontSize:12, letterSpacing:3, borderBottom:`1px solid ${BR.ink}`, paddingBottom:6, marginBottom:8}}>NEEDED ATTACHMENTS</div>
 84                {[["Coalition ID · front","ATTACHED"],["Coalition ID · obverse","ATTACHED"],["Bond posting certificate","ATTACHED"],["Photograph · recent","ATTACHED"],["Corporate charter","N/A · PRIVATE"]].map(([k,v])=>(
 85                  <div key={k} style={{display:"flex", justifyContent:"space-between", padding:"4px 0", borderBottom:`1px dotted ${BR.ink}33`, fontFamily:"IBM Plex Mono", fontSize:10}}>
 86                    <span style={{color:BR.ink2}}>{k.toUpperCase()}</span>
 87                    <span style={{color:v==="ATTACHED"?BR.green:BR.mute, fontWeight:600}}>· {v}</span>
 88                  </div>
 89                ))}
 90              </div>
 91              <div style={{marginTop:14, padding:"10px 14px", background:BR.rust, color:BR.paper, fontFamily:"Oswald", fontWeight:700, fontSize:12, letterSpacing:3, textAlign:"center"}}>PROCEED TO PAGE 2 →</div>
 92            </div>
 93          </div>
 94        </div>
 95        <BRFooter/>
 96      </BRPage>
 97    );
 98  }
 99  
100  function OnbBuyer2() {
101    return (
102      <BRPage width={1280} minHeight={2000}>
103        <BRNav active="home" cartCount={0} onNav={()=>{}}/>
104        <div style={{padding:"32px 60px 20px"}}>
105          <div style={{display:"flex", justifyContent:"space-between", alignItems:"flex-start", borderBottom:`3px solid ${BR.ink}`, paddingBottom:12}}>
106            <div>
107              <div style={{fontFamily:"IBM Plex Mono", fontSize:10, letterSpacing:3, color:BR.rust}}>FORM 03 · BUYER'S DOSSIER · PAGE 2 OF 3 · TRADING MANDATE</div>
108              <div style={{fontFamily:"Oswald", fontWeight:900, fontSize:62, letterSpacing:-0.5, textTransform:"uppercase"}}>Trading Mandate</div>
109            </div>
110          </div>
111        </div>
112        <div style={{padding:"10px 60px"}}>
113          <div style={{display:"grid", gridTemplateColumns:"1fr 1fr 1fr", gap:10, marginBottom:20}}>
114            {[["01","Identity & Bond","SIGNED"],["02","Trading Mandate","IN HAND"],["03","Oath of Trade","PENDING"]].map(([n,t,s],i)=>(
115              <div key={n} style={{border:`2px solid ${BR.ink}`, padding:"8px 12px", background:i===1?BR.ink:BR.paper, color:i===1?BR.paper:BR.ink}}>
116                <div style={{fontFamily:"IBM Plex Mono", fontSize:9, letterSpacing:2, opacity:0.7}}>PAGE {n}</div>
117                <div style={{display:"flex", justifyContent:"space-between"}}>
118                  <div style={{fontFamily:"Oswald", fontWeight:700, fontSize:16, letterSpacing:2, textTransform:"uppercase"}}>{t}</div>
119                  <div style={{fontFamily:"IBM Plex Mono", fontSize:9, letterSpacing:2}}>· {s}</div>
120                </div>
121              </div>
122            ))}
123          </div>
124          <div style={{display:"grid", gridTemplateColumns:"1fr 360px", gap:40}}>
125            <div>
126              <BRH n="03.04">Classes of hull authorised for purchase</BRH>
127              <div style={{display:"grid", gridTemplateColumns:"repeat(4,1fr)", gap:8}}>
128                {[["Interceptor","YES"],["Hauler","YES"],["Yacht","YES"],["Industrial","NO"],["Capital","REVIEW"],["Explorer","YES"],["Corvette","YES"],["Frigate","NO"]].map(([k,v])=>(
129                  <div key={k} style={{border:`2px solid ${BR.ink}`, padding:"10px 12px", background:v==="YES"?BR.paper:BR.paper2}}>
130                    <div style={{fontFamily:"IBM Plex Mono", fontSize:9, color:BR.mute, letterSpacing:2}}>CLASS</div>
131                    <div style={{fontFamily:"Oswald", fontWeight:700, fontSize:16, letterSpacing:1}}>{k.toUpperCase()}</div>
132                    <div style={{marginTop:4}}>
133                      <BRChip rust={v==="REVIEW"} ok={v==="YES"}>{v}</BRChip>
134                    </div>
135                  </div>
136                ))}
137              </div>
138              <BRH n="03.05">Ceilings & pace of trade</BRH>
139              <div style={{display:"grid", gridTemplateColumns:"1fr 1fr", gap:10}}>
140                {[["Annual purchase ceiling","24,000,000 ℂ"],["Single-lot ceiling","4,500,000 ℂ"],["Bids per stardate","UNLIMITED"],["Auto-bid proxy","PERMITTED · UP TO 80% OF CEILING"],["Holding period","14 DAYS MIN"],["Forbidden sectors","X-9 (EXCLUSION ZONE)"]].map(([k,v])=>(
141                  <div key={k} style={{border:`2px solid ${BR.ink}`, padding:"10px 12px"}}>
142                    <div style={{fontFamily:"IBM Plex Mono", fontSize:9, color:BR.mute, letterSpacing:2}}>{k.toUpperCase()}</div>
143                    <div style={{fontFamily:"Oswald", fontWeight:700, fontSize:18, letterSpacing:1, marginTop:2}}>{v}</div>
144                  </div>
145                ))}
146              </div>
147              <BRH n="03.06">Preferred forges & counterparties</BRH>
148              <div style={{display:"flex", flexWrap:"wrap", gap:8}}>
149                {["Karavel Dynamics","Obsidian Shipworks","Vanta Heavy","Nexus Industrial","Helion Cooperatives","AURIGA Yachts","KIRIN FORGE"].map((f,i)=>(
150                  <div key={f} style={{padding:"6px 12px", border:`2px solid ${BR.ink}`, background:i<5?BR.ink:BR.paper, color:i<5?BR.paper:BR.ink, fontFamily:"Oswald", fontWeight:700, fontSize:11, letterSpacing:2}}>{f.toUpperCase()} {i<5 && "✓"}</div>
151                ))}
152              </div>
153              <BRH n="03.07">Declared avoidances</BRH>
154              <div style={{border:`2px solid ${BR.ink}`, padding:14, background:BR.paper2, fontFamily:"Caveat", fontSize:18, color:BR.ink, lineHeight:1.5, minHeight:100}}>
155                — No Nexus Industrial hulls post-2389 (combustion recall unresolved). No lots with recorded crew casualties. Prefer single-owner provenance; avoid triple-jumped titles.
156              </div>
157            </div>
158            <div>
159              <div style={{border:`2px solid ${BR.ink}`, padding:14}}>
160                <div style={{fontFamily:"Oswald", fontWeight:700, fontSize:12, letterSpacing:3, borderBottom:`1px solid ${BR.ink}`, paddingBottom:6, marginBottom:8}}>PROXY-BIDDING AUTHORITY</div>
161                <div style={{fontFamily:"IBM Plex Sans", fontSize:12, color:BR.ink2, lineHeight:1.5}}>
162                  Grant the Sale-Room permission to place bids on your behalf up to a pre-posted ceiling, so fast lots do not pass unattended.
163                </div>
164                <div style={{marginTop:12, display:"grid", gridTemplateColumns:"1fr 1fr", gap:8, fontFamily:"IBM Plex Mono", fontSize:11}}>
165                  <div style={{padding:"8px 10px", background:BR.ink, color:BR.paper, textAlign:"center", letterSpacing:2}}>GRANTED</div>
166                  <div style={{padding:"8px 10px", border:`2px solid ${BR.ink}`, textAlign:"center", letterSpacing:2}}>WITHHOLD</div>
167                </div>
168              </div>
169              <div style={{border:`2px solid ${BR.ink}`, padding:14, marginTop:12}}>
170                <div style={{fontFamily:"Oswald", fontWeight:700, fontSize:12, letterSpacing:3, borderBottom:`1px solid ${BR.ink}`, paddingBottom:6, marginBottom:8}}>ESCROW PRE-FUNDING</div>
171                <div style={{fontFamily:"IBM Plex Mono", fontSize:11, padding:"4px 0", borderBottom:`1px dotted ${BR.ink}33`}}><span style={{color:BR.mute}}>SUGGESTED</span> 500,000 ℂ</div>
172                <div style={{fontFamily:"IBM Plex Mono", fontSize:11, padding:"4px 0", borderBottom:`1px dotted ${BR.ink}33`}}><span style={{color:BR.mute}}>POSTED</span> 0 ℂ</div>
173                <div style={{marginTop:10, padding:"8px 10px", border:`2px solid ${BR.ink}`, fontFamily:"Oswald", fontWeight:700, fontSize:11, letterSpacing:2, textAlign:"center"}}>FUND LATER</div>
174              </div>
175              <div style={{marginTop:14, padding:"10px 14px", background:BR.rust, color:BR.paper, fontFamily:"Oswald", fontWeight:700, fontSize:12, letterSpacing:3, textAlign:"center"}}>PROCEED TO OATH →</div>
176            </div>
177          </div>
178        </div>
179        <BRFooter/>
180      </BRPage>
181    );
182  }
183  
184  function OnbBuyer3() {
185    return (
186      <BRPage width={1280} minHeight={1900}>
187        <BRNav active="home" cartCount={0} onNav={()=>{}}/>
188        <div style={{padding:"32px 60px 20px"}}>
189          <div style={{display:"flex", justifyContent:"space-between", alignItems:"flex-start", borderBottom:`3px solid ${BR.ink}`, paddingBottom:12}}>
190            <div>
191              <div style={{fontFamily:"IBM Plex Mono", fontSize:10, letterSpacing:3, color:BR.rust}}>FORM 03 · BUYER'S DOSSIER · PAGE 3 OF 3 · OATH OF TRADE</div>
192              <div style={{fontFamily:"Oswald", fontWeight:900, fontSize:62, letterSpacing:-0.5, textTransform:"uppercase"}}>Oath of Trade</div>
193              <div style={{fontFamily:"IBM Plex Sans", fontSize:14, color:BR.ink2, marginTop:4, maxWidth:700, lineHeight:1.5}}>
194                Read aloud in the presence of the Registrar or a Coalition notary. Inscribe and countersign. The oath binds both parties to honest dealing per §12 Coalition Commons Code.
195              </div>
196            </div>
197            <BRStamp rotate={-7} style={{marginTop:10}}>CEREMONIAL</BRStamp>
198          </div>
199        </div>
200        <div style={{padding:"10px 60px"}}>
201          <div style={{display:"grid", gridTemplateColumns:"1fr 1fr 1fr", gap:10, marginBottom:24}}>
202            {[["01","Identity & Bond","SIGNED"],["02","Trading Mandate","SIGNED"],["03","Oath of Trade","IN HAND"]].map(([n,t,s],i)=>(
203              <div key={n} style={{border:`2px solid ${BR.ink}`, padding:"8px 12px", background:i===2?BR.ink:BR.paper, color:i===2?BR.paper:BR.ink}}>
204                <div style={{fontFamily:"IBM Plex Mono", fontSize:9, letterSpacing:2, opacity:0.7}}>PAGE {n}</div>
205                <div style={{display:"flex", justifyContent:"space-between"}}>
206                  <div style={{fontFamily:"Oswald", fontWeight:700, fontSize:16, letterSpacing:2, textTransform:"uppercase"}}>{t}</div>
207                  <div style={{fontFamily:"IBM Plex Mono", fontSize:9, letterSpacing:2}}>· {s}</div>
208                </div>
209              </div>
210            ))}
211          </div>
212          {/* Ceremony layout: oath left, countersign panel right */}
213          <div style={{display:"grid", gridTemplateColumns:"1fr 340px", gap:40}}>
214            <div style={{border:`4px double ${BR.ink}`, padding:"30px 36px", background:BR.paper2, position:"relative"}}>
215              <div style={{position:"absolute", top:-16, left:24, background:BR.paper, padding:"0 10px", fontFamily:"Oswald", fontWeight:900, fontSize:14, letterSpacing:4}}>OATH · §12</div>
216              <div style={{fontFamily:"IBM Plex Sans", fontSize:17, color:BR.ink, lineHeight:1.75, fontStyle:"italic"}}>
217                I, <span style={{fontFamily:"Caveat", fontStyle:"normal", fontSize:22, color:BR.rust, borderBottom:`1px solid ${BR.ink}`, padding:"0 8px"}}>Orlan Veyr</span>, before the Coalition Registrar and all bonded witnesses herein, do solemnly affirm:
218                <br/><br/>
219                — That I shall deal in <strong>good faith and open ledger</strong>, declaring no hull I cannot pay for, and withdrawing no bid I would not honour;
220                <br/><br/>
221                — That I shall not transfer my paddle, nor trade under another's name, nor shield any hull from lawful inspection;
222                <br/><br/>
223                — That I shall <strong>inscribe every signature with the same hand</strong>, and countersign every correction; and
224                <br/><br/>
225                — That upon breach of this oath, I submit to the arbitration of the Coalition Commons and forfeit my bond without protest.
226                <br/><br/>
227                <strong>So sworn, so bonded, so noted.</strong>
228              </div>
229              {/* Signature lines */}
230              <div style={{marginTop:40, display:"grid", gridTemplateColumns:"1fr 1fr 1fr", gap:30}}>
231                {[["Signatory","Orlan Veyr","2396.114.0846Z"],["Registrar","VLK-2 · Imari Kehl","2396.114.0847Z"],["Notary witness","Saren Bolt","2396.114.0847Z"]].map(([l,n,t])=>(
232                  <div key={l}>
233                    <div style={{height:36, borderBottom:`2px solid ${BR.ink}`, fontFamily:"Caveat", fontSize:26, color:BR.ink, paddingLeft:6}}>{n}</div>
234                    <div style={{display:"flex", justifyContent:"space-between", fontFamily:"IBM Plex Mono", fontSize:9, color:BR.mute, letterSpacing:2, marginTop:4}}>
235                      <span>{l.toUpperCase()}</span><span>{t}</span>
236                    </div>
237                  </div>
238                ))}
239              </div>
240              {/* Wax seal placeholder */}
241              <div style={{position:"absolute", bottom:24, right:28, width:84, height:84, borderRadius:"50%", background:BR.rust, display:"flex", alignItems:"center", justifyContent:"center", transform:"rotate(-8deg)", boxShadow:"inset 0 0 8px rgba(0,0,0,0.4)"}}>
242                <div style={{color:BR.paper, fontFamily:"Oswald", fontWeight:900, fontSize:10, letterSpacing:1.5, textAlign:"center", lineHeight:1.1}}>COALITION<br/>REGISTRAR<br/>·VLK-2·</div>
243              </div>
244            </div>
245            <div>
246              <div style={{border:`2px solid ${BR.ink}`, padding:14}}>
247                <div style={{fontFamily:"Oswald", fontWeight:700, fontSize:12, letterSpacing:3, borderBottom:`1px solid ${BR.ink}`, paddingBottom:6, marginBottom:8}}>WITNESSES ON THE FLOOR</div>
248                {[["VLK-2","Coalition Registrar","SIGNED"],["S. Bolt","Notary · G-4","SIGNED"],["I. Kehl","Desk lead","WITNESSED"],["Self","Signatory","INSCRIBING"]].map(([n,r,s])=>(
249                  <div key={n} style={{display:"grid", gridTemplateColumns:"1fr auto", padding:"4px 0", borderBottom:`1px dotted ${BR.ink}33`}}>
250                    <div style={{fontFamily:"IBM Plex Mono", fontSize:11}}><div>{n}</div><div style={{fontSize:9, color:BR.mute}}>{r.toUpperCase()}</div></div>
251                    <BRChip ok={s!=="INSCRIBING"} rust={s==="INSCRIBING"}>{s}</BRChip>
252                  </div>
253                ))}
254              </div>
255              <div style={{border:`2px solid ${BR.ink}`, padding:14, marginTop:12}}>
256                <div style={{fontFamily:"Oswald", fontWeight:700, fontSize:12, letterSpacing:3, borderBottom:`1px solid ${BR.ink}`, paddingBottom:6, marginBottom:8}}>FEE SCHEDULE</div>
257                {[["Enrollment levy","250 ℂ"],["Notary stamp","75 ℂ"],["Registrar assent","50 ℂ"],["Paddle issuance","FREE"]].map(([k,v])=>(
258                  <div key={k} style={{display:"flex", justifyContent:"space-between", padding:"3px 0", fontFamily:"IBM Plex Mono", fontSize:11}}>
259                    <span style={{color:BR.mute}}>{k}</span><span style={{fontWeight:600}}>{v}</span>
260                  </div>
261                ))}
262                <div style={{borderTop:`2px solid ${BR.ink}`, marginTop:8, paddingTop:6, display:"flex", justifyContent:"space-between", fontFamily:"Oswald", fontSize:15, fontWeight:700, letterSpacing:2}}>
263                  <span>TOTAL</span><span>375 ℂ</span>
264                </div>
265              </div>
266              <div style={{marginTop:14, padding:"14px 14px", background:BR.rust, color:BR.paper, fontFamily:"Oswald", fontWeight:900, fontSize:14, letterSpacing:3, textAlign:"center"}}>INSCRIBE & BOND →</div>
267              <div style={{marginTop:8, fontFamily:"IBM Plex Mono", fontSize:9, color:BR.mute, letterSpacing:2, textAlign:"center"}}>PADDLE ISSUED UPON ASSENT</div>
268            </div>
269          </div>
270        </div>
271        <BRFooter/>
272      </BRPage>
273    );
274  }
275  
276  Object.assign(window, { OnbBuyer1, OnbBuyer2, OnbBuyer3 });