1/* global React, Icon */ 2 3const FOUNDERS = [ 4 { 5 name: "Dr. Susann Funke", 6 role: "CEO & Co-founder", 7 photo: window.__resources.founderSusann, 8 objectPosition: "center 22%", 9 linkedin: "https://www.linkedin.com/in/drsusannfunke", 10 creds: ["Doctorate in Law", "Licensed lawyer · Germany"], 11 bio: "Susann spent fifteen years inside leading European law firms and advisory organisations, guiding international companies through some of the most complex regulatory frameworks in finance, healthcare, and energy. She has lived the exact problem LEX AI was built to solve â and watched it cost her clients millions, every year.", 12 owns: "Legal content, product strategy, company leadership.", 13 prior: ["Partner-track compliance lawyer at top-tier German law firm", "Advised Fortune 500 clients on multi-jurisdiction regulatory matters", "Published research on regulatory compliance methodology"], 14 }, 15 { 16 name: "Maik Neubauer", 17 role: "CFO & Co-founder", 18 photo: window.__resources.founderMaik, 19 objectPosition: "center 18%", 20 linkedin: "https://www.linkedin.com/in/maikneubauer", 21 creds: ["MBA, University of St. Gallen", "Master in International Business Law"], 22 bio: "Maik has spent two decades as a senior consultant and CxO across energy, finance, and critical infrastructure. He saw the consequence of slow regulatory awareness inside the boardroom: not just the fines, but the strategic paralysis of operating without a clear view of what is changing. He brings the commercial and operational rigour that turned LEX AI from a thesis into a company Deloitte chose to partner with.", 23 owns: "Finance, partnerships, commercial operations.", 24 prior: ["CFO and senior consultant across energy and financial services", "Computer Science background â bilingual in business and engineering", "Built and scaled multiple operating teams across European markets"], 25 }, 26 { 27 name: "Michal Klos", 28 role: "CTO & Co-founder", 29 photo: window.__resources.founderMichal, 30 objectPosition: "center 25%", 31 linkedin: "https://www.linkedin.com/in/mrmichalklos", 32 creds: ["MSc Computer Science · MBA", "ex-TikTok AI Lab · ShareChat Tech Lead"], 33 bio: "Michal came out of TikTok AI Lab at ByteDance. He led AI Platform at ShareChat â 250 million monthly users, zero margin for error. He looked at the regulatory compliance problem and saw the same thing: a detection and structuring challenge at scale that had simply never been properly engineered. He built every system inside LEX AI himself.", 34 owns: "Platform engineering, AI systems, infrastructure.", 35 prior: ["TikTok AI Lab, ByteDance â content systems at billion-user scale", "Tech Lead, AI Platform · ShareChat â 250M MAU", "Built the entire LEX AI detection platform from scratch â 750+ sources, same-day global coverage"], 36 }, 37]; 38 39function TeamPage({ go }) { 40 return ( 41 <> 42 {/* HERO */} 43 <section className="hero"> 44 <HeroPhoto name="team"/> 45 <div className="hero-inner"> 46 <div className="eyebrow">The team</div> 47 <h1 style={{maxWidth:"100%"}}> 48 The exact team this problem has<br/><span className="accent" style={{whiteSpace:"nowrap"}}>always needed.</span> 49 </h1> 50 <p className="lede"> 51 A lawyer who lived the problem. A CFO who watched it cost the boardroom. An AI engineer who knew 52 the pattern was solvable. LEX AI is the company they built together â supported by an international 53 team of practising lawyers and software engineers. 54 </p> 55 <div className="ctas"> 56 <button className="btn btn-primary-lg" onClick={()=>go("contact")}>Talk to the team</button> 57 <button className="btn btn-ghost-dark" onClick={(e)=>{ 58 e.preventDefault(); 59 const el = document.getElementById("founders"); 60 if (el) { 61 const top = el.getBoundingClientRect().top + window.scrollY - 80; 62 window.scrollTo({ top, behavior: "smooth" }); 63 } else { go("contact"); } 64 }}>Meet the founders</button> 65 </div> 66 </div> 67 </section> 68 69 {/* CREDENTIALS STRIP */} 70 <section className="section-snug surface-canvas" style={{borderBottom: "1p
70x solid var(--color-hairline)"}}> 71 <div className="section-inner"> 72 <div style={{ 73 display:"grid", gridTemplateColumns: "repeat(4, 1fr)", gap: 32, 74 padding: "16px 0", 75 }}> 76 <Stat n="50+" l="Combined years in compliance & AI"/> 77 <Stat n="3" l="Founders. Three disciplines"/> 78 <Stat n="30+" l="Countries monitored from Hamburg"/> 79 <Stat n="6" l="Nationalities across the wider team"/> 80 </div> 81 </div> 82 </section> 83 84 {/* FOUNDERS â full bios with real photos */} 85 <section className="section surface-canvas" id="founders"> 86 <div className="section-inner"> 87 <div className="eyebrow">Founding team</div> 88 <h2 className="h-display" style={{maxWidth:"100%", textWrap:"nowrap"}}>Three founders. Three disciplines. <span className="muted">One company.</span></h2> 89 90 <div style={{display:"flex", flexDirection:"column", gap: 64, marginTop: 56}}> 91 {FOUNDERS.map((f, idx) => ( 92 <FounderRow key={f.name} f={f} flip={idx % 2 === 1}/> 93 ))} 94 </div> 95 </div> 96 </section> 97 98 {/* SUPPORTING TEAM */} 99 <section className="section surface-parchment"> 100 <div className="section-inner"> 101 <div className="eyebrow">The wider team</div> 102 <h2 className="h-display"> 103 Supported by international lawyers and software engineers. 104 </h2> 105 <p className="lede-lg"> 106 LEX AI is small by design â every hire is deeply qualified in either law or AI engineering. The 107 founding team is supported by an international team of practising lawyers (covering EU, US, UK, and 108 APAC legal systems) and a software engineering team building the detection and verification platform. 109 </p> 110 111 <div style={{ 112 display:"grid", gridTemplateColumns: "1fr 1fr", gap: 32, marginTop: 56, 113 }}> 114 <DisciplineCard 115 icon="doc" 116 eyebrow="Legal team" 117 title="International lawyers" 118 body="Practising and former practising lawyers covering EU, US, UK, and APAC legal systems. Specialisms span financial regulation, healthcare/MedTech, data protection, AI governance, and corporate compliance. Every detected regulatory change is reviewed against a primary source before it reaches a customer." 119 pillars={[ 120 "Multi-jurisdiction coverage", 121 "Active practising experience", 122 "Direct review of detected changes", 123 "Customer escalation specialists", 124 ]} 125 /> 126 <DisciplineCard 127 icon="bot" 128 eyebrow="Engineering team" 129 title="Software engineers & AI specialists" 130 body="Engineers with backgrounds in large-scale AI infrastructure, NLP, knowledge graphs, and applied legal tech. The platform processes hundreds of regulatory sources every day, structures them semantically, and links every change to its verifiable primary source." 131 pillars={[ 132 "Large-scale detection pipelines", 133 "Applied NLP for legal text", 134 "MCP & API integrations", 135 "Enterprise security & compliance", 136 ]} 137 /> 138 </div> 139 </div> 140 </section> 141 142 {/* ADVISORS / PARTNER ECOSYSTEM */} 143 <section className="section surface-tile-1"> 144 <div className="section-inner"> 145 <div className="eyebrow">Backed and partnered</div> 146 <h2 className="h-display" style={{color:"#fff"}}> 147 A partner ecosystem built for enterprise compliance. 148 </h2> 149 150 <div className="three-col" style={{marginTop: 48}}> 151 <div className="diff-card"> 152 <div className="num">01 / Cooperation partner</div> 153 <div className="t">Deloitte</div> 154 <div className="b"> 155 In August 2025, LEX AI and Deloitte concluded a cooperation agreement to make legal 156 monitoring and compliance processes more transparent, efficient, and auditable for 157 internationally active companies. Together we develop AI-supported workflows that improve 158 traceability for supervisory authorities and stakeholders. 159 </div> 160 </div> 161 <div className="diff-card"> 162 <div className="num">02 / Anchor customers</div> 163 <div className="t">Global enterprises in regulated sectors</div> 164 <div className="b"> 165 A leading international supermarket group and a global medical-care & technology company are 166 two anchor enterprise customers â operating in 40+ markets between them. 167 </div> 168 </div> 169 <div className="diff-card"> 170 <div className="num">03 / Ecosystem</div> 171 <div className="t">Built into the AI stack</div> 172 <div className="b"> 173 LEX AI is available as an MCP connector inside Claude, Microsoft CoPilot, and ChatGPT â the 174 regulatory layer for the next generation of AI agents. 175 </div> 176 </div> 177 </div> 178 179 <div style={{marginTop: 64, paddingTop: 48, borderTop: "1px solid rgba(255,255,255,0.12)"}}> 180 <div className="eyebrow" style={{color: "rgba(255,255,255,0.5)"}}>Programmes & community</div> 181 <div className="partner-strip" style={{marginTop: 20, justifyContent: "flex-start", gap: 36}}>
182 <span className="logo">German Accelerator</span> 183 <span className="logo">Startup Grind Silicon Valley</span> 184 <span className="logo">Legal Tech Deutschland</span> 185 <span className="logo">AI Hamburg</span> 186 <span className="logo">IBF Hamburg</span> 187 <span className="logo">The Legal Circle</span> 188 <span className="logo">Value by X</span> 189 </div> 190 </div> 191 </div> 192 </section> 193 194 {/* PARTNER WITH US */} 195 <section className="section surface-canvas"> 196 <div className="section-inner"> 197 <div className="split right-heavy"> 198 <div> 199 <div className="eyebrow">Partner with us</div> 200 <h2 className="h-md">We are always open to great partnerships.</h2> 201 <p className="lede"> 202 LEX AI works best as part of a wider compliance, advisory, and AI ecosystem. If you build 203 complementary products, advise enterprise clients on regulatory matters, or are exploring an 204 integration, we would like to hear from you. 205 </p> 206 <p className="lede" style={{color: "var(--color-ink-muted-48)"}}> 207 Send a short note about your organisation. We read every message and respond within one 208 business day. 209 </p> 210 <button className="btn btn-primary" onClick={()=>go("contact")}>Get in touch</button> 211 </div> 212 <div style={{ 213 background: "var(--color-canvas-parchment)", 214 borderRadius: 18, padding: 40, 215 display: "flex", flexDirection: "column", justifyContent: "center", gap: 12, 216 minHeight: 240, 217 }}> 218 <div style={{font:"600 13px var(--font-text)", letterSpacing:"0.08em", textTransform:"uppercase", color:"var(--color-ink-muted-48)"}}> 219 Open to 220 </div> 221 <div style={{font:"600 28px var(--font-display)", letterSpacing:"-0.015em", lineHeight: 1.25, color: "var(--color-ink)"}}> 222 Consultancies. Integrators. Co-developers. 223 </div> 224 <div style={{font:"400 14px var(--font-text)", letterSpacing:"-0.224px", color: "var(--color-ink-muted-80)", lineHeight: 1.6}}> 225 Tell us about your organisation, your clients, and how regulatory intelligence fits into what 226 you do today. 227 </div> 228 </div> 229 </div> 230 </div> 231 </section> 232 233 {/* CTA */} 234 <section className="cta-banner"> 235 <h2>Want to talk to the founders directly?</h2> 236 <p> 237 Susann, Maik, and Michal still lead every enterprise demo personally. Book a 20-minute walkthrough 238 and we will show you what changed in your industry this week. 239 </p> 240 <button className="btn btn-primary-lg" onClick={()=>go("contact")}>Book a demo</button> 241 </section> 242 </> 243 ); 244} 245 246function FounderRow({ f, flip }) { 247 return ( 248 <div style={{ 249 display: "grid", 250 gridTemplateColumns: flip ? "7fr 5fr" : "5fr 7fr", 251 gap: 56, alignItems: "start", 252 }}> 253 {!flip && <FounderPhoto f={f}/>} 254 <div> 255 <div className="eyebrow">{f.role}</div> 256 <h3 style={{ 257 font: "600 44px var(--font-display)", 258 letterSpacing: "-0.025em", lineHeight: 1.05, 259 color: "var(--color-ink)", margin: "0 0 16px", 260 }}>{f.name}</h3> 261 262 <div style={{display: "flex", gap: 8, flexWrap: "wrap", marginBottom: 20}}> 263 {f.creds.map((c) => ( 264 <span key={c} style={{ 265 padding: "5px 12px", 266 borderRadius: 9999, 267 background: "rgba(0,102,204,0.08)", 268 color: "var(--color-primary)", 269 font: "400 13px var(--font-text)", letterSpacing: "-0.224px", 270 }}>{c}</span> 271 ))} 272 </div> 273 274 <p style={{ 275 font: "400 18px var(--font-text)", letterSpacing: "-0.374px", 276 lineHeight: 1.6, color: "var(--color-ink)", maxWidth: 640, 277 margin: "0 0 24px", 278 }}>{f.bio}</p> 279 280 <div style={{display: "grid", gridTemplateColumns: "1fr", gap: 14, maxWidth: 640}}> 281 <div> 282 <div style={{font:"600 13px var(--font-text)", letterSpacing:"0.08em", textTransform:"uppercase", color:"var(--color-ink-muted-48)", marginBottom: 8}}> 283 Responsible for 284 </div> 285 <div style={{font:"400 16px var(--font-text)", letterSpacing:"-0.224px", color:"var(--color-ink)"}}> 286 {f.owns} 287 </div> 288 </div> 289 <div> 290 <div style={{font:"600 13px var(--font-text)", letterSpacing:"0.08em", textTransform:"uppercase", color:"var(--color-ink-muted-48)", marginBottom: 8, marginTop: 8}}>
291 Background 292 </div> 293 <ul style={{margin: 0, padding: 0, listStyle: "none", display: "flex", flexDirection: "column", gap: 6}}> 294 {f.prior.map((p) => ( 295 <li key={p} style={{ 296 display: "flex", alignItems: "flex-start", gap: 10, 297 font: "400 14px var(--font-text)", letterSpacing: "-0.224px", 298 color: "var(--color-ink-muted-80)", lineHeight: 1.5, 299 }}> 300 <span style={{ 301 display:"inline-block", width: 4, height: 4, borderRadius: "50%", 302 background: "var(--color-primary)", marginTop: 9, flexShrink: 0, 303 }}/> 304 {p} 305 </li> 306 ))} 307 </ul> 308 </div> 309 {f.linkedin && ( 310 <div style={{marginTop: 8}}> 311 <a href={f.linkedin} target="_blank" rel="noopener noreferrer" 312 style={{ 313 display: "inline-flex", alignItems: "center", gap: 10, 314 padding: "10px 16px", 315 borderRadius: 9999, 316 border: "1px solid var(--color-hairline)", 317 background: "var(--color-canvas)", 318 color: "var(--color-ink)", 319 font: "400 14px var(--font-text)", letterSpacing: "-0.224px", 320 textDecoration: "none", 321 }}> 322 <Icon name="linkedin" size={16} color="#0A66C2"/> 323 Connect on LinkedIn 324 <Icon name="arrowUpRight" size={14}/> 325 </a> 326 </div> 327 )} 328 </div> 329 </div> 330 {flip && <FounderPhoto f={f}/>} 331 </div> 332 ); 333} 334 335function FounderPhoto({ f }) { 336 return ( 337 <div style={{ 338 aspectRatio: "4 / 5", 339 width: "100%", 340 borderRadius: 18, 341 overflow: "hidden", 342 background: "var(--color-canvas-parchment)", 343 }}> 344 <img 345 src={f.photo} 346 alt={f.name} 347 style={{ 348 width: "100%", height: "100%", 349 objectFit: "cover", 350 objectPosition: f.objectPosition || "center top", 351 display: "block", 352 }} 353 /> 354 </div> 355 ); 356} 357 358function Stat({ n, l }) { 359 return ( 360 <div> 361 <div style={{font:"600 48px var(--font-display)", letterSpacing:"-0.03em", lineHeight: 1.1, color: "var(--color-primary)"}}>{n}</div> 362 <div style={{font:"400 14px var(--font-text)", letterSpacing:"-0.224px", color: "var(--color-ink-muted-80)", marginTop: 8, lineHeight: 1.5}} dangerouslySetInnerHTML={{__html: l}}/> 363 </div> 364 ); 365} 366 367function DisciplineCard({ icon, eyebrow, title, body, pillars }) { 368 return ( 369 <div style={{ 370 background: "var(--color-canvas)", 371 border: "1px solid var(--color-hairline)", 372 borderRadius: 18, padding: 36, 373 display: "flex", flexDirection: "column", gap: 16, 374 }}> 375 <div style={{ 376 width: 48, height: 48, borderRadius: 12, 377 background: "rgba(0,102,204,0.08)", 378 display:"flex", alignItems:"center", justifyContent:"center", 379 color: "var(--color-primary)", 380 }}> 381 <Icon name={icon} size={22}/> 382 </div> 383 <div className="eyebrow" style={{margin: 0}}>{eyebrow}</div> 384 <h3 className="h-sm" style={{margin: 0, color: "var(--color-ink)"}} dangerouslySetInnerHTML={{__html: title}}/> 385 <p className="lede" style={{margin: 0}}>{body}</p> 386 <div style={{height: 1, background: "var(--color-hairline)", margin: "8px 0"}}/> 387 <ul style={{margin: 0, padding: 0, listStyle: "none", display: "grid", gridTemplateColumns: "1fr 1fr", gap: 10}}> 388 {pillars.map(p => ( 389 <li key={p} style={{ 390 display: "flex", alignItems: "center", gap: 8, 391 font: "400 14px var(--font-text)", letterSpacing: "-0.224px", 392 color: "var(--color-ink-muted-80)", 393 }}> 394 <Icon name="check" size={14} color="#0066cc"/> 395 <span dangerouslySetInnerHTML={{__html: p}}/> 396 </li> 397 ))} 398 </ul> 399 </div> 400 ); 401} 402 403window.TeamPage = TeamPage;
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.