/* Frame the supplied artwork without changing the original PNG. The source
   has a 176px left / 228px top margin; this shows its 1510 x 440 logo area. */
.knowen-logo {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 160px;
  height: 46.62px;
  overflow: hidden;
  vertical-align: middle;
  background: #fff;
}
.knowen-logo > img {
  position: absolute;
  width: 120.861%;
  max-width: none;
  height: auto;
  left: -11.656%;
  top: -51.818%;
}
.agent-lp .lp-brand .knowen-logo { width: 180px; height: 52.45px; }
.agent-lp .lp-footer .knowen-logo { width: 150px; height: 43.71px; }
.one-page-header .navbar-brand { display: flex; align-items: center; }

/* Frame the original 1672 x 941 PNG around its 1514 x 345 artwork area
   (80px from the left, 280px from the top), preserving the full tagline. */
.knowen-md-logo > img { width: 110.436%; left: -5.284%; top: -81.159%; }

/* Wordmark only: x=575, y=360, width=1020, height=165 in the source PNG. */
.knowen-wordmark {
  position: relative;
  display: inline-block;
  width: 124px;
  height: 20.06px;
  overflow: hidden;
  vertical-align: middle;
}
.knowen-wordmark > img {
  position: absolute;
  width: 163.922%;
  max-width: none;
  height: auto;
  left: -56.373%;
  top: -218.182%;
}

/* Dark theme: swap in the transparent-ground artwork with a light wordmark.
   Theme-aware layouts resolve System into data-bs-theme before first paint. */
.logo-dark { display: none; }
[data-bs-theme="dark"] .logo-light { display: none; }
[data-bs-theme="dark"] .logo-dark { display: inline; }
[data-bs-theme="dark"] .knowen-logo { background: transparent; }
/*

 */
/* Scoped marketing styles for the project-memory and Agent Kanban landings.
   The application and the original landing page keep their own styles.
   Type scale: 12 / 14 / 16 / 18 / 22 / 28 / 40 / hero clamp. Nothing visible below 12px. */
.agent-lp {
  --lp-blue: #2980b9;
  --lp-blue-hover: #226a99;
  --lp-blue-light: #8cc4ea;
  --lp-tint: #deeffc;
  --lp-ink: #233440;
  --lp-ink-deep: #17232c;
  --lp-muted: #596b77;
  --lp-line: #dce5eb;
  --lp-pale: #f3f8fc;
  --lp-subtle: #fafcfd;
  --lp-green: #55765d;
  --lp-serif: Lora, Georgia, serif;
  --lp-sans: Lato, "Helvetica Neue", Arial, sans-serif;
  --lp-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --lp-header-height: 64px;
  margin: 0;
  background: #fff;
  color: var(--lp-ink);
  font-family: var(--lp-sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.agent-lp *, .agent-lp *::before, .agent-lp *::after { box-sizing: border-box; }
.agent-lp h1, .agent-lp h2, .agent-lp h3, .agent-lp p, .agent-lp figure, .agent-lp ol, .agent-lp ul { margin: 0; color: inherit; }
.agent-lp ol, .agent-lp ul { padding: 0; list-style: none; }
.agent-lp h1, .agent-lp h2 { font-family: var(--lp-serif); font-weight: 400; }
.agent-lp h3 { font-size: 18px; line-height: 1.4; font-weight: 700; }
.agent-lp a { color: var(--lp-blue); }
.agent-lp a:hover { color: var(--lp-blue-hover); }
.agent-lp button { font: inherit; color: inherit; }
.agent-lp code, .agent-lp pre { font-family: var(--lp-mono); }
.agent-lp a:focus-visible, .agent-lp button:focus-visible, .agent-lp summary:focus-visible,
.agent-lp [tabindex]:focus-visible { outline: 3px solid var(--lp-blue); outline-offset: 4px; }
.agent-lp [hidden] { display: none !important; }
.agent-lp section[id] { scroll-margin-top: calc(var(--lp-header-height) + 24px); }
.agent-lp .lp-container { width: calc(100% - 96px); max-width: 1200px; margin: 0 auto; }
.agent-lp .lp-skip { position: absolute; left: 20px; top: -100px; z-index: 30; padding: 10px; background: white; }
.agent-lp .lp-skip:focus { top: 10px; }

/* Header */
.agent-lp .lp-header { position: sticky; top: 0; z-index: 20; background: rgba(255, 255, 255, .9); border-bottom: 1px solid transparent; transition: border-color 150ms; }
@supports (backdrop-filter: blur(8px)) {
  .agent-lp .lp-header { background: rgba(255, 255, 255, .95); backdrop-filter: saturate(1.4) blur(12px); -webkit-backdrop-filter: saturate(1.4) blur(12px); }
}
html:not(.lp-js) .agent-lp .lp-header { border-bottom-color: var(--lp-line); }
.agent-lp .lp-nav { display: flex; align-items: center; gap: 12px; min-height: var(--lp-header-height); }
.agent-lp .lp-brand { display: inline-flex; align-items: center; text-decoration: none; }
.agent-lp .lp-brand .knowen-logo { width: 180px; height: 41.02px; background: transparent; }
.agent-lp .lp-nav-menu { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.agent-lp .lp-nav-links { display: flex; align-items: center; gap: 4px; margin-right: 8px; }
.agent-lp .lp-nav-links a { position: relative; padding: 8px 12px; border-radius: 4px; color: var(--lp-muted); font-size: 15px; text-decoration: none; }
.agent-lp .lp-nav-links a:hover { color: var(--lp-ink); background: var(--lp-pale); }
.agent-lp .lp-nav-links a[aria-current="page"] { color: var(--lp-ink); font-weight: 700; }
.agent-lp .lp-nav-links a[aria-current="page"]::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px; border-radius: 1px; background: var(--lp-blue); }
.agent-lp .lp-menu-toggle { display: none; width: 40px; height: 40px; padding: 0; align-items: center; justify-content: center; border: 1px solid var(--lp-line); border-radius: 4px; background: white; cursor: pointer; }
.agent-lp .lp-menu-toggle span, .agent-lp .lp-menu-toggle span::before, .agent-lp .lp-menu-toggle span::after { display: block; width: 16px; height: 2px; border-radius: 1px; background: var(--lp-ink); transition: transform 150ms, background 150ms; }
.agent-lp .lp-menu-toggle span { position: relative; }
.agent-lp .lp-menu-toggle span::before, .agent-lp .lp-menu-toggle span::after { content: ''; position: absolute; left: 0; }
.agent-lp .lp-menu-toggle span::before { top: -5px; }
.agent-lp .lp-menu-toggle span::after { top: 5px; }
.agent-lp .lp-menu-toggle[aria-expanded="true"] span { background: transparent; }
.agent-lp .lp-menu-toggle[aria-expanded="true"] span::before { transform: translateY(5px) rotate(45deg); }
.agent-lp .lp-menu-toggle[aria-expanded="true"] span::after { transform: translateY(-5px) rotate(-45deg); }

/* Buttons */
.agent-lp .lp-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 32px; }
.agent-lp .lp-hero-note { margin: 12px 0 0; color: var(--lp-muted, #6b7280); font-size: 14px; }
.agent-lp .lp-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 22px; border: 1px solid var(--lp-line); border-radius: 4px; font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: background 150ms, border-color 150ms, color 150ms; }
.agent-lp .lp-button-sm { min-height: 36px; padding: 8px 14px; font-size: 14px; }
.agent-lp .lp-button-primary { color: white; background: var(--lp-blue); border-color: var(--lp-blue); }
.agent-lp .lp-button-primary:hover { color: white; background: var(--lp-blue-hover); border-color: var(--lp-blue-hover); }
.agent-lp .lp-button-secondary { color: var(--lp-ink); background: white; border-color: #c6d4dd; }
.agent-lp .lp-button-secondary:hover { color: var(--lp-ink); border-color: var(--lp-blue); background: var(--lp-pale); }
.agent-lp .lp-button-ghost { color: white; background: transparent; border-color: rgba(255, 255, 255, .35); }
.agent-lp .lp-button-ghost:hover { color: white; border-color: white; background: rgba(255, 255, 255, .08); }
.agent-lp .lp-text-link { display: inline-block; margin-top: 24px; font-size: 15px; font-weight: 700; text-decoration: none; }
.agent-lp .lp-text-link:hover { text-decoration: underline; }

/* Shared type */
.agent-lp .lp-eyebrow { display: flex; gap: 9px; align-items: center; color: var(--lp-blue); font-size: 12px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; }
.agent-lp .lp-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--lp-blue); flex: 0 0 auto; }
.agent-lp h1 { margin: 20px 0 24px; font-size: clamp(44px, 5vw, 66px); line-height: 1.08; letter-spacing: -2px; }
.agent-lp h1 em { color: var(--lp-blue); font-style: normal; }
.agent-lp .lp-lead { max-width: 600px; color: var(--lp-muted); font-size: 18px; line-height: 1.7; }
.agent-lp .lp-microcopy { margin-top: 18px; color: var(--lp-muted); font-size: 13px; }
.agent-lp .lp-section { padding: 112px 0; }
.agent-lp .lp-section-heading h2 { margin-top: 16px; max-width: 780px; font-size: 40px; line-height: 1.2; letter-spacing: -1px; }
.agent-lp .lp-section-heading h2 + h2 { margin-top: 0; }
.agent-lp .lp-heading-muted { color: var(--lp-muted); }
.agent-lp .lp-window-dots { display: inline-flex; gap: 5px; }
.agent-lp .lp-window-dots i { width: 8px; height: 8px; border: 1px solid #adbfc9; border-radius: 50%; }
.agent-lp .lp-demo-label { color: var(--lp-muted); font-size: 12px; letter-spacing: .2px; }
.agent-lp .lp-avatar { display: inline-flex; flex: 0 0 auto; width: 28px; height: 28px; align-items: center; justify-content: center; border: 1px solid #c9dce9; border-radius: 50%; font-size: 12px; font-weight: 700; color: var(--lp-blue); background: #eaf4fc; }
.agent-lp .lp-status { display: inline-flex; padding: 3px 9px; border: 1px solid #ccdeeb; border-radius: 3px; background: var(--lp-pale); color: var(--lp-blue); font-size: 12px; font-weight: 700; }
.agent-lp .lp-card-id, .agent-lp .lp-node-kicker { display: block; margin-bottom: 8px; color: var(--lp-muted); font-size: 12px; letter-spacing: .6px; text-transform: uppercase; }
.agent-lp .lp-source-chip { display: inline-block; padding: 5px 9px; margin-top: 14px; border: 1px solid #c9dce9; border-radius: 3px; font-size: 13px; text-decoration: none; }

/* Hero */
.agent-lp .lp-hero { padding: 88px 0 64px; }
.agent-lp .lp-hero-memory { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 64px; align-items: center; padding-top: 72px; padding-bottom: 56px; }
.agent-lp .lp-hero-kanban { display: grid; grid-template-columns: 1.7fr 1fr; gap: 90px; align-items: end; }

/* Hero: agent session transcript */
.agent-lp .lp-terminal { overflow: hidden; border-radius: 8px; background: var(--lp-ink-deep); color: #e6edf2; box-shadow: 0 24px 60px rgba(23, 35, 44, .18); }
.agent-lp .lp-terminal-bar { display: flex; align-items: center; gap: 14px; padding: 14px 20px; border-bottom: 1px solid rgba(255, 255, 255, .08); font-size: 13px; }
.agent-lp .lp-terminal-bar .lp-window-dots i { border-color: rgba(255, 255, 255, .3); }
.agent-lp .lp-terminal-bar .lp-demo-label { margin-left: auto; color: #9fb1bd; }
.agent-lp .lp-terminal-body { display: grid; gap: 14px; padding: 22px 20px 6px; }
.agent-lp .lp-term-who { display: block; margin-bottom: 6px; color: #9fb1bd; font-size: 12px; letter-spacing: .6px; text-transform: uppercase; }
.agent-lp .lp-term-user p, .agent-lp .lp-term-agent p { font-size: 15px; line-height: 1.6; }
.agent-lp .lp-term-call { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 10px 12px; border-left: 2px solid var(--lp-blue-light); border-radius: 0 4px 4px 0; background: rgba(255, 255, 255, .05); font-size: 13px; }
.agent-lp .lp-term-tool { color: var(--lp-blue-light); font-family: var(--lp-mono); font-weight: 700; }
.agent-lp .lp-term-call code { color: #e6edf2; }
.agent-lp .lp-term-result { margin-left: auto; color: #a6d1ae; }
.agent-lp .lp-term-agent { padding: 16px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 6px; background: rgba(255, 255, 255, .04); }
.agent-lp .lp-terminal .lp-source-chip { color: var(--lp-blue-light); border-color: rgba(140, 196, 234, .4); }
.agent-lp .lp-terminal figcaption { padding: 14px 20px 18px; color: #9fb1bd; font-size: 13px; }

/* Supported clients */
.agent-lp .lp-clients { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; padding: 22px 0; margin-bottom: 72px; border-top: 1px solid var(--lp-line); border-bottom: 1px solid var(--lp-line); }
.agent-lp .lp-clients p { color: var(--lp-muted); font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
.agent-lp .lp-clients ul { display: flex; flex-wrap: wrap; gap: 8px 28px; }
.agent-lp .lp-clients li { color: var(--lp-ink); font-size: 16px; font-weight: 700; }

/* Demo frame (shared with the Kanban landing) */
.agent-lp .lp-demo { border: 1px solid var(--lp-line); border-radius: 8px; overflow: hidden; box-shadow: 0 12px 45px rgba(35, 52, 64, .06); }
.agent-lp .lp-demo-bar { display: flex; gap: 10px; justify-content: space-between; align-items: center; background: var(--lp-subtle); padding: 16px 24px; border-bottom: 1px solid var(--lp-line); font-size: 13px; }
.agent-lp .lp-demo-bar > div { display: flex; gap: 18px; align-items: center; }
.agent-lp .lp-demo-caption { padding: 15px 24px; border-top: 1px solid var(--lp-line); font-size: 13px; color: var(--lp-muted); background: var(--lp-subtle); }

/* Project memory demo */
.agent-lp .lp-memory-intro { padding: 28px 28px 8px; }
.agent-lp .lp-memory-intro h2 { font-size: 28px; letter-spacing: -.5px; }
.agent-lp .lp-memory-intro p { font-size: 15px; color: var(--lp-muted); margin-top: 6px; }
.agent-lp .lp-memory-demo-content { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); gap: 24px; padding: 22px 28px 30px; }
.agent-lp .lp-map-scroll { overflow-x: auto; min-width: 0; }
.agent-lp .lp-map-swipe-hint { display: none; margin: 0 0 8px; color: var(--lp-muted); font-size: 13px; }
@media (max-width: 700px) { .agent-lp .lp-map-swipe-hint { display: block; } }
.agent-lp .lp-map-levels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; min-width: 660px; font-size: 12px; color: var(--lp-muted); letter-spacing: .2px; padding-bottom: 14px; border-bottom: 1px solid var(--lp-line); }
.agent-lp .lp-memory-map { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; min-width: 660px; min-height: 380px; padding: 22px 2px; background-image: radial-gradient(#dce5eb .7px, transparent .7px); background-size: 16px 16px; }
.agent-lp .lp-map-column { display: flex; flex-direction: column; justify-content: space-between; gap: 18px; }
.agent-lp .lp-map-root { justify-content: center; }
.agent-lp .lp-map-node { position: relative; display: block; width: 100%; text-align: left; padding: 14px; background: white; border: 1px solid var(--lp-line); border-radius: 6px; cursor: pointer; min-height: 104px; transition: border-color 150ms, background 150ms, box-shadow 150ms; }
.agent-lp .lp-map-node strong { display: block; font-size: 15px; line-height: 1.35; }
.agent-lp .lp-map-node > span:not(.lp-node-kicker), .agent-lp .lp-map-node small { display: block; color: var(--lp-muted); font-size: 13px; margin-top: 4px; }
.agent-lp .lp-map-node .lp-node-kicker { margin-bottom: 6px; }
.agent-lp .lp-map-root .lp-map-node { background: #edf6fc; border-color: #a8c8df; }
.agent-lp .lp-map-root .lp-map-node::after, .agent-lp .lp-map-branches .lp-map-node::after { content: ''; position: absolute; height: 1px; width: 33px; right: -34px; top: 50%; background: #acc7d9; }
.agent-lp .lp-map-branches { position: relative; }
.agent-lp .lp-map-branches::before { content: ''; position: absolute; left: -16px; top: 52px; bottom: 52px; border-left: 1px solid #acc7d9; }
.agent-lp .lp-map-branches .lp-map-node::before { content: ''; position: absolute; height: 1px; width: 15px; left: -16px; top: 50%; background: #acc7d9; }
.agent-lp .lp-task-card[aria-pressed="true"], .agent-lp .lp-map-node[aria-pressed="true"] { border-color: var(--lp-blue); box-shadow: 0 0 0 1px var(--lp-blue), 0 6px 18px rgba(41, 128, 185, .12); }
.agent-lp .lp-task-card:hover, .agent-lp .lp-map-node:hover, .agent-lp .lp-track-node:hover { background: #f6fbff; border-color: #8bb6d2; }
.agent-lp .lp-memory-inspector { padding: 24px; border: 1px solid var(--lp-line); border-radius: 6px; background: var(--lp-subtle); }
.agent-lp .lp-memory-inspector .lp-eyebrow { letter-spacing: 1px; }
.agent-lp .lp-memory-inspector .lp-status { margin: 16px 0; }
.agent-lp .lp-memory-inspector h3 { font-family: var(--lp-serif); font-size: 24px; line-height: 1.3; font-weight: 400; }
.agent-lp .lp-memory-inspector article > p:not(.lp-eyebrow) { margin-top: 14px; color: var(--lp-muted); font-size: 15px; }
.agent-lp .lp-inspector-detail { border-top: 1px solid var(--lp-line); padding-top: 16px; margin-top: 20px; font-size: 14px; font-weight: 700; }
.agent-lp .lp-inspector-footer { display: flex; align-items: center; gap: 10px; margin-top: 20px; color: var(--lp-muted); font-size: 13px; }

/* How it works */
.agent-lp .lp-how-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 64px; align-items: start; margin-top: 48px; }
.agent-lp .lp-steps { display: grid; gap: 4px; counter-reset: none; }
.agent-lp .lp-steps li { display: grid; grid-template-columns: 40px 1fr; gap: 18px; padding: 22px 0; border-top: 1px solid var(--lp-line); }
.agent-lp .lp-steps li:last-child { border-bottom: 1px solid var(--lp-line); }
.agent-lp .lp-step-number { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border: 1px solid #a8c8df; border-radius: 50%; color: var(--lp-blue); background: #edf6fc; font-family: var(--lp-serif); font-size: 17px; }
.agent-lp .lp-steps p { margin-top: 6px; color: var(--lp-muted); font-size: 15px; }
.agent-lp .lp-code-card { position: relative; padding: 8px 24px 22px; border: 1px solid var(--lp-line); border-radius: 8px; background: var(--lp-subtle); }
.agent-lp .lp-code-row { padding: 16px 0; border-bottom: 1px solid var(--lp-line); }
.agent-lp .lp-code-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; color: var(--lp-muted); font-size: 13px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
.agent-lp .lp-copy { min-height: 30px; padding: 4px 12px; border: 1px solid #c6d4dd; border-radius: 4px; background: white; color: var(--lp-ink); font-size: 13px; font-weight: 700; letter-spacing: 0; text-transform: none; cursor: pointer; }
.agent-lp .lp-copy:hover { border-color: var(--lp-blue); background: var(--lp-pale); }
.agent-lp .lp-code-inline { display: block; padding: 12px 14px; border: 1px solid var(--lp-line); border-radius: 4px; background: white; font-size: 15px; overflow-wrap: anywhere; }
.agent-lp .lp-code-card pre { margin: 0; padding: 14px; border-radius: 4px; background: var(--lp-ink-deep); color: #e6edf2; font-size: 13px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.agent-lp .lp-code-note { margin-top: 18px; color: var(--lp-muted); font-size: 14px; }
.agent-lp .lp-code-note a { font-weight: 700; text-decoration: none; }
.agent-lp .lp-copy-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Feature grid (shared with the Kanban landing) */
.agent-lp .lp-how { padding-top: 0; }
.agent-lp .lp-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; margin-top: 48px; }
.agent-lp .lp-feature-grid article { border-top: 1px solid var(--lp-line); padding-top: 24px; }
.agent-lp .lp-feature-grid-icons { row-gap: 56px; }
.agent-lp .lp-feature-grid-icons article { border-top: 0; padding-top: 0; }
.agent-lp .lp-markdown-note { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 48px; align-items: center; margin-top: 72px; padding: 36px 40px; border: 1px solid var(--lp-line); border-radius: 8px; background: var(--lp-pale); }
.agent-lp .lp-markdown-copy .lp-markdown-sample { margin-top: 24px; }
.agent-lp .lp-shot { margin: 0; }
.agent-lp .lp-shot img { display: block; width: 100%; height: auto; }
.agent-lp .lp-feature-grid-after-shot { margin-top: 64px; }
.agent-lp .lp-shot-graph { margin-top: 64px; overflow: hidden; border: 1px solid var(--lp-line); border-radius: 8px; background: white; box-shadow: 0 18px 50px rgba(23, 35, 44, .08); }
.agent-lp .lp-shot-graph img { border-bottom: 1px solid var(--lp-line); }
.agent-lp .lp-shot-node img { overflow: hidden; border: 1px solid var(--lp-line); border-radius: 6px; background: white; box-shadow: 0 12px 32px rgba(23, 35, 44, .08); }
.agent-lp .lp-shot-node figcaption { margin-top: 12px; color: var(--lp-muted); font-size: 13px; }
.agent-lp .lp-markdown-note h3 { margin-top: 12px; font-size: 24px; line-height: 1.3; }
.agent-lp .lp-markdown-note p:not(.lp-eyebrow) { margin-top: 12px; color: var(--lp-muted); font-size: 15px; line-height: 1.6; }
.agent-lp .lp-markdown-sample { margin: 0; padding: 20px 22px; overflow-x: auto; border: 1px solid var(--lp-line); border-radius: 6px; background: white; color: var(--lp-ink); font-size: 13px; line-height: 1.7; white-space: pre-wrap; }
.agent-lp .lp-feature-icon { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; margin-bottom: 18px; border-radius: 8px; color: var(--lp-blue); background: #edf6fc; }
.agent-lp .lp-feature-number { display: block; font-size: 13px; font-weight: 700; color: var(--lp-blue); margin-bottom: 14px; }
.agent-lp .lp-feature-grid p { color: var(--lp-muted); font-size: 15px; margin-top: 10px; }

/* Agent Kanban teaser */
.agent-lp .lp-kanban-teaser { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 48px; align-items: center; padding: 48px; border: 1px solid var(--lp-line); border-radius: 8px; background: var(--lp-pale); }
.agent-lp .lp-kanban-teaser h2 { margin-top: 16px; font-size: 36px; line-height: 1.2; letter-spacing: -.8px; }
.agent-lp .lp-kanban-teaser-copy > p:not(.lp-eyebrow) { margin-top: 16px; color: var(--lp-muted); font-size: 16px; }
.agent-lp .lp-mini-board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.agent-lp .lp-mini-column { display: grid; align-content: start; gap: 10px; min-height: 210px; padding: 12px; border-radius: 6px; background: rgba(255, 255, 255, .6); border: 1px solid var(--lp-line); }
.agent-lp .lp-mini-title { color: var(--lp-muted); font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
.agent-lp .lp-mini-card { padding: 10px; border: 1px solid var(--lp-line); border-radius: 4px; background: white; box-shadow: 0 2px 6px rgba(35, 52, 64, .04); }
.agent-lp .lp-mini-card strong { display: block; font-size: 14px; line-height: 1.35; }
.agent-lp .lp-mini-card span { display: block; margin-top: 4px; color: var(--lp-blue); font-size: 12px; }
.agent-lp .lp-kanban-teaser-details { grid-column: 1 / -1; display: grid; gap: 32px; padding-top: 32px; border-top: 1px solid var(--lp-line); }
.agent-lp .lp-kanban-roles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.agent-lp .lp-kanban-role { display: flex; gap: 10px; align-items: flex-start; padding: 14px; border: 1px solid var(--lp-line); border-radius: 6px; background: rgba(255, 255, 255, .6); }
.agent-lp .lp-kanban-role strong { display: block; font-size: 14px; }
.agent-lp .lp-kanban-role span:not(.lp-avatar) { display: block; margin-top: 2px; color: var(--lp-muted); font-size: 13px; line-height: 1.45; }
.agent-lp .lp-kanban-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.agent-lp .lp-kanban-points h3 { margin-top: 8px; font-size: 18px; line-height: 1.3; }
.agent-lp .lp-kanban-points p { margin-top: 8px; color: var(--lp-muted); font-size: 14px; line-height: 1.55; }
.agent-lp .lp-kanban-setup { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 40px; padding: 28px; border: 1px dashed #b9d0e0; border-radius: 6px; background: white; }
.agent-lp .lp-kanban-setup h3 { margin-top: 10px; font-size: 20px; line-height: 1.3; }
.agent-lp .lp-kanban-setup-intro > p:not(.lp-eyebrow) { margin-top: 10px; color: var(--lp-muted); font-size: 14px; line-height: 1.55; }
.agent-lp .lp-kanban-steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: kanban-step; }
.agent-lp .lp-kanban-steps li { position: relative; padding-left: 40px; counter-increment: kanban-step; }
.agent-lp .lp-kanban-steps li::before { content: counter(kanban-step); position: absolute; left: 0; top: 0; display: inline-flex; width: 26px; height: 26px; align-items: center; justify-content: center; border: 1px solid #c9dce9; border-radius: 50%; background: #eaf4fc; color: var(--lp-blue); font-size: 12px; font-weight: 700; }
.agent-lp .lp-kanban-steps strong { display: block; font-size: 15px; }
.agent-lp .lp-kanban-steps span { display: block; margin-top: 3px; color: var(--lp-muted); font-size: 14px; line-height: 1.55; }
.agent-lp .lp-kanban-steps code { padding: 1px 5px; border-radius: 3px; background: var(--lp-pale); color: var(--lp-ink, inherit); font-size: .88em; }

/* Callout (Kanban landing) */
.agent-lp .lp-callout { padding: 60px; background: var(--lp-pale); border: 1px solid var(--lp-line); border-radius: 8px; }
.agent-lp .lp-callout h2 { font-size: 40px; line-height: 1.2; letter-spacing: -1px; }
.agent-lp .lp-callout .lp-eyebrow { margin-bottom: 24px; }
.agent-lp .lp-callout > p:not(.lp-eyebrow) { color: var(--lp-muted); max-width: 650px; margin-top: 22px; font-size: 16px; }

/* FAQ */
.agent-lp .lp-faq { display: grid; grid-template-columns: 1fr 1.3fr; gap: 72px; }
.agent-lp .lp-faq-items details { border-bottom: 1px solid var(--lp-line); }
.agent-lp .lp-faq-items details:first-child { border-top: 1px solid var(--lp-line); }
.agent-lp .lp-faq-items summary { display: flex; justify-content: space-between; gap: 16px; padding: 20px 0; cursor: pointer; font-size: 17px; font-weight: 700; list-style: none; }
.agent-lp .lp-faq-items summary::-webkit-details-marker { display: none; }
.agent-lp .lp-faq-items summary::after { content: '+'; flex: 0 0 auto; color: var(--lp-blue); font-size: 22px; font-weight: 400; line-height: 1; transition: transform 150ms; }
.agent-lp .lp-faq-items details[open] summary::after { transform: rotate(45deg); }
.agent-lp .lp-faq-items details p { margin: -6px 0 12px; font-size: 15px; color: var(--lp-muted); }
.agent-lp .lp-faq-items details > a { display: inline-block; margin-bottom: 20px; font-size: 14px; font-weight: 700; text-decoration: none; }

/* Closing band */
.agent-lp .lp-start { background: var(--lp-ink-deep); color: white; }
.agent-lp .lp-start-inner { padding: 88px 0; }
.agent-lp .lp-start-inner-steps { display: grid; grid-template-columns: 1.8fr 1fr; gap: 90px; }
.agent-lp .lp-start .lp-eyebrow { color: var(--lp-blue-light); }
.agent-lp .lp-start h2 { margin: 18px 0 16px; max-width: 760px; font-size: 44px; line-height: 1.15; letter-spacing: -1px; }
.agent-lp .lp-start-inner > div > p:not(.lp-eyebrow) { color: #c5d3dc; font-size: 17px; }
.agent-lp .lp-start-steps { align-self: center; }
.agent-lp .lp-start-steps li { padding: 16px 0; border-bottom: 1px solid rgba(255, 255, 255, .14); font-size: 16px; }
.agent-lp .lp-start-steps span { margin-right: 18px; color: var(--lp-blue-light); font-size: 13px; }

/* Footer */
.agent-lp .lp-footer { padding: 56px 0 28px; border-top: 1px solid var(--lp-line); background: white; }
.agent-lp .lp-footer-grid { display: grid; grid-template-columns: 1.6fr repeat(3, minmax(0, 1fr)); gap: 40px; }
.agent-lp .lp-footer .lp-brand .knowen-logo { width: 180px; height: 41.02px; }
.agent-lp .lp-footer-brand p { margin-top: 10px; color: var(--lp-muted); font-size: 14px; }
.agent-lp .lp-footer nav { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.agent-lp .lp-footer nav h2 { margin-bottom: 4px; color: var(--lp-ink); font-family: var(--lp-sans); font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.agent-lp .lp-footer nav a { color: var(--lp-muted); font-size: 15px; text-decoration: none; }
.agent-lp .lp-footer nav a:hover { color: var(--lp-blue); text-decoration: underline; }
.agent-lp .lp-footer-legal { margin-top: 48px; padding-top: 22px; border-top: 1px solid var(--lp-line); color: var(--lp-muted); font-size: 13px; }

/* Kanban landing: hero aside */
.agent-lp .lp-hero-aside { padding: 22px 0 8px 30px; border-left: 1px solid var(--lp-line); }
.agent-lp .lp-section-number { display: block; margin-bottom: 24px; font-size: 12px; letter-spacing: 1.4px; color: var(--lp-muted); }
.agent-lp .lp-hero-aside > p { font-family: var(--lp-serif); font-size: 22px; line-height: 1.5; }
.agent-lp .lp-role-stack { margin-top: 28px; }
.agent-lp .lp-role-row { display: flex; gap: 10px; align-items: center; padding: 10px 0; border-top: 1px solid var(--lp-line); font-size: 14px; }
.agent-lp .lp-role-row > span:last-child { margin-left: auto; color: var(--lp-muted); font-size: 13px; }

/* Kanban landing: board demo */
.agent-lp .lp-board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 26px; background: var(--lp-pale); border-bottom: 1px solid var(--lp-line); }
.agent-lp .lp-column-title { display: flex; align-items: center; gap: 7px; margin-bottom: 14px; font-size: 13px; font-weight: 700; }
.agent-lp .lp-column-title > span:last-child { margin-left: auto; color: var(--lp-muted); font-weight: 400; }
.agent-lp .lp-stage-dot { width: 7px; height: 7px; border-radius: 50%; border: 1px solid #a5b6c0; }
.agent-lp .lp-stage-1, .agent-lp .lp-stage-2 { background: var(--lp-blue); border-color: var(--lp-blue); }
.agent-lp .lp-stage-3 { background: var(--lp-green); border-color: var(--lp-green); }
.agent-lp .lp-task-card { display: block; width: 100%; min-height: 160px; text-align: left; background: white; border: 1px solid var(--lp-line); border-radius: 6px; padding: 16px; cursor: pointer; }
.agent-lp .lp-task-card strong { display: block; font-size: 15px; line-height: 1.35; }
.agent-lp .lp-task-card p { margin: 6px 0 18px; color: var(--lp-muted); font-size: 13px; }
.agent-lp .lp-card-bottom { display: flex; justify-content: space-between; gap: 5px; font-size: 12px; color: var(--lp-blue); }
.agent-lp .lp-task-detail { padding: 28px; }
.agent-lp .lp-detail-heading { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.agent-lp .lp-detail-heading h2 { margin-top: 6px; font-size: 28px; letter-spacing: -.7px; }
.agent-lp .lp-stage-summary { padding: 24px 0; min-height: 126px; }
.agent-lp .lp-stage-summary h3 { font-size: 17px; }
.agent-lp .lp-stage-summary p { margin-top: 8px; max-width: 860px; font-size: 15px; color: var(--lp-muted); }
.agent-lp .lp-task-track { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; padding: 25px 0; }
.agent-lp .lp-task-track::before { content: ''; position: absolute; left: 9%; right: 9%; top: 0; border-top: 1px solid #acc7d9; }
.agent-lp .lp-task-track::after { content: ''; position: absolute; left: 50%; top: -15px; height: 15px; border-left: 1px solid #acc7d9; }
.agent-lp .lp-track-node { position: relative; display: block; text-align: left; padding: 14px; border: 1px solid var(--lp-line); border-radius: 6px; background: white; cursor: pointer; }
.agent-lp .lp-track-node[aria-pressed="true"] { background: var(--lp-pale); border-color: var(--lp-blue); }
.agent-lp .lp-track-node::before { content: ''; position: absolute; top: -26px; left: 50%; height: 25px; border-left: 1px solid #acc7d9; }
.agent-lp .lp-track-node strong { display: block; font-size: 14px; line-height: 1.35; }
.agent-lp .lp-track-node > span:last-child { display: block; margin-top: 4px; color: var(--lp-muted); font-size: 12px; }
.agent-lp .lp-contribution { display: grid; grid-template-columns: 200px 1fr; gap: 20px; border-top: 1px solid var(--lp-line); padding-top: 24px; min-height: 180px; }
.agent-lp .lp-contribution-label { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; }
.agent-lp .lp-contribution-label > span:last-child { padding-top: 4px; }
.agent-lp .lp-contribution h3 { font-size: 18px; }
.agent-lp .lp-contribution p { margin-top: 8px; color: var(--lp-muted); font-size: 15px; max-width: 780px; }
.agent-lp .lp-evidence { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.agent-lp .lp-evidence span { padding: 4px 9px; border: 1px solid var(--lp-line); border-radius: 3px; font-size: 12px; }

/* Kanban landing: legacy session section */
.agent-lp .lp-session-section { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; padding: 0 0 100px; }
.agent-lp .lp-session-copy h2 { font-size: 40px; line-height: 1.2; letter-spacing: -1px; }
.agent-lp .lp-session-copy .lp-eyebrow { margin-bottom: 22px; }
.agent-lp .lp-session-copy > p:not(.lp-eyebrow) { margin-top: 22px; color: var(--lp-muted); font-size: 16px; }

@media (max-width: 1100px) {
  .agent-lp .lp-container { width: calc(100% - 64px); }
  .agent-lp .lp-hero-memory { grid-template-columns: 1fr; gap: 48px; }
  .agent-lp .lp-hero-memory .lp-lead { max-width: 680px; }
  .agent-lp .lp-terminal { max-width: 680px; }
  .agent-lp .lp-hero-kanban { gap: 40px; grid-template-columns: 1.6fr 1fr; }
  .agent-lp .lp-role-row > span:last-child { display: none; }
  .agent-lp .lp-memory-demo-content { grid-template-columns: 1fr; }
  .agent-lp .lp-memory-inspector { min-height: 250px; }
  .agent-lp .lp-memory-inspector article > p:not(.lp-eyebrow) { max-width: 700px; }
  .agent-lp .lp-how-grid { grid-template-columns: 1fr; gap: 40px; }
  .agent-lp .lp-feature-grid { gap: 36px; }
  .agent-lp .lp-kanban-teaser { grid-template-columns: 1fr; gap: 40px; padding: 44px; }
  .agent-lp .lp-kanban-roles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-lp .lp-kanban-setup { grid-template-columns: 1fr; gap: 24px; }
  .agent-lp .lp-session-section, .agent-lp .lp-start-inner-steps, .agent-lp .lp-faq { gap: 40px; }
  .agent-lp .lp-footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .agent-lp .lp-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  .agent-lp .lp-menu-toggle { display: inline-flex; }
  .agent-lp .lp-nav-cta { margin-left: auto; }
  .agent-lp .lp-nav-menu { position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 12px; margin: 0; padding: 12px 20px 20px; background: white; border-bottom: 1px solid var(--lp-line); box-shadow: 0 16px 30px rgba(35, 52, 64, .08); }
  .lp-js .agent-lp .lp-nav-menu:not(.is-open) { display: none; }
  html:not(.lp-js) .agent-lp .lp-nav-menu { position: static; padding: 0 0 12px; box-shadow: none; border: 0; }
  html:not(.lp-js) .agent-lp .lp-nav { flex-wrap: wrap; }
  html:not(.lp-js) .agent-lp .lp-menu-toggle { display: none; }
  .agent-lp .lp-nav-links { flex-direction: column; align-items: stretch; gap: 0; margin: 0; }
  .agent-lp .lp-nav-links a { padding: 12px 4px; border-bottom: 1px solid var(--lp-line); font-size: 16px; border-radius: 0; }
  .agent-lp .lp-nav-links a:hover { background: transparent; }
  .agent-lp .lp-nav-links a[aria-current="page"]::after { left: -20px; right: auto; top: 12px; bottom: 12px; width: 3px; height: auto; }
  .agent-lp .lp-nav-signin { min-height: 44px; }
}
@media (max-width: 760px) {
  .agent-lp .lp-container { width: calc(100% - 32px); }
  .agent-lp { --lp-header-height: 60px; }
  .agent-lp .lp-brand .knowen-logo { width: 112px; height: 25.52px; }
  .agent-lp .lp-nav-menu { padding-left: 16px; padding-right: 16px; }
  .agent-lp .lp-nav-links a[aria-current="page"]::after { left: -16px; }
  .agent-lp .lp-hero, .agent-lp .lp-hero-memory { padding: 44px 0 40px; }
  .agent-lp .lp-hero-kanban { display: block; }
  .agent-lp .lp-hero-aside { display: none; }
  .agent-lp h1 { font-size: clamp(38px, 10vw, 52px); letter-spacing: -1.4px; }
  .agent-lp .lp-lead { font-size: 17px; }
  .agent-lp .lp-actions .lp-button { flex: 1 1 100%; }
  .agent-lp .lp-terminal-bar .lp-window-dots { display: none; }
  .agent-lp .lp-terminal-body { padding: 18px 16px 4px; }
  .agent-lp .lp-terminal figcaption { padding: 12px 16px 16px; }
  .agent-lp .lp-term-result { margin-left: 0; }
  .agent-lp .lp-clients { margin-bottom: 48px; }
  .agent-lp .lp-clients ul { gap: 6px 18px; }
  .agent-lp .lp-clients li { font-size: 15px; }
  .agent-lp .lp-board { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 16px; gap: 18px 12px; }
  .agent-lp .lp-task-card { padding: 12px; min-height: 150px; }
  .agent-lp .lp-demo-bar { padding: 14px 16px; }
  .agent-lp .lp-demo-bar > div { gap: 10px; }
  .agent-lp .lp-window-dots { display: none; }
  .agent-lp .lp-task-detail { padding: 20px 16px; }
  .agent-lp .lp-detail-heading { display: block; }
  .agent-lp .lp-detail-heading .lp-status { margin-top: 12px; }
  .agent-lp .lp-stage-summary { min-height: 180px; }
  .agent-lp .lp-task-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .agent-lp .lp-track-node { padding: 12px; }
  .agent-lp .lp-track-node::before, .agent-lp .lp-task-track::before, .agent-lp .lp-task-track::after { display: none; }
  .agent-lp .lp-contribution { grid-template-columns: 1fr; gap: 14px; min-height: 260px; }
  .agent-lp .lp-section { padding: 64px 0; }
  .agent-lp .lp-how { padding-top: 0; }
  .agent-lp .lp-section-heading h2, .agent-lp .lp-session-copy h2 { font-size: 30px; }
  .agent-lp .lp-how-grid, .agent-lp .lp-feature-grid { margin-top: 32px; }
  .agent-lp .lp-code-card { padding: 4px 16px 18px; }
  .agent-lp .lp-feature-grid { grid-template-columns: 1fr; gap: 28px; }
  .agent-lp .lp-feature-grid-icons { row-gap: 32px; }
  .agent-lp .lp-markdown-note { grid-template-columns: 1fr; gap: 24px; margin-top: 40px; padding: 24px 20px; }
  .agent-lp .lp-shot-graph, .agent-lp .lp-feature-grid-after-shot { margin-top: 40px; }
  .agent-lp .lp-kanban-teaser { padding: 28px 18px; gap: 28px; }
  .agent-lp .lp-kanban-teaser h2 { font-size: 30px; }
  .agent-lp .lp-mini-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-lp .lp-mini-column { min-height: 0; }
  .agent-lp .lp-kanban-roles, .agent-lp .lp-kanban-points { grid-template-columns: 1fr; gap: 16px; }
  .agent-lp .lp-kanban-setup { grid-template-columns: 1fr; gap: 20px; padding: 20px; }
  .agent-lp .lp-callout { padding: 32px 20px; }
  .agent-lp .lp-callout h2 { font-size: 30px; }
  .agent-lp .lp-faq, .agent-lp .lp-session-section, .agent-lp .lp-start-inner-steps { grid-template-columns: 1fr; gap: 28px; }
  .agent-lp .lp-start-inner { padding: 56px 0; }
  .agent-lp .lp-start h2 { font-size: 32px; }
  .agent-lp .lp-footer { padding-top: 40px; }
  .agent-lp .lp-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; }
  .agent-lp .lp-footer-legal { margin-top: 36px; }
  .agent-lp .lp-memory-intro { padding: 20px 16px 8px; }
  .agent-lp .lp-memory-intro h2 { font-size: 24px; }
  .agent-lp .lp-memory-demo-content { padding: 14px 16px 20px; gap: 18px; }
  .agent-lp .lp-memory-inspector { padding: 20px; min-height: 360px; }
  .agent-lp .lp-session-section { padding-bottom: 60px; }
}
@media (prefers-reduced-motion: reduce) {
  .agent-lp .lp-button, .agent-lp .lp-header, .agent-lp .lp-map-node, .agent-lp .lp-menu-toggle span,
  .agent-lp .lp-menu-toggle span::before, .agent-lp .lp-menu-toggle span::after,
  .agent-lp .lp-faq-items summary::after { transition: none; }
}

/* Beta mark: DESIGN.md `beta-badge` (#d9534f), the same outlined chip as the app navbar. */
.agent-lp .lp-beta { display: inline-flex; align-items: center; padding: 1px 6px; border: 1px solid #d9534f; border-radius: 3px; background: #fff; color: #d9534f; font-size: 12px; font-weight: 700; letter-spacing: .06em; line-height: 16px; text-transform: uppercase; }
.agent-lp .lp-code-card pre.lp-code-markdown { background: white; color: var(--lp-ink); border: 1px solid var(--lp-line); }
.agent-lp .lp-code-head .lp-code-filename { font-family: var(--lp-mono); letter-spacing: 0; text-transform: none; }
.agent-lp .lp-nav > * { flex-shrink: 0; }
@media (max-width: 760px) {
  .agent-lp .lp-nav { gap: 8px; }
  .agent-lp .lp-nav-cta { padding: 8px 12px; }
}
@media (max-width: 359px) {
  .agent-lp .lp-nav > .lp-beta { display: none; }
}

/* Landing copies of Integrations and Pricing */
.agent-lp .lp-page-hero { max-width: 960px; padding: 72px 0 40px; }
.agent-lp .lp-page-hero h1 { font-size: clamp(40px, 4.4vw, 56px); }
.agent-lp .lp-page-hero .lp-lead { max-width: 680px; }
.agent-lp .lp-faq-items details p code, .agent-lp .lp-int-guide code, .agent-lp .lp-endpoint code { font-size: .92em; }

.agent-lp .lp-endpoint { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 16px 24px; align-items: center; padding: 20px 24px; margin-bottom: 48px; border: 1px solid var(--lp-line); border-radius: 8px; background: var(--lp-subtle); }
.agent-lp .lp-endpoint strong { display: block; font-size: 16px; }
.agent-lp .lp-endpoint div span { color: var(--lp-muted); font-size: 14px; }
.agent-lp .lp-endpoint code { padding: 10px 14px; border: 1px solid var(--lp-line); border-radius: 4px; background: white; font-size: 15px; overflow-wrap: anywhere; }
.agent-lp .lp-endpoint .lp-copy { min-height: 40px; padding: 8px 16px; }

.agent-lp .lp-int-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 40px; align-items: start; }
.agent-lp .lp-int-clients { position: sticky; top: calc(var(--lp-header-height) + 24px); display: grid; gap: 6px; }
.agent-lp .lp-int-clients h2 { margin-bottom: 10px; color: var(--lp-muted); font-family: var(--lp-sans); font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.agent-lp .lp-int-clients a { display: block; padding: 12px 14px; border: 1px solid var(--lp-line); border-radius: 6px; background: white; color: var(--lp-ink); text-decoration: none; transition: border-color 150ms, background 150ms; }
.agent-lp .lp-int-clients a:hover { border-color: #8bb6d2; background: #f6fbff; }
.agent-lp .lp-int-clients a[aria-current="true"] { border-color: var(--lp-blue); background: #edf6fc; box-shadow: 0 0 0 1px var(--lp-blue); }
.agent-lp .lp-int-clients strong { display: block; font-size: 15px; }
.agent-lp .lp-int-clients span { display: block; color: var(--lp-muted); font-size: 13px; }
.agent-lp .lp-int-guides { display: grid; gap: 24px; min-width: 0; }
.agent-lp .lp-int-guide { position: relative; padding: 32px; border: 1px solid var(--lp-line); border-radius: 8px; background: white; }
.agent-lp .lp-int-guide h2 { margin-bottom: 12px; font-size: 28px; letter-spacing: -.5px; }
.agent-lp .lp-int-guide > p { margin-top: 12px; color: var(--lp-muted); font-size: 16px; }
.agent-lp .lp-int-guide > p:first-of-type { margin-top: 0; }
.agent-lp .lp-int-steps { margin-top: 16px; padding-left: 22px; list-style: decimal; }
.agent-lp .lp-int-steps li { padding: 6px 0 6px 4px; font-size: 16px; }
.agent-lp .lp-int-steps li::marker { color: var(--lp-blue); font-weight: 700; }
.agent-lp .lp-int-code { position: relative; margin-top: 16px; }
.agent-lp .lp-int-code pre { margin: 0; padding: 16px 92px 16px 16px; border-radius: 6px; background: var(--lp-ink-deep); color: #e6edf2; font-size: 14px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.agent-lp .lp-int-code .lp-copy { position: absolute; top: 12px; right: 12px; }
.agent-lp .lp-int-settings { width: 100%; margin-top: 16px; border-collapse: collapse; font-size: 15px; }
.agent-lp .lp-int-settings th, .agent-lp .lp-int-settings td { padding: 10px 14px; border: 1px solid var(--lp-line); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.agent-lp .lp-int-settings th { width: 34%; background: var(--lp-subtle); font-weight: 700; }
.agent-lp .lp-int-muted { font-size: 15px !important; }
.agent-lp .lp-int-auth { display: inline-block; margin-top: 20px !important; padding: 6px 10px; border-radius: 4px; background: var(--lp-pale); color: var(--lp-blue) !important; font-size: 14px !important; font-weight: 700; }
/* Enhanced: one guide at a time, picked from the client list. */
.agent-lp [data-lp-tabs].is-enhanced [data-lp-panel]:not(.is-active) { display: none; }

.agent-lp .lp-int-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 72px; }
.agent-lp .lp-int-cards article { padding: 28px; border: 1px solid var(--lp-line); border-radius: 8px; background: var(--lp-subtle); }
.agent-lp .lp-int-cards h2 { font-size: 22px; letter-spacing: -.3px; }
.agent-lp .lp-int-cards p { margin-top: 10px; color: var(--lp-muted); font-size: 15px; }
.agent-lp .lp-int-cards ul { margin-top: 12px; }
.agent-lp .lp-int-cards li { position: relative; padding: 5px 0 5px 22px; font-size: 15px; }
.agent-lp .lp-int-cards li::before { content: ''; position: absolute; left: 2px; top: 13px; width: 8px; height: 8px; border-radius: 50%; background: var(--lp-blue); }
.agent-lp .lp-int-cards .lp-text-link { margin-top: 16px; }
.agent-lp .lp-int-next { background: var(--lp-pale) !important; }

.agent-lp .lp-plan { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); overflow: hidden; border: 1px solid var(--lp-line); border-radius: 8px; box-shadow: 0 12px 45px rgba(35, 52, 64, .06); }
.agent-lp .lp-plan-offer { padding: 40px; background: var(--lp-pale); border-right: 1px solid var(--lp-line); }
.agent-lp .lp-plan-offer h2 { font-size: 32px; letter-spacing: -.5px; }
.agent-lp .lp-plan-offer > p:not(.lp-plan-price):not(.lp-plan-note) { margin-top: 6px; color: var(--lp-muted); font-size: 16px; }
.agent-lp .lp-plan-price { display: flex; align-items: baseline; gap: 8px; margin-top: 24px; }
.agent-lp .lp-plan-price strong { font-family: var(--lp-serif); font-size: 56px; font-weight: 400; line-height: 1; letter-spacing: -1.5px; }
.agent-lp .lp-plan-price span { color: var(--lp-muted); font-size: 16px; }
.agent-lp .lp-plan-offer .lp-actions { margin-top: 28px; }
.agent-lp .lp-plan-note { margin-top: 14px; color: var(--lp-muted); font-size: 14px; }
.agent-lp .lp-plan-details { padding: 40px; }
.agent-lp .lp-plan-label { color: var(--lp-blue); font-size: 12px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; }
.agent-lp .lp-allowances { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.agent-lp .lp-allowances li { padding: 20px; border: 1px solid var(--lp-line); border-radius: 6px; }
.agent-lp .lp-allowances strong { display: block; font-family: var(--lp-serif); font-size: 36px; font-weight: 400; line-height: 1.1; color: var(--lp-ink); }
.agent-lp .lp-allowances span { display: block; margin-top: 6px; font-size: 15px; font-weight: 700; }
.agent-lp .lp-allowances small { display: block; margin-top: 2px; color: var(--lp-muted); font-size: 14px; }
.agent-lp .lp-included { display: grid; gap: 8px; margin-top: 20px; }
.agent-lp .lp-included li { position: relative; padding-left: 26px; font-size: 15px; }
.agent-lp .lp-included li::before { content: ''; position: absolute; left: 3px; top: 5px; width: 6px; height: 11px; border: solid var(--lp-green); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.agent-lp .lp-plan-benefit { margin-top: 24px; padding: 16px 18px; border-left: 3px solid var(--lp-blue); border-radius: 0 6px 6px 0; background: var(--lp-pale); }
.agent-lp .lp-plan-benefit strong { font-size: 15px; }
.agent-lp .lp-plan-benefit p { margin-top: 4px; color: var(--lp-muted); font-size: 15px; }

.agent-lp .lp-after-beta { padding-bottom: 0; }
.agent-lp .lp-after-beta-intro { max-width: 720px; margin-top: 16px; color: var(--lp-muted); font-size: 16px; }
.agent-lp .lp-table-scroll { margin-top: 32px; overflow-x: auto; }
.agent-lp .lp-compare { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 16px; }
.agent-lp .lp-compare th, .agent-lp .lp-compare td { padding: 16px 18px; border-bottom: 1px solid var(--lp-line); text-align: left; }
.agent-lp .lp-compare thead th { color: var(--lp-muted); font-size: 13px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
.agent-lp .lp-compare tbody th { font-weight: 700; }
.agent-lp .lp-compare tbody th span { display: block; color: var(--lp-muted); font-size: 14px; font-weight: 400; }
.agent-lp .lp-compare-highlight { background: var(--lp-pale); }
.agent-lp .lp-after-beta-note { margin-top: 20px; color: var(--lp-muted); font-size: 15px; }
.agent-lp .lp-commitments .lp-feature-grid p { font-size: 15px; }

.agent-lp .lp-plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; }
.agent-lp .lp-plan-card { display: flex; flex-direction: column; padding: 32px; border: 1px solid var(--lp-line); border-radius: 8px; }
.agent-lp .lp-plan-card h2 { font-size: 26px; }
.agent-lp .lp-plan-card .lp-plan-price strong { font-size: 44px; }
.agent-lp .lp-plan-description { margin-top: 18px; color: var(--lp-muted); font-size: 15px; }
.agent-lp .lp-plan-cta { margin-top: auto; padding-top: 24px; }
.agent-lp .lp-plan-more { margin-top: 32px; color: var(--lp-muted); font-size: 16px; }

@media (max-width: 1100px) {
  .agent-lp .lp-int-layout { grid-template-columns: 1fr; gap: 24px; }
  .agent-lp .lp-int-clients { position: static; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .agent-lp .lp-int-clients h2 { grid-column: 1 / -1; }
  .agent-lp .lp-int-cards { grid-template-columns: 1fr 1fr; }
  .agent-lp .lp-int-next { grid-column: 1 / -1; }
  .agent-lp .lp-plan { grid-template-columns: 1fr; }
  .agent-lp .lp-plan-offer { border-right: 0; border-bottom: 1px solid var(--lp-line); }
}
@media (max-width: 760px) {
  .agent-lp .lp-page-hero { padding: 44px 0 28px; }
  .agent-lp .lp-endpoint { grid-template-columns: 1fr; padding: 18px; }
  .agent-lp .lp-int-clients { grid-template-columns: 1fr 1fr; }
  .agent-lp .lp-int-guide { padding: 22px 18px; }
  .agent-lp .lp-int-guide h2 { font-size: 24px; }
  .agent-lp .lp-int-code pre { padding: 52px 14px 14px; }
  .agent-lp .lp-int-cards { grid-template-columns: 1fr; margin-top: 48px; }
  .agent-lp .lp-plan-offer, .agent-lp .lp-plan-details { padding: 24px 20px; }
  .agent-lp .lp-plan-price strong { font-size: 48px; }
  .agent-lp .lp-allowances { grid-template-columns: 1fr; }
}
.agent-lp .lp-faq-items details p:last-child { margin-bottom: 20px; }

/* What is knowen.md (welcome#about): the explainer for newcomers. */
.agent-lp .lp-wik-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; padding-top: 72px; }
.agent-lp .lp-wik-hero h1 { font-size: clamp(40px, 4.4vw, 58px); }
.agent-lp .lp-wik-hero-figure { padding: 24px 24px 18px; border: 1px solid var(--lp-line); border-radius: 8px; background: var(--lp-subtle); box-shadow: 0 24px 60px rgba(23, 35, 44, .08); }
.agent-lp .lp-wik-hero-figure figcaption { margin-top: 12px; color: var(--lp-muted); font-size: 13px; }
.agent-lp .lp-wik-graph-scroll { overflow-x: auto; }
.agent-lp .lp-wik-graph { display: block; width: 100%; height: auto; font-family: var(--lp-sans); }
.agent-lp .lp-wik-columns rect { fill: #fff; stroke: var(--lp-line); stroke-dasharray: 4 4; }
.agent-lp .lp-wik-edges path { stroke: #9fb6c5; stroke-width: 1.6; }
.agent-lp .lp-wik-edges .is-second-parent { stroke: var(--lp-blue); stroke-width: 2.2; }
.agent-lp .lp-wik-related { stroke: var(--lp-green); stroke-width: 1.8; stroke-dasharray: 5 5; }
.agent-lp .lp-wik-related-label { fill: var(--lp-green); font-size: 13px; font-weight: 700; }
.agent-lp .lp-wik-nodes rect { fill: #fff; stroke: #c6d4dd; stroke-width: 1.2; }
.agent-lp .lp-wik-nodes text { fill: var(--lp-ink); font-size: 15px; font-weight: 700; }
.agent-lp .lp-wik-nodes .is-root rect { fill: var(--lp-ink-deep); stroke: var(--lp-ink-deep); }
.agent-lp .lp-wik-nodes .is-root text { fill: #fff; }
.agent-lp .lp-wik-nodes .is-highlight rect { fill: var(--lp-tint); stroke: var(--lp-blue); stroke-width: 2; }
.agent-lp .lp-wik-badge rect { fill: var(--lp-blue); }
.agent-lp .lp-wik-badge text { fill: #fff; font-size: 12px; font-weight: 700; }
.agent-lp .lp-wik-axis line { stroke: var(--lp-muted); stroke-width: 1.4; }
.agent-lp .lp-wik-arrowhead { fill: var(--lp-muted); }
.agent-lp .lp-wik-axis text { fill: var(--lp-muted); font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }

.agent-lp .lp-wik-concepts { padding-top: 72px; border-top: 1px solid var(--lp-line); }
.agent-lp .lp-wik-concept-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; margin-top: 48px; }
.agent-lp .lp-wik-concept-grid li { position: relative; padding: 28px 24px; border: 1px solid var(--lp-line); border-radius: 8px; background: #fff; }
.agent-lp .lp-wik-concept-number { position: absolute; top: 28px; right: 24px; color: var(--lp-blue-light); font-size: 13px; font-weight: 700; }
.agent-lp .lp-wik-concept-grid p { margin-top: 10px; color: var(--lp-muted); font-size: 15px; }

.agent-lp .lp-wik-read { padding-top: 0; }
.agent-lp .lp-wik-read .lp-lead { margin-top: 16px; }
.agent-lp .lp-wik-read-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; align-items: start; margin-top: 48px; }
.agent-lp .lp-wik-mock { overflow: hidden; border: 1px solid var(--lp-line); border-radius: 8px; background: #fff; box-shadow: 0 12px 45px rgba(35, 52, 64, .08); }
.agent-lp .lp-wik-mock-toolbar { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 24px; border-bottom: 1px solid var(--lp-line); }
.agent-lp .lp-wik-tool { display: inline-flex; align-items: center; gap: 8px; padding: 4px 10px; border-radius: 4px; background: var(--lp-pale); color: var(--lp-ink); font-size: 13px; font-weight: 700; }
.agent-lp .lp-wik-mock-page { padding: 28px 32px 32px; }
.agent-lp .lp-wik-mock-crumbs { display: flex; align-items: center; gap: 8px; color: var(--lp-muted); font-size: 13px; }
.agent-lp .lp-wik-mock-title { margin-top: 8px; font-family: var(--lp-serif); font-size: 32px; line-height: 1.2; }
.agent-lp .lp-wik-mock-meta { margin-top: 6px; color: var(--lp-muted); font-size: 12px; }
.agent-lp .lp-wik-mock-text { position: relative; display: grid; gap: 10px; margin: 24px 0 28px; }
.agent-lp .lp-wik-mock-text i { display: block; height: 10px; border-radius: 5px; background: #e6edf2; }
.agent-lp .lp-wik-mock-text > .lp-wik-marker { position: absolute; left: -26px; top: -4px; }
.agent-lp .lp-wik-mock-heading { display: flex; align-items: center; gap: 8px; margin: 18px 0 10px; font-family: var(--lp-serif); font-size: 18px; }
.agent-lp .lp-wik-mock-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.agent-lp .lp-wik-mock-chips span { padding: 4px 10px; border: 1px solid #c9dce9; border-radius: 3px; color: var(--lp-blue); font-size: 13px; font-weight: 700; }
.agent-lp .lp-wik-mock-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.agent-lp .lp-wik-mock-cards span { display: grid; gap: 2px; padding: 10px 12px; border: 1px solid var(--lp-line); border-radius: 4px; }
.agent-lp .lp-wik-mock-cards strong { color: var(--lp-blue); font-size: 14px; }
.agent-lp .lp-wik-mock-cards small { color: var(--lp-muted); font-size: 12px; }
.agent-lp .lp-wik-marker { display: inline-flex; flex: 0 0 auto; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 50%; background: var(--lp-blue); color: #fff; font-family: var(--lp-sans); font-size: 12px; font-weight: 700; line-height: 1; }
.agent-lp .lp-wik-legend { display: grid; gap: 0; }
.agent-lp .lp-wik-legend li { display: grid; grid-template-columns: 22px 1fr; gap: 18px; padding: 22px 0; border-top: 1px solid var(--lp-line); }
.agent-lp .lp-wik-legend li:last-child { border-bottom: 1px solid var(--lp-line); }
.agent-lp .lp-wik-legend .lp-wik-marker { margin-top: 2px; }
.agent-lp .lp-wik-legend p { margin-top: 6px; color: var(--lp-muted); font-size: 15px; }
.agent-lp .lp-wik-legend p strong { color: var(--lp-ink); }

.agent-lp .lp-wik-access { padding-top: 0; }
.agent-lp .lp-wik-stages { display: grid; grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1.2fr) 32px minmax(0, 1fr); gap: 16px; align-items: stretch; margin-top: 48px; }
.agent-lp .lp-wik-stages > li:not(.lp-wik-stage-arrow) { padding: 28px 24px; border: 1px solid var(--lp-line); border-radius: 8px; background: var(--lp-subtle); }
.agent-lp .lp-wik-stages p { margin-top: 10px; color: var(--lp-muted); font-size: 15px; }
.agent-lp .lp-wik-stage-arrow { display: flex; align-items: center; justify-content: center; color: var(--lp-blue); font-size: 24px; }
.agent-lp .lp-wik-levels { display: grid; gap: 8px; margin-top: 14px; }
.agent-lp .lp-wik-levels li { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; padding: 8px 10px; border-radius: 4px; background: #fff; border: 1px solid var(--lp-line); font-size: 14px; }
.agent-lp .lp-wik-levels span { color: var(--lp-muted); }

.agent-lp .lp-wik-agents { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; margin-bottom: 112px; padding: 56px; border-radius: 8px; background: var(--lp-ink-deep); color: #fff; }
.agent-lp .lp-wik-agents .lp-eyebrow { color: var(--lp-blue-light); }
.agent-lp .lp-wik-agents h2 { margin: 16px 0 18px; font-size: 36px; line-height: 1.2; letter-spacing: -.8px; }
.agent-lp .lp-wik-agents-copy > p:not(.lp-eyebrow) { margin-top: 12px; color: #c5d3dc; font-size: 16px; }
.agent-lp .lp-wik-agents-link { display: inline-block; margin-top: 20px; color: var(--lp-blue-light); font-weight: 700; text-decoration: none; }
.agent-lp .lp-wik-agents-link:hover { color: #fff; }
.agent-lp .lp-wik-flow { display: grid; gap: 0; counter-reset: wik-flow; }
.agent-lp .lp-wik-flow li { position: relative; padding: 0 0 22px 36px; }
.agent-lp .lp-wik-flow li::before { counter-increment: wik-flow; content: counter(wik-flow); position: absolute; left: 0; top: 0; display: flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 50%; background: var(--lp-blue); color: #fff; font-size: 12px; font-weight: 700; }
.agent-lp .lp-wik-flow li:not(:last-child)::after { content: ''; position: absolute; left: 10px; top: 26px; bottom: 4px; width: 2px; background: rgba(140, 196, 234, .35); }
.agent-lp .lp-wik-flow-step { display: block; color: var(--lp-blue-light); font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.agent-lp .lp-wik-flow p { margin-top: 4px; color: #e6edf2; font-size: 15px; }
.agent-lp .lp-wik-flow code { display: inline-block; margin-right: 6px; padding: 2px 8px; border-radius: 3px; background: rgba(255, 255, 255, .08); color: #e6edf2; font-size: 13px; }
.agent-lp .lp-wik-flow small { display: block; margin-top: 4px; color: #9fb1bd; font-size: 13px; }

.agent-lp .lp-wik-uses { padding-top: 0; }
.agent-lp .lp-wik-faq { padding-top: 0; }
.agent-lp .lp-wik-uses-link { display: inline-block; margin-top: 12px; font-size: 14px; font-weight: 700; text-decoration: none; }

@media (max-width: 1100px) {
  .agent-lp .lp-wik-hero { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .agent-lp .lp-wik-hero-figure { max-width: 680px; }
  .agent-lp .lp-wik-concept-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-lp .lp-wik-read-grid { grid-template-columns: 1fr; gap: 40px; }
  .agent-lp .lp-wik-mock { max-width: 680px; }
  .agent-lp .lp-wik-agents { grid-template-columns: 1fr; gap: 40px; padding: 44px; }
}
@media (max-width: 860px) {
  .agent-lp .lp-wik-stages { grid-template-columns: 1fr; }
  .agent-lp .lp-wik-stage-arrow { transform: rotate(90deg); height: 24px; }
}
@media (max-width: 760px) {
  .agent-lp .lp-wik-hero { padding-top: 48px; }
  .agent-lp .lp-wik-hero-figure { padding: 14px 12px 12px; }
  .agent-lp .lp-wik-graph { min-width: 520px; }
  .agent-lp .lp-wik-concept-grid { grid-template-columns: 1fr; gap: 16px; }
  .agent-lp .lp-wik-mock-page { padding: 22px 20px 24px 36px; }
  .agent-lp .lp-wik-mock-cards { grid-template-columns: 1fr; }
  .agent-lp .lp-wik-agents { margin-bottom: 72px; padding: 32px 20px; }
  .agent-lp .lp-wik-agents h2 { font-size: 28px; }
}