/* Equity Negócios — landing renovada (ciclo 001) */
:root{
  --creme:#FAF8F5; --creme-alt:#F1EEEA; --escuro:#151918; --texto:#191F1D; --suave:#5B6764;
  --ouro:#BD9F6B; --ouro-texto:#7E6536; --verde:#183A39; --verde-2:#1F3B39; --verde-3:#2A4D49;
  --borda:#E0DDD6; --borda-2:#C9C5BC;
  --serif:'Fraunces', Georgia, serif; --sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mx:0; --my:0;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:var(--sans);background:var(--creme);color:var(--texto);line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.01em}
h2{font-size:clamp(2rem,4.2vw,3.1rem);margin-bottom:1rem}
h3{font-size:1.55rem}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:-999px;top:8px;background:var(--ouro);color:var(--escuro);padding:10px 16px;z-index:200}
.pular:focus{left:8px}
.caixa{max-width:1240px;margin:0 auto;padding:0 32px}

.rotulo{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--suave);margin-bottom:1.1rem}
.rotulo-ouro{color:var(--ouro)}
.traco{width:32px;height:1px;background:var(--ouro);display:inline-block}
.texto{font-size:1rem;line-height:1.7;color:var(--suave);max-width:640px}
.texto-claro{color:rgba(250,248,245,.72)}
.destaque{font-size:1.2rem;line-height:1.6;margin-bottom:1rem}
.largura-titulo{max-width:780px}

.botao{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background .2s ease}
.botao:hover{transform:translateY(-2px)}
.botao-ouro{background:var(--ouro);color:var(--escuro)}
.botao-verde{background:var(--verde);color:var(--creme);border:none}
.botao-linha{border-color:rgba(250,248,245,.35);color:var(--creme);font-weight:500}

/* topo */
.topo{position:sticky;top:0;z-index:50;background:rgba(21,25,24,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(250,248,245,.08)}
.topo-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.marca{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--creme);white-space:nowrap}
.marca-serif{font-family:var(--serif);font-size:1.2rem;letter-spacing:.04em}
.marca-sep{color:rgba(250,248,245,.4)}
.marca-sans{font-size:.88rem;letter-spacing:.05em}
.topo-links{display:flex;gap:28px;list-style:none;font-size:.9rem}
.topo-links a{color:rgba(250,248,245,.8);text-decoration:none;padding:12px 0}
.topo-links a:hover{color:var(--creme)}
.botao-topo{min-height:44px;padding:0 20px}
.menu-botao{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center}
.menu-botao span{width:22px;height:1.5px;background:var(--creme)}
.so-celular{display:none}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--escuro);min-height:calc(100vh - 72px);display:flex;align-items:center}
.hero-fundo{position:absolute;top:-40px;left:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;opacity:.42;
  transform:translate(calc(var(--mx) * -36px), calc(var(--my) * -24px)) scale(1.04);transition:transform .25s ease-out}
.hero-veu{position:absolute;inset:0;background:linear-gradient(100deg,var(--escuro) 25%,rgba(21,25,24,.8) 50%,rgba(21,25,24,.35) 85%)}
.hero-luz{position:absolute;inset:0;background:radial-gradient(520px circle at calc(50% + var(--mx) * 100%) calc(50% + var(--my) * 100%),rgba(189,159,107,.16),transparent 65%)}
.hero-grade{position:relative;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-top:88px;padding-bottom:88px}
.hero-texto{flex:1 1 520px;min-width:0}
.hero h1{font-size:clamp(2.8rem,6.4vw,5.2rem);line-height:1.02;color:var(--creme)}
.hero-lead{font-size:1.2rem;line-height:1.6;color:rgba(250,248,245,.9);margin-top:24px;max-width:560px}
.acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero-numeros{display:flex;flex-wrap:wrap;gap:32px;margin-top:44px;padding-top:24px;border-top:1px solid rgba(250,248,245,.14)}
.hero-numeros div{display:flex;flex-direction:column-reverse}
.hero-numeros dd{font-family:var(--serif);font-size:1.9rem;color:var(--creme)}
.hero-numeros dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(250,248,245,.6)}
.hero-predio{flex:1 1 420px;min-width:0;position:relative;height:460px}
.predio-giro{position:absolute;inset:0;transform:perspective(1000px) rotateY(calc(var(--mx) * 16deg)) rotateX(calc(var(--my) * -10deg));transition:transform .2s ease-out}
.predio-svg{width:100%;height:100%;display:block}
.chip{position:absolute;background:rgba(21,25,24,.85);border:1px solid rgba(189,159,107,.5);padding:10px 14px;font-size:12px;color:var(--creme);transition:transform .2s ease-out;
  transform:translate(calc(var(--mx) * var(--f) * 1px), calc(var(--my) * var(--f) * 1px))}
.chip b{color:var(--ouro);font-weight:400}
.chip-1{top:40px;right:8px;--f:-40}
.chip-2{top:210px;left:0;--f:28}
.chip-3{bottom:36px;right:30px;--f:-22}
@media (hover:none){
  .predio-giro{animation:flutuar 7s ease-in-out infinite}
}
@keyframes flutuar{0%,100%{transform:perspective(1000px) rotateY(-6deg) rotateX(3deg)}50%{transform:perspective(1000px) rotateY(6deg) rotateX(-2deg)}}

/* seções */
.secao{padding:112px 0;position:relative}
.secao-clara{background:var(--creme)}
.secao-alt{background:var(--creme-alt)}
.secao-escura{background:var(--escuro);color:var(--creme)}
.secao-escura h2,.secao-escura h3{color:var(--creme)}
.secao-verde{background:var(--verde);color:var(--creme)}
.secao-verde h2{color:var(--creme)}
.duas-col{display:flex;flex-wrap:wrap;gap:64px}
.duas-col>*{flex:1 1 440px;min-width:0}
.centro-v{align-items:center}
.titulo-lado{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:end;margin-bottom:40px}
.titulo-lado h2{flex:1 1 520px;margin:0}
.titulo-lado .texto{flex:1 1 360px}

/* fluxo */
.fluxo{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.fluxo-item{min-height:44px;padding:0 16px;font-size:13px;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--borda);background:transparent;color:var(--suave);cursor:pointer;transition:all .2s ease}
.fluxo-item.ativo{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.fluxo-texto{margin-top:16px;font-size:15px;color:var(--verde);min-height:48px}

/* curva */
.curva-caixa{position:relative;border:1px solid rgba(250,248,245,.12);background:rgba(250,248,245,.02);padding:24px 16px 8px;cursor:crosshair;touch-action:pan-y}
.curva-svg{width:100%;display:block}
.curva-dica{position:absolute;top:70px;left:40%;transform:translateX(-50%);width:300px;max-width:80%;background:var(--creme);color:var(--texto);padding:18px 20px;box-shadow:0 12px 32px rgba(0,0,0,.35);pointer-events:none;transition:left .15s ease-out}
.dica-etapa{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro-texto)}
.dica-nome{font-family:var(--serif);font-size:1.4rem;margin:4px 0 6px}
.dica-texto{font-size:14px;line-height:1.55;color:var(--suave)}
.curva-legenda{display:flex;flex-wrap:wrap;gap:28px;margin-top:18px;font-size:13px;color:rgba(250,248,245,.75)}
.curva-legenda span{display:flex;align-items:center;gap:10px}
.leg-ouro{width:28px;height:3px;background:var(--ouro);display:inline-block}
.leg-tracejada{width:28px;border-top:2px dashed #9FB3AE;display:inline-block}
.leg-nota{color:rgba(250,248,245,.55)}

/* simulador */
.sim-grade{display:flex;flex-wrap:wrap;gap:32px;margin-top:44px}
.sim-controles{flex:1 1 360px;min-width:0;background:#fff;border:1px solid var(--borda);padding:32px;display:flex;flex-direction:column;gap:28px}
.campo-faixa label{display:flex;justify-content:space-between;gap:12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);margin-bottom:10px}
.campo-faixa output{color:var(--texto);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0}
input[type=range]{width:100%;accent-color:var(--ouro);height:28px;cursor:pointer}
.sim-premissa{font-size:13px;line-height:1.6;color:var(--suave);border-top:1px solid var(--borda);padding-top:18px}
.sim-resultado{flex:1.4 1 480px;min-width:0;background:var(--escuro);color:var(--creme);padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;align-items:center}
.sim-predio{height:auto}
.sim-numeros{display:flex;flex-direction:column;gap:20px}
.sim-numeros div{display:flex;flex-direction:column}
.sim-numeros dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,248,245,.6)}
.sim-numeros dd{font-family:var(--serif);font-size:2.3rem;font-variant-numeric:tabular-nums}
.sim-numeros .ouro{color:var(--ouro)}
.sim-pontos{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:16px}
.sim-pontos i{width:12px;height:12px;background:var(--ouro);display:inline-block;animation:entrar .3s ease both}
.sim-pontos span{font-size:12px;color:rgba(250,248,245,.7);margin-left:6px}
@keyframes entrar{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.sim-resultado .botao{grid-column:1/-1;justify-self:start}

/* serviços */
.servicos{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:44px}
.servico{--cx:.5;--cy:.5;--rx:0deg;--ry:0deg;border:1px solid var(--borda);padding:36px 32px;
  background:radial-gradient(380px circle at calc(var(--cx) * 100%) calc(var(--cy) * 100%),rgba(189,159,107,var(--brilho,0)),transparent 60%),#fff;
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--sobe,0));transition:transform .15s ease-out,box-shadow .2s ease}
.servico.ativo{--brilho:.18;--sobe:-4px;box-shadow:0 18px 40px rgba(21,25,24,.12)}
.servico .num{font-family:var(--serif);color:var(--ouro-texto)}
.servico h3{margin:8px 0 14px}
.servico-resumo{font-size:15px;line-height:1.6;color:var(--suave);margin-bottom:14px}
.etiquetas{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.etiquetas li{font-size:12px;padding:5px 10px;background:var(--creme-alt)}

/* case */
.case{display:flex;flex-wrap:wrap;margin-top:44px;border:1px solid rgba(250,248,245,.12)}
.case-foto{flex:1 1 420px;min-width:0;height:440px;overflow:hidden}
.case-foto img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out;transform:scale(var(--zoom,1)) translate(calc(var(--kx,0) * -18px),calc(var(--ky,0) * -18px))}
.case.ativo .case-foto img{--zoom:1.08}
.case-info{flex:1 1 380px;min-width:0;padding:44px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.case-info .rotulo{margin:0}
.pilares{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(250,248,245,.12);margin-top:12px}
.pilares div{background:var(--escuro);padding:18px}
.pilares p{color:var(--ouro);font-family:var(--serif)}
.pilares span{font-size:13px;color:rgba(250,248,245,.68)}

/* método */
.metodo{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:24px;margin-top:52px}
.metodo-linha{position:absolute;left:0;right:0;top:22px;height:2px;background:var(--borda)}
.metodo-linha span{display:block;height:2px;width:0;background:var(--ouro);transition:width .35s ease}
.metodo-item{position:relative;text-align:left;background:none;border:none;padding:0;cursor:default;color:inherit}
.metodo-num{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--creme);color:var(--ouro-texto);border:2px solid var(--ouro);font-family:var(--serif);transition:all .25s ease}
.metodo-item.ativo .metodo-num{background:var(--ouro);color:var(--escuro)}
.metodo-titulo{display:block;font-family:var(--serif);font-size:1.4rem;margin:18px 0 8px}
.metodo-texto{display:block;font-size:14px;line-height:1.6;color:var(--suave)}

/* números */
.numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-top:44px}
.numeros div{border-top:2px solid var(--ouro);padding-top:18px;display:flex;flex-direction:column}
.numeros dd{font-family:var(--serif);font-size:3.2rem;font-variant-numeric:tabular-nums}
.numeros dt{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--suave)}

/* depoimentos */
.depoimentos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:rgba(250,248,245,.1);margin-top:44px}
.depoimentos figure{background:var(--escuro);padding:36px 30px;display:flex;flex-direction:column;gap:20px}
.aspas{font-family:var(--serif);font-size:2.5rem;color:var(--ouro);line-height:1}
.depoimentos blockquote{color:rgba(250,248,245,.8);font-size:15px;line-height:1.65;flex:1}
.depoimentos figcaption{border-top:1px solid rgba(250,248,245,.15);padding-top:14px;display:flex;flex-direction:column;gap:4px;font-size:14px}
.depoimentos figcaption span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro)}

/* perfil */
.perfil-foto{max-width:480px}
.perfil-foto img{width:100%}
.perfil-meta{display:flex;flex-wrap:wrap;gap:32px;margin-top:28px;padding-top:24px;border-top:1px solid var(--borda)}
.meta-rotulo{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--suave)}
.meta-nome{font-family:var(--serif);font-size:1.4rem}
.meta-sub{font-size:14px;color:var(--suave)}
.perfil-meta ul{font-size:14px;color:var(--suave);line-height:1.9;padding-left:18px}

/* contato */
.secao-verde .botao-linha{margin-top:24px}
.form-caixa{background:var(--creme);color:var(--texto);padding:36px}
.form-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.campo label{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);margin-bottom:6px}
.campo input,.campo select,.campo textarea{width:100%;min-height:44px;border:none;border-bottom:1px solid var(--borda-2);background:transparent;font-family:inherit;font-size:15px;color:var(--texto);padding:8px 0}
.campo textarea{resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--ouro)}
.campo-largo{grid-column:1/-1}
.campo-isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.campo .invalido{border-color:#B3261E}
.aceite{display:flex;gap:10px;align-items:flex-start;font-size:14px;min-height:44px;cursor:pointer}
.aceite input{width:20px;height:20px;margin-top:2px;accent-color:var(--verde);flex-shrink:0}
.aceite a{color:var(--verde)}
.form-aviso{margin-top:14px;font-size:14px;text-align:center;min-height:20px;color:var(--suave)}
.form-aviso.erro{color:#B3261E}
.form-ok{padding:40px 8px;text-align:center}
.form-ok-titulo{font-family:var(--serif);font-size:1.9rem;color:var(--verde);margin-bottom:8px}
.form-ok p{color:var(--suave)}

/* rodapé */
.rodape{background:var(--escuro);color:var(--creme);padding-top:64px}
.rodape-grade{display:flex;flex-wrap:wrap;gap:48px;justify-content:space-between;padding-bottom:48px}
.rodape-grade>*{flex:1 1 220px}
.rodape-frase{font-size:14px;color:rgba(250,248,245,.62);margin-top:10px;max-width:300px}
.rodape-site{color:var(--ouro);font-size:.85rem;margin-top:8px}
.rodape-links{display:flex;flex-direction:column;gap:2px}
.rodape-links a{color:rgba(250,248,245,.75);text-decoration:none;padding:8px 0;font-size:14px}
.rodape-links a:hover{color:var(--creme)}
.redes{display:flex;gap:10px;flex-wrap:wrap}
.redes a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(250,248,245,.25);color:var(--creme)}
.redes a:hover{border-color:var(--ouro);color:var(--ouro)}
.redes svg,.restrita svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.rodape-email{margin-top:12px;font-size:14px}
.rodape-email a{color:rgba(250,248,245,.75);text-decoration:none}
.rodape-base{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px;border-top:1px solid rgba(250,248,245,.1);font-size:13px;color:rgba(250,248,245,.6)}
.restrita{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;color:rgba(250,248,245,.7);text-decoration:none;border:1px solid rgba(250,248,245,.18)}
.restrita svg{width:14px;height:14px;stroke-width:2}
.restrita:hover{color:var(--creme);border-color:var(--ouro)}

.whats-flutuante{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25);z-index:40;transition:transform .2s ease}
.whats-flutuante:hover{transform:scale(1.08)}

/* surgir ao rolar (só com JS ativo) */
.js .surge{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.js .surge.visivel{opacity:1;transform:none}

/* página simples (privacidade, erro) */
.pagina{max-width:760px;margin:0 auto;padding:72px 32px 96px}
.pagina h1{font-size:2.6rem;margin-bottom:24px}
.pagina h2{font-size:1.5rem;margin:32px 0 10px}
.pagina p,.pagina li{color:var(--suave);line-height:1.7;margin-bottom:10px}
.pagina ul{padding-left:20px}
.pagina a{color:var(--verde)}

@media (max-width:900px){
  .topo-links{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;background:var(--escuro);padding:8px 32px 24px}
  .topo-links.aberto{display:flex}
  .topo-links a{display:block;padding:14px 0}
  .so-celular{display:list-item}
  .botao-topo{display:none}
  .menu-botao{display:flex}
  .hero-predio{height:340px}
}
@media (max-width:640px){
  .caixa{padding:0 20px}
  .secao{padding:80px 0}
  .hero-grade{padding-top:56px;padding-bottom:56px}
  .chip{font-size:11px;padding:8px 10px}
  .sim-controles,.sim-resultado,.form-caixa{padding:24px}
  .case-foto{height:280px}
  .case-info{padding:28px}
  .curva-dica{position:static;transform:none;width:auto;max-width:none;margin-top:12px}
  .metodo-linha{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .surge{opacity:1;transform:none}
}