/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: block))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-white: #fff;
    --spacing: .25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --blur-md: 12px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-ink: #020203;
    --color-cobalt: #0141e5;
    --color-deep: #0024af;
    --color-frog: #43946c;
    --color-moss: #296046;
    --color-lily: #a3c76a;
    --color-ember: #ea7d16;
    --color-cream: #f4f1e8;
    --color-footer: #117f61;
    --color-page: #fff;
    --color-fg: #020203;
    --color-surface: #fff;
    --color-line: #020203;
    --color-side: #020203;
    --color-accent: #0141e5;
    --color-eyebrow: #0024af;
    --color-anchor: var(--color-frog);
    --color-anchor-hover: var(--color-moss);
    --color-amber: #f2c94c;
    --color-teal: #7fd1c7;
    --color-glow: var(--color-lily);
    --color-soft: #ecf4f0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-soft: color-mix(in srgb, var(--color-frog) 10%, var(--color-page));
    }
  }

  :root, :host {
    --color-soft-line: #d6e7df;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-soft-line: color-mix(in srgb, var(--color-frog) 22%, var(--color-page));
    }
  }

  :root, :host {
    --color-sunken: #f7f7f7;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-sunken: color-mix(in srgb, var(--color-fg) 3%, var(--color-page));
    }
  }

  :root, :host {
    --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
    --font-body: "Inter Tight", ui-sans-serif, system-ui, sans-serif;
    --font-accent: "IBM Plex Mono", ui-monospace, monospace;
    --animate-logo-marquee: logo-marquee 37s linear infinite;
    --animate-webinar-marquee: logo-marquee 130s linear infinite;
    --animate-prompt-dialog-in: prompt-dialog-in .22s cubic-bezier(.2, .7, .2, 1);
    --animate-prompt-dialog-fade: prompt-dialog-fade .22s ease;
    --animate-quote-drift: quote-drift 320s linear infinite reverse;
    --animate-agent-blink: agent-blink 2.4s ease-in-out infinite;
    --animate-agent-blink-fast: agent-blink 1.4s ease-in-out infinite;
    --animate-agent-cell-in: agent-cell-in .45s both;
    --animate-product-show: product-show 1ms .25s backwards;
    --animate-product-hide: product-hide 1ms .25s forwards;
    --animate-product-drop: product-drop .24s steps(4, end), product-hide 1ms .25s forwards;
    --animate-site-cta-words: site-cta-words 6s infinite cubic-bezier(.645, .045, .355, 1);
    --animate-demo-grow: demo-grow .55s var(--ease-out) both;
    --animate-demo-in: demo-in .45s var(--ease-out) both;
    --animate-demo-gone: demo-gone .3s var(--ease-out) both;
    --animate-demo-fade: demo-fade .35s var(--ease-out) both;
    --animate-demo-wait: demo-wait 1.2s ease-in-out infinite;
    --animate-demo-x: demo-x .7s var(--ease-out) both;
    --animate-demo-cam: demo-cam 16s both;
    --animate-demo-dim: demo-dim 16s both;
    --animate-demo-engine: demo-engine 16s both;
    --animate-demo-draw: demo-draw .8s var(--ease-out) 6.2s both;
    --animate-demo-flow: demo-show .3s 11.5s both, demo-flow .7s linear 11.5s infinite;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .\@container {
    container-type: inline-size;
  }

  .\@container-size {
    container-type: size;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .\!absolute {
    position: absolute !important;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .\[inset\:auto_clamp\(-134px\,-10vw\,-40px\)_clamp\(-102px\,-8vw\,-40px\)_auto\] {
    inset: auto clamp(-134px, -10vw, -40px) clamp(-102px, -8vw, -40px) auto;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-x-\[5\%\] {
    inset-inline: 5%;
  }

  .-inset-y-\(--backdrop-bleed\,calc\(var\(--section-gap\)\*0\.5\)\) {
    inset-block: calc(var(--backdrop-bleed, calc(var(--section-gap) * .5)) * -1);
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .-top-\(--hero-top\) {
    top: calc(var(--hero-top) * -1);
  }

  .-top-\(--hero-top\,var\(--space-m\)\) {
    top: calc(var(--hero-top, var(--space-m)) * -1);
  }

  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }

  .-top-4 {
    top: calc(var(--spacing) * -4);
  }

  .top-\(--build-top\) {
    top: var(--build-top);
  }

  .top-\(--card-pad\) {
    top: var(--card-pad);
  }

  .top-0 {
    top: 0;
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .top-50 {
    top: calc(var(--spacing) * 50);
  }

  .top-\[-5\%\] {
    top: -5%;
  }

  .top-\[-5\.8rem\] {
    top: -5.8rem;
  }

  .top-\[-10px\] {
    top: -10px;
  }

  .top-\[\.6rem\] {
    top: .6rem;
  }

  .top-\[18\%\] {
    top: 18%;
  }

  .top-\[46\%\] {
    top: 46%;
  }

  .top-\[calc\(50\%\+var\(--y\)\*var\(--k\)\)\] {
    top: calc(50% + var(--y) * var(--k));
  }

  .top-\[calc\(var\(--int-card-pad\)\+15px\)\] {
    top: calc(var(--int-card-pad) + 15px);
  }

  .top-full {
    top: 100%;
  }

  .-right-2\.5 {
    right: calc(var(--spacing) * -2.5);
  }

  .right-\(--card-pad\) {
    right: var(--card-pad);
  }

  .right-\(--gutter\) {
    right: var(--gutter);
  }

  .right-\(--int-card-pad\) {
    right: var(--int-card-pad);
  }

  .right-0 {
    right: 0;
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-8 {
    right: calc(var(--spacing) * 8);
  }

  .right-\[-60px\] {
    right: -60px;
  }

  .right-\[6\%\] {
    right: 6%;
  }

  .right-\[15\%\] {
    right: 15%;
  }

  .right-\[18\%\] {
    right: 18%;
  }

  .right-\[30\%\] {
    right: 30%;
  }

  .-bottom-\(--hero-bleed\) {
    bottom: calc(var(--hero-bleed) * -1);
  }

  .-bottom-\(--hero-bleed\,0px\) {
    bottom: calc(var(--hero-bleed, 0px) * -1);
  }

  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }

  .-bottom-10 {
    bottom: calc(var(--spacing) * -10);
  }

  .bottom-\(--space-s\) {
    bottom: var(--space-s);
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-12 {
    bottom: calc(var(--spacing) * 12);
  }

  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }

  .bottom-\[-10\%\] {
    bottom: -10%;
  }

  .bottom-\[calc\(100\%-\.5rem\)\] {
    bottom: calc(100% - .5rem);
  }

  .-left-2 {
    left: calc(var(--spacing) * -2);
  }

  .left-\(--space-s\) {
    left: var(--space-s);
  }

  .left-0 {
    left: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-6 {
    left: calc(var(--spacing) * 6);
  }

  .left-\[13px\] {
    left: 13px;
  }

  .left-\[calc\(50\%\+28px\)\] {
    left: calc(50% + 28px);
  }

  .left-\[calc\(50\%\+var\(--x\)\*var\(--k\)\)\] {
    left: calc(50% + var(--x) * var(--k));
  }

  .left-\[max\(16px\,14\.6\%\)\] {
    left: max(16px, 14.6%);
  }

  .isolate {
    isolation: isolate;
  }

  .-z-1 {
    z-index: calc(1 * -1);
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .z-0 {
    z-index: 0;
  }

  .z-2 {
    z-index: 2;
  }

  .z-5 {
    z-index: 5;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .order-9 {
    order: 9;
  }

  .col-1 {
    grid-column: 1;
  }

  .col-2 {
    grid-column: 2;
  }

  .col-\[3\/6\] {
    grid-column: 3 / 6;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-1 {
    grid-row: 1;
  }

  .row-2 {
    grid-row: 2;
  }

  .row-3 {
    grid-row: 3;
  }

  .row-4 {
    grid-row: 4;
  }

  .row-5 {
    grid-row: 5;
  }

  .row-\[1\/span_4\] {
    grid-row: 1 / span 4;
  }

  .row-\[2\/4\] {
    grid-row: 2 / 4;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-3 {
    grid-row: span 3 / span 3;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .-m-\(--card-pad\,1\.5rem\) {
    margin: calc(var(--card-pad, 1.5rem) * -1);
  }

  .-m-0\.5 {
    margin: calc(var(--spacing) * -.5);
  }

  .m-\(--st-rim\,0px\) {
    margin: var(--st-rim, 0px);
  }

  .m-0 {
    margin: 0;
  }

  .m-auto {
    margin: auto;
  }

  .-mx-\(--card-pad\) {
    margin-inline: calc(var(--card-pad) * -1);
  }

  .-mx-\(--card-pad\,1\.5rem\) {
    margin-inline: calc(var(--card-pad, 1.5rem) * -1);
  }

  .-mx-\(--space-m\) {
    margin-inline: calc(var(--space-m) * -1);
  }

  .-mx-\(--space-xs\) {
    margin-inline: calc(var(--space-xs) * -1);
  }

  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }

  .mx-\(--faq-margin\,auto\) {
    margin-inline: var(--faq-margin, auto);
  }

  .mx-\(--space-xs\) {
    margin-inline: var(--space-xs);
  }

  .mx-1 {
    margin-inline: var(--spacing);
  }

  .mx-\[calc\(50\%-50vw\)\] {
    margin-inline: calc(50% - 50vw);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .my-\[calc\(-0\.5\*var\(--section-gap\)\)\] {
    margin-block: calc(-.5 * var(--section-gap));
  }

  .my-\[calc\(var\(--hero-top\)-var\(--section-gap\)\)_calc\(60px-var\(--section-gap\)\)\] {
    margin-block: calc(var(--hero-top) - var(--section-gap)) calc(60px - var(--section-gap));
  }

  .my-auto {
    margin-block: auto;
  }

  .-mt-\(--carousel-bleed\,12px\) {
    margin-top: calc(var(--carousel-bleed, 12px) * -1);
  }

  .-mt-\(--section-gap\) {
    margin-top: calc(var(--section-gap) * -1);
  }

  .-mt-\[max\(0px\,calc\(var\(--section-gap\)-var\(--hero-top\,var\(--space-m\)\)\)\)\] {
    margin-top: calc(max(0px, calc(var(--section-gap) - var(--hero-top, var(--space-m)))) * -1);
  }

  .mt-\(--bar-inset\) {
    margin-top: var(--bar-inset);
  }

  .mt-\(--space-2xs\) {
    margin-top: var(--space-2xs);
  }

  .mt-\(--space-l\) {
    margin-top: var(--space-l);
  }

  .mt-\(--space-m\) {
    margin-top: var(--space-m);
  }

  .mt-\(--space-s\) {
    margin-top: var(--space-s);
  }

  .mt-\(--space-xs\) {
    margin-top: var(--space-xs);
  }

  .mt-\(--toc-title-gap\,10px\) {
    margin-top: var(--toc-title-gap, 10px);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-9\.75 {
    margin-top: calc(var(--spacing) * 9.75);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-\[-40px\] {
    margin-top: -40px;
  }

  .mt-\[18px\] {
    margin-top: 18px;
  }

  .mt-\[calc\(-0\.4\*var\(--section-gap\)\)\] {
    margin-top: calc(-.4 * var(--section-gap));
  }

  .mt-\[calc\(32px-var\(--section-gap\)\)\] {
    margin-top: calc(32px - var(--section-gap));
  }

  .mt-\[calc\(var\(--section-gap\)\*-1\+var\(--space-l\)\)\] {
    margin-top: calc(var(--section-gap) * -1 + var(--space-l));
  }

  .mt-\[calc\(var\(--section-gap\)\*-1\+var\(--space-xs\)\)\] {
    margin-top: calc(var(--section-gap) * -1 + var(--space-xs));
  }

  .mt-\[calc\(var\(--space-m\)-var\(--space-s\)\)\] {
    margin-top: calc(var(--space-m) - var(--space-s));
  }

  .mt-\[calc\(var\(--space-xl\)-var\(--section-gap\)\)\] {
    margin-top: calc(var(--space-xl) - var(--section-gap));
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .-mr-1\.5 {
    margin-right: calc(var(--spacing) * -1.5);
  }

  .mr-\(--space-l\) {
    margin-right: var(--space-l);
  }

  .mr-\(--space-xs\) {
    margin-right: var(--space-xs);
  }

  .mr-1 {
    margin-right: var(--spacing);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .-mb-\(--carousel-bleed\,48px\) {
    margin-bottom: calc(var(--carousel-bleed, 48px) * -1);
  }

  .-mb-\(--section-gap\) {
    margin-bottom: calc(var(--section-gap) * -1);
  }

  .-mb-\(--space-m\) {
    margin-bottom: calc(var(--space-m) * -1);
  }

  .-mb-\(--space-xs\) {
    margin-bottom: calc(var(--space-xs) * -1);
  }

  .mb-\(--card-art-gap\,12px\) {
    margin-bottom: var(--card-art-gap, 12px);
  }

  .mb-\(--space-2xs\) {
    margin-bottom: var(--space-2xs);
  }

  .mb-\(--space-xs\) {
    margin-bottom: var(--space-xs);
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-\[-19px\] {
    margin-bottom: -19px;
  }

  .mb-\[10px\] {
    margin-bottom: 10px;
  }

  .mb-\[18px\] {
    margin-bottom: 18px;
  }

  .mb-\[calc\(80px-var\(--section-gap\)\)\] {
    margin-bottom: calc(80px - var(--section-gap));
  }

  .mb-\[calc\(var\(--article-hero-gap\)-var\(--section-gap\)\)\] {
    margin-bottom: calc(var(--article-hero-gap) - var(--section-gap));
  }

  .mb-\[calc\(var\(--section-gap\)\*-0\.5\)\] {
    margin-bottom: calc(var(--section-gap) * -.5);
  }

  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }

  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }

  .ml-\(--space-m\) {
    margin-left: var(--space-m);
  }

  .ml-\(--space-xs\) {
    margin-left: var(--space-xs);
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-\[180px\] {
    margin-left: 180px;
  }

  .ml-\[calc\(50\%-50vw\)\] {
    margin-left: calc(50% - 50vw);
  }

  .ml-auto {
    margin-left: auto;
  }

  .box-content {
    box-sizing: content-box;
  }

  .\[display\:var\(--closing-accent-display\,inline\)\] {
    display: var(--closing-accent-display, inline);
  }

  .\[display\:var\(--look-arrow\,inline\)\] {
    display: var(--look-arrow, inline);
  }

  .\[display\:var\(--look-extra\,contents\)\] {
    display: var(--look-extra, contents);
  }

  .\[display\:var\(--quote-mark\,block\)\] {
    display: var(--quote-mark, block);
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

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

  .inline-grid {
    display: inline-grid;
  }

  .table {
    display: table;
  }

  .aspect-4\/3 {
    aspect-ratio: 4 / 3;
  }

  .aspect-16\/10 {
    aspect-ratio: 16 / 10;
  }

  .aspect-1000\/580 {
    aspect-ratio: 1000 / 580;
  }

  .aspect-1440\/835 {
    aspect-ratio: 1440 / 835;
  }

  .aspect-\[1\] {
    aspect-ratio: 1;
  }

  .aspect-\[450\/650\]\! {
    aspect-ratio: 450 / 650 !important;
  }

  .aspect-\[768\/356\]\! {
    aspect-ratio: 768 / 356 !important;
  }

  .aspect-\[843\/417\]\! {
    aspect-ratio: 843 / 417 !important;
  }

  .aspect-\[845\/356\]\! {
    aspect-ratio: 845 / 356 !important;
  }

  .aspect-\[1120\/439\]\! {
    aspect-ratio: 1120 / 439 !important;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-1\.75 {
    width: calc(var(--spacing) * 1.75);
    height: calc(var(--spacing) * 1.75);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-5\.5 {
    width: calc(var(--spacing) * 5.5);
    height: calc(var(--spacing) * 5.5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-6\.5 {
    width: calc(var(--spacing) * 6.5);
    height: calc(var(--spacing) * 6.5);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-7\.5 {
    width: calc(var(--spacing) * 7.5);
    height: calc(var(--spacing) * 7.5);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-15 {
    width: calc(var(--spacing) * 15);
    height: calc(var(--spacing) * 15);
  }

  .size-18 {
    width: calc(var(--spacing) * 18);
    height: calc(var(--spacing) * 18);
  }

  .size-22 {
    width: calc(var(--spacing) * 22);
    height: calc(var(--spacing) * 22);
  }

  .size-33 {
    width: calc(var(--spacing) * 33);
    height: calc(var(--spacing) * 33);
  }

  .size-\[0\.55em\] {
    width: .55em;
    height: .55em;
  }

  .size-\[1\.2em\] {
    width: 1.2em;
    height: 1.2em;
  }

  .size-\[1\.6rem\] {
    width: 1.6rem;
    height: 1.6rem;
  }

  .size-\[1\.125rem\] {
    width: 1.125rem;
    height: 1.125rem;
  }

  .size-\[1\.375rem\] {
    width: 1.375rem;
    height: 1.375rem;
  }

  .size-\[1\.875rem\] {
    width: 1.875rem;
    height: 1.875rem;
  }

  .size-\[2\.875rem\] {
    width: 2.875rem;
    height: 2.875rem;
  }

  .size-\[7px\] {
    width: 7px;
    height: 7px;
  }

  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }

  .size-\[26px\] {
    width: 26px;
    height: 26px;
  }

  .size-\[30px\] {
    width: 30px;
    height: 30px;
  }

  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }

  .size-\[50px\] {
    width: 50px;
    height: 50px;
  }

  .size-\[52px\] {
    width: 52px;
    height: 52px;
  }

  .size-\[140px\] {
    width: 140px;
    height: 140px;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-\(--agent-logo\) {
    height: var(--agent-logo);
  }

  .h-\(--bar-card-height\) {
    height: var(--bar-card-height);
  }

  .h-0 {
    height: 0;
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-5\.5 {
    height: calc(var(--spacing) * 5.5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-9\.5 {
    height: calc(var(--spacing) * 9.5);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-11\.5 {
    height: calc(var(--spacing) * 11.5);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-22 {
    height: calc(var(--spacing) * 22);
  }

  .h-90 {
    height: calc(var(--spacing) * 90);
  }

  .h-112\.5 {
    height: calc(var(--spacing) * 112.5);
  }

  .h-\[1\.6em\] {
    height: 1.6em;
  }

  .h-\[2\.1rem\] {
    height: 2.1rem;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[23px\] {
    height: 23px;
  }

  .h-\[24px\] {
    height: 24px;
  }

  .h-\[46px\] {
    height: 46px;
  }

  .h-\[59px\] {
    height: 59px;
  }

  .h-\[150\%\] {
    height: 150%;
  }

  .h-\[196px\] {
    height: 196px;
  }

  .h-\[450px\] {
    height: 450px;
  }

  .h-\[500px\] {
    height: 500px;
  }

  .h-\[calc\(1\.15em\*var\(--logo-scale\)\)\] {
    height: calc(1.15em * var(--logo-scale));
  }

  .h-\[calc\(100dvh-var\(--build-top\)-var\(--space-m\)\)\] {
    height: calc(100dvh - var(--build-top) - var(--space-m));
  }

  .h-\[clamp\(56px\,5\.55vw\,71px\)\] {
    height: clamp(56px, 5.55vw, 71px);
  }

  .h-\[clamp\(140px\,15vw\,215px\)\] {
    height: clamp(140px, 15vw, 215px);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .max-h-11\.5 {
    max-height: calc(var(--spacing) * 11.5);
  }

  .max-h-\[46px\] {
    max-height: 46px;
  }

  .max-h-\[92px\] {
    max-height: 92px;
  }

  .max-h-\[calc\(100dvh-var\(--bar-card-height\)-2\*var\(--bar-inset\)-2\*var\(--spacing\)\)\] {
    max-height: calc(100dvh - var(--bar-card-height) - 2 * var(--bar-inset) - 2 * var(--spacing));
  }

  .max-h-\[calc\(100dvh-var\(--bar-min\,60px\)\)\] {
    max-height: calc(100dvh - var(--bar-min, 60px));
  }

  .max-h-\[min\(40vh\,320px\)\] {
    max-height: min(40vh, 320px);
  }

  .min-h-\(--bar-min\,60px\) {
    min-height: var(--bar-min, 60px);
  }

  .min-h-\(--btn-height\,2\.75rem\) {
    min-height: var(--btn-height, 2.75rem);
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-3 {
    min-height: calc(var(--spacing) * 3);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-\[46px\] {
    min-height: 46px;
  }

  .min-h-\[61px\] {
    min-height: 61px;
  }

  .min-h-\[260px\] {
    min-height: 260px;
  }

  .min-h-\[300px\] {
    min-height: 300px;
  }

  .min-h-\[420px\] {
    min-height: 420px;
  }

  .min-h-\[calc\(500px-var\(--hero-top\)\)\] {
    min-height: calc(500px - var(--hero-top));
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-8\.5 {
    width: calc(var(--spacing) * 8.5);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-18 {
    width: calc(var(--spacing) * 18);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-56\.5 {
    width: calc(var(--spacing) * 56.5);
  }

  .w-65 {
    width: calc(var(--spacing) * 65);
  }

  .w-137\.5 {
    width: calc(var(--spacing) * 137.5);
  }

  .w-\[\.6rem\] {
    width: .6rem;
  }

  .w-\[1\.4rem\] {
    width: 1.4rem;
  }

  .w-\[2\.1rem\] {
    width: 2.1rem;
  }

  .w-\[4\%\] {
    width: 4%;
  }

  .w-\[4\.1875rem\] {
    width: 4.1875rem;
  }

  .w-\[26\.25rem\] {
    width: 26.25rem;
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[150px\] {
    width: 150px;
  }

  .w-\[190px\]\! {
    width: 190px !important;
  }

  .w-\[306px\] {
    width: 306px;
  }

  .w-\[460px\] {
    width: 460px;
  }

  .w-\[clamp\(80px\,11\.7vw\,150px\)\] {
    width: clamp(80px, 11.7vw, 150px);
  }

  .w-\[clamp\(90px\,12\.9vw\,165px\)\] {
    width: clamp(90px, 12.9vw, 165px);
  }

  .w-\[clamp\(120px\,12vw\,160px\)\] {
    width: clamp(120px, 12vw, 160px);
  }

  .w-\[min\(36rem\,calc\(100\%-32px\)\)\] {
    width: min(36rem, 100% - 32px);
  }

  .w-\[min\(100\%\,6\.25rem\)\] {
    width: min(100%, 6.25rem);
  }

  .w-\[min\(100\%\,20rem\)\] {
    width: min(100%, 20rem);
  }

  .w-\[min\(100\%\,380px\)\] {
    width: min(100%, 380px);
  }

  .w-\[min\(100\%\,860px\)\] {
    width: min(100%, 860px);
  }

  .w-\[min\(280px\,100\%\)\] {
    width: min(280px, 100%);
  }

  .w-\[min\(320px\,100\%\)\] {
    width: min(320px, 100%);
  }

  .w-\[min\(520px\,calc\(100vw-32px\)\)\] {
    width: min(520px, 100vw - 32px);
  }

  .w-\[min\(1000px\,100\%\)\] {
    width: min(1000px, 100%);
  }

  .w-\[min\(var\(--content\)\,calc\(100\%-32px\)\)\] {
    width: min(var(--content), calc(100% - 32px));
  }

  .w-\[min\(var\(--content\)\,calc\(100cqw-32px\)\)\] {
    width: min(var(--content), calc(100cqw - 32px));
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .max-w-\(--article-lede-measure\,66ch\) {
    max-width: var(--article-lede-measure, 66ch);
  }

  .max-w-\(--article-title-measure\,24ch\) {
    max-width: var(--article-title-measure, 24ch);
  }

  .max-w-\(--card-body-width\,none\) {
    max-width: var(--card-body-width, none);
  }

  .max-w-\(--closing-text-width\,46ch\) {
    max-width: var(--closing-text-width, 46ch);
  }

  .max-w-\(--closing-title-width\,20ch\) {
    max-width: var(--closing-title-width, 20ch);
  }

  .max-w-\(--faq-width\,880px\) {
    max-width: var(--faq-width, 880px);
  }

  .max-w-\(--headline-width\,none\) {
    max-width: var(--headline-width, none);
  }

  .max-w-\(--marquee-logo-width\,none\) {
    max-width: var(--marquee-logo-width, none);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-90 {
    max-width: calc(var(--spacing) * 90);
  }

  .max-w-93 {
    max-width: calc(var(--spacing) * 93);
  }

  .max-w-104 {
    max-width: calc(var(--spacing) * 104);
  }

  .max-w-112\.5 {
    max-width: calc(var(--spacing) * 112.5);
  }

  .max-w-118 {
    max-width: calc(var(--spacing) * 118);
  }

  .max-w-125 {
    max-width: calc(var(--spacing) * 125);
  }

  .max-w-132 {
    max-width: calc(var(--spacing) * 132);
  }

  .max-w-136 {
    max-width: calc(var(--spacing) * 136);
  }

  .max-w-160 {
    max-width: calc(var(--spacing) * 160);
  }

  .max-w-188 {
    max-width: calc(var(--spacing) * 188);
  }

  .max-w-\[6em\] {
    max-width: 6em;
  }

  .max-w-\[11ch\] {
    max-width: 11ch;
  }

  .max-w-\[12ch\] {
    max-width: 12ch;
  }

  .max-w-\[14ch\] {
    max-width: 14ch;
  }

  .max-w-\[16ch\] {
    max-width: 16ch;
  }

  .max-w-\[16em\] {
    max-width: 16em;
  }

  .max-w-\[20\.5rem\] {
    max-width: 20.5rem;
  }

  .max-w-\[20ch\] {
    max-width: 20ch;
  }

  .max-w-\[22ch\] {
    max-width: 22ch;
  }

  .max-w-\[24ch\] {
    max-width: 24ch;
  }

  .max-w-\[26ch\] {
    max-width: 26ch;
  }

  .max-w-\[28rem\] {
    max-width: 28rem;
  }

  .max-w-\[32ch\] {
    max-width: 32ch;
  }

  .max-w-\[34\.5em\] {
    max-width: 34.5em;
  }

  .max-w-\[34ch\] {
    max-width: 34ch;
  }

  .max-w-\[38ch\] {
    max-width: 38ch;
  }

  .max-w-\[40ch\] {
    max-width: 40ch;
  }

  .max-w-\[40em\] {
    max-width: 40em;
  }

  .max-w-\[44ch\] {
    max-width: 44ch;
  }

  .max-w-\[45\.625rem\] {
    max-width: 45.625rem;
  }

  .max-w-\[46ch\] {
    max-width: 46ch;
  }

  .max-w-\[52\%\] {
    max-width: 52%;
  }

  .max-w-\[56ch\] {
    max-width: 56ch;
  }

  .max-w-\[58ch\] {
    max-width: 58ch;
  }

  .max-w-\[60ch\] {
    max-width: 60ch;
  }

  .max-w-\[62ch\] {
    max-width: 62ch;
  }

  .max-w-\[84\%\] {
    max-width: 84%;
  }

  .max-w-\[118px\] {
    max-width: 118px;
  }

  .max-w-\[330px\] {
    max-width: 330px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[640px\] {
    max-width: 640px;
  }

  .max-w-\[687px\] {
    max-width: 687px;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[920px\] {
    max-width: 920px;
  }

  .max-w-\[976px\] {
    max-width: 976px;
  }

  .max-w-\[980px\] {
    max-width: 980px;
  }

  .max-w-\[1000px\] {
    max-width: 1000px;
  }

  .max-w-\[1016px\] {
    max-width: 1016px;
  }

  .max-w-\[min\(46ch\,52\%\)\] {
    max-width: min(46ch, 52%);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .min-w-\(--btn-min-width\,9rem\) {
    min-width: var(--btn-min-width, 9rem);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-6\.5 {
    min-width: calc(var(--spacing) * 6.5);
  }

  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }

  .min-w-35 {
    min-width: calc(var(--spacing) * 35);
  }

  .min-w-45 {
    min-width: calc(var(--spacing) * 45);
  }

  .min-w-\[1\.5em\] {
    min-width: 1.5em;
  }

  .min-w-\[440px\] {
    min-width: 440px;
  }

  .min-w-xl {
    min-width: var(--container-xl);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[1_1_260px\] {
    flex: 260px;
  }

  .flex-none {
    flex: none;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .basis-60 {
    flex-basis: calc(var(--spacing) * 60);
  }

  .table-fixed {
    table-layout: fixed;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\[50\%_var\(--aim\,50\%\)\] {
    transform-origin: 50% var(--aim, 50%);
  }

  .origin-left {
    transform-origin: 0;
  }

  .-translate-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\!translate-x-0 {
    --tw-translate-x: 0px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\!-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-7 {
    --tw-translate-y: calc(var(--spacing) * -7);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[calc\(50\%\+6px\)\] {
    --tw-translate-y: calc(calc(50% + 6px) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[calc\(50\%\+12px\)\] {
    --tw-translate-y: calc(calc(50% + 12px) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[calc\(50\%\+16px\)\] {
    --tw-translate-y: calc(calc(50% + 16px) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-6 {
    --tw-translate-y: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-10 {
    --tw-translate-y: calc(var(--spacing) * 10);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-16 {
    --tw-translate-y: calc(var(--spacing) * 16);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[translate\:-50\%_0\] {
    translate: -50%;
  }

  .\[translate\:-50\%_calc\(-100\%-20px\)\] {
    translate: -50% calc(-100% - 20px);
  }

  .\!rotate-0 {
    rotate: 0deg !important;
  }

  .-rotate-3 {
    rotate: -3deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .\[transform\:translateX\(-50\%\)_scale\(\.9\)\] {
    transform: translateX(-50%) scale(.9);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .transform-\[translateX\(10px\)\] {
    transform: translateX(10px);
  }

  .animate-agent-blink {
    animation: var(--animate-agent-blink);
  }

  .animate-agent-blink-fast {
    animation: var(--animate-agent-blink-fast);
  }

  .animate-agent-cell-in {
    animation: var(--animate-agent-cell-in);
  }

  .animate-logo-marquee {
    animation: var(--animate-logo-marquee);
  }

  .animate-product-drop {
    animation: var(--animate-product-drop);
  }

  .animate-quote-drift {
    animation: var(--animate-quote-drift);
  }

  .animate-site-cta-words {
    animation: var(--animate-site-cta-words);
  }

  .animate-webinar-marquee {
    animation: var(--animate-webinar-marquee);
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .scroll-mt-\(--bar-clearance\) {
    scroll-margin-top: var(--bar-clearance);
  }

  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }

  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }

  .scroll-mt-32 {
    scroll-margin-top: calc(var(--spacing) * 32);
  }

  .scroll-mt-\[calc\(var\(--bar-card-height\)\+var\(--bar-inset\)\+var\(--space-s\)\)\] {
    scroll-margin-top: calc(var(--bar-card-height) + var(--bar-inset) + var(--space-s));
  }

  .scroll-mt-\[calc\(var\(--bar-card-height\)\+var\(--space-xl\)\)\] {
    scroll-margin-top: calc(var(--bar-card-height) + var(--space-xl));
  }

  .scrollbar-none {
    scrollbar-width: none;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .auto-cols-\(--carousel-item\,80\%\) {
    grid-auto-columns: var(--carousel-item, 80%);
  }

  .auto-cols-\[minmax\(0\,1fr\)\] {
    grid-auto-columns: minmax(0, 1fr);
  }

  .auto-cols-auto {
    grid-auto-columns: auto;
  }

  .grid-flow-col {
    grid-auto-flow: column;
  }

  .grid-cols-\(--diagram-board-cols\,repeat\(auto-fit\,minmax\(min\(100\%\,12rem\)\,1fr\)\)\) {
    grid-template-columns: var(--diagram-board-cols, repeat(auto-fit,minmax(min(100%, 12rem),1fr)));
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-\[--spacing\(4\.5\)_minmax\(0\,1fr\)_--spacing\(4\.5\)\] {
    grid-template-columns: calc(var(--spacing) * 4.5) minmax(0,1fr) calc(var(--spacing) * 4.5);
  }

  .grid-cols-\[--spacing\(5\)_minmax\(0\,1fr\)\] {
    grid-template-columns: calc(var(--spacing) * 5) minmax(0,1fr);
  }

  .grid-cols-\[--spacing\(19\)_minmax\(0\,1fr\)_--spacing\(8\.5\)\] {
    grid-template-columns: calc(var(--spacing) * 19) minmax(0,1fr) calc(var(--spacing) * 8.5);
  }

  .grid-cols-\[1\.4em_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.4em minmax(0, 1fr);
  }

  .grid-cols-\[1fr_1\.4fr\] {
    grid-template-columns: 1fr 1.4fr;
  }

  .grid-cols-\[6rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 6rem minmax(0, 1fr);
  }

  .grid-cols-\[9rem\] {
    grid-template-columns: 9rem;
  }

  .grid-cols-\[22px_minmax\(0\,1fr\)\] {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  .grid-cols-\[44px_minmax\(0\,1fr\)\] {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .grid-cols-\[60px_minmax\(0\,1fr\)\] {
    grid-template-columns: 60px minmax(0, 1fr);
  }

  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,--spacing\(29\.5\)\)_minmax\(0\,1fr\)_--spacing\(10\)\] {
    grid-template-columns: minmax(0,calc(var(--spacing) * 29.5)) minmax(0,1fr) calc(var(--spacing) * 10);
  }

  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_60px_auto\] {
    grid-template-columns: minmax(0, 1fr) 60px auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(--spacing\(12\)\,0\.8fr\)_minmax\(0\,1\.1fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(calc(var(--spacing) * 12),.8fr) minmax(0,1.1fr);
  }

  .grid-cols-\[repeat\(5\,minmax\(0\,2\.5rem\)\)\] {
    grid-template-columns: repeat(5, minmax(0, 2.5rem));
  }

  .grid-cols-\[repeat\(10\,minmax\(0\,1\.5rem\)\)\] {
    grid-template-columns: repeat(10, minmax(0, 1.5rem));
  }

  .grid-cols-\[repeat\(auto-fill\,1\.75rem\)\] {
    grid-template-columns: repeat(auto-fill, 1.75rem);
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,8\.5rem\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,8rem\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,14rem\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  }

  .grid-cols-\[repeat\(var\(--cols\)\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(var(--cols),minmax(0,1fr));
  }

  .grid-cols-\[repeat\(var\(--n\)\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(var(--n),minmax(0,1fr));
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .grid-rows-\[auto_1fr_auto\] {
    grid-template-rows: auto 1fr auto;
  }

  .grid-rows-\[auto_1fr_auto_auto\] {
    grid-template-rows: auto 1fr auto auto;
  }

  .grid-rows-\[auto_auto_1fr\] {
    grid-template-rows: auto auto 1fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-items-center {
    place-items: center;
  }

  .content-around {
    align-content: space-around;
  }

  .content-between {
    align-content: space-between;
  }

  .content-center {
    align-content: center;
  }

  .content-start {
    align-content: flex-start;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

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

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

  .\[justify-items\:var\(--panel-align\,start\)\] {
    justify-items: var(--panel-align, start);
  }

  .justify-items-center {
    justify-items: center;
  }

  .justify-items-end {
    justify-items: end;
  }

  .justify-items-start {
    justify-items: start;
  }

  .justify-items-stretch {
    justify-items: stretch;
  }

  .gap-\(--card-detail-row-gap\,0\.75rem\) {
    gap: var(--card-detail-row-gap, .75rem);
  }

  .gap-\(--card-text-gap\,8px\) {
    gap: var(--card-text-gap, 8px);
  }

  .gap-\(--closing-actions-gap\,0\.75rem\) {
    gap: var(--closing-actions-gap, .75rem);
  }

  .gap-\(--closing-gap\,var\(--space-m\)\) {
    gap: var(--closing-gap, var(--space-m));
  }

  .gap-\(--quote-cite-gap\,0\.125rem\) {
    gap: var(--quote-cite-gap, .125rem);
  }

  .gap-\(--quote-gap\,var\(--space-s\)\) {
    gap: var(--quote-gap, var(--space-s));
  }

  .gap-\(--section-gap\) {
    gap: var(--section-gap);
  }

  .gap-\(--space-2xs\) {
    gap: var(--space-2xs);
  }

  .gap-\(--space-l\) {
    gap: var(--space-l);
  }

  .gap-\(--space-m\) {
    gap: var(--space-m);
  }

  .gap-\(--space-s\) {
    gap: var(--space-s);
  }

  .gap-\(--space-xl\) {
    gap: var(--space-xl);
  }

  .gap-\(--space-xs\) {
    gap: var(--space-xs);
  }

  .gap-\(--toc-gap\,2px\) {
    gap: var(--toc-gap, 2px);
  }

  .gap-\(--wall-gap\) {
    gap: var(--wall-gap);
  }

  .gap-0 {
    gap: 0;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-0\.5\! {
    gap: calc(var(--spacing) * .5) !important;
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-10\.75 {
    gap: calc(var(--spacing) * 10.75);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  .gap-\[1\.875rem\] {
    gap: 1.875rem;
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[43px\] {
    gap: 43px;
  }

  .gap-\[calc\(var\(--agent-logo\)\*0\.4\)\] {
    gap: calc(var(--agent-logo) * .4);
  }

  .gap-\[clamp\(14px\,1\.6vw\,20px\)\] {
    gap: clamp(14px, 1.6vw, 20px);
  }

  .gap-\[clamp\(18px\,2vw\,26px\)\] {
    gap: clamp(18px, 2vw, 26px);
  }

  .gap-\[clamp\(48px\,6vw\,88px\)\] {
    gap: clamp(48px, 6vw, 88px);
  }

  .gap-px {
    gap: 1px;
  }

  .gap-x-\(--logo-gap\) {
    column-gap: var(--logo-gap);
  }

  .gap-x-\(--space-l\) {
    column-gap: var(--space-l);
  }

  .gap-x-\(--space-m\) {
    column-gap: var(--space-m);
  }

  .gap-x-\(--space-s\) {
    column-gap: var(--space-s);
  }

  .gap-x-\(--space-xs\) {
    column-gap: var(--space-xs);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-7 {
    column-gap: calc(var(--spacing) * 7);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }

  .gap-x-16 {
    column-gap: calc(var(--spacing) * 16);
  }

  .gap-x-\[14px\] {
    column-gap: 14px;
  }

  .gap-y-\(--space-2xs\) {
    row-gap: var(--space-2xs);
  }

  .gap-y-\(--space-m\) {
    row-gap: var(--space-m);
  }

  .gap-y-\(--space-s\) {
    row-gap: var(--space-s);
  }

  .gap-y-\(--space-xs\) {
    row-gap: var(--space-xs);
  }

  .gap-y-0 {
    row-gap: 0;
  }

  .gap-y-1 {
    row-gap: var(--spacing);
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-3\.5 {
    row-gap: calc(var(--spacing) * 3.5);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }

  .gap-y-20 {
    row-gap: calc(var(--spacing) * 20);
  }

  .gap-y-\[2px\] {
    row-gap: 2px;
  }

  .gap-y-\[14px\] {
    row-gap: 14px;
  }

  .gap-y-\[clamp\(32px\,7\.8vw\,100px\)\] {
    row-gap: clamp(32px, 7.8vw, 100px);
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-center {
    justify-self: center;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

  .justify-self-start\! {
    justify-self: flex-start !important;
  }

  .justify-self-stretch {
    justify-self: stretch;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-clip {
    overflow-x: clip;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\(--callout-radius\) {
    border-radius: var(--callout-radius);
  }

  .rounded-\(--callout-radius\,16px\) {
    border-radius: var(--callout-radius, 16px);
  }

  .rounded-\(--card-radius\) {
    border-radius: var(--card-radius);
  }

  .rounded-\(--chip-radius\) {
    border-radius: var(--chip-radius);
  }

  .rounded-\(--frame-radius\) {
    border-radius: var(--frame-radius);
  }

  .rounded-\(--quote-tint-radius\,var\(--callout-radius\)\) {
    border-radius: var(--quote-tint-radius, var(--callout-radius));
  }

  .rounded-\(--radius-md\) {
    border-radius: var(--radius-md);
  }

  .rounded-\(--sheet-radius\) {
    border-radius: var(--sheet-radius);
  }

  .rounded-\(--toc-link-radius\,0\) {
    border-radius: var(--toc-link-radius, 0);
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .rounded-\[18px\] {
    border-radius: 18px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[24px\] {
    border-radius: 24px;
  }

  .rounded-\[32px\] {
    border-radius: 32px;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

  .rounded-\[50\%_50\%_40\%_40\%\] {
    border-radius: 50% 50% 40% 40%;
  }

  .rounded-\[999px\] {
    border-radius: 999px;
  }

  .rounded-\[calc\(var\(--btn-soft-radius\)\*1px\)\] {
    border-radius: calc(var(--btn-soft-radius) * 1px);
  }

  .rounded-\[calc\(var\(--callout-radius\)\*1\.5\)\] {
    border-radius: calc(var(--callout-radius) * 1.5);
  }

  .rounded-\[calc\(var\(--callout-radius\,16px\)\*1\.5\)\] {
    border-radius: calc(var(--callout-radius, 16px) * 1.5);
  }

  .rounded-\[calc\(var\(--frame-radius\)\*1\.33\)\] {
    border-radius: calc(var(--frame-radius) * 1.33);
  }

  .rounded-\[calc\(var\(--st-radius\)\*1px\)\] {
    border-radius: calc(var(--st-radius) * 1px);
  }

  .rounded-\[calc\(var\(--st-radius\,20\)\*1px\)\] {
    border-radius: calc(var(--st-radius, 20) * 1px);
  }

  .rounded-full {
    border-radius: 2147483647px;
  }

  .rounded-full\! {
    border-radius: 2147483647px !important;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none\! {
    border-radius: 0 !important;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-br-\(--card-radius\) {
    border-bottom-right-radius: var(--card-radius);
  }

  .rounded-br-sm {
    border-bottom-right-radius: var(--radius-sm);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-\(length\:--sheet-line\) {
    border-style: var(--tw-border-style);
    border-width: var(--sheet-line);
  }

  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-\[calc\(var\(--st-edge\)\*1px\)\] {
    border-style: var(--tw-border-style);
    border-width: calc(var(--st-edge) * 1px);
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-3 {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }

  .border-l-\[1\.5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1.5px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\(--bg-control-brand-strong\) {
    border-color: var(--bg-control-brand-strong);
  }

  .border-\(--border-brand\) {
    border-color: var(--border-brand);
  }

  .border-\(--border-brand-hover\) {
    border-color: var(--border-brand-hover);
  }

  .border-\(--border-default\) {
    border-color: var(--border-default);
  }

  .border-\(--border-strong\) {
    border-color: var(--border-strong);
  }

  .border-\(--card-line\) {
    border-color: var(--card-line);
  }

  .border-\(--color-amber-6\) {
    border-color: var(--color-amber-6);
  }

  .border-\(--color-lime-7\) {
    border-color: var(--color-lime-7);
  }

  .border-\(--color-line\) {
    border-color: var(--color-line);
  }

  .border-\(--color-moss-6\) {
    border-color: var(--color-moss-6);
  }

  .border-\(--color-moss-9\) {
    border-color: var(--color-moss-9);
  }

  .border-\(--color-moss-a4\,var\(--color-soft-line\)\) {
    border-color: var(--color-moss-a4, var(--color-soft-line));
  }

  .border-\(--color-neutral-8\) {
    border-color: var(--color-neutral-8);
  }

  .border-\(--color-neutral-9\) {
    border-color: var(--color-neutral-9);
  }

  .border-\(--color-orange-6\) {
    border-color: var(--color-orange-6);
  }

  .border-\(--color-orange-7\) {
    border-color: var(--color-orange-7);
  }

  .border-\(--color-red-6\) {
    border-color: var(--color-red-6);
  }

  .border-\(--color-red-11\) {
    border-color: var(--color-red-11);
  }

  .border-\(--color-rippit-6\) {
    border-color: var(--color-rippit-6);
  }

  .border-\(--color-rippit-7\) {
    border-color: var(--color-rippit-7);
  }

  .border-\(--quote-tint-line\,var\(--color-soft-line\)\) {
    border-color: var(--quote-tint-line, var(--color-soft-line));
  }

  .border-accent {
    border-color: var(--color-accent);
  }

  .border-accent\/30 {
    border-color: #0141e54d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-accent\/30 {
      border-color: color-mix(in oklab, var(--color-accent) 30%, transparent);
    }
  }

  .border-fg {
    border-color: var(--color-fg);
  }

  .border-fg\/10 {
    border-color: #0202031a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-fg\/10 {
      border-color: color-mix(in oklab, var(--color-fg) 10%, transparent);
    }
  }

  .border-fg\/15 {
    border-color: #02020326;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-fg\/15 {
      border-color: color-mix(in oklab, var(--color-fg) 15%, transparent);
    }
  }

  .border-fg\/16 {
    border-color: #02020329;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-fg\/16 {
      border-color: color-mix(in oklab, var(--color-fg) 16%, transparent);
    }
  }

  .border-line {
    border-color: var(--color-line);
  }

  .border-page {
    border-color: var(--color-page);
  }

  .border-page\/50 {
    border-color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-page\/50 {
      border-color: color-mix(in oklab, var(--color-page) 50%, transparent);
    }
  }

  .border-soft-line {
    border-color: var(--color-soft-line);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white\/15 {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .border-white\/25 {
    border-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/25 {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .border-t-\(--border-default\) {
    border-top-color: var(--border-default);
  }

  .border-t-\(--border-strong\) {
    border-top-color: var(--border-strong);
  }

  .border-t-line {
    border-top-color: var(--color-line);
  }

  .border-b-\(--border-default\) {
    border-bottom-color: var(--border-default);
  }

  .border-b-\(--fg-default\) {
    border-bottom-color: var(--fg-default);
  }

  .border-b-\[color-mix\(in_srgb\,var\(--color-fg\)_7\%\,var\(--color-page\)\)\] {
    border-bottom-color: #ededed;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-b-\[color-mix\(in_srgb\,var\(--color-fg\)_7\%\,var\(--color-page\)\)\] {
      border-bottom-color: color-mix(in srgb,var(--color-fg) 7%,var(--color-page));
    }
  }

  .border-l-\(--color-moss-6\) {
    border-left-color: var(--color-moss-6);
  }

  .bg-\(--bg-control-brand\) {
    background-color: var(--bg-control-brand);
  }

  .bg-\(--bg-control-brand-strong\) {
    background-color: var(--bg-control-brand-strong);
  }

  .bg-\(--bg-surface-brand\), .bg-\(--bg-surface-brand\)\/60 {
    background-color: var(--bg-surface-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--bg-surface-brand\)\/60 {
      background-color: color-mix(in oklab, var(--bg-surface-brand) 60%, transparent);
    }
  }

  .bg-\(--bg-surface-field\) {
    background-color: var(--bg-surface-field);
  }

  .bg-\(--bg-surface-inverse\) {
    background-color: var(--bg-surface-inverse);
  }

  .bg-\(--bg-surface-page\), .bg-\(--bg-surface-page\)\/60 {
    background-color: var(--bg-surface-page);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--bg-surface-page\)\/60 {
      background-color: color-mix(in oklab, var(--bg-surface-page) 60%, transparent);
    }
  }

  .bg-\(--bg-surface-raised\) {
    background-color: var(--bg-surface-raised);
  }

  .bg-\(--bg-surface-raised\)\! {
    background-color: var(--bg-surface-raised) !important;
  }

  .bg-\(--bg-surface-raised\)\/55 {
    background-color: var(--bg-surface-raised);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--bg-surface-raised\)\/55 {
      background-color: color-mix(in oklab, var(--bg-surface-raised) 55%, transparent);
    }
  }

  .bg-\(--bg-surface-sunken\) {
    background-color: var(--bg-surface-sunken);
  }

  .bg-\(--bg-surface-table\) {
    background-color: var(--bg-surface-table);
  }

  .bg-\(--bg-surface-warning\) {
    background-color: var(--bg-surface-warning);
  }

  .bg-\(--color-amber-3\) {
    background-color: var(--color-amber-3);
  }

  .bg-\(--color-amber-8\) {
    background-color: var(--color-amber-8);
  }

  .bg-\(--color-blue-3\) {
    background-color: var(--color-blue-3);
  }

  .bg-\(--color-grass-4\) {
    background-color: var(--color-grass-4);
  }

  .bg-\(--color-jade-8\) {
    background-color: var(--color-jade-8);
  }

  .bg-\(--color-lily-3\) {
    background-color: var(--color-lily-3);
  }

  .bg-\(--color-lime-2\) {
    background-color: var(--color-lime-2);
  }

  .bg-\(--color-lime-4\) {
    background-color: var(--color-lime-4);
  }

  .bg-\(--color-moss-2\) {
    background-color: var(--color-moss-2);
  }

  .bg-\(--color-moss-3\) {
    background-color: var(--color-moss-3);
  }

  .bg-\(--color-moss-9\) {
    background-color: var(--color-moss-9);
  }

  .bg-\(--color-neutral-2\) {
    background-color: var(--color-neutral-2);
  }

  .bg-\(--color-neutral-3\) {
    background-color: var(--color-neutral-3);
  }

  .bg-\(--color-neutral-4\) {
    background-color: var(--color-neutral-4);
  }

  .bg-\(--color-neutral-5\) {
    background-color: var(--color-neutral-5);
  }

  .bg-\(--color-neutral-6\) {
    background-color: var(--color-neutral-6);
  }

  .bg-\(--color-neutral-8\) {
    background-color: var(--color-neutral-8);
  }

  .bg-\(--color-orange-2\) {
    background-color: var(--color-orange-2);
  }

  .bg-\(--color-orange-3\) {
    background-color: var(--color-orange-3);
  }

  .bg-\(--color-orange-4\) {
    background-color: var(--color-orange-4);
  }

  .bg-\(--color-orange-8\) {
    background-color: var(--color-orange-8);
  }

  .bg-\(--color-pond-3\) {
    background-color: var(--color-pond-3);
  }

  .bg-\(--color-pond-5\) {
    background-color: var(--color-pond-5);
  }

  .bg-\(--color-purple-8\) {
    background-color: var(--color-purple-8);
  }

  .bg-\(--color-red-3\) {
    background-color: var(--color-red-3);
  }

  .bg-\(--color-red-6\) {
    background-color: var(--color-red-6);
  }

  .bg-\(--color-red-9\) {
    background-color: var(--color-red-9);
  }

  .bg-\(--color-red-11\) {
    background-color: var(--color-red-11);
  }

  .bg-\(--color-rippit-2\) {
    background-color: var(--color-rippit-2);
  }

  .bg-\(--color-rippit-3\) {
    background-color: var(--color-rippit-3);
  }

  .bg-\(--color-rippit-4\) {
    background-color: var(--color-rippit-4);
  }

  .bg-\(--color-teal-2\,var\(--color-soft\)\) {
    background-color: var(--color-teal-2, var(--color-soft));
  }

  .bg-\(--color-teal-3\) {
    background-color: var(--color-teal-3);
  }

  .bg-\(--color-teal-4\) {
    background-color: var(--color-teal-4);
  }

  .bg-\(--color-wash\) {
    background-color: var(--color-wash);
  }

  .bg-\(--contrast-bg\) {
    background-color: var(--contrast-bg);
  }

  .bg-\(--dg-number-face\,var\(--color-moss-3\)\) {
    background-color: var(--dg-number-face, var(--color-moss-3));
  }

  .bg-\(--diagram-board-face\,var\(--color-neutral-3\)\) {
    background-color: var(--diagram-board-face, var(--color-neutral-3));
  }

  .bg-\(--dot\,var\(--color-moss-9\)\) {
    background-color: var(--dot, var(--color-moss-9));
  }

  .bg-\(--eb-chip-face\,color-mix\(in_srgb\,var\(--eb-color\,var\(--tone\)\)_14\%\,var\(--color-page\)\)\) {
    background-color: var(--eb-chip-face, var(--eb-color, var(--tone)));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--eb-chip-face\,color-mix\(in_srgb\,var\(--eb-color\,var\(--tone\)\)_14\%\,var\(--color-page\)\)\) {
      background-color: var(--eb-chip-face, color-mix(in srgb,var(--eb-color, var(--tone)) 14%,var(--color-page)));
    }
  }

  .bg-\(--fg-brand\) {
    background-color: var(--fg-brand);
  }

  .bg-\(--node-tone\,var\(--color-moss-9\)\) {
    background-color: var(--node-tone, var(--color-moss-9));
  }

  .bg-\(--skill-tag-face\) {
    background-color: var(--skill-tag-face);
  }

  .bg-\(--tint-frog\) {
    background-color: var(--tint-frog);
  }

  .bg-\(--tint-plan-custom\) {
    background-color: var(--tint-plan-custom);
  }

  .bg-\(--tint-plan-free\) {
    background-color: var(--tint-plan-free);
  }

  .bg-\(--tint-teal\) {
    background-color: var(--tint-teal);
  }

  .bg-\(--tone-face\) {
    background-color: var(--tone-face);
  }

  .bg-\[color-mix\(in_srgb\,var\(--color-moss-9\)_14\%\,transparent\)\] {
    background-color: var(--color-moss-9);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-moss-9\)_14\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--color-moss-9) 14%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--color-pond-4\,var\(--color-sunken\)\)_75\%\,transparent\)\] {
    background-color: var(--color-pond-4, color-mix(in srgb, var(--color-fg) 3%, var(--color-page)));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-pond-4\,var\(--color-sunken\)\)_75\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--color-pond-4, var(--color-sunken)) 75%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--color-teal\)_14\%\,var\(--color-page\)\)\] {
    background-color: #edf9f7;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-teal\)_14\%\,var\(--color-page\)\)\] {
      background-color: color-mix(in srgb,var(--color-teal) 14%,var(--color-page));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--color-wash\)_50\%\,transparent\)\] {
    background-color: var(--color-wash);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-wash\)_50\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--color-wash) 50%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--tone\)_14\%\,var\(--color-page\)\)\] {
    background-color: var(--tone);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--tone\)_14\%\,var\(--color-page\)\)\] {
      background-color: color-mix(in srgb,var(--tone) 14%,var(--color-page));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--tone\)_70\%\,\#000\)\] {
    background-color: var(--tone);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--tone\)_70\%\,\#000\)\] {
      background-color: color-mix(in srgb,var(--tone) 70%,#000);
    }
  }

  .bg-accent {
    background-color: var(--color-accent);
  }

  .bg-accent\/8 {
    background-color: #0141e514;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/8 {
      background-color: color-mix(in oklab, var(--color-accent) 8%, transparent);
    }
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-fg {
    background-color: var(--color-fg);
  }

  .bg-footer {
    background-color: var(--color-footer);
  }

  .bg-frog {
    background-color: var(--color-frog);
  }

  .bg-ink {
    background-color: var(--color-ink);
  }

  .bg-lily {
    background-color: var(--color-lily);
  }

  .bg-line {
    background-color: var(--color-line);
  }

  .bg-page {
    background-color: var(--color-page);
  }

  .bg-page\/\(--sheet-fill\) {
    background-color: #fff;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-page\/\(--sheet-fill\) {
      background-color: color-mix(in oklab, var(--color-page) var(--sheet-fill), transparent);
    }
  }

  .bg-page\/20 {
    background-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-page\/20 {
      background-color: color-mix(in oklab, var(--color-page) 20%, transparent);
    }
  }

  .bg-page\/84 {
    background-color: #ffffffd6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-page\/84 {
      background-color: color-mix(in oklab, var(--color-page) 84%, transparent);
    }
  }

  .bg-page\/92 {
    background-color: #ffffffeb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-page\/92 {
      background-color: color-mix(in oklab, var(--color-page) 92%, transparent);
    }
  }

  .bg-soft {
    background-color: var(--color-soft);
  }

  .bg-sunken {
    background-color: var(--color-sunken);
  }

  .bg-surface {
    background-color: var(--color-surface);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-linear-to-b\/srgb {
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b\/srgb {
      --tw-gradient-position: to bottom in srgb;
    }
  }

  .bg-linear-to-b\/srgb {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\(image\:--kind-icon\) {
    background-image: var(--kind-icon);
  }

  .bg-\[linear-gradient\(90deg\,var\(--bg-surface-raised\)_30\%\,var\(--color-teal-4\)_70\%\,var\(--tint-teal\)\)\] {
    background-image: linear-gradient(90deg,var(--bg-surface-raised) 30%,var(--color-teal-4) 70%,var(--tint-teal));
  }

  .bg-\[url\(\/images\/v2\/use-cases\/art\/grid-lines\.webp\)\] {
    background-image: url("/images/v2/use-cases/art/grid-lines.webp");
  }

  .from-\(--color-cyan-3\) {
    --tw-gradient-from: var(--color-cyan-3);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\(--color-cyan-2\) {
    --tw-gradient-to: var(--color-cyan-2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .mask-\[linear-gradient\(90deg\,transparent\,var\(--fg-default\)_35\%\)\] {
    -webkit-mask-image: linear-gradient(90deg,transparent,var(--fg-default) 35%);
    -webkit-mask-image: linear-gradient(90deg,transparent,var(--fg-default) 35%);
    mask-image: linear-gradient(90deg,transparent,var(--fg-default) 35%);
  }

  .mask-\[linear-gradient\(180deg\,\#000_55\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#000 55%, #0000);
    mask-image: linear-gradient(#000 55%, #0000);
  }

  .mask-\[linear-gradient\(to_bottom\,transparent\,black_var\(--space-l\)\)\] {
    -webkit-mask-image: linear-gradient(to bottom,transparent,black var(--space-l));
    -webkit-mask-image: linear-gradient(to bottom,transparent,black var(--space-l));
    mask-image: linear-gradient(to bottom,transparent,black var(--space-l));
  }

  .mask-\[linear-gradient\(to_right\,transparent\,\#000_12\%\,\#000_88\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(to right, #0000, #000 12% 88%, #0000);
    mask-image: linear-gradient(to right, #0000, #000 12% 88%, #0000);
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-size-\[720px\] {
    background-size: 720px;
  }

  .bg-size-\[6000\%_auto\] {
    background-size: 6000%;
  }

  .bg-center {
    background-position: center;
  }

  .bg-position-\[0_0\] {
    background-position: 0 0;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .bg-repeat {
    background-repeat: repeat;
  }

  .fill-\(--color-moss-3\) {
    fill: var(--color-moss-3);
  }

  .fill-\(--fg-default\) {
    fill: var(--fg-default);
  }

  .fill-\(--fg-weak\) {
    fill: var(--fg-weak);
  }

  .fill-\(--line\) {
    fill: var(--line);
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-none {
    fill: none;
  }

  .stroke-\(--bg-surface-raised\) {
    stroke: var(--bg-surface-raised);
  }

  .stroke-\(--border-default\) {
    stroke: var(--border-default);
  }

  .stroke-\(--color-lime-7\) {
    stroke: var(--color-lime-7);
  }

  .stroke-\(--color-moss-9\) {
    stroke: var(--color-moss-9);
  }

  .stroke-\(--color-orange-8\) {
    stroke: var(--color-orange-8);
  }

  .stroke-\(--color-rippit-6\) {
    stroke: var(--color-rippit-6);
  }

  .stroke-\(--color-rippit-7\) {
    stroke: var(--color-rippit-7);
  }

  .stroke-\(--color-rippit-9\) {
    stroke: var(--color-rippit-9);
  }

  .stroke-\(--fg-weaker\) {
    stroke: var(--fg-weaker);
  }

  .stroke-\(--line\) {
    stroke: var(--line);
  }

  .stroke-\[color-mix\(in_srgb\,var\(--color-accent\)_50\%\,var\(--color-page\)\)\] {
    stroke: #80a0f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .stroke-\[color-mix\(in_srgb\,var\(--color-accent\)_50\%\,var\(--color-page\)\)\] {
      stroke: color-mix(in srgb,var(--color-accent) 50%,var(--color-page));
    }
  }

  .stroke-1 {
    stroke-width: 1px;
  }

  .stroke-2 {
    stroke-width: 2px;
  }

  .stroke-3 {
    stroke-width: 3px;
  }

  .stroke-\[1\.5\] {
    stroke-width: 1.5px;
  }

  .stroke-\[2\.5\] {
    stroke-width: 2.5px;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-\[62\%_50\%\] {
    object-position: 62% 50%;
  }

  .object-\[64\%_0\] {
    object-position: 64% 0;
  }

  .object-\[100\%_50\%\] {
    object-position: 100% 50%;
  }

  .object-left {
    object-position: left;
  }

  .p-\(--card-callout-pad\,12px_0_0\) {
    padding: var(--card-callout-pad, 12px 0 0);
  }

  .p-\(--card-pad\,24px\) {
    padding: var(--card-pad, 24px);
  }

  .p-\(--diagram-board-pad\,var\(--space-m\)\) {
    padding: var(--diagram-board-pad, var(--space-m));
  }

  .p-\(--panel-pad\) {
    padding: var(--panel-pad);
  }

  .p-\(--quote-tint-pad\,26px_28px\) {
    padding: var(--quote-tint-pad, 26px 28px);
  }

  .p-\(--space-m\) {
    padding: var(--space-m);
  }

  .p-\(--space-s\) {
    padding: var(--space-s);
  }

  .p-\(--space-xl\) {
    padding: var(--space-xl);
  }

  .p-\(--space-xs\) {
    padding: var(--space-xs);
  }

  .p-\(--story-pad\) {
    padding: var(--story-pad);
  }

  .p-\(--toc-link-pad\,5px_0\) {
    padding: var(--toc-link-pad, 5px 0);
  }

  .p-0 {
    padding: 0;
  }

  .p-0\! {
    padding: 0 !important;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-12 {
    padding: calc(var(--spacing) * 12);
  }

  .p-16 {
    padding: calc(var(--spacing) * 16);
  }

  .p-\[4\.5px\] {
    padding: 4.5px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

  .p-\[20px\]\! {
    padding: 20px !important;
  }

  .p-\[clamp\(20px\,3vw\,43px\)\] {
    padding: clamp(20px, 3vw, 43px);
  }

  .p-\[clamp\(24px\,3vw\,44px\)\] {
    padding: clamp(24px, 3vw, 44px);
  }

  .p-\[clamp\(24px\,4vw\,58px\)\] {
    padding: clamp(24px, 4vw, 58px);
  }

  .px-\(--chip-pad-x\,0\.75rem\) {
    padding-inline: var(--chip-pad-x, .75rem);
  }

  .px-\(--gutter\,clamp\(24px\,4vw\,56px\)\) {
    padding-inline: var(--gutter, clamp(24px, 4vw, 56px));
  }

  .px-\(--space-l\) {
    padding-inline: var(--space-l);
  }

  .px-\(--space-m\) {
    padding-inline: var(--space-m);
  }

  .px-\(--space-s\) {
    padding-inline: var(--space-s);
  }

  .px-\(--space-xs\) {
    padding-inline: var(--space-xs);
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-\[0\.3em\] {
    padding-inline: .3em;
  }

  .px-\[0\.6em\] {
    padding-inline: .6em;
  }

  .px-\[0\.7em\] {
    padding-inline: .7em;
  }

  .px-\[0\.85em\] {
    padding-inline: .85em;
  }

  .px-\[3px\] {
    padding-inline: 3px;
  }

  .px-\[7px\] {
    padding-inline: 7px;
  }

  .px-\[9px\] {
    padding-inline: 9px;
  }

  .px-\[10px\] {
    padding-inline: 10px;
  }

  .px-\[11px\] {
    padding-inline: 11px;
  }

  .px-\[13px\]\! {
    padding-inline: 13px !important;
  }

  .px-\[14px\] {
    padding-inline: 14px;
  }

  .px-\[18px\] {
    padding-inline: 18px;
  }

  .px-\[22px\] {
    padding-inline: 22px;
  }

  .px-\[clamp\(24px\,4\.4vw\,64px\)\] {
    padding-inline: clamp(24px, 4.4vw, 64px);
  }

  .px-\[clamp\(24px\,5vw\,72px\)\] {
    padding-inline: clamp(24px, 5vw, 72px);
  }

  .py-\(--chip-pad-y\,0\.375rem\) {
    padding-block: var(--chip-pad-y, .375rem);
  }

  .py-\(--sheet-pad\,var\(--space-xl\)\) {
    padding-block: var(--sheet-pad, var(--space-xl));
  }

  .py-\(--space-l\) {
    padding-block: var(--space-l);
  }

  .py-\(--space-m\) {
    padding-block: var(--space-m);
  }

  .py-\(--space-s\) {
    padding-block: var(--space-s);
  }

  .py-\(--space-xl\) {
    padding-block: var(--space-xl);
  }

  .py-\(--space-xs\) {
    padding-block: var(--space-xs);
  }

  .py-0 {
    padding-block: 0;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-1\.5\! {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-5\! {
    padding-block: calc(var(--spacing) * 5) !important;
  }

  .py-80 {
    padding-block: calc(var(--spacing) * 80);
  }

  .py-\[0\.2em\] {
    padding-block: .2em;
  }

  .py-\[0\.4em\] {
    padding-block: .4em;
  }

  .py-\[0\.5em\] {
    padding-block: .5em;
  }

  .py-\[0\.15em\] {
    padding-block: .15em;
  }

  .py-\[0\.25em\] {
    padding-block: .25em;
  }

  .py-\[0\.35em\] {
    padding-block: .35em;
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[9px\] {
    padding-block: 9px;
  }

  .py-\[14px\] {
    padding-block: 14px;
  }

  .py-\[22px\] {
    padding-block: 22px;
  }

  .py-\[26px\]\! {
    padding-block: 26px !important;
  }

  .py-\[clamp\(28px\,5vw\,72px\)\] {
    padding-block: clamp(28px, 5vw, 72px);
  }

  .py-\[clamp\(32px\,5vw\,72px\)\] {
    padding-block: clamp(32px, 5vw, 72px);
  }

  .pt-\(--carousel-bleed\,12px\) {
    padding-top: var(--carousel-bleed, 12px);
  }

  .pt-\(--quote-mark-inset\,12px\) {
    padding-top: var(--quote-mark-inset, 12px);
  }

  .pt-\(--quote-mark-room\,clamp\(56px\,7vw\,88px\)\) {
    padding-top: var(--quote-mark-room, clamp(56px, 7vw, 88px));
  }

  .pt-\(--space-l\) {
    padding-top: var(--space-l);
  }

  .pt-\(--space-m\) {
    padding-top: var(--space-m);
  }

  .pt-\(--space-s\) {
    padding-top: var(--space-s);
  }

  .pt-\(--space-xl\) {
    padding-top: var(--space-xl);
  }

  .pt-\(--space-xs\) {
    padding-top: var(--space-xs);
  }

  .pt-0 {
    padding-top: 0;
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: var(--spacing);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-11 {
    padding-top: calc(var(--spacing) * 11);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pt-\[14px\] {
    padding-top: 14px;
  }

  .pt-\[calc\(var\(--bar-card-height\)\+var\(--space-xl\)-var\(--hero-top\,var\(--space-m\)\)\)\] {
    padding-top: calc(var(--bar-card-height) + var(--space-xl) - var(--hero-top, var(--space-m)));
  }

  .pt-\[calc\(var\(--bar-card-height\)\+var\(--space-xs\)\)\] {
    padding-top: calc(var(--bar-card-height) + var(--space-xs));
  }

  .pt-\[calc\(var\(--bar-clearance\)\+var\(--space-l\)\)\] {
    padding-top: calc(var(--bar-clearance) + var(--space-l));
  }

  .pt-\[calc\(var\(--bar-clearance\)\+var\(--space-l\)-var\(--hero-top\,var\(--space-m\)\)\)\] {
    padding-top: calc(var(--bar-clearance) + var(--space-l) - var(--hero-top, var(--space-m)));
  }

  .pt-\[calc\(var\(--bar-clearance\)\+var\(--space-m\)\)\] {
    padding-top: calc(var(--bar-clearance) + var(--space-m));
  }

  .pt-\[calc\(var\(--bar-clearance\)\+var\(--space-s\)\)\] {
    padding-top: calc(var(--bar-clearance) + var(--space-s));
  }

  .pt-\[calc\(var\(--bar-clearance\)\+var\(--space-xl\)\*2-var\(--hero-top\,var\(--space-m\)\)\)\] {
    padding-top: calc(var(--bar-clearance) + var(--space-xl) * 2 - var(--hero-top, var(--space-m)));
  }

  .pt-\[calc\(var\(--bar-clearance\)-var\(--space-m\)\)\] {
    padding-top: calc(var(--bar-clearance) - var(--space-m));
  }

  .pt-\[clamp\(220px\,22vw\,400px\)\] {
    padding-top: clamp(220px, 22vw, 400px);
  }

  .pt-\[min\(56\.25\%\,551px\)\] {
    padding-top: min(56.25%, 551px);
  }

  .pr-\(--space-s\) {
    padding-right: var(--space-s);
  }

  .pr-\(--space-xs\) {
    padding-right: var(--space-xs);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-10\.75 {
    padding-right: calc(var(--spacing) * 10.75);
  }

  .pr-\[14px\] {
    padding-right: 14px;
  }

  .pr-\[43px\] {
    padding-right: 43px;
  }

  .pr-\[clamp\(48px\,6vw\,88px\)\] {
    padding-right: clamp(48px, 6vw, 88px);
  }

  .pb-\(--carousel-bleed\,48px\) {
    padding-bottom: var(--carousel-bleed, 48px);
  }

  .pb-\(--space-l\) {
    padding-bottom: var(--space-l);
  }

  .pb-\(--space-m\) {
    padding-bottom: var(--space-m);
  }

  .pb-\(--space-s\) {
    padding-bottom: var(--space-s);
  }

  .pb-\(--space-xl\) {
    padding-bottom: var(--space-xl);
  }

  .pb-\(--space-xs\) {
    padding-bottom: var(--space-xs);
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2\! {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-15 {
    padding-bottom: calc(var(--spacing) * 15);
  }

  .pb-\[\.3125rem\] {
    padding-bottom: .3125rem;
  }

  .pb-\[14px\] {
    padding-bottom: 14px;
  }

  .pb-\[18px\] {
    padding-bottom: 18px;
  }

  .pb-\[20vh\] {
    padding-bottom: 20vh;
  }

  .pb-\[22px\] {
    padding-bottom: 22px;
  }

  .pb-\[60px\] {
    padding-bottom: 60px;
  }

  .pb-\[calc\(var\(--space-xl\)\*2\)\] {
    padding-bottom: calc(var(--space-xl) * 2);
  }

  .pl-\(--article-lede-indent\,0\) {
    padding-left: var(--article-lede-indent, 0);
  }

  .pl-\(--quote-lead-room\,0\) {
    padding-left: var(--quote-lead-room, 0);
  }

  .pl-\(--space-s\) {
    padding-left: var(--space-s);
  }

  .pl-\(--toc-indent\,12px\) {
    padding-left: var(--toc-indent, 12px);
  }

  .pl-0 {
    padding-left: 0;
  }

  .pl-1 {
    padding-left: var(--spacing);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-\[1\.3em\] {
    padding-left: 1.3em;
  }

  .pl-\[1\.5em\] {
    padding-left: 1.5em;
  }

  .pl-\[18px\] {
    padding-left: 18px;
  }

  .pl-\[38px\] {
    padding-left: 38px;
  }

  .pl-\[82px\] {
    padding-left: 82px;
  }

  .pl-\[calc\(var\(--space-s\)\*2\+1rem\)\] {
    padding-left: calc(var(--space-s) * 2 + 1rem);
  }

  .\[text-align\:var\(--panel-align\,start\)\] {
    text-align: var(--panel-align, start);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-\[-0\.25em\] {
    vertical-align: -.25em;
  }

  .align-\[-1px\] {
    vertical-align: -1px;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-\(family-name\:--btn-font\) {
    font-family: var(--btn-font);
  }

  .font-\(family-name\:--font-quote\) {
    font-family: var(--font-quote);
  }

  .font-\[inherit\] {
    font-family: inherit;
  }

  .font-accent {
    font-family: var(--font-accent);
  }

  .font-body {
    font-family: var(--font-body);
  }

  .font-body\! {
    font-family: var(--font-body) !important;
  }

  .font-display {
    font-family: var(--font-display);
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-\[\.8125rem\]\/\[1\.3\] {
    font-size: .8125rem;
    line-height: 1.3;
  }

  .text-\[15px\]\/\[1\.5\] {
    font-size: 15px;
    line-height: 1.5;
  }

  .text-\[16px\]\/\[1\.4\] {
    font-size: 16px;
    line-height: 1.4;
  }

  .text-\(length\:--closing-text-size\,var\(--fs-lead\)\) {
    font-size: var(--closing-text-size, var(--fs-lead));
  }

  .text-\(length\:--demo-3xs\) {
    font-size: var(--demo-3xs);
  }

  .text-\(length\:--demo-lead\,inherit\) {
    font-size: var(--demo-lead, inherit);
  }

  .text-\(length\:--demo-sub\,var\(--fs-lead\)\) {
    font-size: var(--demo-sub, var(--fs-lead));
  }

  .text-\(length\:--dg-title-size\,var\(--fs-lead\)\) {
    font-size: var(--dg-title-size, var(--fs-lead));
  }

  .text-\(length\:--foundry-scale-2xl\) {
    font-size: var(--foundry-scale-2xl);
  }

  .text-\(length\:--foundry-scale-2xs\) {
    font-size: var(--foundry-scale-2xs);
  }

  .text-\(length\:--foundry-scale-3xl\) {
    font-size: var(--foundry-scale-3xl);
  }

  .text-\(length\:--foundry-scale-lg\,22px\) {
    font-size: var(--foundry-scale-lg, 22px);
  }

  .text-\(length\:--foundry-scale-md\) {
    font-size: var(--foundry-scale-md);
  }

  .text-\(length\:--fs-article-hero\,clamp\(34px\,4\.4vw\,58px\)\) {
    font-size: var(--fs-article-hero, clamp(34px, 4.4vw, 58px));
  }

  .text-\(length\:--fs-article-lede\,var\(--fs-lead\)\) {
    font-size: var(--fs-article-lede, var(--fs-lead));
  }

  .text-\(length\:--fs-body\) {
    font-size: var(--fs-body);
  }

  .text-\(length\:--fs-body\)\! {
    font-size: var(--fs-body) !important;
  }

  .text-\(length\:--fs-button\) {
    font-size: var(--fs-button);
  }

  .text-\(length\:--fs-caption\) {
    font-size: var(--fs-caption);
  }

  .text-\(length\:--fs-card\) {
    font-size: var(--fs-card);
  }

  .text-\(length\:--fs-card-body\,14\.5px\) {
    font-size: var(--fs-card-body, 14.5px);
  }

  .text-\(length\:--fs-card-callout\,13\.5px\) {
    font-size: var(--fs-card-callout, 13.5px);
  }

  .text-\(length\:--fs-card-link\,14\.5px\) {
    font-size: var(--fs-card-link, 14.5px);
  }

  .text-\(length\:--fs-chip\) {
    font-size: var(--fs-chip);
  }

  .text-\(length\:--fs-eyebrow\) {
    font-size: var(--fs-eyebrow);
  }

  .text-\(length\:--fs-feature\) {
    font-size: var(--fs-feature);
  }

  .text-\(length\:--fs-headline\) {
    font-size: var(--fs-headline);
  }

  .text-\(length\:--fs-hero\) {
    font-size: var(--fs-hero);
  }

  .text-\(length\:--fs-lead\) {
    font-size: var(--fs-lead);
  }

  .text-\(length\:--fs-nav\) {
    font-size: var(--fs-nav);
  }

  .text-\(length\:--fs-section-body\,inherit\) {
    font-size: var(--fs-section-body, inherit);
  }

  .text-\(length\:--fs-small\) {
    font-size: var(--fs-small);
  }

  .text-\(length\:--fs-small\)\! {
    font-size: var(--fs-small) !important;
  }

  .text-\(length\:--fs-toc\,var\(--fs-rich-small\,14\.5px\)\) {
    font-size: var(--fs-toc, var(--fs-rich-small, 14.5px));
  }

  .text-\(length\:--fs-webinar-art\,calc\(var\(--fs-headline\)\*0\.6\)\) {
    font-size: var(--fs-webinar-art, calc(var(--fs-headline) * .6));
  }

  .text-\(length\:--learn-h2\,calc\(var\(--fs-headline\)\*0\.75\)\) {
    font-size: var(--learn-h2, calc(var(--fs-headline) * .75));
  }

  .text-\(length\:--learn-text\,var\(--fs-lead\)\) {
    font-size: var(--learn-text, var(--fs-lead));
  }

  .text-\(length\:--quote-cite-size\,var\(--fs-small\)\) {
    font-size: var(--quote-cite-size, var(--fs-small));
  }

  .text-\(length\:--quote-role-size\) {
    font-size: var(--quote-role-size);
  }

  .text-\(length\:--quote-size\) {
    font-size: var(--quote-size);
  }

  .text-\(length\:--split-body\,inherit\) {
    font-size: var(--split-body, inherit);
  }

  .text-\(length\:--toc-title-size\,var\(--fs-rich-caption\,13px\)\) {
    font-size: var(--toc-title-size, var(--fs-rich-caption, 13px));
  }

  .text-\[10\.5px\] {
    font-size: 10.5px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13\.5px\] {
    font-size: 13.5px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[calc\(\(var\(--fs-caption\)\+var\(--fs-small\)\)\/2\)\] {
    font-size: calc((var(--fs-caption) + var(--fs-small)) / 2);
  }

  .text-\[calc\(var\(--fs-headline\)\*0\.6\)\] {
    font-size: calc(var(--fs-headline) * .6);
  }

  .text-\[calc\(var\(--fs-headline\)\*0\.7\)\] {
    font-size: calc(var(--fs-headline) * .7);
  }

  .text-\[calc\(var\(--fs-headline\)\*0\.75\)\] {
    font-size: calc(var(--fs-headline) * .75);
  }

  .text-\[clamp\(var\(--foundry-scale-2xl\)\,3\.6vw\,var\(--foundry-scale-5xl\)\)\] {
    font-size: clamp(var(--foundry-scale-2xl), 3.6vw, var(--foundry-scale-5xl));
  }

  .text-\[clamp\(var\(--foundry-scale-5xl\)\,9vw\,var\(--foundry-scale-9xl\)\)\] {
    font-size: clamp(var(--foundry-scale-5xl), 9vw, var(--foundry-scale-9xl));
  }

  .text-\[clamp\(var\(--foundry-scale-lg\)\,2\.2vw\,var\(--foundry-scale-2xl\)\)\] {
    font-size: clamp(var(--foundry-scale-lg), 2.2vw, var(--foundry-scale-2xl));
  }

  .text-\[clamp\(var\(--foundry-scale-md\)\,1\.6vw\,var\(--foundry-scale-lg\)\)\] {
    font-size: clamp(var(--foundry-scale-md), 1.6vw, var(--foundry-scale-lg));
  }

  .text-\[clamp\(var\(--fs-body\)\,1\.25vw\,var\(--fs-lead\)\)\] {
    font-size: clamp(var(--fs-body), 1.25vw, var(--fs-lead));
  }

  .text-\[length\:calc\(var\(--fs-feature\)\*0\.85\)\] {
    font-size: calc(var(--fs-feature) * .85);
  }

  .text-\[length\:calc\(var\(--fs-feature\)\*1\.4\)\] {
    font-size: calc(var(--fs-feature) * 1.4);
  }

  .text-\[length\:var\(--fs-case\,calc\(var\(--fs-lead\)\*0\.87\)\)\] {
    font-size: var(--fs-case, calc(var(--fs-lead) * .87));
  }

  .leading-\(--card-body-leading\,1\.42\) {
    --tw-leading: var(--card-body-leading, 1.42);
    line-height: var(--card-body-leading, 1.42);
  }

  .leading-\(--card-title-leading\,1\.14\) {
    --tw-leading: var(--card-title-leading, 1.14);
    line-height: var(--card-title-leading, 1.14);
  }

  .leading-\(--leading-body\) {
    --tw-leading: var(--leading-body);
    line-height: var(--leading-body);
  }

  .leading-\(--leading-display\) {
    --tw-leading: var(--leading-display);
    line-height: var(--leading-display);
  }

  .leading-\(--leading-quote\) {
    --tw-leading: var(--leading-quote);
    line-height: var(--leading-quote);
  }

  .leading-\(--quote-lg-leading\,var\(--leading-quote\)\) {
    --tw-leading: var(--quote-lg-leading, var(--leading-quote));
    line-height: var(--quote-lg-leading, var(--leading-quote));
  }

  .leading-\[0\.9\] {
    --tw-leading: .9;
    line-height: .9;
  }

  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }

  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }

  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }

  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }

  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }

  .leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-\(--article-title-weight\,var\(--display-weight\)\) {
    --tw-font-weight: var(--article-title-weight, var(--display-weight));
    font-weight: var(--article-title-weight, var(--display-weight));
  }

  .font-\(--btn-weight\) {
    --tw-font-weight: var(--btn-weight);
    font-weight: var(--btn-weight);
  }

  .font-\(--card-link-weight\,600\) {
    --tw-font-weight: var(--card-link-weight, 600);
    font-weight: var(--card-link-weight, 600);
  }

  .font-\(--card-title-weight\,700\) {
    --tw-font-weight: var(--card-title-weight, 700);
    font-weight: var(--card-title-weight, 700);
  }

  .font-\(--display-weight\) {
    --tw-font-weight: var(--display-weight);
    font-weight: var(--display-weight);
  }

  .font-\(--eb-weight\,600\) {
    --tw-font-weight: var(--eb-weight, 600);
    font-weight: var(--eb-weight, 600);
  }

  .font-\(--logo-name-weight\,600\) {
    --tw-font-weight: var(--logo-name-weight, 600);
    font-weight: var(--logo-name-weight, 600);
  }

  .font-\(--quote-lg-weight\,var\(--quote-weight\)\) {
    --tw-font-weight: var(--quote-lg-weight, var(--quote-weight));
    font-weight: var(--quote-lg-weight, var(--quote-weight));
  }

  .font-\(--quote-weight\) {
    --tw-font-weight: var(--quote-weight);
    font-weight: var(--quote-weight);
  }

  .font-\(--toc-title-weight\,700\) {
    --tw-font-weight: var(--toc-title-weight, 700);
    font-weight: var(--toc-title-weight, 700);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-bold\! {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-medium\! {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[font-weight\:inherit\] {
    font-weight: inherit;
  }

  .\[font-weight\:var\(--chip-weight\,600\)\] {
    font-weight: var(--chip-weight, 600);
  }

  .tracking-\(--btn-track\) {
    --tw-tracking: var(--btn-track);
    letter-spacing: var(--btn-track);
  }

  .tracking-\(--card-title-tracking\,-0\.02em\) {
    --tw-tracking: var(--card-title-tracking, -.02em);
    letter-spacing: var(--card-title-tracking, -.02em);
  }

  .tracking-\(--display-tracking\) {
    --tw-tracking: var(--display-tracking);
    letter-spacing: var(--display-tracking);
  }

  .tracking-\(--eb-track\,0\.04em\) {
    --tw-tracking: var(--eb-track, .04em);
    letter-spacing: var(--eb-track, .04em);
  }

  .tracking-\(--quote-lg-tracking\,var\(--quote-tracking\,inherit\)\) {
    --tw-tracking: var(--quote-lg-tracking, var(--quote-tracking, inherit));
    letter-spacing: var(--quote-lg-tracking, var(--quote-tracking, inherit));
  }

  .tracking-\(--quote-tracking\,inherit\) {
    --tw-tracking: var(--quote-tracking, inherit);
    letter-spacing: var(--quote-tracking, inherit);
  }

  .tracking-\(--toc-title-tracking\,0\.08em\) {
    --tw-tracking: var(--toc-title-tracking, .08em);
    letter-spacing: var(--toc-title-tracking, .08em);
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }

  .tracking-\[0\.07rem\] {
    --tw-tracking: .07rem;
    letter-spacing: .07rem;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\]\! {
    --tw-tracking: 0 !important;
    letter-spacing: 0 !important;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .\[text-wrap\:var\(--article-lede-wrap\)\] {
    text-wrap: var(--article-lede-wrap);
  }

  .\[text-wrap\:var\(--article-title-wrap\,balance\)\] {
    text-wrap: var(--article-title-wrap, balance);
  }

  .\[text-wrap\:var\(--card-title-wrap\,pretty\)\] {
    text-wrap: var(--card-title-wrap, pretty);
  }

  .text-balance {
    text-wrap: balance;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .wrap-anywhere {
    overflow-wrap: anywhere;
  }

  .wrap-break-word {
    overflow-wrap: break-word;
  }

  .\[word-break\:break-word\] {
    word-break: break-word;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\(--article-crumb-link\,var\(--color-accent\)\) {
    color: var(--article-crumb-link, var(--color-accent));
  }

  .text-\(--card-link\,var\(--color-accent\)\) {
    color: var(--card-link, var(--color-accent));
  }

  .text-\(--card-title-color\) {
    color: var(--card-title-color);
  }

  .text-\(--closing-accent\,var\(--panel-accent-color\,inherit\)\) {
    color: var(--closing-accent, var(--panel-accent-color, inherit));
  }

  .text-\(--color-amber-11\) {
    color: var(--color-amber-11);
  }

  .text-\(--color-blue-11\) {
    color: var(--color-blue-11);
  }

  .text-\(--color-frog-ink\) {
    color: var(--color-frog-ink);
  }

  .text-\(--color-green-9\) {
    color: var(--color-green-9);
  }

  .text-\(--color-indigo-9\) {
    color: var(--color-indigo-9);
  }

  .text-\(--color-iris-9\) {
    color: var(--color-iris-9);
  }

  .text-\(--color-lime-11\) {
    color: var(--color-lime-11);
  }

  .text-\(--color-moss-9\) {
    color: var(--color-moss-9);
  }

  .text-\(--color-moss-11\) {
    color: var(--color-moss-11);
  }

  .text-\(--color-orange-11\) {
    color: var(--color-orange-11);
  }

  .text-\(--color-orange-12\) {
    color: var(--color-orange-12);
  }

  .text-\(--color-purple-9\) {
    color: var(--color-purple-9);
  }

  .text-\(--color-red-11\) {
    color: var(--color-red-11);
  }

  .text-\(--color-rippit-11\) {
    color: var(--color-rippit-11);
  }

  .text-\(--color-rippit-12\) {
    color: var(--color-rippit-12);
  }

  .text-\(--color-teal-11\) {
    color: var(--color-teal-11);
  }

  .text-\(--color-teal-12\) {
    color: var(--color-teal-12);
  }

  .text-\(--color-violet-9\) {
    color: var(--color-violet-9);
  }

  .text-\(--color-wbn-muted\) {
    color: var(--color-wbn-muted);
  }

  .text-\(--contrast-text\) {
    color: var(--contrast-text);
  }

  .text-\(--dg-eyebrow\,var\(--node-tone\,var\(--color-moss-9\)\)\) {
    color: var(--dg-eyebrow, var(--node-tone, var(--color-moss-9)));
  }

  .text-\(--dg-meta\,var\(--fg-weaker\,var\(--fg-weak\)\)\) {
    color: var(--dg-meta, var(--fg-weaker, var(--fg-weak)));
  }

  .text-\(--dg-text\,var\(--fg-weak\)\) {
    color: var(--dg-text, var(--fg-weak));
  }

  .text-\(--dg-title\,var\(--fg-default\)\) {
    color: var(--dg-title, var(--fg-default));
  }

  .text-\(--eb-color\,var\(--color-eyebrow\)\) {
    color: var(--eb-color, var(--color-eyebrow));
  }

  .text-\(--eb-color\,var\(--eb-ink\,var\(--tone\)\)\) {
    color: var(--eb-color, var(--eb-ink, var(--tone)));
  }

  .text-\(--eyebrow-color\,var\(--eb-color\,var\(--color-eyebrow\)\)\) {
    color: var(--eyebrow-color, var(--eb-color, var(--color-eyebrow)));
  }

  .text-\(--fg-brand\) {
    color: var(--fg-brand);
  }

  .text-\(--fg-default\) {
    color: var(--fg-default);
  }

  .text-\(--fg-default\)\! {
    color: var(--fg-default) !important;
  }

  .text-\(--fg-inverse\) {
    color: var(--fg-inverse);
  }

  .text-\(--fg-on-brand\) {
    color: var(--fg-on-brand);
  }

  .text-\(--fg-table\) {
    color: var(--fg-table);
  }

  .text-\(--fg-warning\) {
    color: var(--fg-warning);
  }

  .text-\(--fg-weak\) {
    color: var(--fg-weak);
  }

  .text-\(--fg-weaker\) {
    color: var(--fg-weaker);
  }

  .text-\(--fg-weaker\,var\(--fg-weak\)\) {
    color: var(--fg-weaker, var(--fg-weak));
  }

  .text-\(--node-tone\,var\(--color-moss-9\)\) {
    color: var(--node-tone, var(--color-moss-9));
  }

  .text-\(--quote-source\,var\(--color-eyebrow\)\) {
    color: var(--quote-source, var(--color-eyebrow));
  }

  .text-\(--toc-on-text\,var\(--color-accent\)\) {
    color: var(--toc-on-text, var(--color-accent));
  }

  .text-\(--toc-title-color\,color-mix\(in_srgb\,var\(--color-fg\)_66\%\,transparent\)\) {
    color: var(--toc-title-color, #020203a8);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\(--toc-title-color\,color-mix\(in_srgb\,var\(--color-fg\)_66\%\,transparent\)\) {
      color: var(--toc-title-color, color-mix(in srgb,var(--color-fg) 66%,transparent));
    }
  }

  .text-\(--tone-text\) {
    color: var(--tone-text);
  }

  .text-\(--wt-muted\) {
    color: var(--wt-muted);
  }

  .text-\[color-mix\(in_srgb\,currentColor_62\%\,transparent\)\] {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,currentColor_62\%\,transparent\)\] {
      color: color-mix(in srgb,currentColor 62%,transparent);
    }
  }

  .text-\[color-mix\(in_srgb\,currentColor_var\(--card-muted\,72\%\)\,transparent\)\] {
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,currentColor_var\(--card-muted\,72\%\)\,transparent\)\] {
      color: color-mix(in srgb,currentColor var(--card-muted, 72%),transparent);
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--color-fg\)_55\%\,var\(--color-page\)\)\] {
    color: #747474;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--color-fg\)_55\%\,var\(--color-page\)\)\] {
      color: color-mix(in srgb,var(--color-fg) 55%,var(--color-page));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--color-fg\)_78\%\,var\(--color-page\)\)\] {
    color: #3a3a3a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--color-fg\)_78\%\,var\(--color-page\)\)\] {
      color: color-mix(in srgb,var(--color-fg) 78%,var(--color-page));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--color-fg\)_85\%\,var\(--color-page\)\)\] {
    color: #282829;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--color-fg\)_85\%\,var\(--color-page\)\)\] {
      color: color-mix(in srgb,var(--color-fg) 85%,var(--color-page));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--color-fg\)_var\(--article-crumb-text\,62\%\)\,transparent\)\] {
    color: #020203;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--color-fg\)_var\(--article-crumb-text\,62\%\)\,transparent\)\] {
      color: color-mix(in srgb,var(--color-fg) var(--article-crumb-text, 62%),transparent);
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--color-fg\)_var\(--article-lede-text\,84\%\)\,transparent\)\] {
    color: #020203;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--color-fg\)_var\(--article-lede-text\,84\%\)\,transparent\)\] {
      color: color-mix(in srgb,var(--color-fg) var(--article-lede-text, 84%),transparent);
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--color-teal\)_75\%\,var\(--color-fg\)\)\] {
    color: #609d96;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--color-teal\)_75\%\,var\(--color-fg\)\)\] {
      color: color-mix(in srgb,var(--color-teal) 75%,var(--color-fg));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--fg-default\)_80\%\,transparent\)\] {
    color: var(--fg-default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--fg-default\)_80\%\,transparent\)\] {
      color: color-mix(in srgb,var(--fg-default) 80%,transparent);
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--fg-default\)_82\%\,transparent\)\] {
    color: var(--fg-default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--fg-default\)_82\%\,transparent\)\] {
      color: color-mix(in srgb,var(--fg-default) 82%,transparent);
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--tone\)_75\%\,var\(--color-fg\)\)\] {
    color: var(--tone);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--tone\)_75\%\,var\(--color-fg\)\)\] {
      color: color-mix(in srgb,var(--tone) 75%,var(--color-fg));
    }
  }

  .text-\[color-mix\(in_srgb\,var\(--tone\)_80\%\,var\(--color-fg\)\)\] {
    color: var(--tone);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--tone\)_80\%\,var\(--color-fg\)\)\] {
      color: color-mix(in srgb,var(--tone) 80%,var(--color-fg));
    }
  }

  .text-accent {
    color: var(--color-accent);
  }

  .text-anchor {
    color: var(--color-anchor);
  }

  .text-cream {
    color: var(--color-cream);
  }

  .text-ember {
    color: var(--color-ember);
  }

  .text-eyebrow {
    color: var(--color-eyebrow);
  }

  .text-fg {
    color: var(--color-fg);
  }

  .text-fg\/50 {
    color: #02020380;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-fg\/50 {
      color: color-mix(in oklab, var(--color-fg) 50%, transparent);
    }
  }

  .text-fg\/60 {
    color: #02020399;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-fg\/60 {
      color: color-mix(in oklab, var(--color-fg) 60%, transparent);
    }
  }

  .text-fg\/65 {
    color: #020203a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-fg\/65 {
      color: color-mix(in oklab, var(--color-fg) 65%, transparent);
    }
  }

  .text-fg\/66 {
    color: #020203a8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-fg\/66 {
      color: color-mix(in oklab, var(--color-fg) 66%, transparent);
    }
  }

  .text-fg\/70 {
    color: #020203b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-fg\/70 {
      color: color-mix(in oklab, var(--color-fg) 70%, transparent);
    }
  }

  .text-fg\/74 {
    color: #020203bd;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-fg\/74 {
      color: color-mix(in oklab, var(--color-fg) 74%, transparent);
    }
  }

  .text-fg\/75 {
    color: #020203bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-fg\/75 {
      color: color-mix(in oklab, var(--color-fg) 75%, transparent);
    }
  }

  .text-fg\/80 {
    color: #020203cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-fg\/80 {
      color: color-mix(in oklab, var(--color-fg) 80%, transparent);
    }
  }

  .text-fg\/85 {
    color: #020203d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-fg\/85 {
      color: color-mix(in oklab, var(--color-fg) 85%, transparent);
    }
  }

  .text-inherit {
    color: inherit;
  }

  .text-ink {
    color: var(--color-ink);
  }

  .text-lily {
    color: var(--color-lily);
  }

  .text-moss {
    color: var(--color-moss);
  }

  .text-page {
    color: var(--color-page);
  }

  .text-white {
    color: var(--color-white);
  }

  .\[text-transform\:var\(--toc-title-case\,uppercase\)\] {
    text-transform: var(--toc-title-case, uppercase);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .normal-case\! {
    text-transform: none !important;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .\[font-style\:var\(--accent-style\)\] {
    font-style: var(--accent-style);
  }

  .\[font-style\:var\(--quote-style\)\] {
    font-style: var(--quote-style);
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .\[font-variant-numeric\:tabular-nums\] {
    font-variant-numeric: tabular-nums;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-\(--closing-text-opacity\,0\.9\) {
    opacity: var(--closing-text-opacity, .9);
  }

  .opacity-\(--logo-opacity\) {
    opacity: var(--logo-opacity);
  }

  .opacity-\(--quote-role-opacity\,0\.7\) {
    opacity: var(--quote-role-opacity, .7);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-72 {
    opacity: .72;
  }

  .opacity-80 {
    opacity: .8;
  }

  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_var\(--border-default\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--border-default));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_var\(--tone-line\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--tone-line));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[box-shadow\:0_0_0_1px_color-mix\(in_srgb\,var\(--fg-default\)_5\%\,transparent\)\,0_4px_12px_color-mix\(in_srgb\,var\(--fg-default\)_11\%\,transparent\)\] {
    box-shadow: 0 0 0 1px var(--fg-default),0 4px 12px var(--fg-default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[box-shadow\:0_0_0_1px_color-mix\(in_srgb\,var\(--fg-default\)_5\%\,transparent\)\,0_4px_12px_color-mix\(in_srgb\,var\(--fg-default\)_11\%\,transparent\)\] {
      box-shadow: 0 0 0 1px color-mix(in srgb,var(--fg-default) 5%,transparent),0 4px 12px color-mix(in srgb,var(--fg-default) 11%,transparent);
    }
  }

  .\[box-shadow\:0_0_0_1px_var\(--border-default\)\] {
    box-shadow: 0 0 0 1px var(--border-default);
  }

  .\[box-shadow\:0_1px_2px_color-mix\(in_srgb\,var\(--color-fg\)_6\%\,transparent\)\,0_14px_34px_-22px_color-mix\(in_srgb\,var\(--color-fg\)_45\%\,transparent\)\] {
    box-shadow: 0 1px 2px #0202030f, 0 14px 34px -22px #02020373;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[box-shadow\:0_1px_2px_color-mix\(in_srgb\,var\(--color-fg\)_6\%\,transparent\)\,0_14px_34px_-22px_color-mix\(in_srgb\,var\(--color-fg\)_45\%\,transparent\)\] {
      box-shadow: 0 1px 2px color-mix(in srgb,var(--color-fg) 6%,transparent),0 14px 34px -22px color-mix(in srgb,var(--color-fg) 45%,transparent);
    }
  }

  .\[box-shadow\:0_1px_2px_color-mix\(in_srgb\,var\(--color-fg\)_8\%\,transparent\)\,0_30px_60px_-30px_color-mix\(in_srgb\,var\(--color-fg\)_45\%\,transparent\)\] {
    box-shadow: 0 1px 2px #02020314, 0 30px 60px -30px #02020373;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[box-shadow\:0_1px_2px_color-mix\(in_srgb\,var\(--color-fg\)_8\%\,transparent\)\,0_30px_60px_-30px_color-mix\(in_srgb\,var\(--color-fg\)_45\%\,transparent\)\] {
      box-shadow: 0 1px 2px color-mix(in srgb,var(--color-fg) 8%,transparent),0 30px 60px -30px color-mix(in srgb,var(--color-fg) 45%,transparent);
    }
  }

  .\[box-shadow\:inset_0_0_0_1px_var\(--border-default\)\] {
    box-shadow: inset 0 0 0 1px var(--border-default);
  }

  .\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\] {
    box-shadow: inset 0 0 0 1px var(--border-strong);
  }

  .ring-\(--border-default\) {
    --tw-ring-color: var(--border-default);
  }

  .ring-lily {
    --tw-ring-color: var(--color-lily);
  }

  .\[outline\:0\] {
    outline: 0;
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-\[1\.5px\] {
    outline-style: var(--tw-outline-style);
    outline-width: 1.5px;
  }

  .-outline-offset-\[1\.5px\] {
    outline-offset: calc(1.5px * -1);
  }

  .outline-\(--border-strong\) {
    outline-color: var(--border-strong);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-0 {
    --tw-brightness: brightness(0%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter-\(--logo-tint\) {
    filter: var(--logo-tint);
  }

  .backdrop-blur-\[14px\] {
    --tw-backdrop-blur: blur(14px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-saturate-\[1\.2\] {
    --tw-backdrop-saturate: saturate(1.2);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-saturate-\[1\.15\] {
    --tw-backdrop-saturate: saturate(1.15);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .outline-dashed {
    --tw-outline-style: dashed;
    outline-style: dashed;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .\[--article-aside\:224px\] {
    --article-aside: 224px;
  }

  .\[--article-aside\:240px\] {
    --article-aside: 240px;
  }

  .\[--article-aside\:260px\] {
    --article-aside: 260px;
  }

  .\[--article-aside\:396px\] {
    --article-aside: 396px;
  }

  .\[--article-crumb-link\:var\(--color-accent\)\] {
    --article-crumb-link: var(--color-accent);
  }

  .\[--article-crumb-link\:var\(--fg-weaker\)\] {
    --article-crumb-link: var(--fg-weaker);
  }

  .\[--article-gap\:24px\] {
    --article-gap: 24px;
  }

  .\[--article-gap\:64px\] {
    --article-gap: 64px;
  }

  .\[--article-gap\:calc\(var\(--space-l\)\+var\(--space-s\)\)\] {
    --article-gap: calc(var(--space-l) + var(--space-s));
  }

  .\[--article-gap\:var\(--space-l\)\] {
    --article-gap: var(--space-l);
  }

  .\[--article-hero-gap\:calc\(52px\+var\(--section-gap\)\)\] {
    --article-hero-gap: calc(52px + var(--section-gap));
  }

  .\[--article-hero-gap\:var\(--section-gap\)\] {
    --article-hero-gap: var(--section-gap);
  }

  .\[--article-leading\:1\.5\] {
    --article-leading: 1.5;
  }

  .\[--article-lede-indent\:20px\] {
    --article-lede-indent: 20px;
  }

  .\[--article-lede-measure\:26em\] {
    --article-lede-measure: 26em;
  }

  .\[--article-lede-measure\:960px\] {
    --article-lede-measure: 960px;
  }

  .\[--article-lede-rule\:3px_solid_var\(--color-teal\)\] {
    --article-lede-rule: 3px solid var(--color-teal);
  }

  .\[--article-lede-text\:100\%\] {
    --article-lede-text: 100%;
  }

  .\[--article-lede-wrap\:balance\] {
    --article-lede-wrap: balance;
  }

  .\[--article-text\:88\%\] {
    --article-text: 88%;
  }

  .\[--article-text\:100\%\] {
    --article-text: 100%;
  }

  .\[--article-title-measure\:22ch\] {
    --article-title-measure: 22ch;
  }

  .\[--article-title-measure\:24ch\] {
    --article-title-measure: 24ch;
  }

  .\[--article-title-measure\:992px\] {
    --article-title-measure: 992px;
  }

  .\[--article-title-weight\:800\] {
    --article-title-weight: 800;
  }

  .\[--article-weight\:500\] {
    --article-weight: 500;
  }

  .\[--btn-height\:44px\] {
    --btn-height: 44px;
  }

  .\[--btn-height\:48px\] {
    --btn-height: 48px;
  }

  .\[--btn-height\:48px\]\! {
    --btn-height: 48px !important;
  }

  .\[--btn-height\:52px\] {
    --btn-height: 52px;
  }

  .\[--btn-height\:56px\] {
    --btn-height: 56px;
  }

  .\[--btn-line\:rgb\(255_255_255\/85\%\)\] {
    --btn-line: #ffffffd9;
  }

  .\[--btn-line\:var\(--color-wbn\)\] {
    --btn-line: var(--color-wbn);
  }

  .\[--btn-min-width\:0px\] {
    --btn-min-width: 0px;
  }

  .\[--btn-soft-radius\:8\] {
    --btn-soft-radius: 8;
  }

  .\[--btn-soft-radius\:12\] {
    --btn-soft-radius: 12;
  }

  .\[--btn-weight\:600\] {
    --btn-weight: 600;
  }

  .\[--build-top\:calc\(var\(--bar-clearance\)\+var\(--space-l\)\)\] {
    --build-top: calc(var(--bar-clearance) + var(--space-l));
  }

  .\[--callout-radius\:12px\] {
    --callout-radius: 12px;
  }

  .\[--callout-radius\:16px\] {
    --callout-radius: 16px;
  }

  .\[--callout-radius\:18px\] {
    --callout-radius: 18px;
  }

  .\[--card-art-gap\:0px\] {
    --card-art-gap: 0px;
  }

  .\[--card-art-gap\:14px\] {
    --card-art-gap: 14px;
  }

  .\[--card-art-gap\:var\(--space-m\)\] {
    --card-art-gap: var(--space-m);
  }

  .\[--card-art-gap\:var\(--space-s\)\] {
    --card-art-gap: var(--space-s);
  }

  .\[--card-body-color\:var\(--fg-default\)\] {
    --card-body-color: var(--fg-default);
  }

  .\[--card-body-leading\:1\.6\] {
    --card-body-leading: 1.6;
  }

  .\[--card-body-leading\:1\.55\] {
    --card-body-leading: 1.55;
  }

  .\[--card-body-width\:72ch\] {
    --card-body-width: 72ch;
  }

  .\[--card-callout-pad\:0\] {
    --card-callout-pad: 0;
  }

  .\[--card-callout-rule\:0\] {
    --card-callout-rule: 0;
  }

  .\[--card-detail-gap\:0px\] {
    --card-detail-gap: 0px;
  }

  .\[--card-detail-gap\:48px\] {
    --card-detail-gap: 48px;
  }

  .\[--card-detail-gap\:72px\] {
    --card-detail-gap: 72px;
  }

  .\[--card-detail-gap\:var\(--space-s\)\] {
    --card-detail-gap: var(--space-s);
  }

  .\[--card-detail-row-gap\:var\(--space-s\)\] {
    --card-detail-row-gap: var(--space-s);
  }

  .\[--card-face\:color-mix\(in_srgb\,var\(--bg-surface-raised\)_80\%\,transparent\)\] {
    --card-face: var(--bg-surface-raised);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[--card-face\:color-mix\(in_srgb\,var\(--bg-surface-raised\)_80\%\,transparent\)\] {
      --card-face: color-mix(in srgb,var(--bg-surface-raised) 80%,transparent);
    }
  }

  .\[--card-face\:color-mix\(in_srgb\,var\(--bg-surface-raised\)_92\%\,transparent\)\] {
    --card-face: var(--bg-surface-raised);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[--card-face\:color-mix\(in_srgb\,var\(--bg-surface-raised\)_92\%\,transparent\)\] {
      --card-face: color-mix(in srgb,var(--bg-surface-raised) 92%,transparent);
    }
  }

  .\[--card-face\:color-mix\(in_srgb\,var\(--color-lily\)_16\%\,var\(--bg-surface-raised\)\)\] {
    --card-face: #a3c76a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[--card-face\:color-mix\(in_srgb\,var\(--color-lily\)_16\%\,var\(--bg-surface-raised\)\)\] {
      --card-face: color-mix(in srgb,var(--color-lily) 16%,var(--bg-surface-raised));
    }
  }

  .\[--card-face\:transparent\] {
    --card-face: transparent;
  }

  .\[--card-face\:var\(--bg-surface-raised\)\] {
    --card-face: var(--bg-surface-raised);
  }

  .\[--card-face\:var\(--bg-surface-sunken\)\] {
    --card-face: var(--bg-surface-sunken);
  }

  .\[--card-face\:var\(--color-lily-3\)\] {
    --card-face: var(--color-lily-3);
  }

  .\[--card-face\:var\(--color-moss-2\)\] {
    --card-face: var(--color-moss-2);
  }

  .\[--card-face\:var\(--color-moss-3\)\] {
    --card-face: var(--color-moss-3);
  }

  .\[--card-face\:var\(--color-moss-9\)\] {
    --card-face: var(--color-moss-9);
  }

  .\[--card-face\:var\(--color-moss-10\)\] {
    --card-face: var(--color-moss-10);
  }

  .\[--card-face\:var\(--color-moss-12\)\] {
    --card-face: var(--color-moss-12);
  }

  .\[--card-face\:var\(--color-neutral-2\)\] {
    --card-face: var(--color-neutral-2);
  }

  .\[--card-face\:var\(--color-neutral-3\)\] {
    --card-face: var(--color-neutral-3);
  }

  .\[--card-face\:var\(--color-red-2\)\] {
    --card-face: var(--color-red-2);
  }

  .\[--card-face\:var\(--color-teal-2\)\] {
    --card-face: var(--color-teal-2);
  }

  .\[--card-face\:var\(--color-teal-3\)\] {
    --card-face: var(--color-teal-3);
  }

  .\[--card-line\:var\(--color-lily-6\)\] {
    --card-line: var(--color-lily-6);
  }

  .\[--card-line\:var\(--color-moss-9\)\] {
    --card-line: var(--color-moss-9);
  }

  .\[--card-link-hover\:var\(--color-anchor-hover\)\] {
    --card-link-hover: var(--color-anchor-hover);
  }

  .\[--card-link-weight\:600\] {
    --card-link-weight: 600;
  }

  .\[--card-link\:var\(--color-anchor\)\] {
    --card-link: var(--color-anchor);
  }

  .\[--card-link\:var\(--color-moss-9\)\] {
    --card-link: var(--color-moss-9);
  }

  .\[--card-muted\:80\%\] {
    --card-muted: 80%;
  }

  .\[--card-muted\:85\%\] {
    --card-muted: 85%;
  }

  .\[--card-muted\:100\%\] {
    --card-muted: 100%;
  }

  .\[--card-pad\:0px\] {
    --card-pad: 0px;
  }

  .\[--card-pad\:24px\] {
    --card-pad: 24px;
  }

  .\[--card-pad\:28px\] {
    --card-pad: 28px;
  }

  .\[--card-pad\:30px\] {
    --card-pad: 30px;
  }

  .\[--card-pad\:32px\] {
    --card-pad: 32px;
  }

  .\[--card-pad\:40px\] {
    --card-pad: 40px;
  }

  .\[--card-pad\:clamp\(20px\,2\.5vw\,32px\)\] {
    --card-pad: clamp(20px, 2.5vw, 32px);
  }

  .\[--card-pad\:clamp\(20px\,3\.75vw\,48px\)\] {
    --card-pad: clamp(20px, 3.75vw, 48px);
  }

  .\[--card-pad\:clamp\(20px\,calc\(11\.2px\+2\.25vw\)\,40px\)\] {
    --card-pad: clamp(20px, calc(11.2px + 2.25vw), 40px);
  }

  .\[--card-pad\:clamp\(24px\,3\.2vw\,46px\)\] {
    --card-pad: clamp(24px, 3.2vw, 46px);
  }

  .\[--card-pad\:var\(--int-card-pad\)\] {
    --card-pad: var(--int-card-pad);
  }

  .\[--card-pad\:var\(--space-l\)\] {
    --card-pad: var(--space-l);
  }

  .\[--card-pad\:var\(--space-m\)\] {
    --card-pad: var(--space-m);
  }

  .\[--card-pad\:var\(--space-s\)\] {
    --card-pad: var(--space-s);
  }

  .\[--card-pad\:var\(--space-xl\)\] {
    --card-pad: var(--space-xl);
  }

  .\[--card-pad\:var\(--space-xs\)_var\(--space-m\)\] {
    --card-pad: var(--space-xs) var(--space-m);
  }

  .\[--card-text-gap\:14px\] {
    --card-text-gap: 14px;
  }

  .\[--card-text\:var\(--color-moss-9\)\] {
    --card-text: var(--color-moss-9);
  }

  .\[--card-text\:var\(--fg-on-brand\)\] {
    --card-text: var(--fg-on-brand);
  }

  .\[--card-title-leading\:1\.3\] {
    --card-title-leading: 1.3;
  }

  .\[--card-title-leading\:1\.45\] {
    --card-title-leading: 1.45;
  }

  .\[--card-title-tracking\:0\] {
    --card-title-tracking: 0;
  }

  .\[--card-title-weight\:500\] {
    --card-title-weight: 500;
  }

  .\[--card-title-weight\:700\] {
    --card-title-weight: 700;
  }

  .\[--card-title-wrap\:balance\] {
    --card-title-wrap: balance;
  }

  .\[--carousel-bleed\:0px\] {
    --carousel-bleed: 0px;
  }

  .\[--carousel-item\:100\%\] {
    --carousel-item: 100%;
  }

  .\[--chip-face\:var\(--bg-surface-raised\)\] {
    --chip-face: var(--bg-surface-raised);
  }

  .\[--chip-face\:var\(--tint-frog\)\] {
    --chip-face: var(--tint-frog);
  }

  .\[--chip-face\:var\(--tint-teal\)\] {
    --chip-face: var(--tint-teal);
  }

  .\[--chip-text\:var\(--fg-default\)\] {
    --chip-text: var(--fg-default);
  }

  .\[--closing-accent-display\:block\] {
    --closing-accent-display: block;
  }

  .\[--closing-accent\:var\(--panel-accent-color\,var\(--color-lily\)\)\] {
    --closing-accent: var(--panel-accent-color, var(--color-lily));
  }

  .\[--closing-actions-gap\:0\.625rem\] {
    --closing-actions-gap: .625rem;
  }

  .\[--closing-gap\:var\(--panel-gap\,var\(--space-m\)\)\] {
    --closing-gap: var(--panel-gap, var(--space-m));
  }

  .\[--closing-text-opacity\:var\(--panel-text-opacity\,0\.9\)\] {
    --closing-text-opacity: var(--panel-text-opacity, .9);
  }

  .\[--closing-text-size\:var\(--fs-panel\,var\(--fs-lead\)\)\] {
    --closing-text-size: var(--fs-panel, var(--fs-lead));
  }

  .\[--closing-text-width\:56ch\] {
    --closing-text-width: 56ch;
  }

  .\[--closing-text-width\:var\(--panel-text-width\,46ch\)\] {
    --closing-text-width: var(--panel-text-width, 46ch);
  }

  .\[--closing-title-width\:22ch\] {
    --closing-title-width: 22ch;
  }

  .\[--closing-title-width\:none\] {
    --closing-title-width: none;
  }

  .\[--color-accent\:var\(--color-wbn\)\] {
    --color-accent: var(--color-wbn);
  }

  .\[--color-accent\:white\] {
    --color-accent: white;
  }

  .\[--color-amber\:\#6b5300\] {
    --color-amber: #6b5300;
  }

  .\[--color-eyebrow\:var\(--color-wbn\)\] {
    --color-eyebrow: var(--color-wbn);
  }

  .\[--color-fg\:var\(--color-cream\)\] {
    --color-fg: var(--color-cream);
  }

  .\[--color-fg\:var\(--color-wbn\)\] {
    --color-fg: var(--color-wbn);
  }

  .\[--color-fg\:white\] {
    --color-fg: white;
  }

  .\[--color-line\:color-mix\(in_srgb\,var\(--fg-on-brand\)_60\%\,transparent\)\] {
    --color-line: var(--fg-on-brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[--color-line\:color-mix\(in_srgb\,var\(--fg-on-brand\)_60\%\,transparent\)\] {
      --color-line: color-mix(in srgb,var(--fg-on-brand) 60%,transparent);
    }
  }

  .\[--color-line\:rgb\(255_255_255\/30\%\)\] {
    --color-line: #ffffff4d;
  }

  .\[--color-line\:var\(--border-default\)\] {
    --color-line: var(--border-default);
  }

  .\[--color-line\:var\(--border-strong\)\] {
    --color-line: var(--border-strong);
  }

  .\[--color-line\:var\(--color-lily\)\] {
    --color-line: var(--color-lily);
  }

  .\[--color-line\:var\(--color-lily-6\)\] {
    --color-line: var(--color-lily-6);
  }

  .\[--color-line\:var\(--color-moss-6\)\] {
    --color-line: var(--color-moss-6);
  }

  .\[--color-line\:var\(--color-moss-9\)\] {
    --color-line: var(--color-moss-9);
  }

  .\[--color-line\:var\(--color-neutral-12\)\] {
    --color-line: var(--color-neutral-12);
  }

  .\[--color-line\:var\(--color-red-6\)\] {
    --color-line: var(--color-red-6);
  }

  .\[--color-line\:var\(--voc-card-line\)\] {
    --color-line: var(--voc-card-line);
  }

  .\[--color-teal\:var\(--color-wbn\)\] {
    --color-teal: var(--color-wbn);
  }

  .\[--color-wbn-muted\:\#5b706a\] {
    --color-wbn-muted: #5b706a;
  }

  .\[--color-wbn\:\#087f61\] {
    --color-wbn: #087f61;
  }

  .\[--contrast-bg\:var\(--bg-surface-inverse\)\] {
    --contrast-bg: var(--bg-surface-inverse);
  }

  .\[--contrast-bg\:var\(--color-cream\)\] {
    --contrast-bg: var(--color-cream);
  }

  .\[--contrast-bg\:var\(--color-ink\)\] {
    --contrast-bg: var(--color-ink);
  }

  .\[--contrast-bg\:var\(--color-wbn\)\] {
    --contrast-bg: var(--color-wbn);
  }

  .\[--contrast-text\:var\(--color-moss-9\)\] {
    --contrast-text: var(--color-moss-9);
  }

  .\[--contrast-text\:var\(--color-page\)\] {
    --contrast-text: var(--color-page);
  }

  .\[--contrast-text\:var\(--fg-inverse\)\] {
    --contrast-text: var(--fg-inverse);
  }

  .\[--demo-lead\:20px\] {
    --demo-lead: 20px;
  }

  .\[--demo-sub\:24px\] {
    --demo-sub: 24px;
  }

  .\[--dg-eyebrow\:initial\] {
    --dg-eyebrow: initial;
  }

  .\[--dg-eyebrow\:var\(--color-moss-4\)\] {
    --dg-eyebrow: var(--color-moss-4);
  }

  .\[--dg-eyebrow\:var\(--fg-on-brand\)\] {
    --dg-eyebrow: var(--fg-on-brand);
  }

  .\[--dg-meta\:var\(--color-moss-9\)\] {
    --dg-meta: var(--color-moss-9);
  }

  .\[--dg-meta\:var\(--fg-on-brand\)\] {
    --dg-meta: var(--fg-on-brand);
  }

  .\[--dg-meta\:var\(--fg-weak\)\] {
    --dg-meta: var(--fg-weak);
  }

  .\[--dg-number-face\:var\(--bg-surface-raised\)\] {
    --dg-number-face: var(--bg-surface-raised);
  }

  .\[--dg-text\:var\(--fg-default\)\] {
    --dg-text: var(--fg-default);
  }

  .\[--dg-text\:var\(--fg-on-brand\)\] {
    --dg-text: var(--fg-on-brand);
  }

  .\[--dg-title-size\:var\(--fs-body\)\] {
    --dg-title-size: var(--fs-body);
  }

  .\[--dg-title\:var\(--color-red-11\)\] {
    --dg-title: var(--color-red-11);
  }

  .\[--dg-title\:var\(--fg-default\)\] {
    --dg-title: var(--fg-default);
  }

  .\[--dg-title\:var\(--fg-on-brand\)\] {
    --dg-title: var(--fg-on-brand);
  }

  .\[--diagram-board-cols\:repeat\(auto-fit\,minmax\(min\(100\%\,13rem\)\,1fr\)\)\] {
    --diagram-board-cols: repeat(auto-fit,minmax(min(100%, 13rem),1fr));
  }

  .\[--diagram-board-face\:transparent\] {
    --diagram-board-face: transparent;
  }

  .\[--diagram-board-pad\:0px\] {
    --diagram-board-pad: 0px;
  }

  .\[--display-tracking\:-0\.03em\] {
    --display-tracking: -.03em;
  }

  .\[--display-tracking\:-0\.04em\] {
    --display-tracking: -.04em;
  }

  .\[--display-weight\:500\] {
    --display-weight: 500;
  }

  .\[--display-weight\:700\] {
    --display-weight: 700;
  }

  .\[--display-weight\:800\] {
    --display-weight: 800;
  }

  .\[--eb-chip-face\:var\(--color-page\)\] {
    --eb-chip-face: var(--color-page);
  }

  .\[--eb-chip-face\:var\(--voc-hero-chip\)\] {
    --eb-chip-face: var(--voc-hero-chip);
  }

  .\[--eb-chip-face\:var\(--voc-speaker-chip\)\] {
    --eb-chip-face: var(--voc-speaker-chip);
  }

  .\[--eb-color\:var\(--color-amber\)\] {
    --eb-color: var(--color-amber);
  }

  .\[--eb-color\:var\(--color-moss-9\)\] {
    --eb-color: var(--color-moss-9);
  }

  .\[--eb-color\:var\(--color-wbn\)\] {
    --eb-color: var(--color-wbn);
  }

  .\[--eb-ink\:var\(--color-frog-ink\,var\(--color-frog\)\)\] {
    --eb-ink: var(--color-frog-ink, var(--color-frog));
  }

  .\[--eb-track\:0\.12em\] {
    --eb-track: .12em;
  }

  .\[--eb-track\:0\.18em\] {
    --eb-track: .18em;
  }

  .\[--eb-weight\:700\] {
    --eb-weight: 700;
  }

  .\[--eyebrow-color\:var\(--color-moss-9\)\] {
    --eyebrow-color: var(--color-moss-9);
  }

  .\[--eyebrow-color\:var\(--fg-brand\)\] {
    --eyebrow-color: var(--fg-brand);
  }

  .\[--eyebrow-track\:0\.16em\] {
    --eyebrow-track: .16em;
  }

  .\[--face\:var\(--contrast-bg\,var\(--color-fg\)\)\] {
    --face: var(--contrast-bg, var(--color-fg));
  }

  .\[--face\:var\(--simple-face\,transparent\)\] {
    --face: var(--simple-face, transparent);
  }

  .\[--faq-margin\:0\] {
    --faq-margin: 0;
  }

  .\[--faq-width\:860px\] {
    --faq-width: 860px;
  }

  .\[--faq-width\:960px\] {
    --faq-width: 960px;
  }

  .\[--faq-width\:none\] {
    --faq-width: none;
  }

  .\[--fg-weak\:var\(--color-lily\)\] {
    --fg-weak: var(--color-lily);
  }

  .\[--fs-article-hero\:clamp\(40px\,calc\(31\.2px\+2\.25vw\)\,60px\)\] {
    --fs-article-hero: clamp(40px, calc(31.2px + 2.25vw), 60px);
  }

  .\[--fs-article-hero\:var\(--fs-hero\)\] {
    --fs-article-hero: var(--fs-hero);
  }

  .\[--fs-article-lede\:var\(--fs-rich-intro\)\] {
    --fs-article-lede: var(--fs-rich-intro);
  }

  .\[--fs-article\:var\(--fs-body\)\] {
    --fs-article: var(--fs-body);
  }

  .\[--fs-article\:var\(--fs-lead\)\] {
    --fs-article: var(--fs-lead);
  }

  .\[--fs-article\:var\(--fs-rich-text\)\] {
    --fs-article: var(--fs-rich-text);
  }

  .\[--fs-button\:var\(--fs-body\)\] {
    --fs-button: var(--fs-body);
  }

  .\[--fs-card-body\:14px\] {
    --fs-card-body: 14px;
  }

  .\[--fs-card-body\:var\(--fs-body\)\] {
    --fs-card-body: var(--fs-body);
  }

  .\[--fs-card-body\:var\(--fs-small\)\] {
    --fs-card-body: var(--fs-small);
  }

  .\[--fs-card\:17px\] {
    --fs-card: 17px;
  }

  .\[--fs-card\:20px\] {
    --fs-card: 20px;
  }

  .\[--fs-card\:22px\] {
    --fs-card: 22px;
  }

  .\[--fs-card\:24px\] {
    --fs-card: 24px;
  }

  .\[--fs-card\:calc\(var\(--fs-feature\)\*0\.89\)\] {
    --fs-card: calc(var(--fs-feature) * .89);
  }

  .\[--fs-card\:clamp\(20px\,calc\(19px\+0\.25vw\)\,22px\)\] {
    --fs-card: clamp(20px, calc(19px + .25vw), 22px);
  }

  .\[--fs-card\:clamp\(var\(--foundry-scale-lg\)\,2\.3vw\,var\(--foundry-scale-2xl\)\)\] {
    --fs-card: clamp(var(--foundry-scale-lg), 2.3vw, var(--foundry-scale-2xl));
  }

  .\[--fs-card\:var\(--foundry-scale-md\)\]\! {
    --fs-card: var(--foundry-scale-md) !important;
  }

  .\[--fs-card\:var\(--foundry-scale-xl\)\] {
    --fs-card: var(--foundry-scale-xl);
  }

  .\[--fs-card\:var\(--fs-feature\)\] {
    --fs-card: var(--fs-feature);
  }

  .\[--fs-card\:var\(--fs-headline\)\] {
    --fs-card: var(--fs-headline);
  }

  .\[--fs-card\:var\(--fs-lead\)\] {
    --fs-card: var(--fs-lead);
  }

  .\[--fs-card\:var\(--fs-rich-h2\)\] {
    --fs-card: var(--fs-rich-h2);
  }

  .\[--fs-card\:var\(--fs-rich-sub\)\] {
    --fs-card: var(--fs-rich-sub);
  }

  .\[--fs-eyebrow\:var\(--fs-button\)\] {
    --fs-eyebrow: var(--fs-button);
  }

  .\[--fs-eyebrow\:var\(--fs-caption\)\] {
    --fs-eyebrow: var(--fs-caption);
  }

  .\[--fs-eyebrow\:var\(--fs-small\)\] {
    --fs-eyebrow: var(--fs-small);
  }

  .\[--fs-feature\:24px\] {
    --fs-feature: 24px;
  }

  .\[--fs-headline\:40px\] {
    --fs-headline: 40px;
  }

  .\[--fs-headline\:clamp\(28px\,2\.5vw\,32px\)\] {
    --fs-headline: clamp(28px, 2.5vw, 32px);
  }

  .\[--fs-headline\:clamp\(30px\,calc\(24px\+1\.56vw\)\,44px\)\] {
    --fs-headline: clamp(30px, calc(24px + 1.56vw), 44px);
  }

  .\[--fs-headline\:clamp\(30px\,calc\(25\.6px\+1\.12vw\)\,40px\)\] {
    --fs-headline: clamp(30px, calc(25.6px + 1.12vw), 40px);
  }

  .\[--fs-headline\:clamp\(32px\,3\.75vw\,48px\)\] {
    --fs-headline: clamp(32px, 3.75vw, 48px);
  }

  .\[--fs-headline\:clamp\(var\(--foundry-scale-xl\)\,2\.9vw\,var\(--foundry-scale-3xl\)\)\] {
    --fs-headline: clamp(var(--foundry-scale-xl), 2.9vw, var(--foundry-scale-3xl));
  }

  .\[--fs-headline\:var\(--fs-feature\)\] {
    --fs-headline: var(--fs-feature);
  }

  .\[--fs-headline\:var\(--fs-section\)\] {
    --fs-headline: var(--fs-section);
  }

  .\[--fs-headline\:var\(--int-head-closing\)\] {
    --fs-headline: var(--int-head-closing);
  }

  .\[--fs-hero\:clamp\(40px\,calc\(31px\+2\.3vw\)\,60px\)\] {
    --fs-hero: clamp(40px, calc(31px + 2.3vw), 60px);
  }

  .\[--fs-hero\:var\(--fs-section\)\] {
    --fs-hero: var(--fs-section);
  }

  .\[--fs-lead\:20px\] {
    --fs-lead: 20px;
  }

  .\[--fs-lead\:22px\] {
    --fs-lead: 22px;
  }

  .\[--fs-lead\:clamp\(18px\,1\.56vw\,20px\)\] {
    --fs-lead: clamp(18px, 1.56vw, 20px);
  }

  .\[--fs-lead\:clamp\(18px\,1\.72vw\,22px\)\] {
    --fs-lead: clamp(18px, 1.72vw, 22px);
  }

  .\[--fs-lead\:var\(--fs-rich-lede\)\] {
    --fs-lead: var(--fs-rich-lede);
  }

  .\[--fs-panel\:var\(--fs-lead\)\] {
    --fs-panel: var(--fs-lead);
  }

  .\[--fs-quote\:24px\] {
    --fs-quote: 24px;
  }

  .\[--fs-quote\:var\(--fs-lead\)\] {
    --fs-quote: var(--fs-lead);
  }

  .\[--fs-section-body\:var\(--fs-rich-text\)\] {
    --fs-section-body: var(--fs-rich-text);
  }

  .\[--fs-section-body\:var\(--fs-small\)\] {
    --fs-section-body: var(--fs-small);
  }

  .\[--fs-small\:var\(--fs-body\)\] {
    --fs-small: var(--fs-body);
  }

  .\[--fs-small\:var\(--fs-caption\)\] {
    --fs-small: var(--fs-caption);
  }

  .\[--fs-toc\:var\(--foundry-scale-xs\)\] {
    --fs-toc: var(--foundry-scale-xs);
  }

  .\[--fs-toc\:var\(--fs-caption\)\] {
    --fs-toc: var(--fs-caption);
  }

  .\[--fs-toc\:var\(--fs-small\)\] {
    --fs-toc: var(--fs-small);
  }

  .\[--fs-webinar-art\:clamp\(28px\,calc\(26\.2px\+0\.45vw\)\,32px\)\] {
    --fs-webinar-art: clamp(28px, calc(26.2px + .45vw), 32px);
  }

  .\[--grad-rule\:linear-gradient\(var\(--divider-default\)\,var\(--divider-default\)\)_bottom\/100\%_1px_no-repeat\] {
    --grad-rule: linear-gradient(var(--divider-default),var(--divider-default)) bottom/100% 1px no-repeat;
  }

  .\[--gutter\:clamp\(4px\,calc\(9\.44vw-32\.8px\)\,88px\)\] {
    --gutter: clamp(4px, calc(9.44vw - 32.8px), 88px);
  }

  .\[--gutter\:clamp\(4px\,calc\(22\.5vw-83\.8px\)\,200px\)\] {
    --gutter: clamp(4px, calc(22.5vw - 83.8px), 200px);
  }

  .\[--headline-width\:20em\] {
    --headline-width: 20em;
  }

  .\[--hero-bleed\:48px\] {
    --hero-bleed: 48px;
  }

  .\[--hero-bleed\:56px\] {
    --hero-bleed: 56px;
  }

  .\[--hero-bleed\:64px\] {
    --hero-bleed: 64px;
  }

  .\[--hero-bleed\:80px\] {
    --hero-bleed: 80px;
  }

  .\[--hero-bleed\:112px\] {
    --hero-bleed: 112px;
  }

  .\[--hero-bleed\:160px\] {
    --hero-bleed: 160px;
  }

  .\[--hero-bleed\:1150px\] {
    --hero-bleed: 1150px;
  }

  .\[--hero-bleed\:var\(--hero-top\)\] {
    --hero-bleed: var(--hero-top);
  }

  .\[--hero-top\:64px\] {
    --hero-top: 64px;
  }

  .\[--hero-top\:80px\] {
    --hero-top: 80px;
  }

  .\[--hero-top\:88px\] {
    --hero-top: 88px;
  }

  .\[--hero-top\:100px\] {
    --hero-top: 100px;
  }

  .\[--hero-top\:112px\] {
    --hero-top: 112px;
  }

  .\[--hero-top\:clamp\(28px\,3\.1vw\,40px\)\] {
    --hero-top: clamp(28px, 3.1vw, 40px);
  }

  .\[--hero-top\:clamp\(40px\,5vw\,64px\)\] {
    --hero-top: clamp(40px, 5vw, 64px);
  }

  .\[--hs-gap\:0\.5rem\] {
    --hs-gap: .5rem;
  }

  .\[--hs-input-face\:var\(--bg-surface-raised\)\] {
    --hs-input-face: var(--bg-surface-raised);
  }

  .\[--hs-input-height\:48px\] {
    --hs-input-height: 48px;
  }

  .\[--hs-input-radius\:12px\] {
    --hs-input-radius: 12px;
  }

  .\[--hs-label-weight\:600\] {
    --hs-label-weight: 600;
  }

  .\[--int-card-pad\:28px\] {
    --int-card-pad: 28px;
  }

  .\[--int-head-closing\:calc\(var\(--fs-headline\)\*0\.914\)\] {
    --int-head-closing: calc(var(--fs-headline) * .914);
  }

  .\[--k\:min\(100cqw\/410\,100cqh\/392\)\] {
    --k: min(100cqw / 410, 100cqh / 392);
  }

  .\[--kind-tint\:var\(--bg-control-brand-strong\)\] {
    --kind-tint: var(--bg-control-brand-strong);
  }

  .\[--kind-tint\:var\(--tint-frog\)\] {
    --kind-tint: var(--tint-frog);
  }

  .\[--kind-tint\:var\(--tint-teal\)\] {
    --kind-tint: var(--tint-teal);
  }

  .\[--leading-quote\:1\.15\] {
    --leading-quote: 1.15;
  }

  .\[--leading-quote\:1\.38\] {
    --leading-quote: 1.38;
  }

  .\[--learn-h2\:var\(--fs-headline\)\] {
    --learn-h2: var(--fs-headline);
  }

  .\[--learn-text\:var\(--fs-body\)\] {
    --learn-text: var(--fs-body);
  }

  .\[--learn-text\:var\(--fs-small\)\] {
    --learn-text: var(--fs-small);
  }

  .\[--logo-opacity\:1\] {
    --logo-opacity: 1;
  }

  .\[--look-arrow\:none\] {
    --look-arrow: none;
  }

  .\[--look-extra\:none\] {
    --look-extra: none;
  }

  .\[--marquee-logo-width\:100px\] {
    --marquee-logo-width: 100px;
  }

  .\[--panel-accent-color\:var\(--color-lily\)\] {
    --panel-accent-color: var(--color-lily);
  }

  .\[--panel-align\:center\] {
    --panel-align: center;
  }

  .\[--panel-face\:var\(--bg-surface-raised\)\] {
    --panel-face: var(--bg-surface-raised);
  }

  .\[--panel-face\:var\(--bg-surface-sunken\)\] {
    --panel-face: var(--bg-surface-sunken);
  }

  .\[--panel-face\:var\(--color-lily-3\)\] {
    --panel-face: var(--color-lily-3);
  }

  .\[--panel-pad\:clamp\(28px\,5vw\,64px\)\] {
    --panel-pad: clamp(28px, 5vw, 64px);
  }

  .\[--panel-pad\:clamp\(32px\,5\.6vw\,80px\)\] {
    --panel-pad: clamp(32px, 5.6vw, 80px);
  }

  .\[--panel-pad\:var\(--space-m\)\] {
    --panel-pad: var(--space-m);
  }

  .\[--panel-text-opacity\:1\] {
    --panel-text-opacity: 1;
  }

  .\[--panel-text\:var\(--fg-default\)\] {
    --panel-text: var(--fg-default);
  }

  .\[--quote-cite-gap\:0px\] {
    --quote-cite-gap: 0px;
  }

  .\[--quote-cite-size\:var\(--fs-body\)\] {
    --quote-cite-size: var(--fs-body);
  }

  .\[--quote-cite-size\:var\(--fs-caption\)\] {
    --quote-cite-size: var(--fs-caption);
  }

  .\[--quote-gap\:var\(--space-m\)\] {
    --quote-gap: var(--space-m);
  }

  .\[--quote-lead-at\:absolute\] {
    --quote-lead-at: absolute;
  }

  .\[--quote-lead-color\:var\(--color-teal-7\)\] {
    --quote-lead-color: var(--color-teal-7);
  }

  .\[--quote-lead-font\:var\(--font-display\)\] {
    --quote-lead-font: var(--font-display);
  }

  .\[--quote-lead-gap\:0\] {
    --quote-lead-gap: 0;
  }

  .\[--quote-lead-left\:var\(--space-l\)\] {
    --quote-lead-left: var(--space-l);
  }

  .\[--quote-lead-room\:46px\] {
    --quote-lead-room: 46px;
  }

  .\[--quote-lead-size\:var\(--foundry-scale-5xl\)\] {
    --quote-lead-size: var(--foundry-scale-5xl);
  }

  .\[--quote-lead-weight\:700\] {
    --quote-lead-weight: 700;
  }

  .\[--quote-lead\:\'“\'\] {
    --quote-lead: "“";
  }

  .\[--quote-lead\:var\(--quote-lead-mark\)\] {
    --quote-lead: var(--quote-lead-mark);
  }

  .\[--quote-rest\:1\] {
    --quote-rest: 1;
  }

  .\[--quote-role-size\:var\(--fs-caption\)\] {
    --quote-role-size: var(--fs-caption);
  }

  .\[--quote-size\:var\(--fs-feature\)\] {
    --quote-size: var(--fs-feature);
  }

  .\[--quote-size\:var\(--fs-lead\)\] {
    --quote-size: var(--fs-lead);
  }

  .\[--quote-size\:var\(--fs-quote\)\] {
    --quote-size: var(--fs-quote);
  }

  .\[--quote-size\:var\(--fs-small\)\] {
    --quote-size: var(--fs-small);
  }

  .\[--quote-tint-fill\:var\(--color-teal-2\)\] {
    --quote-tint-fill: var(--color-teal-2);
  }

  .\[--quote-tint-line\:transparent\] {
    --quote-tint-line: transparent;
  }

  .\[--quote-tint-pad\:var\(--space-l\)_var\(--space-l\)_var\(--space-l\)_calc\(var\(--space-l\)\*2\+var\(--space-s\)\)\] {
    --quote-tint-pad: var(--space-l) var(--space-l) var(--space-l) calc(var(--space-l) * 2 + var(--space-s));
  }

  .\[--quote-tint-radius\:20px\] {
    --quote-tint-radius: 20px;
  }

  .\[--quote-tracking\:-0\.02em\] {
    --quote-tracking: -.02em;
  }

  .\[--quote-tracking\:-0\.012em\] {
    --quote-tracking: -.012em;
  }

  .\[--quote-tracking\:-0\.015em\] {
    --quote-tracking: -.015em;
  }

  .\[--quote-weight\:500\] {
    --quote-weight: 500;
  }

  .\[--quote-weight\:600\] {
    --quote-weight: 600;
  }

  .\[--quote-weight\:700\] {
    --quote-weight: 700;
  }

  .\[--row\:--spacing\(7\.5\)\] {
    --row: calc(var(--spacing) * 7.5);
  }

  .\[--shadow-c\:color-mix\(in_srgb\,var\(--fg-default\)_16\%\,transparent\)\] {
    --shadow-c: var(--fg-default);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[--shadow-c\:color-mix\(in_srgb\,var\(--fg-default\)_16\%\,transparent\)\] {
      --shadow-c: color-mix(in srgb,var(--fg-default) 16%,transparent);
    }
  }

  .\[--shadow-c\:rgb\(2_43_30\/5\%\)\] {
    --shadow-c: #022b1e0d;
  }

  .\[--shadow-c\:rgb\(8_80_62\/25\%\)\] {
    --shadow-c: #08503e40;
  }

  .\[--shadow-c\:rgb\(8_80_62\/28\%\)\] {
    --shadow-c: #08503e47;
  }

  .\[--shadow-c\:transparent\] {
    --shadow-c: transparent;
  }

  .\[--sheet-pad\:0px\] {
    --sheet-pad: 0px;
  }

  .\[--sheet-pad\:28px\] {
    --sheet-pad: 28px;
  }

  .\[--sheet-pad\:calc\(var\(--bar-card-height\)\+var\(--space-l\)\)_0\] {
    --sheet-pad: calc(var(--bar-card-height) + var(--space-l)) 0;
  }

  .\[--sheet-pad\:calc\(var\(--bar-clearance\)\+var\(--space-l\)-var\(--hero-top\,var\(--space-m\)\)\)_0\] {
    --sheet-pad: calc(var(--bar-clearance) + var(--space-l) - var(--hero-top, var(--space-m))) 0;
  }

  .\[--sheet-pad\:var\(--space-l\)\] {
    --sheet-pad: var(--space-l);
  }

  .\[--simple-edge\:1\] {
    --simple-edge: 1;
  }

  .\[--simple-face\:var\(--color-page\)\] {
    --simple-face: var(--color-page);
  }

  .\[--space-l\:88px\] {
    --space-l: 88px;
  }

  .\[--space-m\:32px\] {
    --space-m: 32px;
  }

  .\[--split-body\:var\(--fs-lead\)\] {
    --split-body: var(--fs-lead);
  }

  .\[--st-blur\:0\] {
    --st-blur: 0;
  }

  .\[--st-blur\:5\] {
    --st-blur: 5;
  }

  .\[--st-blur\:40\] {
    --st-blur: 40;
  }

  .\[--st-blur\:60\] {
    --st-blur: 60;
  }

  .\[--st-blur\:80\] {
    --st-blur: 80;
  }

  .\[--st-edge\:0\] {
    --st-edge: 0;
  }

  .\[--st-edge\:1\.5\] {
    --st-edge: 1.5;
  }

  .\[--st-edge\:1\] {
    --st-edge: 1;
  }

  .\[--st-edge\:2\] {
    --st-edge: 2;
  }

  .\[--st-edge\:3\] {
    --st-edge: 3;
  }

  .\[--st-edge\:var\(--contrast-edge\,0\)\] {
    --st-edge: var(--contrast-edge, 0);
  }

  .\[--st-edge\:var\(--simple-edge\,1\.5\)\] {
    --st-edge: var(--simple-edge, 1.5);
  }

  .\[--st-gap\:0\] {
    --st-gap: 0;
  }

  .\[--st-gap\:2\] {
    --st-gap: 2;
  }

  .\[--st-gap\:18\] {
    --st-gap: 18;
  }

  .\[--st-gap\:24\] {
    --st-gap: 24;
  }

  .\[--st-gap\:40\] {
    --st-gap: 40;
  }

  .\[--st-pill\:8\] {
    --st-pill: 8;
  }

  .\[--st-pill\:12\] {
    --st-pill: 12;
  }

  .\[--st-pill\:14\] {
    --st-pill: 14;
  }

  .\[--st-pill\:999\] {
    --st-pill: 999;
  }

  .\[--st-pill\:var\(--btn-soft-radius\)\] {
    --st-pill: var(--btn-soft-radius);
  }

  .\[--st-radius\:8\] {
    --st-radius: 8;
  }

  .\[--st-radius\:12\] {
    --st-radius: 12;
  }

  .\[--st-radius\:16\] {
    --st-radius: 16;
  }

  .\[--st-radius\:16\]\! {
    --st-radius: 16 !important;
  }

  .\[--st-radius\:24\] {
    --st-radius: 24;
  }

  .\[--st-radius\:28\] {
    --st-radius: 28;
  }

  .\[--st-radius\:32\] {
    --st-radius: 32;
  }

  .\[--st-radius\:40\] {
    --st-radius: 40;
  }

  .\[--st-spread\:0\] {
    --st-spread: 0;
  }

  .\[--st-spread\:20\] {
    --st-spread: 20;
  }

  .\[--st-spread\:24\] {
    --st-spread: 24;
  }

  .\[--st-spread\:30\] {
    --st-spread: 30;
  }

  .\[--text\:var\(--contrast-text\,var\(--color-page\)\)\] {
    --text: var(--contrast-text, var(--color-page));
  }

  .\[--text\:var\(--simple-text\,var\(--color-fg\)\)\] {
    --text: var(--simple-text, var(--color-fg));
  }

  .\[--toc-indent\:0px\] {
    --toc-indent: 0px;
  }

  .\[--toc-link-pad\:var\(--space-2xs\)_0_var\(--space-2xs\)_var\(--space-xs\)\] {
    --toc-link-pad: var(--space-2xs) 0 var(--space-2xs) var(--space-xs);
  }

  .\[--toc-rule\:0\] {
    --toc-rule: 0;
  }

  .\[--toc-title-color\:var\(--fg-weaker\)\] {
    --toc-title-color: var(--fg-weaker);
  }

  .\[--toc-title-gap\:0px\] {
    --toc-title-gap: 0px;
  }

  .\[--toc-title-size\:var\(--fs-eyebrow\)\] {
    --toc-title-size: var(--fs-eyebrow);
  }

  .\[--toc-title-tracking\:0\.18em\] {
    --toc-title-tracking: .18em;
  }

  .\[--tone\:var\(--color-amber\)\] {
    --tone: var(--color-amber);
  }

  .\[--tone\:var\(--color-ember\)\] {
    --tone: var(--color-ember);
  }

  .\[--tone\:var\(--color-frog\)\] {
    --tone: var(--color-frog);
  }

  .\[--tone\:var\(--color-lily\)\] {
    --tone: var(--color-lily);
  }

  .\[--tone\:var\(--color-sea\,var\(--color-teal\)\)\] {
    --tone: var(--color-sea, var(--color-teal));
  }

  .\[--tone\:var\(--color-teal\)\] {
    --tone: var(--color-teal);
  }

  .\[--tone\:var\(--color-violet\,var\(--color-frog\)\)\] {
    --tone: var(--color-violet, var(--color-frog));
  }

  .\[--voc-card-line\:\#e3eeea\] {
    --voc-card-line: #e3eeea;
  }

  .\[--voc-hero-chip\:rgb\(255_255_255\/70\%\)\] {
    --voc-hero-chip: #ffffffb3;
  }

  .\[--voc-speaker-chip\:\#fff6d9\] {
    --voc-speaker-chip: #fff6d9;
  }

  .\[--wall-gap\:var\(--space-s\)\] {
    --wall-gap: var(--space-s);
  }

  .\[animation-duration\:80s\] {
    animation-duration: 80s;
  }

  .\[background\:linear-gradient\(135deg\,var\(--color-soft\)\,var\(--color-soft-line\)\)\] {
    background: linear-gradient(135deg,var(--color-soft),var(--color-soft-line));
  }

  .\[background\:none\] {
    background: none;
  }

  .\[background\:var\(--pixel-veil\,linear-gradient\(transparent\,transparent\)\)\,url\(\'\/images\/69bbc53d60e1d8a46bbc85dc_blog-hero-bg\.webp\'\)_50\%_100\%\/1469px_497px_repeat-x\] {
    background: var(--pixel-veil, linear-gradient(transparent,transparent)),url("/images/69bbc53d60e1d8a46bbc85dc_blog-hero-bg.webp") 50% 100%/1469px 497px repeat-x;
  }

  .\[background\:var\(--quote-tint-fill\,var\(--grad-soft\)\)\] {
    background: var(--quote-tint-fill, var(--grad-soft));
  }

  .\[background\:var\(--toc-on-face\,none\)\] {
    background: var(--toc-on-face, none);
  }

  .\[border-block\:1\.5px_dashed_var\(--color-red-6\)\] {
    border-block: 1.5px dashed var(--color-red-6);
  }

  .\[border-left\:var\(--article-lede-rule\,0\)\] {
    border-left: var(--article-lede-rule, 0);
  }

  .\[border-left\:var\(--toc-rule\,1px_solid_color-mix\(in_srgb\,var\(--color-fg\)_14\%\,transparent\)\)\] {
    border-left: var(--toc-rule, 1px solid #02020324);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[border-left\:var\(--toc-rule\,1px_solid_color-mix\(in_srgb\,var\(--color-fg\)_14\%\,transparent\)\)\] {
      border-left: var(--toc-rule, 1px solid color-mix(in srgb,var(--color-fg) 14%,transparent));
    }
  }

  .\[border-top\:0\] {
    border-top: 0;
  }

  .\[border-top\:var\(--card-callout-rule\,1px_solid_color-mix\(in_srgb\,var\(--color-fg\)_16\%\,transparent\)\)\] {
    border-top: var(--card-callout-rule, 1px solid #02020329);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[border-top\:var\(--card-callout-rule\,1px_solid_color-mix\(in_srgb\,var\(--color-fg\)_16\%\,transparent\)\)\] {
      border-top: var(--card-callout-rule, 1px solid color-mix(in srgb,var(--color-fg) 16%,transparent));
    }
  }

  .\[border\:0\] {
    border: 0;
  }

  .\[font\:inherit\] {
    font: inherit;
  }

  .\[grid-area\:search\] {
    grid-area: search;
  }

  .\[grid-area\:seg\] {
    grid-area: seg;
  }

  .\[grid-area\:tabs\] {
    grid-area: tabs;
  }

  .\[grid-template-areas\:\'seg_search\'_\'tabs_tabs\'\] {
    grid-template-areas: "seg search"
                         "tabs tabs";
  }

  .\[image-rendering\:pixelated\] {
    image-rendering: pixelated;
  }

  .\[stroke-dasharray\:3_4\] {
    stroke-dasharray: 3 4;
  }

  .\[stroke-dasharray\:6_5\] {
    stroke-dasharray: 6 5;
  }

  .\[stroke-linejoin\:round\] {
    stroke-linejoin: round;
  }

  .\[transition\:background-color_0\.2s\,color_0\.2s\,box-shadow_0\.2s\] {
    transition: background-color .2s, color .2s, box-shadow .2s;
  }

  .\[transition\:background-color_0\.2s\] {
    transition: background-color .2s;
  }

  .\[transition\:background-color_0\.22s\,color_0\.22s\,translate_0\.22s\,opacity_0\.22s\] {
    transition: background-color .22s, color .22s, translate .22s, opacity .22s;
  }

  .\[transition\:color_0\.2s\] {
    transition: color .2s;
  }

  .\[transition\:opacity_\.3s_ease\,transform_\.4s_cubic-bezier\(\.175\,\.885\,\.32\,1\.275\)\] {
    transition: opacity .3s, transform .4s cubic-bezier(.175, .885, .32, 1.275);
  }

  .\[transition\:opacity_0\.3s\] {
    transition: opacity .3s;
  }

  .\[transition\:opacity_0\.5s\,transform_0\.5s\] {
    transition: opacity .5s, transform .5s;
  }

  .\[transition\:rotate_0\.2s\] {
    transition: rotate .2s;
  }

  .\[vector-effect\:non-scaling-stroke\] {
    vector-effect: non-scaling-stroke;
  }

  :is(.\*\:row-span-6 > *) {
    grid-row: span 6 / span 6;
  }

  :is(.\*\:grid > *) {
    display: grid;
  }

  :is(.\*\:min-w-0 > *) {
    min-width: 0;
  }

  :is(.\*\:flex-none > *) {
    flex: none;
  }

  :is(.\*\:snap-start > *) {
    scroll-snap-align: start;
  }

  :is(.\*\:grid-rows-subgrid > *) {
    grid-template-rows: subgrid;
  }

  :is(.\*\:\[grid-area\:1\/1\] > *) {
    grid-area: 1 / 1;
  }

  .not-first\:border-t:not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .not-first\:border-l:not(:first-child) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .not-first\:border-l-\(--border-default\):not(:first-child) {
    border-left-color: var(--border-default);
  }

  .not-in-data-\[gemini\=mono\]\:hidden:not(:where([data-gemini="mono"]) *), .not-dark\:hidden:not(:where([data-theme="dark"], [data-theme="dark"] *)) {
    display: none;
  }

  :is(:where(.group):is([open], :popover-open, :open) .group-open\:rotate-180) {
    rotate: 180deg;
  }

  :is(:where(.group\/faq):is([open], :popover-open, :open) .group-open\/faq\:rotate-45) {
    rotate: 45deg;
  }

  :is(:where(.group\/more):is([open], :popover-open, :open) .group-open\/more\:hidden) {
    display: none;
  }

  .marker\:text-\(--color-moss-9\) ::marker {
    color: var(--color-moss-9);
  }

  .marker\:text-\(--color-moss-9\)::marker {
    color: var(--color-moss-9);
  }

  .marker\:text-\(--color-moss-9\) ::-webkit-details-marker {
    color: var(--color-moss-9);
  }

  .marker\:text-\(--color-moss-9\)::-webkit-details-marker {
    color: var(--color-moss-9);
  }

  .placeholder\:text-fg\/60::placeholder {
    color: #02020399;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-fg\/60::placeholder {
      color: color-mix(in oklab, var(--color-fg) 60%, transparent);
    }
  }

  .backdrop\:bg-\[color-mix\(in_srgb\,var\(--color-ink\)_42\%\,transparent\)\]::backdrop {
    background-color: #0202036b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .backdrop\:bg-\[color-mix\(in_srgb\,var\(--color-ink\)_42\%\,transparent\)\]::backdrop {
      background-color: color-mix(in srgb,var(--color-ink) 42%,transparent);
    }
  }

  .backdrop\:bg-ink\/45::backdrop {
    background-color: #02020373;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .backdrop\:bg-ink\/45::backdrop {
      background-color: color-mix(in oklab, var(--color-ink) 45%, transparent);
    }
  }

  .backdrop\:backdrop-blur-\[6px\]::backdrop {
    --tw-backdrop-blur: blur(6px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .before\:\[position\:var\(--quote-lead-at\,static\)\]:before {
    content: var(--tw-content);
    position: var(--quote-lead-at, static);
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inset-y-1\.5:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 1.5);
  }

  .before\:inset-y-\[7px\]:before {
    content: var(--tw-content);
    inset-block: 7px;
  }

  .before\:top-0:before {
    content: var(--tw-content);
    top: 0;
  }

  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
  }

  .before\:left-\(--quote-lead-left\,0\):before {
    content: var(--tw-content);
    left: var(--quote-lead-left, 0);
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: 0;
  }

  .before\:left-1\/2:before {
    content: var(--tw-content);
    left: 50%;
  }

  .before\:mr-\[0\.4em\]:before {
    content: var(--tw-content);
    margin-right: .4em;
  }

  .before\:mb-\(--quote-lead-gap\,10px\):before {
    content: var(--tw-content);
    margin-bottom: var(--quote-lead-gap, 10px);
  }

  .before\:block:before {
    content: var(--tw-content);
    display: block;
  }

  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .before\:size-1\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .before\:size-16:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .before\:size-\[0\.6em\]:before {
    content: var(--tw-content);
    width: .6em;
    height: .6em;
  }

  .before\:h-\[1\.75px\]:before {
    content: var(--tw-content);
    height: 1.75px;
  }

  .before\:w-0\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .before\:w-\[11px\]:before {
    content: var(--tw-content);
    width: 11px;
  }

  .before\:-translate-1\/2:before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:rounded-\[2px\]:before {
    content: var(--tw-content);
    border-radius: 2px;
  }

  .before\:rounded-\[14px\]:before {
    content: var(--tw-content);
    border-radius: 14px;
  }

  .before\:rounded-\[50\%\]:before {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 2147483647px;
  }

  .before\:bg-\(--fg-brand\):before {
    content: var(--tw-content);
    background-color: var(--fg-brand);
  }

  .before\:bg-\(--kind-tint\):before {
    content: var(--tw-content);
    background-color: var(--kind-tint);
  }

  .before\:bg-\(--node-tone\,var\(--color-moss-9\)\):before {
    content: var(--tw-content);
    background-color: var(--node-tone, var(--color-moss-9));
  }

  .before\:bg-current:before {
    content: var(--tw-content);
    background-color: currentColor;
  }

  .before\:bg-\(image\:--kind-icon\):before {
    content: var(--tw-content);
    background-image: var(--kind-icon);
  }

  .before\:bg-size-\[88\%\]:before {
    content: var(--tw-content);
    background-size: 88%;
  }

  .before\:bg-center:before {
    content: var(--tw-content);
    background-position: center;
  }

  .before\:bg-no-repeat:before {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }

  .before\:font-\(family-name\:--quote-lead-font\):before {
    content: var(--tw-content);
    font-family: var(--quote-lead-font);
  }

  .before\:text-\(length\:--quote-lead-size\,56px\)\/\[0\.8\]:before {
    content: var(--tw-content);
    font-size: var(--quote-lead-size, 56px);
    line-height: .8;
  }

  .before\:font-\(--quote-lead-weight\):before {
    content: var(--tw-content);
    --tw-font-weight: var(--quote-lead-weight);
    font-weight: var(--quote-lead-weight);
  }

  .before\:font-bold:before {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .before\:text-\(--color-moss-9\):before {
    content: var(--tw-content);
    color: var(--color-moss-9);
  }

  .before\:text-\(--dg-eyebrow\,var\(--color-moss-9\)\):before {
    content: var(--tw-content);
    color: var(--dg-eyebrow, var(--color-moss-9));
  }

  .before\:text-\(--quote-lead-color\,var\(--color-frog\)\):before {
    content: var(--tw-content);
    color: var(--quote-lead-color, var(--color-frog));
  }

  .before\:content-\(--quote-lead\,none\):before {
    --tw-content: var(--quote-lead, none);
    content: var(--tw-content);
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .before\:content-\[\'↓_\'\]:before {
    --tw-content: "↓ ";
    content: var(--tw-content);
  }

  .before\:content-\[\'✓\'\]:before {
    --tw-content: "✓";
    content: var(--tw-content);
  }

  .before\:content-\[\'✓_\'\]:before {
    --tw-content: "✓ ";
    content: var(--tw-content);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:top-1:after {
    content: var(--tw-content);
    top: var(--spacing);
  }

  .after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%;
  }

  .after\:top-full:after {
    content: var(--tw-content);
    top: 100%;
  }

  .after\:-bottom-\[7px\]:after {
    content: var(--tw-content);
    bottom: -7px;
  }

  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }

  .after\:left-\[7\.5px\]:after {
    content: var(--tw-content);
    left: 7.5px;
  }

  .after\:-ml-px:after {
    content: var(--tw-content);
    margin-left: -1px;
  }

  .after\:h-3\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 3.5);
  }

  .after\:h-\[1\.75px\]:after {
    content: var(--tw-content);
    height: 1.75px;
  }

  .after\:h-\[9px\]:after {
    content: var(--tw-content);
    height: 9px;
  }

  .after\:w-0\.5:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .after\:w-\[4\.5px\]:after {
    content: var(--tw-content);
    width: 4.5px;
  }

  .after\:w-\[11px\]:after {
    content: var(--tw-content);
    width: 11px;
  }

  .after\:-translate-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:rotate-90:after {
    content: var(--tw-content);
    rotate: 90deg;
  }

  .after\:\[transform\:translateX\(-50\%\)\]:after {
    content: var(--tw-content);
    transform: translateX(-50%);
  }

  .after\:transform-\[rotate\(45deg\)\]:after {
    content: var(--tw-content);
    transform: rotate(45deg);
  }

  .after\:rounded-\[2px\]:after {
    content: var(--tw-content);
    border-radius: 2px;
  }

  .after\:border-x-8:after {
    content: var(--tw-content);
    border-inline-style: var(--tw-border-style);
    border-inline-width: 8px;
  }

  .after\:border-t-8:after {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 8px;
  }

  .after\:border-r-2:after {
    content: var(--tw-content);
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .after\:border-b-2:after {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .after\:border-\(--fg-on-brand\):after {
    content: var(--tw-content);
    border-color: var(--fg-on-brand);
  }

  .after\:border-transparent:after {
    content: var(--tw-content);
    border-color: #0000;
  }

  .after\:border-t-fg:after {
    content: var(--tw-content);
    border-top-color: var(--color-fg);
  }

  .after\:bg-current:after {
    content: var(--tw-content);
    background-color: currentColor;
  }

  .after\:bg-inherit:after {
    content: var(--tw-content);
    background-color: inherit;
  }

  .after\:whitespace-pre:after {
    content: var(--tw-content);
    white-space: pre;
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:content-\[\'_\+\'\]:after {
    --tw-content: " +";
    content: var(--tw-content);
  }

  :is(.\*\:after\:row-6 > *):after {
    content: var(--tw-content);
    grid-row: 6;
  }

  :is(.\*\:after\:h-\(--space-m\) > *):after {
    content: var(--tw-content);
    height: var(--space-m);
  }

  .first\:mt-0:first-child {
    margin-top: 0;
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .first\:pl-\(--space-s\):first-child {
    padding-left: var(--space-s);
  }

  .first\:pl-\(--space-xs\):first-child {
    padding-left: var(--space-xs);
  }

  .first\:pl-0:first-child {
    padding-left: 0;
  }

  .last\:pr-0:last-child {
    padding-right: 0;
  }

  :is(.last\:\*\:border-b-0:last-child > *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .open\:animate-prompt-dialog-in:is([open], :popover-open, :open) {
    animation: var(--animate-prompt-dialog-in);
  }

  .open\:backdrop\:animate-prompt-dialog-fade:is([open], :popover-open, :open)::backdrop {
    animation: var(--animate-prompt-dialog-fade);
  }

  .empty\:hidden:empty {
    display: none;
  }

  .focus-within\:\[box-shadow\:inset_0_0_0_2px_var\(--fg-brand\)\]:focus-within {
    box-shadow: inset 0 0 0 2px var(--fg-brand);
  }

  .focus-within\:outline-2:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-within\:outline-accent:focus-within {
    outline-color: var(--color-accent);
  }

  @media (hover: hover) {
    .hover\:border-\(--fg-weaker\):hover {
      border-color: var(--fg-weaker);
    }

    .hover\:border-current:hover {
      border-color: currentColor;
    }

    .hover\:bg-\(--bg-surface-brand\):hover {
      background-color: var(--bg-surface-brand);
    }

    .hover\:bg-\(--bg-surface-sunken\):hover {
      background-color: var(--bg-surface-sunken);
    }

    .hover\:bg-fg\/5:hover {
      background-color: #0202030d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-fg\/5:hover {
        background-color: color-mix(in oklab, var(--color-fg) 5%, transparent);
      }
    }

    .hover\:bg-fg\/6:hover {
      background-color: #0202030f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-fg\/6:hover {
        background-color: color-mix(in oklab, var(--color-fg) 6%, transparent);
      }
    }

    .hover\:bg-sunken:hover {
      background-color: var(--color-sunken);
    }

    .hover\:text-\(--color-moss-10\):hover {
      color: var(--color-moss-10);
    }

    .hover\:text-\(--fg-brand\):hover {
      color: var(--fg-brand);
    }

    .hover\:text-\(--fg-default\):hover {
      color: var(--fg-default);
    }

    .hover\:text-accent:hover {
      color: var(--color-accent);
    }

    .hover\:text-anchor-hover:hover {
      color: var(--color-anchor-hover);
    }

    .hover\:text-fg:hover {
      color: var(--color-fg);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:\[--face\:color-mix\(in_srgb\,var\(--color-fg\)_8\%\,transparent\)\]:hover {
      --face: #02020314;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\[--face\:color-mix\(in_srgb\,var\(--color-fg\)_8\%\,transparent\)\]:hover {
        --face: color-mix(in srgb,var(--color-fg) 8%,transparent);
      }
    }

    .hover\:\[--face\:color-mix\(in_srgb\,var\(--contrast-bg\,var\(--color-fg\)\)_82\%\,var\(--color-page\)\)\]:hover {
      --face: var(--contrast-bg, #020203);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\[--face\:color-mix\(in_srgb\,var\(--contrast-bg\,var\(--color-fg\)\)_82\%\,var\(--color-page\)\)\]:hover {
        --face: color-mix(in srgb,var(--contrast-bg, var(--color-fg)) 82%,var(--color-page));
      }
    }
  }

  .focus\:border-\(--color-moss-9\):focus {
    border-color: var(--color-moss-9);
  }

  .focus\:shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--color-moss-9\)_18\%\,transparent\)\]:focus {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-moss-9));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--color-moss-9\)_18\%\,transparent\)\]:focus {
      --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb,var(--color-moss-9) 18%,transparent));
    }
  }

  .focus\:shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--color-moss-9\)_18\%\,transparent\)\]:focus {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:\[box-shadow\:inset_0_0_0_2px_var\(--bg-control-brand-strong\)\]:focus {
    box-shadow: inset 0 0 0 2px var(--bg-control-brand-strong);
  }

  .focus\:\[outline\:none\]:focus {
    outline: none;
  }

  .focus-visible\:bg-fg\/5:focus-visible {
    background-color: #0202030d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-fg\/5:focus-visible {
      background-color: color-mix(in oklab, var(--color-fg) 5%, transparent);
    }
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-offset-4:focus-visible {
    outline-offset: 4px;
  }

  .focus-visible\:outline-\(--color-moss-9\):focus-visible {
    outline-color: var(--color-moss-9);
  }

  .focus-visible\:outline-accent:focus-visible {
    outline-color: var(--color-accent);
  }

  @media (hover: hover) {
    .enabled\:hover\:bg-\(--color-lily-9\):enabled:hover {
      background-color: var(--color-lily-9);
    }

    .enabled\:hover\:text-\(--fg-on-brand\):enabled:hover {
      color: var(--fg-on-brand);
    }
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:border-\(--btn-line\,var\(--color-line\)\):disabled {
    border-color: var(--btn-line, var(--color-line));
  }

  .disabled\:text-\[color-mix\(in_srgb\,var\(--color-fg\)_40\%\,var\(--color-page\)\)\]:disabled {
    color: #9a9a9a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:text-\[color-mix\(in_srgb\,var\(--color-fg\)_40\%\,var\(--color-page\)\)\]:disabled {
      color: color-mix(in srgb,var(--color-fg) 40%,var(--color-page));
    }
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  :where([aria-pressed="true"]) .in-aria-pressed\:bg-\(--tone-count\) {
    background-color: var(--tone-count);
  }

  :where([aria-pressed="true"]) .in-aria-pressed\:text-inherit {
    color: inherit;
  }

  :where([data-play]) .in-data-play\:animate-demo-cam {
    animation: var(--animate-demo-cam);
  }

  :where([data-play]) .in-data-play\:animate-demo-dim {
    animation: var(--animate-demo-dim);
  }

  :where([data-play]) .in-data-play\:animate-demo-draw {
    animation: var(--animate-demo-draw);
  }

  :where([data-play]) .in-data-play\:animate-demo-engine {
    animation: var(--animate-demo-engine);
  }

  :where([data-play]) .in-data-play\:animate-demo-fade {
    animation: var(--animate-demo-fade);
  }

  :where([data-play]) .in-data-play\:animate-demo-flow {
    animation: var(--animate-demo-flow);
  }

  :where([data-play]) .in-data-play\:animate-demo-gone {
    animation: var(--animate-demo-gone);
  }

  :where([data-play]) .in-data-play\:animate-demo-grow {
    animation: var(--animate-demo-grow);
  }

  :where([data-play]) .in-data-play\:animate-demo-in {
    animation: var(--animate-demo-in);
  }

  :where([data-play]) .in-data-play\:animate-demo-wait {
    animation: var(--animate-demo-wait);
  }

  :where([data-play]) .in-data-play\:animate-demo-x {
    animation: var(--animate-demo-x);
  }

  :where([data-seen]) .in-data-seen\:transform-none {
    transform: none;
  }

  :where([data-seen]) .in-data-seen\:opacity-100 {
    opacity: 1;
  }

  :where([data-concept="standard"]) .in-data-\[concept\=standard\]\:block {
    display: block;
  }

  :where([data-concept="standard"]) .in-data-\[concept\=standard\]\:hidden {
    display: none;
  }

  :where([data-concept="standard"]) .in-data-\[concept\=standard\]\:w-80 {
    width: calc(var(--spacing) * 80);
  }

  :where([data-concept="standard"]) .in-data-\[concept\=standard\]\:max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }

  :where([data-concept="standard"]) .in-data-\[concept\=standard\]\:max-w-full {
    max-width: 100%;
  }

  :where([data-concept="standard"]) .in-data-\[concept\=standard\]\:gap-\(--space-s\) {
    gap: var(--space-s);
  }

  :where([data-concept="standard"]) .in-data-\[concept\=standard\]\:py-\[clamp\(64px\,14vh\,136px\)\] {
    padding-block: clamp(64px, 14vh, 136px);
  }

  :where([data-concept="standard"]) .in-data-\[concept\=standard\]\:whitespace-nowrap {
    white-space: nowrap;
  }

  :where([data-concept="standard"]) .in-data-\[concept\=standard\]\:\[--fs-button\:var\(--fs-body\)\] {
    --fs-button: var(--fs-body);
  }

  :where([data-concept="standard"]) .in-data-\[concept\=standard\]\:\[--fs-card\:clamp\(20px\,1\.72vw\,22px\)\] {
    --fs-card: clamp(20px, 1.72vw, 22px);
  }

  :where([data-frame="field"]) .in-data-\[frame\=field\]\:border-transparent {
    border-color: #0000;
  }

  :where([data-frame="field"]) .in-data-\[frame\=field\]\:bg-transparent {
    background-color: #0000;
  }

  :where([data-gemini="mono"]) .in-data-\[gemini\=mono\]\:hidden, :where([data-quote-logos="on"]) .in-data-\[quote-logos\=on\]\:hidden {
    display: none;
  }

  :where([data-quote-logos="on"]) .in-data-\[quote-logos\=on\]\:inline {
    display: inline;
  }

  :where([data-quote-mark="accent"]) .in-data-\[quote-mark\=accent\]\:font-\[min\(900\,calc\(var\(--quote-weight\,500\)\+100\)\)\] {
    --tw-font-weight: min(900, calc(var(--quote-weight, 500) + 100));
    font-weight: min(900, calc(var(--quote-weight, 500) + 100));
  }

  :where([data-quote-mark="accent"]) .in-data-\[quote-mark\=accent\]\:text-\(--q-accent\,var\(--color-accent\)\) {
    color: var(--q-accent, var(--color-accent));
  }

  :where([data-quote-mark="bold"]) .in-data-\[quote-mark\=bold\]\:font-\[min\(900\,calc\(var\(--quote-weight\,500\)\+200\)\)\] {
    --tw-font-weight: min(900, calc(var(--quote-weight, 500) + 200));
    font-weight: min(900, calc(var(--quote-weight, 500) + 200));
  }

  :where([data-quote-mark="marker"]) .in-data-\[quote-mark\=marker\]\:box-decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  :where([data-quote-mark="marker"]) .in-data-\[quote-mark\=marker\]\:px-\[0\.08em\] {
    padding-inline: .08em;
  }

  :where([data-quote-mark="marker"]) .in-data-\[quote-mark\=marker\]\:\[background\:linear-gradient\(transparent_12\%\,var\(--q-hl\,color-mix\(in_srgb\,var\(--color-lily\)_70\%\,transparent\)\)_12\%_92\%\,transparent_92\%\)\] {
    background: linear-gradient(transparent 12%,var(--q-hl, #a3c76ab3) 12% 92%,transparent 92%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-quote-mark="marker"]) .in-data-\[quote-mark\=marker\]\:\[background\:linear-gradient\(transparent_12\%\,var\(--q-hl\,color-mix\(in_srgb\,var\(--color-lily\)_70\%\,transparent\)\)_12\%_92\%\,transparent_92\%\)\] {
      background: linear-gradient(transparent 12%,var(--q-hl, color-mix(in srgb,var(--color-lily) 70%,transparent)) 12% 92%,transparent 92%);
    }
  }

  :where([data-quote-mark="underline"]) .in-data-\[quote-mark\=underline\]\:underline {
    text-decoration-line: underline;
  }

  :where([data-quote-mark="underline"]) .in-data-\[quote-mark\=underline\]\:decoration-\(--q-accent\,var\(--color-accent\)\) {
    -webkit-text-decoration-color: var(--q-accent, var(--color-accent));
    -webkit-text-decoration-color: var(--q-accent, var(--color-accent));
    text-decoration-color: var(--q-accent, var(--color-accent));
  }

  :where([data-quote-mark="underline"]) .in-data-\[quote-mark\=underline\]\:decoration-\[0\.1em\] {
    text-decoration-thickness: .1em;
  }

  :where([data-quote-mark="underline"]) .in-data-\[quote-mark\=underline\]\:underline-offset-\[0\.18em\] {
    text-underline-offset: .18em;
  }

  :where([data-quote-sources="off"]) .in-data-\[quote-sources\=off\]\:hidden, :where([data-quote-text="key"]) .in-data-\[quote-text\=key\]\:hidden {
    display: none;
  }

  :where([data-quote-text="key"]) .in-data-\[quote-text\=key\]\:\[font-weight\:inherit\] {
    font-weight: inherit;
  }

  :where(:is(.shared-look header)) .in-\[\.shared-look_header\]\:text-balance {
    text-wrap: balance;
  }

  :where(.shared-look) .in-\[\.shared-look\]\:inline-flex {
    display: inline-flex;
  }

  :where(.shared-look) .in-\[\.shared-look\]\:items-center {
    align-items: center;
  }

  :where(.shared-look) .in-\[\.shared-look\]\:gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  :where(.shared-look) .in-\[\.shared-look\]\:font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  :where(.shared-look) .in-\[\.shared-look\]\:\[font-weight\:inherit\] {
    font-weight: inherit;
  }

  :where(.shared-look) .in-\[\.shared-look\]\:tracking-\(--eyebrow-track\,0\.18em\) {
    --tw-tracking: var(--eyebrow-track, .18em);
    letter-spacing: var(--eyebrow-track, .18em);
  }

  :where(.shared-look) .in-\[\.shared-look\]\:text-balance {
    text-wrap: balance;
  }

  :where(.shared-look) .in-\[\.shared-look\]\:text-\(--card-body-color\,var\(--fg-weak\)\) {
    color: var(--card-body-color, var(--fg-weak));
  }

  :where(.shared-look) .in-\[\.shared-look\]\:text-\(--color-moss-9\) {
    color: var(--color-moss-9);
  }

  :where(.shared-look) .in-\[\.shared-look\]\:text-\(--eyebrow-color\,var\(--fg-weak\)\) {
    color: var(--eyebrow-color, var(--fg-weak));
  }

  :where(.shared-look) .in-\[\.shared-look\]\:text-\(--fg-weak\) {
    color: var(--fg-weak);
  }

  :where(.shared-look) .in-\[\.shared-look\]\:underline-offset-4 {
    text-underline-offset: 4px;
  }

  :where(.shared-look) .in-\[\.shared-look\]\:opacity-100 {
    opacity: 1;
  }

  :where(.shared-look) .in-\[\.shared-look\]\:\[--simple-face\:var\(--bg-surface-raised\)\] {
    --simple-face: var(--bg-surface-raised);
  }

  :where(.shared-look) .in-\[\.shared-look\]\:\[transition\:box-shadow_0\.2s\] {
    transition: box-shadow .2s;
  }

  @media (hover: hover) {
    :where(.shared-look) .in-\[\.shared-look\]\:hover\:text-\(--card-link-hover\,var\(--color-moss-10\)\):hover {
      color: var(--card-link-hover, var(--color-moss-10));
    }

    :where(.shared-look) .in-\[\.shared-look\]\:hover\:underline:hover {
      text-decoration-line: underline;
    }

    :where(.shared-look) .in-\[\.shared-look\]\:hover\:\[--btn-line\:var\(--color-neutral-8\)\]:hover {
      --btn-line: var(--color-neutral-8);
    }

    :where(.shared-look) .in-\[\.shared-look\]\:hover\:\[--face\:var\(--simple-face\)\]:hover {
      --face: var(--simple-face);
    }
  }

  :where([data-quote-text="full"]:not([data-quote-mark="plain"])) .in-\[\[data-quote-text\=full\]\:not\(\[data-quote-mark\=plain\]\)\]\:opacity-\(--quote-rest\,0\.7\) {
    opacity: var(--quote-rest, .7);
  }

  :where(:is(a:hover)) .in-\[a\:hover\]\:translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :where(:is(a:hover)) .in-\[a\:hover\]\:bg-\(--color-lily-9\) {
    background-color: var(--color-lily-9);
  }

  :where(:is(a:hover)) .in-\[a\:hover\]\:text-\(--fg-on-brand\) {
    color: var(--fg-on-brand);
  }

  .has-focus-visible\:outline-2:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .has-focus-visible\:outline-accent:has(:focus-visible) {
    outline-color: var(--color-accent);
  }

  .has-\[\>small\]\:block:has( > small) {
    display: block;
  }

  .aria-hidden\:invisible[aria-hidden="true"] {
    visibility: hidden;
  }

  .aria-pressed\:bg-\(--tone-face\)[aria-pressed="true"] {
    background-color: var(--tone-face);
  }

  .aria-pressed\:text-\(--tone-text\)[aria-pressed="true"] {
    color: var(--tone-text);
  }

  .aria-pressed\:shadow-\[inset_0_0_0_1\.5px_var\(--tone-ring\)\][aria-pressed="true"] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, var(--tone-ring));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .aria-\[current\=page\]\:border-\(--color-moss-9\)[aria-current="page"] {
    border-color: var(--color-moss-9);
  }

  .aria-\[current\=page\]\:bg-\(--color-moss-9\)[aria-current="page"] {
    background-color: var(--color-moss-9);
  }

  .aria-\[current\=page\]\:text-\(--fg-on-brand\)[aria-current="page"] {
    color: var(--fg-on-brand);
  }

  .data-active\:bg-page[data-active] {
    background-color: var(--color-page);
  }

  .data-active\:text-moss[data-active] {
    color: var(--color-moss);
  }

  .data-active\:\[box-shadow\:0_1px_2px_color-mix\(in_srgb\,var\(--color-fg\)_10\%\,transparent\)\,0_4px_10px_-4px_color-mix\(in_srgb\,var\(--color-fg\)_25\%\,transparent\)\][data-active] {
    box-shadow: 0 1px 2px #0202031a, 0 4px 10px -4px #02020340;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-active\:\[box-shadow\:0_1px_2px_color-mix\(in_srgb\,var\(--color-fg\)_10\%\,transparent\)\,0_4px_10px_-4px_color-mix\(in_srgb\,var\(--color-fg\)_25\%\,transparent\)\][data-active] {
      box-shadow: 0 1px 2px color-mix(in srgb,var(--color-fg) 10%,transparent),0 4px 10px -4px color-mix(in srgb,var(--color-fg) 25%,transparent);
    }
  }

  .data-ai\:bg-\[color-mix\(in_srgb\,var\(--color-lily\)_16\%\,var\(--bg-surface-raised\)\)\][data-ai] {
    background-color: #a3c76a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-ai\:bg-\[color-mix\(in_srgb\,var\(--color-lily\)_16\%\,var\(--bg-surface-raised\)\)\][data-ai] {
      background-color: color-mix(in srgb,var(--color-lily) 16%,var(--bg-surface-raised));
    }
  }

  .data-ai\:font-semibold[data-ai] {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .data-highlighted\:bg-fg\/5[data-highlighted] {
    background-color: #0202030d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-highlighted\:bg-fg\/5[data-highlighted] {
      background-color: color-mix(in oklab, var(--color-fg) 5%, transparent);
    }
  }

  .data-muted\:font-medium[data-muted] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .data-muted\:text-\(--fg-weak\)[data-muted] {
    color: var(--fg-weak);
  }

  .data-off\:opacity-0[data-off] {
    opacity: 0;
  }

  .data-on\:\[--card-line\:var\(--color-accent\)\][data-on] {
    --card-line: var(--color-accent);
  }

  .data-on\:\[--st-edge\:2\][data-on] {
    --st-edge: 2;
  }

  :is(.data-paused\:\*\*\:\[animation-play-state\:paused\][data-paused] *) {
    animation-play-state: paused;
  }

  .data-popup-open\:bg-fg\/6[data-popup-open] {
    background-color: #0202030f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-popup-open\:bg-fg\/6[data-popup-open] {
      background-color: color-mix(in oklab, var(--color-fg) 6%, transparent);
    }
  }

  .data-popup-open\:underline[data-popup-open] {
    text-decoration-line: underline;
  }

  .data-step\:opacity-100[data-step] {
    opacity: 1;
  }

  .data-\[status\=copied\]\:\[--contrast-bg\:var\(--color-moss-9\,var\(--color-moss\)\)\][data-status="copied"] {
    --contrast-bg: var(--color-moss-9, var(--color-moss));
  }

  .data-\[step\=base\]\:animate-product-hide[data-step="base"] {
    animation: var(--animate-product-hide);
  }

  .data-\[step\=land\]\:animate-product-show[data-step="land"] {
    animation: var(--animate-product-show);
  }

  .nth-\[3n\]\:w-\[70\%\]:nth-child(3n) {
    width: 70%;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:ml-\[-240px\] {
      margin-left: -240px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:hidden {
      display: none;
    }

    .motion-reduce\:transform-none {
      transform: none;
    }

    .motion-reduce\:animate-none {
      animation: none;
    }

    .motion-reduce\:scrollbar-none {
      scrollbar-width: none;
    }

    .motion-reduce\:overflow-x-auto {
      overflow-x: auto;
    }

    .motion-reduce\:opacity-100 {
      opacity: 1;
    }

    .motion-reduce\:\[transition\:none\] {
      transition: none;
    }

    .motion-reduce\:open\:animate-none:is([open], :popover-open, :open), .motion-reduce\:open\:backdrop\:animate-none:is([open], :popover-open, :open)::backdrop {
      animation: none;
    }

    .motion-reduce\:data-\[step\=base\]\:hidden[data-step="base"] {
      display: none;
    }

    .motion-reduce\:data-\[step\=land\]\:animate-none[data-step="land"] {
      animation: none;
    }
  }

  @media not all and (min-width: 1140px) {
    .max-\[1140px\]\:hidden {
      display: none;
    }
  }

  @media not all and (min-width: 900px) {
    .max-\[900px\]\:col-1 {
      grid-column: 1;
    }

    .max-\[900px\]\:row-auto {
      grid-row: auto;
    }
  }

  @media not all and (min-width: 420px) {
    .max-\[420px\]\:hidden {
      display: none;
    }
  }

  @media not all and (min-width: 80rem) {
    .max-xl\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:right-14 {
      right: calc(var(--spacing) * 14);
    }

    .max-lg\:-bottom-8 {
      bottom: calc(var(--spacing) * -8);
    }

    .max-lg\:block {
      display: block;
    }

    .max-lg\:flex {
      display: flex;
    }

    .max-lg\:hidden {
      display: none;
    }

    .max-lg\:w-\[22rem\] {
      width: 22rem;
    }

    .max-lg\:pb-48 {
      padding-bottom: calc(var(--spacing) * 48);
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:inset-x-\[2\%\] {
      inset-inline: 2%;
    }

    .max-md\:top-2 {
      top: calc(var(--spacing) * 2);
    }

    .max-md\:top-4 {
      top: calc(var(--spacing) * 4);
    }

    .max-md\:top-\[-4\.3rem\] {
      top: -4.3rem;
    }

    .max-md\:right-2 {
      right: calc(var(--spacing) * 2);
    }

    .max-md\:right-\[5\%\] {
      right: 5%;
    }

    .max-md\:right-\[20\%\] {
      right: 20%;
    }

    .max-md\:col-1 {
      grid-column: 1;
    }

    .max-md\:row-auto {
      grid-row: auto;
    }

    .max-md\:-mx-2 {
      margin-inline: calc(var(--spacing) * -2);
    }

    .max-md\:mb-\(--space-m\) {
      margin-bottom: var(--space-m);
    }

    .max-md\:hidden {
      display: none;
    }

    .max-md\:size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }

    .max-md\:size-16 {
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16);
    }

    .max-md\:h-5 {
      height: calc(var(--spacing) * 5);
    }

    .max-md\:w-full {
      width: 100%;
    }

    .max-md\:max-w-62\.5 {
      max-width: calc(var(--spacing) * 62.5);
    }

    .max-md\:grid-cols-\[minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr);
    }

    .max-md\:grid-cols-\[minmax\(0\,1fr\)_--spacing\(6\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr) calc(var(--spacing) * 6) minmax(0,1fr);
    }

    .max-md\:grid-rows-\[auto_1fr\] {
      grid-template-rows: auto 1fr;
    }

    .max-md\:gap-x-0 {
      column-gap: 0;
    }

    .max-md\:overflow-visible {
      overflow: visible;
    }

    .max-md\:overflow-x-auto {
      overflow-x: auto;
    }

    .max-md\:p-\(--space-xs\) {
      padding: var(--space-xs);
    }

    .max-md\:px-1\.5 {
      padding-inline: calc(var(--spacing) * 1.5);
    }

    .max-md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .max-md\:pt-\(--space-s\) {
      padding-top: var(--space-s);
    }

    .max-md\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }

    .max-md\:pb-44 {
      padding-bottom: calc(var(--spacing) * 44);
    }

    .max-md\:\[--fs-card\:var\(--foundry-scale-lg\)\] {
      --fs-card: var(--foundry-scale-lg);
    }

    .max-md\:\[--row\:--spacing\(6\.75\)\] {
      --row: calc(var(--spacing) * 6.75);
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:grid {
      display: grid;
    }

    .max-sm\:hidden {
      display: none;
    }

    .max-sm\:aspect-\[1\.4\] {
      aspect-ratio: 1.4;
    }

    .max-sm\:h-\[22px\] {
      height: 22px;
    }

    .max-sm\:flex-col {
      flex-direction: column;
    }

    .max-sm\:justify-items-stretch {
      justify-items: stretch;
    }

    .max-sm\:justify-self-center {
      justify-self: center;
    }

    .max-sm\:justify-self-start {
      justify-self: flex-start;
    }

    .max-sm\:justify-self-stretch {
      justify-self: stretch;
    }

    .max-sm\:object-cover {
      object-fit: cover;
    }
  }

  @media (min-width: 640px) {
    .min-\[640px\]\:w-\[22\%\] {
      width: 22%;
    }

    .min-\[640px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 760px) {
    .min-\[760px\]\:max-w-\[460px\] {
      max-width: 460px;
    }

    .min-\[760px\]\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    }

    .min-\[760px\]\:justify-self-end {
      justify-self: flex-end;
    }
  }

  @media (min-width: 900px) {
    .min-\[900px\]\:col-1 {
      grid-column: 1;
    }

    .min-\[900px\]\:col-2 {
      grid-column: 2;
    }

    .min-\[900px\]\:row-\[1\/span_4\] {
      grid-row: 1 / span 4;
    }

    .min-\[900px\]\:row-\[1\/span_6\] {
      grid-row: 1 / span 6;
    }

    .min-\[900px\]\:mt-0 {
      margin-top: 0;
    }

    .min-\[900px\]\:aspect-auto {
      aspect-ratio: auto;
    }

    .min-\[900px\]\:min-h-full {
      min-height: 100%;
    }

    .min-\[900px\]\:auto-cols-fr {
      grid-auto-columns: minmax(0, 1fr);
    }

    .min-\[900px\]\:grid-flow-col {
      grid-auto-flow: column;
    }

    .min-\[900px\]\:grid-cols-\[clamp\(150px\,15vw\,210px\)\] {
      grid-template-columns: clamp(150px, 15vw, 210px);
    }

    .min-\[900px\]\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,0\.9fr\)\] {
      grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    }

    .min-\[900px\]\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    }

    .min-\[900px\]\:grid-cols-\[minmax\(0\,1fr\)_16rem\] {
      grid-template-columns: minmax(0, 1fr) 16rem;
    }

    .min-\[900px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.05fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    }

    .min-\[900px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .min-\[900px\]\:items-center {
      align-items: center;
    }

    .min-\[900px\]\:gap-x-\(--space-xl\) {
      column-gap: var(--space-xl);
    }

    .min-\[900px\]\:gap-x-\[clamp\(32px\,5vw\,80px\)\] {
      column-gap: clamp(32px, 5vw, 80px);
    }

    .min-\[900px\]\:self-center {
      align-self: center;
    }

    .min-\[900px\]\:self-start {
      align-self: flex-start;
    }

    .min-\[900px\]\:p-\[clamp\(24px\,3vw\,40px\)\] {
      padding: clamp(24px, 3vw, 40px);
    }
  }

  @media (min-width: 901px) {
    .min-\[901px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .min-\[901px\]\:grid-cols-\[minmax\(0\,703fr\)_minmax\(0\,673fr\)\] {
      grid-template-columns: minmax(0, 703fr) minmax(0, 673fr);
    }

    .min-\[901px\]\:grid-cols-\[minmax\(0\,760px\)\] {
      grid-template-columns: minmax(0, 760px);
    }

    .min-\[901px\]\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 992px) {
    .min-\[992px\]\:pointer-events-none {
      pointer-events: none;
    }

    .min-\[992px\]\:sticky {
      position: sticky;
    }

    .min-\[992px\]\:top-24 {
      top: calc(var(--spacing) * 24);
    }

    .min-\[992px\]\:top-\[calc\(var\(--bar-card-height\)\+var\(--space-xl\)\)\] {
      top: calc(var(--bar-card-height) + var(--space-xl));
    }

    .min-\[992px\]\:-order-1 {
      order: calc(1 * -1);
    }

    .min-\[992px\]\:hidden {
      display: none;
    }

    .min-\[992px\]\:max-h-\[calc\(100vh-112px\)\] {
      max-height: calc(100vh - 112px);
    }

    .min-\[992px\]\:grid-cols-\[224px_minmax\(0\,1fr\)\] {
      grid-template-columns: 224px minmax(0, 1fr);
    }

    .min-\[992px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .min-\[992px\]\:grid-cols-\[minmax\(0\,1fr\)_var\(--article-aside\,260px\)\] {
      grid-template-columns: minmax(0,1fr) var(--article-aside, 260px);
    }

    .min-\[992px\]\:grid-cols-\[var\(--article-aside\)_minmax\(0\,1fr\)\] {
      grid-template-columns: var(--article-aside) minmax(0,1fr);
    }

    .min-\[992px\]\:items-start {
      align-items: flex-start;
    }

    .min-\[992px\]\:gap-\(--article-gap\,var\(--space-xl\)\) {
      gap: var(--article-gap, var(--space-xl));
    }

    .min-\[992px\]\:overflow-y-auto {
      overflow-y: auto;
    }

    .min-\[992px\]\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .min-\[992px\]\:border-l-\(--border-default\) {
      border-left-color: var(--border-default);
    }

    .min-\[992px\]\:border-l-\(--divider-default\) {
      border-left-color: var(--divider-default);
    }

    .min-\[992px\]\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .min-\[992px\]\:pl-\(--space-xl\) {
      padding-left: var(--space-xl);
    }
  }

  @media (min-width: 1101px) {
    .min-\[1101px\]\:w-\[960px\] {
      width: 960px;
    }

    .min-\[1101px\]\:zoom-\[tan\(atan2\(100cqw\,960px\)\)\] {
      zoom: tan(atan2(100cqw, 960px));
    }

    .min-\[1101px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .min-\[1101px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.05fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    }

    .min-\[1101px\]\:items-center {
      align-items: center;
    }

    .min-\[1101px\]\:gap-x-\(--space-xl\) {
      column-gap: var(--space-xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-44 {
      width: calc(var(--spacing) * 44);
    }

    .sm\:w-55 {
      width: calc(var(--spacing) * 55);
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[--spacing\(5\)_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: calc(var(--spacing) * 5) minmax(0,1fr) auto;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:whitespace-nowrap {
      white-space: nowrap;
    }
  }

  @media (min-width: 48rem) {
    .md\:row-4 {
      grid-row: 4;
    }

    .md\:row-span-full {
      grid-row: 1 / -1;
    }

    .md\:-mt-\[calc\(var\(--space-m\)\+3vw\)\] {
      margin-top: calc(calc(var(--space-m) + 3vw) * -1);
    }

    .md\:aspect-3\/2 {
      aspect-ratio: 3 / 2;
    }

    .md\:aspect-auto {
      aspect-ratio: auto;
    }

    .md\:h-180 {
      height: calc(var(--spacing) * 180);
    }

    .md\:h-\[650px\] {
      height: 650px;
    }

    .md\:h-auto {
      height: auto;
    }

    .md\:h-full {
      height: 100%;
    }

    .md\:min-h-0 {
      min-height: 0;
    }

    .md\:grid-cols-\(--panel-cols\,minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\) {
      grid-template-columns: var(--panel-cols, minmax(0,1.3fr) minmax(0,1fr));
    }

    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-\[1\.4fr_1fr\] {
      grid-template-columns: 1.4fr 1fr;
    }

    .md\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    }

    .md\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_--spacing\(65\.5\)\] {
      grid-template-columns: minmax(0,1fr) calc(var(--spacing) * 65.5);
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_312px\] {
      grid-template-columns: minmax(0, 1fr) 312px;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .md\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }

    .md\:grid-rows-\[1fr_auto_auto_auto_1fr\] {
      grid-template-rows: 1fr auto auto auto 1fr;
    }

    .md\:flex-wrap {
      flex-wrap: wrap;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:justify-items-start {
      justify-items: start;
    }

    .md\:gap-\(--space-l\) {
      gap: var(--space-l);
    }

    .md\:gap-x-0 {
      column-gap: 0;
    }

    .md\:self-center {
      align-self: center;
    }

    .md\:justify-self-end {
      justify-self: flex-end;
    }

    .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }

    .md\:px-\(--space-m\) {
      padding-inline: var(--space-m);
    }

    .md\:px-\(--space-s\) {
      padding-inline: var(--space-s);
    }

    .md\:px-\(--space-xl\) {
      padding-inline: var(--space-xl);
    }

    .md\:pt-\(--space-s\) {
      padding-top: var(--space-s);
    }

    .md\:pt-0 {
      padding-top: 0;
    }

    .md\:pb-0 {
      padding-bottom: 0;
    }

    @media not all and (min-width: 64rem) {
      .md\:max-lg\:\[--panel-cols\:minmax\(0\,1fr\)\] {
        --panel-cols: minmax(0,1fr);
      }
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-full {
      grid-column: 1 / -1;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:min-h-\[543px\] {
      min-height: 543px;
    }

    .lg\:w-\[14\.5rem\] {
      width: 14.5rem;
    }

    .lg\:w-\[calc\(100\%-23rem\)\] {
      width: calc(100% - 23rem);
    }

    .lg\:max-w-\[43\.1875rem\] {
      max-width: 43.1875rem;
    }

    .lg\:auto-rows-fr {
      grid-auto-rows: minmax(0, 1fr);
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
      grid-template-columns: auto minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1\.9fr\)\] {
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.9fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_35\%\] {
      grid-template-columns: minmax(0, 1fr) 35%;
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.1fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,440px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 440px);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,480px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 480px);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(auto\,480px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(auto, 480px);
    }

    .lg\:grid-cols-\[minmax\(0\,452px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 452px) minmax(0, 1fr);
    }

    .lg\:flex-col {
      flex-direction: column;
    }

    .lg\:justify-end {
      justify-content: flex-end;
    }

    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex {
      display: flex;
    }

    .xl\:max-w-none {
      max-width: none;
    }

    .xl\:grid-cols-\[--spacing\(53\.5\)_minmax\(0\,1fr\)\] {
      grid-template-columns: calc(var(--spacing) * 53.5) minmax(0,1fr);
    }
  }

  @container not (min-width: 70rem) {
    .\@max-\[70rem\]\:right-\[12\%\] {
      right: 12%;
    }

    .\@max-\[70rem\]\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }

    .\@max-\[70rem\]\:w-88 {
      width: calc(var(--spacing) * 88);
    }

    .\@max-\[70rem\]\:pb-64 {
      padding-bottom: calc(var(--spacing) * 64);
    }
  }

  @container not (min-width: 28rem) {
    .\@max-md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .\@max-md\:pb-64 {
      padding-bottom: calc(var(--spacing) * 64);
    }
  }

  @container (min-width: 900px) {
    .\@min-\[900px\]\:flex {
      display: flex;
    }

    .\@min-\[900px\]\:grid-cols-\[--spacing\(53\.5\)_minmax\(0\,1fr\)\] {
      grid-template-columns: calc(var(--spacing) * 53.5) minmax(0,1fr);
    }
  }

  .dark\:hidden:where([data-theme="dark"], [data-theme="dark"] *) {
    display: none;
  }

  .dark\:invert:where([data-theme="dark"], [data-theme="dark"] *) {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .\[\&_\.rich-text\]\:grid .rich-text {
    display: grid;
  }

  .\[\&_\.rich-text\]\:gap-2\.5 .rich-text {
    gap: calc(var(--spacing) * 2.5);
  }

  .\[\&_\.rich-text_ul\]\:grid .rich-text ul {
    display: grid;
  }

  .\[\&_\.rich-text_ul\]\:list-disc .rich-text ul {
    list-style-type: disc;
  }

  .\[\&_\.rich-text_ul\]\:gap-1 .rich-text ul {
    gap: var(--spacing);
  }

  .\[\&_\.rich-text_ul\]\:pl-5 .rich-text ul {
    padding-left: calc(var(--spacing) * 5);
  }

  .\[\&_\:is\(a\,button\)\:not\(\.strata\)\]\:rounded-\[10px\] :is(a, button):not(.strata) {
    border-radius: 10px;
  }

  .\[\&_\[data-strata\^\=\'btn\'\]\>\.strata-face\]\:inline-flex [data-strata^="btn"] > .strata-face {
    display: inline-flex;
  }

  .\[\&_\[data-strata\^\=\'btn\'\]\>\.strata-face\]\:min-h-10 [data-strata^="btn"] > .strata-face {
    min-height: calc(var(--spacing) * 10);
  }

  .\[\&_\[data-strata\^\=\'btn\'\]\>\.strata-face\]\:items-center [data-strata^="btn"] > .strata-face {
    align-items: center;
  }

  .\[\&_a\]\:font-semibold a {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_a\]\:text-\(--color-eyebrow\) a {
    color: var(--color-eyebrow);
  }

  .\[\&_a\]\:text-\(--color-moss-9\) a {
    color: var(--color-moss-9);
  }

  .\[\&_a\]\:text-\(--fg-brand\) a {
    color: var(--fg-brand);
  }

  .\[\&_a\]\:text-accent a {
    color: var(--color-accent);
  }

  .\[\&_a\]\:text-fg a {
    color: var(--color-fg);
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_a\]\:underline-offset-3 a {
    text-underline-offset: 3px;
  }

  .\[\&_a\:hover\]\:underline a:hover {
    text-decoration-line: underline;
  }

  .\[\&_b\]\:text-\(length\:--fs-body\) b {
    font-size: var(--fs-body);
  }

  .\[\&_b\]\:leading-\[1\.4\] b {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .\[\&_b\]\:font-bold b {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_b\]\:font-semibold b {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_b\]\:text-\(--fg-default\) b {
    color: var(--fg-default);
  }

  .\[\&_b\]\:text-fg b {
    color: var(--color-fg);
  }

  .\[\&_code\]\:rounded-\[5px\] code {
    border-radius: 5px;
  }

  .\[\&_code\]\:bg-\[color-mix\(in_srgb\,var\(--tint-teal\)_40\%\,var\(--color-page\)\)\] code {
    background-color: var(--tint-teal);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_code\]\:bg-\[color-mix\(in_srgb\,var\(--tint-teal\)_40\%\,var\(--color-page\)\)\] code {
      background-color: color-mix(in srgb,var(--tint-teal) 40%,var(--color-page));
    }
  }

  .\[\&_code\]\:px-\[5px\] code {
    padding-inline: 5px;
  }

  .\[\&_code\]\:py-px code {
    padding-block: 1px;
  }

  .\[\&_code\]\:font-accent code {
    font-family: var(--font-accent);
  }

  .\[\&_code\]\:text-\[0\.9em\] code {
    font-size: .9em;
  }

  .\[\&_code\]\:text-moss code {
    color: var(--color-moss);
  }

  .\[\&_dd\]\:text-\(length\:--fs-small\) dd {
    font-size: var(--fs-small);
  }

  .\[\&_dd\]\:text-\(--fg-weak\) dd {
    color: var(--fg-weak);
  }

  .\[\&_dt\]\:text-\(length\:--fs-eyebrow\) dt {
    font-size: var(--fs-eyebrow);
  }

  .\[\&_dt\]\:font-bold dt {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_dt\]\:tracking-\[0\.12em\] dt {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .\[\&_dt\]\:text-\(--fg-weaker\) dt {
    color: var(--fg-weaker);
  }

  .\[\&_dt\]\:uppercase dt {
    text-transform: uppercase;
  }

  @media not all and (min-width: 48rem) {
    .max-md\:\[\&_img\]\:size-\[4\.375rem\] img {
      width: 4.375rem;
      height: 4.375rem;
    }
  }

  .\[\&_li\]\:marker\:text-\(--color-moss-9\) li ::marker {
    color: var(--color-moss-9);
  }

  .\[\&_li\]\:marker\:text-\(--color-moss-9\) li::marker {
    color: var(--color-moss-9);
  }

  .\[\&_li\]\:marker\:text-\(--color-moss-9\) li ::-webkit-details-marker {
    color: var(--color-moss-9);
  }

  .\[\&_li\]\:marker\:text-\(--color-moss-9\) li::-webkit-details-marker {
    color: var(--color-moss-9);
  }

  .\[\&_small\]\:ml-\(--space-xs\) small {
    margin-left: var(--space-xs);
  }

  .\[\&_small\]\:rounded-\[999px\] small {
    border-radius: 999px;
  }

  .\[\&_small\]\:rounded-full small {
    border-radius: 2147483647px;
  }

  .\[\&_small\]\:bg-\(--color-neutral-3\) small {
    background-color: var(--color-neutral-3);
  }

  .\[\&_small\]\:px-\[0\.6em\] small {
    padding-inline: .6em;
  }

  .\[\&_small\]\:py-\[0\.1em\] small {
    padding-block: .1em;
  }

  .\[\&_small\]\:text-\(length\:--fs-caption\) small {
    font-size: var(--fs-caption);
  }

  .\[\&_small\]\:text-\[10\.5px\] small {
    font-size: 10.5px;
  }

  .\[\&_small\]\:font-medium small {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_small\]\:font-semibold small {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_small\]\:whitespace-nowrap small {
    white-space: nowrap;
  }

  .\[\&_small\]\:text-\(--fg-weak\) small {
    color: var(--fg-weak);
  }

  .\[\&_small\]\:text-\(--fg-weaker\) small {
    color: var(--fg-weaker);
  }

  .\[\&_strong\]\:text-\(--fg-default\) strong {
    color: var(--fg-default);
  }

  .\[\&_ul\]\:grid ul {
    display: grid;
  }

  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }

  .\[\&_ul\]\:gap-\(--space-2xs\) ul {
    gap: var(--space-2xs);
  }

  .\[\&_ul\]\:pl-\[1\.4em\] ul {
    padding-left: 1.4em;
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  :where([data-concept="standard"]) .in-data-\[concept\=standard\]\:\[\&\>\*\+\*\]\:before\:content-\(--quote-cite-sep\) > * + :before {
    --tw-content: var(--quote-cite-sep);
    content: var(--tw-content);
  }

  .\[\&\>header\]\:justify-items-center > header {
    justify-items: center;
  }

  .\[\&\>header\]\:text-center > header {
    text-align: center;
  }

  .\[\&\>img\]\:w-full > img {
    width: 100%;
  }

  .\[\&\>img\]\:rounded-\(--panel-image-radius\,0\) > img {
    border-radius: var(--panel-image-radius, 0);
  }

  :where(:is(.shared-look header)) .in-\[\.shared-look_header\]\:\[\&\>span\]\:text-lily > span {
    color: var(--color-lily);
  }

  .\[\&\>svg\]\:flex-none > svg {
    flex: none;
  }

  .\[\&\>svg\]\:\[transition\:translate_0\.2s\] > svg {
    transition: translate .2s;
  }

  @media (hover: hover) {
    .hover\:\[\&\>svg\]\:\[translate\:2px_0\]:hover > svg {
      translate: 2px;
    }
  }

  .card-label + .\[\.card-label\+\&\]\:mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .card-row > * > .\[\.card-row\>\*\>\&\]\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .card-row > * > .\[\.card-row\>\*\>\&\]\:grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

  .card-row > * > .strata > .\[\.card-row\>\*\>\.strata\>\&\]\:row-span-5\! {
    grid-row: span 5 / span 5 !important;
  }

  .card-row > * > .strata > .\[\.card-row\>\*\>\.strata\>\&\]\:grid-rows-subgrid\! {
    grid-template-rows: subgrid !important;
  }

  .card-text + .\[\.card-text\+\&\]\:mt-\(--card-detail-gap\,18px\) {
    margin-top: var(--card-detail-gap, 18px);
  }

  :active > .\[\:active\>\&\]\:\[translate\:0_1px\]\! {
    translate: 0 1px !important;
  }

  :focus-within > .\[\:focus-within\>\&\]\:\[animation-play-state\:paused\] {
    animation-play-state: paused;
  }

  :hover > .\[\:hover\>\&\]\:\[transform\:translateX\(-50\%\)_scale\(1\)\] {
    transform: translateX(-50%) scale(1);
  }

  :hover > .\[\:hover\>\&\]\:opacity-100 {
    opacity: 1;
  }

  :hover > .\[\:hover\>\&\]\:\[animation-play-state\:paused\] {
    animation-play-state: paused;
  }

  @media (max-width: 1023px) {
    .\[\@media\(max-width\:1023px\)\]\:object-\[70\%_0\] {
      object-position: 70% 0;
    }
  }

  @media (max-width: 420px) {
    .\[\@media\(max-width\:420px\)\]\:w-full {
      width: 100%;
    }

    .\[\@media\(max-width\:420px\)\]\:flex-wrap {
      flex-wrap: wrap;
    }

    .\[\@media\(max-width\:420px\)\]\:p-3\.5 {
      padding: calc(var(--spacing) * 3.5);
    }

    .\[\@media\(max-width\:420px\)\]\:\[--card-pad\:24px_20px_20px\] {
      --card-pad: 24px 20px 20px;
    }
  }

  @media (max-width: 559px) {
    :is(.\[\@media\(max-width\:559px\)\]\:\*\:w-full > *) {
      width: 100%;
    }
  }

  @media (max-width: 560px) {
    .\[\@media\(max-width\:560px\)\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .\[\@media\(max-width\:560px\)\]\:px-\[18px\] {
      padding-inline: 18px;
    }

    .\[\@media\(max-width\:560px\)\]\:first\:pl-0:first-child {
      padding-left: 0;
    }

    .\[\@media\(max-width\:560px\)\]\:last\:pr-0:last-child {
      padding-right: 0;
    }
  }

  @media (max-width: 600px) {
    .\[\@media\(max-width\:600px\)\]\:hidden {
      display: none;
    }

    .\[\@media\(max-width\:600px\)\]\:w-full {
      width: 100%;
    }

    .\[\@media\(max-width\:600px\)\]\:grid-cols-\[minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr);
    }

    .\[\@media\(max-width\:600px\)\]\:justify-items-center {
      justify-items: center;
    }

    .\[\@media\(max-width\:600px\)\]\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (max-width: 639px) {
    .\[\@media\(max-width\:639px\)\]\:mt-\(--space-xs\) {
      margin-top: var(--space-xs);
    }

    .\[\@media\(max-width\:639px\)\]\:block {
      display: block;
    }

    .\[\@media\(max-width\:639px\)\]\:hidden {
      display: none;
    }

    .\[\@media\(max-width\:639px\)\]\:w-auto {
      width: auto;
    }

    .\[\@media\(max-width\:639px\)\]\:min-w-0 {
      min-width: 0;
    }

    .\[\@media\(max-width\:639px\)\]\:overflow-visible {
      overflow: visible;
    }

    .\[\@media\(max-width\:639px\)\]\:rounded-\[10px\] {
      border-radius: 10px;
    }

    .\[\@media\(max-width\:639px\)\]\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .\[\@media\(max-width\:639px\)\]\:border-t-\(--border-default\) {
      border-top-color: var(--border-default);
    }

    .\[\@media\(max-width\:639px\)\]\:bg-\(--color-lily-3\) {
      background-color: var(--color-lily-3);
    }

    .\[\@media\(max-width\:639px\)\]\:px-\(--space-m\) {
      padding-inline: var(--space-m);
    }

    .\[\@media\(max-width\:639px\)\]\:px-0 {
      padding-inline: 0;
    }

    .\[\@media\(max-width\:639px\)\]\:py-\(--space-2xs\) {
      padding-block: var(--space-2xs);
    }

    .\[\@media\(max-width\:639px\)\]\:py-\(--space-s\) {
      padding-block: var(--space-s);
    }

    .\[\@media\(max-width\:639px\)\]\:text-\(length\:--fs-body\) {
      font-size: var(--fs-body);
    }

    .\[\@media\(max-width\:639px\)\]\:\[border-top\:0\] {
      border-top: 0;
    }

    .\[\@media\(max-width\:639px\)\]\:\[border\:0\] {
      border: 0;
    }

    .\[\@media\(max-width\:639px\)\]\:before\:mt-\(--space-xs\):before {
      content: var(--tw-content);
      margin-top: var(--space-xs);
    }

    .\[\@media\(max-width\:639px\)\]\:before\:block:before {
      content: var(--tw-content);
      display: block;
    }

    .\[\@media\(max-width\:639px\)\]\:before\:text-\(length\:--fs-eyebrow\):before {
      content: var(--tw-content);
      font-size: var(--fs-eyebrow);
    }

    .\[\@media\(max-width\:639px\)\]\:before\:font-bold:before {
      content: var(--tw-content);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }

    .\[\@media\(max-width\:639px\)\]\:before\:tracking-\[0\.08em\]:before {
      content: var(--tw-content);
      --tw-tracking: .08em;
      letter-spacing: .08em;
    }

    .\[\@media\(max-width\:639px\)\]\:before\:text-\(--color-moss-9\):before {
      content: var(--tw-content);
      color: var(--color-moss-9);
    }

    .\[\@media\(max-width\:639px\)\]\:before\:uppercase:before {
      content: var(--tw-content);
      text-transform: uppercase;
    }

    .\[\@media\(max-width\:639px\)\]\:before\:content-\[attr\(data-label\)\]:before {
      --tw-content: attr(data-label);
      content: var(--tw-content);
    }
  }

  @media (max-width: 640px) {
    .\[\@media\(max-width\:640px\)\]\:hidden {
      display: none;
    }

    .\[\@media\(max-width\:640px\)\]\:min-h-\[240px\] {
      min-height: 240px;
    }

    .\[\@media\(max-width\:640px\)\]\:w-\[300px\] {
      width: 300px;
    }

    .\[\@media\(max-width\:640px\)\]\:w-full {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    @media (max-width: 640px) {
      .motion-safe\:\[\@media\(max-width\:640px\)\]\:ml-\[-160px\] {
        margin-left: -160px;
      }
    }
  }

  @media (max-width: 720px) {
    .\[\@media\(max-width\:720px\)\]\:w-full {
      width: 100%;
    }

    .\[\@media\(max-width\:720px\)\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .\[\@media\(max-width\:720px\)\]\:justify-self-stretch {
      justify-self: stretch;
    }

    .\[\@media\(max-width\:720px\)\]\:\[grid-template-areas\:\'seg\'_\'search\'_\'tabs\'\] {
      grid-template-areas: "seg"
                           "search"
                           "tabs";
    }
  }

  @media (max-width: 760px) {
    .\[\@media\(max-width\:760px\)\]\:static {
      position: static;
    }

    .\[\@media\(max-width\:760px\)\]\:hidden {
      display: none;
    }

    .\[\@media\(max-width\:760px\)\]\:max-w-none {
      max-width: none;
    }

    .\[\@media\(max-width\:760px\)\]\:justify-start {
      justify-content: flex-start;
    }

    .\[\@media\(max-width\:760px\)\]\:bg-\[linear-gradient\(180deg\,var\(--bg-surface-raised\)_55\%\,var\(--color-teal-4\)\)\] {
      background-image: linear-gradient(180deg,var(--bg-surface-raised) 55%,var(--color-teal-4));
    }
  }

  @media (max-width: 767px) {
    .\[\@media\(max-width\:767px\)\]\:mt-\[calc\(40px-var\(--section-gap\)\)\] {
      margin-top: calc(40px - var(--section-gap));
    }

    .\[\@media\(max-width\:767px\)\]\:mb-\(--space-s\) {
      margin-bottom: var(--space-s);
    }

    .\[\@media\(max-width\:767px\)\]\:flex {
      display: flex;
    }

    .\[\@media\(max-width\:767px\)\]\:grid {
      display: grid;
    }

    .\[\@media\(max-width\:767px\)\]\:min-h-\[132px\] {
      min-height: 132px;
    }

    .\[\@media\(max-width\:767px\)\]\:w-\[28\%\] {
      width: 28%;
    }

    .\[\@media\(max-width\:767px\)\]\:w-full {
      width: 100%;
    }

    .\[\@media\(max-width\:767px\)\]\:flex-\[0_0_100\%\] {
      flex: 0 0 100%;
    }

    .\[\@media\(max-width\:767px\)\]\:rotate-90 {
      rotate: 90deg;
    }

    .\[\@media\(max-width\:767px\)\]\:grid-flow-row {
      grid-auto-flow: row;
    }

    .\[\@media\(max-width\:767px\)\]\:grid-cols-\(--diagram-board-cols\,minmax\(0\,1fr\)\) {
      grid-template-columns: var(--diagram-board-cols, minmax(0,1fr));
    }

    .\[\@media\(max-width\:767px\)\]\:grid-cols-\[4rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 4rem minmax(0, 1fr);
    }

    .\[\@media\(max-width\:767px\)\]\:grid-cols-\[minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr);
    }

    .\[\@media\(max-width\:767px\)\]\:flex-col {
      flex-direction: column;
    }

    .\[\@media\(max-width\:767px\)\]\:flex-wrap {
      flex-wrap: wrap;
    }

    .\[\@media\(max-width\:767px\)\]\:justify-center {
      justify-content: center;
    }

    .\[\@media\(max-width\:767px\)\]\:justify-start {
      justify-content: flex-start;
    }

    .\[\@media\(max-width\:767px\)\]\:justify-stretch {
      justify-content: stretch;
    }

    .\[\@media\(max-width\:767px\)\]\:justify-items-stretch {
      justify-items: stretch;
    }

    .\[\@media\(max-width\:767px\)\]\:gap-x-5 {
      column-gap: calc(var(--spacing) * 5);
    }

    .\[\@media\(max-width\:767px\)\]\:gap-y-7 {
      row-gap: calc(var(--spacing) * 7);
    }

    .\[\@media\(max-width\:767px\)\]\:\[--article-title-weight\:700\] {
      --article-title-weight: 700;
    }

    .\[\@media\(max-width\:767px\)\]\:\[--fs-article-hero\:32px\] {
      --fs-article-hero: 32px;
    }

    .\[\@media\(max-width\:767px\)\]\:\[--fs-headline\:26px\] {
      --fs-headline: 26px;
    }

    :is(.\[\@media\(max-width\:767px\)\]\:\*\:w-full > *) {
      width: 100%;
    }
  }

  @media (max-width: 899px) {
    .\[\@media\(max-width\:899px\)\]\:hidden {
      display: none;
    }
  }

  @media (max-width: 900px) {
    .\[\@media\(max-width\:900px\)\]\:h-\[42dvh\] {
      height: 42dvh;
    }

    .\[\@media\(max-width\:900px\)\]\:min-h-\[300px\] {
      min-height: 300px;
    }

    .\[\@media\(max-width\:900px\)\]\:gap-0 {
      gap: 0;
    }

    .\[\@media\(max-width\:900px\)\]\:rounded-\[22px\] {
      border-radius: 22px;
    }

    .\[\@media\(max-width\:900px\)\]\:pt-\(--space-m\) {
      padding-top: var(--space-m);
    }

    .\[\@media\(max-width\:900px\)\]\:shadow-\[0_14px_30px_-18px_color-mix\(in_srgb\,var\(--color-moss\)_50\%\,transparent\)\] {
      --tw-shadow: 0 14px 30px -18px var(--tw-shadow-color, #29604680);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[\@media\(max-width\:900px\)\]\:shadow-\[0_14px_30px_-18px_color-mix\(in_srgb\,var\(--color-moss\)_50\%\,transparent\)\] {
        --tw-shadow: 0 14px 30px -18px var(--tw-shadow-color, color-mix(in srgb,var(--color-moss) 50%,transparent));
      }
    }

    .\[\@media\(max-width\:900px\)\]\:shadow-\[0_14px_30px_-18px_color-mix\(in_srgb\,var\(--color-moss\)_50\%\,transparent\)\] {
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .\[\@media\(max-width\:900px\)\]\:\[--build-top\:calc\(var\(--bar-clearance\)\+var\(--space-s\)\)\] {
      --build-top: calc(var(--bar-clearance) + var(--space-s));
    }
  }

  @media (max-width: 960px) {
    .\[\@media\(max-width\:960px\)\]\:m-0 {
      margin: 0;
    }

    .\[\@media\(max-width\:960px\)\]\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .\[\@media\(max-width\:960px\)\]\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
  }

  @media (max-width: 991px) {
    .\[\@media\(max-width\:991px\)\]\:-order-1 {
      order: calc(1 * -1);
    }

    .\[\@media\(max-width\:991px\)\]\:hidden {
      display: none;
    }

    .\[\@media\(max-width\:991px\)\]\:after\:text-\(length\:--fs-rich-text\,18px\):after {
      content: var(--tw-content);
      font-size: var(--fs-rich-text, 18px);
    }

    .\[\@media\(max-width\:991px\)\]\:after\:leading-none:after {
      content: var(--tw-content);
      --tw-leading: 1;
      line-height: 1;
    }

    .\[\@media\(max-width\:991px\)\]\:after\:content-\[\'\+\'\]:after {
      --tw-content: "+";
      content: var(--tw-content);
    }

    :is(:where(.group\/toc):is([open], :popover-open, :open) .\[\@media\(max-width\:991px\)\]\:group-open\/toc\:after\:content-\[\'–\'\]):after {
      --tw-content: "–";
      content: var(--tw-content);
    }
  }

  @media (min-width: 1101px), (min-width: 701px) and (max-width: 991px) {
    .\[\@media\(min-width\:1101px\)\,\(min-width\:701px\)_and_\(max-width\:991px\)\]\:grid-cols-\[260px_minmax\(0\,1fr\)\] {
      grid-template-columns: 260px minmax(0, 1fr);
    }

    .\[\@media\(min-width\:1101px\)\,\(min-width\:701px\)_and_\(max-width\:991px\)\]\:items-start {
      align-items: flex-start;
    }

    .\[\@media\(min-width\:1101px\)\,\(min-width\:701px\)_and_\(max-width\:991px\)\]\:gap-x-\(--space-xl\) {
      column-gap: var(--space-xl);
    }
  }

  a:hover > .\[a\:hover\>\&\]\:\[--card-title-color\:var\(--fg-brand\)\] {
    --card-title-color: var(--fg-brand);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-scene][data-play] * {
    animation: none;
  }
}

[data-theme="light"] {
  --color-page: #fff;
  --color-fg: #020203;
  --color-surface: #fff;
  --color-line: #020203;
  --color-side: #020203;
  --color-accent: #0141e5;
  --color-eyebrow: #0024af;
}

:root:where(:has(:is([data-concept="stickers"], [data-concept="dots"]))) {
  --color-cream: #fff;
}

[data-theme="light"]:where(:has([data-concept="town"]), :root:has([data-concept="town"]) *) {
  --color-accent: var(--color-frog);
  --color-eyebrow: var(--color-moss);
}

[data-concept="town"] section[data-sheet] {
  --color-deep: var(--color-moss);
}

:root:where(:has([data-concept="standard"])) {
  --color-cobalt: #079669;
  --color-deep: #05603f;
  --color-frog: #079669;
  --color-moss: #05603f;
  --color-lily: #99c95b;
  --color-ember: #d14e4b;
  --color-amber: #c27c0e;
  --color-teal: #0096bd;
  --color-cream: #fff;
  --color-glow: #b8fb8f;
  --color-on-brand: #cdebdb;
  --color-violet: #7c4fe0;
  --color-lime: #8af95a;
}

[data-theme="light"]:where(:has([data-concept="standard"]), :root:has([data-concept="standard"]) *), [data-theme="dark"] [data-concept="standard"] [data-gradient^="brand"] {
  --color-page: #fff;
  --color-surface: #fff;
  --color-fg: #0d1b14;
  --color-line: #e4eae6;
  --color-side: #e4eae6;
  --color-accent: #079669;
  --color-eyebrow: #05603f;
  --color-soft: #edf8f2;
  --color-soft-line: #cdebdb;
  --color-sunken: #f6f8f7;
  --color-frog-ink: var(--color-moss);
  --color-wash: #f8fafc;
  --color-sea: #008a7e;
}

[data-theme="dark"] {
  --color-side: #2c2b31;
  --color-line: #34322e;
  --color-page: #0d0d10;
  --color-fg: #f4f1e8;
  --color-surface: #18181d;
  --color-accent: #a3c76a;
  --color-eyebrow: #a3c76a;
}

[data-theme="dark"]:where(:has([data-concept="standard"]), :root:has([data-concept="standard"]) *) {
  --color-page: #0b1411;
  --color-fg: #eef4f0;
  --color-surface: #131f1a;
  --color-line: #27362f;
  --color-side: #27362f;
  --color-accent: #3ecf9d;
  --color-eyebrow: #6fdcb1;
  --color-soft: #e5f0ea;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"]:where(:has([data-concept="standard"]), :root:has([data-concept="standard"]) *) {
    --color-soft: color-mix(in srgb, var(--color-frog) 14%, var(--color-page));
  }
}

[data-theme="dark"]:where(:has([data-concept="standard"]), :root:has([data-concept="standard"]) *) {
  --color-soft-line: #bfdbcd;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"]:where(:has([data-concept="standard"]), :root:has([data-concept="standard"]) *) {
    --color-soft-line: color-mix(in srgb, var(--color-frog) 34%, var(--color-page));
  }
}

[data-theme="dark"]:where(:has([data-concept="standard"]), :root:has([data-concept="standard"]) *) {
  --color-sunken: #f2f2f2;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"]:where(:has([data-concept="standard"]), :root:has([data-concept="standard"]) *) {
    --color-sunken: color-mix(in srgb, var(--color-fg) 5%, var(--color-page));
  }
}

[data-theme="dark"]:where(:has([data-concept="standard"]), :root:has([data-concept="standard"]) *) {
  --color-frog-ink: #6fdcb1;
  --color-wash: #f5f5f5;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"]:where(:has([data-concept="standard"]), :root:has([data-concept="standard"]) *) {
    --color-wash: color-mix(in srgb, var(--color-fg) 4%, var(--color-page));
  }
}

[data-theme="dark"]:where(:has([data-concept="standard"]), :root:has([data-concept="standard"]) *) {
  --color-sea: #35c9ba;
  --color-violet: #a98af0;
  --color-amber: #e3a23c;
  --color-teal: #35b9dc;
  --color-ember: #ec7a77;
  --shade: #fff;
}

body {
  min-width: calc(var(--spacing) * 80);
  background-color: var(--color-page);
  color: var(--color-fg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --sheet-radius: 0px;
  --sheet-fill: 100%;
  --sheet-line: 0px;
  --card-radius: 0px;
  --chip-radius: 0px;
  --chip-line: 1.5px;
  --callout-radius: 8px;
  --space-2xs: clamp(4px, calc(4px + .1852vw - .67px), 6px);
  --space-xs: clamp(8px, calc(8px + .1852vw - .67px), 10px);
  --space-s: clamp(12px, calc(12px + .3704vw - 1.33px), 16px);
  --space-m: clamp(16px, calc(16px + .7407vw - 2.67px), 24px);
  --space-l: clamp(24px, calc(24px + 1.1111vw - 4px), 36px);
  --space-xl: clamp(32px, calc(32px + 2.2222vw - 8px), 56px);
  --space-2xl: clamp(48px, calc(48px + 3.7037vw - 13.33px), 88px);
}

[data-enter="fade-up"] [data-sheet] {
  transition: opacity var(--enter-duration, .7s) ease-out var(--enter-delay, 0s), translate var(--enter-duration, .7s) cubic-bezier(.2, .7, .2, 1) var(--enter-delay, 0s), scale var(--enter-duration, .7s) cubic-bezier(.2, .7, .2, 1) var(--enter-delay, 0s);
}

@media (scripting: none) {
  .strata-face {
    background: var(--face);
    border-radius: 12px;
  }
}

[data-concept="standard"] .strata > svg {
  display: none;
}

[data-concept="standard"] .strata:not([data-strata="card"]) > .strata-face {
  background: var(--face);
  border-radius: calc(var(--st-pill, 999) * 1px);
  box-shadow: inset 0 0 0 calc(var(--st-edge, 0) * 1px) var(--color-line);
}

[data-concept="standard"] [data-strata="card"] > .strata-face:before {
  content: none;
}

[data-concept="standard"] [data-strata="card"] > .strata-face:after {
  z-index: 1;
  border: calc(var(--st-edge, 0) * 1px) solid var(--card-line, var(--color-line));
  border-radius: inherit;
  background: none;
  transition: border-color .2s;
  -webkit-mask: none;
  mask: none;
}

[data-concept="standard"] [data-strata="card"] > .strata-face {
  border-radius: calc(var(--st-radius) * 1px);
  background: var(--face);
  box-shadow: 0 0 0 calc(var(--st-ring, 0) * 1px) var(--color-soft), 0 calc(var(--st-gap) * 1px) calc(var(--st-blur) * 1px) calc(var(--st-spread) * -1px) var(--shadow-c);
  overflow: hidden;
}

[data-concept="standard"] [data-strata="card"][data-gradient] > .strata-face {
  background: var(--face-gradient);
}

[data-concept="standard"] [data-strata="card"] > .strata-face {
  transition: box-shadow .2s;
}

[data-concept="standard"] :is(a:hover > [data-strata="card"], [data-strata="card"][data-lift]:hover) > .strata-face {
  box-shadow: var(--card-hover-shadow, 0 calc(var(--st-gap) * 1px) calc(var(--st-blur) * 1px) calc(var(--st-spread) * -1px) var(--shadow-c));
}

[data-concept="standard"] :is(a:hover > [data-strata="card"], [data-strata="card"][data-lift]:hover) > .strata-face:after {
  border-color: var(--card-line-hover, var(--card-line, var(--color-line)));
}

@media (scripting: enabled) {
  [data-enter="fade-up"] [data-sheet]:not([data-shown]) {
    opacity: 0;
    translate: 0 var(--enter-distance, 24px);
    scale: var(--enter-scale, 1);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-enter] [data-sheet] {
    transition: opacity .2s linear;
    translate: none !important;
    scale: none !important;
  }
}

[data-strata="card"]:not(.is-bar) > .strata-face {
  padding-bottom: calc(var(--st-field, 0) * 1px + var(--card-pad, 24px));
}

[data-strata="card"] {
  z-index: 1;
  --face: var(--card-face, var(--card-bg, var(--color-surface)));
  --text: var(--card-text, var(--color-fg));
  --l1: var(--card-l1, var(--color-cobalt));
  --l2: var(--card-l2, transparent);
  --l3: var(--card-l3, transparent);
}

[data-strata="btn"], [data-strata="btn2"] {
  --st-corner: var(--st-btn-corner);
  --st-radius: var(--st-btn-radius);
  --st-steps: var(--st-btn-steps);
}

[data-strata="chip"] {
  --st-corner: var(--st-chip-corner);
  --st-radius: var(--st-chip-radius);
}

:is([role="tab"][aria-selected="true"], [aria-pressed="true"]) > [data-strata="chip"] {
  --face: var(--chip-on-face, var(--color-lily)) !important;
  --text: var(--chip-on-text, var(--color-ink)) !important;
}

[data-strata="chip"] {
  --face: var(--chip-face, var(--color-page));
  --text: var(--chip-text, var(--color-fg));
  --l1: var(--color-line);
  --l2: transparent;
  --l3: transparent;
}

.strata-face:before, .strata-face:after {
  --w: var(--st-edge-dither, 0px);
  --wx: calc(var(--w) * var(--st-ex, 1));
  --wy: calc(var(--w) * var(--st-ey, 1));
  content: "";
  pointer-events: none;
  background: var(--st-edge-color, var(--color-fg));
  -webkit-mask-size: calc(var(--st-dpx, 2px) * 4), 100%, 100%, 100%, 100%;
  -webkit-mask-size: calc(var(--st-dpx, 2px) * 4), 100%, 100%, 100%, 100%;
  mask-size: calc(var(--st-dpx, 2px) * 4), 100%, 100%, 100%, 100%;
  -webkit-mask-composite: source-in, source-over, source-over, source-over;
  position: absolute;
  inset: 0;
  -webkit-mask-composite: source-in, source-over, source-over, source-over;
  mask-composite: intersect, add, add, add;
}

.strata-face:before {
  -webkit-mask-image: var(--st-dither-b, none), linear-gradient(to left, #000 var(--wx), #0000 var(--wx)), linear-gradient(to top, #000 var(--wy), #0000 var(--wy)), none, none;
  -webkit-mask-image: var(--st-dither-b, none), linear-gradient(to left, #000 var(--wx), #0000 var(--wx)), linear-gradient(to top, #000 var(--wy), #0000 var(--wy)), none, none;
  mask-image: var(--st-dither-b, none), linear-gradient(to left, #000 var(--wx), #0000 var(--wx)), linear-gradient(to top, #000 var(--wy), #0000 var(--wy)), none, none;
}

.strata-face:after {
  --w: calc(var(--st-edge-dither, 0px) / 2);
  -webkit-mask-image: var(--st-dither-a, none), linear-gradient(to left, #000 var(--wx), #0000 var(--wx)), linear-gradient(to top, #000 var(--wy), #0000 var(--wy)), none, none;
  -webkit-mask-image: var(--st-dither-a, none), linear-gradient(to left, #000 var(--wx), #0000 var(--wx)), linear-gradient(to top, #000 var(--wy), #0000 var(--wy)), none, none;
  mask-image: var(--st-dither-a, none), linear-gradient(to left, #000 var(--wx), #0000 var(--wx)), linear-gradient(to top, #000 var(--wy), #0000 var(--wy)), none, none;
}

:root {
  --bar-card-height: 64px;
}

.pipe-outline {
  fill: var(--pipe-outer, var(--color-line));
  stroke: var(--pipe-outer, var(--color-line));
  stroke-width: 2px;
  stroke-linejoin: round;
}

.block-outline {
  fill: var(--block-outer, transparent);
  stroke: var(--block-outer, transparent);
  stroke-width: 2px;
  stroke-linejoin: round;
}

.pipe-train {
  opacity: 0;
  animation: 6s step-end infinite pipe-train;
}

@keyframes pipe-train {
  0% {
    opacity: 1;
  }

  5%, 100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pipe-train {
    animation: none;
  }
}

.logo-letter {
  border: 1px solid #0202034d;
  place-items: center;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .logo-letter {
    border: 1px solid color-mix(in srgb, var(--color-fg) 30%, transparent);
  }
}

.logo-letter {
  font-family: var(--font-display);
  border-radius: 8px;
  font-weight: 700;
  line-height: 1;
}

:root {
  --link-ink: var(--color-line);
}

[data-theme="dark"] {
  --link-ink: #020203b3;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] {
    --link-ink: color-mix(in srgb, var(--color-fg) 70%, transparent);
  }
}

[data-concept="standard"] :is([data-strata="btn"], [data-strata="btn2"]) {
  --color-line: var(--btn-line, var(--color-fg));
}

[data-concept="standard"] :is([data-strata="btn"], [data-strata="btn2"], [data-strata="chip"]) {
  --st-layers: 0;
}

[data-theme="light"] [data-concept="standard"] {
  --link-ink: #046244;
}

[data-concept]:not([data-concept="standard"]) {
  --color-violet: var(--color-frog);
}

[data-concept="standard"] {
  --ink-lily: #5e9a2c;
  --tint-frog: #ddf5e9;
  --tint-teal: #dff6fc;
  --tint-lily: #edf9e0;
  --tint-violet: #efe9fc;
  --tint-amber: #fff6e0;
  --tint-ember: #fbe8e8;
  --sheet-pad: 0px;
  --hero-top: clamp(40px, 5.6vw, 72px);
  --gutter: clamp(4px, calc(4.94vw - 15.3px), 48px);
  --card-pad: clamp(24px, 2.2vw, 28px);
  letter-spacing: -.011em;
  --fs-card-body: var(--fs-small);
  --fs-card-link: var(--fs-small);
  --fs-card-callout: var(--fs-caption);
  --fs-section-body: var(--fs-lead);
  --card-body-leading: 1.55;
  --card-muted: 66%;
  --card-title-leading: 1.2;
  --card-title-weight: 600;
  --card-title-tracking: -.025em;
  --card-link: var(--color-eyebrow);
  --card-link-weight: 500;
  --bar-min: 48px;
  --btn-line: #d5dcd8;
  --btn-soft-radius: 10;
  --cs-hero-pad: 0px;
  --panel-image-radius: 16px;
  --panel-pad: clamp(28px, 5vw, 56px);
  --panel-gap: 18px;
  --panel-text-width: 56ch;
  --fs-panel: var(--fs-quote);
  --grad-hero: radial-gradient(140% 110% at 90% -10%, #a3c76a6b, transparent 55%), linear-gradient(#f5fcf0, #fbfef9 60%, var(--color-page));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-concept="standard"] {
    --grad-hero: radial-gradient(140% 110% at 90% -10%, color-mix(in srgb, var(--color-glow) 42%, transparent), transparent 55%), linear-gradient(#f5fcf0, #fbfef9 60%, var(--color-page));
  }
}

[data-concept="standard"] {
  --grad-hero-centre: radial-gradient(90% 80% at 50% -10%, #a3c76a73, transparent 60%), linear-gradient(#f5fcf0, var(--color-page) 80%);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-concept="standard"] {
    --grad-hero-centre: radial-gradient(90% 80% at 50% -10%, color-mix(in srgb, var(--color-glow) 45%, transparent), transparent 60%), linear-gradient(#f5fcf0, var(--color-page) 80%);
  }
}

[data-concept="standard"] {
  --grad-section: linear-gradient(#f5faf7, #fafcfb);
  --grad-brand: radial-gradient(120% 120% at 100% 0, #10a777, transparent 55%), linear-gradient(135deg, var(--color-frog), var(--color-moss));
  --grad-brand-left: radial-gradient(120% 120% at 0 0, #16b07f, transparent 60%), linear-gradient(135deg, #0d9a6c, var(--color-moss));
  --grad-brand-glow: radial-gradient(90% 120% at 85% 20%, #10a877, var(--color-frog) 55%, #068a60);
  --grad-brand-flat: linear-gradient(135deg, #0d9a6c, var(--color-moss));
  --grad-brand-dark: radial-gradient(#ffffff14 1px, transparent 1.4px) 0 0 / 18px 18px, linear-gradient(#0b5d40, #0b5d40);
  --grad-brand-deep: linear-gradient(135deg, var(--color-moss), #0b8457);
  --grad-soft: radial-gradient(120% 140% at 100% 0, #a3c76a59, transparent 55%), linear-gradient(var(--color-soft), var(--color-soft));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-concept="standard"] {
    --grad-soft: radial-gradient(120% 140% at 100% 0, color-mix(in srgb, var(--color-glow) 35%, transparent), transparent 55%), linear-gradient(var(--color-soft), var(--color-soft));
  }
}

[data-concept="standard"] {
  --grad-tint: radial-gradient(120% 140% at 100% 0, #a3c76a66, transparent 60%);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-concept="standard"] {
    --grad-tint: radial-gradient(120% 140% at 100% 0, color-mix(in srgb, var(--color-glow) 40%, transparent), transparent 60%);
  }
}

[data-concept="standard"] {
  --grad-paper: linear-gradient(var(--color-page), #f7f8f4);
  --grad-band: linear-gradient(#eef5f1, #eef5f1);
  --grad-hero-card: radial-gradient(120% 120% at 95% -10%, var(--color-soft), transparent 60%), linear-gradient(var(--color-sunken), var(--color-page));
  --grad-how: linear-gradient(#bfe6dc, #d4eee6 40%, #e3f3ef 72%, var(--color-page));
  --grad-learn: linear-gradient(transparent 50%, var(--color-page)), linear-gradient(165deg, #d8ecc4, #d3eee5 38%, #dce9f6 62%, var(--color-page) 90%);
  --grad-sky: linear-gradient(160deg, #e4f8c4, #ddf0f4 45%, #d7e9ff 75%, var(--color-page));
  --grad-sky-soft: linear-gradient(160deg, #f4fbea, #eef6fd);
  --grad-sky-glow: radial-gradient(310px 210px at 32% 310px, #fffffff2, transparent), var(--grad-sky);
  --grad-mint: linear-gradient(#c9ebdf, #ddeef5);
  --grad-grass: linear-gradient(135deg, var(--color-grass-4), var(--color-grass-5));
  --grad-fade: linear-gradient(var(--color-page), var(--color-sunken));
  --grad-mist: linear-gradient(var(--color-page), #f1f8f5);
  --grad-mist-end: linear-gradient(#f1f8f5, #f1f8f5);
  --grad-sunken: linear-gradient(var(--color-line), var(--color-line)) top / 100% 1px no-repeat, linear-gradient(var(--color-sunken), var(--color-sunken));
  --pixel-veil: linear-gradient(transparent, transparent);
  --grad-pixel-band: var(--pixel-veil), url("/images/69d63533f267d513854289aa_webinar-overview-hero-bg.webp") 50% 100% / 1440px 345px repeat-x;
  --grad-pixel-green: var(--pixel-veil), url("/images/69d5268eef56ff5aac5d8d9f_webinar-hero-bg.webp") 50% 0 / 1440px 100% repeat-x;
  --grad-pixel-post: var(--pixel-veil), url("/images/6a7c6f220b7b57e4b9891b6f_post-webinar-registration-hero-v2.webp") 50% 0 / 1440px 100% repeat-x;
  --grad-pixel-city: var(--pixel-veil) 0 0 / 100% calc(1245px - var(--bar-min)) no-repeat, url("/images/6996fc2280bc4d0f9b9d1927_careers-bg%20(1).webp") 50% calc(var(--bar-min) * -1) / 1440px 1245px repeat-x;
  --grad-pixel-sky: var(--pixel-veil), url("/images/6a7f20a4009bd584e8a4ae5c_thank-you-hero-bg.webp") 0 100% / 1440px 100% repeat-x;
  --logo-tint: brightness(0) invert(23%) sepia(9%) saturate(3398%) hue-rotate(107deg) brightness(124%);
  --grad-pixel-lime: var(--pixel-veil), url("/images/6a352a81c039057ad740a4a3_5322a7e676e290e38078fb0708d82a9f_playbook-bg.webp") 50% 0 / auto 100%;
  --fs-title: clamp(32px, calc(18.85px + 3.37vw), 62px);
  --fs-section: clamp(32px, calc(24px + 1.9vw), 48px);
  --quote-mark: none;
  --quote-mark-room: 0px;
  --quote-mark-inset: 0px;
  --quote-tracking: -.01em;
  --quote-lg-weight: 500;
  --quote-lg-leading: 1.35;
  --quote-lg-tracking: -.022em;
  --quote-role-opacity: .66;
  --quote-tint-pad: 16px 20px;
  --quote-tint-radius: 18px;
  --quote-cite-sep: " · ";
  --fs-rich-micro: 11px;
  --fs-rich-caption: var(--fs-caption);
  --fs-rich-small: var(--fs-small);
  --fs-rich-table: 15px;
  --fs-rich-body: var(--fs-body);
  --fs-rich-note: 17px;
  --fs-rich-text: 18px;
  --fs-rich-sub: 20px;
  --fs-rich-lede: 22px;
  --fs-rich-h3: 24px;
  --fs-rich-h2: 32px;
  --fs-rich-title: clamp(32px, calc(28px + 1.02vw), 41px);
  --fs-article-cell: var(--fs-body);
  --fs-article-h2: var(--fs-rich-h2);
  --fs-article-h3: var(--fs-rich-h3);
  --fs-article-h4: var(--fs-rich-sub);
  --table-head: var(--color-fg);
  --article-crumb-link: var(--color-frog-ink);
  --article-crumb-text: 85%;
  --fs-article-hero: var(--fs-title);
  --fs-title-tight: clamp(34px, calc(24.4px + 2.47vw), 56px);
  --fs-rich-lead: clamp(18px, calc(17.1px + .225vw), 20px);
  --fs-rich-intro: clamp(18px, calc(16.2px + .45vw), 22px);
  --article-title-weight: 900;
  --article-title-wrap: wrap;
  --rich-button-radius: 8px;
  --rich-button-pad: 14px 18px;
  --article-hero-gap: 96px;
  --grad-guide: linear-gradient(#e4f5d6, #ddf3ec 50%, #f5fbf9 82%, var(--color-page));
  --grad-answer: linear-gradient(#d6ecf7, #ddf3ec 50%, #f5fbf9 82%, var(--color-page));
  --grad-playbook: linear-gradient(#cff4e3, #ddf5f1 45%, #f4fbf9 80%, var(--color-page));
  --grad-news: linear-gradient(#d3e6f5, #dff2e9 60%, var(--color-page));
  --grad-comparison: linear-gradient(#c9ebdf, #ddeef5 55%, var(--color-page));
  --grad-book: linear-gradient(#bfe6dc, #e3f3ef 50%, var(--color-page));
  --grad-glossary: linear-gradient(transparent 45%, var(--color-page)), linear-gradient(165deg, #c4e2ef, #e5f3df 45%, var(--color-page) 88%);
  --grad-post: linear-gradient(var(--color-sunken), var(--color-sunken));
  --grad-green: linear-gradient(var(--color-frog), var(--color-frog));
  --grad-banner: linear-gradient(120deg, #c4e2ef, #e5f3df);
  --grad-cta-band: linear-gradient(100deg, #b8e6d2, #cde4f6);
  --grad-rule: linear-gradient(var(--color-line), var(--color-line)) top / 100% 1px no-repeat;
  --grad-lime: linear-gradient(#b1cf80, #b1cf80);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-concept="standard"] {
    --grad-lime: linear-gradient(color-mix(in srgb, var(--color-lily) 85%, var(--color-page)), color-mix(in srgb, var(--color-lily) 85%, var(--color-page)));
  }
}

[data-concept="standard"] {
  --quote-lead-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='30' viewBox='0 0 34 30'%3E%3Cpath d='M0 28.7 8.65 0h7.34l-5.21 28.7zm18 0L26.66 0H34l-5.21 28.7z' fill='%239CD5C3'/%3E%3C/svg%3E");
  --skill-tag-face: #eef8e3;
}

[data-theme="dark"] [data-concept="standard"] .lottie {
  border-radius: var(--callout-radius);
  background: #fff;
}

[data-theme="dark"] [data-concept="standard"] {
  --ink-lily: #a9d96e;
  --tint-frog: #d6e7df;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --tint-frog: color-mix(in srgb, var(--color-frog) 22%, var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --tint-teal: #ebf8f6;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --tint-teal: color-mix(in srgb, var(--color-teal) 16%, var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --tint-lily: #f0f6e7;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --tint-lily: color-mix(in srgb, var(--color-lily) 16%, var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --tint-violet: var(--color-violet);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --tint-violet: color-mix(in srgb, var(--color-violet) 16%, var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --tint-amber: #fdf7e6;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --tint-amber: color-mix(in srgb, var(--color-amber) 14%, var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --tint-ember: #fcedde;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --tint-ember: color-mix(in srgb, var(--color-ember) 14%, var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --btn-line: #b3b3b3;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --btn-line: color-mix(in srgb, var(--color-fg) 30%, var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --logo-tint: brightness(0) invert(88%);
  --wash-lime: #f0f6e7;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --wash-lime: color-mix(in srgb, var(--color-lily) 16%, var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --wash-mint: #d6e7df;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --wash-mint: color-mix(in srgb, var(--color-frog) 22%, var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --wash-sky: #ebf8f6;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --wash-sky: color-mix(in srgb, var(--color-teal) 16%, var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --wash-low: #f2f8f5;
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --wash-low: color-mix(in srgb, var(--color-frog) 7%, var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --green-face: var(--color-frog);
  --green-text: var(--color-cream);
  --pixel-veil: linear-gradient(var(--wash-mint), var(--wash-low) 55%, var(--color-page));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --pixel-veil: linear-gradient(color-mix(in srgb, var(--wash-mint) 76%, transparent), color-mix(in srgb, var(--wash-low) 82%, transparent) 55%, var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --grad-hero: radial-gradient(140% 110% at 90% -10%, #a3c76a1f, transparent 55%), linear-gradient(var(--wash-low), var(--color-page));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --grad-hero: radial-gradient(140% 110% at 90% -10%, color-mix(in srgb, var(--color-glow) 12%, transparent), transparent 55%), linear-gradient(var(--wash-low), var(--color-page));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --grad-hero-centre: radial-gradient(90% 80% at 50% -10%, #a3c76a24, transparent 60%), linear-gradient(var(--wash-low), var(--color-page) 80%);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --grad-hero-centre: radial-gradient(90% 80% at 50% -10%, color-mix(in srgb, var(--color-glow) 14%, transparent), transparent 60%), linear-gradient(var(--wash-low), var(--color-page) 80%);
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --grad-section: linear-gradient(var(--wash-low), var(--color-sunken));
  --grad-soft: radial-gradient(120% 140% at 100% 0, #a3c76a1a, transparent 55%), linear-gradient(var(--color-soft), var(--color-soft));
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --grad-soft: radial-gradient(120% 140% at 100% 0, color-mix(in srgb, var(--color-glow) 10%, transparent), transparent 55%), linear-gradient(var(--color-soft), var(--color-soft));
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --grad-tint: radial-gradient(120% 140% at 100% 0, #a3c76a1a, transparent 60%);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --grad-tint: radial-gradient(120% 140% at 100% 0, color-mix(in srgb, var(--color-glow) 10%, transparent), transparent 60%);
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --grad-paper: linear-gradient(var(--color-surface), var(--color-sunken));
  --grad-band: linear-gradient(var(--color-sunken), var(--color-sunken));
  --grad-how: linear-gradient(var(--wash-mint), var(--wash-low) 60%, var(--color-page));
  --grad-learn: linear-gradient(transparent 50%, var(--color-page)), linear-gradient(165deg, var(--wash-lime), var(--wash-mint) 38%, var(--wash-sky) 62%, var(--color-page) 90%);
  --grad-sky: linear-gradient(160deg, var(--wash-lime), var(--wash-mint) 45%, var(--wash-sky) 75%, var(--color-page));
  --grad-sky-soft: linear-gradient(160deg, var(--wash-low), var(--color-sunken));
  --grad-sky-glow: radial-gradient(310px 210px at 32% 310px, #a3c76a14, transparent), var(--grad-sky);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme="dark"] [data-concept="standard"] {
    --grad-sky-glow: radial-gradient(310px 210px at 32% 310px, color-mix(in srgb, var(--color-glow) 8%, transparent), transparent), var(--grad-sky);
  }
}

[data-theme="dark"] [data-concept="standard"] {
  --grad-mint: linear-gradient(var(--wash-mint), var(--wash-sky));
  --grad-mist: linear-gradient(var(--color-page), var(--wash-low));
  --grad-mist-end: linear-gradient(var(--wash-low), var(--wash-low));
}

[data-theme] [data-concept="standard"] [data-gradient^="brand"] {
  --st-edge: 0;
  --st-radius: 22;
  --st-gap: 30;
  --st-blur: 60;
  --st-spread: 30;
  --shadow-c: #05603f8c;
  --color-fg: #fff;
  --card-face: var(--color-frog);
  --card-text: #fff;
  --color-eyebrow: var(--color-glow);
  --panel-accent-color: #e3f7d2;
  --contrast-bg: #fff;
  --contrast-text: var(--color-moss);
  --btn-line: #fff9;
  --simple-edge: 1;
}

[data-theme] [data-concept="standard"] [data-gradient="brand-dark"] {
  --st-radius: 28;
  --shadow-c: #0b5d40cc;
  --panel-accent-color: var(--color-lime);
  --panel-text-opacity: .74;
  --contrast-bg: var(--color-lime);
  --contrast-text: #06301f;
  --get-title: var(--color-glow);
  --get-tick: var(--color-lime);
}

[data-theme] [data-concept="standard"] [data-gradient="brand-left"] {
  --panel-accent-color: #c9f5a8;
}

[data-theme] [data-concept="standard"] [data-gradient="brand-glow"] {
  --panel-accent-color: #ddf5e9;
}

[data-theme] [data-concept="standard"] [data-gradient="brand-flat"] {
  --st-radius: 20;
  --st-gap: 18;
  --st-blur: 36;
  --st-spread: 22;
  --shadow-c: #0d1b142e;
  --contrast-bg: var(--card-button, var(--color-page));
  --contrast-text: var(--card-button-text, var(--color-moss));
}

[data-concept="standard"] .cs-tint {
  display: none;
}

[data-concept="standard"] .look-title {
  --fs-hero: var(--fs-title);
  --fs-article-hero: var(--fs-title);
  --title-weight: 900;
}

[data-concept="standard"] .look-title h1 {
  font-weight: var(--title-weight);
}

@media (max-width: 767px) {
  [data-concept="standard"] .look-title {
    --title-weight: 700;
  }
}

[data-concept]:not([data-concept="standard"]) .hero-keeps-gap {
  --hero-top: var(--section-gap);
}

[data-concept="standard"] .look-sub {
  --fs-headline: clamp(46px, calc(44px + .73vw), 53px);
}

[data-concept="standard"] .look-section {
  --fs-headline: var(--fs-section);
  --display-weight: 500;
}

[data-concept="standard"] .look-soft {
  --st-pill: var(--btn-soft-radius);
}

[data-concept="standard"] .look-chips {
  --chip-on-face: var(--color-frog);
  --chip-on-text: var(--color-cream);
}

[data-concept="standard"] [data-sheet]:not(footer) {
  background: none;
}

.section-nav {
  margin-block: calc(var(--section-gap) * -.5);
  top: 72px;
}

.section-tabs {
  border: 1px solid var(--color-line);
  background: #f7f7f7;
  border-radius: 999px;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  padding: 4px;
  display: flex;
  overflow-x: auto;
}

@supports (color: color-mix(in lab, red, red)) {
  .section-tabs {
    background: color-mix(in srgb, var(--color-fg) 3%, var(--color-page));
  }
}

.section-tabs a {
  color: #4e4e4f;
  border-radius: 999px;
  padding: 7px 14px;
}

@supports (color: color-mix(in lab, red, red)) {
  .section-tabs a {
    color: color-mix(in srgb, var(--color-fg) 70%, var(--color-page));
  }
}

.section-tabs a {
  font-size: var(--fs-small);
  white-space: nowrap;
  font-weight: 500;
}

.section-tabs a:hover {
  color: var(--color-fg);
}

.section-tabs a[aria-current] {
  background: var(--color-page);
  color: var(--color-fg);
  font-weight: 600;
  box-shadow: 0 1px 3px #0d1b141f;
}

.tone-icon {
  background: var(--tone);
  border-radius: 10px;
  place-items: center;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .tone-icon {
    background: color-mix(in srgb, var(--tone) 14%, var(--color-page));
  }
}

.tone-icon {
  color: var(--tone);
}

@supports (color: color-mix(in lab, red, red)) {
  .tone-icon {
    color: color-mix(in srgb, var(--tone) 70%, var(--color-fg));
  }
}

.product-section h2 {
  font-size: calc(var(--fs-headline) * .75);
}

.own-line {
  border-style: var(--own-line-style, dashed);
  border-width: var(--own-line-width, var(--chip-line));
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes logo-marquee {
  to {
    transform: translateX(-50%);
  }
}

@keyframes prompt-dialog-in {
  from {
    opacity: 0;
    translate: 0 8px;
    scale: .98;
  }
}

@keyframes prompt-dialog-fade {
  from {
    opacity: 0;
  }
}

@keyframes quote-drift {
  to {
    transform: translateX(calc(-50% - var(--wall-gap) / 2));
  }
}

@keyframes agent-blink {
  0%, 100% {
    opacity: .25;
  }

  50% {
    opacity: 1;
  }
}

@keyframes agent-cell-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes product-show {
  from {
    opacity: 0;
  }
}

@keyframes product-hide {
  to {
    opacity: 0;
  }
}

@keyframes product-drop {
  from {
    transform: translateY(-96px);
  }
}

@keyframes site-cta-words {
  0%, 20% {
    transform: translateY(0);
  }

  25%, 45% {
    transform: translateY(-20%);
  }

  50%, 70% {
    transform: translateY(-40%);
  }

  75%, 95% {
    transform: translateY(-60%);
  }

  100% {
    transform: translateY(-80%);
  }
}

@keyframes demo-grow {
  from {
    opacity: 0;
    grid-template-rows: 0fr;
  }
}

@keyframes demo-in {
  from {
    opacity: 0;
    translate: 0 var(--space-2xs);
  }
}

@keyframes demo-gone {
  from {
    visibility: visible;
    opacity: 1;
  }

  to {
    visibility: hidden;
    opacity: 0;
  }
}

@keyframes demo-fade {
  from {
    opacity: 0;
  }
}

@keyframes demo-wait {
  50% {
    opacity: .45;
  }
}

@keyframes demo-x {
  from {
    scale: 0 1;
  }
}

@keyframes demo-show {
  from {
    opacity: 0;
  }
}

@keyframes demo-flow {
  to {
    stroke-dashoffset: -8px;
  }
}

@keyframes demo-draw {
  from {
    stroke-dashoffset: 1px;
  }
}

@keyframes demo-cam {
  0%, 30% {
    animation-timing-function: cubic-bezier(.5, 0, .2, 1);
    scale: 1;
  }

  35%, 53% {
    animation-timing-function: cubic-bezier(.5, 0, .2, 1);
    scale: 1.8;
  }

  58%, 100% {
    scale: 1;
  }
}

@keyframes demo-dim {
  0%, 32% {
    opacity: 0;
  }

  36%, 54% {
    opacity: 1;
  }

  58%, 100% {
    opacity: 0;
  }
}

@keyframes demo-engine {
  0%, 35% {
    opacity: 0;
    visibility: hidden;
    scale: .55;
  }

  38.5%, 52% {
    opacity: 1;
    visibility: visible;
    scale: 1;
  }

  55%, 100% {
    opacity: 0;
    visibility: hidden;
    scale: .9;
  }
}