@font-face { font-family: "Gotham"; src: url("fonts/Gotham-Light.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Gotham"; src: url("fonts/Gotham-Book.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Gotham"; src: url("fonts/Gotham-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Gotham"; src: url("fonts/Gotham-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Gotham"; src: url("fonts/Gotham-Black.woff2") format("woff2"); font-weight: 900; font-display: swap; }

/* Conferência BRP 2026 "Ainda Dá, Vamos Lá": black Gotham Black headlines on an iridescent aurora
   (mint → white → pink → lavender → peach), mint as the working accent, mono "instrument" voice for data. */
:root {
  --ground: #F7F7F7;
  --white: #FFFFFF;
  --ink: #0D0D0D;
  --text: #2B2B2B;
  --muted: #6E6E6E;
  --line: #DEDEDE;
  --ring: #B7BDC2;
  --mint: #7FEBBE;
  --mint-deep: #22C98A;
  --pink: #FF8BC4;
  --pink-deep: #EE4FA2;
  --violet: #B59CF5;
  --peach: #FFC39A;
  --accent: var(--mint);
  --accent-deep: var(--mint-deep);
  --accent-tint: #E6FAF0;
  --ci: #FFDE59;
  --ci-tint: #FFF6CF;
  --green: #22C98A;
  --yellow: #F3E20F;
  --red: #E11313;
  --red-tint: #FBE4D9;
  /* idea areas: the three BRP brand colours, as in the Radar de Megatendências */
  --estado: #8CC63F;
  --pessoas: #F3E20F;
  --empresas: #E11313;
  --aurora:
    radial-gradient(70% 90% at 4% 12%, #A8F3CD 0%, rgba(168,243,205,0) 62%),
    radial-gradient(55% 75% at 96% 22%, #FFA3CF 0%, rgba(255,163,207,0) 60%),
    radial-gradient(60% 70% at 90% 96%, #C7B5F8 0%, rgba(199,181,248,0) 62%),
    radial-gradient(45% 55% at 22% 102%, #FFCDA6 0%, rgba(255,205,166,0) 60%),
    linear-gradient(118deg, #DFFAEC 0%, #FFFFFF 44%, #FFE3F1 70%, #ECE2FF 100%);
  --font: "Gotham", Arial, Helvetica, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  color-scheme: light;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
html { scroll-padding-top: 90px; }
body { background: var(--white); color: var(--text); font-family: var(--font); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; }
[hidden] { display: none !important; }
.wrap { max-width: 1200px; margin: 0 auto; padding-inline: 24px; }
@media (max-width: 560px) { .wrap { padding-inline: 16px; } }
h1, h2, h3, h4 { margin: 0; line-height: 1.05; text-wrap: balance; color: var(--ink); }
.aurora { background: var(--aurora); background-size: 100% 100%; }
p { margin: 0; }
a { color: inherit; }
.mono { font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
.tagpill { display: inline-flex; align-items: center; gap: 8px; background: var(--ink); color: var(--white); border-radius: 999px; padding: 7px 14px 7px 11px; font: 700 12px var(--font); text-transform: uppercase; letter-spacing: .04em; width: fit-content; }
.tagpill::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--white); }
.tagpill.accent::before, .tagpill.ci::before { background: var(--accent); }
a:focus-visible, button:focus-visible, textarea:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid var(--accent-deep); outline-offset: 3px; }

/* Header lockup */
.top { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.88); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); padding-top: env(safe-area-inset-top, 0px); }
.top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 14px; }
.lockup { display: flex; align-items: center; gap: 18px; min-width: 0; text-decoration: none; }
.lockup .brp { height: 38px; width: auto; display: block; }
.lockup .sep { width: 1px; height: 34px; background: var(--line); flex: 0 0 auto; }
.lockup .ci { height: 22px; width: auto; display: block; }
.top nav { display: flex; gap: 6px; }
.top nav a { text-decoration: none; font-size: 13px; font-weight: 500; padding: 8px 14px; border-radius: 999px; color: var(--ink); white-space: nowrap; }
.top nav a:hover { background: var(--ground); }
.top nav a.cta { background: var(--ink); color: var(--white); }
@media (max-width: 960px) { .top nav a:not(.cta) { display: none; } }
@media (max-width: 560px) { .lockup .ci, .lockup .sep { display: none; } .lockup .brp { height: 32px; } }

/* Buttons */
.btn { display: inline-flex; align-items: center; gap: 12px; font: 700 14px var(--font); text-decoration: none; padding: 14px 22px; border-radius: 999px; border: 1.5px solid var(--ink); background: var(--ink); color: var(--white); cursor: pointer; transition: transform .15s, background .15s; }
.btn.ghost { background: transparent; color: var(--ink); }
.btn.small { padding: 9px 16px; font-size: 13px; gap: 8px; }
.btn:hover { background: var(--ink); border-color: var(--ink); color: var(--white); }
.btn svg { width: 18px; height: 10px; transition: transform .2s; }
.btn:hover svg { transform: translateX(4px); }
.btn:disabled { opacity: .5; cursor: default; transform: none; }

/* Footer */
footer { background: var(--ink); color: #B5B5B5; padding-block: 64px calc(44px + env(safe-area-inset-bottom, 0px)); }
footer .wrap { display: grid; gap: 28px; }
footer .logos { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
footer .logos img:first-child { height: 38px; }
footer .logos img:last-child { height: 22px; }
footer .logos .sep { width: 1px; height: 32px; background: #3A3A3A; }
footer .legal { font-size: 12px; line-height: 1.7; max-width: 100ch; }
footer .copy { border-top: 1px solid #2A2A2A; padding-top: 20px; color: #8A8A8A; }

@media (prefers-reduced-motion: reduce) { .btn { transition: none; } }