/* Perfil aprovado: destaque entre etapas sem animar a opacidade dos textos. */
[data-motion-variant] .scroll-timeline :is(.trace-list,.sequence-track)>li{
  background:color-mix(in srgb,#d2e0e8 var(--reading-strength,0%),#fff);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#8aa8ba var(--reading-strength,0%),transparent);
  color:#1e3948;
}
[data-motion-variant] .scroll-timeline.scroll-timeline :is(.trace-list,.sequence-track)>li :is(span,h2){color:#1e3948}
[data-motion-variant] .scroll-timeline.scroll-timeline :is(.trace-list,.sequence-track)>li p{color:#294655}
[data-motion-variant] .lastro-diagram .process li .step-marker{
  color:#1e3948;
  background:color-mix(in srgb,#c4deec var(--step-activation,0%),#fff);
  border-color:color-mix(in srgb,#356e8d var(--step-activation,0%),#b7cbd6);
}
[data-motion-variant] .front-card-face{transition-duration:.75s;transition-timing-function:cubic-bezier(.45,0,.2,1)}
[data-motion-variant] .flow-playback{display:flex;justify-content:flex-end;gap:6px;position:relative;z-index:2;margin:0 0 12px;flex-wrap:wrap}
[data-motion-variant] .flow-playback button{min-height:44px;min-width:44px;padding:8px 10px;border:1px solid #a9c1ce;border-radius:8px;background:#f6f9fb;color:#294655;font-size:11px;font-weight:600;line-height:1.3;font-family:inherit;cursor:pointer}
[data-motion-variant] .flow-playback button:hover{background:#e4eef3;border-color:#356e8d}
[data-motion-variant] .flow-playback button:focus-visible{outline:2px solid #356e8d;outline-offset:3px}
[data-motion-variant] .flow-playback button[aria-pressed="true"]{background:#d2e0e8}
[data-motion-variant] .flow-playback[hidden]{display:none}
/* Um único ritmo para todos os pontos: halo vetorial, nunca blur ou fade do texto. */
[data-motion-variant] :is(.reading-cursor,.method-flow-dot,.process-traveler){background:#356e8d;border-color:#fff;box-shadow:none}
[data-motion-variant] .reading-cursor{border-width:3px}
[data-motion-variant] :is(.method-flow-dot,.process-traveler){width:12px;height:12px;box-sizing:border-box;border:2px solid #fff}
[data-motion-variant] .lastro-diagram .process .process-traveler{width:12px;height:12px;border:2px solid #fff;background:#356e8d;box-shadow:none}
[data-motion-variant] .method-flow-dot{top:-5px}
[data-motion-variant] :is(.reading-cursor,.method-flow-dot,.process-traveler)::after{content:'';position:absolute;inset:-5px;border:1px solid #467b98;border-radius:50%;animation:lastro-flow-halo 2.6s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
/* Ajuste somente na timeline da hero; ritmo e demais diagramas preservados. */
[data-motion-variant] .hero .relationship .reading-cursor{width:13px;height:13px;border-width:2px}
[data-motion-variant] .hero .relationship .reading-cursor::after{inset:-4px}
[data-motion-variant] :is(.map-traveler,.wire-tip,.solution-wire-dot){fill:#356e8d;stroke:#fff;stroke-width:2px;r:5px;vector-effect:non-scaling-stroke;animation:lastro-flow-dot 2.6s ease-in-out infinite;animation-play-state:paused}
[data-motion-variant] :is([data-flow-visible="true"],[data-flow="running"]) :is(.reading-cursor,.method-flow-dot,.process-traveler)::after,
[data-motion-variant] :is([data-flow-visible="true"],[data-flow="running"]) :is(.map-traveler,.wire-tip,.solution-wire-dot){animation-play-state:running}
@keyframes lastro-flow-halo{0%,100%{transform:scale(.95);opacity:.3}50%{transform:scale(1.35);opacity:.6}}
@keyframes lastro-flow-dot{0%,100%{r:4.7px}50%{r:5.7px}}
@media(prefers-reduced-motion:reduce),print{
  [data-motion-variant] :is(.reading-cursor,.method-flow-dot,.process-traveler)::after{animation:none;display:none}
  [data-motion-variant] :is(.map-traveler,.wire-tip,.solution-wire-dot){animation:none}
}
@media(prefers-reduced-motion:reduce){[data-motion-variant] .front-card-face{transition:none}}
@media print{[data-motion-variant] .front-card-face{transition:none}[data-motion-variant] .flow-playback{display:none}}