/*fern-site-stylesheet*/@font-face {
    font-family: 'Graphik Web';
    src: url('/developer/_fern-files/mailchimp.docs.buildwithfern.com/3306e6ddbdb1fe3204e6bfa7423882196399ecfab8373b17b9b9f735a360574a/docs/assets/fonts/Graphik-Regular-Web.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik Web';
    src: url('/developer/_fern-files/mailchimp.docs.buildwithfern.com/b739adfc9c8fbfb212ddb1a8ad8e3e96be4f18c1ed267a361de5bb9a196892d3/docs/assets/fonts/Graphik-Medium-Web.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Means Web';
    src: url('/developer/_fern-files/mailchimp.docs.buildwithfern.com/e5d5102827cc3950d805a0b4d8fa8fb913bd9fc5eea55be3cff968295beef1d0/docs/assets/fonts/Means-Light-Web.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Input Mono Regular';
    src: url('/developer/_fern-files/mailchimp.docs.buildwithfern.com/d802e67305227e9098010f127ffb9671ee456f1379f962ce5cd0eba0c052ff86/docs/assets/fonts/Input-Mono-Regular.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
  --header-height: 64px;
  --header-height-real: 64px;
  --mobile-header-height-real: 64px;
  --content-width: 736px;
  --sidebar-width: 288px;
  --page-width: 1408px;
  --logo-height: 40px;
  --font-body: 'Graphik Web', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-heading: 'Means Web', 'Graphik Web', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-code: 'Input Mono Regular', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

:root {
  --typography-body-font-family: var(--font-body);
  --typography-heading-font-family: var(--font-heading);
  --typography-code-font-family: var(--font-code);
}


.light, :root {
  --accent-1: #e8ebeb;
  --accent-2: #dfe6e7;
  --accent-3: #cee0e3;
  --accent-4: #bdd9dd;
  --accent-5: #abcfd4;
  --accent-6: #95c2c9;
  --accent-7: #79b1ba;
  --accent-8: #4b9ca7;
  --accent-9: #007c89;
  --accent-10: #006e7b;
  --accent-11: #006471;
  --accent-12: #1b3e43;

  --accent-a1: #66b4fe0d;
  --accent-a2: #0d7dc012;
  --accent-a3: #068bb924;
  --accent-a4: #038bad36;
  --accent-a5: #01829e49;
  --accent-a6: #037b9461;
  --accent-a7: #0173897e;
  --accent-a8: #007689af;
  --accent-a9: #007c89;
  --accent-a10: #006e7b;
  --accent-a11: #006471;
  --accent-a12: #01292ee3;

  --accent-contrast: #fff;
  --accent-surface: #dbe4e6cc;
  --accent-indicator: #007c89;
  --accent-track: #007c89;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --accent-1: oklch(93.7% 0.0034 207.6);
      --accent-2: oklch(92% 0.0072 207.6);
      --accent-3: oklch(89.5% 0.0195 207.6);
      --accent-4: oklch(86.5% 0.0299 207.6);
      --accent-5: oklch(82.9% 0.039 207.6);
      --accent-6: oklch(78.4% 0.0481 207.6);
      --accent-7: oklch(72.6% 0.0596 207.6);
      --accent-8: oklch(64.6% 0.08 207.6);
      --accent-9: oklch(53.6% 0.0921 207.6);
      --accent-10: oklch(48.9% 0.0921 207.6);
      --accent-11: oklch(45.4% 0.0921 207.6);
      --accent-12: oklch(34% 0.0416 207.6);

      --accent-a1: color(display-p3 0.451 0.6902 1 / 0.048);
      --accent-a2: color(display-p3 0.0039 0.4392 0.7333 / 0.063);
      --accent-a3: color(display-p3 0.0039 0.4667 0.6667 / 0.126);
      --accent-a4: color(display-p3 0.0039 0.4784 0.6275 / 0.189);
      --accent-a5: color(display-p3 0.0039 0.4431 0.5686 / 0.256);
      --accent-a6: color(display-p3 0.0039 0.4157 0.5255 / 0.339);
      --accent-a7: color(display-p3 0.0039 0.3804 0.4784 / 0.444);
      --accent-a8: color(display-p3 0 0.3843 0.4667 / 0.599);
      --accent-a9: color(display-p3 0 0.349 0.4196 / 0.779);
      --accent-a10: color(display-p3 0 0.302 0.3686 / 0.808);
      --accent-a11: color(display-p3 0 0.2706 0.3373 / 0.829);
      --accent-a12: color(display-p3 0 0.1137 0.1451 / 0.85);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.8667 0.8941 0.902 / 0.8);
      --accent-indicator: oklch(53.6% 0.0921 207.6);
      --accent-track: oklch(53.6% 0.0921 207.6);
    }
  }
}


.light, :root {
  --grayscale-1: #fdfdfc;
  --grayscale-2: #f9f9f8;
  --grayscale-3: #f1f0ef;
  --grayscale-4: #e9e8e6;
  --grayscale-5: #e2e1de;
  --grayscale-6: #dad9d6;
  --grayscale-7: #cfceca;
  --grayscale-8: #bcbbb5;
  --grayscale-9: #8d8d86;
  --grayscale-10: #82827c;
  --grayscale-11: #63635e;
  --grayscale-12: #21201c;

  --grayscale-a1: #55550003;
  --grayscale-a2: #25250007;
  --grayscale-a3: #20100010;
  --grayscale-a4: #1f150019;
  --grayscale-a5: #1f180021;
  --grayscale-a6: #19130029;
  --grayscale-a7: #19140035;
  --grayscale-a8: #1915014a;
  --grayscale-a9: #0f0f0079;
  --grayscale-a10: #0c0c0083;
  --grayscale-a11: #080800a1;
  --grayscale-a12: #060500e3;

  --grayscale-contrast: #000;
  --grayscale-surface: #ffffffcc;
  --grayscale-indicator: #8d8d86;
  --grayscale-track: #8d8d86;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --grayscale-1: color(display-p3 0.992 0.992 0.989);
      --grayscale-2: color(display-p3 0.977 0.977 0.973);
      --grayscale-3: color(display-p3 0.943 0.942 0.936);
      --grayscale-4: color(display-p3 0.913 0.912 0.903);
      --grayscale-5: color(display-p3 0.885 0.883 0.873);
      --grayscale-6: color(display-p3 0.854 0.852 0.839);
      --grayscale-7: color(display-p3 0.813 0.81 0.794);
      --grayscale-8: color(display-p3 0.738 0.734 0.713);
      --grayscale-9: color(display-p3 0.553 0.553 0.528);
      --grayscale-10: color(display-p3 0.511 0.511 0.488);
      --grayscale-11: color(display-p3 0.388 0.388 0.37);
      --grayscale-12: color(display-p3 0.129 0.126 0.111);

      --grayscale-a1: #55550003;
      --grayscale-a2: #25250007;
      --grayscale-a3: #20100010;
      --grayscale-a4: #1f150019;
      --grayscale-a5: #1f180021;
      --grayscale-a6: #19130029;
      --grayscale-a7: #19140035;
      --grayscale-a8: #1915014a;
      --grayscale-a9: #0f0f0079;
      --grayscale-a10: #0c0c0083;
      --grayscale-a11: #080800a1;
      --grayscale-a12: #060500e3;

      --grayscale-contrast: #000;
      --grayscale-surface: color(display-p3 1 1 1 / 80%);
      --grayscale-indicator: color(display-p3 0.553 0.553 0.528);
      --grayscale-track: color(display-p3 0.553 0.553 0.528);
    }
  }
}


.dark {
  --accent-1: #1b1915;
  --accent-2: #231f19;
  --accent-3: #2f271a;
  --accent-4: #3b2e16;
  --accent-5: #463617;
  --accent-6: #53401f;
  --accent-7: #655029;
  --accent-8: #806533;
  --accent-9: #e7b75f;
  --accent-10: #e2aa3b;
  --accent-11: #eebe66;
  --accent-12: #f9e3bf;

  --accent-a1: #ff00001b;
  --accent-a2: #ff2c0023;
  --accent-a3: #ff54002f;
  --accent-a4: #ff67003b;
  --accent-a5: #ff790046;
  --accent-a6: #ff880d53;
  --accent-a7: #ff9d2b65;
  --accent-a8: #ffad3e80;
  --accent-a9: #ffc765e7;
  --accent-a10: #ffbc3de2;
  --accent-a11: #ffc96aee;
  --accent-a12: #ffe7c3f9;

  --accent-contrast: #2b1f09;
  --accent-surface: #46210b80;
  --accent-indicator: #e7b75f;
  --accent-track: #e7b75f;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --accent-1: oklch(21.5% 0.0085 80.84);
      --accent-2: oklch(24.2% 0.0118 80.84);
      --accent-3: oklch(27.9% 0.0263 80.84);
      --accent-4: oklch(31% 0.0419 80.84);
      --accent-5: oklch(34.3% 0.0519 80.84);
      --accent-6: oklch(38.5% 0.0558 80.84);
      --accent-7: oklch(44.3% 0.0618 80.84);
      --accent-8: oklch(52.2% 0.076 80.84);
      --accent-9: oklch(80.5% 0.1196 80.84);
      --accent-10: oklch(77.2% 0.1392 80.84);
      --accent-11: oklch(82.7% 0.1196 80.84);
      --accent-12: oklch(92.5% 0.0532 80.84);

      --accent-a1: color(display-p3 0.9961 0 0 / 0.081);
      --accent-a2: color(display-p3 1 0.2196 0 / 0.109);
      --accent-a3: color(display-p3 0.9961 0.3843 0 / 0.158);
      --accent-a4: color(display-p3 0.9961 0.4627 0 / 0.202);
      --accent-a5: color(display-p3 1 0.549 0 / 0.242);
      --accent-a6: color(display-p3 1 0.6039 0.1137 / 0.295);
      --accent-a7: color(display-p3 1 0.6784 0.2392 / 0.367);
      --accent-a8: color(display-p3 1 0.7255 0.3176 / 0.472);
      --accent-a9: color(display-p3 1 0.8157 0.4667 / 0.871);
      --accent-a10: color(display-p3 1 0.7765 0.349 / 0.847);
      --accent-a11: color(display-p3 0.9961 0.8235 0.4824 / 0.9);
      --accent-a12: color(display-p3 1 0.9255 0.7882 / 0.96);

      --accent-contrast: #2b1f09;
      --accent-surface: color(display-p3 0.2353 0.1333 0.051 / 0.5);
      --accent-indicator: oklch(80.5% 0.1196 80.84);
      --accent-track: oklch(80.5% 0.1196 80.84);
    }
  }
}


.dark {
  --grayscale-1: #111113;
  --grayscale-2: #18191b;
  --grayscale-3: #212225;
  --grayscale-4: #272a2d;
  --grayscale-5: #2e3135;
  --grayscale-6: #363a3f;
  --grayscale-7: #43484e;
  --grayscale-8: #5a6169;
  --grayscale-9: #696e77;
  --grayscale-10: #777b84;
  --grayscale-11: #b0b4ba;
  --grayscale-12: #edeef0;

  --grayscale-a1: #00000000;
  --grayscale-a2: #d8f4f609;
  --grayscale-a3: #ddeaf814;
  --grayscale-a4: #d3edf81d;
  --grayscale-a5: #d9edfe25;
  --grayscale-a6: #d6ebfd30;
  --grayscale-a7: #d9edff40;
  --grayscale-a8: #d9edff5d;
  --grayscale-a9: #dfebfd6d;
  --grayscale-a10: #e5edfd7b;
  --grayscale-a11: #f1f7feb5;
  --grayscale-a12: #fcfdffef;

  --grayscale-contrast: #fff;
  --grayscale-surface: rgba(0, 0, 0, 0.05);
  --grayscale-indicator: #696e77;
  --grayscale-track: #696e77;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --grayscale-1: color(display-p3 0.067 0.067 0.074);
      --grayscale-2: color(display-p3 0.095 0.098 0.105);
      --grayscale-3: color(display-p3 0.13 0.135 0.145);
      --grayscale-4: color(display-p3 0.156 0.163 0.176);
      --grayscale-5: color(display-p3 0.183 0.191 0.206);
      --grayscale-6: color(display-p3 0.215 0.226 0.244);
      --grayscale-7: color(display-p3 0.265 0.28 0.302);
      --grayscale-8: color(display-p3 0.357 0.381 0.409);
      --grayscale-9: color(display-p3 0.415 0.431 0.463);
      --grayscale-10: color(display-p3 0.469 0.483 0.514);
      --grayscale-11: color(display-p3 0.692 0.704 0.728);
      --grayscale-12: color(display-p3 0.93 0.933 0.94);

      --grayscale-a1: #00000000;
      --grayscale-a2: #d8f4f609;
      --grayscale-a3: #ddeaf814;
      --grayscale-a4: #d3edf81d;
      --grayscale-a5: #d9edfe25;
      --grayscale-a6: #d6ebfd30;
      --grayscale-a7: #d9edff40;
      --grayscale-a8: #d9edff5d;
      --grayscale-a9: #dfebfd6d;
      --grayscale-a10: #e5edfd7b;
      --grayscale-a11: #f1f7feb5;
      --grayscale-a12: #fcfdffef;

      --grayscale-contrast: #fff;
      --grayscale-surface: color(display-p3 0 0 0 / 5%);
      --grayscale-indicator: color(display-p3 0.415 0.431 0.463);
      --grayscale-track: color(display-p3 0.415 0.431 0.463);
    }
  }
}

.light, :root {
  color-scheme: light;
  --accent: rgba(0, 124, 137, 1);
  --background: rgba(239, 238, 234, 1);
  --border: initial;
  --sidebar-background: rgba(239, 238, 234, 1);
  --header-background: color-mix(in srgb, var(--background), transparent 30%);
  --card-background: rgba(255, 255, 255, 1);
  --theme-color: #efeeea;
}

.dark {
  color-scheme: dark;
  --accent: rgba(231, 183, 95, 1);
  --background: rgba(0, 29, 40, 1);
  --border: rgba(24, 50, 59, 1);
  --sidebar-background: rgba(0, 29, 40, 1);
  --header-background: rgba(12, 40, 50, 1);
  --card-background: rgba(12, 40, 50, 1);
  --theme-color: #001d28;
}

/* Mailchimp Developer branding overrides */

:root {
  --mc-dark-bg: #001D28;
  --mc-dark-surface: #0C2832;
  --mc-dark-border: #18323B;
  --mc-light-bg: #EFEEEA;
  --mc-yellow: #E7B75F;
  --mc-magenta: #FF3EBF;
  --mc-teal: #007C89;
  --mc-green: #00C14E;
  --mc-text-light: #EFEEEA;
  --mc-text-muted: #96A8AD;
}

/* =============================================
   CUSTOM FONTS
   Font files are loaded via the `typography` block in docs.yml
   (headingsFont: Means Web, bodyFont: Graphik Web, codeFont: Input Mono
   Regular). Fern hosts docs/assets/fonts/*.woff2 and injects the
   matching @font-face, so no @font-face is declared here
============================================= */

/* =============================================
   LANDING PAGE LAYOUT / CONTAINERS
============================================= */
.mc-landing-page {
  line-height: 1.5;
}
.mc-container-outer {
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
  max-width: 1188px;
}
.mc-container-inner {
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
}

/* =============================================
   TYPOGRAPHY
============================================= */
.means-web {
  font-family: 'Means Web', -apple-system, BlinkMacSystemFont, sans-serif;
}
.graphik-web {
  font-family: 'Graphik Web', -apple-system, BlinkMacSystemFont, sans-serif;
}
.mc-eyebrow {
  font-family: 'Input Mono Regular', Courier, monospace;
  font-size: 1.4em;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1.68em;
  margin-bottom: 1.6em;
  text-transform: uppercase;
}
.mc-primary-heading {
  font-family: 'Means Web', Georgia, Times, 'Times New Roman', serif;
  font-size: 4em;
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: 4.6em;
}
.mc-secondary-heading {
  font-family: 'Means Web', Georgia, Times, 'Times New Roman', serif;
  font-size: 3em;
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: 3.6em;
}
.mc-body-copy {
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 2.6em;
}

/* =============================================
   SKIP LINK
============================================= */
.mc-skip-link {
  background: #001d28;
  color: #efeeea;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.4em;
  height: 0;
  left: 0;
  overflow: hidden;
  padding: 0 1em;
  position: fixed;
  text-decoration: none;
  top: 0;
  z-index: 999;
}
.mc-skip-link:focus {
  height: auto;
  padding: 1em;
}

/* =============================================
   HEADER / NAVIGATION
============================================= */
.mc-header-wrapper {
  align-items: center;
  background-color: #001d28;
  box-sizing: border-box;
  display: flex;
  height: 9.4em;
  justify-content: center;
  width: 100%;
}
/* The bar itself is unconstrained so its background colour reaches both edges
   of the viewport; the width cap lives on the content row below, which keeps
   logo, search and nav from drifting apart on ultrawide screens. */
#fern-header {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  /* the tab bar (.fern-header-tabs) can be a direct child of the header, so
     stack it under the content row instead of beside it */
  flex-direction: column;
  justify-content: center;
  padding: 2.5em 3em;
  width: 100%;
}
#fern-header > .fern-header-tabs {
  width: 100%;
  max-width: 144rem;
  margin-inline: auto;
}
/* Fern 5.89 caps the header content at page-width (max-w-page / 88rem) and it
   ends up left-aligned inside our full-width custom header. Re-cap it at our
   own 144rem and centre it, so the row matches the rest of the page's measure
   while the bar stays full-bleed. Keyed off the native #fern-header id
   (present in SSR) rather than the JS-added .mc-header class, so it holds at
   FIRST PAINT — otherwise the whole header flashes to Fern's default form on
   the page reload the changelog tag filters trigger. */
#fern-header .width-before-scroll-bar {
  width: 100% !important;
  max-width: 144rem !important;
  min-width: 0 !important;
  margin-inline: auto !important;
}
#fern-header .fern-header-content,
#fern-header .fern-header-content [class*="max-w-page"],
#fern-header .fern-header-content > * {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.mc-desktop-logo-wrap {
  display: flex;
  height: 40px;
  align-items: center;
  text-decoration: none;
}
.mc-logo-icon {
  height: 40px;
  width: 40px;
  margin-right: .5em;
  object-fit: contain;
}
.mc-logo-wordmark {
  height: 24px;
  width: auto;
  object-fit: contain;
}
.mc-nav-wrap {
  display: flex;
  align-items: center;
  margin-right: 3em;
}
.mc-nav {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mc-nav li + li {
  margin-left: 3em;
}
.mc-nav-link {
  color: #efeeea;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.6em;
  line-height: 1.8em;
  text-decoration: none;
}
.mc-nav-link:hover { color: #e7b75f; }
.mc-nav-link:focus-visible { color: #e7b75f; outline: none;
}
.mc-flex-container {
  align-items: center;
  display: flex;
}

/* Product nav bar */
.mc-product-nav-wrapper {
  background: #001d28;
  border-bottom: 4px solid #007c89;
  display: flex;
  justify-content: center;
  width: 100%;
}
.mc-product-nav {
  align-items: center;
  display: flex;
  max-width: 118.8rem;
  padding: 0 4em;
  width: 100%;
}
.mc-products-wrap {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mc-product-item {
  border-right: 1px solid #3d535b;
  padding: 1.4em 2.4em;
}
.mc-product-item:first-child {
  border-left: 1px solid #3d535b;
}
.mc-product-link {
  color: #efeeea;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}
.mc-product-link:hover { color: #819094; }
.mc-product-link:focus-visible { color: #819094; outline: none;
}
.mc-product-link.mc-active { color: #e7b75f; }

/* Subnav */
.mc-subnav-wrapper {
  background: #001d28;
  border-bottom: 1px solid #18323b;
  width: 100%;
}
.mc-subnav {
  align-items: center;
  display: flex;
  height: 5.6em;
  list-style: none;
  margin: 0;
  padding: 0 4em;
  max-width: 118.8rem;
}
.mc-subnav li + li {
  margin-left: 4em;
}
.mc-subnav-link {
  color: #efeeea;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.6em;
  text-decoration: none;
}
.mc-subnav-link:hover { color: #e7b75f; }
.mc-subnav-link:focus-visible { color: #e7b75f; outline: none;
}
.mc-subnav-link.mc-active {
  position: relative;
}
.mc-subnav-link.mc-active::after {
  background-color: #ff3ebf;
  bottom: -.7em;
  content: '';
  display: block;
  height: .1em;
  position: absolute;
  width: 100%;
}

/* =============================================
   HERO SECTION
============================================= */
.mc-hero-section {
  background-color: #efeeea;
  padding-bottom: 90px;
  padding-top: 120px;
}
.mc-hero-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mc-hero-left {
  align-self: center;
  flex: 1 1 50%;
  max-width: 519px;
}
.mc-hero-right {
  align-items: flex-start;
  display: flex;
  flex-basis: 50%;
  justify-content: center;
}
.mc-hero-eyebrow {
  color: #001d28 !important;
  font-family: 'Input Mono Regular', Courier, monospace !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: .05em !important;
  line-height: 1.2 !important;
  margin: 0 0 16px 0 !important;
  text-transform: uppercase !important;
  position: relative;
}
.mc-hero-eyebrow::before {
  color: #00c14e;
  content: '>> ';
}
.mc-hero-h2 {
  color: #001d28 !important;
  font-family: 'Means Web', Georgia, Times, 'Times New Roman', serif !important;
  font-size: 54px !important;
  font-weight: 300 !important;
  letter-spacing: -.05em !important;
  line-height: 1 !important;
  margin: 0 0 30px 0 !important;
  text-transform: none !important;
}
.mc-hero-body {
  color: #001d28;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  max-width: 519px;
  margin: 0 !important;
}
.mc-hero-button {
  background-color: #007c89;
  color: #efeeea !important;
  display: inline-block;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 32px;
  padding: 12px 14px;
  border-radius: 8px;
  text-decoration: none;
}
.mc-hero-button:hover { background-color: #006570; color: #efeeea !important; }
.mc-hero-button:focus-visible { background-color: #006570; color: #efeeea !important; outline: none;
}
.mc-hero-image {
  max-width: 430px;
  width: 100%;
}

/* =============================================
   USE CASES SECTION
============================================= */
.mc-use-cases-section {
  background-color: #001d28;
  padding: 100px 0;
}
.mc-use-cases-list {
  border-left: 1px solid #18323b;
  border-right: 1px solid #18323b;
  display: flex;
  flex-direction: column;
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 56px !important;
}
.mc-use-cases-list > li,
.mc-use-case-links > li {
  list-style: none !important;
  list-style-type: none !important;
}
.mc-use-cases-list > li::marker,
.mc-use-case-links > li::marker {
  display: none !important;
  content: '' !important;
}
.mc-use-case-link-item::before,
.mc-use-case-item::before {
  display: none !important;
  content: none !important;
}
.mc-use-case-item {
  border-bottom: 1px solid #18323b;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-bottom: 62px;
  padding-top: 80px;
}
.mc-use-case-item:first-child { padding-top: 0; }
.mc-use-case-item:last-child { border-bottom: none; }
.mc-use-case-left {
  border-right: 1px solid #18323b;
  flex-basis: 50%;
  padding-right: 56px;
}
.mc-use-case-links {
  flex-basis: 50%;
  padding-left: 56px !important;
  padding-right: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
}
/* h3 wrapper — strip all default heading styles */
.mc-use-case-h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
/* The large serif heading text */
.mc-use-case-header p {
  color: #efeeea !important;
  font-family: 'Means Web', Georgia, Times, 'Times New Roman', serif !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  letter-spacing: -.02em !important;
  line-height: 1.1 !important;
  vertical-align: middle !important;
  margin: 0 !important;
}
.mc-use-case-description {
  color: #96a8ad;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  margin: 16px 0 0 0 !important;
}
.mc-use-case-link-item + .mc-use-case-link-item {
  margin-top: 28px;
}
/* the link is the second-level header of each item */
.mc-use-case-link-anchor {
  color: #e7b75f !important;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none !important;
  display: block;
  margin-bottom: 6px;
}
.mc-use-case-link-anchor:hover { color: #ff3ebf !important; }
.mc-use-case-link-anchor:focus-visible { color: #ff3ebf !important; outline: none;
}
.mc-use-case-link-description {
  color: #96a8ad;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 !important;
}

/* =============================================
   BOTTOM / JOIN MAILCHIMP SECTION
============================================= */
.mc-bottom-section {
  background-color: #efeeea;
  color: #001d28;
  padding-bottom: 100px;
  padding-top: 84px;
}
.mc-bottom-inner {
  border-left: 1px solid #819094;
  border-right: 1px solid #819094;
  display: flex;
  flex-direction: column;
  padding-left: 56px;
  padding-right: 56px;
  width: 100%;
}
.mc-bottom-top-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.mc-bottom-left {
  align-self: center;
  flex: 1 1 50%;
}
.mc-bottom-right {
  align-items: flex-start;
  display: flex;
  flex-basis: 50%;
  justify-content: center;
}
.mc-bottom-eyebrow {
  color: #001d28;
  font-family: 'Input Mono Regular', Courier, monospace;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1.2;
  margin: 0 0 16px 0 !important;
  text-transform: uppercase;
}
.mc-bottom-heading {
  color: #001d28 !important;
  font-family: 'Means Web', Georgia, Times, 'Times New Roman', serif !important;
  font-size: 54px !important;
  font-weight: 300 !important;
  letter-spacing: -.05em !important;
  line-height: 1 !important;
  margin: 0 0 30px 0 !important;
  text-transform: none !important;
}
.mc-bottom-body {
  color: #001d28;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  max-width: 519px;
  margin: 0 !important;
}
.mc-bottom-cta-wrap {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-top: 32px;
}
.mc-bottom-button {
  background-color: #007c89;
  color: #efeeea !important;
  display: inline-block;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 14px;
  border-radius: 8px;
  text-decoration: none;
}
.mc-bottom-button:hover { background-color: #006570; color: #efeeea !important; }
.mc-bottom-button:focus-visible { background-color: #006570; color: #efeeea !important; outline: none;
}
.mc-bottom-secondary-link {
  color: #007c89 !important;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.mc-bottom-secondary-link:hover { color: #006570 !important; }
.mc-bottom-secondary-link:focus-visible { color: #006570 !important; outline: none;
}
.mc-bottom-image {
  max-width: 340px;
  width: 100%;
}
.mc-bottom-details-divider {
  background: repeating-linear-gradient(
    117deg,
    transparent 0,
    transparent 6px,
    #00c14e 6px,
    #00c14e 8px
  );
  height: 10px;
  margin-top: 50px;
  width: 100%;
}
.mc-bottom-details {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 40px;
}
.mc-bottom-detail-heading {
  color: #001d28;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 10px 0 !important;
}
.mc-bottom-detail-body {
  color: #001d28;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin: 0 !important;
}

/* =============================================
   FOOTER
============================================= */
.mc-site-footer {
  background-color: #0c2832;
}
/* With a custom footer, Fern shortens the sticky desktop sidebar by the footer's
   visible height so it always ends above the footer. Our footer is ~560px tall,
   so at the bottom of the scroll the nav collapses to a sliver (or nothing on
   short viewports). Keep it at full height instead and let sticky release at the
   end of the content column, so the nav scrolls up above the footer with the
   rest of the page. */
#fern-sidebar[data-viewport='desktop'][data-state='sticky'] {
  height: calc(100dvh - var(--header-height));
  margin-bottom: 0;
}
.mc-footer-inner {
  column-gap: 20px;
  display: grid;
  grid-template-areas:
    'products-resources signup'
    'imagelist imagelist'
    'external-links external-links'
    'legal legal';
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  padding-bottom: 40px;
  padding-top: 40px;
  width: 100%;
}
.mc-footer-page-links {
  display: grid;
  gap: 20px;
  grid-area: products-resources;
  grid-template-columns: 1fr 1fr;
}
.mc-footer-link-section {
  padding-bottom: 20px;
}
.mc-footer-link-section label {
  color: #00c14e;
  display: block;
  font-family: 'Input Mono Regular', Courier, monospace;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 26px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.mc-footer-link-section ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.mc-footer-link-section li + li { margin-top: 15px; }
.mc-footer-link-section a {
  color: #efeeea !important;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  line-height: 32px;
  text-decoration: none !important;
}
.mc-footer-link-section a:hover { color: #e7b75f !important; }
.mc-footer-link-section a:focus-visible { color: #e7b75f !important; outline: none;
}
.mc-footer-signup {
  color: #efeeea;
  grid-area: signup;
  padding-bottom: 20px;
}
.mc-footer-signup h2 {
  font-family: 'Means Web', Georgia, Times, 'Times New Roman', serif !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 26px !important;
  margin: 0 0 10px 0 !important;
  text-transform: none !important;
}
.mc-footer-signup p {
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  line-height: 26px;
  margin: 10px 0 !important;
}
.mc-footer-signup a {
  color: #e7b75f !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none !important;
}
.mc-footer-signup a:hover { color: #ff3ebf !important; }
.mc-footer-signup a:focus-visible { color: #ff3ebf !important; outline: none;
}
.mc-footer-image-list {
  display: flex;
  flex-wrap: wrap;
  grid-area: imagelist;
  justify-content: flex-start;
  padding: 0;
}
.mc-footer-logo-list {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.mc-footer-logo-list li {
  flex: 1 0 20px;
  margin: 10px;
}
.mc-footer-logo-list img {
  height: 19px;
  object-fit: fill;
  width: auto;
}
.mc-footer-bottom-links {
  grid-area: external-links;
  margin-top: 80px;
}
.mc-footer-bottom-links ul {
  display: flex;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.mc-footer-bottom-links ul li { margin-right: 32px; }
.mc-footer-bottom-links ul li:last-child { margin-right: 0; }
.mc-footer-bottom-links a {
  color: #819094 !important;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 16px;
  text-decoration: none !important;
  text-transform: uppercase;
}
.mc-footer-bottom-links a:hover { color: #e7b75f !important; }
.mc-footer-bottom-links a:focus-visible { color: #e7b75f !important; outline: none;
}
.mc-footer-legal {
  border-top: 1px solid #3d535b;
  color: #819094;
  grid-area: legal;
  font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  line-height: 22px;
  margin-top: 20px;
  padding-top: 20px;
}
.mc-footer-legal p { margin: 0 !important; }

/* Remove the "Built with Fern" badge site-wide */
a[href*="buildwithfern.com"] {
  display: none !important;
}

/* =============================================
   PRODUCT SWITCHER
============================================= */

/* --- Trigger button --- */
.product-dropdown-trigger {
  margin-left: 12px !important;
  border: 1.5px solid var(--mc-dark-bg) !important;
  border-radius: 12px !important;
  gap: 4px !important;
  padding: 5px 10px 5px 14px !important;
}
.dark .product-dropdown-trigger {
  border-color: rgba(239, 238, 234, 0.25) !important;
}
.dark .product-dropdown-trigger:hover {
  border-color: rgba(239, 238, 234, 0.5) !important;
}
.dark .product-dropdown-trigger:focus-visible {
  border-color: rgba(239, 238, 234, 0.5) !important; outline: none;
}

/* =============================================
   FERN INJECTION OVERRIDES
   (Neutralize behaviors Fern adds automatically)
============================================= */

/* Hide the external-link SVG icon Fern appends to external/target=_blank links (site-wide) */
.external-link-icon {
  display: none !important;
}

/* Headings inside the landing page should not behave as collapsible anchors */
.mc-landing-page h2,
.mc-landing-page h3 {
  cursor: default !important;
  pointer-events: none;
}
/* But links/buttons inside those headings should still be clickable */
.mc-landing-page h2 a,
.mc-landing-page h3 a {
  pointer-events: auto;
}

/* Hide Fern's image zoom button overlay */
.mc-landing-page [data-rmiz-btn-zoom] {
  display: none !important;
}

/* =============================================
   DOCS SIDEBAR & TABS
   Match mailchimp.com/developer side nav:
   - minimalistic (no per-item icons)
   - magenta square marker on the active page
   - yellow hover on nav links
   - magenta underline on the active header tab
============================================= */

/* Remove per-item icons from the sidebar and header tabs (minimalistic like Mailchimp) */
#fern-sidebar .fern-sidebar-link > svg,
#fern-sidebar .fern-sidebar-link > .fern-icon,
.fern-header-tabs a > svg,
.fern-header-tabs a > .fern-icon {
  display: none !important;
}
/* tabs now live in the sidebar (tabs-placement: sidebar) — hide their icon boxes too */
#fern-sidebar a > span:has(> svg) {
  display: none !important;
}

/* =============================================
   COLLAPSING HEADER (mc-header.js) + remove the gray divider line
   Scroll down: the header background, nav, search and full wordmark fade out,
   leaving only the Mailchimp logo MARK — pinned exactly where the logo sits,
   so nothing slides or jumps. Scroll up: everything fades back.
============================================= */
header.fern-background-image { border-bottom: none !important; }
#fern-header {
  border-bottom: none !important;
  /* solid colour, never the frosted-glass blur */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  /* trim the tall 40px top/bottom padding down to a compact bar */
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  transition: background-color .4s ease;
}
/* Header present (not collapsed): a solid, opaque background bar. Light mode
   uses the same cream as the landing-page hero so they blend seamlessly. */
#fern-header:not(.mc-header-collapsed) { background-color: #efeeea !important; }
.dark #fern-header:not(.mc-header-collapsed) { background-color: #001d28 !important; }

/* Collapsed (scrolled down): fully transparent + click-through. */
.mc-header.mc-header-collapsed {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  pointer-events: none;
}
/* The whole content row fades out together as one uniform block... */
.mc-header .width-before-scroll-bar,
.mc-header > .fern-header-tabs { transition: opacity .4s ease; }
.mc-header.mc-header-collapsed .width-before-scroll-bar,
.mc-header.mc-header-collapsed > .fern-header-tabs {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ...and the lone mark fades in over the same duration. It is cropped from the
   very same logo SVG (light + dark variants), so its chimp is identical to the
   wordmark's; mc-header.js sizes and places it right on top of that chimp. */
.mc-header-mark {
  position: absolute;
  /* Two-toned Mailchimp mark: navy chimp with a cream outline, so it stays
     legible on ANY background — a single image for both themes. mc-header.js
     sizes and positions it over the wordmark's chimp. */
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAzOCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0zNS40NTY0IDIzLjc0NjFDMzUuNzYzNCAyMy45MTE3IDM2LjAzNDUgMjQuMTM2NSAzNi4yNTM5IDI0LjQwNzVDMzYuNTk1IDI0LjgyNDUgMzcgMjUuNTY1MSAzNyAyNi43MjI4QzM3IDI4LjMzMTggMzYuMzgxNiAzMC4wNDUgMzYuMTkzMiAzMC41MzA1QzM2LjE4ODUgMzAuNTM5OCAzNi4xODA3IDMwLjU0OTEgMzYuMTgwNyAzMC41NkMzNS4wOTU0IDMzLjE3MTcgMzMuMTk5OCAzNS4zNjY1IDMwLjc3MjcgMzYuODIxNUMyOC40MDA0IDM4LjI0NTMgMjUuNTIwNCAzOSAyMi40NDU3IDM5SDIxLjg3NEMxOC45ODkgMzguOTM5OSAxNi4xNzI4IDM4LjEwODcgMTMuNzE4MyAzNi41OTI4QzExLjU1NzMgMzUuMjM3NyA5LjgwOTE3IDMzLjMxNyA4LjY2Mzg4IDMxLjAzOTNDNy4zNDIyOCAzMC44MzQxIDYuMTA4NjQgMzAuMjUwNCA1LjExMjUxIDI5LjM1ODhDMy44MzY4MyAyOC4yMjkxIDMuMDQ3MTIgMjYuNzUwOSAyLjg5MTM2IDI1LjE5NDhDMi44MDY2NyAyNC40MDc5IDIuODUyNDUgMjMuNjEyNSAzLjAyNjg3IDIyLjg0MDVMMi40ODQ4MiAyMi4zODE1QzEuNjEyNTUgMjEuNjQ1NSAxLjEwMzIxIDIwLjU4NTggMS4wMTQ0MyAxOS4zNDFDMC45NDEyMjMgMTguMzA0NyAxLjE0NjgzIDE3LjEyMjEgMS42MjUwMiAxNS44MTVDMi43NDE4MyAxMi43NzE0IDUuMzA1NjYgOS4xNDU4MSA4LjQ4NjMxIDYuMTE3NzVDOS45MDU5NSA0Ljc0MDE3IDExLjQ4MDkgMy41MzE4NiAxMy4xNzk0IDIuNTE3MDhDMTQuOTMwMiAxLjUwNzIxIDE2LjUxODkgMC45OTUyNjkgMTcuOTAyMSAxLjAwMTQ5QzE4Ljk4NTMgMC45NzMxNjYgMjAuMDQwMyAxLjM0ODcgMjAuODYxNiAyLjA1NDkzQzIwLjkwNzEgMi4wODgyOCAyMS41NzQ5IDIuNzQxODEgMjIuMTAzMyAzLjI1ODlMMjIuMTQ1IDMuMjk5NzZMMjIuMzc3MSAzLjIwMTczQzI0LjEzMSAyLjQ3NTA2IDI1Ljg1NjggMi4wOTIyOCAyNy4zNjkzIDIuMDkyMjhDMzAuNTU2MSAyLjA5MjI4IDMyLjYyMTUgMy44MDM5MiAzMi42MjE1IDYuNDQ5MTlDMzIuNjIxNSA4LjA4MTQ4IDMxLjgyMjUgOS45MTEzOCAzMC4zNDQzIDExLjY4NTNDMzAuNzQ3NCAxMi4zMDkyIDMxLjA1MTYgMTIuOTkxNSAzMS4yNDYyIDEzLjcwODFDMzEuNDU2MiAxNC40Mzg4IDMxLjU3MDkgMTUuMTkzNSAzMS41ODczIDE1Ljk1MzVDMzEuNjAyOSAxNi4yODAzIDMxLjYxNjkgMTYuODAxNSAzMS42MjkzIDE3LjI2ODNDMzIuNjA0NCAxNy41NTc4IDMzLjgyODcgMTguMDQ2NCAzNC41NjM5IDE4LjgyNDRDMzUuMTMzNSAxOS4zODg3IDM1LjUwNjkgMjAuMTIwNiAzNS42MjkzIDIwLjkxMjZDMzUuNzUwNyAyMS42OTMxIDM1LjYyOTUgMjIuNDkyIDM1LjI4MiAyMy4yMDE1QzM1LjMxMzEgMjMuMjkwMiAzNS4zNTA1IDIzLjQwMDcgMzUuMzc4NSAyMy40ODk0QzM1LjQwNjYgMjMuNTc4MSAzNS40MzMgMjMuNjYzNyAzNS40NTY0IDIzLjc0NjFaIiBmaWxsPSIjMDAxRDI4Ii8+CjxwYXRoIGQ9Ik04LjQ0NiAyMC43NTY5QzguMTYxNTMgMjAuNzQxNiA3Ljg3NjI4IDIwLjc2MiA3LjU5NjgzIDIwLjgxNzRDNS41NzM1MiAyMS4yMjY4IDQuNDMwNDEgMjIuOTQ2MSA0LjY1NzQgMjUuMTk0MkM0Ljg1OTg5IDI3LjIyMjkgNi45MDc3IDI4LjkzNCA4LjgwMiAyOC45ODQ4QzguOTk2NjUgMjguOTkwMSA5LjE5MTM1IDI4Ljk3NjQgOS4zODMzNiAyOC45NDM4QzExLjQzMTIgMjguNTkzNCAxMS45NzAxIDI2LjM2MTcgMTEuNjMyIDI0LjE2NzZDMTEuMjQ5OSAyMS42OTE4IDkuNTc5MzIgMjAuODE5MSA4LjQ0NiAyMC43NTY5Wk0xMC40NTE0IDI2LjYyMzdDMTAuMzY4MyAyNi43NTg0IDEwLjI0OTQgMjYuODY3MiAxMC4xMDgxIDI2LjkzNzhDOS45NjY2OCAyNy4wMDg0IDkuODA4NDMgMjcuMDM4IDkuNjUxMTcgMjcuMDIzMkM5LjIxMzUyIDI2Ljk4ODggOC43MjUyNSAyNi42Njk1IDguNjU4MyAyNS44NzdDOC42NTM3MSAyNS40OTI2IDguNzI0MTYgMjUuMTExIDguODY1NjkgMjQuNzUzN0M4Ljk1NDM0IDI0LjUyOTggOC45NjM0NCAyNC4yODIxIDguODkxNDggMjQuMDUyMkM4LjgxOTUyIDIzLjgyMjMgOC42NzA4NyAyMy42MjQzIDguNDcwNSAyMy40OTEzQzguMzUxMjggMjMuNDEyOSA4LjIxNzY5IDIzLjM1OSA4LjA3NzUxIDIzLjMzMjlDNy45MzczMyAyMy4zMDY3IDcuNzkzMzYgMjMuMzA4OCA3LjY1Mzk5IDIzLjMzOUM3LjUxNzU1IDIzLjM2NzkgNy4zODgyMiAyMy40MjM4IDcuMjczNTQgMjMuNTAzNEM3LjE1ODg3IDIzLjU4MjkgNy4wNjExNSAyMy42ODQ2IDYuOTg2MDggMjMuODAyNEM2Ljg4MDcxIDIzLjk4MzUgNi43OTg0MiAyNC4xNzcxIDYuNzQxMTMgMjQuMzc4OEM2LjczMTMzIDI0LjQxNDggNi43MjE1MyAyNC40NDI2IDYuNzE1IDI0LjQ2MDdDNi42MjE5MiAyNC43MTEyIDYuNDczMzEgMjQuNzg4MSA2LjM3MzcgMjQuNzcwMUM2LjMyNjM0IDI0Ljc3MDEgNi4yNjEwMiAyNC43MzI1IDYuMjE4NTYgMjQuNjE3OEM2LjEwOTE1IDI0LjMwMDIgNi4yMDU1IDIzLjQxNDQgNi43OTAxMiAyMi43NTk0QzYuOTgzMTkgMjIuNTUyNyA3LjIyMjQxIDIyLjM5NDkgNy40ODgxMyAyMi4yOTlDNy43NTM4NSAyMi4yMDMxIDguMDM4NDggMjIuMTcxOCA4LjMxODYzIDIyLjIwNzZDOC42MTUyMSAyMi4yNDggOC44OTcxNCAyMi4zNjE2IDkuMTM5MTMgMjIuNTM4MkM5LjM4MTExIDIyLjcxNDggOS41NzU1NyAyMi45NDg5IDkuNzA1MDYgMjMuMjE5NUMxMC4xMDY4IDIzLjk4NTggOS43NDkxNSAyNC43ODk4IDkuNTQxNzYgMjUuMjcxMkw5LjQ3OTcgMjUuNDEzNkM5LjM0NTggMjUuNzMyOSA5LjMzOTI2IDI2LjAxMTMgOS40NjAxMSAyNi4xOTc5QzkuNTExIDI2LjI3MTMgOS41NzkyOSAyNi4zMzA4IDkuNjU4ODIgMjYuMzcxMUM5LjczODM1IDI2LjQxMTQgOS44MjY2NCAyNi40MzEyIDkuOTE1NzIgMjYuNDI4OEM5Ljk5OTYgMjYuNDI4MyAxMC4wODMxIDI2LjQxNjcgMTAuMTYzOSAyNi4zOTQ0QzEwLjI2ODUgMjYuMzY5OSAxMC4zNzc5IDI2LjM0MzcgMTAuNDQ0OCAyNi40MjcyQzEwLjQ2NyAyNi40NTQ4IDEwLjQ3OTYgMjYuNDg4OSAxMC40ODA4IDI2LjUyNDNDMTAuNDgxOSAyNi41NTk3IDEwLjQ3MTYgMjYuNTk0NiAxMC40NTE0IDI2LjYyMzdaIiBmaWxsPSIjRUZFRUVBIi8+CjxwYXRoIGQ9Ik0zNi45NTY3IDI0LjYzNzJDMzYuNzI2NiAyNC4zNTIgMzYuNDQyNCAyNC4xMTU1IDM2LjEyMDYgMjMuOTQxM0MzNi4wOTYxIDIzLjg1NDUgMzYuMDY4MyAyMy43NjQ0IDM2LjAzODkgMjMuNjcxMUMzNi4wMDk1IDIzLjU3NzggMzUuOTcwMyAyMy40NjE1IDM1LjkzNzcgMjMuMzY4MkMzNi4zMDIgMjIuNjIxNiAzNi40MjkyIDIxLjc4MDkgMzYuMzAxOCAyMC45NTk2QzM2LjE3MzYgMjAuMTI2MiAzNS43ODIgMTkuMzU2IDM1LjE4NDkgMTguNzYyMkMzNC40MTQxIDE3Ljk0MzUgMzMuMTMwNSAxNy40MjkzIDMyLjEwODIgMTcuMTI0OEMzMi4wOTUyIDE2LjYzMzYgMzIuMDgwNSAxNi4wODUgMzIuMDY0MiAxNS43NDEyQzMyLjA0NjkgMTQuOTQxNCAzMS45MjY3IDE0LjE0NzMgMzEuNzA2NSAxMy4zNzg0QzMxLjUwMjUgMTIuNjI0MyAzMS4xODM2IDExLjkwNjMgMzAuNzYxIDExLjI0OThDMzIuMzEwNyA5LjM4MzE3IDMzLjE0ODUgNy40NTc1OSAzMy4xNDg1IDUuNzM5OTZDMzMuMTQ4NSAyLjk1NjM4IDMwLjk4MzEgMS4xNTUyNSAyNy42NDE5IDEuMTU1MjVDMjYuMDU2MyAxLjE1NTI1IDI0LjI0NjkgMS41NTgwNSAyMi40MDgxIDIuMzIyNzFMMjIuMTY0OCAyLjQyNTg3QzIxLjYwNDcgMS44NzU3IDIwLjg2ODIgMS4xNTE5NyAyMC44MTkyIDEuMTE1OTVDMTkuOTU4MiAwLjM3Mjc5IDE4Ljg1MjEgLTAuMDIyMzc3NCAxNy43MTY0IDAuMDA3NDMwNzlDMTYuMjY2MyAwLjAwMDg4MTIgMTQuNjAwNiAwLjUzOTU4NSAxMi43NjUxIDEuNjAyMjZDMTAuOTg0MyAyLjY3MDEgOS4zMzMxOSAzLjk0MTU5IDcuODQ0ODIgNS4zOTEyQzQuNTEwMTkgOC41Nzc1NyAxLjgyMjI0IDEyLjM5MjcgMC42NTEzNjcgMTUuNTk1NUMwLjE1MDAzIDE2Ljk3MDkgLTAuMDY1NTI4OCAxOC4yMTUzIDAuMDExMjIzMSAxOS4zMDU4QzAuMTA0MzA1IDIwLjYxNTcgMC42MzgzMDMgMjEuNzMwOCAxLjU1Mjc5IDIyLjUwNTNMMi4xMjEwOSAyMi45ODgzQzEuOTM4MjMgMjMuODAwNyAxLjg5MDIzIDI0LjYzNzcgMS45NzkwMSAyNS40NjU3QzIuMTQyMzEgMjcuMTAzMSAyLjk3MDI2IDI4LjY1ODYgNC4zMDc3IDI5Ljg0NzRDNS4zNTIwNSAzMC43ODU2IDYuNjQ1NDEgMzEuMzk5OSA4LjAzMDk5IDMxLjYxNThDOS4yMzE3MyAzNC4wMTI2IDExLjA2NDUgMzYuMDMzNyAxMy4zMzAxIDM3LjQ1OTZDMTUuOTAzNCAzOS4wNTQ4IDE4Ljg1NiAzOS45Mjk1IDIxLjg4MDYgMzkuOTkyN0MyMi4wNzk5IDM5Ljk5MjcgMjIuMjgwNyAzOS45OTI3IDIyLjQ4IDM5Ljk5MjdDMjUuNzAzNSAzOS45OTI3IDI4LjcyMyAzOS4xOTg2IDMxLjIxMDEgMzcuNzAwM0MzMy43NTQ3IDM2LjE2OTIgMzUuNzQyMSAzMy44NTk2IDM2Ljg3OTkgMzEuMTExNUMzNi44Nzk5IDMxLjEgMzYuODg4MSAzMS4wOTAyIDM2Ljg5MyAzMS4wODAzQzM3LjA5MDYgMzAuNTY5NSAzNy43Mzg5IDI4Ljc2NjcgMzcuNzM4OSAyNy4wNzM2QzM3LjczODkgMjUuODU1NCAzNy4zMTQzIDI1LjA3NiAzNi45NTY3IDI0LjYzNzJaTTM1LjY2OTkgMzAuNjA4OEMzMy40NjIgMzUuOTEyMyAyOC4xOTM5IDM4Ljg2NDUgMjEuOTE5OCAzOC42Nzc5QzE2LjA3MDMgMzguNTAyNyAxMS4wODE1IDM1LjQwMzEgOC44OTgxMiAzMC4zNjMyQzcuNTc3MDEgMzAuMzYzMiA2LjIxNjcgMjkuNzgxOSA1LjE4MTM3IDI4Ljg2MzNDNC4wOTIxNCAyNy44OTQgMy40Mjc1IDI2LjY0MTQgMy4yODg3IDI1LjMzMzFDMy4xODMyNCAyNC4zOTEzIDMuMjk5NTggMjMuNDM3OSAzLjYyODM2IDIyLjU0OTVMMi40MDM2IDIxLjUwODFDLTMuMjA3NDYgMTYuNzU5NyAxNC4zNDEgLTIuODAyMzQgMTkuOTU1MyAyLjEwNjU4TDIxLjg2OTIgMy45ODc5NUMyMS44NjkyIDMuOTg3OTUgMjIuOTA2MiAzLjU0NTg1IDIyLjkxMjcgMy41NDI1N0MyNy44MzQ2IDEuNDkyNTUgMzEuODMwNiAyLjQ3OTkgMzEuODQyMSA1Ljc0MTZDMzEuODQyMSA3LjQzNzk0IDMwLjc2NTkgOS40MTQyOCAyOS4wMzk4IDExLjIwODlDMjkuNjY1MiAxMS43OTE4IDMwLjE2NjYgMTIuNzAyMiAzMC40NTQgMTMuNzQxOUMzMC42NDQ0IDE0LjQwODUgMzAuNzQ3NiAxNS4wOTcxIDMwLjc2MSAxNS43OTAzQzMwLjc5MDQgMTYuNDgxMyAzMC44MjMxIDE4LjA4MjcgMzAuODI2MyAxOC4xMjAzTDMxLjUyMDQgMTguMzEzNUMzMi44NDE1IDE4LjY4NTIgMzMuNzgyMSAxOS4xNzk3IDM0LjI0MSAxOS42NjQ0QzM0LjY1NDIgMjAuMDY3MyAzNC45MjQ4IDIwLjU5NDYgMzUuMDExOCAyMS4xNjU5QzM1LjA5MDEgMjEuNjA5NiAzNS4wNzg3IDIyLjM5MjMgMzQuNDk1NyAyMy4yNjY3QzM0LjYwNjcgMjMuNTI4OCAzNC43MDIxIDIzLjc5NzIgMzQuNzgxNSAyNC4wNzA2QzM0LjkyNjggMjQuNTM3MyAzNS4wMzEzIDI0LjkyNTQgMzUuMDQ3NyAyNC45ODI3QzM1LjU4MTcgMjQuOTgyNyAzNi40MjEgMjUuNiAzNi40MjEgMjcuMDg2N0MzNi40MjEgMjguNTczNSAzNS44MTM2IDMwLjIzNzEgMzUuNjY5OSAzMC42MDg4WiIgZmlsbD0iI0VGRUVFQSIvPgo8cGF0aCBkPSJNMzQuNzgxNCAyNi4xODcxQzM0LjU5MjggMjYuMDgxMyAzNC4zNzQ3IDI2LjA0MSAzNC4xNjA5IDI2LjA3MjVDMzQuMDQ3MSAyNS4zNzY1IDMzLjg0OCAyNC42OTczIDMzLjU2ODEgMjQuMDUwM0MzMi4yNzMxIDI1LjA3NTMgMzAuNjA0MiAyNS43OTc0IDI5LjMzNTMgMjYuMTYyNUMyNy40OTYyIDI2LjY4MDUgMjUuNTgzOSAyNi44ODggMjMuNjc2OSAyNi43NzY2QzIyLjQ0ODkgMjYuNjc2NyAyMS42MzcyIDI2LjMxNjQgMjEuMzMxOSAyNy4zMTJDMjQuMTM1OCAyOC4zNDE5IDI3LjEwNDYgMjcuOTAxNCAyNy4xMDQ2IDI3LjkwMTRDMjcuMTE4MiAyNy44OTk5IDI3LjEzMjEgMjcuOTAxIDI3LjE0NTMgMjcuOTA0OUMyNy4xNTg1IDI3LjkwODggMjcuMTcwNyAyNy45MTUyIDI3LjE4MTQgMjcuOTIzOUMyNy4xOTIgMjcuOTMyNiAyNy4yMDA5IDI3Ljk0MzQgMjcuMjA3MyAyNy45NTU2QzI3LjIxMzcgMjcuOTY3NyAyNy4yMTc3IDI3Ljk4MTEgMjcuMjE4OSAyNy45OTQ4QzI3LjIyMTMgMjguMDE3NyAyNy4yMTY0IDI4LjA0MDggMjcuMjA1IDI4LjA2MDhDMjcuMTkzNiAyOC4wODA4IDI3LjE3NjIgMjguMDk2NiAyNy4xNTUyIDI4LjEwNjFDMjcuMTU1MiAyOC4xMDYxIDI0Ljg2OSAyOS4xNjg4IDIxLjI1MTkgMjguMDQ1NUMyMS4zNTMxIDI4Ljg5NyAyMi4xODEgMjkuMjc4NSAyMi41NzYyIDI5LjQzMjRDMjIuOTE0NyAyOS41NTg5IDIzLjI2NCAyOS42NTQyIDIzLjYxOTcgMjkuNzE3M0MyOC4xMDczIDMwLjQ5MTggMzIuMzA0MSAyNy45MTYyIDMzLjI1NDUgMjcuMjcxMUMzMy4zMjQ4IDI3LjIyMTkgMzMuMzcyMSAyNy4yNzExIDMzLjMxNSAyNy4zNTQ2QzMzLjI4NzIgMjcuNDAwNiAzMy4yNTY2IDI3LjQ0NDkgMzMuMjIzNSAyNy40ODcyQzMyLjA2NzMgMjguOTgyMSAyOC45NTgxIDMwLjcxNDUgMjQuOTE0NyAzMC43MTI5QzIzLjE1MTEgMzAuNzEyOSAyMS4zODkgMzAuMDkwNyAyMC43NDA3IDI5LjEzMjhDMTkuNzM2NCAyNy42NDc3IDIwLjY5MTcgMjUuNDc5NyAyMi4zNjM5IDI1LjcwNTdMMjMuMDk3MiAyNS43ODc2QzI1LjE4OTEgMjYuMDIxNyAyOC4yMTY3IDI1LjcyODYgMzAuNzExOSAyNC41NjYxQzMyLjk5ODIgMjMuNTAzNCAzMy44NTcxIDIyLjMzNDMgMzMuNzI4MSAyMS4zODc5QzMzLjY4NDYgMjEuMDk0MSAzMy41NDY0IDIwLjgyMjcgMzMuMzM0NiAyMC42MTVDMzIuOTI0NyAyMC4yMTIyIDMyLjI3MzEgMTkuODk3OCAzMS4xNzU3IDE5LjU5QzMwLjgxMzIgMTkuNDg2OSAzMC41NjY2IDE5LjQyNjMgMzAuMzAyMSAxOS4zMzQ2QzI5LjgzMTcgMTkuMTcwOCAyOS41OTgyIDE5LjA1MjkgMjkuNTQ2IDE4LjE2NTVDMjkuNTIzMSAxNy43Nzc0IDI5LjQ1NDUgMTYuNDIzMyAyOS40MyAxNS44NjMzQzI5LjM4NzYgMTQuODgwOSAyOS4yNjY3IDEzLjU0NDcgMjguNDQwNCAxMi45OTEzQzI4LjIyNyAxMi44NTQgMjcuOTgwMiAxMi43NzgyIDI3LjcyNjggMTIuNzcxOUMyNy41ODU2IDEyLjc2MzYgMjcuNDQ0IDEyLjc3NzQgMjcuMzA3MSAxMi44MTI4QzI2LjgzMzUgMTIuODkzMSAyNi41NTQzIDEzLjE0MDMgMjYuMjA0OCAxMy40MzgzQzI1LjE3MTEgMTQuMzAxMiAyNC4yOTc0IDE0LjQ0MzcgMjMuMzI1OCAxNC40MDExQzIyLjc0NjEgMTQuMzc2NSAyMi4xMzIxIDE0LjI4NjUgMjEuNDI2NiAxNC4yMzc0TDIxLjAxNTEgMTQuMjE0NEMxOS4zODIgMTQuMTMwOSAxNy42NDQ1IDE1LjUzOTEgMTcuMzUzOCAxNy41Mzg0QzE2Ljk1MDUgMjAuMzIxOSAxOC45NjA3IDIxLjc2MTIgMTkuNTQyMSAyMi42MDQ1QzE5LjYzMjUgMjIuNzExNyAxOS42ODkzIDIyLjg0MzIgMTkuNzA1NCAyMi45ODI3QzE5LjY5IDIzLjEzNzcgMTkuNjE1OCAyMy4yODA3IDE5LjQ5OCAyMy4zODIyQzE3LjgzODggMjUuMDkzMyAxNy4zMDgxIDI3LjgxMTQgMTcuOTMzNiAzMC4wNzU5QzE4LjAwOTggMzAuMzU2MiAxOC4xMDgxIDMwLjYyOTkgMTguMjI3NSAzMC44OTQ2QzE5LjY5NzIgMzQuMzMzMSAyNC4yNDUyIDM1LjkzMjkgMjguNjkxOSAzNC40NzU2QzI5LjI3MTEgMzQuMjgyMiAyOS44MzMxIDM0LjA0MDYgMzAuMzcyMyAzMy43NTM1QzMxLjM0NDkgMzMuMjcwMyAzMi4yMjE0IDMyLjYxMzMgMzIuOTU5IDMxLjgxNDhDMzQuMTAzMyAzMC42NjU3IDM0Ljg1NyAyOS4xODQgMzUuMTEyOSAyNy41ODA1QzM1LjI1MDEgMjYuNjg5OCAzNS4wNTQxIDI2LjM1MDggMzQuNzgxNCAyNi4xODcxWk0yOC43OTQ4IDIwLjQ5NTVDMjguNzk0OCAyMC44NjIzIDI4LjU2NzggMjEuMTUwNSAyOC4zMDQ5IDIxLjE1MDVDMjguMDQxOSAyMS4xNTA1IDI3LjgyOCAyMC44NDQzIDI3LjgzMjkgMjAuNDc3NUMyNy44Mzc4IDIwLjExMDcgMjguMDYxNSAxOS44MjI1IDI4LjMyMjggMTkuODIyNUMyOC41ODQxIDE5LjgyMjUgMjguODA3OCAyMC4xMzA0IDI4LjgwMTMgMjAuNDk1NUgyOC43OTQ4Wk0yNy41Nzk4IDE2LjE2NDZDMjguMDk5MSAxNi4wODExIDI4LjM0OSAxNi42MTgxIDI4LjUzNTEgMTcuNTA4OUMyOC42NTkyIDE4LjEwNjUgMjguNjM0NyAxOC42NTUxIDI4LjQ5NzYgMTguOTc0NEMyOC4yNDEyIDE4Ljk0MDggMjcuOTgxNSAxOC45NDA4IDI3LjcyNTEgMTguOTc0NEMyNy40NzcgMTguNjE3NiAyNy4zMDk4IDE4LjIxMDggMjcuMjM1MiAxNy43ODIzQzI3LjA0MjUgMTYuODkzMiAyNy4wNjIxIDE2LjI0ODEgMjcuNTc5OCAxNi4xNjQ2Wk0yNS44NDA2IDIwLjk0NThDMjUuOTU4MiAyMC43MDUxIDI2LjMxOTEgMjAuNjQxMiAyNi42NDc0IDIwLjgwMzNDMjYuOTc1NiAyMC45NjU0IDI3LjE0NzEgMjEuMjk0NSAyNy4wMjk1IDIxLjUzMDNDMjYuOTExOSAyMS43NjYxIDI2LjU0OTQgMjEuODMzMyAyNi4yMjI4IDIxLjY3MTFDMjUuODk2MiAyMS41MDkgMjUuNzIzMSAyMS4xODQ4IDI1Ljg0MDYgMjAuOTQ1OFpNMjMuODA5MiAyMC42NzU2QzIzLjc1NTMgMjAuNzU5MSAyMy42NDU5IDIwLjc0NDQgMjMuMzk3NiAyMC43MTY1QzIyLjg3NCAyMC42MzcyIDIyLjMzODggMjAuNjkzNiAyMS44NDMgMjAuODgwM0MyMS43MyAyMC45Mjc3IDIxLjYxMTUgMjAuOTYwNyAyMS40OTAzIDIwLjk3ODVDMjEuNDYxIDIwLjk3ODIgMjEuNDMyOCAyMC45Njc4IDIxLjQxMDMgMjAuOTQ5MUMyMS4zOTgxIDIwLjkzNzkgMjEuMzg4NiAyMC45MjQyIDIxLjM4MjQgMjAuOTA4OUMyMS4zNzYyIDIwLjg5MzYgMjEuMzczNCAyMC44NzcxIDIxLjM3NDMgMjAuODYwNkMyMS40MDE5IDIwLjcxMTggMjEuNDg2MyAyMC41Nzk2IDIxLjYwOTUgMjAuNDkyMkMyMS44NzE3IDIwLjI3NjQgMjIuMTkxNCAyMC4xNDI2IDIyLjUyODkgMjAuMTA3NEMyMy4xOTUxIDIwLjAyNzIgMjMuNjgxOCAyMC4zMzgzIDIzLjc5NjEgMjAuNTIzM0MyMy44MTMzIDIwLjU0NDUgMjMuODIzNyAyMC41NzAzIDIzLjgyNiAyMC41OTc1QzIzLjgyODMgMjAuNjI0NiAyMy44MjI1IDIwLjY1MTggMjMuODA5MiAyMC42NzU2Wk0yMC4wOTg5IDE5Ljc1ODdDMjAuMDEyNCAxOS43NDU2IDE5Ljk3NDggMTkuNzA3OSAxOS45NjM0IDE5LjY1ODhDMTkuOTMwNyAxOS41MDY1IDIwLjE2NTkgMTkuMjUyNyAyMC40MTQxIDE5LjA3MUMyMC43NzYxIDE4LjgwNTQgMjEuMjAwMSAxOC42Mzc3IDIxLjY0NTQgMTguNTg0MUMyMi4wOTA4IDE4LjUzMDUgMjIuNTQyMyAxOC41OTI3IDIyLjk1NjcgMTguNzY0OEMyMy4zNDM4IDE4LjkyNTMgMjMuNjc2NiAxOS4xOTQyIDIzLjkxNTMgMTkuNTM5M0MyNC4wMDM1IDE5LjY4MzMgMjQuMDE5OCAxOS43OTYzIDIzLjk2MjcgMTkuODU1M0MyMy44NzQ1IDE5Ljk1MDIgMjMuNjQ1OSAxOS44NDIyIDIzLjI3NTIgMTkuNjc4NEMyMi44Mjk4IDE5LjQ1ODggMjIuMzM3NCAxOS4zNTI1IDIxLjg0MTQgMTkuMzY5QzIxLjAxODMgMTkuNDE5NyAyMC4zMDMxIDE5Ljc4MTYgMjAuMDk4OSAxOS43NTg3WiIgZmlsbD0iI0VGRUVFQSIvPgo8cGF0aCBkPSJNMjUuNzQ3MyA5LjY1OTg0QzI1LjgxOTEgOS42NzYyMiAyNS44NjQ5IDkuNTUzNDEgMjUuODAxMiA5LjUxNzM5QzI0Ljc0NjkgOC45Njg2NiAyMy41ODM2IDguNjYzMjEgMjIuMzk2MyA4LjYyMzM3QzIyLjM4NDggOC42MjMyOSAyMi4zNzM1IDguNjIgMjIuMzYzOCA4LjYxMzg2QzIyLjM1NCA4LjYwNzcyIDIyLjM0NjEgOC41OTg5OCAyMi4zNDExIDguNTg4NjFDMjIuMzM2IDguNTc4MjQgMjIuMzMzOSA4LjU2NjY2IDIyLjMzNSA4LjU1NTE1QzIyLjMzNjEgOC41NDM2NSAyMi4zNDA0IDguNTMyNjkgMjIuMzQ3MyA4LjUyMzQ5QzIyLjUzMjYgOC4yODIwNSAyMi43NDgzIDguMDY1NzUgMjIuOTg5MSA3Ljg3OTk5QzIyLjk5OTggNy44NzEzIDIzLjAwNzQgNy44NTk0NiAyMy4wMTEgNy44NDYxNkMyMy4wMTQ2IDcuODMyODYgMjMuMDEzOSA3LjgxODc2IDIzLjAwOSA3LjgwNTg5QzIzLjAwNDEgNy43OTMwMSAyMi45OTUzIDcuNzgyMDEgMjIuOTgzOCA3Ljc3NDQ0QzIyLjk3MjMgNy43NjY4NyAyMi45NTg4IDcuNzYzMTMgMjIuOTQ1IDcuNzYzNzRDMjEuNDkgNy44NTM3OSAxOS44MjkyIDguNTUyOTYgMTguODczOSA5LjIwNjI4QzE4Ljg2MzUgOS4yMTMzMiAxOC44NTExIDkuMjE3MDEgMTguODM4NiA5LjIxNjg2QzE4LjgyNiA5LjIxNjcxIDE4LjgxMzggOS4yMTI3MyAxOC44MDM1IDkuMjA1NDVDMTguNzkzMiA5LjE5ODE3IDE4Ljc4NTQgOS4xODc5MyAxOC43ODEgOS4xNzYwOUMxOC43NzY3IDkuMTY0MjUgMTguNzc2MSA5LjE1MTM3IDE4Ljc3OTIgOS4xMzkxNUMxOC44NzcyIDguNzcxMzUgMTkuMDIxNSA4LjQxNzU2IDE5LjIwODcgOC4wODYzQzE5LjIxNSA4LjA3NDk4IDE5LjIxNzQgOC4wNjE5MyAxOS4yMTU4IDguMDQ5MDlDMTkuMjE0MSA4LjAzNjI0IDE5LjIwODQgOC4wMjQyNyAxOS4xOTk0IDguMDE0OTNDMTkuMTkwNSA4LjAwNTU4IDE5LjE3ODggNy45OTkzNiAxOS4xNjYgNy45OTcxOEMxOS4xNTMzIDcuOTk1IDE5LjE0MDIgNy45OTY5NyAxOS4xMjg3IDguMDAyOEMxNy41OTM2IDguNzkwMzggMTUuODgyMiAxMC4xOTA0IDE0LjQ5MDkgMTEuODAzMkMxNC40ODEyIDExLjgxNTEgMTQuNDc2MiAxMS44MyAxNC40NzY2IDExLjg0NTNDMTQuNDc3IDExLjg2MDYgMTQuNDgyOSAxMS44NzUzIDE0LjQ5MzIgMTEuODg2NkMxNC41MDM1IDExLjg5NzkgMTQuNTE3NSAxMS45MDUxIDE0LjUzMjcgMTEuOTA2OUMxNC41NDc4IDExLjkwODggMTQuNTYzMSAxMS45MDUxIDE0LjU3NTggMTEuODk2NUMxNS43NzYxIDExLjAxODkgMTcuNDIzOCAxMC4yMDUxIDE5LjU4MSA5LjY3Nzg1QzIxLjYwOSA5LjIwNzMgMjMuNzE2NiA5LjIwMTE0IDI1Ljc0NzMgOS42NTk4NFoiIGZpbGw9IiNFRkVFRUEiLz4KPHBhdGggZD0iTTIwLjU1NDggNC42NzE0OEMyMC41NTQ4IDQuNjcxNDggMTkuMDI2MyAyLjg5NDkgMTguNTY1OCAyLjc2MzkxQzE1LjcyNzYgMS45OTU5NyA5LjU5ODkgNi4yMzM1NSA1LjY4NjE4IDExLjgzMzVDNC4xMDM3OSAxNC4wOTggMS44MzcxNSAxOC4xMTEyIDIuOTE5ODUgMjAuMTc0NEMzLjA1Mzc1IDIwLjQyOTggMy44MDk4NCAyMS4wODY0IDQuMjE0ODMgMjEuNDI3QzQuOTQyMTkgMjAuNDA4NCA2LjAzNTA2IDE5LjcxMjMgNy4yNjM2OCAxOS40ODVDOC44NjczMSAxNS4xNjA3IDExLjU0MzggMTEuMTg1IDE1LjA4NzUgOC40NDg5NUMxNi44MDI1IDcuMDQwMTggMTguNjMxMiA1Ljc3NjY3IDIwLjU1NDggNC42NzE0OFoiIGZpbGw9IiNFRkVFRUEiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIzOCIgaGVpZ2h0PSI0MCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") no-repeat center / contain;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s ease;
  z-index: 1;
}
.mc-header.mc-header-collapsed .mc-header-mark {
  opacity: 1;
  pointer-events: auto;
}

/* =============================================
   PRODUCT SWITCHER (mc-switcher.js) — mega-menu like mailchimp.com/developer
============================================= */
/* hide Fern's native product selector; replaced by our own "Products" trigger */
.fern-header-selectors { display: none !important; }

/* "Products" trigger, sitting where the native selector was (next to the logo) */
.mc-switcher-trigger {
  display: inline-flex; align-items: center; gap: 6px;
  margin-left: 20px;
  background: transparent; border: 0; cursor: pointer;
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 16px; font-weight: 500; line-height: 1;
  color: #001d28; padding: 6px 0;
}
.dark .mc-switcher-trigger { color: #efeeea; }
.mc-switcher-trigger:hover { color: #007c89; }
.mc-switcher-trigger:focus-visible { color: #007c89; outline: none;
}
.dark .mc-switcher-trigger:hover { color: #e7b75f; }
.dark .mc-switcher-trigger:focus-visible { color: #e7b75f; outline: none;
}
.mc-switcher-caret { transition: transform .2s ease; }
.mc-switcher-trigger.is-open .mc-switcher-caret { transform: rotate(180deg); }
/* trigger disappears with the rest of the header when it collapses on scroll */
.mc-header-collapsed .mc-switcher-trigger { opacity: 0 !important; pointer-events: none !important; }

/* full-width dark mega-menu panel that drops below the header */
.mc-switcher-panel {
  position: fixed; left: 0; right: 0; top: 0;
  z-index: 40;
  background: #001d28;
  border-top: 1px solid #18323b;
  box-shadow: 0 24px 40px rgba(0, 0, 0, .35);
  opacity: 0; visibility: hidden; transform: translateY(-10px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
.mc-switcher-panel.is-open { opacity: 1; visibility: visible; transform: none; }
.mc-switcher-inner {
  max-width: 88rem; margin: 0 auto; padding: 48px 80px 56px;
  display: grid; grid-template-columns: repeat(2, minmax(280px, 420px)); gap: 56px;
}
.mc-switcher-name {
  display: block; text-decoration: none !important;
  color: #efeeea !important; font-family: 'Means Web', Georgia, serif !important;
  font-size: 24px; font-weight: 300; line-height: 1.1; letter-spacing: -.01em;
  margin-bottom: 12px;
}
.mc-switcher-name:hover { color: #e7b75f !important; }
.mc-switcher-name:focus-visible { color: #e7b75f !important; outline: none;
}
.mc-switcher-desc {
  color: #efeeea; font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 15px; line-height: 1.5; margin: 0 0 18px 0; opacity: .82;
}
.mc-switcher-links { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.mc-switcher-links li { margin: 0 !important; }
.mc-switcher-links li::before { content: none !important; }
.mc-switcher-links a {
  display: inline-flex; align-items: center;
  color: #e7b75f !important; text-decoration: none !important;
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 15px; font-weight: 500; padding: 7px 0;
}
.mc-switcher-links a::before { content: "\2192"; color: #00c14e; margin-right: 10px; font-weight: 700; }
.mc-switcher-links a:hover { color: #ff3ebf !important; }
.mc-switcher-links a:focus-visible { color: #ff3ebf !important; outline: none;
}

@media (max-width: 900px) {

  .mc-switcher-inner { grid-template-columns: 1fr; gap: 32px; padding: 32px 24px 40px; }
  .mc-switcher-trigger { margin-left: 12px; }

}

/* Left gutter so the active marker has room; keeps every row aligned */
#fern-sidebar .fern-sidebar-link {
  position: relative;
  padding-left: 22px !important;
}

/* Hover -> Mailchimp yellow */
#fern-sidebar .fern-sidebar-link:hover,
#fern-sidebar .fern-sidebar-link:hover * {
  color: var(--mc-yellow) !important;
}
#fern-sidebar .fern-sidebar-link:focus-visible,
#fern-sidebar .fern-sidebar-link:focus-within * {
  color: var(--mc-yellow) !important; outline: none;
}

/* Active page: neutral text color only. The weight is deliberately left to
   Fern, which emphasises the active title with a half-pixel text stroke; an
   extra `font-weight: 500 !important` here stacked on top of that and made
   selected items read heavier at some levels than others. */
#fern-sidebar .fern-sidebar-link[data-state="active"],
#fern-sidebar .fern-sidebar-link[data-state="active"] * {
  color: inherit !important;
}

/* Active page: no marker box here — the magenta box lives on the active
   sub-item (scroll-spy); the active page is indicated by a magenta underline. */

/* One weight for every top-level sidebar row.

   Fern bolds a top-level `section:` (`!text-body font-semibold`) but not a
   top-level `page:`, and not an API reference tag group either. So the mix
   varied per tab: API core concepts bolded only Authentication (its single
   section) among nine sibling pages, Building bolded all four of its
   sections, and API Reference bolded nothing. Levelling down rather than up —
   bolding every row would make the reference sidebar solid semibold and leave
   the active page nothing to stand out against. Group-ness is still legible
   from the chevron, and the active row keeps Fern's accent + text-stroke.
   `!important` is required: Fern's `!text-body` is itself important. */
#fern-sidebar .fern-sidebar-link.fern-sidebar-level-1 {
  font-weight: 400 !important;
}

#fern-sidebar
  .fern-sidebar-link.fern-sidebar-level-1:not([data-state="active"]) {
  color: var(--grayscale-a12) !important;
}

/* Active header tab: magenta underline (Mailchimp uses #FF3EBF, not the teal accent) */
.fern-header-tabs a[data-state="active"]::after {
  background: #ff3ebf !important;
}

/* ---------------------------------------------
   Nested sidebar sections (e.g. Mailchimp core concepts > Audiences >
   Contacts / Merge fields / Segments).

   These used to be hand-indented here with a margin and a 1px ::before rail,
   because a `section:` with no collapse config renders its children flush
   with the parent (every link is `fern-sidebar-level-1`) and the hierarchy is
   invisible. Now that every section sets `collapsible: true`, Fern renders
   the child group as a real collapsible: `fern-sidebar-group-level-2` with
   its own indent and left border, and marks the parent link `font-semibold`.
   Re-adding the custom indent/rail on top of that would double both, so the
   rules are gone — see fern/products/marketing-api.yml.
--------------------------------------------- */

/* ---------------------------------------------
   Relocated page TOC (mc-sidebar-toc.js): the active page's headings
   nested under its left-nav item, Mailchimp-style, with an indent rail.
--------------------------------------------- */
.mc-injected-toc {
  list-style: none !important;
  margin: 2px 0 4px 0 !important;
  padding: 0 0 0 22px !important;   /* align under the active item's text */
}
.mc-injected-toc li {
  margin: 0 !important;
  padding: 0 !important;
  border-left: 1px solid var(--mc-dark-border, #18323b);
}
.mc-injected-toc-link {
  position: relative;
  display: block;
  padding: 4px 0 4px 16px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4;
  color: var(--mc-text-muted, #96a8ad);
  text-decoration: none !important;
}
.mc-injected-toc-link:hover {
  color: var(--mc-yellow) !important;
}
.mc-injected-toc-link:focus-visible {
  color: var(--mc-yellow) !important; outline: none;
}
/* Current section (scroll-spy): magenta marker beside the selected sub-item.
   Color must flip with theme — dark ink on the light cream sidebar, cream on dark. */
.mc-injected-toc-link.active {
  color: #001d28 !important;
}
.dark .mc-injected-toc-link.active {
  color: #efeeea !important;
}
/* Hide Fern's right-hand TOC column from first paint (its headings are
   relocated into the left sidebar). visibility:hidden — not display:none — so
   it keeps reserving space (content doesn't reflow) and there's no flash on
   navigation. Scoped with :has(.toc-root) so the left sidebar aside is untouched. */
.fern-main aside:has(.toc-root) {
  visibility: hidden !important;
}

/* marker sits centered ON the indent rail (the li's left border), not to its right */
.mc-injected-toc-link.active::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #ff3ebf;
}

/* =============================================
   BLOG — landing grid + article, Mailchimp-style
============================================= */

/* On any /blog route, hide the left sidebar and let the blog own the width */
.mc-blog-route #fern-sidebar,
.mc-blog-route .fern-sidebar-desktop {
  display: none !important;
}
.mc-blog-route .fern-main,
.mc-blog-route main {
  max-width: 100% !important;
}
/* strip default article padding so the landing sections go edge-to-edge */
.mc-blog-landing {
  margin: -1px 0 0 0;
}
/* hide Fern page chrome on blog (live blog has no copy-page / feedback / prev-next) */
.mc-blog-route .fern-page-actions,
.mc-blog-route .fern-layout-footer-toolbar,
.mc-blog-route .fern-footer-nav {
  display: none !important;
}
/* On blog, fully remove the right TOC column (display:none, not just hidden) so
   the article reclaims the space instead of being pushed left, and widen it.
   Hide the aside regardless of whether it contains a TOC — posts with no
   headings get an empty aside that still reserves space and de-centers the
   article (e.g. the featured "Reintroducing Mailchimp Transactional" post). */
.mc-blog-route .fern-main aside {
  display: none !important;
}
/* The content column is a fixed-width flex item next to the aside; once the
   aside is gone it needs auto margins to stay centred. */
.mc-blog-route .fern-main > .fern-layout-content-wrapper {
  margin-inline: auto !important;
}
.mc-blog-route article.w-content-width {
  width: auto !important;
  max-width: 820px !important;
}

/* --- Landing: dark hero --- */
.mc-blog-hero-section {
  background-color: #001d28;
  padding: 72px 0 96px;
}
.mc-blog-eyebrow {
  color: #00c14e;
  font-family: 'Input Mono Regular', Courier, monospace;
  font-size: 14px;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0 0 16px 0 !important;
}
.mc-blog-title {
  color: #efeeea !important;
  font-family: 'Means Web', Georgia, serif !important;
  font-size: 54px !important;
  font-weight: 300 !important;
  letter-spacing: -.03em !important;
  line-height: 1.05 !important;
  margin: 0 0 12px 0 !important;
}
.mc-blog-tagline {
  color: #96a8ad;
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin: 0 0 48px 0 !important;
  max-width: 560px;
}
.mc-blog-featured { display: block; text-decoration: none !important; }
.mc-blog-featured-img {
  width: 100%;
  border-radius: 4px;
  margin-bottom: 24px;
  display: block;
}
.mc-blog-featured-title {
  color: #efeeea !important;
  font-family: 'Means Web', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin: 0 0 10px 0 !important;
}
.mc-blog-featured-subtitle {
  color: #c7d0d2;
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin: 0 0 12px 0 !important;
}
.mc-blog-featured-author,
.mc-blog-row-author {
  color: #96a8ad;
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 0 !important;
}

/* --- Landing: light list --- */
.mc-blog-list-section {
  background-color: #efeeea;
  padding: 64px 0 96px;
}
.mc-blog-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.mc-blog-row { border-top: 1px dotted #b8b6ad; }
.mc-blog-row:last-child { border-bottom: 1px dotted #b8b6ad; }
.mc-blog-row-link {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  padding: 32px 0;
  text-decoration: none !important;
}
.mc-blog-thumb {
  width: 112px;
  height: 112px;
  object-fit: cover;
  border-radius: 4px;
  flex: 0 0 112px;
}
.mc-blog-row-body { flex: 1 1 auto; }
.mc-blog-row-title {
  color: #001d28 !important;
  font-family: 'Means Web', Georgia, serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin: 0 0 8px 0 !important;
}
.mc-blog-row-link:hover .mc-blog-row-title { color: #007c89 !important; }
.mc-blog-row-link:focus-within .mc-blog-row-title { color: #007c89 !important; outline: none;
}
.mc-blog-row-subtitle {
  color: #4a5b60;
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin: 0 0 10px 0 !important;
}
.mc-blog-author { color: #ff3ebf; font-weight: 500; }

/* --- Individual post --- */
.mc-blog-back {
  display: inline-block;
  color: #007c89 !important;
  font-family: 'Input Mono Regular', Courier, monospace;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none !important;
  margin-bottom: 8px;
}
.mc-blog-back:hover { color: #ff3ebf !important; }
.mc-blog-back:focus-visible { color: #ff3ebf !important; outline: none;
}
.mc-blog-post-byline {
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #4a5b60;
  margin: 0 0 28px 0 !important;
}
.mc-blog-post-hero {
  width: 100%;
  border-radius: 6px;
  margin: 8px 0 8px 0;
  display: block;
}
.mc-blog-post-credit {
  color: #819094;
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-style: italic;
  text-align: center;
  margin: 0 0 40px 0 !important;
}

@media (max-width: 767px) {

  .mc-blog-title, .mc-blog-featured-title { font-size: 34px !important; }
  .mc-blog-row-link { gap: 16px; }
  .mc-blog-thumb { width: 72px; height: 72px; flex-basis: 72px; }

}

/* =============================================
   TOOLS — SDKs page, Mailchimp-style
============================================= */
.mc-tools-hero {
  background-color: #001d28;
  padding: 72px 0 60px;
}
/* SDK libraries sit on a lighter charcoal band; cards go darker for contrast */
.mc-tools-libraries {
  background-color: #18323b;
  padding: 56px 0 96px;
}
.mc-tools-title {
  color: #efeeea !important;
  font-family: 'Means Web', Georgia, serif !important;
  font-size: 54px !important;
  font-weight: 300 !important;
  letter-spacing: -.03em !important;
  margin: 0 0 18px 0 !important;
}
.mc-tools-intro {
  color: #efeeea;
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.55;
  max-width: 640px;
  margin: 0 0 64px 0 !important;
}
.mc-tools-heading {
  color: #efeeea !important;
  font-family: 'Means Web', Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  margin: 0 0 32px 0 !important;
}
.mc-tools-subheading {
  color: #efeeea !important;
  font-family: 'Means Web', Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  margin: 40px 0 18px 0 !important;
}
.mc-tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 20px;
  max-width: 1060px;
}
/* The grid previously relied on the NEXT element supplying top margin
   (.mc-tools-subheading has margin-top: 40px). Pages that follow a grid with
   .mc-tools-heading instead had the heading collide with the last card row,
   so own the bottom spacing here. */
.mc-tools-grid:not(:last-child) {
  margin-bottom: 40px;
}
/* Consecutive grids (mobile cards followed by a repo line, etc.) stay tighter
   than a grid that is followed by a new section heading. */
.mc-tools-grid + .mc-tools-intro {
  margin-top: 20px;
}
/* .mc-tools-heading is authored for a standalone hero page with no top margin.
   When it opens a new section further down a page, it needs breathing room
   above it. :not(:first-child) keeps the hero case unchanged. */
.mc-tools-heading:not(:first-child) {
  margin-top: 56px !important;
}
.mc-tools-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 26px;
  background-color: #001d28;
  border-left: 4px solid #e7b75f;
  border-radius: 2px;
  text-decoration: none !important;
  transition: background-color .15s ease;
}
.mc-tools-card:hover { background-color: #0c2832; }
.mc-tools-card:focus-visible { background-color: #0c2832; outline: none;
}
.mc-tools-card-logo {
  height: 30px;
  width: 30px;
  object-fit: contain;
  /* left-align every logo (override the global img `margin:auto` that was
     centering them and making the row look staggered) */
  margin: 0 !important;
  flex: 0 0 30px;
}
/* Rust's logo is black — invert it so it reads on the dark card. */
.mc-tools-card-logo[src*="rust"] {
  filter: invert(1);
}
.mc-tools-card-label {
  color: #efeeea;
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
}
/* Embedded variant: the mc-tools-* blocks were built for the full-bleed
   standalone /tools page — a dark teal band (.mc-tools-libraries) with cream
   text on top, inside a 1188px container. Embedded in a product page's content
   column, the container overflows and the band fights the page, so this variant
   drops the band and goes fluid.
   IMPORTANT: dropping the dark band means the inherited cream heading/body
   colors would be cream-on-cream and invisible, so they must be re-stated
   against the page background here. */
.mc-tools-page--embedded .mc-container-outer {
  max-width: 100%;
  /* Keep the page's own horizontal rhythm; only the 1188px cap is dropped. */
  padding: 0 24px;
}
.mc-tools-page--embedded .mc-tools-libraries {
  background-color: transparent;
  padding: 0;
}
.mc-tools-page--embedded .mc-tools-grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  max-width: 100%;
}
/* Text colors follow the page, not the (now absent) dark band. */
.mc-tools-page--embedded .mc-tools-heading,
.mc-tools-page--embedded .mc-tools-subheading {
  color: var(--grayscale-a12, #001d28) !important;
}
.mc-tools-page--embedded .mc-tools-intro {
  color: var(--grayscale-a11, #2a2a2a) !important;
  font-size: 16px !important;
  max-width: 68ch;
  /* Inherited 64px reads as a gap when the paragraph introduces the grid
     directly below it. */
  margin-bottom: 24px !important;
}
/* Headings in-content should not be hero-sized. */
.mc-tools-page--embedded .mc-tools-heading {
  font-size: 24px !important;
}
.mc-tools-page--embedded .mc-tools-heading:not(:first-child) {
  margin-top: 40px !important;
}

.mc-tools-intg-section {
  background-color: #efeeea;
  padding: 80px 0 96px;
}
.mc-tools-intg-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}
.mc-tools-intg { max-width: 560px; flex: 1 1 55%; }
.mc-tools-intg-img-wrap { flex: 0 1 44%; display: flex; justify-content: flex-end; }
.mc-tools-intg-img { max-width: 436px; width: 100%; height: auto; }
@media (max-width: 900px) {

  .mc-tools-intg-inner { flex-direction: column; align-items: flex-start; gap: 32px; }
  .mc-tools-intg-img-wrap { display: none; }

}
.mc-tools-intg-heading {
  color: #001d28 !important;
  font-family: 'Means Web', Georgia, serif !important;
  font-size: 40px !important;
  font-weight: 300 !important;
  letter-spacing: -.03em !important;
  line-height: 1.1 !important;
  margin: 0 0 20px 0 !important;
}
.mc-tools-intg-copy {
  color: #3d535b;
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  margin: 0 0 28px 0 !important;
}
.mc-tools-intg-btn {
  display: inline-block;
  background-color: #007c89;
  color: #efeeea !important;
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 12px 20px;
  border-radius: 8px;
  text-decoration: none !important;
}
.mc-tools-intg-btn:hover { background-color: #006570; }
.mc-tools-intg-btn:focus-visible { background-color: #006570; outline: none;
}

/* =============================================
   DEVELOPER HOMEPAGE (landing) — match mailchimp.com/developer
============================================= */
.mc-home :is(h1,h2,h3) { pointer-events: none; }
.mc-home a { pointer-events: auto; }

/* Hero (light) */
.mc-home-hero { background: #efeeea; padding: 36px 0 40px; }
.mc-home-hero-inner { display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.mc-home-hero-left { flex: 1 1 55%; max-width: 620px; }
.mc-home-hero-title {
  color: #001d28 !important;
  font-family: 'Means Web', Georgia, serif !important;
  font-size: 54px !important; font-weight: 300 !important;
  letter-spacing: -.03em !important; line-height: 1.0 !important;
  margin: 0 0 24px 0 !important;
}
.mc-home-hero-copy {
  color: #3d535b; font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 19px; line-height: 1.5; margin: 0 !important;
  /* wrap at the same width as the hero title above it */
  max-width: 475px;
}
.mc-home-hero-right { flex: 0 1 40%; display: flex; justify-content: flex-end; }
.mc-home-hero-img { max-width: 300px; width: 100%; }

/* Product overview (dark) — card separation: vertical rule between the two,
   horizontal rule above the full-width Open Commerce card */
.mc-home-products { background: #001d28; padding: 96px 0; }
/* Top box (matches mailchimp.com/developer): Marketing | Transactional split
   by a vertical divider, with LEFT and RIGHT borders only — no top/bottom. */
.mc-home-product-row {
  display: grid; grid-template-columns: 1fr 1fr;
  border-left: 1px solid #18323b;
  border-right: 1px solid #18323b;
  margin-bottom: 40px;
}
.mc-home-product-row > .mc-home-product { padding: 44px; }
.mc-home-product-row > .mc-home-product:first-child { border-right: 1px solid #18323b; }
.mc-home-product-eyebrow {
  display: block; text-decoration: none !important;
  color: #00c14e; font-family: 'Input Mono Regular', Courier, monospace;
  font-size: 14px; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 14px 0 !important;
}
/* product title links to the product landing */
/* product title is a block-level link (not a heading, so Fern's MDX doesn't turn it into a #self-anchor) */
.mc-home-product-title {
  display: block;
  color: #efeeea !important; font-family: 'Means Web', Georgia, serif !important;
  font-size: 54px !important; font-weight: 300 !important; line-height: 1.0 !important;
  letter-spacing: -.02em !important;
  margin: 0 0 18px 0 !important;
  text-decoration: none !important;
}
.mc-home-product-title:hover { color: #e7b75f !important; }
.mc-home-product-title:focus-visible { color: #e7b75f !important; outline: none;
}
.mc-home-product-copy {
  color: #efeeea; font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 20px; line-height: 1.5; margin: 0 0 4px 0 !important;
}
/* the links ARE the bullets: a plain vertical list (no divider lines, no stray prose bullet) */
.mc-home-plinks { list-style: none !important; margin: 8px 0 !important; padding: 0 !important; }
.mc-home-plinks li::before { content: none !important; }
.mc-home-plink {
  display: block; padding: 8px 0;
  color: #e7b75f !important; font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 19px; font-weight: 500; text-decoration: none !important;
}
.mc-home-plink::before {
  content: "→"; color: #00c14e; margin-right: 12px;
  font-weight: 700; -webkit-text-stroke: 0.8px #00c14e;
}
.mc-home-plink:hover { color: #ff3ebf !important; }
.mc-home-plink:focus-visible { color: #ff3ebf !important; outline: none;
}
/* full width so the GitHub pill can sit at the far right; text stays narrow on the left */
/* Bottom box: Open Commerce in a fully-bordered box (all four sides). */
.mc-home-product--wide {
  position: relative; max-width: none;
  border: 1px solid #18323b;
  padding: 44px;
}
.mc-home-product--wide > *:not(.mc-gh-pill) { max-width: 640px; }
/* pin the pill to the top-right inside the box padding, at eyebrow level */
.mc-home-product--wide .mc-gh-pill { position: absolute; top: 44px; right: 44px; }

/* ---- GitHub stars pill (shared: OC product-landing hero + main-landing OC card) ---- */
.mc-gh-pill {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 14px; border-radius: 999px;
  border: 1px solid rgba(0, 29, 40, 0.18); background: transparent;
  color: #001d28 !important; font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 15px; font-weight: 500; line-height: 1; text-decoration: none !important;
}
.mc-gh-pill:hover { border-color: rgba(0, 29, 40, 0.4); }
.mc-gh-pill:focus-visible { border-color: rgba(0, 29, 40, 0.4); outline: none;
}
.mc-gh-pill-mark { width: 16px; height: 16px; flex: 0 0 auto; }
.mc-gh-pill-count::before { content: "\2605"; color: #e7b75f; margin-right: 6px; }
/* dark context (main-landing products section) */
.mc-home-products .mc-gh-pill { color: #efeeea !important; border-color: rgba(239, 238, 234, 0.28); }
.mc-home-products .mc-gh-pill:hover { border-color: rgba(239, 238, 234, 0.55); }
.mc-home-products .mc-gh-pill:focus-visible { border-color: rgba(239, 238, 234, 0.55); outline: none;
}

/* Rounded buttons to match the MCDS button style (per design audit). */
.mc-hero-button, .mc-bottom-button, .mc-home-promo-btn, .mc-tools-intg-btn { border-radius: 8px !important; }
.mc-tools-card { border-radius: 4px !important; }

/* product-landing hero blurbs (Open Commerce) — light band continuing the hero */
.mc-lp-blurbs { background: #efeeea; padding: 8px 0 76px; }
.mc-lp-blurbs-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; }
.mc-lp-blurb-h {
  color: #001d28 !important; font-family: 'Means Web', Georgia, serif !important;
  font-size: 22px !important; font-weight: 400 !important; margin: 0 0 10px 0 !important;
}
.mc-lp-blurb-b {
  color: #3d535b; font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 16px; line-height: 1.55; margin: 0 !important;
}
@media (max-width: 900px) {
 .mc-lp-blurbs-row { grid-template-columns: 1fr; gap: 28px; } 
}

/* Stats — lighter background for separation from the products section */
.mc-home-stats { background: #0c2832; padding: 88px 0; }
.mc-home-stats-title {
  color: #efeeea !important; font-family: 'Means Web', Georgia, serif !important;
  font-size: 32px !important; font-weight: 300 !important; margin: 0 0 16px 0 !important;
}
.mc-home-stats-copy {
  color: #efeeea; font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 19px; line-height: 1.55; max-width: 660px; margin: 0 0 52px 0 !important;
}
.mc-home-stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.mc-home-stat { border-top: 2px solid #26424c; padding-top: 22px; }
.mc-home-stat-label {
  color: #00c14e; font-family: 'Means Web', Georgia, serif; font-size: 74px; font-weight: 300; line-height: 1.1; margin-bottom: 14px;
}
.mc-home-stat-copy {
  color: #efeeea; font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.5; margin: 0 !important;
}

/* Promos */
.mc-home-promo { padding: 92px 0; }
.mc-home-promo--light { background: #efeeea; }
.mc-home-promo--dark { background: #001d28; }
.mc-home-promo-inner { display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.mc-home-promo-inner > div:first-child { flex: 1 1 55%; max-width: 600px; }
.mc-home-promo-eyebrow {
  font-family: 'Input Mono Regular', Courier, monospace; font-size: 14px; letter-spacing: .08em;
  text-transform: uppercase; color: #007c89; margin: 0 0 14px 0 !important;
}
.mc-home-promo-title {
  font-family: 'Means Web', Georgia, serif !important; font-size: 54px !important; font-weight: 300 !important;
  letter-spacing: -.02em !important; line-height: 1.02 !important; margin: 0 0 20px 0 !important;
}
.mc-home-promo--light .mc-home-promo-title { color: #001d28 !important; }
.mc-home-promo--dark .mc-home-promo-title { color: #efeeea !important; }
.mc-home-promo-copy { font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.55; margin: 0 0 30px 0 !important; max-width: 660px; }
.mc-home-promo--light .mc-home-promo-copy { color: #3d535b; }
.mc-home-promo--dark .mc-home-promo-copy { color: #efeeea; }
.mc-home-promo-btn {
  display: inline-block; background: #007c89; color: #efeeea !important;
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 17px;
  padding: 13px 22px; border-radius: 8px; text-decoration: none !important;
}
.mc-home-promo-btn:hover { background: #006570; }
.mc-home-promo-btn:focus-visible { background: #006570; outline: none;
}
.mc-home-promo-link {
  color: #e7b75f !important; font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 17px; font-weight: 500; text-decoration: none !important;
}
.mc-home-promo-link:hover { color: #ff3ebf !important; }
.mc-home-promo-link:focus-visible { color: #ff3ebf !important; outline: none;
}
.mc-home-promo-img { max-width: 380px; width: 100%; }

/* Testimonial carousel (dark) */
.mc-home-quote { background: #0c2832; padding: 80px 0; }
.mc-quote-carousel { display: flex; align-items: center; justify-content: center; gap: 44px; }
/* fixed height so switching between quotes of different lengths doesn't shift the layout */
.mc-quote-track { flex: 0 1 860px; min-height: 260px; display: flex; align-items: center; justify-content: center; }
.mc-quote-slide { display: none; text-align: center; margin: 0 !important; padding: 0 !important; width: 100%; }
.mc-quote-slide.is-active { display: block; }
.mc-quote-text {
  color: #efeeea; font-family: 'Means Web', Georgia, serif;
  font-size: 28px; font-weight: 300; line-height: 1.4; letter-spacing: -.01em;
  max-width: 620px; margin: 0 auto 24px auto !important; padding: 0 !important; border: 0 !important;
  quotes: "\201C" "\201D";
}
.mc-quote-text::before { content: open-quote; }
.mc-quote-text::after { content: close-quote; }
.mc-quote-author {
  color: #efeeea; font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 15px; margin: 0 !important;
}
/* plain chevrons — no circle */
.mc-quote-arrow {
  flex: 0 0 auto; padding: 8px; background: transparent; border: 0;
  color: #96a8ad; cursor: pointer; transition: color .15s ease;
  display: inline-flex; align-items: center; justify-content: center;
}
.mc-quote-arrow:hover { color: #e7b75f; }
.mc-quote-arrow:focus-visible { color: #e7b75f; outline: none;
}
.mc-quote-dots { display: flex; justify-content: center; gap: 10px; margin-top: 36px; }
.mc-quote-dot {
  width: 9px; height: 9px; border-radius: 50%; padding: 0;
  background: #3d535b; border: 0; cursor: pointer; transition: background .15s ease;
}
.mc-quote-dot.is-active { background: #e7b75f; }
.mc-quote-dot:hover { background: #96a8ad; }
.mc-quote-dot:focus-visible { background: #96a8ad; outline: none;
}
@media (max-width: 767px) {

  .mc-quote-carousel { gap: 16px; }
  .mc-quote-text { font-size: 22px; }

}

@media (max-width: 900px) {

  .mc-home-hero-inner, .mc-home-promo-inner { flex-direction: column; align-items: flex-start; }
  .mc-home-hero-right, .mc-home-promo-img-wrap { display: none; }
  .mc-home-product-row { grid-template-columns: 1fr; }
  .mc-home-product-row > .mc-home-product { padding: 28px; }
  .mc-home-product-row > .mc-home-product:first-child { border-right: none; border-bottom: 1px solid #18323b; }
  .mc-home-product--wide { padding: 28px; }
  .mc-home-stats-grid { grid-template-columns: 1fr; }
  .mc-home-hero-title { font-size: 44px !important; }
  .mc-home-product--wide .mc-gh-pill { position: static; margin-top: 16px; }

}

/* =============================================
   MOBILE RESPONSIVE
============================================= */
@media (max-width: 1023px) {

  .mc-hero-right { display: none; }
  .mc-hero-left { flex-basis: 100%; max-width: 100%; }
  .mc-hero-h2 { font-size: 40px !important; }
  .mc-use-case-item {
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mc-use-case-left {
    border-right: none;
    border-bottom: 1px solid #18323b;
    flex-basis: 100%;
    padding-right: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .mc-use-case-links {
    flex-basis: 100%;
    padding-left: 0 !important;
  }
  .mc-use-case-header p { font-size: 40px !important; }
  .mc-bottom-top-row { flex-direction: column; }
  .mc-bottom-right { display: none; }
  .mc-bottom-heading { font-size: 40px !important; }
  .mc-bottom-details { grid-template-columns: 1fr; }
  .mc-footer-inner {
    grid-template-areas:
      'signup'
      'products-resources'
      'imagelist'
      'external-links'
      'legal';
    grid-template-columns: 1fr;
  }
  .mc-footer-bottom-links ul { flex-wrap: wrap; gap: 1.6em; }
  .mc-nav-wrap { display: none; }
  .mc-subnav { overflow-x: auto; }

}

/* --- Phone-width refinements (<=767px) -----------------------------------
   The >=1024px block above stacks the two-column use-case rows, but three
   inner containers keep their desktop side padding and the heading is bumped
   UP to 40px. Measured on a 390px viewport that left the text column at
   216px - 55% of the screen - with "audiences" (180px) filling 83% of the
   line box, so it broke mid-word on anything narrower. Hence "Integrat/e",
   "Automat/e/marketin/g", "audience/s".

   Width budget before:  390 - 48 (.mc-container-outer) - 112 (.mc-use-cases-list)
                             - 12 (.mc-use-case-item) = 216px
   After:                390 - 48 = 342px

   .mc-container-outer already supplies the 24px page gutter, so the nested
   containers do not need their own horizontal padding at phone widths. */
@media (max-width: 767px) {

  .mc-container-inner,
  .mc-use-cases-list,
  .mc-bottom-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* Fern's list styling indents each row; the marker is already hidden. */
  .mc-use-case-item {
    padding-left: 0 !important;
  }
  /* Scale with the viewport instead of the fixed 40px set at <=1023px.
     At 320px this lands on 26px, at 390px ~29px, capped at 34px. Worst
     longest-word-to-box ratio across both landing pages drops from 0.85
     to 0.55 at 320px, so no heading can break mid-word. */
  .mc-use-case-header p,
  .mc-hero-h2,
  .mc-bottom-heading {
    font-size: clamp(26px, 7.4vw, 34px) !important;
  }

}

/* --- Phone-width header (<=767px) ---------------------------------------
   The body layout was fixed above, but the header still laid out at desktop
   measure and pushed its right-hand controls off-screen. Measured at 390px:

     390   viewport
      -96  #fern-header padding: 2.5em 3em   (48px each side)
      -32  .fern-header-content padding      (16px each side)
     =262  the row that has to hold
           logo+Products 202 | search 116 | Ask AI 83 | menu 36  = 437px

   So Search, Ask AI and the hamburger all landed beyond the right edge -
   the menu button sat at x=505 on a 390px screen. Nothing scrolled
   horizontally, it was simply clipped, which is the half-cut hamburger in
   the reported screenshots.

   Three things are needed, in order of how much they buy:

   1. Drop the desktop gutters. 128px of a 390px viewport is 33% of the
      screen spent on padding sized for 1440px.
   2. Let the search wrapper shrink. It is a flex item and flex items default
      to `min-width: auto`, which refuses to go below content width - so it
      held its full size and shoved its siblings out rather than collapsing
      to the icon it is designed to collapse to.
   3. Drop the "Ask AI" label (its icon is self-explanatory) and, below
      430px, the button entirely. The logo container is `flex-shrink: 0`
      with `min-width: fit-content` and holds logo + Products at 202px, so
      it cannot yield; something has to. Ask AI is the right thing to lose -
      search stays, and the product switcher has to stay because the mobile
      drawer carries Overview/Tools/Release Notes/Sign Up but NOT the
      Marketing/Transactional switcher, so hiding it would strand users on
      one product.

   Verified with a headless browser against the live site - header overflow
   and control collisions both 0 at 320 / 375 / 390 / 431 / 768px, body
   overflow 0, and at 768px these rules correctly do not apply. */
@media (max-width: 767px) {

  #fern-header {
    padding: 0.875rem 1rem !important;
  }
  #fern-header .fern-header-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* min-width:auto is what stops this collapsing to the search icon */
  #fern-header .fern-header-content > div > div > div[class*="max-w-[640px]"] {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  #fern-header .fern-header-content .fern-button-text { display: none !important; }
  /* the "/" shortcut hint is meaningless at phone width (Fern already hides
     it on coarse pointers; this also covers narrow windows with a keyboard) */
  #fern-header .fern-kbd { display: none !important; }

}

/* Below ~430px the logo + product switcher alone is 202px of non-shrinkable
   width, so the Ask AI button has to go to keep search and the menu on
   screen. Search reaches the same assistant from inside its dialog. */
@media (max-width: 430px) {

  #fern-header .fern-header-content > div > div { gap: 0.5rem !important; }
  #fern-header .fern-header-content button[class*="h-9"]:has(svg):not(:has(.fern-kbd)) {
    display: none !important;
  }

}

/* Below 375px the search button is narrower than its own "Search" label, and
   the button has `overflow: hidden`, so the label was rendering clipped
   mid-glyph - a stray "S" floating beside the magnifier.

   The label is a bare text node on the button, not a wrappable element, so
   there is nothing to `display: none`. Zeroing the font size is what works;
   the magnifier is sized in rem (root-relative) so it is unaffected, verified
   at 16px either side of the breakpoint.

   Measured cutover: the label needs 87px of button, and the button is 74px at
   360px viewport but 89px at 375px - hence 374px, not a round number. Above
   it the label renders normally.

   Scoped to the search wrapper on purpose: a looser
   `button:has(> svg)` also matches the Products switcher, whose chevron is a
   direct svg child, and silently blanked its label too. */
@media (max-width: 374px) {

  #fern-header .fern-header-content div[class*="max-w-[640px]"] button {
    font-size: 0 !important;
  }

}

/* --- Drop Fern's product-selector card from the mobile drawer ------------
   Opening the hamburger put a large product card at the very top of the
   drawer - `</>` icon, "Mailchimp Marketing API", the product description and
   an up/down control - pushing the actual navigation below the fold. It is
   redundant: the custom "Products" trigger sits in the header at every width
   and opens the full mega-menu (.mc-switcher-panel, built in mc-header.js).

   Worth recording how this is wired, because it is easy to misread. The card
   is Fern's NATIVE selector, not our custom panel:

     .fern-header-switchers > button.fern-product-selector
       > .fern-selection-item > .fern-selection-item-{title,subtitle}

   confirmed with elementFromPoint against the open drawer. There are two
   .fern-product-selector instances in the DOM - one in the header, which is
   already zero-sized at phone widths, and this one - so `querySelector`
   returns the wrong (hidden) one and reports 0x0. Our .mc-switcher-panel is
   a separate body-appended element that stays closed here (verified
   `is-open` false), so it is not involved.

   Hiding the container rather than just the button: .fern-header-switchers
   holds only the product selector today, and collapsing it leaves no gap
   above the nav. If Fern ever adds a version or language switcher there,
   this rule needs narrowing to .fern-product-selector.

   Verified: visible product selectors 1 -> 0, drawer nav unchanged, and the
   drawer now opens straight onto Overview / core concepts / page tree. */
@media (max-width: 767px) {

  .fern-header-switchers {
    display: none !important;
  }

}

/* =============================================
   DOCS PARITY WITH mailchimp.com/developer
   (bigger headings, sidebar product title, guides banner, landing sub-nav)
============================================= */

/* --- #2 Larger in-content headings ---------------------------------------
   Real site: h1 ~50px light serif (Means), h2 ~30px medium (Graphik).
   Scoped to Fern content layouts so the custom `layout: custom` landing
   pages (which use their own .mc-hero-* classes) are untouched. */
.fern-page-heading {
  /* Scales down on narrow screens instead of overflowing. A flat 3.15rem
     (50.4px) pushed the longest page title we ship, "Authentication", to
     333px inside a 288px column at a 320px viewport - it broke out of the
     content column AND gave the page a horizontal scrollbar
     (scrollWidth 365 vs viewport 320).

     clamp caps at the original 3.15rem, so it is reached at ~458px and every
     tablet/desktop width renders exactly as before. The 2.25rem floor keeps
     "Authentication" at 238px, inside the 288px column with room to spare. */
  font-size: clamp(2.25rem, 11vw, 3.15rem) !important;   /* 36px .. ~50px */
  font-weight: 400 !important;      /* Means Light */
  line-height: 1.05 !important;
  letter-spacing: -0.01em;
}
.fern-layout-guide h2,
.fern-layout-overview h2,
.fern-layout-page h2,
.fern-layout-reference h2 {
  /* Section headers use the BODY font (Graphik), not the serif headings font
     (Means) — matches mailchimp.com/developer, where only the page h1 is serif. */
  font-family: "Graphik Web", var(--body-font, sans-serif) !important;
  font-size: 1.875rem !important;   /* ~30px */
  font-weight: 600 !important;
  line-height: 1.2 !important;
}
.fern-layout-guide h3,
.fern-layout-overview h3,
.fern-layout-page h3,
.fern-layout-reference h3 {
  font-family: "Graphik Web", var(--body-font, sans-serif) !important;
  font-size: 1.4rem !important;     /* ~22px */
  font-weight: 600 !important;
}

/* --- #1 Sidebar product title --------------------------------------------
   Injected by mc-sidebar-product-title.js at the top of the sidebar; styled
   as an uppercase monospace label like the real site's "MAILCHIMP MARKETING
   API". */
.mc-sidebar-product-title {
  font-family: "Input Mono Regular", ui-monospace, monospace;
  font-size: 0.8125rem;             /* ~13px */
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mc-text-muted, #96A8AD);
  /* left padding aligns the label with the nav link text below it */
  padding: 0.25rem 0.75rem 0.9rem 26px;
  margin-bottom: 0.25rem;
}

/* --- #3 Quickstart banner --------------------------------------------------
   Decorative binary-header banner, placed only on the Quick Start pages via a
   <div class="mc-guides-banner"> in those MDX files. Spans the full content
   width. Inlined as a data-URI (the repo's pattern for CSS images) so it
   resolves in both `fern docs dev` and production. */
.mc-guides-banner {
  width: 100%;
  height: 135px;
  margin: 0 0 2rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4ODAgMTYwIiBmaWxsPSJub25lIj48cmVjdCB4PSIxMiIgeT0iMTIiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcng9IjIiIHN0cm9rZT0iIzE4MzIzQiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjUiLz48Y2lyY2xlIGN4PSI2NiIgY3k9IjIyIiByPSI2IiBmaWxsPSIjMTgzMjNCIiBvcGFjaXR5PSIwLjUiLz48cmVjdCB4PSIxMDAiIHk9IjEyIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIyIiBmaWxsPSIjMDA3Qzg5IiBvcGFjaXR5PSIwLjkiLz48bGluZSB4MT0iMTQ0IiB5MT0iMzIiIHgyPSIxNjQiIHkyPSIxMiIgc3Ryb2tlPSIjMTgzMjNCIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuNSIvPjxjaXJjbGUgY3g9IjE5OCIgY3k9IjIyIiByPSIxMCIgc3Ryb2tlPSIjMTgzMjNCIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuNSIvPjxyZWN0IHg9IjIzMiIgeT0iMTIiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcng9IjIiIHN0cm9rZT0iIzE4MzIzQiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjUiLz48Y2lyY2xlIGN4PSIyODYiIGN5PSIyMiIgcj0iNiIgZmlsbD0iIzE4MzIzQiIgb3BhY2l0eT0iMC41Ii8+PHJlY3QgeD0iMzIwIiB5PSIxMiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMiIgZmlsbD0iIzE4MzIzQiIgb3BhY2l0eT0iMC41Ii8+PGxpbmUgeDE9IjM2NCIgeTE9IjMyIiB4Mj0iMzg0IiB5Mj0iMTIiIHN0cm9rZT0iIzE4MzIzQiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjUiLz48Y2lyY2xlIGN4PSI0MTgiIGN5PSIyMiIgcj0iMTAiIHN0cm9rZT0iIzE4MzIzQiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjUiLz48cmVjdCB4PSI0NTIiIHk9IjEyIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIyIiBzdHJva2U9IiMxODMyM0IiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC41Ii8+PGNpcmNsZSBjeD0iNTA2IiBjeT0iMjIiIHI9IjYiIGZpbGw9IiMxODMyM0IiIG9wYWNpdHk9IjAuNSIvPjxyZWN0IHg9IjU0MCIgeT0iMTIiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcng9IjIiIGZpbGw9IiMxODMyM0IiIG9wYWNpdHk9IjAuNSIvPjxsaW5lIHgxPSI1ODQiIHkxPSIzMiIgeDI9IjYwNCIgeTI9IjEyIiBzdHJva2U9IiMxODMyM0IiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC41Ii8+PGNpcmNsZSBjeD0iNjM4IiBjeT0iMjIiIHI9IjEwIiBzdHJva2U9IiMxODMyM0IiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC41Ii8+PHJlY3QgeD0iNjcyIiB5PSIxMiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMiIgc3Ryb2tlPSIjMDA3Qzg5IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuOSIvPjxjaXJjbGUgY3g9IjcyNiIgY3k9IjIyIiByPSI2IiBmaWxsPSIjMTgzMjNCIiBvcGFjaXR5PSIwLjUiLz48cmVjdCB4PSI3NjAiIHk9IjEyIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIyIiBmaWxsPSIjMTgzMjNCIiBvcGFjaXR5PSIwLjUiLz48bGluZSB4MT0iODA0IiB5MT0iMzIiIHgyPSI4MjQiIHkyPSIxMiIgc3Ryb2tlPSIjMTgzMjNCIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuNSIvPjxjaXJjbGUgY3g9Ijg1OCIgY3k9IjIyIiByPSIxMCIgc3Ryb2tlPSIjMTgzMjNCIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuNSIvPjxjaXJjbGUgY3g9IjIyIiBjeT0iNjYiIHI9IjEwIiBzdHJva2U9IiMxODMyM0IiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC41Ii8+PHJlY3QgeD0iNTYiIHk9IjU2IiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIyIiBzdHJva2U9IiMxODMyM0IiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC41Ii8+PGNpcmNsZSBjeD0iMTEwIiBjeT0iNjYiIHI9IjYiIGZpbGw9IiMxODMyM0IiIG9wYWNpdHk9IjAuNSIvPjxyZWN0IHg9IjE0NCIgeT0iNTYiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcng9IjIiIGZpbGw9IiMxODMyM0IiIG9wYWNpdHk9IjAuNSIvPjxsaW5lIHgxPSIxODgiIHkxPSI3NiIgeDI9IjIwOCIgeTI9IjU2IiBzdHJva2U9IiMxODMyM0IiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC41Ii8+PGNpcmNsZSBjeD0iMjQyIiBjeT0iNjYiIHI9IjEwIiBzdHJva2U9IiMxODMyM0IiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC41Ii8+PHJlY3QgeD0iMjc2IiB5PSI1NiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMiIgc3Ryb2tlPSIjMDA3Qzg5IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuOSIvPjxjaXJjbGUgY3g9IjMzMCIgY3k9IjY2IiByPSI2IiBmaWxsPSIjMTgzMjNCIiBvcGFjaXR5PSIwLjUiLz48cmVjdCB4PSIzNjQiIHk9IjU2IiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIyIiBmaWxsPSIjMTgzMjNCIiBvcGFjaXR5PSIwLjUiLz48bGluZSB4MT0iNDA4IiB5MT0iNzYiIHgyPSI0MjgiIHkyPSI1NiIgc3Ryb2tlPSIjMTgzMjNCIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuNSIvPjxjaXJjbGUgY3g9IjQ2MiIgY3k9IjY2IiByPSIxMCIgc3Ryb2tlPSIjMTgzMjNCIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuNSIvPjxyZWN0IHg9IjQ5NiIgeT0iNTYiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcng9IjIiIHN0cm9rZT0iIzE4MzIzQiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjUiLz48Y2lyY2xlIGN4PSI1NTAiIGN5PSI2NiIgcj0iNiIgZmlsbD0iIzE4MzIzQiIgb3BhY2l0eT0iMC41Ii8+PHJlY3QgeD0iNTg0IiB5PSI1NiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMiIgZmlsbD0iIzAwN0M4OSIgb3BhY2l0eT0iMC45Ii8+PGxpbmUgeDE9IjYyOCIgeTE9Ijc2IiB4Mj0iNjQ4IiB5Mj0iNTYiIHN0cm9rZT0iIzE4MzIzQiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjUiLz48Y2lyY2xlIGN4PSI2ODIiIGN5PSI2NiIgcj0iMTAiIHN0cm9rZT0iIzE4MzIzQiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjUiLz48cmVjdCB4PSI3MTYiIHk9IjU2IiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIyIiBzdHJva2U9IiMxODMyM0IiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC41Ii8+PGNpcmNsZSBjeD0iNzcwIiBjeT0iNjYiIHI9IjYiIGZpbGw9IiMxODMyM0IiIG9wYWNpdHk9IjAuNSIvPjxyZWN0IHg9IjgwNCIgeT0iNTYiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcng9IjIiIGZpbGw9IiMxODMyM0IiIG9wYWNpdHk9IjAuNSIvPjxsaW5lIHgxPSI4NDgiIHkxPSI3NiIgeDI9Ijg2OCIgeTI9IjU2IiBzdHJva2U9IiMxODMyM0IiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC41Ii8+PGxpbmUgeDE9IjEyIiB5MT0iMTIwIiB4Mj0iMzIiIHkyPSIxMDAiIHN0cm9rZT0iIzE4MzIzQiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjUiLz48Y2lyY2xlIGN4PSI2NiIgY3k9IjExMCIgcj0iMTAiIHN0cm9rZT0iIzE4MzIzQiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjUiLz48cmVjdCB4PSIxMDAiIHk9IjEwMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMiIgc3Ryb2tlPSIjMTgzMjNCIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuNSIvPjxjaXJjbGUgY3g9IjE1NCIgY3k9IjExMCIgcj0iNiIgZmlsbD0iIzE4MzIzQiIgb3BhY2l0eT0iMC41Ii8+PHJlY3QgeD0iMTg4IiB5PSIxMDAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcng9IjIiIGZpbGw9IiMxODMyM0IiIG9wYWNpdHk9IjAuNSIvPjxsaW5lIHgxPSIyMzIiIHkxPSIxMjAiIHgyPSIyNTIiIHkyPSIxMDAiIHN0cm9rZT0iIzE4MzIzQiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjUiLz48Y2lyY2xlIGN4PSIyODYiIGN5PSIxMTAiIHI9IjEwIiBzdHJva2U9IiMxODMyM0IiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC41Ii8+PHJlY3QgeD0iMzIwIiB5PSIxMDAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcng9IjIiIHN0cm9rZT0iIzE4MzIzQiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjUiLz48Y2lyY2xlIGN4PSIzNzQiIGN5PSIxMTAiIHI9IjYiIGZpbGw9IiMxODMyM0IiIG9wYWNpdHk9IjAuNSIvPjxyZWN0IHg9IjQwOCIgeT0iMTAwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIyIiBmaWxsPSIjMTgzMjNCIiBvcGFjaXR5PSIwLjUiLz48bGluZSB4MT0iNDUyIiB5MT0iMTIwIiB4Mj0iNDcyIiB5Mj0iMTAwIiBzdHJva2U9IiMxODMyM0IiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC41Ii8+PGNpcmNsZSBjeD0iNTA2IiBjeT0iMTEwIiByPSIxMCIgc3Ryb2tlPSIjRTdCNzVGIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuOSIvPjxyZWN0IHg9IjU0MCIgeT0iMTAwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIyIiBzdHJva2U9IiMxODMyM0IiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iMC41Ii8+PGNpcmNsZSBjeD0iNTk0IiBjeT0iMTEwIiByPSI2IiBmaWxsPSIjMTgzMjNCIiBvcGFjaXR5PSIwLjUiLz48cmVjdCB4PSI2MjgiIHk9IjEwMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMiIgZmlsbD0iIzE4MzIzQiIgb3BhY2l0eT0iMC41Ii8+PGxpbmUgeDE9IjY3MiIgeTE9IjEyMCIgeDI9IjY5MiIgeTI9IjEwMCIgc3Ryb2tlPSIjMTgzMjNCIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuNSIvPjxjaXJjbGUgY3g9IjcyNiIgY3k9IjExMCIgcj0iMTAiIHN0cm9rZT0iIzE4MzIzQiIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIwLjUiLz48cmVjdCB4PSI3NjAiIHk9IjEwMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMiIgc3Ryb2tlPSIjMTgzMjNCIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuNSIvPjxjaXJjbGUgY3g9IjgxNCIgY3k9IjExMCIgcj0iNiIgZmlsbD0iIzE4MzIzQiIgb3BhY2l0eT0iMC41Ii8+PHJlY3QgeD0iODQ4IiB5PSIxMDAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcng9IjIiIGZpbGw9IiMxODMyM0IiIG9wYWNpdHk9IjAuNSIvPjwvc3ZnPg==") center / 100% auto no-repeat;
}

/* Hide the header tab bar when a product has just one tab (Tools, Release
   Notes, Blog) — a lone tab is a redundant nav header. */
.fern-header-tabs:has([role="tablist"] > a[role="tab"]:only-child) {
  display: none !important;
}

/* Landing pages: headings are display text, not clickable anchor links
   (Fern makes headings anchor links; remove that behavior on the landings). */
.mc-home :is(h1, h2, h3, h4, h5, h6),
.mc-landing-page :is(h1, h2, h3, h4, h5, h6) {
  cursor: default !important;
  pointer-events: none !important;
}

/* --- Remove the section breadcrumb (e.g. "Guides") above the page title ----- */
.fern-breadcrumb {
  display: none !important;
}

/* --- Disable click-to-zoom on images site-wide ----------------------------
   Fern wraps content images with react-medium-image-zoom ([data-rmiz]); this
   removes the zoom trigger and the zoom-in cursor. */
[data-rmiz-btn-zoom] {
  display: none !important;
}
[data-rmiz],
[data-rmiz] img,
[data-rmiz-content] img {
  cursor: default !important;
  pointer-events: none !important;
}

/* Release Notes / Changelog uses the custom full-width, no-sidebar treatment via
   .mc-blog-route (mc-blog.js blog-routes /release-notes; the .mc-blog-route rules
   above hide the sidebar/aside and let the feed own the width). Safe now that the
   tag filter updates client-side rather than reloading the page. */
/* Keep the changelog's pagination ("Older posts / Next") — it lives in
   .fern-footer-nav, which the blog-route rule above hides (blog posts have no
   prev/next). Restore it on the changelog only. */
body:has(.fern-layout-changelog) .fern-footer-nav {
  display: flex !important;
}

/* ===========================================================================
   Integration Partner Program (custom landing page, linked from the homepage)
   Faithful copy of mailchimp.com/developer/integration-partner-program:
   cream / dark-teal / charred sections. Type sizes, colors, framing lines,
   and the testimonial carousel match the source page.
   =========================================================================== */
.mc-ipp-eyebrow {
  font-family: 'Input Mono Regular', Courier, monospace; font-size: 14px; letter-spacing: .08em;
  text-transform: uppercase; color: #007c89; margin: 0 0 16px 0 !important;
}

/* Hero (cream) */
.mc-ipp-hero { background: #efeeea; padding: 72px 0 80px; }
.mc-ipp-hero-inner { display: flex; align-items: center; justify-content: space-between; gap: 56px; }
.mc-ipp-hero-left { flex: 1 1 55%; max-width: 600px; }
.mc-ipp-hero-title {
  font-family: 'Means Web', Georgia, serif !important; font-weight: 300 !important;
  font-size: 60px !important; line-height: 1.02 !important; letter-spacing: -.02em !important;
  color: #001d28 !important; margin: 0 0 22px 0 !important;
}
.mc-ipp-hero-copy {
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 21px;
  line-height: 1.5; color: #3d535b; margin: 0 0 30px 0 !important; max-width: 520px;
}
.mc-ipp-hero-right { flex: 0 1 42%; display: flex; justify-content: flex-end; }
.mc-ipp-hero-img { max-width: 420px; width: 100%; }

/* Benefits (dark teal) — big GREEN serif numerals, all copy in cream (no grey) */
.mc-ipp-benefits { background: #0c2832; padding: 88px 0; }
.mc-ipp-benefits-title {
  font-family: 'Means Web', Georgia, serif !important; font-weight: 300 !important;
  font-size: 32px !important; line-height: 40px !important; letter-spacing: -.5px !important;
  color: #efeeea !important; margin: 0 0 16px 0 !important;
}
.mc-ipp-benefits-intro {
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 30px;
  color: #efeeea; max-width: 720px; margin: 0 0 52px 0 !important;
}
/* Vertical white hairlines separating the three benefits (no top/bottom rules) */
.mc-ipp-benefits-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
  border-left: 1px solid rgba(255, 255, 255, .28); border-right: 1px solid rgba(255, 255, 255, .28);
}
.mc-ipp-benefit { padding: 6px 40px; }
.mc-ipp-benefit + .mc-ipp-benefit { border-left: 1px solid rgba(255, 255, 255, .28); }
.mc-ipp-benefit-num {
  font-family: 'Means Web', Georgia, serif; font-size: 74px; font-weight: 300;
  color: #00c14e; line-height: 89px; margin: 0 0 4px 0;
}
.mc-ipp-benefit-title {
  font-family: 'Means Web', Georgia, serif !important; font-size: 24px !important;
  font-weight: 400 !important; line-height: 32px !important; color: #efeeea !important;
  margin: 0 0 12px 0 !important;
}
.mc-ipp-benefit-copy {
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 16px;
  line-height: 26px; color: #efeeea; margin: 0 !important;
}

/* Testimonials (darker teal) — 3-slide carousel with circular company logo.
   Reuses the homepage .mc-quote-* carousel markup + mc-carousel.js. */
.mc-ipp-quote { background: #18323b; padding: 96px 0; }
.mc-ipp-carousel .mc-quote-track { min-height: 380px; }
/* Company logo sits BELOW the quote + author */
.mc-ipp-quote-logo {
  width: 116px; height: 116px; border-radius: 10px; object-fit: cover;
  display: block; margin: 34px auto 0 auto !important;
}
/* Slight fade + green glow as each slide appears */
@keyframes mc-ipp-slidein { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes mc-ipp-logoglow {
  0%   { opacity: 0; filter: drop-shadow(0 0 0 rgba(0, 193, 78, 0)); }
  45%  { filter: drop-shadow(0 0 16px rgba(0, 193, 78, .55)); }
  100% { opacity: 1; filter: drop-shadow(0 0 0 rgba(0, 193, 78, 0)); }
}
.mc-ipp-carousel .mc-quote-slide.is-active { animation: mc-ipp-slidein .5s ease; }
.mc-ipp-carousel .mc-quote-slide.is-active .mc-ipp-quote-logo { animation: mc-ipp-logoglow 1.1s ease; }

/* Marketplace (cream) — framed by left/right hairlines; two-column top with
   Spot image, then a divided 3-card row that links out to each integration. */
.mc-ipp-marketplace { background: #efeeea; padding: 88px 0; }
.mc-ipp-frame { border-left: 1px solid #819094; border-right: 1px solid #819094; }
.mc-ipp-mkt-top { display: flex; align-items: center; justify-content: space-between; gap: 48px; padding: 48px; }
.mc-ipp-mkt-left { flex: 1 1 54%; max-width: 540px; }
.mc-ipp-mkt-title {
  font-family: 'Means Web', Georgia, serif !important; font-weight: 300 !important;
  font-size: 54px !important; line-height: 1.02 !important; letter-spacing: -.02em !important;
  color: #001d28 !important; margin: 0 0 18px 0 !important;
}
.mc-ipp-mkt-copy {
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.5;
  color: #001d28; margin: 0 0 28px 0 !important; max-width: 460px;
}
.mc-ipp-mkt-right { flex: 0 1 40%; display: flex; justify-content: flex-end; }
.mc-ipp-mkt-img { max-width: 320px; width: 100%; }
/* No inner lines — only the two wide frame lines around the whole section */
.mc-ipp-cards { display: grid; grid-template-columns: repeat(3, 1fr); padding: 8px 48px 8px; }
.mc-ipp-card {
  display: flex; flex-direction: column; padding: 8px 24px 8px 0;
  text-decoration: none !important;
}
.mc-ipp-card:not(:first-child) { padding-left: 32px; }
.mc-ipp-card-logo { height: 48px; width: auto; max-width: 150px; object-fit: contain; object-position: left; margin: 0 0 18px 0 !important; }
/* Category label sits below the logo, above the company name */
.mc-ipp-card-cat {
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 500;
  letter-spacing: .06em; text-transform: uppercase; color: #007c89; margin: 0 0 6px 0 !important;
}
.mc-ipp-card-name {
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif !important; font-size: 16px !important;
  font-weight: 500 !important; color: #001d28 !important; margin: 0 0 8px 0 !important;
}
.mc-ipp-card-copy {
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 16px;
  line-height: 1.5; color: #3d535b; margin: 0 !important;
}
.mc-ipp-card:hover .mc-ipp-card-name { color: #007c89 !important; }
.mc-ipp-card:focus-within .mc-ipp-card-name { color: #007c89 !important; outline: none;
}

/* Start building (charred) — two columns split by hairlines, two yellow links,
   no button, no image. */
.mc-ipp-build { background: #001d28; padding: 88px 0; }
/* Two tall outer frame lines; the middle divider is shorter than these. */
.mc-ipp-build-grid {
  display: grid; grid-template-columns: 1fr 1fr; align-items: start;
  border-left: 1px solid #3d535b; border-right: 1px solid #3d535b;
}
.mc-ipp-build-col:first-child { padding: 0 56px; }
.mc-ipp-build-col:last-child { padding-right: 56px; }
/* Middle divider spans only the right column's content (shorter than the outer
   lines); the right text begins at the divider's top. */
.mc-ipp-build-right { border-left: 1px solid #3d535b; padding-left: 56px; margin-top: 92px; }
.mc-ipp-eyebrow--light { color: #efeeea; }
.mc-ipp-build-title {
  font-family: 'Means Web', Georgia, serif !important; font-weight: 300 !important;
  font-size: 54px !important; line-height: 1.02 !important; letter-spacing: -.02em !important;
  color: #efeeea !important; margin: 0 0 18px 0 !important;
}
.mc-ipp-build-copy {
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.5;
  color: #efeeea; margin: 0 0 26px 0 !important;
}
.mc-ipp-link {
  display: inline-block; color: #e7b75f !important; font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
  font-size: 17px; font-weight: 500; text-decoration: none !important;
}
.mc-ipp-link:hover { color: #ff3ebf !important; }
.mc-ipp-link:focus-visible { color: #ff3ebf !important; outline: none;
}
.mc-ipp-build-reqs-heading {
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 500;
  color: #efeeea; margin: 0 0 18px 0 !important;
}
.mc-ipp-reqs { margin: 0 0 26px 0 !important; padding: 0 !important; list-style: none !important; }
.mc-ipp-reqs li {
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5;
  color: #efeeea; padding: 0 0 0 26px; margin: 0 0 12px 0 !important; position: relative;
}
.mc-ipp-reqs li::before {
  content: ""; position: absolute; left: 0; top: 7px; width: 9px; height: 9px;
  border-radius: 0; background: #00c14e;
}

/* Apply CTA (cream) */
.mc-ipp-apply { background: #efeeea; padding: 80px 0; text-align: center; }
.mc-ipp-apply-title {
  font-family: 'Means Web', Georgia, serif !important; font-weight: 300 !important;
  font-size: 48px !important; line-height: 1.05 !important; letter-spacing: -.02em !important;
  color: #001d28 !important; margin: 0 0 14px 0 !important;
}
.mc-ipp-apply-copy {
  font-family: 'Graphik Web', Helvetica, Arial, sans-serif; font-size: 20px;
  color: #3d535b; margin: 0 0 28px 0 !important;
}

/* Remove heading anchor links across the whole page (parent card links stay clickable) */
.mc-ipp :is(h1, h2, h3, h4, h5, h6) { cursor: default !important; pointer-events: none; }
.mc-ipp :is(h1, h2, h3, h4, h5, h6) a { pointer-events: auto; }
.mc-ipp a[href^="#"] { display: none !important; }

@media (max-width: 900px) {

  .mc-ipp-hero-inner, .mc-ipp-mkt-top { flex-direction: column; align-items: flex-start; gap: 36px; }
  .mc-ipp-hero-right, .mc-ipp-mkt-right { justify-content: flex-start; }
  .mc-ipp-benefits-grid, .mc-ipp-cards, .mc-ipp-build-grid { grid-template-columns: 1fr; }
  .mc-ipp-benefit + .mc-ipp-benefit { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .28); }
  .mc-ipp-card:not(:first-child) { padding-left: 0; }
  .mc-ipp-build-col:first-child, .mc-ipp-build-col:last-child { padding: 0 28px; }
  .mc-ipp-build-right { border-left: 0; padding-left: 0; margin-top: 40px; }
  .mc-ipp-hero-title { font-size: 44px !important; }
  .mc-ipp-mkt-title { font-size: 36px !important; }

}