/* global React, ReactDOM */ (function() { var { useState, useEffect, useRef, useMemo, useCallback } = React; // ─── Icons ─────────────────────────────────────────────────────── const Ic = { arrow: (p) => , check: (p) => , close: (p) => , bolt: (p) => , shield: (p) => , graph: (p) => , layers: (p) => , branch: (p) => , eye: (p) => , lock: (p) => , key: (p) => , zap: (p) => , ext: (p) => , }; // ─── Brand mark SVG matching the dashboard aesthetic ────────────── // Dark square with two white vertical bars — same as CSS .brand-mark function BrandMark({ size = 22 }) { return ( ); } // ─── Reveal-on-scroll ────────────────────────────────────────────── function Reveal({ children, delay = 0, as: Tag = 'div', ...rest }) { const ref = useRef(null); const [shown, setShown] = useState(false); useEffect(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { setTimeout(() => setShown(true), delay); io.unobserve(el); } }); }, { threshold: 0.12 }); io.observe(el); return () => io.disconnect(); }, [delay]); return {children}; } // ─── Waitlist button ─────────────────────────────────────────────── function WLButton({ size = 'md', ghost = false, label = 'Join waitlist', onClick, fullWidth = false, style }) { const cls = `wl-btn ${size === 'sm' ? 'sm' : ''} ${size === 'lg' ? 'lg' : ''} ${ghost ? 'ghost' : ''}`; return ( ); } // ─── Modal ───────────────────────────────────────────────────────── function WaitlistModal({ open, initialEmail = '', onClose, onSubmit, submitted }) { const [form, setForm] = useState({ email: '', name: '', company: '', role: 'Engineering', size: '11–50' }); const [submitting, setSubmitting] = useState(false); const [error, setError] = useState(''); useEffect(() => { if (!open) return; setForm(prev => ({ ...prev, email: initialEmail || '' })); setError(''); }, [open, initialEmail]); useEffect(() => { if (!open) return; const onKey = (e) => { if (e.key === 'Escape') onClose(); }; window.addEventListener('keydown', onKey); document.body.style.overflow = 'hidden'; return () => { window.removeEventListener('keydown', onKey); document.body.style.overflow = ''; }; }, [open, onClose]); if (!open) return null; const submit = async (e) => { e.preventDefault(); if (!form.email || submitting) return; setSubmitting(true); setError(''); try { const res = await fetch('/api/v1/waitlist', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email: form.email.trim(), name: form.name.trim(), company: form.company.trim(), role: form.role, size: form.size, }), }); if (!res.ok) { let message = 'Could not submit. Please try again.'; try { const payload = await res.json(); if (payload?.error) message = payload.error; } catch (_err) {} throw new Error(message); } onSubmit({ ...form, ts: new Date().toISOString() }); } catch (err) { setError(err?.message || 'Could not submit. Please try again.'); } finally { setSubmitting(false); } }; return (
e.stopPropagation()}> {!submitted ? ( <>

Get early access

Curtain is in closed beta. Drop your details and we'll send a private invite as new cohorts open — currently every other week.

setForm({ ...form, email: e.target.value })} autoFocus />
setForm({ ...form, name: e.target.value })} />
setForm({ ...form, company: e.target.value })} />
{error && (

{error}

)}

We'll only email about your invite. No marketing.

) : (

You're on the list.

We'll send your invite to {submitted.email} as the next cohort opens.

We review applications weekly and onboard as capacity opens. Expect to hear from a founder directly.

Cohort target~2 weeks
Onboarding30-min with a founder
)}
); } // ─── Inline CTA banner (footer of every page) ────────────────────── function CTABanner() { return (

Ready to put governance on your agents?

Open the dashboard and start defining skills, running queries, and reviewing decisions in minutes. No setup required.

Open Dashboard
What you get
Define skills in plain English
Query against active skills in <40ms
Full decision trace & audit log
REST API + MCP — no SDK lock-in
 ); } // ─── Tape ────────────────────────────────────────────────────────── function Tape() { const items = [ '< 40ms median match latency', 'Hybrid vector + keyword search', 'SOC 2 Type II in audit', 'Made in India', 'API-first · REST + MCP', 'Full tenant isolation', ]; const all = [...items, ...items]; return (
{all.map((t, i) => {t})}
); } // ─── Top nav ─────────────────────────────────────────────────────── function TopNav({ page, setPage, openWaitlist }) { const [mobileOpen, setMobileOpen] = useState(false); const links = [ { id: 'home', label: 'Product' }, { id: 'features', label: 'Features' }, { id: 'customers', label: 'Customers' }, { id: 'docs', label: 'Docs' }, { id: 'security', label: 'Security' }, { id: 'pricing', label: 'Pricing', locked: true }, { id: 'company', label: 'Company' }, ]; const handleNav = (id) => { setPage(id); setMobileOpen(false); }; return (
{/* Brand — top left */} { e.preventDefault(); handleNav('home'); }}> Curtain
Open Dashboard
{mobileOpen && ( )}
); } // ─── Footer ──────────────────────────────────────────────────────── function Footer({ setPage, openWaitlist }) { const link = (id, txt) => ; return ( ); } window.PSCommon = { Ic, BrandMark, Reveal, WLButton, WaitlistModal, CTABanner, Tape, TopNav, Footer }; })();