/* =========================================================
   Sofia · iMercatu — estilos da landing page
   Convertido do Main.dc.html (estilos inline viraram classes).
   Cores principais:
     #0A1324 azul-noite  · #F6F3EC creme  · #C8A15A dourado
     #5E4B8B roxo        · #00A884 verde WhatsApp
   ========================================================= */

/* ---------- Fontes de reserva ----------
   Enquanto a Inter e a Inter Tight carregam, o texto aparece em Arial
   ajustada às medidas delas (largura e altura de linha), para a troca
   de fonte não mudar o tamanho dos blocos nem empurrar o layout. */
@font-face{font-family:'Inter reserva';src:local('Arial');size-adjust:105.9%;ascent-override:91.45%;descent-override:22.86%;line-gap-override:0%}
@font-face{font-family:'Inter Tight reserva';src:local('Arial Bold'),local('Arial-BoldMT'),local('Arial');font-weight:600 700;size-adjust:95.6%;ascent-override:101.33%;descent-override:25.33%;line-gap-override:0%}
@font-face{font-family:'Inter Tight reserva';src:local('Arial');font-weight:400 500;size-adjust:93.6%;ascent-override:103.5%;descent-override:25.87%;line-gap-override:0%}

/* ---------- Base ---------- */
*{box-sizing:border-box}
body{
  margin:0;
  background:#F6F3EC;
  font-family:Inter,'Inter reserva',system-ui,sans-serif;
  color:rgba(10,19,36,.86);
}
a{color:#0A1324}
a:hover{color:#5E4B8B}
input,select,button{font-family:inherit}
h1,h2,h3,blockquote{text-wrap:balance}
p,li{text-wrap:pretty}
img,svg{display:inline-block;vertical-align:middle}
[hidden]{display:none !important}

/* Fonte de títulos */
.ft{font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif}
/* Quebra de linha em bloco (usada nos títulos de várias linhas) */
.bl{display:block}
/* Texto só para leitores de tela */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Animações ---------- */
@property --angulo{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes girar{to{--angulo:360deg}}
@keyframes subir{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes surgir{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@keyframes entrarDir{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:translateX(0)}}
@keyframes sairEsq{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-48px)}}
/* giraA e giraB são iguais: alternar o nome reinicia a animação do carrossel */
@keyframes giraA{from{transform:translateX(26px) scale(.92)}to{transform:translateX(0) scale(1)}}
@keyframes giraB{from{transform:translateX(26px) scale(.92)}to{transform:translateX(0) scale(1)}}
@keyframes crescer{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes largura{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tracar{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@keyframes ponto{0%,80%,100%{opacity:.25}40%{opacity:1}}
@keyframes pulso{0%,100%{box-shadow:0 0 0 0 rgba(0,168,132,.45);transform:scale(1)}50%{box-shadow:0 0 0 12px rgba(0,168,132,0);transform:scale(1.04)}}
@keyframes cursor{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes brilho{0%{transform:translateX(-120%) skewX(-20deg)}55%,100%{transform:translateX(340%) skewX(-20deg)}}
/* Painel no computador */
@keyframes clique{from{transform:scale(.4);opacity:1}to{transform:scale(1.7);opacity:0}}
@keyframes tracar2{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}
@property --n{syntax:'<integer>';inherits:false;initial-value:0}
@keyframes conta{from{--n:0}to{--n:478}}
@keyframes kanbanMove{0%,15%{transform:translateX(0) rotate(0)}30%{transform:translateX(calc(50% + 13px)) rotate(2deg)}45%,60%{transform:translateX(calc(100% + 26px)) rotate(0)}75%{transform:translateX(calc(150% + 39px)) rotate(2deg)}90%,100%{transform:translateX(calc(200% + 52px)) rotate(0)}}
@keyframes kanbanCor{0%,80%{border-color:rgba(200,161,90,.9);background:#FFFDF6}92%,100%{border-color:#1E9E5A;background:#EEF9F2}}

.barra{transform-box:fill-box;transform-origin:bottom;animation:crescer .8s cubic-bezier(.2,.8,.2,1) both}
.barraH{transform-origin:left;animation:largura .8s cubic-bezier(.2,.8,.2,1) both}
.linha{stroke-dasharray:300;animation:tracar 1.4s ease-out both}

/* Entrada das seções ao rolar.
   Navegadores com scroll-driven animations usam a linha do tempo da rolagem;
   os demais recebem a classe .js-io (script.js) e animam ao entrar na tela. */
.revela{animation:subir .8s ease-out both}
@supports (animation-timeline: view()){
  .revela{animation:subir linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
}
.js-io .revela{animation:none;opacity:0}
.js-io .revela.visivel{animation:subir .8s ease-out both}

/* ---------- Botões e links comuns ---------- */
.btn-ouro,.btn-ouro:hover{
  display:inline-flex;align-items:center;justify-content:center;
  background:#C8A15A;color:#0A1324;border:0;cursor:pointer;
  border-radius:999px;font-weight:600;min-height:44px;text-decoration:none;text-align:center;
}
.btn-nav{padding:11px 18px;font-size:14px}
.btn-hero{padding:17px 28px;font-size:16px}
.btn-hero-mob{padding:17px 24px;font-size:16px}

.olho-ouro{margin:0;font-size:13px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(200,161,90,.95);font-weight:600}
.olho-marrom{margin:0 0 12px;font-size:13px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(110,85,36,.95);font-weight:600}
.h2{margin:0;font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-weight:600;font-size:clamp(28px,3.4vw,40px);letter-spacing:-1px;color:rgba(10,19,36,.9)}

.avatar{border-radius:50%;object-fit:cover;object-position:center 22%;flex:none}

/* =========================================================
   CABEÇALHO FIXO (encolhe ao rolar: classe .compacto)
   ========================================================= */
.topo{
  position:sticky;top:0;z-index:20;padding:22px 20px;background:#0A1324;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;transition:padding .25s,background .25s;
}
.topo.compacto{padding:10px 20px;background:rgba(10,19,36,.78);border-bottom-color:rgba(246,243,236,.08)}
.topo-in{max-width:1320px;margin:0 auto;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;white-space:nowrap}
.marca{display:flex;align-items:baseline;gap:10px;text-decoration:none}
.logo{font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-weight:700;letter-spacing:-.6px;color:rgba(246,243,236,.94);font-size:24px;transition:font-size .25s}
.topo.compacto .logo{font-size:20px}
.nav-marca{font-size:13px;color:rgba(246,243,236,.55)}
.nav-menu{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:22px;font-size:14px;margin-left:auto}
.nav-menu a.lk,.nav-menu a.lk:hover{color:rgba(246,243,236,.72);text-decoration:none}

/* =========================================================
   HERO
   ========================================================= */
.hero{background:#0A1324;padding:64px 20px 104px;overflow:hidden}
.hero-linha{max-width:1320px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:56px}
.hero-texto{flex:1 1 380px;min-width:0;max-width:500px}
.hero-olho{margin-bottom:20px}
.hero-titulo{margin:0;display:grid;font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-weight:600;font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-1.6px;color:rgba(246,243,236,.94)}
/* Headlines sobrepostas na mesma célula do grid: só a ativa fica visível */
.hl{display:block;grid-area:1/1}
.hl[aria-hidden="true"]{visibility:hidden;opacity:0}
.hl.entra{animation:entrarDir .6s ease-out both}
.hl.sai{animation:sairEsq .5s ease-in both}
.hero-sub{margin:24px 0 0;font-size:18px;line-height:1.6;color:rgba(246,243,236,.68)}
.hero-sub-destaque{display:block;margin-top:6px;color:rgba(231,214,176,.92);font-weight:600}
.cta-desk{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;align-items:center}
.cta-mob{display:none;width:100%;justify-content:center}

.hero-visuais{flex:1 1 700px;min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:28px}

/* ---------- Celular em pé (conversa animada) ---------- */
.cel{flex:0 1 330px;width:100%;max-width:330px;margin:0 auto;background:#050506;border-radius:44px;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 0 0 1.5px #2A2A2E}
.cel-tela{position:relative;background:#F3F1EC;border-radius:34px;overflow:hidden}
.cel-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:84px;height:24px;border-radius:999px;background:#050506;z-index:2}
.cel-topo{background:#0F1B33;padding:42px 16px 12px;display:flex;align-items:center;gap:10px}
.id-col{display:flex;flex-direction:column;gap:1px}
.cel-nome{font-size:14px;font-weight:600;color:rgba(246,243,236,.94)}
.cel-status{font-size:11px;color:rgba(246,243,236,.55)}
.cel-msgs{height:530px;padding:14px 12px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden;font-size:13px;line-height:1.42;color:rgba(10,19,36,.86)}

.msg{animation:subir .45s ease-out both;padding:9px 11px;max-width:88%}
.msg-sofia{align-self:flex-start;background:#FFFFFF;border-radius:0 12px 12px 12px}
.msg-cli{align-self:flex-end;background:#DDEFE2;border-radius:12px 0 12px 12px}
.msg-tarefa{align-self:flex-start;background:#FBF6EA;border:1px solid rgba(200,161,90,.55);border-radius:12px}
.msg-arq{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.msg-arq img{width:34px;height:34px;object-fit:contain}
.msg-arq-info{display:flex;flex-direction:column}
.msg-arq-nome{font-weight:600}
.msg-arq-tam{font-size:11px;color:rgba(10,19,36,.65)}
.msg-graf{display:block;background:#0A1324;border-radius:10px;padding:8px;margin-bottom:6px}
.msg-rot-tarefa{display:block;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(110,85,36,.95);margin-bottom:4px}

/* Indicador "digitando" (três pontos) */
.digitando{align-self:flex-start;background:#FFFFFF;border-radius:14px 14px 14px 4px;padding:11px 13px;display:flex;gap:5px}
.pt{width:6px;height:6px;border-radius:50%;background:#5E4B8B;animation:ponto 1.2s infinite}
.pt:nth-child(2){animation-delay:.2s}
.pt:nth-child(3){animation-delay:.4s}

/* ---------- Celular deitado (painéis que alternam) ---------- */
.deitado{flex:1 1 380px;min-width:0;max-width:470px;margin:0 auto}
.deitado-moldura{background:#050506;border-radius:40px;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 0 0 1.5px #2A2A2E}
.deitado-tela{position:relative;background:#0F1B33;border-radius:30px;padding:16px 16px 16px 46px;min-height:236px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.deitado-notch{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:22px;height:70px;border-radius:999px;background:#050506}
.painel-topo{display:flex;justify-content:space-between;align-items:center;gap:10px}
.painel-titulo{font-size:12px;font-weight:600;color:rgba(246,243,236,.9)}
.pontos{display:flex;gap:5px}
.ponto-p{width:5px;height:5px;border-radius:999px;background:rgba(246,243,236,.25);transition:width .3s}
.ponto-p.ativo{width:16px;background:#C8A15A}
.painel{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;animation:surgir .6s ease-out both;font-size:9px}
.painel-dre{color:rgba(246,243,236,.75)}
.cx{background:rgba(246,243,236,.06);border-radius:10px;padding:8px}
.cx-col{display:flex;flex-direction:column;gap:4px}
.cx-col6{display:flex;flex-direction:column;gap:6px}
.cx-centro{align-items:center}
.cx-pilha{display:flex;flex-direction:column;gap:8px}
.cx-rot{font-size:9px;color:rgba(246,243,236,.7)}
.cx-centro .cx-rot{align-self:flex-start}
.cx-val{font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-size:16px;font-weight:600;color:rgba(246,243,236,.94)}
.cx-val15{font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-size:15px;font-weight:600}
.cx-tarefas{color:rgba(246,243,236,.8)}
.barra-h{display:block;height:7px;border-radius:3px}
.c-verde{color:#7ED3A0}
.c-ambar{color:#E7B66B}
.c-areia{color:#E7D6B0}
.legenda{margin:12px 0 0;font-size:11px;color:rgba(246,243,236,.6);text-align:center}

/* =========================================================
   PROBLEMA
   ========================================================= */
.sec-problema{padding:120px 20px 96px}
.problema{max-width:920px;margin:0 auto;text-align:center}
.problema h2{margin:0;font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-weight:600;font-size:clamp(28px,3.8vw,44px);line-height:1.18;letter-spacing:-1.2px;color:rgba(10,19,36,.9)}
.problema .roxo{color:rgba(94,75,139,.95)}
.problema p{margin:28px auto 0;font-size:18px;line-height:1.7;color:rgba(10,19,36,.62);max-width:680px}
.problema strong{color:rgba(10,19,36,.9);font-weight:700}

/* =========================================================
   COMO FUNCIONA
   ========================================================= */
.sec-como{padding:32px 20px 112px}
.cont{max-width:1180px;margin:0 auto}
.sec-como .h2{margin-bottom:48px}
.grade-como{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.card-como{background:#FFFFFF;border-radius:22px;padding:32px;display:flex;flex-direction:column;gap:14px}
.card-como h3{margin:0;font-size:20px;font-weight:600;color:rgba(10,19,36,.9)}
.card-como p{margin:0;font-size:16px;line-height:1.6;color:rgba(10,19,36,.62)}
.vis{height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}

/* Carrossel de ícones: 3 posições fixas, o ícone central fica maior */
.carrossel{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent)}
.slot{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;
  transition:opacity .9s,filter .9s;animation:giraB 1s cubic-bezier(.22,1,.36,1) both;
  opacity:.22;filter:grayscale(1) blur(.6px)}
.slot.centro{width:54px;height:54px;opacity:.88;filter:drop-shadow(0 10px 18px rgba(10,19,36,.16))}
.slot.ga{animation-name:giraA}
.slot img{width:100%;height:100%;object-fit:contain}

/* Quadro de tarefas (A fazer → Fazendo → Feito) */
.crm{height:112px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.crm-col{background:#F4F1EA;border-radius:10px;padding:8px 6px;display:flex;flex-direction:column;gap:6px;align-items:center}
.crm-nome{font-size:10px;font-weight:600;color:rgba(10,19,36,.5);text-transform:uppercase;letter-spacing:.6px}
.crm-card{width:100%;background:#FFFFFF;border-radius:7px;padding:7px 6px;font-size:10px;line-height:1.3;color:rgba(10,19,36,.8);box-shadow:0 2px 6px rgba(10,19,36,.1);animation:subir .45s ease-out both;border-left:3px solid #5E4B8B}
.crm-ok{width:34px;height:34px;border-radius:50%;background:#1E7A46;color:#FFFFFF;display:flex;align-items:center;justify-content:center;animation:surgir .4s ease-out both}

/* =========================================================
   RECURSOS
   ========================================================= */
.sec-recursos{background:#0A1324;padding:112px 20px}
.sec-recursos h2{margin:0 0 56px;font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-weight:600;font-size:clamp(28px,3.4vw,40px);letter-spacing:-1px;max-width:860px;color:rgba(246,243,236,.92)}
.grade-recursos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px 48px}
.recurso{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(246,243,236,.12);padding-top:24px}
.recurso h3{margin:0;font-size:18px;font-weight:600;color:rgba(231,214,176,.92)}
.recurso p{margin:0;font-size:16px;line-height:1.6;color:rgba(246,243,236,.62)}

/* =========================================================
   FRASES EM DESTAQUE
   ========================================================= */
.sec-frase1{padding:120px 20px}
.sec-pad{padding:0 20px 112px}
.frase{max-width:1180px;margin:0 auto;text-align:center;border-radius:32px;padding:clamp(48px,7vw,96px) clamp(24px,6vw,96px)}
.frase1{background:#E9E3F4}
.frase1 blockquote{margin:0;font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-weight:500;font-size:clamp(28px,4vw,50px);line-height:1.14;letter-spacing:-1.4px;color:rgba(42,30,82,.86)}
.frase1 strong{font-weight:700;color:rgba(42,30,82,1)}
.frase2{background:#F1E7D2}
/* Máquina de escrever: o texto completo invisível reserva o espaço
   e evita que a página "pule" enquanto as letras aparecem */
.frase2 blockquote{margin:0;display:grid;min-height:1.2em;font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-weight:600;font-size:clamp(30px,4.6vw,58px);line-height:1.1;letter-spacing:-1.6px;color:rgba(74,56,20,.92)}
.frase2 .camada{grid-area:1/1}
.frase2 .fantasma{visibility:hidden}
.cursor{display:inline-block;width:3px;height:.9em;margin-left:4px;vertical-align:-.08em;background:rgba(74,56,20,.85);animation:cursor 1s infinite}
.frase2 figcaption{margin-top:24px;font-size:15px;font-weight:600;color:rgba(110,85,36,.95)}

/* =========================================================
   PLANOS
   ========================================================= */
.sec-planos{padding:0 20px 112px}
.planos-topo{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}
.planos-topo > div:first-child{max-width:640px}
.toggle-desk{display:flex;background:#E9E4D8;border-radius:999px;padding:5px;gap:4px}
.tg{border:0;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px;background:transparent;color:rgba(10,19,36,.8)}
.tg[aria-pressed="true"]{background:#0A1324;color:#F6F3EC}

.grade-planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:start}
.plano{border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:22px}
.plano-claro{background:#FFFFFF;border:1px solid #E2DCCD}
.plano-escuro{background:#0A1324;position:relative}
.plano h3{margin:0;font-size:22px;font-weight:600;color:rgba(10,19,36,.9)}
.plano-escuro h3{color:rgba(246,243,236,.94)}
.plano-nome{display:flex;align-items:center;justify-content:space-between;gap:12px}
.plano-desc{margin:8px 0 0;font-size:15px;line-height:1.5;color:rgba(10,19,36,.6)}
.plano-escuro .plano-desc{color:rgba(246,243,236,.62)}
.selo-one{position:absolute;top:20px;right:20px;background:#C8A15A;color:#0A1324;font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px}

.preco{margin:0;display:flex;align-items:baseline;gap:6px}
.preco-valor{font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-size:44px;font-weight:600;letter-spacing:-1px;color:rgba(10,19,36,.9)}
.preco-mes{font-size:15px;color:rgba(10,19,36,.55)}
.preco-nota{margin:6px 0 0;font-size:13px;color:rgba(10,19,36,.55)}
.plano-escuro .preco-valor{color:rgba(246,243,236,.94)}
.plano-escuro .preco-mes{color:rgba(246,243,236,.55)}
.plano-escuro .preco-nota{color:rgba(246,243,236,.5)}

.lista-plano{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:9px;font-size:15px;line-height:1.45;color:rgba(10,19,36,.72)}
.lista-plano strong{font-weight:700;color:rgba(10,19,36,.92)}
.plano-escuro .lista-plano{color:rgba(246,243,236,.74)}
.plano-escuro .lista-plano strong{color:rgba(246,243,236,.95)}
.lista-plano .extra{animation:subir .4s ease-out both}

.ver-mais{align-self:flex-start;background:none;border:0;padding:0;min-height:44px;font-size:14px;font-weight:600;color:rgba(94,75,139,.95);cursor:pointer}
.plano-escuro .ver-mais{color:rgba(231,214,176,.95)}
.entrar,.entrar:hover{display:flex;align-items:center;justify-content:center;height:52px;border:1.5px solid rgba(10,19,36,.85);background:transparent;color:rgba(10,19,36,.9);border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none}
.plano-escuro .entrar,.plano-escuro .entrar:hover{border:0;background:#C8A15A;color:#0A1324}

/* Mini seletor Mensal/Anual dentro dos cards (só no celular) */
.toggle-mob{display:none;border-radius:999px;padding:3px;gap:2px;background:#EFEBE2}
.plano-escuro .toggle-mob{background:rgba(246,243,236,.1)}
.mini{border:0;border-radius:999px;padding:0 12px;min-height:36px;font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:rgba(10,19,36,.7)}
.mini[aria-pressed="true"]{background:#0A1324;color:#F6F3EC}
.plano-escuro .mini{color:rgba(246,243,236,.7)}
.plano-escuro .mini[aria-pressed="true"]{background:#C8A15A;color:#0A1324}

.nota-asterisco{margin:18px 0 0;font-size:13px;color:rgba(10,19,36,.55)}

/* ---------- Preço fundador: contorno dourado girando + brilho ---------- */
.fundador{margin-top:40px;border-radius:26px;padding:2px;
  background:conic-gradient(from var(--angulo),rgba(200,161,90,0) 0deg,rgba(200,161,90,0) 250deg,#C8A15A 300deg,#F7E3A6 330deg,rgba(200,161,90,0) 360deg);
  animation:girar 4s linear infinite;box-shadow:0 0 28px rgba(200,161,90,.22)}
.fundador-in{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,rgba(214,217,223,.92),rgba(198,202,210,.92));padding:32px 34px;display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;justify-content:space-between}
.fundador-brilho{position:absolute;top:0;bottom:0;left:0;width:35%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));animation:brilho 4.5s ease-in-out infinite;pointer-events:none}
.fundador-texto{position:relative;flex:1 1 420px;min-width:0}
.fundador-olho{margin:0 0 6px;font-size:13px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:rgba(110,85,36,.95)}
.fundador-titulo{margin:0;font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-size:clamp(22px,2.6vw,30px);font-weight:600;letter-spacing:-.6px;line-height:1.2;color:rgba(10,19,36,.9)}
.fundador-desc{margin:8px 0 0;font-size:15px;line-height:1.5;color:rgba(10,19,36,.66)}
.btn-fundador,.btn-fundador:hover{position:relative;display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 28px;border:0;border-radius:999px;background:#0A1324;color:rgba(246,243,236,.95);font-size:16px;font-weight:600;cursor:pointer;text-decoration:none}

/* =========================================================
   SEGURANÇA
   ========================================================= */
.seguranca{max-width:1180px;margin:0 auto;background:#EFEAF7;border-radius:28px;padding:56px 40px;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.seguranca > div{flex:1 1 340px;min-width:0}
.seguranca h2{margin:0;font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-weight:600;font-size:clamp(26px,3vw,34px);letter-spacing:-.8px;color:rgba(10,19,36,.9)}
.seguranca p{margin:18px 0 0;font-size:17px;line-height:1.6;color:rgba(42,36,64,.68)}
.seguranca ul{flex:1 1 420px;min-width:0;margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:14px;font-size:16px;line-height:1.55;color:rgba(42,36,64,.78)}

/* =========================================================
   DÚVIDAS (FAQ)
   ========================================================= */
.faq{max-width:860px;margin:0 auto}
.faq .h2{margin-bottom:40px}
.faq-item{border-top:1px solid #D9D2C2}
.faq-item h3{margin:0;font-size:inherit;font-weight:inherit}
.faq-btn{width:100%;background:none;border:0;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;font-size:18px;font-weight:600;color:rgba(10,19,36,.88);cursor:pointer;min-height:44px}
.faq-icone{font-size:24px;color:rgba(94,75,139,.85)}
.faq-resp{margin:0 0 24px;font-size:16px;line-height:1.65;color:rgba(10,19,36,.62);max-width:720px}

/* =========================================================
   CONVERSE COM ELA AGORA
   ========================================================= */
.sec-conversa{background:#0A1324;padding:112px 20px;scroll-margin-top:60px}
.conversa-linha{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.conversa-texto{flex:1 1 380px;min-width:0}
.conversa-texto .olho-ouro{margin-bottom:16px}
.conversa-texto h2{margin:0;font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-weight:600;font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-1.5px;color:rgba(246,243,236,.94)}
.conversa-texto p:last-child{margin:24px 0 0;font-size:18px;line-height:1.6;color:rgba(246,243,236,.64)}
.conversa-lado{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:22px}
.card-conversa{background:#22365F;border:1px solid rgba(246,243,236,.1);border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 30px 80px rgba(2,6,16,.5)}
.card-conversa-topo{display:flex;align-items:center;gap:14px}
.card-conversa-topo .id-col{gap:3px}
.card-conversa-nome{font-size:17px;font-weight:600;color:rgba(246,243,236,.94)}
.card-conversa-status{font-size:13px;color:rgba(246,243,236,.55)}
.card-conversa-balao{background:#FFFFFF;color:rgba(10,19,36,.86);border-radius:0 14px 14px 14px;padding:13px 15px;font-size:16px;line-height:1.5;max-width:92%}
.card-conversa-linha{display:flex;gap:10px;align-items:center;margin-top:8px}
.campo-falso{flex:1;min-width:0;height:50px;border:0;border-radius:999px;background:#FFFFFF;color:rgba(10,19,36,.45);font-size:16px;text-align:left;padding:0 20px;cursor:text}
.enviar-pulso{width:50px;height:50px;flex:none;border-radius:50%;border:0;background:#00A884;color:#FFFFFF;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:pulso 3.6s ease-in-out infinite}
.slogan{margin:0;text-align:center;font-family:'Inter Tight','Inter Tight reserva',Inter,sans-serif;font-weight:600;font-size:14px;letter-spacing:3px;text-transform:uppercase;color:rgba(231,214,176,.85)}

/* =========================================================
   RODAPÉ
   ========================================================= */
.rodape{padding:64px 20px 140px;background:#070E1C}
.rodape-in{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.rodape-topo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px;color:rgba(246,243,236,.6)}
.rodape-topo span{font-weight:600;color:rgba(246,243,236,.8)}
.rodape a,.rodape a:hover{color:rgba(246,243,236,.7)}
.rodape .rodape-topo span a{color:inherit;text-decoration:none}
.faq-resp a{color:#5E4B8B;font-weight:600}
.rodape-legal{margin:0;border-top:1px solid rgba(246,243,236,.1);padding-top:28px;font-size:12.5px;line-height:1.7;color:rgba(246,243,236,.48)}
.rodape nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px}
.rodape-copy{margin:0;font-size:12px;color:rgba(246,243,236,.6)}

/* =========================================================
   PAINEL NO COMPUTADOR (SÓ DESKTOP)
   ========================================================= */
.sec-pc{background:#0A1324;padding:112px 20px 120px;overflow:hidden}
.pc-in{max-width:1080px;margin:0 auto}
.pc-note{position:relative;margin:0 auto;max-width:1000px}
.pc-moldura{position:relative;width:86%;margin:0 auto;background:#0B0B0D;border-radius:22px 22px 8px 8px;padding:12px 12px 14px;box-shadow:0 0 0 2px #9EA1A8,0 0 0 3px #5E6168,0 40px 100px rgba(0,0,0,.55)}
.pc-camera{position:absolute;z-index:6;top:12px;left:50%;transform:translateX(-50%);width:13%;height:22px;border-radius:0 0 10px 10px;background:#0B0B0D}
.pc-camera span{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#1C2433;box-shadow:inset 0 0 0 1px #2E3A52}
.pc-tela{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#F4F2EC;color:#0A1324}
.pc-dobradica{width:84%;height:6px;margin:0 auto;background:linear-gradient(180deg,#2A2C31,#5A5D64);border-radius:0 0 4px 4px}
.pc-base{position:relative;width:100%;height:20px;margin:0 auto;background:linear-gradient(180deg,#E4E6EA 0%,#C9CCD2 45%,#9A9DA4 100%);border-radius:3px 3px 26px 26px;box-shadow:0 26px 50px rgba(0,0,0,.55)}
.pc-base span{position:absolute;top:0;left:50%;transform:translateX(-50%);width:15%;height:8px;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#A9ACB3,#C3C6CC)}
.pc-frase{max-width:820px;margin:56px auto 0;text-align:center;font-weight:600;font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-1px;color:rgba(246,243,236,.94)}
.pc-aviso{margin:14px 0 0;text-align:center;font-size:12px;color:rgba(246,243,236,.6)}

/* Menu lateral */
.pc-lateral{position:absolute;left:0;top:0;bottom:0;width:17%;background:#0F1B33}
.pc-marca{position:absolute;left:12%;top:5%;display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:rgba(246,243,236,.94)}
.pc-marca img{width:26px;height:26px;border-radius:50%;object-fit:cover;object-position:center 22%}
.pc-rot{position:absolute;left:12%;top:14%;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(246,243,236,.6);font-weight:600}
.pc-nav{position:absolute;left:7%;right:7%;height:7%;display:flex;align-items:center;padding:0 9%;border-radius:8px;font-size:12px;color:rgba(246,243,236,.6);transition:background .4s,color .4s}
.pc-nav.ativo{background:rgba(200,161,90,.16);color:#E7D6B0;font-weight:600}

/* Área principal */
.pc-area{position:absolute;left:17%;right:0;top:0;bottom:0;padding:2.4% 2.6%;display:flex;flex-direction:column;gap:14px}
.pc-cab{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pc-empresa{display:block;font-size:10px;color:rgba(10,19,36,.66);font-weight:600;letter-spacing:1px;text-transform:uppercase}
.pc-titulo{font-size:20px;font-weight:600;letter-spacing:-.4px}
.pc-pilulas{display:flex;gap:8px;align-items:center}
.pc-pil{font-size:11px;background:#FFFFFF;border:1px solid #E2DCCD;padding:6px 10px;border-radius:999px}
.pc-pil.escura{background:#0A1324;color:#F6F3EC;border-color:#0A1324}
.pc-conteudo{flex:1;min-height:0;position:relative}
.pc-m{position:absolute;inset:0;animation:surgir .5s ease-out both}
.pc-linhas{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}

/* Cards e indicadores */
.pc-card{background:#FFFFFF;border-radius:12px;padding:12px;border:1px solid #ECE7DC}
.pc-col{display:flex;flex-direction:column;min-height:0}
.pc-card-tit{font-size:11px;font-weight:600}
.pc-card-cab{display:flex;justify-content:space-between;align-items:center;font-size:11px}
.pc-graf{flex:1;min-height:0;width:100%;height:100%}
.pc-kpis4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pc-kpis3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pc-duas{display:grid;grid-template-columns:1.6fr 1fr;gap:10px;min-height:0}
.pc-k-rot{display:block;font-size:10px;color:rgba(10,19,36,.66)}
.pc-k-val{display:block;font-size:19px;font-weight:600}
.pc-k-nota{display:block;font-size:10px;color:rgba(10,19,36,.66);font-weight:600}
.pc-tela .verde{color:#1E7A46}
.pc-tela .vermelho{color:#B4462F}
.pc-tela .ambar{color:#A06A12}
.pc-tela .roxo{color:#5E4B8B}
.pc-rosca{flex:1;min-height:0;display:flex;align-items:center;gap:12px;margin-top:8px}
.pc-rosca svg{width:46%;flex:none}
.pc-legenda{display:flex;flex-direction:column;gap:6px;font-size:10.5px;color:rgba(10,19,36,.75)}
.pc-legenda i,.pc-legenda-l i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}
.pc-legenda-l{color:rgba(10,19,36,.6)}
.pc-legenda-l i{margin:0 5px 0 12px}
.pc-legenda-l i:first-child{margin-left:0}
.pc-legenda-l i.traco{width:12px;height:3px;margin-bottom:2px}

/* DRE */
.pc-dre{padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;font-size:12px}
.pc-dre-linha{display:grid;grid-template-columns:34% minmax(0,1fr) 16%;gap:12px;align-items:center;color:rgba(10,19,36,.65)}
.pc-dre-linha.forte{font-weight:600;color:#0A1324}
.pc-dre-cab{font-size:10px;color:rgba(10,19,36,.5);font-weight:600;text-transform:uppercase;letter-spacing:.8px}
.pc-dre-linha .dir{text-align:right}
.pc-dre-trilho{display:block;height:12px;background:#F4F2EC;border-radius:4px;overflow:hidden}
.pc-dre-trilho .barraH{display:block;height:100%;border-radius:4px}

/* Ciclo financeiro */
.barraH2{transform-box:fill-box;transform-origin:left;animation:largura .9s cubic-bezier(.2,.8,.2,1) both}
.linha2{stroke-dasharray:1200;animation:tracar2 1.6s ease-out both}
.pc-ciclo{display:grid;grid-template-columns:1.7fr 1fr;gap:10px}
.pc-ciclo>.pc-card{padding:14px}
.pc-pilha{display:flex;flex-direction:column;gap:10px}
.pc-sugestao{background:#0A1324;color:rgba(246,243,236,.9);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;animation:subir .6s .8s ease-out both}
.pc-sug-rot{display:block;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(231,214,176,.9);font-weight:700}
.pc-sug-txt{font-size:12.5px;line-height:1.5}

/* Tarefas do time */
.pc-resultado{background:#0A1324;color:#F6F3EC;border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.pc-res-val{display:block;font-size:26px;font-weight:600;letter-spacing:-.6px;color:#7ED3A0}
.pc-res-mes{font-size:13px;font-weight:500;color:rgba(246,243,236,.7)}
.contador{counter-reset:n var(--n);animation:conta 1.2s 3.1s ease-out both}
.contador::after{content:counter(n)}
.pc-res-ano{text-align:right;animation:surgir .5s 4.2s ease-out both}
.pc-res-ano-rot{display:block;font-size:10px;color:rgba(246,243,236,.55)}
.pc-res-ano-val{font-size:20px;font-weight:600;color:#E7D6B0}
.pc-kanban{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0}
.pc-kcol{background:#ECE8DF;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}
.pc-kcab{display:flex;justify-content:space-between;height:18px;align-items:center;font-size:11px;font-weight:600;padding:0 4px}
.pc-kcab .qtd{color:rgba(10,19,36,.45)}
.pc-kvaga{height:58px;flex:none}
.pc-kvaga.tracejada{border:1.5px dashed rgba(10,19,36,.12);border-radius:9px}
.pc-kcard{background:#FFFFFF;border-radius:9px;padding:8px 10px;box-shadow:0 1px 2px rgba(10,19,36,.08);display:flex;flex-direction:column;gap:5px}
.pc-kcard.feito{opacity:.75}
.pc-kcard.feito .pc-kt{text-decoration:line-through;text-decoration-color:rgba(10,19,36,.3)}
.pc-kt{font-size:11.5px;font-weight:600;line-height:1.3}
.pc-kpe{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:rgba(10,19,36,.55)}
.pc-kpe .concluida{color:#1E7A46;font-weight:600}
.pc-av{width:18px;height:18px;border-radius:50%;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:700}
.pc-av.ouro{background:#C8A15A;color:#0A1324}
.pc-kmove{position:absolute;z-index:2;left:8px;top:34px;width:calc((100% - 20px) / 3 - 16px);height:58px;border-radius:9px;border:1.5px solid rgba(200,161,90,.9);background:#FFFDF6;padding:8px 10px;box-shadow:0 10px 22px rgba(10,19,36,.18);display:flex;flex-direction:column;justify-content:space-between;animation:kanbanMove 2.6s .4s cubic-bezier(.65,0,.35,1) both,kanbanCor 2.6s .4s ease-out both}
.pc-kmove-tit{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11.5px;font-weight:700;line-height:1.3}
.pc-kmove-tit svg{flex:none;animation:surgir .4s 2.9s ease-out both}
.pc-kganho{font-weight:700;color:#1E7A46}
.pc-kmove .pc-kpe{color:rgba(10,19,36,.6)}

/* Dica e cursor (posições definidas pelo script.js) */
.pc-dica{position:absolute;z-index:3;background:#0A1324;color:#F6F3EC;font-size:11px;font-weight:600;padding:6px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 8px 20px rgba(10,19,36,.25);animation:surgir .35s 1s ease-out both;pointer-events:none}
.pc-cursor{position:absolute;z-index:4;left:87%;top:40%;transition:left 1.1s cubic-bezier(.65,0,.35,1),top 1.1s cubic-bezier(.65,0,.35,1);pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}
.pc-cursor svg{display:block}
.pc-clique{position:absolute;left:-8px;top:-8px;width:24px;height:24px;border-radius:50%;border:2px solid rgba(200,161,90,.95);animation:clique .7s 1.05s ease-out both}

/* =========================================================
   TELA DE CONVERSA (ESTILO WHATSAPP)
   ========================================================= */
.chat{position:fixed;inset:0;z-index:40;background:rgba(4,8,18,.62);display:flex;justify-content:center;animation:surgir .25s ease-out both}
.chat-painel{width:100%;max-width:520px;height:100%;display:flex;flex-direction:column;background:#EFE7DD;box-shadow:0 0 60px rgba(0,0,0,.4)}
.chat-topo{background:#F0F2F5;padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #E2E5E8}
.chat-voltar{width:44px;height:44px;border:0;background:none;color:#54656F;cursor:pointer;display:flex;align-items:center;justify-content:center}
.chat-nome{font-size:16px;font-weight:600;color:#111B21}
.chat-status{font-size:13px;color:#667781}
/* column-reverse mantém a rolagem "presa" na mensagem mais nova */
.chat-corpo{flex:1;min-height:0;padding:16px 14px;display:flex;flex-direction:column-reverse;gap:6px;overflow-y:auto;font-size:15px;line-height:1.4;color:#111B21;background-color:#EFE7DD;background-image:url(img/fundo-chat.svg);background-size:480px 480px}
.chat-lista{display:flex;flex-direction:column;gap:6px}
.chat-digitando{align-self:flex-start;background:#FFFFFF;border-radius:0 10px 10px 10px;padding:12px 14px;display:flex;gap:5px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.chat-digitando .pt{width:7px;height:7px;background:#8696A0}
.balao{animation:subir .35s ease-out both;padding:7px 9px 8px 10px;max-width:82%;box-shadow:0 1px .5px rgba(11,20,26,.13);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:2px 10px}
.balao-sofia{align-self:flex-start;background:#FFFFFF;border-radius:0 10px 10px 10px}
.balao-cli{align-self:flex-end;background:#D9FDD3;border-radius:10px 0 10px 10px}
.balao-sistema{animation:subir .35s ease-out both;align-self:center;font-size:12px;color:#54656F;background:#E1F2EC;padding:6px 12px;border-radius:8px}
.balao-hora{font-size:11px;color:#667781;margin-left:auto;white-space:nowrap}
.balao-cli .balao-hora{display:inline-flex;align-items:center;gap:3px;color:#667781}
/* Checks: cinza enquanto não lido, azul do WhatsApp quando a Sofia lê */
.checks{display:block;color:#53BDEB;transition:color .3s}
.balao-cli.nao-lido .checks{color:#8696A0}
.chat-aviso{align-self:center;background:#FFF5C4;color:#54656F;font-size:12px;line-height:1.45;text-align:center;padding:8px 12px;border-radius:8px;max-width:90%;margin-bottom:8px}
.chat-turnstile{align-self:center;max-width:100%}
.chat-turnstile:empty{display:none}
.chat-campo.bloqueado{opacity:.6}
.chat-form{display:flex;gap:8px;padding:8px 10px 12px;background:#F0F2F5;align-items:center}
.chat-form label{flex:1;min-width:0}
.chat-campo{width:100%;height:46px;border-radius:999px;border:0;background:#FFFFFF;color:#111B21;padding:0 18px;font-size:16px}
.chat-enviar{width:46px;height:46px;flex:none;border-radius:50%;border:0;background:#00A884;color:#FFFFFF;cursor:pointer;display:flex;align-items:center;justify-content:center}

/* =========================================================
   AVISO DE COOKIES
   ========================================================= */
.cookies{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(10,19,36,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(246,243,236,.1);padding:16px 20px;animation:subir .5s ease-out both}
.cookies-in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.cookies p{margin:0;flex:1 1 360px;font-size:14px;line-height:1.5;color:rgba(246,243,236,.8)}
.cookies p a,.cookies p a:hover{color:rgba(231,214,176,.92)}
.cookies-botoes{display:flex;gap:10px}
.ck-recusar{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(246,243,236,.3);background:transparent;color:rgba(246,243,236,.86);font-size:14px;font-weight:600;cursor:pointer}
.ck-aceitar{min-height:44px;padding:0 22px;border-radius:999px;border:0;background:#C8A15A;color:#0A1324;font-size:14px;font-weight:600;cursor:pointer}

/* Foco visível para quem navega pelo teclado */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #C8A15A;outline-offset:2px}

/* =========================================================
   RESPONSIVO (mesmos pontos de quebra do original)
   ========================================================= */
@media (max-width:640px){
  /* Aviso de cookies compacto: texto menor e botões lado a lado, dividindo a largura */
  .cookies{padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
  .cookies-in{gap:8px}
  .cookies p{flex-basis:100%;font-size:12px;line-height:1.4}
  .cookies-botoes{width:100%;gap:8px}
  .ck-recusar,.ck-aceitar{flex:1;min-height:38px;padding:0 12px;font-size:13px}
  .nav-duvidas{display:none}
  .nav-menu{gap:14px;font-size:13px}
  .nav-menu .btn-nav{padding:10px 14px;font-size:13px}
}
@media (max-width:440px){.nav-marca{display:none}}
@media (max-width:380px){.nav-como{display:none}} /* em 360 px o menu passava da tela */
@media (max-width:900px){
  .so-desk{display:none}
  .toggle-desk{display:none}
  .toggle-mob{display:flex}
  .selo-one{position:static;align-self:flex-start;margin-bottom:-6px}
  .hero{padding-top:24px;padding-bottom:64px}
  .hero-linha{gap:28px}
  .hero-titulo{font-size:28px;letter-spacing:-.8px}
  .hero-sub{font-size:16px;margin-top:14px}
  .hero-olho{margin-bottom:12px}
  .cta-desk{display:none}
  .cta-mob{display:flex}
}

/* Movimento reduzido: todas as demonstrações continuam (inclusive o card
   que anda no quadro de tarefas e o cursor do painel). Só as entradas e
   trocas deixam de deslizar e passam a esmaecer, e sai o pulso do botão */
@media (prefers-reduced-motion:reduce){
  @keyframes subir{from{opacity:0}to{opacity:1}}
  @keyframes surgir{from{opacity:0}to{opacity:1}}
  @keyframes entrarDir{from{opacity:0}to{opacity:1}}
  @keyframes sairEsq{from{opacity:1}to{opacity:0}}
  /* Carrossel troca sem deslizar; a opacidade fica a do .slot (laterais apagados) */
  .slot,.slot.ga{animation:none}
  .enviar-pulso,.revela{animation:none}
  .js-io .revela{opacity:1}
}