:root{
  --preto:#000000;
  --petroleo:#0D2208;
  --petroleo-fundo:#173310;
  --dourado:#C49A4D;
  --dourado-claro:#D8B577;
  --branco:#FFFFFF;
  --cinza:#8B8F90;
  --claro:#FAFAF8;
  --linha:rgba(139,143,144,.25);
  --linha-escura:rgba(196,154,77,.28);
  --serif:'Playfair Display', Georgia, 'Times New Roman', serif;
  --sans:'Inter', 'Segoe UI', Arial, sans-serif;
  --caps:'Montserrat', 'Segoe UI', Arial, sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--preto);background:var(--claro);line-height:1.7;font-size:17px}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* ---------- utilidades de marca ---------- */
.eyebrow{font-family:var(--caps);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--dourado);font-weight:600}
.serif{font-family:var(--serif)}
.hairline{border:none;border-top:1px solid var(--linha);margin:0}
.quote-gold{border-left:2px solid var(--dourado);padding:8px 0 8px 28px;font-family:var(--serif);font-size:clamp(21px,2.6vw,28px);line-height:1.5;color:var(--preto);font-style:italic;font-weight:400}
.btn{display:inline-block;font-family:var(--caps);font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;text-decoration:none;padding:16px 34px;transition:all .25s ease;border:1px solid transparent}
.btn-gold{background:var(--dourado);color:var(--preto)}
.btn-gold:hover{background:var(--dourado-claro)}
.btn-line{border-color:var(--dourado);color:var(--dourado);background:transparent}
.btn-line:hover{background:rgba(196,154,77,.12)}
.btn-dark-line{border-color:var(--preto);color:var(--preto);background:transparent}
.btn-dark-line:hover{background:var(--preto);color:var(--branco)}
a:focus-visible,button:focus-visible{outline:2px solid var(--dourado);outline-offset:3px}

/* ---------- header ---------- */
header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha-escura)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:32px;height:76px}
.logo{text-decoration:none;display:flex;align-items:center;flex:none}
.logo img{height:38px;width:auto;display:block}
nav.menu{display:flex;gap:22px;align-items:center}
nav.menu a{font-family:var(--caps);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--branco);text-decoration:none;opacity:.85;transition:opacity .2s, color .2s;padding:6px 0;white-space:nowrap}
nav.menu a:hover{opacity:1;color:var(--dourado)}
nav.menu a.destaque{border:1px solid var(--dourado);color:var(--dourado);padding:9px 16px;opacity:1}
nav.menu a.destaque:hover{background:var(--dourado);color:var(--preto)}
.menu-btn{display:none;background:none;border:1px solid var(--linha-escura);color:var(--dourado);font-family:var(--caps);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:10px 16px;cursor:pointer}

/* ---------- hero ---------- */
.hero{position:relative;background:linear-gradient(160deg,var(--preto) 0%,var(--petroleo-fundo) 58%,var(--petroleo) 100%);color:var(--branco);overflow:hidden}
.hero .wrap{position:relative;z-index:2;padding-top:110px;padding-bottom:120px;max-width:920px}
.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(34px,5.4vw,58px);line-height:1.22;margin:26px 0 28px}
.hero h1 em{font-style:italic;color:var(--dourado)}
.hero p.sub{font-size:clamp(17px,2vw,20px);color:#CFD3D2;max-width:640px;margin-bottom:44px}
.hero .acoes{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:64px}
.hero .frase-trio{font-family:var(--caps);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--cinza);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero .frase-trio .ponto{width:4px;height:4px;border-radius:50%;background:var(--dourado);display:inline-block}
.constelacao{position:absolute;inset:0;z-index:1;opacity:.5}
.faisca{animation:pulsar 3.2s ease-in-out infinite}
@keyframes pulsar{0%,100%{opacity:.55;r:3}50%{opacity:1;r:5}}
@media (prefers-reduced-motion: reduce){
  .faisca{animation:none}
  html{scroll-behavior:auto}
}

/* ---------- seção padrão ---------- */
section{padding:96px 0}
.sec-head{max-width:680px;margin-bottom:56px}
.sec-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.6vw,40px);line-height:1.28;margin:18px 0 16px}
.sec-head p{color:#4A4C4E}

/* ---------- a dor ---------- */
.dor{background:var(--branco)}
.dor-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:start}
.dor h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.6vw,42px);line-height:1.28;margin:18px 0 22px}
.dor p{color:#4A4C4E;margin-bottom:18px}
.padroes{list-style:none;border-top:1px solid var(--linha)}
.padroes li{padding:15px 4px;border-bottom:1px solid var(--linha);display:flex;align-items:baseline;gap:16px;font-family:var(--serif);font-size:19px;color:var(--preto)}
.padroes li span{font-family:var(--caps);font-size:10px;letter-spacing:.2em;color:var(--dourado);text-transform:uppercase;white-space:nowrap}
.dor .absolve{margin-top:26px;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--petroleo)}

/* ---------- tese ---------- */
.tese{background:var(--petroleo);color:var(--branco);position:relative}
.tese .quote-gold{color:var(--branco);max-width:860px;font-size:clamp(23px,3vw,32px)}
.tese .assina{margin-top:26px;padding-left:30px;font-family:var(--caps);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--cinza)}
.tese .contra{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linha-escura);border:1px solid var(--linha-escura);margin-top:70px}
.tese .contra div{background:var(--petroleo);padding:30px 28px}
.tese .contra p.o-mercado{font-family:var(--caps);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cinza);margin-bottom:12px}
.tese .contra p.nos{font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--branco)}
.tese .contra p.nos strong{color:var(--dourado);font-weight:600}

/* ---------- método ---------- */
.metodo{background:var(--claro)}
.etapas{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--linha)}
.etapa{padding:36px 28px 36px 0;border-bottom:1px solid var(--linha);position:relative}
.etapa + .etapa{padding-left:28px;border-left:1px solid var(--linha)}
.etapa .num{font-family:var(--serif);font-size:15px;color:var(--dourado);font-style:italic;margin-bottom:14px}
.etapa h3{font-family:var(--serif);font-weight:600;font-size:21px;margin-bottom:10px}
.etapa p{font-size:15px;color:#4A4C4E}
.np4-nota{margin-top:44px;display:flex;gap:20px;align-items:baseline;flex-wrap:wrap}
.np4-nota .selo{font-family:var(--caps);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--petroleo);border:1px solid var(--petroleo);padding:8px 16px;white-space:nowrap}
.np4-nota p{color:#4A4C4E;font-size:15.5px;max-width:640px}

/* ---------- história / fundadoras ---------- */
.historia{background:var(--preto);color:var(--branco)}
.historia .sec-head p{color:#B9BCBD}
.hist-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;margin-top:8px}
.hist-foto{border:1px solid var(--dourado);padding:12px 12px 16px;margin:0}
.hist-foto img{width:100%;height:auto;display:block}
.hist-foto figcaption{font-family:var(--caps);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cinza);margin-top:14px;text-align:center;line-height:1.7}
.fundadora{padding:26px 0;border-top:1px solid var(--linha-escura)}
.fundadora:last-of-type{border-bottom:1px solid var(--linha-escura)}
.fundadora h3{font-family:var(--serif);font-weight:600;font-size:24px;margin-bottom:4px}
.fundadora .papel{font-family:var(--caps);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dourado);margin-bottom:14px}
.fundadora p{font-size:15.5px;color:#C6C9C8}
.historia .cta-hist{margin-top:52px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.historia .frase-inst{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--dourado)}

/* ---------- soluções ---------- */
.solucoes{background:var(--branco)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{border:1px solid var(--linha);padding:62px 32px 36px;display:flex;flex-direction:column;position:relative;transition:border-color .25s;background:var(--branco)}
.card::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:transparent;transition:background .25s}
.card:hover{border-color:rgba(196,154,77,.6)}
.card:hover::before{background:var(--dourado)}
.card .tag{position:absolute;top:20px;left:20px;white-space:nowrap;font-family:var(--caps);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--branco);background:var(--petroleo);border:1px solid var(--petroleo);padding:6px 12px;line-height:1.2}
.card .tag.aberto{color:var(--preto);background:var(--dourado);border-color:var(--dourado)}
.card .tipo{font-family:var(--caps);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cinza);margin-bottom:14px}
.card h3{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.3;margin-bottom:12px}
.card p.pitch{font-size:15.5px;color:#4A4C4E;flex:1}
.card .base{margin-top:26px;padding-top:20px;border-top:1px solid var(--linha)}
.card .valor{font-family:var(--serif);font-size:21px;color:var(--preto)}
.card .valor small{font-family:var(--sans);font-size:13px;color:var(--cinza)}
.card .base a{display:inline-block;margin-top:16px;font-family:var(--caps);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--petroleo);text-decoration:none;border-bottom:1px solid var(--dourado);padding-bottom:4px;transition:color .2s}
.card .base a:hover{color:var(--dourado)}
.jornada-nota{margin-top:52px;border-left:2px solid var(--dourado);padding:6px 0 6px 26px;max-width:760px}
.jornada-nota p{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--petroleo)}

/* ---------- corporate ---------- */
.corporate{background:var(--petroleo);color:var(--branco)}
.corp-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:center}
.corporate h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,38px);line-height:1.3;margin:18px 0 20px}
.corporate p{color:#CFD3D2;margin-bottom:16px}
.corporate .nr1{font-size:14.5px;color:var(--cinza);border-top:1px solid var(--linha-escura);padding-top:18px;margin-top:26px}
.corp-lista{list-style:none;border:1px solid var(--linha-escura)}
.corp-lista li{padding:18px 24px;border-bottom:1px solid var(--linha-escura);font-family:var(--serif);font-size:17.5px;display:flex;gap:14px;align-items:baseline}
.corp-lista li:last-child{border-bottom:none}
.corp-lista li::before{content:"·";color:var(--dourado);font-size:26px;line-height:0}
.corporate .acoes{margin-top:34px;display:flex;gap:18px;flex-wrap:wrap}

/* ---------- CTA final ---------- */
.final{background:var(--preto);color:var(--branco);text-align:center}
.final .wrap{max-width:760px}
.final h2{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4vw,44px);line-height:1.3;margin:20px 0 18px}
.final p{color:#B9BCBD;margin-bottom:40px}
.final .frase{margin-top:56px;font-family:var(--caps);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--cinza)}

/* ---------- footer ---------- */
footer{background:var(--preto);color:var(--cinza);border-top:1px solid var(--linha-escura);padding:56px 0 40px;font-size:14px}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;margin-bottom:44px}
.foot h4{font-family:var(--caps);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dourado);margin-bottom:16px;font-weight:600}
.foot a{color:var(--cinza);text-decoration:none;display:block;padding:4px 0;transition:color .2s}
.foot a:hover{color:var(--branco)}
.foot .marca .nome{font-family:var(--serif);font-size:20px;color:var(--branco)}
.foot .marca .nome span{color:var(--dourado)}
.foot .marca p{margin-top:12px;max-width:300px}
.copy{border-top:1px solid rgba(139,143,144,.15);padding-top:26px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}

/* ---------- responsivo ---------- */
@media (max-width:960px){
  .etapas{grid-template-columns:1fr 1fr}
  .etapa{padding-left:0 !important;border-left:none !important;padding-right:20px}
  .etapa:nth-child(even){padding-left:28px !important;border-left:1px solid var(--linha) !important}
  .cards{grid-template-columns:1fr 1fr}
  .dor-grid,.corp-grid,.hist-grid{grid-template-columns:1fr;gap:44px}
  .tese .contra{grid-template-columns:1fr}
  .foot{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  nav.menu{display:none;position:absolute;top:76px;left:0;right:0;background:var(--preto);flex-direction:column;gap:0;padding:12px 24px 24px;border-bottom:1px solid var(--linha-escura)}
  nav.menu.aberto{display:flex}
  nav.menu a{padding:14px 0;border-bottom:1px solid rgba(139,143,144,.12);width:100%}
  nav.menu a.destaque{border:1px solid var(--dourado);text-align:center;margin-top:14px}
  .menu-btn{display:block}
  .cards,.foot{grid-template-columns:1fr}
  .etapas{grid-template-columns:1fr}
  .etapa{border-left:none !important;padding-left:0 !important}
  section{padding:72px 0}
  .hero .wrap{padding-top:80px;padding-bottom:88px}
}

/* ---------- artes da marca ---------- */
.hero-home{background:linear-gradient(100deg, rgba(0,0,0,.95) 0%, rgba(13,34,8,.88) 52%, rgba(23,51,16,.55) 100%), url('img/arte-sinapse.jpg') right -60px center/cover no-repeat}
.arte-fig{margin:64px auto 0;border:1px solid var(--dourado);padding:12px 12px 16px;max-width:100%}
.arte-fig img{width:100%;height:auto;display:block}
.arte-fig figcaption{font-family:var(--caps);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cinza);margin-top:14px;text-align:center;line-height:1.7}
.arte-fig.compacta{max-width:560px}