@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes taskWork{0%,to{transform:translateX(0)}25%{transform:translateX(2px)}75%{transform:translateX(-2px)}}@keyframes loadingBar{to{width:100%;opacity:1}}.hero-animation,.task-queue{background:var(--seti-black-dark);border:3px solid var(--color-cyan);border-radius:var(--radius-sm)}.hero-animation{position:relative;width:100%;max-width:1120px;height:700px;margin:var(--spacing-lg) auto 0;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.8)}.task-queue{position:absolute;left:50%;top:56px;transform:translateX(-50%);width:168px;height:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 16px rgba(90,159,212,.4)}.task-queue-logo{width:104px;height:104px;margin-bottom:.35rem;object-fit:contain}.task-queue-title{color:var(--seti-white);font-size:.95rem;font-weight:700;text-transform:none;letter-spacing:.02em;line-height:1}.agent-panel{position:absolute;width:252px;height:280px;background:var(--seti-black-dark);border-radius:var(--radius-sm);padding:1.05rem;box-shadow:0 4px 12px rgba(0,0,0,.6)}.agent-panel-1{left:28px;bottom:84px;border:1px solid #4a90e2}.agent-panel-2{left:50%;transform:translateX(-50%);bottom:84px;border:1px solid #6366f1}.agent-panel-3{right:28px;bottom:84px;border:1px solid #0ea5e9}.agent-header{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem;padding:.6rem .8rem;margin:calc(-1.05rem) calc(-1.05rem) .7rem;border-radius:var(--radius-sm) var(--radius-sm)0 0}.agent-panel-1 .agent-header{background:rgba(74,144,226,.15);border-bottom:2px solid #4a90e2}.agent-panel-2 .agent-header{background:rgba(99,102,241,.15);border-bottom:2px solid #6366f1}.agent-panel-3 .agent-header{background:rgba(14,165,233,.15);border-bottom:2px solid #0ea5e9}.agent-icon,.agent-name{font-size:1.05rem;font-weight:700}.agent-icon{width:33.6px;height:33.6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--seti-black)}.agent-panel-1 .agent-icon{background:#4a90e2}.agent-panel-2 .agent-icon{background:#6366f1}.agent-panel-3 .agent-icon{background:#0ea5e9}.agent-name{color:var(--seti-white);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-status{width:11.2px;height:11.2px;border-radius:50%;animation:pulse 2s infinite}.agent-panel-1 .agent-status{background:#4a90e2}.agent-panel-2 .agent-status{background:#6366f1}.agent-panel-3 .agent-status{background:#0ea5e9}.task-item,.task-list{display:flex;gap:.49rem}.task-list{flex-direction:column}.task-item{background:var(--seti-black);border:1px solid var(--seti-grey-dark);border-radius:var(--radius-sm);padding:.56rem;font-size:.91rem;color:var(--seti-grey-lighter);align-items:center;flex-wrap:wrap;transition:all .3s;position:relative}.task-item.working{background:rgba(99,102,241,.15);animation:taskWork 1.5s infinite}.agent-panel-1 .task-item.working{border-color:#4a90e2}.agent-panel-2 .task-item.working{border-color:#6366f1}.agent-panel-3 .task-item.working{border-color:#0ea5e9}.task-item.completed{border-color:var(--color-green);background:rgba(74,144,121,.15);color:var(--color-green)}.task-checkbox{width:14px;height:14px;border:1px solid var(--seti-grey-lighter);border-radius:2px;flex-shrink:0;position:relative}.agent-panel-1 .task-item.working .task-checkbox{border-color:#4a90e2;background:#4a90e2}.agent-panel-2 .task-item.working .task-checkbox{border-color:#6366f1;background:#6366f1}.agent-panel-3 .task-item.working .task-checkbox{border-color:#0ea5e9;background:#0ea5e9}.task-item.completed .task-checkbox{border-color:var(--color-green);background:var(--color-green)}.completed-shape::after,.task-item.completed .task-checkbox::after{content:"✓";position:absolute;top:-3px;left:1px;color:var(--seti-black);font-size:.7rem;font-weight:700}.task-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-loading-bar{width:100%;height:3px;background:var(--seti-grey-dark);border-radius:2px;overflow:hidden;margin-top:-.2rem}.task-loading-progress{height:100%;border-radius:2px;width:0%}.agent-panel-1 .task-loading-progress{background:linear-gradient(90deg,#4a90e2,#73b3e7);box-shadow:0 0 8px rgba(74,144,226,.6)}.agent-panel-2 .task-loading-progress{background:linear-gradient(90deg,#6366f1,#818cf8);box-shadow:0 0 8px rgba(99,102,241,.6)}.agent-panel-3 .task-loading-progress{background:linear-gradient(90deg,#0ea5e9,#38bdf8);box-shadow:0 0 8px rgba(14,165,233,.6)}.pipe{position:absolute;z-index:5}.pipe-1{height:223.75px;left:474.5px;transform:rotate(60.26deg);transform-origin:top center;background:#4a90e2}.pipe-1,.pipe-2,.pipe-3{width:3px;top:224px}.pipe-2{height:110px;left:558.5px;background:#6366f1}.pipe-3{height:223.75px;left:642.5px;transform:rotate(-60.26deg);transform-origin:top center;background:#0ea5e9}.task-shape{position:absolute;width:16.8px;height:16.8px;border-radius:2px;z-index:6;opacity:0;background:0 0}.task-shape-1,.task-shape-2,.task-shape-3,.task-shape-4{border:2px solid #4a90e2}.task-shape-5,.task-shape-6,.task-shape-7,.task-shape-8{border:2px solid #6366f1}.task-shape-10,.task-shape-11,.task-shape-12,.task-shape-9{border:2px solid #0ea5e9}.completed-shape{position:absolute;width:16.8px;height:16.8px;background:var(--color-green);border:2px solid #4a9079;border-radius:2px;z-index:6;opacity:0;box-shadow:0 0 8px rgba(74,144,121,.4)}.animation-caption{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:var(--seti-grey-lighter);font-size:1.05rem;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media (max-width:768px){.hero-animation{height:450px;max-width:100%;padding:.5rem}.task-queue{top:30px;width:120px;height:120px}.task-queue-logo{width:100px;height:100px}.task-queue-title{font-size:.7rem}.agent-panel{width:150px;height:170px;padding:.5rem}.agent-panel-1{left:5px;bottom:40px}.agent-panel-2{bottom:40px}.agent-panel-3{right:5px;bottom:40px}.task-item{padding:.35rem;gap:.3rem}.task-item,.task-text{font-size:.65rem}.task-checkbox{width:12px;height:12px}.agent-name{font-size:.75rem}.agent-icon{width:28px;height:28px;font-size:.85rem}.agent-header{gap:.5rem;padding:.5rem .6rem;margin:calc(-.5rem) calc(-.5rem) .5rem}.pipe-1{height:195px;left:calc(50% - 75px - 1.5px);top:150px;transform:rotate(75deg);transform-origin:top center}.pipe-2,.pipe-3{height:70px;left:calc(50% - 1.5px);top:150px}.pipe-3{height:195px;left:calc(50% + 75px - 1.5px);transform:rotate(-75deg);transform-origin:top center}.animation-caption{font-size:.75rem;bottom:10px}}@media (max-width:480px){.hero-animation{height:380px;padding:.25rem}.task-queue{width:80px;height:80px;top:20px}.task-queue-logo{width:64px;height:64px;margin-bottom:.1rem}.task-queue-title{font-size:.5rem}.agent-panel{width:105px;height:150px;padding:.4rem}.agent-panel-1{left:2px;bottom:30px}.agent-panel-2{bottom:30px}.agent-panel-3{right:2px;bottom:30px}.agent-icon{width:24px;height:24px;font-size:.7rem}.agent-name{font-size:.65rem}.agent-header{gap:.4rem;padding:.4rem .5rem;margin:calc(-.4rem) calc(-.4rem) .4rem}.task-item{padding:.28rem;gap:.25rem}.task-item,.task-text{font-size:.55rem}.task-checkbox{width:10px;height:10px}.animation-caption{font-size:.6rem;bottom:8px}.pipe-1{height:165px;left:calc(50% - 52px - 1.5px);top:100px;transform:rotate(73deg);transform-origin:top center}.pipe-2,.pipe-3{height:65px;left:calc(50% - 1.5px);top:100px}.pipe-3{height:165px;left:calc(50% + 52px - 1.5px);transform:rotate(-73deg);transform-origin:top center}}