groove-dev 0.26.15 → 0.26.17

package/pitch-deck-groove/convert-slides.js

@@ -0,0 +1,795 @@
+// FSL-1.1-Apache-2.0 — see LICENSE
+// Groove Investor Deck — PPTX Generator
+// Uses Y-cursor pattern throughout. No hardcoded Y sequences.
+
+const pptxgen = require('pptxgenjs');
+const { createCanvas } = require('canvas');
+const fs = require('fs');
+const data = JSON.parse(fs.readFileSync('slides.json', 'utf8'));
+const { meta, slides } = data;
+
+const ACCENT = meta.accentColor || '6D28D9';
+const ACCENT_L = meta.accentLight || '8B5CF6';
+const FONT_H = meta.fontHeader || 'Georgia';
+const FONT_B = meta.fontBody || 'Arial';
+const pres = new pptxgen();
+pres.layout = 'LAYOUT_16x9';
+
+// ─── Layout constants ───
+const L = {
+  SLIDE_W: 10, SLIDE_H: 5.625,
+  MARGIN: 0.6, SAFE_X: 0.6, SAFE_R: 9.4, SAFE_W: 8.8,
+  SAFE_TOP: 0.65, SAFE_BOT: 5.125, SAFE_H: 4.475,
+  GAP_TIGHT: 0.1, GAP_STD: 0.25, GAP_SECTION: 0.4,
+  BRAND_Y: 0.25, BRAND_H: 0.3, CONTENT_START: 0.65,
+  TEXT_INSET: 0.2,
+};
+
+// ─── Text height estimation ───
+function estimateTextHeight(text, fontSize, boxWidth, opts = {}) {
+  if (!text) return fontSize / 72;
+  const charWidthFactor = opts.bold ? 0.0075 : 0.007;
+  const avgCharWidth = fontSize * charWidthFactor;
+  const margin = opts.margin !== undefined ? opts.margin : 0.1;
+  const effectiveWidth = boxWidth - (margin * 2);
+  const charsPerLine = Math.floor(effectiveWidth / avgCharWidth);
+  if (charsPerLine <= 0) return fontSize / 72;
+  const words = text.split(/\s+/);
+  let lines = 1, lineLen = 0;
+  for (const word of words) {
+    if (lineLen + word.length > charsPerLine && lineLen > 0) { lines++; lineLen = word.length; }
+    else { lineLen += (lineLen > 0 ? 1 : 0) + word.length; }
+  }
+  lines += (text.match(/\n/g) || []).length;
+  const lineHeight = (fontSize * 1.3) / 72;
+  return Math.max(lines * lineHeight, fontSize / 72);
+}
+
+// ─── Canvas helpers ───
+function gradientBg(w, h, angle, stops) {
+  const c = createCanvas(w, h);
+  const ctx = c.getContext('2d');
+  const rad = (angle * Math.PI) / 180;
+  const g = ctx.createLinearGradient(
+    w/2 - Math.cos(rad)*w, h/2 - Math.sin(rad)*h,
+    w/2 + Math.cos(rad)*w, h/2 + Math.sin(rad)*h
+  );
+  stops.forEach(([p, col]) => g.addColorStop(p, col));
+  ctx.fillStyle = g; ctx.fillRect(0, 0, w, h);
+  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
+}
+
+function renderOrb(accent = '#6D28D9', size = 800) {
+  const c = createCanvas(size, size);
+  const ctx = c.getContext('2d');
+  const cx = size/2, cy = size/2, r = size*0.44;
+  const g = ctx.createRadialGradient(cx*0.7, cy*0.6, r*0.1, cx, cy, r);
+  g.addColorStop(0, accent + '99');
+  g.addColorStop(0.4, accent + '4D');
+  g.addColorStop(1, accent + '0D');
+  ctx.fillStyle = g; ctx.beginPath(); ctx.arc(cx, cy, r, 0, Math.PI*2); ctx.fill();
+  const h = ctx.createRadialGradient(cx*0.65, cy*0.5, 0, cx*0.65, cy*0.5, r*0.5);
+  h.addColorStop(0, 'rgba(255,255,255,0.3)');
+  h.addColorStop(1, 'rgba(255,255,255,0)');
+  ctx.fillStyle = h; ctx.beginPath(); ctx.arc(cx, cy, r, 0, Math.PI*2); ctx.fill();
+  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
+}
+
+function renderRing(pct, accent = '#6D28D9', size = 400) {
+  const c = createCanvas(size, size);
+  const ctx = c.getContext('2d');
+  const cx = size/2, cy = size/2, r = size*0.38;
+  const lw = size * 0.1;
+  // Background ring
+  ctx.strokeStyle = 'rgba(255,255,255,0.06)';
+  ctx.lineWidth = lw;
+  ctx.beginPath(); ctx.arc(cx, cy, r, 0, Math.PI*2); ctx.stroke();
+  // Value arc
+  ctx.strokeStyle = accent;
+  ctx.lineWidth = lw;
+  ctx.lineCap = 'round';
+  ctx.shadowColor = accent;
+  ctx.shadowBlur = 20;
+  ctx.beginPath();
+  ctx.arc(cx, cy, r, -Math.PI/2, -Math.PI/2 + Math.PI*2*pct);
+  ctx.stroke();
+  // Center text
+  ctx.shadowBlur = 0;
+  ctx.fillStyle = '#FFFFFF';
+  ctx.font = `bold ${size*0.18}px Georgia`;
+  ctx.textAlign = 'center';
+  ctx.textBaseline = 'middle';
+  ctx.fillText(Math.round(pct*100) + '%', cx, cy);
+  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
+}
+
+function renderSpline(w = 900, h = 250, accent = '#6D28D9') {
+  const c = createCanvas(w, h);
+  const ctx = c.getContext('2d');
+  // Area fill
+  const grad = ctx.createLinearGradient(0, 0, 0, h);
+  grad.addColorStop(0, accent + '40');
+  grad.addColorStop(1, accent + '00');
+  ctx.fillStyle = grad;
+  ctx.beginPath();
+  ctx.moveTo(0, h*0.8);
+  ctx.bezierCurveTo(w*0.15, h*0.75, w*0.25, h*0.5, w*0.4, h*0.4);
+  ctx.bezierCurveTo(w*0.55, h*0.3, w*0.7, h*0.15, w*0.85, h*0.1);
+  ctx.lineTo(w, h*0.08);
+  ctx.lineTo(w, h);
+  ctx.lineTo(0, h);
+  ctx.closePath();
+  ctx.fill();
+  // Line
+  ctx.strokeStyle = accent;
+  ctx.lineWidth = 3;
+  ctx.lineCap = 'round';
+  ctx.shadowColor = accent;
+  ctx.shadowBlur = 8;
+  ctx.beginPath();
+  ctx.moveTo(0, h*0.8);
+  ctx.bezierCurveTo(w*0.15, h*0.75, w*0.25, h*0.5, w*0.4, h*0.4);
+  ctx.bezierCurveTo(w*0.55, h*0.3, w*0.7, h*0.15, w*0.85, h*0.1);
+  ctx.lineTo(w, h*0.08);
+  ctx.stroke();
+  // Dots
+  ctx.shadowBlur = 10;
+  [[w*0.4, h*0.4], [w*0.85, h*0.1]].forEach(([x, y]) => {
+    ctx.fillStyle = accent;
+    ctx.beginPath(); ctx.arc(x, y, 5, 0, Math.PI*2); ctx.fill();
+  });
+  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
+}
+
+function renderProgressArc(pct, accent = '#6D28D9', size = 500) {
+  const c = createCanvas(size, size);
+  const ctx = c.getContext('2d');
+  const cx = size/2, cy = size/2, r = size*0.4;
+  const lw = size*0.08;
+  ctx.strokeStyle = 'rgba(255,255,255,0.04)';
+  ctx.lineWidth = lw;
+  ctx.beginPath(); ctx.arc(cx, cy, r, 0, Math.PI*2); ctx.stroke();
+  ctx.strokeStyle = accent;
+  ctx.lineWidth = lw;
+  ctx.lineCap = 'round';
+  ctx.shadowColor = accent;
+  ctx.shadowBlur = 15;
+  ctx.beginPath();
+  ctx.arc(cx, cy, r, -Math.PI/2, -Math.PI/2 + Math.PI*2*pct);
+  ctx.stroke();
+  ctx.shadowBlur = 0;
+  ctx.fillStyle = '#FFFFFF';
+  ctx.font = `bold ${size*0.16}px Georgia`;
+  ctx.textAlign = 'center';
+  ctx.textBaseline = 'middle';
+  ctx.fillText(Math.round(pct*100) + '%', cx, cy - size*0.03);
+  ctx.font = `${size*0.045}px Arial`;
+  ctx.fillStyle = 'rgba(255,255,255,0.5)';
+  ctx.fillText('context used', cx, cy + size*0.08);
+  ctx.font = `bold ${size*0.04}px Arial`;
+  ctx.fillStyle = accent;
+  ctx.fillText('↻ AUTO-ROTATE', cx, cy + size*0.15);
+  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
+}
+
+function renderConcentricRings(accent = '#6D28D9', size = 600) {
+  const c = createCanvas(size, size);
+  const ctx = c.getContext('2d');
+  const cx = size/2, cy = size/2;
+  // TAM
+  ctx.fillStyle = accent + '14';
+  ctx.strokeStyle = accent + '33';
+  ctx.lineWidth = 1;
+  ctx.beginPath(); ctx.arc(cx, cy, size*0.46, 0, Math.PI*2); ctx.fill(); ctx.stroke();
+  // SAM
+  ctx.fillStyle = accent + '22';
+  ctx.strokeStyle = accent + '44';
+  ctx.beginPath(); ctx.arc(cx, cy, size*0.3, 0, Math.PI*2); ctx.fill(); ctx.stroke();
+  // SOM
+  ctx.fillStyle = accent + '44';
+  ctx.strokeStyle = accent;
+  ctx.lineWidth = 2;
+  ctx.shadowColor = accent;
+  ctx.shadowBlur = 12;
+  ctx.beginPath(); ctx.arc(cx, cy, size*0.15, 0, Math.PI*2); ctx.fill(); ctx.stroke();
+  // Labels
+  ctx.shadowBlur = 0;
+  ctx.textAlign = 'center';
+  ctx.fillStyle = '#FFFFFF';
+  ctx.font = `bold ${size*0.045}px Georgia`;
+  ctx.fillText('SOM', cx, cy + 5);
+  ctx.font = `${size*0.03}px Arial`;
+  ctx.fillStyle = 'rgba(255,255,255,0.5)';
+  ctx.fillText('$500M', cx, cy + size*0.06);
+  ctx.fillText('SAM — $4.2B', cx, cy - size*0.2);
+  ctx.fillStyle = 'rgba(255,255,255,0.35)';
+  ctx.fillText('TAM — $28B', cx, cy - size*0.38);
+  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
+}
+
+function renderBarChart(accent = '#6D28D9', w = 900, h = 250) {
+  const c = createCanvas(w, h);
+  const ctx = c.getContext('2d');
+  const bars = [
+    { label: '1 Agent', height: 0.35, color: accent },
+    { label: '3 Agents', height: 0.55, color: accent },
+    { label: '5 Agents', height: 0.78, color: '#E11D48' },
+    { label: '10 Agents', height: 0.95, color: '#E11D48' },
+  ];
+  const barW = w * 0.15;
+  const gap = (w - bars.length * barW) / (bars.length + 1);
+  bars.forEach((bar, i) => {
+    const x = gap + i * (barW + gap);
+    const barH = h * 0.75 * bar.height;
+    const y = h * 0.85 - barH;
+    const grad = ctx.createLinearGradient(x, y + barH, x, y);
+    grad.addColorStop(0, bar.color + '33');
+    grad.addColorStop(1, bar.color + 'CC');
+    ctx.fillStyle = grad;
+    ctx.beginPath();
+    ctx.moveTo(x + 6, y);
+    ctx.arcTo(x + barW, y, x + barW, y + 6, 6);
+    ctx.lineTo(x + barW, y + barH);
+    ctx.lineTo(x, y + barH);
+    ctx.arcTo(x, y, x + 6, y, 6);
+    ctx.closePath();
+    ctx.fill();
+    ctx.fillStyle = 'rgba(255,255,255,0.5)';
+    ctx.font = '11px Arial';
+    ctx.textAlign = 'center';
+    ctx.fillText(bar.label, x + barW/2, h * 0.95);
+  });
+  ctx.strokeStyle = 'rgba(255,255,255,0.06)';
+  ctx.lineWidth = 1;
+  ctx.beginPath(); ctx.moveTo(gap*0.5, h*0.85); ctx.lineTo(w - gap*0.5, h*0.85); ctx.stroke();
+  return 'image/png;base64,' + c.toBuffer('image/png').toString('base64');
+}
+
+// ─── Slide helpers ───
+function getBackground(name) {
+  const bg = meta.backgrounds[name] || meta.backgrounds.default;
+  return gradientBg(1920, 1080, bg.angle, bg.stops);
+}
+
+function slideWithBg(bgName, category) {
+  const s = pres.addSlide();
+  s.background = { data: getBackground(bgName) };
+  s.addText(meta.brand, {
+    x: L.SAFE_X, y: L.BRAND_Y, w: 3, h: L.BRAND_H,
+    fontSize: 11, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0
+  });
+  if (category) {
+    s.addText(category.toUpperCase(), {
+      x: 6.5, y: L.BRAND_Y, w: 3, h: L.BRAND_H,
+      fontSize: 9, fontFace: FONT_B, bold: true,
+      color: '8B8FA3', align: 'right', charSpacing: 5, margin: 0
+    });
+  }
+  return s;
+}
+
+function addLabel(slide, text, Y) {
+  slide.addText(text.toUpperCase(), {
+    x: L.SAFE_X, y: Y, w: 8, h: 0.25,
+    fontSize: 11, fontFace: FONT_B, bold: true,
+    color: ACCENT_L, charSpacing: 5, margin: 0
+  });
+  return Y + 0.25 + L.GAP_TIGHT;
+}
+
+function addTitle(slide, text, Y, opts = {}) {
+  const fontSize = opts.fontSize || 38;
+  const maxW = opts.maxW || L.SAFE_W;
+  const h = estimateTextHeight(text, fontSize, maxW, { bold: true, margin: 0 });
+  slide.addText(text, {
+    x: L.SAFE_X, y: Y, w: maxW, h,
+    fontSize, fontFace: FONT_H, bold: true,
+    color: 'F5F5F5', margin: 0, lineSpacingMultiple: 1.05
+  });
+  return Y + h + L.GAP_STD;
+}
+
+function addSub(slide, text, Y, opts = {}) {
+  const maxW = opts.maxW || 5.5;
+  const h = estimateTextHeight(text, 16, maxW, { margin: 0 });
+  slide.addText(text, {
+    x: L.SAFE_X, y: Y, w: maxW, h: Math.max(h, 0.5),
+    fontSize: 16, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.4
+  });
+  return Y + Math.max(h, 0.5) + L.GAP_STD;
+}
+
+function addDivider(slide, y, x = L.SAFE_X, w = L.SAFE_W) {
+  slide.addShape(pres.shapes.LINE, {
+    x, y, w, h: 0,
+    line: { color: 'FFFFFF', width: 0.5, transparency: 92 }
+  });
+}
+
+function accentBorder(slide, x, y, h) {
+  slide.addShape(pres.shapes.LINE, {
+    x, y, w: 0, h,
+    line: { color: ACCENT, width: 3 }
+  });
+}
+
+function colDivider(slide, x, y, h) {
+  slide.addShape(pres.shapes.LINE, {
+    x, y, w: 0, h,
+    line: { color: 'FFFFFF', width: 0.5, transparency: 88 }
+  });
+}
+
+// ─── Build slides ───
+
+// 1. TITLE
+(function() {
+  const s = pres.addSlide();
+  s.background = { data: getBackground('deep') };
+  s.addImage({ data: renderOrb('#' + ACCENT), x: 5.5, y: -0.5, w: 5.5, h: 5.5 });
+  let Y = 1.0;
+  s.addText('INVESTOR PRESENTATION — APRIL 2026', {
+    x: L.SAFE_X, y: Y, w: 6, h: 0.25,
+    fontSize: 11, fontFace: FONT_B, bold: true, color: ACCENT_L, charSpacing: 5, margin: 0
+  });
+  Y += 0.5;
+  const titleH = estimateTextHeight('The Orchestration Layer\nfor AI Coding Agents', 52, 6, { bold: true, margin: 0 });
+  s.addText('The Orchestration Layer\nfor AI Coding Agents', {
+    x: L.SAFE_X, y: Y, w: 6, h: titleH,
+    fontSize: 52, fontFace: FONT_H, bold: true, color: 'F5F5F5', margin: 0, lineSpacingMultiple: 1.05
+  });
+  Y += titleH + 0.2;
+  addDivider(s, Y, L.SAFE_X, 1.2);
+  Y += 0.35;
+  s.addText('Spawn teams of AI agents. Coordinate their work.\nNever lose context. Cut token costs 40–60%.', {
+    x: L.SAFE_X, y: Y, w: 6, h: 0.7,
+    fontSize: 16, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.4
+  });
+  Y += 1.0;
+  s.addText('GROOVE', {
+    x: L.SAFE_X, y: Y, w: 3, h: 0.35,
+    fontSize: 22, fontFace: FONT_H, bold: true, color: 'F5F5F5', margin: 0
+  });
+  s.addText('groovedev.ai', {
+    x: 2.2, y: Y + 0.05, w: 3, h: 0.3,
+    fontSize: 12, fontFace: FONT_B, color: '8B8FA3', margin: 0
+  });
+})();
+
+// 2. PROBLEM
+(function() {
+  const sd = slides[1];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y, { maxW: 5.5 });
+  addSub(s, sd.subtitle, Y, { maxW: 4.8 });
+  // Pain words
+  const pains = [
+    { text: 'Cold Starts', x: 6.8, y: 0.9, size: 22 },
+    { text: 'Context Decay', x: 7.2, y: 1.8, size: 18 },
+    { text: 'File Conflicts', x: 6.4, y: 2.7, size: 20 },
+    { text: 'Blind Spending', x: 7.5, y: 3.5, size: 16 },
+    { text: 'No Coordination', x: 6.2, y: 4.2, size: 18 },
+  ];
+  pains.forEach(pw => {
+    s.addText(pw.text, {
+      x: pw.x, y: pw.y, w: 2.5, h: 0.4,
+      fontSize: pw.size, fontFace: FONT_H, italic: true,
+      color: 'FFFFFF', transparency: 80, margin: 0
+    });
+  });
+})();
+
+// 3. COST
+(function() {
+  const sd = slides[2];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y, { maxW: 5.5 });
+  Y += 0.15;
+  const metrics = sd.metrics;
+  const colW = (L.SAFE_W - 0.6) / metrics.length;
+  metrics.forEach((m, i) => {
+    const x = L.SAFE_X + i * (colW + 0.3);
+    if (i > 0) colDivider(s, x - 0.15, Y, 1.5);
+    const valH = estimateTextHeight(m.value, 42, colW, { bold: true, margin: 0 });
+    s.addText(m.value, { x, y: Y, w: colW, h: valH, fontSize: 42, fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
+    s.addText(m.unit, { x, y: Y + valH + 0.1, w: colW, h: 0.3, fontSize: 13, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
+    s.addText(m.desc, { x, y: Y + valH + 0.45, w: colW, h: 0.5, fontSize: 11, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.3 });
+  });
+  s.addImage({ data: renderBarChart('#' + ACCENT), x: 0.3, y: 3.6, w: 9.4, h: 1.8 });
+})();
+
+// 4. SOLUTION
+(function() {
+  const sd = slides[3];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y, { maxW: 5.2 });
+  Y = addSub(s, sd.subtitle, Y, { maxW: 4.8 });
+  Y += 0.15;
+  const feats = sd.features;
+  const fColW = (5 - 0.4) / feats.length;
+  feats.forEach((f, i) => {
+    const x = L.SAFE_X + i * (fColW + 0.2);
+    accentBorder(s, x, Y, 0.9);
+    s.addText(f.title, { x: x + 0.2, y: Y, w: fColW - 0.3, h: 0.3, fontSize: 13, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
+    s.addText(f.desc, { x: x + 0.2, y: Y + 0.35, w: fColW - 0.3, h: 0.6, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.3 });
+  });
+})();
+
+// 5. ARCHITECTURE
+(function() {
+  const sd = slides[4];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y);
+  Y += 0.1;
+  // Timeline steps
+  const steps = sd.steps;
+  const n = steps.length;
+  const stepW = L.SAFE_W / n;
+  steps.forEach((step, i) => {
+    const cx = L.SAFE_X + i * stepW + stepW/2;
+    // Circle
+    s.addShape(pres.shapes.OVAL, {
+      x: cx - 0.25, y: Y, w: 0.5, h: 0.5,
+      fill: { color: ACCENT, transparency: 85 },
+      line: { color: ACCENT, width: 2 }
+    });
+    s.addText(step.num, {
+      x: cx - 0.25, y: Y, w: 0.5, h: 0.5,
+      fontSize: 16, fontFace: FONT_H, bold: true, color: ACCENT_L, align: 'center', valign: 'middle', margin: 0
+    });
+    // Connector
+    if (i < n - 1) {
+      s.addShape(pres.shapes.LINE, {
+        x: cx + 0.25, y: Y + 0.25, w: stepW - 0.5, h: 0,
+        line: { color: ACCENT, width: 1.5, transparency: 60 }
+      });
+    }
+    // Labels
+    s.addText(step.title, {
+      x: cx - 0.8, y: Y + 0.6, w: 1.6, h: 0.3,
+      fontSize: 11, fontFace: FONT_B, bold: true, color: 'F5F5F5', align: 'center', margin: 0
+    });
+    s.addText(step.desc, {
+      x: cx - 0.8, y: Y + 0.9, w: 1.6, h: 0.45,
+      fontSize: 9, fontFace: FONT_B, color: '8B8FA3', align: 'center', margin: 0, lineSpacingMultiple: 1.2
+    });
+  });
+  // KPI strip
+  const kY = 4.2;
+  const kpis = sd.kpis;
+  const kW = L.SAFE_W / kpis.length;
+  kpis.forEach((kpi, i) => {
+    const x = L.SAFE_X + i * kW;
+    s.addShape(pres.shapes.RECTANGLE, {
+      x, y: kY, w: kW - 0.02, h: 0.7,
+      fill: { color: 'FFFFFF', transparency: 97 }
+    });
+    s.addText(kpi.value, {
+      x, y: kY + 0.05, w: kW, h: 0.35,
+      fontSize: 20, fontFace: FONT_H, bold: true, color: ACCENT_L, align: 'center', margin: 0
+    });
+    s.addText(kpi.label, {
+      x, y: kY + 0.4, w: kW, h: 0.25,
+      fontSize: 8, fontFace: FONT_B, color: '8B8FA3', align: 'center', margin: 0, charSpacing: 1
+    });
+  });
+})();
+
+// 6. JOURNALIST
+(function() {
+  const sd = slides[5];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START + 0.3;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y, { fontSize: 44, maxW: 5.5 });
+  Y = addSub(s, sd.subtitle, Y, { maxW: 5 });
+  Y += 0.2;
+  // Metrics
+  sd.metrics.forEach((m, i) => {
+    if (i > 0) colDivider(s, L.SAFE_X + 3.2 + i * 0.1 - 0.15, Y, 1.0);
+    const x = L.SAFE_X + i * 3.3;
+    s.addText(m.value, { x, y: Y, w: 3, h: 0.6, fontSize: 42, fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
+    s.addText(m.unit, { x, y: Y + 0.6, w: 3, h: 0.25, fontSize: 12, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
+    s.addText(m.desc, { x, y: Y + 0.9, w: 3, h: 0.2, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0 });
+  });
+  s.addImage({ data: renderSpline(900, 250, '#' + ACCENT), x: 5.5, y: 3.0, w: 4.2, h: 2.2 });
+})();
+
+// 7. ROTATION
+(function() {
+  const sd = slides[6];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y, { maxW: 5.5 });
+  Y = addSub(s, sd.subtitle, Y, { maxW: 5 });
+  Y += 0.15;
+  sd.features.forEach((f, i) => {
+    const x = L.SAFE_X + i * 2.6;
+    accentBorder(s, x, Y, 0.7);
+    s.addText(f.title, { x: x + 0.2, y: Y, w: 2.2, h: 0.25, fontSize: 12, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
+    s.addText(f.desc, { x: x + 0.2, y: Y + 0.3, w: 2.2, h: 0.4, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.3 });
+  });
+  s.addImage({ data: renderProgressArc(0.75, '#' + ACCENT), x: 6.5, y: 1.0, w: 3.2, h: 3.2 });
+})();
+
+// 8. COORDINATION
+(function() {
+  const sd = slides[7];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y);
+  Y += 0.1;
+  const cols = sd.columns;
+  const colW = (L.SAFE_W - 0.8) / cols.length;
+  cols.forEach((col, i) => {
+    const x = L.SAFE_X + i * (colW + 0.4);
+    s.addText(col.num, { x, y: Y, w: 1, h: 0.4, fontSize: 24, fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
+    s.addText(col.title, { x, y: Y + 0.45, w: colW, h: 0.3, fontSize: 14, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
+    addDivider(s, Y + 0.8, x, 0.6);
+    s.addText(col.desc, { x, y: Y + 0.95, w: colW, h: 0.8, fontSize: 11, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.5 });
+  });
+})();
+
+// 9. PRODUCT / GUI
+(function() {
+  const sd = slides[8];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y, { maxW: 5.5 });
+  Y = addSub(s, sd.subtitle, Y, { maxW: 4.5 });
+  Y += 0.1;
+  const feats = sd.features;
+  const half = Math.ceil(feats.length / 2);
+  [feats.slice(0, half), feats.slice(half)].forEach((group, gi) => {
+    const x = L.SAFE_X + gi * 4.5;
+    group.forEach((f, fi) => {
+      const fy = Y + fi * 0.35;
+      s.addText(f, { x, y: fy, w: 4.2, h: 0.3, fontSize: 11, fontFace: FONT_B, color: '8B8FA3', margin: 0, bullet: true });
+    });
+  });
+})();
+
+// 10. ECONOMICS
+(function() {
+  const sd = slides[9];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START + 0.3;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y, { fontSize: 44 });
+  Y += 0.15;
+  const metrics = sd.metrics;
+  const mColW = (L.SAFE_W - 0.6) / metrics.length;
+  metrics.forEach((m, i) => {
+    const x = L.SAFE_X + i * (mColW + 0.3);
+    if (i > 0) colDivider(s, x - 0.15, Y, 2.5);
+    s.addText(m.value, { x, y: Y, w: mColW, h: 0.8, fontSize: 60, fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
+    s.addText(m.unit, { x, y: Y + 0.8, w: mColW, h: 0.3, fontSize: 14, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
+    s.addText(m.desc, { x, y: Y + 1.15, w: mColW, h: 0.35, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0, lineSpacingMultiple: 1.3 });
+    s.addImage({ data: renderRing(m.ringPercent, '#' + ACCENT), x: x + 0.3, y: Y + 1.6, w: 1.2, h: 1.2 });
+  });
+})();
+
+// 11. PROVIDERS
+(function() {
+  const sd = slides[10];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y, { maxW: 5.2 });
+  Y = addSub(s, sd.subtitle, Y, { maxW: 4.8 });
+  Y += 0.15;
+  const providers = sd.providers;
+  const pW = 2.1;
+  providers.forEach((p, i) => {
+    const col = i % 2, row = Math.floor(i / 2);
+    const x = L.SAFE_X + col * (pW + 0.3);
+    const py = Y + row * 1.1;
+    accentBorder(s, x, py, 0.8);
+    s.addText(p.name, { x: x + 0.2, y: py, w: pW - 0.3, h: 0.25, fontSize: 13, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
+    s.addText(p.models, { x: x + 0.2, y: py + 0.28, w: pW - 0.3, h: 0.2, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0 });
+    s.addText(p.extra, { x: x + 0.2, y: py + 0.5, w: pW - 0.3, h: 0.2, fontSize: 9, fontFace: FONT_B, color: ACCENT_L, margin: 0 });
+  });
+})();
+
+// 12. MARKET
+(function() {
+  const sd = slides[11];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y, { maxW: 5.2 });
+  Y += 0.1;
+  sd.tiers.forEach((tier, i) => {
+    const ty = Y + i * 1.2;
+    s.addText(tier.value, { x: L.SAFE_X, y: ty, w: 4, h: 0.5, fontSize: i === 0 ? 42 : (i === 1 ? 32 : 24), fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
+    s.addText(tier.label, { x: L.SAFE_X, y: ty + (i === 0 ? 0.55 : 0.4), w: 4, h: 0.25, fontSize: 13, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
+    s.addText(tier.desc, { x: L.SAFE_X, y: ty + (i === 0 ? 0.82 : 0.67), w: 4, h: 0.2, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0 });
+    if (i < sd.tiers.length - 1) addDivider(s, ty + (i === 0 ? 1.1 : 0.95), L.SAFE_X, 4);
+  });
+  s.addImage({ data: renderConcentricRings('#' + ACCENT), x: 5.5, y: 0.8, w: 4.2, h: 4.2 });
+})();
+
+// 13. TRACTION
+(function() {
+  const sd = slides[12];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y);
+  Y += 0.1;
+  // Stats grid
+  const stats = sd.stats;
+  const sColW = 2.0;
+  stats.forEach((stat, i) => {
+    const col = i % 2, row = Math.floor(i / 2);
+    const x = L.SAFE_X + col * (sColW + 0.5);
+    const sy = Y + row * 0.65;
+    s.addText(stat.value, { x, y: sy, w: sColW, h: 0.35, fontSize: 28, fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
+    s.addText(stat.label, { x, y: sy + 0.32, w: sColW, h: 0.2, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0 });
+  });
+  // Milestones
+  colDivider(s, 5.3, Y, 2.5);
+  const mX = 5.6;
+  sd.milestones.forEach((m, i) => {
+    s.addText([
+      { text: '✓ ', options: { color: ACCENT_L, fontSize: 10, bold: true } },
+      { text: m, options: { color: '8B8FA3', fontSize: 10 } }
+    ], {
+      x: mX, y: Y + i * 0.3, w: 4, h: 0.25,
+      fontFace: FONT_B, margin: 0
+    });
+  });
+  s.addImage({ data: renderSpline(900, 120, '#' + ACCENT), x: 0.3, y: 4.4, w: 9.4, h: 1.0 });
+})();
+
+// 14. COMPETITION
+(function() {
+  const sd = slides[13];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y);
+  Y += 0.15;
+  // Header
+  const competitors = sd.competitors;
+  const labelW = 2.5;
+  const cellW = (L.SAFE_W - labelW) / competitors.length;
+  competitors.forEach((comp, i) => {
+    s.addText(comp, {
+      x: L.SAFE_X + labelW + i * cellW, y: Y, w: cellW, h: 0.3,
+      fontSize: 10, fontFace: FONT_B, bold: true,
+      color: i === 0 ? ACCENT_L : '8B8FA3', align: 'center', margin: 0
+    });
+  });
+  Y += 0.35;
+  // Rows
+  sd.features.forEach((feat, fi) => {
+    const ry = Y + fi * 0.33;
+    s.addText(feat.name, { x: L.SAFE_X, y: ry, w: labelW, h: 0.28, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0 });
+    feat.scores.forEach((score, si) => {
+      const cx = L.SAFE_X + labelW + si * cellW + cellW/2;
+      s.addShape(pres.shapes.OVAL, {
+        x: cx - 0.08, y: ry + 0.06, w: 0.16, h: 0.16,
+        fill: { color: ACCENT, transparency: Math.round((1 - score) * 90) }
+      });
+    });
+  });
+})();
+
+// 15. PRICING
+(function() {
+  const sd = slides[14];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y);
+  Y += 0.1;
+  const tiers = sd.tiers;
+  const tColW = (L.SAFE_W - 0.6) / tiers.length;
+  tiers.forEach((tier, i) => {
+    const x = L.SAFE_X + i * (tColW + 0.3);
+    if (tier.highlighted) {
+      s.addShape(pres.shapes.RECTANGLE, {
+        x: x - 0.1, y: Y - 0.1, w: tColW + 0.2, h: 2.8,
+        fill: { color: ACCENT, transparency: 94 }
+      });
+    }
+    if (i > 0) colDivider(s, x - 0.15, Y, 2.6);
+    let innerY = Y;
+    s.addText(tier.name.toUpperCase(), { x, y: innerY, w: tColW, h: 0.25, fontSize: 12, fontFace: FONT_B, bold: true, color: tier.highlighted ? ACCENT_L : 'F5F5F5', charSpacing: 3, margin: 0 });
+    innerY += 0.3;
+    s.addText(tier.price, { x, y: innerY, w: tColW, h: 0.55, fontSize: 36, fontFace: FONT_H, bold: true, color: tier.highlighted ? ACCENT_L : 'F5F5F5', margin: 0, shrinkText: true });
+    innerY += 0.6;
+    addDivider(s, innerY, x, tColW);
+    innerY += 0.15;
+    const featText = tier.features.map(f => ({
+      text: f, options: { bullet: true, breakLine: true, fontSize: 10, color: '8B8FA3' }
+    }));
+    s.addText(featText, { x, y: innerY, w: tColW, h: 1.5, fontFace: FONT_B, margin: 0, valign: 'top' });
+  });
+  // Projections
+  const pY = 4.5;
+  sd.projections.forEach((p, i) => {
+    const px = L.SAFE_X + i * 3.2;
+    if (i > 0) colDivider(s, px - 0.15, pY, 0.6);
+    s.addText(p.label.toUpperCase(), { x: px, y: pY, w: 2.8, h: 0.2, fontSize: 9, fontFace: FONT_B, color: '8B8FA3', charSpacing: 2, margin: 0 });
+    s.addText(p.value, { x: px, y: pY + 0.22, w: 2.8, h: 0.35, fontSize: 22, fontFace: FONT_H, bold: true, color: ACCENT_L, margin: 0 });
+  });
+})();
+
+// 16. SECURITY
+(function() {
+  const sd = slides[15];
+  const s = slideWithBg(sd.background, sd.category);
+  let Y = L.CONTENT_START;
+  Y = addLabel(s, sd.label, Y);
+  Y = addTitle(s, sd.title, Y, { maxW: 5.5 });
+  Y = addSub(s, sd.subtitle, Y, { maxW: 5 });
+  Y += 0.15;
+  [sd.left, sd.right].forEach((col, ci) => {
+    const x = L.SAFE_X + ci * 4.5;
+    col.forEach((f, fi) => {
+      const fy = Y + fi * 0.8;
+      accentBorder(s, x, fy, 0.55);
+      s.addText(f.title, { x: x + 0.2, y: fy, w: 4, h: 0.22, fontSize: 12, fontFace: FONT_B, bold: true, color: 'F5F5F5', margin: 0 });
+      s.addText(f.desc, { x: x + 0.2, y: fy + 0.26, w: 4, h: 0.2, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', margin: 0 });
+    });
+  });
+})();
+
+// 17. CTA
+(function() {
+  const sd = slides[16];
+  const s = pres.addSlide();
+  s.background = { data: getBackground('deep') };
+  s.addImage({ data: renderOrb('#' + ACCENT, 1200), x: 2.0, y: -0.5, w: 6, h: 6 });
+  let Y = 0.8;
+  s.addText(sd.label.toUpperCase(), {
+    x: 0, y: Y, w: 10, h: 0.25,
+    fontSize: 11, fontFace: FONT_B, bold: true, color: ACCENT_L, charSpacing: 5, align: 'center', margin: 0
+  });
+  Y += 0.5;
+  const titleH = estimateTextHeight(sd.title, 48, 8, { bold: true, margin: 0 });
+  s.addText(sd.title, {
+    x: 1, y: Y, w: 8, h: titleH,
+    fontSize: 48, fontFace: FONT_H, bold: true, color: 'F5F5F5', align: 'center', margin: 0, lineSpacingMultiple: 1.05
+  });
+  Y += titleH + 0.3;
+  addDivider(s, Y, 4.3, 1.4);
+  Y += 0.35;
+  s.addText(sd.subtitle, {
+    x: 2, y: Y, w: 6, h: 0.8,
+    fontSize: 15, fontFace: FONT_B, color: '8B8FA3', align: 'center', margin: 0, lineSpacingMultiple: 1.4
+  });
+  Y += 1.0;
+  // Asks
+  sd.asks.forEach((ask, i) => {
+    const ax = 2 + i * 2.2;
+    if (i > 0) colDivider(s, ax - 0.15, Y, 0.7);
+    s.addText(ask.value, { x: ax, y: Y, w: 1.8, h: 0.4, fontSize: 30, fontFace: FONT_H, bold: true, color: ACCENT_L, align: 'center', margin: 0 });
+    s.addText(ask.label, { x: ax, y: Y + 0.42, w: 1.8, h: 0.2, fontSize: 10, fontFace: FONT_B, color: '8B8FA3', align: 'center', margin: 0 });
+  });
+  Y += 1.0;
+  s.addText('GROOVE', { x: 0, y: Y, w: 10, h: 0.35, fontSize: 18, fontFace: FONT_H, bold: true, color: 'F5F5F5', align: 'center', margin: 0 });
+  s.addText(sd.contact, { x: 0, y: Y + 0.35, w: 10, h: 0.25, fontSize: 11, fontFace: FONT_B, color: '8B8FA3', align: 'center', margin: 0 });
+})();
+
+// ─── Write file ───
+pres.writeFile({ fileName: 'deck.pptx' }).then(() => {
+  console.log('✓ deck.pptx generated successfully');
+  console.log(`  ${slides.length} slides | accent: #${ACCENT} | fonts: ${FONT_H} + ${FONT_B}`);
+}).catch(err => {
+  console.error('Error generating PPTX:', err);
+  process.exit(1);
+});