/* Paleta das páginas de planos e WhatsApp, isolada nesta landing page. */
body.ai-page {
  --purple: #660099;
  --purple-dark: #490071;
  --pink: #b0008d;
  --lilac: #a467c4;
  --ink: #2f1041;
  --muted: #71617d;
  --soft: #f3e5ff;
  --soft2: #fbeaf7;
  --line: #e5d4ef;
  --ai-brand-gradient: linear-gradient(110deg, #660099, #97089d);
  --ai-on-purple: #f2dffa;
}

.ai-page ::selection { background: var(--soft); color: var(--purple-dark); }
.ai-page :is(.badge, .section-kicker) { background: var(--soft); color: var(--purple); }
.ai-page :is(.section-heading h2, .ai-pain-grid h3, .flow-card h3, .integration-highlights h3) { color: var(--ink); }
.ai-page :is(.section-heading > p, .ai-copy > p, .ai-pain-grid p, .flow-card p, .integration-highlights p, .micro-proof) { color: var(--muted); }
.ai-page .button-primary { background: var(--purple); color: #fff; box-shadow: 0 12px 28px #66009920; }
.ai-page .button-primary:hover { background: #510078; }
.ai-page .button-secondary { background: var(--soft); border-color: #d6afe8; color: var(--purple); }
.ai-page .button-secondary:hover { background: #ead4fa; border-color: var(--purple); color: var(--purple); }
.ai-page :is(.text-link, .ai-features i) { color: var(--purple); }
.ai-page .text-link:hover { color: var(--pink); }
.ai-page .ai-features li { color: var(--ink); }
.ai-page :is(a, button, summary):focus-visible { outline: 3px solid var(--purple); outline-offset: 4px; }

/* Cabeçalho compartilhado com a homepage, na paleta desta LP. */
.ai-page .nav-cta { background: var(--purple); }
.ai-page .nav-cta:hover { background: #510078; box-shadow: 0 14px 30px #66009930; }

/* Hero e visualização da análise. */
.ai-page .ai-hero { background: #ebebeb; }
.ai-page .visual-glow { background: #66009918; }
.ai-page .ai-document-card {
  background: linear-gradient(145deg, #fff, #f3e5ff);
  border-color: var(--line);
  box-shadow: 0 40px 90px #49007120;
}
.ai-page .ai-document-card::before { background: radial-gradient(circle at top right, #b0008d18, transparent 55%); }
.ai-page :is(.ai-file, .ai-results div, .ai-analysis-grid div) { background: #fff; border-color: var(--line); }
.ai-page :is(.ai-card-header span, .ai-results strong, .ai-analysis-grid span) { color: var(--purple); }
.ai-page :is(.ai-card-header strong, .ai-file span, .ai-results span, .ai-analysis-grid small) { color: var(--muted); }
.ai-page .ai-file i { background: var(--soft); color: var(--purple); }
.ai-page .ai-results div:nth-child(2) { background: var(--soft2); }
.ai-page .ai-results div:nth-child(2) strong { color: var(--pink); }

/* Desafios e funcionalidades. */
.ai-page .ai-problem { background: linear-gradient(180deg, #ebebeb, #fff 140px); }
.ai-page .ai-pain-grid article { background: #faf5fd; border-color: var(--line); }
.ai-page .ai-pain-grid article:nth-child(even) { background: var(--soft2); }
.ai-page .ai-pain-grid .value-icon { background: var(--soft); color: var(--purple); }
.ai-page .pain-tag { background: var(--soft); color: var(--purple); }
.ai-page .ai-pain-grid article:nth-child(even) :is(.value-icon, .pain-tag) { background: #f6d7ee; color: var(--pink); }
.ai-page .ai-pain-grid article:hover { border-color: #d6afe8; box-shadow: 0 25px 60px #66009914; }
.ai-page .ai-pain-grid article:hover .value-icon { background: #ead4fa; }
.ai-page .ai-pain-grid article:nth-child(even):hover .value-icon { background: #f3c8e9; }
.ai-page .ai-analysis-grid div:nth-child(2) { background: var(--soft2); }
.ai-page .ai-analysis-grid div:nth-child(2) span { color: var(--pink); }
.ai-page .ai-different {
  background: radial-gradient(ellipse at 95% 0%, #cb35b34d, transparent 62%),
    linear-gradient(110deg, #490071, #660099);
}
.ai-page .ai-different :is(h2, h3) { color: #fff; }
.ai-page .ai-different h2 em { color: #f7cef0; }
.ai-page .ai-different :is(.section-heading p, .value-grid p) { color: var(--ai-on-purple); }
.ai-page .ai-different .value-icon { background: #ffffff18; border-color: #ffffff30; color: #f7cef0; }
.ai-page .ai-different .value-grid article:hover .value-icon { background: #ffffff24; box-shadow: 0 20px 40px #b0008d20; }
.ai-page :is(.ai-different, .cta) .section-kicker { background: #ffffff18; color: var(--ai-on-purple); }

/* Comparação de experiências. */
.ai-page .ai-comparison { background: #faf5fd; }
.ai-page .ai-comparison .comparison-card { border-color: var(--line); }
.ai-page .ai-comparison .comparison-card.after { background: var(--soft2); border-color: #e6b8da; box-shadow: 0 25px 60px #b0008d14; }
.ai-page .ai-comparison .comparison-card:hover { box-shadow: 0 30px 70px #66009918; }
.ai-page :is(.comparison-header small, .ai-comparison .before li) { color: var(--muted); }
.ai-page .comparison-card.before .comparison-icon { background: #f4eef7; color: var(--muted); }
.ai-page .comparison-card.before li i { color: #9a83a8; }
.ai-page .comparison-card.after .comparison-icon { background: #f6d7ee; color: var(--pink); }
.ai-page .ai-comparison .after li { color: var(--purple); }
.ai-page .comparison-status.negative { background: #f4eef7; color: var(--muted); }
.ai-page .comparison-status.positive { background: var(--pink); color: #fff; }
.ai-page .comparison-arrow { color: var(--purple); }
.ai-page .comparison-arrow div { background: var(--purple); box-shadow: 0 15px 35px #66009930; }

/* Ecossistema e jornada. */
.ai-page .ai-ecosystem { background: linear-gradient(180deg, #faf5fd, #ebebeb); }
.ai-page .ai-ecosystem .ecosystem-banner {
  background: radial-gradient(circle at right, #b0008d40, transparent 55%), linear-gradient(135deg, #35004f, #490071);
  border-color: #6d328a;
  color: #fff;
  box-shadow: 0 30px 70px #49007118;
}
.ai-page .ecosystem-content > span,
.ai-page .ecosystem-points i { color: #f7cef0; }
.ai-page .ai-ecosystem .ecosystem-content p { color: var(--ai-on-purple); }
.ai-page .ecosystem-content > a { color: #f7cef0; }
.ai-page .ecosystem-content > a:hover { color: #fff; }
.ai-page .ecosystem-content > a:focus-visible { outline-color: #fff; }
.ai-page .ai-journey { background: linear-gradient(180deg, #ebebeb, #fff 160px); }
.ai-page .ai-flow::before { background: linear-gradient(90deg, #e5d4ef, #660099, #b0008d, #e5d4ef); }
.ai-page .flow-card { border-color: var(--line); }
.ai-page .flow-card:hover { box-shadow: 0 25px 60px #66009920; }
.ai-page :is(.flow-number, .step-icon) { background: var(--soft); color: var(--purple); }
.ai-page .flow-card.active { background: var(--ai-brand-gradient); border-color: var(--purple); box-shadow: 0 20px 60px #66009920; }
.ai-page .flow-card.active h3 { color: #fff; }
.ai-page .flow-card.active p { color: var(--ai-on-purple); }
.ai-page .flow-card.active .step-icon { background: #ffffff20; color: #fff; }
.ai-page .flow-card:nth-child(4) :is(.flow-number, .step-icon) { background: var(--soft2); color: var(--pink); }

/* Integrações com o mesmo fundo cinza e transições suaves das demais LPs. */
.ai-page .ai-integrations { background: linear-gradient(180deg, #fff, #ebebeb 160px, #ebebeb calc(100% - 160px), #faf5fd); }
.ai-page .connection-lines::before { background: radial-gradient(circle, #66009924, transparent 65%); }
.ai-page .connection-lines::after { border-color: #66009918; }
.ai-page .network-center { border-color: var(--line); box-shadow: 0 35px 90px #66009920; }
.ai-page :is(.network-center strong, .network-item strong) { color: var(--ink); }
.ai-page :is(.network-center span, .network-item span) { color: var(--muted); }
.ai-page .network-item { border-color: var(--line); box-shadow: 0 20px 50px #49007114; }
.ai-page .network-item::after { background: #d6afe8; }
.ai-page .network-item:hover { border-color: #d6afe8; box-shadow: 0 20px 55px #66009918; }
.ai-page .network-item i { background: var(--soft); color: var(--purple); }
.ai-page .network-item:hover i { background: #ead4fa; }
.ai-page :is(.item-flow, .item-webhook, .item-ged) i { background: var(--soft2); color: var(--pink); }
.ai-page :is(.item-flow, .item-webhook, .item-ged):hover i { background: #f3c8e9; }
.ai-page .integration-highlights article { border-color: var(--line); }
.ai-page .integration-highlights article:hover { border-color: #d6afe8; box-shadow: 0 25px 60px #66009918; }
.ai-page .integration-highlights i { background: var(--soft); color: var(--purple); }
.ai-page .integration-highlights article:nth-child(2) { background: var(--soft2); }
.ai-page .integration-highlights article:nth-child(2) i { background: #f6d7ee; color: var(--pink); }

/* FAQ, contato e rodapé. */
.ai-page .faq-section { background: #faf5fd; }
.ai-page :is(.faq-intro h2 em, .faq-highlight strong, .faq-list summary span) { color: var(--purple); }
.ai-page :is(.faq-intro p, .faq-highlight span, .faq-list p) { color: var(--muted); }
.ai-page :is(.faq-highlight, .faq-list details) { border-color: var(--line); }
.ai-page .faq-list details:hover { border-color: #d6afe8; }
.ai-page .faq-list details[open] { border-color: var(--purple); box-shadow: 0 20px 50px #66009914; }
.ai-page .faq-list summary { color: var(--ink); }
.ai-page .faq-list summary i { background: var(--soft); color: var(--purple); }
.ai-page .cta { background: var(--ai-brand-gradient); }
.ai-page .cta-copy h2 em { color: #f7cef0; }
.ai-page :is(.cta-copy > p, .cta-points span) { color: var(--ai-on-purple); }
.ai-page .lead-form { border-color: var(--line); color: var(--ink); }
.ai-page :is(.form-header p, .lead-form small) { color: var(--muted); }
.ai-page .lead-form :is(input, select, textarea):not(.error):not(.valid):focus { border-color: var(--purple); box-shadow: 0 0 0 3px #66009915; }
.ai-page .site-footer { background: linear-gradient(135deg, #210b35, #35004f); }
.ai-page .footer-glow { background: radial-gradient(circle, #b0008d30, transparent 65%); }
.ai-page .footer-ecosystem { color: var(--ai-on-purple); }
.ai-page .footer-column a:hover { color: #f7cef0; }
.ai-page .site-footer a:focus-visible { outline-color: #f7cef0; }
.ai-page .contact-chat { --chat-purple: #660099; }
.ai-page .contact-chat__continue:hover { background: #510078; }
.ai-page .floating-contact.contact-chat-launcher.is-chat-open { background: var(--purple); box-shadow: 0 7px 22px #66009933; }

@media (max-width: 700px) {
  .ai-page .faq-list summary > span { background: var(--soft); }
}