.tp-hero{padding:64px 0 36px}.tp-status{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-size:13px}.tp-status .lamp{width:10px;height:10px;border-radius:50%;background:var(--text-2)}.tp-status.armed{border-color:#e0a030}.tp-status.armed .lamp{background:#e0a030;animation:tp-ping 1.8s infinite}.tp-status.stopped{border-color:var(--l-danger)}.tp-status.stopped .lamp{background:var(--l-danger)}@keyframes tp-ping{0%{box-shadow:0 0 0 0 rgba(224,160,48,.55)}to{box-shadow:0 0 0 12px rgba(224,160,48,0)}}.tp-pipe{position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:0;gap:0;padding:26px 18px 20px;border:1px solid var(--line-strong);border-radius:18px;background:radial-gradient(ellipse 70% 120% at 50% 0,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%),var(--surface);overflow:hidden}.tp-pipe:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 90% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}.tp-node{justify-items:center;grid-gap:8px;gap:8px;text-align:center;padding:0 6px}.tp-node,.tp-orb{position:relative;display:grid}.tp-orb{width:58px;height:58px;border-radius:50%;place-items:center;border:1.5px solid var(--line-strong);background:var(--bg,#050707);color:var(--text-2);z-index:1;transition:border-color .4s,color .4s,box-shadow .4s}.tp-orb svg{width:26px;height:26px}.tp-name{font-size:14px;font-weight:500}.tp-sub{font-size:12px;color:var(--text-2);line-height:1.3;min-height:2.6em}.tp-node.done .tp-orb{border-color:var(--accent);color:var(--accent);box-shadow:0 0 22px -6px var(--accent)}.tp-node.active .tp-orb{border-color:#e0a030;color:#f2c46a;box-shadow:0 0 26px -4px #e0a030}.tp-node.active .tp-orb:after{content:"";position:absolute;inset:-7px;border-radius:50%;border-color:#e0a030 rgba(224,160,48,.35) transparent transparent;border-style:solid;border-width:2px;animation:tp-spin 1.1s linear infinite}.tp-node.bad .tp-orb{border-color:var(--l-danger);color:var(--l-danger)}.tp-node.active .tp-name{color:#f2c46a}@keyframes tp-spin{to{transform:rotate(1turn)}}.tp-node:not(:last-child):after{content:"";position:absolute;top:28px;left:calc(50% + 34px);width:calc(100% - 68px);height:2px;background:var(--line-strong)}.tp-node.flow:not(:last-child):after{background:linear-gradient(90deg,var(--accent) 0 40%,transparent 40% 100%);background-size:18px 2px;animation:tp-flow .7s linear infinite;opacity:.9}.tp-node.idle:not(:last-child):after{background:linear-gradient(90deg,var(--text-2) 0 30%,transparent 30% 100%);background-size:18px 2px;animation:tp-flow 1.6s linear infinite;opacity:.35}@keyframes tp-flow{to{background-position:18px 0}}.tp-caption{grid-column:1/-1;text-align:center;margin-top:14px;font-size:14px;color:var(--text-2);position:relative}.tp-caption b{color:var(--text)}.tr-card{position:relative;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);padding:22px 24px;display:grid;grid-gap:16px;gap:16px;overflow:hidden}.tr-card.live{border-color:color-mix(in srgb,#e0a030 55%,var(--line-strong))}.tr-card.live.working:before{content:"";position:absolute;left:0;top:0;height:2px;width:40%;background:linear-gradient(90deg,transparent,#f2c46a,transparent);animation:tp-scan 1.6s linear infinite}.tr-card.live.ok{border-color:var(--accent);box-shadow:0 0 40px -18px var(--accent)}@keyframes tp-scan{0%{transform:translateX(-100%)}to{transform:translateX(260%)}}.tr-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.tr-title{font-size:22px;margin:0;font-weight:500}.tr-pill-live{color:#f2c46a;border-color:#e0a030}.tr-pill-shadow{color:#8ea3ff;border-color:#6f8cff}.tr-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.tr-kv>div{background:var(--surface-2);border-radius:10px;padding:10px 12px}.tr-kv .k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.tr-kv .v{font-family:var(--font-mono);font-size:16px;margin-top:4px;word-break:break-word}.tr-agent{display:grid;grid-template-columns:44px 1fr;grid-gap:14px;gap:14px;align-items:start}.tr-avatar{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.tr-avatar svg{width:24px;height:24px}.tr-say{margin:0;line-height:1.55;min-height:3.1em}.tr-say .caret{display:inline-block;width:8px;height:1.05em;margin-left:2px;vertical-align:-2px;background:var(--accent);animation:tp-blink 1s steps(1) infinite}@keyframes tp-blink{50%{opacity:0}}.tr-model{font-family:var(--font-mono);font-size:12px;color:var(--text-2);margin-bottom:4px;letter-spacing:.04em}.tr-risks{margin:6px 0 0;padding-left:18px;color:var(--text-2);font-size:14px}.tr-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.tr-track:before{content:"";right:12.5%;background:var(--line-strong)}.tr-track .fill,.tr-track:before{position:absolute;left:12.5%;top:9px;height:2px}.tr-track .fill{background:var(--accent);transition:width 1s cubic-bezier(.2,.8,.2,1)}.tr-stop{position:relative;display:grid;justify-items:center;grid-gap:8px;gap:8px;font-size:13px;color:var(--text-2);text-align:center}.tr-stop i{width:20px;height:20px;border-radius:50%;border:2px solid var(--line-strong);background:var(--surface);z-index:1;display:grid;place-items:center}.tr-stop.done{color:var(--text)}.tr-stop.done i{border-color:var(--accent);background:var(--accent)}.tr-stop.done i:after{content:"";width:9px;height:5px;border-left:2px solid #04130d;border-bottom:2px solid #04130d;transform:rotate(-45deg) translateY(-1px)}.tr-stop.now i{border-color:#e0a030;animation:tp-ping 1.6s infinite}.tr-stop.now{color:#f2c46a}.tr-stop.bad i{border-color:var(--l-danger);background:var(--l-danger)}.tr-wait{display:flex;align-items:center;gap:12px;font-size:14px;color:#f2c46a}.tr-dots{display:inline-flex;gap:5px}.tr-dots span{width:7px;height:7px;border-radius:50%;background:#f2c46a;animation:tp-bounce 1.2s ease-in-out infinite}.tr-dots span:nth-child(2){animation-delay:.15s}.tr-dots span:nth-child(3){animation-delay:.3s}@keyframes tp-bounce{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.sp-grid{display:grid;grid-template-columns:220px 1fr;grid-gap:28px;gap:28px;align-items:center}.sp-donut{width:220px;height:220px;transform:rotate(-90deg)}.sp-donut circle{fill:none;stroke-width:15;transition:stroke-dasharray 1.1s cubic-bezier(.2,.8,.2,1)}.sp-donut .bg{stroke:var(--surface-2)}.sp-centre{position:absolute;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none}.sp-centre .big{font-family:var(--font-mono);font-size:26px}.sp-wrap{position:relative;width:220px;height:220px}.sp-rows{display:grid;grid-gap:8px;gap:8px}.sp-row{display:grid;grid-template-columns:14px 92px 1fr 70px 54px;grid-gap:10px;gap:10px;align-items:center;font-size:14px}.sp-row .sw{width:12px;height:12px;border-radius:3px}.sp-row .bar{height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.sp-row .bar span{display:block;height:100%;border-radius:4px;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.sp-row .n{font-family:var(--font-mono);text-align:right}.sp-row .topic{color:var(--text-2);font-size:12px}.tr-log{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--text-2)}.tr-mini{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.tr-mini>div{display:grid;grid-template-columns:74px 1fr auto;grid-gap:10px;gap:10px;align-items:baseline;font-size:14px;padding:8px 10px;border-radius:8px;background:var(--surface-2)}.tr-mini .why{color:var(--text-2);font-size:13px}@media (max-width:900px){.tp-pipe{grid-template-columns:1fr;gap:14px;padding:18px}.tp-node{grid-template-columns:58px 1fr;justify-items:start;text-align:left;column-gap:14px;row-gap:0;align-items:center}.tp-node .tp-orb{grid-row:span 2}.tp-sub{min-height:0}.tp-node:not(:last-child):after{top:62px;left:28px;width:2px;height:14px;background:var(--line-strong)!important;animation:none!important}.tp-caption{text-align:left}.sp-grid{grid-template-columns:1fr;justify-items:center}.sp-rows{width:100%}.sp-row{grid-template-columns:14px 80px 1fr 62px}.sp-row .pct{display:none}.tr-track{grid-template-columns:1fr;gap:10px}.tr-track .fill,.tr-track:before{display:none}.tr-stop{grid-template-columns:20px 1fr;justify-items:start;text-align:left}.tr-mini>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tp-node.active .tp-orb:after,.tp-node:not(:last-child):after,.tp-status .lamp,.tr-card.live.working:before,.tr-dots span,.tr-say .caret,.tr-stop.now i{animation:none!important}.sp-donut circle,.sp-row .bar span,.tr-track .fill{transition:none!important}}.tr-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));grid-gap:18px;gap:18px}.tr-split-col{min-width:0}