/* autosay-platform-brand-v1: published identity is independent of color presets. */
:root[data-brand-revision] {
    /* These aliases also adapt immutable publications made before the SEO pages joined. */
    --bg: var(--bg-deep);
    --panel: var(--bg-card);
    --text: var(--text-white);
    --muted: var(--text-muted);
    --line: var(--bg-glass-border);
    --green: var(--brand-emerald);
    font-family: var(--font-family);
}
[data-brand-revision] .nav-logo { line-height: 1; }
[data-brand-revision] .platform-brand-logo {
    display: block;
    width: clamp(160px, 18vw, 218px);
    max-width: 100%;
    height: auto;
    max-height: 64px;
    object-fit: contain;
}
[data-brand-revision] .platform-brand-symbol {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
[data-brand-revision] .platform-brand-fallback {
    display: inline-flex;
    background: #012233;
    border-radius: var(--radius-sm);
    padding: 4px;
    max-width: 100%;
}
[data-brand-revision] .subpage-hero h1,
[data-brand-revision] .legal-section h2,
[data-brand-revision] .legal-meta strong { color: var(--text-white); }
[data-brand-revision] .legal-meta {
    background: var(--bg-card);
    border-color: var(--bg-glass-border);
    border-radius: var(--radius-md);
}

/* Public company/legal pages use the same palette as their marketing entry page. */
[data-brand-revision] :is(.subpage-hero, .about-content, .legal-content, .contact-content) :is(h1, h2, h3, h4) {
    color: var(--text-white);
}
[data-brand-revision] :is(.perk h4, .roles-section h2, .role-info h3, .int-section h2, .int-card h3, .timeline-card h3, .ai-flow-info h3) {
    color: var(--text-white);
}
[data-brand-revision] .ai-flow-info p { color: var(--text-muted); }
[data-brand-revision] :is(.mission-box, .value-card, .team-card, .company-info, .contact-card, .legal-meta) {
    background: var(--bg-card);
    border-color: var(--bg-glass-border);
    border-radius: var(--radius-md);
}
[data-brand-revision] .mission-box p { color: var(--text-light); }
[data-brand-revision] :is(.value-card, .contact-card) :is(.icon, i) { color: var(--brand-indigo-light); }

/* SEO solutions and guides share one semantic palette with the public site. */
[data-brand-revision] .site-header { background: var(--bg-dark); }
[data-brand-revision] .brand { color: var(--text-white); }
[data-brand-revision] .brand-mark {
    background: var(--gradient-brand);
    color: var(--text-on-brand);
    border-radius: var(--radius-sm);
}
[data-brand-revision] .language-nav a { border-radius: var(--radius-sm); }
[data-brand-revision] .language-nav a[aria-current] { background: var(--bg-card); color: var(--text-white); }
[data-brand-revision] .button {
    background: var(--brand-indigo);
    border-color: var(--brand-indigo);
    color: var(--text-on-brand);
    border-radius: var(--radius-sm);
}
[data-brand-revision] .button:hover { background: var(--brand-indigo-dark); color: var(--text-on-brand); }
[data-brand-revision] :is(.demo-note, .related-card, .cta-panel, .guide-toc, .guide-example) {
    background: var(--bg-card);
    border-color: var(--bg-glass-border);
    border-radius: var(--radius-md);
}
[data-brand-revision] .related-card:hover { background: var(--bg-card-hover); border-color: var(--brand-indigo); }
@media (max-width: 480px) {
    [data-brand-revision] .platform-brand-logo { width: 160px; }
}