/* Public pages only. Canonical colors and typography from Home and /start. */
.public-brand-page {
  --ink: #10221e;
  --graphite: #31463f;
  --linen: #f6f7f2;
  --paper: #fff;
  --pine: #205c4c;
  --pine-dark: #10261f;
  --sage: #e9eee4;
  --copper: #205c4c;
  --copper-dark: #205c4c;
  --muted: #526560;
  --line: #dce4dc;
  --public-lime: #d9f29b;
  background: var(--linen);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
.public-brand-page .site-header { background: #f6f7f2f2; }
.public-brand-page .header-inner { min-height: 78px; }
.public-brand-page h1 { font-size: clamp(40px, 5vw, 72px); font-weight: 650; line-height: 1.04; letter-spacing: -.055em; }
.public-brand-page h2 { font-size: clamp(30px, 3.9vw, 56px); font-weight: 650; line-height: 1.1; letter-spacing: -.045em; }
.public-brand-page .page-hero { padding-block: clamp(64px, 7vw, 100px); }
.public-brand-page .story-section,
.public-brand-page .about-principles { padding-bottom: 100px; }
.public-brand-page .button,
.public-brand-page .download-button:not(.is-unavailable) {
  background: var(--public-lime);
  border-color: var(--public-lime);
  color: #13291f;
  border-radius: 7px;
  font-weight: 750;
  box-shadow: 0 5px 18px #00000010;
}
.public-brand-page .button-small { color: #13291f !important; }
.public-brand-page .button:hover,
.public-brand-page .download-button:not(.is-unavailable):hover { background: #e4f9b4; border-color: #e4f9b4; box-shadow: 0 5px 18px #00000010; }
.public-brand-page .button-secondary { background: transparent; color: var(--pine); border-color: var(--pine); }
.public-brand-page .button-secondary:hover { background: var(--sage); }
.public-brand-page main a:not(.button, .download-button) { color: var(--pine); text-underline-offset: .25em; }
.public-brand-page .fit-section,
.public-brand-page .contact-section,
.public-brand-page .next-steps { background: var(--pine-dark); }
.public-brand-page .fit-section,
.public-brand-page .setup-promo { padding-block: 100px; }
.public-brand-page .setup-promo { background: var(--sage); color: var(--ink); }
.public-brand-page .eyebrow-light,
.public-brand-page .next-steps .eyebrow,
.public-brand-page .next-step-list strong::before { color: var(--public-lime); }
.public-brand-page .fit-section .boundary-line,
.public-brand-page .next-steps .boundary-line { border-color: var(--public-lime); }
.public-brand-page .contact-section a:not(.button),
.public-brand-page .next-steps a:not(.button) { color: var(--public-lime); }
.public-brand-page .fit-section .button-secondary,
.public-brand-page .contact-section .button-secondary,
.public-brand-page .next-steps .button-secondary { color: var(--public-lime); border-color: var(--public-lime); }
.public-brand-page .fit-section .button-secondary:hover,
.public-brand-page .contact-section .button-secondary:hover,
.public-brand-page .next-steps .button-secondary:hover { background: var(--pine); }
.public-brand-page .site-footer { background: var(--pine-dark); color: #d7e4da; }
.public-brand-page input:not([type="checkbox"]),
.public-brand-page select,
.public-brand-page textarea { border-color: #7d938a; }
.public-brand-page :focus-visible { outline: 3px solid var(--pine); outline-offset: 4px; }
.public-brand-page .fit-section :focus-visible,
.public-brand-page .contact-section :focus-visible,
.public-brand-page .next-steps :focus-visible,
.public-brand-page .site-footer :focus-visible { outline-color: var(--public-lime); }
@media (max-width: 700px) {
  .public-brand-page .story-section,
  .public-brand-page .about-principles { padding-bottom: 64px; }
  .public-brand-page .fit-section,
  .public-brand-page .setup-promo { padding-block: 64px; }
}

/* Remaining legacy accents on dark workflow and partner sections. */
.public-brand-page .workspace-copy .eyebrow,
.public-brand-page .feature-card-dark .feature-number,
.public-brand-page .partner-commission p { color: var(--public-lime); }
.public-brand-page .partner-hero { background: radial-gradient(ellipse at 82% 0%, #205c4c40, transparent 55%), #081b15; }
.public-brand-page .partner-hero .button-secondary { color: var(--public-lime); border-color: var(--public-lime); }
.public-brand-page .partner-hero .button-secondary:hover { background: var(--pine); }
.public-brand-page .partner-application-copy a:not(.button) { color: var(--public-lime); }
.public-brand-page .partner-hero :focus-visible,
.public-brand-page .partner-application-copy :focus-visible { outline-color: var(--public-lime); }
.public-brand-page .partner-form :is(input, select, textarea):focus-visible { outline: 3px solid var(--pine); outline-offset: 2px; }