/* ===== Visual sóbrio: menos decoração, laranja contido, tipografia mais firme ===== */

/* ---------- Tipografia ---------- */
body{font-size:1.0625rem}
h1,.hero h1{font-weight:700;letter-spacing:-.035em;line-height:1.02}
.hero-home h1{font-size:clamp(2.6rem,1.4rem + 4.2vw,4.4rem);max-width:12ch}
h2{font-weight:700;letter-spacing:-.03em}
h3{font-weight:600}
.lead,.hero-sub{font-size:clamp(1.08rem,1rem + .35vw,1.25rem);line-height:1.6}
.grad-italic{color:inherit}

/* ---------- Seções: alternam fundo, sem linhas entre elas ---------- */
.section{border-top:0}
.who{background:none}
main > section:nth-of-type(even){background:var(--surface)}
main > section:nth-of-type(even) .svc,
main > section:nth-of-type(even) .final-grid{background:var(--bg)}
main > section:nth-of-type(odd) .final-grid{background:var(--surface)}
main > section:nth-of-type(even) .mq-track li{background:var(--bg)}
main > section:nth-of-type(odd) .mq-track li{background:var(--surface)}

/* ---------- Topo dividido ---------- */
.hero.hero-home{padding:56px 0 64px}
@media (min-width:1024px){.hero.hero-home{padding:72px 0 88px}}
.hero-home .crumb ol{justify-content:flex-start}
.hero-dots{display:none}
.hero::before,.hero::after{display:none}
@media (min-width:1024px){
  .hero-home .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
  .hero-home .chat{max-height:min(560px,calc(100vh - 160px));overflow:hidden}
}

/* ---------- Sem brilho: linhas de 1px e uma sombra suave só no topo ---------- */
.btn,.btn:hover,.btn-sm{box-shadow:none;filter:none}
.btn{border-radius:8px}
.chat{box-shadow:0 18px 50px -24px rgba(23,18,14,0.21)}
.chat::before{display:none}
.crm{box-shadow:none}
.card:hover,.dl:hover,.prod:hover{box-shadow:none;transform:none}
.crm-card.flash{box-shadow:none}
.input:focus{box-shadow:0 0 0 3px rgba(255,107,44,.18)}

/* ---------- Laranja só no botão, nos links e no "ao vivo" ---------- */
.faq-item summary::before{color:var(--muted)}
.steps3 .n{color:var(--muted)}
.chat-prev .out{background:var(--surface-2);border-color:var(--line-strong)}
.search-prev .r{background:none;border-color:var(--line-strong)}

/* ---------- Cards: no hover, só a borda muda ---------- */
.svc{border-radius:14px}
@media (hover:hover){.svc:hover{background:var(--bg);border-color:rgba(255,107,44,.7)}}
main > section:nth-of-type(odd) .svc:hover{background:var(--surface)}

/* ---------- Menu: "Produtos" com lista ---------- */
.nav-drop{position:relative}
.nav-trigger{
  display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:0;border-radius:8px;background:none;
  color:#3b342e;font:inherit;font-size:1rem;font-weight:500;cursor:pointer;transition:color .2s ease,background-color .2s ease;
}
.nav-trigger .chev{width:16px;height:16px;transition:transform .2s var(--ease-out)}
.nav-drop.open .nav-trigger .chev{transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){.nav-trigger:hover{color:#17120e;background:rgba(23,18,14,.06)}}
.nav-panel a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:8px;text-decoration:none}
.nav-panel strong{color:var(--text);font-weight:600;font-size:.98rem}
.nav-panel span{color:var(--muted);font-size:.88rem;font-weight:400}
.nav-panel a[aria-current="page"]{background:rgba(23,18,14,.06)}
@media (min-width:1060px){
  .nav-panel{
    position:absolute;top:calc(100% + 10px);left:0;min-width:340px;padding:8px;
    border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);
    box-shadow:0 18px 50px -24px rgba(23,18,14,0.22);
    opacity:0;visibility:hidden;transform:translateY(-4px);
    transition:opacity .16s ease,transform .2s var(--ease-out),visibility 0s .2s;
  }
  .nav-drop.open .nav-panel{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease,transform .2s var(--ease-out),visibility 0s}
  @media (hover:hover) and (pointer:fine){.nav-panel a:hover{background:rgba(23,18,14,.06)}}
}
/* no celular a lista fica aberta dentro do menu */
@media (max-width:1059px){
  .nav-trigger{display:none}
  .nav-panel{display:flex;flex-direction:column;gap:2px}
  .nav-panel a{padding:12px}
}
@media (prefers-reduced-motion:reduce){.nav-panel,.nav-trigger .chev{transition:none}}

/* ajustes da verificação */
h1,.hero h1{letter-spacing:-.025em}
@media (min-width:1060px){.nav{margin-left:36px;margin-right:auto}}
/* páginas internas: título em no máximo 3 linhas */
.hero-home .crumb ~ h1{max-width:15ch}