/* Tema escuro moderno — carregado depois de modern.css */
:root {
  --bg: #050d1f; --bg2: #081428; --surf: #0c1a33; --surf2: #10213f;
  --ink: #e8eef9; --muted: #9fb0cc; --line: rgba(148,170,210,.16);
  --ice: #081428; --glow: rgba(0,173,239,.35);
  --shadow-lg: 0 30px 80px -30px rgba(0,0,0,.8);
}
html { color-scheme: dark; }
body { background: var(--bg); color: var(--ink); }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(900px 500px at 12% -5%, rgba(0,173,239,.12), transparent 60%), radial-gradient(700px 500px at 100% 40%, rgba(216,30,91,.07), transparent 60%); }
h1, h2, h3, h4 { color: #fff; }
a { color: #5cc8f5; }

/* Cabeçalho */
.header { background: transparent; }
.header.is-scrolled { background: rgba(5,13,31,.78); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); box-shadow: none; }
.header.is-scrolled .header__nav a, .header.is-scrolled .header__nav button { color: #cfdcf3; }
.header.is-scrolled .header__nav a:hover { color: #fff; }
.header.is-scrolled .btn--ghost, .btn--ghost { color: #e8eef9; border-color: rgba(255,255,255,.28); }
.header.is-scrolled .btn--ghost:hover, .btn--ghost:hover { background: rgba(255,255,255,.08); border-color: #fff; color: #fff; }
.header.is-scrolled .btn--primary { background: var(--blue); color: #001B44; }
.menu-toggle { color: #fff; } .menu-toggle span { background: #fff; }
.mobile-nav { background: #081428; border-color: var(--line); } .mobile-nav a { color: #e8eef9; }

/* Botões e brilho */
.btn--primary { box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset, 0 12px 36px -10px var(--glow); }

/* Hero */
.hero { background: radial-gradient(900px 520px at 78% 20%, rgba(0,173,239,.22), transparent 62%), radial-gradient(600px 400px at 10% 90%, rgba(216,30,91,.12), transparent 60%), var(--bg); }

/* Mockup do hero */
.mock { background: #0a1730; box-shadow: var(--shadow-lg), 0 0 0 1px rgba(148,170,210,.2), 0 0 90px -20px var(--glow); }
.mock__bar { background: #0d1d3a; } .mock__bar em { background: #142a4d; color: #a9bad6; }
.mock__side { background: #06122a; }
.mock__main { color: var(--ink); background: #0a1730; }
.mock__titulo, .mock__kpis b, .mock__linha b { color: #fff; }
.mock__kpis div, .mock__linha, .mock__chips span { background: #10213f; border-color: var(--line); color: #b7c6e0; }
.float { background: #10213f; color: var(--ink); border: 1px solid rgba(148,170,210,.22); box-shadow: 0 20px 44px -16px rgba(0,0,0,.8); }
.float b { color: #fff; } .float small { color: #a9bad6; }

/* Faixas de números / esclarecimento */
.stats-strip .container { background: linear-gradient(180deg, #0e1f3d, #0a1730); border-color: var(--line); box-shadow: var(--shadow-lg); }
.stats-strip__label, .stats-strip__desc { color: var(--muted); }
.stats-strip__number, .whitelabel__list .stats-strip__number { background: linear-gradient(90deg, #ffffff, #5cc8f5); -webkit-background-clip: text; background-clip: text; color: transparent; }
.clarify-strip p { color: var(--muted); }

/* Seções */
.section { background: transparent; }
.section__title { color: #fff; }
.section__lead { color: var(--muted); }
.section__lead a { color: #5cc8f5; }
.eyebrow { color: #7fd7fb; background: rgba(0,173,239,.14); border: 1px solid rgba(0,173,239,.28); }
.showcase, .confianca { background: linear-gradient(180deg, var(--bg2), var(--bg)); }
.section--form { background: var(--bg2); }
.section--dark { background: radial-gradient(800px 400px at 90% 0%, rgba(0,173,239,.18), transparent 60%), #071226; border-block: 1px solid var(--line); }

/* Cartões */
.show, .card, .conf { background: linear-gradient(180deg, #0f2040, #0b182f); border-color: var(--line); box-shadow: none; }
.show:hover, .card:hover, .conf:hover { border-color: rgba(0,173,239,.55); box-shadow: 0 24px 60px -30px rgba(0,173,239,.45); }
.show h3, .card h3, .conf h3 { color: #fff; }
.card p, .conf p, .show header p, .confianca__links { color: var(--muted); }
.confianca__links a { color: #5cc8f5; }
.card__icon { background: linear-gradient(140deg, rgba(0,173,239,.25), rgba(0,173,239,.06)); color: #5cc8f5; }
.conf__num { background: linear-gradient(90deg, #fff, #5cc8f5); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Miniaturas "Veja por dentro" */
.kb { background: #08152c; }
.kb__col h4 { color: #9fb0cc; } .kb__col h4 em { background: #16294d; color: #fff; }
.kb__card { background: #12264a; border-color: var(--line); color: #fff; }
.kb__card small { color: #a9bad6; } .kb__card small.venc { color: #ff7a9f; } .kb__card small.okk { color: #58d68d; }
.kb__card i { color: #7fd7fb; }
.pt { background: #08152c; border-color: var(--line); }
.pt__logo { color: #5cc8f5; } .pt__user, .pt__kpis small { color: #9fb0cc; }
.pt__kpis div, .pt__item { background: #12264a; border-color: var(--line); }
.pt__kpis b, .pt__item b { color: #fff; }
.cd { background: #06122a; border: 1px solid var(--line); }

/* Passos, white-label, domínio */
.domain-card { background: linear-gradient(160deg, #0f2447, #081428); border: 1px solid rgba(0,173,239,.3); box-shadow: 0 0 80px -30px var(--glow); }
.whitelabel__list li, .whitelabel li { color: #cfdcf3; }

/* Formulário */
.form { background: linear-gradient(180deg, #0f2040, #0b182f); border-color: var(--line); box-shadow: var(--shadow-lg); }
.form label, .form legend, .form__fieldset legend { color: #dbe6f7; }
.form input, .form textarea, .form select { background: #07132a; border: 1px solid rgba(148,170,210,.28); color: #fff; }
.form input::placeholder, .form textarea::placeholder { color: #6f83a5; }
.form__consent, .form__consent span { color: var(--muted); }
.form__consent a { color: #5cc8f5; }

/* FAQ */
.accordion__item { background: #0c1a33; border-color: var(--line); }
.accordion__trigger { color: #fff; background: transparent; }
.accordion__panel, .accordion__panel p { color: var(--muted); }

/* CTA final, rodapé, banner LGPD */
.cta-final { background: radial-gradient(700px 360px at 80% 0%, rgba(0,173,239,.3), transparent 60%), radial-gradient(500px 300px at 10% 100%, rgba(216,30,91,.16), transparent 60%), #071226; border-top: 1px solid var(--line); }
.footer { background: #030913; border-top: 1px solid var(--line); }
.lgpd-banner { background: #0f2040; color: #e8eef9; border: 1px solid var(--line); }
::selection { background: rgba(0,173,239,.4); color: #fff; }

/* Ajustes */
.menu-toggle { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.22); border-radius: 12px; }
.lgpd-banner a { color: #7fd7fb; }
.p.ok { background: rgba(46,204,113,.16); color: #6ee7a0; }
.p.crit { background: rgba(255,107,143,.16); color: #ff9db6; }
.p.warn { background: rgba(255,193,7,.16); color: #ffd666; }
.mock__kpis small, .mock__linha small, .mock__main small { color: #9fb0cc; }
.p.neu { background: rgba(148,170,210,.16); color: #c3d0e6; }
.header .header__logo img { filter: brightness(0) invert(1); }

/* Páginas legais (privacidade.html, termos.html) -- "main.legal" pra vencer o <style> interno da página */
main.legal h1, main.legal h2, main.legal h3 { color: #fff; }
main.legal p, main.legal li { color: var(--muted); }
main.legal a { color: #5cc8f5; }
main.legal .placeholder { background: var(--surf); border-color: var(--line); color: var(--ink); }
main.legal .placeholder p { color: var(--ink); }