/* Página de Agentes de IA e Jornadas de produto. Herda o mundo da home v5 (site-v5.css).
   Também é a base das outras páginas de produto (automacao.html carrega este arquivo antes do seu). */

.nav-links a[aria-current="page"]::after{transform:scaleX(1);}

/* cabeçalho de Agentes (.nav-tp, só agentes.html): o logo vira o selo Tech Provider (A-7).
   Variance | fio | recorte do selo oficial da Meta. Co-branding da Meta: anfitrião à esquerda do fio,
   fio de 1,5x a altura do símbolo, respiro do fio = largura do símbolo, escala equivalente, símbolo
   nunca abaixo de 12px. No recorte, o símbolo tem 60/108 da altura e 88/108 dela de largura. */
.nav-tp{--tp-v:34px;--tp-b:26px;}
.nav-tp .nav-brand{display:flex;align-items:center;}
.nav-tp .nav-logo{flex:none;}
.nav-tp .nav-logo img{height:var(--tp-v);}
.nav-tp .tp-rule{flex:none;width:1px;height:calc(var(--tp-b) * 0.833);margin:0 calc(var(--tp-b) * 0.815);background:var(--t3);}
.nav-tp .tp-meta{flex:none;height:var(--tp-b);width:auto;}
@media (min-width: 1100px) and (max-width: 1199px){.nav-tp{--tp-v:26px;--tp-b:22px;}}
/* abaixo de 1100px o selo não cabe ao lado dos links: o menu vira o botão, como no celular */
@media (max-width: 1099px){.nav-tp .nav-in{grid-template-columns:1fr auto;}.nav-tp .nav-links,.nav-tp .nav-cta{display:none;}.nav-tp .nav-menu{display:block;}}
@media (max-width: 560px){.nav-tp{--tp-v:30px;--tp-b:24px;}}

/* ---------- peças de conversa (usadas em toda a página) ---------- */
.conv,.screen{color:var(--ink);}
.conv{display:flex;flex-direction:column;gap:8px;}
.msg{position:relative;max-width:84%;margin:0;font-size:13.5px;line-height:1.42;color:var(--ink);padding:8px 11px 6px;border-radius:15px;box-shadow:0 1px 1px rgba(67,38,130,0.07);}
.msg time{display:block;text-align:right;margin-top:2px;font-family:var(--font-mono);font-size:11px;color:var(--t3);font-variant-numeric:tabular-nums;}
.msg.c{align-self:flex-end;background:var(--violet-100);border-bottom-right-radius:5px;}
.msg.a{align-self:flex-start;background:#fff;border-bottom-left-radius:5px;}
.msg.bot{color:var(--t2);}
.msg.sys{align-self:center;max-width:none;display:inline-flex;align-items:center;gap:6px;background:transparent;box-shadow:none;border:1px dashed var(--violet-grey-300);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--t2);}
.msg.sys svg{width:13px;height:13px;color:var(--violet);}
.card-msg{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;max-width:92%;}
.card-msg time{grid-column:1 / -1;}
.card-msg b{display:block;font-weight:600;font-size:13.5px;line-height:1.25;}
.card-msg small{display:block;font-size:12px;color:var(--t2);line-height:1.35;}
.card-msg strong{display:block;margin-top:3px;font-family:var(--font-display);font-weight:600;font-size:15px;}
.cm-ic{width:34px;height:34px;border-radius:10px;background:var(--violet-50);color:var(--violet);display:grid;place-items:center;}
.cm-ic svg{width:17px;height:17px;}
.cm-thumb{width:58px;height:58px;border-radius:11px;background:var(--paper-2);color:var(--violet-grey-600);display:grid;place-items:center;}
.cm-thumb svg{width:30px;height:30px;}
.cm-thumb.alt{background:var(--violet-50);color:var(--violet);}
.audio{display:grid;grid-template-columns:auto 1fr auto;column-gap:8px;align-items:center;min-width:220px;}
.au-play{width:28px;height:28px;border-radius:999px;background:var(--violet);color:#fff;display:grid;place-items:center;}
.au-play svg{width:12px;height:12px;margin-left:2px;}
.au-wave{height:20px;background:repeating-linear-gradient(90deg, var(--violet-400) 0 2px, transparent 2px 5px);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M0 9h4V7h4v6h4V3h4v14h4V5h4v10h4V1h4v18h4V6h4v8h4V2h4v16h4V7h4v6h4V4h4v12h4V8h4v4h4V5h4v10h4V9h4v2H0z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M0 9h4V7h4v6h4V3h4v14h4V5h4v10h4V1h4v18h4V6h4v8h4V2h4v16h4V7h4v6h4V4h4v12h4V8h4v4h4V5h4v10h4V9h4v2H0z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;}
.audio small{font-family:var(--font-mono);font-size:11px;color:var(--t2);}
.audio em{grid-column:1 / -1;font-style:normal;font-size:12.5px;color:var(--t2);border-top:1px solid rgba(67,38,130,0.14);margin-top:7px;padding-top:6px;}
.audio time{grid-column:1 / -1;}
.photo{display:grid;gap:4px;}
.ph-img{width:168px;height:104px;border-radius:10px;background:var(--violet-grey-100);color:var(--violet-grey-600);display:grid;place-items:center;}
.ph-img svg{width:26px;height:26px;}
.photo small{font-size:11.5px;color:var(--t2);}

/* celular desenhado em código */
.phone{width:clamp(268px, 22vw, 304px);aspect-ratio:9 / 19;border-radius:48px;background:var(--ink);padding:11px;box-shadow:0 2px 6px rgba(67,38,130,0.10), 0 44px 80px -32px rgba(67,38,130,0.48), inset 0 0 0 1.5px rgba(255,255,255,0.10);}
.screen{position:relative;height:100%;border-radius:38px;overflow:hidden;background:var(--paper);display:flex;flex-direction:column;}
.screen::before{content:"";position:absolute;top:9px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:999px;background:var(--ink);z-index:2;}
.status{height:42px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:4px 24px 0 26px;background:#fff;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink);}
.status i{width:22px;height:10px;border-radius:3px;border:1.5px solid var(--ink);position:relative;}
.status i::after{content:"";position:absolute;inset:1.5px 5px 1.5px 1.5px;border-radius:1px;background:var(--ink);}
.chat-head{flex:none;display:flex;align-items:center;gap:9px;padding:6px 14px 10px 8px;background:#fff;border-bottom:1px solid var(--line-2);}
.chat-head > svg{width:20px;height:20px;color:var(--violet);}
.avatar{width:32px;height:32px;border-radius:999px;background:var(--violet);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:15px;flex:none;}
.avatar svg{width:17px;height:17px;}
.ww-h .avatar svg{width:13px;height:13px;}
.chat-head b{display:block;font-size:14px;font-weight:600;line-height:1.2;}
.chat-head small{display:block;font-size:11.5px;color:var(--t2);line-height:1.2;}
.screen .conv,.jr-screen{flex:1;padding:14px 12px;overflow:hidden;}
/* como no WhatsApp: a conversa ancora embaixo e as mensagens antigas sobem */
.jr-screen{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;}
.conv > *,.jr-screen > *{flex-shrink:0;}

/* botões de resposta, carrossel e formulário dentro da conversa */
.qr{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.qr span{font-size:12.5px;font-weight:600;color:var(--violet);border:1px solid var(--violet-200);border-radius:999px;padding:4px 11px;background:#fff;}
.qr span.on{background:var(--violet);border-color:var(--violet);color:#fff;}
.carousel{display:flex;gap:8px;overflow-x:auto;margin:0 -12px;padding:2px 12px 4px;scrollbar-width:none;}
.carousel::-webkit-scrollbar{display:none;}
.cr-card{flex:0 0 128px;background:#fff;border-radius:14px;padding:8px;display:grid;gap:3px;box-shadow:0 1px 1px rgba(67,38,130,0.07);}
.cr-img{height:84px;border-radius:10px;background:var(--violet-50);color:var(--violet);display:grid;place-items:center;margin-bottom:4px;}
.cr-img svg{width:34px;height:34px;}
.cr-img.alt{background:var(--paper-2);color:var(--ink);}
.cr-img.alt2{background:var(--pink-100);color:var(--pink-700);}
.cr-card b{font-size:12.5px;font-weight:600;line-height:1.25;}
.cr-card small{font-family:var(--font-display);font-weight:600;font-size:13px;}
.cr-btn{margin-top:4px;text-align:center;font-size:12px;font-weight:600;color:var(--violet);border-top:1px solid var(--line-2);padding-top:6px;}
.cr-btn.on{color:var(--pink-700);}
.flow-msg{min-width:220px;}
.fw-h{display:flex;align-items:center;gap:7px;font-weight:600;font-size:13.5px;padding-bottom:7px;margin-bottom:4px;border-bottom:1px solid var(--line-2);}
.fw-h svg{width:15px;height:15px;color:var(--violet);}
.flow-msg dl{margin:0;display:grid;gap:5px;}
.flow-msg dl div{display:grid;gap:0;}
.flow-msg dt{font-size:11.5px;color:var(--t2);}
.flow-msg dd{margin:0;font-size:13px;font-weight:500;background:var(--paper);border-radius:8px;padding:4px 8px;}
.fw-done{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:600;color:var(--violet);}
.fw-done svg{width:13px;height:13px;}
.jr-ex{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;font-weight:500;color:var(--on-dark-2);border:1px solid var(--on-dark-line);border-radius:999px;padding:5px 12px 5px 10px;}
.jr-ex svg{width:15px;height:15px;color:var(--pink-300);}
.sec-dark .jr-txt p.jr-ex{color:var(--on-dark-2);}
.jr-demo .chat-head{border-radius:22px 22px 0 0;padding:12px 14px 10px 10px;}
.jr-demo .chat-head + .conv{border-radius:0 0 22px 22px;}

/* registro do sistema */
.syslog,.botcase-sys{background:#fff;border-radius:16px;padding:14px 16px 12px;box-shadow:var(--sheet-shadow);}
.sl-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;font-size:12.5px;font-weight:600;color:var(--ink);}
.sl-h time{font-family:var(--font-mono);font-size:11px;font-weight:400;color:var(--t3);}
.syslog ul{list-style:none;margin:0;padding:0;}
.syslog li{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:7px 0;border-top:1px solid var(--line-2);font-size:13px;line-height:1.35;color:var(--t2);}
.syslog li svg{width:14px;height:14px;color:var(--violet);}
.tag{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--violet);background:var(--violet-50);border-radius:6px;padding:2px 6px;white-space:nowrap;}
.sl-done{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:9px;border-top:1px solid var(--line);font-weight:600;font-size:13.5px;color:var(--ink);}
.sl-done i{width:8px;height:8px;border-radius:999px;background:var(--pink);}
.ill-note{font-size:12.5px;color:var(--t3);}

/* ---------- 0 · hero ---------- */
.phero{background:#fff;padding:clamp(40px, 6vw, 72px) 0 clamp(64px, 7vw, 96px);overflow:hidden;}
.phero-in{display:grid;gap:56px;align-items:center;}
@media (min-width: 1000px){.phero-in{grid-template-columns:1.08fr 0.92fr;gap:48px;}}
.phero h1{font-size:clamp(40px, 4.6vw, 66px);line-height:0.98;letter-spacing:-0.032em;max-width:17ch;}
.phero h1 .hl{color:var(--pink);}
.phero .lead{max-width:50ch;margin-top:26px;}
.phero .ctas{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:38px;}
.phero-stage{position:relative;display:grid;justify-items:end;padding:0 clamp(0px, 3vw, 40px) 0 0;}
.syslog-hero{position:absolute;left:-40px;bottom:-16px;width:262px;z-index:2;}
.phero-stage .ill-note{position:absolute;right:0;bottom:-30px;}
@media (max-width: 999px){
  .phero-stage{padding:0;justify-items:center;}
  .syslog-hero{position:relative;left:auto;bottom:auto;width:min(280px, 88%);justify-self:start;margin-top:-48px;}
  .phero-stage .ill-note{position:static;justify-self:end;margin-top:12px;}
}
@media (max-width: 560px){.phero .ctas{flex-direction:column;align-items:stretch;}.phero .btn{width:100%;justify-content:space-between;font-size:15px;text-wrap:balance;}.phero .alt-link{align-self:center;}}

/* ---------- 1 · o pedaço do vão ---------- */
.gap2{display:grid;gap:56px;align-items:center;}
@media (min-width: 1000px){.gap2{grid-template-columns:1fr 0.86fr;gap:88px;}}
.gap2-copy .h2{max-width:14ch;margin-bottom:28px;}
.gap2-copy p{color:var(--t2);max-width:56ch;}
.gap2-copy p + p{margin-top:18px;}
.gap2-copy .gap2-close{font-size:clamp(19px, 1.6vw, 22px);line-height:1.45;font-weight:500;color:var(--ink);}
.botcase{background:#fff;border-radius:24px;padding:18px;box-shadow:var(--sheet-shadow);}
.botcase-chat{display:flex;flex-direction:column;gap:8px;background:var(--paper);border-radius:16px;padding:16px 14px;}
.botcase-sys{box-shadow:none;border-radius:0;padding:14px 4px 0;margin-top:4px;}
.sl-none{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--t2);padding:4px 0 8px;}
.sl-none::before{content:"";width:8px;height:8px;border-radius:999px;border:1.5px solid var(--t3);}
.sl-lost{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--t2);border-top:1px solid var(--line-2);padding-top:9px;}
.sl-lost .tag{color:var(--t2);background:var(--paper-2);}
.botcase .ill-note{display:block;margin-top:12px;}

/* ---------- 2 · a jornada ---------- */
.jr{margin-top:clamp(40px, 5vw, 64px);position:relative;}
.jr-steps{list-style:none;margin:0;padding:0;}
.jr-step{display:grid;gap:22px;padding:36px 0;border-top:1px solid var(--on-dark-line);scroll-margin-top:110px;}
.jr-step:first-child{border-top:0;padding-top:0;}
.jr-head{display:flex;align-items:center;gap:14px;margin-bottom:12px;}
.jr-head .h3{color:#fff;}
.jr-txt p{color:var(--on-dark-2);max-width:46ch;}
.jr-demo{display:grid;gap:12px;max-width:440px;}
.jr-step > *,.jr-demo > *,.conv > *{min-width:0;}
.jr-demo .conv{background:var(--paper);border-radius:22px;padding:16px 14px;}
.jr-stage,.jr-ill{display:none;}
@media (min-width: 1000px){
  .jr-step{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:start;column-gap:56px;}
  .jr-demo{max-width:none;}
}

/* modo de rolagem: o celular fica e as etapas sobem (só desktop, só com JS) */
@media (min-width: 1100px){
  .jr.is-sticky{display:grid;grid-template-columns:minmax(0, 1fr) 560px;column-gap:56px;}
  /* a margem (não o padding) estende a faixa em que o celular fica preso até a etapa 5 */
  .jr.is-sticky .jr-steps{margin-bottom:clamp(80px, 12vh, 140px);}
  .jr.is-sticky .jr-step{display:flex;align-items:center;min-height:min(74vh, 640px);padding:0;border-top:0;}
  .jr.is-sticky .jr-demo{display:none;}
  .jr.is-sticky .jr-head .h3,.jr.is-sticky .jr-txt p{transition:color .3s var(--ease-out);}
  .jr.is-sticky .jr-step:not(.is-active) .jr-head .h3{color:rgba(255,255,255,0.5);}
  .jr.is-sticky .jr-step:not(.is-active) .jr-txt p{color:rgba(255,255,255,0.5);}
  .jr.is-sticky .jr-step:not(.is-active) .jr-ex{border-color:rgba(255,255,255,0.08);}
  .jr.is-sticky .jr-step .jr-txt p.jr-ex{font-size:13.5px;line-height:1.3;}
  .jr.is-sticky .jr-step:not(.is-active) .node{background:transparent;color:rgba(255,255,255,0.6);border-color:rgba(255,255,255,0.3);}
  .jr.is-sticky .jr-head .h3{font-size:clamp(28px, 2.6vw, 38px);}
  .jr.is-sticky .jr-txt p{font-size:clamp(18px, 1.4vw, 20px);line-height:1.5;}
  .jr.is-sticky .jr-stage{display:grid;justify-items:end;position:sticky;top:max(84px, calc(50vh - 360px));align-self:start;height:fit-content;}
  .jr-stage .phone{width:clamp(282px, 21vw, 300px);box-shadow:0 44px 90px -30px rgba(6,8,22,0.7), inset 0 0 0 1.5px rgba(255,255,255,0.16);}
  .jr-log{position:absolute;left:-20px;bottom:150px;width:262px;z-index:2;}
  .jr-log .syslog{box-shadow:0 2px 6px rgba(6,8,22,0.2), 0 24px 48px -18px rgba(6,8,22,0.65);}
  .jr-rail{margin:20px 0 0;display:flex;justify-content:center;gap:4px;width:clamp(282px, 21vw, 300px);}
  .jr-rail button{all:unset;cursor:pointer;font-size:12.5px;font-weight:500;color:rgba(255,255,255,0.62);padding:5px 10px;border-radius:999px;border:1px solid transparent;transition:color .3s var(--ease-out), border-color .3s var(--ease-out);}
  .jr-rail button:hover{color:#fff;}
  .jr-rail button:focus-visible{outline:2px solid var(--pink);outline-offset:2px;}
  .jr-rail button.is-on{color:#fff;border-color:var(--pink);}
  .jr-ill{width:clamp(282px, 21vw, 300px);text-align:center;margin-top:10px;font-size:12.5px;color:var(--on-dark-2);}
  .jr.is-sticky .jr-ill{display:block;}
  .jr.is-sticky + .why-note{display:none;}
}
@keyframes jr-in{from{transform:translateY(14px);}to{transform:none;}}
@media (prefers-reduced-motion: no-preference){.jr-screen.swap .msg,.jr-log.swap .syslog{animation:jr-in .42s var(--ease-out) both;}.jr-screen.swap .msg:nth-child(2){animation-delay:.04s;}.jr-screen.swap .msg:nth-child(3){animation-delay:.08s;}.jr-screen.swap .msg:nth-child(4){animation-delay:.12s;}.jr-screen.swap .msg:nth-child(5){animation-delay:.16s;}}
.why-note.on-dark{color:var(--on-dark-2);}
/* as telas e os registros mantêm a tinta clara mesmo dentro da seção escura */
.sec-dark .msg,.sec-dark .chat-head,.sec-dark .sl-h,.sec-dark .card-msg{color:var(--ink);}
.sec-dark .msg.sys{color:var(--t2);}
.sec-dark .fw-h{color:var(--ink);}
.sec-dark .fw-done{color:var(--violet);}

/* ---------- 3 · canais ---------- */
.ch{margin-top:clamp(40px, 5vw, 60px);display:grid;gap:36px;justify-items:center;}
.ch-item{width:100%;max-width:310px;}
.ch-item.ch-wide{max-width:560px;}
@media (min-width: 1100px){.ch{grid-template-columns:310px minmax(0, 1fr) 310px;gap:44px;}.ch-item.ch-wide{max-width:none;}}
.ch-item figcaption{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:600;font-size:17px;margin-bottom:14px;}
.ch-item figcaption svg{width:20px;height:20px;color:var(--violet);}
.ch-screen{height:340px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;}
.ch-wa{background:var(--paper-2);border:10px solid var(--ink);border-bottom:0;border-radius:36px 36px 0 0;padding:0 14px 20px;}
.ch-wa .chat-head{margin:0 -14px auto;border-radius:26px 26px 0 0;padding:14px 14px 10px 10px;}
.ch-web{background:#fff;border-radius:16px 16px 0 0;box-shadow:var(--sheet-shadow);justify-content:flex-start;gap:0;}
.web-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line-2);}
.web-bar i{width:9px;height:9px;border-radius:999px;background:var(--paper-2);}
.web-bar span{margin-left:10px;font-family:var(--font-mono);font-size:11px;color:var(--t3);background:var(--paper);border-radius:999px;padding:3px 12px;}
.web-widget{margin:auto 14px 16px auto;width:86%;display:flex;flex-direction:column;gap:8px;background:var(--paper);border-radius:16px;padding:12px;box-shadow:0 12px 30px -14px rgba(67,38,130,0.35);}
.ww-h{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;margin-bottom:2px;}
.ww-h .avatar{width:24px;height:24px;font-size:12px;}
.ch-voice{background:var(--ink-surf);color:#fff;border:10px solid var(--ink);border-bottom:0;border-radius:36px 36px 0 0;padding:26px 20px 22px;justify-content:flex-start;gap:12px;}
.vc-h b{display:block;font-family:var(--font-display);font-weight:600;font-size:19px;color:#fff;}
.vc-h small{font-family:var(--font-mono);font-size:11px;color:var(--on-dark-2);}
.vc-wave{display:flex;align-items:center;gap:4px;height:40px;}
.vc-wave i{flex:1;max-width:6px;border-radius:999px;background:var(--violet-300);height:30%;}
.vc-wave i:nth-child(3n){height:70%;}.vc-wave i:nth-child(4n+1){height:45%;}.vc-wave i:nth-child(5n+2){height:95%;}.vc-wave i:nth-child(7n){height:55%;}
.vc-line{font-size:13.5px;line-height:1.45;color:#fff;}
.vc-line b{display:block;font-size:11.5px;font-weight:500;color:var(--violet-300);margin-bottom:1px;}
.ch-thread{position:relative;display:flex;justify-content:center;margin-top:0;border-top:1.5px dashed var(--violet-grey-300);}
.ch-thread span{transform:translateY(-50%);background:var(--paper);padding:0 14px;font-size:13.5px;font-weight:500;color:var(--violet);}
#canais .why-note{margin-top:8px;}

/* ---------- 4 · teses (abas da home) ---------- */
.flow{list-style:none;margin:0;padding:0;display:grid;}
.flow li{position:relative;display:grid;grid-template-columns:118px 1fr;gap:14px;padding:12px 0 12px 22px;}
.flow li::before{content:"";position:absolute;left:4px;top:19px;width:9px;height:9px;border-radius:999px;background:#fff;border:1.5px solid var(--violet);}
.flow li::after{content:"";position:absolute;left:8.5px;top:30px;bottom:-12px;width:1px;background:var(--violet-grey-300);}
.flow li:last-child::after{display:none;}
.flow li.is-done::before{background:var(--pink);border-color:var(--pink);}
.fl-k{font-size:12.5px;font-weight:500;color:var(--t3);padding-top:2px;}
.flow p{font-size:14.5px;color:var(--ink);}
@media (max-width: 560px){.flow li{grid-template-columns:1fr;gap:2px;}}
.perm3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px;}
.perm3 .ph{margin:0 0 10px;font-size:12.5px;font-weight:500;color:var(--t3);}
.perm3 ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.perm3 li{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--t2);}
.perm3 li svg{width:15px;height:15px;flex:none;margin-top:3px;color:var(--violet);}
.perm3 .mid li svg{color:var(--violet-grey);}
.perm3 .no li{color:var(--t3);text-decoration:line-through;text-decoration-color:rgba(19,19,26,0.3);}
.perm3 .no li svg{color:var(--t3);}
@media (max-width: 560px){.perm3{grid-template-columns:1fr;}}
.pill-k{font-size:12px;font-weight:600;color:var(--pink-700);background:var(--pink-50, #FFF3F5);border-radius:999px;padding:3px 10px;}
.handoff{margin:0;}
.handoff div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line-2);}
.handoff dt{font-size:12.5px;font-weight:500;color:var(--t3);padding-top:1px;}
.handoff dd{margin:0;font-size:14px;color:var(--ink);}
.ok.fail{background:var(--pink-100);color:var(--pink-700);}
#teses .h2{max-width:18ch;}

/* ---------- 5 · o que conta como resolvido ---------- */
.res{display:grid;gap:56px;align-items:center;}
@media (min-width: 1000px){.res{grid-template-columns:0.9fr 1.1fr;gap:80px;}}
.res-copy .h2{margin-bottom:28px;}
.res-copy p{color:var(--t2);max-width:56ch;}
.res-copy p + p{margin-top:18px;}
.flows{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
.flows-h{font-size:12.5px;font-weight:500;color:var(--t3);margin-bottom:10px;}
.flows-bar{display:flex;gap:3px;height:12px;border-radius:999px;overflow:hidden;}
.flows-bar span{display:block;}
.f-ok{background:var(--violet);}
.f-hand{background:var(--violet-300);}
.f-drop{background:var(--paper-2);}
.flows-key{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;}
.flows-key li{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;font-size:13.5px;color:var(--t2);}
.flows-key i{width:10px;height:10px;border-radius:3px;}
.flows-key b{font-family:var(--font-mono);font-weight:500;font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums;}
.res-note{margin-top:16px;font-size:12.5px;color:var(--t3);}

/* ---------- 6 · ficha técnica e 7 · perguntas ---------- */
.spec,.faq{display:grid;gap:36px;}
@media (min-width: 1000px){.spec,.faq{grid-template-columns:0.72fr 1.28fr;gap:72px;align-items:start;}.spec > .h2,.faq > .h2{position:sticky;top:110px;}}
.spec-list{margin:0;}
.spec-list div{display:grid;gap:4px 32px;padding:18px 0;border-top:1px solid var(--line);}
.spec-list div:last-child{border-bottom:1px solid var(--line);}
@media (min-width: 640px){.spec-list div{grid-template-columns:190px 1fr;}}
.spec-list dt{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-0.005em;}
.spec-list dd{margin:0;color:var(--t2);}
.faq-list details{border-top:1px solid var(--line);}
.faq-list details:last-child{border-bottom:1px solid var(--line);}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-family:var(--font-display);font-weight:600;font-size:clamp(18px, 1.5vw, 21px);letter-spacing:-0.01em;}
.faq-list summary::-webkit-details-marker{display:none;}
.faq-list summary svg{width:20px;height:20px;flex:none;color:var(--violet);transition:transform .25s var(--ease-out);}
.faq-list details[open] summary svg{transform:rotate(45deg);}
.faq-list summary:hover{color:var(--violet);}
.faq-list details p{color:var(--t2);max-width:64ch;padding:0 0 22px;}

/* ---------- 8 · fecho ---------- */
.close .h2{max-width:14ch;}
.doors{margin-top:44px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.doors a{font-size:14.5px;font-weight:500;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:9px 18px;background:#fff;transition:border-color .2s;}
.doors a:hover{border-color:var(--pink);}