/* Friendly printed illustrations and two spot colours for the public homepage. */
.landing-page {
  --ink: #392b25;
  --muted: #706357;
  --rule: #d1c6b7;
  --accent: #794830;
  --accent-hover: #573224;
  --accent-soft: #efe0d4;
  --sky: #acd4f7;
  --sky-soft: #e5eff4;
  --terracotta: #b96f53;
}
.landing-page .public-topbar.landing-topbar { border-bottom-color: var(--ink); }
.landing-page .landing-brand .logo { border: 0; color: var(--ink); background: var(--sky); border-radius: 50%; width: 36px; height: 36px; }
.landing-page .landing-brand b { font-weight: 700; letter-spacing: -.035em; }
.landing-page .landing-hero { padding-top: 52px; padding-bottom: 62px; }
.landing-page .landing-proof-kicker { letter-spacing: .065em; color: var(--accent); }
.landing-page .landing-hero-actions .btn { padding: 12px 15px; }
.landing-page .landing-result-catalogue { margin-top: 48px; padding-top: 30px; }
.landing-page .landing-result-heading { margin-bottom: 26px; }
.landing-page .landing-catalogue-number { color: var(--accent); }
.landing-page .landing-result-index > a:hover { background: var(--sky-soft); }
.landing-page .landing-result-demo figcaption { background: var(--sky-soft); }
.landing-page .b-success { color: #445845; background: #e7eee1; }
.landing-page .landing-report-label { color: var(--accent); }
.landing-page .landing-demo-line.is-selected { background: var(--sky-soft); border-left-color: var(--accent); }
.landing-page .landing-cis-languages > article::before { color: var(--accent); }

/* A blue paper insert separates deployment from the surrounding catalogue. */
.landing-page .landing-teams { background: var(--sky); border-top: 0; border-bottom: 0; --rule: #769fb8; --muted: #514c45; --text-2: #514c45; --text-3: #514c45; --accent-soft: #c4e0f6; }
.landing-page .landing-teams .eyebrow { color: var(--ink); }
.landing-page .landing-team-guide-link { color: var(--ink); text-underline-offset: 4px; }
.landing-page .landing-team-facts article { border-color: #769fb8; }
.landing-page .landing-teams .btn:not(.btn-primary) { border-color: #6c7e83; }
.landing-page .landing-pricing-cta { background: var(--sky-soft); border-color: #b4cbd7; }
.landing-page .landing-output-tabs button[aria-selected="true"] { background: var(--sky-soft); border-color: var(--ink); }
.landing-page .landing-output-mini-grid article { border-top-color: var(--terracotta); }
.landing-page .landing-api-code { background: var(--ink); }
.landing-page .landing-api-code > div b { color: #e0c8b9; }
.landing-page .landing-api-code > div span { background: var(--sky); }

/* A small illustration adds warmth to the final invitation. */
.landing-page .landing-signin { background: #f0e8da; }
.landing-page .landing-signin-prelude { display: flex; gap: 20px; align-items: center; margin: -18px 0 8px; }
.landing-page .landing-signin-prelude img { flex: 0 0 auto; width: 100px; height: 100px; }
.landing-page .landing-signin-prelude .eyebrow { max-width: 160px; color: var(--accent); }
.landing-page .public-login-card { border-top: 4px solid var(--terracotta); background: var(--paper-light); }
.landing-page .auth-mode-tabs .active { background: var(--sky-soft); color: var(--ink); }

@media (max-width: 600px) {
  .landing-page .landing-hero { padding-top: 32px; padding-bottom: 40px; }
  .landing-page .landing-hero-actions .btn { min-height: 48px; font-size: 14px; }
  .landing-page .landing-signin-prelude { gap: 12px; margin-top: 0; }
  .landing-page .landing-signin-prelude img { width: 84px; height: 84px; }
}