/*
 * Meu Segundo Cérebro — extensão mínima sobre o design system original
 * (tokens.css + components.css + page.css de academialendaria.ai/segundo-cerebro-sx).
 * Só entram aqui as peças que a página original não tem: marca, player da VSL,
 * grafo do cofre do Alan e vídeo de depoimento. Tudo com os tokens originais.
 */

/* Marca: símbolo do Meu Segundo Cérebro no lugar do ∞ da Academia */
.sc-wordmark-logo {
  width: auto;
  height: 22px;
  flex: none;
  filter: drop-shadow(0 0 8px rgba(135, 99, 244, 0.6));
}

/* ── Hero com VSL: headline + player centralizados sobre o grafo ────── */
.sc-hero--vsl {
  min-height: 0;
}

.sc-hero--vsl .sc-hero-scrim {
  background:
    radial-gradient(
      760px 360px at 50% 24%,
      rgba(5, 5, 6, 0.88),
      rgba(5, 5, 6, 0) 75%
    ),
    linear-gradient(to top, rgba(5, 5, 6, 0.92), rgba(5, 5, 6, 0) 22%);
}

.sc-hero--vsl .sc-hero-inner {
  align-items: center;
  gap: var(--lp-space-3);
  padding-block: clamp(6.5rem, 14vh, 8rem) clamp(1.5rem, 3vh, 2rem);
}

.sc-hero--vsl .sc-hero-copy {
  max-width: 50rem;
  justify-items: center;
  text-align: center;
}

.sc-hero--vsl .sc-lead {
  max-width: 38rem;
}

.sc-player {
  position: relative;
  width: min(900px, 100%);
  aspect-ratio: 16 / 9;
  border: 1px solid var(--sc-violet-line);
  border-radius: 18px;
  overflow: hidden;
  background: var(--sc-ink);
  box-shadow:
    0 40px 120px -48px rgba(135, 99, 244, 0.55),
    var(--lp-shadow-surface);
}

.sc-player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Cabeçalho de seção centralizado (usa o .sc-h2--center do original) */
.sc-head--center {
  margin-inline: auto;
  text-align: center;
}

/* ── Dobra 2: o cofre do Alan (grafo interativo na janela cofre://) ── */
.sc-brain-window {
  height: auto;
}

.sc-brain-canvas {
  position: relative;
  height: clamp(320px, 46vw, 500px);
}

.sc-brain-canvas canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.sc-brain-copy {
  margin-top: clamp(2rem, 4vh, 3rem);
}

/* ── Dobra 4: número grande no mesmo tratamento do "7" da garantia ─── */
.sc-stat-number {
  font-size: clamp(5rem, 11vw, 8rem);
  font-style: italic;
}

/* ── Dobra 8: depoimentos ──────────────────────────────────────────── */
.sc-proof-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.sc-proof-video {
  position: relative;
  aspect-ratio: 9 / 16;
  max-height: 620px;
  width: 100%;
  border: 1px solid var(--lp-color-border);
  border-radius: 18px;
  overflow: hidden;
  background: var(--sc-ink);
  box-shadow: var(--lp-shadow-surface);
}

.sc-proof-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.sc-proof-video video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--sc-ink);
}

.sc-proof-copy {
  display: grid;
  gap: var(--lp-space-3);
  justify-items: start;
}

.sc-proof-quote {
  margin: 0;
  font-family: var(--lp-font-accent);
  font-style: italic;
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  line-height: 1.2;
  color: var(--lp-color-text);
}

.sc-clone-list {
  font-size: clamp(1rem, 1.3vw, 1.125rem);
}

.sc-clone-list strong {
  color: var(--sc-violet-bright);
}

.sc-proof-print {
  max-width: 440px;
}

/* Oferta: itens maiores */
.sc-stack--big li {
  padding-block: 1.35rem;
  align-items: center;
}

.sc-stack--big h3 {
  font-size: clamp(1.15rem, 1.7vw, 1.4rem);
}

.sc-stack--big p {
  font-size: var(--lp-font-body);
}

.sc-stack--big .sc-stack-num {
  font-family: var(--lp-font-accent);
  font-style: italic;
  font-size: 1.9rem;
  line-height: 1;
  padding-top: 0;
  color: var(--sc-violet-bright);
}

.sc-offer-everything {
  font-size: clamp(1.1rem, 1.6vw, 1.35rem);
}

/* Oferta: preço parcelado */
.sc-price-cash {
  color: var(--lp-color-text-body);
}

/* Cabeçalho centralizado: texto de apoio também no centro */
.sc-head--center .sc-head-support {
  margin-inline: auto;
}

/* Trilha de cards do original (.sc-install-track) com 3 colunas (Treinamento) */
.sc-install-track--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sc-section--curriculum .sc-install-track,
.sc-install-track--spaced {
  margin-top: clamp(2rem, 4vh, 3rem);
}

.sc-install-track .sc-h3 {
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
}

/* Bônus: índice maior e centralizado */
.sc-vault-index--big {
  max-width: 54rem;
  margin-inline: auto;
}

.sc-vault-index--big summary {
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  min-height: 4.25rem;
}

.sc-vault-index--big details > div {
  font-size: 1.0625rem;
}

@media (max-width: 980px) {
  .sc-install-track--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .sc-install-track--3 {
    grid-template-columns: minmax(0, 1fr);
  }

  .sc-hero--vsl .sc-hero-scrim {
    background: linear-gradient(
      180deg,
      rgba(5, 5, 6, 0.72) 0%,
      rgba(5, 5, 6, 0.88) 55%,
      rgba(5, 5, 6, 0.95) 100%
    );
  }

  .sc-hero--vsl .sc-hero-inner {
    padding-block: 5.5rem 1.25rem;
  }

  .sc-player {
    width: calc(100% + var(--sc-gutter) * 2);
    margin-inline: calc(var(--sc-gutter) * -1);
    border-radius: 0;
    border-inline: 0;
  }

  .sc-proof-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sc-proof-video {
    max-height: 560px;
  }
}