.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
	word-break: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
:root {
  /* Color primitives from design tokens */
  --color-open-100: #fffcfa;
  --color-open-200: #fef9f7;
  --color-open-300: #fcf9f7;
  --color-open-400: #f5efe9;
  --color-open-500: #ede5dd;
  --color-open-600: #d6cdc5;
  --color-open-700: #b7aea7;
  --color-open-800: #968d87;
  --color-open-900: #726965;
  --color-open-1000: #2f2a27;

  --color-white-100: #ffffff0c;
  --color-white-200: #ffffff19;
  --color-white-300: #ffffff33;
  --color-white-400: #ffffff66;
  --color-white-500: #ffffffb2;
  --color-white-600: #ffffffcc;
  --color-white-700: #ffffffd8;
  --color-white-800: #ffffffe5;
  --color-white-900: #fffffff2;
  --color-white-1000: #ffffff;

  --color-plum-100: #f3e9ef;
  --color-plum-200: #e3ccd9;
  --color-plum-300: #d6b2bd;
  --color-plum-400: #a96e8a;
  --color-plum-500: #723c57;
  --color-plum-600: #471a34;
  --color-plum-700: #361328;
  --color-plum-800: #280d20;
  --color-plum-900: #1b0716;
  --color-plum-1000: #0f030c;

  --color-semantic-red-100: #fdecec;
  --color-semantic-red-200: #f8ccc7;
  --color-semantic-red-300: #f2a59c;
  --color-semantic-red-400: #e9796b;
  --color-semantic-red-500: #e35c47;
  --color-semantic-red-600: #d53424;
  --color-semantic-red-700: #b2281b;
  --color-semantic-red-800: #821e15;
  --color-semantic-red-900: #5f1610;
  --color-semantic-red-1000: #3d100c;

  --color-semantic-orange-100: #fff4e5;
  --color-semantic-orange-200: #ffe0b8;
  --color-semantic-orange-300: #fdcd8a;
  --color-semantic-orange-400: #f9b55f;
  --color-semantic-orange-500: #f59a34;
  --color-semantic-orange-600: #e37c10;
  --color-semantic-orange-700: #b8620a;
  --color-semantic-orange-800: #8b4a06;
  --color-semantic-orange-900: #613303;
  --color-semantic-orange-1000: #3d2100;

  --color-semantic-green-100: #eaf6e6;
  --color-semantic-green-200: #d3ecce;
  --color-semantic-green-300: #b9e0b0;
  --color-semantic-green-400: #96d48a;
  --color-semantic-green-500: #73c667;
  --color-semantic-green-600: #56ae4d;
  --color-semantic-green-700: #3e8b38;
  --color-semantic-green-800: #2d6a2c;
  --color-semantic-green-900: #1f4a20;
  --color-semantic-green-1000: #133215;

  --color-black-100: #0c0c0d0c;
  --color-black-200: #0c0c0d19;
  --color-black-300: #0c0c0d33;
  --color-black-400: #0c0c0d66;
  --color-black-500: #0c0c0db2;
  --color-black-600: #0c0c0dcc;
  --color-black-700: #0c0c0dd8;
  --color-black-800: #0c0c0de5;
  --color-black-900: #0c0c0df2;
  --color-black-1000: #0c0c0d;

  --color-orange-100: #fff5ef;
  --color-orange-200: #fee5d5;
  --color-orange-300: #fbd5c0;
  --color-orange-400: #fdc9ad;
  --color-orange-500: #fcaa79;
  --color-orange-600: #fc945b;
  --color-orange-700: #d96a37;
  --color-orange-800: #d85622;
  --color-orange-900: #af3100;
  --color-orange-1000: #980000;

  --color-gray-100: #faf9f8;
  --color-gray-200: #f1efef;
  --color-gray-300: #eae7e8;
  --color-gray-400: #d6d1d3;
  --color-gray-500: #afa8ac;
  --color-gray-600: #8a7f86;
  --color-gray-700: #6a5c63;
  --color-gray-800: #493c43;
  --color-gray-900: #2e2428;
  --color-gray-1000: #1a1416;

  --color-green-100: #eef5ea;
  --color-green-200: #e3eedc;
  --color-green-300: #d1e3ce;
  --color-green-400: #bbd6b4;
  --color-green-500: #abcda3;
  --color-green-600: #a2c69d;
  --color-green-700: #7ea276;
  --color-green-800: #556b4c;
  --color-green-900: #34402c;
  --color-green-1000: #29361f;

  --color-yellow-100: #fff9e8;
  --color-yellow-200: #fcefc4;
  --color-yellow-300: #f5e6a2;
  --color-yellow-400: #f0d281;
  --color-yellow-500: #f6cd4b;
  --color-yellow-600: #f1c321;
  --color-yellow-700: #c89d18;
  --color-yellow-800: #9e7811;
  --color-yellow-900: #704f09;
  --color-yellow-1000: #854300;

  --color-blue-100: #f0eef8;
  --color-blue-200: #d7d3ef;
  --color-blue-300: #b7b0e1;
  --color-blue-400: #8782c4;
  --color-blue-500: #706aa3;
  --color-blue-600: #5a5ea0;
  --color-blue-700: #454b97;
  --color-blue-800: #2f3478;
  --color-blue-900: #171b5b;
  --color-blue-1000: #0a044c;

  --color-semantic-blue-100: #f0eef8;
  --color-semantic-blue-200: #d7d3ef;
  --color-semantic-blue-300: #b7b0e1;
  --color-semantic-blue-400: #8782c4;
  --color-semantic-blue-500: #706aa3;
  --color-semantic-blue-600: #5a5ea0;
  --color-semantic-blue-700: #454b97;
  --color-semantic-blue-800: #2f3478;
  --color-semantic-blue-900: #171b5b;
  --color-semantic-blue-1000: #0a044c;

  --color-red-100: #fdeeee;
  --color-red-200: #f8d8d6;
  --color-red-300: #f1c4c0;
  --color-red-400: #e4a39c;
  --color-red-500: #d4847a;
  --color-red-600: #c26e65;
  --color-red-700: #a0554d;
  --color-red-800: #7c3d34;
  --color-red-900: #5b2722;
  --color-red-1000: #381411;

  --color-beige-100: #f6f3f1;
  --color-beige-200: #f7efe8;
  --color-beige-300: #f5ebe1;
  --color-beige-400: #eedfd5;
  --color-beige-500: #e4d7d2;
  --color-beige-600: #d1c4be;
  --color-beige-700: #b8a7a1;
  --color-beige-800: #9d867f;
  --color-beige-900: #8a5a51;
  --color-beige-1000: #7c4a43;

  --color-plum-gray-500: #725a66;
  --color-plum-gray-600: #57454e;
}
:root {
  /* Brand default semantic colors */

  /* Background - Default */
  --color-bg-default-default: var(--color-white-1000);
  --color-bg-default-default-hover: var(--color-gray-100);
  --color-bg-default-support: var(--color-gray-200);
  --color-bg-default-support-hover: var(--color-gray-100);
  --color-bg-default-subtle: var(--color-gray-200);
  --color-bg-default-subtle-hover: var(--color-gray-100);
  --color-bg-disabled-default: var(--color-gray-300);
  --color-bg-disabled-support: var(--color-gray-200);

  /* Background - Brand */
  --color-bg-brand-primary: var(--color-plum-600);
  --color-bg-brand-primary-hover: var(--color-plum-500);
  --color-bg-brand-primary-support: var(--color-plum-200);
  --color-bg-brand-primary-support-hover: var(--color-plum-100);
  --color-bg-brand-secondary: var(--color-orange-300);
  --color-bg-brand-secondary-hover: var(--color-orange-200);
  --color-bg-brand-secondary-support: var(--color-orange-200);
  --color-bg-brand-secondary-support-hover: var(--color-orange-100);
  --color-bg-brand-tertiary: var(--color-plum-500);
  --color-bg-brand-tertiary-hover: var(--color-plum-400);
  --color-bg-brand-green: var(--color-green-900);
  --color-bg-brand-green-hover: var(--color-green-800);
  --color-bg-brand-plum: var(--color-plum-600);
  --color-bg-brand-plum-hover: var(--color-plum-500);
  --color-bg-brand-orange: var(--color-orange-300);
  --color-bg-brand-orange-hover: var(--color-orange-200);
  --color-bg-brand-blue: var(--color-blue-600);
  --color-bg-brand-blue-hover: var(--color-blue-500);
  --color-bg-brand-beige: var(--color-beige-200);
  --color-bg-brand-beige-hover: var(--color-beige-100);
  --color-bg-brand-yellow: var(--color-yellow-300);
  --color-bg-brand-yellow-hover: var(--color-yellow-200);

  /* Background - Status */
  --color-bg-positive-default: var(--color-semantic-green-700);
  --color-bg-positive-default-hover: var(--color-semantic-green-600);
  --color-bg-positive-support: var(--color-semantic-green-200);
  --color-bg-positive-support-hover: var(--color-semantic-green-100);
  --color-bg-positive-subtle: var(--color-semantic-green-200);
  --color-bg-positive-subtle-hover: var(--color-semantic-green-100);
  --color-bg-warning-default: var(--color-semantic-orange-700);
  --color-bg-warning-default-hover: var(--color-semantic-orange-600);
  --color-bg-warning-support: var(--color-semantic-orange-200);
  --color-bg-warning-support-hover: var(--color-semantic-orange-100);
  --color-bg-warning-subtle: var(--color-semantic-orange-200);
  --color-bg-warning-subtle-hover: var(--color-semantic-orange-100);
  --color-bg-danger-default: var(--color-semantic-red-600);
  --color-bg-danger-default-hover: var(--color-semantic-red-500);
  --color-bg-danger-support: var(--color-semantic-red-200);
  --color-bg-danger-support-hover: var(--color-semantic-red-100);
  --color-bg-danger-subtle: var(--color-semantic-red-200);
  --color-bg-danger-subtle-hover: var(--color-semantic-red-100);

  /* Background - Neutral */
  --color-bg-neutral-default: var(--color-open-900);
  --color-bg-neutral-default-hover: var(--color-open-800);
  --color-bg-neutral-support: var(--color-open-400);
  --color-bg-neutral-support-hover: var(--color-open-300);
  --color-bg-neutral-subtle: var(--color-open-200);
  --color-bg-neutral-subtle-hover: var(--color-open-100);

  /* Background - Highlight */
  --color-bg-highlight-highlight-1: var(--color-plum-300);
  --color-bg-highlight-highlight-2: var(--color-green-300);
  --color-bg-highlight-highlight-3: var(--color-plum-500);
  --color-bg-highlight-highlight-4: var(--color-orange-400);
  --color-bg-highlight-highlight-5: var(--color-orange-600);

  /* Background - Surface */
  --color-bg-surface-light-surface-1: var(--color-open-200);
  --color-bg-surface-light-surface-2: var(--color-beige-100);
  --color-bg-surface-light-surface-3: var(--color-beige-200);
  --color-bg-surface-light-surface-4: var(--color-beige-400);
  --color-bg-surface-light-surface-5: var(--color-beige-500);
  --color-bg-surface-light-surface-6: var(--color-beige-600);
  --color-bg-surface-dark-surface-1: var(--color-bg-brand-primary);
  --color-bg-surface-dark-surface-2: var(--color-gray-800);
  --color-bg-surface-light-default: var(--color-bg-default-default);

  /* Background - Utilities */
  --color-bg-utilities-scrim: var(--color-white-600);
  --color-bg-utilities-overlay: #0000007f;
  --color-bg-utilities-blanket: #000000b2;
  --color-bg-utilities-measurement: var(--color-gray-200);

  /* Text - Default */
  --color-text-default-default: var(--color-gray-900);
  --color-text-default-soft: var(--color-gray-700);
  --color-text-default-muted: var(--color-gray-500);
  --color-text-default-default-light: var(--color-white-1000);
  --color-text-default-soft-light: var(--color-white-700);
  --color-text-default-muted-light: var(--color-white-600);
  --color-text-default-on-default-bg: var(--color-gray-900);
  --color-text-default-on-default-bg-soft: var(--color-gray-700);
  --color-text-default-on-default-bg-muted: var(--color-gray-500);
  --color-text-default-on-default-support-bg: var(--color-gray-700);
  --color-text-default-on-default-support-bg-soft: var(--color-gray-600);
  --color-text-default-on-default-support-bg-muted: var(--color-gray-500);
  --color-text-default-on-default-subtle-bg: var(--color-gray-600);
  --color-text-default-on-default-subtle-bg-soft: var(--color-gray-600);
  --color-text-default-on-default-subtle-bg-muted: var(--color-gray-500);
  --color-text-disabled-default: var(--color-gray-400);
  --color-text-disabled-on-disabled-bg: var(--color-gray-500);

  /* Text - Brand */
  --color-text-brand-primary: var(--color-plum-600);
  --color-text-brand-primary-hover: var(--color-plum-500);
  --color-text-brand-secondary: var(--color-orange-300);
  --color-text-brand-secondary-hover: var(--color-orange-200);
  --color-text-brand-tertiary: var(--color-plum-500);
  --color-text-brand-tertiary-hover: var(--color-plum-400);
  --color-text-brand-on-brand-primary-bg: var(--color-white-1000);
  --color-text-brand-on-brand-primary-bg-soft: var(--color-white-800);
  --color-text-brand-on-brand-primary-support-bg: var(--color-plum-700);
  --color-text-brand-on-brand-primary-support-bg-soft: var(--color-plum-600);
  --color-text-brand-on-brand-secondary-bg: var(--color-plum-800);
  --color-text-brand-on-brand-secondary-bg-soft: var(--color-plum-600);
  --color-text-brand-on-brand-secondary-support-bg: var(--color-plum-800);
  --color-text-brand-on-brand-secondary-support-bg-soft: var(--color-plum-800);
  --color-text-brand-on-brand-tertiary-bg: var(--color-white-1000);
  --color-text-brand-on-brand-tertiary-bg-soft: var(--color-white-800);

  /* Text - Status */
  --color-text-positive-default: var(--color-semantic-green-600);
  --color-text-positive-soft: var(--color-semantic-green-400);
  --color-text-positive-muted: var(--color-semantic-green-400);
  --color-text-positive-on-positive-bg: var(--color-white-1000);
  --color-text-positive-on-positive-support-bg: var(--color-semantic-green-1000);
  --color-text-positive-on-positive-subtle-bg: var(--color-semantic-green-1000);
  --color-text-warning-default: var(--color-semantic-orange-400);
  --color-text-warning-soft: var(--color-semantic-orange-400);
  --color-text-warning-muted: var(--color-semantic-orange-400);
  --color-text-warning-on-warning-bg: var(--color-white-1000);
  --color-text-warning-on-warning-support-bg: var(--color-semantic-orange-1000);
  --color-text-warning-on-warning-subtle-bg: var(--color-semantic-orange-1000);
  --color-text-danger-default: var(--color-semantic-red-700);
  --color-text-danger-soft: var(--color-semantic-red-600);
  --color-text-danger-muted: var(--color-semantic-red-600);
  --color-text-danger-on-danger: var(--color-white-1000);
  --color-text-danger-on-danger-support-bg: var(--color-semantic-red-800);
  --color-text-danger-on-danger-subtle-bg: var(--color-semantic-red-800);

  /* Text - Neutral */
  --color-text-neutral-default: var(--color-open-900);
  --color-text-neutral-soft: var(--color-open-800);
  --color-text-neutral-muted: var(--color-open-800);
  --color-text-neutral-on-neutral-bg: var(--color-open-100);
  --color-text-neutral-on-neutral-support-bg: var(--color-open-1000);
  --color-text-neutral-on-neutral-subtle-bg: var(--color-open-1000);

  /* Text - Link */
  --color-text-link-default: var(--color-text-brand-primary);
  --color-text-link-default-hover: var(--color-text-brand-primary-hover);
  --color-text-link-default-light: var(--color-green-300);
  --color-text-link-default-light-hover: var(--color-green-200);

  /* Text - Highlight */
  --color-text-highlight-on-highlight-1-bg: var(--color-text-brand-on-brand-primary-support-bg);
  --color-text-highlight-on-highlight-2-bg: var(--color-text-default-default);
  --color-text-highlight-on-highlight-3-bg: var(--color-text-brand-on-brand-primary-bg);
  --color-text-highlight-on-highlight-4-bg: var(--color-text-brand-on-brand-secondary-bg);
  --color-text-highlight-on-highlight-5-bg: var(--color-text-default-default);
  --color-text-highlight-on-highlight-1-bg-soft: var(--color-plum-gray-600);
  --color-text-highlight-on-highlight-2-bg-soft: var(--color-gray-700);
  --color-text-highlight-on-highlight-3-bg-soft: var(--color-white-800);
  --color-text-highlight-on-highlight-4-bg-soft: var(--color-plum-gray-600);
  --color-text-highlight-on-highlight-5-bg-soft: var(--color-gray-800);

  /* Text - Surface */
  --color-text-surface-light-on-surface-1-bg: var(--color-text-default-default);
  --color-text-surface-light-on-surface-1-bg-soft: var(--color-text-default-soft);
  --color-text-surface-light-on-surface-2-bg: var(--color-text-default-default);
  --color-text-surface-light-on-surface-2-bg-soft: var(--color-text-default-soft);
  --color-text-surface-light-on-surface-3-bg: var(--color-text-default-default);
  --color-text-surface-light-on-surface-3-bg-soft: var(--color-text-default-soft);
  --color-text-surface-light-on-surface-4-bg: var(--color-text-default-default);
  --color-text-surface-light-on-surface-4-bg-soft: var(--color-text-default-soft);
  --color-text-surface-light-on-surface-5-bg: var(--color-gray-1000);
  --color-text-surface-light-on-surface-5-bg-soft: var(--color-text-default-default);
  --color-text-surface-light-on-surface-6-bg: var(--color-gray-1000);
  --color-text-surface-light-on-surface-6-bg-soft: var(--color-text-default-default);
  --color-text-surface-light-on-surface-default-bg: var(--color-text-default-default);
  --color-text-surface-light-on-surface-default-bg-soft: var(--color-text-default-soft);
  --color-text-surface-dark-on-surface-1-bg: var(--color-text-brand-on-brand-primary-bg);
  --color-text-surface-dark-on-surface-1-bg-soft: var(--color-text-default-soft-light);
  --color-text-surface-dark-on-surface-2-bg: var(--color-text-default-default-light);
  --color-text-surface-dark-on-surface-2-bg-soft: var(--color-text-default-soft-light);

  /* Text - Utilities */
  --color-text-utilities-text-on-overlay: var(--color-white-1000);
  --color-text-utilities-text-on-measurement: var(--color-gray-800);

  /* Icon - Default */
  --color-icon-default-default: var(--color-gray-900);
  --color-icon-default-soft: var(--color-gray-700);
  --color-icon-default-muted: var(--color-gray-500);
  --color-icon-default-default-light: var(--color-white-1000);
  --color-icon-default-soft-light: var(--color-white-700);
  --color-icon-default-muted-light: var(--color-white-600);
  --color-icon-disabled-default: var(--color-gray-400);
  --color-icon-disabled-on-disabled-bg: var(--color-gray-500);

  /* Icon - Brand */
  --color-icon-brand-primary: var(--color-plum-600);
  --color-icon-brand-primary-hover: var(--color-plum-500);
  --color-icon-brand-secondary: var(--color-orange-300);
  --color-icon-brand-secondary-hover: var(--color-orange-200);
  --color-icon-brand-tertiary: var(--color-plum-500);
  --color-icon-brand-tertiary-hover: var(--color-plum-400);
  --color-icon-brand-on-brand-primary-bg: var(--color-white-1000);
  --color-icon-brand-on-brand-primary-support-bg: var(--color-plum-700);
  --color-icon-brand-on-brand-secondary-bg: var(--color-plum-800);
  --color-icon-brand-on-brand-secondary-support-bg: var(--color-plum-800);
  --color-icon-brand-on-brand-tertiary-bg: var(--color-white-1000);

  /* Icon - Status */
  --color-icon-positive-default: var(--color-semantic-green-600);
  --color-icon-positive-soft: var(--color-semantic-green-400);
  --color-icon-positive-muted: var(--color-semantic-green-400);
  --color-icon-positive-on-positive-bg: var(--color-white-1000);
  --color-icon-positive-on-positive-support-bg: var(--color-semantic-green-1000);
  --color-icon-positive-on-positive-subtle-bg: var(--color-semantic-green-1000);
  --color-icon-warning-default: var(--color-semantic-orange-400);
  --color-icon-warning-soft: var(--color-semantic-orange-400);
  --color-icon-warning-muted: var(--color-semantic-orange-400);
  --color-icon-warning-on-warning-bg: var(--color-white-1000);
  --color-icon-warning-on-warning-support-bg: var(--color-semantic-orange-1000);
  --color-icon-warning-on-warning-subtle-bg: var(--color-semantic-orange-1000);
  --color-icon-danger-default: var(--color-semantic-red-700);
  --color-icon-danger-soft: var(--color-semantic-red-600);
  --color-icon-danger-muted: var(--color-semantic-red-600);
  --color-icon-danger-on-danger-bg: var(--color-white-1000);
  --color-icon-danger-on-danger-support-bg: var(--color-semantic-red-800);
  --color-icon-danger-on-danger-subtle-bg: var(--color-semantic-red-800);

  /* Icon - Neutral */
  --color-icon-neutral-default: var(--color-open-900);
  --color-icon-neutral-soft: var(--color-open-800);
  --color-icon-neutral-muted: var(--color-open-800);
  --color-icon-neutral-on-neutral-bg: var(--color-open-100);
  --color-icon-neutral-on-neutral-support-bg: var(--color-open-1000);
  --color-icon-neutral-on-neutral-subtle-bg: var(--color-open-1000);

  /* Icon - Link */
  --color-icon-link-default: var(--color-icon-brand-primary);
  --color-icon-link-default-hover: var(--color-icon-brand-primary-hover);
  --color-icon-link-default-light: var(--color-green-300);
  --color-icon-link-default-light-hover: var(--color-green-200);

  /* Icon - Highlight */
  --color-icon-highlight-highlight-1: var(--color-plum-300);
  --color-icon-highlight-highlight-2: var(--color-green-300);
  --color-icon-highlight-highlight-3: var(--color-plum-500);
  --color-icon-highlight-highlight-4: var(--color-orange-400);
  --color-icon-highlight-highlight-5: var(--color-orange-600);
  --color-icon-highlight-on-highlight-1-bg: var(--color-icon-brand-on-brand-primary-support-bg);
  --color-icon-highlight-on-highlight-2-bg: var(--color-icon-default-default);
  --color-icon-highlight-on-highlight-3-bg: var(--color-icon-brand-on-brand-primary-bg);
  --color-icon-highlight-on-highlight-4-bg: var(--color-icon-brand-on-brand-secondary-bg);
  --color-icon-highlight-on-highlight-5-bg: var(--color-icon-default-default);

  /* Icon - Surface */
  --color-icon-surface-light-on-surface-1-bg: var(--color-icon-default-default);
  --color-icon-surface-light-on-surface-2-bg: var(--color-icon-default-default);
  --color-icon-surface-light-on-surface-3-bg: var(--color-icon-default-default);
  --color-icon-surface-light-on-surface-4-bg: var(--color-icon-default-default);
  --color-icon-surface-light-on-surface-5-bg: var(--color-gray-1000);
  --color-icon-surface-light-on-surface-6-bg: var(--color-gray-1000);
  --color-icon-surface-light-on-surface-default-bg: var(--color-icon-default-default);
  --color-icon-surface-dark-on-surface-1-bg: var(--color-icon-brand-on-brand-primary-bg);
  --color-icon-surface-dark-on-surface-2-bg: var(--color-icon-default-default-light);

  /* Icon - Utilities */
  --color-icon-utilities-icon: var(--color-gray-600);
  --color-icon-utilities-icon-on-measurement: var(--color-gray-800);

  /* Border - Default */
  --color-border-default-default: var(--color-gray-300);
  --color-border-default-default-hover: var(--color-gray-200);
  --color-border-default-default-light: var(--color-white-1000);
  --color-border-default-default-light-hover: var(--color-white-800);
  --color-border-default-support: var(--color-gray-200);
  --color-border-default-support-hover: var(--color-gray-100);
  --color-border-default-subtle: var(--color-gray-200);
  --color-border-default-subtle-hover: var(--color-gray-100);
  --color-border-disabled-default: var(--color-gray-300);
  --color-border-disabled-support: var(--color-gray-200);
  --color-border-disabled-on-disabled-bg: var(--color-gray-500);

  /* Border - Brand */
  --color-border-brand-primary: var(--color-plum-600);
  --color-border-brand-primary-hover: var(--color-plum-500);
  --color-border-brand-primary-support: var(--color-plum-200);
  --color-border-brand-primary-support-hover: var(--color-plum-100);
  --color-border-brand-secondary: var(--color-orange-300);
  --color-border-brand-secondary-hover: var(--color-orange-200);
  --color-border-brand-secondary-support: var(--color-orange-200);
  --color-border-brand-secondary-support-hover-2: var(--color-orange-100);
  --color-border-brand-tertiary: var(--color-plum-500);
  --color-border-brand-tertiary-hover: var(--color-plum-400);
  --color-border-brand-green: var(--color-green-900);
  --color-border-brand-green-hover: var(--color-green-800);
  --color-border-brand-plum: var(--color-plum-600);
  --color-border-brand-plum-hover: var(--color-plum-500);
  --color-border-brand-orange: var(--color-orange-300);
  --color-border-brand-orange-hover: var(--color-orange-200);
  --color-border-brand-blue: var(--color-blue-600);
  --color-border-brand-blue-hover: var(--color-blue-700);
  --color-border-brand-beige: var(--color-beige-200);
  --color-border-brand-beige-hover: var(--color-beige-100);
  --color-border-brand-yellow: var(--color-yellow-300);
  --color-border-brand-yellow-hover: var(--color-yellow-200);

  /* Border - Status */
  --color-border-positive-default: var(--color-semantic-green-700);
  --color-border-positive-default-hover: var(--color-semantic-green-600);
  --color-border-positive-support: var(--color-semantic-green-200);
  --color-border-positive-support-hover: var(--color-semantic-green-100);
  --color-border-positive-subtle: var(--color-semantic-green-200);
  --color-border-positive-subtle-hover: var(--color-semantic-green-100);
  --color-border-warning-default: var(--color-semantic-orange-700);
  --color-border-warning-default-hover: var(--color-semantic-orange-600);
  --color-border-warning-support: var(--color-semantic-orange-200);
  --color-border-warning-support-hover: var(--color-semantic-orange-100);
  --color-border-warning-subtle: var(--color-semantic-orange-200);
  --color-border-warning-subtle-hover: var(--color-semantic-orange-100);
  --color-border-danger-default: var(--color-semantic-red-600);
  --color-border-danger-default-hover: var(--color-semantic-red-500);
  --color-border-danger-support: var(--color-semantic-red-200);
  --color-border-danger-support-hover: var(--color-semantic-red-100);
  --color-border-danger-subtle: var(--color-semantic-red-200);
  --color-border-danger-subtle-hover: var(--color-semantic-red-100);

  /* Border - Neutral */
  --color-border-neutral-default: var(--color-open-900);
  --color-border-neutral-default-hover: var(--color-open-800);
  --color-border-neutral-support: var(--color-open-400);
  --color-border-neutral-support-hover: var(--color-open-300);
  --color-border-neutral-subtle: var(--color-open-200);
  --color-border-neutral-subtle-hover: var(--color-open-100);

  /* Border - Highlight */
  --color-border-highlight-highlight-1: var(--color-plum-300);
  --color-border-highlight-highlight-2: var(--color-green-300);
  --color-border-highlight-highlight-3: var(--color-plum-500);
  --color-border-highlight-highlight-4: var(--color-orange-400);
  --color-border-highlight-highlight-5: var(--color-orange-600);

  /* Border - Surface */
  --color-border-surface-light-surface-1: var(--color-open-200);
  --color-border-surface-light-surface-2: var(--color-beige-100);
  --color-border-surface-light-surface-3: var(--color-beige-300);
  --color-border-surface-light-surface-4: var(--color-beige-400);
  --color-border-surface-light-surface-5: var(--color-beige-500);
  --color-border-surface-light-surface-6: var(--color-beige-600);
  --color-border-surface-dark-surface-1: var(--color-border-brand-primary);
  --color-border-surface-dark-surface-2: var(--color-gray-800);
  --color-border-surface-light-default: var(--color-border-default-default-light);

  /* Border - Utilities */
  --color-border-utilities-measurement: var(--color-gray-400);
  --color-border-utilities-swatch: #0000003d;
}
:root {
  --max-content-width: 1232px;
  --max-container-width: 1440px;
  --announcement-bar-height: 40px;
  --mobile-header-height: 72px;

  --resources-hero-height: 426px;

  /* Text Inputs */
  --text-input-background-color: var(--color-bg-default-default);
  --text-input-border-color: var(--color-border-default-default);
  --text-input-border-error-color: var(--color-border-danger-default);
  --text-input-border-focus-color: var(--color-border-brand-primary-hover);
  --text-input-padding: var(--spacing-12) var(--spacing-16);
  --text-input-padding-block: var(--spacing-12);
  --text-input-padding-inline: var(--spacing-16);
  --text-input-slot-width: 56px;
  --text-input-icon-size: var(--sizing-16);
  --text-input-gap: var(--spacing-8);
  --text-input-color: var(--color-text-default-default);
  --text-input-placeholder-color: var(--color-text-default-muted);
  --text-input-border-radius: var(--border-radius-12);
  --text-input-label-color: var(--color-text-default-soft);
  --text-input-error-color: var(--color-text-danger-default);
  --text-input-disabled-opacity: 0.5;

  /* Round Text Inputs */
  --round-text-input-background-color: var(--color-bg-default-default);
  --round-text-input-border-color: var(--color-border-default-default);
  --round-text-input-border-error-color: var(--color-border-danger-default);
  --round-text-input-border-focus-color: var(--color-border-brand-primary-hover);
  --round-text-input-padding: var(--spacing-16) var(--spacing-24);
  --round-text-input-padding-block: var(--spacing-16);
  --round-text-input-padding-inline: var(--spacing-24);
  --round-text-input-slot-width: 168px;
  --round-text-input-icon-size: var(--sizing-16);
  --round-text-input-gap: var(--spacing-8);
  --round-text-input-color: var(--color-text-default-default);
  --round-text-input-placeholder-color: var(--color-text-default-muted);
  --round-text-input-border-radius: 9999px;
  --round-text-input-label-color: var(--color-text-default-soft);
  --round-text-input-error-color: var(--color-text-danger-default);
  --round-text-input-disabled-opacity: 0.5;

  /* Gradients */
  --gradient-glow-color: radial-gradient(
    196.66% 100% at 50% 100%,
    #fc945b 0%,
    #f0d281 26.62%,
    #e4d7d2 57.75%,
    #a2c69d 100%
  );
  --gradient-momentum: radial-gradient(
    380.71% 100% at 50.01% 100%,
    #fc945b 0%,
    #d6b2bd 25.55%,
    #454b97 51.92%,
    #471a34 78.85%
  );
  --gradient-primary-fade: linear-gradient(
    180deg,
    rgba(71, 26, 52, 0.25) 0%,
    rgba(71, 26, 52, 0) 100%
  );
  --gradient-secondary-fade: linear-gradient(
    180deg,
    rgba(251, 213, 192, 0.4) 0%,
    rgba(251, 213, 192, 0) 100%
  );
  --gradient-green-fade: linear-gradient(
    180deg,
    rgba(162, 198, 157, 0.5) 0%,
    rgba(162, 198, 157, 0) 100%
  );

  /* Font Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 600; /* Using 600 to match with the design system */

  /* Spacing */
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --spacing-98: 98px;
  --spacing-104: 104px;
  --spacing-128: 128px;
  --spacing-320: 320px;

  /* Sizing */
  --sizing-16: 16px;
  --sizing-18: 18px;
  --sizing-20: 20px;
  --sizing-24: 24px;
  --sizing-28: 28px;
  --sizing-240: 240px;

  /* Border Radius */
  --border-radius-4: 4px;
  --border-radius-8: 8px;
  --border-radius-12: 12px;
  --border-radius-16: 16px;
  --border-radius-24: 24px;

  /* Button Colors - Primary Variant */
  --btn-primary-bg: var(--color-bg-brand-primary);
  --btn-primary-border: var(--color-border-brand-primary);
  --btn-primary-bg-hover: var(--color-bg-brand-primary-hover);
  --btn-primary-bg-active: var(--color-bg-brand-primary);
  --btn-primary-border-hover: var(--color-border-brand-primary-hover);
  --btn-primary-text: var(--color-text-brand-on-brand-primary-bg);
  --btn-primary-text-hover: var(--color-text-brand-on-brand-primary-bg);
  --btn-primary-focus-inner: rgba(255, 255, 255, 0.75);
  --btn-primary-focus-outer: rgba(245, 191, 208, 0.45);

  /* Button Colors - Primary Light Variant */
  --btn-primary-light-bg: var(--color-bg-highlight-highlight-1);
  --btn-primary-light-border: var(--color-border-highlight-highlight-1);
  --btn-primary-light-bg-hover: var(--color-bg-brand-secondary);
  --btn-primary-light-bg-active: var(--color-bg-highlight-highlight-1);
  --btn-primary-light-border-hover: var(--color-border-brand-secondary);
  --btn-primary-light-text: var(--color-text-highlight-on-highlight-1-bg);
  --btn-primary-light-text-hover: var(--color-text-brand-on-brand-secondary-bg);
  --btn-primary-light-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-primary-light-focus-outer: rgba(188, 133, 156, 0.5);

  /* Button Colors - Secondary Variant */
  --btn-secondary-bg: var(--color-bg-brand-secondary);
  --btn-secondary-border: var(--color-border-brand-secondary);
  --btn-secondary-bg-hover: var(--color-bg-brand-secondary-hover);
  --btn-secondary-bg-active: var(--color-bg-brand-secondary);
  --btn-secondary-border-hover: var(--color-border-brand-secondary-hover);
  --btn-secondary-text: var(--color-text-brand-on-brand-secondary-bg);
  --btn-secondary-text-hover: var(--color-text-brand-on-brand-secondary-bg);
  --btn-secondary-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-secondary-focus-outer: rgba(251, 213, 192, 0.6);

  /* Button Colors - Info Variant */
  --btn-info-bg: var(--color-bg-neutral-support);
  --btn-info-border: var(--color-border-neutral-support);
  --btn-info-bg-hover: var(--color-bg-neutral-support-hover);
  --btn-info-bg-active: var(--color-bg-neutral-support);
  --btn-info-border-hover: var(--color-border-neutral-support-hover);
  --btn-info-text: var(--color-text-neutral-on-neutral-subtle-bg);
  --btn-info-text-hover: var(--color-text-neutral-on-neutral-subtle-bg);
  --btn-info-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-info-focus-outer: rgba(245, 239, 233, 0.8);

  /* Button Colors - Subtle Variant */
  --btn-subtle-bg: transparent;
  --btn-subtle-border: transparent;
  --btn-subtle-bg-hover: transparent;
  --btn-subtle-bg-active: transparent;
  --btn-subtle-border-hover: var(--color-border-brand-secondary);
  --btn-subtle-text: var(--color-text-default-default);
  --btn-subtle-text-hover: var(--color-text-default-default);
  --btn-subtle-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-subtle-focus-outer: rgba(251, 213, 192, 0.6);

  /* Button Colors - Subtle White Variant */
  --btn-subtle-white-bg: transparent;
  --btn-subtle-white-border: transparent;
  --btn-subtle-white-bg-hover: transparent;
  --btn-subtle-white-bg-active: transparent;
  --btn-subtle-white-border-hover: var(--color-border-brand-secondary);
  --btn-subtle-white-text: var(--color-text-default-default-light);
  --btn-subtle-white-text-hover: var(--color-text-default-default-light);
  --btn-subtle-white-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-subtle-white-focus-outer: rgba(251, 213, 192, 0.6);

  /* Button Colors - Tertiary Variant (solid plum tertiary, white icon, for dark backgrounds) */
  --btn-tertiary-bg: var(--color-bg-brand-tertiary);
  --btn-tertiary-border: var(--color-bg-brand-tertiary);
  --btn-tertiary-bg-hover: var(--color-plum-400);
  --btn-tertiary-bg-active: var(--color-bg-brand-tertiary);
  --btn-tertiary-border-hover: var(--color-plum-400);
  --btn-tertiary-text: var(--color-text-brand-on-brand-primary-bg);
  --btn-tertiary-text-hover: var(--color-text-brand-on-brand-primary-bg);
  --btn-tertiary-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-tertiary-focus-outer: rgba(114, 60, 87, 0.5);

  /* Button Colors - Outline Variant */
  --btn-outline-bg: transparent;
  --btn-outline-border: var(--color-border-brand-primary);
  --btn-outline-bg-hover: var(--color-bg-brand-primary);
  --btn-outline-bg-active: transparent;
  --btn-outline-border-hover: var(--color-border-brand-primary);
  --btn-outline-text: var(--color-text-brand-primary);
  --btn-outline-text-hover: var(--color-text-brand-on-brand-primary-bg);
  --btn-outline-focus-inner: rgba(255, 255, 255, 0.75);
  --btn-outline-focus-outer: rgba(71, 26, 52, 0.35);

  /* Button Colors - Disabled State */
  --btn-disabled-bg: var(--color-bg-disabled-default);
  --btn-disabled-text: var(--color-text-disabled-on-disabled-bg);
  --btn-disabled-border: var(--color-border-disabled-default);

  /* Round Button - Variants */
  --round-btn-primary-bg: var(--btn-primary-bg);
  --round-btn-primary-bg-hover: var(--btn-primary-bg-hover);
  --round-btn-primary-bg-active: var(--btn-primary-bg-active);
  --round-btn-primary-border: var(--btn-primary-border);
  --round-btn-primary-border-hover: var(--btn-primary-border-hover);
  --round-btn-primary-text: var(--btn-primary-text);
  --round-btn-primary-text-hover: var(--btn-primary-text-hover);
  --round-btn-primary-focus-inner: var(--btn-primary-focus-inner);
  --round-btn-primary-focus-outer: var(--btn-primary-focus-outer);

  --round-btn-primary-light-bg: var(--btn-primary-light-bg);
  --round-btn-primary-light-bg-hover: var(--btn-primary-light-bg-hover);
  --round-btn-primary-light-bg-active: var(--btn-primary-light-bg-active);
  --round-btn-primary-light-border: var(--btn-primary-light-border);
  --round-btn-primary-light-border-hover: var(--btn-primary-light-border-hover);
  --round-btn-primary-light-text: var(--btn-primary-light-text);
  --round-btn-primary-light-text-hover: var(--btn-primary-light-text-hover);
  --round-btn-primary-light-focus-inner: var(--btn-primary-light-focus-inner);
  --round-btn-primary-light-focus-outer: var(--btn-primary-light-focus-outer);

  --round-btn-secondary-bg: var(--btn-secondary-bg);
  --round-btn-secondary-bg-hover: var(--btn-secondary-bg-hover);
  --round-btn-secondary-bg-active: var(--btn-secondary-bg-active);
  --round-btn-secondary-border: var(--btn-secondary-border);
  --round-btn-secondary-border-hover: var(--btn-secondary-border-hover);
  --round-btn-secondary-text: var(--btn-secondary-text);
  --round-btn-secondary-text-hover: var(--btn-secondary-text-hover);
  --round-btn-secondary-focus-inner: var(--btn-secondary-focus-inner);
  --round-btn-secondary-focus-outer: var(--btn-secondary-focus-outer);

  --round-btn-info-bg: var(--btn-info-bg);
  --round-btn-info-bg-hover: var(--btn-info-bg-hover);
  --round-btn-info-bg-active: var(--btn-info-bg-active);
  --round-btn-info-border: var(--btn-info-border, var(--btn-info-bg));
  --round-btn-info-border-hover: var(--btn-info-border-hover);
  --round-btn-info-text: var(--btn-info-text);
  --round-btn-info-text-hover: var(--btn-info-text-hover);
  --round-btn-info-focus-inner: var(--btn-info-focus-inner);
  --round-btn-info-focus-outer: var(--btn-info-focus-outer);

  --round-btn-subtle-bg: var(--btn-subtle-bg);
  --round-btn-subtle-bg-hover: var(--btn-subtle-bg-hover);
  --round-btn-subtle-bg-active: var(--btn-subtle-bg-active);
  --round-btn-subtle-border: var(--btn-subtle-border);
  --round-btn-subtle-border-hover: var(--btn-subtle-border-hover);
  --round-btn-subtle-text: var(--btn-subtle-text);
  --round-btn-subtle-text-hover: var(--btn-subtle-text-hover);
  --round-btn-subtle-focus-inner: var(--btn-subtle-focus-inner);
  --round-btn-subtle-focus-outer: var(--btn-subtle-focus-outer);

  --round-btn-tertiary-bg: var(--btn-tertiary-bg);
  --round-btn-tertiary-bg-hover: var(--btn-tertiary-bg-hover);
  --round-btn-tertiary-bg-active: var(--btn-tertiary-bg-active);
  --round-btn-tertiary-border: var(--btn-tertiary-border);
  --round-btn-tertiary-border-hover: var(--btn-tertiary-border-hover);
  --round-btn-tertiary-text: var(--btn-tertiary-text);
  --round-btn-tertiary-text-hover: var(--btn-tertiary-text-hover);
  --round-btn-tertiary-focus-inner: var(--btn-tertiary-focus-inner);
  --round-btn-tertiary-focus-outer: var(--btn-tertiary-focus-outer);

  /* Round Button - Sizes */
  --round-btn-size-small: 36px;
  --round-btn-size-medium: 44px;
  --round-btn-icon-size-small: var(--sizing-20);
  --round-btn-icon-size-medium: var(--sizing-20);

  /* Round Button - Disabled State */
  --round-btn-disabled-bg: var(--btn-disabled-bg);
  --round-btn-disabled-border: var(--btn-disabled-bg);
  --round-btn-disabled-text: var(--btn-disabled-text);
  --round-btn-subtle-disabled-bg: transparent;
  --round-btn-subtle-disabled-border: transparent;

  /* Slider Button */
  --slider-btn-default-bg: var(--color-bg-neutral-support);
  --slider-btn-default-border: var(--color-border-neutral-support);
  --slider-btn-default-icon: var(--color-icon-link-default);
  --slider-btn-default-bg-hover: var(--color-bg-highlight-highlight-1);
  --slider-btn-default-border-hover: var(--color-border-highlight-highlight-1);
  --slider-btn-default-icon-hover: var(--color-icon-highlight-on-highlight-1-bg);
  --slider-btn-default-bg-disabled: var(--color-bg-disabled-default);
  --slider-btn-default-border-disabled: var(--color-border-disabled-default);
  --slider-btn-default-icon-disabled: var(--color-icon-disabled-on-disabled-bg);
  --slider-btn-default-focus-inner: rgba(255, 255, 255, 0.7);
  --slider-btn-default-focus-outer: rgba(71, 26, 52, 0.35);
  --slider-btn-size-medium: 48px;
  --slider-btn-size-large: 56px;
  --slider-btn-size-xlarge: 68px;
  --slider-btn-icon-size-medium: var(--sizing-24);
  --slider-btn-icon-size-large: var(--sizing-24);
  --slider-btn-icon-size-xlarge: var(--sizing-28);

  /* Bubble Button - Variants */
  --bubble-btn-primary-bg: var(--btn-primary-bg);
  --bubble-btn-primary-bg-hover: var(--btn-primary-bg-hover);
  --bubble-btn-primary-bg-active: var(--btn-primary-bg-active);
  --bubble-btn-primary-text: var(--btn-primary-text);
  --bubble-btn-primary-text-hover: var(--btn-primary-text-hover);
  --bubble-btn-primary-focus-inner: var(--btn-primary-focus-inner);
  --bubble-btn-primary-focus-outer: var(--btn-primary-focus-outer);

  --bubble-btn-primary-light-bg: var(--btn-primary-light-bg);
  --bubble-btn-primary-light-bg-hover: var(--btn-primary-light-bg-hover);
  --bubble-btn-primary-light-bg-active: var(--btn-primary-light-bg-active);
  --bubble-btn-primary-light-text: var(--btn-primary-light-text);
  --bubble-btn-primary-light-text-hover: var(--btn-primary-light-text-hover);
  --bubble-btn-primary-light-focus-inner: var(--btn-primary-light-focus-inner);
  --bubble-btn-primary-light-focus-outer: var(--btn-primary-light-focus-outer);

  --bubble-btn-secondary-bg: var(--btn-secondary-bg);
  --bubble-btn-secondary-bg-hover: var(--btn-secondary-bg-hover);
  --bubble-btn-secondary-bg-active: var(--btn-secondary-bg-active);
  --bubble-btn-secondary-text: var(--btn-secondary-text);
  --bubble-btn-secondary-text-hover: var(--btn-secondary-text-hover);
  --bubble-btn-secondary-focus-inner: var(--btn-secondary-focus-inner);
  --bubble-btn-secondary-focus-outer: var(--btn-secondary-focus-outer);

  /* Bubble Button - Sizes */
  --bubble-btn-size-small: var(--btn-small-height);
  --bubble-btn-size-medium: var(--btn-medium-height);
  --bubble-btn-size-large: var(--btn-large-height);
  --bubble-btn-padding-x-small: var(--btn-small-padding-x);
  --bubble-btn-padding-x-medium: var(--btn-medium-padding-x);
  --bubble-btn-padding-x-large: var(--btn-large-padding-x);
  --bubble-btn-bubble-size-small: var(--btn-small-bubble-size);
  --bubble-btn-bubble-size-medium: var(--btn-medium-bubble-size);
  --bubble-btn-bubble-size-large: var(--btn-large-bubble-size);

  /* Underline Button - Primary */
  --underline-btn-primary-text: var(--color-text-link-default);
  --underline-btn-primary-icon: var(--color-icon-link-default);
  --underline-btn-primary-border: var(--color-border-brand-primary);
  --underline-btn-primary-text-hover: var(--color-text-link-default);
  --underline-btn-primary-icon-hover: var(--color-icon-link-default);
  --underline-btn-primary-border-hover: var(--color-border-highlight-highlight-4);
  --underline-btn-primary-focus-ring: rgba(71, 26, 52, 0.35);

  /* Underline Button - White */
  --underline-btn-white-text: var(--color-text-default-default-light);
  --underline-btn-white-icon: var(--color-text-default-default-light);
  --underline-btn-white-border: var(--color-border-highlight-highlight-2);
  --underline-btn-white-text-hover: var(--color-text-link-default-light-hover);
  --underline-btn-white-icon-hover: var(--color-text-link-default-light-hover);
  --underline-btn-white-border-hover: var(--color-border-highlight-highlight-2);
  --underline-btn-white-focus-ring: rgba(209, 227, 206, 0.6);

  /* Button Danger - Primary */
  --btn-danger-primary-bg: var(--color-bg-danger-default);
  --btn-danger-primary-bg-hover: var(--color-bg-danger-default-hover);
  --btn-danger-primary-bg-active: var(--color-bg-danger-default);
  --btn-danger-primary-border: var(--color-border-danger-default);
  --btn-danger-primary-border-hover: var(--color-border-danger-default-hover);
  --btn-danger-primary-text: var(--color-text-danger-on-danger);
  --btn-danger-primary-text-hover: var(--color-text-danger-on-danger);
  --btn-danger-primary-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-danger-primary-focus-outer: rgba(213, 52, 36, 0.35);

  /* Button Danger - Secondary */
  --btn-danger-secondary-bg: var(--color-bg-default-default);
  --btn-danger-secondary-bg-hover: var(--color-bg-danger-subtle);
  --btn-danger-secondary-bg-active: var(--color-bg-default-default);
  --btn-danger-secondary-border: var(--color-border-surface-light-surface-1);
  --btn-danger-secondary-border-hover: var(--color-border-danger-subtle);
  --btn-danger-secondary-text: var(--color-text-danger-default);
  --btn-danger-secondary-text-hover: var(--color-text-danger-on-danger-subtle-bg);
  --btn-danger-secondary-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-danger-secondary-focus-outer: rgba(213, 52, 36, 0.25);

  /* Button Danger - Subtle */
  --btn-danger-subtle-bg: transparent;
  --btn-danger-subtle-bg-hover: transparent;
  --btn-danger-subtle-bg-active: transparent;
  --btn-danger-subtle-border: transparent;
  --btn-danger-subtle-border-hover: transparent;
  --btn-danger-subtle-text: var(--color-text-danger-default);
  --btn-danger-subtle-text-hover: var(--color-text-danger-default);
  --btn-danger-subtle-focus-inner: rgba(255, 255, 255, 0.7);
  --btn-danger-subtle-focus-outer: rgba(213, 52, 36, 0.2);

  /* Button Sizes - Small */
  --btn-small-height: 36px;
  --btn-small-padding-x: 20px;
  --btn-small-padding-y: 8px;
  --btn-small-font-size: 16px;
  --btn-small-border-radius: 6px;
  --btn-small-bubble-size: 36px;

  /* Button Sizes - Medium (Default) */
  --btn-medium-height: 44px;
  --btn-medium-padding-x: 20px;
  --btn-medium-padding-y: 12px;
  --btn-medium-font-size: 16px;
  --btn-medium-border-radius: 8px;
  --btn-medium-bubble-size: 44px;

  /* Button Sizes - Large */
  --btn-large-height: 52px;
  --btn-large-padding-x: 32px;
  --btn-large-padding-y: 16px;
  --btn-large-font-size: 16px;
  --btn-large-border-radius: 10px;
  --btn-large-bubble-size: 52px;

  /* Search Input */
  --search-input-max-width: 406px;
  --search-input-height-small: 52px;
  --search-input-height-medium: 60px;
  --search-input-height-large: 68px;
  --search-input-button-size-small: 36px;
  --search-input-button-size-medium: 44px;
  --search-input-button-size-large: 52px;
  --search-input-padding-left-small: var(--spacing-24);
  --search-input-padding-left-medium: var(--spacing-32);
  --search-input-padding-left-large: var(--spacing-40);
  --search-input-padding-right-small: var(--spacing-8);
  --search-input-padding-right-medium: var(--spacing-12);
  --search-input-padding-right-large: var(--spacing-16);
  --search-input-padding-y-small: var(--spacing-8);
  --search-input-padding-y-medium: var(--spacing-8);
  --search-input-padding-y-large: var(--spacing-12);

  /* Typography */
  --font-family-base:
    'Mona Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
    Cantarell, 'Helvetica Neue', sans-serif;
  --font-family-heading: 'Victor Serif', serif;

  /* Typography - Headings Desktop */
  --typo-h1-xlarge: 56px;
  --typo-h1-large: 52px;
  --typo-h1: 48px;
  --typo-h2-xlarge: 52px;
  --typo-h2-large: 40px;
  --typo-h2: 36px;
  --typo-h3: 32px;
  --typo-h4: 28px;
  --typo-h5: 24px;
  --typo-h6: 20px;

  /* Typography - Headings Mobile */
  --typo-h1-xlarge-mobile: 48px;
  --typo-h1-large-mobile: 44px;
  --typo-h1-mobile: 36px;
  --typo-h2-xlarge-mobile: 40px;
  --typo-h2-large-mobile: 36px;
  --typo-h2-mobile: 32px;
  --typo-h3-mobile: 28px;
  --typo-h4-mobile: 24px;
  --typo-h5-mobile: 20px;
  --typo-h6-mobile: 18px;

  /* Typography - Body (Paragraphs) */
  --typo-body-xlarge: 24px;
  --typo-body-large: 20px;
  --typo-body-medium: 16px;
  --typo-body-small: 14px;
  --typo-body-xsmall: 12px;

  /* Typography - Single Line */
  --typo-single-line-xlarge: 24px;
  --typo-single-line-large: 20px;
  --typo-single-line-medium: 16px;
  --typo-single-line-small: 14px;
  --typo-single-line-xsmall: 12px;

  /* Typography - Eyebrow */
  --typo-eyebrow-medium: 20px;
  --typo-eyebrow-small: 16px;
  --typo-eyebrow-single-medium: 20px;
  --typo-eyebrow-single-small: 16px;

  /* Typography - Button */
  --typo-button: 16px;

  /* Typography - Chip */
  --typo-chip: 14px;

  /* Typography - Caption */
  --typo-caption: 10px;

  /* Typography - Label */
  --typo-label-large: 20px;
  --typo-label-medium: 16px;
  --typo-label-small: 14px;

  /* Typography - Stat */
  --typo-stat: 60px;
  --typo-stat-mobile: 48px;
}

* {
  box-sizing: border-box;
}
@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

.interact-block {
  padding-left: var(--spacing-80);
  padding-right: var(--spacing-80);
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 979px) {
  .interact-block {
    padding-left: var(--spacing-24);
    padding-right: var(--spacing-24);
  }
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.overflow-hidden {
  overflow: hidden;
}

.cards-equal-height > .wp-block-column > .wp-block-group {
  height: 100%;
}

.cards-equal-height > .wp-block-column > .wp-block-group > .wp-block-image {
  margin-top: auto;
}

/* iOS Safari: images with aspect-ratio inside flex columns collapse
   without an explicit width — force width so height resolves from ratio */
.wp-block-column .wp-block-image img {
  width: 100%;
}

/* ==========================================================================
   Third-party overrides (CookieYes, Intercom)
   ========================================================================== */
/* CookieYes: ensure banner stays above all content */
.cky-consent-container {
  z-index: 9999999999 !important;
}

/* CookieYes: hide the floating "revisit consent" button */
.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
  display: none;
}

/* Intercom: style the messenger iframe */
iframe.intercom-borderless-frame {
  background: var(--color-bg-neutral-subtle, #f5f6f7) !important;
  padding: var(--spacing-16, 1rem) !important;
  border-radius: var(--border-radius-16, 1rem) !important;
  box-shadow: 0 0 50px rgba(55, 58, 64, 0.25) !important;
}/**
 * HubSpot Request Demo Form Styles
 * Styles for the externally embedded HubSpot form
 */

/* Form Container */
.hbspt-form {
  width: 100%;
  max-width: 100%;
}

.hs-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  width: 100%;
}

/* Field Containers */
.hs-form-field {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

/* Hide Labels (using placeholders instead) — show for dropdowns & checkboxes */
.hs-form-field label {
  display: none;
}

/* Show label above select/dropdown fields and fields without placeholders */
.hs-form-field:has(select) label:not(.hs-form-booleancheckbox-display),
.hs_how_did_you_hear_about_us label {
  display: block;
  font-size: var(--typo-body-small);
  font-weight: var(--font-weight-medium);
  font-family: var(--font-family-base);
  color: var(--color-text-default-soft);
  margin-bottom: var(--spacing-6);
}

/* Override HubSpot's inline red on required-field label spans */
.hs_how_did_you_hear_about_us label span {
  color: inherit !important;
}

.hs-form-field label.hs-form-booleancheckbox-display {
  display: flex;
}

/* Input Wrapper */
.hs-form-field .input {
  width: 100%;
}

/* Text Inputs */
.hs-form-field input[type='text'],
.hs-form-field input[type='email'],
.hs-input {
  width: 100%;
  padding: var(--spacing-16) var(--spacing-24);
  font-size: var(--typo-body-medium);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-default-default);
  background-color: var(--color-bg-default-default);
  border: 1px solid var(--color-border-default-default);
  border-radius: var(--border-radius-12);
  outline: none;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  font-family: var(--font-family-base);
  line-height: 1.5;
}

/* Placeholder Styles */
.hs-form-field input::placeholder {
  color: var(--color-text-default-muted);
  opacity: 1;
}

/* Focus State */
.hs-form-field input[type='text']:focus,
.hs-form-field input[type='email']:focus,
.hs-input:focus {
  border-color: var(--color-border-brand-primary-hover);
  box-shadow: 0 0 0 3px rgba(114, 60, 87, 0.1);
}

/* Select / Dropdown — matches text input styling, Safari/iOS safe */
.hs-form-field select {
  width: 100%;
  padding: var(--spacing-16) var(--spacing-24);
  padding-right: var(--spacing-48);
  font-size: var(--typo-body-medium);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-default-muted);
  background-color: var(--color-bg-default-default);
  border: 1px solid var(--color-border-default-default);
  border-radius: var(--border-radius-12);
  outline: none;
  font-family: var(--font-family-base);
  line-height: 1.5;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;

  /* Reset native appearance for consistent cross-browser styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* Custom chevron arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%232e2428' d='M12 16l-6-6h12l-6 6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--spacing-16) center;
  background-size: 16px;
}

/* Once a real value is selected, show dark text */
.hs-form-field select.is-placeholder,
.hs-form-field select:invalid {
  color: var(--color-text-default-muted);
}

.hs-form-field select:not(.is-placeholder):valid,
.hs-form-field select:focus {
  color: var(--color-text-default-default);
}

/* Style the placeholder option */
.hs-form-field select option[value=''] {
  color: var(--color-text-default-muted);
}

.hs-form-field select option:not([value='']) {
  color: var(--color-text-default-default);
}

.hs-form-field select:focus {
  border-color: var(--color-border-brand-primary-hover);
  box-shadow: 0 0 0 3px rgba(114, 60, 87, 0.1);
}

.hs-form-field select.invalid,
.hs-form-field select.error {
  border-color: var(--color-border-danger-default);
}

.hs-form-field select.invalid:focus,
.hs-form-field select.error:focus {
  border-color: var(--color-border-danger-default);
  box-shadow: 0 0 0 3px rgba(152, 0, 0, 0.1);
}

/* Textarea — same styling as inputs */
.hs-form-field textarea {
  width: 100%;
  padding: var(--spacing-16) var(--spacing-24);
  font-size: var(--typo-body-medium);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-default-default);
  background-color: var(--color-bg-default-default);
  border: 1px solid var(--color-border-default-default);
  border-radius: var(--border-radius-12);
  outline: none;
  font-family: var(--font-family-base);
  line-height: 1.5;
  resize: vertical;
  min-height: 120px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.hs-form-field textarea::placeholder {
  color: var(--color-text-default-muted);
  opacity: 1;
}

.hs-form-field textarea:focus {
  border-color: var(--color-border-brand-primary-hover);
  box-shadow: 0 0 0 3px rgba(114, 60, 87, 0.1);
}

/* Error State */
.hs-form-field input.invalid,
.hs-form-field input.error {
  border-color: var(--color-border-danger-default);
}

.hs-form-field input.invalid:focus,
.hs-form-field input.error:focus {
  border-color: var(--color-border-danger-default);
  box-shadow: 0 0 0 3px rgba(152, 0, 0, 0.1);
}

/* Error Messages */
.hs-error-msgs {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

/* Hide error container when empty to prevent extra gap */
.hs-error-msgs:empty {
  display: none;
}

/* Hide error container when it doesn't have role="alert" (means no active errors) */
.hs-error-msgs:not([role='alert']) {
  display: none;
}

.hs-error-msg {
  font-size: var(--typo-body-small);
  color: var(--color-text-danger-default);
  font-weight: var(--font-weight-regular);
  margin: 0;
}

/* General form error message (appears at form level) */
.hs_error_rollup {
  grid-column: 1 / -1 !important;
  width: 100%;
}

/* Collapse error rollup when no active errors */
.hs_error_rollup:not(:has(.hs-error-msg)) {
  display: none;
}

/* Collapse fieldsets that only contain hidden fields */
.hs-form
  fieldset:has(.hs-form-field):not(
    :has(.hs-form-field:not([style*='display: none']):not([style*='display:none']))
  ) {
  display: none !important;
}

/* Collapse empty fieldsets */
.hs-form fieldset:empty {
  display: none !important;
}

/* Collapse legal consent container when empty */
.hs-form .legal-consent-container:empty {
  display: none;
}

.hs_error_rollup .hs-error-msgs {
  width: 100%;
}

.hs_error_rollup .hs-error-msg {
  font-size: var(--typo-body-medium);
  text-align: left;
}

/* Field Description */
.hs-field-desc {
  font-size: var(--typo-body-small);
  color: var(--color-text-default-soft);
  margin-top: var(--spacing-4);
}

/* Submit Button Container */
.hs-submit {
  margin-top: var(--spacing-12);
}

.hs-submit .actions {
  width: 100%;
}

/* Submit Button */
.hs-button.primary {
  width: 100%;
  padding: var(--spacing-16) var(--spacing-40);
  font-size: var(--typo-label-medium);
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-family-base);
  color: var(--btn-primary-text);
  background-color: var(--btn-primary-bg);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    transform 0.1s ease;
  outline: none;
  line-height: 1.5;
  text-align: center;
}

.hs-button.primary:hover {
  background-color: var(--btn-primary-bg-hover);
}

.hs-button.primary:active {
  background-color: var(--btn-primary-bg-active);
  transform: scale(0.98);
}

.hs-button.primary:focus-visible {
  box-shadow:
    0 0 0 2px var(--btn-primary-focus-inner),
    0 0 0 4px var(--btn-primary-focus-outer);
}

/* Large Button Variant */
.hs-button.large {
  min-height: var(--btn-large-height);
  padding: var(--spacing-16) var(--spacing-40);
  font-size: var(--typo-label-large);
}

/* Hidden Fields */
.hs-form-field[style*='display: none'],
.hs-form-field[style*='display:none'] {
  display: none !important;
}

/* Remove default form margins */
.hs-form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

/* Utility Classes */
.no-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Fieldset resets — HubSpot wraps fields in fieldsets with their own layout */
.hs-form fieldset {
  max-width: 100% !important;
}

.hs-form fieldset.form-columns-1,
.hs-form fieldset.form-columns-2,
.hs-form fieldset.form-columns-3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
}

.hs-form fieldset.form-columns-1 .hs-form-field,
.hs-form fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset.form-columns-3 .hs-form-field {
  width: 100% !important;
}

/* First/last name — keep side by side on larger screens */
@media (min-width: 480px) {
  .hs-form fieldset.form-columns-2:has(.hs_firstname) {
    flex-direction: row;
    gap: var(--spacing-16);
  }

  .hs-form fieldset.form-columns-2:has(.hs_firstname) .hs-form-field {
    flex: 1;
    min-width: 0;
  }
}

/* Responsive Layout - Two columns for first/last name on larger screens */
@media (min-width: 768px) {
  .hs-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-16) var(--spacing-16);
  }

  /* All fieldsets span full width */
  .hs-form fieldset {
    grid-column: 1 / -1;
  }

  /* First Name and Last Name side by side - each field takes full width of its column */
  .hs-firstname,
  .hs-lastname {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
  }

  /* Error messages stay within their column */
  .hs-firstname .hs-error-msgs,
  .hs-lastname .hs-error-msgs {
    width: 100%;
  }

  /* Full width fields */
  .hs-email,
  .hs-company,
  .hs-phone,
  .hs-phone_number_form__c,
  .hs-how_did_you_hear_about_us,
  .hs-submit {
    grid-column: 1 / -1;
  }

  /* Hidden fields stay hidden */
  .hs-form-field[style*='display: none'],
  .hs-form-field[style*='display:none'] {
    grid-column: 1 / -1;
  }
}

/* Mobile - Single Column */
@media (max-width: 767px) {
  .hs-form {
    gap: var(--spacing-12);
  }

  .hs-button.primary {
    font-size: var(--typo-label-medium);
  }
}

/* Privacy Text */
.hs-form .hs-richtext {
  font-size: var(--typo-caption);
  color: var(--color-text-default-soft);
  line-height: 1.5;
  margin-top: var(--spacing-8);
  text-align: center;
}

.hs-form .hs-richtext a {
  color: var(--color-text-link-default);
  text-decoration: underline;
  transition: color 0.2s ease;
}

.hs-form .hs-richtext a:hover {
  color: var(--color-text-link-default-hover);
}

/* Loading State */
.hs-form.hs-form-submitting {
  opacity: 0.6;
  pointer-events: none;
}

/* Success Message */
.submitted-message {
  padding: var(--spacing-24);
  text-align: center;
  font-size: var(--typo-body-large);
  color: var(--color-text-default-default);
  background-color: var(--color-bg-surface-light-surface-1);
  border-radius: var(--border-radius-12);
}

.submitted-message p {
  margin: 0 0 var(--spacing-16);
}

.submitted-message p:last-child {
  margin-bottom: 0;
}

/* Hero Form Compact — stacked inputs, smaller button */
.hero-form .hs-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
}

.hero-form .hs-button.primary {
  padding: var(--spacing-12) var(--spacing-40);
  line-height: 1;
}

/* Forms inside html-block (e.g. accessibility pack) — extra space before submit */
.wp-block-interact-html-block .hs-submit {
  margin-top: var(--spacing-16);
}
/*
Theme Name: Interact 26
Theme URI: https://interactsoftware.com
Author: Interact Software
Author URI: https://interactsoftware.com
Description: Modern WordPress theme with React-based Gutenberg blocks. Built with @wordpress/scripts, React, and modern JavaScript. Perfect for creating scalable, maintainable custom blocks with hot reload and component reusability.
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: interact-26
Tags: custom-blocks, react, gutenberg, modern, block-editor, flexible, interactive
*/

/*
 * This file is required by WordPress to recognize this as a theme.
 * All block styles are compiled from SCSS files in src/blocks/
 * and loaded automatically via functions.php
 */

body {
  font-family: var(--font-family-base, 'Inter', 'Segoe UI', sans-serif);
  color: var(--color-text-brand-primary, #471a34);
  margin: 0;
}

body:has(.mobile-nav-dialog[data-state='open']) {
  overflow: hidden;
  touch-action: none;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 400;
  width: 100%;
  background-color: var(--color-bg-default-default);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
  margin: 0;
}

body.admin-bar .site-header {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}

/* Block Alignment Styles */
.alignwide {
  max-width: var(--wp--style--global--wide-size, 1440px);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.alignfull {
  max-width: none;
  width: 100%;
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

/* Utilities */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* Typography */
.typography {
  margin: 0;
  color: var(--color-text-default-default);
}

.typography strong,
.typography b {
  font-weight: var(--font-weight-semibold, 600);
}

.typo-font-body {
  font-family: var(--font-family-base);
}

.typo-font-heading {
  font-family: var(--font-family-heading);
}

/* Headings (H1-H6) */
.typo-h1,
.typo-h2,
.typo-h3,
.typo-h4,
.typo-h5,
.typo-h6 {
  font-weight: var(--font-weight-medium, 500);
}

.typo-h1,
.typo-h2,
.typo-h3 {
  line-height: 115%;
  letter-spacing: -0.02em;
}

.typo-h4,
.typo-h5,
.typo-h6 {
  line-height: 130%;
  letter-spacing: -0.01em;
}

/* Links inside any Typography block — inherit parent text color so they
   adapt automatically on dark/light backgrounds set via inline styles. */
.typography a {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
  transition: filter 0.2s ease;
}

.typography a:hover {
  filter: brightness(1.4);
}

/* Heading H1 */
.typo-h1 {
  font-size: var(--typo-h1, 48px);
}

.typo-h1.typo-large {
  font-size: var(--typo-h1-large, 48px);
}

.typo-h1.typo-xlarge {
  font-size: var(--typo-h1-xlarge, 56px);
}

/* Heading H2 */
.typo-h2 {
  font-size: var(--typo-h2, 36px);
}

.typo-h2.typo-large {
  font-size: var(--typo-h2-large, 40px);
}

.typo-h2.typo-xlarge {
  font-size: var(--typo-h2-xlarge, 52px);
}

/* Heading H3 */
.typo-h3 {
  font-size: var(--typo-h3, 32px);
}

/* Heading H4 */
.typo-h4 {
  font-size: var(--typo-h4, 28px);
}

/* Heading H5 */
.typo-h5 {
  font-size: var(--typo-h5, 24px);
}

/* Heading H6 */
.typo-h6 {
  font-size: var(--typo-h6, 20px);
}

/* Body (Paragraphs) */
.typo-body {
  font-weight: var(--font-weight-regular, 400);
  line-height: 130%;
  letter-spacing: -0.01em;
}


.typo-body.typo-xlarge {
  font-size: var(--typo-body-xlarge, 24px);
}

.typo-body.typo-large {
  font-size: var(--typo-body-large, 20px);
}

.typo-body.typo-medium {
  font-size: var(--typo-body-medium, 16px);
}

.typo-body.typo-small {
  font-size: var(--typo-body-small, 14px);
  letter-spacing: 0;
}

.typo-body.typo-xsmall {
  font-size: var(--typo-body-xsmall, 12px);
  letter-spacing: 0;
}

/* Single Line */
.typo-single-line {
  font-weight: var(--font-weight-regular, 400);
  line-height: 100%;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.typo-single-line.typo-xlarge {
  font-size: var(--typo-single-line-xlarge, 24px);
}

.typo-single-line.typo-large {
  font-size: var(--typo-single-line-large, 20px);
}

.typo-single-line.typo-medium {
  font-size: var(--typo-single-line-medium, 16px);
}

.typo-single-line.typo-small {
  font-size: var(--typo-single-line-small, 14px);
  letter-spacing: 0;
}

.typo-single-line.typo-xsmall {
  font-size: var(--typo-single-line-xsmall, 12px);
  letter-spacing: 0;
}

/* Eyebrow */
.typo-eyebrow {
  font-weight: var(--font-weight-medium, 500);
  line-height: 130%;
  letter-spacing: -0.01em;
}

.typo-eyebrow.typo-medium {
  font-size: var(--typo-eyebrow-medium, 20px);
}

.typo-eyebrow.typo-small {
  font-size: var(--typo-eyebrow-small, 16px);
}

.typo-eyebrow.typo-single-line {
  line-height: 100%;
}

/* Button */
.typo-button {
  font-size: var(--typo-button, 16px);
  font-weight: var(--font-weight-semibold, 600);
  line-height: 100%;
  letter-spacing: -0.02em;
}

/* Chip */
.typo-chip {
  font-size: var(--typo-chip, 14px);
  font-weight: var(--font-weight-medium, 500);
  line-height: 100%;
  letter-spacing: -0.01em;
}

/* Caption */
.typo-caption {
  font-size: var(--typo-caption, 10px);
  font-weight: var(--font-weight-medium, 500);
  line-height: 130%;
  letter-spacing: 0;
}

/* Label */
.typo-label {
  font-weight: var(--font-weight-medium);
  line-height: 130%;
  letter-spacing: 0;
}

.typo-label.typo-large {
  font-size: var(--typo-label-large, 20px);
}

.typo-label.typo-medium {
  font-size: var(--typo-label-medium, 16px);
}

.typo-label.typo-small {
  font-size: var(--typo-label-small, 14px);
}

/* List (ul/ol as typography) */
ul.typography,
ol.typography {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6);
  padding-left: var(--spacing-24);
  list-style-position: outside;
}

ul.typography.typo-list-inside,
ol.typography.typo-list-inside {
  padding-left: 1.2em;
  list-style-position: outside;
}

ul.typography li::marker,
ol.typography li::marker {
  color: currentColor;
}

/* Custom list icon markers — shared base */
ul.typography.typo-list-check,
ul.typography.typo-list-check-circle,
ul.typography.typo-list-plus,
ol.typography.typo-list-check,
ol.typography.typo-list-check-circle,
ol.typography.typo-list-plus {
  list-style: none;
  padding-left: 0;
}

ul.typography.typo-list-check li,
ul.typography.typo-list-check-circle li,
ul.typography.typo-list-plus li,
ol.typography.typo-list-check li,
ol.typography.typo-list-check-circle li,
ol.typography.typo-list-plus li {
  position: relative;
  padding-left: var(--spacing-32, 32px);
  list-style: none;
}

ul.typography.typo-list-check li::before,
ul.typography.typo-list-check-circle li::before,
ul.typography.typo-list-plus li::before,
ol.typography.typo-list-check li::before,
ol.typography.typo-list-check-circle li::before,
ol.typography.typo-list-plus li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 20px;
  height: 20px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: currentColor;
}

/* Checkmark icon */
ul.typography.typo-list-check li::before,
ol.typography.typo-list-check li::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
}

/* Check circle icon (guide-content design, thicker stroke for crisp mask rendering) */
ul.typography.typo-list-check-circle li::before,
ol.typography.typo-list-check-circle li::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.333 7.713v.62a6.667 6.667 0 1 1-3.953-6.093'/%3E%3Cpolyline points='15 2.333 7.667 9.667 5.667 7.667'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.333 7.713v.62a6.667 6.667 0 1 1-3.953-6.093'/%3E%3Cpolyline points='15 2.333 7.667 9.667 5.667 7.667'/%3E%3C/svg%3E");
}

/* Plus icon */
ul.typography.typo-list-plus li::before,
ol.typography.typo-list-plus li::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z'/%3E%3C/svg%3E");
}

/* Stat */
.typo-stat {
  font-weight: var(--font-weight-medium, 500);
  line-height: 100%;
  letter-spacing: -0.01em;
  font-size: var(--typo-stat, 60px);
}

/* NOTE: 768px comes from responsive.mixin.scss (mobile breakpoint). Keep in sync if updated. */
@media (max-width: 768px) {
  .typo-h1 {
    font-size: var(--typo-h1-mobile, 38px);
  }

  .typo-h1.typo-large {
    font-size: var(--typo-h1-large-mobile, 44px);
  }

  .typo-h1.typo-xlarge {
    font-size: var(--typo-h1-xlarge-mobile, 48px);
  }

  .typo-h2 {
    font-size: var(--typo-h2-mobile, 32px);
  }

  .typo-h2.typo-large {
    font-size: var(--typo-h2-large-mobile, 36px);
  }

  .typo-h2.typo-xlarge {
    font-size: var(--typo-h2-xlarge-mobile, 40px);
  }

  .typo-h3 {
    font-size: var(--typo-h3-mobile, 28px);
  }

  .typo-h4 {
    font-size: var(--typo-h4-mobile, 24px);
  }

  .typo-h5 {
    font-size: var(--typo-h5-mobile, 20px);
  }

  .typo-h6 {
    font-size: var(--typo-h6-mobile, 18px);
  }

  .typo-stat {
    font-size: var(--typo-stat-mobile, 48px);
  }
}
/* Search Input */
.search-input {
  width: 100%;
  --search-input-height: var(--search-input-height-medium, 60px);
  --search-input-button-size: var(--search-input-button-size-medium, 44px);
  --search-input-padding-left: var(--search-input-padding-left-medium, var(--spacing-24, 1.5rem));
  --search-input-padding-right: var(--search-input-padding-right-medium, var(--spacing-8, 0.5rem));
  --search-input-padding-y: var(--search-input-padding-y-medium, var(--spacing-8, 0.5rem));
}

.search-input__field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: var(--search-input-height);
  border-radius: 9999px;
  border: 1px solid var(--color-border-brand-primary-support);
  background: var(--color-bg-default-default);
  padding:
    var(--search-input-padding-y)
    var(--search-input-padding-right)
    var(--search-input-padding-y)
    var(--search-input-padding-left);
  gap: var(--spacing-8, 0.5rem);
  flex-wrap: nowrap;
}

.search-input__field input {
  border: 0;
  flex: 1;
  min-width: 0;
  font-size: 1rem;
  line-height: 1;
  background: transparent;
  padding: 0;
  color: var(--color-text-default-default);
}

.search-input__field input::placeholder {
  color: var(--color-text-default-muted);
}

.search-input__field input:focus {
  outline: none;
}

.search-input__field input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23471a34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") no-repeat center / contain;
  cursor: pointer;
}

.search-input__submit {
  border: 0;
  width: var(--search-input-button-size);
  height: var(--search-input-button-size);
  border-radius: 9999px;
  background: transparent;
  color: var(--color-text-default-default);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
  transition:
    color 0.2s ease;
}

.search-input__submit:hover,
.search-input__submit:focus-visible {
  color: var(--color-text-brand-primary);
}

.search-input__submit:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, 0.8),
    0 0 0 5px rgba(71, 26, 52, 0.35);
}

.search-input__icon svg {
  display: block;
}

.search-input--size-medium {
  --search-input-height: var(--search-input-height-medium, 60px);
  --search-input-button-size: var(--search-input-button-size-medium, 44px);
  --search-input-padding-left: var(--search-input-padding-left-medium, var(--spacing-24, 1.5rem));
  --search-input-padding-right: var(--search-input-padding-right-medium, var(--spacing-8, 0.5rem));
  --search-input-padding-y: var(--search-input-padding-y-medium, var(--spacing-8, 0.5rem));
}

.search-input--size-small {
  --search-input-height: var(--search-input-height-small, 52px);
  --search-input-button-size: var(--search-input-button-size-small, 36px);
  --search-input-padding-left: var(--search-input-padding-left-small, var(--spacing-24, 1.5rem));
  --search-input-padding-right: var(--search-input-padding-right-small, var(--spacing-8, 0.5rem));
  --search-input-padding-y: var(--search-input-padding-y-small, var(--spacing-8, 0.5rem));
}

.search-input--size-large {
  --search-input-height: var(--search-input-height-large, 68px);
  --search-input-button-size: var(--search-input-button-size-large, 52px);
  --search-input-padding-left: var(--search-input-padding-left-large, var(--spacing-40, 2.5rem));
  --search-input-padding-right: var(--search-input-padding-right-large, var(--spacing-16, 1rem));
  --search-input-padding-y: var(--search-input-padding-y-large, var(--spacing-12, 0.75rem));
}
/* Bubble Button */
.bubble-button {
  --bubble-btn-bg: var(--bubble-btn-primary-bg);
  --bubble-btn-bg-hover: var(--bubble-btn-primary-bg-hover);
  --bubble-btn-bg-active: var(--bubble-btn-primary-bg-active);
  --bubble-btn-text: var(--bubble-btn-primary-text);
  --bubble-btn-text-hover: var(--bubble-btn-primary-text-hover, var(--bubble-btn-primary-text));
  --bubble-btn-focus-ring-inner: var(--bubble-btn-primary-focus-inner);
  --bubble-btn-focus-ring-outer: var(--bubble-btn-primary-focus-outer);
  --bubble-btn-height: var(--bubble-btn-size-medium);
  --bubble-btn-padding-x: var(--bubble-btn-padding-x-medium);
  --bubble-btn-bubble-size: var(--bubble-btn-bubble-size-medium);
  display: inline-flex;
  align-items: center;
  gap: 0;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: transparent;
  padding: 0;
  font-family: var(--font-family-base);
  color: var(--bubble-btn-text);
  font-weight: var(--font-weight-semibold, 600);
  letter-spacing: -0.02em;
  line-height: 1;
  transition: transform 0.2s ease;
  appearance: none;
  --bubble-btn-disabled-bg: var(--btn-disabled-bg);
  --bubble-btn-disabled-text: var(--btn-disabled-text);
}


.bubble-button:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 2px var(--bubble-btn-focus-ring-inner),
    0 0 0 5px var(--bubble-btn-focus-ring-outer);
  border-radius: 999px;
}

.bubble-button:disabled,
.bubble-button[aria-disabled='true'] {
  cursor: not-allowed;
  transform: none;
}

.bubble-button-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background-color: var(--bubble-btn-bg);
  min-height: var(--bubble-btn-height);
  padding-inline: var(--bubble-btn-padding-x);
  transition:
    background-color 0.2s ease;
  letter-spacing: inherit;
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.bubble-button:hover:not(:disabled):not([aria-disabled='true']) .bubble-button-label {
  background-color: var(--bubble-btn-bg-hover);
}

.bubble-button:active:not(:disabled):not([aria-disabled='true']) .bubble-button-label {
  background-color: var(--bubble-btn-bg-active);
}

.bubble-button-bubble {
  height: var(--bubble-btn-bubble-size);
  width: var(--bubble-btn-bubble-size);
  border-radius: 999px;
  background-color: var(--bubble-btn-bg);
  color: var(--bubble-btn-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
  flex-shrink: 0;
}

.bubble-button:disabled .bubble-button-label,
.bubble-button[aria-disabled='true'] .bubble-button-label,
.bubble-button:disabled .bubble-button-bubble,
.bubble-button[aria-disabled='true'] .bubble-button-bubble {
  background-color: var(--bubble-btn-disabled-bg);
  color: var(--bubble-btn-disabled-text);
}

.bubble-button:hover:not(:disabled):not([aria-disabled='true']) .bubble-button-bubble {
  background-color: var(--bubble-btn-bg-hover);
}

.bubble-button:active:not(:disabled):not([aria-disabled='true']) .bubble-button-bubble {
  background-color: var(--bubble-btn-bg-active);
}

.bubble-button-bubble svg {
  width: 20px;
  height: 20px;
  display: block;
  transform: rotate(0deg);
  transform-box: view-box;
  transform-origin: center;
  transition: transform 0.2s ease-in-out;
  will-change: transform;
}

.bubble-button:hover:not(:disabled):not([aria-disabled='true']) .bubble-button-bubble svg {
  transform: rotate(22.5deg);
}

.bubble-button.button--primary {
  --bubble-btn-bg: var(--bubble-btn-primary-bg);
  --bubble-btn-bg-hover: var(--bubble-btn-primary-bg-hover);
  --bubble-btn-bg-active: var(--bubble-btn-primary-bg-active);
  --bubble-btn-text: var(--bubble-btn-primary-text);
  --bubble-btn-text-hover: var(--bubble-btn-primary-text-hover, var(--bubble-btn-primary-text));
  --bubble-btn-focus-ring-inner: var(--bubble-btn-primary-focus-inner);
  --bubble-btn-focus-ring-outer: var(--bubble-btn-primary-focus-outer);
}

.bubble-button.button--primary-light {
  --bubble-btn-bg: var(--bubble-btn-primary-light-bg);
  --bubble-btn-bg-hover: var(--bubble-btn-primary-light-bg-hover);
  --bubble-btn-bg-active: var(--bubble-btn-primary-light-bg-active);
  --bubble-btn-text: var(--bubble-btn-primary-light-text);
  --bubble-btn-text-hover: var(
    --bubble-btn-primary-light-text-hover,
    var(--bubble-btn-primary-light-text)
  );
  --bubble-btn-focus-ring-inner: var(--bubble-btn-primary-light-focus-inner);
  --bubble-btn-focus-ring-outer: var(--bubble-btn-primary-light-focus-outer);
}

.bubble-button.button--secondary {
  --bubble-btn-bg: var(--bubble-btn-secondary-bg);
  --bubble-btn-bg-hover: var(--bubble-btn-secondary-bg-hover);
  --bubble-btn-bg-active: var(--bubble-btn-secondary-bg-active);
  --bubble-btn-text: var(--bubble-btn-secondary-text);
  --bubble-btn-text-hover: var(--bubble-btn-secondary-text-hover, var(--bubble-btn-secondary-text));
  --bubble-btn-focus-ring-inner: var(--bubble-btn-secondary-focus-inner);
  --bubble-btn-focus-ring-outer: var(--bubble-btn-secondary-focus-outer);
}

.bubble-button.button--small {
  --bubble-btn-height: var(--bubble-btn-size-small);
  --bubble-btn-padding-x: var(--bubble-btn-padding-x-small);
  --bubble-btn-bubble-size: var(--bubble-btn-bubble-size-small);
}

.bubble-button.button--medium {
  --bubble-btn-height: var(--bubble-btn-size-medium);
  --bubble-btn-padding-x: var(--bubble-btn-padding-x-medium);
  --bubble-btn-bubble-size: var(--bubble-btn-bubble-size-medium);
}

.bubble-button.button--large {
  --bubble-btn-height: var(--bubble-btn-size-large);
  --bubble-btn-padding-x: var(--bubble-btn-padding-x-large);
  --bubble-btn-bubble-size: var(--bubble-btn-bubble-size-large);
}
/* Button */
.interact-button {
  --btn-bg: var(--btn-primary-bg);
  --btn-bg-hover: var(--btn-primary-bg-hover);
  --btn-bg-active: var(--btn-primary-bg-active);
  --btn-border: var(--btn-primary-border, 1px solid transparent);
  --btn-border-hover: var(--btn-primary-border-hover);
  --btn-text-color: var(--btn-primary-text);
  --btn-text-hover: var(--btn-primary-text-hover, var(--btn-primary-text));
  --btn-focus-ring-inner: var(--btn-primary-focus-inner);
  --btn-focus-ring-outer: var(--btn-primary-focus-outer);
  --btn-bg-disabled: var(--btn-disabled-bg);
  --btn-text-disabled: var(--btn-disabled-text);
  --btn-border-disabled: var(--btn-disabled-border);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: var(--font-weight-semibold, 600);
  font-family: var(--font-family-base);
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
  text-align: center;
  cursor: pointer;
  border: var(--btn-border, 1px solid transparent);
  min-height: var(--button-height);
  padding-inline: var(--button-padding-x);
  color: var(--btn-text-color, currentColor);
  background-color: var(--btn-bg, transparent);
  letter-spacing: -0.02em;
  line-height: 1;
}

.button__content {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-8);
}

.button__icon {
  display: inline-flex;
  width: var(--sizing-20);
  height: var(--sizing-20);
}

.button__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.button__icon img {
  width: 100%;
  height: 100%;
  display: block;
}

.interact-button.button--full-width {
  width: 100%;
}

.interact-button:hover {
  background-color: var(--btn-bg-hover, var(--btn-bg, transparent));
  border-color: var(--btn-border-hover, currentColor);
  color: var(--btn-text-hover, var(--btn-text-color, currentColor));
}

.interact-button:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 2px var(--btn-focus-ring-inner),
    0 0 0 5px var(--btn-focus-ring-outer);
}

.interact-button:disabled,
.interact-button[aria-disabled='true'] {
  background-color: var(--btn-bg-disabled, var(--btn-bg, transparent));
  color: var(--btn-text-disabled, var(--btn-text-color, currentColor));
  border-color: var(--btn-border-disabled, var(--btn-border-hover, currentColor));
  opacity: 1;
  cursor: not-allowed;
  box-shadow: none;
}

/* Shared button variants */
.interact-button.button--primary {
  --btn-bg: var(--btn-primary-bg);
  --btn-bg-hover: var(--btn-primary-bg-hover);
  --btn-bg-active: var(--btn-primary-bg-active);
  --btn-text-color: var(--btn-primary-text);
  --btn-text-hover: var(--btn-primary-text-hover);
  --btn-focus-ring-inner: var(--btn-primary-focus-inner);
  --btn-focus-ring-outer: var(--btn-primary-focus-outer);
  --btn-border: 1px solid var(--btn-primary-border);
  --btn-border-hover: var(--btn-primary-border-hover);
}

.interact-button.button--primary-light {
  --btn-bg: var(--btn-primary-light-bg);
  --btn-bg-hover: var(--btn-primary-light-bg-hover);
  --btn-bg-active: var(--btn-primary-light-bg-active);
  --btn-text-color: var(--btn-primary-light-text);
  --btn-text-hover: var(--btn-primary-light-text-hover);
  --btn-focus-ring-inner: var(--btn-primary-light-focus-inner);
  --btn-focus-ring-outer: var(--btn-primary-light-focus-outer);
  --btn-border: 1px solid var(--btn-primary-light-border);
  --btn-border-hover: var(--btn-primary-light-border-hover);
}

.interact-button.button--secondary {
  --btn-bg: var(--btn-secondary-bg);
  --btn-bg-hover: var(--btn-secondary-bg-hover);
  --btn-bg-active: var(--btn-secondary-bg-active);
  --btn-text-color: var(--btn-secondary-text);
  --btn-text-hover: var(--btn-secondary-text-hover);
  --btn-focus-ring-inner: var(--btn-secondary-focus-inner);
  --btn-focus-ring-outer: var(--btn-secondary-focus-outer);
  --btn-border: 1px solid var(--btn-secondary-border);
  --btn-border-hover: var(--btn-secondary-border-hover);
}

.interact-button.button--info {
  --btn-bg: var(--btn-info-bg);
  --btn-bg-hover: var(--btn-info-bg-hover);
  --btn-bg-active: var(--btn-info-bg-active);
  --btn-text-color: var(--btn-info-text);
  --btn-text-hover: var(--btn-info-text-hover);
  --btn-focus-ring-inner: var(--btn-info-focus-inner);
  --btn-focus-ring-outer: var(--btn-info-focus-outer);
  --btn-border: 1px solid var(--btn-info-border);
  --btn-border-hover: var(--btn-info-border-hover);
}

.interact-button.button--subtle {
  --btn-bg: var(--btn-subtle-bg);
  --btn-bg-hover: var(--btn-subtle-bg-hover);
  --btn-bg-active: var(--btn-subtle-bg-active);
  --btn-text-color: var(--btn-subtle-text);
  --btn-text-hover: var(--btn-subtle-text-hover);
  --btn-focus-ring-inner: var(--btn-subtle-focus-inner);
  --btn-focus-ring-outer: var(--btn-subtle-focus-outer);
  --btn-border: 1px solid var(--btn-subtle-border);
  --btn-border-hover: var(--btn-subtle-border-hover);
  --btn-bg-disabled: transparent;
  --btn-border-disabled: transparent;
}

.interact-button.button--subtle-white {
  --btn-bg: var(--btn-subtle-white-bg);
  --btn-bg-hover: var(--btn-subtle-white-bg-hover);
  --btn-bg-active: var(--btn-subtle-white-bg-active);
  --btn-text-color: var(--btn-subtle-white-text);
  --btn-text-hover: var(--btn-subtle-white-text-hover);
  --btn-focus-ring-inner: var(--btn-subtle-white-focus-inner);
  --btn-focus-ring-outer: var(--btn-subtle-white-focus-outer);
  --btn-border: 1px solid var(--btn-subtle-white-border);
  --btn-border-hover: var(--btn-subtle-white-border-hover);
  --btn-bg-disabled: transparent;
  --btn-border-disabled: transparent;
}

.interact-button.button--outline {
  --btn-bg: var(--btn-outline-bg);
  --btn-bg-hover: var(--btn-outline-bg-hover);
  --btn-bg-active: var(--btn-outline-bg-active);
  --btn-text-color: var(--btn-outline-text);
  --btn-text-hover: var(--btn-outline-text-hover);
  --btn-focus-ring-inner: var(--btn-outline-focus-inner);
  --btn-focus-ring-outer: var(--btn-outline-focus-outer);
  --btn-border: 1px solid var(--btn-outline-border);
  --btn-border-hover: var(--btn-outline-border-hover);
}

/* Shared button sizes */
.interact-button.button--small {
  --button-height: var(--btn-small-height, 40px);
  --button-padding-x: var(--btn-small-padding-x, 20px);
  --bubble-size: var(--btn-small-bubble-size, 40px);
  font-size: var(--btn-small-font-size, 16px);
}

.interact-button.button--medium {
  --button-height: var(--btn-medium-height, 52px);
  --button-padding-x: var(--btn-medium-padding-x, 32px);
  --bubble-size: var(--btn-medium-bubble-size, 52px);
  font-size: var(--btn-medium-font-size, 16px);
}

.interact-button.button--large {
  --button-height: var(--btn-large-height, 64px);
  --button-padding-x: var(--btn-large-padding-x, 40px);
  --bubble-size: var(--btn-large-bubble-size, 64px);
  font-size: var(--btn-large-font-size, 16px);
}

/* Primary button on brand-tertiary bg: hover color (#723c57) matches the card bg,
   so use a darker plum to keep the button visible on hover. */
.has-brand-tertiary-background-color .interact-button.button--primary {
  --btn-bg-hover: var(--color-plum-700, #361328);
  --btn-border-hover: var(--color-plum-700, #361328);
}

/* Button Danger */
.button-danger {
  --btn-danger-bg: transparent;
  --btn-danger-bg-hover: transparent;
  --btn-danger-text: currentColor;
  --btn-danger-text-hover: currentColor;
  --btn-danger-border: 1px solid transparent;
  --btn-danger-border-hover: transparent;
  --btn-danger-border-disabled: var(--btn-disabled-bg);
  --btn-danger-focus-inner: currentColor;
  --btn-danger-focus-outer: currentColor;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: var(--font-weight-semibold, 600);
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease,
    border-color 0.2s ease;
  text-align: center;
  cursor: pointer;
  border: var(--btn-danger-border);
  min-height: var(--button-danger-height);
  padding-inline: var(--button-danger-padding-x);
  font-family: var(--font-family-base);
  color: var(--btn-danger-text);
  background-color: var(--btn-danger-bg);
  letter-spacing: -0.02em;
  line-height: 1;
}

.button-danger:hover {
  background-color: var(--btn-danger-bg-hover);
  color: var(--btn-danger-text-hover);
  border-color: var(--btn-danger-border-hover);
}

.button-danger:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 2px var(--btn-danger-focus-inner),
    0 0 0 5px var(--btn-danger-focus-outer);
}

.button-danger:active {
  transform: translateY(1px) scale(0.99);
}

.button-danger:disabled,
.button-danger[aria-disabled='true'] {
  background-color: var(--btn-disabled-bg);
  color: var(--btn-disabled-text);
  border-color: var(--btn-danger-border-disabled);
  cursor: not-allowed;
}

.button-danger--subtle:disabled,
.button-danger--subtle[aria-disabled='true'] {
  background-color: transparent;
  border-color: transparent;
}

.button-danger--primary {
  --btn-danger-bg: var(--btn-danger-primary-bg);
  --btn-danger-bg-hover: var(--btn-danger-primary-bg-hover);
  --btn-danger-bg-active: var(--btn-danger-primary-bg-active);
  --btn-danger-text: var(--btn-danger-primary-text);
  --btn-danger-text-hover: var(--btn-danger-primary-text-hover);
  --btn-danger-focus-inner: var(--btn-danger-primary-focus-inner);
  --btn-danger-focus-outer: var(--btn-danger-primary-focus-outer);
  --btn-danger-border: 1px solid var(--btn-danger-primary-border);
  --btn-danger-border-hover: var(--btn-danger-primary-border-hover);
}

.button-danger--secondary {
  --btn-danger-bg: var(--btn-danger-secondary-bg);
  --btn-danger-bg-hover: var(--btn-danger-secondary-bg-hover);
  --btn-danger-bg-active: var(--btn-danger-secondary-bg-active);
  --btn-danger-text: var(--btn-danger-secondary-text);
  --btn-danger-text-hover: var(--btn-danger-secondary-text-hover);
  --btn-danger-focus-inner: var(--btn-danger-secondary-focus-inner);
  --btn-danger-focus-outer: var(--btn-danger-secondary-focus-outer);
  --btn-danger-border: 1px solid var(--btn-danger-secondary-border);
  --btn-danger-border-hover: var(--btn-danger-secondary-border-hover);
}

.button-danger--subtle {
  --btn-danger-bg: var(--btn-danger-subtle-bg);
  --btn-danger-bg-hover: var(--btn-danger-subtle-bg-hover);
  --btn-danger-bg-active: var(--btn-danger-subtle-bg-active);
  --btn-danger-text: var(--btn-danger-subtle-text);
  --btn-danger-text-hover: var(--btn-danger-subtle-text-hover);
  --btn-danger-focus-inner: var(--btn-danger-subtle-focus-inner);
  --btn-danger-focus-outer: var(--btn-danger-subtle-focus-outer);
  --btn-danger-border: 1px solid var(--btn-danger-subtle-border);
  --btn-danger-border-hover: var(--btn-danger-subtle-border-hover);
}

.button-danger--small {
  --button-danger-height: 36px;
  --button-danger-padding-x: 20px;
  font-size: 16px;
}

.button-danger--medium {
  --button-danger-height: 44px;
  --button-danger-padding-x: 20px;
  font-size: 16px;
}

.button-danger--full-width {
  width: 100%;
}
/* Underline Button */
.underline-button {
  --underline-btn-text: var(--underline-btn-primary-text);
  --underline-btn-icon: var(--underline-btn-primary-icon);
  --underline-btn-border: var(--underline-btn-primary-border);
  --underline-btn-text-hover: var(--underline-btn-primary-text-hover);
  --underline-btn-icon-hover: var(--underline-btn-primary-icon-hover);
  --underline-btn-border-hover: var(--underline-btn-primary-border-hover);
  --underline-btn-text-disabled: var(--color-text-disabled-default);
  --underline-btn-border-disabled: var(--color-border-disabled-default);
  --underline-btn-focus-ring: var(--underline-btn-primary-focus-ring);
  --underline-btn-gap: var(--spacing-4);
  --underline-btn-padding-y: var(--spacing-8);
  --underline-btn-font-size: var(--btn-medium-font-size);
  --underline-btn-icon-size: var(--sizing-20);

  display: inline-flex;
  align-items: center;
  gap: var(--underline-btn-gap);
  border: none;
  background: transparent;
  padding-inline: 0;
  padding-block: var(--underline-btn-padding-y);
  font-weight: var(--font-weight-semibold, 600);
  font-family: var(--font-family-base);
  font-size: var(--underline-btn-font-size);
  letter-spacing: -0.02em;
  line-height: 1;
  text-decoration: none;
  color: var(--underline-btn-text);
  cursor: pointer;
  position: relative;
  transition: color 0.2s ease;
}

.underline-button::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: var(--underline-btn-border);
  transition: background-color 0.2s ease;
}

.underline-button:hover:not(:disabled):not([aria-disabled='true']),
.underline-button:focus-visible {
  color: var(--underline-btn-text-hover);
}

.underline-button:hover:not(:disabled):not([aria-disabled='true'])::after,
.underline-button:focus-visible::after {
  background-color: var(--underline-btn-border-hover);
}

.underline-button:focus-visible {
  outline: 2px solid var(--underline-btn-focus-ring);
  outline-offset: 4px;
}

.underline-button:disabled,
.underline-button[aria-disabled='true'] {
  cursor: not-allowed;
  color: var(--underline-btn-text-disabled);
}

.underline-button-icon {
  width: var(--underline-btn-icon-size);
  height: var(--underline-btn-icon-size);
  flex-shrink: 0;
  color: var(--underline-btn-icon);
  display: inline-flex;
}

.underline-button-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}


.underline-button--primary {
  --underline-btn-text: var(--underline-btn-primary-text);
  --underline-btn-icon: var(--underline-btn-primary-icon);
  --underline-btn-border: var(--underline-btn-primary-border);
  --underline-btn-text-hover: var(--underline-btn-primary-text-hover);
  --underline-btn-icon-hover: var(--underline-btn-primary-icon-hover);
  --underline-btn-border-hover: var(--underline-btn-primary-border-hover);
  --underline-btn-focus-ring: var(--underline-btn-primary-focus-ring);
}

.underline-button--white {
  --underline-btn-text: var(--underline-btn-white-text);
  --underline-btn-icon: var(--underline-btn-white-icon);
  --underline-btn-border: var(--underline-btn-white-border);
  --underline-btn-text-hover: var(--underline-btn-white-text-hover);
  --underline-btn-icon-hover: var(--underline-btn-white-icon-hover);
  --underline-btn-border-hover: var(--underline-btn-white-border-hover);
  --underline-btn-focus-ring: var(--underline-btn-white-focus-ring);
}

.underline-button:disabled::after,
.underline-button[aria-disabled='true']::after {
  background-color: var(--underline-btn-border-disabled);
}

.underline-button:disabled .underline-button-icon,
.underline-button[aria-disabled='true'] .underline-button-icon {
  color: var(--underline-btn-text-disabled);
}

.underline-button:hover:not(:disabled):not([aria-disabled='true']) .underline-button-icon,
.underline-button:focus-visible .underline-button-icon {
  color: var(--underline-btn-icon-hover);
}

/* Round Button */
.round-button {
  --round-btn-bg: var(--round-btn-primary-bg);
  --round-btn-bg-hover: var(--round-btn-primary-bg-hover);
  --round-btn-bg-active: var(--round-btn-primary-bg-active);
  --round-btn-border: var(--round-btn-primary-border, var(--round-btn-bg));
  --round-btn-border-hover: var(--round-btn-primary-border-hover, var(--round-btn-bg-hover));
  --round-btn-border-active: var(--round-btn-primary-border-active, var(--round-btn-bg-active));
  --round-btn-text-color: var(--round-btn-primary-text);
  --round-btn-text-hover: var(--round-btn-primary-text-hover, var(--round-btn-primary-text));
  --round-btn-focus-ring-inner: var(--round-btn-primary-focus-inner);
  --round-btn-focus-ring-outer: var(--round-btn-primary-focus-outer);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--round-btn-border, var(--round-btn-bg));
  background: var(--round-btn-bg, transparent);
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
  text-decoration: none;
  color: var(--round-btn-text-color, currentColor);
  font-family: var(--font-family-base);
}

.round-button:hover:not(:disabled):not([aria-disabled='true']) {
  background-color: var(--round-btn-bg-hover, var(--round-btn-bg));
  border-color: var(--round-btn-border-hover, var(--round-btn-bg-hover, var(--round-btn-bg)));
  color: var(--round-btn-text-hover, var(--round-btn-text-color, currentColor));
}

.round-button:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 2px var(--round-btn-focus-ring-inner),
    0 0 0 5px var(--round-btn-focus-ring-outer);
}

.round-button:active:not(:disabled):not([aria-disabled='true']) {
  background-color: var(--round-btn-bg-active, var(--round-btn-bg));
  border-color: var(
    --round-btn-border-active,
    var(--round-btn-border-hover, var(--round-btn-bg-active))
  );
}

.round-button:disabled,
.round-button[aria-disabled='true'] {
  background-color: var(--round-btn-disabled-bg, var(--btn-bg));
  border-color: var(--round-btn-disabled-border, var(--btn-bg));
  color: var(--round-btn-disabled-text, var(--round-btn-text-color));
  cursor: not-allowed;
}

.round-button.button--subtle {
  --round-btn-disabled-bg: var(--round-btn-subtle-disabled-bg);
  --round-btn-disabled-border: var(--round-btn-subtle-disabled-border);
  --round-btn-disabled-text: var(--btn-disabled-text);
}

.round-button.button--primary {
  --round-btn-bg: var(--round-btn-primary-bg);
  --round-btn-bg-hover: var(--round-btn-primary-bg-hover);
  --round-btn-bg-active: var(--round-btn-primary-bg-active);
  --round-btn-border: var(--round-btn-primary-border, var(--round-btn-bg));
  --round-btn-border-hover: var(--round-btn-primary-border-hover, var(--round-btn-bg-hover));
  --round-btn-border-active: var(--round-btn-primary-border-active, var(--round-btn-bg-active));
  --round-btn-text-color: var(--round-btn-primary-text);
  --round-btn-text-hover: var(--round-btn-primary-text-hover, var(--round-btn-primary-text));
  --round-btn-focus-ring-inner: var(--round-btn-primary-focus-inner);
  --round-btn-focus-ring-outer: var(--round-btn-primary-focus-outer);
}

.round-button.button--primary-light {
  --round-btn-bg: var(--round-btn-primary-light-bg);
  --round-btn-bg-hover: var(--round-btn-primary-light-bg-hover);
  --round-btn-bg-active: var(--round-btn-primary-light-bg-active);
  --round-btn-border: var(--round-btn-primary-light-border, var(--round-btn-bg));
  --round-btn-border-hover: var(--round-btn-primary-light-border-hover, var(--round-btn-bg-hover));
  --round-btn-border-active: var(--round-btn-primary-light-border-active, var(--round-btn-bg-active));
  --round-btn-text-color: var(--round-btn-primary-light-text);
  --round-btn-text-hover: var(
    --round-btn-primary-light-text-hover,
    var(--round-btn-primary-light-text)
  );
  --round-btn-focus-ring-inner: var(--round-btn-primary-light-focus-inner);
  --round-btn-focus-ring-outer: var(--round-btn-primary-light-focus-outer);
}

.round-button.button--secondary {
  --round-btn-bg: var(--round-btn-secondary-bg);
  --round-btn-bg-hover: var(--round-btn-secondary-bg-hover);
  --round-btn-bg-active: var(--round-btn-secondary-bg-active);
  --round-btn-border: var(--round-btn-secondary-border, var(--round-btn-bg));
  --round-btn-border-hover: var(--round-btn-secondary-border-hover, var(--round-btn-bg-hover));
  --round-btn-border-active: var(--round-btn-secondary-border-active, var(--round-btn-bg-active));
  --round-btn-text-color: var(--round-btn-secondary-text);
  --round-btn-text-hover: var(--round-btn-secondary-text-hover, var(--round-btn-secondary-text));
  --round-btn-focus-ring-inner: var(--round-btn-secondary-focus-inner);
  --round-btn-focus-ring-outer: var(--round-btn-secondary-focus-outer);
}

.round-button.button--info {
  --round-btn-bg: var(--round-btn-info-bg);
  --round-btn-bg-hover: var(--round-btn-info-bg-hover);
  --round-btn-bg-active: var(--round-btn-info-bg-active);
  --round-btn-border: var(--round-btn-info-border, var(--round-btn-bg));
  --round-btn-border-hover: var(--round-btn-info-border-hover, var(--round-btn-bg-hover));
  --round-btn-border-active: var(--round-btn-info-border-active, var(--round-btn-bg-active));
  --round-btn-text-color: var(--round-btn-info-text);
  --round-btn-text-hover: var(--round-btn-info-text-hover, var(--round-btn-info-text));
  --round-btn-focus-ring-inner: var(--round-btn-info-focus-inner);
  --round-btn-focus-ring-outer: var(--round-btn-info-focus-outer);
}

.round-button.button--subtle {
  --round-btn-bg: var(--round-btn-subtle-bg);
  --round-btn-bg-hover: var(--round-btn-subtle-bg-hover);
  --round-btn-bg-active: var(--round-btn-subtle-bg-active);
  --round-btn-border: var(--round-btn-subtle-border, var(--round-btn-bg));
  --round-btn-border-hover: var(--round-btn-subtle-border-hover, var(--round-btn-bg-hover));
  --round-btn-border-active: var(--round-btn-subtle-border-active, var(--round-btn-bg-active));
  --round-btn-text-color: var(--round-btn-subtle-text);
  --round-btn-text-hover: var(--round-btn-subtle-text-hover, var(--round-btn-subtle-text));
  --round-btn-focus-ring-inner: var(--round-btn-subtle-focus-inner);
  --round-btn-focus-ring-outer: var(--round-btn-subtle-focus-outer);
}

.round-button.button--tertiary {
  --round-btn-bg: var(--round-btn-tertiary-bg);
  --round-btn-bg-hover: var(--round-btn-tertiary-bg-hover);
  --round-btn-bg-active: var(--round-btn-tertiary-bg-active);
  --round-btn-border: var(--round-btn-tertiary-border, var(--round-btn-bg));
  --round-btn-border-hover: var(--round-btn-tertiary-border-hover, var(--round-btn-bg-hover));
  --round-btn-border-active: var(--round-btn-tertiary-border-active, var(--round-btn-bg-active));
  --round-btn-text-color: var(--round-btn-tertiary-text);
  --round-btn-text-hover: var(--round-btn-tertiary-text-hover, var(--round-btn-tertiary-text));
  --round-btn-focus-ring-inner: var(--round-btn-tertiary-focus-inner);
  --round-btn-focus-ring-outer: var(--round-btn-tertiary-focus-outer);
}

.round-button svg {
  width: var(--round-btn-icon-size);
  height: var(--round-btn-icon-size);
  display: block;
}

.round-button img {
  width: var(--round-btn-icon-size);
  height: var(--round-btn-icon-size);
  display: block;
}

/* Round button sizes */
.round-button--small {
  --round-btn-size: var(--round-btn-size-small, 36px);
  --round-btn-icon-size: var(--round-btn-icon-size-small, 20px);
  width: var(--round-btn-size);
  height: var(--round-btn-size);
}

.round-button--medium {
  --round-btn-size: var(--round-btn-size-medium, 44px);
  --round-btn-icon-size: var(--round-btn-icon-size-medium, 20px);
  width: var(--round-btn-size);
  height: var(--round-btn-size);
}
/* Slider Button */
.slider-button {
  --slider-btn-bg: var(--slider-btn-default-bg);
  --slider-btn-border: var(--slider-btn-default-border);
  --slider-btn-icon: var(--slider-btn-default-icon);
  --slider-btn-bg-hover: var(--slider-btn-default-bg-hover);
  --slider-btn-border-hover: var(--slider-btn-default-border-hover);
  --slider-btn-icon-hover: var(--slider-btn-default-icon-hover);
  --slider-btn-bg-disabled: var(--slider-btn-default-bg-disabled);
  --slider-btn-border-disabled: var(--slider-btn-default-border-disabled);
  --slider-btn-icon-disabled: var(--slider-btn-default-icon-disabled);
  --slider-btn-focus-inner: var(--slider-btn-default-focus-inner);
  --slider-btn-focus-outer: var(--slider-btn-default-focus-outer);
  --slider-btn-size: var(--slider-btn-size-medium);
  --slider-btn-icon-size: var(--slider-btn-icon-size-medium);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--slider-btn-border);
  background: var(--slider-btn-bg);
  cursor: pointer;
  touch-action: manipulation;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
  text-decoration: none;
  color: var(--slider-btn-icon);
  font-family: var(--font-family-base);
}

.slider-button:hover:not(:disabled):not([aria-disabled='true']) {
  background-color: var(--slider-btn-bg-hover);
  border-color: var(--slider-btn-border-hover);
  color: var(--slider-btn-icon-hover);
}

.slider-button:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 2px var(--slider-btn-focus-inner),
    0 0 0 5px var(--slider-btn-focus-outer);
}

.slider-button:active:not(:disabled):not([aria-disabled='true']) {
  background-color: var(--slider-btn-bg-hover);
  border-color: var(--slider-btn-border-hover);
  color: var(--slider-btn-icon-hover);
}

.slider-button:disabled,
.slider-button[aria-disabled='true'] {
  background-color: var(--slider-btn-bg-disabled);
  border-color: var(--slider-btn-border-disabled);
  color: var(--slider-btn-icon-disabled);
  cursor: not-allowed;
}

.slider-button svg,
.slider-button img {
  width: var(--slider-btn-icon-size);
  height: var(--slider-btn-icon-size);
  display: block;
}

.slider-button--medium {
  --slider-btn-size: var(--slider-btn-size-medium);
  --slider-btn-icon-size: var(--slider-btn-icon-size-medium);
  width: var(--slider-btn-size);
  height: var(--slider-btn-size);
}

.slider-button--large {
  --slider-btn-size: var(--slider-btn-size-large);
  --slider-btn-icon-size: var(--slider-btn-icon-size-large);
  width: var(--slider-btn-size);
  height: var(--slider-btn-size);
}

.slider-button--xlarge {
  --slider-btn-size: var(--slider-btn-size-xlarge);
  --slider-btn-icon-size: var(--slider-btn-icon-size-xlarge);
  width: var(--slider-btn-size);
  height: var(--slider-btn-size);
}
/**
 * CTA Banner — glow gradient + decorative mark pattern
 *
 * Applied via `.cta-banner-glow` className on core/group in block patterns.
 */

.cta-banner-glow {
  background:
    url('../bg-patterns/cta-mark.svg') center / cover no-repeat,
    var(--gradient-glow-color);
  overflow: hidden;
}

/**
 * CTA Banner — split background (two-tone)
 *
 * Top half matches the section above (surface-light-1), bottom half is white.
 * Used on the pricing page inline CTA to bridge two different-colored sections.
 */
.cta-split-bg {
  background: linear-gradient(
    180deg,
    var(--color-bg-surface-light-surface-1) 50%,
    var(--color-bg-default-default) 50%
  );
}
/**
 * Card Layout Utilities
 *
 * .has-bottom-media — Flex-column card where the first child (text group)
 * grows to fill available space, pinning the last child (image) to the bottom.
 * Requires the parent to be a vertical flex container (is-layout-flex is-vertical).
 */
.has-bottom-media.is-layout-flex.is-vertical > *:first-child {
  flex-grow: 1;
}

/**
 * .is-full-height — Makes a block fill its parent's height.
 * Useful for groups inside columns that need equal-height cards.
 * Add via "Additional CSS Classes" in the editor sidebar.
 */
.is-full-height {
  min-height: 100%;
}
/**
 * Case Study Card
 *
 * Used by the interact/case-study-card block.
 * BEM structure: .case-study-card > __image, __logo, __logo-tint, __overlay, __content > __title, __arrow
 *
 * Hover: plum bar slides up from bottom (transform).
 * Logo tint: radial gradient in top-right corner for logo readability.
 */

/* Card container */
.case-study-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

/* Background image: covers the card */
.case-study-card__image {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  border-radius: inherit;
}

/* Logo: top-right corner */
.case-study-card__logo {
  position: absolute;
  top: var(--spacing-24);
  right: var(--spacing-24);
  z-index: 3;
  max-width: 120px;
  max-height: 48px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

/* Logo corner tint: dark radial gradient behind logo for readability */
.case-study-card__logo-tint {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 240px;
  height: 140px;
  background: radial-gradient(ellipse at top right, rgba(35, 20, 28, 0.7) 0%, rgba(35, 20, 28, 0) 70%);
  border-radius: inherit;
  pointer-events: none;
}

/* Gradient overlay: transparent top → dark bottom */
.case-study-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(35, 20, 28, 0) 43%, rgba(35, 20, 28, 0.8) 100%);
  border-radius: inherit;
  pointer-events: none;
}

/* Content wrapper: anchors the slide-up bar at the bottom */
.case-study-card__content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--spacing-16);
  padding: var(--spacing-24);
  color: var(--color-text-brand-on-brand-primary-bg);
  text-decoration: none;
}

/* Slide-up plum bar (pseudo-element behind content) */
.case-study-card__content::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--color-bg-brand-tertiary);
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

/* Title */
.case-study-card__title {
  color: inherit;
}

/* Arrow icon */
.case-study-card__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  opacity: 0;
  transition: opacity 0.25s ease 0.05s;
}

/* --has-link modifier: enables hover + pointer */
.case-study-card--has-link {
  cursor: pointer;
}

/* Hover: slide plum bar up */
.case-study-card--has-link:hover .case-study-card__content::before {
  transform: translateY(0);
}

/* Hover: show arrow */
.case-study-card--has-link:hover .case-study-card__arrow {
  opacity: 1;
}

/* Focus-visible on the link content */
.case-study-card__content:focus-visible {
  outline: 2px solid var(--color-border-focus);
  outline-offset: -2px;
}

.case-study-card__content:focus-visible::before {
  transform: translateY(0);
}

.case-study-card__content:focus-visible .case-study-card__arrow {
  opacity: 1;
}

/* Editor placeholder */
.case-study-card__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 340px;
  background: var(--color-bg-neutral-subtle);
  border: 2px dashed var(--color-border-default-default);
  border-radius: inherit;
  cursor: pointer;
  font-family: var(--font-family-base);
  font-size: var(--typo-body-medium);
  color: var(--color-text-default-soft);
}

.case-study-card__placeholder:hover {
  background: var(--color-bg-neutral-default-hover, var(--color-bg-neutral-subtle));
  border-color: var(--color-border-default-hover, var(--color-border-default-default));
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .case-study-card__content::before,
  .case-study-card__arrow {
    transition: none;
  }
}
/**
 * Global Prose Styling
 *
 * Styles native Gutenberg blocks (headings, paragraphs, lists, tables, quotes)
 * and raw HTML content from the_content(). Uses :where() guards to never
 * override interact/typography or interact/button block styles.
 *
 * Loaded globally on frontend + editor.
 */

/* ----------------------------------------------------------------
   Link color — adapts to background
   Light backgrounds use the default link color (plum).
   Dark backgrounds override to the light variant.
   ---------------------------------------------------------------- */
:root {
  --link-color: var(--color-text-link-default);
  --link-color-hover: var(--color-text-link-default-hover);
}

.has-brand-primary-background-color,
.has-brand-tertiary-background-color,
.has-brand-plum-background-color,
.has-surface-dark-1-background-color,
.has-surface-dark-2-background-color,
.has-text-default-background-color,
.has-highlight-1-background-color,
.has-highlight-3-background-color,
.has-highlight-5-background-color {
  --link-color: var(--color-text-link-default-light);
  --link-color-hover: var(--color-text-link-default-light-hover);
}

/* ----------------------------------------------------------------
   Page Title (Page with Title template)
   ---------------------------------------------------------------- */
.entry-header .entry-title {
  font-family: var(--font-family-heading);
  font-size: var(--typo-h1-large, 52px);
  font-weight: var(--font-weight-medium, 500);
  line-height: 115%;
  letter-spacing: -0.02em;
  color: var(--color-text-default-default);
  margin: 0;
}

/* ----------------------------------------------------------------
   Headings — native Gutenberg + raw HTML
   Skip anything styled by interact/typography (.typo-*)
   ---------------------------------------------------------------- */
.entry-content :where(h1:not([class*="typo-"])),
.entry-content :where(h2:not([class*="typo-"])),
.entry-content :where(h3:not([class*="typo-"])),
.entry-content :where(h4:not([class*="typo-"])),
.entry-content :where(h5:not([class*="typo-"])),
.entry-content :where(h6:not([class*="typo-"])),
.wp-block-interact-text-content :where(h1:not([class*="typo-"])),
.wp-block-interact-text-content :where(h2:not([class*="typo-"])),
.wp-block-interact-text-content :where(h3:not([class*="typo-"])),
.wp-block-interact-text-content :where(h4:not([class*="typo-"])),
.wp-block-interact-text-content :where(h5:not([class*="typo-"])),
.wp-block-interact-text-content :where(h6:not([class*="typo-"])) {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-default-default);
}

.entry-content :where(h1:not([class*="typo-"])),
.entry-content :where(h2:not([class*="typo-"])),
.entry-content :where(h3:not([class*="typo-"])),
.wp-block-interact-text-content :where(h1:not([class*="typo-"])),
.wp-block-interact-text-content :where(h2:not([class*="typo-"])),
.wp-block-interact-text-content :where(h3:not([class*="typo-"])) {
  line-height: 115%;
  letter-spacing: -0.02em;
}

.entry-content :where(h4:not([class*="typo-"])),
.entry-content :where(h5:not([class*="typo-"])),
.entry-content :where(h6:not([class*="typo-"])),
.wp-block-interact-text-content :where(h4:not([class*="typo-"])),
.wp-block-interact-text-content :where(h5:not([class*="typo-"])),
.wp-block-interact-text-content :where(h6:not([class*="typo-"])) {
  line-height: 130%;
  letter-spacing: -0.01em;
}

.entry-content :where(h1:not([class*="typo-"])),
.wp-block-interact-text-content :where(h1:not([class*="typo-"])) {
  font-size: var(--typo-h1-large, 48px);
  margin: 0 0 var(--spacing-24);
}

.entry-content :where(h2:not([class*="typo-"])),
.wp-block-interact-text-content :where(h2:not([class*="typo-"])) {
  font-size: var(--typo-h2, 36px);
  margin: var(--spacing-48) 0 var(--spacing-16);
}

.entry-content :where(h3:not([class*="typo-"])),
.wp-block-interact-text-content :where(h3:not([class*="typo-"])) {
  font-size: var(--typo-h3, 32px);
  margin: var(--spacing-40) 0 var(--spacing-12);
}

.entry-content :where(h4:not([class*="typo-"])),
.wp-block-interact-text-content :where(h4:not([class*="typo-"])) {
  font-size: var(--typo-h4, 28px);
  margin: var(--spacing-32) 0 var(--spacing-12);
}

.entry-content :where(h5:not([class*="typo-"])),
.wp-block-interact-text-content :where(h5:not([class*="typo-"])) {
  font-size: var(--typo-h5, 24px);
  margin: var(--spacing-32) 0 var(--spacing-8);
}

.entry-content :where(h6:not([class*="typo-"])),
.wp-block-interact-text-content :where(h6:not([class*="typo-"])) {
  font-size: var(--typo-h6, 20px);
  margin: var(--spacing-24) 0 var(--spacing-8);
}

/* First child — no top margin */
.entry-content > :where(h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child),
.wp-block-interact-text-content > :where(h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child) {
  margin-top: 0;
}

/* ----------------------------------------------------------------
   Paragraphs
   ---------------------------------------------------------------- */
.entry-content :where(p:not([class*="typo-"])),
.wp-block-interact-text-content :where(p:not([class*="typo-"])) {
  font-family: var(--font-family-base);
  font-size: var(--typo-body-medium, 16px);
  font-weight: var(--font-weight-regular, 400);
  line-height: 130%;
  letter-spacing: -0.01em;
  color: var(--color-text-default-default);
  margin: 0 0 var(--spacing-16);
}

.entry-content > p:last-child,
.wp-block-interact-text-content > p:last-child {
  margin-bottom: 0;
}

/* ----------------------------------------------------------------
   Strong / Bold
   ---------------------------------------------------------------- */
.entry-content strong,
.entry-content b,
.wp-block-interact-text-content strong,
.wp-block-interact-text-content b {
  font-weight: var(--font-weight-semibold, 600);
}

/* ----------------------------------------------------------------
   Links
   ---------------------------------------------------------------- */
.entry-content :where(a:not([class])),
.wp-block-interact-text-content :where(a:not([class])) {
  color: var(--link-color);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
  transition: filter 0.2s ease;
}

.entry-content :where(a:not([class])):hover,
.wp-block-interact-text-content :where(a:not([class])):hover {
  filter: brightness(1.4);
}

/* ----------------------------------------------------------------
   Lists (ul / ol)
   ---------------------------------------------------------------- */
.entry-content :where(ul:not([class])),
.entry-content :where(ol:not([class])),
.entry-content .wp-block-list,
.wp-block-interact-text-content :where(ul:not([class])),
.wp-block-interact-text-content :where(ol:not([class])),
.wp-block-interact-text-content .wp-block-list {
  font-family: var(--font-family-base);
  font-size: var(--typo-body-medium, 16px);
  font-weight: var(--font-weight-regular, 400);
  line-height: 130%;
  letter-spacing: -0.01em;
  color: var(--color-text-default-default);
  margin: 0 0 var(--spacing-16);
  padding-left: var(--spacing-24);
}

.entry-content :where(ul:not([class])) li,
.entry-content :where(ol:not([class])) li,
.entry-content .wp-block-list li,
.wp-block-interact-text-content :where(ul:not([class])) li,
.wp-block-interact-text-content :where(ol:not([class])) li,
.wp-block-interact-text-content .wp-block-list li {
  margin-bottom: var(--spacing-6);
}

.entry-content :where(ul:not([class])) li::marker,
.entry-content .wp-block-list li::marker,
.wp-block-interact-text-content :where(ul:not([class])) li::marker,
.wp-block-interact-text-content .wp-block-list li::marker {
  color: var(--color-text-brand-primary);
}

/* Nested lists */
.entry-content :where(ul:not([class])) ul,
.entry-content :where(ul:not([class])) ol,
.entry-content :where(ol:not([class])) ul,
.entry-content :where(ol:not([class])) ol,
.entry-content .wp-block-list ul,
.entry-content .wp-block-list ol,
.wp-block-interact-text-content :where(ul:not([class])) ul,
.wp-block-interact-text-content :where(ul:not([class])) ol,
.wp-block-interact-text-content :where(ol:not([class])) ul,
.wp-block-interact-text-content :where(ol:not([class])) ol,
.wp-block-interact-text-content .wp-block-list ul,
.wp-block-interact-text-content .wp-block-list ol {
  margin-top: var(--spacing-6);
  margin-bottom: 0;
}

/* ----------------------------------------------------------------
   Tables — Global
   Styles all tables: Gutenberg (.wp-block-table), legacy (.table
   wrapper), and raw <table> inside .entry-content or text-content.
   ---------------------------------------------------------------- */

/* Responsive scroll wrapper — works for .wp-block-table and legacy .table div */
.wp-block-table,
.entry-content .table,
.wp-block-interact-text-content .table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  margin: var(--spacing-24) 0;
}

/* Base table styling */
.wp-block-table table,
.entry-content table,
.wp-block-interact-text-content table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  font-family: var(--font-family-base);
  font-size: var(--typo-body-medium, 16px);
  line-height: 160%;
  color: var(--color-text-default-default);
  border: 1px solid var(--color-border-default-default);
  border-radius: var(--border-radius-8);
  overflow: hidden;
}

/* Remove double margin when table is inside a scroll wrapper */
.wp-block-table table,
.entry-content .table table,
.wp-block-interact-text-content .table table {
  margin: 0;
}

/* Standalone table (no wrapper) — scroll wrapper via parent */
.entry-content > table,
.wp-block-interact-text-content > table {
  margin: var(--spacing-24) 0;
}


/* Table header cells */
.wp-block-table table th,
.entry-content table th,
.wp-block-interact-text-content table th {
  font-weight: var(--font-weight-medium, 500);
  text-align: left;
  padding: var(--spacing-12) var(--spacing-16);
  background-color: var(--color-bg-neutral-subtle);
  border-bottom: 2px solid var(--color-border-default-default);
}

/* Table data cells */
.wp-block-table table td,
.entry-content table td,
.wp-block-interact-text-content table td {
  padding: var(--spacing-12) var(--spacing-16);
  border-bottom: 1px solid var(--color-border-default-default);
  vertical-align: top;
}

/* Last row — no bottom border */
.wp-block-table table tr:last-child td,
.entry-content table tr:last-child td,
.wp-block-interact-text-content table tr:last-child td {
  border-bottom: none;
}

/* Alternating row stripes (default + is-style-stripes) */
.wp-block-table table tbody tr:nth-child(even),
.wp-block-table.is-style-stripes table tbody tr:nth-child(odd),
.entry-content table tbody tr:nth-child(even),
.wp-block-interact-text-content table tbody tr:nth-child(even) {
  background-color: var(--color-bg-neutral-subtle);
}

/* Stripes variant — reset even rows, stripe odd instead (WP convention) */
.wp-block-table.is-style-stripes table tbody tr:nth-child(even) {
  background-color: transparent;
}

/* Tables without <thead> — treat first row as header */
.wp-block-table table:not(:has(thead)) tr:first-child td,
.entry-content table:not(:has(thead)) tr:first-child td,
.wp-block-interact-text-content table:not(:has(thead)) tr:first-child td {
  font-weight: var(--font-weight-medium, 500);
  background-color: var(--color-bg-neutral-subtle);
  border-bottom: 2px solid var(--color-border-default-default);
}

/* Bold text inside td acts as inline header */
.wp-block-table table td strong,
.entry-content table td strong,
.wp-block-interact-text-content table td strong {
  font-weight: var(--font-weight-medium, 500);
}

/* ----------------------------------------------------------------
   Blockquotes
   ---------------------------------------------------------------- */
.entry-content blockquote,
.entry-content .wp-block-quote,
.wp-block-interact-text-content blockquote,
.wp-block-interact-text-content .wp-block-quote {
  margin: var(--spacing-32) 0;
  padding: var(--spacing-24) var(--spacing-32);
  border-left: 4px solid var(--color-border-brand-primary);
  background-color: var(--color-bg-neutral-subtle);
  border-radius: 0 var(--border-radius-8) var(--border-radius-8) 0;
}

.entry-content blockquote p,
.entry-content .wp-block-quote p,
.wp-block-interact-text-content blockquote p,
.wp-block-interact-text-content .wp-block-quote p {
  font-size: var(--typo-body-large, 20px);
  font-style: italic;
  color: var(--color-text-default-default);
}

.entry-content blockquote cite,
.entry-content .wp-block-quote cite,
.wp-block-interact-text-content blockquote cite,
.wp-block-interact-text-content .wp-block-quote cite {
  display: block;
  margin-top: var(--spacing-12);
  font-size: var(--typo-body-small, 14px);
  font-style: normal;
  color: var(--color-text-default-soft);
}

/* ----------------------------------------------------------------
   Images
   ---------------------------------------------------------------- */
.entry-content img,
.wp-block-interact-text-content img {
  max-width: 100%;
  height: auto;
}

.entry-content figure,
.wp-block-interact-text-content figure {
  margin: var(--spacing-32) 0;
}

.entry-content figcaption,
.wp-block-interact-text-content figcaption {
  margin-top: var(--spacing-8);
  font-size: var(--typo-body-small, 14px);
  color: var(--color-text-default-soft);
  text-align: center;
}

/* ----------------------------------------------------------------
   Horizontal Rule
   ---------------------------------------------------------------- */
.entry-content hr,
.entry-content .wp-block-separator,
.wp-block-interact-text-content hr,
.wp-block-interact-text-content .wp-block-separator {
  border: none;
  border-top: 1px solid var(--color-border-default-default);
  margin: var(--spacing-48) 0;
}

/* ----------------------------------------------------------------
   Code / Pre
   ---------------------------------------------------------------- */
.entry-content code,
.wp-block-interact-text-content code {
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.15em 0.4em;
  background-color: var(--color-bg-neutral-subtle);
  border-radius: var(--border-radius-4);
}

.entry-content pre,
.wp-block-interact-text-content pre {
  font-family: monospace;
  font-size: var(--typo-body-small, 14px);
  line-height: 160%;
  padding: var(--spacing-24);
  background-color: var(--color-bg-neutral-subtle);
  border-radius: var(--border-radius-12);
  overflow-x: auto;
  margin: var(--spacing-24) 0;
}

.entry-content pre code,
.wp-block-interact-text-content pre code {
  padding: 0;
  background: none;
  border-radius: 0;
}

/* ----------------------------------------------------------------
   Font Size Presets — Line Height
   WordPress adds .has-{slug}-font-size when a size preset is chosen.
   Body-scale sizes (S/M/L/XL) get comfortable 170% line-height.
   Heading-scale sizes (2XL/3XL/4XL) get tight 115% + letter-spacing.
   ---------------------------------------------------------------- */

/* Body-scale sizes (12–24px) — line-height 130%, matches .typo-body */
.has-x-small-font-size,
.has-small-font-size,
.has-medium-font-size,
.has-large-font-size,
.has-x-large-font-size {
  line-height: 130%;
  letter-spacing: -0.01em;
}

/* Heading-scale sizes h4–h6 range (28px) — line-height 130%, matches .typo-h4/.typo-h5/.typo-h6 */
.has-xx-large-font-size {
  line-height: 130%;
  letter-spacing: -0.01em;
}

/* Heading-scale sizes h1–h3 range (32–56px) — line-height 115%, matches .typo-h1/.typo-h2/.typo-h3 */
.has-xxx-large-font-size,
.has-xxxx-large-font-size,
.has-xxxxx-large-font-size,
.has-xxxxxx-large-font-size,
.has-xxxxxxx-large-font-size,
.has-xxxxxxxx-large-font-size {
  line-height: 115%;
  letter-spacing: -0.02em;
}

/* ----------------------------------------------------------------
   Editor Styles
   Auto-prefixed with .editor-styles-wrapper by add_editor_style().
   Uses .wp-block-* classes for proper specificity to beat WP defaults.
   Safe for interact/ blocks — they use .typo-* classes, not .wp-block-heading.
   ---------------------------------------------------------------- */

/* Editor canvas padding — prevent content from sticking to edges.
   .editor-styles-wrapper is the iframe body in the block editor — doesn't exist on frontend. */
.editor-styles-wrapper {
  padding-inline: var(--spacing-24);
}

/* Editor block spacing — tighten default WordPress gaps */
h1.wp-block-heading {
  margin: 0 0 var(--spacing-24);
}

h2.wp-block-heading {
  margin: var(--spacing-32) 0 var(--spacing-16);
}

h3.wp-block-heading {
  margin: var(--spacing-24) 0 var(--spacing-12);
}

h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
  margin: var(--spacing-24) 0 var(--spacing-8);
}

p.wp-block-paragraph {
  margin: 0 0 var(--spacing-16);
}

.wp-block-list {
  margin: 0 0 var(--spacing-16);
}

.wp-block-table {
  margin: var(--spacing-24) 0;
}

/* Editor headings — .wp-block-heading is added by Gutenberg, never by interact/typography */
h1.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-text-default-default);
}

h1.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading {
  line-height: 115%;
  letter-spacing: -0.02em;
}

h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
  line-height: 130%;
  letter-spacing: -0.01em;
}

h1.wp-block-heading {
  font-size: var(--typo-h1-large, 48px);
}

h2.wp-block-heading {
  font-size: var(--typo-h2, 36px);
}

h3.wp-block-heading {
  font-size: var(--typo-h3, 32px);
}

h4.wp-block-heading {
  font-size: var(--typo-h4, 28px);
}

h5.wp-block-heading {
  font-size: var(--typo-h5, 24px);
}

h6.wp-block-heading {
  font-size: var(--typo-h6, 20px);
}

/* Editor paragraphs — .wp-block-paragraph is added by Gutenberg, never by interact/typography */
p.wp-block-paragraph {
  font-family: var(--font-family-base);
  font-size: var(--typo-body-medium, 16px);
  font-weight: var(--font-weight-regular, 400);
  line-height: 130%;
  letter-spacing: -0.01em;
  color: var(--color-text-default-default);
}

/* Editor strong / bold — scoped to core blocks to avoid leaking to header/footer */
.wp-block-paragraph strong,
.wp-block-paragraph b,
.wp-block-list strong,
.wp-block-list b,
.wp-block-quote strong,
.wp-block-quote b {
  font-weight: var(--font-weight-semibold, 600);
}

/* Editor links */
p.wp-block-paragraph a,
.wp-block-list a {
  color: var(--link-color);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
  transition: filter 0.2s ease;
}

p.wp-block-paragraph a:hover,
.wp-block-list a:hover {
  filter: brightness(1.4);
}

/* Editor lists */
.wp-block-list {
  font-family: var(--font-family-base);
  font-size: var(--typo-body-medium, 16px);
  font-weight: var(--font-weight-regular, 400);
  line-height: 130%;
  letter-spacing: -0.01em;
  color: var(--color-text-default-default);
  padding-left: var(--spacing-24);
}

.wp-block-list li {
  margin-bottom: var(--spacing-6);
}

/* Editor tables */
.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-family-base);
  font-size: var(--typo-body-medium, 16px);
  line-height: 160%;
  color: var(--color-text-default-default);
  border: 1px solid var(--color-border-default-default);
  border-radius: var(--border-radius-8);
  overflow: hidden;
}

.wp-block-table table th {
  font-weight: var(--font-weight-medium, 500);
  text-align: left;
  padding: var(--spacing-12) var(--spacing-16);
  background-color: var(--color-bg-neutral-subtle);
  border-bottom: 2px solid var(--color-border-default-default);
}

.wp-block-table table td {
  padding: var(--spacing-12) var(--spacing-16);
  border-bottom: 1px solid var(--color-border-default-default);
  vertical-align: top;
}

.wp-block-table table tr:last-child td {
  border-bottom: none;
}

.wp-block-table table tbody tr:nth-child(even) {
  background-color: var(--color-bg-neutral-subtle);
}

/* Editor quotes */
.wp-block-quote {
  margin: var(--spacing-32) 0;
  border-left: 4px solid var(--color-border-brand-primary);
  padding: var(--spacing-24) var(--spacing-32);
  background-color: var(--color-bg-neutral-subtle);
  border-radius: 0 var(--border-radius-8) var(--border-radius-8) 0;
}

.wp-block-quote p {
  font-size: var(--typo-body-large, 20px);
  font-style: italic;
  color: var(--color-text-default-default);
}

.wp-block-quote cite {
  display: block;
  margin-top: var(--spacing-12);
  font-size: var(--typo-body-small, 14px);
  font-style: normal;
  color: var(--color-text-default-soft);
}

/* Editor separator */
.wp-block-separator {
  border: none;
  border-top: 1px solid var(--color-border-default-default);
  margin: var(--spacing-48) 0;
}

/* Editor code */
.wp-block-code {
  font-family: monospace;
  font-size: var(--typo-body-small, 14px);
  line-height: 160%;
  padding: var(--spacing-24);
  background-color: var(--color-bg-neutral-subtle);
  border-radius: var(--border-radius-12);
}

.wp-block-paragraph code,
.wp-block-list code,
.wp-block-heading code {
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.15em 0.4em;
  background-color: var(--color-bg-neutral-subtle);
  border-radius: var(--border-radius-4);
}

/* ----------------------------------------------------------------
   Responsive
   ---------------------------------------------------------------- */
@media (max-width: 979px) {
  .entry-content :where(h2:not([class*="typo-"])),
  .wp-block-interact-text-content :where(h2:not([class*="typo-"])) {
    font-size: var(--typo-h2-mobile, 32px);
  }

  .entry-content :where(h3:not([class*="typo-"])),
  .wp-block-interact-text-content :where(h3:not([class*="typo-"])) {
    font-size: var(--typo-h3-mobile, 28px);
  }

  .entry-content :where(h4:not([class*="typo-"])),
  .wp-block-interact-text-content :where(h4:not([class*="typo-"])) {
    font-size: var(--typo-h4-mobile, 24px);
  }
}

@media (max-width: 768px) {
  .wp-block-table table,
  .entry-content table,
  .wp-block-interact-text-content table {
    font-size: var(--typo-body-small, 14px);
  }

  .wp-block-table table th,
  .wp-block-table table td,
  .entry-content table th,
  .entry-content table td,
  .wp-block-interact-text-content table th,
  .wp-block-interact-text-content table td {
    padding: var(--spacing-8) var(--spacing-12);
  }

  .entry-header .entry-title {
    font-size: var(--typo-h1-large-mobile, 44px);
  }
}
/**
 * Block Extensions — Frontend Styles
 *
 * Global CSS for custom attributes added to core blocks via block extensions.
 */

/* Reverse on mobile for core/group */
@media (max-width: 979px) {
  .is-reverse-on-mobile {
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  /* core/columns has flex-wrap: wrap !important and flex-basis: 100% on children.
     In column-reverse direction, flex-basis applies to height not width,
     so children lose their full width. Override to fix stacking. */
  .wp-block-columns.is-reverse-on-mobile {
    flex-wrap: nowrap !important;
  }

  .wp-block-columns.is-reverse-on-mobile > .wp-block-column {
    flex-basis: auto !important;
  }
}

/* Mobile padding override for core/group and core/columns */
@media (max-width: 979px) {
  .has-mobile-pt {
    padding-top: var(--mobile-pt) !important;
  }

  .has-mobile-pb {
    padding-bottom: var(--mobile-pb) !important;
  }

  .has-mobile-pl {
    padding-left: var(--mobile-pl) !important;
  }

  .has-mobile-pr {
    padding-right: var(--mobile-pr) !important;
  }
}

/* Stack on mobile for core/group flex layouts */
@media (max-width: 979px) {
  .is-stack-on-mobile.is-layout-flex {
    flex-direction: column !important;
    align-items: center !important;
  }

  .is-stack-on-mobile.is-layout-flex > .wp-block-group {
    width: 120px;
  }
}

/* ==========================================================================
   Scroll Animations
   ========================================================================== */

@keyframes animFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes animSlideUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes animSlideDown {
  from { opacity: 0; transform: translateY(-24px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes animSlideLeft {
  from { opacity: 0; transform: translateX(24px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes animSlideRight {
  from { opacity: 0; transform: translateX(-24px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes animScaleIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

/* Hidden state — elements wait for intersection */
[data-animate] {
  opacity: 0;
}

/* Visible state — play the chosen animation */
[data-animate].is-visible {
  animation-duration: var(--anim-duration, 600ms);
  animation-delay: var(--anim-delay, 0ms);
  animation-fill-mode: both;
  animation-timing-function: ease;
}

[data-animate="fadeIn"].is-visible { animation-name: animFadeIn; }
[data-animate="slideUp"].is-visible { animation-name: animSlideUp; }
[data-animate="slideDown"].is-visible { animation-name: animSlideDown; }
[data-animate="slideLeft"].is-visible { animation-name: animSlideLeft; }
[data-animate="slideRight"].is-visible { animation-name: animSlideRight; }
[data-animate="scaleIn"].is-visible { animation-name: animScaleIn; }

/* Star rating summary — smooth fill color transition (uses inline style.fill set by JS) */
[class*="ratingSummary"] [aria-label*="out of 5 stars"] svg path {
  transition: fill 0.4s ease;
}

/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  [data-animate] {
    opacity: 1;
    animation: none !important;
  }

  [class*="ratingSummary"] [aria-label*="out of 5 stars"] svg path {
    transition: none;
  }
}
/* ==========================================================================
   Utility Classes
   Lightweight Tailwind-style helpers using design tokens.
   Use sparingly in PHP templates for quick spacing/layout adjustments.

   Specificity: [class].u-* = (0,2,0) — beats single-class component
   selectors without needing !important.
   ========================================================================== */

/* ---------- Display ---------- */
[class].u-block { display: block; }
[class].u-flex { display: flex; }
[class].u-grid { display: grid; }
[class].u-inline-flex { display: inline-flex; }
[class].u-hidden { display: none; }

/* ---------- Flex ---------- */
[class].u-items-center { align-items: center; }
[class].u-items-start { align-items: flex-start; }
[class].u-items-end { align-items: flex-end; }
[class].u-justify-center { justify-content: center; }
[class].u-justify-between { justify-content: space-between; }
[class].u-justify-start { justify-content: flex-start; }
[class].u-justify-end { justify-content: flex-end; }
[class].u-flex-col { flex-direction: column; }
[class].u-flex-row { flex-direction: row; }
[class].u-flex-wrap { flex-wrap: wrap; }
[class].u-flex-1 { flex: 1; }
[class].u-flex-shrink-0 { flex-shrink: 0; }

/* ---------- Text Alignment ---------- */
[class].u-text-center { text-align: center; }
[class].u-text-left { text-align: left; }
[class].u-text-right { text-align: right; }

/* ---------- Width ---------- */
[class].u-w-full { width: 100%; }
[class].u-max-w-content { max-width: var(--max-content-width); }
[class].u-max-w-container { max-width: var(--max-container-width); }
[class].u-mx-auto { margin-inline: auto; }

/* ---------- Gap ---------- */
[class].u-gap-4 { gap: var(--spacing-4); }
[class].u-gap-8 { gap: var(--spacing-8); }
[class].u-gap-12 { gap: var(--spacing-12); }
[class].u-gap-16 { gap: var(--spacing-16); }
[class].u-gap-24 { gap: var(--spacing-24); }
[class].u-gap-32 { gap: var(--spacing-32); }
[class].u-gap-48 { gap: var(--spacing-48); }
[class].u-gap-64 { gap: var(--spacing-64); }

/* ---------- Margin ---------- */
[class].u-m-0 { margin: 0; }
[class].u-m-auto { margin: auto; }

[class].u-mt-0 { margin-top: 0; }
[class].u-mt-4 { margin-top: var(--spacing-4); }
[class].u-mt-8 { margin-top: var(--spacing-8); }
[class].u-mt-12 { margin-top: var(--spacing-12); }
[class].u-mt-16 { margin-top: var(--spacing-16); }
[class].u-mt-24 { margin-top: var(--spacing-24); }
[class].u-mt-32 { margin-top: var(--spacing-32); }
[class].u-mt-48 { margin-top: var(--spacing-48); }
[class].u-mt-64 { margin-top: var(--spacing-64); }

[class].u-mb-0 { margin-bottom: 0; }
[class].u-mb-4 { margin-bottom: var(--spacing-4); }
[class].u-mb-8 { margin-bottom: var(--spacing-8); }
[class].u-mb-12 { margin-bottom: var(--spacing-12); }
[class].u-mb-16 { margin-bottom: var(--spacing-16); }
[class].u-mb-24 { margin-bottom: var(--spacing-24); }
[class].u-mb-32 { margin-bottom: var(--spacing-32); }
[class].u-mb-48 { margin-bottom: var(--spacing-48); }
[class].u-mb-64 { margin-bottom: var(--spacing-64); }

[class].u-ml-0 { margin-left: 0; }
[class].u-ml-4 { margin-left: var(--spacing-4); }
[class].u-ml-8 { margin-left: var(--spacing-8); }
[class].u-ml-16 { margin-left: var(--spacing-16); }
[class].u-ml-24 { margin-left: var(--spacing-24); }

[class].u-mr-0 { margin-right: 0; }
[class].u-mr-4 { margin-right: var(--spacing-4); }
[class].u-mr-8 { margin-right: var(--spacing-8); }
[class].u-mr-16 { margin-right: var(--spacing-16); }
[class].u-mr-24 { margin-right: var(--spacing-24); }

[class].u-my-0 { margin-block: 0; }
[class].u-my-8 { margin-block: var(--spacing-8); }
[class].u-my-16 { margin-block: var(--spacing-16); }
[class].u-my-24 { margin-block: var(--spacing-24); }
[class].u-my-32 { margin-block: var(--spacing-32); }
[class].u-my-48 { margin-block: var(--spacing-48); }

[class].u-mx-0 { margin-inline: 0; }
[class].u-mx-8 { margin-inline: var(--spacing-8); }
[class].u-mx-16 { margin-inline: var(--spacing-16); }
[class].u-mx-24 { margin-inline: var(--spacing-24); }

/* ---------- Padding ---------- */
[class].u-p-0 { padding: 0; }
[class].u-p-8 { padding: var(--spacing-8); }
[class].u-p-12 { padding: var(--spacing-12); }
[class].u-p-16 { padding: var(--spacing-16); }
[class].u-p-24 { padding: var(--spacing-24); }
[class].u-p-32 { padding: var(--spacing-32); }
[class].u-p-48 { padding: var(--spacing-48); }

[class].u-pt-0 { padding-top: 0; }
[class].u-pt-8 { padding-top: var(--spacing-8); }
[class].u-pt-16 { padding-top: var(--spacing-16); }
[class].u-pt-24 { padding-top: var(--spacing-24); }
[class].u-pt-32 { padding-top: var(--spacing-32); }
[class].u-pt-48 { padding-top: var(--spacing-48); }
[class].u-pt-64 { padding-top: var(--spacing-64); }
[class].u-pt-96 { padding-top: var(--spacing-96); }

[class].u-pb-0 { padding-bottom: 0; }
[class].u-pb-8 { padding-bottom: var(--spacing-8); }
[class].u-pb-16 { padding-bottom: var(--spacing-16); }
[class].u-pb-24 { padding-bottom: var(--spacing-24); }
[class].u-pb-32 { padding-bottom: var(--spacing-32); }
[class].u-pb-48 { padding-bottom: var(--spacing-48); }
[class].u-pb-64 { padding-bottom: var(--spacing-64); }
[class].u-pb-96 { padding-bottom: var(--spacing-96); }

[class].u-pl-0 { padding-left: 0; }
[class].u-pl-8 { padding-left: var(--spacing-8); }
[class].u-pl-16 { padding-left: var(--spacing-16); }
[class].u-pl-24 { padding-left: var(--spacing-24); }

[class].u-pr-0 { padding-right: 0; }
[class].u-pr-8 { padding-right: var(--spacing-8); }
[class].u-pr-16 { padding-right: var(--spacing-16); }
[class].u-pr-24 { padding-right: var(--spacing-24); }

[class].u-py-0 { padding-block: 0; }
[class].u-py-8 { padding-block: var(--spacing-8); }
[class].u-py-16 { padding-block: var(--spacing-16); }
[class].u-py-24 { padding-block: var(--spacing-24); }
[class].u-py-32 { padding-block: var(--spacing-32); }
[class].u-py-48 { padding-block: var(--spacing-48); }
[class].u-py-64 { padding-block: var(--spacing-64); }
[class].u-py-96 { padding-block: var(--spacing-96); }
[class].u-py-128 { padding-block: var(--spacing-128); }

[class].u-px-0 { padding-inline: 0; }
[class].u-px-8 { padding-inline: var(--spacing-8); }
[class].u-px-16 { padding-inline: var(--spacing-16); }
[class].u-px-24 { padding-inline: var(--spacing-24); }
[class].u-px-32 { padding-inline: var(--spacing-32); }
[class].u-px-48 { padding-inline: var(--spacing-48); }

/* ---------- Border Radius ---------- */
[class].u-rounded-0 { border-radius: 0; }
[class].u-rounded-4 { border-radius: var(--border-radius-4); }
[class].u-rounded-8 { border-radius: var(--border-radius-8); }
[class].u-rounded-12 { border-radius: var(--border-radius-12); }
[class].u-rounded-16 { border-radius: var(--border-radius-16); }
[class].u-rounded-24 { border-radius: var(--border-radius-24); }
[class].u-rounded-full { border-radius: 9999px; }

/* ---------- Overflow ---------- */
[class].u-overflow-hidden { overflow: hidden; }
[class].u-overflow-auto { overflow: auto; }

/* ---------- Position ---------- */
[class].u-relative { position: relative; }
[class].u-absolute { position: absolute; }
[class].u-sticky { position: sticky; }

/* ---------- Visibility ---------- */
[class].u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
@charset "UTF-8";.DesktopHeader-module__header___Sk4KB{background:var(--color-bg-default-default);z-index:100;width:100%;isolation:isolate}.DesktopHeader-module__innerWrapper___KB9ka{padding:0 var(--spacing-24)}.DesktopHeader-module__inner___mwkVS{width:100%;max-width:var(--max-content-width,1232px);margin:0 auto;padding:var(--spacing-24) 0;height:96px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.DesktopHeader-module__branding___G1inh{flex:0 0 auto;display:flex;align-items:center}.DesktopHeader-module__navigation___H1Ap5{flex:1 1 0;display:flex;justify-content:center;padding:0 var(--spacing-8);min-width:0}.DesktopHeader-module__actions___oPhbm{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--spacing-16)}.AnnouncementBar-module__announcement___gnZoZ{width:100%;background-color:var(--color-bg-brand-primary);height:var(--announcement-bar-height,40px);padding:0 var(--spacing-24);display:flex;justify-content:center}.AnnouncementBar-module__inner___RM28p{display:flex;align-items:center;column-gap:var(--spacing-8);flex-wrap:nowrap;width:100%;max-width:var(--max-content-width);justify-content:center}.AnnouncementBar-module__link___wy4yg{display:inline-flex;align-items:center;gap:var(--spacing-2);text-decoration:none;cursor:pointer;transition:color .16s ease}.AnnouncementBar-module__link___wy4yg:hover{color:var(--btn-primary-text)}.AnnouncementBar-module__link___wy4yg:focus-visible{outline:2px solid var(--color-icon-link-default-light);outline-offset:2px}.AnnouncementBar-module__icon___5qORD{width:var(--sizing-18);height:var(--sizing-18)}.AnnouncementBar-module__srOnly___EIjud{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.Branding-module__branding___dO4Na{display:flex;flex-direction:column;gap:var(--spacing-2)}.Branding-module__brandLink___SnVuA{text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-12)}.Branding-module__brandLogo___oYc90{display:block;height:30px;width:auto}@media (max-width:768px){.Branding-module__brandLogo___oYc90{height:24px}}.MegaMenu-module__megaInner___Kt-BP{display:flex;align-items:center;margin:0 auto;padding:0 var(--spacing-24);width:100%;max-width:var(--max-content-width,1232px)}.MegaMenu-module__megaGrid___moP3l{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-32);width:100%}.MegaMenu-module__megaGrid___moP3l[data-column-count="2"]{grid-template-columns:repeat(2,minmax(240px,1fr))}.MegaMenu-module__megaGrid___moP3l[data-column-count="3"]{grid-template-columns:repeat(3,minmax(220px,1fr))}.MegaMenu-module__megaGrid___moP3l[data-column-count="4"]{grid-template-columns:repeat(4,minmax(200px,1fr))}.MegaMenu-module__megaGrouped___uStOE{display:flex;gap:var(--spacing-32);width:100%}.MegaMenu-module__megaFeaturedColumn___ScBdV{display:flex;flex-direction:column;gap:var(--spacing-16);flex:1;min-width:0}.MegaMenu-module__megaFeaturedColumn___ScBdV>.MegaMenu-module__megaPromoLink___EUddc,.MegaMenu-module__megaFeaturedColumn___ScBdV>.MegaMenu-module__megaPromoCard___hgFmr{margin-top:24px;margin-left:-16px;margin-right:-16px}.MegaMenu-module__megaFeaturedHighlight___5n36r{position:relative}.MegaMenu-module__megaFeaturedHighlight___5n36r:before{content:"";position:absolute;inset:-16px -16px -24px;border-radius:var(--border-radius-24);padding:2px;background:linear-gradient(180deg,#fc945b,#fee5d5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.MegaMenu-module__megaColumnGroup___6kD4H{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.MegaMenu-module__megaColumnGroupInner___L2Yv4{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.MegaMenu-module__megaFeaturedColumn___ScBdV .MegaMenu-module__megaPromoLink___EUddc{height:auto}.MegaMenu-module__megaFeaturedColumn___ScBdV .MegaMenu-module__megaPromoLink___EUddc[data-compact]{grid-column:auto}.MegaMenu-module__megaFeaturedColumn___ScBdV .MegaMenu-module__megaPromoCard___hgFmr[data-compact]{min-height:195px;height:195px;background-color:var(--color-bg-brand-secondary);padding:var(--spacing-24);justify-content:center}.MegaMenu-module__megaFeaturedColumn___ScBdV .MegaMenu-module__megaPromoCard___hgFmr[data-compact]:before{display:none}.MegaMenu-module__megaFeaturedColumn___ScBdV .MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoMedia___5xlVm{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;border-radius:0;filter:none}.MegaMenu-module__megaFeaturedColumn___ScBdV .MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoBody___RxS9D{position:static;max-width:190px}.MegaMenu-module__megaFeaturedColumn___ScBdV .MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoBody___RxS9D>:first-child{color:#fff !important;font-weight:var(--font-weight-medium) !important;font-style:normal !important}.MegaMenu-module__megaFeaturedColumn___ScBdV .MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoBody___RxS9D>:first-child em,.MegaMenu-module__megaFeaturedColumn___ScBdV .MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoBody___RxS9D>:first-child i{font-style:italic}.MegaMenu-module__megaFeaturedColumn___ScBdV .MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoBody___RxS9D>:nth-child(2){color:rgba(255,255,255,.8) !important}.MegaMenu-module__megaFeaturedColumn___ScBdV .MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoBody___RxS9D:after{content:"Read the guide";background-color:var(--color-bg-neutral-subtle);border-color:var(--color-bg-neutral-subtle);color:var(--color-text-default-default);background-image:none;padding:var(--spacing-12) var(--spacing-24);font-weight:var(--font-weight-semibold)}.MegaMenu-module__megaFeaturedColumn___ScBdV .MegaMenu-module__megaPromoLink___EUddc:hover .MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoBody___RxS9D:after{background-color:#fff;background-position:right 12px center}.MegaMenu-module__megaPromoLink___EUddc{display:block;text-decoration:none;color:inherit;height:100%}.MegaMenu-module__megaPromoCard___hgFmr{position:relative;overflow:hidden;border-radius:var(--border-radius-24);min-height:263px;height:100%;background:var(--color-bg-neutral-subtle)}.MegaMenu-module__megaPromoLink___EUddc[data-compact]{grid-column:span 2}.MegaMenu-module__megaPromoCard___hgFmr[data-compact]{min-height:290px;background-color:var(--color-bg-brand-secondary);display:flex;flex-direction:column;padding:var(--spacing-32)}.MegaMenu-module__megaPromoCard___hgFmr[data-compact]:before{content:"";position:absolute;bottom:-24px;left:-24px;width:180px;height:180px;background-image:url("https://www.interactsoftware.com/assets/footer_artwork-PFxjlQUH.svg");background-repeat:no-repeat;background-size:contain;opacity:.1;pointer-events:none}.MegaMenu-module__megaPromoCard___hgFmr[data-compact]:after{display:none}.MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoMedia___5xlVm{position:absolute;right:-16px;top:54px;width:53%;height:auto;border-radius:var(--border-radius-16)}.MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoBody___RxS9D{position:static;display:flex;flex-direction:column;gap:var(--spacing-12);max-width:165px;z-index:1}.MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoBody___RxS9D>:first-child{font-family:var(--font-family-heading) !important;font-size:23px !important;font-weight:var(--font-weight-medium) !important;color:var(--color-text-default-default) !important;text-transform:none !important;letter-spacing:normal !important;line-height:1.2 !important}.MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoBody___RxS9D>:nth-child(2){font-size:14px !important;color:var(--color-text-default-soft) !important;text-transform:none !important;letter-spacing:normal !important;line-height:1.5 !important}.MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoBody___RxS9D:after{content:"Read the guide";display:inline-flex;align-items:center;align-self:flex-start;margin-top:var(--spacing-8);padding:var(--spacing-12) var(--spacing-40) var(--spacing-12) var(--spacing-24);background-color:var(--color-bg-brand-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 14px;color:var(--color-text-brand-on-brand-primary-bg);border-radius:999px;font-size:14px;font-weight:var(--font-weight-medium);font-family:var(--font-family-base);letter-spacing:normal;text-transform:none;transition:background-color .2s ease,background-position .25s ease}.MegaMenu-module__megaPromoLink___EUddc:hover .MegaMenu-module__megaPromoCard___hgFmr[data-compact] .MegaMenu-module__megaPromoBody___RxS9D:after{background-color:var(--color-bg-brand-tertiary);background-position:right 12px center}.MegaMenu-module__megaPromoMedia___5xlVm{width:100%;height:100%;object-fit:cover;display:block}.MegaMenu-module__megaPromoCard___hgFmr:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,20,28,0) 42.78%,rgba(35,20,28,.8));pointer-events:none;transition:opacity .18s ease}.MegaMenu-module__megaPromoCard___hgFmr[data-tint]:after{background:linear-gradient(180deg,rgba(35,20,28,.15),rgba(35,20,28,.75))}.MegaMenu-module__megaPromoPlaceholder___GpVfu{min-height:263px;background-color:var(--color-bg-brand-primary);background-image:repeating-linear-gradient(-45deg,rgba(121,52,99,.35),rgba(121,52,99,.35) 10px,rgba(71,26,52,.7) 10px 20px)}.MegaMenu-module__megaPromoBody___RxS9D{position:absolute;left:var(--spacing-24);right:var(--spacing-24);bottom:var(--spacing-24);display:flex;flex-direction:column;gap:var(--spacing-8);z-index:1}.MegaMenu-module__megaPromoEyebrow___WXd-C{text-transform:uppercase;letter-spacing:.16em}.MegaMenu-module__megaPromoPill___zXTJa{position:absolute;top:var(--spacing-16);left:var(--spacing-16);z-index:1;background:var(--color-bg-highlight-highlight-5);color:var(--color-text-highlight-on-highlight-5-bg);padding:var(--spacing-4) var(--spacing-12);border-radius:999px;text-transform:none;letter-spacing:normal}.MegaMenu-module__megaColumn___JT-qe{display:flex;flex-direction:column;gap:20px}.MegaMenu-module__megaLabel___qaML6{display:flex !important;align-items:center;gap:var(--spacing-6);font-weight:700 !important}.MegaMenu-module__megaLabel___qaML6:before{content:"";display:inline-block;width:20px;height:20px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:1}.MegaMenu-module__megaLabel___qaML6[data-label="Platform Foundation"]:before{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.63411%200.0863778C8.86444%20-0.0287926%209.13556%20-0.0287926%209.36589%200.0863778L17.5476%204.17729C17.8247%204.31588%2017.9998%204.59919%2017.9998%204.90909C17.9998%205.219%2017.8247%205.5023%2017.5476%205.64089L9.36589%209.7318C9.13556%209.84697%208.86444%209.84697%208.63411%209.7318L0.45245%205.64089C0.175269%205.5023%200.000179218%205.219%200.000179218%204.90909C0.000179218%204.59919%200.175269%204.31588%200.45245%204.17729L8.63411%200.0863778ZM2.64782%204.90909L9%208.08524L15.3522%204.90909L9%201.73294L2.64782%204.90909Z'%20fill='%23471A34'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.0865552%2012.725C0.288633%2012.3208%200.780083%2012.157%201.18424%2012.3591L9%2016.2671L16.8158%2012.3591C17.2199%2012.157%2017.7114%2012.3208%2017.9134%2012.725C18.1155%2013.1292%2017.9517%2013.6206%2017.5476%2013.8227L9.36589%2017.9136C9.13556%2018.0288%208.86444%2018.0288%208.63411%2017.9136L0.45245%2013.8227C0.0482938%2013.6206%20-0.115523%2013.1292%200.0865552%2012.725Z'%20fill='%23471A34'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.0865552%208.6341C0.288633%208.22993%200.780083%208.06611%201.18424%208.2682L9%2012.1762L16.8158%208.2682C17.2199%208.06611%2017.7114%208.22993%2017.9134%208.6341C18.1155%209.03826%2017.9517%209.52972%2017.5476%209.7318L9.36589%2013.8227C9.13556%2013.9379%208.86444%2013.9379%208.63411%2013.8227L0.45245%209.7318C0.0482938%209.52972%20-0.115523%209.03826%200.0865552%208.6341Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label=Platform]:before{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.63411%200.0863778C8.86444%20-0.0287926%209.13556%20-0.0287926%209.36589%200.0863778L17.5476%204.17729C17.8247%204.31588%2017.9998%204.59919%2017.9998%204.90909C17.9998%205.219%2017.8247%205.5023%2017.5476%205.64089L9.36589%209.7318C9.13556%209.84697%208.86444%209.84697%208.63411%209.7318L0.45245%205.64089C0.175269%205.5023%200.000179218%205.219%200.000179218%204.90909C0.000179218%204.59919%200.175269%204.31588%200.45245%204.17729L8.63411%200.0863778ZM2.64782%204.90909L9%208.08524L15.3522%204.90909L9%201.73294L2.64782%204.90909Z'%20fill='%23471A34'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.0865552%2012.725C0.288633%2012.3208%200.780083%2012.157%201.18424%2012.3591L9%2016.2671L16.8158%2012.3591C17.2199%2012.157%2017.7114%2012.3208%2017.9134%2012.725C18.1155%2013.1292%2017.9517%2013.6206%2017.5476%2013.8227L9.36589%2017.9136C9.13556%2018.0288%208.86444%2018.0288%208.63411%2017.9136L0.45245%2013.8227C0.0482938%2013.6206%20-0.115523%2013.1292%200.0865552%2012.725Z'%20fill='%23471A34'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.0865552%208.6341C0.288633%208.22993%200.780083%208.06611%201.18424%208.2682L9%2012.1762L16.8158%208.2682C17.2199%208.06611%2017.7114%208.22993%2017.9134%208.6341C18.1155%209.03826%2017.9517%209.52972%2017.5476%209.7318L9.36589%2013.8227C9.13556%2013.9379%208.86444%2013.9379%208.63411%2013.8227L0.45245%209.7318C0.0482938%209.52972%20-0.115523%209.03826%200.0865552%208.6341Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label=Communication]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4351_3027)'%3e%3cpath%20d='M17.2615%206.77359L17.056%207.24499C16.9057%207.5901%2016.4283%207.5901%2016.2779%207.24499L16.0725%206.77359C15.7062%205.93305%2015.0466%205.26384%2014.2234%204.89773L13.5903%204.61618C13.2481%204.46394%2013.2481%203.96584%2013.5903%203.8136L14.188%203.54778C15.0323%203.17226%2015.7038%202.47827%2016.0637%201.60919L16.2747%201.09977C16.4218%200.744738%2016.9122%200.744738%2017.0592%201.09977L17.2702%201.60919C17.6302%202.47827%2018.3017%203.17226%2019.146%203.54778L19.7436%203.8136C20.0859%203.96584%2020.0859%204.46394%2019.7436%204.61618L19.1106%204.89773C18.2874%205.26384%2017.6277%205.93305%2017.2615%206.77359ZM10.0003%201.66683C5.39795%201.66683%201.66699%205.39779%201.66699%2010.0002C1.66699%2011.4189%202.02153%2012.7548%202.64683%2013.9242L1.66699%2018.3335L6.0763%2017.3537C7.24566%2017.979%208.58158%2018.3335%2010.0003%2018.3335C14.6027%2018.3335%2018.3337%2014.6025%2018.3337%2010.0002C18.3337%209.66475%2018.3138%209.33366%2018.2752%209.008L16.6201%209.2045C16.6511%209.46508%2016.667%209.73058%2016.667%2010.0002C16.667%2013.6821%2013.6822%2016.6668%2010.0003%2016.6668C8.88824%2016.6668%207.81906%2016.3956%206.86223%2015.8839L6.31762%2015.5927L3.86213%2016.1383L4.40779%2013.6828L4.11657%2013.1382C3.6049%2012.1814%203.33366%2011.1122%203.33366%2010.0002C3.33366%206.31826%206.31843%203.3335%2010.0003%203.3335C10.5769%203.3335%2011.1352%203.4065%2011.667%203.54332L12.0822%201.92922C11.4159%201.75778%2010.7182%201.66683%2010.0003%201.66683ZM7.50033%2010.0002H5.83366C5.83366%2012.3013%207.69914%2014.1668%2010.0003%2014.1668C12.3015%2014.1668%2014.167%2012.3013%2014.167%2010.0002H12.5003C12.5003%2011.3809%2011.3811%2012.5002%2010.0003%2012.5002C8.61958%2012.5002%207.50033%2011.3809%207.50033%2010.0002Z'%20fill='%23471A34'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4351_3027'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label=Self-Service]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0042%2010.8356C11.3849%2010.8356%2012.5042%2011.9549%2012.5042%2013.3356C12.5042%2014.0432%2012.2102%2014.6822%2011.7377%2015.137L10.146%2016.6686L12.5042%2016.6689V18.3356H7.50423L7.50348%2016.8986L10.5821%2013.9361C10.7397%2013.7842%2010.8376%2013.5714%2010.8376%2013.3356C10.8376%2012.8754%2010.4645%2012.5023%2010.0042%2012.5023C9.544%2012.5023%209.17092%2012.8754%209.17092%2013.3356H7.50423C7.50423%2011.9549%208.6235%2010.8356%2010.0042%2010.8356ZM15.0042%2010.8356V14.1689H16.6709V10.8356H18.3376V18.3356H16.6709V15.8356H13.3376V10.8356H15.0042ZM3.33757%2010.0023C3.33757%2012.1078%204.3136%2013.9853%205.83789%2015.207L5.83758%2017.2208C3.34673%2015.7799%201.6709%2013.0868%201.6709%2010.0023H3.33757ZM10.0042%201.66895C14.3253%201.66895%2017.8782%204.95779%2018.2964%209.16885L16.6193%209.16902C16.2093%205.88037%2013.4039%203.33561%2010.0042%203.33561C7.71275%203.33561%205.69129%204.49172%204.49133%206.25248L6.6709%206.25228V7.91894H1.6709V2.91895H3.33757L3.33747%205.00159C4.85785%202.9779%207.27818%201.66895%2010.0042%201.66895Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label=Knowledge]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.31057%2014.9998H9.16634V10.8332H10.833V14.9998H11.6888C11.7988%2013.9985%2012.3098%2013.1719%2013.1393%2012.2687C13.2328%2012.167%2013.832%2011.5468%2013.9031%2011.4583C14.6095%2010.5774%2014.9997%209.48734%2014.9997%208.33317C14.9997%205.57175%2012.7611%203.33317%209.99967%203.33317C7.23825%203.33317%204.99967%205.57175%204.99967%208.33317C4.99967%209.48675%205.38946%2010.5763%206.09519%2011.4568C6.16637%2011.5457%206.76702%2012.1675%206.85929%2012.268C7.68939%2013.1718%208.20053%2013.9985%208.31057%2014.9998ZM8.33301%2016.6665V17.4998H11.6663V16.6665H8.33301ZM4.79463%2012.4992C3.88005%2011.3579%203.33301%209.90942%203.33301%208.33317C3.33301%204.65127%206.31777%201.6665%209.99967%201.6665C13.6816%201.6665%2016.6663%204.65127%2016.6663%208.33317C16.6663%209.91025%2016.1187%2011.3594%2015.2033%2012.501C14.6863%2013.1455%2013.333%2014.1665%2013.333%2015.4165V17.4998C13.333%2018.4203%2012.5868%2019.1665%2011.6663%2019.1665H8.33301C7.41253%2019.1665%206.66634%2018.4203%206.66634%2017.4998V15.4165C6.66634%2014.1665%205.31182%2013.1445%204.79463%2012.4992Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label="Tool Access"]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.87544%2011.7679L4.10766%2013.5357L6.46469%2015.8927L15.8927%206.46461L13.5357%204.10758L11.768%205.87535L12.9465%207.05386L11.768%208.23237L10.5895%207.05386L9.411%208.23237L10.5895%209.41088L9.411%2010.5894L8.23245%209.41088L7.05394%2010.5894L8.23245%2011.7679L7.05394%2012.9464L5.87544%2011.7679ZM14.125%202.33981L17.6606%205.87535C17.986%206.20079%2017.986%206.72842%2017.6606%207.05386L7.05394%2017.6605C6.7285%2017.9859%206.20087%2017.9859%205.87544%2017.6605L2.33989%2014.125C2.01446%2013.7995%202.01446%2013.2719%202.33989%2012.9464L12.9465%202.33981C13.2719%202.01438%2013.7996%202.01438%2014.125%202.33981ZM11.768%2015.303L12.9465%2014.1245L14.8152%2015.9933H15.9937V14.8148L14.125%2012.946L15.3035%2011.7675L17.4999%2013.9639V17.5H13.965L11.768%2015.303ZM4.6968%208.23185L2.33978%205.87482C2.01434%205.54939%202.01434%205.02175%202.33978%204.69631L4.6968%202.33929C5.02224%202.01386%205.54988%202.01386%205.87531%202.33929L8.23234%204.69631L7.05383%205.87482L5.28606%204.10706L4.10755%205.28557L5.87531%207.05334L4.6968%208.23185Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label=Community]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.62467%202.0835C7.58068%202.0835%209.16634%203.66915%209.16634%205.62516V9.16683H5.62467C3.66867%209.16683%202.08301%207.58117%202.08301%205.62516C2.08301%203.66915%203.66867%202.0835%205.62467%202.0835ZM7.49967%207.50016V5.62516C7.49967%204.58963%206.66021%203.75016%205.62467%203.75016C4.58914%203.75016%203.74967%204.58963%203.74967%205.62516C3.74967%206.6607%204.58914%207.50016%205.62467%207.50016H7.49967ZM5.62467%2010.8335H9.16634V14.3752C9.16634%2016.3312%207.58068%2017.9168%205.62467%2017.9168C3.66867%2017.9168%202.08301%2016.3312%202.08301%2014.3752C2.08301%2012.4192%203.66867%2010.8335%205.62467%2010.8335ZM5.62467%2012.5002C4.58914%2012.5002%203.74967%2013.3397%203.74967%2014.3752C3.74967%2015.4107%204.58914%2016.2502%205.62467%2016.2502C6.66021%2016.2502%207.49967%2015.4107%207.49967%2014.3752V12.5002H5.62467ZM14.3747%202.0835C16.3307%202.0835%2017.9163%203.66915%2017.9163%205.62516C17.9163%207.58117%2016.3307%209.16683%2014.3747%209.16683H10.833V5.62516C10.833%203.66915%2012.4187%202.0835%2014.3747%202.0835ZM14.3747%207.50016C15.4102%207.50016%2016.2497%206.6607%2016.2497%205.62516C16.2497%204.58963%2015.4102%203.75016%2014.3747%203.75016C13.3392%203.75016%2012.4997%204.58963%2012.4997%205.62516V7.50016H14.3747ZM10.833%2010.8335H14.3747C16.3307%2010.8335%2017.9163%2012.4192%2017.9163%2014.3752C17.9163%2016.3312%2016.3307%2017.9168%2014.3747%2017.9168C12.4187%2017.9168%2010.833%2016.3312%2010.833%2014.3752V10.8335ZM12.4997%2012.5002V14.3752C12.4997%2015.4107%2013.3392%2016.2502%2014.3747%2016.2502C15.4102%2016.2502%2016.2497%2015.4107%2016.2497%2014.3752C16.2497%2013.3397%2015.4102%2012.5002%2014.3747%2012.5002H12.4997Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label=Alignment]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.1662%206.6671H17.4997C18.4202%206.6671%2019.1663%207.4133%2019.1663%208.33375V10.0874C19.1663%2010.3051%2019.1237%2010.5207%2019.0408%2010.722L16.4622%2016.9844C16.3336%2017.2967%2016.0293%2017.5004%2015.6916%2017.5004H1.66634C1.20611%2017.5004%200.833008%2017.1273%200.833008%2016.6671V8.33375C0.833008%207.87353%201.20611%207.50044%201.66634%207.50044H4.56787C4.83865%207.50044%205.09253%207.36888%205.24868%207.14767L9.79317%200.709625C9.91193%200.541401%2010.1358%200.485144%2010.3199%200.577232L11.8317%201.33309C12.708%201.77128%2013.1606%202.76093%2012.9189%203.71045L12.1662%206.6671ZM5.83301%208.82333V15.8337H15.1335L17.4997%2010.0874V8.33375H12.1662C11.0789%208.33375%2010.2828%207.30956%2010.551%206.25592L11.3038%203.29928C11.3521%203.10937%2011.2616%202.91144%2011.0863%202.8238L10.5353%202.54833L6.6103%208.10881C6.40205%208.40383%206.13585%208.64566%205.83301%208.82333ZM4.16634%209.16708H2.49967V15.8337H4.16634V9.16708Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label=Recognition]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.0002%2014.1665V18.3332H13.3335V14.1665C13.3335%2010.4571%2015.5368%207.26232%2018.7061%205.81944L19.3959%207.33709C16.8029%208.51759%2015.0002%2011.1316%2015.0002%2014.1665ZM6.66688%2014.1665V18.3332H5.00021V14.1665C5.00021%2011.1316%203.19753%208.51759%200.604492%207.33709L1.29433%205.81944C4.4636%207.26232%206.66688%2010.4571%206.66688%2014.1665ZM10.0002%209.99984C7.69902%209.99984%205.83355%208.13435%205.83355%205.83317C5.83355%203.53199%207.69902%201.6665%2010.0002%201.6665C12.3014%201.6665%2014.1668%203.53199%2014.1668%205.83317C14.1668%208.13435%2012.3014%209.99984%2010.0002%209.99984ZM10.0002%208.33317C11.3809%208.33317%2012.5002%207.21388%2012.5002%205.83317C12.5002%204.45246%2011.3809%203.33317%2010.0002%203.33317C8.6195%203.33317%207.50021%204.45246%207.50021%205.83317C7.50021%207.21388%208.6195%208.33317%2010.0002%208.33317Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label="Professional Services"]:before{background-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Icon%20-%20Business'%3e%3cpath%20id='Vector'%20d='M14.1667%2012.7045V18.4308C14.1667%2018.6608%2013.9801%2018.8475%2013.75%2018.8475C13.6745%2018.8475%2013.6004%2018.8269%2013.5357%2018.7881L10%2016.6667L6.46437%2018.7881C6.26705%2018.9064%206.01111%2018.8424%205.89271%2018.6452C5.85386%2018.5803%205.83333%2018.5063%205.83333%2018.4308V12.7045C4.30922%2011.4828%203.33333%209.60533%203.33333%207.5C3.33333%203.8181%206.3181%200.833333%2010%200.833333C13.6819%200.833333%2016.6667%203.8181%2016.6667%207.5C16.6667%209.60533%2015.6907%2011.4828%2014.1667%2012.7045ZM7.5%2013.6821V16.223L10%2014.723L12.5%2016.223V13.6821C11.728%2013.9946%2010.8841%2014.1667%2010%2014.1667C9.11592%2014.1667%208.27202%2013.9946%207.5%2013.6821ZM10%2012.5C12.7614%2012.5%2015%2010.2614%2015%207.5C15%204.73858%2012.7614%202.5%2010%202.5C7.23857%202.5%205%204.73858%205%207.5C5%2010.2614%207.23857%2012.5%2010%2012.5Z'%20fill='var(--fill-0,%20%23471A34)'/%3e%3c/g%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label="By Need"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2'/%3e%3ccircle%20cx='9'%20cy='7'%20r='4'/%3e%3cpath%20d='M23%2021v-2a4%204%200%200%200-3-3.87'/%3e%3cpath%20d='M16%203.13a4%204%200%200%201%200%207.75'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label="By Function"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cline%20x1='4'%20y1='21'%20x2='4'%20y2='14'/%3e%3cline%20x1='4'%20y1='10'%20x2='4'%20y2='3'/%3e%3cline%20x1='12'%20y1='21'%20x2='12'%20y2='12'/%3e%3cline%20x1='12'%20y1='8'%20x2='12'%20y2='3'/%3e%3cline%20x1='20'%20y1='21'%20x2='20'%20y2='16'/%3e%3cline%20x1='20'%20y1='12'%20x2='20'%20y2='3'/%3e%3cline%20x1='1'%20y1='14'%20x2='7'%20y2='14'/%3e%3cline%20x1='9'%20y1='8'%20x2='15'%20y2='8'/%3e%3cline%20x1='17'%20y1='16'%20x2='23'%20y2='16'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label="By Industry"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='2'%20y='7'%20width='20'%20height='14'%20rx='2'%20ry='2'/%3e%3cpath%20d='M16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label=Products]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z'/%3e%3cpolyline%20points='3.27%206.96%2012%2012.01%2020.73%206.96'/%3e%3cline%20x1='12'%20y1='22.08'%20x2='12'%20y2='12'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label=Features]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label=Add-Ons]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cline%20x1='12'%20y1='8'%20x2='12'%20y2='16'/%3e%3cline%20x1='8'%20y1='12'%20x2='16'%20y2='12'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label="Professional Services"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='8'%20r='7'/%3e%3cpolyline%20points='8.21%2013.89%207%2023%2012%2020%2017%2023%2015.79%2013.88'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label=Resources]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M2%203h6a4%204%200%200%201%204%204v14a3%203%200%200%200-3-3H2z'/%3e%3cpath%20d='M22%203h-6a4%204%200%200%200-4%204v14a3%203%200%200%201%203-3h7z'/%3e%3c/svg%3e")}.MegaMenu-module__megaLabel___qaML6[data-label=Pricing]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M20.59%2013.41l-7.17%207.17a2%202%200%200%201-2.83%200L2%2012V2h10l8.59%208.59a2%202%200%200%201%200%202.82z'/%3e%3cline%20x1='7'%20y1='7'%20x2='7.01'%20y2='7'/%3e%3c/svg%3e")}.MegaMenu-module__megaList___oaBx-{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-16)}.MegaMenu-module__megaLink___Wu02u,.MegaMenu-module__megaLinkStandalone___PcdDK{text-decoration:none;color:var(--color-text-default-default);display:inline-flex}.MegaMenu-module__megaLink___Wu02u span,.MegaMenu-module__megaLinkStandalone___PcdDK span{font-size:18px !important}.MegaMenu-module__megaList___oaBx- li:has(.MegaMenu-module__megaLink___Wu02u[data-overview]){margin-bottom:var(--spacing-6)}.MegaMenu-module__megaLink___Wu02u[data-overview]{color:var(--color-text-brand-primary);text-decoration:underline}.MegaMenu-module__megaLink___Wu02u[data-overview]:before{display:none}.MegaMenu-module__megaLink___Wu02u[data-overview] span{font-weight:var(--font-weight-bold) !important;font-size:18px !important;color:inherit !important;text-transform:none !important;letter-spacing:normal !important}.MegaMenu-module__megaLink___Wu02u:hover,.MegaMenu-module__megaLinkStandalone___PcdDK:hover,.MegaMenu-module__megaLink___Wu02u:focus-visible,.MegaMenu-module__megaLinkStandalone___PcdDK:focus-visible{color:var(--color-text-brand-primary-hover)}.NavigationMenu-module__menu___PHG0f{position:relative;display:flex;gap:var(--spacing-32);list-style:none;margin:0;padding:0;align-items:center}.NavigationMenu-module__menuLink___w6J77,.NavigationMenu-module__menuTrigger___Z1Lft{all:unset;outline:none;-webkit-user-select:none;user-select:none;font-weight:500;border-radius:var(--border-radius-4);height:52px;display:flex;align-items:center;cursor:pointer;color:var(--color-text-default-soft)}.NavigationMenu-module__menuLink___w6J77:focus,.NavigationMenu-module__menuTrigger___Z1Lft:focus{color:var(--color-text-default-default)}.NavigationMenu-module__menuLink___w6J77:hover,.NavigationMenu-module__menuTrigger___Z1Lft:hover{color:var(--color-text-default-default)}.NavigationMenu-module__menuLink___w6J77:focus-visible,.NavigationMenu-module__menuTrigger___Z1Lft:focus-visible{outline:var(--spacing-2) solid var(--color-text-default-default)}.NavigationMenu-module__menuTrigger___Z1Lft{justify-content:space-between;gap:var(--spacing-4)}.NavigationMenu-module__menuCaret___Gd0R2{position:relative;width:var(--sizing-18);height:var(--sizing-18);top:1px;transition:transform .25s ease}[data-state=open]>.NavigationMenu-module__menuCaret___Gd0R2{transform:rotate(-180deg)}.NavigationMenu-module__menuIndicator___Qwx30{display:flex;top:calc(100% + 20px);overflow:hidden;z-index:1;transition:width,transform .25s ease}.NavigationMenu-module__menuIndicator___Qwx30[data-state=visible]{animation:NavigationMenu-module__fadeIn___S3aiK .2s ease}.NavigationMenu-module__menuIndicator___Qwx30[data-state=hidden]{animation:NavigationMenu-module__fadeOut___a-F7g .2s ease}.NavigationMenu-module__menuIndicatorBar___UFWXE{width:100%;height:2px;background:var(--color-bg-highlight-highlight-5)}.NavigationMenu-module__viewportPosition___9Z4b9{position:absolute;top:100%;left:0;width:100%;display:flex;perspective:2000px;z-index:20}.NavigationMenu-module__viewport___RggDZ{position:relative;transform-origin:top center;width:100%;border-top:1px solid var(--color-border-default-default);background-color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden;height:var(--radix-navigation-menu-viewport-height);transition:width,height,.3s ease}.NavigationMenu-module__viewport___RggDZ[data-state=open]{animation:NavigationMenu-module__scaleIn___Z8WJd .2s ease}.NavigationMenu-module__viewport___RggDZ[data-state=closed]{animation:NavigationMenu-module__scaleOut___Md0gR .2s ease}.NavigationMenu-module__content___KUqhV{position:absolute;top:0;left:0;width:100%;padding:32px 0 48px;animation-duration:.25s;animation-timing-function:ease}.NavigationMenu-module__content___KUqhV[data-motion=from-start]{animation-name:NavigationMenu-module__enterFromLeft___zhdl1}.NavigationMenu-module__content___KUqhV[data-motion=from-end]{animation-name:NavigationMenu-module__enterFromRight___rxGDb}.NavigationMenu-module__content___KUqhV[data-motion=to-start]{animation-name:NavigationMenu-module__exitToLeft___veX83}.NavigationMenu-module__content___KUqhV[data-motion=to-end]{animation-name:NavigationMenu-module__exitToRight___RAoGO}@keyframes NavigationMenu-module__enterFromRight___rxGDb{0%{opacity:0;transform:translate3d(200px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes NavigationMenu-module__enterFromLeft___zhdl1{0%{opacity:0;transform:translate3d(-200px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes NavigationMenu-module__exitToRight___RAoGO{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(200px,0,0)}}@keyframes NavigationMenu-module__exitToLeft___veX83{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-200px,0,0)}}@keyframes NavigationMenu-module__scaleIn___Z8WJd{0%{opacity:0;transform:rotateX(-30deg) scale(.95)}to{opacity:1;transform:rotateX(0) scale(1)}}@keyframes NavigationMenu-module__scaleOut___Md0gR{0%{opacity:1;transform:rotateX(0) scale(1)}to{opacity:0;transform:rotateX(-10deg) scale(.96)}}@keyframes NavigationMenu-module__fadeIn___S3aiK{0%{opacity:0}to{opacity:1}}@keyframes NavigationMenu-module__fadeOut___a-F7g{0%{opacity:1}to{opacity:0}}.MobileHeader-module__header___bDvpH{position:relative;z-index:2;background-color:var(--color-bg-default-default);isolation:isolate}.MobileHeader-module__container___AfGGT{background:var(--color-bg-default-default);width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);height:var(--mobile-header-height);padding:var(--spacing-16);padding-left:var(--spacing-24)}.MobileHeader-module__actions___qV7TJ{display:inline-flex;align-items:center;gap:var(--spacing-4)}.MobileHeader-module__menuToggle___3K2yl{width:var(--sizing-24) !important;height:var(--sizing-24) !important}.MobileMenuAccordion-module__accordion___cQmzy{background-color:var(--color-bg-default-default);box-shadow:0 2px 10px rgba(18,0,31,.12);border-top:1px solid var(--color-border-default-default)}.MobileMenuAccordion-module__item___Ulj1L,.MobileMenuAccordion-module__linkItem___XNFLU{border-bottom:1px solid var(--color-border-default-default)}.MobileMenuAccordion-module__header___SG5Qn{display:flex;margin:0}.MobileMenuAccordion-module__trigger___dY11o{all:unset;width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);color:var(--color-text-default-soft);font-weight:var(--font-weight-medium);line-height:1.2;height:48px;padding:0 var(--spacing-24);cursor:pointer;transition:background-color .2s ease,padding .2s ease,color .2s ease}.MobileMenuAccordion-module__link___8C0l6{display:flex;align-items:center;color:var(--color-text-default-soft);font-weight:var(--font-weight-medium);line-height:1.2;height:48px;padding:0 var(--spacing-24);text-decoration:none;transition:color .3s cubic-bezier(.87,0,.13,1),background-color .3s cubic-bezier(.87,0,.13,1)}.MobileMenuAccordion-module__trigger___dY11o:hover,.MobileMenuAccordion-module__link___8C0l6:hover{color:var(--color-text-brand-on-brand-secondary-bg)}.MobileMenuAccordion-module__trigger___dY11o:focus-visible,.MobileMenuAccordion-module__link___8C0l6:focus-visible{outline:2px solid var(--color-text-brand-primary)}.MobileMenuAccordion-module__trigger___dY11o[data-state=open]{background-color:var(--color-bg-highlight-highlight-4);color:var(--color-text-highlight-on-highlight-4-bg)}.MobileMenuAccordion-module__chevron___-13mL{width:var(--sizing-18);height:var(--sizing-18);color:inherit;transition:transform .3s cubic-bezier(.87,0,.13,1)}.MobileMenuAccordion-module__trigger___dY11o[data-state=open] .MobileMenuAccordion-module__chevron___-13mL{transform:rotate(180deg)}.MobileMenuAccordion-module__content___kt1IG{overflow:hidden}.MobileMenuAccordion-module__content___kt1IG[data-state=open]{animation:MobileMenuAccordion-module__slideDown___83oSM .3s cubic-bezier(.87,0,.13,1)}.MobileMenuAccordion-module__content___kt1IG[data-state=closed]{animation:MobileMenuAccordion-module__slideUp___kbJqq .3s cubic-bezier(.87,0,.13,1)}.MobileMenuAccordion-module__contentInner___3ZJ-P{padding:var(--spacing-32) var(--spacing-24) var(--spacing-48) var(--spacing-24)}.MobileMenuAccordion-module__panel___4mHN4,.MobileMenuAccordion-module__sections___NCKC0{display:flex;flex-direction:column;gap:var(--spacing-40)}.MobileMenuAccordion-module__section___I8s21{display:flex;flex-direction:column;gap:20px}.MobileMenuAccordion-module__section___I8s21:has(.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label="Platform Foundation"]){position:relative;padding:var(--spacing-16);padding-bottom:var(--spacing-24)}.MobileMenuAccordion-module__section___I8s21:has(.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label="Platform Foundation"]):before{content:"";position:absolute;inset:0;border-radius:var(--border-radius-24);padding:2px;background:linear-gradient(180deg,#fc945b,#fee5d5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.MobileMenuAccordion-module__sectionLabel___ZpbVV{display:flex !important;align-items:center;gap:var(--spacing-6);font-weight:700 !important}.MobileMenuAccordion-module__sectionLabel___ZpbVV:before{content:"";display:inline-block;width:20px;height:20px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:1}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label="Platform Foundation"]:before{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.63411%200.0863778C8.86444%20-0.0287926%209.13556%20-0.0287926%209.36589%200.0863778L17.5476%204.17729C17.8247%204.31588%2017.9998%204.59919%2017.9998%204.90909C17.9998%205.219%2017.8247%205.5023%2017.5476%205.64089L9.36589%209.7318C9.13556%209.84697%208.86444%209.84697%208.63411%209.7318L0.45245%205.64089C0.175269%205.5023%200.000179218%205.219%200.000179218%204.90909C0.000179218%204.59919%200.175269%204.31588%200.45245%204.17729L8.63411%200.0863778ZM2.64782%204.90909L9%208.08524L15.3522%204.90909L9%201.73294L2.64782%204.90909Z'%20fill='%23471A34'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.0865552%2012.725C0.288633%2012.3208%200.780083%2012.157%201.18424%2012.3591L9%2016.2671L16.8158%2012.3591C17.2199%2012.157%2017.7114%2012.3208%2017.9134%2012.725C18.1155%2013.1292%2017.9517%2013.6206%2017.5476%2013.8227L9.36589%2017.9136C9.13556%2018.0288%208.86444%2018.0288%208.63411%2017.9136L0.45245%2013.8227C0.0482938%2013.6206%20-0.115523%2013.1292%200.0865552%2012.725Z'%20fill='%23471A34'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.0865552%208.6341C0.288633%208.22993%200.780083%208.06611%201.18424%208.2682L9%2012.1762L16.8158%208.2682C17.2199%208.06611%2017.7114%208.22993%2017.9134%208.6341C18.1155%209.03826%2017.9517%209.52972%2017.5476%209.7318L9.36589%2013.8227C9.13556%2013.9379%208.86444%2013.9379%208.63411%2013.8227L0.45245%209.7318C0.0482938%209.52972%20-0.115523%209.03826%200.0865552%208.6341Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label=Platform]:before{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.63411%200.0863778C8.86444%20-0.0287926%209.13556%20-0.0287926%209.36589%200.0863778L17.5476%204.17729C17.8247%204.31588%2017.9998%204.59919%2017.9998%204.90909C17.9998%205.219%2017.8247%205.5023%2017.5476%205.64089L9.36589%209.7318C9.13556%209.84697%208.86444%209.84697%208.63411%209.7318L0.45245%205.64089C0.175269%205.5023%200.000179218%205.219%200.000179218%204.90909C0.000179218%204.59919%200.175269%204.31588%200.45245%204.17729L8.63411%200.0863778ZM2.64782%204.90909L9%208.08524L15.3522%204.90909L9%201.73294L2.64782%204.90909Z'%20fill='%23471A34'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.0865552%2012.725C0.288633%2012.3208%200.780083%2012.157%201.18424%2012.3591L9%2016.2671L16.8158%2012.3591C17.2199%2012.157%2017.7114%2012.3208%2017.9134%2012.725C18.1155%2013.1292%2017.9517%2013.6206%2017.5476%2013.8227L9.36589%2017.9136C9.13556%2018.0288%208.86444%2018.0288%208.63411%2017.9136L0.45245%2013.8227C0.0482938%2013.6206%20-0.115523%2013.1292%200.0865552%2012.725Z'%20fill='%23471A34'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.0865552%208.6341C0.288633%208.22993%200.780083%208.06611%201.18424%208.2682L9%2012.1762L16.8158%208.2682C17.2199%208.06611%2017.7114%208.22993%2017.9134%208.6341C18.1155%209.03826%2017.9517%209.52972%2017.5476%209.7318L9.36589%2013.8227C9.13556%2013.9379%208.86444%2013.9379%208.63411%2013.8227L0.45245%209.7318C0.0482938%209.52972%20-0.115523%209.03826%200.0865552%208.6341Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label=Communication]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4351_3027)'%3e%3cpath%20d='M17.2615%206.77359L17.056%207.24499C16.9057%207.5901%2016.4283%207.5901%2016.2779%207.24499L16.0725%206.77359C15.7062%205.93305%2015.0466%205.26384%2014.2234%204.89773L13.5903%204.61618C13.2481%204.46394%2013.2481%203.96584%2013.5903%203.8136L14.188%203.54778C15.0323%203.17226%2015.7038%202.47827%2016.0637%201.60919L16.2747%201.09977C16.4218%200.744738%2016.9122%200.744738%2017.0592%201.09977L17.2702%201.60919C17.6302%202.47827%2018.3017%203.17226%2019.146%203.54778L19.7436%203.8136C20.0859%203.96584%2020.0859%204.46394%2019.7436%204.61618L19.1106%204.89773C18.2874%205.26384%2017.6277%205.93305%2017.2615%206.77359ZM10.0003%201.66683C5.39795%201.66683%201.66699%205.39779%201.66699%2010.0002C1.66699%2011.4189%202.02153%2012.7548%202.64683%2013.9242L1.66699%2018.3335L6.0763%2017.3537C7.24566%2017.979%208.58158%2018.3335%2010.0003%2018.3335C14.6027%2018.3335%2018.3337%2014.6025%2018.3337%2010.0002C18.3337%209.66475%2018.3138%209.33366%2018.2752%209.008L16.6201%209.2045C16.6511%209.46508%2016.667%209.73058%2016.667%2010.0002C16.667%2013.6821%2013.6822%2016.6668%2010.0003%2016.6668C8.88824%2016.6668%207.81906%2016.3956%206.86223%2015.8839L6.31762%2015.5927L3.86213%2016.1383L4.40779%2013.6828L4.11657%2013.1382C3.6049%2012.1814%203.33366%2011.1122%203.33366%2010.0002C3.33366%206.31826%206.31843%203.3335%2010.0003%203.3335C10.5769%203.3335%2011.1352%203.4065%2011.667%203.54332L12.0822%201.92922C11.4159%201.75778%2010.7182%201.66683%2010.0003%201.66683ZM7.50033%2010.0002H5.83366C5.83366%2012.3013%207.69914%2014.1668%2010.0003%2014.1668C12.3015%2014.1668%2014.167%2012.3013%2014.167%2010.0002H12.5003C12.5003%2011.3809%2011.3811%2012.5002%2010.0003%2012.5002C8.61958%2012.5002%207.50033%2011.3809%207.50033%2010.0002Z'%20fill='%23471A34'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4351_3027'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label=Self-Service]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0042%2010.8356C11.3849%2010.8356%2012.5042%2011.9549%2012.5042%2013.3356C12.5042%2014.0432%2012.2102%2014.6822%2011.7377%2015.137L10.146%2016.6686L12.5042%2016.6689V18.3356H7.50423L7.50348%2016.8986L10.5821%2013.9361C10.7397%2013.7842%2010.8376%2013.5714%2010.8376%2013.3356C10.8376%2012.8754%2010.4645%2012.5023%2010.0042%2012.5023C9.544%2012.5023%209.17092%2012.8754%209.17092%2013.3356H7.50423C7.50423%2011.9549%208.6235%2010.8356%2010.0042%2010.8356ZM15.0042%2010.8356V14.1689H16.6709V10.8356H18.3376V18.3356H16.6709V15.8356H13.3376V10.8356H15.0042ZM3.33757%2010.0023C3.33757%2012.1078%204.3136%2013.9853%205.83789%2015.207L5.83758%2017.2208C3.34673%2015.7799%201.6709%2013.0868%201.6709%2010.0023H3.33757ZM10.0042%201.66895C14.3253%201.66895%2017.8782%204.95779%2018.2964%209.16885L16.6193%209.16902C16.2093%205.88037%2013.4039%203.33561%2010.0042%203.33561C7.71275%203.33561%205.69129%204.49172%204.49133%206.25248L6.6709%206.25228V7.91894H1.6709V2.91895H3.33757L3.33747%205.00159C4.85785%202.9779%207.27818%201.66895%2010.0042%201.66895Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label=Knowledge]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.31057%2014.9998H9.16634V10.8332H10.833V14.9998H11.6888C11.7988%2013.9985%2012.3098%2013.1719%2013.1393%2012.2687C13.2328%2012.167%2013.832%2011.5468%2013.9031%2011.4583C14.6095%2010.5774%2014.9997%209.48734%2014.9997%208.33317C14.9997%205.57175%2012.7611%203.33317%209.99967%203.33317C7.23825%203.33317%204.99967%205.57175%204.99967%208.33317C4.99967%209.48675%205.38946%2010.5763%206.09519%2011.4568C6.16637%2011.5457%206.76702%2012.1675%206.85929%2012.268C7.68939%2013.1718%208.20053%2013.9985%208.31057%2014.9998ZM8.33301%2016.6665V17.4998H11.6663V16.6665H8.33301ZM4.79463%2012.4992C3.88005%2011.3579%203.33301%209.90942%203.33301%208.33317C3.33301%204.65127%206.31777%201.6665%209.99967%201.6665C13.6816%201.6665%2016.6663%204.65127%2016.6663%208.33317C16.6663%209.91025%2016.1187%2011.3594%2015.2033%2012.501C14.6863%2013.1455%2013.333%2014.1665%2013.333%2015.4165V17.4998C13.333%2018.4203%2012.5868%2019.1665%2011.6663%2019.1665H8.33301C7.41253%2019.1665%206.66634%2018.4203%206.66634%2017.4998V15.4165C6.66634%2014.1665%205.31182%2013.1445%204.79463%2012.4992Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label="Tool Access"]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.87544%2011.7679L4.10766%2013.5357L6.46469%2015.8927L15.8927%206.46461L13.5357%204.10758L11.768%205.87535L12.9465%207.05386L11.768%208.23237L10.5895%207.05386L9.411%208.23237L10.5895%209.41088L9.411%2010.5894L8.23245%209.41088L7.05394%2010.5894L8.23245%2011.7679L7.05394%2012.9464L5.87544%2011.7679ZM14.125%202.33981L17.6606%205.87535C17.986%206.20079%2017.986%206.72842%2017.6606%207.05386L7.05394%2017.6605C6.7285%2017.9859%206.20087%2017.9859%205.87544%2017.6605L2.33989%2014.125C2.01446%2013.7995%202.01446%2013.2719%202.33989%2012.9464L12.9465%202.33981C13.2719%202.01438%2013.7996%202.01438%2014.125%202.33981ZM11.768%2015.303L12.9465%2014.1245L14.8152%2015.9933H15.9937V14.8148L14.125%2012.946L15.3035%2011.7675L17.4999%2013.9639V17.5H13.965L11.768%2015.303ZM4.6968%208.23185L2.33978%205.87482C2.01434%205.54939%202.01434%205.02175%202.33978%204.69631L4.6968%202.33929C5.02224%202.01386%205.54988%202.01386%205.87531%202.33929L8.23234%204.69631L7.05383%205.87482L5.28606%204.10706L4.10755%205.28557L5.87531%207.05334L4.6968%208.23185Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label=Community]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.62467%202.0835C7.58068%202.0835%209.16634%203.66915%209.16634%205.62516V9.16683H5.62467C3.66867%209.16683%202.08301%207.58117%202.08301%205.62516C2.08301%203.66915%203.66867%202.0835%205.62467%202.0835ZM7.49967%207.50016V5.62516C7.49967%204.58963%206.66021%203.75016%205.62467%203.75016C4.58914%203.75016%203.74967%204.58963%203.74967%205.62516C3.74967%206.6607%204.58914%207.50016%205.62467%207.50016H7.49967ZM5.62467%2010.8335H9.16634V14.3752C9.16634%2016.3312%207.58068%2017.9168%205.62467%2017.9168C3.66867%2017.9168%202.08301%2016.3312%202.08301%2014.3752C2.08301%2012.4192%203.66867%2010.8335%205.62467%2010.8335ZM5.62467%2012.5002C4.58914%2012.5002%203.74967%2013.3397%203.74967%2014.3752C3.74967%2015.4107%204.58914%2016.2502%205.62467%2016.2502C6.66021%2016.2502%207.49967%2015.4107%207.49967%2014.3752V12.5002H5.62467ZM14.3747%202.0835C16.3307%202.0835%2017.9163%203.66915%2017.9163%205.62516C17.9163%207.58117%2016.3307%209.16683%2014.3747%209.16683H10.833V5.62516C10.833%203.66915%2012.4187%202.0835%2014.3747%202.0835ZM14.3747%207.50016C15.4102%207.50016%2016.2497%206.6607%2016.2497%205.62516C16.2497%204.58963%2015.4102%203.75016%2014.3747%203.75016C13.3392%203.75016%2012.4997%204.58963%2012.4997%205.62516V7.50016H14.3747ZM10.833%2010.8335H14.3747C16.3307%2010.8335%2017.9163%2012.4192%2017.9163%2014.3752C17.9163%2016.3312%2016.3307%2017.9168%2014.3747%2017.9168C12.4187%2017.9168%2010.833%2016.3312%2010.833%2014.3752V10.8335ZM12.4997%2012.5002V14.3752C12.4997%2015.4107%2013.3392%2016.2502%2014.3747%2016.2502C15.4102%2016.2502%2016.2497%2015.4107%2016.2497%2014.3752C16.2497%2013.3397%2015.4102%2012.5002%2014.3747%2012.5002H12.4997Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label=Alignment]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.1662%206.6671H17.4997C18.4202%206.6671%2019.1663%207.4133%2019.1663%208.33375V10.0874C19.1663%2010.3051%2019.1237%2010.5207%2019.0408%2010.722L16.4622%2016.9844C16.3336%2017.2967%2016.0293%2017.5004%2015.6916%2017.5004H1.66634C1.20611%2017.5004%200.833008%2017.1273%200.833008%2016.6671V8.33375C0.833008%207.87353%201.20611%207.50044%201.66634%207.50044H4.56787C4.83865%207.50044%205.09253%207.36888%205.24868%207.14767L9.79317%200.709625C9.91193%200.541401%2010.1358%200.485144%2010.3199%200.577232L11.8317%201.33309C12.708%201.77128%2013.1606%202.76093%2012.9189%203.71045L12.1662%206.6671ZM5.83301%208.82333V15.8337H15.1335L17.4997%2010.0874V8.33375H12.1662C11.0789%208.33375%2010.2828%207.30956%2010.551%206.25592L11.3038%203.29928C11.3521%203.10937%2011.2616%202.91144%2011.0863%202.8238L10.5353%202.54833L6.6103%208.10881C6.40205%208.40383%206.13585%208.64566%205.83301%208.82333ZM4.16634%209.16708H2.49967V15.8337H4.16634V9.16708Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label=Recognition]:before{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.0002%2014.1665V18.3332H13.3335V14.1665C13.3335%2010.4571%2015.5368%207.26232%2018.7061%205.81944L19.3959%207.33709C16.8029%208.51759%2015.0002%2011.1316%2015.0002%2014.1665ZM6.66688%2014.1665V18.3332H5.00021V14.1665C5.00021%2011.1316%203.19753%208.51759%200.604492%207.33709L1.29433%205.81944C4.4636%207.26232%206.66688%2010.4571%206.66688%2014.1665ZM10.0002%209.99984C7.69902%209.99984%205.83355%208.13435%205.83355%205.83317C5.83355%203.53199%207.69902%201.6665%2010.0002%201.6665C12.3014%201.6665%2014.1668%203.53199%2014.1668%205.83317C14.1668%208.13435%2012.3014%209.99984%2010.0002%209.99984ZM10.0002%208.33317C11.3809%208.33317%2012.5002%207.21388%2012.5002%205.83317C12.5002%204.45246%2011.3809%203.33317%2010.0002%203.33317C8.6195%203.33317%207.50021%204.45246%207.50021%205.83317C7.50021%207.21388%208.6195%208.33317%2010.0002%208.33317Z'%20fill='%23471A34'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label="Professional Services"]:before{background-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Icon%20-%20Business'%3e%3cpath%20id='Vector'%20d='M14.1667%2012.7045V18.4308C14.1667%2018.6608%2013.9801%2018.8475%2013.75%2018.8475C13.6745%2018.8475%2013.6004%2018.8269%2013.5357%2018.7881L10%2016.6667L6.46437%2018.7881C6.26705%2018.9064%206.01111%2018.8424%205.89271%2018.6452C5.85386%2018.5803%205.83333%2018.5063%205.83333%2018.4308V12.7045C4.30922%2011.4828%203.33333%209.60533%203.33333%207.5C3.33333%203.8181%206.3181%200.833333%2010%200.833333C13.6819%200.833333%2016.6667%203.8181%2016.6667%207.5C16.6667%209.60533%2015.6907%2011.4828%2014.1667%2012.7045ZM7.5%2013.6821V16.223L10%2014.723L12.5%2016.223V13.6821C11.728%2013.9946%2010.8841%2014.1667%2010%2014.1667C9.11592%2014.1667%208.27202%2013.9946%207.5%2013.6821ZM10%2012.5C12.7614%2012.5%2015%2010.2614%2015%207.5C15%204.73858%2012.7614%202.5%2010%202.5C7.23857%202.5%205%204.73858%205%207.5C5%2010.2614%207.23857%2012.5%2010%2012.5Z'%20fill='var(--fill-0,%20%23471A34)'/%3e%3c/g%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label="By Need"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2'/%3e%3ccircle%20cx='9'%20cy='7'%20r='4'/%3e%3cpath%20d='M23%2021v-2a4%204%200%200%200-3-3.87'/%3e%3cpath%20d='M16%203.13a4%204%200%200%201%200%207.75'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label="By Function"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cline%20x1='4'%20y1='21'%20x2='4'%20y2='14'/%3e%3cline%20x1='4'%20y1='10'%20x2='4'%20y2='3'/%3e%3cline%20x1='12'%20y1='21'%20x2='12'%20y2='12'/%3e%3cline%20x1='12'%20y1='8'%20x2='12'%20y2='3'/%3e%3cline%20x1='20'%20y1='21'%20x2='20'%20y2='16'/%3e%3cline%20x1='20'%20y1='12'%20x2='20'%20y2='3'/%3e%3cline%20x1='1'%20y1='14'%20x2='7'%20y2='14'/%3e%3cline%20x1='9'%20y1='8'%20x2='15'%20y2='8'/%3e%3cline%20x1='17'%20y1='16'%20x2='23'%20y2='16'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label="By Industry"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3crect%20x='2'%20y='7'%20width='20'%20height='14'%20rx='2'%20ry='2'/%3e%3cpath%20d='M16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label=Products]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z'/%3e%3cpolyline%20points='3.27%206.96%2012%2012.01%2020.73%206.96'/%3e%3cline%20x1='12'%20y1='22.08'%20x2='12'%20y2='12'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label=Features]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpolygon%20points='13%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label=Add-Ons]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cline%20x1='12'%20y1='8'%20x2='12'%20y2='16'/%3e%3cline%20x1='8'%20y1='12'%20x2='16'%20y2='12'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label="Professional Services"]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='12'%20cy='8'%20r='7'/%3e%3cpolyline%20points='8.21%2013.89%207%2023%2012%2020%2017%2023%2015.79%2013.88'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label=Resources]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M2%203h6a4%204%200%200%201%204%204v14a3%203%200%200%200-3-3H2z'/%3e%3cpath%20d='M22%203h-6a4%204%200%200%200-4%204v14a3%203%200%200%201%203-3h7z'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLabel___ZpbVV[data-label=Pricing]:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23471a34'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M20.59%2013.41l-7.17%207.17a2%202%200%200%201-2.83%200L2%2012V2h10l8.59%208.59a2%202%200%200%201%200%202.82z'/%3e%3cline%20x1='7'%20y1='7'%20x2='7.01'%20y2='7'/%3e%3c/svg%3e")}.MobileMenuAccordion-module__sectionLinks___HIKYJ{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-16)}.MobileMenuAccordion-module__sectionStandaloneLink___nZtLD,.MobileMenuAccordion-module__sectionLink___g8zWt{text-decoration:none;display:inline-flex;color:var(--color-text-default-default);transition:color .2s ease}.MobileMenuAccordion-module__sectionStandaloneLink___nZtLD span,.MobileMenuAccordion-module__sectionLink___g8zWt span{font-size:18px !important}.MobileMenuAccordion-module__sectionLinks___HIKYJ li:has(.MobileMenuAccordion-module__sectionLink___g8zWt[data-overview]){margin-bottom:var(--spacing-6)}.MobileMenuAccordion-module__sectionLink___g8zWt[data-overview]{color:var(--color-text-brand-primary);text-decoration:underline}.MobileMenuAccordion-module__sectionLink___g8zWt[data-overview]:before{display:none}.MobileMenuAccordion-module__sectionLink___g8zWt[data-overview] span{font-weight:var(--font-weight-bold) !important;font-size:18px !important;color:inherit !important;text-transform:none !important;letter-spacing:normal !important}.MobileMenuAccordion-module__sectionLink___g8zWt:hover,.MobileMenuAccordion-module__sectionStandaloneLink___nZtLD:hover,.MobileMenuAccordion-module__sectionLink___g8zWt:focus-visible,.MobileMenuAccordion-module__sectionStandaloneLink___nZtLD:focus-visible{color:var(--color-text-brand-primary-hover);text-decoration:underline}.MobileMenuAccordion-module__sectionStandalone___HEUpf{display:flex}.MobileMenuAccordion-module__promoLink___YzFWM{display:block;text-decoration:none;color:inherit;height:100%}.MobileMenuAccordion-module__promoCard___yDN8V{position:relative;overflow:hidden;border-radius:var(--border-radius-24);min-height:263px;height:100%;background:var(--color-bg-neutral-subtle)}.MobileMenuAccordion-module__promoCard___yDN8V[data-compact]{min-height:220px;background-color:var(--color-bg-brand-secondary);display:flex;flex-direction:column;padding:var(--spacing-32);justify-content:center}.MobileMenuAccordion-module__promoCard___yDN8V[data-compact]:before{display:none}.MobileMenuAccordion-module__promoCard___yDN8V[data-compact]:after{display:none}.MobileMenuAccordion-module__promoCard___yDN8V[data-compact] .MobileMenuAccordion-module__promoImage___00fLa{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:0;filter:none;transform:none;inset:0 0 0 auto}.MobileMenuAccordion-module__promoCard___yDN8V[data-compact] .MobileMenuAccordion-module__promoContent___jOUq8{position:static;display:flex;flex-direction:column;gap:var(--spacing-12);max-width:none;z-index:1}.MobileMenuAccordion-module__promoCard___yDN8V[data-compact] .MobileMenuAccordion-module__promoContent___jOUq8>:first-child{font-family:var(--font-family-heading) !important;font-size:23px !important;font-weight:var(--font-weight-medium) !important;font-style:normal !important;color:#fff !important;text-transform:none !important;letter-spacing:normal !important;line-height:1.2 !important}.MobileMenuAccordion-module__promoCard___yDN8V[data-compact] .MobileMenuAccordion-module__promoContent___jOUq8>:first-child em,.MobileMenuAccordion-module__promoCard___yDN8V[data-compact] .MobileMenuAccordion-module__promoContent___jOUq8>:first-child i{font-style:italic}.MobileMenuAccordion-module__promoCard___yDN8V[data-compact] .MobileMenuAccordion-module__promoContent___jOUq8:after{content:"Read the guide";display:inline-flex;align-items:center;align-self:flex-start;margin-top:var(--spacing-8);padding:var(--spacing-12) var(--spacing-24);background-color:var(--color-bg-neutral-subtle);color:var(--color-text-default-default);border-radius:999px;font-size:14px;font-weight:var(--font-weight-semibold);font-family:var(--font-family-base);letter-spacing:normal;text-transform:none}.MobileMenuAccordion-module__promoImage___00fLa{width:100%;height:100%;object-fit:cover;display:block}.MobileMenuAccordion-module__promoCard___yDN8V:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,20,28,0) 42.78%,rgba(35,20,28,.8));pointer-events:none;transition:opacity .18s ease}.MobileMenuAccordion-module__promoCard___yDN8V[data-tint]:after{background:linear-gradient(180deg,rgba(35,20,28,.15),rgba(35,20,28,.75))}.MobileMenuAccordion-module__promoContent___jOUq8{position:absolute;left:var(--spacing-24);right:var(--spacing-24);bottom:var(--spacing-24);display:flex;flex-direction:column;gap:var(--spacing-8);z-index:1}.MobileMenuAccordion-module__promoPlaceholder___wbNC2{min-height:263px;background-color:var(--color-bg-brand-primary);background-image:repeating-linear-gradient(-45deg,rgba(121,52,99,.35),rgba(121,52,99,.35) 10px,rgba(71,26,52,.7) 10px 20px)}.MobileMenuAccordion-module__promoEyebrow___NQ-UM{text-transform:uppercase;letter-spacing:.16em}.MobileMenuAccordion-module__promoPill___z1s3N{position:absolute;top:var(--spacing-16);left:var(--spacing-16);z-index:1;background:var(--color-bg-highlight-highlight-5);color:var(--color-text-highlight-on-highlight-5-bg);padding:var(--spacing-4) var(--spacing-12);border-radius:999px;text-transform:none;letter-spacing:normal}@media (prefers-reduced-motion:reduce){.MobileMenuAccordion-module__content___kt1IG[data-state=open],.MobileMenuAccordion-module__content___kt1IG[data-state=closed]{animation:none}.MobileMenuAccordion-module__chevron___-13mL,.MobileMenuAccordion-module__trigger___dY11o,.MobileMenuAccordion-module__link___8C0l6{transition:none}}@keyframes MobileMenuAccordion-module__slideDown___83oSM{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes MobileMenuAccordion-module__slideUp___kbJqq{0%{height:var(--radix-accordion-content-height)}to{height:0}}.MobileNavigation-module__drawer___QwE3S{--mobile-header-stack-height:var(--mobile-header-height);position:absolute;top:100%;left:0;right:0;background-color:#fff;outline:none;padding:0;max-height:calc(100dvh - var(--mobile-header-stack-height));overflow-y:auto;animation:MobileNavigation-module__drawerHide___BoEVd .26s ease forwards;z-index:2;box-shadow:0 12px 30px rgba(0,0,0,.12)}.MobileNavigation-module__withAnnouncement___JXNJz{--mobile-header-stack-height:calc(var(--mobile-header-height) + var(--announcement-bar-height,0px))}.MobileNavigation-module__drawer___QwE3S[data-state=open]{animation:MobileNavigation-module__drawerEnter___VqAH8 .32s cubic-bezier(.22,1,.36,1) forwards}@keyframes MobileNavigation-module__drawerEnter___VqAH8{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes MobileNavigation-module__drawerHide___BoEVd{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.FooterArtwork-module__artworkImage___Ld-fH{width:clamp(320px,32vw,480px);height:auto}@media (max-width:768px){.FooterArtwork-module__artworkImage___Ld-fH{width:min(var(--sizing-240),100%)}}.LogoAndSocials-module__logoAndSocials___tlXMc{display:flex;flex-direction:column;gap:var(--spacing-24)}.LogoAndSocials-module__brandLink___ejpiH,.LogoAndSocials-module__brandText___I03SE{display:inline-flex;align-items:center;color:var(--color-bg-default-default);font-size:1.5rem;font-weight:600;text-decoration:none}.LogoAndSocials-module__brandLink___ejpiH img{height:40px;width:auto}.LogoAndSocials-module__socialList___Zi7V3{display:flex;gap:var(--spacing-8);flex-wrap:wrap;list-style:none;padding:0;margin:0}.LogoAndSocials-module__socialList___Zi7V3 li{display:inline-flex}.LogoAndSocials-module__socialLink___-jFVl{padding:0}.LogoAndSocials-module__socialLink___-jFVl img{width:var(--sizing-24);height:var(--sizing-24);object-fit:contain}.LogoAndSocials-module__socialLabel___rbAGK{color:var(--color-bg-surface-light-surface-1);font-size:.95rem}.MenuSection-module__menuColumn___QknIE{display:flex;flex-direction:column;gap:var(--spacing-16)}.MenuSection-module__menuList___pOpkU{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-8)}.MenuSection-module__menuList___pOpkU a{text-decoration:none;color:var(--color-text-default-soft-light)}.MenuSection-module__menuList___pOpkU a:hover,.MenuSection-module__menuList___pOpkU a:focus-visible{color:var(--color-text-default-default-light)}.Footer-module__footerShell___uAfPB{background-color:var(--color-bg-brand-primary);color:var(--color-bg-surface-light-surface-1);padding:var(--spacing-96) var(--spacing-24)}@media (max-width:979px){.Footer-module__footerShell___uAfPB{padding:var(--spacing-48) var(--spacing-24)}}@media (max-width:768px){.Footer-module__footerShell___uAfPB{padding:var(--spacing-48) var(--spacing-24)}}.Footer-module__content___0bAH8{margin:0 auto;max-width:var(--max-content-width);display:grid;align-items:start;gap:var(--spacing-32);min-height:480px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-template-areas:"brand second third fourth" "primary second artwork artwork" "copyright copyright artwork artwork"}@media (max-width:979px){.Footer-module__content___0bAH8{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"brand brand" "primary second" "third fourth" "artwork artwork" "copyright copyright"}}@media (max-width:768px){.Footer-module__content___0bAH8{grid-template-columns:repeat(1,minmax(0,1fr));grid-template-areas:"brand" "primary" "second" "third" "fourth" "artwork" "copyright"}}.Footer-module__brandColumn___4ReOe{grid-area:brand}.Footer-module__primarySection___SN6Hu{grid-area:primary}.Footer-module__secondColumn___KBjXQ{grid-area:second}.Footer-module__thirdColumn___mOavx{grid-area:third}.Footer-module__fourthColumn___7wzKe{grid-area:fourth}.Footer-module__artworkColumn___ekqno{grid-area:artwork;display:flex;align-items:flex-end;justify-content:flex-end;padding-left:var(--spacing-32);gap:var(--spacing-16)}@media (max-width:979px){.Footer-module__artworkColumn___ekqno{display:flex;justify-content:center;padding-left:0;margin-top:var(--spacing-32)}}@media (max-width:768px){.Footer-module__artworkColumn___ekqno{display:flex;justify-content:center;padding-left:0;margin-top:var(--spacing-32)}}.Footer-module__copyrightArea___19An-{grid-area:copyright;color:var(--color-text-default-muted-light);align-self:end}@media (max-width:979px){.Footer-module__copyrightArea___19An-{justify-self:center;text-align:center}}@media (max-width:768px){.Footer-module__copyrightArea___19An-{align-self:center;justify-self:center;text-align:center}}