/* CRM com WhatsApp e IA: quadro de funil, caixa de conversas, conversa da IA, linha do tempo da retomada, origem da venda. */
.crm{background:var(--o-ink)}

.k-hero{position:relative;overflow:hidden;padding:clamp(44px,6vw,88px) 0 clamp(64px,8vw,104px);background:radial-gradient(ellipse 50% 60% at 82% 40%,rgba(204,41,41,.16),transparent 70%),var(--o-ink)}
.k-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.k-hero h1{font-size:clamp(40px,5.4vw,76px);line-height:.98;letter-spacing:-.05em;margin-bottom:24px}
.k-hero .o-lede{margin-top:0}

.k-wa{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#25d366;color:#fff;flex:none}
.k-wa svg{width:19px;height:19px}
.k-wa-s{width:30px;height:30px;margin-bottom:4px}
.k-board{padding:20px;border-radius:var(--o-r-l);background:linear-gradient(180deg,#18181c,#111114);border:1px solid rgba(255,255,255,.1);box-shadow:0 50px 90px -45px rgba(0,0,0,.95)}
.k-board-top{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--o-line-d)}
.k-board-top b{font-family:var(--font-head);font-size:16px}
.k-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--o-ok-hi)}
.k-live i{width:7px;height:7px;border-radius:50%;background:var(--o-ok-hi);animation:k-pulse 1.8s ease-in-out infinite}
@keyframes k-pulse{50%{opacity:.35}}
.k-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.k-col{min-width:0;padding:10px 8px;border-radius:12px;background:rgba(255,255,255,.035);min-height:250px}
.k-col-h{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;font-size:12.5px;color:#d4d4d8}
.k-col-h b{font-family:var(--font-head);font-weight:600;line-height:1.2}
.k-col-h em{font-style:normal;min-width:22px;height:22px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.1);font-size:12px}
.k-col:last-child .k-col-h em{background:rgba(74,222,128,.18);color:var(--o-ok-hi)}
.k-col ul{list-style:none;display:grid;gap:8px}
.k-card{position:relative;display:grid;gap:3px;padding:9px 10px 9px 10px;border-radius:10px;background:#202026;border:1px solid rgba(255,255,255,.07);font-size:12.5px;line-height:1.3}
.k-card b{font-family:var(--font-head);font-weight:600;font-size:12.5px;padding-right:24px}
.k-src{color:var(--o-faint-l);font-size:11.5px}
.k-who{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--o-red);color:#fff;font-family:var(--font-head);font-weight:700;font-size:11.5px;flex:none}
.k-card .k-who{position:absolute;top:8px;right:8px}
.k-card.k-moved{animation:k-pop .6s var(--o-ease)}
.k-col:last-child .k-card{border-color:rgba(74,222,128,.35)}
@keyframes k-pop{0%{transform:translateY(-8px);opacity:.2;box-shadow:0 0 0 2px var(--o-red)}100%{transform:none;opacity:1}}
.k-board-note{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:12.5px;color:var(--o-faint-l)}

.k-proof{padding:22px 0}
.k-proof-in{display:grid;gap:12px}
.k-proof .o-proof{margin:0;color:var(--o-text-d)}

.k-team{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.k-pts{list-style:none;display:grid;gap:10px;margin-top:26px}
.k-pts li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:14px 16px;border-radius:var(--o-r);background:var(--o-white);border:1px solid var(--o-line-l)}
.k-pts li > svg{width:44px;height:44px;padding:11px;border-radius:12px;background:var(--o-ink);color:#fff}
.k-pts b{display:block;font-family:var(--font-head);font-size:17px}
.k-pts span{display:block;margin-top:2px;font-size:15px;line-height:1.5;color:var(--o-muted-d)}
.k-pts-dark li{background:#141418;border-color:var(--o-line-d)}
.k-pts-dark li > svg{background:var(--o-red)}
.k-pts-dark span{color:var(--o-muted-l)}

.k-inbox{padding:18px;border-radius:var(--o-r-l);background:var(--o-white);border:1px solid var(--o-line-l);box-shadow:0 40px 70px -40px rgba(20,20,22,.35)}
.k-inbox-h{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--o-line-l)}
.k-inbox-h b{font-family:var(--font-head);font-size:16px}
.k-inbox-h small{display:block;font-size:13px;color:var(--o-muted-d)}
.k-inbox ul{list-style:none}
.k-inbox li{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--o-line-l)}
.k-inbox li:last-child{border-bottom:0}
.k-inbox li b{display:block;font-family:var(--font-head);font-size:15px}
.k-inbox li small{display:block;font-size:13px;color:var(--o-muted-d)}
.k-inbox li em{font-style:normal;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--o-paper-2);color:var(--o-text-d);white-space:nowrap}
.k-inbox li:last-child em{background:rgba(21,128,61,.12);color:#14532d}
.k-inbox time{font-size:12.5px;color:var(--o-muted-d);white-space:nowrap}
.k-inbox .k-board-note{color:var(--o-muted-d)}
.k-inbox .o-tag-sim{background:rgba(20,20,22,.06)}

.k-ai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center}
.k-phone{max-width:440px;width:100%;justify-self:center;padding:18px;border-radius:var(--o-r-l);background:#0b141a;border:1px solid var(--o-line-d)}
.k-phone-h{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06);color:#fff}
.k-phone-h small{margin-left:auto;font-size:12.5px;color:var(--o-faint-l)}
.k-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--o-red);font-weight:700;font-size:14px}
.k-thread{list-style:none;display:grid;gap:8px;min-height:300px;align-content:start}
.k-msg{max-width:88%;padding:10px 13px;border-radius:12px;font-size:14.5px;line-height:1.45;color:#e9edef}
.k-msg.out{margin-left:auto;background:#005c4b;border-top-right-radius:3px}
.k-msg.in{margin-right:auto;background:#202c33;border-top-left-radius:3px}
.js .k-phone:not(.is-in) .k-msg,.js .k-phone:not(.is-in) .k-handoff{opacity:0;transform:translateY(8px)}
.k-phone.is-in .k-msg{animation:o-in .45s var(--o-ease) both}
.k-phone.is-in .k-msg:nth-child(2){animation-delay:.9s}
.k-phone.is-in .k-msg:nth-child(3){animation-delay:1.8s}
.k-phone.is-in .k-msg:nth-child(4){animation-delay:2.7s}
.k-phone.is-in .k-msg:nth-child(5){animation-delay:3.6s}
.k-phone.is-in .k-msg:nth-child(6){animation-delay:4.5s}
.k-phone.is-in .k-handoff{animation:o-in .45s var(--o-ease) 5.4s both}
.k-handoff{display:grid;gap:4px;margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);font-size:13.5px;color:#d4d4d8}
.k-handoff b{display:flex;align-items:center;gap:8px;font-family:var(--font-head);color:var(--o-ok-hi)}
.k-handoff svg{width:16px;height:16px}

.k-follow-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.k-toggle{margin-top:24px}
.k-toggle .o-toggle{flex-wrap:wrap;background:var(--o-white);border:1px solid var(--o-line-l)}
.k-follow{padding:22px;border-radius:var(--o-r-l);background:var(--o-white);border:1px solid var(--o-line-l)}
.k-hours{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--o-line-l);font-family:var(--font-head);font-weight:600;font-size:15px}
.k-hours span:first-child{display:inline-flex;align-items:center;gap:8px}
.k-hours svg{width:18px;height:18px;color:var(--o-red-ink)}
.k-tag-ex{font-family:var(--font-body,inherit);font-weight:400;font-size:12.5px;color:var(--o-muted-d)}
.k-tl{list-style:none;display:grid;gap:8px}
.k-tl li{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:start;padding:12px 14px;border-radius:12px;background:var(--o-paper-2);font-size:15px;line-height:1.45}
.k-tl time{font-family:var(--font-head);font-weight:700;color:var(--o-muted-d);font-size:14px}
.k-tl .k-send{background:#e8f5e9;border:1px solid rgba(21,128,61,.25)}
.k-tl .k-end{background:var(--o-ink);color:#fff}
.k-tl .k-end time{color:var(--o-red-hi)}
.k-tl .k-back{background:#fff4e5;border:1px solid rgba(204,120,29,.3)}
.k-follow[data-case="a"] .k-only-b,.k-follow[data-case="b"] .k-only-a{display:none}
.k-follow .k-board-note{color:var(--o-muted-d)}
.k-follow li{animation:o-in .4s var(--o-ease) both}

.k-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;margin-bottom:22px}
.k-node{display:grid;align-content:center;justify-items:start;gap:2px;padding:16px;border-radius:var(--o-r);background:var(--o-paper);border:1px solid var(--o-line-l);font-size:14px}
.k-node > svg{width:30px;height:30px;padding:6px;border-radius:9px;background:var(--o-ink);color:#fff;margin-bottom:4px}
.k-node b{font-family:var(--font-head);font-size:15px;line-height:1.25}
.k-node small{color:var(--o-muted-d);font-size:13px}
.k-node-sale{border-color:rgba(21,128,61,.4);background:#eef8f0}
.k-node-sale > svg{background:var(--o-ok)}
.k-arrow{display:grid;place-items:center;color:var(--o-red-ink)}
.k-arrow svg{width:18px;height:18px}
.js .k-flow > *{opacity:.4;transition:opacity .5s}
.js .k-flow > .on{opacity:1}
.k-table-wrap{overflow-x:auto;border-radius:var(--o-r);border:1px solid var(--o-line-l)}
.k-table{width:100%;border-collapse:collapse;font-size:15px}
.k-table th{padding:12px 14px;text-align:left;font-family:var(--font-head);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--o-muted-d);background:var(--o-paper)}
.k-table td{padding:14px;border-top:1px solid var(--o-line-l)}
.k-ad{font-family:var(--font-head);font-weight:600}
.k-ad small{display:block;font-family:var(--font-body,inherit);font-weight:400;color:var(--o-muted-d);font-size:13px}
.k-table td b{color:var(--o-ok)}
.k-table tbody tr:first-child td:last-child{font-weight:700;color:var(--o-ok)}

.k-offer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.k-offer-list{list-style:none;display:grid;gap:10px}
.k-offer-list li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:16px 18px;border-radius:var(--o-r);background:var(--o-white);border:1px solid var(--o-line-l)}
.k-offer-list li > svg{width:44px;height:44px;padding:11px;border-radius:12px;background:var(--o-ink);color:#fff}
.k-offer-list b{display:block;font-family:var(--font-head);font-size:17px}
.k-offer-list span{display:block;margin-top:2px;font-size:15px;line-height:1.5;color:var(--o-muted-d)}

.k-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.k-steps li{display:grid;gap:10px;align-content:start;padding:18px;border-radius:var(--o-r);background:var(--o-white);border:1px solid var(--o-line-l)}
.k-st-n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--o-ink);color:#fff;font-family:var(--font-head);font-weight:700}
.k-steps b{font-family:var(--font-head);font-size:17px}
.k-steps p{margin-top:4px;font-size:15px;line-height:1.5;color:var(--o-muted-d)}
.o-final .o-diag:empty{display:none}

@media (max-width:960px){
  .k-hero-grid,.k-team,.k-ai,.k-follow-grid,.k-offer-grid{grid-template-columns:1fr}
  .k-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-flow{grid-template-columns:1fr 1fr}
  .k-arrow{display:none}
}
@media (max-width:760px){
  .k-board{padding:14px}
  .k-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-col{min-height:0}
  .k-inbox li{grid-template-columns:28px minmax(0,1fr) auto}
  .k-inbox li time{display:none}
  .k-thread{min-height:0}
  .k-steps{grid-template-columns:1fr}
  .k-flow{grid-template-columns:1fr}
  .k-table thead{display:none}
  .k-table,.k-table tbody,.k-table tr,.k-table td{display:block}
  .k-table tr{padding:12px 14px;border-top:1px solid var(--o-line-l)}
  .k-table tr:first-child{border-top:0}
  .k-table td{display:flex;justify-content:space-between;gap:12px;border:0;padding:4px 0}
  .k-table td[data-label]::before{content:attr(data-label);color:var(--o-muted-d);font-size:14px}
  .k-table td.k-ad{display:block;padding-bottom:6px}
  .k-pts li:nth-child(n+3) span{display:none}
}
@media (prefers-reduced-motion:reduce){
  .k-live i,.k-card.k-moved,.k-follow li{animation:none}
  .k-phone.is-in .k-msg,.k-phone.is-in .k-handoff{animation:none}
}