@contractspec/bundle.marketing 3.7.5 → 3.7.7

package/dist/browser/components/marketing/PricingClient.js

@@ -7,9 +7,8 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/components/marketing/studio-signup-section.tsx
+import { ArrowRight, Sparkles } from "lucide-react";
 import Link from "next/link";
-import { ArrowRight, Rocket } from "lucide-react";
-import { Button } from "@contractspec/lib.design-system";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 var studioUrl = "https://www.contractspec.studio";
@@ -20,62 +19,47 @@ function StudioSignupSection({
   const isCompact = variant === "compact";
   return /* @__PURE__ */ jsxDEV("div", {
     id: "studio-signup",
-    className: isCompact ? "space-y-4" : "card-subtle space-y-6 p-8",
+    className: `${isCompact ? "space-y-5 rounded-[28px] border border-border bg-card p-6" : "editorial-panel space-y-6"}`,
     children: [
       /* @__PURE__ */ jsxDEV("div", {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsxDEV("div", {
-            className: "inline-flex items-center gap-2 rounded-full border border-violet-500/20 bg-violet-500/10 px-3 py-1",
+            className: "badge",
             children: [
-              /* @__PURE__ */ jsxDEV(Rocket, {
-                size: 14,
-                className: "text-violet-300"
+              /* @__PURE__ */ jsxDEV(Sparkles, {
+                size: 14
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("span", {
-                className: "text-sm font-medium text-violet-300",
-                children: "ContractSpec Studio"
-              }, undefined, false, undefined, this)
+              "Studio on top"
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV("h2", {
-            className: isCompact ? "text-xl font-bold" : "text-2xl font-bold",
-            children: "Try ContractSpec Studio"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground text-sm",
-            children: "The AI-powered product decision engine that turns product signals into spec-first deliverables."
+            className: isCompact ? "font-serif text-3xl tracking-[-0.04em]" : "font-serif text-4xl tracking-[-0.04em]",
+            children: "See the operating layer built on top of the open system."
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground text-xs",
-            children: "Evidence -> Correlation -> Decision -> Change -> Export -> Check -> Notify -> Autopilot"
+            className: "text-muted-foreground text-sm leading-7",
+            children: "Studio packages the workflow for evidence, drafting, review, export, and follow-up. It should feel like the best product built on top of ContractSpec, not a different story."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV("div", {
-        className: "flex flex-col gap-3 sm:flex-row",
+        className: "grid gap-3 sm:grid-cols-2",
         children: [
-          /* @__PURE__ */ jsxDEV(Button, {
-            asChild: true,
-            className: "w-full sm:w-auto",
-            children: /* @__PURE__ */ jsxDEV(Link, {
-              href: studioUrl,
-              children: [
-                "Get Started Free ",
-                /* @__PURE__ */ jsxDEV(ArrowRight, {
-                  className: "ml-2 h-4 w-4"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Button, {
-            asChild: true,
-            variant: "outline",
-            className: "w-full sm:w-auto",
-            children: /* @__PURE__ */ jsxDEV(Link, {
-              href: studioDocsUrl,
-              children: "Read Studio Docs"
-            }, undefined, false, undefined, this)
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: studioUrl,
+            className: "btn-primary",
+            children: [
+              "Explore Studio ",
+              /* @__PURE__ */ jsxDEV(ArrowRight, {
+                className: "ml-2 h-4 w-4"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: studioDocsUrl,
+            className: "btn-ghost",
+            children: "Read Studio docs"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)
@@ -83,866 +67,256 @@ function StudioSignupSection({
   }, undefined, true, undefined, this);
 }
 
-// src/libs/pricing-examples.ts
-var PRICING_EXAMPLES = {
-  free: {
-    regenerationsPerMonth: 200,
-    aiActionsPerMonth: 100,
-    projects: 1
-  },
-  builder: {
-    regenerationsPerMonthHint: "1,000–2,000+",
-    aiActionsPerMonthHint: "1,000+"
-  },
-  team: {
-    description: "Higher limits + cheaper per-regen at scale"
-  }
-};
-
-// src/components/marketing/pricing-thinking-modal.tsx
-import { CheckCircle } from "lucide-react";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle
-} from "@contractspec/lib.ui-kit-web/ui/dialog";
-import { Button as Button2 } from "@contractspec/lib.design-system";
+// src/components/marketing/PricingClient.tsx
+import { ChevronDown, ChevronRight } from "lucide-react";
+import Link2 from "next/link";
+import { useState } from "react";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
-var pricingTiers = [
+var faqs = [
   {
-    tag: "Planned",
-    title: "Free",
-    priceLine: "For hobbyists and pre-PMF teams",
-    bullets: [
-      "1 active project",
-      "Small spec size",
-      `Example: ~${PRICING_EXAMPLES.free.regenerationsPerMonth} free regenerations per month`,
-      `Example: ~${PRICING_EXAMPLES.free.aiActionsPerMonth} free AI agent actions per month`,
-      "Unlimited collaborators"
-    ],
-    note: "Good enough to build and launch a real product before paying."
+    question: "What stays free?",
+    answer: "The OSS foundation stays free. Teams can adopt contracts, generation, runtime adapters, and the core package ecosystem without crossing into a paid product loop."
   },
   {
-    tag: "Planned",
-    title: "Builder",
-    priceLine: "Usage-based, for solo builders and small teams",
-    bullets: [
-      "More projects",
-      `More monthly regenerations included (e.g. ${PRICING_EXAMPLES.builder.regenerationsPerMonthHint})`,
-      `More AI agent actions included (e.g. ${PRICING_EXAMPLES.builder.aiActionsPerMonthHint})`,
-      "Pay-as-you-go for extra regenerations and AI",
-      "Basic environments (dev / prod)"
-    ],
-    note: "Pay for how fast and how often you evolve your system, not for seats."
+    question: "What is Studio charging for?",
+    answer: "Studio is the operating layer: the packaged workflow for evidence, drafts, review, export, and follow-up on top of the same open system."
   },
   {
-    tag: "Planned",
-    title: "Team & Platform",
-    priceLine: "For teams standardizing on ContractSpec",
-    bullets: [
-      "Multiple projects and environments",
-      "Higher regeneration and AI action limits",
-      "Cheaper overages as you scale",
-      "Advanced RBAC and governance",
-      "SSO, audit trails, and longer retention"
-    ],
-    note: "For platform teams using ContractSpec as infra for multiple apps."
+    question: "Why not price the OSS layer?",
+    answer: "The GTM works better when technical adopters can prove the foundation in the open, keep their leverage, and only pay when the operating product removes enough operational work."
+  },
+  {
+    question: "Who should talk to you now?",
+    answer: "Teams already running AI-heavy product or ops workflows, especially those who feel drift, unsafe regeneration, or coordination pain across multiple surfaces."
   }
 ];
-var usageMetrics = [
+var packages = [
   {
-    name: "Regenerations",
-    freeTier: `Free tier: e.g. ~${PRICING_EXAMPLES.free.regenerationsPerMonth} regenerations / month`,
-    beyond: "Beyond: pay per additional regeneration, with volume discounts."
-  },
-  {
-    name: "AI agent actions",
-    freeTier: `Free tier: e.g. ~${PRICING_EXAMPLES.free.aiActionsPerMonth} AI agent actions / month`,
-    beyond: "Beyond: pay-as-you-go for extra AI usage."
+    name: "OSS/Core",
+    subtitle: "Free and open",
+    description: "Use the open system when you want explicit contracts, safe regeneration, and standard outputs the team owns.",
+    items: [
+      "Contracts, generation, runtime adapters, harnesses, and agent tooling",
+      "Incremental adoption inside existing codebases",
+      "Local and CI-friendly workflows",
+      "No forced hosted runtime or locked delivery path"
+    ],
+    cta: {
+      label: "Start with OSS",
+      href: "/install",
+      className: "btn-primary"
+    }
   },
   {
-    name: "Projects",
-    freeTier: `Free tier: ${PRICING_EXAMPLES.free.projects} project`,
-    beyond: "Builder / Team: more projects included; extra projects available as you scale."
+    name: "Studio",
+    subtitle: "Operating product",
+    description: "Use Studio when you want the product layer for evidence, drafting, review, exports, and follow-up.",
+    items: [
+      "Packaged operating loop on top of the same open system",
+      "Opinionated team workflows and governance surfaces",
+      "Faster coordination for teams running real product or ops loops",
+      "Design partner and rollout paths for teams with live complexity"
+    ],
+    cta: {
+      label: "Explore Studio",
+      href: "https://www.contractspec.studio",
+      className: "btn-ghost"
+    }
   }
 ];
-function PricingThinkingModal({
-  open,
-  onOpenChange,
-  onApplyClick
-}) {
-  return /* @__PURE__ */ jsxDEV2(Dialog, {
-    open,
-    onOpenChange,
-    children: /* @__PURE__ */ jsxDEV2(DialogContent, {
-      className: "max-h-[90vh] w-full overflow-y-auto md:max-w-5xl",
-      children: [
-        /* @__PURE__ */ jsxDEV2(DialogHeader, {
-          children: [
-            /* @__PURE__ */ jsxDEV2(DialogTitle, {
-              children: "Tentative pricing (work in progress)"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV2(DialogDescription, {
-              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),
-        /* @__PURE__ */ jsxDEV2("div", {
-          className: "space-y-8",
+function PricingClient() {
+  const [openFaq, setOpenFaq] = useState(0);
+  return /* @__PURE__ */ jsxDEV2("main", {
+    children: [
+      /* @__PURE__ */ jsxDEV2("section", {
+        className: "section-padding hero-gradient border-border/70 border-b",
+        children: /* @__PURE__ */ jsxDEV2("div", {
+          className: "editorial-shell grid gap-8 lg:grid-cols-[1.05fr_0.95fr]",
           children: [
             /* @__PURE__ */ jsxDEV2("div", {
-              className: "space-y-4",
-              children: [
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: "flex items-center gap-2",
-                  children: [
-                    /* @__PURE__ */ jsxDEV2("span", {
-                      className: "text-muted-foreground text-xs font-medium",
-                      children: "Draft"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV2("span", {
-                      className: "text-muted-foreground text-xs",
-                      children: "•"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV2("span", {
-                      className: "text-muted-foreground text-xs",
-                      children: "Subject to change"
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: "grid gap-4 md:grid-cols-3",
-                  children: pricingTiers.map((tier) => /* @__PURE__ */ jsxDEV2("div", {
-                    className: "card-subtle relative space-y-4 p-6",
-                    children: [
-                      /* @__PURE__ */ jsxDEV2("div", {
-                        className: "bg-muted border-border absolute -top-2 left-1/2 -translate-x-1/2 rounded-full border px-2 py-0.5 text-xs font-medium",
-                        children: tier.tag
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("div", {
-                        className: "space-y-2 pt-2",
-                        children: [
-                          /* @__PURE__ */ jsxDEV2("h3", {
-                            className: "text-xl font-bold",
-                            children: tier.title
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV2("p", {
-                            className: "text-muted-foreground text-sm",
-                            children: tier.priceLine
-                          }, undefined, false, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("ul", {
-                        className: "space-y-2",
-                        children: tier.bullets.map((bullet, i) => /* @__PURE__ */ jsxDEV2("li", {
-                          className: "text-muted-foreground flex gap-2 text-sm",
-                          children: [
-                            /* @__PURE__ */ jsxDEV2(CheckCircle, {
-                              size: 14,
-                              className: "mt-0.5 shrink-0 text-violet-400"
-                            }, undefined, false, undefined, this),
-                            bullet
-                          ]
-                        }, i, true, undefined, this))
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
-                        className: "text-muted-foreground text-xs italic",
-                        children: tier.note
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, tier.title, true, undefined, this))
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV2("div", {
-              className: "border-border space-y-4 border-t pt-6",
+              className: "space-y-6",
               children: [
+                /* @__PURE__ */ jsxDEV2("p", {
+                  className: "editorial-kicker",
+                  children: "Packaging, not upsell fog"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV2("h1", {
+                  className: "editorial-title max-w-4xl",
+                  children: "The open system is how teams start. Studio is how some teams operate."
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV2("p", {
+                  className: "editorial-subtitle",
+                  children: "Pricing should reflect the product split honestly. The OSS layer is the open foundation. Studio is the paid operating surface when the team wants a packaged workflow on top."
+                }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV2("div", {
+                  className: "flex flex-col gap-3 sm:flex-row",
                   children: [
-                    /* @__PURE__ */ jsxDEV2("h3", {
-                      className: "text-lg font-bold",
-                      children: "Usage-based, with a generous free tier"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV2("p", {
-                      className: "text-muted-foreground mt-2 text-sm",
-                      children: "Inspired by products like PostHog, we plan to keep a generous free tier on all plans, then charge based on actual usage: regenerations, AI agent actions, and the number of projects you run on ContractSpec."
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV2("p", {
-                      className: "text-muted-foreground mt-3 text-xs italic",
-                      children: "Free tier limits are intentionally small but useful: enough to try the agent and regenerate a real project, not enough to run a full team's workload for free."
+                    /* @__PURE__ */ jsxDEV2(Link2, {
+                      href: "/install",
+                      className: "btn-primary",
+                      children: [
+                        "Start with OSS ",
+                        /* @__PURE__ */ jsxDEV2(ChevronRight, {
+                          className: "ml-2 h-4 w-4"
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV2(Link2, {
+                      href: "https://www.contractspec.studio",
+                      className: "btn-ghost",
+                      children: "Explore Studio"
                     }, undefined, false, undefined, this)
                   ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: "grid gap-4 md:grid-cols-3",
-                  children: usageMetrics.map((metric) => /* @__PURE__ */ jsxDEV2("div", {
-                    className: "card-subtle space-y-2 p-4",
-                    children: [
-                      /* @__PURE__ */ jsxDEV2("h4", {
-                        className: "text-sm font-semibold",
-                        children: metric.name
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
-                        className: "text-muted-foreground text-xs",
-                        children: metric.freeTier
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2("p", {
-                        className: "text-muted-foreground text-xs",
-                        children: metric.beyond
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, metric.name, true, undefined, this))
-                }, undefined, false, undefined, this)
+                }, undefined, true, undefined, this)
               ]
             }, undefined, true, undefined, this),
             /* @__PURE__ */ jsxDEV2("div", {
-              className: "border-border space-y-4 border-t pt-6",
+              className: "editorial-panel space-y-5",
               children: [
                 /* @__PURE__ */ jsxDEV2("p", {
-                  className: "text-muted-foreground text-xs",
-                  children: "These numbers are examples only. Final pricing and limits will evolve as we learn from design partners."
+                  className: "editorial-kicker",
+                  children: "Current GTM"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV2("p", {
-                  className: "text-muted-foreground text-xs",
-                  children: "This is a tentative pricing model. We're pre-PMF and pricing is still in draft, subject to change based on what we learn."
+                /* @__PURE__ */ jsxDEV2("h2", {
+                  className: "editorial-panel-title",
+                  children: "Earn trust in the open, then earn the right to sell the operating product."
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV2("p", {
-                  className: "text-muted-foreground text-xs",
-                  children: "Design partners get priority onboarding and partner incentives as paid plans launch."
-                }, undefined, false, undefined, this),
-                onApplyClick && /* @__PURE__ */ jsxDEV2(Button2, {
-                  onClick: () => {
-                    onOpenChange(false);
-                    onApplyClick();
-                  },
-                  className: "w-full",
-                  variant: "outline",
-                  children: "Try Studio"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
-}
-
-// src/components/marketing/PricingClient.tsx
-import { useState } from "react";
-import Link2 from "next/link";
-import { CheckCircle as CheckCircle2, ChevronDown, ChevronRight } from "lucide-react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-"use client";
-var faqs = [
-  {
-    question: "Can I use ContractSpec Studio today?",
-    answer: "Yes. ContractSpec Studio is live at www.contractspec.studio. Start with the free tier and upgrade as paid plans roll out."
-  },
-  {
-    question: "What will you charge for later?",
-    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 roadmap priorities, hands-on onboarding, and priority support. You also help shape Studio workflows before broad rollout."
-  },
-  {
-    question: "Will you ever charge per seat?",
-    answer: "No. We want everyone in your team to use ContractSpec without friction. Pricing is tied to how much of your system we help you maintain, not how many teammates you invite."
-  }
-];
-function PricingClient() {
-  const [openFaq, setOpenFaq] = useState(null);
-  const [pricingModalOpen, setPricingModalOpen] = useState(false);
-  const openStudio = () => {
-    window.open("https://www.contractspec.studio", "_blank", "noopener,noreferrer");
-  };
-  return /* @__PURE__ */ jsxDEV3("main", {
-    className: "",
-    children: [
-      /* @__PURE__ */ jsxDEV3("section", {
-        className: "section-padding hero-gradient relative",
-        children: /* @__PURE__ */ jsxDEV3("div", {
-          className: "mx-auto max-w-4xl space-y-6 text-center",
-          children: [
-            /* @__PURE__ */ jsxDEV3("h1", {
-              className: "text-5xl leading-tight font-bold md:text-6xl",
-              children: "Transparent, usage-based pricing – after we earn it."
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV3("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 is live, with paid plans rolling out progressively."
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV3("div", {
-              className: "flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row",
-              children: [
-                /* @__PURE__ */ jsxDEV3(Link2, {
-                  href: "/install",
-                  className: "btn-primary inline-flex items-center gap-2",
-                  children: [
-                    "Install OSS Core ",
-                    /* @__PURE__ */ jsxDEV3(ChevronRight, {
-                      size: 16
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV3(Link2, {
-                  href: "https://www.contractspec.studio",
-                  className: "btn-ghost inline-flex items-center gap-2",
-                  children: "Try Studio Free"
+                  className: "text-muted-foreground text-sm leading-7",
+                  children: "This page should make the ladder clear: prove the OSS foundation first, then package the workflow that removes operational drag for teams that need more."
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this)
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("section", {
-        className: "section-padding border-border border-b",
-        children: /* @__PURE__ */ jsxDEV3("div", {
-          className: "mx-auto max-w-6xl",
-          children: /* @__PURE__ */ jsxDEV3("div", {
-            className: "card-subtle flex flex-col gap-6 p-8 md:flex-row md:items-center",
+      /* @__PURE__ */ jsxDEV2("section", {
+        className: "editorial-section",
+        children: /* @__PURE__ */ jsxDEV2("div", {
+          className: "editorial-shell grid gap-6 lg:grid-cols-2",
+          children: packages.map((pkg) => /* @__PURE__ */ jsxDEV2("div", {
+            className: "editorial-panel space-y-6",
             children: [
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "flex-1 space-y-4",
+              /* @__PURE__ */ jsxDEV2("div", {
+                className: "space-y-3",
                 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: "Now accepting design partners"
-                    }, undefined, false, undefined, this)
+                  /* @__PURE__ */ jsxDEV2("p", {
+                    className: "editorial-kicker",
+                    children: pkg.subtitle
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("h2", {
-                    className: "text-2xl font-bold",
-                    children: "Help us design the compiler for AI-native software."
+                  /* @__PURE__ */ jsxDEV2("h2", {
+                    className: "font-serif text-4xl tracking-[-0.04em]",
+                    children: pkg.name
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("p", {
-                    className: "text-muted-foreground text-sm",
-                    children: "We work closely with a small group of teams building serious products with AI. You bring real-world complexity, we bring the spec-first engine and a lot of attention."
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "flex-1 space-y-4",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("ul", {
-                    className: "text-muted-foreground space-y-2 text-sm",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "flex gap-2",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "Priority access to new Studio capabilities"
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "flex gap-2",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "Hands-on onboarding and architecture help"
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "flex gap-2",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "Influence over roadmap and features"
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "flex gap-2",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "Priority support through direct channels"
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "flex gap-2",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "Pricing input and partner incentives"
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(Link2, {
-                    href: "/design-partner",
-                    className: "btn-primary w-full md:w-auto",
-                    children: "Apply as a design partner"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("section", {
-        className: "section-padding border-border border-b",
-        children: /* @__PURE__ */ jsxDEV3("div", {
-          className: "mx-auto max-w-6xl",
-          children: /* @__PURE__ */ jsxDEV3("div", {
-            className: "grid gap-6 md:grid-cols-3",
-            children: [
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "card-subtle col-span-3 space-y-6 border-violet-500/20 p-6",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("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: [
-                      /* @__PURE__ */ jsxDEV3("div", {
-                        className: "text-1xl font-bold",
-                        children: "Free Forever"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("p", {
-                        className: "text-muted-foreground text-xs",
-                        children: "Apache 2.0 / MIT License"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "flex flex-row justify-around",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("div", {
-                        className: "w-1/2",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3("div", {
-                            className: "space-y-2",
-                            children: /* @__PURE__ */ jsxDEV3("h2", {
-                              className: "text-2xl font-bold",
-                              children: "OSS Core"
-                            }, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("p", {
-                            className: "text-muted-foreground text-sm",
-                            children: "The complete spec-first compiler. Generate API, DB, and UI code locally."
-                          }, undefined, false, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("ul", {
-                        className: "space-y-3",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3("li", {
-                            className: "text-muted-foreground flex gap-3 text-sm",
-                            children: [
-                              /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                                size: 16,
-                                className: "mt-0.5 shrink-0 text-violet-400"
-                              }, undefined, false, undefined, this),
-                              "Unlimited local regenerations"
-                            ]
-                          }, undefined, true, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("li", {
-                            className: "text-muted-foreground flex gap-3 text-sm",
-                            children: [
-                              /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                                size: 16,
-                                className: "mt-0.5 shrink-0 text-violet-400"
-                              }, undefined, false, undefined, this),
-                              "All standard generators included"
-                            ]
-                          }, undefined, true, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("li", {
-                            className: "text-muted-foreground flex gap-3 text-sm",
-                            children: [
-                              /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                                size: 16,
-                                className: "mt-0.5 shrink-0 text-violet-400"
-                              }, undefined, false, undefined, this),
-                              "Run in your own CI/CD"
-                            ]
-                          }, undefined, true, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("li", {
-                            className: "text-muted-foreground flex gap-3 text-sm",
-                            children: [
-                              /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                                size: 16,
-                                className: "mt-0.5 shrink-0 text-violet-400"
-                              }, undefined, false, undefined, this),
-                              "Community support"
-                            ]
-                          }, undefined, true, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(Link2, {
-                    href: "/install",
-                    className: "btn-ghost w-full",
-                    children: "Install now"
+                  /* @__PURE__ */ jsxDEV2("p", {
+                    className: "text-muted-foreground text-sm leading-7",
+                    children: pkg.description
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "card-subtle relative space-y-6 bg-violet-500/5 p-6 ring-2 ring-violet-500",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("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: "Live program"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("h2", {
-                        className: "text-2xl font-bold",
-                        children: "Design Partner"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("div", {
-                        className: "space-y-1",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3("div", {
-                            className: "text-2xl font-bold",
-                            children: "Invite-based"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV3("p", {
-                            className: "text-muted-foreground text-xs",
-                            children: "Built for teams shaping the next Studio capabilities"
-                          }, undefined, false, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("ul", {
-                    className: "space-y-3",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "text-muted-foreground flex gap-3 text-sm",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "Use ContractSpec Studio for real projects"
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "text-muted-foreground flex gap-3 text-sm",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "Work directly with the team on architecture and workflow design"
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "text-muted-foreground flex gap-3 text-sm",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "Access to partner-only previews and feedback loops"
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "text-muted-foreground flex gap-3 text-sm",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "Priority support and roadmap influence"
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(Link2, {
-                    href: "/design-partner",
-                    className: "btn-primary w-full",
-                    children: "Apply as a design partner"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "card-subtle relative space-y-6 p-6",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "bg-muted border-border absolute -top-3 left-1/2 -translate-x-1/2 rounded-full border px-3 py-1 text-xs font-medium",
-                    children: "Coming soon"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("h2", {
-                        className: "text-2xl font-bold",
-                        children: "Builder"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("div", {
-                        className: "space-y-1",
-                        children: /* @__PURE__ */ jsxDEV3("div", {
-                          className: "text-2xl font-bold",
-                          children: "Usage-based, for solo builders and small teams"
-                        }, undefined, false, undefined, this)
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("p", {
-                    className: "text-muted-foreground text-sm",
-                    children: "Pay only for what you regenerate and the AI you consume. No seat-based pricing, and a generous free tier for experiments."
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("ul", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "text-muted-foreground text-sm",
-                        children: "1–3 projects"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "text-muted-foreground text-sm",
-                        children: "Generous monthly free regenerations"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "text-muted-foreground text-sm",
-                        children: "Pay-as-you-go beyond the free tier"
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("button", {
-                    disabled: true,
-                    className: "btn-ghost w-full cursor-not-allowed opacity-50",
-                    children: "Available after pricing rollout"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV3("div", {
-                className: "card-subtle relative space-y-6 p-6",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "bg-muted border-border absolute -top-3 left-1/2 -translate-x-1/2 rounded-full border px-3 py-1 text-xs font-medium",
-                    children: "Coming soon"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("h2", {
-                        className: "text-2xl font-bold",
-                        children: "Team & Platform"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("div", {
-                        className: "space-y-1",
-                        children: /* @__PURE__ */ jsxDEV3("div", {
-                          className: "text-2xl font-bold",
-                          children: "Custom, for teams standardizing on ContractSpec"
-                        }, undefined, false, undefined, this)
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("p", {
-                    className: "text-muted-foreground text-sm",
-                    children: "For teams running multiple apps or platforms on ContractSpec, with stricter governance, data, and compliance needs."
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("ul", {
-                    className: "space-y-3",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "text-muted-foreground flex gap-3 text-sm",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "Multiple projects and environments"
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "text-muted-foreground flex gap-3 text-sm",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "Advanced RBAC and policy packs"
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "text-muted-foreground flex gap-3 text-sm",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "SSO, audit trails, and longer retention"
-                        ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("li", {
-                        className: "text-muted-foreground flex gap-3 text-sm",
-                        children: [
-                          /* @__PURE__ */ jsxDEV3(CheckCircle2, {
-                            size: 16,
-                            className: "mt-0.5 shrink-0 text-violet-400"
-                          }, undefined, false, undefined, this),
-                          "Priority support & SLAs"
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV3(Link2, {
-                    href: "/contact",
-                    className: "btn-ghost w-full",
-                    children: "Talk to us"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
+              /* @__PURE__ */ jsxDEV2("ul", {
+                className: "editorial-list",
+                children: pkg.items.map((item) => /* @__PURE__ */ jsxDEV2("li", {
+                  children: [
+                    /* @__PURE__ */ jsxDEV2("span", {
+                      className: "editorial-list-marker"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV2("span", {
+                      children: item
+                    }, undefined, false, undefined, this)
+                  ]
+                }, item, true, undefined, this))
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2(Link2, {
+                href: pkg.cta.href,
+                className: pkg.cta.className,
+                children: pkg.cta.label
+              }, undefined, false, undefined, this)
             ]
-          }, undefined, true, undefined, this)
+          }, pkg.name, true, undefined, this))
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("section", {
-        className: "section-padding border-border bg-muted/20 border-b",
-        children: /* @__PURE__ */ jsxDEV3("div", {
-          className: "mx-auto max-w-4xl space-y-8",
+      /* @__PURE__ */ jsxDEV2("section", {
+        className: "editorial-section bg-striped",
+        children: /* @__PURE__ */ jsxDEV2("div", {
+          className: "editorial-shell grid gap-8 lg:grid-cols-[0.95fr_1.05fr]",
           children: [
-            /* @__PURE__ */ jsxDEV3("div", {
-              className: "space-y-4 text-center",
+            /* @__PURE__ */ jsxDEV2("div", {
+              className: "space-y-4",
               children: [
-                /* @__PURE__ */ jsxDEV3("h2", {
-                  className: "text-3xl font-bold",
-                  children: "How ContractSpec pricing works now and next"
+                /* @__PURE__ */ jsxDEV2("p", {
+                  className: "editorial-kicker",
+                  children: "Design partner path"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV3("p", {
-                  className: "text-muted-foreground mx-auto max-w-2xl text-lg",
-                  children: "We charge based on how much of your stack we help you maintain, not how many people click around in the UI."
+                /* @__PURE__ */ jsxDEV2("h2", {
+                  className: "font-serif text-4xl tracking-[-0.04em] md:text-5xl",
+                  children: "For teams already carrying real AI-native complexity."
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV2("p", {
+                  className: "editorial-copy",
+                  children: "The design partner path exists for teams that need the operating layer now and are willing to shape it with us. That is not “enterprise later” positioning. It is a practical way to learn from the hardest live workflows first."
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV2(Link2, {
+                  href: "/design-partner",
+                  className: "btn-primary",
+                  children: "Apply as a design partner"
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV3("div", {
-              className: "grid gap-6 md:grid-cols-3",
-              children: [
-                /* @__PURE__ */ jsxDEV3("div", {
-                  className: "card-subtle space-y-3 p-6",
-                  children: [
-                    /* @__PURE__ */ jsxDEV3("h3", {
-                      className: "font-bold",
-                      children: "Generous free tier"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV3("p", {
-                      className: "text-muted-foreground text-sm",
-                      children: "One serious project, small spec, and enough monthly regenerations to ship something real."
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV3("div", {
-                  className: "card-subtle space-y-3 p-6",
-                  children: [
-                    /* @__PURE__ */ jsxDEV3("h3", {
-                      className: "font-bold",
-                      children: "Usage-based beyond free"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV3("p", {
-                      className: "text-muted-foreground text-sm",
-                      children: "You pay for regenerations and AI agent actions, not per-seat. The more your system evolves via ContractSpec, the more you pay."
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV3("div", {
-                  className: "card-subtle space-y-3 p-6",
-                  children: [
-                    /* @__PURE__ */ jsxDEV3("h3", {
-                      className: "font-bold",
-                      children: "No lock-in"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV3("p", {
-                      className: "text-muted-foreground text-sm",
-                      children: "Generated code is standard, readable, and exportable. If you leave, your app keeps running."
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this)
-              ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV3("div", {
-              className: "pt-6 text-center",
-              children: /* @__PURE__ */ jsxDEV3("button", {
-                onClick: () => setPricingModalOpen(true),
-                className: "btn-ghost",
-                children: "View our tentative pricing model"
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this)
+            /* @__PURE__ */ jsxDEV2(StudioSignupSection, {}, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("section", {
-        className: "section-padding border-border border-b",
-        children: /* @__PURE__ */ jsxDEV3("div", {
-          className: "mx-auto max-w-3xl space-y-8",
+      /* @__PURE__ */ jsxDEV2("section", {
+        className: "editorial-section",
+        children: /* @__PURE__ */ jsxDEV2("div", {
+          className: "editorial-shell grid gap-8 lg:grid-cols-[0.9fr_1.1fr]",
           children: [
-            /* @__PURE__ */ jsxDEV3("h2", {
-              className: "text-center text-3xl font-bold",
-              children: "Frequently asked questions"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV3("div", {
+            /* @__PURE__ */ jsxDEV2("div", {
               className: "space-y-4",
-              children: faqs.map((faq, i) => /* @__PURE__ */ jsxDEV3("div", {
-                className: "card-subtle overflow-hidden",
-                children: [
-                  /* @__PURE__ */ jsxDEV3("button", {
-                    onClick: () => setOpenFaq(openFaq === i ? null : i),
-                    className: "flex w-full items-center justify-between p-6 text-left",
-                    children: [
-                      /* @__PURE__ */ jsxDEV3("span", {
-                        className: "font-medium",
-                        children: faq.question
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3(ChevronDown, {
-                        size: 20,
-                        className: `text-muted-foreground transition-transform ${openFaq === i ? "rotate-180" : ""}`
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  openFaq === i && /* @__PURE__ */ jsxDEV3("div", {
-                    className: "text-muted-foreground px-6 pb-6 text-sm",
-                    children: faq.answer
-                  }, undefined, false, undefined, this)
-                ]
-              }, i, true, undefined, this))
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV3("div", {
-              className: "pt-4 text-center",
               children: [
-                /* @__PURE__ */ jsxDEV3("p", {
-                  className: "text-muted-foreground mb-2 text-sm",
-                  children: "Still unsure?"
+                /* @__PURE__ */ jsxDEV2("p", {
+                  className: "editorial-kicker",
+                  children: "FAQ"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV3(Link2, {
-                  href: "/contact",
-                  className: "text-sm font-medium text-violet-400 hover:text-violet-300",
-                  children: "Contact us →"
+                /* @__PURE__ */ jsxDEV2("h2", {
+                  className: "font-serif text-4xl tracking-[-0.04em] md:text-5xl",
+                  children: "Questions teams usually ask before they pick a side."
                 }, undefined, false, undefined, this)
               ]
-            }, undefined, true, undefined, this)
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV2("div", {
+              className: "space-y-3",
+              children: faqs.map((faq, index) => {
+                const isOpen = openFaq === index;
+                return /* @__PURE__ */ jsxDEV2("div", {
+                  className: "editorial-panel p-5",
+                  children: [
+                    /* @__PURE__ */ jsxDEV2("button", {
+                      type: "button",
+                      onClick: () => setOpenFaq(isOpen ? null : index),
+                      className: "flex w-full items-center justify-between gap-4 text-left",
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("span", {
+                          className: "font-medium text-lg",
+                          children: faq.question
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV2(ChevronDown, {
+                          className: `h-4 w-4 shrink-0 text-muted-foreground transition-transform ${isOpen ? "rotate-180" : ""}`
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    isOpen ? /* @__PURE__ */ jsxDEV2("p", {
+                      className: "mt-4 text-muted-foreground text-sm leading-7",
+                      children: faq.answer
+                    }, undefined, false, undefined, this) : null
+                  ]
+                }, faq.question, true, undefined, this);
+              })
+            }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("section", {
-        className: "section-padding hero-gradient",
-        children: /* @__PURE__ */ jsxDEV3("div", {
-          className: "mx-auto max-w-4xl",
-          children: /* @__PURE__ */ jsxDEV3(StudioSignupSection, {}, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3(PricingThinkingModal, {
-        open: pricingModalOpen,
-        onOpenChange: setPricingModalOpen,
-        onApplyClick: openStudio
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);