.demo-showcase{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.demo-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:15px 40px 20px;box-shadow:0 2px 8px #0000000d}.demo-nav{margin-bottom:20px}.back-link{color:#6366f1;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;transition:all .2s ease}.back-link:hover{background:#f1f5f9;color:#4f46e5}.demo-title-section{text-align:center;max-width:800px;margin:0 auto;padding:5px 0}.demo-header-logo{width:120px;height:60px;margin-bottom:12px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.demo-title-section h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 6px}.demo-title-section p{font-size:1rem;color:#64748b;margin:0;font-weight:400}.demo-content{max-width:1400px;margin:0 auto;padding:25px 40px 40px}.demo-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid #e2e8f0;max-width:480px;margin:0 auto 40px;height:750px;display:flex;flex-direction:column}.demo-tab-switcher{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0}.demo-tab-button{flex:1;padding:12px 20px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px}.demo-tab-button:hover{background:#6366f10d;color:#4f46e5}.demo-tab-button.active{background:#fff;color:#6366f1;border-bottom-color:#6366f1;box-shadow:0 -2px 8px #0000000d}.demo-tab-content{flex:1;overflow:hidden;position:relative}.demo-preview{height:100%;overflow:hidden;position:relative}.assistant-preview{background:#f8fafc}.chat-container{height:100%;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid #e2e8f0}.logo{width:32px;height:32px;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center}.logo img{max-width:100%;max-height:100%;border-radius:inherit;object-fit:contain}.app-title{font-size:13px;line-height:16px;font-weight:600;color:#1e293b}.status{font-size:10px;line-height:12px;color:#64748b;margin-top:2px}.chat-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.message{display:flex;gap:12px;animation:slideIn .3s ease-out}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}.message.assistant .message-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.assistant-avatar-icon{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}.assistant-avatar-text{font-weight:600;font-size:16px}.message.user .message-avatar{background:#e2e8f0;color:#64748b}.message-content{flex:1;background:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.message.user .message-content{background:#6366f1;color:#fff;border-color:#6366f1}.message-text{margin-bottom:8px;line-height:1.5}.message-time{font-size:.8rem;color:#64748b;margin-top:8px}.message.user .message-time{color:#fffc}.parameter-collection{margin-top:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.parameter-collection h4{margin:0 0 12px;color:#1e293b;font-weight:600;font-size:.9rem}.run-button-container{display:flex;justify-content:flex-end;margin-top:12px}.run-button-container .run-button{margin:0;padding:6px 16px;font-size:.8rem}.param-group{margin-bottom:16px}.param-group.compact{margin-bottom:8px}.compact-params{display:grid;gap:8px;margin-bottom:12px}.param-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:.9rem}.param-group.compact label{margin-bottom:4px;font-size:.8rem;font-weight:500}.param-options{display:flex;gap:6px;flex-wrap:wrap}.param-pill{background:#f3f4f6;border:1px solid #d1d5db;padding:4px 12px;border-radius:16px;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;white-space:nowrap;line-height:1.2;min-height:28px;color:#6b7280}.param-pill:hover{border-color:#6366f1;background:#e5e7eb}.param-pill.selected{background:#6366f1;color:#fff;border-color:#6366f1;animation:selectAnimation .3s ease-out}.param-pill .check{font-size:.7rem;font-weight:700}.run-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;margin-top:16px;transition:all .2s ease}.run-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.run-button.clicked{background:#059669;transform:scale(.98);box-shadow:0 2px 8px #10b98166}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;background:#6366f1;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.execution-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;color:#0369a1;font-weight:500;margin-top:12px}.execution-indicator .spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid #0ea5e9;border-radius:50%;animation:spin 1s linear infinite}.chat-input-container{padding:12px;border-top:1px solid #e2e8f0;background:#fff;flex-shrink:0}.chat-input-box{display:flex;align-items:flex-end;background:#f1f5f9;border:2px solid transparent;border-radius:20px;padding:10px 6px 10px 16px;gap:8px;transition:all .2s ease;position:relative;min-height:44px}.chat-input-box:focus-within{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 1px #4f46e5}.chat-input{flex:1;border:none;background:none;outline:none;font-size:13px;line-height:18px;color:#1e293b;resize:none;min-height:18px;max-height:100px;font-family:inherit;padding:0;overflow-y:auto;word-wrap:break-word}.chat-input::placeholder{color:#94a3b8}.send-button{width:32px;height:32px;border:none;background:#4f46e5;color:#fff;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px;box-shadow:0 2px 6px #4f46e540;flex-shrink:0}.send-button:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 3px 8px #4f46e559}.send-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001a}.send-button.clicked{background:#3730a3;transform:scale(.95);box-shadow:0 1px 4px #4f46e566}.smartcommands-preview{background:#fafafa}.commands-container{height:100%;display:flex;flex-direction:column;position:relative}.search-section{padding:12px;border-bottom:1px solid #e2e8f0}.search-box{display:flex;align-items:center;background:#f1f5f9;border-radius:6px;padding:6px 10px;margin-bottom:10px}.search-icon{color:#64748b;margin-right:8px;font-size:14px}.search-input{flex:1;border:none;background:none;outline:none;font-size:13px;line-height:16px;color:#1e293b}.search-input::placeholder{color:#94a3b8}.filter-section{padding:0 12px 12px;border-bottom:1px solid #e2e8f0}.filter-toggle{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:12px;font-weight:500;border-radius:16px;cursor:pointer;transition:all .2s ease}.filter-toggle:hover{background:#f1f5f9;color:#1e293b}.filter-toggle.active{background:#6366f1;color:#fff;border-color:#6366f1}.commands-header{padding:12px 20px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.commands-header .logo-section{display:flex;align-items:center;gap:8px}.commands-header .logo{width:32px;height:32px;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center}.commands-header .logo img{max-width:100%;max-height:100%;border-radius:inherit;object-fit:contain}.commands-header .app-title{font-size:13px;line-height:16px;font-weight:600;color:#1e293b}.commands-header .status{font-size:10px;line-height:12px;color:#64748b;margin-top:2px}.commands-header h3{margin:0;color:#1e293b;font-weight:600}.commands-list{flex:1;padding:8px 0;overflow-y:auto;animation:fadeIn .3s ease-out}.command-item{background:#fff;border:none;border-bottom:1px solid #e2e8f0;padding:10px 12px;margin-bottom:0;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left}.command-item:hover{background:#f1f5f9;transform:none;box-shadow:none;border-color:#e2e8f0}.command-item.highlighted{background:#f1f5f9;border-left:3px solid #6366f1;animation:highlight .4s ease-out}.command-content{flex:1}.command-title{font-size:13px;color:#1e293b;font-weight:400;line-height:16px}.command-arrow{color:#94a3b8;font-size:16px}.command-detail{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;padding:20px;overflow-y:auto;animation:slideInRight .25s ease-out;z-index:10}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.back-btn{background:#f1f5f9;border:1px solid #e2e8f0;padding:8px 16px;border-radius:8px;color:#6366f1;cursor:pointer;font-weight:500;transition:all .2s ease}.back-btn:hover{background:#e2e8f0}.detail-header h3{margin:0;color:#1e293b;font-weight:600}.detail-content p{color:#64748b;line-height:1.6;margin-bottom:24px}.parameters-section{animation:fadeIn .3s ease-out}.parameters-section h4{margin:0 0 16px;color:#1e293b;font-weight:600}.parameter-field{margin-bottom:20px}.parameter-field label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.parameter-options{display:flex;gap:8px;flex-wrap:wrap}.param-toggle{background:#fff;border:2px solid #e2e8f0;padding:8px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.param-toggle:hover{border-color:#6366f1;background:#f1f5f9}.param-toggle.active{background:#6366f1;color:#fff;border-color:#6366f1;animation:selectAnimation .3s ease-out}.execution-section{margin-top:24px;animation:fadeIn .3s ease-out}.parameter-run-button{background:#0078d4;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none;display:flex;align-items:center;gap:8px;margin-bottom:16px}.parameter-run-button:hover:not(.executing){background:#106ebe;transform:translateY(-1px);box-shadow:0 4px 12px #0078d44d}.parameter-run-button.executing{background:#6b7280;cursor:not-allowed}.parameter-run-button:focus{outline:2px solid #0078d4;outline-offset:2px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.execution-result{background:#f0fdf4;border:1px solid #22c55e;color:#15803d;padding:12px 16px;border-radius:8px;font-weight:500}.execution-result.success{animation:successSlide .3s ease-out}.execution-result small{color:#16a34a;font-weight:400}@keyframes successSlide{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.demo-footer{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.feature-comparison h3{text-align:center;margin:0 0 32px;color:#1e293b;font-weight:700;font-size:1.75rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.comparison-item{text-align:center;padding:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.comparison-item h4{margin:0 0 20px;color:#1e293b;font-weight:600;font-size:1.25rem}.comparison-item ul{list-style:none;padding:0;margin:0}.comparison-item li{padding:8px 0;color:#64748b;display:flex;align-items:center;justify-content:center;gap:8px}.comparison-item li:before{content:"✓";color:#10b981;font-weight:600}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes highlight{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes selectAnimation{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}@media (max-width: 1200px){.demo-container{max-width:450px;height:700px}.comparison-grid{grid-template-columns:1fr;gap:20px}.demo-content{padding:20px}}@media (max-width: 768px){.demo-header{padding:16px 20px}.demo-title-section h1{font-size:1.75rem}.demo-title-section p{font-size:.95rem}.demo-container{max-width:95vw;height:650px;margin:0 0 30px}.demo-tab-button{padding:10px 14px;font-size:12px}.demo-content{padding:15px}}@media (max-width: 480px){.demo-container{max-width:100%;height:600px}.demo-tab-button{padding:8px 12px;font-size:11px;gap:4px}}.demo-section{padding:80px 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden}.demo-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.4'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:1}.demo-section .section-container{position:relative;z-index:2}.demo-showcase{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start;margin-top:60px}.demo-window{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;overflow:hidden;border:1px solid #e2e8f0}.demo-header{background:#f8fafc;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0}.demo-control.red{background:#ef4444}.demo-control.yellow{background:#f59e0b}.demo-control.green{background:#10b981}.demo-title{font-size:14px;font-weight:500;color:#64748b}.demo-content{position:relative;height:400px;background:#fff}.demo-iframe{width:100%;height:100%;border:none;background:#fff}.demo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.demo-overlay:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:scale(1.02)}.demo-play-button{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.demo-play-button svg{color:#fff;margin-left:4px}.demo-text{text-align:center;color:#fff}.demo-action{font-size:20px;font-weight:600;margin-bottom:8px}.demo-subtitle{font-size:14px;opacity:.9}.demo-features{display:flex;flex-direction:column;gap:24px}.feature-item{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease}.feature-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.feature-icon{font-size:32px;margin-bottom:16px;display:block}.feature-item h4{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:8px}.feature-item p{font-size:14px;color:#64748b;line-height:1.6;margin:0}@media (max-width: 1024px){.demo-showcase{grid-template-columns:1fr;gap:32px}.demo-features{flex-direction:row;overflow-x:auto;gap:16px;padding-bottom:16px}.feature-item{min-width:250px;flex-shrink:0}}@media (max-width: 768px){.demo-section{padding:60px 0}.demo-showcase{margin-top:40px}.demo-content{height:300px}.demo-play-button{width:60px;height:60px}.demo-action{font-size:18px}.demo-features{flex-direction:column}.feature-item{min-width:auto}}:root{--primary-blue: #2888c4;--secondary-blue: #1a73a0;--accent-teal: #20a6a0;--cream-bg: #fdfcfa;--pure-white: #ffffff;--light-gray: #f8f7f5;--border-light: #e5e3de;--text-primary: #2c2b28;--text-secondary: #6b6967;--text-light: #8a8784;--gradient-primary: linear-gradient(135deg, #2888c4 0%, #20a6a0 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 20px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .08)}.main-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--cream-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}.main-page nav{position:fixed;top:0;width:100%;background:#fdfcfaf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:20px 0;transition:all .3s ease;border-bottom:1px solid var(--border-light)}.main-page nav.scrolled{padding:15px 0;box-shadow:var(--shadow-sm)}.nav-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.logo{height:50px;display:flex;align-items:center;min-width:120px}.logo img{height:100%;width:auto;max-height:50px;object-fit:contain}.nav-links{display:flex;gap:40px;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-blue);transition:width .3s ease}.nav-links a:hover{color:var(--primary-blue)}.nav-links a:hover:after{width:100%}.cta-button{background:var(--gradient-primary);padding:12px 28px;border-radius:30px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 14px #2888c433}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2888c44d}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:120px 40px 80px;background:linear-gradient(180deg,var(--pure-white) 0%,var(--light-gray) 100%);overflow:hidden}.hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(40,136,196,.05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(32,166,160,.05) 0%,transparent 50%);z-index:0}.hero-container{max-width:1000px;margin:0 auto;z-index:1;position:relative;text-align:center}.hero-content{text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--pure-white);border:1px solid var(--border-light);padding:10px 24px;border-radius:30px;margin-bottom:30px;font-size:14px;color:var(--primary-blue);box-shadow:var(--shadow-sm)}@keyframes pulse{0%{box-shadow:0 0 #2888c4b3}70%{box-shadow:0 0 0 10px #2888c400}to{box-shadow:0 0 #2888c400}}.hero h1{font-size:clamp(48px,8vw,80px);font-weight:800;line-height:1.1;margin-bottom:30px;color:var(--text-primary);letter-spacing:-.02em}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:20px;color:var(--text-secondary);margin-bottom:40px;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.primary-button{background:var(--gradient-primary);color:#fff;padding:16px 40px;border-radius:30px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 14px #2888c440}.primary-button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2888c459}.primary-button.large{padding:20px 50px;font-size:18px}.secondary-button{background:var(--pure-white);color:var(--primary-blue);padding:16px 40px;border:2px solid var(--border-light);border-radius:30px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease}.secondary-button:hover{border-color:var(--primary-blue);background:#2888c40d}.secondary-button.large{padding:20px 50px;font-size:18px}.demo-section{padding:100px 40px;background:var(--pure-white)}.demo-showcase{display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:center;max-width:1400px;margin:0 auto}.hero-demo{position:relative;max-width:800px;margin:0 auto}.demo-window{background:var(--pure-white);border-radius:20px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);overflow:hidden;position:relative}.demo-header{background:var(--light-gray);padding:15px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:10px}.demo-controls{display:flex;gap:8px}.demo-control{width:12px;height:12px;border-radius:50%}.demo-control.red{background:#ff5f57}.demo-control.yellow{background:#ffbd2e}.demo-control.green{background:#28ca42}.demo-title{font-size:14px;color:var(--text-secondary);font-weight:500}.demo-content{height:700px;position:relative;background:var(--pure-white)}.demo-iframe{width:100%;height:100%;border:none;background:var(--light-gray)}.demo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#2888c4e6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;flex-direction:column}.demo-overlay:hover{background:#2888c4f2}.demo-play-button{width:100px;height:100px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:all .3s ease}.demo-overlay:hover .demo-play-button{background:#ffffff4d;transform:scale(1.1)}.demo-text{text-align:center}.demo-action{font-size:20px;font-weight:700;margin-bottom:8px}.demo-subtitle{font-size:16px;opacity:.9}.demo-features{display:flex;flex-direction:column;gap:30px}.feature-item{text-align:left;padding:25px;background:var(--light-gray);border-radius:15px;transition:all .3s ease}.feature-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.feature-icon{font-size:32px;margin-bottom:15px}.feature-item h4{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.feature-item p{color:var(--text-secondary);line-height:1.5;font-size:14px}.platform-overview{padding:100px 40px;background:var(--pure-white)}.section-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:80px}.section-title{font-size:48px;font-weight:800;margin-bottom:20px;color:var(--text-primary);letter-spacing:-.02em}.section-subtitle{font-size:20px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.overview-item{text-align:center;padding:40px 20px;background:var(--light-gray);border-radius:20px;transition:all .3s ease}.overview-item:hover{transform:translateY(-10px);box-shadow:var(--shadow-md)}.overview-icon{font-size:48px;margin-bottom:20px}.overview-item h3{font-size:24px;font-weight:700;margin-bottom:15px;color:var(--text-primary)}.overview-item p{color:var(--text-secondary);line-height:1.6}.cta-section{padding:100px 40px;background:var(--light-gray)}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-content h2{font-size:48px;font-weight:800;margin-bottom:20px;color:var(--text-primary);letter-spacing:-.02em}.cta-content p{font-size:20px;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}@media (max-width: 1024px){.demo-showcase{grid-template-columns:1fr;gap:50px}.demo-features{flex-direction:row;flex-wrap:wrap}.feature-item{flex:1;min-width:200px}}@media (max-width: 768px){.nav-links{display:none}.hero-buttons{flex-direction:column;align-items:center}.demo-content{height:400px}.overview-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.section-title,.cta-content h2{font-size:36px}}:root{--ms-blue: #0078d4;--ms-blue-hover: #106ebe;--ms-blue-dark: #004578;--ms-orange: #ff8c00;--ms-green: #107c10;--ms-red: #d13438;--primary-blue: #0078d4;--secondary-blue: #004578;--accent-teal: #008575;--accent-orange: #ff8c00;--koko-primary: #2888c4;--koko-primary-2: #20a6a0;--koko-primary-dark: #1a73a0;--koko-ink: #0f172a;--koko-white: #ffffff;--koko-gradient: linear-gradient(135deg, #2888c4, #20a6a0);--kokoodi-primary: #2888c4;--kokoodi-secondary: #1a73a0;--kokoodi-teal: #20a6a0;--kokoodi-gradient: linear-gradient(135deg, #2888c4 0%, #20a6a0 100%);--enterprise-white: #faf9f8;--enterprise-gray-50: #f8f9fa;--enterprise-gray-100: #e1e5ea;--enterprise-gray-200: #c8cdd3;--enterprise-gray-300: #a19f9d;--enterprise-gray-400: #605e5c;--enterprise-gray-500: #323130;--enterprise-gray-900: #201f1e;--font-family-primary: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-display: "Segoe UI Display", "Segoe UI", system-ui, sans-serif;--fluent-shadow-2: 0 1px 2px rgba(0, 0, 0, .14), 0 0px 2px rgba(0, 0, 0, .12);--fluent-shadow-4: 0 2px 4px rgba(0, 0, 0, .14), 0 0px 4px rgba(0, 0, 0, .12);--fluent-shadow-8: 0 4px 8px rgba(0, 0, 0, .14), 0 0px 8px rgba(0, 0, 0, .12);--fluent-shadow-16: 0 8px 16px rgba(0, 0, 0, .14), 0 0px 16px rgba(0, 0, 0, .12);--fluent-shadow-64: 0 32px 64px rgba(0, 0, 0, .24), 0 0px 32px rgba(0, 0, 0, .2);--motion-duration-short: .15s;--motion-duration-normal: .3s;--motion-duration-long: .5s;--motion-ease: cubic-bezier(.1, .9, .2, 1);--border-radius-small: 2px;--border-radius-medium: 4px;--border-radius-large: 8px;--border-radius-xlarge: 12px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--ms-blue);color:#fff;padding:8px 16px;text-decoration:none;border-radius:var(--border-radius-medium);z-index:1000;font-family:var(--font-family-primary);font-weight:600;transition:all var(--motion-duration-short) var(--motion-ease)}.skip-link:focus{top:16px;box-shadow:var(--fluent-shadow-8)}.coming-soon-page{font-family:var(--font-family-primary);background:radial-gradient(circle at 20% 20%,rgba(0,120,212,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,140,0,.03) 0%,transparent 50%),linear-gradient(180deg,var(--enterprise-white) 0%,var(--enterprise-gray-50) 100%);color:var(--enterprise-gray-900);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative}.coming-soon-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230078d4' fill-opacity='0.02'%3E%3Cpath d='M20 20c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10zm10 0c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10z'/%3E%3C/g%3E%3C/svg%3E") repeat;pointer-events:none;z-index:-1}.logo-header{text-align:center;padding:32px 0 16px;background:transparent}.logo{display:inline-flex;align-items:center;justify-content:center}.logo img{height:56px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all var(--motion-duration-normal) var(--motion-ease)}.logo:hover img{filter:drop-shadow(0 3px 6px rgba(0,120,212,.2));transform:scale(1.02)}.hero{position:relative;min-height:calc(100vh - 120px);display:flex;align-items:flex-start;background:radial-gradient(ellipse at center top,rgba(0,120,212,.08) 0%,transparent 70%),radial-gradient(ellipse at 80% 20%,rgba(255,140,0,.04) 0%,transparent 50%),linear-gradient(180deg,var(--enterprise-white) 0%,rgba(248,249,250,.8) 100%);overflow:hidden;padding-top:20px}.hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.12;background-image:radial-gradient(circle at 25% 25%,var(--ms-blue) 1px,transparent 1px),radial-gradient(circle at 75% 75%,var(--accent-orange) 1px,transparent 1px);background-size:80px 80px;background-position:0 0,40px 40px;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}.hero-container{max-width:1400px;width:100%;margin:0 auto;padding:60px 48px 80px;text-align:center;position:relative;z-index:2}.hero-content{max-width:900px;margin:0 auto}.header-message{margin-bottom:32px;text-align:center}.enterprise-badge{display:flex;justify-content:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.enterprise-badge span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#0078d414,#0078d41f);border:1px solid rgba(0,120,212,.2);border-radius:var(--border-radius-large);font-size:13px;font-weight:600;color:var(--ms-blue);transition:all var(--motion-duration-normal) var(--motion-ease);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.enterprise-badge span svg{flex-shrink:0;opacity:.8}.enterprise-badge span i{flex-shrink:0;opacity:.8;font-size:14px}.enterprise-badge span:hover{background:linear-gradient(135deg,#0078d426,#0078d440);transform:translateY(-2px);box-shadow:var(--fluent-shadow-4);border-color:#0078d466}.value-props{display:flex;justify-content:center;gap:24px;margin-top:32px;flex-wrap:wrap}.value-prop{display:flex;flex-direction:column;align-items:center;padding:24px 20px;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:var(--border-radius-xlarge);min-width:160px;transition:all var(--motion-duration-normal) var(--motion-ease);box-shadow:var(--fluent-shadow-2);position:relative;overflow:hidden}.value-prop:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ms-blue),var(--ms-blue-light));opacity:0;transition:opacity var(--motion-duration-normal) var(--motion-ease)}.value-prop:hover{transform:translateY(-6px);box-shadow:var(--fluent-shadow-8);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-color:#0078d433}.value-prop:hover:before{opacity:1}.value-icon{font-size:24px;margin-bottom:12px;color:var(--ms-blue);display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0078d41a,#0078d40d);border-radius:var(--border-radius-medium);transition:all var(--motion-duration-normal) var(--motion-ease)}.value-icon i{font-size:24px}.value-prop:hover .value-icon{background:linear-gradient(135deg,#0078d426,#0078d41a);transform:scale(1.1)}.value-prop span{font-size:14px;font-weight:600;color:var(--enterprise-gray-700);text-align:center;line-height:1.3}.header-title{font-family:var(--font-family-display);font-size:clamp(2.8rem,5.5vw,4.2rem);font-weight:700;line-height:1.1;margin:0 0 12px;color:var(--enterprise-gray-900);letter-spacing:-.02em}.header-secondary{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:600;line-height:1.2;margin:0 0 12px;color:var(--text-secondary);opacity:.9}.header-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#2888c41a;color:var(--primary-blue);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px;border:1px solid rgba(40,136,196,.2)}.pulse-dot{width:8px;height:8px;background:var(--primary-blue);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin:0 0 24px;color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg,var(--ms-blue) 0%,var(--accent-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.gradient-text:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--ms-blue) 0%,var(--accent-orange) 100%);border-radius:2px;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.05)}}.hero-description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.hook-line{display:block;font-size:1.4rem;font-weight:700;color:#2888c4;margin-bottom:16px;background:linear-gradient(135deg,#2888c4,#20a6a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(40,136,196,.3)}.supporting-line{display:block;font-size:1.1rem;color:var(--text-secondary);font-weight:500;line-height:1.6}.coming-soon-image{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);width:100%;max-width:100%;margin:0 auto 48px}.coming-soon-image img{width:100%;height:auto;display:block}.logo-overlay{position:absolute;bottom:20px;left:20px;z-index:2;background:#fffffff2;padding:12px 16px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;border:1px solid rgba(255,255,255,.2)}.logo-overlay img{height:40px;width:auto;display:block}.hero-cta-overlay{position:absolute;bottom:clamp(16px,3vw,40px);left:50%;transform:translate(-50%);z-index:10;overflow:visible;pointer-events:none;transition:all .3s ease}.hero-cta-overlay.position-bottom-right{left:auto;right:clamp(16px,4vw,48px);transform:none}.hero-cta-overlay.position-bottom-left{left:clamp(16px,4vw,48px);right:auto;transform:none}.cta-glass-card{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:12px;box-shadow:0 8px 32px #0f172a1a,0 4px 16px #2888c40d;pointer-events:auto}.cta-early-access{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:600;font-size:16px;line-height:1.2;color:var(--koko-white);background:var(--koko-gradient);border:none;border-radius:50px;cursor:pointer;transition:all .18s ease;position:relative;overflow:visible;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 16px #2888c440,0 2px 8px #20a6a026}.cta-text{flex:1;text-align:center}.cta-chip{background:#fff3;color:var(--koko-white);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:6px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.3);white-space:nowrap;flex-shrink:0;display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px}@media (prefers-reduced-motion: reduce){.cta-early-access{transition:all 0ms}}.cta-early-access.cta-hero{padding:16px 24px;min-width:240px;max-width:320px;font-size:20px}.cta-early-access.cta-sticky{padding:16px 20px;min-width:220px;font-size:15px}@media (max-width: 419px){.cta-chip{display:none}.cta-text{display:flex;flex-direction:column;gap:2px}.cta-text:after{content:"Limited Beta";font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.9}}.cta-early-access:hover{transform:scale(1.04);box-shadow:0 8px 32px #2888c459,0 4px 16px #20a6a040;background:linear-gradient(135deg,#1a73a0,#20a6a0)}.cta-early-access:active{transform:scale(.98);transition:all 80ms ease}.cta-early-access:focus{outline:2px solid var(--koko-primary-2);outline-offset:3px}.cta-early-access:focus:not(:focus-visible){outline:none}.cta-early-access:focus-visible{outline:2px solid var(--koko-primary-2);outline-offset:3px}.sticky-cta-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--koko-white);border-top:1px solid rgba(40,136,196,.2);box-shadow:0 -4px 16px #0f172a1a,0 -2px 8px #2888c40d;display:none;height:64px;max-height:64px}.sticky-cta-container{max-width:1200px;margin:0 auto;padding:0 20px;height:100%}.sticky-cta-content{display:flex;align-items:center;justify-content:space-between;height:100%;gap:16px}.sticky-cta-text{font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:600;font-size:14px;color:var(--koko-ink);display:none}@keyframes slideUpFadeIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownFadeOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@media (max-width: 767px){.hero-cta-overlay{inset-inline:clamp(12px,3vw,24px);bottom:clamp(12px,2vw,24px)}.cta-glass-card{padding:10px;border-radius:14px}.cta-early-access.cta-hero{width:100%;min-width:auto;max-width:none;padding:14px 16px;font-size:14px}.cta-chip{font-size:9px;padding:3px 6px}.cta-early-access.cta-sticky{width:90%;min-width:auto;padding:14px 12px;font-size:14px}.sticky-cta-content{justify-content:center}.sticky-cta-text{display:none}}@media (min-width: 768px) and (max-width: 1023px){.cta-early-access.cta-hero{min-width:220px;max-width:280px;padding:14px 20px;font-size:14px}.cta-chip{font-size:9px;padding:4px 7px}.sticky-cta-text{display:block;font-size:13px}}@media (min-width: 1024px){.sticky-cta-text{display:block}.hero-cta-overlay{bottom:40px}}@media (min-width: 1440px){.cta-early-access.cta-hero{padding:11px 13px;min-width:147px;max-width:175px;font-size:12px}}@media (prefers-contrast: high){.cta-early-access{border:2px solid var(--koko-white)}.cta-glass-card{border:2px solid rgba(255,255,255,.5)}}@media (pointer: coarse){.cta-early-access{min-height:44px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.subscription-section{background:var(--pure-white);border-radius:20px;padding:40px;margin:48px 0;box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.subscription-section h3{font-size:1.6rem;font-weight:700;color:var(--enterprise-gray-900);margin-bottom:16px;line-height:1.3;text-align:center;letter-spacing:-.01em}.subscription-section p{color:var(--text-secondary);margin-bottom:24px}.subscription-form{max-width:600px;margin:0 auto}.input-group{display:flex;gap:12px;align-items:stretch}.email-input{flex:1;padding:14px 16px;border:2px solid var(--border-light);border-radius:12px;font-size:16px;background:var(--light-gray);transition:all .3s ease}.email-input:focus{outline:none;border-color:var(--kokoodi-primary);background:#fff;box-shadow:0 0 0 4px #2888c426}.subscribe-button{background:var(--kokoodi-gradient);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;box-shadow:0 4px 20px #2888c440,0 2px 10px #20a6a026;position:relative;overflow:hidden}.subscribe-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.subscribe-button:hover:before{left:100%}.subscribe-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 32px #2888c459,0 4px 16px #20a6a040;background:linear-gradient(135deg,var(--kokoodi-secondary) 0%,var(--kokoodi-teal) 100%)}.subscribe-button:disabled{background:var(--light-gray);color:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.email-input:disabled{background:var(--light-gray);color:var(--text-secondary);cursor:not-allowed}.message{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.message.success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.message.error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}.excitement-section{margin:40px 0 60px;text-align:center}.countdown-container{margin-bottom:24px}.countdown-badge{display:inline-flex;align-items:center;gap:8px;background:#2888c41a;color:var(--primary-blue);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid rgba(40,136,196,.2);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #2888c433}to{box-shadow:0 0 20px #2888c466}}.excitement-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin:0 0 24px;color:var(--text-primary)}.excitement-description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:48px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.feature-teasers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:900px;margin:48px auto}.feature-teaser{background:var(--pure-white);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all .3s ease;display:flex;align-items:flex-start;gap:16px;text-align:left}.feature-teaser:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-blue)}.feature-icon{font-size:2rem;padding:12px;background:linear-gradient(135deg,var(--ms-blue),#1177d9);border-radius:12px;display:flex;align-items:center;justify-content:center;min-width:60px;height:60px;color:#fff;transition:all var(--motion-duration-normal) var(--motion-ease)}.feature-icon i{font-size:1.5rem}.feature-teaser:hover .feature-icon{transform:scale(1.1);background:linear-gradient(135deg,#1177d9,var(--ms-blue))}.feature-text h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.feature-text p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;max-width:600px;margin:48px auto}.stat{text-align:center;padding:20px;background:linear-gradient(135deg,#2888c40d,#20a6a00d);border-radius:16px;border:1px solid rgba(40,136,196,.1)}.stat-number{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.cta-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff6b6b,#ffa726);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:16px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.subscription-section h3{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.subscription-section>p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:24px}.perks-list{text-align:left;max-width:400px;margin:0 auto 32px}.perk{display:flex;align-items:flex-start;padding:8px 0;font-size:1rem;color:var(--text-primary);font-weight:500;flex-direction:column}.perk-detail{font-size:.9rem;color:var(--text-secondary);font-weight:400;margin-top:4px;margin-left:0;padding-left:24px}.urgency-note{text-align:center;font-size:.9rem;color:var(--text-secondary);margin:16px 0 24px;font-style:italic;opacity:.8}.industry-focus{margin:48px 0;text-align:center}.industry-focus h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:24px}.industries{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:800px;margin:0 auto}.industry{background:linear-gradient(135deg,#2888c40d,#20a6a00d);border:1px solid rgba(40,136,196,.1);border-radius:12px;padding:12px 20px;font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;transition:all .3s ease}.industry svg{width:20px;height:20px;color:var(--primary-blue);flex-shrink:0}.industry:hover{background:linear-gradient(135deg,#2888c41a,#20a6a01a);border-color:var(--primary-blue);transform:translateY(-2px)}.industry:hover svg{color:var(--accent-teal)}.success-message{display:flex;flex-direction:column;align-items:center;gap:12px}.success-icon{font-size:2rem}.success-message p{color:var(--primary-blue);font-weight:600;margin:0}.preview-section{margin-top:48px}.preview-section p{color:var(--text-secondary);margin-bottom:16px}.preview-button{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--kokoodi-primary);border:2px solid var(--kokoodi-primary);padding:16px 28px;border-radius:12px;text-decoration:none;font-weight:700;font-size:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.preview-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--kokoodi-gradient);transition:left .4s ease;z-index:-1}.preview-button:hover:before{left:0}.preview-button:hover{color:#fff;border-color:var(--kokoodi-teal);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 32px #2888c44d,0 4px 16px #20a6a033}.preview-button svg{transition:transform .3s ease}.preview-button:hover svg{transform:translate(4px)}.footer{background:var(--light-gray);padding:40px 0;border-top:1px solid var(--border-light)}.footer-container{max-width:1200px;margin:0 auto;padding:0 40px}.footer-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.footer-logo{height:40px}.footer-logo img{height:100%;width:auto}.footer p{color:var(--text-secondary);font-size:14px;margin:0}.footer-text{text-align:center}.footer-text h4{color:var(--primary-blue);font-size:16px;margin:8px 0}.footer-text a{color:var(--primary-blue);text-decoration:none}.footer-text a:hover{text-decoration:underline}.credibility-section{margin:48px 0;text-align:center;padding:32px;background:#2888c40d;border-radius:16px;border:1px solid rgba(40,136,196,.1)}.credibility-title{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin:0 0 8px}.credibility-subtitle{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.credibility-description{font-size:1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.enterprise-expertise{font-size:1rem;color:var(--primary-blue);font-weight:600;margin:8px 0 16px;text-align:center}@media (max-width: 1024px) and (min-width: 769px){.hero-container{padding:0 40px 80px}.header-title{font-size:2.8rem}.header-secondary{font-size:1.3rem}.enterprise-badge{gap:14px}.value-props{gap:20px}.value-prop{min-width:130px;padding:18px 14px}}@media (max-width: 768px){.logo-header{padding:24px 0 12px}.logo img{height:48px}.hero{padding-top:16px;min-height:calc(100vh - 100px)}.hero-container{padding:0 20px 60px}.hero h1{font-size:2.5rem}.hero-description{font-size:1.1rem}.enterprise-badge{gap:12px;margin:24px 0 20px}.enterprise-badge span{font-size:11px;padding:8px 12px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.enterprise-badge span svg{width:12px;height:12px}.enterprise-badge span i{font-size:12px}.value-props{gap:16px;margin-top:24px}.value-prop{min-width:140px;padding:18px 14px;min-height:90px}.value-icon{width:40px;height:40px;font-size:20px;margin-bottom:8px}.value-icon svg{width:20px;height:20px}.value-icon i{font-size:20px}.value-prop span{font-size:12px}.header-title{font-size:2.2rem;line-height:1.2;margin-bottom:16px}.header-secondary{font-size:1.1rem;margin-bottom:16px}.header-subtitle{font-size:1rem;line-height:1.5;margin-bottom:24px}.coming-soon-image img{width:100%;height:auto;object-fit:cover;border-radius:var(--border-radius-large)}.subscription-section{padding:24px;margin:32px 0}.input-group{flex-direction:column}.email-input{font-size:16px}.feature-teasers{grid-template-columns:1fr;gap:16px;margin:32px 0}.feature-teaser{padding:20px;flex-direction:column;text-align:center;gap:12px}.feature-icon{font-size:1.8rem;min-width:50px;height:50px;margin:0 auto}.stats-container{grid-template-columns:1fr;gap:16px;margin:32px 0}.stat-number{font-size:2rem}.excitement-title{font-size:1.8rem}.excitement-description{font-size:1.1rem}.industries{flex-direction:column;align-items:center;gap:12px}.industry{font-size:.9rem;padding:10px 16px}}@media (max-width: 480px){.hero h1{font-size:2rem}.header-title{font-size:1.8rem;line-height:1.1}.header-secondary{font-size:1rem;margin-bottom:12px}.header-subtitle{font-size:.95rem;margin-bottom:20px}.enterprise-badge{gap:8px;margin:20px 0 16px;flex-direction:column;align-items:center}.enterprise-badge span{font-size:10px;padding:5px 10px}.value-props{gap:12px;margin-top:20px;grid-template-columns:repeat(2,1fr)}.value-prop{min-width:auto;padding:12px 8px}.value-icon{font-size:18px;margin-bottom:4px}.value-prop span{font-size:11px}.subscription-section{padding:20px}.coming-soon-image{margin:32px 0}.feature-teaser{padding:16px}.excitement-title{font-size:1.5rem}.excitement-description{font-size:1rem}.stat{padding:16px}.perks-list{font-size:.9rem}}.features-teaser{margin:3rem 0;text-align:center}.features-teaser h3{font-size:2rem;color:#36a2eb;margin-bottom:2rem;font-weight:700;background:linear-gradient(135deg,#36a2eb,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;max-width:900px;margin-left:auto;margin-right:auto}.feature-tease{display:flex;align-items:center;background:#36a2eb1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(54,162,235,.3);border-radius:16px;padding:1.5rem;transition:all .3s ease;cursor:pointer;color:#fff!important}.feature-tease:hover{transform:translateY(-5px);background:#36a2eb33;border-color:#36a2eb;box-shadow:0 10px 30px #36a2eb4d}.feature-icon{font-size:2.5rem;margin-right:1rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));color:gold}.feature-text{text-align:left;flex:1;color:#fff!important}.feature-text strong{display:block;font-size:1.1rem;color:#36a2eb!important;margin-bottom:.5rem;font-weight:600}.feature-text span{color:#fff!important;font-size:.9rem;opacity:.9}.power-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#36a2eb1a,#8b5cf61a);border-radius:20px;border:1px solid rgba(54,162,235,.3)}.power-stat{text-align:center;padding:1rem}.stat-big{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#36a2eb,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 0 20px rgba(54,162,235,.5)}.stat-desc{color:#fff!important;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.subscription-section h3{font-size:1.8rem;color:#36a2eb;margin-bottom:1rem;font-weight:700;background:linear-gradient(135deg,#36a2eb,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subscription-section p{font-size:1.1rem;color:#2c2b28;margin-bottom:2rem;font-weight:500;opacity:.9}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;gap:1rem}.power-stats{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.features-teaser h3{font-size:1.5rem}.feature-tease{padding:1rem}.stat-big{font-size:2rem}}.sidebar-container{width:400px;height:800px;background:var(--bg-white);border-radius:var(--radius-medium);box-shadow:var(--shadow-light);overflow:hidden;display:flex;flex-direction:column;position:relative}.logo-section{display:flex;align-items:center;gap:12px;flex:1}.logo{width:auto;height:40px;background:transparent;border-radius:var(--radius-small);display:flex;align-items:center;justify-content:center;margin-right:8px}.logo img{height:100%;width:auto;border-radius:inherit;object-fit:contain}.settings-container{position:relative}.settings-dropdown{position:absolute;top:40px;right:0;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-medium);box-shadow:0 4px 20px #00000026;padding:8px 0;min-width:180px;z-index:1000;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-item{width:100%;padding:8px 16px;border:none;background:none;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:8px}.settings-item:hover{background:var(--bg-light-gray)}.settings-item:focus{outline:none;background:var(--bg-light-gray)}.settings-divider{height:1px;background:var(--border-light);margin:4px 0}.tab-switcher-container{padding:16px 16px 20px;background:var(--bg-white);border-bottom:1px solid var(--border-light)}.search-section{padding:16px;border-bottom:1px solid var(--border-light);background:var(--bg-white)}.search-box{display:flex;align-items:center;background:var(--bg-light-gray);border:1px solid transparent;border-radius:6px;padding:8px 12px;transition:all .2s ease}.search-box:focus-within{border-color:var(--primary-blue);background:var(--bg-white)}.search-icon{color:var(--text-tertiary);margin-right:8px;font-size:14px}.filter-section{padding:8px 16px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-white)}.filter-toggles{display:flex;gap:8px}.filter-toggle{padding:6px 12px;border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-secondary);font-size:12px;font-weight:500;border-radius:16px;cursor:pointer;transition:all .2s ease}.filter-toggle:hover{background:var(--bg-light-gray);color:var(--text-primary)}.filter-toggle.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.filter-toggle:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.commands-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;min-height:0;scrollbar-width:thin;scrollbar-color:var(--text-tertiary) transparent}.commands-list::-webkit-scrollbar{width:6px}.commands-list::-webkit-scrollbar-track{background:transparent}.commands-list::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}.commands-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--bg-light-gray);border-top:3px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:14px;color:var(--text-secondary);font-weight:500}.command-detail{flex:1;display:flex;flex-direction:column;background:var(--bg-white)}.detail-header{padding:16px;border-bottom:1px solid var(--border-light);background:var(--bg-white)}.detail-title{display:flex;align-items:flex-start;justify-content:space-between}.command-info{flex:1}.detail-name{font-size:20px;line-height:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.detail-category{font-size:12px;color:var(--text-secondary);background:var(--bg-light-gray);padding:4px 8px;border-radius:12px;display:inline-block}.favorite-icon{background:none;border:none;font-size:20px;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-small);transition:var(--transition-fast)}.favorite-icon:hover{background:var(--bg-light-gray)}.favorite-icon.favorited{color:var(--warning-yellow)}.detail-content{flex:1;overflow-y:auto;padding:16px}.detail-section{margin-bottom:20px}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.detail-section p{font-size:14px;line-height:18px;color:var(--text-secondary)}.benefits-grid{display:grid;grid-template-columns:1fr;gap:8px}.benefit-item{display:flex;justify-content:space-between;padding:8px 12px;background:var(--bg-light-gray);border-radius:var(--radius-small)}.benefit-label{font-size:12px;color:var(--text-secondary)}.benefit-value{font-size:12px;font-weight:600;color:var(--text-primary)}.parameters-form{display:flex;flex-direction:column;gap:16px}.parameter-field{display:flex;flex-direction:column;gap:4px}.parameter-label{font-size:12px;font-weight:600;color:var(--text-primary)}.required{color:var(--error-red)}.parameter-description{font-size:11px;color:var(--text-secondary)}.parameter-input{padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-small);font-size:14px;color:var(--text-primary)}.parameter-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.parameter-toggles{display:flex;flex-wrap:wrap;gap:8px}.parameter-toggle{font-size:12px;color:var(--text-secondary);background:var(--bg-light-gray);padding:8px 16px;border:1px solid var(--border-light);border-radius:20px;cursor:pointer;transition:all .2s ease;font-weight:500;outline:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.parameter-toggle:hover{background:var(--bg-medium-gray);color:var(--text-primary)}.parameter-toggle.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 2px 6px #0078d440}.parameter-toggle:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.manual-steps{font-size:12px;line-height:16px;color:var(--text-secondary);background:var(--bg-light-gray);padding:12px;border-radius:var(--radius-small)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:11px;color:var(--text-secondary);background:var(--bg-light-gray);padding:4px 8px;border-radius:12px}.detail-footer{padding:16px;border-top:1px solid var(--border-light)}.execute-button{width:100%;padding:12px;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-small);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.execute-button:hover{background:var(--primary-blue-hover)}.execute-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.execute-button.executing{background:var(--bg-medium-gray);color:var(--text-secondary);cursor:not-allowed;pointer-events:none}.execute-button:disabled{opacity:.7}.spinner{display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.no-results{padding:40px 20px;text-align:center}.no-results-text{font-size:14px;color:var(--text-primary);margin-bottom:4px}.no-results-subtitle{font-size:12px;color:var(--text-secondary)}.chat-container{flex:1;display:flex;flex-direction:column;min-height:0}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 16px 16px;display:flex;flex-direction:column;gap:16px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--text-tertiary) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.message.assistant{flex-direction:row}.message-avatar{width:24px;height:24px;border-radius:50%;background:var(--text-secondary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #605e5c33;overflow:hidden}.message.assistant .message-avatar{background:var(--primary-blue);box-shadow:0 2px 8px #0078d433;padding:4px}.avatar-icon{width:24px;height:24px;border-radius:50%;object-fit:cover;filter:brightness(0) invert(1)}.message-content{padding:12px 16px;border-radius:18px;font-size:14px;line-height:20px;box-shadow:0 2px 12px #00000014;position:relative}.message.assistant .message-content{background:var(--bg-white);color:var(--text-primary);border:1px solid var(--border-light);border-bottom-left-radius:6px}.message.user .message-content{background:linear-gradient(135deg,var(--primary-blue) 0%,#005a9e 100%);color:#fff;border-bottom-right-radius:6px}.message-time{font-size:10px;color:var(--text-tertiary);margin-top:4px;text-align:left;opacity:.7}.message.user .message-time{text-align:right}.typing-indicator{display:flex;align-items:center;padding:12px 16px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:18px 18px 18px 6px;box-shadow:0 2px 12px #00000014}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:#9ca3af;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:0ms}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.chat-input-container{padding:16px;border-top:1px solid var(--border-light);background:var(--bg-white);flex-shrink:0}.chat-input-box{display:flex;align-items:flex-end;background:var(--bg-light-gray);border:2px solid transparent;border-radius:20px;padding:10px 6px 10px 16px;gap:8px;transition:all .2s ease;position:relative;min-height:44px}.chat-input-box:focus-within{border-color:var(--primary-blue);background:var(--bg-white);box-shadow:0 0 0 1px var(--primary-blue)}.chat-input{flex:1;border:none;background:none;outline:none;font-size:14px;line-height:20px;color:var(--text-primary);resize:none;min-height:20px;max-height:120px;font-family:inherit;padding:0;overflow-y:auto;word-wrap:break-word;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.chat-input::-webkit-scrollbar{width:4px}.chat-input::-webkit-scrollbar-track{background:transparent}.chat-input::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.chat-input::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.chat-input::placeholder{color:var(--text-tertiary)}.send-button{width:32px;height:32px;border:none;background:var(--primary-blue);color:#fff;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px;box-shadow:0 2px 6px #0078d440;flex-shrink:0}.send-button:hover{background:var(--primary-blue-hover);transform:translateY(-1px);box-shadow:0 3px 8px #0078d459}.send-button:disabled{background:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001a}.send-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.message-container{display:flex;flex-direction:column}.inline-buttons-container{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.inline-button{padding:6px 12px;border:1px solid var(--border-light);border-radius:20px;font-size:12px;line-height:14px;font-weight:500;cursor:pointer;transition:var(--transition-fast);background:#fff;color:var(--text-primary);min-width:auto}.inline-button.primary{background:#fff;color:var(--primary-blue);border-color:var(--primary-blue)}.inline-button.primary:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.inline-button.secondary{background:#fff;color:var(--text-secondary);border-color:var(--border-light)}.inline-button.secondary:hover{background:#fff;color:var(--primary-blue);border-color:var(--primary-blue)}.inline-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.parameter-collection{margin-top:16px;padding:16px;background:var(--bg-light);border-radius:var(--radius-small);border:1px solid var(--border-light)}.parameter-fields{margin-bottom:16px}.command-parameters{margin-bottom:20px}.command-parameters:last-child{margin-bottom:0}.command-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:4px;border-bottom:1px solid var(--border-light)}.parameter-group{margin-bottom:16px}.parameter-group:last-child{margin-bottom:0}.inline-button-primary{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.inline-button-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.inline-button-secondary{background:#fff;color:var(--text-secondary);border-color:var(--border-light)}.inline-button-secondary:hover{background:#fff;color:var(--primary-blue);border-color:var(--primary-blue)}.parameter-collection-container{margin-top:16px;padding:16px;background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-medium)}.parameter-field{margin-bottom:16px}.parameter-field:last-child{margin-bottom:0}.parameter-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.parameter-required{color:var(--error-red);margin-left:4px}.parameter-options{display:flex;flex-wrap:wrap;gap:8px}.parameter-pill{font-size:12px;color:var(--text-primary);background:var(--bg-light-gray);padding:8px 16px;border:2px solid var(--border-light);border-radius:20px;cursor:pointer;transition:all .2s ease;font-weight:500;outline:none;-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative}.parameter-pill:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);transform:translateY(-1px);box-shadow:0 2px 8px #0078d44d}.parameter-pill.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 2px 6px #0078d440;padding-right:24px}.parameter-pill.active:after{content:"✓";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700}.parameter-pill:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.parameter-run-container{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end}.parameter-run-button{background:var(--primary-blue);color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.parameter-run-button:hover:not(:disabled){background:var(--primary-blue-dark, #106ebe);transform:translateY(-1px);box-shadow:0 4px 12px #0078d44d}.parameter-run-button:disabled{background:var(--border-light);color:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.parameter-run-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}@media (max-width: 768px){.sidebar-container{width:100vw;height:100vh;border-radius:0;box-shadow:none}.header{padding:12px 16px}.logo{height:32px}.message-content{padding:10px 14px;font-size:14px;line-height:1.5}.search-input{font-size:16px}.input-section{padding:12px 16px}.message-input{font-size:16px;padding:10px 12px}}@media (max-width: 480px){.header{padding:10px 12px}.tab-button{padding:6px 12px;font-size:13px}.message-content{padding:8px 12px;font-size:13px}.command-item{padding:10px 12px}}.message-container{display:flex;flex-direction:column;animation:messageSlideIn .2s ease-out}.message.user .message-container{align-items:flex-end}.assistant-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-light)}.assistant-avatar{width:32px;height:32px;background:var(--primary-blue);border-radius:var(--radius-small);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600}.assistant-info{flex:1}.assistant-name{font-size:16px;line-height:20px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.assistant-status{font-size:12px;line-height:16px;color:var(--text-secondary)}.chat-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:8px;animation:messageSlideIn .2s ease-out}.message.user{flex-direction:row-reverse}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:24px;height:24px;border-radius:50%;background:var(--primary-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px;font-weight:600;flex-shrink:0}.message.user .message-avatar{background:var(--text-secondary);color:#fff;font-size:14px;font-weight:700;border:2px solid var(--border-light)}.message-avatar img{max-width:100%;max-height:100%;border-radius:inherit;object-fit:cover}.message-wrapper{max-width:75%}.message-content{padding:12px 16px;border-radius:12px;font-size:14px;line-height:18px;box-shadow:0 1px 3px #0000000d}.message.assistant .message-content{background:var(--bg-light-gray);color:var(--text-primary);border-bottom-left-radius:var(--radius-small)}.message.user .message-content{background:var(--primary-blue);color:#fff;border-bottom-right-radius:var(--radius-small)}.message-timestamp{font-size:11px;line-height:14px;color:var(--text-tertiary);margin-top:4px;text-align:right}.message.assistant .message-timestamp{text-align:left}.action-buttons{display:flex;gap:8px;margin-top:12px}.action-button{padding:8px 12px;border:1px solid var(--border-light);background:#fff;color:var(--text-primary);font-size:12px;line-height:16px;border-radius:var(--radius-small);cursor:pointer;transition:var(--transition-fast)}.action-button:hover{background:var(--bg-light-gray);border-color:var(--primary-blue)}.action-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.confirmation-buttons-container{display:flex;gap:8px;margin-top:8px;margin-left:32px;padding:0}.message.user .confirmation-buttons-container{margin-left:0;margin-right:32px;justify-content:flex-end}.message-buttons{display:flex;gap:8px;margin-top:12px}.confirmation-button{padding:12px 16px;border:none;border-radius:var(--radius-small);font-size:14px;line-height:16px;font-weight:600;cursor:pointer;transition:var(--transition-fast);min-width:120px}.confirmation-button.primary{background:var(--primary-blue);color:#fff}.confirmation-button.primary:hover{background:var(--primary-blue-hover)}.confirmation-button.primary:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.confirmation-button.secondary{background:var(--bg-medium-gray);color:var(--text-primary);border:1px solid var(--border-light)}.confirmation-button.secondary:hover{background:var(--bg-light-gray);border-color:var(--primary-blue)}.confirmation-button.secondary:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.typing-indicator{display:none;align-items:center;gap:8px;padding:12px 16px;font-size:12px;line-height:16px;color:var(--text-secondary);font-style:italic}.typing-indicator.show{display:flex}.typing-dots{display:flex;gap:2px}.typing-dot{width:4px;height:4px;background:var(--text-tertiary);border-radius:50%;animation:typingPulse 1.4s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.input-area{padding:16px;border-top:1px solid var(--border-light)}.input-box{display:flex;align-items:center;background:var(--bg-light-gray);border-radius:var(--radius-small);padding:8px 12px;gap:8px}.input-field{flex:1;border:none;background:none;outline:none;font-size:14px;line-height:18px;color:var(--text-primary);min-height:18px;resize:none;padding:0;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-y:auto;max-height:80px}.input-field:focus{outline:none}.input-field::placeholder{color:var(--text-tertiary)}.input-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:4px;border-radius:var(--radius-small);transition:var(--transition-fast)}.input-button:hover{background:var(--bg-medium-gray);color:var(--primary-blue)}.input-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.input-button.send{color:var(--primary-blue)}.input-button.send:disabled{color:var(--text-tertiary);cursor:not-allowed}@media (max-width: 768px){.chat-container{height:calc(100vh - 140px)}.chat-messages{padding:12px;gap:12px}.message-avatar{width:28px;height:28px;font-size:13px}.search-section{padding:12px}.filter-buttons{gap:8px;flex-wrap:wrap}.filter-button{padding:6px 12px;font-size:13px}}@media (max-width: 480px){.message-container{margin-bottom:10px}.message-content{max-width:85%}.message-avatar{width:24px;height:24px;font-size:12px}}.sidebar-container{width:400px;height:800px;background:var(--bg-white);border-radius:var(--radius-medium);box-shadow:var(--shadow-light);overflow:hidden;display:flex;flex-direction:column}.header{padding:16px;border-bottom:1px solid var(--border-light);background:var(--bg-white)}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.logo-section{display:flex;align-items:center;gap:8px}.logo{width:48px;height:48px;background:transparent;border-radius:var(--radius-small);display:flex;align-items:center;justify-content:center}.logo img{max-width:100%;max-height:100%;border-radius:inherit;object-fit:cover}.app-title{font-size:16px;line-height:20px;font-weight:600;color:var(--text-primary)}.status{font-size:12px;line-height:16px;color:var(--text-secondary);margin-top:4px}.settings-icon{width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:var(--radius-small);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast)}.settings-icon:hover{background:var(--bg-light-gray)}.settings-icon:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.search-section{padding:16px;border-bottom:1px solid var(--border-light)}.search-box{display:flex;align-items:center;background:var(--bg-light-gray);border-radius:var(--radius-medium);padding:8px 12px;margin-bottom:12px}.search-icon{color:var(--text-secondary);margin-right:8px;font-size:14px}.search-input{flex:1;border:none;background:none;outline:none;font-size:14px;line-height:18px;color:var(--text-primary)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:2px solid var(--primary-blue);outline-offset:-2px}.commands-list{flex:1;overflow-y:auto;padding:8px 0}.command-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:var(--transition-medium);border:none;background:none;width:100%;text-align:left}.command-item:hover{background:var(--bg-light-gray)}.command-title{font-size:14px;color:var(--text-primary);font-weight:400}.command-arrow{color:var(--text-tertiary);font-size:16px}.expanded-command{flex:1;padding:20px;overflow-y:auto;display:none}.expanded-command.active{display:block}.command-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.command-info h2{font-size:20px;line-height:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.command-description{font-size:14px;line-height:18px;color:var(--text-secondary)}.favorite-icon{background:none;border:none;font-size:20px;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:6px;transition:var(--transition-fast)}.favorite-icon:hover{background:var(--bg-light-gray);color:var(--primary-blue)}.favorite-icon:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.favorite-icon.active{color:var(--warning-yellow)}.form-section{margin-bottom:24px}.field-group{margin-bottom:20px}.field-label{font-size:14px;line-height:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.field-label .required{color:var(--error-red);font-weight:400}.field-label .optional{color:var(--text-secondary);font-weight:400}.field-subtitle{font-size:12px;line-height:16px;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;font-size:14px;line-height:18px;color:var(--text-primary);background:#fff;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.form-input:hover{border-color:var(--text-secondary)}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-input{width:16px;height:16px;accent-color:var(--primary-blue)}.checkbox-input:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.checkbox-label{font-size:14px;line-height:18px;color:var(--text-primary);cursor:pointer}.tag-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-button{padding:8px 12px;background:var(--bg-light-gray);border:1px solid var(--border-light);border-radius:var(--radius-small);font-size:12px;line-height:16px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.tag-button:hover{background:var(--bg-medium-gray);border-color:var(--primary-blue)}.tag-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.tag-button.selected{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.tags-section{margin:20px 0}.tags-grid{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:4px 12px;background:var(--bg-light-gray);border-radius:var(--radius-small);font-size:12px;line-height:16px;color:var(--text-secondary)}.back-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:1px solid var(--border-light);border-radius:var(--radius-medium);color:var(--text-primary);cursor:pointer;font-size:14px;line-height:18px;margin-bottom:16px;transition:var(--transition-fast)}.back-button:hover{background:var(--bg-light-gray);border-color:var(--primary-blue)}.back-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.run-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-medium);font-size:14px;line-height:18px;font-weight:500;cursor:pointer;transition:var(--transition-fast);position:relative;box-shadow:var(--shadow-medium)}.run-button:hover{background:var(--primary-blue-hover);box-shadow:var(--shadow-hover)}.run-button:active{transform:scale(.98)}.run-button:focus{outline:2px solid white;outline-offset:2px}.run-button:disabled{background:var(--text-tertiary);cursor:not-allowed;box-shadow:none}.bottom-section{display:flex;justify-content:space-between;align-items:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-light)}.meta-info{font-size:12px;line-height:16px;color:var(--text-secondary)}.status-timestamp{font-size:11px;line-height:14px;color:var(--text-tertiary);margin-top:8px;text-align:right}.error-bar{display:none;background:var(--warning-bg);border:1px solid var(--warning-yellow);border-radius:var(--radius-medium);padding:12px;margin:12px 0;font-size:13px;line-height:16px;color:#8a8886}.error-bar.show{display:flex;align-items:center;gap:8px}.error-icon{color:var(--warning-yellow);font-size:16px}.run-button .spinner{display:none;width:14px;height:14px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.run-button.running .spinner{display:block}.run-button.running .run-icon{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tab-switcher{display:flex;background:var(--bg-light-gray);border-radius:var(--radius-large);padding:4px;gap:4px}.tab-button{flex:1;padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;line-height:18px;font-weight:500;border-radius:16px;cursor:pointer;transition:var(--transition-fast)}.tab-button.active{background:var(--primary-blue);color:#fff;box-shadow:var(--shadow-medium)}.tab-button:hover:not(.active){background:var(--bg-medium-gray)}.tab-button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.smartcommands-tab,.assistant-tab{flex:1;display:none;flex-direction:column;overflow:hidden;min-height:0}.smartcommands-tab.active,.assistant-tab.active{display:flex}.assistant-content,.smartcommands-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #0078d4;--primary-blue-hover: #005a9e;--text-primary: #323130;--text-secondary: #605e5c;--text-tertiary: #a19f9d;--bg-white: #ffffff;--bg-light-gray: #f3f3f3;--bg-medium-gray: #e5e5e5;--border-light: #e5e5e5;--warning-yellow: #ffb900;--warning-bg: #fff4ce;--error-red: #d83b01;--shadow-light: 0 1px 3px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .07);--shadow-medium: 0 1px 3px rgba(0, 0, 0, .1);--shadow-hover: 0 2px 6px rgba(0, 0, 0, .15);--radius-small: 4px;--radius-medium: 8px;--radius-large: 20px;--transition-fast: all .1s ease;--transition-medium: all .2s ease}body{font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f5;padding:20px;min-height:100vh;font-size:14px;line-height:1.4}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start}.text-h1{font-size:20px;line-height:24px;font-weight:600}.text-h2{font-size:16px;line-height:20px;font-weight:600}.text-body{font-size:14px;line-height:18px;font-weight:400}.text-caption{font-size:12px;line-height:16px;font-weight:400}.text-small{font-size:11px;line-height:14px;font-weight:400}