);
}
const SECTOR_LIST = [
{ id: 'infra', label: 'Infrastructure', name: 'Critical infrastructure' },
{ id: 'health', label: 'Healthcare', name: 'Healthcare' },
{ id: 'finance', label: 'Finance', name: 'Finance' },
{ id: 'defence', label: 'Defence', name: 'Defence' },
{ id: 'gov', label: 'Government', name: 'Government' },
{ id: 'intel', label: 'Intelligence', name: 'Intelligence' },
];
// ─── Home hero: the block sphere under attack ───────────────────────────────────────────────────────────────────
function HeroOrb() {
const api = R3.useRef(null);
const [blocked, setBlocked] = R3.useState(0);
return (
Attacks blocked {blocked}
)}
>
{ if (s && typeof s.blocked === 'number') setBlocked(s.blocked); } }}
onApi={(a) => { api.current = a; }} />
);
}
// ─── Harvest now, decrypt later ─────────────────────────────────────────────────────────────────────────────────
function HarvestSim() {
const api = R3.useRef(null);
const [t, setT] = R3.useState(40);
const [pqc, setPqc] = R3.useState(false);
const [st, setSt] = R3.useState({ captured: 0, exposed: 0, sealed: 0, arrived: false });
const sync = (a, tv, pv) => { if (a) { a.setTime(tv / 100); a.setPqc(pv); } };
R3.useEffect(() => { sync(api.current, t, pqc); }, [t, pqc]);
let msg;
if (!st.arrived) msg = st.captured ? 'An attacker is copying encrypted traffic and storing it. ' + st.captured + ' packets saved so far.' : 'Move the slider to let time pass.';
else if (pqc) msg = 'A quantum computer arrives. All ' + st.sealed + ' stored packets stay sealed.';
else msg = 'A quantum computer arrives. ' + st.exposed + ' of ' + st.captured + ' stored packets can now be read.';
return (
Now
setT(+e.target.value)} aria-label="Time passing" />
Years later
{msg}
An illustration of the idea, not a prediction of when quantum computers will arrive.
)}
>
setSt(s) }}
onApi={(a) => { api.current = a; sync(a, t, pqc); }} />
);
}
// ─── Solutions: the six sectors ─────────────────────────────────────────────────────────────────────────────────
const SECTOR_LINE = {
infra: 'Power, water and transport networks run for decades, and many cannot be taken offline to upgrade.',
health: 'Patient records and connected care need privacy for a lifetime, across many organisations.',
finance: 'Transactions and archives must stay private and untampered for as long as they exist.',
defence: 'Field units, vehicles and data centres share traffic over links nobody fully controls.',
gov: 'Departmental and classified systems carry material with long secrecy requirements.',
intel: 'Some material must stay secret for decades, which is the exact target of harvest now, decrypt later.',
};
function SectorStage({ sector, onSector }) {
const api = R3.useRef(null);
R3.useEffect(() => { if (api.current) api.current.select(sector); }, [sector]);
const cur = SECTOR_LIST.find((s) => s.id === sector) || SECTOR_LIST[0];
return (
{cur.name}. {SECTOR_LINE[sector]}
)}
>
onSector(id) }}
onApi={(a) => { api.current = a; if (a) a.select(sector); }} />
);
}
// ─── Solutions: how the chip works in each sector ───────────────────────────────────────────────────────────────
const CHIP_SECTOR = {
infra: 'Sits on the link between a control room and a substation. Telemetry keeps flowing and nothing goes offline.',
health: 'Sits between a records system and the wider network, so referrals and results are sealed in transit.',
finance: 'Seals transaction batches between sites and protects archives that must stay private for decades.',
defence: 'Travels with field units and seals traffic back to the data centre, even over untrusted links.',
gov: 'Works on isolated on premise systems, so departmental material is sealed before it leaves the room.',
intel: 'Protects material that must stay secret for decades, even from an attacker who stores it today.',
};
const CHIP_LAYERS = [
{ id: 0, title: 'Entropy source', text: 'Hardware random numbers (TRNG or QRNG) seed every key.' },
{ id: 1, title: 'Key engine', text: 'Kyber1024 (ML-KEM) generates and handles post quantum keys inside the device.' },
{ id: 2, title: 'Cipher stack', text: 'Up to four stacked ciphers protect the data on top of the key exchange.' },
{ id: 3, title: 'Key vault', text: 'Private keys are sealed here and never leave the hardware.' },
];
function ChipLab({ sector }) {
const api = R3.useRef(null);
const [open, setOpen] = R3.useState(true);
const [layer, setLayer] = R3.useState(-1);
R3.useEffect(() => { if (api.current) api.current.setSector(sector); }, [sector]);
const toggle = () => { const v = !open; setOpen(v); if (api.current) api.current.explode(v); };
const pick = (i) => { setLayer(i); setOpen(true); if (api.current) { api.current.explode(true); api.current.select(i); } };
const info = layer >= 0 ? CHIP_LAYERS[layer] : null;
return (
)}
>
setLayer(i) }}
onApi={(a) => { api.current = a; if (a) { a.setSector(sector); a.explode(true); } }} />
);
}
// ─── The key: five steps ────────────────────────────────────────────────────────────────────────────────────────
const KEY_STEPS = [
{ t: 'Bind', b: 'The key unlocks with a password or fingerprint and checks its own hardware serial number, so the software only runs from its paired key.' },
{ t: 'Generate', b: 'A Kyber1024 key pair is created inside the key from hardware randomness. The private half never leaves.' },
{ t: 'Exchange', b: 'Only the public key travels, over ordinary email or file transfer. There is nothing secret in it.' },
{ t: 'Encrypt', b: 'Messages and files are locked with up to four stacked ciphers on top of the key exchange.' },
{ t: 'Decrypt', b: 'Only the paired key holding the matching private key can unlock it. The private key never touches the computer, the network or the cloud.' },
];
function KeyFlow() {
const api = R3.useRef(null);
const [step, setStep] = R3.useState(0);
R3.useEffect(() => { if (api.current) api.current.step(step); }, [step]);
const s = KEY_STEPS[step];
return (
{KEY_STEPS.map((k, i) => (
))}
{s.t}. {s.b}
)}
>
{ api.current = a; if (a) a.step(step); }} />
);
}
// ─── The key, taken apart (Partners, and a small teaser on Home) ────────────────────────────────────────────────
const FORGE_PARTS = [
{ id: 'pcb', label: 'Hardware key', text: 'The secure chip and its board. Private keys stay here.' },
{ id: 'crypto', label: 'Crypto engine', text: 'Kyber1024 key exchange and a stack of ciphers.' },
{ id: 'apps', label: 'Applications', text: 'Encrypted messaging and file encryption that run from the key.' },
{ id: 'back', label: 'Enclosure', text: 'Designed and built by Qryptec.' },
];
function KeyForge() {
const api = R3.useRef(null);
const [v, setV] = R3.useState(0);
const [part, setPart] = R3.useState(null);
R3.useEffect(() => { if (api.current) api.current.assemble(v / 100); }, [v]);
const choose = (id) => { setPart(id); if (api.current) api.current.select(id); };
const info = FORGE_PARTS.find((p) => p.id === part || (part === 'front' && p.id === 'back'));
return (
Taken apart
setV(+e.target.value)} aria-label="Assemble the key" />
Assembled