:root {
  --cf-green: #0b4f3f;
  --cf-green-2: #137a55;
  --cf-deep: #095540;
  --cf-primary: #006937;
  --cf-lime: #b7f397;
  --cf-ink: #18211d;
  --cf-muted: #67726c;
  --cf-line: #d9dfd9;
  --cf-bg: #f5f5f5;
  --cf-white: #fff;
  --cf-cta-yellow: #bf9a2f;
  --cf-cta-yellow-hover: #a78324;
  --cf-cta-ink: #20292d;
  --cf-shell: 1400px;
  --cf-font-display: "Hanken Grotesk", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --cf-font-body: "Hanken Grotesk", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --cf-title-h1: 56px;
  --cf-title-h2: 40px;
  --cf-title-h2-compact: 32px;
  --cf-title-h3: 32px;
  --cf-title-h4: 24px;
  --cf-title-h5: 20px;
  --cf-title-h6: 16px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--cf-ink); font-family: var(--cf-font-body); font-size: 16px; font-weight: 400; background: var(--cf-white); line-height: 1.5; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }
.site-shell,
.max-w-max-width {
  width: min(var(--cf-shell), calc(100% - 40px));
  max-width: var(--cf-shell) !important;
  margin-left: auto;
  margin-right: auto;
}
.px-margin-desktop {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.eyebrow { color: var(--cf-green-2); text-transform: uppercase; letter-spacing: .2rem; font-size: 13px; font-weight: 600; margin: 0 0 12px; }
h1, h2, h3, h4, h5, h6 { font-family: var(--cf-font-display); font-weight: 600; letter-spacing: -.012em; margin: 0 0 18px; text-wrap: balance; }
h1, h2 { font-weight: 700; }
h3, h4, h5, h6,
h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 600; }
h1 { font-size: var(--cf-title-h1); line-height: 1.04; }
h2 { font-size: var(--cf-title-h2); line-height: 1.08; }
h3 { font-size: var(--cf-title-h3); line-height: 1.18; }
h4 { font-size: var(--cf-title-h4); line-height: 1.22; }
h5 { font-size: var(--cf-title-h5); line-height: 1.28; }
h6 { font-size: var(--cf-title-h6); line-height: 1.35; }
p { margin: 0 0 18px; }
.lead { font-size: 20px; color: var(--cf-muted); }

@media (max-width: 1024px) {
  :root {
    --cf-title-h1: 48px;
    --cf-title-h2: 36px;
    --cf-title-h2-compact: 32px;
    --cf-title-h3: 28px;
    --cf-title-h4: 22px;
    --cf-title-h5: 19px;
    --cf-title-h6: 16px;
  }
}

@media (max-width: 640px) {
  :root {
    --cf-title-h1: 36px;
    --cf-title-h2: 30px;
    --cf-title-h2-compact: 28px;
    --cf-title-h3: 26px;
    --cf-title-h4: 22px;
    --cf-title-h5: 18px;
    --cf-title-h6: 15px;
  }
  .site-shell,
  .max-w-max-width {
    width: min(var(--cf-shell), calc(100% - 28px));
  }
}