body.process-workflow-page main{overflow:visible}
body.process-workflow-page .after-main{overflow:clip}
/* Centered, scroll-driven maintenance workflow. */
.after-workflow{position:relative;background:#fff;--workflow-orange:#ee7138}
.after-workflow-pin{padding:86px 0 64px}
.after-workflow-heading{text-align:center;margin:0 auto 34px}
.after-workflow-heading .after-kicker{margin-bottom:14px}
.after-workflow-heading>p{margin:18px auto 0;max-width:540px}
.after-trust-accent{display:inline-block;position:relative;padding:0 .09em}
.after-trust-reveal{position:absolute;inset:0;clip-path:inset(0 100% 0 0);background:#ee7138;color:#fff}
.after-trust-reveal>span{display:block;padding:0 .09em;white-space:nowrap}
.after-trust-steps{position:relative;width:min(700px,100%);margin:0 auto}
.after-trust-list{position:relative;display:flex;flex-direction:column;gap:18px;z-index:1}
.after-trust-item{display:flex;align-items:flex-start;gap:18px}
.after-trust-marker{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:none}
.after-trust-core{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--workflow-orange);border-radius:50%;background:#fff;color:var(--workflow-orange);transition:background .35s,color .35s}
.after-trust-ripple{position:absolute;width:30px;height:30px;border:1.5px solid var(--workflow-orange);border-radius:50%;opacity:0}
.after-trust-card{flex:1;min-width:0;padding:20px 32px;border:2px solid transparent;border-radius:8px;background:#f7f7f7;transform-origin:left center;transition:background .4s,border-color .4s}
.after-main .after-trust-card h3{font-size:22px;line-height:1.4;font-weight:700;transition:color .4s}
.after-main .after-trust-card p{font-size:15px;line-height:1.6;margin-top:5px;color:#888}
.after-trust-rail{position:absolute;left:21px;width:1px;background:#e7e7e7;transform:translateX(-50%)}
.after-trust-fill{position:absolute;inset:0;background:var(--workflow-orange);transform:scaleY(0);transform-origin:top}
.after-trust-item.is-active .after-trust-core{background:var(--workflow-orange);color:#fff}
.after-trust-item.is-active .after-trust-card{background:#fff3ed;border-color:var(--workflow-orange)}
.after-trust-item.is-active h3{color:var(--workflow-orange)}
.after-trust-item.is-popping .after-trust-card{animation:workflow-card-pop .7s both}
.after-trust-item.is-popping .after-trust-core{animation:workflow-check-pop .65s both}
.after-trust-item.is-popping .after-trust-core svg{animation:workflow-icon-pop .5s .04s both}
.after-trust-item.is-popping .after-trust-ripple{animation:workflow-ripple .65s both}
.after-workflow.has-motion{height:calc(var(--workflow-pin-height) + 200svh)}
.after-workflow.has-motion .after-workflow-pin{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;box-sizing:border-box}
@keyframes workflow-card-pop{0%,100%{transform:none}16%{transform:translateX(6px) scale(1.04,.9)}45%{transform:scale(.99,1.02)}70%{transform:scale(1.005,.995)}}
@keyframes workflow-check-pop{0%{transform:scale(.55)}55%{transform:scale(1.16)}78%{transform:scale(.96)}100%{transform:scale(1)}}
@keyframes workflow-icon-pop{0%{transform:scale(0) rotate(-35deg)}70%{transform:scale(1.15) rotate(4deg)}100%{transform:none}}
@keyframes workflow-ripple{0%{opacity:.65;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
@media(max-width:700px){.after-workflow-pin{padding:44px 0 36px}.after-workflow-heading{margin-bottom:26px}.after-workflow-heading>p{font-size:14px;max-width:300px;margin-top:14px}.after-workflow-heading .after-kicker{margin-bottom:12px}.after-trust-list{gap:14px}.after-trust-item{gap:10px}.after-trust-marker{width:28px;height:32px}.after-trust-core,.after-trust-ripple{width:24px;height:24px}.after-trust-core svg{width:14px;height:14px}.after-trust-rail{left:14px}.after-trust-card{padding:15px 18px;border-width:1.5px}.after-main .after-trust-card h3{font-size:18px}.after-main .after-trust-card p{font-size:13px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.after-workflow *, .after-workflow *::before{animation:none!important;transition:none!important}}

/* Orange emphasis and filled active workflow cards. */
.process-workflow-page .after-trust-reveal{background:#ee7138;color:#fff}
.process-workflow-page .after-trust-item.is-active .after-trust-card{background:#fff3ed;border-color:transparent;box-shadow:none}
.process-workflow-page .after-main .after-trust-item.is-active .after-trust-card h3{color:#1c1c1c}
.process-workflow-page .after-main .after-trust-item.is-active .after-trust-card p{color:#888}

/* Active state keeps the same card surface as the inactive state. */
.process-workflow-page .after-trust-item.is-active .after-trust-card{background:#f7f7f7;border-color:transparent}