/* AEGIS Demo Widget — shared terminal-style citation-verification reveal.
   Used on landing-free.html, landing-pro.html, option-black.html, conclave-landing.html,
   and corrections-landing.html. Self-contained: provides fallbacks for any host-page
   CSS vars it expects, so it renders correctly regardless of the parent palette. */

.aegis-demo-section {
    --aegis-mono: var(--font-mono, 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace);
    --aegis-text: var(--text, #D4D8DE);
    --aegis-text-bright: var(--text-bright, #E4E7EC);
    --aegis-text-dim: var(--text-dim, #8FA0B2);
    --aegis-blue: var(--blue, #6FAEDC);
    --aegis-green: var(--good, #7BC47F);
    --aegis-red: var(--bad, #D95C5C);
    --aegis-amber: var(--warn, #E8B84D);
    --aegis-frame: var(--navy-line, rgba(255, 255, 255, 0.08));
    --aegis-frame-bg: var(--navy-up, rgba(10, 12, 18, 0.65));
    --aegis-bar-bg: rgba(111, 174, 220, 0.06);
    --aegis-bar-border: rgba(111, 174, 220, 0.12);
    padding: 64px 24px 24px;
}
.aegis-demo-section .inner {
    max-width: 860px;
    margin: 0 auto;
}
.aegis-terminal {
    background: var(--aegis-frame-bg);
    border: 1px solid var(--aegis-frame);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 48px rgba(0, 0, 0, 0.5), 0 0 80px rgba(111, 174, 220, 0.04);
}
.aegis-terminal-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: var(--aegis-bar-bg);
    border-bottom: 1px solid var(--aegis-bar-border);
}
.aegis-terminal-dot {
    width: 10px; height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.10);
}
.aegis-terminal-title {
    font-family: var(--aegis-mono);
    font-size: 11px;
    color: var(--aegis-text-dim);
    margin-left: 8px;
    letter-spacing: 1px;
}
.aegis-terminal-body {
    padding: 24px 20px;
    font-family: var(--aegis-mono);
    font-size: 13px;
    line-height: 2;
    color: var(--aegis-text);
}
.aegis-t-line {
    opacity: 0;
    transform: translateY(6px);
}
.aegis-t-line.visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.4s ease, transform 0.4s ease;
}
.aegis-t-prompt { color: var(--aegis-blue); }
.aegis-t-cmd { color: var(--aegis-text-bright); }
.aegis-t-ok { color: var(--aegis-green); font-weight: 600; }
.aegis-t-fail { color: var(--aegis-red); font-weight: 600; }
.aegis-t-dim { color: var(--aegis-text-dim); }
.aegis-t-val { color: var(--aegis-blue); }
.aegis-t-warn { color: var(--aegis-amber); }

.aegis-demo-caption {
    text-align: center;
    margin-top: 20px;
    font-size: 13px;
    color: var(--aegis-text-dim);
    font-family: var(--aegis-mono);
    letter-spacing: 1px;
}

@media (prefers-reduced-motion: reduce) {
    .aegis-t-line { opacity: 1; transform: none; }
}