@hraness/design-kit 0.31.1

package/src/react/product-marketing.stylex.ts

@@ -0,0 +1,4469 @@
+import * as stylex from "@stylexjs/stylex";
+
+// The authored material recipe lives in ../foil-material.ts. These projections
+// must serialize to foilMaterial.stylex exactly; tests bind them to it.
+const foilStops = {
+  "--_hraness-foil-1": {
+    "default": "var(--hraness-foil-1, oklch(0.89 0.065 337))",
+    "@media (prefers-color-scheme: dark)": "var(--hraness-foil-1, oklch(0.56 0.16 340))",
+  },
+  "--_hraness-foil-2": {
+    "default": "var(--hraness-foil-2, oklch(0.875 0.05 277))",
+    "@media (prefers-color-scheme: dark)": "var(--hraness-foil-2, oklch(0.52 0.15 285))",
+  },
+  "--_hraness-foil-3": {
+    "default": "var(--hraness-foil-3, oklch(0.92 0.05 170))",
+    "@media (prefers-color-scheme: dark)": "var(--hraness-foil-3, oklch(0.66 0.14 175))",
+  },
+  "--_hraness-foil-4": {
+    "default": "var(--hraness-foil-4, oklch(0.95 0.045 96))",
+    "@media (prefers-color-scheme: dark)": "var(--hraness-foil-4, oklch(0.72 0.13 100))",
+  },
+  "--_hraness-foil-5": {
+    "default": "var(--hraness-foil-5, oklch(0.9 0.05 55))",
+    "@media (prefers-color-scheme: dark)": "var(--hraness-foil-5, oklch(0.55 0.15 45))",
+  },
+  "--_hraness-foil-6": {
+    "default": "var(--hraness-foil-6, oklch(0.875 0.06 305))",
+    "@media (prefers-color-scheme: dark)": "var(--hraness-foil-6, oklch(0.62 0.16 305))",
+  },
+};
+
+// Bordered surfaces resolve the edge through a private scheme-conditioned stop
+// so a product's public --hraness-foil-edge override wins ahead of either scheme
+// default, exactly like the --_hraness-foil-* spectrum stops.
+const foilEdgeStops = {
+  "--_hraness-foil-edge": {
+    "default": "var(--hraness-foil-edge, light-dark(black, white))",
+    "@media (prefers-color-scheme: dark)": "var(--hraness-foil-edge, white)",
+  },
+};
+
+const foilTextImage = "var(--hraness-foil-image, radial-gradient(ellipse 24% 85% at var(--hraness-foil-x, 50%) var(--hraness-foil-y, 50%), color-mix(in oklch, var(--hraness-foil-text-base, var(--foreground, CanvasText)) 80%, var(--background, Canvas)) 0%, transparent 68%), radial-gradient(ellipse 65% 160% at calc(100% - var(--hraness-foil-x, 50%)) calc(100% - var(--hraness-foil-y, 50%)), color-mix(in oklch, var(--hraness-foil-text-base, var(--foreground, CanvasText)) 98%, var(--background, Canvas)) 0%, transparent 72%), linear-gradient(115deg, color-mix(in srgb, var(--_hraness-foil-1) var(--hraness-foil-reflection, 14%), transparent), color-mix(in srgb, var(--_hraness-foil-2) var(--hraness-foil-reflection, 14%), transparent), color-mix(in srgb, var(--_hraness-foil-3) var(--hraness-foil-reflection, 14%), transparent), color-mix(in srgb, var(--_hraness-foil-4) var(--hraness-foil-reflection, 14%), transparent), color-mix(in srgb, var(--_hraness-foil-5) var(--hraness-foil-reflection, 14%), transparent), color-mix(in srgb, var(--_hraness-foil-6) var(--hraness-foil-reflection, 14%), transparent)), linear-gradient(115deg, color-mix(in oklch, var(--hraness-foil-text-base, var(--foreground, CanvasText)) 90%, var(--background, Canvas)) 0%, color-mix(in oklch, var(--hraness-foil-text-base, var(--foreground, CanvasText)) 100%, var(--background, Canvas)) 24%, color-mix(in oklch, var(--hraness-foil-text-base, var(--foreground, CanvasText)) 86%, var(--background, Canvas)) 39%, color-mix(in oklch, var(--hraness-foil-text-base, var(--foreground, CanvasText)) 100%, var(--background, Canvas)) 56%, color-mix(in oklch, var(--hraness-foil-text-base, var(--foreground, CanvasText)) 84%, var(--background, Canvas)) 82%, color-mix(in oklch, var(--hraness-foil-text-base, var(--foreground, CanvasText)) 100%, var(--background, Canvas)) 100%))";
+const foilHalo = "0 1px 4px color-mix(in srgb, var(--foreground, CanvasText) 12%, transparent)";
+
+export type MarketingColumnCount = 1 | 2 | 3 | 4;
+
+// The public static stylesheet is the legacy reference. These owned slot recipes
+// preserve its declarations and finite states for compiler-adopter React graphs.
+// Compound border tokens stay in native side shorthands; only a full border
+// resets border-image. Kebab-case logical properties retain the writing axis.
+// Finite variants preserve the static selectors' specificity, including accent
+// actions winning over lower-specificity forced-color rules and the compact
+// header height winning over the generic coarse-pointer minimum. Physical color
+// longhands make finite border-color overrides independent of atom hash order.
+export const questionMarker = stylex.defineMarker();
+
+export const marketingStyles = stylex.create({
+  factColumns1: { "--hraness-marketing-fact-columns": "1" },
+  factColumns2: { "--hraness-marketing-fact-columns": "2" },
+  factColumns3: { "--hraness-marketing-fact-columns": "3" },
+  factColumns4: { "--hraness-marketing-fact-columns": "4" },
+  pillarColumns1: { "--hraness-marketing-pillar-columns": "1" },
+  pillarColumns2: { "--hraness-marketing-pillar-columns": "2" },
+  pillarColumns3: { "--hraness-marketing-pillar-columns": "3" },
+  pillarColumns4: { "--hraness-marketing-pillar-columns": "4" },
+  actionFocus: {
+    outline: { default: null, ":focus-visible": "2px solid var(--hraness-marketing-accent)" },
+    "outline-offset": { default: null, ":focus-visible": "2px" },
+  },
+  "page": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "background-color": "var(--hraness-marketing-background)",
+    "background-image": "none",
+    "background-position": "0% 0%",
+    "background-size": "auto auto",
+    "background-repeat": "repeat",
+    "background-origin": "padding-box",
+    "background-clip": "border-box",
+    "background-attachment": "scroll",
+    "font-size": "1rem",
+    "line-height": "1.55",
+    "overflow-x": "clip",
+    "-webkit-font-smoothing": "antialiased"
+  },
+  "header": {
+    "--hraness-sticky-offset": "calc(var(--hraness-marketing-header-height, 2.75rem) + 1px)",
+    "color": {
+      "default": "var(--hraness-marketing-ink)",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "position": "sticky",
+    "inset-block-start": "0",
+    "z-index": "40",
+    "border-block-end": { "default": "var(--hraness-marketing-chrome-rule)", "@media (forced-colors: active)": "1px solid CanvasText" },
+    "background-color": {
+      "default": "var(--hraness-marketing-header-background, var(--hraness-marketing-background))",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "backdrop-filter": "var(--hraness-marketing-header-backdrop, none)",
+    "-webkit-backdrop-filter": "var(--hraness-marketing-header-backdrop, none)",
+    "border-top": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "@media (forced-colors: active)": "stretch"
+    },
+    "box-shadow": {
+      "default": "var(--hraness-marketing-chrome-shadow)",
+      "@media (forced-colors: active)": "none"
+    }
+  },
+  "headerStatic": {
+    "color": {
+      "default": "var(--hraness-marketing-ink)",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "position": "static",
+    "inset-block-start": "0",
+    "z-index": "40",
+    "border-block-end": { "default": "var(--hraness-marketing-chrome-rule)", "@media (forced-colors: active)": "1px solid CanvasText" },
+    "background-color": {
+      "default": "var(--hraness-marketing-header-background, var(--hraness-marketing-background))",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "backdrop-filter": "var(--hraness-marketing-header-backdrop, none)",
+    "-webkit-backdrop-filter": "var(--hraness-marketing-header-backdrop, none)",
+    "border-top": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "@media (forced-colors: active)": "stretch"
+    },
+    "box-shadow": {
+      "default": "var(--hraness-marketing-chrome-shadow)",
+      "@media (forced-colors: active)": "none"
+    }
+  },
+  "main": {
+    "min-inline-size": "0",
+    "scroll-margin-block-start": "var(--hraness-sticky-offset, 2.75rem)"
+  },
+  "mainPad": {
+    "min-inline-size": "0",
+    "padding-block-start": "var(--hraness-sticky-offset, 2.75rem)",
+    "scroll-margin-block-start": "var(--hraness-sticky-offset, 2.75rem)"
+  },
+  "header__inner": {
+    "display": "flex",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-block-size": "var(--hraness-marketing-header-height, 2.75rem)",
+    "align-items": "center",
+    "gap": {
+      "default": "0.5rem 1.25rem",
+      "@media (max-width: 48rem)": "0 1rem"
+    },
+    "margin-inline": "auto",
+    "padding-inline": "var(--hraness-marketing-gutter)",
+    "flex-wrap": {
+      "@media (max-width: 48rem)": "wrap"
+    },
+    "padding-block": {
+      "@media (max-width: 48rem)": "0.25rem 0"
+    }
+  },
+  "header__brand": {
+    "display": "inline-flex",
+    "align-items": "center",
+    "gap": "0.4rem",
+    "color": {
+      "default": "transparent",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "min-block-size": {
+      "@media (max-width: 48rem)": "2.75rem"
+    },
+    "min-inline-size": {
+      "@media (max-width: 48rem)": "0"
+    },
+    "font-size": "0.9375rem",
+    "font-weight": "700",
+    "letter-spacing": "-0.04em",
+    "text-decoration": "none",
+    ...foilStops,
+    "--hraness-foil-glow": {
+      "default": "0",
+      "@media (hover: hover)": { ":hover": "1" }
+    },
+    "background-image": {
+      "default": foilTextImage,
+      "@media (forced-colors: active)": "none"
+    },
+    "-webkit-background-clip": "text",
+    "background-clip": "text",
+    "-webkit-text-fill-color": {
+      "default": "transparent",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "filter": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    }
+  },
+  "header__nav": {
+    "display": "flex",
+    "flex-wrap": {
+      "default": "wrap",
+      "@media (max-width: 48rem)": "nowrap"
+    },
+    "align-items": "center",
+    "gap": {
+      "default": "0.15rem 1.15rem",
+      "@media (max-width: 48rem)": "0 1.25rem"
+    },
+    "margin-inline-start": {
+      "default": "auto",
+      "@media (max-width: 48rem)": "calc(-1 * var(--hraness-marketing-gutter))"
+    },
+    "margin-inline-end": {
+      "@media (max-width: 48rem)": "calc(-1 * var(--hraness-marketing-gutter))"
+    },
+    "order": {
+      "@media (max-width: 48rem)": "3"
+    },
+    "flex-grow": {
+      "@media (max-width: 48rem)": "1"
+    },
+    "flex-shrink": {
+      "@media (max-width: 48rem)": "0"
+    },
+    "flex-basis": {
+      "@media (max-width: 48rem)": "100%"
+    },
+    "padding-block": {
+      "@media (max-width: 48rem)": "0.25rem"
+    },
+    "padding-inline": {
+      "@media (max-width: 48rem)": "var(--hraness-marketing-gutter)"
+    },
+    "overflow-x": {
+      "@media (max-width: 48rem)": "auto"
+    },
+    "scrollbar-width": {
+      "@media (max-width: 48rem)": "none"
+    },
+    "contain": {
+      "@media (max-width: 48rem)": "inline-size"
+    }
+  },
+  "header__link": {
+    "color": {
+      "default": "var(--hraness-marketing-muted)",
+      ":hover": "var(--hraness-marketing-ink)"
+    },
+    "display": {
+      "@media (max-width: 48rem)": "inline-flex"
+    },
+    "flex-shrink": {
+      "@media (max-width: 48rem)": "0"
+    },
+    "align-items": {
+      "@media (max-width: 48rem)": "center"
+    },
+    "min-block-size": {
+      "@media (max-width: 48rem)": "2.75rem"
+    },
+    "white-space": {
+      "@media (max-width: 48rem)": "nowrap"
+    },
+    "font-size": "0.85rem",
+    "font-weight": "500",
+    "text-decoration": "none"
+  },
+  "header__linkCurrent": {
+    "color": "var(--hraness-marketing-ink)",
+    "display": {
+      "@media (max-width: 48rem)": "inline-flex"
+    },
+    "flex-shrink": {
+      "@media (max-width: 48rem)": "0"
+    },
+    "align-items": {
+      "@media (max-width: 48rem)": "center"
+    },
+    "min-block-size": {
+      "@media (max-width: 48rem)": "2.75rem"
+    },
+    "white-space": {
+      "@media (max-width: 48rem)": "nowrap"
+    },
+    "font-size": "0.85rem",
+    "font-weight": "500",
+    "text-decoration": "none"
+  },
+  "header__actions": {
+    "display": "flex",
+    "align-items": "center",
+    "gap": "0.5rem",
+    "margin-inline-start": {
+      "@media (max-width: 48rem)": "auto"
+    }
+  },
+  "footer": {
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.92rem",
+    "border-block-start": "var(--hraness-marketing-rule)"
+  },
+  "footer__inner": {
+    "display": "flex",
+    "flex-wrap": "wrap",
+    "align-items": "center",
+    "gap": "0.5rem 1.5rem",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "margin-inline": "auto",
+    "padding-block": "var(--hraness-marketing-footer-space, 2rem 4rem)",
+    "padding-inline": "var(--hraness-marketing-gutter)"
+  },
+  "footer__brand": {
+    "display": "inline-flex",
+    "align-items": "center",
+    "gap": "0.4rem",
+    "color": "var(--hraness-marketing-ink)",
+    "font-size": "0.9375rem",
+    "font-weight": "700",
+    "letter-spacing": "-0.04em",
+    "text-decoration": "none"
+  },
+  // Same foil lockup as the site header: steady glyphs, moving light. The
+  // caller opts in with a transparent `brandMark` so inline-vector `brand`
+  // callers keep their currentColor presentation.
+  "footer__brandFoil": {
+    "display": "inline-flex",
+    "align-items": "center",
+    "gap": "0.4rem",
+    "color": {
+      "default": "transparent",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "font-size": "0.9375rem",
+    "font-weight": "700",
+    "letter-spacing": "-0.04em",
+    "text-decoration": "none",
+    ...foilStops,
+    "--hraness-foil-glow": {
+      "default": "0",
+      "@media (hover: hover)": { ":hover": "1" }
+    },
+    "background-image": {
+      "default": foilTextImage,
+      "@media (forced-colors: active)": "none"
+    },
+    "-webkit-background-clip": "text",
+    "background-clip": "text",
+    "-webkit-text-fill-color": {
+      "default": "transparent",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "filter": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    }
+  },
+  "footer__name": {
+    "overflow": "hidden",
+    "text-overflow": "ellipsis",
+    "white-space": "nowrap"
+  },
+  "footer__nav": {
+    "display": "flex",
+    "flex-wrap": "wrap",
+    "align-items": "center",
+    "gap": "0.15rem 1.15rem",
+    "margin-inline-start": "auto"
+  },
+  "footer__link": {
+    "color": {
+      "default": "var(--hraness-marketing-muted)",
+      ":hover": "var(--hraness-marketing-ink)"
+    },
+    "font-size": "0.85rem",
+    "font-weight": "500",
+    "text-decoration": "none"
+  },
+  "footer__linkCurrent": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-size": "0.85rem",
+    "font-weight": "500",
+    "text-decoration": "none"
+  },
+  "hero": {
+    "position": "relative",
+    "isolation": "isolate",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "display": "grid",
+    "gap": "clamp(2rem, 5vw, 3.5rem)",
+    "padding-block": "var(--hraness-marketing-hero-space, clamp(3.5rem, 9vw, 7rem) clamp(2.5rem, 6vw, 4.5rem))"
+  },
+  "heroAccent": {
+    "position": "relative",
+    "isolation": "isolate",
+    "color": {
+      "default": "var(--hraness-marketing-accent-ink)",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "display": "grid",
+    "gap": "clamp(2rem, 5vw, 3.5rem)",
+    "padding-block": "var(--hraness-marketing-hero-space, clamp(3.5rem, 9vw, 7rem) clamp(2.5rem, 6vw, 4.5rem))",
+    "background-color": {
+      "default": "var(--hraness-marketing-accent)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": {
+      "default": "0 0 0 100vmax var(--hraness-marketing-accent)",
+      "@media (forced-colors: active)": "none"
+    },
+    "clip-path": "inset(0 -100vmax)",
+    "border-top": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "@media (forced-colors: active)": "stretch"
+    }
+  },
+  "hero__copy": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "justify-items": "center",
+    "gap": "1.25rem",
+    "text-align": "center"
+  },
+  "hero__copyStart": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "justify-items": "start",
+    "gap": "1.25rem",
+    "text-align": "start"
+  },
+  "hero__eyebrow": {
+    "margin": "0",
+    "color": {
+      "default": "var(--hraness-marketing-muted)",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none",
+    "display": "inline-flex",
+    "align-items": "center",
+    "gap": "0.45rem",
+    "padding": "0",
+    "border-top": "0",
+    "border-right": "0",
+    "border-bottom": "0",
+    "border-left": "0",
+    "border-image-source": "none",
+    "border-image-slice": "100%",
+    "border-image-width": "1",
+    "border-image-outset": "0",
+    "border-image-repeat": "stretch",
+    "border-radius": "0",
+    "background-color": "transparent",
+    "background-image": "none",
+    "background-position": "0% 0%",
+    "background-size": "auto auto",
+    "background-repeat": "repeat",
+    "background-origin": "padding-box",
+    "background-clip": "border-box",
+    "background-attachment": "scroll"
+  },
+  "hero__eyebrowAccent": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-accent-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none",
+    "display": "inline-flex",
+    "align-items": "center",
+    "gap": "0.45rem",
+    "padding": "0",
+    "border-top": "0",
+    "border-right": "0",
+    "border-bottom": "0",
+    "border-left": "0",
+    "border-image-source": "none",
+    "border-image-slice": "100%",
+    "border-image-width": "1",
+    "border-image-outset": "0",
+    "border-image-repeat": "stretch",
+    "border-radius": "0",
+    "background-color": "transparent",
+    "background-image": "none",
+    "background-position": "0% 0%",
+    "background-size": "auto auto",
+    "background-repeat": "repeat",
+    "background-origin": "padding-box",
+    "background-clip": "border-box",
+    "background-attachment": "scroll"
+  },
+  "hero__name": {
+    "margin": "-1px",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none",
+    "position": "absolute",
+    "inline-size": "1px",
+    "block-size": "1px",
+    "padding": "0",
+    "overflow": "hidden",
+    "clip": "rect(0 0 0 0)",
+    "clip-path": "inset(50%)",
+    "white-space": "nowrap",
+    "border-top": "0",
+    "border-right": "0",
+    "border-bottom": "0",
+    "border-left": "0",
+    "border-image-source": "none",
+    "border-image-slice": "100%",
+    "border-image-width": "1",
+    "border-image-outset": "0",
+    "border-image-repeat": "stretch"
+  },
+  "hero__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-heading-tracking)",
+    "line-height": "var(--hraness-marketing-h1-leading, 1.05)",
+    "text-wrap": "balance",
+    "max-inline-size": {
+      "default": "18ch",
+      "@media (max-width: 48rem)": "16ch"
+    },
+    "font-size": "var(--hraness-paper-heading-size, clamp(2.5rem, 5vw, 4.25rem))"
+  },
+  "hero__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "var(--hraness-paper-summary-size, clamp(1.125rem, 1.6vw, 1.3rem))",
+    "line-height": "var(--hraness-marketing-summary-leading, 1.6)",
+    "max-inline-size": "var(--hraness-marketing-copy-measure)"
+  },
+  "hero__example": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.05rem",
+    "line-height": "1.5",
+    "max-inline-size": "var(--hraness-marketing-example-measure, var(--hraness-marketing-copy-measure))",
+    "margin-block-start": "-0.35rem"
+  },
+  "hero__actions": {
+    "display": "flex",
+    "flex-wrap": "wrap",
+    "align-items": "center",
+    "gap": "0.65rem",
+    "justify-content": "center",
+    "margin-block-start": "0.5rem"
+  },
+  "hero__actionsStart": {
+    "display": "flex",
+    "flex-wrap": "wrap",
+    "align-items": "center",
+    "gap": "0.65rem",
+    "justify-content": "flex-start",
+    "margin-block-start": "0.5rem"
+  },
+  "hero__boundary": {
+    "max-inline-size": "var(--hraness-marketing-copy-measure)",
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.9rem",
+    "line-height": "1.5"
+  },
+  "hero__frame": {
+    "min-inline-size": "0"
+  },
+  "proof": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "gap": "1rem",
+    "padding": "clamp(1.25rem, 3vw, 2rem)",
+    "border-top": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-frame-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": {
+      "default": "var(--hraness-marketing-shadow)",
+      "@media (forced-colors: active)": "none"
+    },
+    "color": {
+      "@media (forced-colors: active)": "CanvasText"
+    }
+  },
+  "proof__kicker": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none"
+  },
+  "proof__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, -0.012em)",
+    "line-height": "var(--hraness-marketing-h2-leading, 1.15)",
+    "text-wrap": "balance",
+    "max-inline-size": "24ch",
+    "font-size": "var(--hraness-marketing-h3-size, clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem))"
+  },
+  "flow": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "margin": "0",
+    "padding": "0",
+    "list-style": "none"
+  },
+  "flow__step": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "margin": "0",
+    "padding-block": "1rem",
+    "border-block-start": "var(--hraness-marketing-rule)",
+    "gap": "0.85rem",
+    "grid-template-columns": "2.25rem minmax(0, 1fr)"
+  },
+  "flow__stepFirst": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "margin": "0",
+    "padding-block": "1rem",
+    "border-block-start": "0",
+    "gap": "0.85rem",
+    "grid-template-columns": "2.25rem minmax(0, 1fr)"
+  },
+  "flow__number": {
+    "padding-block-start": "0.2rem",
+    "color": "var(--hraness-marketing-accent)",
+    "font-family": "var(--hraness-marketing-mono-font)",
+    "font-size": "0.75rem",
+    "font-weight": "500"
+  },
+  "flow__body": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "gap": "0.4rem"
+  },
+  "flow__label": {
+    "display": "block",
+    "font-size": "0.95rem",
+    "font-weight": "600"
+  },
+  "flow__code": {
+    "display": "block",
+    "inline-size": "fit-content",
+    "max-inline-size": "100%",
+    "padding": "0.35rem 0.6rem",
+    "border-radius": "0.4rem",
+    "background-color": "color-mix(in srgb, var(--hraness-marketing-ink) 7%, transparent)",
+    "background-image": "none",
+    "background-position": "0% 0%",
+    "background-size": "auto auto",
+    "background-repeat": "repeat",
+    "background-origin": "padding-box",
+    "background-clip": "border-box",
+    "background-attachment": "scroll",
+    "color": "inherit",
+    "font-family": "var(--hraness-marketing-mono-font)",
+    "font-size": "0.8rem",
+    "overflow-wrap": "anywhere"
+  },
+  "flow__detail": {
+    "display": "block",
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.9rem",
+    "line-height": "1.5"
+  },
+  "facts": {
+    "display": "grid",
+    "margin": "0",
+    "border-block": "var(--hraness-marketing-rule)",
+    "grid-template-columns": {
+      "default": "repeat(var(--hraness-marketing-fact-columns, 4), minmax(0, 1fr))",
+      "@media (max-width: 48rem)": "repeat(2, minmax(0, 1fr))"
+    }
+  },
+  "facts__item": {
+    "min-inline-size": "0",
+    "padding": "1.25rem clamp(0.8rem, 2vw, 1.5rem)",
+    "border-inline-start": {
+      "default": null,
+      "@media (max-width: 48rem)": "0"
+    }
+  },
+  "facts__itemLater": {
+    "min-inline-size": "0",
+    "padding": "1.25rem clamp(0.8rem, 2vw, 1.5rem)",
+    "border-inline-start": "var(--hraness-marketing-rule)"
+  },
+  "facts__itemOdd": {
+    "min-inline-size": "0",
+    "padding": "1.25rem clamp(0.8rem, 2vw, 1.5rem)",
+    "border-inline-start": {
+      "default": "var(--hraness-marketing-rule)",
+      "@media (max-width: 48rem)": "0"
+    }
+  },
+  "facts__itemRow": {
+    "min-inline-size": "0",
+    "padding": "1.25rem clamp(0.8rem, 2vw, 1.5rem)",
+    "border-inline-start": "var(--hraness-marketing-rule)",
+    "border-block-start": {
+      "@media (max-width: 48rem)": "var(--hraness-marketing-rule)"
+    }
+  },
+  "facts__itemRowOdd": {
+    "min-inline-size": "0",
+    "padding": "1.25rem clamp(0.8rem, 2vw, 1.5rem)",
+    "border-inline-start": {
+      "default": "var(--hraness-marketing-rule)",
+      "@media (max-width: 48rem)": "0"
+    },
+    "border-block-start": {
+      "@media (max-width: 48rem)": "var(--hraness-marketing-rule)"
+    }
+  },
+  "facts__label": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none",
+    "margin-block-end": "0.4rem"
+  },
+  "facts__body": {
+    "margin": "0"
+  },
+  "facts__value": {
+    "display": "block",
+    "font-size": "1.05rem",
+    "font-weight": "600"
+  },
+  "facts__detail": {
+    "display": "block",
+    "margin-block-start": "0.3rem",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.85rem",
+    "line-height": "1.45"
+  },
+  "stats": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "display": "grid",
+    "gap": "0.75rem",
+    "padding-block": "clamp(1.5rem, 4vw, 3rem)"
+  },
+  "stats__list": {
+    "display": "grid",
+    "margin": "0",
+    "border-block": "var(--hraness-marketing-rule)",
+    "grid-template-columns": {
+      "default": "repeat(var(--hraness-marketing-fact-columns, 4), minmax(0, 1fr))",
+      "@media (max-width: 48rem)": "repeat(2, minmax(0, 1fr))"
+    }
+  },
+  "notice": {
+    "box-sizing": "border-box",
+    "inline-size": "calc(min(100%, var(--hraness-marketing-measure)) - 2 * var(--hraness-marketing-gutter))",
+    "min-inline-size": "0",
+    "margin-block": "clamp(1rem, 3vw, 1.5rem)",
+    "margin-inline": "auto",
+    "padding-block": "0.75rem",
+    "padding-inline": "1rem",
+    "border-inline-start": "3px solid var(--hraness-marketing-line-strong)",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.95rem",
+    "line-height": "1.5",
+    "overflow-wrap": "anywhere"
+  },
+  "noticeSuccess": {
+    "border-inline-start-color": "var(--hraness-marketing-accent)"
+  },
+  "noticeError": {
+    "border-inline-start-color": "var(--danger, var(--hraness-marketing-accent))"
+  },
+  "stats__source": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.85rem"
+  },
+  "stats__value": {
+    "display": "block",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-size": "clamp(1.75rem, 3vw, 2.25rem)",
+    "font-weight": "500",
+    "letter-spacing": "-0.02em",
+    "line-height": "1.1",
+    "font-variant-numeric": "tabular-nums"
+  },
+  "pillars": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "display": "grid",
+    "margin-block": "0",
+    "padding-block": "0",
+    "border-block": "var(--hraness-marketing-rule)",
+    "grid-template-columns": {
+      "default": "repeat(var(--hraness-marketing-pillar-columns, 3), minmax(0, 1fr))",
+      "@media (max-width: 48rem)": "minmax(0, 1fr)"
+    }
+  },
+  "pillars__item": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "align-content": "start",
+    "gap": "0.45rem",
+    "padding": "clamp(1.25rem, 3vw, 2rem) clamp(1rem, 2.5vw, 1.75rem)"
+  },
+  "pillars__itemLater": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "align-content": "start",
+    "gap": "0.45rem",
+    "padding": "clamp(1.25rem, 3vw, 2rem) clamp(1rem, 2.5vw, 1.75rem)",
+    "border-inline-start": {
+      "default": "var(--hraness-marketing-rule)",
+      "@media (max-width: 48rem)": "0"
+    },
+    "border-block-start": {
+      "@media (max-width: 48rem)": "var(--hraness-marketing-rule)"
+    }
+  },
+  "pillars__label": {
+    "font-size": "1.05rem",
+    "font-weight": "600",
+    "letter-spacing": "-0.01em"
+  },
+  "pillars__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.95rem",
+    "line-height": "1.5"
+  },
+  "proof_frame": {
+    "color": {
+      "default": "var(--hraness-marketing-ink)",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-block": "0",
+    "margin-inline": "auto",
+    "overflow": "clip",
+    "border-top": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-frame-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": {
+      "default": "var(--hraness-marketing-shadow)",
+      "@media (forced-colors: active)": "none"
+    }
+  },
+  "proof_frame__chrome": {
+    "display": "flex",
+    "align-items": "center",
+    "gap": "0.75rem",
+    "padding": "0.8rem 1rem",
+    "background-image": { default: "var(--hraness-marketing-frame-chrome, none)", "@media (forced-colors: active)": "none" },
+    "box-shadow": { default: "var(--hraness-marketing-chrome-shadow)", "@media (forced-colors: active)": "none" },
+    "border-block-end": { "default": "var(--hraness-marketing-chrome-rule)", "@media (forced-colors: active)": "1px solid CanvasText" },
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.78rem"
+  },
+  "proof_frame__lights": {
+    "display": "inline-flex",
+    "gap": "0.35rem"
+  },
+  "proof_frame__light": {
+    "inline-size": "0.6rem",
+    "block-size": "0.6rem",
+    "border-radius": "999px",
+    "background-color": "color-mix(in srgb, var(--hraness-marketing-ink) 18%, transparent)",
+    "background-image": "none",
+    "background-position": "0% 0%",
+    "background-size": "auto auto",
+    "background-repeat": "repeat",
+    "background-origin": "padding-box",
+    "background-clip": "border-box",
+    "background-attachment": "scroll"
+  },
+  "proof_frame__title": {
+    "flex": "1 1 auto",
+    "overflow": "hidden",
+    "text-align": "center",
+    "text-overflow": "ellipsis",
+    "white-space": "nowrap"
+  },
+  "proof_frame__content": {
+    "min-inline-size": "0",
+    "overflow": "auto"
+  },
+  "proof_frame__caption": {
+    "display": "flex",
+    "flex-wrap": "wrap",
+    "justify-content": "space-between",
+    "gap": "0.25rem 1rem",
+    "padding": "0.75rem 0.95rem",
+    "border-block-start": "var(--hraness-marketing-rule)",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.82rem",
+    "line-height": "1.45"
+  },
+  "proof_frame__credit": {
+    "font-size": "0.78rem"
+  },
+  "proof_frame__title_mono": {
+    "flex": "1 1 auto",
+    "overflow": "hidden",
+    "font-family": "var(--hraness-marketing-mono-font)",
+    "text-align": "center",
+    "text-overflow": "ellipsis",
+    "white-space": "nowrap"
+  },
+  "proof_frame__address": {
+    "flex": "0 1 32rem",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "padding": "0.3rem 0.85rem",
+    "overflow": "hidden",
+    "border-radius": "999px",
+    "background-color": {
+      "default": "color-mix(in srgb, var(--hraness-marketing-ink) 6%, transparent)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "outline": {
+      "default": "none",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-mono-font)",
+    "font-size": "0.74rem",
+    "text-align": "center",
+    "text-overflow": "ellipsis",
+    "white-space": "nowrap"
+  },
+  "data_table": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-block": "0",
+    "margin-inline": "auto",
+    "font-size": "0.95rem",
+    "line-height": "1.5"
+  },
+  "data_table__head": {
+    "display": "flex",
+    "flex-wrap": "wrap",
+    "align-items": "baseline",
+    "justify-content": "space-between",
+    "gap": "0.3rem 1rem",
+    "margin-block-end": "0.75rem"
+  },
+  "data_table__title": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "-0.01em"
+  },
+  "data_table__meta": {
+    "color": {
+      "default": "var(--hraness-marketing-muted)",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "font-size": "0.82rem"
+  },
+  "data_table__scroll": {
+    "max-inline-size": "100%",
+    "overflow-x": "auto",
+    "border-block-start": {
+      "default": "var(--hraness-marketing-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-block-end": {
+      "default": "var(--hraness-marketing-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    }
+  },
+  "data_table__table": {
+    "inline-size": "100%",
+    "border-collapse": "collapse",
+    "font-variant-numeric": "tabular-nums"
+  },
+  "data_table__heading": {
+    "padding": "0.55rem 0.9rem",
+    "vertical-align": "baseline",
+    "color": {
+      "default": "var(--hraness-marketing-muted)",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "font-size": "0.8rem",
+    "font-weight": "500",
+    "white-space": "nowrap"
+  },
+  "data_table__row_heading": {
+    "padding": "0.55rem 0.9rem",
+    "vertical-align": "baseline",
+    "color": "var(--hraness-marketing-ink)",
+    "font-weight": "500",
+    "border-block-start": {
+      "default": "var(--hraness-marketing-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    }
+  },
+  "data_table__cell": {
+    "padding": "0.55rem 0.9rem",
+    "vertical-align": "baseline",
+    "border-block-start": {
+      "default": "var(--hraness-marketing-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    }
+  },
+  "data_table__note": {
+    "margin": "0",
+    "margin-block-start": "0.8rem",
+    "max-inline-size": "var(--hraness-marketing-prose-measure)",
+    "color": {
+      "default": "var(--hraness-marketing-muted)",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "font-size": "0.95rem"
+  },
+  "code": {
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-block": "0",
+    "margin-inline": "auto"
+  },
+  "install": {
+    "color": {
+      "default": "var(--hraness-marketing-ink)",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "var(--hraness-marketing-install-inline-size, min(100%, var(--hraness-marketing-measure)))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "display": "grid",
+    "padding": "clamp(1.5rem, 4vw, 2.5rem)",
+    "border-top": {
+      "default": "var(--hraness-marketing-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "default": "var(--hraness-marketing-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "default": "var(--hraness-marketing-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "default": "var(--hraness-marketing-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-frame-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "gap": "clamp(1.25rem, 4vw, 3rem)",
+    "grid-template-columns": {
+      "default": "minmax(12rem, 0.6fr) minmax(0, 1.4fr)",
+      "@media (max-width: 48rem)": "minmax(0, 1fr)"
+    },
+    "scroll-margin-block-start": "calc(var(--hraness-sticky-offset, 2.75rem) + 0.75rem)",
+    "box-shadow": {
+      "@media (forced-colors: active)": "none"
+    }
+  },
+  "install__heading_group": {
+    "display": "grid",
+    "align-content": "start",
+    "gap": "0.5rem"
+  },
+  "install__eyebrow": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none"
+  },
+  "install__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, -0.012em)",
+    "line-height": "var(--hraness-marketing-h2-leading, 1.15)",
+    "text-wrap": "balance",
+    "max-inline-size": {
+      "default": "14ch",
+      "@media (max-width: 48rem)": "none"
+    },
+    "font-size": "var(--hraness-marketing-h2-size, clamp(1.5rem, 2.6vw, 2rem))"
+  },
+  "install__commands": {
+    "min-inline-size": "0",
+    "display": "grid",
+    "gap": "0.75rem"
+  },
+  "section": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "padding-block": "var(--hraness-marketing-section-space)",
+    "scroll-margin-block-start": "calc(var(--hraness-sticky-offset, 2.75rem) + 0.75rem)",
+    "display": "grid",
+    "gap": "clamp(1.5rem, 4vw, 3rem)"
+  },
+  "sectionSplit": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "padding-block": "var(--hraness-marketing-section-space)",
+    "scroll-margin-block-start": "calc(var(--hraness-sticky-offset, 2.75rem) + 0.75rem)",
+    "display": "grid",
+    "gap": "clamp(1.5rem, 4vw, 3rem)",
+    "align-items": "center",
+    "grid-template-columns": {
+      "default": "minmax(0, 0.9fr) minmax(0, 1.1fr)",
+      "@media (max-width: 48rem)": "minmax(0, 1fr)"
+    }
+  },
+  "section__heading_group": {
+    "display": "grid",
+    "max-inline-size": "var(--hraness-marketing-copy-measure)",
+    "gap": "0.75rem"
+  },
+  "section__heading_groupSplit": {
+    "display": "grid",
+    "max-inline-size": "none",
+    "gap": "0.75rem"
+  },
+  "section__heading_groupReverse": {
+    "display": "grid",
+    "max-inline-size": "none",
+    "gap": "0.75rem",
+    "order": {
+      "default": "2",
+      "@media (max-width: 48rem)": "0"
+    }
+  },
+  "section__label": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none"
+  },
+  sectionLabelBody: { "font-size": "1rem" },
+  "section__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, -0.012em)",
+    "line-height": "var(--hraness-marketing-h2-leading, 1.15)",
+    "text-wrap": "balance",
+    "font-size": "var(--hraness-paper-section-heading-size, clamp(1.75rem, 3vw, 2.5rem))"
+  },
+  "section__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.125rem",
+    "line-height": "1.5"
+  },
+  "section__body": {
+    "min-inline-size": "0",
+    "display": "grid",
+    "gap": "1rem"
+  },
+  "primitives": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "padding-block": "var(--hraness-marketing-section-space)",
+    "scroll-margin-block-start": "calc(var(--hraness-sticky-offset, 2.75rem) + 0.75rem)",
+    "display": "grid",
+    "gap": "clamp(1.5rem, 4vw, 3rem)"
+  },
+  "primitives__header": {
+    "display": "grid",
+    "max-inline-size": "var(--hraness-marketing-copy-measure)",
+    "gap": "0.75rem"
+  },
+  "primitives__label": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none"
+  },
+  "primitives__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, -0.012em)",
+    "line-height": "var(--hraness-marketing-h2-leading, 1.15)",
+    "text-wrap": "balance",
+    "font-size": "var(--hraness-paper-section-heading-size, clamp(1.75rem, 3vw, 2.5rem))"
+  },
+  "primitives__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.125rem",
+    "line-height": "1.5"
+  },
+  "interfaces": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "padding-block": "var(--hraness-marketing-section-space)",
+    "scroll-margin-block-start": "calc(var(--hraness-sticky-offset, 2.75rem) + 0.75rem)",
+    "display": "grid",
+    "gap": "clamp(1.5rem, 4vw, 3rem)"
+  },
+  "interfaces__header": {
+    "display": "grid",
+    "max-inline-size": "var(--hraness-marketing-copy-measure)",
+    "gap": "0.75rem"
+  },
+  "interfaces__label": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none"
+  },
+  "interfaces__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, -0.012em)",
+    "line-height": "var(--hraness-marketing-h2-leading, 1.15)",
+    "text-wrap": "balance",
+    "font-size": "var(--hraness-paper-section-heading-size, clamp(1.75rem, 3vw, 2.5rem))"
+  },
+  "interfaces__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.125rem",
+    "line-height": "1.5"
+  },
+  "related": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "padding-block": "var(--hraness-marketing-section-space)",
+    "scroll-margin-block-start": "calc(var(--hraness-sticky-offset, 2.75rem) + 0.75rem)",
+    "display": "grid",
+    "gap": "clamp(1.5rem, 4vw, 3rem)"
+  },
+  "related__header": {
+    "display": "grid",
+    "max-inline-size": "var(--hraness-marketing-copy-measure)",
+    "gap": "0.75rem"
+  },
+  "related__label": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none"
+  },
+  "related__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, -0.012em)",
+    "line-height": "var(--hraness-marketing-h2-leading, 1.15)",
+    "text-wrap": "balance",
+    "font-size": "var(--hraness-paper-section-heading-size, clamp(1.75rem, 3vw, 2.5rem))"
+  },
+  "related__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.125rem",
+    "line-height": "1.5"
+  },
+  "related__group": {
+    "display": "grid",
+    "gap": "1.5rem",
+    "min-inline-size": "0"
+  },
+  "related__group_header": {
+    "display": "grid",
+    "max-inline-size": "var(--hraness-marketing-copy-measure)",
+    "gap": "0.5rem"
+  },
+  "related__group_heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, -0.012em)",
+    "line-height": "var(--hraness-marketing-h3-leading, 1.15)",
+    "text-wrap": "balance",
+    "font-size": "var(--hraness-marketing-h3-size, clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem))"
+  },
+  "related__group_summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.125rem",
+    "line-height": "1.5"
+  },
+  "related__card": {
+    "display": "flex",
+    "flex-direction": "row",
+    "align-items": "center",
+    "position": "relative",
+    "isolation": "isolate",
+    "min-inline-size": "0",
+    "min-block-size": "100%",
+    "align-self": "stretch",
+    "gap": "1rem",
+    "padding": "clamp(1rem, 2vw, 1.25rem) clamp(1.125rem, 2.5vw, 1.5rem)",
+    "border-top": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-frame-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": {
+      "default": "var(--hraness-marketing-surface-shadow)",
+      ":hover": "0 0 0 1px var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "none"
+    },
+    "color": {
+      "default": "inherit",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "text-decoration": "none",
+    outline: { default: null, ":focus-visible": "2px solid var(--hraness-marketing-accent)" },
+    "outline-offset": { default: null, ":focus-visible": "2px" }
+  },
+  "related__card_mark": {
+    "flex-grow": "0",
+    "flex-shrink": "0",
+    "flex-basis": "auto",
+    "display": "inline-flex",
+    "align-items": "center",
+    "justify-content": "center",
+    "inline-size": "2.75rem",
+    "block-size": "2.75rem"
+  },
+  "related__card_text": {
+    "display": "grid",
+    "gap": "0.25rem",
+    "min-inline-size": "0"
+  },
+  "related__card_name": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.25rem",
+    "font-weight": "700",
+    "letter-spacing": "-0.01em",
+    "line-height": "1.25",
+    "overflow-wrap": "anywhere"
+  },
+  "related__card_role": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.0625rem",
+    "line-height": "1.45",
+    "text-wrap": "pretty"
+  },
+  "trust": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "padding-block": "var(--hraness-marketing-section-space)",
+    "scroll-margin-block-start": "calc(var(--hraness-sticky-offset, 2.75rem) + 0.75rem)",
+    "display": "grid",
+    "gap": "clamp(1.5rem, 4vw, 3rem)"
+  },
+  "trust__header": {
+    "display": "grid",
+    "max-inline-size": "var(--hraness-marketing-copy-measure)",
+    "gap": "0.75rem"
+  },
+  "trust__label": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none"
+  },
+  "trust__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, -0.012em)",
+    "line-height": "var(--hraness-marketing-h2-leading, 1.15)",
+    "text-wrap": "balance",
+    "font-size": "var(--hraness-paper-section-heading-size, clamp(1.75rem, 3vw, 2.5rem))"
+  },
+  "trust__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.125rem",
+    "line-height": "1.5"
+  },
+  "quotes": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "padding-block": "var(--hraness-marketing-section-space)",
+    "scroll-margin-block-start": "calc(var(--hraness-sticky-offset, 2.75rem) + 0.75rem)",
+    "display": "grid",
+    "gap": "clamp(1.5rem, 4vw, 3rem)"
+  },
+  "quotes__header": {
+    "display": "grid",
+    "max-inline-size": "var(--hraness-marketing-copy-measure)",
+    "gap": "0.75rem"
+  },
+  "quotes__label": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none"
+  },
+  "quotes__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, -0.012em)",
+    "line-height": "var(--hraness-marketing-h2-leading, 1.15)",
+    "text-wrap": "balance",
+    "font-size": "var(--hraness-paper-section-heading-size, clamp(1.75rem, 3vw, 2.5rem))"
+  },
+  "quotes__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.125rem",
+    "line-height": "1.5"
+  },
+  "pricing": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "padding-block": "var(--hraness-marketing-section-space)",
+    "scroll-margin-block-start": "calc(var(--hraness-sticky-offset, 2.75rem) + 0.75rem)",
+    "display": "grid",
+    "gap": "clamp(1.5rem, 4vw, 3rem)"
+  },
+  "pricing__header": {
+    "display": "grid",
+    "max-inline-size": "var(--hraness-marketing-copy-measure)",
+    "gap": "0.75rem"
+  },
+  "pricing__label": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none"
+  },
+  "pricing__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, -0.012em)",
+    "line-height": "var(--hraness-marketing-h2-leading, 1.15)",
+    "text-wrap": "balance",
+    "font-size": "var(--hraness-paper-section-heading-size, clamp(1.75rem, 3vw, 2.5rem))"
+  },
+  "pricing__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.125rem",
+    "line-height": "1.5"
+  },
+  "questions": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "padding-block": "var(--hraness-marketing-section-space)",
+    "scroll-margin-block-start": "calc(var(--hraness-sticky-offset, 2.75rem) + 0.75rem)",
+    "display": "grid",
+    "gap": "clamp(1.5rem, 4vw, 3rem)"
+  },
+  "questions__header": {
+    "display": "grid",
+    "max-inline-size": "var(--hraness-marketing-copy-measure)",
+    "gap": "0.75rem"
+  },
+  "questions__label": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none"
+  },
+  "questions__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, -0.012em)",
+    "line-height": "var(--hraness-marketing-h2-leading, 1.15)",
+    "text-wrap": "balance",
+    "font-size": "var(--hraness-paper-section-heading-size, clamp(1.75rem, 3vw, 2.5rem))"
+  },
+  "questions__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.125rem",
+    "line-height": "1.5"
+  },
+  "maker": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "padding-block": "var(--hraness-marketing-section-space)",
+    "scroll-margin-block-start": "calc(var(--hraness-sticky-offset, 2.75rem) + 0.75rem)",
+    "display": "grid",
+    "align-items": "start",
+    "gap": "clamp(1.5rem, 4vw, 3rem)",
+    "grid-template-columns": {
+      "default": "minmax(0, 0.8fr) minmax(0, 1.2fr)",
+      "@media (max-width: 48rem)": "minmax(0, 1fr)"
+    }
+  },
+  "maker__header": {
+    "display": "grid",
+    "max-inline-size": "var(--hraness-marketing-copy-measure)",
+    "gap": "0.75rem"
+  },
+  "maker__label": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none"
+  },
+  "maker__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, -0.012em)",
+    "line-height": "var(--hraness-marketing-h2-leading, 1.15)",
+    "text-wrap": "balance",
+    "font-size": "var(--hraness-paper-section-heading-size, clamp(1.75rem, 3vw, 2.5rem))"
+  },
+  "primitives__list": {
+    "display": "grid",
+    "align-items": "stretch",
+    "margin": "0",
+    "padding": "0",
+    "list-style": "none",
+    "gap": "1rem",
+    "grid-template-columns": "repeat(auto-fit, minmax(min(100%, 18rem), 1fr))"
+  },
+  "primitive": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "min-block-size": "100%",
+    "align-content": "start",
+    "gap": "0.6rem",
+    "padding": "clamp(1.25rem, 2.5vw, 1.75rem)",
+    "border-top": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-frame-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": {
+      "default": "var(--hraness-marketing-surface-shadow)",
+      "@media (forced-colors: active)": "none"
+    },
+    "color": {
+      "@media (forced-colors: active)": "CanvasText"
+    }
+  },
+  "primitive__number": {
+    "color": "var(--hraness-marketing-accent)",
+    "font-family": "var(--hraness-marketing-mono-font)",
+    "font-size": "0.78rem",
+    "font-weight": "500"
+  },
+  "primitive__heading": {
+    "margin": "0",
+    "font-size": "1.1rem",
+    "font-weight": "600",
+    "letter-spacing": "-0.01em"
+  },
+  "primitive__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.95rem",
+    "line-height": "1.5"
+  },
+  "interface_grid": {
+    "display": "grid",
+    "align-items": "stretch",
+    "margin": "0",
+    "gap": "1rem",
+    "grid-template-columns": "repeat(auto-fit, minmax(min(100%, 16rem), 1fr))"
+  },
+  "trust_grid": {
+    "display": "grid",
+    "align-items": "stretch",
+    "margin": "0",
+    "gap": "1rem",
+    "grid-template-columns": "repeat(auto-fit, minmax(min(100%, 16rem), 1fr))"
+  },
+  "interface": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "min-block-size": "100%",
+    "align-content": "start",
+    "gap": "0.5rem",
+    "padding": "clamp(1.25rem, 2.5vw, 1.75rem)",
+    "border-top": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-frame-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": {
+      "default": "var(--hraness-marketing-surface-shadow)",
+      "@media (forced-colors: active)": "none"
+    },
+    "color": {
+      "@media (forced-colors: active)": "CanvasText"
+    }
+  },
+  "trust_item": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "min-block-size": "100%",
+    "align-content": "start",
+    "gap": "0.5rem",
+    "padding": "clamp(1.25rem, 2.5vw, 1.75rem)",
+    "border-top": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-frame-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": {
+      "default": "var(--hraness-marketing-surface-shadow)",
+      "@media (forced-colors: active)": "none"
+    },
+    "color": {
+      "@media (forced-colors: active)": "CanvasText"
+    }
+  },
+  "interface__heading": {
+    "margin": "0",
+    "font-size": "1.05rem",
+    "font-weight": "600",
+    "letter-spacing": "-0.01em"
+  },
+  "interface__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.95rem",
+    "line-height": "1.5"
+  },
+  "trust_item__label": {
+    "margin": "0",
+    "font-size": "1.05rem",
+    "font-weight": "600",
+    "letter-spacing": "-0.01em"
+  },
+  "trust_item__detail": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.95rem",
+    "line-height": "1.5"
+  },
+  "card_row": {
+    "display": "grid",
+    "align-items": "stretch",
+    "margin": "0",
+    "gap": "1rem",
+    "grid-template-columns": "repeat(auto-fit, minmax(min(100%, 16rem), 1fr))"
+  },
+  "card": {
+    "display": "flex",
+    "flex-direction": "column",
+    "position": "relative",
+    "isolation": "isolate",
+    "min-inline-size": "0",
+    "min-block-size": "100%",
+    "align-self": "stretch",
+    "gap": "0.5rem",
+    "padding": "clamp(1.25rem, 2.5vw, 1.75rem)",
+    "border-top": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-frame-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": {
+      "default": "var(--hraness-marketing-surface-shadow)",
+      "@media (forced-colors: active)": "none"
+    },
+    "color": {
+      "default": "inherit",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "text-decoration": "none"
+  },
+  "card__art": {
+    "display": "flex",
+    "flex-grow": "0",
+    "flex-shrink": "0",
+    "flex-basis": "auto",
+    "align-items": "center",
+    "justify-content": "center",
+    "position": "relative",
+    "isolation": "isolate",
+    "contain": "paint",
+    "overflow": "hidden",
+    "min-inline-size": "0",
+    "max-inline-size": "100%",
+    "inline-size": "100%",
+    "min-block-size": "2.75rem",
+    "border-top": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-radius": "var(--hraness-marketing-radius)",
+    "background-color": {
+      "default": "color-mix(in oklch, var(--hraness-marketing-ink) 8%, var(--hraness-marketing-surface))",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": {
+      "@media (forced-colors: active)": "none"
+    },
+    "color": {
+      "@media (forced-colors: active)": "CanvasText"
+    }
+  },
+  "card__title": {
+    "margin": "0",
+    "font-size": "1.05rem",
+    "font-weight": "600",
+    "letter-spacing": "-0.01em",
+    "overflow-wrap": "anywhere"
+  },
+  "card__meta": {
+    "overflow": "hidden",
+    "min-block-size": "calc(var(--hraness-marketing-card-meta-lines, 2) * 1.45em)",
+    "max-block-size": "calc(var(--hraness-marketing-card-meta-lines, 2) * 1.45em)",
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.85rem",
+    "line-height": "1.45"
+  },
+  "card__body": {
+    "display": "flex",
+    "flex-grow": "1",
+    "flex-shrink": "1",
+    "flex-basis": "auto",
+    "flex-direction": "column",
+    "min-block-size": "0",
+    "gap": "0.35rem"
+  },
+  "quote_grid": {
+    "display": "grid",
+    "align-items": "stretch",
+    "margin": "0",
+    "padding": "0",
+    "list-style": "none",
+    "gap": "1rem",
+    "grid-template-columns": "repeat(auto-fit, minmax(min(100%, 18rem), 1fr))"
+  },
+  "quote": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "min-block-size": "100%",
+    "align-content": "space-between",
+    "gap": "1.25rem",
+    "margin": "0",
+    "padding": "clamp(1.25rem, 2.5vw, 1.75rem)",
+    "border-top": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-frame-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": {
+      "default": "var(--hraness-marketing-surface-shadow)",
+      "@media (forced-colors: active)": "none"
+    },
+    "color": {
+      "@media (forced-colors: active)": "CanvasText"
+    }
+  },
+  "quote__body": {
+    "margin": "0",
+    "font-size": "1rem",
+    "line-height": "1.55"
+  },
+  "quote__text": {
+    "margin": "0"
+  },
+  "quote__attribution": {
+    "display": "flex",
+    "flex-wrap": "wrap",
+    "align-items": "baseline",
+    "gap": "0.25rem 0.5rem",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.88rem"
+  },
+  "quote__name": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-weight": "600"
+  },
+  "quote__link": {
+    "color": "inherit",
+    "text-decoration": {
+      "default": "none",
+      ":hover": "underline"
+    }
+  },
+  "plan_grid": {
+    "display": "grid",
+    "align-items": "stretch",
+    "margin": "0",
+    "padding": "0",
+    "list-style": "none",
+    "gap": "1rem",
+    "grid-template-columns": "repeat(auto-fit, minmax(min(100%, 17rem), 1fr))"
+  },
+  "plan": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "min-block-size": "100%",
+    "align-content": "start",
+    "gap": "1rem",
+    "padding": "clamp(1.5rem, 3vw, 2rem)",
+    "border-top": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-frame-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": {
+      "default": "var(--hraness-marketing-surface-shadow)",
+      "@media (forced-colors: active)": "none"
+    },
+    "color": {
+      "@media (forced-colors: active)": "CanvasText"
+    }
+  },
+  "planPrimary": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "align-content": "start",
+    "gap": "1rem",
+    "padding": "clamp(1.5rem, 3vw, 2rem)",
+    "border-top": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "default": "var(--hraness-marketing-surface-rule)",
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-frame-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": { "default": "inset 0 0 0 1px color-mix(in srgb, var(--hraness-marketing-accent) 30%, transparent), var(--hraness-marketing-surface-shadow)", "@media (forced-colors: active)": "none" },
+    "color": {
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "border-top-color": { "default": "transparent", "@media (forced-colors: active)": "CanvasText" },
+    "border-right-color": { "default": "transparent", "@media (forced-colors: active)": "CanvasText" },
+    "border-bottom-color": { "default": "transparent", "@media (forced-colors: active)": "CanvasText" },
+    "border-left-color": { "default": "transparent", "@media (forced-colors: active)": "CanvasText" }
+  },
+  "plan__name": {
+    "margin": "0",
+    "font-size": "1.1rem",
+    "font-weight": "600"
+  },
+  "plan__price": {
+    "display": "flex",
+    "align-items": "baseline",
+    "gap": "0.35rem",
+    "margin": "0"
+  },
+  "plan__value": {
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-size": "2.25rem",
+    "font-weight": "500",
+    "letter-spacing": "-0.02em",
+    "line-height": "1"
+  },
+  "plan__period": {
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.95rem"
+  },
+  "plan__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.95rem"
+  },
+  "plan__features": {
+    "display": "grid",
+    "margin": "0",
+    "padding": "0",
+    "list-style": "none",
+    "gap": "0.5rem",
+    "font-size": "0.95rem"
+  },
+  "plan__feature": {
+    "display": "grid",
+    "gap": "0.6rem",
+    "grid-template-columns": "1rem minmax(0, 1fr)",
+    "::before": {
+      "content": "\"\"",
+      "inline-size": "1rem",
+      "block-size": "1rem",
+      "margin-block-start": "0.2rem",
+      "border-radius": "999px",
+      "background-color": "var(--hraness-marketing-accent-soft)",
+      "background-image": "linear-gradient(var(--hraness-marketing-accent), var(--hraness-marketing-accent)), none",
+      "background-position": "center, 0% 0%",
+      "background-size": "0.4rem 0.4rem, auto auto",
+      "background-repeat": "no-repeat, repeat",
+      "background-origin": "padding-box",
+      "background-clip": "border-box",
+      "background-attachment": "scroll"
+    }
+  },
+  "plan__note": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.85rem"
+  },
+  "question_list": {
+    "display": "grid"
+  },
+  "question": {
+    "border-block-start": "var(--hraness-marketing-rule)"
+  },
+  "questionLast": {
+    "border-block-start": "var(--hraness-marketing-rule)",
+    "border-block-end": "var(--hraness-marketing-rule)"
+  },
+  "question__summary": {
+    outline: { default: null, ":focus-visible": "2px solid var(--hraness-marketing-accent)" },
+    "outline-offset": { default: null, ":focus-visible": "2px" },
+    "border-radius": { default: null, ":focus-visible": "0.25rem" },
+    "display": "flex",
+    "min-block-size": {
+      "default": "3.25rem",
+      "@media (pointer: coarse)": "3rem"
+    },
+    "align-items": "center",
+    "justify-content": "space-between",
+    "gap": "1rem",
+    "padding-block": "1rem",
+    "color": "var(--hraness-marketing-ink)",
+    "cursor": "pointer",
+    "font-size": "1.05rem",
+    "font-weight": "500",
+    "list-style": "none",
+    "::-webkit-details-marker": {
+      "display": "none"
+    },
+    "::after": {
+      "content": "\"+\"",
+      "flex": "0 0 auto",
+      "color": "var(--hraness-marketing-muted)",
+      "font-size": "1.25rem",
+      "font-weight": "400",
+      "line-height": "1",
+      "transform": {
+        "default": null,
+        [stylex.when.ancestor("[open]", questionMarker)]: "rotate(45deg)"
+      }
+    }
+  },
+  "question__answer": {
+    "max-inline-size": "var(--hraness-marketing-prose-measure)",
+    "padding-block": "0 1.5rem",
+    "color": "var(--hraness-marketing-muted)",
+    "line-height": "1.6"
+  },
+  "maker__portrait": {
+    "inline-size": "4.5rem",
+    "block-size": "4.5rem",
+    "overflow": "hidden",
+    "border-radius": "999px",
+    "background-color": "var(--hraness-marketing-accent-soft)",
+    "background-image": "none",
+    "background-position": "0% 0%",
+    "background-size": "auto auto",
+    "background-repeat": "repeat",
+    "background-origin": "padding-box",
+    "background-clip": "border-box",
+    "background-attachment": "scroll"
+  },
+  "maker__body": {
+    "display": "grid",
+    "min-inline-size": "0",
+    "gap": "1rem"
+  },
+  "maker__links": {
+    "display": "flex",
+    "flex-wrap": "wrap",
+    "gap": "0.5rem 1.25rem",
+    "margin": "0",
+    "padding": "0",
+    "list-style": "none",
+    "font-size": "0.95rem",
+    "font-weight": "500"
+  },
+  "cta": {
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "display": "grid",
+    "justify-items": "center",
+    "gap": "1.25rem",
+    "padding-block": "var(--hraness-marketing-section-space)",
+    "text-align": "center"
+  },
+  "ctaAccent": {
+    "color": {
+      "default": "var(--hraness-marketing-accent-ink)",
+      "@media (forced-colors: active)": "CanvasText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "inline-size": "min(100%, var(--hraness-marketing-measure))",
+    "min-inline-size": "0",
+    "margin-inline": "auto",
+    "display": "grid",
+    "justify-items": "center",
+    "gap": "1.25rem",
+    "padding-block": "var(--hraness-marketing-section-space)",
+    "border-block-start": "0",
+    "text-align": "center",
+    "background-color": {
+      "default": "var(--hraness-marketing-accent)",
+      "@media (forced-colors: active)": "Canvas"
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll"
+    },
+    "box-shadow": {
+      "default": "0 0 0 100vmax var(--hraness-marketing-accent)",
+      "@media (forced-colors: active)": "none"
+    },
+    "clip-path": "inset(0 -100vmax)",
+    "border-top": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-right": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-bottom": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-left": {
+      "@media (forced-colors: active)": "1px solid CanvasText"
+    },
+    "border-image-source": {
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "@media (forced-colors: active)": "stretch"
+    }
+  },
+  "cta__eyebrow": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.875rem",
+    "font-weight": "500",
+    "letter-spacing": "0",
+    "line-height": "1.4",
+    "text-transform": "none"
+  },
+  "cta__heading": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-ink)",
+    "font-family": "var(--hraness-marketing-heading-font)",
+    "font-weight": "var(--hraness-marketing-heading-weight)",
+    "letter-spacing": "var(--hraness-marketing-h2-tracking, var(--hraness-marketing-heading-tracking))",
+    "line-height": "var(--hraness-marketing-h2-leading, 1.08)",
+    "text-wrap": "balance",
+    "max-inline-size": "20ch",
+    "font-size": "var(--hraness-paper-section-heading-size, clamp(2rem, 4vw, 3.25rem))"
+  },
+  "cta__summary": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "1.125rem",
+    "line-height": "1.5",
+    "max-inline-size": "var(--hraness-marketing-copy-measure)"
+  },
+  "cta__actions": {
+    "display": "flex",
+    "flex-wrap": "wrap",
+    "align-items": "center",
+    "gap": "0.65rem",
+    "justify-content": "center",
+    "margin-block-start": "0.5rem"
+  },
+  "cta__footnote": {
+    "margin": "0",
+    "color": "var(--hraness-marketing-muted)",
+    "font-size": "0.9rem"
+  },
+  "action": {
+    "display": "inline-flex",
+    "min-block-size": {
+      "default": "var(--hraness-marketing-action-height)",
+      "@media (pointer: coarse)": "3rem"
+    },
+    "align-items": "center",
+    "justify-content": "center",
+    "gap": "0.45rem",
+    "padding": "0.6rem 1.1rem",
+    "border-top": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-right": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-bottom": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-left": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "ButtonFace",
+      ":hover": { "default": "color-mix(in oklch, var(--hraness-marketing-ink) 6%, var(--hraness-marketing-surface))", "@media (forced-colors: active)": "ButtonFace" }
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none",
+      ":hover": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%",
+      ":hover": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto",
+      ":hover": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat",
+      ":hover": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box",
+      ":hover": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box",
+      ":hover": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll",
+      ":hover": "scroll"
+    },
+    "color": {
+      "default": "var(--hraness-marketing-ink)",
+      "@media (forced-colors: active)": "ButtonText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.95rem",
+    "font-weight": "500",
+    "line-height": "1.2",
+    "text-decoration": {
+      "default": "none",
+      ":hover": "none"
+    }
+  },
+  "actionPrimary": {
+    ...foilEdgeStops,
+    "--hraness-foil-glow": {
+      "default": "0",
+      "@media (hover: hover)": { ":hover:not(:disabled)": "1" }
+    },
+    "--hraness-foil-surface": {
+      "default": "var(--hraness-marketing-accent)",
+      ":hover": "color-mix(in oklch, var(--hraness-marketing-accent) 84%, black)"
+    },
+    "display": "inline-flex",
+    "min-block-size": {
+      "default": "var(--hraness-marketing-action-height)",
+      "@media (pointer: coarse)": "3rem"
+    },
+    "align-items": "center",
+    "justify-content": "center",
+    "gap": "0.45rem",
+    "padding": "0.6rem 1.1rem",
+    "border-top": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-right": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-bottom": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-left": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-radius)",
+    "background-color": {
+      "default": "var(--hraness-foil-surface, var(--surface, var(--background, Canvas)))",
+      "@media (forced-colors: active)": "ButtonFace",
+      ":hover": {
+        "default": "var(--hraness-foil-surface, var(--surface, var(--background, Canvas)))",
+        "@media (forced-colors: active)": "ButtonFace"
+      }
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none",
+      ":hover": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%",
+      ":hover": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto",
+      ":hover": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat",
+      ":hover": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box",
+      ":hover": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box",
+      ":hover": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll",
+      ":hover": "scroll"
+    },
+    "box-shadow": {
+      "default": foilHalo,
+      "@media (forced-colors: active)": "none",
+      ":hover": {
+        "default": foilHalo,
+        "@media (forced-colors: active)": "none"
+      }
+    },
+    "color": {
+      "default": "var(--hraness-marketing-accent-ink)",
+      "@media (forced-colors: active)": "ButtonText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.95rem",
+    "font-weight": "500",
+    "line-height": "1.2",
+    "text-decoration": {
+      "default": "none",
+      ":hover": "none"
+    },
+  },
+  "headerAction": {
+    "display": "inline-flex",
+    "min-block-size": {
+      "default": "var(--hraness-marketing-header-action-height, 2rem)",
+      "@media (max-width: 48rem)": "max(2.75rem, var(--hraness-marketing-header-action-height, 2rem))"
+    },
+    "align-items": "center",
+    "justify-content": "center",
+    "gap": "0.45rem",
+    "padding": "0.6rem 1.1rem",
+    "border-top": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-right": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-bottom": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-left": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "ButtonFace",
+      ":hover": { "default": "color-mix(in oklch, var(--hraness-marketing-ink) 6%, var(--hraness-marketing-surface))", "@media (forced-colors: active)": "ButtonFace" }
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none",
+      ":hover": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%",
+      ":hover": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto",
+      ":hover": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat",
+      ":hover": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box",
+      ":hover": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box",
+      ":hover": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll",
+      ":hover": "scroll"
+    },
+    "color": {
+      "default": "var(--hraness-marketing-ink)",
+      "@media (forced-colors: active)": "ButtonText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.85rem",
+    "font-weight": "500",
+    "line-height": "1.2",
+    "text-decoration": {
+      "default": "none",
+      ":hover": "none"
+    },
+    "padding-block": "0.3rem",
+    "padding-inline": "0.8rem"
+  },
+  "headerActionPrimary": {
+    ...foilEdgeStops,
+    "--hraness-foil-glow": {
+      "default": "0",
+      "@media (hover: hover)": { ":hover:not(:disabled)": "1" }
+    },
+    "--hraness-foil-surface": {
+      "default": "var(--hraness-marketing-accent)",
+      ":hover": "color-mix(in oklch, var(--hraness-marketing-accent) 84%, black)"
+    },
+    "display": "inline-flex",
+    "min-block-size": {
+      "default": "var(--hraness-marketing-header-action-height, 2rem)",
+      "@media (max-width: 48rem)": "max(2.75rem, var(--hraness-marketing-header-action-height, 2rem))"
+    },
+    "align-items": "center",
+    "justify-content": "center",
+    "gap": "0.45rem",
+    "padding": "0.6rem 1.1rem",
+    "border-top": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-right": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-bottom": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-left": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-radius)",
+    "background-color": {
+      "default": "var(--hraness-foil-surface, var(--surface, var(--background, Canvas)))",
+      "@media (forced-colors: active)": "ButtonFace",
+      ":hover": {
+        "default": "var(--hraness-foil-surface, var(--surface, var(--background, Canvas)))",
+        "@media (forced-colors: active)": "ButtonFace"
+      }
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none",
+      ":hover": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%",
+      ":hover": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto",
+      ":hover": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat",
+      ":hover": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box",
+      ":hover": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box",
+      ":hover": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll",
+      ":hover": "scroll"
+    },
+    "box-shadow": {
+      "default": foilHalo,
+      "@media (forced-colors: active)": "none",
+      ":hover": {
+        "default": foilHalo,
+        "@media (forced-colors: active)": "none"
+      }
+    },
+    "color": {
+      "default": "var(--hraness-marketing-accent-ink)",
+      "@media (forced-colors: active)": "ButtonText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.85rem",
+    "font-weight": "500",
+    "line-height": "1.2",
+    "text-decoration": {
+      "default": "none",
+      ":hover": "none"
+    },
+    "padding-block": "0.3rem",
+    "padding-inline": "0.8rem"
+  },
+  "planAction": {
+    "display": "inline-flex",
+    "min-block-size": {
+      "default": "var(--hraness-marketing-action-height)",
+      "@media (pointer: coarse)": "3rem"
+    },
+    "align-items": "center",
+    "justify-content": "center",
+    "gap": "0.45rem",
+    "padding": "0.6rem 1.1rem",
+    "border-top": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-right": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-bottom": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-left": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-radius)",
+    "background-color": {
+      "default": "var(--hraness-marketing-surface)",
+      "@media (forced-colors: active)": "ButtonFace",
+      ":hover": { "default": "color-mix(in oklch, var(--hraness-marketing-ink) 6%, var(--hraness-marketing-surface))", "@media (forced-colors: active)": "ButtonFace" }
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none",
+      ":hover": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%",
+      ":hover": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto",
+      ":hover": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat",
+      ":hover": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box",
+      ":hover": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box",
+      ":hover": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll",
+      ":hover": "scroll"
+    },
+    "color": {
+      "default": "var(--hraness-marketing-ink)",
+      "@media (forced-colors: active)": "ButtonText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.95rem",
+    "font-weight": "500",
+    "line-height": "1.2",
+    "text-decoration": {
+      "default": "none",
+      ":hover": "none"
+    },
+    "justify-self": "start"
+  },
+  "planActionPrimary": {
+    ...foilEdgeStops,
+    "--hraness-foil-glow": {
+      "default": "0",
+      "@media (hover: hover)": { ":hover:not(:disabled)": "1" }
+    },
+    "--hraness-foil-surface": {
+      "default": "var(--hraness-marketing-accent)",
+      ":hover": "color-mix(in oklch, var(--hraness-marketing-accent) 84%, black)"
+    },
+    "display": "inline-flex",
+    "min-block-size": {
+      "default": "var(--hraness-marketing-action-height)",
+      "@media (pointer: coarse)": "3rem"
+    },
+    "align-items": "center",
+    "justify-content": "center",
+    "gap": "0.45rem",
+    "padding": "0.6rem 1.1rem",
+    "border-top": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-right": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-bottom": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-left": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-radius)",
+    "background-color": {
+      "default": "var(--hraness-foil-surface, var(--surface, var(--background, Canvas)))",
+      "@media (forced-colors: active)": "ButtonFace",
+      ":hover": {
+        "default": "var(--hraness-foil-surface, var(--surface, var(--background, Canvas)))",
+        "@media (forced-colors: active)": "ButtonFace"
+      }
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none",
+      ":hover": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%",
+      ":hover": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto",
+      ":hover": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat",
+      ":hover": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box",
+      ":hover": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box",
+      ":hover": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll",
+      ":hover": "scroll"
+    },
+    "box-shadow": {
+      "default": foilHalo,
+      "@media (forced-colors: active)": "none",
+      ":hover": {
+        "default": foilHalo,
+        "@media (forced-colors: active)": "none"
+      }
+    },
+    "color": {
+      "default": "var(--hraness-marketing-accent-ink)",
+      "@media (forced-colors: active)": "ButtonText"
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.95rem",
+    "font-weight": "500",
+    "line-height": "1.2",
+    "text-decoration": {
+      "default": "none",
+      ":hover": "none"
+    },
+    "justify-self": "start"
+  },
+  "heroActionPrimary": {
+    ...foilEdgeStops,
+    "--hraness-foil-glow": {
+      "default": "0",
+      "@media (hover: hover)": { ":hover:not(:disabled)": "1" }
+    },
+    "--hraness-foil-surface": {
+      "default": "var(--hraness-marketing-accent-ink)",
+      ":hover": "color-mix(in oklch, var(--hraness-marketing-accent-ink) 90%, var(--hraness-marketing-accent))"
+    },
+    "display": "inline-flex",
+    "min-block-size": {
+      "default": "var(--hraness-marketing-action-height)",
+      "@media (pointer: coarse)": "3rem"
+    },
+    "align-items": "center",
+    "justify-content": "center",
+    "gap": "0.45rem",
+    "padding": "0.6rem 1.1rem",
+    "border-top": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-right": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-bottom": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-left": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-radius)",
+    "background-color": {
+      "default": "var(--hraness-foil-surface, var(--surface, var(--background, Canvas)))",
+      "@media (forced-colors: active)": "ButtonFace",
+      ":hover": {
+        "default": "var(--hraness-foil-surface, var(--surface, var(--background, Canvas)))",
+        "@media (forced-colors: active)": "ButtonFace"
+      }
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none",
+      ":hover": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%",
+      ":hover": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto",
+      ":hover": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat",
+      ":hover": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box",
+      ":hover": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box",
+      ":hover": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll",
+      ":hover": "scroll"
+    },
+    "box-shadow": {
+      "default": foilHalo,
+      "@media (forced-colors: active)": "none",
+      ":hover": {
+        "default": foilHalo,
+        "@media (forced-colors: active)": "none"
+      }
+    },
+    "color": {
+      "@media (forced-colors: active)": "ButtonText",
+      "default": "var(--hraness-marketing-accent)",
+      ":hover": { "default": "var(--hraness-marketing-accent)", "@media (forced-colors: active)": "ButtonText" }
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.95rem",
+    "font-weight": "500",
+    "line-height": "1.2",
+    "text-decoration": {
+      "default": "none",
+      ":hover": "none"
+    },
+  },
+  "heroActionSecondary": {
+    "display": "inline-flex",
+    "min-block-size": {
+      "default": "var(--hraness-marketing-action-height)",
+      "@media (pointer: coarse)": "3rem"
+    },
+    "align-items": "center",
+    "justify-content": "center",
+    "gap": "0.45rem",
+    "padding": "0.6rem 1.1rem",
+    "border-top": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-right": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-bottom": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-left": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-radius)",
+    "background-color": {
+      "@media (forced-colors: active)": "ButtonFace",
+      "default": "transparent",
+      ":hover": { "default": "transparent", "@media (forced-colors: active)": "ButtonFace" }
+    },
+    "background-image": {
+      "default": "none",
+      ":hover": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      ":hover": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      ":hover": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      ":hover": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      ":hover": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      ":hover": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      ":hover": "scroll"
+    },
+    "color": {
+      "@media (forced-colors: active)": "ButtonText",
+      "default": "var(--hraness-marketing-accent-ink)",
+      ":hover": { "default": "var(--hraness-marketing-accent-ink)", "@media (forced-colors: active)": "ButtonText" }
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.95rem",
+    "font-weight": "500",
+    "line-height": "1.2",
+    "text-decoration": {
+      "default": "none",
+      ":hover": "none"
+    },
+    "border-top-color": {
+      "default": "var(--hraness-marketing-line-strong)",
+      ":hover": "var(--hraness-marketing-line-strong)"
+    },
+    "border-right-color": {
+      "default": "var(--hraness-marketing-line-strong)",
+      ":hover": "var(--hraness-marketing-line-strong)"
+    },
+    "border-bottom-color": {
+      "default": "var(--hraness-marketing-line-strong)",
+      ":hover": "var(--hraness-marketing-line-strong)"
+    },
+    "border-left-color": {
+      "default": "var(--hraness-marketing-line-strong)",
+      ":hover": "var(--hraness-marketing-line-strong)"
+    }
+  },
+  "ctaActionPrimary": {
+    ...foilEdgeStops,
+    "--hraness-foil-glow": {
+      "default": "0",
+      "@media (hover: hover)": { ":hover:not(:disabled)": "1" }
+    },
+    "--hraness-foil-surface": "var(--hraness-marketing-accent-ink)",
+    "display": "inline-flex",
+    "min-block-size": {
+      "default": "var(--hraness-marketing-action-height)",
+      "@media (pointer: coarse)": "3rem"
+    },
+    "align-items": "center",
+    "justify-content": "center",
+    "gap": "0.45rem",
+    "padding": "0.6rem 1.1rem",
+    "border-top": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-right": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-bottom": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-left": {
+      "default": "2px solid var(--_hraness-foil-edge, light-dark(black, white))",
+      "@media (forced-colors: active)": "2px solid ButtonText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-radius)",
+    "background-color": {
+      "default": "var(--hraness-foil-surface, var(--surface, var(--background, Canvas)))",
+      "@media (forced-colors: active)": "ButtonFace",
+      ":hover": {
+        "default": "var(--hraness-foil-surface, var(--surface, var(--background, Canvas)))",
+        "@media (forced-colors: active)": "ButtonFace"
+      }
+    },
+    "background-image": {
+      "default": "none",
+      "@media (forced-colors: active)": "none",
+      ":hover": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      "@media (forced-colors: active)": "0% 0%",
+      ":hover": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      "@media (forced-colors: active)": "auto auto",
+      ":hover": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      "@media (forced-colors: active)": "repeat",
+      ":hover": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      "@media (forced-colors: active)": "padding-box",
+      ":hover": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      "@media (forced-colors: active)": "border-box",
+      ":hover": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      "@media (forced-colors: active)": "scroll",
+      ":hover": "scroll"
+    },
+    "box-shadow": {
+      "default": foilHalo,
+      "@media (forced-colors: active)": "none",
+      ":hover": {
+        "default": foilHalo,
+        "@media (forced-colors: active)": "none"
+      }
+    },
+    "color": {
+      "@media (forced-colors: active)": "ButtonText",
+      "default": "var(--hraness-marketing-accent)",
+      ":hover": { "default": "var(--hraness-marketing-accent)", "@media (forced-colors: active)": "ButtonText" }
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.95rem",
+    "font-weight": "500",
+    "line-height": "1.2",
+    "text-decoration": {
+      "default": "none",
+      ":hover": "none"
+    },
+  },
+  "ctaActionSecondary": {
+    "display": "inline-flex",
+    "min-block-size": {
+      "default": "var(--hraness-marketing-action-height)",
+      "@media (pointer: coarse)": "3rem"
+    },
+    "align-items": "center",
+    "justify-content": "center",
+    "gap": "0.45rem",
+    "padding": "0.6rem 1.1rem",
+    "border-top": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-right": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-bottom": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-left": {
+      "default": "1px solid var(--hraness-marketing-line-strong)",
+      "@media (forced-colors: active)": "1px solid ButtonText"
+    },
+    "border-image-source": {
+      "default": "none",
+      "@media (forced-colors: active)": "none"
+    },
+    "border-image-slice": {
+      "default": "100%",
+      "@media (forced-colors: active)": "100%"
+    },
+    "border-image-width": {
+      "default": "1",
+      "@media (forced-colors: active)": "1"
+    },
+    "border-image-outset": {
+      "default": "0",
+      "@media (forced-colors: active)": "0"
+    },
+    "border-image-repeat": {
+      "default": "stretch",
+      "@media (forced-colors: active)": "stretch"
+    },
+    "border-radius": "var(--hraness-marketing-radius)",
+    "background-color": {
+      "@media (forced-colors: active)": "ButtonFace",
+      "default": "transparent",
+      ":hover": { "default": "transparent", "@media (forced-colors: active)": "ButtonFace" }
+    },
+    "background-image": {
+      "default": "none",
+      ":hover": "none"
+    },
+    "background-position": {
+      "default": "0% 0%",
+      ":hover": "0% 0%"
+    },
+    "background-size": {
+      "default": "auto auto",
+      ":hover": "auto auto"
+    },
+    "background-repeat": {
+      "default": "repeat",
+      ":hover": "repeat"
+    },
+    "background-origin": {
+      "default": "padding-box",
+      ":hover": "padding-box"
+    },
+    "background-clip": {
+      "default": "border-box",
+      ":hover": "border-box"
+    },
+    "background-attachment": {
+      "default": "scroll",
+      ":hover": "scroll"
+    },
+    "color": {
+      "@media (forced-colors: active)": "ButtonText",
+      "default": "var(--hraness-marketing-accent-ink)",
+      ":hover": { "default": "var(--hraness-marketing-accent-ink)", "@media (forced-colors: active)": "ButtonText" }
+    },
+    "font-family": "var(--hraness-marketing-text-font)",
+    "font-size": "0.95rem",
+    "font-weight": "500",
+    "line-height": "1.2",
+    "text-decoration": {
+      "default": "none",
+      ":hover": "none"
+    }
+  }
+});
+
+const recipes = {
+  "hraness-marketing-page": { "default": marketingStyles.page },
+  "hraness-marketing-header": { "default": marketingStyles.header, "static": marketingStyles.headerStatic },
+  "hraness-marketing-header__inner": { "default": marketingStyles.header__inner },
+  "hraness-marketing-header__brand": { "default": marketingStyles.header__brand },
+  "hraness-marketing-header__nav": { "default": marketingStyles.header__nav },
+  "hraness-marketing-header__link": { "default": marketingStyles.header__link, "current": marketingStyles.header__linkCurrent },
+  "hraness-marketing-header__actions": { "default": marketingStyles.header__actions },
+  "hraness-marketing-main": { "default": marketingStyles.main, "pad": marketingStyles.mainPad },
+  "hraness-marketing-footer": { "default": marketingStyles.footer },
+  "hraness-marketing-footer__inner": { "default": marketingStyles.footer__inner },
+  "hraness-marketing-footer__brand": { "default": marketingStyles.footer__brand, "foil": marketingStyles.footer__brandFoil },
+  "hraness-marketing-footer__name": { "default": marketingStyles.footer__name },
+  "hraness-marketing-footer__nav": { "default": marketingStyles.footer__nav },
+  "hraness-marketing-footer__link": { "default": marketingStyles.footer__link, "current": marketingStyles.footer__linkCurrent },
+  "hraness-marketing-hero": { "default": marketingStyles.hero, "accent": marketingStyles.heroAccent },
+  "hraness-marketing-hero__copy": { "default": marketingStyles.hero__copy, "start": marketingStyles.hero__copyStart },
+  "hraness-marketing-hero__eyebrow": { "default": marketingStyles.hero__eyebrow, "accent": marketingStyles.hero__eyebrowAccent },
+  "hraness-marketing-hero__name": { "default": marketingStyles.hero__name },
+  "hraness-marketing-hero__heading": { "default": marketingStyles.hero__heading },
+  "hraness-marketing-hero__summary": { "default": marketingStyles.hero__summary },
+  "hraness-marketing-hero__example": { "default": marketingStyles.hero__example },
+  "hraness-marketing-hero__actions": { "default": marketingStyles.hero__actions, "start": marketingStyles.hero__actionsStart },
+  "hraness-marketing-hero__boundary": { "default": marketingStyles.hero__boundary },
+  "hraness-marketing-hero__frame": { "default": marketingStyles.hero__frame },
+  "hraness-marketing-proof": { "default": marketingStyles.proof },
+  "hraness-marketing-proof__kicker": { "default": marketingStyles.proof__kicker },
+  "hraness-marketing-proof__heading": { "default": marketingStyles.proof__heading },
+  "hraness-marketing-flow": { "default": marketingStyles.flow },
+  "hraness-marketing-flow__step": { "default": marketingStyles.flow__step, "first": marketingStyles.flow__stepFirst },
+  "hraness-marketing-flow__number": { "default": marketingStyles.flow__number },
+  "hraness-marketing-flow__body": { "default": marketingStyles.flow__body },
+  "hraness-marketing-flow__label": { "default": marketingStyles.flow__label },
+  "hraness-marketing-flow__code": { "default": marketingStyles.flow__code },
+  "hraness-marketing-flow__detail": { "default": marketingStyles.flow__detail },
+  "hraness-marketing-facts": { "default": marketingStyles.facts },
+  "hraness-marketing-facts__item": { "default": marketingStyles.facts__item, "later": marketingStyles.facts__itemLater, "odd": marketingStyles.facts__itemOdd, "row": marketingStyles.facts__itemRow, "row-odd": marketingStyles.facts__itemRowOdd },
+  "hraness-marketing-facts__label": { "default": marketingStyles.facts__label },
+  "hraness-marketing-facts__body": { "default": marketingStyles.facts__body },
+  "hraness-marketing-facts__value": { "default": marketingStyles.facts__value },
+  "hraness-marketing-facts__detail": { "default": marketingStyles.facts__detail },
+  "hraness-marketing-stats": { "default": marketingStyles.stats },
+  "hraness-marketing-notice": { "default": marketingStyles.notice, "success": [marketingStyles.notice, marketingStyles.noticeSuccess], "error": [marketingStyles.notice, marketingStyles.noticeError] },
+  "hraness-marketing-stats__list": { "default": marketingStyles.stats__list },
+  "hraness-marketing-stats__source": { "default": marketingStyles.stats__source },
+  "hraness-marketing-stats__value": { "default": marketingStyles.stats__value },
+  "hraness-marketing-pillars": { "default": marketingStyles.pillars },
+  "hraness-marketing-pillars__item": { "default": marketingStyles.pillars__item, "later": marketingStyles.pillars__itemLater },
+  "hraness-marketing-pillars__label": { "default": marketingStyles.pillars__label },
+  "hraness-marketing-pillars__summary": { "default": marketingStyles.pillars__summary },
+  "hraness-marketing-proof-frame": { "default": marketingStyles.proof_frame },
+  "hraness-marketing-proof-frame__chrome": { "default": marketingStyles.proof_frame__chrome },
+  "hraness-marketing-proof-frame__lights": { "default": marketingStyles.proof_frame__lights },
+  "hraness-marketing-proof-frame__light": { "default": marketingStyles.proof_frame__light },
+  "hraness-marketing-proof-frame__title": { "default": marketingStyles.proof_frame__title, "terminal": marketingStyles.proof_frame__title_mono },
+  "hraness-marketing-proof-frame__address": { "default": marketingStyles.proof_frame__address },
+  "hraness-marketing-proof-frame__content": { "default": marketingStyles.proof_frame__content },
+  "hraness-marketing-proof-frame__caption": { "default": marketingStyles.proof_frame__caption },
+  "hraness-marketing-proof-frame__credit": { "default": marketingStyles.proof_frame__credit },
+  "hraness-marketing-data-table": { "default": marketingStyles.data_table },
+  "hraness-marketing-data-table__head": { "default": marketingStyles.data_table__head },
+  "hraness-marketing-data-table__title": { "default": marketingStyles.data_table__title },
+  "hraness-marketing-data-table__meta": { "default": marketingStyles.data_table__meta },
+  "hraness-marketing-data-table__scroll": { "default": marketingStyles.data_table__scroll },
+  "hraness-marketing-data-table__table": { "default": marketingStyles.data_table__table },
+  "hraness-marketing-data-table__heading": { "default": marketingStyles.data_table__heading },
+  "hraness-marketing-data-table__row-heading": { "default": marketingStyles.data_table__row_heading },
+  "hraness-marketing-data-table__cell": { "default": marketingStyles.data_table__cell },
+  "hraness-marketing-data-table__note": { "default": marketingStyles.data_table__note },
+  "hraness-marketing-code": { "default": marketingStyles.code },
+  "hraness-marketing-install": { "default": marketingStyles.install },
+  "hraness-marketing-install__heading-group": { "default": marketingStyles.install__heading_group },
+  "hraness-marketing-install__eyebrow": { "default": marketingStyles.install__eyebrow },
+  "hraness-marketing-install__heading": { "default": marketingStyles.install__heading },
+  "hraness-marketing-install__commands": { "default": marketingStyles.install__commands },
+  "hraness-marketing-section": { "default": marketingStyles.section, "split": marketingStyles.sectionSplit },
+  "hraness-marketing-section__heading-group": { "default": marketingStyles.section__heading_group, "split": marketingStyles.section__heading_groupSplit, "reverse": marketingStyles.section__heading_groupReverse },
+  "hraness-marketing-section__label": { "default": marketingStyles.section__label, "body": [marketingStyles.section__label, marketingStyles.sectionLabelBody] },
+  "hraness-marketing-section__heading": { "default": marketingStyles.section__heading },
+  "hraness-marketing-section__summary": { "default": marketingStyles.section__summary },
+  "hraness-marketing-section__body": { "default": marketingStyles.section__body },
+  "hraness-marketing-primitives": { "default": marketingStyles.primitives },
+  "hraness-marketing-primitives__header": { "default": marketingStyles.primitives__header },
+  "hraness-marketing-primitives__label": { "default": marketingStyles.primitives__label },
+  "hraness-marketing-primitives__heading": { "default": marketingStyles.primitives__heading },
+  "hraness-marketing-primitives__summary": { "default": marketingStyles.primitives__summary },
+  "hraness-marketing-interfaces": { "default": marketingStyles.interfaces },
+  "hraness-marketing-interfaces__header": { "default": marketingStyles.interfaces__header },
+  "hraness-marketing-interfaces__label": { "default": marketingStyles.interfaces__label },
+  "hraness-marketing-interfaces__heading": { "default": marketingStyles.interfaces__heading },
+  "hraness-marketing-interfaces__summary": { "default": marketingStyles.interfaces__summary },
+  "hraness-marketing-related": { "default": marketingStyles.related },
+  "hraness-marketing-related__header": { "default": marketingStyles.related__header },
+  "hraness-marketing-related__label": { "default": marketingStyles.related__label },
+  "hraness-marketing-related__heading": { "default": marketingStyles.related__heading },
+  "hraness-marketing-related__summary": { "default": marketingStyles.related__summary },
+  "hraness-marketing-related__group": { "default": marketingStyles.related__group },
+  "hraness-marketing-related__group-header": { "default": marketingStyles.related__group_header },
+  "hraness-marketing-related__group-heading": { "default": marketingStyles.related__group_heading },
+  "hraness-marketing-related__group-summary": { "default": marketingStyles.related__group_summary },
+  "hraness-marketing-related__card": { "default": marketingStyles.related__card },
+  "hraness-marketing-related__card-mark": { "default": marketingStyles.related__card_mark },
+  "hraness-marketing-related__card-text": { "default": marketingStyles.related__card_text },
+  "hraness-marketing-related__card-name": { "default": marketingStyles.related__card_name },
+  "hraness-marketing-related__card-role": { "default": marketingStyles.related__card_role },
+  "hraness-marketing-trust": { "default": marketingStyles.trust },
+  "hraness-marketing-trust__header": { "default": marketingStyles.trust__header },
+  "hraness-marketing-trust__label": { "default": marketingStyles.trust__label },
+  "hraness-marketing-trust__heading": { "default": marketingStyles.trust__heading },
+  "hraness-marketing-trust__summary": { "default": marketingStyles.trust__summary },
+  "hraness-marketing-quotes": { "default": marketingStyles.quotes },
+  "hraness-marketing-quotes__header": { "default": marketingStyles.quotes__header },
+  "hraness-marketing-quotes__label": { "default": marketingStyles.quotes__label },
+  "hraness-marketing-quotes__heading": { "default": marketingStyles.quotes__heading },
+  "hraness-marketing-quotes__summary": { "default": marketingStyles.quotes__summary },
+  "hraness-marketing-pricing": { "default": marketingStyles.pricing },
+  "hraness-marketing-pricing__header": { "default": marketingStyles.pricing__header },
+  "hraness-marketing-pricing__label": { "default": marketingStyles.pricing__label },
+  "hraness-marketing-pricing__heading": { "default": marketingStyles.pricing__heading },
+  "hraness-marketing-pricing__summary": { "default": marketingStyles.pricing__summary },
+  "hraness-marketing-questions": { "default": marketingStyles.questions },
+  "hraness-marketing-questions__header": { "default": marketingStyles.questions__header },
+  "hraness-marketing-questions__label": { "default": marketingStyles.questions__label },
+  "hraness-marketing-questions__heading": { "default": marketingStyles.questions__heading },
+  "hraness-marketing-questions__summary": { "default": marketingStyles.questions__summary },
+  "hraness-marketing-maker": { "default": marketingStyles.maker },
+  "hraness-marketing-maker__header": { "default": marketingStyles.maker__header },
+  "hraness-marketing-maker__label": { "default": marketingStyles.maker__label },
+  "hraness-marketing-maker__heading": { "default": marketingStyles.maker__heading },
+  "hraness-marketing-primitives__list": { "default": marketingStyles.primitives__list },
+  "hraness-marketing-primitive": { "default": marketingStyles.primitive },
+  "hraness-marketing-primitive__number": { "default": marketingStyles.primitive__number },
+  "hraness-marketing-primitive__heading": { "default": marketingStyles.primitive__heading },
+  "hraness-marketing-primitive__summary": { "default": marketingStyles.primitive__summary },
+  "hraness-marketing-interface-grid": { "default": marketingStyles.interface_grid },
+  "hraness-marketing-trust-grid": { "default": marketingStyles.trust_grid },
+  "hraness-marketing-interface": { "default": marketingStyles.interface },
+  "hraness-marketing-trust-item": { "default": marketingStyles.trust_item },
+  "hraness-marketing-interface__heading": { "default": marketingStyles.interface__heading },
+  "hraness-marketing-interface__summary": { "default": marketingStyles.interface__summary },
+  "hraness-marketing-trust-item__label": { "default": marketingStyles.trust_item__label },
+  "hraness-marketing-trust-item__detail": { "default": marketingStyles.trust_item__detail },
+  "hraness-marketing-card-row": { "default": marketingStyles.card_row },
+  "hraness-marketing-card": { "default": marketingStyles.card },
+  "hraness-marketing-card__art": { "default": marketingStyles.card__art },
+  "hraness-marketing-card__title": { "default": marketingStyles.card__title },
+  "hraness-marketing-card__meta": { "default": marketingStyles.card__meta },
+  "hraness-marketing-card__body": { "default": marketingStyles.card__body },
+  "hraness-marketing-quote-grid": { "default": marketingStyles.quote_grid },
+  "hraness-marketing-quote": { "default": marketingStyles.quote },
+  "hraness-marketing-quote__body": { "default": marketingStyles.quote__body },
+  "hraness-marketing-quote__text": { "default": marketingStyles.quote__text },
+  "hraness-marketing-quote__attribution": { "default": marketingStyles.quote__attribution },
+  "hraness-marketing-quote__name": { "default": marketingStyles.quote__name },
+  "hraness-marketing-quote__link": { "default": marketingStyles.quote__link },
+  "hraness-marketing-plan-grid": { "default": marketingStyles.plan_grid },
+  "hraness-marketing-plan": { "default": marketingStyles.plan, "primary": marketingStyles.planPrimary },
+  "hraness-marketing-plan__name": { "default": marketingStyles.plan__name },
+  "hraness-marketing-plan__price": { "default": marketingStyles.plan__price },
+  "hraness-marketing-plan__value": { "default": marketingStyles.plan__value },
+  "hraness-marketing-plan__period": { "default": marketingStyles.plan__period },
+  "hraness-marketing-plan__summary": { "default": marketingStyles.plan__summary },
+  "hraness-marketing-plan__features": { "default": marketingStyles.plan__features },
+  "hraness-marketing-plan__feature": { "default": marketingStyles.plan__feature },
+  "hraness-marketing-plan__note": { "default": marketingStyles.plan__note },
+  "hraness-marketing-question-list": { "default": marketingStyles.question_list },
+  "hraness-marketing-question": { "default": marketingStyles.question, "last": marketingStyles.questionLast },
+  "hraness-marketing-question__summary": { "default": marketingStyles.question__summary },
+  "hraness-marketing-question__answer": { "default": marketingStyles.question__answer },
+  "hraness-marketing-maker__portrait": { "default": marketingStyles.maker__portrait },
+  "hraness-marketing-maker__body": { "default": marketingStyles.maker__body },
+  "hraness-marketing-maker__links": { "default": marketingStyles.maker__links },
+  "hraness-marketing-cta": { "default": marketingStyles.cta, "accent": marketingStyles.ctaAccent },
+  "hraness-marketing-cta__eyebrow": { "default": marketingStyles.cta__eyebrow },
+  "hraness-marketing-cta__heading": { "default": marketingStyles.cta__heading },
+  "hraness-marketing-cta__summary": { "default": marketingStyles.cta__summary },
+  "hraness-marketing-cta__actions": { "default": marketingStyles.cta__actions },
+  "hraness-marketing-cta__footnote": { "default": marketingStyles.cta__footnote },
+  "hraness-marketing-action": { "default": marketingStyles.action, "primary": marketingStyles.actionPrimary, "header-secondary": marketingStyles.headerAction, "header-primary": marketingStyles.headerActionPrimary, "plan-secondary": marketingStyles.planAction, "plan-primary": marketingStyles.planActionPrimary, "hero-primary": marketingStyles.heroActionPrimary, "hero-secondary": marketingStyles.heroActionSecondary, "cta-primary": marketingStyles.ctaActionPrimary, "cta-secondary": marketingStyles.ctaActionSecondary },
+} as const;
+
+export type MarketingSlot = keyof typeof recipes;
+
+const factColumns = {
+  1: marketingStyles.factColumns1,
+  2: marketingStyles.factColumns2,
+  3: marketingStyles.factColumns3,
+  4: marketingStyles.factColumns4,
+} as const;
+
+const pillarColumns = {
+  1: marketingStyles.pillarColumns1,
+  2: marketingStyles.pillarColumns2,
+  3: marketingStyles.pillarColumns3,
+  4: marketingStyles.pillarColumns4,
+} as const;
+
+/** Explicit finite columns compose static atoms, including the existing media rules. */
+export function marketingColumnClassName(
+  hook: "hraness-marketing-facts" | "hraness-marketing-pillars" | "hraness-marketing-stats__list",
+  caller: string | undefined,
+  columns: MarketingColumnCount | undefined,
+): string {
+  if (columns !== undefined && columns !== 1 && columns !== 2 && columns !== 3 && columns !== 4) {
+    throw new RangeError("Marketing columns must be 1, 2, 3, or 4 when specified.");
+  }
+  const columnRecipe = columns === undefined ? undefined
+    : (hook === "hraness-marketing-pillars" ? pillarColumns : factColumns)[columns];
+  return [hook, stylex.props(recipes[hook].default, columnRecipe).className, caller]
+    .filter((value) => value !== undefined && value.length > 0).join(" ");
+}
+
+/** A finite slot/state lookup keeps caller classes last and never injects CSS. */
+export function marketingClassName(
+  hook: MarketingSlot,
+  caller?: string,
+  variant = "default",
+): string {
+  const variants = recipes[hook];
+  if (!Object.hasOwn(variants, variant)) throw new Error(`Unknown marketing variant: ${hook}/${variant}`);
+  const selected = variants[variant as keyof typeof variants];
+  return [hook, stylex.props(selected,
+    hook === "hraness-marketing-action" && marketingStyles.actionFocus,
+    hook === "hraness-marketing-question" && questionMarker).className, caller]
+    .filter((value) => value !== undefined && value.length > 0).join(" ");
+}
+
+/** CSS nth-child boundaries expressed as stable server-rendered list positions. */
+export function marketingFactCellVariant(index: number): string {
+  return index === 0 ? "default" : index < 2 ? "later" : index % 2 === 0 ? "row-odd" : "row";
+}