/* Brave Corp Design System — generated from tokens.json */

:root, [data-theme="dark"] {
  --navy-900: #0b1426;
  --navy-800: #0f1c2f;
  --navy-700: #1a2740;
  --navy-600: #2b2d42;
  --navy-blue: #2b3272;
  --yellow-500: #eaca2d;
  --gold-600: #d59f07;
  --gold-warm: #d4a843;
  --bluegray-400: #8d99ae;
  --white: #ffffff;
  --light-100: #edf2f4;
  --light-200: #dfe4ee;
  --light-300: #cfd6e2;
  --ivory-50: #f7f4ee;
  --ivory-100: #f2eee6;
  --ivory-200: #e8e2d5;
  --marfim: #f5f2ea;
  --noir-950: #05070d;
  --noir-900: #0d1322;
  --ok: #10b981;
  --err: #ef4444;
  --warn: #f59e0b;
  --info: #3b82f6;
  --cta-grad-1: #f4da5b;
  --cta-grad-2: #e6be34;
  --cta-grad-3: #c99a22;
  --cta-ink: #1a1b2e;
  --surface: var(--navy-900);
  --surface-solid: var(--navy-900);
  --surface-card: rgba(255,255,255,0.035);
  --text-1: #ffffff;
  --text-2: rgba(255,255,255,0.70);
  --text-3: rgba(255,255,255,0.62);
  --text-4: rgba(255,255,255,0.62);
  --accent: var(--yellow-500);
  --accent-ink: var(--navy-900);
  --accent-2: var(--navy-blue);
  --accent-spark: var(--yellow-500);
  --line: rgba(255,255,255,0.10);
  --line-strong: rgba(255,255,255,0.20);
  --classico-ardosia: var(--navy-600);
  --classico-indigo: var(--navy-blue);
  --bt-fundo: #0b1426;
  --bt-superficie: #0f1c2f;
  --bt-superficie-2: #13203a;
  --bt-faixa-principal: #1c2b48;
  --bt-faixa-principal-ink: #ffffff;
  --bt-ink: #ffffff;
  --bt-ink-2: rgba(255,255,255,0.78);
  --bt-ink-3: rgba(255,255,255,0.72);
  --bt-linha: rgba(255,255,255,0.08);
  --bt-linha-forte: rgba(255,255,255,0.14);
  --bt-menu: #0b1426;
  --bt-menu-ativo: #16233c;
  --bt-menu-ink: #ffffff;
  --bt-menu-ink-2: rgba(255,255,255,0.72);
  --bt-dourado: #eaca2d;
  --bt-dourado-ink: #1a1b2e;
  --bt-chip: rgba(255,255,255,0.08);
  --bt-trilho: rgba(255,255,255,0.07);
  --bt-serie-1: #e6eaf2;
  --bt-serie-2: #aab5c8;
  --bt-serie-3: #6b7893;
  --bt-serie-4: #3a4762;
  --bt-ambar: #f59e0b;
  --bt-hachura: rgba(255,255,255,0.32);
  --bt-ok: #6ee7b7;
  --bt-ok-fundo: rgba(16,185,129,0.16);
  --bt-atencao: #fcd34d;
  --bt-atencao-fundo: rgba(245,158,11,0.16);
  --bt-atencao-numero: #fcd34d;
  --bt-erro: #fca5a5;
  --bt-erro-fundo: rgba(239,68,68,0.16);
  --bt-foco: #eaca2d;
  --bt-foco-sobre-navy: #eaca2d;
  --bt-capa-1: #2b3272;
  --bt-capa-2: #14214a;
  --bt-capa-3: #0b1426;
  --bt-capa-ink: #ffffff;
  --bt-urgencia: #b42318;
  --bt-urgencia-texto: #ff5a5f;
  --palco-navy-2: #1a2540;
  --palco-ink-2: #4a5468;
  --palco-mut: #8e98ac;
  --palco-branco-72: rgba(255,255,255,0.72);
  --bt-sombra-cartao: none;
  --bt-sombra-suspensa: 0 24px 48px rgba(0,0,0,0.5);
}
[data-theme="classico"] {
  --err: #fca5a5;
  --surface: var(--navy-600);
  --surface-solid: var(--navy-600);
  --surface-card: rgba(255,255,255,0.05);
  --accent: var(--yellow-500);
  --accent-ink: var(--navy-600);
  --accent-2: var(--navy-blue);
  --accent-spark: var(--yellow-500);
  --classico-ardosia: var(--navy-600);
  --classico-indigo: var(--navy-blue);
}
[data-theme="captacao"] {
  --surface: var(--navy-900);
  --surface-solid: var(--navy-900);
  --accent: var(--yellow-500);
  --accent-ink: var(--navy-900);
  --accent-2: var(--navy-blue);
  --accent-spark: var(--yellow-500);
  --classico-ardosia: var(--navy-600);
  --classico-indigo: var(--navy-blue);
}
[data-theme="claro"] {
  --err: #b42323;
  --surface: var(--light-100);
  --surface-solid: var(--light-100);
  --surface-card: var(--white);
  --text-1: var(--navy-800);
  --text-2: rgba(15,28,47,0.70);
  --text-3: rgba(15,28,47,0.62);
  --text-4: rgba(15,28,47,0.62);
  --accent: var(--navy-800);
  --accent-ink: var(--white);
  --accent-2: var(--navy-blue);
  --accent-spark: var(--yellow-500);
  --line: rgba(15,28,47,0.12);
  --line-strong: rgba(15,28,47,0.22);
  --classico-ardosia: var(--navy-600);
  --classico-indigo: var(--navy-blue);
  --bt-fundo: #edf2f4;
  --bt-superficie: #ffffff;
  --bt-superficie-2: #f6f8fa;
  --bt-faixa-principal: #0f1c2f;
  --bt-ink: #0f1c2f;
  --bt-ink-2: rgba(15,28,47,0.72);
  --bt-ink-3: rgba(15,28,47,0.64);
  --bt-linha: rgba(15,28,47,0.08);
  --bt-linha-forte: rgba(15,28,47,0.16);
  --bt-menu: #0f1c2f;
  --bt-menu-ativo: #1a2740;
  --bt-chip: rgba(15,28,47,0.06);
  --bt-trilho: #eef1f5;
  --bt-serie-1: #0f1c2f;
  --bt-serie-2: #3a4e78;
  --bt-serie-3: #7e8ba3;
  --bt-serie-4: #c3cbd8;
  --bt-hachura: rgba(15,28,47,0.30);
  --bt-ok: #0b7451;
  --bt-ok-fundo: rgba(16,185,129,0.12);
  --bt-atencao: #8a5300;
  --bt-atencao-fundo: rgba(245,158,11,0.14);
  --bt-atencao-numero: #b45309;
  --bt-erro: #b42323;
  --bt-erro-fundo: rgba(239,68,68,0.10);
  --bt-foco: #0f1c2f;
  --bt-sombra-cartao: 0 1px 3px rgba(15,28,47,0.06);
  --bt-sombra-suspensa: 0 24px 48px rgba(11,20,38,0.14);
}
[data-theme="ivory"] {
  --err: #b42323;
  --surface: var(--ivory-100);
  --surface-solid: var(--ivory-100);
  --surface-card: var(--ivory-50);
  --text-1: #0b1426;
  --text-2: rgba(11,20,38,0.70);
  --text-3: rgba(11,20,38,0.62);
  --text-4: rgba(11,20,38,0.62);
  --accent: var(--gold-600);
  --accent-ink: var(--navy-900);
  --accent-2: var(--navy-blue);
  --accent-spark: var(--yellow-500);
  --line: rgba(11,20,38,0.12);
  --line-strong: rgba(11,20,38,0.22);
  --classico-ardosia: var(--navy-600);
  --classico-indigo: var(--navy-blue);
  --bt-fundo: #edf2f4;
  --bt-superficie: #ffffff;
  --bt-superficie-2: #f6f8fa;
  --bt-faixa-principal: #0f1c2f;
  --bt-ink: #0f1c2f;
  --bt-ink-2: rgba(15,28,47,0.72);
  --bt-ink-3: rgba(15,28,47,0.64);
  --bt-linha: rgba(15,28,47,0.08);
  --bt-linha-forte: rgba(15,28,47,0.16);
  --bt-menu: #0f1c2f;
  --bt-menu-ativo: #1a2740;
  --bt-chip: rgba(15,28,47,0.06);
  --bt-trilho: #eef1f5;
  --bt-serie-1: #0f1c2f;
  --bt-serie-2: #3a4e78;
  --bt-serie-3: #7e8ba3;
  --bt-serie-4: #c3cbd8;
  --bt-hachura: rgba(15,28,47,0.30);
  --bt-ok: #0b7451;
  --bt-ok-fundo: rgba(16,185,129,0.12);
  --bt-atencao: #8a5300;
  --bt-atencao-fundo: rgba(245,158,11,0.14);
  --bt-atencao-numero: #b45309;
  --bt-erro: #b42323;
  --bt-erro-fundo: rgba(239,68,68,0.10);
  --bt-foco: #0f1c2f;
  --bt-sombra-cartao: 0 1px 3px rgba(15,28,47,0.06);
  --bt-sombra-suspensa: 0 24px 48px rgba(11,20,38,0.14);
}
[data-theme="noir"] {
  --surface: var(--noir-950);
  --surface-solid: var(--noir-950);
  --surface-card: rgba(255,255,255,0.04);
  --accent: var(--gold-warm);
  --accent-ink: var(--noir-950);
  --accent-2: var(--navy-blue);
  --accent-spark: var(--yellow-500);
  --line: rgba(255,255,255,0.08);
  --line-strong: rgba(255,255,255,0.18);
  --classico-ardosia: var(--navy-600);
  --classico-indigo: var(--navy-blue);
}
:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --sp-30: 120px;
  --gap-logo-headline: 72px;
  --gap-h1-h2: 32px;
  --gap-text-cta: 60px;
  --section-y: 108px;
  --content-max: 1060px;
  --filete-w: 34px;
  --filete-h: 3px;
  --hairline: 1px;
  --track-tight: -0.03em;
  --track-tight2: -0.02em;
  --track-wide: 0.16em;
  --bt-e1: 4px;
  --bt-e2: 8px;
  --bt-e3: 12px;
  --bt-e4: 16px;
  --bt-e5: 20px;
  --bt-e6: 24px;
  --bt-e8: 32px;
  --bt-e10: 40px;
  --bt-e12: 48px;
  --bt-secao-y: 80px;
  --radius-0: 0;
  --radius: 8px;
  --radius-8: 8px;
  --radius-9: 8px;
  --radius-pill: 999px;
  --bt-raio-etiqueta: 999px;
  --bt-raio-controle: 8px;
  --bt-raio-botao-grande: 8px;
  --bt-raio-cartao: 12px;
  --bt-raio-cartao-celular: 16px;
  --bt-raio-destaque: 16px;
  --surface-oficial-grad: linear-gradient(135deg, #2b2d42 0%, #2b3272 100%);
  --cta-grad: linear-gradient(135deg, #f4da5b 0%, #e6be34 46%, #c99a22 100%);
  --bt-cta: linear-gradient(135deg, #f4da5b 0%, #e6be34 46%, #c99a22 100%);
  --bt-capa: radial-gradient(120% 90% at 100% 0%, #2b3272 0%, #14214a 45%, #0b1426 100%);
  --bt-veu-foto: linear-gradient(100deg, rgb(11 20 38 / 94%) 0%, rgb(11 20 38 / 82%) 46%, rgb(11 20 38 / 35%) 100%);
  --bt-veu-foto-celular: linear-gradient(180deg, rgb(11 20 38 / 78%) 0%, rgb(11 20 38 / 90%) 100%);
  --head-ctx: 300;
  --head-hot: 900;
  --w-context: 300;
  --w-promise: 900;
  --w-context-loud: 300;
  --w-promise-loud: 900;
  --w-display: 300;
  --w-body: 400;
  --w-eyebrow: 600;
  --w-num: 700;
  --w-num-stat: 900;
  --w-num-display: 900;
  --num-display-weight: 900;
  --fs-display-xl: clamp(38px, 4.6vw, 72px);
  --fs-display: clamp(30px, 3.4vw, 48px);
  --fs-h2: clamp(24px, 2.4vw, 34px);
  --fs-h3: 20px;
  --fs-lead: 18px;
  --fs-body: 16px;
  --fs-sm: 13.5px;
  --fs-eyebrow: 13px;
  --fs-label: 12px;
  --lh-body: 1.6;
  --w-promise-claro: 800;
  --ease-brand: cubic-bezier(.22, 1, .36, 1);
  --ease-decel: cubic-bezier(.05, .7, .1, 1);
  --dur-fast: 200ms;
  --dur-base: 400ms;
  --dur-reveal: 600ms;
  --dur-cine: 900ms;
  --bt-ease: cubic-bezier(.2, 0, 0, 1);
  --bt-rapido: 200ms;
  --bt-revelar: 600ms;
  --bt-dur-toque: 80ms;
  --bt-dur-tela: 120ms;
  --bt-dur-pilula: 160ms;
  --bt-dur-gaveta: 220ms;
  --bt-dur-concluir: 240ms;
  --bt-dur-bloco: 350ms;
  --bt-dur-numero: 500ms;
  --bt-dur-flutuar: 7s;
  --bt-menu-largura: 236px;
  --bt-topo-altura: 60px;
  --bt-alvo: 44px;
  --bt-faixa-altura: 40px;
  --bt-largura-pagina: 1200px;
  --bt-largura-leitura: 720px;
  --font-sans: 'Libre Franklin', sans-serif;
  --font-display: 'Libre Franklin', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --font-num: 'Libre Franklin', sans-serif;
}
.display-xl { font-family: var(--font-sans); font-size: 72px; line-height: 1.05; font-weight: 300; letter-spacing: -0.03em; }
.display { font-family: var(--font-sans); font-size: 48px; line-height: 1.08; font-weight: 300; letter-spacing: -0.03em; }
.headline-context { font-family: var(--font-sans); font-size: 48px; line-height: 1.08; font-weight: 300; letter-spacing: -0.03em; }
.headline-promise { font-family: var(--font-sans); font-size: 48px; line-height: 1.08; font-weight: 900; letter-spacing: -0.03em; }
.headline-context-loud { font-family: var(--font-sans); font-size: 48px; line-height: 1.08; font-weight: 300; letter-spacing: -0.03em; }
.headline-promise-loud { font-family: var(--font-sans); font-size: 48px; line-height: 1.08; font-weight: 900; letter-spacing: -0.03em; }
.h2 { font-family: var(--font-sans); font-size: 34px; line-height: 1.15; font-weight: 300; letter-spacing: -0.02em; }
.h3 { font-family: var(--font-sans); font-size: 20px; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; }
.lead { font-family: var(--font-sans); font-size: 18px; line-height: 1.5; font-weight: 300; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.6; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 13.5px; line-height: 1.5; font-weight: 400; }
.eyebrow { font-family: var(--font-sans); font-size: 13px; line-height: 1.2; font-weight: 600; letter-spacing: 0.16em; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 1.3; font-weight: 600; letter-spacing: 0.06em; }
.num { font-family: var(--font-num); font-size: 34px; line-height: 1; font-weight: 700; letter-spacing: -0.01em; }
.num-stat { font-family: var(--font-num); font-size: 28px; line-height: 1; font-weight: 900; letter-spacing: -0.03em; }
.num-display { font-family: var(--font-num); font-size: 72px; line-height: 1; font-weight: 900; letter-spacing: -0.03em; }
.mono-label { font-family: var(--font-mono); font-size: 11px; line-height: 1.3; font-weight: 500; letter-spacing: 0.10em; }
.mono-pagination { font-family: var(--font-mono); font-size: 11px; line-height: 1.3; font-weight: 400; letter-spacing: 0.08em; }
.titulo-pagina { font-family: var(--font-sans); font-size: 28px; line-height: 1.1; font-weight: 300; letter-spacing: -0.02em; }
.titulo-destaque { font-family: var(--font-sans); font-size: 30px; line-height: 1.12; font-weight: 300; letter-spacing: -0.02em; }
.titulo-celular { font-family: var(--font-sans); font-size: 26px; line-height: 1.15; font-weight: 300; letter-spacing: -0.02em; }
.titulo-aula { font-family: var(--font-sans); font-size: 22px; line-height: 1.2; font-weight: 400; letter-spacing: -0.015em; }
.titulo-bloco { font-family: var(--font-sans); font-size: 13.5px; line-height: 1.3; font-weight: 600; }
.numero-destaque { font-family: var(--font-sans); font-size: 30px; line-height: 1; font-weight: 700; letter-spacing: -0.02em; }
.numero-funil { font-family: var(--font-sans); font-size: 18px; line-height: 1; font-weight: 700; }
.numero-lista { font-family: var(--font-sans); font-size: 15px; line-height: 1.1; font-weight: 600; }
.corpo { font-family: var(--font-sans); font-size: 13px; line-height: 1.35; font-weight: 400; }
.corpo-celular { font-family: var(--font-sans); font-size: 14px; line-height: 1.4; font-weight: 400; }
.rotulo { font-family: var(--font-sans); font-size: 12.5px; line-height: 1.25; font-weight: 400; }
.meta { font-family: var(--font-sans); font-size: 12px; line-height: 1.3; font-weight: 400; }
.etiqueta { font-family: var(--font-sans); font-size: 11.5px; line-height: 1.2; font-weight: 600; }
.codigo { font-family: var(--font-mono); font-size: 11px; line-height: 1.3; font-weight: 500; }
.palco-titulo-contexto { font-family: var(--font-sans); font-size: 96px; line-height: 1.04; font-weight: 300; letter-spacing: -0.03em; }
.palco-titulo-promessa { font-family: var(--font-sans); font-size: 96px; line-height: 1.04; font-weight: 900; letter-spacing: -0.03em; }
.palco-pergunta { font-family: var(--font-sans); font-size: 128px; line-height: 1.02; font-weight: 900; }
.palco-capa-titulo { font-family: var(--font-sans); font-size: 128px; line-height: 1.02; font-weight: 300; }
.palco-numero { font-family: var(--font-sans); font-size: 300px; line-height: 1; font-weight: 900; letter-spacing: -0.05em; }
.palco-numero-bloco { font-family: var(--font-sans); font-size: 420px; line-height: 1; font-weight: 900; letter-spacing: -0.06em; }
.palco-bloco-nome { font-family: var(--font-sans); font-size: 110px; line-height: 1.02; font-weight: 800; }
.palco-card-valor { font-family: var(--font-sans); font-size: 60px; font-weight: 900; }
.palco-ano { font-family: var(--font-sans); font-size: 80px; font-weight: 900; }
.palco-destaque-numero { font-family: var(--font-sans); font-size: 260px; font-weight: 900; }
.palco-numero-coluna { font-family: var(--font-sans); font-size: 160px; font-weight: 900; }
.palco-obrigado { font-family: var(--font-sans); font-size: 170px; }
.palco-capa-subtitulo { font-family: var(--font-sans); font-size: 46px; line-height: 1.3; font-weight: 400; }
.palco-capa-nome { font-family: var(--font-sans); font-size: 36px; font-weight: 700; }
.palco-capa-cargo { font-family: var(--font-sans); font-size: 30px; font-weight: 400; }
.palco-capa-evento { font-family: var(--font-sans); font-size: 26px; font-weight: 400; }
.palco-bloco-apoio { font-family: var(--font-sans); font-size: 40px; line-height: 1.3; font-weight: 400; }
.palco-texto-numero { font-family: var(--font-sans); font-size: 62px; line-height: 1.18; font-weight: 400; }
.palco-fecho { font-family: var(--font-sans); font-size: 52px; line-height: 1.25; font-weight: 500; }
.palco-fonte { font-family: var(--font-sans); font-size: 24px; line-height: 1.15; font-weight: 400; }
.palco-card-rotulo { font-family: var(--font-sans); font-size: 30px; font-weight: 400; }
.palco-tabela-titulo { font-family: var(--font-sans); font-size: 34px; font-weight: 700; }
.palco-tabela-texto { font-family: var(--font-sans); font-size: 30px; font-weight: 400; }
.palco-frase-palavra { font-family: var(--font-sans); font-size: 86px; }
.palco-frase-apoio { font-family: var(--font-sans); font-size: 36px; }
.palco-destaque-texto { font-family: var(--font-sans); font-size: 56px; }
@font-face { font-family: "Libre Franklin"; src: url("fonts/LibreFranklin-Variable.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }