.back-link,.demo-badge{display:inline-flex;gap:8px;font-size:.9rem}.order-badge,.product-badge,.product-brand{text-transform:uppercase}.autonomy-content h3,.demo-feature-card h3,.demo-header h1,.modular-card h3,.order-number,.orders-title,.product-price,.product-title{font-family:'Space Grotesk',sans-serif}.demo-header{position:relative;padding:160px 2rem 80px;overflow:hidden;background:var(--bg-primary)}.demo-header-bg{position:absolute;inset:0;overflow:hidden}.demo-orb{position:absolute;border-radius:50%;filter:blur(80px)}.demo-orb-1{width:500px;height:500px;background:var(--glow);top:-200px;right:-100px;animation:8s ease-in-out infinite orb-float}.demo-orb-2{width:400px;height:400px;background:var(--glow-secondary);bottom:-150px;left:-100px;animation:10s ease-in-out infinite reverse orb-float}.demo-header-content{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center}.back-link{align-items:center;color:var(--text-secondary);margin-bottom:2rem;text-decoration:none;transition:color .3s}.capability-tag,.demo-badge{align-items:center;border:1px solid var(--border);color:var(--text-secondary)}.back-link:hover,.modular-note strong{color:var(--accent)}.autonomy-content>p strong{color:#0e7490}.back-link svg{width:18px;height:18px}.demo-badge{padding:8px 16px;background:var(--bg-secondary);border-radius:100px;margin-bottom:1.5rem}.demo-badge-icon{font-size:1.2rem}.demo-header h1{font-size:clamp(2.5rem, 6vw, 4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem}.demo-description{font-size:1.15rem;color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 auto 2.5rem}.demo-capabilities{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.capability-tag{display:inline-flex;gap:6px;padding:8px 14px;background:var(--bg-tertiary);border-radius:12px;font-size:.85rem;transition:.3s}.orders-demo,.product-card{border:1px solid var(--border)}.capability-tag:hover{border-color:var(--accent);color:var(--accent)}.capability-tag svg,.product-stock svg{width:16px;height:16px}.demo-features-section,.demo-products-section{padding:6rem 2rem;background:var(--bg-secondary)}.demo-chat-section .section-header,.demo-products-section .section-header{margin-bottom:3rem}.section-subtitle{color:var(--text-muted);font-size:1.05rem;max-width:600px;margin:.75rem auto 0}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto 4rem}.product-card{background:var(--card-bg);border-radius:24px;overflow:hidden;transition:.4s}.demo-feature-card:hover,.product-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow)}.product-card.featured{border:2px solid var(--accent);box-shadow:0 0 40px var(--glow)}.product-image{position:relative;height:200px;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));display:flex;align-items:center;justify-content:center}.product-image-placeholder{color:var(--text-muted);opacity:.3}.product-image-placeholder svg{width:64px;height:64px}.product-badges{position:absolute;top:12px;left:12px;display:flex;gap:8px}.product-badge{padding:6px 12px;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.product-brand,.product-title{font-weight:600;margin-bottom:.5rem}.demo-chat-input .input-btn.send,.product-badge.new{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff}.product-badge.bestseller{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.product-badge.promo{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.product-badge.limited{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.product-content{padding:1.5rem}.product-brand{font-size:.75rem;letter-spacing:1px;color:#0e7490;display:block}.product-title{font-size:1.25rem}.product-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-bottom:1rem}.product-details{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.order-card:hover,.service-block:hover{border-color:var(--accent)}.product-details .detail-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.product-details .detail-item svg{width:16px;height:16px;color:var(--text-muted)}.product-footer{display:flex;justify-content:space-between;align-items:center}.product-price{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.product-price .old-price{font-size:1rem;color:var(--text-muted);text-decoration:line-through;margin-right:8px}.product-stock{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500}.product-stock.in-stock{color:#059669}.product-stock.low-stock{color:#d97706}.orders-demo{max-width:1200px;margin:0 auto 4rem;padding:2rem;background:var(--card-bg);border-radius:24px}.order-card,.service-block{border:1px solid var(--border);transition:.3s}.orders-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.orders-title svg{width:24px;height:24px;color:var(--accent)}.orders-subtitle{text-align:center;color:var(--text-muted);font-size:.95rem;margin-bottom:1.5rem}.orders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.order-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:16px}.order-status-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.order-status-icon svg{width:24px;height:24px;color:#fff}.demo-feature-icon.green,.order-card.delivered .order-status-icon{background:linear-gradient(135deg,#10b981,#059669)}.demo-feature-icon.blue,.order-card.shipping .order-status-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.demo-feature-icon.orange,.order-card.unpaid .order-status-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.order-info{flex:1;min-width:0}.order-number{display:block;font-size:.95rem;font-weight:600;margin-bottom:2px}.order-product,.order-status{display:block;font-size:.8rem}.order-status{color:var(--text-muted);margin-bottom:2px}.order-product{color:var(--text-secondary)}.order-badge{padding:6px 12px;border-radius:100px;font-size:.7rem;font-weight:600;flex-shrink:0}.order-badge.delivered{background:rgba(16,185,129,.2);color:#047857}.order-badge.shipping{background:rgba(59,130,246,.2);color:#2563eb}.order-badge.unpaid{background:rgba(245,158,11,.2);color:#b45309}.services-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.service-block{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--card-bg);border-radius:16px}.service-block:hover{box-shadow:0 0 20px var(--glow)}.service-block>svg{width:24px;height:24px;color:var(--accent);flex-shrink:0}.service-block h4{font-size:.95rem;font-weight:600;margin-bottom:4px}.service-block p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.demo-chat-section{padding:6rem 2rem;background:var(--bg-primary)}.demo-chat-container{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start;max-width:1000px;margin:0 auto}.demo-chat-window{background:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:var(--card-shadow)}.demo-chat-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.demo-chat-avatar,.demo-chat-section .chat-avatar.bot{background:linear-gradient(135deg,var(--accent),var(--accent-secondary))}.demo-chat-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.demo-chat-info{flex:1}.demo-chat-info h3{font-size:1rem;font-weight:600;margin-bottom:2px}.demo-chat-status{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary)}.demo-chat-status .status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:2s ease-in-out infinite pulse}.demo-chat-options{width:36px;height:36px;border:none;background:0 0;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:.3s}.demo-chat-options:hover{background:var(--bg-primary);color:var(--text-primary)}.demo-chat-langs{font-size:.9rem;letter-spacing:2px}#chatMessages,.demo-chat-messages{height:450px;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background:var(--bg-secondary);position:relative;z-index:10}.demo-chat-messages::-webkit-scrollbar{width:6px}.demo-chat-messages::-webkit-scrollbar-track{background:0 0}.demo-chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.demo-chat-section .chat-message{display:flex!important;visibility:visible!important;opacity:1!important;gap:12px;max-width:85%;animation:.3s forwards demo-messageIn}@keyframes demo-messageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.demo-chat-section .chat-message.user{flex-direction:row-reverse;margin-left:auto;max-width:80%}.demo-chat-section .chat-message.user .chat-content{width:100%}.demo-chat-section .chat-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.demo-chat-section .chat-content{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.demo-chat-section .chat-bubble{padding:12px 16px;border-radius:18px;font-size:.95rem;line-height:1.6;color:var(--text-primary)!important;background:var(--card-bg)!important;border:1px solid var(--border)!important;word-wrap:break-word}.demo-chat-section .chat-message.bot .chat-bubble{border-bottom-left-radius:4px;color:var(--text-primary)!important;background:var(--card-bg)!important}.demo-chat-section .chat-message.user .chat-bubble{max-width:100%;word-wrap:break-word;background:linear-gradient(135deg,var(--accent),var(--accent-secondary))!important;color:#fff!important;border-bottom-right-radius:4px;border:none!important}.demo-chat-section .chat-actions,.typing-dots{display:flex;gap:4px}.demo-chat-section .chat-action-btn{width:28px;height:28px;border:none;background:0 0;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:.2s;display:flex;align-items:center;justify-content:center}.demo-chat-section .chat-action-btn:hover{background:var(--bg-tertiary);color:var(--accent)}.demo-chat-section .chat-action-btn.speaking{background:var(--accent);color:#fff}.demo-chat-section .chat-time{font-size:.75rem;color:var(--text-muted);padding:0 4px}.demo-chat-section .chat-message.user .chat-time{text-align:right}.typing-indicator{padding:12px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:18px 18px 18px 4px}.typing-dots span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:1.4s infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(-8px)}}.demo-chat-input{display:flex;align-items:center;gap:12px;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--card-bg)}.demo-chat-input .input-btn.mic,.demo-chat-input input,.demo-suggestions{background:var(--bg-secondary)}.demo-chat-input input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:100px;color:var(--text-primary);font-size:.95rem;transition:.3s}.demo-chat-input .input-btn.mic,.suggestion-btn{color:var(--text-secondary);border:1px solid var(--border)}.demo-chat-input input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.demo-chat-input input::placeholder{color:var(--text-muted)}.demo-chat-input .input-btn{width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.demo-chat-input .input-btn.mic:hover{background:var(--bg-tertiary);color:var(--accent);border-color:var(--accent)}.demo-chat-input .input-btn.mic.recording{background:#ef4444;border-color:#ef4444;color:#fff;animation:1s infinite recording-pulse}@keyframes recording-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}.demo-chat-input .input-btn.send:hover{transform:scale(1.05);box-shadow:0 4px 15px var(--glow)}.demo-chat-input .input-btn svg{width:20px;height:20px}.demo-suggestions{border:1px solid var(--border);border-radius:20px;padding:1.5rem}.demo-suggestions h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-secondary)}.suggestion-list{display:flex;flex-direction:column;gap:10px}.suggestion-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--card-bg);border-radius:12px;font-size:.9rem;text-align:left;cursor:pointer;transition:.3s}.suggestion-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateX(4px)}.suggestion-btn svg{width:18px;height:18px;flex-shrink:0;opacity:.6}.demo-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;max-width:1200px;margin:3rem auto 0}.demo-feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:2rem;text-align:center;transition:.4s}.demo-feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.demo-feature-icon svg{width:28px;height:28px;color:#fff}.demo-feature-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.demo-feature-card h3{font-size:1.15rem;font-weight:600;margin-bottom:.75rem}.demo-feature-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.demo-autonomy-section{padding:4rem 2rem;background:var(--bg-primary)}.autonomy-card{display:flex;align-items:flex-start;gap:2rem;max-width:1000px;margin:0 auto;padding:2.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:24px;box-shadow:var(--card-shadow)}.autonomy-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,var(--accent-tertiary),#34d399);display:flex;align-items:center;justify-content:center;flex-shrink:0}.autonomy-icon svg{width:32px;height:32px;color:#fff}.autonomy-content h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.autonomy-content>p{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.autonomy-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.autonomy-feature{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-secondary)}.autonomy-feature svg{width:18px;height:18px;color:var(--accent-tertiary);flex-shrink:0}.demo-modular-section{padding:6rem 2rem;background:var(--bg-primary);position:relative;overflow:hidden}.demo-modular-section::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--glow-tertiary) 0,transparent 60%);top:-20%;right:-10%;opacity:.2}.modular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1000px;margin:0 auto 2.5rem}.modular-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:1.5rem;text-align:center;transition:.3s;position:relative}.modular-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--glow) 0,transparent 60%);border-radius:16px;opacity:0;transition:opacity .3s}.modular-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 30px var(--glow)}.modular-card:hover::before{opacity:.1}.modular-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--accent);transition:.3s}.modular-card:hover .modular-icon{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-color:transparent;color:#fff;transform:scale(1.1)}.modular-icon svg{width:24px;height:24px}.modular-card h3{font-size:.95rem;font-weight:600;margin-bottom:.5rem;position:relative;z-index:1}.modular-card p{font-size:.8rem;color:var(--text-muted);line-height:1.4;position:relative;z-index:1}.modular-note{display:flex;align-items:flex-start;gap:1rem;max-width:700px;margin:0 auto;padding:1.5rem 2rem;background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(16,185,129,.08));border:1px solid var(--accent);border-radius:16px}.modular-note>svg{width:20px;height:20px;color:var(--accent);flex-shrink:0;margin-top:2px}.modular-note p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}
[data-theme="dark"] .product-brand{color:var(--accent)}[data-theme="dark"] .autonomy-content>p strong{color:var(--accent)}
@media (max-width:900px){.demo-chat-container{grid-template-columns:1fr}.demo-suggestions{order:-1}.modular-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.demo-header{padding:140px 1.5rem 60px}.autonomy-features,.demo-features-grid,.orders-grid,.products-grid,.services-info{grid-template-columns:1fr}.demo-autonomy-section,.demo-chat-section,.demo-features-section,.demo-products-section{padding:4rem 1.5rem}.autonomy-card{flex-direction:column;text-align:center;padding:2rem}.autonomy-icon{margin:0 auto}.autonomy-feature{justify-content:center}.order-card{flex-wrap:wrap}.order-badge{width:100%;text-align:center;margin-top:.5rem}.demo-chat-section .chat-message{max-width:95%!important;gap:8px}.demo-chat-section .chat-message.user{max-width:92%!important}.demo-chat-section .chat-bubble{max-width:100%!important}#chatMessages,.demo-chat-messages{height:380px;padding:1rem}.demo-chat-header,.demo-chat-input{padding:.75rem 1rem}.demo-chat-section .chat-avatar{width:32px;height:32px;font-size:.9rem}.demo-chat-avatar,.demo-chat-input .input-btn{width:40px;height:40px}.demo-chat-input{gap:8px;padding:0.75rem 1rem}.demo-chat-input input{padding:10px 14px;font-size:.9rem;flex:1;min-width:0}.demo-chat-input .input-btn{width:40px;height:40px;flex-shrink:0}.demo-chat-avatar{font-size:1.2rem}.demo-chat-info h3{font-size:.9rem}.demo-chat-langs{display:none}}@media (max-width:480px){.modular-grid{grid-template-columns:1fr}.modular-note{flex-direction:column;text-align:center;gap:.75rem}.modular-note>svg{margin:0 auto}}@media (max-width:380px){.demo-chat-input{padding:0.5rem 0.75rem;gap:6px}.demo-chat-input input{padding:8px 12px;font-size:0.85rem}.demo-chat-input .input-btn{width:36px;height:36px}.demo-chat-input .input-btn svg{width:18px;height:18px}}