/* Deck Arcor × 75 LAB · identidade do 75lab.com.br
   palco fixo 1600x900 escalado; cantos retos; Big Shoulders + Space Grotesk + Space Mono */
:root{
  --ink:#050505;--ink-2:#101013;--ink-3:#17171c;--ink-4:#22222a;
  --paper:#F2F1E9;--paper-2:#E7E5DA;--paper-3:#DAD7C8;
  --lime:#C0EE4E;--lime-2:#AFD637;--teal:#01A290;--teal-2:#06C6AE;--alerta:#E8412C;
  --titulo:'Big Shoulders Display',Impact,sans-serif;--corpo:'Space Grotesk',system-ui,sans-serif;--mono:'Space Mono',ui-monospace,monospace;
  --linha-c:rgba(5,5,5,.16);--linha-e:rgba(242,241,233,.16);
  --mx:50%;--my:50%;
  --miolo:.88;--borda:calc(800px - 728px * var(--miolo));
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--ink);overflow:hidden;color:var(--paper);font-family:var(--corpo);-webkit-font-smoothing:antialiased}
body.tem-mouse,body.tem-mouse *{cursor:none!important}
button{font:inherit;color:inherit;background:none;border:0}
a{color:inherit}
#wrap{position:fixed;inset:0;overflow:hidden;background:var(--ink)}
#stage{position:absolute;left:50%;top:50%;width:1600px;height:900px;margin:-450px 0 0 -800px;transform-origin:center;overflow:hidden;background:var(--ink-2)}

/* ---------- telas ---------- */
.tela{position:absolute;inset:0;overflow:hidden;visibility:hidden;opacity:0}
.tela.ativa{visibility:visible;opacity:1}
/* miolo: o conteúdo encolhe por igual a partir do centro e sobra respiro nas bordas */
.miolo{position:absolute;inset:0;transform:scale(var(--miolo));transform-origin:50% 50%}
.tela[data-tema=claro]{background:var(--paper);color:var(--ink)}
.tela[data-tema=claro2]{background:var(--paper-2);color:var(--ink)}
.tela[data-tema=escuro]{background:var(--ink-2);color:var(--paper)}
.tela[data-tema=lime]{background:var(--lime);color:var(--ink)}
.tela[data-tema=escuro]::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px circle at var(--mx) var(--my),rgba(192,238,78,.075),rgba(1,162,144,.035) 40%,transparent 70%)}
.grao{position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;z-index:30;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* ---------- tipografia ---------- */
h1,h2,h3,.num{font-family:var(--titulo);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.04}
h2{font-size:64px}
.eyebrow{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.eyebrow b{color:var(--teal)}
[data-tema=escuro] .eyebrow b{color:var(--lime)}
.apagada{opacity:.38}
.t-lime{color:var(--lime)}.t-teal{color:var(--teal)}
[data-tema=claro] .t-lime,[data-tema=claro2] .t-lime{color:var(--teal)}
.onda{position:relative;white-space:nowrap}
.onda::after{content:'';position:absolute;left:0;right:0;bottom:-.08em;height:.16em;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12'><path d='M0 6 Q10 0 20 6 T40 6' fill='none' stroke='%2301A290' stroke-width='3'/></svg>") repeat-x left center/40px 100%;transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.7,.2,1) .5s}
.tela.ativa .onda::after{transform:scaleX(1)}
.lead{font-size:18px;line-height:1.5;max-width:640px}
.mono{font-family:var(--mono)}
.peq{font-size:14px;line-height:1.45}
.fonte{position:absolute;left:72px;right:72px;bottom:40px;font-size:9.5px;font-family:var(--mono);opacity:.5;line-height:1.45;letter-spacing:.02em}
.selo{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;background:var(--ink);color:var(--lime)}
[data-tema=escuro] .selo{background:var(--lime);color:var(--ink)}
.selo.pendente{background:transparent;color:inherit;border:2px dashed currentColor}

/* frase de fecho de cada tela */
.fecho{position:absolute;left:72px;right:72px;bottom:86px;display:flex;gap:18px;align-items:flex-start;font-family:var(--mono);font-size:13px;line-height:1.55;letter-spacing:.02em;text-transform:uppercase;padding-top:16px;border-top:2px solid var(--linha-c)}
[data-tema=escuro] .fecho{border-color:var(--linha-e)}
.fecho::before{content:'';flex:none;width:14px;height:14px;margin-top:3px;background:var(--teal)}
[data-tema=escuro] .fecho::before{background:var(--lime)}
[data-tema=lime] .fecho::before{background:var(--ink)}

/* ---------- botões ---------- */
.botao{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:14px 20px;border:2px solid currentColor;background:transparent;color:inherit;text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s;white-space:nowrap}
.botao:hover{background:var(--lime);color:var(--ink);border-color:var(--ink);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink)}
.botao.cheio{background:var(--lime);color:var(--ink);border-color:var(--lime)}
[data-tema=claro] .botao.cheio,[data-tema=claro2] .botao.cheio,[data-tema=lime] .botao.cheio{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.botao.cheio:hover{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.botao.mini{padding:9px 13px;font-size:11px}
.seta::after{content:'→';font-family:var(--corpo);font-size:16px;transition:transform .2s}
.botao:hover .seta::after,.seta:hover::after{transform:translateX(3px)}

/* ícones */
.ic{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:square;stroke-linejoin:miter;flex:none}
.ic.p{width:24px;height:24px;stroke-width:3.5}
.ic.g{width:56px;height:56px}
.tela.ativa .ic.vivo{animation:icone 3.2s ease-in-out infinite}
@keyframes icone{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* entrada dos elementos */
.anima{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.anima.esq{transform:translateX(-30px)}.anima.dir{transform:translateX(30px)}.anima.zoom{transform:scale(.94)}
.tela.ativa .anima{opacity:1;transform:none}
.tela.ativa .d1{transition-delay:.15s}.tela.ativa .d2{transition-delay:.28s}.tela.ativa .d3{transition-delay:.41s}
.tela.ativa .d4{transition-delay:.54s}.tela.ativa .d5{transition-delay:.67s}.tela.ativa .d6{transition-delay:.8s}.tela.ativa .d7{transition-delay:.93s}

/* barras animadas */
.barra{height:10px;background:rgba(5,5,5,.1);position:relative;overflow:hidden}
[data-tema=escuro] .barra{background:rgba(242,241,233,.1)}
.barra i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--teal);transition:width 1.2s cubic-bezier(.2,.7,.2,1) .4s}
[data-tema=escuro] .barra i{background:var(--lime)}
.tela.ativa .barra i{width:var(--w)}

/* formas soltas do site */
.forma{position:absolute;pointer-events:none}
.forma.circ{width:150px;height:150px;border-radius:50%;border:2px dashed var(--teal);animation:gira 28s linear infinite;opacity:.55}
.forma.quad{width:22px;height:22px;background:var(--lime)}
.forma.anel{width:46px;height:46px;border-radius:50%;border:3px solid var(--teal-2);animation:pulsa 2.6s ease-in-out infinite}
@keyframes gira{to{transform:rotate(360deg)}}
@keyframes pulsa{50%{transform:scale(1.25);opacity:.4}}

/* ---------- moldura global (topo, rodapé, transição) ---------- */
#topo{position:absolute;top:30px;left:var(--borda);right:var(--borda);height:44px;display:flex;align-items:center;justify-content:space-between;z-index:40;pointer-events:none;transition:color .3s}
#topo .marcas{display:flex;align-items:center;gap:16px;pointer-events:auto}
#topo .marcas img{display:block}
#topo .alp{height:34px}
#topo .lab{height:20px}
#topo .x{font-family:var(--mono);font-size:12px;opacity:.55}
#topo .dir{display:flex;align-items:center;gap:22px}
#topo .cap{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.7;transition:opacity .3s}
#btnSumario{pointer-events:auto;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 12px;border:2px solid currentColor;transition:background .2s,color .2s}
#btnSumario:hover{background:var(--lime);color:var(--ink);border-color:var(--ink)}
#btnSumario span{display:grid;gap:3px}#btnSumario span i{display:block;width:14px;height:2px;background:currentColor}
#stage.t-escuro #topo,#stage.t-escuro #rodape{color:var(--paper)}
#stage.t-claro #topo,#stage.t-claro #rodape,#stage.t-lime #topo,#stage.t-lime #rodape{color:var(--ink)}
#stage.t-foto #topo{color:var(--paper)}
#topo .marcas img.m-claro{display:none}
#stage.t-claro #topo .marcas img.m-escuro,#stage.t-lime #topo .marcas img.m-escuro{display:none}
#stage.t-claro #topo .marcas img.m-claro,#stage.t-lime #topo .marcas img.m-claro{display:block}
#stage.capa #topo .cap{opacity:0}

#rodape{position:absolute;left:var(--borda);right:var(--borda);bottom:22px;height:30px;display:flex;align-items:center;justify-content:space-between;z-index:40;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
#rodape .assin{opacity:.55}
#rodape .nav{display:flex;align-items:center;gap:12px}
#rodape .nav button{width:34px;height:30px;border:2px solid currentColor;display:grid;place-items:center;font-family:var(--corpo);font-size:15px;transition:background .2s,color .2s}
#rodape .nav button:hover{background:var(--lime);color:var(--ink);border-color:var(--ink)}
#rodape .nav button:disabled{opacity:.25}
#cont{min-width:70px;text-align:center}
#prog{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(127,127,127,.18);z-index:41}
#prog i{display:block;height:100%;width:0;background:var(--lime);transition:width .6s cubic-bezier(.2,.7,.2,1)}
#stage.t-lime #prog i{background:var(--ink)}

#wipe{position:absolute;inset:0;z-index:60;background:var(--lime);display:grid;place-items:center;pointer-events:none;clip-path:inset(0 0 0 100%)}
#wipe img{height:30px;opacity:.9}
#wipe.ink{background:var(--ink)}

/* sumário */
#sumario{position:absolute;inset:0;z-index:70;background:var(--ink);color:var(--paper);display:none;padding:110px var(--borda) 70px}
#sumario.aberto{display:block;animation:entra .35s ease}
@keyframes entra{from{opacity:0;transform:translateY(-14px)}}
#sumario h2{font-size:56px;margin-bottom:26px}
#sumario h2 span{color:var(--lime)}
#sumario .fechar{position:absolute;top:34px;right:var(--borda)}
#sumario ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0 30px;counter-reset:s}
#sumario li{border-top:2px solid var(--linha-e)}
#sumario li button{width:100%;display:flex;gap:14px;align-items:baseline;padding:11px 4px;text-align:left;font-family:var(--corpo);font-size:16px;line-height:1.25;transition:background .2s,color .2s,padding .2s}
#sumario li button b{font-family:var(--mono);font-size:11px;color:var(--lime);flex:none;width:26px}
#sumario li button:hover,#sumario li button.atual{background:var(--lime);color:var(--ink);padding-left:12px}
#sumario li button:hover b,#sumario li button.atual b{color:var(--ink)}
#sumario .cap-s{grid-column:1/-1;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--teal-2);text-transform:uppercase;margin:14px 0 6px;border:0}

/* lightbox */
#caixa{position:fixed;inset:0;background:rgba(5,5,5,.94);display:none;z-index:90;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}
#caixa.aberta{display:flex;animation:entra .25s ease}
#caixa img{max-width:88vw;max-height:78vh;object-fit:contain}
#caixa p{font-family:var(--mono);font-size:12px;color:var(--paper);opacity:.75;letter-spacing:.08em;text-transform:uppercase}
#caixa .fechar{position:absolute;top:22px;right:28px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--paper);border:2px solid var(--paper);padding:10px 14px;text-transform:uppercase}
#caixa .fechar:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.amplia{cursor:zoom-in}

/* cursor em dois tons + anel que segue */
#cursor,#anel{position:fixed;left:0;top:0;pointer-events:none;z-index:100;display:none}
body.tem-mouse #cursor,body.tem-mouse #anel{display:block}
#cursor{width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 2px var(--paper),0 0 0 4px rgba(5,5,5,.3)}
#anel{width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:2px solid var(--ink);box-shadow:0 0 0 2px var(--paper);display:none;transition:width .2s,height .2s,margin .2s,background .2s,border-color .2s}
#anel span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--ink);opacity:0;transition:opacity .2s;text-transform:uppercase}
#anel.sobre{width:66px;height:66px;margin:-33px 0 0 -33px;background:var(--lime);border-color:var(--ink)}
#anel.sobre span{opacity:1}
body.tem-mouse.clicou #anel{transform:scale(.8)}

/* celular em pé */
#gire{position:fixed;inset:0;z-index:120;background:var(--ink);color:var(--paper);display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px;text-align:center}
#gire img{height:22px}
#gire h3{font-size:40px}
#gire p{font-size:16px;line-height:1.5;opacity:.8;max-width:320px}
#gire .tel{width:54px;height:90px;border:3px solid var(--lime);animation:tomba 2.4s ease-in-out infinite}
@keyframes tomba{0%,30%{transform:rotate(0)}60%,100%{transform:rotate(-90deg)}}
@media (max-width:760px) and (orientation:portrait){body:not(.forcar) #gire{display:flex}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* temporizador: barra que enche no botão aberto até o próximo abrir sozinho */
.relogio-auto{position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--teal);z-index:5;pointer-events:none;transition-property:width;transition-timing-function:linear}
[data-tema=escuro] .relogio-auto{background:var(--lime)}
[data-tema=lime] .relogio-auto{background:var(--ink)}
.relogio-auto.corre{width:100%}

/* modo PDF (?pdf=1): tudo no estado final, sem movimento nem controles de navegação */
.pdf .anima{transition:none!important;opacity:1!important;transform:none!important}
.pdf *,.pdf *::before,.pdf *::after{animation:none!important}
.pdf .onda::after{transition:none!important}
.pdf #cursor,.pdf #anel,.pdf #prog,.pdf #btnSumario,.pdf #btnPdf,.pdf #rodape .nav button,.pdf #gire{display:none!important}
.pdf .so-tela{display:none!important}
#btnPdf{pointer-events:auto;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 12px;border:2px solid currentColor;text-decoration:none;transition:background .2s,color .2s}
#btnPdf svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:square}
#btnPdf:hover{background:var(--lime);color:var(--ink);border-color:var(--ink)}
#topo .dir{gap:12px}
#topo .dir .cap{margin-right:10px}
.pdf *,.pdf *::before,.pdf *::after{transition:none!important}
/* =====================================================================
   REORGANIZAÇÃO 29/10: capítulos, resumo e telas novas
   ===================================================================== */
/* chamada de clique: tudo que se clica diz que se clica */
.cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px 6px 8px;background:var(--lime);color:var(--ink);position:absolute;z-index:6;white-space:nowrap}
.cta .ic{width:18px;height:18px;stroke-width:3.2;animation:toque 1.6s ease-in-out infinite}
[data-tema=lime] .cta{background:var(--ink);color:var(--lime)}
@keyframes toque{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px) rotate(-8deg)}}
.destaque-cap{display:inline-block;font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;background:var(--ink);color:var(--lime);padding:7px 12px}
[data-tema=escuro] .destaque-cap{background:var(--lime);color:var(--ink)}

/* sumário em colunas, agrupado por capítulo */
#sumario ol{display:block;column-count:4;column-gap:30px}
#sumario li{break-inside:avoid}
#sumario li.cap-s{border:0;color:var(--lime);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:14px 0 4px}
#sumario li button{padding:8px 4px;font-size:14.5px}

/* capa de capítulo */
.s-cap .num-cap{position:absolute;right:40px;bottom:-60px;font-family:var(--titulo);font-weight:900;font-size:640px;line-height:.8;color:var(--lime);opacity:.1;letter-spacing:-.04em}
.s-cap .texto{position:absolute;left:72px;top:190px;width:900px}
.s-cap .eyebrow{display:block;margin-bottom:22px}
.s-cap h2{font-size:118px;line-height:.96;margin-bottom:24px}
.s-cap .lead{font-size:24px;max-width:780px;opacity:.85}
.s-cap .dentro{position:absolute;left:1050px;top:200px;width:478px;list-style:none;counter-reset:d}
.s-cap .dentro li{display:flex;gap:16px;align-items:baseline;padding:13px 6px;border-top:2px solid var(--linha-e);font-size:19px;line-height:1.3;transition:background .2s,color .2s,padding .2s}
.s-cap .dentro li:hover{background:var(--lime);color:var(--ink);padding-left:14px}
.s-cap .dentro li i{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--lime);font-weight:700}
.s-cap .dentro li:hover i{color:var(--ink)}
.s-cap .trilha-cap{position:absolute;left:72px;right:72px;bottom:100px;display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.s-cap .trilha-cap span{border-top:5px solid rgba(242,241,233,.18);padding-top:9px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;opacity:.55;transition:opacity .2s,border-color .2s}
.s-cap .trilha-cap span b{display:block;font-family:var(--corpo);font-weight:500;font-size:12.5px;letter-spacing:0;margin-top:4px;line-height:1.25}
.s-cap .trilha-cap span.feito{border-color:var(--teal-2);opacity:.75}
.s-cap .trilha-cap span.on{border-color:var(--lime);opacity:1;color:var(--lime)}
.s-cap .trilha-cap span:hover{opacity:1}

/* resumo executivo */
.s-res .destaque-cap{position:absolute;left:72px;top:110px}
.s-res h2{position:absolute;left:72px;top:160px;width:1300px;font-size:60px}
.s-res .quatro{position:absolute;left:72px;right:72px;top:318px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.s-res .bl{background:#fff;border:2px solid var(--linha-c);padding:22px 22px 20px;position:relative;min-height:330px}
.s-res .bl:nth-child(2){background:var(--ink);color:var(--paper);border-color:var(--ink)}
.s-res .bl .n{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--teal);letter-spacing:.12em}
.s-res .bl:nth-child(2) .n,.s-res .bl:nth-child(2) strong{color:var(--lime)}
.s-res .bl b{display:block;font-family:var(--titulo);font-weight:900;font-size:30px;text-transform:uppercase;margin:6px 0 14px}
.s-res .bl strong{display:block;font-family:var(--titulo);font-weight:900;font-size:86px;line-height:.85;color:var(--teal)}
.s-res .bl em{display:block;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:6px 0 14px;opacity:.8}
.s-res .bl p{font-size:15.5px;line-height:1.45}
.s-res .faixa-res{position:absolute;left:72px;right:72px;top:672px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.s-res .faixa-res div{display:flex;gap:12px;align-items:flex-start;border-top:3px solid var(--ink);padding-top:12px;font-size:15px;line-height:1.4}
.s-res .faixa-res .ic{width:26px;height:26px;color:var(--teal);flex:none}

/* =====================================================================
   Quem é a 75 LAB e vídeos de projetos
   ===================================================================== */
.s-fre h2{position:absolute;left:72px;top:118px;font-size:58px;width:600px}
.s-fre .lead{position:absolute;left:72px;top:330px;width:560px;font-size:16.5px;opacity:.85}
.s-fre .orbita{position:absolute;left:690px;top:110px;width:560px;height:560px}
.s-fre .orbita .aro{position:absolute;inset:60px;border-radius:50%;border:2px dashed rgba(242,241,233,.25);animation:gira 60s linear infinite}
.s-fre .orbita .centro{position:absolute;left:50%;top:50%;width:170px;height:170px;margin:-85px 0 0 -85px;background:var(--lime);color:var(--ink);display:grid;place-items:center;text-align:center}
.s-fre .orbita .centro img{height:22px}
.s-fre .orbita .centro small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:8px}
.s-fre .frente{position:absolute;width:168px;height:120px;background:var(--ink-3);border:2px solid var(--linha-e);padding:14px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:background .25s,border-color .25s,transform .25s}
.s-fre .frente .n{font-family:var(--mono);font-size:11px;color:var(--lime)}
.s-fre .frente b{font-family:var(--titulo);font-size:24px;text-transform:uppercase;line-height:1}
.s-fre .frente .ic{position:absolute;right:12px;top:12px;width:28px;height:28px;color:var(--lime)}
.s-fre .frente:hover{border-color:var(--lime);transform:scale(1.04)}
.s-fre .frente.on{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.s-fre .frente.on .n,.s-fre .frente.on .ic{color:var(--ink)}
.s-fre .f1{left:196px;top:0}.s-fre .f2{left:392px;top:220px}.s-fre .f3{left:196px;top:440px}.s-fre .f4{left:0;top:220px}
.s-fre .detalhe{position:absolute;left:1290px;top:150px;width:238px}
.s-fre .detalhe .eyebrow{color:var(--lime);margin-bottom:12px;display:block}
.s-fre .detalhe h3{font-size:34px;margin-bottom:12px}
.s-fre .detalhe p{font-size:15px;line-height:1.5;opacity:.88}
.s-fre .detalhe .troca{animation:entra .4s ease}
.s-fre .fecho{bottom:86px}
.s-num .subtitulo{position:absolute;left:72px;top:110px;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.18em;text-transform:uppercase}
.s-num .subtitulo::before{content:'';width:14px;height:14px;background:var(--teal)}
.s-num h2{position:absolute;left:72px;top:140px;font-size:58px;width:1100px}
.s-num .grade{position:absolute;left:72px;right:72px;top:292px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--linha-c);border-left:2px solid var(--linha-c)}
.s-num .grade>div{padding:22px 22px 20px;border-right:2px solid var(--linha-c);border-bottom:2px solid var(--linha-c);height:196px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:background .25s}
.s-num .grade>div:hover{background:#fff}
.s-num .grade .num{font-size:92px;line-height:.86}
.s-num .grade .num small{font-size:32px;margin-left:6px}
.s-num .grade>div>span{font-size:14.5px;line-height:1.4;opacity:.8;max-width:290px}
.s-num .grade .ic{position:absolute;right:18px;top:18px;width:28px;height:28px;color:var(--teal)}
.s-num .grade .destaque{background:var(--ink);color:var(--paper)}
.s-num .grade .destaque:hover{background:var(--ink-3)}
.s-num .grade .destaque .num{color:var(--lime)}
.s-num .grade .destaque .ic{color:var(--lime)}
.s-num .fecho{bottom:96px}
.s-dep .eyebrow{position:absolute;left:72px;top:112px}
.s-dep blockquote{position:absolute;left:72px;top:138px;width:960px;font-family:var(--titulo);font-weight:900;text-transform:uppercase;font-size:54px;line-height:1.02;letter-spacing:-.02em}
.s-dep blockquote .aspas{position:absolute;left:-46px;top:-4px;font-size:96px;line-height:1}
.s-dep .segunda{position:absolute;left:72px;top:262px;width:900px;font-size:17px;line-height:1.45;font-weight:500}
.s-dep .quem{position:absolute;left:72px;top:322px;display:flex;align-items:baseline;gap:14px;padding-left:18px;border-left:6px solid var(--ink)}
.s-dep .quem b{font-family:var(--titulo);font-size:26px;text-transform:uppercase}
.s-dep .quem span{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.s-dep .videos{position:absolute;left:72px;top:392px;width:1010px}
.s-dep .videos .eyebrow{position:static;display:block;margin-bottom:10px}
.s-dep .fila{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.s-dep .vid{display:flex;flex-direction:column;gap:8px;text-align:left;color:var(--ink)}
.s-dep .vid .capa{position:relative;display:block;aspect-ratio:9/16;background:var(--ink);border:3px solid var(--ink);overflow:hidden;transition:transform .2s,box-shadow .2s}
.s-dep .vid .capa img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.s-dep .vid:hover .capa{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}
.s-dep .vid:hover .capa img{transform:scale(1.05)}
.s-dep .vid .capa i{position:absolute;left:8px;bottom:8px;width:30px;height:30px;background:var(--lime);display:grid;place-items:center}
.s-dep .vid .capa i::before{content:'';border-left:11px solid var(--ink);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.s-dep .vid .capa em{position:absolute;right:6px;bottom:8px;font-style:normal;font-family:var(--mono);font-size:10px;font-weight:700;background:var(--ink);color:var(--paper);padding:3px 5px}
.s-dep .vid b{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.s-dep .vid.on .capa{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}
.s-dep .vid.on .capa i{background:var(--ink)}
.s-dep .vid.on .capa i::before{border-left-color:var(--lime)}
.s-dep .celular{position:absolute;left:1132px;top:104px;width:356px;height:632px;background:var(--ink);padding:10px;box-shadow:14px 14px 0 rgba(5,5,5,.9)}
.s-dep .celular video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.s-dep .play{position:absolute;left:10px;right:10px;bottom:10px;top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(180deg,transparent 40%,rgba(5,5,5,.55));transition:opacity .3s}
.s-dep .play i{width:92px;height:92px;background:var(--lime);display:grid;place-items:center;transition:transform .2s}
.s-dep .play i::before{content:'';border-left:30px solid var(--ink);border-top:18px solid transparent;border-bottom:18px solid transparent;margin-left:8px}
.s-dep .play:hover i{transform:scale(1.08)}
.s-dep .play span{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);background:var(--ink);padding:7px 10px}
.s-dep .celular.tocando .play{opacity:0}
.s-dep .barrav{position:absolute;left:10px;right:10px;bottom:10px;height:5px;background:rgba(242,241,233,.25)}
.s-dep .barrav i{display:block;height:100%;width:0;background:var(--lime)}
.s-prop .eyebrow{position:absolute;left:72px;top:110px}
.s-prop h2{position:absolute;left:72px;top:150px;width:1200px;font-size:96px;line-height:.95}
.s-prop .lead{position:absolute;left:72px;top:372px;width:760px;font-size:19px}
.s-prop .balcao{position:absolute;left:72px;top:556px;width:900px;display:grid;grid-template-columns:1fr 200px 1fr;gap:14px;align-items:center}
.s-prop .lado-b{background:var(--ink);color:var(--paper);padding:18px 20px}
.s-prop .lado-b span{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.s-prop .lado-b b{display:block;font-family:var(--titulo);font-weight:900;font-size:26px;text-transform:uppercase;margin:6px 0 4px;line-height:1}
.s-prop .lado-b small{font-size:13px;opacity:.75}
.s-prop .meio-b{text-align:center}
.s-prop .meio-b img{height:34px;display:block;margin:0 auto 10px}
.s-prop .meio-b i{font-style:normal;font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.1em}
.s-prop blockquote{position:absolute;left:1030px;top:400px;width:500px;font-family:var(--titulo);font-weight:900;font-size:44px;line-height:1.02;text-transform:uppercase;border-left:8px solid var(--ink);padding-left:22px}
.s-prop blockquote cite{display:block;font-style:normal;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.1em;margin-top:16px;line-height:1.5}
.s-prop .assin-prop{position:absolute;left:1030px;top:670px;font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase;background:var(--ink);color:var(--lime);padding:8px 12px}
.s-dif h2{position:absolute;left:72px;top:108px;width:1300px;font-size:58px}
.s-dif .modelos{position:absolute;left:72px;right:72px;top:250px;display:grid;grid-template-columns:1fr 1.35fr;gap:16px}
.s-dif .mod{border:2px solid var(--linha-e);padding:16px 18px}
.s-dif .mod.lab{border-color:var(--lime)}
.s-dif .mod .eyebrow{display:block;margin-bottom:12px}
.s-dif .mod.lab .eyebrow{color:var(--lime)}
.s-dif .seq{display:flex;gap:6px}
.s-dif .seq span{flex:1;text-align:center;font-family:var(--titulo);font-weight:900;font-size:20px;text-transform:uppercase;padding:12px 4px;background:rgba(242,241,233,.08);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%)}
.s-dif .trad .seq span{color:rgba(242,241,233,.6)}
.s-dif .seq .x{background:rgba(232,65,44,.25);color:#ff8a78!important}
.s-dif .lab .seq span{background:rgba(192,238,78,.14)}
.s-dif .seq .ok{background:var(--lime);color:var(--ink)}
.s-dif .pilares{position:absolute;left:72px;right:72px;top:400px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.s-dif .pilares div{border-top:3px solid var(--lime);padding-top:12px}
.s-dif .pilares i{font-style:normal;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--lime)}
.s-dif .pilares b{display:block;font-family:var(--titulo);font-weight:900;font-size:26px;text-transform:uppercase;line-height:1;margin:6px 0 8px}
.s-dif .pilares p{font-size:14.5px;line-height:1.45;opacity:.82}
.s-dif .provas{position:absolute;left:72px;right:72px;top:612px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:rgba(242,241,233,.05);padding:18px 20px}
.s-dif .provas b{display:block;font-size:64px;color:var(--lime);line-height:.9}
.s-fre .cta{left:72px;top:690px}
.s-fre .todas-f{display:none}
.s-resp2 h2{position:absolute;left:72px;top:108px;width:700px;font-size:56px}
.s-resp2 .lead{position:absolute;left:72px;top:250px;width:640px;font-size:17px}
.s-resp2 .pessoas{position:absolute;left:72px;top:316px;width:700px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.s-resp2 .pessoa{background:var(--ink);color:var(--paper);padding:18px 20px;display:flex;gap:16px;align-items:center}
.s-resp2 .pessoa .num{font-size:70px;line-height:.85;color:var(--lime);white-space:nowrap}
.s-resp2 .pessoa .num small{font-size:20px;margin-left:4px}
.s-resp2 .pessoa h3{font-size:24px;margin-bottom:4px}
.s-resp2 .pessoa p{font-size:13px;line-height:1.35;opacity:.8}
.s-resp2 .cad{position:absolute;left:72px;top:468px;width:700px}
.s-resp2 .cad .eyebrow{display:block;margin-bottom:10px}
.s-resp2 .checks{display:flex;flex-wrap:wrap;gap:8px}
.s-resp2 .checks span{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em;padding:8px 11px;border:2px solid var(--ink)}
.s-resp2 .checks span::before{content:'✓ ';color:var(--teal)}
.s-resp2 .rota2{position:absolute;left:72px;top:582px;width:700px;height:150px;display:grid;grid-template-columns:260px 1fr;text-decoration:none;color:inherit;background:#fff;border:2px solid var(--linha-c);transition:transform .2s,box-shadow .2s}
.s-resp2 .rota2:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.s-resp2 .rota2 img{width:100%;height:100%;object-fit:cover;display:block}
.s-resp2 .rota2 .info{padding:16px 20px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.s-resp2 .rota2 b{font-family:var(--titulo);font-weight:900;font-size:40px;text-transform:uppercase;line-height:1}
.s-resp2 .rota2 small{font-family:var(--mono);font-size:10.5px;color:var(--teal);letter-spacing:.06em;text-transform:uppercase}
.s-resp2 .palco-duo{position:absolute;left:830px;top:108px;width:698px;height:624px;background:var(--ink);overflow:hidden}
.s-resp2 .palco-duo .marca{position:absolute;left:36px;top:34px;width:300px}
.s-resp2 .palco-duo .duo{position:absolute;right:0;bottom:0;height:520px;width:auto}
.s-resp2 .palco-duo .quem{position:absolute;left:36px;bottom:30px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper);opacity:.85;line-height:1.6}
.s-resp2 .palco-duo .quem b{display:block;font-family:var(--titulo);font-size:24px;color:var(--lime);letter-spacing:0}
.s-num .destaque-cap{position:absolute;left:72px;top:100px}
.s-cli2 h2{position:absolute;left:72px;top:108px;width:1100px;font-size:58px}
.s-cli2 .lead{position:absolute;left:72px;top:184px;width:1000px;font-size:17px}
.s-cli2 .grupo{position:absolute;left:72px;right:72px}
.s-cli2 .grupo:nth-of-type(1){top:262px}
.s-cli2 .grupo:nth-of-type(2){top:442px}
.s-cli2 .cab-g{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.s-cli2 .cab-g .ic{width:28px;height:28px;color:var(--teal)}
.s-cli2 .cab-g b{font-family:var(--titulo);font-weight:900;font-size:28px;text-transform:uppercase}
.s-cli2 .cab-g span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.s-cli2 .logos{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.s-cli2 .logos div{background:#fff;height:110px;display:grid;place-items:center;padding:16px;border:2px solid transparent;transition:border-color .2s,transform .2s}
.s-cli2 .logos div:hover{border-color:var(--ink);transform:translateY(-3px)}
.s-cli2 .logos img{max-width:100%;max-height:62px;object-fit:contain}
.s-dep .fila{grid-template-columns:repeat(8,1fr);gap:8px}
.s-dep .videos .cta{position:static;margin:0 0 10px}
.pdf .s-fre:not(.estados) .detalhe,.pdf .s-fre:not(.estados) .orbita .frente.on{display:none}
.pdf .s-fre:not(.estados) .todas-f{display:grid;position:absolute;left:760px;right:72px;top:250px;grid-template-columns:1fr 1fr;gap:12px}
.pdf .s-fre:not(.estados) .todas-f div{border-top:3px solid var(--lime);padding-top:8px}
.pdf .s-fre:not(.estados) .todas-f span{font-family:var(--mono);font-size:11px;color:var(--lime)}
.pdf .s-fre:not(.estados) .todas-f b{display:block;font-family:var(--titulo);font-weight:900;font-size:22px;text-transform:uppercase;margin:4px 0}
.pdf .s-fre:not(.estados) .todas-f p{font-size:13.5px;line-height:1.45;opacity:.85}
.s-dif .provas>div>span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.s-dif .provas b span{font:inherit;opacity:1;letter-spacing:inherit;text-transform:none}
.pdf .s-fre:not(.estados) .orbita{display:none}
.pdf .s-fre:not(.estados) .todas-f{left:640px;top:230px}
.s-eng .lead,.s-lojas .lead,.s-ini .lead,.s-proc .lead,.s-fra2 .lead,.s-cli2 .lead,.s-resp2 .lead{max-width:none}
.s-prop h2{width:860px;font-size:84px}
.s-prop .lead{top:360px;width:820px;max-width:none}
.s-prop .balcao{top:540px;width:820px}
.s-prop .assin-prop{left:72px;top:690px}
.s-prop .imprensa{position:absolute;left:940px;top:108px;width:588px;display:flex;flex-direction:column;gap:12px}
.s-prop .imprensa .eyebrow{position:static}
.s-prop .mat{display:grid;grid-template-columns:230px 1fr;gap:16px;background:var(--ink);color:var(--paper);padding:12px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.s-prop .mat:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--paper)}
.s-prop .print{display:block;background:#fff;overflow:hidden;height:300px}
.s-prop .barra-m{display:flex;align-items:center;gap:4px;height:20px;padding:0 6px;background:#e6e4dc;color:#555;font-style:normal;font-family:var(--mono);font-size:9px}
.s-prop .barra-m b{width:6px;height:6px;border-radius:50%;background:#b9b6aa}
.s-prop .barra-m b:last-of-type{margin-right:6px}
.s-prop .print img{width:100%;display:block}
.s-prop .txt{display:flex;flex-direction:column;gap:8px}
.s-prop .txt q{font-family:var(--titulo);font-weight:900;font-size:27px;line-height:1;text-transform:uppercase;quotes:'“' '”'}
.s-prop .txt em{font-style:normal;font-size:14px;line-height:1.4;color:var(--lime)}
.s-prop .txt cite{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;opacity:.75}
.s-prop .txt .ler{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:auto;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--lime);color:var(--ink);padding:6px 10px}
.s-prop .txt .ler .ic{width:16px;height:16px;stroke-width:3.2;animation:toque 1.6s ease-in-out infinite}
.so-pdf{display:none}
.pdf .so-pdf{display:block}
.s-prop .txt .url{margin-top:auto;font-family:var(--mono);font-size:9.5px;color:var(--lime);word-break:break-all;line-height:1.4}
.s-prop h2{width:800px;font-size:70px;line-height:.98}
.s-prop .lead{top:400px;width:760px;font-size:18px}
.s-prop .balcao{top:560px;width:780px}
.s-prop .assin-prop{top:704px}
.s-prop .lead{top:330px}
.s-prop .balcao{top:490px}
.s-prop .assin-prop{top:640px}
.s-resp2 .rota2 b{font-size:30px;line-height:1.05}
.s-resp2 .palco-duo::after{content:'';position:absolute;left:0;right:0;bottom:0;height:260px;background:linear-gradient(0deg,rgba(5,5,5,.92),transparent);pointer-events:none}
.s-resp2 .palco-duo .frase-duo{position:absolute;left:36px;bottom:110px;width:420px;z-index:1;font-family:var(--titulo);font-weight:900;font-size:44px;line-height:.98;text-transform:uppercase;color:var(--paper)}
.s-resp2 .palco-duo .frase-duo em{font-style:normal;color:var(--lime)}
.s-resp2 .palco-duo .quem{z-index:1;bottom:26px}
.s-resp2 .palco-duo .quem b{display:inline;font-size:20px;margin-right:12px}
/* quem responde: no lugar da rota, de onde viemos */
.s-resp2 .origem2{position:absolute;left:72px;top:582px;width:700px;height:150px;background:var(--lime);border:3px solid var(--ink);padding:20px 24px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.s-resp2 .origem2 b{font-family:var(--titulo);font-weight:900;font-size:34px;line-height:1.05;text-transform:uppercase}
/* clientes: o canal alimentar da Arcor leva dez marcas numa linha só */
.s-cli2 .grupo:nth-of-type(1) .logos{grid-template-columns:repeat(10,1fr)}
.s-cli2 .grupo:nth-of-type(1) .logos div{padding:14px 12px}

/* Ariuno de gestão: simulador passo a passo */
.s-simu>.miolo>.eyebrow{position:absolute;left:72px;top:108px}
.s-simu h2{position:absolute;left:72px;top:138px;width:620px;font-size:46px}
.s-simu .fases{position:absolute;left:72px;top:276px;width:600px;display:grid;grid-template-columns:2fr 1fr 2fr;gap:6px}
.s-simu .fases span{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 8px;border-bottom:4px solid rgba(5,5,5,.15);transition:border-color .3s,color .3s}
.s-simu .fases span.on{border-color:var(--teal);color:var(--teal)}
.s-simu .passos-s{position:absolute;left:72px;top:318px;width:600px;list-style:none;display:flex;flex-direction:column;gap:6px}
.s-simu .passos-s li{background:#fff;border:2px solid var(--linha-c);transition:border-color .2s,background .2s}
.s-simu .passos-s li button{position:relative;width:100%;display:flex;gap:12px;align-items:center;padding:10px 14px;text-align:left;overflow:hidden}
.s-simu .passos-s li i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;background:rgba(5,5,5,.08);font-family:var(--mono);font-weight:700;font-size:13px;flex:none}
.s-simu .passos-s li b{font-family:var(--titulo);font-weight:900;font-size:21px;text-transform:uppercase}
.s-simu .passos-s li p{display:none;font-size:14px;line-height:1.45;padding:0 14px 12px 54px}
.s-simu .passos-s li.on{border-color:var(--ink)}
.s-simu .passos-s li.on i{background:var(--teal);color:#fff}
.s-simu .passos-s li.on p{display:block}
.s-simu .passos-s li.feito i{background:var(--ink);color:var(--lime)}
.s-simu .tela-s{position:absolute;left:712px;top:108px;width:816px;height:680px;background:var(--ink);padding:0 0 54px;display:flex;flex-direction:column}
.s-simu .tela-s .barra-j{flex:none}
.s-simu .tela-s .vista{position:relative;flex:1;overflow:hidden;background:#fff}
.s-simu .tela-s .vista img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .45s}
.s-simu .tela-s .vista img.on{opacity:1}
.s-simu .ctl-s{position:absolute;left:0;right:0;bottom:0;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:var(--paper);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.s-simu .ctl-s button{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:9px 12px;border:2px solid var(--paper)}
.s-simu .ctl-s .prox{background:var(--lime);color:var(--ink);border-color:var(--lime);animation:pulsa-b 2s ease-in-out infinite}
@keyframes pulsa-b{50%{box-shadow:0 0 0 6px rgba(192,238,78,.25)}}
.s-simu .story{display:none}
.pdf .s-simu:not(.estados) .tela-s,.pdf .s-simu:not(.estados) .fases{display:none}
.pdf .s-simu:not(.estados) .passos-s li p{display:block}
.pdf .s-simu:not(.estados) .passos-s li{border-color:var(--linha-c)}
.pdf .s-simu:not(.estados) .passos-s li i{background:var(--teal);color:#fff}
.pdf .s-simu:not(.estados) .passos-s{top:250px;gap:5px}
.pdf .s-simu:not(.estados) .passos-s li button{padding:6px 12px}
.pdf .s-simu:not(.estados) .passos-s li p{padding-bottom:8px;font-size:13px}
.pdf .s-simu:not(.estados) .story{display:grid;position:absolute;left:712px;right:72px;top:108px;grid-template-columns:1fr 1fr;gap:12px}
.pdf .s-simu:not(.estados) .story figure{background:var(--ink);padding:6px}
.pdf .s-simu:not(.estados) .story img{width:100%;height:270px;object-fit:cover;object-position:top;display:block;background:#fff}
.pdf .s-simu:not(.estados) .story figcaption{color:var(--paper);font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:8px 4px 4px}
.pdf .s-simu:not(.estados) .story figcaption i{font-style:normal;background:var(--lime);color:var(--ink);padding:1px 6px;margin-right:6px;font-weight:700}
.s-simu .tela-s .barra-j{height:32px;background:var(--ink);display:flex;align-items:center;gap:7px;padding:0 12px}
.s-simu .tela-s .barra-j i{width:10px;height:10px;background:var(--paper-3);opacity:.5}
.s-simu .tela-s .barra-j i:first-child{background:var(--lime);opacity:1}
.s-simu .tela-s .barra-j span{margin-left:12px;font-family:var(--mono);font-size:11px;color:var(--paper);opacity:.75;letter-spacing:.04em}
/* =====================================================================
   Credenciais 75 LAB · estilo de cada tela (palco 1600x900)
   ===================================================================== */
#topo .lab{height:22px}
.so-pdf{display:none}
.pdf .so-pdf{display:inline}

/* ---------- 01 capa ---------- */
.s-capa{background:var(--ink)}
.s-capa .mosaico{position:absolute;right:-40px;top:-120px;width:760px;height:1140px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(8deg);opacity:.5}
.s-capa .mosaico::after{content:'';position:absolute;inset:-200px;background:linear-gradient(90deg,var(--ink) 8%,rgba(5,5,5,.2) 45%,rgba(5,5,5,.55))}
.s-capa .col{display:flex;flex-direction:column;gap:12px;animation:sobe 46s linear infinite}
.s-capa .col.c2{animation-duration:58s;animation-direction:reverse}
.s-capa .col.c3{animation-duration:52s}
.s-capa .col img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;filter:saturate(.8)}
@keyframes sobe{to{transform:translateY(-50%)}}
.s-capa .eyebrow{position:absolute;left:72px;top:150px;color:var(--lime)}
.s-capa h1{position:absolute;left:66px;top:182px;font-size:150px;line-height:.92;letter-spacing:-.03em}
.s-capa h1 .onda::after{bottom:-.02em}
.s-capa .lead{position:absolute;left:72px;top:640px;width:620px;font-size:18px;opacity:.88}
.s-capa .acoes{position:absolute;left:72px;top:728px;display:flex;gap:14px}
.s-capa .selo-giro{position:absolute;left:820px;top:250px;width:230px;height:230px}
.s-capa .selo-giro svg{width:100%;height:100%;animation:gira 22s linear infinite;overflow:visible}
.s-capa .selo-giro text{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase;fill:var(--paper)}
.s-capa .selo-giro img{position:absolute;left:50%;top:50%;width:84px;transform:translate(-50%,-50%)}
.s-capa .numeros-capa{position:absolute;right:72px;bottom:96px;display:flex;gap:44px;background:rgba(5,5,5,.72);padding:22px 30px;border:2px solid var(--linha-e)}
.s-capa .numeros-capa div{display:flex;flex-direction:column;gap:2px}
.s-capa .numeros-capa .num{font-size:58px;color:var(--lime);line-height:1}
.s-capa .numeros-capa div>span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}

/* ---------- 02 resumo (base.css .s-res) ---------- */
.s-res h2{font-size:64px}

/* ---------- 03 a distância ---------- */
.s-dist .eyebrow{position:absolute;left:72px;top:118px}
.s-dist h2{position:absolute;left:72px;top:146px;width:1250px;font-size:72px}
.s-dist .modos{position:absolute;left:72px;top:318px;display:flex;gap:0;border:2px solid var(--linha-e)}
.s-dist .modos button{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:13px 20px;position:relative;transition:background .25s,color .25s}
.s-dist .modos button.on{background:var(--lime);color:var(--ink)}
.s-dist .modos button:not(.on):hover{background:var(--ink-4)}
.s-dist .cta{left:450px;top:328px}
.s-dist .regua{position:absolute;left:72px;right:72px;top:420px;height:300px}
.s-dist .ponta{position:absolute;top:196px;width:150px}
.s-dist .ponta .eyebrow{position:static;display:block;margin-bottom:6px}
.s-dist .ponta.ini{left:0}.s-dist .ponta.fim{right:0;text-align:right}
.s-dist .ponta b{display:block;font-family:var(--titulo);font-weight:900;font-size:46px;text-transform:uppercase;line-height:1}
.s-dist .ponta.fim b{color:var(--lime)}
.s-dist .trilho{position:absolute;left:170px;right:170px;top:170px;width:calc(100% - 340px);height:120px;overflow:visible}
.s-dist .trilho path{fill:none;stroke-width:5;transition:opacity .5s,stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1)}
.s-dist .tr-trad{stroke:var(--alerta);stroke-dasharray:14 12;opacity:1}
.s-dist .tr-lab{stroke:var(--lime);stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0}
.s-dist .regua[data-modo=lab] .tr-trad{opacity:0}
.s-dist .regua[data-modo=lab] .tr-lab{opacity:1;stroke-dashoffset:0}
.s-dist .paradas{position:absolute;left:170px;right:170px;top:0;height:300px;list-style:none;transition:opacity .4s}
.s-dist .paradas li{position:absolute;left:var(--x);transform:translateX(-50%);width:170px;text-align:center}
.s-dist .paradas b{display:block;font-family:var(--titulo);font-weight:900;font-size:26px;text-transform:uppercase;line-height:1.04}
.s-dist .paradas span{display:block;font-size:13.5px;line-height:1.35;opacity:.75;margin-top:4px}
.s-dist .paradas li::before{content:'';display:block;width:16px;height:16px;margin:0 auto 10px;background:var(--paper)}
.s-dist .paradas.trad li:nth-child(1){top:40px}.s-dist .paradas.trad li:nth-child(2){top:0}.s-dist .paradas.trad li:nth-child(3){top:40px}.s-dist .paradas.trad li:nth-child(4){top:0}
.s-dist .paradas.trad li::before{display:none}
.s-dist .paradas.trad li::after{content:'';display:block;width:2px;height:var(--h,60px);margin:8px auto 0;background:repeating-linear-gradient(var(--paper) 0 4px,transparent 4px 8px);opacity:.5}
.s-dist .paradas.trad li:nth-child(2),.s-dist .paradas.trad li:nth-child(4){--h:100px}
.s-dist .paradas.trad li.x b{color:var(--alerta)}
.s-dist .paradas.trad li.x::before{background:var(--alerta)}
.s-dist .paradas.lab li{top:222px}
.s-dist .paradas.lab li::before{background:var(--lime)}
.s-dist .paradas.lab li.ok b{color:var(--lime)}
.s-dist .paradas.lab{opacity:0;pointer-events:none}
.s-dist .regua[data-modo=lab] .paradas.trad{opacity:0}
.s-dist .regua[data-modo=lab] .paradas.lab{opacity:1}
.s-dist .fecho{bottom:96px}

/* ---------- 04 os dois lados do balcão ---------- */
.s-balc .eyebrow{position:absolute;left:72px;top:118px}
.s-balc h2{position:absolute;left:72px;top:146px;font-size:68px;width:1400px}
.s-balc .foto-duo{position:absolute;left:560px;top:250px;width:480px;height:450px;overflow:hidden;background:var(--lime)}
.s-balc .foto-duo img{width:100%;height:118%;object-fit:cover;object-position:50% 10%;display:block}
.s-balc .lado{position:absolute;top:290px;width:400px}
.s-balc .lado.ind{left:72px;text-align:left}
.s-balc .lado.var{right:72px;text-align:right}
.s-balc .tag{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--lime);padding:6px 10px;margin-bottom:14px}
.s-balc h3{font-size:46px}
.s-balc .lado em{display:block;font-style:normal;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin:4px 0 18px}
.s-balc .lado .num{font-size:92px;color:var(--teal);line-height:.9}
.s-balc .lado .num small{font-size:30px}
.s-balc .lado p{font-size:16.5px;line-height:1.5;margin-top:10px}
.s-balc .tampo{position:absolute;left:72px;right:72px;top:700px;height:56px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.s-balc .tampo i{font-style:normal;color:var(--lime)}
.s-balc .passagem{position:absolute;left:72px;right:72px;top:778px;display:flex;align-items:center;gap:22px}
.s-balc .passagem .eyebrow{position:static;flex:none}
.s-balc .nomes{display:flex;flex-wrap:wrap;gap:8px}
.s-balc .nomes span{font-family:var(--titulo);font-weight:900;font-size:20px;text-transform:uppercase;padding:4px 12px;border:2px solid var(--linha-c)}

/* ---------- 05 manifesto ---------- */
.s-man .eyebrow{position:absolute;left:72px;top:118px}
.s-man blockquote{position:absolute;left:72px;top:150px;width:900px;font-family:var(--titulo);font-weight:900;text-transform:uppercase;font-size:104px;line-height:.96;letter-spacing:-.025em}
.s-man cite{position:absolute;left:72px;top:540px;font-style:normal;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding-left:16px;border-left:6px solid var(--ink)}
.s-man .principios{position:absolute;left:72px;top:620px;width:920px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none}
.s-man .principios li{border-top:4px solid var(--ink);padding-top:12px;font-family:var(--titulo);font-weight:900;font-size:24px;line-height:1.08;text-transform:uppercase}
.s-man .principios li i{display:block;font-style:normal;font-family:var(--mono);font-size:11px;margin-bottom:6px}
.s-man .imprensa{position:absolute;left:1060px;top:150px;width:470px;display:flex;flex-direction:column;gap:16px}
.s-man .imprensa .eyebrow{position:static}
.s-man .mat{display:grid;grid-template-columns:150px 1fr;gap:16px;background:var(--ink);color:var(--paper);padding:14px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.s-man .mat:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--paper)}
.s-man .mat img{width:150px;height:150px;object-fit:cover;object-position:top;display:block}
.s-man .mat span{font-size:15px;line-height:1.45;display:flex;flex-direction:column;gap:8px}
.s-man .mat b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.s-man .mat small{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-top:auto}

/* ---------- 06 hub de soluções (régua de tomadas) ---------- */
.s-hub .eyebrow{position:absolute;left:72px;top:118px}
.s-hub h2{position:absolute;left:72px;top:146px;font-size:64px;width:740px}
.s-hub .lead{position:absolute;left:72px;top:296px;width:620px;font-size:17px;opacity:.85}
.s-hub .regua-t{position:absolute;left:72px;top:400px;width:720px;display:grid;grid-template-columns:120px 1fr;background:var(--ink-3);padding:16px;gap:16px}
.s-hub .filtro-t{background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.s-hub .filtro-t img{width:70px}
.s-hub .filtro-t i{width:18px;height:18px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(192,238,78,.18);animation:pulsa 1.8s ease-in-out infinite}
.s-hub .tomadas{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.s-hub .tomadas button{position:relative;background:var(--ink);color:var(--paper);height:150px;padding:16px 12px 14px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;overflow:hidden;transition:background .25s,color .25s,transform .25s}
.s-hub .tomadas button::before{content:'';position:absolute;right:14px;top:16px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 50%,var(--ink-3) 2.5px,transparent 3px),radial-gradient(circle at 65% 50%,var(--ink-3) 2.5px,transparent 3px),var(--ink-4)}
.s-hub .tomadas button b{font-family:var(--titulo);font-weight:900;font-size:21px;line-height:1.04;text-transform:uppercase}
.s-hub .tomadas button .ic{width:34px;height:34px;color:var(--lime)}
.s-hub .tomadas button:hover{transform:translateY(-3px)}
.s-hub .tomadas button.on{background:var(--lime);color:var(--ink)}
.s-hub .tomadas button.on .ic{color:var(--ink)}
.s-hub .tomadas button.on::before{background:radial-gradient(circle at 35% 50%,var(--lime) 2.5px,transparent 3px),radial-gradient(circle at 65% 50%,var(--lime) 2.5px,transparent 3px),var(--ink)}
.s-hub .cta{left:72px;top:766px}
.s-hub .plugado{position:absolute;left:860px;top:150px;width:668px;height:640px;background:var(--paper);color:var(--ink)}
.s-hub .plugado figure{height:376px;overflow:hidden;background:#fff;padding:14px}
.s-hub .plugado figure img{width:100%;height:100%;object-fit:contain;display:block;animation:entraFoto .6s ease}
@keyframes entraFoto{from{opacity:0;transform:scale(1.04)}}
.s-hub .plugado .info{padding:22px 28px}
.s-hub .plugado .info .eyebrow{position:static;display:block;color:var(--teal)}
.s-hub .plugado h3{font-size:44px;margin:6px 0 8px}
.s-hub .plugado p{font-size:16px;line-height:1.5}
.s-hub .plugado .ex{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--lime);padding:5px 9px}
.s-hub .plugado .info.troca{animation:entra .4s ease}

/* ---------- 07 a rede ---------- */
.s-rede .eyebrow{position:absolute;left:72px;top:118px}
.s-rede h2{position:absolute;left:72px;top:146px;width:720px;font-size:64px}
.s-rede .grafo{position:absolute;left:800px;top:120px;width:760px;height:640px}
.s-rede .grafo svg{position:absolute;inset:0;width:100%;height:100%}
.s-rede .fios path{stroke:var(--ink);stroke-width:2;stroke-dasharray:6 8;fill:none;animation:corre 1.4s linear infinite}
@keyframes corre{to{stroke-dashoffset:-28}}
.s-rede .centro{position:absolute;left:380px;top:320px;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 14px rgba(5,5,5,.08)}
.s-rede .centro .num{font-size:78px;color:var(--lime);line-height:.9}
.s-rede .centro>span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;width:150px;margin-top:6px}
.s-rede .no{position:absolute;transform:translate(-50%,-50%);background:var(--paper);border:2px solid var(--ink);padding:9px 14px;font-family:var(--titulo);font-weight:900;font-size:20px;text-transform:uppercase;white-space:nowrap;transition:background .2s}
.s-rede .no:hover{background:var(--lime)}
.s-rede .regras{position:absolute;left:72px;top:400px;width:660px;list-style:none;display:flex;flex-direction:column;gap:14px}
.s-rede .regras li{display:flex;gap:18px;align-items:flex-start;background:var(--paper);padding:18px 20px;border-left:6px solid var(--teal)}
.s-rede .regras li:last-child{background:var(--ink);color:var(--paper);border-color:var(--lime)}
.s-rede .regras li:last-child .ic{color:var(--lime)}
.s-rede .regras .ic{color:var(--teal)}
.s-rede .regras b{display:block;font-family:var(--titulo);font-weight:900;font-size:24px;text-transform:uppercase;line-height:1.05}
.s-rede .regras span{display:block;font-size:15px;line-height:1.45;margin-top:4px}

/* ---------- 08 método 75 ---------- */
.s-met .eyebrow{position:absolute;left:72px;top:118px}
.s-met h2{position:absolute;left:72px;top:146px;font-size:72px}
.s-met .caminho{position:absolute;left:70px;top:230px;width:1460px;height:420px;overflow:visible}
.s-met .caminho path{fill:none;stroke:var(--linha-e);stroke-width:3;stroke-dasharray:4 10}
.s-met .viajante{fill:var(--lime)}
.s-met .estacoes{list-style:none;position:absolute;left:72px;top:0;width:1456px;height:900px}
.s-met .estacoes li{position:absolute;width:200px;padding:16px 16px 18px;background:var(--ink-3);border-top:5px solid var(--teal-2)}
.tela.ativa.s-met .estacoes li.anima{transition-delay:calc(.3s + var(--i) * .14s)}
.s-met .estacoes li.fim{background:var(--lime);color:var(--ink);border-color:var(--ink)}
.s-met .estacoes i{font-style:normal;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--lime)}
.s-met .estacoes li.fim i{color:var(--ink)}
.s-met .estacoes b{display:block;font-family:var(--titulo);font-weight:900;font-size:25px;line-height:1.04;text-transform:uppercase;margin:4px 0 8px}
.s-met .estacoes span{display:block;font-size:13.5px;line-height:1.42;opacity:.85}
.s-met .fecho{bottom:96px}

/* ---------- 09 custo ---------- */
.s-cus .eyebrow{position:absolute;left:72px;top:118px}
.s-cus h2{position:absolute;left:72px;top:146px;font-size:68px;width:1400px}
.s-cus .comparativo{position:absolute;left:72px;right:72px;top:300px;display:flex;flex-direction:column;gap:16px}
.s-cus .linha-c{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:20px}
.s-cus .rot{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.s-cus .barra-c{display:flex;height:86px;gap:4px}
.s-cus .barra-c i{font-style:normal;display:flex;align-items:center;padding:0 16px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;width:0;overflow:hidden;white-space:nowrap;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.tela.ativa .s-cus .barra-c i,.tela.ativa.s-cus .barra-c i{width:var(--w)}
.s-cus .barra-c .cri{background:var(--paper-3);color:var(--ink)}
.s-cus .barra-c .pro{background:var(--ink);color:var(--paper)}
.s-cus .barra-c .mk{background:repeating-linear-gradient(-45deg,var(--alerta) 0 12px,#c9361f 12px 24px);color:#fff}
.s-cus .lab .barra-c .eco{background:transparent;border:3px dashed var(--teal);color:var(--teal);gap:12px}
.s-cus .barra-c .eco .num{font-size:44px;line-height:1}
.s-cus .lab .barra-c .pro{background:var(--teal);color:#fff}
.tela.ativa.s-cus .lab .barra-c i{transition-delay:.6s}
.s-cus .ilust{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.5;margin-left:220px}
.s-cus .alavancas{position:absolute;left:72px;right:72px;top:560px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.s-cus .alavancas div{background:#fff;border:2px solid var(--linha-c);padding:22px 22px 24px}
.s-cus .alavancas .ic{color:var(--teal)}
.s-cus .alavancas b{display:block;font-family:var(--titulo);font-weight:900;font-size:26px;text-transform:uppercase;line-height:1.04;margin:12px 0 8px}
.s-cus .alavancas p{font-size:15px;line-height:1.48}

/* ---------- 10 números em cupom fiscal ---------- */
.s-cupom .eyebrow{position:absolute;left:72px;top:118px}
.s-cupom h2{position:absolute;left:72px;top:146px;font-size:88px;width:760px}
.s-cupom .lead{position:absolute;left:72px;top:352px;width:640px;font-size:17px}
.s-cupom .heroi{position:absolute;left:72px;top:440px}
.s-cupom .heroi.h2{left:470px}
.s-cupom .heroi .num{display:block;font-size:130px;line-height:.86;color:var(--teal);letter-spacing:-.03em}
.s-cupom .heroi.h2 .num{color:var(--ink)}
.s-cupom .heroi>span{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.s-cupom .cupom{position:absolute;left:960px;top:110px;width:520px;background:#fffef8;color:var(--ink);padding:26px 30px 34px;font-family:var(--mono);box-shadow:0 30px 60px rgba(5,5,5,.18);transform:rotate(1.4deg)}
.s-cupom .cupom::after{content:'';position:absolute;left:0;right:0;bottom:-14px;height:14px;background:linear-gradient(-45deg,transparent 7px,#fffef8 0) 0 0/14px 14px,linear-gradient(45deg,transparent 7px,#fffef8 0) 0 0/14px 14px}
.s-cupom .topo-c{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;font-size:11px;letter-spacing:.04em}
.s-cupom .topo-c img{height:30px;margin-bottom:8px}
.s-cupom .topo-c b{font-size:13px;letter-spacing:.1em}
.s-cupom .tracos{display:block;width:100%;border-top:2px dashed rgba(5,5,5,.35);margin:9px 0}
.s-cupom .itens{list-style:none;display:flex;flex-direction:column;gap:7px}
.s-cupom .itens li{display:flex;justify-content:space-between;gap:10px;font-size:14px;align-items:baseline}
.s-cupom .itens li span{flex:1;overflow:hidden;white-space:nowrap}
.s-cupom .itens li span::after{content:' ..............................................................';opacity:.35}
.s-cupom .itens li b{font-size:15px}
.s-cupom .itens li{opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}
.tela.ativa.s-cupom .itens li{opacity:1;transform:none;transition-delay:calc(.5s + var(--i) * .18s)}
.s-cupom .total{text-align:center;font-size:11px;letter-spacing:.06em}
.s-cupom .total div{display:flex;justify-content:space-between;font-family:var(--titulo);font-weight:900;font-size:34px;text-transform:uppercase;margin:4px 0 10px}
.s-cupom .total .cod{display:block;font-size:22px;white-space:nowrap;overflow:hidden;letter-spacing:-.06em;line-height:1;margin-bottom:6px}

/* ---------- 11 clientes ---------- */
.s-mar .eyebrow{position:absolute;left:72px;top:118px}
.s-mar h2{position:absolute;left:72px;top:146px;font-size:68px;width:1100px}
.s-mar .esteiras{position:absolute;left:0;right:0;top:330px;display:flex;flex-direction:column;gap:18px}
.s-mar .esteira{display:grid;grid-template-columns:340px 1fr;align-items:center}
.s-mar .esteira .rot{display:flex;align-items:center;gap:10px;padding-left:72px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.s-mar .vai{overflow:hidden;background:#fff;border-top:2px solid var(--linha-c);border-bottom:2px solid var(--linha-c);height:120px;display:flex;align-items:center;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.s-mar .faixa{display:flex;gap:64px;align-items:center;padding-left:40px;animation:esteira 34s linear infinite;width:max-content}
.s-mar .volta .faixa{animation-direction:reverse;animation-duration:30s}
.s-mar .faixa img{height:62px;max-width:170px;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.85;transition:filter .2s,opacity .2s}
.s-mar .faixa img:hover{filter:none;opacity:1}
@keyframes esteira{to{transform:translateX(-50%)}}
.s-mar .contagem{position:absolute;right:72px;top:150px;width:300px;text-align:right}
.s-mar .contagem .num{display:block;font-size:110px;color:var(--teal);line-height:.86}
.s-mar .contagem span{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.pdf .s-mar .faixa{animation:none!important;flex-wrap:wrap;width:auto;gap:18px 46px;padding:0 30px}
.pdf .s-mar .vai{height:auto;min-height:120px;padding:14px 0;-webkit-mask:none;mask:none}
.pdf .s-mar .faixa img{height:44px}

/* ---------- 12 cases na gôndola ---------- */
.s-gon .eyebrow{position:absolute;left:72px;top:118px}
.s-gon h2{position:absolute;left:72px;top:146px;font-size:72px}
.s-gon .prateleiras-f{position:absolute;left:72px;top:254px;display:flex;gap:8px}
.s-gon .prateleiras-f button{position:relative;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:12px 16px;border:2px solid var(--linha-e);overflow:hidden;transition:background .2s,color .2s,border-color .2s}
.s-gon .prateleiras-f button:hover{border-color:var(--paper)}
.s-gon .prateleiras-f button.on{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.s-gon .cta{left:1100px;top:160px}
.s-gon .gondola{position:absolute;left:72px;right:72px;top:316px;background:#fff;padding:22px 22px 0}
.s-gon .prat{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;min-height:250px;align-items:end}
.s-gon .prat figure{position:relative;margin:0;animation:entraFoto .5s ease both;display:flex;flex-direction:column}
.s-gon .prat figure:nth-child(2){animation-delay:.07s}.s-gon .prat figure:nth-child(3){animation-delay:.14s}.s-gon .prat figure:nth-child(4){animation-delay:.21s}
.s-gon .prat figure img{width:100%;height:250px;object-fit:cover;object-position:50% 60%;display:block;transition:transform .5s;transform-origin:50% 100%}
.s-gon .prat figure:hover img{transform:scale(1.05)}
.s-gon .base-g{height:26px;margin:0 -22px;background:linear-gradient(#d7d3c2,#b9b5a2);border-top:3px solid #8f8b78}
.s-gon .etiquetas{position:absolute;left:72px;right:72px;top:610px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0;padding:10px 22px 16px;background:var(--ink-3)}
.s-gon .etq{background:#fff;color:var(--ink);padding:9px 12px 10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;border-left:8px solid var(--lime);display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.s-gon .etq b{display:block;font-family:var(--titulo);font-weight:900;font-size:24px;letter-spacing:0;line-height:1}
.s-gon .etq .ver{font-weight:700;color:var(--teal);white-space:nowrap}
.s-gon .mais{position:absolute;right:72px;top:254px}

/* ---------- 13 depoimento (quem-somos.css .s-dep) ---------- */
.s-dep .fila{grid-template-columns:repeat(5,minmax(0,1fr))}
.s-dep .videos{width:860px}
.s-dep .videos>.eyebrow{display:inline-block;margin:0 14px 10px 0;vertical-align:middle}
.s-dep .videos .cta{position:static;vertical-align:middle;margin-bottom:10px}
.s-dep .vid{min-width:0}
.s-dep .vid b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-dep .outro{position:absolute;left:72px;top:760px;width:860px;display:flex;align-items:baseline;gap:16px;padding-top:12px;border-top:3px solid var(--ink)}
.s-dep .outro q{font-family:var(--titulo);font-weight:900;font-size:26px;text-transform:uppercase;line-height:1.05}
.s-dep .outro span{flex:none;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}

/* ---------- 14 tecnologia ---------- */
.s-tec .eyebrow{position:absolute;left:72px;top:118px}
.s-tec h2{position:absolute;left:72px;top:146px;font-size:68px;width:640px}
.s-tec .abas-t{position:absolute;left:72px;top:360px;width:540px;display:flex;flex-direction:column;gap:10px}
.s-tec .abas-t button{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;padding:16px 18px;border:2px solid var(--linha-c);background:#fff;overflow:hidden;transition:background .2s,color .2s,transform .2s}
.s-tec .abas-t button i{grid-row:1/3;font-style:normal;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--teal);padding-top:6px}
.s-tec .abas-t button b{font-family:var(--titulo);font-weight:900;font-size:30px;text-transform:uppercase;line-height:1}
.s-tec .abas-t button span{font-size:14.5px;opacity:.75}
.s-tec .abas-t button:hover{transform:translateX(4px)}
.s-tec .abas-t button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.s-tec .abas-t button.on i{color:var(--lime)}
.s-tec .cta{left:72px;top:690px}
.s-tec .vitrine-t{position:absolute;left:680px;top:120px;width:848px;height:680px;background:var(--ink);color:var(--paper)}
.s-tec .painel-t{position:absolute;inset:0;display:none;flex-direction:column}
.s-tec .painel-t.on{display:flex;animation:entra .4s ease}
.s-tec .nav-b{height:38px;display:flex;align-items:center;gap:7px;padding:0 16px;background:var(--ink-3)}
.s-tec .nav-b i{width:10px;height:10px;border-radius:50%;background:var(--ink-4)}
.s-tec .nav-b span{margin-left:14px;font-family:var(--mono);font-size:11px;opacity:.6}
.s-tec .painel-t>img{width:100%;height:460px;object-fit:cover;object-position:top;display:block}
.s-tec .txt-t{margin-top:auto;padding:22px 28px 26px;border-top:4px solid var(--lime)}
.s-tec .txt-t b{display:block;font-family:var(--titulo);font-weight:900;font-size:30px;text-transform:uppercase;line-height:1.04;margin-bottom:8px}
.s-tec .txt-t p{font-size:15.5px;line-height:1.5;opacity:.85}
.s-tec .ar-duo{display:grid;grid-template-columns:1fr 250px;gap:20px;padding:24px 24px 0;height:498px;align-items:center}
.s-tec .ar-duo>img{width:100%;height:470px;object-fit:contain;background:var(--paper);display:block}
.s-tec .qr-ar{display:flex;flex-direction:column;gap:14px;background:var(--paper);color:var(--ink);padding:18px;text-decoration:none;transition:transform .2s}
.s-tec .qr-ar:hover{transform:translate(-3px,-3px)}
.s-tec .qr-ar img{width:100%;display:block}
.s-tec .qr-ar b{font-family:var(--titulo);font-weight:900;font-size:22px;text-transform:uppercase;line-height:1.04}
.s-tec .vida-t{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:56px 28px 0;counter-reset:v}
.s-tec .vida-t li{background:var(--ink-3);padding:22px 18px 26px;border-top:5px solid var(--lime);position:relative;min-height:390px;display:flex;flex-direction:column;gap:10px}
.s-tec .vida-t li::after{counter-increment:v;content:'0' counter(v);position:absolute;right:14px;bottom:8px;font-family:var(--titulo);font-weight:900;font-size:90px;line-height:1;opacity:.12}
.s-tec .vida-t .ic{color:var(--lime)}
.s-tec .vida-t b{font-family:var(--titulo);font-weight:900;font-size:26px;text-transform:uppercase}
.s-tec .vida-t span{font-size:14.5px;line-height:1.45;opacity:.8}

/* ---------- 15 projeto, não fee ---------- */
.s-proj .eyebrow{position:absolute;left:72px;top:118px}
.s-proj h2{position:absolute;left:72px;top:146px;font-size:68px;width:1400px}
.s-proj .lead{position:absolute;left:72px;top:240px;width:760px;font-size:17px;opacity:.85}
.s-proj .escada{position:absolute;left:72px;right:72px;top:330px;height:380px}
.s-proj .degrau{position:absolute;bottom:0;width:470px;background:var(--ink-3);padding:22px 24px;border-top:6px solid var(--teal-2)}
.s-proj .degrau.d-1{left:0;height:250px}
.s-proj .degrau.d-2{left:493px;height:315px}
.s-proj .degrau.d-3{left:986px;height:380px;background:var(--lime);color:var(--ink);border-color:var(--ink)}
.s-proj .degrau .n{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.s-proj .degrau.d-3 .n{color:var(--ink)}
.s-proj .degrau b{display:block;font-family:var(--titulo);font-weight:900;font-size:50px;text-transform:uppercase;line-height:1;margin:6px 0 10px}
.s-proj .degrau p{font-size:16px;line-height:1.45}
.s-proj .degrau em{display:block;font-style:normal;margin-top:14px;font-family:var(--mono);font-size:11.5px;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;opacity:.8}
.s-proj .regras-p{position:absolute;left:72px;right:72px;top:740px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.s-proj .regras-p div{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.4;padding-top:12px;border-top:2px solid var(--linha-e)}
.s-proj .regras-p .ic{color:var(--lime)}

/* ---------- 16 fim ---------- */
.s-fim .eyebrow{position:absolute;left:72px;top:130px}
.s-fim h2{position:absolute;left:66px;top:160px;font-size:150px;line-height:.92;letter-spacing:-.03em}
.s-fim h2 .sub{color:var(--paper);-webkit-text-stroke:3px var(--ink);color:transparent}
.s-fim .lead{position:absolute;left:72px;top:470px;width:700px;font-size:18px}
.s-fim .acoes{position:absolute;left:72px;top:560px;display:flex;gap:12px}
.s-fim .acoes .ic{width:20px;height:20px;stroke-width:3.4}
.s-fim .qr-fim{position:absolute;right:72px;top:150px;width:300px;background:var(--ink);color:var(--paper);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:12px 12px 0 var(--paper)}
.s-fim .qr-fim img{width:100%;display:block}
.s-fim .qr-fim b{font-family:var(--titulo);font-weight:900;font-size:26px;text-transform:uppercase;line-height:1.04}
.s-fim .contatos{position:absolute;left:72px;top:648px;display:flex;gap:56px}
.s-fim .contatos div{display:flex;flex-direction:column;gap:2px;font-size:15px;padding-left:14px;border-left:5px solid var(--ink)}
.s-fim .contatos b{font-family:var(--titulo);font-weight:900;font-size:26px;text-transform:uppercase}
.s-fim .inst{position:absolute;left:72px;right:72px;top:792px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;line-height:1.5;opacity:.7}
.s-fim .assin-fim{position:absolute;right:72px;top:560px;width:300px;font-family:var(--titulo);font-weight:900;font-size:34px;text-transform:uppercase;line-height:1;text-align:right}

/* PDF: chamadas de clique saem; o que gira fica parado */
.pdf .s-capa .col{animation:none!important}
.pdf .s-met .viajante{display:none}

/* ---------- engenharia ---------- */
.s-eng{background-color:var(--ink-2);background-image:linear-gradient(rgba(6,198,174,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(6,198,174,.07) 1px,transparent 1px);background-size:40px 40px}
.s-eng .eyebrow{position:absolute;left:72px;top:118px}
.s-eng h2{position:absolute;left:72px;top:146px;font-size:68px;width:1400px}
.s-eng .lead{position:absolute;left:72px;top:236px;width:820px;font-size:17px;opacity:.85}
.s-eng .esteira-eng{list-style:none;position:absolute;left:72px;right:72px;top:316px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.s-eng .esteira-eng li{position:relative;background:var(--ink);border:2px solid var(--linha-e);padding:14px 14px 16px;transition:transform .2s,border-color .2s}
.s-eng .esteira-eng li:hover{transform:translateY(-4px);border-color:var(--lime)}
.s-eng .esteira-eng li:not(:last-child)::after{content:'→';position:absolute;right:-19px;top:120px;font-size:20px;color:var(--lime);z-index:2}
.s-eng .esteira-eng .n{position:absolute;left:14px;top:14px;z-index:2;font-family:var(--mono);font-size:11px;font-weight:700;background:var(--lime);color:var(--ink);padding:3px 7px}
.s-eng figure{height:250px;margin:0 0 12px;background:#fff;display:grid;place-items:center;overflow:hidden}
.s-eng figure img{width:100%;height:100%;object-fit:contain;display:block}
.s-eng figure.folha{padding:8px}
.s-eng .esteira-eng b{display:block;font-family:var(--titulo);font-weight:900;font-size:26px;text-transform:uppercase;line-height:1}
.s-eng .esteira-eng p{font-size:14.5px;line-height:1.42;opacity:.8;margin-top:6px}
.s-eng .esteira-eng p strong{color:var(--lime)}
.s-eng .cta{left:72px;top:690px}
.s-eng .regras-eng{position:absolute;left:72px;right:72px;top:738px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.s-eng .regras-eng div{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.35;padding-top:10px;border-top:2px solid var(--linha-e)}
.s-eng .regras-eng .ic{color:var(--lime)}

/* ---------- projetos no ar ---------- */
.s-links .eyebrow{position:absolute;left:72px;top:118px}
.s-links h2{position:absolute;left:72px;top:146px;font-size:72px}
.s-links .lead{position:absolute;left:72px;top:236px;width:700px;font-size:17px}
.s-links .cta{right:72px;top:236px}
.s-links .cartoes-l{position:absolute;left:72px;right:72px;top:296px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.s-links .cartoes-l a{position:relative;display:flex;flex-direction:column;background:#fff;border:2px solid var(--linha-c);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.s-links .cartoes-l a:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink)}
.s-links .nav-b{height:22px;display:flex;align-items:center;gap:5px;padding:0 10px;background:var(--ink)}
.s-links .nav-b i{width:7px;height:7px;border-radius:50%;background:var(--ink-4)}
.s-links .cartoes-l img{width:100%;height:150px;object-fit:cover;object-position:top;display:block}
.s-links .tag{position:absolute;left:10px;top:34px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--lime);color:var(--ink);padding:4px 8px}
.s-links .cartoes-l b{font-family:var(--titulo);font-weight:900;font-size:23px;text-transform:uppercase;line-height:1.05;padding:12px 14px 2px}
.s-links .cartoes-l em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--teal);padding:0 14px 12px}
.s-links .cartoes-l em::after{content:' ↗';font-family:var(--corpo)}

/* ---------- realidade aumentada ---------- */
.s-ar .eyebrow{position:absolute;left:72px;top:118px}
.s-ar h2{position:absolute;left:72px;top:146px;font-size:62px;width:1400px}
.s-ar .ar-lado{position:absolute;left:72px;top:260px;width:390px;display:flex;flex-direction:column;gap:22px}
.s-ar .ar-lado .lead{font-size:16.5px}
.s-ar .conta-ar .num{display:block;font-size:110px;line-height:.86;color:var(--teal)}
.s-ar .conta-ar span{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.s-ar .qr-ar{display:flex;gap:16px;align-items:center;background:var(--ink);color:var(--paper);padding:14px;text-decoration:none;transition:transform .2s}
.s-ar .qr-ar:hover{transform:translate(-3px,-3px)}
.s-ar .qr-ar img{width:110px;height:110px;display:block}
.s-ar .qr-ar span{font-size:14px;line-height:1.4}
.s-ar .qr-ar b{display:block;font-family:var(--titulo);font-weight:900;font-size:24px;text-transform:uppercase;color:var(--lime)}
.s-ar .cta{left:500px;top:262px}
.s-ar .vitrine-ar{position:absolute;left:500px;right:72px;top:304px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.s-ar .vitrine-ar a{position:relative;display:flex;flex-direction:column;background:linear-gradient(#fff,var(--paper-2));border:2px solid var(--linha-c);text-decoration:none;color:var(--ink);padding:10px 12px 12px;transition:transform .2s,box-shadow .2s}
.s-ar .vitrine-ar a:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--teal)}
.s-ar .vitrine-ar a::before{content:'AR';position:absolute;right:8px;top:8px;font-family:var(--mono);font-size:10px;font-weight:700;background:var(--teal);color:#fff;padding:3px 6px}
.s-ar .vitrine-ar img{width:100%;height:170px;object-fit:contain;display:block;filter:drop-shadow(0 10px 10px rgba(5,5,5,.18))}
.s-ar .vitrine-ar b{font-family:var(--titulo);font-weight:900;font-size:19px;text-transform:uppercase;line-height:1.05;margin-top:6px}
.s-ar .vitrine-ar span{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}

/* ---------- rastreamento com QR ---------- */
.s-qr .eyebrow{position:absolute;left:72px;top:118px}
.s-qr h2{position:absolute;left:72px;top:146px;font-size:62px;width:1100px}
.s-qr .jornada{list-style:none;position:absolute;left:72px;top:318px;width:1000px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.s-qr .jornada li{position:relative}
.s-qr .jornada li:not(:last-child)::after{content:'';position:absolute;left:calc(100% - 6px);top:140px;width:38px;height:3px;background:repeating-linear-gradient(90deg,var(--lime) 0 6px,transparent 6px 10px)}
.s-qr .jornada .n{position:absolute;left:-8px;top:-8px;z-index:2;font-family:var(--mono);font-size:11px;font-weight:700;background:var(--lime);color:var(--ink);padding:4px 8px}
.s-qr .cel{width:100%;height:300px;background:#000;border-radius:26px;padding:8px;box-shadow:0 0 0 2px var(--ink-4)}
.s-qr .cel img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:19px;display:block}
.s-qr .jornada b{display:block;font-family:var(--titulo);font-weight:900;font-size:26px;text-transform:uppercase;margin:14px 0 4px}
.s-qr .jornada p{font-size:14.5px;line-height:1.42;opacity:.8}
.s-qr .tecnos{position:absolute;left:1120px;right:72px;top:318px;display:flex;flex-direction:column;gap:14px}
.s-qr .tecnos div{background:var(--ink-3);padding:18px 20px;border-left:6px solid var(--lime)}
.s-qr .tecnos div:nth-child(2){border-color:var(--teal-2)}
.s-qr .tecnos .tag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.s-qr .tecnos div:nth-child(2) .tag{color:var(--teal-2)}
.s-qr .tecnos b{display:block;font-family:var(--titulo);font-weight:900;font-size:28px;text-transform:uppercase;line-height:1.04;margin:4px 0 6px}
.s-qr .tecnos p{font-size:14.5px;line-height:1.45;opacity:.85}
.s-qr .tecnos .botao{align-self:flex-start;margin-top:6px}

/* ---------- painel de gestão ---------- */
.s-pain .eyebrow{position:absolute;left:72px;top:118px}
.s-pain h2{position:absolute;left:72px;top:146px;font-size:68px;width:520px}
.s-pain .abas-p{position:absolute;left:72px;top:330px;width:420px;display:flex;flex-direction:column;gap:10px}
.s-pain .abas-p button{position:relative;text-align:left;padding:14px 18px;background:#fff;border:2px solid var(--linha-c);overflow:hidden;transition:background .2s,color .2s,transform .2s}
.s-pain .abas-p button:hover{transform:translateX(4px)}
.s-pain .abas-p button b{display:block;font-family:var(--titulo);font-weight:900;font-size:26px;text-transform:uppercase;line-height:1}
.s-pain .abas-p button span{display:block;font-size:13.5px;line-height:1.35;opacity:.75;margin-top:4px}
.s-pain .abas-p button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.s-pain .abas-p button.on b{color:var(--lime)}
.s-pain .cta{left:72px;top:740px}
.s-pain .tela-p{position:absolute;left:530px;right:72px;top:118px;height:680px;background:var(--ink);padding:0 0 10px;box-shadow:14px 14px 0 var(--teal)}
.s-pain .tela-p .nav-b{height:36px;display:flex;align-items:center;gap:7px;padding:0 14px;background:var(--ink-3);color:var(--paper)}
.s-pain .tela-p .nav-b i{width:10px;height:10px;border-radius:50%;background:var(--ink-4)}
.s-pain .tela-p .nav-b span{margin-left:12px;font-family:var(--mono);font-size:11px;opacity:.65}
.s-pain .tela-p .nav-b em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.s-pain .quadro{position:relative;height:634px;margin:0 10px;overflow:hidden;background:#fff}
.s-pain .quadro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block;opacity:0;transition:opacity .4s}
.s-pain .quadro img.on{opacity:1}

/* ---------- Ariuno (antiga tela de tecnologia) ---------- */
.s-tec h2{width:660px}
.s-tec .itens-a{position:absolute;left:72px;top:380px;width:560px;display:flex;flex-direction:column;gap:14px}
.s-tec .itens-a>div{display:flex;gap:16px;align-items:flex-start;background:#fff;padding:16px 18px;border-left:6px solid var(--teal)}
.s-tec .itens-a .ic{color:var(--teal)}
.s-tec .itens-a b{display:block;font-family:var(--titulo);font-weight:900;font-size:24px;text-transform:uppercase;line-height:1.05}
.s-tec .itens-a span{display:block;font-size:15px;line-height:1.45;margin-top:3px}
.s-tec .vitrine-t{height:640px}
.s-tec .vitrine-t .painel-t>img{height:602px}
.s-tec h2{width:540px;font-size:58px}
.s-tec .itens-a{top:410px}
.s-hub .mais-t{height:150px;padding:16px 12px 14px;border:2px dashed var(--linha-e);display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.s-hub .mais-t b{font-family:var(--titulo);font-weight:900;font-size:21px;line-height:1.04;text-transform:uppercase;color:var(--lime)}
.s-hub .mais-t span{font-size:12.5px;line-height:1.35;opacity:.7}