@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--pink:#ec4899;--pink-light:#f9a8d4;--purple:#8b5cf6;--purple-light:#c4b5fd;--cyan:#06b6d4;--cyan-light:#67e8f9;--teal:#10b981;--teal-light:#6ee7b7;--coral:#fb923c;--coral-light:#fdba74;--background:#f8fafc;--surface:#fff;--surface-alt:#f1f5f9;--border:#e2e8f0;--border-light:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 20px 60px #0000001a;--gradient-brand:linear-gradient(135deg, #ec4899, #8b5cf6, #06b6d4, #10b981);--gradient-pink:linear-gradient(135deg, #ec4899, #f472b6);--gradient-purple:linear-gradient(135deg, #8b5cf6, #a78bfa);--gradient-cyan:linear-gradient(135deg, #06b6d4, #22d3ee);--gradient-teal:linear-gradient(135deg, #10b981, #34d399);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#166534;background:#dcfce7}.badge-danger{color:#9d174d;background:#fce7f3}.badge-info{color:#0e7490;background:#cffafe}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#ffffffd9;justify-content:space-between;align-items:center;padding:12px 32px;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.navbar-brand img{object-fit:contain;width:36px;height:36px}.navbar-links{align-items:center;gap:24px;display:flex}.navbar-links a{color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:color .2s}.navbar-links a:hover{color:var(--purple)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--purple);color:var(--purple)}.phase-bar{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.phase-step{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:8px 10px;font-size:.72rem;font-weight:600;transition:all .25s;display:flex;overflow:hidden}.phase-step:hover{color:var(--text-secondary);background:var(--surface-alt);border-color:var(--border-light)}.phase-step.active{background:linear-gradient(135deg, var(--purple), var(--purple-light));color:#fff;border-color:var(--purple);font-weight:700;box-shadow:0 4px 12px #8b5cf659}.phase-step .phase-num{background:var(--surface-alt);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.phase-step.active .phase-num{color:#fff;background:#ffffff4d;font-size:1.05rem}.phase-connector{background:linear-gradient(to right, var(--border), var(--border-light));border-radius:2px;flex-shrink:0;width:12px;height:3px}.chat-container{border-radius:var(--radius-lg);background:var(--surface-alt);flex-direction:column;gap:12px;max-height:600px;padding:16px;display:flex;overflow-y:auto}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:0 0}.chat-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.chat-msg{align-items:flex-start;gap:10px;max-width:85%;animation:.3s chat-in;display:flex}.chat-msg.human{flex-direction:row-reverse;align-self:flex-end}.chat-msg.agent,.chat-msg.tool{align-self:flex-start}@keyframes chat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}.chat-avatar.human{background:var(--gradient-pink)}.chat-avatar.agent{background:var(--gradient-purple)}.chat-avatar.tool{background:var(--gradient-cyan)}.chat-bubble{border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;padding:10px 14px;font-size:.82rem;line-height:1.6}.chat-msg.human .chat-bubble{background:var(--pink);color:#fff;border-bottom-right-radius:4px}.chat-msg.agent .chat-bubble{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-msg.tool .chat-bubble{color:var(--text-primary);background:#ecfeff;border:1px solid #a5f3fc;border-bottom-left-radius:4px;font-family:Consolas,Fira Code,monospace;font-size:.78rem}.chat-sender{color:var(--text-muted);margin-bottom:2px;font-size:.7rem;font-weight:600}.chat-expand-btn{color:var(--purple);cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:.75rem;font-weight:600}.chat-expand-btn:hover{text-decoration:underline}.vector-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.vector-cell{border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60px;padding:10px 6px;font-size:.72rem;font-weight:600;transition:transform .2s;display:flex}.vector-cell:hover{transform:scale(1.05)}.vector-cell.active{color:#9f1239;background:linear-gradient(135deg,#fecdd3,#fda4af);border:1.5px solid #fb7185}.vector-cell.inactive{background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border)}.vector-cell .cell-value{margin-bottom:2px;font-size:1.1rem;font-weight:800}.vote-bar-container{flex-direction:column;gap:10px;display:flex}.vote-bar-row{align-items:center;gap:12px;display:flex}.vote-bar-label{text-align:right;width:140px;color:var(--text-secondary);flex-shrink:0;font-size:.78rem;font-weight:500}.vote-bar-track{background:var(--surface-alt);border-radius:var(--radius-full);flex:1;height:24px;position:relative;overflow:hidden}.vote-bar-fill{border-radius:var(--radius-full);background:var(--gradient-brand);min-width:2px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.vote-bar-value{width:50px;color:var(--text-primary);font-size:.78rem;font-weight:700}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:all .3s}.agent-card:hover{box-shadow:var(--shadow-md);border-color:var(--purple-light)}.agent-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.agent-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex}.agent-name{font-size:.9rem;font-weight:600}.agent-role{color:var(--text-muted);font-size:.72rem}.metrics-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.metric-card{text-align:center;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);padding:16px}.metric-value{font-size:1.8rem;font-weight:800}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.72rem}.section-heading{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;font-weight:700;display:flex}.section-heading:before{content:"";border-radius:var(--radius-full);background:var(--gradient-brand);width:4px;height:20px}.hero{text-align:center;padding:80px 0 40px}.hero-logo{width:120px;height:120px;margin:0 auto 24px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero h1{letter-spacing:-.03em;margin-bottom:12px;font-size:2.8rem;font-weight:900}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem}.protocol-steps{grid-template-columns:repeat(4,1fr);gap:16px;margin:40px 0;display:grid}.protocol-step{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);padding:24px 16px;transition:all .3s}.protocol-step:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.protocol-step .step-num{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;font-size:.9rem;font-weight:800;display:inline-flex}.protocol-step:first-child .step-num{background:var(--gradient-pink)}.protocol-step:nth-child(2) .step-num{background:var(--gradient-purple)}.protocol-step:nth-child(3) .step-num{background:var(--gradient-cyan)}.protocol-step:nth-child(4) .step-num{background:var(--gradient-teal)}.protocol-step h3{margin-bottom:6px;font-size:.85rem;font-weight:700}.protocol-step p{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.scenario-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px;display:grid}.scenario-card{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);cursor:pointer;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.scenario-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.scenario-card.cortex:before{background:var(--gradient-pink)}.scenario-card.trading:before{background:var(--gradient-cyan)}.scenario-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.scenario-card h3{margin-bottom:8px;font-size:1.2rem;font-weight:800}.scenario-card .scenario-domain{color:var(--text-muted);margin-bottom:16px;font-size:.8rem;font-weight:500}.scenario-card .scenario-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem;line-height:1.6}.scenario-card .scenario-stats{flex-wrap:wrap;gap:16px;display:flex}.scenario-card .stat{color:var(--text-muted);font-size:.72rem}.scenario-card .stat strong{color:var(--text-primary)}.scenario-card .scenario-arrow{width:36px;height:36px;color:var(--text-muted);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;bottom:24px;right:24px}.scenario-card:hover .scenario-arrow{background:var(--purple);color:#fff;border-color:var(--purple)}.demo-header{border-bottom:1px solid var(--border);margin-bottom:24px;padding:24px 0}.demo-content{padding-bottom:60px}@media (max-width:768px){.protocol-steps{grid-template-columns:repeat(2,1fr)}.scenario-grid{grid-template-columns:1fr}.hero h1{font-size:2rem}.navbar{padding:10px 16px}.phase-bar{overflow-x:auto}.metrics-row{grid-template-columns:repeat(2,1fr)}}