diff --git a/index.mdx b/index.mdx index d6d67e3..f5e7796 100644 --- a/index.mdx +++ b/index.mdx @@ -65,6 +65,14 @@ import { CommercialTiers } from "/snippets/commercial-tiers.jsx";

Interactive walkthrough: follow one agent action through every check →

+
+

Control, observe, and analyze every action your AI agents take.

+ +
diff --git a/style.css b/style.css index 63266fb..a980ba8 100644 --- a/style.css +++ b/style.css @@ -452,6 +452,17 @@ body:has(.cr-subpage) #search-bar-entry-mobile,body:has(.cr-subpage) #assistant- @media (max-width:1000px) { .cr-tiers { grid-template-columns:1fr; } } +/* The three verbs, closing the how-it-works chapter: one line and three short claims, kept + compact so the slide still fits the screen under the diagram. */ +.cr-site .cr-verbs { margin-top:40px; padding-top:28px; border-top:1px solid var(--cr-line); } +.cr-site .cr-verbs h3 { margin:0 0 18px; font-size:clamp(19px,1.6vw,23px); letter-spacing:-.02em; line-height:1.25; } +.cr-site .cr-verbs ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 28px; } +.cr-site .cr-verbs li { margin:0; font-size:14.5px; line-height:1.6; color:var(--cr-muted); } +.cr-verbs li b { color:var(--cr-ink); font-weight:600; } +@media (max-width:1000px) { + .cr-site .cr-verbs ul { grid-template-columns:1fr; } + .cr-site .cr-verbs { margin-top:32px; } +} .cr-site .cr-surfaces { list-style:none; padding:0; margin:34px 0 0; display:flex; flex-direction:column; gap:20px; } .cr-surfaces li { position:relative; padding-left:16px; font-size:14px; line-height:1.6; color:var(--cr-muted); } .cr-surfaces li::before { content:""; position:absolute; left:0; top:.6em; width:6px; height:6px; border-radius:50%; background:var(--cr-accent); }