diff --git a/web/app/chief/chief.module.css b/web/app/chief/chief.module.css
deleted file mode 100644
index f755055..0000000
--- a/web/app/chief/chief.module.css
+++ /dev/null
@@ -1,221 +0,0 @@
-.page {
-  --chief-bg: #08111a;
-  --chief-surface: #0f1b29;
-  --chief-surface-strong: #13283b;
-  --chief-line: rgba(116, 184, 226, 0.18);
-  --chief-line-strong: rgba(116, 184, 226, 0.36);
-  --chief-text: #edf4fb;
-  --chief-muted: #a8b8c8;
-  --chief-faint: #77879a;
-  --chief-accent: #74b8e2;
-  min-height: 100vh;
-  overflow-x: clip;
-  background: var(--chief-bg);
-  color: var(--chief-text);
-}
-
-.hero {
-  min-height: min(700px, calc(100dvh - 72px));
-  display: flex;
-  align-items: center;
-  padding: 88px 40px 64px;
-  background:
-    radial-gradient(circle at 78% 25%, rgba(116, 184, 226, 0.13), transparent 34rem),
-    linear-gradient(180deg, #10283b 0%, var(--chief-bg) 100%);
-  border-bottom: 1px solid var(--chief-line);
-}
-
-.heroInner {
-  width: 100%;
-  max-width: 1180px;
-  margin: 0 auto;
-}
-
-.heroCopy { max-width: 920px; }
-
-.hero h1,
-.problemInner h2,
-.sectionIntro h2,
-.responsibilityIntro h2,
-.infrastructureCopy h2,
-.evolutionInner h2,
-.ctaInner h2 {
-  margin: 0;
-  font-family: var(--font-heading), sans-serif;
-  font-weight: 520;
-  letter-spacing: -0.055em;
-  line-height: 1.02;
-}
-
-.hero h1 {
-  max-width: 16ch;
-  font-size: clamp(3.5rem, 6.2vw, 6.5rem);
-}
-
-.heroLead {
-  max-width: 54ch;
-  margin: 26px 0 0;
-  color: var(--chief-muted);
-  font-size: clamp(1.02rem, 1.2vw, 1.16rem);
-  line-height: 1.65;
-}
-
-.heroActions { display: flex; gap: 14px; margin-top: 34px; flex-wrap: wrap; }
-
-.pilotButton,
-.pilotButtonCompact,
-.secondaryButton {
-  min-height: 48px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 9px;
-  padding: 12px 24px;
-  border: 1.5px solid #234969;
-  border-radius: 999px;
-  background: #2d6a9c;
-  color: #fff;
-  font-size: 0.91rem;
-  font-weight: 650;
-  line-height: 1;
-  text-decoration: none;
-  white-space: nowrap;
-  transition: transform 180ms var(--ease-out-quint), background 180ms ease, border-color 180ms ease;
-}
-
-.pilotButtonCompact { min-height: 38px; padding: 9px 17px; background: #edf7fd; border-color: #d8ebf8; color: #0b2233; }
-.secondaryButton { background: transparent; border-color: var(--chief-line-strong); color: var(--chief-text); }
-.pilotButton svg, .pilotButtonCompact svg, .secondaryButton svg { width: 16px; height: 16px; stroke-width: 1.8; }
-.pilotButton:hover { background: #4a90c2; }
-.secondaryButton:hover { border-color: var(--chief-accent); color: var(--chief-accent); }
-.pilotButton:hover, .pilotButtonCompact:hover, .secondaryButton:hover { transform: translateY(-1px); }
-.pilotButton:active, .pilotButtonCompact:active, .secondaryButton:active { transform: scale(0.97); }
-.pilotButton:focus-visible, .pilotButtonCompact:focus-visible, .secondaryButton:focus-visible { outline: 3px solid var(--chief-accent); outline-offset: 4px; }
-
-.problemSection { padding: 118px 40px; background: #0b1723; border-bottom: 1px solid var(--chief-line); }
-.problemInner { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 96px; align-items: end; }
-.problemInner h2, .sectionIntro h2, .responsibilityIntro h2, .infrastructureCopy h2, .evolutionInner h2, .ctaInner h2 { font-size: clamp(2.35rem, 4.2vw, 4.5rem); }
-.problemCopy { padding-left: 28px; border-left: 1px solid var(--chief-line-strong); }
-.problemCopy p, .sectionIntro p, .responsibilityIntro p, .infrastructureCopy p, .evolutionInner p, .ctaInner > p { color: var(--chief-muted); line-height: 1.7; }
-.problemCopy p { margin: 0; }
-.problemCopy p + p { margin-top: 20px; color: var(--chief-text); }
-
-.workflowSection { max-width: 1280px; margin: 0 auto; padding: 128px 40px 140px; }
-.sectionIntro { max-width: 760px; }
-.sectionIntro p { max-width: 61ch; margin: 24px 0 0; }
-.workflowTrack { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 76px; }
-.workflowItem { position: relative; padding: 0 32px 0 0; }
-.workflowItem:not(:last-child) { border-right: 1px solid var(--chief-line); margin-right: 32px; }
-.workflowRail { height: 2px; margin-bottom: 30px; background: var(--chief-line); }
-.workflowRail span { display: block; width: 38%; height: 100%; background: var(--chief-accent); }
-.workflowIcon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--chief-line-strong); border-radius: 12px; background: var(--chief-surface); color: var(--chief-accent); }
-.workflowIcon svg { width: 20px; height: 20px; stroke-width: 1.7; }
-.workflowDetail { margin: 24px 0 0; color: var(--chief-accent) !important; font: 0.7rem/1.2 var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .07em; }
-.workflowItem h3 { margin: 12px 0 0; font-size: 1.16rem; letter-spacing: -.025em; }
-.workflowItem > p:last-child { margin: 13px 0 0; color: var(--chief-muted); font-size: .92rem; line-height: 1.65; }
-
-.responsibilitySection { padding: 128px 40px; background: #10283b; border-block: 1px solid var(--chief-line); }
-.responsibilitySection > * { max-width: 1160px; margin-inline: auto; }
-.responsibilityIntro { max-width: 770px; }
-.responsibilityIntro p { max-width: 66ch; margin: 22px 0 0; }
-.responsibilityIntro p + p { margin-top: 10px; color: var(--chief-text); }
-.responsibilityDiagram { margin-top: 68px; display: grid; grid-template-columns: 1fr 50px 1fr; gap: 22px; align-items: center; }
-.beforeDiagram, .afterDiagram { min-height: 390px; padding: 28px; border: 1px solid var(--chief-line); border-radius: 16px; background: #0b1b29; }
-.beforeDiagram h3, .afterDiagram h3 { margin: 0; color: var(--chief-muted); font: .72rem/1.2 var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .08em; }
-.beforeDiagram > p, .afterDiagram > p { margin: 20px 0 0; color: var(--chief-muted); font-size: .86rem; text-align: center; }
-.manualMap { position: relative; width: 260px; height: 245px; margin: 22px auto 0; }
-.personNode, .manualNode, .managedChief, .returnNode { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--chief-line-strong); border-radius: 12px; background: var(--chief-surface-strong); font: .7rem/1.2 var(--font-geist-mono), monospace; }
-.personNode { padding: 12px 14px; color: var(--chief-text); }
-.personNode svg, .returnNode svg { width: 15px; height: 15px; color: var(--chief-accent); }
-.manualMap .personNode { position: absolute; left: 82px; top: 96px; z-index: 2; }
-.manualNode { position: absolute; width: 68px; height: 42px; color: var(--chief-muted); }
-.manualNode::after { content: ''; position: absolute; width: 66px; height: 1px; background: var(--chief-line-strong); transform-origin: left; }
-.manualNode:nth-child(2) { left: 0; top: 16px; } .manualNode:nth-child(2)::after { left: 58px; top: 35px; transform: rotate(35deg); }
-.manualNode:nth-child(3) { right: 0; top: 16px; } .manualNode:nth-child(3)::after { right: 58px; top: 35px; transform: rotate(-35deg); transform-origin: right; }
-.manualNode:nth-child(4) { left: 0; bottom: 10px; } .manualNode:nth-child(4)::after { left: 58px; bottom: 35px; transform: rotate(-35deg); }
-.manualNode:nth-child(5) { right: 0; bottom: 10px; } .manualNode:nth-child(5)::after { right: 58px; bottom: 35px; transform: rotate(35deg); transform-origin: right; }
-.manualNode:nth-child(6) { left: 96px; top: 0; } .manualNode:nth-child(6)::after { left: 34px; top: 42px; transform: rotate(90deg); }
-.manualNode:nth-child(7) { left: 96px; bottom: 0; } .manualNode:nth-child(7)::after { left: 34px; bottom: 42px; transform: rotate(-90deg); }
-.compareArrow { width: 24px; margin: auto; color: var(--chief-accent); }
-.managedMap { min-height: 245px; margin-top: 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px; }
-.managedMap > svg { width: 18px; color: var(--chief-faint); }
-.managedChief { padding: 13px 28px; border-color: var(--chief-accent); background: #12334b; color: var(--chief-text); font-size: .85rem; }
-.managedTeams { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
-.managedTeams span { padding: 9px 13px; border: 1px solid var(--chief-line); border-radius: 10px; color: var(--chief-muted); font: .65rem/1 var(--font-geist-mono), monospace; }
-.returnNode { padding: 10px 15px; color: var(--chief-accent); }
-
-.infrastructureSection { padding: 136px 40px; }
-.infrastructureInner { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: .82fr 1.18fr; gap: 100px; align-items: center; }
-.infrastructureCopy p { max-width: 55ch; margin: 24px 0 0; }
-.infrastructureCopy p + p { margin-top: 14px; color: var(--chief-text); }
-.layerDiagram { display: grid; gap: 10px; }
-.chiefLayer, .relayLayer { padding: 28px; border: 1px solid var(--chief-line-strong); border-radius: 16px; }
-.chiefLayer { width: 82%; margin: 0 auto; background: #15344a; }
-.relayLayer { background: var(--chief-surface); }
-.chiefLayer > span, .relayLayer > span { color: var(--chief-accent); font: .68rem/1.2 var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .08em; }
-.chiefLayer strong, .relayLayer strong { display: block; margin-top: 10px; font: 520 1.5rem/1.1 var(--font-heading), sans-serif; }
-.chiefLayer p { margin: 13px 0 0; color: var(--chief-muted); font-size: .84rem; line-height: 1.55; }
-.capabilityGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; margin-top: 22px; }
-.capabilityGrid span { display: flex; align-items: center; gap: 8px; color: var(--chief-muted); font-size: .78rem; }
-.capabilityGrid svg { width: 15px; height: 15px; color: var(--chief-accent); stroke-width: 1.7; }
-
-.evolutionSection { padding: 94px 40px; background: #0c1c2a; border-block: 1px solid var(--chief-line); }
-.evolutionInner { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 90px 1fr; gap: 40px; align-items: start; }
-.evolutionInner > svg { width: 70px; height: 70px; padding: 18px; border: 1px solid var(--chief-line-strong); border-radius: 16px; color: var(--chief-accent); }
-.evolutionInner h2 { font-size: clamp(2.2rem, 3.8vw, 4rem); }
-.evolutionInner p { max-width: 65ch; margin: 22px 0 0; }
-.evolutionInner p + p { margin-top: 12px; color: var(--chief-text); font-weight: 600; }
-
-.ctaSection { padding: 140px 40px; text-align: center; background: radial-gradient(circle at 50% 25%, rgba(116, 184, 226, .13), transparent 32rem); }
-.ctaInner { max-width: 820px; margin: 0 auto; }
-.ctaInner > p { margin: 24px auto 0; font-size: 1.08rem; }
-.ctaInner .pilotButton { margin-top: 34px; }
-.ctaInner > span { display: block; margin-top: 18px; color: var(--chief-faint); font-size: .83rem; }
-
-@media (max-width: 1120px) {
-  .hero { padding-top: 72px; }
-  .heroCopy { max-width: 860px; }
-  .workflowTrack { grid-template-columns: repeat(2, 1fr); gap: 52px 0; }
-  .workflowItem:nth-child(2) { border-right: 0; margin-right: 0; }
-  .infrastructureInner { gap: 60px; }
-}
-
-@media (max-width: 760px) {
-  .hero, .problemSection, .workflowSection, .responsibilitySection, .infrastructureSection, .evolutionSection, .ctaSection { padding-left: 20px; padding-right: 20px; }
-  .hero { min-height: auto; padding-top: 76px; padding-bottom: 52px; }
-  .hero h1 { max-width: 12ch; font-size: clamp(3rem, 15vw, 4.3rem); }
-  .heroLead { font-size: 1rem; }
-  .problemSection { padding-top: 88px; padding-bottom: 88px; }
-  .problemInner { grid-template-columns: 1fr; gap: 38px; }
-  .problemCopy { padding-left: 20px; }
-  .workflowSection { padding-top: 96px; padding-bottom: 104px; }
-  .workflowTrack { grid-template-columns: 1fr; gap: 0; margin-top: 54px; }
-  .workflowItem, .workflowItem:not(:last-child), .workflowItem:nth-child(2) { margin: 0; padding: 0 0 44px; border-right: 0; }
-  .workflowItem:last-child { padding-bottom: 0; }
-  .workflowRail { width: 48%; }
-  .responsibilitySection { padding-top: 96px; padding-bottom: 96px; }
-  .responsibilityDiagram { grid-template-columns: 1fr; margin-top: 48px; }
-  .compareArrow { transform: rotate(90deg); }
-  .beforeDiagram, .afterDiagram { min-height: 370px; padding: 22px; }
-  .infrastructureSection { padding-top: 102px; padding-bottom: 102px; }
-  .infrastructureInner { grid-template-columns: 1fr; gap: 52px; }
-  .chiefLayer { width: 88%; }
-  .evolutionSection { padding-top: 78px; padding-bottom: 78px; }
-  .evolutionInner { grid-template-columns: 1fr; gap: 26px; }
-  .evolutionInner > svg { width: 58px; height: 58px; padding: 15px; }
-  .ctaSection { padding-top: 104px; padding-bottom: 104px; }
-}
-
-@media (max-width: 440px) {
-  .hero h1 { max-width: 10ch; }
-  .heroActions { align-items: stretch; flex-direction: column; }
-  .pilotButton, .secondaryButton { width: 100%; }
-  .problemInner h2, .sectionIntro h2, .responsibilityIntro h2, .infrastructureCopy h2, .evolutionInner h2, .ctaInner h2 { font-size: 2.35rem; }
-  .manualMap { transform: scale(.92); transform-origin: center; margin-inline: -2px; }
-  .capabilityGrid { grid-template-columns: 1fr; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .pilotButton, .pilotButtonCompact, .secondaryButton { transition: none; }
-  .pilotButton:hover, .pilotButtonCompact:hover, .secondaryButton:hover, .pilotButton:active, .pilotButtonCompact:active, .secondaryButton:active { transform: none; }
-}
diff --git a/web/app/chief/og.png/route.tsx b/web/app/chief/og.png/route.tsx
deleted file mode 100644
index 8f83632..0000000
--- a/web/app/chief/og.png/route.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ImageResponse } from 'next/og';
-
-import { DefaultVariant, loadBrandFonts, OG_SIZE } from '../../../lib/og/template';
-
-export const runtime = 'nodejs';
-export const dynamic = 'force-static';
-
-export async function GET() {
-  const { fonts, headingFamily, bodyFamily } = await loadBrandFonts();
-
-  return new ImageResponse(
-    <DefaultVariant
-      bodyFamily={bodyFamily}
-      eyebrow="Chief by Agent Relay"
-      headingFamily={headingFamily}
-      subtitle="Run coding-agent teams across your backlog and get pull requests ready for review."
-      title="The Agent Software Manager"
-    />,
-    {
-      ...OG_SIZE,
-      ...(fonts.length > 0 ? { fonts } : {}),
-    }
-  );
-}
diff --git a/web/app/chief/page.tsx b/web/app/chief/page.tsx
deleted file mode 100644
index ee1d793..0000000
--- a/web/app/chief/page.tsx
+++ /dev/null
@@ -1,256 +0,0 @@
-import type { Metadata } from 'next';
-import Link from 'next/link';
-import {
-  ArrowDown,
-  ArrowRight,
-  Bot,
-  FileCode2,
-  Files,
-  GitBranch,
-  GitPullRequest,
-  KeyRound,
-  ListTodo,
-  MessagesSquare,
-  ShieldCheck,
-  UserRound,
-  Workflow,
-} from 'lucide-react';
-
-import { FadeIn } from '../../components/FadeIn';
-import { SiteFooter } from '../../components/SiteFooter';
-import { SiteNav } from '../../components/SiteNav';
-import { ogImage } from '../../lib/og-meta';
-import { absoluteUrl } from '../../lib/site';
-import s from './chief.module.css';
-
-const pilotHref = 'https://agentrelay.com/will';
-const description =
-  'Chief manages coding-agent teams across your Linear or GitHub backlog and returns pull requests ready for review.';
-const ogPath = '/chief/og.png';
-
-export const metadata: Metadata = {
-  title: { absolute: 'Chief by Agent Relay | Run your engineering backlog with agent teams' },
-  description,
-  alternates: { canonical: absoluteUrl('/chief') },
-  robots: { index: true, follow: true },
-  openGraph: {
-    title: 'Chief by Agent Relay | The Agent Software Manager',
-    description,
-    url: absoluteUrl('/chief'),
-    type: 'website',
-    images: [ogImage(ogPath, 'Chief coordinates coding-agent teams across an engineering backlog')],
-  },
-  twitter: {
-    card: 'summary_large_image',
-    title: 'Chief by Agent Relay | The Agent Software Manager',
-    description,
-    images: [absoluteUrl(ogPath)],
-  },
-};
-
-const workflow = [
-  {
-    icon: ListTodo,
-    title: 'Import the work',
-    body: 'Chief takes issues from Linear or GitHub and determines what can run in parallel.',
-    detail: 'Backlog in',
-  },
-  {
-    icon: Bot,
-    title: 'Start the right team',
-    body: 'For each issue, Chief assembles and directs the coding agents needed to implement and review it.',
-    detail: 'Teams assigned',
-  },
-  {
-    icon: Workflow,
-    title: 'Keep the work moving',
-    body: 'Chief passes context, monitors progress, handles handoffs, and escalates decisions that need human judgment.',
-    detail: 'Work managed',
-  },
-  {
-    icon: GitPullRequest,
-    title: 'Review the result',
-    body: 'You receive pull requests ready for review instead of a collection of unfinished agent sessions.',
-    detail: 'PRs returned',
-  },
-];
-
-const relayCapabilities = [
-  { icon: MessagesSquare, label: 'Real-time messaging' },
-  { icon: Files, label: 'Shared context and files' },
-  { icon: ShieldCheck, label: 'Scoped permissions' },
-  { icon: KeyRound, label: 'Authentication' },
-  { icon: GitBranch, label: 'Workflow state' },
-];
-
-function PilotButton({ compact = false }: { compact?: boolean }) {
-  return (
-    <a className={compact ? s.pilotButtonCompact : s.pilotButton} href={pilotHref}>
-      Request a pilot
-      <ArrowRight aria-hidden="true" />
-    </a>
-  );
-}
-
-function ResponsibilityDiagram() {
-  return (
-    <div className={s.responsibilityDiagram}>
-      <div className={s.beforeDiagram}>
-        <h3>Before Chief</h3>
-        <div className={s.manualMap} aria-label="Engineer manually coordinates agents and tasks">
-          <span className={s.personNode}><UserRound aria-hidden="true" />Engineer</span>
-          <span className={s.manualNode}>Agent</span>
-          <span className={s.manualNode}>Agent</span>
-          <span className={s.manualNode}>Agent</span>
-          <span className={s.manualNode}>Task</span>
-          <span className={s.manualNode}>Review</span>
-          <span className={s.manualNode}>Context</span>
-        </div>
-        <p>Every handoff runs through you.</p>
-      </div>
-
-      <ArrowRight className={s.compareArrow} aria-hidden="true" />
-
-      <div className={s.afterDiagram}>
-        <h3>With Chief</h3>
-        <div className={s.managedMap} aria-label="Engineer directs Chief, Chief coordinates teams, and pull requests return to the engineer">
-          <span className={s.personNode}><UserRound aria-hidden="true" />Engineer</span>
-          <ArrowDown aria-hidden="true" />
-          <span className={s.managedChief}>Chief</span>
-          <div className={s.managedTeams}>
-            <span>Team</span>
-            <span>Team</span>
-            <span>Team</span>
-          </div>
-          <span className={s.returnNode}><GitPullRequest aria-hidden="true" />Pull requests</span>
-        </div>
-        <p>You set direction and review the result.</p>
-      </div>
-    </div>
-  );
-}
-
-export default function ChiefPage() {
-  const navAction = <PilotButton compact />;
-
-  return (
-    <div className={s.page}>
-      <SiteNav actions={navAction} mobileMenuContent={navAction} />
-
-      <main>
-        <section className={s.hero}>
-          <div className={s.heroInner}>
-            <div className={s.heroCopy}>
-              <h1>The Agent Software Manager</h1>
-              <p className={s.heroLead}>Let an agent manage the coordination of your agents. Step in when you need to.</p>
-              <div className={s.heroActions}>
-                <PilotButton />
-                <Link className={s.secondaryButton} href="#workflow">
-                  See how Chief works
-                  <ArrowDown aria-hidden="true" />
-                </Link>
-              </div>
-            </div>
-          </div>
-        </section>
-
-        <section className={s.problemSection}>
-          <FadeIn className={s.problemInner}>
-            <h2>Coding agents created a new management job.</h2>
-            <div className={s.problemCopy}>
-              <p>You can run eight coding agents at once. But then you spend the day starting them, passing context, checking progress, recovering failures, and deciding what happens next.</p>
-              <p>The agents may be writing the code, but you are still managing every handoff.</p>
-            </div>
-          </FadeIn>
-        </section>
-
-        <section className={s.workflowSection} id="workflow">
-          <div className={s.sectionIntro}>
-            <FadeIn>
-              <h2>Give Chief the backlog.</h2>
-              <p>Chief turns a queue of issues into coordinated work that comes back in a form engineers already know how to review.</p>
-            </FadeIn>
-          </div>
-
-          <div className={s.workflowTrack}>
-            {workflow.map((item, index) => {
-              const Icon = item.icon;
-              return (
-                <FadeIn className={s.workflowItem} delay={index * 70} key={item.title}>
-                  <div className={s.workflowRail} aria-hidden="true">
-                    <span />
-                  </div>
-                  <div className={s.workflowIcon}><Icon aria-hidden="true" /></div>
-                  <p className={s.workflowDetail}>{item.detail}</p>
-                  <h3>{item.title}</h3>
-                  <p>{item.body}</p>
-                </FadeIn>
-              );
-            })}
-          </div>
-        </section>
-
-        <section className={s.responsibilitySection}>
-          <FadeIn className={s.responsibilityIntro}>
-            <h2>You review the work. Chief manages the work.</h2>
-            <p>Chief does not remove engineering judgment. It removes engineers from the coordination loop.</p>
-            <p>You set priorities, permissions, and approval boundaries. Chief manages the agents. You review the pull requests and make the decisions that matter.</p>
-          </FadeIn>
-          <FadeIn delay={100}>
-            <ResponsibilityDiagram />
-          </FadeIn>
-        </section>
-
-        <section className={s.infrastructureSection}>
-          <div className={s.infrastructureInner}>
-            <FadeIn className={s.infrastructureCopy} direction="right">
-              <h2>Relay underneath. Chief on top.</h2>
-              <p>Agent Relay provides the durable communication layer beneath Chief across models, harnesses, and environments.</p>
-              <p>Chief uses that infrastructure to coordinate long-running software work without requiring a human to relay every message.</p>
-            </FadeIn>
-
-            <FadeIn className={s.layerDiagram} delay={90} direction="left">
-              <div className={s.chiefLayer}>
-                <span>Management layer</span>
-                <strong>Chief</strong>
-                <p>Backlog planning, team direction, progress, handoffs, escalation</p>
-              </div>
-              <div className={s.relayLayer}>
-                <span>Communication layer</span>
-                <strong>Agent Relay</strong>
-                <div className={s.capabilityGrid}>
-                  {relayCapabilities.map((capability) => {
-                    const Icon = capability.icon;
-                    return <span key={capability.label}><Icon aria-hidden="true" />{capability.label}</span>;
-                  })}
-                </div>
-              </div>
-            </FadeIn>
-          </div>
-        </section>
-
-        <section className={s.evolutionSection}>
-          <FadeIn className={s.evolutionInner}>
-            <FileCode2 aria-hidden="true" />
-            <div>
-              <h2>Communication was only the first layer.</h2>
-              <p>We built Agent Relay so agents could communicate directly. Users built teams of coding agents to complete and review software tasks, but still had to supervise those teams themselves.</p>
-              <p>Chief is the manager those agent teams were missing.</p>
-            </div>
-          </FadeIn>
-        </section>
-
-        <section className={s.ctaSection}>
-          <FadeIn className={s.ctaInner}>
-            <h2>Stop managing every agent.</h2>
-            <p>Run more of your engineering backlog without becoming the bottleneck.</p>
-            <PilotButton />
-            <span>We are onboarding a small number of engineering teams as design partners.</span>
-          </FadeIn>
-        </section>
-      </main>
-
-      <SiteFooter />
-    </div>
-  );
-}
diff --git a/web/app/sitemap.ts b/web/app/sitemap.ts
index e2c7bad..b7fae62 100644
--- a/web/app/sitemap.ts
+++ b/web/app/sitemap.ts
@@ -74,7 +74,7 @@ export default function sitemap(): MetadataRoute.Sitemap {
       priority: 0.8,
     },
     {
-      url: absoluteUrl('/chief'),
+      url: absoluteUrl('/skip'),
       lastModified: now,
       changeFrequency: 'weekly',
       priority: 0.9,
diff --git a/web/app/skip/coordination-scene.tsx b/web/app/skip/coordination-scene.tsx
new file mode 100644
index 0000000..3407be1
--- /dev/null
+++ b/web/app/skip/coordination-scene.tsx
@@ -0,0 +1,124 @@
+'use client';
+
+import Image from 'next/image';
+import { useEffect, useState } from 'react';
+
+type Workstream = {
+  project: string;
+  next: string;
+  phase?: number;
+  changedStatus?: 'In agent review' | 'Blocked' | 'Waiting on human';
+  changedNext?: string;
+};
+
+const workstreams: Workstream[] = [
+  { project: 'API pagination', next: 'Agent question', phase: 1, changedNext: 'Merge' },
+  { project: 'Usage metering', next: 'Backfill' },
+  { project: 'Passwordless login', next: 'Rate limit' },
+  { project: 'Session migration', next: 'Review', phase: 2, changedStatus: 'In agent review', changedNext: 'Open PR' },
+  { project: 'Dependency audit', next: 'Review', phase: 2, changedStatus: 'In agent review', changedNext: 'Open PR' },
+  { project: 'Search indexing', next: 'Index documents', phase: 3, changedStatus: 'Blocked', changedNext: 'API pagination finishes' },
+  { project: 'CI failures', next: 'Retry checks', phase: 3, changedStatus: 'Waiting on human', changedNext: 'Approve fix' },
+  { project: 'Webhook retries', next: 'Choose policy', phase: 3, changedStatus: 'Waiting on human' },
+];
+
+const sequence = [
+  { after: 1350, phase: 1 },
+  { after: 3050, phase: 2 },
+  { after: 4750, phase: 3 },
+  { after: 6150, phase: 4 },
+];
+
+export function CoordinationScene() {
+  const [phase, setPhase] = useState(0);
+
+  useEffect(() => {
+    const media = window.matchMedia('(prefers-reduced-motion: reduce)');
+    if (media.matches) {
+      setPhase(4);
+      return;
+    }
+
+    let timers: number[] = [];
+    let cancelled = false;
+
+    const play = () => {
+      setPhase(0);
+      sequence.forEach((event) => {
+        timers.push(window.setTimeout(() => {
+          if (!cancelled) setPhase(event.phase);
+        }, event.after));
+      });
+      timers.push(window.setTimeout(() => {
+        if (!cancelled) play();
+      }, 11500));
+    };
+
+    play();
+    return () => {
+      cancelled = true;
+      timers.forEach(window.clearTimeout);
+    };
+  }, []);
+
+  return (
+    <div className="coordination-scene" aria-label="Skip watches active projects, resolves routine coordination, and groups the issues that need a human">
+      <aside className="coordination-chat">
+        <div className="coordination-chat-head">
+          <Image src="/skip-assets/skip-avatar.png" alt="" width={38} height={38} />
+          <div><strong>Skip</strong><span>Keeping watch</span></div>
+          <i aria-hidden="true" />
+        </div>
+
+        <div className="coordination-chat-body">
+          <ActionLine visible={phase >= 1} tone="healthy">Skip resolved agent question</ActionLine>
+          <ActionLine visible={phase >= 2} tone="review">Skip directed reviewer</ActionLine>
+          <ActionLine visible={phase >= 3} tone="human">Issue needs a human · filed for next check-in</ActionLine>
+
+          <div className={`coordination-message ${phase >= 4 ? 'is-visible' : ''}`}>
+            <Image src="/skip-assets/skip-avatar.png" alt="" width={34} height={34} />
+            <div>
+              <span>Skip</span>
+              <p>Hey, 3 projects need your help. Got a second?</p>
+            </div>
+          </div>
+
+          <div className={`coordination-open ${phase >= 4 ? 'is-visible' : ''}`}>
+            Go to first issue <span aria-hidden="true">→</span>
+          </div>
+        </div>
+
+        <div className="coordination-composer"><span>Message Skip...</span><b aria-hidden="true">↑</b></div>
+      </aside>
+
+      <div className="coordination-table">
+        <div className="coordination-table-head"><span>Project</span><span>Status</span><span>Next up</span></div>
+        <div className="coordination-table-body">
+          {workstreams.map((workstream) => {
+            const changed = workstream.phase !== undefined && phase >= workstream.phase;
+            const status = changed && workstream.changedStatus ? workstream.changedStatus : 'Working';
+            const next = changed && workstream.changedNext ? workstream.changedNext : workstream.next;
+            const statusClass = status.toLowerCase().replaceAll(' ', '-');
+
+            return (
+              <div className={`coordination-row ${changed ? 'is-changed' : ''}`} key={workstream.project}>
+                <strong>{workstream.project}</strong>
+                <span className={`coordination-status coordination-status-${statusClass}`}><i aria-hidden="true" />{status}</span>
+                <span>{next}</span>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function ActionLine({ children, tone, visible }: { children: React.ReactNode; tone: string; visible: boolean }) {
+  return (
+    <div className={`coordination-action coordination-action-${tone} ${visible ? 'is-visible' : ''}`}>
+      <span aria-hidden="true">{tone === 'healthy' ? '✓' : tone === 'review' ? '↳' : '!'}</span>
+      <p>{children}</p>
+    </div>
+  );
+}
diff --git a/web/app/skip/footer-portrait.tsx b/web/app/skip/footer-portrait.tsx
new file mode 100644
index 0000000..76eb2ca
--- /dev/null
+++ b/web/app/skip/footer-portrait.tsx
@@ -0,0 +1,165 @@
+'use client';
+
+import Image from 'next/image';
+import { useEffect, useRef, useState } from 'react';
+
+type MarkPosition = {
+  x: number;
+  y: number;
+  rotation: number;
+};
+
+const INITIAL_TERMINALS = 20;
+const MAX_TERMINALS = 20;
+const roundStyleValue = (value: number) => Math.round(value * 10_000) / 10_000;
+
+const orbitSettings = Array.from({ length: MAX_TERMINALS }, (_, index) => {
+  const direction = index % 2 === 0 ? 1 : -1;
+  return {
+    phase: -1.55 + index * 1.07,
+    speed: direction * (.84 + (index % 5) * .075),
+    spin: direction * (.88 + (index % 4) * .09),
+    radiusX: 37 + (index * 7) % 10,
+    radiusY: 37 + (index * 11) % 9,
+  };
+});
+
+const initialPositions = orbitSettings.map(({ phase, radiusX, radiusY }, index) => ({
+  // React's server renderer serializes style numbers with limited precision.
+  // Quantize the initial values so the client's first render is byte-for-byte
+  // identical and hydration can safely hand the elements to the RAF loop.
+  x: roundStyleValue(50 + Math.cos(phase) * radiusX),
+  y: roundStyleValue(50 + Math.sin(phase) * radiusY),
+  rotation: roundStyleValue(phase * 180 / Math.PI + 90 + index * 8),
+}));
+
+function getCalmPosition(index: number, count: number): MarkPosition {
+  const split = count > 10;
+  const isLeft = split && index % 2 === 0;
+  const row = split ? Math.floor(index / 2) : index;
+  const sideCount = split
+    ? (isLeft ? Math.ceil(count / 2) : Math.floor(count / 2))
+    : count;
+  const spacing = sideCount > 8 ? 6.6 : 7.2;
+
+  return {
+    x: isLeft ? 17.5 : 82.5,
+    y: 50 + (row - (sideCount - 1) / 2) * spacing,
+    rotation: 0,
+  };
+}
+
+export function FooterPortrait() {
+  const [isCalm, setIsCalm] = useState(false);
+  const [terminalCount, setTerminalCount] = useState(INITIAL_TERMINALS);
+  const calmRef = useRef(false);
+  const countRef = useRef(INITIAL_TERMINALS);
+  const releasedAtRef = useRef(0);
+  const marksRef = useRef<Array<HTMLSpanElement | null>>([]);
+  const positionsRef = useRef(initialPositions.map((position) => ({ ...position })));
+
+  useEffect(() => {
+    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    const startedAt = performance.now();
+    let previousTime = startedAt;
+    let frame = 0;
+
+    const animate = (now: number) => {
+      const elapsed = (now - startedAt) / 1000;
+      const delta = Math.min((now - previousTime) / 1000, .05);
+      previousTime = now;
+      const calm = calmRef.current;
+      const releaseAge = (now - releasedAtRef.current) / 1000;
+      const releaseProgress = Math.min(Math.max(releaseAge / 1.8, 0), 1);
+      const response = calm ? .3 : .78 - releaseProgress * .54;
+      const amount = reduceMotion ? 1 : 1 - Math.exp(-delta / response);
+
+      orbitSettings.slice(0, countRef.current).forEach((orbit, index) => {
+        const angle = orbit.phase + elapsed * orbit.speed;
+        const target = calm
+          ? getCalmPosition(index, countRef.current)
+          : {
+              x: 50 + Math.cos(angle) * orbit.radiusX,
+              y: 50 + Math.sin(angle) * orbit.radiusY,
+              rotation: angle * 180 / Math.PI + 90
+                + elapsed * orbit.spin * 118
+                + Math.sin(elapsed * 1.4 + index) * 12,
+            };
+        const current = positionsRef.current[index];
+
+        current.x += (target.x - current.x) * amount;
+        current.y += (target.y - current.y) * amount;
+        if (calm) {
+          current.rotation = 0;
+        } else {
+          const rotationDelta = ((target.rotation - current.rotation + 540) % 360) - 180;
+          current.rotation += rotationDelta * amount;
+        }
+
+        const mark = marksRef.current[index];
+        if (mark) {
+          mark.style.left = `${current.x}%`;
+          mark.style.top = `${current.y}%`;
+          mark.style.transform = `translate(-50%, -50%) rotate(${current.rotation}deg)`;
+        }
+      });
+
+      if (!reduceMotion) frame = requestAnimationFrame(animate);
+    };
+
+    frame = requestAnimationFrame(animate);
+    return () => cancelAnimationFrame(frame);
+  }, []);
+
+  const settle = () => {
+    calmRef.current = true;
+    setIsCalm(true);
+  };
+
+  const addTerminalAndSettle = () => {
+    setTerminalCount((count) => {
+      const nextCount = Math.min(count + 1, MAX_TERMINALS);
+      countRef.current = nextCount;
+      return nextCount;
+    });
+    settle();
+  };
+
+  const releaseCalm = () => {
+    calmRef.current = false;
+    releasedAtRef.current = performance.now();
+    setIsCalm(false);
+  };
+
+  return (
+    <div
+      className={`footer-portrait${isCalm ? ' is-calm' : ''}`}
+      role="img"
+      aria-label={`Skip organizing ${terminalCount} moving workstreams`}
+      tabIndex={0}
+      onMouseEnter={addTerminalAndSettle}
+      onMouseLeave={releaseCalm}
+      onFocus={settle}
+      onBlur={releaseCalm}
+    >
+      <div className="footer-orbit footer-orbit-outer" />
+      <div className="footer-orbit footer-orbit-inner" />
+      {initialPositions.slice(0, terminalCount).map((position, index) => (
+        <span
+          className="footer-orbit-mark"
+          key={index}
+          ref={(mark) => { marksRef.current[index] = mark; }}
+          style={{
+            left: `${position.x}%`,
+            top: `${position.y}%`,
+            transform: `translate(-50%, -50%) rotate(${position.rotation}deg)`,
+          }}
+        />
+      ))}
+      <span className="footer-avatar">
+        <Image className="footer-avatar-chaos" src="/skip-assets/skip-avatar-hover.png" alt="" width={190} height={190} />
+        <Image className="footer-avatar-calm" src="/skip-assets/skip-avatar.png" alt="" width={190} height={190} />
+      </span>
+    </div>
+  );
+}
diff --git a/web/app/skip/hero-work-scene.tsx b/web/app/skip/hero-work-scene.tsx
new file mode 100644
index 0000000..8eac2c2
--- /dev/null
+++ b/web/app/skip/hero-work-scene.tsx
@@ -0,0 +1,260 @@
+'use client';
+
+import Image from 'next/image';
+import { useEffect, useState } from 'react';
+
+const spinnerFrames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+
+const terminals = [
+  {
+    name: 'API pagination',
+    harness: 'claude',
+    agent: 'Claude Code',
+    className: 'hero-terminal-one',
+    activity: [
+      'Thinking about cursor boundaries...',
+      'Read Sources/API/Paginator.swift',
+      'Search "nextCursor" in Sources/API',
+      'Edit Paginator.swift (+18 -6)',
+      'Run swift test --filter Pagination',
+      '12 tests passed',
+      'Reviewing edge cases...',
+    ],
+  },
+  {
+    name: 'Usage metering',
+    harness: 'codex',
+    agent: 'Codex',
+    className: 'hero-terminal-two',
+    activity: [
+      'Inspecting usage event schema...',
+      'rg "usage_events" Sources',
+      'Read Metering/UsageStore.swift',
+      'Apply patch to UsageStore.swift',
+      'Run backfill test suite',
+      'Processing 2,418 test events...',
+      'Checking aggregate totals...',
+    ],
+  },
+  {
+    name: 'Passwordless login',
+    harness: 'claude',
+    agent: 'Claude Code',
+    className: 'hero-terminal-four',
+    activity: [
+      'Thinking about abuse controls...',
+      'Read Auth/Passwordless.swift',
+      'Search existing rate limit policy',
+      'Edit Passwordless.swift (+24 -3)',
+      'Run authentication tests',
+      'Verifying token expiry...',
+      'All checks passing',
+    ],
+  },
+  {
+    name: 'Session migration',
+    harness: 'codex',
+    agent: 'Codex',
+    className: 'hero-terminal-three',
+    activity: [
+      'Exploring persistence layer...',
+      'rg "SessionRecord" Sources',
+      'Read Storage/SessionStore.swift',
+      'Apply migration patch',
+      'Run migration fixtures',
+      'Comparing 184 migrated records...',
+      'Preparing agent review',
+    ],
+  },
+  {
+    name: 'CI failures',
+    harness: 'claude',
+    agent: 'Claude Code',
+    className: 'hero-terminal-six',
+    activity: [
+      'Inspecting failing integration run...',
+      'Read Tests/CheckoutFlow.swift',
+      'Compare CI environment variables',
+      'Patch deterministic clock fixture',
+      'Run checkout integration tests',
+      '18 tests passed',
+      'Preparing fix summary...',
+    ],
+  },
+  {
+    name: 'Webhook retries',
+    harness: 'codex',
+    agent: 'Codex',
+    className: 'hero-terminal-five',
+    activity: [
+      'Tracing retry policy...',
+      'Read Webhooks/RetryPolicy.swift',
+      'Compare delivery guarantees',
+      'Add exponential backoff cases',
+      'Run webhook simulations',
+      'Verifying failure windows...',
+      'Policy tests passing',
+    ],
+  },
+  {
+    name: 'Search indexing',
+    harness: 'claude',
+    agent: 'Claude Code',
+    className: 'hero-terminal-seven',
+    activity: [
+      'Following indexing pipeline...',
+      'Read Search/Indexer.swift',
+      'Trace document batching',
+      'Tune concurrent writes',
+      'Run indexing benchmark',
+      'Checking 6,284 documents...',
+      'Reviewing memory profile',
+    ],
+  },
+  {
+    name: 'Dependency audit',
+    harness: 'codex',
+    agent: 'Codex',
+    className: 'hero-terminal-eight',
+    activity: [
+      'Reading package lockfile...',
+      'Check transitive advisories',
+      'Compare compatible versions',
+      'Update three dependencies',
+      'Run compatibility suite',
+      'Scanning production bundle...',
+      'No critical findings',
+    ],
+  },
+  {
+    name: 'Release notes',
+    harness: 'claude',
+    agent: 'Claude Code',
+    className: 'hero-terminal-ten',
+    activity: [
+      'Collecting merged changes...',
+      'Read release labels',
+      'Group changes by product area',
+      'Draft release summary',
+      'Check referenced pull requests',
+      'Verifying contributor names...',
+      'Ready for review',
+    ],
+  },
+  {
+    name: 'Cache invalidation',
+    harness: 'codex',
+    agent: 'Codex',
+    className: 'hero-terminal-nine',
+    activity: [
+      'Tracing stale cache reports...',
+      'Read Cache/Invalidator.swift',
+      'Map dependent cache keys',
+      'Apply scoped purge strategy',
+      'Run cache consistency tests',
+      'Checking regional replicas...',
+      'All replicas consistent',
+    ],
+  },
+];
+
+const workloadWords = ['', '', '', '', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten'];
+
+function LiveTerminal({ terminal, terminalIndex, reducedMotion }: {
+  terminal: (typeof terminals)[number];
+  terminalIndex: number;
+  reducedMotion: boolean;
+}) {
+  const [step, setStep] = useState(terminalIndex * 2);
+
+  useEffect(() => {
+    if (reducedMotion) return;
+
+    const cadence = [970, 1210, 1080, 1370, 1040, 1290, 1130, 1430, 1180, 1320][terminalIndex];
+    const timer = window.setInterval(() => setStep((current) => current + 1), cadence);
+    return () => window.clearInterval(timer);
+  }, [reducedMotion, terminalIndex]);
+
+  const activeIndex = step % terminal.activity.length;
+  const visibleLines = [-2, -1, 0].map(
+    (offset) => terminal.activity[(activeIndex + offset + terminal.activity.length) % terminal.activity.length],
+  );
+
+  return (
+    <article className={`hero-terminal ${terminal.className}`} aria-label={`${terminal.agent} working on ${terminal.name}`}>
+      <header className="hero-terminal-bar">
+        <div>
+          <span className={`hero-agent-logo hero-agent-logo-${terminal.harness}`}>
+            <Image src={`/skip-assets/${terminal.harness}.svg`} alt="" width={20} height={20} />
+          </span>
+          <strong>{terminal.name}</strong>
+        </div>
+        <small>{terminal.agent}</small>
+      </header>
+      <div className="hero-terminal-body" aria-hidden="true">
+        {visibleLines.map((line, lineIndex) => {
+          const isActive = lineIndex === visibleLines.length - 1;
+          return (
+            <code className={isActive ? 'terminal-active-line' : ''} key={lineIndex}>
+              <span>{isActive ? spinnerFrames[(step + terminalIndex) % spinnerFrames.length] : '✓'}</span>
+              {line}
+              {isActive && <i />}
+            </code>
+          );
+        })}
+      </div>
+    </article>
+  );
+}
+
+export function HeroWorkScene() {
+  const [visibleCount, setVisibleCount] = useState(4);
+  const [reducedMotion, setReducedMotion] = useState(false);
+
+  useEffect(() => {
+    const motionPreference = window.matchMedia('(prefers-reduced-motion: reduce)');
+    const syncMotionPreference = () => setReducedMotion(motionPreference.matches);
+    syncMotionPreference();
+
+    motionPreference.addEventListener('change', syncMotionPreference);
+    return () => motionPreference.removeEventListener('change', syncMotionPreference);
+  }, []);
+
+  useEffect(() => {
+    if (reducedMotion) {
+      setVisibleCount(terminals.length);
+      return;
+    }
+
+    setVisibleCount(4);
+    const timers = [5, 6, 7, 8, 9, 10].map((count, index) => (
+      window.setTimeout(() => setVisibleCount(count), (index + 1) * 1150)
+    ));
+
+    return () => timers.forEach((timer) => window.clearTimeout(timer));
+  }, [reducedMotion]);
+
+  const projectLabel = `${workloadWords[visibleCount]} agents working.`;
+
+  return (
+    <div className="hero-work-scene" aria-label={`Skip monitoring ${visibleCount} active Claude Code and Codex sessions`}>
+      {terminals.slice(0, visibleCount).map((terminal, terminalIndex) => (
+        <LiveTerminal
+          key={terminal.name}
+          terminal={terminal}
+          terminalIndex={terminalIndex}
+          reducedMotion={reducedMotion}
+        />
+      ))}
+      <div className="hero-briefing">
+        <Image src="/skip-assets/skip-avatar.png" alt="Skip" width={74} height={74} priority />
+        <div>
+          <span>Skip is coordinating</span>
+          <strong className="hero-project-count" key={visibleCount}>{projectLabel}</strong>
+          <small>I’ll let you know when they need you.</small>
+        </div>
+        <a className="hero-briefing-action" href="#how-it-works" aria-label="Continue to how Skip works">→</a>
+      </div>
+    </div>
+  );
+}
diff --git a/web/app/skip/layout.tsx b/web/app/skip/layout.tsx
new file mode 100644
index 0000000..5feb83f
--- /dev/null
+++ b/web/app/skip/layout.tsx
@@ -0,0 +1,47 @@
+import type { Metadata, Viewport } from 'next';
+import { Geist } from 'next/font/google';
+import type { ReactNode } from 'react';
+
+import { ogImage } from '../../lib/og-meta';
+import { absoluteUrl } from '../../lib/site';
+import './skip.css';
+
+const geist = Geist({ subsets: ['latin'], variable: '--font-geist', display: 'swap' });
+
+const title = 'Skip | The engineering manager for your coding agents';
+const description =
+  'Skip plans work, coordinates your coding agents, and brings you in only when your judgment is needed.';
+const ogPath = '/skip/og.png';
+
+export const metadata: Metadata = {
+  title: { absolute: title },
+  description,
+  applicationName: 'Skip',
+  keywords: ['coding agents', 'AI engineering manager', 'agent orchestration', 'Agent Relay', 'developer tools'],
+  alternates: { canonical: absoluteUrl('/skip') },
+  robots: { index: true, follow: true },
+  openGraph: {
+    title,
+    description,
+    url: absoluteUrl('/skip'),
+    siteName: 'Skip',
+    type: 'website',
+    images: [ogImage(ogPath, 'Give your coding agents a manager. Skip keeps every session moving.')],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title,
+    description,
+    images: [absoluteUrl(ogPath)],
+  },
+};
+
+export const viewport: Viewport = {
+  width: 'device-width',
+  initialScale: 1,
+  themeColor: '#fbfbfa',
+};
+
+export default function SkipLayout({ children }: { children: ReactNode }) {
+  return <div className={`${geist.variable} skipPage relayBrand`}>{children}</div>;
+}
diff --git a/web/app/skip/og.png/route.tsx b/web/app/skip/og.png/route.tsx
new file mode 100644
index 0000000..610c4f5
--- /dev/null
+++ b/web/app/skip/og.png/route.tsx
@@ -0,0 +1,125 @@
+import { ImageResponse } from 'next/og';
+import { readFile } from 'node:fs/promises';
+import { join } from 'node:path';
+
+export const runtime = 'nodejs';
+export const dynamic = 'force-static';
+
+const size = { width: 1200, height: 630 };
+
+const palette = {
+  page: '#fbfbfa', paper: '#ffffff', ink: '#191919', muted: '#686868',
+  line: '#dfe2e3', lineStrong: '#cfd2d3', accent: '#2E6794',
+  terminal: '#102634', terminalLine: '#29485c',
+};
+
+const tasks = [
+  { title: 'API pagination', agent: 'Claude Code', status: '12 tests passed', x: 18, y: 24, rotate: -5, scale: 1 },
+  { title: 'Usage metering', agent: 'Codex', status: 'Checking aggregate totals', x: 318, y: 34, rotate: 4, scale: 1 },
+  { title: 'Session migration', agent: 'Codex', status: '184 records migrated', x: 28, y: 386, rotate: 2, scale: 1 },
+  { title: 'Passwordless login', agent: 'Claude Code', status: 'All checks passing', x: 318, y: 376, rotate: -4, scale: 1 },
+  { title: 'Webhook retries', agent: 'Codex', status: 'Policy tests passing', x: 92, y: 96, rotate: 3, scale: 0.96 },
+  { title: 'CI failures', agent: 'Claude Code', status: '18 tests passed', x: 248, y: 92, rotate: -1, scale: 0.95 },
+  { title: 'Search indexing', agent: 'Claude Code', status: 'Reviewing memory profile', x: 102, y: 316, rotate: -6, scale: 0.93 },
+  { title: 'Dependency audit', agent: 'Codex', status: 'No critical findings', x: 260, y: 310, rotate: 4, scale: 0.95 },
+];
+
+function AgentCard({ title, agent, status, x, y, rotate, scale }: (typeof tasks)[number]) {
+  const isClaude = agent === 'Claude Code';
+
+  return (
+    <div style={{
+      position: 'absolute', left: x, top: y, width: 230, height: 142,
+      display: 'flex', flexDirection: 'column', overflow: 'hidden',
+      border: `1px solid ${palette.terminalLine}`, borderRadius: 14,
+      background: palette.terminal, boxShadow: '0 20px 48px rgba(24, 56, 76, .18)',
+      transform: `rotate(${rotate}deg) scale(${scale})`,
+    }}>
+      <div style={{
+        height: 52, display: 'flex', alignItems: 'center', padding: '0 16px',
+        borderBottom: `1px solid ${palette.terminalLine}`,
+      }}>
+        <div style={{
+          width: 25, height: 25, display: 'flex', alignItems: 'center', justifyContent: 'center',
+          marginRight: 10, borderRadius: 7, background: isClaude ? '#eee6df' : '#e7edf0',
+          color: isClaude ? '#b85e42' : '#223946', fontSize: 13, fontWeight: 700,
+        }}>
+          {isClaude ? 'C' : 'O'}
+        </div>
+        <div style={{ display: 'flex', flexDirection: 'column' }}>
+          <span style={{ display: 'flex', color: '#eef5f8', fontSize: 15, fontWeight: 600 }}>{title}</span>
+          <span style={{ display: 'flex', marginTop: 2, color: '#91a9b8', fontSize: 11 }}>{agent}</span>
+        </div>
+      </div>
+      <div style={{ display: 'flex', flexDirection: 'column', padding: '17px 16px', color: '#91a9b8', fontSize: 12 }}>
+        <span style={{ display: 'flex' }}><b style={{ color: '#77a5bf', marginRight: 8 }}>&gt;</b> Read project context</span>
+        <span style={{ display: 'flex', marginTop: 10, color: '#dce9ef' }}><b style={{ color: '#8fc2df', marginRight: 8 }}>›</b> {status}</span>
+      </div>
+    </div>
+  );
+}
+
+export async function GET() {
+  const avatarFile = await readFile(join(process.cwd(), 'public/skip-assets/skip-avatar.png'));
+  const avatar = avatarFile.buffer.slice(avatarFile.byteOffset, avatarFile.byteOffset + avatarFile.byteLength);
+
+  return new ImageResponse(
+    <div style={{
+      width: '100%', height: '100%', display: 'flex', position: 'relative', overflow: 'hidden',
+      background: palette.page, color: palette.ink, fontFamily: 'sans-serif',
+    }}>
+      <div style={{ position: 'absolute', left: 34, top: 0, width: 1, height: '100%', display: 'flex', background: palette.line }} />
+      <div style={{ position: 'absolute', right: 34, top: 0, width: 1, height: '100%', display: 'flex', background: palette.line }} />
+      <div style={{ position: 'absolute', left: 0, top: 34, width: '100%', height: 1, display: 'flex', background: palette.line }} />
+      <div style={{ position: 'absolute', left: 0, bottom: 34, width: '100%', height: 1, display: 'flex', background: palette.line }} />
+
+      <div style={{
+        width: 630, height: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'center',
+        paddingLeft: 82, position: 'relative',
+      }}>
+        <div style={{ display: 'flex', alignItems: 'center', marginBottom: 42 }}>
+          <img alt="" src={avatar as unknown as string} width={52} height={52} style={{ border: `1px solid ${palette.lineStrong}`, borderRadius: 999, background: '#edf4f8' }} />
+          <span style={{ display: 'flex', marginLeft: 13, fontSize: 30, fontWeight: 600, letterSpacing: '-0.045em' }}>skip</span>
+        </div>
+        <div style={{
+          display: 'flex', maxWidth: 540, fontSize: 72, fontWeight: 400,
+          lineHeight: 0.96, letterSpacing: '-0.065em',
+        }}>
+          Give your coding agents a manager.
+        </div>
+        <div style={{ display: 'flex', maxWidth: 490, marginTop: 27, color: palette.muted, fontSize: 23, lineHeight: 1.42 }}>
+          Skip keeps every session moving, coordinated and on track.
+        </div>
+      </div>
+
+      <div style={{
+        position: 'absolute', right: 0, bottom: 0, width: 570, height: 566,
+        display: 'flex', overflow: 'hidden', borderTopLeftRadius: 30,
+        borderTop: `1px solid ${palette.line}`, borderLeft: `1px solid ${palette.line}`,
+        background: 'linear-gradient(145deg, #edf4f8 0%, #f7f8f7 48%, #e8f0f4 100%)',
+      }}>
+        <div style={{ position: 'absolute', left: 50, top: 42, width: 470, height: 470, display: 'flex', borderRadius: 999, background: 'rgba(46,103,148,.11)' }} />
+        {tasks.map((task) => <AgentCard key={task.title} {...task} />)}
+
+        <div style={{
+          position: 'absolute', left: 62, top: 227, width: 446, height: 112,
+          display: 'flex', alignItems: 'center', padding: '0 22px',
+          border: `1px solid ${palette.lineStrong}`, borderRadius: 15, background: palette.paper,
+          boxShadow: '0 22px 55px rgba(43, 80, 103, .19)',
+        }}>
+          <img alt="" src={avatar as unknown as string} width={66} height={66} style={{ border: `1px solid ${palette.lineStrong}`, borderRadius: 999, background: '#edf4f8' }} />
+          <div style={{ display: 'flex', flexDirection: 'column', marginLeft: 16 }}>
+            <span style={{ display: 'flex', color: palette.accent, fontSize: 13, fontWeight: 600 }}>Skip is coordinating</span>
+            <span style={{ display: 'flex', marginTop: 4, fontSize: 22, fontWeight: 600, letterSpacing: '-0.035em' }}>Eight agents working.</span>
+            <span style={{ display: 'flex', marginTop: 4, color: palette.muted, fontSize: 12 }}>I’ll let you know when they need you.</span>
+          </div>
+          <div style={{
+            width: 38, height: 38, display: 'flex', alignItems: 'center', justifyContent: 'center',
+            marginLeft: 'auto', borderRadius: 9, background: palette.accent, color: '#f8fbfd', fontSize: 23,
+          }}>→</div>
+        </div>
+      </div>
+    </div>,
+    size,
+  );
+}
diff --git a/web/app/skip/onboarding-sequence.tsx b/web/app/skip/onboarding-sequence.tsx
new file mode 100644
index 0000000..aa86641
--- /dev/null
+++ b/web/app/skip/onboarding-sequence.tsx
@@ -0,0 +1,293 @@
+'use client';
+
+import Image from 'next/image';
+import { useEffect, useState } from 'react';
+
+function useSequence(length: number, interval: number) {
+  const [step, setStep] = useState(0);
+
+  useEffect(() => {
+    const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    if (reducedMotion) {
+      setStep(length - 1);
+      return;
+    }
+
+    const timer = window.setInterval(() => setStep((current) => (current + 1) % length), interval);
+    return () => window.clearInterval(timer);
+  }, [interval, length]);
+
+  return step;
+}
+
+function AgentMark({ kind }: { kind: 'codex' | 'claude' }) {
+  return (
+    <span className={`story-agent-mark story-agent-${kind}`}>
+      <Image src={kind === 'codex' ? '/skip-assets/codex.svg' : '/skip-assets/claude.svg'} alt="" width={18} height={18} />
+    </span>
+  );
+}
+
+function JudgmentScene() {
+  const step = useSequence(4, 2100);
+
+  return (
+    <div className="judgment-scene" aria-label="Skip batching a coding agent question with the context needed to answer it">
+      <div className="judgment-skip-panel">
+        <div className="story-window-head">
+          <Image src="/skip-assets/skip-avatar.png" alt="" width={38} height={38} />
+          <div><strong>Skip</strong><small>Webhook retries</small></div>
+          <i aria-hidden="true" />
+        </div>
+        <div className="judgment-thread">
+          <div className="story-event"><b>↗</b><span>Opened Webhook retries</span></div>
+          <div className="story-bubble story-bubble-skip">The retry policy needs one product decision.</div>
+          <div className={`story-bubble story-bubble-user ${step >= 1 ? 'is-visible' : ''}`}>Did we cover this in the brief?</div>
+          <div className={`story-brief-card ${step >= 2 ? 'is-visible' : ''}`}>
+            <small>product-brief.md</small>
+            <strong>Retry webhooks so deliveries do not get missed.</strong>
+            <span>Skip recommends a 24 hour cutoff.</span>
+          </div>
+        </div>
+        <div className="story-composer">Message Skip… <span>↑</span></div>
+      </div>
+
+      <div className="judgment-agent-panel">
+        <div className="story-window-head">
+          <AgentMark kind="codex" />
+          <div><strong>Webhook retry policy</strong><small>Codex · live session</small></div>
+          <span className="needs-direction"><i /> needs direction</span>
+        </div>
+        <div className="judgment-agent-body">
+          <div className="story-event"><b>✓</b><span>Read Webhooks/RetryPolicy.swift</span></div>
+          <div className="story-event"><b>⇄</b><span>Compared existing delivery guarantees</span></div>
+          <div className="agent-question">
+            <AgentMark kind="codex" />
+            <p>The brief does not specify whether failed webhooks should retry for 24 or 72 hours. Which policy should I implement?</p>
+          </div>
+          <div className="agent-options">
+            <button className={step >= 3 ? 'is-selected' : ''} type="button" tabIndex={-1}>24 hours</button>
+            <button type="button" tabIndex={-1}>72 hours</button>
+            <button type="button" tabIndex={-1}>Ask product</button>
+          </div>
+          <div className={`agent-resolved ${step >= 3 ? 'is-visible' : ''}`}><span>✓</span> Direction sent. The session is moving again.</div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function AnywhereScene() {
+  const step = useSequence(2, 4200);
+
+  return (
+    <div className="anywhere-scene" aria-label="One coding session moving between Skip, a terminal, and the Codex app without losing context">
+      <div className={`ghostty-app ${step === 0 ? 'is-active' : ''}`} aria-hidden="true">
+        <div className="mac-titlebar ghostty-titlebar">
+          <div className="traffic-lights"><i /><i /><i /></div>
+          <span className="ghostty-tab-icon">›_</span>
+          <strong>skip</strong>
+          <small>Ghostty · Codex</small>
+        </div>
+        <div className="ghostty-terminal">
+          <p><b>$</b> codex resume webhook-retry-policy</p>
+          <p className="terminal-success">✓ Restored webhook retry policy</p>
+          <div className="terminal-question">
+            <small>IMPLEMENTER</small>
+            <span>The brief doesn’t specify whether failed webhooks should retry for 24 or 72 hours. Which policy should I implement?</span>
+          </div>
+          <p className="terminal-direction">› We should use 24 hours as the retry window.</p>
+          <div className="terminal-status"><i /> Working <span>· esc to interrupt</span></div>
+          <div className="terminal-composer">› <span>Message Implementer…</span><i /></div>
+        </div>
+      </div>
+
+      <div className={`codex-desktop ${step === 1 ? 'is-active' : ''}`} aria-hidden="true">
+        <div className="codex-macbar">
+          <div className="codex-sidebar-chrome"><div className="traffic-lights"><i /><i /><i /></div><span>◫</span><span>‹</span><span>›</span></div>
+          <div className="codex-main-chrome"><span>▱</span><strong>Webhook retry policy</strong><span>•••</span><i /><small>Open⌄</small><small>Commit⌄</small><Image src="/skip-assets/codex.svg" alt="" width={18} height={18} /><b>Codex</b></div>
+        </div>
+        <div className="codex-shell">
+          <aside className="codex-sidebar">
+            <div className="codex-sidebar-brand"><Image src="/skip-assets/codex.svg" alt="" width={20} height={20} /><strong>Codex</strong><span>⌄</span><i>⌕</i></div>
+            <nav><span>□ &nbsp; New chat</span><span>⑂ &nbsp; Pull requests</span><span>▦ &nbsp; Sites</span><span>◷ &nbsp; Scheduled</span></nav>
+            <small>RECENT</small><nav><span>⌖ &nbsp; API pagination</span><span>⌖ &nbsp; Session migration</span></nav>
+            <small>THREADS</small><nav><span>▱ &nbsp; skip</span><span className="selected">◌ &nbsp; Webhook retry policy</span><span>◌ &nbsp; Passwordless login</span></nav>
+          </aside>
+          <div className="codex-thread">
+            <div className="codex-restored">✓ &nbsp; Restored session context</div>
+            <small>Implementer</small>
+            <div className="codex-chat-row"><AgentMark kind="codex" /><p>The brief doesn’t specify whether failed webhooks should retry for 24 or 72 hours. Which policy should I implement?</p></div>
+            <div className="codex-user-reply">We should use 24 hours as the retry window.</div>
+            <div className="codex-chat-row compact"><AgentMark kind="codex" /><p>Got it. I’ll update the endpoint and affected tests.</p></div>
+            <div className="codex-user-reply followup">Add a regression test for the retry cutoff too.</div>
+            <div className="codex-working"><i /> Updating retry policy and regression test…</div>
+            <div className="codex-composer">Message Implementer… <span>↑</span></div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  );
+}
+
+function DriftScene() {
+  const step = useSequence(4, 1900);
+  const checks = ['Passwordless only', 'No paid dependency', 'Links expire in 10 minutes', 'No forced logout'];
+
+  return (
+    <div className="drift-scene" aria-label="Skip checking active implementation work against project intents and constraints">
+      <div className="brief-column">
+        <div className="brief-column-head"><span>Project brief</span><strong>Passwordless login</strong></div>
+        <div className="brief-group"><small>INTENTS</small><p>Remove the password field</p><p>Reduce reset tickets</p><p>Keep security review clean</p></div>
+        <div className="brief-group"><small>CONSTRAINTS</small><p>Nobody gets logged out</p><p>No new paid dependency</p><p>Links expire in 10 minutes</p></div>
+      </div>
+      <div className="drift-monitor">
+        <div className="drift-monitor-head">
+          <Image src="/skip-assets/skip-avatar.png" alt="" width={44} height={44} />
+          <div><strong>Skip is checking the work</strong><span>Brief and implementation stay in sync.</span></div>
+          <i className="monitor-live">live</i>
+        </div>
+        <div className="drift-checks">
+          {checks.map((check, index) => <div className={step >= index ? 'is-checked' : ''} key={check}><span>{step >= index ? '✓' : '·'}</span><strong>{check}</strong><small>{step >= index ? 'Aligned' : 'Checking'}</small></div>)}
+        </div>
+        <div className={`drift-summary ${step === checks.length - 1 ? 'is-visible' : ''}`}><b>All clear</b><span>The implementation still matches the plan.</span></div>
+      </div>
+    </div>
+  );
+}
+
+function TeamScene() {
+  const step = useSequence(7, 1900);
+  const teammates = [
+    {
+      person: 'Mina', initials: 'MI', role: 'Platform',
+      sessions: [
+        { agent: 'claude' as const, title: 'API pagination', activity: 'Testing cursor boundaries', state: 'Running' },
+        { agent: 'codex' as const, title: 'CI failures', activity: 'Tracing the flaky suite', state: 'Investigating' },
+      ],
+    },
+    {
+      person: 'Avery', initials: 'AV', role: 'Product',
+      sessions: [
+        { agent: 'codex' as const, title: 'Webhook retries', activity: 'Implementing the 24 hour cutoff', state: 'Writing' },
+        { agent: 'claude' as const, title: 'Release notes', activity: 'Summarizing merged changes', state: 'Drafting' },
+      ],
+    },
+    {
+      person: 'Jules', initials: 'JU', role: 'Infrastructure',
+      sessions: [
+        { agent: 'claude' as const, title: 'Usage metering', activity: 'Backfilling event totals', state: 'Reviewing' },
+        { agent: 'codex' as const, title: 'Search indexing', activity: 'Checking memory profile', state: 'Running' },
+      ],
+    },
+    {
+      person: 'Sam', initials: 'SA', role: 'Identity',
+      sessions: [
+        { agent: 'codex' as const, title: 'Passwordless login', activity: 'Verifying session expiry', state: 'Testing' },
+      ],
+    },
+  ];
+
+  let sessionIndex = -1;
+
+  return (
+    <div className="team-scene" aria-label="Four teammates and the Claude Code and Codex sessions each person is running">
+      <div className="team-scene-head">
+        <div>
+          <strong>Who is running what</strong>
+          <span>4 teammates · 7 live agent sessions</span>
+        </div>
+        <small><i /> Live</small>
+      </div>
+
+      <div className="team-agent-board">
+        {teammates.map((teammate, teammateIndex) => {
+          const firstSessionIndex = sessionIndex + 1;
+          sessionIndex += teammate.sessions.length;
+          const teammateIsActive = step >= firstSessionIndex && step <= sessionIndex;
+
+          return (
+            <article className={`team-member-lane ${teammateIsActive ? 'is-active' : ''}`} key={teammate.person}>
+              <div className="team-human">
+                <span className={`team-avatar team-avatar-${teammateIndex + 1}`}>{teammate.initials}</span>
+                <div><strong>{teammate.person}</strong><span>{teammate.role}</span></div>
+                <small>{teammate.sessions.length} {teammate.sessions.length === 1 ? 'session' : 'sessions'}</small>
+              </div>
+              <div className="team-agent-sessions">
+                {teammate.sessions.map((session, localIndex) => {
+                  const currentSessionIndex = firstSessionIndex + localIndex;
+                  return (
+                    <div className={`team-agent-session ${step === currentSessionIndex ? 'is-active' : ''}`} key={session.title}>
+                      <AgentMark kind={session.agent} />
+                      <div>
+                        <strong>{session.title}</strong>
+                        <span>{session.activity}</span>
+                      </div>
+                      <small><i />{session.state}</small>
+                    </div>
+                  );
+                })}
+              </div>
+            </article>
+          );
+        })}
+
+        <div className={`team-insight ${step === 2 || step === 5 ? 'is-overlap' : ''}`} aria-live="polite">
+          <span>{step === 2 || step === 5 ? 'Overlap caught' : 'Shared learning'}</span>
+          <div>
+            <strong>{step === 2 || step === 5 ? 'Skip found a second session heading into the same code.' : 'A useful decision is ready for the next teammate.'}</strong>
+            <p>{step === 2 || step === 5 ? 'The new agent gets the existing owner and context before any work is duplicated.' : 'Prompts, decisions, and tests stay attached to the work so every agent starts smarter.'}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export function OnboardingSequence() {
+  return (
+    <>
+      <section className="onboarding-feature feature-oatmeal feature-judgment" aria-labelledby="judgment-title">
+        <div className="onboarding-feature-inner">
+          <div className="onboarding-copy">
+            <h2 id="judgment-title">You step in when judgement is needed</h2>
+            <p>Skip batches the questions your agents cannot answer, brings the context, and lets you steer the work in one move.</p>
+          </div>
+          <JudgmentScene />
+        </div>
+      </section>
+
+      <section className="onboarding-feature feature-white feature-anywhere" aria-labelledby="anywhere-title">
+        <div className="onboarding-feature-inner">
+          <div className="onboarding-copy">
+            <h2 id="anywhere-title">Keep using your favorite tools.</h2>
+            <p>Move between Skip, your terminal, and the Codex and Claude Mac apps without losing the session, the decisions, or the plan.</p>
+          </div>
+          <AnywhereScene />
+        </div>
+      </section>
+
+      <section className="onboarding-feature feature-blue feature-drift" aria-labelledby="drift-title">
+        <div className="onboarding-feature-inner">
+          <div className="onboarding-copy">
+            <h2 id="drift-title">Skip reminds you what you were trying to do.</h2>
+            <p>Once Skip understands the goal, it keeps what you want and what your agents are building in sync.</p>
+          </div>
+          <DriftScene />
+        </div>
+      </section>
+
+      <section className="onboarding-feature feature-white feature-team" aria-labelledby="team-title">
+        <div className="onboarding-feature-inner">
+          <div className="onboarding-copy">
+            <h2 id="team-title">Your whole team works from the same picture.</h2>
+            <p>See what everyone’s agents are doing, know who owns each piece of work, and stop two sessions from solving the same problem. Every useful prompt and decision becomes something the team can build on.</p>
+          </div>
+          <TeamScene />
+        </div>
+      </section>
+
+    </>
+  );
+}
diff --git a/web/app/skip/page.tsx b/web/app/skip/page.tsx
new file mode 100644
index 0000000..7c3a6ab
--- /dev/null
+++ b/web/app/skip/page.tsx
@@ -0,0 +1,131 @@
+import Image from 'next/image';
+import { SiteFooter } from '../../components/SiteFooter';
+import { SiteNav } from '../../components/SiteNav';
+import { CoordinationScene } from './coordination-scene';
+import { HeroWorkScene } from './hero-work-scene';
+import { OnboardingSequence } from './onboarding-sequence';
+import { WaitlistButton, WaitlistProvider } from './waitlist';
+
+function InvestorLogos({ decorative = false }: { decorative?: boolean }) {
+  const alt = (name: string) => decorative ? '' : name;
+
+  return (
+    <div className="investor-group" aria-hidden={decorative || undefined}>
+      <span className="investor-logo investor-logo-hustle">
+        <Image src="/skip-assets/investors/hustle-fund.svg" alt={alt('Hustle Fund')} width={205} height={27} />
+      </span>
+      <span className="investor-logo investor-logo-active">
+        <Image src="/skip-assets/investors/active-capital.svg" alt={alt('Active Capital')} width={185} height={30} />
+      </span>
+      <span className="investor-logo investor-logo-yc" aria-label={decorative ? undefined : 'Y Combinator'}>
+        <span className="investor-yc-mark" aria-hidden="true">Y</span>
+        <strong aria-hidden="true">Combinator</strong>
+      </span>
+      <span className="investor-logo investor-logo-cortical">
+        <Image src="/skip-assets/investors/cortical-ventures.webp" alt={alt('Cortical Ventures')} width={220} height={32} />
+      </span>
+      <span className="investor-logo investor-logo-yonder" aria-label={decorative ? undefined : 'Yonder'}>
+        <svg aria-hidden="true" viewBox="0 0 28 28">
+          <circle cx="14" cy="14" r="12" fill="none" stroke="currentColor" strokeWidth="2" />
+          <path d="M4.5 18.5 10.6 9l3.5 5 3.1-4.3 6.3 8.8" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+        </svg>
+        <strong aria-hidden="true">YONDER</strong>
+      </span>
+    </div>
+  );
+}
+
+function InvestorMarquee() {
+  return (
+    <section className="investor-strip" aria-label="Skip investors">
+      <div className="investor-strip-inner">
+        <p>Backed by</p>
+        <div className="investor-marquee">
+          <div className="investor-track">
+            <InvestorLogos />
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+export default function Home() {
+  const navAction = <WaitlistButton className="skip-nav-cta">Join waitlist</WaitlistButton>;
+  const skipWordmark = (
+    <span className="skip-nav-wordmark" aria-label="Skip">
+      <Image className="skip-nav-avatar" src="/skip-assets/skip-avatar.png" alt="" width={30} height={30} priority />
+      <span>skip</span>
+    </span>
+  );
+  const structuredData = {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: 'Skip',
+    applicationCategory: 'DeveloperApplication',
+    operatingSystem: 'macOS',
+    url: 'https://agentrelay.com/skip',
+    description: 'Skip plans work, coordinates your coding agents, and brings you in only when your judgment is needed.',
+    creator: { '@type': 'Organization', name: 'Agent Relay', url: 'https://agentrelay.com' },
+  };
+
+  return (
+    <WaitlistProvider>
+      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData).replace(/</g, '\\u003c') }} />
+
+      <SiteNav brandAddon={skipWordmark} actions={navAction} mobileMenuContent={navAction} hideDocsLink />
+
+      <main id="top">
+        <section className="hero" aria-labelledby="hero-title">
+          <div className="hero-copy">
+            <h1 id="hero-title">Give your coding agents a manager.</h1>
+            <p>
+              Skip keeps all your{' '}
+              <span className="agent-name">
+                <span className="agent-name-logo" aria-hidden="true">
+                  <Image src="/skip-assets/claude.svg" alt="" width={24} height={24} />
+                </span>
+                Claude Code
+              </span>
+              ,{' '}
+              <span className="agent-name">
+                <span className="agent-name-logo agent-name-logo-codex" aria-hidden="true" />
+                Codex
+              </span>{' '}
+              and{' '}
+              <span className="agent-name">
+                <span className="agent-name-logo" aria-hidden="true">
+                  <Image src="/skip-assets/opencode.svg" alt="" width={24} height={24} />
+                </span>
+                OpenCode
+              </span>{' '}
+              sessions moving, coordinated and on track. You stay focused on what matters.
+            </p>
+            <div className="hero-actions">
+              <WaitlistButton className="button button-primary">Join waitlist</WaitlistButton>
+            </div>
+          </div>
+          <HeroWorkScene />
+        </section>
+
+        <InvestorMarquee />
+
+        <section className="routing-section" id="how-it-works" aria-labelledby="routing-title">
+          <div className="routing-layout">
+            <div className="section-copy routing-copy">
+              <h2 id="routing-title">Skip keeps sessions moving</h2>
+              <p>Work with Skip to set the plan and keep every session moving toward the goal.</p>
+            </div>
+            <div className="routing-visual">
+              <CoordinationScene />
+            </div>
+          </div>
+        </section>
+
+        <OnboardingSequence />
+      </main>
+
+      <SiteFooter hideRelayCloud />
+    </WaitlistProvider>
+  );
+}
diff --git a/web/app/skip/site-chrome.tsx b/web/app/skip/site-chrome.tsx
new file mode 100644
index 0000000..ac00e29
--- /dev/null
+++ b/web/app/skip/site-chrome.tsx
@@ -0,0 +1,46 @@
+import Image from 'next/image';
+import { FooterPortrait } from './footer-portrait';
+import { WaitlistButton } from './waitlist';
+
+export function SiteHeader() {
+  return (
+    <header className="site-nav">
+      <a className="brand" href="/skip" aria-label="Skip home">
+        <span className="brand-avatar" aria-hidden="true">
+          <Image className="brand-avatar-default" src="/skip-assets/skip-avatar.png" alt="" width={34} height={34} priority />
+          <Image className="brand-avatar-hover" src="/skip-assets/skip-avatar-hover.png" alt="" width={34} height={34} />
+        </span>
+        <span>skip</span>
+      </a>
+      <WaitlistButton className="nav-cta">Join waitlist</WaitlistButton>
+    </header>
+  );
+}
+
+export function SiteFooter() {
+  return (
+    <footer className="site-footer" id="footer">
+      <div className="footer-poster">
+        <div className="footer-copy">
+          <h2>Skip the chaos.</h2>
+          <p>Bring in the engineering manager for your coding agents and everyone will be happier.</p>
+          <WaitlistButton className="footer-cta">Join waitlist</WaitlistButton>
+        </div>
+
+        <FooterPortrait />
+      </div>
+
+      <div className="footer-wordmark" aria-hidden="true">skip</div>
+
+      <div className="footer-utility">
+        <a className="footer-brand" href="/skip" aria-label="Skip home">skip</a>
+        <nav aria-label="Footer navigation">
+          <a href="https://heyskip.dev/for-teams">For teams</a>
+          <a href="https://heyskip.dev/pricing">Pricing</a>
+          <a href="https://heyskip.dev/download">Download</a>
+        </nav>
+        <p>Built by <a href="https://agentrelay.com">Agent Relay</a>. © {new Date().getFullYear()}</p>
+      </div>
+    </footer>
+  );
+}
diff --git a/web/app/skip/skip.css b/web/app/skip/skip.css
new file mode 100644
index 0000000..b19892a
--- /dev/null
+++ b/web/app/skip/skip.css
@@ -0,0 +1,1205 @@
+
+
+.skipPage {
+  color-scheme: light;
+  min-height: 100vh;
+  overflow-x: clip;
+  --page: #fbfbfa;
+  --paper: #ffffff;
+  --soft: #f4f5f5;
+  --soft-blue: #edf4f8;
+  --ink: #191919;
+  --muted: #686868;
+  --line: #e2e3e3;
+  --line-strong: #cfd2d3;
+  --accent: #2E6794;
+  --accent-text: #f8fbfd;
+  --radius: 12px;
+}
+
+.skipPage, .skipPage * { box-sizing: border-box; }
+.skipPage { scroll-behavior: smooth; background: var(--page); }
+.skipPage { margin: 0; background: var(--page); color: var(--ink); font-family: var(--font-geist), sans-serif; text-rendering: optimizeLegibility; }
+.skipPage button, .skipPage input { font: inherit; }
+.skipPage a { color: inherit; }
+.skipPage img { display: block; }
+.skipPage h1, .skipPage h2, .skipPage h3, .skipPage p { margin-top: 0; }
+
+.skipPage .site-nav { position: sticky; top: 0; z-index: 20; height: 64px; display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 0 max(24px, calc((100vw - 1120px) / 2)); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--page) 92%, transparent); backdrop-filter: blur(16px); }
+.skipPage .brand { display: inline-flex; align-items: center; gap: 9px; width: max-content; text-decoration: none; }
+.skipPage .brand img { border: 1px solid var(--line-strong); border-radius: 50%; }
+.skipPage .brand-avatar { position: relative; width: 34px; height: 34px; flex: 0 0 34px; }
+.skipPage .brand-avatar img { position: absolute; inset: 0; transition: opacity 180ms ease, transform 220ms cubic-bezier(.16,1,.3,1); }
+.skipPage .brand-avatar-hover { opacity: 0; transform: scale(.88) rotate(-4deg); }
+.skipPage .site-nav .brand:hover .brand-avatar-default,
+.skipPage .brand:focus-visible .brand-avatar-default { opacity: 0; transform: scale(.88); }
+.skipPage .site-nav .brand:hover .brand-avatar-hover,
+.skipPage .brand:focus-visible .brand-avatar-hover { opacity: 1; transform: scale(1) rotate(0); }
+.skipPage .brand span { font-size: 1.16rem; font-weight: 650; letter-spacing: -.04em; }
+.skipPage .site-nav nav { display: flex; align-items: center; gap: 28px; }
+.skipPage .site-nav nav a { color: var(--muted); font-size: .86rem; text-decoration: none; transition: color 160ms ease; }
+.skipPage .site-nav nav a:hover { color: var(--ink); }
+.skipPage .site-nav nav a[aria-current="page"] { color: var(--ink); font-weight: 620; }
+.skipPage .nav-cta { justify-self: end; padding: 10px 16px; border: 0; border-radius: 9px; background: var(--accent); color: var(--accent-text); font-size: .84rem; font-weight: 600; text-decoration: none; cursor: pointer; }
+
+.skipPage .hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, transparent calc(50% - 561px), var(--line) calc(50% - 561px), var(--line) calc(50% - 560px), transparent calc(50% - 560px)), linear-gradient(90deg, transparent calc(50% + 560px), var(--line) calc(50% + 560px), var(--line) calc(50% + 561px), transparent calc(50% + 561px)); padding: clamp(58px, 7vh, 78px) 24px clamp(80px, 7vw, 92px); }
+.skipPage .hero-copy { position: relative; z-index: 2; max-width: 820px; margin: 0 auto 48px; text-align: center; }
+.skipPage .hero h1 { max-width: 15ch; margin: 0 auto 24px; font-size: clamp(3.65rem, 7vw, 6.8rem); font-weight: 480; letter-spacing: -.075em; line-height: .94; }
+.skipPage .hero-copy > p { max-width: 630px; margin: 0 auto 30px; color: var(--muted); font-size: clamp(1.05rem, 1.55vw, 1.28rem); line-height: 1.5; }
+.skipPage .agent-name { display: inline-flex; align-items: center; gap: .28em; color: var(--ink); font-weight: 610; line-height: 1; white-space: nowrap; vertical-align: -.12em; }
+.skipPage .agent-name-logo { width: 1.08em; height: 1.08em; display: inline-grid; place-items: center; flex: 0 0 1.08em; }
+.skipPage .agent-name-logo img { width: 100%; height: 100%; object-fit: contain; }
+.skipPage .agent-name-logo-codex { background: var(--accent); -webkit-mask: url('/skip-assets/codex.svg') center / contain no-repeat; mask: url('/skip-assets/codex.svg') center / contain no-repeat; }
+.skipPage .hero-actions { display: flex; justify-content: center; gap: 10px; }
+.skipPage .button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 11px 18px; border: 1px solid var(--line-strong); border-radius: 9px; font-size: .9rem; font-weight: 610; text-decoration: none; white-space: nowrap; cursor: pointer; transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease; }
+.skipPage .button:hover { transform: translateY(-2px); }
+.skipPage .button:active { transform: scale(.98); }
+.skipPage .button:focus-visible, .skipPage .nav-cta:focus-visible, .skipPage nav a:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 55%, white); outline-offset: 3px; }
+.skipPage .button-primary { border-color: var(--accent); background: var(--accent); color: var(--accent-text); }
+.skipPage .button-primary:hover, .skipPage .nav-cta:hover { background: #245a82; }
+.skipPage .button-secondary { background: var(--paper); }
+.skipPage .button:disabled { cursor: wait; opacity: .72; transform: none; }
+
+.skipPage .waitlist-dialog { position: fixed; inset: 0; width: min(550px, calc(100vw - 32px)); max-width: none; margin: auto; padding: 0; border: 0; border-radius: var(--radius); background: transparent; color: var(--ink); overflow: visible; }
+.skipPage .waitlist-dialog::backdrop { background: rgba(13,34,48,.38); backdrop-filter: blur(8px); }
+.skipPage .waitlist-panel { position: relative; min-height: 350px; padding: 34px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--paper); box-shadow: 0 32px 90px rgba(27,51,66,.22); }
+.skipPage .waitlist-close { position: absolute; top: 16px; right: 16px; width: 34px; height: 34px; display: grid; place-items: center; padding: 0; border: 1px solid var(--line); border-radius: 9px; background: var(--soft); color: var(--muted); cursor: pointer; }
+.skipPage .waitlist-close span { margin-top: -2px; font-size: 1.45rem; font-weight: 300; line-height: 1; }
+.skipPage .waitlist-close:hover { border-color: var(--line-strong); color: var(--ink); }
+.skipPage .waitlist-heading { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px; padding-right: 42px; }
+.skipPage .waitlist-heading img, .skipPage .waitlist-success img { border: 1px solid var(--line-strong); border-radius: 50%; background: var(--soft-blue); }
+.skipPage .waitlist-heading h2, .skipPage .waitlist-success h2 { margin: 0 0 8px; font-size: clamp(1.8rem, 5vw, 2.35rem); font-weight: 520; letter-spacing: -.055em; line-height: 1.02; }
+.skipPage .waitlist-heading p, .skipPage .waitlist-success p { margin: 0; color: var(--muted); font-size: .94rem; line-height: 1.5; }
+.skipPage .waitlist-form { display: grid; gap: 20px; margin-top: 32px; }
+.skipPage .waitlist-field { display: grid; gap: 8px; }
+.skipPage .waitlist-field label { font-size: .82rem; font-weight: 620; }
+.skipPage .waitlist-field input { width: 100%; min-height: 52px; padding: 13px 14px; border: 1px solid var(--line-strong); border-radius: 9px; outline: none; background: var(--page); color: var(--ink); font-size: 1rem; transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease; }
+.skipPage .waitlist-field input::placeholder { color: #777; }
+.skipPage .waitlist-field input:focus { border-color: var(--accent); background: var(--paper); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 15%, transparent); }
+.skipPage .waitlist-field > p { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.35; }
+.skipPage .waitlist-field .waitlist-error { color: #a73a32; font-weight: 560; }
+.skipPage .waitlist-submit { width: 100%; }
+.skipPage .waitlist-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
+.skipPage .waitlist-success { min-height: 280px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
+.skipPage .waitlist-success img { margin-bottom: 22px; }
+.skipPage .waitlist-success p { margin-bottom: 26px; }
+.skipPage .waitlist-success strong { color: var(--ink); font-weight: 600; }
+
+.skipPage .hero-work-scene { position: relative; width: min(1040px, 94vw); height: clamp(340px, 37vw, 430px); margin: 0 auto; isolation: isolate; }
+.skipPage .hero-work-scene::before { content: ""; position: absolute; inset: 16% 8% 8%; z-index: -2; border: 1px solid var(--line); border-radius: 42% 42% 9px 9px; background: var(--soft); transform: perspective(700px) rotateX(62deg); transform-origin: bottom; }
+.skipPage .hero-terminal { position: absolute; z-index: 1; width: 292px; min-height: 150px; overflow: hidden; border: 1px solid #294659; border-radius: var(--radius); background: #0d2230; color: #d9e5eb; box-shadow: 0 18px 38px rgba(25,51,68,.16); }
+.skipPage .hero-terminal-bar { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 11px; border-bottom: 1px solid #294354; background: #1a3040; }
+.skipPage .hero-terminal-bar div { min-width: 0; display: flex; align-items: center; gap: 8px; }
+.skipPage .hero-agent-logo { flex: 0 0 auto; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; background: #edf4f8; }
+.skipPage .hero-agent-logo img { width: 17px; height: 17px; object-fit: contain; }
+.skipPage .hero-agent-logo-codex img { filter: brightness(0) saturate(100%) opacity(.82); }
+.skipPage .hero-terminal-bar strong { overflow: hidden; font-size: .72rem; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }
+.skipPage .hero-terminal-bar small { flex: 0 0 auto; color: #8fa7b5; font-size: .58rem; }
+.skipPage .hero-terminal-body { display: grid; gap: 7px; padding: 17px 16px 19px; }
+.skipPage .hero-terminal-body code { display: flex; align-items: center; gap: 8px; color: #8196a3; font: 560 .67rem/1.2 var(--font-geist-mono), monospace; white-space: nowrap; }
+.skipPage .hero-terminal-body code span { width: 9px; color: #35a574; }
+.skipPage .hero-terminal-body .terminal-active-line { color: #dce6eb; }
+.skipPage .hero-terminal-body .terminal-active-line span { color: #6aa9d2; }
+.skipPage .hero-terminal-body .terminal-active-line i { width: 5px; height: 13px; margin-left: 2px; background: #a9bdca; opacity: .8; }
+.skipPage .hero-terminal-one { top: 0; left: 2%; transform: rotate(-4deg); }
+.skipPage .hero-terminal-two { top: 6%; right: 1%; transform: rotate(4deg); }
+.skipPage .hero-terminal-three { bottom: 3%; left: 11%; transform: rotate(2deg); }
+.skipPage .hero-terminal-four { right: 5%; bottom: 0; transform: rotate(-4deg); }
+.skipPage .hero-terminal-five { top: 13%; left: 14%; transform: rotate(3deg) scale(.96); }
+.skipPage .hero-terminal-six { top: 8%; right: 19%; transform: rotate(-1deg) scale(.95); }
+.skipPage .hero-terminal-seven { bottom: 5%; left: 24%; transform: rotate(-6deg) scale(.93); }
+.skipPage .hero-terminal-eight { right: 16%; bottom: 11%; transform: rotate(4deg) scale(.95); }
+.skipPage .hero-terminal-nine { top: 27%; left: 31%; transform: rotate(-3deg) scale(.91); }
+.skipPage .hero-terminal-ten { top: 18%; right: 26%; transform: rotate(2deg) scale(.93); }
+.skipPage .hero-briefing { position: absolute; z-index: 4; top: 50%; left: 50%; width: min(470px, 55vw); min-height: 112px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; padding: 18px 20px; border: 1px solid #d4c7b4; border-radius: var(--radius); background: #f3eee5; color: #17242c; box-shadow: 0 24px 60px rgba(73,62,45,.16); transform: translate(-50%, -50%); }
+.skipPage .hero-briefing img { border: 1px solid #cdbfa9; border-radius: 50%; background: #fbfaf7; }
+.skipPage .hero-briefing strong, .skipPage .hero-briefing span, .skipPage .hero-briefing small { display: block; }
+.skipPage .hero-briefing div > span { margin-bottom: 4px; color: var(--accent); font-size: .7rem; font-weight: 610; }
+.skipPage .hero-briefing strong { margin-bottom: 4px; font-size: 1rem; font-weight: 640; letter-spacing: -.025em; }
+.skipPage .hero-briefing small { color: #6e685f; font-size: .72rem; }
+.skipPage .hero-briefing-action { width: 34px; height: 34px; display: grid !important; place-items: center; border: 1px solid var(--accent); border-radius: 50%; background: var(--accent); color: var(--accent-text); text-decoration: none; transition: transform 160ms ease, background-color 160ms ease; }
+.skipPage .hero-briefing-action:hover { background: #245a82; transform: translateY(2px); }
+.skipPage .hero-briefing-action:active { transform: translateY(3px) scale(.96); }
+.skipPage .hero-briefing-action:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 45%, white); outline-offset: 3px; }
+
+.skipPage .investor-strip { overflow: hidden; border-bottom: 1px solid var(--line); background: var(--paper); }
+.skipPage .investor-strip-inner { width: min(1120px, 100%); display: grid; align-content: center; gap: 13px; margin: 0 auto; padding: 32px 24px; }
+.skipPage .investor-strip-inner > p { margin: 0; color: var(--muted); font-size: .72rem; font-weight: 400; letter-spacing: .1em; text-align: center; text-transform: uppercase; white-space: nowrap; }
+.skipPage .investor-marquee { overflow: hidden; mask-image: linear-gradient(90deg, transparent, black 7%, black 93%, transparent); }
+.skipPage .investor-track { --investor-gap: 38px; display: flex; align-items: center; justify-content: center; }
+.skipPage .investor-group { display: flex; align-items: center; gap: var(--investor-gap); flex: 0 0 auto; }
+.skipPage .investor-logo { position: relative; height: 28px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; opacity: .92; transition: opacity 180ms ease; }
+.skipPage .investor-logo:hover { opacity: 1; }
+.skipPage .investor-logo img { width: auto; max-width: none; object-fit: contain; opacity: 0; }
+.skipPage .investor-logo-hustle { width: 116px; }
+.skipPage .investor-logo-hustle img { width: 100%; height: auto; opacity: 1; }
+.skipPage .investor-logo-active { width: 104px; color: #111; }
+.skipPage .investor-logo-cortical { width: 121px; color: #111; }
+.skipPage .investor-logo-active::before, .skipPage .investor-logo-cortical::before { content: ""; position: absolute; inset: 0; background: currentColor; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; }
+.skipPage .investor-logo-active::before { -webkit-mask-image: url('/skip-assets/investors/active-capital.svg'); mask-image: url('/skip-assets/investors/active-capital.svg'); }
+.skipPage .investor-logo-cortical::before { -webkit-mask-image: url('/skip-assets/investors/cortical-ventures.webp'); mask-image: url('/skip-assets/investors/cortical-ventures.webp'); }
+.skipPage .investor-logo-yonder { gap: 6px; color: #4fb978; }
+.skipPage .investor-logo-yonder svg { width: 20px; height: 20px; }
+.skipPage .investor-logo-yonder strong { font-size: .78rem; font-weight: 720; letter-spacing: .015em; white-space: nowrap; }
+.skipPage .investor-logo-yc { gap: 7px; color: #ff5a1f; }
+.skipPage .investor-yc-mark { width: 24px; height: 24px; display: grid; place-items: center; background: #ff5a1f; color: #fff; font-family: Arial, sans-serif; font-size: .95rem; font-weight: 400; line-height: 1; }
+.skipPage .investor-logo-yc strong { color: #f15b2a; font-family: Arial, sans-serif; font-size: .82rem; font-weight: 400; letter-spacing: 0; white-space: nowrap; }
+
+.skipPage .plain-statement { padding: 72px 24px; border-bottom: 1px solid var(--line); text-align: center; }
+.skipPage .plain-statement p { max-width: 820px; margin: 0 auto; font-size: clamp(1.8rem, 3.8vw, 3.6rem); font-weight: 480; letter-spacing: -.055em; line-height: 1.12; }
+
+.skipPage .product-section, .skipPage .routing-section, .skipPage .decision-section { padding: 112px 24px; border-bottom: 1px solid var(--line); }
+.skipPage .section-copy { max-width: 760px; margin: 0 auto 62px; text-align: center; }
+.skipPage .section-copy h2, .skipPage .principles h2, .skipPage .final-cta h2 { margin-bottom: 20px; font-size: clamp(2.8rem, 5.5vw, 5.4rem); font-weight: 480; letter-spacing: -.065em; line-height: .98; }
+.skipPage .section-copy p, .skipPage .final-cta p { max-width: 640px; margin: 0 auto; color: var(--muted); font-size: 1.08rem; line-height: 1.55; }
+
+.skipPage .workstream-scene { position: relative; max-width: 1020px; margin: 0 auto; overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--paper); box-shadow: 0 24px 60px rgba(35,57,72,.08); }
+.skipPage .workstream-head, .skipPage .workstream-row { display: grid; grid-template-columns: 1.05fr 1.5fr .7fr; align-items: center; gap: 24px; }
+.skipPage .workstream-head { padding: 16px 22px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .74rem; }
+.skipPage .workstream-row { min-height: 78px; padding: 16px 22px; border-bottom: 1px solid var(--line); }
+.skipPage .workstream-row:last-child { border-bottom: 0; }
+.skipPage .workstream-row strong { font-size: .92rem; }
+.skipPage .workstream-row span { color: var(--muted); font-size: .84rem; }
+.skipPage .working-state { display: flex; align-items: center; gap: 9px; }
+.skipPage .working-state i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px var(--soft-blue); }
+.skipPage .watch-line { height: 4px; background: var(--soft); }
+.skipPage .watch-line span { display: block; width: 26%; height: 100%; background: var(--accent); transform-origin: left; }
+
+.skipPage .routing-section { overflow: hidden; padding: 0; border-color: #2b4354; background: #102131; color: #f1f6f8; }
+.skipPage .routing-layout { width: min(1440px, 100%); min-height: 720px; display: grid; grid-template-columns: minmax(390px, .82fr) minmax(680px, 1.18fr); align-items: center; gap: clamp(44px, 4vw, 68px); margin: 0 auto; padding: 110px 0 110px max(24px, calc((100vw - 1240px) / 2)); }
+.skipPage .routing-section .routing-copy { max-width: 500px; margin: 0; text-align: left; }
+.skipPage .routing-section .routing-copy h2 { font-size: clamp(3.65rem, 4.9vw, 5.25rem); }
+.skipPage .routing-section .routing-copy p { max-width: 450px; margin: 0; color: #a3b5c2; }
+.skipPage .routing-visual { min-width: 0; }
+.skipPage .coordination-scene { max-width: 1120px; min-height: 466px; display: grid; grid-template-columns: 300px minmax(0, 1fr); margin: 0 auto; overflow: hidden; border: 1px solid #476377; border-radius: 16px; background: #edf3f6; color: #173247; box-shadow: 0 30px 76px rgba(2, 14, 24, .34); }
+.skipPage .routing-visual .coordination-scene { width: 1080px; max-width: none; margin: 0; }
+.skipPage .coordination-chat { display: grid; grid-template-rows: 68px minmax(0, 1fr) 54px; border-right: 1px solid #c5d4de; background: #f8fafb; }
+.skipPage .coordination-chat-head { display: flex; align-items: center; gap: 10px; padding: 0 18px; border-bottom: 1px solid #cfdae2; background: #fff; }
+.skipPage .coordination-chat-head img, .skipPage .coordination-message img { border: 1px solid #bfd0db; border-radius: 50%; background: #edf4f8; }
+.skipPage .coordination-chat-head div { display: grid; gap: 2px; }
+.skipPage .coordination-chat-head strong { font-size: .86rem; }
+.skipPage .coordination-chat-head span { color: #688092; font-size: .69rem; }
+.skipPage .coordination-chat-head > i { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: #28865e; }
+.skipPage .coordination-chat-body { display: flex; flex-direction: column; gap: 11px; padding: 20px 18px 16px; }
+.skipPage .coordination-action { display: grid; grid-template-columns: 26px 1fr; align-items: start; gap: 8px; opacity: 0; transform: translateY(8px); transition: opacity .42s ease, transform .42s cubic-bezier(.16,1,.3,1); }
+.skipPage .coordination-action.is-visible { opacity: 1; transform: translateY(0); }
+.skipPage .coordination-action > span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 7px; font-size: .72rem; font-weight: 750; }
+.skipPage .coordination-action p { margin: 4px 0 0; color: #668094; font-size: .75rem; font-weight: 570; line-height: 1.35; }
+.skipPage .coordination-action-healthy > span { background: #e4f2eb; color: #287a57; }
+.skipPage .coordination-action-review > span { background: #e4edf5; color: #2e6794; }
+.skipPage .coordination-action-human > span { background: #f5e9e3; color: #a94f3c; }
+.skipPage .coordination-message { display: grid; grid-template-columns: 34px 1fr; align-items: end; gap: 8px; margin-top: auto; opacity: 0; transform: translateY(9px) scale(.98); transform-origin: bottom left; transition: opacity .42s ease, transform .42s cubic-bezier(.16,1,.3,1); }
+.skipPage .coordination-message.is-visible { opacity: 1; transform: translateY(0) scale(1); }
+.skipPage .coordination-message div > span { display: block; margin-bottom: 4px; color: #60798c; font-size: .66rem; font-weight: 650; }
+.skipPage .coordination-message p { margin: 0; padding: 10px 11px; border: 1px solid #c9d7e0; border-radius: 11px 11px 11px 4px; background: #fff; color: #173247; font-size: .78rem; font-weight: 570; line-height: 1.35; }
+.skipPage .coordination-open { min-height: 38px; display: flex; align-items: center; justify-content: space-between; margin-left: 42px; padding: 0 12px; border-radius: 8px; background: #2e6794; color: #fff; font-size: .74rem; font-weight: 650; opacity: 0; transform: translateY(7px); transition: opacity .42s ease .14s, transform .42s cubic-bezier(.16,1,.3,1) .14s; }
+.skipPage .coordination-open.is-visible { opacity: 1; transform: translateY(0); }
+.skipPage .coordination-open span { font-size: 1rem; }
+.skipPage .coordination-composer { display: flex; align-items: center; padding: 0 17px; border-top: 1px solid #cfdae2; background: #fff; color: #718797; font-size: .75rem; }
+.skipPage .coordination-composer b { width: 25px; height: 25px; display: grid; place-items: center; margin-left: auto; border-radius: 50%; background: #b3c6d4; color: #fff; }
+.skipPage .coordination-table { display: grid; grid-template-rows: 48px minmax(0, 1fr); min-width: 0; background: #e9f0f4; }
+.skipPage .coordination-table-head, .skipPage .coordination-row { display: grid; grid-template-columns: minmax(142px, 1.2fr) minmax(142px, 1fr) minmax(150px, 1.2fr); align-items: center; gap: 16px; padding-inline: 22px; }
+.skipPage .coordination-table-head { border-bottom: 1px solid #cfdae2; background: #fff; color: #647d90; font-size: .67rem; font-weight: 720; letter-spacing: .06em; text-transform: uppercase; }
+.skipPage .coordination-table-body { display: grid; grid-template-rows: repeat(8, 1fr); }
+.skipPage .coordination-row { border-bottom: 1px solid #cbd8e0; background: rgba(255,255,255,.2); font-size: .76rem; transition: background .38s ease; }
+.skipPage .coordination-row:last-child { border-bottom: 0; }
+.skipPage .coordination-row.is-changed { background: rgba(255,255,255,.58); }
+.skipPage .coordination-row strong { font-size: .77rem; font-weight: 650; }
+.skipPage .coordination-row > span:last-child { color: #3d5d72; }
+.skipPage .coordination-status { display: flex; align-items: center; gap: 8px; color: #26485e; font-weight: 570; }
+.skipPage .coordination-status i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #28865e; box-shadow: 0 0 0 4px rgba(40,134,94,.09); transition: background .3s ease, box-shadow .3s ease; }
+.skipPage .coordination-status-in-agent-review i { background: #2e6794; box-shadow: 0 0 0 4px rgba(46,103,148,.11); }
+.skipPage .coordination-status-blocked i { background: #dfa617; box-shadow: 0 0 0 4px rgba(223,166,23,.1); }
+.skipPage .coordination-status-waiting-on-human i { background: #ce3734; box-shadow: 0 0 0 4px rgba(206,55,52,.1); }
+
+/* The landing story follows Skip's onboarding sequence after coordination. */
+.skipPage .onboarding-feature { overflow: hidden; border-bottom: 1px solid var(--line); }
+.skipPage .onboarding-feature-inner { width: min(1240px, 100%); min-height: 780px; display: grid; align-items: center; gap: clamp(54px, 7vw, 104px); margin: 0 auto; padding: 108px 24px; }
+.skipPage .onboarding-copy { position: relative; z-index: 3; }
+.skipPage .onboarding-copy h2 { margin-bottom: 22px; font-size: clamp(3.6rem, 5.8vw, 6.1rem); font-weight: 480; letter-spacing: -.072em; line-height: .93; }
+.skipPage .onboarding-copy p { max-width: 500px; margin: 0; color: var(--muted); font-size: 1.08rem; line-height: 1.58; }
+.skipPage .feature-oatmeal { background: #f5f1e8; color: var(--ink); }
+.skipPage .feature-white { background: var(--paper); color: var(--ink); }
+.skipPage .feature-blue { border-color: #294557; background: #102534; color: #f4f8fa; }
+.skipPage .feature-blue .onboarding-copy p { color: #a8bbc7; }
+.skipPage .feature-judgment .onboarding-feature-inner { grid-template-columns: minmax(320px, .7fr) minmax(680px, 1.3fr); }
+.skipPage .feature-anywhere .onboarding-feature-inner {
+  width: min(1380px, 100%);
+  min-height: 840px;
+  grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
+  gap: clamp(56px, 5vw, 82px);
+}
+.skipPage .feature-anywhere .onboarding-copy {
+  grid-column: 2;
+  grid-row: 1;
+  width: min(100%, 560px);
+  justify-self: start;
+}
+.skipPage .feature-anywhere .anywhere-scene {
+  width: 780px;
+  grid-column: 1;
+  grid-row: 1;
+  transform: translateX(clamp(-190px, -10vw, -110px));
+}
+.skipPage .feature-drift .onboarding-feature-inner { min-height: 900px; grid-template-rows: auto 1fr; }
+.skipPage .feature-drift .onboarding-copy { max-width: 850px; text-align: center; margin: 0 auto; }
+.skipPage .feature-drift .onboarding-copy p { margin-inline: auto; }
+.skipPage .feature-team .onboarding-feature-inner {
+  width: min(1480px, 100%);
+  min-height: 940px;
+  grid-template-columns: minmax(430px, .78fr) minmax(0, 1.22fr);
+  gap: clamp(54px, 5vw, 88px);
+}
+.skipPage .feature-team .onboarding-copy h2 { max-width: 9.4ch; }
+.skipPage .feature-team .onboarding-copy p { max-width: 540px; }
+
+.skipPage .story-window-head { min-height: 64px; display: flex; align-items: center; gap: 11px; padding: 11px 15px; border-bottom: 1px solid #d1dce3; background: #fff; }
+.skipPage .story-window-head > img { border: 1px solid #c8d5dd; border-radius: 50%; background: #edf4f8; }
+.skipPage .story-window-head div { min-width: 0; display: grid; gap: 3px; }
+.skipPage .story-window-head strong { overflow: hidden; color: #173247; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
+.skipPage .story-window-head small { color: #6a8293; font-size: .67rem; }
+.skipPage .story-window-head > i { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: #28865e; }
+.skipPage .story-agent-mark { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 28px; border-radius: 7px; background: #edf2f5; }
+.skipPage .story-agent-mark img { width: 18px; height: 18px; object-fit: contain; }
+.skipPage .story-agent-codex img { filter: brightness(0) saturate(100%) opacity(.85); }
+
+.skipPage .judgment-scene { min-width: 760px; display: grid; grid-template-columns: 270px minmax(500px, 1fr); overflow: hidden; border: 1px solid #bdcdd7; border-radius: 16px; background: #eef3f6; box-shadow: 0 30px 74px rgba(50,62,65,.16); transform: translateX(3vw); }
+.skipPage .judgment-skip-panel { min-height: 500px; display: grid; grid-template-rows: auto 1fr 52px; border-right: 1px solid #cad7df; background: #f7fafb; }
+.skipPage .judgment-thread { display: flex; flex-direction: column; gap: 12px; padding: 20px 16px; }
+.skipPage .story-event { display: flex; align-items: center; gap: 9px; color: #658093; font-size: .7rem; font-weight: 560; }
+.skipPage .story-event b { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; background: #e3edf3; color: var(--accent); }
+.skipPage .story-bubble { max-width: 91%; padding: 10px 11px; border: 1px solid #c9d6de; border-radius: 11px; background: #fff; color: #183247; font-size: .73rem; font-weight: 560; line-height: 1.4; }
+.skipPage .story-bubble-user { align-self: end; background: #2e6794; color: #fff; opacity: 0; transform: translateY(8px); transition: opacity .35s ease, transform .35s cubic-bezier(.16,1,.3,1); }
+.skipPage .story-bubble-user.is-visible { opacity: 1; transform: translateY(0); }
+.skipPage .story-brief-card { display: grid; gap: 6px; margin-top: auto; padding: 12px; border-left: 3px solid var(--accent); background: #e7f0f5; color: #173247; opacity: 0; transform: translateY(8px); transition: opacity .4s ease, transform .4s cubic-bezier(.16,1,.3,1); }
+.skipPage .story-brief-card.is-visible { opacity: 1; transform: translateY(0); }
+.skipPage .story-brief-card small { color: #668093; font: 600 .61rem var(--font-geist-mono), monospace; }
+.skipPage .story-brief-card strong { font-size: .71rem; line-height: 1.35; }
+.skipPage .story-brief-card span { color: #477086; font-size: .65rem; }
+.skipPage .story-composer { display: flex; align-items: center; padding: 0 15px; border-top: 1px solid #d0dce3; background: #fff; color: #718797; font-size: .72rem; }
+.skipPage .story-composer span { width: 25px; height: 25px; display: grid; place-items: center; margin-left: auto; border-radius: 50%; background: #aec4d2; color: #fff; }
+.skipPage .judgment-agent-panel { background: #f4f7f9; }
+.skipPage .needs-direction { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; color: #a14f3d; font-size: .66rem; font-weight: 620; white-space: nowrap; }
+.skipPage .needs-direction i { width: 7px; height: 7px; border-radius: 50%; background: #b95842; }
+.skipPage .judgment-agent-body { display: grid; align-content: start; gap: 13px; padding: 28px 24px; }
+.skipPage .agent-question { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 10px; margin-top: 14px; }
+.skipPage .agent-question p { margin: 0; padding: 13px 14px; border: 1px solid #c6d4dd; border-radius: 11px; background: #fff; color: #1a3346; font-size: .78rem; font-weight: 560; line-height: 1.45; }
+.skipPage .agent-options { display: flex; flex-wrap: wrap; gap: 8px; margin-left: 38px; }
+.skipPage .agent-options button { padding: 8px 11px; border: 1px solid #c6d5de; border-radius: 8px; background: #e7f0f5; color: #19374b; font-size: .7rem; font-weight: 630; }
+.skipPage .agent-options button.is-selected { border-color: var(--accent); background: var(--accent); color: #fff; }
+.skipPage .agent-resolved { display: flex; align-items: center; gap: 8px; margin: 5px 0 0 38px; color: #267652; font-size: .7rem; font-weight: 620; opacity: 0; transform: translateY(6px); transition: opacity .35s ease, transform .35s ease; }
+.skipPage .agent-resolved.is-visible { opacity: 1; transform: translateY(0); }
+.skipPage .agent-resolved span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 6px; background: #dff0e8; }
+
+.skipPage .anywhere-scene { position: relative; min-height: 600px; perspective: 1400px; }
+.skipPage .ghostty-app, .skipPage .codex-desktop { position: absolute; inset: 46px auto auto 0; width: 690px; height: 470px; overflow: hidden; border: 1px solid #292929; border-radius: 13px; background: #111; box-shadow: 0 34px 80px rgba(22,28,32,.23); opacity: .22; transform: translate3d(-36px, 18px, -80px) rotateY(3deg) scale(.94); transition: opacity .8s ease, transform .9s cubic-bezier(.16,1,.3,1), filter .8s ease; filter: saturate(.7); }
+.skipPage .ghostty-app.is-active, .skipPage .codex-desktop.is-active { z-index: 3; opacity: 1; transform: translate3d(0, 0, 0) rotateY(0) scale(1); filter: none; }
+.skipPage .codex-desktop { inset: 20px auto auto 34px; border-color: #3d3936; transform: translate3d(42px, 22px, -80px) rotateY(-3deg) scale(.94); }
+.skipPage .mac-titlebar, .skipPage .codex-macbar { height: 42px; display: flex; align-items: center; }
+.skipPage .traffic-lights { display: flex; align-items: center; gap: 7px; }
+.skipPage .traffic-lights i { width: 10px; height: 10px; display: block; border-radius: 50%; background: #ff5f57; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
+.skipPage .traffic-lights i:nth-child(2) { background: #febc2e; }
+.skipPage .traffic-lights i:nth-child(3) { background: #28c840; }
+.skipPage .ghostty-titlebar { gap: 9px; padding: 0 13px; border-bottom: 1px solid rgba(255,255,255,.08); background: #202224; color: #efefef; }
+.skipPage .ghostty-titlebar .traffic-lights { margin-right: 9px; }
+.skipPage .ghostty-tab-icon { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 5px; background: #e8eaec; color: #15191c; font: 700 .59rem var(--font-geist-mono), monospace; }
+.skipPage .ghostty-titlebar strong { font: 600 .68rem var(--font-geist-mono), monospace; }
+.skipPage .ghostty-titlebar small { margin-left: auto; color: #979b9e; font: 500 .58rem var(--font-geist-mono), monospace; }
+.skipPage .ghostty-terminal { height: calc(100% - 42px); display: flex; flex-direction: column; gap: 10px; padding: 25px 27px 18px; background: #0b0c0e; color: #e6e6e6; font: 540 .72rem/1.55 var(--font-geist-mono), monospace; }
+.skipPage .ghostty-terminal p { margin: 0; }
+.skipPage .ghostty-terminal p > b { color: #9a9a9a; }
+.skipPage .terminal-success { color: #76c694; }
+.skipPage .terminal-question { display: grid; gap: 6px; margin-top: 7px; }
+.skipPage .terminal-question small { color: #777b7e; font-size: .61rem; font-weight: 700; letter-spacing: .08em; }
+.skipPage .terminal-question span { max-width: 580px; color: #d5d5d5; }
+.skipPage .terminal-direction { margin-top: 4px !important; padding: 10px 12px; border-radius: 6px; background: #1c1e21; color: #d7dcf3; }
+.skipPage .terminal-status { display: flex; align-items: center; gap: 7px; margin-top: auto; color: #b9b9b9; }
+.skipPage .terminal-status i { width: 7px; height: 7px; border: 2px solid #58aa78; border-radius: 50%; }
+.skipPage .terminal-status span { color: #737679; }
+.skipPage .terminal-composer { height: 39px; display: flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid #33363a; border-radius: 7px; color: #c8c8c8; }
+.skipPage .terminal-composer span { color: #696c6f; }
+.skipPage .terminal-composer i { width: 5px; height: 15px; margin-left: auto; background: #bfc2c4; animation: caret-blink 1s steps(1) infinite; }
+@keyframes caret-blink { 50% { opacity: .18; } }
+
+.skipPage .codex-macbar { background: #121212; color: #d9d9d9; }
+.skipPage .codex-sidebar-chrome { width: 198px; height: 100%; display: flex; align-items: center; gap: 10px; padding: 0 12px; background: #37332f; color: #85817d; font-size: .72rem; }
+.skipPage .codex-sidebar-chrome .traffic-lights { margin-right: auto; }
+.skipPage .codex-main-chrome { min-width: 0; height: 100%; display: flex; flex: 1; align-items: center; gap: 8px; padding: 0 11px; border-left: 1px solid #4b4642; font-size: .58rem; }
+.skipPage .codex-main-chrome strong { overflow: hidden; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
+.skipPage .codex-main-chrome > i { flex: 1; }
+.skipPage .codex-main-chrome small { padding: 5px 7px; border: 1px solid #333; border-radius: 6px; color: #9e9e9e; }
+.skipPage .codex-main-chrome img, .skipPage .codex-sidebar img { filter: invert(1); }
+.skipPage .codex-shell { height: calc(100% - 42px); display: grid; grid-template-columns: 198px 1fr; }
+.skipPage .codex-sidebar { display: flex; flex-direction: column; gap: 5px; padding: 12px 7px; background: #37332f; color: #b7b2ad; }
+.skipPage .codex-sidebar-brand { display: flex; align-items: center; gap: 7px; padding: 0 5px 9px; color: #eeeae6; font-size: .7rem; }
+.skipPage .codex-sidebar-brand i { margin-left: auto; color: #8f8a86; font-style: normal; }
+.skipPage .codex-sidebar nav { display: grid; gap: 1px; }
+.skipPage .codex-sidebar nav span { overflow: hidden; padding: 5px 8px; border-radius: 5px; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
+.skipPage .codex-sidebar nav span.selected { background: rgba(255,255,255,.1); color: #fff; }
+.skipPage .codex-sidebar > small { margin: 7px 8px 0; color: #77726e; font-size: .49rem; font-weight: 700; letter-spacing: .07em; }
+.skipPage .codex-thread { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 52px; background: #121212; color: #e8e8e8; }
+.skipPage .codex-restored { color: #6fc692; font-size: .59rem; font-weight: 650; }
+.skipPage .codex-thread > small { color: #808080; font-size: .55rem; font-weight: 650; }
+.skipPage .codex-chat-row { display: grid; grid-template-columns: 25px 1fr; align-items: end; gap: 7px; }
+.skipPage .codex-chat-row .story-agent-mark { width: 25px; height: 25px; border-radius: 6px; background: #303030; }
+.skipPage .codex-chat-row .story-agent-mark img { width: 15px; height: 15px; filter: invert(1); }
+.skipPage .codex-chat-row p { max-width: 380px; margin: 0; padding: 9px 10px; border: 1px solid #292929; border-radius: 10px 10px 10px 4px; background: #1d1d1d; color: #d8d8d8; font-size: .61rem; line-height: 1.42; }
+.skipPage .codex-chat-row.compact p { padding-block: 7px; }
+.skipPage .codex-user-reply { max-width: 280px; margin-left: auto; padding: 7px 9px; border-radius: 9px 9px 4px 9px; background: #282828; color: #ddd; font-size: .59rem; }
+.skipPage .codex-user-reply.followup { max-width: 260px; }
+.skipPage .codex-working { display: flex; align-items: center; gap: 7px; margin-top: auto; color: #888; font-size: .54rem; font-weight: 600; }
+.skipPage .codex-working i { width: 7px; height: 7px; border: 2px dotted #6fc692; border-radius: 50%; animation: spin 2s linear infinite; }
+@keyframes spin { to { transform: rotate(360deg); } }
+.skipPage .codex-composer { position: absolute; right: 0; bottom: 0; left: 0; height: 42px; display: flex; align-items: center; padding: 0 11px; border-top: 1px solid #292929; color: #666; font-size: .59rem; }
+.skipPage .codex-composer span { width: 23px; height: 23px; display: grid; place-items: center; margin-left: auto; border-radius: 6px; background: #292929; color: #aaa; }
+
+.skipPage .drift-scene { width: min(1040px, 100%); display: grid; grid-template-columns: .82fr 1.18fr; margin: 0 auto; overflow: hidden; border: 1px solid #c9c4ba; border-radius: 16px; background: #fff; box-shadow: 0 30px 74px rgba(62,55,44,.12); }
+.skipPage .brief-column { padding: 28px; border-right: 1px solid #d8d3c9; background: #faf8f3; }
+.skipPage .brief-column-head { display: grid; gap: 6px; padding-bottom: 24px; border-bottom: 1px solid #dfdbd2; }
+.skipPage .brief-column-head span { color: #897f70; font-size: .68rem; text-transform: uppercase; letter-spacing: .09em; }
+.skipPage .brief-column-head strong { font-size: 1.3rem; font-weight: 570; letter-spacing: -.035em; }
+.skipPage .brief-group { display: grid; gap: 10px; padding-top: 24px; }
+.skipPage .brief-group small { color: #8a8071; font-size: .65rem; font-weight: 680; letter-spacing: .1em; }
+.skipPage .brief-group p { margin: 0; padding-left: 16px; color: #3e3a34; font-size: .8rem; line-height: 1.4; }
+.skipPage .brief-group p::before { content: "·"; margin-left: -13px; margin-right: 8px; color: var(--accent); }
+.skipPage .drift-monitor { padding: 28px; }
+.skipPage .drift-monitor-head { display: flex; align-items: center; gap: 12px; padding-bottom: 24px; border-bottom: 1px solid #e0e2e2; }
+.skipPage .drift-monitor-head > img { border: 1px solid #cbd5da; border-radius: 50%; background: #edf4f8; }
+.skipPage .drift-monitor-head div { display: grid; gap: 4px; }
+.skipPage .drift-monitor-head strong { font-size: .84rem; }
+.skipPage .drift-monitor-head span { color: #73818a; font-size: .69rem; }
+.skipPage .monitor-live { margin-left: auto; padding: 5px 7px; border-radius: 6px; background: #e2f1ea; color: #287a57; font-size: .61rem; font-style: normal; font-weight: 700; text-transform: uppercase; }
+.skipPage .drift-checks { display: grid; }
+.skipPage .drift-checks > div { min-height: 64px; display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 10px; border-bottom: 1px solid #e3e5e6; color: #84919a; transition: color .35s ease, background .35s ease; }
+.skipPage .drift-checks > div.is-checked { color: #173247; }
+.skipPage .drift-checks > div > span { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: #eef1f2; color: #89959d; font-size: .7rem; }
+.skipPage .drift-checks > div.is-checked > span { background: #e0f0e8; color: #287a57; }
+.skipPage .drift-checks strong { font-size: .76rem; }
+.skipPage .drift-checks small { font-size: .65rem; }
+.skipPage .drift-summary { display: flex; align-items: center; gap: 12px; margin-top: 22px; padding: 14px 16px; border-radius: 9px; background: #e7f2ec; color: #226c4b; opacity: 0; transform: translateY(7px); transition: opacity .4s ease, transform .4s ease; }
+.skipPage .drift-summary.is-visible { opacity: 1; transform: translateY(0); }
+.skipPage .drift-summary b { font-size: .76rem; }
+.skipPage .drift-summary span { font-size: .7rem; }
+
+.skipPage .team-scene { width: 1120px; overflow: hidden; border: 1px solid #c6d3da; border-radius: 17px; background: #f4f8fa; box-shadow: 0 30px 74px rgba(30,56,71,.15); transform: translateX(10px); }
+.skipPage .team-scene-head { min-height: 74px; display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; border-bottom: 1px solid #d3dfe5; background: #fff; }
+.skipPage .team-scene-head > div { display: grid; gap: 4px; }
+.skipPage .team-scene-head strong { color: #183247; font-size: .9rem; }
+.skipPage .team-scene-head span { color: #708594; font-size: .69rem; }
+.skipPage .team-scene-head > small { display: flex; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 999px; background: #e7f2ec; color: #267653; font-size: .64rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
+.skipPage .team-scene-head > small i { width: 7px; height: 7px; border-radius: 50%; background: #28865e; box-shadow: 0 0 0 4px rgba(40,134,94,.1); }
+.skipPage .team-avatar { width: 31px; height: 31px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #24485e; font-size: .58rem; font-weight: 750; letter-spacing: -.02em; }
+.skipPage .team-avatar-1 { background: #dcecf3; }
+.skipPage .team-avatar-2 { background: #efe5d7; }
+.skipPage .team-avatar-3 { background: #e5e1f1; }
+.skipPage .team-avatar-4 { background: #dfeee6; }
+.skipPage .team-agent-board { position: relative; display: grid; gap: 0; padding: 14px 18px 108px; background: #f9fbfc; }
+.skipPage .team-member-lane { min-height: 106px; display: grid; grid-template-columns: 170px 1fr; align-items: center; gap: 18px; padding: 12px 14px; border-bottom: 1px solid #dce5ea; color: #647d8d; transition: background .55s ease, color .55s ease; }
+.skipPage .team-member-lane:last-of-type { border-bottom: 0; }
+.skipPage .team-member-lane.is-active { background: #edf4f7; color: #173247; }
+.skipPage .team-human { min-width: 0; display: grid; grid-template-columns: 36px 1fr; align-items: center; gap: 10px; }
+.skipPage .team-human .team-avatar { width: 36px; height: 36px; grid-row: 1 / 3; font-size: .62rem; }
+.skipPage .team-human > div { display: grid; gap: 3px; }
+.skipPage .team-human strong { color: #173247; font-size: .76rem; }
+.skipPage .team-human span { font-size: .62rem; }
+.skipPage .team-human small { grid-column: 2; color: #78909e; font-size: .59rem; }
+.skipPage .team-agent-sessions { min-width: 0; display: flex; gap: 12px; }
+.skipPage .team-agent-session { width: 342px; min-height: 76px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid #d0dce3; border-radius: 11px; background: #fff; box-shadow: 0 7px 20px rgba(39,67,84,.055); transition: border-color .45s ease, box-shadow .45s ease, transform .55s cubic-bezier(.16,1,.3,1); }
+.skipPage .team-agent-session.is-active { border-color: #79a9c8; box-shadow: 0 12px 28px rgba(46,103,148,.14); transform: translateY(-3px); }
+.skipPage .team-agent-session .story-agent-mark { width: 34px; height: 34px; flex-basis: 34px; }
+.skipPage .team-agent-session > div { min-width: 0; display: grid; gap: 5px; }
+.skipPage .team-agent-session strong, .skipPage .team-agent-session span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.skipPage .team-agent-session strong { color: #173247; font-size: .73rem; }
+.skipPage .team-agent-session span { color: #6f8492; font-size: .61rem; }
+.skipPage .team-agent-session > small { display: flex; align-items: center; gap: 7px; color: #547083; font-size: .6rem; font-weight: 650; }
+.skipPage .team-agent-session > small i { width: 6px; height: 6px; border-radius: 50%; background: #28865e; box-shadow: 0 0 0 4px rgba(40,134,94,.08); }
+.skipPage .team-insight { position: absolute; right: 18px; bottom: 17px; left: 18px; min-height: 76px; display: grid; grid-template-columns: 106px 1fr; align-items: center; gap: 14px; padding: 13px 16px; border: 1px solid #c6d9e4; border-radius: 11px; background: #fff; color: #173247; box-shadow: 0 12px 30px rgba(41,75,94,.1); animation: team-insight-enter .65s cubic-bezier(.16,1,.3,1); }
+.skipPage .team-insight > span { padding: 7px 8px; border-radius: 7px; background: #e4f0f6; color: #2e6794; font-size: .61rem; font-weight: 720; text-align: center; }
+.skipPage .team-insight.is-overlap > span { background: #f4e9df; color: #a75538; }
+.skipPage .team-insight div { display: grid; gap: 4px; }
+.skipPage .team-insight strong { font-size: .72rem; }
+.skipPage .team-insight p { margin: 0; color: #6b8190; font-size: .64rem; line-height: 1.4; }
+@keyframes team-insight-enter { from { opacity: .2; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
+
+
+.skipPage .decision-scene { max-width: 1000px; min-height: 430px; display: grid; grid-template-columns: 1fr 120px 1fr; align-items: center; margin: 0 auto; }
+.skipPage .decision-context { padding: 34px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
+.skipPage .decision-context > span { display: block; margin-bottom: 44px; color: var(--muted); font-size: .78rem; }
+.skipPage .decision-context strong { display: block; max-width: 330px; margin-bottom: 12px; font-size: 1.35rem; letter-spacing: -.035em; line-height: 1.25; }
+.skipPage .decision-context p { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.5; }
+.skipPage .decision-bridge { height: 1px; background: var(--line-strong); }
+.skipPage .decision-bridge span { display: block; width: 12px; height: 12px; margin: -6px auto 0; border: 3px solid var(--paper); border-radius: 50%; background: var(--accent); }
+.skipPage .decision-card { padding: 30px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--paper); box-shadow: 0 20px 52px rgba(35,57,72,.1); }
+.skipPage .decision-sender { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; }
+.skipPage .decision-sender img { border: 1px solid var(--line-strong); border-radius: 50%; }
+.skipPage .decision-sender strong, .skipPage .decision-sender span { display: block; }
+.skipPage .decision-sender strong { font-size: .88rem; }
+.skipPage .decision-sender span { margin-top: 3px; color: var(--accent); font-size: .72rem; }
+.skipPage .decision-card > p { font-size: 1.24rem; font-weight: 560; letter-spacing: -.025em; line-height: 1.3; }
+.skipPage .decision-options { display: flex; flex-wrap: wrap; gap: 8px; }
+.skipPage .decision-options span { padding: 9px 11px; border: 1px solid var(--line-strong); border-radius: 8px; color: var(--muted); font-size: .75rem; }
+.skipPage .decision-options span:first-child { border-color: var(--accent); background: var(--accent); color: var(--accent-text); }
+
+.skipPage .principles { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; max-width: 1120px; margin: 0 auto; padding: 124px 24px; }
+.skipPage .principles h2 { position: sticky; top: 110px; align-self: start; max-width: 9ch; margin: 0; font-size: clamp(3rem, 5vw, 5rem); }
+.skipPage .principle-list { display: grid; gap: 54px; padding-top: 10px; }
+.skipPage .principle-list article { display: grid; grid-template-columns: .75fr 1fr; gap: 30px; }
+.skipPage .principle-list h3 { margin: 0; font-size: 1.2rem; font-weight: 570; letter-spacing: -.035em; }
+.skipPage .principle-list p { margin: 0; color: var(--muted); line-height: 1.55; }
+
+.skipPage .final-cta { min-height: 64dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 88px 24px; border-block: 1px solid var(--line); text-align: center; }
+.skipPage .final-cta img { margin-bottom: 24px; border: 1px solid var(--line-strong); border-radius: 50%; }
+.skipPage .final-cta h2 { max-width: 10ch; margin-bottom: 20px; }
+.skipPage .final-cta p { margin-bottom: 30px; }
+
+.skipPage .subpage-main { min-height: calc(100dvh - 64px); }
+.skipPage .subpage-hero { min-height: calc(100dvh - 64px); display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: clamp(52px, 6vw, 76px); max-width: 1120px; margin: 0 auto; padding: clamp(72px, 8vh, 96px) 24px; }
+.skipPage .subpage-copy h1 { max-width: 11ch; margin-bottom: 24px; font-size: clamp(4rem, 6vw, 5.8rem); font-weight: 480; letter-spacing: -.075em; line-height: .92; }
+.skipPage .download-page .subpage-copy h1 { max-width: 12ch; font-size: clamp(3.9rem, 5.2vw, 5.2rem); }
+.skipPage .subpage-copy p { max-width: 520px; margin-bottom: 30px; color: var(--muted); font-size: clamp(1.05rem, 1.45vw, 1.2rem); line-height: 1.55; }
+.skipPage .pricing-visual { overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--paper); box-shadow: 0 28px 70px rgba(35,57,72,.1); }
+.skipPage .pricing-visual-head { min-height: 190px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 22px; padding: 34px; background: var(--soft-blue); }
+.skipPage .pricing-visual-head img { border: 1px solid var(--line-strong); border-radius: 50%; background: var(--paper); }
+.skipPage .pricing-visual-head strong, .skipPage .pricing-visual-head span { display: block; }
+.skipPage .pricing-visual-head strong { max-width: 360px; margin-bottom: 7px; font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 560; letter-spacing: -.045em; line-height: 1.08; }
+.skipPage .pricing-visual-head span { color: var(--muted); font-size: .9rem; }
+.skipPage .capability-list { padding: 4px 30px; }
+.skipPage .capability-row { display: grid; grid-template-columns: .8fr 1.2fr; gap: 30px; padding: 24px 4px; border-bottom: 1px solid var(--line); }
+.skipPage .capability-row:last-child { border-bottom: 0; }
+.skipPage .capability-row strong { font-size: .9rem; font-weight: 620; }
+.skipPage .capability-row span { color: var(--muted); font-size: .84rem; line-height: 1.45; }
+.skipPage .subpage-note { min-height: 54dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 84px 24px; border-block: 1px solid var(--line); text-align: center; }
+.skipPage .subpage-note h2, .skipPage .download-details h2 { max-width: 11ch; margin-bottom: 18px; font-size: clamp(3rem, 5.8vw, 5.6rem); font-weight: 480; letter-spacing: -.065em; line-height: .96; }
+.skipPage .subpage-note p { max-width: 540px; margin-bottom: 28px; color: var(--muted); font-size: 1.05rem; line-height: 1.55; }
+.skipPage .download-visual { min-height: 520px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 46px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: linear-gradient(145deg, var(--soft-blue), var(--paper)); box-shadow: 0 28px 70px rgba(35,57,72,.1); text-align: center; }
+.skipPage .download-avatar-wrap { position: relative; margin-bottom: 28px; }
+.skipPage .download-avatar-wrap::before { content: ""; position: absolute; inset: -16px; z-index: 0; border: 1px solid #c4d7e3; border-radius: 50%; }
+.skipPage .download-avatar-wrap img { position: relative; z-index: 1; border: 1px solid var(--line-strong); border-radius: 50%; background: var(--paper); }
+.skipPage .download-visual > strong { max-width: 420px; margin-bottom: 10px; font-size: clamp(1.7rem, 3vw, 2.45rem); font-weight: 560; letter-spacing: -.05em; line-height: 1.08; }
+.skipPage .download-visual > p { max-width: 380px; margin-bottom: 32px; color: var(--muted); line-height: 1.5; }
+.skipPage .agent-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; max-width: 430px; }
+.skipPage .agent-pair > div { min-height: 68px; display: flex; align-items: center; gap: 12px; padding: 12px 15px; border: 1px solid var(--line-strong); border-radius: 9px; background: var(--paper); text-align: left; }
+.skipPage .agent-pair span { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 40px; border-radius: 8px; background: var(--soft); }
+.skipPage .agent-pair img { object-fit: contain; }
+.skipPage .agent-pair b { font-size: .88rem; font-weight: 620; }
+.skipPage .download-details { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 50px; max-width: 1120px; margin: 0 auto; padding: 112px 24px; }
+.skipPage .download-details h2 { max-width: 10ch; }
+.skipPage .download-details p { max-width: 570px; margin: 0; color: var(--muted); font-size: 1.06rem; line-height: 1.55; }
+
+.skipPage .teams-page { overflow: hidden; }
+.skipPage .teams-hero { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: clamp(52px, 7vw, 92px); max-width: 1180px; margin: 0 auto; padding: clamp(70px, 8vh, 92px) 24px clamp(94px, 10vh, 118px); }
+.skipPage .teams-hero-copy h1 { max-width: 9.5ch; margin-bottom: 25px; font-size: clamp(4.2rem, 6.4vw, 6.6rem); font-weight: 480; letter-spacing: -.078em; line-height: .9; }
+.skipPage .teams-hero-copy > p { max-width: 510px; margin-bottom: 31px; color: var(--muted); font-size: clamp(1.06rem, 1.45vw, 1.22rem); line-height: 1.55; }
+.skipPage .teams-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
+.skipPage .team-radar { overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--paper); box-shadow: 0 30px 75px rgba(35,57,72,.11); transform: rotate(1.2deg); }
+.skipPage .team-radar-head { min-height: 138px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 30px; background: var(--soft-blue); }
+.skipPage .team-radar-head > div { display: flex; align-items: center; gap: 16px; }
+.skipPage .team-radar-head img { border: 1px solid #bfd1dd; border-radius: 50%; background: var(--paper); }
+.skipPage .team-radar-head strong, .skipPage .team-radar-head small { display: block; }
+.skipPage .team-radar-head strong { margin-bottom: 4px; font-size: 1.05rem; }
+.skipPage .team-radar-head small { color: var(--muted); font-size: .76rem; }
+.skipPage .team-radar-head > span { color: var(--accent); font-size: .78rem; font-weight: 650; }
+.skipPage .team-session-list { padding: 5px 27px; }
+.skipPage .team-session { min-height: 84px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 17px 3px; border-bottom: 1px solid var(--line); }
+.skipPage .team-session:last-child { border-bottom: 0; }
+.skipPage .team-session-logo { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 9px; background: var(--soft); }
+.skipPage .team-session-logo img { object-fit: contain; }
+.skipPage .team-session-work strong, .skipPage .team-session-work small { display: block; }
+.skipPage .team-session-work strong { margin-bottom: 4px; font-size: .88rem; }
+.skipPage .team-session-work small { color: var(--muted); font-size: .72rem; }
+.skipPage .team-session-state { color: var(--muted); font-size: .72rem; white-space: nowrap; }
+.skipPage .team-session-state::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px var(--soft-blue); vertical-align: 1px; }
+.skipPage .team-session-state.needs-attention { color: #9a5b18; }
+.skipPage .team-session-state.needs-attention::before { background: #d99426; box-shadow: 0 0 0 4px #fff4de; }
+
+.skipPage .teams-statement { padding: 86px 24px; border-block: 1px solid var(--line); text-align: center; }
+.skipPage .teams-statement p { max-width: 890px; margin: 0 auto; font-size: clamp(2rem, 4.3vw, 4.2rem); font-weight: 480; letter-spacing: -.058em; line-height: 1.08; }
+.skipPage .teams-context, .skipPage .pre-pr-section { max-width: 1120px; margin: 0 auto; padding: 118px 24px; }
+.skipPage .teams-section-copy { max-width: 770px; margin: 0 auto 62px; text-align: center; }
+.skipPage .teams-section-copy h2, .skipPage .pre-pr-copy h2, .skipPage .garden-copy h2, .skipPage .teams-final h2 { margin-bottom: 20px; font-size: clamp(3.2rem, 5.6vw, 5.7rem); font-weight: 480; letter-spacing: -.07em; line-height: .95; }
+.skipPage .teams-section-copy p, .skipPage .pre-pr-copy p, .skipPage .garden-copy p, .skipPage .teams-final p { color: var(--muted); font-size: 1.08rem; line-height: 1.55; }
+.skipPage .prompt-ledger { display: grid; grid-template-columns: 1fr 70px 1.15fr; align-items: center; padding: 44px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--paper); box-shadow: 0 26px 66px rgba(35,57,72,.08); }
+.skipPage .prompt-origin { display: flex; align-items: flex-start; gap: 16px; padding: 4px; }
+.skipPage .prompt-person { width: 44px; height: 44px; display: grid; place-items: center; flex: 0 0 44px; border-radius: 50%; background: var(--soft-blue); color: var(--accent); font-size: .78rem; font-weight: 680; }
+.skipPage .prompt-origin strong, .skipPage .prompt-outcome strong { display: block; margin-bottom: 8px; font-size: .8rem; }
+.skipPage .prompt-origin p, .skipPage .prompt-outcome p { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.5; }
+.skipPage .prompt-thread { height: 1px; background: var(--line-strong); }
+.skipPage .prompt-thread span { display: block; width: 11px; height: 11px; margin: -5px auto 0; border: 3px solid var(--paper); border-radius: 50%; background: var(--accent); }
+.skipPage .prompt-work { padding: 25px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--soft); }
+.skipPage .prompt-work-head { display: flex; align-items: center; gap: 12px; margin-bottom: 23px; }
+.skipPage .prompt-work-head > img { width: 38px; height: 38px; padding: 7px; border-radius: 8px; background: var(--paper); }
+.skipPage .prompt-work-head strong, .skipPage .prompt-work-head small { display: block; }
+.skipPage .prompt-work-head strong { margin-bottom: 2px; font-size: .9rem; }
+.skipPage .prompt-work-head small { color: var(--muted); font-size: .7rem; }
+.skipPage .prompt-work ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
+.skipPage .prompt-work li { display: grid; grid-template-columns: 42px 1fr; align-items: center; color: var(--muted); font-size: .8rem; }
+.skipPage .prompt-work li span { color: var(--accent); font: 620 .62rem var(--font-geist-mono), monospace; text-transform: uppercase; }
+.skipPage .prompt-outcome { grid-column: 3; margin-top: 24px; padding: 20px 22px; border-left: 3px solid var(--accent); background: var(--soft-blue); }
+
+.skipPage .pre-pr-section { display: grid; grid-template-columns: .72fr 1.28fr; align-items: start; gap: 90px; border-top: 1px solid var(--line); }
+.skipPage .pre-pr-copy { position: sticky; top: 112px; }
+.skipPage .pre-pr-copy h2 { max-width: 8ch; }
+.skipPage .pre-pr-copy p { max-width: 420px; }
+.skipPage .pre-pr-flow { counter-reset: stage; display: grid; }
+.skipPage .pre-pr-flow article { position: relative; min-height: 180px; display: grid; grid-template-columns: 92px 1fr; grid-template-rows: auto auto; column-gap: 28px; align-content: center; padding: 30px 0; }
+.skipPage .pre-pr-flow article:not(:last-child)::after { content: ""; position: absolute; left: 31px; bottom: -1px; width: 1px; height: 38px; background: var(--line-strong); }
+.skipPage .pre-pr-flow article > span { grid-row: 1 / 3; width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; background: var(--paper); color: var(--accent); font-size: .7rem; font-weight: 650; }
+.skipPage .pre-pr-flow article strong { align-self: end; margin-bottom: 7px; font-size: 1.35rem; font-weight: 570; letter-spacing: -.04em; }
+.skipPage .pre-pr-flow article p { max-width: 460px; margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.5; }
+.skipPage .pre-pr-flow article:nth-child(3) { margin-left: 54px; padding-inline: 28px; border-radius: var(--radius); background: var(--soft-blue); }
+.skipPage .pre-pr-flow article:nth-child(3)::after { left: 59px; }
+
+.skipPage .garden-section { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 84px; padding: 116px max(24px, calc((100vw - 1120px) / 2)); border-block: 1px solid var(--line); background: var(--soft-blue); }
+.skipPage .garden-copy img { margin-bottom: 28px; border: 1px solid #bfd2df; border-radius: 50%; background: var(--paper); }
+.skipPage .garden-copy h2 { max-width: 8ch; }
+.skipPage .garden-copy p { max-width: 480px; }
+.skipPage .garden-board { padding: 10px 30px; border: 1px solid #c5d6e0; border-radius: var(--radius); background: color-mix(in srgb, var(--paper) 88%, transparent); box-shadow: 0 26px 70px rgba(46,103,148,.09); }
+.skipPage .garden-row { min-height: 112px; display: grid; grid-template-columns: 62px 1fr auto; align-items: center; gap: 16px; border-bottom: 1px solid #d5e1e8; }
+.skipPage .garden-row:last-child { border-bottom: 0; }
+.skipPage .garden-row strong { display: block; margin-bottom: 6px; font-size: .93rem; }
+.skipPage .garden-row p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.4; }
+.skipPage .garden-stem { position: relative; width: 44px; height: 48px; display: block; }
+.skipPage .garden-stem::before { content: ""; position: absolute; left: 21px; bottom: 5px; width: 2px; height: 30px; background: var(--accent); transform-origin: bottom; }
+.skipPage .garden-stem i { position: absolute; width: 17px; height: 10px; border-radius: 90% 10% 90% 10%; background: var(--accent); transform-origin: 100% 100%; }
+.skipPage .garden-stem i:nth-child(1) { top: 9px; left: 5px; transform: rotate(18deg); }
+.skipPage .garden-stem i:nth-child(2) { top: 20px; right: 3px; transform: scaleX(-1) rotate(25deg); }
+.skipPage .garden-stem i:nth-child(3) { top: 0; left: 18px; transform: rotate(47deg) scale(.8); }
+.skipPage .garden-row-attention .garden-stem::before, .skipPage .garden-row-attention .garden-stem i { background: #b77a27; }
+.skipPage .garden-row-resting .garden-stem { opacity: .52; }
+.skipPage .garden-action { min-width: 82px; padding: 8px 10px; border: 1px solid #c4d5df; border-radius: 8px; background: var(--paper); color: var(--accent); font-size: .7rem; font-weight: 650; text-align: center; }
+.skipPage .teams-final { min-height: 62dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 90px 24px; text-align: center; }
+.skipPage .teams-final h2 { max-width: 10ch; }
+.skipPage .teams-final p { max-width: 560px; margin-bottom: 28px; }
+
+.skipPage .site-footer { position: relative; min-height: 760px; overflow: hidden; padding: 82px max(24px, calc((100vw - 1120px) / 2)) 26px; background: #2e6794; color: #f7fbfe; }
+.skipPage .site-footer::before { content: ""; position: absolute; top: -32%; right: -12%; width: 720px; height: 720px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }
+.skipPage .footer-poster { position: relative; z-index: 2; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 72px; min-height: 390px; }
+.skipPage .footer-copy h2 { max-width: 8.5ch; margin-bottom: 28px; color: #fff; font-size: clamp(4.25rem, 6.8vw, 7.2rem); font-weight: 480; letter-spacing: -.072em; line-height: .89; }
+.skipPage .footer-copy p { max-width: 470px; margin-bottom: 30px; color: rgba(247,251,254,.78); font-size: 1.08rem; line-height: 1.55; }
+.skipPage .footer-cta { min-height: 48px; padding: 12px 19px; border: 1px solid #fff; border-radius: 9px; background: #fff; color: #245778; font-size: .9rem; font-weight: 650; white-space: nowrap; cursor: pointer; transition: transform 180ms cubic-bezier(.16,1,.3,1), background-color 180ms ease; }
+.skipPage .footer-cta:hover { background: #edf5fa; transform: translateY(-3px); }
+.skipPage .footer-cta:active { transform: scale(.98); }
+.skipPage .footer-cta:focus-visible, .skipPage .footer-utility a:focus-visible { outline: 3px solid rgba(255,255,255,.65); outline-offset: 4px; }
+.skipPage .footer-portrait { position: relative; width: min(430px, 34vw); aspect-ratio: 1; justify-self: end; display: grid; place-items: center; outline: none; cursor: default; }
+.skipPage .footer-portrait:focus-visible { outline: 2px solid rgba(255,255,255,.8); outline-offset: 12px; border-radius: 50%; }
+.skipPage .footer-orbit { position: absolute; border: 1px dashed rgba(255,255,255,.32); border-radius: 50%; }
+.skipPage .footer-orbit-outer { inset: 1%; }
+.skipPage .footer-orbit-inner { inset: 18%; border-style: solid; border-color: rgba(255,255,255,.18); }
+.skipPage .footer-orbit-mark {
+  position: absolute;
+  z-index: 1;
+  width: 66px;
+  height: 42px;
+  overflow: hidden;
+  border: 1px solid rgba(206, 229, 242, .62);
+  border-radius: 5px;
+  background: linear-gradient(#31566d 0 9px, #123449 9px 100%);
+  box-shadow: 0 9px 22px rgba(12, 48, 72, .28);
+  will-change: top, left, transform;
+}
+.skipPage .footer-orbit-mark::before {
+  content: '';
+  position: absolute;
+  top: 3px;
+  left: 5px;
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  background: #ff665e;
+  box-shadow: 5px 0 #f5bd4f, 10px 0 #32c85a;
+}
+.skipPage .footer-orbit-mark::after {
+  content: '';
+  position: absolute;
+  inset: 12px 6px 4px;
+  background:
+    linear-gradient(90deg, #57c998 0 4px, transparent 4px 7px, rgba(226, 239, 246, .78) 7px 41px, transparent 41px) 0 0 / 100% 2px no-repeat,
+    linear-gradient(90deg, #57c998 0 4px, transparent 4px 7px, rgba(151, 180, 196, .72) 7px 33px, transparent 33px) 0 6px / 100% 2px no-repeat,
+    linear-gradient(90deg, #4f93b6 0 4px, transparent 4px 7px, rgba(226, 239, 246, .9) 7px 46px, transparent 46px) 0 12px / 100% 2px no-repeat;
+}
+.skipPage .footer-avatar { position: relative; z-index: 2; width: 190px; height: 190px; border: 5px solid rgba(255,255,255,.94); border-radius: 50%; background: #edf4f8; box-shadow: 0 28px 70px rgba(16,54,82,.28); }
+.skipPage .footer-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 50%; transition: opacity 720ms ease, transform 1.1s cubic-bezier(.22,1,.36,1); }
+.skipPage .footer-avatar-chaos { opacity: 1; transform: scale(1) rotate(-2deg); }
+.skipPage .footer-avatar-calm { opacity: 0; transform: scale(.9) rotate(4deg); }
+.skipPage .footer-portrait.is-calm .footer-avatar-chaos { opacity: 0; transform: scale(.91) rotate(-4deg); }
+.skipPage .footer-portrait.is-calm .footer-avatar-calm { opacity: 1; transform: scale(1) rotate(0); }
+.skipPage .footer-wordmark { position: relative; z-index: 1; margin: 18px 0 -2.4vw; color: rgba(255,255,255,.12); font-size: clamp(11rem, 29vw, 29rem); font-weight: 680; letter-spacing: -.1em; line-height: .62; user-select: none; }
+.skipPage .footer-utility { position: relative; z-index: 3; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 32px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.22); color: rgba(247,251,254,.78); font-size: .82rem; }
+.skipPage .footer-brand { color: #fff; font-size: 1.2rem; font-weight: 680; letter-spacing: -.045em; text-decoration: none; }
+.skipPage .footer-utility nav { display: flex; gap: 26px; }
+.skipPage .footer-utility nav a { text-decoration: none; }
+.skipPage .footer-utility nav a:hover, .skipPage .footer-utility p a:hover { color: #fff; }
+.skipPage .footer-utility p { justify-self: end; margin: 0; }
+.skipPage .footer-utility p a { text-underline-offset: 3px; }
+
+@media (prefers-reduced-motion: no-preference) {
+  .skipPage .waitlist-dialog[open] .waitlist-panel { animation: dialog-in 260ms cubic-bezier(.16,1,.3,1) both; }
+  .skipPage .hero-copy { animation: rise-in 700ms cubic-bezier(.16,1,.3,1) both; }
+  .skipPage .hero-work-scene { animation: rise-in 900ms 80ms cubic-bezier(.16,1,.3,1) both; }
+  .skipPage .hero-briefing { animation: briefing-breathe 5s ease-in-out infinite; }
+  .skipPage .hero-terminal { animation: terminal-arrive .58s cubic-bezier(.16,1,.3,1) both; }
+  .skipPage .hero-project-count { animation: workload-count-in .32s cubic-bezier(.16,1,.3,1) both; }
+  .skipPage .hero-terminal-body .terminal-active-line i { animation: terminal-cursor 1.1s steps(1) infinite; }
+  .skipPage .workstream-row { animation: row-focus 8s calc(var(--row) * 1.3s) ease-in-out infinite; }
+  .skipPage .watch-line span { animation: sweep 5.2s ease-in-out infinite; }
+  .skipPage .packet-one, .skipPage .packet-two, .skipPage .packet-three { animation: route-in 4.8s ease-in-out infinite; }
+  .skipPage .packet-two { animation-delay: -1.6s; }
+  .skipPage .packet-three { animation-delay: -3.2s; }
+  .skipPage .packet-four, .skipPage .packet-five { animation: route-out 4.8s ease-in-out infinite; }
+  .skipPage .packet-five { animation-delay: -2.4s; }
+  .skipPage .decision-card { animation: decision-ready 5.6s ease-in-out infinite; }
+  .skipPage .decision-bridge span { animation: bridge-pulse 2.8s ease-in-out infinite; }
+  .skipPage .team-radar { animation: team-radar-in 760ms cubic-bezier(.16,1,.3,1) both; }
+  .skipPage .team-session { animation: team-session-focus 8s ease-in-out infinite; }
+  .skipPage .team-session:nth-child(2) { animation-delay: -2s; }
+  .skipPage .team-session:nth-child(3) { animation-delay: -4s; }
+  .skipPage .team-session:nth-child(4) { animation-delay: -6s; }
+  .skipPage .garden-row:hover .garden-stem { animation: garden-tend 520ms cubic-bezier(.16,1,.3,1); }
+  .skipPage .footer-avatar { animation: footer-dog-float 5s ease-in-out infinite; }
+  .skipPage .footer-portrait.is-calm .footer-avatar { animation-play-state: paused; }
+  @keyframes rise-in { from { opacity: 0; transform: translateY(20px); } }
+  @keyframes dialog-in { from { opacity: 0; transform: translateY(12px) scale(.98); } }
+  @keyframes briefing-breathe { 0%, 100% { transform: translate(-50%, -50%) scale(1); } 50% { transform: translate(-50%, -50%) scale(1.018); } }
+  @keyframes terminal-arrive { from { opacity: 0; translate: 0 18px; scale: .94; } }
+  @keyframes workload-count-in { from { opacity: 0; translate: 0 5px; } }
+  @keyframes terminal-cursor { 0%, 45% { opacity: .85; } 46%, 100% { opacity: .15; } }
+  @keyframes row-focus { 0%, 18%, 100% { background: var(--paper); } 8% { background: var(--soft-blue); } }
+  @keyframes sweep { 0% { transform: translateX(-100%); } 55%, 100% { transform: translateX(385%); } }
+  @keyframes route-in { 0% { opacity: 0; transform: translateX(-35px); } 20%, 68% { opacity: 1; } 82%, 100% { opacity: 0; transform: translateX(120px); } }
+  @keyframes route-out { 0%, 15% { opacity: 0; transform: translateX(-30px); } 32%, 72% { opacity: 1; } 88%, 100% { opacity: 0; transform: translateX(110px); } }
+  @keyframes decision-ready { 0%, 64%, 100% { transform: translateY(0); box-shadow: 0 20px 52px rgba(35,57,72,.1); } 72%, 88% { transform: translateY(-6px); box-shadow: 0 28px 64px rgba(46,103,148,.16); } }
+  @keyframes bridge-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.5); } }
+  @keyframes team-radar-in { from { opacity: 0; transform: translateY(20px) rotate(1.2deg); } }
+  @keyframes team-session-focus { 0%, 18%, 100% { background: transparent; } 8% { background: var(--soft-blue); } }
+  @keyframes garden-tend { 50% { transform: translateY(-5px) rotate(3deg); } }
+  @keyframes footer-dog-float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-9px) rotate(1deg); } }
+}
+
+@media (min-width: 561px) and (max-width: 640px) {
+  .skipPage .investor-strip-inner { min-height: 92px; grid-template-columns: 1fr; gap: 9px; padding: 18px 20px; }
+  .skipPage .investor-strip-inner > p { text-align: center; }
+  .skipPage .investor-marquee { overflow: visible; mask-image: none; }
+  .skipPage .investor-track { width: 100%; }
+  .skipPage .investor-group {
+    width: 100%;
+    display: grid;
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+    gap: 14px 6px;
+  }
+  .skipPage .investor-logo { justify-self: center; }
+  .skipPage .investor-logo-active { width: 88px; grid-column: 1 / 3; grid-row: 1; }
+  .skipPage .investor-logo-yc { grid-column: 3 / 5; grid-row: 1; }
+  .skipPage .investor-logo-cortical { width: 100px; grid-column: 5 / 7; grid-row: 1; }
+  .skipPage .investor-logo-hustle { width: 96px; grid-column: 2 / 4; grid-row: 2; }
+  .skipPage .investor-logo-yonder { grid-column: 4 / 6; grid-row: 2; }
+  .skipPage .investor-yc-mark { width: 21px; height: 21px; font-size: .82rem; }
+  .skipPage .investor-logo-yc strong { font-size: .74rem; }
+  .skipPage .investor-logo-yonder strong { font-size: .72rem; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .skipPage .footer-avatar img { transition-duration: 1ms; transition-delay: 0ms; }
+}
+
+@media (max-width: 900px) {
+  .skipPage .site-nav { grid-template-columns: 1fr auto; padding-inline: 20px; }
+  .skipPage .site-nav nav { display: none; }
+  .skipPage .hero { min-height: auto; padding: 64px 18px 56px; background: none; }
+  .skipPage .hero h1 { font-size: clamp(3.25rem, 13vw, 5.8rem); }
+  .skipPage .hero-work-scene { height: 470px; }
+  .skipPage .hero-terminal-one { left: 0; }
+  .skipPage .hero-terminal-two { right: 0; }
+  .skipPage .hero-terminal-three { left: 1%; }
+  .skipPage .hero-terminal-four { right: 1%; }
+  .skipPage .hero-terminal-five { left: 12%; }
+  .skipPage .hero-terminal-six { right: 12%; }
+  .skipPage .hero-terminal-seven { left: 17%; }
+  .skipPage .hero-terminal-eight { right: 16%; }
+  .skipPage .hero-terminal-nine { left: 25%; }
+  .skipPage .hero-terminal-ten { right: 24%; }
+  .skipPage .product-section, .skipPage .decision-section { padding: 84px 20px; }
+  .skipPage .routing-layout { min-height: auto; grid-template-columns: 1fr; gap: 54px; padding: 84px 20px; }
+  .skipPage .routing-section .routing-copy { max-width: 620px; }
+  .skipPage .routing-section .routing-copy h2 { font-size: clamp(3.3rem, 10vw, 5.2rem); }
+  .skipPage .routing-visual .coordination-scene { width: 100%; }
+  .skipPage .coordination-scene { min-height: auto; grid-template-columns: 1fr; }
+  .skipPage .coordination-chat { min-height: 400px; border-right: 0; border-bottom: 0; }
+  .skipPage .routing-visual .coordination-table { display: none; }
+  .skipPage .onboarding-feature-inner, .skipPage .feature-judgment .onboarding-feature-inner, .skipPage .feature-anywhere .onboarding-feature-inner, .skipPage .feature-team .onboarding-feature-inner { min-height: auto; grid-template-columns: 1fr; gap: 58px; padding: 88px 20px; }
+  .skipPage .feature-drift .onboarding-feature-inner { min-height: auto; padding: 88px 20px; }
+  .skipPage .feature-anywhere .onboarding-copy, .skipPage .feature-anywhere .anywhere-scene { grid-column: 1; }
+  .skipPage .feature-anywhere .onboarding-copy { grid-row: 1; }
+  .skipPage .feature-anywhere .anywhere-scene { width: min(760px, 100%); grid-row: 2; transform: none; }
+  .skipPage .onboarding-copy { max-width: 680px; }
+  .skipPage .onboarding-copy h2 { font-size: clamp(3.3rem, 9.5vw, 5.4rem); }
+  .skipPage .judgment-scene { width: 920px; min-width: 920px; transform: none; }
+  .skipPage .anywhere-scene { width: min(760px, 100%); min-height: 620px; }
+  .skipPage .ghostty-app, .skipPage .codex-desktop { left: 0; }
+  .skipPage .drift-scene { width: 100%; }
+  .skipPage .feature-team .onboarding-copy h2 { max-width: 10ch; }
+  .skipPage .team-scene { width: 1060px; transform: none; }
+  .skipPage .coordination-table-head, .skipPage .coordination-row { grid-template-columns: minmax(132px, 1.2fr) minmax(124px, 1fr) minmax(138px, 1.1fr); gap: 12px; padding-inline: 16px; }
+  .skipPage .decision-scene { grid-template-columns: 1fr; gap: 0; }
+  .skipPage .decision-bridge { width: 1px; height: 70px; justify-self: center; }
+  .skipPage .decision-bridge span { margin: 29px 0 0 -5px; }
+  .skipPage .principles { grid-template-columns: 1fr; gap: 56px; padding: 88px 20px; }
+  .skipPage .principles h2 { position: static; }
+  .skipPage .subpage-hero { min-height: auto; grid-template-columns: 1fr; gap: 58px; padding: 76px 20px 84px; }
+  .skipPage .subpage-copy h1 { max-width: 11ch; }
+  .skipPage .download-visual { min-height: 480px; }
+  .skipPage .download-details { grid-template-columns: 1fr; align-items: start; padding: 88px 20px; }
+  .skipPage .teams-hero { min-height: auto; grid-template-columns: 1fr; gap: 64px; padding: 76px 20px 92px; }
+  .skipPage .teams-hero-copy h1 { max-width: 10ch; }
+  .skipPage .team-radar { width: min(680px, 100%); justify-self: center; transform: none; }
+  .skipPage .teams-context, .skipPage .pre-pr-section { padding: 92px 20px; }
+  .skipPage .prompt-ledger { grid-template-columns: 1fr; gap: 28px; }
+  .skipPage .prompt-thread { width: 1px; height: 52px; justify-self: center; }
+  .skipPage .prompt-thread span { margin: 20px 0 0 -5px; }
+  .skipPage .prompt-outcome { grid-column: 1; margin-top: 0; }
+  .skipPage .pre-pr-section { grid-template-columns: 1fr; gap: 46px; }
+  .skipPage .pre-pr-copy { position: static; }
+  .skipPage .pre-pr-copy h2 { max-width: 10ch; }
+  .skipPage .garden-section { grid-template-columns: 1fr; gap: 54px; padding: 92px 20px; }
+  .skipPage .garden-copy h2 { max-width: 10ch; }
+  .skipPage .site-footer { min-height: 720px; padding: 70px 20px 24px; }
+  .skipPage .footer-poster { grid-template-columns: 1fr; gap: 54px; }
+  .skipPage .footer-copy h2 { max-width: 9ch; }
+  .skipPage .footer-portrait { width: min(430px, 72vw); justify-self: center; }
+  .skipPage .footer-wordmark { margin-top: 58px; font-size: clamp(10rem, 36vw, 19rem); }
+  .skipPage .footer-utility { grid-template-columns: 1fr auto; }
+  .skipPage .footer-utility p { grid-column: 1 / -1; justify-self: start; }
+}
+
+@media (min-width: 901px) and (max-width: 1180px) {
+  .skipPage .feature-anywhere .onboarding-feature-inner {
+    grid-template-columns: minmax(0, .88fr) minmax(390px, 1.12fr);
+    gap: 34px;
+    padding-inline: 28px;
+    overflow: hidden;
+  }
+  .skipPage .feature-anywhere .onboarding-copy {
+    width: min(100%, 460px);
+    justify-self: end;
+  }
+  .skipPage .feature-anywhere .onboarding-copy h2 {
+    font-size: clamp(3.6rem, 6.2vw, 4.8rem);
+  }
+  .skipPage .feature-anywhere .anywhere-scene {
+    transform: translateX(-88px) scale(.75);
+    transform-origin: center left;
+  }
+}
+
+@media (min-width: 901px) and (max-width: 1020px) {
+  .skipPage .feature-anywhere .onboarding-feature-inner {
+    min-height: auto;
+    grid-template-columns: 1fr;
+    gap: 54px;
+    padding: 88px 24px;
+  }
+  .skipPage .feature-anywhere .onboarding-copy,
+  .skipPage .feature-anywhere .anywhere-scene {
+    grid-column: 1;
+  }
+  .skipPage .feature-anywhere .onboarding-copy {
+    width: 100%;
+    max-width: 680px;
+    grid-row: 1;
+    justify-self: start;
+  }
+  .skipPage .feature-anywhere .anywhere-scene {
+    width: min(760px, 100%);
+    grid-row: 2;
+    justify-self: center;
+    transform: none;
+  }
+}
+
+@media (max-width: 560px) {
+  .skipPage .nav-cta { padding: 9px 12px; }
+  .skipPage .hero-copy { margin-bottom: 28px; }
+  .skipPage .hero h1 { font-size: clamp(3rem, 15vw, 4.4rem); }
+  .skipPage .hero-actions { flex-direction: column; align-items: stretch; }
+  .skipPage .button { width: 100%; }
+  .skipPage .waitlist-panel { min-height: 360px; padding: 28px 22px; }
+  .skipPage .waitlist-heading { grid-template-columns: 1fr; gap: 14px; padding-right: 40px; }
+  .skipPage .waitlist-heading img { width: 58px; height: 58px; }
+  .skipPage .hero-work-scene { width: 100%; height: 540px; }
+  .skipPage .hero-work-scene::before { inset: 12% 3% 7%; }
+  .skipPage .hero-terminal { width: 180px; min-height: 132px; }
+  .skipPage .hero-terminal-bar { min-height: 38px; padding: 7px 9px; }
+  .skipPage .hero-agent-logo { width: 22px; height: 22px; }
+  .skipPage .hero-agent-logo img { width: 15px; height: 15px; }
+  .skipPage .hero-terminal-bar strong { max-width: 90px; font-size: .62rem; }
+  .skipPage .hero-terminal-bar small { display: none; }
+  .skipPage .hero-terminal-body { gap: 6px; padding: 14px 12px 15px; }
+  .skipPage .hero-terminal-body code { overflow: hidden; font-size: .56rem; text-overflow: ellipsis; }
+  .skipPage .hero-terminal-one { top: 1%; left: -9px; }
+  .skipPage .hero-terminal-two { top: 13%; right: -9px; }
+  .skipPage .hero-terminal-three { bottom: 12%; left: -9px; }
+  .skipPage .hero-terminal-four { right: -9px; bottom: 1%; }
+  .skipPage .hero-terminal-five { top: 7%; left: 10px; }
+  .skipPage .hero-terminal-six { top: 19%; right: 8px; }
+  .skipPage .hero-terminal-seven { bottom: 18%; left: 8px; }
+  .skipPage .hero-terminal-eight { right: 10px; bottom: 7%; }
+  .skipPage .hero-terminal-nine { top: 29%; left: 2px; }
+  .skipPage .hero-terminal-ten { right: 2px; bottom: 28%; }
+  .skipPage .hero-briefing { width: calc(100% - 22px); min-height: 104px; gap: 12px; padding: 15px; }
+  .skipPage .hero-briefing img { width: 62px; height: 62px; }
+  .skipPage .hero-briefing strong { font-size: .88rem; }
+  .skipPage .hero-briefing div span { font-size: .7rem; }
+  .skipPage .investor-strip-inner { min-height: 92px; grid-template-columns: 1fr; gap: 9px; padding: 18px 20px; }
+  .skipPage .investor-strip-inner > p { text-align: center; }
+  .skipPage .investor-marquee { overflow: visible; mask-image: none; }
+  .skipPage .investor-track { width: 100%; }
+  .skipPage .investor-group {
+    width: 100%;
+    display: grid;
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+    gap: 14px 6px;
+  }
+  .skipPage .investor-logo { justify-self: center; }
+  .skipPage .investor-logo-active { width: 88px; grid-column: 1 / 3; grid-row: 1; }
+  .skipPage .investor-logo-yc { grid-column: 3 / 5; grid-row: 1; }
+  .skipPage .investor-logo-cortical { width: 100px; grid-column: 5 / 7; grid-row: 1; }
+  .skipPage .investor-logo-hustle { width: 96px; grid-column: 2 / 4; grid-row: 2; }
+  .skipPage .investor-logo-yonder { grid-column: 4 / 6; grid-row: 2; }
+  .skipPage .investor-yc-mark { width: 21px; height: 21px; font-size: .82rem; }
+  .skipPage .investor-logo-yc strong { font-size: .74rem; }
+  .skipPage .investor-logo-yonder strong { font-size: .72rem; }
+  .skipPage .plain-statement { padding: 60px 20px; }
+  .skipPage .section-copy { margin-bottom: 44px; text-align: left; }
+  .skipPage .section-copy h2, .skipPage .final-cta h2 { font-size: 3.05rem; }
+  .skipPage .workstream-head { display: none; }
+  .skipPage .workstream-row { grid-template-columns: 1fr; gap: 8px; min-height: 104px; }
+  .skipPage .workstream-row > span:last-child::before { content: "Next: "; color: var(--ink); }
+  .skipPage .coordination-scene { border-radius: 12px; }
+  .skipPage .coordination-chat { min-height: 420px; }
+  .skipPage .coordination-table { min-width: 0; min-height: auto; }
+  .skipPage .coordination-table-head { display: none; }
+  .skipPage .coordination-table-body { grid-template-rows: none; }
+  .skipPage .coordination-row { min-height: 78px; grid-template-columns: 1fr 1fr; gap: 7px 12px; padding-block: 12px; }
+  .skipPage .coordination-row > span:last-child { grid-column: 1 / -1; font-size: .7rem; }
+  .skipPage .coordination-row > span:last-child::before { content: "Next: "; color: #718797; }
+  .skipPage .onboarding-feature-inner, .skipPage .feature-judgment .onboarding-feature-inner, .skipPage .feature-anywhere .onboarding-feature-inner, .skipPage .feature-drift .onboarding-feature-inner, .skipPage .feature-team .onboarding-feature-inner { gap: 42px; padding: 72px 18px; }
+  .skipPage .onboarding-copy h2 { font-size: clamp(3rem, 14vw, 4.15rem); }
+  .skipPage .onboarding-copy p { font-size: 1rem; }
+  .skipPage .feature-drift .onboarding-copy { text-align: left; }
+  .skipPage .feature-drift .onboarding-copy p { margin-inline: 0; }
+  .skipPage .judgment-scene { width: 100%; min-width: 0; grid-template-columns: 1fr; }
+  .skipPage .judgment-skip-panel { display: none; }
+  .skipPage .judgment-agent-panel { min-height: 440px; }
+  .skipPage .judgment-agent-body { padding: 24px 16px; }
+  .skipPage .needs-direction { font-size: 0; }
+  .skipPage .needs-direction i { margin-left: 4px; }
+  .skipPage .agent-options, .skipPage .agent-resolved { margin-left: 0; }
+  .skipPage .anywhere-scene { min-height: 390px; }
+  .skipPage .ghostty-app, .skipPage .codex-desktop { width: 145%; height: 470px; transform-origin: top left; transform: translate3d(-14px, 12px, -80px) rotateY(2deg) scale(.62); }
+  .skipPage .ghostty-app.is-active, .skipPage .codex-desktop.is-active { transform: translate3d(0, 0, 0) rotateY(0) scale(.68); }
+  .skipPage .codex-desktop { transform: translate3d(18px, 12px, -80px) rotateY(-2deg) scale(.62); }
+  .skipPage .drift-scene { grid-template-columns: 1fr; }
+  .skipPage .brief-column { padding: 23px 20px; border-right: 0; border-bottom: 1px solid #d8d3c9; }
+  .skipPage .brief-group { grid-template-columns: 1fr; padding-top: 18px; }
+  .skipPage .brief-group p { font-size: .73rem; }
+  .skipPage .drift-monitor { padding: 23px 20px; }
+  .skipPage .drift-monitor-head span { display: none; }
+  .skipPage .drift-checks > div { min-height: 58px; }
+  .skipPage .team-scene { width: 100%; }
+  .skipPage .team-agent-board { padding: 10px 11px 112px; }
+  .skipPage .team-member-lane { grid-template-columns: 1fr; gap: 10px; padding: 14px 9px; }
+  .skipPage .team-agent-sessions { overflow-x: auto; padding-bottom: 4px; scroll-snap-type: x mandatory; }
+  .skipPage .team-agent-session { width: min(310px, 82vw); flex: 0 0 auto; scroll-snap-align: start; }
+  .skipPage .team-insight { right: 11px; bottom: 11px; left: 11px; min-height: 90px; grid-template-columns: 92px 1fr; padding: 11px; }
+  .skipPage .team-insight p { display: none; }
+  .skipPage .decision-context, .skipPage .decision-card { padding: 24px; }
+  .skipPage .decision-context > span { margin-bottom: 28px; }
+  .skipPage .decision-options { flex-direction: column; }
+  .skipPage .decision-options span { text-align: center; }
+  .skipPage .principle-list article { grid-template-columns: 1fr; gap: 9px; }
+  .skipPage .final-cta { min-height: 68dvh; }
+  .skipPage .subpage-hero { padding-top: 58px; }
+  .skipPage .subpage-copy h1 { font-size: clamp(3.7rem, 16vw, 5rem); }
+  .skipPage .pricing-visual-head { grid-template-columns: 1fr; min-height: 250px; padding: 28px 22px; }
+  .skipPage .capability-list { padding-inline: 20px; }
+  .skipPage .capability-row { grid-template-columns: 1fr; gap: 8px; padding-block: 22px; }
+  .skipPage .download-visual { min-height: 460px; padding: 44px 22px; }
+  .skipPage .download-avatar-wrap img { width: 104px; height: 104px; }
+  .skipPage .agent-pair { grid-template-columns: 1fr; }
+  .skipPage .subpage-note h2, .skipPage .download-details h2 { font-size: 3.25rem; }
+  .skipPage .teams-hero-copy h1 { font-size: clamp(3.7rem, 16vw, 5rem); }
+  .skipPage .teams-hero-actions { flex-direction: column; align-items: stretch; }
+  .skipPage .team-radar-head { min-height: 118px; padding: 23px 20px; }
+  .skipPage .team-radar-head > span { display: none; }
+  .skipPage .team-session-list { padding-inline: 18px; }
+  .skipPage .team-session { grid-template-columns: auto 1fr; }
+  .skipPage .team-session-state { grid-column: 2; }
+  .skipPage .teams-statement { padding: 64px 20px; text-align: left; }
+  .skipPage .teams-section-copy { margin-bottom: 44px; text-align: left; }
+  .skipPage .teams-section-copy h2, .skipPage .pre-pr-copy h2, .skipPage .garden-copy h2, .skipPage .teams-final h2 { font-size: 3.2rem; }
+  .skipPage .prompt-ledger { padding: 24px 20px; }
+  .skipPage .prompt-origin { display: grid; }
+  .skipPage .pre-pr-flow article { grid-template-columns: 72px 1fr; column-gap: 14px; }
+  .skipPage .pre-pr-flow article > span { width: 54px; height: 54px; font-size: .62rem; }
+  .skipPage .pre-pr-flow article:not(:last-child)::after { left: 26px; }
+  .skipPage .pre-pr-flow article:nth-child(3) { margin-left: 0; padding-inline: 18px; }
+  .skipPage .pre-pr-flow article:nth-child(3)::after { left: 44px; }
+  .skipPage .garden-board { padding-inline: 18px; }
+  .skipPage .garden-row { grid-template-columns: 50px 1fr; padding-block: 19px; }
+  .skipPage .garden-action { grid-column: 2; justify-self: start; }
+  .skipPage .teams-final { min-height: 58dvh; }
+  .skipPage .site-footer { min-height: 640px; padding-top: 58px; }
+  .skipPage .footer-copy h2 { font-size: clamp(3.5rem, 17vw, 5rem); }
+  .skipPage .footer-copy p { font-size: 1rem; }
+  .skipPage .footer-portrait { width: 86vw; }
+  .skipPage .footer-avatar { width: 138px; height: 138px; border-width: 4px; }
+  .skipPage .footer-orbit-mark { width: 52px; height: 34px; border-radius: 4px; background: linear-gradient(#31566d 0 7px, #123449 7px 100%); }
+  .skipPage .footer-orbit-mark::before { top: 2px; left: 4px; }
+  .skipPage .footer-orbit-mark::after { inset: 10px 5px 3px; transform: scale(.78); transform-origin: top left; }
+  .skipPage .footer-wordmark { margin-top: 46px; margin-bottom: -3vw; font-size: 43vw; }
+  .skipPage .footer-utility { grid-template-columns: 1fr; gap: 18px; }
+  .skipPage .footer-utility nav { justify-self: start; }
+  .skipPage .footer-utility p { grid-column: 1; }
+}
+
+@media (max-width: 640px) {
+  .skipPage .feature-judgment .onboarding-feature-inner {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .skipPage .feature-judgment .onboarding-copy {
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .skipPage #judgment-title {
+    width: 100%;
+    max-width: 100%;
+    font-size: clamp(2.75rem, 8.5vw, 3.35rem);
+    letter-spacing: -.065em;
+    line-height: .96;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .skipPage { scroll-behavior: auto; }
+  .skipPage, .skipPage *, .skipPage *::before, .skipPage *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
+  .skipPage .investor-marquee { overflow-x: auto; mask-image: none; scrollbar-width: none; }
+  .skipPage .investor-marquee::-webkit-scrollbar { display: none; }
+}
+
+/* Agent Relay treatment for the Skip route. */
+.skipPage.relayBrand {
+  --page: #fbfbfa;
+  --paper: #fff;
+  --soft: #f4f5f5;
+  --soft-blue: #edf4f8;
+  --ink: #191919;
+  --muted: #686868;
+  --line: #e2e3e3;
+  --line-strong: #cfd2d3;
+  --accent: #2e6794;
+  --accent-text: #f8fbfd;
+  --page-frame-edge: max(24px, calc((100vw - 1280px) / 2));
+  --radius: var(--r-md);
+  font-family: var(--font-geist-sans), sans-serif;
+  background: var(--page);
+}
+
+.skipPage.relayBrand .hero {
+  position: relative;
+}
+
+.skipPage.relayBrand .hero::before,
+.skipPage.relayBrand .hero::after {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 18;
+  width: 1px;
+  background: var(--line);
+  content: "";
+  pointer-events: none;
+}
+
+.skipPage.relayBrand .hero::before {
+  left: var(--page-frame-edge);
+}
+
+.skipPage.relayBrand .hero::after {
+  right: var(--page-frame-edge);
+}
+
+.skipPage.relayBrand :is(h1, h2) {
+  font-family: var(--font-heading), sans-serif;
+  text-wrap: balance;
+}
+
+.skipPage.relayBrand .skip-nav-wordmark {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--nav-fg);
+  font-family: var(--font-heading), sans-serif;
+  font-size: 1.08rem;
+  font-weight: 620;
+  letter-spacing: -.055em;
+  line-height: 1;
+  white-space: nowrap;
+}
+
+.skipPage.relayBrand .skip-nav-wordmark::before {
+  width: 1px;
+  height: 24px;
+  margin-right: 4px;
+  background: color-mix(in srgb, var(--nav-fg) 24%, transparent);
+  content: "";
+}
+
+.skipPage.relayBrand .skip-nav-avatar {
+  width: 30px;
+  height: 30px;
+  padding: 2px;
+  border: 1px solid color-mix(in srgb, var(--nav-fg) 28%, transparent);
+  border-radius: 50%;
+  background: #f3eee5;
+  object-fit: contain;
+}
+
+.skipPage.relayBrand .skip-nav-cta {
+  min-height: 40px;
+  padding: 9px 17px;
+  border: 1px solid var(--accent);
+  border-radius: var(--r-sm);
+  background: var(--accent);
+  color: var(--accent-text);
+  font-size: .84rem;
+  font-weight: 700;
+  cursor: pointer;
+  transition: transform 180ms var(--ease-out-quint), background 180ms ease;
+}
+
+.skipPage.relayBrand .skip-nav-cta:hover {
+  background: #245a82;
+  transform: translateY(-1px);
+}
+
+.skipPage.relayBrand .skip-nav-cta:active { transform: scale(.97); }
+.skipPage.relayBrand .skip-nav-cta:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 3px; }
+
+.skipPage.relayBrand .hero {
+  border-color: var(--line);
+  padding-top: clamp(112px, 13vh, 136px);
+  background:
+    radial-gradient(circle at 50% 44%, rgba(193, 103, 75, .06), transparent 35rem),
+    linear-gradient(90deg, transparent calc(50% - 561px), var(--line) calc(50% - 561px), var(--line) calc(50% - 560px), transparent calc(50% - 560px)),
+    linear-gradient(90deg, transparent calc(50% + 560px), var(--line) calc(50% + 560px), var(--line) calc(50% + 561px), transparent calc(50% + 561px)),
+    var(--page);
+}
+
+.skipPage.relayBrand .hero h1 {
+  max-width: 14ch;
+  color: var(--ink);
+  font-weight: 560;
+  letter-spacing: -.065em;
+}
+
+.skipPage.relayBrand .agent-name { color: var(--ink); }
+.skipPage.relayBrand .agent-name-logo-codex { background: var(--accent); }
+
+.skipPage.relayBrand :is(.button, .footer-cta) { border-radius: var(--r-sm); }
+
+.skipPage.relayBrand .button-primary {
+  border-color: var(--accent);
+  background: var(--accent);
+  color: var(--accent-text);
+}
+
+.skipPage.relayBrand :is(.button-primary, .skip-nav-cta):hover { background: #245a82; }
+
+.skipPage.relayBrand .hero-work-scene::before {
+  border-color: var(--line);
+  background: var(--soft);
+}
+
+.skipPage.relayBrand :is(.hero-terminal, .hero-briefing, .coordination-scene, .judgment-scene, .ghostty-app, .codex-desktop, .drift-scene, .team-scene) {
+  border-radius: var(--r-md);
+}
+
+.skipPage.relayBrand .hero-briefing {
+  border-color: #d4c7b4;
+  background: #f3eee5;
+  color: #17242c;
+  box-shadow: 0 28px 70px rgba(73, 62, 45, .16);
+}
+
+.skipPage.relayBrand .hero-briefing img {
+  border-color: #cdbfa9;
+  background: #fbfaf7;
+}
+
+.skipPage.relayBrand .hero-briefing small { color: #6e685f; }
+.skipPage.relayBrand .hero-briefing-action { border-radius: var(--r-sm-in); }
+
+.skipPage.relayBrand .investor-strip {
+  border-color: var(--line);
+  background: var(--paper);
+}
+
+.skipPage.relayBrand .investor-logo {
+  color: var(--ink);
+  filter: none;
+  opacity: .92;
+}
+
+.skipPage.relayBrand .routing-section {
+  border-color: var(--line);
+  background: #102131;
+}
+
+.skipPage.relayBrand .feature-oatmeal {
+  border-color: var(--line);
+  background: #f5f1e8;
+  color: var(--ink);
+}
+
+.skipPage.relayBrand .feature-white {
+  border-color: var(--line);
+  background: var(--paper);
+  color: var(--ink);
+}
+
+.skipPage.relayBrand .feature-blue {
+  border-color: var(--line);
+  background: #102534;
+}
+
+.skipPage.relayBrand :is(.feature-oatmeal, .feature-white) .onboarding-copy p { color: var(--muted); }
+.skipPage.relayBrand .feature-blue .onboarding-copy p { color: #a8bbc7; }
+
+.skipPage.relayBrand .waitlist-panel {
+  border-color: var(--line-strong);
+  background: var(--paper);
+  box-shadow: 0 32px 90px rgba(27, 51, 66, .22);
+}
+
+.skipPage.relayBrand .waitlist-close,
+.skipPage.relayBrand .waitlist-field input {
+  border-color: var(--line-strong);
+  background: var(--page);
+  color: var(--ink);
+}
+
+.skipPage.relayBrand .waitlist-field input:focus { background: var(--paper); }
+
+@media (max-width: 960px) {
+  .skipPage.relayBrand .hero::before,
+  .skipPage.relayBrand .hero::after { display: none; }
+}
+
+@media (max-width: 760px) {
+  .skipPage.relayBrand .hero { padding-top: 76px; }
+  .skipPage.relayBrand .skip-nav-wordmark { gap: 7px; font-size: .98rem; }
+  .skipPage.relayBrand .skip-nav-wordmark::before { height: 20px; }
+  .skipPage.relayBrand .skip-nav-avatar { width: 27px; height: 27px; }
+}
diff --git a/web/app/skip/waitlist.tsx b/web/app/skip/waitlist.tsx
new file mode 100644
index 0000000..747287a
--- /dev/null
+++ b/web/app/skip/waitlist.tsx
@@ -0,0 +1,157 @@
+'use client';
+
+import Image from 'next/image';
+import {
+  createContext,
+  type FormEvent,
+  type ReactNode,
+  useContext,
+  useRef,
+  useState,
+} from 'react';
+
+const WAITLIST_ENDPOINT =
+  process.env.NEXT_PUBLIC_WAITLIST_API_URL?.trim() || 'https://agentrelay.com/cloud/api/waitlist';
+
+type WaitlistContextValue = {
+  openWaitlist: () => void;
+};
+
+type SubmissionState = 'idle' | 'loading' | 'success' | 'error';
+
+const WaitlistContext = createContext<WaitlistContextValue | null>(null);
+
+export function WaitlistProvider({ children }: { children: ReactNode }) {
+  const dialogRef = useRef<HTMLDialogElement>(null);
+  const emailRef = useRef<HTMLInputElement>(null);
+  const [email, setEmail] = useState('');
+  const [status, setStatus] = useState<SubmissionState>('idle');
+  const [error, setError] = useState('');
+
+  function openWaitlist() {
+    setEmail('');
+    setStatus('idle');
+    setError('');
+    dialogRef.current?.showModal();
+    window.requestAnimationFrame(() => emailRef.current?.focus());
+  }
+
+  function closeWaitlist() {
+    dialogRef.current?.close();
+  }
+
+  async function submitWaitlist(event: FormEvent<HTMLFormElement>) {
+    event.preventDefault();
+    const form = event.currentTarget;
+
+    if (!form.reportValidity()) return;
+
+    setStatus('loading');
+    setError('');
+
+    try {
+      const response = await fetch(WAITLIST_ENDPOINT, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email: email.trim().toLowerCase(), source: 'skip-web' }),
+      });
+
+      if (!response.ok) {
+        const body = await response.json().catch(() => null) as { error?: string } | null;
+        throw new Error(body?.error || 'We could not add you right now. Please try again.');
+      }
+
+      setStatus('success');
+    } catch (submissionError) {
+      setStatus('error');
+      setError(
+        submissionError instanceof Error
+          ? submissionError.message
+          : 'We could not add you right now. Please try again.',
+      );
+    }
+  }
+
+  return (
+    <WaitlistContext.Provider value={{ openWaitlist }}>
+      {children}
+      <dialog
+        className="waitlist-dialog"
+        ref={dialogRef}
+        aria-labelledby="waitlist-title"
+        onClick={(event) => {
+          if (event.target === dialogRef.current) closeWaitlist();
+        }}
+      >
+        <div className="waitlist-panel">
+          <button className="waitlist-close" type="button" onClick={closeWaitlist} aria-label="Close waitlist form">
+            <span aria-hidden="true">×</span>
+          </button>
+
+          {status === 'success' ? (
+            <div className="waitlist-success" role="status">
+              <Image src="/skip-assets/skip-avatar-hover.png" alt="" width={74} height={74} />
+              <h2 id="waitlist-title">You&apos;re on the list.</h2>
+              <p>We&apos;ll send Skip updates to <strong>{email.trim().toLowerCase()}</strong>.</p>
+              <button className="button button-primary" type="button" onClick={closeWaitlist}>Done</button>
+            </div>
+          ) : (
+            <>
+              <div className="waitlist-heading">
+                <Image src="/skip-assets/skip-avatar.png" alt="" width={68} height={68} />
+                <div>
+                  <h2 id="waitlist-title">Join the Skip waitlist.</h2>
+                  <p>Be first to know when Skip is ready to manage your coding agents.</p>
+                </div>
+              </div>
+
+              <form className="waitlist-form" onSubmit={submitWaitlist} noValidate>
+                <div className="waitlist-field">
+                  <label htmlFor="waitlist-email">Work email</label>
+                  <input
+                    id="waitlist-email"
+                    ref={emailRef}
+                    name="email"
+                    type="email"
+                    autoComplete="email"
+                    inputMode="email"
+                    placeholder="you@company.com"
+                    value={email}
+                    onChange={(event) => setEmail(event.target.value)}
+                    required
+                    maxLength={320}
+                    aria-describedby={error ? 'waitlist-error' : 'waitlist-helper'}
+                    aria-invalid={status === 'error'}
+                  />
+                  <p id="waitlist-helper">No noise. Just launch updates from Skip.</p>
+                  {error ? <p id="waitlist-error" className="waitlist-error" role="alert">{error}</p> : null}
+                </div>
+
+                <div className="waitlist-honeypot" aria-hidden="true">
+                  <label htmlFor="waitlist-company">Company website</label>
+                  <input id="waitlist-company" name="company" type="text" tabIndex={-1} autoComplete="off" />
+                </div>
+
+                <button className="button button-primary waitlist-submit" type="submit" disabled={status === 'loading'}>
+                  {status === 'loading' ? 'Joining...' : 'Join waitlist'}
+                </button>
+              </form>
+            </>
+          )}
+        </div>
+      </dialog>
+    </WaitlistContext.Provider>
+  );
+}
+
+export function WaitlistButton({ children, className }: { children: ReactNode; className: string }) {
+  const context = useContext(WaitlistContext);
+
+  if (!context) throw new Error('WaitlistButton must be rendered inside WaitlistProvider');
+
+  return (
+    <button className={className} type="button" onClick={context.openWaitlist}>
+      {children}
+    </button>
+  );
+}
diff --git a/web/components/SiteFooter.tsx b/web/components/SiteFooter.tsx
index bead4f6..0723bf9 100644
--- a/web/components/SiteFooter.tsx
+++ b/web/components/SiteFooter.tsx
@@ -21,6 +21,7 @@ const footerColumns: FooterColumn[] = [
     title: 'Products',
     links: [
       { label: 'Relay Cloud', href: 'https://agentrelay.com/cloud' },
+      { label: 'Skip', href: '/skip' },
       { label: 'Enterprise', href: '/enterprise' },
       { label: 'Reflex', href: '/reflex' },
       { label: 'Pear', href: '/pear' },
@@ -90,7 +91,7 @@ function FooterTextLink({ href, label, showExternalIcon }: FooterLink) {
   );
 }
 
-export function SiteFooter() {
+export function SiteFooter({ hideRelayCloud = false }: { hideRelayCloud?: boolean } = {}) {
   return (
     <footer className={s.footer}>
       <div className={s.inner}>
@@ -106,9 +107,11 @@ export function SiteFooter() {
           {footerColumns.map((column) => (
             <div className={s.col} key={column.title}>
               <h4 className={s.colTitle}>{column.title}</h4>
-              {column.links.map((link) => (
-                <FooterTextLink key={`${column.title}-${link.label}`} {...link} />
-              ))}
+              {column.links
+                .filter((link) => !(hideRelayCloud && link.label === 'Relay Cloud'))
+                .map((link) => (
+                  <FooterTextLink key={`${column.title}-${link.label}`} {...link} />
+                ))}
             </div>
           ))}
         </div>
diff --git a/web/components/SiteNav.tsx b/web/components/SiteNav.tsx
index baab760..cba4dd9 100644
--- a/web/components/SiteNav.tsx
+++ b/web/components/SiteNav.tsx
@@ -52,15 +52,19 @@ export function LogoWordmark() {
 
 export function SiteNav({
   center,
+  brandAddon,
   actions,
   mobileMenuContent,
   hideLinks,
+  hideDocsLink,
   hideMobileDocsLink,
 }: {
   center?: React.ReactNode;
+  brandAddon?: React.ReactNode;
   actions?: React.ReactNode;
   mobileMenuContent?: React.ReactNode;
   hideLinks?: boolean;
+  hideDocsLink?: boolean;
   hideMobileDocsLink?: boolean;
 } = {}) {
   const pathname = usePathname();
@@ -82,21 +86,26 @@ export function SiteNav({
     <div className={s.navOuter}>
       <header className={`${s.navBar} ${scrolled ? s.navBarScrolled : ''}`}>
         <nav className={s.nav}>
-          <Link href="/" className={s.logo} aria-label="Agent Relay home">
-            <LogoIcon />
-            <LogoWordmark />
-          </Link>
+          <div className={s.brandGroup}>
+            <Link href="/" className={s.logo} aria-label="Agent Relay home">
+              <LogoIcon />
+              <LogoWordmark />
+            </Link>
+            {brandAddon}
+          </div>
 
           {center && <div className={s.navCenter}>{center}</div>}
 
           <div className={s.navRight}>
             {!hideLinks && (
               <ul className={s.links}>
-                <li>
-                  <Link href="/docs" className={s.link}>
-                    Docs
-                  </Link>
-                </li>
+                {!hideDocsLink && (
+                  <li>
+                    <Link href="/docs" className={s.link}>
+                      Docs
+                    </Link>
+                  </li>
+                )}
                 <li>
                   <Link href="/blog" className={s.link}>
                     Blog
@@ -158,7 +167,7 @@ export function SiteNav({
               }
             }}
           >
-            {!hideLinks && !hideMobileDocsLink && (
+            {!hideLinks && !hideDocsLink && !hideMobileDocsLink && (
               <Link href="/docs" className={s.mobileLink} onClick={() => setMenuOpen(false)}>
                 Docs
               </Link>
diff --git a/web/components/site-nav.module.css b/web/components/site-nav.module.css
index fca784d..291b51d 100644
--- a/web/components/site-nav.module.css
+++ b/web/components/site-nav.module.css
@@ -69,6 +69,13 @@
   gap: 12px;
 }
 
+.brandGroup {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  gap: 14px;
+}
+
 .logo {
   color: var(--nav-fg);
   text-decoration: none;
@@ -171,6 +178,10 @@
     height: 22px;
   }
 
+  .brandGroup {
+    gap: 10px;
+  }
+
   .links {
     display: none;
   }
diff --git a/web/indexnow-state.json b/web/indexnow-state.json
index 477b38d..61c222b 100644
--- a/web/indexnow-state.json
+++ b/web/indexnow-state.json
@@ -31,7 +31,7 @@
     "https://agentrelay.com/blog/trusting-an-agent-you-didnt-spawn",
     "https://agentrelay.com/brand",
     "https://agentrelay.com/brand/theme",
-    "https://agentrelay.com/chief",
+    "https://agentrelay.com/skip",
     "https://agentrelay.com/company",
     "https://agentrelay.com/docs/actions",
     "https://agentrelay.com/docs/agent-relay-mcp",
diff --git a/web/public/skip-assets/claude.svg b/web/public/skip-assets/claude.svg
new file mode 100644
index 0000000..cf1005c
--- /dev/null
+++ b/web/public/skip-assets/claude.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z" fill="#C1674B"/></svg>
diff --git a/web/public/skip-assets/codex.svg b/web/public/skip-assets/codex.svg
new file mode 100644
index 0000000..273f5c4
--- /dev/null
+++ b/web/public/skip-assets/codex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 268 266" fill="none"><g transform="translate(-146 -227)"><path d="M249.176 323.434V298.276C249.176 296.158 249.971 294.569 251.825 293.509L302.406 264.381C309.29 260.409 317.5 258.555 325.973 258.555C357.75 258.555 377.877 283.185 377.877 309.399C377.877 311.253 377.877 313.371 377.611 315.49L325.178 284.771C322.001 282.919 318.822 282.919 315.645 284.771L249.176 323.434ZM367.283 421.415V361.301C367.283 357.592 365.694 354.945 362.516 353.092L296.048 314.43L317.763 301.982C319.617 300.925 321.206 300.925 323.058 301.982L373.639 331.112C388.205 339.586 398.003 357.592 398.003 375.069C398.003 395.195 386.087 413.733 367.283 421.412V421.415ZM233.553 368.452L211.838 355.742C209.986 354.684 209.19 353.095 209.19 350.975V292.718C209.19 264.383 230.905 242.932 260.301 242.932C271.423 242.932 281.748 246.641 290.49 253.26L238.321 283.449C235.146 285.303 233.555 287.951 233.555 291.659V368.455L233.553 368.452ZM280.292 395.462L249.176 377.985V340.913L280.292 323.436L311.407 340.913V377.985L280.292 395.462ZM300.286 475.968C289.163 475.968 278.837 472.259 270.097 465.64L322.264 435.449C325.441 433.597 327.03 430.949 327.03 427.239V350.445L349.011 363.155C350.865 364.213 351.66 365.802 351.66 367.922V426.179C351.66 454.514 329.679 475.965 300.286 475.965V475.968ZM237.525 416.915L186.944 387.785C172.378 379.31 162.582 361.305 162.582 343.827C162.582 323.436 174.763 305.164 193.563 297.485V357.861C193.563 361.571 195.154 364.217 198.33 366.071L264.535 404.467L242.82 416.915C240.967 417.972 239.377 417.972 237.525 416.915ZM234.614 460.343C204.689 460.343 182.71 437.833 182.71 410.028C182.71 407.91 182.976 405.792 183.238 403.672L235.405 433.863C238.582 435.715 241.763 435.715 244.938 433.863L311.407 395.466V420.622C311.407 422.742 310.612 424.331 308.758 425.389L258.179 454.519C251.293 458.491 243.083 460.343 234.611 460.343H234.614ZM300.286 491.854C332.329 491.854 359.073 469.082 365.167 438.892C394.825 431.211 413.892 403.406 413.892 375.073C413.892 356.535 405.948 338.529 391.648 325.552C392.972 319.991 393.766 314.43 393.766 308.87C393.766 271.003 363.048 242.666 327.562 242.666C320.413 242.666 313.528 243.723 306.644 246.109C294.725 234.457 278.307 227.042 260.301 227.042C228.258 227.042 201.513 249.815 195.42 280.004C165.761 287.685 146.694 315.49 146.694 343.824C146.694 362.362 154.638 380.368 168.938 393.344C167.613 398.906 166.819 404.467 166.819 410.027C166.819 447.894 197.538 476.231 233.024 476.231C240.172 476.231 247.058 475.173 253.943 472.788C265.859 484.441 282.278 491.854 300.286 491.854Z" fill="#EDF4FB"/></g></svg>
diff --git a/web/public/skip-assets/investors/active-capital.svg b/web/public/skip-assets/investors/active-capital.svg
new file mode 100644
index 0000000..6b74daf
--- /dev/null
+++ b/web/public/skip-assets/investors/active-capital.svg
@@ -0,0 +1,3 @@
+<svg width="154" height="25" viewBox="0 0 154 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5835 6.59864H13.8365V19.1973H10.5835V17.7199C10.0861 18.3245 9.45495 18.8052 8.73983 19.124C8.02471 19.4427 7.24525 19.5908 6.46306 19.5565C3.0745 19.5565 0.329773 16.6627 0.329773 12.9081C0.329773 9.15361 3.10839 6.25301 6.46306 6.25301C7.24595 6.21845 8.0261 6.36709 8.74143 6.68711C9.45677 7.00712 10.0875 7.48968 10.5835 8.09638V6.59864ZM7.073 16.4526C7.54217 16.47 8.00985 16.3898 8.44638 16.217C8.88291 16.0441 9.27876 15.7825 9.60883 15.4486C9.9389 15.1147 10.196 14.7159 10.3638 14.2774C10.5316 13.8389 10.6064 13.3703 10.5835 12.9014C10.6043 12.4287 10.5292 11.9568 10.3627 11.514C10.1962 11.0711 9.94167 10.6666 9.61458 10.3248C9.28749 9.98304 8.89457 9.71102 8.45951 9.52518C8.02444 9.33934 7.55625 9.24353 7.08316 9.24353C6.61007 9.24353 6.14188 9.33934 5.70682 9.52518C5.27175 9.71102 4.87883 9.98304 4.55174 10.3248C4.22465 10.6666 3.97018 11.0711 3.80365 11.514C3.63712 11.9568 3.56199 12.4287 3.58279 12.9014C3.56011 13.3685 3.63439 13.8353 3.80096 14.2724C3.96752 14.7095 4.22277 15.1073 4.55062 15.4409C4.87847 15.7745 5.27184 16.0366 5.70594 16.2107C6.14005 16.3848 6.6055 16.4671 7.073 16.4526ZM22.8027 19.5497C23.9606 19.5644 25.1013 19.2686 26.106 18.6929C27.1108 18.1172 27.9429 17.2827 28.5158 16.2764L25.6829 14.6634C25.4069 15.187 24.9876 15.6211 24.4739 15.9152C23.9603 16.2092 23.3736 16.3509 22.7823 16.3238C22.334 16.3359 21.888 16.2566 21.4714 16.0906C21.0548 15.9246 20.6764 15.6754 20.3593 15.3583C20.0421 15.0412 19.793 14.6628 19.627 14.2462C19.461 13.8296 19.3816 13.3835 19.3938 12.9352C19.3742 12.4819 19.4479 12.0293 19.6103 11.6056C19.7728 11.1819 20.0206 10.796 20.3382 10.472C20.6559 10.1479 21.0368 9.89258 21.4572 9.72176C21.8776 9.55094 22.3287 9.46828 22.7823 9.47892C23.3727 9.45986 23.9565 9.6082 24.4661 9.9068C24.9758 10.2054 25.3906 10.6421 25.6626 11.1664L28.4819 9.49925C27.9208 8.49609 27.0983 7.66381 26.1018 7.09098C25.1054 6.51816 23.9722 6.22622 22.823 6.24623C21.9428 6.2259 21.0677 6.38405 20.2503 6.71113C19.4329 7.03821 18.6903 7.52745 18.0671 8.14935C17.4439 8.77124 16.9532 9.51291 16.6244 10.3296C16.2957 11.1463 16.1358 12.0212 16.1543 12.9014C16.1358 13.7795 16.2952 14.6523 16.6228 15.4673C16.9503 16.2822 17.4394 17.0225 18.0604 17.6436C18.6815 18.2647 19.4218 18.7537 20.2368 19.0813C21.0517 19.4088 21.9245 19.5682 22.8027 19.5497ZM37.5564 9.72289V6.59864H34.7033V3.07455L31.4435 4.05723V6.59864H29.2477V9.72289H31.4435V14.9684C31.4435 18.3569 32.9819 19.7123 37.5429 19.1973V16.2492C35.6724 16.3509 34.6897 16.3238 34.6897 14.9684V9.72289H37.5564ZM41.6701 5.08735C42.0756 5.09538 42.4742 4.98197 42.8147 4.76169C43.1552 4.54142 43.4221 4.22434 43.581 3.85122C43.7399 3.4781 43.7836 3.06599 43.7064 2.66785C43.6293 2.26971 43.4348 1.90374 43.148 1.61697C42.8613 1.33021 42.4953 1.13576 42.0972 1.05861C41.699 0.981461 41.2869 1.02514 40.9138 1.18404C40.5407 1.34294 40.2236 1.60979 40.0033 1.9503C39.783 2.29081 39.6696 2.68941 39.6777 3.09488C39.6881 3.62006 39.9013 4.12083 40.2728 4.49226C40.6442 4.86369 41.145 5.07695 41.6701 5.08735ZM40.0572 19.1973H43.3102V6.59864H40.0572V19.1973ZM54.6008 6.59864L51.524 15.4157L48.4676 6.60542H44.8825L49.6807 19.2041H53.3877L58.1927 6.60542L54.6008 6.59864ZM62.5097 14.2364C62.9638 15.8968 64.3531 16.6017 66.0677 16.6017C66.605 16.623 67.1399 16.5204 67.6312 16.3018C68.1224 16.0832 68.5567 15.7545 68.9006 15.3411L71.5233 16.8524C70.9074 17.73 70.0805 18.4384 69.1187 18.9121C68.157 19.3859 67.0914 19.6098 66.0203 19.5633C61.7778 19.5633 59.1008 16.6694 59.1008 12.9149C59.0697 12.0319 59.2204 11.152 59.5437 10.3297C59.8669 9.50743 60.3558 8.76041 60.9799 8.13502C61.604 7.50964 62.3501 7.01925 63.1717 6.69433C63.9933 6.36941 64.8729 6.21688 65.756 6.24623C69.4902 6.24623 72.14 9.19428 72.14 12.9014C72.1394 13.3559 72.0986 13.8095 72.018 14.2568L62.5097 14.2364ZM62.4555 11.7154H68.9006C68.7759 10.9809 68.3879 10.317 67.8091 9.84795C67.2302 9.37891 66.5003 9.13689 65.756 9.16717C64.9899 9.11697 64.2318 9.34818 63.6241 9.81737C63.0163 10.2866 62.6008 10.9615 62.4555 11.7154ZM80.5911 19.5023C81.7444 19.5271 82.8824 19.2343 83.8805 18.6557C84.8785 18.0772 85.6983 17.2353 86.2499 16.2221L84.8606 15.4157C84.4408 16.177 83.8216 16.8095 83.0693 17.2453C82.3171 17.6812 81.4603 17.9038 80.5911 17.8893C79.2991 17.8417 78.0759 17.295 77.1787 16.3641C76.2816 15.4333 75.7803 14.1908 75.7803 12.898C75.7803 11.6051 76.2816 10.3627 77.1787 9.43181C78.0759 8.50095 79.2991 7.95424 80.5911 7.90663C81.4456 7.87932 82.2901 8.09789 83.0241 8.53638C83.7581 8.97487 84.3509 9.61484 84.7319 10.3803L86.0873 9.6009C85.581 8.57632 84.7901 7.71941 83.8093 7.13284C82.8285 6.54627 81.6993 6.25491 80.5572 6.29367C79.6821 6.27248 78.8117 6.42865 77.9986 6.75278C77.1854 7.07691 76.4463 7.56228 75.8258 8.17967C75.2052 8.79706 74.7161 9.53368 74.3878 10.3452C74.0595 11.1566 73.8989 12.0262 73.9156 12.9014C73.8996 13.7789 74.062 14.6506 74.3927 15.4636C74.7235 16.2766 75.2159 17.014 75.84 17.6311C76.4641 18.2483 77.207 18.7323 78.0236 19.0539C78.8403 19.3756 79.7137 19.5281 80.5911 19.5023ZM99.5127 6.62575H101.18V19.1973H99.5127V16.7304C98.9751 17.5949 98.2221 18.305 97.3275 18.7909C96.4329 19.2768 95.4274 19.5219 94.4096 19.5023C92.6946 19.4473 91.0683 18.7274 89.8746 17.4949C88.6809 16.2623 88.0135 14.6138 88.0135 12.898C88.0135 11.1821 88.6809 9.53359 89.8746 8.30105C91.0683 7.0685 92.6946 6.34862 94.4096 6.29367C95.4274 6.27401 96.4329 6.51915 97.3275 7.00506C98.2221 7.49097 98.9751 8.20099 99.5127 9.06551V6.62575ZM94.5316 17.9164C95.5206 17.9204 96.4885 17.6308 97.3127 17.0841C98.1369 16.5374 98.7803 15.7584 99.1612 14.8456C99.5422 13.9329 99.6436 12.9277 99.4526 11.9573C99.2617 10.9869 98.7869 10.095 98.0885 9.39473C97.3901 8.69444 96.4995 8.21725 95.5297 8.02364C94.5598 7.83003 93.5543 7.92871 92.6405 8.30719C91.7268 8.68566 90.946 9.32689 90.3971 10.1496C89.8482 10.9723 89.5558 11.9394 89.5572 12.9285C89.5527 13.5823 89.6783 14.2306 89.9269 14.8354C90.1754 15.4402 90.5419 15.9895 91.0049 16.4512C91.4679 16.913 92.0182 17.2779 92.6236 17.5248C93.2291 17.7717 93.8777 17.8956 94.5316 17.8893V17.9164ZM111.474 6.32078C113.189 6.37573 114.816 7.09561 116.009 8.32816C117.203 9.5607 117.87 11.2092 117.87 12.9251C117.87 14.6409 117.203 16.2894 116.009 17.522C114.816 18.7545 113.189 19.4744 111.474 19.5294C110.456 19.5497 109.451 19.3048 108.556 18.8189C107.661 18.3329 106.908 17.6225 106.371 16.7575V24.2395H104.704V6.61898H106.371V9.08584C106.906 8.21608 107.659 7.50102 108.555 7.01133C109.452 6.52165 110.46 6.27428 111.481 6.29367L111.474 6.32078ZM111.346 17.9164C112.335 17.9204 113.303 17.6308 114.127 17.0841C114.951 16.5374 115.594 15.7584 115.975 14.8456C116.356 13.9329 116.458 12.9277 116.267 11.9573C116.076 10.9869 115.601 10.095 114.903 9.39473C114.204 8.69444 113.314 8.21725 112.344 8.02364C111.374 7.83003 110.368 7.92871 109.455 8.30719C108.541 8.68566 107.76 9.32689 107.211 10.1496C106.662 10.9723 106.37 11.9394 106.371 12.9285C106.367 13.5829 106.493 14.2317 106.742 14.837C106.99 15.4422 107.358 15.9918 107.821 16.4537C108.285 16.9155 108.836 17.2803 109.442 17.5268C110.049 17.7733 110.698 17.8965 111.352 17.8893L111.346 17.9164ZM121.599 3.95557C121.84 3.95691 122.075 3.88691 122.275 3.75443C122.476 3.62195 122.632 3.43296 122.725 3.21142C122.818 2.98987 122.843 2.74575 122.797 2.50999C122.751 2.27422 122.636 2.05744 122.466 1.8871C122.297 1.71677 122.081 1.60056 121.845 1.5532C121.61 1.50584 121.366 1.52946 121.143 1.62107C120.921 1.71269 120.732 1.86817 120.598 2.06781C120.464 2.26744 120.393 2.50225 120.393 2.74247C120.393 3.06303 120.52 3.37057 120.746 3.59787C120.972 3.82518 121.279 3.95378 121.599 3.95557ZM120.773 19.2244H122.433V6.59864H120.766V19.1973L120.773 19.2244ZM132.673 8.23193V6.59864H129.034V3.07455L127.367 3.57605V6.59864H124.717V8.23193H127.367V15.8494C127.367 18.872 129.264 19.7056 132.673 19.1973V17.7199C130.22 17.8215 129.034 17.9977 129.034 15.8358V8.23193H132.673ZM146.309 6.61898H147.976V19.1973H146.309V16.7304C145.773 17.5953 145.022 18.3058 144.128 18.7919C143.234 19.2779 142.229 19.5228 141.212 19.5023C139.497 19.4473 137.871 18.7274 136.677 17.4949C135.484 16.2623 134.816 14.6138 134.816 12.898C134.816 11.1821 135.484 9.53359 136.677 8.30105C137.871 7.0685 139.497 6.34862 141.212 6.29367C142.229 6.27318 143.234 6.51802 144.128 7.00406C145.022 7.49011 145.773 8.20059 146.309 9.06551V6.61898ZM141.334 17.9096C142.323 17.9137 143.291 17.624 144.115 17.0773C144.94 16.5306 145.583 15.7516 145.964 14.8389C146.345 13.9262 146.446 12.9209 146.255 11.9505C146.064 10.9801 145.59 10.0882 144.891 9.38795C144.193 8.68766 143.302 8.21047 142.332 8.01686C141.362 7.82325 140.357 7.92194 139.443 8.30041C138.529 8.67889 137.749 9.32011 137.2 10.1428C136.651 10.9655 136.359 11.9327 136.36 12.9217C136.354 13.5764 136.478 14.2258 136.726 14.8318C136.974 15.4378 137.34 15.9882 137.803 16.4509C138.266 16.9135 138.817 17.2791 139.424 17.5261C140.03 17.7731 140.68 17.8966 141.334 17.8893V17.9096ZM151.5 19.2176H153.181V0.777107H151.514L151.5 19.2176Z" fill="white"/>
+</svg>
diff --git a/web/public/skip-assets/investors/cortical-ventures.webp b/web/public/skip-assets/investors/cortical-ventures.webp
new file mode 100644
index 0000000..efd1b53
Binary files /dev/null and b/web/public/skip-assets/investors/cortical-ventures.webp differ
diff --git a/web/public/skip-assets/investors/hustle-fund.svg b/web/public/skip-assets/investors/hustle-fund.svg
new file mode 100644
index 0000000..6bf61f2
--- /dev/null
+++ b/web/public/skip-assets/investors/hustle-fund.svg
@@ -0,0 +1,16 @@
+<svg width="2819" height="355" viewBox="0 0 2819 355" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M789.402 124.773C772.725 108.535 750.783 100.197 724.013 100.197C693.732 100.197 670.034 112.046 653.358 135.305V20.3262H605.962V327.522H653.358V213.86C653.358 191.478 658.624 173.924 669.156 160.759C679.689 147.593 694.61 141.01 713.48 141.01C731.035 141.01 744.2 146.715 753.416 157.687C762.632 169.097 767.459 185.334 767.459 206.399V327.522H814.855V203.766C814.855 167.78 806.078 141.449 789.402 124.773Z" fill="#111111"/>
+<path d="M1055 102.83H1007.61V214.298C1007.61 237.558 1002.34 255.989 992.247 269.155C981.715 282.32 967.671 288.903 949.678 288.903C932.124 288.903 919.398 283.198 910.621 271.788C901.844 260.378 897.455 243.701 897.455 221.759V102.83H850.059V226.586C850.059 263.011 857.959 289.342 874.635 305.579C890.872 322.256 912.376 330.155 938.707 330.155C967.671 330.155 990.93 320.062 1008.05 298.997L1013.31 327.522H1055V102.83Z" fill="#111111"/>
+<path d="M1135.06 253.356H1089.42C1089.86 277.493 1099.52 296.364 1117.95 309.968C1136.38 323.572 1160.95 330.155 1191.24 330.155C1208.79 330.155 1225.03 327.522 1239.51 321.817C1253.55 316.112 1264.96 307.774 1273.3 297.241C1281.2 286.709 1285.59 273.982 1285.59 259.939C1285.59 244.14 1281.64 231.852 1273.74 222.637C1265.84 213.421 1255.31 206.838 1242.14 202.449C1228.98 198.061 1212.74 194.989 1193.43 192.795C1178.95 191.039 1168.41 189.723 1162.27 188.406C1155.69 187.09 1150.42 184.895 1146.03 181.385C1141.64 177.874 1139.89 173.046 1139.89 166.025C1139.89 157.248 1143.84 149.787 1152.62 144.521C1160.95 139.255 1171.93 136.622 1185.97 136.622C1199.57 136.622 1210.98 140.133 1220.2 146.715C1228.98 153.298 1234.24 161.636 1235.56 171.73H1281.64C1279.88 148.91 1270.23 131.356 1252.67 118.629C1235.12 106.341 1211.86 99.7582 1183.77 99.7582C1166.22 99.7582 1150.86 102.83 1137.26 108.535C1123.65 114.679 1113.12 123.017 1105.22 133.55C1097.32 144.082 1093.81 156.37 1093.81 169.974C1093.81 184.895 1097.32 196.306 1105.22 205.083C1113.12 213.86 1123.21 220.003 1135.94 223.953C1148.67 227.903 1164.9 230.975 1184.65 233.169C1198.7 234.924 1209.23 236.68 1216.25 238.435C1223.27 240.191 1228.54 242.824 1232.93 246.335C1236.88 250.284 1239.07 255.989 1239.07 263.45C1239.07 272.666 1234.24 280.126 1225.47 285.392C1216.69 290.659 1204.84 293.292 1190.8 293.292C1174.56 293.292 1161.39 289.781 1151.3 282.32C1141.21 274.86 1135.94 265.205 1135.06 253.356Z" fill="#111111"/>
+<path d="M1334.13 144.521V266.522C1334.13 287.587 1338.95 302.946 1348.61 312.601C1358.26 322.695 1374.06 327.522 1395.56 327.522H1441.21V285.831H1405.22C1396.44 285.831 1390.74 284.076 1387.23 280.565C1383.72 277.054 1381.96 270.471 1381.96 261.694V144.521H1435.94V102.83H1381.96V40.0745H1334.13V102.83H1295.07V144.521H1334.13Z" fill="#111111"/>
+<path d="M1475.42 20.3262V327.522H1522.81V20.3262H1475.42Z" fill="#111111"/>
+<path d="M1570.15 155.054C1560.94 172.608 1556.55 192.795 1556.55 215.615C1556.55 238.435 1560.94 258.622 1570.59 275.738C1580.25 293.292 1593.41 306.457 1610.97 316.112C1628.52 325.767 1648.71 330.155 1672.4 330.155C1699.17 330.155 1721.56 323.134 1739.55 308.213C1757.54 293.73 1768.51 274.86 1772.9 252.04H1725.51C1721.99 264.766 1715.41 274.421 1705.76 281.443C1695.66 288.464 1683.38 291.536 1668.89 291.536C1650.46 291.536 1635.54 285.831 1624.57 274.421C1613.16 263.011 1607.02 247.651 1606.14 227.903V225.27H1775.53C1776.41 219.126 1776.85 213.421 1776.85 207.277C1776.41 185.773 1771.59 166.902 1761.93 150.665C1752.28 134.866 1739.55 122.14 1722.87 113.363C1706.2 104.586 1687.33 100.197 1665.82 100.197C1644.32 100.197 1625.45 105.024 1608.77 114.679C1592.09 124.334 1579.37 137.499 1570.15 155.054ZM1728.58 190.6H1607.89C1609.65 174.802 1615.79 162.514 1627.2 152.859C1638.61 143.205 1651.78 138.377 1667.58 138.377C1684.25 138.377 1697.86 143.205 1708.83 152.42C1719.8 161.636 1726.38 174.363 1728.58 190.6Z" fill="#111111"/>
+<path d="M1905.17 102.831H1866.11V144.521H1905.17V327.52H1953V144.521H2013.12V102.831H1953V83.9607C1953 76.5003 1954.32 70.7953 1957.83 67.2845C1961.34 63.7738 1966.6 62.0184 1974.5 62.0184H2013.56V20.3281H1967.92C1946.42 20.3281 1930.62 25.5943 1920.52 35.6877C1909.99 45.7811 1905.17 60.7019 1905.17 80.4499V102.831Z" fill="#111111"/>
+<path d="M2251.42 102.831H2204.02V214.298C2204.02 237.556 2198.76 255.988 2188.66 269.153C2178.13 282.319 2164.09 288.901 2146.09 288.901C2128.54 288.901 2115.81 283.196 2107.04 271.786C2098.26 260.376 2093.87 243.7 2093.87 221.758V102.831H2046.48V226.585C2046.48 263.009 2054.38 289.34 2071.05 305.577C2087.29 322.253 2108.79 330.153 2135.12 330.153C2164.09 330.153 2187.35 320.059 2204.46 298.995L2209.73 327.52H2251.42V102.831Z" fill="#111111"/>
+<path d="M2477.17 124.773C2460.5 108.536 2438.55 100.198 2412.22 100.198C2381.07 100.198 2356.93 111.169 2340.25 132.234L2334.99 102.831H2293.73V327.52H2341.13V214.298C2341.13 191.478 2346.4 173.924 2356.93 160.759C2367.46 147.593 2382.38 141.01 2401.25 141.01C2418.81 141.01 2431.97 146.715 2441.19 157.687C2449.96 169.097 2454.79 185.334 2454.79 206.398V327.52H2502.63V203.765C2502.63 167.78 2493.85 141.449 2477.17 124.773Z" fill="#111111"/>
+<path d="M2763.83 20.3281H2716.44V133.989C2708.54 123.457 2698.88 115.557 2686.6 109.414C2674.31 103.27 2659.83 100.198 2643.59 100.198C2623.4 100.198 2604.97 105.025 2589.17 114.68C2572.94 124.334 2560.21 137.5 2550.99 155.054C2541.78 172.607 2537.39 192.355 2537.39 215.175C2537.39 238.873 2541.78 259.06 2550.99 276.614C2559.77 294.167 2572.5 307.333 2588.73 316.548C2604.53 325.764 2622.96 330.153 2643.59 330.153C2674.31 330.153 2698.88 318.304 2716.88 293.729L2722.58 327.52H2763.83V20.3281ZM2698.88 269.592C2686.6 283.635 2670.8 290.218 2651.49 290.218C2631.74 290.218 2615.94 283.635 2604.09 269.592C2591.81 255.549 2586.1 237.556 2586.1 215.175C2586.1 193.233 2591.81 175.679 2604.09 161.636C2615.94 147.593 2631.74 140.572 2651.49 140.572C2670.8 140.572 2686.6 147.593 2698.88 161.636C2710.73 175.679 2716.88 193.672 2716.88 216.053C2716.88 237.995 2710.73 255.988 2698.88 269.592Z" fill="#111111"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M208.801 193.305L76.6013 325.505C74.3924 327.714 71.3967 328.955 68.2729 328.955C65.1492 328.955 62.1534 327.714 59.9446 325.505L4.28662 269.847C2.07781 267.638 0.836914 264.642 0.836914 261.519C0.836914 258.395 2.07782 255.399 4.28663 253.19L74.8802 182.597C77.089 180.388 78.3299 177.392 78.3299 174.268C78.3299 171.145 77.089 168.149 74.8802 165.94L4.28666 95.3464C2.07785 93.1376 0.836936 90.1418 0.836937 87.0181C0.836937 83.8943 2.07784 80.8985 4.28666 78.6897L59.9446 23.0317C62.1534 20.8229 65.1492 19.582 68.273 19.582C71.3967 19.582 74.3925 20.8229 76.6013 23.0317L208.801 155.231C213.848 160.281 216.684 167.129 216.684 174.268C216.684 181.408 213.848 188.255 208.801 193.305Z" fill="#ADA1ED"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M302.343 193.305L170.143 325.505C167.934 327.714 164.939 328.955 161.815 328.955C158.691 328.955 155.695 327.714 153.487 325.505L97.8286 269.847C95.6198 267.638 94.3789 264.642 94.3789 261.519C94.3789 258.395 95.6198 255.399 97.8286 253.19L168.422 182.597C170.631 180.388 171.872 177.392 171.872 174.268C171.872 171.145 170.631 168.149 168.422 165.94L97.8286 95.3464C95.6198 93.1376 94.3789 90.1418 94.3789 87.0181C94.3789 83.8943 95.6198 80.8985 97.8286 78.6897L153.487 23.0317C155.695 20.8229 158.691 19.582 161.815 19.582C164.939 19.582 167.934 20.8229 170.143 23.0317L302.343 155.231C307.39 160.281 310.226 167.129 310.226 174.268C310.226 181.408 307.39 188.255 302.343 193.305Z" fill="#D75856"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M395.885 193.305L263.685 325.505C261.477 327.714 258.481 328.955 255.357 328.955C252.233 328.955 249.238 327.714 247.029 325.505L191.371 269.847C189.162 267.638 187.921 264.642 187.921 261.519C187.921 258.395 189.162 255.399 191.371 253.19L261.964 182.597C264.173 180.388 265.414 177.392 265.414 174.268C265.414 171.145 264.173 168.149 261.964 165.94L191.371 95.3464C189.162 93.1376 187.921 90.1418 187.921 87.0181C187.921 83.8943 189.162 80.8985 191.371 78.6897L247.029 23.0317C249.238 20.8229 252.233 19.582 255.357 19.582C258.481 19.582 261.477 20.8229 263.685 23.0317L395.885 155.231C400.933 160.281 403.768 167.129 403.768 174.268C403.768 181.408 400.933 188.255 395.885 193.305Z" fill="#E88149"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M489.427 193.305L357.228 325.505C355.019 327.714 352.023 328.955 348.899 328.955C345.776 328.955 342.78 327.714 340.571 325.505L284.913 269.847C282.704 267.638 281.463 264.642 281.463 261.519C281.463 258.395 282.704 255.399 284.913 253.19L355.507 182.597C357.715 180.388 358.956 177.392 358.956 174.268C358.956 171.145 357.715 168.149 355.507 165.94L284.913 95.3464C282.704 93.1376 281.463 90.1418 281.463 87.0181C281.463 83.8943 282.704 80.8985 284.913 78.6897L340.571 23.0317C342.78 20.8229 345.776 19.582 348.899 19.582C352.023 19.582 355.019 20.8229 357.228 23.0317L489.427 155.231C494.475 160.281 497.31 167.129 497.31 174.268C497.31 181.408 494.475 188.255 489.427 193.305Z" fill="#F4CA66"/>
+</svg>
diff --git a/web/public/skip-assets/opencode.svg b/web/public/skip-assets/opencode.svg
new file mode 100644
index 0000000..2c06398
--- /dev/null
+++ b/web/public/skip-assets/opencode.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><rect x="4" y="2" width="16" height="20" fill="#7A7A72"/><rect x="8" y="6" width="8" height="6" fill="#F5F4F0"/><rect x="8" y="12" width="8" height="7" fill="#5A5A54"/></svg>
diff --git a/web/public/skip-assets/skip-avatar-hover.png b/web/public/skip-assets/skip-avatar-hover.png
new file mode 100644
index 0000000..cd10b87
Binary files /dev/null and b/web/public/skip-assets/skip-avatar-hover.png differ
diff --git a/web/public/skip-assets/skip-avatar.png b/web/public/skip-assets/skip-avatar.png
new file mode 100644
index 0000000..1145699
Binary files /dev/null and b/web/public/skip-assets/skip-avatar.png differ