/* ==========================================================================
   /ai-visibility — one page, two sub-features: 01 GEO Audit (website address → six scores → plan)
   and 02 AI Answers (question → answer → sources → competitors → platforms).
   Loads after features.css, flow.css, aei.css, aeo-report.css and radar-sample.css.
   ========================================================================== */

/* 01 GEO Audit intro: the website-address form and the sample radar window, centred like a hero */
.av-audit { padding: 40px 0 24px; text-align: center; }
.av-audit h2 { max-width: 760px; margin: 0 auto; font-size: clamp(32px, 4vw, 46px); font-weight: 500; line-height: 1.1; letter-spacing: -0.03em; }
.av-audit .av-lead { max-width: 620px; margin: 18px auto 0; color: var(--fg-2); font-size: 17px; }
.av-audit .url-msg { margin-top: 10px; font-size: 13px; color: var(--fg-3); }
.av-audit .url-msg.err { color: #ff7d7d; }
.av-audit .radar-notice p { flex: 1 1 280px; margin: 0; font-size: 13.5px; color: var(--fg); }
.av-audit .ft-hero-visual { margin-top: 48px; }

/* sub-feature headers sit directly above the first section head of each block */
.vx .ft-subhead + .section-grid .section-head.vx-head { padding-top: 24px; }
.vx .ft-subhead + .section-grid .split.vx-split { padding-top: 40px; }

/* Perception teaser: short copy, the demo visual stays */
.av-perception .split.vx-split > div:first-child > p { max-width: 480px; }

@media (max-width: 640px) { .av-audit { padding-top: 28px; } .av-audit .av-lead { font-size: 16px; } }