// Technology — microfluidics explainer const Technology = () => { return (
{/* Section header */}
— 01 / Technology Microfluidics, refined

A laboratory the size of
a credit card.

{/* Three-column explainer */}
{[ { num: '01', title: 'Picoliter precision', body: 'Reagents move through etched channels in volumes a million times smaller than a standard pipette. Mixing happens by laminar flow, not stirring — every reaction is identical.', diagram: , }, { num: '02', title: 'Continuous flow chemistry', body: 'No tube transfers. No bench time. The full library prep — DNA extraction, fragmentation, tagmentation, PCR, clean-up — runs as one uninterrupted flow through a single cartridge.', diagram: , }, { num: '03', title: 'Massively parallel', body: 'Each cartridge runs 96 libraries in parallel. Stack cartridges into the NGI rack and scale linearly to 9,600+ libraries per shift, with zero cross-contamination.', diagram: , }, ].map((item, i) => (
{item.num}
{item.diagram}

{item.title}

{item.body}

))}
{/* Detail row */}
Why microfluidics wins

Bench protocols were designed for human hands. Ours weren't.

Every step in conventional library prep — pipetting, vortexing, magnetic bead cleanup — exists because of the limits of plastic tubes. Microfluidics removes the tube. Reagents flow precisely where they need to be, when they need to be there. The reaction finishes when physics says it does, not when a robot finishes its arm sweep.

{[ ['Reagent volume', '−98%', 'less consumable cost per library'], ['Hands-on time', '<2 min', 'load cartridge, press start'], ['Variance (CV)', '<3%', 'across 10,000 libraries'], ].map(([k, v, sub], i) => (
{k} {v} {sub}
))}
{/* Cartridge cross-section */}
); }; // Small SVG diagrams for the three columns const DiagramChannels = () => ( {[0,1,2,3,4,5,6].map(i => ( ))} {/* Highlight active channel */} 100 µm PDMS / glass ); const DiagramFlow = () => ( {/* Steps in a line */} {[20, 60, 100, 140, 180].map((x, i) => ( {i+1} ))} {/* Connecting line */} {/* Continuous flow indicator */} UNINTERRUPTED FLOW FRAG REPAIR LIGATE CLEAN PCR ); const DiagramParallel = () => ( {/* 8x12 grid of dots = 96 */} {Array.from({length: 8}).map((_, r) => Array.from({length: 12}).map((_, c) => { const active = (r+c) % 4 !== 0; return ( ); }) )} 96 wells / cartridge ); const CartridgeCrossSection = () => (
Fig. 02 NGI–01 Cartridge — top view
{/* Soft drop shadow */} {/* Cartridge body — rounded card */} {/* Inner panel — slightly inset, suggests window into channels */} {/* Top label area */} NGI–01 LOT 2026·041 {/* Barcode */} {[1,2,1,3,1,2,1,1,2,1,3,1,2,1,1,2,1].map((w, i, arr) => { const x = arr.slice(0, i).reduce((a,b) => a+b+1, 0); return ; })} {/* Sample inlet wells — left column */} {[0,1,2,3,4,5].map(i => ( ))} INLETS {/* Library outlet wells — right column */} {[0,1,2,3,4,5].map(i => ( ))} OUTLETS {/* Channel network — flowing left to right through center */} {[0,1,2,3,4,5].map(i => { const y = 108 + i * 38; return ( ); })} {/* Central reaction zone */} REACTION CHAMBER 85 × 24 mm {/* Tick scale at bottom of inner panel */} {[64, 112, 160, 208, 256].map((x, i) => ( {[0,20,40,60,85][i]} ))} MILLIMETERS {/* Footer — model meta */} CARTRIDGE SINGLE-USE · STERILE
); window.Technology = Technology;