.tf-title{background-image:linear-gradient(90deg,#111111 50%,#C4C3BF 50%);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.tf-desc{clip-path:inset(0 0 0 0)}
.tf-rail{transform-origin:top center;animation:tf-rail 16s linear infinite}
.tf-t1{animation:tf-t1 16s cubic-bezier(.2,.7,.2,1) infinite}.tf-t2{animation:tf-t2 16s cubic-bezier(.2,.7,.2,1) infinite}.tf-t3{animation:tf-t3 16s cubic-bezier(.2,.7,.2,1) infinite}.tf-t4{animation:tf-t4 16s cubic-bezier(.2,.7,.2,1) infinite}.tf-t5{animation:tf-t5 16s cubic-bezier(.2,.7,.2,1) infinite}
.tf-n1{animation:tf-n1 16s linear infinite}.tf-n2{animation:tf-n2 16s linear infinite}.tf-n3{animation:tf-n3 16s linear infinite}.tf-n4{animation:tf-n4 16s linear infinite}.tf-n5{animation:tf-n5 16s linear infinite}
.tf-d1{animation:tf-d1 16s linear infinite}.tf-d2{animation:tf-d2 16s linear infinite}.tf-d3{animation:tf-d3 16s linear infinite}.tf-d4{animation:tf-d4 16s linear infinite}.tf-d5{animation:tf-d5 16s linear infinite}
.tf-b1{animation:tf-b1 16s linear infinite}.tf-b2{animation:tf-b2 16s linear infinite}.tf-b3{animation:tf-b3 16s linear infinite}.tf-b4{animation:tf-b4 16s linear infinite}.tf-b5{animation:tf-b5 16s linear infinite}
@keyframes tf-rail{0%,2%{transform:scaleY(0)}77%,94%{transform:scaleY(1)}100%{transform:scaleY(0)}}
@keyframes tf-t1{0%,2%{background-position:100% 0}7%,94%{background-position:0 0}100%{background-position:100% 0}}
@keyframes tf-t2{0%,17%{background-position:100% 0}22%,94%{background-position:0 0}100%{background-position:100% 0}}
@keyframes tf-t3{0%,32%{background-position:100% 0}37%,94%{background-position:0 0}100%{background-position:100% 0}}
@keyframes tf-t4{0%,47%{background-position:100% 0}52%,94%{background-position:0 0}100%{background-position:100% 0}}
@keyframes tf-t5{0%,62%{background-position:100% 0}67%,94%{background-position:0 0}100%{background-position:100% 0}}
@keyframes tf-n1{0%,2%{color:#8A8985}3%,15%{color:var(--tf-accent)}17%,94%{color:#111111}100%{color:#8A8985}}
@keyframes tf-n2{0%,17%{color:#8A8985}18%,30%{color:var(--tf-accent)}32%,94%{color:#111111}100%{color:#8A8985}}
@keyframes tf-n3{0%,32%{color:#8A8985}33%,45%{color:var(--tf-accent)}47%,94%{color:#111111}100%{color:#8A8985}}
@keyframes tf-n4{0%,47%{color:#8A8985}48%,60%{color:var(--tf-accent)}62%,94%{color:#111111}100%{color:#8A8985}}
@keyframes tf-n5{0%,62%{color:#8A8985}63%,75%{color:var(--tf-accent)}77%,94%{color:#111111}100%{color:#8A8985}}
@keyframes tf-d1{0%,6%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(34,end)}13%,94%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}
@keyframes tf-d2{0%,21%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(40,end)}28%,94%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}
@keyframes tf-d3{0%,36%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(44,end)}43%,94%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}
@keyframes tf-d4{0%,51%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(42,end)}58%,94%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}
@keyframes tf-d5{0%,66%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(40,end)}73%,94%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}
@keyframes tf-b1{0%,2%{background-color:rgba(241,240,238,0)}4%,15%{background-color:rgba(241,240,238,1)}17%,100%{background-color:rgba(241,240,238,0)}}
@keyframes tf-b2{0%,17%{background-color:rgba(241,240,238,0)}19%,30%{background-color:rgba(241,240,238,1)}32%,100%{background-color:rgba(241,240,238,0)}}
@keyframes tf-b3{0%,32%{background-color:rgba(241,240,238,0)}34%,45%{background-color:rgba(241,240,238,1)}47%,100%{background-color:rgba(241,240,238,0)}}
@keyframes tf-b4{0%,47%{background-color:rgba(241,240,238,0)}49%,60%{background-color:rgba(241,240,238,1)}62%,100%{background-color:rgba(241,240,238,0)}}
@keyframes tf-b5{0%,62%{background-color:rgba(241,240,238,0)}64%,75%{background-color:rgba(241,240,238,1)}77%,100%{background-color:rgba(241,240,238,0)}}
@media (prefers-reduced-motion: reduce){.tf-rail,.tf-t1,.tf-t2,.tf-t3,.tf-t4,.tf-t5,.tf-n1,.tf-n2,.tf-n3,.tf-n4,.tf-n5,.tf-d1,.tf-d2,.tf-d3,.tf-d4,.tf-d5,.tf-b1,.tf-b2,.tf-b3,.tf-b4,.tf-b5{animation:none}}

/* Responsive native task flow: no visual scaling, and accessible text sizes. */
#top #agents .tf-embed{width:100%;min-width:0;max-width:100%;height:auto!important;overflow:visible}
#top #agents .tf-embed>.tf-card{width:100%!important;height:auto!important;min-height:0;transform:none!important;box-sizing:border-box;border:1px solid #111;background:#fff;color:#111;font-family:'Neue Montreal',Arial,sans-serif;display:flex;flex-direction:column;--tf-accent:#e8502f}
#top #agents .tf-label{padding:16px 22px;font-size:12px!important;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:#5a5955}
#top #agents .tf-steps{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}
#top #agents .tf-track,#top #agents .tf-rail{position:absolute;left:44px;top:0;bottom:0;width:1px;background:#dddcd8;pointer-events:none}
#top #agents .tf-rail{left:43px;width:3px;background:var(--tf-accent)}
#top #agents .tf-step{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:start;min-width:0;flex:1;padding:16px 18px 18px 22px;border-top:1px solid #c9c8c4}
#top #agents .tf-step-arrow{position:absolute;left:36px;top:-10px;width:18px;height:19px;display:grid;place-items:center;background:#f1f0ee;color:#3a3a37;font-size:13px;line-height:1;z-index:2}
#top #agents .tf-number{font-size:12px!important;line-height:1.4!important;letter-spacing:.1em;position:relative;z-index:2}
#top #agents .tf-step-content{min-width:0;display:flex;flex-direction:column;gap:8px}
#top #agents .tf-title{font-size:clamp(16px,1.35vw,20px)!important;line-height:1.3!important;font-weight:500;letter-spacing:-.025em;overflow-wrap:break-word}
#top #agents .tf-desc{font-size:clamp(14px,1vw,16px)!important;line-height:1.45!important;letter-spacing:-.01em;color:#5a5955;overflow-wrap:break-word}
@media(min-width:1101px){#top #agents .tf-card{min-height:560px}}
@media(min-width:768px) and (max-width:1100px){#top #agents .tf-embed{max-width:640px!important;margin-inline:auto}#top #agents .tf-card{min-height:0!important}#top #agents .tf-step{padding-top:12px;padding-bottom:12px}#top #agents .tf-label{padding-block:12px}}
@media(max-width:767px){#top #agents .tf-embed{max-width:100%;height:auto!important}#top #agents .tf-card{height:auto!important;min-height:0!important}#top #agents .tf-step{flex:none;min-height:90px;padding:18px 16px 20px 18px;grid-template-columns:48px minmax(0,1fr)}#top #agents .tf-track{left:33px}#top #agents .tf-rail{left:32px}#top #agents .tf-step-arrow{left:25px}#top #agents .tf-label{padding:15px 18px}}


.tf-embed{min-width:0}
.tf-embed:not(.tf-running) [class*="tf-"]{animation-play-state:paused}