/* eslint-disable */
// AI Accelerators, version B: brief v4 §4 complete, in the site's card-stage
// language. Two ways in is deliberately just orientation — three sentences and
// a turn, no doors or CTAs; the nav and closer carry the routing. The one
// interactive device is the build-stories spotlight (navigation, not decoration).
// Neutral card accents. Same lightness and chroma, hues spread, so they read as
// three distinct cards without borrowing a pillar or accelerator colour.
const ACCB_TONES = ["oklch(0.52 0.036 258)", "oklch(0.52 0.036 152)", "oklch(0.52 0.036 62)"];
// ---------- Build stories: spotlight plate + rail ----------
function AccBSpot({ anon }) {
const stories = window.ACC_STORIES || [];
const [on, setOn] = React.useState(0);
const s = stories[on] || {};
return (
);
}
// Card treatment: stacked deck, cards fan in 3D and shuffle on click.
function AccBFan({ anon }) {
const stories = window.ACC_STORIES || [];
const [order, setOrder] = React.useState([0, 1, 2]);
const advance = () => setOrder((o) => [...o.slice(1), o[0]]);
const bring = (i) => setOrder((o) => (o[0] === i ? [...o.slice(1), o[0]] : [i, ...o.filter((x) => x !== i)]));
return (
{stories.map((s, i) => (
bring(i)} onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); bring(i); } }}>
{anon ? s.mvpSector : s.sector}{s.stage}
{anon ? (s.mvpProblem || s.problem) : s.problem}
{s.body}
{!anon && (
Outcome pending{s.pending}
)}
))}
Click a card to bring it forward.
);
}
// Card treatment: the problem is the face, the build is revealed on hover or focus.
function AccBFlip({ anon }) {
const stories = window.ACC_STORIES || [];
const [open, setOpen] = React.useState(-1);
return (
{stories.map((s, i) => (
{anon ? s.mvpSector : s.sector}{s.stage}
{anon ? (s.mvpProblem || s.problem) : s.problem}
{s.body}
{!anon && (
Outcome pending{s.pending}
)}
))}
);
}
// Card treatment: wide tiles, one per row, the first oversized.
function AccBTiles({ anon }) {
const stories = window.ACC_STORIES || [];
return (
{stories.map((s, i) => (
{anon ? s.mvpSector : s.sector}
{s.kind}
{s.stage}
{anon ? (s.mvpProblem || s.problem) : s.problem}
{s.body}
{!anon && (
Outcome pending{s.pending}
)}
))}
);
}
function AccBAfterFigure({ kind }) {
if (kind === "split") {
return (
);
}
if (kind === "continuing line") {
// One line that keeps going: the build ends, the care doesn't.
return (
);
}
if (kind === "orbit") {
// The build at the centre, the partnership circling it.
return (
);
}
// "steps": the four stages of the arc, with the last one open-ended.
return (
);
}
const ACCB_TYPE = [
{ t: "An agent, a tool, or a system. ", cls: "" },
{ t: "Whatever the shape,", cls: "accb-t-em" },
{ t: " it's ", cls: "" },
{ t: "engineered properly.", cls: "accb-t-b" },
];
const ACCB_TYPE_LEN = ACCB_TYPE.reduce((n, s) => n + s.t.length, 0);
function AccBTyped({ className = "" }) {
const ref = React.useRef(null);
const [n, setN] = React.useState(0);
const [go, setGo] = React.useState(false);
const reduced = typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
React.useEffect(() => {
const el = ref.current;
if (!el) return;
if (reduced) { setN(ACCB_TYPE_LEN); return; }
const io = new IntersectionObserver((es) => {
es.forEach((e) => { if (e.isIntersecting) { setGo(true); io.unobserve(e.target); } });
}, { rootMargin: "0px 0px -30% 0px", threshold: 0.2 });
io.observe(el);
return () => io.disconnect();
}, [reduced]);
React.useEffect(() => {
if (!go || n >= ACCB_TYPE_LEN) return;
const id = setTimeout(() => setN((v) => v + 1), n === 0 ? 900 : 22);
return () => clearTimeout(id);
}, [go, n]);
let used = 0;
const done = n >= ACCB_TYPE_LEN;
return (
s.t).join("")}>
{ACCB_TYPE.map((s, i) => {
const take = Math.max(0, Math.min(s.t.length, n - used));
used += s.t.length;
if (!take) return null;
return {s.t.slice(0, take)};
})}
{!done && }
);
}
const ACCB_SHAPES = ["An agent", "A tool", "A system"];
function AccBCycle({ className = "" }) {
const ref = React.useRef(null);
const [go, setGo] = React.useState(false);
const [i, setI] = React.useState(0);
const [n, setN] = React.useState(0);
const [back, setBack] = React.useState(false);
const reduced = typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
React.useEffect(() => {
const el = ref.current;
if (!el) return;
if (reduced) { setN(ACCB_SHAPES[0].length); return; }
const io = new IntersectionObserver((es) => es.forEach((e) => setGo(e.isIntersecting)),
{ rootMargin: "0px 0px -25% 0px", threshold: 0.2 });
io.observe(el);
return () => io.disconnect();
}, [reduced]);
React.useEffect(() => {
if (!go || reduced) return;
const word = ACCB_SHAPES[i];
let wait = back ? 34 : 62;
if (!back && n === word.length) wait = 1500; // hold the finished word
if (back && n === 0) wait = 200; // beat before the next one
const id = setTimeout(() => {
if (!back) { n === word.length ? setBack(true) : setN(n + 1); }
else if (n === 0) { setBack(false); setI((i + 1) % ACCB_SHAPES.length); }
else setN(n - 1);
}, wait);
return () => clearTimeout(id);
}, [go, i, n, back, reduced]);
return (
{ACCB_SHAPES[i].slice(0, n)}Whatever the shape, it's engineered properly.
Designed and built around how your organisation actually works, looked after by us,
working for you. That's an Accelerator.
Most organisations find their accelerators through Foundations: the ideas surface once the
groundwork is done. Others come to us knowing exactly what they need built.
Both are welcome, and both get the same care.
{/* WHAT WE BUILD, AND HOW */}
What we build, and how.
{t.accStatement === "typewriter" ?
: t.accStatement === "cycling shape" ?
: }
A process your team is buried in, something your customers use directly, or hours of document work turned into minutes. Designed around how you actually work, connected safely to your systems, and set up with the guardrails to match. We don't build anything we wouldn't be comfortable governing.
{/* BUILD STORIES — hidden in the MVP build; the case studies behind it are
not ready to show. `anon` is the same IA_MVP flag used to anonymise the
stories, so the section returns as soon as the build flag is off. */}
{!anon && (