/* Paleta derivada da logo aprovada. Somente cor, degradê e brilho. */
:root {
 --brand-light: #d8b3fb;
 --brand-mid: #b587fa;
 --brand-deep: #8a5fef;
 --brand-rgb: 181,135,250;
 --brand-ink: #160a22;
 --brand-gradient: linear-gradient(165deg,var(--brand-light) 0%,var(--brand-mid) 52%,var(--brand-deep) 100%);
 --brand-text-gradient: var(--brand-gradient);
 --brand-text-on-light: linear-gradient(165deg,#9467d5 0%,#8054c9 52%,#7046b9 100%);
 --lilac: var(--brand-light);
 --accent: var(--brand-mid);
}
/* Em fundos claros, a mesma família violeta com contraste de leitura. */
#possibilidades, #direcao, #acesso, #encerramento { --brand-text-gradient: var(--brand-text-on-light); }
:is(#topo,#possibilidades,#experiencia,#direcao,#beneficios,#acesso,#faq,#encerramento) :is(h1,h2) em {
 color: var(--brand-mid);
 background: var(--brand-text-gradient);
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 text-shadow: none;
}
#topo { --neon: var(--brand-mid); --neon-rgb: var(--brand-rgb); }
#topo .cta,
#acesso .access-button,
#encerramento .closing-action,
#experiencia #flow-copy {
 background: var(--brand-gradient);
 color: var(--brand-ink);
 border-color: var(--brand-mid);
}
#topo .cta:hover,
#acesso .access-button:hover,
#encerramento .closing-action:hover,
#experiencia #flow-copy:hover { background: var(--brand-gradient); }
:is(#topo .cta,#acesso .access-button)::before, :is(#topo .cta,#acesso .access-button)::after {
 background: conic-gradient(from var(--promptiva-orbit),transparent 0deg 230deg,var(--brand-deep) 275deg,var(--brand-light) 310deg,var(--brand-mid) 335deg,transparent 360deg);
}
#topo .neon-frame-orbit::before, #topo .neon-frame-orbit::after {
 background: conic-gradient(from var(--promptiva-orbit),transparent 0deg 225deg,var(--brand-deep) 270deg,var(--brand-mid) 295deg,#e9d3ff 320deg,transparent 350deg);
}
#possibilidades .showcase-kicker::before,
#possibilidades .showcase-progress span { background: var(--brand-gradient); }
#possibilidades .example-card:hover .example-visual { border-color: var(--brand-mid); box-shadow: 0 0 26px rgba(var(--brand-rgb),.09); }
#possibilidades .example-open:hover { background: var(--brand-gradient); border-color: var(--brand-mid); color: var(--brand-ink); }
#possibilidades .showcase-filter[aria-pressed="true"] { border-color: #a17ad2; background: rgba(var(--brand-rgb),.18); }
#experiencia .flow-scenes button[aria-pressed="true"],
#experiencia .flow-tabs .m-tab-ind,
#experiencia .flow-tabs:not(.m-has-ind) button[aria-selected="true"],
#direcao .direction-switch button[aria-pressed="true"] { background: var(--brand-gradient); color: var(--brand-ink); border-color: var(--brand-mid); }
#experiencia .flow-tabs button[aria-selected="true"],
#experiencia .flow-tabs button[aria-selected="true"] span { color: var(--brand-ink); }
#experiencia .flow-formats button[aria-pressed="true"] { border-color: var(--brand-mid); background: rgba(var(--brand-rgb),.14); }
#topo .sound-control[aria-pressed="true"],
.sound-control.is-floating[aria-pressed="true"] { background: var(--brand-gradient); color: var(--brand-ink); border-color: var(--brand-mid); }
#beneficios .benefits-number, #acesso .access-plan-mark, #acesso .access-plan-heading h3 > span { color: var(--brand-mid); }
.site-footer-nav a::after { background: var(--brand-gradient); }

:is(#topo .cta,#acesso .access-button)::after {
 padding: 5px;
 -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite: xor;
 mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 mask-composite: exclude;
}