/* Theme base styles */
/* Bundle refresh: 2026-04-10 full-width section bands and surface continuity */
/* Source of truth: this file and its imports are the only active live styling bundle for the theme. */
/* Keep future styling work in this bundle and do not re-activate theme-overrides.css. */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}
:root {
  --surface-canvas: #fcf9f6;
  --surface-paper: #f5efe9;
  --surface-ink: #1b1714;
  --surface-blush: #f3dfd2;
  --surface-glow: radial-gradient(
    140% 100% at 50% 42%,
    color-mix(in srgb, var(--color-primary) 16%, var(--surface-canvas)) 0%,
    color-mix(in srgb, var(--color-primary) 14%, var(--surface-canvas)) 18%,
    color-mix(in srgb, var(--color-primary) 10%, var(--surface-canvas)) 40%,
    color-mix(in srgb, var(--color-primary) 6%, var(--surface-canvas)) 64%,
    color-mix(in srgb, var(--color-primary) 3%, var(--surface-canvas)) 82%,
    transparent 100%
  );

  --surface-text-light-heading: #000000;
  --surface-text-light-body: #4f4540;
  --surface-text-dark-heading: #ffffff;
  --surface-text-dark-body: #fffaf5;

  --color-surface: #fcf9f6;
  --color-surface-low: #f6f0ea;
  --color-surface-highest: #efe6de;

  --color-text-primary: #1f1b18;
  --color-text-secondary: #5d544d;
  --color-text-muted: #8a8078;

  --color-primary: #964900;
  --color-primary-accent: #fe810e;
  --color-primary-accent-hover: #e6740a;
  --color-primary-accent-ink: #5f2b00;

  --color-outline: rgba(31, 27, 24, 0.12);
  --color-outline-strong: rgba(31, 27, 24, 0.18);

  --color-dark-surface: var(--surface-ink);
  --color-dark-text: #f7f2ef;

  --theme-surface-name: canvas;
  --theme-surface-color: var(--surface-canvas);
  --theme-surface-fill: var(--surface-canvas);

  --theme-card-bg: rgba(255, 255, 255, 0.78);
  --theme-card-bg-subtle: rgba(247, 240, 234, 0.8);
  --theme-card-bg-strong: rgba(241, 232, 223, 0.94);
  --theme-card-border: rgba(31, 27, 24, 0.08);
  --theme-card-shadow: 0 16px 34px rgba(31, 27, 24, 0.035);

  --theme-frame-border: rgba(31, 27, 24, 0.08);
  --theme-frame-border-strong: rgba(31, 27, 24, 0.14);

  --theme-link-color: var(--color-primary);
  --theme-link-hover-color: var(--color-primary-accent);
  --theme-link-decoration-color: rgba(150, 73, 0, 0.28);
  --theme-link-decoration-color-hover: rgba(254, 129, 14, 0.42);
  --theme-eyebrow-readable: color-mix(in srgb, var(--color-primary) 84%, var(--color-text-secondary));
  --theme-card-eyebrow-readable: var(--color-text-muted);

  --theme-secondary-button-bg: rgba(255, 255, 255, 0.68);
  --theme-secondary-button-hover-bg: rgba(245, 239, 234, 0.92);
  --theme-secondary-button-border: rgba(31, 27, 24, 0.1);
  --theme-secondary-button-hover-border: rgba(31, 27, 24, 0.14);
  --theme-secondary-button-text: var(--color-text-secondary);
  --theme-secondary-button-hover-text: var(--color-text-primary);

  --theme-pre-bg: var(--color-surface-low);
  --theme-code-bg: rgba(229, 226, 225, 0.65);

  --theme-submitted-message-bg: var(--theme-card-bg-subtle);
  --theme-form-shell-bg: var(--theme-card-bg-subtle);
  --theme-form-shell-boxed-bg: rgba(255, 255, 255, 0.92);
  --theme-form-shell-border: rgba(31, 27, 24, 0.1);
  --theme-form-shell-shadow: 0 12px 28px rgba(31, 27, 24, 0.035);
  --theme-field-bg: rgba(244, 237, 231, 0.72);
  --theme-field-bg-focus: rgba(255, 255, 255, 0.94);
  --theme-field-border: rgba(31, 27, 24, 0.12);
  --theme-field-placeholder: var(--color-text-muted);

  --font-display: "Newsreader", serif;
  --font-body: "Manrope", sans-serif;

  --text-display-xl: 72px;
  --text-display-lg: 56px;
  --text-display-md: 44px;
  --text-h1: 40px;
  --text-h2: 32px;
  --text-h3: 22px;
  --text-h4: 19px;
  --text-h5: 17px;
  --text-h6: 13px;
  --text-body-lg: 18px;
  --text-body: 16px;
  --text-body-sm: 14px;
  --text-label: 12px;

  --lh-display: 1.02;
  --lh-heading: 1.15;
  --lh-body: 1.6;
  --lh-label: 1.3;

  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  --container-sm: 720px;
  --container-md: 960px;
  --container-lg: 1200px;
  --container-xl: 1320px;
  --measure-reading: 64ch;

  --page-gutter: 32px;
  --section-space: var(--space-24);
  --section-space-tight: var(--space-16);
  --section-space-loose: var(--space-32);
  --section-band-space-y: clamp(var(--space-20), 7vw, var(--space-32));
  --section-band-space-x: clamp(var(--space-5), 4vw, var(--space-10));
  --section-content-max-width: 1808px;
  --section-rail-padding-inline: max(120px, calc((100vw - var(--section-content-max-width)) / 2));
  --theme-surface-section-padding-block: var(--section-band-space-y);
  --theme-surface-section-padding-inline: var(--section-rail-padding-inline);
  --theme-surface-panel-inset: 0;
  --theme-surface-panel-inset-block: var(--theme-surface-panel-inset);
  --theme-surface-panel-inset-inline: var(--theme-surface-panel-inset);
  --theme-surface-panel-distance: clamp(var(--space-10), 5vw, var(--space-16));
  --theme-surface-text-safe-inline: 0px;
  --theme-surface-text-safe-block: 0px;
  --grid-gap: var(--space-6);

  --button-padding-y: 12px;
  --button-padding-x: 22px;
  --field-height: 50px;
  --field-min-height: 132px;

  --shadow-soft: 0 16px 34px rgba(28, 27, 27, 0.035);
  --shadow-lift: 0 18px 50px rgba(28, 27, 27, 0.08);
  --focus-ring: 0 0 0 3px rgba(254, 129, 14, 0.22);
  --transition-fast: 180ms ease;
  --transition-base: 240ms ease;
}

@supports (width: 100dvw) {
  :root {
    --section-rail-padding-inline: max(120px, calc((100dvw - var(--section-content-max-width)) / 2));
  }
}

@media (max-width: 1080px) {
  :root {
    --text-display-xl: 64px;
    --text-display-lg: 50px;
    --text-display-md: 40px;
    --text-h1: 38px;
    --text-h2: 31px;
    --text-h3: 21px;
    --page-gutter: 28px;
    --section-space: var(--space-20);
    --section-space-loose: var(--space-24);
    --section-band-space-y: clamp(var(--space-16), 8vw, var(--space-24));
    --theme-surface-panel-distance: clamp(var(--space-8), 6vw, var(--space-12));
  }
}

@media (max-width: 767px) {
  :root {
    --text-display-xl: 48px;
    --text-display-lg: 40px;
    --text-display-md: 36px;
    --text-h1: 34px;
    --text-h2: 28px;
    --text-h3: 20px;
    --text-h4: 18px;
    --text-h5: 16px;
    --text-body-lg: 17px;
    --page-gutter: 20px;
    --section-space: var(--space-16);
    --section-space-tight: var(--space-12);
    --section-space-loose: var(--space-20);
    --section-band-space-y: clamp(var(--space-12), 10vw, var(--space-20));
    --section-rail-padding-inline: var(--section-band-space-x);
    --theme-surface-panel-distance: clamp(var(--space-6), 8vw, var(--space-10));
  }
}













:root {
  --color-primary: #fe810e;
  --color-primary-accent: #FE810E;
  --color-primary-accent-hover: #E6740A;
  --color-primary-accent-ink: #5F2B00;

  --surface-canvas: #FCF9F6;
  --surface-paper: #F5EFE9;
  --surface-ink: #1B1714;
  --surface-blush: #F3DFD2;

  --surface-text-light-heading: #000000;
  --surface-text-light-body: #4F4540;
  --surface-text-dark-heading: #FFFFFF;
  --surface-text-dark-body: #FFFAF5;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper,
.container,
.dnd-section > .row-fluid {
  margin-inline: auto;
  width: min(var(--container-lg), calc(100% - (var(--page-gutter) * 2)));
}

.content-wrapper--sm,
.container--sm {
  margin-inline: auto;
  width: min(var(--container-sm), calc(100% - (var(--page-gutter) * 2)));
}

.content-wrapper--md,
.container--md {
  margin-inline: auto;
  width: min(var(--container-md), calc(100% - (var(--page-gutter) * 2)));
}

.content-wrapper--xl,
.container--xl {
  margin-inline: auto;
  width: min(var(--container-xl), calc(100% - (var(--page-gutter) * 2)));
}

.section,
.dnd-section,
.content-wrapper--vertical-spacing {
  padding-block: var(--section-space);
}

.section--tight {
  padding-block: var(--section-space-tight);
}

.section--loose {
  padding-block: var(--section-space-loose);
}

.section--flush {
  padding-block: 0;
}

.dnd-section.section--band {
  margin-inline: calc(50% - 50vw);
  width: 100vw;
}

.dnd-section.section--band > .row-fluid-wrapper,
.dnd-section.section--band > .row-fluid-wrapper > .row-fluid,
.dnd-section.section--band > .row-fluid {
  margin-inline: 0;
  max-width: none;
  width: 100%;
}

.dnd-section.section--band > .row-fluid-wrapper > .row-fluid > [class*="span"],
.dnd-section.section--band > .row-fluid > [class*="span"] {
  margin-left: 0;
  width: 100%;
}

@supports (width: 100dvw) {
  .dnd-section.section--band {
    margin-inline: calc(50% - 50dvw);
    width: 100dvw;
  }
}

.dnd-section .dnd-column {
  padding-inline: clamp(var(--space-4), 2vw, var(--space-6));
}

.dnd-section.section--band .dnd-column {
  padding-inline: 0;
}

@media (max-width: 767px) {
  .content-wrapper,
  .container,
  .dnd-section > .row-fluid,
  .content-wrapper--sm,
  .container--sm,
  .content-wrapper--md,
  .container--md,
  .content-wrapper--xl,
  .container--xl {
    width: calc(100% - (var(--page-gutter) * 2));
  }

  .dnd-section .dnd-column {
    padding-inline: 0;
  }

  .dnd-section.section--band > .row-fluid-wrapper,
  .dnd-section.section--band > .row-fluid-wrapper > .row-fluid,
  .dnd-section.section--band > .row-fluid {
    width: 100%;
  }
}

/* Elements
Base HTML elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

html {
  background-color: var(--color-surface);
  font-size: 16px;
}

body {
  background-color: var(--color-surface);
  color: var(--color-text-primary);
  font-family: var(--font-body);
  font-size: var(--text-body);
  letter-spacing: -0.01em;
  line-height: var(--lh-body);
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background-color: rgba(254, 129, 14, 0.22);
  color: var(--color-text-primary);
}

/* Paragraphs */

p {
  color: var(--color-text-secondary);
  font-size: var(--text-body);
  margin: 0 0 var(--space-6);
}

.lead,
.text-body-lg {
  color: var(--color-text-secondary);
  font-size: var(--text-body-lg);
  line-height: 1.65;
}

small {
  color: var(--color-text-muted);
  font-size: var(--text-body-sm);
}

/* Anchors */

a {
  color: var(--theme-link-color);
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--theme-link-decoration-color);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
  transition: color var(--transition-fast), opacity var(--transition-fast), text-decoration-color var(--transition-fast);
}

a:hover,
a:focus {
  color: var(--theme-link-hover-color);
  text-decoration-color: var(--theme-link-decoration-color-hover);
}

a:active {
  color: var(--theme-link-color);
}

/* Headings */

h1,
h2,
h3,
.display-xl,
.display-lg,
.display-md,
.text-display-xl,
.text-display-lg,
.text-display-md {
  color: var(--color-text-primary);
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.04em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--space-5);
}

h1,
.h1 {
  font-size: var(--text-h1);
  line-height: var(--lh-heading);
}

h2,
.h2 {
  font-size: var(--text-h2);
  line-height: var(--lh-heading);
  letter-spacing: -0.045em;
}

h3,
.h3 {
  font-size: var(--text-h3);
  letter-spacing: -0.03em;
  line-height: 1.25;
}

h4,
.h4 {
  color: var(--color-text-primary);
  font-family: var(--font-body);
  font-weight: 700;
  letter-spacing: -0.02em;
}

h4,
.h4 {
  font-size: var(--text-h4);
  line-height: 1.35;
}

h4,
.h4 {
  font-weight: 650;
  letter-spacing: -0.015em;
}

h5,
.h5,
h6,
.h6 {
  color: var(--color-primary);
  font-family: var(--font-body);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: var(--lh-label);
  text-transform: uppercase;
}

.display-xl,
.text-display-xl {
  font-size: var(--text-display-xl);
  line-height: var(--lh-display);
}

.display-lg,
.text-display-lg {
  font-size: var(--text-display-lg);
  line-height: 1.05;
}

.display-md,
.text-display-md {
  font-size: var(--text-display-md);
  line-height: 1.08;
}

.eyebrow,
.overline,
.label {
  color: var(--color-text-muted);
  display: inline-block;
  font-family: var(--font-body);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: var(--lh-label);
  text-transform: uppercase;
}

/* Lists */

ul,
ol {
  color: var(--color-text-secondary);
  margin: 0 0 var(--space-6);
  padding-left: 1.25em;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

li + li {
  margin-top: var(--space-2);
}

li::marker {
  color: var(--color-primary);
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  background-color: var(--theme-pre-bg);
  border-radius: var(--radius-lg);
  color: var(--color-text-primary);
  overflow: auto;
  padding: var(--space-6);
}

code {
  background-color: var(--theme-code-bg);
  border-radius: var(--radius-sm);
  font-size: 0.95em;
  padding: 0.1em 0.35em;
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 3px solid var(--color-primary-accent);
  color: var(--color-primary);
  font-family: var(--font-display);
  font-size: var(--text-h3);
  font-style: italic;
  line-height: 1.35;
  margin: 0 0 var(--space-8);
  padding-left: var(--space-5);
}

/* Prose / article measure */

:where(.prose, .blog-post__body) :is(p, ul, ol) {
  max-width: min(100%, var(--measure-reading));
}

:where(.prose, .blog-post__body) blockquote {
  max-width: min(100%, calc(var(--measure-reading) - 4ch));
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid var(--color-outline);
  margin: var(--space-10) 0;
}

/* Image alt text */

img {
  display: block;
  font-size: 0.583rem;
  max-width: 100%;
  word-break: normal;
}

strong {
  color: var(--color-text-primary);
}

:where(.hs-richtext, .rich-text, .prose) {
  color: var(--color-text-secondary);
}

:where(.hs-richtext, .rich-text, .prose) :is(h1, h2, h3, h4, strong) {
  color: var(--color-text-primary);
}

:where(.hs-richtext, .rich-text, .prose) :is(h5, h6) {
  color: var(--color-primary);
}

:where(.hs-richtext, .rich-text, .prose) :is(h1, h2, h3) {
  margin-top: var(--space-10);
}

:where(.hs-richtext, .rich-text, .prose) :is(h1, h2, h3):first-child {
  margin-top: 0;
}

:where(.hs-richtext, .rich-text, .prose) > :last-child {
  margin-bottom: 0;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  border-radius: var(--radius-sm);
  box-shadow: var(--focus-ring);
  outline: none;
}
.button,
.hs-button,
form input[type=submit] {
  align-items: center;
  background-color: var(--color-primary-accent);
  border: 1px solid color-mix(in srgb, var(--color-primary-accent-ink) 18%, transparent);
  border-radius: var(--radius-md);
  box-shadow: 0 12px 24px color-mix(in srgb, var(--color-primary-accent) 18%, transparent);
  color: var(--theme-primary-button-text, var(--color-primary-accent-ink));
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-body);
  font-size: clamp(1.02rem, 0.98rem + 0.16vw, 1.1rem);
  font-weight: 750;
  gap: var(--space-3);
  justify-content: center;
  line-height: 1.1;
  min-height: var(--field-height);
  padding: var(--button-padding-y) var(--button-padding-x);
  text-align: center;
  text-shadow: var(--theme-button-text-shadow, none);
  text-decoration: none;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
  vertical-align: middle;
  white-space: normal;
}

.button:disabled,
.hs-button:disabled,
form input[type=submit]:disabled {
  background-color: var(--theme-card-bg-strong);
  border-color: transparent;
  box-shadow: none;
  color: var(--color-text-muted);
  cursor: not-allowed;
}

.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
form input[type=submit]:hover,
form input[type=submit]:focus {
  background-color: var(--color-primary-accent-hover);
  border-color: color-mix(in srgb, var(--color-primary-accent-ink) 22%, transparent);
  box-shadow: 0 14px 26px color-mix(in srgb, var(--color-primary-accent) 22%, transparent);
  color: var(--theme-primary-button-text, var(--color-primary-accent-ink));
  text-decoration: none;
  transform: translateY(-1px);
}

.button:active,
.hs-button:active,
form input[type=submit]:active {
  box-shadow: 0 10px 20px color-mix(in srgb, var(--color-primary-accent) 16%, transparent);
  transform: translateY(0);
}

.button--secondary,
.button--ghost,
.hs-button--secondary,
.hs-button--ghost {
  background-color: var(--theme-secondary-button-bg);
  border-color: var(--theme-secondary-button-border);
  box-shadow: 0 8px 20px rgba(12, 15, 19, 0.08);
  color: var(--theme-secondary-button-text);
  font-weight: 750;
}

.button :is(h1, h2, h3, h4, h5, h6, p, span, strong, em),
.hs-button :is(h1, h2, h3, h4, h5, h6, p, span, strong, em) {
  color: inherit;
  text-shadow: inherit;
}

.button--secondary:hover,
.button--secondary:focus,
.button--ghost:hover,
.button--ghost:focus,
.hs-button--secondary:hover,
.hs-button--secondary:focus,
.hs-button--ghost:hover,
.hs-button--ghost:focus {
  background-color: var(--theme-secondary-button-hover-bg);
  border-color: var(--theme-secondary-button-hover-border);
  box-shadow: 0 10px 24px rgba(12, 15, 19, 0.12);
  color: var(--theme-secondary-button-hover-text);
}

.button--link,
.hs-button--link {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: var(--theme-link-color);
  font-family: var(--font-display);
  font-size: var(--text-body-lg);
  font-style: italic;
  font-weight: 500;
  min-height: auto;
  padding: 0;
  text-decoration: underline;
  text-decoration-color: var(--theme-link-decoration-color);
}

.button--link:hover,
.button--link:focus,
.hs-button--link:hover,
.hs-button--link:focus {
  background: none;
  border: none;
  box-shadow: none;
  color: var(--theme-link-hover-color);
  text-decoration-color: var(--theme-link-decoration-color-hover);
  transform: none;
}

.button svg,
.hs-button svg {
  flex-shrink: 0;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  min-height: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
form,
.submitted-message {
  color: var(--color-text-secondary);
  font-family: var(--font-body);
}

/* Fields */

.hs-form-field {
  margin-bottom: var(--space-6);
}

/* Labels */

form label {
  color: var(--color-text-muted);
  display: block;
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: var(--lh-label);
  margin-bottom: var(--space-2);
  text-transform: uppercase;
}

/* Form Title */

.form-title {
  color: var(--color-text-primary);
  font-family: var(--font-display);
  font-size: var(--text-h3);
  line-height: 1.2;
  margin-bottom: var(--space-6);
}

/* Help text */

form legend {
  color: var(--color-text-muted);
  font-size: var(--text-body-sm);
}

form fieldset {
  border: 0;
  margin: 0;
  max-width: 100% !important;
  padding: 0;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form select,
form textarea {
  appearance: none;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-outline);
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  color: var(--color-text-primary);
  display: block;
  font-family: var(--font-body);
  font-size: var(--text-body);
  line-height: 1.5;
  min-height: var(--field-height);
  padding: 10px 0;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
  width: 100%;
}

form input[type=text]:focus,
form input[type=search]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form select:focus,
form textarea:focus {
  background-color: var(--theme-field-bg-focus);
  border-color: var(--color-primary);
  box-shadow: inset 0 -1px 0 var(--color-primary);
}

form select {
  background-image:
    linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%),
    linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);
  background-position:
    calc(100% - 16px) 50%,
    calc(100% - 10px) 50%;
  background-repeat: no-repeat;
  background-size: 6px 6px;
  padding-right: 30px;
}

form textarea {
  min-height: var(--field-min-height);
  padding-top: var(--space-3);
  resize: vertical;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

form .inputs-list > li {
  display: block;
  margin: var(--space-3) 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  appearance: auto;
  cursor: pointer;
  margin-right: var(--space-2);
  min-height: auto;
  width: auto;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content: '\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #fff;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #fff;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: 0;
  padding: var(--space-3) 0;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  color: var(--color-text-secondary);
  font-size: var(--text-body-sm);
  margin: 0 0 var(--space-6);
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: var(--space-5) !important;
}

/* Validation */

.hs-form-required {
  color: #ba1a1a;
}

.hs-input.invalid.error {
  border-bottom-color: #ba1a1a;
}

.hs-error-msg {
  color: #ba1a1a;
  font-size: var(--text-body-sm);
  margin-top: var(--space-2);
}

.hs-error-msgs {
  list-style: none;
  margin: var(--space-2) 0 0;
  padding: 0;
}

form input::placeholder,
form textarea::placeholder {
  color: var(--theme-field-placeholder);
  opacity: 1;
}

form input[type=submit],
form .hs-button {
  margin-top: var(--space-4);
}

.submitted-message {
  background-color: var(--theme-submitted-message-bg);
  border: 1px solid var(--theme-card-border);
  border-radius: var(--radius-lg);
  padding: var(--space-8);
}

.form-shell {
  background-color: var(--theme-form-shell-bg);
  border-radius: var(--radius-xl);
  padding: 28px;
}

.form-shell--boxed {
  background-color: var(--theme-form-shell-boxed-bg);
  border: 1px solid var(--theme-form-shell-border);
  box-shadow: var(--theme-form-shell-shadow);
}

.form-shell--dark {
  background-color: var(--theme-card-bg-subtle);
  border: 1px solid var(--theme-card-border);
}

.form-shell--dark :is(label, legend, .form-note) {
  color: var(--color-text-muted);
}

.form-shell--dark :is(input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], input[type=number], select, textarea) {
  border-bottom-color: var(--theme-field-border);
  color: var(--color-text-primary);
}

.form-shell--dark :is(input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], input[type=number], select, textarea)::placeholder {
  color: var(--theme-field-placeholder);
}

.form-shell--boxed :is(input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], input[type=number], select, textarea) {
  background-color: var(--theme-field-bg);
  border: 1px solid var(--theme-field-border);
  border-radius: var(--radius-md);
  min-height: var(--field-height);
  padding: 0 var(--space-4);
}

.form-shell--boxed textarea {
  padding: var(--space-4);
}

.form-shell--boxed :is(input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], input[type=number], select, textarea):focus {
  background-color: var(--theme-field-bg-focus);
  border-color: var(--color-primary);
  box-shadow: var(--focus-ring);
}

.form-shell--boxed .form-grid {
  gap: var(--space-4);
}

.form-grid {
  display: grid;
  gap: var(--space-6);
}

.form-row {
  display: grid;
  gap: var(--space-6);
}

.form-note {
  color: var(--color-text-muted);
  font-size: var(--text-body-sm);
  margin: 0;
}

.field {
  margin-bottom: 0;
  min-width: 0;
}

.field--invalid :is(input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], input[type=number], select, textarea) {
  border-color: #ba1a1a !important;
}

@media (min-width: 768px) {
  .form-row--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .form-inline {
    align-items: end;
    gap: var(--space-4);
    grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.9fr);
  }

  .form-inline .field:last-child {
    display: flex;
  }

  .form-inline :is(.button, .hs-button, input[type=submit]) {
    min-width: 220px;
    width: 100%;
  }

  .form-inline .field:last-child :is(.button, .hs-button, input[type=submit]) {
    margin-top: 0;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .form-shell {
    padding: var(--space-6);
  }

  .form-inline :is(.button, .hs-button, input[type=submit]) {
    width: 100%;
  }
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-bottom: 0;
    margin-left: 6px;
  }

  .body-container-wrapper .hs-search-field__button svg {
    fill: #fff;
    height: 15px;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px 0;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: var(--color-text-secondary);
    padding: var(--space-2) var(--space-4);
    text-decoration: none;
    transition: background-color 0.3s;
  }

/* Table */

table {
  border-collapse: collapse;
  color: var(--color-text-secondary);
  margin-bottom: var(--space-8);
  overflow-wrap: break-word;
  width: 100%;
}

/* Table cells */

td,
th {
  border-bottom: 1px solid var(--color-outline);
  padding: var(--space-4) var(--space-5);
  text-align: left;
  vertical-align: top;
}

/* Table header */

thead th {
  color: var(--color-text-primary);
  font-size: var(--text-label);
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  vertical-align: bottom;
}

thead th {
  padding-bottom: var(--space-3);
}

tbody tr:last-child td {
  border-bottom: none;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header */

.header {
  background-color: rgba(252, 249, 248, 0.96);
  border-bottom: 1px solid rgba(28, 27, 27, 0.08);
  position: relative;
  z-index: 30;
}

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  background-color: var(--color-surface);
  border-radius: var(--radius-sm);
  box-shadow: var(--focus-ring);
  height: auto;
  left: var(--space-4);
  overflow: visible;
  padding: var(--space-2) var(--space-3);
  top: var(--space-4);
  width: auto;
  z-index: 5;
}

.header__shell {
  align-items: center;
  column-gap: clamp(var(--space-6), 3vw, var(--space-10));
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(420px, 1.3fr) minmax(220px, 1fr);
  grid-template-areas: 'brand nav cta';
  min-height: 94px;
  padding-block: var(--space-5);
}

.header__panel {
  display: contents;
}

.header__zone {
  min-width: 0;
}

.header__zone--brand {
  grid-area: brand;
  justify-self: start;
}

.header__zone--nav {
  grid-area: nav;
  justify-self: stretch;
}

.header__zone--cta {
  grid-area: cta;
  justify-self: end;
}

.header__zone--controls {
  display: none;
}

.header__brand,
.header__navigation,
.header__cta {
  display: flex;
  min-width: 0;
}

.header__brand {
  justify-content: flex-start;
}

.header__navigation {
  justify-content: center;
  width: 100%;
}

.header__cta {
  justify-content: flex-end;
}

.header__wordmark :where(p, h1, h2, h3, h4, h5, h6) {
  margin: 0;
}

.header__wordmark a {
  color: var(--color-text-primary);
  display: inline-block;
  font-family: var(--font-display);
  font-size: clamp(1.72rem, 2.15vw, 2.3rem);
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 0.94;
  text-decoration: none;
}

.header .header__wordmark img {
  display: block;
  height: clamp(3.75rem, 5.1vw, 5.6rem);
  max-width: none;
  width: auto;
}

.header__wordmark a:hover,
.header__wordmark a:focus {
  color: var(--color-primary);
}

.header__cta .button-wrapper {
  text-align: right;
}

.header__cta .button {
  min-height: 44px;
  padding-inline: 20px;
}

.header__menu-toggle {
  align-items: center;
  color: var(--color-text-primary);
  display: none;
  gap: var(--space-3);
  justify-content: flex-end;
}

.header__menu-toggle:focus-visible {
  border-radius: var(--radius-sm);
  box-shadow: var(--focus-ring);
  outline: 0;
}

.header__menu-toggle-label {
  font-size: var(--text-body-sm);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.header__menu-toggle-icon {
  display: inline-block;
  height: 12px;
  position: relative;
  width: 18px;
}

.header__menu-toggle-icon::before,
.header__menu-toggle-icon::after {
  background-color: currentColor;
  content: '';
  height: 1.5px;
  left: 0;
  position: absolute;
  right: 0;
  transition: transform var(--transition-fast), top var(--transition-fast);
}

.header__menu-toggle-icon::before {
  top: 3px;
}

.header__menu-toggle-icon::after {
  top: 9px;
}

.header.is-open .header__menu-toggle-icon::before {
  top: 6px;
  transform: rotate(45deg);
}

.header.is-open .header__menu-toggle-icon::after {
  top: 6px;
  transform: rotate(-45deg);
}

.header--no-navigation .header__shell {
  grid-template-columns: minmax(220px, 1fr);
  grid-template-areas: 'brand';
}

@media (max-width: 959px) {
  .header__shell {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      'brand controls'
      'panel panel';
    min-height: 76px;
    row-gap: var(--space-4);
  }

  .header__panel {
    border-top: 1px solid rgba(28, 27, 27, 0.08);
    display: none;
    gap: var(--space-6);
    grid-area: panel;
    padding-top: var(--space-5);
  }

  .header__panel > .header__zone {
    grid-area: auto;
    justify-self: stretch;
  }

  .header.is-open .header__panel {
    display: grid;
  }

  .header__zone--controls {
    display: flex;
    grid-area: controls;
    justify-content: flex-end;
  }

  .header__menu-toggle {
    display: inline-flex;
  }

  .header__navigation,
  .header__cta {
    justify-content: stretch;
  }

  .header__cta .button-wrapper,
  .header__cta .button {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__shell {
    min-height: 72px;
    padding-block: var(--space-3);
  }

  .header__wordmark a {
    font-size: clamp(1.52rem, 7vw, 1.9rem);
  }

  .header .header__wordmark img {
    height: clamp(3rem, 15vw, 4.25rem);
  }
}
/* Footer */

.footer {
  background-color: var(--color-surface-low);
  border-top: 1px solid rgba(28, 27, 27, 0.08);
  margin-top: 0;
}

.footer__grid {
  align-items: stretch;
  column-gap: clamp(var(--space-10), 5vw, var(--space-16));
  display: grid;
  grid-template-areas:
    'brand content'
    'lower lower';
  grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
  padding-block: clamp(var(--space-16), 6vw, var(--space-20));
  row-gap: var(--space-8);
}

.footer__zone {
  min-width: 0;
}

.footer__zone--brand {
  --footer-brand-width: min(100%, clamp(24rem, 34vw, 31rem));
  align-content: start;
  display: grid;
  gap: var(--space-6);
  grid-area: brand;
  justify-items: start;
}

.footer__zone--content {
  grid-area: content;
}

.footer__content-grid {
  display: grid;
  grid-template-rows: auto auto;
  height: 100%;
  row-gap: var(--space-8);
}

.footer__zone--lower {
  align-items: start;
  border-top: 1px solid rgba(28, 27, 27, 0.08);
  column-gap: clamp(var(--space-10), 5vw, var(--space-16));
  display: grid;
  grid-area: lower;
  grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
  padding-top: var(--space-5);
}

.footer__zone--newsletter {
  align-items: start;
  border-bottom: 1px solid rgba(28, 27, 27, 0.08);
  column-gap: var(--space-6);
  display: grid;
  grid-template-areas:
    'label .'
    'copy form';
  grid-template-columns: minmax(0, 0.72fr) minmax(360px, 1.28fr);
  padding-bottom: var(--space-8);
  row-gap: var(--space-4);
}

.footer__zone--support {
  align-items: center;
  column-gap: var(--space-5);
  display: grid;
  grid-template-columns: auto 1fr;
}

.footer__zone--legal {
  align-self: start;
}

.footer__wordmark :where(p, h1, h2, h3, h4, h5, h6),
.footer__summary :last-child,
.footer__newsletter-copy :last-child,
.footer__menu-title :last-child,
.footer__support-label :last-child,
.footer__zone--legal :last-child {
  margin-bottom: 0;
}

.footer__wordmark a {
  color: var(--color-text-primary);
  display: inline-block;
  font-family: var(--font-display);
  font-size: clamp(2.25rem, 2.7vw, 3rem);
  font-weight: 500;
  letter-spacing: -0.055em;
  line-height: 0.92;
  text-decoration: none;
}

.footer .footer__wordmark img {
  display: block;
  height: auto;
  max-width: 100%;
  width: var(--footer-brand-width);
}

.footer__wordmark a:hover,
.footer__wordmark a:focus {
  color: var(--color-primary);
}

.footer__summary p {
  color: var(--color-text-secondary);
  max-width: var(--footer-brand-width);
}

.footer .eyebrow,
.footer .label,
.footer .overline {
  color: var(--color-primary-accent);
}

.footer__newsletter-copy h4 {
  margin-bottom: var(--space-3);
  margin-top: 0;
}

.footer__newsletter-copy p {
  color: var(--color-text-secondary);
  max-width: 31ch;
}

.footer__newsletter-label {
  grid-area: label;
}

.footer__newsletter-copy {
  grid-area: copy;
}

.footer__newsletter-form {
  align-self: start;
  grid-area: form;
  justify-self: stretch;
}

.footer__links-grid {
  display: grid;
  gap: var(--space-8) var(--space-6);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.footer__menu-group {
  display: grid;
  gap: var(--space-4);
  min-width: 0;
}

.footer .menu--desktop {
  display: block;
}

.footer .menu--mobile {
  display: none !important;
}

.footer .menu__wrapper {
  display: grid;
  gap: var(--space-3);
}

.footer .menu__item,
.footer .menu__item--depth-1 {
  display: block;
  padding: 0;
}

.footer .menu__link {
  color: var(--color-text-secondary);
  align-items: center;
  display: flex;
  font-size: var(--text-body-sm);
  font-weight: 500;
  line-height: 1;
  min-height: 18px;
  padding: 0;
  text-decoration: none;
}

.footer .menu__link:hover,
.footer .menu__link:focus {
  color: var(--color-text-primary);
  text-decoration: none;
}

.footer .menu__link--active-link,
.footer .menu__link--active-branch {
  color: var(--color-text-secondary);
  font-weight: 500;
}

.footer .menu__submenu,
.footer .menu__child-toggle {
  display: none !important;
}

.footer__support-content {
  min-width: 0;
}

.footer__support-content .social-links {
  gap: var(--space-3);
  justify-content: flex-start;
}

.footer__support-content .social-links__link {
  color: var(--color-text-secondary);
}

.footer__support-content .social-links__link:hover,
.footer__support-content .social-links__link:focus {
  color: var(--color-primary-accent);
}

.footer__zone--legal p {
  color: var(--color-text-muted);
  font-size: 13px;
  line-height: 1.55;
  max-width: none;
}

@media (max-width: 1080px) {
  .footer__grid {
    grid-template-areas:
      'brand'
      'content'
      'lower';
    grid-template-columns: 1fr;
  }

  .footer__zone--newsletter {
    grid-template-areas:
      'label'
      'copy'
      'form';
    grid-template-columns: 1fr;
  }

  .footer__zone--lower {
    grid-template-columns: 1fr;
    row-gap: var(--space-4);
  }
}

@media (max-width: 767px) {
  .footer {
    margin-top: var(--space-20);
  }

  .footer__wordmark a {
    font-size: clamp(1.9rem, 12vw, 2.4rem);
  }

  .footer .footer__wordmark img {
    width: min(100%, 22rem);
  }

  .footer__links-grid {
    grid-template-columns: 1fr;
  }

  .footer__zone--support {
    grid-template-columns: 1fr;
    row-gap: var(--space-4);
  }

  .footer__newsletter-copy p {
    max-width: none;
  }
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}
:is(
  .card-grid-section,
  .controlled-hero-section,
  .faq-section,
  .feature-split-section,
  .pricing-section,
  .proof-section,
  .proof-split-section
) {
  box-sizing: border-box;
  margin-inline: calc(50% - 50vw);
  width: 100vw;
}

@supports (width: 100dvw) {
  :is(
    .card-grid-section,
    .controlled-hero-section,
    .faq-section,
    .feature-split-section,
    .pricing-section,
    .proof-section,
    .proof-split-section
  ) {
    margin-inline: calc(50% - 50dvw);
    width: 100dvw;
  }
}

:is(
  .card-grid-section,
  .controlled-hero-section,
  .faq-section,
  .feature-split-section,
  .pricing-section,
  .proof-section,
  .proof-split-section
) > .row-fluid-wrapper,
:is(
  .card-grid-section,
  .controlled-hero-section,
  .faq-section,
  .feature-split-section,
  .pricing-section,
  .proof-section,
  .proof-split-section
) > .row-fluid-wrapper > .row-fluid,
:is(
  .card-grid-section,
  .controlled-hero-section,
  .faq-section,
  .feature-split-section,
  .pricing-section,
  .proof-section,
  .proof-split-section
) > .row-fluid {
  margin-inline: 0;
  max-width: none;
  width: 100%;
}

:is(
  .card-grid-section,
  .controlled-hero-section,
  .faq-section,
  .feature-split-section,
  .pricing-section,
  .proof-section,
  .proof-split-section
) > .row-fluid-wrapper > .row-fluid > [class*="span"],
:is(
  .card-grid-section,
  .controlled-hero-section,
  .faq-section,
  .feature-split-section,
  .pricing-section,
  .proof-section,
  .proof-split-section
) > .row-fluid > [class*="span"] {
  margin-left: 0;
  width: 100%;
}

.card-grid-section {
  background: var(--theme-surface-fill);
  padding: calc(var(--theme-surface-section-padding-block) + var(--theme-surface-text-safe-block))
    calc(var(--theme-surface-section-padding-inline) + var(--theme-surface-text-safe-inline));
}

.blank-band-section {
  background: var(--theme-surface-fill);
}

.blank-band-section > .row-fluid {
  box-sizing: border-box;
  padding: calc(var(--theme-surface-section-padding-block) + var(--theme-surface-text-safe-block))
    calc(var(--theme-surface-section-padding-inline) + var(--theme-surface-text-safe-inline));
  row-gap: var(--space-6);
}

.blank-band-section > .row-fluid > .dnd-column {
  display: grid;
  gap: var(--space-6);
}

.card-grid-section .row-fluid {
  row-gap: var(--space-6);
}

.feature-split-band {
  background: transparent;
}

.proof-split-band {
  background: transparent;
}

.feature-split-section {
  --feature-split-button-min-width: 13rem;
  --feature-split-content-gutter: clamp(var(--space-6), 3vw, var(--space-10));
  --feature-split-media-min-height: clamp(24rem, 42vw, 40rem);
  --feature-split-section-inline-pad: calc(
    var(--theme-surface-section-padding-inline) + var(--theme-surface-text-safe-inline)
  );
  --feature-split-corner-accent: rgba(254, 129, 14, 0.9);
  --feature-split-corner-gap: clamp(1rem, 1.8vw, 1.35rem);
  --feature-split-corner-size: clamp(2.8rem, 5vw, 4.4rem);
  --feature-split-media-top-offset: 0rem;
  background: var(--theme-surface-fill);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  isolation: isolate;
  min-height: 34rem;
  padding-block: calc(var(--theme-surface-section-padding-block) + var(--theme-surface-text-safe-block));
  padding-inline: var(--feature-split-section-inline-pad);
  position: relative;
}

.feature-split-section::before {
  background: var(--theme-surface-fill);
  content: "";
  inset-block: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -2;
}

@supports (width: 100dvw) {
  .feature-split-section::before {
    width: 100dvw;
  }
}

.feature-split-section__grid {
  align-items: center;
  display: grid;
  gap: clamp(var(--space-8), 4vw, var(--space-12));
  grid-template-areas: "content media";
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  min-height: inherit;
}

.feature-split-section--media-left .feature-split-section__grid {
  grid-template-areas: "media content";
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.feature-split-section--content-top .feature-split-section__grid {
  align-items: start;
}

.feature-split-section--content-bottom .feature-split-section__grid {
  align-items: end;
}

.feature-split-section__content,
.feature-split-section__media {
  min-width: 0;
}

.feature-split-section__content {
  grid-area: content;
}

.feature-split-section__media {
  grid-area: media;
}

.feature-split-section__content {
  box-sizing: border-box;
  display: grid;
  gap: 0;
  max-width: none;
  padding-inline-end: var(--feature-split-content-gutter);
  position: relative;
  width: 100%;
  z-index: 1;
}

.feature-split-section--media-left .feature-split-section__content {
  padding-inline-end: 0;
  padding-inline-start: var(--feature-split-content-gutter);
}

.feature-split-section--text-center .feature-split-section__content {
  justify-self: center;
  text-align: center;
}

.feature-split-section--text-right .feature-split-section__content {
  justify-self: end;
  text-align: right;
}

.feature-split-section__eyebrow,
.feature-split-section__heading,
.feature-split-section__lead {
  margin: 0;
}

.feature-split-section__eyebrow :is(h1, h2, h3, h4, h5, h6, p),
.feature-split-section__heading :is(h1, h2, h3, h4, h5, h6, p),
.feature-split-section__lead :is(h1, h2, h3, h4, h5, h6, p),
.feature-split-section__actions .button :is(h1, h2, h3, h4, h5, h6, p, span) {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
}

.feature-split-section__eyebrow :is(h1, h2, h3, h4, h5, h6, p, span) {
  color: var(--theme-eyebrow-readable) !important;
}

.feature-split-section__heading :is(h1, h2, h3, h4, h5, h6, p, span, strong) {
  color: var(--theme-heading-strong) !important;
  text-shadow: var(--theme-heading-shadow, none) !important;
}

.feature-split-section__heading em {
  color: var(--color-primary-accent) !important;
}

.feature-split-section__lead :is(h1, h2, h3, h4, h5, h6, p, span) {
  color: var(--theme-body-readable) !important;
}

.feature-split-section__eyebrow {
  color: var(--theme-eyebrow-readable);
  margin-bottom: clamp(0.9rem, 1.2vw, 1.15rem);
}

.feature-split-section__heading {
  color: var(--theme-heading-strong);
  font-family: var(--font-display);
  font-size: var(--text-display-lg);
  font-weight: 540;
  letter-spacing: 0;
  line-height: 1.05;
  max-width: none;
  overflow-wrap: normal;
  text-shadow: var(--theme-heading-shadow, none);
  text-wrap: pretty;
  word-break: normal;
}

.feature-split-section__heading em {
  color: var(--color-primary-accent);
  font-style: italic;
}

.feature-split-section__lead {
  color: var(--theme-body-readable);
  font-size: var(--text-body-lg);
  line-height: 1.68;
  max-width: none;
  overflow-wrap: normal;
  padding-top: clamp(1.4rem, 2vw, 2rem);
  text-wrap: pretty;
  word-break: normal;
}

.feature-split-section__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding-top: clamp(1.8rem, 2.5vw, 2.6rem);
}

.feature-split-section--actions-start .feature-split-section__actions {
  justify-content: flex-start;
}

.feature-split-section--actions-center .feature-split-section__actions {
  justify-content: center;
}

.feature-split-section--actions-end .feature-split-section__actions {
  justify-content: flex-end;
}

.feature-split-section__actions .button {
  letter-spacing: -0.015em;
  font-weight: 700;
  min-width: var(--feature-split-button-min-width);
}

.feature-split-section__actions .button--resource {
  background: #1f1b18;
  border-color: rgba(31, 27, 24, 0.14);
  border-radius: 6px;
  box-shadow: 0 10px 24px rgba(31, 27, 24, 0.12);
  color: var(--theme-overlay-quote-color);
  font-weight: 700;
  gap: 0.8rem;
  min-height: 3.25rem;
  padding-inline: 1.5rem;
  text-shadow: var(--theme-button-text-shadow, none);
}

.feature-split-section.surface-ink .feature-split-section__actions .button--resource,
.feature-split-section[data-surface="ink"] .feature-split-section__actions .button--resource {
  background: var(--surface-canvas);
  border-color: color-mix(in srgb, var(--surface-canvas) 82%, transparent);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
  color: var(--surface-ink);
  text-shadow: none;
}

.feature-split-section__actions .button--resource :is(h1, h2, h3, h4, h5, h6, p, span, strong, em) {
  color: inherit !important;
  opacity: 1;
}

.feature-split-section__actions .button--resource:hover,
.feature-split-section__actions .button--resource:focus {
  background: #2a2521;
  border-color: rgba(31, 27, 24, 0.2);
  box-shadow: 0 12px 28px rgba(31, 27, 24, 0.16);
  color: var(--theme-overlay-quote-color);
}

.feature-split-section.surface-ink .feature-split-section__actions .button--resource:hover,
.feature-split-section.surface-ink .feature-split-section__actions .button--resource:focus,
.feature-split-section[data-surface="ink"] .feature-split-section__actions .button--resource:hover,
.feature-split-section[data-surface="ink"] .feature-split-section__actions .button--resource:focus {
  background: #ffffff;
  border-color: #ffffff;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28);
  color: var(--surface-ink);
}

.feature-split-section__actions .button--resource:active {
  box-shadow: 0 8px 20px rgba(31, 27, 24, 0.16);
}

.feature-split-section__actions .button--resource .button__icon--download {
  flex-shrink: 0;
}

.feature-split-section__media {
  box-sizing: border-box;
  display: grid;
  padding-block-start: var(--feature-split-corner-gap);
  padding-inline-end: var(--feature-split-corner-gap);
  position: relative;
  transform: translateY(var(--feature-split-media-top-offset));
}

.feature-split-section__media::after {
  border-right: 2px solid var(--feature-split-corner-accent);
  border-top: 2px solid var(--feature-split-corner-accent);
  content: "";
  height: var(--feature-split-corner-size);
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: var(--feature-split-corner-size);
  z-index: 2;
}

.feature-split-section--has-eyebrow .feature-split-section__media {
  --feature-split-media-top-offset: clamp(1.5rem, 2.2vw, 1.9rem);
}

.feature-split-section__media-shell {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(28, 27, 27, 0.08) 100%),
    rgba(241, 232, 223, 0.42);
  min-height: calc(var(--feature-split-media-min-height) - var(--feature-split-corner-gap));
  overflow: hidden;
  position: relative;
}

.feature-split-section.surface-blush .feature-split-section__media-shell,
.feature-split-section[data-surface="blush"] .feature-split-section__media-shell {
  min-height: max(
    18rem,
    calc(
      var(--feature-split-media-min-height) - (2 * var(--theme-surface-text-safe-block)) - var(--feature-split-corner-gap)
    )
  );
}

.feature-split-section.surface-ink .feature-split-section__media-shell,
.feature-split-section.surface-dark .feature-split-section__media-shell {
  background:
    linear-gradient(180deg, rgba(247, 242, 239, 0.04) 0%, rgba(9, 12, 15, 0.18) 100%),
    rgba(37, 32, 29, 0.66);
}

.feature-split-section__image {
  display: block;
  filter: saturate(0.92) contrast(1.02) brightness(0.9);
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  width: 100%;
}

.feature-split-section__video-embed,
.proof-split-section__video-embed {
  height: 100%;
  inset: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.feature-split-section__video-embed > :not(script),
.proof-split-section__video-embed > :not(script) {
  display: block;
  height: 100% !important;
  position: relative;
  width: 100% !important;
}

.feature-split-section__video-embed :is(iframe, video, embed, object),
.proof-split-section__video-embed :is(iframe, video, embed, object) {
  border: 0;
  display: block;
  height: 100% !important;
  inset: 0;
  position: absolute;
  width: 100% !important;
}

.feature-split-section.surface-ink .feature-split-section__image,
.feature-split-section.surface-dark .feature-split-section__image {
  filter: saturate(0.86) contrast(1.03) brightness(0.74);
}

.feature-split-section--text-center :is(
  .feature-split-section__eyebrow,
  .feature-split-section__heading,
  .feature-split-section__lead
) {
  margin-inline: auto;
}

.feature-split-section--text-right :is(
  .feature-split-section__eyebrow,
  .feature-split-section__heading,
  .feature-split-section__lead
) {
  margin-left: auto;
}

.feature-split-section__content {
  --stack-copy-eyebrow-color: var(--theme-eyebrow-readable);
  --stack-copy-heading-color: var(--color-text-primary);
  --stack-copy-heading-size: clamp(2.9rem, 4.8vw, 5rem);
  --stack-copy-heading-line-height: 0.98;
  --stack-copy-heading-max-width: none;
  --stack-copy-lead-color: var(--color-text-secondary);
  --stack-copy-lead-max-width: none;
  --stack-copy-lead-padding-top: clamp(1.4rem, 2vw, 2rem);
}

.feature-split-composition__content {
  display: grid;
  gap: 0;
}

.feature-split-composition__content > .row-fluid-wrapper,
.feature-split-composition__content > .row-fluid,
.feature-split-composition__actions-group > .row-fluid-wrapper,
.feature-split-composition__actions-group > .row-fluid {
  width: 100%;
}

.feature-split-composition__actions-group {
  padding-top: clamp(1.8rem, 2.5vw, 2.6rem);
}

.feature-split-composition__actions-group .action-link {
  justify-content: flex-start;
}

.feature-split-section--actions-center .feature-split-composition__actions-group .action-link {
  justify-content: center;
}

.feature-split-section--actions-end .feature-split-composition__actions-group .action-link {
  justify-content: flex-end;
}

.feature-split-composition__actions-group .button {
  min-width: var(--feature-split-button-min-width);
}

.feature-split-composition__media .frame-media {
  min-height: clamp(24rem, 42vw, 40rem);
}

.feature-split-composition__media .frame-media__image {
  filter: saturate(0.92) contrast(1.02) brightness(0.9);
}

.feature-split-section.surface-ink .feature-split-composition__media .frame-media__image,
.feature-split-section.surface-dark .feature-split-composition__media .frame-media__image {
  filter: saturate(0.86) contrast(1.03) brightness(0.74);
}

.feature-split-section--text-center :is(
  .stack-copy__eyebrow,
  .stack-copy__heading,
  .stack-copy__lead
) {
  margin-inline: auto;
}

.feature-split-section--text-right :is(
  .stack-copy__eyebrow,
  .stack-copy__heading,
  .stack-copy__lead
) {
  margin-left: auto;
}

.proof-split-section {
  --proof-split-content-gutter: clamp(var(--space-6), 3vw, var(--space-10));
  --proof-split-section-inline-pad: calc(
    var(--theme-surface-section-padding-inline) + var(--theme-surface-text-safe-inline)
  );
  background: var(--theme-surface-fill);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  isolation: isolate;
  min-height: 36rem;
  padding-block: calc(var(--theme-surface-section-padding-block) + var(--theme-surface-text-safe-block));
  padding-inline: var(--proof-split-section-inline-pad);
  position: relative;
}

.proof-split-section::before {
  background: var(--theme-surface-fill);
  content: "";
  inset-block: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -2;
}

@supports (width: 100dvw) {
  .proof-split-section::before {
    width: 100dvw;
  }
}

.proof-split-section__grid {
  align-items: center;
  display: grid;
  gap: clamp(var(--space-8), 4vw, var(--space-12));
  grid-template-areas: "content media";
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  min-height: inherit;
}

.proof-split-section--media-left .proof-split-section__grid {
  grid-template-areas: "media content";
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}

.proof-split-section--content-top .proof-split-section__grid {
  align-items: start;
}

.proof-split-section--content-bottom .proof-split-section__grid {
  align-items: end;
}

.proof-split-section__content,
.proof-split-section__media {
  min-width: 0;
}

.proof-split-section__content {
  grid-area: content;
}

.proof-split-section__media {
  grid-area: media;
}

.proof-split-section__content {
  box-sizing: border-box;
  display: grid;
  gap: 0;
  max-width: none;
  padding-inline-end: var(--proof-split-content-gutter);
  position: relative;
  width: 100%;
  z-index: 1;
}

.proof-split-section--media-left .proof-split-section__content {
  padding-inline-end: 0;
  padding-inline-start: var(--proof-split-content-gutter);
}

.proof-split-section--text-center .proof-split-section__content {
  justify-self: center;
  text-align: center;
}

.proof-split-section--text-right .proof-split-section__content {
  justify-self: end;
  text-align: right;
}

.proof-split-section__heading,
.proof-split-section__point-title,
.proof-split-section__point-body,
.proof-split-section__media-quote {
  margin: 0;
}

.proof-split-section__heading :is(h1, h2, h3, h4, h5, h6, p),
.proof-split-section__point-body :is(h1, h2, h3, h4, h5, h6, p) {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
}

.proof-split-section__point-title :is(h1, h2, h3, h4, h5, h6, p) {
  margin: 0;
  text-shadow: var(--theme-heading-shadow, none);
}

.proof-split-section__media-quote p {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
}

.proof-split-section__heading :is(h1, h2, h3, h4, h5, h6, p, span, strong) {
  color: var(--theme-heading-strong) !important;
  text-shadow: var(--theme-heading-shadow, none) !important;
}

.proof-split-section__heading em {
  color: var(--color-primary-accent) !important;
}

.proof-split-section__point-body :is(h1, h2, h3, h4, h5, h6, p, span) {
  color: var(--theme-body-readable) !important;
}

.proof-split-section__media-quote :is(h1, h2, h3, h4, h5, h6, p, span, strong, em) {
  color: inherit;
  text-shadow: var(--theme-overlay-quote-shadow);
}

.proof-split-section__heading {
  color: var(--theme-heading-strong);
  font-family: var(--font-display);
  font-size: var(--text-display-lg);
  font-weight: 540;
  letter-spacing: 0;
  line-height: 1.05;
  max-width: none;
  overflow-wrap: normal;
  text-shadow: var(--theme-heading-shadow, none);
  text-wrap: pretty;
  word-break: normal;
}

.proof-split-section__heading em {
  color: var(--color-primary-accent);
  font-style: italic;
}

.proof-split-section__points {
  display: grid;
  gap: clamp(2.4rem, 4vw, 3.6rem);
  padding-top: clamp(2rem, 2.8vw, 2.9rem);
}

.proof-split-section__point {
  border-left: 1px solid rgba(247, 242, 239, 0.18);
  display: grid;
  gap: clamp(0.8rem, 1.2vw, 1rem);
  padding-left: clamp(var(--space-4), 2vw, var(--space-5));
}

.proof-split-section__point--featured {
  border-left-color: rgba(254, 129, 14, 0.92);
}

.proof-split-section.surface-paper .proof-split-section__point,
.proof-split-section.surface-canvas .proof-split-section__point,
.proof-split-section.surface-blush .proof-split-section__point,
.proof-split-section.surface-glow .proof-split-section__point {
  border-left-color: rgba(31, 27, 24, 0.14);
}

.proof-split-section.surface-paper .proof-split-section__point--featured,
.proof-split-section.surface-canvas .proof-split-section__point--featured,
.proof-split-section.surface-blush .proof-split-section__point--featured,
.proof-split-section.surface-glow .proof-split-section__point--featured {
  border-left-color: rgba(150, 73, 0, 0.8);
}

.proof-split-section__point-title {
  color: var(--theme-heading-strong);
  font-family: var(--font-display);
  font-size: clamp(1.85rem, 2.8vw, 2.45rem);
  font-style: italic;
  font-weight: 540;
  letter-spacing: -0.03em;
  line-height: 1.04;
  overflow-wrap: normal;
  text-shadow: var(--theme-heading-shadow, none);
  word-break: normal;
}

.proof-split-section__point-body {
  color: var(--theme-body-readable);
  font-size: var(--text-body-lg);
  line-height: 1.68;
  max-width: none;
  overflow-wrap: normal;
  text-wrap: pretty;
  word-break: normal;
}

.proof-split-section__media {
  margin: 0;
  position: relative;
}

.proof-split-section__media-shell {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(12, 15, 19, 0.24) 100%),
    rgba(37, 32, 29, 0.66);
  min-height: clamp(24rem, 42vw, 40rem);
  overflow: hidden;
  position: relative;
}

.proof-split-section.surface-blush .proof-split-section__media-shell,
.proof-split-section[data-surface="blush"] .proof-split-section__media-shell {
  min-height: max(18rem, calc(clamp(24rem, 42vw, 40rem) - (2 * var(--theme-surface-text-safe-block))));
}

.proof-split-section.surface-paper .proof-split-section__media-shell,
.proof-split-section.surface-canvas .proof-split-section__media-shell,
.proof-split-section.surface-blush .proof-split-section__media-shell,
.proof-split-section.surface-glow .proof-split-section__media-shell {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(28, 27, 27, 0.08) 100%),
    rgba(241, 232, 223, 0.4);
}

.proof-split-section__image {
  display: block;
  filter: grayscale(1) saturate(0.82) contrast(1.04) brightness(0.82);
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  width: 100%;
}

.proof-split-section.surface-paper .proof-split-section__image,
.proof-split-section.surface-canvas .proof-split-section__image,
.proof-split-section.surface-blush .proof-split-section__image,
.proof-split-section.surface-glow .proof-split-section__image {
  filter: saturate(0.9) contrast(1.02) brightness(0.92);
}

.proof-split-section__media-overlay {
  align-items: end;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42%, rgba(9, 12, 15, 0.74) 100%);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: clamp(var(--space-5), 2.5vw, var(--space-7));
  position: absolute;
  text-align: center;
}

.proof-split-section.surface-paper .proof-split-section__media-overlay,
.proof-split-section.surface-canvas .proof-split-section__media-overlay,
.proof-split-section.surface-blush .proof-split-section__media-overlay,
.proof-split-section.surface-glow .proof-split-section__media-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(31, 27, 24, 0.42) 100%);
}

.proof-split-section__media-quote {
  color: var(--theme-overlay-quote-color);
  display: inline-block;
  font-family: var(--font-display);
  font-size: clamp(1.9rem, 2.8vw, 2.8rem);
  font-style: italic;
  font-weight: 540;
  letter-spacing: -0.03em;
  line-height: 1.04;
  overflow-wrap: normal;
  text-shadow: var(--theme-overlay-quote-shadow);
  text-wrap: pretty;
  white-space: pre-line;
  width: fit-content;
}

.proof-split-section__media-quote :is(h1, h2, h3, h4, h5, h6, p) {
  margin-inline: auto;
  width: fit-content;
}

.proof-split-section--text-center :is(
  .proof-split-section__heading,
  .proof-split-section__point-body
) {
  margin-inline: auto;
}

.proof-split-section--text-right :is(
  .proof-split-section__heading,
  .proof-split-section__point-body
) {
  margin-left: auto;
}

.proof-split-section__content {
  --stack-copy-heading-color: var(--color-text-primary);
  --stack-copy-heading-size: clamp(3rem, 5.1vw, 5.15rem);
  --stack-copy-heading-line-height: 0.98;
  --stack-copy-heading-max-width: none;
  --stack-copy-heading-accent: rgba(255, 174, 108, 0.98);
  --stack-copy-lead-color: var(--color-text-secondary);
  --stack-copy-lead-max-width: none;
  --stack-copy-lead-padding-top: clamp(1.4rem, 2vw, 1.9rem);

  --bar-point-title-size: clamp(1.85rem, 2.8vw, 2.45rem);
  --bar-point-title-line-height: 1.04;
  --bar-point-body-size: var(--text-body-lg);
  --bar-point-body-max-width: none;
  --bar-point-gap: clamp(0.8rem, 1.2vw, 1rem);
  --bar-point-padding-left: clamp(var(--space-4), 2vw, var(--space-5));
}

.proof-split-composition__content {
  display: grid;
  gap: 0;
}

.proof-split-composition__content > .row-fluid-wrapper,
.proof-split-composition__content > .row-fluid {
  width: 100%;
}

.proof-split-composition__points-group {
  display: grid;
  gap: clamp(2.4rem, 4vw, 3.6rem);
  padding-top: clamp(2rem, 2.8vw, 2.9rem);
}

.proof-split-composition__points-group > .row-fluid-wrapper,
.proof-split-composition__points-group > .row-fluid {
  width: 100%;
}

.proof-split-composition__media-column .frame-media {
  min-height: clamp(24rem, 42vw, 40rem);
}

.proof-split-composition__media-column .frame-media__image {
  filter: grayscale(1) saturate(0.82) contrast(1.04) brightness(0.82);
}

.proof-split-section.surface-paper .proof-split-composition__media-column .frame-media__image,
.proof-split-section.surface-canvas .proof-split-composition__media-column .frame-media__image,
.proof-split-section.surface-blush .proof-split-composition__media-column .frame-media__image,
.proof-split-section.surface-glow .proof-split-composition__media-column .frame-media__image {
  filter: saturate(0.9) contrast(1.02) brightness(0.92);
}

.proof-split-composition__media-column .overlay-quote {
  bottom: clamp(var(--space-5), 2.5vw, var(--space-7));
  left: clamp(var(--space-5), 2.5vw, var(--space-7));
  position: absolute;
  z-index: 2;
}

.proof-split-section--text-center :is(
  .stack-copy__heading,
  .stack-copy__lead,
  .bar-point__body
) {
  margin-inline: auto;
}

.proof-split-section--text-right :is(
  .stack-copy__heading,
  .stack-copy__lead,
  .bar-point__body
) {
  margin-left: auto;
}

.pricing-section {
  background: var(--theme-surface-fill);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: var(--theme-surface-section-padding-block) var(--theme-surface-section-padding-inline);
}

.pricing-section__inner {
  display: grid;
  gap: clamp(var(--space-8), 3vw, var(--space-10));
}

.pricing-section__intro {
  margin-inline: auto;
  width: 100%;
}

.pricing-section__intro .section-intro {
  justify-items: center;
  margin-inline: auto;
  text-align: center;
}

.pricing-section__intro .section-intro__heading,
.pricing-section__intro .section-intro__lead {
  margin-inline: auto;
}

.pricing-section__intro .section-intro__actions {
  justify-content: center;
  padding-top: var(--space-2);
}

.pricing-section__tiers {
  margin-inline: auto;
  width: 100%;
}

.pricing-section__tiers .row-fluid {
  align-items: stretch;
  row-gap: clamp(var(--space-6), 3vw, var(--space-8));
}

.pricing-section__tiers .row-fluid > [class*="span"] {
  min-width: 0;
}

.pricing-section .pricing-card {
  background-color: rgba(252, 249, 248, 0.995);
  border-color: rgba(28, 27, 27, 0.08);
  box-shadow: 0 18px 36px rgba(28, 27, 27, 0.045);
  height: 100%;
}

.pricing-section .pricing-card--featured {
  border-color: rgba(150, 73, 0, 0.48);
  box-shadow: 0 18px 40px rgba(150, 73, 0, 0.08);
}

.pricing-section .pricing-card__header {
  gap: var(--space-3);
}

.pricing-section .pricing-card__title {
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 4vw, 2.7rem);
  letter-spacing: -0.045em;
  line-height: 1.02;
}

.pricing-section .pricing-card__subtitle {
  color: var(--color-text-secondary);
  font-size: var(--text-body);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.45;
}

.pricing-section .pricing-card__pricing {
  gap: var(--space-2);
}

.pricing-section .pricing-card__price {
  font-size: clamp(3.25rem, 5vw, 4.4rem);
}

.pricing-section .pricing-card__billing-note,
.pricing-section .pricing-card__commercial-note {
  color: var(--color-primary-accent-ink);
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 2vw, 1.85rem);
  font-style: italic;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.1;
}

.pricing-section .pricing-card__description {
  color: var(--color-text-secondary);
}

.pricing-section .pricing-card__features {
  border-top: 1px solid rgba(28, 27, 27, 0.08);
  gap: var(--space-4);
  padding-top: var(--space-4);
}

.pricing-section .pricing-card__feature {
  gap: var(--space-3);
}

.pricing-section .pricing-card__feature::before {
  background-color: var(--color-primary);
  border: 0;
  border-radius: 999px;
  box-shadow: none;
  height: 8px;
  margin-top: 0.52em;
  transform: none;
  width: 8px;
}

.pricing-section .pricing-card__cta-row {
  border-top: 1px solid rgba(28, 27, 27, 0.08);
  padding-top: var(--space-5);
}

.pricing-section .pricing-card__cta {
  justify-content: center;
  width: 100%;
}

.preview-canary {
  align-items: center;
  background: linear-gradient(135deg, rgba(254, 129, 14, 0.18), rgba(150, 73, 0, 0.1));
  border: 2px dashed rgba(150, 73, 0, 0.48);
  border-radius: var(--radius-lg);
  color: var(--color-primary-accent-ink);
  display: grid;
  gap: var(--space-2);
  justify-items: start;
  padding: var(--space-5);
}

.preview-canary span,
.preview-canary strong {
  margin: 0;
}

.preview-canary span {
  font-size: var(--text-label);
  font-weight: 800;
  letter-spacing: 0.18em;
  line-height: 1.3;
  text-transform: uppercase;
}

.preview-canary strong {
  font-family: var(--font-display);
  font-size: clamp(1.55rem, 2.6vw, 2.1rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.08;
}

.preview-canary--board {
  margin-inline: auto;
  width: 100%;
}

.preview-canary--page-top {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  margin-bottom: var(--space-8);
  width: 100%;
}

.preview-canary--inside {
  grid-column: 1 / -1;
  margin-bottom: var(--space-2);
}

.controlled-hero-band {
  background: transparent;
}

.controlled-hero-section {
  --controlled-hero-inline-pad: var(--theme-surface-section-padding-inline);
  --controlled-hero-heading-color: var(--theme-heading-strong);
  --controlled-hero-body-color: var(--theme-body-readable);
  --controlled-hero-note-color: var(--theme-note-readable);
  --controlled-hero-eyebrow-color: var(--theme-eyebrow-readable);
  --controlled-hero-heading-shadow: var(--theme-heading-shadow, none);
  --controlled-hero-body-shadow: none;
  --controlled-hero-overlay-strong: rgba(252, 249, 246, 0.97);
  --controlled-hero-overlay-mid: rgba(252, 249, 246, 0.86);
  --controlled-hero-overlay-soft: rgba(252, 249, 246, 0.32);
  --controlled-hero-image-filter: saturate(0.9) contrast(1.05) brightness(0.82);
  --controlled-hero-media-overlay:
    linear-gradient(180deg, rgba(22, 18, 15, 0.08) 0%, rgba(22, 18, 15, 0.28) 100%);
  --controlled-hero-media-glow:
    radial-gradient(circle at 82% 28%, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 30%);
  background: var(--theme-surface-fill);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  isolation: isolate;
  min-height: clamp(34rem, 54vw, 44rem);
  padding: var(--section-band-space-y) var(--controlled-hero-inline-pad);
  position: relative;
}

.controlled-hero-section::after {
  background: var(--theme-surface-fill);
  content: "";
  inset-block: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -2;
}

@supports (width: 100dvw) {
  .controlled-hero-section::after {
    width: 100dvw;
  }
}

.controlled-hero-section.surface-paper,
.controlled-hero-section.surface-muted {
  --controlled-hero-heading-color: var(--theme-heading-strong);
  --controlled-hero-body-color: var(--theme-body-readable);
  --controlled-hero-note-color: var(--theme-note-readable);
  --controlled-hero-eyebrow-color: var(--theme-eyebrow-readable);
  --controlled-hero-overlay-strong: rgba(245, 239, 233, 0.96);
  --controlled-hero-overlay-mid: rgba(245, 239, 233, 0.84);
  --controlled-hero-overlay-soft: rgba(245, 239, 233, 0.3);
  --controlled-hero-image-filter: saturate(0.92) contrast(1.04) brightness(0.8);
  --controlled-hero-media-overlay:
    linear-gradient(180deg, rgba(24, 18, 15, 0.08) 0%, rgba(24, 18, 15, 0.26) 100%);
}

.controlled-hero-section.surface-ink,
.controlled-hero-section.surface-dark {
  --controlled-hero-heading-color: var(--theme-heading-strong);
  --controlled-hero-body-color: var(--theme-body-readable);
  --controlled-hero-note-color: var(--theme-note-readable);
  --controlled-hero-eyebrow-color: var(--theme-eyebrow-readable);
  --controlled-hero-heading-shadow: var(--theme-heading-shadow, none);
  --controlled-hero-body-shadow: 0 1px 2px rgba(12, 15, 19, 0.22);
  --controlled-hero-overlay-strong: rgba(9, 12, 15, 0.97);
  --controlled-hero-overlay-mid: rgba(9, 12, 15, 0.86);
  --controlled-hero-overlay-soft: rgba(9, 12, 15, 0.34);
  --controlled-hero-image-filter: saturate(0.86) contrast(1.06) brightness(0.66);
  --controlled-hero-media-overlay:
    linear-gradient(180deg, rgba(9, 12, 15, 0.24) 0%, rgba(9, 12, 15, 0.52) 100%);
}

.controlled-hero-section.surface-blush {
  --controlled-hero-heading-color: var(--theme-heading-strong);
  --controlled-hero-body-color: var(--theme-body-readable);
  --controlled-hero-note-color: var(--theme-note-readable);
  --controlled-hero-eyebrow-color: var(--theme-eyebrow-readable);
  --controlled-hero-overlay-strong: rgba(243, 223, 210, 0.92);
  --controlled-hero-overlay-mid: rgba(243, 223, 210, 0.76);
  --controlled-hero-overlay-soft: rgba(243, 223, 210, 0.26);
  --controlled-hero-image-filter: saturate(0.94) contrast(1.04) brightness(0.82);
  --controlled-hero-media-overlay:
    linear-gradient(180deg, rgba(33, 21, 17, 0.08) 0%, rgba(33, 21, 17, 0.24) 100%);
}

.controlled-hero-section.surface-glow {
  --controlled-hero-heading-color: var(--theme-heading-strong);
  --controlled-hero-body-color: var(--theme-body-readable);
  --controlled-hero-note-color: var(--theme-note-readable);
  --controlled-hero-eyebrow-color: var(--theme-eyebrow-readable);
  --controlled-hero-overlay-strong: rgba(250, 243, 232, 0.92);
  --controlled-hero-overlay-mid: rgba(250, 243, 232, 0.78);
  --controlled-hero-overlay-soft: rgba(250, 243, 232, 0.26);
  --controlled-hero-image-filter: saturate(0.94) contrast(1.04) brightness(0.82);
  --controlled-hero-media-overlay:
    linear-gradient(180deg, rgba(35, 24, 17, 0.08) 0%, rgba(35, 24, 17, 0.24) 100%);
}

.controlled-hero-section::before {
  background:
    linear-gradient(90deg, var(--controlled-hero-overlay-strong) 0%, var(--controlled-hero-overlay-strong) 18%, var(--controlled-hero-overlay-mid) 36%, var(--controlled-hero-overlay-soft) 60%, rgba(0, 0, 0, 0) 84%),
    radial-gradient(circle at 12% 50%, var(--controlled-hero-overlay-mid) 0%, rgba(0, 0, 0, 0) 40%);
  content: "";
  inset-block: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  width: 100vw;
  z-index: 1;
}

@supports (width: 100dvw) {
  .controlled-hero-section::before {
    width: 100dvw;
  }
}

.controlled-hero-section--content-center::before {
  background:
    radial-gradient(circle at 50% 44%, var(--controlled-hero-overlay-strong) 0%, var(--controlled-hero-overlay-mid) 30%, var(--controlled-hero-overlay-soft) 62%, rgba(0, 0, 0, 0) 86%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.02) 0%, var(--controlled-hero-overlay-soft) 22%, var(--controlled-hero-overlay-mid) 50%, var(--controlled-hero-overlay-soft) 78%, rgba(0, 0, 0, 0.02) 100%);
}

.controlled-hero-section__media {
  bottom: 0;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  z-index: 0;
}

@supports (width: 100dvw) {
  .controlled-hero-section__media {
    width: 100dvw;
  }
}

.controlled-hero-section__media::after {
  background: var(--controlled-hero-media-glow), var(--controlled-hero-media-overlay);
  content: "";
  inset: 0;
  position: absolute;
}

.controlled-hero-section__video-embed {
  height: 100%;
  inset: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.controlled-hero-section__video-embed > :not(script) {
  display: block;
  height: 100% !important;
  position: relative;
  width: 100% !important;
}

.controlled-hero-section__video-embed :is(iframe, video, embed, object) {
  border: 0;
  display: block;
  height: 100% !important;
  inset: 0;
  position: absolute;
  width: 100% !important;
}

.controlled-hero-section__inner {
  align-items: center;
  display: grid;
  min-height: clamp(30rem, 48vw, 38rem);
  position: relative;
  z-index: 2;
}

.controlled-hero-section__content {
  display: grid;
  gap: 0;
  max-width: 100%;
  min-width: 0;
  position: relative;
  text-align: left;
  width: min(100%, var(--controlled-hero-content-width, 55%));
  z-index: 2;
}

.controlled-hero-section--content-center .controlled-hero-section__content {
  justify-self: center;
  text-align: center;
}

.controlled-hero-section--content-right .controlled-hero-section__content {
  justify-self: end;
  text-align: right;
}

.controlled-hero-section__eyebrow,
.controlled-hero-section__heading,
.controlled-hero-section__lead,
.controlled-hero-section__supporting-note {
  margin: 0;
  max-width: none;
  width: 100%;
}

.controlled-hero-section__eyebrow :is(h1, h2, h3, h4, h5, h6, p),
.controlled-hero-section__heading :is(h1, h2, h3, h4, h5, h6, p),
.controlled-hero-section__lead :is(h1, h2, h3, h4, h5, h6, p),
.controlled-hero-section__supporting-note :is(h1, h2, h3, h4, h5, h6, p),
.controlled-hero-section__actions .button :is(h1, h2, h3, h4, h5, h6, p, span) {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  width: auto;
}

.controlled-hero-section__eyebrow :is(h1, h2, h3, h4, h5, h6, p, span) {
  color: var(--controlled-hero-eyebrow-color) !important;
  text-shadow: var(--controlled-hero-body-shadow) !important;
}

.controlled-hero-section__heading :is(h1, h2, h3, h4, h5, h6, p, span, strong) {
  color: var(--controlled-hero-heading-color) !important;
  text-shadow: var(--controlled-hero-heading-shadow) !important;
}

.controlled-hero-section__heading em {
  color: var(--color-primary-accent) !important;
}

.controlled-hero-section__lead :is(h1, h2, h3, h4, h5, h6, p, span) {
  color: var(--controlled-hero-body-color) !important;
  text-shadow: var(--controlled-hero-body-shadow) !important;
}

.controlled-hero-section__supporting-note :is(h1, h2, h3, h4, h5, h6, p, span) {
  color: var(--controlled-hero-note-color) !important;
  text-shadow: var(--controlled-hero-body-shadow) !important;
}

.controlled-hero-section__heading {
  color: var(--controlled-hero-heading-color);
  font-family: var(--font-display);
  font-size: clamp(3rem, 5vw, 5.15rem);
  font-weight: 540;
  letter-spacing: 0;
  line-height: 0.98;
  overflow-wrap: normal;
  text-shadow: var(--controlled-hero-heading-shadow);
  word-break: normal;
}

.controlled-hero-section__heading em {
  color: var(--color-primary-accent);
  font-style: italic;
}

.controlled-hero-section__lead {
  color: var(--controlled-hero-body-color);
  font-size: var(--text-body-lg);
  font-weight: 500;
  line-height: 1.68;
  overflow-wrap: normal;
  padding-top: clamp(1.5rem, 2vw, 2rem);
  text-shadow: var(--controlled-hero-body-shadow);
  word-break: normal;
}

.controlled-hero-section__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  justify-content: flex-start;
  padding-top: clamp(1.9rem, 2.7vw, 2.8rem);
}

.controlled-hero-section__actions .button {
  letter-spacing: -0.015em;
  font-weight: 700;
  min-width: clamp(13.5rem, 18vw, 19rem);
}

.controlled-hero-section__actions .button--secondary {
  backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.controlled-hero-section__actions .button--secondary:hover,
.controlled-hero-section__actions .button--secondary:focus {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 28px rgba(12, 15, 19, 0.14);
}

.controlled-hero-section__supporting-note {
  color: var(--controlled-hero-note-color);
  font-size: var(--text-body-sm);
  font-weight: 500;
  line-height: 1.72;
  overflow-wrap: normal;
  padding-top: clamp(1.9rem, 2.6vw, 2.9rem);
  text-shadow: var(--controlled-hero-body-shadow);
  word-break: normal;
}

.controlled-hero-section__eyebrow {
  color: var(--controlled-hero-eyebrow-color);
  margin-bottom: clamp(0.9rem, 1.3vw, 1.2rem);
  text-shadow: var(--controlled-hero-body-shadow);
}

.controlled-hero-section--content-center :is(
  .controlled-hero-section__eyebrow,
  .controlled-hero-section__heading,
  .controlled-hero-section__lead,
  .controlled-hero-section__supporting-note
) {
  margin-inline: auto;
}

.controlled-hero-section--content-center .controlled-hero-section__actions {
  justify-content: center;
}

.controlled-hero-section--content-right::before {
  background:
    linear-gradient(270deg, var(--controlled-hero-overlay-strong) 0%, var(--controlled-hero-overlay-strong) 18%, var(--controlled-hero-overlay-mid) 36%, var(--controlled-hero-overlay-soft) 60%, rgba(0, 0, 0, 0) 84%),
    radial-gradient(circle at 88% 50%, var(--controlled-hero-overlay-mid) 0%, rgba(0, 0, 0, 0) 40%);
}

.controlled-hero-section--content-right :is(
  .controlled-hero-section__eyebrow,
  .controlled-hero-section__heading,
  .controlled-hero-section__lead,
  .controlled-hero-section__supporting-note
) {
  margin-left: auto;
}

.controlled-hero-section--content-right .controlled-hero-section__actions {
  justify-content: flex-end;
}

.controlled-hero-section__media-image {
  display: block;
  filter: var(--controlled-hero-image-filter);
  height: calc(100% + 2px);
  left: -1px;
  object-fit: cover;
  object-position: 58% center;
  position: absolute;
  top: -1px;
  transform: scale(1.08);
  transform-origin: center;
  width: calc(100% + 2px);
}

.service-founder-hero .controlled-hero-section__media {
  background:
    radial-gradient(circle at 76% 28%, rgba(250, 228, 201, 0.52), rgba(250, 228, 201, 0) 34%),
    linear-gradient(90deg, #fcf9f6 0%, #f8ead8 48%, #c8925d 76%, #7c4b25 100%);
}

.service-founder-hero .controlled-hero-section__media-image {
  height: 100%;
  left: auto;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, rgba(0, 0, 0, 0.62) 25%, #000 46%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, rgba(0, 0, 0, 0.62) 25%, #000 46%);
  object-fit: cover;
  object-position: center top;
  opacity: 0.9;
  right: 0;
  top: 0;
  transform: none;
  width: min(58vw, 54rem);
}

.service-founder-hero .controlled-hero-section__media::after {
  background:
    linear-gradient(90deg, rgba(252, 249, 246, 0.2) 0%, rgba(252, 249, 246, 0.08) 38%, rgba(250, 240, 228, 0.12) 58%, rgba(48, 25, 13, 0.1) 100%),
    radial-gradient(circle at 75% 30%, rgba(255, 246, 235, 0.16), rgba(255, 246, 235, 0) 36%);
}

.service-founder-hero::before {
  background:
    radial-gradient(circle at 30% 45%, rgba(252, 249, 246, 0.72) 0%, rgba(252, 249, 246, 0.34) 42%, rgba(252, 249, 246, 0) 70%),
    linear-gradient(90deg, rgba(252, 249, 246, 0.99) 0%, rgba(252, 249, 246, 0.96) 38%, rgba(252, 249, 246, 0.68) 52%, rgba(250, 240, 228, 0.24) 68%, rgba(74, 42, 23, 0.08) 100%);
}

.service-founder-hero .controlled-hero-section__content {
  --controlled-hero-content-width: 50%;
}

.controlled-hero-section__content {
  --stack-copy-eyebrow-color: var(--controlled-hero-eyebrow-color);
  --stack-copy-heading-color: var(--controlled-hero-heading-color);
  --stack-copy-heading-size: clamp(3rem, 5vw, 5.15rem);
  --stack-copy-heading-line-height: 0.98;
  --stack-copy-heading-max-width: none;
  --stack-copy-heading-shadow: var(--controlled-hero-heading-shadow);
  --stack-copy-heading-accent: rgba(255, 174, 108, 0.98);
  --stack-copy-lead-color: var(--controlled-hero-body-color);
  --stack-copy-lead-max-width: none;
  --stack-copy-lead-padding-top: clamp(1.5rem, 2vw, 2rem);
  --stack-copy-body-shadow: var(--controlled-hero-body-shadow);

  --supporting-note-color: var(--controlled-hero-note-color);
  --supporting-note-shadow: var(--controlled-hero-body-shadow);
}

.controlled-hero-section__media > .row-fluid-wrapper,
.controlled-hero-section__media > .row-fluid-wrapper > .row-fluid,
.controlled-hero-section__media > .row-fluid,
.controlled-hero-section__media > .row-fluid > [class*="span"] {
  height: 100%;
}

.controlled-hero-section__media .frame-media {
  height: 100%;
  min-height: 100%;
}

.controlled-hero-section__media .frame-media__image {
  filter: var(--controlled-hero-image-filter);
  height: calc(100% + 2px);
  left: -1px;
  object-fit: cover;
  object-position: 58% center;
  position: absolute;
  top: -1px;
  transform: scale(1.08);
  transform-origin: center;
  width: calc(100% + 2px);
}

.controlled-hero-composition__actions-group {
  padding-top: clamp(1.9rem, 2.7vw, 2.8rem);
}

.controlled-hero-composition__actions-group .row-fluid {
  row-gap: var(--space-4);
}

.controlled-hero-composition__actions-group .action-link {
  justify-content: flex-start;
}

.controlled-hero-composition__actions-group .button {
  min-width: clamp(13.5rem, 18vw, 19rem);
  width: 100%;
}

.controlled-hero-composition__note-group {
  padding-top: clamp(1.9rem, 2.6vw, 2.9rem);
}

.controlled-hero-section--content-center :is(
  .stack-copy__eyebrow,
  .stack-copy__heading,
  .stack-copy__lead,
  .supporting-note
) {
  margin-inline: auto;
}

.controlled-hero-section--content-center .controlled-hero-composition__actions-group .action-link {
  justify-content: center;
}

.controlled-hero-section--content-right :is(
  .stack-copy__eyebrow,
  .stack-copy__heading,
  .stack-copy__lead,
  .supporting-note
) {
  margin-left: auto;
}

.controlled-hero-section--content-right .controlled-hero-composition__actions-group .action-link {
  justify-content: flex-end;
}

.proof-section {
  background: var(--theme-surface-fill);
  border: 0;
  border-radius: 0;
  padding: var(--theme-surface-section-padding-block) var(--theme-surface-section-padding-inline);
}

.proof-section.surface-muted {
  background: var(--theme-surface-fill);
}

.proof-section.surface-dark {
  background: var(--theme-surface-fill);
}

.proof-section__inner {
  display: grid;
  gap: clamp(var(--space-8), 3vw, var(--space-10));
}

.proof-section__intro .section-intro__actions {
  padding-top: var(--space-2);
}

.proof-section__stage {
  border-top: 1px solid rgba(28, 27, 27, 0.08);
  padding-top: clamp(var(--space-6), 3vw, var(--space-8));
}

.proof-section.surface-dark .proof-section__stage {
  border-color: rgba(247, 242, 239, 0.12);
}

.proof-section--without-intro .proof-section__inner {
  gap: 0;
}

.proof-section--without-intro .proof-section__stage {
  border-top: 0;
  padding-top: 0;
}

.proof-section__stage .row-fluid,
.proof-section__supporting-grid {
  align-items: stretch;
  row-gap: clamp(var(--space-4), 2vw, var(--space-6));
}

.proof-section__stage .row-fluid > [class*="span"],
.proof-section__supporting-grid > [class*="span"] {
  min-width: 0;
}

.proof-section__quote-stack,
.proof-section__metric-stack {
  display: grid;
  gap: clamp(var(--space-4), 2vw, var(--space-6));
  height: 100%;
}

.proof-section__quote-stack > *,
.proof-section__metric-stack > * {
  min-width: 0;
}

.proof-section :is(.quote-proof-card, .stat-metric-card) {
  background-color: rgba(252, 249, 248, 0.995);
  border-color: rgba(28, 27, 27, 0.08);
  box-shadow: 0 18px 34px rgba(28, 27, 27, 0.045);
  height: 100%;
}

.proof-section.surface-dark :is(.quote-proof-card, .stat-metric-card) {
  background-color: rgba(33, 27, 23, 0.96);
  border-color: rgba(247, 242, 239, 0.1);
  box-shadow: none;
}

.proof-section .quote-proof-card {
  color: var(--color-text-primary);
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.proof-section .quote-proof-card__eyebrow,
.proof-section .quote-proof-card__mark,
.proof-section .quote-proof-card__quote,
.proof-section .quote-proof-card__quote-text,
.proof-section .quote-proof-card__attribution,
.proof-section .quote-proof-card__link-row {
  margin: 0;
}

.proof-section .quote-proof-card__eyebrow,
.proof-section .stat-metric-card__eyebrow {
  color: var(--theme-card-eyebrow-readable);
}

.proof-section .quote-proof-card__mark {
  display: none;
}

.proof-section .quote-proof-card__quote {
  border-left: 3px solid var(--color-primary-accent);
  padding-left: var(--space-4);
}

.proof-section .quote-proof-card__quote-text {
  color: var(--color-primary-accent-ink);
  font-family: var(--font-display);
  font-size: clamp(1.7rem, 2.7vw, 2.4rem);
  font-style: italic;
  letter-spacing: -0.03em;
  line-height: 1.18;
  margin: 0;
}

.proof-section .quote-proof-card__attribution {
  display: grid;
  gap: var(--space-2);
  padding-left: calc(var(--space-4) + 3px);
}

.proof-section .quote-proof-card__attribution-text {
  display: grid;
  gap: 2px;
}

.proof-section .quote-proof-card__headshot {
  background-color: var(--color-surface-low);
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(28, 27, 27, 0.08);
  display: block;
  height: 48px;
  object-fit: cover;
  object-position: center;
  width: 48px;
}

.proof-section .quote-proof-card__attribution-name,
.proof-section .quote-proof-card__attribution-line {
  display: block;
}

.proof-section .quote-proof-card__attribution-name {
  color: var(--color-text-primary);
  font-size: var(--text-body);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.proof-section .quote-proof-card__attribution-line {
  color: var(--color-text-muted);
  font-size: var(--text-body-sm);
  line-height: 1.35;
}

.proof-section .quote-proof-card__link-row {
  margin-top: auto;
  padding-left: calc(var(--space-4) + 3px);
  padding-top: var(--space-2);
}

.proof-section .quote-proof-card__link {
  color: var(--color-primary);
  display: inline-flex;
  font-weight: 600;
  text-decoration-color: rgba(150, 73, 0, 0.28);
  width: fit-content;
}

.proof-section .quote-proof-card__link:hover,
.proof-section .quote-proof-card__link:focus {
  color: var(--color-primary-accent);
  text-decoration-color: rgba(254, 129, 14, 0.42);
}

.proof-section .quote-proof-card--headshot-inline .quote-proof-card__attribution {
  align-items: center;
  display: flex;
  gap: var(--space-3);
}

.proof-section .quote-proof-card--headshot-centered {
  align-items: center;
  gap: var(--space-5);
  text-align: center;
}

.proof-section .quote-proof-card--headshot-centered .quote-proof-card__mark {
  color: var(--color-primary-accent);
  display: block;
  font-family: var(--font-body);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 0.8;
}

.proof-section .quote-proof-card--headshot-centered .quote-proof-card__quote {
  border-left: 0;
  padding-left: 0;
}

.proof-section .quote-proof-card--headshot-centered .quote-proof-card__quote-text {
  text-align: center;
}

.proof-section .quote-proof-card--headshot-centered .quote-proof-card__attribution {
  justify-items: center;
  padding-left: 0;
  text-align: center;
}

.proof-section .quote-proof-card--headshot-centered .quote-proof-card__headshot {
  border-radius: 18px;
  height: 72px;
  width: 72px;
}

.proof-section .quote-proof-card--headshot-centered .quote-proof-card__link-row {
  padding-left: 0;
}

.proof-section .stat-metric-card {
  color: var(--color-text-primary);
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.proof-section .stat-metric-card__eyebrow,
.proof-section .stat-metric-card__content,
.proof-section .stat-metric-card__metric-row,
.proof-section .stat-metric-card__supporting-line,
.proof-section .stat-metric-card__link-row {
  margin: 0;
}

.proof-section .stat-metric-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.proof-section .stat-metric-card__metric-row {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.proof-section .stat-metric-card__metric {
  color: var(--color-primary-accent-ink);
  font-family: var(--font-display);
  font-size: 64px;
  letter-spacing: -0.055em;
  line-height: 0.92;
}

.proof-section .stat-metric-card__qualifier {
  color: var(--color-text-primary);
  font-size: var(--text-body-lg);
  font-weight: 650;
  letter-spacing: -0.015em;
  line-height: 1.25;
}

.proof-section .stat-metric-card__supporting-line {
  color: var(--color-text-secondary);
  font-size: var(--text-body);
}

.proof-section .stat-metric-card__link-row {
  margin-top: auto;
  padding-top: var(--space-2);
}

.proof-section .stat-metric-card__link {
  color: var(--color-primary);
  display: inline-flex;
  font-weight: 600;
  text-decoration-color: rgba(150, 73, 0, 0.28);
  width: fit-content;
}

.proof-section .stat-metric-card__link:hover,
.proof-section .stat-metric-card__link:focus {
  color: var(--color-primary-accent);
  text-decoration-color: rgba(254, 129, 14, 0.42);
}

.proof-section .stat-metric-card--spotlight {
  gap: var(--space-5);
}

.proof-section .stat-metric-card--spotlight .stat-metric-card__content {
  gap: var(--space-2);
}

.proof-section .stat-metric-card--spotlight .stat-metric-card__metric-row,
.proof-section .stat-metric-card--accented .stat-metric-card__metric-row {
  align-items: flex-start;
  flex-direction: column;
  gap: var(--space-2);
}

.proof-section .stat-metric-card--spotlight .stat-metric-card__metric {
  font-size: clamp(4.1rem, 8vw, 5.25rem);
  line-height: 0.88;
}

.proof-section .stat-metric-card--spotlight .stat-metric-card__qualifier {
  color: var(--color-text-muted);
  font-size: var(--text-label);
  font-weight: 650;
  letter-spacing: 0.14em;
  line-height: 1.3;
  text-transform: uppercase;
}

.proof-section .stat-metric-card--accented .stat-metric-card__content {
  border-inline-start: 3px solid var(--color-primary);
  gap: var(--space-2);
  padding-inline-start: var(--space-4);
}

.proof-section .stat-metric-card--accented .stat-metric-card__metric {
  font-size: clamp(3.4rem, 6vw, 4.2rem);
  line-height: 0.92;
}

.proof-section .stat-metric-card--accented .stat-metric-card__qualifier {
  color: var(--color-text-primary);
  font-size: var(--text-h5);
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.proof-section.surface-dark .quote-proof-card__eyebrow,
.proof-section.surface-dark .stat-metric-card__eyebrow {
  color: var(--theme-card-eyebrow-readable);
}

.proof-section.surface-dark .quote-proof-card__quote-text,
.proof-section.surface-dark .stat-metric-card__metric {
  color: #ffd5ae;
}

.proof-section.surface-dark .quote-proof-card__attribution-name,
.proof-section.surface-dark .stat-metric-card__qualifier {
  color: var(--color-dark-text);
}

.proof-section.surface-dark .quote-proof-card__attribution-line,
.proof-section.surface-dark .stat-metric-card__supporting-line,
.proof-section.surface-dark .stat-metric-card--spotlight .stat-metric-card__qualifier {
  color: rgba(247, 242, 239, 0.74);
}

.proof-section.surface-dark .quote-proof-card__headshot {
  background-color: rgba(247, 242, 239, 0.08);
  box-shadow: none;
}

.proof-section.surface-dark .quote-proof-card__link,
.proof-section.surface-dark .stat-metric-card__link {
  color: #ffc48d;
  text-decoration-color: rgba(255, 196, 141, 0.34);
}

.proof-section.surface-dark .quote-proof-card__link:hover,
.proof-section.surface-dark .quote-proof-card__link:focus,
.proof-section.surface-dark .stat-metric-card__link:hover,
.proof-section.surface-dark .stat-metric-card__link:focus {
  color: #ffd5ae;
  text-decoration-color: rgba(255, 213, 174, 0.48);
}

.proof-section.surface-dark .quote-proof-card__quote,
.proof-section.surface-dark .stat-metric-card--accented .stat-metric-card__content {
  border-color: rgba(254, 129, 14, 0.74);
}

/* Proof section editorial split refresh */

.proof-section {
  background:
    linear-gradient(
      180deg,
      rgba(252, 249, 248, 0.99) 0%,
      rgba(247, 242, 239, 0.9) 100%
    );
  border: 1px solid rgba(28, 27, 27, 0.08);
  border-radius: calc(var(--radius-xl) + 4px);
  overflow: hidden;
  padding: var(--theme-surface-section-padding-block) var(--theme-surface-section-padding-inline);
}

.proof-section.surface-muted {
  background:
    linear-gradient(
      180deg,
      rgba(247, 242, 239, 0.98) 0%,
      rgba(242, 237, 235, 0.9) 100%
    );
}

.proof-section.surface-dark {
  background:
    linear-gradient(
      180deg,
      rgba(23, 20, 18, 0.985) 0%,
      rgba(33, 27, 23, 0.96) 100%
    );
  border-color: rgba(247, 242, 239, 0.12);
}

.proof-section__inner {
  align-items: start;
  display: grid;
  column-gap: clamp(var(--space-5), 2vw, var(--space-7));
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  row-gap: clamp(var(--space-8), 4vw, var(--space-12));
}

.proof-section__content,
.proof-section__media {
  min-width: 0;
}

.proof-section__content {
  align-content: start;
  display: grid;
  gap: clamp(var(--space-5), 2.4vw, var(--space-8));
  padding-right: clamp(0rem, 0.4vw, var(--space-2));
}

.proof-section__eyebrow,
.proof-section__heading,
.proof-section__lead,
.proof-section__point-title,
.proof-section__point-body,
.proof-section__media-quote,
.proof-section__media-attribution,
.proof-section__media-caption {
  margin: 0;
}

.proof-section__eyebrow {
  color: var(--theme-eyebrow-readable);
}

.proof-section__heading {
  color: var(--color-text-primary);
  font-family: var(--font-display);
  font-size: clamp(2.95rem, 4.8vw, 4.25rem);
  letter-spacing: -0.055em;
  line-height: 0.94;
}

.proof-section__lead {
  color: var(--color-text-secondary);
  font-size: var(--text-body-lg);
  line-height: 1.65;
}

.proof-section__points {
  display: grid;
  gap: clamp(var(--space-5), 2vw, var(--space-6));
}

.proof-section__point {
  border-inline-start: 2px solid rgba(28, 27, 27, 0.12);
  display: grid;
  gap: var(--space-3);
  padding-inline-start: var(--space-4);
}

.proof-section__point--featured {
  border-color: var(--color-primary-accent);
}

.proof-section__point-title {
  color: var(--color-text-primary);
  font-family: var(--font-display);
  font-size: clamp(1.55rem, 2.1vw, 2rem);
  font-style: italic;
  letter-spacing: -0.03em;
  line-height: 1.08;
}

.proof-section__point-body {
  color: var(--color-text-secondary);
  font-size: var(--text-body-lg);
  line-height: 1.65;
}

.proof-section__media {
  align-content: start;
  display: grid;
  gap: var(--space-4);
  justify-items: start;
}

.proof-section__media-shell {
  background-color: rgba(28, 27, 27, 0.08);
  border-radius: calc(var(--radius-xl) + 6px);
  box-shadow: 0 26px 52px rgba(28, 27, 27, 0.12);
  overflow: hidden;
  position: relative;
  width: 100%;
}

.proof-section__media-shell--with-quote::after {
  background:
    linear-gradient(
      180deg,
      rgba(28, 27, 27, 0) 36%,
      rgba(28, 27, 27, 0.24) 70%,
      rgba(28, 27, 27, 0.82) 100%
    );
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.proof-section__image {
  aspect-ratio: 1.12 / 0.94;
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.proof-section__media-overlay {
  bottom: clamp(var(--space-5), 3vw, var(--space-8));
  display: grid;
  gap: var(--space-2);
  justify-items: center;
  left: clamp(var(--space-5), 3vw, var(--space-8));
  position: absolute;
  right: clamp(var(--space-5), 3vw, var(--space-8));
  text-align: center;
  z-index: 1;
}

.proof-section__media-quote {
  color: rgba(255, 255, 255, 0.98);
  display: inline-block;
  font-family: var(--font-display);
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-style: italic;
  letter-spacing: -0.03em;
  line-height: 1.02;
  overflow-wrap: normal;
  text-wrap: pretty;
  white-space: pre-line;
  width: fit-content;
}

.proof-section__media-quote :is(h1, h2, h3, h4, h5, h6, p) {
  margin-inline: auto;
  width: fit-content;
}

.proof-section__media-attribution {
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.4;
  text-transform: uppercase;
}

.proof-section__media-caption {
  color: var(--color-text-muted);
  font-size: var(--text-body-sm);
  line-height: 1.6;
}

.proof-section.surface-dark .proof-section__heading,
.proof-section.surface-dark .proof-section__point-title {
  color: var(--color-dark-text);
}

.proof-section.surface-dark .proof-section__lead,
.proof-section.surface-dark .proof-section__point-body,
.proof-section.surface-dark .proof-section__media-caption {
  color: rgba(247, 242, 239, 0.76);
}

.proof-section.surface-dark .proof-section__point {
  border-color: rgba(247, 242, 239, 0.14);
}

.proof-section.surface-dark .proof-section__point--featured {
  border-color: var(--color-primary-accent);
}

.proof-section.surface-dark .proof-section__image {
  filter: grayscale(1) brightness(0.88) contrast(1.05);
}

.proof-section.surface-dark .proof-section__media-shell {
  box-shadow: none;
}

.faq-section {
  background: var(--theme-surface-fill);
  border: 0;
  border-radius: 0;
  padding: var(--theme-surface-section-padding-block) var(--theme-surface-section-padding-inline);
}

.faq-section.surface-muted {
  background: var(--theme-surface-fill);
}

.faq-section.surface-dark {
  background: var(--theme-surface-fill);
}

.faq-section .dnd-column {
  padding-inline: 0;
}

.faq-section__inner {
  display: grid;
  gap: clamp(var(--space-12), 4.8vw, var(--space-20));
}

.faq-section__intro .section-intro__actions {
  padding-top: var(--space-2);
}

.faq-section__body {
  width: 100%;
}

.faq-section--without-intro .faq-section__inner {
  gap: 0;
}

.faq-groups {
  width: 100%;
}

.faq-groups__layout {
  display: grid;
  gap: clamp(2.25rem, 3.2vw, 3.25rem);
  grid-template-columns: minmax(13.75rem, 16rem) minmax(0, 1fr);
  width: 100%;
}

.faq-groups__layout--content-only {
  grid-template-columns: minmax(0, 1fr);
}

.faq-groups--content-only .faq-groups__content {
  margin-inline: auto;
  padding-right: 0;
}

.faq-groups__rail,
.faq-groups__content {
  min-width: 0;
}

.faq-groups__rail-inner,
.faq-groups__navigation,
.faq-groups__content,
.faq-groups__group {
  display: grid;
}

.faq-groups__rail-inner {
  align-content: start;
  gap: clamp(var(--space-9), 4vw, var(--space-12));
}

.faq-groups__navigation {
  gap: var(--space-5);
}

.faq-groups__nav-title,
.faq-groups__group-label,
.faq-groups__question {
  margin: 0;
}

.faq-groups__nav-title {
  color: var(--color-text-primary);
  font-family: var(--font-display);
  font-size: clamp(1.38rem, 1.45vw, 1.62rem);
  letter-spacing: -0.025em;
  line-height: 1.1;
}

.faq-groups__nav-list {
  display: grid;
  gap: 0.7rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.faq-groups__nav-link {
  align-items: center;
  color: rgba(121, 92, 68, 0.7);
  column-gap: 0.55rem;
  display: inline-flex;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.35;
  text-decoration: none;
  width: fit-content;
}

.faq-groups__nav-link::before {
  background-color: rgba(150, 73, 0, 0.22);
  border-radius: 999px;
  content: "";
  display: block;
  flex: 0 0 auto;
  height: 5px;
  width: 5px;
}

.faq-groups__nav-index {
  display: none;
}

.faq-groups__nav-label {
  color: inherit;
  display: inline-block;
}

.faq-groups__nav-link[aria-current="true"] {
  color: var(--color-primary);
  font-weight: 650;
}

.faq-groups__nav-link[aria-current="true"]::before {
  background-color: var(--color-primary-accent);
}

.faq-groups__nav-link:hover,
.faq-groups__nav-link:focus-visible {
  color: var(--color-primary);
}

.faq-groups__nav-link:hover::before,
.faq-groups__nav-link:focus-visible::before {
  background-color: var(--color-primary-accent);
}

.faq-groups__content {
  gap: clamp(var(--space-8), 4vw, var(--space-12));
  padding-right: clamp(0rem, 0.25vw, 0.35rem);
}

.faq-groups__group {
  gap: clamp(var(--space-4), 1.8vw, var(--space-5));
}

.faq-groups__group-label {
  color: rgba(150, 73, 0, 0.82);
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 0.72rem;
  font-weight: 800;
  gap: 0.45rem;
  letter-spacing: 0.2em;
  line-height: 1.4;
  text-transform: uppercase;
}

.faq-groups__group-separator {
  opacity: 0.8;
}

.faq-groups__items {
  display: grid;
}

.faq-groups__item {
  border-top: 1px solid rgba(28, 27, 27, 0.07);
}

.faq-groups__summary {
  align-items: flex-start;
  cursor: pointer;
  display: grid;
  gap: clamp(var(--space-3), 1vw, var(--space-4));
  grid-template-columns: minmax(0, 1fr) 0.95rem;
  list-style: none;
  padding: clamp(1.55rem, 2.3vw, 1.95rem) 0;
}

.faq-groups__summary::-webkit-details-marker {
  display: none;
}

.faq-groups__summary:focus-visible {
  outline: 2px solid rgba(150, 73, 0, 0.4);
  outline-offset: 6px;
}

.faq-groups__question {
  color: var(--color-text-primary);
  font-family: var(--font-display);
  font-size: clamp(1.74rem, 2vw, 2.12rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.09;
}

.faq-groups__indicator {
  align-self: start;
  display: block;
  height: 0.8rem;
  justify-self: end;
  margin-top: 0.72rem;
  position: relative;
  width: 0.8rem;
}

.faq-groups__indicator::before,
.faq-groups__indicator::after {
  background-color: var(--color-primary-accent);
  border-radius: 999px;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition:
    transform var(--transition-fast),
    opacity var(--transition-fast);
}

.faq-groups__indicator::before {
  height: 2px;
  width: 0.8rem;
}

.faq-groups__indicator::after {
  height: 0.8rem;
  width: 2px;
}

.faq-groups__item[open] .faq-groups__indicator::before,
.faq-groups__item[open] .faq-groups__indicator::after {
  transform: translate(-50%, -50%) rotate(45deg);
}

.faq-groups__item[open] .faq-groups__question {
  color: var(--color-text-primary);
}

.faq-groups__answer {
  color: rgba(121, 92, 68, 0.78);
  font-size: 0.94rem;
  line-height: 1.7;
  max-width: min(100%, 52rem);
  padding: 0 0 var(--space-4);
}

.faq-groups__answer > :first-child {
  margin-top: 0;
}

.faq-groups__answer > :last-child {
  margin-bottom: 0;
}

.faq-groups__answer p,
.faq-groups__answer ul,
.faq-groups__answer ol {
  color: inherit;
  margin: 0;
}

.faq-groups__answer li {
  color: inherit;
}

.faq-groups__answer :is(p, ul, ol) + :is(p, ul, ol) {
  margin-top: var(--space-4);
}

.faq-groups__answer ul,
.faq-groups__answer ol {
  padding-left: 1.25rem;
}

.faq-groups__answer li + li {
  margin-top: var(--space-2);
}

.faq-groups__answer a {
  color: var(--color-primary);
  text-decoration-color: rgba(150, 73, 0, 0.28);
}

.faq-groups__answer a:hover,
.faq-groups__answer a:focus-visible {
  color: var(--color-primary-accent);
  text-decoration-color: rgba(254, 129, 14, 0.42);
}

.surface-dark .faq-groups__nav-title,
.surface-dark .faq-groups__question {
  color: var(--color-dark-text);
}

.surface-dark .faq-groups__nav-link {
  color: rgba(255, 214, 182, 0.7);
}

.surface-dark .faq-groups__nav-link[aria-current="true"] {
  color: #ffc48d;
}

.surface-dark .faq-groups__nav-link::before {
  background-color: rgba(254, 129, 14, 0.48);
}

.surface-dark .faq-groups__nav-index,
.surface-dark .faq-groups__group-label {
  color: rgba(255, 203, 147, 0.88);
}

.surface-dark .faq-groups__item {
  border-color: rgba(247, 242, 239, 0.12);
}

.surface-dark .faq-groups__item[open] .faq-groups__question {
  color: var(--color-dark-text);
}

.surface-dark .faq-groups__answer {
  color: rgba(255, 214, 182, 0.78);
}

.surface-dark .faq-groups__answer :is(p, li, ul, ol) {
  color: inherit;
}

.surface-dark .faq-groups__answer a {
  color: #ffc48d;
  text-decoration-color: rgba(255, 196, 141, 0.36);
}

.surface-dark .faq-groups__answer a:hover,
.surface-dark .faq-groups__answer a:focus-visible {
  color: #ffd5ae;
  text-decoration-color: rgba(255, 213, 174, 0.48);
}

@media (max-width: 767px) {
  .card-grid-section .row-fluid {
    row-gap: var(--space-5);
  }

  .feature-split-section {
    --feature-split-section-inline-pad: calc(
      var(--theme-surface-section-padding-inline) + var(--theme-surface-text-safe-inline)
    );
    --feature-split-corner-gap: var(--space-3);
    --feature-split-media-top-offset: 0rem;
    --feature-split-media-min-height: clamp(18rem, 76vw, 28rem);
  }

  .proof-split-section {
    --proof-split-section-inline-pad: calc(
      var(--theme-surface-section-padding-inline) + var(--theme-surface-text-safe-inline)
    );
  }

  .feature-split-section__grid {
    gap: var(--space-6);
    grid-template-columns: 1fr;
  }

  .feature-split-section__content,
  .feature-split-section--text-center .feature-split-section__content,
  .feature-split-section--text-right .feature-split-section__content {
    grid-area: auto;
    justify-self: stretch;
    padding-inline: 0;
    width: 100%;
  }

  .feature-split-section--media-left .feature-split-section__content {
    order: 2;
  }

  .feature-split-section--media-left .feature-split-section__media {
    order: 1;
  }

  .feature-split-section__content {
    order: 1;
  }

  .feature-split-section__media,
  .feature-split-section--media-left .feature-split-section__media {
    order: 2;
    justify-self: start;
    width: 100%;
  }

  .feature-split-section__heading {
    font-size: var(--text-display-lg);
  }

  .feature-split-section__actions {
    align-items: center;
    flex-direction: column;
  }

  .feature-split-section__actions .button {
    width: min(100%, 26rem);
  }

  .feature-split-section__media-shell {
    min-height: calc(var(--feature-split-media-min-height) - var(--feature-split-corner-gap));
    width: 100%;
  }

  .feature-split-section__image {
    object-position: 18% center;
  }

  .proof-split-section__grid {
    gap: var(--space-6);
    grid-template-columns: 1fr;
  }

  .proof-split-section__content,
  .proof-split-section--text-center .proof-split-section__content,
  .proof-split-section--text-right .proof-split-section__content {
    grid-area: auto;
    justify-self: stretch;
    padding-inline: 0;
    width: 100%;
  }

  .proof-split-section--media-left .proof-split-section__content {
    order: 2;
  }

  .proof-split-section--media-left .proof-split-section__media {
    order: 1;
  }

  .proof-split-section__content {
    order: 1;
  }

  .proof-split-section__media,
  .proof-split-section--media-left .proof-split-section__media {
    order: 2;
  }

  .proof-split-section__heading {
    font-size: var(--text-display-lg);
  }

  .proof-split-section__points {
    gap: clamp(2rem, 5vw, 2.8rem);
  }

  .proof-split-section__point-title {
    font-size: clamp(1.65rem, 6vw, 2.1rem);
  }

  .proof-split-section__media-shell {
    min-height: clamp(20rem, 78vw, 30rem);
  }

  .pricing-section__intro .section-intro__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .pricing-section__intro .section-intro__actions .button {
    width: 100%;
  }

  .controlled-hero-section__inner {
    gap: var(--space-6);
    grid-template-columns: 1fr;
  }

  .controlled-hero-section__content {
    max-width: 100%;
  }

  .controlled-hero-section__heading {
    font-size: clamp(2.6rem, 8vw, 4rem);
  }

  .controlled-hero-section__lead {
    padding-top: var(--space-4);
  }

  .controlled-hero-section__actions {
    padding-top: var(--space-5);
  }

  .controlled-hero-section__actions .button {
    min-width: min(100%, 18rem);
  }

  .controlled-hero-section__supporting-note {
    padding-top: var(--space-5);
  }

  .controlled-hero-section,
  .controlled-hero-section__inner {
    min-height: clamp(24rem, 72vw, 32rem);
  }

  .controlled-hero-section::before {
    background:
      linear-gradient(180deg, var(--controlled-hero-overlay-soft) 0%, var(--controlled-hero-overlay-mid) 100%),
      linear-gradient(90deg, var(--controlled-hero-overlay-strong) 0%, var(--controlled-hero-overlay-mid) 28%, var(--controlled-hero-overlay-soft) 56%, rgba(0, 0, 0, 0.08) 78%, rgba(0, 0, 0, 0) 100%);
      inset: 0;
  }

  .controlled-hero-section--content-center::before {
    background:
      radial-gradient(circle at 50% 42%, var(--controlled-hero-overlay-strong) 0%, var(--controlled-hero-overlay-mid) 34%, var(--controlled-hero-overlay-soft) 68%, rgba(0, 0, 0, 0) 90%),
      linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, var(--controlled-hero-overlay-soft) 100%);
  }

  .controlled-hero-section__media-image {
    object-position: 60% center;
    transform: scale(1.12);
  }

  .service-founder-hero .controlled-hero-section__media-image {
    opacity: 0.36;
    object-position: center top;
    transform: none;
    width: 100vw;
  }

  .proof-section__inner {
    gap: var(--space-6);
    grid-template-columns: 1fr;
  }

  .proof-section__content {
    padding-right: 0;
  }

  .proof-section__heading {
    font-size: clamp(2.7rem, 8vw, 4rem);
  }

  .proof-section__image {
    aspect-ratio: 1 / 0.9;
  }

  .faq-groups__layout {
    grid-template-columns: 1fr;
  }

  .faq-groups__rail {
    order: 2;
  }

  .faq-groups__content {
    gap: var(--space-10);
    order: 1;
  }

  .faq-groups__rail-inner {
    gap: var(--space-8);
  }

  .faq-groups__question {
    font-size: clamp(1.6rem, 5vw, 1.9rem);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .feature-split-section {
    --feature-split-corner-gap: clamp(0.9rem, 1.5vw, 1.1rem);
    --feature-split-media-top-offset: 0rem;
    --feature-split-media-min-height: clamp(20rem, 58vw, 32rem);
    padding:
      clamp(var(--space-7), 3vw, var(--space-9))
      clamp(var(--space-5), 3vw, var(--space-7));
  }

  .feature-split-section__grid {
    gap: clamp(var(--space-6), 3vw, var(--space-8));
    grid-template-columns: 1fr;
  }

  .feature-split-section__content,
  .feature-split-section--text-center .feature-split-section__content,
  .feature-split-section--text-right .feature-split-section__content {
    grid-area: auto;
    justify-self: stretch;
    padding-inline: 0;
    width: 100%;
  }

  .feature-split-section--media-left .feature-split-section__content {
    order: 2;
  }

  .feature-split-section--media-left .feature-split-section__media {
    order: 1;
  }

  .feature-split-section__content {
    order: 1;
  }

  .feature-split-section__media,
  .feature-split-section--media-left .feature-split-section__media {
    order: 2;
    justify-self: start;
    width: 100%;
  }

  .feature-split-section__heading {
    font-size: var(--text-display-lg);
  }

  .feature-split-section__media-shell {
    min-height: calc(var(--feature-split-media-min-height) - var(--feature-split-corner-gap));
    width: 100%;
  }

  .feature-split-section__image {
    object-position: 20% center;
  }

  .proof-split-section {
    padding:
      clamp(var(--space-7), 3vw, var(--space-9))
      clamp(var(--space-5), 3vw, var(--space-7));
  }

  .proof-split-section__grid {
    gap: clamp(var(--space-6), 3vw, var(--space-8));
    grid-template-columns: 1fr;
  }

  .proof-split-section__content,
  .proof-split-section--text-center .proof-split-section__content,
  .proof-split-section--text-right .proof-split-section__content {
    grid-area: auto;
    justify-self: stretch;
    padding-inline: 0;
    width: 100%;
  }

  .proof-split-section--media-left .proof-split-section__content {
    order: 2;
  }

  .proof-split-section--media-left .proof-split-section__media {
    order: 1;
  }

  .proof-split-section__content {
    order: 1;
  }

  .proof-split-section__media,
  .proof-split-section--media-left .proof-split-section__media {
    order: 2;
  }

  .proof-split-section__heading {
    font-size: var(--text-display-lg);
  }

  .proof-split-section__media-shell {
    min-height: clamp(22rem, 60vw, 34rem);
  }

  .controlled-hero-section {
    --controlled-hero-inline-pad: clamp(var(--space-5), 3vw, var(--space-7));
    min-height: clamp(30rem, 52vw, 38rem);
    padding:
      clamp(var(--space-7), 3vw, var(--space-9))
      clamp(var(--space-5), 3vw, var(--space-7));
  }

  .controlled-hero-section__heading {
    font-size: clamp(2.9rem, 5.8vw, 4.65rem);
  }

  .controlled-hero-section__actions {
    gap: var(--space-3);
  }

  .controlled-hero-section__actions .button {
    min-width: clamp(12rem, 42vw, 16rem);
  }

  .controlled-hero-section__media-image {
    object-position: 60% center;
    transform: scale(1.1);
  }
}

@media (max-width: 479px) {
  .feature-split-section__media,
  .feature-split-section--media-left .feature-split-section__media {
    justify-self: start;
    width: 100%;
  }

  .controlled-hero-section__content {
    gap: 0;
  }

  .controlled-hero-section__heading {
    font-size: clamp(2.2rem, 10vw, 3.1rem);
  }

  .controlled-hero-section__lead {
    padding-top: var(--space-4);
  }

  .controlled-hero-section__actions {
    align-items: stretch;
    flex-direction: column;
    padding-top: var(--space-5);
  }

  .controlled-hero-section__actions .button {
    width: 100%;
  }

  .controlled-hero-section__supporting-note {
    padding-top: var(--space-5);
  }

  .controlled-hero-section,
  .controlled-hero-section__inner {
    min-height: clamp(22rem, 86vw, 28rem);
  }

  .proof-section__content {
    gap: var(--space-5);
  }

  .proof-section__heading {
    font-size: clamp(2.35rem, 11vw, 3.2rem);
  }

  .proof-section__point {
    padding-inline-start: var(--space-3);
  }

  .proof-section__point-title {
    font-size: clamp(1.35rem, 7vw, 1.7rem);
  }

  .proof-section__point-body {
    font-size: var(--text-body);
  }

  .proof-section__image {
    aspect-ratio: 1 / 1.08;
  }

  .proof-section__media-overlay {
    left: var(--space-4);
    right: var(--space-4);
    bottom: var(--space-4);
  }

  .proof-section__media-quote {
    font-size: clamp(1.65rem, 8vw, 2.25rem);
  }

  .faq-groups__layout,
  .faq-groups__content {
    gap: var(--space-8);
  }

  .faq-groups__rail-inner {
    gap: var(--space-6);
  }

  .faq-groups__nav-list {
    gap: var(--space-3);
  }

  .faq-groups__summary {
    gap: var(--space-4);
    padding: var(--space-6) 0;
  }

  .faq-groups__answer {
    padding-bottom: var(--space-6);
  }
}
/* Editorial v2 section compositions.
These rules style the DnD-native row/column structure so each visible block
remains an individual module target in the HubSpot editor. */

.feature-split-section,
.proof-split-section,
.controlled-hero-section {
  --editorial-section-gap: clamp(var(--space-6), 4vw, var(--space-10));
}

.feature-split-section > .row-fluid-wrapper > .row-fluid,
.feature-split-section > .row-fluid {
  align-items: center;
  display: grid;
  gap: var(--editorial-section-gap);
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  min-height: inherit;
}

.feature-split-section--content-top > .row-fluid-wrapper > .row-fluid,
.feature-split-section--content-top > .row-fluid {
  align-items: start;
}

.feature-split-section--content-bottom > .row-fluid-wrapper > .row-fluid,
.feature-split-section--content-bottom > .row-fluid {
  align-items: end;
}

.feature-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"],
.feature-split-section > .row-fluid > [class*="span"] {
  float: none;
  margin-left: 0;
  min-width: 0;
  width: auto;
}

.feature-split-section:not(.feature-split-section--media-left)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child,
.feature-split-section:not(.feature-split-section--media-left)
  > .row-fluid
  > [class*="span"]:first-child,
.feature-split-section.feature-split-section--media-left
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child,
.feature-split-section.feature-split-section--media-left
  > .row-fluid
  > [class*="span"]:last-child {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.feature-split-section:not(.feature-split-section--media-left)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.feature-split-section:not(.feature-split-section--media-left)
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.feature-split-section.feature-split-section--media-left
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.feature-split-section.feature-split-section--media-left
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.feature-split-section:not(.feature-split-section--media-left)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid
  + .row-fluid,
.feature-split-section:not(.feature-split-section--media-left)
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid
  + .row-fluid,
.feature-split-section.feature-split-section--media-left
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid
  + .row-fluid,
.feature-split-section.feature-split-section--media-left
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid
  + .row-fluid {
  margin-top: clamp(1.8rem, 2.5vw, 2.6rem);
}

.feature-split-section .stack-copy {
  --stack-copy-eyebrow-color: var(--theme-eyebrow-readable);
  --stack-copy-heading-color: var(--color-text-primary);
  --stack-copy-heading-size: clamp(2.9rem, 4.8vw, 5rem);
  --stack-copy-heading-line-height: 0.98;
  --stack-copy-heading-max-width: 13ch;
  --stack-copy-lead-color: var(--color-text-secondary);
  --stack-copy-lead-max-width: 46ch;
  --stack-copy-lead-padding-top: clamp(1.4rem, 2vw, 2rem);
  width: min(100%, var(--feature-split-content-width, 34rem));
}

.feature-split-section .action-link {
  justify-content: flex-start;
  width: min(100%, var(--feature-split-content-width, 34rem));
}

.feature-split-section .action-link .button {
  min-width: var(--feature-split-button-min-width, 13rem);
}

.feature-split-section .frame-media {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(28, 27, 27, 0.08) 100%),
    rgba(241, 232, 223, 0.42);
  min-height: clamp(24rem, 42vw, 40rem);
}

.feature-split-section.surface-ink .frame-media,
.feature-split-section.surface-dark .frame-media {
  background:
    linear-gradient(180deg, rgba(247, 242, 239, 0.04) 0%, rgba(9, 12, 15, 0.18) 100%),
    rgba(37, 32, 29, 0.66);
}

.feature-split-section .frame-media__image {
  filter: saturate(0.92) contrast(1.02) brightness(0.9);
}

.feature-split-section.surface-ink .frame-media__image,
.feature-split-section.surface-dark .frame-media__image {
  filter: saturate(0.86) contrast(1.03) brightness(0.74);
}

.feature-split-section--text-center .stack-copy,
.feature-split-section--text-center .action-link {
  margin-inline: auto;
}

.feature-split-section--text-center:not(.feature-split-section--media-left)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child,
.feature-split-section--text-center:not(.feature-split-section--media-left)
  > .row-fluid
  > [class*="span"]:first-child,
.feature-split-section--text-center.feature-split-section--media-left
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child,
.feature-split-section--text-center.feature-split-section--media-left
  > .row-fluid
  > [class*="span"]:last-child {
  align-items: center;
  text-align: center;
}

.feature-split-section--text-center .action-link {
  justify-content: center;
}

.feature-split-section--text-right:not(.feature-split-section--media-left)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child,
.feature-split-section--text-right:not(.feature-split-section--media-left)
  > .row-fluid
  > [class*="span"]:first-child,
.feature-split-section--text-right.feature-split-section--media-left
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child,
.feature-split-section--text-right.feature-split-section--media-left
  > .row-fluid
  > [class*="span"]:last-child {
  align-items: flex-end;
  text-align: right;
}

.feature-split-section--text-right .stack-copy,
.feature-split-section--text-right .action-link {
  margin-left: auto;
}

.feature-split-section--text-right .action-link {
  justify-content: flex-end;
}

.proof-split-section > .row-fluid-wrapper > .row-fluid,
.proof-split-section > .row-fluid {
  align-items: center;
  display: grid;
  gap: var(--editorial-section-gap);
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.proof-split-section--content-top > .row-fluid-wrapper > .row-fluid,
.proof-split-section--content-top > .row-fluid {
  align-items: start;
}

.proof-split-section--content-bottom > .row-fluid-wrapper > .row-fluid,
.proof-split-section--content-bottom > .row-fluid {
  align-items: end;
}

.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"],
.proof-split-section > .row-fluid > [class*="span"] {
  float: none;
  margin-left: 0;
  min-width: 0;
  width: auto;
}

.proof-split-section:not(.proof-split-section--media-left)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child,
.proof-split-section:not(.proof-split-section--media-left)
  > .row-fluid
  > [class*="span"]:first-child,
.proof-split-section.proof-split-section--media-left
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child,
.proof-split-section.proof-split-section--media-left
  > .row-fluid
  > [class*="span"]:last-child {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.proof-split-section:not(.proof-split-section--media-left)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.proof-split-section:not(.proof-split-section--media-left)
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.proof-split-section.proof-split-section--media-left
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.proof-split-section.proof-split-section--media-left
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.proof-split-section:not(.proof-split-section--media-left)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid
  + .row-fluid,
.proof-split-section:not(.proof-split-section--media-left)
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid
  + .row-fluid,
.proof-split-section.proof-split-section--media-left
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid
  + .row-fluid,
.proof-split-section.proof-split-section--media-left
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid
  + .row-fluid {
  margin-top: clamp(1.5rem, 2.3vw, 2.2rem);
}

.proof-split-section .stack-copy {
  --stack-copy-eyebrow-color: var(--theme-eyebrow-readable);
  --stack-copy-heading-color: var(--color-text-primary);
  --stack-copy-heading-size: clamp(2.85rem, 4.7vw, 4.8rem);
  --stack-copy-heading-line-height: 0.98;
  --stack-copy-heading-max-width: 12ch;
  --stack-copy-lead-color: var(--color-text-secondary);
  --stack-copy-lead-max-width: 42ch;
  --stack-copy-lead-padding-top: clamp(1.25rem, 2vw, 1.8rem);
  width: min(100%, 34rem);
}

.proof-split-section .bar-point {
  max-width: min(100%, 34rem);
}

.proof-split-section .frame-media {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(28, 27, 27, 0.08) 100%),
    rgba(241, 232, 223, 0.42);
  min-height: clamp(24rem, 44vw, 40rem);
}

.proof-split-section.surface-ink .frame-media,
.proof-split-section.surface-dark .frame-media {
  background:
    linear-gradient(180deg, rgba(247, 242, 239, 0.04) 0%, rgba(9, 12, 15, 0.18) 100%),
    rgba(37, 32, 29, 0.66);
}

.proof-split-section .frame-media__image {
  filter: saturate(0.92) contrast(1.02) brightness(0.9);
}

.proof-split-section.surface-ink .frame-media__image,
.proof-split-section.surface-dark .frame-media__image {
  filter: saturate(0.86) contrast(1.03) brightness(0.74);
}

.proof-split-section:not(.proof-split-section--media-left)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.proof-split-section:not(.proof-split-section--media-left)
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.proof-split-section.proof-split-section--media-left
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.proof-split-section.proof-split-section--media-left
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.proof-split-section:not(.proof-split-section--media-left)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid
  + .row-fluid,
.proof-split-section:not(.proof-split-section--media-left)
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid
  + .row-fluid,
.proof-split-section.proof-split-section--media-left
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid
  + .row-fluid,
.proof-split-section.proof-split-section--media-left
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid
  + .row-fluid {
  margin-top: clamp(-4.75rem, -5vw, -3rem);
  padding-inline: clamp(1.25rem, 2vw, 2rem);
  position: relative;
  z-index: 2;
}

.proof-split-section .overlay-quote {
  max-width: 100%;
}

.proof-split-section--text-center .stack-copy,
.proof-split-section--text-center .bar-point {
  margin-inline: auto;
}

.proof-split-section--text-center:not(.proof-split-section--media-left)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child,
.proof-split-section--text-center:not(.proof-split-section--media-left)
  > .row-fluid
  > [class*="span"]:first-child,
.proof-split-section--text-center.proof-split-section--media-left
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child,
.proof-split-section--text-center.proof-split-section--media-left
  > .row-fluid
  > [class*="span"]:last-child {
  align-items: center;
  text-align: center;
}

.proof-split-section--text-right:not(.proof-split-section--media-left)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child,
.proof-split-section--text-right:not(.proof-split-section--media-left)
  > .row-fluid
  > [class*="span"]:first-child,
.proof-split-section--text-right.proof-split-section--media-left
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child,
.proof-split-section--text-right.proof-split-section--media-left
  > .row-fluid
  > [class*="span"]:last-child {
  align-items: flex-end;
  text-align: right;
}

.proof-split-section--text-right .stack-copy,
.proof-split-section--text-right .bar-point {
  margin-left: auto;
}

.controlled-hero-section > .row-fluid-wrapper > .row-fluid,
.controlled-hero-section > .row-fluid {
  align-items: center;
  display: grid;
  gap: var(--editorial-section-gap);
  grid-template-columns: minmax(0, 11fr) minmax(0, 9fr);
  min-height: clamp(30rem, 48vw, 38rem);
  position: relative;
  z-index: 2;
}

.controlled-hero-section.controlled-hero-section--content-right > .row-fluid-wrapper > .row-fluid,
.controlled-hero-section.controlled-hero-section--content-right > .row-fluid {
  grid-template-columns: minmax(0, 9fr) minmax(0, 11fr);
}

.controlled-hero-section > .row-fluid-wrapper > .row-fluid > [class*="span"],
.controlled-hero-section > .row-fluid > [class*="span"] {
  float: none;
  margin-left: 0;
  min-width: 0;
  position: relative;
  width: auto;
  z-index: 2;
}

.controlled-hero-section:not(.controlled-hero-section--content-right)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child,
.controlled-hero-section:not(.controlled-hero-section--content-right)
  > .row-fluid
  > [class*="span"]:first-child,
.controlled-hero-section.controlled-hero-section--content-right
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child,
.controlled-hero-section.controlled-hero-section--content-right
  > .row-fluid
  > [class*="span"]:last-child {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.controlled-hero-section:not(.controlled-hero-section--content-right)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.controlled-hero-section:not(.controlled-hero-section--content-right)
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.controlled-hero-section.controlled-hero-section--content-right
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.controlled-hero-section.controlled-hero-section--content-right
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid-wrapper
  + .row-fluid-wrapper,
.controlled-hero-section:not(.controlled-hero-section--content-right)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid
  + .row-fluid,
.controlled-hero-section:not(.controlled-hero-section--content-right)
  > .row-fluid
  > [class*="span"]:first-child
  > .row-fluid
  + .row-fluid,
.controlled-hero-section.controlled-hero-section--content-right
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid
  + .row-fluid,
.controlled-hero-section.controlled-hero-section--content-right
  > .row-fluid
  > [class*="span"]:last-child
  > .row-fluid
  + .row-fluid {
  margin-top: clamp(1.85rem, 2.6vw, 2.8rem);
}

.controlled-hero-section .stack-copy {
  --stack-copy-eyebrow-color: var(--controlled-hero-eyebrow-color);
  --stack-copy-heading-color: var(--controlled-hero-heading-color);
  --stack-copy-heading-size: clamp(3rem, 5vw, 5.15rem);
  --stack-copy-heading-line-height: 0.98;
  --stack-copy-heading-max-width: none;
  --stack-copy-heading-shadow: var(--controlled-hero-heading-shadow);
  --stack-copy-heading-accent: rgba(255, 174, 108, 0.98);
  --stack-copy-lead-color: var(--controlled-hero-body-color);
  --stack-copy-lead-max-width: none;
  --stack-copy-lead-padding-top: clamp(1.5rem, 2vw, 2rem);
  --stack-copy-body-shadow: var(--controlled-hero-body-shadow);
  width: 100%;
}

.controlled-hero-section .supporting-note {
  --supporting-note-color: var(--controlled-hero-note-color);
  --supporting-note-shadow: var(--controlled-hero-body-shadow);
  width: 100%;
}

.controlled-hero-section .action-link {
  justify-content: flex-start;
  width: 100%;
}

.controlled-hero-section .action-link .button {
  min-width: clamp(13.5rem, 18vw, 19rem);
  width: 100%;
}

.controlled-hero-section .action-link--secondary .button {
  backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.controlled-hero-section .action-link--secondary .button:hover,
.controlled-hero-section .action-link--secondary .button:focus {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 14px 28px rgba(12, 15, 19, 0.14);
}

.controlled-hero-section .frame-media {
  background: rgba(255, 255, 255, 0.02);
  min-height: clamp(30rem, 48vw, 38rem);
  overflow: hidden;
}

.controlled-hero-section .frame-media::after {
  background: var(--controlled-hero-media-glow), var(--controlled-hero-media-overlay);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.controlled-hero-section .frame-media__image {
  filter: var(--controlled-hero-image-filter);
  object-position: 58% center;
  transform: scale(1.08);
  transform-origin: center;
}

.controlled-hero-section--content-center .stack-copy,
.controlled-hero-section--content-center .supporting-note {
  margin-inline: auto;
}

.controlled-hero-section--content-center:not(.controlled-hero-section--content-right)
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:first-child,
.controlled-hero-section--content-center:not(.controlled-hero-section--content-right)
  > .row-fluid
  > [class*="span"]:first-child {
  align-items: center;
  text-align: center;
}

.controlled-hero-section--content-center .action-link {
  justify-content: center;
}

.controlled-hero-section--content-right .stack-copy,
.controlled-hero-section--content-right .supporting-note {
  margin-left: auto;
}

.controlled-hero-section--content-right
  > .row-fluid-wrapper
  > .row-fluid
  > [class*="span"]:last-child,
.controlled-hero-section--content-right
  > .row-fluid
  > [class*="span"]:last-child {
  align-items: flex-end;
  text-align: right;
}

.controlled-hero-section--content-right .action-link {
  justify-content: flex-end;
}

@media (max-width: 1024px) {
  .feature-split-section > .row-fluid-wrapper > .row-fluid,
  .feature-split-section > .row-fluid,
  .proof-split-section > .row-fluid-wrapper > .row-fluid,
  .proof-split-section > .row-fluid,
  .controlled-hero-section > .row-fluid-wrapper > .row-fluid,
  .controlled-hero-section > .row-fluid {
    grid-template-columns: 1fr;
  }

  .feature-split-section .stack-copy,
  .feature-split-section .action-link,
  .proof-split-section .stack-copy,
  .proof-split-section .bar-point,
  .controlled-hero-section .stack-copy,
  .controlled-hero-section .supporting-note {
    max-width: 100%;
    width: 100%;
  }

  .feature-split-section .frame-media,
  .proof-split-section .frame-media {
    min-height: clamp(20rem, 58vw, 32rem);
  }

  .controlled-hero-section .frame-media {
    min-height: clamp(24rem, 60vw, 32rem);
  }

  .proof-split-section:not(.proof-split-section--media-left)
    > .row-fluid-wrapper
    > .row-fluid
    > [class*="span"]:last-child
    > .row-fluid-wrapper
    + .row-fluid-wrapper,
  .proof-split-section:not(.proof-split-section--media-left)
    > .row-fluid
    > [class*="span"]:last-child
    > .row-fluid-wrapper
    + .row-fluid-wrapper,
  .proof-split-section.proof-split-section--media-left
    > .row-fluid-wrapper
    > .row-fluid
    > [class*="span"]:first-child
    > .row-fluid-wrapper
    + .row-fluid-wrapper,
  .proof-split-section.proof-split-section--media-left
    > .row-fluid
    > [class*="span"]:first-child
    > .row-fluid-wrapper
    + .row-fluid-wrapper,
  .proof-split-section:not(.proof-split-section--media-left)
    > .row-fluid-wrapper
    > .row-fluid
    > [class*="span"]:last-child
    > .row-fluid
    + .row-fluid,
  .proof-split-section:not(.proof-split-section--media-left)
    > .row-fluid
    > [class*="span"]:last-child
    > .row-fluid
    + .row-fluid,
  .proof-split-section.proof-split-section--media-left
    > .row-fluid-wrapper
    > .row-fluid
    > [class*="span"]:first-child
    > .row-fluid
    + .row-fluid,
  .proof-split-section.proof-split-section--media-left
    > .row-fluid
    > [class*="span"]:first-child
    > .row-fluid
    + .row-fluid {
    margin-top: clamp(-3.4rem, -6vw, -2.2rem);
  }
}

@media (max-width: 767px) {
  .feature-split-section .action-link,
  .controlled-hero-section .action-link {
    width: 100%;
  }

  .feature-split-section .action-link .button,
  .controlled-hero-section .action-link .button {
    width: 100%;
  }

  .controlled-hero-section .stack-copy {
    --stack-copy-heading-size: clamp(2.6rem, 8vw, 4rem);
  }

  .feature-split-section .stack-copy {
    --stack-copy-heading-size: clamp(2.45rem, 8.5vw, 3.8rem);
    --stack-copy-heading-max-width: 100%;
    --stack-copy-lead-max-width: 100%;
  }

  .proof-split-section .stack-copy {
    --stack-copy-heading-size: clamp(2.55rem, 8vw, 4rem);
    --stack-copy-heading-max-width: 100%;
    --stack-copy-lead-max-width: 100%;
  }
}

/* HubSpot section templates wrap the authored row/columns in an additional
full-width DnD column. These selectors restore the intended starter layout
while keeping the modules individually editable. */

.feature-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
.feature-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid {
  align-items: center;
  display: grid;
  gap: var(--editorial-section-gap);
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  min-height: inherit;
}

.feature-split-section--content-top > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
.feature-split-section--content-top > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid {
  align-items: start;
}

.feature-split-section--content-bottom > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
.feature-split-section--content-bottom > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid {
  align-items: end;
}

.feature-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"],
.feature-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"] {
  float: none;
  margin-left: 0;
  min-width: 0;
  width: auto;
}

.feature-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.feature-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.feature-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child > .row-fluid-wrapper + .row-fluid-wrapper,
.feature-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child > .row-fluid-wrapper + .row-fluid-wrapper,
.feature-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child > .row-fluid + .row-fluid,
.feature-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child > .row-fluid + .row-fluid {
  margin-top: clamp(1.8rem, 2.5vw, 2.6rem);
}

.feature-split-section.feature-split-section--media-left > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.feature-split-section.feature-split-section--media-left > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
  order: 2;
}

.feature-split-section.feature-split-section--media-left > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child,
.feature-split-section.feature-split-section--media-left > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child {
  order: 1;
}

.feature-split-section--text-center > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.feature-split-section--text-center > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
  align-items: center;
  text-align: center;
}

.feature-split-section--text-right > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.feature-split-section--text-right > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
  align-items: flex-end;
  text-align: right;
}

.feature-split-section--actions-center .action-link {
  justify-content: center;
}

.feature-split-section--actions-end .action-link {
  justify-content: flex-end;
}

.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
.proof-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid {
  align-items: center;
  display: grid;
  gap: var(--editorial-section-gap);
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.proof-split-section--content-top > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
.proof-split-section--content-top > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid {
  align-items: start;
}

.proof-split-section--content-bottom > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
.proof-split-section--content-bottom > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid {
  align-items: end;
}

.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"],
.proof-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"] {
  float: none;
  margin-left: 0;
  min-width: 0;
  width: auto;
}

.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.proof-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child > .row-fluid-wrapper + .row-fluid-wrapper,
.proof-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child > .row-fluid-wrapper + .row-fluid-wrapper,
.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child > .row-fluid + .row-fluid,
.proof-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child > .row-fluid + .row-fluid {
  margin-top: clamp(1.5rem, 2.3vw, 2.2rem);
}

.proof-split-section.proof-split-section--media-left > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.proof-split-section.proof-split-section--media-left > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
  order: 2;
}

.proof-split-section.proof-split-section--media-left > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child,
.proof-split-section.proof-split-section--media-left > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child {
  order: 1;
}

.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child > .row-fluid-wrapper + .row-fluid-wrapper,
.proof-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child > .row-fluid-wrapper + .row-fluid-wrapper,
.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child > .row-fluid + .row-fluid,
.proof-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child > .row-fluid + .row-fluid {
  margin-top: clamp(-4.75rem, -5vw, -3rem);
  padding-inline: clamp(1.25rem, 2vw, 2rem);
  position: relative;
  z-index: 2;
}

.proof-split-section--text-center > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.proof-split-section--text-center > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
  align-items: center;
  text-align: center;
}

.proof-split-section--text-right > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.proof-split-section--text-right > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
  align-items: flex-end;
  text-align: right;
}

.controlled-hero-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
.controlled-hero-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid {
  align-items: center;
  display: grid;
  gap: var(--editorial-section-gap);
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  min-height: clamp(30rem, 48vw, 38rem);
  position: relative;
  z-index: 2;
}

.controlled-hero-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"],
.controlled-hero-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"] {
  float: none;
  margin-left: 0;
  min-width: 0;
  position: relative;
  width: auto;
  z-index: 2;
}

.controlled-hero-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.controlled-hero-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.controlled-hero-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child > .row-fluid-wrapper + .row-fluid-wrapper,
.controlled-hero-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child > .row-fluid-wrapper + .row-fluid-wrapper,
.controlled-hero-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child > .row-fluid + .row-fluid,
.controlled-hero-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child > .row-fluid + .row-fluid {
  margin-top: clamp(1.85rem, 2.6vw, 2.8rem);
}

.controlled-hero-section.controlled-hero-section--content-right > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.controlled-hero-section.controlled-hero-section--content-right > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
  order: 2;
}

.controlled-hero-section.controlled-hero-section--content-right > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child,
.controlled-hero-section.controlled-hero-section--content-right > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child {
  order: 1;
}

.controlled-hero-section--content-center > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.controlled-hero-section--content-center > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
  align-items: center;
  text-align: center;
}

.controlled-hero-section--content-right > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.controlled-hero-section--content-right > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child {
  align-items: flex-end;
  text-align: right;
}

@media (max-width: 1024px) {
  .feature-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
  .feature-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
  .proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
  .proof-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
  .controlled-hero-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
  .controlled-hero-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid {
    grid-template-columns: 1fr;
  }

  .proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child > .row-fluid-wrapper + .row-fluid-wrapper,
  .proof-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child > .row-fluid-wrapper + .row-fluid-wrapper,
  .proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child > .row-fluid + .row-fluid,
  .proof-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child > .row-fluid + .row-fluid {
    margin-top: clamp(-3.4rem, -6vw, -2.2rem);
  }
}

/* The authored starter layout lives one level deeper inside an injected
HubSpot wrapper column. Reset the outer row so it behaves like a full-width
shell, then let the inner authored row own the two-column composition. */

.feature-split-section > .row-fluid-wrapper > .row-fluid,
.feature-split-section > .row-fluid,
.proof-split-section > .row-fluid-wrapper > .row-fluid,
.proof-split-section > .row-fluid,
.controlled-hero-section > .row-fluid-wrapper > .row-fluid,
.controlled-hero-section > .row-fluid {
  align-items: stretch;
  display: block;
  gap: 0;
  grid-template-columns: none;
  min-height: auto;
  position: static;
}

.feature-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"],
.feature-split-section > .row-fluid > [class*="span"],
.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"],
.proof-split-section > .row-fluid > [class*="span"],
.controlled-hero-section > .row-fluid-wrapper > .row-fluid > [class*="span"],
.controlled-hero-section > .row-fluid > [class*="span"] {
  float: none;
  margin-left: 0;
  min-width: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}

.feature-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.feature-split-section > .row-fluid > [class*="span"]:first-child,
.feature-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child,
.feature-split-section > .row-fluid > [class*="span"]:last-child,
.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.proof-split-section > .row-fluid > [class*="span"]:first-child,
.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child,
.proof-split-section > .row-fluid > [class*="span"]:last-child,
.controlled-hero-section > .row-fluid-wrapper > .row-fluid > [class*="span"]:first-child,
.controlled-hero-section > .row-fluid > [class*="span"]:first-child,
.controlled-hero-section > .row-fluid-wrapper > .row-fluid > [class*="span"]:last-child,
.controlled-hero-section > .row-fluid > [class*="span"]:last-child {
  align-items: stretch;
  display: block;
  justify-content: initial;
  text-align: inherit;
}

.feature-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
.feature-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
.proof-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
.controlled-hero-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid,
.controlled-hero-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid {
  margin-inline: auto;
  width: 100%;
}

.feature-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"],
.feature-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"],
.proof-split-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"],
.proof-split-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"],
.controlled-hero-section > .row-fluid-wrapper > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"],
.controlled-hero-section > .row-fluid > [class*="span"] > .row-fluid-wrapper > .row-fluid > [class*="span"] {
  width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/*
Official theme surfaces:
- canvas
- paper
- ink
- blush
- glow

Legacy section aliases retained for existing section fields:
- surface-default -> canvas
- surface-muted -> paper
- surface-dark -> ink
*/

:where(
  .surface-canvas,
  [data-surface="canvas"],
  .surface-default
) {
  --theme-surface-name: canvas;
  --theme-surface-color: var(--surface-canvas);
  --theme-surface-fill: var(--surface-canvas);

  --color-surface: var(--surface-canvas);
  --color-surface-low: var(--surface-canvas);
  --color-surface-low: color-mix(in srgb, var(--surface-canvas) 94%, #000000);
  --color-surface-highest: var(--surface-canvas);
  --color-surface-highest: color-mix(in srgb, var(--surface-canvas) 88%, #000000);

  --color-text-primary: var(--surface-text-light-heading);
  --color-text-secondary: var(--surface-text-light-body);
  --color-text-muted: var(--surface-text-light-body);
  --color-text-muted: color-mix(in srgb, var(--surface-text-light-body) 76%, var(--surface-canvas));
  --theme-heading-strong: var(--surface-text-light-heading);
  --theme-heading-shadow: none;
  --theme-body-readable: var(--surface-text-light-body);
  --theme-note-readable: var(--surface-text-light-body);
  --theme-note-readable: color-mix(in srgb, var(--surface-text-light-body) 84%, var(--surface-canvas));
  --theme-eyebrow-readable: var(--color-primary);
  --theme-eyebrow-readable: color-mix(in srgb, var(--color-primary) 84%, var(--theme-body-readable));
  --theme-card-eyebrow-readable: var(--color-text-muted);
  --theme-overlay-quote-color: #fffaf5;
  --theme-overlay-quote-shadow: 0 10px 28px rgba(12, 15, 19, 0.34), 0 2px 8px rgba(12, 15, 19, 0.2);

  --color-outline: rgba(31, 27, 24, 0.12);
  --color-outline-strong: rgba(31, 27, 24, 0.18);

  --theme-card-bg: rgba(255, 255, 255, 0.78);
  --theme-card-bg-subtle: rgba(247, 240, 234, 0.8);
  --theme-card-bg-strong: rgba(241, 232, 223, 0.94);
  --theme-card-border: rgba(31, 27, 24, 0.08);
  --theme-card-shadow: 0 16px 34px rgba(31, 27, 24, 0.035);

  --theme-frame-border: rgba(31, 27, 24, 0.08);
  --theme-frame-border-strong: rgba(31, 27, 24, 0.14);

  --theme-link-color: var(--color-primary);
  --theme-link-hover-color: var(--color-primary-accent);
  --theme-link-decoration-color: rgba(150, 73, 0, 0.28);
  --theme-link-decoration-color-hover: rgba(254, 129, 14, 0.42);
  --theme-primary-button-text: var(--theme-heading-strong);
  --theme-button-text-shadow: var(--theme-heading-shadow);

  --theme-secondary-button-bg: rgba(255, 255, 255, 0.84);
  --theme-secondary-button-hover-bg: rgba(245, 239, 234, 0.98);
  --theme-secondary-button-border: rgba(31, 27, 24, 0.18);
  --theme-secondary-button-hover-border: rgba(31, 27, 24, 0.28);
  --theme-secondary-button-text: var(--theme-heading-strong);
  --theme-secondary-button-hover-text: var(--theme-heading-strong);

  --theme-pre-bg: rgba(247, 240, 234, 0.88);
  --theme-code-bg: rgba(233, 227, 222, 0.82);

  --theme-submitted-message-bg: rgba(247, 240, 234, 0.88);
  --theme-form-shell-bg: rgba(247, 240, 234, 0.82);
  --theme-form-shell-boxed-bg: rgba(255, 255, 255, 0.92);
  --theme-form-shell-border: rgba(31, 27, 24, 0.1);
  --theme-form-shell-shadow: 0 12px 28px rgba(31, 27, 24, 0.035);
  --theme-field-bg: rgba(244, 237, 231, 0.72);
  --theme-field-bg-focus: rgba(255, 255, 255, 0.94);
  --theme-field-border: rgba(31, 27, 24, 0.12);
  --theme-field-placeholder: #8a8078;
}

:where(
  .surface-paper,
  [data-surface="paper"],
  .surface-muted
) {
  --theme-surface-name: paper;
  --theme-surface-color: var(--surface-paper);
  --theme-surface-fill: var(--surface-paper);

  --color-surface: var(--surface-paper);
  --color-surface-low: var(--surface-paper);
  --color-surface-low: color-mix(in srgb, var(--surface-paper) 92%, #000000);
  --color-surface-highest: var(--surface-paper);
  --color-surface-highest: color-mix(in srgb, var(--surface-paper) 84%, #000000);

  --color-text-primary: var(--surface-text-light-heading);
  --color-text-secondary: var(--surface-text-light-body);
  --color-text-muted: var(--surface-text-light-body);
  --color-text-muted: color-mix(in srgb, var(--surface-text-light-body) 76%, var(--surface-paper));
  --theme-heading-strong: var(--surface-text-light-heading);
  --theme-heading-shadow: none;
  --theme-body-readable: var(--surface-text-light-body);
  --theme-note-readable: var(--surface-text-light-body);
  --theme-note-readable: color-mix(in srgb, var(--surface-text-light-body) 84%, var(--surface-paper));
  --theme-eyebrow-readable: var(--color-primary);
  --theme-eyebrow-readable: color-mix(in srgb, var(--color-primary) 84%, var(--theme-body-readable));
  --theme-card-eyebrow-readable: var(--color-text-muted);
  --theme-overlay-quote-color: #fffaf5;
  --theme-overlay-quote-shadow: 0 10px 28px rgba(12, 15, 19, 0.34), 0 2px 8px rgba(12, 15, 19, 0.2);

  --color-outline: rgba(33, 27, 24, 0.12);
  --color-outline-strong: rgba(33, 27, 24, 0.18);

  --theme-card-bg: rgba(255, 250, 245, 0.76);
  --theme-card-bg-subtle: rgba(244, 234, 226, 0.84);
  --theme-card-bg-strong: rgba(235, 223, 212, 0.94);
  --theme-card-border: rgba(33, 27, 24, 0.08);
  --theme-card-shadow: 0 16px 34px rgba(33, 27, 24, 0.032);

  --theme-frame-border: rgba(33, 27, 24, 0.08);
  --theme-frame-border-strong: rgba(33, 27, 24, 0.14);

  --theme-link-color: var(--color-primary);
  --theme-link-hover-color: var(--color-primary-accent);
  --theme-link-decoration-color: rgba(150, 73, 0, 0.28);
  --theme-link-decoration-color-hover: rgba(254, 129, 14, 0.42);
  --theme-primary-button-text: var(--theme-heading-strong);
  --theme-button-text-shadow: var(--theme-heading-shadow);

  --theme-secondary-button-bg: rgba(255, 250, 245, 0.84);
  --theme-secondary-button-hover-bg: rgba(244, 234, 226, 0.98);
  --theme-secondary-button-border: rgba(33, 27, 24, 0.2);
  --theme-secondary-button-hover-border: rgba(33, 27, 24, 0.3);
  --theme-secondary-button-text: var(--theme-heading-strong);
  --theme-secondary-button-hover-text: var(--theme-heading-strong);

  --theme-pre-bg: rgba(244, 234, 226, 0.92);
  --theme-code-bg: rgba(230, 220, 211, 0.82);

  --theme-submitted-message-bg: rgba(244, 234, 226, 0.88);
  --theme-form-shell-bg: rgba(244, 234, 226, 0.82);
  --theme-form-shell-boxed-bg: rgba(255, 250, 245, 0.9);
  --theme-form-shell-border: rgba(33, 27, 24, 0.1);
  --theme-form-shell-shadow: 0 12px 28px rgba(33, 27, 24, 0.03);
  --theme-field-bg: rgba(242, 232, 223, 0.78);
  --theme-field-bg-focus: rgba(255, 250, 245, 0.95);
  --theme-field-border: rgba(33, 27, 24, 0.12);
  --theme-field-placeholder: #8f847c;
}

:where(
  .surface-ink,
  [data-surface="ink"],
  .surface-dark
) {
  --theme-surface-name: ink;
  --theme-surface-color: var(--surface-ink);
  --theme-surface-fill: var(--surface-ink);

  --color-surface: var(--surface-ink);
  --color-surface-low: var(--surface-ink);
  --color-surface-low: color-mix(in srgb, var(--surface-ink) 92%, #ffffff);
  --color-surface-highest: var(--surface-ink);
  --color-surface-highest: color-mix(in srgb, var(--surface-ink) 82%, #ffffff);

  --color-text-primary: var(--surface-text-dark-heading);
  --color-text-secondary: var(--surface-text-dark-body);
  --color-text-muted: var(--surface-text-dark-body);
  --color-text-muted: color-mix(in srgb, var(--surface-text-dark-body) 66%, var(--surface-ink));
  --theme-heading-strong: var(--surface-text-dark-heading);
  --theme-heading-shadow: 0 1px 2px rgba(0, 0, 0, 0.42), 0 12px 32px rgba(0, 0, 0, 0.32);
  --theme-body-readable: var(--surface-text-dark-body);
  --theme-note-readable: var(--surface-text-dark-body);
  --theme-note-readable: color-mix(in srgb, var(--surface-text-dark-body) 82%, var(--surface-ink));
  --theme-eyebrow-readable: var(--color-primary-accent);
  --theme-eyebrow-readable: color-mix(in srgb, var(--color-primary-accent) 74%, var(--surface-text-dark-body));
  --theme-card-eyebrow-readable: var(--color-text-muted);
  --theme-overlay-quote-color: #fffaf5;
  --theme-overlay-quote-shadow: 0 12px 30px rgba(0, 0, 0, 0.52), 0 2px 8px rgba(0, 0, 0, 0.34);

  --color-outline: rgba(247, 242, 239, 0.12);
  --color-outline-strong: rgba(247, 242, 239, 0.18);

  --theme-card-bg: rgba(31, 27, 24, 0.92);
  --theme-card-bg-subtle: rgba(37, 32, 29, 0.94);
  --theme-card-bg-strong: rgba(44, 38, 34, 0.96);
  --theme-card-border: rgba(247, 242, 239, 0.1);
  --theme-card-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);

  --theme-frame-border: rgba(247, 242, 239, 0.1);
  --theme-frame-border-strong: rgba(247, 242, 239, 0.16);

  --theme-link-color: #f7f2ef;
  --theme-link-hover-color: var(--color-primary-accent);
  --theme-link-decoration-color: rgba(247, 242, 239, 0.24);
  --theme-link-decoration-color-hover: rgba(254, 129, 14, 0.42);
  --theme-primary-button-text: var(--theme-heading-strong);
  --theme-button-text-shadow: var(--theme-heading-shadow);

  --theme-secondary-button-bg: rgba(247, 242, 239, 0.18);
  --theme-secondary-button-hover-bg: rgba(247, 242, 239, 0.28);
  --theme-secondary-button-border: rgba(247, 242, 239, 0.34);
  --theme-secondary-button-hover-border: rgba(247, 242, 239, 0.42);
  --theme-secondary-button-text: var(--theme-heading-strong);
  --theme-secondary-button-hover-text: var(--theme-heading-strong);

  --theme-pre-bg: rgba(37, 32, 29, 0.96);
  --theme-code-bg: rgba(247, 242, 239, 0.1);

  --theme-submitted-message-bg: rgba(37, 32, 29, 0.94);
  --theme-form-shell-bg: rgba(247, 242, 239, 0.035);
  --theme-form-shell-boxed-bg: rgba(37, 32, 29, 0.94);
  --theme-form-shell-border: rgba(247, 242, 239, 0.1);
  --theme-form-shell-shadow: none;
  --theme-field-bg: rgba(247, 242, 239, 0.03);
  --theme-field-bg-focus: rgba(247, 242, 239, 0.06);
  --theme-field-border: rgba(247, 242, 239, 0.24);
  --theme-field-placeholder: rgba(247, 242, 239, 0.48);
}

:where(
  .surface-blush,
  [data-surface="blush"]
) {
  --theme-surface-name: blush;
  --theme-surface-color: var(--surface-canvas);
  --theme-surface-fill: var(--surface-canvas);
  --theme-surface-section-padding-block: var(--theme-surface-panel-distance);
  --theme-surface-section-padding-inline: var(--theme-surface-panel-distance);
  --theme-surface-panel-inset-block: var(--theme-surface-panel-distance);
  --theme-surface-panel-inset-inline: var(--theme-surface-panel-distance);
  --theme-surface-text-safe-inline: var(--theme-surface-panel-distance);
  --theme-surface-text-safe-block: var(--theme-surface-panel-distance);

  --color-surface: var(--surface-blush);
  --color-surface-low: var(--surface-blush);
  --color-surface-low: color-mix(in srgb, var(--surface-blush) 92%, #000000);
  --color-surface-highest: var(--surface-blush);
  --color-surface-highest: color-mix(in srgb, var(--surface-blush) 84%, #000000);

  --color-text-primary: var(--surface-text-light-heading);
  --color-text-secondary: var(--surface-text-light-body);
  --color-text-muted: var(--surface-text-light-body);
  --color-text-muted: color-mix(in srgb, var(--surface-text-light-body) 76%, var(--surface-blush));
  --theme-heading-strong: var(--surface-text-light-heading);
  --theme-heading-shadow: none;
  --theme-body-readable: var(--surface-text-light-body);
  --theme-note-readable: var(--surface-text-light-body);
  --theme-note-readable: color-mix(in srgb, var(--surface-text-light-body) 84%, var(--surface-blush));
  --theme-eyebrow-readable: var(--color-primary);
  --theme-eyebrow-readable: color-mix(in srgb, var(--color-primary) 84%, var(--theme-body-readable));
  --theme-card-eyebrow-readable: var(--color-text-muted);
  --theme-overlay-quote-color: #fffaf5;
  --theme-overlay-quote-shadow: 0 10px 28px rgba(12, 15, 19, 0.34), 0 2px 8px rgba(12, 15, 19, 0.2);

  --color-outline: rgba(42, 32, 26, 0.12);
  --color-outline-strong: rgba(42, 32, 26, 0.18);

  --theme-card-bg: rgba(255, 248, 242, 0.76);
  --theme-card-bg-subtle: rgba(247, 230, 219, 0.82);
  --theme-card-bg-strong: var(--surface-blush);
  --theme-card-border: rgba(42, 32, 26, 0.08);
  --theme-card-shadow: 0 16px 32px rgba(42, 32, 26, 0.03);

  --theme-frame-border: rgba(42, 32, 26, 0.08);
  --theme-frame-border-strong: rgba(42, 32, 26, 0.14);

  --theme-link-color: var(--color-primary);
  --theme-link-hover-color: var(--color-primary-accent);
  --theme-link-decoration-color: rgba(150, 73, 0, 0.28);
  --theme-link-decoration-color-hover: rgba(254, 129, 14, 0.42);
  --theme-primary-button-text: var(--theme-heading-strong);
  --theme-button-text-shadow: var(--theme-heading-shadow);

  --theme-secondary-button-bg: rgba(255, 248, 242, 0.84);
  --theme-secondary-button-hover-bg: rgba(247, 230, 219, 0.98);
  --theme-secondary-button-border: rgba(42, 32, 26, 0.18);
  --theme-secondary-button-hover-border: rgba(42, 32, 26, 0.28);
  --theme-secondary-button-text: var(--theme-heading-strong);
  --theme-secondary-button-hover-text: var(--theme-heading-strong);

  --theme-pre-bg: rgba(247, 230, 219, 0.9);
  --theme-code-bg: rgba(233, 212, 198, 0.82);

  --theme-submitted-message-bg: rgba(247, 230, 219, 0.88);
  --theme-form-shell-bg: rgba(247, 230, 219, 0.82);
  --theme-form-shell-boxed-bg: rgba(255, 248, 242, 0.92);
  --theme-form-shell-border: rgba(42, 32, 26, 0.1);
  --theme-form-shell-shadow: 0 12px 28px rgba(42, 32, 26, 0.03);
  --theme-field-bg: rgba(246, 227, 216, 0.78);
  --theme-field-bg-focus: rgba(255, 248, 242, 0.94);
  --theme-field-border: rgba(42, 32, 26, 0.12);
  --theme-field-placeholder: #8f776a;
}

:where(
  .surface-glow,
  [data-surface="glow"]
) {
  --theme-surface-name: glow;
  --theme-surface-color: var(--surface-canvas);
  --theme-surface-fill: var(--surface-glow);

  --color-surface: var(--surface-canvas);
  --color-surface-low: var(--surface-canvas);
  --color-surface-low: color-mix(in srgb, var(--surface-canvas) 92%, var(--color-primary));
  --color-surface-highest: var(--surface-canvas);
  --color-surface-highest: color-mix(in srgb, var(--surface-canvas) 80%, var(--color-primary));

  --color-text-primary: var(--surface-text-light-heading);
  --color-text-secondary: var(--surface-text-light-body);
  --color-text-muted: var(--surface-text-light-body);
  --color-text-muted: color-mix(in srgb, var(--surface-text-light-body) 76%, var(--surface-canvas));
  --theme-heading-strong: var(--surface-text-light-heading);
  --theme-heading-shadow: none;
  --theme-body-readable: var(--surface-text-light-body);
  --theme-note-readable: var(--surface-text-light-body);
  --theme-note-readable: color-mix(in srgb, var(--surface-text-light-body) 84%, var(--surface-canvas));
  --theme-eyebrow-readable: var(--color-primary);
  --theme-eyebrow-readable: color-mix(in srgb, var(--color-primary) 84%, var(--theme-body-readable));
  --theme-card-eyebrow-readable: var(--color-text-muted);
  --theme-overlay-quote-color: #fffaf5;
  --theme-overlay-quote-shadow: 0 10px 28px rgba(12, 15, 19, 0.34), 0 2px 8px rgba(12, 15, 19, 0.2);

  --color-outline: rgba(42, 32, 25, 0.12);
  --color-outline-strong: rgba(42, 32, 25, 0.18);

  --theme-card-bg: rgba(255, 251, 246, 0.74);
  --theme-card-bg-subtle: rgba(247, 234, 214, 0.8);
  --theme-card-bg-strong: rgba(241, 223, 195, 0.92);
  --theme-card-border: rgba(42, 32, 25, 0.08);
  --theme-card-shadow: 0 18px 36px rgba(42, 32, 25, 0.035);

  --theme-frame-border: rgba(42, 32, 25, 0.08);
  --theme-frame-border-strong: rgba(42, 32, 25, 0.14);

  --theme-link-color: var(--color-primary);
  --theme-link-hover-color: var(--color-primary-accent);
  --theme-link-decoration-color: rgba(150, 73, 0, 0.28);
  --theme-link-decoration-color-hover: rgba(254, 129, 14, 0.42);
  --theme-primary-button-text: var(--theme-heading-strong);
  --theme-button-text-shadow: var(--theme-heading-shadow);

  --theme-secondary-button-bg: rgba(255, 251, 246, 0.84);
  --theme-secondary-button-hover-bg: rgba(247, 234, 214, 0.96);
  --theme-secondary-button-border: rgba(42, 32, 25, 0.18);
  --theme-secondary-button-hover-border: rgba(42, 32, 25, 0.28);
  --theme-secondary-button-text: var(--theme-heading-strong);
  --theme-secondary-button-hover-text: var(--theme-heading-strong);

  --theme-pre-bg: rgba(247, 234, 214, 0.88);
  --theme-code-bg: rgba(236, 217, 189, 0.8);

  --theme-submitted-message-bg: rgba(247, 234, 214, 0.86);
  --theme-form-shell-bg: rgba(247, 234, 214, 0.8);
  --theme-form-shell-boxed-bg: rgba(255, 251, 246, 0.9);
  --theme-form-shell-border: rgba(42, 32, 25, 0.1);
  --theme-form-shell-shadow: 0 12px 28px rgba(42, 32, 25, 0.03);
  --theme-field-bg: rgba(246, 230, 208, 0.74);
  --theme-field-bg-focus: rgba(255, 251, 246, 0.94);
  --theme-field-border: rgba(42, 32, 25, 0.12);
  --theme-field-placeholder: #8e7868;
}

.theme-surface {
  background: var(--theme-surface-fill);
  color: var(--color-text-primary);
}

.surface-canvas,
.surface-paper,
.surface-ink,
.surface-blush,
.surface-glow,
.surface-default,
.surface-muted,
.surface-dark {
  background-color: var(--theme-surface-color);
  color: var(--color-text-primary);
}

.controlled-hero-band.surface-canvas,
.controlled-hero-band.surface-paper,
.controlled-hero-band.surface-ink,
.controlled-hero-band.surface-blush,
.controlled-hero-band.surface-glow,
.controlled-hero-band.surface-default,
.controlled-hero-band.surface-muted,
.controlled-hero-band.surface-dark {
  background-color: transparent;
}

:where(
  .card-grid-section,
  .feature-split-section,
  .proof-split-section,
  .faq-list,
  .faq-page,
  .longform-nav-content,
  .text-split-1-1,
  .text-split-1-2
).surface-blush,
:where(
  .faq-list,
  .faq-page,
  .longform-nav-content,
  .text-split-1-1,
  .text-split-1-2
)[data-surface="blush"] {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  isolation: isolate;
  position: relative;
}

:where(
  .card-grid-section,
  .feature-split-section,
  .proof-split-section,
  .faq-list,
  .faq-page,
  .longform-nav-content,
  .text-split-1-1,
  .text-split-1-2
).surface-blush::after,
:where(
  .faq-list,
  .faq-page,
  .longform-nav-content,
  .text-split-1-1,
  .text-split-1-2
)[data-surface="blush"]::after {
  background: var(--theme-card-bg-strong);
  border-radius: clamp(1.5rem, 2vw, 2.5rem);
  box-shadow: var(--theme-card-shadow);
  content: "";
  inset-block: var(--theme-surface-panel-inset-block);
  inset-inline: var(--theme-surface-panel-inset-inline);
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

.blank-band-section.surface-blush {
  background: var(--theme-surface-fill);
}

.blank-band-section.surface-blush > .row-fluid {
  background: var(--theme-card-bg-strong);
  border-radius: clamp(1.5rem, 2vw, 2.5rem);
  box-shadow: var(--theme-card-shadow);
}
/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.visually-hidden {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.card {
  background-color: var(--theme-card-bg);
  border: 1px solid var(--theme-card-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--theme-card-shadow);
  color: var(--color-text-primary);
  padding: var(--space-8);
}

.card > :last-child {
  margin-bottom: 0;
}

.card--light {
  background-color: var(--theme-card-bg);
}

.card--elevated {
  background-color: var(--theme-card-bg-subtle);
  border-color: var(--theme-card-border);
  box-shadow: var(--theme-card-shadow);
}

.card--emphasis {
  background-color: var(--theme-card-bg-strong);
  border-color: var(--theme-card-border);
  box-shadow: var(--theme-card-shadow);
}

.card--dark {
  background-color: var(--theme-card-bg-strong);
  border-color: var(--theme-card-border);
  color: var(--color-text-primary);
}

.divider {
  background-color: var(--color-outline);
  border: 0;
  display: block;
  height: 1px;
  margin: 0;
  opacity: 0.75;
  width: 100%;
}

.divider--strong {
  background-color: var(--color-outline-strong);
}

.outline-soft {
  border: 1px solid var(--color-outline);
}

.outline-strong {
  border: 1px solid var(--color-outline-strong);
}

.shadow-soft {
  box-shadow: var(--shadow-soft);
}

.stack > * + * {
  margin-top: var(--stack-space, var(--space-6));
}

.text-secondary {
  color: var(--color-text-secondary);
}

.text-muted {
  color: var(--color-text-muted);
}

.text-balance {
  text-wrap: balance;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}