/* ============================================================
   PROJETOS FUNDADORES — seção escura: card central com borda
   esmeralda sutil, checklist de benefícios e CTA com glow.
   Tom: acesso antecipado ao estúdio — exclusividade, não promoção.
   ============================================================ */
/* ============================================================
   O CARTÃO DOS PROJETOS FUNDADORES (14/08)

   Esta era a seção mais genérica da página, e não por acaso: ela usava,
   uma em cima da outra, as quatro marcas registradas de bloco de oferta
   feito no automático. Canto arredondado de 28px. Degradê radial
   esmeralda desbotando do topo. Borda colorida translúcida que acende no
   hover. E um botão com halo de luz em volta.

   Nada disso dizia nada sobre o estúdio: era brilho no lugar de material.
   E numa página cuja identidade inteira é papel e tinta, o brilho é
   justamente a textura que não existe.

   Agora o cartão é o mesmo objeto físico do resto da casa: quina reta,
   filete de tinta de 1,5px e sombra dura deslocada. Sobre o grafite a
   sombra vira ESMERALDA, porque tinta sobre tinta seria invisível, e é a
   faixa dos 30% da paleta fazendo trabalho de estrutura. O botão perdeu o
   halo e ganhou o mesmo carimbo que afunda dos outros botões da página.
   ============================================================ */
.founders{background:var(--ink);color:var(--paper)}
.founders .wrap{display:flex;justify-content:center}

.founders__card{
  position:relative;max-width:880px;width:100%;
  text-align:center;
  border:1.5px solid var(--green);
  box-shadow:8px 8px 0 var(--green);
  padding:clamp(36px,7vw,72px) clamp(24px,6vw,72px);
  background:rgba(255,255,255,.02);
}

/* O diamante saiu: era um enfeite de "exclusividade" que não pertence a
   nenhum outro lugar da casa, e o único símbolo que esta página usa é o ✓
   das listas conferidas. O elemento continua no HTML e some aqui. */
.founders__icon{display:none}
.founders__eyebrow{justify-content:center}

.founders__title{
  margin:clamp(20px,4vw,32px) auto 0;max-width:24ch;
  font-family:var(--font-display);font-stretch:78%;font-weight:900;text-transform:uppercase;
  font-size:clamp(1.5rem,5.6vw,2.7rem);line-height:1.02;letter-spacing:-.03em;
}
.founders__text{
  margin:clamp(20px,4vw,28px) auto 0;max-width:56ch;
  font-size:clamp(1rem,4vw,1.15rem);line-height:1.55;color:rgba(255,255,255,.6);
}

/* Checklist de benefícios — 2 colunas no desktop, lista com respiro no mobile */
.founders__benefits{
  list-style:none;margin:clamp(30px,5vw,44px) auto 0;max-width:640px;
  display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,48px);text-align:left;
}
/* Os benefícios eram seis caixinhas arredondadas que levantavam no hover.
   Viraram uma lista conferida: filete embaixo de cada linha e o ✓ na
   MARGEM DIREITA, o mesmo gesto do "o que está incluso" e da ficha de
   entrega da /vitrine-digital. Caixa com hover é interface; lista com ✓ é
   o que a seção realmente é, um romaneio do que entra no lote. */
.founders__benefit{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  border-bottom:1px solid rgba(255,255,255,.14);
  padding:14px 0;
  font-size:clamp(.95rem,3.6vw,1.02rem);font-weight:500;color:rgba(255,255,255,.86);
}
/* 5º item (ímpar) ocupa a linha inteira, centrado */
/* o 5º item (ímpar) ocupa a linha inteira; com a lista conferida ele
   mantém o ✓ na margem, não centraliza */
.founders__benefit:last-child{grid-column:1/-1}
/* o ✓ passa para a direita: dentro de um flex com space-between, ele
   encosta sozinho na margem, sem posicionamento e sem largura reservada */
.founders__check{order:2;color:var(--green-live);font-weight:700;flex:none}

/* Bloco de escassez — discreto, em mono, sem cara de liquidação */
.founders__limited{
  margin:clamp(28px,5vw,40px) auto 0;max-width:52ch;
  font-family:var(--font-mono);font-size:clamp(11px,3vw,12.5px);font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;line-height:1.8;
  color:rgba(255,255,255,.55);
}

.founders__action{margin-top:clamp(28px,5vw,40px)}
.founders__cta-line{
  font-size:clamp(1.02rem,4vw,1.2rem);font-weight:600;color:var(--paper);
}
/* Papel cheio sobre grafite, com a sombra dura em esmeralda: é a mesma
   inversão que a /vitrine-digital faz nos botões das seções escuras.
   Rosa aqui, não: esta seção é acesso antecipado, e o rosa da página está
   reservado ao formulário. */
.founders__btn{
  display:inline-flex;align-items:center;gap:14px;justify-content:center;
  margin-top:22px;padding:19px clamp(24px,5vw,38px);
  border:0;
  font-family:var(--font-mono);font-weight:700;font-size:clamp(11.5px,3.2vw,14px);
  letter-spacing:.05em;text-transform:uppercase;color:var(--ink);
  background:var(--paper);
  box-shadow:4px 4px 0 var(--green);
  transition:background .2s,transform .1s,box-shadow .1s;
  white-space:nowrap;
}
@media(hover:hover) and (pointer:fine){
  .founders__btn:hover{background:#fff}
  .founders__btn:hover .arrow{transform:translate(3px,-3px)}
}
.founders__btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--green)}
.founders__btn .arrow{color:var(--green-dark);transition:transform .25s}

/* Mobile: benefícios em coluna única, mantendo o respiro */
@media(max-width:640px){
  .founders__benefits{grid-template-columns:1fr;gap:0}
  .founders__benefit:last-child{justify-content:space-between}
  .founders__btn{width:100%}
}