:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#1a1f2e;--bg-card-hover:#222839;--bg-glass:#1a1f2ecc;--accent-primary:#06b6d4;--accent-secondary:#8b5cf6;--accent-tertiary:#f43f5e;--gradient-primary:linear-gradient(135deg, #06b6d4, #8b5cf6);--gradient-accent:linear-gradient(135deg, #8b5cf6, #f43f5e);--gradient-subtle:linear-gradient(135deg, #06b6d41a, #8b5cf61a);--gradient-glow:linear-gradient(135deg, #06b6d433, #8b5cf633);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#06b6d4;--border-subtle:#94a3b81a;--border-accent:#06b6d44d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #06b6d426;--shadow-glow-accent:0 0 30px #8b5cf633;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--text-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-mono{font-family:var(--font-mono)}.container{max-width:1280px;padding:0 var(--space-xl);margin:0 auto}.section{padding:var(--space-3xl) 0}.grid{gap:var(--space-lg);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.5rem}}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card:hover:before{opacity:1}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 12px #06b6d440}.btn-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 20px #06b6d466}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-accent);background:0 0}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--text-primary);background:#06b6d41a}.btn-ghost{color:var(--text-secondary);background:0 0;padding:.5rem 1rem}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.9rem}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #06b6d41a}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:100px}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-cyan{color:#06b6d4;background:#06b6d426;border:1px solid #06b6d44d}.badge-purple{color:#8b5cf6;background:#8b5cf626;border:1px solid #8b5cf64d}.badge-green{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.badge-amber{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-rose{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e4d}.navbar{z-index:100;padding:var(--space-md) 0;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#0a0e17d9;position:fixed;top:0;left:0;right:0}.navbar-inner{max-width:1280px;padding:0 var(--space-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-brand{align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.navbar-brand .brand-icon{border-radius:var(--radius-sm);background:var(--gradient-primary);justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.navbar-links{align-items:center;gap:var(--space-xs);list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:.5rem .75rem;font-size:.9rem;font-weight:500}.navbar-links a:hover,.navbar-links a.active{color:var(--text-primary);background:#ffffff0d}.wallet-connected{align-items:center;gap:8px;display:flex}.wallet-balance{font-family:var(--font-mono);color:var(--accent-primary);border-radius:var(--radius-full);background:#06b6d414;border:1px solid #06b6d433;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.hero{text-align:center;padding:8rem 0 4rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#06b6d414 0%,#8b5cf60a 50%,#0000 70%);width:800px;height:800px;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.hero-title{margin-bottom:var(--space-lg);letter-spacing:-.03em;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-2xl);font-size:1.2rem;line-height:1.7}.hero-actions{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-3xl);display:flex}.stats-bar{justify-content:center;gap:var(--space-3xl);padding:var(--space-xl) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);display:flex}.stat-item{text-align:center}.stat-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.feature-icon{border-radius:var(--radius-md);background:var(--gradient-subtle);width:48px;height:48px;margin-bottom:var(--space-md);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.feature-title{margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.chat-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;height:calc(100vh - 200px);max-height:600px;display:flex;overflow:hidden}.chat-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.chat-messages{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-message{max-width:80%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:.9rem;line-height:1.6}.chat-message.user{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.chat-message.assistant{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.chat-input-bar{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);gap:var(--space-sm);display:flex}.chat-input-bar input{flex:1}.skill-chip{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:.4rem .8rem;font-size:.8rem;display:inline-flex}.skill-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.skill-chip.selected{border-color:var(--accent-primary);color:var(--accent-primary);background:#06b6d426}.skill-chip .remove{width:16px;height:16px;color:var(--accent-tertiary);background:#f43f5e33;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-slide-up{animation:.6s ease-out forwards slideUp}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.stagger-1{opacity:0;animation-delay:.1s}.stagger-2{opacity:0;animation-delay:.2s}.stagger-3{opacity:0;animation-delay:.3s}.stagger-4{opacity:0;animation-delay:.4s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-small{font-size:.85rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.w-full{width:100%}.relative{position:relative}.overflow-hidden{overflow:hidden}.og-badge{border-radius:var(--radius-full);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;background:#06b6d41a;border:1px solid #06b6d433;align-items:center;gap:4px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.og-badge:before{content:"";background:var(--accent-primary);width:6px;height:6px;box-shadow:0 0 6px var(--accent-primary);border-radius:50%}.particle-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.hero-orb{pointer-events:none;z-index:0;background:radial-gradient(circle,#06b6d41f 0%,#8b5cf60f 40%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:4s ease-in-out infinite orbPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}@keyframes orbPulse{0%,to{opacity:.7;transform:translate(-50%,-60%)scale(1)}50%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}}.live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite livePulse;display:inline-block;box-shadow:0 0 6px #22c55e}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 6px #22c55e}50%{opacity:.4;box-shadow:0 0 12px #22c55e}}.typing-indicator{align-items:center;gap:4px;padding:.75rem 1rem;display:flex}.typing-indicator span{background:var(--accent-primary);opacity:.4;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typingBounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.step-progress{align-items:center;gap:0;margin-bottom:2rem;display:flex}.step-item{color:var(--text-muted);transition:color var(--transition-base);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.step-item.active{color:var(--accent-primary)}.step-item.done{color:#22c55e}.step-num{border:2px solid var(--border-subtle);width:28px;height:28px;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.step-item.active .step-num{border-color:var(--accent-primary);color:var(--accent-primary);background:#06b6d426;box-shadow:0 0 12px #06b6d44d}.step-item.done .step-num{color:#22c55e;background:#22c55e26;border-color:#22c55e}.step-connector{background:var(--border-subtle);flex:1;min-width:30px;height:2px;margin:0 .5rem}.step-connector.done{background:#22c55e}.chain-stat{border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--accent-primary);transition:all var(--transition-fast);background:#06b6d40f;border:1px solid #06b6d426;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;display:flex}.chain-stat:hover{background:#06b6d41f}.arch-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 0;display:flex}.arch-node{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-base);padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;position:relative}.arch-node:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.arch-node.highlight{border-color:var(--accent-primary);background:#06b6d414}.arch-arrow{color:var(--text-muted);font-size:1.2rem;animation:2s ease-in-out infinite arrowPulse}@keyframes arrowPulse{0%,to{opacity:.4}50%{opacity:1;color:var(--accent-primary)}}.mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;display:none}.mobile-toggle span{background:var(--text-primary);width:22px;height:2px;transition:all var(--transition-fast);display:block}@media (max-width:768px){.mobile-toggle{display:flex}.navbar-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#0a0e17f7;flex-direction:column;padding:1rem;display:none;position:fixed;top:60px;left:0;right:0}.navbar-links.open{display:flex}.navbar-links li{width:100%}.navbar-links a{width:100%;padding:.75rem 1rem;display:block}.hero-title{font-size:2.2rem!important}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;gap:.75rem}.stats-bar{flex-wrap:wrap;gap:1.5rem}}.chat-message.assistant{position:relative}.chat-message.assistant:before{content:"🧠";background:var(--bg-secondary);border-radius:4px;padding:0 4px;font-size:.9rem;position:absolute;top:-8px;left:12px}@keyframes successFlash{0%{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 30px #22c55e4d}to{box-shadow:0 0 #22c55e00}}.success-flash{animation:1s ease-out successFlash}.navbar-links a.nav-active{color:var(--text-primary);border-bottom:2px solid var(--accent-primary);background:#06b6d41a}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:200px 100%;animation:1.5s infinite skeletonShimmer}