/* Local tweaks on top of the imported agentic.salespeak.ai styles. Loaded
   AFTER the original stylesheets in src/raw/agent-optimizer.head.html, so these
   rules win on equal specificity by source order. */

/* Hero buttons (Book a demo / See your agent traffic, free) — full pill, to
   match the home page nav buttons. */
.ao .btn,
.ao .btn.btn-ghost {
  border-radius: 999px;
}

/* Proof-card panels (TODAY · ... / AFTER AGENT OPTIMIZER) — noticeably rounder
   corners than the imported 4px. */
.ao .poc-panel,
.ao .poc-panel.before,
.ao .poc-panel.after {
  border-radius: 20px;
}

/* "The answer you want" chip — was pinned to the right edge of the after-card
   (left: 121px; right: 24px). Center it on the top edge instead. */
.ao .poc-panel.after .pick {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  /* The original `right: 24px` was implicitly forcing the chip wider than its
     content; without it the chip shrinks and the text wraps. Keep one line. */
  white-space: nowrap;
}

/* The after-card's top gradient strip (::before) was full-width with square
   corners; once we rounded the card to 20px the strip's corners poked past the
   curve. Inset it just enough to clear the card's rounded corner at y=5px, and
   give the strip its own rounded top corners so it reads as a small accent. */
.ao .poc-panel.after::before {
  left: 8px;
  right: 8px;
  border-radius: 4px 4px 0 0;
}