/* Page-specific visuals for /get-found-in-ai-search/ — brand-coloured, text-based (AI-readable), responsive. */
.ai-viz{margin:30px 0;border:1px solid #E9E3D6;border-radius:18px;padding:22px 20px;background:#fff}
.ai-viz-t{font:700 .74rem/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#EE6A2B;margin:0 0 4px}
.ai-viz-s{font-size:.92rem;color:#5f5c52;margin:0 0 18px}
.ai-cap{font-size:.78rem;color:#8A8676;margin:14px 0 0;font-style:italic}

/* A — old search vs AI answer */
.ai-oldnew{display:flex;gap:16px;flex-wrap:wrap}
.ai-col{flex:1 1 240px;border:1px solid #E9E3D6;border-radius:14px;padding:16px;background:#FBF8F1}
.ai-col h4{font:700 .7rem/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#807b6d;margin:0 0 12px}
.ai-lk{height:11px;border-radius:6px;background:#E4DDCC;margin:8px 0}
.ai-col--ai{background:#F8EFE0;border-color:#EE6A2B44}
.ai-ans{font-size:.9rem;line-height:1.45;color:#35352E;margin:0 0 12px}
.ai-chips{display:flex;gap:7px;flex-wrap:wrap}
.ai-chip{font:600 .78rem/1 'Inter',sans-serif;padding:7px 11px;border-radius:20px;background:#fff;border:1px solid #E4DDCC;color:#35352E}
.ai-chip--you{background:#EE6A2B;border-color:#EE6A2B;color:#fff}

/* B — the live-test bars */
.ai-bar{margin:0 0 16px}
.ai-bar-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px}
.ai-bar-h b{font:600 .95rem/1.3 'Inter',sans-serif;color:#35352E}
.ai-bar-h b i{font-style:normal;color:#807b6d;font-weight:450}
.ai-bar-v{font:800 1.02rem/1 'Plus Jakarta Sans',sans-serif;color:#EE6A2B;white-space:nowrap}
.ai-track{background:#EDE7D8;border-radius:9px;height:20px;overflow:hidden}
.ai-fill{height:100%;border-radius:9px;background:linear-gradient(90deg,#EE6A2B,#F1854E)}
.ai-zero{display:flex;align-items:center;gap:12px;margin:20px 0 0;background:#35352E;border-radius:12px;padding:13px 16px;color:#fff}
.ai-zero .z{font:800 1.5rem/1 'Plus Jakarta Sans',sans-serif;color:#9CC795}
.ai-zero p{margin:0;font-size:.9rem;line-height:1.4;color:#EDEAE2}

/* C — how AI picks who to name */
.ai-flow{display:flex;flex-direction:column;align-items:center;gap:12px}
.ai-sigs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}
.ai-sig{flex:1 1 150px;max-width:210px;border:1px solid #E9E3D6;border-radius:12px;padding:13px 12px;background:#FBF8F1;text-align:center}
.ai-sig b{display:block;font:700 .88rem/1.25 'Plus Jakarta Sans',sans-serif;color:#35352E;margin:0 0 3px}
.ai-sig span{font-size:.78rem;line-height:1.35;color:#6f6b5f}
.ai-arrow{color:#C9B79E;font-size:1.35rem;line-height:1}
.ai-picked{background:#EE6A2B;color:#fff;border-radius:14px;padding:14px 20px;text-align:center;max-width:420px}
.ai-picked b{display:block;font:800 1.02rem/1.25 'Plus Jakarta Sans',sans-serif}
.ai-picked span{font-size:.82rem;color:#FCE6D8}

/* D — the checklist as cards */
.ai-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.ai-step{display:flex;gap:12px;border:1px solid #E9E3D6;border-radius:13px;padding:14px;background:#fff}
.ai-num{flex:none;width:30px;height:30px;border-radius:50%;background:#EE6A2B;color:#fff;font:800 .95rem/1 'Plus Jakarta Sans',sans-serif;display:grid;place-items:center;margin-top:1px}
.ai-step b{display:block;font:700 .93rem/1.3 'Plus Jakarta Sans',sans-serif;color:#35352E;margin:0 0 2px}
.ai-step span{font-size:.84rem;line-height:1.4;color:#615d52}