.hero-section{flex-direction:column;gap:40px;min-height:100vh;padding-top:60px;padding-bottom:30px;display:flex;position:relative}.hero-slider{justify-content:center;align-items:center;width:100%;min-height:600px;margin-bottom:20px;display:flex;position:relative}.slider-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slide{opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity .6s var(--transition-easing),transform .6s var(--transition-easing);justify-content:space-between;align-items:center;gap:60px;display:flex;position:absolute;top:0;left:0;transform:translate(20px)}.slide.active{opacity:1;visibility:visible;transform:translate(0)}.slide.previous{opacity:0;transition:all .4s var(--transition-easing);transform:translate(-30px)}.hero-image-container{perspective:1000px;flex:1;justify-content:center;align-items:center;max-width:500px;display:flex}.floating-vector{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:450px;height:auto}.slider-nav{z-index:10;gap:12px;display:flex;position:absolute;bottom:-60px;left:0}.nav-dot{cursor:pointer;width:10px;height:10px;transition:all var(--transition-fast);background:#0000001a;border:2px solid #0000;border-radius:50%}.nav-dot:hover{background:var(--accent-secondary);opacity:.7}.nav-dot.active{background:var(--accent-secondary);border-radius:5px;width:30px}.hero-badge{margin-bottom:30px}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:30px;font-size:4.2rem;font-weight:800;line-height:1.1}.title-line{display:block}.gradient-text{color:var(--accent-primary)}.hero-description{color:var(--text-secondary);opacity:.9;max-width:650px;margin-bottom:40px;font-size:1.25rem;line-height:1.8}.hero-cta{flex-wrap:wrap;gap:15px;display:flex}.stats-bar{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:2;border-radius:16px;gap:40px;margin-top:auto;padding:30px 40px;display:flex;position:relative}.stat-item{align-items:center;gap:20px;display:flex}.stat-icon{width:50px;height:50px;color:var(--accent-primary);flex-shrink:0}.stat-icon svg{width:100%;height:100%}.stat-content{flex-direction:column;display:flex}.stat-number{font-family:var(--font-display);color:var(--text-primary);font-size:1.4rem;font-weight:800}.stat-suffix{font-family:var(--font-display);color:var(--accent-primary);font-size:1.2rem}.stat-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-top:4px;font-size:.65rem;font-weight:700}.partners-section{z-index:1;-webkit-backdrop-filter:blur(10px);border-radius:20px;margin-top:40px;margin-bottom:20px;padding:100px;position:relative}.partners-label{text-align:left}.tech-category{border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:30px}.tech-category:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tech-category-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-primary);align-items:center;gap:10px;margin-bottom:20px;font-size:.9rem;font-weight:600;display:flex}.category-icon{width:24px;height:24px;stroke:var(--accent-primary);flex-shrink:0}.services-section{background:0 0;border:none;border-radius:40px;padding:20px 60px 0;position:relative}.services-tabs{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.service-tab{padding:12px 24px}.service-panels{min-height:350px;position:relative}.service-panel{grid-template-columns:1fr 1.2fr;gap:60px;animation:.5s fadeIn;display:none}.service-panel.active{display:grid}.workflow-list,.service-list{background:#55555508;border:1px solid #5555551a;border-radius:20px;padding:40px}.workflow-item{font-family:var(--font-display);color:var(--text-secondary);transition:all var(--transition-fast);border-bottom:1px solid #00000008;align-items:center;gap:12px;padding:12px 0;font-size:.85rem;font-weight:600;display:flex}.workflow-icon,.service-icon-list{color:var(--accent-secondary);opacity:.5;font-weight:400}.workflow-item.active,.service-item.active{color:var(--accent-secondary);background:#5555550d;border-bottom-color:#0000;border-radius:4px;margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.workflow-item.active .workflow-icon{opacity:1}.workflow-icon-svg{width:20px;height:20px;color:var(--accent-primary);transition:all var(--transition-medium)}.workflow-item.active .workflow-icon-svg{color:var(--accent-secondary);transform:scale(1.1)}.workflow-description{flex-direction:column;justify-content:center;display:flex}.description-main{color:var(--text-primary);margin-bottom:25px;font-size:1.25rem;font-weight:500;line-height:1.6}.description-detail{color:var(--text-secondary);margin-bottom:40px;font-size:1rem;line-height:1.8}.service-description-list{margin-top:20px;padding:0;list-style:none}.service-description-list li{color:var(--text-secondary);margin-bottom:12px;padding-left:24px;font-size:.95rem;line-height:1.5;position:relative}.service-description-list li:before{content:"→";color:var(--accent-secondary);font-weight:700;position:absolute;left:0}.service-cta{width:fit-content;padding:14px 28px}.cta-suffix{color:var(--text-muted);margin-top:15px;font-size:.9rem}.service-card.glass p{color:var(--text-secondary);flex-grow:1;margin:0;font-size:.95rem;line-height:1.7}.card-tag{background:var(--accent-secondary-light);color:var(--accent-secondary);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border:1px solid #5553;border-radius:50px;width:fit-content;padding:6px 14px;font-size:.65rem;font-weight:700;display:inline-block}.value-props{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;display:grid}.value-card{padding:30px}.value-icon{margin-bottom:15px;font-size:2rem}.value-card h4{font-family:var(--font-display);color:var(--accent-primary);margin-bottom:10px;font-size:1rem}.value-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.services-stats{border-top:1px solid var(--border-color);grid-template-columns:repeat(3,1fr);gap:30px;margin-top:80px;padding-top:60px;display:grid}.workflow-section{background:0 0;min-height:auto;padding:0 20px 20px 60px;position:relative;overflow:hidden}.workflow-container,.workflow-diagram-container{width:100%;position:relative}.workflow-slider{width:100%;min-height:650px;position:relative}.workflow-slides{min-height:300px;margin-bottom:60px;position:relative}.workflow-slide{text-align:left;opacity:0;visibility:hidden;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.workflow-slide.active{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.workflow-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.workflow-icon{background:linear-gradient(135deg,var(--accent-primary-light),#33333326);border:1px solid var(--accent-primary-border);width:56px;height:56px;transition:all var(--transition-medium);border-radius:16px;justify-content:center;align-items:center;display:flex}.workflow-icon svg{width:28px;height:28px;stroke:var(--accent-primary)}.workflow-slide.active .workflow-icon{box-shadow:0 8px 30px var(--accent-primary-glow);transform:scale(1.05)}.workflow-content{z-index:10;max-width:850px;position:relative}.workflow-badge{background:var(--accent-secondary-light);color:var(--accent-secondary);font-family:var(--font-display);letter-spacing:.2em;border:1px solid var(--accent-secondary-glow);border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 18px;font-size:.7rem;font-weight:700;display:inline-flex}.workflow-badge .badge-dot{background:var(--accent-secondary);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.workflow-slide-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.02em;margin-bottom:20px;font-size:2.6rem;line-height:1.15}.workflow-slide-description{color:var(--text-secondary);max-width:700px;margin-bottom:32px;font-size:1.1rem;line-height:1.9}.workflow-features{flex-wrap:wrap;gap:16px;display:flex}.workflow-feature{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-medium);border-radius:50px;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:500;display:flex}.workflow-feature:hover{border-color:var(--accent-secondary);background:var(--accent-secondary-light);box-shadow:0 4px 15px var(--accent-secondary-glow);transform:translateY(-2px)}.workflow-feature svg{width:20px;height:20px;stroke:var(--accent-secondary);flex-shrink:0}.workflow-points{flex-wrap:wrap;gap:15px;padding:0;list-style:none;display:flex}.workflow-points li{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-medium);border-radius:50px;align-items:center;padding:10px 18px;font-size:.9rem;font-weight:500;display:flex}.workflow-points li:hover{border-color:var(--accent-primary-border);transform:translateY(-2px)}.workflow-points li:before{content:"";background:var(--accent-primary);border-radius:50%;width:8px;height:8px;margin-right:12px}.workflow-visual{z-index:1;justify-content:center;align-items:center;width:100%;max-width:1000px;height:320px;margin-top:40px;display:flex;position:relative;overflow:hidden}.visual-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.workflow-img{object-fit:contain;z-index:2;width:100%;height:100%;filter:drop-shadow(0 0 40px var(--accent-primary-glow));transition:all var(--transition-medium)}.workflow-slide.active .workflow-img{animation:4s ease-in-out infinite workflowFloat}.workflow-icon-strip{justify-content:space-between;align-items:flex-start;max-width:900px;margin:0 auto;padding:0 20px;display:flex;position:relative}.icon-connector{background:var(--border-color);z-index:1;height:2px;position:absolute;top:45px;left:80px;right:80px}.icon-connector:before{content:"";height:100%;width:var(--progress,0%);background:var(--accent-secondary);transition:width .5s;position:absolute;top:0;left:0}.phase-icon-wrapper{cursor:pointer;z-index:2;transition:all var(--transition-medium);flex-direction:column;align-items:center;gap:12px;display:flex}.phase-icon{background:var(--bg-card);border:2px solid var(--border-color);width:90px;height:90px;color:var(--text-muted);transition:all var(--transition-medium);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.phase-icon svg{width:44px;height:44px}.phase-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;transition:all var(--transition-medium);font-size:.75rem;font-weight:600}.phase-icon-wrapper.active .phase-icon{background:var(--bg-primary);border-color:var(--accent-secondary);color:var(--accent-secondary);box-shadow:0 0 30px var(--accent-secondary-glow),0 0 60px #55555526;transform:scale(1.1)}.phase-icon-wrapper.active .phase-label{color:var(--accent-secondary)}.phase-icon-wrapper:not(.active):hover .phase-icon{border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.05)}.phase-icon-wrapper:not(.active):hover .phase-label{color:var(--accent-primary)}.phase-icon-wrapper.active .phase-icon:after{content:"";border:2px solid var(--accent-secondary);border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite iconPulse;position:absolute}.workflow-nav{justify-content:space-between;align-items:flex-start;max-width:900px;margin:50px auto 0;padding:0 20px;display:flex;position:relative}.workflow-nav-line{background:var(--border-color);z-index:1;height:2px;position:absolute;top:25px;left:60px;right:60px;overflow:hidden}.workflow-nav-progress{background:var(--accent-secondary);width:0%;height:100%;transition:width var(--transition-slow)}.workflow-dot{cursor:pointer;z-index:2;transition:all var(--transition-medium);background:0 0;border:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.workflow-dot .dot-number{background:var(--bg-card);border:2px solid var(--border-color);width:50px;height:50px;font-family:var(--font-display);color:var(--text-muted);transition:all var(--transition-medium);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.workflow-dot .dot-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;transition:all var(--transition-medium);font-size:.7rem;font-weight:600}.workflow-dot:hover .dot-number,.workflow-dot.active .dot-number{border-color:var(--accent-secondary);background:var(--bg-primary);color:var(--accent-secondary);box-shadow:0 0 25px var(--accent-secondary-glow);transform:scale(1.1)}.workflow-dot:hover .dot-label,.workflow-dot.active .dot-label{color:var(--accent-secondary)}.workflow-dot.active .dot-number:after{content:"";border:2px solid var(--accent-secondary);border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite dotPulse;position:absolute}.workflow-rocket-visual{pointer-events:none;z-index:0;opacity:.85;width:350px;height:500px;position:absolute;top:50%;left:60%;transform:translateY(-50%)rotate(45deg)}.rocket-wrapper{flex-direction:column;align-items:center;width:100%;height:100%;animation:3s ease-in-out infinite rocketFloat;display:flex;position:relative}.rocket-body{background:linear-gradient(135deg,var(--clr-slate-50)0%,var(--clr-slate-100)30%,var(--clr-slate-200)60%,var(--clr-slate-400)100%);border-radius:50px 50px 25px 25px;width:100px;height:200px;position:relative;box-shadow:inset -15px 0 30px #0000001a,0 15px 50px #0003}.rocket-tip{border-left:50px solid #0000;border-right:50px solid #0000;border-bottom:65px solid var(--accent-secondary);width:0;height:0;filter:drop-shadow(0 -8px 15px var(--accent-secondary-glow));position:absolute;top:-55px;left:50%;transform:translate(-50%)}.rocket-tip:after{content:"";background:linear-gradient(180deg,var(--accent-secondary)0%,var(--clr-slate-800)100%);border-radius:0 0 20px 20px;width:40px;height:35px;position:absolute;top:15px;left:-20px}.rocket-window{background:linear-gradient(135deg,var(--accent-primary)0%,var(--clr-slate-900)50%,var(--clr-primary-hover)100%);border:4px solid var(--clr-slate-100);width:36px;height:36px;box-shadow:inset 5px 5px 10px #ffffff4d,0 0 20px var(--accent-primary-glow);border-radius:50%;position:absolute;top:30px;left:50%;transform:translate(-50%)}.rocket-fin{background:linear-gradient(180deg,var(--accent-secondary)0%,var(--clr-slate-800)100%);width:30px;height:50px;position:absolute;bottom:0}.rocket-fin-left{border-radius:0 0 0 20px;left:-20px;transform:skew(-15deg)}.rocket-fin-right{border-radius:0 0 20px;right:-20px;transform:skew(15deg)}.rocket-exhaust{justify-content:center;gap:4px;margin-top:-5px;display:flex;position:relative}.exhaust-flame{border-radius:0 0 50% 50%;width:20px;animation:.15s ease-in-out infinite alternate flameFlicker}.flame-1{background:linear-gradient(180deg,var(--clr-slate-500)0%,var(--clr-slate-600)30%,var(--clr-slate-500)60%,transparent 100%);height:60px;animation-delay:0s}.flame-2{background:linear-gradient(180deg,var(--clr-white)0%,var(--clr-slate-600)20%,var(--clr-slate-500)50%,transparent 100%);width:28px;height:90px;animation-delay:50ms}.flame-3{background:linear-gradient(180deg,var(--clr-slate-500)0%,var(--clr-slate-600)30%,var(--clr-slate-500)60%,transparent 100%);height:60px;animation-delay:.1s}.rocket-trail{background:linear-gradient(180deg,var(--accent-secondary-glow)0%,var(--accent-primary-glow)50%,transparent 100%);filter:blur(10px);border-radius:50%;width:40px;height:120px;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.rocket-glow{background:radial-gradient(circle,var(--accent-secondary-glow)0%,var(--accent-primary-glow)40%,transparent 70%);filter:blur(30px);width:200px;height:200px;animation:2s ease-in-out infinite glowPulse;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}@media (max-width:1200px){.workflow-rocket-visual{width:200px;height:300px;right:-20px}.rocket-body{width:60px;height:120px}.rocket-tip{border-bottom-width:40px;border-left-width:30px;border-right-width:30px;top:-30px}}@media (max-width:991px){.workflow-rocket-visual{display:none}}.featured-product{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-secondary)100%);border:1px solid var(--border-color);border-radius:24px;margin-bottom:60px;padding:50px;position:relative;overflow:hidden}.featured-product:before{content:"";background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-primary));background-size:200% 100%;height:3px;animation:3s infinite gradientFlow;position:absolute;top:0;left:0;right:0}.product-badge{background:var(--clr-secondary-light);border:1px solid var(--clr-secondary);font-family:var(--font-mono);letter-spacing:.05em;color:var(--clr-secondary);text-transform:uppercase;border-radius:50px;align-items:center;gap:10px;margin-bottom:30px;padding:8px 18px;font-size:.75rem;font-weight:700;display:inline-flex}.product-showcase{grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid}.product-info{flex-direction:column;gap:25px;display:flex}.product-header{align-items:center;gap:20px;display:flex}.product-logo{background:var(--clr-primary);width:70px;height:70px;color:var(--text-on-accent);box-shadow:var(--shadow-glow-primary);border-radius:20px;justify-content:center;align-items:center;display:flex}.product-logo svg{width:40px;height:40px}.product-title{font-family:var(--font-display);letter-spacing:.05em;color:var(--accent-primary);font-size:2.5rem;font-weight:800}.product-tagline{color:var(--clr-primary);margin-top:-10px;font-size:1.1rem;font-weight:700}.product-description{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.product-features{flex-direction:column;gap:18px;margin-top:10px;display:flex}.feature-item{background:var(--bg-primary);border:1px solid var(--border-color);transition:all var(--transition-medium);border-radius:12px;gap:15px;padding:15px;display:flex}.feature-item:hover{border-color:var(--accent-primary);box-shadow:0 5px 20px var(--accent-primary-glow);transform:translate(5px)}.feature-icon{background:var(--clr-primary-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.feature-icon svg{width:22px;height:22px;color:var(--accent-primary)}.feature-content h4{font-family:var(--font-body);color:var(--clr-slate-800);margin-bottom:4px;font-size:1rem;font-weight:700}.feature-content p{color:var(--text-muted);font-size:.8rem;line-height:1.4}.channels-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-top:15px;padding:20px}.channels-label{font-family:var(--font-display);letter-spacing:.15em;color:var(--text-muted);margin-bottom:15px;font-size:.65rem;font-weight:700;display:block}.channels-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.channel-item{background:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-medium);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;display:flex}.channel-item:hover{border-color:var(--accent-primary);background:var(--accent-primary-light);transform:translateY(-2px)}.channel-item.active{border-color:var(--clr-primary);background:var(--clr-primary-light);box-shadow:0 4px 15px #045c9d1a}.channel-item svg{width:24px;height:24px;color:var(--accent-primary)}.channel-item span{color:var(--text-secondary);font-size:.7rem;font-weight:600}.channel-item.active span{color:var(--clr-primary)}.product-demo{position:relative}.demo-window{background:var(--bg-primary);border:1px solid var(--clr-slate-200);z-index:2;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 40px 100px #00000014}.demo-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.demo-controls{gap:8px;display:flex}.demo-dot{border-radius:50%;width:12px;height:12px}.demo-dot.red{background:#ff5f57}.demo-dot.yellow{background:#febc2e}.demo-dot.green{background:var(--accent-primary)}.demo-title-group{align-items:center;gap:8px;display:flex}.demo-logo{width:22px;height:22px;color:var(--accent-primary)}.demo-title{font-family:var(--font-display);color:var(--text-secondary);font-size:.8rem;font-weight:600}.demo-model-selector{background:var(--accent-primary-light);border:1px solid var(--accent-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;display:flex}.active-model{color:var(--accent-primary);font-size:.75rem;font-weight:700}.demo-model-selector svg{width:14px;height:14px;color:var(--accent-primary)}.demo-chat{flex-direction:column;gap:18px;max-height:400px;padding:20px;display:flex;overflow-y:auto}.chat-message{gap:12px;animation:.5s forwards fadeInUp;display:flex}.message-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.user-avatar{background:var(--clr-slate-800);color:var(--color-white)}.ai-avatar{background:var(--accent-primary);color:var(--color-white)}.ai-avatar svg{width:20px;height:20px}.message-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex:1;padding:14px 18px}.chat-message.user .message-content{background:linear-gradient(135deg,var(--accent-primary-glow),var(--accent-secondary-glow));border-color:var(--accent-primary-glow)}.gradient-orange{background:linear-gradient(180deg,var(--clr-secondary-light)0%,var(--accent-secondary)100%)!important}.gradient-teal{background:linear-gradient(180deg,var(--accent-primary-light)0%,var(--accent-primary)100%)!important}.shadow-bars .bar{box-shadow:0 4px 15px #0000001a}.demo-chart.enhanced-chart{background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)100%);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:inset 0 0 20px #0000000d}.chart-title-group{align-items:center;gap:10px;display:flex}.chart-icon{width:20px;height:20px;color:var(--accent-primary)}.chart-body{gap:15px;margin-top:20px;display:flex}.chart-y-axis{flex-direction:column;justify-content:space-between;min-width:40px;padding:0 0 32px;display:flex}.chart-y-axis span{color:var(--text-muted);text-align:right;font-size:.65rem;font-weight:600}.chart-bars-container{flex:1;height:160px;position:relative}.chart-bars.enhanced{z-index:2;justify-content:space-around;align-items:flex-end;height:100%;display:flex;position:relative}.chart-grid-lines{z-index:1;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 30px}.chart-grid-lines span{background:var(--border-color);opacity:.5;width:100%;height:1px}.legend-dot.forecast{background:var(--accent-secondary);box-shadow:0 0 10px #5555554d}.legend-dot.actual{background:var(--accent-primary);box-shadow:0 0 10px #3333334d}.bar-forecast{background:var(--accent-secondary);height:var(--height)}.bar-actual{background:var(--accent-primary);height:var(--height)}.agent-workflow{background:linear-gradient(135deg,#33333314 0%,#764ba214 100%);border:1px solid #3333;border-radius:12px;margin-bottom:14px;padding:14px}.workflow-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.workflow-badge{color:var(--text-secondary);letter-spacing:.03em;font-size:.7rem;font-weight:700}.workflow-status{color:var(--accent-yellow);background:#f59e0b26;border-radius:10px;padding:3px 8px;font-size:.65rem;font-weight:600}.workflow-status.completed{color:var(--accent-green);background:#10b98126}.workflow-step{color:var(--text-secondary);background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:.72rem;transition:all .3s;display:flex}.workflow-step.completed{color:var(--text-primary)}.workflow-step.completed .step-check{color:var(--accent-green);opacity:1}.step-icon{font-size:.9rem}.step-text{flex:1}.step-check{opacity:0;color:var(--text-muted);font-size:.75rem;transition:opacity .3s}.agent-response-text{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem}.ai-insights-card{background:linear-gradient(135deg,#55555514 0%,#ffc10714 100%);border:1px solid #5553;border-radius:12px;margin-top:14px;padding:14px}.insights-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.insights-icon{font-size:1rem}.insights-title{color:var(--accent-secondary);letter-spacing:.02em;font-size:.75rem;font-weight:700}.insights-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.insights-list li{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:.72rem;line-height:1.4;display:flex}.insight-bullet{color:var(--accent-secondary);font-weight:700}.demo-chart.modern-chart{background:linear-gradient(135deg,#33333308 0%,#ffffff05 100%);border:1px solid #33333326}.screens-showcase{padding:20px;position:relative}.screen-desktop{width:100%;max-width:100%}.screen-mobile{z-index:10;width:220px;position:absolute;top:-30px;right:0}.screen-frame{background:var(--bg-primary);border:1px solid var(--border-color-light);box-shadow:var(--shadow-xl);border-radius:18px;overflow:hidden}.screen-header{background:var(--clr-slate-50);border-bottom:1px solid var(--border-color-light);align-items:center;gap:12px;padding:14px 18px;display:flex}.window-controls{gap:8px;display:flex}.window-controls .ctrl{border-radius:50%;width:12px;height:12px}.ctrl.red{background:#ff5f57}.ctrl.yellow{background:#ffbd2e}.ctrl.green{background:#28c840}.window-title{color:var(--text-primary);flex:1;font-size:.8rem;font-weight:600}.window-badge{background:var(--clr-slate-100);border:1px solid var(--clr-slate-200);color:var(--text-primary);border-radius:14px;align-items:center;gap:6px;padding:5px 12px;font-size:.65rem;font-weight:700;display:flex}.badge-pulse{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.screen-content{min-height:340px;display:flex}.chat-sidebar{background:var(--clr-slate-50);border-right:1px solid var(--border-color-light);flex-direction:column;gap:8px;width:180px;padding:16px 12px;display:flex}.sidebar-logo{align-items:center;gap:8px;margin-bottom:12px;padding:8px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg,var(--clr-slate-800)0%,var(--clr-slate-700)100%);width:26px;height:26px;color:var(--clr-white);border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.sidebar-logo-text{color:var(--text-primary);font-size:.9rem;font-weight:700}.sidebar-button{background:var(--clr-slate-700);color:var(--clr-white);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.sidebar-button:hover{background:var(--clr-slate-600)}.sidebar-button svg{width:14px;height:14px}.sidebar-menu{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.sidebar-menu-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:.75rem;transition:all .2s;display:flex}.sidebar-menu-item:hover{background:var(--clr-slate-100);color:var(--text-primary)}.sidebar-menu-item.active{background:var(--clr-slate-200);color:var(--text-primary)}.sidebar-menu-item svg{flex-shrink:0;width:16px;height:16px}.sidebar-section{margin-bottom:16px}.sidebar-section-header{cursor:pointer;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.7rem;font-weight:600;display:flex}.sidebar-section-header:hover{color:var(--text-primary)}.sidebar-section-icon{width:12px;height:12px;transition:transform .2s}.sidebar-section-header.collapsed .sidebar-section-icon{transform:rotate(-90deg)}.sidebar-section-list{flex-direction:column;gap:2px;margin-top:4px;display:flex}.sidebar-section-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:8px 12px;font-size:.7rem;transition:all .2s;overflow:hidden}.sidebar-section-item:hover{color:var(--text-primary);background:#00000008}.sidebar-trial-card{background:linear-gradient(135deg,var(--clr-slate-100)0%,var(--clr-slate-50)100%);border:1px solid var(--border-color);border-radius:10px;margin-top:auto;padding:12px}.trial-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.trial-icon{width:16px;height:16px;color:var(--text-primary)}.trial-title{color:var(--text-primary);font-size:.7rem;font-weight:700}.trial-days{color:var(--text-muted);margin-bottom:8px;font-size:.65rem}.trial-progress{background:#0000001a;border-radius:2px;height:3px;margin-bottom:10px;overflow:hidden}.trial-progress-bar{background:linear-gradient(90deg,var(--clr-slate-800)0%,var(--clr-slate-700)100%);border-radius:2px;width:57%;height:100%}.trial-button{background:var(--clr-slate-800);width:100%;color:var(--clr-white);cursor:pointer;border:none;border-radius:8px;padding:8px;font-size:.7rem;font-weight:700;transition:all .2s}.trial-button:hover{background:var(--clr-slate-900);transform:translateY(-1px)}.sidebar-icon{width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-icon:hover{background:var(--clr-slate-100);color:var(--text-primary)}.sidebar-icon.active{background:var(--clr-slate-200);color:var(--text-primary);box-shadow:0 0 0 1px var(--border-color)}.sidebar-icon svg{width:18px;height:18px}.chat-main{flex-direction:column;flex:1;display:flex}.chat-messages{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.message-row{gap:10px;display:flex}.message-row.user{justify-content:flex-end}.message-row.user .message-bubble{background:linear-gradient(135deg,var(--clr-slate-800)0%,var(--clr-slate-900)100%);color:var(--clr-white);max-width:78%;box-shadow:var(--shadow-md);border-radius:16px 16px 4px;padding:11px 15px;font-size:.8rem}.message-row.ai{align-items:flex-start}.ai-icon{background:linear-gradient(135deg,var(--clr-slate-800)0%,var(--clr-slate-700)100%);width:30px;height:30px;box-shadow:var(--shadow-md);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-icon svg{width:14px;height:14px;color:var(--clr-white)}.message-row.ai .message-bubble{flex-direction:column;flex:1;gap:10px;display:flex}.workflow-card{background:var(--clr-slate-50);border:1px solid var(--border-color);border-radius:14px;padding:14px}.workflow-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.workflow-icon{width:16px;height:16px;color:var(--text-primary)}.workflow-title{color:var(--text-primary);flex:1;font-size:.75rem;font-weight:600}.status-pill{color:var(--accent-green);background:#10b98126;border-radius:10px;padding:3px 8px;font-size:.6rem;font-weight:600}.workflow-steps{flex-direction:column;gap:6px;display:flex}.workflow-steps .step{color:var(--text-muted);align-items:center;gap:6px;font-size:.7rem;display:flex}.workflow-steps .step svg{flex-shrink:0;width:12px;height:12px}.workflow-steps .step.done{color:var(--accent-green)}.workflow-steps .step.active{color:var(--accent-primary)}.dot-pulse{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}.result-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px}.result-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px;font-size:.65rem;font-weight:600}.mini-bars{align-items:flex-end;gap:8px;height:60px;margin-bottom:8px;display:flex}.mini-bar{background:var(--border-color);height:var(--h);border-radius:4px 4px 0 0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;transition:all .3s;display:flex}.mini-bar span{color:var(--text-muted);padding:3px 0;font-size:.55rem}.mini-bar.active{background:linear-gradient(180deg,var(--accent-primary-light)0%,var(--accent-primary)100%)}.mini-bar.active span{color:var(--text-on-accent)}.result-stat{color:var(--accent-green);align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:flex}.stat-icon{width:14px;height:14px}.chat-input{background:var(--bg-secondary);border-top:1px solid var(--border-color);align-items:center;gap:10px;padding:12px 16px;display:flex}.chat-input input{background:var(--bg-primary);border:1px solid var(--border-color);height:38px;color:var(--text-primary);border-radius:10px;outline:none;flex:1;padding:0 14px;font-size:.75rem}.chat-input input::placeholder{color:var(--text-muted)}.send-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.send-btn:hover{background:var(--accent-primary-light);transform:scale(1.05)}.send-btn svg{width:16px;height:16px}.mobile-frame{background:var(--bg-primary);border:2px solid var(--border-color-light);box-shadow:var(--shadow-xl);border-radius:24px;position:relative;overflow:hidden}.mobile-notch{background:var(--clr-slate-900);z-index:10;border-radius:12px;width:70px;height:20px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.mobile-notch:before,.mobile-notch:after{display:none}.mobile-content{background:var(--clr-slate-50);flex-direction:column;height:420px;padding-top:32px;display:flex}.mobile-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color-light);align-items:center;gap:4px;padding:6px 8px;display:flex}.back-icon{width:12px;height:12px;color:var(--text-secondary)}.mobile-title{flex:1;align-items:center;gap:4px;display:flex}.title-avatar{background:linear-gradient(135deg,var(--clr-slate-800)0%,var(--clr-slate-700)100%);width:18px;height:18px;color:var(--clr-white);border-radius:5px;justify-content:center;align-items:center;font-size:.4rem;font-weight:800;display:flex}.title-info{flex-direction:column;gap:0;display:flex}.title-name{color:var(--text-primary);font-size:.5rem;font-weight:700}.title-status{color:var(--text-muted);align-items:center;gap:2px;font-size:.38rem;display:flex}.online-dot{background:var(--accent-green);border-radius:50%;width:4px;height:4px}.menu-icon{width:12px;height:12px;color:var(--text-secondary)}.mobile-messages{background:var(--bg-primary);flex-direction:column;flex:1;gap:6px;padding:6px;display:flex;overflow-y:auto}.mobile-bubble{flex-direction:column;gap:2px;max-width:90%;display:flex}.mobile-bubble.sent{align-self:flex-end;align-items:flex-end}.mobile-bubble.sent p{background:linear-gradient(135deg,var(--clr-slate-800)0%,var(--clr-slate-900)100%);color:var(--clr-white);border-radius:10px 10px 2px;padding:5px 8px;font-size:.42rem;line-height:1.3}.mobile-bubble.received{align-self:flex-start;align-items:flex-start}.mobile-bubble.received .bubble-content{background:var(--clr-slate-100);border:1px solid var(--border-color-light);color:var(--text-primary);border-radius:10px 10px 10px 2px;padding:6px 8px}.mobile-bubble.received .bubble-content .mobile-workflow,.mobile-bubble.received .bubble-content .mini-chart-card,.mobile-bubble.received .bubble-content .mobile-metrics{background:0 0;border:none;border-radius:0;margin:0;padding:0}.mobile-bubble.received .bubble-content .mini-chart-card{background:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:6px;margin:4px 0;padding:6px}.mobile-bubble.received .bubble-content .mobile-metrics{margin-top:4px}.mobile-bubble .time{color:var(--text-muted);padding:0 2px;font-size:.35rem}.mobile-workflow{flex-direction:column;gap:4px;display:flex}.workflow-head{color:var(--accent-green);align-items:center;gap:3px;font-size:.4rem;font-weight:600;display:flex}.workflow-head svg{width:8px;height:8px}.workflow-tools{gap:6px;display:flex}.tool-tag{color:#ffffffe6;background:#ffffff26;border:1px solid #fff3;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:.55rem;font-weight:600;display:flex}.tool-tag svg{width:10px;height:10px}.workflow-progress{background:#0003;border-radius:2px;height:3px;overflow:hidden}.workflow-progress .progress-fill{background:linear-gradient(90deg,#8fa286cc 0%,#a3b69ae6 100%);border-radius:2px;width:70%;height:100%;animation:1.5s ease-in-out infinite progressPulse}.typing-dots{gap:4px;padding:6px 0;display:flex}.typing-dots span{background:#ffffffb3;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.mobile-input{background:var(--clr-slate-50);border-top:1px solid var(--border-color-light);align-items:center;gap:4px;padding:6px 8px;display:flex}.input-field{background:var(--bg-primary);border:1px solid var(--border-color-light);height:22px;color:var(--text-muted);border-radius:11px;flex:1;align-items:center;padding:0 10px;font-size:.4rem;display:flex}.send-circle{background:linear-gradient(135deg,var(--clr-slate-800)0%,var(--clr-slate-700)100%);width:22px;height:22px;color:var(--clr-white);border-radius:50%;justify-content:center;align-items:center;display:flex}.send-circle svg{width:8px;height:8px}.mobile-bar{background:#0003;border-radius:2px;width:40px;height:3px;margin:4px auto 6px}.status-pill.complete{color:var(--accent-green);background:#10b98126}.ai-response-text{margin:10px 0}.ai-response-text p{color:var(--text-primary);font-size:.75rem;line-height:1.5}.detailed-chart-card{background:var(--clr-slate-50);border:1px solid var(--border-color-light);border-radius:14px;margin:12px 0;padding:18px;position:relative;overflow:visible}.chart-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.chart-title{color:var(--text-primary);font-size:.75rem;font-weight:700}.chart-legend{gap:12px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:5px;font-size:.6rem;display:flex}.legend-dot{border-radius:2px;width:8px;height:8px}.legend-dot.current{background:linear-gradient(135deg,var(--clr-slate-800)0%,var(--clr-slate-700)100%);box-shadow:var(--shadow-sm)}.legend-dot.previous{background:var(--clr-slate-200)}.chart-area{z-index:1;gap:10px;height:160px;display:flex;position:relative}.chart-y-axis{color:var(--text-muted);flex-direction:column;flex-shrink:0;justify-content:space-between;width:24px;padding:4px 0;font-size:.5rem;display:flex}.chart-bars-container{flex:1;grid-template-columns:repeat(6,1fr);align-items:flex-end;height:100%;display:grid}.chart-bar-group{flex-direction:column;align-items:center;gap:6px;display:flex}.bar-pair{align-items:flex-end;gap:3px;height:120px;display:flex}.bar-pair .bar{border-radius:4px 4px 0 0;flex-shrink:0;width:14px;min-height:6px;transition:all .3s;animation:none}.bar-pair .bar.previous{background:var(--clr-slate-200)}.bar-pair .bar.current{background:linear-gradient(180deg,var(--clr-slate-700)0%,var(--clr-slate-800)100%);box-shadow:var(--shadow-md)}.chart-bar-group.highlight .bar.current{box-shadow:var(--shadow-lg);background:linear-gradient(180deg,var(--clr-slate-700)0%,var(--clr-slate-900)100%)}.chart-bar-group .bar-label{color:var(--text-muted);white-space:nowrap;text-align:center;margin-top:4px;font-size:.55rem;font-weight:700;position:static;transform:none}.chart-bar-group.highlight .bar-label{color:var(--accent-primary)}.chart-grid-lines{pointer-events:none;flex-direction:column;justify-content:space-between;padding:4px 0 16px 40px;display:flex;position:absolute;inset:0}.chart-grid-lines span{background:var(--border-color);opacity:.5;height:1px;display:block}.insights-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0;display:grid}.insight-box{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:10px;padding:10px}.insight-box.positive{background:#2c2c2c0d;border-color:#2c2c2c4d}.insight-value{color:var(--text-primary);justify-content:center;align-items:center;gap:4px;font-size:.85rem;font-weight:800;display:flex}.insight-box.positive .insight-value{color:var(--accent-green)}.insight-value svg{width:14px;height:14px}.insight-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:4px;font-size:.55rem}.ai-summary{background:var(--clr-slate-100);border:1px solid var(--border-color);border-radius:10px;margin-top:8px;padding:12px}.ai-summary p{color:var(--text-primary);margin:0;font-size:.7rem;line-height:1.5}.ai-summary strong{color:var(--accent-primary)}.mobile-response-text{color:var(--text-primary);margin:3px 0;font-size:.4rem;line-height:1.3}.mobile-chart{background:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:6px;margin:4px 0;padding:6px}.mobile-chart-header{color:var(--text-primary);margin-bottom:6px;font-size:.48rem;font-weight:700}.mobile-line-chart{height:35px;margin-bottom:6px}.mobile-line-chart svg{width:100%;height:100%}.mobile-stats-row{border-top:1px solid #ffffff26;justify-content:space-between;padding-top:6px;display:flex}.mobile-stat{flex-direction:column;gap:1px;display:flex}.stat-value{color:#fffffff2;font-size:.62rem;font-weight:800}.stat-value.positive{color:#a3b69a}.stat-label{color:#ffffffa6;text-transform:uppercase;font-size:.42rem}.mobile-metrics{flex-direction:column;gap:2px;margin-top:4px;display:flex}.metric-row{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:2px 0;display:flex}.metric-row:last-child{border-bottom:none}.metric-label{color:var(--text-muted);font-size:.38rem}.metric-value{color:var(--text-primary);font-size:.42rem;font-weight:700}.metric-value.positive{color:var(--accent-green)}.metric-value.negative{color:var(--accent-secondary)}.mobile-workflow-card{background:var(--clr-slate-50);border:1px solid var(--border-color);border-radius:8px;margin-bottom:6px;padding:8px}.mobile-workflow-card .workflow-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.mobile-workflow-card .workflow-head svg{width:14px;height:14px;color:var(--text-primary)}.mobile-workflow-card .workflow-head span{color:var(--text-primary);font-size:.5rem;font-weight:600}.mobile-status-pill{color:var(--accent-green);background:#10b98126;border-radius:8px;margin-left:auto;padding:2px 6px;font-size:.4rem;font-weight:600}.mobile-workflow-steps{flex-direction:column;gap:3px;display:flex}.mobile-step{color:var(--text-muted);align-items:center;gap:4px;font-size:.42rem;display:flex}.mobile-step svg{flex-shrink:0;width:10px;height:10px}.mobile-step.done{color:var(--accent-green)}.mobile-insights-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0;display:grid}.mobile-insight-box{background:var(--bg-primary);border:1px solid var(--border-color-light);text-align:center;border-radius:6px;padding:6px}.mobile-insight-box.alert{border-color:var(--accent-secondary-glow);background:var(--clr-secondary-light)}.mobile-insight-value{color:var(--text-primary);font-size:.55rem;font-weight:800;display:block}.mobile-insight-box.alert .mobile-insight-value{color:var(--accent-secondary)}.mobile-insight-label{color:var(--text-muted);margin-top:1px;font-size:.35rem;display:block}.mobile-alert{background:var(--clr-secondary-light);border:1px solid var(--accent-secondary-glow);color:var(--text-primary);border-radius:6px;margin-top:4px;padding:6px 8px;font-size:.42rem;line-height:1.4}.mobile-alert strong{color:var(--accent-secondary)}.mini-chart-card{background:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:6px;margin:4px 0;padding:6px}.mobile-bubble.received .bubble-content .mini-chart-card{background:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:6px;padding:6px}.mini-chart-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mini-chart-title{color:var(--text-primary);font-size:.48rem;font-weight:700}.mini-chart-legend{gap:8px;display:flex}.mini-legend-item{color:var(--text-muted);align-items:center;gap:3px;font-size:.38rem;display:flex}.mini-legend-dot{border-radius:2px;width:6px;height:6px}.mini-legend-dot.current{background:linear-gradient(135deg,var(--clr-slate-800)0%,var(--clr-slate-700)100%)}.mini-legend-dot.previous{background:var(--clr-slate-200)}.mini-chart-area{height:70px}.mini-bars-container{grid-template-columns:repeat(6,1fr);align-items:flex-end;height:100%;display:grid}.mini-bar-group{flex-direction:column;align-items:center;gap:3px;display:flex}.mini-bar-pair{align-items:flex-end;gap:2px;height:58px;display:flex}.mini-bar{border-radius:3px 3px 0 0;width:10px;min-height:4px;animation:none!important}.mini-bar.previous{background:#e5e7eb!important}.mini-bar.current{box-shadow:0 2px 6px #3333334d;background:linear-gradient(#444 0%,#333 100%)!important}.mini-bar-group.highlight .mini-bar.current{box-shadow:0 0 8px #33333380}.mini-bar-group .mini-bar-label{color:var(--text-muted);font-size:.4rem;font-weight:600;position:static;transform:none}.mini-bar-group.highlight .mini-bar-label{color:#333}.device-stack-showcase{flex-direction:column;align-items:center;gap:30px;padding:20px;display:flex;position:relative}.laptop-ui{background:var(--bg-primary);height:100%;display:flex}.laptop-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;align-items:center;gap:16px;width:48px;padding:10px 0;display:flex}.sidebar-logo{margin-bottom:8px}.sidebar-logo .logo-icon{background:linear-gradient(135deg,var(--accent-primary)0%,#222 100%);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-nav .nav-item{width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-nav .nav-item:hover{color:var(--text-primary);background:#ffffff0d}.sidebar-nav .nav-item.active{color:var(--accent-primary);background:#33333326}.sidebar-nav .nav-item svg{width:16px;height:16px}.laptop-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.laptop-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.header-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex}.header-icon{font-size:.85rem}.header-badge{color:var(--accent-primary);background:#3333331a;border:1px solid #3333;border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:.6rem;font-weight:600;display:flex}.badge-dot{background:var(--accent-primary);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse}.laptop-chat{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.chat-msg{gap:8px;max-width:90%;display:flex}.chat-msg.user-msg{flex-direction:row-reverse;align-self:flex-end}.chat-msg.user-msg .msg-content{background:linear-gradient(135deg,var(--accent-primary)0%,#222 100%);color:#fff;border-radius:12px 12px 4px;padding:8px 12px;font-size:.7rem}.chat-msg.ai-msg{align-self:flex-start}.ai-avatar-sm{background:var(--accent-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ai-avatar-sm svg{color:#fff;width:12px;height:12px}.chat-msg.ai-msg .msg-content{flex-direction:column;gap:8px;display:flex}.agent-card{background:#33333314;border:1px solid #33333326;border-radius:10px;padding:10px}.agent-header{align-items:center;gap:6px;margin-bottom:8px;display:flex}.agent-icon{font-size:.75rem}.agent-title{color:var(--text-primary);flex:1;font-size:.65rem;font-weight:600}.agent-status-badge{color:#10b981;background:#2c2c2c26;border-radius:8px;padding:2px 6px;font-size:.55rem;font-weight:600}.agent-steps{flex-direction:column;gap:4px;display:flex}.agent-step{color:var(--text-muted);align-items:center;gap:6px;font-size:.6rem;display:flex}.agent-step.done{color:#10b981}.agent-step.done span{font-size:.65rem}.agent-step.active{color:var(--accent-primary)}.step-pulse{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:10px}.chart-header-sm{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:.6rem;font-weight:600}.chart-visual{align-items:flex-end;gap:6px;height:50px;margin-bottom:6px;display:flex}.chart-bar{background:var(--border-color);height:var(--h);border-radius:4px 4px 0 0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;transition:all .3s;display:flex}.chart-bar span{color:var(--text-muted);padding:2px 0;font-size:.5rem}.chart-bar.highlight{background:linear-gradient(180deg,var(--accent-primary-light)0%,var(--accent-primary)100%)}.chart-bar.highlight span{color:#fff}.chart-insight{color:#10b981;align-items:center;gap:4px;font-size:.6rem;font-weight:700;display:flex}.insight-arrow{font-size:.7rem}.laptop-input{background:var(--bg-secondary);border-top:1px solid var(--border-color);align-items:center;gap:8px;padding:10px 12px;display:flex}.input-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;flex:1;align-items:center;height:32px;padding:0 12px;display:flex}.input-placeholder{color:var(--text-muted);font-size:.68rem}.input-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.input-btn svg{width:14px;height:14px}.mobile-ui{background:var(--bg-primary);flex-direction:column;height:100%;padding-top:44px;display:flex}.mobile-status-bar{z-index:10;justify-content:space-between;align-items:center;height:32px;padding:0 20px;display:flex;position:absolute;top:12px;left:0;right:0}.mobile-time{color:var(--text-primary);font-size:.8rem;font-weight:700}.mobile-icons{align-items:center;gap:4px;display:flex}.signal-bars{align-items:flex-end;gap:1px;height:12px;display:flex}.signal-bars span{background:var(--text-primary);border-radius:1px;width:3px}.signal-bars span:first-child{height:4px}.signal-bars span:nth-child(2){height:6px}.signal-bars span:nth-child(3){height:8px}.signal-bars span:nth-child(4){height:11px}.mobile-wifi{width:14px;height:14px;color:var(--text-primary)}.mobile-wifi svg{width:100%;height:100%}.mobile-battery{border:1.5px solid var(--text-primary);border-radius:3px;width:22px;height:10px;padding:1px;position:relative}.mobile-battery:after{content:"";background:var(--text-primary);border-radius:0 2px 2px 0;width:2px;height:5px;position:absolute;top:50%;right:-4px;transform:translateY(-50%)}.battery-fill{background:#10b981;border-radius:1px;width:80%;height:100%}.mobile-app{flex-direction:column;flex:1;display:flex;overflow:hidden}.mobile-app-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:8px 12px;display:flex}.back-arrow{width:20px;height:20px;color:var(--accent-primary)}.app-info{flex:1;align-items:center;gap:10px;display:flex}.app-avatar{background:linear-gradient(135deg,var(--accent-primary)0%,#222 100%);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:800;display:flex}.app-details{flex-direction:column;gap:1px;display:flex}.app-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.app-status{color:#10b981;align-items:center;gap:4px;font-size:.6rem;display:flex}.status-dot{background:#10b981;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse}.more-icon{width:18px;height:18px;color:var(--text-muted)}.mobile-chat{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.mobile-msg{flex-direction:column;gap:3px;max-width:85%;display:flex}.mobile-msg.sent{align-self:flex-end;align-items:flex-end}.mobile-msg.received{align-self:flex-start;align-items:flex-start}.msg-bubble{border-radius:16px;padding:10px 12px;font-size:.75rem;line-height:1.4}.mobile-msg.sent .msg-bubble{background:linear-gradient(135deg,var(--accent-primary)0%,#222 100%);color:#fff;border-bottom-right-radius:4px}.mobile-msg.received .msg-bubble{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.msg-time{color:var(--text-muted);padding:0 4px;font-size:.55rem}.mobile-agent-card{flex-direction:column;gap:8px;display:flex}.mobile-agent-head{color:var(--accent-primary);align-items:center;gap:6px;font-size:.7rem;font-weight:600;display:flex}.mobile-tools{gap:6px;display:flex}.mobile-tool{color:var(--accent-primary);background:#3333331a;border:1px solid #3333;border-radius:8px;padding:3px 8px;font-size:.55rem;font-weight:600}.mobile-progress{margin-top:4px}.progress-track{background:var(--border-color);border-radius:2px;height:3px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--accent-primary)0%,var(--accent-secondary)100%);border-radius:2px;width:75%;height:100%;animation:1.5s ease-in-out infinite progressPulse}.mobile-typing-dots{align-self:flex-start;gap:4px;padding:6px 0;display:flex}.mobile-typing-dots span{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.mobile-typing-dots span:nth-child(2){animation-delay:.2s}.mobile-typing-dots span:nth-child(3){animation-delay:.4s}.mobile-input-area{background:var(--bg-secondary);border-top:1px solid var(--border-color);align-items:center;gap:8px;padding:10px 12px;display:flex}.mobile-input-box{background:var(--bg-primary);border:1px solid var(--border-color);height:34px;color:var(--text-muted);border-radius:18px;flex:1;align-items:center;padding:0 14px;font-size:.75rem;display:flex}.mobile-send-btn{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mobile-send-btn svg{width:14px;height:14px}.mobile-home-bar{background:var(--text-muted);opacity:.4;border-radius:2px;width:100px;height:4px;margin:8px auto}.mac-app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:10px 14px;display:flex}.mac-traffic-lights{gap:6px;display:flex}.mac-dot{border-radius:50%;width:10px;height:10px}.mac-dot.red{background:#ff5f57}.mac-dot.yellow{background:#ffbd2e}.mac-dot.green{background:#28c840}.mac-app-title{flex:1;align-items:center;gap:8px;display:flex}.mac-app-icon{width:18px;height:18px;color:var(--accent-primary)}.mac-app-title span{color:var(--text-primary);font-size:.75rem;font-weight:600}.mac-model-badge{color:var(--accent-primary);background:#3333331a;border:1px solid #3333;border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:.65rem;font-weight:600;display:flex}.model-dot{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.mac-chat-content{flex-direction:column;gap:12px;height:calc(100% - 52px);padding:14px;display:flex;overflow-y:auto}.mac-message{gap:10px;animation:.4s forwards fadeInUp;display:flex}.mac-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.mac-avatar.user{color:#fff;background:linear-gradient(135deg,#333 0%,#222 100%)}.mac-avatar.ai{background:var(--accent-primary);color:#fff}.mac-avatar.ai svg{width:14px;height:14px}.mac-bubble{border-radius:12px;flex:1;padding:10px 14px;font-size:.72rem;line-height:1.5}.mac-message.user .mac-bubble{color:var(--text-primary);background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border:1px solid #667eea33}.mac-message.ai .mac-bubble{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.mac-agent-status{margin-bottom:10px}.agent-steps-mini{flex-direction:column;gap:4px;display:flex}.step-done{color:#10b981;align-items:center;gap:4px;font-size:.65rem;display:flex}.step-active{color:var(--accent-primary);align-items:center;gap:6px;font-size:.65rem;display:flex}.pulse-dot{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}.mac-chart-mini{background:#3333330d;border:1px solid #3333331a;border-radius:8px;margin-top:8px;padding:10px}.chart-bars-mini{align-items:flex-end;gap:8px;height:50px;margin-bottom:6px;display:flex}.bar-mini{background:var(--border-color);height:var(--h);border-radius:4px;flex:1;transition:height .5s}.bar-mini.accent{background:linear-gradient(180deg,var(--accent-primary-light)0%,var(--accent-primary)100%)}.chart-label-mini{color:#10b981;font-size:.6rem;font-weight:700}.macbook-bottom{background:linear-gradient(#c4c4c4 0%,#a8a8a8 50%,#8e8e8e 100%);border-radius:0 0 8px 8px;width:520px;height:14px;margin:0 auto;position:relative}.macbook-keyboard-area{background:linear-gradient(#2d2d2d 0%,#1a1a1a 100%);border-radius:0 0 4px 4px;width:480px;height:6px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.macbook-notch-bottom{background:#666;border-radius:4px 4px 0 0;width:120px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.iphone-modern{filter:drop-shadow(0 20px 40px #0000004d);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;transform:perspective(800px)rotateY(-8deg)}.iphone-modern:hover{filter:drop-shadow(0 30px 50px #00000059);transform:perspective(800px)rotateY(0)translateY(-8px)}.iphone-frame-modern{background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 100%);border:3px solid #3a3a3a;border-radius:40px;width:220px;height:440px;padding:10px;position:relative}.iphone-frame-modern:before{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff1a 0%,#0000 50%);border-radius:36px;position:absolute;inset:3px}.iphone-dynamic-island-modern{z-index:20;background:#000;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:90px;height:28px;transition:all .3s;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.iphone-modern:hover .iphone-dynamic-island-modern{background:linear-gradient(90deg,#000 0%,#1a1a1a 100%);width:110px}.island-camera{background:radial-gradient(circle,#1a3a4a 0%,#0d1f29 100%);border:1px solid #2a4a5a;border-radius:50%;width:10px;height:10px}.island-speaker{background:#1a1a1a;border-radius:2px;width:30px;height:4px}.iphone-screen-modern{background:var(--bg-primary);border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}.iphone-status-bar{justify-content:space-between;align-items:center;padding:50px 20px 8px;display:flex}.status-time{color:var(--text-primary);font-size:.8rem;font-weight:700}.status-icons{align-items:center;gap:4px;display:flex}.signal-icon,.wifi-icon{width:16px;height:16px;color:var(--text-primary)}.battery-modern{border:1.5px solid var(--text-primary);border-radius:3px;width:22px;height:10px;margin-left:2px;position:relative}.battery-modern:after{content:"";background:var(--text-primary);border-radius:0 2px 2px 0;width:2px;height:5px;position:absolute;top:50%;right:-4px;transform:translateY(-50%)}.battery-level{background:#10b981;border-radius:1px;width:70%;position:absolute;top:2px;bottom:2px;left:2px}.iphone-app-modern{flex-direction:column;height:calc(100% - 60px);display:flex}.app-header-modern{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:8px 12px;display:flex}.app-back-btn{width:28px;height:28px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.app-back-btn svg{width:18px;height:18px}.app-title-modern{flex:1;align-items:center;gap:8px;display:flex}.app-icon-modern{background:linear-gradient(135deg,var(--accent-primary)0%,#222 100%);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;display:flex}.app-name-status{flex-direction:column;gap:1px;display:flex}.app-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.app-online{color:#10b981;align-items:center;gap:4px;font-size:.6rem;display:flex}.online-dot{background:#10b981;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse}.app-more-btn{width:28px;height:28px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.app-more-btn svg{width:18px;height:18px}.chat-area-modern{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.chat-bubble-modern{border-radius:16px;max-width:85%;padding:10px 12px;position:relative}.chat-bubble-modern.user{background:linear-gradient(135deg,var(--accent-primary)0%,#222 100%);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble-modern.user p{font-size:.75rem;line-height:1.4}.chat-bubble-modern.ai{background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom-left-radius:4px;align-self:flex-start}.bubble-time{color:#fff9;text-align:right;margin-top:4px;font-size:.55rem;display:block}.chat-bubble-modern.ai .bubble-time{color:var(--text-muted)}.ai-thinking{flex-direction:column;gap:8px;display:flex}.thinking-header{color:var(--accent-primary);align-items:center;gap:6px;font-size:.7rem;font-weight:600;display:flex}.thinking-icon{font-size:.8rem}.tool-badges{flex-wrap:wrap;gap:6px;display:flex}.tool-badge{color:var(--accent-primary);background:#3333331a;border:1px solid #3333;border-radius:6px;padding:3px 6px;font-size:.55rem;font-weight:600}.progress-bar-modern{background:var(--border-color);border-radius:2px;height:3px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent-primary)0%,var(--accent-secondary)100%);border-radius:2px;width:70%;height:100%;animation:1.5s ease-in-out infinite progressPulse}.typing-indicator-modern{align-self:flex-start;gap:4px;padding:8px 0;display:flex}.typing-indicator-modern span{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.typing-indicator-modern span:nth-child(2){animation-delay:.2s}.typing-indicator-modern span:nth-child(3){animation-delay:.4s}.input-area-modern{background:var(--bg-secondary);border-top:1px solid var(--border-color);align-items:center;gap:8px;padding:10px 12px;display:flex}.input-accessories{width:28px;height:28px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.input-accessories svg{width:20px;height:20px}.input-field-modern{background:var(--bg-primary);border:1px solid var(--border-color);height:32px;color:var(--text-muted);border-radius:18px;flex:1;align-items:center;padding:0 14px;font-size:.75rem;display:flex}.input-send-modern{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.input-send-modern svg{width:14px;height:14px}.iphone-home-indicator{background:var(--text-muted);opacity:.5;border-radius:2px;width:100px;height:4px;margin:8px auto}.floating-badges{pointer-events:none;position:absolute;inset:0}.floating-badge{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:.7rem;font-weight:600;animation:3s ease-in-out infinite floatBadge;display:flex;position:absolute;box-shadow:0 8px 20px #00000026}.floating-badge.top-right{animation-delay:0s;top:40px;right:-20px}.floating-badge.bottom-left{animation-delay:1.5s;bottom:80px;left:-30px}.badge-icon{font-size:.9rem}.device-showcase{justify-content:center;align-items:center;padding:40px 0;display:flex;position:relative}.iphone-device{z-index:5;filter:drop-shadow(0 30px 60px #0000004d);transition:all .5s var(--transition-easing);position:absolute;bottom:-60px;right:-40px;transform:rotate(-5deg)scale(.9)}.iphone-device:hover{z-index:10;transform:rotate(0)scale(1)translateY(-10px)}.iphone-frame{background:#1a1a1a;border:4px solid #333;border-radius:45px;width:280px;height:560px;padding:12px;position:relative}.iphone-inner{background:var(--bg-primary);border:1px solid #ffffff1a;border-radius:35px;width:100%;height:100%;position:relative;overflow:hidden}.iphone-top{z-index:10;justify-content:center;align-items:center;height:35px;display:flex;position:relative}.iphone-dynamic-island{background:#000;border-radius:20px;width:80px;height:22px;margin-top:5px;transition:width .3s}.iphone-device:hover .iphone-dynamic-island{width:100px}.iphone-screen{flex-direction:column;height:calc(100% - 35px);display:flex}.iphone-screen-header{justify-content:space-between;align-items:center;height:20px;margin-bottom:5px;padding:0 20px;display:flex}.iphone-clock{color:var(--text-primary);font-size:.75rem;font-weight:700}.iphone-status-icons{align-items:center;gap:4px;display:flex}.status-svg{width:14px;height:14px;color:var(--text-primary)}.battery-icon{border:1px solid var(--text-primary);border-radius:2px;width:18px;height:9px;position:relative}.battery-icon:after{content:"";background:var(--accent-primary);border-radius:1px;width:70%;position:absolute;top:1px;bottom:1px;left:2px}.iphone-app-content{flex-direction:column;flex:1;display:flex}.iphone-app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:12px 15px;display:flex}.app-logo-mini{background:var(--accent-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.app-info-mini{flex-direction:column;display:flex}.app-name-mini{color:var(--text-primary);font-size:.8rem;font-weight:700}.app-status-mini{color:var(--accent-primary);font-size:.6rem;font-weight:600}.iphone-chat-window{flex-direction:column;flex:1;gap:12px;padding:15px;display:flex;overflow-y:auto}.mobile-message{border-radius:18px;max-width:85%;padding:10px 14px;font-size:.75rem;line-height:1.4}.mobile-message.user{background:var(--accent-primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.mobile-message.ai{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px;align-self:flex-start}.mini-chart{background:#ffffff0d;border-radius:12px;margin-top:10px;padding:12px}.mini-bar-group{align-items:flex-end;gap:15px;height:60px;margin-bottom:8px;display:flex}.mini-bar{border-radius:6px;flex:1;animation:1.5s forwards growBar}.mini-bar.orange{background:var(--accent-secondary)}.mini-bar.teal{background:var(--accent-primary)}.mini-label{color:var(--accent-primary);letter-spacing:.05em;font-size:.6rem;font-weight:800}.mobile-agent-status{color:var(--accent-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:.65rem;display:flex}.agent-pulse{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite agentPulse}.mini-tool-calls{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.mini-tool{color:var(--accent-primary);background:#33333326;border:1px solid #3333334d;border-radius:6px;padding:4px 8px;font-size:.55rem;font-weight:600}.mobile-typing{gap:4px;padding:5px 0;display:flex}.mobile-typing .dot{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;animation:1.4s infinite typingBounce}.iphone-input-area{background:var(--bg-secondary);align-items:center;gap:10px;padding:15px;display:flex}.iphone-input-pill{background:var(--bg-primary);border:1px solid var(--border-color);height:36px;color:var(--text-muted);border-radius:20px;flex:1;align-items:center;padding:0 15px;font-size:.75rem;display:flex}.iphone-send-circle{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.iphone-send-circle svg{width:18px;height:18px}.iphone-button-silent{background:#333;border-radius:2px 0 0 2px;width:3px;height:30px;position:absolute;top:100px;left:-4px}.iphone-button-vol-up{background:#333;border-radius:2px 0 0 2px;width:3px;height:50px;position:absolute;top:150px;left:-4px}.iphone-button-vol-down{background:#333;border-radius:2px 0 0 2px;width:3px;height:50px;position:absolute;top:210px;left:-4px}.iphone-button-side{background:#333;border-radius:0 2px 2px 0;width:3px;height:80px;position:absolute;top:170px;right:-4px}@media (max-width:1100px){.iphone-device{display:none}}.chart-metrics{border-top:1px solid var(--border-color);justify-content:space-around;margin-top:10px;padding-top:15px;display:flex}.metric{flex-direction:column;align-items:center;gap:4px;display:flex}.metric-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:600}.metric-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1rem;font-weight:800}.metric-value.success{color:#10b981}.demo-window.enhanced{border:2px solid var(--accent-primary-border);box-shadow:0 25px 60px #00000026,0 0 0 1px var(--accent-primary-border)}.demo-window.enhanced .demo-header{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary))}.case-studies-intro{text-align:center;max-width:700px;margin:0 auto 50px}.case-studies-subheading{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.bar-group{align-items:flex-end;gap:4px;display:flex;position:relative}.bar{width:22px;animation:1s forwards growBar;animation-delay:calc(var(--bar-index,0)*.1s);border-radius:4px 4px 0 0}.bar-label{color:var(--text-muted);font-size:.65rem;font-weight:600;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.insight-card{border:1px solid var(--accent-primary-border);background:linear-gradient(135deg,#33333314,#33333305);border-radius:10px;align-items:flex-start;gap:12px;margin-top:15px;padding:14px;display:flex}.insight-icon{font-size:1.2rem}.insight-text{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.insight-text strong{color:var(--accent-primary)}.typing-indicator{gap:5px;padding:8px 0;display:flex}.typing-indicator span{background:var(--accent-primary);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}.demo-input{background:var(--bg-secondary);border-top:1px solid var(--border-color);gap:12px;padding:15px 20px;display:flex}.demo-input input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;flex:1;padding:12px 18px;font-size:.85rem}.demo-input input::placeholder{color:var(--text-muted)}.send-btn{background:var(--accent-primary);cursor:pointer;width:44px;height:44px;transition:all var(--transition-medium);border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.send-btn svg{width:20px;height:20px;color:var(--color-white)}.send-btn:hover{box-shadow:0 5px 20px var(--accent-primary-glow);transform:scale(1.05)}.stat-2{animation-delay:1s;bottom:100px;right:-40px}.stat-3{animation-delay:2s;bottom:30px;left:-35px}.stat-value{font-family:var(--font-display);color:var(--accent-primary);font-size:1.4rem;font-weight:800}.stat-label{color:var(--text-muted);letter-spacing:.05em;font-size:.65rem;font-weight:600}.portfolio-divider{justify-content:center;align-items:center;gap:20px;margin:100px 0 50px;display:flex}.divider-line{background:linear-gradient(90deg,#0000,#55555573,#0000);flex:1;height:1px}.divider-text{font-family:var(--font-display);letter-spacing:.35em;color:#555;text-shadow:0 0 15px #5555554d;font-size:.85rem;font-weight:800}.contact-section{background:var(--bg-secondary)}.contact-grid{grid-template-columns:1fr 1.5fr;gap:50px;display:grid}.contact-info{flex-direction:column;gap:25px;display:flex}.info-item{gap:15px;display:flex}.info-icon{font-size:1.5rem}.info-content h4{font-family:var(--font-display);letter-spacing:.1em;color:var(--accent-primary);margin-bottom:5px;font-size:.85rem}.info-content p,.info-content a{color:var(--text-secondary);font-size:.95rem}.social-btn{background:var(--accent-secondary-light);border:1px solid var(--border-glow);color:var(--text-primary);transition:all var(--transition-medium);border-radius:8px;align-items:center;gap:8px;margin-top:5px;padding:10px 20px;font-size:.9rem;display:inline-flex}.social-btn:hover{background:var(--accent-primary-light);transform:translate(5px)}.contact-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px}.form-group{margin-bottom:25px}.form-group label{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-secondary);margin-bottom:10px;font-size:.75rem;display:block}.form-group input,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-medium);border-radius:8px;padding:14px 18px;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:120px}.faq-section{padding:var(--space-12)var(--space-8);background:var(--bg-secondary)}.faq-container{max-width:900px;margin:0 auto}.faq-header{text-align:center;margin-bottom:var(--space-10);flex-direction:column;align-items:center;display:flex}.faq-header .section-subtitle{text-align:center;max-width:500px}.faq-list{gap:var(--space-4);flex-direction:column;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-medium);overflow:hidden}.faq-item:hover{border-color:var(--accent-primary-border)}.faq-item.active{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.faq-question{width:100%;padding:var(--space-6);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:var(--space-4);background:0 0;border:none;display:flex}.faq-question-text{font-family:var(--font-display);color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.4}.faq-icon{width:24px;height:24px;color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-icon svg{width:20px;height:20px}.faq-item.active .faq-icon{color:var(--accent-secondary)}.faq-answer{overflow:hidden}.faq-answer p{padding:0 var(--space-6)var(--space-6);color:var(--text-secondary);font-size:1rem;line-height:1.7}@media (max-width:768px){.faq-section{padding:var(--space-10)var(--space-5)}.faq-question{padding:var(--space-5)}.faq-question-text{font-size:.95rem}.faq-answer p{padding:0 var(--space-5)var(--space-5);font-size:.95rem}}.footer{background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);z-index:10;border-top:1px solid var(--border-color);padding:120px 100px 60px;position:relative}.footer:before{display:none}.footer-container{max-width:1800px;margin:0 auto}.footer-top{justify-content:space-between;gap:80px;margin-bottom:80px;display:flex}.footer-columns{gap:120px;display:flex}.footer-col-title{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-primary);text-transform:uppercase;margin-bottom:35px;font-size:.8rem;font-weight:700}.footer-links{flex-direction:column;gap:18px;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:.95rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-medium);text-decoration:none}.footer-links a:hover{color:var(--accent-primary);transform:translate(5px)}.footer-link-item{align-items:center;gap:12px;display:flex}.footer-link-icon{width:18px;height:18px;color:var(--accent-primary);flex-shrink:0}.footer-address{opacity:.8;color:var(--text-secondary);font-size:.9rem;line-height:1.5;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.footer-newsletter{flex:1;max-width:650px}.newsletter-header{align-items:center;gap:15px;margin-bottom:25px;display:flex}.newsletter-line{background:var(--accent-primary);width:40px;height:1px}.newsletter-title{font-family:var(--font-display);letter-spacing:.15em;color:var(--accent-secondary);text-transform:uppercase;font-size:.75rem;font-weight:700}.newsletter-headline{font-family:var(--font-display);letter-spacing:.05em;max-width:550px;color:var(--accent-primary);margin-bottom:45px;font-size:2rem;font-weight:700;line-height:1.2}.form-message{margin-top:var(--space-4)}.form-message-success{color:var(--accent-primary)}.form-message-error{color:var(--accent-secondary);margin-top:var(--space-3);font-size:.9rem}.form-subtitle{margin-top:var(--space-4);margin-bottom:var(--space-7)}.newsletter-form{gap:var(--space-6);flex-direction:column;display:flex}.form-row{gap:var(--space-6);display:flex}.input-group{flex:1;position:relative}.input-group.full-width{width:100%}.newsletter-form input{width:100%;padding:var(--space-5)var(--space-7);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-medium);font-size:1rem}.newsletter-form input::placeholder{color:var(--accent-secondary);opacity:.6}.newsletter-form input:focus{border-color:var(--accent-primary);box-shadow:0 4px 15px var(--accent-primary-glow);background:#3333330d;outline:none}.newsletter-form input:focus::placeholder{color:var(--text-muted)}.newsletter-cta-row{gap:var(--space-4);align-items:stretch;width:100%;display:flex}.newsletter-cta-row input{flex:1}.newsletter-cta-row .btn{white-space:nowrap;min-width:220px}@media (max-width:600px){.newsletter-cta-row{flex-direction:column}.newsletter-cta-row .btn{width:100%}}.footer-bottom{border-top:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;padding-top:50px;display:flex}.footer-branding{flex-direction:column;gap:25px;display:flex}.footer-logo{align-items:center;gap:15px;text-decoration:none;display:flex}.footer-logo-icon{object-fit:contain;filter:none;width:32px;height:32px;transition:transform var(--transition-medium)}.footer-logo:hover .footer-logo-icon{transform:rotate(180deg)}.footer-logo-text{font-family:var(--font-display);letter-spacing:.2em;color:var(--accent-primary);font-size:1.6rem;font-weight:700}.copyright{color:var(--text-muted);letter-spacing:.05em;font-size:.8rem;font-family:var(--font-mono);text-transform:uppercase}.footer-actions{align-items:center;gap:40px;display:flex}.fingerprint-btn{background:var(--accent-primary);width:64px;height:64px;color:var(--text-on-accent);box-shadow:0 15px 35px var(--accent-primary-glow);transition:all var(--transition-medium);border-radius:50%;justify-content:center;align-items:center;display:flex}.fingerprint-btn:hover{box-shadow:0 20px 45px var(--accent-primary-glow);transform:translateY(-8px)scale(1.05)}.fingerprint-btn svg{width:32px;height:32px}.btn{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;transition:all var(--transition-medium)var(--transition-easing);-webkit-user-select:none;user-select:none;cursor:pointer;z-index:1;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:.95rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:400px;height:400px}.btn:active{transform:scale(.96)}.btn svg{width:20px;height:20px;transition:transform var(--transition-medium)}.btn:hover svg{transform:translate(4px)}.btn-primary{background:var(--clr-primary);color:#fff;border:none;box-shadow:0 4px 14px #045c9d40}.btn-primary:hover{background:var(--accent-secondary-hover);color:#fff;box-shadow:0 8px 30px var(--accent-secondary-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:2px solid var(--border-color);background:0 0}.btn-secondary:hover{border-color:var(--accent-secondary);color:var(--accent-secondary);background:var(--accent-secondary-light);transform:translateY(-2px)}.btn-secondary:before{background:var(--accent-secondary-glow)}.btn-full{justify-content:center;width:100%}.back-to-top{background:var(--accent-secondary);opacity:1;visibility:hidden;width:50px;height:50px;transition:all var(--transition-medium);z-index:99;box-shadow:var(--shadow-glow);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-5px)}.back-to-top svg{width:24px;height:24px;stroke:var(--text-on-accent)}.companies-section-modern{background:0 0;padding:80px 0;position:relative;overflow:hidden}.companies-content{z-index:1;position:relative}.companies-header-modern{text-align:center;margin-bottom:50px;padding:0 20px}.companies-eyebrow{justify-content:center;align-items:center;gap:15px;margin-bottom:20px;display:flex}.eyebrow-line{background:linear-gradient(90deg,#0000,#55555573,#0000);width:60px;height:1px}.eyebrow-text{font-family:var(--font-display);letter-spacing:.35em;color:#555;text-transform:uppercase;text-shadow:0 0 15px #5555554d;font-size:.85rem;font-weight:800}.companies-headline{font-family:var(--font-display);color:var(--text-primary);font-size:2.5rem;font-weight:800;line-height:1.2}.marquee-container{width:100%;padding:30px 0;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:150px;position:absolute;top:0;bottom:0}.marquee-container:before{background:linear-gradient(90deg,var(--bg-primary),transparent);left:0}.marquee-container:after{background:linear-gradient(-90deg,var(--bg-primary),transparent);right:0}.marquee-track{gap:30px;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.marquee-track.marquee-reverse{animation:30s linear infinite marquee-reverse}.marquee-item{flex-shrink:0}.certifications-header{text-align:center;margin-top:80px;margin-bottom:40px;padding:0 20px}.logo-card-modern{border:1px solid var(--border-color);min-width:180px;height:80px;transition:all var(--transition-medium);cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;padding:20px 35px;display:flex;box-shadow:0 4px 15px #0000000f}.logo-card-modern:hover{border-color:var(--accent-primary-border);transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.logo-card-modern img{opacity:.85;transition:all var(--transition-medium)}.logo-card-modern:hover img{opacity:1}@media (max-width:992px){.companies-headline{font-size:2rem}}@media (max-width:768px){.companies-section-modern{padding:60px 0}.companies-headline{font-size:1.6rem}.logo-card-modern{min-width:150px;height:70px;padding:15px 25px}}@media (max-width:480px){.companies-headline{font-size:1.4rem}.marquee-track{gap:20px}.logo-card-modern{min-width:130px;height:60px;padding:12px 20px}}.cert-section{background:0 0;margin:0;padding:0 40px;position:relative;overflow:hidden}.cert-container{z-index:2;max-width:1200px;margin:0 auto;position:relative}.cert-header{text-align:center;max-width:700px;margin:0 auto 40px}.inline-badge{color:#555;letter-spacing:.05em;background:#55555514;border:1px solid #5553;border-radius:50px;justify-content:center;align-items:center;gap:8px;margin-bottom:15px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.inline-badge .badge-dot{background:var(--accent-secondary)}.cert-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:2rem;font-weight:800;line-height:1.1}.cert-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6}.cert-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.cert-card-premium{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;cursor:default;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:220px;padding:25px 20px;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.cert-glow{background:radial-gradient(circle at var(--mouse-x,50%)var(--mouse-y,50%),#3333330d 0%,transparent 60%);opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.cert-card-premium:hover{border-color:var(--accent-primary-border);transform:translateY(-5px);box-shadow:0 10px 25px #33333314}.cert-card-premium:hover .cert-glow{opacity:1}.cert-logo-wrapper{z-index:2;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 15px;transition:transform .4s;display:flex;position:relative}.cert-card-premium:hover .cert-logo-wrapper{transform:scale(1.08)rotate(3deg)}.cert-logo-img{object-fit:contain;filter:drop-shadow(0 6px 10px #0000000d)}.cert-info{z-index:2;position:relative}.cert-issuer{color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;font-size:.65rem;font-weight:700;display:block}.cert-name{font-family:var(--font-display);color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.3}@media (max-width:992px){.cert-title{font-size:1.8rem}}@media (max-width:768px){.cert-section{padding:50px 20px}.cert-title{font-size:1.6rem}.cert-header{margin-bottom:30px}.cert-card-premium{width:180px;padding:20px 15px}.cert-logo-wrapper{width:60px;height:60px}.cert-name{font-size:.85rem}}.scroll-story-section{background:var(--bg-primary);min-height:200vh;padding:100px 60px;position:relative}.scroll-story-header{text-align:center;z-index:10;margin-bottom:80px;position:sticky;top:100px}.story-progress-container{background:var(--border-color);z-index:100;border-radius:2px;width:4px;height:200px;position:fixed;top:50%;left:40px;overflow:hidden;transform:translateY(-50%)}.story-progress-bar{background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));transform-origin:top;border-radius:2px;width:100%;height:100%}.scroll-story-panels{flex-direction:column;gap:150px;max-width:1200px;margin:0 auto;display:flex}.scroll-story-panel{justify-content:center;align-items:center;min-height:80vh;padding:60px;display:flex;position:relative}.story-content{grid-template-columns:1.5fr 1fr;align-items:center;gap:80px;width:100%;display:grid}.story-content.story-accent-secondary{grid-template-columns:1fr 1.5fr}.story-content.story-accent-secondary .story-text{order:2}.story-content.story-accent-secondary .story-stat{order:1}.story-label{font-family:var(--font-display);letter-spacing:.2em;color:var(--accent-primary);margin-bottom:20px;font-size:.85rem;font-weight:700;display:block}.story-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.story-title-accent{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.story-accent-secondary .story-title-accent{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.story-description{color:var(--text-secondary);max-width:500px;font-size:1.15rem;line-height:1.8}.story-stat{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:60px;position:relative;overflow:hidden}.story-stat:before{content:"";background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));height:4px;position:absolute;top:0;left:0;right:0}.story-accent-secondary .story-stat:before{background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary))}.stat-value{font-family:var(--font-display);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(4rem,10vw,6rem);font-weight:900;line-height:1;display:block}.story-accent-secondary .stat-value{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:1rem}.story-decoration{justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:40px;left:0;right:0}.decoration-line{background:var(--border-color);transform-origin:0;width:100px;height:2px}.decoration-dot{background:var(--accent-primary);border-radius:50%;width:8px;height:8px}@media (max-width:1024px){.story-content,.story-content.story-accent-secondary{text-align:center;grid-template-columns:1fr}.story-content.story-accent-secondary .story-text,.story-content.story-accent-secondary .story-stat{order:unset}.story-description{max-width:100%;margin:0 auto}.story-progress-container{display:none}}@media (max-width:768px){.scroll-story-section{padding:60px 20px}.scroll-story-panels{gap:80px}.scroll-story-panel{min-height:60vh;padding:40px 20px}.story-stat{padding:40px}}@media (max-width:1200px){.bento-large{grid-column:span 12;min-height:400px}.bento-medium,.bento-small{grid-column:span 6}}@media (max-width:768px){.performance-metrics-section{padding:40px 20px}.metrics-container{grid-template-columns:1fr;gap:20px}.testimonials-section{padding:60px 20px}.testimonials-container{gap:15px}.testimonial-card{padding:30px 24px}.testimonial-nav{width:40px;height:40px}.modern-hero-section{padding:100px 20px 80px}.hero-typography-section{padding:20px 0 40px}.hero-mega-title{font-size:clamp(2rem,12vw,4rem)}.tech-particle{width:3px;height:3px}.hero-statement{margin-bottom:32px;font-size:1rem}.hero-cta-group{flex-direction:column;align-items:stretch;margin-bottom:30px}.trust-badges-container{flex-direction:column;gap:16px}.trust-badges{gap:8px}.trust-badge{width:40px;height:40px}.scroll-indicator{bottom:20px}.scroll-text{font-size:.65rem}.bento-grid{grid-template-columns:1fr;gap:15px}.bento-large,.bento-medium,.bento-small{grid-column:span 1;min-height:280px}.bento-content{padding:24px}.bento-visual{height:80px!important}.bento-title{font-size:1.3rem}.bento-description{font-size:.9rem}.neural-grid{gap:12px;padding:12px}.neural-node{width:12px;height:12px}.orbit-ring:first-child{width:30px;height:30px}.orbit-ring:nth-child(2){width:50px;height:50px}.orbit-ring:nth-child(3){width:70px;height:70px}.orbit-ring:nth-child(4){width:90px;height:90px}.orbit-ring:nth-child(5){width:110px;height:110px}.central-hub{width:16px;height:16px}.server-unit{width:18px;height:24px}.data-bar{width:10px}.flow-node{width:10px;height:10px}.interactive-demo{height:500px}.demo-chat{padding:16px}.demo-message{max-width:90%}}.skeleton{background:linear-gradient(90deg,var(--bg-card)25%,var(--bg-card-hover)50%,var(--bg-card)75%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}.noise-overlay{pointer-events:none;opacity:.03;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.portfolio-horizontal-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 -60px;padding:20px 60px;overflow:auto hidden}.portfolio-horizontal-scroll::-webkit-scrollbar{display:none}.portfolio-scroll-track{gap:24px;width:max-content;display:flex}.portfolio-scroll-card{scroll-snap-align:start;flex-shrink:0;width:400px}.skip-link{top:-100%;left:var(--space-4);z-index:10001;padding:var(--space-3)var(--space-5);background:var(--accent-primary);color:var(--text-on-accent);font-family:var(--font-display);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute}.skip-link:focus{top:var(--space-4);outline:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:var(--radius-sm)}.btn:focus-visible,.cta-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;box-shadow:var(--shadow-glow-primary)}.bento-card:focus-visible,.service-card:focus-visible,.editorial-card:focus-visible,.portfolio-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;border-color:var(--accent-primary);box-shadow:var(--shadow-glow-primary)}.service-card:focus-within,.inquiry-option:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none}.nav-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (min-width:769px){:focus-visible{cursor:auto!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scroll-mouse,.badge-dot,.cta-pulse{animation:none!important}}.section-header-offset{border-left:4px solid var(--accent-secondary);margin-left:-20px;padding-left:20px}.stat-display-large{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(180deg,var(--text-primary)0%,var(--text-muted)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,10vw,8rem);font-weight:900;line-height:.9}.brutalist-quote{padding-left:40px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;line-height:1.2;position:relative}.brutalist-quote:before{content:"\"";color:var(--accent-secondary);opacity:.5;font-size:5rem;line-height:1;position:absolute;top:-10px;left:0}.asymmetric-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.asymmetric-grid>:nth-child(2n){transform:translateY(40px)}@media (max-width:768px){.asymmetric-grid>:nth-child(2n){transform:none}}.orbital-node{pointer-events:all;cursor:pointer;background:var(--bg-card);border:2px solid var(--border-color);width:120px;height:120px;transition:all var(--transition-medium)ease;z-index:5;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:-60px;margin-left:-60px;display:flex;position:absolute;top:50%;left:50%}.orbital-node:hover{border-color:var(--accent-primary);box-shadow:0 10px 40px var(--accent-primary-glow)}.orbital-node.active{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--accent-primary-light),var(--bg-card));box-shadow:0 10px 40px var(--accent-primary-glow);transform:scale(1.1)}.node-icon{width:48px;height:48px;color:var(--accent-primary);transition:transform var(--transition-medium)ease}.orbital-node.active .node-icon{animation:2s ease-in-out infinite iconPulse}.node-number{font-family:var(--font-display);color:var(--accent-primary);opacity:.6;font-size:.75rem;font-weight:700}.node-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.node-pulse{border:2px solid var(--accent-primary);pointer-events:none;border-radius:50%;position:absolute;inset:0}.orbital-connections{width:700px;height:700px;color:var(--border-color);pointer-events:none;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.connection-line{opacity:.3;transition:all var(--transition-medium)ease}.connection-line.active{opacity:1;stroke:var(--accent-primary)}.iteration-indicator{width:650px;height:650px;color:var(--accent-primary);opacity:.15;pointer-events:none;z-index:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1024px){.orbital-workflow-container{min-height:1000px}.orbital-ring,.iteration-indicator{transform:translate(-50%,-50%)scale(.7)}}@media (max-width:768px){.modern-workflow-section{padding:60px 20px}.orbital-workflow-container{flex-direction:column;gap:40px;min-height:auto}.orbital-center{z-index:10;padding:30px 24px;position:relative}.orbital-ring{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:400px;margin:40px auto 0;display:grid;position:relative;top:auto;left:auto;transform:none}.orbital-node{margin:0;position:relative;top:auto;left:auto;transform:none!important}.orbital-connections,.iteration-indicator{display:none}}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:40px auto;display:flex}.filter-btn{background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-fast)ease;cursor:pointer;border-radius:12px;padding:12px 24px;font-size:.9rem;font-weight:600}.filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-light)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent);box-shadow:0 4px 15px var(--accent-primary-glow)}.portfolio-card{transition:all var(--transition-medium)ease;position:relative;overflow:hidden}.portfolio-card:hover .card-overlay{opacity:.3}.portfolio-card .card-content{position:relative}.card-arrow{background:var(--accent-primary);color:#fff;opacity:0;width:32px;height:32px;transition:all var(--transition-medium)ease;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:20px;right:20px;transform:translate(-10px)}.portfolio-card:hover .card-arrow{opacity:1;transform:translate(0)}.card-arrow svg{width:16px;height:16px}@media (max-width:768px){.portfolio-filters{gap:8px;padding:0 20px}.filter-btn{padding:10px 18px;font-size:.85rem}}.how-we-work-scroll-section{background:var(--bg-primary);padding:0;position:relative}.hww-scroll-header{z-index:10;background:linear-gradient(to bottom,var(--bg-primary)80%,transparent);pointer-events:none;padding:60px 0 20px;position:sticky;top:0}.hww-progress-vertical{background:var(--border-color);z-index:20;border-radius:4px;width:2px;height:300px;position:sticky;top:50%;left:40px;overflow:hidden;transform:translateY(-50%)}.hww-progress-fill{background:var(--accent-primary);transform-origin:top;width:100%;height:100%}.hww-scroll-panels{max-width:1800px;margin:0 auto;padding:0 0 60px}.hww-scroll-panel{background:var(--bg-primary);justify-content:center;align-items:center;min-height:50vh;padding:20px 0;display:flex;position:relative}.hww-panel-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:30px;width:100%;display:grid}.hww-panel-reversed .hww-panel-grid{grid-template-columns:1.1fr 1fr}.hww-panel-reversed .hww-panel-visual{order:2}.hww-panel-reversed .hww-panel-content{order:1}.hww-panel-visual{justify-content:center;align-items:center;display:flex;position:relative}.hww-visual-box{background:0 0;border:none;border-radius:32px;justify-content:center;align-items:center;width:380px;height:380px;display:flex;position:relative}.hww-badge-phase-1{background:color-mix(in srgb,var(--accent-primary)10%,transparent);color:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary)20%,transparent)}.hww-badge-phase-2{background:color-mix(in srgb,var(--accent-purple)10%,transparent);color:var(--accent-purple);border-color:color-mix(in srgb,var(--accent-purple)20%,transparent)}.hww-badge-phase-3{background:color-mix(in srgb,var(--accent-secondary)10%,transparent);color:var(--accent-secondary);border-color:color-mix(in srgb,var(--accent-secondary)20%,transparent)}.hww-badge-phase-4{background:color-mix(in srgb,var(--accent-green)10%,transparent);color:var(--accent-green);border-color:color-mix(in srgb,var(--accent-green)20%,transparent)}.feature-dot-phase-1{background:var(--accent-primary);box-shadow:0 0 10px color-mix(in srgb,var(--accent-primary)50%,transparent)}.feature-dot-phase-2{background:var(--accent-purple);box-shadow:0 0 10px color-mix(in srgb,var(--accent-purple)50%,transparent)}.feature-dot-phase-3{background:var(--accent-secondary);box-shadow:0 0 10px color-mix(in srgb,var(--accent-secondary)50%,transparent)}.feature-dot-phase-4{background:var(--accent-green);box-shadow:0 0 10px color-mix(in srgb,var(--accent-green)50%,transparent)}.hww-panel-content{text-align:left;flex-direction:column;justify-content:center;display:flex}.hww-phase-badge{background:var(--accent-secondary-light);color:var(--accent-secondary);letter-spacing:.1em;border:1px solid #3333;border-radius:50px;width:fit-content;margin-bottom:12px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-block}.hww-panel-title{font-family:var(--font-display);color:var(--accent-primary);margin-bottom:16px;font-size:3rem;font-weight:800;line-height:1.1}.hww-panel-desc{font-family:var(--font-body);color:var(--text-secondary);max-width:550px;margin-bottom:40px;font-size:1.15rem;line-height:1.6}.hww-panel-features{grid-template-columns:1fr;display:grid}.hww-feature-item{align-items:center;gap:14px;display:flex}.hww-feature-item span{font-family:var(--font-body);color:var(--text-secondary);font-size:1.15rem;line-height:1.6}.feature-dot{background:var(--accent-primary);width:10px;height:10px;box-shadow:0 0 10px var(--accent-primary-glow);border-radius:3px}@media (max-width:1024px){.hww-panel-grid{text-align:left;grid-template-columns:1fr;gap:40px}.hww-panel-content{text-align:left;align-items:flex-start}.hww-visual-box{width:300px;height:300px}.hww-scroll-panel{min-height:60vh;padding:30px 0}.hww-panel-title{font-size:2.25rem}.hww-progress-vertical{display:none}}.how-we-work-section{background:var(--bg-primary);padding:120px 60px;position:relative;overflow:hidden}.hww-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1800px;margin:60px auto 0;display:grid}.hww-visual-wrapper{aspect-ratio:1;border:1px solid var(--border-color);perspective:1200px;background:#ffffff05;border-radius:40px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hww-glow-effect{background:var(--accent-primary-glow);filter:blur(80px);z-index:0;pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hww-main-visual{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.css-visual-container{justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.scan-rings{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.scan-ring{border:1px solid var(--accent-primary);opacity:0;border-radius:50%;animation:3s ease-out infinite scanExpand;position:absolute}.ring-1{width:80px;height:80px;animation-delay:0s}.hww-steps{flex-direction:column;gap:20px;display:flex}.hww-step-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-medium);border-radius:20px;gap:24px;padding:30px;display:flex;position:relative;overflow:hidden}.hww-step-card:hover{border-color:var(--accent-primary-border);transform:translate(10px)}.hww-step-card.active{background:var(--accent-primary-light);border-color:var(--accent-primary);box-shadow:0 10px 40px #3333331a}.hww-step-number{font-family:var(--font-display);color:var(--text-muted);opacity:.5;font-size:1.5rem;font-weight:800;line-height:1}.hww-step-card.active .hww-step-number{color:var(--accent-primary);opacity:1}.hww-step-title{font-family:var(--font-display);margin-bottom:12px;font-size:1.25rem;font-weight:700}.hww-step-desc{color:var(--text-secondary);max-width:500px;margin-bottom:20px;font-size:1rem}.hww-step-features{grid-template-columns:1fr;gap:12px;display:grid}.hww-feature-item{color:var(--text-primary);align-items:center;gap:10px;font-size:.9rem;display:flex}.feature-dot{background:var(--accent-primary);border-radius:2px;width:6px;height:6px}.hww-progress-timer{background:var(--accent-primary);transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0}@media (max-width:1024px){.hww-container{grid-template-columns:1fr}.hww-visual-column{order:-1}}@media (max-width:768px){.how-we-work-section{padding:80px 24px}}.trusted-tech-section{background:var(--bg-primary);padding:100px 0;position:relative;overflow:hidden}.tech-container{margin-top:60px}.tech-marquee-wrapper{margin-bottom:60px}.tech-marquee-label{text-align:center;color:var(--text-muted);letter-spacing:.2rem;text-transform:uppercase;opacity:.6;margin-bottom:16px;font-size:.75rem;font-weight:700}.marquee{white-space:nowrap;width:100%;position:relative;overflow:hidden}.marquee-content{align-items:center;gap:40px;padding:20px 0;display:flex}.tech-logo-card{width:180px;height:100px;transition:all var(--transition-medium);background:#fff;border:1px solid #00000014;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000a}.tech-logo-card:hover{border-color:var(--accent-primary);background:#fff;transform:translateY(-5px);box-shadow:0 8px 24px #0000000f}.tech-logo-card img{object-fit:contain;filter:none;opacity:1;max-width:85%;max-height:85%;transition:all .3s}.tech-logo-card:hover img{transform:scale(1.05)}.tech-glow{background:var(--accent-secondary-glow);filter:blur(100px);opacity:.3;z-index:0;width:400px;height:400px;position:absolute;bottom:-100px;right:-100px}.metrics-box-section{background:var(--bg-primary);padding:60px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:30px;max-width:1800px;margin:0 auto;display:grid}.metric-box-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:24px;padding:50px 30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.metric-box-card:hover{border-color:var(--clr-primary);transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.metric-box-glow{background:radial-gradient(circle,var(--accent-primary-glow)0%,transparent 70%);opacity:0;pointer-events:none;width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.metric-box-card:hover .metric-box-glow{opacity:.2}.metric-box-value{font-family:var(--font-display);color:var(--clr-primary);margin-bottom:10px;font-size:3.5rem;font-weight:800;line-height:1}.metric-box-label{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;font-weight:600}@media (max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.metrics-grid{grid-template-columns:1fr}}.testimonials-modern-section{background:var(--bg-primary);padding:100px 60px;position:relative}.testimonials-modern-container{max-width:1200px;margin:60px auto 0}.testimonial-large-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border-radius:40px;margin-bottom:40px;padding:80px;position:relative;overflow:hidden}.quote-icon-modern{width:60px;height:60px;color:var(--accent-primary);opacity:.3;margin-bottom:30px}.testimonial-text-premium{font-family:var(--font-display);color:var(--text-primary);margin-bottom:40px;font-size:2.25rem;font-weight:600;line-height:1.4}.testimonial-footer-premium{align-items:center;gap:20px;display:flex}.author-circle{background:var(--accent-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.25rem;font-weight:800;display:flex}.author-name-bold{color:var(--text-primary);font-size:1.25rem;font-weight:700}.author-meta{color:var(--text-secondary);font-size:.9rem}.testimonial-nav-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.testimonial-nav-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:left;border-radius:16px;align-items:center;gap:15px;padding:15px;transition:all .3s;display:flex}.testimonial-nav-card.active{border-color:var(--accent-primary);background:var(--accent-primary-light);transform:translateY(-5px)}.nav-author-avatar{background:var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8rem;font-weight:700;display:flex}.testimonial-nav-card.active .nav-author-avatar{background:var(--accent-primary);color:#fff}.nav-author-name{font-size:.9rem;font-weight:700}.nav-author-company{color:var(--text-secondary);font-size:.75rem}.testimonials-glow-bg{background:var(--accent-primary-glow);filter:blur(120px);opacity:.1;z-index:-1;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1024px){.testimonial-large-card{padding:40px}.testimonial-text-premium{font-size:1.5rem}.testimonial-nav-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.testimonial-nav-grid{grid-template-columns:1fr}}.ai-demo-section{background:var(--bg-primary);padding:100px 60px;position:relative;overflow:hidden}.ai-demo-container{grid-template-columns:320px 1fr;gap:30px;max-width:1800px;min-height:900px;margin:60px auto 0;display:grid}.ai-chat-area{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;gap:30px;padding:40px;display:flex}.chat-input-section{align-items:center;gap:20px;display:flex}.chat-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:16px;flex:1;align-items:center;min-height:70px;padding:20px 24px;font-size:.95rem;display:flex}.typing-indicator{color:var(--text-secondary);font-style:italic;animation:2s ease-in-out infinite pulse}.analyze-btn{background:var(--accent-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:16px;padding:20px 40px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.analyze-btn:hover{transform:scale(1.05);box-shadow:0 12px 30px #33333380}.agent-response{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;padding:40px}.orchestration-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.response-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.status-badge{color:#22c55e;text-transform:uppercase;letter-spacing:.05em;background:#22c55e1a;border:1px solid #22c55e;border-radius:20px;padding:8px 16px;font-size:.75rem;font-weight:700}.status-badge.complete{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.orchestration-steps{flex-direction:column;gap:15px;margin-bottom:40px;display:flex}.orch-step{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:15px;padding:16px 20px;display:flex}.step-check{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:800;display:flex}.step-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.analysis-content{margin-top:30px}.analysis-intro{color:var(--text-secondary);margin-bottom:30px;font-size:1rem;line-height:1.6}.chart-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:30px;padding:30px}.chart-title{color:var(--text-primary);margin-bottom:5px;font-size:1.1rem;font-weight:700}.chart-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:30px;font-size:.8rem}.line-chart{margin-bottom:30px}.chart-svg{width:100%;height:auto}.metrics-row{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.metric-card-small{background:var(--bg-primary);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:24px;transition:all .3s}.metric-card-small:hover{border-color:var(--accent-primary);transform:translateY(-5px)}.metric-card-small.alert{background:#ef44440d;border-color:#ef444480}.metric-value-large{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:2.5rem;font-weight:800;line-height:1}.metric-card-small.alert .metric-value-large{color:#ef4444}.metric-label-small{color:var(--text-secondary);font-size:.85rem;font-weight:600}.alert-box{background:#fbbf240d;border:1px solid #fbbf244d;border-radius:12px;align-items:flex-start;gap:20px;padding:24px;display:flex}.alert-icon{flex-shrink:0;font-size:1.5rem}.alert-content{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.alert-content strong{color:#666;font-weight:700}.ai-analytics-demo{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;grid-template-columns:200px 1fr;gap:20px;min-height:700px;display:grid;overflow:hidden}.demo-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);flex-direction:column;gap:24px;padding:20px;display:flex}.sidebar-features{flex-direction:column;gap:6px;display:flex}.demo-feature-btn{font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;text-align:left;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.demo-feature-btn:hover{border-color:var(--border-color);background:#3333330d}.demo-feature-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#3333331a}.demo-feature-icon{flex-shrink:0;width:18px;height:18px}.demo-feature-icon svg{width:100%;height:100%}.demo-feature-label{font-weight:500}.sidebar-recent{flex-direction:column;gap:8px;display:flex}.sidebar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px;font-size:.7rem;font-weight:700}.recent-item{color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:.75rem;transition:all .2s;display:flex}.recent-item:hover{background:#3333330d}.recent-dot{background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:5px;height:5px}.demo-main{flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.demo-query{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:14px 18px}.query-text{color:var(--text-secondary);font-size:.85rem;font-style:italic}.demo-orchestration{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:16px}.orch-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.orch-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.orch-status{text-transform:uppercase;color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px;padding:4px 10px;font-size:.7rem;font-weight:700}.orch-steps{flex-direction:column;gap:8px;display:flex}.orch-step{background:var(--bg-card);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:.8rem;display:flex}.step-check{background:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.step-check svg{color:#fff;width:10px;height:10px}.step-text{color:var(--text-secondary);flex:1}.step-time{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono)}.demo-charts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.demo-chart-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:14px}.demo-chart-card.chart-wide{grid-column:span 2}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.chart-head h4{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:700}.chart-head p{color:var(--text-muted);margin:2px 0 0;font-size:.7rem}.chart-legend-mini{color:var(--text-muted);gap:12px;font-size:.7rem;display:flex}.chart-legend-mini span{align-items:center;gap:4px;display:flex}.dot-actual{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;display:inline-block}.dot-predicted{background:#666;border-radius:50%;width:8px;height:8px;display:inline-block}.line-chart-mini{width:100%}.chart-svg-mini{width:100%;height:auto}.segment-bars-mini{flex-direction:column;gap:12px;display:flex}.seg-row{flex-direction:column;gap:4px;display:flex}.seg-info{justify-content:space-between;font-size:.75rem;display:flex}.seg-name{color:var(--text-primary);font-weight:600}.seg-count{color:var(--text-muted)}.seg-bar-bg{background:var(--bg-card);border-radius:10px;height:20px;position:relative;overflow:hidden}.seg-bar-fill{border-radius:10px;height:100%;position:absolute;top:0;left:0}.seg-pct{color:var(--text-primary);font-size:.7rem;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.donut-mini{align-items:center;gap:16px;display:flex}.donut-svg-mini{flex-shrink:0;width:80px;height:80px}.donut-legend-mini{flex-direction:column;flex:1;gap:6px;display:flex}.legend-row{align-items:center;gap:6px;font-size:.7rem;display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.legend-name{color:var(--text-secondary);flex:1}.legend-pct{color:var(--text-primary);font-weight:700}.demo-metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.demo-metric{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;gap:10px;padding:12px;display:flex}.demo-metric.critical{background:#ef444408;border-color:#ef44444d}.metric-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.metric-icon svg{width:18px;height:18px}.metric-icon.trend{color:#ef4444;background:#ef44441a}.metric-icon.warning{color:#666;background:#f59e0b1a}.metric-icon.dollar{color:#ef4444;background:#ef44441a}.metric-data{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.metric-val{color:var(--text-primary);font-size:1.1rem;font-weight:800;line-height:1}.metric-lbl{color:var(--text-secondary);font-size:.7rem}.metric-delta{color:var(--text-muted);font-size:.65rem}.metric-delta.negative{color:#ef4444}.demo-alert{background:#fbbf240d;border:1px solid #fbbf2433;border-radius:10px;gap:12px;padding:12px;display:flex}.alert-icon{color:#666;flex-shrink:0;width:20px;height:20px}.alert-icon svg{width:100%;height:100%}.alert-text{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.alert-text strong{color:#666}.text-red{color:#ef4444;font-weight:600}.text-amber{color:#666;font-weight:600}@media (max-width:900px){.ai-analytics-demo{grid-template-columns:1fr;min-height:auto}.demo-sidebar{border-right:none;border-bottom:1px solid var(--border-color);flex-flow:wrap;gap:16px}.sidebar-features{flex-flow:wrap;gap:6px}.sidebar-recent{display:none}.demo-charts{grid-template-columns:1fr}.demo-chart-card.chart-wide{grid-column:span 1}.demo-metrics{grid-template-columns:1fr}.donut-mini{flex-direction:column}}