/* Motion direction — cenas 02–09 da home */
.motion-ready [data-motion-section]{--motion-progress:0;--parallax-y:0px;--item-delay:0ms}
.motion-ready [data-motion-head]{position:relative;border-top-color:transparent;overflow:hidden}
.motion-ready [data-motion-head]::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 1.15s var(--ease)}
.motion-ready [data-motion-head]>.section-index{transform:translateY(-130%);transition:transform .75s var(--ease) .12s}
.motion-ready [data-motion-head]>.section-intro{clip-path:inset(0 0 110% 0);transform:translateY(28px);transition:clip-path .85s var(--ease) .16s,transform .85s var(--ease) .16s}
.motion-ready [data-motion-section].is-inview [data-motion-head]::before{transform:scaleX(1)}
.motion-ready [data-motion-section].is-inview [data-motion-head]>.section-index{transform:none}
.motion-ready [data-motion-section].is-inview [data-motion-head]>.section-intro{clip-path:inset(0);transform:none}

/* 02 — perguntas: grade desenhada e máscaras alternadas */
.motion-ready #perguntas .executive-questions{position:relative;border-color:transparent}
.motion-ready #perguntas .executive-questions::before,.motion-ready #perguntas .executive-questions::after{content:'';position:absolute;z-index:2;pointer-events:none;background:var(--line)}
.motion-ready #perguntas .executive-questions::before{left:0;right:0;top:0;height:1px;transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease) .2s}
.motion-ready #perguntas .executive-questions::after{left:0;top:0;bottom:0;width:1px;transform:scaleY(0);transform-origin:top;transition:transform 1s var(--ease) .25s}
.motion-ready #perguntas .executive-question{border-color:transparent;clip-path:inset(0 100% 0 0);transform:translateX(-18px);transition:clip-path .8s var(--ease) var(--item-delay),transform .8s var(--ease) var(--item-delay),border-color .4s ease calc(var(--item-delay) + .35s)}
.motion-ready #perguntas .executive-question:nth-child(even){clip-path:inset(0 0 0 100%);transform:translateX(18px)}
.motion-ready #perguntas .executive-question summary::before{translate:0 calc(var(--question-parallax,0px));transition:translate .3s ease}
.motion-ready #perguntas.is-inview .executive-questions::before{transform:scaleX(1)}
.motion-ready #perguntas.is-inview .executive-questions::after{transform:scaleY(1)}
.motion-ready #perguntas.is-inview .executive-question{clip-path:inset(0);transform:none;border-color:var(--line)}
.executive-question[open] .question-answer{animation:questionAnswer .46s var(--ease) both}
@keyframes questionAnswer{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}

/* 03 — ledger: placas em profundidade */
.motion-ready #custo-inacao .impact-ledger{perspective:1100px}
.motion-ready #custo-inacao .impact-card{opacity:1;clip-path:inset(0 0 100% 0);transform:translate3d(0,44px,-80px) rotateX(7deg);transform-origin:50% 100%;transition:clip-path .9s var(--ease) var(--item-delay),transform 1s var(--ease) var(--item-delay);will-change:transform,clip-path}
.motion-ready #custo-inacao .impact-card:nth-child(even){clip-path:inset(100% 0 0 0);transform:translate3d(0,-34px,-70px) rotateX(-6deg);transform-origin:50% 0}
.motion-ready #custo-inacao .impact-card .impact-meta{transform:translateY(-14px);transition:transform .7s var(--ease) calc(var(--item-delay) + .25s)}
.motion-ready #custo-inacao .impact-card>div:last-child{transform:translateY(22px);transition:transform .75s var(--ease) calc(var(--item-delay) + .2s)}
.motion-ready #custo-inacao.is-inview .impact-card{clip-path:inset(0);transform:none}
.motion-ready #custo-inacao.is-inview .impact-card .impact-meta,.motion-ready #custo-inacao.is-inview .impact-card>div:last-child{transform:none}
.motion-ready #custo-inacao.motion-settled .impact-card{will-change:auto}

/* 04 — diagnóstico: duas lâminas de scanner */
.motion-ready #diagnostico-home .diagnostic-offer{position:relative;border-color:transparent;overflow:hidden}
.motion-ready #diagnostico-home .diagnostic-offer::before{content:'';position:absolute;z-index:3;left:calc(47.5% - .5px);top:0;bottom:0;width:1px;background:var(--line);transform:scaleY(0);transform-origin:top;transition:transform 1s var(--ease) .45s}
.motion-ready #diagnostico-home .diagnostic-copy{clip-path:inset(0 100% 0 0);transform:translateX(-34px);border-color:transparent;transition:clip-path 1s var(--ease) .1s,transform 1s var(--ease) .1s}
.motion-ready #diagnostico-home .diagnostic-deliverables{clip-path:inset(0 0 0 100%);transform:translateX(34px);transition:clip-path 1s var(--ease) .18s,transform 1s var(--ease) .18s}
.motion-ready #diagnostico-home .deliverable{clip-path:inset(0 100% 0 0);transform:translateX(18px);transition:clip-path .7s var(--ease) var(--item-delay),transform .7s var(--ease) var(--item-delay)}
.motion-ready #diagnostico-home .disclaimer{clip-path:inset(0 0 0 100%);transition:clip-path .75s var(--ease) .85s}
.motion-ready #diagnostico-home.is-inview .diagnostic-offer{border-color:var(--line)}
.motion-ready #diagnostico-home.is-inview .diagnostic-offer::before{transform:scaleY(1)}
.motion-ready #diagnostico-home.is-inview .diagnostic-copy,.motion-ready #diagnostico-home.is-inview .diagnostic-deliverables,.motion-ready #diagnostico-home.is-inview .deliverable{clip-path:inset(0);transform:none}
.motion-ready #diagnostico-home.is-inview .disclaimer{clip-path:inset(0)}

/* 05 — matriz: onda diagonal, pontos e parallax */
.motion-ready #matriz-risco .risk-matrix{translate:0 var(--parallax-y);transition:translate .12s linear}
.motion-ready #matriz-risco .axis-y{transform:rotate(180deg) scaleY(0);transform-origin:bottom;transition:transform .9s var(--ease) .15s}
.motion-ready #matriz-risco .axis-x{transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease) .15s}
.motion-ready #matriz-risco .matrix-cell{opacity:0;scale:.7;clip-path:inset(45%);transition:opacity .45s ease var(--cell-delay),scale .7s var(--ease) var(--cell-delay),clip-path .7s var(--ease) var(--cell-delay)}
.motion-ready #matriz-risco .matrix-point{scale:0;transition:scale .65s cubic-bezier(.2,1.7,.35,1) var(--point-delay)}
.motion-ready #matriz-risco .legend-row{opacity:0;transform:translateX(20px);transition:opacity .5s ease var(--item-delay),transform .65s var(--ease) var(--item-delay)}
.motion-ready #matriz-risco.is-inview .axis-y{transform:rotate(180deg) scaleY(1)}
.motion-ready #matriz-risco.is-inview .axis-x{transform:scaleX(1)}
.motion-ready #matriz-risco.is-inview .matrix-cell{opacity:1;scale:1;clip-path:inset(0)}
.motion-ready #matriz-risco.is-inview .matrix-point{scale:1}
.motion-ready #matriz-risco.is-inview .legend-row{opacity:1;transform:none}

/* 06 — portfólio: tríade em leque */
.motion-ready #frentes .portfolio-triad{perspective:1300px;transform-style:preserve-3d}
.motion-ready #frentes .portfolio-card{opacity:1;clip-path:inset(8% 8% 92% 8% round 2px);transform:perspective(1000px) translate3d(0,55px,-60px) rotateY(var(--deck-angle,0deg));transform-origin:center bottom;transition:clip-path .9s var(--ease) var(--item-delay),transform 1s var(--ease) var(--item-delay),background .3s;will-change:transform,clip-path}
.motion-ready #frentes .portfolio-card:nth-child(1){--deck-angle:8deg}.motion-ready #frentes .portfolio-card:nth-child(2){--deck-angle:0deg}.motion-ready #frentes .portfolio-card:nth-child(3){--deck-angle:-8deg}
.motion-ready #frentes .portfolio-list{transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease) calc(var(--item-delay) + .32s)}
.motion-ready #frentes .portfolio-list li{clip-path:inset(0 100% 0 0);transform:translateX(-12px);transition:clip-path .55s var(--ease) calc(var(--item-delay) + var(--line-delay)),transform .55s var(--ease) calc(var(--item-delay) + var(--line-delay))}
.motion-ready #frentes.is-inview .portfolio-card{clip-path:inset(0);transform:none}
.motion-ready #frentes.is-inview .portfolio-list{transform:scaleX(1)}
.motion-ready #frentes.is-inview .portfolio-list li{clip-path:inset(0);transform:none}
@media(hover:hover) and (pointer:fine){.motion-ready #frentes.is-inview .portfolio-card:hover{transform:perspective(900px) translateY(-9px) rotateX(var(--hover-rx,0deg)) rotateY(var(--hover-ry,0deg));z-index:2}}
.motion-ready #frentes.motion-settled .portfolio-card{will-change:auto}

/* 07 — regulatório: documento técnico desenhado */
.motion-ready #prontidao-regulatoria .regulatory-grid{position:relative;border-color:transparent}
.motion-ready #prontidao-regulatoria .regulatory-grid::before,.motion-ready #prontidao-regulatoria .regulatory-grid::after{content:'';position:absolute;z-index:2;background:currentColor;pointer-events:none}
.motion-ready #prontidao-regulatoria .regulatory-grid::before{left:0;right:0;top:0;height:1px;transform:scaleX(0);transform-origin:left;transition:transform 1.15s var(--ease) .18s}
.motion-ready #prontidao-regulatoria .regulatory-grid::after{left:0;top:0;bottom:0;width:1px;transform:scaleY(0);transform-origin:top;transition:transform 1.15s var(--ease) .24s}
.motion-ready #prontidao-regulatoria .regulatory-card{border-color:transparent;clip-path:inset(0 0 100% 0);transition:clip-path .78s var(--ease) var(--item-delay),border-color .4s ease calc(var(--item-delay) + .35s)}
.motion-ready #prontidao-regulatoria .reg-code{display:block;transform:translateX(var(--code-x,-18px));transition:transform .7s var(--ease) calc(var(--item-delay) + .15s)}
.motion-ready #prontidao-regulatoria .regulatory-card:nth-child(even) .reg-code{--code-x:18px}
.motion-ready #prontidao-regulatoria .regulatory-card h3,.motion-ready #prontidao-regulatoria .regulatory-card p{clip-path:inset(0 0 100% 0);transform:translateY(14px);transition:clip-path .65s var(--ease) calc(var(--item-delay) + .22s),transform .65s var(--ease) calc(var(--item-delay) + .22s)}
.motion-ready #prontidao-regulatoria .regulatory-card small{transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease) calc(var(--item-delay) + .35s)}
.motion-ready #prontidao-regulatoria.is-inview .regulatory-grid::before{transform:scaleX(1)}
.motion-ready #prontidao-regulatoria.is-inview .regulatory-grid::after{transform:scaleY(1)}
.motion-ready #prontidao-regulatoria.is-inview .regulatory-card{clip-path:inset(0);border-color:currentColor}
.motion-ready #prontidao-regulatoria.is-inview .reg-code{transform:none}
.motion-ready #prontidao-regulatoria.is-inview .regulatory-card h3,.motion-ready #prontidao-regulatoria.is-inview .regulatory-card p{clip-path:inset(0);transform:none}
.motion-ready #prontidao-regulatoria.is-inview .regulatory-card small{transform:scaleX(1)}

/* 08 — ameaça: scrollytelling com linha de progresso */
.motion-ready #ataques-escala .motion-mask{overflow:hidden}
.motion-ready #ataques-escala .motion-mask>*{clip-path:inset(0 100% 0 0);transform:translateX(var(--threat-shift,-22px));transition:clip-path 1s var(--ease) .15s}
.motion-ready #ataques-escala.is-inview .motion-mask>*{clip-path:inset(0)}
.motion-ready #ataques-escala .ai-sequence{position:relative;padding-left:18px;border-top-color:transparent}
.motion-ready #ataques-escala .ai-sequence::before,.motion-ready #ataques-escala .ai-sequence::after{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;transform-origin:top}
.motion-ready #ataques-escala .ai-sequence::before{background:var(--line)}
.motion-ready #ataques-escala .ai-sequence::after{background:var(--lime);transform:scaleY(var(--motion-progress));transition:transform .1s linear}
.motion-ready #ataques-escala .ai-step{min-height:170px;opacity:var(--step-opacity,.55);transform:translateX(var(--step-offset,14px));transition:border-color .35s,color .35s}
.motion-ready #ataques-escala .ai-step>span{position:relative;color:var(--muted);scale:var(--step-scale,.9);transition:color .3s,scale .3s}
.motion-ready #ataques-escala .ai-step.is-step-active>span{color:var(--lime);scale:1}
.motion-ready #ataques-escala .ai-step>span::before{content:'';position:absolute;left:-22px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--night);border:1px solid var(--line);translate:-50% -50%;transition:background .3s,border-color .3s,box-shadow .3s}
.motion-ready #ataques-escala .ai-step.is-step-active>span::before{background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 6px rgba(216,255,62,.1)}
@media(min-width:901px){.motion-ready #ataques-escala .ai-threat>div:first-child{position:sticky;top:120px}}

/* 09 — metodologia: painéis articulados */
.motion-ready #metodologia .modules{perspective:1200px}
.motion-ready #metodologia .module{opacity:1;clip-path:inset(0 50% 0 50%);transform:perspective(1000px) rotateY(var(--panel-angle,6deg)) translateZ(-50px);transform-origin:var(--panel-origin,left) center;transition:clip-path .9s var(--ease) var(--item-delay),transform 1s var(--ease) var(--item-delay);will-change:transform,clip-path}
.motion-ready #metodologia .module:nth-child(2),.motion-ready #metodologia .module:nth-child(3){--panel-angle:-6deg;--panel-origin:right}
.motion-ready #metodologia .module::before,.motion-ready #metodologia .module::after{content:'';position:absolute;right:-70px;top:-75px;width:180px;height:180px;border:1px solid currentColor;border-radius:50%;opacity:.16;scale:.4;rotate:-90deg;transition:scale .9s var(--ease) calc(var(--item-delay) + .25s),rotate 1.2s var(--ease) calc(var(--item-delay) + .25s)}
.motion-ready #metodologia .module::after{inset:auto -30px -80px auto;width:120px;height:120px}
.motion-ready #metodologia .module>div:last-child{clip-path:inset(100% 0 0 0);transform:translateY(20px);transition:clip-path .75s var(--ease) calc(var(--item-delay) + .22s),transform .75s var(--ease) calc(var(--item-delay) + .22s)}
.motion-ready #metodologia.is-inview .module{clip-path:inset(0);transform:none}
.motion-ready #metodologia.is-inview .module::before,.motion-ready #metodologia.is-inview .module::after{scale:1;rotate:0deg}
.motion-ready #metodologia.is-inview .module>div:last-child{clip-path:inset(0);transform:none}
.motion-ready #metodologia.motion-settled .module{will-change:auto}

@media(max-width:900px){.motion-ready #frentes .portfolio-card,.motion-ready #metodologia .module,.motion-ready #custo-inacao .impact-card{transform:translateY(28px);rotate:0deg}.motion-ready #ataques-escala .ai-step{min-height:auto;opacity:1;transform:none}.motion-ready #ataques-escala .ai-threat>div:first-child{position:static}.motion-ready #diagnostico-home .diagnostic-offer::before{left:0;right:0;top:50%;bottom:auto;width:100%;height:1px;transform:scaleX(0);transform-origin:left}.motion-ready #diagnostico-home.is-inview .diagnostic-offer::before{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-motion-section] *,.motion-ready [data-motion-section]::before,.motion-ready [data-motion-section]::after{animation:none!important;transition:none!important;transform:none!important;translate:none!important;rotate:none!important;scale:1!important;clip-path:none!important;opacity:1!important}.motion-ready #ataques-escala .ai-step{min-height:auto}.motion-ready #ataques-escala .ai-threat>div:first-child{position:static}}

/* 02 — Console Executivo: instrumento único, rail + radar + decisão */
.motion-ready #perguntas .executive-console{clip-path:inset(0 50% 0 50%);transform:translateY(28px);transition:clip-path 1s var(--ease) .12s,transform 1s var(--ease) .12s}
.motion-ready #perguntas .console-tabs button{opacity:0;transform:translateX(-22px);transition:opacity .5s ease var(--item-delay),transform .7s var(--ease) var(--item-delay),color .3s,background .3s,padding .35s var(--ease)}
.motion-ready #perguntas .console-radar{clip-path:circle(8% at 50% 50%);transform:scale(.94);transition:clip-path 1.1s var(--ease) .28s,transform 1.1s var(--ease) .28s}
.motion-ready #perguntas .console-core{opacity:0;scale:.65;rotate:-18deg;transition:opacity .55s ease .62s,scale .85s cubic-bezier(.2,1.6,.35,1) .62s,rotate .85s var(--ease) .62s}
.motion-ready #perguntas .console-panels{clip-path:inset(0 0 0 100%);transform:translateX(25px);transition:clip-path .9s var(--ease) .45s,transform .9s var(--ease) .45s}
.motion-ready #perguntas.is-inview .executive-console{clip-path:inset(0);transform:none}
.motion-ready #perguntas.is-inview .console-tabs button{opacity:1;transform:none}
.motion-ready #perguntas.is-inview .console-radar{clip-path:circle(75% at 50% 50%);transform:none}
.motion-ready #perguntas.is-inview .console-core{opacity:1;scale:1;rotate:0deg}
.motion-ready #perguntas.is-inview .console-panels{clip-path:inset(0);transform:none}
@media(max-width:700px){.motion-ready #perguntas .executive-console{clip-path:inset(0 0 100% 0)}.motion-ready #perguntas .console-tabs button{transform:translateY(15px)}.motion-ready #perguntas .console-panels{clip-path:inset(100% 0 0 0);transform:translateY(20px)}.motion-ready #perguntas.is-inview .console-tabs button,.motion-ready #perguntas.is-inview .console-panels{transform:none}}