:root {
  --breakpoint-tablet: 48rem;
  --layout-width: 80rem;
  --section-top-btm-gap: 1.25rem;
  --nav-height: 3rem;
  --campaign-nav-height: 5rem;
  --color-primary-teal: #009ca6;
  --color-primary-cyan: #00ccd9;
  --color-white: #fff;
  --color-white-82: #ffffffd1;
  --color-offwhite: #fafafa;
  --color-black: #000;
  --color-red: #f00;
  --color-black-secondary: #040404;
  --color-light-grey: #dadada;
  --color-secondary-blue: #00a5df;
  --color-secondary-green: #93c90e;
  --color-secondary-purple: #7f35b2;
  --color-secondary-coral: #f8485e;
  --color-secondary-orange: #ffa300;
  --color-monotone-100: #f3f3f3;
  --color-monotone-150: #f1f0f3;
  --color-monotone-200: #d9d9d6;
  --color-monotone-500: #9a9a9a;
  --color-monotone-600: #6b6b6b;
  --color-monotone-700: #75787b;
  --color-monotone-800: #53565a;
  --color-surface-deep-900: #050f11;
  --color-surface-deep-800: #081618;
  --color-surface-deep-700: #0a2224;
  --color-surface-charcoal-950: #0f0f0f;
  --color-surface-charcoal-900: #1a1a1a;
  --color-surface-charcoal-800: #333;
  --color-surface-charcoal-700: #4d4d4d;
  --color-overlay-neutral: #787878;
  --color-accent-teal: #019ca6;
  --color-accent-teal-dark: #007880;
  --color-dark-teal: #00787f;
  --color-accent-teal-deep: #005a5f;
  --color-accent-teal-strong: #015a60;
  --color-accent-teal-bright: #01929c;
  --color-accent-teal-medium: #01919b;
  --color-accent-teal-darker: #00666d;
  --color-accent-teal-darkest: #004247;
  --color-accent-teal-hover: #017c85;
  --color-deep-ocean: #0c2a2e;
  --color-deep-ocean-dark: #061719;
  --color-accent-coral: #ef6643;
  --color-accent-mint: #6ff7e1;
  --color-light-mint: #d0f6ec;
  --color-tab-inactive: #2f646e;
  --color-tab-inactive-border: #33ffb8;
  --color-accent-peach: #f7b2a1;
  --color-accent-blue: #2e8fff;
  --color-icon-blue: #2d8fff;
  --color-vivid-blue: #0079ff;
  --color-accent-cyan: #29f1ff;
  --color-vivid-cyan: #00f7e7;
  --color-ocean-teal: #009daa;
  --color-data-mint: #cef6eb;
  --color-mint-100: #cff5ec;
  --color-pale-mint: #ddf8f0;
  --color-kinetic-spark: #ef6343;
  --color-gradient-teal-blue: #006d87;
  --color-gradient-deep-blue: #004970;
  --color-teal-100: #e0fafb;
  --color-teal-150: #c6eee8;
  --color-teal-200: #a8eaee;
  --color-teal-300: #70dae0;
  --color-teal-400: #00bac5;
  --color-teal-500: #0b8c8c;
  --color-teal-600: #027b83;
  --color-teal-650: #01545c;
  --color-teal-700: #035f65;
  --color-teal-800: #03474c;
  --color-teal-900: #033134;
  --color-cyan-100: #70f5ff;
  --color-cyan-300: #00d1e0;
  --color-cyan-400: #008f99;
  --color-cyan-600: #003f44;
  --color-cyan-700: #003336;
  --color-cyan-800: #002629;
  --color-cyan-900: #00191b;
  --color-green-100: #eefcf8;
  --color-green-200: #e6faf5;
  --color-green-300: #ddf8f1;
  --color-green-400: #d5f6ee;
  --color-green-500: #cef5eb;
  --color-green-600: #8ee8d1;
  --color-green-700: #50dbb8;
  --color-green-800: #26ba95;
  --color-green-900: #197c63;
  --color-turquoise-100: #cffcf5;
  --color-turquoise-200: #b7fbef;
  --color-turquoise-250: #b6faef;
  --color-turquoise-300: #9ff9ea;
  --color-turquoise-400: #87f8e5;
  --color-turquoise-600: #36f3d4;
  --color-turquoise-700: #0de1be;
  --color-turquoise-800: #0aa98e;
  --color-turquoise-900: #07705f;
  --color-bright-aqua: #07f4e3;
  --color-neutral-50: #fafafa;
  --color-neutral-100: #f0f0f0;
  --color-neutral-200: #f0f0f5;
  --color-neutral-300: #dadada;
  --color-neutral-350: #d3d3d3;
  --color-neutral-400: #bfbfbf;
  --color-neutral-700: #444;
  --color-neutral-800: #373743;
  --color-coral-100: #faccc0;
  --color-coral-300: #f49982;
  --color-coral-400: #f17f63;
  --color-coral-600: #eb3f14;
  --color-coral-700: #bc3310;
  --color-coral-800: #8d260c;
  --color-coral-900: #5e1908;
  --color-blue-100: #74b5ff;
  --color-blue-300: #006ce7;
  --color-blue-400: #004ba2;
  --color-blue-500: #002c5d;
  --color-blue-600: #00244d;
  --color-blue-700: #001d3d;
  --color-blue-800: #00152e;
  --color-blue-900: #000e1f;
  --color-deep-navy: #00305d;
  --color-darkslateblue: #1f3047;
  --color-dark-cerulean: #33567d;
  --color-charcoal-nearblack: #1f1d1a;
  --color-medium-grey: #6b6b6b;
  --color-cyan-teal: #0099a8;
  --color-blue-green: #1b5863;
  --color-midnight-charcoal: #171c24;
  --color-text-strong: #111;
  --color-text-charcoal: #3a3a3a;
  --color-neon-mint: #06ffa8;
  --color-text-inverse-soft: rgb(255 255 255 / 92%);
  --color-light: #f8f8f8;
  --color-dark: #505050;
  --color-text: #131313;
  --color-dropdown-text: #1a1a1a;
  --color-placeholder-gray: #6b7280;
  --color-cta-text-dark: #0a0a0a;
  --shadow-highlight-subtle: rgb(255 255 255 / 5%);
  --shadow-highlight-faint: rgb(255 255 255 / 8%);
  --shadow-highlight-soft: rgb(255 255 255 / 12%);
  --shadow-highlight-strong: rgb(255 255 255 / 35%);
  --color-white-glass: rgb(255 255 255 / 10%);
  --color-white-50: rgb(255 255 255 / 50%);
  --color-white-40: rgb(255 255 255 / 40%);
  --color-white-25: rgb(255 255 255 / 25%);
  --color-white-0: rgb(255 255 255 / 0%);
  --color-accent-teal-40: rgb(1 156 166 / 40%);
  --color-glass-surface: rgb(255 255 255 / 14%);
  --color-glass-border-soft: rgb(255 255 255 / 45%);
  --color-scrim-dark: rgb(0 0 0 / 55%);
  --color-scrim-soft: rgb(0 0 0 / 35%);
  --color-scrim-medium: rgb(0 0 0 / 45%);
  --color-scrim-heavy: rgb(0 0 0 / 90%);
  --color-scrim-faint: rgb(0 0 0 / 5%);
  --gradient-glass-scrim: linear-gradient(
    253.56deg,
    rgb(0 0 0 / 20%) 0.28%,
    rgb(217 217 217 / 0%) 100.93%
  );
  --color-scrim-light: rgb(0 0 0 / 12%);
  --color-scrim-placeholder: rgb(0 0 0 / 30%);
  --shadow-stroke-soft: rgb(255 255 255 / 4%);
  --shadow-depth-strong: rgb(0 0 0 / 44%);
  --shadow-depth-soft: rgb(0 0 0 / 18%);
  --shadow-elevation-strong:
    inset 0 1px 0 var(--shadow-highlight-subtle),
    0 1.25rem 3rem var(--shadow-depth-strong),
    0 0.5rem 1.25rem var(--shadow-depth-soft);
  --color-border: #ddd;
  --color-link: #3b63fb;
  --color-link-hover: #1d3ecf;
  --overlay-background-color: lightgrey;
  --mega-tag-bg: #dff8f8;
  --mega-feature-bg: #b7e7ea;
  --gradient-surface-deep: linear-gradient(
    90deg,
    rgb(5 15 17 / 98%) 0%,
    rgb(8 22 24 / 98%) 52%,
    rgb(10 34 36 / 98%) 100%
  );
  --gradient-border-subtle: linear-gradient(
    0deg,
    rgb(255 255 255 / 9%),
    rgb(255 255 255 / 9%)
  );
  --gradient-border-accent: linear-gradient(
    90.25deg,
    color-mix(in srgb, var(--color-accent-coral) 20%, transparent) 21.16%,
    color-mix(in srgb, var(--color-accent-mint) 20%, transparent) 86.01%
  );
  --gradient-border-fade: linear-gradient(
    90deg,
    rgb(255 255 255 / 0%) 0%,
    rgb(255 255 255 / 60%) 50%,
    rgb(255 255 255 / 0%) 100%
  );
  --gradient-accent-teal: linear-gradient(
    90deg,
    var(--color-accent-teal) 0%,
    var(--color-accent-teal) 100%
  );
  --gradient-accent-coral: linear-gradient(
    90deg,
    var(--color-accent-coral) 0%,
    var(--color-accent-coral) 52%,
    var(--color-accent-coral) 100%
  );
  --gradient-overlay-teal-void: linear-gradient(
    260deg,
    rgb(1 156 166 / 50%) 0%,
    rgb(0 0 0 / 77%) 67.72%
  );
  --gradient-overlay-teal-fade: linear-gradient(
    90deg,
    var(--color-primary-teal) 0%,
    rgb(0 0 0 / 0%) 100%
  );
  --gradient-overlay-grid:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--color-primary-cyan) 15%, transparent) 0%,
      color-mix(in srgb, var(--color-primary-cyan) 0%, transparent) 55%
    ),
    repeating-linear-gradient(
      90deg,
      color-mix(in srgb, var(--color-primary-cyan) 11%, transparent) 0,
      color-mix(in srgb, var(--color-primary-cyan) 11%, transparent) 6.75rem,
      rgb(0 0 0 / 0%) 6.75rem,
      rgb(0 0 0 / 0%) 13.5rem
    );
  --gradient-teal-black: linear-gradient(
    269.25deg,
    var(--color-primary-teal) 0%,
    var(--color-black) 98.53%
  );
  --gradient-darkteal-black: linear-gradient(
    45deg,
    var(--color-primary-teal) 0.78%,
    var(--color-black) 89.73%
  );
  --gradient-cyan-black: linear-gradient(
    58deg,
    var(--color-vivid-cyan) 0.05%,
    var(--color-blue-500) 89.92%
  );
  --gradient-teal-white: linear-gradient(
    246deg,
    var(--color-primary-teal) 0.01%,
    var(--color-white) 90.56%
  );
  --gradient-image-text-cta: linear-gradient(
    90deg,
    var(--color-blue-500) 0%,
    var(--color-primary-cyan) 100%
  );
  --font-weight-regular: 400;
  --font-weight-base: 500;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
  --font-weight-heavy: 900;
  --line-height-tight: 1;
  --line-height-snug: 1.2;
  --line-height-normal: 1.3;
  --line-height-heading: 1.1;
  --line-height-body: 1.4;
  --letter-spacing-heading: -0.02em;
  --letter-spacing-body: 0;
  --radius-pill: 62.4375rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-s: 0.75rem;
  --space-m: 0.845rem;
  --space-md: 1rem;
  --space-lg: 1.5rem; 
  --space-xl: 2rem;
  --body-font-family: "Instrument Sans";
  --heading-font-family: "Sora";
  --font-primary: var(--body-font-family);
  --font-size-xs: 0.625rem;
  --font-size-caption-sm: 0.5rem;
  --font-size-caption-md: 0.5625rem;
  --font-size-caption: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-body-md: 0.9375rem;
  --font-size-base: 1rem;
  --font-size-base-plus: 1.05rem;
  --font-size-body-lg: 1.3125rem;
  --font-size-lg: 1.125rem;
  --font-size-lg-plus: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-xl-plus: 1.875rem;
  --font-size-2xl: 3rem;
  --font-size-display-lg: 4.5rem;
  --font-size-h6: 1rem;
  --font-size-h5: 1.25rem;
  --font-size-h4: 1.5rem;
  --font-size-h3: 2rem;
  --font-size-h2: 2.5rem;
  --font-size-h1: 4rem;
  --font-size-h4-plus: 1.625rem;
  --font-size-h3-plus: 2.1875rem;
  --breadcrumbs-height: 2.125rem;
  --header-height: var(--nav-height);
  --font-size-xxl: 1.75rem;
}

@media (width > 48rem) {
  :root {
    --section-top-btm-gap: 2.5rem;
    --campaign-nav-height: 6.375rem;
  }
}

@media (width >= 75rem) {
  :root {
    --nav-height: 7.125rem;
  }
}

@media (width >= 64rem) {
  :root {
    --nav-height: 5rem;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: var(--font-size-base);
}

body {
  display: none;
  margin: 0;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text);
  background-color: var(--color-white);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  line-height: var(--line-height-body);
  letter-spacing: var(--letter-spacing-body);
  text-align: left;
}

body.appear {
  display: block;
}

header {
  height: var(--nav-height);
}

header.campaign-header-wrapper {
  height: var(--campaign-nav-height);
}

header .header,
footer .footer {
  visibility: hidden;
}

header .header[data-block-status="loaded"],
footer .footer[data-block-status="loaded"] {
  visibility: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--space-md);
  line-height: var(--line-height-snug);
  font-family: var(--heading-font-family);
  font-weight: var(--font-weight-bold);
  font-kerning: normal;
  text-align: left;
}

h1,
h2 {
  font-family: var(--heading-font-family);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}

h1 {
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-bold);
}

h2 {
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-medium);
}

h3 {
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold);
}

h4 {
  font-size: var(--font-size-h4);
}

h5 {
  font-size: var(--font-size-h5);
}

h6 {
  font-size: var(--font-size-h6);
}

p {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-regular);
  margin: 0 0 var(--space-md);
  line-height: var(--line-height-body);
  text-align: left;
}

figcaption {
  font-family: var(--body-font-family);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
  color: var(--color-monotone-700);
  text-align: left;
}

dl,
ol,
ul,
pre,
blockquote {
  margin-top: 0.8em;
  margin-bottom: 0.25em;
}

code,
pre {
  font-size: var(--font-size-base);
}

pre {
  padding: var(--space-md);
  border-radius: var(--space-sm);
  background-color: var(--color-light);
  overflow-x: auto;
  white-space: pre;
}

a:any-link {
  color: var(--color-secondary-blue);
  font-size: var(--font-size-base);
  font-family: var(--font-primary);
  font-style: normal;
  cursor: pointer;
  font-weight: var(--font-weight-regular);
  overflow-wrap: break-word;
}

a:hover,
a:focus {
  color: var(--color-secondary-blue);
  text-decoration: underline;
}

body.blog-template .section-side-by-side .default-content-wrapper a:any-link {
  display: inline;
  background-color: transparent;
  color: var(--color-teal-700);
  border-radius: 0;
  padding: 0;
  margin: 0;
  font-size: inherit;
  font-weight: var(--font-weight-base);
  line-height: inherit;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  text-decoration: none;
  width: auto;
  max-width: none;
}

body.blog-template
  .section-side-by-side
  .default-content-wrapper
  a:any-link:hover,
body.blog-template
  .section-side-by-side
  .default-content-wrapper
  a:any-link:focus {
  text-decoration: underline;
  background-color: transparent;
}

/* stylelint-disable-next-line no-descending-specificity */
body.press-release-template
  .section-side-by-side
  .default-content-wrapper
  a:any-link {
  display: inline;
  background-color: transparent;
  color: var(--color-blue-500);
  border-radius: 0;
  padding: 0;
  margin: 0;
  font-size: inherit;
  font-weight: var(--font-weight-base);
  line-height: inherit;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  text-decoration: none;
  width: auto;
  max-width: none;
}

body.press-release-template
  .section-side-by-side
  .default-content-wrapper
  a:any-link:hover,
body.press-release-template
  .section-side-by-side
  .default-content-wrapper
  a:any-link:focus {
  text-decoration: underline;
  background-color: transparent;
}

body.whitepaper-template .meta-data-title-wrap :is(h1, h2, h3, h4, h5, h6),
body.whitepaper-template .meta-data-subtitle-wrap p,
body.whitepaper-template .meta-data-author,
body.case-studies-template .meta-data-title-wrap :is(h1, h2, h3, h4, h5, h6),
body.case-studies-template .meta-data-subtitle-wrap p,
body.case-studies-template .meta-data-author,
body.flyer-template .meta-data-title-wrap :is(h1, h2, h3, h4, h5, h6),
body.flyer-template .meta-data-subtitle-wrap p,
body.flyer-template .meta-data-author {
  color: var(--color-black);
}

body.brochure-template .meta-data-title-wrap :is(h1, h2, h3, h4, h5, h6),
body.brochure-template .meta-data-subtitle-wrap p,
body.brochure-template .meta-data-author {
  color: var(--color-white);
}

body.whitepaper-template .meta-data-meta-wrap,
body.case-studies-template .meta-data-meta-wrap,
body.brochure-template .meta-data-meta-wrap,
body.flyer-template .meta-data-meta-wrap {
  display: none;
}

strong {
  font-weight: var(--font-weight-bold);
}

small {
  font-size: var(--font-size-base);
}

ul,
ol {
  margin: 0 0 var(--space-md) var(--space-lg);
  padding: 0;
}

li {
  margin-bottom: var(--space-xs);
  font-size: var(--font-size-lg);
  line-height: 1.707;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--space-lg);
  font-size: var(--font-size-base);
}

th,
td {
  padding: var(--space-sm);
  border: 0.0625rem solid var(--color-border);
  text-align: left;
}

input,
select,
textarea,
button {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  border: 0.0625rem solid var(--color-border);
  padding: var(--space-sm);
  margin-bottom: var(--space-md);
  border-radius: var(--space-sm);
  background-color: var(--color-white);
  color: var(--color-text);
  width: 100%;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

@media screen and (1.4dppx <= resolution <= 1.7dppx) {
    body {
      zoom: 0.8;
    }
}

a.button:any-link,
button {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  margin: 0.75rem auto;
  border: none;
  padding: 0.9375rem 1.0625rem;
  font-family: var(--font-primary);
  font-style: normal;
  line-height: 150%;
  text-align: center;
  background-color: var(--color-primary-teal);
  color: var(--color-white);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all ease 0.2s;
  width: fit-content;
  border-radius: var(--radius-pill);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  text-decoration: none;
}

a.button:hover,
a.button:focus,
button:hover,
button:focus {
  background-color: var(--color-accent-teal-dark);
  cursor: pointer;
}

button:disabled,
button:disabled:hover {
  background-color: var(--color-light);
  cursor: unset;
}

a.button.primary,
button.primary {
  background-color: var(--color-primary-teal);
  color: var(--color-white);
}

a.button.primary:hover,
a.button.primary:focus,
button.primary:hover,
button.primary:focus {
  background-color: var(--color-primary-teal);
}

a.button.secondary,
button.secondary {
  background-color: var(--color-kinetic-spark);
  border: none;
  color: var(--color-white);
}

a.button.secondary:hover,
a.button.secondary:focus,
button.secondary:hover,
button.secondary:focus {
  background-color: var(--color-coral-600);
  border: none;
  color: var(--color-white);
}

a.button.bright-green,
button.bright-green {
  background-color: var(--color-white);
  border: none;
  color: var(--color-primary-teal);
}

.button-container {
  text-align: center;
}

main img,
main picture img {
  max-width: 100%;
  height: auto;
  display: block;
  border-style: none;
}

main picture {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.icon {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
}

.icon img {
  height: 100%;
  width: 100%;
}

main > .section {
  /* padding: var(--section-top-btm-gap) 0; */
  margin: 0;
}

main:has(.section:is(.two-col, .two-col-50-50, .two-col-40-60, .two-col-60-40)) {
  overflow-x: clip;
}

main > div {
  margin: var(--section-top-btm-gap) var(--space-md);
}

main > .section > div {
  max-width: var(--layout-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

main > .section:first-of-type {
  margin-top: 0;
  padding: 0;
}

main .section.fragment-container .section {
  background: none;
  padding-block: 0;
}

main .section.black-bg {
  background-color: var(--color-black);
}

main .section.navy-bg {
  background-color: var(--color-blue-500);
}

main .section.light-gray-bg {
  background-color: var(--color-monotone-100);
}

main .section.mist-gray-bg {
  background-color: var(--color-monotone-150);
}

main .section.sky-blue-bg {
  background-color: var(--color-secondary-blue);
}

main .section.vivid-blue-bg {
  background-color: var(--color-vivid-blue);
}

main .section.neon-mint-bg {
  background-color: var(--color-neon-mint);
}

main .section.charcoal-gray-bg {
  background-color: var(--color-neutral-800);
}

main .section.fade-gradient-border {
  border: 0 solid transparent;
  border-bottom-width: 1px;
  border-image-source: var(--gradient-border-fade);
  border-image-slice: 1;
}

main .section.cyan-teal-glass-gradient-bg {
  background-color: var(--color-black);
  background-image:
    url("../images/glass-bg.jpg"),
    var(--gradient-glass-scrim),
    linear-gradient(
      180deg,
      rgb(0 0 0 / 76%) 0%,
      rgb(0 0 0 / 52%) 38%,
      rgb(0 0 0 / 8%) 100%
    ),
    linear-gradient(
      270deg,
      color-mix(in srgb, var(--color-primary-teal) 90%, transparent) 0%,
      color-mix(in srgb, var(--color-primary-teal) 42%, transparent) 36%,
      color-mix(in srgb, var(--color-primary-teal) 0%, transparent) 76%
    ),
    linear-gradient(
      175.62deg,
      rgb(0 0 0 / 82%) 16%,
      color-mix(in srgb, var(--color-accent-teal-strong) 76%, transparent) 68%,
      color-mix(in srgb, var(--color-accent-teal) 76%, transparent) 101.58%
    );
  background-position: center;
  background-repeat: repeat-y, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 100% auto, cover, cover, cover, cover;
  background-blend-mode: multiply, normal, normal, normal, normal;
}

main .section.teal-glow-glass-gradient-bg {
  background-color: var(--color-black);
  background-image:
    url("../images/glass-bg.jpg"),
    var(--gradient-glass-scrim),
    linear-gradient(
      to top right,
      rgb(0 0 0 / 0%) 35%,
      rgb(0 0 0 / 55%) 70%,
      rgb(0 0 0 / 90%) 100%
    ),
    radial-gradient(
      120% 120% at 0% 100%,
      color-mix(in srgb, var(--color-primary-teal) 85%, transparent) 0%,
      color-mix(in srgb, var(--color-primary-teal) 60%, transparent) 70%,
      rgb(0 0 0 / 0%) 100%
    );
  background-position: center;
  background-repeat: repeat-y, no-repeat, no-repeat, no-repeat;
  background-size: 100% auto, cover, cover, cover;
  background-attachment: fixed;
  background-blend-mode: multiply, normal, normal, normal;
}

main .section.teal-glow-glass-gradient-bg .mobius .mobius-sticky {
  isolation: isolate;
}

main .section.teal-glow-glass-gradient-bg .mobius .mobius-sticky::before {
  content: "";
  position: absolute;
  top: 33.125rem;
  left: 50%;
  z-index: 0;
  width: 31.25rem;
  height: 15rem;
  opacity: 0;
  transform: translateX(-50%);
  background: url("../images/absolute-void.webp") center / contain no-repeat;
  transition: opacity 600ms cubic-bezier(0.22, 0.61, 0.36, 1);
  pointer-events: none;
}

main
  .section.teal-glow-glass-gradient-bg
  .mobius
  .mobius-root:not(.is-intro)
  .mobius-sticky::before {
  opacity: 1;
}

main .section.teal-glow-glass-gradient-bg .mobius .mobius-glass {
  z-index: 1;
}

main .section.coral-teal-gradient-bg {
  background-color: var(--color-accent-coral);
  background-image:
    url("../images/glass-bg.jpg"),
    var(--gradient-glass-scrim),
    linear-gradient(
      180deg,
      rgb(0 0 0 / 70%) 49%,
      color-mix(in srgb, var(--color-accent-teal-strong) 70%, transparent) 84%,
      color-mix(in srgb, var(--color-accent-teal) 70%, transparent) 100%
    ),
    linear-gradient(270deg, var(--color-primary-teal) 0%, rgb(0 0 0 / 0%) 100%);
  background-position: center;
  background-repeat: repeat-y, no-repeat, no-repeat, no-repeat;
  background-size: 100% auto, cover, cover, cover;
  background-blend-mode: multiply, normal, normal, normal;
}

main .section.teal-white-glass-gradient-bg {
  background-image:
    url("../images/glass-bg.jpg"),
    var(--gradient-glass-scrim),
    linear-gradient(
      195.61deg,
      var(--color-primary-teal) -0.53%,
      var(--color-white) 99.01%
    ),
    linear-gradient(
      -115.5deg,
      var(--color-primary-teal) 0.01%,
      var(--color-white) 90.56%
    );
  background-position: center;
  background-repeat: repeat-y, no-repeat, no-repeat, no-repeat;
  background-size: 100% auto, cover, cover, cover;
  background-blend-mode: multiply, normal, normal, normal;
}

main .section.dark-cyan-bg {
  background:
    linear-gradient(270deg, var(--color-primary-teal) 0%, rgb(0 0 0 / 0%) 100%),
    url("../images/testimonial.webp");
  background-size: cover;
  background-position: center;
}

main .section.sunset-glass-gradient-bg {
  background-color: var(--color-primary-teal);
  background-image:
    url("../images/glass-bg.jpg"),
    var(--gradient-glass-scrim),
    linear-gradient(
      90deg,
      var(--color-kinetic-spark) 0%,
      var(--color-kinetic-spark) 100%
    );
  background-position: center;
  background-repeat: repeat-y, no-repeat, no-repeat;
  background-size: 100% auto, cover, cover;
  background-blend-mode: multiply, normal, normal;
}

main .section.deep-aqua-grid-gradient-bg {
  background: url("../images/blue-cyan.webp") center/cover no-repeat fixed;
}

main .section.globe-banner {
  background: url("../images/global-banner.webp") center/cover no-repeat fixed;
}

main .section.mint-bg {
  background-color: var(--color-green-500);
}

main .section.light-mint-green-bg {
  background-color: var(--color-accent-mint);
}

main .section.pale-turquoise-bg {
  background-color: var(--color-turquoise-250);
}

main .section.neon-mint-white-bg {
  background: linear-gradient(
    260deg,
    var(--color-white) 7.53%,
    var(--color-neon-mint) 45.62%
  );
}

main .section.white-neon-mint-ltr-bg {
  background: linear-gradient(
    90deg,
    var(--color-white) 0%,
    var(--color-neon-mint) 100%
  );
}

main .section.white-neon-mint-diagonal-bg {
  background: linear-gradient(
    113.39deg,
    var(--color-white) 0%,
    var(--color-neon-mint) 206%
  );
}

main .section.ocean-teal-black-bg {
  background:
    linear-gradient(
      176deg,
      color-mix(in srgb, var(--color-accent-teal) 70%, transparent) 2.14%,
      color-mix(in srgb, var(--color-accent-teal-strong) 70%, transparent)
        35.61%,
      rgb(0 0 0 / 35%) 101.58%
    ),
    var(--color-black);
}

main .section.cloud-veil-bg {
  background-color: var(--color-neutral-200);
}

main .section.light-mint-bg {
  background-color: var(--color-light-mint);
}

main .section.accent-teal-bg {
  background-color: var(--color-accent-teal);
}

main .section.ocean-teal-blue-bg {
  background:
    linear-gradient(
      221deg,
      color-mix(in srgb, var(--color-accent-teal) 75%, transparent) 0%,
      color-mix(in srgb, var(--color-blue-500) 75%, transparent) 100%
    ),
    var(--color-black);
}

main .section.teal-navy-bg {
  background: linear-gradient(
    257deg,
    var(--color-primary-teal) 1.05%,
    var(--color-gradient-teal-blue) 23.51%,
    var(--color-gradient-deep-blue) 52.14%,
    var(--color-blue-500) 100%
  );
}

main .section.teal-blue-bg {
  background: linear-gradient(
    257deg,
    var(--color-primary-teal) 1.05%,
    var(--color-gradient-teal-blue) 26.23%,
    var(--color-blue-500) 100%
  );
}

main .section.teal-overlay-bg {
  background: linear-gradient(
    270deg,
    var(--color-primary-teal) 0%,
    rgb(0 0 0 / 0%) 100%
  );
  mix-blend-mode: overlay;
}

main .section.ocean-teal-black-soft-bg {
  background:
    linear-gradient(
      173deg,
      color-mix(in srgb, var(--color-accent-teal) 70%, transparent) 4.04%,
      color-mix(in srgb, var(--color-accent-teal-strong) 70%, transparent)
        49.66%,
      rgb(0 0 0 / 35%) 96.58%
    ),
    var(--color-black);
}

main .section.ocean-teal-black-diagonal-bg {
  background:
    linear-gradient(
      38deg,
      color-mix(in srgb, var(--color-accent-teal) 70%, transparent) 0%,
      color-mix(in srgb, var(--color-accent-teal-strong) 70%, transparent)
        25.48%,
      rgb(0 0 0 / 35%) 100%
    ),
    var(--color-black);
}

main .section.ocean-teal-blue-soft-bg {
  background:
    linear-gradient(
      218deg,
      color-mix(in srgb, var(--color-accent-teal) 70%, transparent) -0.61%,
      color-mix(in srgb, var(--color-blue-500) 70%, transparent) 100.14%
    ),
    var(--color-black);
}

main .section.navy-blue-teal-bg {
  background:
    linear-gradient(
      265deg,
      color-mix(in srgb, var(--color-accent-teal) 100%, transparent) 0%,
      color-mix(in srgb, var(--color-blue-500) 80%, transparent) 71.47%
    ),
    var(--color-black);
}

main .section.dark-ocean-navy-blue-gradient-bg {
  background: linear-gradient(
    257deg,
    var(--color-primary-teal) 1.05%,
    var(--color-gradient-teal-blue) 23.51%,
    var(--color-gradient-deep-blue) 52.14%,
    var(--color-blue-500) 100%
  );
}

main .section.luminous-teal-ocean-black-gradient-bg {
  background:
    linear-gradient(
      173deg,
      color-mix(in srgb, var(--color-primary-teal) 70%, transparent) 4.04%,
      color-mix(in srgb, var(--color-accent-teal-strong) 70%, transparent) 49.66%,
      color-mix(in srgb, var(--color-black) 35%, transparent) 96.58%
    ),
    var(--color-black);
}

main .section.teal-blue-gradient-bg {
  background: linear-gradient(
    273deg,
    var(--color-deep-navy),
    var(--color-accent-teal) 100%
  );
}

main .section.gradient-deep-ocean {
  margin: 0;
  padding: 0;
  background:
    radial-gradient(
      circle 18.75rem at 50% 88%,
      rgb(239 102 67 / 25%) 0%,
      rgb(239 102 67 / 25%) 30%,
      rgb(239 102 67 / 15%) 55%,
      transparent 80%
    ),
    linear-gradient(
      175.62deg,
      rgb(1 156 166 / 70%) 2.14%,
      rgb(1 90 96 / 70%) 35.61%,
      rgb(0 0 0 / 35%) 101.58%
    ),
    linear-gradient(0deg, var(--color-black) 0%, var(--color-black) 100%);
  background-repeat: no-repeat;
}

main .section.teal-vignette-glass-gradient-bg {
  background-color: var(--color-black);
  background-image:
    var(--gradient-glass-scrim),
    url("../images/glass-bg.jpg"),
    linear-gradient(
      328.11deg,
      var(--color-vivid-cyan) 0.05%,
      var(--color-blue-500) 89.92%
    );
  background-position: center;
  background-repeat: no-repeat, repeat-y, no-repeat;
  background-size: cover, 100% auto, cover;
  background-blend-mode: overlay, multiply, normal;
}

main .section.deep-teal-glass-gradient-bg {
  background-color: var(--color-black);
  background-image:
    linear-gradient(0deg, var(--color-primary-teal) 0%, rgb(0 0 0 / 0%) 100%),
    url("../images/glass-bg.jpg"),
    var(--gradient-glass-scrim),
    linear-gradient(
      45.3deg,
      var(--color-primary-teal) 0.78%,
      var(--color-black) 89.73%
    );
  background-position: center;
  background-repeat: no-repeat, repeat-y, no-repeat, no-repeat;
  background-size: cover, 100% auto, cover, cover;
  background-blend-mode: overlay, multiply, normal, normal;
}

main .section.transparent-bg {
  background: transparent;
}

main .section.teal-deep-blue-gradient-bg {
  background: linear-gradient(
    265.11deg,
    var(--color-accent-teal) 0%,
    color-mix(in srgb, var(--color-blue-500) 80%, transparent) 71.47%
  );
}

main .section.teal-black-gradient-bg {
  background: var(--gradient-teal-black);
}

main .section[class*="motion-bg"] {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

main .section .section-motion-video {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  main .section .section-motion-video {
    display: none;
  }
}

main .section.w-100 > div {
  max-width: 100%;
}

main .section.w-70-left > div {
  max-width: 65%;
  margin-left: 0;
  margin-right: auto;
}

main .section.w-25-right > div {
  max-width: 25%;
  margin-left: auto;
  margin-right: 0;
}

main .section.w-50-left > div {
  max-width: 50%;
  margin-left: 0;
  margin-right: auto;
}

main .section.w-50-right > div {
  max-width: 50%;
  margin-left: auto;
  margin-right: 0;
}

.section-side-by-side {
  display: flex;
  align-items: stretch;
  gap: 3.5rem;
  overflow: clip;
  box-sizing: border-box;
  padding: 2.5rem 1.5rem;
  max-width: var(--layout-width);
  margin: 0 auto;
  justify-content: flex-start;
}

.section-side-by-side:has(.section.w-50-right) {
  gap: 2rem;
}

.section-side-by-side .section.w-70-left {
  flex: 0 0 70%;
  max-width: 70%;
}

.section-side-by-side .section.w-25-right {
  flex: 1 1 0;
  min-width: 0;
  padding: 1.25rem;
  box-sizing: border-box;
}

body.case-studies-template .section-side-by-side .section.w-70-left {
  flex: 0 0 63%;
  max-width: 63%;
}

body.case-studies-template .section-side-by-side .section.w-25-right {
  flex: 1 1 0;
  min-width: 0;
  background: color-mix(in srgb, var(--color-accent-mint) 50%, transparent);
}

.section-side-by-side .section.w-50-left,
.section-side-by-side .section.w-50-right {
  flex: 0 0 calc(50% - 1rem);
  max-width: calc(50% - 1rem);
}

body.blog-template .section-side-by-side .section.w-25-right {
  background: var(--color-pale-mint);
}

body.blog-template
  .section-side-by-side
  .section.w-70-left
  :is(h1, h2, h3, h4, h5, h6) {
  color: var(--color-primary-teal);
}

body.blog-template
  .section-side-by-side
  .section.w-70-left
  .pull-quote {
  color: var(--color-primary-teal);
}

body.press-release-template .section-side-by-side .section.w-25-right {
  background: color-mix(in srgb, var(--color-accent-blue) 30%, transparent);
}

body.press-release-template
  .section-side-by-side
  .section.w-70-left
  :is(h1, h2, h3, h4, h5, h6) {
  color: var(--color-blue-500);
}

body.press-release-template
  .section-side-by-side
  .section.w-70-left
  .pull-quote {
  color: var(--color-blue-500);
}

body.blog-template .toc,
body.blog-template .social-share,
body.blog-template .subscribe-card {
  border-color: var(--color-accent-teal);
}

body.blog-template .tags .tags-item {
  background: var(--color-accent-teal);
  color: var(--color-white);
  padding: 0.35rem 1rem;
  border: none;
  font-size: 0.8125rem;
}

body.press-release-template .tags .tags-item {
  background: var(--color-blue-500);
  color: var(--color-white);
  padding: 0.35rem 1rem;
  border: none;
  font-size: 0.8125rem;
}

body.press-release-template .toc,
body.press-release-template .social-share,
body.press-release-template .subscribe-card {
  border: 0.0625rem solid var(--color-blue-500);
}

body.blog-template .toc-title p,
body.blog-template .social-share-title p,
body.blog-template .subscribe-card-title p {
  color: var(--color-teal-700);
}

body.blog-template .button-container {
  text-align: left;
}

body.press-release-template .button-container {
  text-align: left;
}

body.blog-template .section.media-text-container .text-cta-wrapper,
body.press-release-template .section.media-text-container .text-cta-wrapper {
  padding-left: 0;
}

body.blog-template .media-text picture,
body.blog-template .media-text img,
body.blog-template .media-text iframe,
body.blog-template .media-text video,
body.press-release-template .media-text picture,
body.press-release-template .media-text img,
body.press-release-template .media-text iframe,
body.press-release-template .media-text video {
  display: block;
  width: auto;
  max-width: 100%;
}

body.blog-template .table.block .list-table-title,
body.blog-template .table.block .list-table-title :where(h1, h2, h3, h4, h5, h6),
body.press-release-template .table.block .list-table-title,
body.press-release-template .table.block .list-table-title :where(h1, h2, h3, h4, h5, h6) {
  text-align: center;
  font-size: 1rem;
}

body.press-release-template a.button:any-link {
  background-color: var(--color-blue-500);
}

body.press-release-template .toc-title p,
body.press-release-template .social-share-title p,
body.press-release-template .subscribe-card-title p {
  color: var(--color-blue-500);
}

body.press-release-template .subscribe-card-btn {
  background-color: var(--color-blue-500);
}

body.press-release-template .subscribe-card-btn:hover,
body.press-release-template .subscribe-card-btn:focus-visible {
  background-color: var(--color-blue-600);
}

body.press-release-template .social-share .social-share-links img,
body.press-release-template .social-share .social-share-links picture,
body.press-release-template .social-share .social-share-copy-btn img,
body.press-release-template .social-share .social-share-copy-btn picture {
  filter: invert(54%) sepia(94%) saturate(2967%) hue-rotate(196deg)
    brightness(102%) contrast(101%);
}

body.whitepaper-template .section-side-by-side .section.w-50-right {
  background: var(--color-scrim-faint);
  padding: 2.75rem 2.0625rem;
}

body.brochure-template .section-side-by-side .section.w-50-right {
  padding: 2.75rem 2.0625rem;
  background: color-mix(in srgb, var(--color-vivid-blue) 10%, transparent);
}

body.flyer-template .section-side-by-side .section.w-50-right {
  padding: 2.75rem 2.0625rem;
  background: color-mix(in srgb, var(--color-neon-mint) 15%, transparent);
}

body.whitepaper-template .resources-contact-form {
  max-width: 100%;
  margin-bottom: 1.125rem;
}

body.whitepaper-template .resources-contact-form-form {
  padding: 0 0.8125rem;
}

body.whitepaper-template .subscribe-card {
  max-width: none;
  width: 100%;
  margin-bottom: 1.125rem;
}

body.whitepaper-template .subscribe-card .subscribe-card-title {
  margin-bottom: 0.625rem;
}

body.whitepaper-template .subscribe-card .subscribe-card-title p {
  margin-bottom: 0;
  color: var(--color-black);
}

body.whitepaper-template .subscribe-card .subscribe-card-form {
  align-items: center;
  gap: 0.625rem;
}

body.whitepaper-template .subscribe-card .subscribe-card-btn {
  background-color: var(--color-black);
  color: var(--color-white);
}

body.case-studies-template .subscribe-card .subscribe-card-btn {
  background-color: var(--color-cyan-teal);
  color: var(--color-white);
}

body.whitepaper-template .subscribe-card .subscribe-card-btn:hover,
body.whitepaper-template .subscribe-card .subscribe-card-btn:focus-visible {
  background-color: var(--color-black);
}

body.whitepaper-template .social-share {
  width: fit-content;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin: 0 auto;
}

body.whitepaper-template .social-share .social-share-title p {
  color: var(--color-teal-700);
}

body.whitepaper-template .social-share .social-share-links img,
body.whitepaper-template .social-share .social-share-links picture {
  filter: brightness(0);
}

body.brochure-template .resources-contact-form {
  max-width: 100%;
  margin-bottom: 1.125rem;
}

body.brochure-template .resources-contact-form-form {
  padding: 0 0.8125rem;
}

body.brochure-template .subscribe-card {
  max-width: none;
  width: 100%;
  margin-bottom: 1.125rem;
  border: 0.0625rem solid var(--color-vivid-blue);
}

body.brochure-template .subscribe-card .subscribe-card-title {
  margin-bottom: 0.625rem;
}

body.brochure-template .subscribe-card .subscribe-card-title p {
  margin-bottom: 0;
  color: var(--color-vivid-blue);
}

body.brochure-template .subscribe-card .subscribe-card-form {
  align-items: center;
  gap: 0.625rem;
}

/* stylelint-disable-next-line no-descending-specificity */
body.brochure-template .subscribe-card .subscribe-card-btn {
  background-color: var(--color-vivid-blue);
  color: var(--color-white);
}

body.brochure-template .subscribe-card .subscribe-card-btn:hover,
body.brochure-template .subscribe-card .subscribe-card-btn:focus-visible {
  background-color: var(--color-vivid-blue);
}

body.brochure-template a.button:any-link {
  background-color: var(--color-vivid-blue);
  color: var(--color-white);
  border: 0.0625rem solid var(--color-vivid-blue);
}

body.brochure-template .resources-contact-form-submit {
  background: var(--color-vivid-blue);
  border: 0.0625rem solid var(--color-vivid-blue);
}

body.brochure-template
  .resources-contact-form
  .resources-contact-form-submit:hover,
body.brochure-template
  .resources-contact-form
  .resources-contact-form-submit:focus {
  background: var(--color-vivid-blue);
}

body.flyer-template .resources-contact-form {
  max-width: 100%;
  margin-bottom: 1.125rem;
}

/* stylelint-disable-next-line no-descending-specificity */
body.flyer-template .resources-contact-form-submit {
  background: var(--color-neon-mint);
  color: var(--color-black);
  border: 0.0625rem solid var(--color-neon-mint);
}

body.flyer-template
  .resources-contact-form
  .resources-contact-form-submit:hover,
body.flyer-template
  .resources-contact-form
  .resources-contact-form-submit:focus {
  background: var(--color-neon-mint);
}

body.flyer-template .subscribe-card {
  max-width: none;
  width: 100%;
  margin-bottom: 1.125rem;
  border: 0.0625rem solid var(--color-neon-mint);
}

body.flyer-template .subscribe-card .subscribe-card-title {
  margin-bottom: 0.625rem;
}

body.flyer-template .subscribe-card .subscribe-card-title p {
  margin-bottom: 0;
  color: var(--color-black);
}

body.flyer-template .subscribe-card .subscribe-card-form {
  align-items: center;
  gap: 0.625rem;
}

/* stylelint-disable-next-line no-descending-specificity */
body.flyer-template .subscribe-card .subscribe-card-btn {
  background-color: var(--color-neon-mint);
  color: var(--color-black);
}

body.flyer-template .subscribe-card .subscribe-card-btn:hover,
body.flyer-template .subscribe-card .subscribe-card-btn:focus-visible {
  background-color: var(--color-neon-mint);
}

body.flyer-template .social-share {
  width: fit-content;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin: 0 auto;
}

body.flyer-template .social-share .social-share-title p {
  color: var(--color-teal-700);
}

body.flyer-template .social-share .social-share-links img,
body.flyer-template .social-share .social-share-links picture {
  filter: brightness(0);
}

body.brochure-template .social-share {
  width: fit-content;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin: 0 auto;
  border: 0.0625rem solid var(--color-vivid-blue);
}

body.brochure-template .social-share .social-share-title p {
  color: var(--color-vivid-blue);
}

body.brochure-template .social-share .social-share-links img,
body.brochure-template .social-share .social-share-links picture,
body.brochure-template .social-share .social-share-copy-btn img,
body.brochure-template .social-share .social-share-copy-btn picture {
  filter: brightness(0) saturate(100%) invert(31%) sepia(98%) saturate(2402%)
    hue-rotate(201deg) brightness(103%) contrast(101%);
}

body.case-studies-template .resources-contact-form {
  max-width: 100%;
  margin-bottom: 1.125rem;
}

/* stylelint-disable-next-line no-descending-specificity */
body.case-studies-template .resources-contact-form-submit {
  background: var(--color-accent-teal);
}

body.case-studies-template
  .resources-contact-form
  .resources-contact-form-submit:hover,
body.case-studies-template
  .resources-contact-form
  .resources-contact-form-submit:focus {
  background: var(--color-accent-teal);
}

body.case-studies-template .subscribe-card {
  max-width: none;
  width: 100%;
  margin-bottom: 1.125rem;
  border: 0.0625rem solid var(--color-cyan-teal);
}

body.case-studies-template .subscribe-card .subscribe-card-title {
  margin-bottom: 0.625rem;
}

body.case-studies-template .subscribe-card .subscribe-card-title p {
  margin-bottom: 0;
  color: var(--color-cyan-teal);
}

body.case-studies-template .subscribe-card .subscribe-card-form {
  align-items: center;
  gap: 0.625rem;
}

body.case-studies-template .subscribe-card .subscribe-card-btn:hover,
body.case-studies-template .subscribe-card .subscribe-card-btn:focus-visible {
  background-color: var(--color-cyan-teal);
}

body.case-studies-template .social-share {
  width: fit-content;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin: 0 auto;
  border: 0.0625rem solid var(--color-cyan-teal);
}

body.case-studies-template .social-share .social-share-title p {
  color: var(--color-cyan-teal);
}

body.case-studies-template .social-share .social-share-links img,
body.case-studies-template .social-share .social-share-links picture {
  filter: invert(44%) sepia(97%) saturate(2258%) hue-rotate(156deg)
    brightness(91%) contrast(105%);
}

body.press-release-template
  .social-share
  .social-share-copy-btn.social-share-copied::after {
  color: var(--color-icon-blue);
}

body.press-release-template .social-share-toast {
  background-color: var(--color-icon-blue);
}

body.press-release-template .related-cards .related-cards-card {
  border: 0.0625rem solid var(--color-blue-500);
}

body.press-release-template .related-cards .related-cards-card-badge {
  background-color: var(--color-blue-500);
}

body.blog-template .section.w-70-left h1,
body.press-release-template .section.w-70-left h1 {
  font-family: var(--heading-font-family);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-heading);
  letter-spacing: 0;
  color: var(--color-black);
}

body.blog-template .section.w-70-left h2,
body.press-release-template .section.w-70-left h2 {
  font-family: var(--heading-font-family);
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-bold);
  line-height: 1.9031rem;
  letter-spacing: 0;
  color: var(--color-text-charcoal);
}

body.blog-template .section.w-70-left h3,
body.press-release-template .section.w-70-left h3 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: 1.45;
  color: var(--color-text-charcoal);
}

body.blog-template .section.w-70-left p,
body.press-release-template .section.w-70-left p {
  font-size: var(--font-size-lg);
  line-height: 1.707;
  color: var(--color-black);
}

body.whitepaper-template .section.w-50-left h1,
body.case-studies-template .section.w-70-left h1,
body.brochure-template .section.w-50-left h1,
body.flyer-template .section.w-50-left h1 {
  font-family: var(--heading-font-family);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-heading);
  letter-spacing: 0;
  color: var(--color-black);
}

body.whitepaper-template .section.w-50-left h2,
body.case-studies-template .section.w-70-left h2,
body.brochure-template .section.w-50-left h2,
body.flyer-template .section.w-50-left h2 {
  font-family: var(--heading-font-family);
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-bold);
  line-height: 1.9031rem;
  letter-spacing: 0;
  color: var(--color-text-charcoal);
}

body.whitepaper-template .section.w-50-left h3,
body.case-studies-template .section.w-70-left h3,
body.brochure-template .section.w-50-left h3,
body.flyer-template .section.w-50-left h3 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  line-height: 1.45;
  color: var(--color-text-charcoal);
}

body.whitepaper-template .section.w-50-left p:not(.text-cta-content p),
body.case-studies-template .section.w-70-left p:not(.text-cta-content p),
body.brochure-template .section.w-50-left p:not(.text-cta-content p),
body.flyer-template .section.w-50-left p:not(.text-cta-content p) {
  font-family: var(--body-font-family);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-regular);
  line-height: 1.75rem;
  letter-spacing: 0;
  color: var(--color-black);
}

main .section.flex-col-8-2 > div,
main .section.flex-col-7-3 > div,
main .section.cols-3 > div {
  display: flex;
  flex-direction: column;
}

main .section.flex-col-8-2 > div > *,
main .section.flex-col-7-3 > div > *,
main .section.cols-3 > div > * {
  width: 100%;
}

main
  .section:not(.fragment-container):is(
    .two-col,
    .two-col-50-50,
    .two-col-40-60,
    .two-col-60-40
  ) {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: var(--layout-width);
  margin: 0 auto;
  padding-inline: 1.5rem;
  position: relative;
  isolation: isolate;
}

main
  .section:not(.fragment-container):is(
    .two-col,
    .two-col-50-50,
    .two-col-40-60,
    .two-col-60-40
  )
  > div {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Quality-by-numbers layout: applies only to the authored 40:60 section
   containing Custom Text followed by Metrices. */
main .section.two-col-40-60:has(> div:first-child .custom-text):has(> div:nth-child(2) .metrices) {
  background-color: var(--color-green-500);
}

@media (width >= 56.25rem) {
  main
    .section:not(.fragment-container):is(
      .two-col,
      .two-col-50-50,
      .two-col-40-60,
      .two-col-60-40
    ) {
    padding-inline: 2rem;
  }
}

main .section.flex-col-8-2 > div > :first-child,
main .section.flex-col-7-3 > div > :first-child {
  order: 1;
}

main .section.flex-col-8-2 > div > :nth-child(2),
main .section.flex-col-7-3 > div > :nth-child(2) {
  order: 2;
}

main .section.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.section-side-by-side .section > .section-inner {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.section-side-by-side .section.w-25-right > .section-inner {
  position: sticky;
  top: calc(var(--header-height) + 1rem);
  align-self: flex-start;
}

.section-side-by-side .section.w-50-right > .section-inner {
  position: sticky;
  top: calc(var(--header-height) + 1.5rem);
  align-self: flex-start;
}

/* stylelint-disable no-descending-specificity */
.section-side-by-side .section.w-70-left > .section-inner > div,
.section-side-by-side .section.w-25-right > .section-inner > div,
.section-side-by-side .section.w-50-left > .section-inner > div,
.section-side-by-side .section.w-50-right > .section-inner > div {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

main
  .section:not(.fragment-container):is(
    .two-col,
    .two-col-50-50,
    .two-col-40-60,
    .two-col-60-40
  )::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: inherit;
  z-index: -1;
  pointer-events: none;
}
/* stylelint-enable no-descending-specificity */

main
  .section.text-center-align
  .default-content-wrapper
  > :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul,
    ol,
    blockquote,
    figcaption,
    a:not(.button)
  ) {
  text-align: center;
}

main .section.btn-center-align .default-content-wrapper .button-container,
main .section.btn-center-align .default-content-wrapper p.button-container,
main .section.btn-center-align .default-content-wrapper .button-wrapper {
  display: flex;
  justify-content: center;
}

main
  .section.btn-center-align
  .default-content-wrapper
  .button-container
  .button,
main .section.btn-center-align .default-content-wrapper .button-wrapper .button,
main
  .section.btn-center-align
  .default-content-wrapper
  p.button-container
  .button,
main .section.btn-center-align .default-content-wrapper button {
  display: block;
  width: fit-content;
  margin: 0 auto;
}

main
  .section:not(.fragment-container):is(
    .two-col,
    .two-col-50-50,
    .two-col-40-60,
    .two-col-60-40
  )
  .custom-text
  .button-container {
  text-align: left;
  margin-top: var(--space-lg);
}

main
  .section:not(.fragment-container):is(
    .two-col,
    .two-col-50-50,
    .two-col-40-60,
    .two-col-60-40
  )
  .custom-text
  .button-container
  .button {
  margin-left: 0;
  margin-right: 0;
}

main
  .section.title-center-align
  .default-content-wrapper
  > :is(h1, h2, h3, h4, h5, h6) {
  text-align: center;
}

main
  .section.heading-left-align
  .default-content-wrapper
  > :is(h1, h2, h3, h4, h5, h6) {
  text-align: left;
}

main
  .section.white-cyan-title
  .default-content-wrapper
  > :is(h1, h2, h3, h4, h5, h6) {
  color: var(--color-white);
}

main
  .section.white-cyan-title
  .default-content-wrapper
  > :is(h1, h2, h3, h4, h5, h6)
  :is(strong, b) {
  color: var(--color-primary-teal);
  font-weight: var(--font-weight-base);
}

main
  .section.black-cyan-title
  .default-content-wrapper
  > :is(h1, h2, h3, h4, h5, h6) {
  color: var(--color-text);
}

main
  .section.black-cyan-title
  .default-content-wrapper
  > :is(h1, h2, h3, h4, h5, h6)
  :is(strong, b) {
  color: var(--color-primary-teal);
  font-weight: var(--font-weight-base);
}

main
  .section.cyan-heading
  .default-content-wrapper
  > :is(h1, h2, h3, h4, h5, h6) {
  color: var(--color-primary-teal);
}

main .section.pt-80 {
  padding-top: 5rem;
}

main .section.pb-80 {
  padding-bottom: 5rem;
}

main .section.py-80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

main .section.pt-40 {
  padding-top: 2.5rem;
}

main .section.pb-40 {
  padding-bottom: 2.5rem;
}

main .section.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

main .section.pt-0 {
  padding-top: 0;
}

main .section.pb-0 {
  padding-bottom: 0;
}

main .section.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

main .section.pt-24 {
  padding-top: 1.5rem;
}

main .section.pb-24 {
  padding-bottom: 1.5rem;
}

main .section.py-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (width >= 56.25rem) {
  body[data-breadcrumbs] {
    --header-height: calc(var(--nav-height) + var(--breadcrumbs-height));
  }

  main > .section > div {
    padding: 0 2rem;
  }

  .section-side-by-side {
    padding: 2.5rem 2rem;
  }
}

@media (width >= 48rem) {
  main .section.flex-col-8-2 > div,
  main .section.flex-col-7-3 > div,
  main .section.cols-3 > div {
    flex-direction: row;
  }

  main .section.flex-col-8-2 > div {
    gap: 2rem;
  }

  main .section.flex-col-8-2 > div > :first-child {
    flex: 0 1 calc(80% - 1rem);
    max-width: calc(80% - 1rem);
  }

  main .section.flex-col-8-2 > div > :nth-child(2) {
    flex: 0 1 calc(20% - 1rem);
    max-width: calc(20% - 1rem);
  }

  main .section.flex-col-7-3 > div {
    gap: 2rem;
  }

  main .section.flex-col-7-3 > div > :first-child {
    flex: 0 1 calc(70% - 1rem);
    max-width: calc(70% - 1rem);
  }

  main .section.flex-col-7-3 > div > :nth-child(2) {
    flex: 0 1 calc(30% - 1rem);
    max-width: calc(30% - 1rem);
  }

  main .section.cols-3 > div {
    gap: 2rem;
  }

  main .section.cols-3 > div > * {
    flex: 1 1 0;
    max-width: calc((100% - 4rem) / 3);
  }

  main
    .section:not(.fragment-container):is(
      .two-col,
      .two-col-50-50,
      .two-col-40-60,
      .two-col-60-40
    ) {
    flex-direction: row;
    align-items: flex-start;
    gap: 2rem;
  }

  main
    .section:not(.fragment-container):is(.two-col, .two-col-50-50)
    > div:first-child,
  main
    .section:not(.fragment-container):is(.two-col, .two-col-50-50)
    > div:nth-child(2) {
    flex: 0 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }

  main .section:not(.fragment-container).two-col-40-60 > div:first-child {
    flex: 0 1 calc(40% - 1rem);
    max-width: calc(40% - 1rem);
  }

  main .section:not(.fragment-container).two-col-40-60 > div:nth-child(2) {
    flex: 0 1 calc(60% - 1rem);
    max-width: calc(60% - 1rem);
  }

  main .section:not(.fragment-container).two-col-60-40 > div:first-child {
    flex: 0 1 calc(60% - 1rem);
    max-width: calc(60% - 1rem);
  }

  main .section:not(.fragment-container).two-col-60-40 > div:nth-child(2) {
    flex: 0 1 calc(40% - 1rem);
    max-width: calc(40% - 1rem);
  }

  /* Quality-by-numbers desktop layout. */
  main .section.two-col-40-60:has(> div:first-child .custom-text):has(> div:nth-child(2) .metrices) {
    align-items: center;
    gap: clamp(3rem, 10.06vw, 11.75rem);
    padding-block: var(--space-xl);
  }

  main .section.two-col-40-60:has(> div:first-child .custom-text):has(> div:nth-child(2) .metrices) > div:first-child {
    flex: 0 1 calc(40% - clamp(1.2rem, 5.22vw, 4.7rem));
    max-width: calc(40% - clamp(1.2rem, 5.22vw, 4.7rem));
  }

  main .section.two-col-40-60:has(> div:first-child .custom-text):has(> div:nth-child(2) .metrices) > div:nth-child(2) {
    flex: 0 1 calc(60% - clamp(1.8rem, 7.84vw, 7.05rem));
    max-width: calc(60% - clamp(1.8rem, 7.84vw, 7.05rem));
  }

  main .section.hide-desktop {
    display: none;
  }
}

@media (width < 48rem) {
  a.button:any-link,
  button {
    padding: 0.8125rem 1.375rem;
    font-size: var(--font-size-sm);
  }

  main .section.hide-mobile {
    display: none;
  }

  main .section.cyan-teal-glass-gradient-bg {
    background-image:
      url("../images/galss-bg-mobile.jpg"),
      var(--gradient-glass-scrim),
      linear-gradient(
        180deg,
        rgb(0 0 0 / 76%) 0%,
        rgb(0 0 0 / 52%) 38%,
        rgb(0 0 0 / 8%) 100%
      ),
      linear-gradient(
        270deg,
        color-mix(in srgb, var(--color-primary-teal) 90%, transparent) 0%,
        color-mix(in srgb, var(--color-primary-teal) 42%, transparent) 36%,
        color-mix(in srgb, var(--color-primary-teal) 0%, transparent) 76%
      ),
      linear-gradient(
        175.62deg,
        rgb(0 0 0 / 82%) 16%,
        color-mix(in srgb, var(--color-accent-teal-strong) 76%, transparent) 68%,
        color-mix(in srgb, var(--color-accent-teal) 76%, transparent) 101.58%
      );
  }

  main .section.coral-teal-gradient-bg {
    background-image:
      url("../images/galss-bg-mobile.jpg"),
      var(--gradient-glass-scrim),
      linear-gradient(
        180deg,
        rgb(0 0 0 / 70%) 49%,
        color-mix(in srgb, var(--color-accent-teal-strong) 70%, transparent) 84%,
        color-mix(in srgb, var(--color-accent-teal) 70%, transparent) 100%
      ),
      linear-gradient(
        270deg,
        var(--color-primary-teal) 0%,
        rgb(0 0 0 / 0%) 100%
      );
  }

  main .section.sunset-glass-gradient-bg {
    background-color: var(--color-primary-teal);
    background-image:
      url("../images/galss-bg-mobile.jpg"),
      var(--gradient-glass-scrim),
      linear-gradient(
        90deg,
        var(--color-kinetic-spark) 0%,
        var(--color-kinetic-spark) 100%
      );
    background-blend-mode: multiply, normal, normal;
  }

  main .section.teal-vignette-glass-gradient-bg {
    background-image:
      linear-gradient(
        270deg,
        var(--color-primary-teal) 0%,
        rgb(0 0 0 / 0%) 100%
      ),
      url("../images/galss-bg-mobile.jpg"),
      linear-gradient(
        328.11deg,
        var(--color-vivid-cyan) 0.05%,
        var(--color-blue-500) 89.92%
      );
    background-blend-mode: overlay, multiply, normal;
  }

  main .section.deep-teal-glass-gradient-bg {
    background-image:
      linear-gradient(0deg, var(--color-primary-teal) 0%, rgb(0 0 0 / 0%) 100%),
      url("../images/galss-bg-mobile.jpg"),
      var(--gradient-glass-scrim),
      linear-gradient(
        45.3deg,
        var(--color-primary-teal) 0.78%,
        var(--color-black) 89.73%
      );
    background-blend-mode: overlay, multiply, normal, normal;
  }

  main .section.teal-glow-glass-gradient-bg {
    background-image:
      url("../images/galss-bg-mobile.jpg"),
      var(--gradient-glass-scrim),
      linear-gradient(
        to top right,
        rgb(0 0 0 / 0%) 35%,
        rgb(0 0 0 / 55%) 70%,
        rgb(0 0 0 / 90%) 100%
      ),
      radial-gradient(
        120% 120% at 0% 100%,
        color-mix(in srgb, var(--color-primary-teal) 85%, transparent) 0%,
        color-mix(in srgb, var(--color-primary-teal) 60%, transparent) 70%,
        rgb(0 0 0 / 0%) 100%
      );
  }

  main .section.teal-white-glass-gradient-bg {
    background-image:
      url("../images/galss-bg-mobile.jpg"),
      var(--gradient-glass-scrim),
      linear-gradient(
        195.61deg,
        var(--color-primary-teal) -0.53%,
        var(--color-white) 99.01%
      ),
      linear-gradient(
        -115.5deg,
        var(--color-primary-teal) 0.01%,
        var(--color-white) 90.56%
      );
  }

  main .section.pt-80 {
    padding-top: 1.5rem;
  }

  main .section.pb-80 {
    padding-bottom: 1.5rem;
  }

  main .section.py-80 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  main .section.pt-40 {
    padding-top: 1.5rem;
  }

  main .section.pb-40 {
    padding-bottom: 1.5rem;
  }

  main .section.py-40 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

@media (width < 64rem) {
  :is(
      body.blog-template,
      body.whitepaper-template,
      body.press-release-template,
      body.case-studies-template
    )
    .section.w-70-left
    > div,
  :is(
      body.blog-template,
      body.whitepaper-template,
      body.press-release-template,
      body.case-studies-template
    )
    .section.w-25-right
    > div,
  :is(
      body.blog-template,
      body.whitepaper-template,
      body.press-release-template,
      body.case-studies-template,
      body.brochure-template,
      body.flyer-template
    )
    .section.w-50-left
    > div,
  :is(
      body.blog-template,
      body.whitepaper-template,
      body.press-release-template,
      body.case-studies-template,
      body.brochure-template,
      body.flyer-template
    )
    .section.w-50-right
    > div {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  :is(
      body.blog-template,
      body.whitepaper-template,
      body.press-release-template,
      body.case-studies-template,
      body.brochure-template,
      body.flyer-template
    )
    .section-side-by-side {
    padding: 1.5rem;
    flex-direction: column;
    gap: 2rem;
  }

  :is(
      body.blog-template,
      body.whitepaper-template,
      body.press-release-template,
      body.case-studies-template
    )
    .section-side-by-side
    .section.w-70-left {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  body.case-studies-template .section-side-by-side .section.w-70-left {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  :is(
      body.blog-template,
      body.whitepaper-template,
      body.press-release-template,
      body.case-studies-template
    )
    .section-side-by-side
    .section.w-25-right {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  body.case-studies-template .section-side-by-side .section.w-25-right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  :is(
      body.blog-template,
      body.whitepaper-template,
      body.press-release-template,
      body.case-studies-template
    )
    .section-side-by-side
    .section.w-25-right
    > .section-inner {
    position: static;
  }

  :is(
      body.blog-template,
      body.whitepaper-template,
      body.press-release-template,
      body.case-studies-template,
      body.brochure-template,
      body.flyer-template
    )
    .section-side-by-side
    .section.w-50-left,
  :is(
      body.blog-template,
      body.whitepaper-template,
      body.press-release-template,
      body.case-studies-template,
      body.brochure-template,
      body.flyer-template
    )
    .section-side-by-side
    .section.w-50-right {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  :is(
      body.blog-template,
      body.whitepaper-template,
      body.press-release-template,
      body.case-studies-template,
      body.brochure-template,
      body.flyer-template
    )
    .section-side-by-side
    .section.w-50-right
    > .section-inner {
    position: static;
  }

  body.whitepaper-template .section-side-by-side .section.w-50-right,
  body.brochure-template .section-side-by-side .section.w-50-right,
  body.flyer-template .section-side-by-side .section.w-50-right {
    padding: 1.25rem;
  }

  body.whitepaper-template .resources-contact-form-form,
  body.brochure-template .resources-contact-form-form,
  body.flyer-template .resources-contact-form-form {
    padding: 0;
  }

  body.whitepaper-template .social-share,
  body.brochure-template .social-share,
  body.flyer-template .social-share {
    width: 100%;
  }

  body.blog-template .section.w-70-left p,
  body.press-release-template .section.w-70-left p {
    font-size: var(--font-size-body-md);
    line-height: 1.707;
    color: var(--color-black);
  }

  body.blog-template .tags .tags-item,
  body.press-release-template .tags .tags-item {
    padding: 0.1875rem 0.625rem;
    font-size: 0.6875rem;
  }
}

/* Investor Pages Styles */
main .section.coral-white-gradient-bg {
  background: linear-gradient(
    77deg,
    var(--color-accent-coral) 63.82%,
    var(--color-white) 100%
  );
}

main .section.mint-teal-navy-gradient-bg {
  background: linear-gradient(
    258deg,
    var(--color-accent-mint) -7.05%,
    var(--color-blue-green) 24.63%,
    var(--color-blue-500) 100%
  );
}

main .section.pale-mint-bg {
  background: var(--color-pale-mint);
}


main .section.teal-navy-overlay-bg {
  background:
    linear-gradient(0deg, var(--color-black), var(--color-black)),
    linear-gradient(220.73deg, rgb(1 156 166 / 75%) 0%, rgb(0 44 93 / 75%) 100%);
}

/* "Skip to next section" button (opt-in per block, see readSectionSkip) */
main .section.has-section-skip {
  position: relative;
}

.section-skip {
  position: absolute;
  top: clamp(1rem, 4vw, 2.5rem);
  right: clamp(1rem, 4vw, 2.5rem);
  z-index: 5;
  display: inline-flex;
  gap: var(--space-sm);
  align-items: center;
  padding: 0.5rem 1.125rem;
  font: inherit;
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  cursor: pointer;
  background: var(--color-scrim-dark);
  border: 0.0625rem solid var(--color-white-25);
  border-radius: var(--radius-pill);
  backdrop-filter: blur(0.25rem);
  transition: transform 0.3s ease, background 0.3s ease;
}

.section-skip:hover,
.section-skip:focus-visible {
  transform: scale(1.06);
}

.section-skip:focus-visible {
  outline: 0.125rem solid var(--color-white);
  outline-offset: 0.1875rem;
}

.section-skip-label {
  white-space: nowrap;
}

.section-skip-icon {
  display: inline-flex;
  align-items: center;
}

.section-skip-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

main .section:is(.two-col, .two-col-50-50, .two-col-40-60, .two-col-60-40) .section-skip {
  right: calc(clamp(1rem, 4vw, 2.5rem) - (100vw - 100%) / 2);
}

main
  .section.text-center-align {
    align-items: center;
  }