/* ==========================================================================
   /discover — stage 01 DISCOVER · GEO 진단 (powered by AI Visibility).
   Loads after features.css, flow.css, aei.css, aeo-report.css and ai-visibility.css; only what the
   stage layout adds on top of the AI Answers visuals lives here.
   ========================================================================== */

/* Hero: the engine chip under the title */
.vx-hero-copy .stage-engine { display: inline-flex; align-items: center; gap: 6px; margin: 18px 0 0; padding: 5px 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--bg-1); font-size: 12px; color: var(--fg-3); }
.vx-hero-copy .stage-engine span { color: var(--fg-2); font-weight: 500; }
.vx-hero-copy .stage-engine + p { margin-top: 18px; }

/* Stage navigation placeholder: flow.js fills it; stays invisible while empty */
.stage-nav:empty { display: none; }

/* 01 Problem */
.dv .dv-problem.split { padding-top: 40px; }

/* 02 What flowgen analyzes: scope chips + the audit summary that points to /geo-insight */
.dv-scope { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; padding-top: 40px; }
.dv-scope li { padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-1); min-width: 0; transition: border-color .3s, transform .5s var(--fl-expo, cubic-bezier(.19,1,.22,1)); }
.dv-scope li:hover { border-color: rgba(1,194,225,.5); transform: translateY(-3px); }
.dv-scope li b { display: block; font-size: 15px; font-weight: 500; color: var(--fg); }
.dv-scope li b::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 10px; border-radius: 50%; background: var(--fl-a, #01c2e1); vertical-align: 2px; }
.dv-scope li p { margin-top: 8px; font-size: 13px; line-height: 1.5; color: var(--fg-2); }
.dv-audit { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; margin-top: 24px; padding: 32px; border: 1px solid var(--line); border-radius: var(--radius-lg, 16px); background: var(--bg-1); }
.dv-audit-copy h2 { font-size: 26px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.2; }
.dv-audit-copy p { margin-top: 12px; color: var(--fg-2); font-size: 15px; max-width: 480px; }
.dv-audit-copy .btn { margin-top: 20px; }
.dv-audit-card { padding: 22px; border: 1px solid var(--line-soft); border-radius: 12px; background: var(--bg-2); }
.dv-audit-card .rw-h .demo-tag { margin-left: auto; }
.dv-audit-card .sc-list li { font-size: 13.5px; }

/* 04 How it works: the trust principles follow the four steps */
.dv .section-head.vx-head.dv-method { padding-top: 64px; }

/* 06 Example: the three-platform demo, then the walk-through cards */
.dv-example .ar-engines { margin-top: 40px; }
.dv .dv-walk-head { padding-top: 56px; }
.dv-walk .card h3 { font-size: 17px; line-height: 1.3; }

/* 07 Metrics */
.dv-metrics { margin-top: 8px; }
.dv-metrics + .net-note { padding-bottom: 64px; }

/* FAQ sits directly under its opener */
.dv .faq.dv-faq { margin-left: 0; padding-top: 32px; padding-bottom: 64px; }

/* Stage pages share a plain final CTA: no rotator, no secondary buttons */
.dv .final-cta .url-form { margin-left: auto; margin-right: auto; }

@media (max-width: 1100px) { .dv-scope { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 860px) { .dv-audit { grid-template-columns: 1fr; gap: 24px; padding: 24px; } }
@media (max-width: 640px) { .dv-scope { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .dv-scope { grid-template-columns: 1fr; } }