:root{
  --ink:#14161D;
  --graphite:#2A2D3A;
  --stone:#E8E6E1;
  --slate:#8B8D98;
  --signal:#E8A33D;
  --paper:#FAFAF8;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;background:var(--ink);}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  line-height:1.55;
}
img,svg{display:block;max-width:100%;}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px;}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;}}

/* ---- NAV ---- */
nav{
  position:sticky;top:0;z-index:20;
  background:rgba(20,22,29,0.92);backdrop-filter:blur(6px);
  border-bottom:1px solid #2A2D3A;
}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.brand svg{width:26px;height:26px;}
.brand span{font-family:'Fraunces',serif;font-weight:500;font-size:19px;color:var(--paper);}
.navlinks{display:flex;gap:28px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:0.04em;}
.navlinks a{color:var(--slate);text-decoration:none;transition:color .15s;}
.navlinks a:hover{color:var(--paper);}
.navcta{
  font-family:'Inter',sans-serif;font-weight:600;font-size:13px;
  background:var(--signal);color:var(--ink);padding:12px 18px;border-radius:3px;
  text-decoration:none;display:inline-flex;align-items:center;
}
@media (max-width:720px){.navlinks{display:none;}}

/* ---- HERO ---- */
.hero{background:var(--ink);color:var(--stone);padding:96px 0 88px;position:relative;overflow:hidden;}
.hero .wrap{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.15fr 0.85fr;gap:32px;align-items:center;
}
@media (max-width:820px){.hero .wrap{grid-template-columns:1fr;}}
.eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.16em;
  text-transform:uppercase;color:var(--signal);margin-bottom:22px;
}
.hero h1{
  font-family:'Fraunces',serif;font-optical-sizing:auto;font-weight:500;
  font-size:clamp(34px,4.4vw,52px);letter-spacing:-0.01em;color:var(--paper);
  margin-bottom:24px;
}
.hero p.lede{font-size:19px;color:var(--stone);max-width:52ch;margin-bottom:36px;opacity:0.9;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.btn{
  font-family:'Inter',sans-serif;font-weight:600;font-size:15px;
  padding:14px 24px;border-radius:3px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;
  border:1px solid transparent;
}
.btn-primary{background:var(--signal);color:var(--ink);}
.btn-primary:hover{background:#F0B25A;}
.btn-ghost{border-color:#3A3D4A;color:var(--stone);}
.btn-ghost:hover{border-color:var(--slate);}

/* hero mark, faint background */
.hero-visual{display:flex;align-items:center;justify-content:center;}
.hero-visual svg{width:100%;max-width:340px;}
@media (max-width:820px){.hero-visual{display:none;}}

/* ---- SECTION SCAFFOLD ---- */
section{padding:80px 0;}
.section-alt{background:var(--stone);}
.section-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.14em;
  text-transform:uppercase;color:#B67A2E;margin-bottom:14px;
}
h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(28px,4vw,38px);letter-spacing:-0.01em;margin-bottom:20px;max-width:22ch;}
.lede2{max-width:62ch;color:var(--graphite);font-size:17px;margin-bottom:12px;}

/* ---- PARA QUEM ---- */
.quem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;}
@media (max-width:820px){.quem-grid{grid-template-columns:1fr;}}
.quem-card{background:var(--paper);border:1px solid #DAD8D1;border-radius:4px;padding:26px;}
.quem-card .num{font-family:'JetBrains Mono',monospace;font-size:13px;color:#B67A2E;margin-bottom:10px;}
.quem-card h3{font-family:'Inter',sans-serif;font-weight:700;font-size:17px;margin-bottom:8px;}
.quem-card p{font-size:14.5px;color:#4A4D5A;}

/* ---- COMO FUNCIONA ---- */
.steps{margin-top:48px;}
.step{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:28px 0;border-top:1px solid #2A2D3A;}
.step:first-child{border-top:none;}
.step .step-n{font-family:'Fraunces',serif;font-weight:500;font-size:36px;color:var(--signal);}
.step h3{font-family:'Inter',sans-serif;font-weight:700;font-size:19px;margin-bottom:6px;color:var(--paper);}
.step p{color:var(--slate);font-size:15.5px;max-width:56ch;}
.como-funciona{background:var(--ink);color:var(--stone);}
.como-funciona h2{color:var(--paper);}

/* ---- VALOR / RESULTADOS ---- */
.valor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;}
@media (max-width:920px){.valor-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.valor-grid{grid-template-columns:1fr;}}
.valor-card{padding-top:18px;border-top:2px solid var(--signal);}
.valor-card h3{font-family:'Fraunces',serif;font-weight:500;font-size:19px;margin-bottom:10px;}
.valor-card p{font-size:14.5px;color:#4A4D5A;}

/* ---- QUEM SOU EU ---- */
.quemsoueu-grid{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start;margin-top:44px;}
@media (max-width:820px){.quemsoueu-grid{grid-template-columns:1fr;justify-items:center;text-align:center;}}
.quemsoueu-foto{width:220px;height:220px;border-radius:8px;overflow:hidden;border:1px solid #DAD8D1;flex-shrink:0;}
.quemsoueu-foto img{width:100%;height:100%;object-fit:cover;display:block;}
.quemsoueu-nome{font-family:'Fraunces',serif;font-weight:500;font-size:19px;color:var(--ink);margin-bottom:4px;}
.quemsoueu-cargo{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:#B67A2E;margin-bottom:16px;}
.quemsoueu-texto p{font-size:15.5px;color:#4A4D5A;margin-bottom:14px;max-width:60ch;}
.quemsoueu-texto p:last-child{margin-bottom:0;}
@media (max-width:820px){.quemsoueu-texto p{max-width:none;}}

/* ---- POR QUE ---- */
.porque-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:44px;}
@media (max-width:920px){.porque-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.porque-grid{grid-template-columns:1fr;}}
.porque-item .mark{color:var(--signal);font-family:'JetBrains Mono',monospace;font-size:13px;margin-bottom:12px;}
.porque-item h3{font-family:'Inter',sans-serif;font-weight:700;font-size:18px;margin-bottom:10px;}
.porque-item p{font-size:15px;color:#4A4D5A;}

/* ---- CONTATO ---- */
.contato{background:var(--ink);color:var(--stone);}
.contato h2{color:var(--paper);}
.contato-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px;}
@media (max-width:820px){.contato-grid{grid-template-columns:1fr;}}
.contato-card{
  border:1px solid #2E313E;border-radius:6px;padding:26px;
  display:flex;flex-direction:column;gap:12px;
}
.contato-card.primary{border-color:var(--signal);background:#1D1F29;}
.contato-card .label{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--slate);}
.contato-card h3{font-family:'Fraunces',serif;font-weight:500;font-size:22px;color:var(--paper);}
.contato-card p{font-size:14px;color:var(--slate);}
.contato-card a.action{
  margin-top:auto;font-family:'Inter',sans-serif;font-weight:600;font-size:14px;
  text-decoration:none;padding:10px 0;
}
.contato-card.primary a.action{color:var(--signal);}
.contato-card:not(.primary) a.action{color:var(--stone);text-decoration:underline;text-underline-offset:3px;}

.form-box{margin-top:56px;background:#1D1F29;border:1px solid #2E313E;border-radius:6px;padding:32px;}
.form-box .label{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--slate);margin-bottom:18px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
@media (max-width:640px){.form-row{grid-template-columns:1fr;}}
label{display:block;font-size:13px;color:var(--slate);margin-bottom:6px;}
input,textarea,select{
  width:100%;background:#14161D;border:1px solid #2E313E;border-radius:4px;
  color:var(--paper);padding:11px 12px;font-family:'Inter',sans-serif;font-size:14.5px;
}
select{
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238B8D98' stroke-width='1.5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:34px;
}
input:focus,textarea:focus,select:focus{border-color:var(--signal);}
textarea{min-height:110px;resize:vertical;margin-bottom:20px;}
.form-box button{
  font-family:'Inter',sans-serif;font-weight:700;font-size:15px;
  background:var(--signal);color:var(--ink);border:none;border-radius:4px;
  padding:13px 26px;cursor:pointer;
}
.form-box button:hover{background:#F0B25A;}
.contato-email-info{
  margin-top:22px;font-size:14px;color:var(--slate);
  font-family:'JetBrains Mono',monospace;
}
.contato-email-info a{color:var(--stone);text-decoration:underline;text-underline-offset:3px;}

/* ---- FOOTER ---- */
footer{background:var(--ink);border-top:1px solid #2A2D3A;padding:36px 0;}
footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
footer .brand span{font-size:16px;}
footer .fine{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--slate);}

/* ---- PAGE HEADER (blog listagem/artigo) ---- */
.page-header{background:var(--ink);color:var(--stone);padding:64px 0 56px;}
.page-header h1{
  font-family:'Fraunces',serif;font-weight:500;font-size:clamp(30px,4vw,44px);
  letter-spacing:-0.01em;color:var(--paper);max-width:26ch;
}
.page-header p.lede{color:var(--stone);opacity:.9;font-size:17px;max-width:56ch;margin-top:16px;}

/* ---- BLOG: LISTAGEM ---- */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:44px;}
@media (max-width:720px){.blog-grid{grid-template-columns:1fr;}}
.blog-card{
  background:var(--paper);border:1px solid #DAD8D1;border-radius:4px;padding:26px;
  display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;
  transition:border-color .15s;
}
.blog-card:hover{border-color:var(--slate);}
.blog-card .blog-date{
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:#B67A2E;
}
.blog-card h3{font-family:'Fraunces',serif;font-weight:500;font-size:20px;}
.blog-card p{font-size:14.5px;color:#4A4D5A;}
.blog-card .read-more{margin-top:auto;font-family:'Inter',sans-serif;font-weight:600;font-size:13.5px;}

/* ---- BLOG: ARTIGO ---- */
.back-link{
  display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--signal);
  text-decoration:none;margin-bottom:18px;
}
.article-meta{
  font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--slate);
  letter-spacing:.04em;margin-top:14px;
}
.article-body{max-width:70ch;margin:0 auto;padding:56px 24px 0;}
.article-body h2{font-size:clamp(22px,3vw,28px);margin-top:40px;}
.article-body p{font-size:17px;color:var(--graphite);margin-bottom:18px;}
.article-body p:last-child{margin-bottom:0;}
.article-cta{margin:56px 0 0;padding:32px;background:var(--stone);border-radius:6px;}
.article-cta p{margin-bottom:16px;color:var(--graphite);}
.article-cta p:last-child{margin-bottom:0;}
