/* Feitaz — modelo das páginas de solução de IA (/ia/<solução>/). Prefixo is-.
   Cada página compõe as peças na sua ordem e soma uma seção própria (janela do WhatsApp, níveis de autonomia,
   latência de voz, caminho da fonte, parede de documentos, funil de vendas). Tokens: feitaz.css. */

/* ---------- Herói ---------- */
.is-heroi .pg-heroi__titulo { max-width: 13ch; }
.is-heroi .lead { max-width: 56ch; }
@media (max-width: 899px) { .is-heroi .pg-heroi__titulo { font-size: clamp(2.65rem, 11.8vw, 4.4rem); } }
.is-heroi__demo { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; font-family: var(--f-mono); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cinza); text-decoration: none; }
.is-heroi__demo:hover { color: var(--osso); }
.is-heroi__demo i { position: relative; width: 22px; height: 34px; border-radius: 12px; border: 1.5px solid var(--linha-2); }
.is-heroi__demo i::after { content: ""; position: absolute; left: 50%; top: 7px; width: 3px; height: 7px; margin-left: -1.5px; border-radius: 2px; background: var(--brasa); animation: is-desce 1.8s var(--ease) infinite; }
@keyframes is-desce { 0% { opacity: 0; transform: translateY(-3px); } 40% { opacity: 1; } 100% { opacity: 0; transform: translateY(11px); } }

/* Selo do herói com o que a demo mostra (personalidade por página) */
.is-selo { position: absolute; right: var(--gut); bottom: clamp(56px, 8vw, 110px); z-index: 1; display: grid; gap: 10px; width: min(340px, 30vw); padding: 18px 20px; border-radius: var(--r-l); background: rgba(18, 17, 16, .72); border: 1px solid var(--linha-2); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .8); }
.is-selo__tit { font-family: var(--f-mono); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cinza); }
.is-selo ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.is-selo li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; font-size: .9rem; line-height: 1.35; color: rgba(244, 239, 230, .9); }
.is-selo li svg { width: 20px; height: 20px; fill: none; stroke: var(--brasa); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; margin-top: 1px; }
.pg-heroi--direita .is-selo { right: auto; left: var(--gut); }
@media (max-width: 1180px) { .is-selo { display: none; } }

/* ---------- Demo logo abaixo do herói ---------- */
.is-demo { padding-top: clamp(40px, 5vw, 72px); }
.is-demo .cabeca { margin-bottom: clamp(28px, 3.4vw, 48px); }
.is-demo__rot { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; }
.is-demo__nota { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: .9rem; color: var(--cinza); max-width: 90ch; }
.sec--claro .is-demo__nota { color: var(--cinza-2); }
.is-demo__nota strong { color: var(--osso); font-weight: 620; }
.sec--claro .is-demo__nota strong { color: var(--tinta); }

/* ---------- Casos por nicho ---------- */
.is-nichos__grade { display: grid; gap: 14px; }
@media (min-width: 760px) { .is-nichos__grade { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1180px) { .is-nichos__grade--4 { grid-template-columns: repeat(4, 1fr); } .is-nichos__grade--3 { grid-template-columns: repeat(3, 1fr); } }
.is-nicho { display: grid; gap: 16px; align-content: start; padding: clamp(22px, 2.4vw, 30px); }
.is-nicho__topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.is-nicho__tag { font-family: var(--f-mono); font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--brasa); }
.is-nicho__ico { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(255, 90, 31, .1); border: 1px solid rgba(255, 90, 31, .22); }
.is-nicho__ico svg { width: 20px; height: 20px; fill: none; stroke: var(--brasa); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.is-nicho__cena { font-family: var(--f-serifa); font-style: italic; font-size: 1.32rem; line-height: 1.2; color: var(--osso); }
.is-nicho__lista { list-style: none; margin: 0; padding: 14px 0 0; display: grid; gap: 9px; border-top: 1px solid var(--linha); }
.is-nicho__lista li { position: relative; padding-left: 22px; font-size: .95rem; line-height: 1.45; color: var(--cinza); }
.is-nicho__lista li::before { content: ""; position: absolute; left: 0; top: .5em; width: 9px; height: 9px; border-radius: 3px; background: var(--brasa); box-shadow: 0 0 12px rgba(255, 90, 31, .6); }

/* Referência de mercado (número de terceiro, com fonte) */
.is-ref { margin-top: 34px; color: var(--osso); display: grid; gap: 1px; border-radius: var(--r-l); overflow: hidden; background: var(--linha); border: 1px solid var(--linha); }
.is-ref__cab { padding: 14px 20px; background: var(--carvao-3); font-family: var(--f-mono); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cinza); }
.is-ref__item { display: grid; gap: 6px; padding: 20px; background: var(--carvao-2); }
.is-ref__n { font-size: clamp(2.1rem, 3.4vw, 3rem); font-weight: 840; font-stretch: 120%; letter-spacing: -.045em; line-height: .95; }
.is-ref__n small { font-size: .5em; letter-spacing: -.02em; }
.is-ref__txt { font-size: .93rem; line-height: 1.45; color: rgba(244, 239, 230, .86); }
.is-ref__fonte { font-family: var(--f-mono); font-size: .66rem; letter-spacing: .06em; text-transform: uppercase; color: var(--cinza); }
.is-ref__fonte a { color: var(--brasa); text-decoration-color: rgba(255, 90, 31, .45); }
.is-ref__pe { padding: 14px 20px; background: var(--carvao-3); font-size: .82rem; line-height: 1.45; color: var(--cinza); }

/* ---------- Travas e limites ---------- */
.is-travas__grade { display: grid; gap: clamp(20px, 3vw, 36px); }
@media (min-width: 960px) { .is-travas__grade { grid-template-columns: 1fr 1fr; } }
.is-travas__bloco { padding: clamp(26px, 3vw, 44px); border-radius: var(--r-xl); }
.is-travas__bloco--nunca { background: var(--tinta); color: var(--osso); }
.is-travas__bloco--limite { background: #fff; border: 1px solid rgba(11, 10, 9, .1); }
.is-travas__bloco h3 { font-size: clamp(1.5rem, 2.2vw, 2rem); font-weight: 800; font-stretch: 116%; letter-spacing: -.03em; line-height: 1; margin: 10px 0 24px; }
.is-travas__rot { font-family: var(--f-mono); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; }
.is-travas__bloco--nunca .is-travas__rot { color: var(--brasa); }
.is-travas__bloco--limite .is-travas__rot { color: var(--brasa-escura); }
.is-travas__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.is-travas__lista li { display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: start; line-height: 1.45; }
.is-travas__lista svg { width: 22px; height: 22px; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; margin-top: 1px; }
.is-travas__bloco--nunca svg { stroke: var(--brasa); }
.is-travas__bloco--nunca li span { color: rgba(244, 239, 230, .88); }
.is-travas__bloco--nunca li strong { color: var(--osso); }
.is-travas__bloco--limite svg { stroke: var(--brasa-escura); }
.is-travas__bloco--limite li span { color: #4a443d; }
.is-travas__bloco--limite li strong { color: var(--tinta); }

/* ---------- Etapas / FAQ / Outros ---------- */
.is-faq__grade { display: grid; gap: clamp(28px, 4vw, 64px); }
@media (min-width: 1000px) { .is-faq__grade { grid-template-columns: .8fr 1.2fr; align-items: start; } }
.is-outros__rot { margin-bottom: 18px; }
.is-outros .outros a[aria-current] { border-color: rgba(255, 90, 31, .45); }

/* ---------- Prova real (Maria Rita) ---------- */
.is-prova { display: grid; gap: clamp(26px, 4vw, 64px); align-items: center; }
@media (min-width: 1000px) { .is-prova { grid-template-columns: 1fr 1.15fr; } }
.is-prova__fatos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 28px 0; background: var(--linha); border: 1px solid var(--linha); border-radius: var(--r-m); overflow: hidden; }
.is-prova__fatos div { padding: 16px 18px; background: var(--carvao-2); display: grid; gap: 4px; }
.is-prova__fatos b { font-size: clamp(1.7rem, 2.6vw, 2.4rem); font-weight: 840; font-stretch: 120%; letter-spacing: -.045em; line-height: 1; }
.is-prova__fatos span { font-size: .82rem; line-height: 1.35; color: var(--cinza); }
.is-prova__estado { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; margin-bottom: 18px; }
.is-prova__legenda { margin-top: 14px; font-size: .84rem; color: var(--cinza); }
@media (max-width: 560px) { .is-prova__fatos div { padding: 12px 10px; } .is-prova__fatos b { font-size: 1.6rem; } .is-prova__fatos span { font-size: .74rem; } }
.is-prova__midia .nav-frame__tela { aspect-ratio: 1600 / 1189; }

/* Trava real, passo a passo (atendimento) */
.is-trava-real { position: relative; padding: clamp(22px, 3vw, 40px); border-radius: var(--r-xl); background: radial-gradient(90% 70% at 100% 0%, rgba(255, 90, 31, .18), transparent 60%), var(--carvao); border: 1px solid var(--linha-2); box-shadow: 0 50px 110px -50px rgba(0, 0, 0, .9); }
.is-trava-real__tit { font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cinza); margin-bottom: 22px; }
.is-trava-real__passos { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.is-trava-real__passos li { position: relative; display: grid; grid-template-columns: 46px 1fr; gap: 14px; padding: 16px 0; border-top: 1px solid var(--linha); }
.is-trava-real__passos li:first-child { border-top: 0; }
.is-trava-real__passos .mono { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--linha-2); font-size: .72rem; color: var(--cinza); }
.is-trava-real__passos b { display: block; font-weight: 700; font-stretch: 108%; letter-spacing: -.01em; margin-bottom: 4px; }
.is-trava-real__passos p { font-size: .94rem; line-height: 1.5; color: var(--cinza); }
.is-trava-real__passos em { font-style: normal; font-family: var(--f-mono); font-size: .86em; padding: 1px 6px; border-radius: 5px; background: rgba(255, 61, 110, .14); color: #FF8FA9; text-decoration: line-through; text-decoration-color: rgba(255, 61, 110, .7); }
.is-trava-real__passos li.alerta { margin: 0 -16px; padding: 18px 16px; border-radius: var(--r-m); background: rgba(255, 90, 31, .09); border: 1px solid rgba(255, 90, 31, .3); }
.is-trava-real__passos li.alerta + li { border-top: 0; }
.is-trava-real__passos li.alerta .mono { background: var(--brasa); border-color: var(--brasa); color: var(--carvao); font-weight: 700; }

/* ---------- Seletor genérico (abas); sem JS tudo aparece empilhado ---------- */
.is-seletor__abas { display: none; }
.is-seletor.is-js .is-seletor__abas { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.is-seletor__aba { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--linha-2); background: rgba(244, 239, 230, .04); color: var(--osso); font-weight: 600; font-size: .95rem; transition: background-color .3s, border-color .3s, color .3s; }
.is-seletor__aba span { font-family: var(--f-mono); font-size: .7rem; color: var(--cinza); letter-spacing: .08em; }
.is-seletor__aba:hover { border-color: rgba(255, 90, 31, .45); }
.is-seletor__aba[aria-selected="true"] { background: var(--brasa); border-color: var(--brasa); color: var(--carvao); }
.is-seletor__aba[aria-selected="true"] span { color: var(--carvao); } /* AA sobre brasa */
.sec--claro .is-seletor__aba { border-color: rgba(11, 10, 9, .18); background: #fff; color: var(--tinta); }
.sec--claro .is-seletor__aba span { color: var(--cinza-2); }
.sec--claro .is-seletor__aba[aria-selected="true"] { background: var(--tinta); border-color: var(--tinta); color: var(--osso); }
.sec--claro .is-seletor__aba[aria-selected="true"] span { color: var(--cinza); }
.is-seletor__painel + .is-seletor__painel { margin-top: 18px; }
.is-seletor.is-js .is-seletor__painel + .is-seletor__painel { margin-top: 0; }
@media (prefers-reduced-motion: no-preference) {
  .is-seletor.is-js .is-seletor__painel:not([hidden]) { animation: is-entra .6s var(--ease); }
}
@keyframes is-entra { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* ---------- WhatsApp em 2026 (atendimento) ---------- */
.is-zap__regras { display: grid; gap: 14px; margin-top: clamp(28px, 4vw, 56px); }
@media (min-width: 760px) { .is-zap__regras { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .is-zap__regras { grid-template-columns: repeat(3, 1fr); } }
.is-zap__regra { display: grid; gap: 10px; align-content: start; padding: 24px; }
.is-zap__regra .mono { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: var(--brasa); }
.is-zap__regra h3 { font-size: 1.16rem; font-weight: 740; font-stretch: 110%; letter-spacing: -.015em; line-height: 1.2; }
.is-zap__regra p { font-size: .95rem; color: var(--cinza); }
.is-zap__regra a { color: var(--brasa); font-size: .82rem; font-family: var(--f-mono); letter-spacing: .04em; }

.is-janela { padding: clamp(22px, 3vw, 36px); border-radius: var(--r-xl); background: var(--carvao-2); border: 1px solid var(--linha); }
.is-janela__cena { display: grid; gap: 22px; }
.is-janela__cena h3 { font-size: clamp(1.3rem, 2vw, 1.7rem); font-weight: 780; font-stretch: 114%; letter-spacing: -.025em; line-height: 1.1; }
.is-janela__cena > p { color: var(--cinza); max-width: 70ch; }
.is-regua { position: relative; padding: 40px 0 34px; }
.is-regua__trilho { position: relative; height: 16px; border-radius: 999px; background: repeating-linear-gradient(90deg, rgba(244, 239, 230, .08) 0 1px, transparent 1px calc(100% / 12)), var(--carvao-4); }
.is-regua__faixa { position: absolute; top: 0; bottom: 0; left: var(--de, 0%); width: var(--ate, 30%); border-radius: 999px; background: var(--fogo); box-shadow: 0 0 30px rgba(255, 90, 31, .45); transform-origin: left center; }
.is-regua__faixa--livre { background: linear-gradient(90deg, #3DDC84, #9BEFC0); box-shadow: 0 0 30px rgba(61, 220, 132, .35); }
.is-regua__faixa--modelo { background: repeating-linear-gradient(135deg, rgba(255, 181, 71, .55) 0 8px, rgba(255, 181, 71, .25) 8px 16px); box-shadow: none; }
.is-regua__marca { position: absolute; top: 0; left: var(--x); transform: translateX(-50%); display: grid; justify-items: center; gap: 6px; font-family: var(--f-mono); font-size: .66rem; letter-spacing: .06em; color: var(--cinza); white-space: nowrap; }
.is-regua__marca::after { content: ""; width: 1px; height: 30px; background: var(--linha-2); }
.is-regua__marca--fim { top: auto; bottom: 0; }
.is-regua__marca--fim::after { order: -1; }
.is-regua__legenda { display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: .88rem; color: var(--cinza); }
.is-regua__legenda i { display: inline-block; width: 22px; height: 8px; border-radius: 99px; margin-right: 8px; vertical-align: middle; background: var(--fogo); }
.is-regua__legenda i.l-livre { background: #3DDC84; }
.is-regua__legenda i.l-modelo { background: repeating-linear-gradient(135deg, rgba(255, 181, 71, .7) 0 4px, rgba(255, 181, 71, .3) 4px 8px); }
@media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
  .is-seletor.is-js .is-regua__faixa { animation: is-cresce 1.1s var(--ease) both; }
}
@keyframes is-cresce { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (max-width: 640px) { .is-regua__marca { font-size: .58rem; } .is-regua__marca.so-largo { display: none; } }

/* ---------- Níveis de autonomia (agentes) ---------- */
.is-niveis { display: grid; gap: clamp(20px, 3vw, 40px); }
@media (min-width: 1000px) { .is-niveis { grid-template-columns: .9fr 1.1fr; align-items: stretch; } }
.is-escada__rot { display: none; }
.is-seletor.is-js .is-escada__rot { display: block; margin-bottom: 10px; font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cinza-2); }
.is-seletor.is-js .is-seletor__abas.is-escada { flex-direction: column-reverse; flex-wrap: nowrap; align-items: flex-start; gap: 10px; margin: 0; }
.is-escada .is-seletor__aba { justify-content: flex-start; gap: 14px; min-height: 60px; padding: 0 20px; border-radius: 14px; font-stretch: 108%; font-size: 1rem; text-align: left; white-space: normal; }
.is-escada .is-seletor__aba:nth-child(1) { width: 58%; } .is-escada .is-seletor__aba:nth-child(2) { width: 72%; } .is-escada .is-seletor__aba:nth-child(3) { width: 86%; } .is-escada .is-seletor__aba:nth-child(4) { width: 100%; }
.is-escada .is-seletor__aba span { color: var(--brasa-escura); }
.is-escada .is-seletor__aba em { margin-left: auto; font-style: normal; font-family: var(--f-mono); font-size: .6rem; letter-spacing: .1em; text-transform: uppercase; padding: 4px 8px; border-radius: 6px; background: rgba(184, 57, 10, .1); color: var(--brasa-escura); }
.is-escada .is-seletor__aba[aria-selected="true"] em { background: var(--brasa); color: var(--carvao); }
.is-escada .is-seletor__aba[aria-selected="true"] span { color: var(--brasa); }
.is-nivel { display: grid; gap: 16px; align-content: start; padding: clamp(24px, 3vw, 40px); border-radius: var(--r-xl); background: #fff; border: 1px solid rgba(11, 10, 9, .1); }
.is-nivel h3 { font-size: clamp(1.5rem, 2.4vw, 2.1rem); font-weight: 800; font-stretch: 116%; letter-spacing: -.03em; line-height: 1.02; }
.is-nivel p { color: #4a443d; }
.is-nivel dl { display: grid; gap: 1px; margin-top: 6px; border-radius: var(--r-m); overflow: hidden; background: rgba(11, 10, 9, .1); border: 1px solid rgba(11, 10, 9, .1); }
.is-nivel dl div { display: grid; grid-template-columns: 130px 1fr; gap: 14px; padding: 12px 16px; background: var(--osso); }
.is-nivel dt { font-family: var(--f-mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--cinza-2); padding-top: 2px; }
.is-nivel dd { font-size: .95rem; color: var(--tinta); }
@media (max-width: 560px) { .is-nivel dl div { grid-template-columns: 1fr; gap: 4px; } }

/* ---------- Latência (voz) ---------- */
.is-lat { padding: clamp(24px, 3vw, 44px); border-radius: var(--r-xl); background: var(--carvao-2); border: 1px solid var(--linha); }
.is-lat__topo { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 30px; }
.is-lat__total { font-size: clamp(3.4rem, 8vw, 7rem); font-weight: 860; font-stretch: 122%; letter-spacing: -.05em; line-height: .85; }
.is-lat__total small { font-size: .32em; letter-spacing: -.01em; margin-left: .1em; color: var(--cinza); }
.is-lat__barra { position: relative; display: flex; gap: 3px; height: 64px; }
.is-lat__seg { --w: 10; position: relative; flex: var(--w) 1 0; border-radius: 10px; display: flex; align-items: flex-end; padding: 8px 10px; font-family: var(--f-mono); font-size: .64rem; letter-spacing: .06em; text-transform: uppercase; color: var(--carvao); overflow: hidden; white-space: nowrap; }
.is-lat__seg:nth-child(1) { background: #FFD08A; } .is-lat__seg:nth-child(2) { background: var(--ouro); } .is-lat__seg:nth-child(3) { background: var(--brasa-2); } .is-lat__seg:nth-child(4) { background: var(--brasa); } .is-lat__seg:nth-child(5) { background: var(--chama); color: var(--osso); }
.is-lat__seg--folga { background: transparent !important; border: 1px dashed var(--linha-2); color: var(--cinza) !important; }
.is-lat__limite span { transform: translateX(calc(-100% - 16px)); }
.is-lat__limite { position: absolute; top: -26px; bottom: -12px; left: var(--x, 100%); width: 0; border-left: 2px dashed var(--osso); }
.is-lat__limite span { position: absolute; top: 0; left: 8px; font-family: var(--f-mono); font-size: .66rem; letter-spacing: .06em; white-space: nowrap; color: var(--osso); }
.is-lat__legenda { list-style: none; margin: 30px 0 0; padding: 0; display: grid; gap: 14px; }
@media (min-width: 900px) { .is-lat__legenda { grid-template-columns: repeat(5, 1fr); } }
.is-lat__legenda li { display: grid; gap: 4px; padding-top: 12px; border-top: 2px solid var(--c, var(--brasa)); font-size: .88rem; line-height: 1.4; color: var(--cinza); }
.is-lat__legenda b { color: var(--osso); font-weight: 680; font-size: .95rem; }
.is-lat__fonte { margin-top: 24px; font-size: .82rem; color: var(--cinza); }
.is-lat__fonte a { color: var(--brasa); }
@media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
  .is-lat.revela .is-lat__seg { clip-path: inset(0 100% 0 0); transition: clip-path .7s var(--ease); transition-delay: calc(var(--i, 0) * 180ms + 300ms); }
  .is-lat.revela.visto .is-lat__seg { clip-path: inset(0 0 0 0); }
}
@media (max-width: 700px) { .is-lat__seg { font-size: 0; padding: 0; } .is-lat__barra { height: 34px; margin-top: 30px; } .is-lat__limite { top: -30px; } .is-lat__limite span { transform: translateX(calc(-100% - 10px)); font-size: .6rem; } .is-lat__topo .mono { font-size: .72rem; } }

/* ---------- Comparação lado a lado ---------- */
.is-versus { display: grid; gap: 14px; }
@media (min-width: 900px) { .is-versus { grid-template-columns: 1fr 1fr; } }
.is-versus__lado { display: grid; gap: 18px; align-content: start; padding: clamp(24px, 3vw, 40px); border-radius: var(--r-xl); }
.is-versus__lado--antes { background: var(--osso-2); color: var(--tinta); }
.is-versus__lado--depois { background: var(--tinta); color: var(--osso); box-shadow: 0 40px 90px -40px rgba(184, 57, 10, .6); }
.is-versus__rot { font-family: var(--f-mono); font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cinza-2); }
.is-versus__lado--depois .is-versus__rot { color: var(--brasa); }
.is-versus__lado h3 { font-size: clamp(1.4rem, 2.2vw, 1.9rem); font-weight: 800; font-stretch: 116%; letter-spacing: -.03em; line-height: 1.04; }
.is-versus__fala { font-family: var(--f-mono); font-size: .9rem; line-height: 1.55; padding: 16px 18px; border-radius: 14px; background: rgba(11, 10, 9, .06); color: #4a443d; }
.is-versus__lado--depois .is-versus__fala { background: rgba(255, 90, 31, .1); color: rgba(244, 239, 230, .9); border: 1px solid rgba(255, 90, 31, .2); }
.is-versus__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.is-versus__lista li { position: relative; padding-left: 24px; line-height: 1.45; }
.is-versus__lado--antes .is-versus__lista li { color: #4a443d; }
.is-versus__lado--antes .is-versus__lista li::before { content: "×"; position: absolute; left: 2px; top: -1px; font-weight: 700; color: var(--cinza-2); }
.is-versus__lado--depois .is-versus__lista li { color: rgba(244, 239, 230, .88); }
.is-versus__lado--depois .is-versus__lista li::before { content: "✓"; position: absolute; left: 0; top: 0; font-weight: 700; color: var(--brasa); }

/* ---------- Caminho em etapas com ícones (conhecimento, documentos) ---------- */
.is-caminho { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; counter-reset: cam; }
@media (min-width: 1000px) { .is-caminho { grid-template-columns: repeat(var(--n, 5), 1fr); gap: 0; } }
.is-caminho li { counter-increment: cam; position: relative; display: grid; gap: 10px; align-content: start; padding: 24px 22px; border-radius: var(--r-l); background: var(--carvao-3); border: 1px solid var(--linha); }
@media (min-width: 1000px) {
  .is-caminho li { border-radius: 0; border-right-width: 0; }
  .is-caminho li:first-child { border-radius: var(--r-l) 0 0 var(--r-l); }
  .is-caminho li:last-child { border-radius: 0 var(--r-l) var(--r-l) 0; border-right-width: 1px; }
  .is-caminho li:not(:last-child)::after { content: ""; position: absolute; z-index: 1; top: 38px; right: -11px; width: 20px; height: 20px; border-radius: 50%; background: var(--carvao) no-repeat center / 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11M9 4l4 4-4 4' fill='none' stroke='%23FF5A1F' stroke-width='2'/%3E%3C/svg%3E"); border: 1px solid var(--linha-2); }
}
.is-caminho__ico { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; background: rgba(255, 90, 31, .1); border: 1px solid rgba(255, 90, 31, .24); }
.is-caminho__ico svg { width: 22px; height: 22px; fill: none; stroke: var(--brasa); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.is-caminho li::before { content: counter(cam, decimal-leading-zero); position: absolute; top: 22px; right: 22px; font-family: var(--f-mono); font-size: .72rem; color: var(--cinza); }
.is-caminho h3 { font-size: 1.1rem; font-weight: 740; font-stretch: 110%; letter-spacing: -.015em; line-height: 1.2; }
.is-caminho p { font-size: .93rem; color: var(--cinza); }
.is-caminho li.alerta { background: rgba(255, 90, 31, .08); border-color: rgba(255, 90, 31, .3); }

/* ---------- Parede de documentos ---------- */
.is-papeis { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
.is-papel { --r: 0deg; position: relative; display: grid; gap: 10px; align-content: start; min-height: 196px; padding: 22px 20px 20px; border-radius: 6px 6px 6px 22px; background: #FBF8F2; color: var(--tinta); box-shadow: 0 1px 0 rgba(11, 10, 9, .05), 0 22px 40px -26px rgba(11, 10, 9, .45); transform: rotate(var(--r)); transition: transform .6s var(--ease), box-shadow .6s var(--ease); overflow: hidden; }
.is-papel::before { content: ""; position: absolute; left: 20px; right: 20px; top: 62px; height: 46px; background: repeating-linear-gradient(0deg, rgba(11, 10, 9, .08) 0 2px, transparent 2px 9px); }
.is-papel::after { content: ""; position: absolute; left: 0; right: 0; top: -40%; height: 40%; background: linear-gradient(180deg, transparent, rgba(255, 90, 31, .22) 70%, rgba(255, 90, 31, .9) 100%); opacity: 0; }
.is-papel:hover { transform: rotate(0deg) translateY(-6px); box-shadow: 0 1px 0 rgba(11, 10, 9, .05), 0 34px 60px -28px rgba(184, 57, 10, .5); }
@media (prefers-reduced-motion: no-preference) { .is-papel:hover::after { animation: is-varre 1.4s var(--ease) 1; } }
@keyframes is-varre { 0% { opacity: 0; top: -40%; } 15% { opacity: 1; } 100% { opacity: 0; top: 110%; } }
.is-papel .mono { position: relative; font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; color: var(--brasa-escura); }
.is-papel h3 { position: relative; font-size: 1.14rem; font-weight: 760; font-stretch: 110%; letter-spacing: -.015em; line-height: 1.15; }
.is-papel p { position: relative; margin-top: 46px; font-size: .88rem; line-height: 1.4; color: #4a443d; }
.is-papel:nth-child(3n+1) { --r: -1.2deg; } .is-papel:nth-child(3n+2) { --r: .8deg; } .is-papel:nth-child(4n) { --r: -.4deg; }

/* ---------- Funil de vendas ---------- */
.is-funil { display: grid; gap: clamp(24px, 4vw, 56px); }
@media (min-width: 1000px) { .is-funil { grid-template-columns: 1.05fr .95fr; align-items: center; } }
.is-funil__camadas { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; justify-items: center; }
.is-funil__camadas li { --w: 100%; width: var(--w); display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 64px; padding: 10px 24px; border-radius: 16px; background: linear-gradient(90deg, rgba(255, 181, 71, .14), rgba(255, 90, 31, .2) 60%, rgba(255, 61, 110, .16)); border: 1px solid rgba(255, 90, 31, .28); }
.is-funil__camadas li:nth-child(2) { --w: 91%; } .is-funil__camadas li:nth-child(3) { --w: 82%; } .is-funil__camadas li:nth-child(4) { --w: 73%; }
.is-funil__camadas b { font-weight: 720; font-stretch: 108%; letter-spacing: -.01em; }
.is-funil__camadas span { font-family: var(--f-mono); font-size: .68rem; letter-spacing: .06em; color: var(--cinza); text-align: right; }
.is-funil__saidas { display: grid; gap: 8px; width: 100%; margin-top: 6px; }
@media (min-width: 560px) { .is-funil__saidas { grid-template-columns: repeat(3, 1fr); } }
.is-funil__saida { display: grid; gap: 6px; padding: 16px; border-radius: 16px; background: var(--carvao-3); border: 1px solid var(--linha); }
.is-funil__saida .mono { font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; }
.is-funil__saida--quente .mono { color: var(--brasa); } .is-funil__saida--morno .mono { color: var(--ouro); } .is-funil__saida--frio .mono { color: #8FB7FF; }
.is-funil__saida p { font-size: .9rem; line-height: 1.4; color: rgba(244, 239, 230, .86); }
.is-perguntas { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.is-perguntas li { display: grid; grid-template-columns: 110px 1fr; gap: 16px; align-items: baseline; padding: 16px 0; border-bottom: 1px solid var(--linha); }
.is-perguntas .mono { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: var(--brasa); }
.is-perguntas q { font-family: var(--f-serifa); font-style: italic; font-size: 1.28rem; line-height: 1.25; quotes: "“" "”"; }

/* Cadência de follow-up */
.is-cadencia { position: relative; list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
@media (min-width: 1000px) { .is-cadencia { grid-template-columns: repeat(4, 1fr); } .is-cadencia::before { content: ""; position: absolute; left: 0; right: 0; top: 23px; height: 2px; background: linear-gradient(90deg, var(--brasa-escura), rgba(184, 57, 10, .1)); } }
.is-cadencia li { position: relative; display: grid; gap: 12px; align-content: start; }
.is-cadencia__t { position: relative; justify-self: start; display: inline-flex; align-items: center; height: 48px; padding: 0 18px; border-radius: 999px; background: var(--tinta); color: var(--osso); font-family: var(--f-mono); font-size: .76rem; letter-spacing: .06em; }
.is-cadencia li.fim .is-cadencia__t { background: #fff; color: var(--tinta); border: 1px solid rgba(11, 10, 9, .2); }
.is-cadencia__msg { padding: 14px 16px; border-radius: 4px 16px 16px 16px; background: #fff; border: 1px solid rgba(11, 10, 9, .08); box-shadow: 0 16px 34px -24px rgba(11, 10, 9, .35); font-size: .95rem; line-height: 1.45; color: var(--tinta); }
.is-cadencia__por { font-size: .88rem; color: var(--cinza-2); }

/* ---------- Ajustes gerais de ritmo ---------- */
.is-versus-sec + .is-niveis-sec { padding-top: 0; }
.is-sec-cab { max-width: 980px; }
.is-demo .wrap--largo .cabeca { max-width: 1320px; }
@media (max-width: 760px) {
  .is-perguntas li { grid-template-columns: 1fr; gap: 6px; }
  .is-escada .is-seletor__aba:nth-child(n) { width: 100%; }
}
.is-regua__marca--ini { transform: none; justify-items: start; }
.is-regua__marca--fimd { transform: translateX(-100%); justify-items: end; }
@media (max-width: 699px) {
  .is-papeis { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .is-papel { min-height: 0; padding: 16px 14px; }
  .is-papel::before { display: none; }
  .is-papel h3 { font-size: 1rem; }
  .is-papel p { margin-top: 2px; font-size: .82rem; }
}
@media (max-width: 559px) {
  .is-funil__camadas li { flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; padding: 12px 18px; }
  .is-funil__camadas li:nth-child(2) { --w: 96%; } .is-funil__camadas li:nth-child(3) { --w: 92%; } .is-funil__camadas li:nth-child(4) { --w: 88%; }
  .is-funil__camadas span { text-align: left; }
}

/* =====================================================================
   Rodada 2 (parecer independente): faixa de conversa pós-demo, nichos
   que deslizam no celular, regras + mecanismo, referência em linha,
   cronômetro de primeira resposta (vendas), e-mail que vira reserva (documentos).
   ===================================================================== */

/* Faixa de conversa logo após a demo */
.is-pos-demo { margin-top: clamp(22px, 3vw, 36px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 32px; padding: clamp(20px, 2.6vw, 30px) clamp(22px, 3vw, 38px); border-radius: var(--r-l); background: radial-gradient(120% 180% at 100% 50%, rgba(255, 90, 31, .30), transparent 62%), var(--carvao-3); border: 1px solid rgba(255, 90, 31, .32); color: var(--osso); }
.is-pos-demo__txt { font-size: clamp(1.15rem, 1.7vw, 1.45rem); font-weight: 760; font-stretch: 112%; letter-spacing: -.02em; line-height: 1.2; max-width: 50ch; }
.is-pos-demo__txt span { display: block; margin-top: 6px; font-size: .96rem; font-weight: 420; font-stretch: 100%; letter-spacing: 0; line-height: 1.45; color: var(--cinza); }
@media (max-width: 560px) { .is-pos-demo .btn { width: 100%; } }

/* Nichos: no celular deslizam na horizontal (um card por vez) */
.is-nichos__dica { display: none; }
@media (max-width: 759px) {
  .is-nichos__grade { grid-auto-flow: column; grid-auto-columns: 84%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding-bottom: 10px; scrollbar-width: none; }
  .is-nichos__grade::-webkit-scrollbar { display: none; }
  .is-nicho { scroll-snap-align: start; }
  .is-nichos__dica { display: block; margin-top: 10px; font-family: var(--f-mono); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--cinza); }
}

/* Regras: mecanismo de conferência */
.is-travas__mec { grid-column: 1 / -1; display: grid; grid-template-columns: 26px 1fr; gap: 14px; align-items: start; padding: 18px 22px; border-radius: var(--r-m); background: rgba(184, 57, 10, .06); border: 1px dashed rgba(184, 57, 10, .38); color: #4a443d; font-size: .98rem; line-height: 1.5; }
.is-travas__mec svg { width: 24px; height: 24px; fill: none; stroke: var(--brasa-escura); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.is-travas__mec strong { color: var(--tinta); }
@media (max-width: 700px) { .is-travas__bloco { padding: 24px 20px; } .is-travas__bloco h3 { margin-bottom: 16px; } .is-travas__lista { gap: 12px; } }

/* Referência de mercado em linha (no fim de uma seção escura) */
.is-ref--linha { margin-top: clamp(30px, 4vw, 52px); }
@media (min-width: 900px) {
  .is-ref--linha { grid-template-columns: 230px repeat(auto-fit, minmax(260px, 1fr)); }
  .is-ref--linha .is-ref__cab { display: flex; align-items: center; }
  .is-ref--linha .is-ref__pe { grid-column: 1 / -1; }
}

/* Cronômetro da primeira resposta (vendas) */
.is-cron { position: relative; display: grid; gap: 18px; margin-bottom: clamp(24px, 3vw, 40px); padding: clamp(20px, 2.6vw, 32px); border-radius: var(--r-xl); background: radial-gradient(70% 120% at 50% 0%, rgba(255, 90, 31, .18), transparent 60%), var(--carvao-2); border: 1px solid var(--linha-2); }
.is-cron__topo { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; }
.is-cron__rot { font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cinza); }
.is-cron__repetir { min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--linha-2); background: transparent; font-family: var(--f-mono); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--cinza); }
.is-cron__repetir:hover { color: var(--osso); border-color: rgba(244, 239, 230, .35); }
.is-cron__trilha { display: grid; gap: 14px; align-items: center; }
@media (min-width: 900px) { .is-cron__trilha { grid-template-columns: 1fr auto 1fr; gap: 28px; } }
.is-cron__anuncio { display: grid; gap: 10px; padding: 16px; border-radius: 18px; background: #fff; color: var(--tinta); box-shadow: 0 24px 50px -30px rgba(0, 0, 0, .8); }
.is-cron__anuncio-topo { display: flex; align-items: center; gap: 10px; font-size: .84rem; font-weight: 650; }
.is-cron__anuncio-topo i { width: 30px; height: 30px; border-radius: 50%; background: var(--fogo); }
.is-cron__anuncio-topo small { display: block; font-weight: 420; font-size: .72rem; color: var(--cinza-2); }
.is-cron__criativo { display: grid; place-items: center; aspect-ratio: 16 / 7; border-radius: 12px; background: radial-gradient(80% 90% at 70% 20%, #FFB547, #FF5A1F 55%, #B8390A); color: var(--carvao); font-weight: 820; font-stretch: 116%; letter-spacing: -.02em; font-size: clamp(1rem, 1.4vw, 1.2rem); text-align: center; padding: 10px; }
.is-cron__botao { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; border-radius: 10px; background: #E9F5EE; color: #0F5132; font-weight: 700; font-size: .9rem; }
.is-cron__relogio { display: grid; justify-items: center; gap: 6px; text-align: center; }
.is-cron__n { font-family: var(--f-mono); font-size: clamp(3.4rem, 7vw, 5.6rem); font-weight: 700; letter-spacing: -.04em; line-height: 1; font-variant-numeric: tabular-nums; }
.is-cron__n small { font-size: .38em; color: var(--cinza); margin-left: .1em; }
.is-cron__legenda { font-family: var(--f-mono); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--cinza); }
.is-cron__resp { display: grid; gap: 8px; align-content: center; }
.is-cron__bolha { justify-self: start; max-width: 92%; padding: 12px 15px; border-radius: 4px 16px 16px 16px; background: #202C27; color: #E6EFEA; font-size: .98rem; line-height: 1.45; }
.is-cron__meta { font-family: var(--f-mono); font-size: .7rem; letter-spacing: .06em; color: var(--vivo); }
.is-cron[data-fase="espera"] .is-cron__resp, .is-cron[data-fase="toque"] .is-cron__resp, .is-cron[data-fase="conta"] .is-cron__resp { opacity: 0; transform: translateY(10px); }
.is-cron__resp { transition: opacity .6s var(--ease), transform .6s var(--ease); }
.is-cron[data-fase="toque"] .is-cron__botao { box-shadow: 0 0 0 4px rgba(61, 220, 132, .45); }
.is-cron[data-fase="conta"] .is-cron__n { color: var(--brasa); }
.is-cron[data-fase="fim"] .is-cron__n { color: var(--vivo); }

/* E-mail do Airbnb que vira reserva (documentos) */
.is-email { display: grid; gap: 12px; padding: clamp(18px, 2.4vw, 28px); border-radius: var(--r-xl); background: var(--carvao); border: 1px solid var(--linha-2); box-shadow: 0 50px 110px -50px rgba(0, 0, 0, .9); }
.is-email__rot { font-family: var(--f-mono); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cinza); }
.is-email__passo { position: relative; display: grid; gap: 8px; padding: 16px 18px; border-radius: 16px; background: var(--carvao-3); border: 1px solid var(--linha); }
.is-email__passo + .is-email__passo::before { content: ""; position: absolute; left: 50%; top: -12px; width: 2px; height: 12px; margin-left: -1px; background: var(--brasa); }
.is-email__tag { font-family: var(--f-mono); font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; color: var(--brasa); }
.is-email__de { font-size: .86rem; color: var(--cinza); }
.is-email__assunto { font-weight: 700; font-stretch: 108%; }
.is-email__campos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; margin: 0; }
@media (min-width: 560px) { .is-email__campos { grid-template-columns: repeat(4, 1fr); } }
.is-email__campos div { padding: 8px 10px; border-radius: 10px; background: rgba(255, 90, 31, .08); border: 1px solid rgba(255, 90, 31, .25); }
.is-email__campos dt { font-family: var(--f-mono); font-size: .6rem; letter-spacing: .1em; text-transform: uppercase; color: var(--cinza); }
.is-email__campos dd { margin: 2px 0 0; font-weight: 650; font-size: .92rem; }
.is-email__cal { display: grid; grid-template-columns: 64px repeat(7, 1fr); gap: 3px; font-family: var(--f-mono); font-size: .62rem; color: var(--cinza); }
.is-email__cal span { display: grid; place-items: center; min-height: 26px; border-radius: 5px; background: rgba(244, 239, 230, .04); }
.is-email__cal span.casa { justify-items: start; padding-left: 4px; background: none; }
.is-email__cal span.res { background: #5C7390; color: var(--osso); }
.is-email__cal span.res-nova { background: var(--brasa); color: var(--carvao); font-weight: 700; }
.is-email__fila { font-size: .88rem; color: var(--cinza); }
.is-email__fila b { color: var(--ouro); font-weight: 650; }

/* Celular: ritmo mais curto nas páginas de solução (meta: página inteira em até ~12 telas) */
@media (max-width: 760px) {
  body[data-pagina^="ia-"] main > .sec { padding-block: 64px; }
  body[data-pagina^="ia-"] main > .sec--compacta { padding-block: 40px; }
  body[data-pagina^="ia-"] main > .sec.is-demo { padding-top: 48px; }
  body[data-pagina^="ia-"] .cabeca { margin-bottom: 30px; gap: 14px; }
  .is-outros .outros, .is-zap__regras { grid-auto-flow: column; grid-auto-columns: 78%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; padding-bottom: 6px; }
  .is-outros .outros::-webkit-scrollbar, .is-zap__regras::-webkit-scrollbar { display: none; }
  .is-outros .outros > *, .is-zap__regras > * { scroll-snap-align: start; }
  .is-zap__regras { margin-top: 28px; }
  .is-trava-real { padding: 20px 18px; }
  .is-trava-real__passos li { padding: 12px 0; }
  .is-janela { padding: 18px; }
  .is-regua { padding: 34px 0 30px; }
  .is-ref__item { padding: 16px; }
  .is-ref--linha { margin-top: 28px; }
  .is-lead-opcional { display: none; }
  body[data-pagina^="ia-"] .cta-final .btn--vidro { display: none; }
  body[data-pagina^="ia-"] .faq summary { padding: 18px 0; }
  .is-travas__lista li { font-size: .95rem; }
  .is-travas__lista { gap: 10px; }
  .is-demo .cabeca .lead { font-size: 1rem; }
}

/* Rodada 2: ajustes de componentes no celular */
.is-prova__fatos--2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 760px) {
  .is-cadencia { grid-auto-flow: column; grid-auto-columns: 80%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 6px; }
  .is-cadencia::-webkit-scrollbar { display: none; }
  .is-cadencia li { scroll-snap-align: start; }
  .is-perguntas li { padding: 10px 0; }
  .is-perguntas q { font-size: 1.12rem; }
  .is-funil__saidas { grid-template-columns: repeat(3, 1fr); }
  .is-funil__saida { padding: 12px 10px; }
  .is-funil__saida p { font-size: .8rem; }
  .is-lat__legenda { gap: 10px; }
  .is-lat__legenda li { font-size: .84rem; }
  .is-caminho { grid-auto-flow: column; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 6px; }
  .is-caminho::-webkit-scrollbar { display: none; }
  .is-caminho li { scroll-snap-align: start; }
  .is-versus__lado { gap: 12px; padding: 22px 20px; }
  .is-cron__anuncio { display: none; }
  .is-email__cal { grid-template-columns: 52px repeat(7, 1fr); }
}

.is-prova .is-nicho__lista { margin: 22px 0 26px; }
.is-prova .is-nicho__lista li { color: rgba(244, 239, 230, .82); }