.tracking-tight-custom{letter-spacing:-.03em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-soft{0%,to{opacity:.6}50%{opacity:1}}@keyframes orbit{0%{transform:rotate(0) translate(var(--orbit-r)) rotate(0)}to{transform:rotate(360deg) translate(var(--orbit-r)) rotate(-360deg)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gridPulse{0%,to{opacity:.03}50%{opacity:.07}}.animate-fade-in-up{animation:fadeInUp .7s ease-out forwards}.stagger-1{animation-delay:.1s;opacity:0}.stagger-2{animation-delay:.2s;opacity:0}.stagger-3{animation-delay:.3s;opacity:0}.stagger-4{animation-delay:.4s;opacity:0}.stagger-5{animation-delay:.5s;opacity:0}.stagger-6{animation-delay:.6s;opacity:0}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-delay{animation:float 4s ease-in-out 1s infinite}.animate-float-slow{animation:float 6s ease-in-out .5s infinite}.pulse-soft{animation:pulse-soft 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.08) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.section-reveal{opacity:0;transform:translateY(32px);transition:all .8s cubic-bezier(.4,0,.2,1)}.section-reveal.revealed{opacity:1;transform:translateY(0)}.agent-gradient{background:linear-gradient(135deg,#7c3aed,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.agent-gradient-bg{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.glass-card{background:#ffffff08;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06)}.tool-line{stroke-dasharray:6 4;stroke-dashoffset:10;animation:dash 1.5s linear infinite}.chat-scroll-container{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.2) transparent}.chat-scroll-container::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:4px}.chat-scroll-container::-webkit-scrollbar-thumb:hover{background:#8b5cf666}@keyframes borderGlow{0%,to{opacity:.4}50%{opacity:1}}@keyframes scanLine{0%{top:-2px}to{top:calc(100% + 2px)}}@keyframes typeChar{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.role-tab{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffff59;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:.01em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.role-tab:hover{border-color:#ffffff2e;color:#ffffffb3;background:#ffffff0f;transform:translateY(-1px)}.role-tab.active{background:#8b5cf626;border-color:#8b5cf659;color:#a78bfa;box-shadow:0 0 24px #8b5cf61f,0 2px 8px #00000026,inset 0 1px #ffffff0f;transform:translateY(-1px)}.tool-card{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.tool-card-inner{position:relative;padding:18px 16px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.tool-card:not(.locked) .tool-card-inner{background:#ffffff0f;border-color:#ffffff1a;box-shadow:0 4px 24px #00000026,0 0 0 1px #ffffff0d inset}.tool-card:not(.locked) .tool-card-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:14px 14px 0 0;opacity:.7}.tool-card:not(.locked) .tool-card-inner:hover{transform:translateY(-2px);border-color:#ffffff26;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff14 inset}.tool-card[data-accent=emerald]:not(.locked) .tool-card-inner:before{background:linear-gradient(90deg,#34d39999,#34d3991a)}.tool-card[data-accent=amber]:not(.locked) .tool-card-inner:before{background:linear-gradient(90deg,#fbbf2499,#fbbf241a)}.tool-card[data-accent=orange]:not(.locked) .tool-card-inner:before{background:linear-gradient(90deg,#fb923c99,#fb923c1a)}.tool-card[data-accent=violet]:not(.locked) .tool-card-inner:before{background:linear-gradient(90deg,#a78bfa99,#a78bfa1a)}.tool-card[data-accent=blue]:not(.locked) .tool-card-inner:before{background:linear-gradient(90deg,#60a5fa99,#60a5fa1a)}.tool-card[data-accent=rose]:not(.locked) .tool-card-inner:before{background:linear-gradient(90deg,#fb718599,#fb71851a)}.tool-card.locked .tool-card-inner{opacity:.12;transform:scale(.96);filter:grayscale(1) blur(.5px)}.tool-card.locked .tool-lock{display:flex}.tool-lock{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:#ffffff1f;border-radius:14px;background:#00000026}.tool-card .tool-status{display:flex;align-items:center;gap:4px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.tool-card.locked .tool-status{visibility:hidden}.cap-card{padding:24px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:all .3s cubic-bezier(.4,0,.2,1)}.cap-card:hover{background:#ffffff0d;border-color:#ffffff1a}.cap-list{list-style:none;padding:0;margin:0}.cap-list li{position:relative;padding:8px 0 8px 16px;font-size:13.5px;color:#fff6;line-height:1.4}.cap-list li:before{content:"";position:absolute;left:0;top:15px;width:4px;height:4px;border-radius:50%;background:#8b5cf673}.agent-feed-entry{opacity:0;transform:translateY(8px);animation:feedSlideIn .5s ease forwards}@keyframes feedSlideIn{to{opacity:1;transform:translateY(0)}}.hero-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#ffffff59;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:9999px;padding:6px 14px;transition:all .3s}.hero-pill:hover{color:#ffffff8c;border-color:#8b5cf633;background:#8b5cf60f}.hero-node{width:5.5rem;height:4.5rem;border-radius:.875rem;background:#ffffff12;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0f;transition:all .4s}.hero-node:hover{border-color:#8b5cf64d;background:#8b5cf61a;transform:scale(1.08);box-shadow:0 8px 32px #8b5cf626,inset 0 1px #ffffff14}.hero-diagram{transform-origin:center center}.orbit-pulse{animation:orbitPulse 4s ease-in-out infinite}@keyframes orbitPulse{0%,to{opacity:1}50%{opacity:.4}}.hero-line{animation:dashFlow 12s linear infinite}@keyframes dashFlow{to{stroke-dashoffset:-48}}@media(max-width:374px){.cap-card{padding:1.25rem}}@media(min-width:1024px)and (max-width:1279px){.hero-diagram{transform:scale(.82)}}.role-tab:focus-visible{outline:2px solid rgba(139,92,246,.6);outline-offset:2px}.tool-card:focus-visible{outline:2px solid rgba(139,92,246,.4);outline-offset:2px}a:focus-visible{outline:2px solid rgba(139,92,246,.5);outline-offset:3px;border-radius:4px}@media(max-width:768px){.blur-\[160px\]{filter:blur(80px)}.blur-\[200px\]{filter:blur(100px)}.blur-\[150px\]{filter:blur(80px)}.blur-\[140px\]{filter:blur(70px)}.blur-\[120px\]{filter:blur(60px)}}.chat-scroll-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.15) transparent}.chat-scroll-container::-webkit-scrollbar{width:4px}.chat-scroll-container::-webkit-scrollbar-track{background:transparent}.chat-scroll-container::-webkit-scrollbar-thumb{background:#8b5cf626;border-radius:4px}.chat-scroll-container::-webkit-scrollbar-thumb:hover{background:#8b5cf64d}.chat-progress{position:absolute;right:2px;top:0;width:2px;height:100%;z-index:20;pointer-events:none}.chat-progress-bar{width:100%;background:linear-gradient(180deg,#7c3aed,#a855f7);border-radius:2px;transition:height .15s ease,opacity .3s ease;opacity:0}.chat-scroll-container:hover .chat-progress-bar,.chat-scrolling .chat-progress-bar{opacity:1}
