@contractspec/bundle.marketing 2.0.0 → 2.1.1

package/dist/node/components/templates/index.js

@@ -171,7 +171,7 @@ function WhatExistsSection() {
     "Solo founder, bootstrapped"
   ];
   const planned = [
-    "Visual studio for specs",
+    "ContractSpec Studio product-decision engine",
     "Auto-evolution engine",
     "Multi-tenant SaaS",
     "Integration marketplace"
@@ -257,7 +257,7 @@ function RoleSection() {
   const productDeliverables = [
     "Ship UI/UX improvements weekly",
     "Define specs based on user research",
-    "Own the studio experience",
+    "Own the Studio product experience",
     "Collaborate on architecture decisions"
   ];
   return /* @__PURE__ */ jsxDEV2(MarketingSection, {
@@ -834,978 +834,76 @@ Submitted via ContractSpec contact form
   return { success: true, text: "Message sent successfully!" };
 };
 
-// src/libs/email/waitlist.ts
-"use server";
-var WAITLIST_MISSING_CONFIG = "Waitlist service is not configured. Please try again later.";
-var WAITLIST_SEND_ERROR = "Failed to join waitlist. Please try again later or contact us directly.";
-var joinWaitlist = async (formData) => {
-  const email = (formData.get("email") ?? "").toString().trim();
-  if (!email || !email.includes("@")) {
-    return {
-      success: false,
-      text: "Please enter a valid email address."
-    };
-  }
-  const configResult = getEmailConfig();
-  if (!configResult.ok || !configResult.config) {
-    return {
-      success: false,
-      text: configResult.errorMessage ?? WAITLIST_MISSING_CONFIG
-    };
-  }
-  const waitlistText = `
-You're on the waitlist!
-
-Thanks for joining the ContractSpec waitlist. You're now in line for early access to:
-
-• Stabilize your AI-generated code with ContractSpec
-• Multi-surface consistency (API, DB, UI, events)
-• Safe regeneration without breaking changes
-• AI governance and contract enforcement
-
-We'll notify you as soon as early access is available. In the meantime, you can:
-
-• Check out our docs: https://contractspec.io/docs
-• Follow our progress on GitHub
-• Book a demo call to see ContractSpec in action
-
-We're excited to have you on board!
-
----
-ContractSpec Team
-https://contractspec.io
-
-To remove yourself from the waitlist, reply to this email with "remove"
-  `.trim();
-  const waitlistHtml = `
-    <div style="font-family: sans-serif; max-width: 640px; margin: 0 auto;">
-      <h1 style="color: #8b5cf6;">You're on the waitlist!</h1>
-      <p>Thanks for joining the ContractSpec waitlist. You're now in line for early access to:</p>
-      <ul style="line-height: 1.8;">
-        <li>Stabilize your AI-generated code with ContractSpec</li>
-        <li>Multi-surface consistency (API, DB, UI, events)</li>
-        <li>Safe regeneration without breaking changes</li>
-        <li>AI governance and contract enforcement</li>
-      </ul>
-      <p>We'll notify you as soon as early access is available. In the meantime, you can:</p>
-      <ul style="line-height: 1.8;">
-        <li>Check out our <a href="https://contractspec.io/docs" style="color: #8b5cf6;">docs</a></li>
-        <li>Follow our progress on GitHub</li>
-        <li>Book a demo call to see ContractSpec in action</li>
-      </ul>
-      <p>We're excited to have you on board!</p>
-      <hr style="margin: 30px 0; border: none; border-top: 1px solid #e5e7eb;" />
-      <p style="color: #6b7280; font-size: 14px;">
-        ContractSpec Team<br />
-        <a href="https://contractspec.io" style="color: #8b5cf6;">contractspec.io</a>
-      </p>
-      <p style="color: #9ca3af; font-size: 12px;">
-        To remove yourself from the waitlist, reply to this email with "remove"
-      </p>
-    </div>
-  `;
-  const userSend = await sendEmail(configResult.config, {
-    to: [{ email }],
-    subject: "You're on the ContractSpec waitlist!",
-    text: waitlistText,
-    html: waitlistHtml,
-    context: "waitlist-welcome"
-  });
-  if (!userSend.success) {
-    return { success: false, text: WAITLIST_SEND_ERROR };
-  }
-  const teamNotificationText = `New waitlist signup from: ${email}`;
-  const teamNotificationHtml = `
-    <div style="font-family: sans-serif; max-width: 640px; margin: 0 auto;">
-      <p style="margin: 0 0 8px;">New waitlist signup</p>
-      <p style="margin: 0;"><strong>Email:</strong> ${formatMultilineHtml(email)}</p>
-    </div>
-  `;
-  const teamSend = await sendEmail(configResult.config, {
-    to: [configResult.config.teamInbox],
-    subject: `New Waitlist Signup: ${email}`,
-    text: teamNotificationText,
-    html: teamNotificationHtml,
-    context: "waitlist-team-notification"
-  });
-  if (!teamSend.success) {
-    return { success: false, text: WAITLIST_SEND_ERROR };
-  }
-  return { success: true, text: "Successfully joined waitlist!" };
-};
-
-// src/libs/email/waitlist-application.ts
-"use server";
-var APPLICATION_MISSING_CONFIG = "Waitlist application service is not configured. Please try again later.";
-var APPLICATION_SEND_ERROR = "Failed to submit application. Please try again later or contact us directly.";
-var submitWaitlistApplication = async (formData) => {
-  const email = (formData.get("email") ?? "").toString().trim();
-  const name = (formData.get("name") ?? "").toString().trim();
-  const company = (formData.get("company") ?? "").toString().trim();
-  const role = (formData.get("role") ?? "").toString().trim();
-  const useCase = (formData.get("useCase") ?? "").toString().trim();
-  const currentStack = (formData.get("currentStack") ?? "").toString().trim();
-  const whatBuilding = (formData.get("whatBuilding") ?? "").toString().trim();
-  const whatSolving = (formData.get("whatSolving") ?? "").toString().trim();
-  const teamSize = (formData.get("teamSize") ?? "").toString().trim();
-  const timeline = (formData.get("timeline") ?? "").toString().trim();
-  const openToSessions = formData.get("openToSessions") === "on";
-  const okayWithCaseStudies = formData.get("okayWithCaseStudies") === "on";
-  if (!email || !email.includes("@")) {
-    return {
-      success: false,
-      text: "Please enter a valid email address."
-    };
-  }
-  if (!name || !whatBuilding || !whatSolving) {
-    return {
-      success: false,
-      text: "Please fill in all required fields."
-    };
-  }
-  const configResult = getEmailConfig();
-  if (!configResult.ok || !configResult.config) {
-    return {
-      success: false,
-      text: configResult.errorMessage ?? APPLICATION_MISSING_CONFIG
-    };
-  }
-  const applicantText = `
-You're on the list.
-
-Thanks for applying to the ContractSpec design partner program. We're slowly onboarding design partners in waves. If your use case is a good fit, we'll reach out personally.
-
-What happens next:
-• We review applications weekly
-• If selected, we'll reach out via email to schedule an intro call
-• During early access, you'll get hands-on support and influence over the roadmap
-
-In the meantime:
-• Check out our docs: https://contractspec.io/docs
-• Book a demo call: https://contractspec.io/contact
-
-We're excited about the possibility of working together!
-
----
-ContractSpec Team
-https://contractspec.io
-  `.trim();
-  const applicantHtml = `
-    <div style="font-family: sans-serif; max-width: 640px; margin: 0 auto;">
-      <h1 style="color: #8b5cf6;">You're on the list.</h1>
-      <p>Thanks for applying to the ContractSpec design partner program. We're slowly onboarding design partners in waves. If your use case is a good fit, we'll reach out personally.</p>
-      <h2 style="color: #8b5cf6; margin-top: 24px;">What happens next:</h2>
-      <ul style="line-height: 1.8;">
-        <li>We review applications weekly</li>
-        <li>If selected, we'll reach out via email to schedule an intro call</li>
-        <li>During early access, you'll get hands-on support and influence over the roadmap</li>
-      </ul>
-      <h2 style="color: #8b5cf6; margin-top: 24px;">In the meantime:</h2>
-      <ul style="line-height: 1.8;">
-        <li>Check out our <a href="https://contractspec.io/docs" style="color: #8b5cf6;">docs</a></li>
-        <li>Book a demo call: <a href="https://contractspec.io/contact" style="color: #8b5cf6;">contractspec.io/contact</a></li>
-      </ul>
-      <p>We're excited about the possibility of working together!</p>
-      <hr style="margin: 30px 0; border: none; border-top: 1px solid #e5e7eb;" />
-      <p style="color: #6b7280; font-size: 14px;">
-        ContractSpec Team<br />
-        <a href="https://contractspec.io" style="color: #8b5cf6;">contractspec.io</a>
-      </p>
-    </div>
-  `;
-  const applicantSend = await sendEmail(configResult.config, {
-    to: [{ email }],
-    subject: "You're on the ContractSpec design partner waitlist!",
-    text: applicantText,
-    html: applicantHtml,
-    context: "waitlist-application-welcome"
-  });
-  if (!applicantSend.success) {
-    return { success: false, text: APPLICATION_SEND_ERROR };
-  }
-  const preferencesText = `
-Open to 1:1 product/design sessions: ${openToSessions ? "Yes" : "No"}
-Okay with anonymized case studies: ${okayWithCaseStudies ? "Yes" : "No"}
-  `.trim();
-  const teamEmailText = `
-New Design Partner Waitlist Application
-
-Contact Information:
-- Name: ${name}
-- Email: ${email}
-${company ? `- Company/Project: ${company}` : ""}
-${role ? `- Role: ${role}` : ""}
-
-Application Details:
-- What are you building with AI today?
-${whatBuilding}
-
-- What do you hope ContractSpec will solve for you?
-${whatSolving}
-
-- Primary use case: ${useCase || "Not specified"}
-- Current stack: ${currentStack || "Not specified"}
-- Team Size: ${teamSize || "Not specified"}
-- Timeline: ${timeline || "Not specified"}
-
-Preferences:
-- Open to 1:1 product/design sessions: ${openToSessions ? "Yes" : "No"}
-- Okay with anonymized case studies: ${okayWithCaseStudies ? "Yes" : "No"}
-
----
-Submitted via ContractSpec waitlist application form
-  `.trim();
-  const teamEmailHtml = `
-    <div style="font-family: sans-serif; max-width: 720px; margin: 0 auto;">
-      <h1 style="color: #8b5cf6;">New Design Partner Waitlist Application</h1>
-      <h2 style="color: #8b5cf6; margin: 16px 0 8px;">Contact Information</h2>
-      <ul style="padding-left: 16px; line-height: 1.6; margin: 0 0 16px;">
-        <li>Name: ${escapeHtml(name)}</li>
-        <li>Email: ${escapeHtml(email)}</li>
-        ${company ? `<li>Company/Project: ${escapeHtml(company)}</li>` : ""}
-        ${role ? `<li>Role: ${escapeHtml(role)}</li>` : ""}
-      </ul>
-      <h2 style="color: #8b5cf6; margin: 16px 0 8px;">Application Details</h2>
-      <p style="margin: 0 0 8px; font-weight: 600;">What are you building with AI today?</p>
-      <div style="border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f9fafb; white-space: pre-wrap; line-height: 1.6;">
-        ${formatMultilineHtml(whatBuilding)}
-      </div>
-      <p style="margin: 16px 0 8px; font-weight: 600;">What do you hope ContractSpec will solve for you?</p>
-      <div style="border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f9fafb; white-space: pre-wrap; line-height: 1.6;">
-        ${formatMultilineHtml(whatSolving)}
-      </div>
-      <ul style="padding-left: 16px; line-height: 1.6; margin: 16px 0;">
-        <li>Primary use case: ${escapeHtml(useCase || "Not specified")}</li>
-        <li>Current stack: ${escapeHtml(currentStack || "Not specified")}</li>
-        <li>Team Size: ${escapeHtml(teamSize || "Not specified")}</li>
-        <li>Timeline: ${escapeHtml(timeline || "Not specified")}</li>
-      </ul>
-      <h2 style="color: #8b5cf6; margin: 16px 0 8px;">Preferences</h2>
-      <div style="border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f9fafb; line-height: 1.6;">
-        ${formatMultilineHtml(preferencesText)}
-      </div>
-      <p style="color: #6b7280; font-size: 12px; margin-top: 20px;">Submitted via ContractSpec waitlist application form</p>
-    </div>
-  `;
-  const teamSend = await sendEmail(configResult.config, {
-    to: [configResult.config.teamInbox],
-    subject: `New Design Partner Application: ${name} (${email})`,
-    text: teamEmailText,
-    html: teamEmailHtml,
-    replyTo: email,
-    context: "waitlist-application-team-notification"
-  });
-  if (!teamSend.success) {
-    return { success: false, text: APPLICATION_SEND_ERROR };
-  }
-  return {
-    success: true,
-    text: "Application submitted successfully!"
-  };
-};
-
-// src/components/marketing/waitlist-section.tsx
-import { useEffect, useState } from "react";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import z from "zod";
-import { AlertCircle, CheckCircle } from "lucide-react";
+// src/components/marketing/studio-signup-section.tsx
+import Link from "next/link";
+import { ArrowRight, Rocket as Rocket2 } from "lucide-react";
 import { Button } from "@contractspec/lib.design-system";
-import { Textarea } from "@contractspec/lib.design-system";
-import { Label } from "@contractspec/lib.ui-kit-web/ui/label";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "@contractspec/lib.ui-kit-web/ui/select";
-import { Checkbox } from "@contractspec/lib.ui-kit-web/ui/checkbox";
-import { Switch } from "@contractspec/lib.ui-kit-web/ui/switch";
-import { Input } from "@contractspec/lib.design-system";
-import { jsxDEV as jsxDEV3, Fragment } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 "use client";
-var simpleWaitlistSchema = z.object({
-  email: z.email("Please enter a valid email address")
-});
-var designPartnerSchema = z.object({
-  name: z.string().min(1, "Name is required"),
-  email: z.email("Please enter a valid email address"),
-  company: z.string().optional(),
-  role: z.string().optional(),
-  useCase: z.string().optional(),
-  currentStack: z.string().optional(),
-  whatBuilding: z.string().min(1, "Please tell us what you are building"),
-  whatSolving: z.string().min(1, "Please tell us what ContractSpec will solve for you"),
-  teamSize: z.string().optional(),
-  timeline: z.string().optional(),
-  openToSessions: z.boolean().default(false),
-  okayWithCaseStudies: z.boolean().default(false)
-});
-function WaitlistSection({
-  variant = "default",
-  context = "pricing"
+var studioUrl = "https://app.contractspec.studio";
+var studioDocsUrl = "https://app.contractspec.studio/docs";
+function StudioSignupSection({
+  variant = "default"
 }) {
-  const [isDesignPartner, setIsDesignPartner] = useState(false);
-  const [submitResult, setSubmitResult] = useState(null);
-  const [isPending, setIsPending] = useState(false);
-  const simpleForm = useForm({
-    resolver: zodResolver(simpleWaitlistSchema),
-    defaultValues: {
-      email: ""
-    }
-  });
-  const designPartnerForm = useForm({
-    resolver: zodResolver(designPartnerSchema),
-    defaultValues: {
-      name: "",
-      email: "",
-      company: "",
-      role: "",
-      useCase: "",
-      currentStack: "",
-      whatBuilding: "",
-      whatSolving: "",
-      teamSize: "",
-      timeline: "",
-      openToSessions: false,
-      okayWithCaseStudies: false
-    }
-  });
-  const simpleEmail = simpleForm.watch("email");
-  const designPartnerEmail = designPartnerForm.watch("email");
-  useEffect(() => {
-    const currentDesignPartnerEmail = designPartnerForm.getValues("email");
-    if (simpleEmail && simpleEmail !== currentDesignPartnerEmail) {
-      designPartnerForm.setValue("email", simpleEmail, { shouldDirty: false });
-    }
-  }, [simpleEmail, designPartnerForm]);
-  useEffect(() => {
-    const currentSimpleEmail = simpleForm.getValues("email");
-    if (designPartnerEmail && designPartnerEmail !== currentSimpleEmail) {
-      simpleForm.setValue("email", designPartnerEmail, { shouldDirty: false });
-    }
-  }, [designPartnerEmail, simpleForm]);
-  const handleSimpleSubmit = async (data) => {
-    setIsPending(true);
-    setSubmitResult(null);
-    try {
-      const formData = new FormData;
-      formData.set("email", data.email);
-      const result = await joinWaitlist(formData);
-      if (result.success) {
-        setSubmitResult({
-          success: true,
-          text: "Thanks for joining the waitlist! Check your inbox for a confirmation."
-        });
-        simpleForm.reset();
-      } else {
-        setSubmitResult({
-          success: false,
-          text: result.text || "Failed to join waitlist. Please try again."
-        });
-      }
-    } catch (_error) {
-      setSubmitResult({
-        success: false,
-        text: "Failed to join waitlist. Please try again."
-      });
-    } finally {
-      setIsPending(false);
-    }
-  };
-  const handleDesignPartnerSubmit = async (data) => {
-    setIsPending(true);
-    setSubmitResult(null);
-    try {
-      const formData = new FormData;
-      formData.set("email", data.email);
-      formData.set("name", data.name);
-      if (data.company)
-        formData.set("company", data.company);
-      if (data.role)
-        formData.set("role", data.role);
-      if (data.useCase)
-        formData.set("useCase", data.useCase);
-      if (data.currentStack)
-        formData.set("currentStack", data.currentStack);
-      formData.set("whatBuilding", data.whatBuilding);
-      formData.set("whatSolving", data.whatSolving);
-      if (data.teamSize)
-        formData.set("teamSize", data.teamSize);
-      if (data.timeline)
-        formData.set("timeline", data.timeline);
-      if (data.openToSessions)
-        formData.set("openToSessions", "on");
-      if (data.okayWithCaseStudies)
-        formData.set("okayWithCaseStudies", "on");
-      const result = await submitWaitlistApplication(formData);
-      if (result.success) {
-        setSubmitResult({
-          success: true,
-          text: "You're on the list. Thanks for applying. We're slowly onboarding design partners in waves. If your use case is a good fit, we'll reach out personally."
-        });
-        designPartnerForm.reset();
-      } else {
-        setSubmitResult({
-          success: false,
-          text: result.text || "Failed to submit application. Please try again."
-        });
-      }
-    } catch (_error) {
-      setSubmitResult({
-        success: false,
-        text: "Failed to submit application. Please try again."
-      });
-    } finally {
-      setIsPending(false);
-    }
-  };
-  const onSubmit = isDesignPartner ? designPartnerForm.handleSubmit(handleDesignPartnerSubmit) : simpleForm.handleSubmit(handleSimpleSubmit);
   const isCompact = variant === "compact";
   return /* @__PURE__ */ jsxDEV3("div", {
-    id: "waitlist",
+    id: "studio-signup",
     className: isCompact ? "space-y-4" : "card-subtle space-y-6 p-8",
     children: [
-      !isCompact && /* @__PURE__ */ jsxDEV3("div", {
+      /* @__PURE__ */ jsxDEV3("div", {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsxDEV3("div", {
             className: "inline-flex items-center gap-2 rounded-full border border-violet-500/20 bg-violet-500/10 px-3 py-1",
-            children: /* @__PURE__ */ jsxDEV3("span", {
-              className: "text-sm font-medium text-violet-300",
-              children: isDesignPartner ? "Design Partner Waitlist" : "Join the Waitlist"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("h2", {
-            className: "text-2xl font-bold",
-            children: isDesignPartner ? "Apply for early access to ContractSpec" : "Get early access to ContractSpec"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("p", {
-            className: "text-muted-foreground text-sm",
-            children: isDesignPartner ? "Tell us what you're building. We'll prioritize teams where ContractSpec can have a big impact, and where we can learn the most." : "Join the waitlist to be notified when ContractSpec becomes available."
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      !isCompact && /* @__PURE__ */ jsxDEV3("div", {
-        className: "border-border bg-muted/20 flex items-center justify-between gap-4 rounded-lg border p-4",
-        children: [
-          /* @__PURE__ */ jsxDEV3("div", {
-            className: "space-y-1",
             children: [
-              /* @__PURE__ */ jsxDEV3(Label, {
-                htmlFor: "design-partner-toggle",
-                className: "text-sm font-medium",
-                children: "Apply as a design partner"
+              /* @__PURE__ */ jsxDEV3(Rocket2, {
+                size: 14,
+                className: "text-violet-300"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("p", {
-                className: "text-muted-foreground text-xs",
-                children: isDesignPartner ? "Get hands-on support, influence the roadmap, and founding discount" : "Get priority access, 1:1 onboarding, and help shape ContractSpec"
+              /* @__PURE__ */ jsxDEV3("span", {
+                className: "text-sm font-medium text-violet-300",
+                children: "ContractSpec Studio"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3(Switch, {
-            id: "design-partner-toggle",
-            checked: isDesignPartner,
-            onCheckedChange: setIsDesignPartner,
-            disabled: isPending || submitResult?.success
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      !isCompact && isDesignPartner && /* @__PURE__ */ jsxDEV3("div", {
-        className: "space-y-2",
-        children: [
+          /* @__PURE__ */ jsxDEV3("h2", {
+            className: isCompact ? "text-xl font-bold" : "text-2xl font-bold",
+            children: "Try ContractSpec Studio"
+          }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV3("p", {
-            className: "text-sm font-medium",
-            children: "Benefits:"
+            className: "text-muted-foreground text-sm",
+            children: "The AI-powered product decision engine that turns product signals into spec-first deliverables."
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("ul", {
-            className: "text-muted-foreground space-y-1 text-sm",
-            children: [
-              /* @__PURE__ */ jsxDEV3("li", {
-                children: "• Early access to ContractSpec Studio"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
-                children: "• 1:1 onboarding and architecture sessions"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
-                children: "• Priority support via direct channels"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
-                children: "• Influence over roadmap and features"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("li", {
-                children: "• Founding discount when paid plans launch"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
+          /* @__PURE__ */ jsxDEV3("p", {
+            className: "text-muted-foreground text-xs",
+            children: "Evidence -> Correlation -> Decision -> Change -> Export -> Check -> Notify -> Autopilot"
+          }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("form", {
-        onSubmit,
-        className: "space-y-4",
+      /* @__PURE__ */ jsxDEV3("div", {
+        className: "flex flex-col gap-3 sm:flex-row",
         children: [
-          isDesignPartner ? /* @__PURE__ */ jsxDEV3(Fragment, {
-            children: [
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "grid gap-4 md:grid-cols-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3(Label, {
-                        htmlFor: "waitlist-name",
-                        className: "text-sm font-medium",
-                        children: [
-                          "Name ",
-                          /* @__PURE__ */ jsxDEV3("span", {
-                            className: "text-red-400",
-                            children: "*"
-                          }, undefined, false, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(Input, {
-                        id: "waitlist-name",
-                        ...designPartnerForm.register("name"),
-                        type: "text",
-                        placeholder: "Your name",
-                        disabled: isPending || submitResult?.success
-                      }, undefined, false, undefined, this),
-                      designPartnerForm.formState.errors.name && /* @__PURE__ */ jsxDEV3("p", {
-                        className: "text-xs text-red-400",
-                        children: designPartnerForm.formState.errors.name.message
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3(Label, {
-                        htmlFor: "waitlist-email",
-                        className: "text-sm font-medium",
-                        children: [
-                          "Email ",
-                          /* @__PURE__ */ jsxDEV3("span", {
-                            className: "text-red-400",
-                            children: "*"
-                          }, undefined, false, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(Input, {
-                        id: "waitlist-email",
-                        ...designPartnerForm.register("email"),
-                        type: "email",
-                        placeholder: "your@email.com",
-                        disabled: isPending || submitResult?.success
-                      }, undefined, false, undefined, this),
-                      designPartnerForm.formState.errors.email && /* @__PURE__ */ jsxDEV3("p", {
-                        className: "text-xs text-red-400",
-                        children: designPartnerForm.formState.errors.email.message
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "grid gap-4 md:grid-cols-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3(Label, {
-                        htmlFor: "waitlist-company",
-                        className: "text-sm font-medium",
-                        children: "Company / Project Name"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(Input, {
-                        id: "waitlist-company",
-                        ...designPartnerForm.register("company"),
-                        type: "text",
-                        placeholder: "Your company or project",
-                        disabled: isPending || submitResult?.success
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3(Label, {
-                        htmlFor: "waitlist-role",
-                        className: "text-sm font-medium",
-                        children: "Role"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(Select, {
-                        value: designPartnerForm.watch("role") || "",
-                        onValueChange: (value) => designPartnerForm.setValue("role", value),
-                        disabled: isPending || submitResult?.success,
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(SelectTrigger, {
-                            id: "waitlist-role",
-                            className: "w-full",
-                            children: /* @__PURE__ */ jsxDEV3(SelectValue, {
-                              placeholder: "Select your role"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3(SelectContent, {
-                            children: [
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "founder",
-                                children: "Founder"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "cto",
-                                children: "CTO"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "lead-engineer",
-                                children: "Lead Engineer"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "engineer",
-                                children: "Engineer"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "product-manager",
-                                children: "Product Manager"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "other",
-                                children: "Other"
-                              }, undefined, false, undefined, this)
-                            ]
-                          }, undefined, true, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "grid gap-4 md:grid-cols-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3(Label, {
-                        htmlFor: "waitlist-use-case",
-                        className: "text-sm font-medium",
-                        children: "Primary use case"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(Select, {
-                        value: designPartnerForm.watch("useCase") || "",
-                        onValueChange: (value) => designPartnerForm.setValue("useCase", value),
-                        disabled: isPending || submitResult?.success,
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(SelectTrigger, {
-                            id: "waitlist-use-case",
-                            className: "w-full",
-                            children: /* @__PURE__ */ jsxDEV3(SelectValue, {
-                              placeholder: "Select a use case"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3(SelectContent, {
-                            children: [
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "api-platform",
-                                children: "API platform"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "ai-ops",
-                                children: "AI operations"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "integration-hub",
-                                children: "Integration hub"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "internal-tools",
-                                children: "Internal tools"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "data-pipelines",
-                                children: "Data pipelines"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "other",
-                                children: "Other"
-                              }, undefined, false, undefined, this)
-                            ]
-                          }, undefined, true, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3(Label, {
-                        htmlFor: "waitlist-current-stack",
-                        className: "text-sm font-medium",
-                        children: "Current stack"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(Input, {
-                        id: "waitlist-current-stack",
-                        ...designPartnerForm.register("currentStack"),
-                        type: "text",
-                        placeholder: "e.g. Next.js, Postgres, OpenAPI",
-                        disabled: isPending || submitResult?.success
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "space-y-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV3(Label, {
-                    htmlFor: "waitlist-what-building",
-                    className: "text-sm font-medium",
-                    children: [
-                      "What are you building with AI today?",
-                      " ",
-                      /* @__PURE__ */ jsxDEV3("span", {
-                        className: "text-red-400",
-                        children: "*"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(Textarea, {
-                    id: "waitlist-what-building",
-                    ...designPartnerForm.register("whatBuilding"),
-                    placeholder: "Tell us about your project...",
-                    disabled: isPending || submitResult?.success,
-                    rows: 4
-                  }, undefined, false, undefined, this),
-                  designPartnerForm.formState.errors.whatBuilding && /* @__PURE__ */ jsxDEV3("p", {
-                    className: "text-xs text-red-400",
-                    children: designPartnerForm.formState.errors.whatBuilding.message
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "space-y-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV3(Label, {
-                    htmlFor: "waitlist-what-solving",
-                    className: "text-sm font-medium",
-                    children: [
-                      "What do you hope ContractSpec will solve for you?",
-                      " ",
-                      /* @__PURE__ */ jsxDEV3("span", {
-                        className: "text-red-400",
-                        children: "*"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(Textarea, {
-                    id: "waitlist-what-solving",
-                    ...designPartnerForm.register("whatSolving"),
-                    placeholder: "What problems are you trying to solve?",
-                    disabled: isPending || submitResult?.success,
-                    rows: 4
-                  }, undefined, false, undefined, this),
-                  designPartnerForm.formState.errors.whatSolving && /* @__PURE__ */ jsxDEV3("p", {
-                    className: "text-xs text-red-400",
-                    children: designPartnerForm.formState.errors.whatSolving.message
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "grid gap-4 md:grid-cols-2",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3(Label, {
-                        htmlFor: "waitlist-team-size",
-                        className: "text-sm font-medium",
-                        children: "Team Size"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(Select, {
-                        value: designPartnerForm.watch("teamSize") || "",
-                        onValueChange: (value) => designPartnerForm.setValue("teamSize", value),
-                        disabled: isPending || submitResult?.success,
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(SelectTrigger, {
-                            id: "waitlist-team-size",
-                            className: "w-full",
-                            children: /* @__PURE__ */ jsxDEV3(SelectValue, {
-                              placeholder: "Select team size"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3(SelectContent, {
-                            children: [
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "solo",
-                                children: "Solo"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "2-5",
-                                children: "2-5"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "6-20",
-                                children: "6-20"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "20+",
-                                children: "20+"
-                              }, undefined, false, undefined, this)
-                            ]
-                          }, undefined, true, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3(Label, {
-                        htmlFor: "waitlist-timeline",
-                        className: "text-sm font-medium",
-                        children: "Timeline"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(Select, {
-                        value: designPartnerForm.watch("timeline") || "",
-                        onValueChange: (value) => designPartnerForm.setValue("timeline", value),
-                        disabled: isPending || submitResult?.success,
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(SelectTrigger, {
-                            id: "waitlist-timeline",
-                            className: "w-full",
-                            children: /* @__PURE__ */ jsxDEV3(SelectValue, {
-                              placeholder: "Select timeline"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3(SelectContent, {
-                            children: [
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "now",
-                                children: "Now"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "1-3-months",
-                                children: "1-3 months"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "3-6-months",
-                                children: "3-6 months"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV3(SelectItem, {
-                                value: "exploring",
-                                children: "Exploring"
-                              }, undefined, false, undefined, this)
-                            ]
-                          }, undefined, true, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "space-y-3",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "flex items-start gap-3",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3(Checkbox, {
-                        id: "waitlist-open-to-sessions",
-                        checked: designPartnerForm.watch("openToSessions"),
-                        onCheckedChange: (checked) => designPartnerForm.setValue("openToSessions", checked === true),
-                        disabled: isPending || submitResult?.success
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(Label, {
-                        htmlFor: "waitlist-open-to-sessions",
-                        className: "cursor-pointer text-sm leading-relaxed",
-                        children: "I'm open to 1:1 product/design sessions"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "flex items-start gap-3",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3(Checkbox, {
-                        id: "waitlist-case-studies",
-                        checked: designPartnerForm.watch("okayWithCaseStudies"),
-                        onCheckedChange: (checked) => designPartnerForm.setValue("okayWithCaseStudies", checked === true),
-                        disabled: isPending || submitResult?.success
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(Label, {
-                        htmlFor: "waitlist-case-studies",
-                        className: "cursor-pointer text-sm leading-relaxed",
-                        children: "I'm okay with anonymized case studies about our usage"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV3("div", {
-            className: "space-y-2",
-            children: [
-              /* @__PURE__ */ jsxDEV3(Label, {
-                htmlFor: "waitlist-email",
-                className: "text-sm font-medium",
-                children: [
-                  "Email ",
-                  /* @__PURE__ */ jsxDEV3("span", {
-                    className: "text-red-400",
-                    children: "*"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3(Input, {
-                id: "waitlist-email",
-                ...simpleForm.register("email"),
-                type: "email",
-                placeholder: "your@email.com",
-                disabled: isPending || submitResult?.success
-              }, undefined, false, undefined, this),
-              simpleForm.formState.errors.email && /* @__PURE__ */ jsxDEV3("p", {
-                className: "text-xs text-red-400",
-                children: simpleForm.formState.errors.email.message
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          submitResult && !isPending && /* @__PURE__ */ jsxDEV3("div", {
-            className: `flex items-start gap-2 rounded-lg p-4 text-sm ${submitResult.success ? "border border-green-500/20 bg-green-500/10 text-green-400" : "border border-red-500/20 bg-red-500/10 text-red-400"}`,
-            children: [
-              submitResult.success ? /* @__PURE__ */ jsxDEV3(CheckCircle, {
-                size: 20,
-                className: "mt-0.5 shrink-0"
-              }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3(AlertCircle, {
-                size: 20,
-                className: "mt-0.5 shrink-0"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "flex-1",
-                children: submitResult.success ? /* @__PURE__ */ jsxDEV3(Fragment, {
-                  children: [
-                    /* @__PURE__ */ jsxDEV3("p", {
-                      className: "mb-1 font-semibold",
-                      children: "You're on the list."
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV3("p", {
-                      className: "text-sm",
-                      children: submitResult.text
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV3("p", {
-                  children: submitResult.text
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV3(Button, {
-            type: "submit",
-            disabled: isPending || submitResult?.success,
-            className: "w-full",
-            children: isPending ? "Submitting..." : isDesignPartner ? "Apply to the waitlist" : "Join waitlist"
+            asChild: true,
+            className: "w-full sm:w-auto",
+            children: /* @__PURE__ */ jsxDEV3(Link, {
+              href: studioUrl,
+              children: [
+                "Get Started Free ",
+                /* @__PURE__ */ jsxDEV3(ArrowRight, {
+                  className: "ml-2 h-4 w-4"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("p", {
-            className: "text-muted-foreground text-center text-xs",
-            children: "No spam. We'll only email you about ContractSpec and your application."
+          /* @__PURE__ */ jsxDEV3(Button, {
+            asChild: true,
+            variant: "outline",
+            className: "w-full sm:w-auto",
+            children: /* @__PURE__ */ jsxDEV3(Link, {
+              href: studioDocsUrl,
+              children: "Read Studio Docs"
+            }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)
@@ -1818,14 +916,14 @@ import { useActionState } from "react";
 import {
   Calendar,
   MessageSquare as MessageSquare2,
-  CheckCircle as CheckCircle2,
-  AlertCircle as AlertCircle2
+  CheckCircle,
+  AlertCircle
 } from "lucide-react";
 import {
   ActionForm,
   Button as Button2,
-  Input as Input2,
-  Textarea as Textarea2
+  Input,
+  Textarea
 } from "@contractspec/lib.design-system";
 import { VStack as VStack2, HStack as HStack2 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import {
@@ -1870,9 +968,7 @@ function ContactClient() {
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV4(WaitlistSection, {
-          context: "contact"
-        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV4(StudioSignupSection, {}, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV4(VStack2, {
           className: "card-subtle gap-6 p-8",
           id: "call",
@@ -1949,7 +1045,7 @@ function ContactClient() {
                         className: "text-sm font-medium",
                         children: "Name"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4(Input2, {
+                      /* @__PURE__ */ jsxDEV4(Input, {
                         id: "contact-name",
                         name: "name",
                         type: "text",
@@ -1966,7 +1062,7 @@ function ContactClient() {
                         className: "text-sm font-medium",
                         children: "Email"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4(Input2, {
+                      /* @__PURE__ */ jsxDEV4(Input, {
                         id: "contact-email",
                         name: "email",
                         type: "email",
@@ -1984,7 +1080,7 @@ function ContactClient() {
                         className: "text-sm font-medium",
                         children: "Message"
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV4(Textarea2, {
+                      /* @__PURE__ */ jsxDEV4(Textarea, {
                         id: "contact-message",
                         name: "message",
                         placeholder: "Tell us what's on your mind...",
@@ -1997,9 +1093,9 @@ function ContactClient() {
                   contactResult && !contactPending && /* @__PURE__ */ jsxDEV4(HStack2, {
                     className: `items-center gap-2 rounded-lg p-3 text-sm ${contactResult.success ? "border border-green-500/20 bg-green-500/10 text-green-400" : "border border-red-500/20 bg-red-500/10 text-red-400"}`,
                     children: [
-                      contactResult.success ? /* @__PURE__ */ jsxDEV4(CheckCircle2, {
+                      contactResult.success ? /* @__PURE__ */ jsxDEV4(CheckCircle, {
                         size: 16
-                      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV4(AlertCircle2, {
+                      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV4(AlertCircle, {
                         size: 16
                       }, undefined, false, undefined, this),
                       /* @__PURE__ */ jsxDEV4(Small2, {
@@ -2500,13 +1596,13 @@ function ContributePage() {
 }
 
 // src/components/marketing/DesignPartnerPage.tsx
-import Link from "next/link";
+import Link2 from "next/link";
 import { Button as Button3 } from "@contractspec/lib.design-system";
 import {
-  ArrowRight,
+  ArrowRight as ArrowRight2,
   BookOpen,
   MessageSquare as MessageSquare3,
-  Rocket as Rocket2,
+  Rocket as Rocket3,
   Users as Users2
 } from "lucide-react";
 import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
@@ -2554,7 +1650,7 @@ function DesignPartnerPage() {
                   children: [
                     /* @__PURE__ */ jsxDEV6("div", {
                       className: "border-primary/20 bg-primary/10 flex h-12 w-12 items-center justify-center rounded-lg border",
-                      children: /* @__PURE__ */ jsxDEV6(Rocket2, {
+                      children: /* @__PURE__ */ jsxDEV6(Rocket3, {
                         className: "text-primary h-6 w-6"
                       }, undefined, false, undefined, this)
                     }, undefined, false, undefined, this),
@@ -2564,18 +1660,18 @@ function DesignPartnerPage() {
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsxDEV6("p", {
                       className: "text-muted-foreground",
-                      children: "Your account has been enabled with Design Partner privileges. Log in to the Studio to start exploring the latest features before they're public."
+                      children: "Your account has been enabled with Design Partner privileges. Log in to ContractSpec Studio to run the full loop from evidence to spec-first deliverables with your team."
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsxDEV6("div", {
                       className: "pt-2",
                       children: /* @__PURE__ */ jsxDEV6(Button3, {
                         asChild: true,
                         variant: "outline",
-                        children: /* @__PURE__ */ jsxDEV6(Link, {
-                          href: "https://www.contractspec.studio",
+                        children: /* @__PURE__ */ jsxDEV6(Link2, {
+                          href: "https://app.contractspec.studio",
                           children: [
                             "Launch Studio ",
-                            /* @__PURE__ */ jsxDEV6(ArrowRight, {
+                            /* @__PURE__ */ jsxDEV6(ArrowRight2, {
                               className: "ml-2 h-4 w-4"
                             }, undefined, false, undefined, this)
                           ]
@@ -2606,12 +1702,12 @@ function DesignPartnerPage() {
                       children: /* @__PURE__ */ jsxDEV6(Button3, {
                         asChild: true,
                         variant: "outline",
-                        children: /* @__PURE__ */ jsxDEV6(Link, {
+                        children: /* @__PURE__ */ jsxDEV6(Link2, {
                           href: "mailto:partners@contractspec.io",
                           children: [
                             "Contact Partner Success",
                             " ",
-                            /* @__PURE__ */ jsxDEV6(ArrowRight, {
+                            /* @__PURE__ */ jsxDEV6(ArrowRight2, {
                               className: "ml-2 h-4 w-4"
                             }, undefined, false, undefined, this)
                           ]
@@ -2642,11 +1738,11 @@ function DesignPartnerPage() {
                       children: /* @__PURE__ */ jsxDEV6(Button3, {
                         asChild: true,
                         variant: "outline",
-                        children: /* @__PURE__ */ jsxDEV6(Link, {
+                        children: /* @__PURE__ */ jsxDEV6(Link2, {
                           href: "/docs",
                           children: [
                             "Read the Docs ",
-                            /* @__PURE__ */ jsxDEV6(ArrowRight, {
+                            /* @__PURE__ */ jsxDEV6(ArrowRight2, {
                               className: "ml-2 h-4 w-4"
                             }, undefined, false, undefined, this)
                           ]
@@ -2748,7 +1844,7 @@ function DesignPartnerPage() {
             /* @__PURE__ */ jsxDEV6(Button3, {
               asChild: true,
               size: "lg",
-              children: /* @__PURE__ */ jsxDEV6(Link, {
+              children: /* @__PURE__ */ jsxDEV6(Link2, {
                 href: "mailto:partners@contractspec.io",
                 children: "Email the Founders"
               }, undefined, false, undefined, this)
@@ -2815,11 +1911,11 @@ function HeroMarketingSection() {
             }, undefined, true, undefined, this),
             /* @__PURE__ */ jsxDEV7(ButtonLink2, {
               variant: "ghost",
-              href: "/contact#waitlist",
+              href: "https://app.contractspec.studio",
               onClick: () => captureAnalyticsEvent(analyticsEventNames.CTA_STUDIO_CLICK, {
                 surface: "hero"
               }),
-              children: "Join Studio Waitlist"
+              children: "Try Studio"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
@@ -2977,13 +2073,13 @@ function SolutionSection() {
 }
 
 // src/components/marketing/sections/FearsSection.tsx
-import { CheckCircle as CheckCircle3, Code, Unlock, Zap } from "lucide-react";
+import { CheckCircle as CheckCircle2, Code, Unlock, Zap } from "lucide-react";
 import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
 var fears = [
   {
     title: '"I already have an app"',
     body: "ContractSpec works with existing codebases. You don't start over — you stabilize incrementally, one module at a time. Start with one API endpoint, one data model, one contract.",
-    icon: CheckCircle3
+    icon: CheckCircle2
   },
   {
     title: '"Vendor lock-in / losing ownership"',
@@ -3060,9 +2156,9 @@ function CorePositioningSection() {
           className: "pt-2 sm:flex sm:flex-row sm:flex-wrap sm:items-center sm:justify-center",
           children: [
             /* @__PURE__ */ jsxDEV12(ButtonLink3, {
-              href: "/pricing#waitlist",
+              href: "https://app.contractspec.studio",
               children: [
-                "Join waitlist ",
+                "Try Studio ",
                 /* @__PURE__ */ jsxDEV12(ChevronRight2, {
                   size: 16
                 }, undefined, false, undefined, this)
@@ -3334,11 +2430,11 @@ function CtaSection() {
           className: "pt-2 sm:flex sm:flex-row sm:flex-wrap sm:items-center sm:justify-center",
           children: [
             /* @__PURE__ */ jsxDEV17(ButtonLink5, {
-              href: "/pricing#waitlist",
+              href: "https://app.contractspec.studio",
               onClick: () => captureAnalyticsEvent2(analyticsEventNames2.CTA_STUDIO_CLICK, {
                 surface: "cta-section"
               }),
-              children: "Join waitlist"
+              children: "Try Studio"
             }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV17(ButtonLink5, {
               variant: "ghost",
@@ -3396,7 +2492,7 @@ var PRICING_EXAMPLES = {
 };
 
 // src/components/marketing/pricing-thinking-modal.tsx
-import { CheckCircle as CheckCircle4 } from "lucide-react";
+import { CheckCircle as CheckCircle3 } from "lucide-react";
 import {
   Dialog,
   DialogContent,
@@ -3482,7 +2578,7 @@ function PricingThinkingModal({
               children: "Tentative pricing (work in progress)"
             }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV19(DialogDescription, {
-              children: "We're still in design-partner mode. This is a draft of how we expect pricing to look once we open public access."
+              children: "ContractSpec Studio is live. This is a draft of how paid plans are expected to evolve as usage grows."
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
@@ -3536,7 +2632,7 @@ function PricingThinkingModal({
                         children: tier.bullets.map((bullet, i) => /* @__PURE__ */ jsxDEV19("li", {
                           className: "text-muted-foreground flex gap-2 text-sm",
                           children: [
-                            /* @__PURE__ */ jsxDEV19(CheckCircle4, {
+                            /* @__PURE__ */ jsxDEV19(CheckCircle3, {
                               size: 14,
                               className: "mt-0.5 shrink-0 text-violet-400"
                             }, undefined, false, undefined, this),
@@ -3607,7 +2703,7 @@ function PricingThinkingModal({
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV19("p", {
                   className: "text-muted-foreground text-xs",
-                  children: "Design partners get early access and a founding discount when paid plans launch."
+                  children: "Design partners get priority onboarding and partner incentives as paid plans launch."
                 }, undefined, false, undefined, this),
                 onApplyClick && /* @__PURE__ */ jsxDEV19(Button4, {
                   onClick: () => {
@@ -3616,7 +2712,7 @@ function PricingThinkingModal({
                   },
                   className: "w-full",
                   variant: "outline",
-                  children: "Apply as a design partner"
+                  children: "Try Studio"
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this)
@@ -3628,23 +2724,23 @@ function PricingThinkingModal({
 }
 
 // src/components/marketing/PricingClient.tsx
-import { useState as useState2 } from "react";
-import Link2 from "next/link";
-import { CheckCircle as CheckCircle5, ChevronDown, ChevronRight as ChevronRight3 } from "lucide-react";
+import { useState } from "react";
+import Link3 from "next/link";
+import { CheckCircle as CheckCircle4, ChevronDown, ChevronRight as ChevronRight3 } from "lucide-react";
 import { jsxDEV as jsxDEV20 } from "react/jsx-dev-runtime";
 "use client";
 var faqs = [
   {
-    question: "Can I pay for ContractSpec today?",
-    answer: "Not yet. We're pre-PMF and working closely with a small set of design partners. They get full access during early access and will be first to move onto paid plans once we're confident in the value and stability."
+    question: "Can I use ContractSpec Studio today?",
+    answer: "Yes. ContractSpec Studio is live at app.contractspec.studio. Start with the free tier and upgrade as paid plans roll out."
   },
   {
     question: "What will you charge for later?",
-    answer: "Our plan is to charge based on usage: regenerations, AI agent actions, and number of active projects. A generous free tier will stay available so smaller teams and experiments can thrive."
+    answer: "Pricing is evolving toward usage: regenerations, AI agent actions, and active projects. A generous free tier will remain so smaller teams and experiments can thrive."
   },
   {
     question: "What do I get as a design partner?",
-    answer: "Direct collaboration on features, priority onboarding, and a founding discount when paid plans launch. You also shape how ContractSpec works for teams like yours."
+    answer: "Direct collaboration on roadmap priorities, hands-on onboarding, and priority support. You also help shape Studio workflows before broad rollout."
   },
   {
     question: "Will you ever charge per seat?",
@@ -3652,13 +2748,10 @@ var faqs = [
   }
 ];
 function PricingClient() {
-  const [openFaq, setOpenFaq] = useState2(null);
-  const [pricingModalOpen, setPricingModalOpen] = useState2(false);
-  const scrollToWaitlist = () => {
-    const waitlistElement = document.getElementById("waitlist");
-    if (waitlistElement) {
-      waitlistElement.scrollIntoView({ behavior: "smooth", block: "start" });
-    }
+  const [openFaq, setOpenFaq] = useState(null);
+  const [pricingModalOpen, setPricingModalOpen] = useState(false);
+  const openStudio = () => {
+    window.open("https://app.contractspec.studio", "_blank", "noopener,noreferrer");
   };
   return /* @__PURE__ */ jsxDEV20("main", {
     className: "",
@@ -3674,12 +2767,12 @@ function PricingClient() {
             }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV20("p", {
               className: "text-muted-foreground mx-auto max-w-2xl text-lg",
-              children: "ContractSpec Core (the OSS compiler) is and always will be free. ContractSpec Studio (the managed platform) is in early access."
+              children: "ContractSpec Core (the OSS compiler) is and always will be free. ContractSpec Studio is live, with paid plans rolling out progressively."
             }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV20("div", {
               className: "flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row",
               children: [
-                /* @__PURE__ */ jsxDEV20(Link2, {
+                /* @__PURE__ */ jsxDEV20(Link3, {
                   href: "/install",
                   className: "btn-primary inline-flex items-center gap-2",
                   children: [
@@ -3689,10 +2782,10 @@ function PricingClient() {
                     }, undefined, false, undefined, this)
                   ]
                 }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV20("button", {
-                  onClick: scrollToWaitlist,
+                /* @__PURE__ */ jsxDEV20(Link3, {
+                  href: "https://app.contractspec.studio",
                   className: "btn-ghost inline-flex items-center gap-2",
-                  children: "Join Studio waitlist"
+                  children: "Try Studio Free"
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this)
@@ -3735,17 +2828,17 @@ function PricingClient() {
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "flex gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
-                          "Early access to ContractSpec Studio"
+                          "Priority access to new Studio capabilities"
                         ]
                       }, undefined, true, undefined, this),
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "flex gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
@@ -3755,7 +2848,7 @@ function PricingClient() {
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "flex gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
@@ -3765,29 +2858,29 @@ function PricingClient() {
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "flex gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
-                          "Priority support during early access"
+                          "Priority support through direct channels"
                         ]
                       }, undefined, true, undefined, this),
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "flex gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
-                          "Founding discount when paid plans launch"
+                          "Pricing input and partner incentives"
                         ]
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV20("button", {
-                    onClick: scrollToWaitlist,
+                  /* @__PURE__ */ jsxDEV20(Link3, {
+                    href: "/design-partner",
                     className: "btn-primary w-full md:w-auto",
-                    children: "Apply to the waitlist"
+                    children: "Apply as a design partner"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this)
@@ -3843,7 +2936,7 @@ function PricingClient() {
                           /* @__PURE__ */ jsxDEV20("li", {
                             className: "text-muted-foreground flex gap-3 text-sm",
                             children: [
-                              /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                              /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                                 size: 16,
                                 className: "mt-0.5 shrink-0 text-violet-400"
                               }, undefined, false, undefined, this),
@@ -3853,7 +2946,7 @@ function PricingClient() {
                           /* @__PURE__ */ jsxDEV20("li", {
                             className: "text-muted-foreground flex gap-3 text-sm",
                             children: [
-                              /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                              /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                                 size: 16,
                                 className: "mt-0.5 shrink-0 text-violet-400"
                               }, undefined, false, undefined, this),
@@ -3863,7 +2956,7 @@ function PricingClient() {
                           /* @__PURE__ */ jsxDEV20("li", {
                             className: "text-muted-foreground flex gap-3 text-sm",
                             children: [
-                              /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                              /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                                 size: 16,
                                 className: "mt-0.5 shrink-0 text-violet-400"
                               }, undefined, false, undefined, this),
@@ -3873,7 +2966,7 @@ function PricingClient() {
                           /* @__PURE__ */ jsxDEV20("li", {
                             className: "text-muted-foreground flex gap-3 text-sm",
                             children: [
-                              /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                              /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                                 size: 16,
                                 className: "mt-0.5 shrink-0 text-violet-400"
                               }, undefined, false, undefined, this),
@@ -3884,7 +2977,7 @@ function PricingClient() {
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV20(Link2, {
+                  /* @__PURE__ */ jsxDEV20(Link3, {
                     href: "/install",
                     className: "btn-ghost w-full",
                     children: "Install now"
@@ -3896,7 +2989,7 @@ function PricingClient() {
                 children: [
                   /* @__PURE__ */ jsxDEV20("div", {
                     className: "absolute -top-3 left-1/2 -translate-x-1/2 rounded-full bg-violet-500 px-3 py-1 text-xs font-medium text-white",
-                    children: "Current"
+                    children: "Live program"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV20("div", {
                     className: "space-y-2",
@@ -3910,11 +3003,11 @@ function PricingClient() {
                         children: [
                           /* @__PURE__ */ jsxDEV20("div", {
                             className: "text-2xl font-bold",
-                            children: "Free during early access"
+                            children: "Invite-based"
                           }, undefined, false, undefined, this),
                           /* @__PURE__ */ jsxDEV20("p", {
                             className: "text-muted-foreground text-xs",
-                            children: "Founding discount when paid plans launch"
+                            children: "Built for teams shaping the next Studio capabilities"
                           }, undefined, false, undefined, this)
                         ]
                       }, undefined, true, undefined, this)
@@ -3926,47 +3019,47 @@ function PricingClient() {
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "text-muted-foreground flex gap-3 text-sm",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
-                          "Use ContractSpec Studio for real projects during early access"
+                          "Use ContractSpec Studio for real projects"
                         ]
                       }, undefined, true, undefined, this),
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "text-muted-foreground flex gap-3 text-sm",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
-                          "Work directly with the founder on architecture & use cases"
+                          "Work directly with the team on architecture and workflow design"
                         ]
                       }, undefined, true, undefined, this),
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "text-muted-foreground flex gap-3 text-sm",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
-                          'Reasonable "fair use" limits on regenerations and AI credits'
+                          "Access to partner-only previews and feedback loops"
                         ]
                       }, undefined, true, undefined, this),
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "text-muted-foreground flex gap-3 text-sm",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
-                          "Priority support & feedback loops"
+                          "Priority support and roadmap influence"
                         ]
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV20("button", {
-                    onClick: scrollToWaitlist,
+                  /* @__PURE__ */ jsxDEV20(Link3, {
+                    href: "/design-partner",
                     className: "btn-primary w-full",
                     children: "Apply as a design partner"
                   }, undefined, false, undefined, this)
@@ -4019,7 +3112,7 @@ function PricingClient() {
                   /* @__PURE__ */ jsxDEV20("button", {
                     disabled: true,
                     className: "btn-ghost w-full cursor-not-allowed opacity-50",
-                    children: "Available after public launch"
+                    children: "Available after pricing rollout"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
@@ -4056,7 +3149,7 @@ function PricingClient() {
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "text-muted-foreground flex gap-3 text-sm",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
@@ -4066,7 +3159,7 @@ function PricingClient() {
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "text-muted-foreground flex gap-3 text-sm",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
@@ -4076,7 +3169,7 @@ function PricingClient() {
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "text-muted-foreground flex gap-3 text-sm",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
@@ -4086,7 +3179,7 @@ function PricingClient() {
                       /* @__PURE__ */ jsxDEV20("li", {
                         className: "text-muted-foreground flex gap-3 text-sm",
                         children: [
-                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                          /* @__PURE__ */ jsxDEV20(CheckCircle4, {
                             size: 16,
                             className: "mt-0.5 shrink-0 text-violet-400"
                           }, undefined, false, undefined, this),
@@ -4095,7 +3188,7 @@ function PricingClient() {
                       }, undefined, true, undefined, this)
                     ]
                   }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV20(Link2, {
+                  /* @__PURE__ */ jsxDEV20(Link3, {
                     href: "/contact",
                     className: "btn-ghost w-full",
                     children: "Talk to us"
@@ -4116,7 +3209,7 @@ function PricingClient() {
               children: [
                 /* @__PURE__ */ jsxDEV20("h2", {
                   className: "text-3xl font-bold",
-                  children: "How ContractSpec pricing will work"
+                  children: "How ContractSpec pricing works now and next"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV20("p", {
                   className: "text-muted-foreground mx-auto max-w-2xl text-lg",
@@ -4221,7 +3314,7 @@ function PricingClient() {
                   className: "text-muted-foreground mb-2 text-sm",
                   children: "Still unsure?"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV20(Link2, {
+                /* @__PURE__ */ jsxDEV20(Link3, {
                   href: "/contact",
                   className: "text-sm font-medium text-violet-400 hover:text-violet-300",
                   children: "Contact us →"
@@ -4235,26 +3328,26 @@ function PricingClient() {
         className: "section-padding hero-gradient",
         children: /* @__PURE__ */ jsxDEV20("div", {
           className: "mx-auto max-w-4xl",
-          children: /* @__PURE__ */ jsxDEV20(WaitlistSection, {}, undefined, false, undefined, this)
+          children: /* @__PURE__ */ jsxDEV20(StudioSignupSection, {}, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV20(PricingThinkingModal, {
         open: pricingModalOpen,
         onOpenChange: setPricingModalOpen,
-        onApplyClick: scrollToWaitlist
+        onApplyClick: openStudio
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 
 // src/components/marketing/ProductClientPage.tsx
-import Link3 from "@contractspec/lib.ui-link";
+import Link4 from "@contractspec/lib.ui-link";
 import {
   analyticsEventNames as analyticsEventNames3,
   captureAnalyticsEvent as captureAnalyticsEvent3
 } from "@contractspec/bundle.library/libs/posthog/client";
 import {
-  CheckCircle as CheckCircle6,
+  CheckCircle as CheckCircle5,
   ChevronRight as ChevronRight4,
   Database,
   FileCode as FileCode2,
@@ -4286,7 +3379,7 @@ var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
           /* @__PURE__ */ jsxDEV21("div", {
             className: "flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row",
             children: [
-              /* @__PURE__ */ jsxDEV21(Link3, {
+              /* @__PURE__ */ jsxDEV21(Link4, {
                 href: "/install",
                 onClick: () => captureAnalyticsEvent3(analyticsEventNames3.CTA_INSTALL_CLICK, {
                   surface: "product-hero"
@@ -4299,7 +3392,7 @@ var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV21(Link3, {
+              /* @__PURE__ */ jsxDEV21(Link4, {
                 href: "/pricing",
                 className: "btn-ghost",
                 children: "View pricing"
@@ -4435,7 +3528,7 @@ var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
                       /* @__PURE__ */ jsxDEV21("li", {
                         className: "flex gap-3",
                         children: [
-                          /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                          /* @__PURE__ */ jsxDEV21(CheckCircle5, {
                             size: 16,
                             className: "mt-0.5 flex-shrink-0 text-emerald-400"
                           }, undefined, false, undefined, this),
@@ -4445,7 +3538,7 @@ var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
                       /* @__PURE__ */ jsxDEV21("li", {
                         className: "flex gap-3",
                         children: [
-                          /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                          /* @__PURE__ */ jsxDEV21(CheckCircle5, {
                             size: 16,
                             className: "mt-0.5 flex-shrink-0 text-emerald-400"
                           }, undefined, false, undefined, this),
@@ -4455,7 +3548,7 @@ var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
                       /* @__PURE__ */ jsxDEV21("li", {
                         className: "flex gap-3",
                         children: [
-                          /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                          /* @__PURE__ */ jsxDEV21(CheckCircle5, {
                             size: 16,
                             className: "mt-0.5 flex-shrink-0 text-emerald-400"
                           }, undefined, false, undefined, this),
@@ -4483,7 +3576,7 @@ var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
                       /* @__PURE__ */ jsxDEV21("li", {
                         className: "flex gap-3",
                         children: [
-                          /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                          /* @__PURE__ */ jsxDEV21(CheckCircle5, {
                             size: 16,
                             className: "mt-0.5 flex-shrink-0 text-emerald-400"
                           }, undefined, false, undefined, this),
@@ -4493,7 +3586,7 @@ var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
                       /* @__PURE__ */ jsxDEV21("li", {
                         className: "flex gap-3",
                         children: [
-                          /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                          /* @__PURE__ */ jsxDEV21(CheckCircle5, {
                             size: 16,
                             className: "mt-0.5 flex-shrink-0 text-emerald-400"
                           }, undefined, false, undefined, this),
@@ -4503,7 +3596,7 @@ var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
                       /* @__PURE__ */ jsxDEV21("li", {
                         className: "flex gap-3",
                         children: [
-                          /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                          /* @__PURE__ */ jsxDEV21(CheckCircle5, {
                             size: 16,
                             className: "mt-0.5 flex-shrink-0 text-emerald-400"
                           }, undefined, false, undefined, this),
@@ -4659,7 +3752,7 @@ var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
                     ].map((item, i) => /* @__PURE__ */ jsxDEV21("li", {
                       className: "flex gap-3",
                       children: [
-                        /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                        /* @__PURE__ */ jsxDEV21(CheckCircle5, {
                           size: 16,
                           className: "mt-0.5 flex-shrink-0 text-pink-400"
                         }, undefined, false, undefined, this),
@@ -4687,7 +3780,7 @@ var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
                     ].map((item, i) => /* @__PURE__ */ jsxDEV21("li", {
                       className: "flex gap-3",
                       children: [
-                        /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                        /* @__PURE__ */ jsxDEV21(CheckCircle5, {
                           size: 16,
                           className: "mt-0.5 flex-shrink-0 text-pink-400"
                         }, undefined, false, undefined, this),
@@ -4777,7 +3870,7 @@ var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
           /* @__PURE__ */ jsxDEV21("div", {
             className: "flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row",
             children: [
-              /* @__PURE__ */ jsxDEV21(Link3, {
+              /* @__PURE__ */ jsxDEV21(Link4, {
                 href: "/install",
                 className: "btn-primary inline-flex items-center gap-2",
                 children: [
@@ -4787,10 +3880,10 @@ var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV21(Link3, {
-                href: "/contact#waitlist",
+              /* @__PURE__ */ jsxDEV21(Link4, {
+                href: "https://app.contractspec.studio",
                 className: "btn-ghost",
-                children: "Join Studio Waitlist"
+                children: "Try Studio"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this)
@@ -4914,10 +4007,10 @@ var TemplatePreviewModal = ({
 };
 
 // src/components/templates/TemplatesClientPage.tsx
-import { useState as useState3 } from "react";
+import { useState as useState2 } from "react";
 import { Search } from "lucide-react";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
-import Link4 from "next/link";
+import Link5 from "next/link";
 import { useRegistryTemplates } from "@contractspec/lib.example-shared-ui";
 import { getTemplate } from "@contractspec/module.examples";
 import {
@@ -5127,12 +4220,12 @@ var allTags = [
   "Platform"
 ];
 var TemplatesPage = () => {
-  const [selectedTag, setSelectedTag] = useState3(null);
-  const [search, setSearch] = useState3("");
-  const [preview, setPreview] = useState3(null);
-  const [waitlistModalOpen, setWaitlistModalOpen] = useState3(false);
-  const [source, setSource] = useState3("local");
-  const [selectedTemplateForCommand, setSelectedTemplateForCommand] = useState3(null);
+  const [selectedTag, setSelectedTag] = useState2(null);
+  const [search, setSearch] = useState2("");
+  const [preview, setPreview] = useState2(null);
+  const [studioSignupModalOpen, setStudioSignupModalOpen] = useState2(false);
+  const [source, setSource] = useState2("local");
+  const [selectedTemplateForCommand, setSelectedTemplateForCommand] = useState2(null);
   const { data: registryTemplates = [], isLoading: registryLoading } = useRegistryTemplates();
   const filtered = templates.filter((t) => {
     const matchTag = !selectedTag || t.tags.includes(selectedTag);
@@ -5473,7 +4566,7 @@ var TemplatesPage = () => {
                           className: "text-muted-foreground text-sm",
                           children: "Connect Stripe to any template for payment processing, subscriptions, and invoicing. Type-safe and policy-enforced."
                         }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV23(Link4, {
+                        /* @__PURE__ */ jsxDEV23(Link5, {
                           href: "/docs/integrations/stripe",
                           className: "inline-flex items-center gap-1 text-sm text-violet-400 hover:text-violet-300",
                           children: "Learn more →"
@@ -5495,7 +4588,7 @@ var TemplatesPage = () => {
                           className: "text-muted-foreground text-sm",
                           children: "Send transactional emails via Postmark or Resend. Process inbound emails with Gmail API. SMS via Twilio."
                         }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV23(Link4, {
+                        /* @__PURE__ */ jsxDEV23(Link5, {
                           href: "/docs/integrations",
                           className: "inline-flex items-center gap-1 text-sm text-violet-400 hover:text-violet-300",
                           children: "View integrations →"
@@ -5517,7 +4610,7 @@ var TemplatesPage = () => {
                           className: "text-muted-foreground text-sm",
                           children: "Power templates with OpenAI, vector search via Qdrant, and structured knowledge spaces for context-aware workflows."
                         }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV23(Link4, {
+                        /* @__PURE__ */ jsxDEV23(Link5, {
                           href: "/docs/knowledge",
                           className: "inline-flex items-center gap-1 text-sm text-violet-400 hover:text-violet-300",
                           children: "Learn about knowledge →"
@@ -5533,7 +4626,7 @@ var TemplatesPage = () => {
                       className: "text-muted-foreground mb-4 text-sm",
                       children: "All integrations are configured per-tenant with automatic health checks and credential rotation."
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV23(Link4, {
+                    /* @__PURE__ */ jsxDEV23(Link5, {
                       href: "/docs/architecture",
                       className: "btn-primary",
                       children: "View Architecture"
@@ -5552,22 +4645,22 @@ var TemplatesPage = () => {
         }
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV23(Dialog3, {
-        open: waitlistModalOpen,
-        onOpenChange: setWaitlistModalOpen,
+        open: studioSignupModalOpen,
+        onOpenChange: setStudioSignupModalOpen,
         children: /* @__PURE__ */ jsxDEV23(DialogContent3, {
           className: "max-h-[90vh] max-w-2xl overflow-y-auto",
           children: [
             /* @__PURE__ */ jsxDEV23(DialogHeader2, {
               children: [
                 /* @__PURE__ */ jsxDEV23(DialogTitle2, {
-                  children: "Early Access Required"
+                  children: "Deploy in Studio"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV23(DialogDescription2, {
-                  children: "ContractSpec Studio is in early access. Join the waitlist to deploy projects to our managed cloud."
+                  children: "Deploy templates in ContractSpec Studio and run the full evidence-to-spec loop with your team."
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV23(WaitlistSection, {
+            /* @__PURE__ */ jsxDEV23(StudioSignupSection, {
               variant: "compact"
             }, undefined, false, undefined, this)
           ]
@@ -5640,9 +4733,9 @@ var TemplatesPage = () => {
                       templateId: commandId
                     });
                     setSelectedTemplateForCommand(null);
-                    setWaitlistModalOpen(true);
+                    setStudioSignupModalOpen(true);
                   },
-                  children: "Deploy to Studio (Waitlist)"
+                  children: "Deploy to Studio"
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this)
@@ -5654,11 +4747,11 @@ var TemplatesPage = () => {
 };
 
 // src/components/templates/TemplatesPage.tsx
-import { useMemo as useMemo2, useState as useState4 } from "react";
+import { useMemo as useMemo2, useState as useState3 } from "react";
 import {
   Button as Button5,
   ButtonLink as ButtonLink6,
-  Input as Input3,
+  Input as Input2,
   MarketingCard as MarketingCard2,
   MarketingCardContent as MarketingCardContent2,
   MarketingCardDescription,
@@ -5668,7 +4761,7 @@ import {
 } from "@contractspec/lib.design-system";
 import { HStack as HStack4, VStack as VStack8 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { listTemplates } from "@contractspec/module.examples";
-import { jsxDEV as jsxDEV24, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV24, Fragment } from "react/jsx-dev-runtime";
 "use client";
 function matchesQuery(t, query) {
   const q = query.trim().toLowerCase();
@@ -5678,10 +4771,10 @@ function matchesQuery(t, query) {
   return hay.includes(q);
 }
 function TemplatesMarketingPage() {
-  const [query, setQuery] = useState4("");
+  const [query, setQuery] = useState3("");
   const templates2 = useMemo2(() => listTemplates(), []);
   const filtered = useMemo2(() => templates2.filter((t) => matchesQuery(t, query)), [templates2, query]);
-  return /* @__PURE__ */ jsxDEV24(Fragment2, {
+  return /* @__PURE__ */ jsxDEV24(Fragment, {
     children: [
       /* @__PURE__ */ jsxDEV24(MarketingSection5, {
         tone: "default",
@@ -5736,7 +4829,7 @@ function TemplatesMarketingPage() {
               align: "center",
               justify: "between",
               wrap: "wrap",
-              children: /* @__PURE__ */ jsxDEV24(Input3, {
+              children: /* @__PURE__ */ jsxDEV24(Input2, {
                 "aria-label": "Search templates and examples",
                 placeholder: "Search templates and examples…",
                 value: query,