@mdxui/named 6.3.2 → 6.4.0

package/dist/styles.css

@@ -0,0 +1,319 @@
+/**
+ * @mdxui/named — named-agents theme envelope
+ * ============================================================================
+ *
+ * The named-agents baseline (https://named-agents.vercel.app, source on
+ * origin/main, Bryant's 2026-05-27 token + radii + mobile-padding polish) is a
+ * distinctive LIGHT design: cream surfaces, warm-ink text, a serif display face
+ * (Halant), a persimmon accent, and photographic hero artwork on large
+ * `--radius-image` masks.
+ *
+ * When the named dialect was packaged into @mdxui, its components were
+ * reimplemented against @mdxui/neo's GENERIC token vocabulary (`bg-background`,
+ * `text-foreground`, `text-muted-foreground`, `bg-card`, `border-border`,
+ * `var(--card)`, …) and shipped JSX-only. With no theme CSS the named subtree
+ * inherits whatever neo theme the host pins — typically a dark-neo surface — so
+ * the cream-serif baseline is lost.
+ *
+ * This file ships the token DEFINITIONS so the markup the package emits actually
+ * renders as the light baseline designed.
+ *
+ * Consume it from your Tailwind v4 entry (e.g. app/globals.css):
+ *
+ *     @import "@mdxui/named/styles.css";
+ *
+ * SCOPING (critical)
+ * ------------------
+ * Everything is scoped under `[data-dialect="named"]` — the wrapper
+ * `NamedAgentView` renders around the whole named arc. The named components
+ * reference neo's SHARED token names (`--background`, `--card`, `--foreground`,
+ * `--muted-foreground`, `--primary`, `--border`, …). The host pins those names
+ * globally for its OTHER dialects, and uses `@theme inline`, which can BAKE the
+ * value into the generated utility — a CSS-var swap alone may not retarget it.
+ * So this envelope does BOTH, defensively:
+ *
+ *   1. re-points the neo CSS vars inside the scope (covers var()-reading utils
+ *      + inline `var(--background)` / `var(--card)` styles the markup uses), and
+ *   2. ships the neo utilities the named markup references as explicit, SCOPED
+ *      class rules (`[data-dialect="named"] .bg-background { … }`). They win
+ *      inside the named subtree by selector specificity, are host-agnostic, and
+ *      leave every other archetype untouched.
+ *
+ * It also restores the two things a CSS envelope alone cannot: the Halant serif
+ * `.font-halant` display face (loaded via @font-face) and the baseline
+ * `--radius-section` / `--radius-image` radii.
+ *
+ * This is shipped as raw CSS (not precompiled). The @font-face rules and the
+ * plain class rules need no Tailwind processing; the consumer can `@import` it
+ * directly into its `@import "tailwindcss"` entry.
+ *
+ * Provenance: named-agents app/globals.css + app/layout.tsx + lib/persona.ts on
+ * origin/main (commits 51ee081 color-token-system v2, 62d6f04 tokenized radii,
+ * 87268fa mobile padding).
+ */
+
+/* ──────────────────────────────────────────────────────────────────
+   FONTS — Halant (serif display) + Atkinson Hyperlegible, self-contained.
+   The baseline loads Halant via next/font and Atkinson via @font-face. The
+   package can't rely on the host loading either, so the envelope ships both via
+   @font-face (Google Fonts woff2). @font-face has no ordering constraint
+   (unlike @import url()), so it is safe to drop anywhere in the consumer's entry.
+   ────────────────────────────────────────────────────────────────── */
+@font-face {
+  font-family: 'Halant';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('https://fonts.gstatic.com/s/halant/v18/u-490qauQGQXz7Yu63LtNVk.woff2')
+    format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'Halant';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('https://fonts.gstatic.com/s/halant/v18/u-4-0qauQGQXz7Yu.woff2')
+    format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'Halant';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('https://fonts.gstatic.com/s/halant/v18/u-490qauQGQXz7Yu62vtNVk.woff2')
+    format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'Halant';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('https://fonts.gstatic.com/s/halant/v18/u-490qauQGQXz7Yu6yPsNVk.woff2')
+    format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'Halant';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('https://fonts.gstatic.com/s/halant/v18/u-490qauQGQXz7Yu6098NVk.woff2')
+    format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: 'Atkinson Hyperlegible';
+  font-style: normal;
+  font-weight: 400 700;
+  font-display: swap;
+  src: url('https://fonts.gstatic.com/s/atkinsonhyperlegiblenext/v7/NaPNcYPdHfdVxJw0IfIP0lvYFqijb-UxCtm5_wdGseiJn3o.woff2')
+    format('woff2');
+}
+
+/* ──────────────────────────────────────────────────────────────────
+   SCOPE ROOT — baseline tokens, applied ONLY to the named subtree.
+   `NamedAgentView` renders `<div data-dialect="named">` around the whole arc;
+   these cascade to every section without touching the host page.
+
+   Two layers:
+     • neo SHARED tokens the named markup actually references, RE-POINTED to the
+       cream baseline values. This retargets every neo util that reads the var
+       and the inline `var(--background)` / `var(--card)` hero/marquee styles.
+     • the baseline's own semantic + hue-library + radius tokens, a faithful
+       copy of named-agents app/globals.css :root (LIGHT / cream).
+   ────────────────────────────────────────────────────────────────── */
+[data-dialect='named'] {
+  /* ---- neo shared tokens, re-pointed to the cream baseline ----------- */
+  /* surfaces */
+  --background: oklch(0.945 0.01 95); /* baseline --color-surface */
+  --foreground: oklch(0.18 0.008 80); /* baseline --color-fg */
+  --card: oklch(0.975 0.005 95); /* baseline --color-surface-raised */
+  --card-foreground: oklch(0.18 0.008 80);
+  --popover: oklch(0.975 0.005 95);
+  --popover-foreground: oklch(0.18 0.008 80);
+  --muted: oklch(0.91 0.012 95); /* baseline --color-surface-sunken */
+  --muted-foreground: oklch(0.46 0.012 80); /* baseline --color-fg-muted */
+  /* primary CTA — neutral ink gradient endpoints collapse to the dark end */
+  --primary: oklch(0.06 0 0); /* baseline --color-btn-primary-to */
+  --primary-foreground: oklch(0.995 0.005 80); /* --color-btn-primary-fg */
+  --secondary: oklch(0.975 0.005 95);
+  --secondary-foreground: oklch(0.18 0.008 80);
+  --accent: oklch(0.81 0.11 45); /* baseline persimmon --color-accent */
+  --accent-foreground: oklch(0.18 0.008 80);
+  --border: oklch(0.18 0.008 80 / 0.1); /* baseline --color-border */
+  --input: oklch(0.18 0.008 80 / 0.1);
+  --ring: oklch(0.18 0.008 80 / 0.35); /* baseline --color-ring */
+  --destructive: oklch(0.58 0.18 25);
+  --destructive-foreground: oklch(0.995 0.005 80);
+
+  /* ---- baseline semantic layer (verbatim from globals.css :root) ----- */
+  --color-surface: oklch(0.945 0.01 95);
+  --color-surface-raised: oklch(0.975 0.005 95);
+  --color-surface-sunken: oklch(0.91 0.012 95);
+
+  --color-fg: oklch(0.18 0.008 80);
+  --color-fg-soft: oklch(0.32 0.01 80);
+  --color-fg-muted: oklch(0.46 0.012 80);
+
+  --color-border: oklch(0.18 0.008 80 / 0.1);
+  --color-border-strong: oklch(0.18 0.008 80 / 0.25);
+  --color-ring: oklch(0.18 0.008 80 / 0.35);
+  --color-hover: oklch(0.18 0.008 80 / 0.06);
+
+  --color-btn-primary-from: oklch(0.315 0.008 250);
+  --color-btn-primary-to: oklch(0.06 0 0);
+  --color-btn-primary-fg: oklch(0.995 0.005 80);
+
+  --color-destructive: oklch(0.58 0.18 25);
+  --color-destructive-fg: oklch(0.995 0.005 80);
+
+  /* ---- baseline hue library + persona accent (Priya = persimmon) ----- */
+  --hue-teal-soft: oklch(0.95 0.04 210);
+  --hue-teal-medium: oklch(0.84 0.095 210);
+  --hue-teal-strong: oklch(0.585 0.09 210);
+
+  --hue-orange-soft: oklch(0.92 0.045 48);
+  --hue-orange-medium: oklch(0.81 0.11 45);
+  --hue-orange-strong: oklch(0.64 0.165 42);
+
+  --hue-green-soft: oklch(0.905 0.048 134);
+  --hue-green-medium: oklch(0.865 0.07 134);
+  --hue-green-strong: oklch(0.635 0.107 134);
+
+  --hue-sky-blue-soft: oklch(0.95 0.025 235);
+  --hue-sky-blue-medium: oklch(0.825 0.1 235);
+  --hue-sky-blue-strong: oklch(0.585 0.14 235);
+
+  --hue-purple-soft: oklch(0.91 0.022 314);
+  --hue-purple-medium: oklch(0.86 0.045 314);
+  --hue-purple-strong: oklch(0.63 0.065 314);
+
+  --color-accent-soft: var(--hue-orange-soft);
+  --color-accent: var(--hue-orange-medium);
+  --color-accent-strong: var(--hue-orange-strong);
+  --color-accent-fg: oklch(0.18 0.008 80);
+
+  /* ---- baseline radii (62d6f04) ------------------------------------- */
+  --radius-section: 36px; /* large section containers */
+  --radius-image: 64px; /* hero artwork mask */
+
+  /* ---- fonts — Halant display, Atkinson/Inter body ------------------ */
+  --font-halant: 'Halant', ui-serif, Georgia, serif;
+  --font-inter: var(--font-inter, 'Atkinson Hyperlegible', system-ui, sans-serif);
+
+  /* Paint the named surface cream + warm ink, independent of the host's
+     dark page, so the editorial sections read on cream. */
+  background: var(--color-surface);
+  color: var(--color-fg);
+  font-family: 'Atkinson Hyperlegible', var(--font-inter), system-ui, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+
+/* ════════════════════════════════════════════════════════════════════
+   NEO UTILITIES — scoped class rules.
+   Every neo utility the named markup references, defined under the subtree so
+   it wins by specificity and is host-agnostic (and tree-shake-proof). Mapped to
+   the cream baseline values.
+   ════════════════════════════════════════════════════════════════════ */
+
+/* —— Serif display face (baseline `font-halant`) ——————————————————— */
+[data-dialect='named'] .font-halant {
+  font-family: var(--font-halant);
+}
+
+/* —— Backgrounds —————————————————————————————————————————————————— */
+[data-dialect='named'] .bg-background {
+  background-color: var(--color-surface);
+}
+[data-dialect='named'] .bg-card {
+  background-color: var(--color-surface-raised);
+}
+[data-dialect='named'] .bg-muted {
+  background-color: var(--color-surface-sunken);
+}
+[data-dialect='named'] .bg-primary {
+  background-color: var(--color-btn-primary-to);
+}
+[data-dialect='named'] .bg-primary\/10 {
+  background-color: oklch(0.06 0 0 / 0.1);
+}
+
+/* —— Text colors —————————————————————————————————————————————————— */
+[data-dialect='named'] .text-foreground {
+  color: var(--color-fg);
+}
+[data-dialect='named'] .text-foreground\/70 {
+  color: oklch(0.18 0.008 80 / 0.7);
+}
+[data-dialect='named'] .text-foreground\/60 {
+  color: oklch(0.18 0.008 80 / 0.6);
+}
+[data-dialect='named'] .text-muted-foreground {
+  color: var(--color-fg-muted);
+}
+[data-dialect='named'] .text-card-foreground {
+  color: var(--color-fg);
+}
+[data-dialect='named'] .text-primary {
+  color: var(--color-fg);
+}
+[data-dialect='named'] .text-destructive {
+  color: var(--color-destructive);
+}
+
+/* —— Borders ——————————————————————————————————————————————————————— */
+[data-dialect='named'] .border-border {
+  border-color: var(--color-border);
+}
+
+/* —— Fills / strokes (svg accents that read muted-foreground) ———————— */
+[data-dialect='named'] .fill-muted-foreground\/20 {
+  fill: oklch(0.46 0.012 80 / 0.2);
+}
+[data-dialect='named'] .stroke-muted-foreground\/20 {
+  stroke: oklch(0.46 0.012 80 / 0.2);
+}
+
+/* —— Custom utilities the baseline markup relies on ———————————————— */
+[data-dialect='named'] .card-shadow {
+  box-shadow: 0px 0.602px 0.602px -1.25px rgba(0, 0, 0, 0.36),
+    0px 2.289px 2.289px -2.5px rgba(0, 0, 0, 0.32),
+    0px 10px 10px -3.75px rgba(0, 0, 0, 0.13);
+}
+[data-dialect='named'] .feature-card-shadow {
+  box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 40px -14px;
+}
+[data-dialect='named'] .integration-square-shadow {
+  box-shadow: 0px 0px 0px 1px var(--color-border),
+    0px 1px 3px 0px rgba(13, 17, 27, 0.12);
+}
+/* Features section overlay — soft fade from surface-raised to transparent. */
+[data-dialect='named'] .features-gradient {
+  background: linear-gradient(
+    color-mix(in oklch, var(--color-surface-raised) 54%, transparent) 0%,
+    transparent 89.4895%
+  );
+}
+/* Pricing section overlay — surface-raised glow. */
+[data-dialect='named'] .pricing-gradient {
+  background: linear-gradient(
+    180deg,
+    var(--color-surface-raised) 0%,
+    transparent 83.55%
+  );
+}

package/dist/view/index.js

@@ -178,7 +178,7 @@ function Hero({
             ]
           }
         ) }) }),
-        /* @__PURE__ */ jsx3(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsx3("h1", { className: "font-normal text-[clamp(56px,6vw,72px)] leading-tight tracking-tight text-foreground", children: heading }) }),
+        /* @__PURE__ */ jsx3(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsx3("h1", { className: "font-halant font-normal text-[clamp(56px,6vw,72px)] leading-tight tracking-tight text-foreground", children: heading }) }),
         /* @__PURE__ */ jsx3(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx3("p", { className: "text-lg leading-relaxed max-w-lg", children: description }) }),
         /* @__PURE__ */ jsx3(ScrollReveal, { direction: "up", delay: 0.4, trigger: "mount", children: /* @__PURE__ */ jsx3("div", { className: "flex flex-col sm:flex-row gap-3 pt-4", children: /* @__PURE__ */ jsx3(Button, { asChild: true, variant: ctaVariant, children: /* @__PURE__ */ jsxs("a", { href: ctaHref, children: [
           ctaText,
@@ -191,7 +191,8 @@ function Hero({
           src: rightImageSrc,
           alt: rightImageAlt,
           fill: true,
-          className: "object-cover object-left-center rounded-2xl",
+          className: "object-cover object-left-center",
+          style: { borderRadius: "var(--radius-image, 1rem)" },
           priority: true,
           sizes: rightImageSizes
         }
@@ -364,13 +365,13 @@ $.Priya.statusReport({
   }
 ];
 function Features({ heading = "How It Works", description = "Priya handles the repetitive work so you can focus on what matters. Here's how she automates your entire product workflow.", features = defaultFeatures, className }) {
-  return /* @__PURE__ */ jsx5("section", { id: "features", className: cn("flex justify-center items-center pb-0 md:pb-10 bg-background", className), children: /* @__PURE__ */ jsxs2("div", { className: "features-gradient flex flex-col items-center w-full relative overflow-visible rounded-[36px] gap-16 h-min max-w-[1400px] py-10 sm:py-20", children: [
+  return /* @__PURE__ */ jsx5("section", { id: "features", className: cn("flex justify-center items-center pb-0 md:pb-10 bg-background", className), children: /* @__PURE__ */ jsxs2("div", { className: "features-gradient flex flex-col items-center w-full relative overflow-visible gap-16 h-min max-w-[1400px] py-10 sm:py-20", style: { borderRadius: "var(--radius-section, 36px)" }, children: [
     /* @__PURE__ */ jsx5(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs2("div", { className: "text-center w-full px-4 md:px-6 space-y-4", children: [
-      /* @__PURE__ */ jsx5("h2", { className: "font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground", children: heading }),
+      /* @__PURE__ */ jsx5("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground", children: heading }),
       /* @__PURE__ */ jsx5("p", { className: "text-base md:text-lg text-muted-foreground max-w-2xl mx-auto", children: description })
     ] }) }),
     /* @__PURE__ */ jsx5("div", { className: "w-full px-4 lg:px-18 space-y-10", children: features.map((feature, index) => /* @__PURE__ */ jsx5(ScrollReveal, { direction: "up", delay: index * 0.1, children: /* @__PURE__ */ jsxs2("div", { className: "grid md:grid-cols-2 overflow-hidden bg-card w-full rounded-3xl feature-card-shadow opacity-100 border border-border", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col px-6 py-8 lg:px-8 lg:py-12 xl:px-12 xl:py-20", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col px-4 py-8 lg:px-8 lg:py-12 xl:px-12 xl:py-20", children: [
         /* @__PURE__ */ jsx5("div", { className: "mb-4", children: /* @__PURE__ */ jsx5("span", { className: "inline-flex size-10 items-center justify-center rounded-lg font-mono text-sm font-medium bg-card dark:bg-muted border border-border dark:border-border text-foreground", children: feature.badge }) }),
         /* @__PURE__ */ jsx5("h3", { className: "mb-3 text-2xl font-medium sm:mb-5 md:text-3xl text-foreground", children: feature.title }),
         /* @__PURE__ */ jsx5("div", { className: "mb-8 text-sm sm:mb-10 md:text-base text-muted-foreground", children: feature.description }),
@@ -415,7 +416,7 @@ function Pricing({
 }) {
   return /* @__PURE__ */ jsx6("section", { id: "pricing", className: cn(`pt-12 md:pt-16 pb-10 sm:pb-20 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs3("div", { className: "max-w-7xl mx-auto p-6 sm:p-16 rounded-none sm:rounded-3xl pricing-gradient", children: [
     /* @__PURE__ */ jsx6(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs3("div", { className: "text-center my-16 sm:my-12", children: [
-      /* @__PURE__ */ jsx6("h2", { className: "font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground mb-4", children: heading }),
+      /* @__PURE__ */ jsx6("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground mb-4", children: heading }),
       /* @__PURE__ */ jsx6("p", { className: "text-base text-muted-foreground max-w-2xl mx-auto", children: subheading })
     ] }) }),
     /* @__PURE__ */ jsx6(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsxs3("div", { className: "bg-card mx-auto flex w-full md:max-w-md lg:max-w-3xl flex-col rounded-3xl border border-border feature-card-shadow p-6 md:p-8 px-6", children: [
@@ -491,7 +492,7 @@ function PricingTiers({
 }) {
   return /* @__PURE__ */ jsx7("section", { id: "pricing", className: cn(`pt-12 md:pt-16 pb-10 sm:pb-20 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs4("div", { className: "max-w-7xl mx-auto p-6 sm:p-16 rounded-none sm:rounded-3xl pricing-gradient", children: [
     /* @__PURE__ */ jsx7(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs4("div", { className: "text-center my-16 sm:my-12", children: [
-      /* @__PURE__ */ jsx7("h2", { className: "font-normal text-[clamp(32px,4vw,52px)] leading-tight text-foreground mb-4", children: heading }),
+      /* @__PURE__ */ jsx7("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,52px)] leading-tight text-foreground mb-4", children: heading }),
       /* @__PURE__ */ jsx7("p", { className: "text-base text-muted-foreground max-w-2xl mx-auto", children: subheading })
     ] }) }),
     /* @__PURE__ */ jsx7("ul", { className: "grid gap-6 lg:grid-cols-3 lg:items-stretch", children: tiers.map((tier, index) => /* @__PURE__ */ jsx7("li", { className: tier.featured ? "lg:col-span-2 flex" : "lg:col-span-1 flex", children: /* @__PURE__ */ jsx7(ScrollReveal, { direction: "up", delay: 0.2 + index * 0.1, className: "w-full", children: /* @__PURE__ */ jsx7(
@@ -553,7 +554,7 @@ var defaultButtons = [
 function CTA({ heading = "Ready to Save 15 Hours Per Week?", subheading = "Setup with Github \u2013 takes 5 minutes.", buttons = defaultButtons, backgroundColor: _backgroundColor, className }) {
   const bgClass = "bg-card";
   return /* @__PURE__ */ jsx8("section", { className: cn(`py-20 md:py-32 px-4 md:px-6 ${bgClass}`, className), children: /* @__PURE__ */ jsx8("div", { className: "max-w-3xl mx-auto text-center", children: /* @__PURE__ */ jsx8(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs5("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx8("h2", { className: "font-normal text-foreground text-[clamp(32px,5vw,52px)] leading-tight tracking-tight", children: heading }),
+    /* @__PURE__ */ jsx8("h2", { className: "font-halant font-normal text-foreground text-[clamp(32px,5vw,52px)] leading-tight tracking-tight", children: heading }),
     /* @__PURE__ */ jsx8("p", { className: "max-w-2xl mx-auto text-[clamp(16px,2vw,18px)] leading-relaxed text-muted-foreground", children: subheading }),
     /* @__PURE__ */ jsx8("div", { className: "flex flex-col sm:flex-row gap-3 justify-center items-center pt-4", children: buttons.map((button, index) => /* @__PURE__ */ jsx8(Button4, { asChild: true, variant: button.variant === "primary" ? "default" : "secondary", children: /* @__PURE__ */ jsxs5("a", { href: button.href, children: [
       button.text,
@@ -593,8 +594,8 @@ var defaultFaqs = [
 ];
 function FAQ({ heading = "FAQs", faqs = defaultFaqs, backgroundColor = "bg-background", className }) {
   return /* @__PURE__ */ jsx9("section", { id: "faq", className: cn(`py-20 px-6 lg:px-12 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs6("div", { className: "max-w-4xl mx-auto", children: [
-    /* @__PURE__ */ jsx9(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsx9("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsx9("h2", { className: "font-normal text-[clamp(32px,4vw,52px)] leading-tight text-foreground mb-4", children: heading }) }) }),
-    /* @__PURE__ */ jsx9(Accordion, { type: "single", collapsible: true, className: "space-y-4", children: faqs.map((faq, index) => /* @__PURE__ */ jsx9(ScrollReveal, { direction: "up", delay: 0.15 + index * 0.05, children: /* @__PURE__ */ jsxs6(AccordionItem, { value: `item-${index}`, className: "rounded-xl px-6 border border-border bg-card shadow-sm", children: [
+    /* @__PURE__ */ jsx9(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsx9("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsx9("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,52px)] leading-tight text-foreground mb-4", children: heading }) }) }),
+    /* @__PURE__ */ jsx9(Accordion, { type: "single", collapsible: true, className: "space-y-4", children: faqs.map((faq, index) => /* @__PURE__ */ jsx9(ScrollReveal, { direction: "up", delay: 0.15 + index * 0.05, children: /* @__PURE__ */ jsxs6(AccordionItem, { value: `item-${index}`, className: "rounded-xl px-4 sm:px-6 border border-border bg-card shadow-sm", children: [
       /* @__PURE__ */ jsx9(AccordionTrigger, { className: "hover:no-underline py-5 text-base font-medium text-foreground", children: faq.question }),
       /* @__PURE__ */ jsx9(AccordionContent, { className: "pb-5 text-sm text-muted-foreground leading-relaxed", children: faq.answer })
     ] }) }, index)) })
@@ -1052,7 +1053,7 @@ function mapWorkflows(workflows) {
 import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function NamedAgentView({ content, theme, mode, brandName, hostname }) {
   const { hero, problem, features, integration, pricing, faq, cta, contact } = content;
-  return /* @__PURE__ */ jsx15(DialectShell, { theme, mode, children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx15(DialectShell, { theme, mode, children: /* @__PURE__ */ jsx15("div", { "data-dialect": "named", children: /* @__PURE__ */ jsxs12(
     NeoChrome,
     {
       brandName,
@@ -1141,7 +1142,7 @@ function NamedAgentView({ content, theme, mode, brandName, hostname }) {
         )
       ]
     }
-  ) });
+  ) }) });
 }
 var view_default = NamedAgentView;
 export {