/* Mailchimp brand tokens, from unfairly.ai/brand-guidelines/mailchimp (checked 2026-10-29).
   Sizes, spacing and components were measured on https://mailchimp.com/ (computed styles and bounding boxes at 1440 and 390 px wide, on 2026-10-28 and 2026-10-29).
   Fonts: --font-* use the open stand-ins (load them from Google Fonts); --font-*-original name Mailchimp's own faces, which you may only use if you have a licence. */
:root {
  --color-paper: #FFFFFF;
  --color-surface: #F5F5F5;
  --color-ink: #231E15;
  --color-ink-muted: #706D67;
  --color-accent: #FFE01B;
  --color-on-accent: #231E15;
  --color-accent-secondary: #C5DBF2;
  --color-night: #231E15;
  --color-on-night: #FFFFFF;
  --color-tint-cream: #FBEECA;
  --color-tint-peach: #FFDBCC;
  --color-tint-pink: #FFCCD8;
  --color-tint-lime: #EDFFCC;
  --color-ochre: #E7B75F;
  --color-ochre-rule: #AC8848;
  --color-hairline: #BCBAB6;
  --color-charcoal: #403B3B;
  --color-logo-tile: #F0F4F6;
  --color-cobrand-rule: #DEDEDE;
  --color-focus: #4BC4C2;
  --color-disabled: #DBD9D2;
  --color-logo-navy: #0D0031;
  --font-display: Literata, Georgia, serif;
  --font-display-original: "Means Web", Literata, Georgia, serif;
  --font-body: "Hanken Grotesk", Arial, Helvetica, sans-serif;
  --font-body-original: Tally, "Hanken Grotesk", Arial, Helvetica, sans-serif;
  --font-mono: "Source Code Pro", monospace;
  --page-margin: 80px;
  --section-padding: 80px;
  --container-max: 1280px;
  --hero-text-max: 960px;
  --card-gap: 16px;
  --nav-height: 68px;
  --grid-gutter: 16px;
  --grid-columns: 2;
  --text-hero-headline-size: 62px;
  --text-hero-headline-line: 1.239;
  --text-hero-headline-weight: 450;
  --text-hero-headline-tracking: -0.62px;
  --text-section-headline-size: 38.75px;
  --text-section-headline-line: 1.033;
  --text-section-headline-weight: 450;
  --text-section-headline-tracking: -0.39px;
  --text-result-headline-size: 38.75px;
  --text-result-headline-line: 1.166;
  --text-result-headline-weight: 450;
  --text-result-headline-tracking: -0.39px;
  --text-plan-headline-size: 46.5px;
  --text-plan-headline-line: 1.033;
  --text-plan-headline-weight: 450;
  --text-plan-headline-tracking: -0.47px;
  --text-stat-number-size: 46.5px;
  --text-stat-number-line: 1.033;
  --text-stat-number-weight: 450;
  --text-stat-number-tracking: -0.47px;
  --text-quote-size: 31px;
  --text-quote-line: 1.29;
  --text-quote-weight: 450;
  --text-quote-tracking: -0.31px;
  --text-lead-size: 20px;
  --text-lead-line: 1.6;
  --text-lead-weight: 330;
  --text-lead-tracking: -0.2px;
  --text-card-title-size: 23px;
  --text-card-title-line: 1.3;
  --text-card-title-weight: 330;
  --text-card-title-tracking: -0.23px;
  --text-card-body-size: 14px;
  --text-card-body-line: 1.5;
  --text-card-body-weight: 330;
  --text-card-body-tracking: -0.14px;
  --text-card-bullet-size: 16px;
  --text-card-bullet-line: 1.35;
  --text-card-bullet-weight: 330;
  --text-card-bullet-tracking: -0.16px;
  --text-body-size: 16px;
  --text-body-line: 1.75;
  --text-body-weight: 330;
  --text-body-tracking: -0.16px;
  --text-arrow-link-size: 16px;
  --text-arrow-link-line: 2;
  --text-arrow-link-weight: 330;
  --text-arrow-link-tracking: -0.16px;
  --text-eyebrow-size: 16px;
  --text-eyebrow-line: 1.5;
  --text-eyebrow-weight: 500;
  --text-button-size: 13px;
  --text-button-line: 1.5;
  --text-button-weight: 700;
  --text-button-tracking: 0.26px;
  --text-nav-link-size: 13px;
  --text-nav-link-line: 1.1;
  --text-nav-link-weight: 700;
  --text-nav-link-tracking: 0.26px;
  --text-label-size: 13px;
  --text-label-line: 1.25;
  --text-label-weight: 330;
  --text-label-tracking: -0.13px;
  --text-footer-heading-size: 16px;
  --text-footer-heading-line: 1.5;
  --text-footer-heading-weight: 330;
  --text-footer-heading-tracking: -0.16px;
  --text-footer-link-size: 13px;
  --text-footer-link-line: 1.35;
  --text-footer-link-weight: 330;
  --text-footer-link-tracking: -0.13px;
  --text-legal-size: 11px;
  --text-legal-line: 1.45;
  --text-legal-weight: 330;
  --text-legal-tracking: -0.11px;
  --radius-button-primary: 999px;
  --radius-button-secondary: 999px;
  --radius-card: 24px;
  --radius-button-primary-compact: 999px;
  --radius-button-nav-phone: 999px;
  --radius-button-ink: 999px;
  --radius-button-on-dark: 999px;
  --radius-arrow-link: 16px;
  --radius-feature-card: 24px;
  --radius-case-study-card: 24px;
  --radius-plan-card: 0px;
  --radius-integration-tile: 16px;
  --radius-segmented-toggle: 30px;
  --ease-button-lift: cubic-bezier(0.5, 2.5, 0.7, 0.7);
  --duration-button-lift: 300ms;
}
/* Phone values measured at 390px; Mailchimp's CSS switches at 767px. */
@media (max-width: 767px) {
  :root {
    --page-margin: 29px;
    --section-padding: 48px;
    --text-hero-headline-size: 34.88px;
    --text-section-headline-size: 28.09px;
    --text-result-headline-size: 27.12px;
    --text-plan-headline-size: 35.84px;
    --text-stat-number-size: 34.88px;
    --text-lead-size: 16px;
    --text-card-title-size: 17px;
    --text-card-body-size: 12px;
    --text-card-bullet-size: 12px;
  }
}
.button-primary {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 48px; padding: 0 24px; border-radius: 999px;
  background: var(--color-accent); color: var(--color-ink);
  box-shadow: inset 0 0 0 1px var(--color-ink);
  font: 700 15px/1 var(--font-body);
}
.button-primary:hover { transform: translateY(-0.375em); box-shadow: inset 0 0 0 1px #231E15, 0 0.375em 0 0 #231E15; } /* observed */
.button-primary:focus-visible { outline: 2px solid #4BC4C2; outline-offset: 3px; } /* observed */
.button-primary:active { transform: translateY(-0.108em); box-shadow: inset 0 0 0 1px #231E15, 0 0.2em 0 0 #231E15; } /* observed */
.button-primary:disabled { background-color: #DBD9D2; color: rgba(35, 30, 21, 0.65); box-shadow: none; pointer-events: none; } /* observed */
.button-secondary {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 44px; padding: 0 24px; border-radius: 999px;
  background: transparent; color: var(--color-ink);
  box-shadow: inset 0 0 0 1px var(--color-ink);
  font: 700 13px/1 var(--font-body);
}
.button-secondary:hover { transform: translateY(-0.375em); box-shadow: inset 0 0 0 1px #231E15, 0 0.375em 0 0 #231E15; } /* observed */
.button-secondary:focus-visible { outline: 2px solid #4BC4C2; outline-offset: 3px; } /* observed */
.button-primary-compact {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 44px; padding: 0 24px; border-radius: 999px;
  background: var(--color-accent); color: var(--color-ink);
  box-shadow: inset 0 0 0 1px var(--color-ink);
  font: 700 13px/1 var(--font-body);
}
.button-primary-compact:hover { transform: translateY(-0.375em); box-shadow: inset 0 0 0 1px #231E15, 0 0.375em 0 0 #231E15; } /* observed */
.button-primary-compact:focus-visible { outline: 2px solid #4BC4C2; outline-offset: 3px; } /* observed */
.button-nav-phone {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 32px; padding: 0 16px; border-radius: 999px;
  background: var(--color-accent); color: var(--color-ink);
  box-shadow: inset 0 0 0 1px var(--color-ink);
  font: 700 13px/1 var(--font-body);
}
.button-ink {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 44px; padding: 0 24px; border-radius: 999px;
  background: var(--color-ink); color: var(--color-paper);
  box-shadow: inset 0 0 0 1px var(--color-ink);
  font: 700 13px/1 var(--font-body);
}
.button-on-dark {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  border: 0; cursor: pointer; text-decoration: none;
  height: 44px; padding: 0 24px; border-radius: 999px;
  background: var(--color-accent); color: var(--color-ink);
  font: 700 13px/1 var(--font-body);
}
.button-on-dark:hover { transform: translateY(-0.375em); box-shadow: 0 0.375em 0 0 #FFFFFF; } /* observed */
.button-on-dark:focus-visible { outline: 2px solid #4BC4C2; outline-offset: 3px; } /* observed */