.tprail{flex-direction:column;gap:20px;width:100%;display:flex}.tprail-card{background:var(--pp-white,#fff);border-radius:24px;padding:32px 36px 40px;box-shadow:0 24px 60px -40px #0f172b73}.tprail-groups{grid-template-columns:repeat(var(--n,5),1fr);gap:12px;margin-bottom:26px;display:grid}.tprail-group{font-family:var(--font-body);letter-spacing:.09em;text-transform:uppercase;border-radius:12px;padding:10px 18px;font-size:12.5px;font-weight:700}.tprail-group.teal{color:#1b8f8b;background:#e4f4f3}.tprail-group.violet{color:#7a45b8;background:#f2ebfa}.tprail-nodes{grid-template-columns:repeat(var(--n,5),1fr);display:grid}.tprail-item{text-align:center;outline:none;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0 8px;transition:opacity .3s;display:flex}.tprail-item:focus-visible .tprail-dot{outline:2px solid var(--rail,#29a5a4);outline-offset:9px}.tprail-mid{justify-content:center;width:100%;display:flex;position:relative}.tprail-line{background:linear-gradient(to bottom,transparent calc(50% - 1.5px),var(--c) calc(50% - 1.5px),var(--c) calc(50% + 1.5px),transparent calc(50% + 1.5px));position:absolute;inset:0}.tprail-line--base{--c:#e1e5ee}.tprail-line--fill{--c:var(--rail,#29a5a4);transform-origin:0;transition:transform .5s cubic-bezier(.4,0,.2,1);transform:scaleX(0)}.tprail-item.is-on .tprail-line--fill{transform:scaleX(1)}.tprail-item.a{--rail:#29a5a4;--ink:#1b8f8b;--glow:#29a5a42e}.tprail-item.b{--rail:#8b5cc7;--ink:#7a45b8;--glow:#8b5cc72e}.tprail-item:first-child .tprail-line,.tprail-item.is-last .tprail-line{background-repeat:no-repeat;background-size:50% 100%}.tprail-item:first-child .tprail-line{background-position:100% 0}.tprail-item:first-child .tprail-line--fill{transform-origin:0}.tprail-item.is-last .tprail-line{background-position:0 0}.tprail-dot{z-index:1;background:var(--pp-white,#fff);border:2px solid var(--rail,#29a5a4);width:62px;height:62px;color:var(--ink,#1b8f8b);font-family:var(--font-display);box-shadow:0 0 0 6px var(--pp-white,#fff);border-radius:50%;place-items:center;font-size:20px;font-weight:600;transition:transform .35s cubic-bezier(.34,1.4,.64,1),background .3s,color .3s,box-shadow .35s;display:grid;position:relative}.tprail-item.is-last .tprail-dot{color:#fff;background:linear-gradient(135deg,#b0338f 0%,#8b2fa8 100%);border-color:#0000}.tprail-item.is-active .tprail-dot{background:var(--rail,#29a5a4);border-color:var(--rail,#29a5a4);color:#fff;box-shadow:0 0 0 6px var(--pp-white,#fff),0 0 0 16px var(--glow);transform:scale(1.12)}.tprail-item.is-last.is-active .tprail-dot{box-shadow:0 0 0 6px var(--pp-white,#fff),0 0 0 16px #b0338f2e;background:linear-gradient(135deg,#b0338f 0%,#8b2fa8 100%)}.tprail-item.is-active .tprail-dot:after{content:"";border:2px solid var(--rail,#29a5a4);border-radius:50%;animation:1.6s cubic-bezier(.2,.6,.3,1) infinite tprail-ping;position:absolute;inset:-2px}.tprail-item.is-last.is-active .tprail-dot:after{border-color:#b0338f}@keyframes tprail-ping{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}.tprail-t{font-family:var(--font-display);letter-spacing:-.3px;color:var(--pp-text,#0f172b);margin-top:6px;font-size:18px;font-weight:700;line-height:1.35;transition:color .3s}.tprail-item.is-active .tprail-t{color:var(--ink,#1b8f8b)}.tprail-p{font-family:var(--font-body);color:var(--pp-text-soft,#5b6079);font-size:14px;font-weight:300;line-height:1.5;transition:color .3s}.tprail-item.is-active .tprail-p{color:var(--pp-text,#0f172b)}@media (prefers-reduced-motion:reduce){.tprail-line--fill,.tprail-dot{transition:none}.tprail-item.is-active .tprail-dot:after{animation:none}}.tprail-note{font-family:var(--font-body);color:var(--pp-text,#0f172b);background:#eaf7f6;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:8px;padding:18px 24px;font-size:15px;display:flex}.tprail-note b{color:#1b8f8b}@media (width<=1080px){.tprail-groups{grid-template-columns:1fr;gap:8px;margin-bottom:18px}.tprail-group{grid-column:auto!important}.tprail-nodes{grid-template-columns:1fr}.tprail-item{text-align:left;grid-template-columns:52px 1fr;column-gap:14px;padding:0;display:grid}.tprail-mid{grid-area:1/1/span 2;align-items:flex-start;width:52px;height:100%}.tprail-line{background:linear-gradient(to right,transparent calc(50% - 1.5px),var(--c) calc(50% - 1.5px),var(--c) calc(50% + 1.5px),transparent calc(50% + 1.5px))}.tprail-line--fill{transform-origin:top;transition:transform .5s cubic-bezier(.4,0,.2,1);transform:scaleY(0)}.tprail-item.is-on .tprail-line--fill{transform:scaleY(1)}.tprail-item:first-child .tprail-line,.tprail-item.is-last .tprail-line{background-repeat:no-repeat;background-size:100% 50%}.tprail-item:first-child .tprail-line{background-position:0 100%}.tprail-item:first-child .tprail-line--fill{transform-origin:bottom}.tprail-item.is-last .tprail-line{background-position:0 0}.tprail-t{grid-area:1/2;margin-top:12px;font-size:17px}.tprail-p{grid-area:2/2;padding-bottom:18px;font-size:14px}.tprail-dot{width:44px;height:44px;box-shadow:0 0 0 5px var(--pp-white,#fff);font-size:15px}}@media (width<=1000px){.tprail-card{padding:26px 22px 32px}.tprail-group{padding:9px 12px;font-size:11px}}@media (width<=720px){.tprail-card{border-radius:18px;padding:22px 18px 26px}.tprail-t{font-size:16px}.tprail-p{font-size:13px}}