:root {
  --roxo: #8b7ec4;
  --roxo-escuro: #6f61ab;
  --cinza: #787c88;
  --cinza-claro: #d5d8e0;
  --preto: #1d1e21;
  --branco: #ffffff;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'Montserrat', sans-serif;
  color: var(--preto);
  background: var(--branco);
  line-height: 1.6;
}
h1, h2, h3 { font-family: 'Oswald', sans-serif; font-weight: 500; line-height: 1.25; }
.container { max-width: 1080px; margin: 0 auto; padding: 0 24px; }
.destaque { color: var(--roxo-escuro); font-weight: 700; }

/* Header */
header {
  background: var(--branco);
  border-bottom: 1px solid var(--cinza-claro);
  position: sticky; top: 0; z-index: 10;
}
.header-inner {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 0;
}
.header-inner a.logo { display: inline-flex; }
.header-inner img { height: 56px; width: auto; }
.social { display: flex; gap: 14px; align-items: center; }
.social a { display: inline-flex; }
.social svg { width: 26px; height: 26px; fill: var(--preto); transition: fill .2s; }
.social a:hover svg { fill: var(--roxo); }
footer .social svg { fill: var(--branco); }
footer .social a:hover svg { fill: var(--roxo); }

/* Hero (home) */
.hero { padding: 64px 0; }
.hero-inner { display: flex; align-items: center; gap: 48px; }
.hero-inner img { width: 220px; max-width: 40vw; height: auto; flex-shrink: 0; }
.hero h1 { font-size: 2.6rem; color: var(--roxo-escuro); margin-bottom: 20px; }
.hero p { margin-bottom: 16px; font-size: 1.05rem; }

/* Programa (home) */
.programa { background: #f3f2f9; padding: 64px 0; text-align: center; }
.programa img { width: 180px; height: auto; margin-bottom: 24px; }
.programa h2 { font-size: 2.2rem; margin-bottom: 24px; }
.programa .anuncio {
  font-family: 'Oswald', sans-serif; font-size: 1.6rem;
  color: var(--roxo-escuro); margin-bottom: 24px;
}
.programa p { max-width: 720px; margin: 0 auto 16px; }

/* Metodologia (home) / Plataforma (investidor) */
.metodologia { padding: 64px 0; }
.metodologia-inner { display: flex; align-items: center; gap: 48px; }
.metodologia h2 { font-size: 2.2rem; color: var(--roxo-escuro); margin-bottom: 24px; }
.metodologia p { margin-bottom: 16px; }
.metodologia img { width: 300px; max-width: 100%; border-radius: 50%; flex-shrink: 0; }

/* Intro investidor */
.intro { padding: 64px 0; }
.intro-inner { display: flex; align-items: center; gap: 48px; }
.intro-inner img { width: 280px; max-width: 100%; border-radius: 50%; flex-shrink: 0; }
.intro p { margin-bottom: 16px; font-size: 1.05rem; }

/* Citação (investidor) */
.citacao { background: var(--preto); color: var(--branco); padding: 56px 0; text-align: center; }
.citacao blockquote {
  font-family: 'Oswald', sans-serif; font-size: 1.5rem; font-weight: 400;
  max-width: 760px; margin: 0 auto 16px;
}
.citacao cite { color: var(--cinza-claro); font-style: normal; font-size: .95rem; }

/* Cadastro */
.cadastro { background: #f3f2f9; padding: 64px 0; }
.cadastro-inner { display: flex; align-items: center; gap: 48px; }
.cadastro img { width: 320px; max-width: 100%; flex-shrink: 0; }
.cadastro h2 { font-size: 2rem; color: var(--roxo-escuro); margin-bottom: 16px; }
.cadastro p { margin-bottom: 16px; }
form { display: flex; flex-direction: column; gap: 14px; max-width: 460px; }
input[type="text"], input[type="email"] {
  padding: 12px 14px; border: 1px solid var(--cinza-claro); border-radius: 4px;
  font-family: 'Montserrat', sans-serif; font-size: 1rem;
}
input:focus { outline: 2px solid var(--roxo); border-color: var(--roxo); }
.lgpd { display: flex; gap: 10px; align-items: flex-start; font-size: .8rem; color: var(--cinza); }
.lgpd input { margin-top: 4px; }
button {
  background: var(--roxo); color: var(--branco); border: none;
  padding: 14px 40px; font-family: 'Oswald', sans-serif; font-size: 1.1rem;
  letter-spacing: 1px; border-radius: 4px; cursor: pointer; align-self: flex-start;
  transition: background .2s;
}
button:hover { background: var(--roxo-escuro); }
.obrigado {
  display: none; background: var(--roxo); color: var(--branco);
  padding: 16px 20px; border-radius: 4px; margin-top: 8px; font-weight: 600;
}

/* Footer */
footer { background: var(--preto); color: var(--branco); padding: 48px 0 32px; text-align: center; }
footer img { height: 60px; width: auto; margin-bottom: 20px; }
footer .social { justify-content: center; margin-bottom: 20px; }
footer a.acao {
  color: var(--branco); font-family: 'Oswald', sans-serif; font-size: 1.1rem;
  text-decoration: none; display: inline-block; margin-bottom: 20px;
}
footer a.acao:hover { color: var(--roxo); }
footer small { color: var(--cinza); display: block; }

@media (max-width: 760px) {
  .hero-inner, .metodologia-inner, .cadastro-inner, .intro-inner { flex-direction: column; text-align: center; }
  .metodologia-inner { flex-direction: column-reverse; }
  form { margin: 0 auto; text-align: left; }
  button { align-self: center; }
  .hero h1 { font-size: 2rem; }
}