/* RF-020 approved page entrance and scroll reveals. */
.motion-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}
.motion-line{position:absolute;display:block;white-space:pre;line-height:inherit;will-change:transform,opacity}
.motion-char{position:absolute;display:block;white-space:pre;line-height:inherit;will-change:opacity}
.motion-init{opacity:0;will-change:transform,opacity,clip-path}.motion-init-scale{transform:scale(.5)}.motion-init-left{transform:translateX(100px)}
.motion-init-up{transform:translateY(45%)}.motion-init-left-bracket{transform:translateX(200%)}.motion-init-mirror{transform:translateX(-200%) scaleX(-1)}.motion-init-footer{clip-path:inset(100% 0 0 0)}
.motion-bg-layer{position:absolute;inset:0;display:block;background:var(--green);pointer-events:none;z-index:0;clip-path:inset(0 0 100% 0)}
.motion-entrance-cover{position:fixed;inset:0;z-index:9999;background:var(--ink);clip-path:inset(0);pointer-events:none}
.hero-opening>.motion-bg-layer{z-index:0}.hero-opening>.hero-problem,.hero-opening>.wordmark,.hero-opening>.action-title{z-index:1}.rail-arrow>.motion-bg-layer{z-index:0}.rail-arrow>.arrow{z-index:1}.rail-arrow>.mono{position:relative;z-index:1}
.motion-active .value article{position:relative;border-right-color:transparent}
.motion-active .value article:not(:last-child):after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:var(--rule);transform:scaleY(0);transform-origin:top}
.motion-active .value article.motion-rule-running:not(:last-child):after{animation:motion-rule-y 1.15s var(--rule-delay,0ms) both;animation-timing-function:var(--rule-ease)}
.motion-active .value article.motion-rule-shown:not(:last-child){border-right-color:var(--rule)}
@media(max-width:749px){.motion-active .value article{border-right-color:transparent;border-bottom-color:transparent}.motion-active .value article:not(:last-child):after{left:0;right:0;top:auto;bottom:0;width:auto;height:1px;transform:scaleX(0);transform-origin:left}.motion-active .value article.motion-rule-running:not(:last-child):after{animation:motion-rule-x 1.15s var(--rule-delay,0ms) both;animation-timing-function:var(--rule-ease)}.motion-active .value article.motion-rule-shown:not(:last-child){border-bottom-color:var(--rule);border-right-color:transparent}}
@keyframes motion-rule-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes motion-rule-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.motion-active .tool-card{position:relative;border-right-color:transparent}
.motion-active .tool-card::after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:var(--rule);transform:scaleY(0);transform-origin:top}
.motion-active .tool-card.motion-rule-running::after{animation:motion-rule-y 1.15s var(--rule-delay,0ms) both;animation-timing-function:var(--rule-ease)}
.motion-active .tool-card.motion-rule-shown{border-right-color:var(--rule)}
.motion-active .tool-card.motion-rule-shown::after{transform:scaleY(1);opacity:0}
.motion-closing-noise{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}.closing>:not(.motion-closing-noise){position:relative;z-index:1}


.motion-active .closing{position:relative;isolation:isolate}
