.dashboard-container{display:flex;min-height:100vh;background-color:#f7fafc}.sidebar{width:260px;background:linear-gradient(180deg,#1a202c,#2d3748);color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h1{margin:0 0 4px;font-size:20px;font-weight:700}.sidebar-header p{margin:0;font-size:12px;color:#a0aec0}.sidebar-nav{flex:1;padding:20px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#cbd5e0;text-decoration:none;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background-color:#ffffff0d;color:#fff}.nav-item.active{background-color:#667eea26;border-left-color:#667eea;color:#fff}.nav-icon{font-size:20px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-details{flex:1}.user-name{font-weight:500;font-size:14px}.user-role{font-size:12px;color:#a0aec0;text-transform:capitalize}.btn-logout{width:100%;padding:8px 16px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-logout:hover{background-color:#ffffff26}.main-content{flex:1;margin-left:260px;padding:32px;min-height:100vh}@media (max-width: 768px){.sidebar{width:200px}.main-content{margin-left:200px;padding:20px}.nav-item span:not(.nav-icon){font-size:14px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:30px}.login-header h1{margin:0 0 8px;color:#1a202c;font-size:28px}.login-header p{margin:0;color:#718096;font-size:16px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#2d3748;font-size:14px}.form-group input{padding:12px 16px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{background-color:#fed7d7;color:#c53030;padding:12px 16px;border-radius:6px;font-size:14px;border-left:4px solid #f56565}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.login-footer{margin-top:24px;text-align:center;color:#718096;font-size:14px}.login-footer p{margin:0}.dashboard-page{max-width:1400px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:36px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px}.stat-content{flex:1}.stat-value{font-size:32px;font-weight:700;color:#1a202c;line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:#718096}.recent-activity{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.recent-activity h2{margin:0 0 20px;font-size:20px;color:#1a202c}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f7fafc;border-radius:8px;border-left:3px solid #667eea}.activity-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px}.activity-content{flex:1}.activity-description{font-size:14px;color:#2d3748;margin-bottom:4px}.activity-time{font-size:12px;color:#a0aec0}.empty-state{text-align:center;padding:40px 20px;color:#718096}.empty-state p{margin:8px 0}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.page-header h1{font-size:24px}.stat-value{font-size:28px}}.filters{display:flex;gap:12px;margin-bottom:24px}.filter-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:14px;cursor:pointer;transition:border-color .2s}.filter-select:hover{border-color:#cbd5e0}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.appointments-list{display:flex;flex-direction:column;gap:16px}.appointment-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;transition:box-shadow .2s}.appointment-card:hover{box-shadow:0 4px 12px #0000001a}.appointment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.appointment-customer{display:flex;align-items:center;gap:12px}.customer-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.customer-name{font-weight:600;font-size:16px;color:#1a202c;margin-bottom:4px}.customer-contact{font-size:14px;color:#718096}.appointment-badges{display:flex;gap:8px}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-yellow{background-color:#fef5e7;color:#d97706}.badge-blue{background-color:#dbeafe;color:#2563eb}.badge-green{background-color:#d1fae5;color:#059669}.badge-red{background-color:#fee2e2;color:#dc2626}.badge-gray{background-color:#f3f4f6;color:#6b7280}.appointment-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row{display:flex;gap:12px;font-size:14px}.detail-label{color:#718096;min-width:100px}.appointment-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.btn-approve{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-approve:hover{transform:translateY(-1px)}.btn-reject{padding:10px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-reject:hover{transform:translateY(-1px)}.btn-cancel{padding:10px 20px;background:#f3f4f6;color:#6b7280;border:1px solid #e2e8f0;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e5e7eb}.btn-secondary{padding:10px 20px;background:#fff;color:#4b5563;border:1px solid #d1d5db;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal h2{margin:0 0 16px;font-size:24px;color:#1a202c}.modal p{margin:8px 0;color:#4b5563}.modal .form-group{margin:20px 0}.modal .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.modal textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical}.modal textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-actions{display:flex;gap:12px;margin-top:24px}@media (max-width: 768px){.filters{flex-direction:column}.appointment-header{flex-direction:column;gap:12px}.appointment-actions{flex-direction:column}.modal{padding:24px}}.conversations-page{padding:24px;height:100%;display:flex;flex-direction:column}.conversations-page .page-header{margin-bottom:24px}.conversations-page .page-header h1{font-size:1.75rem;color:#1f2937;margin:0 0 8px}.conversations-page .page-header p{color:#6b7280;margin:0}.conversations-layout{display:grid;grid-template-columns:400px 1fr;gap:24px;flex:1;min-height:0}@media (max-width: 1200px){.conversations-layout{grid-template-columns:350px 1fr}}@media (max-width: 900px){.conversations-layout{grid-template-columns:1fr}.conversation-detail-panel{display:none}}.conversations-list-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.conversations-list-panel .filters{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.search-box{display:flex;gap:8px}.search-box input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.search-box input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.btn-search{padding:8px 16px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.btn-search:hover{background:#4338ca}.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.conversation-list{flex:1;overflow-y:auto}.conversation-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .15s ease}.conversation-item:hover{background:#f9fafb}.conversation-item.selected{background:#eef2ff;border-left:3px solid #4F46E5}.conversation-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-name{font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:12px;color:#9ca3af;flex-shrink:0}.conversation-preview{font-size:14px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.conversation-meta{display:flex;gap:8px;align-items:center}.message-count{font-size:12px;color:#9ca3af}.conversation-detail-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.detail-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.detail-customer{display:flex;gap:16px;align-items:center}.customer-avatar-large{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:24px}.detail-customer h3{margin:0 0 4px;font-size:18px;color:#1f2937}.detail-customer p{margin:0;font-size:14px;color:#6b7280}.status-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:#f9fafb}.message{display:flex;flex-direction:column;max-width:80%}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message.system{align-self:center;max-width:90%}.message-bubble{padding:12px 16px;border-radius:16px;word-wrap:break-word}.message.user .message-bubble{background:#4f46e5;color:#fff;border-bottom-right-radius:4px}.message.assistant .message-bubble{background:#fff;color:#1f2937;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.message.system .message-bubble{background:#fef3c7;color:#92400e;font-size:13px}.message-content{white-space:pre-wrap;line-height:1.5}.message-tools{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1);font-size:12px}.tool-indicator{color:#6b7280}.tool-name{background:#0000001a;padding:2px 6px;border-radius:4px;margin-left:4px}.message-meta{display:flex;gap:8px;margin-top:4px;padding:0 4px}.message-role{font-size:11px;color:#9ca3af;text-transform:capitalize}.message-time{font-size:11px;color:#9ca3af}.message-model{font-size:11px;color:#9ca3af;font-family:monospace}.conversation-info-footer{padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;gap:24px}.conversation-info-footer p{margin:0;font-size:13px;color:#6b7280}.empty-state,.empty-detail{padding:48px 24px;text-align:center;color:#6b7280}.empty-state-hint{font-size:14px;color:#9ca3af;margin-top:8px}.integrations-page{max-width:1200px}.integration-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.section-header h2{margin:0;font-size:20px;color:#1a202c}.btn-add{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-add:hover{transform:translateY(-1px)}.empty-section{text-align:center;padding:40px 20px;color:#718096}.empty-section p{margin:8px 0}.empty-section .hint{font-size:14px;color:#a0aec0}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.integration-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s}.integration-card:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000d}.integration-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px}.integration-info{flex:1}.integration-info h3{margin:0 0 4px;font-size:16px;color:#1a202c}.integration-email{margin:0 0 8px;font-size:13px;color:#718096}.integration-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background-color:#d1fae5;color:#059669}.status-badge.inactive{background-color:#fee2e2;color:#dc2626}.sync-time{font-size:11px;color:#a0aec0}.btn-disconnect{padding:8px 16px;background:#fff;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-disconnect:hover{background:#fee2e2}.provider-options{display:flex;flex-direction:column;gap:12px;margin:24px 0}.provider-option{display:flex;align-items:center;gap:12px;padding:16px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:16px;font-weight:500}.provider-option:hover:not(:disabled){border-color:#667eea;background:#eef2ff}.provider-option:disabled{opacity:.5;cursor:not-allowed}.provider-option .provider-icon{font-size:24px}.provider-option .coming-soon{margin-left:auto;font-size:12px;color:#a0aec0;font-weight:400}.info-message{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;padding:16px;margin:20px 0}.info-message p{margin:8px 0;color:#4338ca;font-size:14px}.info-message code{background:#ddd6fe;padding:2px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}@media (max-width: 768px){.integrations-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.integration-card{flex-direction:column;text-align:center}}.knowledge-base-page{padding:24px}.knowledge-base-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.knowledge-base-page .page-header h1{font-size:1.75rem;color:#1f2937;margin:0 0 8px}.knowledge-base-page .page-header p{color:#6b7280;margin:0}.btn-primary{padding:10px 20px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.btn-primary:hover{background:#4338ca}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:80px 24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:20px;color:#1f2937;margin:0 0 8px}.empty-state p{color:#6b7280;max-width:400px;margin:0 auto 24px}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.document-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease;position:relative}.document-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.document-card.selected{border:2px solid #4F46E5}.document-icon{font-size:36px;flex-shrink:0}.document-info{flex:1;min-width:0}.document-info h4{margin:0 0 8px;font-size:16px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px}.document-meta{display:flex;gap:8px;align-items:center;margin-bottom:8px}.chunk-count{font-size:12px;color:#6b7280}.document-date{font-size:12px;color:#9ca3af;margin:0}.btn-delete{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#fee2e2;color:#dc2626;border:none;font-size:18px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s ease}.document-card:hover .btn-delete{opacity:1}.btn-delete:hover{background:#dc2626;color:#fff}.document-preview{margin-top:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.preview-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.preview-header h3{margin:0;font-size:18px;color:#1f2937}.btn-close{width:32px;height:32px;border-radius:50%;background:#f3f4f6;color:#6b7280;border:none;font-size:20px;cursor:pointer}.btn-close:hover{background:#e5e7eb}.preview-content{padding:20px}.preview-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.detail-row{display:flex;gap:8px;align-items:center}.detail-row .label{font-weight:500;color:#374151}.preview-note{color:#6b7280;font-size:14px;margin:0;padding:16px;background:#f9fafb;border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal h2{margin:0 0 20px;font-size:20px;color:#1f2937}.upload-tabs{display:flex;gap:8px;margin-bottom:20px}.upload-tabs .tab{flex:1;padding:12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;cursor:pointer;transition:all .15s ease}.upload-tabs .tab:hover{background:#e5e7eb}.upload-tabs .tab.active{background:#eef2ff;border-color:#4f46e5;color:#4f46e5}.upload-zone{margin-bottom:16px}.dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.dropzone:hover{border-color:#4f46e5;background:#f9fafb}.dropzone-icon{font-size:48px;margin-bottom:12px}.dropzone p{margin:0;color:#374151}.dropzone .hint{font-size:13px;color:#9ca3af;margin-top:8px}.text-form,.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit}.form-group textarea{resize:vertical;min-height:150px}.btn-cancel{display:block;width:100%;padding:12px;background:transparent;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-size:14px;cursor:pointer;margin-top:12px}.btn-cancel:hover{background:#f3f4f6}.upload-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1001}.upload-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.upload-overlay p{color:#374151;font-size:16px}.badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:500;text-transform:capitalize}.badge-green{background:#d1fae5;color:#065f46}.badge-yellow{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#dc2626}.badge-gray{background:#f3f4f6;color:#374151}.loading{padding:48px 24px;text-align:center;color:#6b7280}.settings-page{max-width:800px}.settings-container{display:flex;flex-direction:column;gap:24px}.settings-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.settings-section h2{margin:0 0 20px;font-size:20px;color:#1a202c;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical}.form-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.form-row .form-group{margin-bottom:20px}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.btn-save{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;transition:transform .2s}.btn-save:hover:not(:disabled){transform:translateY(-1px)}.success-message{background-color:#d1fae5;color:#059669;padding:12px 16px;border-radius:6px;margin-bottom:20px;border-left:4px solid #10b981}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#4b5563;font-size:14px}.info-value{color:#1f2937;font-size:14px}.info-value code{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}.role-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;background-color:#dbeafe;color:#2563eb}.info-message{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.info-message p{margin:8px 0;color:#4b5563;font-size:14px}.info-message .hint{font-size:13px;color:#6b7280}@media (max-width: 768px){.settings-page{max-width:100%}.info-row{flex-direction:column;align-items:flex-start;gap:8px}}.chat-widget{--widget-primary: #4F46E5;--widget-primary-dark: #4338CA;--widget-bg: #ffffff;--widget-text: #1f2937;--widget-text-muted: #6b7280;--widget-border: #e5e7eb;--widget-shadow: 0 10px 40px rgba(0, 0, 0, .15);--widget-radius: 16px;position:fixed;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.chat-widget.bottom-right{bottom:20px;right:20px}.chat-widget.bottom-left{bottom:20px;left:20px}.chat-widget-bubble{width:60px;height:60px;border-radius:50%;background:var(--widget-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--widget-shadow);transition:transform .2s ease,background-color .2s ease}.chat-widget-bubble:hover{transform:scale(1.05);background:var(--widget-primary-dark)}.chat-widget-bubble svg{width:28px;height:28px;fill:#fff}.chat-widget-bubble.open svg.icon-chat{display:none}.chat-widget-bubble.open svg.icon-close{display:block}.chat-widget-bubble:not(.open) svg.icon-chat{display:block}.chat-widget-bubble:not(.open) svg.icon-close{display:none}.chat-widget-window{position:absolute;bottom:80px;width:380px;max-width:calc(100vw - 40px);height:520px;max-height:calc(100vh - 120px);background:var(--widget-bg);border-radius:var(--widget-radius);box-shadow:var(--widget-shadow);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.chat-widget.bottom-right .chat-widget-window{right:0}.chat-widget.bottom-left .chat-widget-window{left:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-widget-header{background:var(--widget-primary);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px}.chat-widget-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}.chat-widget-header-info{flex:1}.chat-widget-agent-name{font-weight:600;font-size:16px;margin:0 0 2px}.chat-widget-status{font-size:12px;opacity:.9}.chat-widget-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.chat-widget-close:hover{background:#ffffff1a}.chat-widget-close svg{width:20px;height:20px}.chat-widget-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-widget-messages::-webkit-scrollbar{width:6px}.chat-widget-messages::-webkit-scrollbar-track{background:transparent}.chat-widget-messages::-webkit-scrollbar-thumb{background:var(--widget-border);border-radius:3px}.chat-message{max-width:85%;display:flex;flex-direction:column}.chat-message.user{align-self:flex-end}.chat-message.assistant{align-self:flex-start}.chat-message-content{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word}.chat-message.user .chat-message-content{background:var(--widget-primary);color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .chat-message-content{background:#f3f4f6;color:var(--widget-text);border-bottom-left-radius:4px}.chat-message.assistant .chat-message-content p{margin:0}.chat-message.assistant .chat-message-content p+p{margin-top:8px}.chat-message.assistant .chat-message-content strong{font-weight:600}.chat-message.assistant .chat-message-content em{font-style:italic}.chat-message.assistant .chat-message-content ul,.chat-message.assistant .chat-message-content ol{margin:8px 0;padding-left:20px}.chat-message.assistant .chat-message-content li{margin:4px 0}.chat-message.assistant .chat-message-content code{background:#00000014;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px}.chat-message.assistant .chat-message-content pre{background:#00000014;padding:10px;border-radius:8px;overflow-x:auto;margin:8px 0}.chat-message.assistant .chat-message-content pre code{background:none;padding:0}.chat-message.assistant .chat-message-content a{color:var(--widget-primary);text-decoration:none}.chat-message.assistant .chat-message-content a:hover{text-decoration:underline}.chat-message.assistant .chat-message-content h1,.chat-message.assistant .chat-message-content h2,.chat-message.assistant .chat-message-content h3{font-weight:600;margin:12px 0 8px}.chat-message.assistant .chat-message-content h1:first-child,.chat-message.assistant .chat-message-content h2:first-child,.chat-message.assistant .chat-message-content h3:first-child,.chat-message.assistant .chat-message-content p:first-child{margin-top:0}.chat-message.assistant .chat-message-content h1{font-size:16px}.chat-message.assistant .chat-message-content h2{font-size:15px}.chat-message.assistant .chat-message-content h3{font-size:14px}.chat-message.assistant .chat-message-content blockquote{border-left:3px solid var(--widget-primary);margin:8px 0;padding-left:12px;color:var(--widget-text-muted)}.chat-message-time{font-size:11px;color:var(--widget-text-muted);margin-top:4px;padding:0 4px}.chat-message.user .chat-message-time{text-align:right}.typing-indicator{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#f3f4f6;border-radius:16px 16px 16px 4px;align-self:flex-start;max-width:60px}.typing-indicator span{width:8px;height:8px;background:var(--widget-text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-widget-input{padding:12px 16px;border-top:1px solid var(--widget-border);display:flex;gap:8px;align-items:flex-end}.chat-widget-input textarea{flex:1;border:1px solid var(--widget-border);border-radius:20px;padding:10px 16px;font-size:14px;font-family:inherit;resize:none;max-height:120px;outline:none;transition:border-color .2s ease}.chat-widget-input textarea:focus{border-color:var(--widget-primary)}.chat-widget-input textarea::placeholder{color:var(--widget-text-muted)}.chat-widget-send{width:40px;height:40px;border-radius:50%;background:var(--widget-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .1s ease;flex-shrink:0}.chat-widget-send:hover:not(:disabled){background:var(--widget-primary-dark)}.chat-widget-send:active:not(:disabled){transform:scale(.95)}.chat-widget-send:disabled{opacity:.5;cursor:not-allowed}.chat-widget-send svg{width:18px;height:18px;fill:#fff}.chat-widget-footer{padding:8px;text-align:center;font-size:11px;color:var(--widget-text-muted);border-top:1px solid var(--widget-border)}.chat-widget-footer a{color:var(--widget-primary);text-decoration:none}.chat-widget-footer a:hover{text-decoration:underline}@media (max-width: 480px){.chat-widget-window{width:calc(100vw - 20px);height:calc(100vh - 100px);bottom:70px}.chat-widget.bottom-right,.chat-widget.bottom-left{bottom:10px;right:10px;left:auto}.chat-widget.bottom-left .chat-widget-window{left:auto;right:0}}.widget-customization-page{padding:24px}.page-header{margin-bottom:24px}.page-header h1{font-size:1.75rem;color:#1f2937;margin:0 0 8px}.page-header p{color:#6b7280;margin:0}.success-message{background:#d1fae5;color:#065f46;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.customization-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media (max-width: 1200px){.customization-layout{grid-template-columns:1fr}}.settings-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.tabs{display:flex;border-bottom:1px solid #e5e7eb}.tab{flex:1;padding:14px 16px;background:transparent;border:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:#374151;background:#f9fafb}.tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.tab-content{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.form-group input[type=text],.form-group input[type=url],.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group .hint{display:block;font-size:12px;color:#9ca3af;margin-top:4px}.form-group .char-count{display:block;font-size:12px;color:#9ca3af;text-align:right;margin-top:4px}.color-picker{display:flex;gap:12px;align-items:center}.color-picker input[type=color]{width:48px;height:48px;border:none;border-radius:8px;cursor:pointer;padding:0}.color-picker input[type=text]{flex:1;font-family:monospace}.color-presets{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.color-preset{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.color-preset:hover{transform:scale(1.1)}.color-preset.active{border-color:#1f2937}.position-options{display:flex;gap:16px}.position-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;transition:border-color .2s ease,background-color .2s ease}.position-option:has(input:checked){border-color:#4f46e5;background:#eef2ff}.position-option input{margin:0}.tone-options{display:flex;flex-direction:column;gap:12px}.tone-option{cursor:pointer}.tone-option input{display:none}.tone-card{display:block;padding:16px;border:1px solid #d1d5db;border-radius:8px;transition:border-color .2s ease,background-color .2s ease}.tone-option:has(input:checked) .tone-card{border-color:#4f46e5;background:#eef2ff}.tone-card:hover{border-color:#9ca3af}.tone-name{display:block;font-weight:600;color:#374151;margin-bottom:4px}.tone-desc{display:block;font-size:13px;color:#6b7280}.btn-save{width:100%;padding:12px 24px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:8px}.btn-save:hover:not(:disabled){background:#4338ca}.btn-save:disabled{opacity:.6;cursor:not-allowed}.embed-section h3{font-size:16px;color:#1f2937;margin:0 0 8px}.embed-section>p{color:#6b7280;font-size:14px;margin-bottom:16px}.code-block{position:relative;background:#1f2937;border-radius:8px;padding:16px;margin-bottom:20px}.code-block pre{margin:0;color:#e5e7eb;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.btn-copy{position:absolute;top:8px;right:8px;padding:6px 12px;background:#ffffff1a;color:#e5e7eb;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.btn-copy:hover{background:#fff3}.embed-info{background:#f9fafb;border-radius:8px;padding:16px}.embed-info h4{font-size:14px;color:#374151;margin:0 0 12px}.embed-info ul{margin:0;padding-left:0;list-style:none}.embed-info li{font-size:13px;color:#6b7280;margin-bottom:8px}.embed-info code{background:#e5e7eb;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px;color:#4f46e5}.preview-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:sticky;top:24px}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.preview-header h3{font-size:14px;font-weight:600;color:#374151;margin:0}.btn-refresh{padding:6px 12px;background:#f3f4f6;color:#374151;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.btn-refresh:hover{background:#e5e7eb}.preview-container{position:relative;height:500px;overflow:hidden}.preview-mock-site{height:100%;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);padding:20px}.mock-header{background:#fff;padding:12px 20px;border-radius:8px;font-weight:600;color:#374151;margin-bottom:16px;box-shadow:0 1px 2px #0000000d}.mock-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 2px #0000000d}.mock-content p{color:#6b7280;margin:0 0 12px;font-size:14px}.mock-content p:last-child{margin-bottom:0}.preview-container .chat-widget{position:absolute}.loading{padding:48px;text-align:center;color:#6b7280}.widget-demo-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.widget-demo-content{max-width:600px;margin:0 auto;text-align:center;color:#fff}.widget-demo-content h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.widget-demo-content>p{font-size:1.1rem;opacity:.9;margin-bottom:2rem;line-height:1.6}.widget-demo-info{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px 32px;text-align:left}.widget-demo-info h2{font-size:1.25rem;margin-bottom:1rem}.widget-demo-info ul{margin:0;padding-left:1.5rem}.widget-demo-info li{margin-bottom:.5rem;opacity:.9}.landing-page{--primary: #4F46E5;--primary-dark: #4338CA;--primary-light: #EEF2FF;--text: #1f2937;--text-muted: #6b7280;--bg: #ffffff;--bg-alt: #f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05)}.nav-container{width:100%;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:1.5rem;font-weight:700;color:var(--text)}.logo-icon{font-size:1.75rem}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{text-decoration:none;color:var(--text-muted);font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--primary)}.nav-cta{padding:10px 20px;background:var(--primary);color:#fff!important;border-radius:8px;transition:background-color .2s ease!important}.nav-cta:hover{background:var(--primary-dark)}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:140px 0 100px;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}.hero-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{color:#fff}.hero-badge{display:inline-block;background:#fff3;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500;margin-bottom:24px}.hero-content h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin:0 0 24px}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);opacity:.9;margin-bottom:32px;line-height:1.6}.hero-form{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.hero-form input{flex:1;min-width:200px;padding:16px 20px;border:none;border-radius:8px;font-size:16px;outline:none}.hero-form button{padding:16px 32px;background:#1f2937;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.hero-form button:hover:not(:disabled){background:#111827}.hero-form button:disabled{opacity:.7;cursor:not-allowed}.hero-note{font-size:14px;opacity:.8;margin:0}.success-message{background:#fff3;padding:16px 24px;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:8px}.success-message.light{background:#fffffff2;color:var(--text)}.hero-visual,.hero-mockup{position:relative}.mockup-browser{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;overflow:hidden}.browser-header{background:#f3f4f6;padding:12px 16px;display:flex;align-items:center;gap:12px}.browser-dots{display:flex;gap:6px}.browser-dots span{width:12px;height:12px;border-radius:50%;background:#d1d5db}.browser-dots span:first-child{background:#ef4444}.browser-dots span:nth-child(2){background:#fbbf24}.browser-dots span:nth-child(3){background:#22c55e}.browser-address{flex:1;background:#fff;padding:6px 12px;border-radius:4px;font-size:12px;color:var(--text-muted)}.browser-content{padding:20px;min-height:280px}.mock-site{background:#f9fafb;border-radius:8px;padding:16px;height:100%}.mock-header-bar{height:40px;background:linear-gradient(90deg,#e5e7eb,#d1d5db,#e5e7eb);border-radius:4px;margin-bottom:16px}.mock-hero-block{height:80px;background:linear-gradient(135deg,#a5b4fc,#c4b5fd);border-radius:8px;margin-bottom:16px}.mock-content-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mock-block{height:60px;background:#e5e7eb;border-radius:4px}.hero-wave{position:absolute;bottom:0;left:0;right:0}.hero-wave svg{display:block;width:100%}.try-demo-badge{position:fixed;bottom:100px;right:100px;display:flex;align-items:center;gap:8px;background:#fff;color:var(--primary);padding:12px 20px;border-radius:30px;font-size:14px;font-weight:600;box-shadow:0 4px 20px #00000026;border:none;cursor:pointer;transition:all .3s ease;z-index:99;animation:pulse-badge 2s infinite}.try-demo-badge:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0003;background:var(--primary);color:#fff}.try-demo-badge svg{transition:transform .3s ease}.try-demo-badge:hover svg{transform:translate(4px)}@keyframes pulse-badge{0%,to{box-shadow:0 4px 20px #00000026}50%{box-shadow:0 4px 25px #4f46e566}}@media (max-width: 768px){.try-demo-badge{bottom:90px;right:20px;padding:10px 16px;font-size:13px}}@media (max-width: 480px){.try-demo-badge{display:none}}.social-proof{padding:60px 0;background:#fff;text-align:center}.social-proof p{color:var(--text-muted);margin-bottom:24px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.logo-grid{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap}.logo-placeholder{color:#d1d5db;font-weight:600;font-size:14px}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin:0 0 16px;color:var(--text)}.section-header p{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin:0 auto}.features-section{padding:80px 0;background:var(--bg-alt)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{background:#fff;padding:32px;border-radius:16px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.feature-icon{font-size:2.5rem;margin-bottom:16px}.feature-card h3{font-size:1.25rem;font-weight:600;margin:0 0 12px;color:var(--text)}.feature-card p{color:var(--text-muted);margin:0;line-height:1.6}.how-it-works-section{padding:80px 0;background:#fff}.steps-grid{display:flex;align-items:flex-start;justify-content:center;gap:24px;flex-wrap:wrap}.step-card{flex:1;min-width:250px;max-width:300px;text-align:center;padding:32px 16px}.step-number{width:48px;height:48px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 20px}.step-card h3{font-size:1.25rem;font-weight:600;margin:0 0 12px}.step-card p{color:var(--text-muted);margin:0}.step-arrow{font-size:2rem;color:#d1d5db;padding-top:40px;flex-shrink:0}.demo-section{padding:80px 0;background:var(--bg-alt)}.demo-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.demo-text h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin:0 0 16px}.demo-text>p{color:var(--text-muted);font-size:1.125rem;margin-bottom:24px}.demo-prompts{list-style:none;padding:0;margin:0}.demo-prompts li{padding:12px 0 12px 28px;position:relative;color:var(--text-muted)}.demo-prompts li:before{content:"→";position:absolute;left:0;color:var(--primary)}.demo-phone{max-width:300px;margin:0 auto;background:#1f2937;border-radius:40px;padding:12px;box-shadow:0 25px 50px #00000040}.phone-notch{width:120px;height:24px;background:#1f2937;margin:0 auto 12px;border-radius:0 0 16px 16px}.phone-screen{background:#fff;border-radius:32px;padding:20px;min-height:400px}.phone-chat-preview{display:flex;flex-direction:column;gap:12px}.chat-bubble{padding:12px 16px;border-radius:16px;font-size:14px;max-width:85%}.chat-bubble.assistant{background:#f3f4f6;align-self:flex-start;border-bottom-left-radius:4px}.chat-bubble.user{background:var(--primary);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.cta-section{padding:80px 0;background:linear-gradient(135deg,#667eea,#764ba2);text-align:center;color:#fff}.cta-section h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin:0 0 16px}.cta-section>.container>p{font-size:1.125rem;opacity:.9;margin-bottom:32px}.cta-form{display:flex;gap:12px;justify-content:center;max-width:500px;margin:0 auto;flex-wrap:wrap}.cta-form input{flex:1;min-width:200px;padding:16px 20px;border:none;border-radius:8px;font-size:16px;outline:none}.cta-form button{padding:16px 32px;background:#1f2937;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.cta-form button:hover:not(:disabled){background:#111827}.landing-footer{background:#1f2937;color:#fff;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand p{color:#9ca3af;margin-top:12px;font-size:14px}.footer-logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:1.25rem;font-weight:700;color:#fff}.footer-links h4{font-size:14px;font-weight:600;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}.footer-links a{display:block;color:#9ca3af;text-decoration:none;padding:6px 0;font-size:14px;transition:color .2s ease}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;padding-top:24px;text-align:center}.footer-bottom p{color:#9ca3af;font-size:14px;margin:0}@media (max-width: 1024px){.hero-section{min-height:auto;padding:120px 0 80px}.hero-container{grid-template-columns:1fr;text-align:center;gap:40px}.hero-form{justify-content:center}.hero-visual{max-width:500px;margin:0 auto}.demo-content{grid-template-columns:1fr;text-align:center;gap:40px}.demo-prompts{display:inline-block;text-align:left}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 768px){.nav-links a:not(.nav-cta){display:none}.nav-links{gap:16px}.hero-visual{display:none}.steps-grid{flex-direction:column;align-items:center}.step-arrow{transform:rotate(90deg);padding:10px 0}.step-card{max-width:100%}.logo-grid{gap:24px}.logo-placeholder{font-size:12px}.footer-grid{grid-template-columns:1fr;text-align:center;gap:24px}.footer-logo{justify-content:center}.section-header{margin-bottom:40px}.features-section,.how-it-works-section,.demo-section,.cta-section{padding:60px 0}}@media (max-width: 480px){.container{padding:0 16px}.nav-container{padding:12px 16px}.hero-section{padding:100px 0 60px}.hero-form input,.hero-form button,.cta-form input,.cta-form button{width:100%;min-width:unset}.feature-card{padding:24px}.features-grid{grid-template-columns:1fr}.demo-phone{max-width:260px}.phone-screen{padding:16px;min-height:350px}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{max-width:1400px}.page-header{margin-bottom:32px}.page-header h1{margin:0 0 8px;font-size:32px;color:#1a202c}.page-header p{margin:0;font-size:16px;color:#718096}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#718096;font-size:16px}.empty-state{text-align:center;padding:60px 20px;color:#718096;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.empty-state p{margin:12px 0;font-size:16px}.empty-state-hint{font-size:14px;color:#a0aec0}button{font-family:inherit}button:disabled{opacity:.6;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}