/* Brave Corp Design System v16 · tokens oficiais (derivado de brave-design-system/tokens.css) */

:root, [data-theme="dark"], [data-register="dark"] {
  --navy-900: #0b1426;
  --navy-800: #0f1c2f;
  --navy-700: #1a2740;
  --navy-600: #2b2d42;
  --slate-700: #212336;
  --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"], [data-register="classico"] {
  --err: #fca5a5;
  --surface: linear-gradient(135deg, #2b2d42 0%, #2b3272 100%);
  --surface-solid: #2b2d42;
  --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"], [data-register="captacao"] {
  --surface: var(--navy-900);
  --surface-solid: var(--navy-900);
  --surface-card: rgba(255,255,255,0.035);
  --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"], [data-register="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);
  --head-hot: var(--w-promise-claro);
  color-scheme: light;
}
[data-theme="ivory"], [data-register="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: #f2eee6;
  --bt-superficie: #f7f4ee;
  --bt-superficie-2: #f5f2ea;
  --bt-faixa-principal: #0b1426;
  --bt-ink: #0b1426;
  --bt-ink-2: rgba(11,20,38,0.72);
  --bt-ink-3: rgba(11,20,38,0.64);
  --bt-linha: rgba(11,20,38,0.08);
  --bt-linha-forte: rgba(11,20,38,0.16);
  --bt-menu-ativo: #1a2740;
  --bt-chip: rgba(11,20,38,0.06);
  --bt-trilho: #e8e2d5;
  --bt-serie-1: #0b1426;
  --bt-serie-2: #3a4e78;
  --bt-serie-3: #7e8ba3;
  --bt-serie-4: #c3cbd8;
  --bt-hachura: rgba(11,20,38,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: #0b1426;
  --bt-sombra-cartao: 0 1px 3px rgba(11,20,38,0.06);
  --bt-sombra-suspensa: 0 24px 48px rgba(11,20,38,0.14);
  --head-hot: var(--w-promise-claro);
  color-scheme: light;
}
[data-theme="noir"], [data-register="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, var(--cta-grad-1) 0%, var(--cta-grad-2) 46%, var(--cta-grad-3) 100%);
  --bt-cta: #0f1c2f;
  --bt-cta-hover: #132540;
  --bt-cta-ink: #ffffff;
  --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', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Libre Franklin', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-num: 'Libre Franklin', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 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; }
.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; }