/* Leankeep · sistema visual v2 (nova Home e páginas internas). Fonte: 03-projetos/site-novo. */
@font-face{font-family:'Blinker';src:url('/assets/fonts/lk/Blinker-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Roboto';src:url('/assets/fonts/lk/Roboto-400-700.woff2') format('woff2');font-weight:400 700;font-display:swap}

/* Sistema da página de lançamento: tokens, largura única, três atos de cor, um só rótulo, dois botões, raios 4/8/16. */
:root{
  --carbono:#1E1E1E; --laranja:#F38A00;
  --g0:#FFFFFF; --g50:#FCFBFB; --g75:#F8F7F6; --g100:#F5F3F1; --g150:#EDE7E5; --g200:#E8E1DE; --g300:#DAD1CD;
  --g400:#CBC1BB; --g500:#BBB0A9; --g600:#9E9288; --g700:#7F746A; --g800:#62574F; --g900:#47403B;
  --o100:#FCE3C2; --o200:#FAD099; --o300:#F8B966; --o400:#F59B26; --o500:#F38A00; --o600:#DC7D00; --o700:#AF6400; --o800:#844B00; --o900:#633800;
  --h:'Blinker','Roboto',system-ui,sans-serif;
  --b:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  --hex:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  --wrap:1080px; --gutter:24px;
  --section-space:clamp(56px,7vw,96px);
  /* variáveis do main.css usadas pelo header e pelo rodapé, que são os mesmos do site */
  --color-carbon:#1E1E1E; --color-orange:#F38A00; --color-orange-hover:#DC7D00; --color-gray:#E5E5E5; --color-gray-dark:#888888;
  --color-dark-gray:#666666; --color-white:#FFFFFF; --transition-fast:150ms ease; --transition-base:250ms ease;
  --shadow-orange:0 10px 30px -5px rgba(243,138,0,.3);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden;overflow-x:clip}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--b);background:var(--carbono);color:var(--g0);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
:focus-visible{outline:1px solid var(--g0);outline-offset:3px}
.light :focus-visible{outline-color:var(--carbono)}
h1,h2,h3,h4{font-family:var(--h);font-weight:700;letter-spacing:-.03em;line-height:1.02}
h2{font-size:clamp(36px,5vw,60px)}
.wrap{width:calc(100% - var(--gutter)*2);max-width:var(--wrap);min-width:0;margin-inline:auto}
.light{background:var(--g100);color:var(--carbono)}
.dark{background:var(--carbono);color:var(--g0)}
.k{color:var(--o500)}
.light .k{color:var(--o800)}
.skip-link{position:absolute;left:16px;top:-60px;z-index:90;padding:10px 14px;border-radius:4px;background:var(--g0);color:var(--carbono);font-weight:500}
.skip-link:focus{top:16px}
[hidden]{display:none!important}

.label{display:inline-flex;align-items:center;gap:8px;font:500 12px/1.6 var(--b);letter-spacing:.16em;text-transform:uppercase;color:var(--g500)}
.dark .label{color:var(--g400)}
.light .label{color:var(--g700)}
.label::before{content:"";flex:none;width:7px;height:7px;background:var(--o500);clip-path:var(--hex)}

/* Botões da página (o .btn fica para o header do site) */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;transition:transform .2s var(--ease),background .2s,box-shadow .3s}
.bt:hover{transform:translateY(-1px)}
.bt svg{width:14px;height:14px;flex:none;transition:transform .25s var(--ease)}
.bt:hover svg{transform:translateX(3px)}
.bt-o{background:var(--laranja);color:var(--carbono)}
.bt-o:hover{background:var(--o400);box-shadow:0 8px 28px rgba(243,138,0,.35)}
.bt-g{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:var(--g0)}
.bt-g:hover{background:rgba(255,255,255,.06)}
.light .bt-g{box-shadow:inset 0 0 0 1px var(--g300);color:var(--carbono)}
.light .bt-g:hover{background:var(--g150)}
.bt-lg{height:48px;padding:0 24px;font-size:15px}

/* Favo regular: hexágonos iguais, colados e sem borda; só o tom muda de um para outro.
   Fonte única: /assets/images/favo-hexagonos.svg (também no blog, no lançamento, nas demos e no rodapé). */
.hexes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;background:url(/assets/images/favo-hexagonos.svg)}

/* ---------- Header: faixa de anúncio + barra flutuante branca ---------- */
:root{--navbar-height:100px}
@media (min-width:1024px){:root{--navbar-height:104px}}
.lkh{position:fixed;top:0;left:0;right:0;z-index:80;transform:translateY(calc(var(--lkh-shift,0px)*-1));transition:transform .35s var(--ease);pointer-events:none}
.lkh>*{pointer-events:auto}
.lkh-ann{display:flex;align-items:center;justify-content:center;gap:10px;height:36px;padding:0 16px;background:#141414;color:var(--g300);font-size:13px;line-height:1.2;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.06)}
.lkh-ann>i{flex:none;width:7px;height:8px;background:var(--o500);clip-path:var(--hex)}
.lkh-ann b{color:var(--g0);font-weight:500}
.lkh-ann .long{display:none}
.lkh-ann .go{display:inline-flex;align-items:center;gap:6px;color:var(--o400);font-weight:500}
.lkh-ann .go svg{width:12px;height:12px;transition:transform .25s var(--ease)}
.lkh-ann:hover .go svg{transform:translateX(3px)}

.lkh-bar{position:relative;display:flex;align-items:center;gap:4px;width:min(1180px,calc(100% - 16px));height:56px;margin:8px auto 0;padding:0 8px 0 16px;border-radius:16px;background:rgba(255,255,255,.98);color:var(--carbono);box-shadow:0 0 0 1px rgba(30,30,30,.06),0 12px 32px -14px rgba(0,0,0,.45);transition:box-shadow .3s}
.lkh.scrolled .lkh-bar{box-shadow:0 0 0 1px rgba(30,30,30,.08),0 16px 40px -16px rgba(0,0,0,.5)}
.lkh :focus-visible{outline:2px solid var(--o800);outline-offset:2px}
.lkh-logo{display:flex;align-items:center;min-height:40px;margin-right:12px;flex:none}
/* Logo oficial sem alteração: o desenho ocupa x 87–911 e y 86–215 do arquivo 996×300; --lh é a altura visível */
.logo-fit{height:calc(var(--lh)*300/129);width:auto;max-width:none;margin:calc(var(--lh)*-86/129) calc(var(--lh)*-85/129) calc(var(--lh)*-85/129) calc(var(--lh)*-87/129)}
.lkh-logo img{--lh:17px}
.lkh-nav{display:none;align-items:center;gap:2px}
.lkh-link{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--g800);white-space:nowrap;transition:background .2s,color .2s}
.lkh-link:hover,.lkh-link[aria-expanded="true"]{background:var(--g100);color:var(--carbono)}
.lkh-link svg{width:12px;height:12px;transform:rotate(90deg);transition:transform .25s var(--ease)}
.lkh-link[aria-expanded="true"] svg{transform:rotate(270deg)}
.lkh .tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:4px;background:var(--o100);color:var(--o800);font-size:11px;font-weight:500;letter-spacing:.04em}
.lkh-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.lkh-client{display:none}
.lkh-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border-radius:8px;background:var(--laranja);color:var(--carbono);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .2s,box-shadow .3s,transform .2s var(--ease)}
.lkh-cta:hover{background:var(--o400);box-shadow:0 8px 24px rgba(243,138,0,.35)}
.lkh-cta svg{width:13px;height:13px;transition:transform .25s var(--ease)}
.lkh-cta:hover svg{transform:translateX(3px)}
.lkh-cta .full{display:none}
.lkh-burger{position:relative;width:40px;height:40px;border-radius:8px;color:var(--carbono);flex:none}
.lkh-burger:hover{background:var(--g100)}
.lkh-burger span{position:absolute;left:11px;right:11px;height:1.6px;border-radius:2px;background:currentColor;transition:transform .3s var(--ease),top .3s var(--ease)}
.lkh-burger span:first-child{top:16px}
.lkh-burger span:last-child{top:23px}
.lkh-burger[aria-expanded="true"] span:first-child{top:19.5px;transform:rotate(45deg)}
.lkh-burger[aria-expanded="true"] span:last-child{top:19.5px;transform:rotate(-45deg)}

/* Painéis do desktop */
.lkh-mega,.lkh-mini{position:absolute;top:calc(100% + 8px);display:none;padding:20px;border-radius:16px;background:var(--g0);color:var(--carbono);box-shadow:0 0 0 1px rgba(30,30,30,.06),0 30px 60px -20px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .3s var(--ease),visibility .2s}
.lkh-mega{left:0;right:0}
.lkh-mini{width:300px;padding:10px}
.lkh-mega.open,.lkh-mini.open{opacity:1;visibility:visible;transform:none}
.mega-cat{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:0 10px;font:500 11.5px/1.6 var(--b);letter-spacing:.14em;text-transform:uppercase;color:var(--g600)}
.mega-cat::before{content:"";flex:none;width:6px;height:7px;background:var(--o500);clip-path:var(--hex)}
.mi{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;transition:background .2s}
.mi:hover{background:var(--g75)}
.mi-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--g100);color:var(--carbono);transition:background .2s,color .2s}
.mi:hover .mi-ic{background:var(--o100);color:var(--o800)}
.mi-ic svg{width:18px;height:18px}
.mi b,.ms b,.mega-demo b{display:block;font-size:14.5px;font-weight:500;line-height:1.3}
.mi small,.ms small,.mega-demo small{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:var(--g700)}
.mega-casos{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}
.mega-list{display:grid;grid-template-columns:1fr 1fr;align-content:start;column-gap:8px}
.mega-list .mega-cat{grid-column:1/-1}
.mega-side{display:flex;flex-direction:column;gap:2px;padding:14px 10px 10px;border-radius:12px;background:linear-gradient(180deg,rgba(252,227,194,.45),rgba(252,227,194,.12));box-shadow:inset 0 0 0 1px var(--o100)}
.mega-side .mega-cat{color:var(--o800)}
.ms{display:flex;align-items:flex-start;gap:12px;padding:9px 10px;border-radius:8px;transition:background .2s}
.ms:hover{background:rgba(255,255,255,.7)}
.ms svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--o800)}
.mega-demo{display:flex;align-items:center;gap:12px;margin-top:10px;padding:14px;border-radius:12px;background:var(--carbono);color:var(--g0);transition:transform .2s var(--ease)}
.mega-demo:hover{transform:translateY(-1px)}
.mega-demo small{color:var(--g400)}
.mega-demo .hx{flex:none;display:grid;place-items:center;width:38px;height:42px;background:var(--o500);color:var(--carbono);clip-path:var(--hex)}
.mega-demo .hx svg{width:15px;height:15px}

/* Celular: cartão sob a barra, com um nível por vez */
.lkh-mobile{position:fixed;left:8px;right:8px;top:var(--lkh-panel-top,72px);max-height:calc(100svh - var(--lkh-panel-top,72px) - 8px);overflow:auto;overscroll-behavior:contain;padding:8px;border-radius:16px;background:var(--g0);color:var(--carbono);box-shadow:0 0 0 1px rgba(30,30,30,.06),0 30px 60px -20px rgba(0,0,0,.5);opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .3s var(--ease)}
.lkh-mobile.open{opacity:1;transform:none}
.mv{animation:mvin .35s var(--ease)}
.mv.back{animation-name:mvback}
@keyframes mvin{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes mvback{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
.mrow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:0 12px;border-bottom:1px solid var(--g150);font-size:17px;font-weight:500;text-align:left;color:var(--carbono)}
.mrow .tag{margin-right:auto;margin-left:10px}
.mrow svg{width:14px;height:14px;color:var(--g600)}
.mfoot{padding:16px 4px 4px}
.mfoot .lkh-cta{width:100%;height:50px;font-size:15px}
.mback{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 8px;margin-bottom:4px;border-radius:8px;font-size:15px;font-weight:500;color:var(--g800)}
.mback svg{width:14px;height:14px;transform:rotate(180deg)}
.mback:hover{background:var(--g100)}
.msub .mega-casos,.msub .mega-list{display:block}
.msub .mega-cat{margin-top:8px}
.msub .mega-side{margin-top:12px}

@media (min-width:640px){
  .lkh-ann .long{display:inline}
}
@media (min-width:1024px){
  .lkh-bar{height:60px;padding-left:22px;gap:6px}
  .lkh-nav{display:flex}
  .lkh-client{display:inline-flex}
  .lkh-burger,.lkh-mobile{display:none!important}
  .lkh-cta .full{display:inline}.lkh-cta .short{display:none}
  .lkh-mega,.lkh-mini{display:block}
}
@media (prefers-reduced-motion:reduce){.lkh,.lkh *{transition:none!important;animation:none!important}}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;overflow:clip;text-align:center;padding-top:calc(var(--navbar-height,72px) + clamp(32px,5vw,64px))}
.hero .hexes{-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 30%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 60% 55% at 50% 30%,#000 0%,transparent 75%)}
.news{display:inline-flex;align-items:center;gap:10px;min-height:40px;max-width:100%;padding:6px 14px 6px 6px;border-radius:8px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:14px;color:var(--g300);text-align:left;opacity:0;animation:up .9s var(--ease) .05s forwards;transition:background .2s}
.news:hover{background:rgba(255,255,255,.08)}
.news b{flex:none;display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:4px;background:var(--o500);color:var(--carbono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.news strong{color:var(--g0);font-weight:500}
.news svg{flex:none;width:14px;height:14px;color:var(--o500);transition:transform .25s var(--ease)}
.news:hover svg{transform:translateX(3px)}
.hero h1{font-size:clamp(52px,7.4vw,108px);line-height:.92;letter-spacing:-.04em;margin:28px auto 24px;position:relative}
.hero h1 .line{display:block;overflow:hidden;overflow:clip;padding-bottom:.06em}
/* H1 é o elemento de LCP: entra deslizando por linha, sem começar invisível. */
.br-m{display:none}
.hero h1 .line>span{display:inline-block;animation:rise 1.1s var(--ease) both}
.hero h1 .line:nth-child(2)>span{animation-delay:.12s}
.hero .sub{font-size:16px;line-height:1.6;color:var(--g400);max-width:640px;margin:0 auto;opacity:0;animation:up 1s var(--ease) .35s forwards}
.hero .sub b{color:var(--g0);font-weight:500}
.hero .ctas{display:flex;justify-content:center;gap:12px;margin-top:32px;opacity:0;animation:up 1s var(--ease) .45s forwards}
.fine{margin-top:16px;font-size:13px;color:var(--g500)}
.hero .fine{opacity:0;animation:up 1s var(--ease) .55s forwards}
.fine i{display:inline-block;width:5px;height:6px;margin:0 8px;vertical-align:2px;background:var(--o500);clip-path:var(--hex)}
@keyframes up{to{opacity:1;transform:none}}
@keyframes rise{from{transform:translateY(105%)}to{transform:none}}
@keyframes fade{to{opacity:1}}

/* Palco: o horizonte laranja atrás de uma janela que passa pelos quatro casos de uso */
.stagewrap{position:relative;overflow:hidden;overflow:clip;margin-top:48px;padding-bottom:clamp(40px,5vw,64px)}
.stagewrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:min(48%,420px);background:linear-gradient(180deg,rgba(30,30,30,0) 0%,rgba(30,30,30,.6) 50%,var(--carbono) 92%);pointer-events:none;z-index:3}
.horizon{position:absolute;left:50%;top:36%;width:max(170%,210svh);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:var(--carbono);box-shadow:0 -1px 0 0 var(--o300),0 -10px 34px 0 rgba(243,138,0,.65),0 -60px 140px 30px rgba(220,125,0,.28),inset 0 30px 60px rgba(243,138,0,.10);opacity:0;animation:fade 1.6s var(--ease) .4s forwards}
.reel{position:relative;z-index:4;width:min(var(--wrap),calc(100% - var(--gutter)*2));margin:0 auto;transform:translateY(40px) scale(.97);animation:up 1.2s var(--ease) .5s forwards}
.flank{position:absolute;top:8%;width:46%;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 90px rgba(0,0,0,.6);opacity:.5;z-index:-1}
.flank img{width:100%;height:auto}
.flank-l{left:-16%;transform:perspective(2000px) rotateY(24deg) rotateZ(-4deg)}
.flank-r{right:-16%;transform:perspective(2000px) rotateY(-24deg) rotateZ(4deg)}
.win{position:relative;aspect-ratio:16/10;padding:8px;border-radius:16px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 28px 56px -16px rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.win .fr{position:absolute;inset:8px;border-radius:8px;overflow:hidden;background:var(--g0)}
/* Primeiro quadro no HTML: é o LCP e aparece antes do JS; o vídeo entra por cima, do mesmo tamanho */
.win-poster{position:absolute;inset:8px;border-radius:8px;overflow:hidden;background:var(--g0)}
.win-poster img{display:block;width:100%;height:100%;object-fit:cover}
.win-media{position:absolute;inset:0}
.win video{display:block;width:100%;height:100%;object-fit:cover}
.win-chip{position:absolute;left:20px;top:20px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:8px;background:rgba(23,23,23,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:var(--g0);font:500 12.5px/1 var(--b);pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.win-chip b{color:var(--o400);font-weight:500}
.reel-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;text-align:left}
.reel-step{position:relative;min-width:0;padding:14px 0 4px;color:var(--g500);text-align:left;font-size:14px;line-height:1.35;transition:color .2s}
.reel-step::before,.reel-step::after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;pointer-events:none}
.reel-step::before{background:rgba(255,255,255,.14)}
.reel-step::after{background:var(--o500);transform-origin:left;transform:scaleX(var(--progress,0))}
.reel-step b{display:block;font-family:var(--h);font-size:22px;letter-spacing:-.03em;line-height:1.1;color:var(--g400);transition:color .2s}
.reel-step b small{font:500 12px/1 var(--b);letter-spacing:.16em;color:var(--o500);margin-right:8px;vertical-align:4px}
.reel-step[aria-selected="true"],.reel-step[aria-selected="true"] b{color:var(--g0)}
.reel-step span{display:block;margin-top:4px}
.reel-play,.player-play{position:absolute;right:16px;bottom:16px;z-index:2;width:44px;height:44px;display:grid;place-items:center;padding:0;background:var(--carbono);color:var(--g0);border:1px solid var(--g600);border-radius:4px}
.reel-play svg,.player-play svg{width:16px;height:16px;fill:currentColor}

/* Clientes */
.clients{position:relative;z-index:3;text-align:center;padding-block:0 calc(var(--section-space)*.75)}
.clients p{font-size:16px;line-height:1.6;color:var(--g400)}
.clients p b{color:var(--g0);font-weight:500}
.logos{margin-top:20px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.logos .track{display:flex;align-items:center;gap:64px;width:max-content;animation:mq 40s linear infinite}
.logos:hover .track{animation-play-state:paused}
.logos img{height:var(--h,40px);width:auto;object-fit:contain;opacity:.7}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- Seções ---------- */
.section{padding-block:var(--section-space);position:relative}
.head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}
.head h2{margin-top:16px}
.head p{max-width:440px;font-size:16px;line-height:1.6;color:var(--g700)}
.dark .head p{color:var(--g400)}

/* ---------- O que resolve: os quatro casos de uso num trilho ---------- */
.steps{margin:40px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;position:relative}
.steps::before,.steps::after{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--g900)}
.steps::after{background:linear-gradient(90deg,var(--o700),var(--o500));transform:scaleX(0);transform-origin:left;transition:transform 1.8s var(--ease) .2s}
.steps li{position:relative;padding-top:40px;min-width:0}
.steps a{display:block}
.steps .node{position:absolute;left:0;top:0;width:14px;height:16px;background:var(--g700);clip-path:var(--hex);z-index:1;transition:background .4s var(--ease) calc(.35s + var(--i)*.4s)}
.steps .node::after{content:"";position:absolute;inset:2.5px;background:var(--carbono);clip-path:var(--hex);transition:transform .4s var(--ease) calc(.35s + var(--i)*.4s),background .4s var(--ease) calc(.35s + var(--i)*.4s)}
.steps .n{display:block;font:500 12px/1 var(--b);letter-spacing:.16em;color:var(--o500)}
.steps h3{margin-top:14px;font-size:clamp(28px,2.6vw,34px);color:var(--g0);transition:color .2s}
.steps a:hover h3{color:var(--o400)}
.steps .was{display:inline-block;margin-top:12px;font:500 12px/1.5 var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--g500)}
.steps .was s{text-decoration-color:var(--o500);text-decoration-thickness:1.5px}
.steps p{margin-top:12px;font-size:16px;line-height:1.6;color:var(--g400)}
.steps .go{display:inline-flex;align-items:center;gap:6px;margin-top:12px;min-height:32px;font-size:14px;font-weight:500;color:var(--o500)}
.steps .go svg{width:13px;height:13px;transform:rotate(90deg);transition:transform .25s var(--ease)}
.steps a:hover .go svg{transform:rotate(90deg) translateX(3px)}
.steps li>a>*:not(.node){opacity:0;transform:translateY(10px);transition:opacity .7s var(--ease) calc(.4s + var(--i)*.4s),transform .7s var(--ease) calc(.4s + var(--i)*.4s)}
.steps.in::after{transform:scaleX(1)}
.steps.in .node{background:var(--o500)}
.steps.in .node::after{background:var(--o500);transform:scale(.42)}
.steps.in li>a>*:not(.node){opacity:1;transform:none}

/* ---------- Casos de uso: um player por capítulo (o mesmo do hub do lançamento) ---------- */
.chapter{position:relative;padding-block:32px;min-width:0;scroll-margin-top:calc(var(--navbar-height,72px) + 16px)}
.chapter:first-child{padding-top:0}
.chapter+.chapter{border-top:1px solid var(--g200)}
.chapter-heading h3{font-size:clamp(30px,3.6vw,44px);margin-top:12px;text-wrap:balance}
.chapter-heading p{font-size:16px;line-height:1.6;color:var(--g700);margin-top:16px}
.chapter .label .n{color:var(--o500)}
.release-player{margin-top:28px;min-width:0}
.player-stage{position:relative;width:100%;aspect-ratio:16/10;border-radius:16px;padding:8px;overflow:hidden;background:var(--g0);border:1px solid var(--g200);box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 32px -12px rgba(0,0,0,.12)}
.fr{position:absolute;inset:8px;display:flex;align-items:center;justify-content:center;min-width:0;border-radius:8px;overflow:hidden}
.fr video{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px;background:var(--g0)}
.fr.app{background:var(--carbono)}
.fr.app img{max-height:100%;width:auto;height:auto;max-width:92%;border-radius:8px;box-shadow:0 24px 50px -18px rgba(0,0,0,.6)}
.ai-badge{position:absolute;top:12px;left:12px;z-index:2;display:flex;align-items:center;gap:12px;padding:7px 11px;border-radius:8px;background:rgba(23,23,23,.78);border:1px solid rgba(255,255,255,.14);color:#fff;font:500 12px/1 var(--b);pointer-events:none}
.ai-badge span{display:inline-flex;align-items:center;gap:6px}.ai-badge svg{width:16px;height:16px;fill:currentColor}
.player-tabs{position:relative;display:flex;gap:16px;overflow-x:auto;max-width:100%;min-width:0;padding:16px 0 4px;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}
.player-tabs::-webkit-scrollbar{display:none}
.player-tabs[data-more="false"]{-webkit-mask-image:none;mask-image:none}
.player-tab{position:relative;flex:0 0 auto;min-width:132px;max-width:220px;min-height:44px;padding:14px 0 8px;border-radius:4px;color:var(--g600);text-align:left;font:400 14px/1.4 var(--b);scroll-margin-inline:12px}
.player-tab::before,.player-tab::after{content:"";position:absolute;top:0;left:0;height:2px;width:100%;pointer-events:none}
.player-tab::before{background:var(--g200)}
.player-tab::after{background:var(--o500);transform-origin:left;transform:scaleX(var(--progress,0))}
.player-tab[aria-selected="true"]{color:var(--carbono);font-weight:500}
.player-tab:focus-visible,.player-play:focus-visible{outline:2px solid var(--o800);outline-offset:3px}
/* Textos das abas empilhados na mesma célula: a altura é a do maior, e nada abaixo se mexe na troca */
.player-text{display:grid;max-width:680px;padding-top:14px}
.player-text p{grid-area:1/1;color:var(--g700);font-size:16px;line-height:1.6;opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s}
.player-text p.on{opacity:1;visibility:visible}
.chapter-foot{display:grid;gap:12px;margin-top:24px}
.chapter-foot>span:empty{display:none}
.ctx{display:flex;gap:14px;align-items:flex-start;max-width:680px;padding:16px 18px;border-radius:8px;background:var(--g0);box-shadow:inset 0 0 0 1px var(--g200)}
.ctx img{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.ctx blockquote{font-size:15px;line-height:1.55;color:var(--carbono)}
.ctx figcaption{margin-top:8px;font-size:13px;color:var(--g700)}
.ctx figcaption b{font-weight:500;color:var(--carbono)}
.more{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;font-size:15px;color:var(--g700)}
.more a{display:inline-flex;align-items:center;min-height:40px;font-weight:500;color:var(--o800);text-decoration:underline;text-decoration-color:var(--g300);text-underline-offset:4px;transition:text-decoration-color .2s}
.more a:hover{text-decoration-color:currentColor}

/* ---------- Planos: prévia de preço e CTA no meio da página ---------- */
/* Palco carbono com o horizonte laranja do hero; à esquerda o argumento, à direita um card de plano de verdade */
.plan{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:40px;align-items:center;margin-top:56px;padding:40px 24px 48px;border-radius:16px;background:var(--carbono);color:var(--g0);box-shadow:0 30px 60px -34px rgba(30,30,30,.55)}
.plan .hexes{z-index:-2;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 15% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 15% 0%,#000 0%,transparent 75%)}
.plan-horizon{position:absolute;z-index:-1;right:-10%;bottom:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(243,138,0,.34),rgba(220,125,0,.12) 55%,transparent)}
.plan .k{color:var(--o500)}
.plan-copy .label{color:var(--g400)}
.plan-copy h2{margin-top:16px;font-size:clamp(32px,3.4vw,38px)}
.plan-copy>p{margin-top:16px;max-width:440px;font-size:16px;line-height:1.6;color:var(--g400)}
/* Degraus do preço por usuário: os valores públicos de /planos-leankeep */
.tiers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end;height:220px;margin-top:32px}
.tier{display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-width:0;text-align:center}
.tier b{display:block;margin-bottom:8px;font-family:var(--h);font-size:20px;line-height:1;letter-spacing:-.03em;color:var(--g0);white-space:nowrap}
.tier b small{font:500 11px/1 var(--b);letter-spacing:0;color:var(--g500)}
.tier i{display:block;height:calc(var(--v)*1%);border-radius:8px 8px 0 0;background:linear-gradient(180deg,rgba(243,138,0,.55),rgba(175,100,0,.12));box-shadow:inset 0 2px 0 var(--o400);transform-origin:bottom;transform:scaleY(0);transition:transform 1s var(--ease) calc(.2s + var(--i)*.1s)}
.tier:first-child i{background:linear-gradient(180deg,var(--o500),rgba(175,100,0,.35))}
.tier.ask i{background:none;box-shadow:none;border:1px dashed rgba(255,255,255,.3);border-bottom:0}
.tier.ask b{font-size:14px}
/* Faixas sem valor: o marcador borrado mostra que existe escada de preço; o valor de cada faixa fica para a demonstração */
.tier b{font-size:17px;font-weight:700;color:var(--g400);filter:blur(5px);user-select:none}
.tier span{display:block;padding-top:10px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;line-height:1.3;color:var(--g400);white-space:nowrap}
.plan.in .tier i{transform:none}
.tiers-note{margin-top:14px;font-size:13px;line-height:1.5;color:var(--g500)}
.tiers-note a{color:var(--o300);font-weight:500;text-decoration:underline;text-decoration-color:rgba(248,185,102,.4);text-underline-offset:4px}
.plan-card{position:relative;width:100%;max-width:440px;justify-self:center;padding:32px 28px 28px;border-radius:16px;background:var(--g0);color:var(--carbono);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 40px 80px -24px rgba(0,0,0,.7)}
.plan-badge{position:absolute;top:0;left:28px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--o500);color:var(--carbono);font-size:13px;font-weight:500;box-shadow:0 10px 24px -8px rgba(243,138,0,.6);white-space:nowrap}
.plan-badge b{font-family:var(--h);font-size:16px;letter-spacing:-.02em}
.plan-card .from{font-size:14px;font-weight:500;color:var(--g700)}
.plan-card .price{display:flex;align-items:flex-start;margin-top:6px;font-family:var(--h);font-weight:700;letter-spacing:-.04em;line-height:.85;white-space:nowrap}
.plan-card .price i{font-style:normal;font-size:24px;margin:.3em .15em 0 0;color:var(--g700)}
.plan-card .price b{font-size:clamp(72px,8vw,92px);font-weight:700}
.plan-card .price em{font-style:normal;align-self:flex-end;margin:0 0 .25em .15em;font:500 16px/1 var(--b);letter-spacing:0;color:var(--g700)}
.plan-card .size{margin-top:10px;font-size:14px;line-height:1.5;color:var(--g700)}
.plan-card ul{display:grid;margin-top:20px;border-top:1px solid var(--g200)}
.plan-card li{display:flex;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--g150);font-size:15px;line-height:1.45}
.plan-card li::before{content:"";flex:none;width:9px;height:10px;background:var(--o500);clip-path:var(--hex);transform:translateY(-1px)}
.plan-card .bt{width:100%;margin-top:24px}
.plan.reveal .plan-card{transform:translateY(28px);transition:transform 1.1s var(--ease) .15s}
.plan.reveal.in .plan-card{transform:none}

/* ---------- Para quem: duas linhas editoriais alternadas; cada perfil vê o produto pelo seu lado ---------- */
.persona{display:grid;gap:32px;align-items:center;min-width:0}
.persona+.persona{margin-top:56px;padding-top:56px;border-top:1px solid var(--g200)}
.persona-text{min-width:0}
.persona-text .who{margin-top:14px;font:500 17px/1.4 var(--b);color:var(--g800)}
.persona-text h3{margin-top:8px;font-size:clamp(30px,3.4vw,42px);text-wrap:balance}
.persona-text .for{margin-top:12px;font-size:15px;line-height:1.55;color:var(--g700)}
.persona-text ul{display:grid;gap:12px;margin-top:22px}
.persona-text li{display:flex;gap:12px;align-items:baseline;font-size:16px;line-height:1.5}
.persona-text li::before{content:"";flex:none;width:8px;height:9px;background:var(--o500);clip-path:var(--hex);transform:translateY(-1px)}
.persona-text .ctx{margin-top:24px}
.persona-link{display:inline-flex;align-items:center;gap:10px;margin-top:24px;min-height:44px;font-weight:500;color:var(--o800)}
.persona-link span{text-decoration:underline;text-decoration-color:var(--g300);text-underline-offset:4px}
.persona-link svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.persona-link:hover svg{transform:translateX(4px)}
.persona-link:hover span{text-decoration-color:currentColor}
/* Palco: carbono com favo e brilho laranja; a janela do sistema e o celular por cima, sem perspectiva (nítidos) */
.pstage{position:relative;isolation:isolate;aspect-ratio:7/5;border-radius:16px;overflow:hidden;background:var(--carbono);box-shadow:0 30px 60px -34px rgba(30,30,30,.55)}
.pstage .hexes{z-index:-1;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 20% 10%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 20% 10%,#000 0%,transparent 75%)}
.pstage::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 60% 55% at 85% 105%,rgba(243,138,0,.45),transparent 70%)}
.pwin{position:absolute;left:6%;top:14%;width:78%;aspect-ratio:16/10;border-radius:8px;background:var(--g0);box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 60px rgba(0,0,0,.5);transition:transform 1s var(--ease)}
.pwin img{width:100%;height:100%;object-fit:cover;object-position:left top;border-radius:8px}
.pphone{position:absolute;right:6%;top:30%;width:25%;aspect-ratio:9/18.5;padding:5px;border-radius:24px;background:#121212;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 30px 60px rgba(0,0,0,.6);transition:transform 1s var(--ease) .12s}
.pphone .screen{position:relative;width:100%;height:100%;border-radius:19px;overflow:hidden;background:var(--carbono)}
.pphone .screen img{position:absolute;max-width:none}
.pphone .app{left:0;top:10%;width:100%;height:auto}
/* tela do chamado sem login: a imagem da Central de Ajuda traz moldura e etiqueta; a tela útil vai de x 65 a 518 e começa em y 112 (de 580×1762) */
.pphone .crop{left:0;top:0;width:127.75%;height:auto;transform:translate(-11.21%,-6.36%)}
.ptag{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:8px;background:rgba(23,23,23,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:var(--g0);font:500 12.5px/1 var(--b);white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ptag b{color:var(--o400);font-weight:500}
.pwin .ptag{left:14px;top:-15px}
.pphone .ptag{right:calc(100% - 22px);bottom:12%}
.persona .pwin{transform:translateY(18px)}
.persona .pphone{transform:translateY(40px)}
.persona.in .pwin,.persona.in .pphone{transform:none}
.persona:hover .pphone{transform:translateY(-6px)}

/* ---------- Prova: números e o depoimento em destaque ---------- */
.proof{border-top:1px solid var(--g200)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:48px}
.stats div{padding-top:16px;border-top:2px solid var(--carbono);min-width:0}
.stats b{display:block;white-space:nowrap;font-family:var(--h);font-size:clamp(40px,6vw,72px);line-height:.95;letter-spacing:-.04em}
.stats b em{font-style:normal;color:var(--o500)}
.stats span{display:block;margin-top:8px;font-size:14px;line-height:1.45;color:var(--g700)}
.feature-quote{display:grid;gap:24px;align-items:center}
.feature-quote img{width:120px;aspect-ratio:285/312;height:auto;border-radius:16px;object-fit:cover}
.feature-quote blockquote{font-size:clamp(20px,2.4vw,30px);line-height:1.4;letter-spacing:-.01em;color:var(--carbono)}
.feature-quote blockquote::before{content:"“";display:block;font-family:var(--h);font-size:72px;line-height:.6;color:var(--o500);margin-bottom:12px}
.feature-quote figcaption{margin-top:20px;font-size:15px;color:var(--g700)}
.feature-quote figcaption b{display:block;color:var(--carbono);font-weight:500}

/* ---------- Novidades Verão 2026 ---------- */
.news-band{position:relative;overflow:hidden;overflow:clip}
.news-band canvas{position:absolute;inset:0;width:100%;height:100%}
.news-band::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(30,30,30,.92) 0%,rgba(30,30,30,.78) 45%,rgba(30,30,30,.25) 85%);pointer-events:none}
.news-band .wrap{position:relative;z-index:2}
.areas{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}
.areas::-webkit-scrollbar{display:none}
.area{scroll-snap-align:start;min-width:0;display:block}
.area-shot{position:relative;display:block;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--g0);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 24px 48px -20px rgba(0,0,0,.7);transition:transform .5s var(--ease),box-shadow .3s}
.area-shot img,.area-shot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.area-shot video{opacity:0;transition:opacity .4s}
.area-shot video.on{opacity:1}
.area:hover .area-shot{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(243,138,0,.5),0 30px 60px -20px rgba(0,0,0,.8)}
.area .label{margin-top:16px}
.area h3{margin-top:8px;font-size:22px;line-height:1.12;text-wrap:balance}
.deal{display:grid;gap:20px;align-items:center;margin-top:48px;padding:24px;border-radius:16px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.deal-pct{font-family:var(--h);font-weight:700;font-size:72px;line-height:.85;letter-spacing:-.05em;background:linear-gradient(180deg,var(--o300),var(--o500) 55%,var(--o700));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.deal-pct small{font-size:.38em;letter-spacing:-.02em}
.deal-text b{display:block;font-size:18px;font-weight:500;color:var(--g0)}
.deal-text span{display:block;margin-top:4px;font-size:15px;line-height:1.5;color:var(--g400)}
.deal-text em{font-style:normal;color:var(--g0);font-variant-numeric:tabular-nums}
.deal-ctas{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Perguntas ---------- */
.faq .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.faq .wrap>*{min-width:0}
.faq h2+p{margin-top:16px;color:var(--g400);font-size:16px;line-height:1.6}
.faq a{color:var(--o300);font-weight:500;text-decoration:underline;text-decoration-color:rgba(248,185,102,.4);text-underline-offset:4px}
.faq details{border-bottom:1px solid rgba(255,255,255,.1)}
.faq details:first-of-type{border-top:1px solid rgba(255,255,255,.1)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:40px;padding:22px 0;font-family:var(--h);font-weight:700;font-size:21px;line-height:1.2;letter-spacing:-.03em;color:var(--g0)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:28px;height:28px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);position:relative;transition:transform .35s var(--ease)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.6px;background:var(--g0);transform:translate(-50%,-50%)}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq details[open] summary i{transform:rotate(45deg)}
.faq details p{padding:0 0 24px;color:var(--g400);font-size:16px;line-height:1.6}

/* ---------- CTA final ---------- */
.final-cta{position:relative;isolation:isolate;overflow:hidden;overflow:clip;text-align:center}
.final-cta .hexes{z-index:-1;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000 0%,transparent 75%)}
.final-cta h2{margin:20px auto;font-size:clamp(40px,6vw,76px)}
.final-cta p:not(.label):not(.fine){font-size:16px;line-height:1.6;max-width:560px;margin:0 auto 28px;color:var(--g400)}

/* Guias do blog: bloco injetado pela rotina do blog antes de </main>; aqui no tom do ato escuro */
body .blog-links{padding:var(--section-space) 0;background:var(--carbono);color:var(--g0);border-top:1px solid rgba(255,255,255,.08)}
body .blog-links .container{width:calc(100% - var(--gutter)*2);max-width:var(--wrap);margin-inline:auto;padding:0}
body .blog-links__eyebrow{display:inline-flex;align-items:center;gap:8px;font:500 12px/1.6 var(--b);letter-spacing:.16em;text-transform:uppercase;color:var(--g400)}
body .blog-links__eyebrow::before{content:"";width:7px;height:7px;background:var(--o500);clip-path:var(--hex)}
body .blog-links .blog-links__head h2{color:var(--g0);font-size:clamp(28px,3.4vw,40px)!important;line-height:1.05!important;letter-spacing:-.03em}
body .blog-links__head>a,body .blog-links__read{color:var(--o300);text-decoration-color:rgba(248,185,102,.4)}
body .blog-links__list article{background:rgba(255,255,255,.03);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);border-radius:16px;max-width:none}
body .blog-links__kind{color:var(--g500)}
body .blog-links__list h3{color:var(--g0)}
body .blog-links__list h3 a{color:inherit}
body .blog-links__list p{color:var(--g400)}

.reveal{opacity:0;transform:translateY(32px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ---------- Rodapé: mesmo HTML e mesmo desenho do site (main.css) ---------- */
.footer .container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}
@media (min-width:768px){.footer .container{padding:0 2rem}}
.footer {
    --footer-text: #B9B0AA;
    --footer-muted: #8A817C;
    --footer-line: rgba(255, 255, 255, 0.08);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-color: #151515;
    color: var(--color-white) !important;
    padding: 56px 0 28px;
    font-size: 0.875rem;
}

/* Filete laranja no topo e favo discreto no canto, como nas faixas escuras do blog */
.footer::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(243, 138, 0, 0.6) 25%, rgba(243, 138, 0, 0.6) 75%, transparent);
}

.footer::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: 0.5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.77' height='81' viewBox='0 0 51.96 90'%3E%3Cpath d='M25.98 0L51.96 15V45L25.98 60L0 45V15Z M25.98 60V90' fill='none' stroke='%232E2A27'/%3E%3C/svg%3E");
    -webkit-mask-image: radial-gradient(ellipse 45% 70% at 100% 0%, #000, transparent 70%);
    mask-image: radial-gradient(ellipse 45% 70% at 100% 0%, #000, transparent 70%);
}

.footer .container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 40px;
}

.footer__grid {
    display: contents;
}

.footer__column {
    min-width: 0;
}

/* Ordem visual: marca e redes, guias, institucional. A coluna vazia sai. */
.footer__column:nth-child(3) {
    grid-column: 1 / -1;
    grid-row: 1;
}

.footer__column:nth-child(2) {
    grid-column: 1;
    grid-row: 3;
}

.footer__column:nth-child(1) {
    grid-column: 2;
    grid-row: 3;
}

.footer__column:nth-child(4):not(:has(*)) {
    display: none;
}

.footer__column:nth-child(3)::before {
    content: '';
    display: block;
    width: 140px;
    height: 22px;
    margin-bottom: 28px;
    background: url('/assets/images/logo_horizontal.svg') left center / contain no-repeat;
}

.footer h2,
.footer .footer__column h2,
.footer .footer__apps h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    font-family: 'Blinker', 'Roboto', sans-serif;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #FFFFFF;
}

.footer h2::before {
    content: '';
    flex: none;
    width: 7px;
    height: 8px;
    background: #F38A00;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.footer__column ul,
.footer .footer__knowledge ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
}

.footer li {
    margin: 0;
    padding: 0;
    line-height: 1.45;
}

.footer__column a,
.footer .footer__knowledge a {
    display: inline-block;
    max-width: 100%;
    padding: 10px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.45;
    color: var(--footer-text);
    text-decoration: none;
    overflow-wrap: break-word;
    transition: color 0.2s ease;
}

.footer__column a:hover,
.footer__column a:focus-visible,
.footer .footer__knowledge a:hover,
.footer .footer__knowledge a:focus-visible {
    color: #FFFFFF;
    text-decoration: underline;
    text-decoration-color: #F38A00;
    text-underline-offset: 4px;
}

/* Guias e materiais (bloco editorial acrescentado pelo blog) */
.footer .footer__knowledge {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 40px;
    width: auto;
    margin: 0;
    padding: 40px 0 0;
    border-top: 1px solid var(--footer-line);
    text-align: left;
}

.footer__knowledge > div {
    min-width: 0;
}

/* Redes e aplicativos: mesma família de botões, sem as cores de cada marca */
.footer__social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
}

.footer .footer__social a.social-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.footer .footer__social a.social-icon:hover,
.footer .footer__social a.social-icon:focus-visible {
    background: #F38A00;
    box-shadow: inset 0 0 0 1px #F38A00;
    color: #1E1E1E;
    transform: translateY(-1px);
    text-decoration: none;
}

.footer .footer__social svg {
    width: 18px;
    height: 18px;
    color: inherit;
}

.footer .footer__social svg path {
    fill: currentColor !important;
}

.footer__apps h2 {
    margin-top: 0;
}

.app-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.footer .app-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

.footer .app-badge:hover,
.footer .app-badge:focus-visible {
    background: rgba(255, 255, 255, 0.09);
    box-shadow: inset 0 0 0 1px rgba(243, 138, 0, 0.7);
    color: #FFFFFF;
    text-decoration: none;
}

.footer .app-badge svg {
    width: 16px;
    height: 16px;
    flex: none;
}

.footer__demo-card {
    background-color: var(--color-white);
    color: var(--color-white);
    padding: 1rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.footer__demo-avatar {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background-color: var(--color-gray);
}

.footer__demo-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer__demo-text {
    font-size: 0.75rem;
    font-weight: 700;
}

.footer__demo-cta {
    font-size: 0.75rem;
    color: var(--color-dark-gray);
    margin-top: 0.25rem;
}

.footer__bottom {
    grid-column: 1 / -1;
    margin-top: 8px;
    padding-top: 24px;
    border-top: 1px solid var(--footer-line);
    text-align: left;
    color: var(--footer-muted);
    font-size: 12px;
}

.footer__bottom p {
    margin: 0;
    max-width: 120ch;
    font-size: 12px;
    line-height: 1.7;
    color: inherit;
}

.footer__legal-details {
    color: inherit;
}

@media (min-width: 768px) {
    .footer {
        padding-top: 72px;
    }

    .footer .container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 40px;
    }

    .footer .footer__knowledge {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 40px;
    }

    .footer__legal-details {
        display: block;
    }
}

@media (min-width: 1024px) {
    .footer .container {
        grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 1fr));
        column-gap: 40px;
        row-gap: 32px;
    }

    .footer__column:nth-child(3) {
        grid-column: 1;
        grid-row: 1 / span 2;
        padding-right: 24px;
    }

    .footer .footer__knowledge {
        grid-column: 2 / 5;
        grid-row: 1 / span 2;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-columns: subgrid;
        align-content: start;
        padding: 0;
        border-top: 0;
    }

    .footer__column:nth-child(2) {
        grid-column: 5;
        grid-row: 1;
    }

    .footer__column:nth-child(1) {
        grid-column: 5;
        grid-row: 2;
    }

    .footer__column a,
    .footer .footer__knowledge a {
        padding: 6px 0;
    }

    .footer__bottom {
        margin-top: 24px;
    }
}

@media print {
    .footer::before,
    .footer::after {
        display: none;
    }
}

/* ---------- Responsivo ---------- */
@media (min-width:640px){
  .deal{grid-template-columns:auto 1fr;padding:28px 32px}
  .deal-ctas{grid-column:1/-1}
  .feature-quote{grid-template-columns:160px 1fr;gap:40px}
  .feature-quote img{width:160px}
}
@media (min-width:900px){
  :root{--gutter:40px}
  .hero .sub,.head p,.chapter-heading p,.final-cta p:not(.label):not(.fine){font-size:18px}
  .head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px}
  .head p{justify-self:end;width:100%}
  .chapter-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px}
  .chapter-heading p{max-width:420px;justify-self:end;margin-top:0}
  .chapter{padding-block:48px}
  .player-tab{flex:1 1 0;min-width:0;max-width:none;font-size:15px}
  .player-tabs{-webkit-mask-image:none;mask-image:none}
  .plan{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:56px;padding:64px}
  .plan-horizon{right:-6%;bottom:-40%;width:60%}
  .head.wide{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}
  .head.wide h2{font-size:clamp(36px,4.6vw,56px)}
  .head.wide h2 .ln{display:block;white-space:nowrap}
  .persona{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}
  .persona.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .persona.rev .pstage{order:-1}
  .areas{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0}
  .deal{grid-template-columns:auto 1fr auto}
  .deal-ctas{grid-column:auto}
  .faq .wrap{grid-template-columns:.8fr 1.2fr;gap:64px}
  .faq h2{position:sticky;top:calc(var(--navbar-height,72px) + 32px)}
}
@media (max-width:1080px){
  .steps{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:36px;max-width:640px}
  .steps::before,.steps::after{left:6px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
  .steps::after{transform:scaleY(0);transform-origin:top}
  .steps.in::after{transform:scaleY(1)}
  .steps li{padding:0 0 0 36px}
  .steps .node{top:2px}
  .steps .n{display:inline-block;margin-right:10px;vertical-align:5px}
  .steps h3{display:inline;margin:0;font-size:28px}
  .steps .was{display:block;margin-top:8px}
  .steps p{margin-top:6px}
}
@media (max-width:899px){
  .flank{display:none}
  .reel-steps{gap:10px}
  .reel-step b{font-size:17px}
  .reel-step b small{display:block;margin:0 0 6px}
  .reel-step span{display:none}
}
@media (max-width:640px){
  .news{font-size:13px;gap:8px}
  .news .long{display:none}
  .hero h1{font-size:clamp(46px,14.6vw,64px);margin:22px auto 16px}
  .br-m{display:inline}
  .hero .ctas{flex-direction:column;align-items:stretch;max-width:320px;margin:24px auto 0;gap:8px}
  .stagewrap{margin-top:32px}
  .win{aspect-ratio:4/5}
  .win-chip{left:14px;top:14px;font-size:11.5px}
  .reel-step{font-size:12px}
  .reel-step b{font-size:15px}
  .player-stage.has-video{aspect-ratio:4/5}
  .logos img{height:calc(var(--h,40px)*.86)}
  .logos .track{gap:40px}
  .stats{grid-template-columns:1fr;gap:20px}
  .stats div{display:flex;align-items:baseline;gap:16px}
  .stats span{margin-top:0}
  .plan-ctas .bt,.deal-ctas .bt,.final-cta .bt{width:100%}
  .pstage{aspect-ratio:6/5}
  .pwin{top:12%;width:84%}
  .pphone{width:30%;top:38%;right:5%;border-radius:18px;padding:4px}
  .pphone .screen{border-radius:14px}
  .ptag{font-size:11px;padding:6px 9px}
  .pphone .ptag{bottom:auto;top:30%}
  .deal-pct{font-size:60px}
  .faq summary{font-size:19px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .news,.hero .sub,.hero .ctas,.hero .fine,.horizon,.reel,.reveal,.steps li>a>*{opacity:1!important;transform:none!important}
}

/* ======================================================================
   Páginas internas (funcionalidades e casos de uso), 23/10/2026
   ====================================================================== */
.hero.inner h1{font-size:clamp(44px,6vw,84px);line-height:.95;max-width:20ch;margin-inline:auto}
.crumbs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:22px;font-size:13px;color:var(--g500);opacity:0;animation:up .9s var(--ease) .05s forwards}
.crumbs a{color:var(--g400);text-decoration:underline;text-decoration-color:rgba(255,255,255,.2);text-underline-offset:3px}
.crumbs a:hover{color:var(--g0)}
.crumbs span[aria-hidden]{color:var(--g700)}
.hero.inner .label{opacity:0;animation:up .9s var(--ease) .05s forwards}
.hero.inner h1{margin-top:20px}
/* Mídia dos players já vem no HTML (pôster); o JS troca pelo vídeo */
.win-poster,.stage-poster{position:absolute;inset:8px;border-radius:8px;overflow:hidden;background:var(--g0)}
.win-poster img,.stage-poster img{display:block;width:100%;height:100%;object-fit:cover}
.stage-poster img{object-fit:contain}
.stage-poster.app{background:var(--carbono);display:flex;align-items:center;justify-content:center}
.stage-poster.app img{width:auto;height:auto;max-width:92%;max-height:100%;border-radius:8px;box-shadow:0 24px 50px -18px rgba(0,0,0,.6)}
.win-media{position:absolute;inset:0}
.player-stage .stage-media{position:absolute;inset:0}
.player-stage .stage-media:empty{display:none}
/* Detalhes: o que vem junto, em texto corrido para quem quer ler tudo */
.details-grid{display:grid;gap:0;border-top:1px solid var(--g200)}
.detail{padding:24px 0;border-bottom:1px solid var(--g200);min-width:0}
.detail h3{display:flex;gap:12px;align-items:baseline;font-size:22px;line-height:1.15}
.detail h3::before{content:"";flex:none;width:9px;height:10px;background:var(--o500);clip-path:var(--hex);transform:translateY(-2px)}
.detail p{margin-top:10px;padding-left:21px;font-size:16px;line-height:1.6;color:var(--g700)}
.detail p a,.prose a{color:var(--o800);font-weight:500;text-decoration:underline;text-decoration-color:var(--g300);text-underline-offset:3px}
/* Relacionadas */
.related-grid{display:grid;gap:12px}
.rel{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 22px 20px;border-radius:16px;background:var(--g0);box-shadow:0 0 0 1px var(--g200);transition:box-shadow .25s,transform .25s var(--ease)}
.rel:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--o300),0 18px 36px -24px rgba(30,30,30,.4)}
.rel .label{font-size:11px}
.rel b{font-family:var(--h);font-size:22px;line-height:1.15;letter-spacing:-.02em}
.rel span:not(.label){font-size:15px;line-height:1.5;color:var(--g700)}
.rel svg{position:absolute;right:20px;top:22px;width:16px;height:16px;color:var(--o800);transition:transform .25s var(--ease)}
.rel:hover svg{transform:translateX(4px)}
/* Depoimento único */
.quote-band{border-top:1px solid var(--g200)}
/* FAQ: resposta com links */
.faq details p a{color:var(--o300)}
@media (min-width:640px){
  .details-grid{grid-template-columns:1fr 1fr;column-gap:48px}
  .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .hero.inner h1{font-size:clamp(40px,11.5vw,58px)}
  .crumbs{margin-bottom:16px}
}

/* Primeiro vídeo do topo, sem pôster: invisível até tocar, deixando o pôster do HTML à mostra */
.win video:not([poster]):not(.on){opacity:0}
.win .fr:has(video:not([poster]):not(.on)){background:transparent}

/* Título das páginas internas: mesma distância entre todas as linhas, quebrem dentro de um bloco ou entre blocos.
   O span em bloco tira o espaço extra da linha do inline-block; padding e margem negativa dão folga a acentos e descendentes sem mudar o espaçamento. */
.hero.inner h1{line-height:.88}
/* margens verticais vizinhas se sobrepõem: a compensação fica toda na margem de baixo */
.hero.inner h1 .line{padding:.12em 0;margin:0 0 -.24em}
.hero.inner h1 .line:first-child{margin-top:-.12em}
.hero.inner h1 .line:last-child{margin-bottom:-.12em}
.hero.inner h1 .line>span{display:block}

/* ======================================================================
   Variações de página (23/10/2026): estilos de topo e blocos.
   Cada página escolhe o topo e a sequência de blocos no JSON; ver conteudo/BRIEF.md.
   ====================================================================== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.white{background:var(--g0)}
.band{background:var(--o500)}
.section.cont{padding-top:0}
.bt-c{background:var(--carbono);color:var(--g0)}
.bt-c:hover{background:#000;box-shadow:0 10px 28px -8px rgba(0,0,0,.5)}
.light .bt-g{box-shadow:inset 0 0 0 1px rgba(30,30,30,.2);color:var(--carbono)}
.light .crumbs{color:var(--g700)}
.light .crumbs a{color:var(--g800);text-decoration-color:var(--g300)}
.light .crumbs a:hover{color:var(--carbono)}
.light .crumbs span[aria-hidden]{color:var(--g400)}

/* Topo split: texto à esquerda, animação à direita */
.hero.split{text-align:left;padding-bottom:clamp(40px,6vw,80px)}
.hero.split .hexes{-webkit-mask-image:radial-gradient(ellipse 70% 70% at 75% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 75% 40%,#000 0%,transparent 75%)}
.split-grid{position:relative;display:grid;gap:40px;align-items:center}
.hero.split .crumbs{justify-content:flex-start}
.hero.split h1{margin-inline:0;max-width:14ch}
.hero.split .sub{margin-inline:0;max-width:520px}
.hero.split .ctas{justify-content:flex-start}
.hero.split .fine{justify-content:flex-start}
.split-media .stagewrap{margin-top:0;padding-bottom:0;overflow:visible}
.split-media .stagewrap::after,.split-media .horizon{display:none}
.split-media .reel{width:100%}
.split-media .win{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 40px 90px -30px rgba(243,138,0,.45),0 28px 56px -16px rgba(0,0,0,.6)}
.split-media .reel-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:16px}
.split-media .reel-step span{display:none}
.split-media .reel-step b{font-size:15px}
@media (min-width:1000px){
  .split-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px}
  .hero.split h1{font-size:clamp(44px,5vw,72px)}
}

/* Topo palco: claro, título largo; animação num palco laranja */
.hero.palco{text-align:left;padding-bottom:0;color:var(--carbono)}
.hero.palco .crumbs{justify-content:flex-start}
.palco-head{display:grid;gap:24px;align-items:end}
.hero.palco h1{margin:18px 0 0;max-width:13ch}
.hero.palco .sub{margin:0;color:var(--g800);max-width:480px}
.hero.palco .sub b{color:var(--carbono)}
.hero.palco .ctas{justify-content:flex-start;margin-top:24px}
.hero.palco .fine{justify-content:flex-start;color:var(--g700)}
.palco-stage{position:relative;isolation:isolate;margin-top:clamp(32px,5vw,56px);padding:clamp(20px,4vw,48px) clamp(16px,4vw,48px) 0;border-radius:16px 16px 0 0;overflow:hidden;overflow:clip;background:linear-gradient(160deg,var(--o400),var(--o600) 60%,var(--o700))}
.palco-stage .hexes{z-index:-1;opacity:.35;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
.palco-stage .stagewrap{margin-top:0;padding-bottom:0;overflow:visible}
.palco-stage .stagewrap::after,.palco-stage .horizon{display:none}
.palco-stage .reel{width:min(920px,100%)}
.palco-stage .win{border-radius:12px 12px 0 0;padding-bottom:0;aspect-ratio:16/9.4;background:rgba(30,30,30,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 -20px 60px -20px rgba(99,56,0,.5)}
.palco-stage .win .fr,.palco-stage .win-poster{bottom:0;border-radius:6px 6px 0 0}
.palco-stage .win-chip{background:var(--carbono)}
.palco-stage .reel-steps{position:absolute;left:0;right:0;top:auto;bottom:16px;z-index:5;width:max-content;max-width:calc(100% - 24px);margin:0 auto;padding:6px;display:flex;gap:4px;border-radius:999px;background:rgba(30,30,30,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.palco-stage .reel-step{padding:8px 14px;border-radius:999px;text-align:left}
.palco-stage .reel-step::before,.palco-stage .reel-step::after{display:none}
.palco-stage .reel-step span,.palco-stage .reel-step b small{display:none}
.palco-stage .reel-step b{font-size:13.5px;color:var(--g400)}
.palco-stage .reel-step[aria-selected="true"]{background:var(--g0)}
.palco-stage .reel-step[aria-selected="true"] b{color:var(--carbono)}
@media (min-width:900px){
  .palco-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}
  .hero.palco h1{font-size:clamp(48px,6vw,88px)}
}
@media (max-width:640px){
  .palco-stage{margin-inline:0;width:100%;border-radius:0}
  .palco-stage .win{aspect-ratio:4/5}
  .palco-stage .reel-steps{overflow-x:auto;scrollbar-width:none;justify-content:flex-start;bottom:12px}
  .palco-stage .reel-step{flex:none;padding:7px 12px}
}

/* Topo editorial: claro, sem mídia, com resumo e índice */
.hero.editorial{text-align:left;padding-bottom:clamp(40px,6vw,72px);color:var(--carbono);border-bottom:1px solid var(--g200)}
.hero.editorial .crumbs{justify-content:flex-start}
.ed-grid{display:grid;gap:32px}
.hero.editorial h1{margin:18px 0 0;max-width:16ch;font-size:clamp(42px,5.4vw,76px)}
.hero.editorial .sub{margin:24px 0 0;color:var(--g800);max-width:560px}
.hero.editorial .ctas{justify-content:flex-start;margin-top:28px}
.hero.editorial .fine{justify-content:flex-start;color:var(--g700)}
.ed-side{display:grid;gap:16px;align-content:start;opacity:0;animation:up 1s var(--ease) .5s forwards;transform:translateY(16px)}
.resumo{padding:22px 24px;border-radius:16px;background:var(--g0);box-shadow:0 0 0 1px var(--g200),0 24px 48px -32px rgba(30,30,30,.35);border-left:3px solid var(--o500)}
.resumo p:not(.label){margin-top:10px;font-size:16px;line-height:1.6;color:var(--carbono)}
.resumo p a{color:var(--o800);text-decoration:underline;text-underline-offset:3px}
.toc{padding:4px 4px 0}
.toc ol{margin-top:10px;counter-reset:toc;display:grid;gap:2px}
.toc li{counter-increment:toc}
.toc a{display:flex;gap:12px;padding:7px 0;font-size:15px;color:var(--g800);border-bottom:1px solid var(--g200);transition:color .2s}
.toc a::before{content:counter(toc,decimal-leading-zero);font-size:12px;color:var(--o800);font-weight:500;padding-top:2px}
.toc a:hover{color:var(--carbono)}
@media (min-width:900px){
  .ed-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:64px;align-items:end}
}

/* Capítulos alternados: texto e abas num lado, palco do outro */
.chapter.alt{padding-block:clamp(32px,5vw,56px)}
.chapter.alt+.chapter.alt{border-top:1px solid var(--g200)}
.alt-grid{display:grid;gap:28px;align-items:center}
.alt-copy h3{margin-top:14px;font-size:clamp(30px,3.4vw,44px)}
.alt-p{margin-top:14px;font-size:16px;line-height:1.6;color:var(--g700);max-width:460px}
.alt-copy .player-tabs{flex-direction:column;align-items:stretch;gap:0;margin-top:24px;overflow:visible;-webkit-mask-image:none;mask-image:none;border-top:1px solid var(--g200)}
.alt-copy .player-tab{max-width:none;flex:none;text-align:left;padding:13px 0 13px 18px;border-bottom:1px solid var(--g200);font-size:15px;border-radius:0}
.alt-copy .player-tab::before{left:0;right:auto;top:12px;bottom:12px;width:2px;height:auto}
.alt-copy .player-tab::after{left:0;right:auto;top:12px;bottom:12px;width:2px;height:auto;transform:scaleY(var(--progress,0));transform-origin:top}
.alt-copy .player-text{margin-top:16px;min-height:4.8em}
.alt-copy .ctx{margin-top:20px}
.alt-copy .more{margin-top:14px}
.alt-stage .player-stage{margin:0}
.alt-stage{position:relative;isolation:isolate;padding:clamp(14px,2.4vw,28px);border-radius:16px;background:linear-gradient(150deg,var(--o400),var(--o600) 70%)}
.alt-stage::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:url(/assets/images/favo-hexagonos.svg);opacity:.25;mix-blend-mode:multiply}
.chapter.alt:nth-of-type(3n+2) .alt-stage{background:linear-gradient(150deg,#2a2a2a,var(--carbono))}
.chapter.alt:nth-of-type(3n+2) .alt-stage::before{mix-blend-mode:normal;opacity:.5}
@media (min-width:900px){
  .alt-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px}
  .chapter.alt.rev .alt-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .chapter.alt.rev .alt-stage{order:-1}
}

/* Bento: cartões de tamanhos diferentes, vídeo toca ao aparecer */
.bento{display:grid;gap:12px}
.bx{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;overflow:clip;background:var(--g100);box-shadow:inset 0 0 0 1px var(--g200);min-width:0}
.light .bx{background:var(--g0)}
.dark .bx{background:#262626;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.bx-media{position:relative;aspect-ratio:16/10;margin:8px 8px 0;border-radius:10px;overflow:hidden;background:var(--carbono)}
.bx-poster,.bx-media .fr{position:absolute;inset:0;display:block}
.bx-poster img,.bx-media video{display:block;width:100%;height:100%;object-fit:cover}
.bx-poster.app{display:flex;align-items:center;justify-content:center}
.bx-poster.app img{width:auto;max-height:92%;border-radius:8px}
.bx-media video{position:absolute;inset:0;opacity:0;transition:opacity .4s}
.bx-media video.on{opacity:1}
.bx-copy{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.bx-copy h3{font-size:24px;line-height:1.1}
.bx-copy p{font-size:15px;line-height:1.55;color:var(--g700)}
.dark .bx-copy p{color:var(--g400)}
.bx-link{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--o800)}
.dark .bx-link{color:var(--o300)}
.bx-link svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.bx:hover .bx-link svg{transform:translateX(3px)}
.bx.no-media .bx-copy{padding:28px}
.bx.no-media h3{font-size:28px}
@media (min-width:760px){
  .bento{grid-template-columns:repeat(6,minmax(0,1fr))}
  .bx{grid-column:span 2}
  .bx-g{grid-column:span 4;grid-row:span 2}
  .bx-g .bx-media{aspect-ratio:auto;flex:1;min-height:320px}
  .bx-m{grid-column:span 2}
  .bx-p{grid-column:span 2}
  .bx-g .bx-copy h3{font-size:30px}
}

/* Números no fundo escuro */
.dark .stats div{border-top-color:rgba(255,255,255,.18)}
.dark .stats span{color:var(--g400)}
.blk-numeros .stats{margin-bottom:0}
.blk-numeros .stats:has(div:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.blk-numeros .stats:has(div:nth-child(4)){grid-template-columns:1fr 1fr}}

/* Comparativo */
.cmp{overflow-x:auto;border-radius:16px;background:var(--g0);box-shadow:0 0 0 1px var(--g200);scrollbar-width:thin}
.cmp table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.45}
.cmp th,.cmp td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--g150)}
.cmp tbody tr:last-child>*{border-bottom:0}
.cmp thead th{font-family:var(--h);font-size:20px;letter-spacing:-.02em;padding-block:20px;color:var(--carbono)}
.cmp thead td{width:34%}
.cmp tbody th{font-weight:500;color:var(--carbono);position:sticky;left:0;background:var(--g0);z-index:1}
.cmp td{color:var(--g800)}
.cmp .us{background:linear-gradient(180deg,rgba(243,138,0,.08),rgba(243,138,0,.05));color:var(--carbono)}
.cmp thead .us{color:var(--o800);box-shadow:inset 0 3px 0 var(--o500)}
.cmp-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%}
.cmp-ic svg{width:15px;height:15px}
.cmp-ic.sim{background:var(--o500);color:var(--carbono)}
.cmp-ic.nao{background:var(--g150);color:var(--g700)}
.cmp-ic.parcial{background:var(--g200);color:var(--g800)}
.cmp-note{margin-top:14px;font-size:14px;color:var(--g700)}
.dark .cmp{background:#262626;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.dark .cmp th,.dark .cmp td{border-color:rgba(255,255,255,.08)}
.dark .cmp thead th,.dark .cmp tbody th{color:var(--g0);background:#262626}
.dark .cmp td{color:var(--g400)}
.dark .cmp .us{color:var(--g0)}

/* Detalhes em lista numerada, com o título fixo ao lado */
.dl-grid{display:grid;gap:8px}
.dl-head .head{margin-bottom:8px}
.dl-list{counter-reset:none}
.dl-list li{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:22px 0;border-top:1px solid var(--g200)}
.dl-list .n{font-family:var(--h);font-size:20px;color:var(--o800);padding-top:2px}
.dl-list h3{font-size:22px;line-height:1.15}
.dl-list p{margin-top:8px;font-size:16px;line-height:1.6;color:var(--g700)}
.dl-list p a{color:var(--o800);text-decoration:underline;text-decoration-color:var(--g300);text-underline-offset:3px}
@media (min-width:900px){
  .dl-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:start}
  .dl-head{position:sticky;top:calc(var(--navbar-height,72px) + 32px)}
  .dl-head .head{display:block}
  .dl-head .head p{margin-top:16px}
}

/* Detalhes em acordeão */
.acc{border-top:1px solid var(--g200)}
.acc details{border-bottom:1px solid var(--g200)}
.acc summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-family:var(--h);font-size:22px;line-height:1.2;letter-spacing:-.02em;cursor:pointer;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary i{position:relative;flex:none;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--g300)}
.acc summary i::before,.acc summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:var(--carbono);transform:translate(-50%,-50%);transition:transform .3s var(--ease)}
.acc summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.acc details[open] summary i::after{transform:translate(-50%,-50%)}
.acc details p{padding:0 44px 22px 0;font-size:16px;line-height:1.65;color:var(--g700);max-width:760px}
.acc details p a{color:var(--o800);text-decoration:underline;text-underline-offset:3px}

/* Cartões de link */
.cards{display:grid;gap:12px}
.card{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 24px 22px;border-radius:16px;background:var(--g0);box-shadow:0 0 0 1px var(--g200);transition:box-shadow .25s,transform .25s var(--ease);min-width:0}
.white .card{background:var(--g100)}
.dark .card{background:#262626;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--o300),0 18px 36px -24px rgba(30,30,30,.4)}
.card-ic{display:flex;align-items:center;justify-content:center;width:44px;height:48px;margin-bottom:6px;background:var(--carbono);color:var(--o500);clip-path:var(--hex)}
.dark .card-ic{background:var(--o500);color:var(--carbono)}
.card-ic svg{width:21px;height:21px}
.card .label{font-size:11px}
.card b{font-family:var(--h);font-size:24px;line-height:1.1;letter-spacing:-.02em;padding-right:28px}
.card-p{font-size:15px;line-height:1.55;color:var(--g700)}
.dark .card-p{color:var(--g400)}
.card-go{position:absolute;right:22px;top:26px;width:16px;height:16px;color:var(--o800);transition:transform .25s var(--ease)}
.dark .card-go{color:var(--o300)}
.card:hover .card-go{transform:translateX(4px)}
@media (min-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Glossário */
.az{position:sticky;top:calc(var(--navbar-height,72px) + 8px);z-index:5;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:8px;border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 0 0 1px var(--g200);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.az a{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:8px;font-family:var(--h);font-size:17px;color:var(--carbono)}
.az a:hover{background:var(--o500)}
.az-group{display:grid;gap:8px;padding:28px 0;border-top:1px solid var(--g200);scroll-margin-top:calc(var(--navbar-height,72px) + 72px)}
.az-group h3{font-size:44px;line-height:1;color:var(--o500)}
.term{padding:14px 0;scroll-margin-top:calc(var(--navbar-height,72px) + 72px)}
.term+.term{border-top:1px dashed var(--g200)}
.term dt{font-family:var(--h);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--carbono)}
.term dt small{margin-left:10px;font:500 12px/1 var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--g700)}
.term dd{margin-top:6px;font-size:16px;line-height:1.65;color:var(--g800);max-width:760px}
.term dd a{color:var(--o800);text-decoration:underline;text-underline-offset:3px}
.term-more{display:inline-block;margin-left:6px;font-weight:500}
.term:target{background:linear-gradient(90deg,rgba(243,138,0,.1),transparent 70%);border-radius:8px}
@media (min-width:900px){.az-group{grid-template-columns:120px 1fr;gap:32px}}

/* Texto corrido */
.prose{display:grid;gap:8px;max-width:760px}
.prose-sec{padding:24px 0;border-top:1px solid var(--g200);scroll-margin-top:calc(var(--navbar-height,72px) + 24px)}
.prose-sec h3{font-size:clamp(24px,2.6vw,32px);line-height:1.12}
.prose-sec p{margin-top:12px;font-size:17px;line-height:1.7;color:var(--g800)}
.prose-sec p b{color:var(--carbono);font-weight:500}
.prose-sec ul{margin-top:12px;display:grid;gap:8px}
.prose-sec li{position:relative;padding-left:22px;font-size:17px;line-height:1.6;color:var(--g800)}
.prose-sec li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:9px;background:var(--o500);clip-path:var(--hex)}
.blk-texto .head{margin-bottom:8px}
@media (min-width:1000px){
  .blk-texto .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:start}
  .blk-texto .head{position:sticky;top:calc(var(--navbar-height,72px) + 32px);display:block}
  .blk-texto .head p{margin-top:16px}
}

/* CTA no meio: faixa laranja */
.blk-cta{padding-block:clamp(40px,5vw,64px)}
.blk-cta.band{background:var(--g100)}
.midcta{position:relative;isolation:isolate;overflow:hidden;overflow:clip;display:grid;gap:24px;align-items:center;padding:clamp(28px,4vw,48px);border-radius:16px;background:linear-gradient(135deg,var(--o400),var(--o600));color:var(--carbono)}
.midcta .hexes{z-index:-1;opacity:.3;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 60% 90% at 90% 50%,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 90% at 90% 50%,#000,transparent 75%)}
.midcta h2{font-size:clamp(32px,4vw,52px)}
.midcta h2 .k{color:var(--g0)}
.midcta p{margin-top:12px;max-width:520px;font-size:16px;line-height:1.6;color:rgba(30,30,30,.82)}
.midcta p a{text-decoration:underline}
@media (min-width:900px){.midcta{grid-template-columns:1fr auto;gap:48px}}
@media (max-width:640px){.midcta .bt{width:100%}}

/* Linha do tempo */
.tl{position:relative;display:grid;gap:0;max-width:880px;margin-left:auto}
.tl::before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,var(--o500),rgba(243,138,0,.15))}
.light .tl::before{background:linear-gradient(180deg,var(--o500),var(--g200))}
.tl li{position:relative;display:grid;gap:6px;padding:0 0 36px 40px}
.tl li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:18px;background:var(--o500);clip-path:var(--hex)}
.tl-when{font:500 12px/1.6 var(--b);letter-spacing:.16em;text-transform:uppercase;color:var(--o300)}
.light .tl-when{color:var(--o800)}
.tl-body h3{font-size:clamp(24px,2.6vw,32px);line-height:1.12}
.tl-body p{margin-top:8px;font-size:16px;line-height:1.6;color:var(--g400);max-width:600px}
.light .tl-body p{color:var(--g700)}
.tl-body p a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.tl-media{position:relative;margin-top:16px;max-width:560px;aspect-ratio:16/10;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 24px 48px -24px rgba(0,0,0,.6)}
.tl-poster{position:absolute;inset:0}
.tl-poster img{width:100%;height:100%;object-fit:cover}
.tl-poster.app{display:flex;justify-content:center;background:var(--carbono)}
.tl-poster.app img{width:auto;height:100%}
@media (min-width:900px){
  .tl li{grid-template-columns:150px 1fr;gap:28px;padding-left:48px}
  .tl-when{padding-top:6px}
}

/* Antes e depois */
.dores{max-width:960px}
.dr-cols{display:none}
.dores ol{display:grid;gap:10px}
.dores li{display:grid;gap:10px;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.light .dores li{background:var(--g0);box-shadow:0 0 0 1px var(--g200)}
.dores .was{font-size:15px;line-height:1.5;color:var(--g500);text-decoration:line-through;text-decoration-color:rgba(243,138,0,.6);text-decoration-thickness:1.5px}
.light .dores .was{color:var(--g700)}
.dores .now{font-size:17px;line-height:1.5;color:var(--g0);font-weight:500}
.light .dores .now{color:var(--carbono)}
.dores .now a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.dr-go{width:18px;height:18px;color:var(--o500);transform:rotate(90deg)}
@media (min-width:800px){
  .dr-cols{display:grid;grid-template-columns:1fr 18px 1fr;gap:24px;padding:0 20px 10px;font:500 12px/1.6 var(--b);letter-spacing:.16em;text-transform:uppercase;color:var(--g500)}
  .dr-cols span:last-child{grid-column:3;color:var(--o300)}
  .light .dr-cols span:last-child{color:var(--o800)}
  .dores li{grid-template-columns:1fr 18px 1fr;gap:24px;align-items:center;padding:20px}
  .dr-go{transform:none}
}

/* Trecho preservado de página antiga (formulários) */
.kept{max-width:760px}

/* Depoimento como bloco: linha de separação quando encosta em outro bloco claro */
.blk-citacao.cont{padding-top:var(--section-space);border-top:1px solid var(--g200)}

/* Trilho em fundo claro */
.light .steps::before{background:var(--g200)}
.light .steps .node{background:var(--g300)}
.light .steps .node::after{background:var(--g100)}
.white .steps .node::after{background:var(--g0)}
.light .steps h3{color:var(--carbono)}
.light .steps a:hover h3{color:var(--o800)}
.light .steps .was{color:var(--g700)}
.light .steps p{color:var(--g700)}
.light .steps .go{color:var(--o800)}
.light .steps .n{color:var(--o800)}
/* Topo split: o título cabe na coluna */
.hero.split h1{max-width:none}
@media (min-width:1000px){.hero.split h1{font-size:clamp(44px,4.3vw,64px)}}
.hero.palco h1{max-width:16ch}
@media (min-width:900px){.hero.palco h1{font-size:clamp(46px,5.2vw,76px)}}
@media (max-width:640px){
  .hero.split .ctas,.hero.palco .ctas,.hero.editorial .ctas{margin-left:0;margin-right:0;max-width:none}
  .hero.split .fine,.hero.palco .fine,.hero.editorial .fine{text-align:left}
}


/* ---------- Páginas institucionais e de conversão: trechos preservados (formulários, vídeo, busca da /faq) ----------
   Fonte: 03-projetos/site-novo/parciais/estilos-institucionais.css. Usa os tokens do lk-v2.css (--g*, --o*, --carbono, --h, --b).
   Os formulários são cópias literais das páginas antigas (classes .demo-form, .form-field, .btn...), enviados por
   /assets/js/brevo-forms.js; aqui só muda a aparência. O brevo-forms.js acrescenta .form-error, .is-invalid e .form-feedback. */

.kept:has(> .lki){max-width:none}
.lki{color:var(--carbono)}

/* Grade: texto de apoio de um lado, cartão do formulário do outro */
.lki-grid{display:grid;gap:32px;align-items:start}
.lki-side{display:grid;gap:20px;align-content:start}
.lki-side-title{font-size:clamp(26px,2.8vw,34px);line-height:1.05}
.lki-steps{display:grid;gap:0;counter-reset:none}
.lki-steps li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--g200)}
.lki-steps li:last-child{border-bottom:1px solid var(--g200)}
.lki-n{font:700 15px/1.6 var(--h);color:var(--o700)}
.lki-steps p{font-size:16px;line-height:1.6;color:var(--g800)}
.lki-note{font-size:15px;line-height:1.6;color:var(--g700)}
.lki-note a,.lki-card a{color:var(--o800);font-weight:500;text-decoration:underline;text-decoration-color:var(--g300);text-underline-offset:3px}
.lki-checks{display:grid;gap:10px;margin-top:12px}
.lki-checks li{position:relative;padding-left:24px;font-size:17px;line-height:1.5;color:var(--g900)}
.lki-checks li::before{content:"";position:absolute;left:2px;top:.45em;width:9px;height:10px;background:var(--o500);clip-path:var(--hex)}
.lki-cover{position:relative;margin:0;border-radius:16px;overflow:hidden;background:var(--carbono);box-shadow:0 24px 48px -28px rgba(0,0,0,.45)}
.lki-cover img{width:100%;height:auto}
.lki-cover--ebook{max-width:360px;padding:28px 40px;background:radial-gradient(circle at 30% 20%,rgba(243,138,0,.18),transparent 60%),var(--carbono)}
.lki-badge{position:absolute;left:12px;top:12px;height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:4px;background:var(--o100);color:var(--o800);font-size:12px;font-weight:500;letter-spacing:.04em}

/* Cartão do formulário */
.lki-card{padding:24px;border-radius:16px;background:var(--g0);box-shadow:0 0 0 1px rgba(30,30,30,.06),0 24px 48px -28px rgba(0,0,0,.35);scroll-margin-top:calc(var(--navbar-height,100px) + 16px)}
.lki-card-title{font-size:clamp(24px,2.4vw,30px);line-height:1.08}
.lki .demo-form{display:grid;gap:16px;margin-top:20px}
.lki .form-field{display:grid;gap:6px;margin:0}
.lki .form-field label,.lki .indicacao-form-label{font-size:14px;font-weight:500;line-height:1.4;color:var(--g900)}
.lki .form-field input:not([type=checkbox]),.lki .form-field select,.lki .form-field textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--g300);border-radius:4px;background:var(--g0);color:var(--carbono);font:400 16px/1.4 var(--b);transition:border-color .2s,box-shadow .2s}
.lki .form-field textarea{min-height:104px;resize:vertical}
.lki .form-field select{appearance:none;-webkit-appearance:none;padding-right:40px;background:var(--g0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2362574F' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center}
.lki .form-field input::placeholder,.lki .form-field textarea::placeholder{color:var(--g600)}
.lki .form-field input:hover,.lki .form-field select:hover,.lki .form-field textarea:hover{border-color:var(--g500)}
.lki .form-field input:focus,.lki .form-field select:focus,.lki .form-field textarea:focus{outline:none;border-color:var(--carbono);box-shadow:0 0 0 1px var(--carbono)}
.lki .form-field--checkbox{grid-template-columns:20px 1fr;align-items:start;gap:10px}
.lki .form-field--checkbox input{width:18px;height:18px;margin-top:2px;accent-color:var(--o500)}
.lki .form-field--checkbox label{font-weight:400;color:var(--g800)}
.lki .form-field--checkbox .form-error{grid-column:1/-1}
.lki .indicacao-form-group{display:grid;gap:14px;margin:0;padding:16px;border:1px solid var(--g200);border-radius:8px}
.lki .indicacao-form-group legend{padding:0 6px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--g700)}
.lki .indicacao-form-label{margin:4px 0 -10px}

/* Botão de envio (classes antigas .btn .btn--primary, no visual do .bt-o) */
.lki .form-actions{margin-top:4px}
.lki .form-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:0 24px;border:0;border-radius:8px;background:var(--laranja);color:var(--carbono);font:500 16px/1 var(--b);cursor:pointer;transition:background .2s,box-shadow .3s,transform .2s var(--ease)}
.lki .form-actions .btn:hover{background:var(--o400);box-shadow:0 10px 28px rgba(243,138,0,.35)}
.lki .form-actions .btn:focus-visible{outline:1px solid var(--carbono);outline-offset:3px}
.lki .form-actions .btn:disabled{opacity:.6;cursor:progress}
.lki .form-note{font-size:13px;color:var(--g700);text-align:center}

/* Estados que o brevo-forms.js liga */
.lki .is-invalid input:not([type=checkbox]),.lki .is-invalid select,.lki .is-invalid textarea{border-color:#C25346;box-shadow:0 0 0 1px #C25346}
.lki .form-error{font-size:13px;line-height:1.4;color:#923F35}
.lki .form-feedback{padding:12px 14px;border-radius:4px;font-size:14px;line-height:1.5}
.lki .form-feedback.is-success{background:#B4EDE3;color:#00211B}
.lki .form-feedback.is-error{background:#FFDBD6;color:#301411}

/* Vídeo do programa de indicação */
.lki-video{display:grid;gap:20px}
.lki-video-frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--carbono);box-shadow:0 24px 48px -28px rgba(0,0,0,.45)}
.lki-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lki-video-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.lki-video-foot p{font-size:16px;color:var(--g800)}

/* Busca da /faq */
.lki-busca{display:grid;gap:8px;max-width:640px}
.lki-busca label{font-size:14px;font-weight:500;color:var(--g900)}
.lki-busca input{width:100%;min-height:52px;padding:12px 16px 12px 44px;border:1px solid var(--g300);border-radius:8px;background:var(--g0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2362574F' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px center;color:var(--carbono);font:400 17px/1.4 var(--b)}
.lki-busca input:focus{outline:none;border-color:var(--carbono);box-shadow:0 0 0 1px var(--carbono)}
.lki-busca-status{min-height:1.4em;font-size:14px;color:var(--g700)}
.blk-preservado:has(.lki-busca){padding-block:clamp(32px,4vw,48px)}

@media (min-width:960px){
  .lki-grid{grid-template-columns:minmax(0,1fr) 480px;gap:64px}
  .lki-side{position:sticky;top:calc(var(--navbar-height,104px) + 24px)}
  .lki-card{padding:32px}
}
@media (max-width:959px){
  .lki-grid .lki-card{order:-1}
}

/* Formulário logo abaixo do topo claro: o bloco encosta no topo (cont), então ganha um respiro curto */
.blk-preservado.cont:has(.lki-grid){padding-top:clamp(16px,3vw,32px)}

/* Trilho com 3 a 5 passos: as colunas seguem a quantidade */
@media (min-width:1081px){.steps{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}}

/* ======================================================================
   Leitura e contraste (23/10/2026, revisão de Pietro)
   ====================================================================== */
/* Texto cinza em fundo claro: o g700 ficava em 4,1:1; aqui sobe para 6:1 */
.light{--g700:#62574F}
.light .stats b em,.light .chapter .label .n,.light .label .n{color:var(--o700)}
.player-tab{color:var(--g700)}
.dark .player-tab{color:var(--g500)}
/* Grupos do menu: o segundo grupo da lista desce um pouco */
.mega-list .mega-cat:not(:first-child){margin-top:20px}
/* Palco laranja seguido da faixa de logos: os logos não encostam no palco */
.hero.palco+.clients{padding-top:clamp(32px,4vw,48px)}
/* Componentes claros quando o bloco está em fundo escuro */
.dark .feature-quote blockquote{color:var(--g0)}
.dark .feature-quote figcaption{color:var(--g400)}
.dark .feature-quote figcaption b{color:var(--g0)}
.dark .detail p,.dark .dl-list p,.dark .acc details p,.dark .prose-sec p,.dark .prose-sec li,.dark .alt-p,.dark .chapter-heading p,.dark .player-text p,.dark .term dd,.dark .cmp-note{color:var(--g400)}
.dark .prose-sec p b,.dark .term dt{color:var(--g0)}
.dark .details-grid,.dark .detail,.dark .acc,.dark .acc details,.dark .dl-list li,.dark .prose-sec,.dark .alt-copy .player-tabs,.dark .alt-copy .player-tab,.dark .az-group,.dark .chapter.alt+.chapter.alt{border-color:rgba(255,255,255,.1)}
.dark .acc summary i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.dark .acc summary i::before,.dark .acc summary i::after{background:var(--g0)}
.dark .detail p a,.dark .dl-list p a,.dark .acc details p a,.dark .prose-sec a,.dark .dl-list .n,.dark .chapter .label .n{color:var(--o300)}
.dark .ctx{background:#262626;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.dark .ctx blockquote,.dark .ctx figcaption b{color:var(--g0)}
.dark .ctx figcaption{color:var(--g400)}
.dark .more a{color:var(--o300)}

/* Bento: a imagem do cartão grande ocupa a altura que sobra, sem faixa vazia embaixo */
.bx-g .bx-copy{flex:none}
.bx-media .bx-poster img{object-position:50% 0}

/* Capítulos alternados: o palco ganha largura além da coluna de texto e fica parado enquanto o texto passa */
@media (min-width:1100px){
  /* Só o lado do palco avança além da coluna; o texto continua alinhado com o resto da página */
  .chapter.alt{--alt-extra:calc((min(1320px,100vw - 80px) - min(1080px,100vw - 80px))/2)}
  .chapter.alt .alt-grid{width:calc(100% + var(--alt-extra));grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:start}
  .chapter.alt.rev .alt-grid{margin-left:calc(var(--alt-extra)*-1);grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
  .chapter.alt .alt-stage{position:sticky;top:calc(var(--navbar-height,72px) + 24px)}
}

/* Topo editorial, versão 2: título largo, texto e resumo lado a lado, índice em atalhos */
.hero.editorial h1{max-width:20ch}
.hero.editorial .sub{margin-top:0}
.ed-grid{display:grid;gap:28px;margin-top:28px;align-items:start}
.hero.editorial .resumo{opacity:0;animation:up 1s var(--ease) .5s forwards;transform:translateY(16px);box-shadow:none;border:0;border-left:3px solid var(--o500);border-radius:0 12px 12px 0;background:var(--g0);padding:20px 24px}
.resumo p:not(.label){font-size:16.5px;line-height:1.6}
.toc{display:flex;align-items:center;gap:12px;margin-top:36px;padding-top:20px;border-top:1px solid var(--g200);opacity:0;animation:up 1s var(--ease) .6s forwards;transform:translateY(12px)}
.toc-t{flex:none;font:500 12px/1.6 var(--b);letter-spacing:.16em;text-transform:uppercase;color:var(--g700)}
.toc ol{display:flex;gap:8px;margin:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.toc ol::-webkit-scrollbar{display:none}
.toc li{flex:none}
.toc a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:0;border-radius:999px;background:var(--g0);box-shadow:inset 0 0 0 1px var(--g200);font-size:14px;color:var(--g800);white-space:nowrap;transition:box-shadow .2s,color .2s}
.toc a::before{font-size:11px;padding-top:0}
.toc a:hover{box-shadow:inset 0 0 0 1px var(--o500);color:var(--carbono)}
@media (min-width:900px){
  .ed-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px}
  .ed-grid.solo{grid-template-columns:minmax(0,7fr)}
  .hero.editorial h1{font-size:clamp(44px,5.6vw,80px)}
}
@media (max-width:640px){
  .toc{flex-direction:column;align-items:flex-start;gap:10px}
  .toc ol{max-width:100%}
}
/* Palco laranja: a faixa de logos continua no fundo claro do topo, com os logos escurecidos */
.hero.palco+.clients{background:var(--g100);padding-top:clamp(36px,4vw,56px)}
.hero.palco+.clients p{color:var(--g700)}
.hero.palco+.clients p b{color:var(--carbono)}
.hero.palco+.clients .logos img{filter:invert(1);opacity:.6}
.hero.palco+.clients .logos{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
/* Saiba mais na coluna estreita dos capítulos alternados */
.alt-copy .more{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}

/* Revisão de leitura, rodada 2 */
/* Antes e depois: o "antes" riscado continua legível no fundo escuro */
.dark .dores .was{color:var(--g400);text-decoration-color:rgba(248,185,102,.55)}
/* Linha do tempo: no celular o pôster vertical inteiro, sem corte */
@media (max-width:640px){.tl-media{aspect-ratio:4/5;max-width:340px}}
/* Bento: cartões menores mostram a animação vertical, recortada do topo */
.bx-media.vert{aspect-ratio:4/3}
.bx-media.vert .bx-poster img,.bx-media.vert video{object-fit:cover;object-position:50% 12%}
/* Comparativo no celular: cada linha vira um cartão com o nome de cada coluna */
@media (max-width:640px){
  .cmp{overflow:visible;background:none;box-shadow:none}
  .cmp table{min-width:0}
  .cmp thead{display:none}
  .cmp table,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:auto}
  .cmp tr{margin-bottom:10px;border-radius:14px;background:var(--g0);box-shadow:0 0 0 1px var(--g200);overflow:hidden}
  .dark .cmp tr{background:#262626;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
  .cmp tbody th{position:static;padding:14px 16px 6px;font-family:var(--h);font-size:19px;background:none;border:0}
  .cmp td{display:grid;grid-template-columns:38% 1fr;gap:12px;padding:10px 16px;border:0;border-top:1px solid var(--g150)}
  .dark .cmp td{border-top-color:rgba(255,255,255,.08)}
  .cmp td::before{content:attr(data-col);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--g700);padding-top:2px}
  .cmp td.us::before{color:var(--o800)}
  .dark .cmp td.us::before{color:var(--o300)}
}
/* FAQ: a coluna inteira (título e o link para a /faq) fica fixa, não só o título; antes o título passava por cima do texto */
@media (min-width:900px){
  .faq h2{position:static}
  .faq .wrap>div:first-child{position:sticky;top:calc(var(--navbar-height,72px) + 32px);align-self:start}
}
/* Glossário: no celular a sigla por extenso vai para a linha de baixo */
@media (max-width:640px){
  .term dt small{display:block;margin:6px 0 0;letter-spacing:.08em;line-height:1.4}
}
.term dd{max-width:860px}
/* Bento: o cartão grande mostra a animação inteira (16:10), sem recorte; o texto ocupa o resto */
@media (min-width:760px){
  .bx-g .bx-media{aspect-ratio:auto;flex:1;min-height:320px;background:#262626}
  .bx-g .bx-media .bx-poster img,.bx-g .bx-media video{object-fit:contain;object-position:50% 50%}
  .bx-g .bx-copy{flex:none}
}
/* Índice do topo editorial: no desktop os atalhos quebram linha em vez de sumir na borda */
@media (min-width:900px){
  .toc ol{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}
}
/* Âncoras param abaixo do header fixo */
main [id]{scroll-margin-top:calc(var(--navbar-height,104px) + 16px)}
/* Números logo depois do topo, sem título: respiro acima da linha */
.blk-numeros:not(:has(h2)){padding-block:clamp(48px,6vw,80px)}

/* Revisão de leitura, rodada 3 */
/* Links do blog (fundo escuro): o blog-connections.css pinta a descrição com cinza-escuro; aqui volta a ser clara */
body.lk-v2 .blog-links .blog-links__list article>p:not(.blog-links__kind){color:var(--g400)}
/* Dois blocos seguidos do mesmo fundo: o segundo não encosta mais no topo */
.section.cont{padding-top:clamp(28px,4vw,48px)}
/* Topo split: a animação ganha largura além da coluna, como nos capítulos alternados */
@media (min-width:1100px){
  .hero.split .split-grid{width:min(1320px,calc(100vw - 80px));grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}
}
/* Números no celular: número em cima, legenda embaixo */
@media (max-width:640px){
  .blk-numeros .stats div{display:block}
  .blk-numeros .stats span{margin-top:6px}
}
/* Bento só com dois cartões: cada um ocupa metade */
@media (min-width:760px){
  .bento:has(>.bx:nth-child(2):last-child)>.bx{grid-column:span 3}
}

/* Capítulos alternados no celular: o vídeo vem logo depois do título, antes das abas */
@media (max-width:899px){
  .alt-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .alt-copy{display:contents}
  .alt-copy>*{order:2}
  .alt-copy>.label,.alt-copy>h3,.alt-copy>.alt-p{order:1}
  .alt-stage{order:1;margin:20px 0 4px}
}
/* Topo palco: a janela tem a proporção da animação (sem corte nas laterais) e o nome fica só nos botões */
.palco-stage .win{aspect-ratio:16/10}
.palco-stage .win-chip{display:none}
@media (max-width:640px){.palco-stage .win{aspect-ratio:4/5}}
/* Links no texto da Home (Para quem e Quem usa) */
.persona-text .for a,.proof .head p a{color:inherit;text-decoration:underline;text-decoration-color:var(--g300);text-underline-offset:3px}
.persona-text .for a:hover,.proof .head p a:hover{text-decoration-color:currentColor}