Fabric.AI \u2014 Building the AI Factory Infrastructure<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700;1,800&family=Barlow:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --navy: #050f1e;\n --navy2: #0a1a30;\n --blue: #002677;\n --cyan: #00aaee;\n --cyan2: #60efff;\n --text: #1a2332;\n --muted: #4a5568;\n --light: #f4f7fb;\n --border: #dde3ed;\n --white: #ffffff;\n --red: #ef4444;\n --red-soft:#fca5a5;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; font-size: 16px; }\n\n body {\n background: var(--white);\n color: var(--text);\n font-family: 'Barlow', sans-serif;\n font-weight: 400;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0;\n z-index: 200;\n display: flex; align-items: center;\n justify-content: space-between;\n padding: 0 4rem;\n height: 88px;\n background: rgba(5,15,30,0.96);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n }\n .nav-logo img { height: 72px; width: auto; }\n nav ul { list-style: none; display: flex; gap: 2.5rem; }\n nav ul a {\n font-family: 'Space Mono', monospace;\n font-size: 0.82rem; letter-spacing: 0.12em;\n text-transform: uppercase; color: rgba(255,255,255,0.55);\n text-decoration: none; transition: color 0.2s;\n }\n nav ul a:hover { color: var(--cyan); }\n .nav-cta {\n font-family: 'Space Mono', monospace;\n font-size: 0.8rem; letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--navy); background: var(--cyan);\n padding: 0.6rem 1.4rem; text-decoration: none;\n transition: background 0.2s;\n white-space: nowrap;\n }\n .nav-cta:hover { background: var(--cyan2); }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n padding: 10rem 4rem 6rem;\n overflow: hidden;\n gap: 3rem;\n }\n .hero-photo {\n position: absolute; inset: 0;\n background: url('https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?w=1800&q=85&auto=format&fit=crop') center\/cover no-repeat;\n }\n .hero-photo::after {\n content: '';\n position: absolute; inset: 0;\n background: linear-gradient(\n to bottom,\n rgba(5,15,30,0.35) 0%,\n rgba(5,15,30,0.55) 40%,\n rgba(5,15,30,0.92) 100%\n );\n }\n .hero-content { position: relative; z-index: 1; max-width: 620px; flex-shrink: 0; }\n .hero-right {\n position: relative; z-index: 1;\n display: flex; flex-direction: column;\n align-items: flex-end; justify-content: flex-start;\n gap: 1.5rem; flex-shrink: 0;\n padding-top: 4rem;\n }\n .hero-logo-large {\n width: clamp(180px, 22vw, 300px);\n height: auto; opacity: 0.9;\n filter: drop-shadow(0 0 40px rgba(0,170,238,0.25));\n }\n .ticker-badge {\n display: inline-flex; align-items: center; gap: 0.6rem;\n background: rgba(5,15,30,0.7);\n border: 1px solid rgba(0,170,238,0.35);\n padding: 0.55rem 1rem;\n backdrop-filter: blur(10px);\n text-decoration: none;\n transition: border-color 0.2s, background 0.2s;\n }\n .ticker-badge:hover {\n border-color: var(--cyan);\n background: rgba(0,170,238,0.12);\n }\n .ticker-dot {\n width: 7px; height: 7px; border-radius: 50%;\n background: var(--cyan);\n box-shadow: 0 0 8px var(--cyan);\n animation: tickerPulse 2s ease-in-out infinite;\n }\n .ticker-label {\n font-family: 'Space Mono', monospace;\n font-size: 0.65rem; letter-spacing: 0.14em;\n text-transform: uppercase; color: rgba(255,255,255,0.5);\n }\n .ticker-value {\n font-family: 'Space Mono', monospace;\n font-size: 0.82rem; font-weight: 700;\n letter-spacing: 0.1em; color: var(--cyan);\n }\n @keyframes tickerPulse {\n 0%, 100% { opacity: 1; box-shadow: 0 0 8px var(--cyan); }\n 50% { opacity: 0.4; box-shadow: 0 0 3px var(--cyan); }\n }\n .hero-eyebrow {\n font-family: 'Space Mono', monospace;\n font-size: 0.78rem; letter-spacing: 0.2em;\n text-transform: uppercase; color: var(--cyan);\n margin-bottom: 1.25rem; display: block;\n margin-top: 4rem;\n }\n .hero-headline {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; font-style: italic;\n font-size: clamp(3.5rem, 7vw, 7rem);\n line-height: 0.9; letter-spacing: -0.01em;\n color: #fff;\n margin-bottom: 1.75rem;\n }\n .hero-headline span { color: var(--cyan); }\n .hero-sub {\n font-size: 1.15rem; line-height: 1.7;\n color: rgba(255,255,255,0.75);\n max-width: 580px; margin-bottom: 2.5rem;\n font-weight: 400;\n }\n .hero-sub strong { color: #fff; font-weight: 600; }\n .hero-buttons { display: flex; gap: 1rem; flex-wrap: wrap; }\n .btn-primary {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.1em;\n text-transform: uppercase;\n background: var(--cyan); color: var(--navy);\n padding: 0.85rem 2rem; text-decoration: none;\n font-weight: 700; transition: all 0.2s;\n white-space: nowrap;\n }\n .btn-primary:hover { background: var(--cyan2); box-shadow: 0 0 20px rgba(0,170,238,0.4); }\n .btn-ghost {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.1em;\n text-transform: uppercase;\n border: 1px solid rgba(255,255,255,0.35); color: #fff;\n padding: 0.85rem 2rem; text-decoration: none;\n transition: all 0.2s; white-space: nowrap;\n }\n .btn-ghost:hover { border-color: var(--cyan); color: var(--cyan); }\n .hero-scroll {\n position: absolute; bottom: 2.5rem; right: 4rem; z-index: 1;\n display: flex; flex-direction: column; align-items: center; gap: 0.5rem;\n color: rgba(255,255,255,0.35);\n font-family: 'Space Mono', monospace;\n font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase;\n }\n .hero-scroll-line {\n width: 1px; height: 48px;\n background: linear-gradient(to bottom, var(--cyan), transparent);\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SECTION SHARED \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .section-label {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.2em;\n text-transform: uppercase; color: var(--cyan);\n margin-bottom: 1rem; display: block;\n }\n .section-label.dark { color: var(--cyan); }\n .section-label.on-white { color: var(--blue); }\n\n .big-heading {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; font-style: italic;\n font-size: clamp(2.5rem, 5vw, 4.5rem);\n line-height: 0.95; letter-spacing: -0.01em;\n color: var(--navy);\n }\n .big-heading.light { color: #fff; }\n .big-heading span { color: var(--cyan); }\n\n .body-text {\n font-size: 1.1rem; line-height: 1.75;\n color: var(--muted); font-weight: 400;\n }\n .body-text.light { color: rgba(255,255,255,0.7); }\n .body-text strong { color: var(--text); font-weight: 600; }\n .body-text.light strong { color: #fff; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .category-strip {\n background: var(--navy);\n padding: 1.25rem 4rem;\n display: flex; gap: 3rem; align-items: center;\n border-bottom: 1px solid rgba(0,170,238,0.1);\n }\n .category-strip span {\n font-family: 'Space Mono', monospace;\n font-size: 0.7rem; letter-spacing: 0.14em;\n text-transform: uppercase; color: rgba(255,255,255,0.45);\n display: flex; align-items: center; gap: 0.6rem;\n }\n .category-strip span::before {\n content: '';\n width: 5px; height: 5px; border-radius: 50%;\n background: var(--cyan); box-shadow: 0 0 6px var(--cyan);\n flex-shrink: 0;\n }\n .category-strip span strong { color: rgba(255,255,255,0.85); font-weight: 500; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 INTRO SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .intro-section {\n padding: 6rem 4rem;\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 6rem; align-items: center;\n }\n .intro-section .intro-text h2 { margin-bottom: 1.5rem; }\n .intro-section .intro-text p { margin-bottom: 1.5rem; }\n .intro-visual {\n position: relative; height: 420px; overflow: hidden;\n }\n .intro-visual img {\n width: 100%; height: 100%; object-fit: cover;\n }\n .intro-visual::before {\n content: '';\n position: absolute; inset: 0; z-index: 1;\n background: linear-gradient(135deg, rgba(0,38,119,0.15) 0%, transparent 60%);\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 DARK FEATURE BLOCK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .dark-block {\n background: var(--navy);\n padding: 6rem 4rem;\n }\n .dark-block-inner {\n max-width: 1400px; margin: 0 auto;\n }\n .dark-block-header {\n margin-bottom: 3.5rem;\n }\n .feature-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: rgba(255,255,255,0.06);\n }\n .feature-card {\n padding: 2.5rem;\n background: var(--navy);\n }\n .feature-card:nth-child(-n+3) { }\n .feature-card:nth-child(3n) { }\n .feature-card-icon {\n width: 36px; height: 2px;\n background: var(--cyan); margin-bottom: 1.5rem;\n }\n .feature-card h3 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700; font-size: 1.4rem;\n letter-spacing: 0.01em; color: #fff;\n margin-bottom: 0.75rem;\n }\n .feature-card p { font-size: 0.98rem; color: rgba(255,255,255,0.55); line-height: 1.7; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 ALTERNATING ROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .alt-row {\n display: grid; grid-template-columns: 1fr 1fr;\n min-height: 520px;\n }\n .alt-row.reverse { direction: rtl; }\n .alt-row.reverse > * { direction: ltr; }\n .alt-image {\n position: relative; overflow: hidden;\n }\n .alt-image img {\n width: 100%; height: 100%;\n object-fit: cover; display: block;\n transition: transform 0.6s ease;\n }\n .alt-row:hover .alt-image img { transform: scale(1.03); }\n .alt-text {\n padding: 5rem;\n display: flex; flex-direction: column; justify-content: center;\n background: var(--white);\n }\n .alt-text.navy-bg { background: var(--navy); }\n .alt-text.light-bg { background: var(--light); }\n .alt-text h2 { margin-bottom: 1.25rem; }\n .alt-text p { margin-bottom: 1.5rem; }\n .alt-text .big-heading { font-size: clamp(2rem, 3.5vw, 3.25rem); }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 PROBLEM SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #problem { background: var(--light); }\n .problem-header {\n padding: 5rem 4rem 3rem;\n max-width: 1400px; margin: 0 auto;\n text-align: center;\n }\n .problem-header .big-heading { color: var(--navy); margin-bottom: 1.25rem; }\n .problem-header .big-heading em { font-style: normal; color: var(--red); }\n .problem-header .body-text { max-width: 640px; margin: 0 auto; }\n\n .problem-cards {\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(3,1fr);\n gap: 1.5rem; padding: 0 4rem 3rem;\n }\n .prob-card {\n background: var(--white);\n border-top: 3px solid var(--red);\n padding: 2.25rem;\n box-shadow: 0 2px 16px rgba(0,0,0,0.06);\n }\n .prob-num {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 3.5rem; font-weight: 800;\n color: rgba(239,68,68,0.08); line-height: 1;\n margin-bottom: 0.25rem;\n }\n .prob-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700; font-size: 1.3rem;\n color: #c0160a; margin-bottom: 0.75rem; letter-spacing: 0.02em;\n }\n .prob-text { font-size: 1rem; color: var(--muted); line-height: 1.7; }\n\n .legacy-compare {\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 1.5rem; padding: 0 4rem 3.5rem;\n }\n .legacy-card {\n background: var(--white);\n border: 1px solid #e2e8f0;\n border-top: 3px solid var(--red);\n padding: 2.25rem;\n }\n .legacy-tag {\n font-family: 'Space Mono', monospace;\n font-size: 0.65rem; letter-spacing: 0.14em;\n text-transform: uppercase; color: var(--red);\n background: rgba(239,68,68,0.07);\n padding: 0.28rem 0.7rem; display: inline-block;\n margin-bottom: 1rem; border: 1px solid rgba(239,68,68,0.15);\n }\n .legacy-card h4 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700; font-size: 1.4rem;\n color: #c0160a; margin-bottom: 1rem;\n }\n .legacy-card ul { list-style: none; display: flex; flex-direction: column; gap: 0.5rem; }\n .legacy-card ul li {\n font-size: 1rem; color: var(--muted);\n padding-left: 1.25rem; position: relative;\n }\n .legacy-card ul li::before { content: '\u2014'; position: absolute; left: 0; color: #f87171; }\n\n .problem-cta-bar {\n background: var(--navy);\n padding: 3rem 4rem;\n text-align: center;\n }\n .problem-cta-bar p {\n font-family: 'Barlow Condensed', sans-serif;\n font-style: italic; font-weight: 700;\n font-size: clamp(1.5rem, 3vw, 2.5rem);\n color: rgba(255,255,255,0.55);\n letter-spacing: -0.01em;\n }\n .problem-cta-bar p span { color: #fff; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SOLUTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #solution { background: var(--white); }\n\n .solution-header {\n padding: 6rem 4rem 4rem;\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 5rem; align-items: center;\n }\n .solution-header h2 { margin-bottom: 1.25rem; }\n .solution-header p { font-size: 1.1rem; color: var(--muted); line-height: 1.75; }\n\n .pills-row {\n max-width: 1400px; margin: 0 auto;\n padding: 0 4rem 3.5rem;\n display: flex; flex-wrap: wrap; gap: 0.6rem;\n }\n .pill {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.06em;\n padding: 0.5rem 1.1rem;\n border: 1px solid #cbd5e0; color: var(--blue);\n background: var(--light); white-space: nowrap;\n transition: all 0.2s;\n }\n .pill:hover { border-color: var(--cyan); color: var(--cyan); background: #f0fbff; }\n\n .sol-cards-dark {\n background: var(--navy2);\n padding: 5rem 4rem;\n }\n .sol-cards-inner {\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(3,1fr);\n gap: 1.5rem;\n }\n .sol-card {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(0,170,238,0.12);\n padding: 2.5rem;\n transition: border-color 0.25s, transform 0.25s;\n }\n .sol-card:hover { border-color: var(--cyan); transform: translateY(-3px); }\n .sol-card-bar {\n height: 3px; width: 40px;\n margin-bottom: 1.5rem;\n }\n .sol-card-bar.speed { background: var(--cyan); }\n .sol-card-bar.efficiency { background: #34d399; }\n .sol-card-bar.scale { background: #a78bfa; }\n .sol-card h3 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700; font-size: 1.6rem;\n color: #fff; margin-bottom: 0.75rem;\n letter-spacing: 0.02em;\n }\n .sol-card p { font-size: 1rem; color: rgba(255,255,255,0.55); line-height: 1.7; margin-bottom: 1.25rem; }\n .sol-card ul { list-style: none; }\n .sol-card ul li {\n font-size: 0.95rem; color: rgba(255,255,255,0.45);\n padding: 0.35rem 0 0.35rem 1rem; position: relative;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n .sol-card ul li:last-child { border-bottom: none; }\n .sol-card ul li::before {\n content: ''; position: absolute; left: 0; top: 50%;\n transform: translateY(-50%);\n width: 4px; height: 4px; border-radius: 50%; background: var(--cyan);\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 KOPIN PARTNERSHIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .kopin-section {\n background: var(--light);\n padding: 6rem 4rem;\n }\n .kopin-inner {\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 5rem; align-items: center;\n }\n .kopin-left h2 { margin-bottom: 1.25rem; }\n .kopin-left p { font-size: 1.05rem; color: var(--muted); line-height: 1.8; margin-bottom: 1.5rem; }\n .kopin-quote-block {\n background: var(--white);\n border-left: 4px solid var(--cyan);\n padding: 2rem 2.5rem;\n box-shadow: 0 4px 24px rgba(0,0,0,0.06);\n }\n .kopin-quote-block blockquote {\n font-size: 1.05rem; color: var(--muted); line-height: 1.75;\n font-style: italic; margin-bottom: 1rem;\n }\n .kopin-quote-block cite {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; color: var(--cyan);\n font-style: normal; letter-spacing: 0.06em;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COMPARE TABLE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .compare-wrap {\n background: var(--white);\n padding: 5rem 4rem;\n }\n .compare-inner {\n max-width: 1100px; margin: 0 auto;\n }\n .compare-header { text-align: center; margin-bottom: 2.5rem; }\n .compare-header h2 { margin-bottom: 0.5rem; }\n .compare-table {\n width: 100%; border-collapse: collapse;\n border: 1px solid var(--border);\n }\n .compare-table thead tr {\n background: var(--navy);\n }\n .compare-table th {\n font-family: 'Space Mono', monospace;\n font-size: 0.78rem; letter-spacing: 0.12em;\n text-transform: uppercase; padding: 1.1rem 1.5rem;\n text-align: left; font-weight: 700;\n }\n .compare-table th:first-child { color: rgba(255,255,255,0.45); }\n .compare-table th:nth-child(2) { color: #f87171; }\n .compare-table th:nth-child(3) { color: var(--cyan); }\n .compare-table tbody tr:nth-child(odd) { background: var(--light); }\n .compare-table tbody tr:nth-child(even) { background: var(--white); }\n .compare-table tbody tr { border-bottom: 1px solid var(--border); }\n .compare-table td { padding: 1.1rem 1.5rem; font-size: 1rem; }\n .compare-table .metric {\n font-family: 'Space Mono', monospace;\n font-size: 0.82rem; color: var(--muted);\n }\n .compare-table .bad { color: var(--red); font-weight: 500; }\n .compare-table .good { color: #0284c7; font-weight: 500; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 DIAGRAM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .diagram-wrap {\n background: var(--navy2);\n padding: 5rem 4rem;\n }\n .diagram-inner {\n max-width: 1300px; margin: 0 auto;\n border: 1px solid rgba(0,170,238,0.12);\n padding: 3rem;\n }\n .diagram-label {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.18em;\n text-transform: uppercase; color: var(--cyan);\n text-align: center; margin-bottom: 2rem;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 WHO ARE WE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #who { background: var(--white); }\n .who-header {\n padding: 6rem 4rem 4rem;\n max-width: 1400px; margin: 0 auto;\n text-align: center;\n }\n .who-header h2 { margin-bottom: 1.25rem; }\n .who-header p { font-size: 1.1rem; color: var(--muted); max-width: 620px; margin: 0 auto; line-height: 1.75; }\n .values-grid {\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(2,1fr);\n padding: 0 4rem 6rem;\n border-top: 1px solid var(--border);\n }\n .value-card {\n padding: 2.5rem;\n border-right: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n .value-card:nth-child(2n) { border-right: none; }\n .value-card:nth-child(3), .value-card:nth-child(4) { border-bottom: none; }\n .value-card-bar {\n width: 32px; height: 3px; background: var(--cyan);\n margin-bottom: 1.25rem;\n }\n .value-card h4 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700; font-size: 1.3rem;\n color: var(--navy); margin-bottom: 0.6rem;\n letter-spacing: 0.02em;\n }\n .value-card p { font-size: 1rem; color: var(--muted); line-height: 1.7; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 INVESTORS \/ CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #investors {\n background: var(--navy);\n padding: 6rem 4rem;\n text-align: center;\n position: relative; overflow: hidden;\n }\n #investors::before {\n content: '';\n position: absolute; inset: 0;\n background: url('https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?w=1600&q=70&auto=format&fit=crop') center\/cover no-repeat;\n opacity: 0.07;\n }\n .investors-inner { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; }\n #investors .section-label { justify-content: center; margin-bottom: 1.25rem; }\n #investors h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; font-style: italic;\n font-size: clamp(2.5rem, 5vw, 5rem);\n line-height: 0.95; color: #fff;\n margin-bottom: 1.5rem; letter-spacing: -0.01em;\n }\n #investors h2 span { color: var(--cyan); }\n #investors p {\n font-size: 1.1rem; color: rgba(255,255,255,0.6);\n line-height: 1.75; max-width: 560px; margin: 0 auto 2.5rem;\n }\n .trust-row {\n display: flex; justify-content: center; align-items: center;\n gap: 2rem; margin-top: 3.5rem; flex-wrap: wrap;\n }\n .trust-item {\n font-family: 'Space Mono', monospace;\n font-size: 0.68rem; letter-spacing: 0.14em;\n text-transform: uppercase; color: rgba(255,255,255,0.35);\n }\n .trust-sep { width: 1px; height: 18px; background: rgba(255,255,255,0.12); }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 PRESS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #press {\n background: var(--light);\n padding: 5rem 4rem;\n border-top: 1px solid var(--border);\n }\n .press-inner { max-width: 1400px; margin: 0 auto; }\n #press .section-label { margin-bottom: 2rem; }\n .press-card {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 3rem;\n align-items: center;\n background: var(--white);\n border: 1px solid var(--border);\n border-left: 4px solid var(--cyan);\n padding: 2.5rem 3rem;\n box-shadow: 0 2px 16px rgba(0,0,0,0.05);\n }\n .press-date {\n font-family: 'Space Mono', monospace;\n font-size: 0.68rem; letter-spacing: 0.14em;\n text-transform: uppercase; color: var(--cyan);\n display: block; margin-bottom: 0.85rem;\n }\n .press-title {\n font-family: 'Barlow', sans-serif;\n font-weight: 600; font-size: 1.15rem;\n color: var(--navy); line-height: 1.5;\n }\n .press-cta {\n display: inline-flex; align-items: center; gap: 0.6rem;\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--white); background: var(--navy);\n padding: 0.85rem 1.6rem;\n text-decoration: none; white-space: nowrap;\n transition: background 0.2s, box-shadow 0.2s;\n flex-shrink: 0;\n }\n .press-cta:hover {\n background: var(--blue);\n box-shadow: 0 4px 20px rgba(0,38,119,0.25);\n }\n .press-cta svg { flex-shrink: 0; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n footer {\n background: #020a14;\n padding: 2.5rem 4rem;\n display: flex; align-items: center; justify-content: space-between;\n gap: 2rem;\n border-top: 1px solid rgba(0,170,238,0.1);\n }\n .footer-logo { flex-shrink: 0; display: flex; align-items: center; }\n .footer-logo img {\n height: 44px; width: auto; max-width: 180px;\n object-fit: contain; opacity: 0.65; display: block;\n }\n .footer-links { display: flex; gap: 2rem; flex-wrap: wrap; }\n .footer-links a {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.1em;\n text-transform: uppercase; color: rgba(255,255,255,0.28);\n text-decoration: none; transition: color 0.2s; white-space: nowrap;\n }\n .footer-links a:hover { color: var(--cyan); }\n .footer-copy {\n font-family: 'Space Mono', monospace;\n font-size: 0.7rem; letter-spacing: 0.06em;\n color: rgba(255,255,255,0.18); white-space: nowrap; flex-shrink: 0;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .reveal {\n opacity: 0; transform: translateY(28px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal.visible { opacity: 1; transform: none; }\n .reveal-left {\n opacity: 0; transform: translateX(-30px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal-left.visible { opacity: 1; transform: none; }\n .reveal-right {\n opacity: 0; transform: translateX(30px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal-right.visible { opacity: 1; transform: none; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width: 1100px) {\n .intro-section, .solution-header, .kopin-inner { grid-template-columns: 1fr; gap: 3rem; }\n .sol-cards-inner { grid-template-columns: repeat(2,1fr); }\n .feature-grid { grid-template-columns: repeat(2,1fr); }\n }\n\n @media (max-width: 860px) {\n \/* Nav *\/\n nav { padding: 0 1.25rem; height: 70px; }\n nav ul { display: none; }\n .nav-logo img { height: 52px; }\n .nav-cta { font-size: 0.7rem; padding: 0.6rem 1rem; }\n\n \/* Hero *\/\n #hero { padding: 8rem 1.5rem 4rem; flex-direction: column; justify-content: flex-end; gap: 2rem; }\n .hero-right { align-items: flex-start; flex-direction: row; align-items: center; gap: 1rem; }\n .hero-logo-large { display: none; }\n .hero-headline { font-size: clamp(2.8rem, 10vw, 5rem); }\n .hero-sub { font-size: 1rem; }\n .hero-eyebrow { margin-top: 0; }\n\n \/* Strip *\/\n .category-strip { padding: 1rem 1.5rem; gap: 1rem; flex-direction: column; }\n .category-strip span { font-size: 0.68rem; }\n\n \/* Global section padding *\/\n .problem-header, .problem-cards, .legacy-compare, .problem-cta-bar,\n .solution-header, .pills-row, .sol-cards-dark, .kopin-section,\n .compare-wrap, .diagram-wrap, .who-header, .values-grid, #investors {\n padding-left: 1.25rem; padding-right: 1.25rem;\n }\n\n \/* Problem *\/\n .problem-cards, .legacy-compare { grid-template-columns: 1fr; }\n .problem-header { padding: 3rem 1.25rem 2rem; }\n .problem-cta-bar { padding: 2rem 1.25rem; }\n\n \/* Solution *\/\n .sol-cards-inner, .feature-grid { grid-template-columns: 1fr; }\n .sol-cards-dark { padding: 3rem 1.25rem; }\n .solution-header { padding: 3rem 1.25rem 2rem; gap: 2rem; }\n .pills-row { padding: 0 1.25rem 2rem; }\n\n \/* Kopin *\/\n .kopin-inner { grid-template-columns: 1fr; gap: 2rem; }\n .kopin-section { padding: 3rem 1.25rem; }\n\n \/* Compare table \u2014 scrollable, centered *\/\n .compare-wrap { padding: 3rem 0; }\n .compare-inner {\n max-width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n padding: 0 1.25rem;\n }\n .compare-inner .compare-header { padding: 0 1.25rem; }\n .compare-table { min-width: 560px; font-size: 0.88rem; }\n .compare-table th { padding: 0.8rem 1rem; font-size: 0.68rem; }\n .compare-table td { padding: 0.8rem 1rem; font-size: 0.88rem; }\n .compare-table .metric { font-size: 0.72rem; }\n\n \/* Diagram \u2014 bigger on mobile, scrollable *\/\n .diagram-wrap { padding: 3rem 0; }\n .diagram-inner {\n max-width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n padding: 2rem 1.25rem;\n border: none;\n }\n .diagram-label { font-size: 0.68rem; margin-bottom: 1.5rem; padding: 0 1.25rem; }\n .dc-diagram { min-width: 700px; width: 100%; }\n\n \/* Who *\/\n .who-header { padding: 3rem 1.25rem 2rem; }\n .values-grid { grid-template-columns: 1fr; padding: 0 1.25rem 3rem; }\n .value-card { border-right: none; }\n .value-card:nth-child(n) { border-bottom: 1px solid var(--border); }\n .value-card:last-child { border-bottom: none; }\n\n \/* Investors *\/\n #investors { padding: 4rem 1.25rem; }\n\n \/* Alt rows *\/\n .alt-row { grid-template-columns: 1fr; }\n .alt-image { height: 260px; }\n .alt-text { padding: 2.5rem 1.5rem; }\n\n \/* Press *\/\n #press { padding: 3rem 1.25rem; }\n .press-card { grid-template-columns: 1fr; gap: 1.5rem; padding: 1.75rem; }\n .press-cta { width: 100%; justify-content: center; }\n\n \/* Footer *\/\n footer { flex-direction: column; gap: 1.5rem; text-align: center; padding: 2rem 1.5rem; }\n .footer-logo img { height: 36px; }\n .footer-links { flex-wrap: wrap; justify-content: center; gap: 1rem; }\n }\n\n @media (max-width: 480px) {\n .hero-headline { font-size: clamp(2.4rem, 11vw, 3.5rem); }\n .big-heading { font-size: clamp(2rem, 9vw, 3rem); }\n .hero-buttons { flex-direction: column; align-items: flex-start; }\n .btn-primary, .btn-ghost { width: 100%; text-align: center; padding: 1rem; }\n .nav-cta { display: none; }\n .sol-cards-inner { grid-template-columns: 1fr; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/fabricai.com\/wp-content\/uploads\/2026\/04\/Fabric-AI-white.png\" alt=\"Fabric.AI\"><\/div>\n <ul>\n <li><a href=\"#problem\">The Problem<\/a><\/li>\n <li><a href=\"#solution\">The Solution<\/a><\/li>\n <li><a href=\"#who\">Who Are We<\/a><\/li>\n <li><a href=\"#investors\">Investors<\/a><\/li>\n <li><a href=\"#press\">News<\/a><\/li>\n <\/ul>\n <a href=\"mailto:ir@fabricai.com\" class=\"nav-cta\">Get In Touch<\/a>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"hero-photo\"><\/div>\n <div class=\"hero-content\">\n <span class=\"hero-eyebrow\">Connecting the infrastructure of intelligence<\/span>\n <h1 class=\"hero-headline\">\n INTELLIGENCE<br>\n <span>BEYOND THE<\/span><br>\n BOTTLENECK\n <\/h1>\n <p class=\"hero-sub\">AI is no longer just software \u2014 it's an <strong>industrial process<\/strong>. Fabric.AI introduces MicroLED-based optical interconnects as the first in a broader suite of fabless semiconductor technologies designed specifically for AI workloads \u2014 not retrofitted from general-purpose systems. We are building the technologies that power AI factories: smart data centers optimized for continuously producing intelligence at scale.<\/p>\n <div class=\"hero-buttons\">\n <a href=\"#solution\" class=\"btn-primary\">The Solution<\/a>\n <a href=\"#problem\" class=\"btn-ghost\">The Problem<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <img decoding=\"async\"\n src=\"https:\/\/fabricai.com\/wp-content\/uploads\/2026\/04\/Fabric-AI-white.png\"\n alt=\"Fabric.AI\"\n class=\"hero-logo-large\"\n >\n <a\n href=\"https:\/\/finance.yahoo.com\/quote\/SBLX\/?guccounter=1&guce_referrer=aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS8&guce_referrer_sig=AQAAABpqjw9PITUcxnVrIHTUzIaLjrjHf8Sb6QXcuINqlUB-9aIXTnGwG0OFK0pEPFBRbIkZoqrzUTZNkOzAWzkIF1O6s97y4OCE968FP_mKKI9SGS5PdcBUSBBi5GrIa-BeyB0HkWdEFassZOgWzzmhAtcM2WN2iKPEGhadERJrJy4I\"\n target=\"_blank\"\n rel=\"noopener\"\n class=\"ticker-badge\"\n >\n <span class=\"ticker-dot\"><\/span>\n <span class=\"ticker-label\">NYSE \u00b7 Live<\/span>\n <span class=\"ticker-value\">SBLX<\/span>\n <\/a>\n <\/div>\n\n <div class=\"hero-scroll\">\n <div class=\"hero-scroll-line\"><\/div>\n Scroll\n <\/div>\n<\/section>\n\n\n<div class=\"category-strip\">\n <span><strong>MicroLED Optical Interconnects<\/strong> \u2014 Light replaces copper<\/span>\n <span><strong>AI Factory Infrastructure<\/strong> \u2014 Built for continuous intelligence<\/span>\n <span><strong>Fabless Semiconductor<\/strong> \u2014 In collaboration with Kopin (KOPN)<\/span>\n<\/div>\n\n\n<section id=\"problem\">\n <div class=\"problem-header reveal\">\n <span class=\"section-label\">The Problem<\/span>\n <h2 class=\"big-heading\" style=\"margin-bottom:1.25rem;\">AI BROKE THE <em style=\"font-style:normal;color:var(--red);\">DATA CENTER<\/em><\/h2>\n <p class=\"body-text\" style=\"max-width:640px;margin:0 auto;\">Traditional data centers were designed for general-purpose computing. They were never built to handle the massive data movement, coordination, and efficiency demands of modern AI workloads.<\/p>\n <\/div>\n <div class=\"problem-cards reveal\">\n <div class=\"prob-card\">\n <div class=\"prob-num\">01<\/div>\n <div class=\"prob-title\">Massive Parallelism<\/div>\n <p class=\"prob-text\">Modern AI models require thousands of accelerators exchanging data simultaneously. Existing electrical interconnects degrade, overheat, and bottleneck at scale \u2014 they were never designed for this.<\/p>\n <\/div>\n <div class=\"prob-card\">\n <div class=\"prob-num\">02<\/div>\n <div class=\"prob-title\">Continuous Data Flow<\/div>\n <p class=\"prob-text\">AI factories require ongoing production loops \u2014 training, refining, generating \u2014 without interruption. Any latency or bandwidth constraint cascades into degraded model performance and efficiency loss.<\/p>\n <\/div>\n <div class=\"prob-card\">\n <div class=\"prob-num\">03<\/div>\n <div class=\"prob-title\">Power & Thermal Crisis<\/div>\n <p class=\"prob-text\">AI racks now hit 50\u2013140 kW. U.S. data centers face a 49 GW shortfall by 2028. Copper interconnects generate resistive heat and consume power even when idle \u2014 compounding the crisis.<\/p>\n <\/div>\n <\/div>\n <div class=\"legacy-compare reveal\">\n <div class=\"legacy-card\">\n <span class=\"legacy-tag\">Legacy<\/span>\n <h4>Copper Interconnects<\/h4>\n <ul>\n <li>Signal degrades over distance<\/li>\n <li>Bandwidth ceiling hits fast at AI scale<\/li>\n <li>High resistive heat generation<\/li>\n <li>Power inefficiency rises with density<\/li>\n <li>Cannot scale beyond the rack economically<\/li>\n <\/ul>\n <\/div>\n <div class=\"legacy-card\">\n <span class=\"legacy-tag\">Incumbent<\/span>\n <h4>Traditional Laser Optics<\/h4>\n <ul>\n <li>Difficult and expensive to manufacture at volume<\/li>\n <li>Significant thermal management challenges<\/li>\n <li>Complex, costly packaging requirements<\/li>\n <li>Limited density per module<\/li>\n <li>Reliability constraints at hyperscale<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"problem-cta-bar\">\n <p>The bottleneck is no longer compute. <span>It's the fabric that connects it.<\/span><\/p>\n <\/div>\n<\/section>\n\n\n\n\n<section id=\"solution\">\n <div class=\"solution-header\">\n <div class=\"reveal-left\">\n <span class=\"section-label on-white\">The Solution<\/span>\n <h2 class=\"big-heading\" style=\"margin-bottom:1.25rem;\">A NEW CLASS OF<br><span>SEMICONDUCTOR<\/span><br>TECHNOLOGY<\/h2>\n <\/div>\n <div class=\"reveal-right\">\n <p style=\"font-size:1.15rem;color:var(--muted);line-height:1.8;\">Fabric.AI introduces MicroLED-based optical interconnects as the first in a broader suite of fabless semiconductor technologies designed specifically for AI workloads \u2014 not retrofitted from general-purpose systems.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"pills-row reveal\">\n <span class=\"pill\">Light-speed signaling<\/span>\n <span class=\"pill\">Ultra-low latency<\/span>\n <span class=\"pill\">Massive bandwidth density<\/span>\n <span class=\"pill\">Energy-efficient at scale<\/span>\n <span class=\"pill\">AI-factory native<\/span>\n <\/div>\n\n <div class=\"sol-cards-dark\">\n <div class=\"sol-cards-inner reveal\">\n <div class=\"sol-card\">\n <div class=\"sol-card-bar speed\"><\/div>\n <h3>Speed<\/h3>\n <p>Photons instead of electrons \u2014 ultra-high-bandwidth, low-latency communication at the speeds AI factories demand. GPU-to-GPU at Tbps with sub-nanosecond latency.<\/p>\n <ul>\n <li>Eliminate interconnect bottlenecks between GPUs<\/li>\n <li>Enable real-time distributed AI workloads<\/li>\n <\/ul>\n <\/div>\n <div class=\"sol-card\">\n <div class=\"sol-card-bar efficiency\"><\/div>\n <h3>Efficiency<\/h3>\n <p>Significantly lower power per bit transmitted \u2014 improving data center economics while addressing the power crisis that's blocking AI infrastructure growth globally.<\/p>\n <ul>\n <li>Reduce thermal load and cooling demands across racks<\/li>\n <li>Improve overall data center PUE at scale<\/li>\n <\/ul>\n <\/div>\n <div class=\"sol-card\">\n <div class=\"sol-card-bar scale\"><\/div>\n <h3>Scale<\/h3>\n <p>Designed for AI factories \u2014 not just racks. A cohesive system that tightly couples compute, communication, and coordination at hyperscale. Foundation for the full semiconductor suite.<\/p>\n <ul>\n <li>Scalable, high-density interconnect architectures<\/li>\n <li>Foundation for a broader AI semiconductor suite<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"kopin-section\">\n <div class=\"kopin-inner\">\n <div class=\"reveal-left\">\n <span class=\"section-label on-white\">Strategic Collaboration<\/span>\n <h2 class=\"big-heading\" style=\"margin-bottom:1.25rem;\">BUILT WITH<br><span>KOPIN CORPORATION<\/span><\/h2>\n <p class=\"body-text\" style=\"margin-bottom:1.5rem;\">Fabric.AI's interconnect technology is developed in close collaboration with Kopin Corporation (KOPN), combining Fabric.AI's system-level semiconductor design with Kopin's deep expertise in MicroLED materials, process development, and fabrication.<\/p>\n <p class=\"body-text\">Both companies jointly develop and share the intellectual property created through the partnership \u2014 establishing a defensible technology position in AI infrastructure that will define the next era of data center connectivity.<\/p>\n <\/div>\n <div class=\"reveal-right\">\n <div class=\"kopin-quote-block\">\n <blockquote>\"MicroLED technology represents a powerful new frontier beyond displays. Our collaboration with Fabric.AI extends the reach of our technology into AI infrastructure, enabling a new class of interconnect solutions designed for scale, efficiency, and performance.\"<\/blockquote>\n <cite>Michael Murray \u2014 CEO, Kopin Corporation<\/cite>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"compare-wrap\">\n <div class=\"compare-inner\">\n <div class=\"compare-header reveal\">\n <span class=\"section-label on-white\" style=\"display:block;text-align:center;margin-bottom:0.75rem;\">Performance Comparison<\/span>\n <h2 class=\"big-heading\" style=\"font-size:clamp(2rem,3.5vw,3rem);\">MicroLED <span>vs.<\/span> Legacy Technologies<\/h2>\n <\/div>\n <table class=\"compare-table reveal\">\n <thead>\n <tr>\n <th>Metric<\/th>\n <th>Copper<\/th>\n <th>MicroLED Optical<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr><td class=\"metric\">Power per bit<\/td><td class=\"bad\">Rises sharply with scale<\/td><td class=\"good\">Significantly lower \u2014 stays low<\/td><\/tr>\n <tr><td class=\"metric\">Heat generation<\/td><td class=\"bad\">High \u2014 resistive thermal ceiling<\/td><td class=\"good\">Low \u2014 no resistive losses<\/td><\/tr>\n <tr><td class=\"metric\">Bandwidth scaling<\/td><td class=\"bad\">Limited by physics<\/td><td class=\"good\">Scalable linearly<\/td><\/tr>\n <tr><td class=\"metric\">Density<\/td><td class=\"bad\">Constrained by signal degradation<\/td><td class=\"good\">Massive \u2014 optical channels<\/td><\/tr>\n <tr><td class=\"metric\">Latency<\/td><td class=\"bad\">Increases with distance<\/td><td class=\"good\">Consistent, ultra-low<\/td><\/tr>\n <tr><td class=\"metric\">AI factory fit<\/td><td class=\"bad\">Retrofitted \u2014 not purpose-built<\/td><td class=\"good\">Designed from the ground up<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n<\/div>\n\n\n<div class=\"diagram-wrap\">\n <div class=\"diagram-inner reveal\">\n <p class=\"diagram-label\">\/\/ Fabric.AI \u2014 AI Factory Interconnect Architecture<\/p>\n <svg class=\"dc-diagram\" viewBox=\"0 0 900 380\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" font-family=\"Space Mono, monospace\" style=\"width:100%; min-width:700px;\">\n <defs>\n <filter id=\"glow2\"><feGaussianBlur stdDeviation=\"3\" result=\"b\"\/><feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\n <marker id=\"arr2\" markerWidth=\"6\" markerHeight=\"6\" refX=\"3\" refY=\"3\" orient=\"auto\">\n <path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#00aaee\" opacity=\"0.9\"\/>\n <\/marker>\n <\/defs>\n <text x=\"60\" y=\"30\" fill=\"#4a6080\" font-size=\"9\" letter-spacing=\"2\">GPU CLUSTER A<\/text>\n <rect x=\"40\" y=\"42\" width=\"100\" height=\"48\" fill=\"none\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"90\" y=\"67\" fill=\"#c8d8f0\" font-size=\"9\" text-anchor=\"middle\">GPU\u00d78<\/text>\n <text x=\"90\" y=\"81\" fill=\"#4a6080\" font-size=\"7\" text-anchor=\"middle\">H100 \/ A100<\/text>\n <rect x=\"40\" y=\"100\" width=\"100\" height=\"48\" fill=\"none\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"90\" y=\"125\" fill=\"#c8d8f0\" font-size=\"9\" text-anchor=\"middle\">GPU\u00d78<\/text>\n <text x=\"90\" y=\"139\" fill=\"#4a6080\" font-size=\"7\" text-anchor=\"middle\">H100 \/ A100<\/text>\n <rect x=\"40\" y=\"158\" width=\"100\" height=\"48\" fill=\"none\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"90\" y=\"183\" fill=\"#c8d8f0\" font-size=\"9\" text-anchor=\"middle\">GPU\u00d78<\/text>\n <text x=\"90\" y=\"197\" fill=\"#4a6080\" font-size=\"7\" text-anchor=\"middle\">H100 \/ A100<\/text>\n <g filter=\"url(#glow2)\">\n <rect x=\"200\" y=\"65\" width=\"130\" height=\"180\" fill=\"rgba(0,170,238,0.05)\" stroke=\"#00aaee\" stroke-width=\"1.5\"\/>\n <text x=\"265\" y=\"140\" fill=\"#00aaee\" font-size=\"10\" text-anchor=\"middle\" letter-spacing=\"1\">MicroLED<\/text>\n <text x=\"265\" y=\"157\" fill=\"#00aaee\" font-size=\"10\" text-anchor=\"middle\" letter-spacing=\"1\">FABRIC NODE<\/text>\n <text x=\"265\" y=\"177\" fill=\"#3b82f6\" font-size=\"8\" text-anchor=\"middle\">Tbps bandwidth<\/text>\n <text x=\"265\" y=\"192\" fill=\"#3b82f6\" font-size=\"8\" text-anchor=\"middle\">sub-ns latency<\/text>\n <\/g>\n <rect x=\"380\" y=\"50\" width=\"140\" height=\"230\" fill=\"rgba(0,38,119,0.15)\" stroke=\"#002677\" stroke-width=\"2\" stroke-dasharray=\"6 3\"\/>\n <text x=\"450\" y=\"88\" fill=\"#6699cc\" font-size=\"11\" text-anchor=\"middle\" letter-spacing=\"1\">SPINE FABRIC<\/text>\n <text x=\"450\" y=\"110\" fill=\"#4a6080\" font-size=\"8\" text-anchor=\"middle\">Central optical<\/text>\n <text x=\"450\" y=\"125\" fill=\"#4a6080\" font-size=\"8\" text-anchor=\"middle\">switching layer<\/text>\n <rect x=\"400\" y=\"150\" width=\"100\" height=\"28\" fill=\"rgba(0,38,119,0.2)\" stroke=\"#002677\" stroke-width=\"1\"\/>\n <text x=\"450\" y=\"168\" fill=\"#6699cc\" font-size=\"8\" text-anchor=\"middle\">Optical Switch \u00d7N<\/text>\n <rect x=\"400\" y=\"188\" width=\"100\" height=\"28\" fill=\"rgba(0,38,119,0.2)\" stroke=\"#002677\" stroke-width=\"1\"\/>\n <text x=\"450\" y=\"206\" fill=\"#6699cc\" font-size=\"8\" text-anchor=\"middle\">Optical Switch \u00d7N<\/text>\n <rect x=\"400\" y=\"226\" width=\"100\" height=\"28\" fill=\"rgba(0,38,119,0.2)\" stroke=\"#002677\" stroke-width=\"1\"\/>\n <text x=\"450\" y=\"244\" fill=\"#6699cc\" font-size=\"8\" text-anchor=\"middle\">Optical Switch \u00d7N<\/text>\n <g filter=\"url(#glow2)\">\n <rect x=\"570\" y=\"65\" width=\"130\" height=\"180\" fill=\"rgba(0,170,238,0.05)\" stroke=\"#00aaee\" stroke-width=\"1.5\"\/>\n <text x=\"635\" y=\"140\" fill=\"#00aaee\" font-size=\"10\" text-anchor=\"middle\" letter-spacing=\"1\">MicroLED<\/text>\n <text x=\"635\" y=\"157\" fill=\"#00aaee\" font-size=\"10\" text-anchor=\"middle\" letter-spacing=\"1\">FABRIC NODE<\/text>\n <text x=\"635\" y=\"177\" fill=\"#3b82f6\" font-size=\"8\" text-anchor=\"middle\">Tbps bandwidth<\/text>\n <text x=\"635\" y=\"192\" fill=\"#3b82f6\" font-size=\"8\" text-anchor=\"middle\">sub-ns latency<\/text>\n <\/g>\n <text x=\"740\" y=\"30\" fill=\"#4a6080\" font-size=\"9\" letter-spacing=\"2\">GPU CLUSTER B<\/text>\n <rect x=\"760\" y=\"42\" width=\"100\" height=\"48\" fill=\"none\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"810\" y=\"67\" fill=\"#c8d8f0\" font-size=\"9\" text-anchor=\"middle\">GPU\u00d78<\/text>\n <text x=\"810\" y=\"81\" fill=\"#4a6080\" font-size=\"7\" text-anchor=\"middle\">H100 \/ A100<\/text>\n <rect x=\"760\" y=\"100\" width=\"100\" height=\"48\" fill=\"none\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"810\" y=\"125\" fill=\"#c8d8f0\" font-size=\"9\" text-anchor=\"middle\">GPU\u00d78<\/text>\n <text x=\"810\" y=\"139\" fill=\"#4a6080\" font-size=\"7\" text-anchor=\"middle\">H100 \/ A100<\/text>\n <rect x=\"760\" y=\"158\" width=\"100\" height=\"48\" fill=\"none\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"810\" y=\"183\" fill=\"#c8d8f0\" font-size=\"9\" text-anchor=\"middle\">GPU\u00d78<\/text>\n <text x=\"810\" y=\"197\" fill=\"#4a6080\" font-size=\"7\" text-anchor=\"middle\">H100 \/ A100<\/text>\n <line x1=\"140\" y1=\"66\" x2=\"200\" y2=\"120\" stroke=\"#1e4080\" stroke-width=\"1\" opacity=\"0.6\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"140\" y1=\"124\" x2=\"200\" y2=\"152\" stroke=\"#1e4080\" stroke-width=\"1\" opacity=\"0.6\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"140\" y1=\"182\" x2=\"200\" y2=\"184\" stroke=\"#1e4080\" stroke-width=\"1\" opacity=\"0.6\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"330\" y1=\"140\" x2=\"380\" y2=\"176\" stroke=\"#00aaee\" stroke-width=\"2\" opacity=\"0.8\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"330\" y1=\"165\" x2=\"380\" y2=\"213\" stroke=\"#00aaee\" stroke-width=\"2\" opacity=\"0.8\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"520\" y1=\"176\" x2=\"570\" y2=\"140\" stroke=\"#00aaee\" stroke-width=\"2\" opacity=\"0.8\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"520\" y1=\"213\" x2=\"570\" y2=\"165\" stroke=\"#00aaee\" stroke-width=\"2\" opacity=\"0.8\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"700\" y1=\"120\" x2=\"760\" y2=\"66\" stroke=\"#1e4080\" stroke-width=\"1\" opacity=\"0.6\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"700\" y1=\"152\" x2=\"760\" y2=\"124\" stroke=\"#1e4080\" stroke-width=\"1\" opacity=\"0.6\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"700\" y1=\"184\" x2=\"760\" y2=\"182\" stroke=\"#1e4080\" stroke-width=\"1\" opacity=\"0.6\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"340\" y1=\"350\" x2=\"380\" y2=\"350\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"390\" y=\"354\" fill=\"#4a6080\" font-size=\"8\">Electrical (GPU to node)<\/text>\n <line x1=\"530\" y1=\"350\" x2=\"570\" y2=\"350\" stroke=\"#00aaee\" stroke-width=\"2\"\/>\n <text x=\"580\" y=\"354\" fill=\"#4a6080\" font-size=\"8\">MicroLED optical fabric<\/text>\n <\/svg>\n <\/div>\n<\/div>\n\n\n<section id=\"who\">\n <div class=\"who-header reveal\">\n <span class=\"section-label on-white\">Who Are We<\/span>\n <h2 class=\"big-heading\" style=\"margin-bottom:1.25rem;\">BUILT BY THE PEOPLE WHO<br><span>UNDERSTAND THE PROBLEM<\/span><\/h2>\n <p>We are a team of engineers, physicists, and AI infrastructure experts who saw the connectivity wall coming \u2014 and decided to build the way through it. Our mission: transform data centers into unified production systems for artificial intelligence.<\/p>\n <\/div>\n <div class=\"values-grid reveal\">\n <div class=\"value-card\">\n <div class=\"value-card-bar\"><\/div>\n <h4>Deep Tech Founders<\/h4>\n <p>We come from semiconductor, photonics, and AI systems backgrounds. We've built things at scale before \u2014 and understand that the infrastructure layer defines the era.<\/p>\n <\/div>\n <div class=\"value-card\">\n <div class=\"value-card-bar\"><\/div>\n <h4>Infrastructure First<\/h4>\n <p>We believe the companies that define the foundational layers of computing define the future. Fabric.AI is building the semiconductor technologies that sit at that foundation.<\/p>\n <\/div>\n <div class=\"value-card\">\n <div class=\"value-card-bar\"><\/div>\n <h4>AI Factory Vision<\/h4>\n <p>We're not just building interconnects \u2014 we're building the first component of a cohesive suite of fabless semiconductor technologies designed specifically for AI factories.<\/p>\n <\/div>\n <div class=\"value-card\">\n <div class=\"value-card-bar\"><\/div>\n <h4>Long-Term Thinking<\/h4>\n <p>We're not building for the next product cycle. We're building the fabric that will underpin how intelligence is produced at industrial scale for the next decade.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"investors\">\n <div class=\"investors-inner reveal\">\n <span class=\"section-label\">Investors<\/span>\n <h2>PARTNER WITH THE<br><span>FABRIC LAYER<\/span><\/h2>\n <p>Fabric.AI is building foundational semiconductor infrastructure for the AI era \u2014 beginning with MicroLED interconnects and expanding into a broader suite of system-critical technologies. If you're interested in backing the connectivity layer of the next compute paradigm, we'd like to speak with you.<\/p>\n <a href=\"mailto:ir@fabricai.com\" class=\"btn-primary\" style=\"display:inline-block;\">Get In Touch \u2192<\/a>\n <div class=\"trust-row\">\n <span class=\"trust-item\">Deep Tech<\/span>\n <div class=\"trust-sep\"><\/div>\n <span class=\"trust-item\">Fabless Semiconductor<\/span>\n <div class=\"trust-sep\"><\/div>\n <span class=\"trust-item\">MicroLED Photonics<\/span>\n <div class=\"trust-sep\"><\/div>\n <span class=\"trust-item\">AI Infrastructure<\/span>\n <div class=\"trust-sep\"><\/div>\n <span class=\"trust-item\">Kopin Partnership<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"press\">\n <div class=\"press-inner reveal\">\n <span class=\"section-label on-white\">Latest News<\/span>\n <div class=\"press-card\">\n <div class=\"press-card-left\">\n <span class=\"press-date\">April 2026<\/span>\n <h3 class=\"press-title\">Fabric.AI (Nasdaq: SBLX) Launches Breakthrough MicroLED Interconnect Technology as First Step in Building Next-Generation \"AI Factory\" Infrastructure. Partners with Leading MicroLED Developer Kopin Corporation (Nasdaq: KOPN)<\/h3>\n <\/div>\n <div class=\"press-card-right\">\n <a href=\"https:\/\/finance.yahoo.com\/sectors\/technology\/articles\/fabric-ai-nasdaq-sblx-launches-123000877.html\" target=\"_blank\" rel=\"noopener\" class=\"press-cta\">\n Learn More\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M3 8H13M13 8L9 4M13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/fabricai.com\/wp-content\/uploads\/2026\/04\/Fabric-AI-white.png\" alt=\"Fabric.AI\">\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#problem\">The Problem<\/a>\n <a href=\"#solution\">The Solution<\/a>\n <a href=\"#who\">Who Are We<\/a>\n <a href=\"#investors\">Investors<\/a>\n <a href=\"mailto:ir@fabricai.com\">ir@fabricai.com<\/a>\n <\/div>\n <span class=\"footer-copy\">\u00a9 2026 Fabric.AI. All rights reserved.<\/span>\n<\/footer>\n\n<script>\nconst all = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');\nconst io = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n}, { threshold: 0.08 });\nall.forEach(el => io.observe(el));\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fabric.AI \u2014 Building the AI Factory Infrastructure The Problem The Solution Who Are We Investors News Get In Touch Connecting the infrastructure of intelligence INTELLIGENCE BEYOND THE BOTTLENECK AI is no longer just software \u2014 it’s an industrial process. Fabric.AI introduces MicroLED-based optical interconnects as the first in a broader suite of fabless semiconductor technologies …<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_genesis_block_theme_hide_title":false,"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry","post","without-featured-image"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/fabricai.com\/index.php?rest_route=\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabricai.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fabricai.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fabricai.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fabricai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=23"}],"version-history":[{"count":0,"href":"https:\/\/fabricai.com\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions"}],"wp:attachment":[{"href":"https:\/\/fabricai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\nFabric.AI \u2014 Building the AI Factory Infrastructure<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700;1,800&family=Barlow:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --navy: #050f1e;\n --navy2: #0a1a30;\n --blue: #002677;\n --cyan: #00aaee;\n --cyan2: #60efff;\n --text: #1a2332;\n --muted: #4a5568;\n --light: #f4f7fb;\n --border: #dde3ed;\n --white: #ffffff;\n --red: #ef4444;\n --red-soft:#fca5a5;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; font-size: 16px; }\n\n body {\n background: var(--white);\n color: var(--text);\n font-family: 'Barlow', sans-serif;\n font-weight: 400;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0;\n z-index: 200;\n display: flex; align-items: center;\n justify-content: space-between;\n padding: 0 4rem;\n height: 88px;\n background: rgba(5,15,30,0.96);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(255,255,255,0.06);\n }\n .nav-logo img { height: 72px; width: auto; }\n nav ul { list-style: none; display: flex; gap: 2.5rem; }\n nav ul a {\n font-family: 'Space Mono', monospace;\n font-size: 0.82rem; letter-spacing: 0.12em;\n text-transform: uppercase; color: rgba(255,255,255,0.55);\n text-decoration: none; transition: color 0.2s;\n }\n nav ul a:hover { color: var(--cyan); }\n .nav-cta {\n font-family: 'Space Mono', monospace;\n font-size: 0.8rem; letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--navy); background: var(--cyan);\n padding: 0.6rem 1.4rem; text-decoration: none;\n transition: background 0.2s;\n white-space: nowrap;\n }\n .nav-cta:hover { background: var(--cyan2); }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n padding: 10rem 4rem 6rem;\n overflow: hidden;\n gap: 3rem;\n }\n .hero-photo {\n position: absolute; inset: 0;\n background: url('https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?w=1800&q=85&auto=format&fit=crop') center\/cover no-repeat;\n }\n .hero-photo::after {\n content: '';\n position: absolute; inset: 0;\n background: linear-gradient(\n to bottom,\n rgba(5,15,30,0.35) 0%,\n rgba(5,15,30,0.55) 40%,\n rgba(5,15,30,0.92) 100%\n );\n }\n .hero-content { position: relative; z-index: 1; max-width: 620px; flex-shrink: 0; }\n .hero-right {\n position: relative; z-index: 1;\n display: flex; flex-direction: column;\n align-items: flex-end; justify-content: flex-start;\n gap: 1.5rem; flex-shrink: 0;\n padding-top: 4rem;\n }\n .hero-logo-large {\n width: clamp(180px, 22vw, 300px);\n height: auto; opacity: 0.9;\n filter: drop-shadow(0 0 40px rgba(0,170,238,0.25));\n }\n .ticker-badge {\n display: inline-flex; align-items: center; gap: 0.6rem;\n background: rgba(5,15,30,0.7);\n border: 1px solid rgba(0,170,238,0.35);\n padding: 0.55rem 1rem;\n backdrop-filter: blur(10px);\n text-decoration: none;\n transition: border-color 0.2s, background 0.2s;\n }\n .ticker-badge:hover {\n border-color: var(--cyan);\n background: rgba(0,170,238,0.12);\n }\n .ticker-dot {\n width: 7px; height: 7px; border-radius: 50%;\n background: var(--cyan);\n box-shadow: 0 0 8px var(--cyan);\n animation: tickerPulse 2s ease-in-out infinite;\n }\n .ticker-label {\n font-family: 'Space Mono', monospace;\n font-size: 0.65rem; letter-spacing: 0.14em;\n text-transform: uppercase; color: rgba(255,255,255,0.5);\n }\n .ticker-value {\n font-family: 'Space Mono', monospace;\n font-size: 0.82rem; font-weight: 700;\n letter-spacing: 0.1em; color: var(--cyan);\n }\n @keyframes tickerPulse {\n 0%, 100% { opacity: 1; box-shadow: 0 0 8px var(--cyan); }\n 50% { opacity: 0.4; box-shadow: 0 0 3px var(--cyan); }\n }\n .hero-eyebrow {\n font-family: 'Space Mono', monospace;\n font-size: 0.78rem; letter-spacing: 0.2em;\n text-transform: uppercase; color: var(--cyan);\n margin-bottom: 1.25rem; display: block;\n margin-top: 4rem;\n }\n .hero-headline {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; font-style: italic;\n font-size: clamp(3.5rem, 7vw, 7rem);\n line-height: 0.9; letter-spacing: -0.01em;\n color: #fff;\n margin-bottom: 1.75rem;\n }\n .hero-headline span { color: var(--cyan); }\n .hero-sub {\n font-size: 1.15rem; line-height: 1.7;\n color: rgba(255,255,255,0.75);\n max-width: 580px; margin-bottom: 2.5rem;\n font-weight: 400;\n }\n .hero-sub strong { color: #fff; font-weight: 600; }\n .hero-buttons { display: flex; gap: 1rem; flex-wrap: wrap; }\n .btn-primary {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.1em;\n text-transform: uppercase;\n background: var(--cyan); color: var(--navy);\n padding: 0.85rem 2rem; text-decoration: none;\n font-weight: 700; transition: all 0.2s;\n white-space: nowrap;\n }\n .btn-primary:hover { background: var(--cyan2); box-shadow: 0 0 20px rgba(0,170,238,0.4); }\n .btn-ghost {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.1em;\n text-transform: uppercase;\n border: 1px solid rgba(255,255,255,0.35); color: #fff;\n padding: 0.85rem 2rem; text-decoration: none;\n transition: all 0.2s; white-space: nowrap;\n }\n .btn-ghost:hover { border-color: var(--cyan); color: var(--cyan); }\n .hero-scroll {\n position: absolute; bottom: 2.5rem; right: 4rem; z-index: 1;\n display: flex; flex-direction: column; align-items: center; gap: 0.5rem;\n color: rgba(255,255,255,0.35);\n font-family: 'Space Mono', monospace;\n font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase;\n }\n .hero-scroll-line {\n width: 1px; height: 48px;\n background: linear-gradient(to bottom, var(--cyan), transparent);\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SECTION SHARED \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .section-label {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.2em;\n text-transform: uppercase; color: var(--cyan);\n margin-bottom: 1rem; display: block;\n }\n .section-label.dark { color: var(--cyan); }\n .section-label.on-white { color: var(--blue); }\n\n .big-heading {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; font-style: italic;\n font-size: clamp(2.5rem, 5vw, 4.5rem);\n line-height: 0.95; letter-spacing: -0.01em;\n color: var(--navy);\n }\n .big-heading.light { color: #fff; }\n .big-heading span { color: var(--cyan); }\n\n .body-text {\n font-size: 1.1rem; line-height: 1.75;\n color: var(--muted); font-weight: 400;\n }\n .body-text.light { color: rgba(255,255,255,0.7); }\n .body-text strong { color: var(--text); font-weight: 600; }\n .body-text.light strong { color: #fff; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .category-strip {\n background: var(--navy);\n padding: 1.25rem 4rem;\n display: flex; gap: 3rem; align-items: center;\n border-bottom: 1px solid rgba(0,170,238,0.1);\n }\n .category-strip span {\n font-family: 'Space Mono', monospace;\n font-size: 0.7rem; letter-spacing: 0.14em;\n text-transform: uppercase; color: rgba(255,255,255,0.45);\n display: flex; align-items: center; gap: 0.6rem;\n }\n .category-strip span::before {\n content: '';\n width: 5px; height: 5px; border-radius: 50%;\n background: var(--cyan); box-shadow: 0 0 6px var(--cyan);\n flex-shrink: 0;\n }\n .category-strip span strong { color: rgba(255,255,255,0.85); font-weight: 500; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 INTRO SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .intro-section {\n padding: 6rem 4rem;\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 6rem; align-items: center;\n }\n .intro-section .intro-text h2 { margin-bottom: 1.5rem; }\n .intro-section .intro-text p { margin-bottom: 1.5rem; }\n .intro-visual {\n position: relative; height: 420px; overflow: hidden;\n }\n .intro-visual img {\n width: 100%; height: 100%; object-fit: cover;\n }\n .intro-visual::before {\n content: '';\n position: absolute; inset: 0; z-index: 1;\n background: linear-gradient(135deg, rgba(0,38,119,0.15) 0%, transparent 60%);\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 DARK FEATURE BLOCK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .dark-block {\n background: var(--navy);\n padding: 6rem 4rem;\n }\n .dark-block-inner {\n max-width: 1400px; margin: 0 auto;\n }\n .dark-block-header {\n margin-bottom: 3.5rem;\n }\n .feature-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: rgba(255,255,255,0.06);\n }\n .feature-card {\n padding: 2.5rem;\n background: var(--navy);\n }\n .feature-card:nth-child(-n+3) { }\n .feature-card:nth-child(3n) { }\n .feature-card-icon {\n width: 36px; height: 2px;\n background: var(--cyan); margin-bottom: 1.5rem;\n }\n .feature-card h3 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700; font-size: 1.4rem;\n letter-spacing: 0.01em; color: #fff;\n margin-bottom: 0.75rem;\n }\n .feature-card p { font-size: 0.98rem; color: rgba(255,255,255,0.55); line-height: 1.7; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 ALTERNATING ROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .alt-row {\n display: grid; grid-template-columns: 1fr 1fr;\n min-height: 520px;\n }\n .alt-row.reverse { direction: rtl; }\n .alt-row.reverse > * { direction: ltr; }\n .alt-image {\n position: relative; overflow: hidden;\n }\n .alt-image img {\n width: 100%; height: 100%;\n object-fit: cover; display: block;\n transition: transform 0.6s ease;\n }\n .alt-row:hover .alt-image img { transform: scale(1.03); }\n .alt-text {\n padding: 5rem;\n display: flex; flex-direction: column; justify-content: center;\n background: var(--white);\n }\n .alt-text.navy-bg { background: var(--navy); }\n .alt-text.light-bg { background: var(--light); }\n .alt-text h2 { margin-bottom: 1.25rem; }\n .alt-text p { margin-bottom: 1.5rem; }\n .alt-text .big-heading { font-size: clamp(2rem, 3.5vw, 3.25rem); }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 PROBLEM SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #problem { background: var(--light); }\n .problem-header {\n padding: 5rem 4rem 3rem;\n max-width: 1400px; margin: 0 auto;\n text-align: center;\n }\n .problem-header .big-heading { color: var(--navy); margin-bottom: 1.25rem; }\n .problem-header .big-heading em { font-style: normal; color: var(--red); }\n .problem-header .body-text { max-width: 640px; margin: 0 auto; }\n\n .problem-cards {\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(3,1fr);\n gap: 1.5rem; padding: 0 4rem 3rem;\n }\n .prob-card {\n background: var(--white);\n border-top: 3px solid var(--red);\n padding: 2.25rem;\n box-shadow: 0 2px 16px rgba(0,0,0,0.06);\n }\n .prob-num {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 3.5rem; font-weight: 800;\n color: rgba(239,68,68,0.08); line-height: 1;\n margin-bottom: 0.25rem;\n }\n .prob-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700; font-size: 1.3rem;\n color: #c0160a; margin-bottom: 0.75rem; letter-spacing: 0.02em;\n }\n .prob-text { font-size: 1rem; color: var(--muted); line-height: 1.7; }\n\n .legacy-compare {\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 1.5rem; padding: 0 4rem 3.5rem;\n }\n .legacy-card {\n background: var(--white);\n border: 1px solid #e2e8f0;\n border-top: 3px solid var(--red);\n padding: 2.25rem;\n }\n .legacy-tag {\n font-family: 'Space Mono', monospace;\n font-size: 0.65rem; letter-spacing: 0.14em;\n text-transform: uppercase; color: var(--red);\n background: rgba(239,68,68,0.07);\n padding: 0.28rem 0.7rem; display: inline-block;\n margin-bottom: 1rem; border: 1px solid rgba(239,68,68,0.15);\n }\n .legacy-card h4 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700; font-size: 1.4rem;\n color: #c0160a; margin-bottom: 1rem;\n }\n .legacy-card ul { list-style: none; display: flex; flex-direction: column; gap: 0.5rem; }\n .legacy-card ul li {\n font-size: 1rem; color: var(--muted);\n padding-left: 1.25rem; position: relative;\n }\n .legacy-card ul li::before { content: '\u2014'; position: absolute; left: 0; color: #f87171; }\n\n .problem-cta-bar {\n background: var(--navy);\n padding: 3rem 4rem;\n text-align: center;\n }\n .problem-cta-bar p {\n font-family: 'Barlow Condensed', sans-serif;\n font-style: italic; font-weight: 700;\n font-size: clamp(1.5rem, 3vw, 2.5rem);\n color: rgba(255,255,255,0.55);\n letter-spacing: -0.01em;\n }\n .problem-cta-bar p span { color: #fff; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SOLUTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #solution { background: var(--white); }\n\n .solution-header {\n padding: 6rem 4rem 4rem;\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 5rem; align-items: center;\n }\n .solution-header h2 { margin-bottom: 1.25rem; }\n .solution-header p { font-size: 1.1rem; color: var(--muted); line-height: 1.75; }\n\n .pills-row {\n max-width: 1400px; margin: 0 auto;\n padding: 0 4rem 3.5rem;\n display: flex; flex-wrap: wrap; gap: 0.6rem;\n }\n .pill {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.06em;\n padding: 0.5rem 1.1rem;\n border: 1px solid #cbd5e0; color: var(--blue);\n background: var(--light); white-space: nowrap;\n transition: all 0.2s;\n }\n .pill:hover { border-color: var(--cyan); color: var(--cyan); background: #f0fbff; }\n\n .sol-cards-dark {\n background: var(--navy2);\n padding: 5rem 4rem;\n }\n .sol-cards-inner {\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(3,1fr);\n gap: 1.5rem;\n }\n .sol-card {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(0,170,238,0.12);\n padding: 2.5rem;\n transition: border-color 0.25s, transform 0.25s;\n }\n .sol-card:hover { border-color: var(--cyan); transform: translateY(-3px); }\n .sol-card-bar {\n height: 3px; width: 40px;\n margin-bottom: 1.5rem;\n }\n .sol-card-bar.speed { background: var(--cyan); }\n .sol-card-bar.efficiency { background: #34d399; }\n .sol-card-bar.scale { background: #a78bfa; }\n .sol-card h3 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700; font-size: 1.6rem;\n color: #fff; margin-bottom: 0.75rem;\n letter-spacing: 0.02em;\n }\n .sol-card p { font-size: 1rem; color: rgba(255,255,255,0.55); line-height: 1.7; margin-bottom: 1.25rem; }\n .sol-card ul { list-style: none; }\n .sol-card ul li {\n font-size: 0.95rem; color: rgba(255,255,255,0.45);\n padding: 0.35rem 0 0.35rem 1rem; position: relative;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n .sol-card ul li:last-child { border-bottom: none; }\n .sol-card ul li::before {\n content: ''; position: absolute; left: 0; top: 50%;\n transform: translateY(-50%);\n width: 4px; height: 4px; border-radius: 50%; background: var(--cyan);\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 KOPIN PARTNERSHIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .kopin-section {\n background: var(--light);\n padding: 6rem 4rem;\n }\n .kopin-inner {\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 5rem; align-items: center;\n }\n .kopin-left h2 { margin-bottom: 1.25rem; }\n .kopin-left p { font-size: 1.05rem; color: var(--muted); line-height: 1.8; margin-bottom: 1.5rem; }\n .kopin-quote-block {\n background: var(--white);\n border-left: 4px solid var(--cyan);\n padding: 2rem 2.5rem;\n box-shadow: 0 4px 24px rgba(0,0,0,0.06);\n }\n .kopin-quote-block blockquote {\n font-size: 1.05rem; color: var(--muted); line-height: 1.75;\n font-style: italic; margin-bottom: 1rem;\n }\n .kopin-quote-block cite {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; color: var(--cyan);\n font-style: normal; letter-spacing: 0.06em;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COMPARE TABLE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .compare-wrap {\n background: var(--white);\n padding: 5rem 4rem;\n }\n .compare-inner {\n max-width: 1100px; margin: 0 auto;\n }\n .compare-header { text-align: center; margin-bottom: 2.5rem; }\n .compare-header h2 { margin-bottom: 0.5rem; }\n .compare-table {\n width: 100%; border-collapse: collapse;\n border: 1px solid var(--border);\n }\n .compare-table thead tr {\n background: var(--navy);\n }\n .compare-table th {\n font-family: 'Space Mono', monospace;\n font-size: 0.78rem; letter-spacing: 0.12em;\n text-transform: uppercase; padding: 1.1rem 1.5rem;\n text-align: left; font-weight: 700;\n }\n .compare-table th:first-child { color: rgba(255,255,255,0.45); }\n .compare-table th:nth-child(2) { color: #f87171; }\n .compare-table th:nth-child(3) { color: var(--cyan); }\n .compare-table tbody tr:nth-child(odd) { background: var(--light); }\n .compare-table tbody tr:nth-child(even) { background: var(--white); }\n .compare-table tbody tr { border-bottom: 1px solid var(--border); }\n .compare-table td { padding: 1.1rem 1.5rem; font-size: 1rem; }\n .compare-table .metric {\n font-family: 'Space Mono', monospace;\n font-size: 0.82rem; color: var(--muted);\n }\n .compare-table .bad { color: var(--red); font-weight: 500; }\n .compare-table .good { color: #0284c7; font-weight: 500; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 DIAGRAM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .diagram-wrap {\n background: var(--navy2);\n padding: 5rem 4rem;\n }\n .diagram-inner {\n max-width: 1300px; margin: 0 auto;\n border: 1px solid rgba(0,170,238,0.12);\n padding: 3rem;\n }\n .diagram-label {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.18em;\n text-transform: uppercase; color: var(--cyan);\n text-align: center; margin-bottom: 2rem;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 WHO ARE WE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #who { background: var(--white); }\n .who-header {\n padding: 6rem 4rem 4rem;\n max-width: 1400px; margin: 0 auto;\n text-align: center;\n }\n .who-header h2 { margin-bottom: 1.25rem; }\n .who-header p { font-size: 1.1rem; color: var(--muted); max-width: 620px; margin: 0 auto; line-height: 1.75; }\n .values-grid {\n max-width: 1400px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(2,1fr);\n padding: 0 4rem 6rem;\n border-top: 1px solid var(--border);\n }\n .value-card {\n padding: 2.5rem;\n border-right: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n .value-card:nth-child(2n) { border-right: none; }\n .value-card:nth-child(3), .value-card:nth-child(4) { border-bottom: none; }\n .value-card-bar {\n width: 32px; height: 3px; background: var(--cyan);\n margin-bottom: 1.25rem;\n }\n .value-card h4 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700; font-size: 1.3rem;\n color: var(--navy); margin-bottom: 0.6rem;\n letter-spacing: 0.02em;\n }\n .value-card p { font-size: 1rem; color: var(--muted); line-height: 1.7; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 INVESTORS \/ CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #investors {\n background: var(--navy);\n padding: 6rem 4rem;\n text-align: center;\n position: relative; overflow: hidden;\n }\n #investors::before {\n content: '';\n position: absolute; inset: 0;\n background: url('https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?w=1600&q=70&auto=format&fit=crop') center\/cover no-repeat;\n opacity: 0.07;\n }\n .investors-inner { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; }\n #investors .section-label { justify-content: center; margin-bottom: 1.25rem; }\n #investors h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800; font-style: italic;\n font-size: clamp(2.5rem, 5vw, 5rem);\n line-height: 0.95; color: #fff;\n margin-bottom: 1.5rem; letter-spacing: -0.01em;\n }\n #investors h2 span { color: var(--cyan); }\n #investors p {\n font-size: 1.1rem; color: rgba(255,255,255,0.6);\n line-height: 1.75; max-width: 560px; margin: 0 auto 2.5rem;\n }\n .trust-row {\n display: flex; justify-content: center; align-items: center;\n gap: 2rem; margin-top: 3.5rem; flex-wrap: wrap;\n }\n .trust-item {\n font-family: 'Space Mono', monospace;\n font-size: 0.68rem; letter-spacing: 0.14em;\n text-transform: uppercase; color: rgba(255,255,255,0.35);\n }\n .trust-sep { width: 1px; height: 18px; background: rgba(255,255,255,0.12); }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 PRESS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n #press {\n background: var(--light);\n padding: 5rem 4rem;\n border-top: 1px solid var(--border);\n }\n .press-inner { max-width: 1400px; margin: 0 auto; }\n #press .section-label { margin-bottom: 2rem; }\n .press-card {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 3rem;\n align-items: center;\n background: var(--white);\n border: 1px solid var(--border);\n border-left: 4px solid var(--cyan);\n padding: 2.5rem 3rem;\n box-shadow: 0 2px 16px rgba(0,0,0,0.05);\n }\n .press-date {\n font-family: 'Space Mono', monospace;\n font-size: 0.68rem; letter-spacing: 0.14em;\n text-transform: uppercase; color: var(--cyan);\n display: block; margin-bottom: 0.85rem;\n }\n .press-title {\n font-family: 'Barlow', sans-serif;\n font-weight: 600; font-size: 1.15rem;\n color: var(--navy); line-height: 1.5;\n }\n .press-cta {\n display: inline-flex; align-items: center; gap: 0.6rem;\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--white); background: var(--navy);\n padding: 0.85rem 1.6rem;\n text-decoration: none; white-space: nowrap;\n transition: background 0.2s, box-shadow 0.2s;\n flex-shrink: 0;\n }\n .press-cta:hover {\n background: var(--blue);\n box-shadow: 0 4px 20px rgba(0,38,119,0.25);\n }\n .press-cta svg { flex-shrink: 0; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n footer {\n background: #020a14;\n padding: 2.5rem 4rem;\n display: flex; align-items: center; justify-content: space-between;\n gap: 2rem;\n border-top: 1px solid rgba(0,170,238,0.1);\n }\n .footer-logo { flex-shrink: 0; display: flex; align-items: center; }\n .footer-logo img {\n height: 44px; width: auto; max-width: 180px;\n object-fit: contain; opacity: 0.65; display: block;\n }\n .footer-links { display: flex; gap: 2rem; flex-wrap: wrap; }\n .footer-links a {\n font-family: 'Space Mono', monospace;\n font-size: 0.72rem; letter-spacing: 0.1em;\n text-transform: uppercase; color: rgba(255,255,255,0.28);\n text-decoration: none; transition: color 0.2s; white-space: nowrap;\n }\n .footer-links a:hover { color: var(--cyan); }\n .footer-copy {\n font-family: 'Space Mono', monospace;\n font-size: 0.7rem; letter-spacing: 0.06em;\n color: rgba(255,255,255,0.18); white-space: nowrap; flex-shrink: 0;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .reveal {\n opacity: 0; transform: translateY(28px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal.visible { opacity: 1; transform: none; }\n .reveal-left {\n opacity: 0; transform: translateX(-30px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal-left.visible { opacity: 1; transform: none; }\n .reveal-right {\n opacity: 0; transform: translateX(30px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal-right.visible { opacity: 1; transform: none; }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n @media (max-width: 1100px) {\n .intro-section, .solution-header, .kopin-inner { grid-template-columns: 1fr; gap: 3rem; }\n .sol-cards-inner { grid-template-columns: repeat(2,1fr); }\n .feature-grid { grid-template-columns: repeat(2,1fr); }\n }\n\n @media (max-width: 860px) {\n \/* Nav *\/\n nav { padding: 0 1.25rem; height: 70px; }\n nav ul { display: none; }\n .nav-logo img { height: 52px; }\n .nav-cta { font-size: 0.7rem; padding: 0.6rem 1rem; }\n\n \/* Hero *\/\n #hero { padding: 8rem 1.5rem 4rem; flex-direction: column; justify-content: flex-end; gap: 2rem; }\n .hero-right { align-items: flex-start; flex-direction: row; align-items: center; gap: 1rem; }\n .hero-logo-large { display: none; }\n .hero-headline { font-size: clamp(2.8rem, 10vw, 5rem); }\n .hero-sub { font-size: 1rem; }\n .hero-eyebrow { margin-top: 0; }\n\n \/* Strip *\/\n .category-strip { padding: 1rem 1.5rem; gap: 1rem; flex-direction: column; }\n .category-strip span { font-size: 0.68rem; }\n\n \/* Global section padding *\/\n .problem-header, .problem-cards, .legacy-compare, .problem-cta-bar,\n .solution-header, .pills-row, .sol-cards-dark, .kopin-section,\n .compare-wrap, .diagram-wrap, .who-header, .values-grid, #investors {\n padding-left: 1.25rem; padding-right: 1.25rem;\n }\n\n \/* Problem *\/\n .problem-cards, .legacy-compare { grid-template-columns: 1fr; }\n .problem-header { padding: 3rem 1.25rem 2rem; }\n .problem-cta-bar { padding: 2rem 1.25rem; }\n\n \/* Solution *\/\n .sol-cards-inner, .feature-grid { grid-template-columns: 1fr; }\n .sol-cards-dark { padding: 3rem 1.25rem; }\n .solution-header { padding: 3rem 1.25rem 2rem; gap: 2rem; }\n .pills-row { padding: 0 1.25rem 2rem; }\n\n \/* Kopin *\/\n .kopin-inner { grid-template-columns: 1fr; gap: 2rem; }\n .kopin-section { padding: 3rem 1.25rem; }\n\n \/* Compare table \u2014 scrollable, centered *\/\n .compare-wrap { padding: 3rem 0; }\n .compare-inner {\n max-width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n padding: 0 1.25rem;\n }\n .compare-inner .compare-header { padding: 0 1.25rem; }\n .compare-table { min-width: 560px; font-size: 0.88rem; }\n .compare-table th { padding: 0.8rem 1rem; font-size: 0.68rem; }\n .compare-table td { padding: 0.8rem 1rem; font-size: 0.88rem; }\n .compare-table .metric { font-size: 0.72rem; }\n\n \/* Diagram \u2014 bigger on mobile, scrollable *\/\n .diagram-wrap { padding: 3rem 0; }\n .diagram-inner {\n max-width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n padding: 2rem 1.25rem;\n border: none;\n }\n .diagram-label { font-size: 0.68rem; margin-bottom: 1.5rem; padding: 0 1.25rem; }\n .dc-diagram { min-width: 700px; width: 100%; }\n\n \/* Who *\/\n .who-header { padding: 3rem 1.25rem 2rem; }\n .values-grid { grid-template-columns: 1fr; padding: 0 1.25rem 3rem; }\n .value-card { border-right: none; }\n .value-card:nth-child(n) { border-bottom: 1px solid var(--border); }\n .value-card:last-child { border-bottom: none; }\n\n \/* Investors *\/\n #investors { padding: 4rem 1.25rem; }\n\n \/* Alt rows *\/\n .alt-row { grid-template-columns: 1fr; }\n .alt-image { height: 260px; }\n .alt-text { padding: 2.5rem 1.5rem; }\n\n \/* Press *\/\n #press { padding: 3rem 1.25rem; }\n .press-card { grid-template-columns: 1fr; gap: 1.5rem; padding: 1.75rem; }\n .press-cta { width: 100%; justify-content: center; }\n\n \/* Footer *\/\n footer { flex-direction: column; gap: 1.5rem; text-align: center; padding: 2rem 1.5rem; }\n .footer-logo img { height: 36px; }\n .footer-links { flex-wrap: wrap; justify-content: center; gap: 1rem; }\n }\n\n @media (max-width: 480px) {\n .hero-headline { font-size: clamp(2.4rem, 11vw, 3.5rem); }\n .big-heading { font-size: clamp(2rem, 9vw, 3rem); }\n .hero-buttons { flex-direction: column; align-items: flex-start; }\n .btn-primary, .btn-ghost { width: 100%; text-align: center; padding: 1rem; }\n .nav-cta { display: none; }\n .sol-cards-inner { grid-template-columns: 1fr; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/fabricai.com\/wp-content\/uploads\/2026\/04\/Fabric-AI-white.png\" alt=\"Fabric.AI\"><\/div>\n <ul>\n <li><a href=\"#problem\">The Problem<\/a><\/li>\n <li><a href=\"#solution\">The Solution<\/a><\/li>\n <li><a href=\"#who\">Who Are We<\/a><\/li>\n <li><a href=\"#investors\">Investors<\/a><\/li>\n <li><a href=\"#press\">News<\/a><\/li>\n <\/ul>\n <a href=\"mailto:ir@fabricai.com\" class=\"nav-cta\">Get In Touch<\/a>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"hero-photo\"><\/div>\n <div class=\"hero-content\">\n <span class=\"hero-eyebrow\">Connecting the infrastructure of intelligence<\/span>\n <h1 class=\"hero-headline\">\n INTELLIGENCE<br>\n <span>BEYOND THE<\/span><br>\n BOTTLENECK\n <\/h1>\n <p class=\"hero-sub\">AI is no longer just software \u2014 it's an <strong>industrial process<\/strong>. Fabric.AI introduces MicroLED-based optical interconnects as the first in a broader suite of fabless semiconductor technologies designed specifically for AI workloads \u2014 not retrofitted from general-purpose systems. We are building the technologies that power AI factories: smart data centers optimized for continuously producing intelligence at scale.<\/p>\n <div class=\"hero-buttons\">\n <a href=\"#solution\" class=\"btn-primary\">The Solution<\/a>\n <a href=\"#problem\" class=\"btn-ghost\">The Problem<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <img decoding=\"async\"\n src=\"https:\/\/fabricai.com\/wp-content\/uploads\/2026\/04\/Fabric-AI-white.png\"\n alt=\"Fabric.AI\"\n class=\"hero-logo-large\"\n >\n <a\n href=\"https:\/\/finance.yahoo.com\/quote\/SBLX\/?guccounter=1&guce_referrer=aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS8&guce_referrer_sig=AQAAABpqjw9PITUcxnVrIHTUzIaLjrjHf8Sb6QXcuINqlUB-9aIXTnGwG0OFK0pEPFBRbIkZoqrzUTZNkOzAWzkIF1O6s97y4OCE968FP_mKKI9SGS5PdcBUSBBi5GrIa-BeyB0HkWdEFassZOgWzzmhAtcM2WN2iKPEGhadERJrJy4I\"\n target=\"_blank\"\n rel=\"noopener\"\n class=\"ticker-badge\"\n >\n <span class=\"ticker-dot\"><\/span>\n <span class=\"ticker-label\">NYSE \u00b7 Live<\/span>\n <span class=\"ticker-value\">SBLX<\/span>\n <\/a>\n <\/div>\n\n <div class=\"hero-scroll\">\n <div class=\"hero-scroll-line\"><\/div>\n Scroll\n <\/div>\n<\/section>\n\n\n<div class=\"category-strip\">\n <span><strong>MicroLED Optical Interconnects<\/strong> \u2014 Light replaces copper<\/span>\n <span><strong>AI Factory Infrastructure<\/strong> \u2014 Built for continuous intelligence<\/span>\n <span><strong>Fabless Semiconductor<\/strong> \u2014 In collaboration with Kopin (KOPN)<\/span>\n<\/div>\n\n\n<section id=\"problem\">\n <div class=\"problem-header reveal\">\n <span class=\"section-label\">The Problem<\/span>\n <h2 class=\"big-heading\" style=\"margin-bottom:1.25rem;\">AI BROKE THE <em style=\"font-style:normal;color:var(--red);\">DATA CENTER<\/em><\/h2>\n <p class=\"body-text\" style=\"max-width:640px;margin:0 auto;\">Traditional data centers were designed for general-purpose computing. They were never built to handle the massive data movement, coordination, and efficiency demands of modern AI workloads.<\/p>\n <\/div>\n <div class=\"problem-cards reveal\">\n <div class=\"prob-card\">\n <div class=\"prob-num\">01<\/div>\n <div class=\"prob-title\">Massive Parallelism<\/div>\n <p class=\"prob-text\">Modern AI models require thousands of accelerators exchanging data simultaneously. Existing electrical interconnects degrade, overheat, and bottleneck at scale \u2014 they were never designed for this.<\/p>\n <\/div>\n <div class=\"prob-card\">\n <div class=\"prob-num\">02<\/div>\n <div class=\"prob-title\">Continuous Data Flow<\/div>\n <p class=\"prob-text\">AI factories require ongoing production loops \u2014 training, refining, generating \u2014 without interruption. Any latency or bandwidth constraint cascades into degraded model performance and efficiency loss.<\/p>\n <\/div>\n <div class=\"prob-card\">\n <div class=\"prob-num\">03<\/div>\n <div class=\"prob-title\">Power & Thermal Crisis<\/div>\n <p class=\"prob-text\">AI racks now hit 50\u2013140 kW. U.S. data centers face a 49 GW shortfall by 2028. Copper interconnects generate resistive heat and consume power even when idle \u2014 compounding the crisis.<\/p>\n <\/div>\n <\/div>\n <div class=\"legacy-compare reveal\">\n <div class=\"legacy-card\">\n <span class=\"legacy-tag\">Legacy<\/span>\n <h4>Copper Interconnects<\/h4>\n <ul>\n <li>Signal degrades over distance<\/li>\n <li>Bandwidth ceiling hits fast at AI scale<\/li>\n <li>High resistive heat generation<\/li>\n <li>Power inefficiency rises with density<\/li>\n <li>Cannot scale beyond the rack economically<\/li>\n <\/ul>\n <\/div>\n <div class=\"legacy-card\">\n <span class=\"legacy-tag\">Incumbent<\/span>\n <h4>Traditional Laser Optics<\/h4>\n <ul>\n <li>Difficult and expensive to manufacture at volume<\/li>\n <li>Significant thermal management challenges<\/li>\n <li>Complex, costly packaging requirements<\/li>\n <li>Limited density per module<\/li>\n <li>Reliability constraints at hyperscale<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"problem-cta-bar\">\n <p>The bottleneck is no longer compute. <span>It's the fabric that connects it.<\/span><\/p>\n <\/div>\n<\/section>\n\n\n\n\n<section id=\"solution\">\n <div class=\"solution-header\">\n <div class=\"reveal-left\">\n <span class=\"section-label on-white\">The Solution<\/span>\n <h2 class=\"big-heading\" style=\"margin-bottom:1.25rem;\">A NEW CLASS OF<br><span>SEMICONDUCTOR<\/span><br>TECHNOLOGY<\/h2>\n <\/div>\n <div class=\"reveal-right\">\n <p style=\"font-size:1.15rem;color:var(--muted);line-height:1.8;\">Fabric.AI introduces MicroLED-based optical interconnects as the first in a broader suite of fabless semiconductor technologies designed specifically for AI workloads \u2014 not retrofitted from general-purpose systems.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"pills-row reveal\">\n <span class=\"pill\">Light-speed signaling<\/span>\n <span class=\"pill\">Ultra-low latency<\/span>\n <span class=\"pill\">Massive bandwidth density<\/span>\n <span class=\"pill\">Energy-efficient at scale<\/span>\n <span class=\"pill\">AI-factory native<\/span>\n <\/div>\n\n <div class=\"sol-cards-dark\">\n <div class=\"sol-cards-inner reveal\">\n <div class=\"sol-card\">\n <div class=\"sol-card-bar speed\"><\/div>\n <h3>Speed<\/h3>\n <p>Photons instead of electrons \u2014 ultra-high-bandwidth, low-latency communication at the speeds AI factories demand. GPU-to-GPU at Tbps with sub-nanosecond latency.<\/p>\n <ul>\n <li>Eliminate interconnect bottlenecks between GPUs<\/li>\n <li>Enable real-time distributed AI workloads<\/li>\n <\/ul>\n <\/div>\n <div class=\"sol-card\">\n <div class=\"sol-card-bar efficiency\"><\/div>\n <h3>Efficiency<\/h3>\n <p>Significantly lower power per bit transmitted \u2014 improving data center economics while addressing the power crisis that's blocking AI infrastructure growth globally.<\/p>\n <ul>\n <li>Reduce thermal load and cooling demands across racks<\/li>\n <li>Improve overall data center PUE at scale<\/li>\n <\/ul>\n <\/div>\n <div class=\"sol-card\">\n <div class=\"sol-card-bar scale\"><\/div>\n <h3>Scale<\/h3>\n <p>Designed for AI factories \u2014 not just racks. A cohesive system that tightly couples compute, communication, and coordination at hyperscale. Foundation for the full semiconductor suite.<\/p>\n <ul>\n <li>Scalable, high-density interconnect architectures<\/li>\n <li>Foundation for a broader AI semiconductor suite<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"kopin-section\">\n <div class=\"kopin-inner\">\n <div class=\"reveal-left\">\n <span class=\"section-label on-white\">Strategic Collaboration<\/span>\n <h2 class=\"big-heading\" style=\"margin-bottom:1.25rem;\">BUILT WITH<br><span>KOPIN CORPORATION<\/span><\/h2>\n <p class=\"body-text\" style=\"margin-bottom:1.5rem;\">Fabric.AI's interconnect technology is developed in close collaboration with Kopin Corporation (KOPN), combining Fabric.AI's system-level semiconductor design with Kopin's deep expertise in MicroLED materials, process development, and fabrication.<\/p>\n <p class=\"body-text\">Both companies jointly develop and share the intellectual property created through the partnership \u2014 establishing a defensible technology position in AI infrastructure that will define the next era of data center connectivity.<\/p>\n <\/div>\n <div class=\"reveal-right\">\n <div class=\"kopin-quote-block\">\n <blockquote>\"MicroLED technology represents a powerful new frontier beyond displays. Our collaboration with Fabric.AI extends the reach of our technology into AI infrastructure, enabling a new class of interconnect solutions designed for scale, efficiency, and performance.\"<\/blockquote>\n <cite>Michael Murray \u2014 CEO, Kopin Corporation<\/cite>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"compare-wrap\">\n <div class=\"compare-inner\">\n <div class=\"compare-header reveal\">\n <span class=\"section-label on-white\" style=\"display:block;text-align:center;margin-bottom:0.75rem;\">Performance Comparison<\/span>\n <h2 class=\"big-heading\" style=\"font-size:clamp(2rem,3.5vw,3rem);\">MicroLED <span>vs.<\/span> Legacy Technologies<\/h2>\n <\/div>\n <table class=\"compare-table reveal\">\n <thead>\n <tr>\n <th>Metric<\/th>\n <th>Copper<\/th>\n <th>MicroLED Optical<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr><td class=\"metric\">Power per bit<\/td><td class=\"bad\">Rises sharply with scale<\/td><td class=\"good\">Significantly lower \u2014 stays low<\/td><\/tr>\n <tr><td class=\"metric\">Heat generation<\/td><td class=\"bad\">High \u2014 resistive thermal ceiling<\/td><td class=\"good\">Low \u2014 no resistive losses<\/td><\/tr>\n <tr><td class=\"metric\">Bandwidth scaling<\/td><td class=\"bad\">Limited by physics<\/td><td class=\"good\">Scalable linearly<\/td><\/tr>\n <tr><td class=\"metric\">Density<\/td><td class=\"bad\">Constrained by signal degradation<\/td><td class=\"good\">Massive \u2014 optical channels<\/td><\/tr>\n <tr><td class=\"metric\">Latency<\/td><td class=\"bad\">Increases with distance<\/td><td class=\"good\">Consistent, ultra-low<\/td><\/tr>\n <tr><td class=\"metric\">AI factory fit<\/td><td class=\"bad\">Retrofitted \u2014 not purpose-built<\/td><td class=\"good\">Designed from the ground up<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n<\/div>\n\n\n<div class=\"diagram-wrap\">\n <div class=\"diagram-inner reveal\">\n <p class=\"diagram-label\">\/\/ Fabric.AI \u2014 AI Factory Interconnect Architecture<\/p>\n <svg class=\"dc-diagram\" viewBox=\"0 0 900 380\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" font-family=\"Space Mono, monospace\" style=\"width:100%; min-width:700px;\">\n <defs>\n <filter id=\"glow2\"><feGaussianBlur stdDeviation=\"3\" result=\"b\"\/><feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\n <marker id=\"arr2\" markerWidth=\"6\" markerHeight=\"6\" refX=\"3\" refY=\"3\" orient=\"auto\">\n <path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#00aaee\" opacity=\"0.9\"\/>\n <\/marker>\n <\/defs>\n <text x=\"60\" y=\"30\" fill=\"#4a6080\" font-size=\"9\" letter-spacing=\"2\">GPU CLUSTER A<\/text>\n <rect x=\"40\" y=\"42\" width=\"100\" height=\"48\" fill=\"none\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"90\" y=\"67\" fill=\"#c8d8f0\" font-size=\"9\" text-anchor=\"middle\">GPU\u00d78<\/text>\n <text x=\"90\" y=\"81\" fill=\"#4a6080\" font-size=\"7\" text-anchor=\"middle\">H100 \/ A100<\/text>\n <rect x=\"40\" y=\"100\" width=\"100\" height=\"48\" fill=\"none\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"90\" y=\"125\" fill=\"#c8d8f0\" font-size=\"9\" text-anchor=\"middle\">GPU\u00d78<\/text>\n <text x=\"90\" y=\"139\" fill=\"#4a6080\" font-size=\"7\" text-anchor=\"middle\">H100 \/ A100<\/text>\n <rect x=\"40\" y=\"158\" width=\"100\" height=\"48\" fill=\"none\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"90\" y=\"183\" fill=\"#c8d8f0\" font-size=\"9\" text-anchor=\"middle\">GPU\u00d78<\/text>\n <text x=\"90\" y=\"197\" fill=\"#4a6080\" font-size=\"7\" text-anchor=\"middle\">H100 \/ A100<\/text>\n <g filter=\"url(#glow2)\">\n <rect x=\"200\" y=\"65\" width=\"130\" height=\"180\" fill=\"rgba(0,170,238,0.05)\" stroke=\"#00aaee\" stroke-width=\"1.5\"\/>\n <text x=\"265\" y=\"140\" fill=\"#00aaee\" font-size=\"10\" text-anchor=\"middle\" letter-spacing=\"1\">MicroLED<\/text>\n <text x=\"265\" y=\"157\" fill=\"#00aaee\" font-size=\"10\" text-anchor=\"middle\" letter-spacing=\"1\">FABRIC NODE<\/text>\n <text x=\"265\" y=\"177\" fill=\"#3b82f6\" font-size=\"8\" text-anchor=\"middle\">Tbps bandwidth<\/text>\n <text x=\"265\" y=\"192\" fill=\"#3b82f6\" font-size=\"8\" text-anchor=\"middle\">sub-ns latency<\/text>\n <\/g>\n <rect x=\"380\" y=\"50\" width=\"140\" height=\"230\" fill=\"rgba(0,38,119,0.15)\" stroke=\"#002677\" stroke-width=\"2\" stroke-dasharray=\"6 3\"\/>\n <text x=\"450\" y=\"88\" fill=\"#6699cc\" font-size=\"11\" text-anchor=\"middle\" letter-spacing=\"1\">SPINE FABRIC<\/text>\n <text x=\"450\" y=\"110\" fill=\"#4a6080\" font-size=\"8\" text-anchor=\"middle\">Central optical<\/text>\n <text x=\"450\" y=\"125\" fill=\"#4a6080\" font-size=\"8\" text-anchor=\"middle\">switching layer<\/text>\n <rect x=\"400\" y=\"150\" width=\"100\" height=\"28\" fill=\"rgba(0,38,119,0.2)\" stroke=\"#002677\" stroke-width=\"1\"\/>\n <text x=\"450\" y=\"168\" fill=\"#6699cc\" font-size=\"8\" text-anchor=\"middle\">Optical Switch \u00d7N<\/text>\n <rect x=\"400\" y=\"188\" width=\"100\" height=\"28\" fill=\"rgba(0,38,119,0.2)\" stroke=\"#002677\" stroke-width=\"1\"\/>\n <text x=\"450\" y=\"206\" fill=\"#6699cc\" font-size=\"8\" text-anchor=\"middle\">Optical Switch \u00d7N<\/text>\n <rect x=\"400\" y=\"226\" width=\"100\" height=\"28\" fill=\"rgba(0,38,119,0.2)\" stroke=\"#002677\" stroke-width=\"1\"\/>\n <text x=\"450\" y=\"244\" fill=\"#6699cc\" font-size=\"8\" text-anchor=\"middle\">Optical Switch \u00d7N<\/text>\n <g filter=\"url(#glow2)\">\n <rect x=\"570\" y=\"65\" width=\"130\" height=\"180\" fill=\"rgba(0,170,238,0.05)\" stroke=\"#00aaee\" stroke-width=\"1.5\"\/>\n <text x=\"635\" y=\"140\" fill=\"#00aaee\" font-size=\"10\" text-anchor=\"middle\" letter-spacing=\"1\">MicroLED<\/text>\n <text x=\"635\" y=\"157\" fill=\"#00aaee\" font-size=\"10\" text-anchor=\"middle\" letter-spacing=\"1\">FABRIC NODE<\/text>\n <text x=\"635\" y=\"177\" fill=\"#3b82f6\" font-size=\"8\" text-anchor=\"middle\">Tbps bandwidth<\/text>\n <text x=\"635\" y=\"192\" fill=\"#3b82f6\" font-size=\"8\" text-anchor=\"middle\">sub-ns latency<\/text>\n <\/g>\n <text x=\"740\" y=\"30\" fill=\"#4a6080\" font-size=\"9\" letter-spacing=\"2\">GPU CLUSTER B<\/text>\n <rect x=\"760\" y=\"42\" width=\"100\" height=\"48\" fill=\"none\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"810\" y=\"67\" fill=\"#c8d8f0\" font-size=\"9\" text-anchor=\"middle\">GPU\u00d78<\/text>\n <text x=\"810\" y=\"81\" fill=\"#4a6080\" font-size=\"7\" text-anchor=\"middle\">H100 \/ A100<\/text>\n <rect x=\"760\" y=\"100\" width=\"100\" height=\"48\" fill=\"none\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"810\" y=\"125\" fill=\"#c8d8f0\" font-size=\"9\" text-anchor=\"middle\">GPU\u00d78<\/text>\n <text x=\"810\" y=\"139\" fill=\"#4a6080\" font-size=\"7\" text-anchor=\"middle\">H100 \/ A100<\/text>\n <rect x=\"760\" y=\"158\" width=\"100\" height=\"48\" fill=\"none\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"810\" y=\"183\" fill=\"#c8d8f0\" font-size=\"9\" text-anchor=\"middle\">GPU\u00d78<\/text>\n <text x=\"810\" y=\"197\" fill=\"#4a6080\" font-size=\"7\" text-anchor=\"middle\">H100 \/ A100<\/text>\n <line x1=\"140\" y1=\"66\" x2=\"200\" y2=\"120\" stroke=\"#1e4080\" stroke-width=\"1\" opacity=\"0.6\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"140\" y1=\"124\" x2=\"200\" y2=\"152\" stroke=\"#1e4080\" stroke-width=\"1\" opacity=\"0.6\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"140\" y1=\"182\" x2=\"200\" y2=\"184\" stroke=\"#1e4080\" stroke-width=\"1\" opacity=\"0.6\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"330\" y1=\"140\" x2=\"380\" y2=\"176\" stroke=\"#00aaee\" stroke-width=\"2\" opacity=\"0.8\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"330\" y1=\"165\" x2=\"380\" y2=\"213\" stroke=\"#00aaee\" stroke-width=\"2\" opacity=\"0.8\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"520\" y1=\"176\" x2=\"570\" y2=\"140\" stroke=\"#00aaee\" stroke-width=\"2\" opacity=\"0.8\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"520\" y1=\"213\" x2=\"570\" y2=\"165\" stroke=\"#00aaee\" stroke-width=\"2\" opacity=\"0.8\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"700\" y1=\"120\" x2=\"760\" y2=\"66\" stroke=\"#1e4080\" stroke-width=\"1\" opacity=\"0.6\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"700\" y1=\"152\" x2=\"760\" y2=\"124\" stroke=\"#1e4080\" stroke-width=\"1\" opacity=\"0.6\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"700\" y1=\"184\" x2=\"760\" y2=\"182\" stroke=\"#1e4080\" stroke-width=\"1\" opacity=\"0.6\" marker-end=\"url(#arr2)\"\/>\n <line x1=\"340\" y1=\"350\" x2=\"380\" y2=\"350\" stroke=\"#1e4080\" stroke-width=\"1.5\"\/>\n <text x=\"390\" y=\"354\" fill=\"#4a6080\" font-size=\"8\">Electrical (GPU to node)<\/text>\n <line x1=\"530\" y1=\"350\" x2=\"570\" y2=\"350\" stroke=\"#00aaee\" stroke-width=\"2\"\/>\n <text x=\"580\" y=\"354\" fill=\"#4a6080\" font-size=\"8\">MicroLED optical fabric<\/text>\n <\/svg>\n <\/div>\n<\/div>\n\n\n<section id=\"who\">\n <div class=\"who-header reveal\">\n <span class=\"section-label on-white\">Who Are We<\/span>\n <h2 class=\"big-heading\" style=\"margin-bottom:1.25rem;\">BUILT BY THE PEOPLE WHO<br><span>UNDERSTAND THE PROBLEM<\/span><\/h2>\n <p>We are a team of engineers, physicists, and AI infrastructure experts who saw the connectivity wall coming \u2014 and decided to build the way through it. Our mission: transform data centers into unified production systems for artificial intelligence.<\/p>\n <\/div>\n <div class=\"values-grid reveal\">\n <div class=\"value-card\">\n <div class=\"value-card-bar\"><\/div>\n <h4>Deep Tech Founders<\/h4>\n <p>We come from semiconductor, photonics, and AI systems backgrounds. We've built things at scale before \u2014 and understand that the infrastructure layer defines the era.<\/p>\n <\/div>\n <div class=\"value-card\">\n <div class=\"value-card-bar\"><\/div>\n <h4>Infrastructure First<\/h4>\n <p>We believe the companies that define the foundational layers of computing define the future. Fabric.AI is building the semiconductor technologies that sit at that foundation.<\/p>\n <\/div>\n <div class=\"value-card\">\n <div class=\"value-card-bar\"><\/div>\n <h4>AI Factory Vision<\/h4>\n <p>We're not just building interconnects \u2014 we're building the first component of a cohesive suite of fabless semiconductor technologies designed specifically for AI factories.<\/p>\n <\/div>\n <div class=\"value-card\">\n <div class=\"value-card-bar\"><\/div>\n <h4>Long-Term Thinking<\/h4>\n <p>We're not building for the next product cycle. We're building the fabric that will underpin how intelligence is produced at industrial scale for the next decade.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"investors\">\n <div class=\"investors-inner reveal\">\n <span class=\"section-label\">Investors<\/span>\n <h2>PARTNER WITH THE<br><span>FABRIC LAYER<\/span><\/h2>\n <p>Fabric.AI is building foundational semiconductor infrastructure for the AI era \u2014 beginning with MicroLED interconnects and expanding into a broader suite of system-critical technologies. If you're interested in backing the connectivity layer of the next compute paradigm, we'd like to speak with you.<\/p>\n <a href=\"mailto:ir@fabricai.com\" class=\"btn-primary\" style=\"display:inline-block;\">Get In Touch \u2192<\/a>\n <div class=\"trust-row\">\n <span class=\"trust-item\">Deep Tech<\/span>\n <div class=\"trust-sep\"><\/div>\n <span class=\"trust-item\">Fabless Semiconductor<\/span>\n <div class=\"trust-sep\"><\/div>\n <span class=\"trust-item\">MicroLED Photonics<\/span>\n <div class=\"trust-sep\"><\/div>\n <span class=\"trust-item\">AI Infrastructure<\/span>\n <div class=\"trust-sep\"><\/div>\n <span class=\"trust-item\">Kopin Partnership<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"press\">\n <div class=\"press-inner reveal\">\n <span class=\"section-label on-white\">Latest News<\/span>\n <div class=\"press-card\">\n <div class=\"press-card-left\">\n <span class=\"press-date\">April 2026<\/span>\n <h3 class=\"press-title\">Fabric.AI (Nasdaq: SBLX) Launches Breakthrough MicroLED Interconnect Technology as First Step in Building Next-Generation \"AI Factory\" Infrastructure. Partners with Leading MicroLED Developer Kopin Corporation (Nasdaq: KOPN)<\/h3>\n <\/div>\n <div class=\"press-card-right\">\n <a href=\"https:\/\/finance.yahoo.com\/sectors\/technology\/articles\/fabric-ai-nasdaq-sblx-launches-123000877.html\" target=\"_blank\" rel=\"noopener\" class=\"press-cta\">\n Learn More\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M3 8H13M13 8L9 4M13 8L9 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/fabricai.com\/wp-content\/uploads\/2026\/04\/Fabric-AI-white.png\" alt=\"Fabric.AI\">\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#problem\">The Problem<\/a>\n <a href=\"#solution\">The Solution<\/a>\n <a href=\"#who\">Who Are We<\/a>\n <a href=\"#investors\">Investors<\/a>\n <a href=\"mailto:ir@fabricai.com\">ir@fabricai.com<\/a>\n <\/div>\n <span class=\"footer-copy\">\u00a9 2026 Fabric.AI. All rights reserved.<\/span>\n<\/footer>\n\n<script>\nconst all = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');\nconst io = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n}, { threshold: 0.08 });\nall.forEach(el => io.observe(el));\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fabric.AI \u2014 Building the AI Factory Infrastructure The Problem The Solution Who Are We Investors News Get In Touch Connecting the infrastructure of intelligence INTELLIGENCE BEYOND THE BOTTLENECK AI is no longer just software \u2014 it’s an industrial process. Fabric.AI introduces MicroLED-based optical interconnects as the first in a broader suite of fabless semiconductor technologies …<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_genesis_block_theme_hide_title":false,"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry","post","without-featured-image"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/fabricai.com\/index.php?rest_route=\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabricai.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fabricai.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fabricai.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fabricai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=23"}],"version-history":[{"count":0,"href":"https:\/\/fabricai.com\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions"}],"wp:attachment":[{"href":"https:\/\/fabricai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}