Polish the Programmable web experience

app/docs/models/[model]/page.tsx

@@ -362,22 +362,22 @@ function CustomDocs() {
     <DocsShell
       currentPath="/docs/models/custom"
       title="Custom Hook"
-      description="Custom Hook configuration is not available in this build."
+      description="Framework and release requirements for token-specific Uniswap v4 hook logic."
       sections={customSections}
     >
       <section id="status">
         <h2>Status</h2>
         <p className={styles.lead}>
-          The Create page reserves a place for Custom Hook, but there is no
-          public transaction path for it. The interface does not prepare,
-          simulate or submit a Custom Hook launch.
+          Create links directly to this guide. A public Custom Hook launch path
+          activates only when its configuration, contracts and release
+          evidence match. Until then, the interface does not prepare, simulate
+          or submit a Custom Hook launch.
         </p>
         <div className={styles.callout}>
-          <strong>Custom Hook is not live.</strong>
+          <strong>The framework is open for review.</strong>
           <p>
-            A Custom Hook option becomes actionable only after its
-            configuration, contracts and release evidence are defined and
-            verified.
+            Launch activation requires defined permissions, transaction
+            preparation, deployed contracts and verified release evidence.
           </p>
         </div>
       </section>

app/docs/page.tsx

@@ -54,10 +54,11 @@ export default function DocsPage() {
           launch wallet, another wallet or a split of up to five wallets.
         </p>
         <div className={styles.callout}>
-          <strong>Classic is available for new launches.</strong>
+          <strong>Classic is the active launch model.</strong>
           <p>
-            Custom Hook is documented as a product boundary but is not
-            available in this build.
+            Custom Hook opens its framework and release requirements. Launch
+            configuration activates only after matching contracts and release
+            evidence are published.
           </p>
         </div>
       </section>

app/globals.css

@@ -277,13 +277,13 @@ html[data-theme="dark"] {
   }
 
   html[data-theme-transition="radial"]::view-transition-new(root) {
-    animation: theme-radial-reveal 280ms cubic-bezier(0.23, 1, 0.32, 1)
+    animation: theme-radial-reveal 292ms cubic-bezier(0.32, 0.72, 0, 1)
       both;
     z-index: 2;
   }
 
   html[data-theme-transition^="fallback-"] {
-    transition-duration: 280ms;
+    transition-duration: 292ms;
     transition-property:
       --body-background,
       --surface,
@@ -300,11 +300,11 @@ html[data-theme="dark"] {
       --brand-pink,
       --accent,
       --accent-strong;
-    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
+    transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
   }
 
   html[data-theme-transition^="fallback-"] body::after {
-    animation: theme-radial-tint 280ms cubic-bezier(0.23, 1, 0.32, 1) both;
+    animation: theme-radial-tint 292ms cubic-bezier(0.32, 0.72, 0, 1) both;
     content: "";
     inset: 0;
     pointer-events: none;
@@ -603,8 +603,8 @@ html[data-theme="dark"] .app-frame::before {
   top: 0;
   transform-origin: center;
   transition:
-    opacity 160ms ease,
-    transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
+    opacity 180ms ease,
+    transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
 }
 
 html[data-theme-input="instant"] .theme-toggle-icons svg {

app/not-found.module.css

@@ -15,22 +15,14 @@
   min-width: 0;
 }
 
-.code {
-  color: var(--accent-strong);
-  font-family: var(--font-plex-mono), monospace;
-  font-size: 13px;
-  font-weight: 600;
-  letter-spacing: 0.035em;
-}
-
 .copy h1 {
   color: var(--text);
-  font-size: clamp(58px, 6.7vw, 94px);
+  font-size: clamp(56px, 6vw, 84px);
   font-weight: 580;
   letter-spacing: -0.035em;
-  line-height: 0.96;
-  margin-top: 18px;
-  max-width: 8.6ch;
+  line-height: 0.98;
+  margin: 0;
+  max-width: 10.6ch;
   text-wrap: balance;
 }
 
@@ -159,7 +151,7 @@
   }
 
   .copy h1 {
-    max-width: 10ch;
+    max-width: 10.6ch;
   }
 
   .art {
@@ -174,7 +166,7 @@
   }
 
   .copy h1 {
-    font-size: clamp(49px, 15vw, 68px);
+    font-size: clamp(47px, 14vw, 64px);
     letter-spacing: -0.035em;
   }
 

app/not-found.tsx

@@ -11,11 +11,10 @@ export default function NotFound() {
       <div className={`${styles.page} page-width`}>
         <section className={styles.stage} aria-labelledby="not-found-title">
           <div className={styles.copy}>
-            <p className={styles.code}>404 · Page not found</p>
-            <h1 id="not-found-title">This page isn&apos;t here.</h1>
+            <h1 id="not-found-title">This page isn’t available.</h1>
             <p className={styles.description}>
-              The link may have moved, or the project is no longer available.
-              Explore current tokens or return to the documentation.
+              The link may have moved. Explore current tokens or return to the
+              documentation.
             </p>
             <div className={styles.actions}>
               <Link className={styles.primaryAction} href="/">