setHovered(true)} onMouseLeave={() => setHovered(false)} onMouseMove={handleMove} onTouchStart={handleTouchStart} onTouchEnd={handleTouchEnd} style={{ padding: '16px 20px', background: SURFACE2, borderRadius: 12, border: `1px solid ${hovered ? 'rgba(255,107,0,0.35)' : BORDER}`, borderLeft: `3px solid ${ACCENT}`, transition: 'border-color 0.3s, transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94), box-shadow 0.35s', transform: hovered ? 'translateY(-5px) scale(1.015)' : 'translateY(0) scale(1)', boxShadow: hovered ? '0 16px 48px rgba(255,107,0,0.1)' : 'none', position: 'relative', overflow: 'hidden', cursor: 'default', }} >

{source}

"{finding}"

); } // ── ROI Calculator ──────────────────────────────────────────────── function useCountUp(target, duration = 700) { const reduced = usePrefersReducedMotion(); const [val, setVal] = React.useState(target); const prev = React.useRef(target); React.useEffect(() => { if (reduced) { setVal(target); prev.current = target; return; } const start = prev.current, diff = target - start, t0 = performance.now(); let raf; const frame = (now) => { const p = Math.min((now - t0) / duration, 1); const e = 1 - Math.pow(1 - p, 3); setVal(Math.round(start + diff * e)); if (p < 1) raf = requestAnimationFrame(frame); else prev.current = target; }; raf = requestAnimationFrame(frame); return () => cancelAnimationFrame(raf); }, [target, duration, reduced]); return val; } function EditableValue({ value, format, parse, onChange, min, max, style }) { const [editing, setEditing] = React.useState(false); const [text, setText] = React.useState(''); const ref = React.useRef(null); React.useEffect(() => { if (editing && ref.current) { ref.current.focus(); ref.current.select(); } }, [editing]); const startEdit = () => { setText(format(value)); setEditing(true); }; const commit = () => { setEditing(false); const parsed = parse ? parse(text) : Number(text.replace(/[^0-9.-]/g, '')); if (!isNaN(parsed)) { const clamped = Math.max(min, Math.min(max, parsed)); onChange(clamped); } }; const onKey = (e) => { if (e.key === 'Enter') commit(); if (e.key === 'Escape') setEditing(false); }; if (editing) { return ( setText(e.target.value)} onBlur={commit} onKeyDown={onKey} style={{ fontFamily: '"Playfair Display",serif', fontStyle: 'italic', fontSize: '1.5rem', fontWeight: 700, color: TEXT_PRIMARY, background: 'transparent', border: 'none', borderBottom: `1px solid ${ACCENT}`, width: '100%', textAlign: 'right', outline: 'none', padding: 0, margin: 0, ...style, }} /> ); } return ( e.currentTarget.style.borderBottomColor = 'rgba(255,107,0,0.3)'} onMouseLeave={e => e.currentTarget.style.borderBottomColor = 'transparent'} > {format(value)} ); } const SliderRow = ({ label, value, min, max, step = 1, format, parse, onChange }) => (

{label} Type to edit →

onChange(Number(e.target.value))} style={{ width: '100%', accentColor: ACCENT, cursor: 'pointer' }} />

{format(min)} {format(max)}

); function InfoToggle({ title, children, onHover, onLeave }) { const [open, setOpen] = React.useState(false); return (

{open && (

{children}

)}

); } const StatBox = ({ label, value, accent = false, glow = false }) => (

{label}

{value}

); // ── Features (moved here after Proof) ────────────────────────────── function FeaturesSection() { const { width } = useWindowSize(); const isMobile = width <= 768; return (

Features by Category

Every feature either raises what your team generates or removes what's costing you revenue. Artificial intelligence (AI) delivers 2-12 hrs/week per person. 80% of teams never capture it, the integration layer is missing.

); } function ROICalculator() { const [team, setTeam] = React.useState(10); const [rate, setRate] = React.useState(500); const [rpe, setRpe] = React.useState(150000); const [highlighted, setHighlighted] = React.useState(null); const { width } = useWindowSize(); const isMobile = width <= 768; const GREEN = '#22c55e'; const hrsWk = team * 10; const hrsYr = hrsWk * 52; const valYr = hrsYr * rate; const newRpe = rpe * 2; const totalLift = (newRpe - rpe) * team; const animHrsWk = useCountUp(hrsWk); const animHrsYr = useCountUp(hrsYr); const animVal = useCountUp(valYr); const fmt$ = n => n >= 1000000 ? `$${(n/1000000).toFixed(1)}M` : n >= 1000 ? `$${(n/1000).toFixed(0)}K` : `$${n}`; return (

ROI Calculator What is admin costing your revenue per employee, in dollars?

Every manual hour is an hour not earning. See exactly what your admin load costs you, in revenue per employee (RPE), hours, and dollars.

{/* Sliders */}

{/* Team Size */}

setHighlighted('time')} onLeave={() => setHighlighted(null)} >

Enter your total number of employees. This drives the total hours saved: 10 hrs/week × 52 weeks × team size.

With {team} people: {team * 10} hrs/week → {(team * 10 * 52).toLocaleString()} hrs/year.

`${v} people`} parse={t => parseInt(t.replace(/[^0-9]/g, ''), 10)} onChange={setTeam} />

{/* Billable Rate */}

setHighlighted('value')} onLeave={() => setHighlighted(null)} > Enter the average hourly rate your team bills at. This is used to calculate the annual dollar value of reclaimed time. `$${v}/hr`} parse={t => parseInt(t.replace(/[^0-9]/g, ''), 10)} onChange={setRate} />

{/* Revenue/Employee */}

setHighlighted('rpe')} onLeave={() => setHighlighted(null)} >

RPE = Total annual revenue ÷ Number of employees. It tells you what each employee produces on average.

Example: With {team} people generating {fmt$(rpe * team)} total revenue, RPE = {fmt$(rpe * team)} ÷ {team} = {fmt$(rpe)} per employee.

`$${v/1000}K`} parse={t => { const n = parseFloat(t.replace(/[^0-9.]/g, '')); return n * 1000; }} onChange={setRpe} />

* Assumes 10 hrs/week saved per person. Results vary by team size and current workflow overhead.

{/* Revenue per employee impact block */}

Revenue Per Employee Impact

{fmt$(rpe)}

Current per employee

{fmt$(newRpe)}

With Augment OS (2×)

Total revenue lift across team {fmt$(totalLift)} / yr

{/* Time value stat boxes */}

= 1000 ? `${(animHrsYr/1000).toFixed(1)}K` : animHrsYr} hrs`} />

); } // ── Comparison ──────────────────────────────────────────────────── const COMPARISON_DATA = [ { category: 'Pricing', icon: , agency: { title: '$30K+ and climbing.', desc: 'Scope creep, change orders, surprise fees. The quote is never the bill.' }, consultants: { title: '$15K+ for a deck.', desc: 'You pay for analysis. You build it yourself.' }, augment: { title: 'Start small. Scale when ready.', desc: '$100 audit. $500 setup sprint. You see it work in your own environment before any bigger commitment.' } }, { category: 'Ownership', icon: , agency: { title: 'You rent. They own.', desc: 'Workflows live on their platform. Leave and you lose everything.' }, consultants: { title: 'You get a PDF.', desc: '50 slides of advice. No implementation. No system. Just advice' }, augment: { title: 'You own every line.', desc: 'Built in your Notion, your Claude, your stack. Export any day.' } }, { category: 'Transparency', icon: , agency: { title: 'Black box.', desc: "You can't see the data. You can't see the decisions." }, consultants: { title: 'Advice, no execution.', desc: 'They diagnose. You implement. Alone.' }, augment: { title: 'Built in your enviroment.', desc: 'Every line visible. No shared logins. No data leaving your stack.' } }, { category: 'Approach', icon: , agency: { title: 'Replace your team.', desc: 'They sell headcount cuts. Study from; Orgvue says 55% of leaders regret it.' }, consultants: { title: 'Pretend AI isn\'t here.', desc: 'Built for the old game. Charged at new-game rates.' }, augment: { title: 'Augment your people.', desc: 'Your team gets installed capability, not replaced. Nobody fired for an algorithm.' } }, { category: 'Relationship', icon: , agency: { title: 'Vendor.', desc: 'Support tickets. Account managers. You\'re a row in their CRM.' }, consultants: { title: 'Advisor.', desc: 'Retainers forever. Their revenue depends on your dependence.' }, augment: { title: 'Partnership.', desc: 'Direct access during build. Knowledge transfer at handover. Your team runs it after.' } }, ]; function ComparisonCard({ item }) { const ref = React.useRef(null); const spotlightRef = React.useRef(null); const [hovered, setHovered] = React.useState(false); const handleMouseMove = (e) => { const rect = ref.current?.getBoundingClientRect(); if (!rect || !spotlightRef.current) return; const x = e.clientX - rect.left - 120; const y = e.clientY - rect.top - 120; spotlightRef.current.style.transform = `translate(${x}px, ${y}px)`; }; return (

setHovered(true)} onMouseLeave={() => setHovered(false)} onMouseMove={handleMouseMove} style={{ flex: '0 0 min(300px, 85vw)', scrollSnapAlign: 'start', background: SURFACE, border: `1px solid ${hovered ? 'rgba(255,107,0,0.35)' : BORDER}`, borderRadius: 20, overflow: 'hidden', display: 'flex', flexDirection: 'column', transition: 'border-color 0.3s, transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94), box-shadow 0.35s', transform: hovered ? 'translateY(-5px) scale(1.02)' : 'translateY(0) scale(1)', boxShadow: hovered ? '0 16px 48px rgba(255,107,0,0.12)' : 'none', position: 'relative', }} > {/* Cursor-following spotlight */}

{/* Card Header */}

{item.icon}

{item.category}

{/* Card Content - Three Way Comparison */}

{/* AI Agency */}

AI AGENCY

{item.agency.title}

{item.agency.desc}

{/* Traditional Consultants */}

CONSULTANTS

{item.consultants.title}

{item.consultants.desc}

{/* Augment OS (Winner) */}

AUGMENT OS

{item.augment.title}

{item.augment.desc}

); } function ComparisonAccordion() { const scrollRef = React.useRef(null); const [atStart, setAtStart] = React.useState(true); const [atEnd, setAtEnd] = React.useState(false); const updateBounds = () => { const el = scrollRef.current; if (!el) return; setAtStart(el.scrollLeft <= 0); setAtEnd(el.scrollLeft + el.clientWidth >= el.scrollWidth - 1); }; const scroll = (direction) => { if (scrollRef.current) { scrollRef.current.scrollBy({ left: direction === 'left' ? -320 : 320, behavior: 'smooth' }); setTimeout(updateBounds, 350); } }; const btnStyle = (disabled) => ({ width: 44, height: 44, borderRadius: '50%', border: `1px solid ${disabled ? 'rgba(255,255,255,0.04)' : BORDER}`, background: SURFACE, color: disabled ? '#333' : TEXT_PRIMARY, cursor: disabled ? 'default' : 'pointer', display: 'flex', alignItems: 'center', justifyContent: 'center', transition: 'border-color 0.2s, color 0.2s', opacity: disabled ? 0.4 : 1, }); return (

{/* Scroll Controls */}

{/* Horizontal Scrolling Cards */}

{COMPARISON_DATA.map((item) => )}

); } function ComparisonAccordionCard({ item }) { const cardRef = React.useRef(null); const spotRef = React.useRef(null); const [hovered, setHovered] = React.useState(false); const flashTimeoutRef = React.useRef(null); const handleMouseMove = (e) => { if (window.matchMedia('(pointer: coarse)').matches) return; const rect = cardRef.current?.getBoundingClientRect(); if (!rect || !spotRef.current) return; const x = e.clientX - rect.left - 120; const y = e.clientY - rect.top - 120; spotRef.current.style.transform = `translate(${x}px, ${y}px)`; }; const handleTouchStart = (e) => { const touch = e.touches[0]; const rect = cardRef.current?.getBoundingClientRect(); if (rect && spotRef.current) { const x = touch.clientX - rect.left - 120; const y = touch.clientY - rect.top - 120; spotRef.current.style.transform = `translate(${x}px, ${y}px)`; } setHovered(true); if (flashTimeoutRef.current) clearTimeout(flashTimeoutRef.current); }; const handleTouchEnd = () => { flashTimeoutRef.current = setTimeout(() => setHovered(false), 400); }; return (

setHovered(true)} onMouseLeave={() => setHovered(false)} onMouseMove={handleMouseMove} onTouchStart={handleTouchStart} onTouchEnd={handleTouchEnd} style={{ flex: '0 0 min(300px, 85vw)', scrollSnapAlign: 'start', background: SURFACE, border: `1px solid ${hovered ? 'rgba(255,107,0,0.35)' : BORDER}`, borderRadius: 20, overflow: 'hidden', display: 'flex', flexDirection: 'column', transition: 'border-color 0.3s', position: 'relative', }} >

{/* Card Header */}

{item.icon}

{item.category}

{/* AI Agency */}

AI AGENCY

{item.agency.title}

{item.agency.desc}

{/* Traditional Consultants */}

CONSULTANTS

{item.consultants.title}

{item.consultants.desc}

{/* Augment OS (Winner) */}

AUGMENT OS

{item.augment.title}

{item.augment.desc}

); } function ComparisonSection() { const { width } = useWindowSize(); const isMobile = width <= 768; return (

What Makes Us Different Built, not sold. You own everything.

); } // ── Pricing ─────────────────────────────────────────────────────── function PricingSection({ bookingUrl }) { const { width } = useWindowSize(); const isMobile = width <= 768; const tiers = [ { stage: 'Stage 1', name: 'AI Ops Audit', price: '$100', sub: 'One-time diagnostic', desc: "A focused diagnostic of your stack. You walk away with an audit sheet, a process map, and a 90-day AI roadmap built from what we find. No pitch, a clear picture of where AI pays off first.", highlight: false }, { stage: 'Stage 2', name: 'Setup Sprint', price: '$500', sub: 'Outcome-based, no time cap', desc: "I set up your AI environment live in the session and hand you a Notion OS template with everything wired and ready to run. By the end you can start using AI in your business yourself, or we talk about going further.", highlight: true }, { stage: 'Stage 3', name: 'Full Build', price: 'Contact Sales', sub: 'Scoped to your business', desc: "When you're ready to go beyond the basics: a fully connected environment, backend automation across your operation, and client communication systems, scoped to your business and built with you.", highlight: false }, ]; return (

Investment See the value before you spend a dollar.

Same headcount. Higher revenue per employee. The system pays for itself in the first month.

{tiers.map((tier, i) => (

{ e.currentTarget.style.transform = 'translateY(-4px)'; e.currentTarget.style.boxShadow = tier.highlight ? '0 12px 60px rgba(255,107,0,0.15)' : '0 12px 40px rgba(0,0,0,0.3)'; }} onMouseLeave={e => { e.currentTarget.style.transform = 'translateY(0)'; e.currentTarget.style.boxShadow = tier.highlight ? '0 0 60px rgba(255,107,0,0.08)' : 'none'; }} > {tier.highlight && (

START HERE

)}

{tier.stage}

{tier.name}

{tier.price}

{tier.sub}

{tier.desc}

{tier.highlight ? Book a Free Call → : {tier.price === 'Contact Sales' ? 'Contact Sales →' : 'Book a Free Call →'}}

))}

HOW IT WORKS

Start with a $100 audit. See exactly where AI pays off first. Then a $500 setup sprint gets you running. No guesswork. No long-term commitment until you're ready.

✦ You own every line. No lock-in. Cancel anytime. ✦

); } // ── FAQ - smooth expand/collapse ────────────────────────────────── const FAQS = [ { q: '"I don\'t trust artificial intelligence (AI)."', a: "Fair. You shouldn't trust artificial intelligence (AI) blindly. That's why everything is built in your accounts, visible to you, and reviewed before it goes out. AI drafts. You decide." }, { q: '"What does the research actually say?"', a: "International Data Corporation (IDC): 40% of knowledge work is mechanical. Stanford-Carnegie: hybrid human–artificial intelligence teams outperform pure-human by 24.3%. National Bureau of Economic Research (NBER): artificial intelligence (AI) automates 1.40-34% of tasks per occupation. Boston Consulting Group (BCG): 74% of generative artificial intelligence (AI) pilots fail to scale, the #1 barrier is insufficient worker skills. McKinsey 2025: Only 1% of leaders say artificial intelligence (AI) is fully mature across workflows. The research is clear, AI works, but only when it's integrated, trained, and owned by the team using it." }, { q: '"Is admin actually eating that many billable hours?"', a: "Add it up: follow-ups, status updates, onboarding docs, weekly reports. Most teams lose 10-15 hrs per person per week. That's your revenue per employee (RPE) leak, and it doesn't show up anywhere on your P&L." }, { q: '"We\'ve tried automation tools before."', a: "Tools don't raise revenue per employee. Systems do. The difference is connection, your tools talking to each other, your voice reflected in every output, and a central hub that actually gets used." }, { q: '"Why are the entry sessions so low-cost?"', a: "Most businesses I speak with are leaking revenue to workflow bottlenecks, or they're stuck because they lack AI, technology, or any real innovation. The $100 audit and $500 sprint are designed to be low-risk ways to see exactly where AI pays off in your own environment. If the fit isn't there after the diagnostic, we part ways, no pressure, no awkward conversation." }, { q: '"What if we already use Notion / have a system?"', a: "Even better. We build on what you have. Most teams have the tools, they just aren't connected. The audit maps exactly where the hours are leaking." }, ]; function FAQItem({ faq, isOpen, onToggle }) { const contentRef = React.useRef(null); const itemRef = React.useRef(null); const spotlightRef = React.useRef(null); const [height, setHeight] = React.useState(0); const [hovered, setHovered] = React.useState(false); React.useEffect(() => { if (contentRef.current) { setHeight(isOpen ? contentRef.current.scrollHeight : 0); } }, [isOpen]); const flashTimeoutRef = React.useRef(null); const handleMouseMove = (e) => { if (window.matchMedia('(pointer: coarse)').matches) return; const rect = itemRef.current?.getBoundingClientRect(); if (!rect || !spotlightRef.current) return; const x = e.clientX - rect.left - 120; const y = e.clientY - rect.top - 120; spotlightRef.current.style.transform = `translate(${x}px, ${y}px)`; }; const handleTouchStart = (e) => { const touch = e.touches[0]; const rect = itemRef.current?.getBoundingClientRect(); if (rect && spotlightRef.current) { const x = touch.clientX - rect.left - 120; const y = touch.clientY - rect.top - 120; spotlightRef.current.style.transform = `translate(${x}px, ${y}px)`; } setHovered(true); if (flashTimeoutRef.current) clearTimeout(flashTimeoutRef.current); }; const handleTouchEnd = () => { flashTimeoutRef.current = setTimeout(() => setHovered(false), 400); }; return (

setHovered(true)} onMouseLeave={() => setHovered(false)} onMouseMove={handleMouseMove} onTouchStart={handleTouchStart} onTouchEnd={handleTouchEnd} style={{ background: SURFACE, border: `1px solid ${isOpen ? 'rgba(255,107,0,0.3)' : hovered ? 'rgba(255,107,0,0.25)' : BORDER}`, borderLeft: `3px solid ${isOpen ? ACCENT : hovered ? ACCENT : 'transparent'}`, borderRadius: 16, overflow: 'hidden', transition: 'border-color 0.3s, transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94), box-shadow 0.35s', transform: hovered ? 'translateY(-5px) scale(1.015)' : 'translateY(0) scale(1)', boxShadow: hovered ? '0 16px 48px rgba(255,107,0,0.1)' : 'none', position: 'relative', }} > {/* Cursor-following spotlight */}

{faq.a}

); } function FAQSection() { const [open, setOpen] = React.useState(null); const { width } = useWindowSize(); const isMobile = width <= 768; return (

FAQ The questions worth answering honestly.

{FAQS.map((faq, idx) => ( setOpen(open === idx ? null : idx)} /> ))}

); } // ── The Two-Track Economy ────────────────────────────────────────── function TwoTrackEconomy() { const { width } = useWindowSize(); const isMobile = width <= 768; return (

The Bigger Picture The Two-Track Economy Is Already Here

Two speeds are emerging in professional services. The gap widens every quarter. It isn't about who has the better team, it's about who installed the better tools.

{ e.currentTarget.style.borderColor = 'rgba(255,107,0,0.25)'; e.currentTarget.style.transform = 'translateY(-5px) scale(1.015)'; e.currentTarget.style.boxShadow = '0 16px 48px rgba(255,107,0,0.1)'; }} onMouseLeave={e => { e.currentTarget.style.borderColor = BORDER; e.currentTarget.style.transform = 'translateY(0) scale(1)'; e.currentTarget.style.boxShadow = 'none'; }} >

Track A

Manual-First Businesses

Admin owns 40% of the calendar
Revenue leaks into follow-ups, formatting, data entry
Revenue per employee (RPE) flatlines. Growth requires headcount.
Team burns out on work systems should be doing
Competing on effort. Losing on margin.

{ e.currentTarget.style.borderColor = 'rgba(255,107,0,0.5)'; e.currentTarget.style.transform = 'translateY(-5px) scale(1.015)'; e.currentTarget.style.boxShadow = '0 16px 48px rgba(255,107,0,0.15)'; }} onMouseLeave={e => { e.currentTarget.style.borderColor = 'rgba(255,107,0,0.25)'; e.currentTarget.style.transform = 'translateY(0) scale(1)'; e.currentTarget.style.boxShadow = '0 0 40px rgba(255,107,0,0.06)'; }} >

Track B

AI-Augmented Businesses

Systems own 40% of the calendar
Revenue time reclaimed - 10+ hrs/person/week
Revenue per employee (RPE) climbs. Headcount holds flat.
Team does the work they were hired for
Competing on capability. Winning on margin.

The research isn't ambiguous. The only question is which track your business is on, and whether you're making that choice intentionally or letting it be made for you.

); } // ── Final CTA ───────────────────────────────────────────────────── function CtaSection({ bookingUrl }) { const { width } = useWindowSize(); const isMobile = width <= 768; return (

Ready?

Let's find your revenue per employee gap.

45 minutes. We map where your revenue time is going. We tell you what it takes to reclaim it. No pitch. No deck. Just the picture.

Book a Free Call → 45 MINUTES. ZERO COST. REVENUE PER EMPLOYEE GAP FOUND OR THE CALL'S ON ME.

); } // ── Footer ──────────────────────────────────────────────────────── function Footer({ onAbout, onHome, currentView }) { const { width } = useWindowSize(); const isMobile = width <= 768; const handleFooterClick = (e, href) => { if (currentView === 'about') { e.preventDefault(); onHome(); requestAnimationFrame(() => { setTimeout(() => { const id = href.replace('#', ''); const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: 'smooth' }); }, 80); }); } }; return ( ); } // ── System Operational Status Bar ───────────────────────────────── function SystemStatus() { const [visible, setVisible] = React.useState(false); const { width } = useWindowSize(); const isMobile = width <= 768; React.useEffect(() => { const t = setTimeout(() => setVisible(true), 1200); return () => clearTimeout(t); }, []); return (

SYSTEM OPERATIONAL

); } // ── Apply Modal ─────────────────────────────────────────────────── function ApplyModal({ open, onClose }) { if (!open) return null; const { width } = useWindowSize(); const isMobile = width <= 768; return (

BOOK YOUR FREE CALL

Find Your Revenue Per Employee Gap

45 minutes. We'll map exactly where your team's revenue time is going and what it would take to reclaim it.

Open Booking Page →

ZERO COST. NO OBLIGATION.

); } Object.assign(window, { ProofSection, ResearchCard, VideoScroller, VideoGallery, EditableValue, SliderRow, InfoToggle, FeaturesSection, ROICalculator, ComparisonSection, ComparisonAccordion, ComparisonAccordionCard, PricingSection, FAQSection, TwoTrackEconomy, CtaSection, Footer, SystemStatus, ApplyModal });