/* AgentPM public-page composition. Brickwork owns components and shell;
   these classes belong only to consumer-owned homepage chrome. */
.apm-marketing-logo { display: inline-flex; }
.bw-marketing {
  --bw-color-accent: #171A21;
  --bw-color-accent-hover: #2D3138;
  --bw-color-fg-on-accent: #FAF8F3;
}
[data-theme="dark"] .bw-marketing {
  --bw-color-accent: #FAF8F3;
  --bw-color-accent-hover: #E8E5DC;
  --bw-color-fg-on-accent: #171A21;
}
.apm-marketing-logo img { display: block; color-scheme: light; }
[data-theme="dark"] .apm-marketing-logo img,
[data-theme="dark"] .apm-marketing-footer__about img { color-scheme: dark; }

.apm-home-hero { min-inline-size: 0; }
.apm-home-hero .bw-hero__heading {
  max-inline-size: 14ch;
  font-size: clamp(2.4rem, 4.8vw, 4.25rem);
  letter-spacing: -.045em;
  line-height: 1.05;
}

/* Feature rows without media still open a 1fr 1fr grid from md up; collapse
   to one column so copy does not sit beside an empty cell. */
.apm-home-features .bw-feature-row {
  grid-template-columns: 1fr;
}
.apm-home-features .bw-feature-row:nth-child(2n) .bw-feature-row__copy {
  grid-area: auto;
}
.apm-home-features .bw-feature-rows__heading {
  max-inline-size: 22ch;
}

/* Chrome title defaults to caption-muted; lift it for the hero stage. */
.apm-home-hero .bw-product-chrome__title {
  color: var(--bw-color-fg);
}

/* Stage sits on brickwork's raised chrome surface: use ink, not paper. */
.apm-home-stage {
  display: grid;
  gap: 0;
  padding: var(--bw-space-1) var(--bw-space-1) var(--bw-space-2);
  color: var(--bw-color-fg);
}
.apm-home-stage__row {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr) auto;
  gap: var(--bw-space-3);
  align-items: center;
  padding: var(--bw-space-3) var(--bw-space-3);
  border-block-end: var(--bw-size-border-hairline) solid var(--bw-color-border);
  font-weight: 600;
}
.apm-home-stage__row:last-of-type { border: 0; }
.apm-home-stage__kind {
  font-family: var(--bw-font-family-mono);
  font-size: var(--bw-text-caption-size);
  letter-spacing: .06em;
  color: var(--bw-color-fg-muted);
  text-transform: uppercase;
}
.apm-home-stage__copy {
  min-inline-size: 0;
  color: var(--bw-color-fg);
}
.apm-home-stage__copy small {
  display: block;
  margin-block-start: .2rem;
  color: var(--bw-color-fg-muted);
  font-family: var(--bw-font-family-mono);
  font-size: var(--bw-text-caption-size);
  font-weight: 400;
  letter-spacing: .02em;
}
.apm-home-stage__note {
  margin: var(--bw-space-2) var(--bw-space-3) 0;
  padding: var(--bw-space-3);
  border-radius: var(--bw-radius-md);
  background: var(--bw-color-surface-sunken);
  color: var(--bw-color-fg);
  font-size: var(--bw-text-caption-size);
}

.apm-marketing-footer__content { display: grid; gap: var(--bw-space-8); }
.apm-marketing-footer__about { max-inline-size: 20rem; }
.apm-marketing-footer__about img {
  display: block;
  inline-size: 9rem;
  block-size: auto;
  color-scheme: light;
}
.apm-marketing-footer__about p {
  color: var(--bw-color-fg-muted);
  font-size: var(--bw-text-caption-size);
}
.apm-marketing-footer__links {
  display: grid;
  align-content: start;
  gap: var(--bw-space-2);
}
.apm-marketing-footer__links h2 {
  margin: 0 0 var(--bw-space-1);
  font-size: var(--bw-text-label-size);
}
.apm-marketing-footer__links a {
  color: var(--bw-color-fg-muted);
  text-decoration: none;
}
.apm-marketing-footer__links a:hover,
.apm-marketing-footer__links a:focus-visible {
  color: var(--bw-color-fg);
  text-decoration: underline;
}

@media (min-width: 48rem) {
  .apm-marketing-footer__content {
    grid-template-columns: minmax(0, 1fr) minmax(10rem, .45fr);
  }
}

@media (max-width: 30rem) {
  .apm-home-stage__row { grid-template-columns: 1fr auto; }
  .apm-home-stage__kind { display: none; }
  .apm-home-hero .bw-hero__actions { display: grid; }
}