/* Mockup v2: landing com a paleta do Playbook-ID e sem sinais de "AI slop".
   Mesma estrutura, mesmo texto, mesma foto do topo. */
:root{
  --black:#111111;--ink:#111111;--paper:#F4F2EE;--peach:#E3E7E1;
  --grey:#5A5A5A;--line:#D8D9D3;--accent:#E4642A;--accent-dark:#C8501E;
  --navy:#111111;--navy-light:#F4F2EE;--blue:#F9EBE0;
}
body{background:var(--paper);color:var(--ink)}

/* Títulos de duas cores (metade preta, metade laranja): o clichê mais visível. Viram uma cor só. */
.display em,.mast-hero-panel h1 em,.deliver2 h3 span,.lf-card h3 em{color:inherit!important}
.display,.who2-card h3,.phase h3,.deliver2 h3,.pcase h3,.lf-card h3,.closing h2,
.mast-hero-panel h1,.mast-hero-panel h1.hero-caps{letter-spacing:-.02em!important;font-weight:700!important}
.display{line-height:1.05!important}

/* Rótulos minúsculos em caixa alta, espaçados, com tracinho: viram texto normal. */
.eyebrow,.micro,.who2-card .tag,.phase .meta,.pcase .when,.pcase dt,.deliver2 li b,.rm90 h3,
.lf-field label,.phase .badge{text-transform:none!important;letter-spacing:0!important;font-weight:600!important;font-size:15px!important}
.eyebrow{color:var(--accent-dark)!important}
.eyebrow:before{display:none!important}
.who2-card .tag b,.phase .meta b,.rm-price b{color:var(--accent-dark)!important}
.rm90 h3{font-size:19px!important;font-weight:700!important}

/* Menu sem caixa alta espaçada e sem o azul fora da paleta. */
.navlinks{text-transform:none!important;letter-spacing:0!important;font-size:15px!important;font-weight:500!important}
.navlinks a{color:#F4F2EE!important}
.navlinks .active,.navlinks a:hover{color:var(--accent)!important}
.mast,.mast-hero{background:var(--black)!important}

/* "Triângulo": sai a grade de caixinhas cinza; três colunas com um fio preto em cima. */
.who2{background:var(--paper)!important}
.who2-grid,.who2-grid.tri{background:transparent!important;border:0!important;gap:48px!important}
.who2-card,.who2-grid.tri .who2-card{background:transparent!important;padding:24px 0 0!important;border-top:2px solid var(--ink)}

/* "Quatro fases": seção clara, em verde sálvia. */
.how{background:var(--peach)!important;color:var(--ink)!important}
.how-head p,.phase p{color:#333333!important}
.phases{border-top:2px solid var(--ink)!important}
.phase + .phase{border-left:1px solid #CBD2C8!important}
.phase .n{color:var(--ink)!important;-webkit-text-stroke:0!important;font-weight:600!important;letter-spacing:-.02em!important;font-size:clamp(40px,4vw,56px)!important}
.phase.sub .n{-webkit-text-stroke:0!important}
.phase .meta{color:var(--grey)!important}
.phase.csa{background:#fff!important;padding-left:36px!important}
.phase.csa .n,.phase.csa .meta{color:var(--accent-dark)!important}
.phase .badge{background:transparent!important;color:var(--accent-dark)!important;padding:0!important}
.phase-link{color:var(--ink)!important}
.phase-link:hover{color:var(--accent-dark)!important}
.deliver2 ol{border-top:1px solid #CBD2C8!important}
.deliver2 small{color:var(--grey)!important}
.deliver2 li b{color:var(--accent-dark)!important}
.how .btn-line{color:var(--ink)!important;border-color:var(--ink)!important}
.how .btn-line:hover{background:var(--ink)!important;color:#fff!important}

/* ROADMAP-90: números simples no lugar de 01, 02… */
.rm90{background:var(--paper)!important}
.rm-recv li:before{content:counter(rm)!important;letter-spacing:0!important;font-size:15px!important;color:var(--accent-dark)!important}
.rm-box{background:#fff!important}

/* Marcas e casos em verde sálvia; logos sem o esfumado nas bordas. */
.brands,.marquee,.marquee-track,.proof{background:var(--peach)!important}
.marquee{-webkit-mask-image:none!important;mask-image:none!important}

/* Botões: laranja do Playbook; terracota no hover. Sem brilho nem sombra. */
.btn-accent,.closing a.btn-accent{background:var(--accent)!important}
.btn-accent:hover{background:var(--accent-dark)!important}
.lf-wa-dot{box-shadow:none!important}
.lf-field input:focus,.lf-field select:focus,.lf-field textarea:focus{box-shadow:none!important;border-color:var(--accent)!important}
.about{background:var(--paper)!important}

/* ===== Assinatura: o bloco preto do exemplo vira verde, como as fases da home. */
.example{background:var(--peach)!important;color:var(--ink)!important}
.example .lede{color:#333333!important}
.sub-hero h1 em{color:var(--accent)!important}

/* ===== Os Fundadores: sai a página toda preta com o arco de neon laranja e os títulos de duas cores. */
.fnd{background:var(--paper)!important;color:var(--ink)!important;padding-bottom:96px!important}
.fnd:after{display:none!important}
.fnd h1{text-transform:none!important;font-weight:700!important;letter-spacing:-.02em!important}
.fnd h1 span,.fnd .end span{color:inherit!important}
.fnd .tag,.fnd .believe,.fnd .p2,.fnd .card .bio{color:#333333!important}
.fnd .tag b,.fnd .card .role{color:var(--accent-dark)!important}
.fnd .p2 b{color:var(--ink)!important}
.fnd .quote{border-right-color:var(--ink)!important}
.fnd h2{color:var(--ink)!important;font-weight:700!important}
.fnd .meet:before,.fnd .meet:after{background:var(--ink)!important}
.fnd .card img{border-radius:0!important}
.fnd .card .bio{border-left:0!important;padding-left:0!important}
.fnd .end{font-style:normal!important;font-weight:700!important}
@media(max-width:820px){.fnd .quote{border-bottom-color:var(--ink)!important}}