.rp-panel{--rp-phone:#3e7a58;--rp-sync:#b7791f;--rp-system:#3f79b0;--rp-track:#d5dbe1;--rp-marker:30px;--rp-gap:24px;--rp-boundary:96px;--rp-lane:40px;--rp-ease:cubic-bezier(.33,0,.2,1);position:relative;width:100%;overflow:hidden;border:1px solid var(--color-rule);border-radius:20px;background:#fff}.rp-body{padding:32px 32px 30px}.rp-title{margin:0 0 26px;color:var(--color-fg-deep);font-family:var(--font-display),Georgia,serif;font-size:26px;font-weight:500;letter-spacing:-.015em;line-height:1.2}.rp-steps,.rp-zones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) var(--rp-boundary) repeat(2,minmax(0,1fr));column-gap:var(--rp-gap)}.rp-zone{border-top:2px solid;padding-top:8px;color:var(--color-fg-deep);font-family:var(--font-display),Georgia,serif;font-size:14px;font-weight:500;line-height:1.3}.rp-zone-phone{border-color:color-mix(in oklab,var(--rp-phone) 70%,#fff)}.rp-zone-sync{border-color:color-mix(in oklab,var(--rp-sync) 70%,#fff)}.rp-zone-system{border-color:color-mix(in oklab,var(--rp-system) 55%,#fff)}.rp-steps{position:relative;margin:14px 0 0;padding-top:var(--rp-lane)!important;padding:0;list-style:none}.rp-steps:before{position:absolute;top:calc(var(--rp-lane) + var(--rp-marker) / 2 - .5px);right:calc((100% - 6 * var(--rp-gap) - var(--rp-boundary)) / 6 - var(--rp-marker) / 2);left:calc(var(--rp-marker) / 2);height:1px;background:var(--rp-track);content:""}.rp-step{position:relative;grid-row:1;min-width:0}.rp-zone-inline{display:none}.rp-marker{position:relative;display:grid;width:var(--rp-marker);height:var(--rp-marker);place-items:center;box-sizing:border-box;border:1.5px solid #c3cad2;border-radius:50%;background:#fff;color:#4b5563;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;line-height:1;transition:background-color .7s var(--rp-ease),border-color .7s var(--rp-ease),color .7s var(--rp-ease),transform .7s var(--rp-ease),box-shadow .9s var(--rp-ease)}.rp-step-phone{--rp-tone:var(--rp-phone)}.rp-step-sync{--rp-tone:var(--rp-sync)}.rp-step-system{--rp-tone:var(--rp-system)}.rp-step[data-active] .rp-marker{border-color:var(--rp-tone);background:var(--rp-tone);color:#fff;box-shadow:0 0 0 5px color-mix(in oklab,var(--rp-tone) 14%,transparent);transform:scale(1.06)}.rp-copy strong{transition:color .7s var(--rp-ease)}.rp-copy{display:block;margin-top:16px}.rp-copy strong{display:block;color:var(--color-fg-deep);font-size:16px;font-weight:600;line-height:1.3}.rp-copy>span{display:block;margin-top:6px;color:var(--color-fg-muted);font-size:14px;line-height:1.45}.rp-copy>span.rp-at{margin-top:8px;color:var(--color-fg-deep);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.rp-boundary{position:relative;grid-row:1;grid-column:5;align-self:stretch}.rp-boundary:before{position:absolute;top:calc(-1 * var(--rp-lane));bottom:4px;left:50%;border-left:1px dashed #b9c1ca;content:""}.rp-boundary-label{position:absolute;top:calc(var(--rp-marker) / 2 - 12px);left:50%;display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid #dde2e7;border-radius:999px;background:#fff;transition:border-color .8s var(--rp-ease),color .8s var(--rp-ease),box-shadow .9s var(--rp-ease);color:var(--color-fg-muted);font-size:12px;font-weight:500;line-height:1;white-space:nowrap;transform:translateX(-50%)}.rp-boundary[data-active] .rp-boundary-label{border-color:color-mix(in oklab,var(--rp-sync) 70%,#fff);color:#8a5a12;box-shadow:0 0 0 4px color-mix(in oklab,var(--rp-sync) 10%,transparent)}.rp-chip{position:absolute;top:6px;left:0;display:inline-flex;height:25px;align-items:center;opacity:0;pointer-events:none;color:var(--color-fg-deep);font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;--chip-bg:#eaf2ed;--chip-line:#a9c9b6;--chip-dot:var(--rp-phone)}.rp-chip[data-zone=sync]{--chip-bg:#fbecc8;--chip-line:#e5bf6f;--chip-dot:var(--rp-sync)}.rp-chip[data-zone=system]{--chip-bg:#e8eff7;--chip-line:#a7c2dc;--chip-dot:var(--rp-system)}.rp-chip-body{position:absolute;inset:0;box-sizing:border-box;border:1px solid var(--chip-line);border-radius:999px;background:var(--chip-bg);transform-origin:center;transition:background-color .9s var(--rp-ease),border-color .9s var(--rp-ease)}.rp-chip-content{position:relative;display:inline-flex;align-items:center;gap:7px;padding:0 12px;font-variant-numeric:tabular-nums}.rp-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--chip-dot);transition:background-color .9s var(--rp-ease)}.rp-exception{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:18px;border-top:1px solid var(--color-rule);padding:18px 32px;background:#fcfbf8}.rp-exception-icon{width:22px;height:22px;color:var(--rp-sync);stroke-width:2}.rp-exception strong{border-right:1px solid var(--color-rule);padding-right:18px;color:var(--color-fg-deep);font-size:15px;font-weight:600;line-height:1.35;white-space:nowrap}.rp-exception p{max-width:68ch;margin:0;color:var(--color-fg-muted);font-size:14px;line-height:1.5}@media (max-width:1023px){.rp-panel{--rp-gap:16px;--rp-boundary:84px}.rp-body{padding:26px 24px 24px}.rp-copy strong{font-size:15px}.rp-copy>span{font-size:13px}}@media (max-width:767px){.rp-body{padding:24px 20px 22px}.rp-title{margin-bottom:18px;font-size:22px}.rp-zones{display:none}.rp-steps{display:flex;flex-direction:column;margin:0;padding-top:0!important}.rp-chip{display:none}.rp-steps:before{top:36px;right:auto;bottom:36px;left:calc(var(--rp-marker) / 2 - .5px);width:1px;height:auto}.rp-step{display:grid;grid-template-columns:var(--rp-marker) minmax(0,1fr);column-gap:14px;padding-bottom:18px}.rp-zone-inline{position:relative;z-index:1;display:block;grid-column:1/-1;margin:0 0 12px;border-top:2px solid;padding-top:7px;background:#fff;color:var(--color-fg-deep);font-family:var(--font-display),Georgia,serif;font-size:14px;font-weight:500}.rp-copy,.rp-step:not(:first-child) .rp-zone-inline{margin-top:4px}.rp-boundary{order:4;display:flex;align-items:center;gap:10px;margin:0 0 18px;border-top:1px dashed #b9c1ca}.rp-boundary:before{content:none}.rp-boundary-label{position:static;height:auto;border:0;background:transparent;margin:-7px 0 0 calc(var(--rp-marker) + 8px);transform:none}.rp-step-sync,.rp-step-system{order:5}.rp-exception{grid-template-columns:auto minmax(0,1fr);row-gap:6px;padding:16px 20px}.rp-exception strong{border-right:0;padding-right:0;white-space:normal}.rp-exception p{grid-column:2}}.rp-trail{position:absolute;top:calc(var(--rp-lane) + var(--rp-marker) / 2 - 1px);right:calc((100% - 6 * var(--rp-gap) - var(--rp-boundary)) / 6 - var(--rp-marker) / 2);left:calc(var(--rp-marker) / 2);height:2px;border-radius:2px;background:linear-gradient(90deg,var(--rp-phone) 0,var(--rp-phone) 52%,var(--rp-sync) 64%,var(--rp-sync) 78%,var(--rp-system) 92%,var(--rp-system) 100%);clip-path:inset(0 100% 0 0);opacity:0;pointer-events:none}.rp-zone{position:relative}.rp-zones .rp-zone:after{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:var(--zone-ink);transform:scaleX(0);transform-origin:left center;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .6s ease}.rp-zones .rp-zone-phone{--zone-ink:var(--rp-phone);--zone-stay:6.4s}.rp-zones .rp-zone-sync{--zone-ink:var(--rp-sync);--zone-stay:3.3s}.rp-zones .rp-zone-system{--zone-ink:var(--rp-system);--zone-stay:1.8s}.rp-zones .rp-zone[data-fill=live]:after{transform:scaleX(1);transition:transform var(--zone-stay) linear}.rp-zones .rp-zone[data-fill=done]:after{transform:scaleX(1);transition:transform .42s cubic-bezier(.23,1,.32,1)}.rp-marker:after{content:"";position:absolute;inset:-1.5px;border-radius:50%;border:2px solid var(--rp-tone);opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.rp-step[data-active] .rp-marker:after{animation:rp-land 1s cubic-bezier(.23,1,.32,1) .12s both}.rp-boundary[data-active] .rp-boundary-label:after,.rp-boundary[data-active] .rp-boundary-label:before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1.5px solid var(--rp-sync);opacity:0;pointer-events:none;animation:rp-ping 1.3s cubic-bezier(.23,1,.32,1) 3 both}.rp-boundary[data-active] .rp-boundary-label:after{animation-delay:.42s}}@keyframes rp-land{0%{transform:scale(1);opacity:.8}to{transform:scale(2.1);opacity:0}}@keyframes rp-ping{0%{transform:scale(1);opacity:.7}to{transform:scale(1.35,1.9);opacity:0}}@media (max-width:767px){.rp-trail{display:none}}.rp-step .rp-marker{z-index:1}