Add official Hop repository and macOS, Linux, and Windows installation instructions to the homepage

Hop-State: A_06FN6MKF0WCARDK2YKNXW4G
Hop-Proposal: R_06FN6MGR770N9G10AM5TS50
Hop-Task: T_06FN6KXWAMZC0WB4KWSWV90
Hop-Attempt: AT_06FN6KXWAQ9AHXMSDGV4R40

deploy/gitea/templates/home.tmpl

@@ -242,6 +242,67 @@
 	font-weight: 550;
 }
 
+.hop-agent-install {
+	border-top: 1px solid var(--color-secondary);
+	display: grid;
+	gap: clamp(3rem, 7vw, 6rem);
+	grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.3fr);
+	margin-top: clamp(3.5rem, 5vw, 5rem);
+	padding-top: clamp(2.25rem, 3.5vw, 3.5rem);
+}
+
+.hop-agent-install-copy h2 {
+	font-size: clamp(2.2rem, 4vw, 3.6rem);
+	font-weight: 650;
+	letter-spacing: -0.045em;
+	line-height: 1.04;
+	margin-top: 0.9rem;
+}
+
+.hop-agent-install-copy > p:last-of-type {
+	color: var(--color-text-light-2) !important;
+	font-size: 1rem;
+	line-height: 1.6;
+	margin-top: 1.2rem !important;
+	max-width: 42ch;
+}
+
+.hop-agent-repo-link {
+	align-items: center;
+	display: inline-flex;
+	font-weight: 650;
+	gap: 0.45rem;
+	margin-top: 1.5rem;
+}
+
+.hop-agent-repo-link::after {
+	content: '↗';
+	font-size: 0.9em;
+}
+
+.hop-agent-install-list {
+	border-top: 1px solid var(--color-secondary);
+}
+
+.hop-agent-install-command {
+	border-bottom: 1px solid var(--color-secondary);
+	padding: 1.45rem 0;
+}
+
+.hop-agent-install-command code {
+	background: color-mix(in srgb, var(--color-secondary) 42%, transparent);
+	border-radius: var(--border-radius);
+	color: var(--color-text);
+	display: block;
+	font-family: var(--fonts-monospace);
+	font-size: clamp(0.78rem, 1.35vw, 0.94rem);
+	line-height: 1.55;
+	margin-top: 0.85rem;
+	overflow-x: auto;
+	padding: 0.85rem 1rem;
+	white-space: pre;
+}
+
 .hop-agent-finish {
 	align-items: end;
 	border-top: 1px solid var(--color-secondary);
@@ -284,6 +345,10 @@
 		grid-template-columns: 1fr;
 	}
 
+	.hop-agent-install {
+		grid-template-columns: 1fr;
+	}
+
 	.hop-agent-flow .hop-agent-section-heading {
 		max-width: 620px;
 	}
@@ -388,6 +453,10 @@
 		align-items: start;
 		grid-template-columns: 1fr;
 	}
+
+	.hop-agent-install-command code {
+		font-size: 0.76rem;
+	}
 }
 </style>
 <main id="hop-main" tabindex="-1" role="main" aria-label="Hop, agent-first version control" class="page-content hop-agent-home">
@@ -465,6 +534,25 @@
 		</div>
 	</section>
 
+	<section class="hop-agent-install" id="install-hop" aria-labelledby="hop-agent-install-title">
+		<div class="hop-agent-install-copy">
+			<p class="hop-agent-label">Install Hop</p>
+			<h2 id="hop-agent-install-title">One install. No Git busywork.</h2>
+			<p>Install the Hop CLI, then tell your agents what to build. Hop handles isolated workspaces, checkpoints, reconciliation, and landing.</p>
+			<a class="hop-agent-repo-link" href="https://githop.xyz/GnosysLabs/Hop" target="_blank" rel="noreferrer">Official Hop repository</a>
+		</div>
+		<div class="hop-agent-install-list" aria-label="Hop installation commands">
+			<div class="hop-agent-install-command">
+				<p class="hop-agent-label">macOS and Linux</p>
+				<code>curl -fsSL https://githop.xyz/GnosysLabs/Hop/raw/branch/main/scripts/install.sh | sh</code>
+			</div>
+			<div class="hop-agent-install-command">
+				<p class="hop-agent-label">Windows PowerShell</p>
+				<code>irm https://githop.xyz/GnosysLabs/Hop/raw/branch/main/scripts/install.ps1 | iex</code>
+			</div>
+		</div>
+	</section>
+
 	<section class="hop-agent-finish" aria-labelledby="hop-agent-finish-title">
 		<div>
 			<h2 id="hop-agent-finish-title">Git compatibility without Git busywork.</h2>