/* Solutions index (scripts/v47/pages/solutions.py): the data agents highlight in the hero. */
#af-mock .da-highlight{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:34px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(100deg,#f4f7ec,#fbf6e6);max-width:560px;transition:border-color .2s,transform .2s}
#af-mock .da-highlight:hover{border-color:#b9c99a;transform:translateY(-2px)}
#af-mock .da-highlight-mark{display:flex;align-items:center;gap:6px;font:500 20px Georgia,serif;color:#2f3a25}
#af-mock .da-highlight-mark img{display:block;width:22px;height:22px}
#af-mock .da-highlight-mark i{font-style:normal;color:#8a9a6a;font-size:14px}
#af-mock .da-highlight-mark b{display:grid;place-items:center;height:28px;padding:0 6px;border-radius:6px;background:#233020;color:#f2f5e9;font:700 14px 'IBM Plex Mono',monospace;letter-spacing:-.02em}
#af-mock .da-highlight-copy{display:flex;flex-direction:column;gap:3px;font-size:13.5px;line-height:1.5;color:#5a6072}
#af-mock .da-highlight-copy .eyebrow{margin:0 0 2px;font-size:10px}
#af-mock .da-highlight-copy strong{font:500 17px 'DM Sans',sans-serif;color:#0a0a0a}
#af-mock .da-highlight-link{font:12px 'IBM Plex Mono',monospace;color:#0a0a0a;white-space:nowrap}
@media(max-width:650px){#af-mock .da-highlight{grid-template-columns:1fr;gap:10px}}