/* Scroll-safe document dissolve; the real header stays live throughout. */
@view-transition{navigation:none}
html[data-page-motion="fade"] main{animation:reksnet-route-enter 650ms cubic-bezier(.22,1,.36,1)}
html[data-page-motion="fade"].is-page-restored main{animation:reksnet-route-restore 650ms cubic-bezier(.22,1,.36,1)}
html.is-page-leaving main{animation:none;opacity:.18;transition:opacity 180ms ease;pointer-events:none}
@keyframes reksnet-route-enter{from{opacity:.25}to{opacity:1}}
@keyframes reksnet-route-restore{from{opacity:.35}to{opacity:1}}
.reveal-pending{opacity:0;transform:translateY(24px)}
.reveal-arrived{animation:reksnet-section-in 900ms cubic-bezier(.22,1,.36,1) both}
@keyframes reksnet-section-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
html.navigation-motion-paused main{animation:none!important;transition:none!important;opacity:1;transform:none}
html.navigation-motion-paused .reveal-pending{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
 html[data-page-motion] main,.reveal-pending,.reveal-arrived{animation:none!important;transition:none!important;opacity:1;transform:none}
}
/* The 90-day diagram advances while on screen; scroll no longer freezes it. */
.process-section .flow-signal{animation:none;stroke-dasharray:1;stroke-dashoffset:0}
.process-section.motion-managed .flow-signal{animation:reksnet-process-progress 14s linear infinite;stroke-width:1.6}
.process-section.motion-managed .flow-stop{animation:reksnet-process-stop 14s linear infinite;animation-delay:calc(var(--stage)*3.5s)}
.process-section.motion-managed .step-top{animation:reksnet-process-step 14s linear infinite;animation-delay:calc(var(--stage)*3.5s)}
@keyframes reksnet-process-progress{
 0%,3%{stroke-dashoffset:1;opacity:1}
 25%{stroke-dashoffset:.666667;opacity:1}
 50%{stroke-dashoffset:.333333;opacity:1}
 75%,92%{stroke-dashoffset:0;opacity:1}
 99%,100%{stroke-dashoffset:0;opacity:0}
}
@keyframes reksnet-process-stop{0%,23%{fill:#b83e20;stroke:#b83e20}28%,100%{fill:#ece8df;stroke:#a7432d}}
@keyframes reksnet-process-step{0%,23%{border-color:#b83e20}28%,100%{border-color:#c6bfb4}}
@media(prefers-reduced-motion:reduce){.process-section.motion-managed .flow-signal{animation:none!important;stroke-dashoffset:0;opacity:1}}