+ ';
+ } else if (f.type === 'number' || f.type === 'money') {
+ out = '' + (f.required ? 'Choose one' : 'Not set') + ' ';
+ (f.options || []).forEach(function (o) {
+ var lab = (f.key === 'stage' && STAGE_BY_ID[o]) ? STAGE_BY_ID[o].label : o;
+ opts += '' + esc(lab) + ' ';
+ });
+ out = '' + opts + ' ';
+ } else if (f.type === 'ref') {
+ var refs = CRM.all(f.ref).filter(function (r) { return !rec || r.id !== rec.id; });
+ if ((entity === 'sales' || entity === 'payouts') && f.key === 'affiliateId') {
+ refs = refs.filter(function (r) {
+ return String(r.id) === String(v) || (
+ r.authoritative === true &&
+ Boolean(r.enrollmentId) &&
+ !CRM.isTestAffiliate(r) &&
+ r.economicsStatus === 'bound'
+ );
+ });
+ }
+ refs.sort(function (a, b) { return String(a.name).localeCompare(String(b.name)); });
+ var ropts = '' + (f.required ? 'Choose one' : 'None') + ' ';
+ refs.forEach(function (r) {
+ ropts += '' + esc(r.name) + ' ';
+ });
+ out = '' + ropts + ' ';
+ } else if (f.type === 'multi') {
+ var have = v || [];
+ out = '' +
+ (f.options || []).map(function (o, i) {
+ var oid = id + '-' + i;
+ return '
';
+ } else if (f.type === 'gates') {
+ var g = v || {};
+ out = '' +
+ CRM.GATES.map(function (gate, i) {
+ var passed = g[gate.id] === true;
+ return '
' + (passed ? '✓' : '○') +
+ ' ' + (i + 1) + ' ' + esc(gate.label) +
+ '' + esc(gate.note) + '
';
+ }).join('') + '
' +
+ (showLabel ? '
' +
+ esc(f.label) + (f.required ? ' required ' : '') + ' ' : '') +
+ out +
+ (locked || f.type === 'gates' ? '
' +
+ (f.readOnly ? 'Authoritative server ledger value.' : 'Authoritative. Change this through its specific lifecycle action.') +
+ '
' : '') +
+ (f.hint ? '
' + esc(f.hint) + '
' : '') +
+ '
' +
+ '
Launch agreement '
+ );
+ }
+ if (recordActionAvailable(a, 'agreement.manage')) {
+ actions.push(
+ 'Open agreement '
+ );
+ }
+ if (recordActionAvailable(a, 'invitation.send')) {
+ actions.push(
+ 'Send Passport access '
+ );
+ }
+ var economics = receipt
+ ? '' +
+ '
Economics ' +
+ pill(a.economicsStatus || 'bound', 'is-ok') + '
' +
+ '
Terms reference ' +
+ esc(receipt.termsReference || 'not supplied') + '
' +
+ '
Agreement version ' +
+ esc(receipt.agreementVersion || 'not supplied') + '
' +
+ '
Snapshot receipt ' +
+ esc(receipt.snapshotSha256 || a.economicsSnapshotSha256 || 'not supplied') + '
' +
+ '
Bound ' +
+ esc(fmtDateTime(receipt.boundAt)) + '
' +
+ '
Economics not bound
' +
+ '
A production agreement cannot launch until the exact per-affiliate economics receipt exists.
' +
+ pill('Verified signature evidence', 'is-ok') +
+ (agreement.signedAt ? ' Signed ' + esc(fmtDateTime(agreement.signedAt)) + '.' : '') +
+ '
'
+ : 'Passport access stays locked until the Contract Engine webhook verifies the signed artifact and certificate hashes.
';
+ if (a.isTest === true) {
+ evidence = 'Sandbox: fixed nonpayable test records do not create a production agreement.
';
+ economics = 'SANDBOX economics
' +
+ '
Fixed nonpayable policy. Excluded from live merchant connections, revenue, commission and payout totals.
Agreement + Passport handoff ' +
+ '
Current agreement state: ' + pill(agreementStatus, agreementTone) + '
' +
+ economics + evidence +
+ (actions.length
+ ? '
' + actions.join('') + '
'
+ : '
No agreement or invitation action is currently authorized for this record.
') +
+ '
Money ' +
+ '
' +
+ rows.map(function (r) {
+ return '' + esc(r[0]) + ' ' +
+ '' + (r[1] === null ? unset('no rate set') : esc(r[1])) + '
Sales ' +
+ '
' +
+ 'Date Order ' +
+ 'Gross Refunded ' +
+ (sales.length ? sales.map(function (s) {
+ return '' +
+ '' + esc(s.date) + ' ' +
+ '' + esc(s.orderRef || '') + (s.product ? '' + esc(s.product) + '
' : '') + ' ' +
+ '' + fmtMoney(parseFloat(s.gross) || 0) + ' ' +
+ '' + fmtMoney(parseFloat(s.refunded) || 0) + ' ';
+ }).join('') : emptyRow(4, 'No sales for this affiliate.')) +
+ '
' +
+ '
Add sale
Payouts ' +
+ '
' +
+ 'Date Amount ' +
+ 'Status ' +
+ (payouts.length ? payouts.map(function (p) {
+ return '' +
+ '' + esc(p.date) + ' ' +
+ '' + fmtMoney(parseFloat(p.amount) || 0) + ' ' +
+ '' + esc(p.status || '') + ' ';
+ }).join('') : emptyRow(3, 'No payouts for this affiliate.')) +
+ '
' +
+ '
Add payout
Network ' +
+ '
Upline: ' + (up
+ ? '' + esc(up.name) + ' '
+ : unset('none')) + '
' +
+ '
Downline: ' + (down.length
+ ? down.map(function (d) {
+ return '' + esc(d.name) + ' ';
+ }).join(' ')
+ : unset('none')) + '
Activate affiliate ';
+ } else if (a.stage === 'active') {
+ lifecycleButtons =
+ 'Pause ' +
+ 'Offboard ';
+ } else if (a.stage === 'paused') {
+ lifecycleButtons =
+ 'Reactivate ' +
+ 'Offboard ';
+ }
+ }
+ var gateHtml = 'Activation ' +
+ '
' + gateBar(a) + '
' +
+ '
' + (a.stage === 'active' && g.complete
+ ? pill('Active and all nine gates pass', 'is-ok')
+ : activation.ready
+ ? pill('Ready for lifecycle activation', 'is-ok')
+ : pill('Blocked at ' + activation.blockedBy.label, 'is-warn') + ' ' + esc(activation.blockedBy.note)) + '
' +
+ (lifecycleButtons ? '
' + lifecycleButtons + '
' : '') +
+ '
History ' +
+ historyHtml(relatedHistory) + '';
+
+ return '' + agreementAux(a) + money + gateHtml + salesHtml + payHtml + treeHtml + history + '
';
+ }
+
+ function renderAux() {
+ var host = $('crm-drawer-aux');
+ if (!host || !drawer.open || drawer.entity !== 'affiliates' || !drawer.id) return;
+ var a = CRM.get('affiliates', drawer.id);
+ if (!a) return;
+ var tmp = document.createElement('div');
+ tmp.innerHTML = affiliateAux(a);
+ host.innerHTML = tmp.firstChild.innerHTML;
+ }
+
+ function showSystemDrawer(title, body, foot, trigger) {
+ drawer.open = true;
+ drawer.entity = null;
+ drawer.id = null;
+ drawer.back = null;
+ drawer.trigger = trigger || document.activeElement;
+ $('crm-drawer-title').textContent = title;
+ $('crm-drawer-body').innerHTML = body;
+ $('crm-drawer-foot').innerHTML = foot || 'Done ';
+ var panel = $('crm-drawer');
+ panel.hidden = false;
+ panel.classList.add('is-open');
+ document.body.classList.add('crm-drawer-open');
+ var first = qs('input, select, textarea, button, a[href]', $('crm-drawer-panel'));
+ (first || $('crm-drawer-close')).focus();
+ }
+
+ function openHistoryDrawer(trigger) {
+ showSystemDrawer(
+ 'Program history',
+ 'Authoritative actions, lifecycle events and operator changes.
' +
+ historyHtml(historyRows()) + '
Done ',
+ trigger
+ );
+ }
+
+ function canCreateTestAccount() {
+ var capabilities = CRM.state.capabilities || {};
+ var actions = capabilities.actions;
+ return capabilities.testAccounts === true ||
+ (Array.isArray(actions) && actions.indexOf('test-account.create') >= 0);
+ }
+
+ var ECON_MODELS = ['percentage', 'retainer', 'hybrid', 'flat', 'tiered', 'custom'];
+ var PAYOUT_CADENCES = ['daily', 'weekly', 'biweekly', 'monthly', 'quarterly', 'manual', 'custom'];
+ var RETAINER_CADENCES = ['weekly', 'monthly', 'quarterly', 'custom'];
+ var RETAINER_PRORATIONS = ['none', 'daily', 'monthly', 'custom'];
+ var programDirty = false;
+
+ function hasExplicitCapability(action) {
+ var actions = CRM.state.capabilities && CRM.state.capabilities.actions;
+ return Array.isArray(actions) && actions.indexOf(action) >= 0;
+ }
+
+ function programField(camel, snake) {
+ var program = CRM.state.program || {};
+ var config = program.config || program.configuration || {};
+ if (program[camel] !== undefined && program[camel] !== null) return program[camel];
+ if (snake && program[snake] !== undefined && program[snake] !== null) return program[snake];
+ if (config[camel] !== undefined && config[camel] !== null) return config[camel];
+ if (snake && config[snake] !== undefined && config[snake] !== null) return config[snake];
+ return '';
+ }
+
+ function activationMissing() {
+ var program = CRM.state.program || {};
+ var explicitMissing = program.missingActivationRequirements ||
+ program.missing_activation_requirements;
+ if (Array.isArray(explicitMissing)) {
+ return explicitMissing.map(function (item) {
+ if (typeof item === 'string') return item;
+ return item.label || item.message || item.key || item.code || JSON.stringify(item);
+ });
+ }
+ var requirements = program.activationRequirements || program.activation_requirements || {};
+ var missing = Array.isArray(requirements)
+ ? requirements.filter(function (item) {
+ return item && item.satisfied !== true;
+ })
+ : Array.isArray(requirements.missing) ? requirements.missing
+ : Array.isArray(requirements.missingRequirements) ? requirements.missingRequirements
+ : Array.isArray(program.missingRequirements) ? program.missingRequirements
+ : [];
+ return missing.map(function (item) {
+ if (typeof item === 'string') return item;
+ return item.label || item.message || item.key || item.code || JSON.stringify(item);
+ });
+ }
+
+ function activationRequirementsAvailable() {
+ var program = CRM.state.program || {};
+ return program.missingActivationRequirements !== undefined ||
+ program.missing_activation_requirements !== undefined ||
+ program.activationRequirements !== undefined ||
+ program.activation_requirements !== undefined ||
+ program.missingRequirements !== undefined;
+ }
+
+ function originValue(value) {
+ try {
+ var parsed = new URL(value);
+ if (parsed.protocol !== 'https:' || parsed.username || parsed.password ||
+ parsed.pathname !== '/' || parsed.search || parsed.hash) return null;
+ return parsed.origin;
+ } catch (error) {
+ return null;
+ }
+ }
+
+ function programStatusHtml() {
+ var status = String(programField('status', 'status') || 'unknown').toLowerCase();
+ var kind = status === 'active' ? 'is-ok' : status === 'paused' ? 'is-warn' : 'is-quiet';
+ return pill(status, kind);
+ }
+
+ function economicsSchema() {
+ var schema = CRM.state.program && CRM.state.program.economicsSchema;
+ return schema && typeof schema === 'object' ? schema : null;
+ }
+
+ function economicsSchemaValue(schema, key) {
+ var buckets = [
+ schema && schema.values,
+ schema && schema.initialValues,
+ schema && schema.defaults,
+ schema && schema.snapshot,
+ schema && schema.current
+ ];
+ for (var i = 0; i < buckets.length; i++) {
+ if (buckets[i] && Object.prototype.hasOwnProperty.call(buckets[i], key)) return buckets[i][key];
+ }
+ if (schema && schema.properties && schema.properties[key]) {
+ var property = schema.properties[key];
+ if (property.const !== undefined) return property.const;
+ if (property.default !== undefined) return property.default;
+ }
+ if (schema && Array.isArray(schema.fields)) {
+ var field = schema.fields.find(function (candidate) {
+ return candidate && (candidate.key === key || candidate.name === key);
+ });
+ if (field) {
+ if (field.value !== undefined) return field.value;
+ if (field.default !== undefined) return field.default;
+ }
+ }
+ return '';
+ }
+
+ function econOptions(id, values, selected) {
+ return '' +
+ 'Choose one ' +
+ values.map(function (value) {
+ return '' +
+ esc(value) + ' ';
+ }).join('') + ' ';
+ }
+
+ function economicsSnapshotFields(schema, options) {
+ options = options || {};
+ var containerId = options.containerId || 'invite-live-economics';
+ var errorId = options.errorId || 'invite-economics-error';
+ var heading = options.heading || 'Per-affiliate economics snapshot';
+ var description = options.description ||
+ 'All 15 v2 fields bind immutably to this invitation. No program-wide rate is assumed.';
+ function value(key) {
+ var current = economicsSchemaValue(schema, key);
+ return current === null || current === undefined ? '' : String(current);
+ }
+ return '' +
+ '
' + esc(heading) + ' ' +
+ '
' + esc(description) + '
' +
+ '
' +
+ '
Terms required ' +
+ '
' +
+ '
3–2,000 characters. State the exact individualized economics.
' +
+ '
Terms reference server locked ' +
+ '
' +
+ '
Immutable server reference, 3–500 characters.
' +
+ '
' +
+ '
' +
+ '
' +
+ '
Agreement version required ' +
+ '
' +
+ '
' +
+ '
' +
+ '
Sandbox accounts are nonpayable, cannot connect to a live merchant account and do not count toward live totals.
' +
+ ''
+ : '';
+ var schema = economicsSchema();
+ var liveEconomics = schema
+ ? economicsSnapshotFields(schema)
+ : 'Live invitations are fail-closed
' +
+ '
The projection did not provide program.economicsSchema. Refresh after the server publishes the exact per-affiliate schema, or create sandbox data.
One controlled sequence
' +
+ '
1. Prepare the enrollment and lock its exact economics. 2. Launch and execute the enrollment-bound agreement. 3. Send Passport access only after verified signature evidence returns.
Creator details ' +
+ '
Creator name ' +
+ '
' +
+ '
Email required ' +
+ '
' +
+ testFlag +
+ '
SANDBOX policy
' +
+ '
The server maps a fixed nonpayable test policy. No editable economics, no live merchant link, no live metrics.
',
+ 'Prepare enrollment ' +
+ 'Cancel
',
+ trigger
+ );
+ syncInviteTestMode();
+ syncEconomicsConditions();
+ $('invite-email').focus();
+ }
+
+ function syncInviteTestMode() {
+ var test = $('invite-test');
+ if (!test) return;
+ var enabled = test.checked;
+ var send = $('invite-test-send');
+ var sendExplicitly = enabled && send && send.checked;
+ $('invite-test-options').hidden = !enabled;
+ $('invite-live-economics').hidden = enabled;
+ $('invite-sandbox-policy').hidden = !enabled;
+ $('invite-email').required = !enabled || sendExplicitly;
+ $('invite-email-required').hidden = enabled && !sendExplicitly;
+ $('invite-email').placeholder = enabled && !sendExplicitly
+ ? 'Optional; a non-deliverable sandbox address will be generated'
+ : '';
+ $('invite-create').textContent = enabled ? 'Create sandbox link' : 'Prepare enrollment';
+ $('invite-create').disabled = !enabled && !economicsSchema();
+ }
+
+ function syncEconomicsConditions() {
+ var modelField = $('econ-model');
+ if (!modelField) return;
+ var model = modelField.value;
+ var hasRetainer = model === 'retainer' || model === 'hybrid';
+ var commission = $('econ-commission-rate');
+ if (commission) {
+ commission.disabled = model === 'retainer';
+ if (model === 'retainer') commission.value = '';
+ }
+ ['econ-retainer-amount', 'econ-retainer-cadence', 'econ-retainer-proration'].forEach(function (id) {
+ var field = $(id);
+ field.disabled = !hasRetainer;
+ if (!hasRetainer) field.value = '';
+ });
+ $('econ-retainer-fields').classList.toggle('is-disabled', !hasRetainer);
+ }
+
+ function collectEconomicsSnapshot(errorId) {
+ errorId = errorId || 'invite-economics-error';
+ var errors = [];
+ function raw(id) {
+ var field = $(id);
+ return field ? field.value.trim() : '';
+ }
+ function requiredText(id, label, min, max) {
+ var value = raw(id);
+ if (value.length < min || value.length > max) {
+ errors.push({ id: id, message: label + ' must be ' + min + '–' + max + ' characters.' });
+ }
+ return value;
+ }
+ function decimal(id, label, maximum, places, options) {
+ options = options || {};
+ var value = raw(id);
+ if (!value && options.nullable) return null;
+ var pattern = new RegExp('^(?:0|[1-9][0-9]*)(?:\\.[0-9]{1,' + places + '})?$');
+ var number = Number(value);
+ if (!pattern.test(value) || !isFinite(number) || number < 0 || number > maximum ||
+ (options.positive && number <= 0)) {
+ errors.push({
+ id: id,
+ message: label + ' must be ' + (options.positive ? 'greater than zero and ' : '') +
+ 'no more than ' + maximum + ', with up to ' + places + ' decimal places.'
+ });
+ }
+ return value || null;
+ }
+ function integer(id, label, minimum, maximum) {
+ var value = raw(id);
+ var number = Number(value);
+ if (!/^(?:0|[1-9][0-9]*)$/.test(value) || number < minimum || number > maximum) {
+ errors.push({ id: id, message: label + ' must be an integer from ' + minimum + ' to ' + maximum + '.' });
+ }
+ return value;
+ }
+ function choice(id, label, choices) {
+ var value = raw(id);
+ if (choices.indexOf(value) < 0) errors.push({ id: id, message: 'Choose a valid ' + label + '.' });
+ return value;
+ }
+
+ var currency = raw('econ-currency').toUpperCase();
+ if (!/^[A-Z]{3}$/.test(currency)) {
+ errors.push({ id: 'econ-currency', message: 'Currency must be exactly three uppercase ISO letters.' });
+ }
+ var model = choice('econ-model', 'model', ECON_MODELS);
+ var hasRetainer = model === 'retainer' || model === 'hybrid';
+ var requiresCommission = model === 'percentage' || model === 'hybrid';
+ var commissionRate = model === 'retainer'
+ ? null
+ : decimal('econ-commission-rate', 'Commission rate', 100, 4, {
+ nullable: !requiresCommission,
+ positive: requiresCommission
+ });
+ var retainerAmount = hasRetainer
+ ? decimal('econ-retainer-amount', 'Retainer amount', 1000000000, 2, { positive: true })
+ : null;
+ var retainerCadence = hasRetainer
+ ? choice('econ-retainer-cadence', 'retainer cadence', RETAINER_CADENCES)
+ : null;
+ var retainerProration = hasRetainer
+ ? choice('econ-retainer-proration', 'retainer proration', RETAINER_PRORATIONS)
+ : null;
+
+ var snapshot = {
+ currency: currency,
+ model: model,
+ terms: requiredText('econ-terms', 'Terms', 3, 2000),
+ terms_reference: requiredText('econ-terms-reference', 'Terms reference', 3, 500),
+ commission_rate: commissionRate,
+ commission_base: requiredText('econ-commission-base', 'Commission base', 3, 500),
+ attribution_window_days: integer('econ-attribution-window', 'Attribution window', 1, 3650),
+ settlement_hold_days: integer('econ-settlement-hold', 'Settlement hold', 0, 3650),
+ clawback_days: integer('econ-clawback-days', 'Clawback days', 0, 3650),
+ payout_cadence: choice('econ-payout-cadence', 'payout cadence', PAYOUT_CADENCES),
+ payout_threshold: decimal('econ-payout-threshold', 'Payout threshold', 1000000000, 2),
+ agreement_version: requiredText('econ-agreement-version', 'Agreement version', 3, 160),
+ retainer_amount: retainerAmount,
+ retainer_cadence: retainerCadence,
+ retainer_proration: retainerProration
+ };
+
+ var errorHost = $(errorId);
+ if (errors.length) {
+ errorHost.innerHTML = '' + esc(errors[0].message) + ' ';
+ var first = $(errors[0].id);
+ if (first) {
+ first.setAttribute('aria-invalid', 'true');
+ first.focus();
+ }
+ announce(errors.map(function (error) { return error.message; }).join(' '));
+ } else {
+ errorHost.textContent = '';
+ qsa('[aria-invalid="true"]', errorHost.parentElement).forEach(function (field) {
+ field.removeAttribute('aria-invalid');
+ });
+ }
+ return { snapshot: snapshot, errors: errors };
+ }
+
+ function openProgramDrawer(trigger) {
+ var program = CRM.state.program || {};
+ var programId = program.id || program.programId || '';
+ var canCreate = hasExplicitCapability('program.create');
+ var canUpdate = hasExplicitCapability('program.update');
+ var canActivate = hasExplicitCapability('program.activate');
+ programDirty = false;
+
+ if (!programId) {
+ showSystemDrawer(
+ 'Program setup',
+ 'No program record
' +
+ '
Create a fail-closed setup record before entering legal, destination, agreement, or economics configuration.
Create setup record ' +
+ 'Cancel
'
+ : 'Your session does not advertise program.create.
' +
+ 'Done ',
+ trigger
+ );
+ return;
+ }
+
+ var missing = activationMissing();
+ var requirementsKnown = activationRequirementsAvailable();
+ var requirements = !requirementsKnown
+ ? 'Activation status unavailable
' +
+ '
The projection omitted activationRequirements. Activation stays disabled.
Activation blocked
' +
+ '
' +
+ missing.map(function (item) { return '' + esc(item) + ' '; }).join('') +
+ ' Activation requirements
' +
+ '
The projection reports no missing requirement. The server validates again on activation.
Setup is read-only
' +
+ '
This session does not advertise program.update.
' +
+ '
Legal entity ' + displayValue(programField('legalEntityName', 'legal_entity_name')) + '
' +
+ '
Trade name / DBA ' + displayValue(programField('tradeName', 'trade_name')) + '
' +
+ '
Entity type ' + displayValue(programField('entityType', 'entity_type')) + '
' +
+ '
Authorized signer ' +
+ displayValue(programField('authorizedSignerName', 'authorized_signer_name')) + '
' +
+ '
Signer title ' +
+ displayValue(programField('authorizedSignerTitle', 'authorized_signer_title')) + '
' +
+ '
Signer email ' +
+ displayValue(programField('authorizedSignerEmail', 'authorized_signer_email')) + '
' +
+ '
Destination ' + displayValue(programField('affiliateBaseUrl', 'affiliate_base_url')) + '
' +
+ '
Tracking ' + displayValue(programField('trackingBaseUrl', 'tracking_base_url')) + '
' +
+ '
';
+ if (canUpdate) {
+ foot += 'Save setup ';
+ }
+ if (canActivate) {
+ foot += '' +
+ (status === 'paused' ? 'Reactivate saved setup' : 'Activate saved setup') + ' ';
+ }
+ foot += 'Done
';
+ if (status === 'paused') {
+ foot += 'Paused is server-owned. This client exposes only actions the server advertises.
';
+ }
+
+ showSystemDrawer(
+ 'Program setup',
+ 'Program state
' +
+ '
' + programStatusHtml() + ' revision ' +
+ esc(program.revision || CRM.revision || 'not supplied') + '
' + esc(errors[0].message) + ' ';
+ var first = $(errors[0].id);
+ if (first) { first.setAttribute('aria-invalid', 'true'); first.focus(); }
+ return null;
+ }
+ errorHost.textContent = '';
+ return {
+ programId: CRM.state.program.id || CRM.state.program.programId,
+ expectedRevision: CRM.state.program.revision || CRM.revision,
+ legalEntityName: legalEntityName,
+ tradeName: tradeName,
+ entityType: entityType,
+ officialAddress: officialAddress,
+ authorizedSignerRef: authorizedSignerRef,
+ authorizedSignerName: authorizedSignerName,
+ authorizedSignerTitle: authorizedSignerTitle,
+ authorizedSignerEmail: authorizedSignerEmail,
+ agreementTemplateKey: agreementTemplateKey,
+ agreementVersion: agreementVersion,
+ affiliateBaseUrl: affiliateBaseUrl,
+ trackingBaseUrl: trackingBaseUrl,
+ eligibleCountries: eligibleCountries,
+ eligibleRegions: eligibleRegions,
+ minimumAge: minimumAge,
+ economicsConfiguration: {
+ schemaVersion: 2,
+ mode: 'individualized',
+ noDefaults: true
+ }
+ };
+ }
+
+ function renderInvitationResult(result, testAccount) {
+ var invitation = result && (result.invitation || result.testAccount || result);
+ var url = invitation && (invitation.url || invitation.invitationUrl || invitation.claimUrl || invitation.link);
+ var expires = invitation && (invitation.expiresAt || invitation.expiry);
+ var resultHost = $('invite-result');
+ qsa('#crm-drawer-body > *').forEach(function (section) {
+ section.hidden = section !== resultHost;
+ });
+ resultHost.hidden = false;
+ resultHost.innerHTML = '' +
+ '
' + esc(testAccount ? 'SANDBOX test account created' : 'Invitation created') + '
' +
+ '
' +
+ (testAccount
+ ? '
Nonpayable test data. No live merchant connection or live-program metrics.
'
+ : '') +
+ (url
+ ? '
Secure link ' +
+ '
' +
+ '
Copy link
'
+ : 'The server created the record but did not return a shareable link. Open history for the receipt.') +
+ (expires ? '
Expires ' + esc(fmtDateTime(expires)) + '.
' : '') +
+ '
Done ';
+ $('crm-drawer-body').scrollTop = 0;
+ var copy = $('invite-copy');
+ (copy || $('crm-drawer-close')).focus();
+ }
+
+ function affiliateForEnrollment(enrollmentId) {
+ return CRM.all('affiliates').find(function (affiliate) {
+ return String(affiliate.id) === String(enrollmentId) ||
+ String(affiliate.enrollmentId || '') === String(enrollmentId);
+ }) || null;
+ }
+
+ function agreementActionButtons(affiliate) {
+ if (!affiliate) return '';
+ var buttons = [];
+ if (recordActionAvailable(affiliate, 'agreement.launch')) {
+ buttons.push(
+ 'Launch agreement '
+ );
+ }
+ if (recordActionAvailable(affiliate, 'agreement.manage')) {
+ buttons.push(
+ 'Open agreement '
+ );
+ }
+ if (recordActionAvailable(affiliate, 'invitation.send')) {
+ buttons.push(
+ 'Send Passport access '
+ );
+ }
+ return buttons.join('');
+ }
+
+ function renderPreparedEnrollment(result) {
+ var enrollmentId = result && result.enrollmentId;
+ var affiliate = enrollmentId ? affiliateForEnrollment(enrollmentId) : null;
+ var resultHost = $('invite-result');
+ qsa('#crm-drawer-body > *').forEach(function (section) {
+ section.hidden = section !== resultHost;
+ });
+ resultHost.hidden = false;
+ var actionButtons = agreementActionButtons(affiliate);
+ var economicsReceipt = result && result.economicsSnapshotSha256
+ ? 'Economics receipt ' +
+ esc(result.economicsSnapshotSha256) + '
'
+ : '';
+ resultHost.innerHTML = '' +
+ '
Enrollment prepared
' +
+ '
The exact economics are now bound to the canonical enrollment. No invitation email was sent.
' +
+ economicsReceipt +
+ '
Next: launch the enrollment-bound agreement. Passport access remains locked until verified signature evidence returns.
' +
+ (actionButtons
+ ? '
' + actionButtons + '
'
+ : '
No next agreement action is currently authorized. Open the affiliate record to see the server-owned blocker.
') +
+ '
Done ';
+ $('crm-drawer-body').scrollTop = 0;
+ var firstAction = qs('[data-agreement-action]', resultHost);
+ (firstAction || $('crm-drawer-close')).focus();
+ }
+
+ function secureAgreementUrl(value) {
+ try {
+ var url = new URL(value);
+ if (url.protocol !== 'https:' || url.username || url.password) return null;
+ return url.toString();
+ } catch (error) {
+ return null;
+ }
+ }
+
+ function renderAgreementWorkspaceResult(action, result, affiliate) {
+ var url = secureAgreementUrl(
+ action === 'launch'
+ ? result && result.launchUrl
+ : result && result.manageUrl
+ );
+ if (!url) {
+ toast('The server completed the action but returned no valid secure agreement URL.');
+ return;
+ }
+ showSystemDrawer(
+ action === 'launch' ? 'Agreement ready to create' : 'Agreement workspace',
+ '' +
+ esc(action === 'launch' ? 'Enrollment context verified' : 'Authoritative agreement loaded') +
+ '
' +
+ (action === 'launch'
+ ? '
The creator, program, agreement version and immutable economics receipt are locked into this launch.
'
+ : '
Open the existing enrollment-bound agreement to review delivery and signature status.
') +
+ '
' +
+ esc(action === 'launch' ? 'Continue to secure agreement' : 'Open secure agreement') +
+ ' ' +
+ '
Return here after the Contract Engine records the authoritative agreement. This record will update from its signed webhook evidence.
' +
+ '
Done ',
+ null
+ );
+ if (affiliate) {
+ $('crm-drawer-title').setAttribute('data-affiliate-id', affiliate.id);
+ }
+ }
+
+ async function runAgreementAction(button) {
+ var action = button.getAttribute('data-agreement-action');
+ var affiliate = CRM.get('affiliates', button.getAttribute('data-id'));
+ if (!affiliate || ['launch', 'manage', 'send'].indexOf(action) < 0) {
+ toast('The authoritative affiliate record could not be loaded.');
+ return;
+ }
+ var publicAction = action === 'send'
+ ? 'invitation.send'
+ : 'agreement.' + action;
+ if (!recordActionAvailable(affiliate, publicAction)) {
+ toast('That action is no longer authorized for this affiliate. Refresh to see the current state.');
+ return;
+ }
+ var enrollmentId = affiliate.enrollmentId || affiliate.id;
+ var revision = Number(affiliate.revision);
+ if (!Number.isSafeInteger(revision) || revision < 0) {
+ toast('The enrollment revision is missing. Refresh before continuing.');
+ return;
+ }
+ if (action === 'send' &&
+ !global.confirm('Send Passport access to ' + affiliate.email + '? The signed agreement evidence will be checked again.')) {
+ return;
+ }
+ var result = await mutate(
+ action === 'send' ? 'invitation:send' : 'agreement:' + action,
+ { enrollmentId: enrollmentId },
+ {
+ expectedRevision: revision,
+ success: action === 'send' ? 'Passport access sent.' : ''
+ }
+ );
+ if (result === null) return;
+ if (action === 'send') {
+ renderAll();
+ if (drawer.open && drawer.entity === 'affiliates') renderAux();
+ return;
+ }
+ renderAgreementWorkspaceResult(action, result, affiliate);
+ }
+
+ async function copyInvitation() {
+ var input = $('invite-url');
+ if (!input) return;
+ try {
+ if (global.navigator.clipboard && global.isSecureContext) {
+ await global.navigator.clipboard.writeText(input.value);
+ } else {
+ input.focus();
+ input.select();
+ if (!document.execCommand('copy')) throw new Error('copy unavailable');
+ }
+ toast('Invitation link copied.');
+ } catch (error) {
+ input.focus();
+ input.select();
+ toast('Copy was blocked. The link is selected so you can copy it manually.');
+ }
+ }
+
+ function openDrawer(entity, id, trigger, back) {
+ var schema = CRM.SCHEMA[entity];
+ if (!schema) return;
+ var rec = id ? CRM.get(entity, id) : null;
+ if (id && !rec) return;
+
+ drawer.open = true;
+ drawer.entity = entity;
+ drawer.id = id || null;
+ drawer.back = back || null;
+ if (trigger) drawer.trigger = trigger;
+
+ $('crm-drawer-title').textContent = (rec ? 'Edit ' : 'New ') + schema.label.toLowerCase() +
+ (rec ? ': ' + (rec.name || rec.orderRef || rec.id) : '');
+
+ var body = '';
+ if (drawer.back) {
+ var backRec = CRM.get(drawer.back.entity, drawer.back.id);
+ if (backRec) {
+ body += '' +
+ 'Back to ' + esc(backRec.name || backRec.id) + '
';
+ }
+ }
+
+ body += '
' + esc(schema.label) + ' details ' +
+ schema.fields.map(function (f) { return fieldControl(entity, f, rec); }).join('') + '';
+
+ if (entity === 'affiliates' && rec) body += affiliateAux(rec);
+ if (entity === 'affiliates' && !rec) {
+ body += 'Save this affiliate first, then sales, payouts and network appear here.
';
+ }
+
+ $('crm-drawer-body').innerHTML = body;
+
+ var foot = '' +
+ 'Save ' +
+ 'Cancel ';
+ if (rec) foot += 'Delete ';
+ foot += '
';
+ if (rec) foot += 'id ' + esc(rec.id) + '
';
+ $('crm-drawer-foot').innerHTML = foot;
+
+ var d = $('crm-drawer');
+ d.hidden = false;
+ d.classList.add('is-open');
+ document.body.classList.add('crm-drawer-open');
+
+ var first = qs('.crm-drawer-body input, .crm-drawer-body select, .crm-drawer-body textarea', d);
+ (first || $('crm-drawer-close')).focus();
+ }
+
+ function closeDrawer() {
+ if (!drawer.open) return;
+ var d = $('crm-drawer');
+ d.classList.remove('is-open');
+ d.hidden = true;
+ document.body.classList.remove('crm-drawer-open');
+ drawer.open = false;
+ drawer.entity = null;
+ drawer.id = null;
+ drawer.back = null;
+ /* Put focus back where it came from. A re-render can destroy the trigger,
+ so fall back to its data-fkey twin, then to the current tab, never to
+ nothing: losing focus to body strands keyboard users at the top. */
+ var restored = null;
+ if (drawer.trigger && document.body.contains(drawer.trigger)) {
+ restored = drawer.trigger;
+ } else if (drawer.trigger) {
+ var fk = drawer.trigger.getAttribute && drawer.trigger.getAttribute('data-fkey');
+ restored = fk ? qs('[data-fkey="' + fk + '"]') : null;
+ }
+ if (!restored || !restored.focus) restored = $('tab-' + ui.tab);
+ if (restored && restored.focus) restored.focus();
+ drawer.trigger = null;
+ }
+
+ function collectDrawer() {
+ var entity = drawer.entity;
+ var body = $('crm-drawer-body');
+ var rec = {};
+ var errors = [];
+
+ CRM.SCHEMA[entity].fields.forEach(function (f) {
+ if (f.type === 'gates' || f.readOnly || (drawer.id && f.authoritative)) return;
+ var el = qs('[data-field="' + f.key + '"]', body);
+ if (!el) return;
+ var v;
+ if (f.type === 'gates') {
+ v = {};
+ qsa('input[data-gate]', el).forEach(function (i) { v[i.getAttribute('data-gate')] = i.checked; });
+ } else if (f.type === 'multi') {
+ v = [];
+ qsa('input[data-opt]', el).forEach(function (i) { if (i.checked) v.push(i.getAttribute('data-opt')); });
+ } else if (f.type === 'bool') {
+ v = el.checked;
+ } else if (f.type === 'number' || f.type === 'money') {
+ var raw = el.value.trim();
+ v = raw === '' ? null : parseFloat(raw);
+ if (raw !== '' && isNaN(v)) errors.push({ key: f.key, msg: 'Not a number.' });
+ } else {
+ v = el.value.trim();
+ }
+
+ if (f.required) {
+ var missing = (f.type === 'number' || f.type === 'money') ? (v === null) : isBlank(v);
+ if (missing) errors.push({ key: f.key, msg: f.label + ' is required.' });
+ }
+ rec[f.key] = v;
+ });
+
+ return { rec: rec, errors: errors };
+ }
+
+ function showErrors(errors) {
+ qsa('[data-error-for]', $('crm-drawer-body')).forEach(function (p) { p.innerHTML = ''; });
+ qsa('[data-field]', $('crm-drawer-body')).forEach(function (el) { el.removeAttribute('aria-invalid'); });
+ errors.forEach(function (e) {
+ var p = qs('[data-error-for="' + e.key + '"]', $('crm-drawer-body'));
+ if (p) p.innerHTML = '' + esc(e.msg) + ' ';
+ var el = qs('[data-field="' + e.key + '"]', $('crm-drawer-body'));
+ if (el) el.setAttribute('aria-invalid', 'true');
+ });
+ if (errors.length) {
+ var first = qs('[data-field="' + errors[0].key + '"]', $('crm-drawer-body'));
+ if (first && first.focus) first.focus();
+ announce(errors.length + ' problem' + (errors.length === 1 ? '' : 's') + ' with this record. ' +
+ errors.map(function (e) { return e.msg; }).join(' '));
+ }
+ }
+
+ /* Saves the open record after server confirmation. */
+ async function saveDrawer(silent) {
+ if (!drawer.open) return null;
+ var res = collectDrawer();
+ showErrors(res.errors);
+ if (res.errors.length) {
+ if (!silent) toast('Not saved. ' + res.errors[0].msg);
+ return null;
+ }
+ var id = drawer.id;
+ var current = id ? CRM.get(drawer.entity, id) : null;
+ var verb = id ? 'update' : 'create';
+ var payload = id ? { id: id, patch: res.rec } : { record: res.rec };
+ var result = await mutate(drawer.entity + ':' + verb, payload, {
+ expectedRevision: current && current.revision,
+ success: silent ? '' : CRM.SCHEMA[drawer.entity].label + (id ? ' saved.' : ' created.')
+ });
+ if (result === null) return null;
+ if (!id) {
+ var created = result.record || result.created || result;
+ id = created.id || result.id || null;
+ drawer.id = id;
+ }
+ return id;
+ }
+
+ /* ============================================================== RENDER */
+
+ function renderCounts() {
+ var t = CRM.totals();
+ $('count-dashboard').textContent = t.overdueCount + t.defectCount;
+ $('count-affiliates').textContent = t.affiliateCount;
+ $('count-pipeline').textContent = CRM.all('affiliates').filter(function (affiliate) {
+ return affiliate.authoritative !== true && !affiliate.enrollmentId;
+ }).length;
+ $('count-onboarding').textContent = CRM.all('affiliates').filter(function (a) {
+ return a.stage === 'signed' || a.stage === 'onboarding';
+ }).length;
+ $('count-outbound').textContent = t.outboundCount;
+ $('count-money').textContent = CRM.all('sales').length + CRM.all('payouts').length;
+ }
+
+ function renderAll() {
+ var active = document.activeElement;
+ var fkey = active && active.getAttribute ? active.getAttribute('data-fkey') : null;
+ var inDrawer = active && $('crm-drawer').contains(active);
+
+ renderCounts();
+ renderDashboard();
+ renderAffiliates();
+ renderPipeline();
+ renderOnboarding();
+ renderOutbound();
+ renderMoney();
+ renderAux();
+ renderSystemState();
+
+ if (fkey && !inDrawer) {
+ var again = qs('[data-fkey="' + fkey + '"]');
+ if (again && again.focus) again.focus();
+ }
+ }
+
+ function setTab(tab, focusTab) {
+ if (TABS.indexOf(tab) < 0) tab = 'dashboard';
+ ui.tab = tab;
+ TABS.forEach(function (t) {
+ var btn = $('tab-' + t), view = $('view-' + t);
+ var on = t === tab;
+ btn.classList.toggle('is-active', on);
+ btn.setAttribute('aria-selected', on ? 'true' : 'false');
+ btn.tabIndex = on ? 0 : -1;
+ view.classList.toggle('is-active', on);
+ view.hidden = !on;
+ });
+ if (focusTab) $('tab-' + tab).focus();
+ writeHash();
+ }
+
+ /* =============================================================== EVENTS */
+
+ function toggleSort(bag, key, table) {
+ if (bag.sort === key) {
+ bag.dir = bag.dir === 'asc' ? 'desc' : 'asc';
+ } else {
+ bag.sort = key;
+ bag.dir = NUMERIC_SORT[key] ? 'desc' : 'asc';
+ }
+ writeHash();
+ renderAll();
+ announce('Sorted by ' + key + ', ' + (bag.dir === 'desc' ? 'descending' : 'ascending') + '.');
+ }
+
+ function sortBagFor(table) {
+ if (!table) return null;
+ if (table.id === 'aff-table') return ui.aff;
+ if (table.id === 'out-table') return ui.out;
+ if (table.id === 'sale-table') return ui.sales;
+ if (table.id === 'payout-table') return ui.payouts;
+ return null;
+ }
+
+ function download(filename, text) {
+ var blob = new Blob([text], { type: 'text/csv;charset=utf-8' });
+ var url = URL.createObjectURL(blob);
+ var a = document.createElement('a');
+ a.href = url;
+ a.download = filename;
+ document.body.appendChild(a);
+ a.click();
+ document.body.removeChild(a);
+ setTimeout(function () { URL.revokeObjectURL(url); }, 1000);
+ }
+
+ function exportEntity(entity) {
+ var stamp = CRM.today();
+ download('biologix-' + entity + '-' + stamp + '.csv', CRM.toCSV(entity));
+ toast('Exported ' + CRM.all(entity).length + ' ' + entity + ' rows to CSV.');
+ }
+
+ function wire() {
+ /* tabs */
+ qsa('.crm-tab').forEach(function (btn) {
+ btn.addEventListener('click', function () { setTab(btn.getAttribute('data-tab')); });
+ btn.addEventListener('keydown', function (e) {
+ var i = TABS.indexOf(ui.tab), next = null;
+ if (e.key === 'ArrowRight') next = TABS[(i + 1) % TABS.length];
+ else if (e.key === 'ArrowLeft') next = TABS[(i - 1 + TABS.length) % TABS.length];
+ else if (e.key === 'Home') next = TABS[0];
+ else if (e.key === 'End') next = TABS[TABS.length - 1];
+ if (next) { e.preventDefault(); setTab(next, true); }
+ });
+ });
+
+ /* topbar tools */
+ $('tool-export').addEventListener('click', function () {
+ exportEntity(TAB_ENTITY[ui.tab]);
+ });
+ $('tool-refresh').addEventListener('click', function () { refreshProjection(); });
+ $('crm-retry').addEventListener('click', function () { refreshProjection(); });
+ $('tool-program').addEventListener('click', function () { openProgramDrawer(this); });
+ $('tool-history').addEventListener('click', function () { openHistoryDrawer(this); });
+ $('dash-history-open').addEventListener('click', function () { openHistoryDrawer(this); });
+ $('tool-invite').addEventListener('click', function () { openInviteDrawer(this); });
+ $('tool-logout').addEventListener('click', function () { logout(); });
+
+ /* affiliate toolbar */
+ var affSearch = $('aff-search');
+ affSearch.addEventListener('input', function () {
+ ui.aff.q = affSearch.value;
+ writeHash();
+ renderAffiliates();
+ });
+ $('aff-owner').addEventListener('change', function () {
+ ui.aff.owner = this.value; writeHash(); renderAffiliates();
+ });
+ $('aff-stage').addEventListener('change', function () {
+ ui.aff.stage = this.value; writeHash(); renderAffiliates();
+ });
+ $('aff-clear-filters').addEventListener('click', function () {
+ ui.aff.q = ''; ui.aff.owner = 'all'; ui.aff.stage = 'all';
+ affSearch.value = ''; $('aff-owner').value = 'all'; $('aff-stage').value = 'all';
+ writeHash(); renderAffiliates();
+ toast('Filters cleared.');
+ });
+ $('aff-add').addEventListener('click', function () {
+ openDrawer('affiliates', null, this);
+ });
+
+ /* pipeline and onboarding filters */
+ $('pipe-owner').addEventListener('change', function () {
+ ui.pipe.owner = this.value; writeHash(); renderPipeline();
+ });
+ $('onb-owner').addEventListener('change', function () {
+ ui.onb.owner = this.value; writeHash(); renderOnboarding();
+ });
+
+ /* outbound toolbar */
+ var outSearch = $('out-search');
+ outSearch.addEventListener('input', function () {
+ ui.out.q = outSearch.value; writeHash(); renderOutbound();
+ });
+ $('out-owner').addEventListener('change', function () {
+ ui.out.owner = this.value; writeHash(); renderOutbound();
+ });
+ $('out-disp').addEventListener('change', function () {
+ ui.out.disposition = this.value; writeHash(); renderOutbound();
+ });
+ $('out-dnc').addEventListener('change', function () {
+ ui.out.hideDnc = this.checked; writeHash(); renderOutbound();
+ });
+ $('out-add').addEventListener('click', function () {
+ openDrawer('outbound', null, this);
+ });
+
+ /* money buttons */
+ $('sale-add').addEventListener('click', function () { openDrawer('sales', null, this); });
+ $('payout-add').addEventListener('click', function () { openDrawer('payouts', null, this); });
+ $('sale-export').addEventListener('click', function () { exportEntity('sales'); });
+ $('payout-export').addEventListener('click', function () { exportEntity('payouts'); });
+
+ document.addEventListener('change', function (e) {
+ if (e.target && (e.target.id === 'invite-test' || e.target.id === 'invite-test-send')) {
+ syncInviteTestMode();
+ }
+ if (e.target && e.target.id === 'econ-model') syncEconomicsConditions();
+ });
+
+ document.addEventListener('input', function (e) {
+ if (!e.target || !closest(e.target, '#program-setup-form')) return;
+ programDirty = true;
+ var activate = $('program-activate');
+ if (activate) {
+ activate.disabled = true;
+ activate.title = 'Save this configuration before activating it.';
+ }
+ });
+
+ /* delegated clicks across the app */
+ document.addEventListener('click', async function (e) {
+ var el = e.target;
+
+ var sortTh = closest(el, '.crm-th.is-sortable');
+ if (sortTh) {
+ var bag = sortBagFor(closest(sortTh, 'table'));
+ if (bag) { toggleSort(bag, sortTh.getAttribute('data-sort')); return; }
+ }
+
+ var moveBtn = closest(el, '[data-move]');
+ if (moveBtn) {
+ e.stopPropagation();
+ await moveStage(moveBtn.getAttribute('data-id'), parseInt(moveBtn.getAttribute('data-move'), 10));
+ return;
+ }
+
+ var agreementBtn = closest(el, '[data-agreement-action]');
+ if (agreementBtn) {
+ e.stopPropagation();
+ await runAgreementAction(agreementBtn);
+ return;
+ }
+
+ var lifecycleBtn = closest(el, '[data-lifecycle-stage]');
+ if (lifecycleBtn) {
+ e.stopPropagation();
+ await setLifecycleStage(
+ lifecycleBtn.getAttribute('data-id'),
+ lifecycleBtn.getAttribute('data-lifecycle-stage')
+ );
+ return;
+ }
+
+ var touchBtn = closest(el, '[data-touch]');
+ if (touchBtn) {
+ e.stopPropagation();
+ await logTouch(touchBtn.getAttribute('data-touch'));
+ return;
+ }
+
+ var openBtn = closest(el, '[data-open]');
+ if (openBtn) {
+ e.stopPropagation();
+ openDrawer(openBtn.getAttribute('data-entity'), openBtn.getAttribute('data-id'), openBtn);
+ return;
+ }
+
+ var childBtn = closest(el, '[data-new-child]');
+ if (childBtn) {
+ e.stopPropagation();
+ var parentId = drawer.id;
+ if (!parentId) { toast('Save the affiliate before adding a related record.'); return; }
+ var childEntity = childBtn.getAttribute('data-new-child');
+ var back = { entity: 'affiliates', id: parentId };
+ openDrawer(childEntity, null, childBtn, back);
+ var affField = qs('[data-field="affiliateId"]', $('crm-drawer-body'));
+ if (affField) affField.value = parentId;
+ var dateField = qs('[data-field="date"]', $('crm-drawer-body'));
+ if (dateField && !dateField.value) dateField.value = CRM.today();
+ return;
+ }
+
+ if (closest(el, '#program-create')) {
+ var createdProgram = await mutate('program:create', {}, {
+ expectedRevision: CRM.revision,
+ success: 'Program setup record created.'
+ });
+ if (createdProgram !== null) openProgramDrawer(drawer.trigger || $('tool-program'));
+ return;
+ }
+
+ if (closest(el, '#program-save')) {
+ var programPayload = collectProgramSetup();
+ if (!programPayload) return;
+ var savedProgram = await mutate('program:update', programPayload, {
+ expectedRevision: programPayload.expectedRevision,
+ success: 'Program configuration saved in setup state.'
+ });
+ if (savedProgram !== null) openProgramDrawer(drawer.trigger || $('tool-program'));
+ return;
+ }
+
+ if (closest(el, '#program-activate')) {
+ if (programDirty) {
+ toast('Save the edited configuration before activating it.');
+ return;
+ }
+ var currentProgram = CRM.state.program || {};
+ var programId = currentProgram.id || currentProgram.programId;
+ var expectedRevision = currentProgram.revision || CRM.revision;
+ if (!global.confirm('Activate the saved program configuration? The server will re-check every requirement.')) return;
+ var activatedProgram = await mutate('program:activate', {
+ programId: programId,
+ expectedRevision: expectedRevision
+ }, {
+ expectedRevision: expectedRevision,
+ success: 'Program activation confirmed.'
+ });
+ if (activatedProgram !== null) openProgramDrawer(drawer.trigger || $('tool-program'));
+ return;
+ }
+
+ if (closest(el, '[data-drawer-close]')) { closeDrawer(); return; }
+
+ if (closest(el, '#crm-save')) {
+ if (await saveDrawer() !== null) {
+ if (drawer.back) {
+ var b = drawer.back;
+ drawer.back = null;
+ openDrawer(b.entity, b.id, drawer.trigger);
+ } else {
+ closeDrawer();
+ }
+ renderAll();
+ }
+ return;
+ }
+ if (closest(el, '#crm-cancel')) { closeDrawer(); return; }
+ if (closest(el, '#crm-drawer-back')) {
+ var bb = drawer.back;
+ drawer.back = null;
+ openDrawer(bb.entity, bb.id, drawer.trigger);
+ return;
+ }
+ if (closest(el, '#crm-delete')) {
+ var label = CRM.SCHEMA[drawer.entity].label;
+ var extra = drawer.entity === 'affiliates'
+ ? ' The server may block deletion while related sales, payouts or enrollments exist.'
+ : '';
+ if (!global.confirm('Delete this ' + label.toLowerCase() + '?' + extra)) return;
+ var doomed = CRM.get(drawer.entity, drawer.id);
+ var deleted = await mutate(drawer.entity + ':delete', { id: drawer.id }, {
+ expectedRevision: doomed && doomed.revision,
+ success: label + ' deleted.'
+ });
+ if (deleted === null) return;
+ closeDrawer();
+ renderAll();
+ return;
+ }
+
+ if (closest(el, '#invite-create')) {
+ var email = $('invite-email').value.trim();
+ var name = $('invite-name').value.trim();
+ var testAccount = !!($('invite-test') && $('invite-test').checked);
+ var sendTestEmail = !!($('invite-test-send') && $('invite-test-send').checked);
+ var emailRequired = !testAccount || sendTestEmail;
+ var errorHost = $('invite-error');
+ if (emailRequired && (!email || !/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email))) {
+ errorHost.innerHTML = 'Enter a valid email address. ';
+ $('invite-email').focus();
+ return;
+ }
+ if (email && !/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)) {
+ errorHost.innerHTML = 'Remove the optional email or enter a valid address. ';
+ $('invite-email').focus();
+ return;
+ }
+ errorHost.textContent = '';
+ if (testAccount && !email) email = 'sandbox-' + Date.now() + '@example.invalid';
+ var payload = {
+ email: email,
+ name: name || null
+ };
+ var expectedRevision = CRM.revision;
+ if (testAccount) payload.sendEmail = sendTestEmail;
+ if (!testAccount) {
+ if (!economicsSchema()) {
+ errorHost.innerHTML = 'Live economics schema is unavailable. Refresh or use sandbox. ';
+ return;
+ }
+ expectedRevision = Number(CRM.state.program && CRM.state.program.revision);
+ if (!Number.isSafeInteger(expectedRevision) || expectedRevision < 0) {
+ errorHost.innerHTML = 'The program revision is missing. Refresh before preparing this enrollment. ';
+ return;
+ }
+ var economics = collectEconomicsSnapshot();
+ if (economics.errors.length) return;
+ payload.economicsSnapshot = economics.snapshot;
+ }
+ var result = await mutate(testAccount ? 'test-account:create' : 'enrollment:prepare', payload, {
+ expectedRevision: expectedRevision,
+ success: testAccount ? '' : 'Enrollment prepared. No invitation has been sent.'
+ });
+ if (result !== null) {
+ if (testAccount) renderInvitationResult(result, true);
+ else renderPreparedEnrollment(result);
+ }
+ return;
+ }
+
+ if (closest(el, '#invite-copy')) {
+ await copyInvitation();
+ return;
+ }
+
+ var row = closest(el, '.crm-row, .crm-card');
+ if (row && row.getAttribute('data-entity')) {
+ var rowInDrawer = $('crm-drawer').contains(row);
+ if (rowInDrawer) {
+ openDrawer(row.getAttribute('data-entity'), row.getAttribute('data-id'), row,
+ { entity: 'affiliates', id: drawer.id });
+ } else {
+ openDrawer(row.getAttribute('data-entity'), row.getAttribute('data-id'), row);
+ }
+ }
+ });
+
+ /* keyboard on rows, cards and sortable headers */
+ document.addEventListener('keydown', function (e) {
+ if (e.key !== 'Enter' && e.key !== ' ' && e.key !== 'Spacebar') return;
+ var el = e.target;
+ var th = closest(el, '.crm-th.is-sortable');
+ if (th) {
+ e.preventDefault();
+ var bag = sortBagFor(closest(th, 'table'));
+ if (bag) toggleSort(bag, th.getAttribute('data-sort'));
+ return;
+ }
+ var row = closest(el, '.crm-row, .crm-card');
+ if (row && row.getAttribute('data-entity') && el === row) {
+ e.preventDefault();
+ row.click();
+ }
+ });
+
+ /* drawer keyboard: escape closes, tab traps, enter saves */
+ document.addEventListener('keydown', async function (e) {
+ if (!drawer.open) return;
+ if (e.key === 'Escape' || e.key === 'Esc') {
+ e.preventDefault();
+ closeDrawer();
+ return;
+ }
+ if (drawer.entity && e.key === 'Enter' && e.target && e.target.tagName === 'INPUT' && e.target.type !== 'checkbox') {
+ e.preventDefault();
+ if (await saveDrawer() !== null) { closeDrawer(); renderAll(); }
+ return;
+ }
+ if (e.key !== 'Tab') return;
+ var panel = $('crm-drawer-panel');
+ var items = qsa('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', panel)
+ .filter(function (n) { return n.getClientRects().length > 0 || n === document.activeElement; });
+ if (!items.length) return;
+ var first = items[0], last = items[items.length - 1];
+ if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }
+ else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }
+ });
+
+ /* hash and data changes */
+ global.addEventListener('hashchange', function () {
+ if (hashLock) return;
+ readHash();
+ syncControls();
+ setTab(ui.tab);
+ renderAll();
+ });
+ global.addEventListener('crm:change', function () { renderAll(); });
+ global.addEventListener('crm:status', function () { renderSystemState(); });
+ }
+
+ function closest(el, sel) {
+ while (el && el.nodeType === 1) {
+ if (el.matches ? el.matches(sel) : el.msMatchesSelector(sel)) return el;
+ el = el.parentElement;
+ }
+ return null;
+ }
+
+ /* ------------------------------------------------------------- actions */
+
+ async function moveStage(id, delta) {
+ var a = CRM.get('affiliates', id);
+ if (!a) return;
+ if (a.authoritative === true || a.enrollmentId) {
+ toast('Enrollment lifecycle changes use explicit activation controls.');
+ return;
+ }
+ var idx = -1;
+ CRM.PROSPECT_STAGES.forEach(function (s, i) { if (s.id === a.stage) idx = i; });
+ if (idx < 0) idx = 0;
+ var next = idx + delta;
+ if (next < 0 || next >= CRM.PROSPECT_STAGES.length) return;
+ await mutate('affiliate:stage', {
+ affiliateId: id,
+ stage: CRM.PROSPECT_STAGES[next].id
+ }, {
+ expectedRevision: a.revision,
+ success: a.name + ' moved to ' + CRM.PROSPECT_STAGES[next].label + '.'
+ });
+ }
+
+ async function setLifecycleStage(id, stage) {
+ var affiliate = CRM.get('affiliates', id);
+ if (!affiliate || !(affiliate.authoritative === true || affiliate.enrollmentId)) return;
+ var labels = { active: 'active', paused: 'paused', churned: 'offboarded' };
+ if (!labels[stage]) return;
+ if (stage === 'churned' &&
+ !global.confirm('Offboard ' + affiliate.name + '? Their Passport access will be revoked.')) {
+ return;
+ }
+ var result = await mutate('affiliate:stage', {
+ affiliateId: id,
+ stage: stage
+ }, {
+ expectedRevision: affiliate.revision,
+ success: affiliate.name + ' is now ' + labels[stage] + '.'
+ });
+ if (result !== null && drawer.open && drawer.entity === 'affiliates' && drawer.id === id) {
+ openDrawer('affiliates', id, drawer.trigger);
+ }
+ }
+
+ async function logTouch(id) {
+ var o = CRM.get('outbound', id);
+ if (!o) return;
+ if (o.dnc) { toast('This target asked not to be contacted. No touch logged.'); return; }
+ await mutate('outbound:touch', {
+ outboundId: id,
+ occurredAt: new Date().toISOString()
+ }, {
+ expectedRevision: o.revision,
+ success: o.name + ': touch confirmed.'
+ });
+ }
+
+ async function logout() {
+ if (busy) return;
+ setBusy(true);
+ try {
+ var response = await global.fetch('/api/control-tower/logout', {
+ method: 'POST',
+ credentials: 'same-origin',
+ headers: { Accept: 'application/json' }
+ });
+ if (!response.ok) {
+ var body = {};
+ try { body = await response.json(); } catch (error) {}
+ throw new Error(body.message || body.error || 'Logout was not completed.');
+ }
+ var sessionUser = CRM.state.session && CRM.state.session.user || {};
+ var authType = sessionUser.authType ||
+ (CRM.state.session && CRM.state.session.authType);
+ global.location.assign(authType === 'cloudflare_access'
+ ? '/cdn-cgi/access/logout'
+ : '/control-tower/access');
+ } catch (error) {
+ toast(mutationMessage(error));
+ setBusy(false);
+ }
+ }
+
+ /* ---------------------------------------------------------------- init */
+
+ function syncControls() {
+ $('aff-search').value = ui.aff.q;
+ $('aff-owner').value = ui.aff.owner;
+ $('aff-stage').value = ui.aff.stage;
+ $('pipe-owner').value = ui.pipe.owner;
+ $('onb-owner').value = ui.onb.owner;
+ $('out-search').value = ui.out.q;
+ $('out-owner').value = ui.out.owner;
+ $('out-disp').value = ui.out.disposition;
+ $('out-dnc').checked = ui.out.hideDnc;
+ }
+
+ async function init() {
+ fillSelect($('aff-owner'), CRM.OWNERS, 'All owners');
+ fillSelect($('pipe-owner'), CRM.OWNERS, 'All owners');
+ fillSelect($('onb-owner'), CRM.OWNERS, 'All owners');
+ fillSelect($('out-owner'), CRM.OWNERS, 'All owners');
+ fillSelect($('aff-stage'), CRM.STAGES, 'All stages');
+ fillSelect($('out-disp'), CRM.DISPOSITIONS, 'All dispositions');
+
+ readHash();
+ syncControls();
+ wire();
+ setTab(ui.tab);
+ renderAll();
+ await refreshProjection({ quiet: true });
+ }
+
+ if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', init);
+ } else {
+ init();
+ }
+
+})(window);
diff --git a/biologix-strategy-board/control-tower/crm-data.js b/biologix-strategy-board/control-tower/crm-data.js
new file mode 100644
index 0000000..9cfac95
--- /dev/null
+++ b/biologix-strategy-board/control-tower/crm-data.js
@@ -0,0 +1,685 @@
+/* Biologix Control Tower — authoritative data adapter.
+ Reads a same-origin projection and sends explicit, revision-aware actions.
+ No browser persistence and no seed data. Exposed as window.CRM. */
+(function (global) {
+ 'use strict';
+
+ var PROJECTION_URL = '/api/control-tower/projection';
+ var ACTION_URL = '/api/control-tower/action';
+
+ /* Filled from the authoritative staff projection. Keep this array stable so
+ schema controls that reference it update in place after every refresh. */
+ var OWNERS = ['Unassigned'];
+
+ var PROSPECT_STAGES = [
+ { id: 'sourced', label: 'Sourced', group: 'recruit' },
+ { id: 'contacted', label: 'Contacted', group: 'recruit' },
+ { id: 'replied', label: 'Replied', group: 'recruit' },
+ { id: 'qualified', label: 'Qualified', group: 'recruit' },
+ { id: 'call_booked', label: 'Call booked', group: 'close' },
+ { id: 'call_done', label: 'Call done', group: 'close' },
+ { id: 'agreement_sent', label: 'Agreement sent', group: 'close' },
+ { id: 'converted', label: 'Converted', group: 'close' },
+ { id: 'disqualified', label: 'Disqualified', group: 'dead' }
+ ];
+
+ /* These are projections of the enrollment lifecycle. They are never editable
+ as ordinary prospect stages. */
+ var LIFECYCLE_STAGES = [
+ { id: 'signed', label: 'Signed', group: 'close' },
+ { id: 'onboarding', label: 'Onboarding', group: 'activate' },
+ { id: 'active', label: 'Active', group: 'live' },
+ { id: 'paused', label: 'Paused', group: 'live' },
+ { id: 'churned', label: 'Churned', group: 'dead' },
+ { id: 'rejected', label: 'Rejected', group: 'dead' }
+ ];
+ var STAGES = PROSPECT_STAGES.concat(LIFECYCLE_STAGES);
+
+ var LOSS_REASONS = [
+ 'No reply', 'Not a fit', 'Audience too small', 'Compliance risk',
+ 'Wants cash upfront', 'Competing brand', 'Went dark', 'Rate rejected', 'Other'
+ ];
+
+ var GATES = [
+ { id: 'passport', label: 'OVO Creator Passport', note: 'Reusable OVO identity clearance.' },
+ { id: 'adult', label: 'Adult eligibility', note: '18+ verified via provider. Reference only, never stored here.' },
+ { id: 'agreement', label: 'Agreement executed', note: 'Signed affiliate agreement, exact version recorded.' },
+ { id: 'tax', label: 'Tax + payout set up', note: 'W-9/W-8 on file with provider, payout method verified.' },
+ { id: 'training', label: 'Claims + disclosure training', note: 'What they may say, and the FTC disclosure rule.' },
+ { id: 'account', label: 'Affiliate account created', note: 'Account exists in the affiliate system.' },
+ { id: 'tracking', label: 'Tracking QA passed', note: 'Test click and test order attributed correctly.' },
+ { id: 'content', label: 'First content approved', note: 'First batch reviewed against approved claims.' },
+ { id: 'launch', label: 'Launch authorised', note: 'Owner signs off. Links go live.' }
+ ];
+
+ var CHANNELS = ['Instagram DM', 'Email', 'SMS', 'Discord', 'Referral', 'In person', 'Other'];
+ var DISPOSITIONS = [
+ 'No response', 'Interested', 'Not interested', 'Wrong person',
+ 'Asked to follow up', 'Booked call', 'Do not contact'
+ ];
+ var RISK_FLAGS = [
+ 'Unverified age', 'Makes medical claims', 'No disclosure', 'Competing brand',
+ 'Chargeback history', 'Bought followers', 'Off-platform selling'
+ ];
+
+ var SCHEMA = {
+ affiliates: {
+ label: 'Affiliate',
+ plural: 'Affiliates',
+ fields: [
+ { key: 'name', label: 'Name', type: 'text', required: true },
+ { key: 'handle', label: 'Handle', type: 'text', hint: 'Primary social handle, no @' },
+ { key: 'platform', label: 'Platform', type: 'select', options: ['Instagram', 'TikTok', 'YouTube', 'X', 'Other'] },
+ { key: 'followers', label: 'Followers', type: 'number' },
+ { key: 'owner', label: 'Owner', type: 'select', options: OWNERS, required: true },
+ { key: 'stage', label: 'Stage', type: 'select', options: PROSPECT_STAGES.map(function (s) { return s.id; }), required: true, authoritative: true },
+ { key: 'source', label: 'Source', type: 'text', hint: 'Where they came from' },
+ { key: 'parentId', label: 'Recruited by', type: 'ref', ref: 'affiliates', hint: 'Upline affiliate. Drives override commission.' },
+ { key: 'code', label: 'Code', type: 'text' },
+ { key: 'link', label: 'Link', type: 'text' },
+ { key: 'rate', label: 'Commission rate %', type: 'number', hint: 'Unset means unknown, never zero.' },
+ { key: 'overrideRate', label: 'Override rate %', type: 'number' },
+ { key: 'signedOn', label: 'Signed on', type: 'date' },
+ { key: 'gates', label: 'Activation gates', type: 'gates', authoritative: true },
+ { key: 'postsLive', label: 'Posts live', type: 'number' },
+ { key: 'lastPostOn', label: 'Last post', type: 'date' },
+ { key: 'nextAction', label: 'Next action', type: 'text', required: true },
+ { key: 'nextActionDue', label: 'Next action due', type: 'date', required: true },
+ { key: 'lossReason', label: 'Loss reason', type: 'select', options: LOSS_REASONS },
+ { key: 'risk', label: 'Risk flags', type: 'multi', options: RISK_FLAGS },
+ { key: 'notes', label: 'Notes', type: 'textarea' }
+ ]
+ },
+ sales: {
+ label: 'Sale',
+ plural: 'Sales',
+ fields: [
+ { key: 'date', label: 'Date', type: 'date', required: true },
+ { key: 'affiliateId', label: 'Affiliate', type: 'ref', ref: 'affiliates', required: true },
+ { key: 'orderRef', label: 'Order ref', type: 'text' },
+ { key: 'gross', label: 'Gross', type: 'money', required: true },
+ { key: 'refunded', label: 'Refunded', type: 'money', readOnly: true, hint: 'Calculated from the immutable refund ledger.' },
+ { key: 'product', label: 'Product', type: 'text' },
+ { key: 'notes', label: 'Notes', type: 'text' }
+ ]
+ },
+ outbound: {
+ label: 'Target',
+ plural: 'Outbound',
+ fields: [
+ { key: 'name', label: 'Name', type: 'text', required: true },
+ { key: 'handle', label: 'Handle', type: 'text' },
+ { key: 'platform', label: 'Platform', type: 'select', options: ['Instagram', 'TikTok', 'YouTube', 'X', 'Other'] },
+ { key: 'followers', label: 'Followers', type: 'number' },
+ { key: 'owner', label: 'Owner', type: 'select', options: OWNERS, required: true },
+ { key: 'channel', label: 'Channel', type: 'select', options: CHANNELS },
+ { key: 'step', label: 'Sequence step', type: 'number' },
+ { key: 'lastTouch', label: 'Last touch', type: 'date', authoritative: true },
+ { key: 'replied', label: 'Replied', type: 'bool' },
+ { key: 'disposition', label: 'Disposition', type: 'select', options: DISPOSITIONS },
+ { key: 'dnc', label: 'Do not contact', type: 'bool' },
+ { key: 'nextAction', label: 'Next action', type: 'text' },
+ { key: 'nextActionDue', label: 'Next action due', type: 'date' },
+ { key: 'notes', label: 'Notes', type: 'textarea' }
+ ]
+ },
+ payouts: {
+ label: 'Payout',
+ plural: 'Payouts',
+ fields: [
+ { key: 'date', label: 'Date', type: 'date', required: true },
+ { key: 'affiliateId', label: 'Affiliate', type: 'ref', ref: 'affiliates', required: true },
+ { key: 'amount', label: 'Amount', type: 'money', required: true },
+ { key: 'method', label: 'Method', type: 'select', options: ['ACH', 'PayPal', 'Wire', 'Venmo', 'Other'] },
+ { key: 'status', label: 'Status', type: 'select', options: ['Queued', 'Sent', 'Cleared', 'Failed', 'Clawed back'] },
+ { key: 'reference', label: 'Reference', type: 'text' },
+ { key: 'notes', label: 'Notes', type: 'text' }
+ ]
+ }
+ };
+
+ var ACTIONS = Object.freeze({
+ 'affiliates:create': 'affiliate.create',
+ 'affiliates:update': 'affiliate.update',
+ 'affiliates:delete': 'affiliate.delete',
+ 'sales:create': 'sale.create',
+ 'sales:update': 'sale.update',
+ 'sales:delete': 'sale.delete',
+ 'outbound:create': 'outbound.create',
+ 'outbound:update': 'outbound.update',
+ 'outbound:delete': 'outbound.delete',
+ 'payouts:create': 'payout.create',
+ 'payouts:update': 'payout.update',
+ 'payouts:delete': 'payout.delete',
+ 'affiliate:stage': 'affiliate.stage.set',
+ 'outbound:touch': 'outbound.touch.log',
+ 'enrollment:prepare': 'enrollment.prepare',
+ 'agreement:launch': 'agreement.launch',
+ 'agreement:manage': 'agreement.manage',
+ 'invitation:send': 'invitation.send',
+ 'test-account:create': 'test-account.create',
+ 'program:create': 'program.create',
+ 'program:update': 'program.update',
+ 'program:activate': 'program.activate'
+ });
+
+ var state = emptyState();
+ var status = {
+ phase: 'idle',
+ error: null,
+ revision: null,
+ refreshedAt: null,
+ generatedAt: null
+ };
+
+ function emptyState() {
+ return {
+ meta: {},
+ program: {},
+ programSetup: {},
+ session: {},
+ capabilities: {},
+ owners: [],
+ enrollments: [],
+ audit: [],
+ affiliates: [],
+ sales: [],
+ outbound: [],
+ payouts: []
+ };
+ }
+
+ function dispatch(name, detail) {
+ if (typeof global.dispatchEvent !== 'function') return;
+ var event;
+ try { event = new CustomEvent(name, { detail: detail }); }
+ catch (e) { event = { type: name, detail: detail }; }
+ global.dispatchEvent(event);
+ }
+
+ function apiErrorMessage(statusCode, body) {
+ var server = body && (body.message || body.error);
+ if (statusCode === 401) return server || 'Your session expired. Sign in again.';
+ if (statusCode === 403) return server || 'You do not have permission to perform that action.';
+ if (statusCode === 409) return server || 'This record changed elsewhere. The latest version has been loaded.';
+ if (statusCode === 503) return server || 'The control tower is temporarily unavailable. Try again shortly.';
+ return server || ('Request failed with status ' + statusCode + '.');
+ }
+
+ function makeError(response, body) {
+ var err = new Error(apiErrorMessage(response.status, body));
+ err.status = response.status;
+ err.code = body && body.code;
+ err.details = body && body.details;
+ return err;
+ }
+
+ function normalizeProjection(payload) {
+ payload = payload || {};
+ var source = payload && payload.projection ? payload.projection : payload;
+ source = source || {};
+ var next = emptyState();
+ ['affiliates', 'sales', 'outbound', 'payouts', 'enrollments'].forEach(function (key) {
+ next[key] = Array.isArray(source[key]) ? source[key].slice() : [];
+ });
+ next.audit = Array.isArray(source.audit) ? source.audit.slice()
+ : Array.isArray(source.auditLog) ? source.auditLog.slice()
+ : Array.isArray(source.history) ? source.history.slice() : [];
+ next.meta = source.meta || {};
+ next.program = source.program || {};
+ next.programSetup = source.programSetup || {};
+ next.session = source.session || payload.session || {};
+ next.capabilities = source.capabilities || payload.capabilities || {};
+ var projectedOwners = Array.isArray(source.owners) ? source.owners : [];
+ var ownerNames = projectedOwners.map(function (owner) {
+ if (typeof owner === 'string') return owner.trim();
+ if (!owner || typeof owner !== 'object') return '';
+ return String(owner.name || owner.fullName || owner.displayName || '').trim();
+ }).filter(Boolean);
+ ownerNames = ownerNames.filter(function (name, index) {
+ return ownerNames.indexOf(name) === index && name !== 'Unassigned';
+ });
+ ownerNames.push('Unassigned');
+ OWNERS.splice.apply(OWNERS, [0, OWNERS.length].concat(ownerNames));
+ next.owners = projectedOwners.slice();
+ var sourceRevision = source.revision;
+ var payloadRevision = payload.revision;
+ return {
+ state: next,
+ revision: sourceRevision !== undefined && sourceRevision !== null
+ ? sourceRevision
+ : payloadRevision !== undefined && payloadRevision !== null
+ ? payloadRevision
+ : null,
+ generatedAt: source.generatedAt || payload.generatedAt || null
+ };
+ }
+
+ async function readJson(response) {
+ var text = await response.text();
+ if (!text) return {};
+ try { return JSON.parse(text); }
+ catch (e) {
+ var err = new Error('The server returned an unreadable response.');
+ err.status = response.status;
+ throw err;
+ }
+ }
+
+ async function load() {
+ status.phase = 'loading';
+ status.error = null;
+ dispatch('crm:status', status);
+ try {
+ var response = await global.fetch(PROJECTION_URL, {
+ method: 'GET',
+ credentials: 'same-origin',
+ headers: { Accept: 'application/json' },
+ cache: 'no-store'
+ });
+ var body = await readJson(response);
+ if (!response.ok) throw makeError(response, body);
+ var normalized = normalizeProjection(body);
+ state = normalized.state;
+ status.phase = 'ready';
+ status.error = null;
+ status.revision = normalized.revision;
+ status.generatedAt = normalized.generatedAt;
+ status.refreshedAt = new Date().toISOString();
+ dispatch('crm:change', { source: 'projection' });
+ dispatch('crm:status', status);
+ return state;
+ } catch (err) {
+ if (err && err.status === 401) {
+ state = emptyState();
+ status.revision = null;
+ status.generatedAt = null;
+ status.refreshedAt = null;
+ dispatch('crm:change', { source: 'session-expired' });
+ }
+ status.phase = 'error';
+ status.error = err;
+ dispatch('crm:status', status);
+ throw err;
+ }
+ }
+
+ function idempotencyKey(action) {
+ var random = '';
+ if (global.crypto && typeof global.crypto.randomUUID === 'function') {
+ random = global.crypto.randomUUID();
+ } else {
+ random = Date.now().toString(36) + '-' + Math.random().toString(36).slice(2);
+ }
+ return 'ct-' + String(action).replace(/[^a-z0-9]+/gi, '-').toLowerCase() + '-' + random;
+ }
+
+ function actionName(key) {
+ var name = ACTIONS[key];
+ if (!name) throw new Error('Unsupported control-tower action: ' + key);
+ return name;
+ }
+
+ function capabilityAllows(action) {
+ var list = state.capabilities && state.capabilities.actions;
+ return Array.isArray(list) && list.indexOf(action) >= 0;
+ }
+
+ async function action(key, payload, options) {
+ options = options || {};
+ var name = actionName(key);
+ if (!capabilityAllows(name)) {
+ var denied = new Error('This action is not enabled for your account.');
+ denied.status = 403;
+ throw denied;
+ }
+ var body = {
+ action: name,
+ idempotencyKey: options.idempotencyKey || idempotencyKey(name),
+ payload: payload || {}
+ };
+ var revision = options.expectedRevision;
+ if (revision === undefined || revision === null || revision === '') revision = status.revision;
+ if (revision !== undefined && revision !== null && revision !== '') body.expectedRevision = revision;
+
+ var response = await global.fetch(ACTION_URL, {
+ method: 'POST',
+ credentials: 'same-origin',
+ headers: { Accept: 'application/json', 'Content-Type': 'application/json' },
+ body: JSON.stringify(body)
+ });
+ var result = await readJson(response);
+ if (!response.ok) throw makeError(response, result);
+ return result;
+ }
+
+ function get(entity, id) {
+ return (state[entity] || []).find(function (row) { return row.id === id; }) || null;
+ }
+ function all(entity) { return (state[entity] || []).slice(); }
+ function num(value) { var n = parseFloat(value); return isNaN(n) ? 0 : n; }
+
+ function isTestAffiliate(affiliate) {
+ if (!affiliate) return false;
+ return affiliate.isTest === true || affiliate.testAccount === true ||
+ affiliate.sandbox === true || affiliate.environment === 'test' ||
+ affiliate.accountType === 'test';
+ }
+
+ function isTestRecord(entity, record) {
+ if (!record) return false;
+ if (record.isTest === true || record.sandbox === true || record.environment === 'test') return true;
+ if (entity === 'affiliates') return isTestAffiliate(record);
+ if (entity === 'sales' || entity === 'payouts') {
+ return isTestAffiliate(get('affiliates', record.affiliateId));
+ }
+ return false;
+ }
+
+ function today() {
+ var d = new Date();
+ return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate());
+ }
+ function pad(n) { return n < 10 ? '0' + n : String(n); }
+ function addDays(iso, n) {
+ var d = new Date(iso + 'T12:00:00');
+ d.setDate(d.getDate() + n);
+ return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate());
+ }
+ function daysBetween(a, b) {
+ if (!a || !b) return null;
+ return Math.round((new Date(b + 'T12:00:00') - new Date(a + 'T12:00:00')) / 86400000);
+ }
+
+ function affiliateMoney(id) {
+ var sales = state.sales.filter(function (sale) { return sale.affiliateId === id; });
+ var gross = 0, refunded = 0, lastSale = '';
+ sales.forEach(function (sale) {
+ gross += num(sale.gross);
+ refunded += num(sale.refunded);
+ if (!lastSale || sale.date > lastSale) lastSale = sale.date;
+ });
+ var net = gross - refunded;
+ var affiliate = get('affiliates', id);
+ var rate = affiliate && affiliate.rate !== null && affiliate.rate !== '' && affiliate.rate !== undefined
+ ? num(affiliate.rate) : null;
+ var earned = rate === null ? null : net * rate / 100;
+ var downline = state.affiliates.filter(function (row) { return row.parentId === id; });
+ var overrideEarned = null;
+ downline.forEach(function (child) {
+ var childRate = child.overrideRate !== null && child.overrideRate !== '' && child.overrideRate !== undefined
+ ? num(child.overrideRate) : null;
+ if (childRate === null) return;
+ var childNet = state.sales.filter(function (sale) { return sale.affiliateId === child.id; })
+ .reduce(function (sum, sale) { return sum + num(sale.gross) - num(sale.refunded); }, 0);
+ overrideEarned = (overrideEarned || 0) + childNet * childRate / 100;
+ });
+ var paid = state.payouts.filter(function (payout) {
+ return payout.affiliateId === id && (payout.status === 'Sent' || payout.status === 'Cleared');
+ }).reduce(function (sum, payout) { return sum + num(payout.amount); }, 0);
+ var totalEarned = earned === null && overrideEarned === null ? null : num(earned) + num(overrideEarned);
+ return {
+ orders: sales.length,
+ gross: gross,
+ refunded: refunded,
+ net: net,
+ refundRate: gross > 0 ? refunded / gross : 0,
+ aov: sales.length ? gross / sales.length : 0,
+ rate: rate,
+ earned: earned,
+ overrideEarned: overrideEarned,
+ totalEarned: totalEarned,
+ paid: paid,
+ owed: totalEarned === null ? null : totalEarned - paid,
+ lastSale: lastSale,
+ daysSinceLastSale: lastSale ? daysBetween(lastSale, today()) : null,
+ downlineCount: downline.length
+ };
+ }
+
+ function gateProgress(affiliate) {
+ var gates = affiliate && affiliate.gates || {};
+ var done = GATES.filter(function (gate) { return gates[gate.id] === true; }).length;
+ var blocked = GATES.find(function (gate) { return gates[gate.id] !== true; }) || null;
+ return { done: done, total: GATES.length, blockedBy: blocked, complete: done === GATES.length };
+ }
+
+ function activationReadiness(affiliate) {
+ var gates = affiliate && affiliate.gates || {};
+ var prerequisites = GATES.filter(function (gate) { return gate.id !== 'launch'; });
+ var done = prerequisites.filter(function (gate) { return gates[gate.id] === true; }).length;
+ var blocked = prerequisites.find(function (gate) { return gates[gate.id] !== true; }) || null;
+ return {
+ done: done,
+ total: prerequisites.length,
+ blockedBy: blocked,
+ ready: done === prerequisites.length
+ };
+ }
+
+ function defects() {
+ var result = [];
+ state.affiliates.forEach(function (affiliate) {
+ var why = [];
+ if (!affiliate.owner || affiliate.owner === 'Unassigned') why.push('no owner');
+ if (!affiliate.nextAction) why.push('no next action');
+ if (!affiliate.nextActionDue) why.push('no due date');
+ if (affiliate.stage === 'active' && !gateProgress(affiliate).complete) why.push('live but gates incomplete');
+ if (affiliate.stage === 'active' && !affiliate.code && !affiliate.link) why.push('live but no code or link');
+ if (why.length) result.push({ entity: 'affiliates', id: affiliate.id, name: affiliate.name, why: why });
+ });
+ state.outbound.forEach(function (target) {
+ var why = [];
+ if (!target.owner || target.owner === 'Unassigned') why.push('no owner');
+ if (!target.dnc && !target.nextAction) why.push('no next action');
+ if (why.length) result.push({ entity: 'outbound', id: target.id, name: target.name, why: why });
+ });
+ return result;
+ }
+
+ function overdue() {
+ var date = today();
+ var result = [];
+ state.affiliates.forEach(function (affiliate) {
+ if (affiliate.nextActionDue && affiliate.nextActionDue < date &&
+ ['churned', 'rejected', 'disqualified'].indexOf(affiliate.stage) < 0) {
+ result.push({
+ entity: 'affiliates', id: affiliate.id, name: affiliate.name, owner: affiliate.owner,
+ action: affiliate.nextAction, due: affiliate.nextActionDue,
+ daysLate: -daysBetween(date, affiliate.nextActionDue)
+ });
+ }
+ });
+ state.outbound.forEach(function (target) {
+ if (!target.dnc && target.nextActionDue && target.nextActionDue < date) {
+ result.push({
+ entity: 'outbound', id: target.id, name: target.name, owner: target.owner,
+ action: target.nextAction, due: target.nextActionDue,
+ daysLate: -daysBetween(date, target.nextActionDue)
+ });
+ }
+ });
+ return result.sort(function (a, b) { return b.daysLate - a.daysLate; });
+ }
+
+ function totals() {
+ var liveAffiliates = state.affiliates.filter(function (affiliate) { return !isTestAffiliate(affiliate); });
+ var liveSales = state.sales.filter(function (sale) { return !isTestRecord('sales', sale); });
+ var gross = 0, refunded = 0;
+ liveSales.forEach(function (sale) { gross += num(sale.gross); refunded += num(sale.refunded); });
+ var live = liveAffiliates.filter(function (affiliate) { return affiliate.stage === 'active'; });
+ var selling = {};
+ liveSales.forEach(function (sale) { selling[sale.affiliateId] = true; });
+ var producing = live.filter(function (affiliate) { return selling[affiliate.id]; });
+ var signed = liveAffiliates.filter(function (affiliate) {
+ return ['signed', 'onboarding', 'active', 'paused', 'churned'].indexOf(affiliate.stage) >= 0;
+ });
+ var anyRate = liveAffiliates.some(function (affiliate) {
+ return affiliate.rate !== null && affiliate.rate !== '' && affiliate.rate !== undefined;
+ });
+ var owed = null;
+ if (anyRate) {
+ owed = 0;
+ liveAffiliates.forEach(function (affiliate) {
+ var money = affiliateMoney(affiliate.id);
+ if (money.owed !== null) owed += money.owed;
+ });
+ }
+ var onboarding = liveAffiliates.filter(function (affiliate) { return affiliate.stage === 'onboarding'; });
+ var gatesBlocked = {};
+ onboarding.forEach(function (affiliate) {
+ var progress = gateProgress(affiliate);
+ if (progress.blockedBy) {
+ gatesBlocked[progress.blockedBy.id] = (gatesBlocked[progress.blockedBy.id] || 0) + 1;
+ }
+ });
+ var net = gross - refunded;
+ return {
+ gross: gross, refunded: refunded, net: net, orders: liveSales.length,
+ aov: liveSales.length ? gross / liveSales.length : 0,
+ refundRate: gross > 0 ? refunded / gross : 0,
+ affiliateCount: liveAffiliates.length,
+ signedCount: signed.length,
+ liveCount: live.length,
+ producingCount: producing.length,
+ activationRate: signed.length ? producing.length / signed.length : null,
+ onboardingCount: onboarding.length,
+ gatesBlocked: gatesBlocked,
+ outboundCount: state.outbound.filter(function (target) { return !target.dnc && !isTestRecord('outbound', target); }).length,
+ outboundReplied: state.outbound.filter(function (target) { return target.replied && !isTestRecord('outbound', target); }).length,
+ commissionOwed: owed,
+ rateAgreed: anyRate,
+ defectCount: defects().length,
+ overdueCount: overdue().length
+ };
+ }
+
+ function pipelineCounts() {
+ var result = {};
+ STAGES.forEach(function (stage) { result[stage.id] = 0; });
+ state.affiliates.forEach(function (affiliate) {
+ result[affiliate.stage] = (result[affiliate.stage] || 0) + 1;
+ });
+ return result;
+ }
+
+ function salesByDay(days) {
+ var end = today(), map = {}, result = [];
+ for (var i = days - 1; i >= 0; i--) map[addDays(end, -i)] = 0;
+ state.sales.filter(function (sale) { return !isTestRecord('sales', sale); }).forEach(function (sale) {
+ if (map[sale.date] !== undefined) map[sale.date] += num(sale.gross) - num(sale.refunded);
+ });
+ Object.keys(map).forEach(function (date) { result.push({ date: date, value: map[date] }); });
+ return result;
+ }
+
+ function sortValue(entity, row, key) {
+ if (entity === 'affiliates' &&
+ ['gross', 'net', 'orders', 'owed', 'aov', 'lastSale', 'refunded'].indexOf(key) >= 0) {
+ return affiliateMoney(row.id)[key];
+ }
+ if (entity === 'affiliates' && key === 'gates') return gateProgress(row).done;
+ if (key === 'affiliateId' && (entity === 'sales' || entity === 'payouts')) {
+ var affiliate = get('affiliates', row.affiliateId);
+ return affiliate && affiliate.name || '';
+ }
+ return row[key];
+ }
+
+ function list(entity, options) {
+ options = options || {};
+ var rows = all(entity);
+ if (options.search) {
+ var query = options.search.toLowerCase();
+ rows = rows.filter(function (row) {
+ return Object.keys(row).some(function (key) {
+ return typeof row[key] === 'string' && row[key].toLowerCase().indexOf(query) >= 0;
+ });
+ });
+ }
+ Object.keys(options.filters || {}).forEach(function (key) {
+ var expected = options.filters[key];
+ if (!expected || expected === 'all') return;
+ rows = rows.filter(function (row) { return String(row[key]) === String(expected); });
+ });
+ if (options.sort) {
+ var direction = options.dir === 'desc' ? -1 : 1;
+ rows.sort(function (a, b) {
+ var av = sortValue(entity, a, options.sort);
+ var bv = sortValue(entity, b, options.sort);
+ if (av === null || av === undefined || av === '') return 1;
+ if (bv === null || bv === undefined || bv === '') return -1;
+ if (typeof av === 'number' && typeof bv === 'number') return (av - bv) * direction;
+ return String(av).localeCompare(String(bv)) * direction;
+ });
+ }
+ return rows;
+ }
+
+ function csvEscape(value) {
+ if (value === null || value === undefined) return '';
+ var text = typeof value === 'object' ? JSON.stringify(value) : String(value);
+ return /[",\n]/.test(text) ? '"' + text.replace(/"/g, '""') + '"' : text;
+ }
+
+ function toCSV(entity) {
+ var fields = SCHEMA[entity].fields.map(function (field) { return field.key; });
+ var header = ['id'].concat(fields);
+ if (entity === 'affiliates') header = header.concat(['orders', 'gross', 'refunded', 'net', 'commissionOwed']);
+ var lines = [header.join(',')];
+ all(entity).forEach(function (row) {
+ lines.push(header.map(function (key) {
+ if (entity === 'affiliates' &&
+ ['orders', 'gross', 'refunded', 'net', 'commissionOwed'].indexOf(key) >= 0) {
+ var money = affiliateMoney(row.id);
+ return csvEscape(key === 'commissionOwed' ? (money.owed === null ? 'no rate set' : money.owed) : money[key]);
+ }
+ return csvEscape(row[key]);
+ }).join(','));
+ });
+ return lines.join('\n');
+ }
+
+ global.CRM = {
+ PROJECTION_URL: PROJECTION_URL,
+ ACTION_URL: ACTION_URL,
+ ACTIONS: ACTIONS,
+ OWNERS: OWNERS,
+ STAGES: STAGES,
+ PROSPECT_STAGES: PROSPECT_STAGES,
+ LIFECYCLE_STAGES: LIFECYCLE_STAGES,
+ GATES: GATES,
+ CHANNELS: CHANNELS,
+ DISPOSITIONS: DISPOSITIONS,
+ LOSS_REASONS: LOSS_REASONS,
+ RISK_FLAGS: RISK_FLAGS,
+ SCHEMA: SCHEMA,
+ load: load,
+ action: action,
+ actionName: actionName,
+ idempotencyKey: idempotencyKey,
+ capabilityAllows: capabilityAllows,
+ normalizeProjection: normalizeProjection,
+ apiErrorMessage: apiErrorMessage,
+ get: get,
+ all: all,
+ list: list,
+ affiliateMoney: affiliateMoney,
+ gateProgress: gateProgress,
+ activationReadiness: activationReadiness,
+ totals: totals,
+ defects: defects,
+ overdue: overdue,
+ pipelineCounts: pipelineCounts,
+ salesByDay: salesByDay,
+ toCSV: toCSV,
+ isTestAffiliate: isTestAffiliate,
+ isTestRecord: isTestRecord,
+ today: today,
+ addDays: addDays,
+ daysBetween: daysBetween,
+ get state() { return state; },
+ get status() { return status; },
+ get revision() { return status.revision; }
+ };
+})(window);
diff --git a/biologix-strategy-board/control-tower/crm-data.test.mjs b/biologix-strategy-board/control-tower/crm-data.test.mjs
new file mode 100644
index 0000000..fcc1dac
--- /dev/null
+++ b/biologix-strategy-board/control-tower/crm-data.test.mjs
@@ -0,0 +1,333 @@
+import fs from 'node:fs';
+
+const dataSource = fs.readFileSync('./crm-data.js', 'utf8');
+const appSource = fs.readFileSync('./crm-app.js', 'utf8');
+const htmlSource = fs.readFileSync('./index.html', 'utf8');
+
+global.window = global;
+global.CustomEvent = class {
+ constructor(type, options = {}) {
+ this.type = type;
+ this.detail = options.detail;
+ }
+};
+global.dispatchEvent = () => {};
+
+const requests = [];
+let responses = [];
+function response(status, body) {
+ return {
+ status,
+ ok: status >= 200 && status < 300,
+ async text() {
+ return body === undefined ? '' : JSON.stringify(body);
+ }
+ };
+}
+global.fetch = async (url, options = {}) => {
+ requests.push({ url, options });
+ if (!responses.length) throw new Error(`No queued response for ${url}`);
+ return responses.shift();
+};
+
+eval(dataSource);
+const CRM = global.CRM;
+
+let failures = 0;
+function ok(name, condition, extra = '') {
+ console.log(`${condition ? 'PASS' : 'FAIL'} ${name}${extra ? ` ${extra}` : ''}`);
+ if (!condition) failures += 1;
+}
+
+const projection = {
+ revision: 1,
+ generatedAt: '2026-07-25T18:00:00.000Z',
+ owners: [
+ { id: 'owner-1', name: 'Alex', role: 'admin' },
+ { id: 'owner-2', name: 'Patricia', role: 'manager' }
+ ],
+ program: {
+ name: 'Biologix Affiliate Program',
+ status: 'active',
+ revision: 7,
+ economicsSchema: {
+ version: 2,
+ values: {
+ currency: 'USD',
+ model: 'percentage',
+ terms: '25% of attributed net sales.',
+ terms_reference: 'terms-creator-one-v1',
+ commission_rate: '25',
+ commission_base: 'Attributed net sales after refunds',
+ attribution_window_days: '30',
+ settlement_hold_days: '14',
+ clawback_days: '60',
+ payout_cadence: 'monthly',
+ payout_threshold: '50.00',
+ agreement_version: 'affiliate-v3',
+ retainer_amount: null,
+ retainer_cadence: null,
+ retainer_proration: null
+ }
+ }
+ },
+ capabilities: { actions: Object.values(CRM.ACTIONS), testAccounts: true },
+ affiliates: [
+ {
+ id: 'a1',
+ revision: 4,
+ authoritative: true,
+ enrollmentId: 'e1',
+ economicsStatus: 'bound',
+ name: 'Creator One',
+ owner: 'Patricia',
+ stage: 'onboarding',
+ rate: 20,
+ gates: { passport: true, adult: true },
+ nextAction: 'Complete agreement',
+ nextActionDue: '2099-08-01'
+ },
+ {
+ id: 'a-test',
+ name: 'Sandbox Creator',
+ owner: 'Alex',
+ stage: 'active',
+ isTest: true,
+ rate: 100,
+ gates: {},
+ nextAction: 'Exercise the flow',
+ nextActionDue: '2099-08-01'
+ }
+ ],
+ sales: [
+ { id: 's1', affiliateId: 'a1', date: '2026-07-24', gross: 200, refunded: 25 },
+ { id: 's-test', affiliateId: 'a-test', date: '2026-07-24', gross: 999, refunded: 0, isTest: true }
+ ],
+ payouts: [
+ { id: 'p1', affiliateId: 'a1', date: '2026-07-25', amount: 10, status: 'Cleared' }
+ ],
+ outbound: [],
+ enrollments: [{ id: 'e1', affiliateId: 'a1', status: 'onboarding' }],
+ auditLog: [{ id: 'event-1', action: 'enrollment.created', affiliateId: 'a1' }]
+};
+
+responses.push(response(200, { projection }));
+await CRM.load();
+
+ok('projection endpoint is same-origin', requests[0].url === '/api/control-tower/projection', requests[0].url);
+ok('projection request bypasses caches', requests[0].options.cache === 'no-store');
+ok('nested projection normalizes affiliates', CRM.all('affiliates').length === 2);
+ok('auditLog alias normalizes to audit', CRM.state.audit.length === 1);
+ok('projection revision is retained', CRM.revision === 1, String(CRM.revision));
+ok('owners come only from the authoritative projection',
+ CRM.OWNERS.join(',') === 'Alex,Patricia,Unassigned', CRM.OWNERS.join(','));
+ok('refresh time is recorded after a successful load', Boolean(CRM.status.refreshedAt));
+
+const money = CRM.affiliateMoney('a1');
+ok('money derives net from authoritative ledgers', money.net === 175, String(money.net));
+ok('commission derives from the projected rate', money.earned === 35, String(money.earned));
+ok('cleared payout reduces commission owed', money.owed === 25, String(money.owed));
+ok('gate progress derives from projected gates', CRM.gateProgress(CRM.get('affiliates', 'a1')).done === 2);
+ok('sandbox sales are excluded from live totals', CRM.totals().net === 175, String(CRM.totals().net));
+ok('sandbox affiliates are excluded from live counts', CRM.totals().affiliateCount === 1);
+
+responses.push(response(200, { ok: true, receiptId: 'receipt-1' }));
+const actionResult = await CRM.action(
+ 'affiliates:update',
+ { id: 'a1', patch: { name: 'Creator Renamed' } },
+ { idempotencyKey: 'fixed-idempotency-key', expectedRevision: 4 }
+);
+const actionRequest = requests.at(-1);
+const actionBody = JSON.parse(actionRequest.options.body);
+ok('actions use the same-origin action endpoint', actionRequest.url === '/api/control-tower/action');
+ok('record update maps to explicit allowlisted action', actionBody.action === 'affiliate.update', actionBody.action);
+ok('action carries caller-stable idempotency key', actionBody.idempotencyKey === 'fixed-idempotency-key');
+ok('action carries expected numeric record revision', actionBody.expectedRevision === 4);
+ok('action payload is explicit', actionBody.payload.id === 'a1' && actionBody.payload.patch.name === 'Creator Renamed');
+ok('successful action returns server receipt', actionResult.receiptId === 'receipt-1');
+ok('action does not optimistically mutate projection', CRM.get('affiliates', 'a1').name === 'Creator One');
+
+ok('stage movement has a dedicated action', CRM.actionName('affiliate:stage') === 'affiliate.stage.set');
+ok('touch logging has a dedicated action', CRM.actionName('outbound:touch') === 'outbound.touch.log');
+ok('agreement onboarding actions are explicit', [
+ CRM.actionName('enrollment:prepare'),
+ CRM.actionName('agreement:launch'),
+ CRM.actionName('agreement:manage'),
+ CRM.actionName('invitation:send')
+].join(',') === 'enrollment.prepare,agreement.launch,agreement.manage,invitation.send');
+ok('test account has a dedicated action', CRM.actionName('test-account:create') === 'test-account.create');
+ok('program setup actions are explicit', [
+ CRM.actionName('program:create'),
+ CRM.actionName('program:update'),
+ CRM.actionName('program:activate')
+].join(',') === 'program.create,program.update,program.activate');
+ok('unsupported action is rejected before fetch', (() => {
+ try { CRM.actionName('gate:toggle'); return false; } catch { return true; }
+})());
+
+const capabilityRequestCount = requests.length;
+const savedCapabilities = CRM.state.capabilities.actions;
+CRM.state.capabilities.actions = ['session.logout'];
+let capabilityError;
+try {
+ await CRM.action('affiliates:update', { id: 'a1', patch: { owner: 'Alex' } });
+} catch (error) {
+ capabilityError = error;
+}
+CRM.state.capabilities.actions = savedCapabilities;
+ok('actions fail closed when the capability is absent',
+ capabilityError && capabilityError.status === 403 &&
+ requests.length === capabilityRequestCount);
+
+responses.push(response(409, { code: 'revision_conflict', message: 'Record changed elsewhere.' }));
+let conflict;
+try {
+ await CRM.action('affiliates:update', { id: 'a1', patch: { owner: 'Alex' } });
+} catch (error) {
+ conflict = error;
+}
+const conflictBody = JSON.parse(requests.at(-1).options.body);
+ok('default expectedRevision uses numeric projection revision', conflictBody.expectedRevision === 1);
+ok('conflict exposes status 409', conflict && conflict.status === 409);
+ok('conflict keeps last confirmed projection intact', CRM.get('affiliates', 'a1').owner === 'Patricia');
+
+for (const [status, expected] of [
+ [401, 'session'],
+ [403, 'permission'],
+ [503, 'temporarily']
+]) {
+ responses.push(response(status, {}));
+ let error;
+ try {
+ await CRM.action('enrollment:prepare', {
+ email: 'creator@example.com',
+ economicsSnapshot: projection.program.economicsSchema.values
+ });
+ } catch (caught) {
+ error = caught;
+ }
+ ok(`${status} has specific operator guidance`,
+ error && error.status === status && error.message.toLowerCase().includes(expected),
+ error && error.message);
+}
+
+responses.push(response(200, {
+ ...projection,
+ revision: 2,
+ affiliates: [{ ...projection.affiliates[0], name: 'Creator Renamed' }]
+}));
+await CRM.load();
+ok('later projection replaces the confirmed state', CRM.get('affiliates', 'a1').name === 'Creator Renamed');
+
+responses.push(response(200, {
+ ...projection,
+ revision: 0,
+ affiliates: []
+}));
+await CRM.load();
+ok('numeric zero revision survives normalization', CRM.revision === 0, String(CRM.revision));
+
+responses.push(response(200, { projection }));
+await CRM.load();
+responses.push(response(401, { code: 'session_expired' }));
+try {
+ await CRM.load();
+} catch {}
+ok('expired session clears previously rendered private projection',
+ CRM.all('affiliates').length === 0 && CRM.revision === null);
+
+ok('data layer has no browser persistence', !dataSource.includes('localStorage'));
+ok('data layer has no fallback seed', !/\bseed\s*\(/.test(dataSource) && !dataSource.includes('Example —'));
+ok('app has no reset or destructive clear controls',
+ !appSource.includes('CRM.reset') && !appSource.includes('CRM.clearAll'));
+ok('app refreshes after confirmed mutation', appSource.includes('await refreshProjection({ quiet: true })'));
+ok('ambiguous retries retain the exact idempotency key',
+ appSource.includes('pendingMutations[signature]') &&
+ appSource.includes('idempotencyKey: stableKey') &&
+ appSource.includes('error.status < 500'));
+ok('app forces refresh on conflict', /error\.status === 409[\s\S]*refreshProjection/.test(appSource));
+ok('app never exposes an editable gate action', !appSource.includes('toggleGate'));
+ok('HTML exposes loading, retry, history, invitation and logout affordances',
+ ['crm-system-state', 'crm-retry', 'tool-program', 'tool-history', 'tool-invite', 'tool-logout']
+ .every((id) => htmlSource.includes(`id="${id}"`)));
+ok('old import/reset/clear controls are gone',
+ !['tool-import', 'tool-reset', 'tool-clear'].some((id) => htmlSource.includes(`id="${id}"`)));
+ok('logout clears the Worker session with same-origin POST',
+ appSource.includes("global.fetch('/api/control-tower/logout'") &&
+ appSource.includes("method: 'POST'") &&
+ appSource.includes("'/cdn-cgi/access/logout'") &&
+ appSource.includes("'/control-tower/access'"));
+ok('enrollment preparation binds the complete economicsSnapshot object',
+ appSource.includes('payload.economicsSnapshot = economics.snapshot'));
+ok('live enrollment preparation is fail-closed without program.economicsSchema',
+ appSource.includes('Live economics schema is unavailable'));
+ok('economicsSnapshot uses every exact v2 key', [
+ 'currency', 'model', 'terms', 'terms_reference', 'commission_rate',
+ 'commission_base', 'attribution_window_days', 'settlement_hold_days',
+ 'clawback_days', 'payout_cadence', 'payout_threshold', 'agreement_version',
+ 'retainer_amount', 'retainer_cadence', 'retainer_proration'
+].every((key) => appSource.includes(`${key}:`)));
+ok('obsolete free-text snapshot ids are not submitted',
+ !appSource.includes('economicsSnapshotId') && !appSource.includes('invite-agreement'));
+ok('sandbox records receive a visible label', appSource.includes("pill('sandbox', 'is-warn')"));
+ok('production onboarding separates prepare, agreement and invitation actions',
+ dataSource.includes("'enrollment:prepare'") &&
+ dataSource.includes("'agreement:launch'") &&
+ dataSource.includes("'agreement:manage'") &&
+ dataSource.includes("'invitation:send'") &&
+ !dataSource.includes("'invitation:create':"));
+ok('agreement actions use the authoritative enrollment revision',
+ appSource.includes('var revision = Number(affiliate.revision)') &&
+ appSource.includes('expectedRevision: revision') &&
+ appSource.includes('recordActionAvailable(affiliate, publicAction)'));
+ok('enrollment preparation uses the authoritative program revision',
+ appSource.includes('Number(CRM.state.program && CRM.state.program.revision)') &&
+ appSource.includes("expectedRevision: expectedRevision"));
+ok('Passport access waits for verified agreement evidence',
+ appSource.includes('Passport access stays locked until the Contract Engine webhook verifies') &&
+ appSource.includes('Send Passport access'));
+ok('program update emits the exact BFF contract fields', [
+ 'programId', 'expectedRevision', 'legalEntityName', 'tradeName',
+ 'entityType', 'officialAddress',
+ 'authorizedSignerRef', 'authorizedSignerName', 'authorizedSignerTitle',
+ 'authorizedSignerEmail', 'agreementTemplateKey', 'agreementVersion',
+ 'affiliateBaseUrl', 'trackingBaseUrl', 'eligibleCountries',
+ 'eligibleRegions', 'minimumAge', 'economicsConfiguration'
+].every((key) => appSource.includes(`${key}:`)));
+ok('program activation fail-closes when requirements are omitted',
+ appSource.includes('Activation status unavailable') &&
+ appSource.includes('!requirementsKnown || missing.length > 0') &&
+ appSource.includes('missingActivationRequirements'));
+ok('program address is structured and locked to US', [
+ 'line1:', 'line2:', 'city:', 'region:', 'postalCode:', 'countryCode:'
+].every((key) => appSource.includes(key)) &&
+ appSource.includes("officialAddress.countryCode !== 'US'") &&
+ appSource.includes("var eligibleCountries = ['US']"));
+ok('program setup locks exact company-side signer facts',
+ appSource.includes("tradeName: tradeName") &&
+ appSource.includes("entityType: entityType") &&
+ appSource.includes("authorizedSignerName: authorizedSignerName") &&
+ appSource.includes("authorizedSignerTitle: authorizedSignerTitle") &&
+ appSource.includes("authorizedSignerEmail: authorizedSignerEmail") &&
+ appSource.includes('must match the company-side signer'));
+ok('program setup mirrors the server validation bounds',
+ appSource.includes('max="99"') &&
+ appSource.includes('minimumAge > 99') &&
+ appSource.includes('tradeName.length > 200') &&
+ appSource.includes('entityType.length > 200') &&
+ appSource.includes("tradeName.normalize('NFKC')") &&
+ appSource.includes('/^[a-z0-9][a-z0-9-]{0,99}$/'));
+ok('program economics policy cannot become creator defaults',
+ appSource.includes("mode: 'individualized'") &&
+ appSource.includes('noDefaults: true') &&
+ !appSource.includes("collectEconomicsSnapshot('program-economics-error')"));
+ok('prospect and enrollment stages use separate controls',
+ appSource.includes('CRM.PROSPECT_STAGES') &&
+ appSource.includes('data-lifecycle-stage="active"') &&
+ appSource.includes('data-lifecycle-stage="churned"'));
+ok('money records only offer authoritative bound production enrollments',
+ appSource.includes("r.economicsStatus === 'bound'") &&
+ appSource.includes('!CRM.isTestAffiliate(r)'));
+
+console.log(failures === 0 ? '\nALL PASS' : `\n${failures} FAILURES`);
+process.exit(failures ? 1 : 0);
diff --git a/biologix-strategy-board/control-tower/crm.css b/biologix-strategy-board/control-tower/crm.css
new file mode 100644
index 0000000..853d5de
--- /dev/null
+++ b/biologix-strategy-board/control-tower/crm.css
@@ -0,0 +1,2056 @@
+/* Biologix Control Tower, operator CSS.
+ Loads AFTER ../board.css and inherits its tokens. Adds nothing to the palette.
+ Printed-ledger density: hairline rules, DM Mono numbers, no gradients, no shadows. */
+
+/* ------------------------------------------------------------------ scope */
+
+.crm-shell {
+ /* local layout constants, not new colours */
+ --crm-topbar-h: 52px;
+ --crm-tabs-h: 40px;
+ --crm-row-h: 30px;
+ --crm-gutter: 20px;
+ --crm-mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
+ --crm-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
+
+ position: fixed;
+ inset: 0;
+ z-index: 1;
+ display: flex;
+ flex-direction: column;
+ min-height: 0;
+ overflow: hidden;
+ color: var(--ink);
+ background: var(--paper);
+ font-family: var(--crm-sans);
+ font-size: 14px;
+ line-height: 1.45;
+}
+
+body:has(> .crm-shell),
+body.crm-app,
+body.crm-body {
+ overflow: hidden;
+ overscroll-behavior: none;
+}
+
+/* board.css puts 96px of tail padding on main. Not here. */
+.crm-shell main,
+.crm-shell .crm-main {
+ padding-bottom: 0;
+}
+
+.crm-shell h1,
+.crm-shell h2,
+.crm-shell h3,
+.crm-shell h4,
+.crm-shell p {
+ margin: 0;
+}
+
+.crm-shell a {
+ color: var(--accent);
+ text-underline-offset: 2px;
+}
+
+.crm-shell ::-webkit-scrollbar {
+ width: 10px;
+ height: 10px;
+}
+
+.crm-shell ::-webkit-scrollbar-track {
+ background: transparent;
+}
+
+.crm-shell ::-webkit-scrollbar-thumb {
+ background: var(--line);
+ border: 3px solid var(--paper);
+}
+
+.crm-shell ::-webkit-scrollbar-thumb:hover {
+ background: var(--ink-3);
+}
+
+/* Shared mono treatment. Every number, id, date and code. */
+.crm-num,
+.crm-sub,
+.crm-th,
+.crm-tab,
+.crm-tab-count,
+.crm-brand-sub,
+.crm-stage,
+.crm-pill,
+.crm-unset,
+.crm-flag,
+.crm-gate,
+.crm-metric-value,
+.crm-metric-label,
+.crm-metric-note,
+.crm-col-head,
+.crm-col-count,
+.crm-card-meta,
+.crm-field-label,
+.crm-filter-label,
+.crm-fieldset-title,
+.crm-panel-title,
+.crm-empty,
+.crm-btn,
+.crm-toast,
+.crm-banner-title,
+.crm-drawer-title,
+.crm-input,
+.crm-select,
+.crm-mono {
+ font-family: var(--crm-mono);
+ font-variant-numeric: tabular-nums;
+}
+
+/* ----------------------------------------------------------------- topbar */
+
+.crm-topbar {
+ position: sticky;
+ top: 0;
+ z-index: 40;
+ flex: 0 0 auto;
+ display: flex;
+ align-items: center;
+ gap: 16px;
+ min-height: var(--crm-topbar-h);
+ padding: 0 var(--crm-gutter);
+ background: var(--paper);
+ border-bottom: 1px solid var(--line-strong);
+}
+
+.crm-brand {
+ display: flex;
+ align-items: baseline;
+ gap: 10px;
+ min-width: 0;
+ font-size: 15px;
+ font-weight: 800;
+ letter-spacing: -0.01em;
+ white-space: nowrap;
+}
+
+.crm-brand-sub {
+ color: var(--ink-3);
+ font-size: 10px;
+ font-weight: 500;
+ letter-spacing: 0.11em;
+ text-transform: uppercase;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.crm-tools {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: flex-end;
+ gap: 6px;
+ margin-left: auto;
+ min-width: 0;
+}
+
+.crm-sync {
+ max-width: 210px;
+ overflow: hidden;
+ color: var(--ink-3);
+ font-family: var(--crm-mono);
+ font-size: 9.5px;
+ letter-spacing: 0.04em;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.crm-system-state {
+ flex: 0 0 auto;
+ margin: 10px var(--crm-gutter) 0;
+}
+
+.crm-system-state[hidden] {
+ display: none;
+}
+
+.crm-system-state .crm-btn {
+ justify-self: start;
+ margin-top: 4px;
+}
+
+.crm-is-saving {
+ cursor: progress;
+}
+
+/* ------------------------------------------------------------------- tabs */
+
+.crm-tabs {
+ position: sticky;
+ top: var(--crm-topbar-h);
+ z-index: 38;
+ flex: 0 0 auto;
+ display: flex;
+ align-items: stretch;
+ gap: 0;
+ min-height: var(--crm-tabs-h);
+ padding: 0 var(--crm-gutter);
+ overflow-x: auto;
+ overflow-y: hidden;
+ background: var(--paper);
+ border-bottom: 1px solid var(--line);
+ scrollbar-width: none;
+}
+
+.crm-tabs::-webkit-scrollbar {
+ display: none;
+}
+
+.crm-tab {
+ display: inline-flex;
+ align-items: center;
+ gap: 7px;
+ flex: 0 0 auto;
+ padding: 0 14px;
+ color: var(--ink-3);
+ background: transparent;
+ border: 0;
+ border-bottom: 2px solid transparent;
+ font-size: 10.5px;
+ font-weight: 500;
+ letter-spacing: 0.1em;
+ line-height: 1;
+ text-transform: uppercase;
+ white-space: nowrap;
+ cursor: pointer;
+ transition: color 120ms ease, border-color 120ms ease;
+}
+
+.crm-tab:first-child {
+ padding-left: 0;
+}
+
+.crm-tab:hover {
+ color: var(--ink);
+}
+
+.crm-tab.is-active {
+ color: var(--ink);
+ border-bottom-color: var(--accent);
+}
+
+.crm-tab-count {
+ padding: 2px 5px;
+ color: var(--ink-3);
+ border: 1px solid var(--line);
+ font-size: 9.5px;
+ line-height: 1;
+}
+
+.crm-tab.is-active .crm-tab-count {
+ color: var(--accent);
+ border-color: var(--accent);
+}
+
+/* ------------------------------------------------------------------ views */
+
+.crm-view {
+ display: none;
+}
+
+.crm-view.is-active {
+ display: block;
+}
+
+/* The active view is the only scroller. The page itself never moves. */
+.crm-shell > .crm-view.is-active,
+.crm-shell > main,
+.crm-shell > .crm-main {
+ flex: 1 1 auto;
+ min-height: 0;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-overflow-scrolling: touch;
+}
+
+.crm-shell > main > .crm-view.is-active,
+.crm-shell > .crm-main > .crm-view.is-active {
+ min-height: 0;
+}
+
+.crm-view.is-active {
+ padding: 0 var(--crm-gutter) 64px;
+}
+
+.crm-view > * + * {
+ margin-top: 16px;
+}
+
+.crm-view h2 {
+ font-size: 15px;
+ font-weight: 800;
+ letter-spacing: -0.01em;
+}
+
+.crm-view h3 {
+ font-size: 13px;
+ font-weight: 700;
+}
+
+.crm-view p {
+ max-width: 78ch;
+ color: var(--ink-2);
+ font-size: 13px;
+}
+
+/* ---------------------------------------------------------------- banners */
+
+.crm-banner {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr);
+ gap: 4px;
+ padding: 11px 14px;
+ border: 1px solid var(--line);
+ border-left: 2px solid var(--ink-3);
+ background: var(--paper-raised);
+}
+
+.crm-banner-title {
+ color: var(--ink);
+ font-size: 10px;
+ font-weight: 500;
+ letter-spacing: 0.1em;
+ text-transform: uppercase;
+}
+
+.crm-banner-body {
+ max-width: 92ch;
+ color: var(--ink-2);
+ font-size: 13px;
+ line-height: 1.5;
+}
+
+.crm-banner.is-warn {
+ border-left-color: var(--proof);
+}
+
+.crm-banner.is-warn .crm-banner-title {
+ color: var(--proof);
+}
+
+.crm-banner.is-info {
+ border-left-color: var(--inference);
+}
+
+.crm-banner.is-info .crm-banner-title {
+ color: var(--inference);
+}
+
+.crm-key-values {
+ display: grid;
+ gap: 0;
+ border-top: 1px solid var(--line);
+}
+
+.crm-form-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0 12px;
+}
+
+.crm-form-grid.is-three {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.crm-form-grid.is-disabled {
+ opacity: 0.55;
+}
+
+.crm-key-value {
+ display: grid;
+ grid-template-columns: minmax(120px, 0.7fr) minmax(0, 1.3fr);
+ gap: 12px;
+ align-items: baseline;
+ padding: 8px 0;
+ border-bottom: 1px solid var(--line);
+}
+
+.crm-history-list {
+ display: grid;
+}
+
+.crm-history-item {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ gap: 14px;
+ align-items: start;
+ padding: 9px 0;
+ border-bottom: 1px solid var(--line);
+}
+
+.crm-history-item:last-child {
+ border-bottom: 0;
+}
+
+.crm-history-item time {
+ white-space: nowrap;
+}
+
+.crm-plain-list {
+ margin: 4px 0 0;
+ padding-left: 18px;
+}
+
+.crm-plain-list li + li {
+ margin-top: 3px;
+}
+
+/* ---------------------------------------------------------------- toolbar */
+
+.crm-toolbar {
+ position: sticky;
+ top: 0;
+ z-index: 20;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 8px;
+ padding: 10px 0;
+ background: var(--paper);
+ border-bottom: 1px solid var(--line);
+}
+
+.crm-spacer {
+ flex: 1 1 auto;
+ min-width: 0;
+}
+
+.crm-search {
+ flex: 0 1 260px;
+ min-width: 140px;
+ height: 30px;
+ padding: 0 9px;
+ color: var(--ink);
+ background: var(--paper-raised);
+ border: 1px solid var(--line);
+ border-radius: 0;
+ font-family: var(--crm-mono);
+ font-size: 12px;
+ -webkit-appearance: none;
+ appearance: none;
+}
+
+.crm-search::placeholder {
+ color: var(--ink-3);
+ letter-spacing: 0.04em;
+}
+
+.crm-search:focus-visible,
+.crm-filter:focus-visible,
+.crm-input:focus-visible,
+.crm-select:focus-visible,
+.crm-textarea:focus-visible {
+ outline: 2px solid var(--accent);
+ outline-offset: 1px;
+ border-color: var(--accent);
+}
+
+.crm-filter-label {
+ display: inline-flex;
+ align-items: center;
+ gap: 6px;
+ color: var(--ink-3);
+ font-size: 9.5px;
+ font-weight: 500;
+ letter-spacing: 0.1em;
+ text-transform: uppercase;
+ white-space: nowrap;
+}
+
+/* .crm-filter works two ways: as the control itself, or as a small group
+ that holds a label and a control. Both are supported. */
+.crm-filter {
+ display: inline-flex;
+ align-items: center;
+ gap: 6px;
+ min-width: 0;
+}
+
+select.crm-filter,
+input.crm-filter {
+ display: inline-block;
+ height: 30px;
+ max-width: 190px;
+ padding: 0 8px;
+ color: var(--ink);
+ background: var(--paper-raised);
+ border: 1px solid var(--line);
+ border-radius: 0;
+ font-family: var(--crm-mono);
+ font-size: 11.5px;
+ line-height: 1;
+ cursor: pointer;
+ background-image: none;
+}
+
+.crm-filter > .crm-select,
+.crm-filter > .crm-search,
+.crm-filter > .crm-input {
+ min-width: 0;
+}
+
+/* Inside a label the wrapper draws the caret, so strip the native one.
+ A bare .crm-filter keeps the native arrow rather than losing its affordance. */
+.crm-filter-label > select.crm-filter,
+.crm-filter-label > .crm-select {
+ margin-left: 2px;
+ padding-right: 22px;
+ -webkit-appearance: none;
+ appearance: none;
+}
+
+/* text caret, drawn on a label that wraps its own select */
+.crm-filter-label:has(> select) {
+ position: relative;
+}
+
+.crm-filter-label:has(> select)::after {
+ content: 'v';
+ position: absolute;
+ right: 8px;
+ color: var(--ink-3);
+ font-family: var(--crm-mono);
+ font-size: 9px;
+ pointer-events: none;
+}
+
+/* ---------------------------------------------------------------- buttons */
+
+.crm-btn {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ gap: 6px;
+ min-height: 30px;
+ padding: 0 11px;
+ color: var(--ink-2);
+ background: var(--paper-raised);
+ border: 1px solid var(--line);
+ border-radius: 0;
+ font-size: 10px;
+ font-weight: 500;
+ letter-spacing: 0.09em;
+ line-height: 1;
+ text-transform: uppercase;
+ text-decoration: none;
+ white-space: nowrap;
+ cursor: pointer;
+ transition: color 120ms ease, border-color 120ms ease, background-color 120ms ease;
+}
+
+.crm-btn:hover {
+ color: var(--ink);
+ border-color: var(--ink-3);
+}
+
+.crm-btn:active {
+ background: var(--paper);
+}
+
+.crm-btn[disabled],
+.crm-btn[aria-disabled='true'] {
+ color: var(--ink-3);
+ border-color: var(--line);
+ opacity: 0.55;
+ cursor: not-allowed;
+}
+
+.crm-btn.is-primary {
+ color: var(--accent-ink);
+ background: var(--accent);
+ border-color: var(--accent);
+}
+
+.crm-btn.is-primary:hover {
+ color: var(--accent-ink);
+ background: var(--ink);
+ border-color: var(--ink);
+}
+
+.crm-btn.is-quiet {
+ color: var(--ink-3);
+ background: transparent;
+ border-color: transparent;
+ padding: 0 6px;
+}
+
+.crm-btn.is-quiet:hover {
+ color: var(--ink);
+ border-color: var(--line);
+}
+
+.crm-btn.is-danger {
+ color: var(--proof);
+ border-color: color-mix(in srgb, var(--proof) 45%, var(--line));
+}
+
+.crm-btn.is-danger:hover {
+ color: var(--paper);
+ background: var(--proof);
+ border-color: var(--proof);
+}
+
+.crm-btn-row {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 8px;
+}
+
+/* ----------------------------------------------------------------- tables */
+
+.crm-table-wrap {
+ position: relative;
+ width: 100%;
+ max-width: 100%;
+ /* the wrap is the scroll box, which is what makes the header row stick.
+ height stays auto for short tables, the cap only bites on long ones. */
+ max-height: calc(100dvh - 200px);
+ overflow-x: auto;
+ overflow-y: auto;
+ border-bottom: 1px solid var(--line);
+ -webkit-overflow-scrolling: touch;
+ overscroll-behavior: contain;
+}
+
+/* No blanket min-width. Cells are nowrap, so the table grows to its
+ content and the wrap scrolls only when the columns genuinely need it. */
+.crm-table {
+ width: 100%;
+ border-collapse: separate;
+ border-spacing: 0;
+ font-size: 13px;
+}
+
+.crm-table thead th,
+.crm-table .crm-th {
+ position: sticky;
+ top: 0;
+ z-index: 3;
+ padding: 7px 10px;
+ color: var(--ink-3);
+ background: var(--paper);
+ border-bottom: 1px solid var(--line-strong);
+ font-size: 9.5px;
+ font-weight: 500;
+ letter-spacing: 0.09em;
+ line-height: 1.3;
+ text-align: left;
+ text-transform: uppercase;
+ white-space: nowrap;
+ vertical-align: bottom;
+}
+
+.crm-th.is-sortable {
+ cursor: pointer;
+ -webkit-user-select: none;
+ user-select: none;
+}
+
+.crm-th.is-sortable:hover {
+ color: var(--ink);
+}
+
+.crm-th.is-sortable::after {
+ content: '\2195';
+ display: inline-block;
+ margin-left: 5px;
+ color: var(--ink-3);
+ font-size: 9px;
+ opacity: 0;
+ transition: opacity 100ms ease;
+}
+
+.crm-th.is-sortable:hover::after,
+.crm-th.is-sortable:focus-visible::after {
+ opacity: 0.5;
+}
+
+.crm-th.is-sorted-asc,
+.crm-th.is-sorted-desc {
+ color: var(--ink);
+}
+
+.crm-th.is-sorted-asc::after {
+ content: '\25B2';
+ color: var(--accent);
+ font-size: 8px;
+ opacity: 1;
+}
+
+.crm-th.is-sorted-desc::after {
+ content: '\25BC';
+ color: var(--accent);
+ font-size: 8px;
+ opacity: 1;
+}
+
+/* No fixed cell height. A table cell clips overflow, so a two line cell
+ would lose its second line. Density comes from padding and line height. */
+.crm-table tbody td,
+.crm-table tbody th {
+ padding: 5px 10px;
+ color: var(--ink-2);
+ border-bottom: 1px solid var(--line);
+ font-size: 13px;
+ line-height: 1.35;
+ text-align: left;
+ vertical-align: middle;
+ white-space: nowrap;
+}
+
+.crm-table tbody td.crm-wrap,
+.crm-table tbody td[data-wrap] {
+ white-space: normal;
+ min-width: 180px;
+}
+
+/* zebra is deliberately off. The rules carry the eye. */
+.crm-row {
+ background: transparent;
+ transition: background-color 90ms ease;
+}
+
+.crm-row:hover {
+ background: var(--paper-raised);
+}
+
+.crm-row.is-selected {
+ background: color-mix(in srgb, var(--accent) 7%, transparent);
+}
+
+.crm-row.is-selected > td:first-child,
+.crm-row.is-selected > th:first-child {
+ box-shadow: inset 2px 0 0 var(--accent);
+}
+
+.crm-row[tabindex],
+.crm-row[role='button'],
+.crm-table tbody tr[data-id] {
+ cursor: pointer;
+}
+
+.crm-row:focus-visible {
+ outline: 2px solid var(--accent);
+ outline-offset: -2px;
+}
+
+.crm-num {
+ font-size: 13px;
+ text-align: right;
+ white-space: nowrap;
+}
+
+.crm-table td.crm-num,
+.crm-table th.crm-num {
+ text-align: right;
+}
+
+/* works either on the cell itself or on a span inside it */
+.crm-cell-name {
+ color: var(--ink);
+ font-family: var(--crm-sans);
+ font-size: 13.5px;
+ font-weight: 600;
+ line-height: 1.25;
+ max-width: 34ch;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+span.crm-cell-name,
+div.crm-cell-name,
+a.crm-cell-name {
+ display: block;
+}
+
+.crm-sub {
+ display: block;
+ margin-top: 1px;
+ color: var(--ink-3);
+ font-size: 10px;
+ letter-spacing: 0.03em;
+ line-height: 1.35;
+}
+
+/* only truncate where the row height is fixed */
+.crm-table .crm-sub,
+.crm-card .crm-sub {
+ max-width: 34ch;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.crm-empty {
+ padding: 40px 20px;
+ color: var(--ink-3);
+ border: 1px dashed var(--line);
+ font-size: 10.5px;
+ font-weight: 500;
+ letter-spacing: 0.09em;
+ text-align: center;
+ text-transform: uppercase;
+}
+
+.crm-table .crm-empty,
+.crm-table td.crm-empty {
+ border: 0;
+ border-bottom: 1px solid var(--line);
+ white-space: normal;
+}
+
+/* ------------------------------------------------------------------ chips */
+
+.crm-stage {
+ --stage-color: var(--ink-3);
+ display: inline-flex;
+ align-items: center;
+ gap: 5px;
+ max-width: 100%;
+ padding: 1px 6px;
+ color: var(--stage-color);
+ background: transparent;
+ border: 1px solid var(--stage-color);
+ border-radius: 0;
+ font-size: 9.5px;
+ font-weight: 500;
+ letter-spacing: 0.07em;
+ line-height: 1.5;
+ text-transform: uppercase;
+ white-space: nowrap;
+}
+
+.crm-stage[data-group='recruit'] {
+ --stage-color: var(--ink-3);
+}
+
+.crm-stage[data-group='close'] {
+ --stage-color: var(--inference);
+}
+
+.crm-stage[data-group='activate'] {
+ --stage-color: var(--unverified);
+}
+
+.crm-stage[data-group='live'] {
+ --stage-color: var(--verified);
+}
+
+.crm-stage[data-group='dead'] {
+ --stage-color: var(--hold);
+ border-style: dashed;
+}
+
+button.crm-stage,
+.crm-stage[role='button'] {
+ cursor: pointer;
+}
+
+.crm-pill {
+ --pill-color: var(--ink-3);
+ display: inline-flex;
+ align-items: center;
+ gap: 5px;
+ padding: 1px 6px;
+ color: var(--pill-color);
+ background: color-mix(in srgb, var(--pill-color) 7%, transparent);
+ border: 1px solid color-mix(in srgb, var(--pill-color) 40%, transparent);
+ font-size: 9.5px;
+ font-weight: 500;
+ letter-spacing: 0.06em;
+ line-height: 1.5;
+ text-transform: uppercase;
+ white-space: nowrap;
+}
+
+.crm-pill.is-ok {
+ --pill-color: var(--verified);
+}
+
+.crm-pill.is-warn {
+ --pill-color: var(--unverified);
+}
+
+.crm-pill.is-bad {
+ --pill-color: var(--proof);
+}
+
+.crm-pill.is-quiet {
+ --pill-color: var(--hold);
+ background: transparent;
+}
+
+/* Not zero. Unknown. It should catch the eye every time. */
+.crm-unset {
+ display: inline-flex;
+ align-items: center;
+ padding: 1px 6px;
+ color: var(--proof);
+ background: color-mix(in srgb, var(--proof) 6%, transparent);
+ border: 1px dashed color-mix(in srgb, var(--proof) 55%, transparent);
+ font-family: var(--crm-mono);
+ font-size: 9.5px;
+ font-weight: 500;
+ letter-spacing: 0.08em;
+ line-height: 1.5;
+ text-transform: uppercase;
+ white-space: nowrap;
+}
+
+.crm-num > .crm-unset,
+td.crm-num .crm-unset {
+ float: none;
+}
+
+.crm-flag {
+ display: inline-flex;
+ align-items: center;
+ gap: 4px;
+ padding: 0 5px;
+ color: var(--proof);
+ border: 1px solid color-mix(in srgb, var(--proof) 40%, transparent);
+ font-size: 9px;
+ font-weight: 500;
+ letter-spacing: 0.06em;
+ line-height: 1.6;
+ text-transform: uppercase;
+ white-space: nowrap;
+}
+
+.crm-flag + .crm-flag {
+ margin-left: 4px;
+}
+
+/* ------------------------------------------------------------------ gates */
+
+.crm-gatebar {
+ display: inline-flex;
+ flex: 0 0 auto;
+ align-items: stretch;
+ gap: 2px;
+ width: 96px;
+ height: 6px;
+ vertical-align: middle;
+}
+
+.crm-gatebar > * {
+ flex: 1 1 0;
+ min-width: 3px;
+ background: var(--line);
+}
+
+.crm-gatebar-fill {
+ background: var(--verified);
+}
+
+.crm-gatebar > .is-next,
+.crm-gatebar-fill.is-next {
+ background: var(--unverified);
+}
+
+.crm-gatebar > .is-todo,
+.crm-gatebar-fill.is-todo {
+ background: var(--line);
+}
+
+/* Fallback: one proportional fill with an inline width instead of nine
+ segments. The track carries the unfilled colour and the gap closes up. */
+.crm-gatebar:has(> [style*='width']) {
+ gap: 0;
+ background: var(--line);
+}
+
+.crm-gatebar-fill[style*='width'] {
+ flex: 0 0 auto;
+ min-width: 0;
+}
+
+.crm-gatebar + .crm-sub,
+.crm-gatebar + .crm-num {
+ margin-left: 6px;
+ vertical-align: middle;
+}
+
+.crm-table .crm-gatebar {
+ width: 88px;
+}
+
+.crm-gatebar-row {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ min-width: 0;
+}
+
+.crm-gatebar-row .crm-sub {
+ margin: 0;
+}
+
+.crm-gates {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 0;
+ border-top: 1px solid var(--line);
+ border-left: 1px solid var(--line);
+}
+
+.crm-gate {
+ display: grid;
+ grid-template-columns: 16px minmax(0, 1fr);
+ gap: 8px;
+ align-items: start;
+ min-height: 54px;
+ padding: 9px 10px;
+ color: var(--ink-3);
+ background: transparent;
+ border: 0;
+ border-right: 1px solid var(--line);
+ border-bottom: 1px solid var(--line);
+ font-family: var(--crm-mono);
+ font-size: 10.5px;
+ font-weight: 500;
+ letter-spacing: 0.03em;
+ line-height: 1.35;
+ text-align: left;
+ cursor: default;
+}
+
+.crm-gate::before {
+ content: '';
+ width: 11px;
+ height: 11px;
+ margin-top: 2px;
+ border: 1px solid currentColor;
+}
+
+.crm-gate.is-done {
+ color: var(--verified);
+}
+
+.crm-gate.is-done::before {
+ background: currentColor;
+ box-shadow: inset 0 0 0 2px var(--paper);
+}
+
+.crm-gate.is-next {
+ color: var(--unverified);
+}
+
+.crm-gate.is-next::before {
+ border-width: 2px;
+}
+
+.crm-gate.is-blocked {
+ color: var(--ink-3);
+}
+
+.crm-gate.is-blocked::before {
+ border-style: dashed;
+}
+
+.crm-gate small,
+.crm-gate .crm-sub {
+ display: block;
+ margin-top: 3px;
+ color: var(--ink-3);
+ font-size: 9.5px;
+ letter-spacing: 0.02em;
+ white-space: normal;
+ max-width: none;
+ overflow: visible;
+}
+
+.crm-gate-readonly {
+ display: grid;
+ gap: 6px;
+ padding: 8px 0;
+}
+
+.crm-gate-readonly .crm-check {
+ align-items: start;
+}
+
+/* ---------------------------------------------------------------- metrics */
+
+.crm-metrics {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 0;
+ border-top: 1px solid var(--line-strong);
+ border-left: 1px solid var(--line);
+ /* closes the shape when the last row is short */
+ border-right: 1px solid var(--line);
+ border-bottom: 1px solid var(--line);
+}
+
+.crm-metric {
+ display: flex;
+ flex-direction: column;
+ gap: 3px;
+ min-width: 0;
+ padding: 12px 14px 14px;
+ border-right: 1px solid var(--line);
+ border-bottom: 1px solid var(--line);
+ background: var(--paper-raised);
+}
+
+.crm-metric-label {
+ color: var(--ink-3);
+ font-size: 9px;
+ font-weight: 500;
+ letter-spacing: 0.11em;
+ line-height: 1.3;
+ text-transform: uppercase;
+}
+
+.crm-metric-value {
+ color: var(--ink);
+ font-size: 26px;
+ font-weight: 500;
+ letter-spacing: -0.02em;
+ line-height: 1.05;
+ overflow-wrap: anywhere;
+}
+
+.crm-metric-value .crm-unset {
+ font-size: 11px;
+ vertical-align: 0.35em;
+}
+
+.crm-metric-note {
+ color: var(--ink-3);
+ font-size: 9.5px;
+ letter-spacing: 0.03em;
+ line-height: 1.4;
+}
+
+.crm-metric-note.is-unknown {
+ color: var(--proof);
+ text-transform: uppercase;
+ letter-spacing: 0.07em;
+}
+
+/* ------------------------------------------------------------------ trend */
+
+.crm-spark {
+ display: flex;
+ align-items: flex-end;
+ gap: 2px;
+ height: 64px;
+ padding-top: 4px;
+ border-bottom: 1px solid var(--line-strong);
+}
+
+.crm-spark-bar {
+ flex: 1 1 0;
+ min-width: 2px;
+ min-height: 1px;
+ background: var(--accent);
+}
+
+.crm-spark-bar.is-empty,
+.crm-spark-bar[data-value='0'] {
+ background: var(--line);
+}
+
+.crm-spark-bar:hover {
+ background: var(--ink);
+}
+
+/* ------------------------------------------------------------------ board */
+
+.crm-board {
+ display: flex;
+ align-items: stretch;
+ gap: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-bottom: 8px;
+ overflow-x: auto;
+ overflow-y: hidden;
+ border-top: 1px solid var(--line-strong);
+ border-left: 1px solid var(--line);
+ -webkit-overflow-scrolling: touch;
+ overscroll-behavior-x: contain;
+}
+
+.crm-col {
+ flex: 0 0 216px;
+ width: 216px;
+ min-width: 216px;
+ display: flex;
+ flex-direction: column;
+ border-right: 1px solid var(--line);
+ background: transparent;
+}
+
+.crm-col-head {
+ position: sticky;
+ top: 0;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 8px;
+ padding: 8px 10px;
+ color: var(--ink-2);
+ background: var(--paper);
+ border-bottom: 1px solid var(--line-strong);
+ font-size: 9.5px;
+ font-weight: 500;
+ letter-spacing: 0.09em;
+ text-transform: uppercase;
+}
+
+.crm-col-count {
+ color: var(--ink-3);
+ font-size: 9.5px;
+}
+
+.crm-col-body,
+.crm-col > .crm-cards {
+ display: flex;
+ flex-direction: column;
+ min-height: 60px;
+}
+
+.crm-card {
+ display: block;
+ width: 100%;
+ padding: 9px 10px;
+ color: inherit;
+ background: transparent;
+ border: 0;
+ border-bottom: 1px solid var(--line);
+ font: inherit;
+ text-align: left;
+ cursor: pointer;
+ transition: background-color 90ms ease;
+}
+
+.crm-card:hover {
+ background: var(--paper-raised);
+}
+
+.crm-card.is-selected {
+ background: color-mix(in srgb, var(--accent) 7%, transparent);
+ box-shadow: inset 2px 0 0 var(--accent);
+}
+
+.crm-card-name {
+ display: block;
+ color: var(--ink);
+ font-size: 12.5px;
+ font-weight: 600;
+ line-height: 1.3;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.crm-card-meta {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 5px;
+ margin-top: 4px;
+ color: var(--ink-3);
+ font-size: 9.5px;
+ letter-spacing: 0.03em;
+ line-height: 1.4;
+}
+
+.crm-card-meta .crm-unset,
+.crm-card-meta .crm-pill,
+.crm-card-meta .crm-flag {
+ font-size: 8.5px;
+}
+
+/* ----------------------------------------------------------------- drawer */
+
+.crm-drawer {
+ position: fixed;
+ inset: 0;
+ z-index: 120;
+ visibility: hidden;
+ pointer-events: none;
+ /* hold visibility until the slide-out finishes */
+ transition: visibility 0s linear 200ms;
+}
+
+.crm-drawer.is-open {
+ visibility: visible;
+ pointer-events: auto;
+ transition: visibility 0s linear 0s;
+}
+
+.crm-drawer-scrim {
+ position: absolute;
+ inset: 0;
+ background: rgba(20, 19, 18, 0.32);
+ border: 0;
+ opacity: 0;
+ cursor: pointer;
+ transition: opacity 180ms ease;
+}
+
+.crm-drawer.is-open .crm-drawer-scrim {
+ opacity: 1;
+}
+
+.crm-drawer-panel {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ display: flex;
+ flex-direction: column;
+ width: min(460px, 100%);
+ background: var(--paper);
+ border-left: 1px solid var(--line-strong);
+ transform: translateX(100%);
+ transition: transform 200ms ease;
+}
+
+.crm-drawer.is-open .crm-drawer-panel {
+ transform: translateX(0);
+}
+
+.crm-drawer-head {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ min-height: 48px;
+ padding: 10px 16px;
+ background: var(--paper);
+ border-bottom: 1px solid var(--line-strong);
+}
+
+.crm-drawer-title {
+ flex: 1 1 auto;
+ min-width: 0;
+ color: var(--ink);
+ font-size: 11px;
+ font-weight: 500;
+ letter-spacing: 0.09em;
+ line-height: 1.3;
+ text-transform: uppercase;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+/* sized for a glyph or the word Close */
+.crm-drawer-close {
+ flex: 0 0 auto;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 28px;
+ height: 28px;
+ padding: 0 8px;
+ color: var(--ink-2);
+ background: transparent;
+ border: 1px solid var(--line);
+ font-family: var(--crm-mono);
+ font-size: 10px;
+ font-weight: 500;
+ letter-spacing: 0.09em;
+ line-height: 1;
+ text-transform: uppercase;
+ cursor: pointer;
+}
+
+.crm-drawer-close:hover {
+ color: var(--ink);
+ border-color: var(--ink-3);
+}
+
+.crm-drawer-body {
+ flex: 1 1 auto;
+ min-height: 0;
+ padding: 4px 16px 24px;
+ overflow-y: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+.crm-drawer-foot {
+ flex: 0 0 auto;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 8px;
+ padding: 10px 16px;
+ background: var(--paper-raised);
+ border-top: 1px solid var(--line-strong);
+}
+
+.crm-drawer-foot .crm-spacer {
+ flex: 1 1 auto;
+}
+
+.crm-fieldset {
+ padding: 0;
+ margin: 16px 0 0;
+ border: 0;
+ border-top: 1px solid var(--line);
+}
+
+.crm-fieldset-title {
+ display: block;
+ width: 100%;
+ padding: 10px 0 8px;
+ color: var(--ink-3);
+ font-size: 9.5px;
+ font-weight: 500;
+ letter-spacing: 0.11em;
+ text-transform: uppercase;
+}
+
+.crm-field {
+ display: grid;
+ gap: 4px;
+ margin-bottom: 12px;
+ min-width: 0;
+}
+
+.crm-field-label {
+ color: var(--ink-2);
+ font-size: 9.5px;
+ font-weight: 500;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+}
+
+.crm-field-hint {
+ color: var(--ink-3);
+ font-size: 11px;
+ line-height: 1.4;
+}
+
+.crm-field-hint.is-warn {
+ color: var(--proof);
+}
+
+.crm-input,
+.crm-select,
+.crm-textarea {
+ width: 100%;
+ min-width: 0;
+ padding: 6px 8px;
+ color: var(--ink);
+ background: var(--paper-raised);
+ border: 1px solid var(--line);
+ border-radius: 0;
+ font-size: 13px;
+ line-height: 1.4;
+ -webkit-appearance: none;
+ appearance: none;
+}
+
+.crm-input,
+.crm-select {
+ height: 32px;
+ font-family: var(--crm-mono);
+ font-size: 12.5px;
+}
+
+.crm-select {
+ padding-right: 22px;
+ cursor: pointer;
+}
+
+.crm-textarea {
+ min-height: 84px;
+ font-family: var(--crm-sans);
+ resize: vertical;
+}
+
+.crm-input::placeholder,
+.crm-textarea::placeholder {
+ color: var(--ink-3);
+}
+
+.crm-input:invalid,
+.crm-input[aria-invalid='true'],
+.crm-select[aria-invalid='true'] {
+ border-color: var(--proof);
+}
+
+.crm-check {
+ display: flex;
+ align-items: flex-start;
+ gap: 8px;
+ padding: 5px 0;
+ color: var(--ink-2);
+ font-size: 12.5px;
+ line-height: 1.35;
+ cursor: pointer;
+}
+
+.crm-check input[type='checkbox'],
+input[type='checkbox'].crm-check {
+ flex: 0 0 auto;
+ width: 14px;
+ height: 14px;
+ margin: 1px 0 0;
+ accent-color: var(--accent);
+ cursor: pointer;
+}
+
+/* ------------------------------------------------------------------ money */
+
+.crm-money-split {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+ gap: 24px;
+ align-items: start;
+}
+
+.crm-ledger {
+ min-width: 0;
+}
+
+.crm-ledger > .crm-table-wrap {
+ max-height: calc(100dvh - 260px);
+}
+
+.crm-ledger .crm-table {
+ min-width: 0;
+}
+
+.crm-ledger-head,
+.crm-ledger > h3 {
+ display: flex;
+ align-items: baseline;
+ justify-content: space-between;
+ gap: 12px;
+ padding-bottom: 8px;
+ color: var(--ink-2);
+ border-bottom: 1px solid var(--line-strong);
+ font-family: var(--crm-mono);
+ font-size: 10px;
+ font-weight: 500;
+ letter-spacing: 0.1em;
+ text-transform: uppercase;
+}
+
+/* ------------------------------------------------------------------ split */
+
+.crm-two-col {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+ gap: 24px;
+ align-items: start;
+}
+
+.crm-panel {
+ min-width: 0;
+ border-top: 1px solid var(--line-strong);
+}
+
+.crm-panel-head {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: baseline;
+ justify-content: space-between;
+ gap: 10px;
+ padding: 9px 0;
+ border-bottom: 1px solid var(--line);
+}
+
+.crm-panel-title {
+ color: var(--ink);
+ font-size: 10px;
+ font-weight: 500;
+ letter-spacing: 0.11em;
+ text-transform: uppercase;
+}
+
+.crm-panel-head .crm-btn.is-quiet {
+ margin: -4px 0;
+}
+
+.crm-panel > .crm-table-wrap {
+ border-bottom: 0;
+}
+
+.crm-panel ul,
+.crm-panel ol {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+
+.crm-panel li {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: baseline;
+ justify-content: space-between;
+ gap: 8px;
+ padding: 7px 0;
+ border-bottom: 1px solid var(--line);
+ font-size: 12.5px;
+}
+
+.crm-panel li > span:last-child {
+ color: var(--ink-3);
+ font-family: var(--crm-mono);
+ font-size: 10.5px;
+ letter-spacing: 0.03em;
+ text-align: right;
+}
+
+/* ------------------------------------------------------------------ toast */
+
+.crm-toast {
+ position: fixed;
+ left: 50%;
+ bottom: 24px;
+ z-index: 300;
+ max-width: min(520px, calc(100vw - 32px));
+ padding: 9px 14px;
+ color: var(--accent-ink);
+ background: var(--ink);
+ border: 1px solid var(--ink);
+ font-size: 11px;
+ letter-spacing: 0.05em;
+ line-height: 1.4;
+ text-align: center;
+ opacity: 0;
+ transform: translate(-50%, 8px);
+ pointer-events: none;
+ transition: opacity 160ms ease, transform 160ms ease;
+}
+
+.crm-toast.is-show {
+ opacity: 1;
+ transform: translate(-50%, 0);
+}
+
+/* -------------------------------------------------------------- utilities */
+
+.crm-shell hr {
+ height: 0;
+ margin: 16px 0;
+ border: 0;
+ border-top: 1px solid var(--line);
+}
+
+.crm-shell .crm-stage + .crm-stage,
+.crm-shell .crm-pill + .crm-pill {
+ margin-left: 4px;
+}
+
+/* --------------------------------------------------------------- 1180px */
+
+@media (max-width: 1180px) {
+ .crm-shell {
+ --crm-gutter: 16px;
+ }
+
+ .crm-metrics {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+
+ .crm-col {
+ flex-basis: 200px;
+ width: 200px;
+ min-width: 200px;
+ }
+}
+
+/* ---------------------------------------------------------------- 900px */
+
+@media (max-width: 900px) {
+ .crm-metrics {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+
+ .crm-money-split,
+ .crm-two-col {
+ grid-template-columns: minmax(0, 1fr);
+ gap: 20px;
+ }
+
+ .crm-gates {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .crm-drawer-panel {
+ width: min(420px, 100%);
+ }
+}
+
+/* ---------------------------------------------------------------- 720px */
+
+@media (max-width: 720px) {
+ .crm-shell {
+ --crm-gutter: 12px;
+ font-size: 13.5px;
+ }
+
+ .crm-topbar {
+ flex-wrap: wrap;
+ gap: 8px 10px;
+ padding-top: 7px;
+ padding-bottom: 7px;
+ }
+
+ .crm-brand-sub {
+ display: none;
+ }
+
+ .crm-tools .crm-btn {
+ padding: 0 8px;
+ font-size: 9.5px;
+ }
+
+ .crm-sync {
+ flex: 1 1 100%;
+ max-width: none;
+ text-align: right;
+ }
+
+ .crm-gates {
+ grid-template-columns: minmax(0, 1fr);
+ }
+
+ .crm-form-grid,
+ .crm-form-grid.is-three {
+ grid-template-columns: minmax(0, 1fr);
+ gap: 0;
+ }
+
+ .crm-toolbar {
+ padding: 8px 0;
+ }
+
+ .crm-search {
+ flex: 1 1 100%;
+ }
+
+ /* full-screen sheet */
+ .crm-drawer-panel {
+ width: 100%;
+ border-left: 0;
+ }
+
+ .crm-drawer-head,
+ .crm-drawer-foot {
+ padding-left: 12px;
+ padding-right: 12px;
+ }
+
+ .crm-drawer-body {
+ padding-left: 12px;
+ padding-right: 12px;
+ }
+
+ .crm-spark {
+ height: 52px;
+ }
+}
+
+/* ---------------------------------------------------------------- 480px */
+
+@media (max-width: 480px) {
+ /* Six tabs do not fit on one phone-width line, and a scrolling tab strip
+ hides Outbound and Money with no hint that they exist. Wrap to two rows. */
+ .crm-tabs {
+ flex-wrap: wrap;
+ overflow-x: visible;
+ }
+
+ .crm-tab {
+ flex: 1 1 32%;
+ justify-content: center;
+ padding: 8px 6px;
+ }
+
+ .crm-metrics {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .crm-metric {
+ padding: 10px 11px 12px;
+ }
+
+ .crm-metric-value {
+ font-size: 22px;
+ }
+
+ .crm-tools {
+ gap: 4px;
+ }
+
+ .crm-col {
+ flex-basis: 180px;
+ width: 180px;
+ min-width: 180px;
+ }
+
+ .crm-toast {
+ left: 12px;
+ right: 12px;
+ bottom: 12px;
+ max-width: none;
+ transform: translate(0, 8px);
+ }
+
+ .crm-toast.is-show {
+ transform: translate(0, 0);
+ }
+}
+
+/* ---------------------------------------------------------------- 390px */
+
+@media (max-width: 390px) {
+ .crm-shell {
+ --crm-gutter: 10px;
+ --crm-topbar-h: 48px;
+ }
+
+ .crm-brand {
+ font-size: 13px;
+ }
+
+ .crm-tabs {
+ padding-left: var(--crm-gutter);
+ padding-right: var(--crm-gutter);
+ }
+
+ .crm-tab {
+ padding: 8px 4px;
+ font-size: 9.5px;
+ letter-spacing: 0.07em;
+ }
+
+ .crm-metrics {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .crm-metric-value {
+ font-size: 20px;
+ }
+
+ .crm-btn {
+ padding: 0 8px;
+ font-size: 9px;
+ letter-spacing: 0.06em;
+ }
+
+ .crm-filter {
+ max-width: 150px;
+ }
+
+ .crm-view h2 {
+ font-size: 14px;
+ }
+
+ .crm-banner {
+ padding: 9px 10px;
+ }
+
+ .crm-banner-body {
+ font-size: 12.5px;
+ }
+
+ .crm-key-value,
+ .crm-history-item {
+ grid-template-columns: minmax(0, 1fr);
+ gap: 3px;
+ }
+}
+
+/* --------------------------------------------------------- reduced motion */
+
+@media (prefers-reduced-motion: reduce) {
+ .crm-shell *,
+ .crm-drawer,
+ .crm-drawer *,
+ .crm-toast {
+ transition: none !important;
+ animation: none !important;
+ }
+
+ .crm-drawer-panel {
+ transform: none;
+ }
+
+ .crm-drawer:not(.is-open) .crm-drawer-panel {
+ transform: translateX(100%);
+ }
+
+ .crm-toast {
+ transform: translate(-50%, 0);
+ }
+}
+
+@media (prefers-reduced-motion: reduce) and (max-width: 480px) {
+ .crm-toast {
+ transform: none;
+ }
+}
+
+/* ------------------------------------------------------------- contrast */
+
+@media (prefers-contrast: more) {
+ .crm-shell {
+ --ink-2: #2a2724;
+ --ink-3: #45413b;
+ --line: #a8a29a;
+ }
+
+ .crm-table thead th,
+ .crm-table .crm-th {
+ border-bottom-width: 2px;
+ }
+
+ .crm-stage,
+ .crm-pill,
+ .crm-flag,
+ .crm-unset {
+ border-width: 1px;
+ font-weight: 500;
+ }
+
+ .crm-pill {
+ border-color: currentColor;
+ }
+
+ .crm-btn {
+ border-color: var(--ink-2);
+ }
+
+ .crm-row:hover {
+ background: color-mix(in srgb, var(--ink) 8%, transparent);
+ }
+
+ .crm-drawer-scrim {
+ background: rgba(20, 19, 18, 0.55);
+ }
+
+ .crm-th.is-sortable::after {
+ opacity: 0.6;
+ }
+}
+
+/* ------------------------------------------------------------------ print */
+
+@media print {
+ body:has(> .crm-shell),
+ body.crm-app {
+ overflow: visible;
+ }
+
+ .crm-shell {
+ position: static;
+ display: block;
+ height: auto;
+ overflow: visible;
+ background: #ffffff;
+ font-size: 10pt;
+ }
+
+ .crm-topbar,
+ .crm-tabs,
+ .crm-toolbar,
+ .crm-tools,
+ .crm-drawer,
+ .crm-toast,
+ .crm-btn,
+ .crm-btn-row,
+ .crm-board,
+ .crm-spark,
+ .crm-empty {
+ display: none !important;
+ }
+
+ .crm-view {
+ display: none !important;
+ }
+
+ .crm-view.is-active {
+ display: block !important;
+ padding: 0;
+ overflow: visible !important;
+ }
+
+ .crm-shell > .crm-view.is-active,
+ .crm-shell > main,
+ .crm-shell > .crm-main {
+ overflow: visible !important;
+ }
+
+ .crm-table-wrap {
+ max-height: none !important;
+ overflow: visible !important;
+ border: 0;
+ }
+
+ .crm-table {
+ min-width: 0;
+ width: 100%;
+ font-size: 9pt;
+ }
+
+ .crm-table thead th,
+ .crm-table .crm-th {
+ position: static;
+ color: #000000;
+ background: transparent;
+ border-bottom: 1px solid #000000;
+ }
+
+ .crm-table tbody td,
+ .crm-table tbody th {
+ color: #000000;
+ border-bottom: 1px solid #aaaaaa;
+ white-space: normal;
+ }
+
+ .crm-row,
+ .crm-metric,
+ .crm-panel li {
+ break-inside: avoid;
+ }
+
+ .crm-row.is-selected,
+ .crm-row:hover {
+ background: transparent;
+ }
+
+ .crm-metrics {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ border-top: 1px solid #000000;
+ }
+
+ .crm-metric {
+ background: transparent;
+ }
+
+ .crm-unset {
+ color: #000000;
+ background: transparent;
+ border-color: #000000;
+ }
+
+ .crm-stage,
+ .crm-pill,
+ .crm-flag {
+ color: #000000;
+ background: transparent;
+ border-color: #000000;
+ }
+}
diff --git a/biologix-strategy-board/control-tower/index.html b/biologix-strategy-board/control-tower/index.html
new file mode 100644
index 0000000..3a653f6
--- /dev/null
+++ b/biologix-strategy-board/control-tower/index.html
@@ -0,0 +1,411 @@
+
+
+
+ Biologix Control Tower — Affiliate CRM
+
+
+
+
+
+
+
+ Biologix / Control Tower
+ Affiliate CRM — internal
+
+
+ Connecting…
+ Refresh
+ Export CSV
+ Program setup
+ History
+ Invite affiliate
+ Log out
+
+
+
+
+
Loading the live control tower
+
Connecting to the authoritative program record…
+
Try again
+
+
+
+
+
This view needs JavaScript
+
+ The Control Tower connects to the live program record, so it cannot render without JavaScript.
+ Turn it on and reload.
+
+
+
+
+ Dashboard 0
+ Affiliates 0
+ Pipeline 0
+ Onboarding 0
+ Outbound 0
+ Money 0
+
+
+
+
+
+
+
+
+
Live program status
+
Waiting for the authoritative program record.
+
+
+
+
+
Net sales, last 30 days
+
+
+
+
+
+
Needs attention
+ Next actions past due. Click a row to open the record.
+
+
+
+
+
+ Record
+ Owner
+ Action
+ Due
+ Days late
+
+
+
+
+
+
+
+
+
Defects
+ Unowned, unscheduled or live without gates. Click to fix.
+
+
+
+
+
+ Record
+ Type
+ Problem
+
+
+
+
+
+
+
+
+
Program
+ Current server-owned configuration.
+
+
+
+
+
+
Recent history
+ View all
+
+
+
+
+
+
+
Pipeline
+ Every affiliate by stage.
+
+
+
+
+
+
+
Gate bottleneck
+ Where onboarding is stuck.
+
+
+
+
+
+
+
+
+
+
+
+ Affiliates with sales and commission. Column headers sort the table.
+
+
+ Name
+ Stage
+ Owner
+ Code
+ Orders
+ Gross
+ Refunded
+ Net
+ Rate
+ Commission owed
+ Gates
+ Last sale
+ Next action
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Outbound targets with sequence step and disposition.
+
+
+ Name
+ Handle
+ Platform
+ Followers
+ Owner
+ Channel
+ Step
+ Last touch
+ Replied
+ Disposition
+ Next action
+ Touch
+
+
+
+
+
+
+
+
+
+
+
Commission
+ Earned is net sales times the agreed rate. No rate agreed means the number is unknown, not zero.
+
+
+
+
+
+ Affiliate
+ Net sales
+ Rate
+ Earned
+ Override earned
+ Paid
+ Owed
+
+
+
+
+
+
+
+
+
Sales ledger
+
+ Export
+ Add sale
+
+
+
+
+
+
+ Date
+ Affiliate
+ Order
+ Product
+ Gross
+ Refunded
+ Net
+
+
+
+
+ Totals
+ 0
+ 0
+ 0
+
+
+
+
+
+
+
+
+
Payout ledger
+
+ Export
+ Add payout
+
+
+
+
+
+
+ Date
+ Affiliate
+ Amount
+ Method
+ Status
+ Reference
+
+
+
+
+ Paid, sent or cleared
+ 0
+
+
+
+
+
+
+
+
+
+
+
+
+
Record
+ Close
+
+
+
+
+
+
+
+
+
+
+
diff --git a/biologix-strategy-board/datum-peptides/404.html b/biologix-strategy-board/datum-peptides/404.html
new file mode 100644
index 0000000..8f64170
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/404.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to OVO Labs
+
+
+ Continue to OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/access.html b/biologix-strategy-board/datum-peptides/access.html
new file mode 100644
index 0000000..692019e
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/access.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to the OVO Labs catalog
+
+
+ Continue to the OVO Labs catalog.
+
+
diff --git a/biologix-strategy-board/datum-peptides/bundles.html b/biologix-strategy-board/datum-peptides/bundles.html
new file mode 100644
index 0000000..4d6325e
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/bundles.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to OVO Labs sets
+
+
+ Continue to OVO Labs sets.
+
+
diff --git a/biologix-strategy-board/datum-peptides/catalog.html b/biologix-strategy-board/datum-peptides/catalog.html
new file mode 100644
index 0000000..692019e
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/catalog.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to the OVO Labs catalog
+
+
+ Continue to the OVO Labs catalog.
+
+
diff --git a/biologix-strategy-board/datum-peptides/company.html b/biologix-strategy-board/datum-peptides/company.html
new file mode 100644
index 0000000..2f1ece8
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/company.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to OVO Labs
+
+
+ Continue to OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/eligibility.html b/biologix-strategy-board/datum-peptides/eligibility.html
new file mode 100644
index 0000000..8280899
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/eligibility.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to OVO Labs policies
+
+
+ Continue to OVO Labs policies.
+
+
diff --git a/biologix-strategy-board/datum-peptides/faq.html b/biologix-strategy-board/datum-peptides/faq.html
new file mode 100644
index 0000000..6d02930
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/faq.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to OVO Labs FAQ
+
+
+ Continue to the OVO Labs FAQ.
+
+
diff --git a/biologix-strategy-board/datum-peptides/index.html b/biologix-strategy-board/datum-peptides/index.html
new file mode 100644
index 0000000..cb5af14
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/index.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to OVO Labs
+
+
+ Continue to OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/lot-record.html b/biologix-strategy-board/datum-peptides/lot-record.html
new file mode 100644
index 0000000..be53883
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/lot-record.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to OVO Labs testing
+
+
+ Continue to OVO Labs testing.
+
+
diff --git a/biologix-strategy-board/datum-peptides/notes.html b/biologix-strategy-board/datum-peptides/notes.html
new file mode 100644
index 0000000..02c2760
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/notes.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to OVO Labs Learn
+
+
+ Continue to OVO Labs Learn.
+
+
diff --git a/biologix-strategy-board/datum-peptides/notes/choosing-by-molecule.html b/biologix-strategy-board/datum-peptides/notes/choosing-by-molecule.html
new file mode 100644
index 0000000..5cf1dea
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/notes/choosing-by-molecule.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to the OVO Labs guide
+
+
+ Continue to the OVO Labs guide.
+
+
diff --git a/biologix-strategy-board/datum-peptides/notes/coa-boundaries.html b/biologix-strategy-board/datum-peptides/notes/coa-boundaries.html
new file mode 100644
index 0000000..5b594a9
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/notes/coa-boundaries.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to the OVO Labs guide
+
+
+ Continue to the OVO Labs guide.
+
+
diff --git a/biologix-strategy-board/datum-peptides/notes/reading-testing-status.html b/biologix-strategy-board/datum-peptides/notes/reading-testing-status.html
new file mode 100644
index 0000000..4ef0f1e
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/notes/reading-testing-status.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to the OVO Labs guide
+
+
+ Continue to the OVO Labs guide.
+
+
diff --git a/biologix-strategy-board/datum-peptides/peptides/bpc-157.html b/biologix-strategy-board/datum-peptides/peptides/bpc-157.html
new file mode 100644
index 0000000..d6b3d4a
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/peptides/bpc-157.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to BPC-157 at OVO Labs
+
+
+ Continue to BPC-157 at OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/peptides/bpc-tb-blend.html b/biologix-strategy-board/datum-peptides/peptides/bpc-tb-blend.html
new file mode 100644
index 0000000..272ec7d
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/peptides/bpc-tb-blend.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to BPC-157 + TB-500 at OVO Labs
+
+
+ Continue to BPC-157 + TB-500 at OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/peptides/cagrilintide.html b/biologix-strategy-board/datum-peptides/peptides/cagrilintide.html
new file mode 100644
index 0000000..50816a1
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/peptides/cagrilintide.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to Cagrilintide at OVO Labs
+
+
+ Continue to Cagrilintide at OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/peptides/cjc-1295.html b/biologix-strategy-board/datum-peptides/peptides/cjc-1295.html
new file mode 100644
index 0000000..893bdfd
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/peptides/cjc-1295.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to CJC-1295 at OVO Labs
+
+
+ Continue to CJC-1295 at OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/peptides/cjc-ipamorelin-blend.html b/biologix-strategy-board/datum-peptides/peptides/cjc-ipamorelin-blend.html
new file mode 100644
index 0000000..588ecb6
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/peptides/cjc-ipamorelin-blend.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to CJC-1295 + Ipamorelin at OVO Labs
+
+
+ Continue to CJC-1295 + Ipamorelin at OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/peptides/ipamorelin.html b/biologix-strategy-board/datum-peptides/peptides/ipamorelin.html
new file mode 100644
index 0000000..ef205d1
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/peptides/ipamorelin.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to Ipamorelin at OVO Labs
+
+
+ Continue to Ipamorelin at OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/peptides/retatrutide.html b/biologix-strategy-board/datum-peptides/peptides/retatrutide.html
new file mode 100644
index 0000000..ce1865c
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/peptides/retatrutide.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to Retatrutide at OVO Labs
+
+
+ Continue to Retatrutide at OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/peptides/semaglutide.html b/biologix-strategy-board/datum-peptides/peptides/semaglutide.html
new file mode 100644
index 0000000..459b54b
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/peptides/semaglutide.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to Semaglutide at OVO Labs
+
+
+ Continue to Semaglutide at OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/peptides/tb-500.html b/biologix-strategy-board/datum-peptides/peptides/tb-500.html
new file mode 100644
index 0000000..e72678a
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/peptides/tb-500.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to TB-500 at OVO Labs
+
+
+ Continue to TB-500 at OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/peptides/tirzepatide.html b/biologix-strategy-board/datum-peptides/peptides/tirzepatide.html
new file mode 100644
index 0000000..fe22399
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/peptides/tirzepatide.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to Tirzepatide at OVO Labs
+
+
+ Continue to Tirzepatide at OVO Labs.
+
+
diff --git a/biologix-strategy-board/datum-peptides/policies.html b/biologix-strategy-board/datum-peptides/policies.html
new file mode 100644
index 0000000..8280899
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/policies.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to OVO Labs policies
+
+
+ Continue to OVO Labs policies.
+
+
diff --git a/biologix-strategy-board/datum-peptides/testing.html b/biologix-strategy-board/datum-peptides/testing.html
new file mode 100644
index 0000000..be53883
--- /dev/null
+++ b/biologix-strategy-board/datum-peptides/testing.html
@@ -0,0 +1,13 @@
+
+
+
+ Redirecting to OVO Labs testing
+
+
+ Continue to OVO Labs testing.
+
+
diff --git a/biologix-strategy-board/deal-structure.html b/biologix-strategy-board/deal-structure.html
new file mode 100644
index 0000000..8ca9378
--- /dev/null
+++ b/biologix-strategy-board/deal-structure.html
@@ -0,0 +1,372 @@
+
+
+
+ Biologix Decision Board — Proposed Deal Structure
+
+
+
+
+
+
+ 00 / Current proposed deal
+ The proposed deal
+ Alex enters Biologix as Operating Partner through OVO Labs — not CRO, not statutory President. One prepaid sprint verifies the books; if the records clear, the mandate, monthly cash, 30% ownership, and a mandatory monthly owner-cash split all activate on the schedule below.
+ Strategic inference: Proposed — not agreed until signed
+ Prepared 2026-07-23 · Internal · Proposed terms — nothing agreed until signed · Not legal advice
+
+
+
+
+
01 / The deal in one view
Five numbers define the whole structure.
+
Everything else on this page is definition and protection around these five commitments. None of them is agreed until definitive documents are signed.
+
+
+ The economics
+
+
Activation sprint $50,000 prepaid · 30 days
+
From day 31 $30,000 Alex + $20,000 OVO / month
+
Ownership 30% fully diluted
+
Owner cash monthly 70% Braden · 30% Alex
+
Fallback lane only 15% introduced-partner share
+
+
+ The sequence
+
+ Sign definitive documents. The 30% grant is locked in subject to its vesting terms: 10% vested on signing, 10% on activation, and 10% over the following six months.
Days 1–30. $50,000 prepaid Source-of-Truth and Activation Sprint. Read-only access; source-truth decision inside the first 10 business days.
Objective gate. Authority, public role, and live growth do not activate early — see the activation gate below.
Day 31. Operating Partner mandate activates; $30,000 Alex + $20,000 OVO monthly begins; the activation tranche vests.
Next six months. The final 10% vests on schedule, with defined acceleration and protection.
+
+
Current working ask: 30% economic ownership. This supersedes earlier illustrative 10–20% ranges on this board and is binding only in a signed definitive agreement. The revised model adds $15,000 per month versus the earlier single $35,000 operator line. Strategic inference: Proposed term
+
+
+
+
+
+ 02 / Monthly owner cash
+
Excess Cash pays out monthly: 70% Braden, 30% Alex.
+ Strategic inference: Proposed term — not agreed
+
Under the proposed terms, the company holds back only what the signed formula defines. Everything above those holdbacks is Excess Cash, and 100% of it is distributed at the monthly close — by rule, not discretion. Anything held back beyond the formula requires Alex's written approval.
+
+
+ The proposed monthly formula
+
+
+ Start with Cleared company cash at the monthly close
+
+ − minus Refunds and chargebacks not yet debited
+
+
+ − minus Accrued taxes, payroll, and accounts payable
+
+
+ − minus Signed inventory commitments due before the next close and processor obligations not already excluded
+
+
+ − minus Approved operating and legal-defense reserve
+
+
+ = equals Excess Cash — 100% distributed: 70% Braden · 30% Alex
+
+
+
+
+
+ Worked example — hypothetical
+
+
Cleared company cash $1,000,000
+
+ Liabilities + reserve
+ minus ($300,000)
+
Excess Cash $700,000
+
Braden · 70% $490,000
+
Alex · 30% $210,000
+
+
+ 70% Braden · 30% Alex — 100% of Excess Cash
+
+
+
+
+
+
03 / Required Reserve and owner rules
The reserve is a formula. Reinvestment is an election.
+
The Required Reserve is defined in a signed schedule, not by discretion. After distribution, either owner may lend cash back — but a loan never becomes ownership, priority, or a padded reserve.
+
+
+ Strategic inference: Proposed termWhat may be held back — not yet agreed
+
+ Accrued taxes, documented refund or chargeback exposure, payroll, and incurred accounts payable.
+ Inventory counts only when an approved, executed commitment is payable before the next close; an optional growth order does not count.
+ Processor reserves or obligations count only when they are documented and not already excluded from Cleared Cash.
+ The operating reserve is capped at sixty days of the mutually approved budget.
+ The legal/compliance reserve is a fixed dollar amount in the signed schedule; capex requires both owners' written approval.
+ A dispute holds only the disputed amount. Undisputed Excess Cash still pays on time.
+
+
+
+ Strategic inference: Proposed termReinvestment is an owner election
+
+ First pay the full $490,000 / $210,000 distribution. Alex keeps his $210,000 and is never required to put it back.
+ Example: Braden may wire $300,000 of his own $490,000 back under a separate shareholder note, booked as a company loan payable to Braden.
+ The note is mutually approved, unsecured, non-convertible, and carries no warrants, votes, collateral, or ownership change.
+ Its principal, interest, and repayment priority cannot pad the Required Reserve or jump ahead of the monthly waterfall without Alex's written approval.
+
+
+
+
+ Strategic inference: Operating designFinance control, openly installed
+
+ Braden's mother remains a trusted finance participant in the monthly close.
+ Alex installs the cash forecast, processor reconciliation, management pack, and independent controller cadence.
+ Alex receives read-only bank, processor, and accounting visibility plus narrow approval rights over reserve changes, related-party transfers, and owner benefits.
+ Personal draws or company-funded owner benefits sit in the same 70/30 equalization ledger.
+
+
+
+
+
+
+
04 / Role perimeter
Operating Partner — not CRO, not President on day one.
+
Company-wide accountability comes with company-wide authority after activation. The perimeter below is part of the economics.
+
+
+ Alex owns after activation
+
+ Company architecture and management cadence.
+ Finance systems, cash forecast, and monthly-close discipline.
+ People, hiring, and vendor scorecards.
+ Creator distribution, lifecycle, and content systems.
+ The weekly executive close.
+
+
+
+ Braden retains
+
+ Product and sourcing.
+ Inventory.
+ Fulfillment and routine order operations.
+ Founder content creation.
+ His trusted finance participant in the monthly close.
+
+
+
+
The only fallback lane
+
If Braden wants traffic only: a scoped setup fee plus 15% of settled contribution from accepted Alex-introduced partners. That lane carries no companywide operating mandate, no 30% ownership, no OVO managed-services pod, and no backend build. Strategic inference: Proposed term
+
+
+
+
+
05 / OVO delivery team
One director, parallel pods, centralized controls.
+
Creator growth is delivered as a managed OVO function. Managers run creator portfolios in parallel; QA/compliance and payout/data operations stay centralized so quality and money never depend on one manager.
+
+
+ The pod structure
+
+
Program director Alex
+
Creator-manager pod Jaci
+
Creator-manager pod Kennedy
+
Named legacy relationships Connor
+
Future pods Parallel managers, added by rule
+
Centralized QA/compliance · payout & data ops
+
+
+ Capacity model
+
+
Pilot load per manager 10–12 creators
+
Steady state 12–15
+
Initial roster 25 creators
+
Expansion rule +1 pod per 15 active creators
+
At 50 creators ~4 managers + QA
+
At 100 creators 7–8 managers · 2 QA · 1 payout/data
+
+
Named assignments are planned, not contracted — pods staff up only after activation. Strategic inference: Proposed — activates with the mandate
+
+
+
+
+
06 / Creator pipeline
Eleven stages in. One waterfall out.
+
The lifecycle applies OVO's Fitia creator-operations spine to Biologix. Every settled dollar exits through the same waterfall defined above — there is no second or stacked service-fee layer.
+
+
+ Fitia-derived lifecycle
+
+ Source Qualify Approve Outbound Close Contract Activate Manage Attribute Settle Scale
+
+
+ Where each settled dollar goes
+
+
+ Start with Settled Net Revenue at the monthly close
+
+ − minus Creator commissions and direct costs
+
+
+ = equals Settled Contribution Margin
+
+
+ − minus OVO service fee — defined below
+
+
+ − minus Overhead and approved reserve
+
+
+ = equals Excess Cash — 70% Braden · 30% Alex
+
+
+ The same Excess Cash defined in section 02. The OVO fee sits inside costs — it never comes out of the 70/30.
+
+
+
Truth boundary
+
The pipeline above is a real, operating Fitia spine. The legacy planning numbers attached to it — 170 sends per day and five closes per day — are unverified planning assumptions, not measured throughput. Founder-reported, unverified: Unverified planning assumption
+
No creator growth activates before written product, claims, and jurisdiction clearance — see the activation gate . Required proof: Written clearance required
+
+
+
+
+
07 / Recurring OVO economics
The fee scales by pod and settles on margin.
+
The $20,000 OVO monthly line in section 01 is the capacity minimum. Above capacity, the fee follows settled margin — never gross revenue and never a stacked downline.
+
+
The fee, defined
+
+
Capacity minimum $20,000 / month
+
Covers First 25 active creators
+
Each additional pod +$10,000 per 15 active creators
+
Monthly service fee Greater of minimum or 15% SCM
+
Variable cap 8% Settled Net Revenue
+
Stacked downline fee None
+
+
SCM — Settled Contribution Margin after creator commissions and direct costs. SNR — Settled Net Revenue. One service fee; no per-manager override on top. Strategic inference: Proposed term
+
+
+
+
+
08 / Activation gate
Nothing activates until the source records clear.
+
The economic right can be documented at signing. Authority, the public role, and live growth activate only when every gate passes.
+
+ At least 95% of 30/90-day order value reconciles from source through processor and bank, with every residual difference explained.
+ Fully loaded collected operating contribution is source-verified at 35% or better.
+ Entity, cap table, side promises, related parties, vendor rights, IP, and customer data are fully disclosed and usable.
+ Demand durability, concentration, refund/dispute rates, and repeat economics support the forecast.
+ Qualified specialists support a lawful path, and quality evidence supports the contemplated scope.
+ Braden accepts the role split, information rights, budget, decision rights, and management cadence in writing.
+
+ Failing a gate is not “walk forever.” It means no permanent title, voting control, personal guarantee, or broad Operating Partner liability — and any narrow paid remediation has explicit limits.
+ Full gate table and kill conditions →
+
+
+
+
+
+
+
+
diff --git a/biologix-strategy-board/evidence-register.md b/biologix-strategy-board/evidence-register.md
new file mode 100644
index 0000000..f5cf232
--- /dev/null
+++ b/biologix-strategy-board/evidence-register.md
@@ -0,0 +1,61 @@
+# Evidence register for the hypothetical venture plan
+
+**Research date:** July 22, 2026
+
+**Purpose:** Make the changing public snapshots and founder-reported inputs reproducible without treating them as verified financial records.
+
+## Public popularity and price snapshot
+
+- Captured: **2026-07-22 18:19:22 PDT**.
+- Endpoint: [Biologix WooCommerce Store API, popularity descending](https://biologixlabsresearch.com/wp-json/wc/store/v1/products?per_page=100&orderby=popularity&order=desc).
+- Stored derivative: [`public-demand-map.csv`](./public-demand-map.csv).
+- Publicly observed fields: rank/order returned by the endpoint, product label, current minimum price, and current maximum variant price.
+- Not observable from the endpoint: units sold, revenue, customers, time period represented by popularity, repeat rate, contribution, or whether historical sales metadata moved during the platform migration.
+- Analyst-created fields: demand cluster and modeled portfolio role.
+
+Prices, rank, stock, and product availability are dynamic. A later request may differ without implying that either snapshot was false.
+
+## Public inventory snapshot
+
+- Recorded source snapshot: **2026-07-22 15:45 PDT**.
+- Source dossier: local file `33-biologix-public-commerce-evidence-2026-07-22.md` in the Braden Zoom Call Analysis folder.
+- Snapshot result: 1,397 visible numeric units and approximately $86,657 of displayed retail inventory across public sellable entries.
+- Interpretation: storefront allocation only. It does not prove total warehouse inventory, landed cost, ownership, or historical sales.
+- Volatility check: the public counters changed later the same day, demonstrating why the timestamp and non-financial interpretation matter.
+
+## Founder-reported one-day analytics input
+
+- Source: second Braden strategy-call recording/transcript in the local Braden Zoom Call Analysis dossier.
+- Relevant time window: approximately **00:31:58–00:32:21**.
+- Inputs used in the model: **$53,540.86** reported dashboard amount and **216** reported orders.
+- Context: Braden said analytics were broken and missing Apple Pay.
+- Derived arithmetic: $53,540.86 / 216 = $247.8743519 implied AOV; a mechanical 30-day repetition equals $1,606,225.80 and 6,480 orders.
+- Evidence class: founder-reported one-day input, incomplete, unverified, and **not a base case**.
+
+## Other founder-reported inputs requiring source proof
+
+- Approximately $1.5 million in the last 30 days.
+- Approximately 80–85% margin described as “net.”
+- Word of mouth as the primary acquisition channel.
+- A very small affiliate group and statements that affiliates can earn approximately $10,000–$12,000 weekly; the transcript does not cleanly establish whether that amount is per affiliate or aggregate.
+- Founder-led fulfillment with limited help.
+- Inventory, ownership, supplier, peak-day, agency, and app-development statements contained in the calls.
+
+Required verification is the order export, processor activity, adjusted bank settlements, refunds/disputes, affiliate ledger, inventory roll-forward, supplier/import records, accounting close, tax records, cap table, contracts, complaints/adverse events, and insurance.
+
+## Private founder follow-up signal
+
+- Source: user-authorized review of the direct Alex–Braden iMessage thread on **2026-07-22**.
+- Braden confirmed a follow-up for **1:00 CST the next day**, sent a photo of a substantial batch of outbound Biologix packages, and later wrote **“Let’s get it brotha.”**
+- Operational interpretation: the relationship is active and the visible fulfillment batch reinforces the founder-relief wedge already described in the calls.
+- Boundary: the messages do **not** prove a signed engagement, payment, source access, revenue, margin, order count, ownership, or the contents and disposition of the packages.
+- Privacy handling: the source attachment is not copied into the board because shipping labels may contain customer information.
+
+## Evidence labels
+
+- **Publicly observed:** directly visible in a timestamped public source.
+- **Private founder signal:** directly observed in a user-authorized private communication, but not proof of financial or contractual claims.
+- **Founder-reported — unverified:** said or shown by Braden without source-record reconciliation.
+- **Strategic inference:** analyst interpretation from observed/reported facts.
+- **Modeled assumption:** an input selected for sensitivity analysis, not a statement about Biologix.
+- **Required proof:** a record or legal/quality conclusion needed before money, title, equity, or operating responsibility changes hands.
diff --git a/biologix-strategy-board/execution.html b/biologix-strategy-board/execution.html
new file mode 100644
index 0000000..94b556a
--- /dev/null
+++ b/biologix-strategy-board/execution.html
@@ -0,0 +1,278 @@
+
+
+
+ Biologix Decision Board — Execution
+
+
+
+
+
+
+ 03 / Execution
+ Meeting set. Tomorrow, 1:00 CST.
+ Braden answered, confirmed the next meeting, and signaled real momentum. The job now is to convert chemistry into source access, a paid operating sprint, and explicit next steps without treating enthusiasm as signed economics.
+ Prepared 2026-07-22 · Updated evening · Internal · Not legal advice
+
+
+
+
+
01 / Signal received
He answered.
+
Relationship momentum is now confirmed. Commercial commitment still begins only when access, scope, payment, and next steps become explicit.
+
+
+
Track A is live. The payment gate is not.
+
Braden confirmed the follow-up, shared a live fulfillment signal, and ended with “Let’s get it brotha.” The founder-relief wedge is more concrete: fulfillment still visibly depends on Braden. None of this proves revenue, margin, ownership, or a completed partnership.
+
Founder-provided photo shows a large batch of personally handled Biologix packages Private signal · not revenue proof
+
+
+
Meeting Tomorrow · 1:00 CST · confirmed
+
Operating signal Batch photo · self-fulfilled
+
Tone “Let’s get it brotha”
+
+
+
+
+
+
02 / Meeting preparation
Arrive ready to close the next gate.
+
Prepare the concrete transaction now. Keep inventory, exclusivity, liability, and permanent focus behind explicit gates.
+
+ All 0
+ Next 72h 0
+ Track: active 0
+ Contingency 0
+ Gated 0
+ Done 0
+
+
+
+
+
+
+ Done Research foundation and call evidence assembled Shared · complete
+
Why Alex should negotiate from the transcript, public audit, verified commerce signals, known contradictions, and explicit unknowns — not just founder chemistry.
+
Evidence Call transcript, executive summaries, public storefront audit, commerce evidence, deal analysis, regulatory research, and this four-view decision board are organized.
+
Done when · the next conversation can move directly to source data, operating scope, and paid commitment.
+
+
+
+ Ready Finalize the one-page paid sprint Alex · before 1:00 CST tomorrow
+
Why The next exchange should be a concrete paid transaction, not another free architecture session.
+
State the source-of-truth objective, scope, exclusions, access, outputs, timeline, fee, and go/no-go gate. Attach the data-room checklist and source-truth call agenda. Keep OVO creators, systems, merchant rails, inventory capital, and permanent title outside the sprint.
+
Gate Strategic inference: Working target · $50,000 prepaid
+
Done when · a signature-ready sprint can be sent within ten minutes of Braden saying yes.
+
+
+
+ Ready Prepare the data-room request and live source-truth agenda Alex · before 1:00 CST tomorrow
+
Why Revenue, margin, inventory, ownership, and channel claims cannot stay verbal if Alex is pricing a company-level role.
+
Request live WooCommerce, processor, bank, accounting, inventory, affiliate, customer, vendor, contract, and corporate access. Sequence the walkthrough from order to capture to settlement to bank receipt. Require every partner, admin, revenue share, equity promise, and exclusivity in one map.
+
Done when · each data category has an owner, format, and twenty-four-to-forty-eight-hour upload deadline.
+
+
+
+ Ready Start the merchant-neutral longevity asset map Alex · begin now
+
Why The durable thesis should not depend on one storefront or one founder's reply.
+
Map audience problems, trusted educators, creators, operators, lawful merchants, licensed care, diagnostics, supplements, skincare, and software. Identify which assets OVO can own across merchants: media, permission, data, creator operations, lifecycle, and attribution. List interview targets and the first merchant-neutral demand test.
+
Done when · Alex has one portable category map and a first-week interview queue.
+
+
+
No records match — clear filters
+
+
+
+
+
03 / Active path and contingency
The live route leads. The fallback remains ready.
+
Track A is now the operating priority. Track B activates only if tomorrow fails to produce a concrete next step.
+
+
+
+
+
+ Ready Hold the source-of-truth call Alex + Braden · tomorrow 1:00 CST Why Move from chemistry and claims to reciprocal proof, scope, authority, and a written process.
Set the standard: permanent economics follow evidence. Walk WooCommerce, processor, bank, refunds, reserves, accounting, inventory, affiliates, contracts, and ownership live. Close on the paid sprint, data owner, upload deadline, and start date. Gate Live source access
Done when · the sprint concept is accepted and every source category has a named owner and deadline.
+
+
+ Gated Execute NDA, sprint, and payment Alex + Braden · before access Why The relationship becomes real when the company pays for work and opens the source systems.
Sign mutual confidentiality and limited sprint scope. Collect prepaid fee before substantive implementation begins. Keep title, exclusivity, OVO assets, and permanent equity outside this contract. Done when · funds are received, access is live, and the sprint clock starts.
+
+
+ Gated Run the ten-day verification gate Sprint · days 00–10 Why Verify settled cash, fully loaded contribution, repeat demand, inventory, ownership, partners, payment continuity, quality records, and the operating perimeter before permanent focus.
Reconcile order to bank and define contribution line by line. Map cohort, repeat, referral, affiliate, and SKU economics. Obtain specialist green, yellow, or red findings. Issue a written go, remediate, or walk decision. Gate Source truth must clear
Done when · Alex can defend the economics and risks without relying on Braden's narrative.
+
+
+ Gated Create the first founder-relief win Sprint · days 11–30 Why Removing Braden from labeling and shipping proves Alex creates founder freedom, not just decks.
Establish inventory truth, lot location, and landed cost. Stabilize the 3PL scope, handoff, service levels, and exception path. Install the daily cash, order, inventory, support, and fulfillment view. Done when · Braden can leave for a full workday without routine fulfillment depending on him.
+
+
+ Gated Reverse-engineer and instrument word of mouth Sprint · days 11–30 Why The reported organic engine is the most valuable unexplained part of the business.
Identify referral source and first trust event for recent customers. Measure repeat behavior, contribution, product pathway, and referral depth. Build the minimum capture and attribution layer around the existing loop. Evidence Reported mainly word of mouth
Done when · the team can describe, measure, and deliberately reproduce the acquisition loop.
+
+
+ Gated Negotiate permanent operating economics After reconciliation Why Alex should receive operator economics for converting accidental demand into a company.
Choose the cash-heavy or ownership-heavy structure based on verified durability. Lock authority, budget, reporting lines, contribution definition, distributions, information, audit, dilution, related-party, sale, and termination rights. Separate Legacy CashCo from Durable NewCo. Done when · responsibility, authority, cash, downside protection, and upside are aligned in definitive documents.
+
+
+ Gated Launch the ninety-day operating roadmap and NewCo gate After permanent terms Why The partnership is valuable only if each month removes founder dependence and creates assets that survive the current storefront.
Install the non-Alex operating DRI, lifecycle, referral system, vendor accountability, and executive close. Scale only measured positive-contribution cohorts. Launch NewCo only after clean ownership, IP, contracts, books, data, and reserved matters are signed. Done when · neither founder is the daily router and the durable assets sit in the agreed clean entity.
+
+
+
+
+
+
+
+ Waiting If 1:00 CST passes without the meeting, stop chasing Alex · contingency trigger Why One founder should not hold a category thesis or Alex's calendar hostage.
Stop producing personalized free architecture. Keep the door open without granting indefinite priority or exclusivity. Move the weekly capacity into interviews, owned audience, and merchant-neutral infrastructure. Gate Meeting missed without a concrete reset
Done when · Alex's next week is scheduled around owned work rather than checking for a response.
+
+
+ Waiting Ask Connor once for context, not pressure Only if the meeting slips
+
Why Connor can clarify whether timing changed. He should not be used to triangulate, persuade, or corner Braden.
+
Ask whether Braden is buried, reconsidering, or simply off schedule. Do not ask Connor to sell the deal or relay confidential terms. Return to the direct relationship for any substantive conversation.
+
Done when · Alex understands timing without creating social pressure or mixed messages.
+
+
+
+ Waiting Interview category operators, customers, creators, and qualified merchants Independent · week 1 Why Learn where trust, demand, reorder behavior, merchant pain, creator interest, and licensed infrastructure actually live.
Ask about customer problems, purchase pathways, trust events, retention, content, merchant failures, and partner economics. Separate durable metabolic-health and longevity demand from a single RUO storefront model. Record common data, lifecycle, attribution, and creator-operations gaps. Done when · repeated pain and purchase behavior produce a merchant-neutral opportunity map.
+
+
+ Waiting Launch an OVO-owned category demand test Independent · weeks 1–2 Why Prove audience and customer permission before inventory, merchant dependence, or a product bet.
Choose a brand-neutral research, media, newsletter, waitlist, or community wedge. Publish education around real customer questions without making unsupported product claims. Measure qualified attention, replies, interviews, referrals, and merchant interest. Done when · OVO owns a permissioned audience signal that is portable across merchants.
+
+
+ Waiting Build the category creator and operator coalition Independent · weeks 1–2 Why Alex's actual unfair advantage is trusted distribution and the system around it — not access to a generic supplier.
Map credible educators, health creators, operators, clinicians, diagnostics leaders, and community builders. Invite category-level conversations, not product endorsements. Document preferred economics, content constraints, audience demand, and partner requirements. Working target 10–20 expressions of interest Strategic inference: Strategic inference
Done when · OVO has a credible initial partner graph no single merchant owns.
+
+
+ Waiting Prototype the merchant-neutral partner control plane Independent · weeks 1–2 Why The reusable moat is creator operations, attribution, contribution truth, content governance, reversals, lifecycle, and merchant portability.
Show the partner record, agreement state, approved-content evidence, customer event trail, contribution ledger, payout state, reversals, and stop controls. Keep schemas, code, creator graph, and detailed automations private. Use the prototype to sell a paid operating pilot, not to perform free implementation. Done when · a qualified merchant can understand the operating destination without receiving the wiring.
+
+
+ Gated Offer paid pilots to qualified lawful longevity merchants Independent · weeks 2–3 Why Multiple qualified buyers prove the operating platform is valuable beyond Biologix.
Prioritize licensed care, diagnostics, supplements, skincare, software, and other specialist-cleared categories. Require truthful merchant, product, payment, data, and operating evidence before creator activation. Keep audience, software, and generalized operating IP portable. Gate Qualified specialists support the contemplated model
Done when · at least one merchant will pay for a controlled pilot under OVO's operating boundary.
+
+
+ Gated Make the week-four capital and attention decision Alex · week 4 Why The category earns more time only if paid demand, distribution, or owned audience validates.
Reopen Biologix under the original paid gates if Braden returns. Choose another qualified merchant if a superior paid path appears. Form the merchant-neutral Durable NewCo if owned demand and platform pull validate. Return the capacity to OVO if none of the evidence clears. Done when · Alex chooses one path explicitly and closes the others for the next operating cycle.
+
+
+
+
+
+
+
Both tracks end here
+
Owned leverage that survives any one storefront.
+
+
Audience Track A captures Biologix customer and creator permission under agreed rights. Track B builds merchant-neutral research, media, waitlist, and community.
+
Data Track A reconciles orders, referrals, cohorts, contribution, and repeat demand. Track B creates interview, audience, creator, and merchant-intent data OVO owns.
+
Software Track A instruments the live company. Track B prototypes the portable partner, attribution, lifecycle, contribution, and controls layer.
+
+
+
+
+
+
04 / Weekly control panel
The questions that keep speed from becoming drift
+
Review weekly. A compelling market is not permission to consume unlimited Alex time or bypass proof.
+
+
+ Weekly control questions and decision rules.
+ Question Green Yellow Red
+ Did the 1:00 CST meeting produce explicit next steps? Sprint, source access, owners, deadlines, and payment path are explicit. Positive intent with one defined follow-up and deadline. No meeting, no reset, or another free architecture loop. Was the sprint paid? Implementation begins under scope. Clarify paper and deadline. No more personalized architecture. Is source access complete? Orders, settlements, bank, accounting, customer, inventory, affiliate, partner, contract, and ownership data live. Missing records have owners and deadlines. Withholding or unexplained contradictions end the permanent path. Does cash reconcile? Collected contribution survives full costs. Fixable accounting or attribution gaps. Material claims do not become settled cash. Is the operating perimeter usable? Qualified specialists support payment, quality, insurance, and lawful boundaries. Remediation is defined, funded, and time-boxed. Alex is asked for banks, nominees, concealment, unsupported claims, or undefined exposure. Do authority and economics match? Control, budget, team, cash, ownership, distributions, information, and protection align. Specific open terms with a deadline. Company accountability with employee or advisor economics. What did OVO own this week? Audience, data, software, content, relationship, or NewCo value compounded. Information improved but no asset yet. Alex only performed more labor for someone else's transaction. Did any OVO priority slip? No core milestone moved. One contained tradeoff with an owner and recovery date. Biologix becomes the new daily chaos center.
+
+
Operating rule · Move fast on information, paid proof, and reversible options. Move slowly on liability, exclusivity, and permanent focus.
+
+
+
+
+
+
+
+
+
diff --git a/biologix-strategy-board/finalized.json b/biologix-strategy-board/finalized.json
new file mode 100644
index 0000000..c65f654
--- /dev/null
+++ b/biologix-strategy-board/finalized.json
@@ -0,0 +1,21 @@
+{
+ "source_mockup": null,
+ "source_plan": null,
+ "mode": "freeform-with-existing-board-reference",
+ "html_files": [
+ "index.html",
+ "deal-structure.html",
+ "operating-reference.html",
+ "execution.html",
+ "venture-model.html",
+ "risk-on-venture-plan.html"
+ ],
+ "pretext_tier": "card-grid",
+ "framework": "vanilla",
+ "iterations": 4,
+ "date": "2026-07-23",
+ "screen": "biologix-strategy-board",
+ "branch": "scaling-strategy",
+ "visual_authority": "claude-fable-5",
+ "visual_review": "approved-by-claude-fable-5"
+}
diff --git a/biologix-strategy-board/flywheel-map-pretext.js b/biologix-strategy-board/flywheel-map-pretext.js
new file mode 100644
index 0000000..93e6220
--- /dev/null
+++ b/biologix-strategy-board/flywheel-map-pretext.js
@@ -0,0 +1,5 @@
+var x0=["BN","BN","BN","BN","BN","BN","BN","BN","BN","S","B","S","WS","B","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","B","B","B","S","WS","ON","ON","ET","ET","ET","ON","ON","ON","ON","ON","ON","CS","ON","CS","ON","EN","EN","EN","EN","EN","EN","EN","EN","EN","EN","ON","ON","ON","ON","ON","ON","ON","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","ON","ON","ON","ON","ON","ON","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","ON","ON","ON","ON","BN","BN","BN","BN","BN","BN","B","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","BN","CS","ON","ET","ET","ET","ET","ON","ON","ON","ON","L","ON","ON","ON","ON","ON","ET","ET","EN","EN","ON","L","ON","ON","ON","EN","L","ON","ON","ON","ON","ON","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","ON","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","L","ON","L","L","L","L","L","L","L","L"],g0=["AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","CS","AL","ON","ON","NSM","NSM","NSM","NSM","NSM","NSM","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","AL","AL","AL","AL","AL","AL","AL","AN","AN","AN","AN","AN","AN","AN","AN","AN","AN","ET","AN","AN","AL","AL","AL","NSM","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","NSM","ON","NSM","NSM","NSM","NSM","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL","AL"];function m0(O){if(O<=255)return x0[O];if(1424<=O&&O<=1524)return"R";if(1536<=O&&O<=1791)return g0[O&255];if(1792<=O&&O<=2220)return"AL";return"L"}function r0(O){let _=O.length;if(_===0)return null;let J=Array(_),Y=0;for(let V=0;V<_;V++){let $=m0(O.charCodeAt(V));if($==="R"||$==="AL"||$==="AN")Y++;J[V]=$}if(Y===0)return null;let X=_/Y<0.3?0:1,R=new Int8Array(_);for(let V=0;V<_;V++)R[V]=X;let Z=X&1?"R":"L",Q=Z,f=Q;for(let V=0;V<_;V++)if(J[V]==="NSM")J[V]=f;else f=J[V];f=Q;for(let V=0;V<_;V++){let $=J[V];if($==="EN")J[V]=f==="AL"?"AN":"EN";else if($==="R"||$==="L"||$==="AL")f=$}for(let V=0;V<_;V++)if(J[V]==="AL")J[V]="R";for(let V=1;V<_-1;V++){if(J[V]==="ES"&&J[V-1]==="EN"&&J[V+1]==="EN")J[V]="EN";if(J[V]==="CS"&&(J[V-1]==="EN"||J[V-1]==="AN")&&J[V+1]===J[V-1])J[V]=J[V-1]}for(let V=0;V<_;V++){if(J[V]!=="EN")continue;let $;for($=V-1;$>=0&&J[$]==="ET";$--)J[$]="EN";for($=V+1;$<_&&J[$]==="ET";$++)J[$]="EN"}for(let V=0;V<_;V++){let $=J[V];if($==="WS"||$==="ES"||$==="ET"||$==="CS")J[V]="ON"}f=Q;for(let V=0;V<_;V++){let $=J[V];if($==="EN")J[V]=f==="L"?"L":"EN";else if($==="R"||$==="L")f=$}for(let V=0;V<_;V++){if(J[V]!=="ON")continue;let $=V+1;while($<_&&J[$]==="ON")$++;let u=V>0?J[V-1]:Q,q=$<_?J[$]:Q,D=u!=="L"?"R":"L";if(D===(q!=="L"?"R":"L"))for(let K=V;K<$;K++)J[K]=D;V=$-1}for(let V=0;V<_;V++)if(J[V]==="ON")J[V]=Z;for(let V=0;V<_;V++){let $=J[V];if((R[V]&1)===0){if($==="R")R[V]++;else if($==="AN"||$==="EN")R[V]+=2}else if($==="L"||$==="AN"||$==="EN")R[V]++}return R}function u0(O,_){let J=r0(O);if(J===null)return null;let Y=new Int8Array(_.length);for(let X=0;X<_.length;X++)Y[X]=J[_[X]];return Y}var a0=/[ \t\n\r\f]+/g,s0=/[\t\n\r\f]| {2,}|^ | $/;function d0(O){let _=O??"normal";return _==="pre-wrap"?{mode:_,preserveOrdinarySpaces:!0,preserveHardBreaks:!0}:{mode:_,preserveOrdinarySpaces:!1,preserveHardBreaks:!1}}function i0(O){if(!s0.test(O))return O;let _=O.replace(a0," ");if(_.charCodeAt(0)===32)_=_.slice(1);if(_.length>0&&_.charCodeAt(_.length-1)===32)_=_.slice(0,-1);return _}function t0(O){if(!/[\r\f]/.test(O))return O.replace(/\r\n/g,`
+`);return O.replace(/\r\n/g,`
+`).replace(/[\r\f]/g,`
+`)}var d=null,V0;function n0(){if(d===null)d=new Intl.Segmenter(V0,{granularity:"word"});return d}function z0(){d=null}function j0(O){let _=O&&O.length>0?O:void 0;if(V0===_)return;V0=_,d=null}var e0=/\p{Script=Arabic}/u,O0=/\p{M}/u,b0=/\p{Nd}/u;function X0(O){return e0.test(O)}function p(O){for(let _ of O){let J=_.codePointAt(0);if(J>=19968&&J<=40959||J>=13312&&J<=19903||J>=131072&&J<=173791||J>=173824&&J<=177983||J>=177984&&J<=178207||J>=178208&&J<=183983||J>=183984&&J<=191471||J>=196608&&J<=201551||J>=63744&&J<=64255||J>=194560&&J<=195103||J>=12288&&J<=12351||J>=12352&&J<=12447||J>=12448&&J<=12543||J>=44032&&J<=55215||J>=65280&&J<=65519)return!0}return!1}var $0=new Set(["，","．","！","：","；","？","、","。","・","）","〕","〉","》","」","』","】","〗","〙","〛","ー","々","〻","ゝ","ゞ","ヽ","ヾ"]),i=new Set(['"',"(","[","{","“","‘","«","‹","（","〔","〈","《","「","『","【","〖","〘","〚"]),Q0=new Set(["'","’"]),r=new Set([".",",","!","?",":",";","،","؛","؟","।","॥","၊","။","၌","၍","၏",")","]","}","%",'"',"”","’","»","›","…"]),OO=new Set([":",".","،","؛"]),_O=new Set(["၏"]),JO=new Set(["”","’","»","›","」","』","】","》","〉","〕","）"]);function RO(O){if(q0(O))return!0;let _=!1;for(let J of O){if(r.has(J)){_=!0;continue}if(_&&O0.test(J))continue;return!1}return _}function VO(O){for(let _ of O)if(!$0.has(_)&&!r.has(_))return!1;return O.length>0}function XO(O){if(q0(O))return!0;for(let _ of O)if(!i.has(_)&&!Q0.has(_)&&!O0.test(_))return!1;return O.length>0}function q0(O){let _=!1;for(let J of O){if(J==="\\"||O0.test(J))continue;if(i.has(J)||r.has(J)||Q0.has(J)){_=!0;continue}return!1}return _}function YO(O){let _=Array.from(O),J=_.length;while(J>0){let Y=_[J-1];if(O0.test(Y)){J--;continue}if(i.has(Y)||Q0.has(Y)){J--;continue}break}if(J<=0||J===_.length)return null;return{head:_.slice(0,J).join(""),tail:_.slice(J).join("")}}function ZO(O,_){if(O.length===0)return!1;for(let J of O)if(J!==_)return!1;return!0}function $O(O){if(!X0(O)||O.length===0)return!1;return OO.has(O[O.length-1])}function QO(O){if(O.length===0)return!1;return _O.has(O[O.length-1])}function qO(O){if(O.length<2||O[0]!==" ")return null;let _=O.slice(1);if(/^\p{M}+$/u.test(_))return{space:" ",marks:_};return null}function D0(O){for(let _=O.length-1;_>=0;_--){let J=O[_];if(JO.has(J))return!0;if(!r.has(J))return!1}return!1}function DO(O,_){if(_.preserveOrdinarySpaces||_.preserveHardBreaks){if(O===" ")return"preserved-space";if(O==="\t")return"tab";if(_.preserveHardBreaks&&O===`
+`)return"hard-break"}if(O===" ")return"space";if(O===" "||O===" "||O===""||O==="\uFEFF")return"glue";if(O==="")return"zero-width-break";if(O==="")return"soft-hyphen";return"text"}function NO(O,_,J,Y){let X=[],R=null,Z="",Q=J,f=!1,V=0;for(let $ of O){let u=DO($,Y),q=u==="text"&&_;if(R!==null&&u===R&&q===f){Z+=$,V+=$.length;continue}if(R!==null)X.push({text:Z,isWordLike:f,kind:R,start:Q});R=u,Z=$,Q=J+V,f=q,V+=$.length}if(R!==null)X.push({text:Z,isWordLike:f,kind:R,start:Q});return X}function Y0(O){return O==="space"||O==="preserved-space"||O==="zero-width-break"||O==="hard-break"}var fO=/^[A-Za-z][A-Za-z0-9+.-]*:$/;function HO(O,_){let J=O.texts[_];if(J.startsWith("www."))return!0;return fO.test(J)&&_+1=O.len||Y0(O.kinds[Q]))continue;let f="",V=O.starts[Q],$=Q;while($0)_.push(f),J.push(!0),Y.push("text"),X.push(V),R=$-1}return{len:_.length,texts:_,isWordLike:J,kinds:Y,starts:X}}var FO=new Set([":","-","/","×",",",".","+","–","—"]),K0=/^[A-Za-z0-9_]+[,:;]*$/,vO=/[,:;]+$/;function E0(O){for(let _ of O)if(b0.test(_))return!0;return!1}function Z0(O){if(O.length===0)return!1;for(let _ of O){if(b0.test(_)||FO.has(_))continue;return!1}return!0}function uO(O){let _=[],J=[],Y=[],X=[];for(let R=0;R1;for(let V=0;V0&&Q[X-1]==="text"&&p(D.text)&&p(R[X-1])&&D0(R[X-1]))R[X-1]+=D.text,Z[X-1]=Z[X-1]||D.isWordLike;else if(b&&X>0&&Q[X-1]==="text"&&VO(D.text)&&p(R[X-1]))R[X-1]+=D.text,Z[X-1]=Z[X-1]||D.isWordLike;else if(b&&X>0&&Q[X-1]==="text"&&QO(R[X-1]))R[X-1]+=D.text,Z[X-1]=Z[X-1]||D.isWordLike;else if(b&&X>0&&Q[X-1]==="text"&&D.isWordLike&&X0(D.text)&&$O(R[X-1]))R[X-1]+=D.text,Z[X-1]=!0;else if(b&&!D.isWordLike&&X>0&&Q[X-1]==="text"&&D.text.length===1&&D.text!=="-"&&D.text!=="—"&&ZO(R[X-1],D.text))R[X-1]+=D.text;else if(b&&!D.isWordLike&&X>0&&Q[X-1]==="text"&&(RO(D.text)||D.text==="-"&&Z[X-1]))R[X-1]+=D.text;else R[X]=D.text,Z[X]=D.isWordLike,Q[X]=D.kind,f[X]=D.start,X++}for(let q=1;q=0;q--)if(Q[q]==="text"&&!Z[q]&&XO(R[q])){let D=q+1;while(D"u")return s={lineFitEpsilon:0.005,carryCJKAfterClosingQuote:!1,preferPrefixWidthsForBreakableRuns:!1,preferEarlySoftHyphenBreak:!1},s;let O=navigator.userAgent,J=navigator.vendor==="Apple Computer, Inc."&&O.includes("Safari/")&&!O.includes("Chrome/")&&!O.includes("Chromium/")&&!O.includes("CriOS/")&&!O.includes("FxiOS/")&&!O.includes("EdgiOS/"),Y=O.includes("Chrome/")||O.includes("Chromium/")||O.includes("CriOS/")||O.includes("Edg/");return s={lineFitEpsilon:J?0.015625:0.005,carryCJKAfterClosingQuote:Y,preferPrefixWidthsForBreakableRuns:J,preferEarlySoftHyphenBreak:J},s}function TO(O){let _=O.match(/(\d+(?:\.\d+)?)\s*px/);return _?parseFloat(_[1]):16}function M0(){if(_0===null)_0=new Intl.Segmenter(void 0,{granularity:"grapheme"});return _0}function wO(O){return PO.test(O)||O.includes("️")}function G0(O){return AO.test(O)}function yO(O,_){let J=H0.get(O);if(J!==void 0)return J;let Y=U0();Y.font=O;let X=Y.measureText("\uD83D\uDE00").width;if(J=0,X>_+0.5&&typeof document<"u"&&document.body!==null){let R=document.createElement("span");R.style.font=O,R.style.display="inline-block",R.style.visibility="hidden",R.style.position="absolute",R.textContent="\uD83D\uDE00",document.body.appendChild(R);let Z=R.getBoundingClientRect().width;if(document.body.removeChild(R),X-Z>0.5)J=X-Z}return H0.set(O,J),J}function LO(O){let _=0,J=M0();for(let Y of J.segment(O))if(wO(Y.segment))_++;return _}function WO(O,_){if(_.emojiCount===void 0)_.emojiCount=LO(O);return _.emojiCount}function g(O,_,J){if(J===0)return _.width;return _.width-WO(O,_)*J}function P0(O,_,J,Y){if(_.graphemeWidths!==void 0)return _.graphemeWidths;let X=[],R=M0();for(let Z of R.segment(O)){let Q=x(Z.segment,J);X.push(g(Z.segment,Q,Y))}return _.graphemeWidths=X.length>1?X:null,_.graphemeWidths}function A0(O,_,J,Y){if(_.graphemePrefixWidths!==void 0)return _.graphemePrefixWidths;let X=[],R=M0(),Z="";for(let Q of R.segment(O)){Z+=Q.segment;let f=x(Z,J);X.push(g(Z,f,Y))}return _.graphemePrefixWidths=X.length>1?X:null,_.graphemePrefixWidths}function B0(O,_){let J=U0();J.font=O;let Y=BO(O),X=TO(O),R=_?yO(O,X):0;return{cache:Y,fontSize:X,emojiCorrection:R}}function T0(){f0.clear(),H0.clear(),_0=null}function m(O){return O==="space"||O==="preserved-space"||O==="tab"||O==="zero-width-break"||O==="soft-hyphen"}function SO(O){return O==="space"}function w0(O,_){if(_<=0)return 0;let J=O%_;if(Math.abs(J)<=0.000001)return _;return _-J}function t(O,_,J,Y){if(!Y||_===null)return O[J];return _[J]-(J>0?_[J-1]:0)}function y0(O,_,J,Y,X,R){let Z=0,Q=_;while(ZJ+Y)break;Q=f,Z++}return{fitCount:Z,fittedWidth:Q}}function L0(O,_){for(let J=0;J=O.widths.length)return null;if(Y>0)return _;let X=L0(O,J);if(X<0)return null;let R=O.chunks[X];if(R.startSegmentIndex===R.endSegmentIndex&&J===R.startSegmentIndex)return{segmentIndex:J,graphemeIndex:0};if(J=O.widths.length)return null;return{segmentIndex:R.consumedEndSegmentIndex,graphemeIndex:0}}function W0(O,_){if(O.simpleLineWalkFastPath)return IO(O,_);return J0(O,_)}function IO(O,_){let{widths:J,kinds:Y,breakableWidths:X,breakablePrefixWidths:R}=O;if(J.length===0)return 0;let Z=h(),Q=Z.lineFitEpsilon,f=0,V=0,$=!1;function u(q){let D=J[q];if(D>_&&X[q]!==null){let b=X[q],K=R[q]??null;V=0;for(let j=0;j0&&V+B>_+Q)f++,V=B;else{if(V===0)f++;V+=B}}}else V=D,f++;$=!0}for(let q=0;q_+Q){if(SO(b))continue;V=0,$=!1,u(q);continue}V=K}if(!$)return f+1;return f}function cO(O,_,J){let{widths:Y,kinds:X,breakableWidths:R,breakablePrefixWidths:Z}=O;if(Y.length===0)return 0;let Q=h(),f=Q.lineFitEpsilon,V=0,$=0,u=!1,q=0,D=0,b=0,K=0,j=-1,B=0;function k(){j=-1,B=0}function y(H=b,z=K,W=$){V++,J?.({startSegmentIndex:q,startGraphemeIndex:D,endSegmentIndex:H,endGraphemeIndex:z,width:W}),$=0,u=!1,k()}function A(H,z){u=!0,q=H,D=0,b=H+1,K=0,$=z}function T(H,z,W){u=!0,q=H,D=z,b=H,K=z+1,$=W}function L(H,z){if(!u){A(H,z);return}$+=z,b=H+1,K=0}function C(H,z){if(!m(X[H]))return;j=H+1,B=$-z}function F(H){P(H,0)}function P(H,z){let W=R[H],c=Z[H]??null;for(let I=z;I_+f)y(),T(H,I,o);else $+=o,b=H,K=I+1}if(u&&b===H&&K===W.length)b=H+1,K=0}let E=0;while(E_&&R[E]!==null)F(E);else A(E,H);C(E,H),E++;continue}if($+H>_+f){if(m(z)){L(E,H),y(E+1,0,$-H),E++;continue}if(j>=0){y(j,0,B);continue}if(H>_&&R[E]!==null){y(),F(E),E++;continue}y();continue}L(E,H),C(E,H),E++}if(u)y();return V}function J0(O,_,J){if(O.simpleLineWalkFastPath)return cO(O,_,J);let{widths:Y,lineEndFitAdvances:X,lineEndPaintAdvances:R,kinds:Z,breakableWidths:Q,breakablePrefixWidths:f,discretionaryHyphenWidth:V,tabStopAdvance:$,chunks:u}=O;if(Y.length===0||u.length===0)return 0;let q=h(),D=q.lineFitEpsilon,b=0,K=0,j=!1,B=0,k=0,y=0,A=0,T=-1,L=0,C=0,F=null;function P(){T=-1,L=0,C=0,F=null}function E(N=y,M=A,v=K){b++,J?.({startSegmentIndex:B,startGraphemeIndex:k,endSegmentIndex:N,endGraphemeIndex:M,width:v}),K=0,j=!1,P()}function H(N,M){j=!0,B=N,k=0,y=N+1,A=0,K=M}function z(N,M,v){j=!0,B=N,k=M,y=N,A=M+1,K=v}function W(N,M){if(!j){H(N,M);return}K+=M,y=N+1,A=0}function c(N,M){if(!m(Z[N]))return;let v=Z[N]==="tab"?0:X[N],w=Z[N]==="tab"?M:R[N];T=N+1,L=K-M+v,C=K-M+w,F=Z[N]}function I(N){o(N,0)}function o(N,M){let v=Q[N],w=f[N]??null;for(let G=M;G_+D)E(),z(N,G,l);else K+=l,y=N,A=G+1}if(j&&y===N&&A===v.length)y=N+1,A=0}function S(N){if(F!=="soft-hyphen")return!1;let M=Q[N];if(M===null)return!1;let v=q.preferPrefixWidthsForBreakableRuns?f[N]??M:M,w=v!==M,{fitCount:G,fittedWidth:l}=y0(v,K,_,D,V,w);if(G===0)return!1;if(K=l,y=N,A=G,P(),G===M.length)return y=N+1,A=0,!0;return E(N,G,l+V),o(N,G),!0}function U(N){b++,J?.({startSegmentIndex:N.startSegmentIndex,startGraphemeIndex:0,endSegmentIndex:N.consumedEndSegmentIndex,endGraphemeIndex:0,width:0}),P()}for(let N=0;N_&&Q[v]!==null)I(v);else H(v,G);c(v,G),v++;continue}if(K+G>_+D){let n=K+(w==="tab"?0:X[v]),e=K+(w==="tab"?G:R[v]);if(F==="soft-hyphen"&&q.preferEarlySoftHyphenBreak&&L<=_+D){E(T,0,C);continue}if(F==="soft-hyphen"&&S(v)){v++;continue}if(m(w)&&n<=_+D){W(v,G),E(v+1,0,e),v++;continue}if(T>=0&&L<=_+D){E(T,0,C);continue}if(G>_&&Q[v]!==null){E(),I(v),v++;continue}E();continue}W(v,G),c(v,G),v++}if(j){let w=T===M.consumedEndSegmentIndex?C:K;E(M.consumedEndSegmentIndex,0,w)}}return b}function S0(O,_,J){let Y=kO(O,_);if(Y===null)return null;if(O.simpleLineWalkFastPath)return oO(O,Y,J);let X=L0(O,Y.segmentIndex);if(X<0)return null;let R=O.chunks[X];if(R.startSegmentIndex===R.endSegmentIndex)return{startSegmentIndex:R.startSegmentIndex,startGraphemeIndex:0,endSegmentIndex:R.consumedEndSegmentIndex,endGraphemeIndex:0,width:0};let{widths:Z,lineEndFitAdvances:Q,lineEndPaintAdvances:f,kinds:V,breakableWidths:$,breakablePrefixWidths:u,discretionaryHyphenWidth:q,tabStopAdvance:D}=O,b=h(),K=b.lineFitEpsilon,j=0,B=!1,k=Y.segmentIndex,y=Y.graphemeIndex,A=k,T=y,L=-1,C=0,F=0,P=null;function E(){L=-1,C=0,F=0,P=null}function H(U=A,N=T,M=j){if(!B)return null;return{startSegmentIndex:k,startGraphemeIndex:y,endSegmentIndex:U,endGraphemeIndex:N,width:M}}function z(U,N){B=!0,A=U+1,T=0,j=N}function W(U,N,M){B=!0,A=U,T=N+1,j=M}function c(U,N){if(!B){z(U,N);return}j+=N,A=U+1,T=0}function I(U,N){if(!m(V[U]))return;let M=V[U]==="tab"?0:Q[U],v=V[U]==="tab"?N:f[U];L=U+1,C=j-N+M,F=j-N+v,P=V[U]}function o(U,N){let M=$[U],v=u[U]??null;for(let w=N;wJ+K)return H();j+=G,A=U,T=w+1}if(B&&A===U&&T===M.length)A=U+1,T=0;return null}function S(U){if(P!=="soft-hyphen"||L<0)return null;let N=$[U]??null;if(N!==null){let M=b.preferPrefixWidthsForBreakableRuns?u[U]??N:N,v=M!==N,{fitCount:w,fittedWidth:G}=y0(M,j,J,K,q,v);if(w===N.length)return j=G,A=U+1,T=0,E(),null;if(w>0)return H(U,w,G+q)}if(C<=J+K)return H(L,0,F);return null}for(let U=Y.segmentIndex;U0){let G=o(U,M);if(G!==null)return G}else if(v>J&&$[U]!==null){let G=o(U,0);if(G!==null)return G}else z(U,v);I(U,v);continue}if(j+v>J+K){let G=j+(N==="tab"?0:Q[U]),l=j+(N==="tab"?v:f[U]);if(P==="soft-hyphen"&&b.preferEarlySoftHyphenBreak&&C<=J+K)return H(L,0,F);let n=S(U);if(n!==null)return n;if(m(N)&&G<=J+K)return c(U,v),H(U+1,0,l);if(L>=0&&C<=J+K)return H(L,0,F);if(v>J&&$[U]!==null){let e=H();if(e!==null)return e;let v0=o(U,0);if(v0!==null)return v0}return H()}c(U,v),I(U,v)}if(L===R.consumedEndSegmentIndex&&T===0)return H(R.consumedEndSegmentIndex,0,F);return H(R.consumedEndSegmentIndex,0,j)}function oO(O,_,J){let{widths:Y,kinds:X,breakableWidths:R,breakablePrefixWidths:Z}=O,Q=h(),f=Q.lineFitEpsilon,V=0,$=!1,u=_.segmentIndex,q=_.graphemeIndex,D=u,b=q,K=-1,j=0;function B(C=D,F=b,P=V){if(!$)return null;return{startSegmentIndex:u,startGraphemeIndex:q,endSegmentIndex:C,endGraphemeIndex:F,width:P}}function k(C,F){$=!0,D=C+1,b=0,V=F}function y(C,F,P){$=!0,D=C,b=F+1,V=P}function A(C,F){if(!$){k(C,F);return}V+=F,D=C+1,b=0}function T(C,F){if(!m(X[C]))return;K=C+1,j=V-F}function L(C,F){let P=R[C],E=Z[C]??null;for(let H=F;HJ+f)return B();V+=z,D=C,b=H+1}if($&&D===C&&b===P.length)D=C+1,b=0;return null}for(let C=_.segmentIndex;C0){let z=L(C,E);if(z!==null)return z}else if(F>J&&R[C]!==null){let z=L(C,0);if(z!==null)return z}else k(C,F);T(C,F);continue}if(V+F>J+f){if(m(P))return A(C,F),B(C+1,0,V-F);if(K>=0)return B(K,0,j);if(F>J&&R[C]!==null){let z=B();if(z!==null)return z;let W=L(C,0);if(W!==null)return W}return B()}A(C,F),T(C,F)}return B()}var R0=null,C0=new WeakMap;function I0(){if(R0===null)R0=new Intl.Segmenter(void 0,{granularity:"grapheme"});return R0}function lO(O){if(O)return{widths:[],lineEndFitAdvances:[],lineEndPaintAdvances:[],kinds:[],simpleLineWalkFastPath:!0,segLevels:null,breakableWidths:[],breakablePrefixWidths:[],discretionaryHyphenWidth:0,tabStopAdvance:0,chunks:[],segments:[]};return{widths:[],lineEndFitAdvances:[],lineEndPaintAdvances:[],kinds:[],simpleLineWalkFastPath:!0,segLevels:null,breakableWidths:[],breakablePrefixWidths:[],discretionaryHyphenWidth:0,tabStopAdvance:0,chunks:[]}}function c0(O,_,J){let Y=I0(),X=h(),{cache:R,emojiCorrection:Z}=B0(_,G0(O.normalized)),Q=g("-",x("-",R),Z),V=g(" ",x(" ",R),Z)*8;if(O.len===0)return lO(J);let $=[],u=[],q=[],D=[],b=O.chunks.length<=1,K=J?[]:null,j=[],B=[],k=J?[]:null,y=Array.from({length:O.len}),A=Array.from({length:O.len});function T(F,P,E,H,z,W,c,I){if(z!=="text"&&z!=="space"&&z!=="zero-width-break")b=!1;if($.push(P),u.push(E),q.push(H),D.push(z),K?.push(W),j.push(c),B.push(I),k!==null)k.push(F)}for(let F=0;F0){let N=x(S,R),M=g(S,N,Z);T(S,M,M,M,"text",z+U,null,null)}A[F]=$.length;continue}let c=g(P,W,Z),I=H==="space"||H==="preserved-space"||H==="zero-width-break"?0:c,o=H==="space"||H==="zero-width-break"?0:c;if(E&&P.length>1){let S=P0(P,W,R,Z),U=X.preferPrefixWidthsForBreakableRuns?A0(P,W,R,Z):null;T(P,c,I,o,H,z,S,U)}else T(P,c,I,o,H,z,null,null);A[F]=$.length}let L=hO(O.chunks,y,A),C=K===null?null:u0(O.normalized,K);if(k!==null)return{widths:$,lineEndFitAdvances:u,lineEndPaintAdvances:q,kinds:D,simpleLineWalkFastPath:b,segLevels:C,breakableWidths:j,breakablePrefixWidths:B,discretionaryHyphenWidth:Q,tabStopAdvance:V,chunks:L,segments:k};return{widths:$,lineEndFitAdvances:u,lineEndPaintAdvances:q,kinds:D,simpleLineWalkFastPath:b,segLevels:C,breakableWidths:j,breakablePrefixWidths:B,discretionaryHyphenWidth:Q,tabStopAdvance:V,chunks:L}}function hO(O,_,J){let Y=[];for(let X=0;X0&&O[Y-1]==="soft-hyphen"&&!(_===Y&&J>0)}function xO(O,_,J,Y,X,R,Z){let Q="",f=pO(_,Y,X,R);for(let V=Y;V0)Q+=k0(V,O,J).slice(X).join("");else Q+=O[V]}if(Z>0){if(f)Q+="-";Q+=k0(R,O,J).slice(Y===R?X:0,Z).join("")}else if(f)Q+="-";return Q}function h0(O,_,J,Y,X,R,Z){return{text:xO(O.segments,O.kinds,_,Y,X,R,Z),width:J,start:{segmentIndex:Y,graphemeIndex:X},end:{segmentIndex:R,graphemeIndex:Z}}}function gO(O,_,J){return h0(O,_,J.width,J.startSegmentIndex,J.startGraphemeIndex,J.endSegmentIndex,J.endGraphemeIndex)}function p0(O){return{width:O.width,start:{segmentIndex:O.startSegmentIndex,graphemeIndex:O.startGraphemeIndex},end:{segmentIndex:O.endSegmentIndex,graphemeIndex:O.endGraphemeIndex}}}function mO(O,_,J){let Y=S0(O,_,J);if(Y===null)return null;return p0(Y)}function rO(O,_){return h0(O,l0(O),_.width,_.start.segmentIndex,_.start.graphemeIndex,_.end.segmentIndex,_.end.graphemeIndex)}function $1(O,_,J){if(O.widths.length===0)return 0;return J0(F0(O),_,(Y)=>{J(p0(Y))})}function Q1(O,_,J){let Y=mO(O,_,J);if(Y===null)return null;return rO(O,Y)}function q1(O,_,J){let Y=[];if(O.widths.length===0)return{lineCount:0,height:0,lines:Y};let X=l0(O),R=J0(F0(O),_,(Z)=>{Y.push(gO(O,X,Z))});return{lineCount:R,height:R*J,lines:Y}}function aO(){z0(),R0=null,C0=new WeakMap,T0()}function D1(O){j0(O),aO()}export{$1 as walkLineRanges,D1 as setLocale,V1 as profilePrepare,Y1 as prepareWithSegments,X1 as prepare,q1 as layoutWithLines,Q1 as layoutNextLine,Z1 as layout,aO as clearCache};
diff --git a/biologix-strategy-board/flywheel-map.css b/biologix-strategy-board/flywheel-map.css
new file mode 100644
index 0000000..950e317
--- /dev/null
+++ b/biologix-strategy-board/flywheel-map.css
@@ -0,0 +1,1329 @@
+:root {
+ color-scheme: light;
+ --paper: #f7f5f1;
+ --paper-raised: #fffefa;
+ --ink: #141312;
+ --ink-2: #54504a;
+ --ink-3: #817a70;
+ --line: #dcd8d0;
+ --line-strong: #aaa399;
+ --forest: #1f3d2b;
+ --forest-soft: #e7eee8;
+ --slate: #3a4a6b;
+ --slate-soft: #e7ebf2;
+ --brown: #704722;
+ --brown-soft: #f0e7dd;
+ --signal: #5f6f91;
+ --shadow: 0 8px 22px rgba(26, 24, 21, 0.07);
+ --header-height: 70px;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+html,
+body {
+ width: 100%;
+ min-height: 100%;
+ margin: 0;
+}
+
+body {
+ overflow: hidden;
+ color: var(--ink);
+ background: #ece9e3;
+ font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+ -webkit-font-smoothing: antialiased;
+}
+
+button,
+output {
+ font: inherit;
+}
+
+button {
+ color: inherit;
+}
+
+button:focus-visible,
+[tabindex]:focus-visible,
+[contenteditable='true']:focus-visible {
+ outline: 3px solid rgba(58, 74, 107, 0.32);
+ outline-offset: 3px;
+}
+
+.app-header {
+ position: relative;
+ z-index: 30;
+ display: grid;
+ grid-template-columns: minmax(470px, 1.1fr) minmax(350px, 0.9fr) auto;
+ gap: 28px;
+ align-items: center;
+ height: var(--header-height);
+ padding: 0 20px;
+ border-bottom: 1px solid #c8c2b8;
+ background: rgba(250, 248, 244, 0.96);
+ backdrop-filter: blur(14px);
+}
+
+.title-lockup {
+ min-width: 0;
+}
+
+.eyebrow,
+.owner,
+.node-kicker,
+.lane-label,
+.node-output,
+.focus-bar > span,
+.signal-inputs span,
+.outline-loop > span,
+.mobile-operating-layer > span {
+ font-family: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
+ font-size: 9px;
+ font-weight: 500;
+ letter-spacing: 0.09em;
+ line-height: 1.35;
+ text-transform: uppercase;
+}
+
+.eyebrow {
+ display: block;
+ overflow: hidden;
+ margin-bottom: 5px;
+ color: var(--ink-3);
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.app-header h1 {
+ overflow: hidden;
+ margin: 0;
+ font-size: 15px;
+ font-weight: 700;
+ letter-spacing: -0.01em;
+ line-height: 1.2;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.operating-thesis {
+ min-width: 0;
+ margin: 0;
+ color: var(--ink-2);
+ font-size: 12px;
+ line-height: 1.45;
+ text-align: center;
+}
+
+.present-button {
+ display: inline-flex;
+ gap: 8px;
+ align-items: center;
+ justify-content: center;
+ min-width: 98px;
+ height: 36px;
+ padding: 0 14px;
+ border: 1px solid var(--forest);
+ border-radius: 6px;
+ color: #fff;
+ background: var(--forest);
+ cursor: pointer;
+ font-size: 11px;
+ font-weight: 700;
+}
+
+.header-actions {
+ display: flex;
+ gap: 8px;
+ align-items: center;
+}
+
+.detail-link {
+ display: inline-flex;
+ gap: 7px;
+ align-items: center;
+ justify-content: center;
+ height: 36px;
+ padding: 0 12px;
+ border: 1px solid var(--line-strong);
+ border-radius: 6px;
+ color: var(--ink-2);
+ background: #fffefa;
+ font-size: 10px;
+ font-weight: 700;
+ text-decoration: none;
+ white-space: nowrap;
+}
+
+.detail-link:hover {
+ color: var(--forest);
+ border-color: var(--forest);
+}
+
+.detail-link span {
+ font-family: 'DM Mono', ui-monospace, monospace;
+ font-size: 11px;
+}
+
+.present-button:hover {
+ background: #162f21;
+}
+
+.present-icon,
+.fullscreen-icon {
+ position: relative;
+ width: 14px;
+ height: 12px;
+ border: 1.5px solid currentColor;
+}
+
+.present-icon::after {
+ position: absolute;
+ right: 3px;
+ bottom: -5px;
+ left: 3px;
+ height: 1.5px;
+ background: currentColor;
+ content: '';
+}
+
+.workspace {
+ height: calc(100dvh - var(--header-height));
+}
+
+.stage {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background:
+ linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)),
+ #ddd9d2;
+ user-select: none;
+}
+
+.board {
+ position: absolute;
+ inset: 0;
+ overflow: hidden;
+ cursor: grab;
+ touch-action: none;
+}
+
+.board.is-panning {
+ cursor: grabbing;
+}
+
+.canvas {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 2060px;
+ height: 1260px;
+ overflow: hidden;
+ border: 1px solid #c4beb4;
+ background-color: var(--paper);
+ background-image: radial-gradient(circle, rgba(84, 80, 74, 0.19) 1px, transparent 1.3px);
+ background-position: 0 0;
+ background-size: 22px 22px;
+ box-shadow: 0 28px 70px rgba(27, 24, 20, 0.16);
+ transform-origin: 0 0;
+ will-change: transform;
+}
+
+.focus-bar,
+.zoom-bar {
+ position: absolute;
+ z-index: 40;
+ display: flex;
+ gap: 4px;
+ align-items: center;
+ height: 38px;
+ padding: 4px;
+ border: 1px solid rgba(93, 87, 79, 0.28);
+ border-radius: 8px;
+ background: rgba(255, 254, 250, 0.94);
+ box-shadow: 0 8px 24px rgba(20, 19, 18, 0.11);
+ backdrop-filter: blur(12px);
+}
+
+.focus-bar {
+ top: 12px;
+ left: 12px;
+}
+
+.zoom-bar {
+ top: 12px;
+ right: 12px;
+}
+
+.focus-bar > span {
+ padding: 0 8px;
+ color: var(--ink-3);
+}
+
+.focus-button,
+.zoom-bar button,
+.zoom-bar output {
+ display: grid;
+ min-width: 32px;
+ height: 28px;
+ place-items: center;
+ padding: 0 9px;
+ border: 0;
+ border-radius: 5px;
+ background: transparent;
+ cursor: pointer;
+ font-size: 10px;
+ font-weight: 700;
+}
+
+.focus-button:hover,
+.zoom-bar button:hover {
+ background: #eeeae3;
+}
+
+.focus-button.active {
+ color: #fff;
+ background: var(--forest);
+}
+
+.zoom-bar output {
+ min-width: 48px;
+ color: var(--ink-2);
+ cursor: default;
+ font-family: 'DM Mono', ui-monospace, monospace;
+ font-size: 9px;
+}
+
+.zoom-bar #fit-board {
+ min-width: 42px;
+}
+
+.fullscreen-icon {
+ width: 13px;
+ height: 13px;
+ border: 0;
+}
+
+.fullscreen-icon::before,
+.fullscreen-icon::after {
+ position: absolute;
+ inset: 0;
+ content: '';
+}
+
+.fullscreen-icon::before {
+ border-top: 1.5px solid currentColor;
+ border-left: 1.5px solid currentColor;
+ clip-path: polygon(0 0, 45% 0, 45% 15%, 15% 15%, 15% 45%, 0 45%);
+}
+
+.fullscreen-icon::after {
+ border-right: 1.5px solid currentColor;
+ border-bottom: 1.5px solid currentColor;
+ clip-path: polygon(55% 85%, 85% 85%, 85% 55%, 100% 55%, 100% 100%, 55% 100%);
+}
+
+.control-plane {
+ position: absolute;
+ top: 24px;
+ left: 40px;
+ z-index: 3;
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ gap: 30px;
+ align-items: center;
+ width: 1980px;
+ height: 72px;
+ padding: 13px 20px;
+ border: 1px solid var(--forest);
+ border-radius: 7px;
+ color: #fff;
+ background: var(--forest);
+ box-shadow: var(--shadow);
+}
+
+.node-kicker {
+ display: block;
+ margin-bottom: 5px;
+ color: rgba(255, 255, 255, 0.58);
+}
+
+.control-plane strong {
+ font-size: 13px;
+ line-height: 1.2;
+}
+
+.north-stars {
+ display: flex;
+ height: 40px;
+ border: 1px solid rgba(255, 255, 255, 0.22);
+}
+
+.north-stars span {
+ display: flex;
+ gap: 7px;
+ align-items: center;
+ padding: 0 12px;
+ border-right: 1px solid rgba(255, 255, 255, 0.18);
+ font-size: 9px;
+ font-weight: 600;
+ white-space: nowrap;
+}
+
+.north-stars span:last-child {
+ border-right: 0;
+}
+
+.north-stars b {
+ color: rgba(255, 255, 255, 0.5);
+ font-family: 'DM Mono', ui-monospace, monospace;
+ font-size: 8px;
+}
+
+.lane-label {
+ position: absolute;
+ z-index: 4;
+ display: flex;
+ gap: 7px;
+ align-items: center;
+ color: var(--ink-2);
+}
+
+.lane-label span {
+ display: grid;
+ width: 28px;
+ height: 18px;
+ place-items: center;
+ border: 1px solid currentColor;
+ border-radius: 3px;
+ font-size: 8px;
+}
+
+.demand-label {
+ top: 120px;
+ left: 80px;
+}
+
+.customer-label {
+ top: 120px;
+ left: 1260px;
+ color: var(--slate);
+}
+
+.affiliate-label {
+ top: 590px;
+ left: 1090px;
+ color: var(--forest);
+}
+
+.community-label {
+ top: 845px;
+ left: 80px;
+ color: var(--brown);
+}
+
+.intelligence-label {
+ top: 1030px;
+ left: 600px;
+ color: var(--slate);
+}
+
+.node {
+ transition:
+ opacity 180ms ease,
+ filter 180ms ease,
+ transform 180ms ease,
+ box-shadow 180ms ease;
+}
+
+article.node {
+ position: absolute;
+ z-index: 3;
+ width: 220px;
+ min-height: 100px;
+ padding: 19px 20px 17px;
+ border: 1px solid var(--line-strong);
+ border-radius: 8px;
+ background: rgba(255, 254, 250, 0.98);
+ box-shadow: var(--shadow);
+}
+
+article.node:hover,
+article.node:focus-visible {
+ z-index: 6;
+ box-shadow: 0 14px 34px rgba(26, 24, 21, 0.15);
+ transform: translateY(-2px);
+}
+
+.node .owner {
+ display: block;
+ margin-bottom: 8px;
+ color: var(--ink-3);
+ font-size: 9.5px;
+}
+
+.node h2 {
+ margin: 0;
+ font-size: 19px;
+ font-weight: 700;
+ letter-spacing: -0.02em;
+ line-height: 1.15;
+}
+
+.node p {
+ overflow: hidden;
+ margin: 7px 0 0;
+ color: var(--ink-2);
+ font-size: 12.5px;
+ line-height: 1.42;
+}
+
+.node-output {
+ position: absolute;
+ right: 18px;
+ bottom: 9px;
+ left: 18px;
+ padding-top: 8px;
+ color: var(--ink-3);
+ border-top: 1px solid var(--line);
+ font-size: 7.5px;
+}
+
+.node-input {
+ border-top: 4px solid var(--ink);
+}
+
+.node-core,
+.node-router,
+.node-affiliate {
+ border-color: rgba(31, 61, 43, 0.46);
+}
+
+.node-core,
+.node-affiliate {
+ border-top: 4px solid var(--forest);
+}
+
+.node-customer {
+ border-color: rgba(58, 74, 107, 0.48);
+ border-top: 4px solid var(--slate);
+}
+
+.node-community {
+ border-color: rgba(112, 71, 34, 0.45);
+ border-top: 4px solid var(--brown);
+}
+
+.dark-node {
+ color: #fff;
+}
+
+.dark-node.node-affiliate {
+ background: var(--forest);
+}
+
+.dark-node.node-customer {
+ background: var(--slate);
+}
+
+.dark-node .owner,
+.dark-node p,
+.dark-node .node-output {
+ color: rgba(255, 255, 255, 0.68);
+}
+
+.dark-node .node-output {
+ border-color: rgba(255, 255, 255, 0.2);
+}
+
+.compact-node {
+ min-height: 96px;
+}
+
+#node-owned-media {
+ top: 150px;
+ left: 80px;
+ width: 300px;
+ height: 165px;
+}
+
+#node-podcast {
+ top: 150px;
+ left: 430px;
+ width: 300px;
+ height: 165px;
+ border-top-color: var(--brown);
+}
+
+#node-creator-media {
+ top: 330px;
+ left: 80px;
+ width: 300px;
+ height: 145px;
+}
+
+#node-community-proof {
+ top: 510px;
+ left: 80px;
+ width: 300px;
+ height: 145px;
+}
+
+#node-distribution {
+ top: 330px;
+ left: 430px;
+ width: 300px;
+ height: 160px;
+}
+
+#node-outbound {
+ top: 525px;
+ left: 430px;
+ width: 300px;
+ height: 130px;
+}
+
+.channel-row,
+.router-options {
+ display: flex;
+ gap: 5px;
+ margin-top: 10px;
+}
+
+.channel-row span,
+.router-options span {
+ padding: 4px 6px;
+ border: 1px solid var(--line);
+ border-radius: 3px;
+ color: var(--ink-3);
+ background: rgba(255, 255, 255, 0.5);
+ font-family: 'DM Mono', ui-monospace, monospace;
+ font-size: 7px;
+ letter-spacing: 0.04em;
+ text-transform: uppercase;
+}
+
+#node-inbound-engine {
+ top: 320px;
+ left: 820px;
+ width: 360px;
+ height: 220px;
+ padding: 23px 24px;
+ border: 2px solid var(--forest);
+ background: #fff;
+ box-shadow: 0 13px 30px rgba(31, 61, 43, 0.13);
+}
+
+#node-inbound-engine::before {
+ position: absolute;
+ top: 50%;
+ left: -9px;
+ width: 16px;
+ height: 16px;
+ border-bottom: 2px solid var(--forest);
+ border-left: 2px solid var(--forest);
+ background: #fff;
+ content: '';
+ transform: translateY(-50%) rotate(45deg);
+}
+
+.router-options {
+ flex-wrap: wrap;
+}
+
+.router-options span {
+ color: var(--forest);
+ border-color: rgba(31, 61, 43, 0.35);
+ background: var(--forest-soft);
+}
+
+#node-answer {
+ top: 150px;
+ left: 1260px;
+ width: 230px;
+ height: 150px;
+}
+
+#node-tracked-page {
+ top: 150px;
+ left: 1540px;
+ width: 220px;
+ height: 150px;
+}
+
+#node-commerce {
+ top: 150px;
+ left: 1810px;
+ width: 210px;
+ height: 150px;
+}
+
+#node-retention {
+ top: 360px;
+ left: 1740px;
+ width: 280px;
+ height: 145px;
+}
+
+#node-patricia {
+ top: 630px;
+ left: 800px;
+ width: 235px;
+ height: 145px;
+}
+
+#node-close {
+ top: 630px;
+ left: 1090px;
+ width: 235px;
+ height: 145px;
+}
+
+#node-activate {
+ top: 630px;
+ left: 1380px;
+ width: 250px;
+ height: 145px;
+}
+
+#node-managed {
+ top: 630px;
+ left: 1685px;
+ width: 335px;
+ height: 145px;
+}
+
+#node-selected {
+ top: 875px;
+ left: 80px;
+ width: 270px;
+ height: 125px;
+}
+
+#node-experience {
+ top: 875px;
+ left: 410px;
+ width: 300px;
+ height: 135px;
+}
+
+#node-content-bank {
+ top: 875px;
+ left: 770px;
+ width: 300px;
+ height: 135px;
+}
+
+.intelligence-plane {
+ position: absolute;
+ top: 1060px;
+ left: 600px;
+ z-index: 3;
+ display: grid;
+ grid-template-columns: 1.05fr 28px 1fr 28px 1.42fr;
+ gap: 0;
+ align-items: stretch;
+ width: 1420px;
+ height: 150px;
+ padding: 40px 12px 12px;
+ border: 1px solid var(--slate);
+ border-radius: 8px;
+ color: #fff;
+ background: #26334f;
+ box-shadow: var(--shadow);
+}
+
+.signal-inputs {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ height: 30px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.16);
+}
+
+.signal-inputs span {
+ display: grid;
+ place-items: center;
+ color: rgba(255, 255, 255, 0.54);
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ font-size: 7px;
+}
+
+.signal-inputs span:last-child {
+ border-right: 0;
+}
+
+.intelligence-step {
+ min-width: 0;
+ padding: 9px 12px;
+ border: 1px solid rgba(255, 255, 255, 0.16);
+ border-radius: 5px;
+ background: rgba(255, 255, 255, 0.05);
+}
+
+.intelligence-step .owner {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.intelligence-step h2 {
+ margin-top: 7px;
+ color: #fff;
+ font-size: 12px;
+ line-height: 1.2;
+}
+
+.intelligence-arrow {
+ display: grid;
+ place-items: center;
+ color: rgba(255, 255, 255, 0.42);
+ font-family: 'DM Mono', ui-monospace, monospace;
+}
+
+.allocation-step {
+ background: rgba(255, 255, 255, 0.1);
+}
+
+.allocation-step > div {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 4px;
+ margin-top: 7px;
+}
+
+.allocation-step > div span {
+ padding: 3px 5px;
+ border: 1px solid rgba(255, 255, 255, 0.18);
+ border-radius: 3px;
+ color: rgba(255, 255, 255, 0.68);
+ font-family: 'DM Mono', ui-monospace, monospace;
+ font-size: 6.5px;
+ letter-spacing: 0.02em;
+ text-transform: uppercase;
+}
+
+.connectors {
+ position: absolute;
+ inset: 0;
+ z-index: 1;
+ width: 2060px;
+ height: 1260px;
+ overflow: visible;
+ pointer-events: none;
+}
+
+.edge {
+ transition: opacity 180ms ease;
+}
+
+.edge path {
+ fill: none;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ stroke-width: 2.1px;
+}
+
+.edge text {
+ fill: var(--ink-2);
+ paint-order: stroke;
+ stroke: var(--paper);
+ stroke-linejoin: round;
+ stroke-width: 7px;
+ font-family: 'DM Mono', ui-monospace, monospace;
+ font-size: 8.5px;
+ letter-spacing: 0.02em;
+}
+
+.edge-neutral path {
+ stroke: #777168;
+ marker-end: url(#arrow-gray);
+}
+
+.edge-green path {
+ stroke: var(--forest);
+ marker-end: url(#arrow-green);
+}
+
+.edge-blue path {
+ stroke: var(--slate);
+ marker-end: url(#arrow-blue);
+}
+
+.edge-brown path {
+ stroke: var(--brown);
+ stroke-dasharray: 7 5;
+ marker-end: url(#arrow-brown);
+}
+
+.edge-signal path {
+ stroke: var(--signal);
+ stroke-dasharray: 2 6;
+ stroke-width: 1.8px;
+ marker-end: url(#arrow-blue);
+}
+
+.edge path.fan-branch,
+.edge path.fan-bus,
+.edge path.bus-bridge {
+ marker-end: none;
+}
+
+.edge path.fan-output {
+ stroke-width: 2.7px;
+}
+
+.edge path.primary-trunk {
+ stroke-width: 3px;
+}
+
+.fan-intake .branch-outbound {
+ stroke: var(--forest);
+}
+
+.fan-feedback .branch-community {
+ stroke: var(--brown);
+ stroke-dasharray: 7 5;
+}
+
+.edge path.bus-bridge {
+ stroke: var(--paper);
+ stroke-dasharray: none;
+ stroke-linecap: butt;
+ stroke-width: 8px;
+}
+
+.edge path.signal-bridge {
+ stroke: var(--paper);
+ stroke-dasharray: none;
+ stroke-linecap: butt;
+ stroke-width: 7px;
+ marker-end: none;
+}
+
+.bus-port,
+.bus-junction {
+ fill: var(--paper-raised);
+ stroke-width: 2px;
+}
+
+.edge-neutral .bus-port,
+.edge-neutral .bus-junction {
+ stroke: #777168;
+}
+
+.edge-green .bus-port,
+.edge-green .bus-junction,
+.bus-port-green {
+ stroke: var(--forest);
+}
+
+.edge-blue .bus-port,
+.edge-blue .bus-junction {
+ stroke: var(--slate);
+}
+
+.edge-brown .bus-port,
+.edge-brown .bus-junction {
+ stroke: var(--brown);
+}
+
+.primary-edge path {
+ stroke-width: 2.7px;
+}
+
+.primary-loop path {
+ stroke-width: 3.2px;
+}
+
+.return-edge path {
+ stroke-width: 2.4px;
+}
+
+#arrow-green path {
+ fill: var(--forest);
+}
+
+#arrow-blue path {
+ fill: var(--slate);
+}
+
+#arrow-brown path {
+ fill: var(--brown);
+}
+
+#arrow-gray path {
+ fill: #777168;
+}
+
+.legend {
+ position: absolute;
+ bottom: 21px;
+ left: 40px;
+ z-index: 5;
+ display: flex;
+ gap: 18px;
+ align-items: center;
+ height: 30px;
+ padding: 0 10px;
+ border: 1px solid var(--line);
+ border-radius: 5px;
+ background: rgba(255, 254, 250, 0.86);
+}
+
+.legend > span {
+ display: flex;
+ gap: 6px;
+ align-items: center;
+ color: var(--ink-2);
+ font-family: 'DM Mono', ui-monospace, monospace;
+ font-size: 7px;
+ letter-spacing: 0.04em;
+ text-transform: uppercase;
+}
+
+.legend-line {
+ display: inline-block;
+ width: 22px;
+ height: 0;
+ border-top: 2px solid;
+}
+
+.affiliate-line {
+ color: var(--forest);
+}
+
+.customer-line {
+ color: var(--slate);
+}
+
+.community-line {
+ color: var(--brown);
+ border-top-style: dashed;
+}
+
+.signal-line {
+ color: var(--signal);
+ border-top-style: dotted;
+}
+
+.canvas-note {
+ position: absolute;
+ right: 30px;
+ bottom: 25px;
+ z-index: 4;
+ margin: 0;
+ color: var(--ink-3);
+ font-family: 'DM Mono', ui-monospace, monospace;
+ font-size: 7.5px;
+ letter-spacing: 0.03em;
+ text-transform: uppercase;
+}
+
+.pan-hint {
+ position: absolute;
+ bottom: 12px;
+ left: 50%;
+ z-index: 40;
+ padding: 6px 9px;
+ border: 1px solid rgba(93, 87, 79, 0.22);
+ border-radius: 5px;
+ color: var(--ink-2);
+ background: rgba(255, 254, 250, 0.9);
+ box-shadow: 0 4px 16px rgba(20, 19, 18, 0.08);
+ font-family: 'DM Mono', ui-monospace, monospace;
+ font-size: 8px;
+ transform: translateX(-50%);
+ transition: opacity 240ms ease;
+ pointer-events: none;
+}
+
+.pan-hint.hidden {
+ opacity: 0;
+}
+
+.canvas[class*='focus-'] [data-groups] {
+ opacity: 0.12;
+ filter: saturate(0.25);
+}
+
+.canvas.focus-affiliate [data-groups~='affiliate'],
+.canvas.focus-customer [data-groups~='customer'],
+.canvas.focus-community [data-groups~='community'],
+.canvas.focus-intelligence [data-groups~='intelligence'] {
+ opacity: 1;
+ filter: none;
+}
+
+.canvas.is-tracing .node:not(.is-related),
+.canvas.is-tracing .edge:not(.is-related) {
+ opacity: 0.16;
+}
+
+.canvas.is-tracing .node.is-related {
+ filter: saturate(1.12);
+}
+
+.canvas.is-tracing .edge.is-related path {
+ stroke-width: 4px;
+}
+
+.mobile-outline {
+ display: none;
+}
+
+.presentation .app-header {
+ position: fixed;
+ inset: 0 0 auto;
+ height: 54px;
+ border: 0;
+ background: transparent;
+ backdrop-filter: none;
+ pointer-events: none;
+}
+
+.presentation .title-lockup,
+.presentation .operating-thesis {
+ visibility: hidden;
+}
+
+.presentation .present-button {
+ position: fixed;
+ top: 10px;
+ right: 10px;
+ opacity: 0.14;
+ pointer-events: auto;
+}
+
+.presentation .detail-link {
+ display: none;
+}
+
+.presentation .present-button:hover,
+.presentation .present-button:focus-visible {
+ opacity: 1;
+}
+
+.presentation .workspace {
+ height: 100dvh;
+}
+
+.presentation .focus-bar,
+.presentation .zoom-bar,
+.presentation .pan-hint,
+.presentation .legend,
+.presentation .canvas-note {
+ opacity: 0;
+ pointer-events: none;
+}
+
+@media (max-width: 1080px) {
+ .app-header {
+ grid-template-columns: minmax(260px, 0.8fr) minmax(220px, 1fr) auto;
+ gap: 16px;
+ }
+
+ .operating-thesis {
+ font-size: 10.5px;
+ }
+
+ .focus-bar {
+ max-width: calc(100vw - 260px);
+ overflow-x: auto;
+ }
+}
+
+@media (max-width: 720px) {
+ body {
+ overflow: auto;
+ background: var(--paper);
+ }
+
+ .app-header,
+ .stage {
+ display: none;
+ }
+
+ .workspace {
+ height: auto;
+ }
+
+ .mobile-outline {
+ display: block;
+ min-height: 100dvh;
+ padding: 28px 18px 44px;
+ }
+
+ .mobile-outline-top {
+ display: flex;
+ gap: 16px;
+ align-items: flex-start;
+ justify-content: space-between;
+ }
+
+ .mobile-detail-link {
+ flex: 0 0 auto;
+ color: var(--forest);
+ font-family: 'DM Mono', ui-monospace, monospace;
+ font-size: 8px;
+ font-weight: 500;
+ letter-spacing: 0.05em;
+ text-decoration: none;
+ text-transform: uppercase;
+ }
+
+ .mobile-outline > h2 {
+ max-width: 13ch;
+ margin: 9px 0 13px;
+ font-size: 38px;
+ letter-spacing: -0.055em;
+ line-height: 0.98;
+ }
+
+ .mobile-thesis {
+ max-width: 42ch;
+ margin: 0 0 32px;
+ color: var(--ink-2);
+ font-size: 14px;
+ line-height: 1.55;
+ }
+
+ .outline-loop {
+ padding: 21px 18px;
+ margin-top: 12px;
+ border: 1px solid var(--line-strong);
+ border-top-width: 5px;
+ border-radius: 8px;
+ background: var(--paper-raised);
+ }
+
+ .affiliate-outline {
+ border-top-color: var(--forest);
+ }
+
+ .customer-outline {
+ border-top-color: var(--slate);
+ }
+
+ .community-outline {
+ border-top-color: var(--brown);
+ }
+
+ .intelligence-outline {
+ color: #fff;
+ border-color: #26334f;
+ background: #26334f;
+ }
+
+ .outline-loop > span {
+ color: var(--ink-3);
+ }
+
+ .intelligence-outline > span,
+ .intelligence-outline p {
+ color: rgba(255, 255, 255, 0.62);
+ }
+
+ .outline-loop h3 {
+ margin: 10px 0 14px;
+ font-size: 19px;
+ letter-spacing: -0.025em;
+ line-height: 1.2;
+ }
+
+ .outline-loop p {
+ margin: 15px 0 0;
+ color: var(--ink-2);
+ font-size: 12px;
+ line-height: 1.5;
+ }
+
+ .intelligence-outline p {
+ color: rgba(255, 255, 255, 0.62);
+ }
+
+ .outline-flow {
+ display: flex;
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .outline-flow b {
+ padding: 10px 11px;
+ border: 1px solid var(--line);
+ border-radius: 4px;
+ background: rgba(255, 255, 255, 0.45);
+ font-size: 11px;
+ }
+
+ .intelligence-outline .outline-flow b {
+ border-color: rgba(255, 255, 255, 0.16);
+ background: rgba(255, 255, 255, 0.06);
+ }
+
+ .outline-flow i {
+ height: 23px;
+ color: var(--ink-3);
+ font: normal 14px/23px 'DM Mono', ui-monospace, monospace;
+ text-align: center;
+ transform: rotate(90deg);
+ }
+
+ .outline-flow i:last-child {
+ transform: none;
+ }
+
+ .mobile-operating-layer {
+ padding: 20px;
+ margin-top: 18px;
+ color: #fff;
+ border-radius: 8px;
+ background: var(--forest);
+ }
+
+ .mobile-operating-layer > span {
+ display: block;
+ margin-bottom: 8px;
+ color: rgba(255, 255, 255, 0.57);
+ }
+
+ .mobile-operating-layer strong {
+ font-size: 13px;
+ line-height: 1.5;
+ }
+}
+
+@media (prefers-color-scheme: dark) and (min-width: 721px) {
+ body {
+ background: #111310;
+ }
+
+ .app-header {
+ border-bottom-color: #373a35;
+ color: #f5f3ef;
+ background: rgba(23, 25, 22, 0.96);
+ }
+
+ .app-header .eyebrow,
+ .operating-thesis {
+ color: #aaa49a;
+ }
+
+ .stage {
+ background: #20231f;
+ }
+}
+
+@media (prefers-reduced-motion: reduce) {
+ *,
+ *::before,
+ *::after {
+ scroll-behavior: auto !important;
+ transition-duration: 0.01ms !important;
+ }
+}
diff --git a/biologix-strategy-board/flywheel-map.html b/biologix-strategy-board/flywheel-map.html
new file mode 100644
index 0000000..eeaaa1e
--- /dev/null
+++ b/biologix-strategy-board/flywheel-map.html
@@ -0,0 +1,387 @@
+
+
+
+ Biologix Growth Architecture
+
+
+
+
+
+
+
+ Focus
+ Full system
+ Affiliate
+ Customer
+ Community
+ Intelligence
+
+
+
+ −
+ Fit
+ 100%
+ +
+
+
+
+
+
+
+
+
+ Alex + OVO operating layer
+ Strategy · media · sales · creator ops · lifecycle · community · RevOps · team
+
+
+ 01 Contribution02 Active affiliates03 Daily output04 Repeat rate
+
+
+
01 Demand creation
+
02A Customer revenue
+
02B Affiliate revenue
+
+
04 Intelligence control plane
+
+
+ Jaci + Kennedy / Media
+ Owned media
+ Weekly shows and distinct personalities create trust, search demand, and source material.
+ Output · attention + DMs
+
+
+
+ Miami house / Podcast studio
+ House podcast engine
+ Founder, creator, and guest conversations become full episodes and a deep short-form clip bank.
+ Output · episodes + clips
+
+
+
+ Managed affiliates / Patricia
+ Creator media
+ Daily creator posts use approved briefs, authentic accounts, and tracked links.
+ Output · traffic + applications
+
+
+
+
+
+ Content OS / OVO
+ Daily distribution
+ Every asset carries a tracked bio link or DM CTA with creator and content source attached.
+ YouTube TikTok Instagram
+
+
+
+ Growth Ops
+ Outbound recruiting
+ Targeted DM + email sequences create qualified affiliate conversations.
+
+
+
+ OVO / $80K Meta-approved app
+ DM + email conversion engine
+ Connected creator accounts capture inbound conversations, send permitted auto-DMs and approved replies, qualify the person, preserve attribution, and route the next action.
+ Customer · answer + page Affiliate · Patricia + call Human · escalate
+
+
+
+ Approved reply library
+ Answer + qualify
+ Resolve basic questions, retain source context, and escalate anything sensitive or uncertain.
+
+
+
+ Attributed customer path
+ Tracked page
+ Send the right source-tagged education or product page after the question is answered.
+
+
+
+ Braden / Commerce core
+ Order
+ Product · inventory · transaction · chosen 3PL.
+
+
+
+ Lifecycle + CX
+ Repeat + refer
+ Post-purchase education, replenishment, win-back, and referral.
+ Output · LTV + proof
+
+
+
+ Patricia / Pipeline owner
+ Qualify + book
+ Own the relationship from first reply through a qualified call.
+
+
+
+ Patricia / Live call
+ Deck + agreement
+ Present the role, resolve objections, walk terms, and sign live.
+
+
+
+ Creator Success + Meta
+ Verify + connect
+ ID, training, tracking, secure Instagram authorization, first brief, and first post.
+
+
+
+ Patricia / Managed roster
+ Managed creator
+ Cadence, coaching, quality, payout, retention, and attributable sales.
+ Output · content + revenue
+
+
+
+
+
+
+
+
+
+
+ DMs + comments
+ Patricia outcomes
+ Content performance
+ Orders + cohorts
+
+
+ One operating truth
+
Unified CRM + attribution
+
+ →
+
+ Weekly evidence review
+
Capture → tag → quantify
+
+ →
+
+
Alex allocates the next week
+
Decide → test → measure
+
Content briefs Creator playbook Lifecycle tests Demand priorities
+
+
+
+
+
+
+
+
+
+
+
+
+ potential customer
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ daily content + attributable sales + new applicants
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ call outcomes
+
+
+ orders + cohorts
+
+
+ creator outcomes
+
+
+ weekly priorities return to every engine
+
+
+
+
+ Community loop
+
+
+
Internal working architecture · adults only · activation and campaigns remain approval-gated.
+
+
Drag the canvas to pan · pinch or ⌘ + scroll to zoom
+
+
+
+
+ The whole system, in four loops.
+ House podcasts and creator content drive inbound conversations. OVO’s connected-account engine answers, qualifies, attributes, and routes every opportunity.
+
+
+ 01 / Affiliate revenue
+ Content → DM qualification → Patricia → connected creator → more content
+
+ Podcast + creator media → DM/email engine → Patricia + call → Verify + Meta connect → Daily creator content ↺
+
+ Every signed creator securely connects an eligible Instagram account through the approved app, adding another attributed inbox and daily distribution surface.
+
+
+
+ 02 / Customer revenue
+ Inbound DM → approved answer → tracked page → order → repeat
+
+ DM + email intake → Answer + qualify → Tracked page → Commerce → Lifecycle ↺
+
+ Basic questions receive approved replies. Sensitive or uncertain conversations move to a person. Braden retains the commerce core.
+
+
+
+
+
+ 04 / Market intelligence
+ Every outcome changes the next operating week
+
+ DM/email intent + calls + content + orders → Unified CRM → Weekly evidence → Alex allocates ↺
+
+ Outputs: content briefs, creator playbook, lifecycle tests, and demand priorities for Braden’s commerce core.
+
+
+
+ Alex + OVO operating layer
+ Strategy · media · sales · creator ops · lifecycle · community · RevOps · team
+
+
+
+
+
+
+
diff --git a/biologix-strategy-board/flywheel-map.js b/biologix-strategy-board/flywheel-map.js
new file mode 100644
index 0000000..2e174a5
--- /dev/null
+++ b/biologix-strategy-board/flywheel-map.js
@@ -0,0 +1,290 @@
+import { layout, prepare } from './flywheel-map-pretext.js';
+
+const CANVAS_WIDTH = 2060;
+const CANVAS_HEIGHT = 1260;
+const MIN_SCALE = 0.42;
+const MAX_SCALE = 1.8;
+
+const stage = document.querySelector('#stage');
+const board = document.querySelector('#board');
+const canvas = document.querySelector('#canvas');
+const zoomLevel = document.querySelector('#zoom-level');
+const panHint = document.querySelector('#pan-hint');
+const presentButton = document.querySelector('#present-button');
+const fullscreenButton = document.querySelector('#fullscreen-button');
+
+const view = {
+ x: 0,
+ y: 0,
+ scale: 1,
+ pointerId: null,
+ pointerX: 0,
+ pointerY: 0,
+ moved: false
+};
+
+let fitFrame = 0;
+let measureFrame = 0;
+
+function clamp(value, min, max) {
+ return Math.min(max, Math.max(min, value));
+}
+
+function renderView() {
+ canvas.style.transform = `translate3d(${view.x}px, ${view.y}px, 0) scale(${view.scale})`;
+ zoomLevel.value = `${Math.round(view.scale * 100)}%`;
+ zoomLevel.textContent = `${Math.round(view.scale * 100)}%`;
+}
+
+function fitBoard() {
+ if (window.matchMedia('(max-width: 720px)').matches) return;
+
+ cancelAnimationFrame(fitFrame);
+ fitFrame = requestAnimationFrame(() => {
+ const width = board.clientWidth;
+ const height = board.clientHeight;
+ if (!width || !height) return;
+
+ const margin = document.body.classList.contains('presentation') ? 24 : 34;
+ view.scale = clamp(
+ Math.min((width - margin * 2) / CANVAS_WIDTH, (height - margin * 2) / CANVAS_HEIGHT),
+ MIN_SCALE,
+ 1.08
+ );
+ view.x = Math.round((width - CANVAS_WIDTH * view.scale) / 2);
+ view.y = Math.round((height - CANVAS_HEIGHT * view.scale) / 2);
+ renderView();
+ });
+}
+
+function zoomAt(nextScale, clientX, clientY) {
+ const rect = board.getBoundingClientRect();
+ const pointX = clientX - rect.left;
+ const pointY = clientY - rect.top;
+ const canvasX = (pointX - view.x) / view.scale;
+ const canvasY = (pointY - view.y) / view.scale;
+
+ view.scale = clamp(nextScale, MIN_SCALE, MAX_SCALE);
+ view.x = pointX - canvasX * view.scale;
+ view.y = pointY - canvasY * view.scale;
+ renderView();
+ hidePanHint();
+}
+
+function zoomFromCenter(multiplier) {
+ const rect = board.getBoundingClientRect();
+ zoomAt(view.scale * multiplier, rect.left + rect.width / 2, rect.top + rect.height / 2);
+}
+
+function hidePanHint() {
+ panHint.classList.add('hidden');
+}
+
+board.addEventListener('pointerdown', (event) => {
+ if (event.button !== 0 || event.target.closest('.node, button, [contenteditable="true"]')) return;
+
+ view.pointerId = event.pointerId;
+ view.pointerX = event.clientX;
+ view.pointerY = event.clientY;
+ view.moved = false;
+ board.setPointerCapture(event.pointerId);
+ board.classList.add('is-panning');
+});
+
+board.addEventListener('pointermove', (event) => {
+ if (event.pointerId !== view.pointerId) return;
+
+ const deltaX = event.clientX - view.pointerX;
+ const deltaY = event.clientY - view.pointerY;
+ if (Math.abs(deltaX) + Math.abs(deltaY) > 2) view.moved = true;
+ view.x += deltaX;
+ view.y += deltaY;
+ view.pointerX = event.clientX;
+ view.pointerY = event.clientY;
+ renderView();
+ hidePanHint();
+});
+
+function endPan(event) {
+ if (event.pointerId !== view.pointerId) return;
+ if (board.hasPointerCapture(event.pointerId)) board.releasePointerCapture(event.pointerId);
+ view.pointerId = null;
+ board.classList.remove('is-panning');
+}
+
+board.addEventListener('pointerup', endPan);
+board.addEventListener('pointercancel', endPan);
+
+board.addEventListener(
+ 'wheel',
+ (event) => {
+ event.preventDefault();
+
+ if (event.ctrlKey || event.metaKey) {
+ const factor = Math.exp(-event.deltaY * 0.006);
+ zoomAt(view.scale * factor, event.clientX, event.clientY);
+ return;
+ }
+
+ view.x -= event.deltaX;
+ view.y -= event.deltaY;
+ renderView();
+ hidePanHint();
+ },
+ { passive: false }
+);
+
+document.querySelector('#zoom-in').addEventListener('click', () => zoomFromCenter(1.15));
+document.querySelector('#zoom-out').addEventListener('click', () => zoomFromCenter(1 / 1.15));
+document.querySelector('#fit-board').addEventListener('click', fitBoard);
+
+fullscreenButton.addEventListener('click', async () => {
+ try {
+ if (document.fullscreenElement) {
+ await document.exitFullscreen();
+ } else {
+ await stage.requestFullscreen();
+ }
+ } catch {
+ // Fullscreen can be denied by browser policy. The board remains usable.
+ }
+});
+
+document.addEventListener('fullscreenchange', () => {
+ fullscreenButton.setAttribute('aria-label', document.fullscreenElement ? 'Exit fullscreen' : 'Enter fullscreen');
+ window.setTimeout(fitBoard, 40);
+});
+
+presentButton.addEventListener('click', () => {
+ const isPresenting = document.body.classList.toggle('presentation');
+ presentButton.setAttribute('aria-pressed', String(isPresenting));
+ presentButton.lastChild.nodeValue = isPresenting ? ' Exit' : ' Present';
+ window.setTimeout(fitBoard, 40);
+});
+
+const focusButtons = [...document.querySelectorAll('.focus-button')];
+const focusClasses = ['focus-affiliate', 'focus-customer', 'focus-community', 'focus-intelligence'];
+
+for (const button of focusButtons) {
+ button.addEventListener('click', () => {
+ const focus = button.dataset.focus;
+ canvas.classList.remove(...focusClasses);
+ if (focus !== 'all') canvas.classList.add(`focus-${focus}`);
+
+ for (const candidate of focusButtons) {
+ const active = candidate === button;
+ candidate.classList.toggle('active', active);
+ candidate.setAttribute('aria-pressed', String(active));
+ }
+ });
+}
+
+const traceNodes = [...canvas.querySelectorAll('.node[data-node]')];
+const traceEdges = [...canvas.querySelectorAll('.edge[data-edge]')];
+
+function startTrace(nodeId) {
+ if (!nodeId) return;
+
+ const relatedIds = new Set([nodeId]);
+ const relatedEdges = [];
+
+ for (const edge of traceEdges) {
+ const ids = edge.dataset.edge.split(/\s+/);
+ if (!ids.includes(nodeId)) continue;
+ relatedEdges.push(edge);
+ ids.forEach((id) => relatedIds.add(id));
+ }
+
+ canvas.classList.add('is-tracing');
+ for (const edge of relatedEdges) edge.classList.add('is-related');
+ for (const node of traceNodes) {
+ if (relatedIds.has(node.dataset.node)) node.classList.add('is-related');
+ }
+}
+
+function stopTrace() {
+ canvas.classList.remove('is-tracing');
+ canvas.querySelectorAll('.is-related').forEach((element) => element.classList.remove('is-related'));
+}
+
+for (const node of traceNodes) {
+ node.addEventListener('pointerenter', () => startTrace(node.dataset.node));
+ node.addEventListener('pointerleave', stopTrace);
+ node.addEventListener('focus', () => startTrace(node.dataset.node));
+ node.addEventListener('blur', stopTrace);
+}
+
+const textElements = [...document.querySelectorAll('[data-pretext]')];
+const preparedText = new Map();
+
+function prepareTextElement(element) {
+ const style = getComputedStyle(element);
+ preparedText.set(element, prepare(element.textContent.trim(), style.font));
+}
+
+function measureText() {
+ cancelAnimationFrame(measureFrame);
+ measureFrame = requestAnimationFrame(() => {
+ for (const element of textElements) {
+ const handle = preparedText.get(element);
+ if (!handle) continue;
+
+ const style = getComputedStyle(element);
+ const lineHeight = Number.parseFloat(style.lineHeight);
+ const width = Math.max(20, element.clientWidth);
+ const result = layout(handle, width, lineHeight);
+ const nextHeight = Math.ceil(result.height);
+ const currentHeight = Number.parseFloat(element.style.height || '0');
+ if (Math.abs(currentHeight - nextHeight) > 0.5) {
+ element.style.height = `${nextHeight}px`;
+ }
+ }
+ });
+}
+
+async function initializeTextLayout() {
+ await document.fonts.ready;
+
+ for (const element of textElements) {
+ prepareTextElement(element);
+ new MutationObserver(() => {
+ prepareTextElement(element);
+ measureText();
+ }).observe(element, {
+ characterData: true,
+ childList: true,
+ subtree: true
+ });
+ }
+
+ measureText();
+}
+
+window.addEventListener('resize', () => {
+ fitBoard();
+ measureText();
+});
+
+window.addEventListener('keydown', (event) => {
+ if (event.target.closest('[contenteditable="true"], input, textarea')) return;
+
+ if (event.key === '0') {
+ event.preventDefault();
+ fitBoard();
+ } else if (event.key === '+' || event.key === '=') {
+ event.preventDefault();
+ zoomFromCenter(1.15);
+ } else if (event.key === '-' || event.key === '_') {
+ event.preventDefault();
+ zoomFromCenter(1 / 1.15);
+ } else if (event.key === 'Escape' && document.body.classList.contains('presentation')) {
+ document.body.classList.remove('presentation');
+ presentButton.setAttribute('aria-pressed', 'false');
+ presentButton.lastChild.nodeValue = ' Present';
+ window.setTimeout(fitBoard, 40);
+ }
+});
+
+window.setTimeout(hidePanHint, 5200);
+initializeTextLayout();
+fitBoard();
diff --git a/biologix-strategy-board/hypothetical-unit-economics.csv b/biologix-strategy-board/hypothetical-unit-economics.csv
new file mode 100644
index 0000000..3c8fcf5
--- /dev/null
+++ b/biologix-strategy-board/hypothetical-unit-economics.csv
@@ -0,0 +1,4 @@
+Scenario,Monthly sales,AOV,Monthly orders,COGS %,Affiliate-attributable sales %,Affiliate payout %,Weighted affiliate cost %,Processing %,Fulfillment/packaging/shipping %,Refund/chargeback %,Payroll/software/professional %,Fixed creator/content %,Operating contribution %,Operating contribution $,Disruption reserve % of monthly sales,Disruption reserve $,Contribution after disruption reserve % of monthly sales,Contribution after disruption reserve $,Evidence class,Notes
+Conservative,500000.00,200.00,2500,20.0,30.0,30.0,9.0,5.0,8.0,4.0,11.0,5.0,38.0,190000.00,15.0,75000.00,23.0,115000.00,Modeled assumption,"Pre-tax planning case; includes the current $30,000 Alex plus $20,000 OVO structure; after-reserve contribution is not available cash and excludes working-capital timing, financing, taxes, owner distributions, extraordinary legal loss, recalls, seizures, and inventory write-offs"
+Single-day founder extrapolation,1606225.80,247.8743519,6480,15.0,40.0,32.5,13.0,4.5,6.0,3.0,5.9338,3.0,49.5661,796144.03,20.0,321245.16,29.5661,474898.87,Founder-reported one-day inputs plus modeled costs,"Source context: second Braden strategy call approximately 00:31:58–00:32:21; Braden said analytics were broken and missing Apple Pay. Monthly sales equals $53,540.86 times 30; orders equals 216 times 30; AOV equals $53,540.86 divided by 216; 85% is treated as product gross margin rather than fully loaded net; payroll/software/professional includes the current $30,000 Alex plus $20,000 OVO structure; processor holds and cash timing are modeled separately"
+Optimized engine,3000000.00,275.00,10909.0909,14.0,45.0,30.0,13.5,4.0,5.0,2.5,4.5,2.5,54.0,1620000.00,20.0,600000.00,34.0,1020000.00,Modeled assumption,"Scale case includes the current $30,000 Alex plus $20,000 OVO structure and requires source-verified COGS, controlled creators, mature fulfillment, low loss rates, no material interruption, and adequate working capital"
diff --git a/biologix-strategy-board/index.html b/biologix-strategy-board/index.html
new file mode 100644
index 0000000..d59c42f
--- /dev/null
+++ b/biologix-strategy-board/index.html
@@ -0,0 +1,232 @@
+
+
+
+ Biologix Decision Board — Decision Map
+
+
+
+
+
+
+ 01 / Decision map
+ This is a gated leverage shift.
+ Braden may have built an extraordinary cash engine. He has not yet demonstrated an extraordinary company. The opportunity is to convert accidental demand into an operated, attributable, durable asset — and to be compensated as a principal for doing it.
+ Prepared 2026-07-22 · Founder follow-up confirmed for tomorrow · Internal · Not legal advice
+
+
+
+
+
01 / The test
Is this shiny-object syndrome?
+
The answer is determined by entry terms, evidence, and what Alex owns at the end — not by how exciting Braden's reported economics feel.
+
+
+ It would be if…
+ Alex chases the surface business from envy.
+
+ Launches an undifferentiated clone before proving distribution and repeat demand.
+ Funds inventory or puts OVO banking, creators, or reputation at risk before diligence.
+ Accepts permanent responsibility without authority, cash, information rights, and meaningful upside.
+ Becomes the daily rescuer and lets OVO's highest-priority installation slip.
+
+
+
+ It is not because…
+ Alex can buy a funded option on a leverage shift.
+
+ Biologix pays for a time-boxed source-of-truth sprint before Alex commits permanent focus.
+ Alex has privileged access, category-adjacent distribution, operating capacity, and founder chemistry.
+ The first work removes founder dependence and creates reusable systems, data, and owned audience.
+ Written go, remediate, or walk gates prevent momentum from outrunning truth.
+
+
+
+
+
+
+
02 / Economic position
Why he makes more while doing less
+
The difference is not intelligence. It is who owns the transaction, margin, customer permission, data, and compounding asset.
+
+
+ Comparison of OVO Talent, Inner DM, Biologix, and a durable NewCo.
+
+ OVO Talent What it is Labor-intensive service layer coordinating talent and campaigns. Who owns the transaction The brand, platform, or end merchant. Economic position OVO captures a fraction of the value it creates. Scaling constraint Each campaign adds management work, headcount, and coordination. What Alex owns Relationships and operating knowledge, but not always the product or customer transaction.
+
+ Inner DM What it is Software with the potential for high operating leverage. Who owns the transaction OVO can own the subscription and product economics. Economic position High eventual leverage if distribution and retention compound. Scaling constraint Software without massive distribution takes time to compound. What Alex owns Product and customer relationship, subject to proving distribution.
+
+ Biologix today What it is Founder-dependent commerce operation with real public activity and unverified private economics. Who owns the transaction Braden's entity receives the customer payment and owns the markup. Economic position Reported AOV about $247.87 Founder-reported Possible reorder behavior and near-zero organic CAC remain unproved.Scaling constraint Founder fulfillment, payment fragility, weak attribution, thin governance, and missing management. What Alex owns Nothing durable unless the deal explicitly grants economics, rights, and NewCo ownership.
+
+ Durable NewCo What it is Owned audience, media, software, lifecycle, community, data, and appropriately licensed care orchestration. Who owns the transaction Alex and Braden participate as principals under a clean structure. Economic position Cash participation now plus equity in the assets that survive this storefront. Scaling constraint Must clear source truth, authority, economics, quality, payment, and lawful-path gates. What Alex owns Substantial NewCo equity, operating IP, audience, data, and the customer-development system.
+
+
Qualitative leverage retained by Alex Strategic inference
+
+
+
+
+
03 / Unfair advantages
Why Alex can move faster than a normal operator
+
These advantages reduce entry cost and learning time. They do not replace diligence or make bad terms acceptable.
+
+ 01 Privileged access and trust Connor's relationship, direct founder chemistry, and Braden's interest in an integrated partnership create access a cold operator would not have.
02 Creator and affiliate distribution OVO already knows how to recruit, contract, coordinate, and support creators. That can turn informal relationships into an instrumented channel.
03 Operating capacity OVO Academy, talent operations, editors, legal workflows, dashboards, and management recruiting can supply the company-shaped layer Biologix appears to lack.
04 Founder-life fit Braden appears to value relief, peers, travel, content, Miami, and belonging. Alex can improve the founder's life while making the company less dependent on him.
05 Speed without blind commitment A paid, time-boxed sprint lets Alex verify the engine while protecting OVO capital, creators, systems, reputation, and focus.
+
+
+
+
+
04 / Recommended sequence
Buy the option first. Earn the right to scale.
+
Each step creates information or durable leverage. No later step is unlocked merely because the prior conversation felt good.
+
+
01 Enter through a paid operating sprint. Exchange more architecture only for source access, payment, and a written scope.
Required proof
+
02 Get the complete source truth. Orders, customers, SKUs, referrals, settlements, banks, refunds, inventory, partners, ownership, contracts, and vendors.
Required proof
+
03 Reverse-engineer the word-of-mouth loop. Identify who refers, what they say, which customers reorder, and which product or trust event actually causes conversion.
Strategic inference
+
04 Remove Braden from fulfillment. Stabilize inventory, the third-party logistics handoff, service levels, exceptions, and quality ownership.
+
05 Install the revenue system. Lead capture, referral, lifecycle, support, attribution, cohort reporting, and a single contribution ledger.
+
06 Negotiate operator economics. Cash now, contribution participation, protected ownership, distributions, information rights, and authority that matches responsibility.
+
07 Put durable assets into a clean NewCo. Audience, media, software, data, community, lifecycle, and appropriately licensed diagnostics or care infrastructure.
Strategic inference
+
08 Preserve lawful future optionality. Keep a narrow contractual right to pursue other lawful longevity opportunities if the partnership ends.
Strategic inference
+
+
+
+
+
05 / Evidence stack
What is known, reported, and still only a thesis
+
The board never lets a revenue screenshot or founder statement silently become a valuation fact.
+
+
+ Verified public signal Real commerce signals
+
+ 52 commercial products Verified public signal: Verified 44 listed in stock at snapshot Verified public signal: Verified 1,397 visible units, about $86,657 displayed retail Verified public signal: Verified Active WooCommerce merchandising, affiliate tooling, bundles, discounts, and inventory changes.
+ Public code cannot reveal exact orders, revenue, profit, ownership, or repeat rate.
+
+
+
+ Founder-reported Compelling, not reconciled
+
+ Reported $53,540.86 and 216 orders on one day, excluding Apple Pay Founder-reported Implied reported AOV of $247.87 Founder-reported Implied reported 30-day pace of about $1.606M if sustained Founder-reported Reported 85% “net” and more than $1M inventory Founder-reported Reported three to five affiliates and primarily word-of-mouth demand Founder-reported Follow-up meeting confirmed; founder-provided photo shows continued personal fulfillment Private signal
+
+
+ Strategic inference The hypotheses worth paying to test
+
+ Demand may be real but largely invisible to current attribution.
+ The reported margin likely describes unit gross margin rather than fully loaded profit.
+ Word of mouth may be the hidden acquisition engine.
+ Founder dependence may suppress both scale and buyer value.
+ Underlying longevity demand can outlast the current storefront arbitrage.
+
+
+
+
+
+
+
Strategic inference
+
Proceed to the paid sprint. Every step beyond it is gated on data.
+
The goal is not to own more tasks. It is to own the customer, transaction, data, and equity created by the work. Braden's reply should accelerate the option — not determine whether Alex takes action.
+
+
Kill condition 01 · Source truth is withheld, false, or economically weak after full costs.
+
Kill condition 02 · The role carries company-wide responsibility without matching authority, cash, protection, and upside.
+
+
+
+
+
+
+
+
+
+
diff --git a/biologix-strategy-board/operating-reference.html b/biologix-strategy-board/operating-reference.html
new file mode 100644
index 0000000..e901bb9
--- /dev/null
+++ b/biologix-strategy-board/operating-reference.html
@@ -0,0 +1,266 @@
+
+
+
+ Biologix Decision Board — Operating Reference
+
+
+
+
+
+
+ 02 / Operating reference
+ Buy the option first. Earn the right to scale.
+ The first transaction is not a cofounder promise or a title. It is a paid source-of-truth sprint that produces financial truth, immediate founder relief, an operating map, and a fact-based go, remediate, or walk decision.
+ Prepared 2026-07-22 · Internal · Not legal advice
+
+
+
+
+
01 / Paid source truth
The operating sprint is the entry ticket
+
Payment and access convert the next conversation from more free vision into reciprocal commitment.
+
+
+
Open the machine, fix the immediate bottleneck, and price the permanent partnership from facts.
+
Alex enters through OVO Labs under a limited sprint contract. Operating Partner authority activates only after the gates. There is no statutory officer title, public endorsement, OVO creator activation, OVO IP assignment, inventory capital, personal guarantee, or custody of customer and product funds during the truth stage.
+
Working target: $50,000 prepaid for the source-of-truth sprint Strategic inference: Strategic inference
+
+
+
Window Ten business days to first gate
+
Broader term Up to thirty days
+
Access Read / export source systems
+
Decision Go / remediate / walk
+
+
+
+ Source-of-truth artifacts required for the paid sprint.
+ Required artifact What it proves Current status
+ Order-level export SKU, price, discounts, customer, affiliate, fulfillment, refunds, and timestamps. Outstanding · required proof Processor settlements Captured cash, reserves, fees, holds, chargebacks, and actual settlement timing. Outstanding · required proof Bank statements Whether processor payouts became bank receipts and where cash moved afterward. Outstanding · required proof Accounting file Fully loaded contribution, operating profit, taxes, liabilities, owner draws, and working capital. Outstanding · required proof Inventory and lots Actual landed cost, ownership, location, lot mapping, testing coverage, complaints, and remaining units. Outstanding · required proof Customer and referral history Repeat behavior, cohorts, referral sources, contribution, and the hidden word-of-mouth loop. Outstanding · required proof People, vendors, and contracts Every partner, equity promise, revenue share, exclusivity, admin account, deliverable, and termination right. Outstanding · required proof Corporate and cap table Legal entity, beneficial owners, signing authority, historical promises, options, and related-party obligations. Outstanding · required proof
+
+
+
+
+
+
02 / Operating roadmap
Ninety days from cash spike to operated company
+
Sequence the migrations. Capture truth first, stabilize fulfillment second, install revenue systems third, and scale only what survives measurement.
+
+
+ Days 00–10
Verify the machine
+
+
Revenue-to-cash reconciliation Orders → captures → processor settlements → bank deposits → refunds and reserves.
Exit · unexplained variance is immaterial and documented Alex + finance specialist
+
Collected contribution definition Deduct landed product, testing, packaging, fulfillment, freight, fees, commissions, support, reserves, and taxes.
Exit · one signed metric dictionary Alex + CFO
+
Company and partner map People, equity, side promises, agency, developers, processors, banks, suppliers, testing, 3PL, app partners, and admin access.
Exit · one accountable owner for every dependency Alex
+
Word-of-mouth reverse engineering Identify the first trust event, referral source, customer cohort, message, SKU, and repeat pattern.
Exit · testable acquisition-loop hypothesis Alex + Connor
+
Quality, payment, and lawful-path gate Qualified specialists assess source records, customer-safety evidence, payment continuity, insurance, and the usable operating perimeter.
Exit · written green / yellow / red decision Outside specialists
+
Decision memo Price the opportunity only after the source systems reconcile and acute constraints are explicit.
Exit · go / remediate / walk signed by Alex Alex
+
+
+
+ Days 11–30
Remove founder dependence
+
+
Inventory and fulfillment visibility SKU, lot, location, landed cost, service levels, error ownership, replacements, and escalation paths become visible without moving Braden's fulfillment responsibility to Alex.
Exit · Braden and his fulfillment lead own routine orders against a visible scorecard Braden + fulfillment lead
+
Daily operating truth Settled cash, orders, contribution, inventory, fulfillment, support exceptions, refunds, and chargebacks.
Exit · one daily dashboard with named DRIs Alex + CFO
+
Affiliate ledger One partner ID, agreement, approved content record, attributed order, reserve, reversal, and payout trail.
Exit · payout reconciles to settled contribution Connor inside Alex's system
+
Support and exception ownership Document service levels, refunds, replacements, complaints, escalations, and backup coverage.
Exit · founder is not the default router Operations DRI
+
Existing-cohort pilot Measure only incumbent affiliates first so the business has a real control before adding volume.
Exit · cohort contribution and repeat behavior visible Alex + Connor
+
Permanent term sheet Operating Partner authority, $30K Alex + $20K OVO monthly cash, 30% fully diluted ownership, the 70/30 monthly waterfall, information rights, protection, and NewCo boundary.
Exit · definitive economics ready for counsel Alex + Braden
+
+
+
+ Days 31–60
Install the revenue system
+
+
Lead capture and lifecycle Capture permission, identify intent, educate, follow up, recover, reorder, and reactivate.
Exit · lifecycle revenue attributed to cohorts Growth DRI
+
Referral operating system Instrument customer referrals, partner recruitment, agreements, content review, attribution, and payout.
Exit · referral loop measurable end to end Alex + Connor
+
Vendor scorecards Agency, development, processor, app, and fulfillment performance reports into one operating cadence while the named functional owner keeps each relationship.
Exit · every vendor has a visible owner, scope, and measurable outcome Named function owners
+
Management recruitment Install a non-Alex daily operator with clear authority, scorecard, backup, and escalation.
Exit · Alex is architect, not daily dispatcher Alex
+
Weekly executive close Financial truth, channel performance, inventory, people, vendors, incidents, decisions, and cash allocation.
Exit · decisions land in one accountable cadence Operating Partner / operator
+
Founder content system Turn Braden's category knowledge into governed education, trust, proof, and a repeatable content calendar.
Exit · founder creates; system distributes and measures Content DRI + Braden
+
+
+
+ Days 61–90
Prove transferability and durability
+
+
Scale profitable cohorts only Increase volume where settled contribution, repeat behavior, claims controls, support, and fulfillment remain healthy.
Exit · growth survives full-cost accounting Growth DRI
+
Founder and operator removal test Run the company without Braden or Alex as the daily router.
Exit · routine operations continue under named owners Operating Partner / operator
+
Creator and community layer Build high-quality relationships, education, operator dinners, content, and measured experiences without turning friendship into compensation.
Exit · community creates attributable durable value Alex + community DRI
+
Buyer and diligence readiness Clean books, contracts, ownership, data, vendor rights, operating metrics, risks, and management accountability.
Exit · company can be understood without founder narration CFO + counsel
+
NewCo launch gate Transfer or license only explicitly agreed durable assets into the separately governed company.
Exit · clean cap table, IP, data, contracts, and reserved matters Alex + Braden
+
Capacity decision Compare verified upside and Alex hours against OVO's core installation.
Exit · scale, hold, or return capacity to OVO Alex
+
+
+
+
+
+
03 / Role progression
This is an Operating Partner mandate, not a CRO role
+
Company-wide responsibility requires company-wide authority, economics, protection, and a clear operating perimeter.
+
+
+ Strategic inference: Working structureSource-of-Truth Sprint through OVO Labs
+ Contractual and non-statutory during proof. Alex owns the sprint, architecture, instrumentation, founder-relief plan, operating cadence, and permanent-deal recommendation. Product release, customer funds, manufacturing, import, clinical decisions, and legal conclusions stay outside his scope.
+
+
Gate · data clears + authority and economics signed + indemnification, advancement, and insurance reviewed
+
+ Required proof: Not earned yetActivated Operating Partner through OVO Labs
+ Appropriate only if Alex is truly accountable for company architecture, finance, people, systems, creator distribution, lifecycle, content, management, and executive cadence—with the decision rights and upside required to control those outcomes. Braden retains product, sourcing, inventory, and fulfillment responsibility.
+
+
+
+
+
+
04 / Economics ladder
Optimize for cash, truth, authority, and protected upside
+
The largest paper percentage is not necessarily the best deal. Undefined profit, trapped distributions, or unknown legacy liabilities can erase headline equity.
+
+
+ Working Biologix deal economics.
+ Layer Working ask Why it matters
+ Source-truth sprint Target $50,000 prepaid Strategic inference: Working ask Alex is paid to verify the opportunity before permanent focus or reputation is committed. Monthly operating cash $30,000 Alex compensation + $20,000 OVO managed-services monthly after activation Strategic inference: Working ask Separates Alex's company-level accountability from the managed OVO execution pod. Legacy ownership 30% fully diluted: 10% signing, 10% activation, 10% over six months Strategic inference: Working ask Includes information, audit, dilution, related-party, sale, and acceleration protection. Monthly owner cash 100% of Excess Cash: 70% Braden / 30% Alex after the signed Required Reserve Strategic inference: Working ask Reinvestment is each owner's election after distribution, so discretionary retention cannot make the equity economically empty. Limited-lane fallback 15% of settled contribution from accepted Alex-introduced partners Strategic inference: Working ask No companywide mandate, 30% ownership, OVO pod, retreats, or backend build in this lane. Durable NewCo Alex / OVO 30–40% if OVO builds the operating platform Strategic inference: Working ask Cofounder-level economics for owned audience, software, data, lifecycle, content, community, and operating infrastructure.
+
+
+
Never accept
+
+ A title without authority or company-wide accountability for affiliate-manager economics.
+ 5% naked, exit-only equity Strategic inference: Reject Undefined “profit,” discretionary distributions, blanket category exclusivity, or equity that can be moved around through related parties.
+ Personal guarantees, inventory capital, customer-fund custody, OVO merchant rails, or assignment of generalized OVO IP.
+
+
+
+
+
+
05 / Durable boundary
The cash engine and the durable company are different assets
+
Legacy cash can fund the future. It should not automatically own every audience, software, care, data, and media asset Alex creates.
+
+
+ Assets proposed for Durable NewCo versus Legacy CashCo.
+ Lives in Durable NewCo — substantially Alex-owned Stays in Legacy CashCo unless separately agreed
+ Owned audience, media, founder content system, newsletter, and community. Creator and affiliate operating software, contribution ledger, lifecycle infrastructure, and generalized workflows. Customer-development data and permissions created under the NewCo scope. Merchant-neutral research, creator graph, brand relationships, and operator network. Appropriately licensed diagnostics, care orchestration, software, education, and lawful future products. NewCo brand, IP, contracts, books, bank relationships, and reserved-matter governance. Historical storefront, catalog, customer liabilities, product claims, and legacy transactions. Existing inventory, supplier relationships, import history, testing records, complaints, and fulfillment obligations. Historical processor, bank, tax, owner, employee, vendor, and regulatory obligations. Legacy domain, storefront code, trademarks, contracts, and data not expressly licensed or transferred. Legacy owner distributions and pre-closing economics. Any risk Alex did not diligence, price, accept, and document.
+
+
+
+
+
06 / Architecture reveal policy
Show the silhouette of the machine, not its wiring
+
Free structure proves command. The finished schemas, creator graph, SOPs, controls, vendor design, and implementation mechanics are the paid asset.
+
+
Alex should reveal enough to make the before-and-after obvious: the diagnosis, system categories, sample scorecard, founder-relief sequence, ninety-day destination, evidence gates, and economic logic. Every additional layer should be exchanged for reciprocal access and commitment.
+
+ Before payment Diagnosis, current-state gaps, workstreams, sample scorecard, expected outputs, and the ninety-day milestones.
After NDA and source access Company map, data request, KPI definitions, decision logic, high-level workflows, and the sprint delivery plan.
After payment or definitive agreement Schemas, automations, creator lists, attribution logic, vendor stack, recruiting pipeline, legal templates, playbooks, software, and reusable implementation IP.
+
+
+
+
+
07 / Proof and kill gates
No permanent partnership without a clean pass
+
Thresholds below are Alex's working decision assumptions. Qualified finance, legal, quality, payment, and tax specialists must validate the final standards.
+
+
+ Proof gates and actions for the Biologix partnership.
+ Gate Pass condition Pass action Kill / remediate action
+ Source truth Orders, captures, settlements, bank receipts, refunds, reserves, and accounting reconcile with no material unexplained variance. Price permanent economics from collected contribution. Walk if source access is refused or material claims are false. Fully loaded economics Contribution remains exceptional after product, testing, fulfillment, freight, fees, commissions, support, reserves, taxes, founder replacement, and working capital. Activate the signed Operating Partner package. Reduce scope or walk if screenshots do not become distributable cash. Ownership and obligations Entity, cap table, authority, side promises, related parties, vendor rights, IP, and customer data are fully disclosed and usable. Draft definitive rights and successor protection. Walk on concealed owners, equity, exclusivity, or diversion rights. Demand durability Repeat, referral, cohort, contribution, and channel data reveal a reproducible loop. Instrument and scale a controlled cohort. Hold if demand is a transient spike with no reusable asset. Quality and customer safety Usable supplier, lot, testing, custody, complaint, recall, and operating evidence supports the contemplated scope. Assign accountable quality ownership outside Alex's role. Walk if records are unusable or acute products cannot be isolated. Payment and lawful path Qualified specialists support a usable model, truthful counterparties, continuity plan, insurance, and defined operating perimeter. Proceed under written boundaries and controls. Walk if Alex is asked for banks, nominees, concealment, or unsupported claims. Authority and economics Alex's decisions, budget, reporting lines, hiring and vendor authority, cash, upside, information, distributions, and protections match accountability. Accept Operating Partner scope after clearance. Reject responsibility without control and economics. OVO opportunity cost The partnership has a non-Alex daily operator and does not delay OVO's highest-priority installation. Scale within a fixed capacity envelope. Return capacity to OVO if Alex becomes the daily rescue layer.
+
+
+
+
+
+
+
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/404.html b/biologix-strategy-board/ovo-labs-porcelain/404.html
new file mode 100644
index 0000000..d05fe42
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/404.html
@@ -0,0 +1,19 @@
+
+
+
+ Page Not Found — OVO Labs
+
+
+
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/README.md b/biologix-strategy-board/ovo-labs-porcelain/README.md
new file mode 100644
index 0000000..37a1778
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/README.md
@@ -0,0 +1,107 @@
+# OVO Labs Porcelain
+
+OVO Labs Porcelain is the white, product-first side-by-side variant of the fictional OVO Labs ecommerce concept. It adapts Datum’s strongest store architecture—visible search, direct categories, a compact hero, a factual strip, early products, and card-level Add—using OVO’s name, amber packaging world, typography, truth boundaries, and hardened interaction behavior.
+
+It is non-transactional. It does not represent real products, inventory, testing, customers, orders, fulfillment, payment, or medical use.
+
+## Comparison routes
+
+| Variant | Route |
+|---|---|
+| Porcelain candidate | `/ovo-labs-porcelain/` |
+| Warm OVO control | `/ovo-labs/` |
+
+The warm route is intentionally preserved for visual and behavioral comparison. Porcelain has its own CSS, JavaScript, canonical URLs, analytics event name, and browser-storage namespace.
+
+## Routes
+
+| Surface | Route |
+|---|---|
+| Homepage | `index.html` |
+| Complete collection | `catalog.html` |
+| Curated sets | `bundles.html` |
+| Testing | `testing.html` |
+| Notes | `notes.html` |
+| About | `company.html` |
+| FAQ | `faq.html` |
+| Policies | `policies.html` |
+| Product pages | `peptides/*.html` |
+| Notes articles | `notes/*.html` |
+
+Compatibility files inside this variant preserve its former route names:
+
+- `lot-record.html` → `testing.html`
+- `access.html` → `catalog.html`
+- `eligibility.html` → `policies.html`
+
+## Interaction model
+
+- Predictive keyboard search by product name, category, strength, and OVO code
+- Category filtering, collection search, persistent URL sorting, and empty-state recovery
+- Ten canonical product pages with responsive media, quantity, visible testing status, specifications, FAQ, related products, and a sticky mobile Add action
+- Three curated sets
+- Searchable testing-status page
+- Browser-local add, update, remove, subtotal, and clear-cart states
+- Local-only newsletter preference
+- Keyboard-accessible menu, search, drawers, accordions, and product controls
+- Non-PII QA instrumentation through `window.dataLayer`, `window.OVOPorcelainAnalytics.events()`, and the compatibility alias `window.OVOAnalytics.events()`
+
+The cart has no checkout or payment path. Nothing is transmitted.
+
+## Isolated browser state
+
+Porcelain does not read or overwrite the warm OVO route’s active storage keys.
+
+```text
+ovo-porcelain-demo-cart-v2
+ovo-porcelain-recent-products-v1
+ovo-porcelain-newsletter-preference-v1
+```
+
+The custom analytics event is:
+
+```text
+ovo-porcelain:analytics
+```
+
+## Fable 5 visual system
+
+Claude Fable 5 is the binding outward-facing design authority. The approved direction is **Datum structure × OVO identity on porcelain white**:
+
+- Fraunces display type, Instrument Sans body/UI, and IBM Plex Mono product data
+- pure-white canvas, near-white warm surfaces, espresso controls, and restrained terracotta accents
+- left-aligned italic `ovolabs.` wordmark
+- always-visible search and direct category navigation
+- 55/45 product-led hero with safe amber imagery and factual overlays
+- early four-up desktop and two-up narrow product grid
+- full espresso editorial testing band
+- 7/5 product detail gallery and sticky buy box
+- safe amber-vial stills with no use supplies, people, claims, or lab theater
+- self-hosted, SIL Open Font License type assets with no third-party font request
+
+Gold appears only in packaging imagery and the wordmark period. There is no cobalt and no beige page wash.
+
+## Truth boundary
+
+- The top banner states: `FICTIONAL CONCEPT STOREFRONT. NOTHING HERE IS REAL, STOCKED, OR FOR SALE.`
+- Every analytical state remains `No result reported` or `Not represented`.
+- There is no fictional per-lot result dataset, certificate, laboratory, purity figure, testing claim, or release decision.
+- There is no access or eligibility gate.
+- There is no checkout, payment, inventory, stock, shipping, fulfillment, or customer account.
+- Product and cart prices are interface concepts only.
+- The newsletter demo saves a preference locally and sends nothing.
+- No reviews, ratings, popularity, urgency, outcome, dosing, preparation, or human-use claim is allowed.
+
+## Local preview
+
+From `biologix-strategy-board/`:
+
+```bash
+python3 -m http.server 4173
+```
+
+Then open:
+
+```text
+http://127.0.0.1:4173/ovo-labs-porcelain/
+```
diff --git a/biologix-strategy-board/ovo-labs-porcelain/access.html b/biologix-strategy-board/ovo-labs-porcelain/access.html
new file mode 100644
index 0000000..04139ba
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/access.html
@@ -0,0 +1,17 @@
+
+
+
+ Redirecting to the OVO Labs collection
+
+
+ Fictional concept storefront. Nothing here is real, stocked, or for sale.
+ Continue to the OVO Labs collection.
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/assets/favicon.svg b/biologix-strategy-board/ovo-labs-porcelain/assets/favicon.svg
new file mode 100644
index 0000000..9d1eed3
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/assets/favicon.svg
@@ -0,0 +1,5 @@
+
+ o
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/OFL-fraunces.txt b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/OFL-fraunces.txt
new file mode 100644
index 0000000..e0a3ac7
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/OFL-fraunces.txt
@@ -0,0 +1,93 @@
+Copyright 2018 The Fraunces Project Authors (https://github.com/undercasetype/Fraunces)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/OFL-ibm-plex-mono.txt b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/OFL-ibm-plex-mono.txt
new file mode 100644
index 0000000..670c6c0
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/OFL-ibm-plex-mono.txt
@@ -0,0 +1,93 @@
+Copyright © 2017 IBM Corp. with Reserved Font Name "Plex"
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+
+This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/OFL-instrument-sans.txt b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/OFL-instrument-sans.txt
new file mode 100644
index 0000000..d41633c
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/OFL-instrument-sans.txt
@@ -0,0 +1,93 @@
+Copyright 2022 The Instrument Sans Project Authors (https://github.com/Instrument/instrument-sans)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/fraunces-italic-400-latin.woff2 b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/fraunces-italic-400-latin.woff2
new file mode 100644
index 0000000..88d409d
Binary files /dev/null and b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/fraunces-italic-400-latin.woff2 differ
diff --git a/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/fraunces-normal-latin.woff2 b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/fraunces-normal-latin.woff2
new file mode 100644
index 0000000..4c7b557
Binary files /dev/null and b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/fraunces-normal-latin.woff2 differ
diff --git a/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/ibm-plex-mono-400-latin.woff2 b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/ibm-plex-mono-400-latin.woff2
new file mode 100644
index 0000000..52b6c75
Binary files /dev/null and b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/ibm-plex-mono-400-latin.woff2 differ
diff --git a/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/ibm-plex-mono-500-latin.woff2 b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/ibm-plex-mono-500-latin.woff2
new file mode 100644
index 0000000..3308bce
Binary files /dev/null and b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/ibm-plex-mono-500-latin.woff2 differ
diff --git a/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/instrument-sans-latin.woff2 b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/instrument-sans-latin.woff2
new file mode 100644
index 0000000..665fa65
Binary files /dev/null and b/biologix-strategy-board/ovo-labs-porcelain/assets/fonts/instrument-sans-latin.woff2 differ
diff --git a/biologix-strategy-board/ovo-labs-porcelain/assets/ovo-hero-still.webp b/biologix-strategy-board/ovo-labs-porcelain/assets/ovo-hero-still.webp
new file mode 100644
index 0000000..e52069b
Binary files /dev/null and b/biologix-strategy-board/ovo-labs-porcelain/assets/ovo-hero-still.webp differ
diff --git a/biologix-strategy-board/ovo-labs-porcelain/assets/ovo-set-pair.webp b/biologix-strategy-board/ovo-labs-porcelain/assets/ovo-set-pair.webp
new file mode 100644
index 0000000..65cf55a
Binary files /dev/null and b/biologix-strategy-board/ovo-labs-porcelain/assets/ovo-set-pair.webp differ
diff --git a/biologix-strategy-board/ovo-labs-porcelain/assets/ovo-vial-front.webp b/biologix-strategy-board/ovo-labs-porcelain/assets/ovo-vial-front.webp
new file mode 100644
index 0000000..41514d6
Binary files /dev/null and b/biologix-strategy-board/ovo-labs-porcelain/assets/ovo-vial-front.webp differ
diff --git a/biologix-strategy-board/ovo-labs-porcelain/bundles.html b/biologix-strategy-board/ovo-labs-porcelain/bundles.html
new file mode 100644
index 0000000..bb8e951
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/bundles.html
@@ -0,0 +1,20 @@
+
+
+
+ Curated Sets — OVO Labs
+
+
+
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/catalog.html b/biologix-strategy-board/ovo-labs-porcelain/catalog.html
new file mode 100644
index 0000000..0ea7b5d
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/catalog.html
@@ -0,0 +1,20 @@
+
+
+
+ The Collection — OVO Labs
+
+
+
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/company.html b/biologix-strategy-board/ovo-labs-porcelain/company.html
new file mode 100644
index 0000000..b746ede
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/company.html
@@ -0,0 +1,20 @@
+
+
+
+ About OVO Labs
+
+
+
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/eligibility.html b/biologix-strategy-board/ovo-labs-porcelain/eligibility.html
new file mode 100644
index 0000000..e84b7b1
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/eligibility.html
@@ -0,0 +1,17 @@
+
+
+
+ Redirecting to OVO Labs concept boundaries
+
+
+ Fictional concept storefront. Nothing here is real, stocked, or for sale.
+ Continue to the OVO Labs concept boundaries.
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/faq.html b/biologix-strategy-board/ovo-labs-porcelain/faq.html
new file mode 100644
index 0000000..c6a443f
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/faq.html
@@ -0,0 +1,20 @@
+
+
+
+ Frequently Asked Questions — OVO Labs
+
+
+
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/index.html b/biologix-strategy-board/ovo-labs-porcelain/index.html
new file mode 100644
index 0000000..16977f3
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/index.html
@@ -0,0 +1,21 @@
+
+
+
+ OVO Labs — Peptide Science, Refined
+
+
+
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/lot-record.html b/biologix-strategy-board/ovo-labs-porcelain/lot-record.html
new file mode 100644
index 0000000..75a7729
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/lot-record.html
@@ -0,0 +1,17 @@
+
+
+
+ Redirecting to OVO Labs Testing
+
+
+ Fictional concept storefront. Nothing here is real, stocked, or for sale.
+ Continue to OVO Labs Testing.
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/notes.html b/biologix-strategy-board/ovo-labs-porcelain/notes.html
new file mode 100644
index 0000000..477181a
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/notes.html
@@ -0,0 +1,20 @@
+
+
+
+ Journal — OVO Labs
+
+
+
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/notes/choosing-by-molecule.html b/biologix-strategy-board/ovo-labs-porcelain/notes/choosing-by-molecule.html
new file mode 100644
index 0000000..cca8f57
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/notes/choosing-by-molecule.html
@@ -0,0 +1,13 @@
+
+
+
+ Shop by Molecule, Not by Hype — OVO Labs
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/notes/coa-boundaries.html b/biologix-strategy-board/ovo-labs-porcelain/notes/coa-boundaries.html
new file mode 100644
index 0000000..befb68d
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/notes/coa-boundaries.html
@@ -0,0 +1,13 @@
+
+
+
+ What a COA Can and Cannot Show — OVO Labs
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/notes/reading-testing-status.html b/biologix-strategy-board/ovo-labs-porcelain/notes/reading-testing-status.html
new file mode 100644
index 0000000..c6f1619
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/notes/reading-testing-status.html
@@ -0,0 +1,13 @@
+
+
+
+ How to Read a Testing Status — OVO Labs
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/peptides/bpc-157.html b/biologix-strategy-board/ovo-labs-porcelain/peptides/bpc-157.html
new file mode 100644
index 0000000..414ffd7
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/peptides/bpc-157.html
@@ -0,0 +1,14 @@
+
+
+
+ BPC-157 10 mg — OVO Labs
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/peptides/bpc-tb-blend.html b/biologix-strategy-board/ovo-labs-porcelain/peptides/bpc-tb-blend.html
new file mode 100644
index 0000000..2548ccd
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/peptides/bpc-tb-blend.html
@@ -0,0 +1,14 @@
+
+
+
+ BPC-157 + TB-500 20 mg — OVO Labs
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/peptides/cagrilintide.html b/biologix-strategy-board/ovo-labs-porcelain/peptides/cagrilintide.html
new file mode 100644
index 0000000..e86fd33
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/peptides/cagrilintide.html
@@ -0,0 +1,14 @@
+
+
+
+ Cagrilintide 10 mg — OVO Labs
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/peptides/cjc-1295.html b/biologix-strategy-board/ovo-labs-porcelain/peptides/cjc-1295.html
new file mode 100644
index 0000000..5d3e30e
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/peptides/cjc-1295.html
@@ -0,0 +1,14 @@
+
+
+
+ CJC-1295 5 mg — OVO Labs
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/peptides/cjc-ipamorelin-blend.html b/biologix-strategy-board/ovo-labs-porcelain/peptides/cjc-ipamorelin-blend.html
new file mode 100644
index 0000000..78b28b8
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/peptides/cjc-ipamorelin-blend.html
@@ -0,0 +1,14 @@
+
+
+
+ CJC-1295 + Ipamorelin 10 mg — OVO Labs
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/peptides/ipamorelin.html b/biologix-strategy-board/ovo-labs-porcelain/peptides/ipamorelin.html
new file mode 100644
index 0000000..8fc565a
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/peptides/ipamorelin.html
@@ -0,0 +1,14 @@
+
+
+
+ Ipamorelin 5 mg — OVO Labs
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/peptides/retatrutide.html b/biologix-strategy-board/ovo-labs-porcelain/peptides/retatrutide.html
new file mode 100644
index 0000000..c7b3a6d
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/peptides/retatrutide.html
@@ -0,0 +1,21 @@
+
+
+
+ Retatrutide 10 mg — OVO Labs
+
+
+
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/peptides/semaglutide.html b/biologix-strategy-board/ovo-labs-porcelain/peptides/semaglutide.html
new file mode 100644
index 0000000..56cdeaa
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/peptides/semaglutide.html
@@ -0,0 +1,14 @@
+
+
+
+ Semaglutide 10 mg — OVO Labs
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/peptides/tb-500.html b/biologix-strategy-board/ovo-labs-porcelain/peptides/tb-500.html
new file mode 100644
index 0000000..ac37e7c
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/peptides/tb-500.html
@@ -0,0 +1,14 @@
+
+
+
+ TB-500 10 mg — OVO Labs
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/peptides/tirzepatide.html b/biologix-strategy-board/ovo-labs-porcelain/peptides/tirzepatide.html
new file mode 100644
index 0000000..9853821
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/peptides/tirzepatide.html
@@ -0,0 +1,14 @@
+
+
+
+ Tirzepatide 10 mg — OVO Labs
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/policies.html b/biologix-strategy-board/ovo-labs-porcelain/policies.html
new file mode 100644
index 0000000..3dbb2f0
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/policies.html
@@ -0,0 +1,20 @@
+
+
+
+ Site Policies — OVO Labs
+
+
+
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-porcelain/site.css b/biologix-strategy-board/ovo-labs-porcelain/site.css
new file mode 100644
index 0000000..54c4a76
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/site.css
@@ -0,0 +1,4472 @@
+@font-face {
+ font-family: "Fraunces";
+ font-style: normal;
+ font-weight: 400 600;
+ font-display: swap;
+ src: url("assets/fonts/fraunces-normal-latin.woff2") format("woff2");
+}
+
+@font-face {
+ font-family: "Fraunces";
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: url("assets/fonts/fraunces-italic-400-latin.woff2") format("woff2");
+}
+
+@font-face {
+ font-family: "Instrument Sans";
+ font-style: normal;
+ font-weight: 400 600;
+ font-display: swap;
+ src: url("assets/fonts/instrument-sans-latin.woff2") format("woff2");
+}
+
+@font-face {
+ font-family: "IBM Plex Mono";
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url("assets/fonts/ibm-plex-mono-400-latin.woff2") format("woff2");
+}
+
+@font-face {
+ font-family: "IBM Plex Mono";
+ font-style: normal;
+ font-weight: 500;
+ font-display: swap;
+ src: url("assets/fonts/ibm-plex-mono-500-latin.woff2") format("woff2");
+}
+
+:root {
+ --cream: #f3eada;
+ --porcelain: #faf6ee;
+ --parchment: #ede2cd;
+ --espresso: #3a2a1f;
+ --espresso-deep: #2a1d14;
+ --ink-2: #5c4a3b;
+ --terracotta: #b9553e;
+ --terracotta-deep: #8f3b2a;
+ --gold: #b08a52;
+ --gold-bright: #c69b63;
+ --cream-on-dark: #f3eada;
+ --line: rgba(58, 42, 31, 0.16);
+ --line-strong: rgba(58, 42, 31, 0.34);
+ --line-on-dark: rgba(243, 234, 218, 0.18);
+ --scrim: rgba(26, 18, 12, 0.5);
+ --shell: min(1280px, calc(100vw - 96px));
+ --serif: "Fraunces", Georgia, "Times New Roman", serif;
+ --sans: "Instrument Sans", -apple-system, "Helvetica Neue", Arial, sans-serif;
+ --mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;
+ --drawer-shadow: 0 24px 64px rgba(58, 42, 31, 0.18);
+ --overlay-shadow: 0 14px 42px rgba(42, 29, 20, 0.18);
+ --ease: cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+* {
+ box-sizing: border-box;
+}
+
+html {
+ color-scheme: light;
+ scroll-behavior: smooth;
+}
+
+body {
+ min-width: 320px;
+ margin: 0;
+ overflow-x: clip;
+ color: var(--espresso);
+ background: var(--cream);
+ font-family: var(--sans);
+ font-size: 15px;
+ line-height: 1.6;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+}
+
+body.drawer-open {
+ overflow: hidden;
+}
+
+img {
+ display: block;
+ max-width: 100%;
+}
+
+a {
+ color: inherit;
+ text-decoration: none;
+}
+
+button,
+input,
+select {
+ color: inherit;
+ font: inherit;
+}
+
+button {
+ cursor: pointer;
+}
+
+button:disabled {
+ cursor: not-allowed;
+ opacity: 0.52;
+}
+
+h1,
+h2,
+h3,
+p {
+ margin-top: 0;
+}
+
+.sr-only {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
+}
+
+.skip-link {
+ position: fixed;
+ z-index: 1000;
+ top: 8px;
+ left: 8px;
+ padding: 10px 14px;
+ color: var(--cream);
+ background: var(--espresso);
+ border: 1px solid var(--cream);
+ transform: translateY(-160%);
+}
+
+.skip-link:focus {
+ transform: none;
+}
+
+:focus-visible {
+ outline: 2px solid var(--espresso);
+ outline-offset: 3px;
+}
+
+.site-footer :focus-visible,
+.concept-banner :focus-visible,
+.testing-feature :focus-visible {
+ outline-color: var(--cream);
+}
+
+.shell {
+ width: var(--shell);
+ margin-inline: auto;
+}
+
+.concept-banner {
+ min-height: 36px;
+ display: grid;
+ place-items: center;
+ padding: 8px 20px;
+ color: var(--cream-on-dark);
+ background: var(--espresso);
+ font: 400 10px/1.5 var(--mono);
+ letter-spacing: 0.08em;
+ text-align: center;
+ text-transform: uppercase;
+}
+
+/* Global header */
+
+.site-header {
+ position: sticky;
+ z-index: 80;
+ top: 0;
+ color: var(--espresso);
+ background: var(--cream);
+ border-bottom: 1px solid var(--line);
+}
+
+.header-main {
+ min-height: 76px;
+ display: grid;
+ grid-template-columns: 1fr auto 1fr;
+ gap: 32px;
+ align-items: center;
+}
+
+.primary-nav {
+ grid-column: 1;
+ grid-row: 1;
+ display: flex;
+ gap: 28px;
+ align-items: center;
+ justify-self: start;
+}
+
+.primary-nav a {
+ color: var(--espresso);
+ font-size: 13px;
+ font-weight: 500;
+ letter-spacing: 0.02em;
+ text-underline-offset: 7px;
+ white-space: nowrap;
+}
+
+.primary-nav a:hover {
+ color: var(--terracotta-deep);
+ text-decoration: underline;
+ text-decoration-thickness: 1px;
+}
+
+.primary-nav a[aria-current="page"] {
+ text-decoration: underline;
+ text-decoration-thickness: 1px;
+}
+
+.wordmark {
+ display: inline-flex;
+ align-items: baseline;
+ justify-content: center;
+ color: var(--espresso);
+ white-space: nowrap;
+}
+
+.header-main > .wordmark {
+ grid-column: 2;
+ grid-row: 1;
+ justify-self: center;
+}
+
+.wordmark-name,
+.wordmark-copy {
+ display: inline;
+ font: italic 400 25px/1 var(--serif);
+ letter-spacing: -0.01em;
+}
+
+.wordmark-dot {
+ color: var(--terracotta);
+}
+
+.wordmark-mark,
+.wordmark-category {
+ display: none;
+}
+
+.header-utilities,
+.header-actions {
+ grid-column: 3;
+ grid-row: 1;
+ display: flex;
+ gap: 18px;
+ align-items: center;
+ justify-self: end;
+}
+
+.search-wrap {
+ position: relative;
+ width: 220px;
+ transition: width 200ms ease-out;
+}
+
+.search-wrap:focus-within {
+ width: 280px;
+}
+
+.search-input,
+.collection-search,
+.testing-lookup input,
+.newsletter-form input {
+ width: 100%;
+ height: 40px;
+ padding: 0;
+ color: var(--espresso);
+ background: transparent;
+ border: 0;
+ border-bottom: 1px solid var(--line-strong);
+ border-radius: 0;
+ outline: none;
+}
+
+.search-input {
+ height: 34px;
+ padding-right: 36px;
+ font-size: 13px;
+}
+
+.search-input::placeholder,
+.collection-search::placeholder,
+.testing-lookup input::placeholder,
+.newsletter-form input::placeholder {
+ color: var(--ink-2);
+ opacity: 0.86;
+}
+
+.search-input:focus,
+.collection-search:focus,
+.testing-lookup input:focus,
+.newsletter-form input:focus {
+ border-bottom-color: var(--espresso);
+}
+
+.search-icon {
+ display: none;
+}
+
+.search-shortcut {
+ position: absolute;
+ top: 50%;
+ right: 0;
+ color: var(--ink-2);
+ font: 400 9px/1 var(--mono);
+ transform: translateY(-50%);
+}
+
+.search-results {
+ position: absolute;
+ z-index: 100;
+ top: calc(100% + 12px);
+ right: 0;
+ width: 360px;
+ max-height: min(510px, 72vh);
+ overflow-y: auto;
+ color: var(--espresso);
+ background: var(--porcelain);
+ border: 1px solid var(--line-strong);
+ border-radius: 0;
+ box-shadow: var(--drawer-shadow);
+}
+
+.search-results[hidden] {
+ display: none;
+}
+
+.search-result {
+ min-height: 64px;
+ display: grid;
+ grid-template-columns: 44px 1fr auto;
+ gap: 12px;
+ align-items: center;
+ padding: 10px 12px;
+ border-bottom: 1px solid var(--line);
+}
+
+.search-result:last-child {
+ border-bottom: 0;
+}
+
+.search-result:hover,
+.search-result[aria-selected="true"] {
+ background: var(--parchment);
+}
+
+.search-result img {
+ width: 44px;
+ height: 52px;
+ object-fit: cover;
+ object-position: center;
+ background: var(--parchment);
+}
+
+.search-result strong {
+ display: block;
+ font-size: 13px;
+ font-weight: 500;
+ line-height: 1.25;
+}
+
+.search-result span span {
+ color: var(--ink-2);
+ font: 400 9px/1.35 var(--mono);
+ letter-spacing: 0.03em;
+}
+
+.search-result-price {
+ font: 500 11px/1 var(--mono);
+ font-variant-numeric: tabular-nums;
+}
+
+.icon-button,
+.cart-button {
+ min-width: 44px;
+ height: 44px;
+ display: inline-grid;
+ place-items: center;
+ padding: 0;
+ color: var(--espresso);
+ background: transparent;
+ border: 0;
+ border-radius: 0;
+ font: 500 10px/1 var(--mono);
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+}
+
+.icon-button:hover,
+.cart-button:hover {
+ color: var(--terracotta-deep);
+}
+
+.cart-count {
+ display: inline;
+ color: inherit;
+ background: transparent;
+ font: inherit;
+}
+
+.cart-count[hidden] {
+ display: none;
+}
+
+.mobile-menu-button {
+ display: none;
+}
+
+.category-nav-wrap {
+ display: none;
+}
+
+/* Buttons and links */
+
+.button,
+.add-button,
+.pdp-add,
+.newsletter-form button {
+ min-height: 48px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0 28px;
+ font-size: 13px;
+ font-weight: 600;
+ line-height: 1;
+ letter-spacing: 0.08em;
+ text-align: center;
+ text-transform: uppercase;
+ border-radius: 2px;
+ transition:
+ color 180ms ease-out,
+ background-color 180ms ease-out,
+ border-color 180ms ease-out;
+}
+
+.button:active,
+.add-button:active,
+.pdp-add:active,
+.newsletter-form button:active {
+ transform: translateY(1px);
+}
+
+.button-primary,
+.pdp-add,
+.newsletter-form button {
+ color: var(--cream);
+ background: var(--espresso);
+ border: 1px solid var(--espresso);
+}
+
+.button-primary:hover,
+.pdp-add:hover,
+.newsletter-form button:hover {
+ background: var(--espresso-deep);
+ border-color: var(--espresso-deep);
+}
+
+.button-secondary,
+.add-button {
+ color: var(--espresso);
+ background: transparent;
+ border: 1px solid var(--espresso);
+}
+
+.button-secondary:hover,
+.add-button:hover {
+ color: var(--cream);
+ background: var(--espresso);
+}
+
+.button-small {
+ min-height: 40px;
+ padding-inline: 18px;
+}
+
+.text-link,
+.quiet-link {
+ display: inline-flex;
+ align-items: center;
+ color: var(--espresso);
+ font-size: 13px;
+ font-weight: 500;
+ text-decoration: underline;
+ text-decoration-color: var(--line-strong);
+ text-decoration-thickness: 1px;
+ text-underline-offset: 5px;
+}
+
+.text-link:hover,
+.quiet-link:hover {
+ color: var(--terracotta-deep);
+ text-decoration-color: currentColor;
+}
+
+.eyebrow,
+.product-category,
+.price-label,
+.result-summary {
+ margin-bottom: 12px;
+ color: var(--terracotta-deep);
+ font: 500 11px/1.3 var(--mono);
+ letter-spacing: 0.18em;
+ text-transform: uppercase;
+}
+
+/* Hero */
+
+.home-hero {
+ background: var(--cream);
+}
+
+.hero-grid {
+ min-height: 560px;
+ display: grid;
+ grid-template-columns: repeat(12, minmax(0, 1fr));
+ gap: 24px;
+ align-items: center;
+ padding-block: 64px 96px;
+}
+
+.hero-copy {
+ grid-column: 1 / span 5;
+ max-width: 560px;
+}
+
+.hero-copy .eyebrow::after {
+ width: 24px;
+ height: 1px;
+ display: block;
+ margin-top: 20px;
+ content: "";
+ background: var(--gold);
+}
+
+.hero-copy h1 {
+ max-width: 15ch;
+ margin: 0 0 24px;
+ font: 500 clamp(34px, 5vw, 64px) / 1.06 var(--serif);
+ letter-spacing: -0.015em;
+}
+
+.hero-copy h1 span {
+ color: inherit;
+ font: inherit;
+}
+
+.hero-copy > p:not(.eyebrow) {
+ max-width: 44ch;
+ margin-bottom: 0;
+ color: var(--ink-2);
+ font-size: 17px;
+ line-height: 1.6;
+}
+
+.hero-actions {
+ display: flex;
+ gap: 24px;
+ align-items: center;
+ margin-top: 40px;
+}
+
+.hero-actions .button-primary {
+ min-height: 52px;
+ padding-inline: 36px;
+}
+
+.hero-actions .button-secondary {
+ min-height: auto;
+ padding: 0;
+ background: transparent;
+ border: 0;
+ border-radius: 0;
+ font-size: 13px;
+ font-weight: 500;
+ letter-spacing: 0;
+ text-decoration: underline;
+ text-decoration-color: var(--line-strong);
+ text-underline-offset: 5px;
+ text-transform: none;
+}
+
+.hero-actions .button-secondary:hover {
+ color: var(--terracotta-deep);
+ background: transparent;
+ text-decoration-color: currentColor;
+}
+
+.hero-visual {
+ grid-column: 6 / -1;
+ height: min(720px, 64vw);
+ margin-right: calc((100vw - var(--shell)) / -2);
+ overflow: hidden;
+ background: var(--parchment);
+}
+
+.hero-visual > img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: 60% center;
+}
+
+.hero-product-chip,
+.hero-coa-card,
+.trust-strip {
+ display: none !important;
+}
+
+/* Sections */
+
+.section {
+ padding-block: 96px;
+}
+
+.section-tight {
+ padding-block: 72px;
+}
+
+.section-surface {
+ background: var(--porcelain);
+}
+
+.section-head {
+ display: flex;
+ gap: 32px;
+ align-items: flex-end;
+ justify-content: space-between;
+ margin-bottom: 48px;
+}
+
+.section-head h2,
+.testing-feature h2,
+.newsletter h2,
+.page-hero h1,
+.detail-section h2 {
+ margin-bottom: 0;
+ font: 500 clamp(27px, 3.2vw, 44px) / 1.1 var(--serif);
+ letter-spacing: -0.01em;
+}
+
+.section-head > div > p:last-child:not(.eyebrow) {
+ max-width: 58ch;
+ margin-bottom: 0;
+ color: var(--ink-2);
+ font-size: 15px;
+}
+
+.section-head > p {
+ max-width: 58ch;
+ margin-bottom: 0;
+ color: var(--ink-2);
+}
+
+/* Category index */
+
+.category-section-head {
+ margin-top: 96px;
+ margin-bottom: 40px;
+}
+
+.category-rail,
+.category-index {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 24px;
+}
+
+.category-tile,
+.category-index-item {
+ position: relative;
+ min-height: 150px;
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ padding: 20px 0 18px;
+ border-top: 1px solid var(--line-strong);
+}
+
+.category-tile::before,
+.category-index-item::before {
+ display: block;
+ margin-right: 16px;
+ color: var(--ink-2);
+ font: 400 11px/1 var(--mono);
+ content: counter(category-index, decimal-leading-zero);
+}
+
+.category-rail,
+.category-index {
+ counter-reset: category-index;
+}
+
+.category-tile,
+.category-index-item {
+ counter-increment: category-index;
+}
+
+.category-tile > span:first-of-type,
+.category-index-copy {
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ gap: 8px;
+}
+
+.category-tile strong,
+.category-index-item strong {
+ font: 500 22px/1.2 var(--serif);
+}
+
+.category-tile span span,
+.category-index-item small {
+ color: var(--ink-2);
+ font: 400 11px/1.4 var(--mono);
+ letter-spacing: 0.04em;
+}
+
+.category-arrow {
+ align-self: flex-end;
+ font: 400 16px/1 var(--sans);
+}
+
+.category-tile:hover strong,
+.category-tile:hover .category-arrow,
+.category-index-item:hover strong,
+.category-index-item:hover .category-arrow {
+ color: var(--terracotta-deep);
+}
+
+/* Product grid and cards */
+
+.product-grid {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 56px 24px;
+}
+
+.product-card {
+ min-width: 0;
+ color: var(--espresso);
+ background: transparent;
+ border: 0;
+}
+
+.product-image-wrap {
+ position: relative;
+ aspect-ratio: 4 / 5;
+ display: block;
+ overflow: hidden;
+ background: var(--porcelain);
+}
+
+.product-image-wrap > img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ transition: transform 600ms var(--ease);
+}
+
+.product-image-wrap:hover > img {
+ transform: scale(1.015);
+}
+
+.product-image-label {
+ position: absolute;
+ top: 55.5%;
+ left: 34%;
+ width: 33%;
+ display: grid;
+ gap: 4px;
+ pointer-events: none;
+ text-align: center;
+}
+
+.product-image-label strong {
+ overflow: hidden;
+ color: var(--espresso);
+ font: 600 clamp(9px, 1.1vw, 12px) / 1.1 var(--sans);
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.product-image-label span {
+ overflow: hidden;
+ color: var(--ink-2);
+ font: 500 clamp(7px, 0.7vw, 9px) / 1.2 var(--mono);
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.product-card-body {
+ padding-top: 12px;
+}
+
+.product-card .product-category {
+ margin-bottom: 6px;
+ color: var(--ink-2);
+ font-size: 10px;
+ letter-spacing: 0.08em;
+}
+
+.product-name {
+ margin-bottom: 6px;
+ font: 500 15px/1.35 var(--sans);
+}
+
+.product-name a:hover {
+ color: var(--terracotta-deep);
+ text-decoration: underline;
+ text-underline-offset: 4px;
+}
+
+.product-format {
+ margin-bottom: 8px;
+ color: var(--ink-2);
+ font: 400 9px/1.35 var(--mono);
+ letter-spacing: 0.04em;
+}
+
+.product-description {
+ min-height: 38px;
+ display: -webkit-box;
+ margin-bottom: 12px;
+ overflow: hidden;
+ color: var(--ink-2);
+ font-size: 12px;
+ line-height: 1.55;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+}
+
+.testing-micro {
+ min-height: 38px;
+ display: flex;
+ gap: 8px;
+ align-items: center;
+ justify-content: space-between;
+ padding-block: 8px;
+ border-top: 1px solid var(--line);
+ border-bottom: 1px solid var(--line);
+}
+
+.testing-micro span,
+.testing-micro a {
+ color: var(--ink-2);
+ font: 400 9px/1.35 var(--mono);
+ letter-spacing: 0.01em;
+}
+
+.testing-micro a {
+ flex: 0 0 auto;
+ color: var(--terracotta-deep);
+ text-decoration: underline;
+ text-underline-offset: 3px;
+}
+
+.testing-micro-dot {
+ display: none;
+}
+
+.product-buy-row {
+ display: grid;
+ gap: 10px;
+ padding-top: 12px;
+}
+
+.price {
+ display: block;
+ color: var(--espresso);
+ font: 500 14px/1.2 var(--mono);
+ font-variant-numeric: tabular-nums;
+}
+
+.price-label {
+ display: block;
+ margin-bottom: 4px;
+ color: var(--ink-2);
+ font-size: 9px;
+ letter-spacing: 0.08em;
+}
+
+.product-card .add-button {
+ width: 100%;
+ min-height: 44px;
+ padding: 0 14px;
+ color: var(--cream);
+ background: var(--espresso);
+ border-color: var(--espresso);
+ font-size: 11px;
+}
+
+.product-card .add-button:hover {
+ color: var(--cream);
+ background: var(--espresso-deep);
+ border-color: var(--espresso-deep);
+}
+
+/* Testing feature */
+
+.testing-feature {
+ width: 100%;
+ max-width: none;
+ display: grid;
+ grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
+ gap: 24px;
+ padding: 96px max(48px, calc((100vw - 1280px) / 2));
+ color: var(--cream);
+ background: var(--espresso);
+}
+
+.testing-feature-copy {
+ grid-column: 1;
+ align-self: center;
+}
+
+.testing-feature-copy .eyebrow {
+ color: var(--gold-bright);
+}
+
+.testing-feature-copy h2 {
+ max-width: 12ch;
+ color: var(--cream);
+}
+
+.testing-feature-copy > p:not(.eyebrow) {
+ max-width: 44ch;
+ margin: 24px 0 28px;
+ color: rgba(243, 234, 218, 0.78);
+ font-size: 16px;
+}
+
+.testing-feature-copy .button,
+.testing-feature-copy .text-link {
+ min-height: auto;
+ padding: 0;
+ color: var(--cream);
+ background: transparent;
+ border: 0;
+ border-radius: 0;
+ font-size: 13px;
+ letter-spacing: 0;
+ text-decoration: underline;
+ text-decoration-color: var(--cream);
+ text-underline-offset: 5px;
+ text-transform: none;
+}
+
+.testing-feature-copy .button:hover,
+.testing-feature-copy .text-link:hover {
+ color: var(--cream);
+ background: transparent;
+ text-decoration-color: var(--gold);
+}
+
+.testing-document {
+ grid-column: 3;
+ align-self: center;
+ color: var(--cream);
+ background: transparent;
+ border: 0;
+}
+
+.document-head {
+ display: flex;
+ align-items: flex-end;
+ justify-content: space-between;
+ padding-bottom: 16px;
+ color: rgba(243, 234, 218, 0.78);
+ border-bottom: 1px solid var(--gold);
+ font: 400 10px/1.5 var(--mono);
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+}
+
+.document-head strong,
+.document-head span {
+ display: block;
+ color: inherit;
+ font: inherit;
+}
+
+.document-tag,
+.status-pill {
+ color: inherit;
+ background: transparent;
+ border: 0;
+ border-radius: 0;
+}
+
+.document-row {
+ min-height: 58px;
+ display: grid;
+ grid-template-columns: minmax(120px, 1fr) minmax(200px, 1.6fr);
+ gap: 24px;
+ align-items: center;
+ padding-block: 18px;
+ border-bottom: 1px solid var(--line-on-dark);
+}
+
+.document-row strong {
+ color: var(--cream);
+ font-size: 14px;
+ font-weight: 500;
+}
+
+.document-row span {
+ color: rgba(243, 234, 218, 0.74);
+ font: 400 10px/1.5 var(--mono);
+ text-align: right;
+}
+
+/* Sets */
+
+.bundle-grid {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 32px 24px;
+}
+
+.bundle-card {
+ min-width: 0;
+ background: transparent;
+ border: 0;
+}
+
+.bundle-image {
+ position: relative;
+ aspect-ratio: 3 / 2;
+ overflow: hidden;
+ background: var(--porcelain);
+}
+
+.bundle-image img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ transition: transform 600ms var(--ease);
+}
+
+.bundle-card:hover .bundle-image img {
+ transform: scale(1.015);
+}
+
+.bundle-count {
+ display: none;
+}
+
+.bundle-body {
+ padding-top: 16px;
+}
+
+.bundle-body .product-category {
+ margin-bottom: 6px;
+ color: var(--ink-2);
+ letter-spacing: 0.08em;
+}
+
+.bundle-body h3 {
+ margin-bottom: 10px;
+ font: 500 22px/1.2 var(--serif);
+}
+
+.bundle-body > p:not(.product-category) {
+ margin-bottom: 18px;
+ color: var(--ink-2);
+ font-size: 13px;
+}
+
+.bundle-items {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ border-top: 1px solid var(--line);
+}
+
+.bundle-items li {
+ min-height: 44px;
+ display: flex;
+ gap: 12px;
+ align-items: center;
+ justify-content: space-between;
+ border-bottom: 1px solid var(--line);
+}
+
+.bundle-items a {
+ font-size: 13px;
+}
+
+.bundle-items a:hover {
+ color: var(--terracotta-deep);
+}
+
+.bundle-items span {
+ color: var(--ink-2);
+ font: 400 10px/1 var(--mono);
+}
+
+.bundle-arithmetic {
+ display: flex;
+ gap: 12px;
+ align-items: center;
+ justify-content: space-between;
+ margin: 0;
+ padding-block: 12px;
+ color: var(--ink-2);
+ border-bottom: 1px solid var(--line);
+ font: 400 9px/1.4 var(--mono);
+}
+
+.bundle-arithmetic strong {
+ color: var(--espresso);
+ font-weight: 500;
+ font-variant-numeric: tabular-nums;
+}
+
+.bundle-footer {
+ display: flex;
+ gap: 16px;
+ align-items: flex-end;
+ justify-content: space-between;
+ padding-top: 16px;
+}
+
+.bundle-footer .add-button {
+ min-height: 44px;
+ padding-inline: 16px;
+ font-size: 11px;
+}
+
+/* Journal and principles */
+
+.education-grid,
+.journal-grid,
+.value-grid {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 24px;
+}
+
+.education-card,
+.journal-card,
+.value-card {
+ min-height: 220px;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: space-between;
+ padding: 20px 0 0;
+ background: transparent;
+ border: 0;
+ border-top: 1px solid var(--line-strong);
+}
+
+.education-card h3,
+.journal-card h3,
+.value-card h3 {
+ margin-bottom: 10px;
+ font: 500 22px/1.25 var(--serif);
+}
+
+.education-card p:not(.product-category),
+.journal-card p:not(.product-category),
+.value-card p {
+ color: var(--ink-2);
+ font-size: 14px;
+}
+
+.brand-principle {
+ padding-block: 72px;
+ text-align: center;
+ background: var(--parchment);
+}
+
+.brand-principle > div {
+ max-width: 640px;
+ margin-inline: auto;
+}
+
+.brand-principle h2 {
+ margin-bottom: 16px;
+ font: 500 30px/1.2 var(--serif);
+}
+
+.brand-principle p {
+ margin-bottom: 24px;
+ color: var(--ink-2);
+ font-size: 15px;
+}
+
+/* Newsletter */
+
+.newsletter {
+ display: grid;
+ grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
+ gap: 24px;
+ align-items: center;
+ color: var(--espresso);
+ background: transparent;
+}
+
+.newsletter > div:first-child {
+ grid-column: 1;
+}
+
+.newsletter h2 {
+ margin-bottom: 14px;
+}
+
+.newsletter p {
+ max-width: 44ch;
+ margin-bottom: 0;
+ color: var(--ink-2);
+ font-size: 14px;
+}
+
+.newsletter-form,
+.newsletter-success {
+ grid-column: 3;
+}
+
+.newsletter-form {
+ display: flex;
+ gap: 18px;
+ align-items: flex-end;
+}
+
+.newsletter-form input {
+ height: 48px;
+ padding-inline: 0;
+ font-size: 15px;
+}
+
+.newsletter-form button {
+ flex: 0 0 auto;
+}
+
+.newsletter-success {
+ color: var(--espresso) !important;
+ font-size: 14px !important;
+}
+
+/* Inner-page heroes */
+
+.page-hero {
+ padding-block: 72px 48px;
+}
+
+.page-hero .shell {
+ max-width: 1280px;
+}
+
+.page-hero h1 {
+ max-width: 15ch;
+ margin-bottom: 20px;
+ font-size: clamp(36px, 5vw, 64px);
+}
+
+.page-hero .shell > p:last-child:not(.eyebrow) {
+ max-width: 60ch;
+ margin-bottom: 0;
+ color: var(--ink-2);
+ font-size: 16px;
+}
+
+/* Collection */
+
+.collection-layout {
+ display: grid;
+ grid-template-columns: 220px minmax(0, 1fr);
+ gap: 64px;
+ align-items: start;
+}
+
+.filter-panel {
+ position: sticky;
+ top: 96px;
+ padding: 0;
+ background: transparent;
+ border: 0;
+}
+
+.filter-panel h2 {
+ margin-bottom: 12px;
+ color: var(--ink-2);
+ font: 500 10px/1.4 var(--mono);
+ letter-spacing: 0.12em;
+ text-transform: uppercase;
+}
+
+.filter-button {
+ position: relative;
+ width: 100%;
+ min-height: 42px;
+ display: flex;
+ gap: 8px;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0;
+ color: var(--ink-2);
+ background: transparent;
+ border: 0;
+ border-bottom: 1px solid var(--line);
+ border-radius: 0;
+ font-size: 13px;
+ text-align: left;
+}
+
+.filter-button span {
+ font: 400 10px/1 var(--mono);
+}
+
+.filter-button:hover {
+ color: var(--terracotta-deep);
+}
+
+.filter-button[aria-pressed="true"] {
+ padding-left: 10px;
+ color: var(--espresso);
+ font-weight: 500;
+}
+
+.filter-button[aria-pressed="true"]::before {
+ position: absolute;
+ top: 9px;
+ bottom: 9px;
+ left: 0;
+ width: 2px;
+ content: "";
+ background: var(--terracotta);
+}
+
+.collection-toolbar {
+ display: grid;
+ grid-template-columns: 1fr 190px;
+ gap: 24px;
+ align-items: end;
+ padding: 0;
+ background: transparent;
+ border: 0;
+}
+
+.filter-drawer-trigger {
+ display: none;
+}
+
+.collection-search {
+ min-width: 0;
+}
+
+.collection-sort {
+ height: 40px;
+ padding: 0 34px 0 12px;
+ color: var(--espresso);
+ background-color: transparent;
+ background-image: linear-gradient(45deg, transparent 50%, var(--espresso) 50%),
+ linear-gradient(135deg, var(--espresso) 50%, transparent 50%);
+ background-position:
+ calc(100% - 16px) 17px,
+ calc(100% - 11px) 17px;
+ background-repeat: no-repeat;
+ background-size: 5px 5px, 5px 5px;
+ border: 1px solid var(--line-strong);
+ border-radius: 0;
+ font-size: 13px;
+ appearance: none;
+}
+
+.result-summary {
+ margin: 18px 0 32px;
+ color: var(--ink-2);
+ letter-spacing: 0.08em;
+}
+
+.empty-state {
+ grid-column: 1 / -1;
+ display: grid;
+ place-items: center;
+ padding: 64px 20px;
+ text-align: center;
+ background: transparent;
+ border: 0;
+ border-top: 1px solid var(--line);
+ border-bottom: 1px solid var(--line);
+}
+
+.empty-state h2,
+.empty-state strong {
+ margin-bottom: 10px;
+ font: 500 26px/1.2 var(--serif);
+}
+
+.empty-state p {
+ margin-bottom: 20px;
+ color: var(--ink-2);
+ font-size: 14px;
+}
+
+.search-results .empty-state {
+ padding: 28px 18px;
+ text-align: left;
+ place-items: start;
+ border: 0;
+}
+
+.search-results .empty-state strong {
+ font-size: 18px;
+}
+
+/* Testing page */
+
+.testing-lookup {
+ display: grid;
+ grid-template-columns: 1fr auto;
+ gap: 18px;
+ align-items: end;
+ max-width: 760px;
+ margin-bottom: 48px;
+}
+
+.testing-lookup input {
+ height: 48px;
+ font-size: 16px;
+}
+
+.lookup-results {
+ display: grid;
+ gap: 0;
+}
+
+.lookup-card {
+ padding: 24px 0;
+ background: transparent;
+ border: 0;
+ border-top: 1px solid var(--line);
+}
+
+.lookup-card:last-child {
+ border-bottom: 1px solid var(--line);
+}
+
+.lookup-card h3 {
+ margin-bottom: 10px;
+ font: 500 22px/1.25 var(--serif);
+}
+
+.lookup-card p {
+ max-width: 68ch;
+ margin-bottom: 10px;
+ color: var(--ink-2);
+ font-size: 13px;
+}
+
+.testing-table,
+.spec-table {
+ border-top: 1px solid var(--line);
+}
+
+.spec-row {
+ min-height: 54px;
+ display: grid;
+ grid-template-columns: minmax(140px, 1fr) minmax(200px, 1.6fr);
+ gap: 24px;
+ align-items: center;
+ padding-block: 14px;
+ border-bottom: 1px solid var(--line);
+}
+
+.testing-row {
+ min-height: 54px;
+ display: grid;
+ grid-template-columns: minmax(140px, 1fr) minmax(200px, 1.6fr) auto;
+ gap: 24px;
+ align-items: center;
+ padding-block: 14px;
+ border-bottom: 1px solid var(--line);
+}
+
+.testing-row strong,
+.spec-row strong {
+ font-size: 13px;
+ font-weight: 500;
+}
+
+.testing-row > span,
+.spec-row > span {
+ color: var(--ink-2);
+ font: 400 11px/1.5 var(--mono);
+ text-align: right;
+}
+
+.testing-state {
+ color: var(--ink-2);
+ font: 400 10px/1.4 var(--mono);
+ letter-spacing: 0.02em;
+ text-align: right;
+}
+
+/* PDP */
+
+.product-page {
+ padding-block: 36px 96px;
+}
+
+.breadcrumb {
+ margin-bottom: 28px;
+ color: var(--ink-2);
+ font: 400 10px/1.5 var(--mono);
+}
+
+.breadcrumb a:hover {
+ color: var(--terracotta-deep);
+}
+
+.pdp-grid {
+ display: grid;
+ grid-template-columns: minmax(0, 7fr) minmax(360px, 5fr);
+ gap: clamp(40px, 6vw, 84px);
+ align-items: start;
+}
+
+.pdp-gallery {
+ min-width: 0;
+}
+
+.pdp-main-image {
+ position: relative;
+ aspect-ratio: 4 / 5;
+ overflow: hidden;
+ background: var(--porcelain);
+}
+
+.pdp-main-image > img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ transition: transform 300ms ease-out;
+}
+
+.pdp-main-image .product-image-label {
+ top: 55.5%;
+ left: 34%;
+ width: 33%;
+}
+
+.pdp-main-image .product-image-label strong {
+ font-size: clamp(12px, 1.2vw, 16px);
+}
+
+.pdp-main-image .product-image-label span {
+ font-size: clamp(9px, 0.8vw, 11px);
+}
+
+.pdp-thumbnails {
+ display: flex;
+ gap: 10px;
+ margin-top: 12px;
+}
+
+.pdp-thumb {
+ width: 72px;
+ height: 72px;
+ display: block;
+ padding: 0;
+ overflow: hidden;
+ background: var(--porcelain);
+ border: 1px solid var(--line-strong);
+ border-radius: 0;
+}
+
+.pdp-thumb[aria-current="true"] {
+ border-color: var(--espresso);
+ box-shadow: inset 0 -2px 0 var(--terracotta);
+}
+
+.pdp-thumb img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.pdp-buybox {
+ position: sticky;
+ top: 96px;
+ padding: 0;
+ background: transparent;
+ border: 0;
+}
+
+.pdp-buybox .product-category {
+ margin-bottom: 10px;
+}
+
+.pdp-buybox h1 {
+ margin-bottom: 10px;
+ font: 500 clamp(36px, 4.2vw, 56px) / 1.05 var(--serif);
+ letter-spacing: -0.015em;
+}
+
+.pdp-code {
+ margin-bottom: 24px;
+ color: var(--ink-2);
+ font: 400 11px/1.5 var(--mono);
+}
+
+.pdp-testing-link {
+ min-height: 52px;
+ display: flex;
+ gap: 16px;
+ align-items: center;
+ justify-content: space-between;
+ padding-block: 14px;
+ color: var(--espresso);
+ background: transparent;
+ border: 0;
+ border-top: 1px solid var(--line);
+ border-bottom: 1px solid var(--line);
+ border-radius: 0;
+ font: 400 11px/1.4 var(--mono);
+}
+
+.pdp-testing-link:hover {
+ color: var(--terracotta-deep);
+}
+
+.pdp-description {
+ margin: 24px 0;
+ color: var(--ink-2);
+ font-size: 15px;
+}
+
+.pdp-price {
+ display: block;
+ margin-bottom: 24px;
+ font: 500 20px/1 var(--mono);
+ font-variant-numeric: tabular-nums;
+}
+
+.selection-label {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 10px;
+ font-size: 12px;
+ font-weight: 600;
+}
+
+.selection-label span {
+ color: var(--ink-2);
+ font-weight: 400;
+}
+
+.buy-controls {
+ display: grid;
+ grid-template-columns: 112px minmax(0, 1fr);
+ gap: 12px;
+}
+
+.quantity-control {
+ height: 48px;
+ display: grid;
+ grid-template-columns: 36px 1fr 36px;
+ align-items: center;
+ border: 1px solid var(--line-strong);
+}
+
+.quantity-control button,
+.quantity-control input {
+ width: 100%;
+ height: 100%;
+ padding: 0;
+ text-align: center;
+ background: transparent;
+ border: 0;
+ border-radius: 0;
+ font: 500 13px/1 var(--mono);
+}
+
+.quantity-control input {
+ appearance: textfield;
+}
+
+.quantity-control input::-webkit-outer-spin-button,
+.quantity-control input::-webkit-inner-spin-button {
+ margin: 0;
+ appearance: none;
+}
+
+.pdp-note {
+ margin: 12px 0 0;
+ color: var(--ink-2);
+ font-size: 11px;
+ line-height: 1.5;
+}
+
+.buybox-cues {
+ display: grid;
+ gap: 0;
+ margin-top: 24px;
+ border-top: 1px solid var(--line);
+}
+
+.buybox-cue {
+ min-height: 42px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0;
+ background: transparent;
+ border: 0;
+ border-bottom: 1px solid var(--line);
+}
+
+.buybox-cue strong,
+.buybox-cue span {
+ font: 400 10px/1.4 var(--mono);
+}
+
+.buybox-cue strong {
+ color: var(--ink-2);
+ font-weight: 400;
+}
+
+.detail-section {
+ padding-block: 96px;
+}
+
+.detail-section.section-surface {
+ background: var(--porcelain);
+}
+
+.detail-grid {
+ display: grid;
+ grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
+ gap: 64px;
+ align-items: start;
+}
+
+.detail-grid h2 {
+ margin-bottom: 16px;
+}
+
+.detail-grid > div:first-child > p {
+ color: var(--ink-2);
+}
+
+.accordion {
+ border-top: 1px solid var(--line);
+}
+
+.accordion-item {
+ border-bottom: 1px solid var(--line);
+}
+
+.accordion-trigger {
+ width: 100%;
+ min-height: 60px;
+ display: flex;
+ gap: 20px;
+ align-items: center;
+ justify-content: space-between;
+ padding: 18px 0;
+ color: var(--espresso);
+ background: transparent;
+ border: 0;
+ border-radius: 0;
+ font-size: 15px;
+ font-weight: 500;
+ text-align: left;
+}
+
+.accordion-trigger::after {
+ font: 400 16px/1 var(--mono);
+ content: "+";
+}
+
+.accordion-trigger[aria-expanded="true"]::after {
+ content: "−";
+}
+
+.accordion-panel {
+ max-width: 72ch;
+ padding: 0 0 20px;
+ color: var(--ink-2);
+ font-size: 14px;
+}
+
+.accordion-panel p:last-child {
+ margin-bottom: 0;
+}
+
+.mobile-cart-bar {
+ display: none;
+}
+
+/* Article, about, policies */
+
+.article-shell {
+ max-width: 760px;
+ margin-inline: auto;
+}
+
+.article-shell h1 {
+ margin-bottom: 20px;
+ font: 500 clamp(38px, 5.8vw, 64px) / 1.05 var(--serif);
+ letter-spacing: -0.015em;
+}
+
+.article-lede {
+ margin-bottom: 48px;
+ color: var(--ink-2);
+ font-size: 18px;
+ line-height: 1.6;
+}
+
+.article-shell h2 {
+ margin: 48px 0 14px;
+ font: 500 26px/1.2 var(--serif);
+}
+
+.article-shell > p,
+.article-shell li {
+ color: var(--ink-2);
+ font-size: 16px;
+ line-height: 1.7;
+}
+
+.article-callout {
+ margin-block: 40px;
+ padding: 24px 28px;
+ color: var(--espresso);
+ background: var(--parchment);
+ border: 0;
+ border-left: 2px solid var(--terracotta);
+ border-radius: 0;
+ font-size: 14px;
+}
+
+.article-sources {
+ margin-block: 48px 8px;
+ padding: 24px 28px;
+ color: var(--espresso);
+ background: var(--porcelain);
+ border-top: 1px solid var(--line-strong);
+ border-bottom: 1px solid var(--line-strong);
+}
+
+.article-sources .eyebrow {
+ margin-bottom: 10px;
+}
+
+.article-sources p:not(.eyebrow) {
+ margin-bottom: 14px;
+ color: var(--ink-2);
+ font-size: 13px;
+}
+
+.article-sources ul {
+ margin: 0;
+ padding-left: 18px;
+}
+
+.article-sources li {
+ margin-block: 6px;
+ font-size: 12px;
+ line-height: 1.5;
+}
+
+.article-sources a {
+ text-decoration: underline;
+ text-decoration-color: var(--line-strong);
+ text-underline-offset: 3px;
+}
+
+.article-sources a:hover {
+ color: var(--terracotta-deep);
+}
+
+.testing-source-wrap {
+ margin-top: 48px;
+}
+
+.testing-source-wrap .article-sources {
+ max-width: 760px;
+ margin-inline: auto;
+}
+
+/* Drawers, cart, toast */
+
+.drawer-backdrop {
+ position: fixed;
+ z-index: 180;
+ inset: 0;
+ pointer-events: none;
+ background: var(--scrim);
+ opacity: 0;
+ transition: opacity 200ms ease-out;
+}
+
+.drawer-backdrop[data-open="true"] {
+ pointer-events: auto;
+ opacity: 1;
+}
+
+.cart-drawer,
+.mobile-drawer {
+ position: fixed;
+ z-index: 190;
+ top: 0;
+ bottom: 0;
+ display: flex;
+ flex-direction: column;
+ color: var(--espresso);
+ background: var(--porcelain);
+ border-radius: 0;
+ box-shadow: var(--drawer-shadow);
+ transition: transform 280ms cubic-bezier(0.32, 0, 0.16, 1);
+}
+
+.filter-drawer {
+ display: none;
+}
+
+.cart-drawer {
+ right: 0;
+ width: min(420px, 92vw);
+ transform: translateX(102%);
+}
+
+.mobile-drawer {
+ left: 0;
+ width: min(360px, 100vw);
+ transform: translateX(-102%);
+}
+
+.cart-drawer[data-open="true"],
+.mobile-drawer[data-open="true"] {
+ transform: translateX(0);
+}
+
+.drawer-head {
+ min-height: 64px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding-inline: 24px 12px;
+ border-bottom: 1px solid var(--line);
+}
+
+.drawer-head h2 {
+ margin: 0;
+ font: 500 20px/1 var(--serif);
+}
+
+.drawer-close {
+ width: 44px;
+ height: 44px;
+ padding: 0;
+ color: var(--espresso);
+ background: transparent;
+ border: 0;
+ border-radius: 0;
+ font-size: 24px;
+ font-weight: 300;
+}
+
+.mobile-nav {
+ display: flex;
+ flex-direction: column;
+ padding: 12px 24px 24px;
+}
+
+.mobile-nav a {
+ min-height: 56px;
+ display: flex;
+ align-items: center;
+ border-bottom: 1px solid var(--line);
+ font: 500 26px/1.15 var(--serif);
+}
+
+.mobile-nav a:nth-last-child(-n + 3) {
+ min-height: 46px;
+ font: 400 14px/1.3 var(--sans);
+}
+
+.cart-items {
+ flex: 1;
+ padding: 8px 24px 24px;
+ overflow-y: auto;
+}
+
+.cart-item {
+ display: grid;
+ grid-template-columns: 68px minmax(0, 1fr);
+ gap: 16px;
+ padding-block: 20px;
+ border-bottom: 1px solid var(--line);
+}
+
+.cart-item > img {
+ width: 68px;
+ height: 84px;
+ object-fit: cover;
+ background: var(--parchment);
+}
+
+.cart-item-top {
+ display: flex;
+ gap: 12px;
+ align-items: flex-start;
+ justify-content: space-between;
+}
+
+.cart-item-top strong {
+ font-size: 13px;
+ font-weight: 500;
+}
+
+.remove-item {
+ padding: 0;
+ color: var(--ink-2);
+ background: transparent;
+ border: 0;
+ border-radius: 0;
+ font-size: 11px;
+ text-decoration: underline;
+ text-underline-offset: 3px;
+}
+
+.cart-item-meta {
+ margin: 4px 0 12px;
+ color: var(--ink-2);
+ font: 400 9px/1.4 var(--mono);
+}
+
+.cart-item-controls {
+ display: flex;
+ gap: 12px;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.mini-quantity {
+ height: 32px;
+ display: grid;
+ grid-template-columns: 30px 30px 30px;
+ border: 1px solid var(--line-strong);
+}
+
+.mini-quantity button,
+.mini-quantity span {
+ display: grid;
+ place-items: center;
+ padding: 0;
+ background: transparent;
+ border: 0;
+ font: 400 11px/1 var(--mono);
+}
+
+.cart-item-price {
+ font: 500 11px/1 var(--mono);
+}
+
+.cart-footer {
+ padding: 20px 24px 28px;
+ border-top: 1px solid var(--line);
+}
+
+.cart-subtotal {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 18px;
+}
+
+.cart-subtotal strong,
+.cart-subtotal span {
+ font: 500 14px/1 var(--mono);
+}
+
+.cart-terminus {
+ margin-bottom: 18px;
+ padding: 16px 0;
+ color: var(--ink-2);
+ background: transparent;
+ border: 0;
+ border-top: 1px solid var(--line);
+ border-bottom: 1px solid var(--line);
+ font-size: 12px;
+}
+
+.cart-terminus strong {
+ display: block;
+ margin-bottom: 4px;
+ color: var(--espresso);
+ font-weight: 500;
+}
+
+.cart-footer .button,
+.cart-footer button {
+ width: 100%;
+}
+
+.cart-footer .text-link,
+.cart-footer .remove-item {
+ width: auto;
+}
+
+.cart-empty {
+ display: grid;
+ place-items: center;
+ padding: 64px 24px;
+ text-align: center;
+}
+
+.cart-empty h3 {
+ margin-bottom: 10px;
+ font: 500 25px/1.2 var(--serif);
+}
+
+.cart-empty p {
+ color: var(--ink-2);
+ font-size: 13px;
+}
+
+.toast {
+ position: fixed;
+ z-index: 220;
+ right: 24px;
+ bottom: 24px;
+ max-width: min(360px, calc(100vw - 48px));
+ padding: 13px 16px;
+ pointer-events: none;
+ color: var(--cream);
+ background: var(--espresso-deep);
+ border-radius: 0;
+ box-shadow: var(--overlay-shadow);
+ font-size: 13px;
+ opacity: 0;
+ transform: translateY(8px);
+ transition:
+ opacity 160ms ease-out,
+ transform 160ms ease-out;
+}
+
+.toast[data-open="true"] {
+ opacity: 1;
+ transform: translateY(0);
+}
+
+/* Footer */
+
+.site-footer {
+ padding-block: 96px 40px;
+ color: var(--cream);
+ background: var(--espresso);
+}
+
+.footer-brand {
+ grid-column: 1 / -1;
+ margin-bottom: 48px;
+ text-align: center;
+}
+
+.footer-brand .wordmark,
+.site-footer .wordmark-name {
+ color: var(--cream);
+ font-size: 28px;
+}
+
+.footer-brand p {
+ margin: 16px auto 0;
+ color: var(--gold-bright);
+ font: 400 10px/1.5 var(--mono);
+ letter-spacing: 0.1em;
+ text-transform: uppercase;
+}
+
+.footer-grid {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 32px 48px;
+}
+
+.footer-column h2 {
+ margin-bottom: 16px;
+ color: var(--gold-bright);
+ font: 400 10px/1.4 var(--mono);
+ letter-spacing: 0.1em;
+ text-transform: uppercase;
+}
+
+.footer-column a {
+ display: block;
+ margin-bottom: 10px;
+ color: rgba(243, 234, 218, 0.78);
+ font-size: 13px;
+}
+
+.footer-column a:hover {
+ color: var(--cream);
+ text-decoration: underline;
+ text-underline-offset: 4px;
+}
+
+.footer-bottom {
+ display: flex;
+ gap: 24px;
+ align-items: flex-start;
+ justify-content: space-between;
+ margin-top: 64px;
+ padding-top: 24px;
+ color: rgba(243, 234, 218, 0.62);
+ border-top: 1px solid var(--line-on-dark);
+ font: 400 10px/1.5 var(--mono);
+}
+
+/* Optional reveal contract */
+
+html[data-reveal-armed] .reveal {
+ opacity: 0;
+ transform: translateY(14px);
+}
+
+html[data-reveal-armed] .reveal.is-visible {
+ opacity: 1;
+ transform: none;
+ transition:
+ opacity 700ms var(--ease) var(--reveal-delay, 0ms),
+ transform 700ms var(--ease) var(--reveal-delay, 0ms);
+}
+
+/* Tablet */
+
+@media (max-width: 1199px) {
+ :root {
+ --shell: calc(100vw - 48px);
+ }
+
+ .header-main {
+ min-height: 68px;
+ gap: 20px;
+ }
+
+ .primary-nav {
+ gap: 18px;
+ }
+
+ .primary-nav a {
+ font-size: 12px;
+ }
+
+ .wordmark-name,
+ .wordmark-copy {
+ font-size: 22px;
+ }
+
+ .search-wrap {
+ width: 170px;
+ }
+
+ .search-wrap:focus-within {
+ width: 220px;
+ }
+
+ .hero-grid {
+ min-height: 0;
+ padding-block: 48px 64px;
+ }
+
+ .hero-copy {
+ grid-column: 1 / span 6;
+ }
+
+ .hero-visual {
+ grid-column: 7 / -1;
+ }
+
+ .product-grid {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+
+ .testing-feature {
+ padding-inline: 24px;
+ }
+}
+
+/* Mobile shell begins at 960 so PDP/filter behavior matches Fable */
+
+@media (max-width: 960px) {
+ .site-header {
+ display: grid;
+ grid-template-rows: 56px 48px;
+ }
+
+ .header-main {
+ width: 100%;
+ min-height: 56px;
+ display: grid;
+ grid-template-columns: 44px 1fr 44px;
+ gap: 8px;
+ padding-inline: 20px;
+ }
+
+ .primary-nav {
+ display: none;
+ }
+
+ .header-main > .wordmark {
+ grid-column: 2;
+ justify-self: center;
+ }
+
+ .header-main .wordmark-name,
+ .header-main .wordmark-copy {
+ font-size: 20px;
+ }
+
+ .header-utilities,
+ .header-actions {
+ display: contents;
+ }
+
+ .mobile-menu-button {
+ grid-column: 1;
+ grid-row: 1;
+ display: inline-grid;
+ justify-self: start;
+ }
+
+ .mobile-menu-button svg {
+ width: 18px;
+ height: 18px;
+ }
+
+ .header-actions [data-cart-open],
+ .header-utilities [data-cart-open] {
+ grid-column: 3;
+ grid-row: 1;
+ justify-self: end;
+ }
+
+ .search-wrap {
+ grid-column: 1 / -1;
+ grid-row: 2;
+ width: 100%;
+ padding-inline: 20px;
+ border-top: 1px solid var(--line);
+ }
+
+ .search-wrap:focus-within {
+ width: 100%;
+ }
+
+ .search-input {
+ height: 48px;
+ padding-right: 40px;
+ font-size: 16px;
+ }
+
+ .search-results {
+ top: 48px;
+ right: 0;
+ left: 0;
+ width: 100%;
+ }
+
+ .search-shortcut {
+ right: 20px;
+ }
+
+ .category-rail,
+ .category-index {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .product-grid {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .testing-feature {
+ grid-template-columns: 1fr;
+ gap: 56px;
+ padding-block: 72px;
+ }
+
+ .testing-feature-copy,
+ .testing-document {
+ grid-column: 1;
+ }
+
+ .bundle-grid,
+ .education-grid,
+ .journal-grid {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .newsletter {
+ grid-template-columns: 1fr;
+ gap: 32px;
+ }
+
+ .newsletter > div:first-child,
+ .newsletter-form,
+ .newsletter-success {
+ grid-column: 1;
+ }
+
+ .collection-layout {
+ grid-template-columns: 1fr;
+ gap: 32px;
+ }
+
+ .filter-panel {
+ display: none;
+ }
+
+ .filter-drawer-trigger {
+ min-height: 48px;
+ display: flex;
+ grid-column: 1 / -1;
+ align-items: center;
+ justify-content: space-between;
+ padding-inline: 14px;
+ color: var(--espresso);
+ background: var(--parchment);
+ border: 1px solid var(--line-strong);
+ border-radius: 0;
+ font-size: 13px;
+ font-weight: 500;
+ text-align: left;
+ }
+
+ .filter-drawer-trigger [data-filter-label] {
+ color: var(--ink-2);
+ font: 400 10px/1.2 var(--mono);
+ }
+
+ .filter-drawer {
+ position: fixed;
+ z-index: 190;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ max-height: min(76vh, 620px);
+ display: flex;
+ flex-direction: column;
+ visibility: hidden;
+ color: var(--espresso);
+ background: var(--porcelain);
+ border-top: 1px solid var(--line-strong);
+ box-shadow: 0 -24px 64px rgba(58, 42, 31, 0.18);
+ transform: translateY(102%);
+ transition:
+ transform 260ms cubic-bezier(0.32, 0, 0.16, 1),
+ visibility 0s linear 260ms;
+ }
+
+ .filter-drawer[data-open="true"] {
+ visibility: visible;
+ transform: translateY(0);
+ transition-delay: 0s;
+ }
+
+ .filter-drawer-options {
+ padding: 8px 24px calc(24px + env(safe-area-inset-bottom));
+ overflow-y: auto;
+ }
+
+ .filter-drawer .filter-button {
+ min-height: 52px;
+ padding-inline: 0;
+ }
+
+ .filter-drawer .filter-button[aria-pressed="true"] {
+ padding-left: 12px;
+ }
+
+ .filter-drawer .filter-button[aria-pressed="true"]::before {
+ top: 10px;
+ bottom: 10px;
+ }
+
+ .pdp-grid {
+ grid-template-columns: 1fr;
+ gap: 40px;
+ }
+
+ .pdp-buybox {
+ position: static;
+ }
+
+ .mobile-cart-bar {
+ position: fixed;
+ z-index: 70;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ min-height: 56px;
+ display: flex;
+ gap: 16px;
+ align-items: center;
+ justify-content: space-between;
+ padding: 8px 16px calc(8px + env(safe-area-inset-bottom));
+ pointer-events: none;
+ color: var(--espresso);
+ background: var(--porcelain);
+ border-top: 1px solid var(--line-strong);
+ box-shadow: 0 -8px 30px rgba(58, 42, 31, 0.12);
+ opacity: 0;
+ transform: translateY(105%);
+ transition:
+ opacity 200ms ease-out,
+ transform 220ms ease-out;
+ }
+
+ .mobile-cart-bar[data-visible="true"] {
+ pointer-events: auto;
+ opacity: 1;
+ transform: translateY(0);
+ }
+
+ .mobile-cart-caption {
+ min-width: 0;
+ display: block;
+ text-align: left;
+ }
+
+ .mobile-cart-caption strong {
+ display: block;
+ overflow: hidden;
+ font-size: 13px;
+ font-weight: 500;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .mobile-cart-caption > span {
+ display: block;
+ color: var(--ink-2);
+ font: 400 11px/1.4 var(--mono);
+ }
+
+ .mobile-cart-action {
+ min-width: 96px;
+ min-height: 40px;
+ display: grid;
+ place-items: center;
+ padding-inline: 16px;
+ color: var(--cream);
+ background: var(--espresso);
+ font-size: 11px;
+ font-weight: 600;
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ }
+
+ .detail-grid {
+ grid-template-columns: 1fr;
+ gap: 28px;
+ }
+
+ .footer-grid {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+}
+
+@media (max-width: 767px) {
+ :root {
+ --shell: calc(100vw - 40px);
+ }
+
+ .section {
+ padding-block: 64px;
+ }
+
+ .section-tight {
+ padding-block: 64px;
+ }
+
+ .hero-grid {
+ display: block;
+ padding-block: 40px 64px;
+ }
+
+ .hero-copy {
+ max-width: none;
+ }
+
+ .hero-copy h1 {
+ margin-bottom: 16px;
+ font-size: 34px;
+ }
+
+ .hero-copy > p:not(.eyebrow) {
+ font-size: 15px;
+ }
+
+ .hero-actions {
+ display: grid;
+ gap: 20px;
+ margin-top: 28px;
+ }
+
+ .hero-actions .button-primary {
+ width: 100%;
+ }
+
+ .hero-actions .button-secondary {
+ justify-self: center;
+ }
+
+ .hero-visual {
+ width: auto;
+ height: auto;
+ aspect-ratio: 4 / 5;
+ margin: 40px calc((100vw - var(--shell)) / -2) 0;
+ }
+
+ .hero-visual > img {
+ object-position: 64% center;
+ }
+
+ .section-head {
+ display: grid;
+ gap: 18px;
+ align-items: start;
+ margin-bottom: 32px;
+ }
+
+ .category-section-head {
+ margin-top: 72px;
+ }
+
+ .category-rail,
+ .category-index {
+ grid-template-columns: 1fr;
+ gap: 0;
+ }
+
+ .category-tile,
+ .category-index-item {
+ min-height: 72px;
+ align-items: center;
+ padding-block: 16px;
+ }
+
+ .category-arrow {
+ align-self: center;
+ }
+
+ .product-grid {
+ gap: 40px 12px;
+ }
+
+ .product-card .add-button {
+ padding-inline: 10px;
+ font-size: 10px;
+ }
+
+ .testing-feature {
+ padding-inline: 20px;
+ }
+
+ .document-head {
+ display: block;
+ }
+
+ .document-row {
+ grid-template-columns: 1fr;
+ gap: 6px;
+ }
+
+ .document-row span {
+ text-align: left;
+ }
+
+ .bundle-grid,
+ .education-grid,
+ .journal-grid,
+ .value-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .newsletter-form {
+ display: grid;
+ }
+
+ .newsletter-form button {
+ width: 100%;
+ }
+
+ .page-hero {
+ padding-block: 56px 32px;
+ }
+
+ .page-hero h1 {
+ font-size: 38px;
+ }
+
+ .collection-toolbar {
+ grid-template-columns: 1fr;
+ }
+
+ .testing-lookup {
+ grid-template-columns: 1fr;
+ }
+
+ .testing-lookup .button {
+ width: 100%;
+ }
+
+ .testing-row,
+ .spec-row {
+ grid-template-columns: 1fr;
+ gap: 4px;
+ }
+
+ .testing-row > span,
+ .spec-row > span {
+ text-align: left;
+ }
+
+ .pdp-main-image {
+ width: 100vw;
+ margin-left: calc((100% - 100vw) / 2);
+ }
+
+ .buy-controls {
+ grid-template-columns: 104px minmax(0, 1fr);
+ }
+
+ .detail-section {
+ padding-block: 64px;
+ }
+
+ .footer-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .footer-bottom {
+ display: grid;
+ }
+
+ .toast {
+ right: 16px;
+ bottom: calc(72px + env(safe-area-inset-bottom));
+ left: 16px;
+ max-width: none;
+ }
+}
+
+@media (max-width: 360px) {
+ :root {
+ --shell: calc(100vw - 32px);
+ }
+
+ .concept-banner {
+ min-height: 40px;
+ padding-inline: 14px;
+ font-size: 9px;
+ }
+
+ .header-main {
+ padding-inline: 16px;
+ }
+
+ .search-wrap {
+ padding-inline: 16px;
+ }
+
+ .search-shortcut {
+ right: 16px;
+ }
+
+ .product-name {
+ font-size: 13px;
+ }
+
+ .product-card .product-category {
+ font-size: 8px;
+ }
+
+ .testing-micro span,
+ .testing-micro a {
+ font-size: 8px;
+ }
+
+ .testing-micro {
+ align-items: flex-start;
+ }
+
+ .product-buy-row {
+ gap: 6px;
+ }
+
+ .price {
+ font-size: 12px;
+ }
+
+ .product-card .add-button {
+ padding-inline: 8px;
+ }
+}
+
+@media (prefers-reduced-motion: reduce) {
+ html {
+ scroll-behavior: auto;
+ }
+
+ *,
+ *::before,
+ *::after {
+ scroll-behavior: auto !important;
+ transition-duration: 0.01ms !important;
+ animation-duration: 0.01ms !important;
+ animation-iteration-count: 1 !important;
+ }
+
+ html[data-reveal-armed] .reveal,
+ .toast,
+ .mobile-cart-bar {
+ transform: none !important;
+ }
+
+ html[data-reveal-armed] .reveal {
+ opacity: 1 !important;
+ }
+
+ .product-image-wrap:hover > img,
+ .bundle-card:hover .bundle-image img {
+ transform: none;
+ }
+}
+
+/* OVO Labs Porcelain
+ Fable 5 binding override: Datum structure × OVO materials. */
+
+:root {
+ --canvas: #ffffff;
+ --surface: #fbf9f6;
+ --soft: #f3eee6;
+ --ink: #2a1d14;
+ --muted: #6b5d51;
+ --line: #e8e1d6;
+ --primary: #3a2a1f;
+ --hover: #241810;
+ --accent: #8f3b2a;
+ --accent-soft: #f6e7d6;
+ --success: #4a6741;
+ --danger: #b3261e;
+
+ /* Compatibility aliases used by the shared OVO component system. */
+ --cream: #f3eada;
+ --porcelain: var(--surface);
+ --parchment: var(--soft);
+ --espresso: var(--primary);
+ --espresso-deep: var(--ink);
+ --ink-2: var(--muted);
+ --terracotta: #b9553e;
+ --terracotta-deep: var(--accent);
+ --gold: #b08a52;
+ --gold-bright: #c69b63;
+ --cream-on-dark: #f3eada;
+ --line-strong: #cfc4b5;
+ --line-on-dark: rgba(243, 234, 218, 0.2);
+ --shell: min(1280px, calc(100vw - 96px));
+ --drawer-shadow: 0 24px 64px rgba(58, 42, 31, 0.18);
+ --overlay-shadow: 0 14px 42px rgba(42, 29, 20, 0.18);
+}
+
+html {
+ color-scheme: light;
+}
+
+body {
+ color: var(--ink);
+ background: var(--canvas);
+ line-height: 1.55;
+}
+
+:focus-visible {
+ outline: 2px solid var(--accent);
+ outline-offset: 2px;
+}
+
+.site-footer :focus-visible,
+.concept-banner :focus-visible,
+.testing-feature :focus-visible {
+ outline-color: #f3eada;
+}
+
+.eyebrow,
+.product-category,
+.price-label,
+.result-summary {
+ color: var(--accent);
+}
+
+.button,
+.icon-button,
+.cart-button,
+.add-button,
+.pdp-add,
+.newsletter-form button,
+.filter-drawer-trigger {
+ border-radius: 4px;
+}
+
+.button,
+.add-button,
+.pdp-add,
+.newsletter-form button {
+ transition:
+ color 180ms ease,
+ background-color 180ms ease,
+ border-color 180ms ease,
+ opacity 180ms ease,
+ transform 180ms var(--ease);
+}
+
+.button:hover,
+.add-button:hover,
+.pdp-add:hover,
+.newsletter-form button:hover {
+ transform: translateY(-1px);
+}
+
+.button:active,
+.add-button:active,
+.pdp-add:active,
+.newsletter-form button:active {
+ transform: translateY(0);
+}
+
+.button-primary,
+.add-button,
+.pdp-add,
+.newsletter-form button {
+ color: #f3eada;
+ background: var(--primary);
+ border-color: var(--primary);
+}
+
+.button-primary:hover,
+.add-button:hover,
+.pdp-add:hover,
+.newsletter-form button:hover {
+ color: #f3eada;
+ background: var(--hover);
+ border-color: var(--hover);
+}
+
+.button-secondary {
+ color: var(--primary);
+ background: var(--canvas);
+ border-color: var(--line-strong);
+}
+
+.button-secondary:hover {
+ color: var(--accent);
+ background: var(--accent-soft);
+ border-color: var(--accent);
+}
+
+.add-button.is-added,
+.pdp-add.is-added,
+.mobile-cart-bar.is-added {
+ color: #fff;
+ background: var(--success);
+ border-color: var(--success);
+}
+
+/* Fiction banner and product-finding shell */
+
+.concept-banner {
+ min-height: 32px;
+ padding: 6px 20px;
+ color: #f3eada;
+ background: var(--ink);
+ font-size: 10px;
+ line-height: 1.4;
+}
+
+.site-header {
+ position: sticky;
+ top: 0;
+ color: var(--ink);
+ background: rgba(255, 255, 255, 0.98);
+ border-color: var(--line);
+ box-shadow:
+ 0 1px 0 var(--line),
+ 0 8px 24px rgba(42, 29, 20, 0.04);
+ backdrop-filter: blur(16px);
+}
+
+.header-main {
+ min-height: 64px;
+ display: grid;
+ grid-template-columns: auto minmax(0, 1fr) auto;
+ gap: 28px;
+ align-items: center;
+}
+
+.header-main > .wordmark {
+ grid-column: 1;
+ grid-row: 1;
+ min-height: 42px;
+ display: inline-flex;
+ align-items: center;
+ justify-self: start;
+}
+
+.wordmark-name,
+.wordmark-copy {
+ color: var(--ink);
+ font-size: 23px;
+}
+
+.wordmark-dot {
+ color: var(--gold);
+}
+
+.primary-nav {
+ grid-column: 2;
+ grid-row: 1;
+ gap: 24px;
+ justify-self: start;
+}
+
+.primary-nav a {
+ color: var(--ink);
+ font-size: 14px;
+ letter-spacing: 0;
+ text-decoration: none;
+}
+
+.primary-nav a::after {
+ position: absolute;
+ right: 0;
+ bottom: -21px;
+ left: 0;
+ height: 2px;
+ content: "";
+ background: var(--accent);
+ transform: scaleX(0);
+ transform-origin: left;
+ transition: transform 200ms var(--ease);
+}
+
+.primary-nav a:hover,
+.primary-nav a[aria-current="page"] {
+ color: var(--accent);
+ text-decoration: none;
+}
+
+.primary-nav a:hover::after,
+.primary-nav a[aria-current="page"]::after {
+ transform: scaleX(1);
+}
+
+.header-utilities,
+.header-actions {
+ grid-column: 3;
+ grid-row: 1;
+ display: flex;
+ gap: 12px;
+ align-items: center;
+ justify-self: end;
+}
+
+.search-wrap {
+ width: 320px;
+}
+
+.search-wrap:focus-within {
+ width: 320px;
+}
+
+.search-input {
+ height: 42px;
+ padding: 0 44px 0 40px;
+ color: var(--ink);
+ background: var(--soft);
+ border: 1px solid transparent;
+ border-radius: 4px;
+ font: 400 14px/1 var(--sans);
+}
+
+.search-input::placeholder {
+ color: var(--muted);
+ opacity: 1;
+}
+
+.search-input:focus {
+ color: var(--ink);
+ background: var(--canvas);
+ border: 1.5px solid var(--accent);
+ outline: 0;
+}
+
+.search-shortcut {
+ color: var(--muted);
+ font-size: 9px;
+}
+
+.search-results {
+ top: calc(100% + 8px);
+ color: var(--ink);
+ background: var(--surface);
+ border: 1px solid var(--line);
+ border-radius: 10px;
+ box-shadow: var(--overlay-shadow);
+}
+
+.search-result {
+ border-color: var(--line);
+}
+
+.search-result:hover,
+.search-result[aria-selected="true"] {
+ color: var(--ink);
+ background: var(--accent-soft);
+}
+
+.icon-button,
+.cart-button {
+ position: relative;
+ width: 42px;
+ height: 42px;
+ min-width: 42px;
+ display: inline-grid;
+ place-items: center;
+ padding: 0;
+ color: var(--ink);
+ background: var(--canvas);
+ border: 1px solid var(--line);
+}
+
+.mobile-menu-button {
+ display: none;
+}
+
+.icon-button:hover,
+.cart-button:hover {
+ color: var(--accent);
+ background: var(--accent-soft);
+ border-color: var(--accent);
+}
+
+.cart-count {
+ position: absolute;
+ top: -6px;
+ right: -6px;
+ min-width: 18px;
+ height: 18px;
+ display: grid;
+ place-items: center;
+ padding: 0 4px;
+ color: #fff;
+ background: var(--accent);
+ border: 2px solid var(--canvas);
+ border-radius: 999px;
+ font: 500 9px/1 var(--mono);
+}
+
+.category-nav-wrap {
+ display: block;
+ background: var(--canvas);
+ border-top: 1px solid var(--line);
+ border-bottom: 1px solid var(--line);
+}
+
+.category-nav {
+ min-height: 42px;
+ display: flex;
+ gap: 34px;
+ align-items: center;
+ overflow-x: auto;
+ scrollbar-width: none;
+}
+
+.category-nav::-webkit-scrollbar {
+ display: none;
+}
+
+.category-nav a {
+ position: relative;
+ flex: 0 0 auto;
+ min-height: 42px;
+ display: inline-flex;
+ align-items: center;
+ color: var(--muted);
+ font: 500 10px/1 var(--mono);
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+}
+
+.category-nav a::after {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height: 2px;
+ content: "";
+ background: var(--accent);
+ transform: scaleX(0);
+ transform-origin: left;
+ transition: transform 200ms var(--ease);
+}
+
+.category-nav a:hover,
+.category-nav a[aria-current="page"] {
+ color: var(--accent);
+}
+
+.category-nav a:hover::after,
+.category-nav a[aria-current="page"]::after {
+ transform: scaleX(1);
+}
+
+/* Homepage: Datum's hierarchy, OVO's materials */
+
+.home-hero {
+ background: var(--canvas);
+}
+
+.hero-grid {
+ min-height: 510px;
+ display: grid;
+ grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
+ gap: 56px;
+ align-items: center;
+ padding-block: 48px 56px;
+}
+
+.hero-copy {
+ grid-column: 1;
+ max-width: 650px;
+}
+
+.hero-copy .eyebrow::after {
+ display: none;
+}
+
+.hero-copy h1 {
+ max-width: 12ch;
+ margin: 0 0 24px;
+ color: var(--ink);
+ font: 500 clamp(44px, 5vw, 64px) / 1.04 var(--serif);
+ letter-spacing: -0.025em;
+}
+
+.hero-copy h1 em {
+ color: var(--accent);
+ font-weight: 400;
+}
+
+.hero-copy > p:not(.eyebrow) {
+ max-width: 54ch;
+ color: var(--muted);
+ font-size: 18px;
+ line-height: 1.58;
+}
+
+.hero-actions {
+ gap: 12px;
+ margin-top: 32px;
+}
+
+.hero-actions .button-primary,
+.hero-actions .button-secondary {
+ min-height: 48px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0 24px;
+ border: 1px solid;
+ border-radius: 4px;
+ font-size: 12px;
+ font-weight: 600;
+ letter-spacing: 0.04em;
+ text-decoration: none;
+ text-transform: uppercase;
+}
+
+.hero-actions .button-primary {
+ border-color: var(--primary);
+}
+
+.hero-actions .button-secondary {
+ color: var(--primary);
+ background: var(--canvas);
+ border-color: var(--line-strong);
+}
+
+.hero-actions .button-secondary:hover {
+ color: var(--accent);
+ background: var(--accent-soft);
+ border-color: var(--accent);
+}
+
+.hero-visual {
+ position: relative;
+ grid-column: 2;
+ height: auto;
+ aspect-ratio: 4 / 3;
+ margin: 0;
+ overflow: hidden;
+ background: var(--soft);
+ border-radius: 16px;
+}
+
+.hero-visual > img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: 62% center;
+ animation: porcelain-hero-settle 600ms var(--ease) both;
+}
+
+@keyframes porcelain-hero-settle {
+ from {
+ opacity: 0.85;
+ transform: scale(1.03);
+ }
+ to {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+.hero-product-chip,
+.hero-coa-card {
+ position: absolute;
+ z-index: 2;
+ display: grid !important;
+ color: var(--ink);
+ background: rgba(251, 249, 246, 0.96);
+ border: 1px solid rgba(232, 225, 214, 0.92);
+ border-radius: 10px;
+ box-shadow: var(--overlay-shadow);
+ backdrop-filter: blur(10px);
+}
+
+.hero-product-chip {
+ right: 18px;
+ bottom: 18px;
+ width: min(220px, calc(100% - 36px));
+ gap: 5px;
+ padding: 16px;
+}
+
+.hero-product-chip > span,
+.hero-coa-card > span {
+ color: var(--muted);
+ font: 500 9px/1.3 var(--mono);
+ letter-spacing: 0.1em;
+ text-transform: uppercase;
+}
+
+.hero-product-chip strong {
+ font-size: 15px;
+ font-weight: 600;
+}
+
+.hero-product-chip p {
+ margin: 0;
+ color: var(--accent);
+ font: 400 10px/1.4 var(--mono);
+}
+
+.hero-coa-card {
+ bottom: 18px;
+ left: 18px;
+ width: 198px;
+ gap: 10px;
+ padding: 14px;
+}
+
+.hero-coa-row {
+ display: flex;
+ gap: 12px;
+ align-items: center;
+ justify-content: space-between;
+ padding-top: 8px;
+ border-top: 1px solid var(--line);
+}
+
+.hero-coa-row span,
+.hero-coa-row strong {
+ color: var(--muted);
+ font: 400 9px/1.25 var(--mono);
+}
+
+.hero-coa-row strong {
+ color: var(--ink);
+ font-weight: 500;
+}
+
+.testing-status-dot {
+ width: 6px;
+ height: 6px;
+ display: inline-block;
+ margin-right: 6px;
+ background: var(--accent);
+ border-radius: 50%;
+}
+
+.trust-strip {
+ min-height: 64px;
+ display: grid !important;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ color: var(--ink);
+ background: var(--soft);
+ border-top: 1px solid var(--line);
+ border-bottom: 1px solid var(--line);
+}
+
+.trust-item {
+ min-width: 0;
+ display: flex;
+ gap: 9px;
+ align-items: center;
+ justify-content: center;
+ padding: 14px 20px;
+ border-right: 1px solid var(--line);
+}
+
+.trust-item:last-child {
+ border-right: 0;
+}
+
+.trust-item strong {
+ color: var(--accent);
+ font: 500 11px/1.2 var(--mono);
+ letter-spacing: 0.04em;
+ text-transform: uppercase;
+}
+
+.trust-item span {
+ color: var(--ink);
+ font-size: 12px;
+ font-weight: 500;
+}
+
+.section {
+ padding-block: 72px;
+}
+
+.section-tight {
+ padding-block: 64px;
+}
+
+.section-surface {
+ background: var(--soft);
+}
+
+.section-head {
+ margin-bottom: 32px;
+}
+
+.section-head h2,
+.testing-feature h2,
+.newsletter h2,
+.page-hero h1,
+.detail-section h2 {
+ color: var(--ink);
+ font-weight: 500;
+}
+
+.section-head > p,
+.section-head > div > p:last-child:not(.eyebrow) {
+ color: var(--muted);
+}
+
+.collection-feature-section {
+ background: var(--canvas);
+}
+
+.category-section-head {
+ margin-top: 64px;
+ margin-bottom: 28px;
+}
+
+.category-rail,
+.category-index {
+ gap: 16px;
+}
+
+.category-tile,
+.category-index-item {
+ min-height: 112px;
+ align-items: center;
+ padding: 18px;
+ background: var(--surface);
+ border: 1px solid var(--line);
+ border-radius: 10px;
+ transition:
+ border-color 180ms ease,
+ box-shadow 180ms ease,
+ transform 180ms var(--ease);
+}
+
+.category-tile::before,
+.category-index-item::before {
+ color: var(--accent);
+}
+
+.category-tile strong,
+.category-index-item strong {
+ color: var(--ink);
+ font: 600 16px/1.3 var(--sans);
+}
+
+.category-tile span span,
+.category-index-item small {
+ color: var(--muted);
+}
+
+.category-tile:hover,
+.category-index-item:hover {
+ border-color: var(--accent);
+ box-shadow: 0 6px 20px rgba(42, 29, 20, 0.06);
+ transform: translateY(-2px);
+}
+
+/* Product cards */
+
+.product-grid {
+ gap: 24px;
+}
+
+.product-card {
+ min-width: 0;
+ overflow: hidden;
+ color: var(--ink);
+ background: var(--surface);
+ border: 1px solid var(--line);
+ border-radius: 10px;
+ transition:
+ border-color 200ms ease,
+ box-shadow 200ms ease,
+ transform 200ms var(--ease);
+}
+
+.product-card:hover,
+.product-card:focus-within {
+ border-color: #d6c8b9;
+ box-shadow: 0 6px 20px rgba(42, 29, 20, 0.08);
+ transform: translateY(-3px);
+}
+
+.product-image-wrap {
+ aspect-ratio: 1;
+ background: var(--soft);
+}
+
+.product-image-wrap > img {
+ object-fit: cover;
+ object-position: center 46%;
+}
+
+.product-image-label {
+ top: 55%;
+ left: 33%;
+ width: 34%;
+}
+
+.product-card-body {
+ padding: 16px;
+}
+
+.product-card .product-category {
+ color: var(--accent);
+ font: 500 9px/1.35 var(--mono);
+ letter-spacing: 0.06em;
+}
+
+.product-name {
+ color: var(--ink);
+ font-size: 16px;
+ font-weight: 600;
+}
+
+.product-name a:hover {
+ color: var(--accent);
+}
+
+.product-format,
+.product-description,
+.testing-micro span {
+ color: var(--muted);
+}
+
+.product-description {
+ min-height: 40px;
+}
+
+.testing-micro {
+ min-height: 42px;
+ padding: 8px 10px;
+ background: var(--accent-soft);
+ border: 0;
+ border-radius: 4px;
+}
+
+.testing-micro span,
+.testing-micro a {
+ font-size: 9px;
+}
+
+.testing-micro a {
+ min-height: 24px;
+ display: inline-flex;
+ align-items: center;
+ color: var(--accent);
+}
+
+.product-buy-row {
+ grid-template-columns: auto 1fr;
+ gap: 12px;
+ align-items: center;
+}
+
+.price {
+ color: var(--ink);
+ font: 500 15px/1.2 var(--sans);
+ font-variant-numeric: tabular-nums;
+}
+
+.product-card .add-button {
+ min-height: 44px;
+ justify-self: stretch;
+ color: #f3eada;
+ background: var(--primary);
+ border-color: var(--primary);
+ border-radius: 4px;
+ font-size: 11px;
+}
+
+@media (hover: hover) and (pointer: fine) {
+ .product-card .add-button {
+ opacity: 0;
+ transform: translateY(4px);
+ }
+
+ .product-card:hover .add-button,
+ .product-card:focus-within .add-button {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+/* Supporting commerce surfaces */
+
+.testing-feature-section {
+ padding: 0;
+ background: var(--ink);
+}
+
+.testing-feature {
+ color: #f3eada;
+ background: var(--ink);
+}
+
+.testing-feature-copy .eyebrow {
+ color: #c69b63;
+}
+
+.testing-feature-copy h2,
+.document-row strong {
+ color: #f3eada;
+}
+
+.testing-feature-copy > p:not(.eyebrow),
+.document-row span,
+.document-head {
+ color: rgba(243, 234, 218, 0.78);
+}
+
+.testing-document-dark .testing-state {
+ color: var(--ink);
+}
+
+.testing-feature-copy .button-secondary {
+ min-height: 44px;
+ display: inline-flex;
+ align-items: center;
+ padding: 0 18px;
+ color: #f3eada;
+ background: transparent;
+ border: 1px solid rgba(243, 234, 218, 0.45);
+ border-radius: 4px;
+ text-decoration: none;
+}
+
+.testing-feature-copy .button-secondary:hover {
+ color: var(--ink);
+ background: #f3eada;
+ border-color: #f3eada;
+}
+
+.bundle-card,
+.education-card,
+.journal-card,
+.value-card,
+.lookup-card {
+ overflow: hidden;
+ color: var(--ink);
+ background: var(--surface);
+ border: 1px solid var(--line);
+ border-radius: 10px;
+}
+
+.bundle-image,
+.education-card,
+.journal-card {
+ background: var(--soft);
+}
+
+.bundle-body,
+.education-card,
+.journal-card,
+.value-card {
+ padding: 20px;
+}
+
+.bundle-image {
+ aspect-ratio: 4 / 3;
+}
+
+.bundle-image img {
+ object-fit: cover;
+}
+
+.bundle-footer .add-button {
+ min-height: 44px;
+ border-radius: 4px;
+}
+
+.newsletter-section,
+.newsletter {
+ background: var(--soft);
+}
+
+.newsletter {
+ padding: 36px;
+ border: 1px solid var(--line);
+ border-radius: 10px;
+}
+
+.newsletter h2 {
+ color: var(--ink);
+}
+
+.newsletter p {
+ color: var(--muted);
+}
+
+.newsletter-form input,
+.collection-search,
+.testing-lookup input {
+ color: var(--ink);
+ background: var(--canvas);
+ border: 1px solid var(--line-strong);
+ border-radius: 4px;
+}
+
+.newsletter-form input:focus,
+.collection-search:focus,
+.testing-lookup input:focus {
+ border-color: var(--accent);
+ outline: 2px solid var(--accent-soft);
+ outline-offset: 1px;
+}
+
+.newsletter-form input[aria-invalid="true"],
+.collection-search[aria-invalid="true"],
+.testing-lookup input[aria-invalid="true"] {
+ border-color: var(--danger);
+}
+
+.page-hero {
+ padding-block: 56px 36px;
+ background: var(--canvas);
+}
+
+.page-hero h1 {
+ max-width: 16ch;
+ color: var(--ink);
+}
+
+.page-hero .shell > p:last-child:not(.eyebrow) {
+ color: var(--muted);
+}
+
+.filter-panel {
+ top: 128px;
+ padding: 18px;
+ background: var(--surface);
+ border: 1px solid var(--line);
+ border-radius: 10px;
+}
+
+.filter-button {
+ color: var(--muted);
+ border-color: var(--line);
+}
+
+.filter-button:hover,
+.filter-button[aria-pressed="true"] {
+ color: var(--accent);
+}
+
+.filter-button[aria-pressed="true"]::before {
+ background: var(--accent);
+}
+
+.collection-toolbar {
+ gap: 16px;
+ padding: 14px;
+ background: var(--surface);
+ border: 1px solid var(--line);
+ border-radius: 10px;
+}
+
+.collection-sort {
+ height: 44px;
+ color: var(--ink);
+ background-color: var(--canvas);
+ border-color: var(--line-strong);
+ border-radius: 4px;
+}
+
+.empty-state {
+ padding: 56px 24px;
+ background: var(--surface);
+ border: 1px solid var(--line);
+ border-radius: 10px;
+}
+
+.lookup-card {
+ margin-bottom: 12px;
+ padding: 22px;
+}
+
+.testing-table,
+.spec-table {
+ border-color: var(--line);
+}
+
+.testing-row,
+.spec-row {
+ border-color: var(--line);
+}
+
+.testing-row > span,
+.spec-row > span,
+.testing-state {
+ color: var(--muted);
+}
+
+.testing-state {
+ padding: 5px 8px;
+ background: var(--accent-soft);
+ border-radius: 4px;
+}
+
+/* PDP */
+
+.product-page {
+ padding-block: 36px 84px;
+ background: var(--canvas);
+}
+
+.breadcrumb,
+.pdp-code,
+.pdp-description,
+.pdp-note,
+.buybox-cue strong {
+ color: var(--muted);
+}
+
+.breadcrumb a:hover,
+.pdp-testing-link:hover {
+ color: var(--accent);
+}
+
+.pdp-grid {
+ grid-template-columns: minmax(0, 6fr) minmax(380px, 6fr);
+ gap: clamp(40px, 6vw, 80px);
+}
+
+.pdp-main-image {
+ overflow: hidden;
+ background: var(--soft);
+ border-radius: 16px;
+}
+
+.pdp-main-image > img {
+ object-position: center 46%;
+}
+
+.pdp-thumb {
+ overflow: hidden;
+ background: var(--soft);
+ border-color: var(--line);
+ border-radius: 4px;
+}
+
+.pdp-thumb[aria-current="true"] {
+ border-color: var(--accent);
+ box-shadow: inset 0 -2px 0 var(--accent);
+}
+
+.pdp-buybox {
+ top: 144px;
+ padding: 28px;
+ background: var(--surface);
+ border: 1px solid var(--line);
+ border-radius: 10px;
+}
+
+.pdp-buybox h1,
+.pdp-price {
+ color: var(--ink);
+}
+
+.pdp-testing-link {
+ color: var(--ink);
+ background: var(--accent-soft);
+ border: 0;
+ border-radius: 4px;
+ padding-inline: 12px;
+}
+
+.quantity-control {
+ height: 48px;
+ overflow: hidden;
+ background: var(--canvas);
+ border-color: var(--line-strong);
+ border-radius: 4px;
+}
+
+.quantity-control button {
+ min-width: 40px;
+}
+
+.buybox-cues,
+.accordion {
+ border-color: var(--line);
+}
+
+.buybox-cue,
+.accordion-item {
+ border-color: var(--line);
+}
+
+.detail-section.section-surface {
+ background: var(--soft);
+}
+
+/* Drawers and footer */
+
+.drawer-backdrop {
+ background: rgba(42, 29, 20, 0.46);
+}
+
+.cart-drawer,
+.mobile-drawer,
+.filter-drawer {
+ color: var(--ink);
+ background: var(--surface);
+ box-shadow: var(--drawer-shadow);
+}
+
+.drawer-head,
+.cart-item,
+.cart-footer {
+ border-color: var(--line);
+}
+
+.drawer-close {
+ border-radius: 4px;
+}
+
+.mobile-nav-heading {
+ display: block;
+ padding: 18px 0 8px;
+ color: var(--accent);
+ border-top: 1px solid var(--line);
+ font: 500 10px/1.4 var(--mono);
+ letter-spacing: 0.1em;
+ text-transform: uppercase;
+}
+
+.mobile-nav > a:nth-child(-n + 4) {
+ font: 600 20px/1.3 var(--sans);
+}
+
+.mobile-nav .mobile-category-link {
+ min-height: 42px;
+ padding-left: 12px;
+ color: var(--muted);
+ font: 500 13px/1.3 var(--sans);
+}
+
+.remove-item {
+ color: var(--danger);
+}
+
+.toast {
+ color: #fff;
+ background: var(--success);
+ border-radius: 4px;
+}
+
+.site-footer {
+ color: #f3eada;
+ background: var(--ink);
+ border-color: rgba(243, 234, 218, 0.16);
+}
+
+.site-footer .wordmark-name,
+.site-footer h2,
+.site-footer a,
+.site-footer p,
+.site-footer span,
+.footer-bottom {
+ color: #f3eada;
+}
+
+.site-footer a:hover {
+ color: #fff;
+}
+
+.site-footer .footer-column a {
+ width: 100%;
+ min-height: 28px;
+ display: flex;
+ align-items: center;
+}
+
+/* Responsive Porcelain contract */
+
+@media (max-width: 1199px) {
+ :root {
+ --shell: calc(100vw - 48px);
+ }
+
+ .header-main {
+ gap: 20px;
+ }
+
+ .primary-nav {
+ gap: 18px;
+ }
+
+ .search-wrap,
+ .search-wrap:focus-within {
+ width: 260px;
+ }
+
+ .hero-grid {
+ grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
+ gap: 36px;
+ }
+
+ .product-grid {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+}
+
+@media (max-width: 960px) {
+ .site-header {
+ display: block;
+ }
+
+ .header-main {
+ width: 100%;
+ min-height: 112px;
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) 44px 44px;
+ grid-template-rows: 56px 56px;
+ gap: 0 8px;
+ padding-inline: 20px;
+ }
+
+ .primary-nav {
+ display: none;
+ }
+
+ .header-main > .wordmark {
+ grid-column: 1;
+ grid-row: 1;
+ justify-self: start;
+ }
+
+ .header-main .wordmark-name {
+ font-size: 21px;
+ }
+
+ .header-utilities,
+ .header-actions {
+ display: contents;
+ }
+
+ .mobile-menu-button {
+ grid-column: 2;
+ grid-row: 1;
+ display: inline-grid;
+ justify-self: end;
+ }
+
+ .header-utilities [data-cart-open],
+ .header-actions [data-cart-open] {
+ grid-column: 3;
+ grid-row: 1;
+ justify-self: end;
+ }
+
+ .search-wrap,
+ .search-wrap:focus-within {
+ grid-column: 1 / -1;
+ grid-row: 2;
+ width: 100%;
+ align-self: center;
+ padding: 0;
+ border: 0;
+ }
+
+ .search-input {
+ height: 44px;
+ }
+
+ .search-shortcut {
+ right: 14px;
+ }
+
+ .search-results {
+ top: calc(100% + 4px);
+ }
+
+ .category-nav-wrap {
+ position: relative;
+ overflow: hidden;
+ }
+
+ .category-nav-wrap::after {
+ position: absolute;
+ z-index: 2;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 32px;
+ pointer-events: none;
+ content: "";
+ background: linear-gradient(90deg, transparent, var(--canvas));
+ }
+
+ .category-nav {
+ width: 100%;
+ min-height: 42px;
+ gap: 26px;
+ padding-inline: 20px 44px;
+ }
+
+ .hero-grid {
+ min-height: 0;
+ grid-template-columns: 1fr;
+ gap: 36px;
+ padding-block: 40px 48px;
+ }
+
+ .hero-copy,
+ .hero-visual {
+ grid-column: 1;
+ }
+
+ .hero-copy {
+ max-width: 720px;
+ }
+
+ .hero-copy h1 {
+ max-width: 13ch;
+ }
+
+ .hero-visual {
+ width: 100%;
+ aspect-ratio: 4 / 3;
+ }
+
+ .trust-strip {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .trust-item:nth-child(2) {
+ border-right: 0;
+ }
+
+ .trust-item:nth-child(-n + 2) {
+ border-bottom: 1px solid var(--line);
+ }
+
+ .product-grid {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 18px;
+ }
+
+ .testing-feature {
+ gap: 48px;
+ padding-block: 64px;
+ }
+
+ .pdp-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .pdp-buybox {
+ position: static;
+ }
+
+ .filter-drawer-trigger {
+ color: var(--ink);
+ background: var(--surface);
+ border-color: var(--line-strong);
+ border-radius: 4px;
+ }
+
+ .filter-drawer {
+ border-radius: 16px 16px 0 0;
+ }
+
+ .mobile-cart-bar {
+ color: var(--ink);
+ background: var(--surface);
+ border-color: var(--line);
+ }
+
+ .mobile-cart-action {
+ color: #f3eada;
+ background: var(--primary);
+ border-radius: 4px;
+ }
+}
+
+@media (max-width: 767px) {
+ :root {
+ --shell: calc(100vw - 40px);
+ }
+
+ .concept-banner {
+ min-height: 42px;
+ padding-inline: 16px;
+ font-size: 9px;
+ }
+
+ .hero-grid {
+ display: grid;
+ padding-block: 32px 40px;
+ }
+
+ .hero-copy h1 {
+ margin-bottom: 18px;
+ font-size: 40px;
+ }
+
+ .hero-copy > p:not(.eyebrow) {
+ font-size: 16px;
+ }
+
+ .hero-actions {
+ display: grid;
+ gap: 10px;
+ margin-top: 26px;
+ }
+
+ .hero-actions .button-primary,
+ .hero-actions .button-secondary {
+ width: 100%;
+ min-height: 48px;
+ }
+
+ .hero-visual {
+ aspect-ratio: 4 / 5;
+ margin: 0;
+ }
+
+ .hero-product-chip {
+ right: 12px;
+ bottom: 12px;
+ width: calc(100% - 24px);
+ }
+
+ .hero-coa-card {
+ display: none !important;
+ }
+
+ .trust-item {
+ min-height: 64px;
+ display: grid;
+ gap: 3px;
+ justify-content: start;
+ padding: 12px 20px;
+ }
+
+ .trust-item span {
+ font-size: 11px;
+ }
+
+ .section {
+ padding-block: 56px;
+ }
+
+ .section-head {
+ margin-bottom: 26px;
+ }
+
+ .category-section-head {
+ margin-top: 56px;
+ }
+
+ .category-rail,
+ .category-index {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 10px;
+ }
+
+ .category-tile,
+ .category-index-item {
+ min-height: 112px;
+ align-items: flex-start;
+ padding: 14px;
+ }
+
+ .category-tile::before,
+ .category-index-item::before {
+ display: none;
+ }
+
+ .category-tile strong,
+ .category-index-item strong {
+ font-size: 14px;
+ }
+
+ .product-grid {
+ gap: 14px 10px;
+ }
+
+ .product-card-body {
+ padding: 12px;
+ }
+
+ .product-name {
+ font-size: 14px;
+ }
+
+ .product-description {
+ min-height: 54px;
+ font-size: 11px;
+ -webkit-line-clamp: 3;
+ }
+
+ .testing-micro {
+ min-height: 48px;
+ display: grid;
+ gap: 2px;
+ align-content: center;
+ }
+
+ .testing-micro a {
+ min-height: 24px;
+ }
+
+ .product-buy-row {
+ grid-template-columns: 1fr;
+ gap: 8px;
+ }
+
+ .product-card .add-button {
+ width: 100%;
+ min-height: 44px;
+ opacity: 1;
+ transform: none;
+ }
+
+ .testing-feature {
+ padding: 56px 20px;
+ }
+
+ .newsletter {
+ padding: 24px;
+ }
+
+ .page-hero {
+ padding-block: 48px 28px;
+ }
+
+ .pdp-main-image {
+ width: 100%;
+ margin-left: 0;
+ border-radius: 12px;
+ }
+
+ .pdp-buybox {
+ padding: 22px;
+ }
+
+ .site-footer {
+ padding-bottom: calc(40px + env(safe-area-inset-bottom));
+ }
+}
+
+@media (max-width: 360px) {
+ :root {
+ --shell: calc(100vw - 32px);
+ }
+
+ .header-main {
+ padding-inline: 16px;
+ }
+
+ .category-nav {
+ padding-left: 16px;
+ }
+
+ .hero-copy h1 {
+ font-size: 36px;
+ }
+
+ .product-card-body {
+ padding: 10px;
+ }
+
+ .product-card .product-category,
+ .product-format,
+ .testing-micro span,
+ .testing-micro a {
+ font-size: 8px;
+ }
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .hero-visual > img {
+ animation: none !important;
+ }
+
+ .product-card,
+ .category-tile,
+ .category-index-item,
+ .product-card .add-button {
+ transform: none !important;
+ }
+}
diff --git a/biologix-strategy-board/ovo-labs-porcelain/site.js b/biologix-strategy-board/ovo-labs-porcelain/site.js
new file mode 100644
index 0000000..302c37d
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-porcelain/site.js
@@ -0,0 +1,2217 @@
+(() => {
+ "use strict";
+
+ const body = document.body;
+ const root = document.querySelector("#site-root");
+ if (!root) return;
+
+ const BASE = body.dataset.base || ".";
+ const PAGE = body.dataset.page || "home";
+ const PRODUCT_SLUG = body.dataset.product || "";
+ const CART_KEY = "ovo-porcelain-demo-cart-v2";
+ const RECENT_KEY = "ovo-porcelain-recent-products-v1";
+ const NEWSLETTER_KEY = "ovo-porcelain-newsletter-preference-v1";
+ const LEGACY_KEYS = {
+ cart: "ovo-porcelain-demo-cart-v1",
+ recent: "ovo-porcelain-recent-products-v0",
+ newsletter: "ovo-porcelain-newsletter-preference-v0",
+ };
+ const MAX_QUANTITY = 10;
+
+ const money = new Intl.NumberFormat("en-US", {
+ style: "currency",
+ currency: "USD",
+ maximumFractionDigits: 0,
+ });
+
+ const PRODUCTS = [
+ {
+ slug: "retatrutide",
+ code: "OVO-001",
+ name: "Retatrutide",
+ category: "GLP-1 & Metabolic",
+ categoryKey: "metabolic",
+ strength: "10 mg",
+ format: "Lyophilized vial",
+ price: 105,
+ descriptor: "Single-compound catalog reference in the GLP-1 & Metabolic collection.",
+ facts: ["10 mg labeled amount", "Single-vial format", "No result reported"],
+ overview:
+ "A single-compound catalog entry in a 10 mg single-vial format. Identity, labeled amount, format, and testing status stay together.",
+ },
+ {
+ slug: "tirzepatide",
+ code: "OVO-002",
+ name: "Tirzepatide",
+ category: "GLP-1 & Metabolic",
+ categoryKey: "metabolic",
+ strength: "10 mg",
+ format: "Lyophilized vial",
+ price: 100,
+ descriptor: "Single-compound catalog reference in the GLP-1 & Metabolic collection.",
+ facts: ["10 mg labeled amount", "Single-vial format", "No result reported"],
+ overview:
+ "A single-compound catalog entry in a 10 mg single-vial format. Its essential product facts and testing status remain in one decision block.",
+ },
+ {
+ slug: "semaglutide",
+ code: "OVO-003",
+ name: "Semaglutide",
+ category: "GLP-1 & Metabolic",
+ categoryKey: "metabolic",
+ strength: "10 mg",
+ format: "Lyophilized vial",
+ price: 90,
+ descriptor: "Single-compound catalog reference in the GLP-1 & Metabolic collection.",
+ facts: ["10 mg labeled amount", "Single-vial format", "No result reported"],
+ overview:
+ "A single-compound catalog entry in a 10 mg single-vial format, presented with consistent product facts and visible testing status.",
+ },
+ {
+ slug: "cagrilintide",
+ code: "OVO-004",
+ name: "Cagrilintide",
+ category: "GLP-1 & Metabolic",
+ categoryKey: "metabolic",
+ strength: "10 mg",
+ format: "Lyophilized vial",
+ price: 89,
+ descriptor: "Single-compound catalog reference in the GLP-1 & Metabolic collection.",
+ facts: ["10 mg labeled amount", "Single-vial format", "No result reported"],
+ overview:
+ "A single-compound catalog entry in a 10 mg single-vial format, organized around identity, labeled amount, and testing status.",
+ },
+ {
+ slug: "bpc-157",
+ code: "OVO-005",
+ name: "BPC-157",
+ category: "Research Peptides",
+ categoryKey: "research",
+ strength: "10 mg",
+ format: "Lyophilized vial",
+ price: 60,
+ descriptor: "Single-compound catalog reference in the Research Peptides collection.",
+ facts: ["10 mg labeled amount", "Single-vial format", "No result reported"],
+ overview:
+ "A single-compound catalog entry in a 10 mg single-vial format, with concise product facts and visible testing status.",
+ },
+ {
+ slug: "tb-500",
+ code: "OVO-006",
+ name: "TB-500",
+ category: "Research Peptides",
+ categoryKey: "research",
+ strength: "10 mg",
+ format: "Lyophilized vial",
+ price: 68,
+ descriptor: "Single-compound catalog reference in the Research Peptides collection.",
+ facts: ["10 mg labeled amount", "Single-vial format", "No result reported"],
+ overview:
+ "A single-compound catalog entry in a 10 mg single-vial format, with identity, format, price, and testing status together.",
+ },
+ {
+ slug: "cjc-1295",
+ code: "OVO-007",
+ name: "CJC-1295",
+ category: "Growth Hormone Research",
+ categoryKey: "growth",
+ strength: "5 mg",
+ format: "Lyophilized vial",
+ price: 52,
+ descriptor: "Single-compound catalog reference in the Growth Hormone Research collection.",
+ facts: ["5 mg labeled amount", "Single-vial format", "No result reported"],
+ overview:
+ "A single-compound catalog entry in a 5 mg single-vial format, composed for direct finding, comparison, and inspection.",
+ },
+ {
+ slug: "ipamorelin",
+ code: "OVO-008",
+ name: "Ipamorelin",
+ category: "Growth Hormone Research",
+ categoryKey: "growth",
+ strength: "5 mg",
+ format: "Lyophilized vial",
+ price: 45,
+ descriptor: "Single-compound catalog reference in the Growth Hormone Research collection.",
+ facts: ["5 mg labeled amount", "Single-vial format", "No result reported"],
+ overview:
+ "A single-compound catalog entry in a 5 mg single-vial format, with comparable facts and visible testing status.",
+ },
+ {
+ slug: "cjc-ipamorelin-blend",
+ code: "OVO-009",
+ name: "CJC-1295 + Ipamorelin",
+ category: "Peptide Blends",
+ categoryKey: "blends",
+ strength: "10 mg",
+ format: "Dual-compound vial",
+ price: 92,
+ descriptor: "Defined two-compound catalog reference in the Peptide Blends collection.",
+ facts: ["5 mg + 5 mg labeled", "Single-vial blend format", "No result reported"],
+ overview:
+ "A two-compound blend shown as its own product, with each constituent and the testing status kept explicit.",
+ },
+ {
+ slug: "bpc-tb-blend",
+ code: "OVO-010",
+ name: "BPC-157 + TB-500",
+ category: "Peptide Blends",
+ categoryKey: "blends",
+ strength: "20 mg",
+ format: "Dual-compound vial",
+ price: 118,
+ descriptor: "Defined two-compound catalog reference in the Peptide Blends collection.",
+ facts: ["10 mg + 10 mg labeled", "Single-vial blend format", "No result reported"],
+ overview:
+ "A two-compound blend with its own product identity, labeled composition, and testing status.",
+ },
+ ];
+
+ const BUNDLES = [
+ {
+ slug: "metabolic-reference-set",
+ code: "OVO-S01",
+ name: "Metabolic Reference Set",
+ category: "Curated Set",
+ strength: "2 vials",
+ format: "Retatrutide + Cagrilintide",
+ price: 169,
+ descriptor: "Two individually identified entries from the metabolic collection.",
+ productSlugs: ["retatrutide", "cagrilintide"],
+ },
+ {
+ slug: "peptide-pair-set",
+ code: "OVO-S02",
+ name: "Peptide Pair Set",
+ category: "Curated Set",
+ strength: "2 vials",
+ format: "BPC-157 + TB-500",
+ price: 108,
+ descriptor: "Two individually identified entries from the research peptide collection.",
+ productSlugs: ["bpc-157", "tb-500"],
+ },
+ {
+ slug: "secretagogue-reference-set",
+ code: "OVO-S03",
+ name: "Secretagogue Reference Set",
+ category: "Curated Set",
+ strength: "2 vials",
+ format: "CJC-1295 + Ipamorelin",
+ price: 82,
+ descriptor: "Two individually identified entries from the growth-hormone research collection.",
+ productSlugs: ["cjc-1295", "ipamorelin"],
+ },
+ ];
+
+ const CATEGORIES = [
+ { key: "all", name: "Shop All", note: `${PRODUCTS.length} products` },
+ { key: "metabolic", name: "GLP-1 & Metabolic", note: "4 individual compounds" },
+ { key: "research", name: "Research Peptides", note: "2 individual compounds" },
+ { key: "growth", name: "Growth Hormone Research", note: "2 individual compounds" },
+ { key: "blends", name: "Peptide Blends", note: "2 defined blends" },
+ ];
+
+ const ARTICLES = [
+ {
+ slug: "reading-testing-status",
+ title: "How to read a testing status",
+ summary: "A result, a specification, and an unreported field are three different things.",
+ },
+ {
+ slug: "choosing-by-molecule",
+ title: "Shop by molecule, not by hype",
+ summary: "A practical catalog framework for comparing identity, strength, format, and evidence state.",
+ },
+ {
+ slug: "coa-boundaries",
+ title: "What a COA can—and cannot—show",
+ summary: "Why a document’s method and scope matter more than the letters at the top.",
+ },
+ ];
+
+ const ALL_CART_ITEMS = [...PRODUCTS, ...BUNDLES];
+
+ const icons = {
+ menu:
+ '→ ',
+ };
+
+ function path(relative) {
+ return `${BASE}/${relative}`.replace(/\/\.\//g, "/");
+ }
+
+ function productPath(product) {
+ return path(`peptides/${product.slug}.html`);
+ }
+
+ function escapeHtml(value) {
+ return String(value)
+ .replaceAll("&", "&")
+ .replaceAll("<", "<")
+ .replaceAll(">", ">")
+ .replaceAll('"', """)
+ .replaceAll("'", "'");
+ }
+
+ function track(event, properties = {}) {
+ const payload = {
+ event,
+ page_type: PAGE,
+ timestamp: new Date().toISOString(),
+ ...properties,
+ };
+ window.dataLayer = window.dataLayer || [];
+ window.dataLayer.push(payload);
+ window.dispatchEvent(new CustomEvent("ovo-porcelain:analytics", { detail: payload }));
+ }
+
+ window.OVOPorcelainAnalytics = {
+ events: () => [...(window.dataLayer || [])],
+ clear: () => {
+ window.dataLayer = [];
+ },
+ };
+ window.OVOAnalytics = window.OVOPorcelainAnalytics;
+
+ function activePage(name) {
+ if (name === "shop" && ["collection", "product"].includes(PAGE)) return true;
+ if (name === "testing" && PAGE === "testing") return true;
+ if (name === "sets" && PAGE === "bundles") return true;
+ if (name === "journal" && ["learn", "article"].includes(PAGE)) return true;
+ if (name === "about" && ["about", "policy"].includes(PAGE)) return true;
+ return false;
+ }
+
+ function header() {
+ const nav = [
+ ["shop", "Shop", "catalog.html"],
+ ["sets", "Bundles", "bundles.html"],
+ ["testing", "Testing", "testing.html"],
+ ["journal", "Notes", "notes.html"],
+ ];
+ const categoryLinks = CATEGORIES.map(
+ (category) => `
+ ${category.name}
+ `,
+ ).join("");
+
+ return `
+ Skip to content
+
+ Fictional concept storefront. Nothing here is real, stocked, or for sale.
+
+
+ `;
+ }
+
+ function footer() {
+ return `
+
+ `;
+ }
+
+ function filterControls() {
+ return CATEGORIES.map(
+ (category) => `
+
+ ${category.name}
+ ${category.key === "all" ? PRODUCTS.length : PRODUCTS.filter((product) => product.categoryKey === category.key).length}
+
+ `,
+ ).join("");
+ }
+
+ function drawers() {
+ const collectionFilterDrawer =
+ PAGE === "collection"
+ ? `
+
+
+
Filter by research area
+ ×
+
+
+ ${filterControls()}
+
+
+
+
+
Your cart
+ ×
+
+
+
+
+ `;
+ }
+
+ function layout(main) {
+ root.innerHTML = `${header()}${main} ${footer()}${drawers()}`;
+ }
+
+ function productImage(product, eager = false) {
+ return `
+
+ ${escapeHtml(product.name)}
+ ${escapeHtml(product.strength)} · ${escapeHtml(product.code)}
+
+ `;
+ }
+
+ function productCard(product, options = {}) {
+ const { eager = false } = options;
+ return `
+
+
+ ${productImage(product, eager)}
+
+
+
${escapeHtml(product.code)} · ${escapeHtml(product.category)}
+
+
${escapeHtml(product.format)}
+
${escapeHtml(product.descriptor)}
+
+
Testing · No result reported
+
View
+
+
+
+ ${money.format(product.price)}
+
+
Add
+
+
+ `;
+ }
+
+ function categoryRail() {
+ return `
+
+ `;
+ }
+
+ function bundleCard(bundle) {
+ const items = bundle.productSlugs.map((slug) => PRODUCTS.find((product) => product.slug === slug));
+ const individualTotal = items.reduce((sum, product) => sum + product.price, 0);
+ const arithmetic = `${items.map((product) => money.format(product.price)).join(" + ")} = ${money.format(individualTotal)}`;
+ return `
+
+
+
+
+
${escapeHtml(bundle.code)} · Curated set
+
${escapeHtml(bundle.name)}
+
${escapeHtml(bundle.descriptor)}
+
+ ${items
+ .map(
+ (product) =>
+ `${escapeHtml(product.name)} ${escapeHtml(product.strength)} · ${money.format(product.price)}
+
Individual concepts ${arithmetic}
+
+
+ `;
+ }
+
+ function newsletter() {
+ return `
+
+
+
+
Private reading
+
OVO notes, kept concise.
+
Catalog additions, document updates, and considered reading. No dosing or medical-use content.
+
+
+
+
+ `;
+ }
+
+ function homePage() {
+ return `
+
+
+
+
Peptide science, refined.
+
A considered catalog, without the mystery.
+
Ten distinct compounds and blends with clear formats, visible testing status, and a fast path from search to a browser-local cart.
+
+
+
+
+
+
10 distinct compounds
+
4 clear categories
+
Search by molecule or code
+
Visible testing status on every item
+
+
+
+
+ ${PRODUCTS.slice(0, 4)
+ .map((product, index) => productCard(product, { eager: index < 2 }))
+ .join("")}
+
+
+
+
Shop by category
+
Four precise ways in.
+
+
Browse by research area, or use the persistent search when you already know the molecule or OVO code.
+
+ ${categoryRail()}
+
+
+
+
+
Testing
+
Evidence, without ornament.
+
Every product carries its testing status at the point of choice. A reported result and an unreported field remain visibly distinct.
+
Read the testing framework
+
+
+
+
+ OVO-001 · Retatrutide
+ TESTING STATUS
+
+
NO RESULT REPORTED
+
+
Identity Method not assigned · Result not reported
+
Content / mass Method not assigned · Result not reported
+
Purity profile Method not assigned · Result not reported
+
Sterility / endotoxin Not represented · Result not reported
+
+
+
+
+
+
${BUNDLES.map(bundleCard).join("")}
+
+
+
+
+
+ ${ARTICLES.map(
+ (article) => `
+
+
+
4 minute guide
+
${escapeHtml(article.title)}
+
${escapeHtml(article.summary)}
+
Read the guide ${icons.arrow}
+
+ `,
+ ).join("")}
+
+
+ ${newsletter()}
+ `;
+ }
+
+ function collectionPage() {
+ return `
+
+
+
The full catalog
+
Find the exact peptide entry.
+
Filter by research area, search by molecule or product code, then compare strength, format, testing status, and price without leaving the grid.
+
+
+
+
+ Research area
+ ${filterControls()}
+
+
+
Catalog products
+
+
+ Filters
+ All products
+
+ Search within the catalog
+ Sort products
+
+ Sort: Featured
+ Name: A–Z
+ Price: Low–high
+ Price: High–low
+
+
+
${PRODUCTS.length} products
+
+ ${PRODUCTS.map((product) => productCard(product)).join("")}
+
+
+
+
+
+
+
+
Not sure where to start?
+
Use the testing state as a filter.
+
+
Every entry currently shows the same clear state: no analytical result has been reported. The testing page explains what each method would and would not establish.
+
+
Review testing ${icons.arrow}
+
+ `;
+ }
+
+ function analyticalSourceNote() {
+ return `
+
+ Source note
+ These references support the guide’s general distinction between specifications, methods, results, and data integrity. They do not validate any OVO Labs product, result, laboratory, or operation.
+
+
+ `;
+ }
+
+ function testingPage() {
+ return `
+
+
+
Testing
+
Testing status belongs beside the product.
+
Search an OVO Labs product name or code to see the exact testing status. No certificate, laboratory relationship, result, or release claim is implied.
+
+
+
+
+
+
+
The framework
+
Four fields. Four different questions.
+
A single number cannot answer identity, amount, composition, and microbiological questions at once.
+
+
+
Identity Does the observed analytical profile match the intended compound? NO RESULT
+
Content / mass How much material is reported under the selected method? NO RESULT
+
Purity profile What relative composition is reported under the selected method? NO RESULT
+
Sterility / endotoxin Were separate microbiological methods represented? NOT REPRESENTED
+
+
+ ${analyticalSourceNote()}
+
+
+
+
+
+
+
Catalog status
+
Every current entry
+
+
Every status is intentionally explicit instead of dressing absence up as proof.
+
+
+
+
+
+
+
Read the document
+
What a COA can—and cannot—show
+
+
+ ${accordion([
+ [
+ "Does a purity result prove identity?",
+ "Not by itself. Identity and relative purity answer different questions and may require different analytical methods.",
+ ],
+ [
+ "Does a reported result prove every vial is the same?",
+ "No. A result applies only to the identified sample and method scope. Sampling, chain of custody, and lot linkage remain separate questions.",
+ ],
+ [
+ "Does a COA establish suitability for human use?",
+ "No. OVO Labs does not present human-use, safety, efficacy, clinical, administration, or preparation information.",
+ ],
+ [
+ "Why show fields with no result?",
+ "Because a visible empty state is more informative than a badge that leaves the scope ambiguous. Missing evidence should remain visibly missing.",
+ ],
+ ])}
+
+
+ `;
+ }
+
+ function bundlesPage() {
+ return `
+
+
+
Curated sets
+
Related compounds, kept distinct.
+
Related products grouped for simpler browsing and one cart action. Every item remains linked to its own product and testing page.
+
+
+
+
Curated OVO Labs sets
+
${BUNDLES.map(bundleCard).join("")}
+
+
+
+
+
Why sets exist
+
Reduce search work without creating ambiguity.
+
+
+
Separate identities Every molecule keeps its own code, strength, product page, and testing state.
+
One cart action The set enters the cart as one clearly labeled item with its included products listed.
+
No false savings The set price is shown directly without fabricated list prices or countdown offers.
+
+
+ ${newsletter()}
+ `;
+ }
+
+ function learnPage() {
+ return `
+
+
+
OVO Journal
+
Read the facts behind the catalog.
+
Short guides for comparing peptide products, interpreting testing states, and understanding what a document’s scope does—and does not—establish.
+
+
+
+
OVO Labs journal articles
+
+ ${ARTICLES.map(
+ (article, index) => `
+
+
+
Guide 0${index + 1}
+
${escapeHtml(article.title)}
+
${escapeHtml(article.summary)}
+
Read the guide ${icons.arrow}
+
+ `,
+ ).join("")}
+
+
+
+
+
+
Fast answers
+
Catalog FAQ
+
+
+ ${accordion([
+ ["Is OVO Labs a real company?", "No. It is a fictional, non-operational storefront concept. Nothing is stocked, sold, shipped, tested, or transacted."],
+ ["Why show concept prices?", "Prices make the ecommerce prototype complete enough to evaluate its hierarchy, cart states, sorting, and merchandising. They are not offers for sale."],
+ ["Why are there no ratings?", "No customers or reviews exist. Empty or invented social proof would make the interface less trustworthy, not more."],
+ ["Can I check out?", "No. The local demo cart supports add, update, remove, and subtotal states, then ends before checkout or payment."],
+ ])}
+
+
+ ${newsletter()}
+ `;
+ }
+
+ function faqPage() {
+ return `
+
+
+
Help & details
+
Questions, answered plainly.
+
What the catalog shows, what “No result reported” means, how browser storage works, and exactly where this fictional store stops.
+
+
+
+
+
OVO Labs FAQ
+
The complete store boundary.
+
+
+ ${accordion([
+ ["Can I place an order?", "No. OVO Labs is a fictional concept storefront. The cart is browser-only, and there is no checkout, payment, inventory, shipping, customer account, or fulfillment operation."],
+ ["What does “No result reported” mean?", "It means no testing result is published for that catalog item. It does not mean the item passed, failed, or is waiting on a promised result."],
+ ["Does a COA prove a product is safe, effective, or sterile?", "No. A document supports only the measurements, sample, method, date, and scope it identifies. Unreported attributes should not be inferred."],
+ ["Why are there no purity percentages?", "No testing result is published for these products. OVO Labs does not invent percentages or testing claims to make a product page feel complete."],
+ ["Does this catalog provide human-use information?", "No dosing, preparation, administration, safety, efficacy, medical, or human-use guidance is provided."],
+ ["Are the product descriptions medical advice?", "No. They identify proposed catalog references and formats only."],
+ ["How does search work?", "Search by peptide name, category, blend name, or catalog code such as OVO-001. Keyboard users can move through predictive results with the arrow keys."],
+ ["Why are there no customer reviews?", "There are no customers or order history. OVO Labs does not fabricate ratings, testimonials, or purchase activity."],
+ ["What information does this site store?", "Cart contents, recently viewed product codes, and the newsletter preference can be stored locally in your browser. No cart contents, entered email address, or saved preference is transmitted by the prototype."],
+ ["How do I remove locally saved information?", "Use Clear cart in the cart drawer. You can also clear this site’s browser storage to remove all local state."],
+ ])}
+
+
+
+
+
Ready to browse? Search all ten entries or inspect the testing framework first.
+
+
+ `;
+ }
+
+ function aboutPage() {
+ return `
+
+
+
About OVO Labs
+
A peptide store designed around finding and deciding.
+
OVO Labs is designed around a simple idea: product information should be easy to scan, and missing evidence should be impossible to miss.
+
+
+
+
+
The premise
+
Retail clarity can do more work than scientific theater.
+
+
+
The strongest specialist stores help people find the right entry quickly, compare it in place, and understand the next action. OVO Labs applies that discipline without inventing operations or proof.
+
+
Catalog model Focused selection, stable product codes, and flat product routes
+
Discovery model Persistent search, visual category paths, filters, and related entries
+
Product model Identity, labeled amount, format, price, and testing status in one decision block
+
Proof model Only substantiated facts; no invented ratings, laboratories, results, or popularity
+
+
+
+
+
+
+
+
Operating principles
+
What the brand refuses to fake
+
+
+
+
No decorative proof No badges, reviews, lab names, purity figures, certificates, or quality claims exist without evidence.
+
No urgency machinery No stock countdown, sale timer, crossed-out anchor price, or invented best-seller ranking pushes the click.
+
No fake transaction The local demo cart is complete enough to evaluate, then stops before checkout, payment, fulfillment, or customer data capture.
+
+
+
+ `;
+ }
+
+ function policyPage() {
+ return `
+
+
+
Concept boundaries
+
This storefront demonstrates an interface, not an operation.
+
OVO Labs has no company operations, products, inventory, customers, testing, fulfillment, payments, or ordering capability.
+
+
+ What the prototype does
+ It demonstrates ecommerce information architecture: product discovery, category filtering, predictive search, product pages, testing-status presentation, a journal, and a browser-local demo cart.
+ What the prototype does not do
+
+ It does not offer, sell, reserve, quote, or ship material.
+ It does not collect payment, customer accounts, addresses, or submitted email data.
+ It does not claim a laboratory, certificate, result, purity level, stock state, delivery time, or customer experience.
+ It does not provide dosing, preparation, administration, clinical, therapeutic, safety, efficacy, or human-use information.
+
+ The cart is local. Its contents are stored only in this browser. The interaction ends before checkout, and clearing browser storage removes it.
+ Why the banner stays visible
+ The thin top notice keeps the concept status clear on every route while allowing the rest of the prototype to be evaluated as a real ecommerce design.
+ Return to the concept catalog ${icons.arrow}
+
+ `;
+ }
+
+ function productPage(product) {
+ if (!product) return notFoundPage();
+ const categoryRelated = PRODUCTS.filter(
+ (candidate) => candidate.slug !== product.slug && candidate.categoryKey === product.categoryKey,
+ );
+ const crossCategoryRelated = PRODUCTS.filter(
+ (candidate) => candidate.slug !== product.slug && candidate.categoryKey !== product.categoryKey,
+ );
+ const related = [...categoryRelated, ...crossCategoryRelated].slice(0, 4);
+
+ return `
+
+
+
+
+
+ ${productImage(product, true)}
+
+
+
+
${escapeHtml(product.category)}
+
${escapeHtml(product.name)}
+
${escapeHtml(product.code)} · ${escapeHtml(product.format)}
+
+ Testing · No result reported →
+
+
${escapeHtml(product.overview)}
+
+ ${money.format(product.price)}
+
+
Strength ${escapeHtml(product.strength)}
+
+
+ −
+ Quantity
+ +
+
+
Add to cart
+
+
+
Product code ${escapeHtml(product.code)}
+
Labeled amount ${escapeHtml(product.strength)}
+
Testing No result reported
+
+
Adds this item to a browser-only cart. No order, payment, or shipment is created.
+
+
+
+
+
Product facts
+
The comparison fields, up front.
+
+
+
Product name ${escapeHtml(product.name)}
+
Catalog code ${escapeHtml(product.code)}
+
Research area ${escapeHtml(product.category)}
+
Labeled amount ${escapeHtml(product.strength)}
+
Format ${escapeHtml(product.format)}
+
Analytical state No result reported
+
+
+
+
+
+
Testing status
+
Every missing result stays visible.
+
+
+
Identity Method not assigned NO RESULT
+
Content / mass Method not assigned NO RESULT
+
Purity profile Method not assigned NO RESULT
+
Sterility / endotoxin Not represented NOT REPORTED
+
+
+
+
+
+
Product questions
+
Know what this page means.
+
+
+ ${accordion([
+ ["Is this product available?", "No. This storefront is fictional and has no material, inventory, availability, ordering, or fulfillment."],
+ ["What does the listed price mean?", "It lets the storefront demonstrate sorting, merchandising, cart totals, and product hierarchy. It is not an offer or quote."],
+ ["Has this entry been tested?", "No testing or laboratory relationship is represented. Every analytical field on the page explicitly says that no result has been reported."],
+ ["Where is administration information?", "It is intentionally absent. OVO Labs does not provide dosing, preparation, administration, human-use, safety, efficacy, or outcome information."],
+ ])}
+
+
+
+
+
+
${related.map((item) => productCard(item)).join("")}
+
+
+
+ ${escapeHtml(product.name)}
+ ${money.format(product.price)} · ${escapeHtml(product.strength)}
+
+ Add
+
+ `;
+ }
+
+ function articlePage(slug) {
+ const content = {
+ "reading-testing-status": {
+ eyebrow: "Testing guide · 4 minutes",
+ title: "How to read a testing status",
+ lede: "Start with the question the method is meant to answer. Then check whether a result is actually reported.",
+ sections: [
+ ["A specification is not a result", "A specification describes an intended target or acceptance rule. A result describes what was observed for an identified sample under a stated method. One should never be styled as the other."],
+ ["Identity, amount, and composition are separate", "An identity method asks whether the observed profile matches the intended compound. A content or mass method asks how much is reported. A purity method describes relative composition under its method conditions. None automatically answers the others."],
+ ["“No result reported” is useful information", "An explicit empty state prevents a shopper from assuming that a badge, document icon, or quality headline stands in for evidence. It keeps the unknown visible at the moment of comparison."],
+ ],
+ analyticalSources: true,
+ },
+ "choosing-by-molecule": {
+ eyebrow: "Catalog guide · 4 minutes",
+ title: "Shop by molecule, not by hype",
+ lede: "A clean catalog starts with product identity, then narrows by strength, format, code, and evidence state.",
+ sections: [
+ ["Start with the exact entry", "Separate compounds should have separate product pages. A selector is useful for genuine strengths of the same item, not for hiding unrelated molecules inside one high-traffic page."],
+ ["Compare the same fields every time", "Product name, code, strength, format, price concept, and testing status should appear in predictable positions. Consistency turns a grid into a comparison tool."],
+ ["Use categories as a shortcut", "Research-area categories help exploration, while exact-name and product-code search help returning or expert shoppers. Both paths should reach the same canonical product page."],
+ ],
+ analyticalSources: false,
+ },
+ "coa-boundaries": {
+ eyebrow: "Document guide · 5 minutes",
+ title: "What a COA can—and cannot—show",
+ lede: "The value of a certificate depends on the identified sample, the method, the result, and the scope. The title alone proves very little.",
+ sections: [
+ ["Read the scope before the number", "A reported purity figure does not automatically establish identity, total content, sterility, endotoxin state, stability, or suitability for a particular use."],
+ ["Check the sample link", "A result is only useful when the document identifies the tested sample and the catalog can explain how that sample relates to the represented item."],
+ ["Do not fill gaps with design", "A green badge, seal, laboratory photograph, or download icon cannot replace a reported result. If a field is missing, the interface should say so directly."],
+ ],
+ analyticalSources: true,
+ },
+ }[slug];
+
+ if (!content) return notFoundPage();
+ return `
+
+ ${escapeHtml(content.eyebrow)}
+ ${escapeHtml(content.title)}
+ ${escapeHtml(content.lede)}
+ This guide describes document and catalog structure. It does not provide medical, clinical, preparation, administration, or human-use information.
+ ${content.sections
+ .map(([heading, copy]) => `${escapeHtml(heading)} ${escapeHtml(copy)}
`)
+ .join("")}
+ ${content.analyticalSources ? analyticalSourceNote() : ""}
+ Continue through the store
+ Use the testing page to inspect current concept states, or return to the catalog to compare entries using the same fields.
+
+ Explore testing
+ Browse products
+
+
+
+
+
More from OVO Labs
Related guides
+
+ ${ARTICLES.filter((article) => article.slug !== slug)
+ .map(
+ (article) => `
${escapeHtml(article.title)} ${escapeHtml(article.summary)}
Read the guide ${icons.arrow} `,
+ )
+ .join("")}
+
+
+ `;
+ }
+
+ function notFoundPage() {
+ return `
+
+
+
404 · Page not found
+
This catalog path does not exist.
+
Search for a molecule, return to the product grid, or use one of the main research-area categories.
+
+
+
+
+
Suggested collection paths
+ ${categoryRail()}
+
${PRODUCTS.slice(0, 4).map((product) => productCard(product)).join("")}
+
+ `;
+ }
+
+ function accordion(items) {
+ const instance = ++accordion.counter;
+ return `
+
+ ${items
+ .map(
+ ([question, answer], index) => `
+
+
+ ${escapeHtml(question)}
+
+
+ ${escapeHtml(answer)}
+
+
+ `,
+ )
+ .join("")}
+
+
+
Your cart is empty.
+
Browse the collection to add a peptide or set.
+
Shop products
+
+
This is where the demo ends. Nothing is stocked, sold, or shippable. No order, account, payment, or message is created.
+ `;
+ restoreCartFocus(preferredFocusSelector);
+ return;
+ }
+
+ itemsRoot.innerHTML = cart
+ .map((line) => {
+ const item = cartItemData(line.slug);
+ if (!item) return "";
+ return `
+
+
+
+
${escapeHtml(item.name)}
+ ${money.format(item.price * line.quantity)}
+
+
${escapeHtml(item.code)} · ${escapeHtml(item.strength)}
+
+
+ −
+ ${line.quantity}
+ +
+
+
Remove
+
+
+ `;
+ })
+ .join("");
+
+ footerRoot.innerHTML = `
+ Subtotal ${money.format(cartTotal())}
+ This is where the demo ends. Nothing is stocked, sold, or shippable. This cart is stored only in your browser; no order, account, payment, or message is created.
+ Clear cart
+ `;
+ restoreCartFocus(preferredFocusSelector);
+ }
+
+ function addToCart(slug, quantity = 1) {
+ const item = cartItemData(slug);
+ if (!item) return;
+ const safeQuantity = Math.max(1, Math.min(MAX_QUANTITY, Number.parseInt(quantity, 10) || 1));
+ const existing = cart.find((line) => line.slug === slug);
+ if (existing) {
+ existing.quantity = Math.min(MAX_QUANTITY, existing.quantity + safeQuantity);
+ } else {
+ cart.push({ slug, quantity: safeQuantity });
+ }
+ const feedbackButtons = document.querySelectorAll(
+ `[data-add-product="${CSS.escape(slug)}"], [data-pdp-add="${CSS.escape(slug)}"], [data-mobile-add="${CSS.escape(slug)}"]`,
+ );
+ feedbackButtons.forEach((button) => {
+ if (!button.dataset.defaultLabel) button.dataset.defaultLabel = button.textContent.trim();
+ button.classList.add("is-added");
+ button.textContent = "Added ✓";
+ window.setTimeout(() => {
+ button.classList.remove("is-added");
+ button.textContent = button.dataset.defaultLabel;
+ }, 1200);
+ });
+ saveCart();
+ openDrawer("cart");
+ track("add_to_cart", {
+ item_id: item.code,
+ item_name: item.name,
+ item_category: item.category,
+ price: item.price,
+ quantity: safeQuantity,
+ demo_only: true,
+ });
+ }
+
+ function changeCartQuantity(slug, delta) {
+ const line = cart.find((item) => item.slug === slug);
+ const product = cartItemData(slug);
+ if (!line || !product) return;
+ line.quantity = Math.max(0, Math.min(MAX_QUANTITY, line.quantity + delta));
+ if (line.quantity === 0) {
+ cart = cart.filter((item) => item.slug !== slug);
+ track("remove_from_cart", { item_id: product.code, item_name: product.name, demo_only: true });
+ } else {
+ track("cart_quantity_changed", {
+ item_id: product.code,
+ item_name: product.name,
+ quantity: line.quantity,
+ demo_only: true,
+ });
+ }
+ saveCart(
+ line.quantity === 0
+ ? null
+ : `[data-cart-quantity="${CSS.escape(slug)}"][data-delta="${delta}"]`,
+ );
+ }
+
+ function showToast(message) {
+ const toast = document.querySelector("[data-toast]");
+ if (!toast) return;
+ window.clearTimeout(toastTimer);
+ toast.textContent = message;
+ toast.dataset.open = "true";
+ toastTimer = window.setTimeout(() => {
+ toast.dataset.open = "false";
+ }, 2800);
+ }
+
+ function drawerElements(type) {
+ const selectorByType = {
+ cart: "[data-cart-drawer]",
+ menu: "[data-mobile-drawer]",
+ filter: "[data-filter-drawer]",
+ };
+ const drawer = document.querySelector(selectorByType[type]);
+ const others = [...document.querySelectorAll("[data-cart-drawer], [data-mobile-drawer], [data-filter-drawer]")].filter(
+ (candidate) => candidate !== drawer,
+ );
+ return { drawer, others };
+ }
+
+ function setPageInert(isInert) {
+ document.querySelectorAll(".site-header, #main-content, .site-footer").forEach((element) => {
+ element.inert = isInert;
+ });
+ }
+
+ function openDrawer(type) {
+ const { drawer, others } = drawerElements(type);
+ const backdrop = document.querySelector("[data-drawer-backdrop]");
+ if (!drawer || !backdrop) return;
+ lastFocusedElement = document.activeElement;
+ others.forEach((other) => {
+ other.dataset.open = "false";
+ other.setAttribute("aria-hidden", "true");
+ other.inert = true;
+ });
+ drawer.inert = false;
+ drawer.dataset.open = "true";
+ drawer.setAttribute("aria-hidden", "false");
+ backdrop.dataset.open = "true";
+ body.classList.add("drawer-open");
+ setPageInert(true);
+ const initialFocus = drawer.querySelector("button, a");
+ const ensureDrawerFocus = () => {
+ if (drawer.dataset.open === "true" && !drawer.contains(document.activeElement)) {
+ initialFocus?.focus({ preventScroll: true });
+ }
+ };
+ ensureDrawerFocus();
+ window.requestAnimationFrame(() => {
+ ensureDrawerFocus();
+ window.requestAnimationFrame(ensureDrawerFocus);
+ });
+ window.setTimeout(ensureDrawerFocus, 50);
+ if (type === "cart") {
+ track("view_cart", { item_count: cart.reduce((sum, item) => sum + item.quantity, 0), demo_only: true });
+ }
+ }
+
+ function closeDrawers() {
+ const backdrop = document.querySelector("[data-drawer-backdrop]");
+ const drawers = [...document.querySelectorAll("[data-cart-drawer], [data-mobile-drawer], [data-filter-drawer]")];
+ const wasOpen = drawers.some((drawer) => drawer.dataset.open === "true");
+ drawers.forEach((drawer) => {
+ drawer.dataset.open = "false";
+ drawer.setAttribute("aria-hidden", "true");
+ drawer.inert = true;
+ });
+ if (backdrop) backdrop.dataset.open = "false";
+ body.classList.remove("drawer-open");
+ setPageInert(false);
+ if (wasOpen && lastFocusedElement instanceof HTMLElement) lastFocusedElement.focus();
+ if (wasOpen) lastFocusedElement = null;
+ }
+
+ function initDrawersAndCart() {
+ renderCart();
+ document.addEventListener("click", (event) => {
+ if (event.target.closest("[data-drawer-backdrop]")) {
+ closeDrawers();
+ return;
+ }
+ const target = event.target.closest("button, a");
+ if (!target) return;
+
+ if (target.matches("[data-cart-open]")) openDrawer("cart");
+ if (target.matches("[data-cart-close], [data-menu-close], [data-filter-close]")) closeDrawers();
+ if (target.matches("[data-menu-open]")) openDrawer("menu");
+ if (target.matches("[data-filter-open]")) openDrawer("filter");
+
+ if (target.dataset.addProduct) {
+ addToCart(target.dataset.addProduct);
+ }
+
+ if (target.dataset.pdpAdd) {
+ const quantity = document.querySelector("#pdp-quantity")?.value || 1;
+ addToCart(target.dataset.pdpAdd, quantity);
+ }
+
+ if (target.dataset.mobileAdd) {
+ const quantity = document.querySelector("#pdp-quantity")?.value || 1;
+ addToCart(target.dataset.mobileAdd, quantity);
+ }
+
+ if (target.dataset.cartQuantity) {
+ changeCartQuantity(target.dataset.cartQuantity, Number(target.dataset.delta));
+ }
+
+ if (target.dataset.removeProduct) {
+ const item = cartItemData(target.dataset.removeProduct);
+ cart = cart.filter((line) => line.slug !== target.dataset.removeProduct);
+ saveCart(null);
+ if (item) {
+ showToast(`${item.name} removed from the cart.`);
+ track("remove_from_cart", { item_id: item.code, item_name: item.name, demo_only: true });
+ }
+ }
+
+ if (target.matches("[data-clear-cart]")) {
+ cart = [];
+ saveCart(null);
+ showToast("Cart cleared.");
+ track("cart_cleared", { demo_only: true });
+ }
+ });
+
+ document.addEventListener("keydown", (event) => {
+ if (
+ event.key === "Escape" &&
+ document.querySelector(
+ '[data-cart-drawer][data-open="true"], [data-mobile-drawer][data-open="true"], [data-filter-drawer][data-open="true"]',
+ )
+ ) {
+ closeDrawers();
+ }
+ if (event.key !== "Tab") return;
+ const openDrawerElement = document.querySelector(
+ '[data-cart-drawer][data-open="true"], [data-mobile-drawer][data-open="true"], [data-filter-drawer][data-open="true"]',
+ );
+ if (!openDrawerElement) return;
+ const focusable = [
+ ...openDrawerElement.querySelectorAll(
+ 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])',
+ ),
+ ];
+ if (focusable.length === 0) return;
+ const first = focusable[0];
+ const last = focusable.at(-1);
+ if (event.shiftKey && document.activeElement === first) {
+ event.preventDefault();
+ last.focus();
+ } else if (!event.shiftKey && document.activeElement === last) {
+ event.preventDefault();
+ first.focus();
+ }
+ });
+
+ const mobileLayout = window.matchMedia("(max-width: 960px)");
+ mobileLayout.addEventListener("change", (event) => {
+ if (event.matches) return;
+ const mobileOnlyDrawer = document.querySelector(
+ '[data-mobile-drawer][data-open="true"], [data-filter-drawer][data-open="true"]',
+ );
+ if (mobileOnlyDrawer) closeDrawers();
+ });
+ }
+
+ const SEARCH_ALIASES = {
+ retatrutide: ["reta"],
+ tirzepatide: ["tirz"],
+ semaglutide: ["sema"],
+ cagrilintide: ["cagri"],
+ "bpc-157": ["bpc", "bpc157"],
+ "tb-500": ["tb", "tb500"],
+ "cjc-1295": ["cjc", "cjc1295"],
+ ipamorelin: ["ipa", "ipam"],
+ "cjc-ipamorelin-blend": ["cjc ipa", "cjc ipam blend"],
+ "bpc-tb-blend": ["bpc tb", "bpc tb blend"],
+ };
+
+ function normalizeSearch(value) {
+ return String(value)
+ .normalize("NFKD")
+ .toLowerCase()
+ .replace(/[^a-z0-9]+/g, " ")
+ .trim()
+ .replace(/\s+/g, " ");
+ }
+
+ function editDistance(left, right) {
+ const previous = Array.from({ length: right.length + 1 }, (_, index) => index);
+ for (let leftIndex = 1; leftIndex <= left.length; leftIndex += 1) {
+ const current = [leftIndex];
+ for (let rightIndex = 1; rightIndex <= right.length; rightIndex += 1) {
+ current[rightIndex] = Math.min(
+ current[rightIndex - 1] + 1,
+ previous[rightIndex] + 1,
+ previous[rightIndex - 1] + (left[leftIndex - 1] === right[rightIndex - 1] ? 0 : 1),
+ );
+ }
+ previous.splice(0, previous.length, ...current);
+ }
+ return previous[right.length];
+ }
+
+ function productSearchText(product) {
+ return normalizeSearch(
+ [
+ product.name,
+ product.code,
+ product.category,
+ product.strength,
+ product.format,
+ product.descriptor,
+ ...(SEARCH_ALIASES[product.slug] || []),
+ ].join(" "),
+ );
+ }
+
+ function productMatchesQuery(product, query) {
+ const normalized = normalizeSearch(query);
+ if (!normalized) return true;
+ const searchable = productSearchText(product);
+ if (searchable.includes(normalized)) return true;
+
+ const searchableTokens = searchable.split(" ");
+ return normalized.split(" ").every((queryToken) =>
+ searchableTokens.some((searchableToken) => {
+ if (searchableToken.startsWith(queryToken)) return true;
+ if (queryToken.length >= 4 && queryToken.startsWith(searchableToken)) return true;
+ const threshold = queryToken.length >= 8 ? 2 : queryToken.length >= 4 ? 1 : 0;
+ return threshold > 0 && Math.abs(queryToken.length - searchableToken.length) <= threshold
+ ? editDistance(queryToken, searchableToken) <= threshold
+ : false;
+ }),
+ );
+ }
+
+ function safeSearchTelemetry(query, resultCount) {
+ const normalized = normalizeSearch(query);
+ const knownCodes = PRODUCTS.map((product) => normalizeSearch(product.code));
+ const knownNames = PRODUCTS.map((product) => normalizeSearch(product.name));
+ const knownAliases = Object.values(SEARCH_ALIASES).flat().map(normalizeSearch);
+ const knownCategories = CATEGORIES.slice(1).map((category) => normalizeSearch(category.name));
+ let queryClass = "unmatched";
+ if (knownCodes.includes(normalized)) queryClass = "catalog_code";
+ else if (knownNames.includes(normalized)) queryClass = "product_name";
+ else if (knownAliases.includes(normalized)) queryClass = "catalog_alias";
+ else if (knownCategories.includes(normalized)) queryClass = "research_area";
+ else if (resultCount > 0) queryClass = "partial_catalog_match";
+
+ return {
+ query_class: queryClass,
+ query_length_bucket: normalized.length <= 3 ? "1-3" : normalized.length <= 8 ? "4-8" : "9+",
+ result_count: resultCount,
+ };
+ }
+
+ function searchMatches(query) {
+ if (!normalizeSearch(query)) return PRODUCTS.slice(0, 5);
+ return PRODUCTS.filter((product) => productMatchesQuery(product, query)).slice(0, 6);
+ }
+
+ function initSearch() {
+ const input = document.querySelector("#site-search");
+ const results = document.querySelector("#search-results");
+ if (!input || !results) return;
+ let activeIndex = -1;
+ let searchTrackTimer = 0;
+
+ const close = () => {
+ results.hidden = true;
+ input.setAttribute("aria-expanded", "false");
+ input.removeAttribute("aria-activedescendant");
+ activeIndex = -1;
+ };
+
+ const open = () => {
+ const matches = searchMatches(input.value);
+ results.setAttribute("role", matches.length ? "listbox" : "status");
+ results.innerHTML = matches.length
+ ? matches
+ .map(
+ (product, index) => `
+
+ ${escapeHtml(product.name)} · ${escapeHtml(product.strength)} ${escapeHtml(product.code)} · ${escapeHtml(product.category)} ${money.format(product.price)}
+
+ `,
+ )
+ .join("")
+ : ``;
+ results.hidden = false;
+ input.setAttribute("aria-expanded", "true");
+ };
+
+ input.addEventListener("focus", open);
+ input.addEventListener("input", () => {
+ activeIndex = -1;
+ open();
+ window.clearTimeout(searchTrackTimer);
+ const term = normalizeSearch(input.value);
+ if (term.length >= 2) {
+ searchTrackTimer = window.setTimeout(() => {
+ const resultCount = searchMatches(term).length;
+ track("search", {
+ ...safeSearchTelemetry(term, resultCount),
+ surface: "predictive_search",
+ });
+ }, 650);
+ }
+ });
+
+ input.addEventListener("keydown", (event) => {
+ const options = [...results.querySelectorAll('[role="option"]')];
+ if (event.key === "Escape") {
+ event.preventDefault();
+ event.stopPropagation();
+ close();
+ return;
+ }
+ if (!["ArrowDown", "ArrowUp", "Enter"].includes(event.key) || options.length === 0) return;
+ if (event.key === "Enter" && activeIndex >= 0) {
+ event.preventDefault();
+ options[activeIndex].click();
+ return;
+ }
+ if (event.key === "Enter") return;
+ event.preventDefault();
+ activeIndex =
+ event.key === "ArrowDown"
+ ? Math.min(options.length - 1, activeIndex + 1)
+ : Math.max(0, activeIndex - 1);
+ options.forEach((option, index) => option.setAttribute("aria-selected", String(index === activeIndex)));
+ input.setAttribute("aria-activedescendant", options[activeIndex].id);
+ options[activeIndex].scrollIntoView({ block: "nearest" });
+ });
+
+ document.addEventListener("click", (event) => {
+ if (!event.target.closest(".search-wrap")) close();
+ });
+ document.addEventListener("keydown", (event) => {
+ if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+ event.preventDefault();
+ input.focus();
+ }
+ });
+ results.addEventListener("click", (event) => {
+ const link = event.target.closest("[data-search-result]");
+ if (!link) return;
+ const product = PRODUCTS.find((item) => item.slug === link.dataset.searchResult);
+ track("select_item", {
+ item_id: product?.code,
+ item_name: product?.name,
+ item_list_name: "predictive_search",
+ });
+ });
+ }
+
+ function initCollection() {
+ const grid = document.querySelector("[data-collection-grid]");
+ if (!grid) return;
+ const search = document.querySelector("#collection-search");
+ const sort = document.querySelector("#collection-sort");
+ const summary = document.querySelector("[data-result-summary]");
+ const buttons = [...document.querySelectorAll("[data-filter]")];
+ const filterLabels = [...document.querySelectorAll("[data-filter-label]")];
+ const params = new URLSearchParams(window.location.search);
+ const validSorts = new Set(["featured", "name-asc", "price-asc", "price-desc"]);
+ let category = CATEGORIES.some((item) => item.key === params.get("category")) ? params.get("category") : "all";
+
+ const updateUrl = () => {
+ const next = new URL(window.location.href);
+ if (category === "all") next.searchParams.delete("category");
+ else next.searchParams.set("category", category);
+ if (search.value.trim()) next.searchParams.set("q", search.value.trim());
+ else next.searchParams.delete("q");
+ if (sort.value === "featured") next.searchParams.delete("sort");
+ else next.searchParams.set("sort", sort.value);
+ window.history.replaceState({}, "", next);
+ };
+
+ const render = () => {
+ const query = search.value.trim();
+ let filtered = PRODUCTS.filter((product) => {
+ const categoryMatch = category === "all" || product.categoryKey === category;
+ const queryMatch = !query || productMatchesQuery(product, query);
+ return categoryMatch && queryMatch;
+ });
+
+ if (sort.value === "name-asc") filtered.sort((a, b) => a.name.localeCompare(b.name));
+ if (sort.value === "price-asc") filtered.sort((a, b) => a.price - b.price);
+ if (sort.value === "price-desc") filtered.sort((a, b) => b.price - a.price);
+
+ grid.innerHTML = filtered.length
+ ? filtered.map((product) => productCard(product)).join("")
+ : `
+
+
No products match.
+
Clear the search or show every research area.
+
Show all products
+
Enter a product name or code. Examples: Retatrutide, OVO-001, or BPC-157.
No matching OVO code. Try a product name, a code from OVO-001 through OVO-010, or browse the full testing table below.
+
${escapeHtml(product.code)} · ${escapeHtml(product.category)}
+
${escapeHtml(product.name)} · ${escapeHtml(product.strength)}
+
Testing status: No result reported for identity, content / mass, purity profile, sterility, or endotoxin.
+
Open the product page ${icons.arrow}
+
Testing — OVO Labs
+
+
+
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-warm/404.html b/biologix-strategy-board/ovo-labs-warm/404.html
new file mode 100644
index 0000000..8fca528
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-warm/404.html
@@ -0,0 +1,36 @@
+
+
+
+ Page Not Found · OVO Labs
+
+
+
+
diff --git a/biologix-strategy-board/ovo-labs-warm/README.md b/biologix-strategy-board/ovo-labs-warm/README.md
new file mode 100644
index 0000000..ce80e09
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-warm/README.md
@@ -0,0 +1,66 @@
+# Datum Peptides
+
+Datum Peptides is a fictional, non-transactional ecommerce storefront concept. It demonstrates a complete peptide catalog experience without representing real inventory, testing, customers, fulfillment, payments, or medical use.
+
+## Routes
+
+| Surface | Route |
+|---|---|
+| Homepage | `index.html` |
+| Full catalog | `catalog.html` |
+| Catalog sets | `bundles.html` |
+| Testing and COAs | `testing.html` |
+| Learning center | `notes.html` |
+| About | `company.html` |
+| FAQ | `faq.html` |
+| Policies | `policies.html` |
+| Product pages | `peptides/*.html` |
+| Guides | `notes/*.html` |
+
+Compatibility redirects preserve the previous prototype paths:
+
+- `../third-standard/` → `../datum-peptides/`
+- `lot-record.html` → `testing.html`
+- `access.html` → `catalog.html`
+- `eligibility.html` remains an alias for `policies.html`
+
+## Interaction model
+
+- Predictive search by product name, category, strength, and code
+- Category filtering, collection search, sorting, and empty-state recovery
+- Ten canonical product pages with responsive media, quantity, testing state, specifications, FAQ, and related entries
+- Three catalog sets
+- Searchable testing-status page
+- Browser-local add, update, remove, subtotal, and clear-cart states
+- Local-only newsletter success state
+- Keyboard-accessible menu, search, drawers, accordions, and product controls
+- Non-PII QA instrumentation through `window.dataLayer` and `window.DatumAnalytics.events()`
+
+The cart has no checkout or payment path. Nothing is transmitted.
+
+## Visual system
+
+The outward-facing visual direction is authored by Claude Fable 5:
+
+- Inter and IBM Plex Mono
+- cool white surfaces, near-black ink, cobalt actions
+- compact retail density
+- exposed header search and category navigation
+- four-column desktop and two-column mobile product grids
+- thin fiction banner
+- product-first PDP hierarchy
+- visible testing states instead of fabricated proof
+
+## Local preview
+
+From `biologix-strategy-board/`:
+
+```bash
+python3 -m http.server 4173
+```
+
+Then open:
+
+```text
+http://127.0.0.1:4173/datum-peptides/
+```
diff --git a/biologix-strategy-board/ovo-labs-warm/_checks/README.md b/biologix-strategy-board/ovo-labs-warm/_checks/README.md
new file mode 100644
index 0000000..ef40c69
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-warm/_checks/README.md
@@ -0,0 +1,48 @@
+# Checks
+
+Four harnesses that measure this storefront instead of judging it. Every one of them
+caught a real defect that source-reading had missed.
+
+| file | what it measures | what it caught |
+|---|---|---|
+| `design-probe.mjs` | spacing, type, colour, contrast, tap targets, per-component fingerprints across 30 page/width combos | 55 type pairs, 18 text colours, 143 contrast failures, h1 rendering 61px on one page and 72px on another |
+| `layout-guard.mjs` | horizontal overflow and collapsed containers on 9 routes at 390 and 1440 | the mobile homepage rendering with a 0px-wide copy column and 126px of sideways scroll |
+| `alignment.mjs` | distance from the shell edge to every block of copy | five different content insets (0, 17, 25, 32, 48) so nothing shared an axis |
+| `functional.mjs` | add to cart, sell gate under DOM bypass, full 5-step checkout, card-data leakage, search | the sell gate is re-attacked by re-enabling a disabled button and clicking it |
+
+## Run
+
+ cd
+ node /design-probe.mjs # writes .context/defects.json
+ node /layout-guard.mjs # prints CLEAN or the offending routes
+ node /alignment.mjs # prints per-page axis report
+ node /functional.mjs # prints all-green or the failures
+
+The site must be served first:
+
+ cd biologix-strategy-board/ovo-labs-warm && python3 -m http.server 8965 --bind 127.0.0.1
+
+## Why these exist
+
+Auditing by reading source kept missing what was obvious on screen. Analytical values
+rendered white-on-white at 1.00:1 and the grep-based passes called it fixed. A drawer left
+196px of dead space. The mobile homepage was structurally broken while every source check
+reported clean.
+
+Measure the rendered page. Do not trust a name, a flag, or a previous claim.
+
+## Added after the QA pass
+
+| file | what it does |
+|---|---|
+| `route-sweep.mjs` | loads all 26 routes, watching for JS exceptions, console errors, failed requests, broken images, unlabeled controls, placeholder hrefs, weak titles, and h1 count |
+| `flows.mjs` | empty states, promo codes valid and invalid, quantity decrement to removal, draft persistence across reload, back button, drawer, testing lookup no-match, 404 |
+| `drawer.mjs` | the cart drawer end to end: open, line render, shipping progress, cross-sell, checkout link, focus movement, Escape, quantity, cross-sell add |
+
+### A lesson worth keeping
+
+The drawer checks in this session were passing while clicking nothing. They used
+`.cart-button`, which has never existed in this codebase; the real trigger is
+`[data-cart-open]`. A missing element produced no error, so the check reported
+success. Assert the element exists before acting on it, and fail loudly when a
+selector disappears. A green check that tested nothing is worse than a red one.
diff --git a/biologix-strategy-board/ovo-labs-warm/_checks/alignment.mjs b/biologix-strategy-board/ovo-labs-warm/_checks/alignment.mjs
new file mode 100644
index 0000000..fe422f5
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-warm/_checks/alignment.mjs
@@ -0,0 +1,32 @@
+import { chromium } from 'playwright';
+const B='http://127.0.0.1:8965';
+const PAGES=['index','catalog','testing','bundles','notes','faq','policies','company',
+ 'eligibility','cart','checkout','order-confirmation','peptides/retatrutide'];
+const b=await chromium.launch();
+const ctx=await b.newContext({viewport:{width:1440,height:900}});
+const p=await ctx.newPage();
+await p.goto(B+'/index.html');
+await p.evaluate(()=>localStorage.setItem('ovo-labs-demo-cart-v2',JSON.stringify([{slug:'bpc-157',quantity:2}])));
+for(const pg of PAGES){
+ await p.goto(`${B}/${pg}.html`,{waitUntil:'networkidle'});
+ const r=await p.evaluate(()=>{
+ const shell=document.querySelector('.shell');
+ if(!shell) return null;
+ const SL=Math.round(shell.getBoundingClientRect().left);
+ // headings + primary text blocks that SHOULD share the shell axis
+ const sel='h1,h2,h3,.eyebrow,p,li,label,.summary-row,.spec-row,.testing-row,.document-row';
+ const off={};
+ for(const e of document.querySelectorAll(sel)){
+ const r=e.getBoundingClientRect();
+ if(r.width<80||r.height===0) continue;
+ if(e.closest('.cart-drawer,.mobile-drawer,.order-summary,.testing-document,aside')) continue;
+ const L=Math.round(r.left);
+ if(Math.abs(L-SL)>2 && L[k,[...v].slice(0,4)]))};
+ });
+ if(!r) { console.log(`${pg}: no shell`); continue; }
+ const bad=Object.keys(r.off);
+ console.log(`${pg.padEnd(24)} shell=${r.SL} ${bad.length? 'OFF-AXIS: '+bad.map(k=>`${k}(${r.off[k].join('/')})`).join(' ') : 'aligned'}`);
+}
+await b.close();
diff --git a/biologix-strategy-board/ovo-labs-warm/_checks/box-containment.mjs b/biologix-strategy-board/ovo-labs-warm/_checks/box-containment.mjs
new file mode 100644
index 0000000..958a4a3
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-warm/_checks/box-containment.mjs
@@ -0,0 +1,56 @@
+import { chromium } from 'playwright';
+const B='http://127.0.0.1:8965'; const F=[]; const ok=[];
+const b=await chromium.launch();
+
+// --- desktop checks
+let ctx=await b.newContext({viewport:{width:1440,height:1000}});
+let p=await ctx.newPage();
+p.on('pageerror',e=>F.push('JS EXCEPTION: '+e.message.slice(0,60)));
+
+// 1. JSX comment must not render as text anywhere
+await p.goto(B+'/index.html');
+await p.evaluate(()=>localStorage.setItem('ovo-labs-demo-cart-v2',JSON.stringify([{slug:'tirzepatide',quantity:2}])));
+await p.goto(B+'/cart.html',{waitUntil:'networkidle'});
+const jsx=await p.evaluate(()=>/\{\/\*|\*\/\}/.test(document.body.innerText));
+jsx?F.push('JSX comment still rendering as text on cart'):ok.push('no JSX comment leaking into the page');
+
+// 2. checkout Apply button must actually apply
+await p.goto(B+'/checkout.html',{waitUntil:'networkidle'});
+const promo=await p.evaluate(async()=>{
+ const f=document.querySelector('[data-promo-form]'), i=document.querySelector('#promo-input');
+ if(!f||!i) return 'no promo form on checkout';
+ const before=[...document.querySelectorAll('.summary-row')].some(r=>/discount/i.test(r.textContent));
+ i.value='OVO-FIRST'; f.dispatchEvent(new Event('submit',{cancelable:true,bubbles:true}));
+ await new Promise(r=>setTimeout(r,600));
+ const after=[...document.querySelectorAll('.summary-row')].some(r=>/discount/i.test(r.textContent));
+ return {before,after};
+});
+(typeof promo==='object'&&promo.after)?ok.push('checkout Apply now applies the discount'):F.push('checkout Apply still inert: '+JSON.stringify(promo));
+
+// 3. no control may exceed its parent's box
+for(const [pg,sel] of [['peptides/tirzepatide','.quantity-control'],['catalog','.mini-quantity']]){
+ await p.goto(`${B}/${pg}.html`,{waitUntil:'networkidle'});
+ if(sel==='.mini-quantity'){ await p.click('[data-cart-open]'); await p.waitForTimeout(600); }
+ const spill=await p.evaluate((s)=>{
+ const c=document.querySelector(s); if(!c) return 'missing';
+ const cr=c.getBoundingClientRect();
+ return [...c.querySelectorAll('button,input')].filter(e=>{const r=e.getBoundingClientRect();
+ return r.height>cr.height+1||r.right>cr.right+1||r.left{
+ const i=document.querySelector('#pdp-quantity'); if(!i) return 'missing';
+ const r=i.getBoundingClientRect(); const s=getComputedStyle(i);
+ return {w:Math.round(r.width),h:Math.round(r.height),color:s.color,visible:r.width>8&&r.height>8};
+});
+qty.visible?ok.push(`quantity value visible at 390 (${qty.w}x${qty.h})`):F.push('quantity value not visible at 390: '+JSON.stringify(qty));
+await b.close();
+ok.forEach(o=>console.log(' ok '+o));
+console.log(F.length?'FAILURES:':'FAILURES: none'); F.forEach(f=>console.log(' XX '+f));
diff --git a/biologix-strategy-board/ovo-labs-warm/_checks/design-probe.mjs b/biologix-strategy-board/ovo-labs-warm/_checks/design-probe.mjs
new file mode 100644
index 0000000..704612d
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-warm/_checks/design-probe.mjs
@@ -0,0 +1,75 @@
+import { chromium } from 'playwright';
+import fs from 'fs';
+const B='http://127.0.0.1:8965';
+const OUT='/Users/alexweinstein/conductor/workspaces/Quickstart/moroni/.context/defects.json';
+const PAGES=['index','catalog','testing','bundles','notes','faq','policies','company',
+ 'eligibility','cart','checkout','order-confirmation','404','peptides/retatrutide','peptides/bpc-157'];
+const SCALE=[4,8,12,16,24,32,48,64,96];
+
+const probe = () => {
+ const SCALE=[4,8,12,16,24,32,48,64,96];
+ const R={spacing:[],type:[],color:[],align:{},contrast:[],tap:[],overflow:[],components:{}};
+ const lum=c=>{const m=c.match(/[\d.]+/g);if(!m)return null;const[r,g,b]=m.slice(0,3).map(v=>{v/=255;return v<=.03928?v/12.92:((v+.055)/1.055)**2.4});return .2126*r+.7152*g+.0722*b};
+ const ratio=(a,b)=>{const l1=lum(a),l2=lum(b);if(l1==null||l2==null)return null;const[h,lo]=[Math.max(l1,l2),Math.min(l1,l2)];return (h+.05)/(lo+.05)};
+ const bgOf=el=>{let n=el;while(n&&n!==document.documentElement){const c=getComputedStyle(n).backgroundColor;if(c&&!c.includes('rgba(0, 0, 0, 0)'))return c;n=n.parentElement}return 'rgb(255,255,255)'};
+
+ const els=[...document.querySelectorAll('body *')].filter(e=>{
+ const r=e.getBoundingClientRect(); return r.width>0&&r.height>0&&getComputedStyle(e).display!=='none';
+ });
+
+ for(const e of els){
+ const s=getComputedStyle(e), r=e.getBoundingClientRect();
+ const cls=(typeof e.className==='string'?e.className:'').split(' ').filter(Boolean)[0]||e.tagName.toLowerCase();
+
+ // off-scale spacing
+ for(const p of ['paddingTop','paddingBottom','paddingLeft','paddingRight','marginTop','marginBottom','gap','rowGap','columnGap']){
+ const v=parseFloat(s[p]); if(!v||Number.isNaN(v)) continue;
+ if(!SCALE.includes(Math.round(v))) R.spacing.push({cls,prop:p,value:Math.round(v)});
+ }
+ // type + colour inventory
+ R.type.push(`${Math.round(parseFloat(s.fontSize))}/${s.fontWeight}`);
+ if(s.color) R.color.push(s.color);
+
+ // left-edge histogram for top-level blocks
+ if(r.width>200){ const L=Math.round(r.left); R.align[L]=(R.align[L]||0)+1; }
+
+ // contrast for real text
+ const txt=[...e.childNodes].some(n=>n.nodeType===3&&n.textContent.trim().length>1);
+ if(txt){
+ const cr=ratio(s.color,bgOf(e));
+ const size=parseFloat(s.fontSize), bold=parseInt(s.fontWeight)>=700;
+ const need=(size>=24||(size>=18.66&&bold))?3:4.5;
+ if(cr!==null&&cr0)
+ R.tap.push({cls,tag:e.tagName,w:Math.round(r.width),h:Math.round(r.height),label:e.textContent.trim().slice(0,24)});
+ // overflow past viewport
+ if(r.right>window.innerWidth+1) R.overflow.push({cls,right:Math.round(r.right)});
+
+ // component fingerprint for cross-page consistency
+ if(cls&&/^[a-z]/.test(cls)) {
+ R.components[cls]=`${s.padding}|${s.fontSize}|${s.borderRadius}|${s.gap}`;
+ }
+ }
+ return R;
+};
+
+const browser=await chromium.launch();
+const db={pages:{},summary:{}};
+for(const [label,w,h] of [['d',1440,900],['m',390,844]]){
+ const ctx=await browser.newContext({viewport:{width:w,height:h}});
+ const pg=await ctx.newPage();
+ await pg.goto(B+'/index.html');
+ await pg.evaluate(()=>localStorage.setItem('ovo-labs-demo-cart-v2',JSON.stringify([{slug:'bpc-157',quantity:2},{slug:'semaglutide',quantity:1}])));
+ for(const p of PAGES){
+ try{
+ await pg.goto(`${B}/${p}.html`,{waitUntil:'networkidle'});
+ db.pages[`${label}:${p}`]=await pg.evaluate(probe);
+ }catch(e){ db.pages[`${label}:${p}`]={error:e.message.slice(0,80)} }
+ }
+ await ctx.close();
+}
+await browser.close();
+fs.writeFileSync(OUT,JSON.stringify(db,null,1));
+console.log('probed',Object.keys(db.pages).length,'page/width combos');
diff --git a/biologix-strategy-board/ovo-labs-warm/_checks/drawer.mjs b/biologix-strategy-board/ovo-labs-warm/_checks/drawer.mjs
new file mode 100644
index 0000000..c6d8088
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-warm/_checks/drawer.mjs
@@ -0,0 +1,45 @@
+import { chromium } from 'playwright';
+const B='http://127.0.0.1:8965'; const F=[]; const ok=[];
+const b=await chromium.launch();
+const ctx=await b.newContext({viewport:{width:1440,height:900}});
+const p=await ctx.newPage();
+p.on('pageerror',e=>F.push('JS EXCEPTION: '+e.message.slice(0,60)));
+await p.goto(B+'/index.html');
+await p.evaluate(()=>localStorage.setItem('ovo-labs-demo-cart-v2',JSON.stringify([{slug:'bpc-157',quantity:1}])));
+await p.goto(B+'/catalog.html',{waitUntil:'networkidle'});
+
+await p.click('[data-cart-open]'); await p.waitForTimeout(600);
+const open=await p.evaluate(()=>({open:document.querySelector('[data-cart-drawer]')?.getAttribute('data-open'),
+ body:document.body.classList.contains('drawer-open'),
+ items:document.querySelectorAll('.cart-item').length,
+ crossSell:document.querySelectorAll('.drawer-cross-row').length,
+ shipBar:!!document.querySelector('.drawer-ship'),
+ checkoutHref:document.querySelector('.cart-checkout')?.getAttribute('href')}));
+if(open.open!=='true') F.push('drawer did not open'); else ok.push('drawer opens');
+if(open.items!==1) F.push(`drawer shows ${open.items} items, expected 1`); else ok.push('drawer renders the line');
+if(!open.shipBar) F.push('shipping progress bar missing'); else ok.push('shipping progress renders');
+if(open.crossSell<1) F.push('cross-sell empty'); else ok.push(`cross-sell renders ${open.crossSell}`);
+if(!open.checkoutHref?.includes('checkout')) F.push('checkout link wrong: '+open.checkoutHref); else ok.push('checkout link correct');
+
+// focus trap + escape
+const focusIn=await p.evaluate(()=>document.activeElement?.closest('[data-cart-drawer]')!==null);
+if(!focusIn) F.push('focus not moved into drawer on open'); else ok.push('focus moves into drawer');
+await p.keyboard.press('Escape'); await p.waitForTimeout(500);
+const closed=await p.evaluate(()=>document.querySelector('[data-cart-drawer]')?.getAttribute('data-open'));
+if(closed!=='false') F.push('Escape did not close drawer'); else ok.push('Escape closes drawer');
+
+// quantity from inside the drawer
+await p.click('[data-cart-open]'); await p.waitForTimeout(500);
+await p.click('[data-cart-quantity][data-delta="1"]'); await p.waitForTimeout(600);
+const q=await p.evaluate(()=>JSON.parse(localStorage.getItem('ovo-labs-demo-cart-v2')||'[]')[0]?.quantity);
+if(q!==2) F.push(`drawer qty increment gave ${q}, expected 2`); else ok.push('drawer quantity works');
+
+// cross-sell add
+const before=await p.evaluate(()=>JSON.parse(localStorage.getItem('ovo-labs-demo-cart-v2')||'[]').length);
+await p.click('.drawer-cross-add').catch(()=>{}); await p.waitForTimeout(600);
+const after=await p.evaluate(()=>JSON.parse(localStorage.getItem('ovo-labs-demo-cart-v2')||'[]').length);
+if(after!==before+1) F.push(`cross-sell add: ${before} -> ${after}, expected +1`); else ok.push('cross-sell add works');
+
+await b.close();
+ok.forEach(o=>console.log(' ok '+o));
+console.log(F.length?'FAILURES:':'FAILURES: none'); F.forEach(f=>console.log(' XX '+f));
diff --git a/biologix-strategy-board/ovo-labs-warm/_checks/flows.mjs b/biologix-strategy-board/ovo-labs-warm/_checks/flows.mjs
new file mode 100644
index 0000000..c33ad30
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-warm/_checks/flows.mjs
@@ -0,0 +1,100 @@
+import { chromium } from 'playwright';
+const B='http://127.0.0.1:8965';
+const F=[]; const ok=[];
+const b=await chromium.launch();
+const ctx=await b.newContext({viewport:{width:1440,height:900}});
+const p=await ctx.newPage();
+p.on('pageerror',e=>F.push('JS EXCEPTION: '+e.message.slice(0,70)));
+const seed=async(c)=>{ await p.goto(B+'/index.html'); await p.evaluate(v=>localStorage.setItem('ovo-labs-demo-cart-v2',JSON.stringify(v)),c); };
+const w=(ms)=>p.waitForTimeout(ms);
+
+// 1. EMPTY CART states
+await seed([]);
+for(const pg of ['cart','checkout']){
+ await p.goto(`${B}/${pg}.html`,{waitUntil:'networkidle'});
+ const t=await p.evaluate(()=>document.body.innerText);
+ if(!/empty|nothing to check out|no items/i.test(t)) F.push(`${pg}: empty state missing`);
+ else ok.push(`${pg} empty state`);
+}
+
+// 2. PROMO CODES
+await seed([{slug:'bpc-157',quantity:2}]);
+await p.goto(B+'/cart.html',{waitUntil:'networkidle'});
+const promo=await p.evaluate(async()=>{
+ const out={};
+ const f=document.querySelector('[data-promo-form]'); const i=document.querySelector('#promo-input');
+ if(!f||!i) return {err:'no promo form'};
+ i.value='NOTAREALCODE'; f.dispatchEvent(new Event('submit',{cancelable:true,bubbles:true}));
+ await new Promise(r=>setTimeout(r,400));
+ out.invalid=document.querySelector('[data-promo-feedback]')?.textContent.trim();
+ i.value='OVO-FIRST'; f.dispatchEvent(new Event('submit',{cancelable:true,bubbles:true}));
+ await new Promise(r=>setTimeout(r,500));
+ out.valid=document.querySelector('[data-promo-feedback]')?.textContent.trim();
+ out.discountRow=[...document.querySelectorAll('.summary-row')].some(r=>/discount/i.test(r.textContent));
+ return out;
+});
+if(!promo.invalid||!/not a valid|invalid/i.test(promo.invalid)) F.push('promo: invalid code gave no error, got '+JSON.stringify(promo.invalid));
+else ok.push('promo rejects invalid');
+if(!promo.discountRow) F.push('promo: valid code applied no discount row');
+else ok.push('promo applies discount');
+
+// 3. QUANTITY EDGES — decrement to zero should remove
+await seed([{slug:'bpc-157',quantity:1}]);
+await p.goto(B+'/cart.html',{waitUntil:'networkidle'});
+await p.evaluate(()=>document.querySelector('[data-cart-quantity][data-delta="-1"]')?.click());
+await w(500);
+const afterZero=await p.evaluate(()=>JSON.parse(localStorage.getItem('ovo-labs-demo-cart-v2')||'[]'));
+if(afterZero.length!==0) F.push(`qty: decrement from 1 left ${JSON.stringify(afterZero)}, expected removal`);
+else ok.push('qty decrement to zero removes line');
+
+// 4. RELOAD MID-CHECKOUT preserves draft
+await seed([{slug:'bpc-157',quantity:1}]);
+await p.goto(B+'/checkout.html',{waitUntil:'networkidle'});
+await p.evaluate(()=>{const e=document.querySelector('#email'); e.value='persist@test.com'; e.dispatchEvent(new Event('input',{bubbles:true}));});
+await w(400);
+await p.reload({waitUntil:'networkidle'});
+const persisted=await p.evaluate(()=>document.querySelector('#email')?.value);
+if(persisted!=='persist@test.com') F.push(`reload mid-checkout lost the draft (got "${persisted}")`);
+else ok.push('checkout draft survives reload');
+
+// 5. BACK BUTTON mid-checkout
+await p.goto(B+'/catalog.html',{waitUntil:'networkidle'});
+await p.goto(B+'/checkout.html',{waitUntil:'networkidle'});
+await p.goBack({waitUntil:'networkidle'});
+const backUrl=p.url();
+if(!backUrl.includes('catalog')) F.push('back button from checkout went to '+backUrl);
+else ok.push('back button works');
+
+// 6. DRAWER open/close + escape
+await p.goto(B+'/catalog.html',{waitUntil:'networkidle'});
+const trigger=await p.$('[data-cart-open]');
+if(!trigger) F.push('SELECTOR GONE: [data-cart-open] not found, drawer untestable');
+else await trigger.click();
+await w(500);
+const opened=await p.evaluate(()=>document.body.classList.contains('drawer-open'));
+await p.keyboard.press('Escape'); await w(500);
+const closed=await p.evaluate(()=>!document.body.classList.contains('drawer-open'));
+if(!opened && trigger) F.push('drawer did not open on cart click');
+else if(!closed) F.push('drawer did not close on Escape');
+else ok.push('drawer opens and Escape closes');
+
+// 7. TESTING LOOKUP no-match
+await p.goto(B+'/testing.html',{waitUntil:'networkidle'});
+const lookup=await p.evaluate(async()=>{
+ const f=document.querySelector('[data-testing-lookup]'); const i=f?f.querySelector('input'):null;
+ if(!i) return 'no lookup form';
+ i.value='ZZZNOTHING'; f.dispatchEvent(new Event('submit',{cancelable:true,bubbles:true}));
+ await new Promise(r=>setTimeout(r,400));
+ return document.querySelector('[data-lookup-results]')?.textContent.trim().slice(0,60);
+});
+if(!/no matching/i.test(String(lookup))) F.push('testing lookup no-match state: '+lookup);
+else ok.push('testing lookup handles no-match');
+
+// 8. 404
+const r404=await p.goto(B+'/does-not-exist.html').catch(()=>null);
+if(r404&&r404.status()===200) F.push('404 route returns 200 for a missing page');
+else ok.push('missing page does not 200');
+
+await b.close();
+console.log('PASSED:'); ok.forEach(o=>console.log(' ok '+o));
+console.log(F.length?'\nFAILURES:':'\nFAILURES: none'); F.forEach(f=>console.log(' XX '+f));
diff --git a/biologix-strategy-board/ovo-labs-warm/_checks/functional.mjs b/biologix-strategy-board/ovo-labs-warm/_checks/functional.mjs
new file mode 100644
index 0000000..be1f4d3
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-warm/_checks/functional.mjs
@@ -0,0 +1,69 @@
+import { chromium } from 'playwright';
+const B='http://127.0.0.1:8965';
+const b=await chromium.launch(); const fails=[];
+const ctx=await b.newContext({viewport:{width:1440,height:900}});
+const p=await ctx.newPage();
+p.on('console',m=>{ if(m.type()==='error') fails.push('CONSOLE: '+m.text().slice(0,80)); });
+p.on('requestfailed',r=>fails.push('REQ FAILED: '+r.url().slice(-60)));
+
+// 1. full purchase path
+await p.goto(B+'/catalog.html',{waitUntil:'networkidle'});
+await p.evaluate(()=>localStorage.clear());
+await p.reload({waitUntil:'networkidle'});
+const addBtn=await p.$('.product-card:not(:has(.add-button[disabled])) .add-button');
+if(!addBtn) fails.push('no enabled add button on catalog');
+else { await addBtn.click(); await p.waitForTimeout(500); }
+let cart=await p.evaluate(()=>JSON.parse(localStorage.getItem('ovo-labs-demo-cart-v2')||'[]'));
+if(cart.length!==1) fails.push(`add-to-cart broken: cart=${JSON.stringify(cart)}`);
+
+// 2. sell gate under DOM bypass
+await p.goto(B+'/catalog.html',{waitUntil:'networkidle'});
+const gate=await p.evaluate(async()=>{
+ const c=[...document.querySelectorAll('.product-card')].find(x=>/Retatrutide/.test(x.textContent));
+ const btn=c?.querySelector('.add-button'); if(!btn) return 'no retatrutide card';
+ const before=JSON.parse(localStorage.getItem('ovo-labs-demo-cart-v2')||'[]').length;
+ btn.disabled=false; btn.click();
+ await new Promise(r=>setTimeout(r,400));
+ const after=JSON.parse(localStorage.getItem('ovo-labs-demo-cart-v2')||'[]').length;
+ return after===before ? 'held' : 'BREACHED';
+});
+if(gate!=='held') fails.push('SELL GATE: '+gate);
+
+// 3. checkout completes
+await p.goto(B+'/checkout.html',{waitUntil:'networkidle'});
+let done='';
+try{ done=await p.evaluate(async()=>{
+ const w=(ms)=>new Promise(r=>setTimeout(r,ms));
+ const set=(id,v)=>{const e=document.querySelector('#'+id); if(!e) return false; e.value=v; e.dispatchEvent(new Event('input',{bubbles:true})); return true;};
+ if(!document.querySelector('[data-checkout-form]')) return 'no form';
+ set('email','a@b.com'); set('phone','4155550142');
+ document.querySelector('[data-next="contact"]')?.click(); await w(200);
+ set('firstName','A'); set('lastName','B'); set('address1','1 Market St'); set('city','SF');
+ const st=document.querySelector('#state'); if(st){st.value='CA';st.dispatchEvent(new Event('change',{bubbles:true}));}
+ set('zip','94105');
+ document.querySelector('[data-next="shipping"]')?.click(); await w(200);
+ document.querySelector('[data-next="delivery"]')?.click(); await w(200);
+ document.querySelector('[data-next="payment"]')?.click(); await w(200);
+ const t=document.querySelector('[name="terms"]'); if(t){t.checked=true;t.dispatchEvent(new Event('change',{bubbles:true}));}
+ await w(150);
+ document.querySelector('[data-place-order]')?.click(); await w(800);
+ return location.pathname;
+}); }catch(e){ await p.waitForTimeout(600); done=p.url(); }
+if(!String(done).includes('order-confirmation')) fails.push('checkout did not complete: '+done);
+
+// 4. payment stores no card data
+const card=await p.evaluate(()=>JSON.stringify(JSON.parse(localStorage.getItem('ovo-labs-orders-v1')||'[]')[0]||{}).includes('4242'));
+if(card) fails.push('ORDER CONTAINS CARD DATA');
+
+// 5. search
+await p.goto(B+'/catalog.html',{waitUntil:'networkidle'});
+const s=await p.evaluate(async()=>{
+ const i=document.querySelector('.search-input'); if(!i) return 'no search';
+ i.value='reta'; i.dispatchEvent(new Event('input',{bubbles:true}));
+ await new Promise(r=>setTimeout(r,500));
+ return document.querySelectorAll('.search-result').length;
+});
+if(!(s>0)) fails.push('search returned '+s);
+
+await b.close();
+console.log(fails.length? 'FUNCTIONAL FAILURES:\n '+fails.join('\n ') : 'FUNCTIONAL: all green (add-to-cart, sell gate, full checkout, no card data, search)');
diff --git a/biologix-strategy-board/ovo-labs-warm/_checks/layout-guard.mjs b/biologix-strategy-board/ovo-labs-warm/_checks/layout-guard.mjs
new file mode 100644
index 0000000..7b13a21
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-warm/_checks/layout-guard.mjs
@@ -0,0 +1,25 @@
+import { chromium } from 'playwright';
+const B='http://127.0.0.1:8965';
+const PAGES=['index','catalog','testing','bundles','cart','checkout','peptides/retatrutide','faq','policies'];
+const b=await chromium.launch(); const bad=[];
+for(const [tag,w] of [['mob',390],['desk',1440]]){
+ const ctx=await b.newContext({viewport:{width:w,height:844}});
+ const p=await ctx.newPage();
+ await p.goto(B+'/index.html');
+ await p.evaluate(()=>localStorage.setItem('ovo-labs-demo-cart-v2',JSON.stringify([{slug:'bpc-157',quantity:2}])));
+ for(const pg of PAGES){
+ await p.goto(`${B}/${pg}.html`,{waitUntil:'networkidle'});
+ const r=await p.evaluate(()=>{
+ const de=document.documentElement;
+ const zero=[...document.querySelectorAll('body *')].filter(e=>{
+ const b=e.getBoundingClientRect(); const s=getComputedStyle(e);
+ return s.display!=='none' && e.children.length>0 && b.width===0 && b.height>0;
+ }).length;
+ return {ov:de.scrollWidth-de.clientWidth, zero};
+ });
+ if(r.ov>1||r.zero>0) bad.push(`${tag}:${pg} overflow=${r.ov} zeroWidthContainers=${r.zero}`);
+ }
+ await ctx.close();
+}
+await b.close();
+console.log(bad.length?bad.join('\n'):'CLEAN: no overflow, no collapsed containers on any page at either width');
diff --git a/biologix-strategy-board/ovo-labs-warm/_checks/route-sweep.mjs b/biologix-strategy-board/ovo-labs-warm/_checks/route-sweep.mjs
new file mode 100644
index 0000000..0d8bf2c
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-warm/_checks/route-sweep.mjs
@@ -0,0 +1,47 @@
+import { chromium } from 'playwright';
+const B='http://127.0.0.1:8965';
+const PAGES=['index','catalog','testing','bundles','notes','faq','policies','company','eligibility',
+ 'cart','checkout','order-confirmation','404','peptides/retatrutide','peptides/bpc-157',
+ 'peptides/semaglutide','peptides/tirzepatide','peptides/cagrilintide','peptides/tb-500',
+ 'peptides/cjc-1295','peptides/ipamorelin','peptides/bpc-tb-blend','peptides/cjc-ipamorelin-blend',
+ 'notes/coa-boundaries','notes/choosing-by-molecule','notes/reading-testing-status'];
+const issues=[];
+const b=await chromium.launch();
+const ctx=await b.newContext({viewport:{width:1440,height:900}});
+const p=await ctx.newPage();
+p.on('pageerror',e=>issues.push({sev:'critical',pg:cur,what:'JS exception: '+e.message.slice(0,70)}));
+p.on('console',m=>{ if(m.type()==='error') issues.push({sev:'high',pg:cur,what:'console: '+m.text().slice(0,70)}); });
+p.on('requestfailed',r=>{ const u=r.url(); if(!u.includes('favicon')) issues.push({sev:'high',pg:cur,what:'req failed: '+u.slice(-50)}); });
+let cur='';
+await p.goto(B+'/index.html');
+await p.evaluate(()=>localStorage.setItem('ovo-labs-demo-cart-v2',JSON.stringify([{slug:'bpc-157',quantity:2}])));
+
+for(const pg of PAGES){
+ cur=pg;
+ const res=await p.goto(`${B}/${pg}.html`,{waitUntil:'networkidle'}).catch(e=>null);
+ if(!res||!res.ok()) { issues.push({sev:'critical',pg,what:`HTTP ${res?res.status():'ERR'}`}); continue; }
+ const r=await p.evaluate(async()=>{
+ window.scrollTo(0,document.body.scrollHeight); await new Promise(x=>setTimeout(x,350)); window.scrollTo(0,0);
+ const broken=[...document.querySelectorAll('img')].filter(i=>i.complete&&i.naturalWidth===0).map(i=>i.src.slice(-40));
+ const empty=[...document.querySelectorAll('a[href],button')].filter(e=>!e.textContent.trim()&&!e.getAttribute('aria-label')).length;
+ const badHref=[...document.querySelectorAll('a[href]')].filter(a=>{const h=a.getAttribute('href');return h==='#'||h===''||h==='javascript:void(0)';}).length;
+ const rendered=document.querySelector('#site-root')?.children.length||0;
+ return {broken,empty,badHref,rendered,title:document.title,h1:document.querySelectorAll('h1').length};
+ });
+ if(r.rendered===0) issues.push({sev:'critical',pg,what:'site-root empty, page did not render'});
+ r.broken.forEach(s=>issues.push({sev:'high',pg,what:'broken image '+s}));
+ if(r.empty) issues.push({sev:'medium',pg,what:`${r.empty} control(s) with no label`});
+ if(r.badHref) issues.push({sev:'medium',pg,what:`${r.badHref} placeholder href`});
+ if(!r.title||r.title.length<8) issues.push({sev:'medium',pg,what:'weak/missing '});
+ if(r.h1!==1) issues.push({sev:'medium',pg,what:`${r.h1} h1 elements (want exactly 1)`});
+}
+await b.close();
+const by={critical:[],high:[],medium:[]};
+issues.forEach(i=>(by[i.sev]||=[]).push(i));
+console.log(`PAGES TESTED: ${PAGES.length}`);
+for(const s of ['critical','high','medium']){
+ const list=by[s]||[];
+ console.log(`\n${s.toUpperCase()}: ${list.length}`);
+ const seen=new Set();
+ list.forEach(i=>{const k=i.what.slice(0,45); if(seen.has(k))return; seen.add(k); console.log(` ${i.pg.padEnd(30)} ${i.what}`);});
+}
diff --git a/biologix-strategy-board/ovo-labs-warm/access.html b/biologix-strategy-board/ovo-labs-warm/access.html
new file mode 100644
index 0000000..01457b7
--- /dev/null
+++ b/biologix-strategy-board/ovo-labs-warm/access.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Redirecting to the OVO Labs catalog
+ Continue to the OVO Labs catalog.
+
+ 
+
+ Biologix affiliate passport
+