/* 3CS v3 — camada de movimento e interação sobre a base v2 (style.css) */
:root{--ease:cubic-bezier(.2,.7,.2,1);--shadow:0 18px 40px -18px rgba(16,35,56,.45),0 4px 10px -4px rgba(16,35,56,.18)}
html,body{overflow-x:clip}
.sprites{position:absolute;width:0;height:0;overflow:hidden}
.kicker{display:block;font-size:.75rem;letter-spacing:.12em;font-weight:550;color:var(--green);margin-bottom:14px}

/* Cabeçalho: compacta ao rolar, barra de progresso, seção ativa */
header{transition:min-height .35s var(--ease),box-shadow .35s}
header.compact{min-height:70px;box-shadow:0 10px 30px -22px rgba(16,35,56,.6)}
header .progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--green);transform-origin:0 50%;transform:scaleX(var(--read,0))}
nav a.active:after{right:0}

/* Papéis flutuantes em camadas */
.papers{position:absolute;inset:0;pointer-events:none;z-index:0}
.paper{position:absolute;display:block;overflow:visible;filter:drop-shadow(0 14px 22px rgba(8,20,34,.35));will-change:transform;
  transform:translate3d(calc(var(--mx,0) * var(--m,0) * 1px),calc(var(--p,0) * var(--depth,0) * 1px + var(--my,0) * var(--m,0) * 1px),0) rotate(calc(var(--r0,0) * 1deg + var(--p,0) * var(--rot,0) * 1deg))}
.hero{position:relative}
.hero>*:not(.papers){position:relative;z-index:1}
.hero-papers{z-index:0}
.hero-papers .paper{opacity:0;animation:paperIn 1.1s var(--ease) forwards}
.pa-grid{width:230px;height:276px;right:-110px;top:4%;animation-delay:.25s!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35)) saturate(.6) brightness(.55)}
.pa-line{width:200px;height:118px;left:30%;top:64%;animation-delay:.45s!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35)) brightness(.5)}
.pa-clip{width:120px;height:160px;left:-34px;bottom:14%;animation-delay:.6s!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35)) brightness(.55)}
.pa-chart{width:128px;height:160px;left:47%;bottom:-86px;z-index:3;animation-delay:.8s!important}
.pa-note{width:84px;height:84px;left:calc(47% + 112px);bottom:-30px;z-index:4;animation-delay:.95s!important}
.hero-papers .pa-grid,.hero-papers .pa-line,.hero-papers .pa-clip{--o:.3}
@keyframes paperIn{from{opacity:0;translate:0 40px}to{opacity:var(--o,1);translate:0 0}}
.hero{overflow:visible}
.hero+.section{position:relative;z-index:0}
.hero{z-index:2}

/* Entrada do hero */
.hero .eyebrow,.hero h1,.hero-question,.manifesto,.hero-foot{animation:rise .9s var(--ease) both}
.hero h1{animation-delay:.08s}.hero-question{animation-delay:.22s}.manifesto{animation-delay:.34s}.hero-foot{animation-delay:.5s}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* Revelação ao rolar */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.reveal.in{opacity:1;transform:none}

/* Nosso olhar: os três motores se encontram */
.connected-title>span{transition:color .3s,opacity .3s}
.connected-title>span{background:linear-gradient(var(--lime),var(--lime)) 0 88%/0 .28em no-repeat;transition:background-size .45s var(--ease),opacity .3s}
.decision-line{--s:clamp(0,var(--p,1),1);position:relative;border-color:transparent;padding:0;gap:0;grid-template-columns:1fr 56px 1fr 56px 1fr}
.decision-line:before,.decision-line:after{content:'';position:absolute;left:0;right:0;height:1px;background:var(--line);transform:scaleX(var(--s));transition:transform .1s}
.decision-line:before{top:0}.decision-line:after{bottom:0}
.decision-line>div{background:#fff;border:1px solid var(--line);padding:26px 26px 28px;margin:28px 0;position:relative;cursor:default;box-shadow:var(--shadow);
  transition:background .3s,border-color .3s,box-shadow .3s,opacity .3s;
  transform:translate3d(calc((1 - var(--s)) * var(--tx) * 1px),calc((1 - var(--s)) * var(--ty) * 1px),0) rotate(calc((1 - var(--s)) * var(--tr) * 1deg))}
.decision-line>div:nth-of-type(1){--tx:-70;--ty:90;--tr:-7}
.decision-line>div:nth-of-type(2){--tx:0;--ty:150;--tr:4}
.decision-line>div:nth-of-type(3){--tx:70;--ty:90;--tr:8}
.decision-line>div:before{content:'';position:absolute;inset:0;background:radial-gradient(240px circle at var(--hx,50%) var(--hy,50%),rgba(212,238,134,.55),transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}
.decision-line .connector{text-align:center;opacity:var(--s);transform:scale(calc(.5 + var(--s) * .5));transition:color .3s}
.decision-line>div.hot{background:var(--navy);border-color:var(--navy);color:#fff}
.decision-line>div.hot>span{color:var(--lime)}
.decision-line>div.hot:before{opacity:.35}
.decision-line.has-hot>div:not(.hot){opacity:.55}
.decision-line.has-hot .connector{color:var(--green)}
.connected-title.has-hot>span:not(.hot){opacity:.35}
.connected-title>span.hot{background-size:100% .28em}

/* Imagem com profundidade */
.operation{margin-top:10px}
.operation .frame{overflow:hidden;clip-path:inset(0 calc((1 - clamp(0,var(--p,1) * 2.4,1)) * 7%) round 2px);transition:clip-path .1s}
.operation img{transform:scale(1.14) translate3d(0,calc((var(--p,.5) - .5) * -9%),0);will-change:transform}
.operation .papers{inset:0 0 auto 0;height:100%;z-index:2}
.op-clip{width:132px;height:176px;left:-38px;top:-70px}
.op-line{width:230px;height:136px;right:-26px;bottom:26%}

/* Momentos: abas */
.moment-tabs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.moment-tabs button{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);cursor:pointer;font:500 1.22rem/1.4 var(--display);letter-spacing:-.025em;color:var(--muted);transition:color .25s,padding .3s var(--ease)}
.moment-tabs button>span{font:400 .75rem var(--body);letter-spacing:0;color:var(--muted)}
.moment-tabs button:hover{color:var(--ink)}
.moment-tabs button[aria-selected=true]{color:var(--ink);padding-left:14px}
.moment-tabs button:before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:3px;background:var(--green);transform:scaleY(0);transition:transform .3s var(--ease)}
.moment-tabs button[aria-selected=true]:before{transform:scaleY(1)}
.moment-tabs button:focus-visible{outline:3px solid #78942e;outline-offset:4px}
.moment-tabs i{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--lime);transform-origin:0 50%;transform:scaleX(0)}
.moment-tabs button[aria-selected=true] i{animation:tick var(--auto,7000ms) linear forwards}
.other-moments.paused .moment-tabs i{animation:none;transform:scaleX(0)}
@keyframes tick{to{transform:scaleX(1)}}
.moment-panels{position:relative;margin-top:26px;padding:26px 28px;background:var(--soft);border-left:3px solid var(--green)}
.moment-panels [role=tabpanel]{color:var(--muted);font-size:1rem;animation:panelIn .5s var(--ease)}
.moment-panels [role=tabpanel] p{margin-bottom:14px}
@keyframes panelIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.tools-jump{display:inline-flex;gap:12px;align-items:center;margin-top:8px;font-size:.875rem;font-weight:550;color:var(--green);border-bottom:1px solid currentColor;padding-bottom:2px}
.tools-jump span{transition:transform .2s}
.tools-jump:hover span{transform:translateX(4px)}
.growth .tools-jump{color:var(--ink);margin-top:26px}

/* Método: passos acendem na leitura */
.method-list{position:relative}
.method-list:before{content:'';position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--green);transform-origin:0 50%;transform:scaleX(var(--step,0));transition:transform .5s var(--ease)}
.method-list li{transition:opacity .5s,transform .5s var(--ease)}
.method-list li>span{transition:color .4s}
.js .method-list li:not(.lit){opacity:.38}
.method-list li.lit>span{color:var(--green)}

/* Biblioteca: NCPER */
.library{position:relative}
.ncper{border-top:5px solid var(--ink);background:var(--navy);color:#fff;padding:44px 44px 36px;margin-bottom:70px}
.ncper .kicker{color:var(--lime)}
.ncper-head h3{font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:500;max-width:760px;margin-bottom:36px}
.ncper-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid #33485c}
.ncper-steps>li{position:relative;padding:24px 22px 26px 0;border-right:1px solid #33485c;margin-right:22px;outline:none;opacity:calc(.25 + var(--s,1) * .75);transition:transform .35s var(--ease)}
.ncper-steps>li:last-child{border-right:0;margin-right:0}
.ncper-steps>li:nth-child(1){--i:0}.ncper-steps>li:nth-child(2){--i:1}.ncper-steps>li:nth-child(3){--i:2}.ncper-steps>li:nth-child(4){--i:3}.ncper-steps>li:nth-child(5){--i:4}
.ncper{--s:1}
.ncper-steps>li{--s:clamp(0,calc(var(--p,1) * 5 - var(--i)),1)}
.ncper-steps b{display:block;font:500 clamp(2.6rem,4vw,3.6rem)/1 var(--display);letter-spacing:-.05em;color:var(--lime);margin-bottom:14px;transition:transform .35s var(--ease)}
.ncper-steps span{display:block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#abbfce;margin-bottom:10px}
.ncper-steps p{font-size:.975rem;line-height:1.55;color:#d6e0e8;margin:0}
.ncper-steps>li:after{content:'';position:absolute;left:0;right:22px;top:-1px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:0;transition:transform .4s var(--ease)}
.ncper-steps>li:hover:after,.ncper-steps>li:focus-visible:after{transform:scaleX(1)}
.ncper-steps>li:hover b,.ncper-steps>li:focus-visible b{transform:translateY(-4px)}
.ncper-steps.has-hot>li:not(:hover):not(:focus-visible){opacity:.45}
.capacity-types{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0;margin:14px 0 0;grid-column:2;min-width:0}
.capacity-types li{font-size:.72rem;letter-spacing:.04em;border:1px solid #5b7489;color:#e3ecd0;padding:3px 9px;border-radius:20px}
.ncper-foot{border-top:1px solid #33485c;margin:26px 0 0;padding-top:22px;color:#bdcddb;font-size:1rem;display:flex;justify-content:space-between;gap:30px;align-items:end}
.ncper-foot small{font-size:.72rem;letter-spacing:.1em;color:var(--lime);white-space:nowrap}

/* Biblioteca: modos e abas */
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-bottom:30px}
.modes{display:inline-flex;background:var(--soft);padding:4px;border-radius:40px}
.modes button{all:unset;cursor:pointer;font-size:.8125rem;font-weight:550;padding:8px 16px;border-radius:30px;color:var(--muted);transition:background .25s,color .25s}
.modes button[aria-pressed=true]{background:var(--ink);color:#fff}
.modes button:focus-visible,.filters button:focus-visible{outline:3px solid #78942e;outline-offset:3px}
.filters{display:flex;flex-wrap:wrap;gap:4px 26px}
.filters[hidden]{display:none}
.filters button{all:unset;cursor:pointer;position:relative;font:500 1.05rem/1.4 var(--display);letter-spacing:-.02em;color:var(--muted);padding:8px 0;transition:color .2s}
.filters button:after{content:'';position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--green);transition:right .25s var(--ease)}
.filters button:hover{color:var(--ink)}
.filters button[aria-selected=true]{color:var(--ink)}
.filters button[aria-selected=true]:after{right:0}

.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.tool-grid>[hidden]{display:none}
.tool-grid>.show{animation:cardIn .55s var(--ease) both;animation-delay:var(--d,0s)}
@keyframes cardIn{from{opacity:0;transform:translateY(22px) rotate(-1deg)}to{opacity:1;transform:none}}
.tool-open{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;flex-direction:column;height:100%;border:1px solid var(--line);background:#fff;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.tool-open:hover,.tool-open:focus-visible{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#b9c4cc}
.tool .shot{aspect-ratio:16/10;overflow:hidden;background:var(--soft);border-bottom:1px solid var(--line)}
.tool .shot img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform .8s var(--ease)}
.tool-open:hover .shot img{transform:scale(1.06)}
.tool .tag{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin:20px 22px 8px}
.tool h3{font-size:1.25rem;font-weight:550;margin:0 22px 8px}
.tool p{font-size:.95rem;color:var(--muted);margin:0 22px 18px;line-height:1.55}
.tool .open{margin:auto 22px 22px;font-size:.875rem;font-weight:550;display:inline-flex;gap:10px}
.tool-grid.has-hot>.tool:not(.hot){opacity:.6;transition:opacity .3s}
.tool .soon-box{display:flex;flex-direction:column;height:100%;border:1px dashed #b9c4cc;background:transparent}
.soon-shot{display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--soft) 0 10px,#e8eef1 10px 20px)}
.soon-shot svg{width:46%;height:70%;filter:drop-shadow(0 10px 16px rgba(16,35,56,.18));transform:rotate(-4deg)}
.tool.soon .open{color:var(--muted);font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}
.ccc.negative .ccc-cash{font-size:1.15rem;line-height:1.3;letter-spacing:-.01em}
.toolbox-note{font-size:.8125rem;color:var(--muted);margin:26px 0 0}

/* CLOM + ciclo de conversão de caixa */
.clom{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;gap:6%;background:var(--lime);border-top:5px solid var(--ink);padding:40px 42px}
.clom .kicker{color:#3e5630}
.clom h3{font-size:clamp(1.45rem,2.2vw,2rem);font-weight:500;line-height:1.3;margin-bottom:18px}
.clom-copy p{color:#34472d;font-size:1rem}
.clom-copy strong{color:var(--ink);font-weight:600}
.clom-copy .formula{font:500 clamp(1.4rem,2.2vw,1.9rem)/1.2 var(--display);letter-spacing:-.03em;color:var(--ink)!important;margin:26px 0 0;border-top:1px solid #a6bf78;padding-top:20px}
.formula span{padding:0 4px;border-radius:3px;transition:background .25s,color .25s}
.clom [data-k].hot{background:var(--ink);color:var(--lime)!important}
.ccc{background:#fff;padding:26px 26px 20px;box-shadow:var(--shadow)}
.ccc-inputs{display:grid;gap:14px}
.ccc-inputs label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;font-size:.875rem;padding:6px 8px;margin:0 -8px;border-radius:4px;transition:background .25s}
.ccc-inputs label.hot{background:var(--soft)}
.ccc-inputs abbr{text-decoration:none;font-size:.72rem;letter-spacing:.08em;color:var(--muted);margin-left:6px}
.ccc-inputs input{grid-column:1/-1;width:100%;accent-color:var(--navy);margin:2px 0 0}
.ccc-inputs output{grid-row:1;grid-column:2;font:600 .95rem var(--display);color:var(--ink);min-width:70px;text-align:right}
.ccc-track{position:relative;margin:30px 0 8px;padding:0 0 26px}
.lane{display:flex;height:22px;margin-bottom:8px}
.seg{height:100%;transition:width .35s var(--ease),background .25s,opacity .25s;min-width:0;width:calc(var(--w,0) * 1%)}
.seg-dio{background:#9fb4c4}.seg-dso{background:#c9d6df}
.seg-dpo{background:repeating-linear-gradient(135deg,#d4ee86 0 6px,#e6f5bb 6px 12px)}
.seg-gap{background:var(--navy);position:relative}
.seg.hot{background:var(--green)}
.mk{position:absolute;bottom:0;font-size:.7rem;letter-spacing:.04em;color:var(--muted);transform:translateX(-50%);white-space:nowrap;transition:left .35s var(--ease)}
.mk:before{content:'';position:absolute;left:50%;bottom:16px;width:1px;height:66px;background:#b9c4cc}
.mk-buy{left:0;transform:none}.mk-buy:before{left:0}
.mk-get{bottom:auto;top:-22px}.mk-get:before{bottom:auto;top:16px;height:40px}
.ccc-track{margin-top:44px}
.mk.end{transform:translateX(-100%)}.mk.end:before{left:100%}
.ccc-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;padding:0;margin:4px 0 18px;font-size:.72rem;color:var(--muted)}
.ccc-legend li{display:flex;align-items:center;gap:6px}.ccc-legend i{width:12px;height:12px;display:inline-block}
.ccc-legend .l-dio{background:#9fb4c4}.ccc-legend .l-dso{background:#c9d6df}.ccc-legend .l-dpo{background:repeating-linear-gradient(135deg,#d4ee86 0 3px,#e6f5bb 3px 6px);outline:1px solid #b6d45a}.ccc-legend .l-gap{background:var(--navy)}
.ccc-result{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:6px}
.ccc-result span{display:block;font-size:.8rem;color:var(--muted);line-height:1.4;margin-bottom:6px}
.ccc-result strong{font:500 clamp(1.5rem,2.3vw,2rem)/1 var(--display);letter-spacing:-.04em;color:var(--ink)}
.ccc-result strong.bump{animation:bump .35s var(--ease)}
@keyframes bump{50%{color:var(--green);transform:translateY(-2px)}}
.ccc-note{display:block;margin-top:14px;font-size:.72rem;color:var(--muted)}
.ccc.negative .seg-gap{background:var(--green)}

/* Vitrine: cartões, tipos, prévia */
.tool-open:focus-visible{outline:3px solid #78942e;outline-offset:3px}
.tool .shot{position:relative}
.tool .shot:has(img):after{content:'';position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(240,244,246,.95))}
.glyph{height:100%;display:flex;align-items:center;justify-content:center;gap:.25em;flex-wrap:wrap;padding:0 12px;text-align:center;font:500 clamp(1.5rem,2.4vw,2.1rem)/1 var(--display);letter-spacing:-.03em;color:var(--ink);background:linear-gradient(135deg,var(--soft),#e3eaee)}
.glyph small{font-size:.7em;color:var(--green)}
.tool[data-type=tutorial] .glyph{background:linear-gradient(135deg,#f4f8e6,#e5f0c4)}
.tool[data-type=manual] .glyph{background:var(--navy);color:var(--lime)}
.tool[data-type=manual] .glyph small{color:#abbfce}
.tool .tag{margin-top:18px}
.types{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 26px}
.types button{all:unset;cursor:pointer;font-size:.8125rem;padding:6px 14px;border:1px solid var(--line);border-radius:30px;color:var(--muted);transition:all .2s}
.types button:hover{border-color:#9aa9b5;color:var(--ink)}
.types button[aria-pressed=true]{border-color:var(--green);background:#eef5dd;color:var(--ink)}
.types button:focus-visible{outline:3px solid #78942e;outline-offset:3px}
.filters .count{font:400 .72rem var(--body);color:var(--muted);margin-left:6px;vertical-align:2px}
.tool-grid .empty{grid-column:1/-1;color:var(--muted);font-size:.95rem}
.peek{border:0;padding:0;max-width:880px;width:calc(100% - 32px);background:#fff;color:var(--ink);box-shadow:0 40px 80px -30px rgba(8,20,34,.6);display:grid;grid-template-columns:1.1fr 1fr}
.peek:not([open]){display:none}
.peek::backdrop{background:rgba(16,35,56,.55);backdrop-filter:blur(3px)}
.peek[open]{animation:peekIn .4s var(--ease)}
@keyframes peekIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.peek-shot{min-height:300px;background:var(--soft);position:relative;overflow:hidden}
.peek-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0 0}
.peek-shot:has(img):after{content:'';position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(transparent,rgba(240,244,246,.97))}
.peek-shot .glyph{font-size:clamp(2rem,4vw,3.2rem)}
.peek-body{padding:36px 34px 30px;display:flex;flex-direction:column}
.peek-body .tag{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.peek-body h3{font-size:1.6rem;font-weight:500;margin-bottom:12px}
.peek-line{color:var(--muted);font-size:1rem}
.peek-note{font-size:.9rem;border-left:2px solid var(--lime);padding-left:14px;color:var(--ink);margin:6px 0 26px}
.peek-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.peek-close{all:unset;cursor:pointer;font-size:.9rem;color:var(--muted);border-bottom:1px solid currentColor}
.peek-close:focus-visible{outline:3px solid #78942e;outline-offset:3px}

/* Fluxo até a decisão */
.flow{margin:0 6%;position:relative}
.flow-stage{position:relative;overflow:hidden;background:#f7f6f2}
.flow-stage img{display:block;width:100%;height:auto;transform:scale(calc(1.04 - var(--p,.5) * .04));transform-origin:50% 50%;will-change:transform}
.chips{position:absolute;inset:0;pointer-events:none}
.chip{position:absolute;left:var(--x0,50%);top:var(--y0,47%);transform:translate(-50%,-50%);font:600 clamp(.62rem,1vw,.8rem)/1 var(--display);letter-spacing:.02em;padding:.5em .8em;border-radius:30px;background:#fff;color:var(--ink);box-shadow:0 8px 18px -8px rgba(16,35,56,.45);opacity:0;white-space:nowrap;
  animation:chipIn 7.2s var(--ease) infinite;animation-delay:var(--dl);animation-play-state:paused}
.chip.in-1{background:#e4ecf2}.chip.in-2{background:var(--navy);color:#fff}
.chip.out{left:54%;top:47.5%;background:var(--lime);animation-name:chipOut}
.flow.run .chip{animation-play-state:running}
@keyframes chipIn{0%{left:var(--x0);top:var(--y0);opacity:0;transform:translate(-50%,-50%) scale(.9)}10%{opacity:1}42%{left:33%;top:var(--y0);opacity:1;transform:translate(-50%,-50%) scale(1)}64%{left:46%;top:calc(var(--y0) * .35 + 30.9%);opacity:.9}74%,100%{left:50.5%;top:47.5%;opacity:0;transform:translate(-50%,-50%) scale(.5)}}
@keyframes chipOut{0%{left:54%;opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}90%,100%{left:90%;opacity:0}}
.flow figcaption{display:flex;justify-content:space-between;padding:17px 0;font-size:.9375rem;color:var(--muted);border-bottom:1px solid var(--line)}

/* Mesa de decisão */
.desk{margin:0 6%;position:relative}
.desk-stage{position:relative;height:clamp(340px,40vw,560px);background:#e9eef1;overflow:hidden;--s:clamp(0,var(--p,1),1)}
.desk-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.7),transparent 60%)}
.piece{position:absolute;left:var(--l);top:var(--t);width:var(--w);display:block;will-change:transform;
  transform:translate3d(calc((1 - var(--s)) * var(--ax) * 1px),calc((1 - var(--s)) * var(--ay) * 1px),0) rotate(calc(var(--r) * 1deg + (1 - var(--s)) * var(--ar) * 1deg));
  opacity:calc(.25 + var(--s) * .75)}
.shot-piece{aspect-ratio:16/10;background:#fff;border:1px solid #cfd8de;box-shadow:0 26px 40px -24px rgba(16,35,56,.55),0 4px 10px -4px rgba(16,35,56,.2);overflow:hidden;transition:box-shadow .3s}
.shot-piece img{width:100%;height:100%;object-fit:cover;object-position:0 0;display:block}
.shot-piece:after{content:'';position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,rgba(233,238,241,.9))}
.paper-piece{height:auto;aspect-ratio:auto;filter:drop-shadow(0 16px 20px rgba(16,35,56,.3))}
.desk figcaption{display:flex;justify-content:space-between;padding:17px 0;font-size:.9375rem;color:var(--muted);border-bottom:1px solid var(--line)}

/* Ciclo: cenários animados */
.ccc-scenario{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.ccc-scenario strong{font:500 1rem var(--display);letter-spacing:-.01em}
.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#cfd8de;transition:background .3s}.dots i.on{background:var(--green)}
.ccc-values{margin:0;display:grid;gap:8px}
.ccc-values>div{display:flex;justify-content:space-between;align-items:baseline;font-size:.875rem;padding:6px 8px;margin:0 -8px;border-radius:4px;transition:background .25s}
.ccc-values>div.hot{background:var(--soft)}
.ccc-values dt abbr{text-decoration:none;font-size:.72rem;letter-spacing:.08em;color:var(--muted);margin-left:6px}
.ccc-values dd{margin:0;font:600 .95rem var(--display);transition:color .3s}
.ccc-values dd.changed{color:var(--green)}
.ccc-name{transition:opacity .3s}

/* Trajetória */
.track{margin-top:44px;border-top:1px solid #476071;padding-top:22px;max-width:360px}
.track>span{font-size:.75rem;letter-spacing:.1em;color:#abbfce}
.track ul{list-style:none;padding:0;margin:16px 0 22px;display:flex;flex-wrap:wrap;gap:8px}
.track li{font:500 .95rem var(--display);letter-spacing:-.01em;border:1px solid #3d566b;padding:6px 12px;color:#e7eef4;transition:border-color .25s,color .25s,background .25s}
.track li:hover{border-color:var(--lime);color:var(--lime)}
.track li small{font:400 .72rem var(--body);color:#abbfce;margin-left:4px}
.track a{font-size:.875rem;font-weight:550;color:var(--lime);border-bottom:1px solid currentColor;padding-bottom:2px}

/* Fechamento e contato */
.closing{position:relative;overflow:hidden}
.closing>*:not(.papers){position:relative;z-index:1}
.cl-chart{width:150px;height:188px;right:7%;top:60px;opacity:.9}
.cl-note{width:96px;height:96px;right:calc(7% + 150px);top:190px}
.contact{margin-top:60px;display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;border-top:1px solid #a6bf78;padding-top:40px}
.contact .kicker{color:#3e5630}
.whats{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:#fff;padding:16px 22px;font-weight:550;font-size:1rem;transition:background .2s,transform .2s}
.whats svg{width:22px;height:22px;color:#6fdc7b}
.whats:hover{background:#0b1828;transform:translateY(-2px)}
.contact-direct p{color:#34472d;font-size:.95rem;margin:18px 0 0}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.contact-form .wide{grid-column:1/-1}
.contact-form label span{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#3f503b;margin-bottom:6px}
.contact-form input,.contact-form textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:rgba(255,255,255,.65);border:1px solid #a6bf78;border-radius:0;padding:12px 14px;transition:background .2s,border-color .2s}
.contact-form input:focus,.contact-form textarea:focus{outline:none;background:#fff;border-color:var(--ink)}
.contact-form textarea{resize:vertical;min-height:96px}
.honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.form-foot{display:flex;justify-content:space-between;align-items:center;gap:20px}
.form-foot small{font-size:.8rem;color:#3f503b}
.contact-form button{font:inherit;font-weight:550;font-size:.95rem;background:transparent;color:var(--ink);border:1px solid var(--ink);padding:13px 20px;cursor:pointer;display:inline-flex;gap:22px;transition:background .2s,color .2s}
.contact-form button:hover{background:var(--ink);color:#fff}
.contact-form button[disabled]{opacity:.5;cursor:wait}
.form-status{margin:0;font-size:.9rem;color:var(--ink);min-height:1.2em}

/* WhatsApp flutuante */
.whats-float{position:fixed;right:22px;bottom:22px;z-index:20;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#6fdc7b;display:grid;place-items:center;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 12px 30px -10px rgba(16,35,56,.7);transform:translateY(90px);opacity:0;transition:transform .45s var(--ease),opacity .45s}
.whats-float svg{width:28px;height:28px}
.whats-float.on{transform:none;opacity:1}
.whats-float:hover{background:#0b1828}

/* Responsivo */
@media(max-width:1000px){.tool-grid{grid-template-columns:1fr 1fr}.ncper-steps{grid-template-columns:repeat(3,1fr);row-gap:10px}.ncper-steps>li:nth-child(3){border-right:0;margin-right:0}.clom{grid-template-columns:1fr;gap:30px}.pa-grid{width:170px;height:204px}.contact{grid-template-columns:1fr;gap:30px}}
@media(max-width:760px){
  .flow{margin:0}.flow figcaption{padding:14px 6%}.chip{font-size:.58rem}
  .desk{margin:0}.desk-stage{height:300px}.desk figcaption{padding:14px 6%}
  .peek{grid-template-columns:1fr;max-height:calc(100vh - 32px);overflow:auto}.peek-shot{min-height:180px}.peek-body{padding:24px 22px}
  header.compact{min-height:0}
  nav{display:flex!important;overflow-x:auto;gap:22px!important;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 85%,transparent)}
  nav::-webkit-scrollbar{display:none}
  html{scroll-padding-top:120px!important}
  .pa-grid,.pa-line,.pa-clip{display:none}
  .pa-chart{width:92px;height:115px;left:auto;right:12%;bottom:-60px}
  .pa-note{width:62px;height:62px;left:auto;right:calc(12% + 80px);bottom:-24px}
  .decision-line{grid-template-columns:1fr;gap:0}
  .decision-line>div{margin:10px 0;padding:20px}
  .decision-line>div:nth-of-type(1){--tx:-14;--ty:40;--tr:-3}.decision-line>div:nth-of-type(2){--tx:14;--ty:60;--tr:2}.decision-line>div:nth-of-type(3){--tx:-12;--ty:60;--tr:3}
  .op-clip{width:80px;height:107px;left:-10px;top:-40px}.op-line{width:140px;height:83px;right:-8px}
  .moment-tabs button{font-size:1.1rem;padding:16px 0}
  .moment-panels{padding:22px}
  .ncper{padding:32px 24px 28px;margin-left:-6vw;margin-right:-6vw}
  .ncper-steps{grid-template-columns:1fr}
  .ncper-steps>li{border-right:0;margin-right:0;border-bottom:1px solid #33485c;display:grid;grid-template-columns:52px 1fr;column-gap:14px;padding:18px 0}
  .ncper-steps>li b{grid-row:1/4;font-size:2.4rem;margin:0}
  .ncper-steps>li:last-child{border-bottom:0}
  .ncper-foot{flex-direction:column;align-items:start;gap:14px}
  .toolbar{gap:14px}
  .filters{flex-wrap:nowrap;overflow-x:auto;width:100%;gap:22px;scrollbar-width:none}
  .filters button{white-space:nowrap}
  .tool-grid{grid-template-columns:1fr;gap:20px}
  .clom{padding:28px 22px;margin:0 -6vw}
  .ccc{padding:20px 18px}
  .ccc-result{grid-template-columns:1fr}
  .cl-chart,.cl-note{display:none}
  .contact-form{grid-template-columns:1fr}
  .form-foot{flex-direction:column;align-items:start}
  .whats-float{right:16px;bottom:16px;width:52px;height:52px}
}
@media(prefers-reduced-motion:reduce){
  .paper,.decision-line>div,.operation img{transform:none!important}
  .piece{transform:rotate(calc(var(--r) * 1deg))!important;opacity:1}
  .peek[open]{animation:none}
  .chip{animation:none!important;opacity:0}.flow-stage img{transform:none}
  .hero-papers .paper{animation:none;opacity:var(--o,1)}
  .reveal{opacity:1;transform:none}
  .hero .eyebrow,.hero h1,.hero-question,.manifesto,.hero-foot,.tool-grid>.show,.moment-panels [role=tabpanel]{animation:none}
  .moment-tabs i{display:none}
  .operation .frame{clip-path:none}
}
@media print{.papers,.whats-float,.contact-form,.toolbar,.moment-tabs i{display:none}.moment-panels [hidden]{display:block}.tool-grid>[hidden]{display:flex}}