/*
 * 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;
  }

  /* Uma coluna: headline em cima do vídeo */
  .sc-proof-copy {
    display: contents;
  }

  .sc-proof-copy > .sc-h2 {
    order: -1;
  }
}

/* Oferta compacta: tudo em uma dobra (lista à esquerda, preço à direita no desktop) */
#oferta .sc-offer-head {
  margin-bottom: clamp(1.25rem, 3vh, 2rem);
}

.sc-offer-panel--compact {
  padding: clamp(1.25rem, 3vw, 2rem);
}

.sc-offer-panel--compact .sc-stack--big li {
  padding-block: 0.7rem;
}

.sc-offer-panel--compact .sc-stack--big h3 {
  font-size: clamp(1rem, 1.3vw, 1.15rem);
}

.sc-offer-panel--compact .sc-stack--big .sc-stack-num {
  font-size: 1.5rem;
}

.sc-offer-panel--compact .sc-offer-action {
  padding-top: var(--lp-space-2);
  gap: var(--lp-space-1);
}

@media (min-width: 900px) {
  .sc-offer-panel--compact {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: center;
  }

  .sc-offer-panel--compact .sc-offer-action {
    padding-top: 0;
    border-top: 0;
  }
}

/* Fechamento: a frase de cima em destaque, a headline menor */
.sc-section--final .sc-wrap--final > p.sc-final-kicker {
  margin: 0;
  font-weight: 700;
  font-size: clamp(2.1rem, 4.4vw, 3.6rem);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--lp-color-text);
  max-width: 48rem;
}

.sc-wrap--final .sc-final-h2 {
  font-size: clamp(1.35rem, 2.3vw, 1.9rem);
  max-width: 40rem;
}

/* Depoimento: frase na capa do vídeo; o player do Drive só carrega no clique */
.sc-video-capa {
  position: absolute;
  inset: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: var(--sc-ink);
  color: inherit;
  font: inherit;
  text-align: left;
}

.sc-video-capa img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sc-video-capa::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 38%, rgba(10, 10, 12, 0.92) 88%);
}

.sc-video-play {
  position: absolute;
  top: 42%;
  left: 50%;
  z-index: 1;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  border-radius: 50%;
  background: var(--sc-violet-bright);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
}

.sc-video-play::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 11px 0 11px 18px;
  border-color: transparent transparent transparent #fff;
}

.sc-video-frase {
  position: absolute;
  inset: auto 1.25rem 1.4rem;
  z-index: 1;
  font-family: var(--lp-font-accent);
  font-style: italic;
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  line-height: 1.2;
  color: var(--lp-color-text);
}

/* A conta: as duas linhas legíveis, uma embaixo da outra */
.sc-friction-row--conta .sc-friction-list {
  flex-direction: column;
  align-items: center;
  gap: var(--lp-space-1-5);
}

.sc-friction-row--conta .sc-friction-list li {
  padding: 0.9rem 1.6rem;
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  color: var(--lp-color-text);
  text-align: center;
}

.sc-offer-panel--compact .sc-price span {
  white-space: nowrap;
  font-size: clamp(2.6rem, 4.4vw, 3.6rem);
}

.sc-offer-panel--compact .sc-stack--big p {
  margin-top: 0;
}

/* Topo sem menu: botão à direita */
.sc-topbar-cta {
  margin-left: auto;
}

/* VSL: aviso "Aula gratuita" em destaque (fundo roxo do botão) */
.sc-chip.sc-chip--destaque {
  border-color: transparent;
  background: linear-gradient(135deg, var(--sc-violet), var(--sc-violet-deep));
  color: var(--sc-on-violet);
  font-weight: 700;
  font-size: clamp(0.8rem, 1.1vw, 0.95rem);
  padding: 0.65rem 1.3rem;
  box-shadow: 0 10px 32px -14px rgba(135, 99, 244, 0.65);
}

.sc-chip--destaque .sc-chip-dot {
  background: var(--sc-on-violet);
  box-shadow: none;
}

/* Faixa de palavras: 8 repetições para cobrir tela larga; duração dobrada para manter a velocidade */
.sc-memory-stream-track {
  animation-duration: 72s;
}