@charset "UTF-8";
:root {
  --c-primary: var(--c-navy);
  --c-primary-100: var(--c-navy-100);
  --c-primary-125: var(--c-navy-125);
  --c-primary-150: var(--c-navy-150);
  --c-primary-175: var(--c-navy-175);
  --c-primary-200: var(--c-navy-200);
  --c-primary-300: var(--c-navy-300);
  --c-primary-400: var(--c-navy-400);
  --c-primary-500: var(--c-navy-500);
  --c-primary-600: var(--c-navy-600);
  --c-primary-700: var(--c-navy-700);
  --c-primary-800: var(--c-navy-800);
  --c-primary-900: var(--c-navy-900);
  --c-primary-light: var(--c-navy-light);
  --c-primary-lighter: var(--c-navy-lighter);
  --c-primary-dark: var(--c-navy-dark);
  --c-primary-darker: var(--c-navy-darker);
  --c-primary-way-lighter: var(--c-navy-100);
  --c-primary-way-darker: var(--c-navy-800);
  --c-primary-hover: var(--c-navy-dark);
  --c-secondary: var(--c-blue);
  --c-secondary-100: var(--c-blue-100);
  --c-secondary-125: var(--c-blue-125);
  --c-secondary-150: var(--c-blue-150);
  --c-secondary-175: var(--c-blue-175);
  --c-secondary-200: var(--c-blue-200);
  --c-secondary-300: var(--c-blue-300);
  --c-secondary-400: var(--c-blue-400);
  --c-secondary-500: var(--c-blue-500);
  --c-secondary-600: var(--c-blue-600);
  --c-secondary-700: var(--c-blue-700);
  --c-secondary-800: var(--c-blue-800);
  --c-secondary-900: var(--c-blue-900);
  --c-secondary-light: var(--c-blue-light);
  --c-secondary-lighter: var(--c-blue-lighter);
  --c-secondary-dark: var(--c-blue-dark);
  --c-secondary-darker: var(--c-blue-darker);
  --c-secondary-way-lighter: var(--c-blue-100);
  --c-secondary-way-darker: var(--c-blue-800);
  --c-secondary-hover: var(--c-blue-dark);
  --c-tertiary: var(--c-pink);
  --c-tertiary-100: var(--c-pink-100);
  --c-tertiary-125: var(--c-pink-125);
  --c-tertiary-150: var(--c-pink-150);
  --c-tertiary-175: var(--c-pink-175);
  --c-tertiary-200: var(--c-pink-200);
  --c-tertiary-300: var(--c-pink-300);
  --c-tertiary-400: var(--c-pink-400);
  --c-tertiary-500: var(--c-pink-500);
  --c-tertiary-600: var(--c-pink-600);
  --c-tertiary-700: var(--c-pink-700);
  --c-tertiary-800: var(--c-pink-800);
  --c-tertiary-900: var(--c-pink-900);
  --c-tertiary-light: var(--c-pink-light);
  --c-tertiary-lighter: var(--c-pink-lighter);
  --c-tertiary-dark: var(--c-pink-dark);
  --c-tertiary-darker: var(--c-pink-darker);
  --c-tertiary-way-lighter: var(--c-pink-100);
  --c-tertiary-way-darker: var(--c-pink-800);
  --c-tertiary-hover: var(--c-pink-dark);
  --c-cta: var(--c-green);
  --c-cta-100: var(--c-green-100);
  --c-cta-125: var(--c-green-125);
  --c-cta-150: var(--c-green-150);
  --c-cta-175: var(--c-green-175);
  --c-cta-200: var(--c-green-200);
  --c-cta-300: var(--c-green-300);
  --c-cta-400: var(--c-green-400);
  --c-cta-500: var(--c-green-500);
  --c-cta-600: var(--c-green-600);
  --c-cta-700: var(--c-green-700);
  --c-cta-800: var(--c-green-800);
  --c-cta-900: var(--c-green-900);
  --c-cta-light: var(--c-green-light);
  --c-cta-lighter: var(--c-green-lighter);
  --c-cta-dark: var(--c-green-dark);
  --c-cta-darker: var(--c-green-darker);
  --c-cta-way-lighter: var(--c-green-100);
  --c-cta-way-darker: var(--c-green-800);
  --c-cta-hover: var(--c-green-dark);
  --c-success: var(--c-green);
  --c-success-100: var(--c-green-100);
  --c-success-125: var(--c-green-125);
  --c-success-150: var(--c-green-150);
  --c-success-175: var(--c-green-175);
  --c-success-200: var(--c-green-200);
  --c-success-300: var(--c-green-300);
  --c-success-400: var(--c-green-400);
  --c-success-500: var(--c-green-500);
  --c-success-600: var(--c-green-600);
  --c-success-700: var(--c-green-700);
  --c-success-800: var(--c-green-800);
  --c-success-900: var(--c-green-900);
  --c-success-light: var(--c-green-light);
  --c-success-lighter: var(--c-green-lighter);
  --c-success-dark: var(--c-green-dark);
  --c-success-darker: var(--c-green-darker);
  --c-success-way-lighter: var(--c-green-100);
  --c-success-way-darker: var(--c-green-800);
  --c-success-hover: var(--c-green-dark);
  --c-danger: var(--c-red);
  --c-danger-100: var(--c-red-100);
  --c-danger-125: var(--c-red-125);
  --c-danger-150: var(--c-red-150);
  --c-danger-175: var(--c-red-175);
  --c-danger-200: var(--c-red-200);
  --c-danger-300: var(--c-red-300);
  --c-danger-400: var(--c-red-400);
  --c-danger-500: var(--c-red-500);
  --c-danger-600: var(--c-red-600);
  --c-danger-700: var(--c-red-700);
  --c-danger-800: var(--c-red-800);
  --c-danger-900: var(--c-red-900);
  --c-danger-light: var(--c-red-light);
  --c-danger-lighter: var(--c-red-lighter);
  --c-danger-dark: var(--c-red-dark);
  --c-danger-darker: var(--c-red-darker);
  --c-danger-way-lighter: var(--c-red-100);
  --c-danger-way-darker: var(--c-red-800);
  --c-danger-hover: var(--c-red-dark);
  --c-warning: var(--c-orange);
  --c-warning-100: var(--c-orange-100);
  --c-warning-125: var(--c-orange-125);
  --c-warning-150: var(--c-orange-150);
  --c-warning-175: var(--c-orange-175);
  --c-warning-200: var(--c-orange-200);
  --c-warning-300: var(--c-orange-300);
  --c-warning-400: var(--c-orange-400);
  --c-warning-500: var(--c-orange-500);
  --c-warning-600: var(--c-orange-600);
  --c-warning-700: var(--c-orange-700);
  --c-warning-800: var(--c-orange-800);
  --c-warning-900: var(--c-orange-900);
  --c-warning-light: var(--c-orange-light);
  --c-warning-lighter: var(--c-orange-lighter);
  --c-warning-dark: var(--c-orange-dark);
  --c-warning-darker: var(--c-orange-darker);
  --c-warning-way-lighter: var(--c-orange-100);
  --c-warning-way-darker: var(--c-orange-800);
  --c-warning-hover: var(--c-orange-dark);
  --c-info: var(--c-gray);
  --c-info-100: var(--c-gray-100);
  --c-info-125: var(--c-gray-125);
  --c-info-150: var(--c-gray-150);
  --c-info-175: var(--c-gray-175);
  --c-info-200: var(--c-gray-200);
  --c-info-300: var(--c-gray-300);
  --c-info-400: var(--c-gray-400);
  --c-info-500: var(--c-gray-500);
  --c-info-600: var(--c-gray-600);
  --c-info-700: var(--c-gray-700);
  --c-info-800: var(--c-gray-800);
  --c-info-900: var(--c-gray-900);
  --c-info-light: var(--c-gray-light);
  --c-info-lighter: var(--c-gray-lighter);
  --c-info-dark: var(--c-gray-dark);
  --c-info-darker: var(--c-gray-darker);
  --c-info-way-lighter: var(--c-gray-100);
  --c-info-way-darker: var(--c-gray-800);
  --c-info-hover: var(--c-gray-dark);
  --c-gray-low-emphasis: var(--c-charcoal);
  --c-light-gray: var(--c-gray-100);
  --c-almost-white: var(--c-tint);
  --c-medium-gray: var(--c-gray-150);
  --c-dark-gray: var(--c-gray-900);
  --c-text-dark: var(--c-charcoal);
  --c-gray-a3: var(--c-gray-200);
  --c-gray-9c: var(--c-gray-300);
  --c-transparent: #fff0;
  --c-highlight-pink: #ffe9e9;
  --c-dark-red-bg: #4c0d0d;
  --bg-dark-neutral: var(--c-charcoal);
  --text-on-dark-link: var(--c-blue-300);
  --border-on-dark-subtle: var(--c-gray-600);
  --border-on-dark-strong: var(--c-white);
  --bg-alt-light: var(--bg-alt);
  --bg-alt-tint: var(--bg-tint);
  --bg-accent-light: var(--bg-accent);
  --bg-dark-primary: var(--bg-dark);
  --text-on-light: var(--text-body);
  --bg-table-hover-opacity: 0.31;
  --bg-table-hover-rgb: 0, 102, 255;
  --c-blue-500-rgb: 0, 102, 255;
  --shadow-light: rgba(0, 0, 0, 0.08);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-dark: rgba(0, 0, 0, 0.23);
  --overlay-dark: rgba(0, 0, 0, 0.03);
  --overlay-light: rgba(255, 255, 255, 0.05);
  --overlay-white-50: rgba(255, 255, 255, 0.5);
  --hover-gray: rgba(181, 181, 181, 0.5);
  --c-toggle-color: var(--c-primary);
}

:root,
[data-theme=light] {
  --ink-site-primary: var(--c-primary);
  --ink-site-secondary: var(--c-secondary);
  --ink-site-tertiary: var(--c-tertiary);
  --ink-site-cta: var(--c-cta);
  --ink-site-success: var(--c-success);
  --ink-site-danger: var(--c-danger);
  --ink-site-warning: var(--c-warning);
  --ink-site-info: var(--c-info);
  --ink-site-burnt-sienna: var(--c-orange-700);
}

[data-theme=dark] {
  --ink-site-primary: var(--c-primary-light);
  --ink-site-secondary: var(--c-secondary-light);
  --ink-site-tertiary: var(--c-tertiary-light);
  --ink-site-cta: var(--c-cta-light);
  --ink-site-success: var(--c-success-light);
  --ink-site-danger: var(--c-danger-light);
  --ink-site-warning: var(--c-warning-light);
  --ink-site-info: var(--c-info-light);
  --ink-site-primary: var(--c-blue-300);
  --ink-site-burnt-sienna: var(--c-orange-300);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    --ink-site-primary: var(--c-primary-light);
    --ink-site-secondary: var(--c-secondary-light);
    --ink-site-tertiary: var(--c-tertiary-light);
    --ink-site-cta: var(--c-cta-light);
    --ink-site-success: var(--c-success-light);
    --ink-site-danger: var(--c-danger-light);
    --ink-site-warning: var(--c-warning-light);
    --ink-site-info: var(--c-info-light);
    --ink-site-primary: var(--c-blue-300);
    --ink-site-burnt-sienna: var(--c-orange-300);
  }
}
.navy {
  color: var(--c-navy) !important;
}

.color-navy {
  color: var(--c-navy) !important;
}

.navy-100 {
  color: var(--c-navy-100) !important;
}

.color-navy-100 {
  color: var(--c-navy-100) !important;
}

.navy-200 {
  color: var(--c-navy-200) !important;
}

.color-navy-200 {
  color: var(--c-navy-200) !important;
}

.navy-300 {
  color: var(--c-navy-300) !important;
}

.color-navy-300 {
  color: var(--c-navy-300) !important;
}

.navy-400 {
  color: var(--c-navy-400) !important;
}

.color-navy-400 {
  color: var(--c-navy-400) !important;
}

.navy-500 {
  color: var(--c-navy-500) !important;
}

.color-navy-500 {
  color: var(--c-navy-500) !important;
}

.navy-600 {
  color: var(--c-navy-600) !important;
}

.color-navy-600 {
  color: var(--c-navy-600) !important;
}

.navy-700 {
  color: var(--c-navy-700) !important;
}

.color-navy-700 {
  color: var(--c-navy-700) !important;
}

.navy-800 {
  color: var(--c-navy-800) !important;
}

.color-navy-800 {
  color: var(--c-navy-800) !important;
}

.navy-900 {
  color: var(--c-navy-900) !important;
}

.color-navy-900 {
  color: var(--c-navy-900) !important;
}

.navy-light {
  color: var(--c-navy-light) !important;
}

.color-navy-light {
  color: var(--c-navy-light) !important;
}

.navy-lighter {
  color: var(--c-navy-lighter) !important;
}

.color-navy-lighter {
  color: var(--c-navy-lighter) !important;
}

.navy-dark {
  color: var(--c-navy-dark) !important;
}

.color-navy-dark {
  color: var(--c-navy-dark) !important;
}

.navy-darker {
  color: var(--c-navy-darker) !important;
}

.color-navy-darker {
  color: var(--c-navy-darker) !important;
}

.blue {
  color: var(--c-blue) !important;
}

.color-blue {
  color: var(--c-blue) !important;
}

.blue-100 {
  color: var(--c-blue-100) !important;
}

.color-blue-100 {
  color: var(--c-blue-100) !important;
}

.blue-200 {
  color: var(--c-blue-200) !important;
}

.color-blue-200 {
  color: var(--c-blue-200) !important;
}

.blue-300 {
  color: var(--c-blue-300) !important;
}

.color-blue-300 {
  color: var(--c-blue-300) !important;
}

.blue-400 {
  color: var(--c-blue-400) !important;
}

.color-blue-400 {
  color: var(--c-blue-400) !important;
}

.blue-500 {
  color: var(--c-blue-500) !important;
}

.color-blue-500 {
  color: var(--c-blue-500) !important;
}

.blue-600 {
  color: var(--c-blue-600) !important;
}

.color-blue-600 {
  color: var(--c-blue-600) !important;
}

.blue-700 {
  color: var(--c-blue-700) !important;
}

.color-blue-700 {
  color: var(--c-blue-700) !important;
}

.blue-800 {
  color: var(--c-blue-800) !important;
}

.color-blue-800 {
  color: var(--c-blue-800) !important;
}

.blue-900 {
  color: var(--c-blue-900) !important;
}

.color-blue-900 {
  color: var(--c-blue-900) !important;
}

.blue-light {
  color: var(--c-blue-light) !important;
}

.color-blue-light {
  color: var(--c-blue-light) !important;
}

.blue-lighter {
  color: var(--c-blue-lighter) !important;
}

.color-blue-lighter {
  color: var(--c-blue-lighter) !important;
}

.blue-dark {
  color: var(--c-blue-dark) !important;
}

.color-blue-dark {
  color: var(--c-blue-dark) !important;
}

.blue-darker {
  color: var(--c-blue-darker) !important;
}

.color-blue-darker {
  color: var(--c-blue-darker) !important;
}

.green {
  color: var(--c-green) !important;
}

.color-green {
  color: var(--c-green) !important;
}

.green-100 {
  color: var(--c-green-100) !important;
}

.color-green-100 {
  color: var(--c-green-100) !important;
}

.green-200 {
  color: var(--c-green-200) !important;
}

.color-green-200 {
  color: var(--c-green-200) !important;
}

.green-300 {
  color: var(--c-green-300) !important;
}

.color-green-300 {
  color: var(--c-green-300) !important;
}

.green-400 {
  color: var(--c-green-400) !important;
}

.color-green-400 {
  color: var(--c-green-400) !important;
}

.green-500 {
  color: var(--c-green-500) !important;
}

.color-green-500 {
  color: var(--c-green-500) !important;
}

.green-600 {
  color: var(--c-green-600) !important;
}

.color-green-600 {
  color: var(--c-green-600) !important;
}

.green-700 {
  color: var(--c-green-700) !important;
}

.color-green-700 {
  color: var(--c-green-700) !important;
}

.green-800 {
  color: var(--c-green-800) !important;
}

.color-green-800 {
  color: var(--c-green-800) !important;
}

.green-900 {
  color: var(--c-green-900) !important;
}

.color-green-900 {
  color: var(--c-green-900) !important;
}

.green-light {
  color: var(--c-green-light) !important;
}

.color-green-light {
  color: var(--c-green-light) !important;
}

.green-lighter {
  color: var(--c-green-lighter) !important;
}

.color-green-lighter {
  color: var(--c-green-lighter) !important;
}

.green-dark {
  color: var(--c-green-dark) !important;
}

.color-green-dark {
  color: var(--c-green-dark) !important;
}

.green-darker {
  color: var(--c-green-darker) !important;
}

.color-green-darker {
  color: var(--c-green-darker) !important;
}

.red {
  color: var(--c-red) !important;
}

.color-red {
  color: var(--c-red) !important;
}

.red-100 {
  color: var(--c-red-100) !important;
}

.color-red-100 {
  color: var(--c-red-100) !important;
}

.red-200 {
  color: var(--c-red-200) !important;
}

.color-red-200 {
  color: var(--c-red-200) !important;
}

.red-300 {
  color: var(--c-red-300) !important;
}

.color-red-300 {
  color: var(--c-red-300) !important;
}

.red-400 {
  color: var(--c-red-400) !important;
}

.color-red-400 {
  color: var(--c-red-400) !important;
}

.red-500 {
  color: var(--c-red-500) !important;
}

.color-red-500 {
  color: var(--c-red-500) !important;
}

.red-600 {
  color: var(--c-red-600) !important;
}

.color-red-600 {
  color: var(--c-red-600) !important;
}

.red-700 {
  color: var(--c-red-700) !important;
}

.color-red-700 {
  color: var(--c-red-700) !important;
}

.red-800 {
  color: var(--c-red-800) !important;
}

.color-red-800 {
  color: var(--c-red-800) !important;
}

.red-900 {
  color: var(--c-red-900) !important;
}

.color-red-900 {
  color: var(--c-red-900) !important;
}

.red-light {
  color: var(--c-red-light) !important;
}

.color-red-light {
  color: var(--c-red-light) !important;
}

.red-lighter {
  color: var(--c-red-lighter) !important;
}

.color-red-lighter {
  color: var(--c-red-lighter) !important;
}

.red-dark {
  color: var(--c-red-dark) !important;
}

.color-red-dark {
  color: var(--c-red-dark) !important;
}

.red-darker {
  color: var(--c-red-darker) !important;
}

.color-red-darker {
  color: var(--c-red-darker) !important;
}

.pink {
  color: var(--c-pink) !important;
}

.color-pink {
  color: var(--c-pink) !important;
}

.pink-100 {
  color: var(--c-pink-100) !important;
}

.color-pink-100 {
  color: var(--c-pink-100) !important;
}

.pink-200 {
  color: var(--c-pink-200) !important;
}

.color-pink-200 {
  color: var(--c-pink-200) !important;
}

.pink-300 {
  color: var(--c-pink-300) !important;
}

.color-pink-300 {
  color: var(--c-pink-300) !important;
}

.pink-400 {
  color: var(--c-pink-400) !important;
}

.color-pink-400 {
  color: var(--c-pink-400) !important;
}

.pink-500 {
  color: var(--c-pink-500) !important;
}

.color-pink-500 {
  color: var(--c-pink-500) !important;
}

.pink-600 {
  color: var(--c-pink-600) !important;
}

.color-pink-600 {
  color: var(--c-pink-600) !important;
}

.pink-700 {
  color: var(--c-pink-700) !important;
}

.color-pink-700 {
  color: var(--c-pink-700) !important;
}

.pink-800 {
  color: var(--c-pink-800) !important;
}

.color-pink-800 {
  color: var(--c-pink-800) !important;
}

.pink-900 {
  color: var(--c-pink-900) !important;
}

.color-pink-900 {
  color: var(--c-pink-900) !important;
}

.pink-light {
  color: var(--c-pink-light) !important;
}

.color-pink-light {
  color: var(--c-pink-light) !important;
}

.pink-lighter {
  color: var(--c-pink-lighter) !important;
}

.color-pink-lighter {
  color: var(--c-pink-lighter) !important;
}

.pink-dark {
  color: var(--c-pink-dark) !important;
}

.color-pink-dark {
  color: var(--c-pink-dark) !important;
}

.pink-darker {
  color: var(--c-pink-darker) !important;
}

.color-pink-darker {
  color: var(--c-pink-darker) !important;
}

.purple {
  color: var(--c-purple) !important;
}

.color-purple {
  color: var(--c-purple) !important;
}

.purple-100 {
  color: var(--c-purple-100) !important;
}

.color-purple-100 {
  color: var(--c-purple-100) !important;
}

.purple-200 {
  color: var(--c-purple-200) !important;
}

.color-purple-200 {
  color: var(--c-purple-200) !important;
}

.purple-300 {
  color: var(--c-purple-300) !important;
}

.color-purple-300 {
  color: var(--c-purple-300) !important;
}

.purple-400 {
  color: var(--c-purple-400) !important;
}

.color-purple-400 {
  color: var(--c-purple-400) !important;
}

.purple-500 {
  color: var(--c-purple-500) !important;
}

.color-purple-500 {
  color: var(--c-purple-500) !important;
}

.purple-600 {
  color: var(--c-purple-600) !important;
}

.color-purple-600 {
  color: var(--c-purple-600) !important;
}

.purple-700 {
  color: var(--c-purple-700) !important;
}

.color-purple-700 {
  color: var(--c-purple-700) !important;
}

.purple-800 {
  color: var(--c-purple-800) !important;
}

.color-purple-800 {
  color: var(--c-purple-800) !important;
}

.purple-900 {
  color: var(--c-purple-900) !important;
}

.color-purple-900 {
  color: var(--c-purple-900) !important;
}

.purple-light {
  color: var(--c-purple-light) !important;
}

.color-purple-light {
  color: var(--c-purple-light) !important;
}

.purple-lighter {
  color: var(--c-purple-lighter) !important;
}

.color-purple-lighter {
  color: var(--c-purple-lighter) !important;
}

.purple-dark {
  color: var(--c-purple-dark) !important;
}

.color-purple-dark {
  color: var(--c-purple-dark) !important;
}

.purple-darker {
  color: var(--c-purple-darker) !important;
}

.color-purple-darker {
  color: var(--c-purple-darker) !important;
}

.orange {
  color: var(--c-orange) !important;
}

.color-orange {
  color: var(--c-orange) !important;
}

.orange-100 {
  color: var(--c-orange-100) !important;
}

.color-orange-100 {
  color: var(--c-orange-100) !important;
}

.orange-200 {
  color: var(--c-orange-200) !important;
}

.color-orange-200 {
  color: var(--c-orange-200) !important;
}

.orange-300 {
  color: var(--c-orange-300) !important;
}

.color-orange-300 {
  color: var(--c-orange-300) !important;
}

.orange-400 {
  color: var(--c-orange-400) !important;
}

.color-orange-400 {
  color: var(--c-orange-400) !important;
}

.orange-500 {
  color: var(--c-orange-500) !important;
}

.color-orange-500 {
  color: var(--c-orange-500) !important;
}

.orange-600 {
  color: var(--c-orange-600) !important;
}

.color-orange-600 {
  color: var(--c-orange-600) !important;
}

.orange-700 {
  color: var(--c-orange-700) !important;
}

.color-orange-700 {
  color: var(--c-orange-700) !important;
}

.orange-800 {
  color: var(--c-orange-800) !important;
}

.color-orange-800 {
  color: var(--c-orange-800) !important;
}

.orange-900 {
  color: var(--c-orange-900) !important;
}

.color-orange-900 {
  color: var(--c-orange-900) !important;
}

.orange-light {
  color: var(--c-orange-light) !important;
}

.color-orange-light {
  color: var(--c-orange-light) !important;
}

.orange-lighter {
  color: var(--c-orange-lighter) !important;
}

.color-orange-lighter {
  color: var(--c-orange-lighter) !important;
}

.orange-dark {
  color: var(--c-orange-dark) !important;
}

.color-orange-dark {
  color: var(--c-orange-dark) !important;
}

.orange-darker {
  color: var(--c-orange-darker) !important;
}

.color-orange-darker {
  color: var(--c-orange-darker) !important;
}

.yellow {
  color: var(--c-yellow) !important;
}

.color-yellow {
  color: var(--c-yellow) !important;
}

.yellow-100 {
  color: var(--c-yellow-100) !important;
}

.color-yellow-100 {
  color: var(--c-yellow-100) !important;
}

.yellow-200 {
  color: var(--c-yellow-200) !important;
}

.color-yellow-200 {
  color: var(--c-yellow-200) !important;
}

.yellow-300 {
  color: var(--c-yellow-300) !important;
}

.color-yellow-300 {
  color: var(--c-yellow-300) !important;
}

.yellow-400 {
  color: var(--c-yellow-400) !important;
}

.color-yellow-400 {
  color: var(--c-yellow-400) !important;
}

.yellow-500 {
  color: var(--c-yellow-500) !important;
}

.color-yellow-500 {
  color: var(--c-yellow-500) !important;
}

.yellow-600 {
  color: var(--c-yellow-600) !important;
}

.color-yellow-600 {
  color: var(--c-yellow-600) !important;
}

.yellow-700 {
  color: var(--c-yellow-700) !important;
}

.color-yellow-700 {
  color: var(--c-yellow-700) !important;
}

.yellow-800 {
  color: var(--c-yellow-800) !important;
}

.color-yellow-800 {
  color: var(--c-yellow-800) !important;
}

.yellow-900 {
  color: var(--c-yellow-900) !important;
}

.color-yellow-900 {
  color: var(--c-yellow-900) !important;
}

.yellow-light {
  color: var(--c-yellow-light) !important;
}

.color-yellow-light {
  color: var(--c-yellow-light) !important;
}

.yellow-lighter {
  color: var(--c-yellow-lighter) !important;
}

.color-yellow-lighter {
  color: var(--c-yellow-lighter) !important;
}

.yellow-dark {
  color: var(--c-yellow-dark) !important;
}

.color-yellow-dark {
  color: var(--c-yellow-dark) !important;
}

.yellow-darker {
  color: var(--c-yellow-darker) !important;
}

.color-yellow-darker {
  color: var(--c-yellow-darker) !important;
}

.gray {
  color: var(--c-gray) !important;
}

.color-gray {
  color: var(--c-gray) !important;
}

.gray-100 {
  color: var(--c-gray-100) !important;
}

.color-gray-100 {
  color: var(--c-gray-100) !important;
}

.gray-200 {
  color: var(--c-gray-200) !important;
}

.color-gray-200 {
  color: var(--c-gray-200) !important;
}

.gray-300 {
  color: var(--c-gray-300) !important;
}

.color-gray-300 {
  color: var(--c-gray-300) !important;
}

.gray-400 {
  color: var(--c-gray-400) !important;
}

.color-gray-400 {
  color: var(--c-gray-400) !important;
}

.gray-500 {
  color: var(--c-gray-500) !important;
}

.color-gray-500 {
  color: var(--c-gray-500) !important;
}

.gray-600 {
  color: var(--c-gray-600) !important;
}

.color-gray-600 {
  color: var(--c-gray-600) !important;
}

.gray-700 {
  color: var(--c-gray-700) !important;
}

.color-gray-700 {
  color: var(--c-gray-700) !important;
}

.gray-800 {
  color: var(--c-gray-800) !important;
}

.color-gray-800 {
  color: var(--c-gray-800) !important;
}

.gray-900 {
  color: var(--c-gray-900) !important;
}

.color-gray-900 {
  color: var(--c-gray-900) !important;
}

.gray-light {
  color: var(--c-gray-light) !important;
}

.color-gray-light {
  color: var(--c-gray-light) !important;
}

.gray-lighter {
  color: var(--c-gray-lighter) !important;
}

.color-gray-lighter {
  color: var(--c-gray-lighter) !important;
}

.gray-dark {
  color: var(--c-gray-dark) !important;
}

.color-gray-dark {
  color: var(--c-gray-dark) !important;
}

.gray-darker {
  color: var(--c-gray-darker) !important;
}

.color-gray-darker {
  color: var(--c-gray-darker) !important;
}

.white {
  color: var(--c-white) !important;
}

.color-white {
  color: var(--c-white) !important;
}

.black {
  color: var(--c-black) !important;
}

.color-black {
  color: var(--c-black) !important;
}

.charcoal {
  color: var(--c-charcoal) !important;
}

.color-charcoal {
  color: var(--c-charcoal) !important;
}

.text-primary {
  color: var(--ink-site-primary) !important;
}

.text-primary-light {
  color: var(--c-primary-light) !important;
}

.text-primary-lighter {
  color: var(--c-primary-lighter) !important;
}

.text-primary-way-lighter {
  color: var(--c-primary-way-lighter) !important;
}

.text-primary-dark {
  color: var(--c-primary-dark) !important;
}

.text-primary-darker {
  color: var(--c-primary-darker) !important;
}

.text-primary-way-darker {
  color: var(--c-primary-way-darker) !important;
}

.primary {
  color: var(--ink-site-primary) !important;
}

.primary-light {
  color: var(--c-primary-light) !important;
}

.primary-lighter {
  color: var(--c-primary-lighter) !important;
}

.primary-way-lighter {
  color: var(--c-primary-way-lighter) !important;
}

.primary-dark {
  color: var(--c-primary-dark) !important;
}

.primary-darker {
  color: var(--c-primary-darker) !important;
}

.primary-way-darker {
  color: var(--c-primary-way-darker) !important;
}

.color-primary {
  color: var(--ink-site-primary) !important;
}

.color-primary-light {
  color: var(--c-primary-light) !important;
}

.color-primary-lighter {
  color: var(--c-primary-lighter) !important;
}

.color-primary-way-lighter {
  color: var(--c-primary-way-lighter) !important;
}

.color-primary-dark {
  color: var(--c-primary-dark) !important;
}

.color-primary-darker {
  color: var(--c-primary-darker) !important;
}

.color-primary-way-darker {
  color: var(--c-primary-way-darker) !important;
}

.bg-primary {
  background-color: var(--c-primary) !important;
}

.bg-primary-light {
  background-color: var(--c-primary-light) !important;
}

.bg-primary-dark {
  background-color: var(--c-primary-dark) !important;
}

.text-secondary {
  color: var(--ink-site-secondary) !important;
}

.text-secondary-light {
  color: var(--c-secondary-light) !important;
}

.text-secondary-lighter {
  color: var(--c-secondary-lighter) !important;
}

.text-secondary-way-lighter {
  color: var(--c-secondary-way-lighter) !important;
}

.text-secondary-dark {
  color: var(--c-secondary-dark) !important;
}

.text-secondary-darker {
  color: var(--c-secondary-darker) !important;
}

.text-secondary-way-darker {
  color: var(--c-secondary-way-darker) !important;
}

.secondary {
  color: var(--ink-site-secondary) !important;
}

.secondary-light {
  color: var(--c-secondary-light) !important;
}

.secondary-lighter {
  color: var(--c-secondary-lighter) !important;
}

.secondary-way-lighter {
  color: var(--c-secondary-way-lighter) !important;
}

.secondary-dark {
  color: var(--c-secondary-dark) !important;
}

.secondary-darker {
  color: var(--c-secondary-darker) !important;
}

.secondary-way-darker {
  color: var(--c-secondary-way-darker) !important;
}

.color-secondary {
  color: var(--ink-site-secondary) !important;
}

.color-secondary-light {
  color: var(--c-secondary-light) !important;
}

.color-secondary-lighter {
  color: var(--c-secondary-lighter) !important;
}

.color-secondary-way-lighter {
  color: var(--c-secondary-way-lighter) !important;
}

.color-secondary-dark {
  color: var(--c-secondary-dark) !important;
}

.color-secondary-darker {
  color: var(--c-secondary-darker) !important;
}

.color-secondary-way-darker {
  color: var(--c-secondary-way-darker) !important;
}

.bg-secondary {
  background-color: var(--c-secondary) !important;
}

.bg-secondary-light {
  background-color: var(--c-secondary-light) !important;
}

.bg-secondary-dark {
  background-color: var(--c-secondary-dark) !important;
}

.text-tertiary {
  color: var(--ink-site-tertiary) !important;
}

.text-tertiary-light {
  color: var(--c-tertiary-light) !important;
}

.text-tertiary-lighter {
  color: var(--c-tertiary-lighter) !important;
}

.text-tertiary-way-lighter {
  color: var(--c-tertiary-way-lighter) !important;
}

.text-tertiary-dark {
  color: var(--c-tertiary-dark) !important;
}

.text-tertiary-darker {
  color: var(--c-tertiary-darker) !important;
}

.text-tertiary-way-darker {
  color: var(--c-tertiary-way-darker) !important;
}

.tertiary {
  color: var(--ink-site-tertiary) !important;
}

.tertiary-light {
  color: var(--c-tertiary-light) !important;
}

.tertiary-lighter {
  color: var(--c-tertiary-lighter) !important;
}

.tertiary-way-lighter {
  color: var(--c-tertiary-way-lighter) !important;
}

.tertiary-dark {
  color: var(--c-tertiary-dark) !important;
}

.tertiary-darker {
  color: var(--c-tertiary-darker) !important;
}

.tertiary-way-darker {
  color: var(--c-tertiary-way-darker) !important;
}

.color-tertiary {
  color: var(--ink-site-tertiary) !important;
}

.color-tertiary-light {
  color: var(--c-tertiary-light) !important;
}

.color-tertiary-lighter {
  color: var(--c-tertiary-lighter) !important;
}

.color-tertiary-way-lighter {
  color: var(--c-tertiary-way-lighter) !important;
}

.color-tertiary-dark {
  color: var(--c-tertiary-dark) !important;
}

.color-tertiary-darker {
  color: var(--c-tertiary-darker) !important;
}

.color-tertiary-way-darker {
  color: var(--c-tertiary-way-darker) !important;
}

.bg-tertiary {
  background-color: var(--c-tertiary) !important;
}

.bg-tertiary-light {
  background-color: var(--c-tertiary-light) !important;
}

.bg-tertiary-dark {
  background-color: var(--c-tertiary-dark) !important;
}

.text-cta {
  color: var(--ink-site-cta) !important;
}

.text-cta-light {
  color: var(--c-cta-light) !important;
}

.text-cta-lighter {
  color: var(--c-cta-lighter) !important;
}

.text-cta-way-lighter {
  color: var(--c-cta-way-lighter) !important;
}

.text-cta-dark {
  color: var(--c-cta-dark) !important;
}

.text-cta-darker {
  color: var(--c-cta-darker) !important;
}

.text-cta-way-darker {
  color: var(--c-cta-way-darker) !important;
}

.cta {
  color: var(--ink-site-cta) !important;
}

.cta-light {
  color: var(--c-cta-light) !important;
}

.cta-lighter {
  color: var(--c-cta-lighter) !important;
}

.cta-way-lighter {
  color: var(--c-cta-way-lighter) !important;
}

.cta-dark {
  color: var(--c-cta-dark) !important;
}

.cta-darker {
  color: var(--c-cta-darker) !important;
}

.cta-way-darker {
  color: var(--c-cta-way-darker) !important;
}

.color-cta {
  color: var(--ink-site-cta) !important;
}

.color-cta-light {
  color: var(--c-cta-light) !important;
}

.color-cta-lighter {
  color: var(--c-cta-lighter) !important;
}

.color-cta-way-lighter {
  color: var(--c-cta-way-lighter) !important;
}

.color-cta-dark {
  color: var(--c-cta-dark) !important;
}

.color-cta-darker {
  color: var(--c-cta-darker) !important;
}

.color-cta-way-darker {
  color: var(--c-cta-way-darker) !important;
}

.bg-cta {
  background-color: var(--c-cta) !important;
}

.bg-cta-light {
  background-color: var(--c-cta-light) !important;
}

.bg-cta-dark {
  background-color: var(--c-cta-dark) !important;
}

.text-success {
  color: var(--ink-site-success) !important;
}

.text-success-light {
  color: var(--c-success-light) !important;
}

.text-success-lighter {
  color: var(--c-success-lighter) !important;
}

.text-success-way-lighter {
  color: var(--c-success-way-lighter) !important;
}

.text-success-dark {
  color: var(--c-success-dark) !important;
}

.text-success-darker {
  color: var(--c-success-darker) !important;
}

.text-success-way-darker {
  color: var(--c-success-way-darker) !important;
}

.success {
  color: var(--ink-site-success) !important;
}

.success-light {
  color: var(--c-success-light) !important;
}

.success-lighter {
  color: var(--c-success-lighter) !important;
}

.success-way-lighter {
  color: var(--c-success-way-lighter) !important;
}

.success-dark {
  color: var(--c-success-dark) !important;
}

.success-darker {
  color: var(--c-success-darker) !important;
}

.success-way-darker {
  color: var(--c-success-way-darker) !important;
}

.color-success {
  color: var(--ink-site-success) !important;
}

.color-success-light {
  color: var(--c-success-light) !important;
}

.color-success-lighter {
  color: var(--c-success-lighter) !important;
}

.color-success-way-lighter {
  color: var(--c-success-way-lighter) !important;
}

.color-success-dark {
  color: var(--c-success-dark) !important;
}

.color-success-darker {
  color: var(--c-success-darker) !important;
}

.color-success-way-darker {
  color: var(--c-success-way-darker) !important;
}

.bg-success {
  background-color: var(--c-success) !important;
}

.bg-success-light {
  background-color: var(--c-success-light) !important;
}

.bg-success-dark {
  background-color: var(--c-success-dark) !important;
}

.text-danger {
  color: var(--ink-site-danger) !important;
}

.text-danger-light {
  color: var(--c-danger-light) !important;
}

.text-danger-lighter {
  color: var(--c-danger-lighter) !important;
}

.text-danger-way-lighter {
  color: var(--c-danger-way-lighter) !important;
}

.text-danger-dark {
  color: var(--c-danger-dark) !important;
}

.text-danger-darker {
  color: var(--c-danger-darker) !important;
}

.text-danger-way-darker {
  color: var(--c-danger-way-darker) !important;
}

.danger {
  color: var(--ink-site-danger) !important;
}

.danger-light {
  color: var(--c-danger-light) !important;
}

.danger-lighter {
  color: var(--c-danger-lighter) !important;
}

.danger-way-lighter {
  color: var(--c-danger-way-lighter) !important;
}

.danger-dark {
  color: var(--c-danger-dark) !important;
}

.danger-darker {
  color: var(--c-danger-darker) !important;
}

.danger-way-darker {
  color: var(--c-danger-way-darker) !important;
}

.color-danger {
  color: var(--ink-site-danger) !important;
}

.color-danger-light {
  color: var(--c-danger-light) !important;
}

.color-danger-lighter {
  color: var(--c-danger-lighter) !important;
}

.color-danger-way-lighter {
  color: var(--c-danger-way-lighter) !important;
}

.color-danger-dark {
  color: var(--c-danger-dark) !important;
}

.color-danger-darker {
  color: var(--c-danger-darker) !important;
}

.color-danger-way-darker {
  color: var(--c-danger-way-darker) !important;
}

.bg-danger {
  background-color: var(--c-danger) !important;
}

.bg-danger-light {
  background-color: var(--c-danger-light) !important;
}

.bg-danger-dark {
  background-color: var(--c-danger-dark) !important;
}

.text-warning {
  color: var(--ink-site-warning) !important;
}

.text-warning-light {
  color: var(--c-warning-light) !important;
}

.text-warning-lighter {
  color: var(--c-warning-lighter) !important;
}

.text-warning-way-lighter {
  color: var(--c-warning-way-lighter) !important;
}

.text-warning-dark {
  color: var(--c-warning-dark) !important;
}

.text-warning-darker {
  color: var(--c-warning-darker) !important;
}

.text-warning-way-darker {
  color: var(--c-warning-way-darker) !important;
}

.warning {
  color: var(--ink-site-warning) !important;
}

.warning-light {
  color: var(--c-warning-light) !important;
}

.warning-lighter {
  color: var(--c-warning-lighter) !important;
}

.warning-way-lighter {
  color: var(--c-warning-way-lighter) !important;
}

.warning-dark {
  color: var(--c-warning-dark) !important;
}

.warning-darker {
  color: var(--c-warning-darker) !important;
}

.warning-way-darker {
  color: var(--c-warning-way-darker) !important;
}

.color-warning {
  color: var(--ink-site-warning) !important;
}

.color-warning-light {
  color: var(--c-warning-light) !important;
}

.color-warning-lighter {
  color: var(--c-warning-lighter) !important;
}

.color-warning-way-lighter {
  color: var(--c-warning-way-lighter) !important;
}

.color-warning-dark {
  color: var(--c-warning-dark) !important;
}

.color-warning-darker {
  color: var(--c-warning-darker) !important;
}

.color-warning-way-darker {
  color: var(--c-warning-way-darker) !important;
}

.bg-warning {
  background-color: var(--c-warning) !important;
}

.bg-warning-light {
  background-color: var(--c-warning-light) !important;
}

.bg-warning-dark {
  background-color: var(--c-warning-dark) !important;
}

.text-info {
  color: var(--ink-site-info) !important;
}

.text-info-light {
  color: var(--c-info-light) !important;
}

.text-info-lighter {
  color: var(--c-info-lighter) !important;
}

.text-info-way-lighter {
  color: var(--c-info-way-lighter) !important;
}

.text-info-dark {
  color: var(--c-info-dark) !important;
}

.text-info-darker {
  color: var(--c-info-darker) !important;
}

.text-info-way-darker {
  color: var(--c-info-way-darker) !important;
}

.info {
  color: var(--ink-site-info) !important;
}

.info-light {
  color: var(--c-info-light) !important;
}

.info-lighter {
  color: var(--c-info-lighter) !important;
}

.info-way-lighter {
  color: var(--c-info-way-lighter) !important;
}

.info-dark {
  color: var(--c-info-dark) !important;
}

.info-darker {
  color: var(--c-info-darker) !important;
}

.info-way-darker {
  color: var(--c-info-way-darker) !important;
}

.color-info {
  color: var(--ink-site-info) !important;
}

.color-info-light {
  color: var(--c-info-light) !important;
}

.color-info-lighter {
  color: var(--c-info-lighter) !important;
}

.color-info-way-lighter {
  color: var(--c-info-way-lighter) !important;
}

.color-info-dark {
  color: var(--c-info-dark) !important;
}

.color-info-darker {
  color: var(--c-info-darker) !important;
}

.color-info-way-darker {
  color: var(--c-info-way-darker) !important;
}

.bg-info {
  background-color: var(--c-info) !important;
}

.bg-info-light {
  background-color: var(--c-info-light) !important;
}

.bg-info-dark {
  background-color: var(--c-info-dark) !important;
}

.text-bg-body {
  color: var(--bg-body) !important;
}

.text-bg-body-light {
  color: var(--c-bg-body-light) !important;
}

.text-bg-body-lighter {
  color: var(--c-bg-body-lighter) !important;
}

.text-bg-body-way-lighter {
  color: var(--c-bg-body-way-lighter) !important;
}

.text-bg-body-dark {
  color: var(--c-bg-body-dark) !important;
}

.text-bg-body-darker {
  color: var(--c-bg-body-darker) !important;
}

.text-bg-body-way-darker {
  color: var(--c-bg-body-way-darker) !important;
}

.bg-body, .bg-light {
  color: var(--bg-body) !important;
}

.bg-body-light {
  color: var(--c-bg-body-light) !important;
}

.bg-body-lighter {
  color: var(--c-bg-body-lighter) !important;
}

.bg-body-way-lighter {
  color: var(--c-bg-body-way-lighter) !important;
}

.bg-body-dark {
  color: var(--c-bg-body-dark) !important;
}

.bg-body-darker {
  color: var(--c-bg-body-darker) !important;
}

.bg-body-way-darker {
  color: var(--c-bg-body-way-darker) !important;
}

.color-bg-body {
  color: var(--bg-body) !important;
}

.color-bg-body-light {
  color: var(--c-bg-body-light) !important;
}

.color-bg-body-lighter {
  color: var(--c-bg-body-lighter) !important;
}

.color-bg-body-way-lighter {
  color: var(--c-bg-body-way-lighter) !important;
}

.color-bg-body-dark {
  color: var(--c-bg-body-dark) !important;
}

.color-bg-body-darker {
  color: var(--c-bg-body-darker) !important;
}

.color-bg-body-way-darker {
  color: var(--c-bg-body-way-darker) !important;
}

.bg-bg-body {
  background-color: var(--bg-body) !important;
}

.bg-bg-body-light {
  background-color: var(--c-bg-body-light) !important;
}

.bg-bg-body-dark {
  background-color: var(--c-bg-body-dark) !important;
}

.text-bg-alt {
  color: var(--bg-alt) !important;
}

.text-bg-alt-light {
  color: var(--c-bg-alt-light) !important;
}

.text-bg-alt-lighter {
  color: var(--c-bg-alt-lighter) !important;
}

.text-bg-alt-way-lighter {
  color: var(--c-bg-alt-way-lighter) !important;
}

.text-bg-alt-dark {
  color: var(--c-bg-alt-dark) !important;
}

.text-bg-alt-darker {
  color: var(--c-bg-alt-darker) !important;
}

.text-bg-alt-way-darker {
  color: var(--c-bg-alt-way-darker) !important;
}

.bg-alt {
  color: var(--bg-alt) !important;
}

.bg-alt-light {
  color: var(--c-bg-alt-light) !important;
}

.bg-alt-lighter {
  color: var(--c-bg-alt-lighter) !important;
}

.bg-alt-way-lighter {
  color: var(--c-bg-alt-way-lighter) !important;
}

.bg-alt-dark {
  color: var(--c-bg-alt-dark) !important;
}

.bg-alt-darker {
  color: var(--c-bg-alt-darker) !important;
}

.bg-alt-way-darker {
  color: var(--c-bg-alt-way-darker) !important;
}

.color-bg-alt {
  color: var(--bg-alt) !important;
}

.color-bg-alt-light {
  color: var(--c-bg-alt-light) !important;
}

.color-bg-alt-lighter {
  color: var(--c-bg-alt-lighter) !important;
}

.color-bg-alt-way-lighter {
  color: var(--c-bg-alt-way-lighter) !important;
}

.color-bg-alt-dark {
  color: var(--c-bg-alt-dark) !important;
}

.color-bg-alt-darker {
  color: var(--c-bg-alt-darker) !important;
}

.color-bg-alt-way-darker {
  color: var(--c-bg-alt-way-darker) !important;
}

.bg-bg-alt {
  background-color: var(--bg-alt) !important;
}

.bg-bg-alt-light {
  background-color: var(--c-bg-alt-light) !important;
}

.bg-bg-alt-dark {
  background-color: var(--c-bg-alt-dark) !important;
}

.text-bg-tint {
  color: var(--bg-tint) !important;
}

.text-bg-tint-light {
  color: var(--c-bg-tint-light) !important;
}

.text-bg-tint-lighter {
  color: var(--c-bg-tint-lighter) !important;
}

.text-bg-tint-way-lighter {
  color: var(--c-bg-tint-way-lighter) !important;
}

.text-bg-tint-dark {
  color: var(--c-bg-tint-dark) !important;
}

.text-bg-tint-darker {
  color: var(--c-bg-tint-darker) !important;
}

.text-bg-tint-way-darker {
  color: var(--c-bg-tint-way-darker) !important;
}

.bg-tint {
  color: var(--bg-tint) !important;
}

.bg-tint-light {
  color: var(--c-bg-tint-light) !important;
}

.bg-tint-lighter {
  color: var(--c-bg-tint-lighter) !important;
}

.bg-tint-way-lighter {
  color: var(--c-bg-tint-way-lighter) !important;
}

.bg-tint-dark {
  color: var(--c-bg-tint-dark) !important;
}

.bg-tint-darker {
  color: var(--c-bg-tint-darker) !important;
}

.bg-tint-way-darker {
  color: var(--c-bg-tint-way-darker) !important;
}

.color-bg-tint {
  color: var(--bg-tint) !important;
}

.color-bg-tint-light {
  color: var(--c-bg-tint-light) !important;
}

.color-bg-tint-lighter {
  color: var(--c-bg-tint-lighter) !important;
}

.color-bg-tint-way-lighter {
  color: var(--c-bg-tint-way-lighter) !important;
}

.color-bg-tint-dark {
  color: var(--c-bg-tint-dark) !important;
}

.color-bg-tint-darker {
  color: var(--c-bg-tint-darker) !important;
}

.color-bg-tint-way-darker {
  color: var(--c-bg-tint-way-darker) !important;
}

.bg-bg-tint {
  background-color: var(--bg-tint) !important;
}

.bg-bg-tint-light {
  background-color: var(--c-bg-tint-light) !important;
}

.bg-bg-tint-dark {
  background-color: var(--c-bg-tint-dark) !important;
}

.text-bg-accent {
  color: var(--bg-accent) !important;
}

.text-bg-accent-light {
  color: var(--c-bg-accent-light) !important;
}

.text-bg-accent-lighter {
  color: var(--c-bg-accent-lighter) !important;
}

.text-bg-accent-way-lighter {
  color: var(--c-bg-accent-way-lighter) !important;
}

.text-bg-accent-dark {
  color: var(--c-bg-accent-dark) !important;
}

.text-bg-accent-darker {
  color: var(--c-bg-accent-darker) !important;
}

.text-bg-accent-way-darker {
  color: var(--c-bg-accent-way-darker) !important;
}

.bg-accent {
  color: var(--bg-accent) !important;
}

.bg-accent-light {
  color: var(--c-bg-accent-light) !important;
}

.bg-accent-lighter {
  color: var(--c-bg-accent-lighter) !important;
}

.bg-accent-way-lighter {
  color: var(--c-bg-accent-way-lighter) !important;
}

.bg-accent-dark {
  color: var(--c-bg-accent-dark) !important;
}

.bg-accent-darker {
  color: var(--c-bg-accent-darker) !important;
}

.bg-accent-way-darker {
  color: var(--c-bg-accent-way-darker) !important;
}

.color-bg-accent {
  color: var(--bg-accent) !important;
}

.color-bg-accent-light {
  color: var(--c-bg-accent-light) !important;
}

.color-bg-accent-lighter {
  color: var(--c-bg-accent-lighter) !important;
}

.color-bg-accent-way-lighter {
  color: var(--c-bg-accent-way-lighter) !important;
}

.color-bg-accent-dark {
  color: var(--c-bg-accent-dark) !important;
}

.color-bg-accent-darker {
  color: var(--c-bg-accent-darker) !important;
}

.color-bg-accent-way-darker {
  color: var(--c-bg-accent-way-darker) !important;
}

.bg-bg-accent {
  background-color: var(--bg-accent) !important;
}

.bg-bg-accent-light {
  background-color: var(--c-bg-accent-light) !important;
}

.bg-bg-accent-dark {
  background-color: var(--c-bg-accent-dark) !important;
}

.text-bg-dark {
  color: var(--bg-dark) !important;
}

.text-bg-dark-light {
  color: var(--c-bg-dark-light) !important;
}

.text-bg-dark-lighter {
  color: var(--c-bg-dark-lighter) !important;
}

.text-bg-dark-way-lighter {
  color: var(--c-bg-dark-way-lighter) !important;
}

.text-bg-dark-dark {
  color: var(--c-bg-dark-dark) !important;
}

.text-bg-dark-darker {
  color: var(--c-bg-dark-darker) !important;
}

.text-bg-dark-way-darker {
  color: var(--c-bg-dark-way-darker) !important;
}

.bg-dark {
  color: var(--bg-dark) !important;
}

.bg-dark-light {
  color: var(--c-bg-dark-light) !important;
}

.bg-dark-lighter {
  color: var(--c-bg-dark-lighter) !important;
}

.bg-dark-way-lighter {
  color: var(--c-bg-dark-way-lighter) !important;
}

.bg-dark-dark {
  color: var(--c-bg-dark-dark) !important;
}

.bg-dark-darker {
  color: var(--c-bg-dark-darker) !important;
}

.bg-dark-way-darker {
  color: var(--c-bg-dark-way-darker) !important;
}

.color-bg-dark {
  color: var(--bg-dark) !important;
}

.color-bg-dark-light {
  color: var(--c-bg-dark-light) !important;
}

.color-bg-dark-lighter {
  color: var(--c-bg-dark-lighter) !important;
}

.color-bg-dark-way-lighter {
  color: var(--c-bg-dark-way-lighter) !important;
}

.color-bg-dark-dark {
  color: var(--c-bg-dark-dark) !important;
}

.color-bg-dark-darker {
  color: var(--c-bg-dark-darker) !important;
}

.color-bg-dark-way-darker {
  color: var(--c-bg-dark-way-darker) !important;
}

.bg-bg-dark {
  background-color: var(--bg-dark) !important;
}

.bg-bg-dark-light {
  background-color: var(--c-bg-dark-light) !important;
}

.bg-bg-dark-dark {
  background-color: var(--c-bg-dark-dark) !important;
}

.text-bg-dark-alt {
  color: var(--bg-dark-alt) !important;
}

.text-bg-dark-alt-light {
  color: var(--c-bg-dark-alt-light) !important;
}

.text-bg-dark-alt-lighter {
  color: var(--c-bg-dark-alt-lighter) !important;
}

.text-bg-dark-alt-way-lighter {
  color: var(--c-bg-dark-alt-way-lighter) !important;
}

.text-bg-dark-alt-dark {
  color: var(--c-bg-dark-alt-dark) !important;
}

.text-bg-dark-alt-darker {
  color: var(--c-bg-dark-alt-darker) !important;
}

.text-bg-dark-alt-way-darker {
  color: var(--c-bg-dark-alt-way-darker) !important;
}

.bg-dark-alt {
  color: var(--bg-dark-alt) !important;
}

.bg-dark-alt-light {
  color: var(--c-bg-dark-alt-light) !important;
}

.bg-dark-alt-lighter {
  color: var(--c-bg-dark-alt-lighter) !important;
}

.bg-dark-alt-way-lighter {
  color: var(--c-bg-dark-alt-way-lighter) !important;
}

.bg-dark-alt-dark {
  color: var(--c-bg-dark-alt-dark) !important;
}

.bg-dark-alt-darker {
  color: var(--c-bg-dark-alt-darker) !important;
}

.bg-dark-alt-way-darker {
  color: var(--c-bg-dark-alt-way-darker) !important;
}

.color-bg-dark-alt {
  color: var(--bg-dark-alt) !important;
}

.color-bg-dark-alt-light {
  color: var(--c-bg-dark-alt-light) !important;
}

.color-bg-dark-alt-lighter {
  color: var(--c-bg-dark-alt-lighter) !important;
}

.color-bg-dark-alt-way-lighter {
  color: var(--c-bg-dark-alt-way-lighter) !important;
}

.color-bg-dark-alt-dark {
  color: var(--c-bg-dark-alt-dark) !important;
}

.color-bg-dark-alt-darker {
  color: var(--c-bg-dark-alt-darker) !important;
}

.color-bg-dark-alt-way-darker {
  color: var(--c-bg-dark-alt-way-darker) !important;
}

.bg-bg-dark-alt {
  background-color: var(--bg-dark-alt) !important;
}

.bg-bg-dark-alt-light {
  background-color: var(--c-bg-dark-alt-light) !important;
}

.bg-bg-dark-alt-dark {
  background-color: var(--c-bg-dark-alt-dark) !important;
}

.text-bg-dark-neutral {
  color: var(--bg-dark-neutral) !important;
}

.text-bg-dark-neutral-light {
  color: var(--c-bg-dark-neutral-light) !important;
}

.text-bg-dark-neutral-lighter {
  color: var(--c-bg-dark-neutral-lighter) !important;
}

.text-bg-dark-neutral-way-lighter {
  color: var(--c-bg-dark-neutral-way-lighter) !important;
}

.text-bg-dark-neutral-dark {
  color: var(--c-bg-dark-neutral-dark) !important;
}

.text-bg-dark-neutral-darker {
  color: var(--c-bg-dark-neutral-darker) !important;
}

.text-bg-dark-neutral-way-darker {
  color: var(--c-bg-dark-neutral-way-darker) !important;
}

.bg-dark-neutral {
  color: var(--bg-dark-neutral) !important;
}

.bg-dark-neutral-light {
  color: var(--c-bg-dark-neutral-light) !important;
}

.bg-dark-neutral-lighter {
  color: var(--c-bg-dark-neutral-lighter) !important;
}

.bg-dark-neutral-way-lighter {
  color: var(--c-bg-dark-neutral-way-lighter) !important;
}

.bg-dark-neutral-dark {
  color: var(--c-bg-dark-neutral-dark) !important;
}

.bg-dark-neutral-darker {
  color: var(--c-bg-dark-neutral-darker) !important;
}

.bg-dark-neutral-way-darker {
  color: var(--c-bg-dark-neutral-way-darker) !important;
}

.color-bg-dark-neutral {
  color: var(--bg-dark-neutral) !important;
}

.color-bg-dark-neutral-light {
  color: var(--c-bg-dark-neutral-light) !important;
}

.color-bg-dark-neutral-lighter {
  color: var(--c-bg-dark-neutral-lighter) !important;
}

.color-bg-dark-neutral-way-lighter {
  color: var(--c-bg-dark-neutral-way-lighter) !important;
}

.color-bg-dark-neutral-dark {
  color: var(--c-bg-dark-neutral-dark) !important;
}

.color-bg-dark-neutral-darker {
  color: var(--c-bg-dark-neutral-darker) !important;
}

.color-bg-dark-neutral-way-darker {
  color: var(--c-bg-dark-neutral-way-darker) !important;
}

.bg-bg-dark-neutral {
  background-color: var(--bg-dark-neutral) !important;
}

.bg-bg-dark-neutral-light {
  background-color: var(--c-bg-dark-neutral-light) !important;
}

.bg-bg-dark-neutral-dark {
  background-color: var(--c-bg-dark-neutral-dark) !important;
}

.text-bg-footer {
  color: var(--bg-footer) !important;
}

.text-bg-footer-light {
  color: var(--c-bg-footer-light) !important;
}

.text-bg-footer-lighter {
  color: var(--c-bg-footer-lighter) !important;
}

.text-bg-footer-way-lighter {
  color: var(--c-bg-footer-way-lighter) !important;
}

.text-bg-footer-dark {
  color: var(--c-bg-footer-dark) !important;
}

.text-bg-footer-darker {
  color: var(--c-bg-footer-darker) !important;
}

.text-bg-footer-way-darker {
  color: var(--c-bg-footer-way-darker) !important;
}

.bg-footer {
  color: var(--bg-footer) !important;
}

.bg-footer-light {
  color: var(--c-bg-footer-light) !important;
}

.bg-footer-lighter {
  color: var(--c-bg-footer-lighter) !important;
}

.bg-footer-way-lighter {
  color: var(--c-bg-footer-way-lighter) !important;
}

.bg-footer-dark {
  color: var(--c-bg-footer-dark) !important;
}

.bg-footer-darker {
  color: var(--c-bg-footer-darker) !important;
}

.bg-footer-way-darker {
  color: var(--c-bg-footer-way-darker) !important;
}

.color-bg-footer {
  color: var(--bg-footer) !important;
}

.color-bg-footer-light {
  color: var(--c-bg-footer-light) !important;
}

.color-bg-footer-lighter {
  color: var(--c-bg-footer-lighter) !important;
}

.color-bg-footer-way-lighter {
  color: var(--c-bg-footer-way-lighter) !important;
}

.color-bg-footer-dark {
  color: var(--c-bg-footer-dark) !important;
}

.color-bg-footer-darker {
  color: var(--c-bg-footer-darker) !important;
}

.color-bg-footer-way-darker {
  color: var(--c-bg-footer-way-darker) !important;
}

.bg-bg-footer {
  background-color: var(--bg-footer) !important;
}

.bg-bg-footer-light {
  background-color: var(--c-bg-footer-light) !important;
}

.bg-bg-footer-dark {
  background-color: var(--c-bg-footer-dark) !important;
}

.text-text-body {
  color: var(--text-body) !important;
}

.text-text-body-light {
  color: var(--c-text-body-light) !important;
}

.text-text-body-lighter {
  color: var(--c-text-body-lighter) !important;
}

.text-text-body-way-lighter {
  color: var(--c-text-body-way-lighter) !important;
}

.text-text-body-dark {
  color: var(--c-text-body-dark) !important;
}

.text-text-body-darker {
  color: var(--c-text-body-darker) !important;
}

.text-text-body-way-darker {
  color: var(--c-text-body-way-darker) !important;
}

.text-body {
  color: var(--text-body) !important;
}

.text-body-light {
  color: var(--c-text-body-light) !important;
}

.text-body-lighter {
  color: var(--c-text-body-lighter) !important;
}

.text-body-way-lighter {
  color: var(--c-text-body-way-lighter) !important;
}

.text-body-dark {
  color: var(--c-text-body-dark) !important;
}

.text-body-darker {
  color: var(--c-text-body-darker) !important;
}

.text-body-way-darker {
  color: var(--c-text-body-way-darker) !important;
}

.color-text-body {
  color: var(--text-body) !important;
}

.color-text-body-light {
  color: var(--c-text-body-light) !important;
}

.color-text-body-lighter {
  color: var(--c-text-body-lighter) !important;
}

.color-text-body-way-lighter {
  color: var(--c-text-body-way-lighter) !important;
}

.color-text-body-dark {
  color: var(--c-text-body-dark) !important;
}

.color-text-body-darker {
  color: var(--c-text-body-darker) !important;
}

.color-text-body-way-darker {
  color: var(--c-text-body-way-darker) !important;
}

.bg-text-body {
  background-color: var(--text-body) !important;
}

.bg-text-body-light {
  background-color: var(--c-text-body-light) !important;
}

.bg-text-body-dark {
  background-color: var(--c-text-body-dark) !important;
}

.text-text-heading {
  color: var(--text-heading) !important;
}

.text-text-heading-light {
  color: var(--c-text-heading-light) !important;
}

.text-text-heading-lighter {
  color: var(--c-text-heading-lighter) !important;
}

.text-text-heading-way-lighter {
  color: var(--c-text-heading-way-lighter) !important;
}

.text-text-heading-dark {
  color: var(--c-text-heading-dark) !important;
}

.text-text-heading-darker {
  color: var(--c-text-heading-darker) !important;
}

.text-text-heading-way-darker {
  color: var(--c-text-heading-way-darker) !important;
}

.text-heading {
  color: var(--text-heading) !important;
}

.text-heading-light {
  color: var(--c-text-heading-light) !important;
}

.text-heading-lighter {
  color: var(--c-text-heading-lighter) !important;
}

.text-heading-way-lighter {
  color: var(--c-text-heading-way-lighter) !important;
}

.text-heading-dark {
  color: var(--c-text-heading-dark) !important;
}

.text-heading-darker {
  color: var(--c-text-heading-darker) !important;
}

.text-heading-way-darker {
  color: var(--c-text-heading-way-darker) !important;
}

.color-text-heading {
  color: var(--text-heading) !important;
}

.color-text-heading-light {
  color: var(--c-text-heading-light) !important;
}

.color-text-heading-lighter {
  color: var(--c-text-heading-lighter) !important;
}

.color-text-heading-way-lighter {
  color: var(--c-text-heading-way-lighter) !important;
}

.color-text-heading-dark {
  color: var(--c-text-heading-dark) !important;
}

.color-text-heading-darker {
  color: var(--c-text-heading-darker) !important;
}

.color-text-heading-way-darker {
  color: var(--c-text-heading-way-darker) !important;
}

.bg-text-heading {
  background-color: var(--text-heading) !important;
}

.bg-text-heading-light {
  background-color: var(--c-text-heading-light) !important;
}

.bg-text-heading-dark {
  background-color: var(--c-text-heading-dark) !important;
}

.text-text-link {
  color: var(--text-link) !important;
}

.text-text-link-light {
  color: var(--c-text-link-light) !important;
}

.text-text-link-lighter {
  color: var(--c-text-link-lighter) !important;
}

.text-text-link-way-lighter {
  color: var(--c-text-link-way-lighter) !important;
}

.text-text-link-dark {
  color: var(--c-text-link-dark) !important;
}

.text-text-link-darker {
  color: var(--c-text-link-darker) !important;
}

.text-text-link-way-darker {
  color: var(--c-text-link-way-darker) !important;
}

.text-link {
  color: var(--text-link) !important;
}

.text-link-light {
  color: var(--c-text-link-light) !important;
}

.text-link-lighter {
  color: var(--c-text-link-lighter) !important;
}

.text-link-way-lighter {
  color: var(--c-text-link-way-lighter) !important;
}

.text-link-dark {
  color: var(--c-text-link-dark) !important;
}

.text-link-darker {
  color: var(--c-text-link-darker) !important;
}

.text-link-way-darker {
  color: var(--c-text-link-way-darker) !important;
}

.color-text-link {
  color: var(--text-link) !important;
}

.color-text-link-light {
  color: var(--c-text-link-light) !important;
}

.color-text-link-lighter {
  color: var(--c-text-link-lighter) !important;
}

.color-text-link-way-lighter {
  color: var(--c-text-link-way-lighter) !important;
}

.color-text-link-dark {
  color: var(--c-text-link-dark) !important;
}

.color-text-link-darker {
  color: var(--c-text-link-darker) !important;
}

.color-text-link-way-darker {
  color: var(--c-text-link-way-darker) !important;
}

.bg-text-link {
  background-color: var(--text-link) !important;
}

.bg-text-link-light {
  background-color: var(--c-text-link-light) !important;
}

.bg-text-link-dark {
  background-color: var(--c-text-link-dark) !important;
}

.text-text-muted {
  color: var(--text-muted) !important;
}

.text-text-muted-light {
  color: var(--c-text-muted-light) !important;
}

.text-text-muted-lighter {
  color: var(--c-text-muted-lighter) !important;
}

.text-text-muted-way-lighter {
  color: var(--c-text-muted-way-lighter) !important;
}

.text-text-muted-dark {
  color: var(--c-text-muted-dark) !important;
}

.text-text-muted-darker {
  color: var(--c-text-muted-darker) !important;
}

.text-text-muted-way-darker {
  color: var(--c-text-muted-way-darker) !important;
}

.text-muted {
  color: var(--text-muted) !important;
}

.text-muted-light {
  color: var(--c-text-muted-light) !important;
}

.text-muted-lighter {
  color: var(--c-text-muted-lighter) !important;
}

.text-muted-way-lighter {
  color: var(--c-text-muted-way-lighter) !important;
}

.text-muted-dark {
  color: var(--c-text-muted-dark) !important;
}

.text-muted-darker {
  color: var(--c-text-muted-darker) !important;
}

.text-muted-way-darker {
  color: var(--c-text-muted-way-darker) !important;
}

.color-text-muted {
  color: var(--text-muted) !important;
}

.color-text-muted-light {
  color: var(--c-text-muted-light) !important;
}

.color-text-muted-lighter {
  color: var(--c-text-muted-lighter) !important;
}

.color-text-muted-way-lighter {
  color: var(--c-text-muted-way-lighter) !important;
}

.color-text-muted-dark {
  color: var(--c-text-muted-dark) !important;
}

.color-text-muted-darker {
  color: var(--c-text-muted-darker) !important;
}

.color-text-muted-way-darker {
  color: var(--c-text-muted-way-darker) !important;
}

.bg-text-muted {
  background-color: var(--text-muted) !important;
}

.bg-text-muted-light {
  background-color: var(--c-text-muted-light) !important;
}

.bg-text-muted-dark {
  background-color: var(--c-text-muted-dark) !important;
}

.text-text-muted-extra {
  color: var(--text-muted-extra) !important;
}

.text-text-muted-extra-light {
  color: var(--c-text-muted-extra-light) !important;
}

.text-text-muted-extra-lighter {
  color: var(--c-text-muted-extra-lighter) !important;
}

.text-text-muted-extra-way-lighter {
  color: var(--c-text-muted-extra-way-lighter) !important;
}

.text-text-muted-extra-dark {
  color: var(--c-text-muted-extra-dark) !important;
}

.text-text-muted-extra-darker {
  color: var(--c-text-muted-extra-darker) !important;
}

.text-text-muted-extra-way-darker {
  color: var(--c-text-muted-extra-way-darker) !important;
}

.text-muted-extra {
  color: var(--text-muted-extra) !important;
}

.text-muted-extra-light {
  color: var(--c-text-muted-extra-light) !important;
}

.text-muted-extra-lighter {
  color: var(--c-text-muted-extra-lighter) !important;
}

.text-muted-extra-way-lighter {
  color: var(--c-text-muted-extra-way-lighter) !important;
}

.text-muted-extra-dark {
  color: var(--c-text-muted-extra-dark) !important;
}

.text-muted-extra-darker {
  color: var(--c-text-muted-extra-darker) !important;
}

.text-muted-extra-way-darker {
  color: var(--c-text-muted-extra-way-darker) !important;
}

.color-text-muted-extra {
  color: var(--text-muted-extra) !important;
}

.color-text-muted-extra-light {
  color: var(--c-text-muted-extra-light) !important;
}

.color-text-muted-extra-lighter {
  color: var(--c-text-muted-extra-lighter) !important;
}

.color-text-muted-extra-way-lighter {
  color: var(--c-text-muted-extra-way-lighter) !important;
}

.color-text-muted-extra-dark {
  color: var(--c-text-muted-extra-dark) !important;
}

.color-text-muted-extra-darker {
  color: var(--c-text-muted-extra-darker) !important;
}

.color-text-muted-extra-way-darker {
  color: var(--c-text-muted-extra-way-darker) !important;
}

.bg-text-muted-extra {
  background-color: var(--text-muted-extra) !important;
}

.bg-text-muted-extra-light {
  background-color: var(--c-text-muted-extra-light) !important;
}

.bg-text-muted-extra-dark {
  background-color: var(--c-text-muted-extra-dark) !important;
}

.text-text-on-dark {
  color: var(--text-on-dark) !important;
}

.text-text-on-dark-light {
  color: var(--c-text-on-dark-light) !important;
}

.text-text-on-dark-lighter {
  color: var(--c-text-on-dark-lighter) !important;
}

.text-text-on-dark-way-lighter {
  color: var(--c-text-on-dark-way-lighter) !important;
}

.text-text-on-dark-dark {
  color: var(--c-text-on-dark-dark) !important;
}

.text-text-on-dark-darker {
  color: var(--c-text-on-dark-darker) !important;
}

.text-text-on-dark-way-darker {
  color: var(--c-text-on-dark-way-darker) !important;
}

.text-on-dark {
  color: var(--text-on-dark) !important;
}

.text-on-dark-light {
  color: var(--c-text-on-dark-light) !important;
}

.text-on-dark-lighter {
  color: var(--c-text-on-dark-lighter) !important;
}

.text-on-dark-way-lighter {
  color: var(--c-text-on-dark-way-lighter) !important;
}

.text-on-dark-dark {
  color: var(--c-text-on-dark-dark) !important;
}

.text-on-dark-darker {
  color: var(--c-text-on-dark-darker) !important;
}

.text-on-dark-way-darker {
  color: var(--c-text-on-dark-way-darker) !important;
}

.color-text-on-dark {
  color: var(--text-on-dark) !important;
}

.color-text-on-dark-light {
  color: var(--c-text-on-dark-light) !important;
}

.color-text-on-dark-lighter {
  color: var(--c-text-on-dark-lighter) !important;
}

.color-text-on-dark-way-lighter {
  color: var(--c-text-on-dark-way-lighter) !important;
}

.color-text-on-dark-dark {
  color: var(--c-text-on-dark-dark) !important;
}

.color-text-on-dark-darker {
  color: var(--c-text-on-dark-darker) !important;
}

.color-text-on-dark-way-darker {
  color: var(--c-text-on-dark-way-darker) !important;
}

.bg-text-on-dark {
  background-color: var(--text-on-dark) !important;
}

.bg-text-on-dark-light {
  background-color: var(--c-text-on-dark-light) !important;
}

.bg-text-on-dark-dark {
  background-color: var(--c-text-on-dark-dark) !important;
}

.text-text-on-dark-muted {
  color: var(--text-on-dark-muted) !important;
}

.text-text-on-dark-muted-light {
  color: var(--c-text-on-dark-muted-light) !important;
}

.text-text-on-dark-muted-lighter {
  color: var(--c-text-on-dark-muted-lighter) !important;
}

.text-text-on-dark-muted-way-lighter {
  color: var(--c-text-on-dark-muted-way-lighter) !important;
}

.text-text-on-dark-muted-dark {
  color: var(--c-text-on-dark-muted-dark) !important;
}

.text-text-on-dark-muted-darker {
  color: var(--c-text-on-dark-muted-darker) !important;
}

.text-text-on-dark-muted-way-darker {
  color: var(--c-text-on-dark-muted-way-darker) !important;
}

.text-on-dark-muted {
  color: var(--text-on-dark-muted) !important;
}

.text-on-dark-muted-light {
  color: var(--c-text-on-dark-muted-light) !important;
}

.text-on-dark-muted-lighter {
  color: var(--c-text-on-dark-muted-lighter) !important;
}

.text-on-dark-muted-way-lighter {
  color: var(--c-text-on-dark-muted-way-lighter) !important;
}

.text-on-dark-muted-dark {
  color: var(--c-text-on-dark-muted-dark) !important;
}

.text-on-dark-muted-darker {
  color: var(--c-text-on-dark-muted-darker) !important;
}

.text-on-dark-muted-way-darker {
  color: var(--c-text-on-dark-muted-way-darker) !important;
}

.color-text-on-dark-muted {
  color: var(--text-on-dark-muted) !important;
}

.color-text-on-dark-muted-light {
  color: var(--c-text-on-dark-muted-light) !important;
}

.color-text-on-dark-muted-lighter {
  color: var(--c-text-on-dark-muted-lighter) !important;
}

.color-text-on-dark-muted-way-lighter {
  color: var(--c-text-on-dark-muted-way-lighter) !important;
}

.color-text-on-dark-muted-dark {
  color: var(--c-text-on-dark-muted-dark) !important;
}

.color-text-on-dark-muted-darker {
  color: var(--c-text-on-dark-muted-darker) !important;
}

.color-text-on-dark-muted-way-darker {
  color: var(--c-text-on-dark-muted-way-darker) !important;
}

.bg-text-on-dark-muted {
  background-color: var(--text-on-dark-muted) !important;
}

.bg-text-on-dark-muted-light {
  background-color: var(--c-text-on-dark-muted-light) !important;
}

.bg-text-on-dark-muted-dark {
  background-color: var(--c-text-on-dark-muted-dark) !important;
}

.text-text-on-dark-link {
  color: var(--text-on-dark-link) !important;
}

.text-text-on-dark-link-light {
  color: var(--c-text-on-dark-link-light) !important;
}

.text-text-on-dark-link-lighter {
  color: var(--c-text-on-dark-link-lighter) !important;
}

.text-text-on-dark-link-way-lighter {
  color: var(--c-text-on-dark-link-way-lighter) !important;
}

.text-text-on-dark-link-dark {
  color: var(--c-text-on-dark-link-dark) !important;
}

.text-text-on-dark-link-darker {
  color: var(--c-text-on-dark-link-darker) !important;
}

.text-text-on-dark-link-way-darker {
  color: var(--c-text-on-dark-link-way-darker) !important;
}

.text-on-dark-link {
  color: var(--text-on-dark-link) !important;
}

.text-on-dark-link-light {
  color: var(--c-text-on-dark-link-light) !important;
}

.text-on-dark-link-lighter {
  color: var(--c-text-on-dark-link-lighter) !important;
}

.text-on-dark-link-way-lighter {
  color: var(--c-text-on-dark-link-way-lighter) !important;
}

.text-on-dark-link-dark {
  color: var(--c-text-on-dark-link-dark) !important;
}

.text-on-dark-link-darker {
  color: var(--c-text-on-dark-link-darker) !important;
}

.text-on-dark-link-way-darker {
  color: var(--c-text-on-dark-link-way-darker) !important;
}

.color-text-on-dark-link {
  color: var(--text-on-dark-link) !important;
}

.color-text-on-dark-link-light {
  color: var(--c-text-on-dark-link-light) !important;
}

.color-text-on-dark-link-lighter {
  color: var(--c-text-on-dark-link-lighter) !important;
}

.color-text-on-dark-link-way-lighter {
  color: var(--c-text-on-dark-link-way-lighter) !important;
}

.color-text-on-dark-link-dark {
  color: var(--c-text-on-dark-link-dark) !important;
}

.color-text-on-dark-link-darker {
  color: var(--c-text-on-dark-link-darker) !important;
}

.color-text-on-dark-link-way-darker {
  color: var(--c-text-on-dark-link-way-darker) !important;
}

.bg-text-on-dark-link {
  background-color: var(--text-on-dark-link) !important;
}

.bg-text-on-dark-link-light {
  background-color: var(--c-text-on-dark-link-light) !important;
}

.bg-text-on-dark-link-dark {
  background-color: var(--c-text-on-dark-link-dark) !important;
}

.text-border-on-dark {
  color: var(--border-on-dark-strong) !important;
}

.text-border-on-dark-light {
  color: var(--c-border-on-dark-light) !important;
}

.text-border-on-dark-lighter {
  color: var(--c-border-on-dark-lighter) !important;
}

.text-border-on-dark-way-lighter {
  color: var(--c-border-on-dark-way-lighter) !important;
}

.text-border-on-dark-dark {
  color: var(--c-border-on-dark-dark) !important;
}

.text-border-on-dark-darker {
  color: var(--c-border-on-dark-darker) !important;
}

.text-border-on-dark-way-darker {
  color: var(--c-border-on-dark-way-darker) !important;
}

.border-on-dark {
  color: var(--border-on-dark-strong) !important;
}

.border-on-dark-light {
  color: var(--c-border-on-dark-light) !important;
}

.border-on-dark-lighter {
  color: var(--c-border-on-dark-lighter) !important;
}

.border-on-dark-way-lighter {
  color: var(--c-border-on-dark-way-lighter) !important;
}

.border-on-dark-dark {
  color: var(--c-border-on-dark-dark) !important;
}

.border-on-dark-darker {
  color: var(--c-border-on-dark-darker) !important;
}

.border-on-dark-way-darker {
  color: var(--c-border-on-dark-way-darker) !important;
}

.color-border-on-dark {
  color: var(--border-on-dark-strong) !important;
}

.color-border-on-dark-light {
  color: var(--c-border-on-dark-light) !important;
}

.color-border-on-dark-lighter {
  color: var(--c-border-on-dark-lighter) !important;
}

.color-border-on-dark-way-lighter {
  color: var(--c-border-on-dark-way-lighter) !important;
}

.color-border-on-dark-dark {
  color: var(--c-border-on-dark-dark) !important;
}

.color-border-on-dark-darker {
  color: var(--c-border-on-dark-darker) !important;
}

.color-border-on-dark-way-darker {
  color: var(--c-border-on-dark-way-darker) !important;
}

.bg-border-on-dark {
  background-color: var(--border-on-dark-strong) !important;
}

.bg-border-on-dark-light {
  background-color: var(--c-border-on-dark-light) !important;
}

.bg-border-on-dark-dark {
  background-color: var(--c-border-on-dark-dark) !important;
}

.text-border-on-dark-subtle {
  color: var(--border-on-dark-subtle) !important;
}

.text-border-on-dark-subtle-light {
  color: var(--c-border-on-dark-subtle-light) !important;
}

.text-border-on-dark-subtle-lighter {
  color: var(--c-border-on-dark-subtle-lighter) !important;
}

.text-border-on-dark-subtle-way-lighter {
  color: var(--c-border-on-dark-subtle-way-lighter) !important;
}

.text-border-on-dark-subtle-dark {
  color: var(--c-border-on-dark-subtle-dark) !important;
}

.text-border-on-dark-subtle-darker {
  color: var(--c-border-on-dark-subtle-darker) !important;
}

.text-border-on-dark-subtle-way-darker {
  color: var(--c-border-on-dark-subtle-way-darker) !important;
}

.border-on-dark-subtle {
  color: var(--border-on-dark-subtle) !important;
}

.border-on-dark-subtle-light {
  color: var(--c-border-on-dark-subtle-light) !important;
}

.border-on-dark-subtle-lighter {
  color: var(--c-border-on-dark-subtle-lighter) !important;
}

.border-on-dark-subtle-way-lighter {
  color: var(--c-border-on-dark-subtle-way-lighter) !important;
}

.border-on-dark-subtle-dark {
  color: var(--c-border-on-dark-subtle-dark) !important;
}

.border-on-dark-subtle-darker {
  color: var(--c-border-on-dark-subtle-darker) !important;
}

.border-on-dark-subtle-way-darker {
  color: var(--c-border-on-dark-subtle-way-darker) !important;
}

.color-border-on-dark-subtle {
  color: var(--border-on-dark-subtle) !important;
}

.color-border-on-dark-subtle-light {
  color: var(--c-border-on-dark-subtle-light) !important;
}

.color-border-on-dark-subtle-lighter {
  color: var(--c-border-on-dark-subtle-lighter) !important;
}

.color-border-on-dark-subtle-way-lighter {
  color: var(--c-border-on-dark-subtle-way-lighter) !important;
}

.color-border-on-dark-subtle-dark {
  color: var(--c-border-on-dark-subtle-dark) !important;
}

.color-border-on-dark-subtle-darker {
  color: var(--c-border-on-dark-subtle-darker) !important;
}

.color-border-on-dark-subtle-way-darker {
  color: var(--c-border-on-dark-subtle-way-darker) !important;
}

.bg-border-on-dark-subtle {
  background-color: var(--border-on-dark-subtle) !important;
}

.bg-border-on-dark-subtle-light {
  background-color: var(--c-border-on-dark-subtle-light) !important;
}

.bg-border-on-dark-subtle-dark {
  background-color: var(--c-border-on-dark-subtle-dark) !important;
}

.text-border-input {
  color: var(--border-input) !important;
}

.text-border-input-light {
  color: var(--c-border-input-light) !important;
}

.text-border-input-lighter {
  color: var(--c-border-input-lighter) !important;
}

.text-border-input-way-lighter {
  color: var(--c-border-input-way-lighter) !important;
}

.text-border-input-dark {
  color: var(--c-border-input-dark) !important;
}

.text-border-input-darker {
  color: var(--c-border-input-darker) !important;
}

.text-border-input-way-darker {
  color: var(--c-border-input-way-darker) !important;
}

.border-input {
  color: var(--border-input) !important;
}

.border-input-light {
  color: var(--c-border-input-light) !important;
}

.border-input-lighter {
  color: var(--c-border-input-lighter) !important;
}

.border-input-way-lighter {
  color: var(--c-border-input-way-lighter) !important;
}

.border-input-dark {
  color: var(--c-border-input-dark) !important;
}

.border-input-darker {
  color: var(--c-border-input-darker) !important;
}

.border-input-way-darker {
  color: var(--c-border-input-way-darker) !important;
}

.color-border-input {
  color: var(--border-input) !important;
}

.color-border-input-light {
  color: var(--c-border-input-light) !important;
}

.color-border-input-lighter {
  color: var(--c-border-input-lighter) !important;
}

.color-border-input-way-lighter {
  color: var(--c-border-input-way-lighter) !important;
}

.color-border-input-dark {
  color: var(--c-border-input-dark) !important;
}

.color-border-input-darker {
  color: var(--c-border-input-darker) !important;
}

.color-border-input-way-darker {
  color: var(--c-border-input-way-darker) !important;
}

.bg-border-input {
  background-color: var(--border-input) !important;
}

.bg-border-input-light {
  background-color: var(--c-border-input-light) !important;
}

.bg-border-input-dark {
  background-color: var(--c-border-input-dark) !important;
}

.text-border-card {
  color: var(--border-card) !important;
}

.text-border-card-light {
  color: var(--c-border-card-light) !important;
}

.text-border-card-lighter {
  color: var(--c-border-card-lighter) !important;
}

.text-border-card-way-lighter {
  color: var(--c-border-card-way-lighter) !important;
}

.text-border-card-dark {
  color: var(--c-border-card-dark) !important;
}

.text-border-card-darker {
  color: var(--c-border-card-darker) !important;
}

.text-border-card-way-darker {
  color: var(--c-border-card-way-darker) !important;
}

.border-card {
  color: var(--border-card) !important;
}

.border-card-light {
  color: var(--c-border-card-light) !important;
}

.border-card-lighter {
  color: var(--c-border-card-lighter) !important;
}

.border-card-way-lighter {
  color: var(--c-border-card-way-lighter) !important;
}

.border-card-dark {
  color: var(--c-border-card-dark) !important;
}

.border-card-darker {
  color: var(--c-border-card-darker) !important;
}

.border-card-way-darker {
  color: var(--c-border-card-way-darker) !important;
}

.color-border-card {
  color: var(--border-card) !important;
}

.color-border-card-light {
  color: var(--c-border-card-light) !important;
}

.color-border-card-lighter {
  color: var(--c-border-card-lighter) !important;
}

.color-border-card-way-lighter {
  color: var(--c-border-card-way-lighter) !important;
}

.color-border-card-dark {
  color: var(--c-border-card-dark) !important;
}

.color-border-card-darker {
  color: var(--c-border-card-darker) !important;
}

.color-border-card-way-darker {
  color: var(--c-border-card-way-darker) !important;
}

.bg-border-card {
  background-color: var(--border-card) !important;
}

.bg-border-card-light {
  background-color: var(--c-border-card-light) !important;
}

.bg-border-card-dark {
  background-color: var(--c-border-card-dark) !important;
}

.text-border-divider {
  color: var(--border-divider) !important;
}

.text-border-divider-light {
  color: var(--c-border-divider-light) !important;
}

.text-border-divider-lighter {
  color: var(--c-border-divider-lighter) !important;
}

.text-border-divider-way-lighter {
  color: var(--c-border-divider-way-lighter) !important;
}

.text-border-divider-dark {
  color: var(--c-border-divider-dark) !important;
}

.text-border-divider-darker {
  color: var(--c-border-divider-darker) !important;
}

.text-border-divider-way-darker {
  color: var(--c-border-divider-way-darker) !important;
}

.border-divider {
  color: var(--border-divider) !important;
}

.border-divider-light {
  color: var(--c-border-divider-light) !important;
}

.border-divider-lighter {
  color: var(--c-border-divider-lighter) !important;
}

.border-divider-way-lighter {
  color: var(--c-border-divider-way-lighter) !important;
}

.border-divider-dark {
  color: var(--c-border-divider-dark) !important;
}

.border-divider-darker {
  color: var(--c-border-divider-darker) !important;
}

.border-divider-way-darker {
  color: var(--c-border-divider-way-darker) !important;
}

.color-border-divider {
  color: var(--border-divider) !important;
}

.color-border-divider-light {
  color: var(--c-border-divider-light) !important;
}

.color-border-divider-lighter {
  color: var(--c-border-divider-lighter) !important;
}

.color-border-divider-way-lighter {
  color: var(--c-border-divider-way-lighter) !important;
}

.color-border-divider-dark {
  color: var(--c-border-divider-dark) !important;
}

.color-border-divider-darker {
  color: var(--c-border-divider-darker) !important;
}

.color-border-divider-way-darker {
  color: var(--c-border-divider-way-darker) !important;
}

.bg-border-divider {
  background-color: var(--border-divider) !important;
}

.bg-border-divider-light {
  background-color: var(--c-border-divider-light) !important;
}

.bg-border-divider-dark {
  background-color: var(--c-border-divider-dark) !important;
}

.text-bg-input {
  color: var(--bg-input) !important;
}

.text-bg-input-light {
  color: var(--c-bg-input-light) !important;
}

.text-bg-input-lighter {
  color: var(--c-bg-input-lighter) !important;
}

.text-bg-input-way-lighter {
  color: var(--c-bg-input-way-lighter) !important;
}

.text-bg-input-dark {
  color: var(--c-bg-input-dark) !important;
}

.text-bg-input-darker {
  color: var(--c-bg-input-darker) !important;
}

.text-bg-input-way-darker {
  color: var(--c-bg-input-way-darker) !important;
}

.bg-input {
  color: var(--bg-input) !important;
}

.bg-input-light {
  color: var(--c-bg-input-light) !important;
}

.bg-input-lighter {
  color: var(--c-bg-input-lighter) !important;
}

.bg-input-way-lighter {
  color: var(--c-bg-input-way-lighter) !important;
}

.bg-input-dark {
  color: var(--c-bg-input-dark) !important;
}

.bg-input-darker {
  color: var(--c-bg-input-darker) !important;
}

.bg-input-way-darker {
  color: var(--c-bg-input-way-darker) !important;
}

.color-bg-input {
  color: var(--bg-input) !important;
}

.color-bg-input-light {
  color: var(--c-bg-input-light) !important;
}

.color-bg-input-lighter {
  color: var(--c-bg-input-lighter) !important;
}

.color-bg-input-way-lighter {
  color: var(--c-bg-input-way-lighter) !important;
}

.color-bg-input-dark {
  color: var(--c-bg-input-dark) !important;
}

.color-bg-input-darker {
  color: var(--c-bg-input-darker) !important;
}

.color-bg-input-way-darker {
  color: var(--c-bg-input-way-darker) !important;
}

.bg-bg-input {
  background-color: var(--bg-input) !important;
}

.bg-bg-input-light {
  background-color: var(--c-bg-input-light) !important;
}

.bg-bg-input-dark {
  background-color: var(--c-bg-input-dark) !important;
}

.text-border-input-focus {
  color: var(--border-input-focus) !important;
}

.text-border-input-focus-light {
  color: var(--c-border-input-focus-light) !important;
}

.text-border-input-focus-lighter {
  color: var(--c-border-input-focus-lighter) !important;
}

.text-border-input-focus-way-lighter {
  color: var(--c-border-input-focus-way-lighter) !important;
}

.text-border-input-focus-dark {
  color: var(--c-border-input-focus-dark) !important;
}

.text-border-input-focus-darker {
  color: var(--c-border-input-focus-darker) !important;
}

.text-border-input-focus-way-darker {
  color: var(--c-border-input-focus-way-darker) !important;
}

.border-input-focus {
  color: var(--border-input-focus) !important;
}

.border-input-focus-light {
  color: var(--c-border-input-focus-light) !important;
}

.border-input-focus-lighter {
  color: var(--c-border-input-focus-lighter) !important;
}

.border-input-focus-way-lighter {
  color: var(--c-border-input-focus-way-lighter) !important;
}

.border-input-focus-dark {
  color: var(--c-border-input-focus-dark) !important;
}

.border-input-focus-darker {
  color: var(--c-border-input-focus-darker) !important;
}

.border-input-focus-way-darker {
  color: var(--c-border-input-focus-way-darker) !important;
}

.color-border-input-focus {
  color: var(--border-input-focus) !important;
}

.color-border-input-focus-light {
  color: var(--c-border-input-focus-light) !important;
}

.color-border-input-focus-lighter {
  color: var(--c-border-input-focus-lighter) !important;
}

.color-border-input-focus-way-lighter {
  color: var(--c-border-input-focus-way-lighter) !important;
}

.color-border-input-focus-dark {
  color: var(--c-border-input-focus-dark) !important;
}

.color-border-input-focus-darker {
  color: var(--c-border-input-focus-darker) !important;
}

.color-border-input-focus-way-darker {
  color: var(--c-border-input-focus-way-darker) !important;
}

.bg-border-input-focus {
  background-color: var(--border-input-focus) !important;
}

.bg-border-input-focus-light {
  background-color: var(--c-border-input-focus-light) !important;
}

.bg-border-input-focus-dark {
  background-color: var(--c-border-input-focus-dark) !important;
}

.text-bg-table-header {
  color: var(--bg-table-header) !important;
}

.text-bg-table-header-light {
  color: var(--c-bg-table-header-light) !important;
}

.text-bg-table-header-lighter {
  color: var(--c-bg-table-header-lighter) !important;
}

.text-bg-table-header-way-lighter {
  color: var(--c-bg-table-header-way-lighter) !important;
}

.text-bg-table-header-dark {
  color: var(--c-bg-table-header-dark) !important;
}

.text-bg-table-header-darker {
  color: var(--c-bg-table-header-darker) !important;
}

.text-bg-table-header-way-darker {
  color: var(--c-bg-table-header-way-darker) !important;
}

.bg-table-header {
  color: var(--bg-table-header) !important;
}

.bg-table-header-light {
  color: var(--c-bg-table-header-light) !important;
}

.bg-table-header-lighter {
  color: var(--c-bg-table-header-lighter) !important;
}

.bg-table-header-way-lighter {
  color: var(--c-bg-table-header-way-lighter) !important;
}

.bg-table-header-dark {
  color: var(--c-bg-table-header-dark) !important;
}

.bg-table-header-darker {
  color: var(--c-bg-table-header-darker) !important;
}

.bg-table-header-way-darker {
  color: var(--c-bg-table-header-way-darker) !important;
}

.color-bg-table-header {
  color: var(--bg-table-header) !important;
}

.color-bg-table-header-light {
  color: var(--c-bg-table-header-light) !important;
}

.color-bg-table-header-lighter {
  color: var(--c-bg-table-header-lighter) !important;
}

.color-bg-table-header-way-lighter {
  color: var(--c-bg-table-header-way-lighter) !important;
}

.color-bg-table-header-dark {
  color: var(--c-bg-table-header-dark) !important;
}

.color-bg-table-header-darker {
  color: var(--c-bg-table-header-darker) !important;
}

.color-bg-table-header-way-darker {
  color: var(--c-bg-table-header-way-darker) !important;
}

.bg-bg-table-header {
  background-color: var(--bg-table-header) !important;
}

.bg-bg-table-header-light {
  background-color: var(--c-bg-table-header-light) !important;
}

.bg-bg-table-header-dark {
  background-color: var(--c-bg-table-header-dark) !important;
}

.text-text-table-header {
  color: var(--text-table-header) !important;
}

.text-text-table-header-light {
  color: var(--c-text-table-header-light) !important;
}

.text-text-table-header-lighter {
  color: var(--c-text-table-header-lighter) !important;
}

.text-text-table-header-way-lighter {
  color: var(--c-text-table-header-way-lighter) !important;
}

.text-text-table-header-dark {
  color: var(--c-text-table-header-dark) !important;
}

.text-text-table-header-darker {
  color: var(--c-text-table-header-darker) !important;
}

.text-text-table-header-way-darker {
  color: var(--c-text-table-header-way-darker) !important;
}

.text-table-header {
  color: var(--text-table-header) !important;
}

.text-table-header-light {
  color: var(--c-text-table-header-light) !important;
}

.text-table-header-lighter {
  color: var(--c-text-table-header-lighter) !important;
}

.text-table-header-way-lighter {
  color: var(--c-text-table-header-way-lighter) !important;
}

.text-table-header-dark {
  color: var(--c-text-table-header-dark) !important;
}

.text-table-header-darker {
  color: var(--c-text-table-header-darker) !important;
}

.text-table-header-way-darker {
  color: var(--c-text-table-header-way-darker) !important;
}

.color-text-table-header {
  color: var(--text-table-header) !important;
}

.color-text-table-header-light {
  color: var(--c-text-table-header-light) !important;
}

.color-text-table-header-lighter {
  color: var(--c-text-table-header-lighter) !important;
}

.color-text-table-header-way-lighter {
  color: var(--c-text-table-header-way-lighter) !important;
}

.color-text-table-header-dark {
  color: var(--c-text-table-header-dark) !important;
}

.color-text-table-header-darker {
  color: var(--c-text-table-header-darker) !important;
}

.color-text-table-header-way-darker {
  color: var(--c-text-table-header-way-darker) !important;
}

.bg-text-table-header {
  background-color: var(--text-table-header) !important;
}

.bg-text-table-header-light {
  background-color: var(--c-text-table-header-light) !important;
}

.bg-text-table-header-dark {
  background-color: var(--c-text-table-header-dark) !important;
}

.text-bg-table-alt {
  color: var(--bg-table-alt) !important;
}

.text-bg-table-alt-light {
  color: var(--c-bg-table-alt-light) !important;
}

.text-bg-table-alt-lighter {
  color: var(--c-bg-table-alt-lighter) !important;
}

.text-bg-table-alt-way-lighter {
  color: var(--c-bg-table-alt-way-lighter) !important;
}

.text-bg-table-alt-dark {
  color: var(--c-bg-table-alt-dark) !important;
}

.text-bg-table-alt-darker {
  color: var(--c-bg-table-alt-darker) !important;
}

.text-bg-table-alt-way-darker {
  color: var(--c-bg-table-alt-way-darker) !important;
}

.bg-table-alt {
  color: var(--bg-table-alt) !important;
}

.bg-table-alt-light {
  color: var(--c-bg-table-alt-light) !important;
}

.bg-table-alt-lighter {
  color: var(--c-bg-table-alt-lighter) !important;
}

.bg-table-alt-way-lighter {
  color: var(--c-bg-table-alt-way-lighter) !important;
}

.bg-table-alt-dark {
  color: var(--c-bg-table-alt-dark) !important;
}

.bg-table-alt-darker {
  color: var(--c-bg-table-alt-darker) !important;
}

.bg-table-alt-way-darker {
  color: var(--c-bg-table-alt-way-darker) !important;
}

.color-bg-table-alt {
  color: var(--bg-table-alt) !important;
}

.color-bg-table-alt-light {
  color: var(--c-bg-table-alt-light) !important;
}

.color-bg-table-alt-lighter {
  color: var(--c-bg-table-alt-lighter) !important;
}

.color-bg-table-alt-way-lighter {
  color: var(--c-bg-table-alt-way-lighter) !important;
}

.color-bg-table-alt-dark {
  color: var(--c-bg-table-alt-dark) !important;
}

.color-bg-table-alt-darker {
  color: var(--c-bg-table-alt-darker) !important;
}

.color-bg-table-alt-way-darker {
  color: var(--c-bg-table-alt-way-darker) !important;
}

.bg-bg-table-alt {
  background-color: var(--bg-table-alt) !important;
}

.bg-bg-table-alt-light {
  background-color: var(--c-bg-table-alt-light) !important;
}

.bg-bg-table-alt-dark {
  background-color: var(--c-bg-table-alt-dark) !important;
}

.text-bg-table-hover {
  color: var(--bg-table-hover) !important;
}

.text-bg-table-hover-light {
  color: var(--c-bg-table-hover-light) !important;
}

.text-bg-table-hover-lighter {
  color: var(--c-bg-table-hover-lighter) !important;
}

.text-bg-table-hover-way-lighter {
  color: var(--c-bg-table-hover-way-lighter) !important;
}

.text-bg-table-hover-dark {
  color: var(--c-bg-table-hover-dark) !important;
}

.text-bg-table-hover-darker {
  color: var(--c-bg-table-hover-darker) !important;
}

.text-bg-table-hover-way-darker {
  color: var(--c-bg-table-hover-way-darker) !important;
}

.bg-table-hover {
  color: var(--bg-table-hover) !important;
}

.bg-table-hover-light {
  color: var(--c-bg-table-hover-light) !important;
}

.bg-table-hover-lighter {
  color: var(--c-bg-table-hover-lighter) !important;
}

.bg-table-hover-way-lighter {
  color: var(--c-bg-table-hover-way-lighter) !important;
}

.bg-table-hover-dark {
  color: var(--c-bg-table-hover-dark) !important;
}

.bg-table-hover-darker {
  color: var(--c-bg-table-hover-darker) !important;
}

.bg-table-hover-way-darker {
  color: var(--c-bg-table-hover-way-darker) !important;
}

.color-bg-table-hover {
  color: var(--bg-table-hover) !important;
}

.color-bg-table-hover-light {
  color: var(--c-bg-table-hover-light) !important;
}

.color-bg-table-hover-lighter {
  color: var(--c-bg-table-hover-lighter) !important;
}

.color-bg-table-hover-way-lighter {
  color: var(--c-bg-table-hover-way-lighter) !important;
}

.color-bg-table-hover-dark {
  color: var(--c-bg-table-hover-dark) !important;
}

.color-bg-table-hover-darker {
  color: var(--c-bg-table-hover-darker) !important;
}

.color-bg-table-hover-way-darker {
  color: var(--c-bg-table-hover-way-darker) !important;
}

.bg-bg-table-hover {
  background-color: var(--bg-table-hover) !important;
}

.bg-bg-table-hover-light {
  background-color: var(--c-bg-table-hover-light) !important;
}

.bg-bg-table-hover-dark {
  background-color: var(--c-bg-table-hover-dark) !important;
}

.text-text-table-hover {
  color: var(--text-table-hover) !important;
}

.text-text-table-hover-light {
  color: var(--c-text-table-hover-light) !important;
}

.text-text-table-hover-lighter {
  color: var(--c-text-table-hover-lighter) !important;
}

.text-text-table-hover-way-lighter {
  color: var(--c-text-table-hover-way-lighter) !important;
}

.text-text-table-hover-dark {
  color: var(--c-text-table-hover-dark) !important;
}

.text-text-table-hover-darker {
  color: var(--c-text-table-hover-darker) !important;
}

.text-text-table-hover-way-darker {
  color: var(--c-text-table-hover-way-darker) !important;
}

.text-table-hover {
  color: var(--text-table-hover) !important;
}

.text-table-hover-light {
  color: var(--c-text-table-hover-light) !important;
}

.text-table-hover-lighter {
  color: var(--c-text-table-hover-lighter) !important;
}

.text-table-hover-way-lighter {
  color: var(--c-text-table-hover-way-lighter) !important;
}

.text-table-hover-dark {
  color: var(--c-text-table-hover-dark) !important;
}

.text-table-hover-darker {
  color: var(--c-text-table-hover-darker) !important;
}

.text-table-hover-way-darker {
  color: var(--c-text-table-hover-way-darker) !important;
}

.color-text-table-hover {
  color: var(--text-table-hover) !important;
}

.color-text-table-hover-light {
  color: var(--c-text-table-hover-light) !important;
}

.color-text-table-hover-lighter {
  color: var(--c-text-table-hover-lighter) !important;
}

.color-text-table-hover-way-lighter {
  color: var(--c-text-table-hover-way-lighter) !important;
}

.color-text-table-hover-dark {
  color: var(--c-text-table-hover-dark) !important;
}

.color-text-table-hover-darker {
  color: var(--c-text-table-hover-darker) !important;
}

.color-text-table-hover-way-darker {
  color: var(--c-text-table-hover-way-darker) !important;
}

.bg-text-table-hover {
  background-color: var(--text-table-hover) !important;
}

.bg-text-table-hover-light {
  background-color: var(--c-text-table-hover-light) !important;
}

.bg-text-table-hover-dark {
  background-color: var(--c-text-table-hover-dark) !important;
}

.text-white {
  color: var(--c-white) !important;
}

.text-white-light {
  color: var(--c-white-light) !important;
}

.text-white-lighter {
  color: var(--c-white-lighter) !important;
}

.text-white-way-lighter {
  color: var(--c-white-way-lighter) !important;
}

.text-white-dark {
  color: var(--c-white-dark) !important;
}

.text-white-darker {
  color: var(--c-white-darker) !important;
}

.text-white-way-darker {
  color: var(--c-white-way-darker) !important;
}

.white {
  color: var(--c-white) !important;
}

.white-light {
  color: var(--c-white-light) !important;
}

.white-lighter {
  color: var(--c-white-lighter) !important;
}

.white-way-lighter {
  color: var(--c-white-way-lighter) !important;
}

.white-dark {
  color: var(--c-white-dark) !important;
}

.white-darker {
  color: var(--c-white-darker) !important;
}

.white-way-darker {
  color: var(--c-white-way-darker) !important;
}

.color-white {
  color: var(--c-white) !important;
}

.color-white-light {
  color: var(--c-white-light) !important;
}

.color-white-lighter {
  color: var(--c-white-lighter) !important;
}

.color-white-way-lighter {
  color: var(--c-white-way-lighter) !important;
}

.color-white-dark {
  color: var(--c-white-dark) !important;
}

.color-white-darker {
  color: var(--c-white-darker) !important;
}

.color-white-way-darker {
  color: var(--c-white-way-darker) !important;
}

.bg-white {
  background-color: var(--c-white) !important;
}

.bg-white-light {
  background-color: var(--c-white-light) !important;
}

.bg-white-dark {
  background-color: var(--c-white-dark) !important;
}

.border-navy {
  border-color: var(--c-navy) !important;
}

.border-navy-light {
  border-color: var(--c-navy-light) !important;
}

.border-navy-dark {
  border-color: var(--c-navy-dark) !important;
}

.border-blue {
  border-color: var(--c-blue) !important;
}

.border-blue-light {
  border-color: var(--c-blue-light) !important;
}

.border-blue-dark {
  border-color: var(--c-blue-dark) !important;
}

.border-green {
  border-color: var(--c-green) !important;
}

.border-green-light {
  border-color: var(--c-green-light) !important;
}

.border-green-dark {
  border-color: var(--c-green-dark) !important;
}

.border-red {
  border-color: var(--c-red) !important;
}

.border-red-light {
  border-color: var(--c-red-light) !important;
}

.border-red-dark {
  border-color: var(--c-red-dark) !important;
}

.border-pink {
  border-color: var(--c-pink) !important;
}

.border-pink-light {
  border-color: var(--c-pink-light) !important;
}

.border-pink-dark {
  border-color: var(--c-pink-dark) !important;
}

.border-purple {
  border-color: var(--c-purple) !important;
}

.border-purple-light {
  border-color: var(--c-purple-light) !important;
}

.border-purple-dark {
  border-color: var(--c-purple-dark) !important;
}

.border-orange {
  border-color: var(--c-orange) !important;
}

.border-orange-light {
  border-color: var(--c-orange-light) !important;
}

.border-orange-dark {
  border-color: var(--c-orange-dark) !important;
}

.border-yellow {
  border-color: var(--c-yellow) !important;
}

.border-yellow-light {
  border-color: var(--c-yellow-light) !important;
}

.border-yellow-dark {
  border-color: var(--c-yellow-dark) !important;
}

.border-gray {
  border-color: var(--c-gray) !important;
}

.border-gray-light {
  border-color: var(--c-gray-light) !important;
}

.border-gray-dark {
  border-color: var(--c-gray-dark) !important;
}

.border-white {
  border-color: var(--c-white) !important;
}

.border-black {
  border-color: var(--c-black) !important;
}

.border-charcoal {
  border-color: var(--c-charcoal) !important;
}

.border-primary {
  border-color: var(--ink-site-primary) !important;
}

.border-primary-light {
  border-color: var(--c-primary-light) !important;
}

.border-primary-dark {
  border-color: var(--c-primary-dark) !important;
}

.border-secondary {
  border-color: var(--ink-site-secondary) !important;
}

.border-secondary-light {
  border-color: var(--c-secondary-light) !important;
}

.border-secondary-dark {
  border-color: var(--c-secondary-dark) !important;
}

.border-tertiary {
  border-color: var(--ink-site-tertiary) !important;
}

.border-tertiary-light {
  border-color: var(--c-tertiary-light) !important;
}

.border-tertiary-dark {
  border-color: var(--c-tertiary-dark) !important;
}

.border-cta {
  border-color: var(--ink-site-cta) !important;
}

.border-cta-light {
  border-color: var(--c-cta-light) !important;
}

.border-cta-dark {
  border-color: var(--c-cta-dark) !important;
}

.border-success {
  border-color: var(--ink-site-success) !important;
}

.border-success-light {
  border-color: var(--c-success-light) !important;
}

.border-success-dark {
  border-color: var(--c-success-dark) !important;
}

.border-danger {
  border-color: var(--ink-site-danger) !important;
}

.border-danger-light {
  border-color: var(--c-danger-light) !important;
}

.border-danger-dark {
  border-color: var(--c-danger-dark) !important;
}

.border-warning {
  border-color: var(--ink-site-warning) !important;
}

.border-warning-light {
  border-color: var(--c-warning-light) !important;
}

.border-warning-dark {
  border-color: var(--c-warning-dark) !important;
}

.border-info {
  border-color: var(--ink-site-info) !important;
}

.border-info-light {
  border-color: var(--c-info-light) !important;
}

.border-info-dark {
  border-color: var(--c-info-dark) !important;
}

.border-bg-body {
  border-color: var(--bg-body) !important;
}

.border-bg-body-light {
  border-color: var(--c-bg-body-light) !important;
}

.border-bg-body-dark {
  border-color: var(--c-bg-body-dark) !important;
}

.border-bg-alt {
  border-color: var(--bg-alt) !important;
}

.border-bg-alt-light {
  border-color: var(--c-bg-alt-light) !important;
}

.border-bg-alt-dark {
  border-color: var(--c-bg-alt-dark) !important;
}

.border-bg-tint {
  border-color: var(--bg-tint) !important;
}

.border-bg-tint-light {
  border-color: var(--c-bg-tint-light) !important;
}

.border-bg-tint-dark {
  border-color: var(--c-bg-tint-dark) !important;
}

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

.border-bg-accent-light {
  border-color: var(--c-bg-accent-light) !important;
}

.border-bg-accent-dark {
  border-color: var(--c-bg-accent-dark) !important;
}

.border-bg-dark {
  border-color: var(--bg-dark) !important;
}

.border-bg-dark-light {
  border-color: var(--c-bg-dark-light) !important;
}

.border-bg-dark-dark {
  border-color: var(--c-bg-dark-dark) !important;
}

.border-bg-dark-alt {
  border-color: var(--bg-dark-alt) !important;
}

.border-bg-dark-alt-light {
  border-color: var(--c-bg-dark-alt-light) !important;
}

.border-bg-dark-alt-dark {
  border-color: var(--c-bg-dark-alt-dark) !important;
}

.border-bg-dark-neutral {
  border-color: var(--bg-dark-neutral) !important;
}

.border-bg-dark-neutral-light {
  border-color: var(--c-bg-dark-neutral-light) !important;
}

.border-bg-dark-neutral-dark {
  border-color: var(--c-bg-dark-neutral-dark) !important;
}

.border-bg-footer {
  border-color: var(--bg-footer) !important;
}

.border-bg-footer-light {
  border-color: var(--c-bg-footer-light) !important;
}

.border-bg-footer-dark {
  border-color: var(--c-bg-footer-dark) !important;
}

.border-text-body {
  border-color: var(--text-body) !important;
}

.border-text-body-light {
  border-color: var(--c-text-body-light) !important;
}

.border-text-body-dark {
  border-color: var(--c-text-body-dark) !important;
}

.border-text-heading {
  border-color: var(--text-heading) !important;
}

.border-text-heading-light {
  border-color: var(--c-text-heading-light) !important;
}

.border-text-heading-dark {
  border-color: var(--c-text-heading-dark) !important;
}

.border-text-link {
  border-color: var(--text-link) !important;
}

.border-text-link-light {
  border-color: var(--c-text-link-light) !important;
}

.border-text-link-dark {
  border-color: var(--c-text-link-dark) !important;
}

.border-text-muted {
  border-color: var(--text-muted) !important;
}

.border-text-muted-light {
  border-color: var(--c-text-muted-light) !important;
}

.border-text-muted-dark {
  border-color: var(--c-text-muted-dark) !important;
}

.border-text-muted-extra {
  border-color: var(--text-muted-extra) !important;
}

.border-text-muted-extra-light {
  border-color: var(--c-text-muted-extra-light) !important;
}

.border-text-muted-extra-dark {
  border-color: var(--c-text-muted-extra-dark) !important;
}

.border-text-on-dark {
  border-color: var(--text-on-dark) !important;
}

.border-text-on-dark-light {
  border-color: var(--c-text-on-dark-light) !important;
}

.border-text-on-dark-dark {
  border-color: var(--c-text-on-dark-dark) !important;
}

.border-text-on-dark-muted {
  border-color: var(--text-on-dark-muted) !important;
}

.border-text-on-dark-muted-light {
  border-color: var(--c-text-on-dark-muted-light) !important;
}

.border-text-on-dark-muted-dark {
  border-color: var(--c-text-on-dark-muted-dark) !important;
}

.border-text-on-dark-link {
  border-color: var(--text-on-dark-link) !important;
}

.border-text-on-dark-link-light {
  border-color: var(--c-text-on-dark-link-light) !important;
}

.border-text-on-dark-link-dark {
  border-color: var(--c-text-on-dark-link-dark) !important;
}

.border-border-on-dark {
  border-color: var(--border-on-dark-strong) !important;
}

.border-border-on-dark-light {
  border-color: var(--c-border-on-dark-light) !important;
}

.border-border-on-dark-dark {
  border-color: var(--c-border-on-dark-dark) !important;
}

.border-border-on-dark-subtle {
  border-color: var(--border-on-dark-subtle) !important;
}

.border-border-on-dark-subtle-light {
  border-color: var(--c-border-on-dark-subtle-light) !important;
}

.border-border-on-dark-subtle-dark {
  border-color: var(--c-border-on-dark-subtle-dark) !important;
}

.border-border-input {
  border-color: var(--border-input) !important;
}

.border-border-input-light {
  border-color: var(--c-border-input-light) !important;
}

.border-border-input-dark {
  border-color: var(--c-border-input-dark) !important;
}

.border-border-card {
  border-color: var(--border-card) !important;
}

.border-border-card-light {
  border-color: var(--c-border-card-light) !important;
}

.border-border-card-dark {
  border-color: var(--c-border-card-dark) !important;
}

.border-border-divider {
  border-color: var(--border-divider) !important;
}

.border-border-divider-light {
  border-color: var(--c-border-divider-light) !important;
}

.border-border-divider-dark {
  border-color: var(--c-border-divider-dark) !important;
}

.border-bg-input {
  border-color: var(--bg-input) !important;
}

.border-bg-input-light {
  border-color: var(--c-bg-input-light) !important;
}

.border-bg-input-dark {
  border-color: var(--c-bg-input-dark) !important;
}

.border-border-input-focus {
  border-color: var(--border-input-focus) !important;
}

.border-border-input-focus-light {
  border-color: var(--c-border-input-focus-light) !important;
}

.border-border-input-focus-dark {
  border-color: var(--c-border-input-focus-dark) !important;
}

.border-bg-table-header {
  border-color: var(--bg-table-header) !important;
}

.border-bg-table-header-light {
  border-color: var(--c-bg-table-header-light) !important;
}

.border-bg-table-header-dark {
  border-color: var(--c-bg-table-header-dark) !important;
}

.border-text-table-header {
  border-color: var(--text-table-header) !important;
}

.border-text-table-header-light {
  border-color: var(--c-text-table-header-light) !important;
}

.border-text-table-header-dark {
  border-color: var(--c-text-table-header-dark) !important;
}

.border-bg-table-alt {
  border-color: var(--bg-table-alt) !important;
}

.border-bg-table-alt-light {
  border-color: var(--c-bg-table-alt-light) !important;
}

.border-bg-table-alt-dark {
  border-color: var(--c-bg-table-alt-dark) !important;
}

.border-bg-table-hover {
  border-color: var(--bg-table-hover) !important;
}

.border-bg-table-hover-light {
  border-color: var(--c-bg-table-hover-light) !important;
}

.border-bg-table-hover-dark {
  border-color: var(--c-bg-table-hover-dark) !important;
}

.border-text-table-hover {
  border-color: var(--text-table-hover) !important;
}

.border-text-table-hover-light {
  border-color: var(--c-text-table-hover-light) !important;
}

.border-text-table-hover-dark {
  border-color: var(--c-text-table-hover-dark) !important;
}

.border-white {
  border-color: var(--c-white) !important;
}

.border-white-light {
  border-color: var(--c-white-light) !important;
}

.border-white-dark {
  border-color: var(--c-white-dark) !important;
}

.hover\:navy:hover {
  color: var(--c-navy) !important;
}

.hover\:navy-dark:hover {
  color: var(--c-navy-dark) !important;
}

.hover\:navy-darker:hover {
  color: var(--c-navy-darker) !important;
}

.hover\:blue:hover {
  color: var(--c-blue) !important;
}

.hover\:blue-dark:hover {
  color: var(--c-blue-dark) !important;
}

.hover\:blue-darker:hover {
  color: var(--c-blue-darker) !important;
}

.hover\:green:hover {
  color: var(--c-green) !important;
}

.hover\:green-dark:hover {
  color: var(--c-green-dark) !important;
}

.hover\:green-darker:hover {
  color: var(--c-green-darker) !important;
}

.hover\:red:hover {
  color: var(--c-red) !important;
}

.hover\:red-dark:hover {
  color: var(--c-red-dark) !important;
}

.hover\:red-darker:hover {
  color: var(--c-red-darker) !important;
}

.hover\:pink:hover {
  color: var(--c-pink) !important;
}

.hover\:pink-dark:hover {
  color: var(--c-pink-dark) !important;
}

.hover\:pink-darker:hover {
  color: var(--c-pink-darker) !important;
}

.hover\:purple:hover {
  color: var(--c-purple) !important;
}

.hover\:purple-dark:hover {
  color: var(--c-purple-dark) !important;
}

.hover\:purple-darker:hover {
  color: var(--c-purple-darker) !important;
}

.hover\:orange:hover {
  color: var(--c-orange) !important;
}

.hover\:orange-dark:hover {
  color: var(--c-orange-dark) !important;
}

.hover\:orange-darker:hover {
  color: var(--c-orange-darker) !important;
}

.hover\:yellow:hover {
  color: var(--c-yellow) !important;
}

.hover\:yellow-dark:hover {
  color: var(--c-yellow-dark) !important;
}

.hover\:yellow-darker:hover {
  color: var(--c-yellow-darker) !important;
}

.hover\:gray:hover {
  color: var(--c-gray) !important;
}

.hover\:gray-dark:hover {
  color: var(--c-gray-dark) !important;
}

.hover\:gray-darker:hover {
  color: var(--c-gray-darker) !important;
}

.hover\:white:hover {
  color: var(--c-white) !important;
}

.hover\:black:hover {
  color: var(--c-black) !important;
}

.hover\:charcoal:hover {
  color: var(--c-charcoal) !important;
}

.decoration-navy {
  text-decoration-color: var(--c-navy) !important;
}

.decoration-blue {
  text-decoration-color: var(--c-blue) !important;
}

.decoration-green {
  text-decoration-color: var(--c-green) !important;
}

.decoration-red {
  text-decoration-color: var(--c-red) !important;
}

.decoration-pink {
  text-decoration-color: var(--c-pink) !important;
}

.decoration-purple {
  text-decoration-color: var(--c-purple) !important;
}

.decoration-orange {
  text-decoration-color: var(--c-orange) !important;
}

.decoration-yellow {
  text-decoration-color: var(--c-yellow) !important;
}

.decoration-gray {
  text-decoration-color: var(--c-gray) !important;
}

.decoration-white {
  text-decoration-color: var(--c-white) !important;
}

.decoration-black {
  text-decoration-color: var(--c-black) !important;
}

.decoration-charcoal {
  text-decoration-color: var(--c-charcoal) !important;
}

.fill-navy {
  fill: var(--c-navy) !important;
}

.stroke-navy {
  stroke: var(--c-navy) !important;
}

.fill-blue {
  fill: var(--c-blue) !important;
}

.stroke-blue {
  stroke: var(--c-blue) !important;
}

.fill-green {
  fill: var(--c-green) !important;
}

.stroke-green {
  stroke: var(--c-green) !important;
}

.fill-red {
  fill: var(--c-red) !important;
}

.stroke-red {
  stroke: var(--c-red) !important;
}

.fill-pink {
  fill: var(--c-pink) !important;
}

.stroke-pink {
  stroke: var(--c-pink) !important;
}

.fill-purple {
  fill: var(--c-purple) !important;
}

.stroke-purple {
  stroke: var(--c-purple) !important;
}

.fill-orange {
  fill: var(--c-orange) !important;
}

.stroke-orange {
  stroke: var(--c-orange) !important;
}

.fill-yellow {
  fill: var(--c-yellow) !important;
}

.stroke-yellow {
  stroke: var(--c-yellow) !important;
}

.fill-gray {
  fill: var(--c-gray) !important;
}

.stroke-gray {
  stroke: var(--c-gray) !important;
}

.fill-white {
  fill: var(--c-white) !important;
}

.stroke-white {
  stroke: var(--c-white) !important;
}

.fill-black {
  fill: var(--c-black) !important;
}

.stroke-black {
  stroke: var(--c-black) !important;
}

.fill-charcoal {
  fill: var(--c-charcoal) !important;
}

.stroke-charcoal {
  stroke: var(--c-charcoal) !important;
}

:root {
  --container-max-width: 1155px;
  --container-max-width-reading: 900px;
  --menu-height: 90px;
}
@media screen and (max-width: 991px) {
  :root {
    --menu-height: 55px;
  }
}
:root {
  --footer-height: 31vh;
  --section-padding-tight: 60px;
  --z-nav: 100;
  --z-subnav: 99;
  --z-above-all: 1000;
  --btn-border-radius: var(--radius-btn);
  --header-lg: 3.5rem;
  --header-md: 2.75rem;
}

:root {
  --fs-1: 0.75rem;
  --fs-2: 0.875rem;
  --fs-3: 1rem;
  --fs-4: 1.125rem;
  --fs-5: 1.25rem;
  --fs-6: 1.5rem;
  --fs-7: 1.75rem;
  --fs-8: 2rem;
  --fs-9: 2.5rem;
  --fs-10: 3rem;
  --fs-11: 4rem;
  --fs-12: 5rem;
  --fs-13: 6rem;
  --fs-14: 7rem;
  --fs-15: 8rem;
  --lh-1: 1.4;
  --lh-2: 1.4;
  --lh-3: 1.5;
  --lh-4: 1.5;
  --lh-5: 1.4;
  --lh-6: 1.3;
  --lh-7: 1.3;
  --lh-8: 1.2;
  --lh-9: 1.2;
  --lh-10: 1.1;
  --lh-11: 1.1;
  --lh-12: 1.1;
  --lh-13: 1.1;
  --lh-14: 1.1;
  --lh-15: 1.1;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900;
}

.fs-1 {
  font-size: 0.75rem !important;
  line-height: 1.4 !important;
}

.fs-2 {
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
}

.fs-3 {
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

.fs-4 {
  font-size: 1.125rem !important;
  line-height: 1.5 !important;
}

.fs-5 {
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
}

.fs-6 {
  font-size: 1.5rem !important;
  line-height: 1.3 !important;
}

.fs-7 {
  font-size: 1.75rem !important;
  line-height: 1.3 !important;
}

.fs-8 {
  font-size: 2rem !important;
  line-height: 1.2 !important;
}

.fs-9 {
  font-size: 2.5rem !important;
  line-height: 1.2 !important;
}

.fs-10 {
  font-size: 3rem !important;
  line-height: 1.1 !important;
}

.fs-11 {
  font-size: 4rem !important;
  line-height: 1.1 !important;
}

.fs-12 {
  font-size: 5rem !important;
  line-height: 1.1 !important;
}

.fs-13 {
  font-size: 6rem !important;
  line-height: 1.1 !important;
}

.fs-14 {
  font-size: 7rem !important;
  line-height: 1.1 !important;
}

.fs-15 {
  font-size: 8rem !important;
  line-height: 1.1 !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 1.75 !important;
}

.lh-2 {
  line-height: 2 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.ls-tighter {
  letter-spacing: -0.03em !important;
}

.ls-tight {
  letter-spacing: -0.02em !important;
}

.ls-normal {
  letter-spacing: 0 !important;
}

.ls-wide {
  letter-spacing: 0.025em !important;
}

.ls-wider {
  letter-spacing: 0.05em !important;
}

.ls-widest {
  letter-spacing: 0.1em !important;
}

.fs-10, .fs-11, .fs-12, .fs-13, .fs-14, .fs-15 {
  letter-spacing: -0.02em;
}

h1, .h1 {
  letter-spacing: -0.02em;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-normal-case {
  text-transform: none !important;
}

.text-underline {
  text-decoration: underline !important;
}

.text-line-through {
  text-decoration: line-through !important;
}

.text-no-underline {
  text-decoration: none !important;
}

.text-italic {
  font-style: italic !important;
}

.text-not-italic {
  font-style: normal !important;
}

.link-underline, .link-underline-reverse {
  position: relative;
  text-decoration: none;
}
.link-underline::after, .link-underline-reverse::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: currentColor;
  transition: width 0.3s ease;
}
.link-underline:hover::after, .link-underline-reverse:hover::after {
  width: 100%;
}

.link-underline-reverse::after {
  left: auto;
  right: 0;
}

.fa-solid.fa-md {
  font-size: 20px;
}

.fa-solid.fa-md.green {
  color: var(--c-cta);
  margin-top: 4px;
}

.fa-solid.fa-md.pink {
  color: var(--c-pink);
}

.fa-solid.fa-sm {
  font-size: 20px;
}

.fa-solid.fa-sm.green {
  color: var(--c-cta);
}

@media screen and (max-width: 767px) {
  .text-left-mobile {
    text-align: left !important;
  }
}

@media screen and (max-width: 767px) {
  .text-center-mobile {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px) {
  .text-right-mobile {
    text-align: right !important;
  }
}

@media screen and (min-width: 992px) {
  .text-left-desktop {
    text-align: left !important;
  }
}

@media screen and (min-width: 992px) {
  .text-center-desktop {
    text-align: center !important;
  }
}

@media screen and (min-width: 992px) {
  .text-right-desktop {
    text-align: right !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-1 {
    font-size: 0.75rem !important;
    line-height: 1.4 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-2 {
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-3 {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-4 {
    font-size: 1.125rem !important;
    line-height: 1.5 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-5 {
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-6 {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-7 {
    font-size: 1.75rem !important;
    line-height: 1.3 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-8 {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-9 {
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-10 {
    font-size: 3rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-11 {
    font-size: 4rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-12 {
    font-size: 5rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-13 {
    font-size: 6rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-14 {
    font-size: 7rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-mobile-15 {
    font-size: 8rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-1 {
    font-size: 0.75rem !important;
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-2 {
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-3 {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-4 {
    font-size: 1.125rem !important;
    line-height: 1.5 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-5 {
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-6 {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-7 {
    font-size: 1.75rem !important;
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-8 {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-9 {
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-10 {
    font-size: 3rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-11 {
    font-size: 4rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-12 {
    font-size: 5rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-13 {
    font-size: 6rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-14 {
    font-size: 7rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-desktop-15 {
    font-size: 8rem !important;
    line-height: 1.1 !important;
  }
}

@media screen and (max-width: 767px) {
  .text-sm-mobile {
    font-size: 0.875rem !important;
  }
}

@media screen and (max-width: 767px) {
  .text-md-mobile {
    font-size: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .text-lg-mobile {
    font-size: 1.125rem !important;
  }
}

@media screen and (max-width: 767px) {
  .text-xl-mobile {
    font-size: 1.25rem !important;
  }
}

@media screen and (min-width: 992px) {
  .text-sm-desktop {
    font-size: 0.875rem !important;
  }
}

@media screen and (min-width: 992px) {
  .text-md-desktop {
    font-size: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .text-lg-desktop {
    font-size: 1.125rem !important;
  }
}

@media screen and (min-width: 992px) {
  .text-xl-desktop {
    font-size: 1.25rem !important;
  }
}

html {
  scrollbar-gutter: stable;
  background-color: var(--bg-body);
}

body {
  font-family: var(--font-body);
  font-weight: 300;
  color: var(--text-body);
  background-color: var(--bg-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  padding-left: 0;
}

h1 {
  margin-top: 0;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 4rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 2.75rem;
    line-height: 3.25rem;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

h2 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 3rem;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 16px;
  }
}

h3 {
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.875rem;
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 12px;
  }
}

h4 {
  color: var(--text-heading);
  text-shadow: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}

h5 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.125rem;
}

p {
  margin-top: 5px;
  margin-bottom: 5px;
}

a {
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-size: 1.125rem;
}

li {
  font-size: 1rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

@media screen and (width <= 767px) {
  h3 {
    margin-bottom: 8px;
  }
  li {
    text-align: left;
  }
}
.d-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.d-hflex,
.d-flex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

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

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

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

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

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

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

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

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

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-basis-auto {
  flex-basis: auto !important;
}

.flex-basis-0 {
  flex-basis: 0 !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-auto {
  flex: 1 1 auto !important;
}

.flex-none {
  flex: none !important;
}

.align-self-auto {
  align-self: auto !important;
}

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

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

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

.align-self-baseline {
  align-self: baseline !important;
}

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

.gap-0 {
  gap: var(--space-0) !important;
}

.gap-1 {
  gap: var(--space-1) !important;
}

.gap-2 {
  gap: var(--space-2) !important;
}

.gap-3 {
  gap: var(--space-3) !important;
}

.gap-4 {
  gap: var(--space-4) !important;
}

.gap-5 {
  gap: var(--space-5) !important;
}

.gap-6 {
  gap: var(--space-6) !important;
}

.gap-7 {
  gap: var(--space-7) !important;
}

.gap-8 {
  gap: var(--space-8) !important;
}

.gap-9 {
  gap: var(--space-9) !important;
}

.gap-10 {
  gap: var(--space-10) !important;
}

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

.gap-sm {
  gap: var(--space-sm) !important;
}

.gap-md {
  gap: var(--space-md) !important;
}

.gap-lg {
  gap: var(--space-lg) !important;
}

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

.column-gap-0 {
  column-gap: var(--space-0) !important;
}

.column-gap-1 {
  column-gap: var(--space-1) !important;
}

.column-gap-2 {
  column-gap: var(--space-2) !important;
}

.column-gap-3 {
  column-gap: var(--space-3) !important;
}

.column-gap-4 {
  column-gap: var(--space-4) !important;
}

.column-gap-5 {
  column-gap: var(--space-5) !important;
}

.column-gap-6 {
  column-gap: var(--space-6) !important;
}

.column-gap-7 {
  column-gap: var(--space-7) !important;
}

.column-gap-8 {
  column-gap: var(--space-8) !important;
}

.column-gap-9 {
  column-gap: var(--space-9) !important;
}

.column-gap-10 {
  column-gap: var(--space-10) !important;
}

.column-gap-xs {
  column-gap: var(--space-xs) !important;
}

.column-gap-sm {
  column-gap: var(--space-sm) !important;
}

.column-gap-md {
  column-gap: var(--space-md) !important;
}

.column-gap-lg {
  column-gap: var(--space-lg) !important;
}

.column-gap-xl {
  column-gap: var(--space-xl) !important;
}

.row-gap-0 {
  row-gap: var(--space-0) !important;
}

.row-gap-1 {
  row-gap: var(--space-1) !important;
}

.row-gap-2 {
  row-gap: var(--space-2) !important;
}

.row-gap-3 {
  row-gap: var(--space-3) !important;
}

.row-gap-4 {
  row-gap: var(--space-4) !important;
}

.row-gap-5 {
  row-gap: var(--space-5) !important;
}

.row-gap-6 {
  row-gap: var(--space-6) !important;
}

.row-gap-7 {
  row-gap: var(--space-7) !important;
}

.row-gap-8 {
  row-gap: var(--space-8) !important;
}

.row-gap-9 {
  row-gap: var(--space-9) !important;
}

.row-gap-10 {
  row-gap: var(--space-10) !important;
}

.row-gap-xs {
  row-gap: var(--space-xs) !important;
}

.row-gap-sm {
  row-gap: var(--space-sm) !important;
}

.row-gap-md {
  row-gap: var(--space-md) !important;
}

.row-gap-lg {
  row-gap: var(--space-lg) !important;
}

.row-gap-xl {
  row-gap: var(--space-xl) !important;
}

:root {
  --space-xs: var(--space-3);
  --space-sm: var(--space-4);
  --space-md: var(--space-6);
  --space-lg: var(--space-8);
  --space-xl: var(--space-10);
}

.p-0 {
  padding: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

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

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

.ps-0 {
  padding-left: 0 !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.p-6 {
  padding: 4rem !important;
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.px-6 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.pt-6 {
  padding-top: 4rem !important;
}

.pb-6 {
  padding-bottom: 4rem !important;
}

.ps-6 {
  padding-left: 4rem !important;
}

.pe-6 {
  padding-right: 4rem !important;
}

.p-7 {
  padding: 5rem !important;
}

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.px-7 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.pt-7 {
  padding-top: 5rem !important;
}

.pb-7 {
  padding-bottom: 5rem !important;
}

.ps-7 {
  padding-left: 5rem !important;
}

.pe-7 {
  padding-right: 5rem !important;
}

.p-8 {
  padding: 6rem !important;
}

.py-8 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.px-8 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.pt-8 {
  padding-top: 6rem !important;
}

.pb-8 {
  padding-bottom: 6rem !important;
}

.ps-8 {
  padding-left: 6rem !important;
}

.pe-8 {
  padding-right: 6rem !important;
}

.p-9 {
  padding: 8rem !important;
}

.py-9 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.px-9 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.pt-9 {
  padding-top: 8rem !important;
}

.pb-9 {
  padding-bottom: 8rem !important;
}

.ps-9 {
  padding-left: 8rem !important;
}

.pe-9 {
  padding-right: 8rem !important;
}

.p-10 {
  padding: 10rem !important;
}

.py-10 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.px-10 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.pt-10 {
  padding-top: 10rem !important;
}

.pb-10 {
  padding-bottom: 10rem !important;
}

.ps-10 {
  padding-left: 10rem !important;
}

.pe-10 {
  padding-right: 10rem !important;
}

.m-0 {
  margin: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.me-0 {
  margin-right: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.m-6 {
  margin: 4rem !important;
}

.my-6 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.mx-6 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.mt-6 {
  margin-top: 4rem !important;
}

.mb-6 {
  margin-bottom: 4rem !important;
}

.ms-6 {
  margin-left: 4rem !important;
}

.me-6 {
  margin-right: 4rem !important;
}

.m-7 {
  margin: 5rem !important;
}

.my-7 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.mx-7 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.mt-7 {
  margin-top: 5rem !important;
}

.mb-7 {
  margin-bottom: 5rem !important;
}

.ms-7 {
  margin-left: 5rem !important;
}

.me-7 {
  margin-right: 5rem !important;
}

.m-8 {
  margin: 6rem !important;
}

.my-8 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.mx-8 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.mt-8 {
  margin-top: 6rem !important;
}

.mb-8 {
  margin-bottom: 6rem !important;
}

.ms-8 {
  margin-left: 6rem !important;
}

.me-8 {
  margin-right: 6rem !important;
}

.m-9 {
  margin: 8rem !important;
}

.my-9 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.mx-9 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.mt-9 {
  margin-top: 8rem !important;
}

.mb-9 {
  margin-bottom: 8rem !important;
}

.ms-9 {
  margin-left: 8rem !important;
}

.me-9 {
  margin-right: 8rem !important;
}

.m-10 {
  margin: 10rem !important;
}

.my-10 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.mx-10 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.mt-10 {
  margin-top: 10rem !important;
}

.mb-10 {
  margin-bottom: 10rem !important;
}

.ms-10 {
  margin-left: 10rem !important;
}

.me-10 {
  margin-right: 10rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

.mb-auto {
  margin-bottom: auto !important;
}

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

.mr-auto {
  margin-right: auto !important;
}

.p-xs {
  padding: var(--space-xs) !important;
}

.py-xs {
  padding-top: var(--space-xs) !important;
  padding-bottom: var(--space-xs) !important;
}

.px-xs {
  padding-left: var(--space-xs) !important;
  padding-right: var(--space-xs) !important;
}

.pt-xs {
  padding-top: var(--space-xs) !important;
}

.pb-xs {
  padding-bottom: var(--space-xs) !important;
}

.ps-xs {
  padding-left: var(--space-xs) !important;
}

.pe-xs {
  padding-right: var(--space-xs) !important;
}

.p-sm {
  padding: var(--space-sm) !important;
}

.py-sm {
  padding-top: var(--space-sm) !important;
  padding-bottom: var(--space-sm) !important;
}

.px-sm {
  padding-left: var(--space-sm) !important;
  padding-right: var(--space-sm) !important;
}

.pt-sm {
  padding-top: var(--space-sm) !important;
}

.pb-sm {
  padding-bottom: var(--space-sm) !important;
}

.ps-sm {
  padding-left: var(--space-sm) !important;
}

.pe-sm {
  padding-right: var(--space-sm) !important;
}

.p-md {
  padding: var(--space-md) !important;
}

.py-md {
  padding-top: var(--space-md) !important;
  padding-bottom: var(--space-md) !important;
}

.px-md {
  padding-left: var(--space-md) !important;
  padding-right: var(--space-md) !important;
}

.pt-md {
  padding-top: var(--space-md) !important;
}

.pb-md {
  padding-bottom: var(--space-md) !important;
}

.ps-md {
  padding-left: var(--space-md) !important;
}

.pe-md {
  padding-right: var(--space-md) !important;
}

.p-lg {
  padding: var(--space-lg) !important;
}

.py-lg {
  padding-top: var(--space-lg) !important;
  padding-bottom: var(--space-lg) !important;
}

.px-lg {
  padding-left: var(--space-lg) !important;
  padding-right: var(--space-lg) !important;
}

.pt-lg {
  padding-top: var(--space-lg) !important;
}

.pb-lg {
  padding-bottom: var(--space-lg) !important;
}

.ps-lg {
  padding-left: var(--space-lg) !important;
}

.pe-lg {
  padding-right: var(--space-lg) !important;
}

.p-xl {
  padding: var(--space-xl) !important;
}

.py-xl {
  padding-top: var(--space-xl) !important;
  padding-bottom: var(--space-xl) !important;
}

.px-xl {
  padding-left: var(--space-xl) !important;
  padding-right: var(--space-xl) !important;
}

.pt-xl {
  padding-top: var(--space-xl) !important;
}

.pb-xl {
  padding-bottom: var(--space-xl) !important;
}

.ps-xl {
  padding-left: var(--space-xl) !important;
}

.pe-xl {
  padding-right: var(--space-xl) !important;
}

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

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

.pt-1 {
  padding-top: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pt-6 {
  padding-top: 4rem !important;
}

.pb-6 {
  padding-bottom: 4rem !important;
}

.pt-7 {
  padding-top: 5rem !important;
}

.pb-7 {
  padding-bottom: 5rem !important;
}

.pt-8 {
  padding-top: 6rem !important;
}

.pb-8 {
  padding-bottom: 6rem !important;
}

.pt-9 {
  padding-top: 8rem !important;
}

.pb-9 {
  padding-bottom: 8rem !important;
}

.pt-10 {
  padding-top: 10rem !important;
}

.pb-10 {
  padding-bottom: 10rem !important;
}

.m-xs {
  margin: var(--space-xs) !important;
}

.my-xs {
  margin-top: var(--space-xs) !important;
  margin-bottom: var(--space-xs) !important;
}

.mx-xs {
  margin-left: var(--space-xs) !important;
  margin-right: var(--space-xs) !important;
}

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

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

.ms-xs {
  margin-left: var(--space-xs) !important;
}

.me-xs {
  margin-right: var(--space-xs) !important;
}

.m-sm {
  margin: var(--space-sm) !important;
}

.my-sm {
  margin-top: var(--space-sm) !important;
  margin-bottom: var(--space-sm) !important;
}

.mx-sm {
  margin-left: var(--space-sm) !important;
  margin-right: var(--space-sm) !important;
}

.mt-sm {
  margin-top: var(--space-sm) !important;
}

.mb-sm {
  margin-bottom: var(--space-sm) !important;
}

.ms-sm {
  margin-left: var(--space-sm) !important;
}

.me-sm {
  margin-right: var(--space-sm) !important;
}

.m-md {
  margin: var(--space-md) !important;
}

.my-md {
  margin-top: var(--space-md) !important;
  margin-bottom: var(--space-md) !important;
}

.mx-md {
  margin-left: var(--space-md) !important;
  margin-right: var(--space-md) !important;
}

.mt-md {
  margin-top: var(--space-md) !important;
}

.mb-md {
  margin-bottom: var(--space-md) !important;
}

.ms-md {
  margin-left: var(--space-md) !important;
}

.me-md {
  margin-right: var(--space-md) !important;
}

.m-lg {
  margin: var(--space-lg) !important;
}

.my-lg {
  margin-top: var(--space-lg) !important;
  margin-bottom: var(--space-lg) !important;
}

.mx-lg {
  margin-left: var(--space-lg) !important;
  margin-right: var(--space-lg) !important;
}

.mt-lg {
  margin-top: var(--space-lg) !important;
}

.mb-lg {
  margin-bottom: var(--space-lg) !important;
}

.ms-lg {
  margin-left: var(--space-lg) !important;
}

.me-lg {
  margin-right: var(--space-lg) !important;
}

.m-xl {
  margin: var(--space-xl) !important;
}

.my-xl {
  margin-top: var(--space-xl) !important;
  margin-bottom: var(--space-xl) !important;
}

.mx-xl {
  margin-left: var(--space-xl) !important;
  margin-right: var(--space-xl) !important;
}

.mt-xl {
  margin-top: var(--space-xl) !important;
}

.mb-xl {
  margin-bottom: var(--space-xl) !important;
}

.ms-xl {
  margin-left: var(--space-xl) !important;
}

.me-xl {
  margin-right: var(--space-xl) !important;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: var(--text-body);
  background-color: var(--bg-tint);
  border: 1px solid var(--border-input);
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: var(--text-body);
  background-color: var(--bg-tint);
  border: 1px solid var(--border-input);
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

@media screen and (width <= 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}
@media screen and (width <= 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}
.bg-navy {
  background-color: var(--c-navy) !important;
}

.bg-navy-100 {
  background-color: var(--c-navy-100) !important;
}

.bg-navy-200 {
  background-color: var(--c-navy-200) !important;
}

.bg-navy-300 {
  background-color: var(--c-navy-300) !important;
}

.bg-navy-400 {
  background-color: var(--c-navy-400) !important;
}

.bg-navy-500 {
  background-color: var(--c-navy-500) !important;
}

.bg-navy-600 {
  background-color: var(--c-navy-600) !important;
}

.bg-navy-700 {
  background-color: var(--c-navy-700) !important;
}

.bg-navy-800 {
  background-color: var(--c-navy-800) !important;
}

.bg-navy-900 {
  background-color: var(--c-navy-900) !important;
}

.bg-navy-light {
  background-color: var(--c-navy-light) !important;
}

.bg-navy-lighter {
  background-color: var(--c-navy-lighter) !important;
}

.bg-navy-dark {
  background-color: var(--c-navy-dark) !important;
}

.bg-navy-darker {
  background-color: var(--c-navy-darker) !important;
}

.bg-blue {
  background-color: var(--c-blue) !important;
}

.bg-blue-100 {
  background-color: var(--c-blue-100) !important;
}

.bg-blue-200 {
  background-color: var(--c-blue-200) !important;
}

.bg-blue-300 {
  background-color: var(--c-blue-300) !important;
}

.bg-blue-400 {
  background-color: var(--c-blue-400) !important;
}

.bg-blue-500 {
  background-color: var(--c-blue-500) !important;
}

.bg-blue-600 {
  background-color: var(--c-blue-600) !important;
}

.bg-blue-700 {
  background-color: var(--c-blue-700) !important;
}

.bg-blue-800 {
  background-color: var(--c-blue-800) !important;
}

.bg-blue-900 {
  background-color: var(--c-blue-900) !important;
}

.bg-blue-light {
  background-color: var(--c-blue-light) !important;
}

.bg-blue-lighter {
  background-color: var(--c-blue-lighter) !important;
}

.bg-blue-dark {
  background-color: var(--c-blue-dark) !important;
}

.bg-blue-darker {
  background-color: var(--c-blue-darker) !important;
}

.bg-green {
  background-color: var(--c-green) !important;
}

.bg-green-100 {
  background-color: var(--c-green-100) !important;
}

.bg-green-200 {
  background-color: var(--c-green-200) !important;
}

.bg-green-300 {
  background-color: var(--c-green-300) !important;
}

.bg-green-400 {
  background-color: var(--c-green-400) !important;
}

.bg-green-500 {
  background-color: var(--c-green-500) !important;
}

.bg-green-600 {
  background-color: var(--c-green-600) !important;
}

.bg-green-700 {
  background-color: var(--c-green-700) !important;
}

.bg-green-800 {
  background-color: var(--c-green-800) !important;
}

.bg-green-900 {
  background-color: var(--c-green-900) !important;
}

.bg-green-light {
  background-color: var(--c-green-light) !important;
}

.bg-green-lighter {
  background-color: var(--c-green-lighter) !important;
}

.bg-green-dark {
  background-color: var(--c-green-dark) !important;
}

.bg-green-darker {
  background-color: var(--c-green-darker) !important;
}

.bg-red {
  background-color: var(--c-red) !important;
}

.bg-red-100 {
  background-color: var(--c-red-100) !important;
}

.bg-red-200 {
  background-color: var(--c-red-200) !important;
}

.bg-red-300 {
  background-color: var(--c-red-300) !important;
}

.bg-red-400 {
  background-color: var(--c-red-400) !important;
}

.bg-red-500 {
  background-color: var(--c-red-500) !important;
}

.bg-red-600 {
  background-color: var(--c-red-600) !important;
}

.bg-red-700 {
  background-color: var(--c-red-700) !important;
}

.bg-red-800 {
  background-color: var(--c-red-800) !important;
}

.bg-red-900 {
  background-color: var(--c-red-900) !important;
}

.bg-red-light {
  background-color: var(--c-red-light) !important;
}

.bg-red-lighter {
  background-color: var(--c-red-lighter) !important;
}

.bg-red-dark {
  background-color: var(--c-red-dark) !important;
}

.bg-red-darker {
  background-color: var(--c-red-darker) !important;
}

.bg-pink {
  background-color: var(--c-pink) !important;
}

.bg-pink-100 {
  background-color: var(--c-pink-100) !important;
}

.bg-pink-200 {
  background-color: var(--c-pink-200) !important;
}

.bg-pink-300 {
  background-color: var(--c-pink-300) !important;
}

.bg-pink-400 {
  background-color: var(--c-pink-400) !important;
}

.bg-pink-500 {
  background-color: var(--c-pink-500) !important;
}

.bg-pink-600 {
  background-color: var(--c-pink-600) !important;
}

.bg-pink-700 {
  background-color: var(--c-pink-700) !important;
}

.bg-pink-800 {
  background-color: var(--c-pink-800) !important;
}

.bg-pink-900 {
  background-color: var(--c-pink-900) !important;
}

.bg-pink-light {
  background-color: var(--c-pink-light) !important;
}

.bg-pink-lighter {
  background-color: var(--c-pink-lighter) !important;
}

.bg-pink-dark {
  background-color: var(--c-pink-dark) !important;
}

.bg-pink-darker {
  background-color: var(--c-pink-darker) !important;
}

.bg-purple {
  background-color: var(--c-purple) !important;
}

.bg-purple-100 {
  background-color: var(--c-purple-100) !important;
}

.bg-purple-200 {
  background-color: var(--c-purple-200) !important;
}

.bg-purple-300 {
  background-color: var(--c-purple-300) !important;
}

.bg-purple-400 {
  background-color: var(--c-purple-400) !important;
}

.bg-purple-500 {
  background-color: var(--c-purple-500) !important;
}

.bg-purple-600 {
  background-color: var(--c-purple-600) !important;
}

.bg-purple-700 {
  background-color: var(--c-purple-700) !important;
}

.bg-purple-800 {
  background-color: var(--c-purple-800) !important;
}

.bg-purple-900 {
  background-color: var(--c-purple-900) !important;
}

.bg-purple-light {
  background-color: var(--c-purple-light) !important;
}

.bg-purple-lighter {
  background-color: var(--c-purple-lighter) !important;
}

.bg-purple-dark {
  background-color: var(--c-purple-dark) !important;
}

.bg-purple-darker {
  background-color: var(--c-purple-darker) !important;
}

.bg-orange {
  background-color: var(--c-orange) !important;
}

.bg-orange-100 {
  background-color: var(--c-orange-100) !important;
}

.bg-orange-200 {
  background-color: var(--c-orange-200) !important;
}

.bg-orange-300 {
  background-color: var(--c-orange-300) !important;
}

.bg-orange-400 {
  background-color: var(--c-orange-400) !important;
}

.bg-orange-500 {
  background-color: var(--c-orange-500) !important;
}

.bg-orange-600 {
  background-color: var(--c-orange-600) !important;
}

.bg-orange-700 {
  background-color: var(--c-orange-700) !important;
}

.bg-orange-800 {
  background-color: var(--c-orange-800) !important;
}

.bg-orange-900 {
  background-color: var(--c-orange-900) !important;
}

.bg-orange-light {
  background-color: var(--c-orange-light) !important;
}

.bg-orange-lighter {
  background-color: var(--c-orange-lighter) !important;
}

.bg-orange-dark {
  background-color: var(--c-orange-dark) !important;
}

.bg-orange-darker {
  background-color: var(--c-orange-darker) !important;
}

.bg-yellow {
  background-color: var(--c-yellow) !important;
}

.bg-yellow-100 {
  background-color: var(--c-yellow-100) !important;
}

.bg-yellow-200 {
  background-color: var(--c-yellow-200) !important;
}

.bg-yellow-300 {
  background-color: var(--c-yellow-300) !important;
}

.bg-yellow-400 {
  background-color: var(--c-yellow-400) !important;
}

.bg-yellow-500 {
  background-color: var(--c-yellow-500) !important;
}

.bg-yellow-600 {
  background-color: var(--c-yellow-600) !important;
}

.bg-yellow-700 {
  background-color: var(--c-yellow-700) !important;
}

.bg-yellow-800 {
  background-color: var(--c-yellow-800) !important;
}

.bg-yellow-900 {
  background-color: var(--c-yellow-900) !important;
}

.bg-yellow-light {
  background-color: var(--c-yellow-light) !important;
}

.bg-yellow-lighter {
  background-color: var(--c-yellow-lighter) !important;
}

.bg-yellow-dark {
  background-color: var(--c-yellow-dark) !important;
}

.bg-yellow-darker {
  background-color: var(--c-yellow-darker) !important;
}

.bg-gray {
  background-color: var(--c-gray) !important;
}

.bg-gray-100 {
  background-color: var(--c-gray-100) !important;
}

.bg-gray-200 {
  background-color: var(--c-gray-200) !important;
}

.bg-gray-300 {
  background-color: var(--c-gray-300) !important;
}

.bg-gray-400 {
  background-color: var(--c-gray-400) !important;
}

.bg-gray-500 {
  background-color: var(--c-gray-500) !important;
}

.bg-gray-600 {
  background-color: var(--c-gray-600) !important;
}

.bg-gray-700 {
  background-color: var(--c-gray-700) !important;
}

.bg-gray-800 {
  background-color: var(--c-gray-800) !important;
}

.bg-gray-900 {
  background-color: var(--c-gray-900) !important;
}

.bg-gray-light {
  background-color: var(--c-gray-light) !important;
}

.bg-gray-lighter {
  background-color: var(--c-gray-lighter) !important;
}

.bg-gray-dark {
  background-color: var(--c-gray-dark) !important;
}

.bg-gray-darker {
  background-color: var(--c-gray-darker) !important;
}

.bg-white {
  background-color: var(--c-white) !important;
}

.bg-black {
  background-color: var(--c-black) !important;
}

.bg-charcoal {
  background-color: var(--c-charcoal) !important;
}

.bg-primary {
  background-color: var(--c-primary) !important;
}

.bg-primary-light {
  background-color: var(--c-primary-light) !important;
}

.bg-primary-lighter {
  background-color: var(--c-primary-lighter) !important;
}

.bg-primary-way-lighter {
  background-color: var(--c-primary-way-lighter) !important;
}

.bg-primary-dark {
  background-color: var(--c-primary-dark) !important;
}

.bg-primary-darker {
  background-color: var(--c-primary-darker) !important;
}

.bg-primary-way-darker {
  background-color: var(--c-primary-way-darker) !important;
}

.bg-secondary {
  background-color: var(--c-secondary) !important;
}

.bg-secondary-light {
  background-color: var(--c-secondary-light) !important;
}

.bg-secondary-lighter {
  background-color: var(--c-secondary-lighter) !important;
}

.bg-secondary-way-lighter {
  background-color: var(--c-secondary-way-lighter) !important;
}

.bg-secondary-dark {
  background-color: var(--c-secondary-dark) !important;
}

.bg-secondary-darker {
  background-color: var(--c-secondary-darker) !important;
}

.bg-secondary-way-darker {
  background-color: var(--c-secondary-way-darker) !important;
}

.bg-tertiary {
  background-color: var(--c-tertiary) !important;
}

.bg-tertiary-light {
  background-color: var(--c-tertiary-light) !important;
}

.bg-tertiary-lighter {
  background-color: var(--c-tertiary-lighter) !important;
}

.bg-tertiary-way-lighter {
  background-color: var(--c-tertiary-way-lighter) !important;
}

.bg-tertiary-dark {
  background-color: var(--c-tertiary-dark) !important;
}

.bg-tertiary-darker {
  background-color: var(--c-tertiary-darker) !important;
}

.bg-tertiary-way-darker {
  background-color: var(--c-tertiary-way-darker) !important;
}

.bg-cta {
  background-color: var(--c-cta) !important;
}

.bg-cta-light {
  background-color: var(--c-cta-light) !important;
}

.bg-cta-lighter {
  background-color: var(--c-cta-lighter) !important;
}

.bg-cta-way-lighter {
  background-color: var(--c-cta-way-lighter) !important;
}

.bg-cta-dark {
  background-color: var(--c-cta-dark) !important;
}

.bg-cta-darker {
  background-color: var(--c-cta-darker) !important;
}

.bg-cta-way-darker {
  background-color: var(--c-cta-way-darker) !important;
}

.bg-success {
  background-color: var(--c-success) !important;
}

.bg-success-light {
  background-color: var(--c-success-light) !important;
}

.bg-success-lighter {
  background-color: var(--c-success-lighter) !important;
}

.bg-success-way-lighter {
  background-color: var(--c-success-way-lighter) !important;
}

.bg-success-dark {
  background-color: var(--c-success-dark) !important;
}

.bg-success-darker {
  background-color: var(--c-success-darker) !important;
}

.bg-success-way-darker {
  background-color: var(--c-success-way-darker) !important;
}

.bg-danger {
  background-color: var(--c-danger) !important;
}

.bg-danger-light {
  background-color: var(--c-danger-light) !important;
}

.bg-danger-lighter {
  background-color: var(--c-danger-lighter) !important;
}

.bg-danger-way-lighter {
  background-color: var(--c-danger-way-lighter) !important;
}

.bg-danger-dark {
  background-color: var(--c-danger-dark) !important;
}

.bg-danger-darker {
  background-color: var(--c-danger-darker) !important;
}

.bg-danger-way-darker {
  background-color: var(--c-danger-way-darker) !important;
}

.bg-warning {
  background-color: var(--c-warning) !important;
}

.bg-warning-light {
  background-color: var(--c-warning-light) !important;
}

.bg-warning-lighter {
  background-color: var(--c-warning-lighter) !important;
}

.bg-warning-way-lighter {
  background-color: var(--c-warning-way-lighter) !important;
}

.bg-warning-dark {
  background-color: var(--c-warning-dark) !important;
}

.bg-warning-darker {
  background-color: var(--c-warning-darker) !important;
}

.bg-warning-way-darker {
  background-color: var(--c-warning-way-darker) !important;
}

.bg-info {
  background-color: var(--c-info) !important;
}

.bg-info-light {
  background-color: var(--c-info-light) !important;
}

.bg-info-lighter {
  background-color: var(--c-info-lighter) !important;
}

.bg-info-way-lighter {
  background-color: var(--c-info-way-lighter) !important;
}

.bg-info-dark {
  background-color: var(--c-info-dark) !important;
}

.bg-info-darker {
  background-color: var(--c-info-darker) !important;
}

.bg-info-way-darker {
  background-color: var(--c-info-way-darker) !important;
}

.bg-bg-body {
  background-color: var(--bg-body) !important;
}

.bg-bg-body-light {
  background-color: var(--c-bg-body-light) !important;
}

.bg-bg-body-lighter {
  background-color: var(--c-bg-body-lighter) !important;
}

.bg-bg-body-way-lighter {
  background-color: var(--c-bg-body-way-lighter) !important;
}

.bg-bg-body-dark {
  background-color: var(--c-bg-body-dark) !important;
}

.bg-bg-body-darker {
  background-color: var(--c-bg-body-darker) !important;
}

.bg-bg-body-way-darker {
  background-color: var(--c-bg-body-way-darker) !important;
}

.bg-bg-alt {
  background-color: var(--bg-alt) !important;
}

.bg-bg-alt-light {
  background-color: var(--c-bg-alt-light) !important;
}

.bg-bg-alt-lighter {
  background-color: var(--c-bg-alt-lighter) !important;
}

.bg-bg-alt-way-lighter {
  background-color: var(--c-bg-alt-way-lighter) !important;
}

.bg-bg-alt-dark {
  background-color: var(--c-bg-alt-dark) !important;
}

.bg-bg-alt-darker {
  background-color: var(--c-bg-alt-darker) !important;
}

.bg-bg-alt-way-darker {
  background-color: var(--c-bg-alt-way-darker) !important;
}

.bg-bg-tint {
  background-color: var(--bg-tint) !important;
}

.bg-bg-tint-light {
  background-color: var(--c-bg-tint-light) !important;
}

.bg-bg-tint-lighter {
  background-color: var(--c-bg-tint-lighter) !important;
}

.bg-bg-tint-way-lighter {
  background-color: var(--c-bg-tint-way-lighter) !important;
}

.bg-bg-tint-dark {
  background-color: var(--c-bg-tint-dark) !important;
}

.bg-bg-tint-darker {
  background-color: var(--c-bg-tint-darker) !important;
}

.bg-bg-tint-way-darker {
  background-color: var(--c-bg-tint-way-darker) !important;
}

.bg-bg-accent {
  background-color: var(--bg-accent) !important;
}

.bg-bg-accent-light {
  background-color: var(--c-bg-accent-light) !important;
}

.bg-bg-accent-lighter {
  background-color: var(--c-bg-accent-lighter) !important;
}

.bg-bg-accent-way-lighter {
  background-color: var(--c-bg-accent-way-lighter) !important;
}

.bg-bg-accent-dark {
  background-color: var(--c-bg-accent-dark) !important;
}

.bg-bg-accent-darker {
  background-color: var(--c-bg-accent-darker) !important;
}

.bg-bg-accent-way-darker {
  background-color: var(--c-bg-accent-way-darker) !important;
}

.bg-bg-dark {
  background-color: var(--bg-dark) !important;
}

.bg-bg-dark-light {
  background-color: var(--c-bg-dark-light) !important;
}

.bg-bg-dark-lighter {
  background-color: var(--c-bg-dark-lighter) !important;
}

.bg-bg-dark-way-lighter {
  background-color: var(--c-bg-dark-way-lighter) !important;
}

.bg-bg-dark-dark {
  background-color: var(--c-bg-dark-dark) !important;
}

.bg-bg-dark-darker {
  background-color: var(--c-bg-dark-darker) !important;
}

.bg-bg-dark-way-darker {
  background-color: var(--c-bg-dark-way-darker) !important;
}

.bg-bg-dark-alt {
  background-color: var(--bg-dark-alt) !important;
}

.bg-bg-dark-alt-light {
  background-color: var(--c-bg-dark-alt-light) !important;
}

.bg-bg-dark-alt-lighter {
  background-color: var(--c-bg-dark-alt-lighter) !important;
}

.bg-bg-dark-alt-way-lighter {
  background-color: var(--c-bg-dark-alt-way-lighter) !important;
}

.bg-bg-dark-alt-dark {
  background-color: var(--c-bg-dark-alt-dark) !important;
}

.bg-bg-dark-alt-darker {
  background-color: var(--c-bg-dark-alt-darker) !important;
}

.bg-bg-dark-alt-way-darker {
  background-color: var(--c-bg-dark-alt-way-darker) !important;
}

.bg-bg-dark-neutral {
  background-color: var(--bg-dark-neutral) !important;
}

.bg-bg-dark-neutral-light {
  background-color: var(--c-bg-dark-neutral-light) !important;
}

.bg-bg-dark-neutral-lighter {
  background-color: var(--c-bg-dark-neutral-lighter) !important;
}

.bg-bg-dark-neutral-way-lighter {
  background-color: var(--c-bg-dark-neutral-way-lighter) !important;
}

.bg-bg-dark-neutral-dark {
  background-color: var(--c-bg-dark-neutral-dark) !important;
}

.bg-bg-dark-neutral-darker {
  background-color: var(--c-bg-dark-neutral-darker) !important;
}

.bg-bg-dark-neutral-way-darker {
  background-color: var(--c-bg-dark-neutral-way-darker) !important;
}

.bg-bg-footer {
  background-color: var(--bg-footer) !important;
}

.bg-bg-footer-light {
  background-color: var(--c-bg-footer-light) !important;
}

.bg-bg-footer-lighter {
  background-color: var(--c-bg-footer-lighter) !important;
}

.bg-bg-footer-way-lighter {
  background-color: var(--c-bg-footer-way-lighter) !important;
}

.bg-bg-footer-dark {
  background-color: var(--c-bg-footer-dark) !important;
}

.bg-bg-footer-darker {
  background-color: var(--c-bg-footer-darker) !important;
}

.bg-bg-footer-way-darker {
  background-color: var(--c-bg-footer-way-darker) !important;
}

.bg-text-body {
  background-color: var(--text-body) !important;
}

.bg-text-body-light {
  background-color: var(--c-text-body-light) !important;
}

.bg-text-body-lighter {
  background-color: var(--c-text-body-lighter) !important;
}

.bg-text-body-way-lighter {
  background-color: var(--c-text-body-way-lighter) !important;
}

.bg-text-body-dark {
  background-color: var(--c-text-body-dark) !important;
}

.bg-text-body-darker {
  background-color: var(--c-text-body-darker) !important;
}

.bg-text-body-way-darker {
  background-color: var(--c-text-body-way-darker) !important;
}

.bg-text-heading {
  background-color: var(--text-heading) !important;
}

.bg-text-heading-light {
  background-color: var(--c-text-heading-light) !important;
}

.bg-text-heading-lighter {
  background-color: var(--c-text-heading-lighter) !important;
}

.bg-text-heading-way-lighter {
  background-color: var(--c-text-heading-way-lighter) !important;
}

.bg-text-heading-dark {
  background-color: var(--c-text-heading-dark) !important;
}

.bg-text-heading-darker {
  background-color: var(--c-text-heading-darker) !important;
}

.bg-text-heading-way-darker {
  background-color: var(--c-text-heading-way-darker) !important;
}

.bg-text-link {
  background-color: var(--text-link) !important;
}

.bg-text-link-light {
  background-color: var(--c-text-link-light) !important;
}

.bg-text-link-lighter {
  background-color: var(--c-text-link-lighter) !important;
}

.bg-text-link-way-lighter {
  background-color: var(--c-text-link-way-lighter) !important;
}

.bg-text-link-dark {
  background-color: var(--c-text-link-dark) !important;
}

.bg-text-link-darker {
  background-color: var(--c-text-link-darker) !important;
}

.bg-text-link-way-darker {
  background-color: var(--c-text-link-way-darker) !important;
}

.bg-text-muted {
  background-color: var(--text-muted) !important;
}

.bg-text-muted-light {
  background-color: var(--c-text-muted-light) !important;
}

.bg-text-muted-lighter {
  background-color: var(--c-text-muted-lighter) !important;
}

.bg-text-muted-way-lighter {
  background-color: var(--c-text-muted-way-lighter) !important;
}

.bg-text-muted-dark {
  background-color: var(--c-text-muted-dark) !important;
}

.bg-text-muted-darker {
  background-color: var(--c-text-muted-darker) !important;
}

.bg-text-muted-way-darker {
  background-color: var(--c-text-muted-way-darker) !important;
}

.bg-text-muted-extra {
  background-color: var(--text-muted-extra) !important;
}

.bg-text-muted-extra-light {
  background-color: var(--c-text-muted-extra-light) !important;
}

.bg-text-muted-extra-lighter {
  background-color: var(--c-text-muted-extra-lighter) !important;
}

.bg-text-muted-extra-way-lighter {
  background-color: var(--c-text-muted-extra-way-lighter) !important;
}

.bg-text-muted-extra-dark {
  background-color: var(--c-text-muted-extra-dark) !important;
}

.bg-text-muted-extra-darker {
  background-color: var(--c-text-muted-extra-darker) !important;
}

.bg-text-muted-extra-way-darker {
  background-color: var(--c-text-muted-extra-way-darker) !important;
}

.bg-text-on-dark {
  background-color: var(--text-on-dark) !important;
}

.bg-text-on-dark-light {
  background-color: var(--c-text-on-dark-light) !important;
}

.bg-text-on-dark-lighter {
  background-color: var(--c-text-on-dark-lighter) !important;
}

.bg-text-on-dark-way-lighter {
  background-color: var(--c-text-on-dark-way-lighter) !important;
}

.bg-text-on-dark-dark {
  background-color: var(--c-text-on-dark-dark) !important;
}

.bg-text-on-dark-darker {
  background-color: var(--c-text-on-dark-darker) !important;
}

.bg-text-on-dark-way-darker {
  background-color: var(--c-text-on-dark-way-darker) !important;
}

.bg-text-on-dark-muted {
  background-color: var(--text-on-dark-muted) !important;
}

.bg-text-on-dark-muted-light {
  background-color: var(--c-text-on-dark-muted-light) !important;
}

.bg-text-on-dark-muted-lighter {
  background-color: var(--c-text-on-dark-muted-lighter) !important;
}

.bg-text-on-dark-muted-way-lighter {
  background-color: var(--c-text-on-dark-muted-way-lighter) !important;
}

.bg-text-on-dark-muted-dark {
  background-color: var(--c-text-on-dark-muted-dark) !important;
}

.bg-text-on-dark-muted-darker {
  background-color: var(--c-text-on-dark-muted-darker) !important;
}

.bg-text-on-dark-muted-way-darker {
  background-color: var(--c-text-on-dark-muted-way-darker) !important;
}

.bg-text-on-dark-link {
  background-color: var(--text-on-dark-link) !important;
}

.bg-text-on-dark-link-light {
  background-color: var(--c-text-on-dark-link-light) !important;
}

.bg-text-on-dark-link-lighter {
  background-color: var(--c-text-on-dark-link-lighter) !important;
}

.bg-text-on-dark-link-way-lighter {
  background-color: var(--c-text-on-dark-link-way-lighter) !important;
}

.bg-text-on-dark-link-dark {
  background-color: var(--c-text-on-dark-link-dark) !important;
}

.bg-text-on-dark-link-darker {
  background-color: var(--c-text-on-dark-link-darker) !important;
}

.bg-text-on-dark-link-way-darker {
  background-color: var(--c-text-on-dark-link-way-darker) !important;
}

.bg-border-on-dark {
  background-color: var(--border-on-dark-strong) !important;
}

.bg-border-on-dark-light {
  background-color: var(--c-border-on-dark-light) !important;
}

.bg-border-on-dark-lighter {
  background-color: var(--c-border-on-dark-lighter) !important;
}

.bg-border-on-dark-way-lighter {
  background-color: var(--c-border-on-dark-way-lighter) !important;
}

.bg-border-on-dark-dark {
  background-color: var(--c-border-on-dark-dark) !important;
}

.bg-border-on-dark-darker {
  background-color: var(--c-border-on-dark-darker) !important;
}

.bg-border-on-dark-way-darker {
  background-color: var(--c-border-on-dark-way-darker) !important;
}

.bg-border-on-dark-subtle {
  background-color: var(--border-on-dark-subtle) !important;
}

.bg-border-on-dark-subtle-light {
  background-color: var(--c-border-on-dark-subtle-light) !important;
}

.bg-border-on-dark-subtle-lighter {
  background-color: var(--c-border-on-dark-subtle-lighter) !important;
}

.bg-border-on-dark-subtle-way-lighter {
  background-color: var(--c-border-on-dark-subtle-way-lighter) !important;
}

.bg-border-on-dark-subtle-dark {
  background-color: var(--c-border-on-dark-subtle-dark) !important;
}

.bg-border-on-dark-subtle-darker {
  background-color: var(--c-border-on-dark-subtle-darker) !important;
}

.bg-border-on-dark-subtle-way-darker {
  background-color: var(--c-border-on-dark-subtle-way-darker) !important;
}

.bg-border-input {
  background-color: var(--border-input) !important;
}

.bg-border-input-light {
  background-color: var(--c-border-input-light) !important;
}

.bg-border-input-lighter {
  background-color: var(--c-border-input-lighter) !important;
}

.bg-border-input-way-lighter {
  background-color: var(--c-border-input-way-lighter) !important;
}

.bg-border-input-dark {
  background-color: var(--c-border-input-dark) !important;
}

.bg-border-input-darker {
  background-color: var(--c-border-input-darker) !important;
}

.bg-border-input-way-darker {
  background-color: var(--c-border-input-way-darker) !important;
}

.bg-border-card {
  background-color: var(--border-card) !important;
}

.bg-border-card-light {
  background-color: var(--c-border-card-light) !important;
}

.bg-border-card-lighter {
  background-color: var(--c-border-card-lighter) !important;
}

.bg-border-card-way-lighter {
  background-color: var(--c-border-card-way-lighter) !important;
}

.bg-border-card-dark {
  background-color: var(--c-border-card-dark) !important;
}

.bg-border-card-darker {
  background-color: var(--c-border-card-darker) !important;
}

.bg-border-card-way-darker {
  background-color: var(--c-border-card-way-darker) !important;
}

.bg-border-divider {
  background-color: var(--border-divider) !important;
}

.bg-border-divider-light {
  background-color: var(--c-border-divider-light) !important;
}

.bg-border-divider-lighter {
  background-color: var(--c-border-divider-lighter) !important;
}

.bg-border-divider-way-lighter {
  background-color: var(--c-border-divider-way-lighter) !important;
}

.bg-border-divider-dark {
  background-color: var(--c-border-divider-dark) !important;
}

.bg-border-divider-darker {
  background-color: var(--c-border-divider-darker) !important;
}

.bg-border-divider-way-darker {
  background-color: var(--c-border-divider-way-darker) !important;
}

.bg-bg-input {
  background-color: var(--bg-input) !important;
}

.bg-bg-input-light {
  background-color: var(--c-bg-input-light) !important;
}

.bg-bg-input-lighter {
  background-color: var(--c-bg-input-lighter) !important;
}

.bg-bg-input-way-lighter {
  background-color: var(--c-bg-input-way-lighter) !important;
}

.bg-bg-input-dark {
  background-color: var(--c-bg-input-dark) !important;
}

.bg-bg-input-darker {
  background-color: var(--c-bg-input-darker) !important;
}

.bg-bg-input-way-darker {
  background-color: var(--c-bg-input-way-darker) !important;
}

.bg-border-input-focus {
  background-color: var(--border-input-focus) !important;
}

.bg-border-input-focus-light {
  background-color: var(--c-border-input-focus-light) !important;
}

.bg-border-input-focus-lighter {
  background-color: var(--c-border-input-focus-lighter) !important;
}

.bg-border-input-focus-way-lighter {
  background-color: var(--c-border-input-focus-way-lighter) !important;
}

.bg-border-input-focus-dark {
  background-color: var(--c-border-input-focus-dark) !important;
}

.bg-border-input-focus-darker {
  background-color: var(--c-border-input-focus-darker) !important;
}

.bg-border-input-focus-way-darker {
  background-color: var(--c-border-input-focus-way-darker) !important;
}

.bg-bg-table-header {
  background-color: var(--bg-table-header) !important;
}

.bg-bg-table-header-light {
  background-color: var(--c-bg-table-header-light) !important;
}

.bg-bg-table-header-lighter {
  background-color: var(--c-bg-table-header-lighter) !important;
}

.bg-bg-table-header-way-lighter {
  background-color: var(--c-bg-table-header-way-lighter) !important;
}

.bg-bg-table-header-dark {
  background-color: var(--c-bg-table-header-dark) !important;
}

.bg-bg-table-header-darker {
  background-color: var(--c-bg-table-header-darker) !important;
}

.bg-bg-table-header-way-darker {
  background-color: var(--c-bg-table-header-way-darker) !important;
}

.bg-text-table-header {
  background-color: var(--text-table-header) !important;
}

.bg-text-table-header-light {
  background-color: var(--c-text-table-header-light) !important;
}

.bg-text-table-header-lighter {
  background-color: var(--c-text-table-header-lighter) !important;
}

.bg-text-table-header-way-lighter {
  background-color: var(--c-text-table-header-way-lighter) !important;
}

.bg-text-table-header-dark {
  background-color: var(--c-text-table-header-dark) !important;
}

.bg-text-table-header-darker {
  background-color: var(--c-text-table-header-darker) !important;
}

.bg-text-table-header-way-darker {
  background-color: var(--c-text-table-header-way-darker) !important;
}

.bg-bg-table-alt {
  background-color: var(--bg-table-alt) !important;
}

.bg-bg-table-alt-light {
  background-color: var(--c-bg-table-alt-light) !important;
}

.bg-bg-table-alt-lighter {
  background-color: var(--c-bg-table-alt-lighter) !important;
}

.bg-bg-table-alt-way-lighter {
  background-color: var(--c-bg-table-alt-way-lighter) !important;
}

.bg-bg-table-alt-dark {
  background-color: var(--c-bg-table-alt-dark) !important;
}

.bg-bg-table-alt-darker {
  background-color: var(--c-bg-table-alt-darker) !important;
}

.bg-bg-table-alt-way-darker {
  background-color: var(--c-bg-table-alt-way-darker) !important;
}

.bg-bg-table-hover {
  background-color: var(--bg-table-hover) !important;
}

.bg-bg-table-hover-light {
  background-color: var(--c-bg-table-hover-light) !important;
}

.bg-bg-table-hover-lighter {
  background-color: var(--c-bg-table-hover-lighter) !important;
}

.bg-bg-table-hover-way-lighter {
  background-color: var(--c-bg-table-hover-way-lighter) !important;
}

.bg-bg-table-hover-dark {
  background-color: var(--c-bg-table-hover-dark) !important;
}

.bg-bg-table-hover-darker {
  background-color: var(--c-bg-table-hover-darker) !important;
}

.bg-bg-table-hover-way-darker {
  background-color: var(--c-bg-table-hover-way-darker) !important;
}

.bg-text-table-hover {
  background-color: var(--text-table-hover) !important;
}

.bg-text-table-hover-light {
  background-color: var(--c-text-table-hover-light) !important;
}

.bg-text-table-hover-lighter {
  background-color: var(--c-text-table-hover-lighter) !important;
}

.bg-text-table-hover-way-lighter {
  background-color: var(--c-text-table-hover-way-lighter) !important;
}

.bg-text-table-hover-dark {
  background-color: var(--c-text-table-hover-dark) !important;
}

.bg-text-table-hover-darker {
  background-color: var(--c-text-table-hover-darker) !important;
}

.bg-text-table-hover-way-darker {
  background-color: var(--c-text-table-hover-way-darker) !important;
}

.bg-white {
  background-color: var(--c-white) !important;
}

.bg-white-light {
  background-color: var(--c-white-light) !important;
}

.bg-white-lighter {
  background-color: var(--c-white-lighter) !important;
}

.bg-white-way-lighter {
  background-color: var(--c-white-way-lighter) !important;
}

.bg-white-dark {
  background-color: var(--c-white-dark) !important;
}

.bg-white-darker {
  background-color: var(--c-white-darker) !important;
}

.bg-white-way-darker {
  background-color: var(--c-white-way-darker) !important;
}

.bg-gradient-primary {
  background: linear-gradient(135deg, var(--c-primary), var(--c-primary-dark));
}

.bg-gradient-light-primary {
  background: linear-gradient(135deg, var(--c-primary-lighter), var(--c-primary));
}

.bg-gradient-secondary {
  background: linear-gradient(135deg, var(--c-secondary), var(--c-secondary-dark));
}

.bg-gradient-light-secondary {
  background: linear-gradient(135deg, var(--c-secondary-lighter), var(--c-secondary));
}

.bg-gradient-tertiary {
  background: linear-gradient(135deg, var(--c-tertiary), var(--c-tertiary-dark));
}

.bg-gradient-light-tertiary {
  background: linear-gradient(135deg, var(--c-tertiary-lighter), var(--c-tertiary));
}

.bg-gradient-cta {
  background: linear-gradient(135deg, var(--c-cta), var(--c-cta-dark));
}

.bg-gradient-light-cta {
  background: linear-gradient(135deg, var(--c-cta-lighter), var(--c-cta));
}

.bg-gradient-success {
  background: linear-gradient(135deg, var(--c-success), var(--c-success-dark));
}

.bg-gradient-light-success {
  background: linear-gradient(135deg, var(--c-success-lighter), var(--c-success));
}

.bg-gradient-danger {
  background: linear-gradient(135deg, var(--c-danger), var(--c-danger-dark));
}

.bg-gradient-light-danger {
  background: linear-gradient(135deg, var(--c-danger-lighter), var(--c-danger));
}

.bg-gradient-warning {
  background: linear-gradient(135deg, var(--c-warning), var(--c-warning-dark));
}

.bg-gradient-light-warning {
  background: linear-gradient(135deg, var(--c-warning-lighter), var(--c-warning));
}

.bg-gradient-info {
  background: linear-gradient(135deg, var(--c-info), var(--c-info-dark));
}

.bg-gradient-light-info {
  background: linear-gradient(135deg, var(--c-info-lighter), var(--c-info));
}

.bg-gradient-bg-body {
  background: linear-gradient(135deg, var(--bg-body), var(--c-bg-body-dark));
}

.bg-gradient-light-bg-body {
  background: linear-gradient(135deg, var(--c-bg-body-lighter), var(--bg-body));
}

.bg-gradient-bg-alt {
  background: linear-gradient(135deg, var(--bg-alt), var(--c-bg-alt-dark));
}

.bg-gradient-light-bg-alt {
  background: linear-gradient(135deg, var(--c-bg-alt-lighter), var(--bg-alt));
}

.bg-gradient-bg-tint {
  background: linear-gradient(135deg, var(--bg-tint), var(--c-bg-tint-dark));
}

.bg-gradient-light-bg-tint {
  background: linear-gradient(135deg, var(--c-bg-tint-lighter), var(--bg-tint));
}

.bg-gradient-bg-accent {
  background: linear-gradient(135deg, var(--bg-accent), var(--c-bg-accent-dark));
}

.bg-gradient-light-bg-accent {
  background: linear-gradient(135deg, var(--c-bg-accent-lighter), var(--bg-accent));
}

.bg-gradient-bg-dark {
  background: linear-gradient(135deg, var(--bg-dark), var(--c-bg-dark-dark));
}

.bg-gradient-light-bg-dark {
  background: linear-gradient(135deg, var(--c-bg-dark-lighter), var(--bg-dark));
}

.bg-gradient-bg-dark-alt {
  background: linear-gradient(135deg, var(--bg-dark-alt), var(--c-bg-dark-alt-dark));
}

.bg-gradient-light-bg-dark-alt {
  background: linear-gradient(135deg, var(--c-bg-dark-alt-lighter), var(--bg-dark-alt));
}

.bg-gradient-bg-dark-neutral {
  background: linear-gradient(135deg, var(--bg-dark-neutral), var(--c-bg-dark-neutral-dark));
}

.bg-gradient-light-bg-dark-neutral {
  background: linear-gradient(135deg, var(--c-bg-dark-neutral-lighter), var(--bg-dark-neutral));
}

.bg-gradient-bg-footer {
  background: linear-gradient(135deg, var(--bg-footer), var(--c-bg-footer-dark));
}

.bg-gradient-light-bg-footer {
  background: linear-gradient(135deg, var(--c-bg-footer-lighter), var(--bg-footer));
}

.bg-gradient-text-body {
  background: linear-gradient(135deg, var(--text-body), var(--c-text-body-dark));
}

.bg-gradient-light-text-body {
  background: linear-gradient(135deg, var(--c-text-body-lighter), var(--text-body));
}

.bg-gradient-text-heading {
  background: linear-gradient(135deg, var(--text-heading), var(--c-text-heading-dark));
}

.bg-gradient-light-text-heading {
  background: linear-gradient(135deg, var(--c-text-heading-lighter), var(--text-heading));
}

.bg-gradient-text-link {
  background: linear-gradient(135deg, var(--text-link), var(--c-text-link-dark));
}

.bg-gradient-light-text-link {
  background: linear-gradient(135deg, var(--c-text-link-lighter), var(--text-link));
}

.bg-gradient-text-muted {
  background: linear-gradient(135deg, var(--text-muted), var(--c-text-muted-dark));
}

.bg-gradient-light-text-muted {
  background: linear-gradient(135deg, var(--c-text-muted-lighter), var(--text-muted));
}

.bg-gradient-text-muted-extra {
  background: linear-gradient(135deg, var(--text-muted-extra), var(--c-text-muted-extra-dark));
}

.bg-gradient-light-text-muted-extra {
  background: linear-gradient(135deg, var(--c-text-muted-extra-lighter), var(--text-muted-extra));
}

.bg-gradient-text-on-dark {
  background: linear-gradient(135deg, var(--text-on-dark), var(--c-text-on-dark-dark));
}

.bg-gradient-light-text-on-dark {
  background: linear-gradient(135deg, var(--c-text-on-dark-lighter), var(--text-on-dark));
}

.bg-gradient-text-on-dark-muted {
  background: linear-gradient(135deg, var(--text-on-dark-muted), var(--c-text-on-dark-muted-dark));
}

.bg-gradient-light-text-on-dark-muted {
  background: linear-gradient(135deg, var(--c-text-on-dark-muted-lighter), var(--text-on-dark-muted));
}

.bg-gradient-text-on-dark-link {
  background: linear-gradient(135deg, var(--text-on-dark-link), var(--c-text-on-dark-link-dark));
}

.bg-gradient-light-text-on-dark-link {
  background: linear-gradient(135deg, var(--c-text-on-dark-link-lighter), var(--text-on-dark-link));
}

.bg-gradient-border-on-dark {
  background: linear-gradient(135deg, var(--border-on-dark-strong), var(--c-border-on-dark-dark));
}

.bg-gradient-light-border-on-dark {
  background: linear-gradient(135deg, var(--c-border-on-dark-lighter), var(--border-on-dark-strong));
}

.bg-gradient-border-on-dark-subtle {
  background: linear-gradient(135deg, var(--border-on-dark-subtle), var(--c-border-on-dark-subtle-dark));
}

.bg-gradient-light-border-on-dark-subtle {
  background: linear-gradient(135deg, var(--c-border-on-dark-subtle-lighter), var(--border-on-dark-subtle));
}

.bg-gradient-border-input {
  background: linear-gradient(135deg, var(--border-input), var(--c-border-input-dark));
}

.bg-gradient-light-border-input {
  background: linear-gradient(135deg, var(--c-border-input-lighter), var(--border-input));
}

.bg-gradient-border-card {
  background: linear-gradient(135deg, var(--border-card), var(--c-border-card-dark));
}

.bg-gradient-light-border-card {
  background: linear-gradient(135deg, var(--c-border-card-lighter), var(--border-card));
}

.bg-gradient-border-divider {
  background: linear-gradient(135deg, var(--border-divider), var(--c-border-divider-dark));
}

.bg-gradient-light-border-divider {
  background: linear-gradient(135deg, var(--c-border-divider-lighter), var(--border-divider));
}

.bg-gradient-bg-input {
  background: linear-gradient(135deg, var(--bg-input), var(--c-bg-input-dark));
}

.bg-gradient-light-bg-input {
  background: linear-gradient(135deg, var(--c-bg-input-lighter), var(--bg-input));
}

.bg-gradient-border-input-focus {
  background: linear-gradient(135deg, var(--border-input-focus), var(--c-border-input-focus-dark));
}

.bg-gradient-light-border-input-focus {
  background: linear-gradient(135deg, var(--c-border-input-focus-lighter), var(--border-input-focus));
}

.bg-gradient-bg-table-header {
  background: linear-gradient(135deg, var(--bg-table-header), var(--c-bg-table-header-dark));
}

.bg-gradient-light-bg-table-header {
  background: linear-gradient(135deg, var(--c-bg-table-header-lighter), var(--bg-table-header));
}

.bg-gradient-text-table-header {
  background: linear-gradient(135deg, var(--text-table-header), var(--c-text-table-header-dark));
}

.bg-gradient-light-text-table-header {
  background: linear-gradient(135deg, var(--c-text-table-header-lighter), var(--text-table-header));
}

.bg-gradient-bg-table-alt {
  background: linear-gradient(135deg, var(--bg-table-alt), var(--c-bg-table-alt-dark));
}

.bg-gradient-light-bg-table-alt {
  background: linear-gradient(135deg, var(--c-bg-table-alt-lighter), var(--bg-table-alt));
}

.bg-gradient-bg-table-hover {
  background: linear-gradient(135deg, var(--bg-table-hover), var(--c-bg-table-hover-dark));
}

.bg-gradient-light-bg-table-hover {
  background: linear-gradient(135deg, var(--c-bg-table-hover-lighter), var(--bg-table-hover));
}

.bg-gradient-text-table-hover {
  background: linear-gradient(135deg, var(--text-table-hover), var(--c-text-table-hover-dark));
}

.bg-gradient-light-text-table-hover {
  background: linear-gradient(135deg, var(--c-text-table-hover-lighter), var(--text-table-hover));
}

.bg-gradient-white {
  background: linear-gradient(135deg, var(--c-white), var(--c-white-dark));
}

.bg-gradient-light-white {
  background: linear-gradient(135deg, var(--c-white-lighter), var(--c-white));
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-inherit {
  background-color: inherit !important;
}

.bg-current {
  background-color: currentcolor !important;
}

.bg-opacity-0 {
  --bg-opacity: 0;
}

.bg-opacity-10 {
  --bg-opacity: 0.1;
}

.bg-opacity-20 {
  --bg-opacity: 0.2;
}

.bg-opacity-30 {
  --bg-opacity: 0.3;
}

.bg-opacity-40 {
  --bg-opacity: 0.4;
}

.bg-opacity-50 {
  --bg-opacity: 0.5;
}

.bg-opacity-60 {
  --bg-opacity: 0.6;
}

.bg-opacity-70 {
  --bg-opacity: 0.7;
}

.bg-opacity-80 {
  --bg-opacity: 0.8;
}

.bg-opacity-90 {
  --bg-opacity: 0.9;
}

.bg-opacity-100 {
  --bg-opacity: 1;
}

.bg-blend-normal {
  background-blend-mode: normal;
}

.bg-blend-multiply {
  background-blend-mode: multiply;
}

.bg-blend-overlay {
  background-blend-mode: overlay;
}

.bg-blend-darken {
  background-blend-mode: darken;
}

.bg-blend-lighten {
  background-blend-mode: lighten;
}

.bg-body, .bg-light {
  background-color: var(--bg-body) !important;
  color: var(--text-body) !important;
}

.bg-alt-light {
  background-color: var(--bg-alt-light) !important;
  color: var(--text-body) !important;
}

.bg-alt-tint {
  background-color: var(--bg-alt-tint) !important;
  color: var(--text-body) !important;
}

.bg-accent-light {
  background-color: var(--bg-accent-light) !important;
  color: var(--text-body) !important;
}

.bg-dark-primary, .bg-dark {
  background-color: var(--bg-dark-primary) !important;
  color: var(--text-on-dark) !important;
  --section-bg: var(--bg-dark-primary);
}

.bg-dark-alt {
  background-color: var(--bg-dark-alt) !important;
  color: var(--text-on-dark) !important;
  --section-bg: var(--bg-dark-alt);
}

.bg-dark-neutral {
  background-color: var(--bg-dark-neutral) !important;
  color: var(--text-on-dark) !important;
  --section-bg: var(--bg-dark-neutral);
}

.bg-footer {
  background-color: var(--bg-footer) !important;
  color: var(--text-on-dark) !important;
  --section-bg: var(--bg-footer);
}

.bg-blue {
  background-color: var(--c-blue) !important;
  color: var(--c-white) !important;
  --section-bg: var(--c-blue);
}

.text-light {
  color: var(--text-on-dark) !important;
}

.text-dark {
  color: var(--text-body) !important;
}

.hero-pattern-circuit, .hero-circuit {
  background-image: url("/images/backgrounds/circuit.svg");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.hero-pattern-circuit.bg-dark, .bg-dark.hero-circuit, .hero-pattern-circuit.bg-dark-alt, .bg-dark-alt.hero-circuit, .hero-pattern-circuit.bg-dark-neutral, .bg-dark-neutral.hero-circuit {
  background-image: url("/images/backgrounds/circuit-for-dark.svg");
}
@media (max-width: 768px) {
  .hero-pattern-circuit, .hero-circuit {
    background-attachment: scroll;
  }
}

:where(.bg-dark, .bg-dark-primary) {
  background-image: url("/images/backgrounds/circuit-for-dark.svg");
  background-position: center;
  background-size: cover;
}

html :is(.bg-dark, .bg-dark-primary) {
  background-attachment: fixed !important;
}
@media (max-width: 768px) {
  html :is(.bg-dark, .bg-dark-primary) {
    background-attachment: scroll !important;
  }
}

.hero-pattern-dots-funnel, .hero-dots-funnel {
  background-image: url("/images/backgrounds/dots-funnel.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-dots-funnel.bg-dark, .bg-dark.hero-dots-funnel, .hero-pattern-dots-funnel.bg-dark-alt, .bg-dark-alt.hero-dots-funnel, .hero-pattern-dots-funnel.bg-dark-neutral, .bg-dark-neutral.hero-dots-funnel {
  background-image: url("/images/backgrounds/dots-funnel-for-dark.svg");
}

.hero-pattern-gradient-dots, .hero-gradient-dots {
  background-image: url("/images/backgrounds/gradient-dots.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-gradient-dots.bg-dark, .bg-dark.hero-gradient-dots, .hero-pattern-gradient-dots.bg-dark-alt, .bg-dark-alt.hero-gradient-dots, .hero-pattern-gradient-dots.bg-dark-neutral, .bg-dark-neutral.hero-gradient-dots {
  background-image: url("/images/backgrounds/gradient-dots-for-dark.svg");
}

.hero-pattern-hexagons, .hero-hexagons {
  background-image: url("/images/backgrounds/hexagons.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-hexagons.bg-dark, .bg-dark.hero-hexagons, .hero-pattern-hexagons.bg-dark-alt, .bg-dark-alt.hero-hexagons, .hero-pattern-hexagons.bg-dark-neutral, .bg-dark-neutral.hero-hexagons {
  background-image: url("/images/backgrounds/hexagons-for-dark.svg");
}

.hero-pattern-molecules, .hero-molecules {
  background-image: url("/images/backgrounds/molecules.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-molecules.bg-dark, .bg-dark.hero-molecules, .hero-pattern-molecules.bg-dark-alt, .bg-dark-alt.hero-molecules, .hero-pattern-molecules.bg-dark-neutral, .bg-dark-neutral.hero-molecules {
  background-image: url("/images/backgrounds/molecules-for-dark.svg");
}

.hero-pattern-snakes, .hero-snakes {
  background-image: url("/images/backgrounds/snakes.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-snakes.bg-dark, .bg-dark.hero-snakes, .hero-pattern-snakes.bg-dark-alt, .bg-dark-alt.hero-snakes, .hero-pattern-snakes.bg-dark-neutral, .bg-dark-neutral.hero-snakes {
  background-image: url("/images/backgrounds/snakes-for-dark.svg");
}

.hero-pattern-snakes-left, .hero-snakes-left {
  background-image: url("/images/backgrounds/snakes-left.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-snakes-left.bg-dark, .bg-dark.hero-snakes-left, .hero-pattern-snakes-left.bg-dark-alt, .bg-dark-alt.hero-snakes-left, .hero-pattern-snakes-left.bg-dark-neutral, .bg-dark-neutral.hero-snakes-left {
  background-image: url("/images/backgrounds/snakes-left-for-dark.svg");
}

.hero-pattern-squares, .hero-squares {
  background-image: url("/images/backgrounds/squares.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-squares.bg-dark, .bg-dark.hero-squares, .hero-pattern-squares.bg-dark-alt, .bg-dark-alt.hero-squares, .hero-pattern-squares.bg-dark-neutral, .bg-dark-neutral.hero-squares {
  background-image: url("/images/backgrounds/squares-for-dark.svg");
}

.hero-pattern-stalagmites, .hero-stalagmites {
  background-image: url("/images/backgrounds/stalagmites.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-stalagmites.bg-dark, .bg-dark.hero-stalagmites, .hero-pattern-stalagmites.bg-dark-alt, .bg-dark-alt.hero-stalagmites, .hero-pattern-stalagmites.bg-dark-neutral, .bg-dark-neutral.hero-stalagmites {
  background-image: url("/images/backgrounds/stalagmites-for-dark.svg");
}

.hero-pattern-waves-bottom-right, .hero-waves-bottom-right {
  background-image: url("/images/backgrounds/waves-bottom-right.svg");
  background-position: center;
  background-size: cover;
}
.hero-pattern-waves-bottom-right.bg-dark, .bg-dark.hero-waves-bottom-right, .hero-pattern-waves-bottom-right.bg-dark-alt, .bg-dark-alt.hero-waves-bottom-right, .hero-pattern-waves-bottom-right.bg-dark-neutral, .bg-dark-neutral.hero-waves-bottom-right {
  background-image: url("/images/backgrounds/waves-bottom-right-for-dark.svg");
}

.page-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: var(--bg-pattern-opacity, 0.1);
}

.page-content {
  position: relative;
  z-index: 1;
}

.page-bg-circuit {
  background-image: url("/images/backgrounds/circuit.svg");
  background-position: center;
  background-size: var(--bg-pattern-size, cover);
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.2s linear;
}

.page-bg-dots-funnel {
  background-image: url("/images/backgrounds/dots-funnel.svg");
  background-position: center;
  background-size: var(--bg-pattern-size, cover);
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.2s linear;
}

.page-bg-gradient-dots {
  background-image: url("/images/backgrounds/gradient-dots.svg");
  background-position: center;
  background-size: var(--bg-pattern-size, cover);
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.2s linear;
}

.page-bg-hexagons {
  background-image: url("/images/backgrounds/hexagons.svg");
  background-position: center;
  background-size: var(--bg-pattern-size, cover);
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.2s linear;
}

.page-bg-molecules {
  background-image: url("/images/backgrounds/molecules.svg");
  background-position: center;
  background-size: var(--bg-pattern-size, cover);
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.2s linear;
}

.page-bg-snakes {
  background-image: url("/images/backgrounds/snakes.svg");
  background-position: center;
  background-size: var(--bg-pattern-size, cover);
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.2s linear;
}

.page-bg-snakes-left {
  background-image: url("/images/backgrounds/snakes-left.svg");
  background-position: center;
  background-size: var(--bg-pattern-size, cover);
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.2s linear;
}

.page-bg-squares {
  background-image: url("/images/backgrounds/squares.svg");
  background-position: center;
  background-size: var(--bg-pattern-size, cover);
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.2s linear;
}

.page-bg-stalagmites {
  background-image: url("/images/backgrounds/stalagmites.svg");
  background-position: center;
  background-size: var(--bg-pattern-size, cover);
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.2s linear;
}

.page-bg-waves-bottom-right {
  background-image: url("/images/backgrounds/waves-bottom-right.svg");
  background-position: center;
  background-size: var(--bg-pattern-size, cover);
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
  transition: transform 0.2s linear;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: var(--btn-border-radius);
  transition: background-color 0.2s, border-color 0.2s, color 0.2s, transform 0.2s ease, box-shadow 0.2s ease;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  padding: 12px 30px;
  font-size: 16px;
  line-height: 1.6;
}
.btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--c-primary-200);
}
.btn.btn-xs {
  padding: 6px 8px;
  font-size: 0.75rem;
}
.btn.btn-sm {
  padding: 8px 20px;
  font-size: 0.875rem;
}
.btn.btn-lg {
  padding: 20px 50px;
  font-size: 1.5rem;
}
.btn.btn-creative {
  padding: 20px 30px;
  font-size: 19px;
  line-height: 19px;
  letter-spacing: 1px;
  gap: 12px;
}
@media (max-width: 479px) {
  .btn.btn-creative {
    padding: 16px 20px;
    font-size: 16px;
    letter-spacing: 0.5px;
  }
}
.btn.btn-xl {
  padding: 24px 60px;
  font-size: 1.75rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-rounded {
  border-radius: 9999px;
}

.btn-primary {
  background-color: var(--c-primary);
  color: var(--c-white);
  border: 1px solid var(--c-primary);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-primary:hover {
  background-color: var(--c-primary-dark);
  border-color: var(--c-primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-primary:active, .btn-primary:focus {
  background-color: var(--c-primary-darker);
  border-color: var(--c-primary-darker);
}
.btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-primary {
  background-color: transparent;
  color: var(--ink-site-primary);
  border: 1px solid var(--ink-site-primary);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-primary:hover {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.btn-outline-primary:active, .btn-outline-primary:focus {
  background-color: var(--c-primary-dark);
  border-color: var(--c-primary-dark);
  color: var(--c-white);
}
.btn-outline-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-primary {
  background-color: var(--surface-primary-tint);
  color: var(--ink-site-primary);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-primary:hover {
  background-color: var(--surface-primary-tint-hover);
}
.btn-ghost-primary:active, .btn-ghost-primary:focus {
  background-color: var(--surface-primary-tint-hover);
}
.btn-ghost-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-secondary {
  background-color: var(--c-secondary);
  color: var(--c-white);
  border: 1px solid var(--c-secondary);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-secondary:hover {
  background-color: var(--c-secondary-dark);
  border-color: var(--c-secondary-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-secondary:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-secondary:active, .btn-secondary:focus {
  background-color: var(--c-secondary-darker);
  border-color: var(--c-secondary-darker);
}
.btn-secondary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-secondary {
  background-color: transparent;
  color: var(--ink-site-secondary);
  border: 1px solid var(--ink-site-secondary);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-secondary:hover {
  background-color: var(--c-secondary);
  color: var(--c-white);
}
.btn-outline-secondary:active, .btn-outline-secondary:focus {
  background-color: var(--c-secondary-dark);
  border-color: var(--c-secondary-dark);
  color: var(--c-white);
}
.btn-outline-secondary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-secondary {
  background-color: var(--surface-secondary-tint);
  color: var(--ink-site-secondary);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-secondary:hover {
  background-color: var(--surface-secondary-tint-hover);
}
.btn-ghost-secondary:active, .btn-ghost-secondary:focus {
  background-color: var(--surface-secondary-tint-hover);
}
.btn-ghost-secondary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-tertiary {
  background-color: var(--c-tertiary);
  color: var(--c-white);
  border: 1px solid var(--c-tertiary);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-tertiary:hover {
  background-color: var(--c-tertiary-dark);
  border-color: var(--c-tertiary-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-tertiary:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-tertiary:active, .btn-tertiary:focus {
  background-color: var(--c-tertiary-darker);
  border-color: var(--c-tertiary-darker);
}
.btn-tertiary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-tertiary {
  background-color: transparent;
  color: var(--ink-site-tertiary);
  border: 1px solid var(--ink-site-tertiary);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-tertiary:hover {
  background-color: var(--c-tertiary);
  color: var(--c-white);
}
.btn-outline-tertiary:active, .btn-outline-tertiary:focus {
  background-color: var(--c-tertiary-dark);
  border-color: var(--c-tertiary-dark);
  color: var(--c-white);
}
.btn-outline-tertiary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-tertiary {
  background-color: var(--surface-tertiary-tint);
  color: var(--ink-site-tertiary);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-tertiary:hover {
  background-color: var(--surface-tertiary-tint-hover);
}
.btn-ghost-tertiary:active, .btn-ghost-tertiary:focus {
  background-color: var(--surface-tertiary-tint-hover);
}
.btn-ghost-tertiary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-cta {
  background-color: var(--c-cta);
  color: var(--c-white);
  border: 1px solid var(--c-cta);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-cta:hover {
  background-color: var(--c-cta-dark);
  border-color: var(--c-cta-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-cta:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-cta:active, .btn-cta:focus {
  background-color: var(--c-cta-darker);
  border-color: var(--c-cta-darker);
}
.btn-cta:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-cta {
  background-color: transparent;
  color: var(--ink-site-cta);
  border: 1px solid var(--ink-site-cta);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-cta:hover {
  background-color: var(--c-cta);
  color: var(--c-white);
}
.btn-outline-cta:active, .btn-outline-cta:focus {
  background-color: var(--c-cta-dark);
  border-color: var(--c-cta-dark);
  color: var(--c-white);
}
.btn-outline-cta:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-cta {
  background-color: var(--surface-cta-tint);
  color: var(--ink-site-cta);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-cta:hover {
  background-color: var(--surface-cta-tint-hover);
}
.btn-ghost-cta:active, .btn-ghost-cta:focus {
  background-color: var(--surface-cta-tint-hover);
}
.btn-ghost-cta:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-success {
  background-color: var(--c-success);
  color: var(--c-white);
  border: 1px solid var(--c-success);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-success:hover {
  background-color: var(--c-success-dark);
  border-color: var(--c-success-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-success:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-success:active, .btn-success:focus {
  background-color: var(--c-success-darker);
  border-color: var(--c-success-darker);
}
.btn-success:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-success {
  background-color: transparent;
  color: var(--ink-site-success);
  border: 1px solid var(--ink-site-success);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-success:hover {
  background-color: var(--c-success);
  color: var(--c-white);
}
.btn-outline-success:active, .btn-outline-success:focus {
  background-color: var(--c-success-dark);
  border-color: var(--c-success-dark);
  color: var(--c-white);
}
.btn-outline-success:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-success {
  background-color: var(--surface-success-tint);
  color: var(--ink-site-success);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-success:hover {
  background-color: var(--surface-success-tint-hover);
}
.btn-ghost-success:active, .btn-ghost-success:focus {
  background-color: var(--surface-success-tint-hover);
}
.btn-ghost-success:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-danger {
  background-color: var(--c-danger);
  color: var(--c-white);
  border: 1px solid var(--c-danger);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-danger:hover {
  background-color: var(--c-danger-dark);
  border-color: var(--c-danger-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-danger:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-danger:active, .btn-danger:focus {
  background-color: var(--c-danger-darker);
  border-color: var(--c-danger-darker);
}
.btn-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-danger {
  background-color: transparent;
  color: var(--ink-site-danger);
  border: 1px solid var(--ink-site-danger);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-danger:hover {
  background-color: var(--c-danger);
  color: var(--c-white);
}
.btn-outline-danger:active, .btn-outline-danger:focus {
  background-color: var(--c-danger-dark);
  border-color: var(--c-danger-dark);
  color: var(--c-white);
}
.btn-outline-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-danger {
  background-color: var(--surface-danger-tint);
  color: var(--ink-site-danger);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-danger:hover {
  background-color: var(--surface-danger-tint-hover);
}
.btn-ghost-danger:active, .btn-ghost-danger:focus {
  background-color: var(--surface-danger-tint-hover);
}
.btn-ghost-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-warning {
  background-color: var(--c-warning);
  color: var(--c-white);
  border: 1px solid var(--c-warning);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-warning:hover {
  background-color: var(--c-warning-dark);
  border-color: var(--c-warning-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-warning:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-warning:active, .btn-warning:focus {
  background-color: var(--c-warning-darker);
  border-color: var(--c-warning-darker);
}
.btn-warning:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-warning {
  background-color: transparent;
  color: var(--ink-site-warning);
  border: 1px solid var(--ink-site-warning);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-warning:hover {
  background-color: var(--c-warning);
  color: var(--c-white);
}
.btn-outline-warning:active, .btn-outline-warning:focus {
  background-color: var(--c-warning-dark);
  border-color: var(--c-warning-dark);
  color: var(--c-white);
}
.btn-outline-warning:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-warning {
  background-color: var(--surface-warning-tint);
  color: var(--ink-site-warning);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-warning:hover {
  background-color: var(--surface-warning-tint-hover);
}
.btn-ghost-warning:active, .btn-ghost-warning:focus {
  background-color: var(--surface-warning-tint-hover);
}
.btn-ghost-warning:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-info {
  background-color: var(--c-info);
  color: var(--c-white);
  border: 1px solid var(--c-info);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-info:hover {
  background-color: var(--c-info-dark);
  border-color: var(--c-info-dark);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-info:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-info:active, .btn-info:focus {
  background-color: var(--c-info-darker);
  border-color: var(--c-info-darker);
}
.btn-info:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-info {
  background-color: transparent;
  color: var(--ink-site-info);
  border: 1px solid var(--ink-site-info);
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-outline-info:hover {
  background-color: var(--c-info);
  color: var(--c-white);
}
.btn-outline-info:active, .btn-outline-info:focus {
  background-color: var(--c-info-dark);
  border-color: var(--c-info-dark);
  color: var(--c-white);
}
.btn-outline-info:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-ghost-info {
  background-color: var(--surface-info-tint);
  color: var(--ink-site-info);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: none;
}
.btn-ghost-info:hover {
  background-color: var(--surface-info-tint-hover);
}
.btn-ghost-info:active, .btn-ghost-info:focus {
  background-color: var(--surface-info-tint-hover);
}
.btn-ghost-info:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-outline-white {
  background-color: transparent;
  color: var(--c-white);
  border: 1px solid var(--c-white);
  text-shadow: none;
}
.btn-outline-white:hover {
  background-color: var(--c-white);
  color: var(--c-cta);
}
.btn-outline-white:active, .btn-outline-white:focus {
  background-color: var(--c-white);
  border-color: var(--c-white);
  color: var(--c-cta);
}

.hover-text-primary:hover {
  color: var(--c-primary) !important;
}

.hover-text-secondary:hover {
  color: var(--c-secondary) !important;
}

.hover-text-tertiary:hover {
  color: var(--c-tertiary) !important;
}

.hover-text-cta:hover {
  color: var(--c-cta) !important;
}

.hover-text-success:hover {
  color: var(--c-success) !important;
}

.hover-text-danger:hover {
  color: var(--c-danger) !important;
}

.hover-text-warning:hover {
  color: var(--c-warning) !important;
}

.hover-text-info:hover {
  color: var(--c-info) !important;
}

.cta {
  border-radius: var(--btn-border-radius);
  background-color: var(--c-cta);
  color: var(--text-on-dark);
  text-shadow: none;
  padding: 16px 40px;
  font-size: 20px;
  font-weight: 700;
  transition: background-color 0.2s;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

.cta:where(.w-variant-398d9832-4ecc-04db-582a-1af20ac1943e),
.cta:where(.w-variant-26b93f40-8830-d3fb-84bf-afb3828a6f8a) {
  border: 1px solid var(--border-on-dark-strong);
  background-color: var(--c-transparent);
}

.cta:where(.w-variant-ce280cb2-c9d4-3f65-6df3-06b169f8a866) {
  border: 1px solid var(--c-cta);
  background-color: var(--bg-body);
  color: var(--c-cta);
}

.cta:where(.w-variant-b23b49ce-686a-4579-d311-07199ae2777e) {
  border: 1px solid var(--border-on-dark-strong);
  background-color: var(--c-transparent);
}

.cta:where(.w-variant-b23b49ce-686a-4579-d311-07199ae2777f) {
  border: 1px solid var(--c-cta);
  background-color: var(--bg-body);
  color: var(--c-cta);
}

.cta:where(.w-variant-12096eb0-82bb-0130-3085-91fe590bca98) {
  border: 1px solid var(--border-on-dark-strong);
  background-color: var(--c-transparent);
}

.cta:where(.w-variant-12096eb0-82bb-0130-3085-91fe590bca99) {
  border: 1px solid var(--c-cta);
  background-color: var(--bg-body);
  color: var(--c-cta);
}

.cta:where(.w-variant-dbc0b0c8-4534-2f8d-b9de-8fbcc43bf5f3) {
  border: 1px solid var(--border-on-dark-strong);
  background-color: var(--c-transparent);
}

.cta:where(.w-variant-dbc0b0c8-4534-2f8d-b9de-8fbcc43bf5f4) {
  border: 1px solid var(--c-cta);
  background-color: var(--bg-body);
  color: var(--c-cta);
}

.cta.trans-cta {
  border: 0.5px solid var(--c-cta);
  background-color: var(--c-transparent);
  color: var(--c-cta);
  align-self: center;
}

.cta.second-cta-on-dk {
  border: 1px solid var(--border-on-dark-strong);
  background-color: var(--c-transparent);
  align-self: center;
}

.trans-cta {
  border: 1px solid var(--c-cta);
  background-color: var(--c-transparent);
  color: var(--c-cta);
}

.u-audit-buttons .btn.btn-cta {
  padding: 15px 38px;
  border-color: var(--c-blue);
  background-color: var(--c-blue);
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: normal;
  color: #fff;
}
.u-audit-buttons .btn.btn-cta:hover {
  border-color: #0052cc;
  background-color: #0052cc;
}

.alert-primary {
  background-color: var(--c-primary-way-lighter);
  color: var(--c-primary-darker);
  border: 1px solid var(--c-primary-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-primary a {
  color: var(--c-primary-darker);
  text-decoration: underline;
}
.alert-primary a:hover {
  color: var(--c-primary-way-darker);
}
.alert-primary.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-primary.alert-dismissible .close, .alert-primary.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-primary-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-primary.alert-dismissible .close:hover, .alert-primary.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-primary {
  background-color: transparent;
  color: var(--ink-site-primary);
  border: 1px solid var(--ink-site-primary);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-secondary {
  background-color: var(--c-secondary-way-lighter);
  color: var(--c-secondary-darker);
  border: 1px solid var(--c-secondary-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-secondary a {
  color: var(--c-secondary-darker);
  text-decoration: underline;
}
.alert-secondary a:hover {
  color: var(--c-secondary-way-darker);
}
.alert-secondary.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-secondary.alert-dismissible .close, .alert-secondary.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-secondary-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-secondary.alert-dismissible .close:hover, .alert-secondary.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-secondary {
  background-color: transparent;
  color: var(--ink-site-secondary);
  border: 1px solid var(--ink-site-secondary);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-tertiary {
  background-color: var(--c-tertiary-way-lighter);
  color: var(--c-tertiary-darker);
  border: 1px solid var(--c-tertiary-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-tertiary a {
  color: var(--c-tertiary-darker);
  text-decoration: underline;
}
.alert-tertiary a:hover {
  color: var(--c-tertiary-way-darker);
}
.alert-tertiary.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-tertiary.alert-dismissible .close, .alert-tertiary.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-tertiary-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-tertiary.alert-dismissible .close:hover, .alert-tertiary.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-tertiary {
  background-color: transparent;
  color: var(--ink-site-tertiary);
  border: 1px solid var(--ink-site-tertiary);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-cta {
  background-color: var(--c-cta-way-lighter);
  color: var(--c-cta-darker);
  border: 1px solid var(--c-cta-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-cta a {
  color: var(--c-cta-darker);
  text-decoration: underline;
}
.alert-cta a:hover {
  color: var(--c-cta-way-darker);
}
.alert-cta.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-cta.alert-dismissible .close, .alert-cta.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-cta-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-cta.alert-dismissible .close:hover, .alert-cta.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-cta {
  background-color: transparent;
  color: var(--ink-site-cta);
  border: 1px solid var(--ink-site-cta);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-success {
  background-color: var(--c-success-way-lighter);
  color: var(--c-success-darker);
  border: 1px solid var(--c-success-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-success a {
  color: var(--c-success-darker);
  text-decoration: underline;
}
.alert-success a:hover {
  color: var(--c-success-way-darker);
}
.alert-success.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-success.alert-dismissible .close, .alert-success.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-success-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-success.alert-dismissible .close:hover, .alert-success.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-success {
  background-color: transparent;
  color: var(--ink-site-success);
  border: 1px solid var(--ink-site-success);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-danger {
  background-color: var(--c-danger-way-lighter);
  color: var(--c-danger-darker);
  border: 1px solid var(--c-danger-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-danger a {
  color: var(--c-danger-darker);
  text-decoration: underline;
}
.alert-danger a:hover {
  color: var(--c-danger-way-darker);
}
.alert-danger.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-danger.alert-dismissible .close, .alert-danger.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-danger-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-danger.alert-dismissible .close:hover, .alert-danger.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-danger {
  background-color: transparent;
  color: var(--ink-site-danger);
  border: 1px solid var(--ink-site-danger);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-warning {
  background-color: var(--c-warning-way-lighter);
  color: var(--c-warning-darker);
  border: 1px solid var(--c-warning-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-warning a {
  color: var(--c-warning-darker);
  text-decoration: underline;
}
.alert-warning a:hover {
  color: var(--c-warning-way-darker);
}
.alert-warning.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-warning.alert-dismissible .close, .alert-warning.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-warning-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-warning.alert-dismissible .close:hover, .alert-warning.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-warning {
  background-color: transparent;
  color: var(--ink-site-warning);
  border: 1px solid var(--ink-site-warning);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-info {
  background-color: var(--c-info-way-lighter);
  color: var(--c-info-darker);
  border: 1px solid var(--c-info-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-info a {
  color: var(--c-info-darker);
  text-decoration: underline;
}
.alert-info a:hover {
  color: var(--c-info-way-darker);
}
.alert-info.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-info.alert-dismissible .close, .alert-info.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-info-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-info.alert-dismissible .close:hover, .alert-info.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-info {
  background-color: transparent;
  color: var(--ink-site-info);
  border: 1px solid var(--ink-site-info);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-body {
  background-color: var(--c-bg-body-way-lighter);
  color: var(--c-bg-body-darker);
  border: 1px solid var(--c-bg-body-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-body a {
  color: var(--c-bg-body-darker);
  text-decoration: underline;
}
.alert-bg-body a:hover {
  color: var(--c-bg-body-way-darker);
}
.alert-bg-body.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-body.alert-dismissible .close, .alert-bg-body.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-body-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-body.alert-dismissible .close:hover, .alert-bg-body.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-body {
  background-color: transparent;
  color: var(--bg-body);
  border: 1px solid var(--bg-body);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-alt {
  background-color: var(--c-bg-alt-way-lighter);
  color: var(--c-bg-alt-darker);
  border: 1px solid var(--c-bg-alt-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-alt a {
  color: var(--c-bg-alt-darker);
  text-decoration: underline;
}
.alert-bg-alt a:hover {
  color: var(--c-bg-alt-way-darker);
}
.alert-bg-alt.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-alt.alert-dismissible .close, .alert-bg-alt.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-alt-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-alt.alert-dismissible .close:hover, .alert-bg-alt.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-alt {
  background-color: transparent;
  color: var(--bg-alt);
  border: 1px solid var(--bg-alt);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-tint {
  background-color: var(--c-bg-tint-way-lighter);
  color: var(--c-bg-tint-darker);
  border: 1px solid var(--c-bg-tint-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-tint a {
  color: var(--c-bg-tint-darker);
  text-decoration: underline;
}
.alert-bg-tint a:hover {
  color: var(--c-bg-tint-way-darker);
}
.alert-bg-tint.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-tint.alert-dismissible .close, .alert-bg-tint.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-tint-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-tint.alert-dismissible .close:hover, .alert-bg-tint.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-tint {
  background-color: transparent;
  color: var(--bg-tint);
  border: 1px solid var(--bg-tint);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-accent {
  background-color: var(--c-bg-accent-way-lighter);
  color: var(--c-bg-accent-darker);
  border: 1px solid var(--c-bg-accent-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-accent a {
  color: var(--c-bg-accent-darker);
  text-decoration: underline;
}
.alert-bg-accent a:hover {
  color: var(--c-bg-accent-way-darker);
}
.alert-bg-accent.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-accent.alert-dismissible .close, .alert-bg-accent.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-accent-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-accent.alert-dismissible .close:hover, .alert-bg-accent.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-accent {
  background-color: transparent;
  color: var(--bg-accent);
  border: 1px solid var(--bg-accent);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-dark {
  background-color: var(--c-bg-dark-way-lighter);
  color: var(--c-bg-dark-darker);
  border: 1px solid var(--c-bg-dark-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-dark a {
  color: var(--c-bg-dark-darker);
  text-decoration: underline;
}
.alert-bg-dark a:hover {
  color: var(--c-bg-dark-way-darker);
}
.alert-bg-dark.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-dark.alert-dismissible .close, .alert-bg-dark.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-dark-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-dark.alert-dismissible .close:hover, .alert-bg-dark.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-dark {
  background-color: transparent;
  color: var(--bg-dark);
  border: 1px solid var(--bg-dark);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-dark-alt {
  background-color: var(--c-bg-dark-alt-way-lighter);
  color: var(--c-bg-dark-alt-darker);
  border: 1px solid var(--c-bg-dark-alt-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-dark-alt a {
  color: var(--c-bg-dark-alt-darker);
  text-decoration: underline;
}
.alert-bg-dark-alt a:hover {
  color: var(--c-bg-dark-alt-way-darker);
}
.alert-bg-dark-alt.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-dark-alt.alert-dismissible .close, .alert-bg-dark-alt.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-dark-alt-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-dark-alt.alert-dismissible .close:hover, .alert-bg-dark-alt.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-dark-alt {
  background-color: transparent;
  color: var(--bg-dark-alt);
  border: 1px solid var(--bg-dark-alt);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-dark-neutral {
  background-color: var(--c-bg-dark-neutral-way-lighter);
  color: var(--c-bg-dark-neutral-darker);
  border: 1px solid var(--c-bg-dark-neutral-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-dark-neutral a {
  color: var(--c-bg-dark-neutral-darker);
  text-decoration: underline;
}
.alert-bg-dark-neutral a:hover {
  color: var(--c-bg-dark-neutral-way-darker);
}
.alert-bg-dark-neutral.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-dark-neutral.alert-dismissible .close, .alert-bg-dark-neutral.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-dark-neutral-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-dark-neutral.alert-dismissible .close:hover, .alert-bg-dark-neutral.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-dark-neutral {
  background-color: transparent;
  color: var(--bg-dark-neutral);
  border: 1px solid var(--bg-dark-neutral);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-footer {
  background-color: var(--c-bg-footer-way-lighter);
  color: var(--c-bg-footer-darker);
  border: 1px solid var(--c-bg-footer-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-footer a {
  color: var(--c-bg-footer-darker);
  text-decoration: underline;
}
.alert-bg-footer a:hover {
  color: var(--c-bg-footer-way-darker);
}
.alert-bg-footer.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-footer.alert-dismissible .close, .alert-bg-footer.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-footer-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-footer.alert-dismissible .close:hover, .alert-bg-footer.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-footer {
  background-color: transparent;
  color: var(--bg-footer);
  border: 1px solid var(--bg-footer);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-body {
  background-color: var(--c-text-body-way-lighter);
  color: var(--c-text-body-darker);
  border: 1px solid var(--c-text-body-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-body a {
  color: var(--c-text-body-darker);
  text-decoration: underline;
}
.alert-text-body a:hover {
  color: var(--c-text-body-way-darker);
}
.alert-text-body.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-body.alert-dismissible .close, .alert-text-body.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-body-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-body.alert-dismissible .close:hover, .alert-text-body.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-body {
  background-color: transparent;
  color: var(--text-body);
  border: 1px solid var(--text-body);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-heading {
  background-color: var(--c-text-heading-way-lighter);
  color: var(--c-text-heading-darker);
  border: 1px solid var(--c-text-heading-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-heading a {
  color: var(--c-text-heading-darker);
  text-decoration: underline;
}
.alert-text-heading a:hover {
  color: var(--c-text-heading-way-darker);
}
.alert-text-heading.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-heading.alert-dismissible .close, .alert-text-heading.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-heading-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-heading.alert-dismissible .close:hover, .alert-text-heading.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-heading {
  background-color: transparent;
  color: var(--text-heading);
  border: 1px solid var(--text-heading);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-link {
  background-color: var(--c-text-link-way-lighter);
  color: var(--c-text-link-darker);
  border: 1px solid var(--c-text-link-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-link a {
  color: var(--c-text-link-darker);
  text-decoration: underline;
}
.alert-text-link a:hover {
  color: var(--c-text-link-way-darker);
}
.alert-text-link.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-link.alert-dismissible .close, .alert-text-link.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-link-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-link.alert-dismissible .close:hover, .alert-text-link.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-link {
  background-color: transparent;
  color: var(--text-link);
  border: 1px solid var(--text-link);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-muted {
  background-color: var(--c-text-muted-way-lighter);
  color: var(--c-text-muted-darker);
  border: 1px solid var(--c-text-muted-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-muted a {
  color: var(--c-text-muted-darker);
  text-decoration: underline;
}
.alert-text-muted a:hover {
  color: var(--c-text-muted-way-darker);
}
.alert-text-muted.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-muted.alert-dismissible .close, .alert-text-muted.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-muted-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-muted.alert-dismissible .close:hover, .alert-text-muted.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-muted {
  background-color: transparent;
  color: var(--text-muted);
  border: 1px solid var(--text-muted);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-muted-extra {
  background-color: var(--c-text-muted-extra-way-lighter);
  color: var(--c-text-muted-extra-darker);
  border: 1px solid var(--c-text-muted-extra-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-muted-extra a {
  color: var(--c-text-muted-extra-darker);
  text-decoration: underline;
}
.alert-text-muted-extra a:hover {
  color: var(--c-text-muted-extra-way-darker);
}
.alert-text-muted-extra.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-muted-extra.alert-dismissible .close, .alert-text-muted-extra.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-muted-extra-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-muted-extra.alert-dismissible .close:hover, .alert-text-muted-extra.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-muted-extra {
  background-color: transparent;
  color: var(--text-muted-extra);
  border: 1px solid var(--text-muted-extra);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-on-dark {
  background-color: var(--c-text-on-dark-way-lighter);
  color: var(--c-text-on-dark-darker);
  border: 1px solid var(--c-text-on-dark-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-on-dark a {
  color: var(--c-text-on-dark-darker);
  text-decoration: underline;
}
.alert-text-on-dark a:hover {
  color: var(--c-text-on-dark-way-darker);
}
.alert-text-on-dark.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-on-dark.alert-dismissible .close, .alert-text-on-dark.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-on-dark-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-on-dark.alert-dismissible .close:hover, .alert-text-on-dark.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-on-dark {
  background-color: transparent;
  color: var(--text-on-dark);
  border: 1px solid var(--text-on-dark);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-on-dark-muted {
  background-color: var(--c-text-on-dark-muted-way-lighter);
  color: var(--c-text-on-dark-muted-darker);
  border: 1px solid var(--c-text-on-dark-muted-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-on-dark-muted a {
  color: var(--c-text-on-dark-muted-darker);
  text-decoration: underline;
}
.alert-text-on-dark-muted a:hover {
  color: var(--c-text-on-dark-muted-way-darker);
}
.alert-text-on-dark-muted.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-on-dark-muted.alert-dismissible .close, .alert-text-on-dark-muted.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-on-dark-muted-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-on-dark-muted.alert-dismissible .close:hover, .alert-text-on-dark-muted.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-on-dark-muted {
  background-color: transparent;
  color: var(--text-on-dark-muted);
  border: 1px solid var(--text-on-dark-muted);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-on-dark-link {
  background-color: var(--c-text-on-dark-link-way-lighter);
  color: var(--c-text-on-dark-link-darker);
  border: 1px solid var(--c-text-on-dark-link-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-on-dark-link a {
  color: var(--c-text-on-dark-link-darker);
  text-decoration: underline;
}
.alert-text-on-dark-link a:hover {
  color: var(--c-text-on-dark-link-way-darker);
}
.alert-text-on-dark-link.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-on-dark-link.alert-dismissible .close, .alert-text-on-dark-link.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-on-dark-link-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-on-dark-link.alert-dismissible .close:hover, .alert-text-on-dark-link.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-on-dark-link {
  background-color: transparent;
  color: var(--text-on-dark-link);
  border: 1px solid var(--text-on-dark-link);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-border-on-dark {
  background-color: var(--c-border-on-dark-way-lighter);
  color: var(--c-border-on-dark-darker);
  border: 1px solid var(--c-border-on-dark-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-border-on-dark a {
  color: var(--c-border-on-dark-darker);
  text-decoration: underline;
}
.alert-border-on-dark a:hover {
  color: var(--c-border-on-dark-way-darker);
}
.alert-border-on-dark.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-border-on-dark.alert-dismissible .close, .alert-border-on-dark.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-border-on-dark-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-border-on-dark.alert-dismissible .close:hover, .alert-border-on-dark.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-border-on-dark {
  background-color: transparent;
  color: var(--border-on-dark-strong);
  border: 1px solid var(--border-on-dark-strong);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-border-on-dark-subtle {
  background-color: var(--c-border-on-dark-subtle-way-lighter);
  color: var(--c-border-on-dark-subtle-darker);
  border: 1px solid var(--c-border-on-dark-subtle-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-border-on-dark-subtle a {
  color: var(--c-border-on-dark-subtle-darker);
  text-decoration: underline;
}
.alert-border-on-dark-subtle a:hover {
  color: var(--c-border-on-dark-subtle-way-darker);
}
.alert-border-on-dark-subtle.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-border-on-dark-subtle.alert-dismissible .close, .alert-border-on-dark-subtle.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-border-on-dark-subtle-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-border-on-dark-subtle.alert-dismissible .close:hover, .alert-border-on-dark-subtle.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-border-on-dark-subtle {
  background-color: transparent;
  color: var(--border-on-dark-subtle);
  border: 1px solid var(--border-on-dark-subtle);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-border-input {
  background-color: var(--c-border-input-way-lighter);
  color: var(--c-border-input-darker);
  border: 1px solid var(--c-border-input-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-border-input a {
  color: var(--c-border-input-darker);
  text-decoration: underline;
}
.alert-border-input a:hover {
  color: var(--c-border-input-way-darker);
}
.alert-border-input.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-border-input.alert-dismissible .close, .alert-border-input.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-border-input-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-border-input.alert-dismissible .close:hover, .alert-border-input.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-border-input {
  background-color: transparent;
  color: var(--border-input);
  border: 1px solid var(--border-input);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-border-card {
  background-color: var(--c-border-card-way-lighter);
  color: var(--c-border-card-darker);
  border: 1px solid var(--c-border-card-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-border-card a {
  color: var(--c-border-card-darker);
  text-decoration: underline;
}
.alert-border-card a:hover {
  color: var(--c-border-card-way-darker);
}
.alert-border-card.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-border-card.alert-dismissible .close, .alert-border-card.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-border-card-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-border-card.alert-dismissible .close:hover, .alert-border-card.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-border-card {
  background-color: transparent;
  color: var(--border-card);
  border: 1px solid var(--border-card);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-border-divider {
  background-color: var(--c-border-divider-way-lighter);
  color: var(--c-border-divider-darker);
  border: 1px solid var(--c-border-divider-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-border-divider a {
  color: var(--c-border-divider-darker);
  text-decoration: underline;
}
.alert-border-divider a:hover {
  color: var(--c-border-divider-way-darker);
}
.alert-border-divider.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-border-divider.alert-dismissible .close, .alert-border-divider.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-border-divider-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-border-divider.alert-dismissible .close:hover, .alert-border-divider.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-border-divider {
  background-color: transparent;
  color: var(--border-divider);
  border: 1px solid var(--border-divider);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-input {
  background-color: var(--c-bg-input-way-lighter);
  color: var(--c-bg-input-darker);
  border: 1px solid var(--c-bg-input-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-input a {
  color: var(--c-bg-input-darker);
  text-decoration: underline;
}
.alert-bg-input a:hover {
  color: var(--c-bg-input-way-darker);
}
.alert-bg-input.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-input.alert-dismissible .close, .alert-bg-input.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-input-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-input.alert-dismissible .close:hover, .alert-bg-input.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-input {
  background-color: transparent;
  color: var(--bg-input);
  border: 1px solid var(--bg-input);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-border-input-focus {
  background-color: var(--c-border-input-focus-way-lighter);
  color: var(--c-border-input-focus-darker);
  border: 1px solid var(--c-border-input-focus-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-border-input-focus a {
  color: var(--c-border-input-focus-darker);
  text-decoration: underline;
}
.alert-border-input-focus a:hover {
  color: var(--c-border-input-focus-way-darker);
}
.alert-border-input-focus.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-border-input-focus.alert-dismissible .close, .alert-border-input-focus.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-border-input-focus-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-border-input-focus.alert-dismissible .close:hover, .alert-border-input-focus.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-border-input-focus {
  background-color: transparent;
  color: var(--border-input-focus);
  border: 1px solid var(--border-input-focus);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-table-header {
  background-color: var(--c-bg-table-header-way-lighter);
  color: var(--c-bg-table-header-darker);
  border: 1px solid var(--c-bg-table-header-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-table-header a {
  color: var(--c-bg-table-header-darker);
  text-decoration: underline;
}
.alert-bg-table-header a:hover {
  color: var(--c-bg-table-header-way-darker);
}
.alert-bg-table-header.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-table-header.alert-dismissible .close, .alert-bg-table-header.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-table-header-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-table-header.alert-dismissible .close:hover, .alert-bg-table-header.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-table-header {
  background-color: transparent;
  color: var(--bg-table-header);
  border: 1px solid var(--bg-table-header);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-table-header {
  background-color: var(--c-text-table-header-way-lighter);
  color: var(--c-text-table-header-darker);
  border: 1px solid var(--c-text-table-header-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-table-header a {
  color: var(--c-text-table-header-darker);
  text-decoration: underline;
}
.alert-text-table-header a:hover {
  color: var(--c-text-table-header-way-darker);
}
.alert-text-table-header.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-table-header.alert-dismissible .close, .alert-text-table-header.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-table-header-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-table-header.alert-dismissible .close:hover, .alert-text-table-header.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-table-header {
  background-color: transparent;
  color: var(--text-table-header);
  border: 1px solid var(--text-table-header);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-table-alt {
  background-color: var(--c-bg-table-alt-way-lighter);
  color: var(--c-bg-table-alt-darker);
  border: 1px solid var(--c-bg-table-alt-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-table-alt a {
  color: var(--c-bg-table-alt-darker);
  text-decoration: underline;
}
.alert-bg-table-alt a:hover {
  color: var(--c-bg-table-alt-way-darker);
}
.alert-bg-table-alt.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-table-alt.alert-dismissible .close, .alert-bg-table-alt.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-table-alt-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-table-alt.alert-dismissible .close:hover, .alert-bg-table-alt.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-table-alt {
  background-color: transparent;
  color: var(--bg-table-alt);
  border: 1px solid var(--bg-table-alt);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-bg-table-hover {
  background-color: var(--c-bg-table-hover-way-lighter);
  color: var(--c-bg-table-hover-darker);
  border: 1px solid var(--c-bg-table-hover-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-bg-table-hover a {
  color: var(--c-bg-table-hover-darker);
  text-decoration: underline;
}
.alert-bg-table-hover a:hover {
  color: var(--c-bg-table-hover-way-darker);
}
.alert-bg-table-hover.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-bg-table-hover.alert-dismissible .close, .alert-bg-table-hover.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-bg-table-hover-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-bg-table-hover.alert-dismissible .close:hover, .alert-bg-table-hover.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-bg-table-hover {
  background-color: transparent;
  color: var(--bg-table-hover);
  border: 1px solid var(--bg-table-hover);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-text-table-hover {
  background-color: var(--c-text-table-hover-way-lighter);
  color: var(--c-text-table-hover-darker);
  border: 1px solid var(--c-text-table-hover-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-text-table-hover a {
  color: var(--c-text-table-hover-darker);
  text-decoration: underline;
}
.alert-text-table-hover a:hover {
  color: var(--c-text-table-hover-way-darker);
}
.alert-text-table-hover.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-text-table-hover.alert-dismissible .close, .alert-text-table-hover.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-text-table-hover-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-text-table-hover.alert-dismissible .close:hover, .alert-text-table-hover.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-text-table-hover {
  background-color: transparent;
  color: var(--text-table-hover);
  border: 1px solid var(--text-table-hover);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.alert-white {
  background-color: var(--c-white-way-lighter);
  color: var(--c-white-darker);
  border: 1px solid var(--c-white-light);
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.alert-white a {
  color: var(--c-white-darker);
  text-decoration: underline;
}
.alert-white a:hover {
  color: var(--c-white-way-darker);
}
.alert-white.alert-dismissible {
  padding-right: 4rem;
  position: relative;
}
.alert-white.alert-dismissible .close, .alert-white.alert-dismissible .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  padding: 0;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-white-darker);
  opacity: 0.5;
  cursor: pointer;
}
.alert-white.alert-dismissible .close:hover, .alert-white.alert-dismissible .btn-close:hover {
  opacity: 0.8;
}

.alert-subtle-white {
  background-color: transparent;
  color: var(--c-white);
  border: 1px solid var(--c-white);
  border-left-width: 4px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.badge-primary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-primary);
}
.btn .badge-primary {
  position: relative;
  top: -1px;
}
.badge-primary:empty {
  display: none;
}

.badge-outline-primary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--ink-site-primary);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--ink-site-primary);
}

.badge-light-primary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-primary-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-primary-lighter);
}

.badge-secondary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-secondary);
}
.btn .badge-secondary {
  position: relative;
  top: -1px;
}
.badge-secondary:empty {
  display: none;
}

.badge-outline-secondary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--ink-site-secondary);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--ink-site-secondary);
}

.badge-light-secondary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-secondary-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-secondary-lighter);
}

.badge-tertiary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-tertiary);
}
.btn .badge-tertiary {
  position: relative;
  top: -1px;
}
.badge-tertiary:empty {
  display: none;
}

.badge-outline-tertiary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--ink-site-tertiary);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--ink-site-tertiary);
}

.badge-light-tertiary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-tertiary-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-tertiary-lighter);
}

.badge-cta {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-cta);
}
.btn .badge-cta {
  position: relative;
  top: -1px;
}
.badge-cta:empty {
  display: none;
}

.badge-outline-cta {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--ink-site-cta);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--ink-site-cta);
}

.badge-light-cta {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-cta-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-cta-lighter);
}

.badge-success {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-success);
}
.btn .badge-success {
  position: relative;
  top: -1px;
}
.badge-success:empty {
  display: none;
}

.badge-outline-success {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--ink-site-success);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--ink-site-success);
}

.badge-light-success {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-success-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-success-lighter);
}

.badge-danger {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-danger);
}
.btn .badge-danger {
  position: relative;
  top: -1px;
}
.badge-danger:empty {
  display: none;
}

.badge-outline-danger {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--ink-site-danger);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--ink-site-danger);
}

.badge-light-danger {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-danger-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-danger-lighter);
}

.badge-warning {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-warning);
}
.btn .badge-warning {
  position: relative;
  top: -1px;
}
.badge-warning:empty {
  display: none;
}

.badge-outline-warning {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--ink-site-warning);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--ink-site-warning);
}

.badge-light-warning {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-warning-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-warning-lighter);
}

.badge-info {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-info);
}
.btn .badge-info {
  position: relative;
  top: -1px;
}
.badge-info:empty {
  display: none;
}

.badge-outline-info {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--ink-site-info);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--ink-site-info);
}

.badge-light-info {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-info-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-info-lighter);
}

.badge-bg-body {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--bg-body);
}
.btn .badge-bg-body {
  position: relative;
  top: -1px;
}
.badge-bg-body:empty {
  display: none;
}

.badge-outline-bg-body {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--bg-body);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--bg-body);
}

.badge-light-bg-body {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-body-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-body-lighter);
}

.badge-bg-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--bg-alt);
}
.btn .badge-bg-alt {
  position: relative;
  top: -1px;
}
.badge-bg-alt:empty {
  display: none;
}

.badge-outline-bg-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--bg-alt);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--bg-alt);
}

.badge-light-bg-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-alt-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-alt-lighter);
}

.badge-bg-tint {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--bg-tint);
}
.btn .badge-bg-tint {
  position: relative;
  top: -1px;
}
.badge-bg-tint:empty {
  display: none;
}

.badge-outline-bg-tint {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--bg-tint);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--bg-tint);
}

.badge-light-bg-tint {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-tint-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-tint-lighter);
}

.badge-bg-accent {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--bg-accent);
}
.btn .badge-bg-accent {
  position: relative;
  top: -1px;
}
.badge-bg-accent:empty {
  display: none;
}

.badge-outline-bg-accent {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--bg-accent);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--bg-accent);
}

.badge-light-bg-accent {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-accent-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-accent-lighter);
}

.badge-bg-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--bg-dark);
}
.btn .badge-bg-dark {
  position: relative;
  top: -1px;
}
.badge-bg-dark:empty {
  display: none;
}

.badge-outline-bg-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--bg-dark);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--bg-dark);
}

.badge-light-bg-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-dark-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-dark-lighter);
}

.badge-bg-dark-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--bg-dark-alt);
}
.btn .badge-bg-dark-alt {
  position: relative;
  top: -1px;
}
.badge-bg-dark-alt:empty {
  display: none;
}

.badge-outline-bg-dark-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--bg-dark-alt);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--bg-dark-alt);
}

.badge-light-bg-dark-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-dark-alt-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-dark-alt-lighter);
}

.badge-bg-dark-neutral {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--bg-dark-neutral);
}
.btn .badge-bg-dark-neutral {
  position: relative;
  top: -1px;
}
.badge-bg-dark-neutral:empty {
  display: none;
}

.badge-outline-bg-dark-neutral {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--bg-dark-neutral);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--bg-dark-neutral);
}

.badge-light-bg-dark-neutral {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-dark-neutral-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-dark-neutral-lighter);
}

.badge-bg-footer {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--bg-footer);
}
.btn .badge-bg-footer {
  position: relative;
  top: -1px;
}
.badge-bg-footer:empty {
  display: none;
}

.badge-outline-bg-footer {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--bg-footer);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--bg-footer);
}

.badge-light-bg-footer {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-footer-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-footer-lighter);
}

.badge-text-body {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--text-body);
}
.btn .badge-text-body {
  position: relative;
  top: -1px;
}
.badge-text-body:empty {
  display: none;
}

.badge-outline-text-body {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--text-body);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--text-body);
}

.badge-light-text-body {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-body-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-body-lighter);
}

.badge-text-heading {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--text-heading);
}
.btn .badge-text-heading {
  position: relative;
  top: -1px;
}
.badge-text-heading:empty {
  display: none;
}

.badge-outline-text-heading {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--text-heading);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--text-heading);
}

.badge-light-text-heading {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-heading-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-heading-lighter);
}

.badge-text-link {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--text-link);
}
.btn .badge-text-link {
  position: relative;
  top: -1px;
}
.badge-text-link:empty {
  display: none;
}

.badge-outline-text-link {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--text-link);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--text-link);
}

.badge-light-text-link {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-link-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-link-lighter);
}

.badge-text-muted {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--text-muted);
}
.btn .badge-text-muted {
  position: relative;
  top: -1px;
}
.badge-text-muted:empty {
  display: none;
}

.badge-outline-text-muted {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--text-muted);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--text-muted);
}

.badge-light-text-muted {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-muted-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-muted-lighter);
}

.badge-text-muted-extra {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--text-muted-extra);
}
.btn .badge-text-muted-extra {
  position: relative;
  top: -1px;
}
.badge-text-muted-extra:empty {
  display: none;
}

.badge-outline-text-muted-extra {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--text-muted-extra);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--text-muted-extra);
}

.badge-light-text-muted-extra {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-muted-extra-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-muted-extra-lighter);
}

.badge-text-on-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--text-on-dark);
}
.btn .badge-text-on-dark {
  position: relative;
  top: -1px;
}
.badge-text-on-dark:empty {
  display: none;
}

.badge-outline-text-on-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--text-on-dark);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--text-on-dark);
}

.badge-light-text-on-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-on-dark-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-on-dark-lighter);
}

.badge-text-on-dark-muted {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--text-on-dark-muted);
}
.btn .badge-text-on-dark-muted {
  position: relative;
  top: -1px;
}
.badge-text-on-dark-muted:empty {
  display: none;
}

.badge-outline-text-on-dark-muted {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--text-on-dark-muted);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--text-on-dark-muted);
}

.badge-light-text-on-dark-muted {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-on-dark-muted-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-on-dark-muted-lighter);
}

.badge-text-on-dark-link {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--text-on-dark-link);
}
.btn .badge-text-on-dark-link {
  position: relative;
  top: -1px;
}
.badge-text-on-dark-link:empty {
  display: none;
}

.badge-outline-text-on-dark-link {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--text-on-dark-link);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--text-on-dark-link);
}

.badge-light-text-on-dark-link {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-on-dark-link-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-on-dark-link-lighter);
}

.badge-border-on-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--border-on-dark-strong);
}
.btn .badge-border-on-dark {
  position: relative;
  top: -1px;
}
.badge-border-on-dark:empty {
  display: none;
}

.badge-outline-border-on-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--border-on-dark-strong);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--border-on-dark-strong);
}

.badge-light-border-on-dark {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-border-on-dark-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-border-on-dark-lighter);
}

.badge-border-on-dark-subtle {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--border-on-dark-subtle);
}
.btn .badge-border-on-dark-subtle {
  position: relative;
  top: -1px;
}
.badge-border-on-dark-subtle:empty {
  display: none;
}

.badge-outline-border-on-dark-subtle {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--border-on-dark-subtle);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--border-on-dark-subtle);
}

.badge-light-border-on-dark-subtle {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-border-on-dark-subtle-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-border-on-dark-subtle-lighter);
}

.badge-border-input {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--border-input);
}
.btn .badge-border-input {
  position: relative;
  top: -1px;
}
.badge-border-input:empty {
  display: none;
}

.badge-outline-border-input {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--border-input);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--border-input);
}

.badge-light-border-input {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-border-input-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-border-input-lighter);
}

.badge-border-card {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--border-card);
}
.btn .badge-border-card {
  position: relative;
  top: -1px;
}
.badge-border-card:empty {
  display: none;
}

.badge-outline-border-card {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--border-card);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--border-card);
}

.badge-light-border-card {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-border-card-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-border-card-lighter);
}

.badge-border-divider {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--border-divider);
}
.btn .badge-border-divider {
  position: relative;
  top: -1px;
}
.badge-border-divider:empty {
  display: none;
}

.badge-outline-border-divider {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--border-divider);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--border-divider);
}

.badge-light-border-divider {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-border-divider-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-border-divider-lighter);
}

.badge-bg-input {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--bg-input);
}
.btn .badge-bg-input {
  position: relative;
  top: -1px;
}
.badge-bg-input:empty {
  display: none;
}

.badge-outline-bg-input {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--bg-input);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--bg-input);
}

.badge-light-bg-input {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-input-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-input-lighter);
}

.badge-border-input-focus {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--border-input-focus);
}
.btn .badge-border-input-focus {
  position: relative;
  top: -1px;
}
.badge-border-input-focus:empty {
  display: none;
}

.badge-outline-border-input-focus {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--border-input-focus);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--border-input-focus);
}

.badge-light-border-input-focus {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-border-input-focus-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-border-input-focus-lighter);
}

.badge-bg-table-header {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--bg-table-header);
}
.btn .badge-bg-table-header {
  position: relative;
  top: -1px;
}
.badge-bg-table-header:empty {
  display: none;
}

.badge-outline-bg-table-header {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--bg-table-header);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--bg-table-header);
}

.badge-light-bg-table-header {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-table-header-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-table-header-lighter);
}

.badge-text-table-header {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--text-table-header);
}
.btn .badge-text-table-header {
  position: relative;
  top: -1px;
}
.badge-text-table-header:empty {
  display: none;
}

.badge-outline-text-table-header {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--text-table-header);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--text-table-header);
}

.badge-light-text-table-header {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-table-header-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-table-header-lighter);
}

.badge-bg-table-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--bg-table-alt);
}
.btn .badge-bg-table-alt {
  position: relative;
  top: -1px;
}
.badge-bg-table-alt:empty {
  display: none;
}

.badge-outline-bg-table-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--bg-table-alt);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--bg-table-alt);
}

.badge-light-bg-table-alt {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-table-alt-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-table-alt-lighter);
}

.badge-bg-table-hover {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--bg-table-hover);
}
.btn .badge-bg-table-hover {
  position: relative;
  top: -1px;
}
.badge-bg-table-hover:empty {
  display: none;
}

.badge-outline-bg-table-hover {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--bg-table-hover);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--bg-table-hover);
}

.badge-light-bg-table-hover {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-bg-table-hover-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-bg-table-hover-lighter);
}

.badge-text-table-hover {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--text-table-hover);
}
.btn .badge-text-table-hover {
  position: relative;
  top: -1px;
}
.badge-text-table-hover:empty {
  display: none;
}

.badge-outline-text-table-hover {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--text-table-hover);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--text-table-hover);
}

.badge-light-text-table-hover {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-text-table-hover-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-text-table-hover-lighter);
}

.badge-white {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-white);
}
.btn .badge-white {
  position: relative;
  top: -1px;
}
.badge-white:empty {
  display: none;
}

.badge-outline-white {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid var(--c-white);
}

.badge-light-white {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white-darker);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--c-white-lighter);
}

.badge-pill {
  padding-left: 0.8em;
  padding-right: 0.8em;
  border-radius: 10rem;
}

.badge-square {
  border-radius: 0;
}

.badge-rounded {
  border-radius: 0.5rem;
}

.badge-sm {
  padding: 0.125em 0.4em;
  font-size: 0.65rem;
}

.badge-lg {
  padding: 0.35em 0.8em;
  font-size: 0.85rem;
}

.toast-primary {
  background-color: var(--c-primary);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-primary .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-primary .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-primary {
  background-color: var(--c-primary-way-lighter);
  color: var(--c-primary-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--ink-site-primary);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-secondary {
  background-color: var(--c-secondary);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-secondary .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-secondary .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-secondary {
  background-color: var(--c-secondary-way-lighter);
  color: var(--c-secondary-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--ink-site-secondary);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-tertiary {
  background-color: var(--c-tertiary);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-tertiary .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-tertiary .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-tertiary {
  background-color: var(--c-tertiary-way-lighter);
  color: var(--c-tertiary-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--ink-site-tertiary);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-cta {
  background-color: var(--c-cta);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-cta .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-cta .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-cta {
  background-color: var(--c-cta-way-lighter);
  color: var(--c-cta-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--ink-site-cta);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-success {
  background-color: var(--c-success);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-success .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-success .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-success {
  background-color: var(--c-success-way-lighter);
  color: var(--c-success-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--ink-site-success);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-danger {
  background-color: var(--c-danger);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-danger .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-danger .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-danger {
  background-color: var(--c-danger-way-lighter);
  color: var(--c-danger-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--ink-site-danger);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-warning {
  background-color: var(--c-warning);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-warning .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-warning .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-warning {
  background-color: var(--c-warning-way-lighter);
  color: var(--c-warning-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--ink-site-warning);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-info {
  background-color: var(--c-info);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-info .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-info .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-info {
  background-color: var(--c-info-way-lighter);
  color: var(--c-info-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--ink-site-info);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-body {
  background-color: var(--bg-body);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-body .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-body .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-body {
  background-color: var(--c-bg-body-way-lighter);
  color: var(--c-bg-body-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--bg-body);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-alt {
  background-color: var(--bg-alt);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-alt .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-alt .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-alt {
  background-color: var(--c-bg-alt-way-lighter);
  color: var(--c-bg-alt-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--bg-alt);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-tint {
  background-color: var(--bg-tint);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-tint .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-tint .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-tint {
  background-color: var(--c-bg-tint-way-lighter);
  color: var(--c-bg-tint-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--bg-tint);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-accent {
  background-color: var(--bg-accent);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-accent .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-accent .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-accent {
  background-color: var(--c-bg-accent-way-lighter);
  color: var(--c-bg-accent-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--bg-accent);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-dark {
  background-color: var(--bg-dark);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-dark .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-dark .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-dark {
  background-color: var(--c-bg-dark-way-lighter);
  color: var(--c-bg-dark-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--bg-dark);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-dark-alt {
  background-color: var(--bg-dark-alt);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-dark-alt .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-dark-alt .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-dark-alt {
  background-color: var(--c-bg-dark-alt-way-lighter);
  color: var(--c-bg-dark-alt-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--bg-dark-alt);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-dark-neutral {
  background-color: var(--bg-dark-neutral);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-dark-neutral .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-dark-neutral .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-dark-neutral {
  background-color: var(--c-bg-dark-neutral-way-lighter);
  color: var(--c-bg-dark-neutral-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--bg-dark-neutral);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-footer {
  background-color: var(--bg-footer);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-footer .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-footer .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-footer {
  background-color: var(--c-bg-footer-way-lighter);
  color: var(--c-bg-footer-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--bg-footer);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-body {
  background-color: var(--text-body);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-body .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-body .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-body {
  background-color: var(--c-text-body-way-lighter);
  color: var(--c-text-body-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--text-body);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-heading {
  background-color: var(--text-heading);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-heading .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-heading .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-heading {
  background-color: var(--c-text-heading-way-lighter);
  color: var(--c-text-heading-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--text-heading);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-link {
  background-color: var(--text-link);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-link .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-link .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-link {
  background-color: var(--c-text-link-way-lighter);
  color: var(--c-text-link-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--text-link);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-muted {
  background-color: var(--text-muted);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-muted .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-muted .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-muted {
  background-color: var(--c-text-muted-way-lighter);
  color: var(--c-text-muted-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--text-muted);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-muted-extra {
  background-color: var(--text-muted-extra);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-muted-extra .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-muted-extra .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-muted-extra {
  background-color: var(--c-text-muted-extra-way-lighter);
  color: var(--c-text-muted-extra-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--text-muted-extra);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-on-dark {
  background-color: var(--text-on-dark);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-on-dark .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-on-dark .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-on-dark {
  background-color: var(--c-text-on-dark-way-lighter);
  color: var(--c-text-on-dark-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--text-on-dark);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-on-dark-muted {
  background-color: var(--text-on-dark-muted);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-on-dark-muted .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-on-dark-muted .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-on-dark-muted {
  background-color: var(--c-text-on-dark-muted-way-lighter);
  color: var(--c-text-on-dark-muted-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--text-on-dark-muted);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-on-dark-link {
  background-color: var(--text-on-dark-link);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-on-dark-link .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-on-dark-link .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-on-dark-link {
  background-color: var(--c-text-on-dark-link-way-lighter);
  color: var(--c-text-on-dark-link-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--text-on-dark-link);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-on-dark {
  background-color: var(--border-on-dark-strong);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-border-on-dark .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-border-on-dark .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-border-on-dark {
  background-color: var(--c-border-on-dark-way-lighter);
  color: var(--c-border-on-dark-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--border-on-dark-strong);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-on-dark-subtle {
  background-color: var(--border-on-dark-subtle);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-border-on-dark-subtle .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-border-on-dark-subtle .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-border-on-dark-subtle {
  background-color: var(--c-border-on-dark-subtle-way-lighter);
  color: var(--c-border-on-dark-subtle-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--border-on-dark-subtle);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-input {
  background-color: var(--border-input);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-border-input .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-border-input .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-border-input {
  background-color: var(--c-border-input-way-lighter);
  color: var(--c-border-input-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--border-input);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-card {
  background-color: var(--border-card);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-border-card .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-border-card .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-border-card {
  background-color: var(--c-border-card-way-lighter);
  color: var(--c-border-card-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--border-card);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-divider {
  background-color: var(--border-divider);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-border-divider .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-border-divider .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-border-divider {
  background-color: var(--c-border-divider-way-lighter);
  color: var(--c-border-divider-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--border-divider);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-input {
  background-color: var(--bg-input);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-input .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-input .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-input {
  background-color: var(--c-bg-input-way-lighter);
  color: var(--c-bg-input-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--bg-input);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-border-input-focus {
  background-color: var(--border-input-focus);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-border-input-focus .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-border-input-focus .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-border-input-focus {
  background-color: var(--c-border-input-focus-way-lighter);
  color: var(--c-border-input-focus-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--border-input-focus);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-table-header {
  background-color: var(--bg-table-header);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-table-header .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-table-header .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-table-header {
  background-color: var(--c-bg-table-header-way-lighter);
  color: var(--c-bg-table-header-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--bg-table-header);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-table-header {
  background-color: var(--text-table-header);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-table-header .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-table-header .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-table-header {
  background-color: var(--c-text-table-header-way-lighter);
  color: var(--c-text-table-header-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--text-table-header);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-table-alt {
  background-color: var(--bg-table-alt);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-table-alt .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-table-alt .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-table-alt {
  background-color: var(--c-bg-table-alt-way-lighter);
  color: var(--c-bg-table-alt-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--bg-table-alt);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-bg-table-hover {
  background-color: var(--bg-table-hover);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-bg-table-hover .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-bg-table-hover .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-bg-table-hover {
  background-color: var(--c-bg-table-hover-way-lighter);
  color: var(--c-bg-table-hover-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--bg-table-hover);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-text-table-hover {
  background-color: var(--text-table-hover);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-text-table-hover .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-text-table-hover .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-text-table-hover {
  background-color: var(--c-text-table-hover-way-lighter);
  color: var(--c-text-table-hover-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--text-table-hover);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.toast-white {
  background-color: var(--c-white);
  color: var(--c-white);
  padding: 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}
.toast-white .toast-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.toast-white .toast-body {
  font-size: 0.875rem;
}

.toast-subtle-white {
  background-color: var(--c-white-way-lighter);
  color: var(--c-white-darker);
  padding: 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid var(--c-white);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
}

.tag-primary {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-primary-lighter);
  color: var(--c-primary-darker);
}
.tag-primary:hover {
  background-color: var(--c-primary-light);
}

.tag-secondary {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-secondary-lighter);
  color: var(--c-secondary-darker);
}
.tag-secondary:hover {
  background-color: var(--c-secondary-light);
}

.tag-tertiary {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-tertiary-lighter);
  color: var(--c-tertiary-darker);
}
.tag-tertiary:hover {
  background-color: var(--c-tertiary-light);
}

.tag-cta {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-cta-lighter);
  color: var(--c-cta-darker);
}
.tag-cta:hover {
  background-color: var(--c-cta-light);
}

.tag-success {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-success-lighter);
  color: var(--c-success-darker);
}
.tag-success:hover {
  background-color: var(--c-success-light);
}

.tag-danger {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-danger-lighter);
  color: var(--c-danger-darker);
}
.tag-danger:hover {
  background-color: var(--c-danger-light);
}

.tag-warning {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-warning-lighter);
  color: var(--c-warning-darker);
}
.tag-warning:hover {
  background-color: var(--c-warning-light);
}

.tag-info {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-info-lighter);
  color: var(--c-info-darker);
}
.tag-info:hover {
  background-color: var(--c-info-light);
}

.tag-bg-body {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-body-lighter);
  color: var(--c-bg-body-darker);
}
.tag-bg-body:hover {
  background-color: var(--c-bg-body-light);
}

.tag-bg-alt {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-alt-lighter);
  color: var(--c-bg-alt-darker);
}
.tag-bg-alt:hover {
  background-color: var(--c-bg-alt-light);
}

.tag-bg-tint {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-tint-lighter);
  color: var(--c-bg-tint-darker);
}
.tag-bg-tint:hover {
  background-color: var(--c-bg-tint-light);
}

.tag-bg-accent {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-accent-lighter);
  color: var(--c-bg-accent-darker);
}
.tag-bg-accent:hover {
  background-color: var(--c-bg-accent-light);
}

.tag-bg-dark {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-dark-lighter);
  color: var(--c-bg-dark-darker);
}
.tag-bg-dark:hover {
  background-color: var(--c-bg-dark-light);
}

.tag-bg-dark-alt {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-dark-alt-lighter);
  color: var(--c-bg-dark-alt-darker);
}
.tag-bg-dark-alt:hover {
  background-color: var(--c-bg-dark-alt-light);
}

.tag-bg-dark-neutral {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-dark-neutral-lighter);
  color: var(--c-bg-dark-neutral-darker);
}
.tag-bg-dark-neutral:hover {
  background-color: var(--c-bg-dark-neutral-light);
}

.tag-bg-footer {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-footer-lighter);
  color: var(--c-bg-footer-darker);
}
.tag-bg-footer:hover {
  background-color: var(--c-bg-footer-light);
}

.tag-text-body {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-body-lighter);
  color: var(--c-text-body-darker);
}
.tag-text-body:hover {
  background-color: var(--c-text-body-light);
}

.tag-text-heading {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-heading-lighter);
  color: var(--c-text-heading-darker);
}
.tag-text-heading:hover {
  background-color: var(--c-text-heading-light);
}

.tag-text-link {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-link-lighter);
  color: var(--c-text-link-darker);
}
.tag-text-link:hover {
  background-color: var(--c-text-link-light);
}

.tag-text-muted {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-muted-lighter);
  color: var(--c-text-muted-darker);
}
.tag-text-muted:hover {
  background-color: var(--c-text-muted-light);
}

.tag-text-muted-extra {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-muted-extra-lighter);
  color: var(--c-text-muted-extra-darker);
}
.tag-text-muted-extra:hover {
  background-color: var(--c-text-muted-extra-light);
}

.tag-text-on-dark {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-on-dark-lighter);
  color: var(--c-text-on-dark-darker);
}
.tag-text-on-dark:hover {
  background-color: var(--c-text-on-dark-light);
}

.tag-text-on-dark-muted {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-on-dark-muted-lighter);
  color: var(--c-text-on-dark-muted-darker);
}
.tag-text-on-dark-muted:hover {
  background-color: var(--c-text-on-dark-muted-light);
}

.tag-text-on-dark-link {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-on-dark-link-lighter);
  color: var(--c-text-on-dark-link-darker);
}
.tag-text-on-dark-link:hover {
  background-color: var(--c-text-on-dark-link-light);
}

.tag-border-on-dark {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-border-on-dark-lighter);
  color: var(--c-border-on-dark-darker);
}
.tag-border-on-dark:hover {
  background-color: var(--c-border-on-dark-light);
}

.tag-border-on-dark-subtle {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-border-on-dark-subtle-lighter);
  color: var(--c-border-on-dark-subtle-darker);
}
.tag-border-on-dark-subtle:hover {
  background-color: var(--c-border-on-dark-subtle-light);
}

.tag-border-input {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-border-input-lighter);
  color: var(--c-border-input-darker);
}
.tag-border-input:hover {
  background-color: var(--c-border-input-light);
}

.tag-border-card {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-border-card-lighter);
  color: var(--c-border-card-darker);
}
.tag-border-card:hover {
  background-color: var(--c-border-card-light);
}

.tag-border-divider {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-border-divider-lighter);
  color: var(--c-border-divider-darker);
}
.tag-border-divider:hover {
  background-color: var(--c-border-divider-light);
}

.tag-bg-input {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-input-lighter);
  color: var(--c-bg-input-darker);
}
.tag-bg-input:hover {
  background-color: var(--c-bg-input-light);
}

.tag-border-input-focus {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-border-input-focus-lighter);
  color: var(--c-border-input-focus-darker);
}
.tag-border-input-focus:hover {
  background-color: var(--c-border-input-focus-light);
}

.tag-bg-table-header {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-table-header-lighter);
  color: var(--c-bg-table-header-darker);
}
.tag-bg-table-header:hover {
  background-color: var(--c-bg-table-header-light);
}

.tag-text-table-header {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-table-header-lighter);
  color: var(--c-text-table-header-darker);
}
.tag-text-table-header:hover {
  background-color: var(--c-text-table-header-light);
}

.tag-bg-table-alt {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-table-alt-lighter);
  color: var(--c-bg-table-alt-darker);
}
.tag-bg-table-alt:hover {
  background-color: var(--c-bg-table-alt-light);
}

.tag-bg-table-hover {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-bg-table-hover-lighter);
  color: var(--c-bg-table-hover-darker);
}
.tag-bg-table-hover:hover {
  background-color: var(--c-bg-table-hover-light);
}

.tag-text-table-hover {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-text-table-hover-lighter);
  color: var(--c-text-table-hover-darker);
}
.tag-text-table-hover:hover {
  background-color: var(--c-text-table-hover-light);
}

.tag-white {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  font-size: 0.875rem;
  border-radius: 9999px;
  background-color: var(--c-white-lighter);
  color: var(--c-white-darker);
}
.tag-white:hover {
  background-color: var(--c-white-light);
}

.status-primary {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--c-primary);
}
.status-primary.status-pulse {
  animation: pulse-primary 2s infinite;
}

@keyframes pulse-primary {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-secondary {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--c-secondary);
}
.status-secondary.status-pulse {
  animation: pulse-secondary 2s infinite;
}

@keyframes pulse-secondary {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-tertiary {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--c-tertiary);
}
.status-tertiary.status-pulse {
  animation: pulse-tertiary 2s infinite;
}

@keyframes pulse-tertiary {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-cta {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--c-cta);
}
.status-cta.status-pulse {
  animation: pulse-cta 2s infinite;
}

@keyframes pulse-cta {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-success {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--c-success);
}
.status-success.status-pulse {
  animation: pulse-success 2s infinite;
}

@keyframes pulse-success {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-danger {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--c-danger);
}
.status-danger.status-pulse {
  animation: pulse-danger 2s infinite;
}

@keyframes pulse-danger {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-warning {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--c-warning);
}
.status-warning.status-pulse {
  animation: pulse-warning 2s infinite;
}

@keyframes pulse-warning {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-info {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--c-info);
}
.status-info.status-pulse {
  animation: pulse-info 2s infinite;
}

@keyframes pulse-info {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-body {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--bg-body);
}
.status-bg-body.status-pulse {
  animation: pulse-bg-body 2s infinite;
}

@keyframes pulse-bg-body {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-alt {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--bg-alt);
}
.status-bg-alt.status-pulse {
  animation: pulse-bg-alt 2s infinite;
}

@keyframes pulse-bg-alt {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-tint {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--bg-tint);
}
.status-bg-tint.status-pulse {
  animation: pulse-bg-tint 2s infinite;
}

@keyframes pulse-bg-tint {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-accent {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--bg-accent);
}
.status-bg-accent.status-pulse {
  animation: pulse-bg-accent 2s infinite;
}

@keyframes pulse-bg-accent {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-dark {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--bg-dark);
}
.status-bg-dark.status-pulse {
  animation: pulse-bg-dark 2s infinite;
}

@keyframes pulse-bg-dark {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-dark-alt {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--bg-dark-alt);
}
.status-bg-dark-alt.status-pulse {
  animation: pulse-bg-dark-alt 2s infinite;
}

@keyframes pulse-bg-dark-alt {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-dark-neutral {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--bg-dark-neutral);
}
.status-bg-dark-neutral.status-pulse {
  animation: pulse-bg-dark-neutral 2s infinite;
}

@keyframes pulse-bg-dark-neutral {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-footer {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--bg-footer);
}
.status-bg-footer.status-pulse {
  animation: pulse-bg-footer 2s infinite;
}

@keyframes pulse-bg-footer {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-body {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--text-body);
}
.status-text-body.status-pulse {
  animation: pulse-text-body 2s infinite;
}

@keyframes pulse-text-body {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-heading {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--text-heading);
}
.status-text-heading.status-pulse {
  animation: pulse-text-heading 2s infinite;
}

@keyframes pulse-text-heading {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-link {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--text-link);
}
.status-text-link.status-pulse {
  animation: pulse-text-link 2s infinite;
}

@keyframes pulse-text-link {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-muted {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--text-muted);
}
.status-text-muted.status-pulse {
  animation: pulse-text-muted 2s infinite;
}

@keyframes pulse-text-muted {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-muted-extra {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--text-muted-extra);
}
.status-text-muted-extra.status-pulse {
  animation: pulse-text-muted-extra 2s infinite;
}

@keyframes pulse-text-muted-extra {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-on-dark {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--text-on-dark);
}
.status-text-on-dark.status-pulse {
  animation: pulse-text-on-dark 2s infinite;
}

@keyframes pulse-text-on-dark {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-on-dark-muted {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--text-on-dark-muted);
}
.status-text-on-dark-muted.status-pulse {
  animation: pulse-text-on-dark-muted 2s infinite;
}

@keyframes pulse-text-on-dark-muted {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-on-dark-link {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--text-on-dark-link);
}
.status-text-on-dark-link.status-pulse {
  animation: pulse-text-on-dark-link 2s infinite;
}

@keyframes pulse-text-on-dark-link {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-border-on-dark {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--border-on-dark-strong);
}
.status-border-on-dark.status-pulse {
  animation: pulse-border-on-dark 2s infinite;
}

@keyframes pulse-border-on-dark {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-border-on-dark-subtle {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--border-on-dark-subtle);
}
.status-border-on-dark-subtle.status-pulse {
  animation: pulse-border-on-dark-subtle 2s infinite;
}

@keyframes pulse-border-on-dark-subtle {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-border-input {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--border-input);
}
.status-border-input.status-pulse {
  animation: pulse-border-input 2s infinite;
}

@keyframes pulse-border-input {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-border-card {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--border-card);
}
.status-border-card.status-pulse {
  animation: pulse-border-card 2s infinite;
}

@keyframes pulse-border-card {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-border-divider {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--border-divider);
}
.status-border-divider.status-pulse {
  animation: pulse-border-divider 2s infinite;
}

@keyframes pulse-border-divider {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-input {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--bg-input);
}
.status-bg-input.status-pulse {
  animation: pulse-bg-input 2s infinite;
}

@keyframes pulse-bg-input {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-border-input-focus {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--border-input-focus);
}
.status-border-input-focus.status-pulse {
  animation: pulse-border-input-focus 2s infinite;
}

@keyframes pulse-border-input-focus {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-table-header {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--bg-table-header);
}
.status-bg-table-header.status-pulse {
  animation: pulse-bg-table-header 2s infinite;
}

@keyframes pulse-bg-table-header {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-table-header {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--text-table-header);
}
.status-text-table-header.status-pulse {
  animation: pulse-text-table-header 2s infinite;
}

@keyframes pulse-text-table-header {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-table-alt {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--bg-table-alt);
}
.status-bg-table-alt.status-pulse {
  animation: pulse-bg-table-alt 2s infinite;
}

@keyframes pulse-bg-table-alt {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-bg-table-hover {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--bg-table-hover);
}
.status-bg-table-hover.status-pulse {
  animation: pulse-bg-table-hover 2s infinite;
}

@keyframes pulse-bg-table-hover {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-text-table-hover {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--text-table-hover);
}
.status-text-table-hover.status-pulse {
  animation: pulse-text-table-hover 2s infinite;
}

@keyframes pulse-text-table-hover {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.status-white {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--c-white);
}
.status-white.status-pulse {
  animation: pulse-white 2s infinite;
}

@keyframes pulse-white {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.callout-primary {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-primary-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-primary-way-lighter);
}
.callout-primary .callout-title {
  color: var(--c-primary-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-primary .callout-text {
  color: var(--c-primary-dark);
}

.callout-secondary {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-secondary-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-secondary-way-lighter);
}
.callout-secondary .callout-title {
  color: var(--c-secondary-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-secondary .callout-text {
  color: var(--c-secondary-dark);
}

.callout-tertiary {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-tertiary-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-tertiary-way-lighter);
}
.callout-tertiary .callout-title {
  color: var(--c-tertiary-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-tertiary .callout-text {
  color: var(--c-tertiary-dark);
}

.callout-cta {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-cta-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-cta-way-lighter);
}
.callout-cta .callout-title {
  color: var(--c-cta-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-cta .callout-text {
  color: var(--c-cta-dark);
}

.callout-success {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-success-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-success-way-lighter);
}
.callout-success .callout-title {
  color: var(--c-success-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-success .callout-text {
  color: var(--c-success-dark);
}

.callout-danger {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-danger-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-danger-way-lighter);
}
.callout-danger .callout-title {
  color: var(--c-danger-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-danger .callout-text {
  color: var(--c-danger-dark);
}

.callout-warning {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-warning-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-warning-way-lighter);
}
.callout-warning .callout-title {
  color: var(--c-warning-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-warning .callout-text {
  color: var(--c-warning-dark);
}

.callout-info {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-info-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-info-way-lighter);
}
.callout-info .callout-title {
  color: var(--c-info-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-info .callout-text {
  color: var(--c-info-dark);
}

.callout-bg-body {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-body-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-body-way-lighter);
}
.callout-bg-body .callout-title {
  color: var(--c-bg-body-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-body .callout-text {
  color: var(--c-bg-body-dark);
}

.callout-bg-alt {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-alt-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-alt-way-lighter);
}
.callout-bg-alt .callout-title {
  color: var(--c-bg-alt-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-alt .callout-text {
  color: var(--c-bg-alt-dark);
}

.callout-bg-tint {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-tint-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-tint-way-lighter);
}
.callout-bg-tint .callout-title {
  color: var(--c-bg-tint-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-tint .callout-text {
  color: var(--c-bg-tint-dark);
}

.callout-bg-accent {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-accent-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-accent-way-lighter);
}
.callout-bg-accent .callout-title {
  color: var(--c-bg-accent-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-accent .callout-text {
  color: var(--c-bg-accent-dark);
}

.callout-bg-dark {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-dark-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-dark-way-lighter);
}
.callout-bg-dark .callout-title {
  color: var(--c-bg-dark-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-dark .callout-text {
  color: var(--c-bg-dark-dark);
}

.callout-bg-dark-alt {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-dark-alt-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-dark-alt-way-lighter);
}
.callout-bg-dark-alt .callout-title {
  color: var(--c-bg-dark-alt-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-dark-alt .callout-text {
  color: var(--c-bg-dark-alt-dark);
}

.callout-bg-dark-neutral {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-dark-neutral-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-dark-neutral-way-lighter);
}
.callout-bg-dark-neutral .callout-title {
  color: var(--c-bg-dark-neutral-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-dark-neutral .callout-text {
  color: var(--c-bg-dark-neutral-dark);
}

.callout-bg-footer {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-footer-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-footer-way-lighter);
}
.callout-bg-footer .callout-title {
  color: var(--c-bg-footer-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-footer .callout-text {
  color: var(--c-bg-footer-dark);
}

.callout-text-body {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-body-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-body-way-lighter);
}
.callout-text-body .callout-title {
  color: var(--c-text-body-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-body .callout-text {
  color: var(--c-text-body-dark);
}

.callout-text-heading {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-heading-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-heading-way-lighter);
}
.callout-text-heading .callout-title {
  color: var(--c-text-heading-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-heading .callout-text {
  color: var(--c-text-heading-dark);
}

.callout-text-link {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-link-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-link-way-lighter);
}
.callout-text-link .callout-title {
  color: var(--c-text-link-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-link .callout-text {
  color: var(--c-text-link-dark);
}

.callout-text-muted {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-muted-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-muted-way-lighter);
}
.callout-text-muted .callout-title {
  color: var(--c-text-muted-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-muted .callout-text {
  color: var(--c-text-muted-dark);
}

.callout-text-muted-extra {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-muted-extra-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-muted-extra-way-lighter);
}
.callout-text-muted-extra .callout-title {
  color: var(--c-text-muted-extra-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-muted-extra .callout-text {
  color: var(--c-text-muted-extra-dark);
}

.callout-text-on-dark {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-on-dark-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-on-dark-way-lighter);
}
.callout-text-on-dark .callout-title {
  color: var(--c-text-on-dark-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-on-dark .callout-text {
  color: var(--c-text-on-dark-dark);
}

.callout-text-on-dark-muted {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-on-dark-muted-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-on-dark-muted-way-lighter);
}
.callout-text-on-dark-muted .callout-title {
  color: var(--c-text-on-dark-muted-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-on-dark-muted .callout-text {
  color: var(--c-text-on-dark-muted-dark);
}

.callout-text-on-dark-link {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-on-dark-link-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-on-dark-link-way-lighter);
}
.callout-text-on-dark-link .callout-title {
  color: var(--c-text-on-dark-link-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-on-dark-link .callout-text {
  color: var(--c-text-on-dark-link-dark);
}

.callout-border-on-dark {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-border-on-dark-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-border-on-dark-way-lighter);
}
.callout-border-on-dark .callout-title {
  color: var(--c-border-on-dark-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-border-on-dark .callout-text {
  color: var(--c-border-on-dark-dark);
}

.callout-border-on-dark-subtle {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-border-on-dark-subtle-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-border-on-dark-subtle-way-lighter);
}
.callout-border-on-dark-subtle .callout-title {
  color: var(--c-border-on-dark-subtle-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-border-on-dark-subtle .callout-text {
  color: var(--c-border-on-dark-subtle-dark);
}

.callout-border-input {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-border-input-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-border-input-way-lighter);
}
.callout-border-input .callout-title {
  color: var(--c-border-input-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-border-input .callout-text {
  color: var(--c-border-input-dark);
}

.callout-border-card {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-border-card-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-border-card-way-lighter);
}
.callout-border-card .callout-title {
  color: var(--c-border-card-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-border-card .callout-text {
  color: var(--c-border-card-dark);
}

.callout-border-divider {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-border-divider-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-border-divider-way-lighter);
}
.callout-border-divider .callout-title {
  color: var(--c-border-divider-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-border-divider .callout-text {
  color: var(--c-border-divider-dark);
}

.callout-bg-input {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-input-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-input-way-lighter);
}
.callout-bg-input .callout-title {
  color: var(--c-bg-input-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-input .callout-text {
  color: var(--c-bg-input-dark);
}

.callout-border-input-focus {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-border-input-focus-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-border-input-focus-way-lighter);
}
.callout-border-input-focus .callout-title {
  color: var(--c-border-input-focus-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-border-input-focus .callout-text {
  color: var(--c-border-input-focus-dark);
}

.callout-bg-table-header {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-table-header-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-table-header-way-lighter);
}
.callout-bg-table-header .callout-title {
  color: var(--c-bg-table-header-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-table-header .callout-text {
  color: var(--c-bg-table-header-dark);
}

.callout-text-table-header {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-table-header-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-table-header-way-lighter);
}
.callout-text-table-header .callout-title {
  color: var(--c-text-table-header-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-table-header .callout-text {
  color: var(--c-text-table-header-dark);
}

.callout-bg-table-alt {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-table-alt-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-table-alt-way-lighter);
}
.callout-bg-table-alt .callout-title {
  color: var(--c-bg-table-alt-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-table-alt .callout-text {
  color: var(--c-bg-table-alt-dark);
}

.callout-bg-table-hover {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-bg-table-hover-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-bg-table-hover-way-lighter);
}
.callout-bg-table-hover .callout-title {
  color: var(--c-bg-table-hover-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-bg-table-hover .callout-text {
  color: var(--c-bg-table-hover-dark);
}

.callout-text-table-hover {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-text-table-hover-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-text-table-hover-way-lighter);
}
.callout-text-table-hover .callout-title {
  color: var(--c-text-table-hover-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-text-table-hover .callout-text {
  color: var(--c-text-table-hover-dark);
}

.callout-white {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid var(--c-white-light);
  border-left-width: 4px;
  border-radius: 0.25rem;
  background-color: var(--c-white-way-lighter);
}
.callout-white .callout-title {
  color: var(--c-white-darker);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.callout-white .callout-text {
  color: var(--c-white-dark);
}

.border-0 {
  border-width: 0 !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border {
  border-width: 1px !important;
}

.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-none {
  border-style: none !important;
}

.border-top {
  border-top: 1px solid !important;
}

.border-bottom {
  border-bottom: 1px solid !important;
}

.border-left {
  border-left: 1px solid !important;
}

.border-right {
  border-right: 1px solid !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

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

.rounded-sm {
  border-radius: 4px !important;
}

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

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

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

.rounded-xl {
  border-radius: 24px !important;
}

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

.rounded-top {
  border-top-left-radius: var(--radius-md) !important;
  border-top-right-radius: var(--radius-md) !important;
}

.rounded-bottom {
  border-bottom-left-radius: var(--radius-md) !important;
  border-bottom-right-radius: var(--radius-md) !important;
}

.rounded-left {
  border-top-left-radius: var(--radius-md) !important;
  border-bottom-left-radius: var(--radius-md) !important;
}

.rounded-right {
  border-top-right-radius: var(--radius-md) !important;
  border-bottom-right-radius: var(--radius-md) !important;
}

@media screen and (max-width: 767px) {
  .border-mobile-0 {
    border-width: 0 !important;
  }
  .border-mobile-1 {
    border-width: 1px !important;
  }
  .border-mobile-2 {
    border-width: 2px !important;
  }
  .border-mobile {
    border-width: 1px !important;
  }
  .border-mobile-none {
    border-style: none !important;
  }
  .border-mobile-solid {
    border-style: solid !important;
  }
  .border-mobile-dashed {
    border-style: dashed !important;
  }
  .rounded-mobile-none {
    border-radius: 0 !important;
  }
  .rounded-mobile-sm {
    border-radius: 4px !important;
  }
  .rounded-mobile {
    border-radius: var(--radius-md) !important;
  }
  .rounded-mobile-lg {
    border-radius: var(--radius-lg) !important;
  }
}
@media screen and (min-width: 992px) {
  .border-desktop-0 {
    border-width: 0 !important;
  }
  .border-desktop-1 {
    border-width: 1px !important;
  }
  .border-desktop-2 {
    border-width: 2px !important;
  }
  .border-desktop {
    border-width: 1px !important;
  }
  .border-desktop-none {
    border-style: none !important;
  }
  .border-desktop-solid {
    border-style: solid !important;
  }
  .border-desktop-dashed {
    border-style: dashed !important;
  }
  .rounded-desktop-none {
    border-radius: 0 !important;
  }
  .rounded-desktop-sm {
    border-radius: 4px !important;
  }
  .rounded-desktop {
    border-radius: var(--radius-md) !important;
  }
  .rounded-desktop-lg {
    border-radius: var(--radius-lg) !important;
  }
}
.d-none {
  display: none !important;
}

.d-mobile-only {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .d-mobile-only {
    display: block !important;
  }
}

.d-mobile-inline-only {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .d-mobile-inline-only {
    display: inline !important;
  }
}

.d-mobile-flex-only {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .d-mobile-flex-only {
    display: flex !important;
  }
}

.d-tablet-only {
  display: none !important;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .d-tablet-only {
    display: block !important;
  }
}

.d-desktop-only {
  display: none !important;
}
@media screen and (min-width: 992px) {
  .d-desktop-only {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .hide-on-mobile,
  .d-mobile-none {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .d-tablet-down-none {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .d-desktop-none {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .flex-column-mobile {
    flex-direction: column !important;
  }
}

@media screen and (max-width: 991px) {
  .flex-column-tablet {
    flex-direction: column !important;
  }
}

@media screen and (min-width: 992px) {
  .flex-row-desktop {
    flex-direction: row !important;
  }
}

@media screen and (max-width: 767px) {
  .flex-row-mobile {
    flex-direction: row !important;
  }
}

@media screen and (max-width: 767px) {
  .flex-wrap-mobile {
    flex-wrap: wrap !important;
  }
}

@media screen and (min-width: 992px) {
  .flex-nowrap-desktop {
    flex-wrap: nowrap !important;
  }
}

@media screen and (max-width: 767px) {
  .justify-center-mobile {
    justify-content: center !important;
  }
}

@media screen and (max-width: 767px) {
  .justify-start-mobile {
    justify-content: flex-start !important;
  }
}

@media screen and (max-width: 767px) {
  .align-center-mobile {
    align-items: center !important;
  }
}

@media screen and (max-width: 767px) {
  .align-start-mobile {
    align-items: flex-start !important;
  }
}

@media screen and (max-width: 767px) {
  .align-items-center-mobile {
    align-items: center !important;
  }
}

.grid {
  display: grid;
  gap: var(--gap, 1rem);
}

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

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

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

.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 767px) {
  .grid-mobile-1 {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 767px) {
  .grid-mobile-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .grid-tablet-1 {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .grid-tablet-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .grid-tablet-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (min-width: 992px) {
  .grid-desktop-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (min-width: 992px) {
  .grid-desktop-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (min-width: 992px) {
  .grid-desktop-4 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.grid-responsive {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 992px) {
  .grid-responsive {
    grid-template-columns: repeat(2, 1fr);
  }
}

.grid-responsive-3 {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .grid-responsive-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .grid-responsive-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-1 {
    order: 1 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-2 {
    order: 2 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-3 {
    order: 3 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-4 {
    order: 4 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-5 {
    order: 5 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-6 {
    order: 6 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-7 {
    order: 7 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-8 {
    order: 8 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-9 {
    order: 9 !important;
  }
}

@media screen and (max-width: 767px) {
  .order-mobile-10 {
    order: 10 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-1 {
    order: 1 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-2 {
    order: 2 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-3 {
    order: 3 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-4 {
    order: 4 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-5 {
    order: 5 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-6 {
    order: 6 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-7 {
    order: 7 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-8 {
    order: 8 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-9 {
    order: 9 !important;
  }
}

@media screen and (min-width: 992px) {
  .order-desktop-10 {
    order: 10 !important;
  }
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

@media screen and (max-width: 767px) {
  .text-center-mobile {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px) {
  .text-left-mobile {
    text-align: left !important;
  }
}

@media screen and (max-width: 767px) {
  .text-right-mobile {
    text-align: right !important;
  }
}

@media screen and (min-width: 992px) {
  .text-center-desktop {
    text-align: center !important;
  }
}

@media screen and (min-width: 992px) {
  .text-left-desktop {
    text-align: left !important;
  }
}

@media screen and (max-width: 767px) {
  .w-full-mobile {
    width: 100% !important;
  }
}

@media screen and (min-width: 992px) {
  .w-auto-desktop {
    width: auto !important;
  }
}

@media screen and (max-width: 991px) {
  .w-full-tablet {
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .max-w-full-mobile {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .min-w-0-mobile {
    min-width: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-none {
    padding: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-tight {
    padding: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-md {
    padding: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .p-mobile-lg {
    padding: 2rem !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-tight {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .px-mobile-md {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-tight {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-md {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .py-mobile-lg {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-none {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-mobile-md {
    padding-top: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-none {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-mobile-md {
    padding-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-mobile-none {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-mobile-none {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-none {
    margin: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-auto {
    margin: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-mobile-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .my-mobile-md {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-none {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-md {
    margin-top: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-mobile-lg {
    margin-top: 2rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-none {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-md {
    margin-bottom: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-mobile-lg {
    margin-bottom: 2rem !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-mobile-none {
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-mobile-none {
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-none {
    gap: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-sm {
    gap: 0.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-md {
    gap: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-lg {
    gap: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-mobile-xl {
    gap: 2rem !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-md {
    gap: 1rem !important;
  }
}

@media screen and (min-width: 992px) {
  .gap-desktop-lg {
    gap: 1.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .position-static-mobile {
    position: static !important;
  }
}

@media screen and (max-width: 767px) {
  .position-relative-mobile {
    position: relative !important;
  }
}

@media screen and (max-width: 767px) {
  .overflow-hidden-mobile {
    overflow: hidden !important;
  }
}

@media screen and (max-width: 767px) {
  .overflow-auto-mobile {
    overflow: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .h-auto-mobile {
    height: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .min-h-0-mobile {
    min-height: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .text-sm-mobile {
    font-size: 0.875rem !important;
  }
}

@media screen and (max-width: 767px) {
  .text-md-mobile {
    font-size: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .text-lg-mobile {
    font-size: 1.125rem !important;
  }
}

@media screen and (max-width: 767px) {
  .text-xl-mobile {
    font-size: 1.25rem !important;
  }
}

.animate-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-on-scroll.in-view {
  opacity: 1;
  transform: translateY(0);
}

.animate-stagger {
  --stagger-delay: 100ms;
}
.animate-stagger > * {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.animate-stagger.in-view > * {
  opacity: 1;
  transform: translateY(0);
}
.animate-stagger.in-view > *:nth-child(1) {
  transition-delay: calc(var(--stagger-delay) * 1);
}
.animate-stagger.in-view > *:nth-child(2) {
  transition-delay: calc(var(--stagger-delay) * 2);
}
.animate-stagger.in-view > *:nth-child(3) {
  transition-delay: calc(var(--stagger-delay) * 3);
}
.animate-stagger.in-view > *:nth-child(4) {
  transition-delay: calc(var(--stagger-delay) * 4);
}
.animate-stagger.in-view > *:nth-child(5) {
  transition-delay: calc(var(--stagger-delay) * 5);
}
.animate-stagger.in-view > *:nth-child(6) {
  transition-delay: calc(var(--stagger-delay) * 6);
}
.animate-stagger.in-view > *:nth-child(7) {
  transition-delay: calc(var(--stagger-delay) * 7);
}
.animate-stagger.in-view > *:nth-child(8) {
  transition-delay: calc(var(--stagger-delay) * 8);
}
.animate-stagger.in-view > *:nth-child(9) {
  transition-delay: calc(var(--stagger-delay) * 9);
}
.animate-stagger.in-view > *:nth-child(10) {
  transition-delay: calc(var(--stagger-delay) * 10);
}
.animate-stagger.in-view > *:nth-child(11) {
  transition-delay: calc(var(--stagger-delay) * 11);
}
.animate-stagger.in-view > *:nth-child(12) {
  transition-delay: calc(var(--stagger-delay) * 12);
}
.animate-stagger.in-view > *:nth-child(13) {
  transition-delay: calc(var(--stagger-delay) * 13);
}
.animate-stagger.in-view > *:nth-child(14) {
  transition-delay: calc(var(--stagger-delay) * 14);
}
.animate-stagger.in-view > *:nth-child(15) {
  transition-delay: calc(var(--stagger-delay) * 15);
}
.animate-stagger.in-view > *:nth-child(16) {
  transition-delay: calc(var(--stagger-delay) * 16);
}
.animate-stagger.in-view > *:nth-child(17) {
  transition-delay: calc(var(--stagger-delay) * 17);
}
.animate-stagger.in-view > *:nth-child(18) {
  transition-delay: calc(var(--stagger-delay) * 18);
}
.animate-stagger.in-view > *:nth-child(19) {
  transition-delay: calc(var(--stagger-delay) * 19);
}
.animate-stagger.in-view > *:nth-child(20) {
  transition-delay: calc(var(--stagger-delay) * 20);
}

.stagger-100 {
  --stagger-delay: 100ms;
}

.stagger-150 {
  --stagger-delay: 150ms;
}

.stagger-200 {
  --stagger-delay: 200ms;
}

.stagger-300 {
  --stagger-delay: 300ms;
}

.stagger-400 {
  --stagger-delay: 400ms;
}

.stagger-500 {
  --stagger-delay: 500ms;
}

.stagger-600 {
  --stagger-delay: 600ms;
}

.stagger-700 {
  --stagger-delay: 700ms;
}

.stagger-800 {
  --stagger-delay: 800ms;
}

.stagger-900 {
  --stagger-delay: 900ms;
}

.stagger-1000 {
  --stagger-delay: 1000ms;
}

.animate-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-in.in-view {
  opacity: 1;
  transform: translateY(0);
}

.delay-500 {
  transition-delay: 500ms;
}

.delay-1000 {
  transition-delay: 1000ms;
}

.delay-1500 {
  transition-delay: 1500ms;
}

.delay-2000 {
  transition-delay: 2000ms;
}

.delay-2500 {
  transition-delay: 2500ms;
}

.delay-3000 {
  transition-delay: 3000ms;
}

.delay-3500 {
  transition-delay: 3500ms;
}

.delay-4000 {
  transition-delay: 4000ms;
}

.delay-4500 {
  transition-delay: 4500ms;
}

.delay-5000 {
  transition-delay: 5000ms;
}

.animate-fade {
  opacity: 0;
  transition: opacity 0.6s ease-out;
}
.animate-fade.in-view {
  opacity: 1;
}

.animate-slide-left {
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-slide-left.in-view {
  opacity: 1;
  transform: translateX(0);
}

.animate-slide-right {
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-slide-right.in-view {
  opacity: 1;
  transform: translateX(0);
}

.btn-elevate {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn-elevate:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-elevate:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card-elevate {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-elevate:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.shadow-rest {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.media-frame {
  border-radius: var(--border-radius-md, 8px);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .animate-on-scroll,
  .animate-in,
  .animate-fade,
  .animate-slide-left,
  .animate-slide-right {
    transform: none;
    transition: opacity 0.9s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .animate-stagger > * {
    transform: none;
    transition: opacity 0.9s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .btn-elevate,
  .card-elevate {
    transition: none;
  }
  .btn-elevate:hover,
  .card-elevate:hover {
    transform: none;
  }
}
.am-divider-accent {
  margin: 0;
}

:root {
  --announcement-height: 20px;
}

@media screen and (width <= 991px) {
  :root {
    --announcement-height: 0px;
  }
}
.announcement-bar {
  position: fixed;
  inset: 0 0 auto;
  z-index: calc(var(--z-nav) + 1);
  height: var(--announcement-height);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--space-3, 12px);
  background-color: var(--c-blue);
  color: var(--c-white);
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}
@media screen and (width <= 991px) {
  .announcement-bar {
    display: none;
  }
}

.announcement-bar-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.announcement-bar-link:link, .announcement-bar-link:visited {
  color: inherit;
}
.announcement-bar-link:hover, .announcement-bar-link:focus-visible {
  color: inherit;
  text-decoration-thickness: 2px;
}

.announcement-bar-icon {
  color: gold;
  font-size: 14px;
  text-decoration: none;
}

.announcement-bar-cta {
  text-decoration: inherit;
}

.nav a:not(.btn),
.nav .a-nav-logo,
.nav .nav-item a:not(.btn),
.nav .mm-row-link,
.mobile-nav-drawer a:not(.btn),
.mobile-nav-drawer .mobile-nav-link {
  text-decoration: none;
}
.nav a:not(.btn):link, .nav a:not(.btn):visited, .nav a:not(.btn):-webkit-any-link,
.nav .a-nav-logo:link,
.nav .a-nav-logo:visited,
.nav .a-nav-logo:-webkit-any-link,
.nav .nav-item a:not(.btn):link,
.nav .nav-item a:not(.btn):visited,
.nav .nav-item a:not(.btn):-webkit-any-link,
.nav .mm-row-link:link,
.nav .mm-row-link:visited,
.nav .mm-row-link:-webkit-any-link,
.mobile-nav-drawer a:not(.btn):link,
.mobile-nav-drawer a:not(.btn):visited,
.mobile-nav-drawer a:not(.btn):-webkit-any-link,
.mobile-nav-drawer .mobile-nav-link:link,
.mobile-nav-drawer .mobile-nav-link:visited,
.mobile-nav-drawer .mobile-nav-link:-webkit-any-link {
  text-decoration: none;
  color: inherit;
}

.nav {
  z-index: var(--z-nav);
  min-height: var(--menu-height);
  background-color: var(--bg-body);
  position: fixed;
  top: var(--announcement-height, 0px);
  left: 0;
  right: 0;
  box-shadow: 0 1px var(--shadow-light);
}

.nav .nav-text,
.nav .nav-menu > .nav-item > a:not(.btn) {
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.nav.nav-dark .nav-menu > .nav-item > a:not(.btn) {
  color: var(--text-on-dark);
}
.nav.nav-dark .nav-menu > .nav-item > a:not(.btn):link, .nav.nav-dark .nav-menu > .nav-item > a:not(.btn):visited, .nav.nav-dark .nav-menu > .nav-item > a:not(.btn):hover, .nav.nav-dark .nav-menu > .nav-item > a:not(.btn):focus-visible {
  color: var(--text-on-dark);
}

.nav .btn-nav {
  padding: 12px 20px;
  border-radius: 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  white-space: nowrap;
}

.nav.nav-dark {
  background-color: var(--bg-dark-primary);
  box-shadow: none;
}
.nav.nav-dark .nav-text,
.nav.nav-dark .nav-item a {
  color: var(--text-on-dark);
}
.nav.nav-dark .bd-b-3-navy-hover:hover::after,
.nav.nav-dark .bd-b-3-navy-hover[data-mega-menu-active]::after {
  background-color: var(--text-on-dark);
}
.nav.nav-dark .nav-hamburger {
  color: var(--text-on-dark);
}
.nav.nav-dark .nav-hamburger:hover {
  box-shadow: inset 0 3px var(--text-on-dark);
}

.nav-spacer {
  height: calc(var(--menu-height) + var(--announcement-height, 0px));
  flex-shrink: 0;
}

.nav-spacer--transparent {
  height: var(--announcement-height, 0px);
}

@media screen and (width > 991px) {
  .nav.nav-transparent {
    background-color: transparent;
    box-shadow: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
  }
  .nav.nav-transparent.nav-scrolled, .nav.nav-transparent:has(.block-mega-menu.active) {
    background-color: var(--bg-body);
    box-shadow: 0 1px var(--shadow-light);
  }
  .nav.nav-transparent.nav-dark.nav-scrolled, .nav.nav-transparent.nav-dark:has(.block-mega-menu.active) {
    background-color: var(--bg-dark-primary);
    box-shadow: 0 1px rgba(255, 255, 255, 0.1);
  }
}
.nav-hamburger {
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px;
  transition: box-shadow 0.5s, color 0.3s;
  box-shadow: inset 0 3px transparent;
}

.nav-hamburger:hover {
  box-shadow: inset 0 3px var(--c-primary);
}

.nav-hamburger.w--current {
  color: var(--c-cta);
  box-shadow: inset 0 3px var(--c-cta);
}

.nav-menu {
  align-self: stretch;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.a-nav-logo {
  align-self: stretch;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nav-container {
  align-items: center;
  min-height: var(--menu-height);
  max-height: var(--menu-height);
  display: flex;
}

.nav-logo-img {
  height: 54px;
  width: auto;
  padding: 4px 6px;
}
@media screen and (max-width: 767px) {
  .nav-logo-img {
    height: 38px;
  }
}

.nav-logo-on-light {
  display: inline-block;
}

.nav-logo-on-dark {
  display: none;
}

.nav.nav-dark .nav-logo-on-light {
  display: none;
}
.nav.nav-dark .nav-logo-on-dark {
  display: inline-block;
}

[data-theme=dark] .nav-logo-on-light {
  display: none;
}
[data-theme=dark] .nav-logo-on-dark {
  display: inline-block;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .nav-logo-on-light {
    display: none;
  }
  :root:not([data-theme=light]) .nav-logo-on-dark {
    display: inline-block;
  }
}
.nav-item-theme {
  display: flex;
  align-items: center;
  margin-left: var(--space-2, 8px);
  padding-right: 0;
}

.nav-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-muted);
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.15s ease, background-color 0.15s ease;
}
.nav-theme-btn:hover, .nav-theme-btn:focus-visible {
  opacity: 1;
  background-color: var(--overlay-dark);
}

.nav.nav-dark .nav-theme-btn,
.mobile-nav-theme .nav-theme-btn {
  color: var(--text-on-dark);
}
.nav.nav-dark .nav-theme-btn:hover, .nav.nav-dark .nav-theme-btn:focus-visible,
.mobile-nav-theme .nav-theme-btn:hover,
.mobile-nav-theme .nav-theme-btn:focus-visible {
  background-color: rgba(255, 255, 255, 0.1);
}

.mobile-nav-theme {
  display: flex;
  justify-content: center;
  padding: var(--space-3) 0;
}

.nav-with-children {
  flex-flow: row;
  justify-content: center;
  display: flex;
}

.nav-icon {
  margin-left: 5px;
  font-family: fa-solid, Arial, sans-serif;
  font-size: 0.7rem;
  transition: transform 0.2s ease;
}

[data-mega-menu-active] .nav-icon {
  transform: rotate(180deg);
}

.block-mega-menu {
  z-index: var(--z-subnav);
  background-color: var(--bg-alt-light);
  opacity: 0;
  min-width: 100%;
  min-height: 0;
  padding-bottom: var(--space-md);
  display: flex;
  position: fixed;
  top: var(--menu-height);
  left: 0;
  right: 0;
  visibility: hidden;
  transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
}

.block-mega-menu.active {
  opacity: 1;
  visibility: visible;
  box-shadow: 0 16px 32px -8px rgba(0, 38, 80, 0.18), 0 4px 12px -2px rgba(0, 38, 80, 0.1), 0 1px 0 rgba(0, 38, 80, 0.06);
}

.nav.nav-dark + .block-mega-menu,
.block-mega-menu.mega-menu-dark {
  background-color: var(--bg-dark-primary);
}
.nav.nav-dark + .block-mega-menu .h5-subtitle,
.block-mega-menu.mega-menu-dark .h5-subtitle {
  color: var(--text-on-dark-muted);
}
.nav.nav-dark + .block-mega-menu .mm-row-link,
.block-mega-menu.mega-menu-dark .mm-row-link {
  color: var(--text-on-dark);
}
.nav.nav-dark + .block-mega-menu .mega-menu-row:hover,
.block-mega-menu.mega-menu-dark .mega-menu-row:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.nav.nav-dark + .block-mega-menu .mega-menu-row.hover-lighten:hover,
.block-mega-menu.mega-menu-dark .mega-menu-row.hover-lighten:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.nav.nav-dark + .block-mega-menu .mm-links-cell h5,
.block-mega-menu.mega-menu-dark .mm-links-cell h5 {
  color: var(--text-on-dark);
}
.nav.nav-dark + .block-mega-menu.active,
.block-mega-menu.mega-menu-dark.active {
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.55), 0 6px 16px -4px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.06);
}

.nav-item {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 10px;
  display: flex;
}

.nav-item.nav-with-children.bd-b-3-navy-hover {
  cursor: pointer;
}

.hidden-animation-helpers {
  display: none;
}

.animation-helper {
  margin-bottom: 6px;
}

.bd-b-3-navy-hover {
  position: relative;
}

.bd-b-3-navy-hover::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 6px;
  height: 3px;
  background-color: transparent;
  transition: background-color 0.2s;
  pointer-events: none;
}

.bd-b-3-navy-hover:hover::after,
.bd-b-3-navy-hover[data-mega-menu-active]::after {
  background-color: var(--c-primary);
}

.force-show-flex {
  opacity: 1;
  display: flex;
}

.mega-menu-container {
  max-width: var(--container-max-width);
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.quick-stack {
  grid-gap: 0;
  flex: 1;
  padding: 0;
}

.h5-subtitle {
  color: var(--text-muted);
  text-align: left;
  margin-bottom: 20px;
  font-size: 0.82rem;
  line-height: 1rem;
}

.with-subtitle {
  margin-bottom: 5px;
}

.mega-menu-row {
  border-radius: var(--btn-border-radius);
  align-self: stretch;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.mega-menu-row:hover {
  background-color: var(--overlay-dark);
}

.mega-menu-row.hover-lighten:hover {
  background-color: var(--overlay-light);
}

.mm-row-icon {
  color: var(--c-cta);
  font-family: font-awesome-solid, sans-serif;
}

.mm-row-link {
  color: var(--text-body);
  flex: 1;
  font-size: 1rem;
  text-decoration: none;
}

.mm-highlight-card {
  background-color: var(--bg-accent-light);
  color: var(--text-body);
  flex: 1;
  align-self: stretch;
  padding-left: 20px;
  border-radius: 0;
  margin-bottom: calc(-1 * var(--space-md));
  box-shadow: 0 0 0 100vmax var(--bg-accent-light);
  clip-path: inset(0 -100vmax 0 0);
}
.mm-highlight-card .txt-white,
.mm-highlight-card .mm-row-link.txt-white,
.mm-highlight-card .h5-subtitle.txt-white {
  color: var(--text-body);
}
.mm-highlight-card .h5-subtitle {
  color: var(--text-muted);
}
.mm-highlight-card .mega-menu-row.hover-lighten:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.mm-links-cell {
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

.mm-links-cell.mm-highlight-card {
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.mm-icon {
  text-align: center;
  min-width: 1.3rem;
  margin-bottom: 0;
  font-family: fa-solid, Arial, sans-serif;
  font-size: 1rem;
}

.mm-highlight-card-img {
  flex: 1;
  align-self: center;
  max-width: 70%;
  margin-bottom: 20px;
}

.nav-content-callout {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
}

@media screen and (width <= 991px) {
  .nav-menu {
    display: none !important;
  }
  .block-mega-menu {
    display: none !important;
  }
  .nav-hamburger {
    color: var(--text-body);
    padding: 22px 17px;
    font-size: 30px;
    margin-left: 0;
    margin-right: 0;
  }
  .nav-hamburger:hover {
    opacity: 0.7;
  }
}
.nav .btn-nav.btn-cta {
  margin-left: 10px;
  font-weight: 400;
}

@media screen and (min-width: 992px) {
  .mobile-nav-drawer {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .mobile-nav-drawer {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    background-color: var(--bg-dark-primary);
    color: var(--text-on-dark);
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 250ms ease-in-out;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
  }
  .mobile-nav-drawer.drawer-open {
    transform: translateX(0);
  }
  .mobile-drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    min-height: 75px;
    border-bottom: 1px solid var(--border-on-dark-subtle);
  }
  .mobile-drawer-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    align-self: stretch;
  }
  .mobile-drawer-logo-img {
    min-width: 190px;
    padding: 5px;
  }
  .mobile-close-btn {
    background: transparent;
    border: none;
    color: var(--text-on-dark);
    font-size: 30px;
    padding: 22px 17px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s;
  }
  .mobile-close-btn:hover {
    opacity: 0.7;
  }
  .mobile-drawer-content {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
  }
  .mobile-nav-section {
    margin-bottom: 10px;
  }
  .mobile-nav-accordion-trigger {
    width: 100%;
    background: transparent;
    border: none;
    color: var(--text-on-dark);
    font-size: 1.1rem;
    font-weight: 500;
    padding: 15px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid var(--border-on-dark-subtle);
    transition: background-color 0.2s;
  }
  .mobile-nav-accordion-trigger:hover {
    background-color: var(--overlay-light);
  }
  .mobile-accordion-icon {
    font-size: 0.9rem;
    transition: transform 0.25s ease-in-out;
  }
  .mobile-nav-accordion-trigger.accordion-open .mobile-accordion-icon {
    transform: rotate(180deg);
  }
  .mobile-nav-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-in-out;
    background-color: var(--overlay-dark);
  }
  .mobile-nav-accordion-content.accordion-open {
    max-height: 2000px;
    padding: 15px 0;
  }
  .mobile-nav-column {
    padding: 15px 20px;
  }
  .mobile-nav-column:not(:last-child) {
    border-bottom: 1px solid var(--border-on-dark-subtle);
  }
  .mobile-nav-column-title {
    color: var(--text-on-dark);
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    opacity: 0.8;
  }
  .mobile-nav-link {
    display: block;
    color: var(--text-on-dark);
    text-decoration: none;
    padding: 10px 20px;
    font-size: 1rem;
    transition: background-color 0.2s;
    border-radius: 4px;
  }
  .mobile-nav-link:hover {
    background-color: var(--overlay-light);
  }
  .mobile-nav-link.mobile-nav-top-level {
    font-weight: 500;
    font-size: 1.1rem;
    padding: 15px 10px;
    border-bottom: 1px solid var(--border-on-dark-subtle);
    margin-bottom: 10px;
  }
  .mobile-nav-column.mobile-nav-highlight {
    background-color: var(--overlay-light);
    border-radius: 4px;
    margin: 10px 0;
  }
  .mobile-nav-ctas {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .btn-block {
    width: 100%;
    display: block;
    text-align: center;
  }
  .nav-menu {
    display: none;
  }
  .nav-hamburger {
    display: block;
  }
}
.site-footer {
  background-color: var(--c-navy);
  color: var(--c-white);
}
.site-footer a,
.site-footer a:link,
.site-footer a:visited {
  color: var(--c-white);
  text-decoration: none;
}
.site-footer a:hover {
  text-decoration: underline;
}

.footer-awards {
  padding: 30px 0 40px;
  text-align: center;
}

.footer-awards__heading {
  margin: 0 0 26px;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 46.8px;
  text-align: center;
  text-transform: uppercase;
  color: var(--c-white);
}

.footer-awards__row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 33px;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.footer-awards__row img {
  display: block;
  width: 200px;
  height: auto;
}
@media screen and (max-width: 991px) {
  .footer-awards__row {
    flex-wrap: wrap;
    gap: 16px;
  }
  .footer-awards__row img {
    width: 140px;
  }
}

.footer-main {
  display: grid;
  grid-template-columns: 274px 215px 303px 303px;
  column-gap: 20px;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 20px 0 22px;
  border-top: 1px solid var(--c-green);
}
@media screen and (max-width: 991px) {
  .footer-main {
    grid-template-columns: 1fr 1fr;
    row-gap: 32px;
    padding: 24px 1rem;
  }
}
@media screen and (max-width: 767px) {
  .footer-main {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

.footer-main__brand,
.footer-main__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .footer-main__brand,
  .footer-main__col {
    align-items: center;
  }
}

.footer-logo {
  display: block;
  width: 115px;
  height: auto;
  margin-bottom: 20px;
}

.footer-tagline {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 23.4px;
  letter-spacing: 0.8px;
}

.h3-footer {
  margin: 0 0 21px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22.1px;
  color: var(--c-white);
}

.a-footer {
  margin-bottom: 12px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0.8px;
}

.footer-partner-link {
  margin: -20px 0 10px;
  line-height: 0;
}

.footer-partner-badge {
  width: 220px;
  height: auto;
}

.footer-socials-heading {
  margin-bottom: 12px;
}

.footer-socials {
  display: flex;
  gap: 25px;
  padding-left: 12px;
  font-size: 25px;
  line-height: 25px;
}

.footer-bottom-bar {
  background-color: var(--c-blue);
}

.footer-bottom-bar__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: var(--container-max-width);
  min-height: 50px;
  margin: 0 auto;
  font-family: Lato, sans-serif;
  font-weight: 300;
  letter-spacing: 0.8px;
}
.footer-bottom-bar__inner p {
  margin: 0;
}
@media screen and (max-width: 991px) {
  .footer-bottom-bar__inner {
    flex-direction: column;
    gap: 8px;
    padding: 12px 1rem;
    text-align: center;
  }
}

.footer-copyright {
  font-size: 14px;
  line-height: 18.2px;
}

.footer-bottom-links {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  font-size: 10px;
  line-height: 13px;
}
@media screen and (max-width: 767px) {
  .footer-bottom-links {
    justify-content: center;
    gap: 12px 20px;
  }
}

.form-utility-page {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.form-contact {
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  display: flex;
}

.text-field,
.text-field-2 {
  max-width: 500px;
}

.textarea {
  max-width: 900px;
  min-height: 100px;
}

.form-contact-success-block {
  border: 4px solid var(--border-on-dark-strong);
  background-color: var(--c-transparent);
  font-size: 20px;
}

.form-contact-fail-block {
  border: 4px solid var(--border-on-dark-strong);
  background-color: var(--c-transparent);
  text-align: center;
  padding: 0;
  font-size: 20px;
}

.form-failure-messae {
  background-color: var(--c-pink);
  padding: 10px;
}

.hero-subtitle-contact-notice {
  border: 4px solid var(--border-on-dark-strong);
  text-align: left;
  background-color: var(--c-danger-dark);
  align-self: center;
  margin-bottom: 40px;
  padding: 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 2.25rem;
}

.p-contact-notice {
  font-size: 24px;
  font-weight: 400;
}

.p-contact-notice.center {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 700;
  text-decoration: underline;
}

.accordion-list .accordion-list-container {
  padding: 0 var(--space-md);
}
.accordion-list .accordion-list-heading {
  text-align: center;
  margin-bottom: var(--space-lg);
}
.accordion-list .accordion-list-items {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.accordion-item {
  background: var(--bg-raised);
  border-radius: var(--radius-md);
  border: 1px solid var(--border-card);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}
.accordion-item:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.accordion-item .accordion-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-4);
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
.accordion-item .accordion-item-header:hover {
  background-color: var(--bg-alt);
}
.accordion-item .accordion-item-header .accordion-item-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-heading);
  flex: 1;
}
.accordion-item .accordion-item-header .accordion-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-left: var(--space-3);
}
.accordion-item .accordion-item-header .accordion-item-icon i {
  color: var(--c-cta);
  font-size: 1rem;
  transition: transform 0.2s ease;
}
.accordion-item .accordion-item-content {
  overflow: hidden;
}
.accordion-item .accordion-item-content .accordion-item-content-inner {
  padding: var(--space-2) var(--space-4) var(--space-4) var(--space-4);
  color: var(--text-body);
}
.accordion-item .accordion-item-content .accordion-item-content-inner p {
  margin-bottom: var(--space-3);
}
.accordion-item .accordion-item-content .accordion-item-content-inner p:last-child {
  margin-bottom: 0;
}

.bg-dark .accordion-item,
.bg-dark-alt .accordion-item,
.bg-dark-neutral .accordion-item {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}
.bg-dark .accordion-item:hover,
.bg-dark-alt .accordion-item:hover,
.bg-dark-neutral .accordion-item:hover {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.bg-dark .accordion-item .accordion-item-header:hover,
.bg-dark-alt .accordion-item .accordion-item-header:hover,
.bg-dark-neutral .accordion-item .accordion-item-header:hover {
  background-color: rgba(255, 255, 255, 0.03);
}
.bg-dark .accordion-item .accordion-item-header .accordion-item-title,
.bg-dark-alt .accordion-item .accordion-item-header .accordion-item-title,
.bg-dark-neutral .accordion-item .accordion-item-header .accordion-item-title {
  color: var(--text-on-dark);
}
.bg-dark .accordion-item .accordion-item-content-inner,
.bg-dark-alt .accordion-item .accordion-item-content-inner,
.bg-dark-neutral .accordion-item .accordion-item-content-inner {
  color: var(--text-on-dark);
}

.accordion-enter-active,
.accordion-leave-active {
  transition: all 0.3s ease;
  max-height: 1000px;
}

.accordion-enter-from,
.accordion-leave-to {
  max-height: 0;
  opacity: 0;
}

.accordion-list.accordion-list--compact.py-lg {
  padding-top: 0 !important;
}
.accordion-list.accordion-list--compact.py-lg:not([class*=" pb-"]) {
  padding-bottom: 90px !important;
}
.accordion-list.accordion-list--compact .accordion-list-container {
  padding: 0 10px;
}
.accordion-list.accordion-list--compact .accordion-list-items {
  gap: 0;
}
.accordion-list.accordion-list--compact .accordion-item {
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.accordion-list.accordion-list--compact .accordion-item .accordion-item-header {
  gap: 20px;
  justify-content: flex-start;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.02);
  background-color: var(--bg-band);
}
.accordion-list.accordion-list--compact .accordion-item .accordion-item-header:hover {
  background-color: #eee;
}
.accordion-list.accordion-list--compact .accordion-item .accordion-item-title {
  flex: 1;
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.8px;
  color: #333;
}
.accordion-list.accordion-list--compact .accordion-item .accordion-item-icon {
  display: none;
}
.accordion-list.accordion-list--compact .accordion-item .accordion-item-content-inner {
  padding: 15px;
  border: 1px solid #eee;
  font-family: Lato, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5;
  color: var(--text-body-soft);
}
.accordion-list.accordion-list--compact .accordion-item-lead {
  width: 14px;
  font-size: 16px;
  color: #333;
}
.accordion-list.accordion-list--compact .accordion-item-toggle {
  font-size: 16px;
  color: #444;
  transition: transform 0.2s ease;
}
.accordion-list.accordion-list--compact .accordion-item-toggle.is-open {
  transform: rotate(90deg);
}

.accordion-list.accordion-list--compact .accordion-item .accordion-item-header.is-open {
  background-color: var(--c-navy);
}
.accordion-list.accordion-list--compact .accordion-item .accordion-item-header.is-open .accordion-item-title,
.accordion-list.accordion-list--compact .accordion-item .accordion-item-header.is-open .accordion-item-lead,
.accordion-list.accordion-list--compact .accordion-item .accordion-item-header.is-open .accordion-item-toggle {
  color: #fff;
}

.accordion-list.accordion-list--boxed.py-lg {
  padding-top: 0 !important;
}
.accordion-list.accordion-list--boxed .accordion-list-container {
  padding: 0 20px;
}
.accordion-list.accordion-list--boxed .accordion-list-items {
  gap: 0;
}
.accordion-list.accordion-list--boxed .accordion-item {
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.accordion-list.accordion-list--boxed .accordion-item .accordion-item-header {
  gap: 10px;
  justify-content: flex-start;
  padding: 10px;
  border: 1px solid #d5d8dc;
  border-radius: 0;
  background: #fff;
}
.accordion-list.accordion-list--boxed .accordion-item .accordion-item-title {
  flex: 1;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: var(--c-charcoal);
}
.accordion-list.accordion-list--boxed .accordion-item .accordion-item-icon {
  display: none;
}
.accordion-list.accordion-list--boxed .accordion-item .accordion-item-content-inner {
  padding: 10px;
  border: 1px solid #d5d8dc;
  border-top: 0;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  color: var(--text-body-soft);
}
.accordion-list.accordion-list--boxed .accordion-item .accordion-item-content-inner a {
  color: var(--c-green);
  font-weight: 700;
  text-decoration: underline;
}
.accordion-list.accordion-list--boxed .accordion-item-lead {
  display: inline-flex;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  height: 40px;
  font-size: 24px;
  color: var(--c-charcoal);
}

.card-list {
  padding: 4rem 2rem;
}

.card-list-container {
  max-width: 900px;
  margin: 0 auto;
}

.card-list-heading {
  text-align: center;
  margin-bottom: 3rem;
}

.card-list-items {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.card-list-item {
  padding: 2rem;
  background: var(--bg-raised);
  border-radius: var(--radius-lg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-list-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.card-list-item h3 {
  margin-bottom: 1rem;
}

.card-list-content {
  line-height: 1.6;
}
.card-list-content p {
  margin-bottom: 1rem;
}
.card-list-content p:last-child {
  margin-bottom: 0;
}

.comparison-table-container {
  --col-count: 3;
  --alternate-row-color: var(--c-primary-way-lighter);
  margin: 0 auto;
  padding: 0 var(--space-md);
}
@media screen and (max-width: 991px) {
  .comparison-table-container {
    padding: 0 var(--space-xs);
  }
}

.comparison-table-heading {
  text-align: center;
  font-size: var(--fs-7);
  font-weight: 700;
  margin-bottom: var(--space-3);
  color: var(--text-heading);
}
@media screen and (max-width: 767px) {
  .comparison-table-heading {
    font-size: var(--fs-6);
  }
}

.comparison-table-subtitle {
  text-align: center;
  font-size: var(--fs-3);
  color: var(--text-muted);
  margin-bottom: var(--space-5);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.comparison-table {
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--bg-raised);
}

.comparison-table-header {
  display: grid;
  grid-template-columns: 1.2fr repeat(calc(var(--col-count) - 1), 1fr);
  background: var(--c-primary-500);
}

.comparison-table-header-cell {
  padding: var(--space-3) var(--space-4);
  font-weight: 700;
  font-size: var(--fs-4);
  color: var(--text-on-dark);
  text-align: center;
}
.comparison-table-header-cell.highlighted {
  background: var(--c-cta-500);
}
@media screen and (max-width: 767px) {
  .comparison-table-header-cell {
    padding: var(--space-2) var(--space-2);
    font-size: var(--fs-3);
  }
}

.comparison-table-label-heading {
  text-align: left;
}

.comparison-table-row {
  display: grid;
  grid-template-columns: 1.2fr repeat(calc(var(--col-count) - 1), 1fr);
  border-bottom: 1px solid var(--border-divider);
}
.comparison-table-row:last-child {
  border-bottom: none;
}
.comparison-table-row:nth-child(even) {
  background: var(--alternate-row-color);
}

.comparison-table-cell {
  padding: var(--space-3) var(--space-4);
  display: flex;
  align-items: center;
  font-size: var(--fs-3);
}
@media screen and (max-width: 767px) {
  .comparison-table-cell {
    padding: var(--space-2) var(--space-2);
    font-size: var(--fs-2);
  }
}

.comparison-table-label-cell {
  font-weight: 600;
  color: var(--text-body);
  border-right: 1px solid var(--border-divider);
}

.comparison-table-value-cell {
  justify-content: flex-start;
  color: var(--text-body);
  border-right: 1px solid var(--border-divider);
}
.comparison-table-value-cell:last-child {
  border-right: none;
}

.comparison-table-icon {
  font-size: var(--fs-5);
}
.comparison-table-icon.check {
  color: var(--c-cta-500);
}
.comparison-table-icon.x {
  color: var(--c-danger-500);
}

.comparison-table-footer {
  text-align: center;
  font-size: var(--fs-4);
  color: var(--text-body);
  margin-top: var(--space-5);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .comparison-table-footer {
    font-size: var(--fs-3);
  }
}

.bg-dark .comparison-table-heading,
.bg-dark .comparison-table-footer,
.bg-dark-alt .comparison-table-heading,
.bg-dark-alt .comparison-table-footer,
.bg-dark-neutral .comparison-table-heading,
.bg-dark-neutral .comparison-table-footer {
  color: var(--text-on-dark);
}
.bg-dark .comparison-table-subtitle,
.bg-dark-alt .comparison-table-subtitle,
.bg-dark-neutral .comparison-table-subtitle {
  color: var(--text-on-dark-muted);
}
.bg-dark .comparison-table,
.bg-dark-alt .comparison-table,
.bg-dark-neutral .comparison-table {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.15);
}
.bg-dark .comparison-table-header,
.bg-dark-alt .comparison-table-header,
.bg-dark-neutral .comparison-table-header {
  background: rgba(255, 255, 255, 0.15);
}
.bg-dark .comparison-table-header-cell,
.bg-dark-alt .comparison-table-header-cell,
.bg-dark-neutral .comparison-table-header-cell {
  color: var(--text-on-dark);
}
.bg-dark .comparison-table-header-cell.highlighted,
.bg-dark-alt .comparison-table-header-cell.highlighted,
.bg-dark-neutral .comparison-table-header-cell.highlighted {
  background: var(--c-cta-500);
}
.bg-dark .comparison-table-row,
.bg-dark-alt .comparison-table-row,
.bg-dark-neutral .comparison-table-row {
  border-color: rgba(255, 255, 255, 0.1);
}
.bg-dark .comparison-table-row:nth-child(even),
.bg-dark-alt .comparison-table-row:nth-child(even),
.bg-dark-neutral .comparison-table-row:nth-child(even) {
  background: rgba(255, 255, 255, 0.03);
}
.bg-dark .comparison-table-label-cell,
.bg-dark-alt .comparison-table-label-cell,
.bg-dark-neutral .comparison-table-label-cell {
  color: var(--text-on-dark);
  border-color: rgba(255, 255, 255, 0.1);
}
.bg-dark .comparison-table-value-cell,
.bg-dark-alt .comparison-table-value-cell,
.bg-dark-neutral .comparison-table-value-cell {
  color: var(--text-on-dark);
  border-color: rgba(255, 255, 255, 0.1);
}

.comparison-table-section--striped {
  padding-top: 0;
  padding-bottom: 25px;
}

.comparison-table-container--striped {
  padding: 0 10px;
}
.comparison-table-container--striped .comparison-table {
  border: 0;
  border-radius: 0;
  background: var(--c-white);
}
.comparison-table-container--striped .comparison-table-header,
.comparison-table-container--striped .comparison-table-row {
  grid-template-columns: var(--ct-columns);
}
@media screen and (max-width: 767px) {
  .comparison-table-container--striped .comparison-table-header,
  .comparison-table-container--striped .comparison-table-row {
    grid-template-columns: 1fr repeat(calc(var(--col-count) - 1), 72px);
  }
}
.comparison-table-container--striped .comparison-table-header {
  background: var(--c-navy);
}
.comparison-table-container--striped .comparison-table-row {
  border-bottom: 0;
  background: var(--c-white);
}
.comparison-table-container--striped .comparison-table-row:nth-child(even) {
  background: var(--c-white);
}
.comparison-table-container--striped .comparison-table-row:nth-child(odd) {
  background: #f2f2f2;
}
.comparison-table-container--striped .comparison-table-cell {
  padding: 20px 15px;
  border-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #6d7882;
}
@media screen and (max-width: 767px) {
  .comparison-table-container--striped .comparison-table-cell {
    padding: 14px 8px;
    font-size: 13px;
  }
}
.comparison-table-container--striped .comparison-table-value-cell {
  justify-content: center;
}
.comparison-table-container--striped .comparison-table-header-cell {
  justify-content: center;
  padding: 20px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
  color: var(--c-white);
}
.comparison-table-container--striped .comparison-table-header-cell.highlighted {
  background: transparent;
}
.comparison-table-container--striped .comparison-table-icon.check {
  font-size: 18px;
  color: var(--c-green);
}

.comparison-table--center-labels .comparison-table-label-cell:not(.comparison-table-header-cell) {
  justify-content: center;
  text-align: center;
}

.comparison-table--blue-head .comparison-table-container--striped .comparison-table-header {
  background: var(--c-blue);
}

.comparison-table--audit .comparison-table-container--striped {
  max-width: 1195px !important;
}
.comparison-table--audit .comparison-table-container--striped .comparison-table-cell {
  justify-content: flex-start;
  padding: 20px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-align: left;
  color: var(--text-body-soft);
}
.comparison-table--audit .comparison-table-container--striped .comparison-table-header-cell,
.comparison-table--audit .comparison-table-container--striped .comparison-table-label-heading {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  color: #fff;
  background: transparent;
}
.comparison-table--audit .comparison-table-container--striped .comparison-table-row:nth-child(even) {
  background: #f7f7f7;
}

.comparison-table--audit .comparison-table-heading {
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: clamp(1.6rem, 1.1rem + 1.5vw, 36px);
  font-weight: 600;
  line-height: 46.8px;
  color: var(--c-charcoal);
}

.comparison-table--audit .comparison-table-subtitle {
  margin-bottom: 30px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  color: var(--text-body-soft);
}

.block-cta {
  grid-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
@media screen and (max-width: 767px) {
  .block-cta {
    grid-gap: 12px;
    padding: 0 1rem;
  }
}

.cta-simple--split {
  padding: 56px 0;
  background-image: none;
}

.cta-simple__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 4px 0 0;
}
@media screen and (max-width: 991px) {
  .cta-simple__inner {
    flex-direction: column;
    text-align: center;
    gap: 24px;
    padding: 0 1rem;
  }
}

.cta-simple__heading {
  margin: 0 0 10px;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
  color: inherit;
}
@media screen and (max-width: 767px) {
  .cta-simple__heading {
    font-size: 28px;
    line-height: 1.2;
  }
}

.cta-simple__description {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.8px;
  color: inherit;
}

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

.cta-simple__bonus {
  display: inline-block;
  margin-top: 10px;
}

.cta-simple--box {
  padding: 40px 0;
}
.cta-simple--box .cta-simple__inner {
  max-width: 1175px;
  padding: 0 30px 0 45px;
}
.cta-simple--box .cta-simple__heading {
  margin: 5px 0 10px;
  font-family: Lato, sans-serif;
  line-height: 36px;
}
.cta-simple--box .cta-simple__description {
  margin: 0 0 10px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 1px;
}
.cta-simple--box .cta-simple__button {
  margin-top: 10px;
  padding: 12px 30px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 1px;
}
@media screen and (max-width: 991px) {
  .cta-simple--box .cta-simple__inner {
    padding: 0 1rem;
  }
}

.cta-simple--split.cta-simple--svg {
  background-image: url("/images/backgrounds/paid-social-band.svg");
  background-size: cover;
  background-position: center;
}

.hero-home {
  justify-content: flex-start;
  align-self: center;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .hero-home {
    margin-bottom: 2rem;
  }
}

.hero-home.pricing {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .hero-home.pricing {
    margin-bottom: 1rem;
  }
}

.h1-hero {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .h1-hero {
    margin-bottom: 1rem;
    padding: 0 1rem;
  }
}

.h1-hero.hidden {
  display: none;
}

.h1-hero.product-2-split-light {
  box-sizing: border-box;
  color: var(--text-heading);
  text-align: left;
  object-fit: fill;
  flex: 0 auto;
  width: auto;
  margin-bottom: 20px;
  display: block;
  position: static;
}
@media screen and (max-width: 767px) {
  .h1-hero.product-2-split-light {
    text-align: center;
    margin-bottom: 1rem;
  }
}

.p-subtitle {
  text-align: center;
  align-self: center;
  margin-bottom: 40px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.25rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .p-subtitle {
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
    padding: 0 1rem;
  }
}

.p-subtitle.hidden {
  display: none;
}

.p-subtitle.pricing {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-subtitle.pricing {
    margin-bottom: 0.75rem;
  }
}

.hero-cta-row {
  align-self: center;
  display: flex;
  margin-bottom: var(--space-md);
}
.hero-cta-row .btn {
  padding: 18px 44px;
  font-size: 1.3125rem;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .hero-cta-row .btn {
    padding: 14px 28px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .hero-cta-row {
    width: 100%;
    padding: 0 1rem;
  }
}

.h1-hero-word-highlight {
  color: var(--c-tertiary);
  transition: opacity 0.2s;
  display: inline;
}

.hero-bullets {
  list-style: none;
  margin: 0 0 var(--space-md);
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-self: center;
  text-align: center;
  max-width: 760px;
}
.hero-bullets li {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  color: inherit;
  opacity: 0.92;
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .hero-bullets li {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .hero-bullets {
    margin-bottom: var(--space-sm);
  }
  .hero-bullets li {
    font-size: 1rem;
  }
}

.hero-bullet-icon {
  flex-shrink: 0;
  width: 1.25rem;
  font-size: 1.05rem;
  line-height: 1.5;
  margin-top: 0.3rem;
  color: inherit;
  text-align: center;
}

.hero-bullet-highlight {
  color: var(--c-cta);
  font-weight: 700;
}

.hero-rotator {
  position: relative;
  display: inline-block;
  clip-path: inset(0);
  vertical-align: baseline;
  line-height: inherit;
  color: var(--c-cta) !important;
  text-align: left;
}

.hero-rotator-sizer {
  display: inline-block;
  visibility: hidden;
  white-space: nowrap;
}

.hero-rotator-word {
  position: absolute;
  inset: 0;
  color: inherit;
  white-space: nowrap;
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

.hero-rotator-incoming {
  transform: translateY(110%);
  opacity: 0;
}

.hero-rotator-outgoing {
  transform: translateY(-110%);
  opacity: 0;
}

.img-hero {
  align-self: center;
  max-width: 1100px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 991px) {
  .img-hero {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .img-hero {
    max-width: 100%;
    padding: 0 0.5rem;
    box-sizing: border-box;
  }
}

.hero-home-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.hero-home-layout--split {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  grid-template-areas: "eyebrow  eyebrow" "headline headline" "content  image";
  gap: 1.5rem 3rem;
  align-items: center;
}
.hero-home-layout--split > .hero-eyebrow--split {
  grid-area: eyebrow;
}
.hero-home-layout--split > .hero-home-headline {
  grid-area: headline;
}
.hero-home-layout--split > .hero-home {
  grid-area: content;
}
.hero-home-layout--split > .hero-home-image-wrap {
  grid-area: image;
}
@media screen and (max-width: 991px) {
  .hero-home-layout--split {
    grid-template-columns: 1fr;
    grid-template-areas: "eyebrow" "headline" "content" "image";
    gap: 1.5rem 0;
  }
}

.hero-home-headline {
  margin: 0;
  text-align: left;
}
@media screen and (max-width: 991px) {
  .hero-home-headline {
    text-align: center;
  }
}

.hero-eyebrow {
  margin: 0 0 0.25rem;
  color: var(--c-cta);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: left;
}
@media screen and (max-width: 991px) {
  .hero-eyebrow {
    text-align: center;
  }
}

.hero-eyebrow--split {
  margin: 0;
}

.hero-home--split {
  align-items: flex-start;
  text-align: left;
}
.hero-home--split .h1-hero,
.hero-home--split .p-subtitle,
.hero-home--split .hero-bullets {
  text-align: left;
  align-self: stretch;
  padding: 0;
  max-width: none;
}
.hero-home--split .hero-bullets {
  margin-left: 0;
}
.hero-home--split .hero-cta-row {
  align-self: flex-start;
}
@media screen and (max-width: 991px) {
  .hero-home--split {
    align-items: center;
    text-align: center;
  }
  .hero-home--split .h1-hero,
  .hero-home--split .p-subtitle,
  .hero-home--split .hero-bullets {
    text-align: center;
  }
  .hero-home--split .hero-cta-row {
    align-self: center;
  }
}

.hero-home-image-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .hero-home-image-wrap {
    display: none;
  }
}

.img-hero--split {
  max-width: 720px;
}
@media screen and (max-width: 991px) {
  .img-hero--split {
    max-width: 100%;
  }
}

.hero-cmo-portrait .hero-home-image-wrap {
  justify-content: flex-end;
}
@media screen and (max-width: 991px) {
  .hero-cmo-portrait .hero-home-image-wrap {
    justify-content: center;
  }
}
.hero-cmo-portrait .img-hero {
  width: clamp(220px, 28vw, 380px);
  height: clamp(220px, 28vw, 380px);
  max-width: none;
  object-fit: cover;
  border-radius: 50%;
  border: 6px solid var(--c-cta);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 991px) {
  .hero-cmo-portrait .img-hero {
    width: clamp(200px, 60vw, 320px);
    height: clamp(200px, 60vw, 320px);
  }
}

.p-hero-subtitle {
  margin-bottom: 20px;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-hero-subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    padding: 0 1rem;
  }
}

.p-hero-subtitle.on-light {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-hero-subtitle.on-light {
    text-align: center;
  }
}

.hero-2-split {
  grid-gap: 40px;
}
@media screen and (max-width: 767px) {
  .hero-2-split {
    grid-gap: 1.5rem;
  }
}

.hero-split-2-img {
  max-width: 100%;
  box-shadow: 0 2px 5px var(--overlay-dark);
}
@media screen and (max-width: 767px) {
  .hero-split-2-img {
    padding: 0 0.5rem;
    box-sizing: border-box;
  }
}

.cell-hero-split-2 {
  justify-content: center;
  align-items: center;
}

.hero-bullets--split {
  align-self: flex-start;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .hero-bullets--split {
    align-self: center;
    text-align: center;
  }
}

.hero-split--plain-image .hero-split__image img {
  border-radius: 0;
  box-shadow: none;
}

.bg-dark .h1-hero.product-2-split-light,
.bg-dark-alt .h1-hero.product-2-split-light,
.bg-dark-neutral .h1-hero.product-2-split-light {
  color: var(--text-on-dark);
}
.bg-dark .p-hero-subtitle.on-light,
.bg-dark-alt .p-hero-subtitle.on-light,
.bg-dark-neutral .p-hero-subtitle.on-light {
  color: var(--text-on-dark-muted);
}

.hero-split--tall {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}
@media screen and (max-width: 767px) {
  .hero-split--tall {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg);
  }
}
.hero-split--tall .hero-split {
  grid-template-columns: 1.15fr 1fr;
}
@media screen and (max-width: 991px) {
  .hero-split--tall .hero-split {
    grid-template-columns: 1fr;
  }
}
.hero-split--tall .h1-hero.product-2-split-light {
  font-size: clamp(2rem, 3.4vw, 3rem);
  line-height: 1.12;
}

.hero-split--title-row {
  padding-top: 70px;
  padding-bottom: 70px;
}
.hero-split--title-row .hero-split {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "title title" "sub sub" "sub2 sub2" "bullets image" "ctas ctas";
  column-gap: 30px;
  row-gap: 0;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .hero-split--title-row .hero-split {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "sub" "sub2" "bullets" "image" "ctas";
    row-gap: var(--space-sm);
    padding: 0 16px;
  }
}
.hero-split--title-row .hero-split__content {
  display: contents;
}
.hero-split--title-row .h1-hero.product-2-split-light {
  grid-area: title;
  margin: 0 0 20px;
  font-family: var(--font-heading);
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--c-white);
}
@media screen and (max-width: 767px) {
  .hero-split--title-row .h1-hero.product-2-split-light {
    padding: 0;
    font-size: 32px;
    text-align: left;
  }
}
.hero-split--title-row .p-hero-subtitle.on-light {
  grid-area: sub;
  margin: 0 0 39px;
  font-family: var(--font-body);
  font-size: 28px;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.8px;
  color: var(--c-white);
}
@media screen and (max-width: 767px) {
  .hero-split--title-row .p-hero-subtitle.on-light {
    padding: 0;
    margin-bottom: 20px;
    font-size: 22px;
    text-align: left;
  }
}
.hero-split--title-row .hero-bullets--split {
  grid-area: bullets;
  align-self: start;
  max-width: none;
  margin: 0;
  padding-left: 10px;
  gap: 11px;
}
.hero-split--title-row .hero-bullets--split li {
  gap: 6px;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.8px;
  color: var(--c-white);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .hero-split--title-row .hero-bullets--split li {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .hero-split--title-row .hero-bullets--split {
    align-self: start;
    padding-left: 0;
  }
}
.hero-split--title-row .hero-bullet-icon {
  width: 17.5px;
  margin-top: 0;
  font-size: 14px;
  line-height: 26px;
  color: var(--c-orange);
}
.hero-split--title-row .hero-bullet-highlight {
  font-weight: 700;
}
.hero-split--title-row .hero-bullet-highlight--alert {
  color: var(--c-red);
}
.hero-split--title-row .hero-split__image {
  grid-area: image;
  align-self: start;
  margin-top: -20px;
}
.hero-split--title-row .hero-split__image img {
  max-width: min(516px, 100%);
}
.hero-split--title-row .hero-split__ctas {
  grid-area: ctas;
  gap: 21px;
  padding-left: 24px;
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .hero-split--title-row .hero-split__ctas {
    padding-left: 0;
  }
}
.hero-split--title-row .hero-split__ctas .btn {
  padding: 17px 30px 17px 31px;
  font-size: 19px;
  line-height: 19px;
  letter-spacing: 1px;
  gap: 10px;
}
.hero-split--title-row .hero-split__ctas .btn-secondary {
  font-weight: 500;
}

.hero-split--title-row.hero-split--subtitle-lg .p-hero-subtitle.on-light {
  font-size: 34px;
}
@media screen and (max-width: 767px) {
  .hero-split--title-row.hero-split--subtitle-lg .p-hero-subtitle.on-light {
    font-size: 22px;
  }
}

.hero-split--title-row.hero-split--checks .hero-split {
  grid-template-columns: 461px 1fr;
}
@media screen and (max-width: 991px) {
  .hero-split--title-row.hero-split--checks .hero-split {
    grid-template-columns: 1fr;
  }
}
.hero-split--title-row.hero-split--checks .hero-bullets--split {
  padding-left: 30px;
  gap: 6px;
}
.hero-split--title-row.hero-split--checks .hero-bullets--split li {
  gap: 13px;
  font-family: var(--font-body);
  font-size: 23px;
  line-height: 34px;
  letter-spacing: normal;
}
@media screen and (max-width: 767px) {
  .hero-split--title-row.hero-split--checks .hero-bullets--split li {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (max-width: 767px) {
  .hero-split--title-row.hero-split--checks .hero-bullets--split {
    padding-left: 0;
  }
}
.hero-split--title-row.hero-split--checks .hero-bullet-icon {
  width: 23px;
  font-size: 18px;
  line-height: 34px;
  color: var(--c-green);
}
.hero-split--title-row.hero-split--checks .hero-split__image {
  margin-top: 0;
}
.hero-split--title-row.hero-split--checks .hero-split__image img {
  max-width: min(653px, 100%);
}
.hero-split--title-row.hero-split--checks .hero-split__ctas .btn {
  padding-top: 20px;
  padding-bottom: 20px;
}

.hero-split--title-row .hero-split__subtitle2.p-hero-subtitle.on-light {
  grid-area: sub2;
  margin: -10px 0 30px;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: normal;
}
@media screen and (max-width: 767px) {
  .hero-split--title-row .hero-split__subtitle2.p-hero-subtitle.on-light {
    font-size: 17px;
    line-height: 24px;
  }
}

.hero-split__tabs {
  align-self: start;
  justify-self: center;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 603px;
}

.hero-split__tab-list {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .hero-split__tab-list {
    gap: 12px;
  }
}

.hero-split__tab {
  min-width: 204px;
  padding: 16px 20px;
  border: 1px solid var(--c-white);
  background: var(--c-blue);
  color: var(--c-white);
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 600;
  cursor: pointer;
}
.hero-split__tab[aria-selected=true] {
  background: transparent;
}
.hero-split__tab:focus-visible {
  outline: 2px solid var(--c-white);
  outline-offset: 2px;
}
@media screen and (max-width: 767px) {
  .hero-split__tab {
    min-width: 0;
    flex: 1;
  }
}

.hero-split__tab-panel {
  border: 3px solid var(--c-white);
}
.hero-split__tab-panel img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-split--title-row .hero-split__image.hero-split__tabs {
  margin-top: 0;
}
.hero-split--title-row .hero-split__image.hero-split__tabs img {
  max-width: 100%;
}

.hero-split__lead {
  grid-area: bullets;
  align-self: start;
}

.hero-split__intro {
  max-width: 519px;
  margin: 0 0 30px 10px;
  font-family: var(--font-body);
  font-size: 24px;
  line-height: 1.3;
  font-weight: 300;
  color: var(--c-white);
}
@media screen and (max-width: 767px) {
  .hero-split__intro {
    margin-left: 0;
    font-size: 19px;
  }
}

.hero-split--title-row .hero-split__lead .hero-bullets--split {
  padding-left: 85px;
}
@media screen and (max-width: 767px) {
  .hero-split--title-row .hero-split__lead .hero-bullets--split {
    padding-left: 0;
  }
}

.hero-split--shopify .hero-bullet-icon {
  width: 18px;
  font-size: 14px;
  color: var(--c-green);
}
.hero-split--shopify .hero-split__image {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-top: 0;
}
.hero-split--shopify .hero-split__image img {
  max-width: min(300px, 100%);
}
.hero-split--shopify .hero-split__image .hero-split__image2 {
  max-width: min(516px, 100%);
}
.hero-split--shopify .hero-split__ctas {
  grid-column: 1;
  justify-content: center;
  padding-left: 0;
  margin-top: 40px;
}

.hero-split--photo {
  position: relative;
  isolation: isolate;
}
.hero-split--photo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: var(--hero-photo);
  background-size: cover;
  background-position: center;
  opacity: 0.13;
  mix-blend-mode: luminosity;
  pointer-events: none;
}

.hero-split--title-row.hero-split--shopify .hero-split {
  grid-template-areas: "title title" "sub sub" "sub2 sub2" "bullets image" "ctas image";
}
@media screen and (max-width: 991px) {
  .hero-split--title-row.hero-split--shopify .hero-split {
    grid-template-areas: "title" "sub" "sub2" "bullets" "image" "ctas";
  }
}

.hero-split--classic {
  padding-top: 80px;
  padding-bottom: 80px;
}
.hero-split--classic .hero-split {
  grid-template-columns: 568px 1fr;
  gap: 40px;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .hero-split--classic .hero-split {
    grid-template-columns: 1fr;
    padding: 0 16px;
  }
}
.hero-split--classic .h1-hero.product-2-split-light {
  margin: 0 0 10px;
  font-family: var(--font-heading);
  font-size: clamp(2rem, 1.4rem + 2vw, 48px);
  font-weight: 600;
  line-height: 1.2;
  color: var(--c-white);
}
@media screen and (max-width: 767px) {
  .hero-split--classic .h1-hero.product-2-split-light {
    text-align: left;
  }
}
.hero-split--classic .p-hero-subtitle.on-light {
  margin: 0 0 45px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--c-white);
}
@media screen and (max-width: 767px) {
  .hero-split--classic .p-hero-subtitle.on-light {
    padding: 0;
    font-size: 19px;
    text-align: left;
  }
}
.hero-split--classic .hero-split__ctas .btn {
  padding: 17px 32px;
  font-size: 19px;
  line-height: 19px;
  letter-spacing: 1px;
  gap: 12px;
}
.hero-split--classic .hero-split__image {
  display: flex;
  justify-content: center;
}
.hero-split--classic .hero-split__image img {
  max-width: min(398px, 100%);
  border-radius: 0;
  box-shadow: none;
}

.hero-split--classic.hero-split--framed .hero-split__image img {
  max-width: min(568px, 100%);
  border: 3px solid var(--c-white);
}

.hero-split--centered {
  padding-top: 70px;
  padding-bottom: 60px;
  background-image: linear-gradient(36deg, var(--c-navy) 0%, #00326a 100%);
}
.hero-split--centered .hero-split {
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
}
.hero-split--centered .hero-split__content {
  align-items: center;
}
.hero-split--centered .h1-hero.product-2-split-light,
.hero-split--centered .p-hero-subtitle.on-light {
  text-align: center;
}
.hero-split--centered .p-hero-subtitle.on-light {
  margin-bottom: 30px;
}
.hero-split--centered .hero-split__ctas {
  justify-content: center;
}

.hero-split--ppc {
  padding-top: 80px;
  padding-bottom: 10px;
}
.hero-split--ppc .hero-split {
  grid-template-columns: 747px 1fr;
  gap: 30px;
  align-items: start;
}
@media screen and (max-width: 991px) {
  .hero-split--ppc .hero-split {
    grid-template-columns: 1fr;
    padding: 0 16px;
  }
}
.hero-split--ppc .h1-hero.product-2-split-light {
  margin: 0 0 20px;
  font-family: var(--font-heading);
  font-size: clamp(2rem, 1.4rem + 2vw, 48px);
  line-height: 1;
  font-weight: 600;
  color: var(--c-white);
}
.hero-split--ppc .p-hero-subtitle.on-light {
  margin: 0 0 40px;
  font-family: var(--font-body);
  font-size: 22px;
  line-height: 1.3;
  font-weight: 500;
  color: var(--c-white);
}
@media screen and (max-width: 767px) {
  .hero-split--ppc .p-hero-subtitle.on-light {
    padding: 0;
    text-align: left;
  }
}
.hero-split--ppc .hero-bullets--split {
  gap: 6px;
  margin-bottom: 30px;
  padding-left: 20px;
}
.hero-split--ppc .hero-bullets--split li {
  gap: 4px;
  font-family: var(--font-body);
  font-size: 23px;
  line-height: 29.9px;
  font-weight: 300;
  color: var(--c-white);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .hero-split--ppc .hero-bullets--split {
    padding-left: 0;
    align-self: flex-start;
  }
}
.hero-split--ppc .hero-bullet-icon {
  width: 17px;
  font-size: 14px;
  line-height: 29.9px;
  color: var(--c-white);
}
.hero-split--ppc .hero-bullet-icon.hero-bullet-icon--purple {
  width: 20px;
  font-size: 16px;
  color: var(--c-purple);
}
.hero-split--ppc .hero-bullet-highlight {
  font-weight: 700;
  color: var(--c-green);
}
.hero-split--ppc .hero-bullet-highlight--purple {
  color: var(--c-purple);
}
.hero-split--ppc .hero-split__ctas {
  gap: 21px;
  margin-top: 20px;
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .hero-split--ppc .hero-split__ctas {
    padding-left: 0;
  }
}
.hero-split--ppc .hero-split__ctas .btn {
  padding: 20px 35px;
  border-radius: 2px;
  font-size: 21px;
  line-height: 21px;
  font-weight: 500;
}
.hero-split--ppc .hero-split__ctas .btn-secondary {
  background: var(--c-purple);
  border-color: var(--c-purple);
}
.hero-split--ppc .hero-split__image {
  padding-top: 40px;
}
.hero-split--ppc .hero-split__image img {
  max-width: min(368px, 100%);
}

.hero-split--classic.hero-split--wide-copy .hero-split {
  grid-template-columns: 677px 1fr;
  gap: 0;
}
@media screen and (max-width: 991px) {
  .hero-split--classic.hero-split--wide-copy .hero-split {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.hero-split--classic.hero-split--wide-copy .hero-split__content {
  gap: 0;
}
.hero-split--classic.hero-split--wide-copy .hero-split__image {
  justify-content: flex-end;
}
.hero-split--classic.hero-split--wide-copy .hero-split__image img {
  max-width: min(456px, 100%);
}

.hero-split--classic.hero-split--solo .hero-split {
  grid-template-columns: 1fr;
}

.hero-split--classic.hero-split--box-under {
  padding-bottom: 250px !important;
}

.hero-split--title-row.hero-split--audit-tool {
  padding-top: 20px;
  padding-bottom: 20px;
}
.hero-split--title-row.hero-split--audit-tool .hero-split {
  grid-template-columns: 482px 1fr;
  grid-template-areas: "title title" "bullets image" "ctas image";
  align-items: start;
}
@media screen and (max-width: 991px) {
  .hero-split--title-row.hero-split--audit-tool .hero-split {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "bullets" "image" "ctas";
  }
}
.hero-split--title-row.hero-split--audit-tool .h1-hero.product-2-split-light {
  margin-bottom: 40px;
  line-height: 48px;
}
.hero-split--title-row.hero-split--audit-tool .hero-bullets--split {
  gap: 0;
  padding-left: 10px;
}
.hero-split--title-row.hero-split--audit-tool .hero-bullets--split li {
  gap: 5px;
  padding-bottom: 3px;
  font-family: var(--font-body);
  font-size: 23px;
  font-weight: 300;
  line-height: 29.9px;
  letter-spacing: normal;
}
.hero-split--title-row.hero-split--audit-tool .hero-bullet-icon {
  width: 18px;
  font-size: 14px;
  line-height: 29.9px;
  color: var(--c-white);
}
.hero-split--title-row.hero-split--audit-tool .hero-bullet-highlight {
  color: var(--c-green);
}
.hero-split--title-row.hero-split--audit-tool .hero-split__ctas {
  grid-area: ctas;
  align-self: start;
  margin-top: 27px;
  padding-left: 10px;
}
.hero-split--title-row.hero-split--audit-tool .hero-split__ctas .btn.btn-cta {
  padding: 20px 30px;
  font-size: 21px;
  line-height: 21px;
}
.hero-split--title-row.hero-split--audit-tool .hero-split__image {
  margin-top: 0;
}
.hero-split--title-row.hero-split--audit-tool .hero-split__image img {
  max-width: min(653px, 100%);
}

.hero-split--classic.hero-split--copy-full .hero-split {
  grid-template-columns: 1fr;
}
.hero-split--classic.hero-split--copy-full .hero-split .h1-hero.product-2-split-light {
  margin-bottom: 10px;
}
.hero-split--classic.hero-split--copy-full .hero-split .p-hero-subtitle.on-light {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .hero-callout-banner {
    max-width: 100% !important;
    width: calc(100% - 2rem);
    font-size: 0.9rem !important;
    padding: 0.625rem 1rem !important;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.engagement-roadmap {
  padding-top: 48px;
  padding-bottom: 48px;
}
.engagement-roadmap__grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: var(--space-lg);
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .engagement-roadmap__grid {
    gap: var(--space-md);
  }
}
@media screen and (max-width: 767px) {
  .engagement-roadmap__grid {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }
}
.engagement-roadmap__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .engagement-roadmap__content {
    align-items: center;
    text-align: center;
  }
}
.engagement-roadmap__content .h2-dual-color {
  text-transform: none;
  margin-bottom: 0.75rem;
}
.engagement-roadmap__content p {
  text-align: left;
  line-height: var(--lh-3);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .engagement-roadmap__content p {
    text-align: center;
  }
}
.engagement-roadmap__steps {
  width: 100%;
  margin: 0.75rem 0 1.25rem;
}
.engagement-roadmap__step {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  padding: 0.625rem 0;
}
.engagement-roadmap__step:last-child {
  border-bottom: none;
}
.engagement-roadmap__step p {
  margin: 0;
}
.engagement-roadmap__step strong {
  font-weight: 700;
}

.engagement-roadmap:not(.bg-dark):not(.bg-dark-alt):not(.bg-dark-neutral):not(.bg-footer) .engagement-roadmap__step {
  border-bottom-color: var(--border-divider);
}

.roadmap-card {
  background-color: var(--c-navy-800);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-lg);
  padding: 1rem 1.125rem 1.125rem;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
}
@media screen and (max-width: 767px) {
  .roadmap-card {
    padding: 0.875rem;
  }
}
.roadmap-card__header {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  padding-bottom: 0.75rem;
  margin-bottom: 0.875rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.roadmap-card__title {
  color: var(--text-on-dark);
  font-weight: 700;
  font-size: var(--fs-4);
}
.roadmap-card__subtitle {
  color: var(--text-on-dark-muted);
  font-size: var(--fs-2);
  text-transform: lowercase;
  letter-spacing: 0.01em;
}
.roadmap-card__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .roadmap-card__columns {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}

.roadmap-column {
  display: flex;
  flex-direction: column;
}
.roadmap-column__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.625rem;
}
.roadmap-column__dot {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.05);
}
.roadmap-column__dot--red {
  background-color: var(--c-red-500);
}
.roadmap-column__dot--yellow {
  background-color: var(--c-yellow-500);
}
.roadmap-column__dot--green {
  background-color: var(--c-green-500);
}
.roadmap-column__dot--blue {
  background-color: var(--c-blue-500);
}
.roadmap-column__label {
  color: var(--text-on-dark);
  font-weight: 700;
  font-size: var(--fs-3);
  letter-spacing: 0.02em;
}
.roadmap-column__items {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 0.5rem;
}

.roadmap-item {
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-md);
  padding: 0.625rem 0.75rem;
  min-height: 5.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.roadmap-item:hover {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.22);
  transform: translateY(-1px);
}
.roadmap-item__title {
  color: var(--text-on-dark);
  font-size: var(--fs-2);
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 0.375rem;
}
.roadmap-item__category {
  color: var(--text-on-dark-muted);
  font-size: 0.75rem;
  line-height: 1.25;
  margin: 0;
}

.engagement-roadmap__step-head {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

.engagement-roadmap__step-timing {
  margin-left: auto;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--text-muted);
  white-space: nowrap;
}

.engagement-roadmap--cpg .engagement-roadmap__content .h2-dual-color {
  text-transform: uppercase;
}
.engagement-roadmap--cpg .engagement-roadmap__step {
  border-bottom: none;
  padding: 0.4rem 0;
}

.gantt-card {
  --gantt-label: 220px;
  background-color: var(--bg-raised);
  border: 1px solid var(--border-divider);
  border-radius: 8px;
  padding: 26px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .gantt-card {
    --gantt-label: 150px;
  }
}
@media screen and (max-width: 767px) {
  .gantt-card {
    --gantt-label: 116px;
    padding: 18px;
  }
}
.gantt-card__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--border-divider);
}
.gantt-card__title {
  font-size: 17px;
  font-weight: 500;
  color: var(--text-heading);
}
.gantt-card__subtitle {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  text-align: right;
}
.gantt-card__axis {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-left: var(--gantt-label);
  margin-bottom: 10px;
}
.gantt-card__axis-col {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  border-left: 1px solid var(--border-divider);
  padding-left: 8px;
}
.gantt-card__rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.gantt-card__footer {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  padding-top: 8px;
  margin: 0;
}

.gantt-row {
  display: grid;
  grid-template-columns: var(--gantt-label) 1fr;
  align-items: center;
  gap: 12px;
}
.gantt-row--muted {
  opacity: 0.35;
}
.gantt-row__label {
  min-width: 0;
}
.gantt-row__task {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-heading);
  line-height: 1.3;
  margin: 0 0 2px;
}
.gantt-row__projected {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  margin: 0;
}
.gantt-row__track {
  position: relative;
  height: 22px;
  background-color: var(--bg-alt);
  border-radius: 4px;
}
.gantt-row__bar {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: var(--c-cta);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.gantt-row__bar-label {
  font-size: 10px;
  font-weight: 500;
  color: var(--c-white);
  white-space: nowrap;
  padding: 0 4px;
}

.cell-side-by-side {
  justify-content: center;
  align-items: center;
  display: flex;
}
@media screen and (max-width: 767px) {
  .cell-side-by-side {
    text-align: center;
  }
}
.cell-side-by-side p {
  text-align: left;
  line-height: var(--lh-3);
}

.cell-side-by-side.left {
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .cell-side-by-side.left {
    align-items: center;
  }
}

.h2-dual-color {
  color: var(--text-heading);
  font-size: var(--header-lg);
  text-transform: uppercase;
  line-height: calc(var(--header-lg) + var(--header-lg) / 8);
  align-self: flex-start;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .h2-dual-color {
    font-size: var(--header-md);
    line-height: 3.25rem;
  }
}
@media screen and (max-width: 767px) {
  .h2-dual-color {
    font-size: var(--fs-9);
    line-height: var(--lh-5);
    padding: 0 var(--space-xs);
    align-self: center;
    text-align: center;
  }
}

.h2-second-color {
  color: var(--c-cta);
}

.wrap-icon-list-icon {
  line-height: var(--fs-3);
}
.wrap-icon-list-icon i {
  color: var(--ink-site-primary);
}

.bg-dark .wrap-icon-list-icon i,
.bg-dark-alt .wrap-icon-list-icon i,
.bg-dark-neutral .wrap-icon-list-icon i,
.bg-footer .wrap-icon-list-icon i {
  color: var(--c-cta);
}
.bg-dark .list-icon-text,
.bg-dark-alt .list-icon-text,
.bg-dark-neutral .list-icon-text,
.bg-footer .list-icon-text {
  border-bottom-color: rgba(255, 255, 255, 0.18);
}
.bg-dark .h2-dual-color .color-primary,
.bg-dark-alt .h2-dual-color .color-primary,
.bg-dark-neutral .h2-dual-color .color-primary,
.bg-footer .h2-dual-color .color-primary {
  color: var(--text-on-dark) !important;
}

.list-icon-text {
  gap: 1.25rem;
  border-bottom: 1px solid var(--text-muted);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.625rem;
  padding-bottom: 0.625rem;
}
@media screen and (max-width: 767px) {
  .list-icon-text {
    gap: 0.75rem;
    margin-bottom: var(--space-2);
    padding-bottom: var(--space-2);
  }
}

.wrap-list-icon-text {
  width: 100%;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 767px) {
  .wrap-list-icon-text {
    padding: 0 var(--space-xs);
  }
}

.p-icon-list.sm {
  margin-bottom: 0;
  font-size: var(--fs-3);
  line-height: var(--fs-3);
}

.cell-image img,
.cell-image video {
  display: block;
  width: 100%;
  max-width: 600px;
  max-height: 480px;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  border-radius: var(--radius-md);
}

.feature-side-by-side--solo {
  justify-items: center;
}
.feature-side-by-side--solo > .cell-side-by-side.left {
  width: min(100%, 820px);
  justify-self: center;
}

.feature-side-by-side__after {
  margin-top: 1.5rem;
  font-weight: 600;
  line-height: var(--lh-3);
}

.feature-grid-icons .h2-section-center {
  font-size: 39px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: none;
  color: var(--c-charcoal);
}
@media screen and (max-width: 767px) {
  .feature-grid-icons .h2-section-center {
    font-size: 28px;
  }
}

.feature-grid-icons .margin-bottom-md {
  margin-bottom: 0;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 37px;
  padding: 0 10px;
}
@media screen and (max-width: 991px) {
  .feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .feature-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-top: 2rem;
  }
}
.feature-grid.feature-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (width <= 767px) {
  .feature-grid.feature-grid-2 {
    grid-template-columns: 1fr;
  }
}

.feature-grid-item {
  text-align: center;
}

.feature-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-bottom: 0;
}
.feature-icon-wrapper img {
  max-height: 100%;
  max-width: 64px;
}
.feature-icon-wrapper i {
  font-size: 40px;
  color: var(--c-cta);
}

.feature-grid-icons--icon-red .feature-icon-wrapper i {
  color: var(--c-red);
}

.feature-grid-icons--icon-green .feature-icon-wrapper i {
  color: var(--c-green);
}

.h3-feature-grid {
  margin: 0 0 15px;
  font-family: Lato, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--c-charcoal);
}
@media screen and (max-width: 767px) {
  .h3-feature-grid {
    font-size: 28px;
  }
}

.p-feature-grid {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-weight: 100;
  line-height: 30px;
  color: #4d4d4d;
}

.feature-grid-icons .container-flex-column.narrow {
  max-width: var(--container-max-width);
}

.feature-grid-icons--icon-blue .feature-icon-wrapper i {
  color: var(--c-blue);
}

.feature-grid-icons--ppc .feature-icon-wrapper i {
  font-size: 40px;
}
.feature-grid-icons--ppc .h3-feature-grid {
  margin: 0 0 15px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: var(--c-blue);
}
.feature-grid-icons--ppc .h2-section-center {
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.5rem, 1.1rem + 1.2vw, 36px);
  line-height: 1.3;
  font-weight: 600;
  color: var(--c-charcoal);
}
.feature-grid-icons--ppc .p-subheading {
  max-width: 588px;
  margin: 0 auto;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  color: var(--c-charcoal);
}
.feature-grid-icons--ppc .feature-grid-item:last-child:nth-child(3n+1) {
  grid-column: 1/-1;
}
.feature-grid-icons--ppc .feature-grid {
  row-gap: 50px;
}
.feature-grid-icons--ppc .feature-grid-item p {
  font-size: 20px;
  line-height: 30px;
}

.for-us-by-us {
  box-sizing: border-box;
  object-fit: fill;
  width: auto;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .for-us-by-us {
    padding: 0 0.5rem;
  }
}

.stack-for-us-by-us {
  padding: var(--section-padding-tight);
  grid-gap: 60px;
}
@media screen and (max-width: 767px) {
  .stack-for-us-by-us {
    grid-gap: 30px;
    padding: 1.5rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .stack-for-us-by-us h2, .stack-for-us-by-us p, .stack-for-us-by-us ul {
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .stack-for-us-by-us ul {
    list-style-position: inside;
  }
}

.mission-story--cta-hero .block-cta {
  margin-top: 1.5rem;
}
.mission-story--cta-hero .btn-cta {
  padding: 18px 44px;
  font-size: 1.3125rem;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .mission-story--cta-hero .btn-cta {
    padding: 14px 28px;
    font-size: 1.0625rem;
  }
}

.quote-rotator {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.quote-rotator__inner {
  max-width: 76rem;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.5rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .quote-rotator__inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.5rem;
  }
}

.quote-rotator__avatar {
  flex: 0 0 auto;
  display: block;
  width: 180px;
  height: 180px;
  aspect-ratio: 1;
  max-width: none;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--c-cta);
  box-shadow: 0 0 0 1px rgba(37, 192, 35, 0.25);
}
@media screen and (max-width: 767px) {
  .quote-rotator__avatar {
    width: 140px;
    height: 140px;
  }
}

.quote-rotator__body {
  flex: 1 1 auto;
  min-width: 0;
}

.quote-rotator__quotes {
  display: grid;
  width: 100%;
}

.quote-rotator__quote {
  grid-area: 1/1;
  align-self: center;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease;
}
.quote-rotator__quote.is-active {
  opacity: 1;
  visibility: visible;
}

.quote-rotator__line {
  font-size: clamp(1.25rem, 2.2vw, 1.625rem);
  font-weight: 600;
  line-height: 1.35;
  color: inherit;
}

.quote-rotator__author {
  margin: 1rem 0 0;
  font-size: 0.9375rem;
  opacity: 0.7;
}
.quote-rotator__author strong {
  font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
  .quote-rotator__quote {
    transition: none;
  }
}
.service-pillars {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

.service-pillars__grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 3rem;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .service-pillars__grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

.service-pillars__intro {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: flex-start;
}
@media screen and (max-width: 991px) {
  .service-pillars__intro {
    align-items: center;
    text-align: center;
  }
}

.service-pillars__eyebrow {
  margin: 0;
  color: var(--c-cta);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .service-pillars__eyebrow {
    justify-content: center;
  }
}

.service-pillars__eyebrow-dot {
  opacity: 0.6;
}

.service-pillars__title {
  margin: 0;
  font-size: clamp(1.75rem, 3.2vw, 2.5rem);
  font-weight: 700;
  line-height: 1.15;
  color: inherit;
}

.service-pillars__title-nowrap {
  white-space: nowrap;
  display: inline-block;
}
@media screen and (max-width: 991px) {
  .service-pillars__title-nowrap {
    white-space: normal;
    display: inline;
  }
}

.service-pillars__content {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.88);
  max-width: 32rem;
}
.service-pillars__content strong, .service-pillars__content b {
  color: var(--text-on-dark);
  font-weight: 600;
}

.service-pillars__bullets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  max-width: 32rem;
}
.service-pillars__bullets li {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  font-size: 1.0625rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.88);
  list-style: none;
}
.service-pillars__bullets strong, .service-pillars__bullets b {
  color: var(--text-on-dark);
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .service-pillars__bullets {
    text-align: left;
  }
}

.service-pillars__bullet-icon {
  flex-shrink: 0;
  color: var(--c-cta);
  font-size: 0.8125rem;
  position: relative;
  top: 1px;
}

.service-pillars__cta {
  margin-top: 0.5rem;
  padding: 18px 44px;
  font-size: 1.3125rem;
}
@media screen and (max-width: 767px) {
  .service-pillars__cta {
    padding: 14px 28px;
    font-size: 1.0625rem;
  }
}

.service-pillars__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.service-pillars__card {
  position: relative;
  padding: 1.25rem 1.5rem 1.35rem 1.5rem;
  border-radius: var(--radius-md, 12px);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-left: 3px solid var(--c-cta);
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.service-pillars__card:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
}

.service-pillars__card-head {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 0.5rem;
}

.service-pillars__card-label {
  margin-left: auto;
}

.service-pillars__card-icon {
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--c-cta);
}

.service-pillars__card-avatar {
  flex: 0 0 auto;
  display: block;
  width: 54px;
  height: 54px;
  aspect-ratio: 1;
  max-width: none;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--c-cta);
  box-shadow: 0 0 0 1px rgba(37, 192, 35, 0.25);
}

.service-pillars__card-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--c-cta);
  line-height: 1.3;
}

.service-pillars__card-label {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-blue-300);
  white-space: nowrap;
}

.service-pillars__card-desc {
  margin: 0 0 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.9);
}

.service-pillars__card-tags {
  margin: 0;
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.85);
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.service-pillars__tag-dot {
  color: rgba(255, 255, 255, 0.55);
}

.service-pillars--grouped {
  padding-top: 3.5rem;
}

.service-pillars__grouped {
  width: 100%;
}

.service-pillars__intro--center {
  align-items: center;
  text-align: center;
  max-width: 46rem;
  margin: 0 auto 2.5rem;
}
.service-pillars__intro--center .service-pillars__content {
  max-width: 40rem;
}
.service-pillars__intro--center .service-pillars__title {
  font-size: var(--header-lg);
  text-transform: uppercase;
  line-height: calc(var(--header-lg) + var(--header-lg) / 8);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .service-pillars__intro--center .service-pillars__title {
    font-size: var(--header-md);
    line-height: 3.25rem;
  }
}
@media screen and (max-width: 767px) {
  .service-pillars__intro--center .service-pillars__title {
    font-size: var(--fs-9);
    line-height: var(--lh-5);
  }
}

.service-pillars__groups {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}

.service-pillars__group-head {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.service-pillars__group-head::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.14);
}

.service-pillars__group-title {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--c-cta);
  white-space: nowrap;
}

.service-pillars__group-sub {
  margin: 0;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
  white-space: nowrap;
}

.service-pillars__row {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.service-pillars__row[data-count="4"] {
  grid-template-columns: repeat(2, 1fr);
}

.service-pillars__row[data-count="3"] {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 991px) {
  .service-pillars__row[data-count="3"] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .service-pillars__row[data-count] {
    grid-template-columns: 1fr;
  }
}
.service-pillars--grouped .service-pillars__card:not(.service-pillars__card--featured) {
  border-left: 1px solid rgba(255, 255, 255, 0.14);
  display: flex;
  flex-direction: column;
}
.service-pillars--grouped .service-pillars__card:not(.service-pillars__card--featured) .service-pillars__card-tags {
  margin-top: auto;
}

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

.service-pillars__group--featured .service-pillars__row {
  grid-template-columns: 1fr;
}

.service-pillars__card--featured {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 2.5rem;
  align-items: center;
  padding: 1.75rem 2rem;
  background: linear-gradient(0deg, rgba(37, 192, 35, 0.09), rgba(37, 192, 35, 0.09)), rgba(255, 255, 255, 0.06);
  border-left-width: 4px;
}
.service-pillars__card--featured:hover {
  background: linear-gradient(0deg, rgba(37, 192, 35, 0.13), rgba(37, 192, 35, 0.13)), rgba(255, 255, 255, 0.08);
}
.service-pillars__card--featured .service-pillars__card-main {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.service-pillars__card--featured .service-pillars__card-head {
  margin-bottom: 0;
}
.service-pillars__card--featured .service-pillars__card-title {
  font-size: 1.5rem;
}
.service-pillars__card--featured .service-pillars__card-desc {
  margin-bottom: 0;
  font-size: 1rem;
}
@media screen and (max-width: 991px) {
  .service-pillars__card--featured {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    align-items: start;
  }
}

.service-pillars__card-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.service-pillars__card-bullets li {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  font-size: 0.9375rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.9);
}

/**
 * Trial Form Widget Styles
 *
 * Google OAuth trial interface
 * Uses theme CSS variables for consistency
 */
body.body-minimal {
  background: var(--bg-alt);
  min-height: 100vh;
}

.trial-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.trial-page__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem 2rem;
  z-index: 10;
}
.trial-page__logo {
  display: inline-block;
}
.trial-page__logo img {
  height: 32px;
  width: auto;
}
.trial-page__main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trial-form {
  padding: 0;
  background: transparent;
}
.trial-form__widget {
  max-width: 100%;
  margin: 0;
}
.trial-form .container-narrow,
.trial-form .container {
  max-width: 100%;
  padding: 0;
}

.trial-step-indicator {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-muted);
  margin-bottom: 1.5rem;
  text-align: left;
}

.trial-widget {
  width: 100%;
  background: var(--bg-raised);
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  padding: 3rem 2.5rem;
}
@media (max-width: 768px) {
  .trial-widget {
    padding: 2rem 1.5rem;
  }
}

.trial-logos {
  margin-top: var(--space-sm);
  padding-top: var(--space-sm);
  border-top: 1px solid var(--border-divider);
  text-align: center;
}
.trial-logos__heading {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 1.5rem 0;
}
.trial-logos__grid {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .trial-logos__grid {
    gap: 2rem;
  }
}

.trial-logo {
  height: 40px;
  width: auto;
  object-fit: contain;
  opacity: 0.6;
  filter: grayscale(100%);
  transition: all 0.3s ease;
}
.trial-logo:hover {
  opacity: 1;
  filter: grayscale(0%);
}
@media (max-width: 768px) {
  .trial-logo {
    height: 32px;
  }
}

.trial-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem;
  text-align: center;
}
.trial-loading .spinner {
  width: 48px;
  height: 48px;
  border: 4px solid var(--border-divider);
  border-top-color: var(--c-blue-500);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin-bottom: 1rem;
}
.trial-loading p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.9375rem;
}

.trial-authenticated {
  text-align: center;
}
.trial-authenticated .user-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}
.trial-authenticated .user-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.trial-authenticated .user-details h3 {
  font-size: 1.5rem;
  margin: 0 0 0.5rem 0;
  color: var(--text-body);
}
.trial-authenticated .user-details .user-name {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0.5rem 0 0.25rem 0;
  color: var(--text-body);
}
.trial-authenticated .user-details .user-email {
  font-size: 0.9375rem;
  margin: 0;
  color: var(--text-muted);
}
.trial-authenticated .btn-logout {
  padding: 0.75rem 2rem;
  background: var(--bg-raised);
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-md);
  color: var(--text-body);
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.trial-authenticated .btn-logout:hover:not(:disabled) {
  background: var(--bg-alt);
  border-color: var(--border-input);
}
.trial-authenticated .btn-logout:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.trial-form .trial-header {
  text-align: center;
  margin-bottom: 2rem;
}
.trial-form .trial-header h2 {
  text-align: center;
  line-height: 1.2;
  margin: 0 0 0.5rem 0;
}
.trial-form .trial-header .subheading {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  color: var(--text-muted);
}
.trial-form .pre-heading {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-link);
  margin-bottom: 0.75rem;
}

.email-input-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: stretch;
}
@media (max-width: 768px) {
  .email-input-group {
    flex-direction: column;
  }
}

.email-input {
  flex: 1;
  padding: 0.875rem 1rem;
  border: 1px solid var(--border-divider);
  border-radius: var(--radius-md);
  font-size: 1rem;
  color: var(--text-body);
  background: var(--bg-raised);
  transition: all 0.2s ease;
}
.email-input::placeholder {
  color: var(--text-muted-extra);
}
.email-input:focus {
  outline: none;
  border-color: var(--c-blue-500);
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.1);
}
.email-input:disabled {
  background: var(--bg-alt);
  cursor: not-allowed;
  opacity: 0.6;
}

.btn-submit {
  padding: 0.875rem 2rem;
  background: var(--c-green-600);
  border: none;
  border-radius: var(--radius-md);
  color: var(--c-white);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-submit:hover:not(:disabled) {
  background: var(--c-green-700);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}
.btn-submit:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
@media (max-width: 768px) {
  .btn-submit {
    width: 100%;
  }
}

.divider {
  position: relative;
  text-align: center;
  margin: var(--space-sm) 0;
}
.divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--bg-alt);
}
.divider span {
  position: relative;
  display: inline-block;
  padding: 0 1rem;
  background: var(--bg-raised);
  color: var(--text-muted);
}

.error-message {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  background: var(--surface-danger-tint);
  border: 1px solid var(--c-red-200);
  border-radius: var(--radius-md);
  color: var(--c-red-700);
  font-size: 0.9375rem;
}
.error-message svg {
  flex-shrink: 0;
  color: var(--c-red-500);
}
.error-message span {
  flex: 1;
}

.btn-google-signin {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-right: var(--space-3);
  background: #4285f4;
  border: none;
  border-radius: 4px;
  color: #ffffff;
  font-size: var(--fs-2);
  font-weight: var(--fw-700);
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  min-height: 50px;
}
.btn-google-signin:hover:not(:disabled) {
  background: #357ae8;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.btn-google-signin:active:not(:disabled) {
  background: #2b5fc7;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.btn-google-signin:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-google-signin .google-icon {
  flex-shrink: 0;
  background: var(--bg-body);
  padding: 0.5rem;
  border-radius: var(--radius-md);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-google-signin .spinner-small {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: var(--c-white);
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

.trial-form__widget .terms-notice {
  margin-top: var(--space-xs);
  font-size: var(--fs-1);
  color: var(--text-muted);
  text-align: center;
  line-height: 1.5;
}
.trial-form__widget .terms-notice a {
  color: var(--text-link);
  text-decoration: none;
  transition: color 0.2s ease;
}
.trial-form__widget .terms-notice a:hover {
  color: var(--c-blue-600);
  text-decoration: underline;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.section-quote {
  background-color: var(--bg-alt-light);
}

.quote-card {
  background: var(--bg-raised);
  color: var(--text-body);
  padding: 3rem;
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--c-primary);
}

.bg-dark .quote-card,
.bg-dark-alt .quote-card,
.bg-dark-neutral .quote-card {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-on-dark);
  border-left-color: var(--c-primary);
  backdrop-filter: blur(10px);
}

.quote-img {
  grid-gap: 20px;
  justify-content: center;
  align-items: center;
  max-width: 75%;
}
@media screen and (max-width: 767px) {
  .quote-img {
    max-width: 90%;
    margin: 0 auto;
  }
}

.quote-p {
  font-size: 2.25rem;
  line-height: 3rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .quote-p {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .quote-p {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 0 1rem;
    text-align: center;
  }
}

.quote-p-title {
  align-self: flex-start;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .quote-p-title {
    text-align: center;
    align-self: center;
    padding: 0 1rem;
  }
}

.testimonial--compact {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.testimonial--compact .quote-p {
  font-size: 1.375rem;
  line-height: 1.55;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial--compact .quote-p {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .testimonial--compact .quote-p {
    font-size: 1.125rem;
    line-height: 1.5;
  }
}
.testimonial--compact .quote-p-title {
  margin-top: 0.75rem;
  font-size: 0.9375rem;
}
.testimonial--compact .quote-img {
  max-width: 220px;
  max-height: 220px;
  object-fit: cover;
  border-radius: 50%;
}

.section-trusted-by {
  padding-top: var(--section-padding-tight);
  padding-bottom: var(--section-padding-tight);
  display: block;
}

.logo-trusted-by {
  align-self: center;
  max-height: 40px;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .logo-trusted-by {
    max-height: 32px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.logo-trusted-by.jasons {
  margin-bottom: -14px;
}

.logo-trusted-by.solo {
  margin-top: -3px;
}

.logo-trusted-by.first {
  margin-left: 0;
}

.logo-trusted-by.last {
  margin-right: 0;
}

.logo-row {
  justify-content: space-between;
  align-items: center;
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .logo-row {
    padding: 0 1rem;
  }
}

.h3-trusted-by {
  color: var(--text-muted);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .h3-trusted-by {
    margin-bottom: 24px;
    padding: 0 1rem;
  }
}

.logo-marquee {
  overflow: hidden;
  width: 100%;
}

.logo-marquee-track {
  display: flex;
  align-items: center;
  gap: 40px;
  width: max-content;
  animation: marquee-scroll var(--scroll-speed, 30s) linear infinite;
}

@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.invert-logo {
  filter: brightness(0) invert(1);
}

.calendly-section {
  background: var(--bg-alt);
  min-height: 90vh;
  padding: var(--space-5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.calendly-container {
  max-width: 1000px;
  width: 100%;
  background: var(--bg-raised);
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: var(--space-5);
  min-height: 700px;
}

.calendly-header {
  text-align: center;
  margin-bottom: var(--space-5);
}
.calendly-header h1 {
  font-size: var(--fs-8);
  color: var(--text-heading);
  margin-bottom: var(--space-2);
}
.calendly-header p {
  color: var(--text-body);
  font-size: var(--fs-4);
}

.schedule-meeting-section {
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.schedule-meeting-container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.schedule-meeting-header {
  margin-bottom: var(--space-5);
}

.calendly-widget-wrapper {
  background: var(--bg-raised);
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: var(--space-5);
  min-height: 700px;
}

.calendly-inline-widget {
  min-width: 320px;
  min-height: 700px;
  height: 700px;
  width: 100%;
}

@media (max-width: 991px) {
  .schedule-meeting-section {
    padding-top: var(--space-5);
    min-height: auto;
  }
  .calendly-widget-wrapper {
    padding: var(--space-3);
  }
}
@media (max-width: 767px) {
  .calendly-section {
    padding: var(--space-3);
  }
  .calendly-header h1 {
    font-size: var(--fs-7);
  }
  .calendly-container {
    padding: var(--space-3);
  }
  .schedule-meeting-header h1 {
    font-size: var(--fs-7);
  }
  .calendly-widget-wrapper {
    padding: var(--space-2);
  }
}
.about-hero {
  background: var(--bg-alt);
  padding: 4rem 2rem;
  color: var(--c-navy);
  text-align: center;
}

.content-section {
  padding: 4rem 2rem;
}

.stats-card {
  text-align: center;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.stats-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.stat-number {
  font-size: 3.5rem;
  font-weight: bold;
  color: var(--c-green);
  margin-bottom: 1.5rem;
  letter-spacing: 0.05em;
}

.use-case-card {
  padding: 2rem;
  background: var(--bg-raised);
  border-radius: var(--radius-lg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.use-case-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

@media (max-width: 991px) {
  .stats-grid {
    grid-template-columns: 1fr !important;
  }
}
.pricing-card {
  border-top: 10px solid var(--active-toggle-color, var(--c-primary));
  border-radius: var(--radius-md);
  background-color: var(--bg-body);
  padding-top: var(--pricing-card-padding);
  padding-bottom: var(--pricing-card-padding);
  transition: border-color 0.3s;
  flex-grow: 1;
}

.pricing-trial-banner {
  background: var(--c-cta);
  color: var(--c-white);
  padding: 0.5rem 1rem;
  margin: 1rem 0;
  text-align: center;
  font-weight: bold;
}
.pricing-trial-banner.hidden {
  visibility: hidden;
}

.h2-pricing-card {
  color: var(--text-body);
  text-shadow: none;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 30px;
  display: flex;
}

.pricing-stack {
  grid-gap: 40px;
  flex: 1;
  align-self: stretch;
}

.pricing-card-top {
  background-color: var(--bg-body);
  align-self: stretch;
  min-height: 225px;
}

.pricing-card-price {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: center;
  background-color: var(--bg-body);
  color: var(--text-heading);
  align-self: stretch;
  font-size: 56px;
  font-weight: bold;
  line-height: 56px;
}

.pricing-per {
  font-size: 24px;
}

.pricing-price-no-unit {
  font-size: 2rem;
}

.flex-row-pricing-toggle {
  align-self: center;
}

.pricing-toggle-label {
  align-self: center;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 20px;
}

.pricing-strikethru {
  color: var(--text-body);
  margin-right: 10px;
  font-size: 42px;
  font-weight: 700;
  text-decoration: line-through;
  text-decoration-thickness: 3px;
}

.pricing-subtitle {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  color: var(--text-heading);
}

.pricing-subtitle.highlight {
  background-color: var(--c-danger-lighter);
  align-self: stretch;
}

.pricing-card-body {
  flex-flow: column;
  align-self: stretch;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.pricing-card-feature-section {
  color: var(--text-body);
  text-shadow: none;
  min-height: 0;
  transition: height 0.3s;
}

.icon-list-pricing {
  grid-gap: 20px;
  border-bottom: 1px solid var(--border-divider);
  justify-content: flex-start;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  transition: all 0.4s;
}

.icon-list-pricing.c-medium-gray {
  color: var(--text-muted);
}

.pricing-cta-wrapper {
  top: var(--menu-height);
  border-top: 1px solid var(--border-divider);
  border-bottom: 1px solid var(--border-divider);
  background-color: var(--bg-alt-light);
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: sticky;
}

.pricing-cards-container {
  display: flex;
  flex-direction: column;
}

.pricing-cards-grid {
  --pricing-card-padding: 20px;
  --pricing-card-margin: 10px;
  display: flex;
  gap: 3rem;
  justify-content: center;
  align-items: stretch;
  margin-top: 2rem;
}
.pricing-cards-grid.with-toggle {
  margin-top: 2rem;
}
.pricing-cards-grid.without-toggle {
  margin-top: 3rem;
}

.pricing-card-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 420px;
  min-width: 350px;
}
.pricing-card-wrapper.highlighted {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-lg);
}
.pricing-card-wrapper.highlighted .pricing-card {
  padding-top: calc(var(--pricing-card-padding) + var(--pricing-card-margin));
}

.pricing-card-badge {
  padding: 0.5rem 1rem;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.pricing-card-badge.visible {
  background: var(--c-green);
  color: var(--c-white);
  visibility: visible;
}
.pricing-card-badge.hidden {
  visibility: hidden;
}
.pricing-card-badge.highlighted.visible {
  border: 3px solid var(--c-green);
  border-bottom: none;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  margin-bottom: 0;
}

.pricing-card.highlighted {
  border: 3px solid var(--c-green);
  border-top: none;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  box-shadow: none;
  flex-grow: 1;
}

.billing-toggle-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 2rem auto 0;
}

.billing-toggle-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.billing-toggle {
  position: relative;
  width: 52px;
  height: 28px;
  background: var(--c-cta);
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.billing-toggle.inactive {
  background: var(--bg-placeholder);
}

.billing-toggle-slider {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 24px;
  height: 24px;
  background: var(--bg-raised);
  border-radius: 50%;
  transition: transform 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.billing-toggle-slider.active {
  transform: translateX(24px);
}

.billing-toggle-label-wrapper {
  display: flex;
  flex-direction: column;
}

.billing-toggle-label {
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  line-height: 1.2;
}

.billing-toggle-discount {
  font-size: 0.85rem;
}

.content-section.legal-copy {
  padding: 50px 0 60px;
}
.content-section.legal-copy .w-container {
  padding: 0 10px;
}
.content-section.legal-copy .text-content-body {
  font-family: Lato, sans-serif;
  font-size: 20px !important;
  font-weight: 300;
  line-height: 26px !important;
  letter-spacing: 0.8px;
  color: var(--text-body-soft);
}
.content-section.legal-copy .text-content-body p,
.content-section.legal-copy .text-content-body li {
  margin: 0 0 9px;
}
.content-section.legal-copy .text-content-body li,
.content-section.legal-copy .text-content-body li p {
  font-size: 20px;
  line-height: 26px;
}
.content-section.legal-copy .text-content-body li strong {
  font-weight: 400;
}
.content-section.legal-copy .text-content-body h2,
.content-section.legal-copy .text-content-body h3,
.content-section.legal-copy .text-content-body h4 {
  margin: 30px 0 9px;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.content-section.legal-copy .text-content-body a {
  color: inherit;
}

.lp-ga4-hero-title {
  padding-bottom: 0 !important;
}

.lp-ga4-hero-content {
  padding-top: 1rem !important;
}

.lp-ga4-hero .list-icon-text {
  border-bottom: none;
  margin-bottom: 0.5rem;
  padding-bottom: 0;
  gap: 1rem;
}
.lp-ga4-hero .p-icon-list {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .lp-ga4-hero .p-icon-list {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .lp-ga4-hero .p-icon-list {
    font-size: 1.125rem;
  }
}
.lp-ga4-hero .wrap-icon-list-icon {
  font-size: 1.25rem;
  line-height: 1;
}
.lp-ga4-hero .wrap-icon-list-icon i {
  color: var(--text-on-dark);
}
.lp-ga4-hero .list-icon-text:last-child .wrap-icon-list-icon i {
  color: var(--c-cta);
}
.lp-ga4-hero .wrap-list-icon-text {
  margin-bottom: 1.75rem;
}
.lp-ga4-hero .btn-cta {
  font-size: 1.25rem;
  padding: 1rem 2.25rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .lp-ga4-hero .btn-cta {
    font-size: 1.125rem;
    padding: 0.875rem 1.75rem;
    width: 100%;
  }
}
.lp-ga4-hero .cell-side-by-side img {
  max-width: none;
  max-height: none;
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35), 0 8px 16px rgba(0, 0, 0, 0.2);
}
.lp-ga4-hero .w-layout-layout {
  grid-template-columns: 1fr 1.2fr !important;
}

.lp-ga4-steps .fa-solid {
  width: 120px;
  height: 120px;
  border: 2.5px solid var(--c-primary);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem !important;
  line-height: 1;
  color: var(--c-primary) !important;
  margin: 0 auto 1.75rem !important;
}
.lp-ga4-steps .fa-solid,
.lp-ga4-steps .fa-solid::before {
  font-family: inherit !important;
  font-weight: 500 !important;
  font-style: normal !important;
}
.lp-ga4-steps h3 {
  font-weight: 700;
  margin-bottom: 0.75rem !important;
}
.lp-ga4-steps p {
  color: var(--text-muted);
  line-height: 1.6;
}

.lp-ga4-faq.accordion-list {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.lp-ga4-faq.accordion-list .accordion-list-heading {
  margin-bottom: 1.5rem !important;
}
.lp-ga4-faq.accordion-list .accordion-list-items {
  gap: 0.5rem;
}
.lp-ga4-faq.accordion-list .accordion-item .accordion-item-header {
  padding: 0.75rem 1.25rem;
}
.lp-ga4-faq.accordion-list .accordion-item .accordion-item-header .accordion-item-title {
  font-size: 1rem;
}
.lp-ga4-faq.accordion-list .accordion-item .accordion-item-content .accordion-item-content-inner {
  padding: 0 1.25rem 1rem 1.25rem;
  font-size: 0.9375rem;
  line-height: 1.55;
}

.lp-ga4-steps-cta {
  padding-top: 0 !important;
  padding-bottom: 4rem !important;
}
.lp-ga4-steps-cta .btn-cta {
  font-size: 1.25rem;
  padding: 1.125rem 2.5rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .lp-ga4-steps-cta .btn-cta {
    font-size: 1.125rem;
    padding: 0.875rem 1.75rem;
    width: 100%;
  }
}

.lp-ga4-what-is .text-content-body p + p {
  margin-top: 1.5rem;
}

.lp-ga4-explorer {
  text-align: left;
}
.lp-ga4-explorer .text-content-body {
  font-size: 1rem;
  line-height: 1.5;
}
.lp-ga4-explorer code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.86em;
  background: var(--bg-alt);
  padding: 1px 5px;
  border-radius: 3px;
}

.m3 {
  --m3-c-attribution: #E07A5F;
  --m3-c-behavior: #3D8BB7;
  --m3-c-compliance: #7B9E89;
  border: 1px solid var(--border-divider);
  border-radius: 16px;
  overflow: hidden;
  background: var(--bg-raised);
  box-shadow: 0 24px 48px -12px rgba(0, 38, 80, 0.18), 0 8px 16px -4px rgba(0, 38, 80, 0.1), 0 1px 3px rgba(0, 38, 80, 0.06);
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-body);
}
.m3.m-overview .m3-grid, .m3.m-overview .m3-mobile-bar {
  display: none;
}
.m3.m-explore .m3-overview {
  display: none;
}
.m3.m-explore .m3-pane.subs, .m3.m-explore .m3-pane.tests, .m3.m-explore .m3-mobile-bar {
  animation: m3-pane-enter 420ms ease-out both;
}
.m3 .m3-mobile-bar {
  display: none;
}
.m3 .m3-grid {
  display: grid;
  grid-template-columns: 260px 290px 1fr;
  height: 740px;
}
.m3 .m3-pane {
  padding: 18px;
  overflow-y: auto;
}
.m3 .m3-pane.cats {
  background: var(--bg-alt);
  border-right: 1px solid var(--border-divider);
}
.m3 .m3-pane.subs {
  border-right: 1px solid var(--border-divider);
  background: var(--bg-raised);
}
.m3 .m3-pane.tests {
  background: var(--bg-tint);
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.m3 #m3-tests {
  display: contents;
}
.m3 .m3-pane::-webkit-scrollbar {
  width: 8px;
}
.m3 .m3-pane::-webkit-scrollbar-track {
  background: transparent;
}
.m3 .m3-pane::-webkit-scrollbar-thumb {
  background: rgba(0, 38, 80, 0.12);
  border-radius: 4px;
}
.m3 .m3-pane::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 38, 80, 0.25);
}
.m3 .m3-pane-head {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
  font-weight: 700;
  color: var(--text-muted);
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px;
}
.m3 .m3-pane-count {
  color: var(--text-muted);
  font-weight: 700;
}
.m3 .m3-overview {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  padding: 28px 22px;
}
@media (max-width: 960px) {
  .m3 .m3-overview {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 18px 14px;
  }
}
.m3 .m3-overview-card {
  --m3-overview-accent: var(--c-primary);
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: left;
  background: var(--bg-raised);
  border: 1px solid rgba(0, 38, 80, 0.14);
  border-radius: 12px;
  padding: 22px 22px 18px;
  cursor: pointer;
  font: inherit;
  color: inherit;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.m3 .m3-overview-card:hover,
.m3 .m3-overview-card:focus-visible {
  transform: translateY(-3px);
  border-color: var(--m3-overview-accent);
  box-shadow: 0 16px 32px -8px rgba(0, 38, 80, 0.16), 0 6px 12px -4px rgba(0, 38, 80, 0.08);
  outline: none;
}
.m3 .m3-overview-stripe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--m3-overview-accent);
}
.m3 .m3-overview-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  margin-top: 4px;
}
.m3 .m3-overview-name {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-body);
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.m3 .m3-overview-count {
  background: var(--bg-alt);
  border: 1px solid var(--border-divider);
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--text-body);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  flex-shrink: 0;
}
.m3 .m3-overview-blurb {
  font-size: 13px;
  color: var(--text-muted);
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 1.4;
}
.m3 .m3-overview-desc {
  font-size: 14px;
  color: var(--text-body);
  line-height: 1.55;
  margin-bottom: 18px;
  flex: 1;
}
.m3 .m3-overview-desc b,
.m3 .m3-overview-desc strong {
  font-weight: 700;
  color: var(--text-body);
}
.m3 .m3-overview-cta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--m3-overview-accent);
  margin-top: auto;
  transition: gap 0.18s ease;
}
.m3 .m3-overview-card:hover .m3-overview-cta {
  gap: 9px;
}
.m3 .m3-cat-btn {
  display: grid;
  grid-template-columns: 4px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 4px;
  transition: background 0.15s;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  font: inherit;
}
.m3 .m3-cat-btn:hover {
  background: var(--bg-raised);
}
.m3 .m3-cat-btn.active {
  background: var(--bg-raised);
  box-shadow: 0 1px 2px rgba(0, 38, 80, 0.04);
}
.m3 .m3-cat-bar {
  width: 4px;
  height: 32px;
  border-radius: 2px;
}
.m3 .m3-cat-meta {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.m3 .m3-cat-meta .n {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-body);
  letter-spacing: -0.005em;
  line-height: 1.25;
}
.m3 .m3-cat-meta .d {
  font-size: 12px;
  color: var(--text-muted);
  line-height: 1.35;
}
.m3 .m3-cat-cnt {
  background: var(--bg-alt);
  border: 1px solid var(--border-divider);
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: var(--text-body);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.m3 .m3-cat-btn.active .m3-cat-cnt {
  background: var(--c-primary);
  color: var(--c-white);
  border-color: var(--c-primary);
}
.m3 .m3-sub-btn {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 2px;
  transition: background 0.15s;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  font: inherit;
  position: relative;
}
.m3 .m3-sub-btn:hover {
  background: var(--bg-alt);
}
.m3 .m3-sub-btn.active {
  background: var(--bg-alt);
  padding-left: 18px;
}
.m3 .m3-sub-btn.active::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 12px;
  bottom: 12px;
  width: 3px;
  background: var(--c-primary);
  border-radius: 2px;
}
.m3 .m3-sub-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-body);
  line-height: 1.3;
}
.m3 .m3-sub-btn.active .m3-sub-name {
  color: var(--c-primary);
}
.m3 .m3-sub-cnt {
  background: var(--bg-alt);
  border: 1px solid var(--border-divider);
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  color: var(--text-body);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.m3 .m3-sub-btn.active .m3-sub-cnt {
  background: var(--bg-raised);
  border-color: var(--border-divider);
}
.m3 .m3-sub-select {
  display: none;
  width: 100%;
  padding: 12px 38px 12px 14px;
  border-radius: 10px;
  border: 1px solid var(--border-divider);
  background-color: var(--bg-raised);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23002650' stroke-width='2.5'><path d='m6 9 6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  font-size: 14px;
  font-family: inherit;
  font-weight: 600;
  color: var(--text-body);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 1.2;
}
.m3 .m3-sub-select:focus {
  outline: 2px solid var(--c-primary);
  outline-offset: 1px;
}
.m3 .m3-tests-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px 22px 12px;
  border-bottom: 1px solid var(--border-divider);
  flex-shrink: 0;
}
.m3 .m3-tests-title-block {
  min-width: 0;
  flex: 1;
}
.m3 .m3-tests-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-body);
  margin: 0;
  line-height: 1.25;
}
.m3 .m3-tests-desc {
  font-size: 13.5px;
  color: var(--text-muted);
  line-height: 1.5;
  margin: 6px 0 0;
}
.m3 .m3-tests-desc strong {
  color: var(--text-body);
  font-weight: 600;
}
.m3 .m3-tests-count {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
  margin-left: 16px;
  padding-top: 4px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
}
.m3 .m3-tests-list {
  flex: 1;
  overflow-y: auto;
  padding: 14px 22px 6px;
}
.m3 .m3-tests-list::-webkit-scrollbar {
  width: 8px;
}
.m3 .m3-tests-list::-webkit-scrollbar-track {
  background: transparent;
}
.m3 .m3-tests-list::-webkit-scrollbar-thumb {
  background: rgba(0, 38, 80, 0.12);
  border-radius: 4px;
}
.m3 .m3-tests-list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 38, 80, 0.25);
}
.m3 .m3-test-card {
  background: var(--bg-raised);
  border: 1px solid rgba(0, 38, 80, 0.14);
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 7px;
  cursor: default;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.m3 .m3-test-card:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 38, 80, 0.32);
  box-shadow: 0 8px 16px -4px rgba(0, 38, 80, 0.12), 0 2px 4px rgba(0, 38, 80, 0.06);
}
.m3 .m3-test-card-name {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-body);
  margin-bottom: 4px;
  line-height: 1.35;
}
.m3 .m3-test-card-desc {
  font-size: 13px;
  color: var(--text-body);
  line-height: 1.55;
}
.m3 .m3-test-card-desc strong {
  color: var(--text-body);
  font-weight: 700;
}
.m3 .m3-tests-footer {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px;
  border-top: 1px solid var(--border-divider);
  background: var(--bg-raised);
  gap: 10px;
  flex-wrap: nowrap;
}
.m3 .m3-page-info {
  font-size: 12.5px;
  color: var(--text-muted);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m3 .m3-page-info b {
  color: var(--text-body);
  font-weight: 700;
}
.m3 .m3-page-controls {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.m3 .m3-page-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 11px;
  border-radius: 8px;
  border: 1px solid var(--border-divider);
  background: var(--bg-raised);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-body);
  cursor: pointer;
  transition: all 0.15s;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.m3 .m3-page-btn:hover:not(:disabled) {
  background: var(--c-primary);
  color: var(--c-white);
  border-color: var(--c-primary);
}
.m3 .m3-page-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.m3 .m3-page-btn.m3-page-label {
  opacity: 1;
  cursor: default;
  background: var(--bg-alt);
}
.m3 .m3-page-btn svg {
  display: block;
}
@media (min-width: 961px) and (max-width: 1100px) {
  .m3 .m3-grid {
    grid-template-columns: 230px 260px 1fr;
  }
  .m3 .m3-tests-header {
    padding: 14px 16px 10px;
  }
  .m3 .m3-tests-list {
    padding: 12px 16px 4px;
  }
  .m3 .m3-tests-footer {
    padding: 10px 14px;
    gap: 8px;
  }
  .m3 .m3-page-info {
    font-size: 12px;
  }
  .m3 .m3-page-btn {
    padding: 6px 10px;
    font-size: 12.5px;
  }
}
@media (max-width: 960px) {
  .m3 .m3-mobile-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--border-divider);
    background: var(--bg-raised);
    min-height: 48px;
  }
  .m3 .m3-mobile-back {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border-radius: 8px;
    background: var(--bg-alt);
    border: 1px solid var(--border-divider);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-body);
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
  }
  .m3 .m3-mobile-back:hover {
    background: var(--c-primary);
    color: var(--c-white);
    border-color: var(--c-primary);
  }
  .m3 .m3-mobile-crumb {
    font-size: 13px;
    color: var(--text-muted);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
  }
  .m3 .m3-mobile-crumb b {
    color: var(--text-body);
    font-weight: 700;
  }
  .m3 .m3-mobile-crumb-sep {
    color: var(--text-muted);
    margin: 0 6px;
  }
  .m3.m-browse .m3-mobile-back {
    display: none;
  }
  .m3.m-browse .m3-mobile-crumb {
    font-weight: 700;
    color: var(--text-body);
    font-size: 14px;
  }
  .m3.m-browse .m3-grid, .m3.m-inspect .m3-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .m3 .m3-grid {
    height: auto;
    max-height: none;
    min-height: auto;
  }
  .m3 .m3-pane {
    overflow: visible;
  }
  .m3 .m3-tests-list {
    overflow: visible;
    flex: none;
  }
  .m3 .m3-pane.cats {
    border-right: none;
    border-bottom: 1px solid var(--border-divider);
  }
  .m3 .m3-pane.subs {
    border-right: none;
    border-bottom: 1px solid var(--border-divider);
  }
  .m3.m-browse .m3-pane.tests {
    display: none;
  }
  .m3.m-inspect .m3-pane.cats {
    display: none;
  }
  .m3.m-inspect .m3-pane.subs {
    overflow: visible;
    padding: 12px 14px;
  }
  .m3.m-inspect #m3-subs {
    display: none;
  }
  .m3.m-inspect .m3-sub-select {
    display: block;
  }
  .m3.m-inspect .m3-pane.subs .m3-pane-head {
    margin-bottom: 8px;
  }
  .m3 .m3-pane {
    padding: 12px;
  }
  .m3 .m3-pane-head {
    margin-bottom: 8px;
    padding: 0 4px;
  }
  .m3 .m3-tests-header {
    padding: 12px 14px 10px;
  }
  .m3 .m3-tests-title {
    font-size: 15px;
    line-height: 1.25;
  }
  .m3 .m3-tests-desc {
    font-size: 12.5px;
    margin-top: 4px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .m3 .m3-tests-count {
    font-size: 10.5px;
    margin-left: 8px;
  }
  .m3 .m3-tests-list {
    padding: 10px 14px 4px;
  }
  .m3 .m3-test-card {
    padding: 10px 13px;
    margin-bottom: 6px;
  }
  .m3 .m3-test-card-name {
    font-size: 13.5px;
  }
  .m3 .m3-test-card-desc {
    font-size: 12.5px;
    line-height: 1.5;
  }
  .m3 .m3-tests-footer {
    padding: 10px 14px;
  }
  .m3 .m3-page-info {
    font-size: 12px;
  }
  .m3 .m3-page-info .m3-info-prefix {
    display: none;
  }
  .m3 .m3-page-btn {
    padding: 6px 9px;
    font-size: 12.5px;
  }
  .m3 .m3-cat-btn {
    padding: 10px 12px;
    gap: 10px;
  }
  .m3 .m3-cat-meta .n {
    font-size: 14px;
  }
  .m3 .m3-cat-meta .d {
    font-size: 11.5px;
  }
  .m3.m-browse .m3-sub-btn {
    padding: 10px 12px;
  }
  .m3.m-browse .m3-sub-name {
    font-size: 13.5px;
  }
}

@keyframes m3-pane-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.m3-overview-ghost {
  cursor: default;
  pointer-events: none;
}

.m3-overview-ghost:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--border-divider);
}

.lp-ga4-compare {
  text-align: left;
}
.lp-ga4-compare .text-content-body {
  font-size: 1rem;
  line-height: 1.5;
}
.lp-ga4-compare .m1-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 12px;
  color: var(--text-muted);
  font-weight: 600;
  text-align: center;
  margin-bottom: 14px;
}
.lp-ga4-compare .m1-title {
  font-size: 44px;
  font-weight: 700;
  color: var(--ink-site-primary);
  text-align: center;
  margin: 0 0 56px;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .lp-ga4-compare .m1-title {
    font-size: 30px;
    line-height: 1.15;
    margin-bottom: 36px;
  }
}
.lp-ga4-compare .m1-table {
  border: 1px solid var(--border-divider);
  border-radius: 16px;
  overflow: hidden;
  background: var(--bg-raised);
  box-shadow: 0 24px 48px -8px rgba(0, 38, 80, 0.2), 0 -10px 28px -8px rgba(0, 38, 80, 0.12), 0 8px 16px -4px rgba(0, 38, 80, 0.1), 0 1px 3px rgba(0, 38, 80, 0.08);
}
.lp-ga4-compare .m1-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
}
.lp-ga4-compare .m1-table thead th {
  text-align: left;
  padding: 18px 22px;
  font-weight: 600;
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--text-muted);
  border-bottom: 1px solid var(--border-divider);
  background: var(--bg-tint);
  vertical-align: bottom;
}
.lp-ga4-compare .m1-table thead th:first-child {
  color: var(--text-muted);
  width: 24%;
}
.lp-ga4-compare .m1-table thead th.us {
  background: var(--c-primary);
  color: var(--c-white);
  border-bottom-color: var(--c-primary);
  position: relative;
}
.lp-ga4-compare .m1-table thead th.us::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background: var(--c-cta);
}
.lp-ga4-compare .m1-table thead th.us .us-label {
  display: block;
  color: rgba(255, 255, 255, 0.55);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  margin-bottom: 4px;
}
.lp-ga4-compare .m1-table thead th.us .us-name {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.005em;
  text-transform: none;
  color: var(--c-white);
  line-height: 1.2;
}
.lp-ga4-compare .m1-table tbody tr {
  border-bottom: 1px solid var(--border-divider);
}
.lp-ga4-compare .m1-table tbody tr:last-child {
  border-bottom: none;
}
.lp-ga4-compare .m1-table tbody td {
  padding: 18px 22px;
  vertical-align: middle;
  line-height: 1.45;
}
.lp-ga4-compare .m1-table tbody tr {
  transition: background-color 0.15s ease;
}
.lp-ga4-compare .m1-table tbody tr:hover td.label {
  color: var(--c-primary);
}
.lp-ga4-compare .m1-table tbody tr:hover td.them {
  background: rgba(0, 38, 80, 0.025);
}
.lp-ga4-compare .m1-table tbody tr:hover td.us {
  background: rgba(37, 192, 35, 0.1);
}
.lp-ga4-compare .m1-table tbody tr:hover td.us-honest {
  background: rgba(0, 38, 80, 0.015);
}
.lp-ga4-compare .m1-table tbody tr:hover td.us-them {
  background: rgba(0, 38, 80, 0.06);
}
.lp-ga4-compare .m1-table tbody td.label {
  color: var(--text-muted);
  font-weight: 500;
  font-size: 13.5px;
  transition: color 0.15s ease;
}
.lp-ga4-compare .m1-table tbody td.us {
  background: rgba(37, 192, 35, 0.05);
  border-left: 1px solid rgba(37, 192, 35, 0.22);
  border-right: 1px solid rgba(37, 192, 35, 0.22);
}
.lp-ga4-compare .m1-table tbody td.us-honest {
  background: var(--bg-raised);
  font-size: 13.5px;
  border-left: 1px solid rgba(37, 192, 35, 0.22);
  border-right: 1px solid rgba(37, 192, 35, 0.22);
}
.lp-ga4-compare .m1-table tbody td.us-them {
  background: rgba(0, 38, 80, 0.035);
}
.lp-ga4-compare .m1-table tbody tr:last-child td.us {
  border-bottom: 1px solid rgba(37, 192, 35, 0.22);
}
.lp-ga4-compare .m1-table tbody tr:last-child td.us-honest {
  border-bottom: 1px solid rgba(37, 192, 35, 0.22);
}
.lp-ga4-compare .m1-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-right: 8px;
  vertical-align: -4px;
}
.lp-ga4-compare .m1-mark.m1-check {
  color: var(--c-white);
  background: var(--c-cta-dark);
  border-radius: 50%;
}
.lp-ga4-compare .m1-mark.m1-x {
  color: var(--text-muted);
  background: transparent;
  border: 1.5px solid var(--border-divider);
  border-radius: 50%;
}
.lp-ga4-compare .m1-mark.m1-dash {
  color: var(--text-muted);
  background: transparent;
  border: 1.5px solid var(--border-divider);
  border-radius: 50%;
  position: relative;
}
.lp-ga4-compare .m1-mark.m1-dash::after {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  border-radius: 1px;
  background: var(--bg-placeholder);
  opacity: 0.7;
}
.lp-ga4-compare .m1-table tbody td.win {
  color: var(--ink-site-primary);
  font-weight: 700;
}
.lp-ga4-compare .m1-table tbody td.mid {
  color: var(--text-heading);
  font-weight: 500;
}
.lp-ga4-compare .m1-table tbody td.lose {
  color: var(--text-muted);
  font-weight: 400;
}
.lp-ga4-compare .m1-honest-cta {
  margin-top: 32px;
  padding: 28px 32px;
  background: var(--bg-alt);
  border: 1px solid rgba(0, 38, 80, 0.14);
  border-radius: 16px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px;
  align-items: center;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.lp-ga4-compare .m1-honest-cta:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 38, 80, 0.28);
  box-shadow: 0 12px 24px -6px rgba(0, 38, 80, 0.14), 0 4px 8px -2px rgba(0, 38, 80, 0.06);
}
.lp-ga4-compare .m1-honest-content {
  min-width: 0;
}
.lp-ga4-compare .m1-honest-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--ink-site-primary);
  margin: 0 0 6px;
  letter-spacing: -0.005em;
}
.lp-ga4-compare .m1-honest-body {
  font-size: 14.5px;
  color: var(--text-body);
  line-height: 1.55;
  margin: 0;
}
.lp-ga4-compare .m1-honest-body strong {
  color: var(--ink-site-primary);
  font-weight: 700;
}
.lp-ga4-compare .m1-honest-body a {
  color: var(--ink-site-primary);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid var(--border-divider);
}
.lp-ga4-compare .m1-honest-body a:hover {
  border-bottom-color: var(--c-primary);
}
.lp-ga4-compare .m1-honest-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: 10px;
  background: var(--c-primary);
  color: var(--c-white);
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.15s;
  flex-shrink: 0;
  white-space: nowrap;
}
.lp-ga4-compare .m1-honest-link:hover {
  background: var(--c-primary-dark);
  transform: translateY(-1px);
  color: var(--c-white);
}
@media (max-width: 880px) {
  .lp-ga4-compare .m1-table {
    border-radius: 12px;
    box-shadow: none;
    border: none;
    background: transparent;
  }
  .lp-ga4-compare .m1-table table,
  .lp-ga4-compare .m1-table thead,
  .lp-ga4-compare .m1-table tbody,
  .lp-ga4-compare .m1-table tr,
  .lp-ga4-compare .m1-table th,
  .lp-ga4-compare .m1-table td {
    display: block;
    width: 100%;
  }
  .lp-ga4-compare .m1-table thead {
    display: none;
  }
  .lp-ga4-compare .m1-table tbody tr {
    background: var(--bg-raised);
    border: 1px solid var(--border-divider);
    border-radius: 12px;
    margin-bottom: 10px;
    padding: 14px 16px;
    box-shadow: 0 1px 2px rgba(0, 38, 80, 0.04);
  }
  .lp-ga4-compare .m1-table tbody tr:hover {
    background: var(--bg-raised);
  }
  .lp-ga4-compare .m1-table tbody tr:hover td.us,
  .lp-ga4-compare .m1-table tbody tr:hover td.us-honest,
  .lp-ga4-compare .m1-table tbody tr:hover td.us-them,
  .lp-ga4-compare .m1-table tbody tr:hover td.them {
    background: transparent;
  }
  .lp-ga4-compare .m1-table tbody td {
    padding: 0;
    border: none;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: baseline;
  }
  .lp-ga4-compare .m1-table tbody td.label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--text-muted);
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border-divider);
    margin-bottom: 10px;
    display: block;
  }
  .lp-ga4-compare .m1-table tbody td.us,
  .lp-ga4-compare .m1-table tbody td.us-honest {
    background: transparent;
    border: none;
    font-size: 14px;
    padding: 6px 0;
  }
  .lp-ga4-compare .m1-table tbody td.us-honest {
    color: var(--text-muted);
    font-weight: 500;
  }
  .lp-ga4-compare .m1-table tbody td.us::before,
  .lp-ga4-compare .m1-table tbody td.us-honest::before {
    content: "Free GA4 Audit";
    font-size: 11px;
    font-weight: 700;
    color: var(--c-cta-dark);
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .lp-ga4-compare .m1-table tbody td.them {
    font-size: 13px;
    padding: 6px 0;
  }
  .lp-ga4-compare .m1-table tbody td.them:nth-of-type(3)::before {
    content: "Other free tools";
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .lp-ga4-compare .m1-table tbody td.them:nth-of-type(4)::before {
    content: "Paid agency";
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .lp-ga4-compare .m1-table tbody td.us-them {
    background: transparent;
    font-size: 14px;
    padding: 6px 0;
  }
  .lp-ga4-compare .m1-table tbody td.us-them::before {
    content: "Paid agency";
    font-size: 11px;
    font-weight: 700;
    color: var(--ink-site-primary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .lp-ga4-compare .m1-table tbody tr:last-child td.us {
    border: none;
  }
  .lp-ga4-compare .m1-table tbody td.win {
    background: rgba(37, 192, 35, 0.08);
    border-left: 3px solid var(--c-cta);
    padding: 8px 12px;
    border-radius: 6px;
    margin: 2px -4px;
  }
  .lp-ga4-compare .m1-table tbody td.win::before {
    color: var(--c-cta-dark) !important;
    margin-bottom: 2px;
    display: block;
  }
  .lp-ga4-compare .m1-honest-cta {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 22px;
  }
  .lp-ga4-compare .m1-honest-link {
    justify-self: start;
  }
}

.action-plan__inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 10px;
  display: grid;
  grid-template-columns: 482fr 653fr;
  gap: 19px;
  align-items: start;
}
@media screen and (max-width: 991px) {
  .action-plan__inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .action-plan__inner {
    padding: 0 1rem;
  }
}

.action-plan__cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.action-plan__cards .flip-card {
  height: 200px;
}
@media screen and (max-width: 991px) {
  .action-plan__cards {
    order: 2;
  }
}

.flip-card--light .flip-card__back {
  background-color: var(--c-white);
  color: var(--c-charcoal);
}

.action-plan__back {
  margin: 0;
  padding: 0 34px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 100;
  color: var(--c-charcoal);
}

.action-plan .flip-card__description {
  margin-top: 17px;
}

.action-plan .content-split__heading {
  margin-bottom: 0;
}

.action-plan .content-split__rule {
  margin-top: 43px;
  margin-bottom: 35px;
}

.action-plan .flip-card__face {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.action-plan--grid .action-plan__inner {
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: start;
}
@media screen and (max-width: 991px) {
  .action-plan--grid .action-plan__inner {
    grid-template-columns: 1fr;
  }
}
.action-plan--grid .action-plan__cards {
  display: grid;
  grid-template-columns: repeat(2, 244px);
  column-gap: 39px;
  row-gap: 20px;
  padding: 15px 0 0 20px;
}
.action-plan--grid .action-plan__cards .flip-card {
  height: 250px;
}
@media screen and (max-width: 767px) {
  .action-plan--grid .action-plan__cards {
    grid-template-columns: 1fr;
    padding: 0;
  }
}
.action-plan--grid .flip-card__description {
  font-size: 18px;
  line-height: 26px;
}
.action-plan--grid .content-split__rule {
  margin-top: 44px;
}

.band-callout {
  background-color: var(--c-blue);
  color: var(--c-white);
  display: block;
  width: 100%;
  margin-top: 0;
}

.band-callout-line {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: var(--font-body);
  font-weight: var(--fw-400);
  line-height: var(--lh-snug);
  text-wrap: balance;
  overflow-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .band-callout-line {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.band-callout-align-center .band-callout-line {
  text-align: center;
}

.band-callout-align-left .band-callout-line {
  text-align: left;
}

.band-callout-sm {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.band-callout-sm .band-callout-line {
  font-size: clamp(0.9375rem, 0.8125rem + 0.4vw, 1.25rem);
}

.band-callout-md {
  padding-top: 40px;
  padding-bottom: 41px;
}
.band-callout-md .band-callout-line {
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.125rem, 1rem + 0.6vw, 25px);
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .band-callout-md .band-callout-line {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .band-callout-md {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }
}

.band-callout-lg {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.band-callout-lg .band-callout-line {
  font-size: clamp(1.25rem, 1rem + 1vw, 2rem);
}
@media screen and (max-width: 767px) {
  .band-callout-lg {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.section.check-grid {
  padding-top: 50px;
  padding-bottom: 60px;
}

.check-grid__inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 10px;
}

.check-grid__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 70px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 991px) {
  .check-grid__items {
    grid-template-columns: 1fr 1fr;
    row-gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .check-grid__items {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}

.check-grid__item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 34px;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 767px) {
  .check-grid__item {
    justify-content: flex-start;
    flex-direction: row-reverse;
    gap: 16px;
    padding: 0;
  }
}

.check-grid__label {
  flex: 0 1 264px;
  font-family: Lato, sans-serif;
  font-size: clamp(1.1rem, 0.8rem + 0.9vw, 24px);
  line-height: 1.5;
  font-weight: 600;
  text-align: right;
  color: var(--c-charcoal);
}
@media screen and (max-width: 767px) {
  .check-grid__label {
    flex: 1;
    text-align: left;
  }
}

.check-grid__icon {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .check-grid__icon {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    margin-right: 0;
  }
}

.check-grid__heading-row {
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
  margin: -25px 0 -26px;
}
@media screen and (max-width: 991px) {
  .check-grid__heading-row {
    margin: 0;
  }
}

.check-grid .display-headline-text.check-grid__heading {
  max-width: 340px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 991px) {
  .check-grid .display-headline-text.check-grid__heading {
    max-width: none;
  }
}

.before-after__inner {
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .before-after__inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.before-after__heading {
  margin-bottom: 1rem;
}

.before-after__description {
  max-width: var(--container-max-width-reading);
  margin: 0 auto 2.5rem;
  text-align: center;
  color: inherit;
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .before-after__description {
    margin-bottom: 1.5rem;
  }
}

.before-after__frame {
  position: relative;
  max-width: 1115px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  line-height: 0;
  touch-action: pan-y;
}

.before-after__img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.before-after__img--after {
  position: absolute;
  inset: 0;
  height: 100%;
  object-fit: cover;
  object-position: left top;
  display: none;
}

.before-after__frame.is-ready .before-after__img--after {
  display: block;
  clip-path: inset(0 0 0 var(--ba-pos, 50%));
}

.before-after__label {
  position: absolute;
  top: 50%;
  z-index: 1;
  padding: 0 20px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--c-white);
  font-size: 13px;
  line-height: 38px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.before-after__label--before {
  left: 10px;
}

.before-after__label--after {
  right: 10px;
}

.before-after__frame.is-ready:hover .before-after__label {
  opacity: 1;
}

.before-after__range {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  cursor: ew-resize;
  display: none;
  z-index: 2;
}
.before-after__range::-webkit-slider-runnable-track {
  background-color: transparent;
  border: 0;
}
.before-after__range::-moz-range-track {
  background-color: transparent;
  border: 0;
}
.before-after__range::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 56px;
  height: 56px;
  border-radius: var(--radius-pill);
  background-color: transparent;
  border: 0;
  cursor: grab;
}
.before-after__range::-moz-range-thumb {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-pill);
  background-color: transparent;
  border: 0;
  cursor: grab;
}
.before-after__range:focus {
  outline: none;
}

.before-after__frame.is-ready .before-after__range {
  display: block;
}

.before-after__divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--ba-pos, 50%);
  width: 3px;
  margin-left: -1.5px;
  background-color: var(--c-white);
  box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  pointer-events: none;
  display: none;
  z-index: 3;
}

.before-after__frame.is-ready .before-after__divider {
  display: block;
}

.before-after__handle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 38px;
  height: 38px;
  border: 3px solid var(--c-white);
  border-radius: var(--radius-pill);
  background-color: transparent;
  color: var(--c-white);
  box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  font-size: 10px;
  line-height: 1;
}

.before-after__range:focus-visible ~ .before-after__divider .before-after__handle {
  outline: 3px solid var(--c-blue);
  outline-offset: 3px;
}

.section.before-after--flush {
  padding-top: 16px;
  padding-bottom: 15px;
}

.content-split {
  --cs-columns: 1fr 1fr;
}

.section.content-split {
  padding-top: 50px;
  padding-bottom: 50px;
}

.content-split__inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 10px;
  display: grid;
  grid-template-columns: var(--cs-columns);
  gap: 20px;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .content-split__inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .content-split__inner {
    padding: 0 1rem;
  }
}

.content-split--solo .content-split__inner {
  grid-template-columns: 1fr;
}

.content-split--media-left .content-split__media {
  order: -1;
}
@media screen and (max-width: 991px) {
  .content-split--media-left .content-split__media {
    order: 0;
  }
}

.content-split__media img {
  display: block;
  width: 100%;
  height: auto;
}

.content-split--center .content-split__copy {
  text-align: center;
}

.content-split__rule {
  margin-bottom: 40px;
}

.content-split--center .content-split__rule {
  margin-left: auto;
  margin-right: auto;
}

.content-split--rule-below .content-split__rule {
  margin-top: 20px;
  margin-bottom: 30px;
}

.content-split__heading {
  margin: 0 0 30px;
  color: var(--c-navy);
}

.content-split--heading-display .content-split__heading {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.75rem, 1rem + 2.85vw, 50px);
  line-height: 0.96;
  font-weight: 700;
  text-transform: uppercase;
}

.content-split--heading-title .content-split__heading {
  font-family: var(--font-heading);
  font-size: clamp(1.6rem, 1.1rem + 1.5vw, 36px);
  line-height: 1.3;
  font-weight: 600;
}

.content-split--heading-caps .content-split__heading {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 1.1rem + 1.2vw, 36px);
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--c-charcoal);
}

.content-split--heading-plain .content-split__heading {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 1.1rem + 1vw, 30px);
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 0;
}

.content-split__part--navy {
  color: var(--c-navy);
}

.content-split__part--green {
  color: var(--c-green);
}

.content-split__part--red {
  color: var(--c-red);
}

.content-split__part--orange {
  color: var(--c-orange);
}

.content-split__part--blue {
  color: var(--c-blue);
}

.content-split__part--body {
  color: var(--c-charcoal);
}

.content-split__lead,
.content-split__body,
.content-split__closing {
  font-family: var(--font-body);
  font-size: clamp(1.1rem, 0.6rem + 1.2vw, 24px);
  line-height: 1.3;
  font-weight: 300;
  color: var(--text-body-soft);
}
.content-split__lead strong,
.content-split__lead b,
.content-split__body strong,
.content-split__body b,
.content-split__closing strong,
.content-split__closing b {
  font-weight: 700;
}

.content-split__lead {
  margin: 0 0 30px;
}

.content-split__body p {
  margin: 0 0 10px;
}
.content-split__body ul {
  margin: 0 0 10px;
  padding-left: 40px;
  list-style: disc;
  font: inherit;
}
.content-split__body li {
  font: inherit;
  color: inherit;
  margin: 0;
}
.content-split__body h3 {
  margin: 10px 0 0;
  font-family: var(--font-body);
  font-size: inherit;
  font-weight: 700;
  color: var(--c-navy);
}
.content-split__body > :last-child {
  margin-bottom: 0;
}

.content-split__closing {
  margin-top: 30px;
}
.content-split__closing p {
  margin: 0;
}

.content-split__icons {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.content-split__icons li {
  display: flex;
  align-items: center;
  text-align: left;
}

.content-split__icons--lg {
  gap: 40px;
}
.content-split__icons--lg li {
  gap: 5px;
  font-family: var(--font-heading);
  font-size: 20px;
  line-height: 1.3;
  color: var(--text-body-soft);
}
.content-split__icons--lg .content-split__icon {
  flex: 0 0 125px;
  font-size: 100px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .content-split__icons--lg {
    gap: 24px;
  }
  .content-split__icons--lg li {
    font-size: 17px;
  }
  .content-split__icons--lg .content-split__icon {
    flex-basis: 70px;
    font-size: 56px;
  }
}

.content-split__icons--md {
  gap: 6px;
}
.content-split__icons--md li {
  gap: 13px;
  align-items: baseline;
  font-family: var(--font-body);
  font-size: clamp(1.05rem, 0.7rem + 1vw, 23px);
  line-height: 34px;
  font-weight: 400;
  color: var(--c-charcoal);
}
.content-split__icons--md li strong,
.content-split__icons--md li b {
  font-weight: 700;
}
.content-split__icons--md .content-split__icon {
  flex: 0 0 23px;
  font-size: 18px;
  text-align: center;
}

.content-split__icon--green {
  color: var(--c-green);
}

.content-split__icon--red {
  color: var(--c-red);
}

.content-split__icon--navy {
  color: var(--c-navy);
}

.content-split__icon--blue {
  color: var(--c-blue);
}

.content-split__highlights {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-top: 30px;
  text-align: center;
}
.content-split__highlights i {
  font-size: 40px;
  color: var(--c-navy);
}
.content-split__highlights p {
  margin: 0;
  font-family: var(--font-body);
  font-size: clamp(1.5rem, 1.1rem + 1vw, 36px);
  line-height: 1.5;
  font-weight: 600;
  color: var(--c-navy);
}

.content-split--solo .content-split__closing {
  text-align: center;
}

.content-split__cta {
  margin-top: 30px;
}

.content-split__footer {
  margin-top: 40px;
  text-align: center;
}

.content-split__figure {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.content-split__top {
  max-width: 1175px;
  margin: 0 auto;
  padding: 0 10px;
}
.content-split__top .content-split__heading {
  margin-bottom: 23px;
}
@media screen and (max-width: 767px) {
  .content-split__top {
    padding: 0 1rem;
  }
}

.content-split--heading-above .content-split__inner {
  align-items: start;
}

.content-split__slides {
  position: relative;
  aspect-ratio: 506/300;
  max-width: 506px;
  width: 100%;
  justify-self: center;
  align-self: center;
  margin: 0 40px;
}
@media screen and (max-width: 991px) {
  .content-split__slides {
    margin: 0 auto;
    width: calc(100% - 72px);
  }
}

.content-split__slides .content-split__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  background: var(--c-white);
  opacity: 0;
  transition: opacity 0.6s;
}
.content-split__slides .content-split__slide.is-active {
  opacity: 1;
}

.content-split__slide-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--c-navy);
  font-size: 24px;
  cursor: pointer;
}

.content-split__slide-nav--prev {
  left: -36px;
}

.content-split__slide-nav--next {
  right: -36px;
}

@media (prefers-reduced-motion: reduce) {
  .content-split__slide {
    transition: none;
  }
}
.content-split--list-strong .content-split__icons--md li {
  font-weight: 600;
  color: var(--c-navy);
}

.content-split__figure--natural {
  width: auto;
  margin-top: 78px;
}

.content-split__body + .content-split__icons {
  margin-top: 20px;
}

.content-split--display-sm.content-split--heading-display .content-split__heading {
  font-size: clamp(1.6rem, 1rem + 2.4vw, 45px);
}

.content-split__stats {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 10px;
}

.content-split__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 137px;
  padding: 30px;
  background: var(--c-white);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.content-split__stat-value {
  font-family: var(--font-heading);
  font-size: 52px;
  line-height: 1;
  font-weight: 600;
  color: var(--c-navy);
}

.content-split__stat-label {
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.4;
  font-weight: 300;
  color: var(--c-charcoal);
}

.content-split--subheads .content-split__body h3 {
  margin: 10px 0 0;
  font-weight: 900;
  color: var(--text-body-soft);
}
.content-split--subheads .content-split__body p {
  margin: 0 0 10px;
}

.content-split--shadow-image .content-split__media img {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.content-split--solutions .content-split__body li {
  margin-bottom: 10px;
}

.content-split--top .content-split__inner {
  align-items: start;
}

.content-split__kicker {
  display: block;
  width: 89px;
  height: auto;
  margin: 0 auto 8px;
}

.content-split--copy-sm .content-split__lead,
.content-split--copy-sm .content-split__body,
.content-split--copy-sm .content-split__closing {
  font-size: clamp(1rem, 0.85rem + 0.4vw, 20px);
  line-height: 26px;
}
.content-split--copy-sm .content-split__body p {
  margin-bottom: 9px;
}

.content-split__stats-inline {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}

.content-split__stat-inline {
  display: flex;
  flex-direction: column;
}
.content-split__stat-inline .content-split__stat-value {
  font-size: 52px;
}

.content-split__people {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .content-split__people {
    grid-template-columns: 1fr;
  }
}

.content-split__person {
  background: var(--c-white);
}
.content-split__person img {
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}

.content-split__person-body {
  padding: 23px 15px 15px;
}
.content-split__person-body h3 {
  margin: 0 0 2px;
  font-family: var(--font-heading);
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: var(--c-green);
}
.content-split__person-body p {
  margin: 0 0 10px;
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 21px;
  color: var(--c-charcoal);
}
.content-split__person-body a {
  color: #0e76a8;
  font-size: 14px;
}

.content-split--rule-tight .content-split__heading {
  margin-bottom: 0;
}
.content-split--rule-tight.content-split--rule-below .content-split__rule {
  margin-top: 15px;
  margin-bottom: 35px;
}

.section.content-split--grey {
  background-color: var(--bg-band) !important;
}

.content-split--center .content-split__heading {
  text-align: center;
}

.content-split__stats-row {
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}
.content-split__stats-row .content-split__stat-inline {
  width: 285px;
  min-height: 177px;
  padding: 30px;
  align-items: center;
  justify-content: center;
  background: var(--c-white);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
  .content-split__stats-row {
    flex-direction: column;
    align-items: center;
  }
}

.content-split__features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px 24px;
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  .content-split__features {
    grid-template-columns: 1fr;
  }
}

.content-split__feature h3 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 20px;
  font-family: var(--font-heading);
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  color: var(--c-white);
}
.content-split__feature h3 i {
  font-size: 25px;
  color: var(--c-green);
}
.content-split__feature p {
  margin: 0;
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.3;
  font-weight: 300;
  color: var(--c-gray-175);
}

.section.content-split--svg-band {
  background-color: var(--c-navy) !important;
  background-image: url("/images/backgrounds/paid-social-band.svg");
  background-size: cover;
  background-position: center;
}
.section.content-split--svg-band .content-split__part--body {
  color: var(--c-white);
}

.content-split--rule-wide .content-split__rule {
  width: 306px;
}

.section.content-split--funnel-intro {
  background-color: var(--bg-band) !important;
}
.section.content-split--funnel-intro .content-split__heading {
  margin-bottom: 20px;
}
.section.content-split--funnel-intro .content-split__body {
  font-size: 20px;
  line-height: 26px;
  color: var(--c-charcoal);
}
.section.content-split--funnel-intro strong {
  font-weight: 900;
}

.content-split__divider {
  display: block;
  width: 235px;
  height: 2px;
  margin: 35px auto;
  background: var(--c-green);
}

.content-split__left {
  text-align: left;
}
.content-split__left li {
  margin-bottom: 16px;
}

.display-headline--montserrat .display-headline-text {
  font-family: var(--font-heading);
  font-size: clamp(1.6rem, 1rem + 2.4vw, 45px);
}

.content-split__features:has(.content-split__feature--box) {
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: 20px;
}

.content-split__feature--box {
  display: flex;
  align-items: center;
  gap: 15px;
}
.content-split__feature--box h3 {
  margin: 0 0 10px;
  font-family: var(--font-heading);
  font-size: 21px;
  line-height: 1;
  font-weight: 600;
  color: #4d4d4d;
}
.content-split__feature--box p {
  margin: 0;
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 27px;
  font-weight: 300;
  color: #4d4d4d;
}

.content-split__feature-icon {
  display: inline-flex;
  flex: 0 0 64px;
  align-items: center;
  justify-content: center;
  height: 64px;
  background: #c02323;
  color: var(--c-white);
  font-size: 29px;
}

.content-split--cover-image .content-split__inner {
  align-items: stretch;
}
.content-split--cover-image .content-split__media img {
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 991px) {
  .content-split--cover-image .content-split__media img {
    height: 320px;
  }
}

.content-split__accordion {
  display: flex;
  flex-direction: column;
  gap: 17px;
  padding: 0 10px 0 14px;
}

.content-split__acc-item summary {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px 15px 15px 20px;
  background: var(--bg-band);
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 1px;
  color: #333;
  cursor: pointer;
  list-style: none;
}
.content-split__acc-item summary::-webkit-details-marker {
  display: none;
}
.content-split__acc-item summary span {
  flex: 1;
}
.content-split__acc-item summary i {
  font-size: 14px;
}

.content-split__acc-item[open] summary {
  background: var(--c-navy);
  color: var(--c-white);
}
.content-split__acc-item[open] summary .content-split__acc-plus::before {
  content: "\f068";
}
.content-split__acc-item[open] summary .content-split__acc-chevron {
  transform: rotate(90deg);
}

.content-split__acc-body {
  padding: 15px 20px;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: var(--text-body-soft);
}
.content-split__acc-body p {
  margin: 0 0 1em;
}
.content-split__acc-body p:last-child {
  margin-bottom: 0;
  text-align: right;
}

.content-split__bars.progress-stats {
  padding: 0 10px 0 26px;
  background: none;
}
.content-split__bars.progress-stats .progress-stats__label {
  margin-top: 6px;
}

.content-split__bars.is-waiting .progress-stats__fill {
  width: 0;
}

.section.content-split--navy {
  padding-top: 110px;
  padding-bottom: 100px;
  background-color: var(--c-navy) !important;
}
.section.content-split--navy .content-split__part--body,
.section.content-split--navy .content-split__body {
  color: var(--c-white);
}

.content-split__photo-panel {
  align-self: stretch;
  min-height: 436px;
  margin: 10px 20px 0 0;
  padding: 60px;
  background-size: cover;
  background-position: 100% 38%;
}
.content-split__photo-panel .content-split__heading {
  max-width: 311px;
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(1.6rem, 1.1rem + 1.5vw, 36px);
  line-height: 46.8px;
  font-weight: 600;
  color: var(--c-charcoal);
}
.content-split__photo-panel .content-split__rule {
  margin: 15px 0 0;
}
@media screen and (max-width: 991px) {
  .content-split__photo-panel {
    min-height: 300px;
    margin: 0;
    padding: 30px;
  }
}

.content-split--navy-figures .content-split__stat-value {
  color: var(--c-navy);
}

.section.content-split--audit-band {
  background-color: var(--c-navy) !important;
}
.section.content-split--audit-band .content-split__heading {
  margin-bottom: 30px;
  text-align: center;
}
.section.content-split--audit-band .content-split__part--body {
  color: var(--c-white);
}
.section.content-split--audit-band .content-split__icons--md {
  gap: 0;
}
.section.content-split--audit-band .content-split__icons--md li {
  gap: 5px;
  padding-bottom: 6.5px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  color: var(--c-white);
}
.section.content-split--audit-band .content-split__icons--md .content-split__icon {
  flex: 0 0 44px;
  font-size: 35px;
  color: var(--c-red);
}
.section.content-split--audit-band .content-split__closing {
  margin-top: 25px;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: var(--c-white);
}
.section.content-split--audit-band .content-split__footer {
  margin-top: 80px;
}

.am-orange {
  color: var(--c-orange);
}

.am-red {
  color: var(--c-red);
}

.content-split--heading-side .content-split__inner {
  grid-template-columns: 391px 1fr;
  gap: 0;
  align-items: start;
}
@media screen and (max-width: 991px) {
  .content-split--heading-side .content-split__inner {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.content-split--heading-side .content-split__side {
  padding: 10px 0 10px 10px;
}
.content-split--heading-side .content-split__side .content-split__heading {
  margin-bottom: 0;
  line-height: 46.8px;
  color: #333;
}
.content-split--heading-side .content-split__side .content-split__rule {
  margin: 15px 0 0;
}
.content-split--heading-side .content-split__copy {
  padding: 18px 10px 10px;
}
.content-split--heading-side .content-split__lead {
  margin: 0 0 20px;
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 600;
  line-height: 28.6px;
  color: var(--c-navy);
}

.section.content-split--navy.content-split--pricing-band {
  padding-top: 60px;
  padding-bottom: 40px;
}
.section.content-split--navy.content-split--pricing-band .content-split__rule {
  margin: 35px 0 30px;
}

.section.content-split--navy.content-split--pattern {
  background-image: url("/images/backgrounds/deliver-pattern.svg");
  background-size: cover;
}

.content-split--big-title .content-split__heading {
  font-size: clamp(1.8rem, 1.2rem + 2vw, 46px);
}

.content-split--team-intro .content-split__heading {
  margin-bottom: 19px;
  color: var(--c-navy);
}
.content-split--team-intro .content-split__body {
  font-size: 20px;
}

.section.content-timeline {
  padding-top: 83px;
  padding-bottom: 0;
}

.content-timeline .display-headline {
  --dh-blue: var(--c-blue);
}

.content-timeline .display-headline-text {
  text-align: center;
  text-transform: uppercase;
}

.content-timeline__rule {
  width: 176px;
  margin: 79px auto 87px;
}
@media screen and (max-width: 767px) {
  .content-timeline__rule {
    margin: 30px auto 40px;
  }
}

.content-timeline__list {
  --ct-card: 441px;
  --ct-gap: 29px;
  --ct-marker: 40px;
  position: relative;
  max-width: calc(var(--ct-card) * 2 + var(--ct-gap) * 2 + var(--ct-marker));
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.content-timeline__list::before {
  content: "";
  position: absolute;
  top: 74px;
  bottom: 120px;
  left: 50%;
  width: 4px;
  margin-left: -2px;
  background: var(--c-navy);
}
@media screen and (max-width: 991px) {
  .content-timeline__list {
    --ct-card: 1fr;
    max-width: 640px;
    padding: 0 1rem;
  }
  .content-timeline__list::before {
    left: calc(1rem + 20px);
  }
}

.content-timeline__item {
  position: relative;
  display: grid;
  grid-template-columns: 441px 29px 40px 29px 441px;
  align-items: start;
}
@media screen and (max-width: 991px) {
  .content-timeline__item {
    grid-template-columns: 40px 20px 1fr;
    margin-bottom: 24px;
  }
}

.content-timeline__card {
  padding: 32px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 991px) {
  .content-timeline__card {
    grid-column: 3;
    grid-row: 1;
    padding: 24px;
  }
}

.content-timeline__item--left .content-timeline__card {
  grid-column: 1;
  grid-row: 1;
}

.content-timeline__item--right .content-timeline__card {
  grid-column: 5;
  grid-row: 1;
}

.content-timeline__marker {
  grid-column: 3;
  grid-row: 1;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-top: 74px;
  border: 6px solid #f9f9f9;
  border-radius: 50%;
  background: var(--c-navy);
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 991px) {
  .content-timeline__marker {
    grid-column: 1;
    margin-top: 24px;
  }
}

.content-timeline__date {
  grid-row: 1;
  margin: 65px 0 0;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: var(--c-blue);
}
@media screen and (max-width: 991px) {
  .content-timeline__date {
    display: none;
  }
}

.content-timeline__item--left .content-timeline__date:not(.content-timeline__date--inline) {
  grid-column: 5;
  padding-left: 0;
}

.content-timeline__item--right .content-timeline__date:not(.content-timeline__date--inline) {
  grid-column: 1;
  text-align: right;
}

.content-timeline__date--inline {
  display: none;
  margin: 12px 0 0;
}
@media screen and (max-width: 991px) {
  .content-timeline__date--inline {
    display: block;
  }
}

.content-timeline__title {
  margin: 0 0 18px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--c-navy);
}

.content-timeline__text {
  margin: 0 0 20px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  color: var(--c-navy);
}

@media screen and (max-width: 991px) {
  .content-timeline__item--left .content-timeline__card,
  .content-timeline__item--right .content-timeline__card {
    grid-column: 3;
  }
  .content-timeline__title {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 26px;
  }
  .content-timeline__text {
    margin-bottom: 0;
    font-size: 17px;
    line-height: 24px;
  }
}
.display-headline {
  --dh-red: var(--c-red);
  --dh-green: var(--c-green);
  --dh-blue: var(--c-blue);
  --dh-navy: var(--c-navy);
  --dh-body: var(--text-body);
}

[data-theme=dark] .display-headline {
  --dh-navy: var(--text-heading);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .display-headline {
    --dh-navy: var(--text-heading);
  }
}
.display-headline.bg-dark,
.display-headline.bg-dark-primary,
.display-headline.bg-dark-alt,
.display-headline.bg-dark-neutral,
.display-headline.bg-footer {
  --dh-red: var(--c-danger-light);
  --dh-green: var(--c-cta-light);
  --dh-blue: var(--c-primary-light);
  --dh-navy: var(--text-on-dark);
  --dh-body: var(--text-on-dark);
}

.section.display-headline {
  padding-top: 12px;
  padding-bottom: 20px;
}

.display-headline-text {
  margin: 0;
  max-width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: normal;
  font-size: clamp(1.75rem, 1rem + 2.85vw, 51px);
  text-wrap: balance;
  overflow-wrap: break-word;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media screen and (max-width: 767px) {
  .display-headline-text {
    letter-spacing: -0.01em;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.display-headline-upper .display-headline-text {
  text-transform: uppercase;
}

.display-headline-align-center .display-headline-text {
  text-align: center;
}

.display-headline-align-left .display-headline-text {
  text-align: left;
}

.display-headline-red,
.display-headline-orange,
.display-headline-green,
.display-headline-blue,
.display-headline-navy,
.display-headline-body {
  display: inline;
}

.display-headline-red {
  color: var(--dh-red);
}

.display-headline-green {
  color: var(--dh-green);
}

.display-headline-orange {
  color: var(--c-orange);
}

.display-headline-blue {
  color: var(--dh-blue);
}

.display-headline-navy {
  color: var(--dh-navy);
}

.display-headline-body {
  color: var(--dh-body);
}

.section.display-headline--lead-in {
  padding-top: 35px;
  padding-bottom: 35px;
}

.display-headline--sm .display-headline-text {
  font-size: clamp(1.6rem, 1rem + 2.4vw, 45px);
}
@media (min-width: 1200px) {
  .display-headline--sm .display-headline-text {
    padding-left: 0;
    padding-right: 0;
  }
}

.flip-cards__inner {
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .flip-cards__inner {
    padding: 0 1rem;
  }
}

.flip-cards__heading {
  margin-bottom: 40px;
}

.flip-cards__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media screen and (max-width: 991px) {
  .flip-cards__grid {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin: 0 auto;
    gap: 30px;
  }
}

.flip-cards__grid--2 {
  grid-template-columns: repeat(2, 1fr);
}

.flip-card {
  height: 250px;
  perspective: 1000px;
  outline: none;
}
.flip-card:focus-visible .flip-card__face {
  outline: 3px solid var(--c-blue);
  outline-offset: 3px;
}

.flip-card__inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.5s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card__inner,
.flip-card:focus-within .flip-card__inner,
.flip-card.is-flipped .flip-card__inner {
  transform: rotateY(180deg);
}

.flip-card__face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
  text-align: center;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.flip-card__front {
  background-color: var(--c-white);
}

.flip-card__back {
  background-color: var(--c-navy);
  color: var(--c-white);
  transform: rotateY(180deg);
}

.flip-card__icon {
  width: 84px;
  height: 84px;
  object-fit: contain;
}

.flip-card__title {
  margin: 5px 0 10px;
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--c-navy);
}

.flip-card__description {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-weight: 100;
  line-height: 30px;
  color: var(--c-charcoal);
}

.flip-card__list {
  align-self: stretch;
  margin: 0;
  padding-left: 40px;
  list-style: disc;
  text-align: left;
}
.flip-card__list li {
  padding-bottom: 7.5px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: var(--c-white);
}

.flip-card__button {
  margin-top: 15px;
  padding: 14px 18px;
  background-color: var(--c-green);
  color: var(--c-white);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
}
.flip-card__button:link, .flip-card__button:visited {
  color: var(--c-white);
}
.flip-card__button:hover {
  background-color: var(--c-green-600, #1e9a1c);
}

@media (prefers-reduced-motion: reduce) {
  .flip-card__inner {
    transition: none;
  }
}
.section.flip-cards--after-grid {
  padding-top: 25px;
  padding-bottom: 100px;
}

.flip-cards--light .flip-cards__grid {
  grid-template-columns: repeat(3, 267px);
  justify-content: center;
  column-gap: 40px;
  row-gap: 50px;
}
@media screen and (max-width: 991px) {
  .flip-cards--light .flip-cards__grid {
    grid-template-columns: 1fr;
    max-width: 300px;
  }
}
.flip-cards--light .flip-card {
  height: 250px;
}
.flip-cards--light .flip-card__face {
  padding: 20px 30px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.flip-cards--light .flip-card__back {
  background-color: var(--c-white);
}
.flip-cards--light .flip-card__icon {
  width: 95px;
  height: 95px;
  margin-bottom: 14px;
}
.flip-cards--light .flip-card__title {
  margin: 0;
  font-size: 21px;
  color: var(--c-charcoal);
}
.flip-cards--light .flip-card__text {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 100;
  color: var(--c-charcoal);
  -webkit-font-smoothing: antialiased;
}

.flip-cards__cta {
  margin-top: 47px;
  text-align: center;
}

.btn.flip-cards__cta-button {
  background: var(--c-navy);
  border-color: var(--c-navy);
  color: #fff;
  padding: 17px 32px;
}

.flip-card__fa {
  margin-bottom: 20px;
  font-size: 50px;
  color: var(--c-green);
}

.flip-cards--green-back .flip-card__back {
  background: var(--c-green);
}

.section.flip-cards.flip-cards--pattern {
  background-image: url("/images/backgrounds/deliver-pattern.svg");
  background-size: cover;
}
.section.flip-cards.flip-cards--pattern .flip-cards__heading {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 33.8px;
  color: #fff;
}
.section.flip-cards.flip-cards--pattern .flip-cards__heading::after {
  content: "";
  display: block;
  width: 150px;
  height: 2px;
  margin: 15px auto 35px;
  background: var(--c-green);
}

.section.flip-grid {
  padding-top: 50px;
  padding-bottom: 50px;
}

.flip-grid__inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .flip-grid__inner {
    padding: 0 1rem;
  }
}

.flip-grid--boxed .flip-grid__inner {
  padding: 25px 30px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
  .flip-grid--boxed .flip-grid__inner {
    padding: 20px 1rem;
  }
}

.flip-grid__heading {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 29px;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  color: var(--c-charcoal);
}

.flip-grid__rule {
  margin: 45px auto 35px;
}

.flip-grid__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 19px;
}
.flip-grid__cards + .flip-grid__heading {
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .flip-grid__cards {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin: 0 auto;
  }
}

.flip-grid--boxed .flip-grid__cards {
  gap: 20px;
}

.flip-card.flip-grid__card {
  height: 233px;
}

.flip-grid .flip-card__face {
  padding: 20px 35px;
  box-shadow: none;
}

.flip-grid__front--grey {
  background-color: var(--bg-band);
}

.flip-grid__front--white {
  background-color: #fff;
}

.flip-grid__front--photo {
  background-size: cover;
  background-position: center;
}
.flip-grid__front--photo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 38, 80, 0.64);
}
.flip-grid__front--photo .flip-grid__title {
  position: relative;
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
}

.flip-grid__icon {
  object-fit: contain;
  margin-bottom: 33px;
}

.flip-grid__title {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 300;
  color: var(--c-charcoal);
}

.flip-grid__back--blue {
  background-color: var(--c-blue);
}

.flip-grid__back--green {
  background-color: var(--c-green);
}

.flip-grid__back--navy {
  background-color: var(--c-navy);
}

.flip-grid__back--white {
  background-color: #fff;
}

.flip-grid__back-title {
  margin: 0 0 20px;
  font-family: Lato, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 300;
  color: #fff;
}

.flip-grid__text {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 300;
  color: #fff;
}

.flip-grid__back--white .flip-grid__text {
  font-size: 20px;
  line-height: 26px;
  color: var(--c-charcoal);
}

.flip-grid__logos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin: 49px 0 94px;
  padding: 0;
  list-style: none;
}
.flip-grid__logos img {
  display: block;
  width: 250px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .flip-grid__logos {
    grid-template-columns: repeat(2, 1fr);
  }
}

.flip-grid--title.section.flip-grid {
  padding-top: 60px;
  padding-bottom: 61px;
}
.flip-grid--title .flip-grid__inner {
  padding: 15px 10px 30px;
}
.flip-grid--title .flip-grid__heading {
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.6rem, 1.1rem + 1.5vw, 36px);
  line-height: 43.2px;
}
.flip-grid--title .flip-grid__rule {
  margin: 25px auto 35px;
}
.flip-grid--title .flip-grid__cards {
  padding: 0 10px;
}

.flip-grid--cards.section.flip-grid {
  padding-top: 58px;
  padding-bottom: 25px;
}
.flip-grid--cards .flip-grid__inner {
  max-width: 1175px;
  padding: 0 20px;
}
.flip-grid--cards .flip-grid__cards {
  gap: 40px;
}
.flip-grid--cards .flip-card.flip-grid__card {
  height: 250px;
}
.flip-grid--cards .flip-card__face {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.flip-grid--cards .flip-grid__icon {
  margin-bottom: 12px;
}
.flip-grid--cards .flip-grid__title {
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  line-height: 27.3px;
  font-weight: 500;
}
.flip-grid--cards .flip-grid__text {
  font-size: 16px;
  line-height: 24px;
}

.flip-grid--deep-shadow .flip-card__face {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}

.section.funnel-stages {
  padding-top: 40px;
  padding-bottom: 60px;
  background-color: #efefef !important;
}

.funnel-stages__inner {
  max-width: calc(var(--container-max-width) + 80px);
  margin: 0 auto;
  padding: 0 10px;
}

.funnel-stages__stage {
  display: grid;
  grid-template-columns: 128px 1fr;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .funnel-stages__stage {
    grid-template-columns: 1fr;
  }
}

.funnel-stages__label {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--c-charcoal);
}
@media screen and (max-width: 991px) {
  .funnel-stages__label {
    margin-bottom: 10px;
  }
}

.funnel-stages__rows {
  margin: 0;
  padding: 0;
  list-style: none;
}

.funnel-stages__row {
  display: grid;
  grid-template-columns: 626px 1fr;
  column-gap: 20px;
  align-items: center;
  min-height: 195px;
  padding: 20px 0;
}
@media screen and (max-width: 991px) {
  .funnel-stages__row {
    grid-template-columns: 1fr;
    row-gap: 12px;
    min-height: 0;
  }
}

.funnel-stages__pill {
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(626px - var(--fs-step) * 54px);
  max-width: 100%;
  min-height: 87px;
  padding: 10px 40px;
  border-radius: 999px;
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.4rem, 1rem + 1.4vw, 36px);
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .funnel-stages__pill {
    width: 100%;
    min-height: 64px;
  }
}

.funnel-stages__copy {
  max-width: 411px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  color: var(--c-charcoal);
}
.funnel-stages__copy p {
  margin: 0;
}
.funnel-stages__copy strong {
  font-weight: 900;
}
@media screen and (max-width: 991px) {
  .funnel-stages__copy {
    max-width: none;
    text-align: center;
  }
}

.funnel-stages__note {
  margin-bottom: 10px !important;
}

.funnel-stages__rule {
  margin: 0 0 0 0;
  border: 0;
  border-top: 2px dashed rgba(91, 89, 92, 0.5);
}

.funnel-stages__text p + p {
  margin-top: 10px;
}

.funnel-stages--wide .funnel-stages__row {
  padding: 50px 0;
}

.package-table__inner {
  max-width: 1175px;
  margin: 0 auto;
}

.package-table__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-weight: 100;
  line-height: 30px;
  color: var(--text-body-soft);
  cursor: pointer;
}
.package-table__toggle input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.package-table__toggle input:focus-visible + .package-table__switch {
  outline: 2px solid var(--c-blue);
  outline-offset: 2px;
}

.package-table__switch {
  position: relative;
  width: 50px;
  height: 26px;
  border-radius: 34px;
  background-color: var(--c-purple);
  transition: background-color 0.4s;
}
.package-table__switch::before {
  content: "";
  position: absolute;
  left: 4px;
  bottom: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--c-white);
  transition: transform 0.4s;
}
input:checked + .package-table__switch {
  background-color: #000;
}
input:checked + .package-table__switch::before {
  transform: translateX(24px);
}

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

.package-table__table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  table-layout: fixed;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: var(--c-charcoal);
}
.package-table__table th,
.package-table__table td {
  padding: 12px;
  border: 1px solid #ddd;
  background: none;
  text-align: left;
  vertical-align: middle;
}
.package-table__table th:first-child,
.package-table__table td:first-child {
  width: 30.4%;
  line-height: 1.5;
}
.package-table__table thead tr {
  height: 80px;
}
.package-table__table th {
  padding: 16px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.5;
}

.package-table__col--navy {
  background-color: var(--c-navy) !important;
  color: var(--c-white);
}

.package-table__col--blue {
  background-color: var(--c-blue) !important;
  color: var(--c-white);
}

.package-table__col--green {
  background-color: var(--c-green) !important;
  color: var(--c-white);
}

.package-table__price {
  font-weight: 800;
  color: #000;
}

.package-table__group {
  background-color: #f1f1f1;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
.package-table__group:hover {
  background-color: #e0e0e0;
}
.package-table__group[aria-expanded=true] {
  background-color: #dcdcdc;
}
.package-table__group:focus-visible {
  outline: 2px solid var(--c-blue);
  outline-offset: -2px;
}

.package-table__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border: 1px solid var(--c-blue);
  border-radius: 50%;
  background: var(--c-white);
  color: var(--c-blue);
  font-size: 16px;
}

.package-table__item td {
  padding: 6px 0 6px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.package-table__item td:first-child {
  line-height: 1.5;
}

.package-table__check {
  font-size: 18px;
  color: var(--c-green);
}

.package-table__plus {
  font-weight: 700;
  color: var(--c-purple);
}

.package-table__half {
  font-weight: 700;
  color: var(--c-orange);
}

.package-table__with {
  display: none;
}

.package-table[data-package-table]:not(.is-ecom) .package-table__ecom {
  display: none;
}

.package-table.is-ecom .package-table__with {
  display: inline;
}
.package-table.is-ecom .package-table__without {
  display: none;
}

.package-table__cta {
  margin-top: 85px;
  text-align: center;
}
.package-table__cta .btn {
  gap: 13px;
  padding: 17px 30px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 1px;
}
.package-table__cta .btn i {
  font-size: 16px;
}

@media screen and (max-width: 991px) {
  .package-table__inner {
    padding: 0 1rem;
  }
  .package-table__table th {
    font-size: 17px;
  }
}
.package-table__heading {
  margin: 0 0 30px;
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.6rem, 1.1rem + 1.5vw, 36px);
  font-weight: 600;
  line-height: 46.8px;
  text-align: center;
  color: var(--c-charcoal);
}

.package-table__table:has(colgroup) th:first-child,
.package-table__table:has(colgroup) td:first-child {
  width: auto;
}

.package-table--tests .package-table__table td {
  line-height: 24px;
}
.package-table--tests .package-table__item td {
  padding: 8px 12px;
  line-height: 1.4;
}
.package-table--tests .package-table__item td:first-child {
  padding-left: 20px;
}

.section.feature-columns {
  padding-top: 100px;
  padding-bottom: 100px;
}

.feature-columns__inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .feature-columns__inner {
    padding: 0 1rem;
  }
}

.feature-columns__heading {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.6rem, 1.1rem + 1.5vw, 36px);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  color: var(--c-charcoal);
}

.feature-columns__rule {
  margin: 25px auto 35px;
}

.feature-columns__intro {
  margin: 0 0 29px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  text-align: center;
  color: var(--text-body-soft);
}

.feature-columns__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}
@media screen and (max-width: 991px) {
  .feature-columns__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

.feature-columns__list {
  margin: 0;
  padding: 10px;
  list-style: none;
}

.feature-columns__item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-height: 109px;
  text-align: left;
}

.feature-columns__list--left .feature-columns__item {
  flex-direction: row-reverse;
  text-align: right;
}
@media screen and (max-width: 991px) {
  .feature-columns__list--left .feature-columns__item {
    flex-direction: row;
    text-align: left;
  }
}

.feature-columns__icon {
  display: inline-flex;
  flex: 0 0 60px;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--c-green);
  color: #fff;
  font-size: 32px;
}

.feature-columns__title {
  margin: -2px 0 10px;
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 31.5px;
  color: #414247;
}

.feature-columns__text {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18.2px;
  color: var(--text-body-soft);
}

.feature-columns__photo {
  min-height: 365px;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 991px) {
  .feature-columns__photo {
    order: -1;
  }
}

.feature-video-box {
  position: relative;
  z-index: 1;
  margin-top: -180px;
  padding: 0 10px;
}
@media screen and (max-width: 991px) {
  .feature-video-box {
    margin-top: -120px;
    padding: 0 1rem;
  }
}

.feature-video-box__panel {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 47px 43px 46px 48px;
  border: 5px solid #fff;
  background: var(--c-navy);
}
@media screen and (max-width: 991px) {
  .feature-video-box__panel {
    flex-direction: column;
    align-items: stretch;
    padding: 24px 16px;
  }
}

.feature-video-box__cards {
  display: grid;
  grid-template-columns: repeat(3, 194px);
  gap: 19px;
}
@media screen and (max-width: 991px) {
  .feature-video-box__cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .feature-video-box__cards {
    grid-template-columns: 1fr;
  }
}

.flip-card.feature-video-box__card {
  height: 206px;
}

.feature-video-box .flip-card__face {
  padding: 20px 35px;
  box-shadow: none;
}

.feature-video-box__front {
  background: #fff;
}
.feature-video-box__front img {
  width: 93px;
  height: 93px;
  margin-bottom: 32px;
  object-fit: contain;
}

.feature-video-box h3 {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 300;
  color: var(--c-charcoal);
}

.feature-video-box__back {
  background: var(--c-blue);
}
.feature-video-box__back h3 {
  margin-bottom: 20px;
  font-size: 24px;
  color: #fff;
}
.feature-video-box__back p {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 300;
  color: #fff;
}

.feature-video-box__divider {
  flex: 0 0 4px;
  align-self: stretch;
  max-height: 206px;
  margin: 0 8px;
  background: var(--c-green);
}
@media screen and (max-width: 991px) {
  .feature-video-box__divider {
    display: none;
  }
}

.feature-video-box__video {
  flex: 1;
  max-width: 367px;
  aspect-ratio: 367/231;
}
@media screen and (max-width: 991px) {
  .feature-video-box__video {
    max-width: none;
  }
}

.feature-video-box.video-embed .feature-video-box__video {
  aspect-ratio: 367/231;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.section.image-columns {
  padding-top: 100px;
  padding-bottom: 100px;
}

.image-columns__inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .image-columns__inner {
    padding: 0 1rem;
  }
}

.image-columns__image {
  display: block;
  width: 100%;
  height: 385px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .image-columns__image {
    height: 220px;
  }
}

.image-columns__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 35px;
}
.image-columns__grid > div {
  padding: 10px 10px 10px 0;
}
@media screen and (max-width: 991px) {
  .image-columns__grid {
    grid-template-columns: 1fr;
  }
}

.image-columns__heading {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.6rem, 1.1rem + 1.5vw, 36px);
  font-weight: 600;
  line-height: 43.2px;
  color: var(--c-charcoal);
}

.image-columns__rule {
  margin-top: 15px;
}

.image-columns__copy {
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 23.4px;
  color: var(--text-body-soft);
}
.image-columns__copy p {
  margin: 0 0 9px;
}
.image-columns__copy strong {
  font-weight: 700;
}

.contact-split__bar {
  padding: 55px 0 40px;
  background: var(--c-navy);
}
@media screen and (max-width: 991px) {
  .contact-split__bar {
    padding: 40px 1rem 30px;
  }
}

.contact-split__title {
  max-width: var(--container-max-width);
  margin: 0 auto;
  font-family: Montserrat, sans-serif;
  font-size: clamp(2rem, 1.4rem + 2vw, 48px);
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
}

.contact-split__body {
  display: grid;
  grid-template-columns: 543px 548px;
  justify-content: space-between;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 60px 0 50px;
}
@media screen and (max-width: 991px) {
  .contact-split__body {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 40px 1rem;
  }
}

.contact-split__form-heading {
  margin: 0 0 20px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  color: var(--c-charcoal);
}

.contact-split__legend {
  margin: 0 0 16px;
  font-size: 16px;
  color: var(--text-body-soft);
}

.contact-split__req {
  color: #c02b0a;
}

.contact-split__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 25px;
}

.contact-split__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 1px;
  color: var(--text-body-soft);
}
.contact-split__field input,
.contact-split__field textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #666;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.82);
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: normal;
  color: #000;
}
.contact-split__field textarea {
  height: 179px;
  resize: vertical;
}

.contact-split__field--full {
  grid-column: 1/-1;
}

.contact-split__submit {
  justify-self: start;
  margin-top: 6px;
  padding: 10px 28px;
  border: 0;
  background: var(--c-green);
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.8px;
  color: #fff;
  cursor: pointer;
}
.contact-split__submit:hover {
  background: #1fa01d;
}

.contact-split__name {
  margin: 0 0 20px;
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.6rem, 1.1rem + 1.5vw, 36px);
  font-weight: 600;
  line-height: 46.8px;
  text-transform: uppercase;
  color: var(--c-charcoal);
}

.contact-split__info p {
  margin: 0 0 9px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0.8px;
  color: var(--text-body-soft);
}

.contact-split__rule {
  margin: 35px 0;
}

.contact-split__map {
  display: block;
  width: 100%;
  height: 592px;
  border: 0;
}
@media screen and (max-width: 767px) {
  .contact-split__map {
    height: 360px;
  }
}

.contact-split__status {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #d5d8dc;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: var(--c-charcoal);
}
.contact-split__status a {
  color: var(--c-blue);
}

.page-title {
  padding: 55px 0 40px;
  background-color: var(--c-navy);
  background-image: var(--pt-bg, none);
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 991px) {
  .page-title {
    padding: 40px 1rem 30px;
  }
}

.page-title__heading {
  max-width: var(--container-max-width);
  margin: 0 auto;
  font-family: Montserrat, sans-serif;
  font-size: clamp(2rem, 1.4rem + 2vw, 48px);
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
}

.page-title--tight {
  padding: 10px 0;
}

.page-title--job {
  position: relative;
  isolation: isolate;
  padding: 290px 0 40px;
}
@media screen and (max-width: 991px) {
  .page-title--job {
    padding-top: 160px;
  }
}
.page-title--job::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: var(--pt-photo);
  background-size: cover;
  background-position: center;
  opacity: 0.17;
}
.page-title--job .page-title__heading {
  margin: 0;
  font-size: clamp(1.8rem, 1.3rem + 1.6vw, 40px);
  font-weight: 600;
  line-height: 48px;
}

.page-title__row {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  max-width: var(--container-max-width);
  margin: 0 auto;
}
.page-title__row .page-title__heading {
  flex: 0 0 743px;
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .page-title__row {
    flex-direction: column;
    align-items: flex-start;
  }
  .page-title__row .page-title__heading {
    flex-basis: auto;
  }
}

.page-title__share {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.page-title__share p {
  flex: 0 0 100%;
  margin: 0 0 6px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  color: #fff;
}
.page-title__share a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
}

.page-title__share--fb {
  background: #3b5998;
}

.page-title__share--tw {
  background: #1da1f2;
}

.page-title__share--li {
  background: #0077b5;
}

.page-title__share--em {
  background: #ea4335;
}

.page-title--empty {
  min-height: 100px;
}
.page-title--empty .page-title__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.section.post-archive {
  padding-top: 60px;
  padding-bottom: 60px;
}

.post-archive__inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .post-archive__inner {
    padding: 0 1rem;
  }
}

.post-archive__top {
  display: grid;
  grid-template-columns: 724px 1fr;
  gap: 15px;
  margin-bottom: 70px;
}
@media screen and (max-width: 991px) {
  .post-archive__top {
    grid-template-columns: 1fr;
  }
}

.post-archive__featured {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 494px;
  padding: 15px 15px 15px;
  background-color: #9ba4bc;
  background-size: cover;
  background-position: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}
.post-archive__featured::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0) 45%);
}
.post-archive__featured > span {
  position: relative;
}
@media screen and (max-width: 767px) {
  .post-archive__featured {
    min-height: 300px;
  }
}

.post-archive__cat {
  display: block;
  padding: 0 8px 8px 0;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 300;
  line-height: 15.6px;
  color: var(--c-green);
}

.post-archive__featured-title {
  display: block;
  margin: 0 0 15px;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 600;
  line-height: 31.2px;
  color: var(--c-white);
}

.post-archive__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.post-archive__list li + li {
  margin-top: 0;
}
.post-archive__list a {
  display: flex;
  gap: 24px;
  align-items: center;
  min-height: 124px;
  background: var(--c-white);
  box-shadow: 0 0 5px rgba(173, 22, 22, 0.16);
  text-decoration: none;
}
.post-archive__list img,
.post-archive__list .post-archive__thumb-blank {
  flex: 0 0 125px;
  width: 125px;
  height: 125px;
  object-fit: cover;
}

.post-archive__list-title {
  display: block;
  padding-right: 10px;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  color: var(--c-charcoal);
}

.post-archive__filters {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 34px;
  padding: 0 0 0 1px;
  border: 1px solid var(--c-border-light);
  background: var(--c-white);
  box-shadow: 0 10px 35px 8px rgba(0, 9, 78, 0.1);
}
.post-archive__filters button {
  margin: 10px 0 10px 15px;
  padding: 12px 15px;
  border: 0;
  background: transparent;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 300;
  line-height: 20.8px;
  color: #5a5a5a;
  cursor: pointer;
}
.post-archive__filters .is-active {
  background: var(--c-green);
  color: var(--c-white);
}

.post-archive__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 19px;
}
@media screen and (max-width: 991px) {
  .post-archive__grid {
    grid-template-columns: 1fr;
  }
}

.post-archive__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 300px;
  padding: 30px 15px 20px;
  border: 1px solid var(--c-border-light);
  background: var(--c-white);
}
.post-archive__card[hidden] {
  display: none;
}
.post-archive__card h2 {
  margin: 0 0 15px;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
}
.post-archive__card h2 a {
  color: #222;
  text-decoration: none;
}
.post-archive__card p {
  margin: 8px 0 9px;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 300;
  line-height: 19.5px;
  color: #4d4d4d;
}

.post-archive__card-image {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.post-archive__card-image img {
  display: block;
  width: 100%;
  height: 195px;
  object-fit: cover;
}

.post-archive__more {
  margin: 6px 0 18px;
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--c-green);
  text-decoration: none;
}

.post-archive__pill {
  margin-top: auto;
  padding: 6px 15px;
  background: var(--bg-band);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 300;
  color: #8040ff;
}

.post-archive__empty {
  margin: 20px 0;
  font-family: var(--font-body);
  font-size: 18px;
  color: var(--text-body-soft);
}

.post-archive__pager {
  display: flex;
  margin-top: 25px;
}
.post-archive__pager button {
  width: 68px;
  height: 40px;
  border: 1px solid var(--c-border-light);
  background: var(--c-white);
  color: #333;
  cursor: pointer;
}
.post-archive__pager button:disabled {
  color: #bbb;
  cursor: default;
}
.post-archive__pager button + button {
  border-left: 0;
}

.post-archive__pager[hidden] {
  display: none;
}

.post-archive--jobs.section.post-archive {
  padding-top: 50px;
  padding-bottom: 50px;
}
.post-archive--jobs .post-archive__grid {
  grid-template-columns: repeat(3, 368px);
  gap: 30px;
}
@media screen and (max-width: 991px) {
  .post-archive--jobs .post-archive__grid {
    grid-template-columns: 1fr;
  }
}
.post-archive--jobs .post-archive__card {
  min-height: 429px;
  padding: 0 30px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border: 0;
}
.post-archive--jobs .post-archive__card-image {
  width: calc(100% + 60px);
  margin: 0 -30px 20px;
}
.post-archive--jobs .post-archive__card-image img {
  height: 233px;
}
.post-archive--jobs h2 {
  font-size: 18px;
  line-height: 21.6px;
  color: var(--text-body-soft);
}
.post-archive--jobs h2 a {
  color: var(--text-body-soft);
}
.post-archive--jobs .post-archive__card p {
  font-size: 14px;
  line-height: 1.6;
}
.post-archive--jobs .post-archive__more {
  margin-top: auto;
  font-weight: 500;
  text-transform: uppercase;
}

.page-title--post {
  padding-right: 1rem;
  padding-bottom: 35px;
  padding-left: 1rem;
}

.post__breadcrumb,
.post__date {
  max-width: var(--container-max-width);
  margin: 0 auto;
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-on-dark-muted);
}

.post__breadcrumb {
  margin-bottom: 12px;
}
.post__breadcrumb a {
  color: var(--text-on-dark-link);
  text-decoration: none;
}
.post__breadcrumb a::before {
  content: "‹ ";
}

.post__date {
  margin-top: 12px;
}

.section.post {
  padding-top: 50px;
  padding-bottom: 60px;
  background: var(--bg-body);
  text-align: left;
}
@media screen and (max-width: 991px) {
  .section.post {
    padding: 35px 1rem 45px;
  }
}

.post__inner {
  max-width: var(--container-max-width-reading);
  margin: 0 auto;
}

.post__image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 35px;
}

.post__body {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--text-body);
  overflow-wrap: break-word;
}
.post__body p,
.post__body ul,
.post__body ol,
.post__body figure,
.post__body blockquote,
.post__body table {
  margin: 0 0 1.1em;
}
.post__body ul,
.post__body ol {
  padding-left: 1.4em;
}
.post__body li {
  margin-bottom: 0.4em;
}
.post__body h1,
.post__body h2,
.post__body h3,
.post__body h4,
.post__body h5,
.post__body h6 {
  margin: 1.6em 0 0.6em;
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-heading);
}
.post__body h1,
.post__body h2 {
  font-size: 28px;
}
.post__body h3 {
  font-size: 23px;
}
.post__body h4 {
  font-size: 20px;
}
.post__body h5,
.post__body h6 {
  font-size: 18px;
}
.post__body > :first-child {
  margin-top: 0;
}
.post__body a {
  color: var(--text-link);
  text-decoration: underline;
}
.post__body img,
.post__body video,
.post__body iframe {
  max-width: 100%;
}
.post__body img {
  height: auto;
}
.post__body figcaption {
  margin-top: 0.4em;
  font-size: 14px;
  color: var(--text-muted);
}
.post__body blockquote {
  padding: 0.2em 0 0.2em 1.2em;
  border-left: 4px solid var(--c-green);
  color: var(--text-muted);
}
.post__body table {
  width: 100%;
  border-collapse: collapse;
}
.post__body th,
.post__body td {
  padding: 8px 10px;
  border: 1px solid var(--c-border-light);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .post__body {
    font-size: 17px;
  }
}

.post__back {
  margin: 40px 0 0;
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 600;
}
.post__back a {
  color: var(--text-link);
  text-decoration: none;
}
.post__back a::before {
  content: "‹ ";
}

.content-section.calc-tool {
  padding: 50px 10px 87px;
}
.content-section.calc-tool h2 {
  margin-bottom: 20px !important;
  font-family: var(--font-heading);
  font-size: clamp(1.6rem, 1.1rem + 1.5vw, 36px) !important;
  font-weight: 600;
  line-height: 46.8px;
  text-transform: uppercase;
  color: var(--c-charcoal);
}
.content-section.calc-tool .text-content-body {
  font-family: var(--font-body);
  font-size: 20px !important;
  font-weight: 300;
  line-height: 26px !important;
  color: var(--text-body-soft);
}
.content-section.calc-tool #total-cost-counter,
.content-section.calc-tool #storage-cost-counter,
.content-section.calc-tool #compute-cost-counter {
  margin-bottom: 0 !important;
  font-family: var(--font-heading);
  font-size: 50px;
  font-weight: 600;
  line-height: 50px;
  color: var(--c-charcoal);
}
.content-section.calc-tool hr {
  margin: 75px 0 50px !important;
  border: 0;
  border-top: 1px solid var(--c-gray-150);
}
.content-section.calc-tool .grid-2 + hr {
  margin-top: 145px !important;
}
.content-section.calc-tool .grid-2 {
  margin-bottom: 0 !important;
  grid-template-columns: 568px 1fr;
  gap: 40px;
  padding: 0 10px;
}
@media screen and (max-width: 991px) {
  .content-section.calc-tool .grid-2 {
    grid-template-columns: 1fr;
  }
}
.content-section.calc-tool label.fw-600,
.content-section.calc-tool span.fw-600 {
  display: block;
  font-weight: 300 !important;
}
.content-section.calc-tool .text-field {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid #69727d;
  border-radius: 0;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 300;
  color: var(--text-body-soft);
}
.content-section.calc-tool .mb-md {
  margin-bottom: 10px !important;
}
.content-section.calc-tool .d-hflex.gap-md.mb-md.flex-wrap {
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
}
.content-section.calc-tool #calculate,
.content-section.calc-tool #calculate-advanced,
.content-section.calc-tool #calculate-compute {
  width: 100%;
  padding: 15px 38px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: normal;
}
.content-section.calc-tool #advanced-settings-btn {
  align-self: center;
  padding: 15px 38px;
  border: 0;
  border-top: 1px solid var(--c-gray-175);
  border-bottom: 1px solid var(--c-gray-175);
  border-radius: 0;
  background: transparent;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  color: var(--text-body-soft);
}
.content-section.calc-tool #advanced-settings-btn::after {
  content: "\f013";
  margin-left: 6px;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", sans-serif;
  font-weight: 900;
}
.content-section.calc-tool h3 {
  margin: 0 0 10px;
  font-family: var(--font-heading);
  font-size: 36px;
  font-weight: 600;
  line-height: 46.8px;
  text-transform: uppercase;
  color: var(--c-charcoal);
}
.content-section.calc-tool h4 {
  margin: 30px 0 10px;
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 600;
  color: var(--c-charcoal);
}
.content-section.calc-tool .grid-2 > div:last-child p {
  font-size: 14px;
  line-height: 25px;
}
.content-section.calc-tool ul {
  padding-left: 40px;
}
.content-section.calc-tool li {
  padding-bottom: 7.5px;
}
.content-section.calc-tool input[type=radio] + label {
  font-weight: 300;
}

.content-split.calc-details .content-split__body {
  font-size: 18px;
  line-height: 23.4px;
  color: var(--c-white);
}
.content-split.calc-details .calc-details__title {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 50px 0 20px;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  color: var(--c-white);
}
.content-split.calc-details .calc-details__title i {
  font-size: 25px;
  color: var(--c-green);
}
.content-split.calc-details .content-split__rule + .content-split__body .calc-details__title:first-child,
.content-split.calc-details .content-split__body > .calc-details__title:first-child {
  margin-top: 0;
}
.content-split.calc-details h4 {
  margin: 5px 0 10px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  text-decoration: underline;
  color: var(--c-white);
}
.content-split.calc-details a:not(.btn) {
  color: var(--c-orange);
}
.content-split.calc-details .calc-details__button {
  margin-top: 10px;
  color: var(--c-white);
}

.hero-split--classic.hero-split--calc .hero-split {
  max-width: 780px;
  margin: 0 auto;
}
.hero-split--classic.hero-split--calc .h1-hero.product-2-split-light {
  max-width: 520px;
  margin-right: auto;
  margin-left: auto;
}
.hero-split--classic.hero-split--calc .p-hero-subtitle.on-light {
  margin-bottom: 0;
}
.hero-split--classic.hero-split--calc .hero-split__ctas {
  margin-top: 24px;
}
.hero-split--classic.hero-split--calc .hero-split__ctas .btn {
  padding: 15px 38px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

.section.job-cards {
  padding-top: 10px;
  padding-bottom: 10px;
}

.job-cards__inner {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: var(--container-max-width);
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .job-cards__inner {
    flex-direction: column;
    align-items: stretch;
    padding: 0 1rem;
  }
}

.job-cards__lead {
  flex: 0 0 569px;
  max-width: 100%;
}

.job-cards__heading {
  margin: 0 0 10px;
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.6rem, 1.1rem + 1.5vw, 36px);
  font-weight: 500;
  line-height: 46.8px;
  color: var(--c-charcoal);
}

.job-cards__intro {
  margin: 0 0 29px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  color: var(--text-body-soft);
}

.job-cards__arrow {
  display: flex;
  align-items: center;
  gap: 0;
  color: var(--c-green);
  font-size: 38px;
}
.job-cards__arrow::before {
  content: "";
  flex: 1;
  height: 4px;
  margin-right: -4px;
  background: var(--c-green);
}
.job-cards__arrow i {
  margin-right: 20px;
}

.job-cards__list {
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0 10px;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .job-cards__list {
    flex-direction: column;
  }
}

.job-cards__card {
  display: flex;
  flex-direction: column;
  width: 175px;
  padding-bottom: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
}
@media screen and (max-width: 767px) {
  .job-cards__card {
    width: 100%;
  }
}

.job-cards__image img {
  display: block;
  width: 100%;
  height: 114px;
  object-fit: cover;
}

.job-cards__title {
  margin: 10px 15px 5px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.job-cards__title a {
  color: var(--text-body-soft);
  text-decoration: none;
}

.job-cards__button {
  margin: 0 15px;
  padding: 4px;
  border: 3px solid var(--c-green);
  background: var(--c-green);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.job-cards__button:hover {
  color: #fff;
  background: #1fa01d;
  border-color: #1fa01d;
}

.section.photo-flips {
  padding-top: 0;
  padding-bottom: 170px;
}

.photo-flips__inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .photo-flips__inner {
    padding: 0 1rem;
  }
}

.photo-flips__rule {
  width: auto;
  height: 3px;
  margin: 95px 0 123px;
}
.photo-flips__rule:first-child {
  margin-top: 85px;
}
@media screen and (max-width: 767px) {
  .photo-flips__rule {
    margin: 30px 0 40px;
  }
}

.photo-flips__row {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .photo-flips__row {
    flex-direction: column;
    align-items: center;
  }
}

.flip-card.photo-flips__card {
  flex: 0 0 372px;
  height: 300px;
}
@media screen and (max-width: 767px) {
  .flip-card.photo-flips__card {
    flex-basis: auto;
    width: 100%;
  }
}

.flip-card.photo-flips__card--wide {
  flex-basis: 568px;
}

.photo-flips .flip-card__face {
  box-shadow: none;
}

.photo-flips__front {
  justify-content: flex-end;
  padding: 0 0 20px;
  background-color: #fff;
  background-size: cover;
  background-position: center;
}

.photo-flips__label {
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}

.photo-flips__back {
  justify-content: flex-start;
  align-items: stretch;
  padding: 5px 30px 20px;
  background: var(--c-navy);
  text-align: left;
  color: #fff;
}
.photo-flips__back h3 {
  margin: 5px 0 10px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  color: #fff;
}
.photo-flips__back ul {
  margin: 0;
  padding-left: 40px;
}
.photo-flips__back li {
  padding-bottom: 7.5px;
  font-size: 16px;
  line-height: 1.4;
}
.photo-flips__back .btn {
  align-self: center;
  margin-top: 10px;
}

.photo-flips__role {
  margin: 0 0 12px;
  font-size: 20px;
  text-decoration: underline;
}

.photo-flips__card--wide .photo-flips__back {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.photo-flips__card--wide .photo-flips__back h3 {
  font-family: Montserrat, sans-serif;
  font-size: 32px;
}

.section.job-facts {
  padding-top: 60px;
  padding-bottom: 100px;
}

.job-facts__inner {
  display: flex;
  align-items: flex-start;
  gap: 25px;
  max-width: var(--container-max-width);
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .job-facts__inner {
    flex-direction: column;
    padding: 0 1rem;
  }
}

.job-facts__list {
  display: grid;
  grid-template-columns: repeat(3, 273px);
  gap: 30px 25px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .job-facts__list {
    grid-template-columns: 1fr 1fr;
  }
}
.job-facts__list dt {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 900;
  line-height: 23.4px;
  color: var(--text-body-soft);
}
.job-facts__list dd {
  margin: 0;
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 23.4px;
  color: var(--text-body-soft);
}

.job-facts__button {
  padding: 12px 30px;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1px;
}

.section.text-columns {
  padding-top: 80px;
  padding-bottom: 80px;
}

.text-columns__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: var(--container-max-width);
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .text-columns__inner {
    grid-template-columns: 1fr;
    padding: 0 1rem;
  }
}

.text-columns__heading {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: 600;
  line-height: 33.8px;
  color: #333;
}

.text-columns__rule {
  margin: 15px 0 35px;
}

.text-columns__body {
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  color: var(--text-body-soft);
}
.text-columns__body p {
  margin: 0 0 9px;
}
.text-columns__body ul {
  margin: 0;
  padding-left: 25px;
}
.text-columns__body li {
  padding-bottom: 6px;
  font-size: 20px;
  line-height: 26px;
}

.cutout-band {
  overflow: hidden;
  padding-top: 80px;
  background: radial-gradient(at 0% 50%, rgba(0, 102, 255, 0.37) 0%, var(--c-blue) 100%);
  color: var(--c-white);
}

.cutout-band__heading {
  max-width: var(--container-max-width);
  margin: -40px auto 40px;
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: 600;
  line-height: 33.8px;
  text-align: center;
  color: var(--c-white);
}

.cutout-band__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: var(--container-max-width);
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .cutout-band__inner {
    grid-template-columns: 1fr;
    padding: 0 1rem;
  }
}

.cutout-band__photo {
  align-self: end;
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 991px) {
  .cutout-band__photo {
    order: 2;
    max-width: 70%;
    margin: 0 auto;
  }
}

.cutout-band__copy {
  padding-bottom: 60px;
}

.cutout-band__labels {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 20px;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.cutout-band__switch {
  position: relative;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: var(--c-white);
}
.cutout-band__switch::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--c-navy);
}

.cutout-band__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cutout-band__items li {
  display: flex;
  gap: 15px;
}
.cutout-band__items h3 {
  margin: 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 900;
  line-height: 30px;
  text-decoration: underline;
  color: var(--c-white);
}
.cutout-band__items p {
  margin: 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: var(--c-white);
}

.cutout-band__items--icons {
  gap: 30px;
}
.cutout-band__items--icons img {
  flex: 0 0 62px;
  width: 62px;
  height: auto;
  align-self: center;
}
.cutout-band__items--icons h3 {
  margin-bottom: 10px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}
.cutout-band__items--icons p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
}

.cutout-band--photo-right .cutout-band__photo {
  order: 2;
}

.section.success-profile {
  padding-top: 90px;
  padding-bottom: 140px;
}

.success-profile__inner {
  display: grid;
  grid-template-columns: 280px 1fr 269px;
  align-items: center;
  gap: 20px;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width: 991px) {
  .success-profile__inner {
    grid-template-columns: 1fr;
    padding: 0 1rem;
  }
}

.success-profile__copy h2 {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: 600;
  line-height: 33.8px;
  color: var(--c-charcoal);
}
.success-profile__copy p {
  margin: 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  color: var(--text-body-soft);
}

.success-profile__rule {
  width: 100px;
  margin: 25px 0 35px;
}

.success-profile__ring {
  --sp-radius: 220px;
  position: relative;
  width: calc(var(--sp-radius) * 2);
  height: calc(var(--sp-radius) * 2);
  margin: 0 auto;
  border: 2px solid #e6e6f0;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .success-profile__ring {
    --sp-radius: 120px;
    margin: 40px auto;
  }
}

.success-profile__dot {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  border: 6px solid var(--c-white);
  border-radius: 50%;
  background: var(--sp-color);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  color: var(--c-white);
  font-size: 34px;
  transform: rotate(var(--sp-angle)) translate(var(--sp-radius)) rotate(calc(-1 * var(--sp-angle)));
}
@media screen and (max-width: 767px) {
  .success-profile__dot {
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    font-size: 24px;
  }
}

.success-profile__bars {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.success-profile__label {
  display: block;
  margin-bottom: 3px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  color: var(--c-charcoal);
}

.success-profile__bar {
  display: block;
  height: 30px;
  background: var(--bg-band);
}
.success-profile__bar span {
  display: block;
  height: 100%;
}

.section.career-timeline {
  padding-top: 40px;
  padding-bottom: 60px;
  background: var(--bg-band);
}

.career-timeline__inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .career-timeline__inner {
    padding: 0 1rem;
  }
}

.career-timeline__heading {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: 600;
  line-height: 33.8px;
  text-align: center;
  color: var(--c-charcoal);
}

.career-timeline__rule {
  margin: 15px auto 35px;
}

.career-timeline__grid {
  display: grid;
  grid-template-columns: 568px 1fr;
  gap: 24px;
}
@media screen and (max-width: 991px) {
  .career-timeline__grid {
    grid-template-columns: 1fr;
  }
}

.career-timeline__list {
  position: relative;
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
}
.career-timeline__list::before {
  content: "";
  position: absolute;
  top: 25px;
  bottom: 60px;
  right: 13px;
  width: 4px;
  background: var(--c-blue);
}

.career-timeline__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding-bottom: 130px;
}

.career-timeline__card {
  flex: 0 0 auto;
  width: calc(100% - 65px);
  padding: 15px 20px 20px;
  background: var(--c-white);
}
.career-timeline__card h3 {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 600;
  line-height: 33px;
  color: var(--c-charcoal);
}
.career-timeline__card p {
  margin: 20px 0 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  color: var(--text-body-soft);
}
.career-timeline__card .career-timeline__when {
  margin: 0;
  padding: 12px 0 12px 5px;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 20.8px;
  color: var(--c-navy);
}

.career-timeline__marker {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex: 0 0 45px;
  align-items: center;
  justify-content: center;
  height: 45px;
  margin-top: 20px;
  border-radius: 50%;
  background: var(--c-blue);
  color: var(--c-white);
  font-size: 18px;
}

.career-timeline__photos {
  display: flex;
  flex-direction: column;
  padding-top: 90px;
}
.career-timeline__photos img {
  display: block;
  width: 480px;
  max-width: 100%;
  height: 320px;
  object-fit: cover;
  margin-bottom: -44px;
}
.career-timeline__photos img:nth-child(even) {
  margin-left: 30px;
}
@media screen and (max-width: 991px) {
  .career-timeline__photos {
    display: none;
  }
}

.text-columns__heading--more {
  margin-top: 25px;
}

.cutout-band--day .cutout-band__inner {
  display: block;
  min-height: 633px;
}
.cutout-band--day .cutout-band__copy {
  position: relative;
  z-index: 1;
  width: 642px;
  max-width: 100%;
  margin-left: 266px;
}
@media screen and (max-width: 991px) {
  .cutout-band--day .cutout-band__copy {
    width: auto;
  }
}
@media screen and (max-width: 991px) {
  .cutout-band--day .cutout-band__copy {
    margin-left: 0;
  }
}
.cutout-band--day .cutout-band__labels {
  justify-content: center;
}
.cutout-band--day .cutout-band__items {
  gap: 0;
}
.cutout-band--day .cutout-band__items li {
  display: block;
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  .cutout-band--day .cutout-band__items li {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .cutout-band--day .cutout-band__labels {
    flex-wrap: wrap;
    gap: 10px;
    font-size: 19px;
  }
}
.cutout-band--day .cutout-band__photo {
  position: absolute;
  bottom: 0;
  left: -15px;
  width: 610px;
}
@media screen and (max-width: 991px) {
  .cutout-band--day .cutout-band__photo {
    position: static;
    width: 70%;
  }
}

.cutout-band--benefits {
  padding-top: 40px;
}
.cutout-band--benefits .cutout-band__heading {
  margin: 0 auto 80px;
}
.cutout-band--benefits .cutout-band__inner {
  grid-template-columns: 577px 1fr;
}
@media screen and (max-width: 991px) {
  .cutout-band--benefits .cutout-band__inner {
    grid-template-columns: 1fr;
  }
}
.cutout-band--benefits .cutout-band__photo {
  width: 441px;
  margin-left: 123px;
}
@media screen and (max-width: 991px) {
  .cutout-band--benefits .cutout-band__photo {
    width: 70%;
    margin: 0 auto;
  }
}
.cutout-band--benefits .cutout-band__copy {
  align-self: start;
  padding-bottom: 40px;
}

.image-accordion__inner {
  max-width: 1175px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .image-accordion__inner {
    padding: 0 1rem;
  }
}

.image-accordion__row {
  display: flex;
  height: 400px;
}
@media screen and (max-width: 991px) {
  .image-accordion__row {
    flex-direction: column;
    height: auto;
    gap: 10px;
  }
}

.image-accordion__panel {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: flex 0.4s;
  outline: none;
}
.image-accordion__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.37);
  transition: background-color 0.4s;
}
.image-accordion__panel.is-active {
  flex-grow: 3;
}
.image-accordion__panel.is-active::before {
  background: rgba(0, 0, 0, 0.82);
}
.image-accordion__panel:focus-visible {
  box-shadow: inset 0 0 0 3px var(--c-blue);
}
@media screen and (max-width: 991px) {
  .image-accordion__panel {
    min-height: 220px;
  }
  .image-accordion__panel::before {
    background: rgba(0, 0, 0, 0.7);
  }
}

.image-accordion__content {
  position: relative;
  width: 100%;
  padding: 0 13px;
  text-align: center;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}
.is-active .image-accordion__content {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.2s;
}
@media screen and (max-width: 991px) {
  .image-accordion__content {
    opacity: 1;
    visibility: visible;
    padding: 20px;
  }
}

.image-accordion__title {
  margin: 0 0 10px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.5rem, 1rem + 1.5vw, 36px);
  line-height: 1.3;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}

.image-accordion__text {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
}

.image-accordion__cta {
  margin-top: 70px;
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .image-accordion__panel,
  .image-accordion__content {
    transition: none;
  }
}
@media screen and (max-width: 767px) {
  .image-accordion__text {
    font-size: 16px;
  }
}
.impact-band {
  background: radial-gradient(at 100% 50%, #fff 0%, var(--c-blue) 63%);
  color: #fff;
  overflow: hidden;
}

.impact-band__inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 58px 10px 0;
  display: grid;
  grid-template-columns: 748px 1fr;
  gap: 24px;
  align-items: end;
}
@media screen and (max-width: 991px) {
  .impact-band__inner {
    grid-template-columns: 1fr;
    padding: 48px 1rem 0;
  }
}

.impact-band__copy {
  align-self: start;
  padding-bottom: 58px;
}

.impact-band__heading {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.6rem, 1.1rem + 1.4vw, 36px);
  line-height: 1.3;
  font-weight: 600;
  color: #fff;
}

.impact-band__rule {
  margin: 15px 0 15px;
}

.impact-band__body {
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  color: #fff;
}
.impact-band__body p {
  margin: 0 0 9px;
}
.impact-band__body strong,
.impact-band__body b {
  font-weight: 700;
}

.btn.impact-band__button {
  margin-top: 25px;
  background: var(--c-navy);
  border-color: var(--c-navy);
  color: #fff;
  padding: 17px 32px;
}
.btn.impact-band__button:hover {
  background: #001a38;
}

.impact-band__media {
  display: flex;
  justify-content: center;
  align-self: end;
}
.impact-band__media img {
  display: block;
  width: 373px;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 991px) {
  .impact-band__media img {
    width: 260px;
  }
}

.impact-band--flat {
  background: var(--c-blue);
}

.impact-band--quote .impact-band__copy p {
  font-weight: 300;
}

.section.interactive-cards {
  padding-top: 50px;
  padding-bottom: 50px;
}

.interactive-cards__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 19px;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width: 991px) {
  .interactive-cards__grid {
    grid-template-columns: 1fr;
    max-width: 420px;
  }
}

.interactive-card {
  position: relative;
  min-height: 245px;
  padding: 25px 20px 5px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.interactive-card__front {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 215px;
  padding-top: 17px;
  text-align: center;
}

.interactive-card__title {
  margin: 0 0 22px;
  font-family: Lato, sans-serif;
  font-size: 22px;
  line-height: 33px;
  font-weight: 300;
  color: var(--c-charcoal);
}

.interactive-card__icon {
  width: 65px;
  height: 65px;
  object-fit: contain;
}

.interactive-card__open {
  margin-top: 29px;
  min-width: 101px;
  padding: 8px 20px;
  border: 0;
  background: var(--c-blue);
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}

.interactive-card__answer {
  padding: 10px 10px 20px;
}
.interactive-card__answer p {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 100;
  color: #4d4d4d;
  -webkit-font-smoothing: antialiased;
}

.interactive-card__close {
  display: none;
}

.interactive-card.is-enhanced .interactive-card__answer {
  position: absolute;
  inset: 25px 20px 5px;
  padding: 30px 48px 20px 30px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.96);
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
}
.interactive-card.is-enhanced .interactive-card__close {
  position: absolute;
  top: 15px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  background: #fff;
  color: #333;
  font-size: 13px;
  cursor: pointer;
}
.interactive-card.is-enhanced.is-open .interactive-card__answer {
  opacity: 1;
  visibility: visible;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .interactive-card.is-enhanced .interactive-card__answer {
    transition: none;
  }
}
.section.interactive-circle {
  padding-top: 20px;
  padding-bottom: 10px;
}

.interactive-circle__stage {
  --ic-radius: 333px;
  position: relative;
  width: 760px;
  height: 400px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .interactive-circle__stage {
    width: auto;
    height: auto;
    max-width: 640px;
    padding: 0 1rem;
  }
}

.interactive-circle__arc {
  position: absolute;
  left: 110px;
  top: 125px;
  width: 540px;
  height: 270px;
  border: 5px solid var(--c-navy);
  border-bottom: 0;
  border-radius: 270px 270px 0 0;
}
@media screen and (max-width: 991px) {
  .interactive-circle__arc {
    display: none;
  }
}

.interactive-circle__button {
  position: absolute;
  left: calc(380px - var(--ic-radius) * cos(var(--ic-angle)) - 53.5px);
  top: calc(395px - var(--ic-radius) * sin(var(--ic-angle)) - 53.5px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 107px;
  height: 107px;
  padding: 6px;
  border: 3px solid var(--c-navy);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 15px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.interactive-circle__button i {
  font-size: 25px;
  color: var(--c-blue);
}
.interactive-circle__button span {
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  color: var(--text-body-soft);
}
.interactive-circle__button[aria-selected=true] {
  border-color: var(--c-blue);
}
.interactive-circle__button:focus-visible {
  outline: 3px solid var(--c-blue);
  outline-offset: 3px;
}
@media screen and (max-width: 991px) {
  .interactive-circle__button {
    position: static;
  }
}

@media screen and (max-width: 991px) {
  .interactive-circle__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-bottom: 24px;
  }
}

.interactive-circle__panel {
  position: absolute;
  left: 170px;
  bottom: 5px;
  width: 420px;
  height: 200px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
.interactive-circle__panel[hidden] {
  display: none;
}
.interactive-circle__panel p {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: var(--text-body-soft);
}
@media screen and (max-width: 991px) {
  .interactive-circle__panel {
    position: static;
    width: auto;
    height: auto;
  }
}

.interactive-circle--full .interactive-circle__layout {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 10px;
  display: grid;
  grid-template-columns: 1fr 568px;
  gap: 20px;
  align-items: start;
}
@media screen and (max-width: 991px) {
  .interactive-circle--full .interactive-circle__layout {
    grid-template-columns: 1fr;
  }
}
.interactive-circle--full .interactive-circle__copy {
  max-width: 563px;
}
.interactive-circle--full .interactive-circle__stage {
  --ic-radius: 206px;
  width: 568px;
  height: 514px;
  margin: 0;
}
@media screen and (max-width: 991px) {
  .interactive-circle--full .interactive-circle__stage {
    width: auto;
    height: auto;
  }
}
.interactive-circle--full .interactive-circle__arc {
  left: 72px;
  top: 45px;
  width: 424px;
  height: 424px;
  border: 6px solid #f5f3ff;
  border-radius: 50%;
}
.interactive-circle--full .interactive-circle__button {
  left: calc(284px + var(--ic-radius) * cos(var(--ic-angle)) - 53.5px);
  top: calc(257px - var(--ic-radius) * sin(var(--ic-angle)) - 53.5px);
  border: 4px solid #fff;
  box-shadow: 0 5px 40px rgba(131, 100, 196, 0.2);
}
.interactive-circle--full .interactive-circle__button[aria-selected=true] {
  border-color: var(--c-blue);
}
.interactive-circle--full .interactive-circle__panel {
  left: 153px;
  top: 157px;
  bottom: auto;
  width: 262px;
  height: 200px;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .interactive-circle--full .interactive-circle__panel {
    position: static;
    width: auto;
    height: auto;
  }
}

.interactive-circle--labels .interactive-circle__stage {
  height: 333px;
}
@media screen and (max-width: 991px) {
  .interactive-circle--labels .interactive-circle__stage {
    height: auto;
  }
}
.interactive-circle--labels .interactive-circle__arc {
  top: 58px;
}
.interactive-circle--labels .interactive-circle__button {
  top: calc(328px - var(--ic-radius) * sin(var(--ic-angle)) - 53.5px);
}
@media screen and (max-width: 991px) {
  .interactive-circle--labels .interactive-circle__button {
    top: auto;
  }
}
.interactive-circle--labels .interactive-circle__panel {
  display: none;
}

.lead-form-band {
  position: relative;
  padding: 90px 0;
  overflow: hidden;
  background-image: none;
}
.lead-form-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--lf-bg-image, none);
  background-size: cover;
  background-position: 50% 64%;
  opacity: 0.21;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .lead-form-band {
    padding: 56px 0;
  }
}

.lead-form-band__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: var(--container-max-width);
  margin: 0 auto;
  color: var(--c-white);
}
@media screen and (max-width: 991px) {
  .lead-form-band__inner {
    padding: 0 1rem;
  }
}

.lead-form-band__heading {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 46.8px;
  text-align: center;
  color: var(--c-white);
}

.lead-form-band__rule {
  margin: 24px 0 27px;
}

.lead-form-band__intro {
  max-width: 760px;
  margin: 0 0 30px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0.8px;
  text-align: center;
}

.lead-form-band__checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 340px));
  column-gap: 28px;
  row-gap: 23px;
  margin: 0 0 50px;
  padding: 0;
  list-style: none;
}
.lead-form-band__checks li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 767px) {
  .lead-form-band__checks {
    grid-template-columns: 1fr;
  }
}

.lead-form-band__check {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: var(--c-green);
  font-size: 13px;
  color: var(--c-white);
}

.lead-form-band__row {
  display: grid;
  grid-template-columns: 538px 548px;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  padding: 0 20px;
}
@media screen and (max-width: 991px) {
  .lead-form-band__row {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 0;
  }
}

.lead-form-band__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 54px;
  row-gap: 25px;
}

.lead-form-band__field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 1px;
  color: var(--c-white);
}
.lead-form-band__field input,
.lead-form-band__field textarea {
  width: 100%;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.82);
  font-family: Lato, sans-serif;
  font-size: 16px;
  color: #000;
}
.lead-form-band__field input {
  height: 40px;
}
.lead-form-band__field textarea {
  height: 179px;
  resize: vertical;
}

.lead-form-band__field--full {
  grid-column: 1/-1;
}

.lead-form-band__req {
  color: #ff4e30;
}

.lead-form-band__submit {
  grid-column: 1/-1;
  justify-self: start;
  white-space: nowrap;
  margin-top: 8px;
  padding: 10px 28px;
  border: 0;
  border-radius: 0;
  background-color: var(--c-green);
  font-family: Lato, sans-serif;
  font-size: 20px;
  color: var(--c-white);
  cursor: pointer;
}

.lead-form-band__video {
  position: relative;
  margin-top: 32px;
  border: 3px solid var(--c-white);
  line-height: 0;
  aspect-ratio: 542/305;
  background-color: #000;
}

.lead-form-band__poster,
.lead-form-band__player {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lead-form-band__play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  font-size: 72px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
.lead-form-band__play:hover, .lead-form-band__play:focus-visible {
  color: var(--c-white);
}

.lead-form-band--form-left .lead-form-band__inner {
  display: grid;
  grid-template-columns: 568px 1fr;
  grid-template-rows: repeat(4, auto) 1fr;
  column-gap: 20px;
  text-align: left;
}
@media screen and (max-width: 991px) {
  .lead-form-band--form-left .lead-form-band__inner {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
}
.lead-form-band--form-left .lead-form-band__heading,
.lead-form-band--form-left .lead-form-band__rule,
.lead-form-band--form-left .lead-form-band__intro,
.lead-form-band--form-left .lead-form-band__checks {
  grid-column: 2;
  justify-self: start;
  text-align: left;
}
@media screen and (max-width: 991px) {
  .lead-form-band--form-left .lead-form-band__heading,
  .lead-form-band--form-left .lead-form-band__rule,
  .lead-form-band--form-left .lead-form-band__intro,
  .lead-form-band--form-left .lead-form-band__checks {
    grid-column: 1;
  }
}
.lead-form-band--form-left .lead-form-band__checks {
  grid-template-columns: 1fr;
  align-self: start;
}
.lead-form-band--form-left .lead-form-band__row {
  grid-column: 1;
  grid-row: 1/-1;
  margin-top: 0;
}
@media screen and (max-width: 991px) {
  .lead-form-band--form-left .lead-form-band__row {
    grid-row: auto;
  }
}
.lead-form-band--form-left .lead-form-band__row {
  grid-template-columns: 1fr;
  padding: 0;
}
.lead-form-band--form-left .lead-form-band__form {
  width: 100%;
  column-gap: 25px;
}

.section.path-steps {
  padding-top: 20px;
  padding-bottom: 100px;
}

.path-steps__list {
  display: grid;
  grid-template-columns: repeat(var(--path-cols, 7), 1fr);
  gap: 20px;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 10px;
  list-style: none;
}
@media screen and (max-width: 991px) {
  .path-steps__list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .path-steps__list {
    grid-template-columns: 1fr;
    max-width: 360px;
  }
}

.path-steps__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--c-charcoal);
}

.path-steps__ring {
  display: flex;
  width: 120px;
  height: 120px;
  padding: 2px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--c-green), var(--c-blue));
}

.path-steps__ring-inner {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 50%;
  background: #fff;
}
.path-steps__ring-inner i {
  font-size: 36px;
  color: var(--c-green);
}

.path-steps__num {
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  color: var(--c-green);
}

.path-steps__title {
  min-height: 78px;
  margin: 10px 0 14px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: var(--c-charcoal);
}
@media screen and (max-width: 991px) {
  .path-steps__title {
    min-height: 0;
  }
}

.path-steps__when {
  margin: 0 0 13px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 400;
}

.path-steps__text {
  min-height: 186px;
  margin: 0 0 13px;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 400;
}
@media screen and (max-width: 991px) {
  .path-steps__text {
    min-height: 0;
  }
}

.path-steps__label {
  margin: 0 0 13px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
}

.path-steps__items {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.path-steps__items li {
  display: flex;
  gap: 3px;
  margin-bottom: 11px;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 300;
}
.path-steps__items i {
  flex: 0 0 13px;
  margin-top: 3px;
  font-size: 10px;
  color: var(--c-green);
}

.logo-carousel__inner {
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .logo-carousel__inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.logo-carousel .logo-carousel__heading {
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
  color: var(--c-charcoal, #414042);
}
@media screen and (max-width: 767px) {
  .logo-carousel .logo-carousel__heading {
    margin-bottom: 24px;
  }
}

.logo-carousel__row {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.logo-carousel__viewport {
  --lc-visible: var(--lc-per-page, 5);
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.logo-carousel__viewport::-webkit-scrollbar {
  display: none;
}
.logo-carousel__viewport:focus-visible {
  outline: 2px solid var(--c-blue);
  outline-offset: 4px;
  border-radius: var(--radius-md);
}
@media screen and (max-width: 767px) {
  .logo-carousel__viewport {
    --lc-visible: 2;
  }
}

.logo-carousel__inner.is-ready .logo-carousel__viewport {
  overflow: hidden;
}

.logo-carousel__track {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.logo-carousel__inner.is-ready .logo-carousel__track {
  transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}

.logo-carousel__item {
  flex: 0 0 calc(100% / var(--lc-visible));
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 5px;
}

.logo-carousel__logo {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.logo-carousel__arrow {
  flex: 0 0 auto;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 27px;
  height: 44px;
  padding: 0;
  transform: translateY(-50%);
  color: var(--text-body-soft);
  background-color: transparent;
  border: 0;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.2s ease;
}
.logo-carousel__arrow:hover {
  color: var(--c-blue);
}
.logo-carousel__arrow:focus-visible {
  outline: 2px solid var(--c-blue);
  outline-offset: 2px;
}
@media screen and (max-width: 767px) {
  .logo-carousel__arrow {
    font-size: 18px;
  }
}

.logo-carousel__arrow--prev {
  left: 10px;
}

.logo-carousel__arrow--next {
  right: 10px;
}

.logo-carousel__inner.is-ready.is-paged .logo-carousel__arrow {
  display: flex;
}

.logo-carousel__dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-top: 15px;
}
.logo-carousel__dots:empty {
  display: none;
}
@media screen and (max-width: 767px) {
  .logo-carousel__dots {
    margin-top: 1.25rem;
  }
}

.logo-carousel__dot {
  padding: 6px;
  background-color: transparent;
  border: 0;
  line-height: 0;
  color: inherit;
  cursor: pointer;
}
.logo-carousel__dot::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
  background-color: #ccc;
  opacity: 1;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}
.logo-carousel__dot:hover::after {
  background-color: #999;
}
.logo-carousel__dot[aria-current=true]::after {
  background-color: #000;
}
.logo-carousel__dot:focus-visible {
  outline: 2px solid var(--c-blue);
  outline-offset: 0;
  border-radius: var(--radius-pill);
}

@media (prefers-reduced-motion: reduce) {
  .logo-carousel__inner.is-ready .logo-carousel__track {
    transition: none;
  }
}
.logo-carousel__item:has(.logo-carousel__caption) {
  flex-direction: column;
  padding: 0 10px;
}

.logo-carousel__caption {
  display: block;
  margin-top: 12px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  color: var(--text-body-soft);
}

.logo-carousel--natural .logo-carousel__logo {
  width: auto;
  max-width: 100%;
}

.logo-carousel--inline .logo-carousel__inner {
  display: grid;
  grid-template-columns: 160px 1fr;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .logo-carousel--inline .logo-carousel__inner {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}
.logo-carousel--inline .logo-carousel__heading {
  margin: 0;
  text-align: left;
}

.logo-carousel--platforms .logo-carousel__logo {
  max-height: 53px;
  width: auto;
}

.pricing-groups__grid {
  display: grid;
  grid-template-columns: var(--pg-columns, repeat(auto-fit, minmax(300px, 1fr)));
  gap: 20px;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width: 991px) {
  .pricing-groups__grid {
    grid-template-columns: 1fr;
    padding: 0 1rem;
  }
}

.pricing-groups__group {
  display: flex;
  flex-direction: column;
  padding: 30px 20px 40px;
  border-top: 4px solid var(--c-navy);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  background-color: var(--c-white);
  color: var(--c-charcoal);
}

.pricing-groups__group--green {
  border-top-color: var(--c-green);
}

.pricing-groups__group--blue {
  border-top-color: var(--c-blue);
}

.pricing-groups__title {
  margin: 0 0 20px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  color: var(--c-charcoal);
}

.pricing-groups__intro {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0.8px;
}

.pricing-groups__divider {
  align-self: center;
  width: 50%;
  height: 1px;
  margin: 20px 0 30px;
  background-color: var(--c-green);
}

.pricing-groups__tiers {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 10px;
  flex: 1;
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .pricing-groups__tiers {
    grid-auto-flow: row;
  }
}

.pricing-groups__tier {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 11px 10px 10px;
  border: 1px solid var(--c-blue);
  border-radius: 10px;
  text-align: center;
}

.pricing-groups__tier--green {
  border-color: var(--c-green);
}

.pricing-groups__tier--purple {
  border-color: var(--c-purple);
}

.pricing-groups__tier-name {
  margin: 0 0 14px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 32.5px;
  letter-spacing: 0.8px;
  color: var(--c-charcoal);
}

.pricing-groups__price {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 39px;
  letter-spacing: 0.8px;
  text-align: center;
  color: var(--c-charcoal);
}

.pricing-groups__price--accent {
  font-weight: 700;
  color: var(--c-green);
}

.pricing-groups__note {
  margin: 15px 0 0;
  font-family: Lato, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.8px;
  color: var(--c-green);
}

.pricing-groups__list-title {
  margin: 24px 0 14px;
  font-family: Lato, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 24.7px;
  letter-spacing: 0.8px;
}

.pricing-groups__list {
  align-self: stretch;
  margin: 20px 0 20px;
  padding: 0;
  list-style: none;
  text-align: left;
}
.pricing-groups__list li {
  display: flex;
  gap: 4px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 23.4px;
  letter-spacing: 0.8px;
}
.pricing-groups__list i {
  flex-shrink: 0;
  width: 18px;
  margin-top: 6px;
  font-size: 14px;
  line-height: 14px;
  color: var(--c-navy);
}

.pricing-groups__list-title + .pricing-groups__list {
  margin-top: 0;
}
.pricing-groups__list-title + .pricing-groups__list li {
  margin-bottom: 9.5px;
}

.pricing-groups__button {
  align-self: center;
  margin-top: auto;
  padding: 17px 30px;
  border: 2px solid currentColor;
  border-radius: 2px;
  background-color: transparent;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 1px;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.pricing-groups__button:hover {
  color: var(--c-white) !important;
}

.pricing-groups__button--navy, .pricing-groups__button--navy:link, .pricing-groups__button--navy:visited {
  color: var(--c-navy);
}
.pricing-groups__button--navy:hover {
  background-color: var(--c-navy);
}

.pricing-groups__button--blue, .pricing-groups__button--blue:link, .pricing-groups__button--blue:visited {
  color: var(--c-blue);
}
.pricing-groups__button--blue:hover {
  background-color: var(--c-blue);
}

.pricing-groups__button--green, .pricing-groups__button--green:link, .pricing-groups__button--green:visited {
  color: var(--c-green);
}
.pricing-groups__button--green:hover {
  background-color: var(--c-green);
}

.pricing-groups__button--purple, .pricing-groups__button--purple:link, .pricing-groups__button--purple:visited {
  color: var(--c-purple);
}
.pricing-groups__button--purple:hover {
  background-color: var(--c-purple);
}

.pricing-groups--packages .pricing-groups__grid {
  max-width: 1195px;
}
.pricing-groups--packages .pricing-groups__intro {
  margin-bottom: 9px;
}
.pricing-groups--packages .pricing-groups__divider {
  margin-bottom: 20px;
}
.pricing-groups--packages .pricing-groups__list-title {
  margin-top: 0;
}

.progress-stats {
  padding: 50px 0 69px;
  background-image: var(--ps-bg-image, none);
  background-size: cover;
  background-position: 0 0;
  background-attachment: scroll;
}

.progress-stats__inner {
  display: flex;
  flex-direction: column;
  max-width: var(--container-max-width);
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .progress-stats__inner {
    padding: 0 1rem;
  }
}

.progress-stats__heading {
  margin: 10px 0 0;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 46.8px;
  text-align: center;
  color: var(--c-white);
}

.progress-stats__rule {
  align-self: center;
  margin: 25px 0 37px;
}

.progress-stats__stat + .progress-stats__stat {
  margin-top: 29px;
}

.progress-stats__value {
  font-family: Montserrat, sans-serif;
  font-size: 41px;
  font-weight: 600;
  line-height: 61.5px;
  color: var(--c-white);
}
@media screen and (max-width: 767px) {
  .progress-stats__value {
    font-size: 32px;
    line-height: 1.4;
  }
}

.progress-stats__bar {
  height: 15px;
  background-color: #eee;
}

@keyframes progress-stats-rainbow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.progress-stats__fill {
  display: block;
  width: var(--ps-fill);
  height: 100%;
  background-image: linear-gradient(270deg, #9400d3, #4b0082, #00f, #0f0, #ff0, #ff7f00, #f00);
  background-size: 500% 500%;
  animation: progress-stats-rainbow 10s ease infinite;
  transition: width 1.5s ease;
}

.progress-stats.is-waiting .progress-stats__fill {
  width: 0;
}

.progress-stats__label {
  margin: 20px 0 0;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0.8px;
  color: var(--c-white);
}

@media (prefers-reduced-motion: reduce) {
  .progress-stats__fill {
    animation: none;
    transition: none;
  }
}
.quote-band {
  padding: 60px 0 50px;
}
@media screen and (max-width: 767px) {
  .quote-band {
    padding: 40px 0;
  }
}

.quote-band__inner {
  max-width: calc(990px + 3rem);
  margin: 0 auto;
  padding: 0 1.5rem;
  border: 0;
  position: relative;
}
.quote-band__inner::before {
  content: "“";
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 70px;
  line-height: 0.6;
  height: 30px;
  margin-bottom: 6px;
  color: currentColor;
}

.quote-band__text {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.2rem, 0.95rem + 0.9vw, 27px);
  line-height: 1.5;
  font-weight: 600;
  font-style: normal;
}

.quote-band.bg-light .quote-band__inner,
.quote-band.bg-white .quote-band__inner {
  color: var(--c-navy);
}

.quote-band__cite {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  font-style: normal;
  color: var(--c-blue);
}

.steps-band {
  position: relative;
  padding: 90px 0;
  overflow: hidden;
  background-image: none;
}
.steps-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/images/backgrounds/icon-grid.svg");
  background-repeat: repeat;
  opacity: 0.5;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .steps-band {
    padding: 48px 1rem;
  }
}

.steps-band__box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: calc(var(--container-max-width) + 20px);
  margin: 0 auto;
  padding: 35px 30px 40px;
  border: 3px solid var(--c-white);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .steps-band__box {
    padding: 28px 16px;
  }
}

.steps-band__heading {
  max-width: 753px;
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  text-transform: none;
  color: var(--c-white);
}
@media screen and (max-width: 767px) {
  .steps-band__heading {
    font-size: 26px;
  }
}

.steps-band__rule {
  margin: 14px 0 58px;
}

.steps-band__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  width: 100%;
  margin: 0 0 52px;
  padding: 0 17px;
  list-style: none;
}
@media screen and (max-width: 991px) {
  .steps-band__steps {
    grid-template-columns: 1fr;
    max-width: 360px;
    gap: 20px;
  }
}

.steps-band__step {
  display: flex;
  align-items: flex-start;
  gap: 25px;
  text-align: left;
}

.steps-band__icon {
  flex-shrink: 0;
  width: 38px;
  height: auto;
}

.steps-band__title {
  margin: 10px 0 0;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--c-white);
}

.steps-band__button {
  padding: 17px 30px 17px 31px;
  gap: 10px;
  font-size: 19px;
  line-height: 19px;
  letter-spacing: 1px;
}

.steps-band--plain::before {
  display: none;
}
.steps-band--plain .steps-band__box {
  border: 0;
}

.steps-band.steps-band--inset {
  padding: 50px 0;
  background-color: #fff !important;
}
.steps-band.steps-band--inset::before {
  display: none;
}
.steps-band.steps-band--inset .steps-band__box {
  border: 0;
  background-color: var(--c-navy);
  padding: 45px 30px 40px;
}

.steps-band.steps-band--split .steps-band__box {
  display: grid;
  grid-template-columns: 538px 1fr;
  column-gap: 63px;
  align-items: start;
  padding: 45px 40px 50px;
  text-align: left;
}
@media screen and (max-width: 991px) {
  .steps-band.steps-band--split .steps-band__box {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
.steps-band.steps-band--split .steps-band__heading {
  text-align: left;
}
.steps-band.steps-band--split .steps-band__rule {
  margin: 15px 0 35px;
}
.steps-band.steps-band--split .steps-band__steps {
  grid-template-columns: 1fr;
  gap: 37px;
  margin: 4px 0 0;
  padding: 0;
}
.steps-band.steps-band--split .steps-band__step {
  gap: 25px;
}
.steps-band.steps-band--split .steps-band__icon {
  width: 50px;
}

.steps-band__fa {
  flex: 0 0 40px;
  font-size: 40px;
  color: var(--c-green);
}

.steps-band--icons .steps-band__title {
  margin-top: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 26px;
  line-height: 1;
  font-weight: 500;
}
.steps-band--icons .steps-band__step {
  gap: 15px;
}
.steps-band--icons .steps-band__rule {
  width: 214px;
}
.steps-band--icons .steps-band__button {
  padding: 17px 30px;
  font-size: 20px;
  line-height: 20px;
}

.steps-band--plain-grid::before {
  display: none;
}

.steps-band.steps-band--light {
  padding: 70px 0 80px;
  background-color: var(--bg-band) !important;
}
.steps-band.steps-band--light::before {
  display: none;
}
.steps-band.steps-band--light .steps-band__box {
  padding: 0;
  border: 0;
}
.steps-band.steps-band--light .steps-band__heading {
  max-width: 799px;
  line-height: 43.2px;
  color: var(--c-charcoal);
}
.steps-band.steps-band--light .steps-band__rule {
  margin: 25px 0 74px;
}
.steps-band.steps-band--light .steps-band__steps {
  gap: 27px;
  max-width: 1087px;
  margin-bottom: 60px;
  padding: 0;
}
.steps-band.steps-band--light .steps-band__step {
  flex-direction: column;
  align-items: center;
  gap: 33px;
  text-align: center;
}
.steps-band.steps-band--light .steps-band__icon {
  width: 50px;
}
.steps-band.steps-band--light .steps-band__title {
  margin: 0 10px;
  color: var(--c-charcoal);
}
.steps-band.steps-band--light .steps-band__button {
  padding: 18px 30px;
  font-size: 19px;
}

.steps-band.steps-band--inset.steps-band--wide-heading {
  padding: 40px 0 75px;
}
.steps-band.steps-band--inset.steps-band--wide-heading .steps-band__box {
  padding-bottom: 0;
}
.steps-band.steps-band--inset.steps-band--wide-heading .steps-band__heading {
  max-width: 840px;
}
.steps-band.steps-band--inset.steps-band--wide-heading .steps-band__rule {
  margin: 15px 0 40px;
}
.steps-band.steps-band--inset.steps-band--wide-heading .steps-band__steps {
  margin-bottom: 31px;
}
.steps-band.steps-band--inset.steps-band--wide-heading .steps-band__button {
  margin-bottom: -24px;
}

.steps-band.steps-band--numbers {
  padding: 120px 0 100px;
  background-color: #fff !important;
}
.steps-band.steps-band--numbers::before {
  display: none;
}
.steps-band.steps-band--numbers .steps-band__box {
  padding: 0 10px;
  border: 0;
}
.steps-band.steps-band--numbers .steps-band__heading {
  max-width: none;
  line-height: 46.8px;
  color: var(--c-charcoal);
}
.steps-band.steps-band--numbers .steps-band__rule {
  display: none;
}
.steps-band.steps-band--numbers .steps-band__steps {
  gap: 30px;
  margin: 29px 0 30px;
  padding: 0;
}
.steps-band.steps-band--numbers .steps-band__step {
  flex-direction: column;
  align-items: center;
  gap: 0;
  text-align: center;
}
.steps-band.steps-band--numbers .steps-band__icon {
  width: 106px;
  margin-bottom: 22px;
}
.steps-band.steps-band--numbers .steps-band__title {
  margin: 5px 0 10px;
  font-size: 24px;
  line-height: 28.8px;
  color: var(--c-charcoal);
}
.steps-band.steps-band--numbers .steps-band__text {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  color: var(--text-body-soft);
}

.steps-band.steps-band--split.steps-band--light-box {
  padding: 40px 0;
  background-color: var(--c-navy) !important;
}
.steps-band.steps-band--split.steps-band--light-box::before {
  display: none;
}
.steps-band.steps-band--split.steps-band--light-box .steps-band__box {
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  padding: 35px 40px 40px;
  background: var(--bg-band);
}
@media screen and (max-width: 991px) {
  .steps-band.steps-band--split.steps-band--light-box .steps-band__box {
    grid-template-columns: 1fr;
    padding: 28px 16px;
  }
}
.steps-band.steps-band--split.steps-band--light-box .steps-band__lead {
  order: 2;
  padding: 10px;
}
.steps-band.steps-band--split.steps-band--light-box .steps-band__steps {
  order: 1;
  gap: 36px;
  margin: 14px 0 0;
  padding: 0 10px;
}
.steps-band.steps-band--split.steps-band--light-box .steps-band__step {
  align-items: center;
}
.steps-band.steps-band--split.steps-band--light-box .steps-band__heading,
.steps-band.steps-band--split.steps-band--light-box .steps-band__title {
  color: var(--c-charcoal);
}
.steps-band.steps-band--split.steps-band--light-box .steps-band__title {
  margin: 0;
}
.steps-band.steps-band--split.steps-band--light-box .steps-band__rule {
  margin: 15px 0 35px;
}

.steps-timeline {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (max-width: 767px) {
  .steps-timeline {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.steps-timeline__head {
  text-align: center;
  max-width: var(--container-max-width-reading);
  margin: 0 auto 3rem;
}

.steps-timeline__heading {
  font-size: var(--header-md);
  margin-bottom: 1rem;
}

.steps-timeline__subheading {
  color: var(--text-muted);
  font-size: var(--fs-4);
  line-height: var(--lh-relaxed);
  margin-bottom: 0;
}

.steps-timeline__list {
  --steps-gap: 2.5rem;
  --steps-marker-size: 3.5rem;
  --steps-line-width: 2px;
  display: grid;
  gap: var(--steps-gap);
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: none;
}

.steps-timeline__step {
  position: relative;
}

.steps-timeline__marker {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: var(--steps-marker-size);
  height: var(--steps-marker-size);
  border-radius: var(--radius-pill);
  background-color: var(--c-primary);
  color: var(--ink-primary-fill);
  font-family: var(--font-heading);
  font-size: var(--fs-6);
  font-weight: var(--fw-700);
  line-height: 1;
}

.steps-timeline__number {
  display: block;
}

.steps-timeline__marker--dot {
  background-color: transparent;
}
.steps-timeline__marker--dot::after {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  border-radius: var(--radius-pill);
  background-color: var(--c-primary);
}

.steps-timeline__title {
  font-size: var(--fs-5);
  color: var(--text-heading);
  margin: 0 0 0.5rem;
}

.steps-timeline__description {
  color: var(--text-body);
  font-size: var(--fs-3);
  line-height: var(--lh-relaxed);
  margin: 0;
}

.steps-timeline--horizontal .steps-timeline__list {
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.steps-timeline--horizontal .steps-timeline__list .steps-timeline__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.steps-timeline--horizontal .steps-timeline__list .steps-timeline__marker {
  margin-bottom: 1.25rem;
}
.steps-timeline--horizontal .steps-timeline__list .steps-timeline__body {
  width: 100%;
}
.steps-timeline--horizontal .steps-timeline__list .steps-timeline__step:not(:last-child)::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-color: var(--border-divider);
  top: calc((var(--steps-marker-size) - var(--steps-line-width)) / 2);
  left: 50%;
  width: calc(100% + var(--steps-gap));
  height: var(--steps-line-width);
}
@media screen and (max-width: 767px) {
  .steps-timeline--horizontal .steps-timeline__list {
    --steps-gap: 2rem;
    grid-auto-flow: row;
    grid-auto-columns: auto;
  }
  .steps-timeline--horizontal .steps-timeline__list .steps-timeline__step {
    display: grid;
    grid-template-columns: var(--steps-marker-size) 1fr;
    column-gap: 1.25rem;
    align-items: start;
    text-align: left;
  }
  .steps-timeline--horizontal .steps-timeline__list .steps-timeline__marker {
    margin-bottom: 0;
  }
  .steps-timeline--horizontal .steps-timeline__list .steps-timeline__body {
    width: auto;
    padding-bottom: 0.25rem;
  }
  .steps-timeline--horizontal .steps-timeline__list .steps-timeline__step:not(:last-child)::before {
    content: "";
    position: absolute;
    z-index: 0;
    background-color: var(--border-divider);
    top: calc(var(--steps-marker-size) / 2);
    left: calc((var(--steps-marker-size) - var(--steps-line-width)) / 2);
    width: var(--steps-line-width);
    height: calc(100% + var(--steps-gap));
  }
}

.steps-timeline--vertical .steps-timeline__list {
  grid-auto-flow: row;
  grid-auto-columns: auto;
}
.steps-timeline--vertical .steps-timeline__list .steps-timeline__step {
  display: grid;
  grid-template-columns: var(--steps-marker-size) 1fr;
  column-gap: 1.25rem;
  align-items: start;
  text-align: left;
}
.steps-timeline--vertical .steps-timeline__list .steps-timeline__marker {
  margin-bottom: 0;
}
.steps-timeline--vertical .steps-timeline__list .steps-timeline__body {
  width: auto;
  padding-bottom: 0.25rem;
}
.steps-timeline--vertical .steps-timeline__list .steps-timeline__step:not(:last-child)::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-color: var(--border-divider);
  top: calc(var(--steps-marker-size) / 2);
  left: calc((var(--steps-marker-size) - var(--steps-line-width)) / 2);
  width: var(--steps-line-width);
  height: calc(100% + var(--steps-gap));
}
.steps-timeline--vertical .steps-timeline__list {
  max-width: var(--container-max-width-reading);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .steps-timeline--vertical .steps-timeline__list {
    --steps-gap: 2rem;
  }
}

.bg-dark .steps-timeline__subheading,
.bg-dark-alt .steps-timeline__subheading,
.bg-dark-neutral .steps-timeline__subheading,
.bg-footer .steps-timeline__subheading {
  color: var(--text-on-dark-muted);
}
.bg-dark .steps-timeline__title,
.bg-dark-alt .steps-timeline__title,
.bg-dark-neutral .steps-timeline__title,
.bg-footer .steps-timeline__title {
  color: var(--text-on-dark);
}
.bg-dark .steps-timeline__description,
.bg-dark-alt .steps-timeline__description,
.bg-dark-neutral .steps-timeline__description,
.bg-footer .steps-timeline__description {
  color: var(--text-on-dark-muted);
}
.bg-dark .steps-timeline__step::before,
.bg-dark-alt .steps-timeline__step::before,
.bg-dark-neutral .steps-timeline__step::before,
.bg-footer .steps-timeline__step::before {
  background-color: var(--border-on-dark);
}

.tabs-section .tabs-container {
  padding: 0 var(--space-md);
}
.tabs-section .tabs-heading {
  text-align: center;
  margin-bottom: var(--space-3);
}
.tabs-section .tabs-subheading {
  text-align: center;
  max-width: 60ch;
  margin: 0 auto var(--space-sm);
  color: var(--text-muted);
  font-size: 1.125rem;
}
.tabs-section .tabs-rail {
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid var(--border-divider);
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.tabs-section .tabs-rail::-webkit-scrollbar {
  display: none;
}
.tabs-section .tabs-strip {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  margin: 0 auto;
  gap: var(--space-2);
}
.tabs-section .tabs-tab {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  flex: 0 0 auto;
  scroll-snap-align: center;
  padding: var(--space-3) var(--space-4);
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  color: var(--text-muted);
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.tabs-section .tabs-tab:hover {
  color: var(--text-heading);
  background-color: var(--bg-alt);
}
.tabs-section .tabs-tab:focus-visible {
  outline: 2px solid var(--ink-cta);
  outline-offset: -2px;
}
.tabs-section .tabs-tab[aria-selected=true] {
  color: var(--ink-cta);
  border-bottom-color: var(--ink-cta);
  background-color: transparent;
}
.tabs-section .tabs-tab .tabs-tab-icon {
  font-size: 0.9375rem;
}
.tabs-section .tabs-panel:focus-visible {
  outline: 2px solid var(--ink-cta);
  outline-offset: 4px;
  border-radius: var(--radius-md);
}
.tabs-section .tabs-panel-inner {
  padding: var(--space-4) 0 0;
  color: var(--text-body);
}
.tabs-section .tabs-panel-inner > :first-child {
  margin-top: 0;
}
.tabs-section .tabs-panel-inner > :last-child {
  margin-bottom: 0;
}
.tabs-section .tabs-panel-inner p,
.tabs-section .tabs-panel-inner ul,
.tabs-section .tabs-panel-inner ol {
  margin-bottom: var(--space-3);
}
.tabs-section .tabs-panel-inner ul,
.tabs-section .tabs-panel-inner ol {
  padding-left: var(--space-4);
}
.tabs-section .tabs-panel-inner li {
  margin-bottom: var(--space-1);
}
.tabs-section .tabs-panel-inner h3,
.tabs-section .tabs-panel-inner h4 {
  color: var(--text-heading);
  margin-bottom: var(--space-2);
}
.tabs-section .tabs-panel-inner a {
  color: var(--text-link);
}
.tabs-section.bg-dark .tabs-subheading, .tabs-section.bg-dark-alt .tabs-subheading, .tabs-section.bg-dark-neutral .tabs-subheading, .tabs-section.bg-footer .tabs-subheading {
  color: var(--text-on-dark-muted);
}
.tabs-section.bg-dark .tabs-rail, .tabs-section.bg-dark-alt .tabs-rail, .tabs-section.bg-dark-neutral .tabs-rail, .tabs-section.bg-footer .tabs-rail {
  border-bottom-color: var(--border-on-dark);
}
.tabs-section.bg-dark .tabs-tab, .tabs-section.bg-dark-alt .tabs-tab, .tabs-section.bg-dark-neutral .tabs-tab, .tabs-section.bg-footer .tabs-tab {
  color: var(--text-on-dark-muted);
}
.tabs-section.bg-dark .tabs-tab:hover, .tabs-section.bg-dark-alt .tabs-tab:hover, .tabs-section.bg-dark-neutral .tabs-tab:hover, .tabs-section.bg-footer .tabs-tab:hover {
  color: var(--text-on-dark);
  background-color: rgba(255, 255, 255, 0.06);
}
.tabs-section.bg-dark .tabs-tab:focus-visible, .tabs-section.bg-dark-alt .tabs-tab:focus-visible, .tabs-section.bg-dark-neutral .tabs-tab:focus-visible, .tabs-section.bg-footer .tabs-tab:focus-visible {
  outline-color: var(--text-on-dark);
}
.tabs-section.bg-dark .tabs-tab[aria-selected=true], .tabs-section.bg-dark-alt .tabs-tab[aria-selected=true], .tabs-section.bg-dark-neutral .tabs-tab[aria-selected=true], .tabs-section.bg-footer .tabs-tab[aria-selected=true] {
  color: var(--text-on-dark);
  border-bottom-color: var(--ink-cta);
}
.tabs-section.bg-dark .tabs-panel:focus-visible, .tabs-section.bg-dark-alt .tabs-panel:focus-visible, .tabs-section.bg-dark-neutral .tabs-panel:focus-visible, .tabs-section.bg-footer .tabs-panel:focus-visible {
  outline-color: var(--text-on-dark);
}
.tabs-section.bg-dark .tabs-panel-inner, .tabs-section.bg-dark-alt .tabs-panel-inner, .tabs-section.bg-dark-neutral .tabs-panel-inner, .tabs-section.bg-footer .tabs-panel-inner {
  color: var(--text-on-dark);
}
.tabs-section.bg-dark .tabs-panel-inner h3,
.tabs-section.bg-dark .tabs-panel-inner h4, .tabs-section.bg-dark-alt .tabs-panel-inner h3,
.tabs-section.bg-dark-alt .tabs-panel-inner h4, .tabs-section.bg-dark-neutral .tabs-panel-inner h3,
.tabs-section.bg-dark-neutral .tabs-panel-inner h4, .tabs-section.bg-footer .tabs-panel-inner h3,
.tabs-section.bg-footer .tabs-panel-inner h4 {
  color: var(--text-on-dark);
}
.tabs-section.bg-dark .tabs-panel-inner a, .tabs-section.bg-dark-alt .tabs-panel-inner a, .tabs-section.bg-dark-neutral .tabs-panel-inner a, .tabs-section.bg-footer .tabs-panel-inner a {
  color: var(--text-on-dark);
  text-decoration: underline;
}
@media (max-width: 768px) {
  .tabs-section .tabs-container {
    padding: 0 var(--space-xs);
  }
  .tabs-section .tabs-rail {
    margin: 0 calc(var(--space-xs) * -1);
    padding: 0 var(--space-xs);
  }
  .tabs-section .tabs-strip {
    margin: 0;
    gap: 0;
  }
  .tabs-section .tabs-tab {
    padding: var(--space-3);
    font-size: 0.9375rem;
  }
  .tabs-section .tabs-panel-inner {
    padding-top: var(--space-3);
  }
}

@media (prefers-reduced-motion: reduce) {
  .tabs-section .tabs-tab {
    transition: none;
  }
}
.tabs-section .tabs-panel-figure {
  float: right;
  width: 40%;
  max-width: 220px;
  height: auto;
  margin: 0 0 1rem 1.5rem;
  border-radius: var(--radius-md);
}

@media screen and (width <= 767px) {
  .tabs-section .tabs-panel-figure {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 1rem;
  }
}
.tabs-section--vertical .tabs-container {
  padding: 0 10px;
}
.tabs-section--vertical .tabs-heading {
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  margin: 0 0 10px;
}
.tabs-section--vertical .tabs-subheading {
  max-width: none;
  margin: 0 0 49px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 300;
}
.tabs-section--vertical .tabs-widget {
  display: grid;
  grid-template-columns: var(--tabs-col, 241px) 1fr;
  border: 3px solid #fff;
  text-align: left;
}
.tabs-section--vertical .tabs-rail {
  overflow: visible;
  border: 0;
}
.tabs-section--vertical .tabs-strip {
  flex-direction: column;
  width: auto;
  margin: 0;
  gap: 0;
}
.tabs-section--vertical .tabs-tab {
  position: relative;
  display: flex;
  min-height: 77px;
  padding: 0 20px 0 33px;
  margin: 0;
  border: 1px solid #fff;
  border-radius: 0;
  background: var(--c-navy);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 19px;
  line-height: 1.5;
  font-weight: 400;
  white-space: normal;
  text-align: left;
}
.tabs-section--vertical .tabs-tab[aria-selected=true] {
  background: var(--c-green);
  border-bottom-color: #fff;
}
.tabs-section--vertical .tabs-tab[aria-selected=true]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -11px;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 11px 0 11px 11px;
  border-color: transparent transparent transparent var(--c-green);
  z-index: 1;
}
.tabs-section--vertical .tabs-panel-inner {
  padding: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tabs-section--vertical .tabs-panel-inner h3 {
  margin: 9px 0 10px;
  font-family: inherit;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
}
.tabs-section--vertical .tabs-panel-inner p {
  margin: 0 0 9px;
}
.tabs-section--vertical .tabs-panel-inner strong {
  font-weight: 700;
}
.tabs-section--vertical .tabs-panel-figure {
  width: 300px;
  max-width: 40%;
  margin: 0 0 10px 20px;
  border-radius: 0;
}
.tabs-section--vertical.bg-dark .tabs-subheading, .tabs-section--vertical.bg-dark-alt .tabs-subheading, .tabs-section--vertical.bg-dark-neutral .tabs-subheading, .tabs-section--vertical.bg-footer .tabs-subheading {
  color: var(--text-on-dark);
}
.tabs-section--vertical.bg-dark .tabs-tab,
.tabs-section--vertical.bg-dark .tabs-tab:hover,
.tabs-section--vertical.bg-dark .tabs-tab[aria-selected=true], .tabs-section--vertical.bg-dark-alt .tabs-tab,
.tabs-section--vertical.bg-dark-alt .tabs-tab:hover,
.tabs-section--vertical.bg-dark-alt .tabs-tab[aria-selected=true], .tabs-section--vertical.bg-dark-neutral .tabs-tab,
.tabs-section--vertical.bg-dark-neutral .tabs-tab:hover,
.tabs-section--vertical.bg-dark-neutral .tabs-tab[aria-selected=true], .tabs-section--vertical.bg-footer .tabs-tab,
.tabs-section--vertical.bg-footer .tabs-tab:hover,
.tabs-section--vertical.bg-footer .tabs-tab[aria-selected=true] {
  color: #fff;
  border-bottom-color: #fff;
}
.tabs-section--vertical.bg-dark .tabs-tab:not([aria-selected=true]):hover, .tabs-section--vertical.bg-dark-alt .tabs-tab:not([aria-selected=true]):hover, .tabs-section--vertical.bg-dark-neutral .tabs-tab:not([aria-selected=true]):hover, .tabs-section--vertical.bg-footer .tabs-tab:not([aria-selected=true]):hover {
  background-color: #0a3566;
}
@media (max-width: 768px) {
  .tabs-section--vertical .tabs-widget {
    grid-template-columns: 1fr;
  }
  .tabs-section--vertical .tabs-rail {
    margin: 0;
    padding: 0;
  }
  .tabs-section--vertical .tabs-tab {
    min-height: 52px;
    font-size: 17px;
  }
  .tabs-section--vertical .tabs-tab[aria-selected=true]::after {
    display: none;
  }
  .tabs-section--vertical .tabs-panel-inner {
    font-size: 17px;
  }
  .tabs-section--vertical .tabs-panel-figure {
    max-width: 100%;
    margin: 0 0 1rem;
  }
}

.tabs-section--vertical.tabs-section--title .tabs-heading {
  font-size: clamp(1.5rem, 1.1rem + 1.2vw, 36px);
  line-height: 1.3;
}
.tabs-section--vertical.tabs-section--title .tabs-heading::after {
  content: "";
  display: block;
  width: 150px;
  height: 2px;
  margin: 32px auto 35px;
  background: var(--c-green);
}
.tabs-section--vertical.tabs-section--title .tabs-subheading {
  text-align: center;
}

.tabs-section .tabs-panel-inner > p:has(> .tabs-panel-figure:only-child) {
  margin: 0;
}

.team-grid {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (max-width: 767px) {
  .team-grid {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.team-grid__head {
  text-align: center;
  max-width: var(--container-max-width-reading);
  margin: 0 auto 3rem;
}

.team-grid__heading {
  font-size: var(--header-md);
  margin-bottom: 1rem;
}

.team-grid__subheading {
  color: var(--text-muted);
  font-size: var(--fs-4);
  line-height: var(--lh-relaxed);
  margin-bottom: 0;
}

.team-grid__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem 2.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.team-grid__items--cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.team-grid__items--cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 991px) {
  .team-grid__items {
    grid-template-columns: repeat(2, 1fr);
  }
  .team-grid__items--cols-2, .team-grid__items--cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .team-grid__items {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .team-grid__items--cols-2, .team-grid__items--cols-4 {
    grid-template-columns: 1fr;
  }
}

.team-grid__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.team-grid__media {
  position: relative;
  width: 100%;
  max-width: 220px;
  aspect-ratio: 1/1;
  overflow: hidden;
  margin-bottom: 1.25rem;
  background-color: var(--bg-placeholder);
  border: 1px solid var(--border-card);
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-grid__items--circle .team-grid__media {
  border-radius: 50%;
}
.team-grid__items--square .team-grid__media {
  border-radius: var(--radius-lg);
}

.team-grid__media-link {
  display: block;
  width: 100%;
  max-width: 220px;
}

.team-grid__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.team-grid__initials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--surface-primary-tint);
  color: var(--ink-primary-tint);
  font-family: var(--font-heading);
  font-size: var(--fs-10);
  font-weight: var(--fw-700);
  letter-spacing: var(--track-wide);
  line-height: 1;
  user-select: none;
}

.team-grid__name {
  font-size: var(--fs-5);
  margin: 0 0 0.25rem;
  color: var(--text-heading);
}

.team-grid__name-link {
  color: inherit;
  text-decoration: none;
}
.team-grid__name-link:hover, .team-grid__name-link:focus-visible {
  color: var(--text-link);
  text-decoration: underline;
}

.team-grid__role {
  color: var(--c-cta);
  font-size: var(--fs-2);
  font-weight: var(--fw-600);
  text-transform: uppercase;
  letter-spacing: var(--track-wide);
  margin: 0 0 0.75rem;
}

.team-grid__bio {
  color: var(--text-body);
  font-size: var(--fs-3);
  line-height: var(--lh-relaxed);
  margin: 0;
}

.team-grid__social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-top: 1rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--border-card);
  color: var(--text-muted);
  font-size: var(--fs-4);
  line-height: 1;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.team-grid__social:hover, .team-grid__social:focus-visible {
  color: var(--ink-primary-fill);
  background-color: var(--c-primary);
  border-color: var(--c-primary);
}

.bg-dark .team-grid__subheading,
.bg-dark-alt .team-grid__subheading,
.bg-dark-neutral .team-grid__subheading,
.bg-footer .team-grid__subheading {
  color: var(--text-on-dark-muted);
}
.bg-dark .team-grid__name,
.bg-dark-alt .team-grid__name,
.bg-dark-neutral .team-grid__name,
.bg-footer .team-grid__name {
  color: var(--text-on-dark);
}
.bg-dark .team-grid__bio,
.bg-dark-alt .team-grid__bio,
.bg-dark-neutral .team-grid__bio,
.bg-footer .team-grid__bio {
  color: var(--text-on-dark-muted);
}
.bg-dark .team-grid__media,
.bg-dark-alt .team-grid__media,
.bg-dark-neutral .team-grid__media,
.bg-footer .team-grid__media {
  border-color: var(--border-on-dark);
}
.bg-dark .team-grid__social,
.bg-dark-alt .team-grid__social,
.bg-dark-neutral .team-grid__social,
.bg-footer .team-grid__social {
  border-color: var(--border-on-dark);
  color: var(--text-on-dark);
}

.team-grid__head--left {
  max-width: none;
  margin: 0 0 29px;
  text-align: left;
}
.team-grid__head--left .team-grid__heading {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 46.8px;
  color: var(--c-charcoal);
}
.team-grid__head--left .team-grid__subheading {
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0.8px;
  color: var(--text-body-soft);
}

.team-grid__rule {
  margin: 15px 0 35px;
}

.team-grid__items--card {
  gap: 20px 10px;
  padding: 0 0 0 0;
}
.team-grid__items--card .team-grid__card {
  align-items: flex-start;
  padding-bottom: 15px;
  background-color: var(--bg-band);
  text-align: left;
}
.team-grid__items--card .team-grid__media,
.team-grid__items--card .team-grid__media-link {
  max-width: none;
}
.team-grid__items--card .team-grid__media {
  aspect-ratio: 3/2;
  margin-bottom: 23px;
  border: 0;
  border-radius: 0;
}
.team-grid__items--card .team-grid__name {
  margin: 0 15px 2px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  color: var(--c-green);
}
.team-grid__items--card .team-grid__role {
  margin: 0 15px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: normal;
  text-transform: none;
  color: var(--c-charcoal);
}
.team-grid__items--card .team-grid__social {
  width: auto;
  height: auto;
  margin: 18px 15px 0;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  color: var(--c-blue);
}
.team-grid__items--card .team-grid__social:hover, .team-grid__items--card .team-grid__social:focus-visible {
  color: var(--c-navy);
  background-color: transparent;
}

.team-grid:has(.team-grid__items--card) {
  padding: 110px 0 109px;
}
.team-grid:has(.team-grid__items--card) .container-flex-column {
  max-width: var(--container-max-width);
}
@media screen and (max-width: 991px) {
  .team-grid:has(.team-grid__items--card) {
    padding: 64px 1rem;
  }
}

.team-grid--display .team-grid__heading {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.75rem, 1rem + 2.85vw, 51px);
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--c-navy);
  text-align: center;
}

.team-grid--display .team-grid__head {
  max-width: none;
}

.team-grid--older .team-grid__heading {
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.5rem, 1.1rem + 1.2vw, 36px);
  line-height: 1.3;
  font-weight: 600;
  text-transform: none;
  color: var(--c-charcoal);
}
.team-grid--older .team-grid__subheading {
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  color: var(--text-body-soft);
}

.video-embed .video-embed-container {
  padding: 0 var(--space-md);
}
.video-embed .video-embed-heading {
  text-align: center;
  margin-bottom: var(--space-3);
}
.video-embed .video-embed-description {
  text-align: center;
  max-width: 60ch;
  margin: 0 auto var(--space-sm);
  color: var(--text-muted);
  font-size: 1.125rem;
}
.video-embed .video-embed-figure {
  margin: 0;
}
.video-embed .video-embed-frame {
  position: relative;
  aspect-ratio: 16/9;
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-card);
  background: var(--bg-placeholder);
  box-shadow: var(--shadow-md);
}
.video-embed .video-embed-frame iframe,
.video-embed .video-embed-frame video,
.video-embed .video-embed-frame .video-embed-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.video-embed .video-embed-frame video,
.video-embed .video-embed-frame .video-embed-poster {
  object-fit: cover;
}
.video-embed .video-embed-facade {
  cursor: pointer;
}
.video-embed .video-embed-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  padding: 0 0 0 4px;
  border: 0;
  border-radius: var(--radius-pill);
  background-color: var(--c-cta);
  color: var(--c-white);
  cursor: pointer;
  box-shadow: var(--shadow-lg);
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.video-embed .video-embed-play:hover {
  background-color: var(--c-cta-hover);
  transform: translate(-50%, -50%) scale(1.08);
}
.video-embed .video-embed-play:focus-visible {
  outline: 3px solid var(--c-white);
  outline-offset: 3px;
}
.video-embed .video-embed-play-icon {
  display: block;
}
.video-embed .video-embed-caption {
  margin-top: var(--space-3);
  text-align: center;
  color: var(--text-muted);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.video-embed.bg-dark .video-embed-description,
.video-embed.bg-dark .video-embed-caption, .video-embed.bg-dark-alt .video-embed-description,
.video-embed.bg-dark-alt .video-embed-caption, .video-embed.bg-dark-neutral .video-embed-description,
.video-embed.bg-dark-neutral .video-embed-caption, .video-embed.bg-footer .video-embed-description,
.video-embed.bg-footer .video-embed-caption {
  color: var(--text-on-dark-muted);
}
.video-embed.bg-dark .video-embed-frame, .video-embed.bg-dark-alt .video-embed-frame, .video-embed.bg-dark-neutral .video-embed-frame, .video-embed.bg-footer .video-embed-frame {
  border-color: var(--border-on-dark);
}
@media (max-width: 768px) {
  .video-embed .video-embed-container {
    padding: 0 var(--space-xs);
  }
  .video-embed .video-embed-play {
    width: 60px;
    height: 60px;
  }
  .video-embed .video-embed-play-icon {
    width: 28px;
    height: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .video-embed .video-embed-play {
    transition: none;
  }
  .video-embed .video-embed-play:hover {
    transform: translate(-50%, -50%);
  }
}
.video-embed--overlap {
  --video-overlap: min(258px, 20vw);
  position: relative;
  z-index: 1;
  margin-bottom: calc(var(--video-overlap) * -1);
}
.video-embed--overlap .video-embed-container {
  padding: 0 10px;
}

.video-embed--overlap ~ .content-split--video-band {
  --video-overlap: min(258px, 20vw);
  padding-top: calc(var(--video-overlap) + 52px);
  padding-bottom: 80px;
  background-color: var(--c-navy);
  background-image: url("/images/backgrounds/paid-social-band.svg");
  background-size: cover;
  background-position: center;
}
.video-embed--overlap ~ .content-split--video-band .content-split__body {
  color: #fff;
}

.section {
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.blog {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section.blog.bg-offwhite {
  background-color: var(--bg-alt-light);
}

.rt-terms {
  margin-bottom: 20px;
  font-size: 19px;
  font-weight: 300;
  line-height: 1.375rem;
}

.p-icon-list.sm {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1rem;
}

.logo {
  flex: 0 auto;
  margin-left: 5%;
  margin-right: 5%;
}

.h2-features {
  margin-bottom: 60px;
}

.block-full-center-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.block-full-center {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.container-flex-row {
  max-width: var(--container-max-width);
  flex-flow: row;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.container-flex-row.narrow, .container-flex-row.mw-reading {
  max-width: var(--container-max-width-reading);
}

.container-flex-row.card {
  border-radius: var(--radius-lg);
  background-color: var(--bg-dark-neutral);
  color: var(--text-on-dark);
}

.container-flex-row.card.navy {
  background-color: var(--bg-dark-primary);
}

.container-flex-row.flex-align-center {
  justify-content: center;
  align-items: center;
}

.container-flex-column {
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}
.container-flex-column.narrow, .container-flex-column.mw-reading {
  max-width: var(--container-max-width-reading);
}

.txt-white {
  color: var(--text-on-dark);
}

.on-light {
  color: var(--text-body);
}

.c-medium-gray {
  color: var(--text-muted);
}

.color-green {
  color: var(--c-cta);
  overflow-wrap: normal;
}

.color-red {
  color: var(--c-red);
}

.color-burnt-sienna {
  color: var(--ink-site-burnt-sienna);
}

.h2-section-center {
  font-size: var(--header-md);
  text-align: center;
}

.aside {
  color: var(--text-muted);
  text-transform: uppercase;
  font-size: 0.6rem;
  font-weight: 700;
}

.text-white {
  color: var(--text-on-dark);
}

.force-hide {
  display: none;
}

.terms-of-service-updated {
  font-style: italic;
}

.collection-list {
  grid-gap: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper {
  grid-gap: 16px;
  grid-template: "." "."/1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.grid-audit-test {
  grid-gap: 0;
  grid-template: "." "."/0.25fr 1fr 0.25fr 0.25fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.grid-audit-test-row {
  grid-gap: 0;
  grid-template-rows: auto;
  grid-template-columns: 0.25fr 1fr 0.25fr 0.25fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.tbl-cell-head-audit-test {
  background-color: transparent;
  font-weight: 600;
}

.tbl-row-head-audit-test {
  grid-gap: 0;
  color: var(--text-on-dark);
  background-color: var(--bg-dark-primary);
  grid-template-rows: auto;
  grid-template-columns: 0.25fr 1fr 0.25fr 0.25fr;
  grid-auto-columns: 1fr;
  padding-left: 16px;
  padding-right: 16px;
  display: grid;
}

.audit-test-table-cell {
  display: flex;
}

.audit-collection-row-wrapper {
  grid-gap: 0;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 0.25fr 1fr 0.25fr 0.25fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: grid;
}

.text-highlight-red {
  color: var(--c-red);
}

.icon, .icon-2 {
  color: var(--text-body);
}

.text-navy {
  color: var(--ink-site-primary);
}

.g-full-height {
  min-height: calc(100vh - var(--menu-height) - var(--footer-height));
}

.bg-light-gray {
  background-color: var(--bg-alt-light);
}

@media screen and (width <= 767px) {
  .section {
    text-align: center;
    padding: 20px 5px;
  }
  .section.main {
    margin-top: 51px;
  }
  .rt-terms {
    text-align: left;
    margin-bottom: 44px;
  }
  .logo {
    width: 33%;
  }
  .img-value-stack-icon {
    width: 50%;
  }
}
@media screen and (width <= 479px) {
  .section {
    padding: 20px 5px;
  }
  .rt-terms {
    font-size: 16px;
  }
  .logo {
    width: 40%;
  }
  .h2-features {
    margin-bottom: 20px;
    font-size: 30px;
  }
}
@media screen and (width <= 991px) {
  #w-node-accc4789-21e5-2e39-32c3-2fcebbfd6d33-a470945e,
  #w-node-a1836ecf-6e14-03f1-e9b4-308072aa6497-a470945e,
  #w-node-accc4789-21e5-2e39-32c3-2fcebbfd6d33-a66823b2,
  #w-node-a1836ecf-6e14-03f1-e9b4-308072aa6497-a66823b2,
  #w-node-a96505a0-9aa8-cc6d-1edc-6e67b1d8bc7c-a66823b2,
  #w-node-accc4789-21e5-2e39-32c3-2fcebbfd6d33-15c37f9d,
  #w-node-a1836ecf-6e14-03f1-e9b4-308072aa6497-15c37f9d,
  #w-node-_15ee068c-6224-6421-ab69-32c5f200e212-15c37f9d,
  #w-node-a96505a0-9aa8-cc6d-1edc-6e67b1d8bc7c-15c37f9d {
    grid-template-rows: auto;
    grid-template-columns: 0.75fr;
  }
}
.hero-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .hero-split {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.hero-split__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.hero-split__ctas {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .hero-split__ctas {
    flex-direction: column;
  }
}

.hero-split__image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-split__image img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.w-input,
.w-select {
  color: var(--text-body);
  background-color: var(--bg-input);
  border: 1px solid var(--border-input);
}

.w-input::placeholder,
.w-select::placeholder {
  color: var(--text-muted);
}

.w-input:focus,
.w-select:focus {
  border-color: var(--border-input-focus);
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly] {
  background-color: var(--bg-alt);
}

.w-form-done {
  background-color: var(--surface-success-tint);
  color: var(--text-body);
}

.w-form-fail {
  background-color: var(--surface-danger-tint);
  color: var(--text-body);
}

.w-nav-brand {
  color: var(--text-heading);
}

.w-nav-button.w--open {
  background-color: var(--bg-accent);
  color: var(--text-on-accent);
}

.w-nav {
  background-color: var(--bg-body);
}

.w-dyn-empty {
  background-color: var(--bg-alt);
  color: var(--text-body);
}

.w-dropdown-list {
  background-color: var(--bg-raised);
}