.bot-showcase-container{-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;background:0 0;border:none;border-radius:0;max-width:1200px;margin:0 auto;padding:80px 20px;position:relative;overflow:visible}.showcase-bg-effects{pointer-events:none;z-index:1;width:calc(100% + 200px);height:calc(100% + 200px);position:absolute;top:-100px;left:-100px}.effect-orb{background:radial-gradient(circle,var(--accent-primary)0%,transparent 70%);border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.orb-1{opacity:.08;width:300px;height:300px;animation-delay:0s;top:-80px;right:-80px}.orb-2{opacity:.06;width:250px;height:250px;animation-delay:-4s;bottom:-60px;left:-60px}.effect-grid{background-image:linear-gradient(#8b5cf608 1px,#0000 1px),linear-gradient(90deg,#8b5cf608 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;animation:25s linear infinite gridMove;position:absolute;top:0;left:0}.effect-particles{background-image:radial-gradient(1.5px 1.5px at 25px 35px,var(--accent-primary),transparent),radial-gradient(1.5px 1.5px at 50px 80px,var(--accent-secondary),transparent),radial-gradient(1px 1px at 100px 50px,var(--accent-primary),transparent),radial-gradient(1px 1px at 150px 90px,var(--accent-secondary),transparent);opacity:.2;background-repeat:repeat;background-size:200px 120px;width:100%;height:100%;animation:18s ease-in-out infinite particleFloat;position:absolute}.showcase-content{z-index:2;text-align:center;position:relative}.showcase-header{margin-bottom:50px}.server-indicator{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:25px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-flex}.server-pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 12px #22c55e}.showcase-title{color:var(--text-primary);margin-bottom:24px;font-size:2.5rem;font-weight:800;line-height:1.2}.title-highlight{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.showcase-description{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.7}.performance-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:50px 0;display:grid}.performance-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:20px;padding:32px 24px;transition:all .4s cubic-bezier(.4,.2,.2,1);position:relative;overflow:hidden}.performance-card:hover{border-color:var(--accent-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px #8b5cf640,0 8px 32px #0000001a}.card-glow{opacity:0;background:radial-gradient(circle,#8b5cf61a 0%,#0000 70%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.performance-card:hover .card-glow{opacity:1}.card-icon{justify-content:center;margin-bottom:20px;display:flex}.speed-indicator{width:50px;height:50px;position:relative}.speed-bars{align-items:end;gap:4px;height:100%;display:flex}.bar{background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;width:8px;animation:1.5s ease-in-out infinite speedPulse}.bar-1{height:20%;animation-delay:0s}.bar-2{height:50%;animation-delay:.2s}.bar-3{height:80%;animation-delay:.4s}.bar-4{height:100%;animation-delay:.6s}.customization-wheel{width:50px;height:50px;animation:8s linear infinite rotate;position:relative}.wheel-center{background:var(--accent-primary);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-segment{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform-origin:50%;border-radius:2px;width:20px;height:4px;position:absolute;top:50%;left:50%}.segment-1{transform:translate(-50%,-50%)rotate(0)translate(15px)}.segment-2{transform:translate(-50%,-50%)rotate(90deg)translate(15px)}.segment-3{transform:translate(-50%,-50%)rotate(180deg)translate(15px)}.segment-4{transform:translate(-50%,-50%)rotate(270deg)translate(15px)}.reliability-shield{width:50px;height:50px;position:relative}.shield-core{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:100%;height:100%}.shield-waves{border:2px solid var(--accent-primary);opacity:.3;border-radius:50%;width:70px;height:70px;animation:2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.metric-value{color:var(--accent-primary);margin-bottom:8px;font-size:2rem;font-weight:800}.metric-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes particleFloat{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-10px)translate(10px)}66%{transform:translateY(5px)translate(-5px)}}@keyframes speedPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.bot-showcase-container{padding:60px 16px}.showcase-bg-effects{width:calc(100% + 100px);height:calc(100% + 100px);top:-50px;left:-50px}.orb-1{width:200px;height:200px}.orb-2{width:150px;height:150px}.showcase-title{font-size:2rem}.performance-grid{grid-template-columns:1fr;gap:16px}}@media (max-width:480px){.bot-showcase-container{padding:40px 12px}.showcase-title{font-size:1.75rem}.showcase-description{font-size:1rem}.metric-value{font-size:1.5rem}.performance-card{padding:24px 20px}}
.features-timeline{width:100%;max-width:1200px;margin:0 auto;padding:60px 0;position:relative;overflow:hidden}.timeline-path{z-index:1;pointer-events:none;width:100%;height:400px;position:absolute;top:0;left:0}.animated-path{stroke-dasharray:20 10;animation:15s linear infinite pathFlow}.timeline-container{z-index:2;flex-direction:column;gap:80px;padding:40px 20px;display:flex;position:relative}.timeline-item{opacity:0;animation:.8s ease-out forwards fadeInUp;animation-delay:var(--delay);justify-content:center;align-items:center;display:flex;position:relative;transform:translateY(50px)}.timeline-left{flex-direction:row}.timeline-right{flex-direction:row-reverse}.timeline-node{z-index:5;justify-content:center;align-items:center;width:80px;height:80px;margin:0 40px;display:flex;position:relative}.node-core{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));z-index:3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;box-shadow:0 8px 32px #8b5cf666,inset 0 2px 8px #fff3}.node-pulse{border:2px solid var(--accent-primary);opacity:.6;border-radius:50%;width:80px;height:80px;animation:3s ease-in-out infinite pulse;position:absolute}.node-ring{border:1px solid #8b5cf64d;border-radius:50%;width:100px;height:100px;animation:20s linear infinite rotate;position:absolute}.node-ring:before{content:"";background:var(--accent-primary);width:6px;height:6px;box-shadow:0 0 12px var(--accent-primary);border-radius:50%;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.timeline-connector{width:120px;height:60px;position:relative;overflow:hidden}.connector-svg{width:100%;height:100%}.connector-path{stroke-dasharray:5 5;animation:3s ease-in-out infinite dash}.timeline-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:20px;width:400px;padding:32px;transition:all .4s cubic-bezier(.4,.2,.2,1);position:relative;overflow:hidden}.timeline-card:hover{border-color:var(--accent-primary);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 60px #8b5cf64d,0 8px 32px #0003}.card-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#8b5cf61a 0%,#0000 50%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.timeline-card:hover .card-glow{opacity:1}.card-content{z-index:2;position:relative}.card-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.step-number{border:1px solid var(--accent-primary);width:40px;height:40px;color:var(--accent-primary);background:#8b5cf61a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.card-header h3{color:var(--text-primary);margin:0;line-height:1.3}.card-description{color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.card-footer{justify-content:space-between;align-items:center;display:flex}.feature-tags{gap:8px;display:flex}.tag{color:var(--accent-primary);background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.learn-more{color:var(--accent-primary);cursor:pointer;align-items:center;gap:8px;font-weight:500;transition:all .3s;display:flex}.learn-more:hover{gap:12px}.arrow-icon{transition:transform .3s}.learn-more:hover .arrow-icon{transform:translate(4px)}.floating-elements{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floating-dot{background:var(--accent-primary);opacity:.4;border-radius:50%;width:8px;height:8px;position:absolute}.dot-1{animation:6s ease-in-out infinite float;top:20%;left:10%}.dot-2{animation:8s ease-in-out infinite reverse float;top:60%;right:15%}.dot-3{animation:7s ease-in-out 2s infinite float;top:40%;left:80%}.floating-line{background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3;height:1px;position:absolute}.line-1{width:200px;animation:12s ease-in-out infinite slideHorizontal;top:30%;left:0}.line-2{width:150px;animation:10s ease-in-out 3s infinite reverse slideHorizontal;top:70%;right:0}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes pathFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-30px}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:10px}}@keyframes float{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-20px)translate(10px)}66%{transform:translateY(10px)translate(-5px)}}@keyframes slideHorizontal{0%,to{opacity:0;transform:translate(-100px)}50%{opacity:.3;transform:translate(100px)}}@media (max-width:1024px){.timeline-card{width:350px}.timeline-connector{width:80px}.timeline-node{margin:0 20px}}@media (max-width:768px){.timeline-item{gap:20px;flex-direction:column!important}.timeline-left,.timeline-right{flex-direction:column}.timeline-connector{width:60px;height:40px;transform:rotate(90deg)}.timeline-card{width:100%;max-width:400px}.timeline-path{display:none}.timeline-container{gap:60px}}@media (max-width:480px){.timeline-card{padding:24px}.card-header{flex-direction:column;gap:12px}.step-number{align-self:flex-start}.card-footer{flex-direction:column;align-items:flex-start;gap:16px}}